diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 20fdfe7d..41bb6e78 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1404,6 +1404,10 @@ select {
   left: -9999px;
 }
 
+.-top-\[18px\] {
+  top: -18px;
+}
+
 .-top-\[21px\] {
   top: -21px;
 }
@@ -1524,6 +1528,10 @@ select {
   z-index: 40 !important;
 }
 
+.z-0 {
+  z-index: 0;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -1612,6 +1620,10 @@ select {
   margin: -1px !important;
 }
 
+.-m-px {
+  margin: -1px;
+}
+
 .m-0 {
   margin: 0px;
 }
@@ -1724,6 +1736,10 @@ select {
   margin-right: -100%;
 }
 
+.-mt-1 {
+  margin-top: -0.25rem;
+}
+
 .-mt-3 {
   margin-top: -0.75rem;
 }
@@ -2032,6 +2048,10 @@ select {
   height: 1.125rem;
 }
 
+.h-\[1\.4rem\] {
+  height: 1.4rem;
+}
+
 .h-\[1000px\] {
   height: 1000px;
 }
@@ -2132,6 +2152,10 @@ select {
   height: 100%;
 }
 
+.h-px {
+  height: 1px;
+}
+
 .h-screen {
   height: 100vh;
 }
@@ -2256,6 +2280,10 @@ select {
   width: 1.125rem;
 }
 
+.w-\[1\.4rem\] {
+  width: 1.4rem;
+}
+
 .w-\[15\%\] {
   width: 15%;
 }
@@ -2340,6 +2368,10 @@ select {
   width: 100%;
 }
 
+.w-px {
+  width: 1px;
+}
+
 .w-screen {
   width: 100vw;
 }
@@ -2473,6 +2505,10 @@ select {
   transform-origin: 0 0;
 }
 
+.origin-\[50\%_50\%\] {
+  transform-origin: 50% 50%;
+}
+
 .origin-\[center_bottom_0\] {
   transform-origin: center bottom 0;
 }
@@ -2486,13 +2522,13 @@ select {
   transform: translate(var(--tw-translate-x), 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-x-\[150\%\] {
-  --tw-translate-x: -150%;
+.-translate-x-\[50\%\] {
+  --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), 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-x-\[50\%\] {
-  --tw-translate-x: -50%;
+.-translate-x-\[6px\] {
+  --tw-translate-x: -6px;
   transform: translate(var(--tw-translate-x), 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));
 }
 
@@ -2526,11 +2562,26 @@ select {
   transform: translate(var(--tw-translate-x), 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-\[6px\] {
+  --tw-translate-y: 6px;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
+.-rotate-45 {
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), 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));
 }
 
+.rotate-45 {
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
 .scale-0 {
   --tw-scale-x: 0;
   --tw-scale-y: 0;
@@ -2549,18 +2600,17 @@ select {
   transform: translate(var(--tw-translate-x), 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));
 }
 
-.scale-\[0\.8\] {
-  --tw-scale-x: 0.8;
-  --tw-scale-y: 0.8;
-  transform: translate(var(--tw-translate-x), 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));
-}
-
 .scale-\[1\.02\] {
   --tw-scale-x: 1.02;
   --tw-scale-y: 1.02;
   transform: translate(var(--tw-translate-x), 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));
 }
 
+.scale-y-\[0\.8\] {
+  --tw-scale-y: 0.8;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), 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));
 }
@@ -2601,10 +2651,36 @@ select {
   animation: show-up-clock 350ms linear;
 }
 
+.animate-\[slide-in-left_0\.8s_both\] {
+  animation: slide-in-left 0.8s both;
+}
+
+.animate-\[slide-in-right_0\.8s_both\] {
+  animation: slide-in-right 0.8s both;
+}
+
+.animate-\[slide-out-left_0\.8s_both\] {
+  animation: slide-out-left 0.8s both;
+}
+
+.animate-\[slide-out-right_0\.8s_both\] {
+  animation: slide-out-right 0.8s both;
+}
+
 .animate-\[spinner-grow_0\.75s_linear_infinite\] {
   animation: spinner-grow 0.75s linear infinite;
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
 .cursor-default {
   cursor: default;
 }
@@ -2902,6 +2978,22 @@ select {
   border-top-right-radius: 0.5rem;
 }
 
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-br-2xl {
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-tl-2xl {
+  border-top-left-radius: 1rem;
+}
+
+.rounded-tr-2xl {
+  border-top-right-radius: 1rem;
+}
+
 .\!border-0 {
   border-width: 0px !important;
 }
@@ -2922,6 +3014,10 @@ select {
   border-width: 2px;
 }
 
+.border-4 {
+  border-width: 4px;
+}
+
 .border-\[\.125rem\] {
   border-width: .125rem;
 }
@@ -2930,10 +3026,18 @@ select {
   border-width: 0.125rem;
 }
 
+.border-\[0\.15em\] {
+  border-width: 0.15em;
+}
+
 .border-\[14px\] {
   border-width: 14px;
 }
 
+.border-\[1px\] {
+  border-width: 1px;
+}
+
 .border-y-\[10px\] {
   border-top-width: 10px;
   border-bottom-width: 10px;
@@ -3017,6 +3121,11 @@ select {
   border-color: rgb(220 76 100 / var(--tw-border-opacity));
 }
 
+.border-\[\#eee\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(238 238 238 / var(--tw-border-opacity));
+}
+
 .border-neutral-100 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-100), var(--tw-border-opacity));
@@ -3046,6 +3155,10 @@ select {
   border-color: transparent;
 }
 
+.border-r-transparent {
+  border-right-color: transparent;
+}
+
 .border-t-transparent {
   border-top-color: transparent;
 }
@@ -3097,6 +3210,11 @@ select {
   background-color: rgb(236 239 241 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#eee\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
+}
+
 .bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
   background-color: rgba(0,0,0,0.4);
 }
@@ -3432,6 +3550,11 @@ select {
   padding-bottom: 0.33rem;
 }
 
+.py-\[0\.4375rem\] {
+  padding-top: 0.4375rem;
+  padding-bottom: 0.4375rem;
+}
+
 .py-\[0\.4rem\] {
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
@@ -4182,6 +4305,10 @@ select {
   transition-duration: 150ms;
 }
 
+.duration-\[200ms\] {
+  transition-duration: 200ms;
+}
+
 .duration-\[250ms\] {
   transition-duration: 250ms;
 }
@@ -4230,10 +4357,18 @@ select {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.will-change-transform {
+  will-change: transform;
+}
+
 .\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
   clip: rect(0,0,0,0) !important;
 }
 
+.\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
+  clip: rect(0,0,0,0);
+}
+
 .\[direction\:ltr\] {
   direction: ltr;
 }
@@ -6482,6 +6617,11 @@ pre {
   background-color: transparent;
 }
 
+.active\:bg-\[\#c4d4ef\]:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 212 239 / var(--tw-bg-opacity));
+}
+
 .active\:bg-\[\#cacfd1\]:active {
   --tw-bg-opacity: 1;
   background-color: rgb(202 207 209 / var(--tw-bg-opacity));
@@ -6666,6 +6806,10 @@ pre {
   pointer-events: none;
 }
 
+.data-\[te-active\]\:-top-\[38px\][data-te-active] {
+  top: -38px;
+}
+
 .data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade] {
   z-index: 0;
 }
@@ -6697,6 +6841,12 @@ pre {
   transform: translate(var(--tw-translate-x), 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));
 }
 
