From 733f0aa228bc1a2d6c40366251edc20e010b52cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samuel=20=C5=A0tancl?= <samuel.stancl@gmail.com>
Date: Wed, 7 Apr 2021 20:16:47 +0200
Subject: [PATCH] back/forward buttons, fix timestamps in DB

---
 .DS_Store                                     |  Bin 6148 -> 6148 bytes
 app/Models/Tip.php                            |    1 +
 app/Twitter/Tweet.php                         |    7 +-
 composer.lock                                 |   46 +-
 content/threads/1-rt-1-tip.md                 |    2 +-
 content/threads/laravel-clean-code-tactics.md |    4 +-
 content/tips/avoid-helper-classes.md          |    2 +-
 .../avoid-queries-in-blade-when-possible.md   |    2 +-
 content/tips/be-friends-with-your-ide.md      |    2 +-
 ...-creating-a-class-just-for-a-single-use.md |    2 +-
 .../tips/comparing-changes-on-saving-using.md |    2 +-
 .../consider-single-action-controllers.md     |    2 +-
 content/tips/consider-using-form-requests.md  |    2 +-
 ...ead-of-facades-they-can-clean-things-up.md |    2 +-
 content/tips/context-matters.md               |    2 +-
 content/tips/create-action-classes.md         |    2 +-
 ...tom-blade-directives-for-business-logic.md |    2 +-
 content/tips/create-fluent-objects.md         |    2 +-
 content/tips/create-helper-functions.md       |    2 +-
 ...create-model-methods-for-business-logic.md |    2 +-
 .../create-query-scopes-for-complex-wheres.md |    2 +-
 .../tips/create-single-use-blade-includes.md  |    2 +-
 content/tips/create-single-use-traits.md      |    2 +-
 ...variables-when-they-improve-readability.md |    2 +-
 ...e-a-weekend-towards-learning-proper-oop.md |    2 +-
 ...en-you-can-just-pass-the-value-directly.md |    2 +-
 ...t-just-write-procedural-code-in-classes.md |    2 +-
 ...aces-but-dont-make-them-too-long-either.md |    2 +-
 .../tips/dont-use-a-controller-namespace.md   |    2 +-
 content/tips/dont-use-abbreviations.md        |    2 +-
 ...dont-use-model-methods-to-retrieve-data.md |    2 +-
 .../tips/eloquent-listeners-are-awesome.md    |    2 +-
 ...g-a-parent-relationship-for-some-things.md |    2 +-
 ...e-deleting-associated-files-on-deletion.md |    2 +-
 content/tips/extract-methods.md               |    2 +-
 ...le-source-of-truth-for-validation-rules.md |    2 +-
 ...f-the-model-state-stuff-mentioned-above.md |    2 +-
 ...ks-with-both-array-and-model-properties.md |    2 +-
 ...of-vue-data-you-can-use-arrow-functions.md |    2 +-
 ...have-to-pass-the-team-id-to-every-route.md |    2 +-
 ...tack-trace-executed-queries-app-context.md |    2 +-
 ...ort-namespaces-instead-of-using-aliases.md |    2 +-
 ...-wanted-value-based-on-the-key-you-have.md |    2 +-
 content/tips/its-about-the-micro.md           |    2 +-
 ...ave-a-very-nice-syntax-for-foreign-keys.md |    2 +-
 ...esourcestoolscards-based-on-an-if-check.md |    2 +-
 ...l-telescope-is-great-for-so-many-things.md |    2 +-
 ...ople-underutilize-the-exception-handler.md |    2 +-
 .../relevant-for-people-building-packages.md  |    2 +-
 ...ur-codebase-in-one-phplaravel-app-state.md |    2 +-
 content/tips/this-one-is-less-obscure.md      |    2 +-
 ...uch-cool-stuff-you-can-do-with-eloquent.md |    2 +-
 ...sary-nesting-by-returning-a-value-early.md |    2 +-
 ...ctions-when-they-can-clean-up-your-code.md |    2 +-
 content/tips/use-custom-collections.md        |    2 +-
 content/tips/use-custom-config-files.md       |    2 +-
 .../tips/use-data-transfer-objects-dtos.md    |    2 +-
 ...docblocks-only-when-they-clarify-things.md |    2 +-
 content/tips/use-events.md                    |    2 +-
 .../tips/use-expressive-names-for-methods.md  |    2 +-
 content/tips/use-short-operators.md           |    2 +-
 content/tips/use-strict-comparison.md         |    2 +-
 ...a-incur-a-database-query-for-each-model.md |    2 +-
 ...model-instance-youll-have-to-refresh-it.md |    2 +-
 ...ture-looks-at-each-point-of-the-process.md |    2 +-
 ...te-functional-code-when-it-benefits-you.md |    2 +-
 ...r-when-method-to-handle-complex-sorting.md |    2 +-
 ...his-method-will-be-displayed-in-horizon.md |    2 +-
 ...thats-added-using-a-subquery-in-a-scope.md |    2 +-
 ...-custom-objects-work-perfectly-well-too.md |    2 +-
 ...ng-saving-deleting-to-cancel-the-action.md |    2 +-
 ...how-the-rendered-version-in-the-browser.md |    2 +-
 .../you-can-use-wherexandy-in-eloquent.md     |    2 +-
 public/css/app.css                            | 1728 +-----
 public/js/app.js                              | 5043 +----------------
 public/mix-manifest.json                      |    4 +-
 resources/views/components/layout.blade.php   |    9 +-
 resources/views/components/socials.blade.php  |   48 +-
 resources/views/tips/show.blade.php           |   49 +-
 79 files changed, 171 insertions(+), 6904 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index f46d66154d5a09b1df9427e16d76b2c0ad7f5a27..cc86c354048140c9d993449d74ce31b8a40558ee 100644
GIT binary patch
delta 323
zcmZoMXfc=|#>B)qu~2NHo}wr-0|Nsi1A_nqLncFVQh9MfQcix-#*51t>p?PX3<V6O
z3`q<*$g&I!45yL`ax#lc3=FO_GBLBTvaxe;aB*<)a>WK`<d+ARB$kvGJ0%uHgLnan
zB^gOjc1V7H4xF8s6qcD<9xou`oS#>cn3<Pa1X3QHnUb26SQHbUk(rm0U+$D&nwL@x
zHV7)i!NJMF880ANU2SA!V5p;DW?)*Yqfl*WWT2y9Vr*7h%gG_GYG~`3kXu<*T~k{(
zivbK68Nn0-13#38QL{Jph_Y^G=iujHV&dF*@jLTmei2;}kSs_?10;ArOoq)NA{&?|
HHn0Ey`u<Y3

delta 90
zcmZoMXfc=|#>CJzu~2NHo}wrd0|Nsi1A_nqLncFVS#VKaPJUkc#6tDS1|lq*zcLB2
vZgyZ!W7^El!Oy|O(6-r-`8)Guei2<xMg|6k0}Kod43lkmq&LTiEMW!!^RE@I

diff --git a/app/Models/Tip.php b/app/Models/Tip.php
index 663a41a..7b55074 100644
--- a/app/Models/Tip.php
+++ b/app/Models/Tip.php
@@ -81,6 +81,7 @@ class Tip extends Model
                 'avatar' => $tweet->author->profile_image_url,
             ])->username,
             'images' => array_map(fn (TwitterImage $image) => $image->url, $tweet->images),
+            'created_at' => $tweet->created_at,
         ]);
     }
 
diff --git a/app/Twitter/Tweet.php b/app/Twitter/Tweet.php
index a9fce52..d63d10e 100644
--- a/app/Twitter/Tweet.php
+++ b/app/Twitter/Tweet.php
@@ -2,6 +2,7 @@
 
 namespace App\Twitter;
 
+use Carbon\Carbon;
 use Illuminate\Support\Facades\Http;
 
 /**
@@ -14,18 +15,21 @@ class Tweet
     public TwitterUser $author;
     public ?string $threadId = null;
     public array $images = [];
+    public Carbon $created_at;
 
     public function __construct(
         string $id,
         string $text,
         TwitterUser $author,
         ?string $threadId = null,
+        Carbon $created_at,
         array $images = [],
     ) {
         $this->id = $id;
         $this->text = $text;
         $this->author = $author;
         $this->threadId = $threadId;
+        $this->created_at = $created_at;
         $this->images = $images;
     }
 
@@ -36,7 +40,7 @@ class Tweet
             ->withToken(config('services.twitter.token'))
             ->get('https://api.twitter.com/2/tweets/' . $id, [
                 'media.fields' => 'url',
-                'tweet.fields' => 'conversation_id,entities',
+                'tweet.fields' => 'conversation_id,entities,created_at',
                 'user.fields' => 'profile_image_url',
                 'expansions' => 'attachments.media_keys,author_id',
             ]);
@@ -66,6 +70,7 @@ class Tweet
                 $author['profile_image_url'],
             ),
             $response->json('data.conversation_id'),
+            Carbon::make($response->json('data.created_at')),
             array_map(fn (string $url) => new TwitterImage($url), $response->json('includes.media.*.url', [])),
         );
     }
diff --git a/composer.lock b/composer.lock
index c67ec3e..dd19e0b 100644
--- a/composer.lock
+++ b/composer.lock
@@ -895,16 +895,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v8.35.1",
+            "version": "v8.36.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "d118c0df39e7524131176aaf76493eae63a8a602"
+                "reference": "0debd8ad6b5aa1f61ccc73910adf049af4ca0444"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/d118c0df39e7524131176aaf76493eae63a8a602",
-                "reference": "d118c0df39e7524131176aaf76493eae63a8a602",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/0debd8ad6b5aa1f61ccc73910adf049af4ca0444",
+                "reference": "0debd8ad6b5aa1f61ccc73910adf049af4ca0444",
                 "shasum": ""
             },
             "require": {
@@ -1059,7 +1059,7 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-03-30T21:34:17+00:00"
+            "time": "2021-04-07T12:37:22+00:00"
         },
         {
             "name": "laravel/tinker",
@@ -2440,16 +2440,16 @@
         },
         {
             "name": "ryangjchandler/orbit",
-            "version": "v0.7.2",
+            "version": "v0.7.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/ryangjchandler/orbit.git",
-                "reference": "b01f1d8c28586410ce3bf3c3ada9c131e03b9ff9"
+                "reference": "2636eb680e96a3cd4e2a911e44df3850f4e90518"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/ryangjchandler/orbit/zipball/b01f1d8c28586410ce3bf3c3ada9c131e03b9ff9",
-                "reference": "b01f1d8c28586410ce3bf3c3ada9c131e03b9ff9",
+                "url": "https://api.github.com/repos/ryangjchandler/orbit/zipball/2636eb680e96a3cd4e2a911e44df3850f4e90518",
+                "reference": "2636eb680e96a3cd4e2a911e44df3850f4e90518",
                 "shasum": ""
             },
             "require": {
@@ -2496,7 +2496,7 @@
             "description": "A flat-file database driver for Eloquent.",
             "support": {
                 "issues": "https://github.com/ryangjchandler/orbit/issues",
-                "source": "https://github.com/ryangjchandler/orbit/tree/v0.7.2"
+                "source": "https://github.com/ryangjchandler/orbit/tree/v0.7.4"
             },
             "funding": [
                 {
@@ -2504,7 +2504,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2021-03-29T13:10:29+00:00"
+            "time": "2021-04-04T21:29:16+00:00"
         },
         {
             "name": "spatie/yaml-front-matter",
@@ -4883,16 +4883,16 @@
         },
         {
             "name": "symplify/git-wrapper",
-            "version": "v9.2.12",
+            "version": "v9.2.14",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symplify/git-wrapper.git",
-                "reference": "ab372196b2925900d94f06bd97c73deb0654bc94"
+                "reference": "790b91b137bb26eaebe8f56a6961883439874f71"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symplify/git-wrapper/zipball/ab372196b2925900d94f06bd97c73deb0654bc94",
-                "reference": "ab372196b2925900d94f06bd97c73deb0654bc94",
+                "url": "https://api.github.com/repos/symplify/git-wrapper/zipball/790b91b137bb26eaebe8f56a6961883439874f71",
+                "reference": "790b91b137bb26eaebe8f56a6961883439874f71",
                 "shasum": ""
             },
             "require": {
@@ -4905,7 +4905,7 @@
                 "ondram/ci-detector": "^3.5",
                 "phpunit/phpunit": "^9.5",
                 "psr/log": "^1.1",
-                "symplify/smart-file-system": "^9.2.12"
+                "symplify/smart-file-system": "^9.2.14"
             },
             "type": "library",
             "autoload": {
@@ -4924,7 +4924,7 @@
                 "git wrapper"
             ],
             "support": {
-                "source": "https://github.com/symplify/git-wrapper/tree/v9.2.12"
+                "source": "https://github.com/symplify/git-wrapper/tree/v9.2.14"
             },
             "funding": [
                 {
@@ -4936,7 +4936,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2021-03-19T11:24:34+00:00"
+            "time": "2021-03-22T13:11:48+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -5658,16 +5658,16 @@
         },
         {
             "name": "laravel/sail",
-            "version": "v1.4.10",
+            "version": "v1.4.11",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sail.git",
-                "reference": "4f0b2bac128ee60a11d9758651f103f78157474a"
+                "reference": "e46a3228da4e95a411a981ac807bd119ab2485fa"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sail/zipball/4f0b2bac128ee60a11d9758651f103f78157474a",
-                "reference": "4f0b2bac128ee60a11d9758651f103f78157474a",
+                "url": "https://api.github.com/repos/laravel/sail/zipball/e46a3228da4e95a411a981ac807bd119ab2485fa",
+                "reference": "e46a3228da4e95a411a981ac807bd119ab2485fa",
                 "shasum": ""
             },
             "require": {
@@ -5714,7 +5714,7 @@
                 "issues": "https://github.com/laravel/sail/issues",
                 "source": "https://github.com/laravel/sail"
             },
-            "time": "2021-03-30T21:26:44+00:00"
+            "time": "2021-04-06T14:00:39+00:00"
         },
         {
             "name": "mockery/mockery",
diff --git a/content/threads/1-rt-1-tip.md b/content/threads/1-rt-1-tip.md
index ab063ae..1e73ac5 100644
--- a/content/threads/1-rt-1-tip.md
+++ b/content/threads/1-rt-1-tip.md
@@ -3,6 +3,6 @@ slug: 1-rt-1-tip
 title: '1 RT = 1 tip'
 tweet_id: 1308082888324374528
 author_username: samuelstancl
-created_at: 2021-04-06T16:07:39+00:00
+created_at: 2021-04-07T18:16:23+00:00
 ---
 A thread of misc tips, originally one tip per one retweet.
\ No newline at end of file
diff --git a/content/threads/laravel-clean-code-tactics.md b/content/threads/laravel-clean-code-tactics.md
index 86a8b84..92b8c38 100644
--- a/content/threads/laravel-clean-code-tactics.md
+++ b/content/threads/laravel-clean-code-tactics.md
@@ -3,6 +3,6 @@ slug: laravel-clean-code-tactics
 title: 'Laravel Clean Code Tactics'
 tweet_id: 1272822437181378561
 author_username: samuelstancl
-created_at: 2021-04-06T16:07:22+00:00
+created_at: 2021-04-07T18:16:07+00:00
 ---
-Get the PDF versions [here](https://gum.co/laravel-clean-code)
\ No newline at end of file
+The OG thread. Get printable PDF versions [here](https://gum.co/laravel-clean-code).
\ No newline at end of file
diff --git a/content/tips/avoid-helper-classes.md b/content/tips/avoid-helper-classes.md
index a075f24..e0dc138 100644
--- a/content/tips/avoid-helper-classes.md
+++ b/content/tips/avoid-helper-classes.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean2CnyWoAEZ3Ef.jpg'
-created_at: 2021-04-06T16:07:28+00:00
+created_at: 2020-06-16T09:24:56+00:00
 slug: avoid-helper-classes
 ---
 
diff --git a/content/tips/avoid-queries-in-blade-when-possible.md b/content/tips/avoid-queries-in-blade-when-possible.md
index 2f57f00..2e074e1 100644
--- a/content/tips/avoid-queries-in-blade-when-possible.md
+++ b/content/tips/avoid-queries-in-blade-when-possible.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean7jvPWkAAp2_6.jpg'
-created_at: 2021-04-06T16:07:36+00:00
+created_at: 2020-06-16T09:40:48+00:00
 slug: avoid-queries-in-blade-when-possible
 ---
 
diff --git a/content/tips/be-friends-with-your-ide.md b/content/tips/be-friends-with-your-ide.md
index 893a7e5..1e4b290 100644
--- a/content/tips/be-friends-with-your-ide.md
+++ b/content/tips/be-friends-with-your-ide.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean6t2ZXgAEiJMa.jpg'
-created_at: 2021-04-06T16:07:34+00:00
+created_at: 2020-06-16T09:40:46+00:00
 slug: be-friends-with-your-ide
 ---
 
diff --git a/content/tips/closure-validation-rules-are-theyre-often-better-than-creating-a-class-just-for-a-single-use.md b/content/tips/closure-validation-rules-are-theyre-often-better-than-creating-a-class-just-for-a-single-use.md
index 62f88d9..45f9caf 100644
--- a/content/tips/closure-validation-rules-are-theyre-often-better-than-creating-a-class-just-for-a-single-use.md
+++ b/content/tips/closure-validation-rules-are-theyre-often-better-than-creating-a-class-just-for-a-single-use.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidAtSYXgAc-6tH.png'
-created_at: 2021-04-06T16:07:41+00:00
+created_at: 2020-09-21T16:48:18+00:00
 slug: closure-validation-rules-are-theyre-often-better-than-creating-a-class-just-for-a-single-use
 ---
 
diff --git a/content/tips/comparing-changes-on-saving-using.md b/content/tips/comparing-changes-on-saving-using.md
index d0f6e8b..bba05c6 100644
--- a/content/tips/comparing-changes-on-saving-using.md
+++ b/content/tips/comparing-changes-on-saving-using.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidZs1IWAAUgH0m.png'
-created_at: 2021-04-06T16:07:44+00:00
+created_at: 2020-09-21T18:38:04+00:00
 slug: comparing-changes-on-saving-using
 ---
 
diff --git a/content/tips/consider-single-action-controllers.md b/content/tips/consider-single-action-controllers.md
index e366293..4deaca5 100644
--- a/content/tips/consider-single-action-controllers.md
+++ b/content/tips/consider-single-action-controllers.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean6Sn9XkAA-WKS.png'
-created_at: 2021-04-06T16:07:34+00:00
+created_at: 2020-06-16T09:40:45+00:00
 slug: consider-single-action-controllers
 ---
 
diff --git a/content/tips/consider-using-form-requests.md b/content/tips/consider-using-form-requests.md
index 0983863..870672d 100644
--- a/content/tips/consider-using-form-requests.md
+++ b/content/tips/consider-using-form-requests.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean0kWgXgAAcOXm.jpg'
-created_at: 2021-04-06T16:07:26+00:00
+created_at: 2020-06-16T09:24:55+00:00
 slug: consider-using-form-requests
 ---
 
diff --git a/content/tips/consider-using-helpers-instead-of-facades-they-can-clean-things-up.md b/content/tips/consider-using-helpers-instead-of-facades-they-can-clean-things-up.md
index 099b59b..d139626 100644
--- a/content/tips/consider-using-helpers-instead-of-facades-they-can-clean-things-up.md
+++ b/content/tips/consider-using-helpers-instead-of-facades-they-can-clean-things-up.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean7QGBXYAEt_l2.jpg'
-created_at: 2021-04-06T16:07:35+00:00
+created_at: 2020-06-16T09:40:47+00:00
 slug: consider-using-helpers-instead-of-facades-they-can-clean-things-up
 ---
 
diff --git a/content/tips/context-matters.md b/content/tips/context-matters.md
index 3737810..e55f2e7 100644
--- a/content/tips/context-matters.md
+++ b/content/tips/context-matters.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean8vC0WAAEomIq.jpg'
-created_at: 2021-04-06T16:07:38+00:00
+created_at: 2020-06-16T09:40:51+00:00
 slug: context-matters
 ---
 
diff --git a/content/tips/create-action-classes.md b/content/tips/create-action-classes.md
index 68ffe95..d77aff1 100644
--- a/content/tips/create-action-classes.md
+++ b/content/tips/create-action-classes.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean0gvIWsAAIfxK.jpg'
-created_at: 2021-04-06T16:07:26+00:00
+created_at: 2020-06-16T09:24:54+00:00
 slug: create-action-classes
 ---
 
diff --git a/content/tips/create-custom-blade-directives-for-business-logic.md b/content/tips/create-custom-blade-directives-for-business-logic.md
index 0a4ad72..1af9888 100644
--- a/content/tips/create-custom-blade-directives-for-business-logic.md
+++ b/content/tips/create-custom-blade-directives-for-business-logic.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean7bYSXkAIwDIR.png'
-created_at: 2021-04-06T16:07:35+00:00
+created_at: 2020-06-16T09:40:48+00:00
 slug: create-custom-blade-directives-for-business-logic
 ---
 
diff --git a/content/tips/create-fluent-objects.md b/content/tips/create-fluent-objects.md
index 2a32ca6..dfabd8e 100644
--- a/content/tips/create-fluent-objects.md
+++ b/content/tips/create-fluent-objects.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean3zqXWAAASnOP.png'
-created_at: 2021-04-06T16:07:29+00:00
+created_at: 2020-06-16T09:24:58+00:00
 slug: create-fluent-objects
 ---
 
diff --git a/content/tips/create-helper-functions.md b/content/tips/create-helper-functions.md
index 78066b8..a9f2134 100644
--- a/content/tips/create-helper-functions.md
+++ b/content/tips/create-helper-functions.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean1ow4WoAAFjoT.jpg'
-created_at: 2021-04-06T16:07:27+00:00
+created_at: 2020-06-16T09:24:56+00:00
 slug: create-helper-functions
 ---
 
diff --git a/content/tips/create-model-methods-for-business-logic.md b/content/tips/create-model-methods-for-business-logic.md
index 19493c2..e45592e 100644
--- a/content/tips/create-model-methods-for-business-logic.md
+++ b/content/tips/create-model-methods-for-business-logic.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean0WGiWAAAg4cu.jpg'
-created_at: 2021-04-06T16:07:25+00:00
+created_at: 2020-06-16T09:24:54+00:00
 slug: create-model-methods-for-business-logic
 ---
 
diff --git a/content/tips/create-query-scopes-for-complex-wheres.md b/content/tips/create-query-scopes-for-complex-wheres.md
index 8cfa8bb..a1f4d22 100644
--- a/content/tips/create-query-scopes-for-complex-wheres.md
+++ b/content/tips/create-query-scopes-for-complex-wheres.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean5ymtXgAEvlxm.jpg'
-created_at: 2021-04-06T16:07:32+00:00
+created_at: 2020-06-16T09:40:43+00:00
 slug: create-query-scopes-for-complex-wheres
 ---
 
diff --git a/content/tips/create-single-use-blade-includes.md b/content/tips/create-single-use-blade-includes.md
index 4854748..293a653 100644
--- a/content/tips/create-single-use-blade-includes.md
+++ b/content/tips/create-single-use-blade-includes.md
@@ -4,7 +4,7 @@ tweet_id: '1272826427902234625'
 thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images: {  }
-created_at: 2021-04-06T16:07:31+00:00
+created_at: 2020-06-16T09:40:43+00:00
 slug: create-single-use-blade-includes
 ---
 
diff --git a/content/tips/create-single-use-traits.md b/content/tips/create-single-use-traits.md
index 8dd2e6c..309627f 100644
--- a/content/tips/create-single-use-traits.md
+++ b/content/tips/create-single-use-traits.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean5BnEWkAEPUTe.jpg'
-created_at: 2021-04-06T16:07:31+00:00
+created_at: 2020-06-16T09:25:01+00:00
 slug: create-single-use-traits
 ---
 
diff --git a/content/tips/create-variables-when-they-improve-readability.md b/content/tips/create-variables-when-they-improve-readability.md
index 5b94412..3c91002 100644
--- a/content/tips/create-variables-when-they-improve-readability.md
+++ b/content/tips/create-variables-when-they-improve-readability.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean0HJwWAAAZkDR.png'
-created_at: 2021-04-06T16:07:24+00:00
+created_at: 2020-06-16T09:24:53+00:00
 slug: create-variables-when-they-improve-readability
 ---
 
diff --git a/content/tips/dedicate-a-weekend-towards-learning-proper-oop.md b/content/tips/dedicate-a-weekend-towards-learning-proper-oop.md
index 76163d9..0cf1ffb 100644
--- a/content/tips/dedicate-a-weekend-towards-learning-proper-oop.md
+++ b/content/tips/dedicate-a-weekend-towards-learning-proper-oop.md
@@ -4,7 +4,7 @@ tweet_id: '1272822460631539712'
 thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images: {  }
-created_at: 2021-04-06T16:07:28+00:00
+created_at: 2020-06-16T09:24:57+00:00
 slug: dedicate-a-weekend-towards-learning-proper-oop
 ---
 
diff --git a/content/tips/dont-create-variables-when-you-can-just-pass-the-value-directly.md b/content/tips/dont-create-variables-when-you-can-just-pass-the-value-directly.md
index cc50349..48c239e 100644
--- a/content/tips/dont-create-variables-when-you-can-just-pass-the-value-directly.md
+++ b/content/tips/dont-create-variables-when-you-can-just-pass-the-value-directly.md
@@ -5,6 +5,6 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eanz9WJWkAAeoT2.jpg'
-created_at: 2021-04-06T16:07:24+00:00
+created_at: 2020-06-16T09:24:53+00:00
 slug: dont-create-variables-when-you-can-just-pass-the-value-directly
 ---
diff --git a/content/tips/dont-just-write-procedural-code-in-classes.md b/content/tips/dont-just-write-procedural-code-in-classes.md
index a7c8098..fbd65d5 100644
--- a/content/tips/dont-just-write-procedural-code-in-classes.md
+++ b/content/tips/dont-just-write-procedural-code-in-classes.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean2u-YX0AEmwEd.jpg'
-created_at: 2021-04-06T16:07:28+00:00
+created_at: 2020-06-16T09:24:57+00:00
 slug: dont-just-write-procedural-code-in-classes
 ---
 
diff --git a/content/tips/dont-split-lines-at-random-places-but-dont-make-them-too-long-either.md b/content/tips/dont-split-lines-at-random-places-but-dont-make-them-too-long-either.md
index 802cf8a..c449aae 100644
--- a/content/tips/dont-split-lines-at-random-places-but-dont-make-them-too-long-either.md
+++ b/content/tips/dont-split-lines-at-random-places-but-dont-make-them-too-long-either.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eanz0jnXsAAvkv1.jpg'
-created_at: 2021-04-06T16:07:23+00:00
+created_at: 2020-06-16T09:24:52+00:00
 slug: dont-split-lines-at-random-places-but-dont-make-them-too-long-either
 ---
 
diff --git a/content/tips/dont-use-a-controller-namespace.md b/content/tips/dont-use-a-controller-namespace.md
index 4f20095..e61ac8f 100644
--- a/content/tips/dont-use-a-controller-namespace.md
+++ b/content/tips/dont-use-a-controller-namespace.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean6NFJX0AAfiXT.png'
-created_at: 2021-04-06T16:07:33+00:00
+created_at: 2020-06-16T09:40:45+00:00
 slug: dont-use-a-controller-namespace
 ---
 
diff --git a/content/tips/dont-use-abbreviations.md b/content/tips/dont-use-abbreviations.md
index 0ffb9f6..16ffc25 100644
--- a/content/tips/dont-use-abbreviations.md
+++ b/content/tips/dont-use-abbreviations.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean4TBBXgAAMab3.png'
-created_at: 2021-04-06T16:07:30+00:00
+created_at: 2020-06-16T09:24:59+00:00
 slug: dont-use-abbreviations
 ---
 
diff --git a/content/tips/dont-use-model-methods-to-retrieve-data.md b/content/tips/dont-use-model-methods-to-retrieve-data.md
index 4efccb0..156a9aa 100644
--- a/content/tips/dont-use-model-methods-to-retrieve-data.md
+++ b/content/tips/dont-use-model-methods-to-retrieve-data.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean58GjWAAAgqLq.jpg'
-created_at: 2021-04-06T16:07:32+00:00
+created_at: 2020-06-16T09:40:44+00:00
 slug: dont-use-model-methods-to-retrieve-data
 ---
 
diff --git a/content/tips/eloquent-listeners-are-awesome.md b/content/tips/eloquent-listeners-are-awesome.md
index abaefd2..c697bd5 100644
--- a/content/tips/eloquent-listeners-are-awesome.md
+++ b/content/tips/eloquent-listeners-are-awesome.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidaLtrXcAU0nIG.png'
-created_at: 2021-04-06T16:07:45+00:00
+created_at: 2020-09-21T18:43:42+00:00
 slug: eloquent-listeners-are-awesome
 ---
 
diff --git a/content/tips/example-checking-a-parent-relationship-for-some-things.md b/content/tips/example-checking-a-parent-relationship-for-some-things.md
index cd6c9ac..1f0dfac 100644
--- a/content/tips/example-checking-a-parent-relationship-for-some-things.md
+++ b/content/tips/example-checking-a-parent-relationship-for-some-things.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidbX_UWAAMeB6-.png'
-created_at: 2021-04-06T16:07:45+00:00
+created_at: 2020-09-21T18:43:43+00:00
 slug: example-checking-a-parent-relationship-for-some-things
 ---
 
diff --git a/content/tips/example-deleting-associated-files-on-deletion.md b/content/tips/example-deleting-associated-files-on-deletion.md
index 06206b1..2c02745 100644
--- a/content/tips/example-deleting-associated-files-on-deletion.md
+++ b/content/tips/example-deleting-associated-files-on-deletion.md
@@ -5,6 +5,6 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidbEGZXYAA6q3G.png'
-created_at: 2021-04-06T16:07:45+00:00
+created_at: 2020-09-21T18:43:42+00:00
 slug: example-deleting-associated-files-on-deletion
 ---
diff --git a/content/tips/extract-methods.md b/content/tips/extract-methods.md
index edfe01c..d1bda6c 100644
--- a/content/tips/extract-methods.md
+++ b/content/tips/extract-methods.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean1UORWkAE4UDD.jpg'
-created_at: 2021-04-06T16:07:27+00:00
+created_at: 2020-06-16T09:24:55+00:00
 slug: extract-methods
 ---
 
diff --git a/content/tips/have-a-single-source-of-truth-for-validation-rules.md b/content/tips/have-a-single-source-of-truth-for-validation-rules.md
index bea331b..1bfb672 100644
--- a/content/tips/have-a-single-source-of-truth-for-validation-rules.md
+++ b/content/tips/have-a-single-source-of-truth-for-validation-rules.md
@@ -4,7 +4,7 @@ tweet_id: '1272826456960315392'
 thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images: {  }
-created_at: 2021-04-06T16:07:37+00:00
+created_at: 2020-06-16T09:40:49+00:00
 slug: have-a-single-source-of-truth-for-validation-rules
 ---
 
diff --git a/content/tips/heres-another-example-of-the-model-state-stuff-mentioned-above.md b/content/tips/heres-another-example-of-the-model-state-stuff-mentioned-above.md
index ba5a494..0969080 100644
--- a/content/tips/heres-another-example-of-the-model-state-stuff-mentioned-above.md
+++ b/content/tips/heres-another-example-of-the-model-state-stuff-mentioned-above.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidDSDcXYAA_7XD.jpg'
-created_at: 2021-04-06T16:07:42+00:00
+created_at: 2020-09-21T17:00:00+00:00
 slug: heres-another-example-of-the-model-state-stuff-mentioned-above
 ---
 
diff --git a/content/tips/if-you-didnt-know-at-laravellivewire-now-triggers-updated-and-updating-hooks-for-nested-properties-which-works-with-both-array-and-model-properties.md b/content/tips/if-you-didnt-know-at-laravellivewire-now-triggers-updated-and-updating-hooks-for-nested-properties-which-works-with-both-array-and-model-properties.md
index 819aefd..63056e7 100644
--- a/content/tips/if-you-didnt-know-at-laravellivewire-now-triggers-updated-and-updating-hooks-for-nested-properties-which-works-with-both-array-and-model-properties.md
+++ b/content/tips/if-you-didnt-know-at-laravellivewire-now-triggers-updated-and-updating-hooks-for-nested-properties-which-works-with-both-array-and-model-properties.md
@@ -6,6 +6,6 @@ author_username: LiamHammett
 images:
     - 'https://pbs.twimg.com/media/EiXw7FcXYAEGzFy.jpg'
     - 'https://pbs.twimg.com/media/EiXw7h3WAAEjT9F.jpg'
-created_at: 2021-04-06T16:07:48+00:00
+created_at: 2020-09-20T16:20:30+00:00
 slug: if-you-didnt-know-at-laravellivewire-now-triggers-updated-and-updating-hooks-for-nested-properties-which-works-with-both-array-and-model-properties
 ---
diff --git a/content/tips/if-you-dont-like-the-double-indentation-of-vue-data-you-can-use-arrow-functions.md b/content/tips/if-you-dont-like-the-double-indentation-of-vue-data-you-can-use-arrow-functions.md
index 09ec462..1c2203a 100644
--- a/content/tips/if-you-dont-like-the-double-indentation-of-vue-data-you-can-use-arrow-functions.md
+++ b/content/tips/if-you-dont-like-the-double-indentation-of-vue-data-you-can-use-arrow-functions.md
@@ -6,7 +6,7 @@ author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Edb2vN0XoAEnunt.png'
     - 'https://pbs.twimg.com/media/Edb2vO8WoAAAcdX.png'
-created_at: 2021-04-06T16:07:42+00:00
+created_at: 2020-07-21T08:05:30+00:00
 slug: if-you-dont-like-the-double-indentation-of-vue-data-you-can-use-arrow-functions
 ---
 
diff --git a/content/tips/if-you-want-to-identify-teams-workspaces-etc-by-path-you-dont-have-to-pass-the-team-id-to-every-route.md b/content/tips/if-you-want-to-identify-teams-workspaces-etc-by-path-you-dont-have-to-pass-the-team-id-to-every-route.md
index 32b7b34..c3630ac 100644
--- a/content/tips/if-you-want-to-identify-teams-workspaces-etc-by-path-you-dont-have-to-pass-the-team-id-to-every-route.md
+++ b/content/tips/if-you-want-to-identify-teams-workspaces-etc-by-path-you-dont-have-to-pass-the-team-id-to-every-route.md
@@ -6,7 +6,7 @@ author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidKFFnX0AEEjwr.png'
     - 'https://pbs.twimg.com/media/EidKYlkWoAAWkLD.png'
-created_at: 2021-04-06T16:07:43+00:00
+created_at: 2020-09-21T17:30:36+00:00
 slug: if-you-want-to-identify-teams-workspaces-etc-by-path-you-dont-have-to-pass-the-team-id-to-every-route
 ---
 
diff --git a/content/tips/if-youre-debugging-your-app-and-youd-like-to-examine-more-things-eg-the-stack-trace-executed-queries-app-context.md b/content/tips/if-youre-debugging-your-app-and-youd-like-to-examine-more-things-eg-the-stack-trace-executed-queries-app-context.md
index c43fa58..e36825e 100644
--- a/content/tips/if-youre-debugging-your-app-and-youd-like-to-examine-more-things-eg-the-stack-trace-executed-queries-app-context.md
+++ b/content/tips/if-youre-debugging-your-app-and-youd-like-to-examine-more-things-eg-the-stack-trace-executed-queries-app-context.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidXEVXXgAofRdr.jpg'
-created_at: 2021-04-06T16:07:44+00:00
+created_at: 2020-09-21T18:24:57+00:00
 slug: if-youre-debugging-your-app-and-youd-like-to-examine-more-things-eg-the-stack-trace-executed-queries-app-context
 ---
 
diff --git a/content/tips/import-namespaces-instead-of-using-aliases.md b/content/tips/import-namespaces-instead-of-using-aliases.md
index 9d20cd1..2b36d5c 100644
--- a/content/tips/import-namespaces-instead-of-using-aliases.md
+++ b/content/tips/import-namespaces-instead-of-using-aliases.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean5otqXYAA4QPR.png'
-created_at: 2021-04-06T16:07:31+00:00
+created_at: 2020-06-16T09:40:43+00:00
 slug: import-namespaces-instead-of-using-aliases
 ---
 
diff --git a/content/tips/instead-of-writing-repetitive-else-if-statements-use-an-array-to-look-up-the-wanted-value-based-on-the-key-you-have.md b/content/tips/instead-of-writing-repetitive-else-if-statements-use-an-array-to-look-up-the-wanted-value-based-on-the-key-you-have.md
index 2791c4c..f9144c2 100644
--- a/content/tips/instead-of-writing-repetitive-else-if-statements-use-an-array-to-look-up-the-wanted-value-based-on-the-key-you-have.md
+++ b/content/tips/instead-of-writing-repetitive-else-if-statements-use-an-array-to-look-up-the-wanted-value-based-on-the-key-you-have.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EanzWiHXsAAhshs.jpg'
-created_at: 2021-04-06T16:07:22+00:00
+created_at: 2020-06-16T09:24:52+00:00
 slug: instead-of-writing-repetitive-else-if-statements-use-an-array-to-look-up-the-wanted-value-based-on-the-key-you-have
 ---
 
diff --git a/content/tips/its-about-the-micro.md b/content/tips/its-about-the-micro.md
index 54ddeaf..8e7ffb7 100644
--- a/content/tips/its-about-the-micro.md
+++ b/content/tips/its-about-the-micro.md
@@ -4,7 +4,7 @@ tweet_id: '1272822438406094848'
 thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images: {  }
-created_at: 2021-04-06T16:07:22+00:00
+created_at: 2020-06-16T09:24:51+00:00
 slug: its-about-the-micro
 ---
 
diff --git a/content/tips/laravel-migrations-have-a-very-nice-syntax-for-foreign-keys.md b/content/tips/laravel-migrations-have-a-very-nice-syntax-for-foreign-keys.md
index 10c0098..71d6067 100644
--- a/content/tips/laravel-migrations-have-a-very-nice-syntax-for-foreign-keys.md
+++ b/content/tips/laravel-migrations-have-a-very-nice-syntax-for-foreign-keys.md
@@ -4,7 +4,7 @@ tweet_id: '1308126491188883463'
 thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images: {  }
-created_at: 2021-04-06T16:07:46+00:00
+created_at: 2020-09-21T19:30:33+00:00
 slug: laravel-migrations-have-a-very-nice-syntax-for-foreign-keys
 ---
 
diff --git a/content/tips/laravel-nova-lets-you-show-different-resourcestoolscards-based-on-an-if-check.md b/content/tips/laravel-nova-lets-you-show-different-resourcestoolscards-based-on-an-if-check.md
index f044a85..1c9c8a8 100644
--- a/content/tips/laravel-nova-lets-you-show-different-resourcestoolscards-based-on-an-if-check.md
+++ b/content/tips/laravel-nova-lets-you-show-different-resourcestoolscards-based-on-an-if-check.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidABmBXcAAto9_.png'
-created_at: 2021-04-06T16:07:41+00:00
+created_at: 2020-09-21T16:44:47+00:00
 slug: laravel-nova-lets-you-show-different-resourcestoolscards-based-on-an-if-check
 ---
 
diff --git a/content/tips/laravel-telescope-is-great-for-so-many-things.md b/content/tips/laravel-telescope-is-great-for-so-many-things.md
index a632cbd..487b2c3 100644
--- a/content/tips/laravel-telescope-is-great-for-so-many-things.md
+++ b/content/tips/laravel-telescope-is-great-for-so-many-things.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidI3vCXgAIOCvY.png'
-created_at: 2021-04-06T16:07:43+00:00
+created_at: 2020-09-21T17:24:29+00:00
 slug: laravel-telescope-is-great-for-so-many-things
 ---
 
diff --git a/content/tips/people-underutilize-the-exception-handler.md b/content/tips/people-underutilize-the-exception-handler.md
index f0d2f2b..c4a67fb 100644
--- a/content/tips/people-underutilize-the-exception-handler.md
+++ b/content/tips/people-underutilize-the-exception-handler.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eic5sfxWAAY2ym2.png'
-created_at: 2021-04-06T16:07:39+00:00
+created_at: 2020-09-21T16:37:18+00:00
 slug: people-underutilize-the-exception-handler
 ---
 
diff --git a/content/tips/relevant-for-people-building-packages.md b/content/tips/relevant-for-people-building-packages.md
index 2d77796..2e111eb 100644
--- a/content/tips/relevant-for-people-building-packages.md
+++ b/content/tips/relevant-for-people-building-packages.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidBy75XsA4CZGx.jpg'
-created_at: 2021-04-06T16:07:41+00:00
+created_at: 2020-09-21T16:52:14+00:00
 slug: relevant-for-people-building-packages
 ---
 
diff --git a/content/tips/theres-great-value-in-understanding-how-object-state-of-models-works-this-is-mostly-relevant-in-feature-tests-because-they-touch-many-parts-of-your-codebase-in-one-phplaravel-app-state.md b/content/tips/theres-great-value-in-understanding-how-object-state-of-models-works-this-is-mostly-relevant-in-feature-tests-because-they-touch-many-parts-of-your-codebase-in-one-phplaravel-app-state.md
index ee000ab..9b2b68e 100644
--- a/content/tips/theres-great-value-in-understanding-how-object-state-of-models-works-this-is-mostly-relevant-in-feature-tests-because-they-touch-many-parts-of-your-codebase-in-one-phplaravel-app-state.md
+++ b/content/tips/theres-great-value-in-understanding-how-object-state-of-models-works-this-is-mostly-relevant-in-feature-tests-because-they-touch-many-parts-of-your-codebase-in-one-phplaravel-app-state.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eic9xP2XsAoo8ay.png'
-created_at: 2021-04-06T16:07:40+00:00
+created_at: 2020-09-21T16:37:19+00:00
 slug: theres-great-value-in-understanding-how-object-state-of-models-works-this-is-mostly-relevant-in-feature-tests-because-they-touch-many-parts-of-your-codebase-in-one-phplaravel-app-state
 ---
 
diff --git a/content/tips/this-one-is-less-obscure.md b/content/tips/this-one-is-less-obscure.md
index 08410b9..8586a19 100644
--- a/content/tips/this-one-is-less-obscure.md
+++ b/content/tips/this-one-is-less-obscure.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidvI20XcAA7MGY.png'
-created_at: 2021-04-06T16:07:48+00:00
+created_at: 2020-09-21T20:10:31+00:00
 slug: this-one-is-less-obscure
 ---
 
diff --git a/content/tips/this-wont-fit-into-one-tweet-but-theres-so-much-cool-stuff-you-can-do-with-eloquent.md b/content/tips/this-wont-fit-into-one-tweet-but-theres-so-much-cool-stuff-you-can-do-with-eloquent.md
index b77e1ac..c6c89cb 100644
--- a/content/tips/this-wont-fit-into-one-tweet-but-theres-so-much-cool-stuff-you-can-do-with-eloquent.md
+++ b/content/tips/this-wont-fit-into-one-tweet-but-theres-so-much-cool-stuff-you-can-do-with-eloquent.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eidq5A3XsAAM9lA.png'
-created_at: 2021-04-06T16:07:46+00:00
+created_at: 2020-09-21T20:00:49+00:00
 slug: this-wont-fit-into-one-tweet-but-theres-so-much-cool-stuff-you-can-do-with-eloquent
 ---
 
diff --git a/content/tips/try-to-avoid-unnecessary-nesting-by-returning-a-value-early.md b/content/tips/try-to-avoid-unnecessary-nesting-by-returning-a-value-early.md
index 06daffe..713bd22 100644
--- a/content/tips/try-to-avoid-unnecessary-nesting-by-returning-a-value-early.md
+++ b/content/tips/try-to-avoid-unnecessary-nesting-by-returning-a-value-early.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EanzmPwXYAAoH2A.jpg'
-created_at: 2021-04-06T16:07:23+00:00
+created_at: 2020-06-16T09:24:52+00:00
 slug: try-to-avoid-unnecessary-nesting-by-returning-a-value-early
 ---
 
diff --git a/content/tips/use-collections-when-they-can-clean-up-your-code.md b/content/tips/use-collections-when-they-can-clean-up-your-code.md
index 771ad2a..7805f1e 100644
--- a/content/tips/use-collections-when-they-can-clean-up-your-code.md
+++ b/content/tips/use-collections-when-they-can-clean-up-your-code.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean8WekXkAEafMW.png'
-created_at: 2021-04-06T16:07:37+00:00
+created_at: 2020-06-16T09:40:50+00:00
 slug: use-collections-when-they-can-clean-up-your-code
 ---
 
diff --git a/content/tips/use-custom-collections.md b/content/tips/use-custom-collections.md
index 5f545b3..63b2fd3 100644
--- a/content/tips/use-custom-collections.md
+++ b/content/tips/use-custom-collections.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean3-8QXYAAmi7V.jpg'
-created_at: 2021-04-06T16:07:30+00:00
+created_at: 2020-06-16T09:24:59+00:00
 slug: use-custom-collections
 ---
 
diff --git a/content/tips/use-custom-config-files.md b/content/tips/use-custom-config-files.md
index 3ac11ad..a7f304b 100644
--- a/content/tips/use-custom-config-files.md
+++ b/content/tips/use-custom-config-files.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean6FxnXkAAXDsl.png'
-created_at: 2021-04-06T16:07:33+00:00
+created_at: 2020-06-16T09:40:44+00:00
 slug: use-custom-config-files
 ---
 
diff --git a/content/tips/use-data-transfer-objects-dtos.md b/content/tips/use-data-transfer-objects-dtos.md
index bdebda4..5530716 100644
--- a/content/tips/use-data-transfer-objects-dtos.md
+++ b/content/tips/use-data-transfer-objects-dtos.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean3uMaWAAApBhb.jpg'
-created_at: 2021-04-06T16:07:29+00:00
+created_at: 2020-06-16T09:24:58+00:00
 slug: use-data-transfer-objects-dtos
 ---
 
diff --git a/content/tips/use-docblocks-only-when-they-clarify-things.md b/content/tips/use-docblocks-only-when-they-clarify-things.md
index dd6f3f9..433b504 100644
--- a/content/tips/use-docblocks-only-when-they-clarify-things.md
+++ b/content/tips/use-docblocks-only-when-they-clarify-things.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean8DcIXkAESZ_P.jpg'
-created_at: 2021-04-06T16:07:37+00:00
+created_at: 2020-06-16T09:40:49+00:00
 slug: use-docblocks-only-when-they-clarify-things
 ---
 
diff --git a/content/tips/use-events.md b/content/tips/use-events.md
index 69cdacb..6a58de7 100644
--- a/content/tips/use-events.md
+++ b/content/tips/use-events.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean07-jXkAErgaL.jpg'
-created_at: 2021-04-06T16:07:26+00:00
+created_at: 2020-06-16T09:24:55+00:00
 slug: use-events
 ---
 
diff --git a/content/tips/use-expressive-names-for-methods.md b/content/tips/use-expressive-names-for-methods.md
index 3a5e35f..6d0c2d5 100644
--- a/content/tips/use-expressive-names-for-methods.md
+++ b/content/tips/use-expressive-names-for-methods.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean4xcqWAAUsjdG.png'
-created_at: 2021-04-06T16:07:30+00:00
+created_at: 2020-06-16T09:25:00+00:00
 slug: use-expressive-names-for-methods
 ---
 
diff --git a/content/tips/use-short-operators.md b/content/tips/use-short-operators.md
index 7a5a7e6..804cb37 100644
--- a/content/tips/use-short-operators.md
+++ b/content/tips/use-short-operators.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean63YeXQAABhBd.jpg'
-created_at: 2021-04-06T16:07:34+00:00
+created_at: 2020-06-16T09:40:46+00:00
 slug: use-short-operators
 ---
 
diff --git a/content/tips/use-strict-comparison.md b/content/tips/use-strict-comparison.md
index 8917c8c..65dbec8 100644
--- a/content/tips/use-strict-comparison.md
+++ b/content/tips/use-strict-comparison.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean722QXgAENwmW.jpg'
-created_at: 2021-04-06T16:07:36+00:00
+created_at: 2020-06-16T09:40:48+00:00
 slug: use-strict-comparison
 ---
 
diff --git a/content/tips/wanna-update-a-set-of-eloquent-models-and-have-the-change-updated-in-the-database-and-in-your-in-memory-instances-but-dont-wanna-incur-a-database-query-for-each-model.md b/content/tips/wanna-update-a-set-of-eloquent-models-and-have-the-change-updated-in-the-database-and-in-your-in-memory-instances-but-dont-wanna-incur-a-database-query-for-each-model.md
index 05dfda2..2889704 100644
--- a/content/tips/wanna-update-a-set-of-eloquent-models-and-have-the-change-updated-in-the-database-and-in-your-in-memory-instances-but-dont-wanna-incur-a-database-query-for-each-model.md
+++ b/content/tips/wanna-update-a-set-of-eloquent-models-and-have-the-change-updated-in-the-database-and-in-your-in-memory-instances-but-dont-wanna-incur-a-database-query-for-each-model.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: timacdonald87
 images:
     - 'https://pbs.twimg.com/media/EWVoC3jVcAEg0JX.jpg'
-created_at: 2021-04-06T16:07:49+00:00
+created_at: 2020-04-24T03:23:18+00:00
 slug: wanna-update-a-set-of-eloquent-models-and-have-the-change-updated-in-the-database-and-in-your-in-memory-instances-but-dont-wanna-incur-a-database-query-for-each-model
 ---
 
diff --git a/content/tips/when-a-relationship-is-already-loaded-and-cached-on-the-model-instance-youll-have-to-refresh-it.md b/content/tips/when-a-relationship-is-already-loaded-and-cached-on-the-model-instance-youll-have-to-refresh-it.md
index ef4738d..f2d00a7 100644
--- a/content/tips/when-a-relationship-is-already-loaded-and-cached-on-the-model-instance-youll-have-to-refresh-it.md
+++ b/content/tips/when-a-relationship-is-already-loaded-and-cached-on-the-model-instance-youll-have-to-refresh-it.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eic_JawXgAAEbYL.png'
-created_at: 2021-04-06T16:07:40+00:00
+created_at: 2020-09-21T16:42:13+00:00
 slug: when-a-relationship-is-already-loaded-and-cached-on-the-model-instance-youll-have-to-refresh-it
 ---
 
diff --git a/content/tips/when-im-converting-data-into-a-different-structure-one-thing-i-like-to-do-is-annotate-how-the-structure-looks-at-each-point-of-the-process.md b/content/tips/when-im-converting-data-into-a-different-structure-one-thing-i-like-to-do-is-annotate-how-the-structure-looks-at-each-point-of-the-process.md
index 70a5474..a26a246 100644
--- a/content/tips/when-im-converting-data-into-a-different-structure-one-thing-i-like-to-do-is-annotate-how-the-structure-looks-at-each-point-of-the-process.md
+++ b/content/tips/when-im-converting-data-into-a-different-structure-one-thing-i-like-to-do-is-annotate-how-the-structure-looks-at-each-point-of-the-process.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EinfW11XgAE0y7W.jpg'
-created_at: 2021-04-06T16:07:49+00:00
+created_at: 2020-09-23T17:40:43+00:00
 slug: when-im-converting-data-into-a-different-structure-one-thing-i-like-to-do-is-annotate-how-the-structure-looks-at-each-point-of-the-process
 ---
 
diff --git a/content/tips/write-functional-code-when-it-benefits-you.md b/content/tips/write-functional-code-when-it-benefits-you.md
index 37a9b33..b66b6e6 100644
--- a/content/tips/write-functional-code-when-it-benefits-you.md
+++ b/content/tips/write-functional-code-when-it-benefits-you.md
@@ -5,7 +5,7 @@ thread_slug: laravel-clean-code-tactics
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Ean8cQUWoAEjdO3.jpg'
-created_at: 2021-04-06T16:07:38+00:00
+created_at: 2020-06-16T09:40:51+00:00
 slug: write-functional-code-when-it-benefits-you
 ---
 
diff --git a/content/tips/yesterday-in-my-at-laracononline-talk-i-explained-how-to-use-the-query-builder-when-method-to-handle-complex-sorting.md b/content/tips/yesterday-in-my-at-laracononline-talk-i-explained-how-to-use-the-query-builder-when-method-to-handle-complex-sorting.md
index 2f8893b..fde8f57 100644
--- a/content/tips/yesterday-in-my-at-laracononline-talk-i-explained-how-to-use-the-query-builder-when-method-to-handle-complex-sorting.md
+++ b/content/tips/yesterday-in-my-at-laracononline-talk-i-explained-how-to-use-the-query-builder-when-method-to-handle-complex-sorting.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: reinink
 images:
     - 'https://pbs.twimg.com/media/ERyNRSIX0AEjjWo.jpg'
-created_at: 2021-04-06T16:07:49+00:00
+created_at: 2020-02-27T13:12:31+00:00
 slug: yesterday-in-my-at-laracononline-talk-i-explained-how-to-use-the-query-builder-when-method-to-handle-complex-sorting
 ---
 
diff --git a/content/tips/you-can-add-a-tags-method-to-a-job-anything-you-return-from-this-method-will-be-displayed-in-horizon.md b/content/tips/you-can-add-a-tags-method-to-a-job-anything-you-return-from-this-method-will-be-displayed-in-horizon.md
index eeaf2cc..2b8b723 100644
--- a/content/tips/you-can-add-a-tags-method-to-a-job-anything-you-return-from-this-method-will-be-displayed-in-horizon.md
+++ b/content/tips/you-can-add-a-tags-method-to-a-job-anything-you-return-from-this-method-will-be-displayed-in-horizon.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidtAYaXkAEjAl-.jpg'
-created_at: 2021-04-06T16:07:47+00:00
+created_at: 2020-09-21T20:00:50+00:00
 slug: you-can-add-a-tags-method-to-a-job-anything-you-return-from-this-method-will-be-displayed-in-horizon
 ---
 
diff --git a/content/tips/you-can-create-dynamic-relationships-this-relationship-is-based-on-a-column-thats-added-using-a-subquery-in-a-scope.md b/content/tips/you-can-create-dynamic-relationships-this-relationship-is-based-on-a-column-thats-added-using-a-subquery-in-a-scope.md
index 0407e60..4368d22 100644
--- a/content/tips/you-can-create-dynamic-relationships-this-relationship-is-based-on-a-column-thats-added-using-a-subquery-in-a-scope.md
+++ b/content/tips/you-can-create-dynamic-relationships-this-relationship-is-based-on-a-column-thats-added-using-a-subquery-in-a-scope.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidrdqwWkAIy4oN.png'
-created_at: 2021-04-06T16:07:47+00:00
+created_at: 2020-09-21T20:00:49+00:00
 slug: you-can-create-dynamic-relationships-this-relationship-is-based-on-a-column-thats-added-using-a-subquery-in-a-scope
 ---
 
diff --git a/content/tips/you-can-explicitly-bind-objects-to-routes-you-dont-have-to-use-route-model-binding-only-custom-objects-work-perfectly-well-too.md b/content/tips/you-can-explicitly-bind-objects-to-routes-you-dont-have-to-use-route-model-binding-only-custom-objects-work-perfectly-well-too.md
index f53c468..6a804c6 100644
--- a/content/tips/you-can-explicitly-bind-objects-to-routes-you-dont-have-to-use-route-model-binding-only-custom-objects-work-perfectly-well-too.md
+++ b/content/tips/you-can-explicitly-bind-objects-to-routes-you-dont-have-to-use-route-model-binding-only-custom-objects-work-perfectly-well-too.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidyDmfWsAI14-C.png'
-created_at: 2021-04-06T16:07:48+00:00
+created_at: 2020-09-21T20:24:49+00:00
 slug: you-can-explicitly-bind-objects-to-routes-you-dont-have-to-use-route-model-binding-only-custom-objects-work-perfectly-well-too
 ---
 
diff --git a/content/tips/you-can-return-false-from-a-ing-eloquent-event-listener-creating-updating-saving-deleting-to-cancel-the-action.md b/content/tips/you-can-return-false-from-a-ing-eloquent-event-listener-creating-updating-saving-deleting-to-cancel-the-action.md
index 3f5bc2c..b11ed07 100644
--- a/content/tips/you-can-return-false-from-a-ing-eloquent-event-listener-creating-updating-saving-deleting-to-cancel-the-action.md
+++ b/content/tips/you-can-return-false-from-a-ing-eloquent-event-listener-creating-updating-saving-deleting-to-cancel-the-action.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eidmle3WoAI72Yk.png'
-created_at: 2021-04-06T16:07:46+00:00
+created_at: 2020-09-21T19:32:43+00:00
 slug: you-can-return-false-from-a-ing-eloquent-event-listener-creating-updating-saving-deleting-to-cancel-the-action
 ---
 
diff --git a/content/tips/you-can-return-mailables-as-responses-from-controllers-it-will-show-the-rendered-version-in-the-browser.md b/content/tips/you-can-return-mailables-as-responses-from-controllers-it-will-show-the-rendered-version-in-the-browser.md
index 5d841c7..0dbed8d 100644
--- a/content/tips/you-can-return-mailables-as-responses-from-controllers-it-will-show-the-rendered-version-in-the-browser.md
+++ b/content/tips/you-can-return-mailables-as-responses-from-controllers-it-will-show-the-rendered-version-in-the-browser.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/Eic6iydX0AgLupY.png'
-created_at: 2021-04-06T16:07:40+00:00
+created_at: 2020-09-21T16:37:19+00:00
 slug: you-can-return-mailables-as-responses-from-controllers-it-will-show-the-rendered-version-in-the-browser
 ---
 
diff --git a/content/tips/you-can-use-wherexandy-in-eloquent.md b/content/tips/you-can-use-wherexandy-in-eloquent.md
index 32a9768..855eb7e 100644
--- a/content/tips/you-can-use-wherexandy-in-eloquent.md
+++ b/content/tips/you-can-use-wherexandy-in-eloquent.md
@@ -5,7 +5,7 @@ thread_slug: 1-rt-1-tip
 author_username: samuelstancl
 images:
     - 'https://pbs.twimg.com/media/EidOOuTXYAYMtI9.png'
-created_at: 2021-04-06T16:07:43+00:00
+created_at: 2020-09-21T17:46:34+00:00
 slug: you-can-use-wherexandy-in-eloquent
 ---
 
diff --git a/public/css/app.css b/public/css/app.css
index 860336e..5f7c8e2 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,1727 +1 @@
-/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-
-/*
-Document
-========
-*/
-
-/**
-Use a better box model (opinionated).
-*/
-
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-
-/**
-Use a more readable tab size (opinionated).
-*/
-
-:root {
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	   tab-size: 4;
-}
-
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-*/
-
-html {
-	line-height: 1.15; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/*
-Sections
-========
-*/
-
-/**
-Remove the margin in all browsers.
-*/
-
-body {
-	margin: 0;
-}
-
-/**
-Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-*/
-
-body {
-	font-family:
-		system-ui,
-		-apple-system, /* Firefox supports this but not yet `system-ui` */
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji';
-}
-
-/*
-Grouping content
-================
-*/
-
-/**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-*/
-
-hr {
-	height: 0; /* 1 */
-	color: inherit; /* 2 */
-}
-
-/*
-Text-level semantics
-====================
-*/
-
-/**
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr[title] {
-	-webkit-text-decoration: underline dotted;
-	        text-decoration: underline dotted;
-}
-
-/**
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-	font-weight: bolder;
-}
-
-/**
-1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-2. Correct the odd 'em' font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-	font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
-	font-size: 1em; /* 2 */
-}
-
-/**
-Add the correct font size in all browsers.
-*/
-
-small {
-	font-size: 80%;
-}
-
-/**
-Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
-}
-
-sub {
-	bottom: -0.25em;
-}
-
-sup {
-	top: -0.5em;
-}
-
-/*
-Tabular data
-============
-*/
-
-/**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-*/
-
-table {
-	text-indent: 0; /* 1 */
-	border-color: inherit; /* 2 */
-}
-
-/*
-Forms
-=====
-*/
-
-/**
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
-}
-
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-1. Remove the inheritance of text transform in Firefox.
-*/
-
-button,
-select { /* 1 */
-	text-transform: none;
-}
-
-/**
-Correct the inability to style clickable types in iOS and Safari.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-	-webkit-appearance: button;
-}
-
-/**
-Remove the inner border and padding in Firefox.
-*/
-
-::-moz-focus-inner {
-	border-style: none;
-	padding: 0;
-}
-
-/**
-Restore the focus styles unset by the previous rule.
-*/
-
-:-moz-focusring {
-	outline: 1px dotted ButtonText;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-
-:-moz-ui-invalid {
-	box-shadow: none;
-}
-
-/**
-Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
-*/
-
-legend {
-	padding: 0;
-}
-
-/**
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-	vertical-align: baseline;
-}
-
-/**
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-	height: auto;
-}
-
-/**
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
-}
-
-/**
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-	-webkit-appearance: none;
-}
-
-/**
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to 'inherit' in Safari.
-*/
-
-::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
-}
-
-/*
-Interactive
-===========
-*/
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-	display: list-item;
-}/**
- * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
- * A thin layer on top of normalize.css that provides a starting point more
- * suitable for web applications.
- */
-
-/**
- * Removes the default spacing and border for appropriate elements.
- */
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-button {
-  background-color: transparent;
-  background-image: none;
-}
-
-/**
- * Work around a Firefox/IE bug where the transparent `button` background
- * results in a loss of the default `button` focus styles.
- */
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/**
- * Tailwind custom reset styles
- */
-
-/**
- * 1. Use the user's configured `sans` font-family (with Tailwind's default
- *    sans-serif font stack as a fallback) as a sane default.
- * 2. Use Tailwind's default "normal" line-height so the user isn't forced
- *    to override it to ensure consistency even when using the default theme.
- */
-
-html {
-  font-family: iA Writer Quattro S, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
-  line-height: 1.5; /* 2 */
-}
-
-
-/**
- * Inherit font-family and line-height from `html` so users can set them as
- * a class directly on the `html` element.
- */
-
-body {
-  font-family: inherit;
-  line-height: inherit;
-}
-
-/**
- * 1. Prevent padding and border from affecting element width.
- *
- *    We used to set this in the html element and inherit from
- *    the parent element for everything else. This caused issues
- *    in shadow-dom-enhanced elements like <details> where the content
- *    is wrapped by a div with box-sizing set to `content-box`.
- *
- *    https://github.com/mozdevs/cssremedy/issues/4
- *
- *
- * 2. Allow adding a border to an element by just adding a border-width.
- *
- *    By default, the way the browser specifies that an element should have no
- *    border is by setting it's border-style to `none` in the user-agent
- *    stylesheet.
- *
- *    In order to easily add borders to elements by just setting the `border-width`
- *    property, we change the default border-style for all elements to `solid`, and
- *    use border-width to hide them instead. This way our `border` utilities only
- *    need to set the `border-width` property instead of the entire `border`
- *    shorthand, making our border utilities much more straightforward to compose.
- *
- *    https://github.com/tailwindcss/tailwindcss/pull/116
- */
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e4e4e7; /* 2 */
-}
-
-/*
- * Ensure horizontal rules are visible by default
- */
-
-hr {
-  border-top-width: 1px;
-}
-
-/**
- * Undo the `border-style: none` reset that Normalize applies to images so that
- * our `border-{width}` utilities have the expected effect.
- *
- * The Normalize reset is unnecessary for us since we default the border-width
- * to 0 on all elements.
- *
- * https://github.com/tailwindcss/tailwindcss/issues/362
- */
-
-img {
-  border-style: solid;
-}
-
-textarea {
-  resize: vertical;
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1;
-  color: #a1a1aa;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1;
-  color: #a1a1aa;
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #a1a1aa;
-}
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/**
- * Reset links to optimize for opt-in styling instead of
- * opt-out.
- */
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/**
- * Reset form element properties that are easy to forget to
- * style explicitly so you don't inadvertently introduce
- * styles that deviate from your design system. These styles
- * supplement a partial reset that is already applied by
- * normalize.css.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
-
-/**
- * Use the configured 'mono' font family for elements that
- * are expected to be rendered with a monospace font, falling
- * back to the system monospace stack if there is no configured
- * 'mono' font family.
- */
-
-pre,
-code,
-kbd,
-samp {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-
-/**
- * Make replaced elements `display: block` by default as that's
- * the behavior you want almost all of the time. Inspired by
- * CSS Remedy, with `svg` added as well.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-
-/**
- * Constrain images and videos to the parent width and preserve
- * their intrinsic aspect ratio.
- *
- * https://github.com/mozdevs/cssremedy/issues/14
- */
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-* {
-	--tw-shadow: 0 0 #0000;
-	--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-	--tw-ring-offset-width: 0px;
-	--tw-ring-offset-color: #fff;
-	--tw-ring-color: rgba(59, 130, 246, 0.5);
-	--tw-ring-offset-shadow: 0 0 #0000;
-	--tw-ring-shadow: 0 0 #0000;
-}
-    .prose a {
-	position: relative;
-}
-.prose {
-	color: #3f3f46;
-	max-width: 65ch;
-}
-.prose [class~="lead"] {
-	color: #52525b;
-	font-size: 1.25em;
-	line-height: 1.6;
-	margin-top: 1.2em;
-	margin-bottom: 1.2em;
-}
-.prose a {
-	color: #18181b;
-	text-decoration: underline;
-	font-weight: 500;
-}
-.prose strong {
-	color: #18181b;
-	font-weight: 600;
-}
-.prose ol[type="A"] {
-	--list-counter-style: upper-alpha;
-}
-.prose ol[type="a"] {
-	--list-counter-style: lower-alpha;
-}
-.prose ol[type="A s"] {
-	--list-counter-style: upper-alpha;
-}
-.prose ol[type="a s"] {
-	--list-counter-style: lower-alpha;
-}
-.prose ol[type="I"] {
-	--list-counter-style: upper-roman;
-}
-.prose ol[type="i"] {
-	--list-counter-style: lower-roman;
-}
-.prose ol[type="I s"] {
-	--list-counter-style: upper-roman;
-}
-.prose ol[type="i s"] {
-	--list-counter-style: lower-roman;
-}
-.prose ol[type="1"] {
-	--list-counter-style: decimal;
-}
-.prose ol > li {
-	position: relative;
-	padding-left: 1.75em;
-}
-.prose ol > li::before {
-	content: counter(list-item, var(--list-counter-style, decimal)) ".";
-	position: absolute;
-	font-weight: 400;
-	color: #71717a;
-	left: 0;
-}
-.prose ul > li {
-	position: relative;
-	padding-left: 1.75em;
-}
-.prose ul > li::before {
-	content: "";
-	position: absolute;
-	background-color: #d4d4d8;
-	border-radius: 50%;
-	width: 0.375em;
-	height: 0.375em;
-	top: calc(0.875em - 0.1875em);
-	left: 0.25em;
-}
-.prose hr {
-	border-color: #e4e4e7;
-	border-top-width: 1px;
-	margin-top: 3em;
-	margin-bottom: 3em;
-}
-.prose blockquote {
-	font-weight: 500;
-	font-style: italic;
-	color: #18181b;
-	border-left-width: 0.25rem;
-	border-left-color: #e4e4e7;
-	quotes: "\201C""\201D""\2018""\2019";
-	margin-top: 1.6em;
-	margin-bottom: 1.6em;
-	padding-left: 1em;
-}
-.prose blockquote p:first-of-type::before {
-	content: open-quote;
-}
-.prose blockquote p:last-of-type::after {
-	content: close-quote;
-}
-.prose h1 {
-	color: #18181b;
-	font-weight: 800;
-	font-size: 2.25em;
-	margin-top: 0;
-	margin-bottom: 0.8888889em;
-	line-height: 1.1111111;
-}
-.prose h2 {
-	color: #18181b;
-	font-weight: 700;
-	font-size: 1.5em;
-	margin-top: 2em;
-	margin-bottom: 1em;
-	line-height: 1.3333333;
-}
-.prose h3 {
-	color: #18181b;
-	font-weight: 600;
-	font-size: 1.25em;
-	margin-top: 1.6em;
-	margin-bottom: 0.6em;
-	line-height: 1.6;
-}
-.prose h4 {
-	color: #18181b;
-	font-weight: 600;
-	margin-top: 1.5em;
-	margin-bottom: 0.5em;
-	line-height: 1.5;
-}
-.prose figure figcaption {
-	color: #71717a;
-	font-size: 0.875em;
-	line-height: 1.4285714;
-	margin-top: 0.8571429em;
-}
-.prose code {
-	color: #18181b;
-	font-weight: 600;
-	font-size: 0.875em;
-}
-.prose code::before {
-	content: "`";
-}
-.prose code::after {
-	content: "`";
-}
-.prose a code {
-	color: #18181b;
-}
-.prose pre {
-	color: #e4e4e7;
-	background-color: #27272a;
-	overflow-x: auto;
-	font-size: 0.875em;
-	line-height: 1.7142857;
-	margin-top: 1.7142857em;
-	margin-bottom: 1.7142857em;
-	border-radius: 0.375rem;
-	padding-top: 0.8571429em;
-	padding-right: 1.1428571em;
-	padding-bottom: 0.8571429em;
-	padding-left: 1.1428571em;
-}
-.prose pre code {
-	background-color: transparent;
-	border-width: 0;
-	border-radius: 0;
-	padding: 0;
-	font-weight: 400;
-	color: inherit;
-	font-size: inherit;
-	font-family: inherit;
-	line-height: inherit;
-}
-.prose pre code::before {
-	content: none;
-}
-.prose pre code::after {
-	content: none;
-}
-.prose table {
-	width: 100%;
-	table-layout: auto;
-	text-align: left;
-	margin-top: 2em;
-	margin-bottom: 2em;
-	font-size: 0.875em;
-	line-height: 1.7142857;
-}
-.prose thead {
-	color: #18181b;
-	font-weight: 600;
-	border-bottom-width: 1px;
-	border-bottom-color: #d4d4d8;
-}
-.prose thead th {
-	vertical-align: bottom;
-	padding-right: 0.5714286em;
-	padding-bottom: 0.5714286em;
-	padding-left: 0.5714286em;
-}
-.prose tbody tr {
-	border-bottom-width: 1px;
-	border-bottom-color: #e4e4e7;
-}
-.prose tbody tr:last-child {
-	border-bottom-width: 0;
-}
-.prose tbody td {
-	vertical-align: top;
-	padding-top: 0.5714286em;
-	padding-right: 0.5714286em;
-	padding-bottom: 0.5714286em;
-	padding-left: 0.5714286em;
-}
-.prose {
-	font-size: 1rem;
-	line-height: 1.75;
-}
-.prose p {
-	margin-top: 1.25em;
-	margin-bottom: 1.25em;
-}
-.prose img {
-	margin-top: 2em;
-	margin-bottom: 2em;
-}
-.prose video {
-	margin-top: 2em;
-	margin-bottom: 2em;
-}
-.prose figure {
-	margin-top: 2em;
-	margin-bottom: 2em;
-}
-.prose figure > * {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-.prose h2 code {
-	font-size: 0.875em;
-}
-.prose h3 code {
-	font-size: 0.9em;
-}
-.prose ol {
-	margin-top: 1.25em;
-	margin-bottom: 1.25em;
-}
-.prose ul {
-	margin-top: 1.25em;
-	margin-bottom: 1.25em;
-}
-.prose li {
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
-}
-.prose > ul > li p {
-	margin-top: 0.75em;
-	margin-bottom: 0.75em;
-}
-.prose > ul > li > *:first-child {
-	margin-top: 1.25em;
-}
-.prose > ul > li > *:last-child {
-	margin-bottom: 1.25em;
-}
-.prose > ol > li > *:first-child {
-	margin-top: 1.25em;
-}
-.prose > ol > li > *:last-child {
-	margin-bottom: 1.25em;
-}
-.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
-	margin-top: 0.75em;
-	margin-bottom: 0.75em;
-}
-.prose hr + * {
-	margin-top: 0;
-}
-.prose h2 + * {
-	margin-top: 0;
-}
-.prose h3 + * {
-	margin-top: 0;
-}
-.prose h4 + * {
-	margin-top: 0;
-}
-.prose thead th:first-child {
-	padding-left: 0;
-}
-.prose thead th:last-child {
-	padding-right: 0;
-}
-.prose tbody td:first-child {
-	padding-left: 0;
-}
-.prose tbody td:last-child {
-	padding-right: 0;
-}
-.prose > :first-child {
-	margin-top: 0;
-}
-.prose > :last-child {
-	margin-bottom: 0;
-}
-.sr-only {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-	white-space: nowrap;
-	border-width: 0;
-}
-.pointer-events-none {
-	pointer-events: none;
-}
-.pointer-events-auto {
-	pointer-events: auto;
-}
-.relative {
-	position: relative;
-}
-.absolute {
-	position: absolute;
-}
-.fixed {
-	position: fixed;
-}
-.inset-0 {
-	top: 0px;
-	right: 0px;
-	bottom: 0px;
-	left: 0px;
-}
-.inset-x-0 {
-	left: 0px;
-	right: 0px;
-}
-.top-32 {
-	top: 8rem;
-}
-.top-0 {
-	top: 0px;
-}
-.z-40 {
-	z-index: 40;
-}
-.mx-auto {
-	margin-left: auto;
-	margin-right: auto;
-}
-.-mx-16 {
-	margin-left: -4rem;
-	margin-right: -4rem;
-}
-.-mx-24 {
-	margin-left: -6rem;
-	margin-right: -6rem;
-}
-.mt-8 {
-	margin-top: 2rem;
-}
-.-ml-16 {
-	margin-left: -4rem;
-}
-.block {
-	display: block;
-}
-.inline {
-	display: inline;
-}
-.flex {
-	display: flex;
-}
-.grid {
-	display: grid;
-}
-.inline-grid {
-	display: inline-grid;
-}
-.hidden {
-	display: none;
-}
-.h-full {
-	height: 100%;
-}
-.h-16 {
-	height: 4rem;
-}
-.h-72 {
-	height: 18rem;
-}
-.h-screen {
-	height: 100vh;
-}
-.h-6 {
-	height: 1.5rem;
-}
-.h-8 {
-	height: 2rem;
-}
-.h-14 {
-	height: 3.5rem;
-}
-.min-h-screen {
-	min-height: 100vh;
-}
-.w-full {
-	width: 100%;
-}
-.w-16 {
-	width: 4rem;
-}
-.w-8 {
-	width: 2rem;
-}
-.w-1\/2 {
-	width: 50%;
-}
-.w-6 {
-	width: 1.5rem;
-}
-.w-14 {
-	width: 3.5rem;
-}
-.max-w-4xl {
-	max-width: 56rem;
-}
-.max-w-5xl {
-	max-width: 64rem;
-}
-.flex-1 {
-	flex: 1 1 0%;
-}
-.flex-shrink-0 {
-	flex-shrink: 0;
-}
-.transform {
-	--tw-translate-x: 0;
-	--tw-translate-y: 0;
-	--tw-rotate: 0;
-	--tw-skew-x: 0;
-	--tw-skew-y: 0;
-	--tw-scale-x: 1;
-	--tw-scale-y: 1;
-	transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-translate-y-1\/4 {
-	--tw-translate-y: -25%;
-}
-.skew-y-12 {
-	--tw-skew-y: 12deg;
-}
-.grid-flow-col {
-	grid-auto-flow: column;
-}
-.grid-flow-row {
-	grid-auto-flow: row;
-}
-.grid-cols-2 {
-	grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-.grid-cols-4 {
-	grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-.flex-col {
-	flex-direction: column;
-}
-.flex-wrap {
-	flex-wrap: wrap;
-}
-.items-center {
-	align-items: center;
-}
-.items-start {
-	align-items: flex-start;
-}
-.justify-center {
-	justify-content: center;
-}
-.justify-between {
-	justify-content: space-between;
-}
-.gap-8 {
-	gap: 2rem;
-}
-.gap-2 {
-	gap: 0.5rem;
-}
-.gap-5 {
-	gap: 1.25rem;
-}
-.gap-4 {
-	gap: 1rem;
-}
-.gap-1 {
-	gap: 0.25rem;
-}
-.gap-6 {
-	gap: 1.5rem;
-}
-.gap-x-5 {
-	-moz-column-gap: 1.25rem;
-	     column-gap: 1.25rem;
-}
-.gap-y-4 {
-	row-gap: 1rem;
-}
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-y-reverse: 0;
-	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-y-reverse: 0;
-	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-x-reverse: 0;
-	margin-right: calc(1rem * var(--tw-space-x-reverse));
-	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-x-reverse: 0;
-	margin-right: calc(2rem * var(--tw-space-x-reverse));
-	margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-x-reverse: 0;
-	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-y-reverse: 0;
-	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-	margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-	--tw-divide-y-reverse: 0;
-	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-.break-all {
-	word-break: break-all;
-}
-.rounded-2xl {
-	border-radius: 1rem;
-}
-.rounded-xl {
-	border-radius: 0.75rem;
-}
-.rounded-full {
-	border-radius: 9999px;
-}
-.border-2 {
-	border-width: 2px;
-}
-.border {
-	border-width: 1px;
-}
-.border-b-2 {
-	border-bottom-width: 2px;
-}
-.border-t {
-	border-top-width: 1px;
-}
-.border-gray-200 {
-	--tw-border-opacity: 1;
-	border-color: rgba(228, 228, 231, var(--tw-border-opacity));
-}
-.border-blue-800 {
-	--tw-border-opacity: 1;
-	border-color: rgba(30, 64, 175, var(--tw-border-opacity));
-}
-.border-pink-100 {
-	--tw-border-opacity: 1;
-	border-color: rgba(252, 231, 243, var(--tw-border-opacity));
-}
-.border-gray-100 {
-	--tw-border-opacity: 1;
-	border-color: rgba(244, 244, 245, var(--tw-border-opacity));
-}
-.bg-gray-50 {
-	--tw-bg-opacity: 1;
-	background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
-}
-.bg-white {
-	--tw-bg-opacity: 1;
-	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-.bg-gray-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
-}
-.bg-gray-200 {
-	--tw-bg-opacity: 1;
-	background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
-}
-.bg-gradient-to-b {
-	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
-}
-.bg-gradient-to-br {
-	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
-}
-.from-white {
-	--tw-gradient-from: #fff;
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-.from-yellow-400 {
-	--tw-gradient-from: #facc15;
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(250, 204, 21, 0));
-}
-.from-yellow-300 {
-	--tw-gradient-from: #fde047;
-	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 224, 71, 0));
-}
-.to-pink-50 {
-	--tw-gradient-to: #fdf2f8;
-}
-.to-pink-400 {
-	--tw-gradient-to: #f472b6;
-}
-.bg-clip-text {
-	-webkit-background-clip: text;
-	        background-clip: text;
-}
-.p-16 {
-	padding: 4rem;
-}
-.p-8 {
-	padding: 2rem;
-}
-.p-6 {
-	padding: 1.5rem;
-}
-.py-12 {
-	padding-top: 3rem;
-	padding-bottom: 3rem;
-}
-.px-4 {
-	padding-left: 1rem;
-	padding-right: 1rem;
-}
-.px-2 {
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
-.py-24 {
-	padding-top: 6rem;
-	padding-bottom: 6rem;
-}
-.py-32 {
-	padding-top: 8rem;
-	padding-bottom: 8rem;
-}
-.text-center {
-	text-align: center;
-}
-.text-right {
-	text-align: right;
-}
-.text-left {
-	text-align: left;
-}
-.font-sans {
-	font-family: iA Writer Quattro S, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-.text-2xl {
-	font-size: 1.5rem;
-	line-height: 2rem;
-}
-.text-xl {
-	font-size: 1.25rem;
-	line-height: 1.75rem;
-}
-.text-4xl {
-	font-size: 2.25rem;
-	line-height: 2.5rem;
-}
-.text-3xl {
-	font-size: 1.875rem;
-	line-height: 2.25rem;
-}
-.text-sm {
-	font-size: 0.875rem;
-	line-height: 1.25rem;
-}
-.font-bold {
-	font-weight: 700;
-}
-.font-medium {
-	font-weight: 500;
-}
-.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
-	--tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
-	--tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
-	--tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
-	--tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
-	--tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
-	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
-.tabular-nums {
-	--tw-numeric-spacing: tabular-nums;
-}
-.tracking-tight {
-	letter-spacing: -0.025em;
-}
-.tracking-tighter {
-	letter-spacing: -0.05em;
-}
-.text-transparent {
-	color: transparent;
-}
-.text-gray-800 {
-	--tw-text-opacity: 1;
-	color: rgba(39, 39, 42, var(--tw-text-opacity));
-}
-.text-blue-800 {
-	--tw-text-opacity: 1;
-	color: rgba(30, 64, 175, var(--tw-text-opacity));
-}
-.text-yellow-900 {
-	--tw-text-opacity: 1;
-	color: rgba(113, 63, 18, var(--tw-text-opacity));
-}
-.text-gray-500 {
-	--tw-text-opacity: 1;
-	color: rgba(113, 113, 122, var(--tw-text-opacity));
-}
-.text-red-500 {
-	--tw-text-opacity: 1;
-	color: rgba(239, 68, 68, var(--tw-text-opacity));
-}
-.text-orange-500 {
-	--tw-text-opacity: 1;
-	color: rgba(249, 115, 22, var(--tw-text-opacity));
-}
-.text-gray-600 {
-	--tw-text-opacity: 1;
-	color: rgba(82, 82, 91, var(--tw-text-opacity));
-}
-.antialiased {
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-.mix-blend-multiply {
-	mix-blend-mode: multiply;
-}
-.shadow {
-	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-xl {
-	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-md {
-	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-2xl {
-	--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-inner {
-	--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.ring-4 {
-	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.ring-white {
-	--tw-ring-opacity: 1;
-	--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
-.backdrop-filter {
-	--tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
-	--tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
-	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.backdrop-blur-lg {
-	--tw-backdrop-blur: blur(16px);
-}
-.transition {
-	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-	transition-duration: 150ms;
-}
-.duration-75 {
-	transition-duration: 75ms;
-}
-.duration-200 {
-	transition-duration: 200ms;
-}
-.duration-300 {
-	transition-duration: 300ms;
-}
-.hover\:border-orange-500:hover {
-	--tw-border-opacity: 1;
-	border-color: rgba(249, 115, 22, var(--tw-border-opacity));
-}
-.hover\:border-pink-900:hover {
-	--tw-border-opacity: 1;
-	border-color: rgba(131, 24, 67, var(--tw-border-opacity));
-}
-.focus\:border-orange-600:focus {
-	--tw-border-opacity: 1;
-	border-color: rgba(234, 88, 12, var(--tw-border-opacity));
-}
-.focus\:border-pink-900:focus {
-	--tw-border-opacity: 1;
-	border-color: rgba(131, 24, 67, var(--tw-border-opacity));
-}
-.focus\:outline-none:focus {
-	outline: 2px solid transparent;
-	outline-offset: 2px;
-}
-.active\:scale-\[0\.99\]:active {
-	--tw-scale-x: 0.99;
-	--tw-scale-y: 0.99;
-}
-.group:hover .group-hover\:-translate-y-2 {
-	--tw-translate-y: -0.5rem;
-}
-.group:hover .group-hover\:rotate-6 {
-	--tw-rotate: 6deg;
-}
-.group:hover .group-hover\:scale-105 {
-	--tw-scale-x: 1.05;
-	--tw-scale-y: 1.05;
-}
-.group:hover .group-hover\:shadow-md {
-	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-@media (min-width: 640px) {
-
-	.sm\:mx-0 {
-		margin-left: 0px;
-		margin-right: 0px;
-	}
-
-	.sm\:mt-60 {
-		margin-top: 15rem;
-	}
-
-	.sm\:grid-cols-2 {
-		grid-template-columns: repeat(2, minmax(0, 1fr));
-	}
-
-	.sm\:flex-row {
-		flex-direction: row;
-	}
-
-	.sm\:px-6 {
-		padding-left: 1.5rem;
-		padding-right: 1.5rem;
-	}
-}
-@media (min-width: 768px) {
-
-	.md\:prose-xl {
-		font-size: 1.25rem;
-		line-height: 1.8;
-	}
-
-	.md\:prose-xl p {
-		margin-top: 1.2em;
-		margin-bottom: 1.2em;
-	}
-
-	.md\:prose-xl [class~="lead"] {
-		font-size: 1.2em;
-		line-height: 1.5;
-		margin-top: 1em;
-		margin-bottom: 1em;
-	}
-
-	.md\:prose-xl blockquote {
-		margin-top: 1.6em;
-		margin-bottom: 1.6em;
-		padding-left: 1.0666667em;
-	}
-
-	.md\:prose-xl h1 {
-		font-size: 2.8em;
-		margin-top: 0;
-		margin-bottom: 0.8571429em;
-		line-height: 1;
-	}
-
-	.md\:prose-xl h2 {
-		font-size: 1.8em;
-		margin-top: 1.5555556em;
-		margin-bottom: 0.8888889em;
-		line-height: 1.1111111;
-	}
-
-	.md\:prose-xl h3 {
-		font-size: 1.5em;
-		margin-top: 1.6em;
-		margin-bottom: 0.6666667em;
-		line-height: 1.3333333;
-	}
-
-	.md\:prose-xl h4 {
-		margin-top: 1.8em;
-		margin-bottom: 0.6em;
-		line-height: 1.6;
-	}
-
-	.md\:prose-xl img {
-		margin-top: 2em;
-		margin-bottom: 2em;
-	}
-
-	.md\:prose-xl video {
-		margin-top: 2em;
-		margin-bottom: 2em;
-	}
-
-	.md\:prose-xl figure {
-		margin-top: 2em;
-		margin-bottom: 2em;
-	}
-
-	.md\:prose-xl figure > * {
-		margin-top: 0;
-		margin-bottom: 0;
-	}
-
-	.md\:prose-xl figure figcaption {
-		font-size: 0.9em;
-		line-height: 1.5555556;
-		margin-top: 1em;
-	}
-
-	.md\:prose-xl code {
-		font-size: 0.9em;
-	}
-
-	.md\:prose-xl h2 code {
-		font-size: 0.8611111em;
-	}
-
-	.md\:prose-xl h3 code {
-		font-size: 0.9em;
-	}
-
-	.md\:prose-xl pre {
-		font-size: 0.9em;
-		line-height: 1.7777778;
-		margin-top: 2em;
-		margin-bottom: 2em;
-		border-radius: 0.5rem;
-		padding-top: 1.1111111em;
-		padding-right: 1.3333333em;
-		padding-bottom: 1.1111111em;
-		padding-left: 1.3333333em;
-	}
-
-	.md\:prose-xl ol {
-		margin-top: 1.2em;
-		margin-bottom: 1.2em;
-	}
-
-	.md\:prose-xl ul {
-		margin-top: 1.2em;
-		margin-bottom: 1.2em;
-	}
-
-	.md\:prose-xl li {
-		margin-top: 0.6em;
-		margin-bottom: 0.6em;
-	}
-
-	.md\:prose-xl ol > li {
-		padding-left: 1.8em;
-	}
-
-	.md\:prose-xl ol > li::before {
-		left: 0;
-	}
-
-	.md\:prose-xl ul > li {
-		padding-left: 1.8em;
-	}
-
-	.md\:prose-xl ul > li::before {
-		width: 0.35em;
-		height: 0.35em;
-		top: calc(0.9em - 0.175em);
-		left: 0.25em;
-	}
-
-	.md\:prose-xl > ul > li p {
-		margin-top: 0.8em;
-		margin-bottom: 0.8em;
-	}
-
-	.md\:prose-xl > ul > li > *:first-child {
-		margin-top: 1.2em;
-	}
-
-	.md\:prose-xl > ul > li > *:last-child {
-		margin-bottom: 1.2em;
-	}
-
-	.md\:prose-xl > ol > li > *:first-child {
-		margin-top: 1.2em;
-	}
-
-	.md\:prose-xl > ol > li > *:last-child {
-		margin-bottom: 1.2em;
-	}
-
-	.md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
-		margin-top: 0.8em;
-		margin-bottom: 0.8em;
-	}
-
-	.md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
-		margin-top: 0.8em;
-		margin-bottom: 0.8em;
-	}
-
-	.md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
-		margin-top: 0.8em;
-		margin-bottom: 0.8em;
-	}
-
-	.md\:prose-xl ul ul, .md\:prose-xl ul ol, .md\:prose-xl ol ul, .md\:prose-xl ol ol {
-		margin-top: 0.8em;
-		margin-bottom: 0.8em;
-	}
-
-	.md\:prose-xl hr {
-		margin-top: 2.8em;
-		margin-bottom: 2.8em;
-	}
-
-	.md\:prose-xl hr + * {
-		margin-top: 0;
-	}
-
-	.md\:prose-xl h2 + * {
-		margin-top: 0;
-	}
-
-	.md\:prose-xl h3 + * {
-		margin-top: 0;
-	}
-
-	.md\:prose-xl h4 + * {
-		margin-top: 0;
-	}
-
-	.md\:prose-xl table {
-		font-size: 0.9em;
-		line-height: 1.5555556;
-	}
-
-	.md\:prose-xl thead th {
-		padding-right: 0.6666667em;
-		padding-bottom: 0.8888889em;
-		padding-left: 0.6666667em;
-	}
-
-	.md\:prose-xl thead th:first-child {
-		padding-left: 0;
-	}
-
-	.md\:prose-xl thead th:last-child {
-		padding-right: 0;
-	}
-
-	.md\:prose-xl tbody td {
-		padding-top: 0.8888889em;
-		padding-right: 0.6666667em;
-		padding-bottom: 0.8888889em;
-		padding-left: 0.6666667em;
-	}
-
-	.md\:prose-xl tbody td:first-child {
-		padding-left: 0;
-	}
-
-	.md\:prose-xl tbody td:last-child {
-		padding-right: 0;
-	}
-
-	.md\:prose-xl > :first-child {
-		margin-top: 0;
-	}
-
-	.md\:prose-xl > :last-child {
-		margin-bottom: 0;
-	}
-
-	.md\:h-96 {
-		height: 24rem;
-	}
-
-	.md\:grid-cols-4 {
-		grid-template-columns: repeat(4, minmax(0, 1fr));
-	}
-
-	.md\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
-		--tw-space-y-reverse: 0;
-		margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
-		margin-bottom: calc(3rem * var(--tw-space-y-reverse));
-	}
-
-	.md\:py-24 {
-		padding-top: 6rem;
-		padding-bottom: 6rem;
-	}
-
-	.md\:px-8 {
-		padding-left: 2rem;
-		padding-right: 2rem;
-	}
-
-	.md\:text-4xl {
-		font-size: 2.25rem;
-		line-height: 2.5rem;
-	}
-
-	.md\:text-5xl {
-		font-size: 3rem;
-		line-height: 1;
-	}
-
-	.md\:text-6xl {
-		font-size: 3.75rem;
-		line-height: 1;
-	}
-}
-@media (min-width: 1024px) {
-
-	.lg\:flex {
-		display: flex;
-	}
-
-	.lg\:text-8xl {
-		font-size: 6rem;
-		line-height: 1;
-	}
-}
-
+/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:iA Writer Quattro S,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid #e4e4e7}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.prose a{position:relative}.prose{color:#3f3f46;max-width:65ch}.prose [class~=lead]{color:#52525b;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:#18181b;text-decoration:underline;font-weight:500}.prose strong{color:#18181b;font-weight:600}.prose ol[type=A]{--list-counter-style:upper-alpha}.prose ol[type=a]{--list-counter-style:lower-alpha}.prose ol[type="A s"]{--list-counter-style:upper-alpha}.prose ol[type="a s"]{--list-counter-style:lower-alpha}.prose ol[type=I]{--list-counter-style:upper-roman}.prose ol[type=i]{--list-counter-style:lower-roman}.prose ol[type="I s"]{--list-counter-style:upper-roman}.prose ol[type="i s"]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol>li{position:relative;padding-left:1.75em}.prose ol>li:before{content:counter(list-item,var(--list-counter-style,decimal)) ".";position:absolute;font-weight:400;color:#71717a;left:0}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:#d4d4d8;border-radius:50%;width:.375em;height:.375em;top:.6875em;left:.25em}.prose hr{border-color:#e4e4e7;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:#18181b;border-left-width:.25rem;border-left-color:#e4e4e7;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:#18181b;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:#18181b;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{color:#18181b;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h4{color:#18181b;font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:#71717a;font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:#18181b;font-weight:600;font-size:.875em}.prose code:after,.prose code:before{content:"`"}.prose a code{color:#18181b}.prose pre{color:#e4e4e7;background-color:#27272a;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:#18181b;font-weight:600;border-bottom-width:1px;border-bottom-color:#d4d4d8}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e4e4e7}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-14{height:3.5rem}.h-full{height:100%}.h-16{height:4rem}.h-72{height:18rem}.h-screen{height:100vh}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-14{width:3.5rem}.w-16{width:4rem}.w-8{width:2rem}.max-w-4xl{max-width:56rem}.flex-1{flex:1 1 0%}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/4{--tw-translate-y:-25%}.skew-y-12{--tw-skew-y:12deg}.grid-flow-col{grid-auto-flow:column}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.break-all{word-break:break-all}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border-t{border-top-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-200{--tw-border-opacity:1;border-color:rgba(228,228,231,var(--tw-border-opacity))}.border-pink-100{--tw-border-opacity:1;border-color:rgba(252,231,243,var(--tw-border-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(228,228,231,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(180deg,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(250,204,21,0))}.from-yellow-300{--tw-gradient-from:#fde047;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(253,224,71,0))}.to-pink-50{--tw-gradient-to:#fdf2f8}.to-pink-400{--tw-gradient-to:#f472b6}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-6{padding:1.5rem}.p-16{padding:4rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:iA Writer Quattro S,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.diagonal-fractions,.lining-nums,.oldstyle-nums,.ordinal,.proportional-nums,.slashed-zero,.stacked-fractions,.tabular-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.text-gray-500{--tw-text-opacity:1;color:rgba(113,113,122,var(--tw-text-opacity))}.text-transparent{color:transparent}.text-gray-800{--tw-text-opacity:1;color:rgba(39,39,42,var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.text-yellow-900{--tw-text-opacity:1;color:rgba(113,63,18,var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgba(249,115,22,var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-2xl,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.backdrop-filter{--tw-backdrop-blur:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-75{transition-duration:75ms}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:border-orange-500:hover{--tw-border-opacity:1;border-color:rgba(249,115,22,var(--tw-border-opacity))}.hover\:border-pink-900:hover{--tw-border-opacity:1;border-color:rgba(131,24,67,var(--tw-border-opacity))}.focus\:border-orange-600:focus{--tw-border-opacity:1;border-color:rgba(234,88,12,var(--tw-border-opacity))}.focus\:border-pink-900:focus{--tw-border-opacity:1;border-color:rgba(131,24,67,var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99}.group:hover .group-hover\:-translate-y-2{--tw-translate-y:-0.5rem}.group:hover .group-hover\:rotate-6{--tw-rotate:6deg}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:prose-xl{font-size:1.25rem;line-height:1.8}.md\:prose-xl p{margin-top:1.2em;margin-bottom:1.2em}.md\:prose-xl [class~=lead]{font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}.md\:prose-xl blockquote{margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}.md\:prose-xl h1{font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}.md\:prose-xl h2{font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}.md\:prose-xl h3{font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}.md\:prose-xl h4{margin-top:1.8em;margin-bottom:.6em;line-height:1.6}.md\:prose-xl figure,.md\:prose-xl img,.md\:prose-xl video{margin-top:2em;margin-bottom:2em}.md\:prose-xl figure>*{margin-top:0;margin-bottom:0}.md\:prose-xl figure figcaption{font-size:.9em;line-height:1.5555556;margin-top:1em}.md\:prose-xl code{font-size:.9em}.md\:prose-xl h2 code{font-size:.8611111em}.md\:prose-xl h3 code{font-size:.9em}.md\:prose-xl pre{font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding:1.1111111em 1.3333333em}.md\:prose-xl ol,.md\:prose-xl ul{margin-top:1.2em;margin-bottom:1.2em}.md\:prose-xl li{margin-top:.6em;margin-bottom:.6em}.md\:prose-xl ol>li{padding-left:1.8em}.md\:prose-xl ol>li:before{left:0}.md\:prose-xl ul>li{padding-left:1.8em}.md\:prose-xl ul>li:before{width:.35em;height:.35em;top:.725em;left:.25em}.md\:prose-xl>ul>li p{margin-top:.8em;margin-bottom:.8em}.md\:prose-xl>ul>li>:first-child{margin-top:1.2em}.md\:prose-xl>ul>li>:last-child{margin-bottom:1.2em}.md\:prose-xl>ol>li>:first-child{margin-top:1.2em}.md\:prose-xl>ol>li>:last-child{margin-bottom:1.2em}.md\:prose-xl ol ol,.md\:prose-xl ol ul,.md\:prose-xl ul ol,.md\:prose-xl ul ul{margin-top:.8em;margin-bottom:.8em}.md\:prose-xl hr{margin-top:2.8em;margin-bottom:2.8em}.md\:prose-xl h2+*,.md\:prose-xl h3+*,.md\:prose-xl h4+*,.md\:prose-xl hr+*{margin-top:0}.md\:prose-xl table{font-size:.9em;line-height:1.5555556}.md\:prose-xl thead th{padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}.md\:prose-xl thead th:first-child{padding-left:0}.md\:prose-xl thead th:last-child{padding-right:0}.md\:prose-xl tbody td{padding:.8888889em .6666667em}.md\:prose-xl tbody td:first-child{padding-left:0}.md\:prose-xl tbody td:last-child{padding-right:0}.md\:prose-xl>:first-child{margin-top:0}.md\:prose-xl>:last-child{margin-bottom:0}.md\:h-96{height:24rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:text-8xl{font-size:6rem;line-height:1}}
diff --git a/public/js/app.js b/public/js/app.js
index 8b4d6dc..93ddfb2 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,1270 +1,4 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js ***!
-  \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "clearCache": () => (/* binding */ clearCache),
-/* harmony export */   "connectStreamSource": () => (/* binding */ connectStreamSource),
-/* harmony export */   "disconnectStreamSource": () => (/* binding */ disconnectStreamSource),
-/* harmony export */   "navigator": () => (/* binding */ navigator),
-/* harmony export */   "registerAdapter": () => (/* binding */ registerAdapter),
-/* harmony export */   "renderStreamMessage": () => (/* binding */ renderStreamMessage),
-/* harmony export */   "setProgressBarDelay": () => (/* binding */ setProgressBarDelay),
-/* harmony export */   "start": () => (/* binding */ start),
-/* harmony export */   "visit": () => (/* binding */ visit)
-/* harmony export */ });
-/*
-Turbo 7.0.0-beta.4
-Copyright © 2021 Basecamp, LLC
- */
-(function () {
-    if (window.Reflect === undefined || window.customElements === undefined ||
-        window.customElements.polyfillWrapFlushCallback) {
-        return;
-    }
-    const BuiltInHTMLElement = HTMLElement;
-    const wrapperForTheName = {
-        'HTMLElement': function HTMLElement() {
-            return Reflect.construct(BuiltInHTMLElement, [], this.constructor);
-        }
-    };
-    window.HTMLElement =
-        wrapperForTheName['HTMLElement'];
-    HTMLElement.prototype = BuiltInHTMLElement.prototype;
-    HTMLElement.prototype.constructor = HTMLElement;
-    Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
-})();
-
-const submittersByForm = new WeakMap;
-function findSubmitterFromClickTarget(target) {
-    const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
-    const candidate = element ? element.closest("input, button") : null;
-    return (candidate === null || candidate === void 0 ? void 0 : candidate.type) == "submit" ? candidate : null;
-}
-function clickCaptured(event) {
-    const submitter = findSubmitterFromClickTarget(event.target);
-    if (submitter && submitter.form) {
-        submittersByForm.set(submitter.form, submitter);
-    }
-}
-(function () {
-    if ("SubmitEvent" in window)
-        return;
-    addEventListener("click", clickCaptured, true);
-    Object.defineProperty(Event.prototype, "submitter", {
-        get() {
-            if (this.type == "submit" && this.target instanceof HTMLFormElement) {
-                return submittersByForm.get(this.target);
-            }
-        }
-    });
-})();
-
-var FrameLoadingStyle;
-(function (FrameLoadingStyle) {
-    FrameLoadingStyle["eager"] = "eager";
-    FrameLoadingStyle["lazy"] = "lazy";
-})(FrameLoadingStyle || (FrameLoadingStyle = {}));
-class FrameElement extends HTMLElement {
-    constructor() {
-        super();
-        this.loaded = Promise.resolve();
-        this.delegate = new FrameElement.delegateConstructor(this);
-    }
-    static get observedAttributes() {
-        return ["loading", "src"];
-    }
-    connectedCallback() {
-        this.delegate.connect();
-    }
-    disconnectedCallback() {
-        this.delegate.disconnect();
-    }
-    attributeChangedCallback(name) {
-        if (name == "loading") {
-            this.delegate.loadingStyleChanged();
-        }
-        else if (name == "src") {
-            this.delegate.sourceURLChanged();
-        }
-    }
-    get src() {
-        return this.getAttribute("src");
-    }
-    set src(value) {
-        if (value) {
-            this.setAttribute("src", value);
-        }
-        else {
-            this.removeAttribute("src");
-        }
-    }
-    get loading() {
-        return frameLoadingStyleFromString(this.getAttribute("loading") || "");
-    }
-    set loading(value) {
-        if (value) {
-            this.setAttribute("loading", value);
-        }
-        else {
-            this.removeAttribute("loading");
-        }
-    }
-    get disabled() {
-        return this.hasAttribute("disabled");
-    }
-    set disabled(value) {
-        if (value) {
-            this.setAttribute("disabled", "");
-        }
-        else {
-            this.removeAttribute("disabled");
-        }
-    }
-    get autoscroll() {
-        return this.hasAttribute("autoscroll");
-    }
-    set autoscroll(value) {
-        if (value) {
-            this.setAttribute("autoscroll", "");
-        }
-        else {
-            this.removeAttribute("autoscroll");
-        }
-    }
-    get complete() {
-        return !this.delegate.isLoading;
-    }
-    get isActive() {
-        return this.ownerDocument === document && !this.isPreview;
-    }
-    get isPreview() {
-        var _a, _b;
-        return (_b = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.hasAttribute("data-turbo-preview");
-    }
-}
-function frameLoadingStyleFromString(style) {
-    switch (style.toLowerCase()) {
-        case "lazy": return FrameLoadingStyle.lazy;
-        default: return FrameLoadingStyle.eager;
-    }
-}
-
-function expandURL(locatable) {
-    const anchor = document.createElement("a");
-    anchor.href = locatable.toString();
-    return new URL(anchor.href);
-}
-function getAnchor(url) {
-    let anchorMatch;
-    if (url.hash) {
-        return url.hash.slice(1);
-    }
-    else if (anchorMatch = url.href.match(/#(.*)$/)) {
-        return anchorMatch[1];
-    }
-    else {
-        return "";
-    }
-}
-function getExtension(url) {
-    return (getLastPathComponent(url).match(/\.[^.]*$/) || [])[0] || "";
-}
-function isHTML(url) {
-    return !!getExtension(url).match(/^(?:|\.(?:htm|html|xhtml))$/);
-}
-function isPrefixedBy(baseURL, url) {
-    const prefix = getPrefix(url);
-    return baseURL.href === expandURL(prefix).href || baseURL.href.startsWith(prefix);
-}
-function toCacheKey(url) {
-    const anchorLength = url.hash.length;
-    if (anchorLength < 2) {
-        return url.href;
-    }
-    else {
-        return url.href.slice(0, -anchorLength);
-    }
-}
-function getPathComponents(url) {
-    return url.pathname.split("/").slice(1);
-}
-function getLastPathComponent(url) {
-    return getPathComponents(url).slice(-1)[0];
-}
-function getPrefix(url) {
-    return addTrailingSlash(url.origin + url.pathname);
-}
-function addTrailingSlash(value) {
-    return value.endsWith("/") ? value : value + "/";
-}
-
-class FetchResponse {
-    constructor(response) {
-        this.response = response;
-    }
-    get succeeded() {
-        return this.response.ok;
-    }
-    get failed() {
-        return !this.succeeded;
-    }
-    get clientError() {
-        return this.statusCode >= 400 && this.statusCode <= 499;
-    }
-    get serverError() {
-        return this.statusCode >= 500 && this.statusCode <= 599;
-    }
-    get redirected() {
-        return this.response.redirected;
-    }
-    get location() {
-        return expandURL(this.response.url);
-    }
-    get isHTML() {
-        return this.contentType && this.contentType.match(/^(?:text\/([^\s;,]+\b)?html|application\/xhtml\+xml)\b/);
-    }
-    get statusCode() {
-        return this.response.status;
-    }
-    get contentType() {
-        return this.header("Content-Type");
-    }
-    get responseText() {
-        return this.response.text();
-    }
-    get responseHTML() {
-        if (this.isHTML) {
-            return this.response.text();
-        }
-        else {
-            return Promise.resolve(undefined);
-        }
-    }
-    header(name) {
-        return this.response.headers.get(name);
-    }
-}
-
-function dispatch(eventName, { target, cancelable, detail } = {}) {
-    const event = new CustomEvent(eventName, { cancelable, bubbles: true, detail });
-    void (target || document.documentElement).dispatchEvent(event);
-    return event;
-}
-function nextAnimationFrame() {
-    return new Promise(resolve => requestAnimationFrame(() => resolve()));
-}
-function nextEventLoopTick() {
-    return new Promise(resolve => setTimeout(() => resolve(), 0));
-}
-function nextMicrotask() {
-    return Promise.resolve();
-}
-function parseHTMLDocument(html = "") {
-    return new DOMParser().parseFromString(html, "text/html");
-}
-function unindent(strings, ...values) {
-    const lines = interpolate(strings, values).replace(/^\n/, "").split("\n");
-    const match = lines[0].match(/^\s+/);
-    const indent = match ? match[0].length : 0;
-    return lines.map(line => line.slice(indent)).join("\n");
-}
-function interpolate(strings, values) {
-    return strings.reduce((result, string, i) => {
-        const value = values[i] == undefined ? "" : values[i];
-        return result + string + value;
-    }, "");
-}
-function uuid() {
-    return Array.apply(null, { length: 36 }).map((_, i) => {
-        if (i == 8 || i == 13 || i == 18 || i == 23) {
-            return "-";
-        }
-        else if (i == 14) {
-            return "4";
-        }
-        else if (i == 19) {
-            return (Math.floor(Math.random() * 4) + 8).toString(16);
-        }
-        else {
-            return Math.floor(Math.random() * 15).toString(16);
-        }
-    }).join("");
-}
-
-var FetchMethod;
-(function (FetchMethod) {
-    FetchMethod[FetchMethod["get"] = 0] = "get";
-    FetchMethod[FetchMethod["post"] = 1] = "post";
-    FetchMethod[FetchMethod["put"] = 2] = "put";
-    FetchMethod[FetchMethod["patch"] = 3] = "patch";
-    FetchMethod[FetchMethod["delete"] = 4] = "delete";
-})(FetchMethod || (FetchMethod = {}));
-function fetchMethodFromString(method) {
-    switch (method.toLowerCase()) {
-        case "get": return FetchMethod.get;
-        case "post": return FetchMethod.post;
-        case "put": return FetchMethod.put;
-        case "patch": return FetchMethod.patch;
-        case "delete": return FetchMethod.delete;
-    }
-}
-class FetchRequest {
-    constructor(delegate, method, location, body = new URLSearchParams) {
-        this.abortController = new AbortController;
-        this.delegate = delegate;
-        this.method = method;
-        if (this.isIdempotent) {
-            this.url = mergeFormDataEntries(location, [...body.entries()]);
-        }
-        else {
-            this.body = body;
-            this.url = location;
-        }
-    }
-    get location() {
-        return this.url;
-    }
-    get params() {
-        return this.url.searchParams;
-    }
-    get entries() {
-        return this.body ? Array.from(this.body.entries()) : [];
-    }
-    cancel() {
-        this.abortController.abort();
-    }
-    async perform() {
-        const { fetchOptions } = this;
-        dispatch("turbo:before-fetch-request", { detail: { fetchOptions } });
-        try {
-            this.delegate.requestStarted(this);
-            const response = await fetch(this.url.href, fetchOptions);
-            return await this.receive(response);
-        }
-        catch (error) {
-            this.delegate.requestErrored(this, error);
-            throw error;
-        }
-        finally {
-            this.delegate.requestFinished(this);
-        }
-    }
-    async receive(response) {
-        const fetchResponse = new FetchResponse(response);
-        const event = dispatch("turbo:before-fetch-response", { cancelable: true, detail: { fetchResponse } });
-        if (event.defaultPrevented) {
-            this.delegate.requestPreventedHandlingResponse(this, fetchResponse);
-        }
-        else if (fetchResponse.succeeded) {
-            this.delegate.requestSucceededWithResponse(this, fetchResponse);
-        }
-        else {
-            this.delegate.requestFailedWithResponse(this, fetchResponse);
-        }
-        return fetchResponse;
-    }
-    get fetchOptions() {
-        return {
-            method: FetchMethod[this.method].toUpperCase(),
-            credentials: "same-origin",
-            headers: this.headers,
-            redirect: "follow",
-            body: this.body,
-            signal: this.abortSignal
-        };
-    }
-    get isIdempotent() {
-        return this.method == FetchMethod.get;
-    }
-    get headers() {
-        const headers = Object.assign({}, this.defaultHeaders);
-        if (typeof this.delegate.prepareHeadersForRequest == "function") {
-            this.delegate.prepareHeadersForRequest(headers, this);
-        }
-        return headers;
-    }
-    get abortSignal() {
-        return this.abortController.signal;
-    }
-    get defaultHeaders() {
-        return {
-            "Accept": "text/html, application/xhtml+xml"
-        };
-    }
-}
-function mergeFormDataEntries(url, entries) {
-    const currentSearchParams = new URLSearchParams(url.search);
-    for (const [name, value] of entries) {
-        if (value instanceof File)
-            continue;
-        if (currentSearchParams.has(name)) {
-            currentSearchParams.delete(name);
-            url.searchParams.set(name, value);
-        }
-        else {
-            url.searchParams.append(name, value);
-        }
-    }
-    return url;
-}
-
-class AppearanceObserver {
-    constructor(delegate, element) {
-        this.started = false;
-        this.intersect = entries => {
-            const lastEntry = entries.slice(-1)[0];
-            if (lastEntry === null || lastEntry === void 0 ? void 0 : lastEntry.isIntersecting) {
-                this.delegate.elementAppearedInViewport(this.element);
-            }
-        };
-        this.delegate = delegate;
-        this.element = element;
-        this.intersectionObserver = new IntersectionObserver(this.intersect);
-    }
-    start() {
-        if (!this.started) {
-            this.started = true;
-            this.intersectionObserver.observe(this.element);
-        }
-    }
-    stop() {
-        if (this.started) {
-            this.started = false;
-            this.intersectionObserver.unobserve(this.element);
-        }
-    }
-}
-
-class StreamMessage {
-    constructor(html) {
-        this.templateElement = document.createElement("template");
-        this.templateElement.innerHTML = html;
-    }
-    static wrap(message) {
-        if (typeof message == "string") {
-            return new this(message);
-        }
-        else {
-            return message;
-        }
-    }
-    get fragment() {
-        const fragment = document.createDocumentFragment();
-        for (const element of this.foreignElements) {
-            fragment.appendChild(document.importNode(element, true));
-        }
-        return fragment;
-    }
-    get foreignElements() {
-        return this.templateChildren.reduce((streamElements, child) => {
-            if (child.tagName.toLowerCase() == "turbo-stream") {
-                return [...streamElements, child];
-            }
-            else {
-                return streamElements;
-            }
-        }, []);
-    }
-    get templateChildren() {
-        return Array.from(this.templateElement.content.children);
-    }
-}
-StreamMessage.contentType = "text/vnd.turbo-stream.html";
-
-var FormSubmissionState;
-(function (FormSubmissionState) {
-    FormSubmissionState[FormSubmissionState["initialized"] = 0] = "initialized";
-    FormSubmissionState[FormSubmissionState["requesting"] = 1] = "requesting";
-    FormSubmissionState[FormSubmissionState["waiting"] = 2] = "waiting";
-    FormSubmissionState[FormSubmissionState["receiving"] = 3] = "receiving";
-    FormSubmissionState[FormSubmissionState["stopping"] = 4] = "stopping";
-    FormSubmissionState[FormSubmissionState["stopped"] = 5] = "stopped";
-})(FormSubmissionState || (FormSubmissionState = {}));
-var FormEnctype;
-(function (FormEnctype) {
-    FormEnctype["urlEncoded"] = "application/x-www-form-urlencoded";
-    FormEnctype["multipart"] = "multipart/form-data";
-    FormEnctype["plain"] = "text/plain";
-})(FormEnctype || (FormEnctype = {}));
-function formEnctypeFromString(encoding) {
-    switch (encoding.toLowerCase()) {
-        case FormEnctype.multipart: return FormEnctype.multipart;
-        case FormEnctype.plain: return FormEnctype.plain;
-        default: return FormEnctype.urlEncoded;
-    }
-}
-class FormSubmission {
-    constructor(delegate, formElement, submitter, mustRedirect = false) {
-        this.state = FormSubmissionState.initialized;
-        this.delegate = delegate;
-        this.formElement = formElement;
-        this.submitter = submitter;
-        this.formData = buildFormData(formElement, submitter);
-        this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body);
-        this.mustRedirect = mustRedirect;
-    }
-    get method() {
-        var _a;
-        const method = ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formmethod")) || this.formElement.getAttribute("method") || "";
-        return fetchMethodFromString(method.toLowerCase()) || FetchMethod.get;
-    }
-    get action() {
-        var _a;
-        return ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formaction")) || this.formElement.action;
-    }
-    get location() {
-        return expandURL(this.action);
-    }
-    get body() {
-        if (this.enctype == FormEnctype.urlEncoded || this.method == FetchMethod.get) {
-            return new URLSearchParams(this.stringFormData);
-        }
-        else {
-            return this.formData;
-        }
-    }
-    get enctype() {
-        var _a;
-        return formEnctypeFromString(((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formenctype")) || this.formElement.enctype);
-    }
-    get stringFormData() {
-        return [...this.formData].reduce((entries, [name, value]) => {
-            return entries.concat(typeof value == "string" ? [[name, value]] : []);
-        }, []);
-    }
-    async start() {
-        const { initialized, requesting } = FormSubmissionState;
-        if (this.state == initialized) {
-            this.state = requesting;
-            return this.fetchRequest.perform();
-        }
-    }
-    stop() {
-        const { stopping, stopped } = FormSubmissionState;
-        if (this.state != stopping && this.state != stopped) {
-            this.state = stopping;
-            this.fetchRequest.cancel();
-            return true;
-        }
-    }
-    prepareHeadersForRequest(headers, request) {
-        if (!request.isIdempotent) {
-            const token = getCookieValue(getMetaContent("csrf-param")) || getMetaContent("csrf-token");
-            if (token) {
-                headers["X-CSRF-Token"] = token;
-            }
-            headers["Accept"] = [StreamMessage.contentType, headers["Accept"]].join(", ");
-        }
-    }
-    requestStarted(request) {
-        this.state = FormSubmissionState.waiting;
-        dispatch("turbo:submit-start", { target: this.formElement, detail: { formSubmission: this } });
-        this.delegate.formSubmissionStarted(this);
-    }
-    requestPreventedHandlingResponse(request, response) {
-        this.result = { success: response.succeeded, fetchResponse: response };
-    }
-    requestSucceededWithResponse(request, response) {
-        if (response.clientError || response.serverError) {
-            this.delegate.formSubmissionFailedWithResponse(this, response);
-        }
-        else if (this.requestMustRedirect(request) && responseSucceededWithoutRedirect(response)) {
-            const error = new Error("Form responses must redirect to another location");
-            this.delegate.formSubmissionErrored(this, error);
-        }
-        else {
-            this.state = FormSubmissionState.receiving;
-            this.result = { success: true, fetchResponse: response };
-            this.delegate.formSubmissionSucceededWithResponse(this, response);
-        }
-    }
-    requestFailedWithResponse(request, response) {
-        this.result = { success: false, fetchResponse: response };
-        this.delegate.formSubmissionFailedWithResponse(this, response);
-    }
-    requestErrored(request, error) {
-        this.result = { success: false, error };
-        this.delegate.formSubmissionErrored(this, error);
-    }
-    requestFinished(request) {
-        this.state = FormSubmissionState.stopped;
-        dispatch("turbo:submit-end", { target: this.formElement, detail: Object.assign({ formSubmission: this }, this.result) });
-        this.delegate.formSubmissionFinished(this);
-    }
-    requestMustRedirect(request) {
-        return !request.isIdempotent && this.mustRedirect;
-    }
-}
-function buildFormData(formElement, submitter) {
-    const formData = new FormData(formElement);
-    const name = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("name");
-    const value = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("value");
-    if (name && formData.get(name) != value) {
-        formData.append(name, value || "");
-    }
-    return formData;
-}
-function getCookieValue(cookieName) {
-    if (cookieName != null) {
-        const cookies = document.cookie ? document.cookie.split("; ") : [];
-        const cookie = cookies.find((cookie) => cookie.startsWith(cookieName));
-        if (cookie) {
-            const value = cookie.split("=").slice(1).join("=");
-            return value ? decodeURIComponent(value) : undefined;
-        }
-    }
-}
-function getMetaContent(name) {
-    const element = document.querySelector(`meta[name="${name}"]`);
-    return element && element.content;
-}
-function responseSucceededWithoutRedirect(response) {
-    return response.statusCode == 200 && !response.redirected;
-}
-
-class Snapshot {
-    constructor(element) {
-        this.element = element;
-    }
-    get children() {
-        return [...this.element.children];
-    }
-    hasAnchor(anchor) {
-        return this.getElementForAnchor(anchor) != null;
-    }
-    getElementForAnchor(anchor) {
-        try {
-            return this.element.querySelector(`[id='${anchor}'], a[name='${anchor}']`);
-        }
-        catch (_a) {
-            return null;
-        }
-    }
-    get firstAutofocusableElement() {
-        return this.element.querySelector("[autofocus]");
-    }
-    get permanentElements() {
-        return [...this.element.querySelectorAll("[id][data-turbo-permanent]")];
-    }
-    getPermanentElementById(id) {
-        return this.element.querySelector(`#${id}[data-turbo-permanent]`);
-    }
-    getPermanentElementsPresentInSnapshot(snapshot) {
-        return this.permanentElements.filter(({ id }) => snapshot.getPermanentElementById(id));
-    }
-}
-
-class FormInterceptor {
-    constructor(delegate, element) {
-        this.submitBubbled = ((event) => {
-            if (event.target instanceof HTMLFormElement) {
-                const form = event.target;
-                const submitter = event.submitter || undefined;
-                if (this.delegate.shouldInterceptFormSubmission(form, submitter)) {
-                    event.preventDefault();
-                    event.stopImmediatePropagation();
-                    this.delegate.formSubmissionIntercepted(form, submitter);
-                }
-            }
-        });
-        this.delegate = delegate;
-        this.element = element;
-    }
-    start() {
-        this.element.addEventListener("submit", this.submitBubbled);
-    }
-    stop() {
-        this.element.removeEventListener("submit", this.submitBubbled);
-    }
-}
-
-class View {
-    constructor(delegate, element) {
-        this.delegate = delegate;
-        this.element = element;
-    }
-    scrollToAnchor(anchor) {
-        const element = this.snapshot.getElementForAnchor(anchor);
-        if (element) {
-            this.scrollToElement(element);
-        }
-        else {
-            this.scrollToPosition({ x: 0, y: 0 });
-        }
-    }
-    scrollToElement(element) {
-        element.scrollIntoView();
-    }
-    scrollToPosition({ x, y }) {
-        this.scrollRoot.scrollTo(x, y);
-    }
-    get scrollRoot() {
-        return window;
-    }
-    async render(renderer) {
-        if (this.renderer) {
-            throw new Error("rendering is already in progress");
-        }
-        const { isPreview, shouldRender, newSnapshot: snapshot } = renderer;
-        if (shouldRender) {
-            try {
-                this.renderer = renderer;
-                this.prepareToRenderSnapshot(renderer);
-                this.delegate.viewWillRenderSnapshot(snapshot, isPreview);
-                await this.renderSnapshot(renderer);
-                this.delegate.viewRenderedSnapshot(snapshot, isPreview);
-                this.finishRenderingSnapshot(renderer);
-            }
-            finally {
-                delete this.renderer;
-            }
-        }
-        else {
-            this.invalidate();
-        }
-    }
-    invalidate() {
-        this.delegate.viewInvalidated();
-    }
-    prepareToRenderSnapshot(renderer) {
-        this.markAsPreview(renderer.isPreview);
-        renderer.prepareToRender();
-    }
-    markAsPreview(isPreview) {
-        if (isPreview) {
-            this.element.setAttribute("data-turbo-preview", "");
-        }
-        else {
-            this.element.removeAttribute("data-turbo-preview");
-        }
-    }
-    async renderSnapshot(renderer) {
-        await renderer.render();
-    }
-    finishRenderingSnapshot(renderer) {
-        renderer.finishRendering();
-    }
-}
-
-class FrameView extends View {
-    invalidate() {
-        this.element.innerHTML = "";
-    }
-    get snapshot() {
-        return new Snapshot(this.element);
-    }
-}
-
-class LinkInterceptor {
-    constructor(delegate, element) {
-        this.clickBubbled = (event) => {
-            if (this.respondsToEventTarget(event.target)) {
-                this.clickEvent = event;
-            }
-            else {
-                delete this.clickEvent;
-            }
-        };
-        this.linkClicked = ((event) => {
-            if (this.clickEvent && this.respondsToEventTarget(event.target) && event.target instanceof Element) {
-                if (this.delegate.shouldInterceptLinkClick(event.target, event.detail.url)) {
-                    this.clickEvent.preventDefault();
-                    event.preventDefault();
-                    this.delegate.linkClickIntercepted(event.target, event.detail.url);
-                }
-            }
-            delete this.clickEvent;
-        });
-        this.willVisit = () => {
-            delete this.clickEvent;
-        };
-        this.delegate = delegate;
-        this.element = element;
-    }
-    start() {
-        this.element.addEventListener("click", this.clickBubbled);
-        document.addEventListener("turbo:click", this.linkClicked);
-        document.addEventListener("turbo:before-visit", this.willVisit);
-    }
-    stop() {
-        this.element.removeEventListener("click", this.clickBubbled);
-        document.removeEventListener("turbo:click", this.linkClicked);
-        document.removeEventListener("turbo:before-visit", this.willVisit);
-    }
-    respondsToEventTarget(target) {
-        const element = target instanceof Element
-            ? target
-            : target instanceof Node
-                ? target.parentElement
-                : null;
-        return element && element.closest("turbo-frame, html") == this.element;
-    }
-}
-
-class Renderer {
-    constructor(currentSnapshot, newSnapshot, isPreview) {
-        this.currentSnapshot = currentSnapshot;
-        this.newSnapshot = newSnapshot;
-        this.isPreview = isPreview;
-        this.promise = new Promise((resolve, reject) => this.resolvingFunctions = { resolve, reject });
-    }
-    get shouldRender() {
-        return true;
-    }
-    prepareToRender() {
-        return;
-    }
-    finishRendering() {
-        if (this.resolvingFunctions) {
-            this.resolvingFunctions.resolve();
-            delete this.resolvingFunctions;
-        }
-    }
-    createScriptElement(element) {
-        if (element.getAttribute("data-turbo-eval") == "false") {
-            return element;
-        }
-        else {
-            const createdScriptElement = document.createElement("script");
-            createdScriptElement.textContent = element.textContent;
-            createdScriptElement.async = false;
-            copyElementAttributes(createdScriptElement, element);
-            return createdScriptElement;
-        }
-    }
-    preservingPermanentElements(callback) {
-        const placeholders = relocatePermanentElements(this.currentSnapshot, this.newSnapshot);
-        callback();
-        replacePlaceholderElementsWithClonedPermanentElements(placeholders);
-    }
-    focusFirstAutofocusableElement() {
-        const element = this.newSnapshot.firstAutofocusableElement;
-        if (elementIsFocusable(element)) {
-            element.focus();
-        }
-    }
-    get currentElement() {
-        return this.currentSnapshot.element;
-    }
-    get newElement() {
-        return this.newSnapshot.element;
-    }
-}
-function replaceElementWithElement(fromElement, toElement) {
-    const parentElement = fromElement.parentElement;
-    if (parentElement) {
-        return parentElement.replaceChild(toElement, fromElement);
-    }
-}
-function copyElementAttributes(destinationElement, sourceElement) {
-    for (const { name, value } of [...sourceElement.attributes]) {
-        destinationElement.setAttribute(name, value);
-    }
-}
-function createPlaceholderForPermanentElement(permanentElement) {
-    const element = document.createElement("meta");
-    element.setAttribute("name", "turbo-permanent-placeholder");
-    element.setAttribute("content", permanentElement.id);
-    return { element, permanentElement };
-}
-function replacePlaceholderElementsWithClonedPermanentElements(placeholders) {
-    for (const { element, permanentElement } of placeholders) {
-        const clonedElement = permanentElement.cloneNode(true);
-        replaceElementWithElement(element, clonedElement);
-    }
-}
-function relocatePermanentElements(currentSnapshot, newSnapshot) {
-    return currentSnapshot.getPermanentElementsPresentInSnapshot(newSnapshot).reduce((placeholders, permanentElement) => {
-        const newElement = newSnapshot.getPermanentElementById(permanentElement.id);
-        if (newElement) {
-            const placeholder = createPlaceholderForPermanentElement(permanentElement);
-            replaceElementWithElement(permanentElement, placeholder.element);
-            replaceElementWithElement(newElement, permanentElement);
-            return [...placeholders, placeholder];
-        }
-        else {
-            return placeholders;
-        }
-    }, []);
-}
-function elementIsFocusable(element) {
-    return element && typeof element.focus == "function";
-}
-
-class FrameRenderer extends Renderer {
-    get shouldRender() {
-        return true;
-    }
-    async render() {
-        await nextAnimationFrame();
-        this.preservingPermanentElements(() => {
-            this.loadFrameElement();
-        });
-        this.scrollFrameIntoView();
-        await nextAnimationFrame();
-        this.focusFirstAutofocusableElement();
-    }
-    loadFrameElement() {
-        var _a;
-        const destinationRange = document.createRange();
-        destinationRange.selectNodeContents(this.currentElement);
-        destinationRange.deleteContents();
-        const frameElement = this.newElement;
-        const sourceRange = (_a = frameElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.createRange();
-        if (sourceRange) {
-            sourceRange.selectNodeContents(frameElement);
-            this.currentElement.appendChild(sourceRange.extractContents());
-        }
-    }
-    scrollFrameIntoView() {
-        if (this.currentElement.autoscroll || this.newElement.autoscroll) {
-            const element = this.currentElement.firstElementChild;
-            const block = readScrollLogicalPosition(this.currentElement.getAttribute("data-autoscroll-block"), "end");
-            if (element) {
-                element.scrollIntoView({ block });
-                return true;
-            }
-        }
-        return false;
-    }
-}
-function readScrollLogicalPosition(value, defaultValue) {
-    if (value == "end" || value == "start" || value == "center" || value == "nearest") {
-        return value;
-    }
-    else {
-        return defaultValue;
-    }
-}
-
-class FrameController {
-    constructor(element) {
-        this.resolveVisitPromise = () => { };
-        this.element = element;
-        this.view = new FrameView(this, this.element);
-        this.appearanceObserver = new AppearanceObserver(this, this.element);
-        this.linkInterceptor = new LinkInterceptor(this, this.element);
-        this.formInterceptor = new FormInterceptor(this, this.element);
-    }
-    connect() {
-        if (this.loadingStyle == FrameLoadingStyle.lazy) {
-            this.appearanceObserver.start();
-        }
-        this.linkInterceptor.start();
-        this.formInterceptor.start();
-    }
-    disconnect() {
-        this.appearanceObserver.stop();
-        this.linkInterceptor.stop();
-        this.formInterceptor.stop();
-    }
-    sourceURLChanged() {
-        if (this.loadingStyle == FrameLoadingStyle.eager) {
-            this.loadSourceURL();
-        }
-    }
-    loadingStyleChanged() {
-        if (this.loadingStyle == FrameLoadingStyle.lazy) {
-            this.appearanceObserver.start();
-        }
-        else {
-            this.appearanceObserver.stop();
-            this.loadSourceURL();
-        }
-    }
-    async loadSourceURL() {
-        if (this.isActive && this.sourceURL && this.sourceURL != this.loadingURL) {
-            try {
-                this.loadingURL = this.sourceURL;
-                this.element.loaded = this.visit(this.sourceURL);
-                this.appearanceObserver.stop();
-                await this.element.loaded;
-            }
-            finally {
-                delete this.loadingURL;
-            }
-        }
-    }
-    async loadResponse(response) {
-        try {
-            const html = await response.responseHTML;
-            if (html) {
-                const { body } = parseHTMLDocument(html);
-                const snapshot = new Snapshot(await this.extractForeignFrameElement(body));
-                const renderer = new FrameRenderer(this.view.snapshot, snapshot, false);
-                await this.view.render(renderer);
-            }
-        }
-        catch (error) {
-            console.error(error);
-            this.view.invalidate();
-        }
-    }
-    elementAppearedInViewport(element) {
-        this.loadSourceURL();
-    }
-    shouldInterceptLinkClick(element, url) {
-        return this.shouldInterceptNavigation(element);
-    }
-    linkClickIntercepted(element, url) {
-        this.navigateFrame(element, url);
-    }
-    shouldInterceptFormSubmission(element) {
-        return this.shouldInterceptNavigation(element);
-    }
-    formSubmissionIntercepted(element, submitter) {
-        if (this.formSubmission) {
-            this.formSubmission.stop();
-        }
-        this.formSubmission = new FormSubmission(this, element, submitter);
-        if (this.formSubmission.fetchRequest.isIdempotent) {
-            this.navigateFrame(element, this.formSubmission.fetchRequest.url.href);
-        }
-        else {
-            this.formSubmission.start();
-        }
-    }
-    prepareHeadersForRequest(headers, request) {
-        headers["Turbo-Frame"] = this.id;
-    }
-    requestStarted(request) {
-        this.element.setAttribute("busy", "");
-    }
-    requestPreventedHandlingResponse(request, response) {
-        this.resolveVisitPromise();
-    }
-    async requestSucceededWithResponse(request, response) {
-        await this.loadResponse(response);
-        this.resolveVisitPromise();
-    }
-    requestFailedWithResponse(request, response) {
-        console.error(response);
-        this.resolveVisitPromise();
-    }
-    requestErrored(request, error) {
-        console.error(error);
-        this.resolveVisitPromise();
-    }
-    requestFinished(request) {
-        this.element.removeAttribute("busy");
-    }
-    formSubmissionStarted(formSubmission) {
-    }
-    formSubmissionSucceededWithResponse(formSubmission, response) {
-        const frame = this.findFrameElement(formSubmission.formElement);
-        frame.delegate.loadResponse(response);
-    }
-    formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
-        this.element.delegate.loadResponse(fetchResponse);
-    }
-    formSubmissionErrored(formSubmission, error) {
-    }
-    formSubmissionFinished(formSubmission) {
-    }
-    viewWillRenderSnapshot(snapshot, isPreview) {
-    }
-    viewRenderedSnapshot(snapshot, isPreview) {
-    }
-    viewInvalidated() {
-    }
-    async visit(url) {
-        const request = new FetchRequest(this, FetchMethod.get, expandURL(url));
-        return new Promise(resolve => {
-            this.resolveVisitPromise = () => {
-                this.resolveVisitPromise = () => { };
-                resolve();
-            };
-            request.perform();
-        });
-    }
-    navigateFrame(element, url) {
-        const frame = this.findFrameElement(element);
-        frame.src = url;
-    }
-    findFrameElement(element) {
-        var _a;
-        const id = element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
-        return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element;
-    }
-    async extractForeignFrameElement(container) {
-        let element;
-        const id = CSS.escape(this.id);
-        if (element = activateElement(container.querySelector(`turbo-frame#${id}`))) {
-            return element;
-        }
-        if (element = activateElement(container.querySelector(`turbo-frame[src][recurse~=${id}]`))) {
-            await element.loaded;
-            return await this.extractForeignFrameElement(element);
-        }
-        console.error(`Response has no matching <turbo-frame id="${id}"> element`);
-        return new FrameElement();
-    }
-    shouldInterceptNavigation(element) {
-        const id = element.getAttribute("data-turbo-frame") || this.element.getAttribute("target");
-        if (!this.enabled || id == "_top") {
-            return false;
-        }
-        if (id) {
-            const frameElement = getFrameElementById(id);
-            if (frameElement) {
-                return !frameElement.disabled;
-            }
-        }
-        return true;
-    }
-    get id() {
-        return this.element.id;
-    }
-    get enabled() {
-        return !this.element.disabled;
-    }
-    get sourceURL() {
-        return this.element.src;
-    }
-    get loadingStyle() {
-        return this.element.loading;
-    }
-    get isLoading() {
-        return this.formSubmission !== undefined || this.loadingURL !== undefined;
-    }
-    get isActive() {
-        return this.element.isActive;
-    }
-}
-function getFrameElementById(id) {
-    if (id != null) {
-        const element = document.getElementById(id);
-        if (element instanceof FrameElement) {
-            return element;
-        }
-    }
-}
-function activateElement(element) {
-    if (element && element.ownerDocument !== document) {
-        element = document.importNode(element, true);
-    }
-    if (element instanceof FrameElement) {
-        return element;
-    }
-}
-
-const StreamActions = {
-    append() {
-        var _a;
-        (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.append(this.templateContent);
-    },
-    prepend() {
-        var _a;
-        (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.prepend(this.templateContent);
-    },
-    remove() {
-        var _a;
-        (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.remove();
-    },
-    replace() {
-        var _a;
-        (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.replaceWith(this.templateContent);
-    },
-    update() {
-        if (this.targetElement) {
-            this.targetElement.innerHTML = "";
-            this.targetElement.append(this.templateContent);
-        }
-    }
-};
-
-class StreamElement extends HTMLElement {
-    async connectedCallback() {
-        try {
-            await this.render();
-        }
-        catch (error) {
-            console.error(error);
-        }
-        finally {
-            this.disconnect();
-        }
-    }
-    async render() {
-        var _a;
-        return (_a = this.renderPromise) !== null && _a !== void 0 ? _a : (this.renderPromise = (async () => {
-            if (this.dispatchEvent(this.beforeRenderEvent)) {
-                await nextAnimationFrame();
-                this.performAction();
-            }
-        })());
-    }
-    disconnect() {
-        try {
-            this.remove();
-        }
-        catch (_a) { }
-    }
-    get performAction() {
-        if (this.action) {
-            const actionFunction = StreamActions[this.action];
-            if (actionFunction) {
-                return actionFunction;
-            }
-            this.raise("unknown action");
-        }
-        this.raise("action attribute is missing");
-    }
-    get targetElement() {
-        var _a;
-        if (this.target) {
-            return (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.getElementById(this.target);
-        }
-        this.raise("target attribute is missing");
-    }
-    get templateContent() {
-        return this.templateElement.content;
-    }
-    get templateElement() {
-        if (this.firstElementChild instanceof HTMLTemplateElement) {
-            return this.firstElementChild;
-        }
-        this.raise("first child element must be a <template> element");
-    }
-    get action() {
-        return this.getAttribute("action");
-    }
-    get target() {
-        return this.getAttribute("target");
-    }
-    raise(message) {
-        throw new Error(`${this.description}: ${message}`);
-    }
-    get description() {
-        var _a, _b;
-        return (_b = ((_a = this.outerHTML.match(/<[^>]+>/)) !== null && _a !== void 0 ? _a : [])[0]) !== null && _b !== void 0 ? _b : "<turbo-stream>";
-    }
-    get beforeRenderEvent() {
-        return new CustomEvent("turbo:before-stream-render", { bubbles: true, cancelable: true });
-    }
-}
-
-FrameElement.delegateConstructor = FrameController;
-customElements.define("turbo-frame", FrameElement);
-customElements.define("turbo-stream", StreamElement);
-
-(() => {
-    let element = document.currentScript;
-    if (!element)
-        return;
-    if (element.hasAttribute("data-turbo-suppress-warning"))
-        return;
-    while (element = element.parentElement) {
-        if (element == document.body) {
-            return console.warn(unindent `
+(()=>{var e,t={52:()=>{class e{init(){document.body.querySelectorAll("[x-cloak]").forEach((e=>{e.setAttribute("data-alpine-was-cloaked",e.getAttribute("x-cloak")??"")})),this.configureEventHandlers()}setMutationObserverState(e){if(!window.Alpine.version||!function(e,t){const i=e.split("."),s=t.split(".");for(let e=0;e<i.length;e++)if(!s[e]||s[e]<i[e])return!1;return!0}("2.4.0",window.Alpine.version))throw new Error("Invalid Alpine version. Please use Alpine 2.4.0 or above");window.Alpine.pauseMutationObserver=e}configureEventHandlers(){const e=()=>{window.Alpine.discoverUninitializedComponents((e=>{window.Alpine.initializeComponent(e)})),requestAnimationFrame((()=>{this.setMutationObserverState(!1)}))},t=e=>{(e.data?e.data.newBody:e.detail.newBody).querySelectorAll("[data-alpine-generated-me],[x-cloak]").forEach((e=>{e.hasAttribute("x-cloak")&&e.setAttribute("data-alpine-was-cloaked",e.getAttribute("x-cloak")??""),e.hasAttribute("data-alpine-generated-me")&&(e.removeAttribute("data-alpine-generated-me"),void 0===e.__x_for_key&&void 0===e.__x_inserted_me&&e.remove())}))},i=()=>{this.setMutationObserverState(!0),document.body.querySelectorAll("[x-for],[x-if],[data-alpine-was-cloaked]").forEach((e=>{if(e.hasAttribute("data-alpine-was-cloaked")&&(e.setAttribute("x-cloak",e.getAttribute("data-alpine-was-cloaked")??""),e.removeAttribute("data-alpine-was-cloaked")),e.hasAttribute("x-for")){let t=e.nextElementSibling;for(;t&&void 0!==t.__x_for_key;){const e=t;t=t.nextElementSibling,e.setAttribute("data-alpine-generated-me",!0)}}else if(e.hasAttribute("x-if")){const t=e.nextElementSibling;t&&void 0!==t.__x_inserted_me&&t.setAttribute("data-alpine-generated-me",!0)}}))};document.addEventListener("turbo:load",e),document.addEventListener("turbolinks:load",e),document.addEventListener("turbo:before-render",t),document.addEventListener("turbolinks:before-render",t),document.addEventListener("turbo:before-cache",i),document.addEventListener("turbolinks:before-cache",i)}}var t;window.Alpine&&console.error("Alpine-turbo-drive-adapter must be included before AlpineJs"),Object.getOwnPropertyDescriptor(NodeList.prototype,"forEach")||Object.defineProperty(NodeList.prototype,"forEach",Object.getOwnPropertyDescriptor(Array.prototype,"forEach")),t=()=>{(new e).init()},"loading"===document.readyState?document.addEventListener("readystatechange",(()=>{"interactive"===document.readyState&&t()})):t()},443:function(e){e.exports=function(){"use strict";function e(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function t(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,s)}return i}function i(i){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?t(Object(n),!0).forEach((function(t){e(i,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(n,e))}))}return i}function s(){return new Promise((e=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",e):e()}))}function n(e){return Array.from(new Set(e))}function r(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function o(e,t){return e==t}function a(e,t){"template"!==e.tagName.toLowerCase()?console.warn(`Alpine: [${t}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${t}`):1!==e.content.childElementCount&&console.warn(`Alpine: <template> tag with [${t}] encountered with an unexpected number of root elements. Make sure <template> has a single root element. `)}function l(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function c(e){return e.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase()))}function h(e,t){if(!1===t(e))return;let i=e.firstElementChild;for(;i;)h(i,t),i=i.nextElementSibling}function d(e,t){var i;return function(){var s=this,n=arguments,r=function(){i=null,e.apply(s,n)};clearTimeout(i),i=setTimeout(r,t)}}const u=(e,t,i)=>{if(console.warn(`Alpine Error: "${i}"\n\nExpression: "${t}"\nElement:`,e),!r())throw Object.assign(i,{el:e,expression:t}),i};function m(e,{el:t,expression:i}){try{const s=e();return s instanceof Promise?s.catch((e=>u(t,i,e))):s}catch(e){u(t,i,e)}}function p(e,t,i,s={}){return m((()=>"function"==typeof t?t.call(i):new Function(["$data",...Object.keys(s)],`var __alpine_result; with($data) { __alpine_result = ${t} }; return __alpine_result`)(i,...Object.values(s))),{el:e,expression:t})}function f(e,t,i,s={}){return m((()=>{if("function"==typeof t)return Promise.resolve(t.call(i,s.$event));let e=Function;if(e=Object.getPrototypeOf((async function(){})).constructor,Object.keys(i).includes(t)){let e=new Function(["dataContext",...Object.keys(s)],`with(dataContext) { return ${t} }`)(i,...Object.values(s));return"function"==typeof e?Promise.resolve(e.call(i,s.$event)):Promise.resolve()}return Promise.resolve(new e(["dataContext",...Object.keys(s)],`with(dataContext) { ${t} }`)(i,...Object.values(s)))}),{el:e,expression:t})}const g=/^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;function v(e){const t=S(e.name);return g.test(t)}function b(e,t,i){let s=Array.from(e.attributes).filter(v).map(w),n=s.filter((e=>"spread"===e.type))[0];if(n){let i=p(e,n.expression,t.$data);s=s.concat(Object.entries(i).map((([e,t])=>w({name:e,value:t}))))}return i?s.filter((e=>e.type===i)):y(s)}function y(e){let t=["bind","model","show","catch-all"];return e.sort(((e,i)=>{let s=-1===t.indexOf(e.type)?"catch-all":e.type,n=-1===t.indexOf(i.type)?"catch-all":i.type;return t.indexOf(s)-t.indexOf(n)}))}function w({name:e,value:t}){const i=S(e),s=i.match(g),n=i.match(/:([a-zA-Z0-9\-:]+)/),r=i.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:s?s[1]:null,value:n?n[1]:null,modifiers:r.map((e=>e.replace(".",""))),expression:t}}function E(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function S(e){return e.startsWith("@")?e.replace("@","x-on:"):e.startsWith(":")?e.replace(":","x-bind:"):e}function x(e,t=Boolean){return e.split(" ").filter(t)}const k="in",L="out",A="cancelled";function C(e,t,i,s,n=!1){if(n)return t();if(e.__x_transition&&e.__x_transition.type===k)return;const r=b(e,s,"transition"),o=b(e,s,"show")[0];if(o&&o.modifiers.includes("transition")){let s=o.modifiers;if(s.includes("out")&&!s.includes("in"))return t();const n=s.includes("in")&&s.includes("out");s=n?s.filter(((e,t)=>t<s.indexOf("out"))):s,_(e,s,t,i)}else r.some((e=>["enter","enter-start","enter-end"].includes(e.value)))?F(e,s,r,t,i):t()}function R(e,t,i,s,n=!1){if(n)return t();if(e.__x_transition&&e.__x_transition.type===L)return;const r=b(e,s,"transition"),o=b(e,s,"show")[0];if(o&&o.modifiers.includes("transition")){let s=o.modifiers;if(s.includes("in")&&!s.includes("out"))return t();const n=s.includes("in")&&s.includes("out");s=n?s.filter(((e,t)=>t>s.indexOf("out"))):s,O(e,s,n,t,i)}else r.some((e=>["leave","leave-start","leave-end"].includes(e.value)))?M(e,s,r,t,i):t()}function _(e,t,i,s){P(e,t,i,(()=>{}),s,{duration:T(t,"duration",150),origin:T(t,"origin","center"),first:{opacity:0,scale:T(t,"scale",95)},second:{opacity:1,scale:100}},k)}function O(e,t,i,s,n){P(e,t,(()=>{}),s,n,{duration:i?T(t,"duration",150):T(t,"duration",150)/2,origin:T(t,"origin","center"),first:{opacity:1,scale:100},second:{opacity:0,scale:T(t,"scale",95)}},L)}function T(e,t,i){if(-1===e.indexOf(t))return i;const s=e[e.indexOf(t)+1];if(!s)return i;if("scale"===t&&!D(s))return i;if("duration"===t){let e=s.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[s,e[e.indexOf(t)+2]].join(" "):s}function P(e,t,i,s,n,r,o){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const a=e.style.opacity,l=e.style.transform,c=e.style.transformOrigin,h=!t.includes("opacity")&&!t.includes("scale"),d=h||t.includes("opacity"),u=h||t.includes("scale"),m={start(){d&&(e.style.opacity=r.first.opacity),u&&(e.style.transform=`scale(${r.first.scale/100})`)},during(){u&&(e.style.transformOrigin=r.origin),e.style.transitionProperty=[d?"opacity":"",u?"transform":""].join(" ").trim(),e.style.transitionDuration=r.duration/1e3+"s",e.style.transitionTimingFunction="cubic-bezier(0.4, 0.0, 0.2, 1)"},show(){i()},end(){d&&(e.style.opacity=r.second.opacity),u&&(e.style.transform=`scale(${r.second.scale/100})`)},hide(){s()},cleanup(){d&&(e.style.opacity=a),u&&(e.style.transform=l),u&&(e.style.transformOrigin=c),e.style.transitionProperty=null,e.style.transitionDuration=null,e.style.transitionTimingFunction=null}};q(e,m,o,n)}const I=(e,t,i)=>"function"==typeof e?i.evaluateReturnExpression(t,e):e;function F(e,t,i,s,n){H(e,x(I((i.find((e=>"enter"===e.value))||{expression:""}).expression,e,t)),x(I((i.find((e=>"enter-start"===e.value))||{expression:""}).expression,e,t)),x(I((i.find((e=>"enter-end"===e.value))||{expression:""}).expression,e,t)),s,(()=>{}),k,n)}function M(e,t,i,s,n){H(e,x(I((i.find((e=>"leave"===e.value))||{expression:""}).expression,e,t)),x(I((i.find((e=>"leave-start"===e.value))||{expression:""}).expression,e,t)),x(I((i.find((e=>"leave-end"===e.value))||{expression:""}).expression,e,t)),(()=>{}),s,L,n)}function H(e,t,i,s,n,r,o,a){e.__x_transition&&e.__x_transition.cancel&&e.__x_transition.cancel();const l=e.__x_original_classes||[],c={start(){e.classList.add(...i)},during(){e.classList.add(...t)},show(){n()},end(){e.classList.remove(...i.filter((e=>!l.includes(e)))),e.classList.add(...s)},hide(){r()},cleanup(){e.classList.remove(...t.filter((e=>!l.includes(e)))),e.classList.remove(...s.filter((e=>!l.includes(e))))}};q(e,c,o,a)}function q(e,t,i,s){const n=B((()=>{t.hide(),e.isConnected&&t.cleanup(),delete e.__x_transition}));e.__x_transition={type:i,cancel:B((()=>{s(A),n()})),finish:n,nextFrame:null},t.start(),t.during(),e.__x_transition.nextFrame=requestAnimationFrame((()=>{let i=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""));0===i&&(i=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),t.show(),e.__x_transition.nextFrame=requestAnimationFrame((()=>{t.end(),setTimeout(e.__x_transition.finish,i)}))}))}function D(e){return!Array.isArray(e)&&!isNaN(e)}function B(e){let t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function $(e,t,i,s,n){a(t,"x-for");let r=N("function"==typeof i?e.evaluateReturnExpression(t,i):i),o=z(e,t,r,n),l=t;o.forEach(((i,a)=>{let c=j(r,i,a,o,n()),h=V(e,t,a,c),d=U(l.nextElementSibling,h);d?(delete d.__x_for_key,d.__x_for=c,e.updateElements(d,(()=>d.__x_for))):(d=W(t,l),C(d,(()=>{}),(()=>{}),e,s),d.__x_for=c,e.initializeElements(d,(()=>d.__x_for))),l=d,l.__x_for_key=h})),K(l,e)}function N(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,i=/^\(|\)$/g,s=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,n=String(e).match(s);if(!n)return;let r={};r.items=n[2].trim();let o=n[1].trim().replace(i,""),a=o.match(t);return a?(r.item=o.replace(t,"").trim(),r.index=a[1].trim(),a[2]&&(r.collection=a[2].trim())):r.item=o,r}function j(e,t,s,n,r){let o=r?i({},r):{};return o[e.item]=t,e.index&&(o[e.index]=s),e.collection&&(o[e.collection]=n),o}function V(e,t,i,s){let n=b(t,e,"bind").filter((e=>"key"===e.value))[0];return n?e.evaluateReturnExpression(t,n.expression,(()=>s)):i}function z(e,t,i,s){let n=b(t,e,"if")[0];if(n&&!e.evaluateReturnExpression(t,n.expression))return[];let r=e.evaluateReturnExpression(t,i.items,s);return D(r)&&r>=0&&(r=Array.from(Array(r).keys(),(e=>e+1))),r}function W(e,t){let i=document.importNode(e.content,!0);return t.parentElement.insertBefore(i,t.nextElementSibling),t.nextElementSibling}function U(e,t){if(!e)return;if(void 0===e.__x_for_key)return;if(e.__x_for_key===t)return e;let i=e;for(;i;){if(i.__x_for_key===t)return i.parentElement.insertBefore(i,e);i=!(!i.nextElementSibling||void 0===i.nextElementSibling.__x_for_key)&&i.nextElementSibling}}function K(e,t){for(var i=!(!e.nextElementSibling||void 0===e.nextElementSibling.__x_for_key)&&e.nextElementSibling;i;){let e=i,s=i.nextElementSibling;R(i,(()=>{e.remove()}),(()=>{}),t),i=!(!s||void 0===s.__x_for_key)&&s}}function G(e,t,i,s,r,a,l){var h=e.evaluateReturnExpression(t,s,r);if("value"===i){if(Ue.ignoreFocusedForValueBinding&&document.activeElement.isSameNode(t))return;if(void 0===h&&String(s).match(/\./)&&(h=""),"radio"===t.type)void 0===t.attributes.value&&"bind"===a?t.value=h:"bind"!==a&&(t.checked=o(t.value,h));else if("checkbox"===t.type)"boolean"==typeof h||[null,void 0].includes(h)||"bind"!==a?"bind"!==a&&(Array.isArray(h)?t.checked=h.some((e=>o(e,t.value))):t.checked=!!h):t.value=String(h);else if("SELECT"===t.tagName)X(t,h);else{if(t.value===h)return;t.value=h}}else if("class"===i)if(Array.isArray(h)){const e=t.__x_original_classes||[];t.setAttribute("class",n(e.concat(h)).join(" "))}else if("object"==typeof h)Object.keys(h).sort(((e,t)=>h[e]-h[t])).forEach((e=>{h[e]?x(e).forEach((e=>t.classList.add(e))):x(e).forEach((e=>t.classList.remove(e)))}));else{const e=t.__x_original_classes||[],i=h?x(h):[];t.setAttribute("class",n(e.concat(i)).join(" "))}else i=l.includes("camel")?c(i):i,[null,void 0,!1].includes(h)?t.removeAttribute(i):E(i)?J(t,i,i):J(t,i,h)}function J(e,t,i){e.getAttribute(t)!=i&&e.setAttribute(t,i)}function X(e,t){const i=[].concat(t).map((e=>e+""));Array.from(e.options).forEach((e=>{e.selected=i.includes(e.value||e.text)}))}function Y(e,t,i){void 0===t&&String(i).match(/\./)&&(t=""),e.textContent=t}function Z(e,t,i,s){t.innerHTML=e.evaluateReturnExpression(t,i,s)}function Q(e,t,i,s,n=!1){const r=()=>{t.style.display="none",t.__x_is_shown=!1},o=()=>{1===t.style.length&&"none"===t.style.display?t.removeAttribute("style"):t.style.removeProperty("display"),t.__x_is_shown=!0};if(!0===n)return void(i?o():r());const a=(s,n)=>{i?(("none"===t.style.display||t.__x_transition)&&C(t,(()=>{o()}),n,e),s((()=>{}))):"none"!==t.style.display?R(t,(()=>{s((()=>{r()}))}),n,e):s((()=>{}))};s.includes("immediate")?a((e=>e()),(()=>{})):(e.showDirectiveLastElement&&!e.showDirectiveLastElement.contains(t)&&e.executeAndClearRemainingShowDirectiveStack(),e.showDirectiveStack.push(a),e.showDirectiveLastElement=t)}function ee(e,t,i,s,n){a(t,"x-if");const r=t.nextElementSibling&&!0===t.nextElementSibling.__x_inserted_me;if(!i||r&&!t.__x_transition)!i&&r&&R(t.nextElementSibling,(()=>{t.nextElementSibling.remove()}),(()=>{}),e,s);else{const i=document.importNode(t.content,!0);t.parentElement.insertBefore(i,t.nextElementSibling),C(t.nextElementSibling,(()=>{}),(()=>{}),e,s),e.initializeElements(t.nextElementSibling,n),t.nextElementSibling.__x_inserted_me=!0}}function te(e,t,i,s,n,r={}){const o={passive:s.includes("passive")};let a,l;if(s.includes("camel")&&(i=c(i)),s.includes("away")?(l=document,a=l=>{t.contains(l.target)||t.offsetWidth<1&&t.offsetHeight<1||(ie(e,n,l,r),s.includes("once")&&document.removeEventListener(i,a,o))}):(l=s.includes("window")?window:s.includes("document")?document:t,a=c=>{l!==window&&l!==document||document.body.contains(t)?se(i)&&ne(c,s)||(s.includes("prevent")&&c.preventDefault(),s.includes("stop")&&c.stopPropagation(),s.includes("self")&&c.target!==t)||ie(e,n,c,r).then((e=>{!1===e?c.preventDefault():s.includes("once")&&l.removeEventListener(i,a,o)})):l.removeEventListener(i,a,o)}),s.includes("debounce")){let e=s[s.indexOf("debounce")+1]||"invalid-wait",t=D(e.split("ms")[0])?Number(e.split("ms")[0]):250;a=d(a,t)}l.addEventListener(i,a,o)}function ie(e,t,s,n){return e.evaluateCommandExpression(s.target,t,(()=>i(i({},n()),{},{$event:s})))}function se(e){return["keydown","keyup"].includes(e)}function ne(e,t){let i=t.filter((e=>!["window","document","prevent","stop"].includes(e)));if(i.includes("debounce")){let e=i.indexOf("debounce");i.splice(e,D((i[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===i.length)return!1;if(1===i.length&&i[0]===re(e.key))return!1;const s=["ctrl","shift","alt","meta","cmd","super"].filter((e=>i.includes(e)));return i=i.filter((e=>!s.includes(e))),!(s.length>0&&s.filter((t=>("cmd"!==t&&"super"!==t||(t="meta"),e[`${t}Key`]))).length===s.length&&i[0]===re(e.key))}function re(e){switch(e){case"/":return"slash";case" ":case"Spacebar":return"space";default:return e&&l(e)}}function oe(e,t,s,n,r){var o="select"===t.tagName.toLowerCase()||["checkbox","radio"].includes(t.type)||s.includes("lazy")?"change":"input";te(e,t,o,s,`${n} = rightSideOfExpression($event, ${n})`,(()=>i(i({},r()),{},{rightSideOfExpression:ae(t,s,n)})))}function ae(e,t,i){return"radio"===e.type&&(e.hasAttribute("name")||e.setAttribute("name",i)),(i,s)=>{if(i instanceof CustomEvent&&i.detail)return i.detail;if("checkbox"===e.type){if(Array.isArray(s)){const e=t.includes("number")?le(i.target.value):i.target.value;return i.target.checked?s.concat([e]):s.filter((t=>!o(t,e)))}return i.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(i.target.selectedOptions).map((e=>le(e.value||e.text))):Array.from(i.target.selectedOptions).map((e=>e.value||e.text));{const e=i.target.value;return t.includes("number")?le(e):t.includes("trim")?e.trim():e}}}function le(e){const t=e?parseFloat(e):null;return D(t)?t:e}const{isArray:ce}=Array,{getPrototypeOf:he,create:de,defineProperty:ue,defineProperties:me,isExtensible:pe,getOwnPropertyDescriptor:fe,getOwnPropertyNames:ge,getOwnPropertySymbols:ve,preventExtensions:be,hasOwnProperty:ye}=Object,{push:we,concat:Ee,map:Se}=Array.prototype;function xe(e){return void 0===e}function ke(e){return"function"==typeof e}function Le(e){return"object"==typeof e}const Ae=new WeakMap;function Ce(e,t){Ae.set(e,t)}const Re=e=>Ae.get(e)||e;function _e(e,t){return e.valueIsObservable(t)?e.getProxy(t):t}function Oe(e){return ye.call(e,"value")&&(e.value=Re(e.value)),e}function Te(e,t,i){Ee.call(ge(i),ve(i)).forEach((s=>{let n=fe(i,s);n.configurable||(n=Ne(e,n,_e)),ue(t,s,n)})),be(t)}class Pe{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{originalTarget:i,membrane:s}=this,n=i[t],{valueObserved:r}=s;return r(i,t),s.getProxy(n)}set(e,t,i){const{originalTarget:s,membrane:{valueMutated:n}}=this;return s[t]!==i?(s[t]=i,n(s,t)):"length"===t&&ce(s)&&n(s,t),!0}deleteProperty(e,t){const{originalTarget:i,membrane:{valueMutated:s}}=this;return delete i[t],s(i,t),!0}apply(e,t,i){}construct(e,t,i){}has(e,t){const{originalTarget:i,membrane:{valueObserved:s}}=this;return s(i,t),t in i}ownKeys(e){const{originalTarget:t}=this;return Ee.call(ge(t),ve(t))}isExtensible(e){const t=pe(e);if(!t)return t;const{originalTarget:i,membrane:s}=this,n=pe(i);return n||Te(s,e,i),n}setPrototypeOf(e,t){}getPrototypeOf(e){const{originalTarget:t}=this;return he(t)}getOwnPropertyDescriptor(e,t){const{originalTarget:i,membrane:s}=this,{valueObserved:n}=this.membrane;n(i,t);let r=fe(i,t);if(xe(r))return r;const o=fe(e,t);return xe(o)?(r=Ne(s,r,_e),r.configurable||ue(e,t,r),r):o}preventExtensions(e){const{originalTarget:t,membrane:i}=this;return Te(i,e,t),be(t),!0}defineProperty(e,t,i){const{originalTarget:s,membrane:n}=this,{valueMutated:r}=n,{configurable:o}=i;if(ye.call(i,"writable")&&!ye.call(i,"value")){const e=fe(s,t);i.value=e.value}return ue(s,t,Oe(i)),!1===o&&ue(e,t,Ne(n,i,_e)),r(s,t),!0}}function Ie(e,t){return e.valueIsObservable(t)?e.getReadOnlyProxy(t):t}class Fe{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{membrane:i,originalTarget:s}=this,n=s[t],{valueObserved:r}=i;return r(s,t),i.getReadOnlyProxy(n)}set(e,t,i){return!1}deleteProperty(e,t){return!1}apply(e,t,i){}construct(e,t,i){}has(e,t){const{originalTarget:i,membrane:{valueObserved:s}}=this;return s(i,t),t in i}ownKeys(e){const{originalTarget:t}=this;return Ee.call(ge(t),ve(t))}setPrototypeOf(e,t){}getOwnPropertyDescriptor(e,t){const{originalTarget:i,membrane:s}=this,{valueObserved:n}=s;n(i,t);let r=fe(i,t);if(xe(r))return r;const o=fe(e,t);return xe(o)?(r=Ne(s,r,Ie),ye.call(r,"set")&&(r.set=void 0),r.configurable||ue(e,t,r),r):o}preventExtensions(e){return!1}defineProperty(e,t,i){return!1}}function Me(e){let t;return ce(e)?t=[]:Le(e)&&(t={}),t}const He=Object.prototype;function qe(e){if(null===e)return!1;if("object"!=typeof e)return!1;if(ce(e))return!0;const t=he(e);return t===He||null===t||null===he(t)}const De=(e,t)=>{},Be=(e,t)=>{},$e=e=>e;function Ne(e,t,i){const{set:s,get:n}=t;return ye.call(t,"value")?t.value=i(e,t.value):(xe(n)||(t.get=function(){return i(e,n.call(Re(this)))}),xe(s)||(t.set=function(t){s.call(Re(this),e.unwrapProxy(t))})),t}class je{constructor(e){if(this.valueDistortion=$e,this.valueMutated=Be,this.valueObserved=De,this.valueIsObservable=qe,this.objectGraph=new WeakMap,!xe(e)){const{valueDistortion:t,valueMutated:i,valueObserved:s,valueIsObservable:n}=e;this.valueDistortion=ke(t)?t:$e,this.valueMutated=ke(i)?i:Be,this.valueObserved=ke(s)?s:De,this.valueIsObservable=ke(n)?n:qe}}getProxy(e){const t=Re(e),i=this.valueDistortion(t);if(this.valueIsObservable(i)){const s=this.getReactiveState(t,i);return s.readOnly===e?e:s.reactive}return i}getReadOnlyProxy(e){e=Re(e);const t=this.valueDistortion(e);return this.valueIsObservable(t)?this.getReactiveState(e,t).readOnly:t}unwrapProxy(e){return Re(e)}getReactiveState(e,t){const{objectGraph:i}=this;let s=i.get(t);if(s)return s;const n=this;return s={get reactive(){const i=new Pe(n,t),s=new Proxy(Me(t),i);return Ce(s,e),ue(this,"reactive",{value:s}),s},get readOnly(){const i=new Fe(n,t),s=new Proxy(Me(t),i);return Ce(s,e),ue(this,"readOnly",{value:s}),s}},i.set(t,s),s}}function Ve(e,t){let i=new je({valueMutated(e,i){t(e,i)}});return{data:i.getProxy(e),membrane:i}}function ze(e,t){let i=e.unwrapProxy(t),s={};return Object.keys(i).forEach((e=>{["$el","$refs","$nextTick","$watch"].includes(e)||(s[e]=i[e])})),s}class We{constructor(e,t=null){this.$el=e;const i=this.$el.getAttribute("x-data"),s=""===i?"{}":i,n=this.$el.getAttribute("x-init");let r={$el:this.$el},o=t?t.$el:this.$el;Object.entries(Ue.magicProperties).forEach((([e,t])=>{Object.defineProperty(r,`$${e}`,{get:function(){return t(o)}})})),this.unobservedData=t?t.getUnobservedData():p(e,s,r);let{membrane:a,data:l}=this.wrapDataInObservable(this.unobservedData);var c;this.$data=l,this.membrane=a,this.unobservedData.$el=this.$el,this.unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],this.unobservedData.$nextTick=e=>{this.nextTickStack.push(e)},this.watchers={},this.unobservedData.$watch=(e,t)=>{this.watchers[e]||(this.watchers[e]=[]),this.watchers[e].push(t)},Object.entries(Ue.magicProperties).forEach((([e,t])=>{Object.defineProperty(this.unobservedData,`$${e}`,{get:function(){return t(o,this.$el)}})})),this.showDirectiveStack=[],this.showDirectiveLastElement,t||Ue.onBeforeComponentInitializeds.forEach((e=>e(this))),n&&!t&&(this.pauseReactivity=!0,c=this.evaluateReturnExpression(this.$el,n),this.pauseReactivity=!1),this.initializeElements(this.$el,(()=>{}),t),this.listenForNewElementsToInitialize(),"function"==typeof c&&c.call(this.$data),t||setTimeout((()=>{Ue.onComponentInitializeds.forEach((e=>e(this)))}),0)}getUnobservedData(){return ze(this.membrane,this.$data)}wrapDataInObservable(e){var t=this;let i=d((function(){t.updateElements(t.$el)}),0);return Ve(e,((e,s)=>{t.watchers[s]?t.watchers[s].forEach((t=>t(e[s]))):Array.isArray(e)?Object.keys(t.watchers).forEach((i=>{let n=i.split(".");"length"!==s&&n.reduce(((s,n)=>(Object.is(e,s[n])&&t.watchers[i].forEach((t=>t(e))),s[n])),t.unobservedData)})):Object.keys(t.watchers).filter((e=>e.includes("."))).forEach((i=>{let n=i.split(".");s===n[n.length-1]&&n.reduce(((n,r)=>(Object.is(e,n)&&t.watchers[i].forEach((t=>t(e[s]))),n[r])),t.unobservedData)})),t.pauseReactivity||i()}))}walkAndSkipNestedComponents(e,t,i=(()=>{})){h(e,(e=>e.hasAttribute("x-data")&&!e.isSameNode(this.$el)?(e.__x||i(e),!1):t(e)))}initializeElements(e,t=(()=>{}),i=!1){this.walkAndSkipNestedComponents(e,(e=>void 0===e.__x_for_key&&void 0===e.__x_inserted_me&&void this.initializeElement(e,t,!i)),(e=>{i||(e.__x=new We(e))})),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}initializeElement(e,t,i=!0){e.hasAttribute("class")&&b(e,this).length>0&&(e.__x_original_classes=x(e.getAttribute("class"))),i&&this.registerListeners(e,t),this.resolveBoundAttributes(e,!0,t)}updateElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,(e=>{if(void 0!==e.__x_for_key&&!e.isSameNode(this.$el))return!1;this.updateElement(e,t)}),(e=>{e.__x=new We(e)})),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}executeAndClearNextTickStack(e){e===this.$el&&this.nextTickStack.length>0&&requestAnimationFrame((()=>{for(;this.nextTickStack.length>0;)this.nextTickStack.shift()()}))}executeAndClearRemainingShowDirectiveStack(){this.showDirectiveStack.reverse().map((e=>new Promise(((t,i)=>{e(t,i)})))).reduce(((e,t)=>e.then((()=>t.then((e=>{e()}))))),Promise.resolve((()=>{}))).catch((e=>{if(e!==A)throw e})),this.showDirectiveStack=[],this.showDirectiveLastElement=void 0}updateElement(e,t){this.resolveBoundAttributes(e,!1,t)}registerListeners(e,t){b(e,this).forEach((({type:i,value:s,modifiers:n,expression:r})=>{switch(i){case"on":te(this,e,s,n,r,t);break;case"model":oe(this,e,n,r,t)}}))}resolveBoundAttributes(e,t=!1,i){let s=b(e,this);s.forEach((({type:n,value:r,modifiers:o,expression:a})=>{switch(n){case"model":G(this,e,"value",a,i,n,o);break;case"bind":if("template"===e.tagName.toLowerCase()&&"key"===r)return;G(this,e,r,a,i,n,o);break;case"text":var l=this.evaluateReturnExpression(e,a,i);Y(e,l,a);break;case"html":Z(this,e,a,i);break;case"show":l=this.evaluateReturnExpression(e,a,i),Q(this,e,l,o,t);break;case"if":if(s.some((e=>"for"===e.type)))return;l=this.evaluateReturnExpression(e,a,i),ee(this,e,l,t,i);break;case"for":$(this,e,a,t,i);break;case"cloak":e.removeAttribute("x-cloak")}}))}evaluateReturnExpression(e,t,s=(()=>{})){return p(e,t,this.$data,i(i({},s()),{},{$dispatch:this.getDispatchFunction(e)}))}evaluateCommandExpression(e,t,s=(()=>{})){return f(e,t,this.$data,i(i({},s()),{},{$dispatch:this.getDispatchFunction(e)}))}getDispatchFunction(e){return(t,i={})=>{e.dispatchEvent(new CustomEvent(t,{detail:i,bubbles:!0}))}}listenForNewElementsToInitialize(){const e=this.$el,t={childList:!0,attributes:!0,subtree:!0};new MutationObserver((e=>{for(let t=0;t<e.length;t++){const i=e[t].target.closest("[x-data]");if(i&&i.isSameNode(this.$el)){if("attributes"===e[t].type&&"x-data"===e[t].attributeName){const i=e[t].target.getAttribute("x-data")||"{}",s=p(this.$el,i,{$el:this.$el});Object.keys(s).forEach((e=>{this.$data[e]!==s[e]&&(this.$data[e]=s[e])}))}e[t].addedNodes.length>0&&e[t].addedNodes.forEach((e=>{1!==e.nodeType||e.__x_inserted_me||(!e.matches("[x-data]")||e.__x?this.initializeElements(e):e.__x=new We(e))}))}}})).observe(e,t)}getRefsProxy(){var e=this;return new Proxy({},{get(t,i){return"$isAlpineProxy"===i||(e.walkAndSkipNestedComponents(e.$el,(e=>{e.hasAttribute("x-ref")&&e.getAttribute("x-ref")===i&&(s=e)})),s);var s}})}}const Ue={version:"2.8.2",pauseMutationObserver:!1,magicProperties:{},onComponentInitializeds:[],onBeforeComponentInitializeds:[],ignoreFocusedForValueBinding:!1,start:async function(){r()||await s(),this.discoverComponents((e=>{this.initializeComponent(e)})),document.addEventListener("turbolinks:load",(()=>{this.discoverUninitializedComponents((e=>{this.initializeComponent(e)}))})),this.listenForNewUninitializedComponentsAtRunTime()},discoverComponents:function(e){document.querySelectorAll("[x-data]").forEach((t=>{e(t)}))},discoverUninitializedComponents:function(e,t=null){const i=(t||document).querySelectorAll("[x-data]");Array.from(i).filter((e=>void 0===e.__x)).forEach((t=>{e(t)}))},listenForNewUninitializedComponentsAtRunTime:function(){const e=document.querySelector("body"),t={childList:!0,attributes:!0,subtree:!0};new MutationObserver((e=>{if(!this.pauseMutationObserver)for(let t=0;t<e.length;t++)e[t].addedNodes.length>0&&e[t].addedNodes.forEach((e=>{1===e.nodeType&&(e.parentElement&&e.parentElement.closest("[x-data]")||this.discoverUninitializedComponents((e=>{this.initializeComponent(e)}),e.parentElement))}))})).observe(e,t)},initializeComponent:function(e){if(!e.__x)try{e.__x=new We(e)}catch(e){setTimeout((()=>{throw e}),0)}},clone:function(e,t){t.__x||(t.__x=new We(t,e))},addMagicProperty:function(e,t){this.magicProperties[e]=t},onComponentInitialized:function(e){this.onComponentInitializeds.push(e)},onBeforeComponentInitialized:function(e){this.onBeforeComponentInitializeds.push(e)}};return r()||(window.Alpine=Ue,window.deferLoadingAlpine?window.deferLoadingAlpine((function(){window.Alpine.start()})):window.Alpine.start()),Ue}()},249:(e,t,i)=>{"use strict";!function(){if(void 0===window.Reflect||void 0===window.customElements||window.customElements.polyfillWrapFlushCallback)return;const e=HTMLElement,t=function(){return Reflect.construct(e,[],this.constructor)};window.HTMLElement=t,HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}();const s=new WeakMap;function n(e){const t=function(e){const t=e instanceof Element?e:e instanceof Node?e.parentElement:null,i=t?t.closest("input, button"):null;return"submit"==(null==i?void 0:i.type)?i:null}(e.target);t&&t.form&&s.set(t.form,t)}var r,o,a,l;"SubmitEvent"in window||(addEventListener("click",n,!0),Object.defineProperty(Event.prototype,"submitter",{get(){if("submit"==this.type&&this.target instanceof HTMLFormElement)return s.get(this.target)}})),function(e){e.eager="eager",e.lazy="lazy"}(r||(r={}));class c extends HTMLElement{constructor(){super(),this.loaded=Promise.resolve(),this.delegate=new c.delegateConstructor(this)}static get observedAttributes(){return["loading","src"]}connectedCallback(){this.delegate.connect()}disconnectedCallback(){this.delegate.disconnect()}attributeChangedCallback(e){"loading"==e?this.delegate.loadingStyleChanged():"src"==e&&this.delegate.sourceURLChanged()}get src(){return this.getAttribute("src")}set src(e){e?this.setAttribute("src",e):this.removeAttribute("src")}get loading(){return function(e){switch(e.toLowerCase()){case"lazy":return r.lazy;default:return r.eager}}(this.getAttribute("loading")||"")}set loading(e){e?this.setAttribute("loading",e):this.removeAttribute("loading")}get disabled(){return this.hasAttribute("disabled")}set disabled(e){e?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get autoscroll(){return this.hasAttribute("autoscroll")}set autoscroll(e){e?this.setAttribute("autoscroll",""):this.removeAttribute("autoscroll")}get complete(){return!this.delegate.isLoading}get isActive(){return this.ownerDocument===document&&!this.isPreview}get isPreview(){var e,t;return null===(t=null===(e=this.ownerDocument)||void 0===e?void 0:e.documentElement)||void 0===t?void 0:t.hasAttribute("data-turbo-preview")}}function h(e){const t=document.createElement("a");return t.href=e.toString(),new URL(t.href)}function d(e){let t;return e.hash?e.hash.slice(1):(t=e.href.match(/#(.*)$/))?t[1]:""}function u(e){return(function(e){return function(e){return e.pathname.split("/").slice(1)}(e).slice(-1)[0]}(e).match(/\.[^.]*$/)||[])[0]||""}function m(e,t){const i=function(e){return t=e.origin+e.pathname,t.endsWith("/")?t:t+"/";var t}(t);return e.href===h(i).href||e.href.startsWith(i)}function p(e){const t=e.hash.length;return t<2?e.href:e.href.slice(0,-t)}class f{constructor(e){this.response=e}get succeeded(){return this.response.ok}get failed(){return!this.succeeded}get clientError(){return this.statusCode>=400&&this.statusCode<=499}get serverError(){return this.statusCode>=500&&this.statusCode<=599}get redirected(){return this.response.redirected}get location(){return h(this.response.url)}get isHTML(){return this.contentType&&this.contentType.match(/^(?:text\/([^\s;,]+\b)?html|application\/xhtml\+xml)\b/)}get statusCode(){return this.response.status}get contentType(){return this.header("Content-Type")}get responseText(){return this.response.text()}get responseHTML(){return this.isHTML?this.response.text():Promise.resolve(void 0)}header(e){return this.response.headers.get(e)}}function g(e,{target:t,cancelable:i,detail:s}={}){const n=new CustomEvent(e,{cancelable:i,bubbles:!0,detail:s});return(t||document.documentElement).dispatchEvent(n),n}function v(){return new Promise((e=>requestAnimationFrame((()=>e()))))}function b(e=""){return(new DOMParser).parseFromString(e,"text/html")}function y(e,...t){const i=function(e,t){return e.reduce(((e,i,s)=>e+i+(null==t[s]?"":t[s])),"")}(e,t).replace(/^\n/,"").split("\n"),s=i[0].match(/^\s+/),n=s?s[0].length:0;return i.map((e=>e.slice(n))).join("\n")}function w(){return Array.apply(null,{length:36}).map(((e,t)=>8==t||13==t||18==t||23==t?"-":14==t?"4":19==t?(Math.floor(4*Math.random())+8).toString(16):Math.floor(15*Math.random()).toString(16))).join("")}!function(e){e[e.get=0]="get",e[e.post=1]="post",e[e.put=2]="put",e[e.patch=3]="patch",e[e.delete=4]="delete"}(o||(o={}));class E{constructor(e,t,i,s=new URLSearchParams){this.abortController=new AbortController,this.delegate=e,this.method=t,this.isIdempotent?this.url=function(e,t){const i=new URLSearchParams(e.search);for(const[s,n]of t)n instanceof File||(i.has(s)?(i.delete(s),e.searchParams.set(s,n)):e.searchParams.append(s,n));return e}(i,[...s.entries()]):(this.body=s,this.url=i)}get location(){return this.url}get params(){return this.url.searchParams}get entries(){return this.body?Array.from(this.body.entries()):[]}cancel(){this.abortController.abort()}async perform(){const{fetchOptions:e}=this;g("turbo:before-fetch-request",{detail:{fetchOptions:e}});try{this.delegate.requestStarted(this);const t=await fetch(this.url.href,e);return await this.receive(t)}catch(e){throw this.delegate.requestErrored(this,e),e}finally{this.delegate.requestFinished(this)}}async receive(e){const t=new f(e);return g("turbo:before-fetch-response",{cancelable:!0,detail:{fetchResponse:t}}).defaultPrevented?this.delegate.requestPreventedHandlingResponse(this,t):t.succeeded?this.delegate.requestSucceededWithResponse(this,t):this.delegate.requestFailedWithResponse(this,t),t}get fetchOptions(){return{method:o[this.method].toUpperCase(),credentials:"same-origin",headers:this.headers,redirect:"follow",body:this.body,signal:this.abortSignal}}get isIdempotent(){return this.method==o.get}get headers(){const e=Object.assign({},this.defaultHeaders);return"function"==typeof this.delegate.prepareHeadersForRequest&&this.delegate.prepareHeadersForRequest(e,this),e}get abortSignal(){return this.abortController.signal}get defaultHeaders(){return{Accept:"text/html, application/xhtml+xml"}}}class S{constructor(e,t){this.started=!1,this.intersect=e=>{const t=e.slice(-1)[0];(null==t?void 0:t.isIntersecting)&&this.delegate.elementAppearedInViewport(this.element)},this.delegate=e,this.element=t,this.intersectionObserver=new IntersectionObserver(this.intersect)}start(){this.started||(this.started=!0,this.intersectionObserver.observe(this.element))}stop(){this.started&&(this.started=!1,this.intersectionObserver.unobserve(this.element))}}class x{constructor(e){this.templateElement=document.createElement("template"),this.templateElement.innerHTML=e}static wrap(e){return"string"==typeof e?new this(e):e}get fragment(){const e=document.createDocumentFragment();for(const t of this.foreignElements)e.appendChild(document.importNode(t,!0));return e}get foreignElements(){return this.templateChildren.reduce(((e,t)=>"turbo-stream"==t.tagName.toLowerCase()?[...e,t]:e),[])}get templateChildren(){return Array.from(this.templateElement.content.children)}}x.contentType="text/vnd.turbo-stream.html",function(e){e[e.initialized=0]="initialized",e[e.requesting=1]="requesting",e[e.waiting=2]="waiting",e[e.receiving=3]="receiving",e[e.stopping=4]="stopping",e[e.stopped=5]="stopped"}(a||(a={})),function(e){e.urlEncoded="application/x-www-form-urlencoded",e.multipart="multipart/form-data",e.plain="text/plain"}(l||(l={}));class k{constructor(e,t,i,s=!1){this.state=a.initialized,this.delegate=e,this.formElement=t,this.submitter=i,this.formData=function(e,t){const i=new FormData(e),s=null==t?void 0:t.getAttribute("name"),n=null==t?void 0:t.getAttribute("value");s&&i.get(s)!=n&&i.append(s,n||"");return i}(t,i),this.fetchRequest=new E(this,this.method,this.location,this.body),this.mustRedirect=s}get method(){var e;return function(e){switch(e.toLowerCase()){case"get":return o.get;case"post":return o.post;case"put":return o.put;case"patch":return o.patch;case"delete":return o.delete}}(((null===(e=this.submitter)||void 0===e?void 0:e.getAttribute("formmethod"))||this.formElement.getAttribute("method")||"").toLowerCase())||o.get}get action(){var e;return(null===(e=this.submitter)||void 0===e?void 0:e.getAttribute("formaction"))||this.formElement.action}get location(){return h(this.action)}get body(){return this.enctype==l.urlEncoded||this.method==o.get?new URLSearchParams(this.stringFormData):this.formData}get enctype(){var e;return function(e){switch(e.toLowerCase()){case l.multipart:return l.multipart;case l.plain:return l.plain;default:return l.urlEncoded}}((null===(e=this.submitter)||void 0===e?void 0:e.getAttribute("formenctype"))||this.formElement.enctype)}get stringFormData(){return[...this.formData].reduce(((e,[t,i])=>e.concat("string"==typeof i?[[t,i]]:[])),[])}async start(){const{initialized:e,requesting:t}=a;if(this.state==e)return this.state=t,this.fetchRequest.perform()}stop(){const{stopping:e,stopped:t}=a;if(this.state!=e&&this.state!=t)return this.state=e,this.fetchRequest.cancel(),!0}prepareHeadersForRequest(e,t){if(!t.isIdempotent){const t=function(e){if(null!=e){const t=(document.cookie?document.cookie.split("; "):[]).find((t=>t.startsWith(e)));if(t){const e=t.split("=").slice(1).join("=");return e?decodeURIComponent(e):void 0}}}(L("csrf-param"))||L("csrf-token");t&&(e["X-CSRF-Token"]=t),e.Accept=[x.contentType,e.Accept].join(", ")}}requestStarted(e){this.state=a.waiting,g("turbo:submit-start",{target:this.formElement,detail:{formSubmission:this}}),this.delegate.formSubmissionStarted(this)}requestPreventedHandlingResponse(e,t){this.result={success:t.succeeded,fetchResponse:t}}requestSucceededWithResponse(e,t){if(t.clientError||t.serverError)this.delegate.formSubmissionFailedWithResponse(this,t);else if(this.requestMustRedirect(e)&&function(e){return 200==e.statusCode&&!e.redirected}(t)){const e=new Error("Form responses must redirect to another location");this.delegate.formSubmissionErrored(this,e)}else this.state=a.receiving,this.result={success:!0,fetchResponse:t},this.delegate.formSubmissionSucceededWithResponse(this,t)}requestFailedWithResponse(e,t){this.result={success:!1,fetchResponse:t},this.delegate.formSubmissionFailedWithResponse(this,t)}requestErrored(e,t){this.result={success:!1,error:t},this.delegate.formSubmissionErrored(this,t)}requestFinished(e){this.state=a.stopped,g("turbo:submit-end",{target:this.formElement,detail:Object.assign({formSubmission:this},this.result)}),this.delegate.formSubmissionFinished(this)}requestMustRedirect(e){return!e.isIdempotent&&this.mustRedirect}}function L(e){const t=document.querySelector(`meta[name="${e}"]`);return t&&t.content}class A{constructor(e){this.element=e}get children(){return[...this.element.children]}hasAnchor(e){return null!=this.getElementForAnchor(e)}getElementForAnchor(e){try{return this.element.querySelector(`[id='${e}'], a[name='${e}']`)}catch(e){return null}}get firstAutofocusableElement(){return this.element.querySelector("[autofocus]")}get permanentElements(){return[...this.element.querySelectorAll("[id][data-turbo-permanent]")]}getPermanentElementById(e){return this.element.querySelector(`#${e}[data-turbo-permanent]`)}getPermanentElementsPresentInSnapshot(e){return this.permanentElements.filter((({id:t})=>e.getPermanentElementById(t)))}}class C{constructor(e,t){this.submitBubbled=e=>{if(e.target instanceof HTMLFormElement){const t=e.target,i=e.submitter||void 0;this.delegate.shouldInterceptFormSubmission(t,i)&&(e.preventDefault(),e.stopImmediatePropagation(),this.delegate.formSubmissionIntercepted(t,i))}},this.delegate=e,this.element=t}start(){this.element.addEventListener("submit",this.submitBubbled)}stop(){this.element.removeEventListener("submit",this.submitBubbled)}}class R{constructor(e,t){this.delegate=e,this.element=t}scrollToAnchor(e){const t=this.snapshot.getElementForAnchor(e);t?this.scrollToElement(t):this.scrollToPosition({x:0,y:0})}scrollToElement(e){e.scrollIntoView()}scrollToPosition({x:e,y:t}){this.scrollRoot.scrollTo(e,t)}get scrollRoot(){return window}async render(e){if(this.renderer)throw new Error("rendering is already in progress");const{isPreview:t,shouldRender:i,newSnapshot:s}=e;if(i)try{this.renderer=e,this.prepareToRenderSnapshot(e),this.delegate.viewWillRenderSnapshot(s,t),await this.renderSnapshot(e),this.delegate.viewRenderedSnapshot(s,t),this.finishRenderingSnapshot(e)}finally{delete this.renderer}else this.invalidate()}invalidate(){this.delegate.viewInvalidated()}prepareToRenderSnapshot(e){this.markAsPreview(e.isPreview),e.prepareToRender()}markAsPreview(e){e?this.element.setAttribute("data-turbo-preview",""):this.element.removeAttribute("data-turbo-preview")}async renderSnapshot(e){await e.render()}finishRenderingSnapshot(e){e.finishRendering()}}class _ extends R{invalidate(){this.element.innerHTML=""}get snapshot(){return new A(this.element)}}class O{constructor(e,t){this.clickBubbled=e=>{this.respondsToEventTarget(e.target)?this.clickEvent=e:delete this.clickEvent},this.linkClicked=e=>{this.clickEvent&&this.respondsToEventTarget(e.target)&&e.target instanceof Element&&this.delegate.shouldInterceptLinkClick(e.target,e.detail.url)&&(this.clickEvent.preventDefault(),e.preventDefault(),this.delegate.linkClickIntercepted(e.target,e.detail.url)),delete this.clickEvent},this.willVisit=()=>{delete this.clickEvent},this.delegate=e,this.element=t}start(){this.element.addEventListener("click",this.clickBubbled),document.addEventListener("turbo:click",this.linkClicked),document.addEventListener("turbo:before-visit",this.willVisit)}stop(){this.element.removeEventListener("click",this.clickBubbled),document.removeEventListener("turbo:click",this.linkClicked),document.removeEventListener("turbo:before-visit",this.willVisit)}respondsToEventTarget(e){const t=e instanceof Element?e:e instanceof Node?e.parentElement:null;return t&&t.closest("turbo-frame, html")==this.element}}class T{constructor(e,t,i){this.currentSnapshot=e,this.newSnapshot=t,this.isPreview=i,this.promise=new Promise(((e,t)=>this.resolvingFunctions={resolve:e,reject:t}))}get shouldRender(){return!0}prepareToRender(){}finishRendering(){this.resolvingFunctions&&(this.resolvingFunctions.resolve(),delete this.resolvingFunctions)}createScriptElement(e){if("false"==e.getAttribute("data-turbo-eval"))return e;{const t=document.createElement("script");return t.textContent=e.textContent,t.async=!1,function(e,t){for(const{name:i,value:s}of[...t.attributes])e.setAttribute(i,s)}(t,e),t}}preservingPermanentElements(e){const t=(i=this.currentSnapshot,s=this.newSnapshot,i.getPermanentElementsPresentInSnapshot(s).reduce(((e,t)=>{const i=s.getPermanentElementById(t.id);if(i){const s=function(e){const t=document.createElement("meta");return t.setAttribute("name","turbo-permanent-placeholder"),t.setAttribute("content",e.id),{element:t,permanentElement:e}}(t);return P(t,s.element),P(i,t),[...e,s]}return e}),[]));var i,s;e(),function(e){for(const{element:t,permanentElement:i}of e){P(t,i.cloneNode(!0))}}(t)}focusFirstAutofocusableElement(){const e=this.newSnapshot.firstAutofocusableElement;(function(e){return e&&"function"==typeof e.focus})(e)&&e.focus()}get currentElement(){return this.currentSnapshot.element}get newElement(){return this.newSnapshot.element}}function P(e,t){const i=e.parentElement;if(i)return i.replaceChild(t,e)}class I extends T{get shouldRender(){return!0}async render(){await v(),this.preservingPermanentElements((()=>{this.loadFrameElement()})),this.scrollFrameIntoView(),await v(),this.focusFirstAutofocusableElement()}loadFrameElement(){var e;const t=document.createRange();t.selectNodeContents(this.currentElement),t.deleteContents();const i=this.newElement,s=null===(e=i.ownerDocument)||void 0===e?void 0:e.createRange();s&&(s.selectNodeContents(i),this.currentElement.appendChild(s.extractContents()))}scrollFrameIntoView(){if(this.currentElement.autoscroll||this.newElement.autoscroll){const i=this.currentElement.firstElementChild,s=(e=this.currentElement.getAttribute("data-autoscroll-block"),t="end","end"==e||"start"==e||"center"==e||"nearest"==e?e:t);if(i)return i.scrollIntoView({block:s}),!0}var e,t;return!1}}function F(e){if(null!=e){const t=document.getElementById(e);if(t instanceof c)return t}}function M(e){if(e&&e.ownerDocument!==document&&(e=document.importNode(e,!0)),e instanceof c)return e}const H={append(){var e;null===(e=this.targetElement)||void 0===e||e.append(this.templateContent)},prepend(){var e;null===(e=this.targetElement)||void 0===e||e.prepend(this.templateContent)},remove(){var e;null===(e=this.targetElement)||void 0===e||e.remove()},replace(){var e;null===(e=this.targetElement)||void 0===e||e.replaceWith(this.templateContent)},update(){this.targetElement&&(this.targetElement.innerHTML="",this.targetElement.append(this.templateContent))}};class q extends HTMLElement{async connectedCallback(){try{await this.render()}catch(e){console.error(e)}finally{this.disconnect()}}async render(){var e;return null!==(e=this.renderPromise)&&void 0!==e?e:this.renderPromise=(async()=>{this.dispatchEvent(this.beforeRenderEvent)&&(await v(),this.performAction())})()}disconnect(){try{this.remove()}catch(e){}}get performAction(){if(this.action){const e=H[this.action];if(e)return e;this.raise("unknown action")}this.raise("action attribute is missing")}get targetElement(){var e;if(this.target)return null===(e=this.ownerDocument)||void 0===e?void 0:e.getElementById(this.target);this.raise("target attribute is missing")}get templateContent(){return this.templateElement.content}get templateElement(){if(this.firstElementChild instanceof HTMLTemplateElement)return this.firstElementChild;this.raise("first child element must be a <template> element")}get action(){return this.getAttribute("action")}get target(){return this.getAttribute("target")}raise(e){throw new Error(`${this.description}: ${e}`)}get description(){var e,t;return null!==(t=(null!==(e=this.outerHTML.match(/<[^>]+>/))&&void 0!==e?e:[])[0])&&void 0!==t?t:"<turbo-stream>"}get beforeRenderEvent(){return new CustomEvent("turbo:before-stream-render",{bubbles:!0,cancelable:!0})}}c.delegateConstructor=class{constructor(e){this.resolveVisitPromise=()=>{},this.element=e,this.view=new _(this,this.element),this.appearanceObserver=new S(this,this.element),this.linkInterceptor=new O(this,this.element),this.formInterceptor=new C(this,this.element)}connect(){this.loadingStyle==r.lazy&&this.appearanceObserver.start(),this.linkInterceptor.start(),this.formInterceptor.start()}disconnect(){this.appearanceObserver.stop(),this.linkInterceptor.stop(),this.formInterceptor.stop()}sourceURLChanged(){this.loadingStyle==r.eager&&this.loadSourceURL()}loadingStyleChanged(){this.loadingStyle==r.lazy?this.appearanceObserver.start():(this.appearanceObserver.stop(),this.loadSourceURL())}async loadSourceURL(){if(this.isActive&&this.sourceURL&&this.sourceURL!=this.loadingURL)try{this.loadingURL=this.sourceURL,this.element.loaded=this.visit(this.sourceURL),this.appearanceObserver.stop(),await this.element.loaded}finally{delete this.loadingURL}}async loadResponse(e){try{const t=await e.responseHTML;if(t){const{body:e}=b(t),i=new A(await this.extractForeignFrameElement(e)),s=new I(this.view.snapshot,i,!1);await this.view.render(s)}}catch(e){console.error(e),this.view.invalidate()}}elementAppearedInViewport(e){this.loadSourceURL()}shouldInterceptLinkClick(e,t){return this.shouldInterceptNavigation(e)}linkClickIntercepted(e,t){this.navigateFrame(e,t)}shouldInterceptFormSubmission(e){return this.shouldInterceptNavigation(e)}formSubmissionIntercepted(e,t){this.formSubmission&&this.formSubmission.stop(),this.formSubmission=new k(this,e,t),this.formSubmission.fetchRequest.isIdempotent?this.navigateFrame(e,this.formSubmission.fetchRequest.url.href):this.formSubmission.start()}prepareHeadersForRequest(e,t){e["Turbo-Frame"]=this.id}requestStarted(e){this.element.setAttribute("busy","")}requestPreventedHandlingResponse(e,t){this.resolveVisitPromise()}async requestSucceededWithResponse(e,t){await this.loadResponse(t),this.resolveVisitPromise()}requestFailedWithResponse(e,t){console.error(t),this.resolveVisitPromise()}requestErrored(e,t){console.error(t),this.resolveVisitPromise()}requestFinished(e){this.element.removeAttribute("busy")}formSubmissionStarted(e){}formSubmissionSucceededWithResponse(e,t){this.findFrameElement(e.formElement).delegate.loadResponse(t)}formSubmissionFailedWithResponse(e,t){this.element.delegate.loadResponse(t)}formSubmissionErrored(e,t){}formSubmissionFinished(e){}viewWillRenderSnapshot(e,t){}viewRenderedSnapshot(e,t){}viewInvalidated(){}async visit(e){const t=new E(this,o.get,h(e));return new Promise((e=>{this.resolveVisitPromise=()=>{this.resolveVisitPromise=()=>{},e()},t.perform()}))}navigateFrame(e,t){this.findFrameElement(e).src=t}findFrameElement(e){var t;return null!==(t=F(e.getAttribute("data-turbo-frame")||this.element.getAttribute("target")))&&void 0!==t?t:this.element}async extractForeignFrameElement(e){let t;const i=CSS.escape(this.id);return(t=M(e.querySelector(`turbo-frame#${i}`)))?t:(t=M(e.querySelector(`turbo-frame[src][recurse~=${i}]`)))?(await t.loaded,await this.extractForeignFrameElement(t)):(console.error(`Response has no matching <turbo-frame id="${i}"> element`),new c)}shouldInterceptNavigation(e){const t=e.getAttribute("data-turbo-frame")||this.element.getAttribute("target");if(!this.enabled||"_top"==t)return!1;if(t){const e=F(t);if(e)return!e.disabled}return!0}get id(){return this.element.id}get enabled(){return!this.element.disabled}get sourceURL(){return this.element.src}get loadingStyle(){return this.element.loading}get isLoading(){return void 0!==this.formSubmission||void 0!==this.loadingURL}get isActive(){return this.element.isActive}},customElements.define("turbo-frame",c),customElements.define("turbo-stream",q),(()=>{let e=document.currentScript;if(e&&!e.hasAttribute("data-turbo-suppress-warning"))for(;e=e.parentElement;)if(e==document.body)return console.warn(y`
         You are loading Turbo from a <script> element inside the <body> element. This is probably not what you meant to do!
 
         Load your application’s JavaScript bundle inside the <head> element instead. <script> elements in <body> are evaluated with each page change.
@@ -1273,26 +7,7 @@ customElements.define("turbo-stream", StreamElement);
 
         ——
         Suppress this warning by adding a "data-turbo-suppress-warning" attribute to: %s
-      `, element.outerHTML);
-        }
-    }
-})();
-
-class ProgressBar {
-    constructor() {
-        this.hiding = false;
-        this.value = 0;
-        this.visible = false;
-        this.trickle = () => {
-            this.setValue(this.value + Math.random() / 100);
-        };
-        this.stylesheetElement = this.createStylesheetElement();
-        this.progressElement = this.createProgressElement();
-        this.installStylesheetElement();
-        this.setValue(0);
-    }
-    static get defaultCSS() {
-        return unindent `
+      `,e.outerHTML)})();class D{constructor(){this.hiding=!1,this.value=0,this.visible=!1,this.trickle=()=>{this.setValue(this.value+Math.random()/100)},this.stylesheetElement=this.createStylesheetElement(),this.progressElement=this.createProgressElement(),this.installStylesheetElement(),this.setValue(0)}static get defaultCSS(){return y`
       .turbo-progress-bar {
         position: fixed;
         display: block;
@@ -1302,3756 +17,8 @@ class ProgressBar {
         background: #0076ff;
         z-index: 9999;
         transition:
-          width ${ProgressBar.animationDuration}ms ease-out,
-          opacity ${ProgressBar.animationDuration / 2}ms ${ProgressBar.animationDuration / 2}ms ease-in;
+          width ${D.animationDuration}ms ease-out,
+          opacity ${D.animationDuration/2}ms ${D.animationDuration/2}ms ease-in;
         transform: translate3d(0, 0, 0);
       }
-    `;
-    }
-    show() {
-        if (!this.visible) {
-            this.visible = true;
-            this.installProgressElement();
-            this.startTrickling();
-        }
-    }
-    hide() {
-        if (this.visible && !this.hiding) {
-            this.hiding = true;
-            this.fadeProgressElement(() => {
-                this.uninstallProgressElement();
-                this.stopTrickling();
-                this.visible = false;
-                this.hiding = false;
-            });
-        }
-    }
-    setValue(value) {
-        this.value = value;
-        this.refresh();
-    }
-    installStylesheetElement() {
-        document.head.insertBefore(this.stylesheetElement, document.head.firstChild);
-    }
-    installProgressElement() {
-        this.progressElement.style.width = "0";
-        this.progressElement.style.opacity = "1";
-        document.documentElement.insertBefore(this.progressElement, document.body);
-        this.refresh();
-    }
-    fadeProgressElement(callback) {
-        this.progressElement.style.opacity = "0";
-        setTimeout(callback, ProgressBar.animationDuration * 1.5);
-    }
-    uninstallProgressElement() {
-        if (this.progressElement.parentNode) {
-            document.documentElement.removeChild(this.progressElement);
-        }
-    }
-    startTrickling() {
-        if (!this.trickleInterval) {
-            this.trickleInterval = window.setInterval(this.trickle, ProgressBar.animationDuration);
-        }
-    }
-    stopTrickling() {
-        window.clearInterval(this.trickleInterval);
-        delete this.trickleInterval;
-    }
-    refresh() {
-        requestAnimationFrame(() => {
-            this.progressElement.style.width = `${10 + (this.value * 90)}%`;
-        });
-    }
-    createStylesheetElement() {
-        const element = document.createElement("style");
-        element.type = "text/css";
-        element.textContent = ProgressBar.defaultCSS;
-        return element;
-    }
-    createProgressElement() {
-        const element = document.createElement("div");
-        element.className = "turbo-progress-bar";
-        return element;
-    }
-}
-ProgressBar.animationDuration = 300;
-
-class HeadSnapshot extends Snapshot {
-    constructor() {
-        super(...arguments);
-        this.detailsByOuterHTML = this.children.reduce((result, element) => {
-            const { outerHTML } = element;
-            const details = outerHTML in result
-                ? result[outerHTML]
-                : {
-                    type: elementType(element),
-                    tracked: elementIsTracked(element),
-                    elements: []
-                };
-            return Object.assign(Object.assign({}, result), { [outerHTML]: Object.assign(Object.assign({}, details), { elements: [...details.elements, element] }) });
-        }, {});
-    }
-    get trackedElementSignature() {
-        return Object.keys(this.detailsByOuterHTML)
-            .filter(outerHTML => this.detailsByOuterHTML[outerHTML].tracked)
-            .join("");
-    }
-    getScriptElementsNotInSnapshot(snapshot) {
-        return this.getElementsMatchingTypeNotInSnapshot("script", snapshot);
-    }
-    getStylesheetElementsNotInSnapshot(snapshot) {
-        return this.getElementsMatchingTypeNotInSnapshot("stylesheet", snapshot);
-    }
-    getElementsMatchingTypeNotInSnapshot(matchedType, snapshot) {
-        return Object.keys(this.detailsByOuterHTML)
-            .filter(outerHTML => !(outerHTML in snapshot.detailsByOuterHTML))
-            .map(outerHTML => this.detailsByOuterHTML[outerHTML])
-            .filter(({ type }) => type == matchedType)
-            .map(({ elements: [element] }) => element);
-    }
-    get provisionalElements() {
-        return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => {
-            const { type, tracked, elements } = this.detailsByOuterHTML[outerHTML];
-            if (type == null && !tracked) {
-                return [...result, ...elements];
-            }
-            else if (elements.length > 1) {
-                return [...result, ...elements.slice(1)];
-            }
-            else {
-                return result;
-            }
-        }, []);
-    }
-    getMetaValue(name) {
-        const element = this.findMetaElementByName(name);
-        return element
-            ? element.getAttribute("content")
-            : null;
-    }
-    findMetaElementByName(name) {
-        return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => {
-            const { elements: [element] } = this.detailsByOuterHTML[outerHTML];
-            return elementIsMetaElementWithName(element, name) ? element : result;
-        }, undefined);
-    }
-}
-function elementType(element) {
-    if (elementIsScript(element)) {
-        return "script";
-    }
-    else if (elementIsStylesheet(element)) {
-        return "stylesheet";
-    }
-}
-function elementIsTracked(element) {
-    return element.getAttribute("data-turbo-track") == "reload";
-}
-function elementIsScript(element) {
-    const tagName = element.tagName.toLowerCase();
-    return tagName == "script";
-}
-function elementIsStylesheet(element) {
-    const tagName = element.tagName.toLowerCase();
-    return tagName == "style" || (tagName == "link" && element.getAttribute("rel") == "stylesheet");
-}
-function elementIsMetaElementWithName(element, name) {
-    const tagName = element.tagName.toLowerCase();
-    return tagName == "meta" && element.getAttribute("name") == name;
-}
-
-class PageSnapshot extends Snapshot {
-    constructor(element, headSnapshot) {
-        super(element);
-        this.headSnapshot = headSnapshot;
-    }
-    static fromHTMLString(html = "") {
-        return this.fromDocument(parseHTMLDocument(html));
-    }
-    static fromElement(element) {
-        return this.fromDocument(element.ownerDocument);
-    }
-    static fromDocument({ head, body }) {
-        return new this(body, new HeadSnapshot(head));
-    }
-    clone() {
-        return new PageSnapshot(this.element.cloneNode(true), this.headSnapshot);
-    }
-    get headElement() {
-        return this.headSnapshot.element;
-    }
-    get rootLocation() {
-        var _a;
-        const root = (_a = this.getSetting("root")) !== null && _a !== void 0 ? _a : "/";
-        return expandURL(root);
-    }
-    get cacheControlValue() {
-        return this.getSetting("cache-control");
-    }
-    get isPreviewable() {
-        return this.cacheControlValue != "no-preview";
-    }
-    get isCacheable() {
-        return this.cacheControlValue != "no-cache";
-    }
-    get isVisitable() {
-        return this.getSetting("visit-control") != "reload";
-    }
-    getSetting(name) {
-        return this.headSnapshot.getMetaValue(`turbo-${name}`);
-    }
-}
-
-var TimingMetric;
-(function (TimingMetric) {
-    TimingMetric["visitStart"] = "visitStart";
-    TimingMetric["requestStart"] = "requestStart";
-    TimingMetric["requestEnd"] = "requestEnd";
-    TimingMetric["visitEnd"] = "visitEnd";
-})(TimingMetric || (TimingMetric = {}));
-var VisitState;
-(function (VisitState) {
-    VisitState["initialized"] = "initialized";
-    VisitState["started"] = "started";
-    VisitState["canceled"] = "canceled";
-    VisitState["failed"] = "failed";
-    VisitState["completed"] = "completed";
-})(VisitState || (VisitState = {}));
-const defaultOptions = {
-    action: "advance",
-    historyChanged: false
-};
-var SystemStatusCode;
-(function (SystemStatusCode) {
-    SystemStatusCode[SystemStatusCode["networkFailure"] = 0] = "networkFailure";
-    SystemStatusCode[SystemStatusCode["timeoutFailure"] = -1] = "timeoutFailure";
-    SystemStatusCode[SystemStatusCode["contentTypeMismatch"] = -2] = "contentTypeMismatch";
-})(SystemStatusCode || (SystemStatusCode = {}));
-class Visit {
-    constructor(delegate, location, restorationIdentifier, options = {}) {
-        this.identifier = uuid();
-        this.timingMetrics = {};
-        this.followedRedirect = false;
-        this.historyChanged = false;
-        this.scrolled = false;
-        this.snapshotCached = false;
-        this.state = VisitState.initialized;
-        this.delegate = delegate;
-        this.location = location;
-        this.restorationIdentifier = restorationIdentifier || uuid();
-        const { action, historyChanged, referrer, snapshotHTML, response } = Object.assign(Object.assign({}, defaultOptions), options);
-        this.action = action;
-        this.historyChanged = historyChanged;
-        this.referrer = referrer;
-        this.snapshotHTML = snapshotHTML;
-        this.response = response;
-    }
-    get adapter() {
-        return this.delegate.adapter;
-    }
-    get view() {
-        return this.delegate.view;
-    }
-    get history() {
-        return this.delegate.history;
-    }
-    get restorationData() {
-        return this.history.getRestorationDataForIdentifier(this.restorationIdentifier);
-    }
-    start() {
-        if (this.state == VisitState.initialized) {
-            this.recordTimingMetric(TimingMetric.visitStart);
-            this.state = VisitState.started;
-            this.adapter.visitStarted(this);
-            this.delegate.visitStarted(this);
-        }
-    }
-    cancel() {
-        if (this.state == VisitState.started) {
-            if (this.request) {
-                this.request.cancel();
-            }
-            this.cancelRender();
-            this.state = VisitState.canceled;
-        }
-    }
-    complete() {
-        if (this.state == VisitState.started) {
-            this.recordTimingMetric(TimingMetric.visitEnd);
-            this.state = VisitState.completed;
-            this.adapter.visitCompleted(this);
-            this.delegate.visitCompleted(this);
-        }
-    }
-    fail() {
-        if (this.state == VisitState.started) {
-            this.state = VisitState.failed;
-            this.adapter.visitFailed(this);
-        }
-    }
-    changeHistory() {
-        var _a;
-        if (!this.historyChanged) {
-            const actionForHistory = this.location.href === ((_a = this.referrer) === null || _a === void 0 ? void 0 : _a.href) ? "replace" : this.action;
-            const method = this.getHistoryMethodForAction(actionForHistory);
-            this.history.update(method, this.location, this.restorationIdentifier);
-            this.historyChanged = true;
-        }
-    }
-    issueRequest() {
-        if (this.hasPreloadedResponse()) {
-            this.simulateRequest();
-        }
-        else if (this.shouldIssueRequest() && !this.request) {
-            this.request = new FetchRequest(this, FetchMethod.get, this.location);
-            this.request.perform();
-        }
-    }
-    simulateRequest() {
-        if (this.response) {
-            this.startRequest();
-            this.recordResponse();
-            this.finishRequest();
-        }
-    }
-    startRequest() {
-        this.recordTimingMetric(TimingMetric.requestStart);
-        this.adapter.visitRequestStarted(this);
-    }
-    recordResponse(response = this.response) {
-        this.response = response;
-        if (response) {
-            const { statusCode } = response;
-            if (isSuccessful(statusCode)) {
-                this.adapter.visitRequestCompleted(this);
-            }
-            else {
-                this.adapter.visitRequestFailedWithStatusCode(this, statusCode);
-            }
-        }
-    }
-    finishRequest() {
-        this.recordTimingMetric(TimingMetric.requestEnd);
-        this.adapter.visitRequestFinished(this);
-    }
-    loadResponse() {
-        if (this.response) {
-            const { statusCode, responseHTML } = this.response;
-            this.render(async () => {
-                this.cacheSnapshot();
-                if (isSuccessful(statusCode) && responseHTML != null) {
-                    await this.view.renderPage(PageSnapshot.fromHTMLString(responseHTML));
-                    this.adapter.visitRendered(this);
-                    this.complete();
-                }
-                else {
-                    await this.view.renderError(PageSnapshot.fromHTMLString(responseHTML));
-                    this.adapter.visitRendered(this);
-                    this.fail();
-                }
-            });
-        }
-    }
-    getCachedSnapshot() {
-        const snapshot = this.view.getCachedSnapshotForLocation(this.location) || this.getPreloadedSnapshot();
-        if (snapshot && (!getAnchor(this.location) || snapshot.hasAnchor(getAnchor(this.location)))) {
-            if (this.action == "restore" || snapshot.isPreviewable) {
-                return snapshot;
-            }
-        }
-    }
-    getPreloadedSnapshot() {
-        if (this.snapshotHTML) {
-            return PageSnapshot.fromHTMLString(this.snapshotHTML);
-        }
-    }
-    hasCachedSnapshot() {
-        return this.getCachedSnapshot() != null;
-    }
-    loadCachedSnapshot() {
-        const snapshot = this.getCachedSnapshot();
-        if (snapshot) {
-            const isPreview = this.shouldIssueRequest();
-            this.render(async () => {
-                this.cacheSnapshot();
-                await this.view.renderPage(snapshot);
-                this.adapter.visitRendered(this);
-                if (!isPreview) {
-                    this.complete();
-                }
-            });
-        }
-    }
-    followRedirect() {
-        if (this.redirectedToLocation && !this.followedRedirect) {
-            this.location = this.redirectedToLocation;
-            this.history.replace(this.redirectedToLocation, this.restorationIdentifier);
-            this.followedRedirect = true;
-        }
-    }
-    requestStarted() {
-        this.startRequest();
-    }
-    requestPreventedHandlingResponse(request, response) {
-    }
-    async requestSucceededWithResponse(request, response) {
-        const responseHTML = await response.responseHTML;
-        if (responseHTML == undefined) {
-            this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
-        }
-        else {
-            this.redirectedToLocation = response.redirected ? response.location : undefined;
-            this.recordResponse({ statusCode: response.statusCode, responseHTML });
-        }
-    }
-    async requestFailedWithResponse(request, response) {
-        const responseHTML = await response.responseHTML;
-        if (responseHTML == undefined) {
-            this.recordResponse({ statusCode: SystemStatusCode.contentTypeMismatch });
-        }
-        else {
-            this.recordResponse({ statusCode: response.statusCode, responseHTML });
-        }
-    }
-    requestErrored(request, error) {
-        this.recordResponse({ statusCode: SystemStatusCode.networkFailure });
-    }
-    requestFinished() {
-        this.finishRequest();
-    }
-    performScroll() {
-        if (!this.scrolled) {
-            if (this.action == "restore") {
-                this.scrollToRestoredPosition() || this.scrollToTop();
-            }
-            else {
-                this.scrollToAnchor() || this.scrollToTop();
-            }
-            this.scrolled = true;
-        }
-    }
-    scrollToRestoredPosition() {
-        const { scrollPosition } = this.restorationData;
-        if (scrollPosition) {
-            this.view.scrollToPosition(scrollPosition);
-            return true;
-        }
-    }
-    scrollToAnchor() {
-        if (getAnchor(this.location) != null) {
-            this.view.scrollToAnchor(getAnchor(this.location));
-            return true;
-        }
-    }
-    scrollToTop() {
-        this.view.scrollToPosition({ x: 0, y: 0 });
-    }
-    recordTimingMetric(metric) {
-        this.timingMetrics[metric] = new Date().getTime();
-    }
-    getTimingMetrics() {
-        return Object.assign({}, this.timingMetrics);
-    }
-    getHistoryMethodForAction(action) {
-        switch (action) {
-            case "replace": return history.replaceState;
-            case "advance":
-            case "restore": return history.pushState;
-        }
-    }
-    hasPreloadedResponse() {
-        return typeof this.response == "object";
-    }
-    shouldIssueRequest() {
-        return this.action == "restore"
-            ? !this.hasCachedSnapshot()
-            : true;
-    }
-    cacheSnapshot() {
-        if (!this.snapshotCached) {
-            this.view.cacheSnapshot();
-            this.snapshotCached = true;
-        }
-    }
-    async render(callback) {
-        this.cancelRender();
-        await new Promise(resolve => {
-            this.frame = requestAnimationFrame(() => resolve());
-        });
-        callback();
-        delete this.frame;
-        this.performScroll();
-    }
-    cancelRender() {
-        if (this.frame) {
-            cancelAnimationFrame(this.frame);
-            delete this.frame;
-        }
-    }
-}
-function isSuccessful(statusCode) {
-    return statusCode >= 200 && statusCode < 300;
-}
-
-class BrowserAdapter {
-    constructor(session) {
-        this.progressBar = new ProgressBar;
-        this.showProgressBar = () => {
-            this.progressBar.show();
-        };
-        this.session = session;
-    }
-    visitProposedToLocation(location, options) {
-        this.navigator.startVisit(location, uuid(), options);
-    }
-    visitStarted(visit) {
-        visit.issueRequest();
-        visit.changeHistory();
-        visit.loadCachedSnapshot();
-    }
-    visitRequestStarted(visit) {
-        this.progressBar.setValue(0);
-        if (visit.hasCachedSnapshot() || visit.action != "restore") {
-            this.showProgressBarAfterDelay();
-        }
-        else {
-            this.showProgressBar();
-        }
-    }
-    visitRequestCompleted(visit) {
-        visit.loadResponse();
-    }
-    visitRequestFailedWithStatusCode(visit, statusCode) {
-        switch (statusCode) {
-            case SystemStatusCode.networkFailure:
-            case SystemStatusCode.timeoutFailure:
-            case SystemStatusCode.contentTypeMismatch:
-                return this.reload();
-            default:
-                return visit.loadResponse();
-        }
-    }
-    visitRequestFinished(visit) {
-        this.progressBar.setValue(1);
-        this.hideProgressBar();
-    }
-    visitCompleted(visit) {
-        visit.followRedirect();
-    }
-    pageInvalidated() {
-        this.reload();
-    }
-    visitFailed(visit) {
-    }
-    visitRendered(visit) {
-    }
-    showProgressBarAfterDelay() {
-        this.progressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay);
-    }
-    hideProgressBar() {
-        this.progressBar.hide();
-        if (this.progressBarTimeout != null) {
-            window.clearTimeout(this.progressBarTimeout);
-            delete this.progressBarTimeout;
-        }
-    }
-    reload() {
-        window.location.reload();
-    }
-    get navigator() {
-        return this.session.navigator;
-    }
-}
-
-class FormSubmitObserver {
-    constructor(delegate) {
-        this.started = false;
-        this.submitCaptured = () => {
-            removeEventListener("submit", this.submitBubbled, false);
-            addEventListener("submit", this.submitBubbled, false);
-        };
-        this.submitBubbled = ((event) => {
-            if (!event.defaultPrevented) {
-                const form = event.target instanceof HTMLFormElement ? event.target : undefined;
-                const submitter = event.submitter || undefined;
-                if (form) {
-                    const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.method;
-                    if (method != "dialog" && this.delegate.willSubmitForm(form, submitter)) {
-                        event.preventDefault();
-                        this.delegate.formSubmitted(form, submitter);
-                    }
-                }
-            }
-        });
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            addEventListener("submit", this.submitCaptured, true);
-            this.started = true;
-        }
-    }
-    stop() {
-        if (this.started) {
-            removeEventListener("submit", this.submitCaptured, true);
-            this.started = false;
-        }
-    }
-}
-
-class FrameRedirector {
-    constructor(element) {
-        this.element = element;
-        this.linkInterceptor = new LinkInterceptor(this, element);
-        this.formInterceptor = new FormInterceptor(this, element);
-    }
-    start() {
-        this.linkInterceptor.start();
-        this.formInterceptor.start();
-    }
-    stop() {
-        this.linkInterceptor.stop();
-        this.formInterceptor.stop();
-    }
-    shouldInterceptLinkClick(element, url) {
-        return this.shouldRedirect(element);
-    }
-    linkClickIntercepted(element, url) {
-        const frame = this.findFrameElement(element);
-        if (frame) {
-            frame.src = url;
-        }
-    }
-    shouldInterceptFormSubmission(element, submitter) {
-        return this.shouldRedirect(element, submitter);
-    }
-    formSubmissionIntercepted(element, submitter) {
-        const frame = this.findFrameElement(element);
-        if (frame) {
-            frame.delegate.formSubmissionIntercepted(element, submitter);
-        }
-    }
-    shouldRedirect(element, submitter) {
-        const frame = this.findFrameElement(element);
-        return frame ? frame != element.closest("turbo-frame") : false;
-    }
-    findFrameElement(element) {
-        const id = element.getAttribute("data-turbo-frame");
-        if (id && id != "_top") {
-            const frame = this.element.querySelector(`#${id}:not([disabled])`);
-            if (frame instanceof FrameElement) {
-                return frame;
-            }
-        }
-    }
-}
-
-class History {
-    constructor(delegate) {
-        this.restorationIdentifier = uuid();
-        this.restorationData = {};
-        this.started = false;
-        this.pageLoaded = false;
-        this.onPopState = (event) => {
-            if (this.shouldHandlePopState()) {
-                const { turbo } = event.state || {};
-                if (turbo) {
-                    this.location = new URL(window.location.href);
-                    const { restorationIdentifier } = turbo;
-                    this.restorationIdentifier = restorationIdentifier;
-                    this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location, restorationIdentifier);
-                }
-            }
-        };
-        this.onPageLoad = async (event) => {
-            await nextMicrotask();
-            this.pageLoaded = true;
-        };
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            addEventListener("popstate", this.onPopState, false);
-            addEventListener("load", this.onPageLoad, false);
-            this.started = true;
-            this.replace(new URL(window.location.href));
-        }
-    }
-    stop() {
-        if (this.started) {
-            removeEventListener("popstate", this.onPopState, false);
-            removeEventListener("load", this.onPageLoad, false);
-            this.started = false;
-        }
-    }
-    push(location, restorationIdentifier) {
-        this.update(history.pushState, location, restorationIdentifier);
-    }
-    replace(location, restorationIdentifier) {
-        this.update(history.replaceState, location, restorationIdentifier);
-    }
-    update(method, location, restorationIdentifier = uuid()) {
-        const state = { turbo: { restorationIdentifier } };
-        method.call(history, state, "", location.href);
-        this.location = location;
-        this.restorationIdentifier = restorationIdentifier;
-    }
-    getRestorationDataForIdentifier(restorationIdentifier) {
-        return this.restorationData[restorationIdentifier] || {};
-    }
-    updateRestorationData(additionalData) {
-        const { restorationIdentifier } = this;
-        const restorationData = this.restorationData[restorationIdentifier];
-        this.restorationData[restorationIdentifier] = Object.assign(Object.assign({}, restorationData), additionalData);
-    }
-    assumeControlOfScrollRestoration() {
-        var _a;
-        if (!this.previousScrollRestoration) {
-            this.previousScrollRestoration = (_a = history.scrollRestoration) !== null && _a !== void 0 ? _a : "auto";
-            history.scrollRestoration = "manual";
-        }
-    }
-    relinquishControlOfScrollRestoration() {
-        if (this.previousScrollRestoration) {
-            history.scrollRestoration = this.previousScrollRestoration;
-            delete this.previousScrollRestoration;
-        }
-    }
-    shouldHandlePopState() {
-        return this.pageIsLoaded();
-    }
-    pageIsLoaded() {
-        return this.pageLoaded || document.readyState == "complete";
-    }
-}
-
-class LinkClickObserver {
-    constructor(delegate) {
-        this.started = false;
-        this.clickCaptured = () => {
-            removeEventListener("click", this.clickBubbled, false);
-            addEventListener("click", this.clickBubbled, false);
-        };
-        this.clickBubbled = (event) => {
-            if (this.clickEventIsSignificant(event)) {
-                const link = this.findLinkFromClickTarget(event.target);
-                if (link) {
-                    const location = this.getLocationForLink(link);
-                    if (this.delegate.willFollowLinkToLocation(link, location)) {
-                        event.preventDefault();
-                        this.delegate.followedLinkToLocation(link, location);
-                    }
-                }
-            }
-        };
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            addEventListener("click", this.clickCaptured, true);
-            this.started = true;
-        }
-    }
-    stop() {
-        if (this.started) {
-            removeEventListener("click", this.clickCaptured, true);
-            this.started = false;
-        }
-    }
-    clickEventIsSignificant(event) {
-        return !((event.target && event.target.isContentEditable)
-            || event.defaultPrevented
-            || event.which > 1
-            || event.altKey
-            || event.ctrlKey
-            || event.metaKey
-            || event.shiftKey);
-    }
-    findLinkFromClickTarget(target) {
-        if (target instanceof Element) {
-            return target.closest("a[href]:not([target^=_]):not([download])");
-        }
-    }
-    getLocationForLink(link) {
-        return expandURL(link.getAttribute("href") || "");
-    }
-}
-
-class Navigator {
-    constructor(delegate) {
-        this.delegate = delegate;
-    }
-    proposeVisit(location, options = {}) {
-        if (this.delegate.allowsVisitingLocation(location)) {
-            this.delegate.visitProposedToLocation(location, options);
-        }
-    }
-    startVisit(locatable, restorationIdentifier, options = {}) {
-        this.stop();
-        this.currentVisit = new Visit(this, expandURL(locatable), restorationIdentifier, Object.assign({ referrer: this.location }, options));
-        this.currentVisit.start();
-    }
-    submitForm(form, submitter) {
-        this.stop();
-        this.formSubmission = new FormSubmission(this, form, submitter, true);
-        if (this.formSubmission.fetchRequest.isIdempotent) {
-            this.proposeVisit(this.formSubmission.fetchRequest.url);
-        }
-        else {
-            this.formSubmission.start();
-        }
-    }
-    stop() {
-        if (this.formSubmission) {
-            this.formSubmission.stop();
-            delete this.formSubmission;
-        }
-        if (this.currentVisit) {
-            this.currentVisit.cancel();
-            delete this.currentVisit;
-        }
-    }
-    get adapter() {
-        return this.delegate.adapter;
-    }
-    get view() {
-        return this.delegate.view;
-    }
-    get history() {
-        return this.delegate.history;
-    }
-    formSubmissionStarted(formSubmission) {
-    }
-    async formSubmissionSucceededWithResponse(formSubmission, fetchResponse) {
-        if (formSubmission == this.formSubmission) {
-            const responseHTML = await fetchResponse.responseHTML;
-            if (responseHTML) {
-                if (formSubmission.method != FetchMethod.get) {
-                    this.view.clearSnapshotCache();
-                }
-                const { statusCode } = fetchResponse;
-                const visitOptions = { response: { statusCode, responseHTML } };
-                this.proposeVisit(fetchResponse.location, visitOptions);
-            }
-        }
-    }
-    async formSubmissionFailedWithResponse(formSubmission, fetchResponse) {
-        const responseHTML = await fetchResponse.responseHTML;
-        if (responseHTML) {
-            const snapshot = PageSnapshot.fromHTMLString(responseHTML);
-            await this.view.renderPage(snapshot);
-            this.view.clearSnapshotCache();
-        }
-    }
-    formSubmissionErrored(formSubmission, error) {
-    }
-    formSubmissionFinished(formSubmission) {
-    }
-    visitStarted(visit) {
-        this.delegate.visitStarted(visit);
-    }
-    visitCompleted(visit) {
-        this.delegate.visitCompleted(visit);
-    }
-    get location() {
-        return this.history.location;
-    }
-    get restorationIdentifier() {
-        return this.history.restorationIdentifier;
-    }
-}
-
-var PageStage;
-(function (PageStage) {
-    PageStage[PageStage["initial"] = 0] = "initial";
-    PageStage[PageStage["loading"] = 1] = "loading";
-    PageStage[PageStage["interactive"] = 2] = "interactive";
-    PageStage[PageStage["complete"] = 3] = "complete";
-})(PageStage || (PageStage = {}));
-class PageObserver {
-    constructor(delegate) {
-        this.stage = PageStage.initial;
-        this.started = false;
-        this.interpretReadyState = () => {
-            const { readyState } = this;
-            if (readyState == "interactive") {
-                this.pageIsInteractive();
-            }
-            else if (readyState == "complete") {
-                this.pageIsComplete();
-            }
-        };
-        this.pageWillUnload = () => {
-            this.delegate.pageWillUnload();
-        };
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            if (this.stage == PageStage.initial) {
-                this.stage = PageStage.loading;
-            }
-            document.addEventListener("readystatechange", this.interpretReadyState, false);
-            addEventListener("pagehide", this.pageWillUnload, false);
-            this.started = true;
-        }
-    }
-    stop() {
-        if (this.started) {
-            document.removeEventListener("readystatechange", this.interpretReadyState, false);
-            removeEventListener("pagehide", this.pageWillUnload, false);
-            this.started = false;
-        }
-    }
-    pageIsInteractive() {
-        if (this.stage == PageStage.loading) {
-            this.stage = PageStage.interactive;
-            this.delegate.pageBecameInteractive();
-        }
-    }
-    pageIsComplete() {
-        this.pageIsInteractive();
-        if (this.stage == PageStage.interactive) {
-            this.stage = PageStage.complete;
-            this.delegate.pageLoaded();
-        }
-    }
-    get readyState() {
-        return document.readyState;
-    }
-}
-
-class ScrollObserver {
-    constructor(delegate) {
-        this.started = false;
-        this.onScroll = () => {
-            this.updatePosition({ x: window.pageXOffset, y: window.pageYOffset });
-        };
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            addEventListener("scroll", this.onScroll, false);
-            this.onScroll();
-            this.started = true;
-        }
-    }
-    stop() {
-        if (this.started) {
-            removeEventListener("scroll", this.onScroll, false);
-            this.started = false;
-        }
-    }
-    updatePosition(position) {
-        this.delegate.scrollPositionChanged(position);
-    }
-}
-
-class StreamObserver {
-    constructor(delegate) {
-        this.sources = new Set;
-        this.started = false;
-        this.inspectFetchResponse = ((event) => {
-            const response = fetchResponseFromEvent(event);
-            if (response && fetchResponseIsStream(response)) {
-                event.preventDefault();
-                this.receiveMessageResponse(response);
-            }
-        });
-        this.receiveMessageEvent = (event) => {
-            if (this.started && typeof event.data == "string") {
-                this.receiveMessageHTML(event.data);
-            }
-        };
-        this.delegate = delegate;
-    }
-    start() {
-        if (!this.started) {
-            this.started = true;
-            addEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false);
-        }
-    }
-    stop() {
-        if (this.started) {
-            this.started = false;
-            removeEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false);
-        }
-    }
-    connectStreamSource(source) {
-        if (!this.streamSourceIsConnected(source)) {
-            this.sources.add(source);
-            source.addEventListener("message", this.receiveMessageEvent, false);
-        }
-    }
-    disconnectStreamSource(source) {
-        if (this.streamSourceIsConnected(source)) {
-            this.sources.delete(source);
-            source.removeEventListener("message", this.receiveMessageEvent, false);
-        }
-    }
-    streamSourceIsConnected(source) {
-        return this.sources.has(source);
-    }
-    async receiveMessageResponse(response) {
-        const html = await response.responseHTML;
-        if (html) {
-            this.receiveMessageHTML(html);
-        }
-    }
-    receiveMessageHTML(html) {
-        this.delegate.receivedMessageFromStream(new StreamMessage(html));
-    }
-}
-function fetchResponseFromEvent(event) {
-    var _a;
-    const fetchResponse = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.fetchResponse;
-    if (fetchResponse instanceof FetchResponse) {
-        return fetchResponse;
-    }
-}
-function fetchResponseIsStream(response) {
-    var _a;
-    const contentType = (_a = response.contentType) !== null && _a !== void 0 ? _a : "";
-    return contentType.startsWith(StreamMessage.contentType);
-}
-
-function isAction(action) {
-    return action == "advance" || action == "replace" || action == "restore";
-}
-
-class ErrorRenderer extends Renderer {
-    async render() {
-        this.replaceHeadAndBody();
-        this.activateScriptElements();
-    }
-    replaceHeadAndBody() {
-        const { documentElement, head, body } = document;
-        documentElement.replaceChild(this.newHead, head);
-        documentElement.replaceChild(this.newElement, body);
-    }
-    activateScriptElements() {
-        for (const replaceableElement of this.scriptElements) {
-            const parentNode = replaceableElement.parentNode;
-            if (parentNode) {
-                const element = this.createScriptElement(replaceableElement);
-                parentNode.replaceChild(element, replaceableElement);
-            }
-        }
-    }
-    get newHead() {
-        return this.newSnapshot.headSnapshot.element;
-    }
-    get scriptElements() {
-        return [...document.documentElement.querySelectorAll("script")];
-    }
-}
-
-class PageRenderer extends Renderer {
-    get shouldRender() {
-        return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical;
-    }
-    prepareToRender() {
-        this.mergeHead();
-    }
-    async render() {
-        this.replaceBody();
-    }
-    finishRendering() {
-        super.finishRendering();
-        if (this.isPreview) {
-            this.focusFirstAutofocusableElement();
-        }
-    }
-    get currentHeadSnapshot() {
-        return this.currentSnapshot.headSnapshot;
-    }
-    get newHeadSnapshot() {
-        return this.newSnapshot.headSnapshot;
-    }
-    get newElement() {
-        return this.newSnapshot.element;
-    }
-    mergeHead() {
-        this.copyNewHeadStylesheetElements();
-        this.copyNewHeadScriptElements();
-        this.removeCurrentHeadProvisionalElements();
-        this.copyNewHeadProvisionalElements();
-    }
-    replaceBody() {
-        this.preservingPermanentElements(() => {
-            this.activateNewBody();
-            this.assignNewBody();
-        });
-    }
-    get trackedElementsAreIdentical() {
-        return this.currentHeadSnapshot.trackedElementSignature == this.newHeadSnapshot.trackedElementSignature;
-    }
-    copyNewHeadStylesheetElements() {
-        for (const element of this.newHeadStylesheetElements) {
-            document.head.appendChild(element);
-        }
-    }
-    copyNewHeadScriptElements() {
-        for (const element of this.newHeadScriptElements) {
-            document.head.appendChild(this.createScriptElement(element));
-        }
-    }
-    removeCurrentHeadProvisionalElements() {
-        for (const element of this.currentHeadProvisionalElements) {
-            document.head.removeChild(element);
-        }
-    }
-    copyNewHeadProvisionalElements() {
-        for (const element of this.newHeadProvisionalElements) {
-            document.head.appendChild(element);
-        }
-    }
-    activateNewBody() {
-        document.adoptNode(this.newElement);
-        this.activateNewBodyScriptElements();
-    }
-    activateNewBodyScriptElements() {
-        for (const inertScriptElement of this.newBodyScriptElements) {
-            const activatedScriptElement = this.createScriptElement(inertScriptElement);
-            replaceElementWithElement(inertScriptElement, activatedScriptElement);
-        }
-    }
-    assignNewBody() {
-        if (document.body && this.newElement instanceof HTMLBodyElement) {
-            replaceElementWithElement(document.body, this.newElement);
-        }
-        else {
-            document.documentElement.appendChild(this.newElement);
-        }
-    }
-    get newHeadStylesheetElements() {
-        return this.newHeadSnapshot.getStylesheetElementsNotInSnapshot(this.currentHeadSnapshot);
-    }
-    get newHeadScriptElements() {
-        return this.newHeadSnapshot.getScriptElementsNotInSnapshot(this.currentHeadSnapshot);
-    }
-    get currentHeadProvisionalElements() {
-        return this.currentHeadSnapshot.provisionalElements;
-    }
-    get newHeadProvisionalElements() {
-        return this.newHeadSnapshot.provisionalElements;
-    }
-    get newBodyScriptElements() {
-        return [...this.newElement.querySelectorAll("script")];
-    }
-}
-
-class SnapshotCache {
-    constructor(size) {
-        this.keys = [];
-        this.snapshots = {};
-        this.size = size;
-    }
-    has(location) {
-        return toCacheKey(location) in this.snapshots;
-    }
-    get(location) {
-        if (this.has(location)) {
-            const snapshot = this.read(location);
-            this.touch(location);
-            return snapshot;
-        }
-    }
-    put(location, snapshot) {
-        this.write(location, snapshot);
-        this.touch(location);
-        return snapshot;
-    }
-    clear() {
-        this.snapshots = {};
-    }
-    read(location) {
-        return this.snapshots[toCacheKey(location)];
-    }
-    write(location, snapshot) {
-        this.snapshots[toCacheKey(location)] = snapshot;
-    }
-    touch(location) {
-        const key = toCacheKey(location);
-        const index = this.keys.indexOf(key);
-        if (index > -1)
-            this.keys.splice(index, 1);
-        this.keys.unshift(key);
-        this.trim();
-    }
-    trim() {
-        for (const key of this.keys.splice(this.size)) {
-            delete this.snapshots[key];
-        }
-    }
-}
-
-class PageView extends View {
-    constructor() {
-        super(...arguments);
-        this.snapshotCache = new SnapshotCache(10);
-        this.lastRenderedLocation = new URL(location.href);
-    }
-    renderPage(snapshot, isPreview = false) {
-        const renderer = new PageRenderer(this.snapshot, snapshot, isPreview);
-        return this.render(renderer);
-    }
-    renderError(snapshot) {
-        const renderer = new ErrorRenderer(this.snapshot, snapshot, false);
-        this.render(renderer);
-    }
-    clearSnapshotCache() {
-        this.snapshotCache.clear();
-    }
-    async cacheSnapshot() {
-        if (this.shouldCacheSnapshot) {
-            this.delegate.viewWillCacheSnapshot();
-            const { snapshot, lastRenderedLocation: location } = this;
-            await nextEventLoopTick();
-            this.snapshotCache.put(location, snapshot.clone());
-        }
-    }
-    getCachedSnapshotForLocation(location) {
-        return this.snapshotCache.get(location);
-    }
-    get snapshot() {
-        return PageSnapshot.fromElement(this.element);
-    }
-    get shouldCacheSnapshot() {
-        return this.snapshot.isCacheable;
-    }
-}
-
-class Session {
-    constructor() {
-        this.navigator = new Navigator(this);
-        this.history = new History(this);
-        this.view = new PageView(this, document.documentElement);
-        this.adapter = new BrowserAdapter(this);
-        this.pageObserver = new PageObserver(this);
-        this.linkClickObserver = new LinkClickObserver(this);
-        this.formSubmitObserver = new FormSubmitObserver(this);
-        this.scrollObserver = new ScrollObserver(this);
-        this.streamObserver = new StreamObserver(this);
-        this.frameRedirector = new FrameRedirector(document.documentElement);
-        this.enabled = true;
-        this.progressBarDelay = 500;
-        this.started = false;
-    }
-    start() {
-        if (!this.started) {
-            this.pageObserver.start();
-            this.linkClickObserver.start();
-            this.formSubmitObserver.start();
-            this.scrollObserver.start();
-            this.streamObserver.start();
-            this.frameRedirector.start();
-            this.history.start();
-            this.started = true;
-            this.enabled = true;
-        }
-    }
-    disable() {
-        this.enabled = false;
-    }
-    stop() {
-        if (this.started) {
-            this.pageObserver.stop();
-            this.linkClickObserver.stop();
-            this.formSubmitObserver.stop();
-            this.scrollObserver.stop();
-            this.streamObserver.stop();
-            this.frameRedirector.stop();
-            this.history.stop();
-            this.started = false;
-        }
-    }
-    registerAdapter(adapter) {
-        this.adapter = adapter;
-    }
-    visit(location, options = {}) {
-        this.navigator.proposeVisit(expandURL(location), options);
-    }
-    connectStreamSource(source) {
-        this.streamObserver.connectStreamSource(source);
-    }
-    disconnectStreamSource(source) {
-        this.streamObserver.disconnectStreamSource(source);
-    }
-    renderStreamMessage(message) {
-        document.documentElement.appendChild(StreamMessage.wrap(message).fragment);
-    }
-    clearCache() {
-        this.view.clearSnapshotCache();
-    }
-    setProgressBarDelay(delay) {
-        this.progressBarDelay = delay;
-    }
-    get location() {
-        return this.history.location;
-    }
-    get restorationIdentifier() {
-        return this.history.restorationIdentifier;
-    }
-    historyPoppedToLocationWithRestorationIdentifier(location) {
-        if (this.enabled) {
-            this.navigator.proposeVisit(location, { action: "restore", historyChanged: true });
-        }
-        else {
-            this.adapter.pageInvalidated();
-        }
-    }
-    scrollPositionChanged(position) {
-        this.history.updateRestorationData({ scrollPosition: position });
-    }
-    willFollowLinkToLocation(link, location) {
-        return this.elementIsNavigable(link)
-            && this.locationIsVisitable(location)
-            && this.applicationAllowsFollowingLinkToLocation(link, location);
-    }
-    followedLinkToLocation(link, location) {
-        const action = this.getActionForLink(link);
-        this.visit(location.href, { action });
-    }
-    allowsVisitingLocation(location) {
-        return this.applicationAllowsVisitingLocation(location);
-    }
-    visitProposedToLocation(location, options) {
-        extendURLWithDeprecatedProperties(location);
-        this.adapter.visitProposedToLocation(location, options);
-    }
-    visitStarted(visit) {
-        extendURLWithDeprecatedProperties(visit.location);
-        this.notifyApplicationAfterVisitingLocation(visit.location);
-    }
-    visitCompleted(visit) {
-        this.notifyApplicationAfterPageLoad(visit.getTimingMetrics());
-    }
-    willSubmitForm(form, submitter) {
-        return this.elementIsNavigable(form) && this.elementIsNavigable(submitter);
-    }
-    formSubmitted(form, submitter) {
-        this.navigator.submitForm(form, submitter);
-    }
-    pageBecameInteractive() {
-        this.view.lastRenderedLocation = this.location;
-        this.notifyApplicationAfterPageLoad();
-    }
-    pageLoaded() {
-        this.history.assumeControlOfScrollRestoration();
-    }
-    pageWillUnload() {
-        this.history.relinquishControlOfScrollRestoration();
-    }
-    receivedMessageFromStream(message) {
-        this.renderStreamMessage(message);
-    }
-    viewWillCacheSnapshot() {
-        this.notifyApplicationBeforeCachingSnapshot();
-    }
-    viewWillRenderSnapshot({ element }, isPreview) {
-        this.notifyApplicationBeforeRender(element);
-    }
-    viewRenderedSnapshot(snapshot, isPreview) {
-        this.view.lastRenderedLocation = this.history.location;
-        this.notifyApplicationAfterRender();
-    }
-    viewInvalidated() {
-        this.adapter.pageInvalidated();
-    }
-    applicationAllowsFollowingLinkToLocation(link, location) {
-        const event = this.notifyApplicationAfterClickingLinkToLocation(link, location);
-        return !event.defaultPrevented;
-    }
-    applicationAllowsVisitingLocation(location) {
-        const event = this.notifyApplicationBeforeVisitingLocation(location);
-        return !event.defaultPrevented;
-    }
-    notifyApplicationAfterClickingLinkToLocation(link, location) {
-        return dispatch("turbo:click", { target: link, detail: { url: location.href }, cancelable: true });
-    }
-    notifyApplicationBeforeVisitingLocation(location) {
-        return dispatch("turbo:before-visit", { detail: { url: location.href }, cancelable: true });
-    }
-    notifyApplicationAfterVisitingLocation(location) {
-        return dispatch("turbo:visit", { detail: { url: location.href } });
-    }
-    notifyApplicationBeforeCachingSnapshot() {
-        return dispatch("turbo:before-cache");
-    }
-    notifyApplicationBeforeRender(newBody) {
-        return dispatch("turbo:before-render", { detail: { newBody } });
-    }
-    notifyApplicationAfterRender() {
-        return dispatch("turbo:render");
-    }
-    notifyApplicationAfterPageLoad(timing = {}) {
-        return dispatch("turbo:load", { detail: { url: this.location.href, timing } });
-    }
-    getActionForLink(link) {
-        const action = link.getAttribute("data-turbo-action");
-        return isAction(action) ? action : "advance";
-    }
-    elementIsNavigable(element) {
-        const container = element === null || element === void 0 ? void 0 : element.closest("[data-turbo]");
-        if (container) {
-            return container.getAttribute("data-turbo") != "false";
-        }
-        else {
-            return true;
-        }
-    }
-    locationIsVisitable(location) {
-        return isPrefixedBy(location, this.snapshot.rootLocation) && isHTML(location);
-    }
-    get snapshot() {
-        return this.view.snapshot;
-    }
-}
-function extendURLWithDeprecatedProperties(url) {
-    Object.defineProperties(url, deprecatedLocationPropertyDescriptors);
-}
-const deprecatedLocationPropertyDescriptors = {
-    absoluteURL: {
-        get() {
-            return this.toString();
-        }
-    }
-};
-
-const session = new Session;
-const { navigator } = session;
-function start() {
-    session.start();
-}
-function registerAdapter(adapter) {
-    session.registerAdapter(adapter);
-}
-function visit(location, options) {
-    session.visit(location, options);
-}
-function connectStreamSource(source) {
-    session.connectStreamSource(source);
-}
-function disconnectStreamSource(source) {
-    session.disconnectStreamSource(source);
-}
-function renderStreamMessage(message) {
-    session.renderStreamMessage(message);
-}
-function clearCache() {
-    session.clearCache();
-}
-function setProgressBarDelay(delay) {
-    session.setProgressBarDelay(delay);
-}
-
-start();
-
-
-//# sourceMappingURL=turbo.es2017-esm.js.map
-
-
-/***/ }),
-
-/***/ "./node_modules/alpine-turbo-drive-adapter/dist/alpine-turbo-drive-adapter.esm.js":
-/*!****************************************************************************************!*\
-  !*** ./node_modules/alpine-turbo-drive-adapter/dist/alpine-turbo-drive-adapter.esm.js ***!
-  \****************************************************************************************/
-/***/ (() => {
-
-function isValidVersion(required, current) {
-  const requiredArray = required.split('.');
-  const currentArray = current.split('.');
-
-  for (let i = 0; i < requiredArray.length; i++) {
-    if (!currentArray[i] || currentArray[i] < requiredArray[i]) {
-      return false;
-    }
-  }
-
-  return true;
-}
-function beforeDomReady(callback) {
-  if (document.readyState === 'loading') {
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'interactive') {
-        callback();
-      }
-    });
-  } else {
-    callback();
-  }
-}
-
-class Bridge {
-  init() {
-    // Tag all cloaked elements on first page load.
-    document.body.querySelectorAll('[x-cloak]').forEach(el => {
-      el.setAttribute('data-alpine-was-cloaked', el.getAttribute('x-cloak') ?? '');
-    });
-    this.configureEventHandlers();
-  }
-
-  setMutationObserverState(state) {
-    if (!window.Alpine.version || !isValidVersion('2.4.0', window.Alpine.version)) {
-      throw new Error('Invalid Alpine version. Please use Alpine 2.4.0 or above');
-    }
-
-    window.Alpine.pauseMutationObserver = state;
-  }
-
-  configureEventHandlers() {
-    // Once Turbolinks finished is magic, we initialise Alpine on the new page
-    // and resume the observer
-    const initCallback = () => {
-      window.Alpine.discoverUninitializedComponents(el => {
-        window.Alpine.initializeComponent(el);
-      });
-      requestAnimationFrame(() => {
-        this.setMutationObserverState(false);
-      });
-    }; // Before swapping the body, clean up any element with x-turbolinks-cached
-    // which do not have any Alpine properties.
-    // Note, at this point all html fragments marked as data-turbolinks-permanent
-    // are already copied over from the previous page so they retain their listener
-    // and custom properties and we don't want to reset them.
-
-
-    const beforeRenderCallback = event => {
-      const newBody = event.data ? event.data.newBody : event.detail.newBody;
-      newBody.querySelectorAll('[data-alpine-generated-me],[x-cloak]').forEach(el => {
-        if (el.hasAttribute('x-cloak')) {
-          // When we get a new document body tag any cloaked elements so we can cloak
-          // them again before caching.
-          el.setAttribute('data-alpine-was-cloaked', el.getAttribute('x-cloak') ?? '');
-        }
-
-        if (el.hasAttribute('data-alpine-generated-me')) {
-          el.removeAttribute('data-alpine-generated-me');
-
-          if (typeof el.__x_for_key === 'undefined' && typeof el.__x_inserted_me === 'undefined') {
-            el.remove();
-          }
-        }
-      });
-    }; // Pause the the mutation observer to avoid data races, it will be resumed by the turbolinks:load event.
-    // We mark as `data-alpine-generated-m` all elements that are crated by an Alpine templating directives.
-    // The reason is that turbolinks caches pages using cloneNode which removes listeners and custom properties
-    // So we need to propagate this infomation using a HTML attribute. I know, not ideal but I could not think
-    // of a better option.
-    // Note, we can't remove any Alpine generated element as yet because if they live inside an element
-    // marked as data-turbolinks-permanent they need to be copied into the next page.
-    // The coping process happens somewhere between before-cache and before-render.
-
-
-    const beforeCacheCallback = () => {
-      this.setMutationObserverState(true);
-      document.body.querySelectorAll('[x-for],[x-if],[data-alpine-was-cloaked]').forEach(el => {
-        // Cloak any elements again that were tagged when the page was loaded
-        if (el.hasAttribute('data-alpine-was-cloaked')) {
-          el.setAttribute('x-cloak', el.getAttribute('data-alpine-was-cloaked') ?? '');
-          el.removeAttribute('data-alpine-was-cloaked');
-        }
-
-        if (el.hasAttribute('x-for')) {
-          let nextEl = el.nextElementSibling;
-
-          while (nextEl && typeof nextEl.__x_for_key !== 'undefined') {
-            const currEl = nextEl;
-            nextEl = nextEl.nextElementSibling;
-            currEl.setAttribute('data-alpine-generated-me', true);
-          }
-        } else if (el.hasAttribute('x-if')) {
-          const ifEl = el.nextElementSibling;
-
-          if (ifEl && typeof ifEl.__x_inserted_me !== 'undefined') {
-            ifEl.setAttribute('data-alpine-generated-me', true);
-          }
-        }
-      });
-    };
-
-    document.addEventListener('turbo:load', initCallback);
-    document.addEventListener('turbolinks:load', initCallback);
-    document.addEventListener('turbo:before-render', beforeRenderCallback);
-    document.addEventListener('turbolinks:before-render', beforeRenderCallback);
-    document.addEventListener('turbo:before-cache', beforeCacheCallback);
-    document.addEventListener('turbolinks:before-cache', beforeCacheCallback);
-  }
-
-}
-
-if (window.Alpine) {
-  console.error('Alpine-turbo-drive-adapter must be included before AlpineJs');
-} // Polyfill for legacy browsers
-
-
-if (!Object.getOwnPropertyDescriptor(NodeList.prototype, 'forEach')) {
-  Object.defineProperty(NodeList.prototype, 'forEach', Object.getOwnPropertyDescriptor(Array.prototype, 'forEach'));
-} // To better suport x-cloak, we need to init the library when the DOM
-// has been downloaded but before Alpine kicks in
-
-
-beforeDomReady(() => {
-  const bridge = new Bridge();
-  bridge.init();
-});
-
-
-/***/ }),
-
-/***/ "./node_modules/alpinejs/dist/alpine.js":
-/*!**********************************************!*\
-  !*** ./node_modules/alpinejs/dist/alpine.js ***!
-  \**********************************************/
-/***/ (function(module) {
-
-(function (global, factory) {
-   true ? module.exports = factory() :
-  0;
-}(this, (function () { 'use strict';
-
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  // Thanks @stimulus:
-  // https://github.com/stimulusjs/stimulus/blob/master/packages/%40stimulus/core/src/application.ts
-  function domReady() {
-    return new Promise(resolve => {
-      if (document.readyState == "loading") {
-        document.addEventListener("DOMContentLoaded", resolve);
-      } else {
-        resolve();
-      }
-    });
-  }
-  function arrayUnique(array) {
-    return Array.from(new Set(array));
-  }
-  function isTesting() {
-    return navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom");
-  }
-  function checkedAttrLooseCompare(valueA, valueB) {
-    return valueA == valueB;
-  }
-  function warnIfMalformedTemplate(el, directive) {
-    if (el.tagName.toLowerCase() !== 'template') {
-      console.warn(`Alpine: [${directive}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${directive}`);
-    } else if (el.content.childElementCount !== 1) {
-      console.warn(`Alpine: <template> tag with [${directive}] encountered with an unexpected number of root elements. Make sure <template> has a single root element. `);
-    }
-  }
-  function kebabCase(subject) {
-    return subject.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[_\s]/, '-').toLowerCase();
-  }
-  function camelCase(subject) {
-    return subject.toLowerCase().replace(/-(\w)/g, (match, char) => char.toUpperCase());
-  }
-  function walk(el, callback) {
-    if (callback(el) === false) return;
-    let node = el.firstElementChild;
-
-    while (node) {
-      walk(node, callback);
-      node = node.nextElementSibling;
-    }
-  }
-  function debounce(func, wait) {
-    var timeout;
-    return function () {
-      var context = this,
-          args = arguments;
-
-      var later = function later() {
-        timeout = null;
-        func.apply(context, args);
-      };
-
-      clearTimeout(timeout);
-      timeout = setTimeout(later, wait);
-    };
-  }
-
-  const handleError = (el, expression, error) => {
-    console.warn(`Alpine Error: "${error}"\n\nExpression: "${expression}"\nElement:`, el);
-
-    if (!isTesting()) {
-      Object.assign(error, {
-        el,
-        expression
-      });
-      throw error;
-    }
-  };
-
-  function tryCatch(cb, {
-    el,
-    expression
-  }) {
-    try {
-      const value = cb();
-      return value instanceof Promise ? value.catch(e => handleError(el, expression, e)) : value;
-    } catch (e) {
-      handleError(el, expression, e);
-    }
-  }
-
-  function saferEval(el, expression, dataContext, additionalHelperVariables = {}) {
-    return tryCatch(() => {
-      if (typeof expression === 'function') {
-        return expression.call(dataContext);
-      }
-
-      return new Function(['$data', ...Object.keys(additionalHelperVariables)], `var __alpine_result; with($data) { __alpine_result = ${expression} }; return __alpine_result`)(dataContext, ...Object.values(additionalHelperVariables));
-    }, {
-      el,
-      expression
-    });
-  }
-  function saferEvalNoReturn(el, expression, dataContext, additionalHelperVariables = {}) {
-    return tryCatch(() => {
-      if (typeof expression === 'function') {
-        return Promise.resolve(expression.call(dataContext, additionalHelperVariables['$event']));
-      }
-
-      let AsyncFunction = Function;
-      /* MODERN-ONLY:START */
-
-      AsyncFunction = Object.getPrototypeOf(async function () {}).constructor;
-      /* MODERN-ONLY:END */
-      // For the cases when users pass only a function reference to the caller: `x-on:click="foo"`
-      // Where "foo" is a function. Also, we'll pass the function the event instance when we call it.
-
-      if (Object.keys(dataContext).includes(expression)) {
-        let methodReference = new Function(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { return ${expression} }`)(dataContext, ...Object.values(additionalHelperVariables));
-
-        if (typeof methodReference === 'function') {
-          return Promise.resolve(methodReference.call(dataContext, additionalHelperVariables['$event']));
-        } else {
-          return Promise.resolve();
-        }
-      }
-
-      return Promise.resolve(new AsyncFunction(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { ${expression} }`)(dataContext, ...Object.values(additionalHelperVariables)));
-    }, {
-      el,
-      expression
-    });
-  }
-  const xAttrRE = /^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;
-  function isXAttr(attr) {
-    const name = replaceAtAndColonWithStandardSyntax(attr.name);
-    return xAttrRE.test(name);
-  }
-  function getXAttrs(el, component, type) {
-    let directives = Array.from(el.attributes).filter(isXAttr).map(parseHtmlAttribute); // Get an object of directives from x-spread.
-
-    let spreadDirective = directives.filter(directive => directive.type === 'spread')[0];
-
-    if (spreadDirective) {
-      let spreadObject = saferEval(el, spreadDirective.expression, component.$data); // Add x-spread directives to the pile of existing directives.
-
-      directives = directives.concat(Object.entries(spreadObject).map(([name, value]) => parseHtmlAttribute({
-        name,
-        value
-      })));
-    }
-
-    if (type) return directives.filter(i => i.type === type);
-    return sortDirectives(directives);
-  }
-
-  function sortDirectives(directives) {
-    let directiveOrder = ['bind', 'model', 'show', 'catch-all'];
-    return directives.sort((a, b) => {
-      let typeA = directiveOrder.indexOf(a.type) === -1 ? 'catch-all' : a.type;
-      let typeB = directiveOrder.indexOf(b.type) === -1 ? 'catch-all' : b.type;
-      return directiveOrder.indexOf(typeA) - directiveOrder.indexOf(typeB);
-    });
-  }
-
-  function parseHtmlAttribute({
-    name,
-    value
-  }) {
-    const normalizedName = replaceAtAndColonWithStandardSyntax(name);
-    const typeMatch = normalizedName.match(xAttrRE);
-    const valueMatch = normalizedName.match(/:([a-zA-Z0-9\-:]+)/);
-    const modifiers = normalizedName.match(/\.[^.\]]+(?=[^\]]*$)/g) || [];
-    return {
-      type: typeMatch ? typeMatch[1] : null,
-      value: valueMatch ? valueMatch[1] : null,
-      modifiers: modifiers.map(i => i.replace('.', '')),
-      expression: value
-    };
-  }
-  function isBooleanAttr(attrName) {
-    // As per HTML spec table https://html.spec.whatwg.org/multipage/indices.html#attributes-3:boolean-attribute
-    // Array roughly ordered by estimated usage
-    const booleanAttributes = ['disabled', 'checked', 'required', 'readonly', 'hidden', 'open', 'selected', 'autofocus', 'itemscope', 'multiple', 'novalidate', 'allowfullscreen', 'allowpaymentrequest', 'formnovalidate', 'autoplay', 'controls', 'loop', 'muted', 'playsinline', 'default', 'ismap', 'reversed', 'async', 'defer', 'nomodule'];
-    return booleanAttributes.includes(attrName);
-  }
-  function replaceAtAndColonWithStandardSyntax(name) {
-    if (name.startsWith('@')) {
-      return name.replace('@', 'x-on:');
-    } else if (name.startsWith(':')) {
-      return name.replace(':', 'x-bind:');
-    }
-
-    return name;
-  }
-  function convertClassStringToArray(classList, filterFn = Boolean) {
-    return classList.split(' ').filter(filterFn);
-  }
-  const TRANSITION_TYPE_IN = 'in';
-  const TRANSITION_TYPE_OUT = 'out';
-  const TRANSITION_CANCELLED = 'cancelled';
-  function transitionIn(el, show, reject, component, forceSkip = false) {
-    // We don't want to transition on the initial page load.
-    if (forceSkip) return show();
-
-    if (el.__x_transition && el.__x_transition.type === TRANSITION_TYPE_IN) {
-      // there is already a similar transition going on, this was probably triggered by
-      // a change in a different property, let's just leave the previous one doing its job
-      return;
-    }
-
-    const attrs = getXAttrs(el, component, 'transition');
-    const showAttr = getXAttrs(el, component, 'show')[0]; // If this is triggered by a x-show.transition.
-
-    if (showAttr && showAttr.modifiers.includes('transition')) {
-      let modifiers = showAttr.modifiers; // If x-show.transition.out, we'll skip the "in" transition.
-
-      if (modifiers.includes('out') && !modifiers.includes('in')) return show();
-      const settingBothSidesOfTransition = modifiers.includes('in') && modifiers.includes('out'); // If x-show.transition.in...out... only use "in" related modifiers for this transition.
-
-      modifiers = settingBothSidesOfTransition ? modifiers.filter((i, index) => index < modifiers.indexOf('out')) : modifiers;
-      transitionHelperIn(el, modifiers, show, reject); // Otherwise, we can assume x-transition:enter.
-    } else if (attrs.some(attr => ['enter', 'enter-start', 'enter-end'].includes(attr.value))) {
-      transitionClassesIn(el, component, attrs, show, reject);
-    } else {
-      // If neither, just show that damn thing.
-      show();
-    }
-  }
-  function transitionOut(el, hide, reject, component, forceSkip = false) {
-    // We don't want to transition on the initial page load.
-    if (forceSkip) return hide();
-
-    if (el.__x_transition && el.__x_transition.type === TRANSITION_TYPE_OUT) {
-      // there is already a similar transition going on, this was probably triggered by
-      // a change in a different property, let's just leave the previous one doing its job
-      return;
-    }
-
-    const attrs = getXAttrs(el, component, 'transition');
-    const showAttr = getXAttrs(el, component, 'show')[0];
-
-    if (showAttr && showAttr.modifiers.includes('transition')) {
-      let modifiers = showAttr.modifiers;
-      if (modifiers.includes('in') && !modifiers.includes('out')) return hide();
-      const settingBothSidesOfTransition = modifiers.includes('in') && modifiers.includes('out');
-      modifiers = settingBothSidesOfTransition ? modifiers.filter((i, index) => index > modifiers.indexOf('out')) : modifiers;
-      transitionHelperOut(el, modifiers, settingBothSidesOfTransition, hide, reject);
-    } else if (attrs.some(attr => ['leave', 'leave-start', 'leave-end'].includes(attr.value))) {
-      transitionClassesOut(el, component, attrs, hide, reject);
-    } else {
-      hide();
-    }
-  }
-  function transitionHelperIn(el, modifiers, showCallback, reject) {
-    // Default values inspired by: https://material.io/design/motion/speed.html#duration
-    const styleValues = {
-      duration: modifierValue(modifiers, 'duration', 150),
-      origin: modifierValue(modifiers, 'origin', 'center'),
-      first: {
-        opacity: 0,
-        scale: modifierValue(modifiers, 'scale', 95)
-      },
-      second: {
-        opacity: 1,
-        scale: 100
-      }
-    };
-    transitionHelper(el, modifiers, showCallback, () => {}, reject, styleValues, TRANSITION_TYPE_IN);
-  }
-  function transitionHelperOut(el, modifiers, settingBothSidesOfTransition, hideCallback, reject) {
-    // Make the "out" transition .5x slower than the "in". (Visually better)
-    // HOWEVER, if they explicitly set a duration for the "out" transition,
-    // use that.
-    const duration = settingBothSidesOfTransition ? modifierValue(modifiers, 'duration', 150) : modifierValue(modifiers, 'duration', 150) / 2;
-    const styleValues = {
-      duration: duration,
-      origin: modifierValue(modifiers, 'origin', 'center'),
-      first: {
-        opacity: 1,
-        scale: 100
-      },
-      second: {
-        opacity: 0,
-        scale: modifierValue(modifiers, 'scale', 95)
-      }
-    };
-    transitionHelper(el, modifiers, () => {}, hideCallback, reject, styleValues, TRANSITION_TYPE_OUT);
-  }
-
-  function modifierValue(modifiers, key, fallback) {
-    // If the modifier isn't present, use the default.
-    if (modifiers.indexOf(key) === -1) return fallback; // If it IS present, grab the value after it: x-show.transition.duration.500ms
-
-    const rawValue = modifiers[modifiers.indexOf(key) + 1];
-    if (!rawValue) return fallback;
-
-    if (key === 'scale') {
-      // Check if the very next value is NOT a number and return the fallback.
-      // If x-show.transition.scale, we'll use the default scale value.
-      // That is how a user opts out of the opacity transition.
-      if (!isNumeric(rawValue)) return fallback;
-    }
-
-    if (key === 'duration') {
-      // Support x-show.transition.duration.500ms && duration.500
-      let match = rawValue.match(/([0-9]+)ms/);
-      if (match) return match[1];
-    }
-
-    if (key === 'origin') {
-      // Support chaining origin directions: x-show.transition.top.right
-      if (['top', 'right', 'left', 'center', 'bottom'].includes(modifiers[modifiers.indexOf(key) + 2])) {
-        return [rawValue, modifiers[modifiers.indexOf(key) + 2]].join(' ');
-      }
-    }
-
-    return rawValue;
-  }
-
-  function transitionHelper(el, modifiers, hook1, hook2, reject, styleValues, type) {
-    // clear the previous transition if exists to avoid caching the wrong styles
-    if (el.__x_transition) {
-      el.__x_transition.cancel && el.__x_transition.cancel();
-    } // If the user set these style values, we'll put them back when we're done with them.
-
-
-    const opacityCache = el.style.opacity;
-    const transformCache = el.style.transform;
-    const transformOriginCache = el.style.transformOrigin; // If no modifiers are present: x-show.transition, we'll default to both opacity and scale.
-
-    const noModifiers = !modifiers.includes('opacity') && !modifiers.includes('scale');
-    const transitionOpacity = noModifiers || modifiers.includes('opacity');
-    const transitionScale = noModifiers || modifiers.includes('scale'); // These are the explicit stages of a transition (same stages for in and for out).
-    // This way you can get a birds eye view of the hooks, and the differences
-    // between them.
-
-    const stages = {
-      start() {
-        if (transitionOpacity) el.style.opacity = styleValues.first.opacity;
-        if (transitionScale) el.style.transform = `scale(${styleValues.first.scale / 100})`;
-      },
-
-      during() {
-        if (transitionScale) el.style.transformOrigin = styleValues.origin;
-        el.style.transitionProperty = [transitionOpacity ? `opacity` : ``, transitionScale ? `transform` : ``].join(' ').trim();
-        el.style.transitionDuration = `${styleValues.duration / 1000}s`;
-        el.style.transitionTimingFunction = `cubic-bezier(0.4, 0.0, 0.2, 1)`;
-      },
-
-      show() {
-        hook1();
-      },
-
-      end() {
-        if (transitionOpacity) el.style.opacity = styleValues.second.opacity;
-        if (transitionScale) el.style.transform = `scale(${styleValues.second.scale / 100})`;
-      },
-
-      hide() {
-        hook2();
-      },
-
-      cleanup() {
-        if (transitionOpacity) el.style.opacity = opacityCache;
-        if (transitionScale) el.style.transform = transformCache;
-        if (transitionScale) el.style.transformOrigin = transformOriginCache;
-        el.style.transitionProperty = null;
-        el.style.transitionDuration = null;
-        el.style.transitionTimingFunction = null;
-      }
-
-    };
-    transition(el, stages, type, reject);
-  }
-
-  const ensureStringExpression = (expression, el, component) => {
-    return typeof expression === 'function' ? component.evaluateReturnExpression(el, expression) : expression;
-  };
-
-  function transitionClassesIn(el, component, directives, showCallback, reject) {
-    const enter = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter') || {
-      expression: ''
-    }).expression, el, component));
-    const enterStart = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter-start') || {
-      expression: ''
-    }).expression, el, component));
-    const enterEnd = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter-end') || {
-      expression: ''
-    }).expression, el, component));
-    transitionClasses(el, enter, enterStart, enterEnd, showCallback, () => {}, TRANSITION_TYPE_IN, reject);
-  }
-  function transitionClassesOut(el, component, directives, hideCallback, reject) {
-    const leave = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave') || {
-      expression: ''
-    }).expression, el, component));
-    const leaveStart = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave-start') || {
-      expression: ''
-    }).expression, el, component));
-    const leaveEnd = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave-end') || {
-      expression: ''
-    }).expression, el, component));
-    transitionClasses(el, leave, leaveStart, leaveEnd, () => {}, hideCallback, TRANSITION_TYPE_OUT, reject);
-  }
-  function transitionClasses(el, classesDuring, classesStart, classesEnd, hook1, hook2, type, reject) {
-    // clear the previous transition if exists to avoid caching the wrong classes
-    if (el.__x_transition) {
-      el.__x_transition.cancel && el.__x_transition.cancel();
-    }
-
-    const originalClasses = el.__x_original_classes || [];
-    const stages = {
-      start() {
-        el.classList.add(...classesStart);
-      },
-
-      during() {
-        el.classList.add(...classesDuring);
-      },
-
-      show() {
-        hook1();
-      },
-
-      end() {
-        // Don't remove classes that were in the original class attribute.
-        el.classList.remove(...classesStart.filter(i => !originalClasses.includes(i)));
-        el.classList.add(...classesEnd);
-      },
-
-      hide() {
-        hook2();
-      },
-
-      cleanup() {
-        el.classList.remove(...classesDuring.filter(i => !originalClasses.includes(i)));
-        el.classList.remove(...classesEnd.filter(i => !originalClasses.includes(i)));
-      }
-
-    };
-    transition(el, stages, type, reject);
-  }
-  function transition(el, stages, type, reject) {
-    const finish = once(() => {
-      stages.hide(); // Adding an "isConnected" check, in case the callback
-      // removed the element from the DOM.
-
-      if (el.isConnected) {
-        stages.cleanup();
-      }
-
-      delete el.__x_transition;
-    });
-    el.__x_transition = {
-      // Set transition type so we can avoid clearing transition if the direction is the same
-      type: type,
-      // create a callback for the last stages of the transition so we can call it
-      // from different point and early terminate it. Once will ensure that function
-      // is only called one time.
-      cancel: once(() => {
-        reject(TRANSITION_CANCELLED);
-        finish();
-      }),
-      finish,
-      // This store the next animation frame so we can cancel it
-      nextFrame: null
-    };
-    stages.start();
-    stages.during();
-    el.__x_transition.nextFrame = requestAnimationFrame(() => {
-      // Note: Safari's transitionDuration property will list out comma separated transition durations
-      // for every single transition property. Let's grab the first one and call it a day.
-      let duration = Number(getComputedStyle(el).transitionDuration.replace(/,.*/, '').replace('s', '')) * 1000;
-
-      if (duration === 0) {
-        duration = Number(getComputedStyle(el).animationDuration.replace('s', '')) * 1000;
-      }
-
-      stages.show();
-      el.__x_transition.nextFrame = requestAnimationFrame(() => {
-        stages.end();
-        setTimeout(el.__x_transition.finish, duration);
-      });
-    });
-  }
-  function isNumeric(subject) {
-    return !Array.isArray(subject) && !isNaN(subject);
-  } // Thanks @vuejs
-  // https://github.com/vuejs/vue/blob/4de4649d9637262a9b007720b59f80ac72a5620c/src/shared/util.js
-
-  function once(callback) {
-    let called = false;
-    return function () {
-      if (!called) {
-        called = true;
-        callback.apply(this, arguments);
-      }
-    };
-  }
-
-  function handleForDirective(component, templateEl, expression, initialUpdate, extraVars) {
-    warnIfMalformedTemplate(templateEl, 'x-for');
-    let iteratorNames = typeof expression === 'function' ? parseForExpression(component.evaluateReturnExpression(templateEl, expression)) : parseForExpression(expression);
-    let items = evaluateItemsAndReturnEmptyIfXIfIsPresentAndFalseOnElement(component, templateEl, iteratorNames, extraVars); // As we walk the array, we'll also walk the DOM (updating/creating as we go).
-
-    let currentEl = templateEl;
-    items.forEach((item, index) => {
-      let iterationScopeVariables = getIterationScopeVariables(iteratorNames, item, index, items, extraVars());
-      let currentKey = generateKeyForIteration(component, templateEl, index, iterationScopeVariables);
-      let nextEl = lookAheadForMatchingKeyedElementAndMoveItIfFound(currentEl.nextElementSibling, currentKey); // If we haven't found a matching key, insert the element at the current position.
-
-      if (!nextEl) {
-        nextEl = addElementInLoopAfterCurrentEl(templateEl, currentEl); // And transition it in if it's not the first page load.
-
-        transitionIn(nextEl, () => {}, () => {}, component, initialUpdate);
-        nextEl.__x_for = iterationScopeVariables;
-        component.initializeElements(nextEl, () => nextEl.__x_for); // Otherwise update the element we found.
-      } else {
-        // Temporarily remove the key indicator to allow the normal "updateElements" to work.
-        delete nextEl.__x_for_key;
-        nextEl.__x_for = iterationScopeVariables;
-        component.updateElements(nextEl, () => nextEl.__x_for);
-      }
-
-      currentEl = nextEl;
-      currentEl.__x_for_key = currentKey;
-    });
-    removeAnyLeftOverElementsFromPreviousUpdate(currentEl, component);
-  } // This was taken from VueJS 2.* core. Thanks Vue!
-
-  function parseForExpression(expression) {
-    let forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
-    let stripParensRE = /^\(|\)$/g;
-    let forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
-    let inMatch = String(expression).match(forAliasRE);
-    if (!inMatch) return;
-    let res = {};
-    res.items = inMatch[2].trim();
-    let item = inMatch[1].trim().replace(stripParensRE, '');
-    let iteratorMatch = item.match(forIteratorRE);
-
-    if (iteratorMatch) {
-      res.item = item.replace(forIteratorRE, '').trim();
-      res.index = iteratorMatch[1].trim();
-
-      if (iteratorMatch[2]) {
-        res.collection = iteratorMatch[2].trim();
-      }
-    } else {
-      res.item = item;
-    }
-
-    return res;
-  }
-
-  function getIterationScopeVariables(iteratorNames, item, index, items, extraVars) {
-    // We must create a new object, so each iteration has a new scope
-    let scopeVariables = extraVars ? _objectSpread2({}, extraVars) : {};
-    scopeVariables[iteratorNames.item] = item;
-    if (iteratorNames.index) scopeVariables[iteratorNames.index] = index;
-    if (iteratorNames.collection) scopeVariables[iteratorNames.collection] = items;
-    return scopeVariables;
-  }
-
-  function generateKeyForIteration(component, el, index, iterationScopeVariables) {
-    let bindKeyAttribute = getXAttrs(el, component, 'bind').filter(attr => attr.value === 'key')[0]; // If the dev hasn't specified a key, just return the index of the iteration.
-
-    if (!bindKeyAttribute) return index;
-    return component.evaluateReturnExpression(el, bindKeyAttribute.expression, () => iterationScopeVariables);
-  }
-
-  function evaluateItemsAndReturnEmptyIfXIfIsPresentAndFalseOnElement(component, el, iteratorNames, extraVars) {
-    let ifAttribute = getXAttrs(el, component, 'if')[0];
-
-    if (ifAttribute && !component.evaluateReturnExpression(el, ifAttribute.expression)) {
-      return [];
-    }
-
-    let items = component.evaluateReturnExpression(el, iteratorNames.items, extraVars); // This adds support for the `i in n` syntax.
-
-    if (isNumeric(items) && items >= 0) {
-      items = Array.from(Array(items).keys(), i => i + 1);
-    }
-
-    return items;
-  }
-
-  function addElementInLoopAfterCurrentEl(templateEl, currentEl) {
-    let clone = document.importNode(templateEl.content, true);
-    currentEl.parentElement.insertBefore(clone, currentEl.nextElementSibling);
-    return currentEl.nextElementSibling;
-  }
-
-  function lookAheadForMatchingKeyedElementAndMoveItIfFound(nextEl, currentKey) {
-    if (!nextEl) return; // If we are already past the x-for generated elements, we don't need to look ahead.
-
-    if (nextEl.__x_for_key === undefined) return; // If the the key's DO match, no need to look ahead.
-
-    if (nextEl.__x_for_key === currentKey) return nextEl; // If they don't, we'll look ahead for a match.
-    // If we find it, we'll move it to the current position in the loop.
-
-    let tmpNextEl = nextEl;
-
-    while (tmpNextEl) {
-      if (tmpNextEl.__x_for_key === currentKey) {
-        return tmpNextEl.parentElement.insertBefore(tmpNextEl, nextEl);
-      }
-
-      tmpNextEl = tmpNextEl.nextElementSibling && tmpNextEl.nextElementSibling.__x_for_key !== undefined ? tmpNextEl.nextElementSibling : false;
-    }
-  }
-
-  function removeAnyLeftOverElementsFromPreviousUpdate(currentEl, component) {
-    var nextElementFromOldLoop = currentEl.nextElementSibling && currentEl.nextElementSibling.__x_for_key !== undefined ? currentEl.nextElementSibling : false;
-
-    while (nextElementFromOldLoop) {
-      let nextElementFromOldLoopImmutable = nextElementFromOldLoop;
-      let nextSibling = nextElementFromOldLoop.nextElementSibling;
-      transitionOut(nextElementFromOldLoop, () => {
-        nextElementFromOldLoopImmutable.remove();
-      }, () => {}, component);
-      nextElementFromOldLoop = nextSibling && nextSibling.__x_for_key !== undefined ? nextSibling : false;
-    }
-  }
-
-  function handleAttributeBindingDirective(component, el, attrName, expression, extraVars, attrType, modifiers) {
-    var value = component.evaluateReturnExpression(el, expression, extraVars);
-
-    if (attrName === 'value') {
-      if (Alpine.ignoreFocusedForValueBinding && document.activeElement.isSameNode(el)) return; // If nested model key is undefined, set the default value to empty string.
-
-      if (value === undefined && String(expression).match(/\./)) {
-        value = '';
-      }
-
-      if (el.type === 'radio') {
-        // Set radio value from x-bind:value, if no "value" attribute exists.
-        // If there are any initial state values, radio will have a correct
-        // "checked" value since x-bind:value is processed before x-model.
-        if (el.attributes.value === undefined && attrType === 'bind') {
-          el.value = value;
-        } else if (attrType !== 'bind') {
-          el.checked = checkedAttrLooseCompare(el.value, value);
-        }
-      } else if (el.type === 'checkbox') {
-        // If we are explicitly binding a string to the :value, set the string,
-        // If the value is a boolean, leave it alone, it will be set to "on"
-        // automatically.
-        if (typeof value !== 'boolean' && ![null, undefined].includes(value) && attrType === 'bind') {
-          el.value = String(value);
-        } else if (attrType !== 'bind') {
-          if (Array.isArray(value)) {
-            // I'm purposely not using Array.includes here because it's
-            // strict, and because of Numeric/String mis-casting, I
-            // want the "includes" to be "fuzzy".
-            el.checked = value.some(val => checkedAttrLooseCompare(val, el.value));
-          } else {
-            el.checked = !!value;
-          }
-        }
-      } else if (el.tagName === 'SELECT') {
-        updateSelect(el, value);
-      } else {
-        if (el.value === value) return;
-        el.value = value;
-      }
-    } else if (attrName === 'class') {
-      if (Array.isArray(value)) {
-        const originalClasses = el.__x_original_classes || [];
-        el.setAttribute('class', arrayUnique(originalClasses.concat(value)).join(' '));
-      } else if (typeof value === 'object') {
-        // Sorting the keys / class names by their boolean value will ensure that
-        // anything that evaluates to `false` and needs to remove classes is run first.
-        const keysSortedByBooleanValue = Object.keys(value).sort((a, b) => value[a] - value[b]);
-        keysSortedByBooleanValue.forEach(classNames => {
-          if (value[classNames]) {
-            convertClassStringToArray(classNames).forEach(className => el.classList.add(className));
-          } else {
-            convertClassStringToArray(classNames).forEach(className => el.classList.remove(className));
-          }
-        });
-      } else {
-        const originalClasses = el.__x_original_classes || [];
-        const newClasses = value ? convertClassStringToArray(value) : [];
-        el.setAttribute('class', arrayUnique(originalClasses.concat(newClasses)).join(' '));
-      }
-    } else {
-      attrName = modifiers.includes('camel') ? camelCase(attrName) : attrName; // If an attribute's bound value is null, undefined or false, remove the attribute
-
-      if ([null, undefined, false].includes(value)) {
-        el.removeAttribute(attrName);
-      } else {
-        isBooleanAttr(attrName) ? setIfChanged(el, attrName, attrName) : setIfChanged(el, attrName, value);
-      }
-    }
-  }
-
-  function setIfChanged(el, attrName, value) {
-    if (el.getAttribute(attrName) != value) {
-      el.setAttribute(attrName, value);
-    }
-  }
-
-  function updateSelect(el, value) {
-    const arrayWrappedValue = [].concat(value).map(value => {
-      return value + '';
-    });
-    Array.from(el.options).forEach(option => {
-      option.selected = arrayWrappedValue.includes(option.value || option.text);
-    });
-  }
-
-  function handleTextDirective(el, output, expression) {
-    // If nested model key is undefined, set the default value to empty string.
-    if (output === undefined && String(expression).match(/\./)) {
-      output = '';
-    }
-
-    el.textContent = output;
-  }
-
-  function handleHtmlDirective(component, el, expression, extraVars) {
-    el.innerHTML = component.evaluateReturnExpression(el, expression, extraVars);
-  }
-
-  function handleShowDirective(component, el, value, modifiers, initialUpdate = false) {
-    const hide = () => {
-      el.style.display = 'none';
-      el.__x_is_shown = false;
-    };
-
-    const show = () => {
-      if (el.style.length === 1 && el.style.display === 'none') {
-        el.removeAttribute('style');
-      } else {
-        el.style.removeProperty('display');
-      }
-
-      el.__x_is_shown = true;
-    };
-
-    if (initialUpdate === true) {
-      if (value) {
-        show();
-      } else {
-        hide();
-      }
-
-      return;
-    }
-
-    const handle = (resolve, reject) => {
-      if (value) {
-        if (el.style.display === 'none' || el.__x_transition) {
-          transitionIn(el, () => {
-            show();
-          }, reject, component);
-        }
-
-        resolve(() => {});
-      } else {
-        if (el.style.display !== 'none') {
-          transitionOut(el, () => {
-            resolve(() => {
-              hide();
-            });
-          }, reject, component);
-        } else {
-          resolve(() => {});
-        }
-      }
-    }; // The working of x-show is a bit complex because we need to
-    // wait for any child transitions to finish before hiding
-    // some element. Also, this has to be done recursively.
-    // If x-show.immediate, foregoe the waiting.
-
-
-    if (modifiers.includes('immediate')) {
-      handle(finish => finish(), () => {});
-      return;
-    } // x-show is encountered during a DOM tree walk. If an element
-    // we encounter is NOT a child of another x-show element we
-    // can execute the previous x-show stack (if one exists).
-
-
-    if (component.showDirectiveLastElement && !component.showDirectiveLastElement.contains(el)) {
-      component.executeAndClearRemainingShowDirectiveStack();
-    }
-
-    component.showDirectiveStack.push(handle);
-    component.showDirectiveLastElement = el;
-  }
-
-  function handleIfDirective(component, el, expressionResult, initialUpdate, extraVars) {
-    warnIfMalformedTemplate(el, 'x-if');
-    const elementHasAlreadyBeenAdded = el.nextElementSibling && el.nextElementSibling.__x_inserted_me === true;
-
-    if (expressionResult && (!elementHasAlreadyBeenAdded || el.__x_transition)) {
-      const clone = document.importNode(el.content, true);
-      el.parentElement.insertBefore(clone, el.nextElementSibling);
-      transitionIn(el.nextElementSibling, () => {}, () => {}, component, initialUpdate);
-      component.initializeElements(el.nextElementSibling, extraVars);
-      el.nextElementSibling.__x_inserted_me = true;
-    } else if (!expressionResult && elementHasAlreadyBeenAdded) {
-      transitionOut(el.nextElementSibling, () => {
-        el.nextElementSibling.remove();
-      }, () => {}, component, initialUpdate);
-    }
-  }
-
-  function registerListener(component, el, event, modifiers, expression, extraVars = {}) {
-    const options = {
-      passive: modifiers.includes('passive')
-    };
-
-    if (modifiers.includes('camel')) {
-      event = camelCase(event);
-    }
-
-    let handler, listenerTarget;
-
-    if (modifiers.includes('away')) {
-      listenerTarget = document;
-
-      handler = e => {
-        // Don't do anything if the click came from the element or within it.
-        if (el.contains(e.target)) return; // Don't do anything if this element isn't currently visible.
-
-        if (el.offsetWidth < 1 && el.offsetHeight < 1) return; // Now that we are sure the element is visible, AND the click
-        // is from outside it, let's run the expression.
-
-        runListenerHandler(component, expression, e, extraVars);
-
-        if (modifiers.includes('once')) {
-          document.removeEventListener(event, handler, options);
-        }
-      };
-    } else {
-      listenerTarget = modifiers.includes('window') ? window : modifiers.includes('document') ? document : el;
-
-      handler = e => {
-        // Remove this global event handler if the element that declared it
-        // has been removed. It's now stale.
-        if (listenerTarget === window || listenerTarget === document) {
-          if (!document.body.contains(el)) {
-            listenerTarget.removeEventListener(event, handler, options);
-            return;
-          }
-        }
-
-        if (isKeyEvent(event)) {
-          if (isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers)) {
-            return;
-          }
-        }
-
-        if (modifiers.includes('prevent')) e.preventDefault();
-        if (modifiers.includes('stop')) e.stopPropagation(); // If the .self modifier isn't present, or if it is present and
-        // the target element matches the element we are registering the
-        // event on, run the handler
-
-        if (!modifiers.includes('self') || e.target === el) {
-          const returnValue = runListenerHandler(component, expression, e, extraVars);
-          returnValue.then(value => {
-            if (value === false) {
-              e.preventDefault();
-            } else {
-              if (modifiers.includes('once')) {
-                listenerTarget.removeEventListener(event, handler, options);
-              }
-            }
-          });
-        }
-      };
-    }
-
-    if (modifiers.includes('debounce')) {
-      let nextModifier = modifiers[modifiers.indexOf('debounce') + 1] || 'invalid-wait';
-      let wait = isNumeric(nextModifier.split('ms')[0]) ? Number(nextModifier.split('ms')[0]) : 250;
-      handler = debounce(handler, wait);
-    }
-
-    listenerTarget.addEventListener(event, handler, options);
-  }
-
-  function runListenerHandler(component, expression, e, extraVars) {
-    return component.evaluateCommandExpression(e.target, expression, () => {
-      return _objectSpread2(_objectSpread2({}, extraVars()), {}, {
-        '$event': e
-      });
-    });
-  }
-
-  function isKeyEvent(event) {
-    return ['keydown', 'keyup'].includes(event);
-  }
-
-  function isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers) {
-    let keyModifiers = modifiers.filter(i => {
-      return !['window', 'document', 'prevent', 'stop'].includes(i);
-    });
-
-    if (keyModifiers.includes('debounce')) {
-      let debounceIndex = keyModifiers.indexOf('debounce');
-      keyModifiers.splice(debounceIndex, isNumeric((keyModifiers[debounceIndex + 1] || 'invalid-wait').split('ms')[0]) ? 2 : 1);
-    } // If no modifier is specified, we'll call it a press.
-
-
-    if (keyModifiers.length === 0) return false; // If one is passed, AND it matches the key pressed, we'll call it a press.
-
-    if (keyModifiers.length === 1 && keyModifiers[0] === keyToModifier(e.key)) return false; // The user is listening for key combinations.
-
-    const systemKeyModifiers = ['ctrl', 'shift', 'alt', 'meta', 'cmd', 'super'];
-    const selectedSystemKeyModifiers = systemKeyModifiers.filter(modifier => keyModifiers.includes(modifier));
-    keyModifiers = keyModifiers.filter(i => !selectedSystemKeyModifiers.includes(i));
-
-    if (selectedSystemKeyModifiers.length > 0) {
-      const activelyPressedKeyModifiers = selectedSystemKeyModifiers.filter(modifier => {
-        // Alias "cmd" and "super" to "meta"
-        if (modifier === 'cmd' || modifier === 'super') modifier = 'meta';
-        return e[`${modifier}Key`];
-      }); // If all the modifiers selected are pressed, ...
-
-      if (activelyPressedKeyModifiers.length === selectedSystemKeyModifiers.length) {
-        // AND the remaining key is pressed as well. It's a press.
-        if (keyModifiers[0] === keyToModifier(e.key)) return false;
-      }
-    } // We'll call it NOT a valid keypress.
-
-
-    return true;
-  }
-
-  function keyToModifier(key) {
-    switch (key) {
-      case '/':
-        return 'slash';
-
-      case ' ':
-      case 'Spacebar':
-        return 'space';
-
-      default:
-        return key && kebabCase(key);
-    }
-  }
-
-  function registerModelListener(component, el, modifiers, expression, extraVars) {
-    // If the element we are binding to is a select, a radio, or checkbox
-    // we'll listen for the change event instead of the "input" event.
-    var event = el.tagName.toLowerCase() === 'select' || ['checkbox', 'radio'].includes(el.type) || modifiers.includes('lazy') ? 'change' : 'input';
-    const listenerExpression = `${expression} = rightSideOfExpression($event, ${expression})`;
-    registerListener(component, el, event, modifiers, listenerExpression, () => {
-      return _objectSpread2(_objectSpread2({}, extraVars()), {}, {
-        rightSideOfExpression: generateModelAssignmentFunction(el, modifiers, expression)
-      });
-    });
-  }
-
-  function generateModelAssignmentFunction(el, modifiers, expression) {
-    if (el.type === 'radio') {
-      // Radio buttons only work properly when they share a name attribute.
-      // People might assume we take care of that for them, because
-      // they already set a shared "x-model" attribute.
-      if (!el.hasAttribute('name')) el.setAttribute('name', expression);
-    }
-
-    return (event, currentValue) => {
-      // Check for event.detail due to an issue where IE11 handles other events as a CustomEvent.
-      if (event instanceof CustomEvent && event.detail) {
-        return event.detail;
-      } else if (el.type === 'checkbox') {
-        // If the data we are binding to is an array, toggle its value inside the array.
-        if (Array.isArray(currentValue)) {
-          const newValue = modifiers.includes('number') ? safeParseNumber(event.target.value) : event.target.value;
-          return event.target.checked ? currentValue.concat([newValue]) : currentValue.filter(el => !checkedAttrLooseCompare(el, newValue));
-        } else {
-          return event.target.checked;
-        }
-      } else if (el.tagName.toLowerCase() === 'select' && el.multiple) {
-        return modifiers.includes('number') ? Array.from(event.target.selectedOptions).map(option => {
-          const rawValue = option.value || option.text;
-          return safeParseNumber(rawValue);
-        }) : Array.from(event.target.selectedOptions).map(option => {
-          return option.value || option.text;
-        });
-      } else {
-        const rawValue = event.target.value;
-        return modifiers.includes('number') ? safeParseNumber(rawValue) : modifiers.includes('trim') ? rawValue.trim() : rawValue;
-      }
-    };
-  }
-
-  function safeParseNumber(rawValue) {
-    const number = rawValue ? parseFloat(rawValue) : null;
-    return isNumeric(number) ? number : rawValue;
-  }
-
-  /**
-   * Copyright (C) 2017 salesforce.com, inc.
-   */
-  const { isArray } = Array;
-  const { getPrototypeOf, create: ObjectCreate, defineProperty: ObjectDefineProperty, defineProperties: ObjectDefineProperties, isExtensible, getOwnPropertyDescriptor, getOwnPropertyNames, getOwnPropertySymbols, preventExtensions, hasOwnProperty, } = Object;
-  const { push: ArrayPush, concat: ArrayConcat, map: ArrayMap, } = Array.prototype;
-  function isUndefined(obj) {
-      return obj === undefined;
-  }
-  function isFunction(obj) {
-      return typeof obj === 'function';
-  }
-  function isObject(obj) {
-      return typeof obj === 'object';
-  }
-  const proxyToValueMap = new WeakMap();
-  function registerProxy(proxy, value) {
-      proxyToValueMap.set(proxy, value);
-  }
-  const unwrap = (replicaOrAny) => proxyToValueMap.get(replicaOrAny) || replicaOrAny;
-
-  function wrapValue(membrane, value) {
-      return membrane.valueIsObservable(value) ? membrane.getProxy(value) : value;
-  }
-  /**
-   * Unwrap property descriptors will set value on original descriptor
-   * We only need to unwrap if value is specified
-   * @param descriptor external descrpitor provided to define new property on original value
-   */
-  function unwrapDescriptor(descriptor) {
-      if (hasOwnProperty.call(descriptor, 'value')) {
-          descriptor.value = unwrap(descriptor.value);
-      }
-      return descriptor;
-  }
-  function lockShadowTarget(membrane, shadowTarget, originalTarget) {
-      const targetKeys = ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
-      targetKeys.forEach((key) => {
-          let descriptor = getOwnPropertyDescriptor(originalTarget, key);
-          // We do not need to wrap the descriptor if configurable
-          // Because we can deal with wrapping it when user goes through
-          // Get own property descriptor. There is also a chance that this descriptor
-          // could change sometime in the future, so we can defer wrapping
-          // until we need to
-          if (!descriptor.configurable) {
-              descriptor = wrapDescriptor(membrane, descriptor, wrapValue);
-          }
-          ObjectDefineProperty(shadowTarget, key, descriptor);
-      });
-      preventExtensions(shadowTarget);
-  }
-  class ReactiveProxyHandler {
-      constructor(membrane, value) {
-          this.originalTarget = value;
-          this.membrane = membrane;
-      }
-      get(shadowTarget, key) {
-          const { originalTarget, membrane } = this;
-          const value = originalTarget[key];
-          const { valueObserved } = membrane;
-          valueObserved(originalTarget, key);
-          return membrane.getProxy(value);
-      }
-      set(shadowTarget, key, value) {
-          const { originalTarget, membrane: { valueMutated } } = this;
-          const oldValue = originalTarget[key];
-          if (oldValue !== value) {
-              originalTarget[key] = value;
-              valueMutated(originalTarget, key);
-          }
-          else if (key === 'length' && isArray(originalTarget)) {
-              // fix for issue #236: push will add the new index, and by the time length
-              // is updated, the internal length is already equal to the new length value
-              // therefore, the oldValue is equal to the value. This is the forking logic
-              // to support this use case.
-              valueMutated(originalTarget, key);
-          }
-          return true;
-      }
-      deleteProperty(shadowTarget, key) {
-          const { originalTarget, membrane: { valueMutated } } = this;
-          delete originalTarget[key];
-          valueMutated(originalTarget, key);
-          return true;
-      }
-      apply(shadowTarget, thisArg, argArray) {
-          /* No op */
-      }
-      construct(target, argArray, newTarget) {
-          /* No op */
-      }
-      has(shadowTarget, key) {
-          const { originalTarget, membrane: { valueObserved } } = this;
-          valueObserved(originalTarget, key);
-          return key in originalTarget;
-      }
-      ownKeys(shadowTarget) {
-          const { originalTarget } = this;
-          return ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
-      }
-      isExtensible(shadowTarget) {
-          const shadowIsExtensible = isExtensible(shadowTarget);
-          if (!shadowIsExtensible) {
-              return shadowIsExtensible;
-          }
-          const { originalTarget, membrane } = this;
-          const targetIsExtensible = isExtensible(originalTarget);
-          if (!targetIsExtensible) {
-              lockShadowTarget(membrane, shadowTarget, originalTarget);
-          }
-          return targetIsExtensible;
-      }
-      setPrototypeOf(shadowTarget, prototype) {
-      }
-      getPrototypeOf(shadowTarget) {
-          const { originalTarget } = this;
-          return getPrototypeOf(originalTarget);
-      }
-      getOwnPropertyDescriptor(shadowTarget, key) {
-          const { originalTarget, membrane } = this;
-          const { valueObserved } = this.membrane;
-          // keys looked up via hasOwnProperty need to be reactive
-          valueObserved(originalTarget, key);
-          let desc = getOwnPropertyDescriptor(originalTarget, key);
-          if (isUndefined(desc)) {
-              return desc;
-          }
-          const shadowDescriptor = getOwnPropertyDescriptor(shadowTarget, key);
-          if (!isUndefined(shadowDescriptor)) {
-              return shadowDescriptor;
-          }
-          // Note: by accessing the descriptor, the key is marked as observed
-          // but access to the value, setter or getter (if available) cannot observe
-          // mutations, just like regular methods, in which case we just do nothing.
-          desc = wrapDescriptor(membrane, desc, wrapValue);
-          if (!desc.configurable) {
-              // If descriptor from original target is not configurable,
-              // We must copy the wrapped descriptor over to the shadow target.
-              // Otherwise, proxy will throw an invariant error.
-              // This is our last chance to lock the value.
-              // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/getOwnPropertyDescriptor#Invariants
-              ObjectDefineProperty(shadowTarget, key, desc);
-          }
-          return desc;
-      }
-      preventExtensions(shadowTarget) {
-          const { originalTarget, membrane } = this;
-          lockShadowTarget(membrane, shadowTarget, originalTarget);
-          preventExtensions(originalTarget);
-          return true;
-      }
-      defineProperty(shadowTarget, key, descriptor) {
-          const { originalTarget, membrane } = this;
-          const { valueMutated } = membrane;
-          const { configurable } = descriptor;
-          // We have to check for value in descriptor
-          // because Object.freeze(proxy) calls this method
-          // with only { configurable: false, writeable: false }
-          // Additionally, method will only be called with writeable:false
-          // if the descriptor has a value, as opposed to getter/setter
-          // So we can just check if writable is present and then see if
-          // value is present. This eliminates getter and setter descriptors
-          if (hasOwnProperty.call(descriptor, 'writable') && !hasOwnProperty.call(descriptor, 'value')) {
-              const originalDescriptor = getOwnPropertyDescriptor(originalTarget, key);
-              descriptor.value = originalDescriptor.value;
-          }
-          ObjectDefineProperty(originalTarget, key, unwrapDescriptor(descriptor));
-          if (configurable === false) {
-              ObjectDefineProperty(shadowTarget, key, wrapDescriptor(membrane, descriptor, wrapValue));
-          }
-          valueMutated(originalTarget, key);
-          return true;
-      }
-  }
-
-  function wrapReadOnlyValue(membrane, value) {
-      return membrane.valueIsObservable(value) ? membrane.getReadOnlyProxy(value) : value;
-  }
-  class ReadOnlyHandler {
-      constructor(membrane, value) {
-          this.originalTarget = value;
-          this.membrane = membrane;
-      }
-      get(shadowTarget, key) {
-          const { membrane, originalTarget } = this;
-          const value = originalTarget[key];
-          const { valueObserved } = membrane;
-          valueObserved(originalTarget, key);
-          return membrane.getReadOnlyProxy(value);
-      }
-      set(shadowTarget, key, value) {
-          return false;
-      }
-      deleteProperty(shadowTarget, key) {
-          return false;
-      }
-      apply(shadowTarget, thisArg, argArray) {
-          /* No op */
-      }
-      construct(target, argArray, newTarget) {
-          /* No op */
-      }
-      has(shadowTarget, key) {
-          const { originalTarget, membrane: { valueObserved } } = this;
-          valueObserved(originalTarget, key);
-          return key in originalTarget;
-      }
-      ownKeys(shadowTarget) {
-          const { originalTarget } = this;
-          return ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
-      }
-      setPrototypeOf(shadowTarget, prototype) {
-      }
-      getOwnPropertyDescriptor(shadowTarget, key) {
-          const { originalTarget, membrane } = this;
-          const { valueObserved } = membrane;
-          // keys looked up via hasOwnProperty need to be reactive
-          valueObserved(originalTarget, key);
-          let desc = getOwnPropertyDescriptor(originalTarget, key);
-          if (isUndefined(desc)) {
-              return desc;
-          }
-          const shadowDescriptor = getOwnPropertyDescriptor(shadowTarget, key);
-          if (!isUndefined(shadowDescriptor)) {
-              return shadowDescriptor;
-          }
-          // Note: by accessing the descriptor, the key is marked as observed
-          // but access to the value or getter (if available) cannot be observed,
-          // just like regular methods, in which case we just do nothing.
-          desc = wrapDescriptor(membrane, desc, wrapReadOnlyValue);
-          if (hasOwnProperty.call(desc, 'set')) {
-              desc.set = undefined; // readOnly membrane does not allow setters
-          }
-          if (!desc.configurable) {
-              // If descriptor from original target is not configurable,
-              // We must copy the wrapped descriptor over to the shadow target.
-              // Otherwise, proxy will throw an invariant error.
-              // This is our last chance to lock the value.
-              // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/getOwnPropertyDescriptor#Invariants
-              ObjectDefineProperty(shadowTarget, key, desc);
-          }
-          return desc;
-      }
-      preventExtensions(shadowTarget) {
-          return false;
-      }
-      defineProperty(shadowTarget, key, descriptor) {
-          return false;
-      }
-  }
-  function createShadowTarget(value) {
-      let shadowTarget = undefined;
-      if (isArray(value)) {
-          shadowTarget = [];
-      }
-      else if (isObject(value)) {
-          shadowTarget = {};
-      }
-      return shadowTarget;
-  }
-  const ObjectDotPrototype = Object.prototype;
-  function defaultValueIsObservable(value) {
-      // intentionally checking for null
-      if (value === null) {
-          return false;
-      }
-      // treat all non-object types, including undefined, as non-observable values
-      if (typeof value !== 'object') {
-          return false;
-      }
-      if (isArray(value)) {
-          return true;
-      }
-      const proto = getPrototypeOf(value);
-      return (proto === ObjectDotPrototype || proto === null || getPrototypeOf(proto) === null);
-  }
-  const defaultValueObserved = (obj, key) => {
-      /* do nothing */
-  };
-  const defaultValueMutated = (obj, key) => {
-      /* do nothing */
-  };
-  const defaultValueDistortion = (value) => value;
-  function wrapDescriptor(membrane, descriptor, getValue) {
-      const { set, get } = descriptor;
-      if (hasOwnProperty.call(descriptor, 'value')) {
-          descriptor.value = getValue(membrane, descriptor.value);
-      }
-      else {
-          if (!isUndefined(get)) {
-              descriptor.get = function () {
-                  // invoking the original getter with the original target
-                  return getValue(membrane, get.call(unwrap(this)));
-              };
-          }
-          if (!isUndefined(set)) {
-              descriptor.set = function (value) {
-                  // At this point we don't have a clear indication of whether
-                  // or not a valid mutation will occur, we don't have the key,
-                  // and we are not sure why and how they are invoking this setter.
-                  // Nevertheless we preserve the original semantics by invoking the
-                  // original setter with the original target and the unwrapped value
-                  set.call(unwrap(this), membrane.unwrapProxy(value));
-              };
-          }
-      }
-      return descriptor;
-  }
-  class ReactiveMembrane {
-      constructor(options) {
-          this.valueDistortion = defaultValueDistortion;
-          this.valueMutated = defaultValueMutated;
-          this.valueObserved = defaultValueObserved;
-          this.valueIsObservable = defaultValueIsObservable;
-          this.objectGraph = new WeakMap();
-          if (!isUndefined(options)) {
-              const { valueDistortion, valueMutated, valueObserved, valueIsObservable } = options;
-              this.valueDistortion = isFunction(valueDistortion) ? valueDistortion : defaultValueDistortion;
-              this.valueMutated = isFunction(valueMutated) ? valueMutated : defaultValueMutated;
-              this.valueObserved = isFunction(valueObserved) ? valueObserved : defaultValueObserved;
-              this.valueIsObservable = isFunction(valueIsObservable) ? valueIsObservable : defaultValueIsObservable;
-          }
-      }
-      getProxy(value) {
-          const unwrappedValue = unwrap(value);
-          const distorted = this.valueDistortion(unwrappedValue);
-          if (this.valueIsObservable(distorted)) {
-              const o = this.getReactiveState(unwrappedValue, distorted);
-              // when trying to extract the writable version of a readonly
-              // we return the readonly.
-              return o.readOnly === value ? value : o.reactive;
-          }
-          return distorted;
-      }
-      getReadOnlyProxy(value) {
-          value = unwrap(value);
-          const distorted = this.valueDistortion(value);
-          if (this.valueIsObservable(distorted)) {
-              return this.getReactiveState(value, distorted).readOnly;
-          }
-          return distorted;
-      }
-      unwrapProxy(p) {
-          return unwrap(p);
-      }
-      getReactiveState(value, distortedValue) {
-          const { objectGraph, } = this;
-          let reactiveState = objectGraph.get(distortedValue);
-          if (reactiveState) {
-              return reactiveState;
-          }
-          const membrane = this;
-          reactiveState = {
-              get reactive() {
-                  const reactiveHandler = new ReactiveProxyHandler(membrane, distortedValue);
-                  // caching the reactive proxy after the first time it is accessed
-                  const proxy = new Proxy(createShadowTarget(distortedValue), reactiveHandler);
-                  registerProxy(proxy, value);
-                  ObjectDefineProperty(this, 'reactive', { value: proxy });
-                  return proxy;
-              },
-              get readOnly() {
-                  const readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue);
-                  // caching the readOnly proxy after the first time it is accessed
-                  const proxy = new Proxy(createShadowTarget(distortedValue), readOnlyHandler);
-                  registerProxy(proxy, value);
-                  ObjectDefineProperty(this, 'readOnly', { value: proxy });
-                  return proxy;
-              }
-          };
-          objectGraph.set(distortedValue, reactiveState);
-          return reactiveState;
-      }
-  }
-  /** version: 0.26.0 */
-
-  function wrap(data, mutationCallback) {
-
-    let membrane = new ReactiveMembrane({
-      valueMutated(target, key) {
-        mutationCallback(target, key);
-      }
-
-    });
-    return {
-      data: membrane.getProxy(data),
-      membrane: membrane
-    };
-  }
-  function unwrap$1(membrane, observable) {
-    let unwrappedData = membrane.unwrapProxy(observable);
-    let copy = {};
-    Object.keys(unwrappedData).forEach(key => {
-      if (['$el', '$refs', '$nextTick', '$watch'].includes(key)) return;
-      copy[key] = unwrappedData[key];
-    });
-    return copy;
-  }
-
-  class Component {
-    constructor(el, componentForClone = null) {
-      this.$el = el;
-      const dataAttr = this.$el.getAttribute('x-data');
-      const dataExpression = dataAttr === '' ? '{}' : dataAttr;
-      const initExpression = this.$el.getAttribute('x-init');
-      let dataExtras = {
-        $el: this.$el
-      };
-      let canonicalComponentElementReference = componentForClone ? componentForClone.$el : this.$el;
-      Object.entries(Alpine.magicProperties).forEach(([name, callback]) => {
-        Object.defineProperty(dataExtras, `$${name}`, {
-          get: function get() {
-            return callback(canonicalComponentElementReference);
-          }
-        });
-      });
-      this.unobservedData = componentForClone ? componentForClone.getUnobservedData() : saferEval(el, dataExpression, dataExtras);
-      // Construct a Proxy-based observable. This will be used to handle reactivity.
-
-      let {
-        membrane,
-        data
-      } = this.wrapDataInObservable(this.unobservedData);
-      this.$data = data;
-      this.membrane = membrane; // After making user-supplied data methods reactive, we can now add
-      // our magic properties to the original data for access.
-
-      this.unobservedData.$el = this.$el;
-      this.unobservedData.$refs = this.getRefsProxy();
-      this.nextTickStack = [];
-
-      this.unobservedData.$nextTick = callback => {
-        this.nextTickStack.push(callback);
-      };
-
-      this.watchers = {};
-
-      this.unobservedData.$watch = (property, callback) => {
-        if (!this.watchers[property]) this.watchers[property] = [];
-        this.watchers[property].push(callback);
-      };
-      /* MODERN-ONLY:START */
-      // We remove this piece of code from the legacy build.
-      // In IE11, we have already defined our helpers at this point.
-      // Register custom magic properties.
-
-
-      Object.entries(Alpine.magicProperties).forEach(([name, callback]) => {
-        Object.defineProperty(this.unobservedData, `$${name}`, {
-          get: function get() {
-            return callback(canonicalComponentElementReference, this.$el);
-          }
-        });
-      });
-      /* MODERN-ONLY:END */
-
-      this.showDirectiveStack = [];
-      this.showDirectiveLastElement;
-      componentForClone || Alpine.onBeforeComponentInitializeds.forEach(callback => callback(this));
-      var initReturnedCallback; // If x-init is present AND we aren't cloning (skip x-init on clone)
-
-      if (initExpression && !componentForClone) {
-        // We want to allow data manipulation, but not trigger DOM updates just yet.
-        // We haven't even initialized the elements with their Alpine bindings. I mean c'mon.
-        this.pauseReactivity = true;
-        initReturnedCallback = this.evaluateReturnExpression(this.$el, initExpression);
-        this.pauseReactivity = false;
-      } // Register all our listeners and set all our attribute bindings.
-      // If we're cloning a component, the third parameter ensures no duplicate
-      // event listeners are registered (the mutation observer will take care of them)
-
-
-      this.initializeElements(this.$el, () => {}, componentForClone); // Use mutation observer to detect new elements being added within this component at run-time.
-      // Alpine's just so darn flexible amirite?
-
-      this.listenForNewElementsToInitialize();
-
-      if (typeof initReturnedCallback === 'function') {
-        // Run the callback returned from the "x-init" hook to allow the user to do stuff after
-        // Alpine's got it's grubby little paws all over everything.
-        initReturnedCallback.call(this.$data);
-      }
-
-      componentForClone || setTimeout(() => {
-        Alpine.onComponentInitializeds.forEach(callback => callback(this));
-      }, 0);
-    }
-
-    getUnobservedData() {
-      return unwrap$1(this.membrane, this.$data);
-    }
-
-    wrapDataInObservable(data) {
-      var self = this;
-      let updateDom = debounce(function () {
-        self.updateElements(self.$el);
-      }, 0);
-      return wrap(data, (target, key) => {
-        if (self.watchers[key]) {
-          // If there's a watcher for this specific key, run it.
-          self.watchers[key].forEach(callback => callback(target[key]));
-        } else if (Array.isArray(target)) {
-          // Arrays are special cases, if any of the items change, we consider the array as mutated.
-          Object.keys(self.watchers).forEach(fullDotNotationKey => {
-            let dotNotationParts = fullDotNotationKey.split('.'); // Ignore length mutations since they would result in duplicate calls.
-            // For example, when calling push, we would get a mutation for the item's key
-            // and a second mutation for the length property.
-
-            if (key === 'length') return;
-            dotNotationParts.reduce((comparisonData, part) => {
-              if (Object.is(target, comparisonData[part])) {
-                self.watchers[fullDotNotationKey].forEach(callback => callback(target));
-              }
-
-              return comparisonData[part];
-            }, self.unobservedData);
-          });
-        } else {
-          // Let's walk through the watchers with "dot-notation" (foo.bar) and see
-          // if this mutation fits any of them.
-          Object.keys(self.watchers).filter(i => i.includes('.')).forEach(fullDotNotationKey => {
-            let dotNotationParts = fullDotNotationKey.split('.'); // If this dot-notation watcher's last "part" doesn't match the current
-            // key, then skip it early for performance reasons.
-
-            if (key !== dotNotationParts[dotNotationParts.length - 1]) return; // Now, walk through the dot-notation "parts" recursively to find
-            // a match, and call the watcher if one's found.
-
-            dotNotationParts.reduce((comparisonData, part) => {
-              if (Object.is(target, comparisonData)) {
-                // Run the watchers.
-                self.watchers[fullDotNotationKey].forEach(callback => callback(target[key]));
-              }
-
-              return comparisonData[part];
-            }, self.unobservedData);
-          });
-        } // Don't react to data changes for cases like the `x-created` hook.
-
-
-        if (self.pauseReactivity) return;
-        updateDom();
-      });
-    }
-
-    walkAndSkipNestedComponents(el, callback, initializeComponentCallback = () => {}) {
-      walk(el, el => {
-        // We've hit a component.
-        if (el.hasAttribute('x-data')) {
-          // If it's not the current one.
-          if (!el.isSameNode(this.$el)) {
-            // Initialize it if it's not.
-            if (!el.__x) initializeComponentCallback(el); // Now we'll let that sub-component deal with itself.
-
-            return false;
-          }
-        }
-
-        return callback(el);
-      });
-    }
-
-    initializeElements(rootEl, extraVars = () => {}, componentForClone = false) {
-      this.walkAndSkipNestedComponents(rootEl, el => {
-        // Don't touch spawns from for loop
-        if (el.__x_for_key !== undefined) return false; // Don't touch spawns from if directives
-
-        if (el.__x_inserted_me !== undefined) return false;
-        this.initializeElement(el, extraVars, componentForClone ? false : true);
-      }, el => {
-        if (!componentForClone) el.__x = new Component(el);
-      });
-      this.executeAndClearRemainingShowDirectiveStack();
-      this.executeAndClearNextTickStack(rootEl);
-    }
-
-    initializeElement(el, extraVars, shouldRegisterListeners = true) {
-      // To support class attribute merging, we have to know what the element's
-      // original class attribute looked like for reference.
-      if (el.hasAttribute('class') && getXAttrs(el, this).length > 0) {
-        el.__x_original_classes = convertClassStringToArray(el.getAttribute('class'));
-      }
-
-      shouldRegisterListeners && this.registerListeners(el, extraVars);
-      this.resolveBoundAttributes(el, true, extraVars);
-    }
-
-    updateElements(rootEl, extraVars = () => {}) {
-      this.walkAndSkipNestedComponents(rootEl, el => {
-        // Don't touch spawns from for loop (and check if the root is actually a for loop in a parent, don't skip it.)
-        if (el.__x_for_key !== undefined && !el.isSameNode(this.$el)) return false;
-        this.updateElement(el, extraVars);
-      }, el => {
-        el.__x = new Component(el);
-      });
-      this.executeAndClearRemainingShowDirectiveStack();
-      this.executeAndClearNextTickStack(rootEl);
-    }
-
-    executeAndClearNextTickStack(el) {
-      // Skip spawns from alpine directives
-      if (el === this.$el && this.nextTickStack.length > 0) {
-        // We run the tick stack after the next frame to allow any
-        // running transitions to pass the initial show stage.
-        requestAnimationFrame(() => {
-          while (this.nextTickStack.length > 0) {
-            this.nextTickStack.shift()();
-          }
-        });
-      }
-    }
-
-    executeAndClearRemainingShowDirectiveStack() {
-      // The goal here is to start all the x-show transitions
-      // and build a nested promise chain so that elements
-      // only hide when the children are finished hiding.
-      this.showDirectiveStack.reverse().map(handler => {
-        return new Promise((resolve, reject) => {
-          handler(resolve, reject);
-        });
-      }).reduce((promiseChain, promise) => {
-        return promiseChain.then(() => {
-          return promise.then(finishElement => {
-            finishElement();
-          });
-        });
-      }, Promise.resolve(() => {})).catch(e => {
-        if (e !== TRANSITION_CANCELLED) throw e;
-      }); // We've processed the handler stack. let's clear it.
-
-      this.showDirectiveStack = [];
-      this.showDirectiveLastElement = undefined;
-    }
-
-    updateElement(el, extraVars) {
-      this.resolveBoundAttributes(el, false, extraVars);
-    }
-
-    registerListeners(el, extraVars) {
-      getXAttrs(el, this).forEach(({
-        type,
-        value,
-        modifiers,
-        expression
-      }) => {
-        switch (type) {
-          case 'on':
-            registerListener(this, el, value, modifiers, expression, extraVars);
-            break;
-
-          case 'model':
-            registerModelListener(this, el, modifiers, expression, extraVars);
-            break;
-        }
-      });
-    }
-
-    resolveBoundAttributes(el, initialUpdate = false, extraVars) {
-      let attrs = getXAttrs(el, this);
-      attrs.forEach(({
-        type,
-        value,
-        modifiers,
-        expression
-      }) => {
-        switch (type) {
-          case 'model':
-            handleAttributeBindingDirective(this, el, 'value', expression, extraVars, type, modifiers);
-            break;
-
-          case 'bind':
-            // The :key binding on an x-for is special, ignore it.
-            if (el.tagName.toLowerCase() === 'template' && value === 'key') return;
-            handleAttributeBindingDirective(this, el, value, expression, extraVars, type, modifiers);
-            break;
-
-          case 'text':
-            var output = this.evaluateReturnExpression(el, expression, extraVars);
-            handleTextDirective(el, output, expression);
-            break;
-
-          case 'html':
-            handleHtmlDirective(this, el, expression, extraVars);
-            break;
-
-          case 'show':
-            var output = this.evaluateReturnExpression(el, expression, extraVars);
-            handleShowDirective(this, el, output, modifiers, initialUpdate);
-            break;
-
-          case 'if':
-            // If this element also has x-for on it, don't process x-if.
-            // We will let the "x-for" directive handle the "if"ing.
-            if (attrs.some(i => i.type === 'for')) return;
-            var output = this.evaluateReturnExpression(el, expression, extraVars);
-            handleIfDirective(this, el, output, initialUpdate, extraVars);
-            break;
-
-          case 'for':
-            handleForDirective(this, el, expression, initialUpdate, extraVars);
-            break;
-
-          case 'cloak':
-            el.removeAttribute('x-cloak');
-            break;
-        }
-      });
-    }
-
-    evaluateReturnExpression(el, expression, extraVars = () => {}) {
-      return saferEval(el, expression, this.$data, _objectSpread2(_objectSpread2({}, extraVars()), {}, {
-        $dispatch: this.getDispatchFunction(el)
-      }));
-    }
-
-    evaluateCommandExpression(el, expression, extraVars = () => {}) {
-      return saferEvalNoReturn(el, expression, this.$data, _objectSpread2(_objectSpread2({}, extraVars()), {}, {
-        $dispatch: this.getDispatchFunction(el)
-      }));
-    }
-
-    getDispatchFunction(el) {
-      return (event, detail = {}) => {
-        el.dispatchEvent(new CustomEvent(event, {
-          detail,
-          bubbles: true
-        }));
-      };
-    }
-
-    listenForNewElementsToInitialize() {
-      const targetNode = this.$el;
-      const observerOptions = {
-        childList: true,
-        attributes: true,
-        subtree: true
-      };
-      const observer = new MutationObserver(mutations => {
-        for (let i = 0; i < mutations.length; i++) {
-          // Filter out mutations triggered from child components.
-          const closestParentComponent = mutations[i].target.closest('[x-data]');
-          if (!(closestParentComponent && closestParentComponent.isSameNode(this.$el))) continue;
-
-          if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'x-data') {
-            const xAttr = mutations[i].target.getAttribute('x-data') || '{}';
-            const rawData = saferEval(this.$el, xAttr, {
-              $el: this.$el
-            });
-            Object.keys(rawData).forEach(key => {
-              if (this.$data[key] !== rawData[key]) {
-                this.$data[key] = rawData[key];
-              }
-            });
-          }
-
-          if (mutations[i].addedNodes.length > 0) {
-            mutations[i].addedNodes.forEach(node => {
-              if (node.nodeType !== 1 || node.__x_inserted_me) return;
-
-              if (node.matches('[x-data]') && !node.__x) {
-                node.__x = new Component(node);
-                return;
-              }
-
-              this.initializeElements(node);
-            });
-          }
-        }
-      });
-      observer.observe(targetNode, observerOptions);
-    }
-
-    getRefsProxy() {
-      var self = this;
-      var refObj = {};
-      // One of the goals of this is to not hold elements in memory, but rather re-evaluate
-      // the DOM when the system needs something from it. This way, the framework is flexible and
-      // friendly to outside DOM changes from libraries like Vue/Livewire.
-      // For this reason, I'm using an "on-demand" proxy to fake a "$refs" object.
-
-      return new Proxy(refObj, {
-        get(object, property) {
-          if (property === '$isAlpineProxy') return true;
-          var ref; // We can't just query the DOM because it's hard to filter out refs in
-          // nested components.
-
-          self.walkAndSkipNestedComponents(self.$el, el => {
-            if (el.hasAttribute('x-ref') && el.getAttribute('x-ref') === property) {
-              ref = el;
-            }
-          });
-          return ref;
-        }
-
-      });
-    }
-
-  }
-
-  const Alpine = {
-    version: "2.8.2",
-    pauseMutationObserver: false,
-    magicProperties: {},
-    onComponentInitializeds: [],
-    onBeforeComponentInitializeds: [],
-    ignoreFocusedForValueBinding: false,
-    start: async function start() {
-      if (!isTesting()) {
-        await domReady();
-      }
-
-      this.discoverComponents(el => {
-        this.initializeComponent(el);
-      }); // It's easier and more performant to just support Turbolinks than listen
-      // to MutationObserver mutations at the document level.
-
-      document.addEventListener("turbolinks:load", () => {
-        this.discoverUninitializedComponents(el => {
-          this.initializeComponent(el);
-        });
-      });
-      this.listenForNewUninitializedComponentsAtRunTime();
-    },
-    discoverComponents: function discoverComponents(callback) {
-      const rootEls = document.querySelectorAll('[x-data]');
-      rootEls.forEach(rootEl => {
-        callback(rootEl);
-      });
-    },
-    discoverUninitializedComponents: function discoverUninitializedComponents(callback, el = null) {
-      const rootEls = (el || document).querySelectorAll('[x-data]');
-      Array.from(rootEls).filter(el => el.__x === undefined).forEach(rootEl => {
-        callback(rootEl);
-      });
-    },
-    listenForNewUninitializedComponentsAtRunTime: function listenForNewUninitializedComponentsAtRunTime() {
-      const targetNode = document.querySelector('body');
-      const observerOptions = {
-        childList: true,
-        attributes: true,
-        subtree: true
-      };
-      const observer = new MutationObserver(mutations => {
-        if (this.pauseMutationObserver) return;
-
-        for (let i = 0; i < mutations.length; i++) {
-          if (mutations[i].addedNodes.length > 0) {
-            mutations[i].addedNodes.forEach(node => {
-              // Discard non-element nodes (like line-breaks)
-              if (node.nodeType !== 1) return; // Discard any changes happening within an existing component.
-              // They will take care of themselves.
-
-              if (node.parentElement && node.parentElement.closest('[x-data]')) return;
-              this.discoverUninitializedComponents(el => {
-                this.initializeComponent(el);
-              }, node.parentElement);
-            });
-          }
-        }
-      });
-      observer.observe(targetNode, observerOptions);
-    },
-    initializeComponent: function initializeComponent(el) {
-      if (!el.__x) {
-        // Wrap in a try/catch so that we don't prevent other components
-        // from initializing when one component contains an error.
-        try {
-          el.__x = new Component(el);
-        } catch (error) {
-          setTimeout(() => {
-            throw error;
-          }, 0);
-        }
-      }
-    },
-    clone: function clone(component, newEl) {
-      if (!newEl.__x) {
-        newEl.__x = new Component(newEl, component);
-      }
-    },
-    addMagicProperty: function addMagicProperty(name, callback) {
-      this.magicProperties[name] = callback;
-    },
-    onComponentInitialized: function onComponentInitialized(callback) {
-      this.onComponentInitializeds.push(callback);
-    },
-    onBeforeComponentInitialized: function onBeforeComponentInitialized(callback) {
-      this.onBeforeComponentInitializeds.push(callback);
-    }
-  };
-
-  if (!isTesting()) {
-    window.Alpine = Alpine;
-
-    if (window.deferLoadingAlpine) {
-      window.deferLoadingAlpine(function () {
-        window.Alpine.start();
-      });
-    } else {
-      window.Alpine.start();
-    }
-  }
-
-  return Alpine;
-
-})));
-
-
-/***/ }),
-
-/***/ "./resources/js/app.js":
-/*!*****************************!*\
-  !*** ./resources/js/app.js ***!
-  \*****************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _hotwired_turbo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @hotwired/turbo */ "./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js");
-/* harmony import */ var alpine_turbo_drive_adapter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! alpine-turbo-drive-adapter */ "./node_modules/alpine-turbo-drive-adapter/dist/alpine-turbo-drive-adapter.esm.js");
-/* harmony import */ var alpine_turbo_drive_adapter__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(alpine_turbo_drive_adapter__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var alpinejs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! alpinejs */ "./node_modules/alpinejs/dist/alpine.js");
-/* harmony import */ var alpinejs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(alpinejs__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-
-/***/ }),
-
-/***/ "./resources/css/app.css":
-/*!*******************************!*\
-  !*** ./resources/css/app.css ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/chunk loaded */
-/******/ 	(() => {
-/******/ 		var deferred = [];
-/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
-/******/ 			if(chunkIds) {
-/******/ 				priority = priority || 0;
-/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
-/******/ 				deferred[i] = [chunkIds, fn, priority];
-/******/ 				return;
-/******/ 			}
-/******/ 			var notFulfilled = Infinity;
-/******/ 			for (var i = 0; i < deferred.length; i++) {
-/******/ 				var [chunkIds, fn, priority] = deferred[i];
-/******/ 				var fulfilled = true;
-/******/ 				for (var j = 0; j < chunkIds.length; j++) {
-/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
-/******/ 						chunkIds.splice(j--, 1);
-/******/ 					} else {
-/******/ 						fulfilled = false;
-/******/ 						if(priority < notFulfilled) notFulfilled = priority;
-/******/ 					}
-/******/ 				}
-/******/ 				if(fulfilled) {
-/******/ 					deferred.splice(i--, 1)
-/******/ 					result = fn();
-/******/ 				}
-/******/ 			}
-/******/ 			return result;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			"/js/app": 0,
-/******/ 			"css/app": 0
-/******/ 		};
-/******/ 		
-/******/ 		// no chunk on demand loading
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			for(moduleId in moreModules) {
-/******/ 				if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 					__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 				}
-/******/ 			}
-/******/ 			if(runtime) runtime(__webpack_require__);
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkIds[i]] = 0;
-/******/ 			}
-/******/ 			__webpack_require__.O();
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = self["webpackChunk"] = self["webpackChunk"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 	__webpack_require__.O(undefined, ["css/app"], () => (__webpack_require__("./resources/js/app.js")))
-/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["css/app"], () => (__webpack_require__("./resources/css/app.css")))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ })()
-;
\ No newline at end of file
+    `}show(){this.visible||(this.visible=!0,this.installProgressElement(),this.startTrickling())}hide(){this.visible&&!this.hiding&&(this.hiding=!0,this.fadeProgressElement((()=>{this.uninstallProgressElement(),this.stopTrickling(),this.visible=!1,this.hiding=!1})))}setValue(e){this.value=e,this.refresh()}installStylesheetElement(){document.head.insertBefore(this.stylesheetElement,document.head.firstChild)}installProgressElement(){this.progressElement.style.width="0",this.progressElement.style.opacity="1",document.documentElement.insertBefore(this.progressElement,document.body),this.refresh()}fadeProgressElement(e){this.progressElement.style.opacity="0",setTimeout(e,1.5*D.animationDuration)}uninstallProgressElement(){this.progressElement.parentNode&&document.documentElement.removeChild(this.progressElement)}startTrickling(){this.trickleInterval||(this.trickleInterval=window.setInterval(this.trickle,D.animationDuration))}stopTrickling(){window.clearInterval(this.trickleInterval),delete this.trickleInterval}refresh(){requestAnimationFrame((()=>{this.progressElement.style.width=10+90*this.value+"%"}))}createStylesheetElement(){const e=document.createElement("style");return e.type="text/css",e.textContent=D.defaultCSS,e}createProgressElement(){const e=document.createElement("div");return e.className="turbo-progress-bar",e}}D.animationDuration=300;class B extends A{constructor(){super(...arguments),this.detailsByOuterHTML=this.children.reduce(((e,t)=>{const{outerHTML:i}=t,s=i in e?e[i]:{type:$(t),tracked:N(t),elements:[]};return Object.assign(Object.assign({},e),{[i]:Object.assign(Object.assign({},s),{elements:[...s.elements,t]})})}),{})}get trackedElementSignature(){return Object.keys(this.detailsByOuterHTML).filter((e=>this.detailsByOuterHTML[e].tracked)).join("")}getScriptElementsNotInSnapshot(e){return this.getElementsMatchingTypeNotInSnapshot("script",e)}getStylesheetElementsNotInSnapshot(e){return this.getElementsMatchingTypeNotInSnapshot("stylesheet",e)}getElementsMatchingTypeNotInSnapshot(e,t){return Object.keys(this.detailsByOuterHTML).filter((e=>!(e in t.detailsByOuterHTML))).map((e=>this.detailsByOuterHTML[e])).filter((({type:t})=>t==e)).map((({elements:[e]})=>e))}get provisionalElements(){return Object.keys(this.detailsByOuterHTML).reduce(((e,t)=>{const{type:i,tracked:s,elements:n}=this.detailsByOuterHTML[t];return null!=i||s?n.length>1?[...e,...n.slice(1)]:e:[...e,...n]}),[])}getMetaValue(e){const t=this.findMetaElementByName(e);return t?t.getAttribute("content"):null}findMetaElementByName(e){return Object.keys(this.detailsByOuterHTML).reduce(((t,i)=>{const{elements:[s]}=this.detailsByOuterHTML[i];return function(e,t){return"meta"==e.tagName.toLowerCase()&&e.getAttribute("name")==t}(s,e)?s:t}),void 0)}}function $(e){return function(e){return"script"==e.tagName.toLowerCase()}(e)?"script":function(e){const t=e.tagName.toLowerCase();return"style"==t||"link"==t&&"stylesheet"==e.getAttribute("rel")}(e)?"stylesheet":void 0}function N(e){return"reload"==e.getAttribute("data-turbo-track")}class j extends A{constructor(e,t){super(e),this.headSnapshot=t}static fromHTMLString(e=""){return this.fromDocument(b(e))}static fromElement(e){return this.fromDocument(e.ownerDocument)}static fromDocument({head:e,body:t}){return new this(t,new B(e))}clone(){return new j(this.element.cloneNode(!0),this.headSnapshot)}get headElement(){return this.headSnapshot.element}get rootLocation(){var e;return h(null!==(e=this.getSetting("root"))&&void 0!==e?e:"/")}get cacheControlValue(){return this.getSetting("cache-control")}get isPreviewable(){return"no-preview"!=this.cacheControlValue}get isCacheable(){return"no-cache"!=this.cacheControlValue}get isVisitable(){return"reload"!=this.getSetting("visit-control")}getSetting(e){return this.headSnapshot.getMetaValue(`turbo-${e}`)}}var V,z;!function(e){e.visitStart="visitStart",e.requestStart="requestStart",e.requestEnd="requestEnd",e.visitEnd="visitEnd"}(V||(V={})),function(e){e.initialized="initialized",e.started="started",e.canceled="canceled",e.failed="failed",e.completed="completed"}(z||(z={}));const W={action:"advance",historyChanged:!1};var U,K;!function(e){e[e.networkFailure=0]="networkFailure",e[e.timeoutFailure=-1]="timeoutFailure",e[e.contentTypeMismatch=-2]="contentTypeMismatch"}(U||(U={}));class G{constructor(e,t,i,s={}){this.identifier=w(),this.timingMetrics={},this.followedRedirect=!1,this.historyChanged=!1,this.scrolled=!1,this.snapshotCached=!1,this.state=z.initialized,this.delegate=e,this.location=t,this.restorationIdentifier=i||w();const{action:n,historyChanged:r,referrer:o,snapshotHTML:a,response:l}=Object.assign(Object.assign({},W),s);this.action=n,this.historyChanged=r,this.referrer=o,this.snapshotHTML=a,this.response=l}get adapter(){return this.delegate.adapter}get view(){return this.delegate.view}get history(){return this.delegate.history}get restorationData(){return this.history.getRestorationDataForIdentifier(this.restorationIdentifier)}start(){this.state==z.initialized&&(this.recordTimingMetric(V.visitStart),this.state=z.started,this.adapter.visitStarted(this),this.delegate.visitStarted(this))}cancel(){this.state==z.started&&(this.request&&this.request.cancel(),this.cancelRender(),this.state=z.canceled)}complete(){this.state==z.started&&(this.recordTimingMetric(V.visitEnd),this.state=z.completed,this.adapter.visitCompleted(this),this.delegate.visitCompleted(this))}fail(){this.state==z.started&&(this.state=z.failed,this.adapter.visitFailed(this))}changeHistory(){var e;if(!this.historyChanged){const t=this.location.href===(null===(e=this.referrer)||void 0===e?void 0:e.href)?"replace":this.action,i=this.getHistoryMethodForAction(t);this.history.update(i,this.location,this.restorationIdentifier),this.historyChanged=!0}}issueRequest(){this.hasPreloadedResponse()?this.simulateRequest():this.shouldIssueRequest()&&!this.request&&(this.request=new E(this,o.get,this.location),this.request.perform())}simulateRequest(){this.response&&(this.startRequest(),this.recordResponse(),this.finishRequest())}startRequest(){this.recordTimingMetric(V.requestStart),this.adapter.visitRequestStarted(this)}recordResponse(e=this.response){if(this.response=e,e){const{statusCode:t}=e;J(t)?this.adapter.visitRequestCompleted(this):this.adapter.visitRequestFailedWithStatusCode(this,t)}}finishRequest(){this.recordTimingMetric(V.requestEnd),this.adapter.visitRequestFinished(this)}loadResponse(){if(this.response){const{statusCode:e,responseHTML:t}=this.response;this.render((async()=>{this.cacheSnapshot(),J(e)&&null!=t?(await this.view.renderPage(j.fromHTMLString(t)),this.adapter.visitRendered(this),this.complete()):(await this.view.renderError(j.fromHTMLString(t)),this.adapter.visitRendered(this),this.fail())}))}}getCachedSnapshot(){const e=this.view.getCachedSnapshotForLocation(this.location)||this.getPreloadedSnapshot();if(e&&(!d(this.location)||e.hasAnchor(d(this.location)))&&("restore"==this.action||e.isPreviewable))return e}getPreloadedSnapshot(){if(this.snapshotHTML)return j.fromHTMLString(this.snapshotHTML)}hasCachedSnapshot(){return null!=this.getCachedSnapshot()}loadCachedSnapshot(){const e=this.getCachedSnapshot();if(e){const t=this.shouldIssueRequest();this.render((async()=>{this.cacheSnapshot(),await this.view.renderPage(e),this.adapter.visitRendered(this),t||this.complete()}))}}followRedirect(){this.redirectedToLocation&&!this.followedRedirect&&(this.location=this.redirectedToLocation,this.history.replace(this.redirectedToLocation,this.restorationIdentifier),this.followedRedirect=!0)}requestStarted(){this.startRequest()}requestPreventedHandlingResponse(e,t){}async requestSucceededWithResponse(e,t){const i=await t.responseHTML;null==i?this.recordResponse({statusCode:U.contentTypeMismatch}):(this.redirectedToLocation=t.redirected?t.location:void 0,this.recordResponse({statusCode:t.statusCode,responseHTML:i}))}async requestFailedWithResponse(e,t){const i=await t.responseHTML;null==i?this.recordResponse({statusCode:U.contentTypeMismatch}):this.recordResponse({statusCode:t.statusCode,responseHTML:i})}requestErrored(e,t){this.recordResponse({statusCode:U.networkFailure})}requestFinished(){this.finishRequest()}performScroll(){this.scrolled||("restore"==this.action?this.scrollToRestoredPosition()||this.scrollToTop():this.scrollToAnchor()||this.scrollToTop(),this.scrolled=!0)}scrollToRestoredPosition(){const{scrollPosition:e}=this.restorationData;if(e)return this.view.scrollToPosition(e),!0}scrollToAnchor(){if(null!=d(this.location))return this.view.scrollToAnchor(d(this.location)),!0}scrollToTop(){this.view.scrollToPosition({x:0,y:0})}recordTimingMetric(e){this.timingMetrics[e]=(new Date).getTime()}getTimingMetrics(){return Object.assign({},this.timingMetrics)}getHistoryMethodForAction(e){switch(e){case"replace":return history.replaceState;case"advance":case"restore":return history.pushState}}hasPreloadedResponse(){return"object"==typeof this.response}shouldIssueRequest(){return"restore"!=this.action||!this.hasCachedSnapshot()}cacheSnapshot(){this.snapshotCached||(this.view.cacheSnapshot(),this.snapshotCached=!0)}async render(e){this.cancelRender(),await new Promise((e=>{this.frame=requestAnimationFrame((()=>e()))})),e(),delete this.frame,this.performScroll()}cancelRender(){this.frame&&(cancelAnimationFrame(this.frame),delete this.frame)}}function J(e){return e>=200&&e<300}class X{constructor(e){this.progressBar=new D,this.showProgressBar=()=>{this.progressBar.show()},this.session=e}visitProposedToLocation(e,t){this.navigator.startVisit(e,w(),t)}visitStarted(e){e.issueRequest(),e.changeHistory(),e.loadCachedSnapshot()}visitRequestStarted(e){this.progressBar.setValue(0),e.hasCachedSnapshot()||"restore"!=e.action?this.showProgressBarAfterDelay():this.showProgressBar()}visitRequestCompleted(e){e.loadResponse()}visitRequestFailedWithStatusCode(e,t){switch(t){case U.networkFailure:case U.timeoutFailure:case U.contentTypeMismatch:return this.reload();default:return e.loadResponse()}}visitRequestFinished(e){this.progressBar.setValue(1),this.hideProgressBar()}visitCompleted(e){e.followRedirect()}pageInvalidated(){this.reload()}visitFailed(e){}visitRendered(e){}showProgressBarAfterDelay(){this.progressBarTimeout=window.setTimeout(this.showProgressBar,this.session.progressBarDelay)}hideProgressBar(){this.progressBar.hide(),null!=this.progressBarTimeout&&(window.clearTimeout(this.progressBarTimeout),delete this.progressBarTimeout)}reload(){window.location.reload()}get navigator(){return this.session.navigator}}class Y{constructor(e){this.started=!1,this.submitCaptured=()=>{removeEventListener("submit",this.submitBubbled,!1),addEventListener("submit",this.submitBubbled,!1)},this.submitBubbled=e=>{if(!e.defaultPrevented){const t=e.target instanceof HTMLFormElement?e.target:void 0,i=e.submitter||void 0;if(t){"dialog"!=((null==i?void 0:i.getAttribute("formmethod"))||t.method)&&this.delegate.willSubmitForm(t,i)&&(e.preventDefault(),this.delegate.formSubmitted(t,i))}}},this.delegate=e}start(){this.started||(addEventListener("submit",this.submitCaptured,!0),this.started=!0)}stop(){this.started&&(removeEventListener("submit",this.submitCaptured,!0),this.started=!1)}}class Z{constructor(e){this.element=e,this.linkInterceptor=new O(this,e),this.formInterceptor=new C(this,e)}start(){this.linkInterceptor.start(),this.formInterceptor.start()}stop(){this.linkInterceptor.stop(),this.formInterceptor.stop()}shouldInterceptLinkClick(e,t){return this.shouldRedirect(e)}linkClickIntercepted(e,t){const i=this.findFrameElement(e);i&&(i.src=t)}shouldInterceptFormSubmission(e,t){return this.shouldRedirect(e,t)}formSubmissionIntercepted(e,t){const i=this.findFrameElement(e);i&&i.delegate.formSubmissionIntercepted(e,t)}shouldRedirect(e,t){const i=this.findFrameElement(e);return!!i&&i!=e.closest("turbo-frame")}findFrameElement(e){const t=e.getAttribute("data-turbo-frame");if(t&&"_top"!=t){const e=this.element.querySelector(`#${t}:not([disabled])`);if(e instanceof c)return e}}}class Q{constructor(e){this.restorationIdentifier=w(),this.restorationData={},this.started=!1,this.pageLoaded=!1,this.onPopState=e=>{if(this.shouldHandlePopState()){const{turbo:t}=e.state||{};if(t){this.location=new URL(window.location.href);const{restorationIdentifier:e}=t;this.restorationIdentifier=e,this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location,e)}}},this.onPageLoad=async e=>{await Promise.resolve(),this.pageLoaded=!0},this.delegate=e}start(){this.started||(addEventListener("popstate",this.onPopState,!1),addEventListener("load",this.onPageLoad,!1),this.started=!0,this.replace(new URL(window.location.href)))}stop(){this.started&&(removeEventListener("popstate",this.onPopState,!1),removeEventListener("load",this.onPageLoad,!1),this.started=!1)}push(e,t){this.update(history.pushState,e,t)}replace(e,t){this.update(history.replaceState,e,t)}update(e,t,i=w()){const s={turbo:{restorationIdentifier:i}};e.call(history,s,"",t.href),this.location=t,this.restorationIdentifier=i}getRestorationDataForIdentifier(e){return this.restorationData[e]||{}}updateRestorationData(e){const{restorationIdentifier:t}=this,i=this.restorationData[t];this.restorationData[t]=Object.assign(Object.assign({},i),e)}assumeControlOfScrollRestoration(){var e;this.previousScrollRestoration||(this.previousScrollRestoration=null!==(e=history.scrollRestoration)&&void 0!==e?e:"auto",history.scrollRestoration="manual")}relinquishControlOfScrollRestoration(){this.previousScrollRestoration&&(history.scrollRestoration=this.previousScrollRestoration,delete this.previousScrollRestoration)}shouldHandlePopState(){return this.pageIsLoaded()}pageIsLoaded(){return this.pageLoaded||"complete"==document.readyState}}class ee{constructor(e){this.started=!1,this.clickCaptured=()=>{removeEventListener("click",this.clickBubbled,!1),addEventListener("click",this.clickBubbled,!1)},this.clickBubbled=e=>{if(this.clickEventIsSignificant(e)){const t=this.findLinkFromClickTarget(e.target);if(t){const i=this.getLocationForLink(t);this.delegate.willFollowLinkToLocation(t,i)&&(e.preventDefault(),this.delegate.followedLinkToLocation(t,i))}}},this.delegate=e}start(){this.started||(addEventListener("click",this.clickCaptured,!0),this.started=!0)}stop(){this.started&&(removeEventListener("click",this.clickCaptured,!0),this.started=!1)}clickEventIsSignificant(e){return!(e.target&&e.target.isContentEditable||e.defaultPrevented||e.which>1||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)}findLinkFromClickTarget(e){if(e instanceof Element)return e.closest("a[href]:not([target^=_]):not([download])")}getLocationForLink(e){return h(e.getAttribute("href")||"")}}class te{constructor(e){this.delegate=e}proposeVisit(e,t={}){this.delegate.allowsVisitingLocation(e)&&this.delegate.visitProposedToLocation(e,t)}startVisit(e,t,i={}){this.stop(),this.currentVisit=new G(this,h(e),t,Object.assign({referrer:this.location},i)),this.currentVisit.start()}submitForm(e,t){this.stop(),this.formSubmission=new k(this,e,t,!0),this.formSubmission.fetchRequest.isIdempotent?this.proposeVisit(this.formSubmission.fetchRequest.url):this.formSubmission.start()}stop(){this.formSubmission&&(this.formSubmission.stop(),delete this.formSubmission),this.currentVisit&&(this.currentVisit.cancel(),delete this.currentVisit)}get adapter(){return this.delegate.adapter}get view(){return this.delegate.view}get history(){return this.delegate.history}formSubmissionStarted(e){}async formSubmissionSucceededWithResponse(e,t){if(e==this.formSubmission){const i=await t.responseHTML;if(i){e.method!=o.get&&this.view.clearSnapshotCache();const{statusCode:s}=t,n={response:{statusCode:s,responseHTML:i}};this.proposeVisit(t.location,n)}}}async formSubmissionFailedWithResponse(e,t){const i=await t.responseHTML;if(i){const e=j.fromHTMLString(i);await this.view.renderPage(e),this.view.clearSnapshotCache()}}formSubmissionErrored(e,t){}formSubmissionFinished(e){}visitStarted(e){this.delegate.visitStarted(e)}visitCompleted(e){this.delegate.visitCompleted(e)}get location(){return this.history.location}get restorationIdentifier(){return this.history.restorationIdentifier}}!function(e){e[e.initial=0]="initial",e[e.loading=1]="loading",e[e.interactive=2]="interactive",e[e.complete=3]="complete"}(K||(K={}));class ie{constructor(e){this.stage=K.initial,this.started=!1,this.interpretReadyState=()=>{const{readyState:e}=this;"interactive"==e?this.pageIsInteractive():"complete"==e&&this.pageIsComplete()},this.pageWillUnload=()=>{this.delegate.pageWillUnload()},this.delegate=e}start(){this.started||(this.stage==K.initial&&(this.stage=K.loading),document.addEventListener("readystatechange",this.interpretReadyState,!1),addEventListener("pagehide",this.pageWillUnload,!1),this.started=!0)}stop(){this.started&&(document.removeEventListener("readystatechange",this.interpretReadyState,!1),removeEventListener("pagehide",this.pageWillUnload,!1),this.started=!1)}pageIsInteractive(){this.stage==K.loading&&(this.stage=K.interactive,this.delegate.pageBecameInteractive())}pageIsComplete(){this.pageIsInteractive(),this.stage==K.interactive&&(this.stage=K.complete,this.delegate.pageLoaded())}get readyState(){return document.readyState}}class se{constructor(e){this.started=!1,this.onScroll=()=>{this.updatePosition({x:window.pageXOffset,y:window.pageYOffset})},this.delegate=e}start(){this.started||(addEventListener("scroll",this.onScroll,!1),this.onScroll(),this.started=!0)}stop(){this.started&&(removeEventListener("scroll",this.onScroll,!1),this.started=!1)}updatePosition(e){this.delegate.scrollPositionChanged(e)}}class ne{constructor(e){this.sources=new Set,this.started=!1,this.inspectFetchResponse=e=>{const t=function(e){var t;const i=null===(t=e.detail)||void 0===t?void 0:t.fetchResponse;if(i instanceof f)return i}(e);t&&function(e){var t;return(null!==(t=e.contentType)&&void 0!==t?t:"").startsWith(x.contentType)}(t)&&(e.preventDefault(),this.receiveMessageResponse(t))},this.receiveMessageEvent=e=>{this.started&&"string"==typeof e.data&&this.receiveMessageHTML(e.data)},this.delegate=e}start(){this.started||(this.started=!0,addEventListener("turbo:before-fetch-response",this.inspectFetchResponse,!1))}stop(){this.started&&(this.started=!1,removeEventListener("turbo:before-fetch-response",this.inspectFetchResponse,!1))}connectStreamSource(e){this.streamSourceIsConnected(e)||(this.sources.add(e),e.addEventListener("message",this.receiveMessageEvent,!1))}disconnectStreamSource(e){this.streamSourceIsConnected(e)&&(this.sources.delete(e),e.removeEventListener("message",this.receiveMessageEvent,!1))}streamSourceIsConnected(e){return this.sources.has(e)}async receiveMessageResponse(e){const t=await e.responseHTML;t&&this.receiveMessageHTML(t)}receiveMessageHTML(e){this.delegate.receivedMessageFromStream(new x(e))}}class re extends T{async render(){this.replaceHeadAndBody(),this.activateScriptElements()}replaceHeadAndBody(){const{documentElement:e,head:t,body:i}=document;e.replaceChild(this.newHead,t),e.replaceChild(this.newElement,i)}activateScriptElements(){for(const e of this.scriptElements){const t=e.parentNode;if(t){const i=this.createScriptElement(e);t.replaceChild(i,e)}}}get newHead(){return this.newSnapshot.headSnapshot.element}get scriptElements(){return[...document.documentElement.querySelectorAll("script")]}}class oe extends T{get shouldRender(){return this.newSnapshot.isVisitable&&this.trackedElementsAreIdentical}prepareToRender(){this.mergeHead()}async render(){this.replaceBody()}finishRendering(){super.finishRendering(),this.isPreview&&this.focusFirstAutofocusableElement()}get currentHeadSnapshot(){return this.currentSnapshot.headSnapshot}get newHeadSnapshot(){return this.newSnapshot.headSnapshot}get newElement(){return this.newSnapshot.element}mergeHead(){this.copyNewHeadStylesheetElements(),this.copyNewHeadScriptElements(),this.removeCurrentHeadProvisionalElements(),this.copyNewHeadProvisionalElements()}replaceBody(){this.preservingPermanentElements((()=>{this.activateNewBody(),this.assignNewBody()}))}get trackedElementsAreIdentical(){return this.currentHeadSnapshot.trackedElementSignature==this.newHeadSnapshot.trackedElementSignature}copyNewHeadStylesheetElements(){for(const e of this.newHeadStylesheetElements)document.head.appendChild(e)}copyNewHeadScriptElements(){for(const e of this.newHeadScriptElements)document.head.appendChild(this.createScriptElement(e))}removeCurrentHeadProvisionalElements(){for(const e of this.currentHeadProvisionalElements)document.head.removeChild(e)}copyNewHeadProvisionalElements(){for(const e of this.newHeadProvisionalElements)document.head.appendChild(e)}activateNewBody(){document.adoptNode(this.newElement),this.activateNewBodyScriptElements()}activateNewBodyScriptElements(){for(const e of this.newBodyScriptElements){P(e,this.createScriptElement(e))}}assignNewBody(){document.body&&this.newElement instanceof HTMLBodyElement?P(document.body,this.newElement):document.documentElement.appendChild(this.newElement)}get newHeadStylesheetElements(){return this.newHeadSnapshot.getStylesheetElementsNotInSnapshot(this.currentHeadSnapshot)}get newHeadScriptElements(){return this.newHeadSnapshot.getScriptElementsNotInSnapshot(this.currentHeadSnapshot)}get currentHeadProvisionalElements(){return this.currentHeadSnapshot.provisionalElements}get newHeadProvisionalElements(){return this.newHeadSnapshot.provisionalElements}get newBodyScriptElements(){return[...this.newElement.querySelectorAll("script")]}}class ae{constructor(e){this.keys=[],this.snapshots={},this.size=e}has(e){return p(e)in this.snapshots}get(e){if(this.has(e)){const t=this.read(e);return this.touch(e),t}}put(e,t){return this.write(e,t),this.touch(e),t}clear(){this.snapshots={}}read(e){return this.snapshots[p(e)]}write(e,t){this.snapshots[p(e)]=t}touch(e){const t=p(e),i=this.keys.indexOf(t);i>-1&&this.keys.splice(i,1),this.keys.unshift(t),this.trim()}trim(){for(const e of this.keys.splice(this.size))delete this.snapshots[e]}}class le extends R{constructor(){super(...arguments),this.snapshotCache=new ae(10),this.lastRenderedLocation=new URL(location.href)}renderPage(e,t=!1){const i=new oe(this.snapshot,e,t);return this.render(i)}renderError(e){const t=new re(this.snapshot,e,!1);this.render(t)}clearSnapshotCache(){this.snapshotCache.clear()}async cacheSnapshot(){if(this.shouldCacheSnapshot){this.delegate.viewWillCacheSnapshot();const{snapshot:e,lastRenderedLocation:t}=this;await new Promise((e=>setTimeout((()=>e()),0))),this.snapshotCache.put(t,e.clone())}}getCachedSnapshotForLocation(e){return this.snapshotCache.get(e)}get snapshot(){return j.fromElement(this.element)}get shouldCacheSnapshot(){return this.snapshot.isCacheable}}function ce(e){Object.defineProperties(e,he)}const he={absoluteURL:{get(){return this.toString()}}},de=new class{constructor(){this.navigator=new te(this),this.history=new Q(this),this.view=new le(this,document.documentElement),this.adapter=new X(this),this.pageObserver=new ie(this),this.linkClickObserver=new ee(this),this.formSubmitObserver=new Y(this),this.scrollObserver=new se(this),this.streamObserver=new ne(this),this.frameRedirector=new Z(document.documentElement),this.enabled=!0,this.progressBarDelay=500,this.started=!1}start(){this.started||(this.pageObserver.start(),this.linkClickObserver.start(),this.formSubmitObserver.start(),this.scrollObserver.start(),this.streamObserver.start(),this.frameRedirector.start(),this.history.start(),this.started=!0,this.enabled=!0)}disable(){this.enabled=!1}stop(){this.started&&(this.pageObserver.stop(),this.linkClickObserver.stop(),this.formSubmitObserver.stop(),this.scrollObserver.stop(),this.streamObserver.stop(),this.frameRedirector.stop(),this.history.stop(),this.started=!1)}registerAdapter(e){this.adapter=e}visit(e,t={}){this.navigator.proposeVisit(h(e),t)}connectStreamSource(e){this.streamObserver.connectStreamSource(e)}disconnectStreamSource(e){this.streamObserver.disconnectStreamSource(e)}renderStreamMessage(e){document.documentElement.appendChild(x.wrap(e).fragment)}clearCache(){this.view.clearSnapshotCache()}setProgressBarDelay(e){this.progressBarDelay=e}get location(){return this.history.location}get restorationIdentifier(){return this.history.restorationIdentifier}historyPoppedToLocationWithRestorationIdentifier(e){this.enabled?this.navigator.proposeVisit(e,{action:"restore",historyChanged:!0}):this.adapter.pageInvalidated()}scrollPositionChanged(e){this.history.updateRestorationData({scrollPosition:e})}willFollowLinkToLocation(e,t){return this.elementIsNavigable(e)&&this.locationIsVisitable(t)&&this.applicationAllowsFollowingLinkToLocation(e,t)}followedLinkToLocation(e,t){const i=this.getActionForLink(e);this.visit(t.href,{action:i})}allowsVisitingLocation(e){return this.applicationAllowsVisitingLocation(e)}visitProposedToLocation(e,t){ce(e),this.adapter.visitProposedToLocation(e,t)}visitStarted(e){ce(e.location),this.notifyApplicationAfterVisitingLocation(e.location)}visitCompleted(e){this.notifyApplicationAfterPageLoad(e.getTimingMetrics())}willSubmitForm(e,t){return this.elementIsNavigable(e)&&this.elementIsNavigable(t)}formSubmitted(e,t){this.navigator.submitForm(e,t)}pageBecameInteractive(){this.view.lastRenderedLocation=this.location,this.notifyApplicationAfterPageLoad()}pageLoaded(){this.history.assumeControlOfScrollRestoration()}pageWillUnload(){this.history.relinquishControlOfScrollRestoration()}receivedMessageFromStream(e){this.renderStreamMessage(e)}viewWillCacheSnapshot(){this.notifyApplicationBeforeCachingSnapshot()}viewWillRenderSnapshot({element:e},t){this.notifyApplicationBeforeRender(e)}viewRenderedSnapshot(e,t){this.view.lastRenderedLocation=this.history.location,this.notifyApplicationAfterRender()}viewInvalidated(){this.adapter.pageInvalidated()}applicationAllowsFollowingLinkToLocation(e,t){return!this.notifyApplicationAfterClickingLinkToLocation(e,t).defaultPrevented}applicationAllowsVisitingLocation(e){return!this.notifyApplicationBeforeVisitingLocation(e).defaultPrevented}notifyApplicationAfterClickingLinkToLocation(e,t){return g("turbo:click",{target:e,detail:{url:t.href},cancelable:!0})}notifyApplicationBeforeVisitingLocation(e){return g("turbo:before-visit",{detail:{url:e.href},cancelable:!0})}notifyApplicationAfterVisitingLocation(e){return g("turbo:visit",{detail:{url:e.href}})}notifyApplicationBeforeCachingSnapshot(){return g("turbo:before-cache")}notifyApplicationBeforeRender(e){return g("turbo:before-render",{detail:{newBody:e}})}notifyApplicationAfterRender(){return g("turbo:render")}notifyApplicationAfterPageLoad(e={}){return g("turbo:load",{detail:{url:this.location.href,timing:e}})}getActionForLink(e){const t=e.getAttribute("data-turbo-action");return function(e){return"advance"==e||"replace"==e||"restore"==e}(t)?t:"advance"}elementIsNavigable(e){const t=null==e?void 0:e.closest("[data-turbo]");return!t||"false"!=t.getAttribute("data-turbo")}locationIsVisitable(e){return m(e,this.snapshot.rootLocation)&&!!u(e).match(/^(?:|\.(?:htm|html|xhtml))$/)}get snapshot(){return this.view.snapshot}},{navigator:ue}=de;de.start();i(52),i(443)},662:()=>{}},i={};function s(e){var n=i[e];if(void 0!==n)return n.exports;var r=i[e]={exports:{}};return t[e].call(r.exports,r,r.exports,s),r.exports}s.m=t,e=[],s.O=(t,i,n,r)=>{if(!i){var o=1/0;for(c=0;c<e.length;c++){for(var[i,n,r]=e[c],a=!0,l=0;l<i.length;l++)(!1&r||o>=r)&&Object.keys(s.O).every((e=>s.O[e](i[l])))?i.splice(l--,1):(a=!1,r<o&&(o=r));a&&(e.splice(c--,1),t=n())}return t}r=r||0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[i,n,r]},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={773:0,170:0};s.O.j=t=>0===e[t];var t=(t,i)=>{var n,r,[o,a,l]=i,c=0;for(n in a)s.o(a,n)&&(s.m[n]=a[n]);for(l&&l(s),t&&t(i);c<o.length;c++)r=o[c],s.o(e,r)&&e[r]&&e[r][0](),e[o[c]]=0;s.O()},i=self.webpackChunk=self.webpackChunk||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})(),s.O(void 0,[170],(()=>s(249)));var n=s.O(void 0,[170],(()=>s(662)));n=s.O(n)})();
\ No newline at end of file
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 554e4b0..8a06d2f 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=dcd6a25505aca8a1b0cb",
-    "/css/app.css": "/css/app.css?id=a4be474b1dff83dbf938"
+    "/js/app.js": "/js/app.js?id=1c9c0a8a53dbb967504e",
+    "/css/app.css": "/css/app.css?id=c60a02d22bf509a5d74d"
 }
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index d10480f..7578e44 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -52,19 +52,14 @@ $title = $title ? $title . ' | Laravel Code Tips' : 'Laravel Code Tips';
 
     <footer class="py-12 border-t">
         <ul class="px-4 space-y-4 text-center text-gray-500">
-            <li>
-                Found an error? Contact us at
-                <x-link href="mailto:hello@laravel-code.tips">support@laravel-code.tips</x-link>
-            </li>
-
             <li>
                 Want to share a tip? Submit it
-                <x-link target="_blank" href="https://github.com/stancl/laravel-tips">here</x-link>
+                <x-link href="https://github.com/stancl/laravel-tips">here</x-link>
             </li>
 
             <li>
                 Designed with <span class="text-red-500">❤️</span> by
-                <x-link target="_blank" href="http://twitter.com/larsKlopstra/">@larsklopstra</x-link>
+                <x-link target="_blank" href="http://twitter.com/LarsKlopstra">Lars Klopstra</x-link>
             </li>
         </ul>
     </footer>
diff --git a/resources/views/components/socials.blade.php b/resources/views/components/socials.blade.php
index c8cc86b..dc729c8 100644
--- a/resources/views/components/socials.blade.php
+++ b/resources/views/components/socials.blade.php
@@ -1,24 +1,32 @@
-<ul class="inline-grid grid-flow-col gap-4">
-    <li>
-        <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
-            href="{{ $twitter }}">Twitter</a>
-    </li>
+<div class="inline-flex flex-col">
+    <ul class="inline-grid grid-flow-col gap-4">
+        <li>
+            <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
+                href="{{ $twitter }}">Twitter</a>
+        </li>
 
-    <li>
-        <span>&centerdot;</span>
-    </li>
+        <li>
+            <span>&centerdot;</span>
+        </li>
 
-    <li>
-        <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
-            href="{{ $telegram }}">Telegram</a>
-    </li>
+        <li>
+            <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
+                href="{{ $telegram }}">Telegram</a>
+        </li>
 
-    <li>
-        <span>&centerdot;</span>
-    </li>
+        <li>
+            <span>&centerdot;</span>
+        </li>
 
-    <li>
-        <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
-            href="{{ $newsletter }}">Newsletter</a>
-    </li>
-</ul>
+        <li>
+            <a class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900"
+                href="{{ $newsletter }}">Newsletter</a>
+        </li>
+    </ul>
+
+    <div class="mt-3">
+        <a href="/" class="transition border-b-2 border-pink-100 hover:border-pink-900 focus:outline-none focus:border-pink-900">
+            All tips
+        </a>
+    </div>
+</div>
diff --git a/resources/views/tips/show.blade.php b/resources/views/tips/show.blade.php
index 3885ee1..158fbfd 100644
--- a/resources/views/tips/show.blade.php
+++ b/resources/views/tips/show.blade.php
@@ -1,23 +1,40 @@
 <x:layout>
     <div
         class="fixed inset-0 z-40 items-center justify-between hidden w-full h-screen p-16 pointer-events-none lg:flex">
-        <a class="rounded-full shadow-md pointer-events-auto" href="#">
-            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
-                <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
-                </svg>
-            </div>
-        </a>
 
-        <a class="rounded-full shadow-md pointer-events-auto" href="#">
-            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
-                <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
+        {{-- Left button = newer --}}
+        @if($link = $tip->newQuery()->orderBy('created_at', 'asc')->firstWhere('created_at', '>', $tip->created_at))
+            <a
+                class="rounded-full shadow-md pointer-events-auto"
+                href="{{ route('tip.show', $link, false) }}"
+            >
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"
+                        stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+                    </svg>
+                </div>
+            </a>
+        @else
+            <div>
+                {{-- Placeholder for positioning of the right button --}}
             </div>
-        </a>
+        @endif
+
+        {{-- Right button = older --}}
+        @if($link = $tip->newQuery()->orderBy('created_at', 'desc')->firstWhere('created_at', '<', $tip->created_at))
+            <a
+                class="rounded-full shadow-md pointer-events-auto"
+                href="{{ route('tip.show', $link, false) }}"
+                >
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"
+                        stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                    </svg>
+                </div>
+            </a>
+        @endif
     </div>
 
     <main class="relative flex-1 py-24">
@@ -41,7 +58,7 @@
                 @endif
 
                 @if ($tip->content)
-                    <div class="prose break-all md:prose-xl">
+                    <div class="prose break-words md:prose-xl">
                         {!! Str::markdown($tip->content) !!}
                     </div>
                 @endif