+.data-\[te-active\]\:scale-100[data-te-active] {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
 .data-\[te-input-state-active\]\:scale-\[0\.8\][data-te-input-state-active] {
   --tw-scale-x: 0.8;
   --tw-scale-y: 0.8;
@@ -6709,6 +6859,15 @@ pre {
   transform: translate(var(--tw-translate-x), 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));
 }
 
+.data-\[te-autocomplete-state-open\]\:scale-y-100[data-te-autocomplete-state-open] {
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), 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));
+}
+
+.data-\[data-te-autocomplete-option-disabled\]\:cursor-default[data-data-te-autocomplete-option-disabled] {
+  cursor: default;
+}
+
 .data-\[te-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled] {
   cursor: default;
 }
@@ -6739,6 +6898,10 @@ pre {
   color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
 
+.data-\[te-autocomplete-state-open\]\:opacity-100[data-te-autocomplete-state-open] {
+  opacity: 1;
+}
+
 .data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade] {
   opacity: 0;
 }
@@ -7070,6 +7233,16 @@ pre {
     transform: none;
   }
 
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
+    animation: spin 1.5s linear infinite;
+  }
+
   .motion-reduce\:animate-\[spinner-grow_1\.5s_linear_infinite\] {
     animation: spinner-grow 1.5s linear infinite;
   }
@@ -7100,6 +7273,11 @@ pre {
   border-color: rgb(20 164 77 / var(--tw-border-opacity));
 }
 
+:is(.dark .dark\:border-\[\#4f4f4f\]) {
+  --tw-border-opacity: 1;
+  border-color: rgb(79 79 79 / var(--tw-border-opacity));
+}
+
 :is(.dark .dark\:border-\[\#dc4c64\]) {
   --tw-border-opacity: 1;
   border-color: rgb(220 76 100 / var(--tw-border-opacity));
@@ -7145,6 +7323,11 @@ pre {
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity)) !important;
 }
 
+:is(.dark .dark\:bg-\[\#4f4f4f\]) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 79 79 / var(--tw-bg-opacity));
+}
+
 :is(.dark .dark\:bg-neutral-600) {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
diff --git a/package-lock.json b/package-lock.json
index ee79aa73..ff930426 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "puppeteer": "^21.5.2",
         "rimraf": "^5.0.5",
         "tailwindcss": "^3.3.6",
-        "tw-elements": "1.0.0",
+        "tw-elements": "1.1.0",
         "typeit": "^8.8.0",
         "vendor-copy": "^3.0.1"
       }
@@ -2847,9 +2847,9 @@
       "dev": true
     },
     "node_modules/tw-elements": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0.tgz",
-      "integrity": "sha512-pD2bA1bTGzvigU79dz4pGvO207CCOpzhwlxzb7hswx40SMMkJISOkoDxU2ot3OQ7LTZM5GwuLDkZ+dquK0wdYQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.1.0.tgz",
+      "integrity": "sha512-IUr9YW2l99oTVZxuVjQg6rpuCpo6VZqbaKGYmZUNVVsoSVU/ljPpkJAY2Pn/morlXwKPhP9MTPNQMlWosqHL4w==",
       "dev": true,
       "dependencies": {
         "@popperjs/core": "^2.6.0",
diff --git a/package.json b/package.json
index 6091f21f..859c539a 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "puppeteer": "^21.5.2",
     "rimraf": "^5.0.5",
     "tailwindcss": "^3.3.6",
-    "tw-elements": "1.0.0",
+    "tw-elements": "1.1.0",
     "typeit": "^8.8.0",
     "vendor-copy": "^3.0.1"
   },