From 4cefe3a252e2af17bc83005525a81234beaea782 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 21 Feb 2023 06:01:54 +0000
Subject: [PATCH 01/14] =?UTF-8?q?=F0=9F=93=8C=20Bump=20tw-elements=20from?=
 =?UTF-8?q?=201.0.0-alpha13=20to=201.0.0-beta1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bumps [tw-elements](https://github.com/mdbootstrap/Tailwind-Elements) from 1.0.0-alpha13 to 1.0.0-beta1.
- [Release notes](https://github.com/mdbootstrap/Tailwind-Elements/releases)
- [Commits](https://github.com/mdbootstrap/Tailwind-Elements/compare/1.0.0-alpha13...v1.0.0-beta1)

---
updated-dependencies:
- dependency-name: tw-elements
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 94 ++++++++++++++++++-----------------------------
 package.json      |  2 +-
 2 files changed, 36 insertions(+), 60 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7a876fe9..cd302c8d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "prettier-plugin-tailwindcss": "^0.2.3",
         "rimraf": "^4.1.2",
         "tailwindcss": "^3.2.7",
-        "tw-elements": "^1.0.0-alpha13",
+        "tw-elements": "^1.0.0-beta1",
         "typeit": "^8.7.1",
         "vendor-copy": "^3.0.1"
       }
@@ -1833,9 +1833,9 @@
       }
     },
     "node_modules/tw-elements": {
-      "version": "1.0.0-alpha13",
-      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz",
-      "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==",
+      "version": "1.0.0-beta1",
+      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz",
+      "integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==",
       "dev": true,
       "dependencies": {
         "@popperjs/core": "^2.6.0",
@@ -1843,9 +1843,9 @@
         "chartjs-plugin-datalabels": "^0.7.0",
         "deepmerge": "^4.2.2",
         "detect-autofill": "^1.1.3",
-        "perfect-scrollbar": "^1.5.0",
+        "perfect-scrollbar": "^1.5.5",
         "popper.js": "^1.16.1",
-        "tailwindcss": "~3.0.7"
+        "tailwindcss": "3.2.4"
       }
     },
     "node_modules/tw-elements/node_modules/chart.js": {
@@ -1867,52 +1867,35 @@
         "chart.js": ">= 2.7.0 < 3"
       }
     },
-    "node_modules/tw-elements/node_modules/postcss-nested": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
-      "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-      "dev": true,
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.6"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
     "node_modules/tw-elements/node_modules/tailwindcss": {
-      "version": "3.0.24",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
-      "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
+      "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==",
       "dev": true,
       "dependencies": {
-        "arg": "^5.0.1",
+        "arg": "^5.0.2",
         "chokidar": "^3.5.3",
         "color-name": "^1.1.4",
-        "detective": "^5.2.0",
+        "detective": "^5.2.1",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
-        "fast-glob": "^3.2.11",
+        "fast-glob": "^3.2.12",
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
-        "lilconfig": "^2.0.5",
+        "lilconfig": "^2.0.6",
+        "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.12",
+        "postcss": "^8.4.18",
+        "postcss-import": "^14.1.0",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
-        "postcss-nested": "5.0.6",
+        "postcss-nested": "6.0.0",
         "postcss-selector-parser": "^6.0.10",
         "postcss-value-parser": "^4.2.0",
         "quick-lru": "^5.1.1",
-        "resolve": "^1.22.0"
+        "resolve": "^1.22.1"
       },
       "bin": {
         "tailwind": "lib/cli.js",
@@ -3263,9 +3246,9 @@
       "dev": true
     },
     "tw-elements": {
-      "version": "1.0.0-alpha13",
-      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha13.tgz",
-      "integrity": "sha512-lz1D583ZGDF4s8e89dmXkhfD8m2abgAlaK8/J6cAEm3DLxz7RtqKdunzja6xcKxDZO3bXEd6oGNdQ5QHpyCqrg==",
+      "version": "1.0.0-beta1",
+      "resolved": "https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-beta1.tgz",
+      "integrity": "sha512-N7YBHpco5kOBGwPzCrnyxTbjFreb7SisEFw+paJpUHGgZUwdI6KUP2QJzM3YZSFrcigWIjRwR0jOb/PQcIuk5g==",
       "dev": true,
       "requires": {
         "@popperjs/core": "^2.6.0",
@@ -3273,9 +3256,9 @@
         "chartjs-plugin-datalabels": "^0.7.0",
         "deepmerge": "^4.2.2",
         "detect-autofill": "^1.1.3",
-        "perfect-scrollbar": "^1.5.0",
+        "perfect-scrollbar": "^1.5.5",
         "popper.js": "^1.16.1",
-        "tailwindcss": "~3.0.7"
+        "tailwindcss": "3.2.4"
       },
       "dependencies": {
         "chart.js": {
@@ -3295,42 +3278,35 @@
           "dev": true,
           "requires": {}
         },
-        "postcss-nested": {
-          "version": "5.0.6",
-          "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
-          "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-          "dev": true,
-          "requires": {
-            "postcss-selector-parser": "^6.0.6"
-          }
-        },
         "tailwindcss": {
-          "version": "3.0.24",
-          "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.0.24.tgz",
-          "integrity": "sha512-H3uMmZNWzG6aqmg9q07ZIRNIawoiEcNFKDfL+YzOPuPsXuDXxJxB9icqzLgdzKNwjG3SAro2h9SYav8ewXNgig==",
+          "version": "3.2.4",
+          "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
+          "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==",
           "dev": true,
           "requires": {
-            "arg": "^5.0.1",
+            "arg": "^5.0.2",
             "chokidar": "^3.5.3",
             "color-name": "^1.1.4",
-            "detective": "^5.2.0",
+            "detective": "^5.2.1",
             "didyoumean": "^1.2.2",
             "dlv": "^1.1.3",
-            "fast-glob": "^3.2.11",
+            "fast-glob": "^3.2.12",
             "glob-parent": "^6.0.2",
             "is-glob": "^4.0.3",
-            "lilconfig": "^2.0.5",
+            "lilconfig": "^2.0.6",
+            "micromatch": "^4.0.5",
             "normalize-path": "^3.0.0",
             "object-hash": "^3.0.0",
             "picocolors": "^1.0.0",
-            "postcss": "^8.4.12",
+            "postcss": "^8.4.18",
+            "postcss-import": "^14.1.0",
             "postcss-js": "^4.0.0",
             "postcss-load-config": "^3.1.4",
-            "postcss-nested": "5.0.6",
+            "postcss-nested": "6.0.0",
             "postcss-selector-parser": "^6.0.10",
             "postcss-value-parser": "^4.2.0",
             "quick-lru": "^5.1.1",
-            "resolve": "^1.22.0"
+            "resolve": "^1.22.1"
           }
         }
       }
diff --git a/package.json b/package.json
index 13bfd61e..531ce478 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "prettier-plugin-tailwindcss": "^0.2.3",
     "rimraf": "^4.1.2",
     "tailwindcss": "^3.2.7",
-    "tw-elements": "^1.0.0-alpha13",
+    "tw-elements": "^1.0.0-beta1",
     "typeit": "^8.7.1",
     "vendor-copy": "^3.0.1"
   },

From 5b9e28503bedf9168f898d01f094af8eb533d4bb Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <dependabot[bot]@users.noreply.github.com>
Date: Tue, 21 Feb 2023 06:02:32 +0000
Subject: [PATCH 02/14] =?UTF-8?q?=F0=9F=92=84=20Rebuild=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/compiled/main.css | 5317 +++++++++++++++-------------------
 1 file changed, 2265 insertions(+), 3052 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 9eb0bce4..d6d73158 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -43,7 +43,7 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: Inter, sans-serif;
+  font-family: Roboto, sans-serif;
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -683,6 +683,12 @@ select {
   width: 100%;
 }
 
+@media (min-width: 320px) {
+  .container {
+    max-width: 320px;
+  }
+}
+
 @media (min-width: 640px) {
   .container {
     max-width: 640px;
@@ -735,13 +741,13 @@ select {
   color: var(--tw-prose-links);
   text-decoration: none;
   font-weight: 500;
-  text-decoration-color: rgba(var(--color-primary-300), 1);
+  text-decoration-color: rgb(171 194 232 / 1);
 }
 
 .prose :where(a):not(:where([class~="not-prose"] *)):hover {
   color: rgba(var(--color-neutral), 1);
   text-decoration: none;
-  background-color: rgba(var(--color-primary-600), 1);
+  background-color: rgb(48 97 175 / 1);
   border-radius: 0.09rem;
 }
 
@@ -1057,15 +1063,15 @@ select {
   --tw-prose-body: rgba(var(--color-neutral-700), 1);
   --tw-prose-headings: rgba(var(--color-neutral-800), 1);
   --tw-prose-lead: rgba(var(--color-neutral-500), 1);
-  --tw-prose-links: rgba(var(--color-primary-700), 1);
+  --tw-prose-links: rgb(40 81 146 / 1);
   --tw-prose-bold: rgba(var(--color-neutral-900), 1);
   --tw-prose-counters: rgba(var(--color-neutral-800), 1);
   --tw-prose-bullets: rgba(var(--color-neutral-500), 1);
   --tw-prose-hr: rgba(var(--color-neutral-200), 1);
   --tw-prose-quotes: rgba(var(--color-neutral-700), 1);
-  --tw-prose-quote-borders: rgba(var(--color-primary-200), 1);
+  --tw-prose-quote-borders: rgb(199 215 240 / 1);
   --tw-prose-captions: rgba(var(--color-neutral-500), 1);
-  --tw-prose-code: rgba(var(--color-secondary-700), 1);
+  --tw-prose-code: rgb(107 117 133 / 1);
   --tw-prose-pre-code: rgba(var(--color-neutral-700), 1);
   --tw-prose-pre-bg: rgba(var(--color-neutral-50), 1);
   --tw-prose-th-borders: rgba(var(--color-neutral-500), 1);
@@ -1073,15 +1079,15 @@ select {
   --tw-prose-invert-body: rgba(var(--color-neutral-300), 1);
   --tw-prose-invert-headings: rgba(var(--color-neutral-50), 1);
   --tw-prose-invert-lead: rgba(var(--color-neutral-500), 1);
-  --tw-prose-invert-links: rgba(var(--color-primary-400), 1);
+  --tw-prose-invert-links: rgb(143 174 224 / 1);
   --tw-prose-invert-bold: rgba(var(--color-neutral), 1);
   --tw-prose-invert-counters: rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1);
   --tw-prose-invert-hr: rgba(var(--color-neutral-500), 1);
   --tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1);
-  --tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1);
+  --tw-prose-invert-quote-borders: rgb(24 48 88 / 1);
   --tw-prose-invert-captions: rgba(var(--color-neutral-400), 1);
-  --tw-prose-invert-code: rgba(var(--color-secondary-400), 1);
+  --tw-prose-invert-code: rgb(200 204 211 / 1);
   --tw-prose-invert-pre-code: rgba(var(--color-neutral-200), 1);
   --tw-prose-invert-pre-bg: rgba(var(--color-neutral-700), 1);
   --tw-prose-invert-th-borders: rgba(var(--color-neutral-500), 1);
@@ -1196,7 +1202,7 @@ select {
 
 .prose :where(mark):not(:where([class~="not-prose"] *)) {
   color: rgba(var(--color-neutral-800), 1);
-  background-color: rgba(var(--color-secondary-200), 1);
+  background-color: rgb(228 230 233 / 1);
   padding: 0.1rem 0.2rem;
   border-radius: 0.12rem;
 }
@@ -1210,2974 +1216,19 @@ select {
 }
 
 .prose :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-600), 1);
+  text-decoration-color: rgb(48 97 175 / 1);
 }
 
 .prose :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-600), 1);
+  text-decoration-color: rgb(48 97 175 / 1);
 }
 
 .prose-invert :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-400), 1);
+  text-decoration-color: rgb(143 174 224 / 1);
 }
 
 .prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-400), 1);
-}
-
-:root {
-  --bs-blue: #0d6efd;
-  --bs-indigo: #6610f2;
-  --bs-purple: #6f42c1;
-  --bs-pink: #d63384;
-  --bs-red: #dc3545;
-  --bs-orange: #fd7e14;
-  --bs-yellow: #ffc107;
-  --bs-green: #198754;
-  --bs-teal: #20c997;
-  --bs-cyan: #0dcaf0;
-  --bs-white: #fff;
-  --bs-gray: #6c757d;
-  --bs-gray-dark: #343a40;
-  --bs-gray-100: #f8f9fa;
-  --bs-gray-200: #e9ecef;
-  --bs-gray-300: #dee2e6;
-  --bs-gray-400: #ced4da;
-  --bs-gray-500: #adb5bd;
-  --bs-gray-600: #6c757d;
-  --bs-gray-700: #495057;
-  --bs-gray-800: #343a40;
-  --bs-gray-900: #212529;
-  --bs-primary: #0d6efd;
-  --bs-secondary: #6c757d;
-  --bs-success: #198754;
-  --bs-info: #0dcaf0;
-  --bs-warning: #ffc107;
-  --bs-danger: #dc3545;
-  --bs-light: #f8f9fa;
-  --bs-dark: #212529;
-  --bs-primary-rgb: 13, 110, 253;
-  --bs-secondary-rgb: 108, 117, 125;
-  --bs-success-rgb: 25, 135, 84;
-  --bs-info-rgb: 13, 202, 240;
-  --bs-warning-rgb: 255, 193, 7;
-  --bs-danger-rgb: 220, 53, 69;
-  --bs-light-rgb: 248, 249, 250;
-  --bs-dark-rgb: 33, 37, 41;
-  --bs-white-rgb: 255, 255, 255;
-  --bs-black-rgb: 0, 0, 0;
-  --bs-body-color-rgb: 33, 37, 41;
-  --bs-body-bg-rgb: 255, 255, 255;
-  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
-  --bs-body-font-family: var(--bs-font-sans-serif);
-  --bs-body-font-size: 1rem;
-  --bs-body-font-weight: 400;
-  --bs-body-line-height: 1.5;
-  --bs-body-color: #212529;
-  --bs-body-bg: #fff;
-}
-
-.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.is-invalid ~ .invalid-feedback {
-  display: block;
-}
-
-.is-invalid ~ .invalid-tooltip {
-  display: block;
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-  padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right calc(0.375em + 0.1875rem) center;
-  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
-}
-
-.form-control.is-invalid:focus {
-  border-color: #dc3545;
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-textarea.form-control.is-invalid {
-  padding-right: calc(1.5em + 0.75rem);
-  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
-}
-
-.form-select.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-select.is-invalid:not([multiple]):not([size]) {
-  padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
-  background-position: right 0.75rem center, center right 2.25rem;
-  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
-}
-
-.form-select.is-invalid:not([multiple])[size="1"] {
-  padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
-  background-position: right 0.75rem center, center right 2.25rem;
-  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
-}
-
-.form-select.is-invalid:focus {
-  border-color: #dc3545;
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.form-check-input.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-check-input.is-invalid:checked {
-  background-color: #dc3545;
-}
-
-.form-check-input.is-invalid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.form-check-input.is-invalid ~ .form-check-label {
-  color: #dc3545;
-}
-
-.input-group .form-control.is-invalid {
-  z-index: 2;
-}
-
-.input-group .form-select.is-invalid {
-  z-index: 2;
-}
-
-.input-group .form-control.is-invalid:focus {
-  z-index: 3;
-}
-
-.input-group .form-select.is-invalid:focus {
-  z-index: 3;
-}
-
-.btn.active {
-  box-shadow: none;
-}
-
-.btn.active:focus {
-  box-shadow: none;
-}
-
-.fade {
-  transition: opacity 0.15s linear;
-}
-
-.fade:not(.show) {
-  opacity: 0;
-}
-
-.collapse:not(.show) {
-  display: none;
-}
-
-.collapsing {
-  height: 0;
-  overflow: hidden;
-  transition: height 0.35s ease;
-}
-
-.collapsing.collapse-horizontal {
-  width: 0;
-  height: auto;
-  transition: width 0.35s ease;
-}
-
-.dropdown-menu {
-  z-index: 1000;
-}
-
-.dropdown-item.active {
-  color: rgb(31, 41, 55);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #0d6efd;
-}
-
-.dropdown-item:active {
-  color: rgb(31, 41, 55);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #0d6efd;
-}
-
-.dropdown-item:disabled {
-  color: #adb5bd;
-  pointer-events: none;
-  background-color: transparent;
-}
-
-.dropdown-menu.show {
-  display: block;
-}
-
-.dropdown-menu-dark .dropdown-item.active {
-  color: #fff;
-  background-color: #0d6efd;
-}
-
-.dropdown-menu-dark .dropdown-item:active {
-  color: #fff;
-  background-color: #0d6efd;
-}
-
-.dropdown-menu-dark .dropdown-item.disabled {
-  color: #adb5bd;
-}
-
-.dropdown-menu-dark .dropdown-item:disabled {
-  color: #adb5bd;
-}
-
-.nav-tabs .nav-link {
-  color: rgb(75, 85, 99);
-}
-
-.nav-tabs .nav-link:hover {
-  isolation: isolate;
-}
-
-.nav-tabs .nav-link:focus {
-  isolation: isolate;
-}
-
-.nav-tabs .nav-link.disabled {
-  color: rgb(156, 163, 175);
-  background-color: transparent;
-  border-color: transparent;
-}
-
-.nav-tabs .nav-link.active {
-  color: rgb(37, 99, 235);
-  border-color: rgb(37, 99, 235);
-}
-
-.nav-tabs .nav-item.show .nav-link {
-  color: rgb(37, 99, 235);
-  border-color: rgb(37, 99, 235);
-}
-
-.nav-tabs .dropdown-menu {
-  margin-top: -1px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.nav-pills .nav-link {
-  background: rgb(243, 244, 246);
-  color: rgb(75, 85, 99);
-  box-shadow: none;
-}
-
-.nav-pills .nav-link.active {
-  background: rgb(37, 99, 235);
-  color: #fff;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.nav-pills .show > .nav-link {
-  background: rgb(37, 99, 235);
-  color: #fff;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-}
-
-.nav-pills .disabled {
-  color: rgb(156, 163, 175);
-  background-color: rgba(243, 244, 246, 0.5);
-}
-
-.nav-pills.menu-sidebar .nav-link {
-  background-color: transparent;
-  box-shadow: none;
-  padding: 0 5px;
-  border-radius: 0;
-}
-
-.nav-pills.menu-sidebar .nav-link.active {
-  color: #1266f1;
-  font-weight: 600;
-  border-left: 0.125rem solid #1266f1;
-}
-
-.nav-justified > .nav-link {
-  -ms-flex-basis: 0;
-  flex-basis: 0;
-}
-
-.nav-justified .nav-item {
-  -ms-flex-basis: 0;
-  flex-basis: 0;
-}
-
-.tab-content > .active {
-  display: block;
-}
-
-.navbar-expand .navbar-nav {
-  flex-direction: row;
-}
-
-.navbar-expand .navbar-nav .dropdown-menu {
-  position: absolute;
-}
-
-.navbar-expand .navbar-nav .nav-link {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.navbar-expand .offcanvas {
-  position: inherit;
-  bottom: 0;
-  z-index: 1000;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  visibility: visible !important;
-  background-color: transparent;
-  border-right: 0;
-  border-left: 0;
-  transition: none;
-  transform: none;
-}
-
-.navbar-light .navbar-nav .nav-link.disabled {
-  color: rgba(0, 0, 0, 0.3);
-}
-
-.navbar-light .navbar-nav .show > .nav-link {
-  color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-light .navbar-nav .nav-link.active {
-  color: rgba(0, 0, 0, 0.9);
-}
-
-.navbar-dark .navbar-nav .nav-link.disabled {
-  color: rgba(255, 255, 255, 0.25);
-}
-
-.navbar-dark .navbar-nav .show > .nav-link {
-  color: #fff;
-}
-
-.navbar-dark .navbar-nav .nav-link.active {
-  color: #fff;
-}
-
-.accordion-item:last-of-type .accordion-button.collapsed {
-  border-bottom-right-radius: calc(0.5rem - 1px);
-  border-bottom-left-radius: calc(0.5rem - 1px);
-}
-
-.btn-close.disabled {
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  opacity: 0.25;
-}
-
-.modal {
-  z-index: 1055;
-}
-
-.modal-dialog {
-  margin: 0.5rem;
-}
-
-.modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
-  transform: translate(0, -50px);
-}
-
-.modal.show .modal-dialog {
-  transform: none;
-}
-
-.modal.modal-static .modal-dialog {
-  transform: scale(1.02);
-}
-
-.modal-dialog-scrollable .modal-body {
-  overflow-y: auto;
-}
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  width: 100vw;
-  height: 100vh;
-  background-color: #000;
-}
-
-.modal-backdrop.fade {
-  opacity: 0;
-}
-
-.modal-backdrop.show {
-  opacity: 0.5;
-}
-
-.modal-body {
-  flex: 1 1 auto;
-}
-
-.modal-fullscreen .modal-body {
-  overflow-y: auto;
-}
-
-.tooltip {
-  position: absolute;
-  z-index: 1080;
-  display: block;
-  margin: 0;
-  font-family: var(--bs-font-sans-serif);
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  -webkit-text-align: start;
-  text-align: start;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-text-shadow: none;
-  text-shadow: none;
-  -webkit-text-transform: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  opacity: 0;
-}
-
-.tooltip.show {
-  opacity: 1;
-}
-
-.bs-tooltip-top .tooltip-arrow {
-  bottom: 0;
-}
-
-.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
-  bottom: 0;
-}
-
-.bs-tooltip-top .tooltip-arrow::before {
-  top: -1px;
-  border-width: 0.4rem 0.4rem 0;
-  border-top-color: #000;
-}
-
-.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
-  top: -1px;
-  border-width: 0.4rem 0.4rem 0;
-  border-top-color: #000;
-}
-
-.bs-tooltip-end .tooltip-arrow {
-  left: 0;
-  width: 0.4rem;
-  height: 0.8rem;
-}
-
-.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
-  left: 0;
-  width: 0.4rem;
-  height: 0.8rem;
-}
-
-.bs-tooltip-end .tooltip-arrow::before {
-  right: -1px;
-  border-width: 0.4rem 0.4rem 0.4rem 0;
-  border-right-color: #000;
-}
-
-.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
-  right: -1px;
-  border-width: 0.4rem 0.4rem 0.4rem 0;
-  border-right-color: #000;
-}
-
-.bs-tooltip-bottom .tooltip-arrow {
-  top: 0;
-}
-
-.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
-  top: 0;
-}
-
-.bs-tooltip-bottom .tooltip-arrow::before {
-  bottom: -1px;
-  border-width: 0 0.4rem 0.4rem;
-  border-bottom-color: #000;
-}
-
-.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
-  bottom: -1px;
-  border-width: 0 0.4rem 0.4rem;
-  border-bottom-color: #000;
-}
-
-.bs-tooltip-start .tooltip-arrow {
-  right: 0;
-  width: 0.4rem;
-  height: 0.8rem;
-}
-
-.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
-  right: 0;
-  width: 0.4rem;
-  height: 0.8rem;
-}
-
-.bs-tooltip-start .tooltip-arrow::before {
-  left: -1px;
-  border-width: 0.4rem 0 0.4rem 0.4rem;
-  border-left-color: #000;
-}
-
-.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
-  left: -1px;
-  border-width: 0.4rem 0 0.4rem 0.4rem;
-  border-left-color: #000;
-}
-
-.tooltip-inner {
-  max-width: 200px;
-  font-size: 14px;
-  padding: 6px 16px;
-  color: #fff;
-  -webkit-text-align: center;
-  text-align: center;
-  background-color: #6d6d6d;
-  border-radius: 0.25rem;
-}
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1070;
-  display: block;
-  max-width: 276px;
-  font-family: var(--bs-font-sans-serif);
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  -webkit-text-align: start;
-  text-align: start;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-text-shadow: none;
-  text-shadow: none;
-  -webkit-text-transform: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 0.5rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.bs-popover-top > .popover-arrow {
-  bottom: calc(-0.5rem - 1px);
-}
-
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
-  bottom: calc(-0.5rem - 1px);
-}
-
-.bs-popover-top > .popover-arrow::before {
-  bottom: 0;
-  border-width: 0.5rem 0.5rem 0;
-  border-top-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
-  bottom: 0;
-  border-width: 0.5rem 0.5rem 0;
-  border-top-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-top > .popover-arrow::after {
-  bottom: 1px;
-  border-width: 0.5rem 0.5rem 0;
-  border-top-color: #fff;
-}
-
-.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
-  bottom: 1px;
-  border-width: 0.5rem 0.5rem 0;
-  border-top-color: #fff;
-}
-
-.bs-popover-end > .popover-arrow {
-  left: calc(-0.5rem - 1px);
-  width: 0.5rem;
-  height: 1rem;
-}
-
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
-  left: calc(-0.5rem - 1px);
-  width: 0.5rem;
-  height: 1rem;
-}
-
-.bs-popover-end > .popover-arrow::before {
-  left: 0;
-  border-width: 0.5rem 0.5rem 0.5rem 0;
-  border-right-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
-  left: 0;
-  border-width: 0.5rem 0.5rem 0.5rem 0;
-  border-right-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-end > .popover-arrow::after {
-  left: 1px;
-  border-width: 0.5rem 0.5rem 0.5rem 0;
-  border-right-color: #fff;
-}
-
-.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
-  left: 1px;
-  border-width: 0.5rem 0.5rem 0.5rem 0;
-  border-right-color: #fff;
-}
-
-.bs-popover-bottom > .popover-arrow {
-  top: calc(-0.5rem - 1px);
-}
-
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
-  top: calc(-0.5rem - 1px);
-}
-
-.bs-popover-bottom > .popover-arrow::before {
-  top: 0;
-  border-width: 0 0.5rem 0.5rem 0.5rem;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
-  top: 0;
-  border-width: 0 0.5rem 0.5rem 0.5rem;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-bottom > .popover-arrow::after {
-  top: 1px;
-  border-width: 0 0.5rem 0.5rem 0.5rem;
-  border-bottom-color: #fff;
-}
-
-.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
-  top: 1px;
-  border-width: 0 0.5rem 0.5rem 0.5rem;
-  border-bottom-color: #fff;
-}
-
-.bs-popover-bottom .popover-header::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: block;
-  width: 1rem;
-  margin-left: -0.5rem;
-  content: "";
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: block;
-  width: 1rem;
-  margin-left: -0.5rem;
-  content: "";
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.bs-popover-start > .popover-arrow {
-  right: calc(-0.5rem - 1px);
-  width: 0.5rem;
-  height: 1rem;
-}
-
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
-  right: calc(-0.5rem - 1px);
-  width: 0.5rem;
-  height: 1rem;
-}
-
-.bs-popover-start > .popover-arrow::before {
-  right: 0;
-  border-width: 0.5rem 0 0.5rem 0.5rem;
-  border-left-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
-  right: 0;
-  border-width: 0.5rem 0 0.5rem 0.5rem;
-  border-left-color: rgba(0, 0, 0, 0.25);
-}
-
-.bs-popover-start > .popover-arrow::after {
-  right: 1px;
-  border-width: 0.5rem 0 0.5rem 0.5rem;
-  border-left-color: #fff;
-}
-
-.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
-  right: 1px;
-  border-width: 0.5rem 0 0.5rem 0.5rem;
-  border-left-color: #fff;
-}
-
-.popover-header {
-  padding: 0.5rem 1rem;
-  margin-bottom: 0;
-  font-size: 1rem;
-  background-color: #fff;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-  font-weight: 500;
-}
-
-.popover-header:empty {
-  display: none;
-}
-
-.popover-body {
-  padding: 1rem 1rem;
-  color: #212529;
-}
-
-.carousel.pointer-event {
-  touch-action: pan-y;
-}
-
-.carousel-inner::after {
-  display: block;
-  clear: both;
-  content: "";
-}
-
-.carousel-item {
-  display: none;
-  margin-right: -100%;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  transition: transform 0.6s ease-in-out;
-}
-
-.carousel-item.active {
-  display: block;
-}
-
-.carousel-item-next {
-  display: block;
-}
-
-.carousel-item-prev {
-  display: block;
-}
-
-.carousel-item-next:not(.carousel-item-start) {
-  transform: translateX(100%);
-}
-
-.active.carousel-item-end {
-  transform: translateX(100%);
-}
-
-.carousel-item-prev:not(.carousel-item-end) {
-  transform: translateX(-100%);
-}
-
-.active.carousel-item-start {
-  transform: translateX(-100%);
-}
-
-.carousel-fade .carousel-item {
-  opacity: 0;
-  transition-property: opacity;
-  transform: none;
-}
-
-.carousel-fade .carousel-item.active {
-  z-index: 1;
-  opacity: 1;
-}
-
-.carousel-fade .carousel-item-next.carousel-item-start {
-  z-index: 1;
-  opacity: 1;
-}
-
-.carousel-fade .carousel-item-prev.carousel-item-end {
-  z-index: 1;
-  opacity: 1;
-}
-
-.carousel-fade .active.carousel-item-start {
-  z-index: 0;
-  opacity: 0;
-  transition: opacity 0s 0.6s;
-}
-
-.carousel-fade .active.carousel-item-end {
-  z-index: 0;
-  opacity: 0;
-  transition: opacity 0s 0.6s;
-}
-
-.carousel-control-prev {
-  z-index: 1;
-  width: 15%;
-  color: #fff;
-  background: none;
-  opacity: 0.5;
-  transition: opacity 0.15s ease;
-}
-
-.carousel-control-next {
-  z-index: 1;
-  width: 15%;
-  color: #fff;
-  background: none;
-  opacity: 0.5;
-  transition: opacity 0.15s ease;
-}
-
-.carousel-control-prev:hover {
-  color: #fff;
-  opacity: 0.9;
-}
-
-.carousel-control-prev:focus {
-  color: #fff;
-  opacity: 0.9;
-}
-
-.carousel-control-next:hover {
-  color: #fff;
-  opacity: 0.9;
-}
-
-.carousel-control-next:focus {
-  color: #fff;
-  opacity: 0.9;
-}
-
-.carousel-control-prev-icon {
-  width: 2rem;
-  height: 2rem;
-  background-position: 50%;
-  background-size: 100% 100%;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
-}
-
-.carousel-control-next-icon {
-  width: 2rem;
-  height: 2rem;
-  background-position: 50%;
-  background-size: 100% 100%;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-}
-
-.carousel-indicators {
-  z-index: 2;
-  margin-right: 15%;
-  margin-left: 15%;
-  list-style: none;
-}
-
-.carousel-indicators [data-bs-target] {
-  box-sizing: content-box;
-  flex: 0 1 auto;
-  width: 30px;
-  height: 3px;
-  padding: 0;
-  margin-right: 3px;
-  margin-left: 3px;
-  -webkit-text-indent: -999px;
-  text-indent: -999px;
-  cursor: pointer;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  opacity: 0.5;
-  transition: opacity 0.6s ease;
-}
-
-.carousel-indicators .active {
-  opacity: 1;
-}
-
-.carousel-dark .carousel-control-prev-icon {
-  filter: invert(1) grayscale(100);
-}
-
-.carousel-dark .carousel-control-next-icon {
-  filter: invert(1) grayscale(100);
-}
-
-.carousel-dark .carousel-indicators [data-bs-target] {
-  background-color: #000;
-}
-
-.offcanvas {
-  z-index: 1045;
-}
-
-.offcanvas-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1040;
-  width: 100vw;
-  height: 100vh;
-  background-color: #000;
-}
-
-.offcanvas-backdrop.fade {
-  opacity: 0;
-}
-
-.offcanvas-backdrop.show {
-  opacity: 0.5;
-}
-
-.offcanvas.show {
-  transform: none;
-}
-
-.sticky-top {
-  position: sticky;
-  top: 0;
-  z-index: 1020;
-}
-
-.visually-hidden {
-  position: absolute !important;
-  width: 1px !important;
-  height: 1px !important;
-  padding: 0 !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  clip: rect(0, 0, 0, 0) !important;
-  white-space: nowrap !important;
-  border: 0 !important;
-}
-
-.vr {
-  display: inline-block;
-  align-self: stretch;
-  width: 1px;
-  min-height: 1em;
-  background-color: currentColor;
-  opacity: 0.25;
-}
-
-.animation {
-  animation-duration: 1s;
-  animation-fill-mode: both;
-  padding: auto;
-}
-
-.fade-in {
-  animation-name: _fade-in;
-}
-
-.fade-out {
-  animation-name: _fade-out;
-}
-
-.animation.infinite {
-  animation-iteration-count: infinite;
-}
-
-.animation.delay-1s {
-  animation-delay: 1s;
-}
-
-.animation.delay-2s {
-  animation-delay: 2s;
-}
-
-.animation.delay-3s {
-  animation-delay: 3s;
-}
-
-.animation.delay-4s {
-  animation-delay: 4s;
-}
-
-.animation.delay-5s {
-  animation-delay: 5s;
-}
-
-.animation.fast {
-  animation-duration: 800ms;
-}
-
-.animation.faster {
-  animation-duration: 500ms;
-}
-
-.animation.slow {
-  animation-duration: 2s;
-}
-
-.animation.slower {
-  animation-duration: 3s;
-}
-
-.slide-in-left {
-  animation-name: _slide-in-left;
-}
-
-.slide-in-right {
-  animation-name: _slide-in-right;
-}
-
-.slide-out-left {
-  animation-name: _slide-out-left;
-}
-
-.slide-out-right {
-  animation-name: _slide-out-right;
-}
-
-.ripple-surface {
-  position: relative;
-  overflow: hidden;
-  display: inline-block;
-  vertical-align: bottom;
-}
-
-.ripple-surface-unbound {
-  overflow: visible;
-}
-
-.ripple-wave {
-  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
-  border-radius: 50%;
-  opacity: 0.5;
-  pointer-events: none;
-  position: absolute;
-  touch-action: none;
-  transform: scale(0);
-  transition-property: transform, opacity;
-  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
-  z-index: 999;
-}
-
-.ripple-wave.active {
-  transform: scale(1);
-  opacity: 0;
-}
-
-.btn .ripple-wave {
-  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
-}
-
-.ripple-surface-primary .ripple-wave {
-  background-image: radial-gradient(circle, rgba(18, 102, 241, 0.2) 0, rgba(18, 102, 241, 0.3) 40%, rgba(18, 102, 241, 0.4) 50%, rgba(18, 102, 241, 0.5) 60%, rgba(18, 102, 241, 0) 70%);
-}
-
-.ripple-surface-secondary .ripple-wave {
-  background-image: radial-gradient(circle, rgba(178, 60, 253, 0.2) 0, rgba(178, 60, 253, 0.3) 40%, rgba(178, 60, 253, 0.4) 50%, rgba(178, 60, 253, 0.5) 60%, rgba(178, 60, 253, 0) 70%);
-}
-
-.ripple-surface-success .ripple-wave {
-  background-image: radial-gradient(circle, rgba(0, 183, 74, 0.2) 0, rgba(0, 183, 74, 0.3) 40%, rgba(0, 183, 74, 0.4) 50%, rgba(0, 183, 74, 0.5) 60%, rgba(0, 183, 74, 0) 70%);
-}
-
-.ripple-surface-info .ripple-wave {
-  background-image: radial-gradient(circle, rgba(57, 192, 237, 0.2) 0, rgba(57, 192, 237, 0.3) 40%, rgba(57, 192, 237, 0.4) 50%, rgba(57, 192, 237, 0.5) 60%, rgba(57, 192, 237, 0) 70%);
-}
-
-.ripple-surface-warning .ripple-wave {
-  background-image: radial-gradient(circle, rgba(255, 169, 0, 0.2) 0, rgba(255, 169, 0, 0.3) 40%, rgba(255, 169, 0, 0.4) 50%, rgba(255, 169, 0, 0.5) 60%, rgba(255, 169, 0, 0) 70%);
-}
-
-.ripple-surface-danger .ripple-wave {
-  background-image: radial-gradient(circle, rgba(249, 49, 84, 0.2) 0, rgba(249, 49, 84, 0.3) 40%, rgba(249, 49, 84, 0.4) 50%, rgba(249, 49, 84, 0.5) 60%, rgba(249, 49, 84, 0) 70%);
-}
-
-.ripple-surface-light .ripple-wave {
-  background-image: radial-gradient(circle, hsla(0deg, 0%, 98.4%, 0.2) 0, hsla(0deg, 0%, 98.4%, 0.3) 40%, hsla(0deg, 0%, 98.4%, 0.4) 50%, hsla(0deg, 0%, 98.4%, 0.5) 60%, hsla(0deg, 0%, 98.4%, 0) 70%);
-}
-
-.ripple-surface-dark .ripple-wave {
-  background-image: radial-gradient(circle, rgba(38, 38, 38, 0.2) 0, rgba(38, 38, 38, 0.3) 40%, rgba(38, 38, 38, 0.4) 50%, rgba(38, 38, 38, 0.5) 60%, rgba(38, 38, 38, 0) 70%);
-}
-
-.ripple-surface-white .ripple-wave {
-  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
-}
-
-.ripple-surface-black .ripple-wave {
-  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
-}
-
-.datepicker-toggle-button {
-  position: absolute;
-  outline: none;
-  border: none;
-  background-color: transparent;
-  right: 10px;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.datepicker-toggle-button:focus {
-  color: #2979ff;
-}
-
-.datepicker-toggle-button:hover {
-  color: #2979ff;
-}
-
-.datepicker-backdrop {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.4);
-  z-index: 1065;
-}
-
-.datepicker-dropdown-container {
-  width: 328px;
-  height: 380px;
-  background-color: #fff;
-  border-radius: 0.5rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  z-index: 1066;
-}
-
-.datepicker-modal-container {
-  display: flex;
-  flex-direction: column;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 328px;
-  height: 512px;
-  background-color: #fff;
-  border-radius: 0.6rem 0.6rem 0.5rem 0.5rem;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  z-index: 1066;
-}
-
-.datepicker-header {
-  height: 120px;
-  padding-right: 24px;
-  padding-left: 24px;
-  background-color: #2979ff;
-  display: flex;
-  flex-direction: column;
-  border-radius: 0.5rem 0.5rem 0 0;
-}
-
-.datepicker-title {
-  height: 32px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-}
-
-.datepicker-title-text {
-  font-size: 10px;
-  font-weight: 400;
-  -webkit-text-transform: uppercase;
-  text-transform: uppercase;
-  letter-spacing: 1.7px;
-  color: #fff;
-}
-
-.datepicker-date {
-  height: 72px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-}
-
-.datepicker-date-text {
-  font-size: 34px;
-  font-weight: 400;
-  color: #fff;
-}
-
-.datepicker-main {
-  position: relative;
-  height: 100%;
-}
-
-.datepicker-date-controls {
-  padding: 10px 12px 0 12px;
-  display: flex;
-  justify-content: space-between;
-  color: rgba(0, 0, 0, 0.64);
-}
-
-.datepicker-view-change-button {
-  padding: 10px;
-  color: #666;
-  font-weight: 500;
-  font-size: 0.9rem;
-  border-radius: 10px;
-  box-shadow: none;
-  background-color: transparent;
-  margin: 0;
-  border: none;
-}
-
-.datepicker-view-change-button:hover {
-  background-color: #eee;
-}
-
-.datepicker-view-change-button:focus {
-  background-color: #eee;
-}
-
-.datepicker-view-change-button:after {
-  content: "";
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-top-width: 5px;
-  border-top-style: solid;
-  margin: 0 0 0 5px;
-  vertical-align: middle;
-}
-
-.datepicker-arrow-controls {
-  margin-top: 10px;
-}
-
-.datepicker-previous-button {
-  position: relative;
-  padding: 0;
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  border: none;
-  outline: none;
-  margin: 0;
-  color: rgba(0, 0, 0, 0.64);
-  background-color: transparent;
-  margin-right: 24px;
-}
-
-.datepicker-previous-button:hover {
-  background-color: #eee;
-  border-radius: 50%;
-}
-
-.datepicker-previous-button:focus {
-  background-color: #eee;
-  border-radius: 50%;
-}
-
-.datepicker-previous-button::after {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  content: "";
-  margin: 15.5px;
-  border: 0 solid currentColor;
-  border-top-width: 2px;
-  border-left-width: 2px;
-  transform: translateX(2px) rotate(-45deg);
-}
-
-.datepicker-next-button {
-  position: relative;
-  padding: 0;
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  border: none;
-  outline: none;
-  margin: 0;
-  color: rgba(0, 0, 0, 0.64);
-  background-color: transparent;
-}
-
-.datepicker-next-button:hover {
-  background-color: #eee;
-  border-radius: 50%;
-}
-
-.datepicker-next-button:focus {
-  background-color: #eee;
-  border-radius: 50%;
-}
-
-.datepicker-next-button::after {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  content: "";
-  margin: 15.5px;
-  border: 0 solid currentColor;
-  border-top-width: 2px;
-  border-right-width: 2px;
-  transform: translateX(-2px) rotate(45deg);
-}
-
-.datepicker-view {
-  padding-left: 12px;
-  padding-right: 12px;
-  outline: none;
-}
-
-.datepicker-table {
-  margin-right: auto;
-  margin-left: auto;
-  width: 304px;
-}
-
-.datepicker-day-heading {
-  width: 40px;
-  height: 40px;
-  -webkit-text-align: center;
-  text-align: center;
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.datepicker-cell {
-  -webkit-text-align: center;
-  text-align: center;
-}
-
-.datepicker-cell.disabled {
-  color: #ccc;
-  cursor: default;
-  pointer-events: none;
-}
-
-.datepicker-cell.disabled:hover {
-  cursor: default;
-}
-
-.datepicker-cell:hover {
-  cursor: pointer;
-}
-
-.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content {
-  background-color: #d3d3d3;
-}
-
-.datepicker-cell.selected .datepicker-cell-content {
-  background-color: #2979ff;
-  color: #fff;
-}
-
-.datepicker-cell:not(.selected).focused .datepicker-cell-content {
-  background-color: #eee;
-}
-
-.datepicker-cell.focused .datepicker-cell-content.selected {
-  background-color: #2979ff;
-}
-
-.datepicker-cell.current .datepicker-cell-content {
-  border: 1px solid #000;
-}
-
-.datepicker-small-cell {
-  width: 40px;
-  height: 40px;
-}
-
-.datepicker-small-cell-content {
-  width: 36px;
-  height: 36px;
-  line-height: 36px;
-  border-radius: 50%;
-  font-size: 13px;
-}
-
-.datepicker-large-cell {
-  width: 76px;
-  height: 42px;
-}
-
-.datepicker-large-cell-content {
-  width: 72px;
-  height: 40px;
-  line-height: 40px;
-  padding: 1px 2px;
-  border-radius: 999px;
-}
-
-.datepicker-footer {
-  height: 56px;
-  display: flex;
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-  justify-content: flex-end;
-  align-items: center;
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-.datepicker-footer-btn {
-  background-color: #fff;
-  color: #2979ff;
-  border: none;
-  cursor: pointer;
-  padding: 0 10px;
-  -webkit-text-transform: uppercase;
-  text-transform: uppercase;
-  font-size: 0.8rem;
-  font-weight: 500;
-  height: 40px;
-  line-height: 40px;
-  letter-spacing: 0.1rem;
-  border-radius: 10px;
-  margin-bottom: 10px;
-}
-
-.datepicker-footer-btn:hover {
-  background-color: #eee;
-}
-
-.datepicker-footer-btn:focus {
-  background-color: #eee;
-}
-
-.datepicker-clear-btn {
-  margin-right: auto;
-}
-
-.timepicker-wrapper {
-  touch-action: none;
-  z-index: 1065;
-  opacity: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.timepicker-elements {
-  min-width: 310px;
-  min-height: 325px;
-  background: #fff;
-  border-top-right-radius: 0.6rem;
-  border-top-left-radius: 0.6rem;
-}
-
-.timepicker-head {
-  background-color: #2979ff;
-  height: 100px;
-  border-top-right-radius: 0.5rem;
-  border-top-left-radius: 0.5rem;
-  padding: 10px 24px 10px 50px;
-}
-
-.timepicker-button {
-  font-size: 0.8rem;
-  min-width: 64px;
-  box-sizing: border-box;
-  font-weight: 500;
-  line-height: 40px;
-  border-radius: 10px;
-  letter-spacing: 0.1rem;
-  -webkit-text-transform: uppercase;
-  text-transform: uppercase;
-  color: #2979ff;
-  border: none;
-  background-color: transparent;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  outline: none;
-  padding: 0 10px;
-  height: 40px;
-  margin-bottom: 10px;
-}
-
-.timepicker-button:hover {
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
-.timepicker-button:focus {
-  outline: none;
-  background-color: rgba(0, 0, 0, 0.08);
-}
-
-.timepicker-current {
-  font-size: 3.75rem;
-  font-weight: 300;
-  line-height: 1.2;
-  letter-spacing: -0.00833em;
-  color: #fff;
-  opacity: 0.54;
-  border: none;
-  background: transparent;
-  padding: 0;
-}
-
-.timepicker-current.active {
-  opacity: 1;
-}
-
-.timepicker-current-wrapper {
-  direction: ltr;
-}
-
-.timepicker-mode-wrapper {
-  margin-left: 20px;
-  font-size: 18px;
-  color: rgba(255, 255, 255, 0.54);
-}
-
-.timepicker-mode-wrapper.active {
-  opacity: 1;
-}
-
-.timepicker-clock-wrapper {
-  min-width: 310px;
-  max-width: 325px;
-  min-height: 305px;
-  overflow-x: hidden;
-  height: 100%;
-}
-
-.timepicker-clock {
-  position: relative;
-  border-radius: 100%;
-  width: 260px;
-  height: 260px;
-  cursor: default;
-  margin: 0 auto;
-  background-color: rgba(0, 0, 0, 0.07);
-}
-
-.timepicker-time-tips-minutes.active {
-  color: #fff;
-  background-color: #2979ff;
-  font-weight: 400;
-}
-
-.timepicker-time-tips-inner.active {
-  color: #fff;
-  background-color: #2979ff;
-  font-weight: 400;
-}
-
-.timepicker-time-tips-hours.active {
-  color: #fff;
-  background-color: #2979ff;
-  font-weight: 400;
-}
-
-.timepicker-time-tips-minutes.disabled {
-  color: #b3afaf;
-  pointer-events: none;
-  background-color: transparent;
-}
-
-.timepicker-time-tips-inner.disabled {
-  color: #b3afaf;
-  pointer-events: none;
-  background-color: transparent;
-}
-
-.timepicker-time-tips-hours.disabled {
-  color: #b3afaf;
-  pointer-events: none;
-  background-color: transparent;
-}
-
-.timepicker-dot {
-  font-weight: 300;
-  line-height: 1.2;
-  letter-spacing: -0.00833em;
-  color: #fff;
-  font-size: 3.75rem;
-  opacity: 0.54;
-  border: none;
-  background: transparent;
-  padding: 0;
-}
-
-.timepicker-middle-dot {
-  top: 50%;
-  left: 50%;
-  width: 6px;
-  height: 6px;
-  transform: translate(-50%, -50%);
-  border-radius: 50%;
-  background-color: #2979ff;
-}
-
-.timepicker-hand-pointer {
-  background-color: #2979ff;
-  bottom: 50%;
-  height: 40%;
-  left: calc(50% - 1px);
-  transform-origin: center bottom 0;
-  width: 2px;
-}
-
-.timepicker-time-tips.active {
-  color: #fff;
-}
-
-.timepicker-circle {
-  top: -21px;
-  left: -15px;
-  width: 4px;
-  border: 14px solid #2979ff;
-  height: 4px;
-  box-sizing: content-box;
-  border-radius: 100%;
-}
-
-.timepicker-hour-mode {
-  padding: 0;
-  background-color: transparent;
-  border: none;
-  color: #fff;
-  opacity: 0.54;
-  cursor: pointer;
-}
-
-.timepicker-hour {
-  cursor: pointer;
-}
-
-.timepicker-minute {
-  cursor: pointer;
-}
-
-.timepicker-hour-mode:hover {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-hour-mode:focus {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-hour:hover {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-hour:focus {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-minute:hover {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-minute:focus {
-  background-color: rgba(0, 0, 0, 0.15);
-  outline: none;
-}
-
-.timepicker-hour-mode.active {
-  color: #fff;
-  opacity: 1;
-}
-
-.timepicker-hour.active {
-  color: #fff;
-  opacity: 1;
-}
-
-.timepicker-minute.active {
-  color: #fff;
-  opacity: 1;
-}
-
-.timepicker-footer {
-  border-bottom-left-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 56px;
-  padding-left: 12px;
-  padding-right: 12px;
-  background-color: #fff;
-}
-
-.timepicker-container {
-  max-height: calc(100% - 64px);
-  overflow-y: auto;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-.timepicker-icon-up.active {
-  opacity: 1;
-}
-
-.timepicker-icon-down.active {
-  opacity: 1;
-}
-
-.timepicker-toggle-button {
-  position: absolute;
-  outline: none;
-  border: none;
-  background-color: transparent;
-  right: 10px;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition: all 0.3s ease;
-  cursor: pointer;
-}
-
-.timepicker-toggle-button:hover {
-  color: #2979ff;
-}
-
-.timepicker-toggle-button:focus {
-  color: #2979ff;
-}
-
-.timepicker-input:focus + .timepicker-toggle-button {
-  color: #2979ff;
-}
-
-.timepicker-input:focus + .timepicker-toggle-button i {
-  color: #2979ff;
-}
-
-.timepicker a.timepicker-toggle-button {
-  right: 1px;
-}
-
-.timepicker-toggle-button.timepicker-icon {
-  right: 1px;
-}
-
-.timepicker-modal .fade.show {
-  opacity: 1;
-}
-
-.stepper {
-  position: relative;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  list-style: none;
-  overflow: hidden;
-  transition: height 0.2s ease-in-out;
-}
-
-.stepper:not(.stepper-vertical) {
-  display: flex;
-  justify-content: space-between;
-}
-
-.stepper:not(.stepper-vertical) .stepper-content {
-  position: absolute;
-  width: 100%;
-  padding: 1rem;
-}
-
-.stepper:not(.stepper-vertical) .stepper-step {
-  flex: auto;
-  height: 4.5rem;
-}
-
-.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head {
-  padding-left: 1.5rem;
-}
-
-.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head {
-  padding-right: 1.5rem;
-}
-
-.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before {
-  flex: 1;
-  height: 1px;
-  width: 100%;
-  margin-right: 0.5rem;
-  content: "";
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after {
-  flex: 1;
-  height: 1px;
-  width: 100%;
-  margin-left: 0.5rem;
-  content: "";
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.stepper:not(.stepper-vertical) .stepper-head-icon {
-  margin: 1.5rem 0.5rem 1.5rem 0;
-}
-
-.stepper.stepper-mobile {
-  justify-content: center;
-  align-items: flex-end;
-}
-
-.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon {
-  display: none;
-}
-
-.stepper.stepper-mobile .stepper-step {
-  flex: unset;
-  height: -moz-fit-content;
-  height: fit-content;
-  margin: 1rem 0 1rem 0;
-}
-
-.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after {
-  margin-left: 0;
-}
-
-.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before {
-  margin-right: 0;
-}
-
-.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.stepper.stepper-mobile .stepper-head-icon {
-  font-size: 0;
-  margin: 0;
-  height: 0.5rem;
-  width: 0.5rem;
-  z-index: 1;
-}
-
-.stepper.stepper-mobile .stepper-head-text {
-  display: none;
-}
-
-.stepper.stepper-mobile .stepper-content {
-  top: 2.56rem;
-}
-
-.collapse {
-  visibility: visible !important;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .form-control::file-selector-button {
-    transition: none;
-  }
-
-  .form-control::-webkit-file-upload-button {
-    -webkit-transition: none;
-    transition: none;
-  }
-
-  .form-switch .form-check-input {
-    transition: none;
-  }
-
-  .form-range::-webkit-slider-thumb {
-    -webkit-transition: none;
-    transition: none;
-  }
-
-  .form-range::-moz-range-thumb {
-    -moz-transition: none;
-    transition: none;
-  }
-
-  .form-floating > label {
-    transition: none;
-  }
-
-  .fade {
-    transition: none;
-  }
-
-  .collapsing {
-    transition: none;
-  }
-
-  .collapsing.collapse-horizontal {
-    transition: none;
-  }
-
-  .accordion-button::after {
-    transition: none;
-  }
-
-  .modal.fade .modal-dialog {
-    transition: none;
-  }
-
-  .carousel-item {
-    transition: none;
-  }
-
-  .carousel-fade .active.carousel-item-start {
-    transition: none;
-  }
-
-  .carousel-fade .active.carousel-item-end {
-    transition: none;
-  }
-
-  .carousel-control-prev {
-    transition: none;
-  }
-
-  .carousel-control-next {
-    transition: none;
-  }
-
-  .carousel-indicators [data-bs-target] {
-    transition: none;
-  }
-
-  .spinner-border {
-    animation-duration: 1.5s;
-  }
-
-  .spinner-grow {
-    animation-duration: 1.5s;
-  }
-}
-
-@media (min-width: 576px) {
-  .navbar-expand-sm {
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-  }
-
-  .navbar-expand-sm .navbar-nav {
-    flex-direction: row;
-  }
-
-  .navbar-expand-sm .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-
-  .navbar-expand-sm .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-
-  .navbar-expand-sm .navbar-nav-scroll {
-    overflow: visible;
-  }
-
-  .navbar-expand-sm .navbar-collapse {
-    display: flex !important;
-    -ms-flex-basis: auto;
-    flex-basis: auto;
-  }
-
-  .navbar-expand-sm .navbar-toggler {
-    display: none;
-  }
-
-  .navbar-expand-sm .offcanvas-header {
-    display: none;
-  }
-
-  .navbar-expand-sm .offcanvas {
-    position: inherit;
-    bottom: 0;
-    z-index: 1000;
-    -ms-flex-grow: 1;
-    flex-grow: 1;
-    visibility: visible !important;
-    background-color: transparent;
-    border-right: 0;
-    border-left: 0;
-    transition: none;
-    transform: none;
-  }
-
-  .navbar-expand-sm .offcanvas-top {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-sm .offcanvas-bottom {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-sm .offcanvas-body {
-    display: flex;
-    -ms-flex-grow: 0;
-    flex-grow: 0;
-    padding: 0;
-    overflow-y: visible;
-  }
-
-  .modal-dialog {
-    max-width: 500px;
-    margin: 1.75rem auto;
-  }
-
-  .modal-dialog-scrollable {
-    height: calc(100% - 3.5rem);
-  }
-
-  .modal-dialog-centered {
-    min-height: calc(100% - 3.5rem);
-  }
-
-  .modal-sm {
-    max-width: 300px;
-  }
-
-  .sticky-sm-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-@media (min-width: 768px) {
-  .navbar-expand-md {
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-  }
-
-  .navbar-expand-md .navbar-nav {
-    flex-direction: row;
-  }
-
-  .navbar-expand-md .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-
-  .navbar-expand-md .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-
-  .navbar-expand-md .navbar-nav-scroll {
-    overflow: visible;
-  }
-
-  .navbar-expand-md .navbar-collapse {
-    display: flex !important;
-    -ms-flex-basis: auto;
-    flex-basis: auto;
-  }
-
-  .navbar-expand-md .navbar-toggler {
-    display: none;
-  }
-
-  .navbar-expand-md .offcanvas-header {
-    display: none;
-  }
-
-  .navbar-expand-md .offcanvas {
-    position: inherit;
-    bottom: 0;
-    z-index: 1000;
-    -ms-flex-grow: 1;
-    flex-grow: 1;
-    visibility: visible !important;
-    background-color: transparent;
-    border-right: 0;
-    border-left: 0;
-    transition: none;
-    transform: none;
-  }
-
-  .navbar-expand-md .offcanvas-top {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-md .offcanvas-bottom {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-md .offcanvas-body {
-    display: flex;
-    -ms-flex-grow: 0;
-    flex-grow: 0;
-    padding: 0;
-    overflow-y: visible;
-  }
-
-  .sticky-md-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-@media (min-width: 992px) {
-  .navbar-expand-lg {
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-  }
-
-  .navbar-expand-lg .navbar-nav {
-    flex-direction: row;
-  }
-
-  .navbar-expand-lg .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-
-  .navbar-expand-lg .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-
-  .navbar-expand-lg .navbar-nav-scroll {
-    overflow: visible;
-  }
-
-  .navbar-expand-lg .navbar-collapse {
-    display: flex !important;
-    -ms-flex-basis: auto;
-    flex-basis: auto;
-  }
-
-  .navbar-expand-lg .navbar-toggler {
-    display: none;
-  }
-
-  .navbar-expand-lg .offcanvas-header {
-    display: none;
-  }
-
-  .navbar-expand-lg .offcanvas {
-    position: inherit;
-    bottom: 0;
-    z-index: 1000;
-    -ms-flex-grow: 1;
-    flex-grow: 1;
-    visibility: visible !important;
-    background-color: transparent;
-    border-right: 0;
-    border-left: 0;
-    transition: none;
-    transform: none;
-  }
-
-  .navbar-expand-lg .offcanvas-top {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-lg .offcanvas-bottom {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-lg .offcanvas-body {
-    display: flex;
-    -ms-flex-grow: 0;
-    flex-grow: 0;
-    padding: 0;
-    overflow-y: visible;
-  }
-
-  .modal-lg {
-    max-width: 800px;
-  }
-
-  .modal-xl {
-    max-width: 800px;
-  }
-
-  .sticky-lg-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-@media (min-width: 1200px) {
-  .navbar-expand-xl {
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-  }
-
-  .navbar-expand-xl .navbar-nav {
-    flex-direction: row;
-  }
-
-  .navbar-expand-xl .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-
-  .navbar-expand-xl .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-
-  .navbar-expand-xl .navbar-nav-scroll {
-    overflow: visible;
-  }
-
-  .navbar-expand-xl .navbar-collapse {
-    display: flex !important;
-    -ms-flex-basis: auto;
-    flex-basis: auto;
-  }
-
-  .navbar-expand-xl .navbar-toggler {
-    display: none;
-  }
-
-  .navbar-expand-xl .offcanvas-header {
-    display: none;
-  }
-
-  .navbar-expand-xl .offcanvas {
-    position: inherit;
-    bottom: 0;
-    z-index: 1000;
-    -ms-flex-grow: 1;
-    flex-grow: 1;
-    visibility: visible !important;
-    background-color: transparent;
-    border-right: 0;
-    border-left: 0;
-    transition: none;
-    transform: none;
-  }
-
-  .navbar-expand-xl .offcanvas-top {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-xl .offcanvas-bottom {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-xl .offcanvas-body {
-    display: flex;
-    -ms-flex-grow: 0;
-    flex-grow: 0;
-    padding: 0;
-    overflow-y: visible;
-  }
-
-  .modal-xl {
-    max-width: 1140px;
-  }
-
-  .sticky-xl-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-@media (min-width: 1400px) {
-  .navbar-expand-xxl {
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-  }
-
-  .navbar-expand-xxl .navbar-nav {
-    flex-direction: row;
-  }
-
-  .navbar-expand-xxl .navbar-nav .dropdown-menu {
-    position: absolute;
-  }
-
-  .navbar-expand-xxl .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-
-  .navbar-expand-xxl .navbar-nav-scroll {
-    overflow: visible;
-  }
-
-  .navbar-expand-xxl .navbar-collapse {
-    display: flex !important;
-    -ms-flex-basis: auto;
-    flex-basis: auto;
-  }
-
-  .navbar-expand-xxl .navbar-toggler {
-    display: none;
-  }
-
-  .navbar-expand-xxl .offcanvas-header {
-    display: none;
-  }
-
-  .navbar-expand-xxl .offcanvas {
-    position: inherit;
-    bottom: 0;
-    z-index: 1000;
-    -ms-flex-grow: 1;
-    flex-grow: 1;
-    visibility: visible !important;
-    background-color: transparent;
-    border-right: 0;
-    border-left: 0;
-    transition: none;
-    transform: none;
-  }
-
-  .navbar-expand-xxl .offcanvas-top {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-xxl .offcanvas-bottom {
-    height: auto;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  .navbar-expand-xxl .offcanvas-body {
-    display: flex;
-    -ms-flex-grow: 0;
-    flex-grow: 0;
-    padding: 0;
-    overflow-y: visible;
-  }
-
-  .sticky-xxl-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020;
-  }
-}
-
-@media (max-width: 575.98px) {
-  .modal-fullscreen-sm-down {
-    width: 100vw;
-    max-width: none;
-    height: 100%;
-    margin: 0;
-  }
-
-  .modal-fullscreen-sm-down .modal-content {
-    height: 100%;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-sm-down .modal-header {
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-sm-down .modal-body {
-    overflow-y: auto;
-  }
-
-  .modal-fullscreen-sm-down .modal-footer {
-    border-radius: 0;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .modal-fullscreen-md-down {
-    width: 100vw;
-    max-width: none;
-    height: 100%;
-    margin: 0;
-  }
-
-  .modal-fullscreen-md-down .modal-content {
-    height: 100%;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-md-down .modal-header {
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-md-down .modal-body {
-    overflow-y: auto;
-  }
-
-  .modal-fullscreen-md-down .modal-footer {
-    border-radius: 0;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .modal-fullscreen-lg-down {
-    width: 100vw;
-    max-width: none;
-    height: 100%;
-    margin: 0;
-  }
-
-  .modal-fullscreen-lg-down .modal-content {
-    height: 100%;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-lg-down .modal-header {
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-lg-down .modal-body {
-    overflow-y: auto;
-  }
-
-  .modal-fullscreen-lg-down .modal-footer {
-    border-radius: 0;
-  }
-}
-
-@media (max-width: 1199.98px) {
-  .modal-fullscreen-xl-down {
-    width: 100vw;
-    max-width: none;
-    height: 100%;
-    margin: 0;
-  }
-
-  .modal-fullscreen-xl-down .modal-content {
-    height: 100%;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-xl-down .modal-header {
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-xl-down .modal-body {
-    overflow-y: auto;
-  }
-
-  .modal-fullscreen-xl-down .modal-footer {
-    border-radius: 0;
-  }
-}
-
-@media (max-width: 1399.98px) {
-  .modal-fullscreen-xxl-down {
-    width: 100vw;
-    max-width: none;
-    height: 100%;
-    margin: 0;
-  }
-
-  .modal-fullscreen-xxl-down .modal-content {
-    height: 100%;
-    border: 0;
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-xxl-down .modal-header {
-    border-radius: 0;
-  }
-
-  .modal-fullscreen-xxl-down .modal-body {
-    overflow-y: auto;
-  }
-
-  .modal-fullscreen-xxl-down .modal-footer {
-    border-radius: 0;
-  }
-}
-
-@media (prefers-reduced-motion) {
-  .animation {
-    transition: none !important;
-    animation: unset !important;
-  }
-}
-
-@media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
-  .datepicker-modal-container .datepicker-header {
-    height: 100%;
-  }
-
-  .datepicker-modal-container .datepicker-date {
-    margin-top: 100px;
-  }
-
-  .datepicker-modal-container .datepicker-day-cell {
-    width: 32x;
-    height: 32x;
-  }
-
-  .datepicker-modal-container {
-    flex-direction: row;
-    width: 475px;
-    height: 360px;
-  }
-
-  .datepicker-modal-container.datepicker-day-cell {
-    width: 36px;
-    height: 36px;
-  }
-}
-
-@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
-  .timepicker-elements {
-    flex-direction: row !important;
-    border-bottom-left-radius: 0.5rem;
-    min-width: auto;
-    min-height: auto;
-    overflow-y: auto;
-  }
-
-  .timepicker-head {
-    border-top-right-radius: 0;
-    border-bottom-left-radius: 0;
-    padding: 10px;
-    padding-right: 10px !important;
-    height: auto;
-    min-height: 305px;
-  }
-
-  .timepicker-head-content {
-    flex-direction: column;
-  }
-
-  .timepicker-mode-wrapper {
-    justify-content: space-around !important;
-    flex-direction: row !important;
-  }
-
-  .timepicker-current {
-    font-size: 3rem;
-    font-weight: 400;
-  }
-
-  .timepicker-dot {
-    font-size: 3rem;
-    font-weight: 400;
-  }
-}
-
-@keyframes _spinner-grow {
-  0% {
-    transform: scale(0);
-  }
-
-  50% {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-@keyframes _fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes _fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes _fade-in-down {
-  from {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _fade-in-left {
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _fade-in-right {
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _fade-in-up {
-  from {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _fade-out-down {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes _fade-out-left {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes _fade-out-right {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes _fade-out-up {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes _slide-in-down {
-  from {
-    visibility: visible;
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _slide-in-left {
-  from {
-    visibility: visible;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _slide-in-right {
-  from {
-    visibility: visible;
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _slide-in-up {
-  from {
-    visibility: visible;
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes _slide-out-down {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes _slide-out-left {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes _slide-out-right {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes _slide-out-up {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes _slide-down {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes _slide-left {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes _slide-right {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes _slide-up {
-  from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes _zoom-in {
-  from {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes _zoom-out {
-  from {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-    transform: scale3d(0.3, 0.3, 0.3);
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes _tada {
-  from {
-    transform: scale3d(1, 1, 1);
-  }
-
-  10% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  20% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  30% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  50% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  70% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  90% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  40% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  60% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  80% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  to {
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes _pulse {
-  from {
-    transform: scale3d(1, 1, 1);
-  }
-
-  50% {
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-
-  to {
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes _show-up-clock {
-  0% {
-    opacity: 0;
-    transform: scale(0.7);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
+  text-decoration-color: rgb(143 174 224 / 1);
 }
 
 .sr-only {
@@ -4200,6 +1251,10 @@ textarea.form-control.is-invalid {
   pointer-events: auto;
 }
 
+.\!visible {
+  visibility: visible !important;
+}
+
 .visible {
   visibility: visible;
 }
@@ -4244,22 +1299,94 @@ textarea.form-control.is-invalid {
   right: 0px;
 }
 
+.\!left-auto {
+  left: auto !important;
+}
+
+.\!top-auto {
+  top: auto !important;
+}
+
+.-bottom-\[47px\] {
+  bottom: -47px;
+}
+
+.-left-\[15px\] {
+  left: -15px;
+}
+
+.-top-\[21px\] {
+  top: -21px;
+}
+
+.-top-\[35px\] {
+  top: -35px;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
 
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.bottom-\[2px\] {
+  bottom: 2px;
+}
+
 .left-0 {
   left: 0px;
 }
 
+.left-1\/2 {
+  left: 50%;
+}
+
+.left-3 {
+  left: 0.75rem;
+}
+
+.left-\[calc\(50\%-1px\)\] {
+  left: calc(50% - 1px);
+}
+
 .right-0 {
   right: 0px;
 }
 
+.right-2 {
+  right: 0.5rem;
+}
+
+.right-2\.5 {
+  right: 0.625rem;
+}
+
+.right-7 {
+  right: 1.75rem;
+}
+
+.right-\[2px\] {
+  right: 2px;
+}
+
 .top-0 {
   top: 0px;
 }
 
+.top-1 {
+  top: 0.25rem;
+}
+
+.top-1\/2 {
+  top: 50%;
+}
+
+.top-2 {
+  top: 0.5rem;
+}
+
 .top-20 {
   top: 5rem;
 }
@@ -4268,6 +1395,14 @@ textarea.form-control.is-invalid {
   top: 100vh;
 }
 
+.top-\[11px\] {
+  top: 11px;
+}
+
+.top-\[13px\] {
+  top: 13px;
+}
+
 .top-\[calc\(100vh-5\.5rem\)\] {
   top: calc(100vh - 5.5rem);
 }
@@ -4280,10 +1415,42 @@ textarea.form-control.is-invalid {
   z-index: 30;
 }
 
+.z-50 {
+  z-index: 50;
+}
+
+.z-\[1040\] {
+  z-index: 1040;
+}
+
+.z-\[1065\] {
+  z-index: 1065;
+}
+
+.z-\[1066\] {
+  z-index: 1066;
+}
+
+.z-\[1070\] {
+  z-index: 1070;
+}
+
+.z-\[1080\] {
+  z-index: 1080;
+}
+
+.z-\[999\] {
+  z-index: 999;
+}
+
 .order-first {
   order: -9999;
 }
 
+.float-right {
+  float: right;
+}
+
 .float-left {
   float: left;
 }
@@ -4304,6 +1471,11 @@ textarea.form-control.is-invalid {
   margin: auto;
 }
 
+.\!my-0 {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+}
+
 .-mx-2 {
   margin-left: -0.5rem;
   margin-right: -0.5rem;
@@ -4334,6 +1506,11 @@ textarea.form-control.is-invalid {
   margin-bottom: 0.75rem;
 }
 
+.my-\[5px\] {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
 .\!mb-0 {
   margin-bottom: 0px !important;
 }
@@ -4362,6 +1539,10 @@ textarea.form-control.is-invalid {
   margin-right: -12rem;
 }
 
+.-mt-3 {
+  margin-top: -0.75rem;
+}
+
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -4386,6 +1567,10 @@ textarea.form-control.is-invalid {
   margin-bottom: 0.5rem;
 }
 
+.mb-2\.5 {
+  margin-bottom: 0.625rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -4398,6 +1583,10 @@ textarea.form-control.is-invalid {
   margin-bottom: 1.5rem;
 }
 
+.mb-\[10px\] {
+  margin-bottom: 10px;
+}
+
 .mb-\[2px\] {
   margin-bottom: 2px;
 }
@@ -4414,6 +1603,14 @@ textarea.form-control.is-invalid {
   margin-left: 1.5rem;
 }
 
+.ml-\[30px\] {
+  margin-left: 30px;
+}
+
+.ml-\[3px\] {
+  margin-left: 3px;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -4430,10 +1627,18 @@ textarea.form-control.is-invalid {
   margin-right: 0.75rem;
 }
 
+.mr-4 {
+  margin-right: 1rem;
+}
+
 .mr-5 {
   margin-right: 1.25rem;
 }
 
+.mr-6 {
+  margin-right: 1.5rem;
+}
+
 .mr-auto {
   margin-right: auto;
 }
@@ -4458,6 +1663,10 @@ textarea.form-control.is-invalid {
   margin-top: 0.5rem;
 }
 
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
 .mt-20 {
   margin-top: 5rem;
 }
@@ -4486,6 +1695,22 @@ textarea.form-control.is-invalid {
   margin-top: 0.1rem;
 }
 
+.mt-\[3px\] {
+  margin-top: 3px;
+}
+
+.box-border {
+  box-sizing: border-box;
+}
+
+.box-content {
+  box-sizing: content-box;
+}
+
+.\!block {
+  display: block !important;
+}
+
 .block {
   display: block;
 }
@@ -4514,14 +1739,42 @@ textarea.form-control.is-invalid {
   display: none;
 }
 
+.\!h-0 {
+  height: 0px !important;
+}
+
+.h-0 {
+  height: 0px;
+}
+
+.h-1 {
+  height: 0.25rem;
+}
+
+.h-1\.5 {
+  height: 0.375rem;
+}
+
 .h-1\/2 {
   height: 50%;
 }
 
+.h-10 {
+  height: 2.5rem;
+}
+
 .h-12 {
   height: 3rem;
 }
 
+.h-14 {
+  height: 3.5rem;
+}
+
+.h-2\/5 {
+  height: 40%;
+}
+
 .h-24 {
   height: 6rem;
 }
@@ -4534,26 +1787,110 @@ textarea.form-control.is-invalid {
   height: 9rem;
 }
 
+.h-4 {
+  height: 1rem;
+}
+
 .h-48 {
   height: 12rem;
 }
 
+.h-5 {
+  height: 1.25rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-7 {
+  height: 1.75rem;
+}
+
 .h-8 {
   height: 2rem;
 }
 
+.h-9 {
+  height: 2.25rem;
+}
+
 .h-\[1000px\] {
   height: 1000px;
 }
 
+.h-\[100px\] {
+  height: 100px;
+}
+
+.h-\[120px\] {
+  height: 120px;
+}
+
 .h-\[150px\] {
   height: 150px;
 }
 
+.h-\[15px\] {
+  height: 15px;
+}
+
+.h-\[160px\] {
+  height: 160px;
+}
+
+.h-\[260px\] {
+  height: 260px;
+}
+
+.h-\[30px\] {
+  height: 30px;
+}
+
+.h-\[32px\] {
+  height: 32px;
+}
+
+.h-\[40px\] {
+  height: 40px;
+}
+
+.h-\[42px\] {
+  height: 42px;
+}
+
+.h-\[48px\] {
+  height: 48px;
+}
+
+.h-\[4px\] {
+  height: 4px;
+}
+
+.h-\[512px\] {
+  height: 512px;
+}
+
+.h-\[56px\] {
+  height: 56px;
+}
+
+.h-\[6px\] {
+  height: 6px;
+}
+
+.h-\[72px\] {
+  height: 72px;
+}
+
 .h-\[800px\] {
   height: 800px;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .h-full {
   height: 100%;
 }
@@ -4566,6 +1903,10 @@ textarea.form-control.is-invalid {
   max-height: 5rem;
 }
 
+.max-h-\[calc\(100\%-64px\)\] {
+  max-height: calc(100% - 64px);
+}
+
 .min-h-0 {
   min-height: 0px;
 }
@@ -4574,10 +1915,42 @@ textarea.form-control.is-invalid {
   min-height: 148px;
 }
 
+.min-h-\[305px\] {
+  min-height: 305px;
+}
+
+.min-h-\[325px\] {
+  min-height: 325px;
+}
+
+.min-h-\[auto\] {
+  min-height: auto;
+}
+
+.w-0 {
+  width: 0px;
+}
+
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-1\.5 {
+  width: 0.375rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
 .w-12 {
   width: 3rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -4590,14 +1963,86 @@ textarea.form-control.is-invalid {
   width: 9rem;
 }
 
+.w-4 {
+  width: 1rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
 .w-6 {
   width: 1.5rem;
 }
 
+.w-7 {
+  width: 1.75rem;
+}
+
 .w-8 {
   width: 2rem;
 }
 
+.w-9 {
+  width: 2.25rem;
+}
+
+.w-\[150px\] {
+  width: 150px;
+}
+
+.w-\[15px\] {
+  width: 15px;
+}
+
+.w-\[160px\] {
+  width: 160px;
+}
+
+.w-\[260px\] {
+  width: 260px;
+}
+
+.w-\[2px\] {
+  width: 2px;
+}
+
+.w-\[304px\] {
+  width: 304px;
+}
+
+.w-\[30px\] {
+  width: 30px;
+}
+
+.w-\[328px\] {
+  width: 328px;
+}
+
+.w-\[32px\] {
+  width: 32px;
+}
+
+.w-\[4px\] {
+  width: 4px;
+}
+
+.w-\[6px\] {
+  width: 6px;
+}
+
+.w-\[72px\] {
+  width: 72px;
+}
+
+.w-\[76px\] {
+  width: 76px;
+}
+
+.w-auto {
+  width: auto;
+}
+
 .w-full {
   width: 100%;
 }
@@ -4614,6 +2059,10 @@ textarea.form-control.is-invalid {
   min-width: 1.8rem;
 }
 
+.min-w-\[100px\] {
+  min-width: 100px;
+}
+
 .min-w-\[220px\] {
   min-width: 220px;
 }
@@ -4622,6 +2071,18 @@ textarea.form-control.is-invalid {
   min-width: 30px;
 }
 
+.min-w-\[310px\] {
+  min-width: 310px;
+}
+
+.min-w-\[48px\] {
+  min-width: 48px;
+}
+
+.min-w-\[64px\] {
+  min-width: 64px;
+}
+
 .min-w-full {
   min-width: 100%;
 }
@@ -4638,6 +2099,18 @@ textarea.form-control.is-invalid {
   max-width: 1600px;
 }
 
+.max-w-\[200px\] {
+  max-width: 200px;
+}
+
+.max-w-\[267px\] {
+  max-width: 267px;
+}
+
+.max-w-\[325px\] {
+  max-width: 325px;
+}
+
 .max-w-\[5rem\] {
   max-width: 5rem;
 }
@@ -4646,6 +2119,14 @@ textarea.form-control.is-invalid {
   max-width: 64rem;
 }
 
+.max-w-\[90\%\] {
+  max-width: 90%;
+}
+
+.max-w-\[calc\(100\%-1rem\)\] {
+  max-width: calc(100% - 1rem);
+}
+
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
@@ -4675,19 +2156,202 @@ textarea.form-control.is-invalid {
   flex: none;
 }
 
+.shrink-0 {
+  flex-shrink: 0;
+}
+
 .grow {
   flex-grow: 1;
 }
 
+.grow-0 {
+  flex-grow: 0;
+}
+
+.basis-auto {
+  flex-basis: auto;
+}
+
+.origin-\[0_0\] {
+  transform-origin: 0 0;
+}
+
+.origin-\[center_bottom_0\] {
+  transform-origin: center bottom 0;
+}
+
+.-translate-x-1\/2 {
+  --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-\[150\%\] {
+  --tw-translate-x: -150%;
+  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-full {
+  --tw-translate-x: -100%;
+  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-1\/2 {
+  --tw-translate-y: -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-y-8 {
   --tw-translate-y: -2rem;
   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%;
+  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-full {
+  --tw-translate-x: 100%;
+  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));
+}
+
+.scale-0 {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+  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-100 {
+  --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));
+}
+
+.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));
+}
+
 .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));
 }
 
+.transform-none {
+  transform: none;
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.animate-\[fade-in_0\.15s_both\] {
+  animation: fade-in 0.15s both;
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.animate-\[fade-in_0\.3s_both\] {
+  animation: fade-in 0.3s both;
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.animate-\[fade-in_350ms_ease-in-out\] {
+  animation: fade-in 350ms ease-in-out;
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.animate-\[fade-out_0\.15s_both\] {
+  animation: fade-out 0.15s both;
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.animate-\[fade-out_0\.3s_both\] {
+  animation: fade-out 0.3s both;
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.animate-\[fade-out_350ms_ease-in-out\] {
+  animation: fade-out 350ms ease-in-out;
+}
+
+@keyframes show-up-clock {
+  0% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.animate-\[show-up-clock_350ms_linear\] {
+  animation: show-up-clock 350ms linear;
+}
+
 .cursor-default {
   cursor: default;
 }
@@ -4696,6 +2360,27 @@ textarea.form-control.is-invalid {
   cursor: pointer;
 }
 
+.touch-none {
+  touch-action: none;
+}
+
+.touch-pan-y {
+  --tw-pan-y: pan-y;
+  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
+}
+
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.select-all {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+}
+
 .resize {
   resize: both;
 }
@@ -4710,6 +2395,10 @@ textarea.form-control.is-invalid {
           appearance: none;
 }
 
+.\!flex-row {
+  flex-direction: row !important;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -4730,6 +2419,10 @@ textarea.form-control.is-invalid {
   align-items: center;
 }
 
+.justify-end {
+  justify-content: flex-end;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -4800,10 +2493,41 @@ textarea.form-control.is-invalid {
   overflow: visible;
 }
 
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .scroll-smooth {
   scroll-behavior: smooth;
 }
 
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.whitespace-normal {
+  white-space: normal;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.break-words {
+  overflow-wrap: break-word;
+}
+
 .\!rounded-md {
   border-radius: 0.375rem !important;
 }
@@ -4816,6 +2540,30 @@ textarea.form-control.is-invalid {
   border-radius: 1rem;
 }
 
+.rounded-\[0\.6rem\] {
+  border-radius: 0.6rem;
+}
+
+.rounded-\[100\%\] {
+  border-radius: 100%;
+}
+
+.rounded-\[10px\] {
+  border-radius: 10px;
+}
+
+.rounded-\[16px\] {
+  border-radius: 16px;
+}
+
+.rounded-\[50\%\] {
+  border-radius: 50%;
+}
+
+.rounded-\[999px\] {
+  border-radius: 999px;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -4828,6 +2576,10 @@ textarea.form-control.is-invalid {
   border-radius: 0.375rem;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -4837,6 +2589,30 @@ textarea.form-control.is-invalid {
   border-bottom-left-radius: 0.5rem;
 }
 
+.rounded-l-\[0\.25rem\] {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-r-\[0\.25rem\] {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-t-\[0\.6rem\] {
+  border-top-left-radius: 0.6rem;
+  border-top-right-radius: 0.6rem;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.\!border-\[3px\] {
+  border-width: 3px !important;
+}
+
 .border {
   border-width: 1px;
 }
@@ -4849,18 +2625,69 @@ textarea.form-control.is-invalid {
   border-width: 2px;
 }
 
+.border-\[\.125rem\] {
+  border-width: .125rem;
+}
+
+.border-\[14px\] {
+  border-width: 14px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-l-0 {
+  border-left-width: 0px;
+}
+
 .border-l-2 {
   border-left-width: 2px;
 }
 
+.border-l-\[0\.125rem\] {
+  border-left-width: 0.125rem;
+}
+
+.border-r-0 {
+  border-right-width: 0px;
+}
+
 .border-t {
   border-top-width: 1px;
 }
 
+.\!border-solid {
+  border-style: solid !important;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
 .border-dotted {
   border-style: dotted;
 }
 
+.border-none {
+  border-style: none;
+}
+
+.\!border-\[\#b2b3b4\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(178 179 180 / var(--tw-border-opacity)) !important;
+}
+
+.border-\[\#3b71ca\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 113 202 / var(--tw-border-opacity));
+}
+
+.border-neutral-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-neutral-100), var(--tw-border-opacity));
+}
+
 .border-neutral-200 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity));
@@ -4871,14 +2698,70 @@ textarea.form-control.is-invalid {
   border-color: rgba(var(--color-neutral-300), var(--tw-border-opacity));
 }
 
+.border-primary {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 113 202 / var(--tw-border-opacity));
+}
+
 .border-primary-400 {
   --tw-border-opacity: 1;
-  border-color: rgba(var(--color-primary-400), var(--tw-border-opacity));
+  border-color: rgb(143 174 224 / var(--tw-border-opacity));
 }
 
 .border-primary-500 {
   --tw-border-opacity: 1;
-  border-color: rgba(var(--color-primary-500), var(--tw-border-opacity));
+  border-color: rgb(101 144 213 / var(--tw-border-opacity));
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
+.border-t-transparent {
+  border-top-color: transparent;
+}
+
+.\!bg-danger-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(250 229 233 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-success-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(214 250 228 / var(--tw-bg-opacity)) !important;
+}
+
+.bg-\[\#00000012\] {
+  background-color: #00000012;
+}
+
+.bg-\[\#00000066\] {
+  background-color: #00000066;
+}
+
+.bg-\[\#3b71ca\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#6d6d6d\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(109 109 109 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#aaa\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(170 170 170 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#eceff1\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
 }
 
 .bg-neutral {
@@ -4908,24 +2791,29 @@ textarea.form-control.is-invalid {
   background-color: rgba(var(--color-neutral), 0.5);
 }
 
+.bg-primary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
+}
+
 .bg-primary-100 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
 }
 
 .bg-primary-200 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity));
+  background-color: rgb(199 215 240 / var(--tw-bg-opacity));
 }
 
 .bg-primary-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
+  background-color: rgb(101 144 213 / var(--tw-bg-opacity));
 }
 
 .bg-primary-600 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
+  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
 }
 
 .bg-transparent {
@@ -4951,8 +2839,8 @@ textarea.form-control.is-invalid {
 }
 
 .from-primary-500 {
-  --tw-gradient-from: rgba(var(--color-primary-500), 1);
-  --tw-gradient-to: rgba(var(--color-primary-500), 0);
+  --tw-gradient-from: #6590D5;
+  --tw-gradient-to: rgb(101 144 213 / 0);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
@@ -4965,17 +2853,33 @@ textarea.form-control.is-invalid {
 }
 
 .to-secondary-700 {
-  --tw-gradient-to: rgba(var(--color-secondary-700), 1);
+  --tw-gradient-to: #6B7585;
 }
 
 .to-transparent {
   --tw-gradient-to: transparent;
 }
 
+.bg-contain {
+  background-size: contain;
+}
+
+.bg-clip-padding {
+  background-clip: padding-box;
+}
+
+.bg-center {
+  background-position: center;
+}
+
 .bg-no-repeat {
   background-repeat: no-repeat;
 }
 
+.fill-\[\#afafaf\] {
+  fill: #afafaf;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -5003,6 +2907,14 @@ textarea.form-control.is-invalid {
   padding: 0.375rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-2\.5 {
+  padding: 0.625rem;
+}
+
 .p-4 {
   padding: 1rem;
 }
@@ -5015,11 +2927,29 @@ textarea.form-control.is-invalid {
   padding: 1.5rem;
 }
 
+.p-\[5px\] {
+  padding: 5px;
+}
+
+.p-\[auto\] {
+  padding: auto;
+}
+
+.\!py-0 {
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -5030,6 +2960,11 @@ textarea.form-control.is-invalid {
   padding-right: 0.5rem;
 }
 
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -5045,16 +2980,41 @@ textarea.form-control.is-invalid {
   padding-right: 1.5rem;
 }
 
+.px-\[0\.4rem\] {
+  padding-left: 0.4rem;
+  padding-right: 0.4rem;
+}
+
+.px-\[10px\] {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.px-\[12px\] {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
 .px-\[30px\] {
   padding-left: 30px;
   padding-right: 30px;
 }
 
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
 .py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
@@ -5090,11 +3050,40 @@ textarea.form-control.is-invalid {
   padding-bottom: 2rem;
 }
 
+.py-\[0\.32rem\] {
+  padding-top: 0.32rem;
+  padding-bottom: 0.32rem;
+}
+
+.py-\[0\.33rem\] {
+  padding-top: 0.33rem;
+  padding-bottom: 0.33rem;
+}
+
+.py-\[0\.4rem\] {
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
+}
+
+.py-\[10px\] {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
 .py-\[1px\] {
   padding-top: 1px;
   padding-bottom: 1px;
 }
 
+.py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.pb-0 {
+  padding-bottom: 0px;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -5115,14 +3104,18 @@ textarea.form-control.is-invalid {
   padding-left: 0.5rem;
 }
 
-.pl-4 {
-  padding-left: 1rem;
-}
-
 .pl-\[24px\] {
   padding-left: 24px;
 }
 
+.pl-\[50px\] {
+  padding-left: 50px;
+}
+
+.pl-\[8px\] {
+  padding-left: 8px;
+}
+
 .pr-\[24px\] {
   padding-right: 24px;
 }
@@ -5135,6 +3128,10 @@ textarea.form-control.is-invalid {
   padding-top: 0.5rem;
 }
 
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -5147,6 +3144,14 @@ textarea.form-control.is-invalid {
   padding-top: 2rem;
 }
 
+.pt-\[0\.37rem\] {
+  padding-top: 0.37rem;
+}
+
+.text-left {
+  text-align: left;
+}
+
 .text-center {
   text-align: center;
 }
@@ -5159,6 +3164,14 @@ textarea.form-control.is-invalid {
   vertical-align: top;
 }
 
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
 .align-text-bottom {
   vertical-align: text-bottom;
 }
@@ -5177,6 +3190,50 @@ textarea.form-control.is-invalid {
   font-size: 0.6rem;
 }
 
+.text-\[0\.8rem\] {
+  font-size: 0.8rem;
+}
+
+.text-\[0\.9rem\] {
+  font-size: 0.9rem;
+}
+
+.text-\[1\.1rem\] {
+  font-size: 1.1rem;
+}
+
+.text-\[10px\] {
+  font-size: 10px;
+}
+
+.text-\[12px\] {
+  font-size: 12px;
+}
+
+.text-\[13px\] {
+  font-size: 13px;
+}
+
+.text-\[16px\] {
+  font-size: 16px;
+}
+
+.text-\[18px\] {
+  font-size: 18px;
+}
+
+.text-\[2\.5rem\] {
+  font-size: 2.5rem;
+}
+
+.text-\[3\.75rem\] {
+  font-size: 3.75rem;
+}
+
+.text-\[34px\] {
+  font-size: 34px;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -5230,10 +3287,22 @@ textarea.form-control.is-invalid {
   text-transform: uppercase;
 }
 
+.normal-case {
+  text-transform: none;
+}
+
 .italic {
   font-style: italic;
 }
 
+.not-italic {
+  font-style: normal;
+}
+
+.leading-10 {
+  line-height: 2.5rem;
+}
+
 .leading-3 {
   line-height: .75rem;
 }
@@ -5246,11 +3315,112 @@ textarea.form-control.is-invalid {
   line-height: 1.75rem;
 }
 
+.leading-9 {
+  line-height: 2.25rem;
+}
+
+.leading-\[1\.2\] {
+  line-height: 1.2;
+}
+
+.leading-\[1\.5\] {
+  line-height: 1.5;
+}
+
+.leading-\[1\.6\] {
+  line-height: 1.6;
+}
+
+.leading-\[2\.15\] {
+  line-height: 2.15;
+}
+
+.leading-\[40px\] {
+  line-height: 40px;
+}
+
+.leading-loose {
+  line-height: 2;
+}
+
+.leading-normal {
+  line-height: 1.5;
+}
+
+.tracking-\[-0\.00833em\] {
+  letter-spacing: -0.00833em;
+}
+
+.tracking-\[\.1rem\] {
+  letter-spacing: .1rem;
+}
+
+.tracking-\[0\.1rem\] {
+  letter-spacing: 0.1rem;
+}
+
+.tracking-\[1\.7px\] {
+  letter-spacing: 1.7px;
+}
+
+.tracking-normal {
+  letter-spacing: 0em;
+}
+
+.\!text-danger-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(176 35 58 / var(--tw-text-opacity)) !important;
+}
+
 .\!text-neutral {
   --tw-text-opacity: 1 !important;
   color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
 }
 
+.\!text-primary {
+  --tw-text-opacity: 1 !important;
+  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-primary-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(40 81 146 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-success-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(14 117 55 / var(--tw-text-opacity)) !important;
+}
+
+.text-\[\#212529\] {
+  --tw-text-opacity: 1;
+  color: rgb(33 37 41 / var(--tw-text-opacity));
+}
+
+.text-\[\#3b71ca\] {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
+.text-\[\#4f4f4f\] {
+  --tw-text-opacity: 1;
+  color: rgb(79 79 79 / var(--tw-text-opacity));
+}
+
+.text-\[\#b3afaf\] {
+  --tw-text-opacity: 1;
+  color: rgb(179 175 175 / var(--tw-text-opacity));
+}
+
+.text-\[\#ffffff8a\] {
+  color: #ffffff8a;
+}
+
+.text-\[rgb\(220\2c 76\2c 100\)\] {
+  --tw-text-opacity: 1;
+  color: rgb(220 76 100 / var(--tw-text-opacity));
+}
+
 .text-neutral-200 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
@@ -5291,60 +3461,97 @@ textarea.form-control.is-invalid {
   color: rgba(var(--color-neutral-900), var(--tw-text-opacity));
 }
 
+.text-primary {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
 .text-primary-300 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
+  color: rgb(171 194 232 / var(--tw-text-opacity));
 }
 
 .text-primary-400 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .text-primary-500 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-500), var(--tw-text-opacity));
+  color: rgb(101 144 213 / var(--tw-text-opacity));
 }
 
 .text-primary-600 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+  color: rgb(48 97 175 / var(--tw-text-opacity));
 }
 
 .text-primary-700 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-700), var(--tw-text-opacity));
+  color: rgb(40 81 146 / var(--tw-text-opacity));
 }
 
 .text-primary-800 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
+  color: rgb(32 64 117 / var(--tw-text-opacity));
 }
 
 .\!no-underline {
   text-decoration-line: none !important;
 }
 
+.no-underline {
+  text-decoration-line: none;
+}
+
 .decoration-neutral-300 {
   text-decoration-color: rgba(var(--color-neutral-300), 1);
 }
 
 .decoration-primary-500 {
-  text-decoration-color: rgba(var(--color-primary-500), 1);
+  text-decoration-color: #6590D5;
+}
+
+.underline-offset-auto {
+  text-underline-offset: auto;
+}
+
+.\!opacity-0 {
+  opacity: 0 !important;
+}
+
+.\!opacity-100 {
+  opacity: 1 !important;
 }
 
 .opacity-0 {
   opacity: 0;
 }
 
+.opacity-100 {
+  opacity: 1;
+}
+
 .opacity-30 {
   opacity: 0.3;
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .opacity-60 {
   opacity: 0.6;
 }
 
+.opacity-\[\.53\] {
+  opacity: .53;
+}
+
+.opacity-\[\.54\] {
+  opacity: .54;
+}
+
 .mix-blend-normal {
   mix-blend-mode: normal;
 }
@@ -5359,18 +3566,47 @@ textarea.form-control.is-invalid {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
+  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -2px rgba(0,0,0,0.05);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
+  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-\[0_2px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c _0_2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
+  --tw-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
+  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  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 rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
 .outline {
   outline-style: solid;
 }
@@ -5402,12 +3638,146 @@ textarea.form-control.is-invalid {
           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);
 }
 
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-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;
+}
+
+.transition-\[background-color\2c box-shadow\2c border\] {
+  transition-property: background-color,box-shadow,border;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-\[height\] {
+  transition-property: height;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-\[opacity\] {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-\[transform\2c _opacity\] {
+  transition-property: transform, opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-\[transform\2c height\] {
+  transition-property: transform,height;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-\[width\] {
+  transition-property: width;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
+.delay-\[0ms\] {
+  transition-delay: 0ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.duration-\[250ms\] {
+  transition-duration: 250ms;
+}
+
+.duration-\[350ms\] {
+  transition-duration: 350ms;
+}
+
+.duration-\[400ms\] {
+  transition-duration: 400ms;
+}
+
+.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
+  transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);
+}
+
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\] {
+  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
+}
+
+.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
+  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0);
+}
+
+.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
+  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
+}
+
+.ease-\[ease\] {
+  transition-timing-function: ease;
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.ease-linear {
+  transition-timing-function: linear;
+}
+
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.\[direction\:ltr\] {
+  direction: ltr;
+}
+
+.\[overflow-anchor\:none\] {
+  overflow-anchor: none;
+}
+
+.\[overflow-style\:none\] {
+  overflow-style: none;
+}
+
+.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\] {
+  transition: background-color .2s linear, height .2s ease-in-out;
+}
+
+.\[transition\:background-color_\.2s_linear\2c _opacity_\.2s_linear\] {
+  transition: background-color .2s linear, opacity .2s linear;
+}
+
+.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\] {
+  transition: background-color .2s linear, width .2s ease-in-out;
+}
+
+.\[transition\:background-color_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c box-shadow_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c border_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\] {
+  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;
+}
+
 body a,
 body button {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -5566,7 +3936,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,
 .copy-button:active:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
 }
 
 .dark .copy-button:hover,.dark 
@@ -5574,7 +3944,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,.dark 
 .copy-button:active:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
+  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
 }
 
 .copy-textarea {
@@ -5636,14 +4006,14 @@ body:has(#menu-controller:checked) {
   display: block;
   width: auto;
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
 .dark .chroma .hl {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
+  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
 }
 
 .chroma .lntd .hl {
@@ -5703,7 +4073,7 @@ body:has(#menu-controller:checked) {
 .chroma .vc,
 .chroma .o {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+  color: rgb(48 97 175 / var(--tw-text-opacity));
 }
 
 .dark .chroma .k,.dark 
@@ -5717,7 +4087,7 @@ body:has(#menu-controller:checked) {
 .chroma .vc,.dark 
 .chroma .o {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
+  color: rgb(171 194 232 / var(--tw-text-opacity));
 }
 
 /* KeywordConstant */
@@ -5725,12 +4095,12 @@ body:has(#menu-controller:checked) {
 .chroma .kc {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
+  color: rgb(200 204 211 / var(--tw-text-opacity));
 }
 
 .dark .chroma .kc {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
+  color: rgb(179 185 194 / var(--tw-text-opacity));
 }
 
 /* KeywordType */
@@ -5767,7 +4137,7 @@ body:has(#menu-controller:checked) {
 .chroma .il,
 .chroma .mo {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
+  color: rgb(200 204 211 / var(--tw-text-opacity));
 }
 
 .dark .chroma .kt,.dark 
@@ -5782,7 +4152,7 @@ body:has(#menu-controller:checked) {
 .chroma .il,.dark 
 .chroma .mo {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
+  color: rgb(132 141 156 / var(--tw-text-opacity));
 }
 
 /* Name */
@@ -5798,7 +4168,7 @@ body:has(#menu-controller:checked) {
 .chroma .ni,
 .chroma .nl {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
+  color: rgb(64 70 80 / var(--tw-text-opacity));
 }
 
 .dark .chroma .n,.dark 
@@ -5806,7 +4176,7 @@ body:has(#menu-controller:checked) {
 .chroma .ni,.dark 
 .chroma .nl {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
+  color: rgb(228 230 233 / var(--tw-text-opacity));
 }
 
 /* NameAttribute */
@@ -5828,7 +4198,7 @@ body:has(#menu-controller:checked) {
 .chroma .py,
 .chroma .nt {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
+  color: rgb(86 93 107 / var(--tw-text-opacity));
 }
 
 .dark .chroma .na,.dark 
@@ -5838,7 +4208,7 @@ body:has(#menu-controller:checked) {
 .chroma .py,.dark 
 .chroma .nt {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
+  color: rgb(214 217 222 / var(--tw-text-opacity));
 }
 
 /* NameConstant */
@@ -5852,26 +4222,26 @@ body:has(#menu-controller:checked) {
 .chroma .vg {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
+  color: rgb(200 204 211 / var(--tw-text-opacity));
 }
 
 .dark .chroma .no,.dark 
 .chroma .ne,.dark 
 .chroma .vg {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
+  color: rgb(179 185 194 / var(--tw-text-opacity));
 }
 
 /* NameFunction */
 
 .chroma .nf {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
+  color: rgb(132 141 156 / var(--tw-text-opacity));
 }
 
 .dark .chroma .nf {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
+  color: rgb(179 185 194 / var(--tw-text-opacity));
 }
 
 /* Literal */
@@ -5923,7 +4293,7 @@ body:has(#menu-controller:checked) {
 .chroma .go,
 .chroma .gp {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
+  color: rgb(32 64 117 / var(--tw-text-opacity));
 }
 
 .dark .chroma .l,.dark 
@@ -5943,7 +4313,7 @@ body:has(#menu-controller:checked) {
 .chroma .go,.dark 
 .chroma .gp {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 /* LiteralStringEscape */
@@ -5951,12 +4321,12 @@ body:has(#menu-controller:checked) {
 .chroma .se {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
+  color: rgb(200 204 211 / var(--tw-text-opacity));
 }
 
 .dark .chroma .se {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
+  color: rgb(179 185 194 / var(--tw-text-opacity));
 }
 
 /* LiteralStringRegex */
@@ -5967,13 +4337,13 @@ body:has(#menu-controller:checked) {
 .chroma .ss {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
+  color: rgb(32 64 117 / var(--tw-text-opacity));
 }
 
 .dark .chroma .sr,.dark 
 .chroma .ss {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 /* OperatorWord */
@@ -5981,12 +4351,12 @@ body:has(#menu-controller:checked) {
 .chroma .ow {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .dark .chroma .ow {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+  color: rgb(48 97 175 / var(--tw-text-opacity));
 }
 
 /* Comment */
@@ -6977,7 +5347,7 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
-  background-color: rgba(var(--color-secondary-400), 1);
+  background-color: rgb(200 204 211 / 1);
 }
 
 .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
@@ -6985,39 +5355,169 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-400), 1);
+  text-decoration-color: rgb(143 174 224 / 1);
 }
 
 .dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgba(var(--color-primary-400), 1);
+  text-decoration-color: rgb(143 174 224 / 1);
+}
+
+.selection\:bg-transparent *::-moz-selection {
+  background-color: transparent;
+}
+
+.selection\:bg-transparent *::selection {
+  background-color: transparent;
+}
+
+.selection\:bg-transparent::-moz-selection {
+  background-color: transparent;
+}
+
+.selection\:bg-transparent::selection {
+  background-color: transparent;
 }
 
 .first\:mt-8:first-child {
   margin-top: 2rem;
 }
 
+.checked\:after\:absolute:checked::after {
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.checked\:after\:ml-\[5px\]:checked::after {
+  content: var(--tw-content);
+  margin-left: 5px;
+}
+
+.checked\:after\:mt-px:checked::after {
+  content: var(--tw-content);
+  margin-top: 1px;
+}
+
+.checked\:after\:block:checked::after {
+  content: var(--tw-content);
+  display: block;
+}
+
+.checked\:after\:h-\[9px\]:checked::after {
+  content: var(--tw-content);
+  height: 9px;
+}
+
+.checked\:after\:w-\[5px\]:checked::after {
+  content: var(--tw-content);
+  width: 5px;
+}
+
+.checked\:after\:rotate-45:checked::after {
+  content: var(--tw-content);
+  --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));
+}
+
+.checked\:after\:border-2:checked::after {
+  content: var(--tw-content);
+  border-width: 2px;
+}
+
+.checked\:after\:border-l-0:checked::after {
+  content: var(--tw-content);
+  border-left-width: 0px;
+}
+
+.checked\:after\:border-t-0:checked::after {
+  content: var(--tw-content);
+  border-top-width: 0px;
+}
+
+.checked\:after\:border-solid:checked::after {
+  content: var(--tw-content);
+  border-style: solid;
+}
+
+.checked\:after\:bg-transparent:checked::after {
+  content: var(--tw-content);
+  background-color: transparent;
+}
+
+.checked\:after\:content-\[\'\'\]:checked::after {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
+.empty\:hidden:empty {
+  display: none;
+}
+
+.hover\:cursor-pointer:hover {
+  cursor: pointer;
+}
+
+.hover\:rounded-\[50\%\]:hover {
+  border-radius: 50%;
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent;
 }
 
 .hover\:\!bg-primary-500:hover {
   --tw-bg-opacity: 1 !important;
-  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
+  background-color: rgb(101 144 213 / var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-\[\#00000014\]:hover {
+  background-color: #00000014;
+}
+
+.hover\:bg-\[\#00000026\]:hover {
+  background-color: #00000026;
+}
+
+.hover\:bg-\[\#eee\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-\[unset\]:hover {
+  background-color: unset;
+}
+
+.hover\:bg-neutral-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
+  background-color: rgb(101 144 213 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
+  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
+}
+
+.hover\:fill-\[\#8b8b8b\]:hover {
+  fill: #8b8b8b;
+}
+
+.hover\:text-\[\#3b71ca\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
+.hover\:text-\[\#8b8b8b\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(139 139 139 / var(--tw-text-opacity));
 }
 
 .hover\:text-neutral:hover {
@@ -7025,24 +5525,29 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral), var(--tw-text-opacity));
 }
 
+.hover\:text-primary:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
 .hover\:text-primary-400:hover {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-500:hover {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-500), var(--tw-text-opacity));
+  color: rgb(101 144 213 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+  color: rgb(48 97 175 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-700:hover {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-700), var(--tw-text-opacity));
+  color: rgb(40 81 146 / var(--tw-text-opacity));
 }
 
 .hover\:underline:hover {
@@ -7054,7 +5559,7 @@ body:has(#menu-controller:checked) {
 }
 
 .hover\:decoration-primary-400:hover {
-  text-decoration-color: rgba(var(--color-primary-400), 1);
+  text-decoration-color: #8FAEE0;
 }
 
 .hover\:decoration-2:hover {
@@ -7065,6 +5570,20 @@ body:has(#menu-controller:checked) {
   text-underline-offset: 2px;
 }
 
+.hover\:\!opacity-90:hover {
+  opacity: 0.9 !important;
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
+.hover\:\!shadow-none:hover {
+  --tw-shadow: 0 0 #0000 !important;
+  --tw-shadow-colored: 0 0 #0000 !important;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
+}
+
 .hover\:outline-none:hover {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -7075,15 +5594,51 @@ body:has(#menu-controller:checked) {
   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));
 }
 
+.focus\:rounded-\[50\%\]:focus {
+  border-radius: 50%;
+}
+
+.focus\:bg-\[\#00000014\]:focus {
+  background-color: #00000014;
+}
+
+.focus\:bg-\[\#00000026\]:focus {
+  background-color: #00000026;
+}
+
+.focus\:bg-\[\#eee\]:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
+}
+
+.focus\:bg-neutral-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity));
+}
+
 .focus\:bg-primary-100:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
+}
+
+.focus\:text-\[\#3b71ca\]:focus {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
+.focus\:text-primary:focus {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
 }
 
 .focus\:no-underline:focus {
   text-decoration-line: none;
 }
 
+.focus\:\!opacity-90:focus {
+  opacity: 0.9 !important;
+}
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -7101,14 +5656,45 @@ body:has(#menu-controller:checked) {
   outline-color: transparent;
 }
 
+.focus\:placeholder\:opacity-100:focus::-moz-placeholder {
+  opacity: 1;
+}
+
+.focus\:placeholder\:opacity-100:focus::placeholder {
+  opacity: 1;
+}
+
+.active\:bg-\[\#cacfd1\]:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 207 209 / var(--tw-bg-opacity));
+}
+
+.group\/x:hover .group-hover\/x\:h-\[11px\] {
+  height: 11px;
+}
+
+.group\/y:hover .group-hover\/y\:w-\[11px\] {
+  width: 11px;
+}
+
+.group\/x:hover .group-hover\/x\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.group\/y:hover .group-hover\/y\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:text-primary-300 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
+  color: rgb(171 194 232 / var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:text-primary-600 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+  color: rgb(48 97 175 / var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:underline {
@@ -7116,13 +5702,376 @@ body:has(#menu-controller:checked) {
 }
 
 .group:hover .group-hover\:decoration-primary-500 {
-  text-decoration-color: rgba(var(--color-primary-500), 1);
+  text-decoration-color: #6590D5;
+}
+
+.group\/ps:hover .group-hover\/ps\:opacity-100 {
+  opacity: 1;
+}
+
+.group\/ps:hover .group-hover\/ps\:opacity-60 {
+  opacity: 0.6;
 }
 
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
 
+.group\/x:focus .group-focus\/x\:h-\[11px\] {
+  height: 11px;
+}
+
+.group\/y:focus .group-focus\/y\:w-\[11px\] {
+  width: 11px;
+}
+
+.group\/x:focus .group-focus\/x\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.group\/y:focus .group-focus\/y\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.group\/ps:focus .group-focus\/ps\:opacity-100 {
+  opacity: 1;
+}
+
+.group\/ps:focus .group-focus\/ps\:opacity-60 {
+  opacity: 0.6;
+}
+
+.group\/ps:active .group-active\/ps\:opacity-100 {
+  opacity: 1;
+}
+
+.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block {
+  display: block;
+}
+
+.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block {
+  display: block;
+}
+
+.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\] {
+  height: 11px;
+}
+
+.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\] {
+  width: 11px;
+}
+
+.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border {
+  border-width: 1px;
+}
+
+.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-solid {
+  border-style: solid;
+}
+
+.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent {
+  background-color: transparent;
+}
+
+.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent {
+  background-color: transparent;
+}
+
+.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#999\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-neutral-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity));
+}
+
+.group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity));
+}
+
+.group[data-te-datepicker-cell-selected] .group-\[\[data-te-datepicker-cell-selected\]\]\:bg-primary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
+}
+
+.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60 {
+  opacity: 0.6;
+}
+
+.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60 {
+  opacity: 0.6;
+}
+
+.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\] {
+  --tw-translate-y: -0.75rem;
+  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));
+}
+
+.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\] {
+  --tw-translate-y: -0.9rem;
+  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));
+}
+
+.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\] {
+  --tw-translate-y: -1.15rem;
+  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));
+}
+
+.peer:focus ~ .peer-focus\: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));
+}
+
+.data-\[te-datepicker-cell-disabled\]\:pointer-events-none[data-te-datepicker-cell-disabled] {
+  pointer-events: none;
+}
+
+.data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade] {
+  z-index: 0;
+}
+
+.data-\[te-carousel-fade\]\:z-\[1\][data-te-carousel-fade] {
+  z-index: 1;
+}
+
+.data-\[te-input-state-active\]\:block[data-te-input-state-active] {
+  display: block;
+}
+
+.data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\][data-te-input-state-active] {
+  --tw-translate-y: -0.75rem;
+  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\]\:-translate-y-\[0\.9rem\][data-te-input-state-active] {
+  --tw-translate-y: -0.9rem;
+  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\]\:-translate-y-\[1\.15rem\][data-te-input-state-active] {
+  --tw-translate-y: -1.15rem;
+  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;
+  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-select-open\]\:scale-100[data-te-select-open] {
+  --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-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled] {
+  cursor: default;
+}
+
+.data-\[te-input-disabled\]\:cursor-default[data-te-input-disabled] {
+  cursor: default;
+}
+
+.data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled] {
+  cursor: default;
+}
+
+.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected] {
+  cursor: default;
+}
+
+.data-\[te-input-disabled\]\:bg-\[\#e9ecef\][data-te-input-disabled] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 236 239 / var(--tw-bg-opacity));
+}
+
+.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:bg-transparent[data-te-select-option-disabled][data-te-select-selected] {
+  background-color: transparent;
+}
+
+.data-\[te-datepicker-cell-disabled\]\:text-neutral-300[data-te-datepicker-cell-disabled] {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
+}
+
+.data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade] {
+  opacity: 0;
+}
+
+.data-\[te-carousel-fade\]\:opacity-100[data-te-carousel-fade] {
+  opacity: 1;
+}
+
+.data-\[te-select-open\]\:opacity-100[data-te-select-open] {
+  opacity: 1;
+}
+
+.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder {
+  opacity: 1;
+}
+
+.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::placeholder {
+  opacity: 1;
+}
+
+.data-\[te-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-te-datepicker-cell-disabled] {
+  cursor: default;
+}
+
+.group[data-te-datepicker-cell-focused] .group-\[\[data-te-datepicker-cell-focused\]\]\:data-\[te-datepicker-cell-selected\]\:bg-primary[data-te-datepicker-cell-selected] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
+}
+
+.group[data-te-select-option-text-ref] .group-data-\[te-select-option-text-ref\]\:mr-2\.5 {
+  margin-right: 0.625rem;
+}
+
+.group\/validation[data-te-was-validated] .group-data-\[te-was-validated\]\/validation\:mb-4 {
+  margin-bottom: 1rem;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-x-0 {
+  border-left-width: 0px;
+  border-right-width: 0px;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-x-0 {
+  border-left-width: 0px;
+  border-right-width: 0px;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-l-0 {
+  border-left-width: 0px;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-r-0 {
+  border-right-width: 0px;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t {
+  border-top-width: 1px;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-l-0 {
+  border-left-width: 0px;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-r-0 {
+  border-right-width: 0px;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t {
+  border-top-width: 1px;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-solid {
+  border-style: solid;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-solid {
+  border-style: solid;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-primary {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 113 202 / var(--tw-border-opacity));
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t-transparent {
+  border-top-color: transparent;
+}
+
+.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t-transparent {
+  border-top-color: transparent;
+}
+
+.group\/opt[data-te-select-option-group-ref] .group-data-\[te-select-option-group-ref\]\/opt\:pl-7 {
+  padding-left: 1.75rem;
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\] {
+  --tw-shadow: -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca;
+  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\] {
+  --tw-shadow: -1px 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff;
+  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\] {
+  --tw-shadow: 0 1px 0 0 #3b71ca;
+  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#ffffff\] {
+  --tw-shadow: 0 1px 0 0 #ffffff;
+  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\] {
+  --tw-shadow: 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
+  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\] {
+  --tw-shadow: 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff;
+  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:block {
+  display: block;
+}
+
+.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:block {
+  display: block;
+}
+
+.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:text-\[rgb\(220\2c 76\2c 100\)\] {
+  --tw-text-opacity: 1;
+  color: rgb(220 76 100 / var(--tw-text-opacity));
+}
+
+.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\] {
+  --tw-translate-y: -0.75rem;
+  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));
+}
+
+.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\] {
+  --tw-translate-y: -0.9rem;
+  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));
+}
+
+.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\] {
+  --tw-translate-y: -1.15rem;
+  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));
+}
+
+.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\: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));
+}
+
 [dir="ltr"] .ltr\:-left-6 {
   left: -1.5rem;
 }
@@ -7179,6 +6128,10 @@ body:has(#menu-controller:checked) {
   text-align: right;
 }
 
+[dir="rtl"] .rtl\:\!left-auto {
+  left: auto !important;
+}
+
 [dir="rtl"] .rtl\:-right-6 {
   right: -1.5rem;
 }
@@ -7215,6 +6168,10 @@ body:has(#menu-controller:checked) {
   display: none;
 }
 
+[dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\] {
+  transform-origin: 50% 50% 0 !important;
+}
+
 [dir="rtl"] .rtl\:border-r {
   border-right-width: 1px;
 }
@@ -7235,6 +6192,20 @@ body:has(#menu-controller:checked) {
   text-align: left;
 }
 
+[dir="rtl"] .rtl\:\[direction\:rtl\] {
+  direction: rtl;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .motion-reduce\:animate-none {
+    animation: none;
+  }
+
+  .motion-reduce\:transition-none {
+    transition-property: none;
+  }
+}
+
 .dark .dark\:flex {
   display: flex;
 }
@@ -7243,6 +6214,15 @@ body:has(#menu-controller:checked) {
   display: none;
 }
 
+.dark .dark\:border-0 {
+  border-width: 0px;
+}
+
+.dark .dark\:border-neutral-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-neutral-500), var(--tw-border-opacity));
+}
+
 .dark .dark\:border-neutral-600 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
@@ -7255,12 +6235,17 @@ body:has(#menu-controller:checked) {
 
 .dark .dark\:border-primary-300 {
   --tw-border-opacity: 1;
-  border-color: rgba(var(--color-primary-300), var(--tw-border-opacity));
+  border-color: rgb(171 194 232 / var(--tw-border-opacity));
+}
+
+.dark .dark\:border-primary-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(143 174 224 / var(--tw-border-opacity));
 }
 
 .dark .dark\:border-primary-600 {
   --tw-border-opacity: 1;
-  border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
+  border-color: rgb(48 97 175 / var(--tw-border-opacity));
 }
 
 .dark .dark\:bg-neutral-600 {
@@ -7288,22 +6273,26 @@ body:has(#menu-controller:checked) {
 
 .dark .dark\:bg-primary-300 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
+  background-color: rgb(171 194 232 / var(--tw-bg-opacity));
 }
 
 .dark .dark\:bg-primary-400 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
+  background-color: rgb(143 174 224 / var(--tw-bg-opacity));
 }
 
 .dark .dark\:bg-primary-800 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
+  background-color: rgb(32 64 117 / var(--tw-bg-opacity));
 }
 
 .dark .dark\:bg-primary-900 {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
+  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-transparent {
+  background-color: transparent;
 }
 
 .dark .dark\:from-neutral-800 {
@@ -7313,8 +6302,8 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:from-primary-600 {
-  --tw-gradient-from: rgba(var(--color-primary-600), 1);
-  --tw-gradient-to: rgba(var(--color-primary-600), 0);
+  --tw-gradient-from: #3061AF;
+  --tw-gradient-to: rgb(48 97 175 / 0);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
@@ -7323,7 +6312,12 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:to-secondary-800 {
-  --tw-gradient-to: rgba(var(--color-secondary-800), 1);
+  --tw-gradient-to: #565D6B;
+}
+
+.dark .dark\:\!text-primary-400 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
 }
 
 .dark .dark\:text-neutral {
@@ -7368,12 +6362,12 @@ body:has(#menu-controller:checked) {
 
 .dark .dark\:text-primary-200 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-200), var(--tw-text-opacity));
+  color: rgb(199 215 240 / var(--tw-text-opacity));
 }
 
 .dark .dark\:text-primary-400 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .dark .dark\:opacity-60 {
@@ -7382,17 +6376,22 @@ body:has(#menu-controller:checked) {
 
 .dark .dark\:hover\:\!bg-primary-700:hover {
   --tw-bg-opacity: 1 !important;
-  background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
+  background-color: rgb(40 81 146 / var(--tw-bg-opacity)) !important;
 }
 
 .dark .dark\:hover\:bg-primary-400:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
+  background-color: rgb(143 174 224 / var(--tw-bg-opacity));
 }
 
 .dark .dark\:hover\:bg-primary-900:hover {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
+  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+}
+
+.dark .dark\:hover\:text-\[\#3b71ca\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
 }
 
 .dark .dark\:hover\:text-neutral-800:hover {
@@ -7402,12 +6401,22 @@ body:has(#menu-controller:checked) {
 
 .dark .dark\:hover\:text-primary-400:hover {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .dark .dark\:focus\:bg-primary-900:focus {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
+  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+}
+
+.dark .dark\:focus\:text-\[\#3b71ca\]:focus {
+  --tw-text-opacity: 1;
+  color: rgb(59 113 202 / var(--tw-text-opacity));
+}
+
+.dark .dark\:focus\:text-primary-400:focus {
+  --tw-text-opacity: 1;
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 .dark .group:hover .dark\:group-hover\:text-neutral-700 {
@@ -7417,7 +6426,7 @@ body:has(#menu-controller:checked) {
 
 .dark .group:hover .dark\:group-hover\:text-primary-400 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+  color: rgb(143 174 224 / var(--tw-text-opacity));
 }
 
 @media print {
@@ -7474,10 +6483,6 @@ body:has(#menu-controller:checked) {
     padding-bottom: 6rem;
   }
 
-  .sm\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
   .sm\:text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem;
@@ -7718,4 +6723,212 @@ body:has(#menu-controller:checked) {
   .\32xl\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
+}
+
+@media not all and (min-width: 853px) {
+  @media (orientation: landscape) {
+    .max-md\:landscape\:h-8 {
+      height: 2rem;
+    }
+  }
+}
+
+@media (min-width: 320px) {
+  @media not all and (min-width: 853px) {
+    @media (orientation: landscape) {
+      .xs\:max-md\:landscape\:mt-24 {
+        margin-top: 6rem;
+      }
+
+      .xs\:max-md\:landscape\:h-8 {
+        height: 2rem;
+      }
+
+      .xs\:max-md\:landscape\:h-\[360px\] {
+        height: 360px;
+      }
+
+      .xs\:max-md\:landscape\:h-full {
+        height: 100%;
+      }
+
+      .xs\:max-md\:landscape\:w-8 {
+        width: 2rem;
+      }
+
+      .xs\:max-md\:landscape\:w-\[475px\] {
+        width: 475px;
+      }
+
+      .xs\:max-md\:landscape\:flex-row {
+        flex-direction: row;
+      }
+    }
+  }
+
+  @media (max-width: 825px) {
+    @media (orientation: landscape) {
+      .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto {
+        height: auto;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\] {
+        min-height: 305px;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\] {
+        min-height: auto;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\] {
+        min-width: auto;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row {
+        flex-direction: row !important;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col {
+        flex-direction: column;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around {
+        justify-content: space-around !important;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto {
+        overflow-y: auto;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg {
+        border-radius: 0.5rem;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg {
+        border-bottom-left-radius: 0.5rem;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none {
+        border-bottom-left-radius: 0px;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none {
+        border-top-right-radius: 0px;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\] {
+        padding: 10px;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:pr-\[10px\] {
+        padding-right: 10px;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl {
+        font-size: 3rem;
+        line-height: 1;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\] {
+        font-size: 3rem;
+      }
+
+      .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal {
+        font-weight: 400;
+      }
+    }
+  }
+}
+
+.\[\&\.ps--clicking\]\:bg-\[\#eee\].ps--clicking {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
+}
+
+.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking {
+  opacity: 0.9 !important;
+}
+
+.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button {
+  display: block;
+}
+
+.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button {
+  height: 0px;
+}
+
+.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button {
+  background-color: transparent;
+}
+
+.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb {
+  height: 50px;
+}
+
+.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
+  border-radius: 0.25rem;
+}
+
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
+}
+
+.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece {
+  border-radius: 0px;
+}
+
+.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-l::-webkit-scrollbar-track-piece {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece {
+  background-color: transparent;
+}
+
+.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar {
+  height: 0.25rem;
+}
+
+.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::-moz-placeholder {
+  opacity: 0;
+}
+
+.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::placeholder {
+  opacity: 0;
+}
+
+.\[\&\>svg\]\:mx-auto>svg {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.\[\&\>svg\]\:h-4>svg {
+  height: 1rem;
+}
+
+.\[\&\>svg\]\:h-5>svg {
+  height: 1.25rem;
+}
+
+.\[\&\>svg\]\:w-4>svg {
+  width: 1rem;
+}
+
+.\[\&\>svg\]\:w-5>svg {
+  width: 1.25rem;
+}
+
+.\[\&\>svg\]\:rotate-180>svg {
+  --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));
+}
+
+.\[\&\>svg\]\:fill-neutral-500>svg {
+  fill: rgba(var(--color-neutral-500), 1);
 }
\ No newline at end of file

From 43e2dbbdae218d99e31a0883114ca365a8de9b06 Mon Sep 17 00:00:00 2001
From: Philip Chu <technicat@users.noreply.github.com>
Date: Tue, 21 Feb 2023 16:12:43 -0800
Subject: [PATCH 03/14] add blowfish websites from Technicat LLC

---
 exampleSite/content/users/index.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/exampleSite/content/users/index.md b/exampleSite/content/users/index.md
index fba419d8..5a0a99bc 100644
--- a/exampleSite/content/users/index.md
+++ b/exampleSite/content/users/index.md
@@ -64,6 +64,10 @@ Real websites that are built with Blowfish.
 | [vividscc.com](https://vividscc.com/)                                 | Business site                |
 | [muhalvin.github.io](https://muhalvin.github.io/)                     | Personal site                |
 | [mariuskimmina.com](https://mariuskimmina.com/)                       | Personal Site                |
+| [technicat.com](https://technicat.com/)                               | Company Site                |
+| [fugugames.com](https://fugugames.com/)                               | Games Site                |
+| [hyperbowl3d.com](https://hyperbowl3d.com/)                           | Game Site                |
+| [talkdimsum.com](https://talkdimsum.com/)                             | App Site                |
 
 
 {{< alert >}}

From 9c85610e0384b0862ea001b17080d93f1ffc12e5 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 22 Feb 2023 05:31:26 +0000
Subject: [PATCH 04/14] =?UTF-8?q?=F0=9F=93=8C=20Bump=20mermaid=20from=209.?=
 =?UTF-8?q?4.0=20to=2010.0.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bumps [mermaid](https://github.com/mermaid-js/mermaid) from 9.4.0 to 10.0.0.
- [Release notes](https://github.com/mermaid-js/mermaid/releases)
- [Changelog](https://github.com/mermaid-js/mermaid/blob/develop/CHANGELOG.md)
- [Commits](https://github.com/mermaid-js/mermaid/compare/v9.4.0...v10.0.0)

---
updated-dependencies:
- dependency-name: mermaid
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 52 +++++++++++++++++++++++++++++++++++------------
 package.json      |  2 +-
 2 files changed, 40 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cd302c8d..87b404cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "fuse.js": "^6.6.2",
         "jquery": "^3.6.3",
         "katex": "^0.16.4",
-        "mermaid": "^9.4.0",
+        "mermaid": "^10.0.0",
         "packery": "^2.1.2",
         "prettier": "^2.8.4",
         "prettier-plugin-go-template": "^0.0.13",
@@ -1183,26 +1183,27 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.0.tgz",
-      "integrity": "sha512-4PWbOND7CNRbjHrdG3WUUGBreKAFVnMhdlPjttuUkeHbCQmAHkwzSh5dGwbrKmXGRaR4uTvfFVYzUcg++h0DkA==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.0.0.tgz",
+      "integrity": "sha512-syS1qyYCd3EPXCVSpYtefY4D9z9WZAK8hFgjeHR9PAtanybLO162Tu7o5i/nZkqRrJq0Rk8RqskQlhBPgT8eBw==",
       "dev": true,
       "dependencies": {
         "@braintree/sanitize-url": "^6.0.0",
         "cytoscape": "^3.23.0",
         "cytoscape-cose-bilkent": "^4.1.0",
         "cytoscape-fcose": "^2.1.0",
-        "d3": "^7.0.0",
+        "d3": "^7.4.0",
         "dagre-d3-es": "7.0.8",
         "dompurify": "2.4.3",
         "elkjs": "^0.8.2",
         "khroma": "^2.0.0",
         "lodash-es": "^4.17.21",
-        "moment": "^2.29.4",
+        "moment-mini": "^2.29.4",
         "non-layered-tidy-tree-layout": "^2.0.2",
         "stylis": "^4.1.2",
         "ts-dedent": "^2.2.0",
-        "uuid": "^9.0.0"
+        "uuid": "^9.0.0",
+        "web-worker": "^1.2.0"
       }
     },
     "node_modules/micromatch": {
@@ -1239,6 +1240,12 @@
         "node": "*"
       }
     },
+    "node_modules/moment-mini": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment-mini/-/moment-mini-2.29.4.tgz",
+      "integrity": "sha512-uhXpYwHFeiTbY9KSgPPRoo1nt8OxNVdMVoTBYHfSEKeRkIkwGpO+gERmhuhBtzfaeOyTkykSrm2+noJBgqt3Hg==",
+      "dev": true
+    },
     "node_modules/nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -1953,6 +1960,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/web-worker": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz",
+      "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==",
+      "dev": true
+    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -2865,26 +2878,27 @@
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
     "mermaid": {
-      "version": "9.4.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-9.4.0.tgz",
-      "integrity": "sha512-4PWbOND7CNRbjHrdG3WUUGBreKAFVnMhdlPjttuUkeHbCQmAHkwzSh5dGwbrKmXGRaR4uTvfFVYzUcg++h0DkA==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-10.0.0.tgz",
+      "integrity": "sha512-syS1qyYCd3EPXCVSpYtefY4D9z9WZAK8hFgjeHR9PAtanybLO162Tu7o5i/nZkqRrJq0Rk8RqskQlhBPgT8eBw==",
       "dev": true,
       "requires": {
         "@braintree/sanitize-url": "^6.0.0",
         "cytoscape": "^3.23.0",
         "cytoscape-cose-bilkent": "^4.1.0",
         "cytoscape-fcose": "^2.1.0",
-        "d3": "^7.0.0",
+        "d3": "^7.4.0",
         "dagre-d3-es": "7.0.8",
         "dompurify": "2.4.3",
         "elkjs": "^0.8.2",
         "khroma": "^2.0.0",
         "lodash-es": "^4.17.21",
-        "moment": "^2.29.4",
+        "moment-mini": "^2.29.4",
         "non-layered-tidy-tree-layout": "^2.0.2",
         "stylis": "^4.1.2",
         "ts-dedent": "^2.2.0",
-        "uuid": "^9.0.0"
+        "uuid": "^9.0.0",
+        "web-worker": "^1.2.0"
       }
     },
     "micromatch": {
@@ -2912,6 +2926,12 @@
       "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
       "dev": true
     },
+    "moment-mini": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment-mini/-/moment-mini-2.29.4.tgz",
+      "integrity": "sha512-uhXpYwHFeiTbY9KSgPPRoo1nt8OxNVdMVoTBYHfSEKeRkIkwGpO+gERmhuhBtzfaeOyTkykSrm2+noJBgqt3Hg==",
+      "dev": true
+    },
     "nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -3343,6 +3363,12 @@
         "ncp": "^2.0.0"
       }
     },
+    "web-worker": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.2.0.tgz",
+      "integrity": "sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==",
+      "dev": true
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index 531ce478..e7be51b7 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "fuse.js": "^6.6.2",
     "jquery": "^3.6.3",
     "katex": "^0.16.4",
-    "mermaid": "^9.4.0",
+    "mermaid": "^10.0.0",
     "packery": "^2.1.2",
     "prettier": "^2.8.4",
     "prettier-plugin-go-template": "^0.0.13",

From c9ca895d2a9047b27ad42c789805c4e3b8dcd192 Mon Sep 17 00:00:00 2001
From: Ashwin Balaji <125642240+abalajiksh@users.noreply.github.com>
Date: Fri, 24 Feb 2023 22:22:10 +0530
Subject: [PATCH 05/14] added my site to the list

---
 exampleSite/content/users/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/exampleSite/content/users/index.md b/exampleSite/content/users/index.md
index fba419d8..901828d8 100644
--- a/exampleSite/content/users/index.md
+++ b/exampleSite/content/users/index.md
@@ -64,6 +64,7 @@ Real websites that are built with Blowfish.
 | [vividscc.com](https://vividscc.com/)                                 | Business site                |
 | [muhalvin.github.io](https://muhalvin.github.io/)                     | Personal site                |
 | [mariuskimmina.com](https://mariuskimmina.com/)                       | Personal Site                |
+| [ashwinbalaji.xyz](https://ashwinbalaji.xyz/)                         | Personal Site                |
 
 
 {{< alert >}}

From ea129157d438ee09f87a4d52a5cbbe1b4cbe7ad5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 17:32:12 +0000
Subject: [PATCH 06/14] :language: add new language selector

---
 assets/css/compiled/main.css                  | 6941 +++++++++--------
 assets/icons/globe.svg                        |    1 +
 .../config/_default/languages.pt-PT.toml      |   24 +
 exampleSite/content/samples/icons/index.md    |    1 +
 i18n/en.yaml                                  |    3 +
 i18n/pt-PT.yaml                               |    3 +
 layouts/partials/translations.html            |   31 +-
 7 files changed, 3921 insertions(+), 3083 deletions(-)
 create mode 100644 assets/icons/globe.svg
 create mode 100644 exampleSite/config/_default/languages.pt-PT.toml

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index d6d73158..3510e60d 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1,6 +1,6 @@
 /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 
-/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -43,7 +43,7 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: Roboto, sans-serif;
+  font-family: Inter, sans-serif;
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -683,12 +683,6 @@ select {
   width: 100%;
 }
 
-@media (min-width: 320px) {
-  .container {
-    max-width: 320px;
-  }
-}
-
 @media (min-width: 640px) {
   .container {
     max-width: 640px;
@@ -741,13 +735,13 @@ select {
   color: var(--tw-prose-links);
   text-decoration: none;
   font-weight: 500;
-  text-decoration-color: rgb(171 194 232 / 1);
+  text-decoration-color: rgba(var(--color-primary-300), 1);
 }
 
 .prose :where(a):not(:where([class~="not-prose"] *)):hover {
   color: rgba(var(--color-neutral), 1);
   text-decoration: none;
-  background-color: rgb(48 97 175 / 1);
+  background-color: rgba(var(--color-primary-600), 1);
   border-radius: 0.09rem;
 }
 
@@ -1063,15 +1057,15 @@ select {
   --tw-prose-body: rgba(var(--color-neutral-700), 1);
   --tw-prose-headings: rgba(var(--color-neutral-800), 1);
   --tw-prose-lead: rgba(var(--color-neutral-500), 1);
-  --tw-prose-links: rgb(40 81 146 / 1);
+  --tw-prose-links: rgba(var(--color-primary-700), 1);
   --tw-prose-bold: rgba(var(--color-neutral-900), 1);
   --tw-prose-counters: rgba(var(--color-neutral-800), 1);
   --tw-prose-bullets: rgba(var(--color-neutral-500), 1);
   --tw-prose-hr: rgba(var(--color-neutral-200), 1);
   --tw-prose-quotes: rgba(var(--color-neutral-700), 1);
-  --tw-prose-quote-borders: rgb(199 215 240 / 1);
+  --tw-prose-quote-borders: rgba(var(--color-primary-200), 1);
   --tw-prose-captions: rgba(var(--color-neutral-500), 1);
-  --tw-prose-code: rgb(107 117 133 / 1);
+  --tw-prose-code: rgba(var(--color-secondary-700), 1);
   --tw-prose-pre-code: rgba(var(--color-neutral-700), 1);
   --tw-prose-pre-bg: rgba(var(--color-neutral-50), 1);
   --tw-prose-th-borders: rgba(var(--color-neutral-500), 1);
@@ -1079,15 +1073,15 @@ select {
   --tw-prose-invert-body: rgba(var(--color-neutral-300), 1);
   --tw-prose-invert-headings: rgba(var(--color-neutral-50), 1);
   --tw-prose-invert-lead: rgba(var(--color-neutral-500), 1);
-  --tw-prose-invert-links: rgb(143 174 224 / 1);
+  --tw-prose-invert-links: rgba(var(--color-primary-400), 1);
   --tw-prose-invert-bold: rgba(var(--color-neutral), 1);
   --tw-prose-invert-counters: rgba(var(--color-neutral-400), 1);
   --tw-prose-invert-bullets: rgba(var(--color-neutral-600), 1);
   --tw-prose-invert-hr: rgba(var(--color-neutral-500), 1);
   --tw-prose-invert-quotes: rgba(var(--color-neutral-200), 1);
-  --tw-prose-invert-quote-borders: rgb(24 48 88 / 1);
+  --tw-prose-invert-quote-borders: rgba(var(--color-primary-900), 1);
   --tw-prose-invert-captions: rgba(var(--color-neutral-400), 1);
-  --tw-prose-invert-code: rgb(200 204 211 / 1);
+  --tw-prose-invert-code: rgba(var(--color-secondary-400), 1);
   --tw-prose-invert-pre-code: rgba(var(--color-neutral-200), 1);
   --tw-prose-invert-pre-bg: rgba(var(--color-neutral-700), 1);
   --tw-prose-invert-th-borders: rgba(var(--color-neutral-500), 1);
@@ -1202,7 +1196,7 @@ select {
 
 .prose :where(mark):not(:where([class~="not-prose"] *)) {
   color: rgba(var(--color-neutral-800), 1);
-  background-color: rgb(228 230 233 / 1);
+  background-color: rgba(var(--color-secondary-200), 1);
   padding: 0.1rem 0.2rem;
   border-radius: 0.12rem;
 }
@@ -1216,19 +1210,2974 @@ select {
 }
 
 .prose :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(48 97 175 / 1);
+  text-decoration-color: rgba(var(--color-primary-600), 1);
 }
 
 .prose :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(48 97 175 / 1);
+  text-decoration-color: rgba(var(--color-primary-600), 1);
 }
 
 .prose-invert :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(143 174 224 / 1);
+  text-decoration-color: rgba(var(--color-primary-400), 1);
 }
 
 .prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(143 174 224 / 1);
+  text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+:root {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-bg: #fff;
+}
+
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.is-invalid ~ .invalid-feedback {
+  display: block;
+}
+
+.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.form-control.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-control.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.form-select.is-invalid {
+  border-color: #dc3545;
+}
+
+.form-select.is-invalid:not([multiple]):not([size]) {
+  padding-right: 4.125rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-select.is-invalid:not([multiple])[size="1"] {
+  padding-right: 4.125rem;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-position: right 0.75rem center, center right 2.25rem;
+  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.form-select.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.form-check-input.is-invalid {
+  border-color: #dc3545;
+}
+
+.form-check-input.is-invalid:checked {
+  background-color: #dc3545;
+}
+
+.form-check-input.is-invalid:focus {
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.form-check-input.is-invalid ~ .form-check-label {
+  color: #dc3545;
+}
+
+.input-group .form-control.is-invalid {
+  z-index: 2;
+}
+
+.input-group .form-select.is-invalid {
+  z-index: 2;
+}
+
+.input-group .form-control.is-invalid:focus {
+  z-index: 3;
+}
+
+.input-group .form-select.is-invalid:focus {
+  z-index: 3;
+}
+
+.btn.active {
+  box-shadow: none;
+}
+
+.btn.active:focus {
+  box-shadow: none;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
+  display: none;
+}
+
+.collapsing {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+
+.collapsing.collapse-horizontal {
+  width: 0;
+  height: auto;
+  transition: width 0.35s ease;
+}
+
+.dropdown-menu {
+  z-index: 1000;
+}
+
+.dropdown-item.active {
+  color: rgb(31, 41, 55);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: #0d6efd;
+}
+
+.dropdown-item:active {
+  color: rgb(31, 41, 55);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: #0d6efd;
+}
+
+.dropdown-item:disabled {
+  color: #adb5bd;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-menu-dark .dropdown-item.active {
+  color: #fff;
+  background-color: #0d6efd;
+}
+
+.dropdown-menu-dark .dropdown-item:active {
+  color: #fff;
+  background-color: #0d6efd;
+}
+
+.dropdown-menu-dark .dropdown-item.disabled {
+  color: #adb5bd;
+}
+
+.dropdown-menu-dark .dropdown-item:disabled {
+  color: #adb5bd;
+}
+
+.nav-tabs .nav-link {
+  color: rgb(75, 85, 99);
+}
+
+.nav-tabs .nav-link:hover {
+  isolation: isolate;
+}
+
+.nav-tabs .nav-link:focus {
+  isolation: isolate;
+}
+
+.nav-tabs .nav-link.disabled {
+  color: rgb(156, 163, 175);
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav-tabs .nav-link.active {
+  color: rgb(37, 99, 235);
+  border-color: rgb(37, 99, 235);
+}
+
+.nav-tabs .nav-item.show .nav-link {
+  color: rgb(37, 99, 235);
+  border-color: rgb(37, 99, 235);
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+  background: rgb(243, 244, 246);
+  color: rgb(75, 85, 99);
+  box-shadow: none;
+}
+
+.nav-pills .nav-link.active {
+  background: rgb(37, 99, 235);
+  color: #fff;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.nav-pills .show > .nav-link {
+  background: rgb(37, 99, 235);
+  color: #fff;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.nav-pills .disabled {
+  color: rgb(156, 163, 175);
+  background-color: rgba(243, 244, 246, 0.5);
+}
+
+.nav-pills.menu-sidebar .nav-link {
+  background-color: transparent;
+  box-shadow: none;
+  padding: 0 5px;
+  border-radius: 0;
+}
+
+.nav-pills.menu-sidebar .nav-link.active {
+  color: #1266f1;
+  font-weight: 600;
+  border-left: 0.125rem solid #1266f1;
+}
+
+.nav-justified > .nav-link {
+  -ms-flex-basis: 0;
+  flex-basis: 0;
+}
+
+.nav-justified .nav-item {
+  -ms-flex-basis: 0;
+  flex-basis: 0;
+}
+
+.tab-content > .active {
+  display: block;
+}
+
+.navbar-expand .navbar-nav {
+  flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.navbar-expand .offcanvas {
+  position: inherit;
+  bottom: 0;
+  z-index: 1000;
+  -ms-flex-grow: 1;
+  flex-grow: 1;
+  visibility: visible !important;
+  background-color: transparent;
+  border-right: 0;
+  border-left: 0;
+  transition: none;
+  transform: none;
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link {
+  color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.accordion-item:last-of-type .accordion-button.collapsed {
+  border-bottom-right-radius: calc(0.5rem - 1px);
+  border-bottom-left-radius: calc(0.5rem - 1px);
+}
+
+.btn-close.disabled {
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  opacity: 0.25;
+}
+
+.modal {
+  z-index: 1055;
+}
+
+.modal-dialog {
+  margin: 0.5rem;
+}
+
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+
+.modal.show .modal-dialog {
+  transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+
+.modal-body {
+  flex: 1 1 auto;
+}
+
+.modal-fullscreen .modal-body {
+  overflow-y: auto;
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1080;
+  display: block;
+  margin: 0;
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  -webkit-text-align: start;
+  text-align: start;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-text-shadow: none;
+  text-shadow: none;
+  -webkit-text-transform: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+
+.tooltip.show {
+  opacity: 1;
+}
+
+.bs-tooltip-top .tooltip-arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-top .tooltip-arrow::before {
+  top: -1px;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+  top: -1px;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-end .tooltip-arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-end .tooltip-arrow::before {
+  right: -1px;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+  right: -1px;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-bottom .tooltip-arrow {
+  top: 0;
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+  top: 0;
+}
+
+.bs-tooltip-bottom .tooltip-arrow::before {
+  bottom: -1px;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+  bottom: -1px;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-start .tooltip-arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-start .tooltip-arrow::before {
+  left: -1px;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+  left: -1px;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  font-size: 14px;
+  padding: 6px 16px;
+  color: #fff;
+  -webkit-text-align: center;
+  text-align: center;
+  background-color: #6d6d6d;
+  border-radius: 0.25rem;
+}
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1070;
+  display: block;
+  max-width: 276px;
+  font-family: var(--bs-font-sans-serif);
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  -webkit-text-align: start;
+  text-align: start;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-text-shadow: none;
+  text-shadow: none;
+  -webkit-text-transform: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
+  border-radius: 0.5rem;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.bs-popover-top > .popover-arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top > .popover-arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top > .popover-arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-end > .popover-arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+}
+
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+}
+
+.bs-popover-end > .popover-arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-end > .popover-arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-bottom > .popover-arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom > .popover-arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom > .popover-arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.bs-popover-start > .popover-arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+}
+
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+}
+
+.bs-popover-start > .popover-arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-start > .popover-arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.popover-header {
+  padding: 0.5rem 1rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  background-color: #fff;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+  font-weight: 500;
+}
+
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: 1rem 1rem;
+  color: #212529;
+}
+
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.carousel-item {
+  display: none;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  transition: transform 0.6s ease-in-out;
+}
+
+.carousel-item.active {
+  display: block;
+}
+
+.carousel-item-next {
+  display: block;
+}
+
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next:not(.carousel-item-start) {
+  transform: translateX(100%);
+}
+
+.active.carousel-item-end {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end) {
+  transform: translateX(-100%);
+}
+
+.active.carousel-item-start {
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+
+.carousel-fade .carousel-item.active {
+  z-index: 1;
+  opacity: 1;
+}
+
+.carousel-fade .carousel-item-next.carousel-item-start {
+  z-index: 1;
+  opacity: 1;
+}
+
+.carousel-fade .carousel-item-prev.carousel-item-end {
+  z-index: 1;
+  opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-start {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+
+.carousel-fade .active.carousel-item-end {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+
+.carousel-control-prev {
+  z-index: 1;
+  width: 15%;
+  color: #fff;
+  background: none;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+.carousel-control-next {
+  z-index: 1;
+  width: 15%;
+  color: #fff;
+  background: none;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+.carousel-control-prev:hover {
+  color: #fff;
+  opacity: 0.9;
+}
+
+.carousel-control-prev:focus {
+  color: #fff;
+  opacity: 0.9;
+}
+
+.carousel-control-next:hover {
+  color: #fff;
+  opacity: 0.9;
+}
+
+.carousel-control-next:focus {
+  color: #fff;
+  opacity: 0.9;
+}
+
+.carousel-control-prev-icon {
+  width: 2rem;
+  height: 2rem;
+  background-position: 50%;
+  background-size: 100% 100%;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+  width: 2rem;
+  height: 2rem;
+  background-position: 50%;
+  background-size: 100% 100%;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+  z-index: 2;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
+}
+
+.carousel-indicators [data-bs-target] {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  padding: 0;
+  margin-right: 3px;
+  margin-left: 3px;
+  -webkit-text-indent: -999px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
+}
+
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-dark .carousel-control-prev-icon {
+  filter: invert(1) grayscale(100);
+}
+
+.carousel-dark .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
+}
+
+.carousel-dark .carousel-indicators [data-bs-target] {
+  background-color: #000;
+}
+
+.offcanvas {
+  z-index: 1045;
+}
+
+.offcanvas-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+
+.offcanvas-backdrop.fade {
+  opacity: 0;
+}
+
+.offcanvas-backdrop.show {
+  opacity: 0.5;
+}
+
+.offcanvas.show {
+  transform: none;
+}
+
+.sticky-top {
+  position: sticky;
+  top: 0;
+  z-index: 1020;
+}
+
+.visually-hidden {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.vr {
+  display: inline-block;
+  align-self: stretch;
+  width: 1px;
+  min-height: 1em;
+  background-color: currentColor;
+  opacity: 0.25;
+}
+
+.animation {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  padding: auto;
+}
+
+.fade-in {
+  animation-name: _fade-in;
+}
+
+.fade-out {
+  animation-name: _fade-out;
+}
+
+.animation.infinite {
+  animation-iteration-count: infinite;
+}
+
+.animation.delay-1s {
+  animation-delay: 1s;
+}
+
+.animation.delay-2s {
+  animation-delay: 2s;
+}
+
+.animation.delay-3s {
+  animation-delay: 3s;
+}
+
+.animation.delay-4s {
+  animation-delay: 4s;
+}
+
+.animation.delay-5s {
+  animation-delay: 5s;
+}
+
+.animation.fast {
+  animation-duration: 800ms;
+}
+
+.animation.faster {
+  animation-duration: 500ms;
+}
+
+.animation.slow {
+  animation-duration: 2s;
+}
+
+.animation.slower {
+  animation-duration: 3s;
+}
+
+.slide-in-left {
+  animation-name: _slide-in-left;
+}
+
+.slide-in-right {
+  animation-name: _slide-in-right;
+}
+
+.slide-out-left {
+  animation-name: _slide-out-left;
+}
+
+.slide-out-right {
+  animation-name: _slide-out-right;
+}
+
+.ripple-surface {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+.ripple-surface-unbound {
+  overflow: visible;
+}
+
+.ripple-wave {
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
+  border-radius: 50%;
+  opacity: 0.5;
+  pointer-events: none;
+  position: absolute;
+  touch-action: none;
+  transform: scale(0);
+  transition-property: transform, opacity;
+  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
+  z-index: 999;
+}
+
+.ripple-wave.active {
+  transform: scale(1);
+  opacity: 0;
+}
+
+.btn .ripple-wave {
+  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
+}
+
+.ripple-surface-primary .ripple-wave {
+  background-image: radial-gradient(circle, rgba(18, 102, 241, 0.2) 0, rgba(18, 102, 241, 0.3) 40%, rgba(18, 102, 241, 0.4) 50%, rgba(18, 102, 241, 0.5) 60%, rgba(18, 102, 241, 0) 70%);
+}
+
+.ripple-surface-secondary .ripple-wave {
+  background-image: radial-gradient(circle, rgba(178, 60, 253, 0.2) 0, rgba(178, 60, 253, 0.3) 40%, rgba(178, 60, 253, 0.4) 50%, rgba(178, 60, 253, 0.5) 60%, rgba(178, 60, 253, 0) 70%);
+}
+
+.ripple-surface-success .ripple-wave {
+  background-image: radial-gradient(circle, rgba(0, 183, 74, 0.2) 0, rgba(0, 183, 74, 0.3) 40%, rgba(0, 183, 74, 0.4) 50%, rgba(0, 183, 74, 0.5) 60%, rgba(0, 183, 74, 0) 70%);
+}
+
+.ripple-surface-info .ripple-wave {
+  background-image: radial-gradient(circle, rgba(57, 192, 237, 0.2) 0, rgba(57, 192, 237, 0.3) 40%, rgba(57, 192, 237, 0.4) 50%, rgba(57, 192, 237, 0.5) 60%, rgba(57, 192, 237, 0) 70%);
+}
+
+.ripple-surface-warning .ripple-wave {
+  background-image: radial-gradient(circle, rgba(255, 169, 0, 0.2) 0, rgba(255, 169, 0, 0.3) 40%, rgba(255, 169, 0, 0.4) 50%, rgba(255, 169, 0, 0.5) 60%, rgba(255, 169, 0, 0) 70%);
+}
+
+.ripple-surface-danger .ripple-wave {
+  background-image: radial-gradient(circle, rgba(249, 49, 84, 0.2) 0, rgba(249, 49, 84, 0.3) 40%, rgba(249, 49, 84, 0.4) 50%, rgba(249, 49, 84, 0.5) 60%, rgba(249, 49, 84, 0) 70%);
+}
+
+.ripple-surface-light .ripple-wave {
+  background-image: radial-gradient(circle, hsla(0deg, 0%, 98.4%, 0.2) 0, hsla(0deg, 0%, 98.4%, 0.3) 40%, hsla(0deg, 0%, 98.4%, 0.4) 50%, hsla(0deg, 0%, 98.4%, 0.5) 60%, hsla(0deg, 0%, 98.4%, 0) 70%);
+}
+
+.ripple-surface-dark .ripple-wave {
+  background-image: radial-gradient(circle, rgba(38, 38, 38, 0.2) 0, rgba(38, 38, 38, 0.3) 40%, rgba(38, 38, 38, 0.4) 50%, rgba(38, 38, 38, 0.5) 60%, rgba(38, 38, 38, 0) 70%);
+}
+
+.ripple-surface-white .ripple-wave {
+  background-image: radial-gradient(circle, hsla(0deg, 0%, 100%, 0.2) 0, hsla(0deg, 0%, 100%, 0.3) 40%, hsla(0deg, 0%, 100%, 0.4) 50%, hsla(0deg, 0%, 100%, 0.5) 60%, hsla(0deg, 0%, 100%, 0) 70%);
+}
+
+.ripple-surface-black .ripple-wave {
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
+}
+
+.datepicker-toggle-button {
+  position: absolute;
+  outline: none;
+  border: none;
+  background-color: transparent;
+  right: 10px;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.datepicker-toggle-button:focus {
+  color: #2979ff;
+}
+
+.datepicker-toggle-button:hover {
+  color: #2979ff;
+}
+
+.datepicker-backdrop {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 1065;
+}
+
+.datepicker-dropdown-container {
+  width: 328px;
+  height: 380px;
+  background-color: #fff;
+  border-radius: 0.5rem;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  z-index: 1066;
+}
+
+.datepicker-modal-container {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 328px;
+  height: 512px;
+  background-color: #fff;
+  border-radius: 0.6rem 0.6rem 0.5rem 0.5rem;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  z-index: 1066;
+}
+
+.datepicker-header {
+  height: 120px;
+  padding-right: 24px;
+  padding-left: 24px;
+  background-color: #2979ff;
+  display: flex;
+  flex-direction: column;
+  border-radius: 0.5rem 0.5rem 0 0;
+}
+
+.datepicker-title {
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.datepicker-title-text {
+  font-size: 10px;
+  font-weight: 400;
+  -webkit-text-transform: uppercase;
+  text-transform: uppercase;
+  letter-spacing: 1.7px;
+  color: #fff;
+}
+
+.datepicker-date {
+  height: 72px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+
+.datepicker-date-text {
+  font-size: 34px;
+  font-weight: 400;
+  color: #fff;
+}
+
+.datepicker-main {
+  position: relative;
+  height: 100%;
+}
+
+.datepicker-date-controls {
+  padding: 10px 12px 0 12px;
+  display: flex;
+  justify-content: space-between;
+  color: rgba(0, 0, 0, 0.64);
+}
+
+.datepicker-view-change-button {
+  padding: 10px;
+  color: #666;
+  font-weight: 500;
+  font-size: 0.9rem;
+  border-radius: 10px;
+  box-shadow: none;
+  background-color: transparent;
+  margin: 0;
+  border: none;
+}
+
+.datepicker-view-change-button:hover {
+  background-color: #eee;
+}
+
+.datepicker-view-change-button:focus {
+  background-color: #eee;
+}
+
+.datepicker-view-change-button:after {
+  content: "";
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top-width: 5px;
+  border-top-style: solid;
+  margin: 0 0 0 5px;
+  vertical-align: middle;
+}
+
+.datepicker-arrow-controls {
+  margin-top: 10px;
+}
+
+.datepicker-previous-button {
+  position: relative;
+  padding: 0;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border: none;
+  outline: none;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.64);
+  background-color: transparent;
+  margin-right: 24px;
+}
+
+.datepicker-previous-button:hover {
+  background-color: #eee;
+  border-radius: 50%;
+}
+
+.datepicker-previous-button:focus {
+  background-color: #eee;
+  border-radius: 50%;
+}
+
+.datepicker-previous-button::after {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  content: "";
+  margin: 15.5px;
+  border: 0 solid currentColor;
+  border-top-width: 2px;
+  border-left-width: 2px;
+  transform: translateX(2px) rotate(-45deg);
+}
+
+.datepicker-next-button {
+  position: relative;
+  padding: 0;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border: none;
+  outline: none;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.64);
+  background-color: transparent;
+}
+
+.datepicker-next-button:hover {
+  background-color: #eee;
+  border-radius: 50%;
+}
+
+.datepicker-next-button:focus {
+  background-color: #eee;
+  border-radius: 50%;
+}
+
+.datepicker-next-button::after {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  content: "";
+  margin: 15.5px;
+  border: 0 solid currentColor;
+  border-top-width: 2px;
+  border-right-width: 2px;
+  transform: translateX(-2px) rotate(45deg);
+}
+
+.datepicker-view {
+  padding-left: 12px;
+  padding-right: 12px;
+  outline: none;
+}
+
+.datepicker-table {
+  margin-right: auto;
+  margin-left: auto;
+  width: 304px;
+}
+
+.datepicker-day-heading {
+  width: 40px;
+  height: 40px;
+  -webkit-text-align: center;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.datepicker-cell {
+  -webkit-text-align: center;
+  text-align: center;
+}
+
+.datepicker-cell.disabled {
+  color: #ccc;
+  cursor: default;
+  pointer-events: none;
+}
+
+.datepicker-cell.disabled:hover {
+  cursor: default;
+}
+
+.datepicker-cell:hover {
+  cursor: pointer;
+}
+
+.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content {
+  background-color: #d3d3d3;
+}
+
+.datepicker-cell.selected .datepicker-cell-content {
+  background-color: #2979ff;
+  color: #fff;
+}
+
+.datepicker-cell:not(.selected).focused .datepicker-cell-content {
+  background-color: #eee;
+}
+
+.datepicker-cell.focused .datepicker-cell-content.selected {
+  background-color: #2979ff;
+}
+
+.datepicker-cell.current .datepicker-cell-content {
+  border: 1px solid #000;
+}
+
+.datepicker-small-cell {
+  width: 40px;
+  height: 40px;
+}
+
+.datepicker-small-cell-content {
+  width: 36px;
+  height: 36px;
+  line-height: 36px;
+  border-radius: 50%;
+  font-size: 13px;
+}
+
+.datepicker-large-cell {
+  width: 76px;
+  height: 42px;
+}
+
+.datepicker-large-cell-content {
+  width: 72px;
+  height: 40px;
+  line-height: 40px;
+  padding: 1px 2px;
+  border-radius: 999px;
+}
+
+.datepicker-footer {
+  height: 56px;
+  display: flex;
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  justify-content: flex-end;
+  align-items: center;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.datepicker-footer-btn {
+  background-color: #fff;
+  color: #2979ff;
+  border: none;
+  cursor: pointer;
+  padding: 0 10px;
+  -webkit-text-transform: uppercase;
+  text-transform: uppercase;
+  font-size: 0.8rem;
+  font-weight: 500;
+  height: 40px;
+  line-height: 40px;
+  letter-spacing: 0.1rem;
+  border-radius: 10px;
+  margin-bottom: 10px;
+}
+
+.datepicker-footer-btn:hover {
+  background-color: #eee;
+}
+
+.datepicker-footer-btn:focus {
+  background-color: #eee;
+}
+
+.datepicker-clear-btn {
+  margin-right: auto;
+}
+
+.timepicker-wrapper {
+  touch-action: none;
+  z-index: 1065;
+  opacity: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.timepicker-elements {
+  min-width: 310px;
+  min-height: 325px;
+  background: #fff;
+  border-top-right-radius: 0.6rem;
+  border-top-left-radius: 0.6rem;
+}
+
+.timepicker-head {
+  background-color: #2979ff;
+  height: 100px;
+  border-top-right-radius: 0.5rem;
+  border-top-left-radius: 0.5rem;
+  padding: 10px 24px 10px 50px;
+}
+
+.timepicker-button {
+  font-size: 0.8rem;
+  min-width: 64px;
+  box-sizing: border-box;
+  font-weight: 500;
+  line-height: 40px;
+  border-radius: 10px;
+  letter-spacing: 0.1rem;
+  -webkit-text-transform: uppercase;
+  text-transform: uppercase;
+  color: #2979ff;
+  border: none;
+  background-color: transparent;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  outline: none;
+  padding: 0 10px;
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.timepicker-button:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
+.timepicker-button:focus {
+  outline: none;
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
+.timepicker-current {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 1.2;
+  letter-spacing: -0.00833em;
+  color: #fff;
+  opacity: 0.54;
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+
+.timepicker-current.active {
+  opacity: 1;
+}
+
+.timepicker-current-wrapper {
+  direction: ltr;
+}
+
+.timepicker-mode-wrapper {
+  margin-left: 20px;
+  font-size: 18px;
+  color: rgba(255, 255, 255, 0.54);
+}
+
+.timepicker-mode-wrapper.active {
+  opacity: 1;
+}
+
+.timepicker-clock-wrapper {
+  min-width: 310px;
+  max-width: 325px;
+  min-height: 305px;
+  overflow-x: hidden;
+  height: 100%;
+}
+
+.timepicker-clock {
+  position: relative;
+  border-radius: 100%;
+  width: 260px;
+  height: 260px;
+  cursor: default;
+  margin: 0 auto;
+  background-color: rgba(0, 0, 0, 0.07);
+}
+
+.timepicker-time-tips-minutes.active {
+  color: #fff;
+  background-color: #2979ff;
+  font-weight: 400;
+}
+
+.timepicker-time-tips-inner.active {
+  color: #fff;
+  background-color: #2979ff;
+  font-weight: 400;
+}
+
+.timepicker-time-tips-hours.active {
+  color: #fff;
+  background-color: #2979ff;
+  font-weight: 400;
+}
+
+.timepicker-time-tips-minutes.disabled {
+  color: #b3afaf;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.timepicker-time-tips-inner.disabled {
+  color: #b3afaf;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.timepicker-time-tips-hours.disabled {
+  color: #b3afaf;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.timepicker-dot {
+  font-weight: 300;
+  line-height: 1.2;
+  letter-spacing: -0.00833em;
+  color: #fff;
+  font-size: 3.75rem;
+  opacity: 0.54;
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+
+.timepicker-middle-dot {
+  top: 50%;
+  left: 50%;
+  width: 6px;
+  height: 6px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: #2979ff;
+}
+
+.timepicker-hand-pointer {
+  background-color: #2979ff;
+  bottom: 50%;
+  height: 40%;
+  left: calc(50% - 1px);
+  transform-origin: center bottom 0;
+  width: 2px;
+}
+
+.timepicker-time-tips.active {
+  color: #fff;
+}
+
+.timepicker-circle {
+  top: -21px;
+  left: -15px;
+  width: 4px;
+  border: 14px solid #2979ff;
+  height: 4px;
+  box-sizing: content-box;
+  border-radius: 100%;
+}
+
+.timepicker-hour-mode {
+  padding: 0;
+  background-color: transparent;
+  border: none;
+  color: #fff;
+  opacity: 0.54;
+  cursor: pointer;
+}
+
+.timepicker-hour {
+  cursor: pointer;
+}
+
+.timepicker-minute {
+  cursor: pointer;
+}
+
+.timepicker-hour-mode:hover {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-hour-mode:focus {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-hour:hover {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-hour:focus {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-minute:hover {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-minute:focus {
+  background-color: rgba(0, 0, 0, 0.15);
+  outline: none;
+}
+
+.timepicker-hour-mode.active {
+  color: #fff;
+  opacity: 1;
+}
+
+.timepicker-hour.active {
+  color: #fff;
+  opacity: 1;
+}
+
+.timepicker-minute.active {
+  color: #fff;
+  opacity: 1;
+}
+
+.timepicker-footer {
+  border-bottom-left-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 56px;
+  padding-left: 12px;
+  padding-right: 12px;
+  background-color: #fff;
+}
+
+.timepicker-container {
+  max-height: calc(100% - 64px);
+  overflow-y: auto;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.timepicker-icon-up.active {
+  opacity: 1;
+}
+
+.timepicker-icon-down.active {
+  opacity: 1;
+}
+
+.timepicker-toggle-button {
+  position: absolute;
+  outline: none;
+  border: none;
+  background-color: transparent;
+  right: 10px;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.timepicker-toggle-button:hover {
+  color: #2979ff;
+}
+
+.timepicker-toggle-button:focus {
+  color: #2979ff;
+}
+
+.timepicker-input:focus + .timepicker-toggle-button {
+  color: #2979ff;
+}
+
+.timepicker-input:focus + .timepicker-toggle-button i {
+  color: #2979ff;
+}
+
+.timepicker a.timepicker-toggle-button {
+  right: 1px;
+}
+
+.timepicker-toggle-button.timepicker-icon {
+  right: 1px;
+}
+
+.timepicker-modal .fade.show {
+  opacity: 1;
+}
+
+.stepper {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  list-style: none;
+  overflow: hidden;
+  transition: height 0.2s ease-in-out;
+}
+
+.stepper:not(.stepper-vertical) {
+  display: flex;
+  justify-content: space-between;
+}
+
+.stepper:not(.stepper-vertical) .stepper-content {
+  position: absolute;
+  width: 100%;
+  padding: 1rem;
+}
+
+.stepper:not(.stepper-vertical) .stepper-step {
+  flex: auto;
+  height: 4.5rem;
+}
+
+.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head {
+  padding-left: 1.5rem;
+}
+
+.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head {
+  padding-right: 1.5rem;
+}
+
+.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before {
+  flex: 1;
+  height: 1px;
+  width: 100%;
+  margin-right: 0.5rem;
+  content: "";
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after {
+  flex: 1;
+  height: 1px;
+  width: 100%;
+  margin-left: 0.5rem;
+  content: "";
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.stepper:not(.stepper-vertical) .stepper-head-icon {
+  margin: 1.5rem 0.5rem 1.5rem 0;
+}
+
+.stepper.stepper-mobile {
+  justify-content: center;
+  align-items: flex-end;
+}
+
+.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon {
+  display: none;
+}
+
+.stepper.stepper-mobile .stepper-step {
+  flex: unset;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin: 1rem 0 1rem 0;
+}
+
+.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after {
+  margin-left: 0;
+}
+
+.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before {
+  margin-right: 0;
+}
+
+.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.stepper.stepper-mobile .stepper-head-icon {
+  font-size: 0;
+  margin: 0;
+  height: 0.5rem;
+  width: 0.5rem;
+  z-index: 1;
+}
+
+.stepper.stepper-mobile .stepper-head-text {
+  display: none;
+}
+
+.stepper.stepper-mobile .stepper-content {
+  top: 2.56rem;
+}
+
+.collapse {
+  visibility: visible !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control::file-selector-button {
+    transition: none;
+  }
+
+  .form-control::-webkit-file-upload-button {
+    -webkit-transition: none;
+    transition: none;
+  }
+
+  .form-switch .form-check-input {
+    transition: none;
+  }
+
+  .form-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
+  }
+
+  .form-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
+  }
+
+  .form-floating > label {
+    transition: none;
+  }
+
+  .fade {
+    transition: none;
+  }
+
+  .collapsing {
+    transition: none;
+  }
+
+  .collapsing.collapse-horizontal {
+    transition: none;
+  }
+
+  .accordion-button::after {
+    transition: none;
+  }
+
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+
+  .carousel-item {
+    transition: none;
+  }
+
+  .carousel-fade .active.carousel-item-start {
+    transition: none;
+  }
+
+  .carousel-fade .active.carousel-item-end {
+    transition: none;
+  }
+
+  .carousel-control-prev {
+    transition: none;
+  }
+
+  .carousel-control-next {
+    transition: none;
+  }
+
+  .carousel-indicators [data-bs-target] {
+    transition: none;
+  }
+
+  .spinner-border {
+    animation-duration: 1.5s;
+  }
+
+  .spinner-grow {
+    animation-duration: 1.5s;
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-sm .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-sm .navbar-collapse {
+    display: flex !important;
+    -ms-flex-basis: auto;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+
+  .navbar-expand-sm .offcanvas-header {
+    display: none;
+  }
+
+  .navbar-expand-sm .offcanvas {
+    position: inherit;
+    bottom: 0;
+    z-index: 1000;
+    -ms-flex-grow: 1;
+    flex-grow: 1;
+    visibility: visible !important;
+    background-color: transparent;
+    border-right: 0;
+    border-left: 0;
+    transition: none;
+    transform: none;
+  }
+
+  .navbar-expand-sm .offcanvas-top {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-sm .offcanvas-bottom {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-sm .offcanvas-body {
+    display: flex;
+    -ms-flex-grow: 0;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+
+  .modal-dialog-scrollable {
+    height: calc(100% - 3.5rem);
+  }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - 3.5rem);
+  }
+
+  .modal-sm {
+    max-width: 300px;
+  }
+
+  .sticky-sm-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-md .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-md .navbar-collapse {
+    display: flex !important;
+    -ms-flex-basis: auto;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+
+  .navbar-expand-md .offcanvas-header {
+    display: none;
+  }
+
+  .navbar-expand-md .offcanvas {
+    position: inherit;
+    bottom: 0;
+    z-index: 1000;
+    -ms-flex-grow: 1;
+    flex-grow: 1;
+    visibility: visible !important;
+    background-color: transparent;
+    border-right: 0;
+    border-left: 0;
+    transition: none;
+    transform: none;
+  }
+
+  .navbar-expand-md .offcanvas-top {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-md .offcanvas-bottom {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-md .offcanvas-body {
+    display: flex;
+    -ms-flex-grow: 0;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+
+  .sticky-md-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-lg .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-lg .navbar-collapse {
+    display: flex !important;
+    -ms-flex-basis: auto;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+
+  .navbar-expand-lg .offcanvas-header {
+    display: none;
+  }
+
+  .navbar-expand-lg .offcanvas {
+    position: inherit;
+    bottom: 0;
+    z-index: 1000;
+    -ms-flex-grow: 1;
+    flex-grow: 1;
+    visibility: visible !important;
+    background-color: transparent;
+    border-right: 0;
+    border-left: 0;
+    transition: none;
+    transform: none;
+  }
+
+  .navbar-expand-lg .offcanvas-top {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-lg .offcanvas-bottom {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-lg .offcanvas-body {
+    display: flex;
+    -ms-flex-grow: 0;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+
+  .modal-lg {
+    max-width: 800px;
+  }
+
+  .modal-xl {
+    max-width: 800px;
+  }
+
+  .sticky-lg-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-xl .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-xl .navbar-collapse {
+    display: flex !important;
+    -ms-flex-basis: auto;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+
+  .navbar-expand-xl .offcanvas-header {
+    display: none;
+  }
+
+  .navbar-expand-xl .offcanvas {
+    position: inherit;
+    bottom: 0;
+    z-index: 1000;
+    -ms-flex-grow: 1;
+    flex-grow: 1;
+    visibility: visible !important;
+    background-color: transparent;
+    border-right: 0;
+    border-left: 0;
+    transition: none;
+    transform: none;
+  }
+
+  .navbar-expand-xl .offcanvas-top {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-xl .offcanvas-bottom {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-xl .offcanvas-body {
+    display: flex;
+    -ms-flex-grow: 0;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+
+  .modal-xl {
+    max-width: 1140px;
+  }
+
+  .sticky-xl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (min-width: 1400px) {
+  .navbar-expand-xxl {
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-xxl .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-xxl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-xxl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-xxl .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-xxl .navbar-collapse {
+    display: flex !important;
+    -ms-flex-basis: auto;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-xxl .navbar-toggler {
+    display: none;
+  }
+
+  .navbar-expand-xxl .offcanvas-header {
+    display: none;
+  }
+
+  .navbar-expand-xxl .offcanvas {
+    position: inherit;
+    bottom: 0;
+    z-index: 1000;
+    -ms-flex-grow: 1;
+    flex-grow: 1;
+    visibility: visible !important;
+    background-color: transparent;
+    border-right: 0;
+    border-left: 0;
+    transition: none;
+    transform: none;
+  }
+
+  .navbar-expand-xxl .offcanvas-top {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-xxl .offcanvas-bottom {
+    height: auto;
+    border-top: 0;
+    border-bottom: 0;
+  }
+
+  .navbar-expand-xxl .offcanvas-body {
+    display: flex;
+    -ms-flex-grow: 0;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible;
+  }
+
+  .sticky-xxl-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .modal-fullscreen-sm-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-sm-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-sm-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .modal-fullscreen-md-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-md-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-md-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .modal-fullscreen-lg-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-lg-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-lg-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .modal-fullscreen-xl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xl-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-xl-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 1399.98px) {
+  .modal-fullscreen-xxl-down {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-header {
+    border-radius: 0;
+  }
+
+  .modal-fullscreen-xxl-down .modal-body {
+    overflow-y: auto;
+  }
+
+  .modal-fullscreen-xxl-down .modal-footer {
+    border-radius: 0;
+  }
+}
+
+@media (prefers-reduced-motion) {
+  .animation {
+    transition: none !important;
+    animation: unset !important;
+  }
+}
+
+@media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
+  .datepicker-modal-container .datepicker-header {
+    height: 100%;
+  }
+
+  .datepicker-modal-container .datepicker-date {
+    margin-top: 100px;
+  }
+
+  .datepicker-modal-container .datepicker-day-cell {
+    width: 32x;
+    height: 32x;
+  }
+
+  .datepicker-modal-container {
+    flex-direction: row;
+    width: 475px;
+    height: 360px;
+  }
+
+  .datepicker-modal-container.datepicker-day-cell {
+    width: 36px;
+    height: 36px;
+  }
+}
+
+@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
+  .timepicker-elements {
+    flex-direction: row !important;
+    border-bottom-left-radius: 0.5rem;
+    min-width: auto;
+    min-height: auto;
+    overflow-y: auto;
+  }
+
+  .timepicker-head {
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 0;
+    padding: 10px;
+    padding-right: 10px !important;
+    height: auto;
+    min-height: 305px;
+  }
+
+  .timepicker-head-content {
+    flex-direction: column;
+  }
+
+  .timepicker-mode-wrapper {
+    justify-content: space-around !important;
+    flex-direction: row !important;
+  }
+
+  .timepicker-current {
+    font-size: 3rem;
+    font-weight: 400;
+  }
+
+  .timepicker-dot {
+    font-size: 3rem;
+    font-weight: 400;
+  }
+}
+
+@keyframes _spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@keyframes _fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes _fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes _fade-in-down {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _fade-in-left {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _fade-in-right {
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _fade-in-up {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _fade-out-down {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes _fade-out-left {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes _fade-out-right {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes _fade-out-up {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes _slide-in-down {
+  from {
+    visibility: visible;
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _slide-in-left {
+  from {
+    visibility: visible;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _slide-in-right {
+  from {
+    visibility: visible;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _slide-in-up {
+  from {
+    visibility: visible;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes _slide-out-down {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes _slide-out-left {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes _slide-out-right {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes _slide-out-up {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes _slide-down {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes _slide-left {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes _slide-right {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes _slide-up {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes _zoom-in {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes _zoom-out {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes _tada {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  10% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  20% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  50% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  70% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes _pulse {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes _show-up-clock {
+  0% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
 }
 
 .sr-only {
@@ -1251,10 +4200,6 @@ select {
   pointer-events: auto;
 }
 
-.\!visible {
-  visibility: visible !important;
-}
-
 .visible {
   visibility: visible;
 }
@@ -1299,112 +4244,32 @@ select {
   right: 0px;
 }
 
-.\!left-auto {
-  left: auto !important;
-}
-
-.\!top-auto {
-  top: auto !important;
-}
-
-.-bottom-\[47px\] {
-  bottom: -47px;
-}
-
-.-left-\[15px\] {
-  left: -15px;
-}
-
-.-top-\[21px\] {
-  top: -21px;
-}
-
-.-top-\[35px\] {
-  top: -35px;
+.top-\[100vh\] {
+  top: 100vh;
 }
 
 .bottom-0 {
   bottom: 0px;
 }
 
-.bottom-1\/2 {
-  bottom: 50%;
-}
-
-.bottom-\[2px\] {
-  bottom: 2px;
-}
-
-.left-0 {
-  left: 0px;
-}
-
-.left-1\/2 {
-  left: 50%;
-}
-
-.left-3 {
-  left: 0.75rem;
-}
-
-.left-\[calc\(50\%-1px\)\] {
-  left: calc(50% - 1px);
-}
-
-.right-0 {
-  right: 0px;
-}
-
-.right-2 {
-  right: 0.5rem;
-}
-
-.right-2\.5 {
-  right: 0.625rem;
-}
-
-.right-7 {
-  right: 1.75rem;
-}
-
-.right-\[2px\] {
-  right: 2px;
-}
-
-.top-0 {
-  top: 0px;
-}
-
-.top-1 {
-  top: 0.25rem;
-}
-
-.top-1\/2 {
-  top: 50%;
-}
-
-.top-2 {
-  top: 0.5rem;
+.top-\[calc\(100vh-5\.5rem\)\] {
+  top: calc(100vh - 5.5rem);
 }
 
 .top-20 {
   top: 5rem;
 }
 
-.top-\[100vh\] {
-  top: 100vh;
+.right-0 {
+  right: 0px;
 }
 
-.top-\[11px\] {
-  top: 11px;
+.left-0 {
+  left: 0px;
 }
 
-.top-\[13px\] {
-  top: 13px;
-}
-
-.top-\[calc\(100vh-5\.5rem\)\] {
-  top: calc(100vh - 5.5rem);
+.top-0 {
+  top: 0px;
 }
 
 .z-10 {
@@ -1415,77 +4280,35 @@ select {
   z-index: 30;
 }
 
-.z-50 {
-  z-index: 50;
-}
-
-.z-\[1040\] {
-  z-index: 1040;
-}
-
-.z-\[1065\] {
-  z-index: 1065;
-}
-
-.z-\[1066\] {
-  z-index: 1066;
-}
-
-.z-\[1070\] {
-  z-index: 1070;
-}
-
-.z-\[1080\] {
-  z-index: 1080;
-}
-
-.z-\[999\] {
-  z-index: 999;
-}
-
 .order-first {
   order: -9999;
 }
 
-.float-right {
-  float: right;
-}
-
 .float-left {
   float: left;
 }
 
-.m-0 {
-  margin: 0px;
+.m-auto {
+  margin: auto;
 }
 
 .m-1 {
   margin: 0.25rem;
 }
 
+.m-0 {
+  margin: 0px;
+}
+
 .m-2 {
   margin: 0.5rem;
 }
 
-.m-auto {
-  margin: auto;
-}
-
-.\!my-0 {
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-}
-
 .-mx-2 {
   margin-left: -0.5rem;
   margin-right: -0.5rem;
 }
 
-.-my-2 {
-  margin-top: -0.5rem;
-  margin-bottom: -0.5rem;
-}
-
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1501,214 +4324,166 @@ select {
   margin-bottom: 0px;
 }
 
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+
 .my-3 {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
 
-.my-\[5px\] {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.\!mb-0 {
-  margin-bottom: 0px !important;
-}
-
-.\!mb-9 {
-  margin-bottom: 2.25rem !important;
-}
-
-.\!mt-0 {
-  margin-top: 0px !important;
-}
-
-.-mb-1 {
-  margin-bottom: -0.25rem;
-}
-
-.-ml-12 {
-  margin-left: -3rem;
-}
-
-.-mr-2 {
-  margin-right: -0.5rem;
-}
-
-.-mr-48 {
-  margin-right: -12rem;
-}
-
-.-mt-3 {
-  margin-top: -0.75rem;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
-.mb-12 {
-  margin-bottom: 3rem;
-}
-
-.mb-16 {
-  margin-bottom: 4rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.mb-2\.5 {
-  margin-bottom: 0.625rem;
-}
-
 .mb-3 {
   margin-bottom: 0.75rem;
 }
 
-.mb-5 {
-  margin-bottom: 1.25rem;
+.mt-8 {
+  margin-top: 2rem;
 }
 
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.mb-\[10px\] {
-  margin-bottom: 10px;
-}
-
-.mb-\[2px\] {
-  margin-bottom: 2px;
-}
-
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
-.ml-3 {
-  margin-left: 0.75rem;
-}
-
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
-.ml-\[30px\] {
-  margin-left: 30px;
-}
-
-.ml-\[3px\] {
-  margin-left: 3px;
-}
-
-.ml-auto {
-  margin-left: auto;
-}
-
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
-.mr-2 {
-  margin-right: 0.5rem;
-}
-
-.mr-3 {
-  margin-right: 0.75rem;
-}
-
-.mr-4 {
-  margin-right: 1rem;
-}
-
-.mr-5 {
-  margin-right: 1.25rem;
-}
-
-.mr-6 {
-  margin-right: 1.5rem;
-}
-
-.mr-auto {
-  margin-right: auto;
-}
-
-.mt-0 {
-  margin-top: 0px;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-10 {
-  margin-top: 2.5rem;
-}
-
-.mt-12 {
-  margin-top: 3rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-2\.5 {
-  margin-top: 0.625rem;
-}
-
-.mt-20 {
-  margin-top: 5rem;
-}
-
-.mt-3 {
-  margin-top: 0.75rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
+.mb-12 {
+  margin-bottom: 3rem;
 }
 
 .mt-5 {
   margin-top: 1.25rem;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .mt-6 {
   margin-top: 1.5rem;
 }
 
-.mt-8 {
-  margin-top: 2rem;
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.mr-3 {
+  margin-right: 0.75rem;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
 }
 
 .mt-\[0\.1rem\] {
   margin-top: 0.1rem;
 }
 
-.mt-\[3px\] {
-  margin-top: 3px;
+.mt-4 {
+  margin-top: 1rem;
 }
 
-.box-border {
-  box-sizing: border-box;
+.\!mt-0 {
+  margin-top: 0px !important;
 }
 
-.box-content {
-  box-sizing: content-box;
+.\!mb-0 {
+  margin-bottom: 0px !important;
 }
 
-.\!block {
-  display: block !important;
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
+.-mb-1 {
+  margin-bottom: -0.25rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mr-5 {
+  margin-right: 1.25rem;
+}
+
+.\!mb-9 {
+  margin-bottom: 2.25rem !important;
+}
+
+.mt-20 {
+  margin-top: 5rem;
+}
+
+.-ml-12 {
+  margin-left: -3rem;
+}
+
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.-mr-2 {
+  margin-right: -0.5rem;
+}
+
+.ml-auto {
+  margin-left: auto;
+}
+
+.mr-auto {
+  margin-right: auto;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.-mr-48 {
+  margin-right: -12rem;
+}
+
+.mb-\[2px\] {
+  margin-bottom: 2px;
 }
 
 .block {
@@ -1739,174 +4514,58 @@ select {
   display: none;
 }
 
-.\!h-0 {
-  height: 0px !important;
-}
-
-.h-0 {
-  height: 0px;
-}
-
-.h-1 {
-  height: 0.25rem;
-}
-
-.h-1\.5 {
-  height: 0.375rem;
-}
-
-.h-1\/2 {
-  height: 50%;
-}
-
-.h-10 {
-  height: 2.5rem;
-}
-
-.h-12 {
-  height: 3rem;
-}
-
-.h-14 {
-  height: 3.5rem;
-}
-
-.h-2\/5 {
-  height: 40%;
+.h-screen {
+  height: 100vh;
 }
 
 .h-24 {
   height: 6rem;
 }
 
-.h-3 {
-  height: 0.75rem;
-}
-
-.h-36 {
-  height: 9rem;
-}
-
-.h-4 {
-  height: 1rem;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
-.h-5 {
-  height: 1.25rem;
-}
-
-.h-6 {
-  height: 1.5rem;
-}
-
-.h-7 {
-  height: 1.75rem;
+.h-12 {
+  height: 3rem;
 }
 
 .h-8 {
   height: 2rem;
 }
 
-.h-9 {
-  height: 2.25rem;
-}
-
-.h-\[1000px\] {
-  height: 1000px;
-}
-
-.h-\[100px\] {
-  height: 100px;
-}
-
-.h-\[120px\] {
-  height: 120px;
-}
-
-.h-\[150px\] {
-  height: 150px;
-}
-
-.h-\[15px\] {
-  height: 15px;
-}
-
-.h-\[160px\] {
-  height: 160px;
-}
-
-.h-\[260px\] {
-  height: 260px;
-}
-
-.h-\[30px\] {
-  height: 30px;
-}
-
-.h-\[32px\] {
-  height: 32px;
-}
-
-.h-\[40px\] {
-  height: 40px;
-}
-
-.h-\[42px\] {
-  height: 42px;
-}
-
-.h-\[48px\] {
-  height: 48px;
-}
-
-.h-\[4px\] {
-  height: 4px;
-}
-
-.h-\[512px\] {
-  height: 512px;
-}
-
-.h-\[56px\] {
-  height: 56px;
-}
-
-.h-\[6px\] {
-  height: 6px;
-}
-
-.h-\[72px\] {
-  height: 72px;
-}
-
-.h-\[800px\] {
-  height: 800px;
-}
-
-.h-auto {
-  height: auto;
+.h-3 {
+  height: 0.75rem;
 }
 
 .h-full {
   height: 100%;
 }
 
-.h-screen {
-  height: 100vh;
+.h-\[150px\] {
+  height: 150px;
+}
+
+.h-\[800px\] {
+  height: 800px;
+}
+
+.h-36 {
+  height: 9rem;
+}
+
+.h-1\/2 {
+  height: 50%;
+}
+
+.h-\[1000px\] {
+  height: 1000px;
+}
+
+.h-48 {
+  height: 12rem;
 }
 
 .max-h-\[5rem\] {
   max-height: 5rem;
 }
 
-.max-h-\[calc\(100\%-64px\)\] {
-  max-height: calc(100% - 64px);
-}
-
 .min-h-0 {
   min-height: 0px;
 }
@@ -1915,134 +4574,6 @@ select {
   min-height: 148px;
 }
 
-.min-h-\[305px\] {
-  min-height: 305px;
-}
-
-.min-h-\[325px\] {
-  min-height: 325px;
-}
-
-.min-h-\[auto\] {
-  min-height: auto;
-}
-
-.w-0 {
-  width: 0px;
-}
-
-.w-1 {
-  width: 0.25rem;
-}
-
-.w-1\.5 {
-  width: 0.375rem;
-}
-
-.w-10 {
-  width: 2.5rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
-.w-2 {
-  width: 0.5rem;
-}
-
-.w-24 {
-  width: 6rem;
-}
-
-.w-3 {
-  width: 0.75rem;
-}
-
-.w-36 {
-  width: 9rem;
-}
-
-.w-4 {
-  width: 1rem;
-}
-
-.w-5 {
-  width: 1.25rem;
-}
-
-.w-6 {
-  width: 1.5rem;
-}
-
-.w-7 {
-  width: 1.75rem;
-}
-
-.w-8 {
-  width: 2rem;
-}
-
-.w-9 {
-  width: 2.25rem;
-}
-
-.w-\[150px\] {
-  width: 150px;
-}
-
-.w-\[15px\] {
-  width: 15px;
-}
-
-.w-\[160px\] {
-  width: 160px;
-}
-
-.w-\[260px\] {
-  width: 260px;
-}
-
-.w-\[2px\] {
-  width: 2px;
-}
-
-.w-\[304px\] {
-  width: 304px;
-}
-
-.w-\[30px\] {
-  width: 30px;
-}
-
-.w-\[328px\] {
-  width: 328px;
-}
-
-.w-\[32px\] {
-  width: 32px;
-}
-
-.w-\[4px\] {
-  width: 4px;
-}
-
-.w-\[6px\] {
-  width: 6px;
-}
-
-.w-\[72px\] {
-  width: 72px;
-}
-
-.w-\[76px\] {
-  width: 76px;
-}
-
-.w-auto {
-  width: auto;
-}
-
 .w-full {
   width: 100%;
 }
@@ -2051,6 +4582,30 @@ select {
   width: 100vw;
 }
 
+.w-24 {
+  width: 6rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-36 {
+  width: 9rem;
+}
+
 .min-w-0 {
   min-width: 0px;
 }
@@ -2059,10 +4614,6 @@ select {
   min-width: 1.8rem;
 }
 
-.min-w-\[100px\] {
-  min-width: 100px;
-}
-
 .min-w-\[220px\] {
   min-width: 220px;
 }
@@ -2071,67 +4622,14 @@ select {
   min-width: 30px;
 }
 
-.min-w-\[310px\] {
-  min-width: 310px;
-}
-
-.min-w-\[48px\] {
-  min-width: 48px;
-}
-
-.min-w-\[64px\] {
-  min-width: 64px;
-}
-
 .min-w-full {
   min-width: 100%;
 }
 
-.max-w-3xl {
-  max-width: 48rem;
-}
-
 .max-w-7xl {
   max-width: 80rem;
 }
 
-.max-w-\[1600px\] {
-  max-width: 1600px;
-}
-
-.max-w-\[200px\] {
-  max-width: 200px;
-}
-
-.max-w-\[267px\] {
-  max-width: 267px;
-}
-
-.max-w-\[325px\] {
-  max-width: 325px;
-}
-
-.max-w-\[5rem\] {
-  max-width: 5rem;
-}
-
-.max-w-\[64rem\] {
-  max-width: 64rem;
-}
-
-.max-w-\[90\%\] {
-  max-width: 90%;
-}
-
-.max-w-\[calc\(100\%-1rem\)\] {
-  max-width: calc(100% - 1rem);
-}
-
-.max-w-fit {
-  max-width: -moz-fit-content;
-  max-width: fit-content;
-}
-
 .max-w-full {
   max-width: 100%;
 }
@@ -2140,218 +4638,56 @@ select {
   max-width: 65ch;
 }
 
+.max-w-\[1600px\] {
+  max-width: 1600px;
+}
+
+.max-w-3xl {
+  max-width: 48rem;
+}
+
+.max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
+.max-w-\[5rem\] {
+  max-width: 5rem;
+}
+
+.max-w-\[64rem\] {
+  max-width: 64rem;
+}
+
 .max-w-xl {
   max-width: 36rem;
 }
 
-.flex-1 {
-  flex: 1 1 0%;
-}
-
-.flex-auto {
-  flex: 1 1 auto;
-}
-
 .flex-none {
   flex: none;
 }
 
-.shrink-0 {
-  flex-shrink: 0;
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
 }
 
 .grow {
   flex-grow: 1;
 }
 
-.grow-0 {
-  flex-grow: 0;
-}
-
-.basis-auto {
-  flex-basis: auto;
-}
-
-.origin-\[0_0\] {
-  transform-origin: 0 0;
-}
-
-.origin-\[center_bottom_0\] {
-  transform-origin: center bottom 0;
-}
-
-.-translate-x-1\/2 {
-  --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-\[150\%\] {
-  --tw-translate-x: -150%;
-  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-full {
-  --tw-translate-x: -100%;
-  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-1\/2 {
-  --tw-translate-y: -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-y-8 {
   --tw-translate-y: -2rem;
   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%;
-  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-full {
-  --tw-translate-x: 100%;
-  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));
-}
-
-.scale-0 {
-  --tw-scale-x: 0;
-  --tw-scale-y: 0;
-  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-100 {
-  --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));
-}
-
-.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));
-}
-
 .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));
 }
 
-.transform-none {
-  transform: none;
-}
-
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.animate-\[fade-in_0\.15s_both\] {
-  animation: fade-in 0.15s both;
-}
-
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.animate-\[fade-in_0\.3s_both\] {
-  animation: fade-in 0.3s both;
-}
-
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.animate-\[fade-in_350ms_ease-in-out\] {
-  animation: fade-in 350ms ease-in-out;
-}
-
-@keyframes fade-out {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.animate-\[fade-out_0\.15s_both\] {
-  animation: fade-out 0.15s both;
-}
-
-@keyframes fade-out {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.animate-\[fade-out_0\.3s_both\] {
-  animation: fade-out 0.3s both;
-}
-
-@keyframes fade-out {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.animate-\[fade-out_350ms_ease-in-out\] {
-  animation: fade-out 350ms ease-in-out;
-}
-
-@keyframes show-up-clock {
-  0% {
-    opacity: 0;
-    transform: scale(0.7);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.animate-\[show-up-clock_350ms_linear\] {
-  animation: show-up-clock 350ms linear;
-}
-
 .cursor-default {
   cursor: default;
 }
@@ -2360,27 +4696,6 @@ select {
   cursor: pointer;
 }
 
-.touch-none {
-  touch-action: none;
-}
-
-.touch-pan-y {
-  --tw-pan-y: pan-y;
-  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
-}
-
-.select-none {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.select-all {
-  -webkit-user-select: all;
-     -moz-user-select: all;
-          user-select: all;
-}
-
 .resize {
   resize: both;
 }
@@ -2395,10 +4710,6 @@ select {
           appearance: none;
 }
 
-.\!flex-row {
-  flex-direction: row !important;
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -2419,10 +4730,6 @@ select {
   align-items: center;
 }
 
-.justify-end {
-  justify-content: flex-end;
-}
-
 .justify-center {
   justify-content: center;
 }
@@ -2443,6 +4750,18 @@ select {
   gap: 1rem;
 }
 
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
 .space-x-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.75rem * var(--tw-space-x-reverse));
@@ -2455,24 +4774,12 @@ select {
   margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-y-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2.5rem * var(--tw-space-y-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));
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-
 .place-self-center {
   place-self: center;
 }
@@ -2493,126 +4800,43 @@ select {
   overflow: visible;
 }
 
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
 .scroll-smooth {
   scroll-behavior: smooth;
 }
 
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.whitespace-normal {
-  white-space: normal;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal;
-}
-
-.break-words {
-  overflow-wrap: break-word;
-}
-
-.\!rounded-md {
-  border-radius: 0.375rem !important;
-}
-
-.rounded {
-  border-radius: 0.25rem;
-}
-
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
-.rounded-\[0\.6rem\] {
-  border-radius: 0.6rem;
-}
-
-.rounded-\[100\%\] {
-  border-radius: 100%;
-}
-
-.rounded-\[10px\] {
-  border-radius: 10px;
-}
-
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
-
-.rounded-\[50\%\] {
-  border-radius: 50%;
-}
-
-.rounded-\[999px\] {
-  border-radius: 999px;
-}
-
 .rounded-full {
   border-radius: 9999px;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .rounded-md {
   border-radius: 0.375rem;
 }
 
-.rounded-sm {
-  border-radius: 0.125rem;
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
 }
 
 .rounded-xl {
   border-radius: 0.75rem;
 }
 
+.\!rounded-md {
+  border-radius: 0.375rem !important;
+}
+
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
 .rounded-b-lg {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
 
-.rounded-l-\[0\.25rem\] {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-r-\[0\.25rem\] {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
-}
-
-.rounded-t-\[0\.6rem\] {
-  border-top-left-radius: 0.6rem;
-  border-top-right-radius: 0.6rem;
-}
-
-.rounded-t-lg {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-
-.\!border-\[3px\] {
-  border-width: 3px !important;
-}
-
 .border {
   border-width: 1px;
 }
@@ -2625,143 +4849,36 @@ select {
   border-width: 2px;
 }
 
-.border-\[\.125rem\] {
-  border-width: .125rem;
-}
-
-.border-\[14px\] {
-  border-width: 14px;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-l-0 {
-  border-left-width: 0px;
+.border-t {
+  border-top-width: 1px;
 }
 
 .border-l-2 {
   border-left-width: 2px;
 }
 
-.border-l-\[0\.125rem\] {
-  border-left-width: 0.125rem;
-}
-
-.border-r-0 {
-  border-right-width: 0px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
-.\!border-solid {
-  border-style: solid !important;
-}
-
-.border-solid {
-  border-style: solid;
-}
-
 .border-dotted {
   border-style: dotted;
 }
 
-.border-none {
-  border-style: none;
-}
-
-.\!border-\[\#b2b3b4\] {
-  --tw-border-opacity: 1 !important;
-  border-color: rgb(178 179 180 / var(--tw-border-opacity)) !important;
-}
-
-.border-\[\#3b71ca\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 113 202 / var(--tw-border-opacity));
-}
-
-.border-neutral-100 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--color-neutral-100), var(--tw-border-opacity));
-}
-
-.border-neutral-200 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity));
-}
-
 .border-neutral-300 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--color-neutral-300), var(--tw-border-opacity));
 }
 
-.border-primary {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 113 202 / var(--tw-border-opacity));
-}
-
 .border-primary-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(143 174 224 / var(--tw-border-opacity));
+  border-color: rgba(var(--color-primary-400), var(--tw-border-opacity));
+}
+
+.border-neutral-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity));
 }
 
 .border-primary-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(101 144 213 / var(--tw-border-opacity));
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
-.border-t-transparent {
-  border-top-color: transparent;
-}
-
-.\!bg-danger-100 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(250 229 233 / var(--tw-bg-opacity)) !important;
-}
-
-.\!bg-primary-100 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity)) !important;
-}
-
-.\!bg-success-100 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(214 250 228 / var(--tw-bg-opacity)) !important;
-}
-
-.bg-\[\#00000012\] {
-  background-color: #00000012;
-}
-
-.bg-\[\#00000066\] {
-  background-color: #00000066;
-}
-
-.bg-\[\#3b71ca\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
-}
-
-.bg-\[\#6d6d6d\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(109 109 109 / var(--tw-bg-opacity));
-}
-
-.bg-\[\#aaa\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(170 170 170 / var(--tw-bg-opacity));
-}
-
-.bg-\[\#eceff1\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 239 241 / var(--tw-bg-opacity));
+  border-color: rgba(var(--color-primary-500), var(--tw-border-opacity));
 }
 
 .bg-neutral {
@@ -2769,55 +4886,54 @@ select {
   background-color: rgba(var(--color-neutral), var(--tw-bg-opacity));
 }
 
+.bg-primary-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity));
+}
+
+.bg-neutral\/50 {
+  background-color: rgba(var(--color-neutral), 0.5);
+}
+
+.bg-neutral-500\/50 {
+  background-color: rgba(var(--color-neutral-500), 0.5);
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
 .bg-neutral-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity));
 }
 
-.bg-neutral-100\/50 {
-  background-color: rgba(var(--color-neutral-100), 0.5);
-}
-
 .bg-neutral-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity));
 }
 
-.bg-neutral-500\/50 {
-  background-color: rgba(var(--color-neutral-500), 0.5);
-}
-
-.bg-neutral\/50 {
-  background-color: rgba(var(--color-neutral), 0.5);
-}
-
-.bg-primary {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
-}
-
 .bg-primary-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
-}
-
-.bg-primary-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(199 215 240 / var(--tw-bg-opacity));
-}
-
-.bg-primary-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(101 144 213 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
 .bg-primary-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
 }
 
-.bg-transparent {
-  background-color: transparent;
+.bg-primary-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
+}
+
+.bg-neutral-100\/50 {
+  background-color: rgba(var(--color-neutral-100), 0.5);
+}
+
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
 
 .bg-gradient-to-b {
@@ -2828,10 +4944,6 @@ select {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-
 .from-neutral {
   --tw-gradient-from: rgba(var(--color-neutral), 1);
   --tw-gradient-to: rgba(var(--color-neutral), 0);
@@ -2839,47 +4951,31 @@ select {
 }
 
 .from-primary-500 {
-  --tw-gradient-from: #6590D5;
-  --tw-gradient-to: rgb(101 144 213 / 0);
+  --tw-gradient-from: rgba(var(--color-primary-500), 1);
+  --tw-gradient-to: rgba(var(--color-primary-500), 0);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.to-neutral {
-  --tw-gradient-to: rgba(var(--color-neutral), 1);
-}
-
-.to-neutral-100 {
-  --tw-gradient-to: rgba(var(--color-neutral-100), 1);
-}
-
-.to-secondary-700 {
-  --tw-gradient-to: #6B7585;
-}
-
 .to-transparent {
   --tw-gradient-to: transparent;
 }
 
-.bg-contain {
-  background-size: contain;
+.to-neutral-100 {
+  --tw-gradient-to: rgba(var(--color-neutral-100), 1);
 }
 
-.bg-clip-padding {
-  background-clip: padding-box;
+.to-neutral {
+  --tw-gradient-to: rgba(var(--color-neutral), 1);
 }
 
-.bg-center {
-  background-position: center;
+.to-secondary-700 {
+  --tw-gradient-to: rgba(var(--color-secondary-700), 1);
 }
 
 .bg-no-repeat {
   background-repeat: no-repeat;
 }
 
-.fill-\[\#afafaf\] {
-  fill: #afafaf;
-}
-
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -2895,114 +4991,38 @@ select {
      object-position: left;
 }
 
-.p-0 {
-  padding: 0px;
-}
-
-.p-1 {
-  padding: 0.25rem;
+.p-4 {
+  padding: 1rem;
 }
 
 .p-1\.5 {
   padding: 0.375rem;
 }
 
-.p-2 {
-  padding: 0.5rem;
-}
-
-.p-2\.5 {
-  padding: 0.625rem;
-}
-
-.p-4 {
-  padding: 1rem;
+.p-1 {
+  padding: 0.25rem;
 }
 
 .p-5 {
   padding: 1.25rem;
 }
 
+.p-0 {
+  padding: 0px;
+}
+
 .p-6 {
   padding: 1.5rem;
 }
 
-.p-\[5px\] {
-  padding: 5px;
-}
-
-.p-\[auto\] {
-  padding: auto;
-}
-
-.\!py-0 {
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
-.px-0\.5 {
-  padding-left: 0.125rem;
-  padding-right: 0.125rem;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
-.px-\[0\.4rem\] {
-  padding-left: 0.4rem;
-  padding-right: 0.4rem;
-}
-
-.px-\[10px\] {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.px-\[12px\] {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-.px-\[30px\] {
-  padding-left: 30px;
-  padding-right: 30px;
-}
-
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
 
 .py-1 {
@@ -3010,39 +5030,14 @@ select {
   padding-bottom: 0.25rem;
 }
 
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
 }
 
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
+.px-\[30px\] {
+  padding-left: 30px;
+  padding-right: 30px;
 }
 
 .py-8 {
@@ -3050,24 +5045,9 @@ select {
   padding-bottom: 2rem;
 }
 
-.py-\[0\.32rem\] {
-  padding-top: 0.32rem;
-  padding-bottom: 0.32rem;
-}
-
-.py-\[0\.33rem\] {
-  padding-top: 0.33rem;
-  padding-bottom: 0.33rem;
-}
-
-.py-\[0\.4rem\] {
-  padding-top: 0.4rem;
-  padding-bottom: 0.4rem;
-}
-
-.py-\[10px\] {
-  padding-top: 10px;
-  padding-bottom: 10px;
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 
 .py-\[1px\] {
@@ -3075,47 +5055,82 @@ select {
   padding-bottom: 1px;
 }
 
-.py-\[5px\] {
-  padding-top: 5px;
-  padding-bottom: 5px;
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
 }
 
-.pb-0 {
-  padding-bottom: 0px;
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
-.pb-2 {
+.py-2 {
+  padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
-.pb-3 {
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
-.pb-32 {
-  padding-bottom: 8rem;
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
 }
 
 .pb-4 {
   padding-bottom: 1rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
 .pl-2 {
   padding-left: 0.5rem;
 }
 
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
 .pl-\[24px\] {
   padding-left: 24px;
 }
 
-.pl-\[50px\] {
-  padding-left: 50px;
-}
-
-.pl-\[8px\] {
-  padding-left: 8px;
-}
-
 .pr-\[24px\] {
   padding-right: 24px;
 }
@@ -3124,32 +5139,8 @@ select {
   padding-top: 4rem;
 }
 
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
-.pt-2\.5 {
-  padding-top: 0.625rem;
-}
-
-.pt-3 {
-  padding-top: 0.75rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pt-8 {
-  padding-top: 2rem;
-}
-
-.pt-\[0\.37rem\] {
-  padding-top: 0.37rem;
-}
-
-.text-left {
-  text-align: left;
+.pb-32 {
+  padding-bottom: 8rem;
 }
 
 .text-center {
@@ -3164,81 +5155,15 @@ select {
   vertical-align: top;
 }
 
-.align-middle {
-  vertical-align: middle;
-}
-
-.align-bottom {
-  vertical-align: bottom;
-}
-
 .align-text-bottom {
   vertical-align: text-bottom;
 }
 
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
 
-.text-\[0\.6rem\] {
-  font-size: 0.6rem;
-}
-
-.text-\[0\.8rem\] {
-  font-size: 0.8rem;
-}
-
-.text-\[0\.9rem\] {
-  font-size: 0.9rem;
-}
-
-.text-\[1\.1rem\] {
-  font-size: 1.1rem;
-}
-
-.text-\[10px\] {
-  font-size: 10px;
-}
-
-.text-\[12px\] {
-  font-size: 12px;
-}
-
-.text-\[13px\] {
-  font-size: 13px;
-}
-
-.text-\[16px\] {
-  font-size: 16px;
-}
-
-.text-\[18px\] {
-  font-size: 18px;
-}
-
-.text-\[2\.5rem\] {
-  font-size: 2.5rem;
-}
-
-.text-\[3\.75rem\] {
-  font-size: 3.75rem;
-}
-
-.text-\[34px\] {
-  font-size: 34px;
-}
-
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -3249,9 +5174,14 @@ select {
   line-height: 1.25rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
 }
 
 .text-xs {
@@ -3259,176 +5189,57 @@ select {
   line-height: 1rem;
 }
 
-.font-bold {
-  font-weight: 700;
+.text-\[0\.6rem\] {
+  font-size: 0.6rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
 }
 
 .font-extrabold {
   font-weight: 800;
 }
 
-.font-light {
-  font-weight: 300;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-normal {
-  font-weight: 400;
+.font-bold {
+  font-weight: 700;
 }
 
 .font-semibold {
   font-weight: 600;
 }
 
-.uppercase {
-  text-transform: uppercase;
+.font-normal {
+  font-weight: 400;
 }
 
-.normal-case {
-  text-transform: none;
+.font-medium {
+  font-weight: 500;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.uppercase {
+  text-transform: uppercase;
 }
 
 .italic {
   font-style: italic;
 }
 
-.not-italic {
-  font-style: normal;
-}
-
-.leading-10 {
-  line-height: 2.5rem;
-}
-
-.leading-3 {
-  line-height: .75rem;
+.leading-7 {
+  line-height: 1.75rem;
 }
 
 .leading-6 {
   line-height: 1.5rem;
 }
 
-.leading-7 {
-  line-height: 1.75rem;
-}
-
-.leading-9 {
-  line-height: 2.25rem;
-}
-
-.leading-\[1\.2\] {
-  line-height: 1.2;
-}
-
-.leading-\[1\.5\] {
-  line-height: 1.5;
-}
-
-.leading-\[1\.6\] {
-  line-height: 1.6;
-}
-
-.leading-\[2\.15\] {
-  line-height: 2.15;
-}
-
-.leading-\[40px\] {
-  line-height: 40px;
-}
-
-.leading-loose {
-  line-height: 2;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.tracking-\[-0\.00833em\] {
-  letter-spacing: -0.00833em;
-}
-
-.tracking-\[\.1rem\] {
-  letter-spacing: .1rem;
-}
-
-.tracking-\[0\.1rem\] {
-  letter-spacing: 0.1rem;
-}
-
-.tracking-\[1\.7px\] {
-  letter-spacing: 1.7px;
-}
-
-.tracking-normal {
-  letter-spacing: 0em;
-}
-
-.\!text-danger-700 {
-  --tw-text-opacity: 1 !important;
-  color: rgb(176 35 58 / var(--tw-text-opacity)) !important;
-}
-
-.\!text-neutral {
-  --tw-text-opacity: 1 !important;
-  color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
-}
-
-.\!text-primary {
-  --tw-text-opacity: 1 !important;
-  color: rgb(59 113 202 / var(--tw-text-opacity)) !important;
-}
-
-.\!text-primary-700 {
-  --tw-text-opacity: 1 !important;
-  color: rgb(40 81 146 / var(--tw-text-opacity)) !important;
-}
-
-.\!text-success-700 {
-  --tw-text-opacity: 1 !important;
-  color: rgb(14 117 55 / var(--tw-text-opacity)) !important;
-}
-
-.text-\[\#212529\] {
-  --tw-text-opacity: 1;
-  color: rgb(33 37 41 / var(--tw-text-opacity));
-}
-
-.text-\[\#3b71ca\] {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.text-\[\#4f4f4f\] {
-  --tw-text-opacity: 1;
-  color: rgb(79 79 79 / var(--tw-text-opacity));
-}
-
-.text-\[\#b3afaf\] {
-  --tw-text-opacity: 1;
-  color: rgb(179 175 175 / var(--tw-text-opacity));
-}
-
-.text-\[\#ffffff8a\] {
-  color: #ffffff8a;
-}
-
-.text-\[rgb\(220\2c 76\2c 100\)\] {
-  --tw-text-opacity: 1;
-  color: rgb(220 76 100 / var(--tw-text-opacity));
-}
-
-.text-neutral-200 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
-}
-
-.text-neutral-300 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
+.leading-3 {
+  line-height: .75rem;
 }
 
 .text-neutral-400 {
@@ -3436,9 +5247,14 @@ select {
   color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
 }
 
-.text-neutral-50 {
+.text-neutral-900 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-50), var(--tw-text-opacity));
+  color: rgba(var(--color-neutral-900), var(--tw-text-opacity));
+}
+
+.text-primary-600 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
 .text-neutral-500 {
@@ -3456,100 +5272,73 @@ select {
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.text-neutral-900 {
+.text-primary-700 {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-900), var(--tw-text-opacity));
-}
-
-.text-primary {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.text-primary-300 {
-  --tw-text-opacity: 1;
-  color: rgb(171 194 232 / var(--tw-text-opacity));
-}
-
-.text-primary-400 {
-  --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-700), var(--tw-text-opacity));
 }
 
 .text-primary-500 {
   --tw-text-opacity: 1;
-  color: rgb(101 144 213 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-500), var(--tw-text-opacity));
 }
 
-.text-primary-600 {
+.text-primary-400 {
   --tw-text-opacity: 1;
-  color: rgb(48 97 175 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
-.text-primary-700 {
+.\!text-neutral {
+  --tw-text-opacity: 1 !important;
+  color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
+}
+
+.text-neutral-50 {
   --tw-text-opacity: 1;
-  color: rgb(40 81 146 / var(--tw-text-opacity));
+  color: rgba(var(--color-neutral-50), var(--tw-text-opacity));
 }
 
 .text-primary-800 {
   --tw-text-opacity: 1;
-  color: rgb(32 64 117 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
+}
+
+.text-neutral-200 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
+}
+
+.text-neutral-300 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
+}
+
+.text-primary-300 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
 }
 
 .\!no-underline {
   text-decoration-line: none !important;
 }
 
-.no-underline {
-  text-decoration-line: none;
-}
-
 .decoration-neutral-300 {
   text-decoration-color: rgba(var(--color-neutral-300), 1);
 }
 
 .decoration-primary-500 {
-  text-decoration-color: #6590D5;
-}
-
-.underline-offset-auto {
-  text-underline-offset: auto;
-}
-
-.\!opacity-0 {
-  opacity: 0 !important;
-}
-
-.\!opacity-100 {
-  opacity: 1 !important;
+  text-decoration-color: rgba(var(--color-primary-500), 1);
 }
 
 .opacity-0 {
   opacity: 0;
 }
 
-.opacity-100 {
-  opacity: 1;
-}
-
-.opacity-30 {
-  opacity: 0.3;
-}
-
-.opacity-50 {
-  opacity: 0.5;
-}
-
 .opacity-60 {
   opacity: 0.6;
 }
 
-.opacity-\[\.53\] {
-  opacity: .53;
-}
-
-.opacity-\[\.54\] {
-  opacity: .54;
+.opacity-30 {
+  opacity: 0.3;
 }
 
 .mix-blend-normal {
@@ -3560,39 +5349,15 @@ select {
   mix-blend-mode: multiply;
 }
 
-.shadow-2xl {
-  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
-  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -2px rgba(0,0,0,0.05);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
-  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0_2px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\2c _0_2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
-  --tw-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
-  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-none {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -3602,11 +5367,6 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
 .outline {
   outline-style: solid;
 }
@@ -3626,66 +5386,16 @@ select {
           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-2xl {
-  --tw-backdrop-blur: blur(40px);
-  -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-sm {
   --tw-backdrop-blur: blur(4px);
   -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);
 }
 
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-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;
-}
-
-.transition-\[background-color\2c box-shadow\2c border\] {
-  transition-property: background-color,box-shadow,border;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-\[height\] {
-  transition-property: height;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-\[opacity\] {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-\[transform\2c _opacity\] {
-  transition-property: transform, opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-\[transform\2c height\] {
-  transition-property: transform,height;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-\[width\] {
-  transition-property: width;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.backdrop-blur-2xl {
+  --tw-backdrop-blur: blur(40px);
+  -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);
 }
 
 .transition-opacity {
@@ -3694,90 +5404,6 @@ select {
   transition-duration: 150ms;
 }
 
-.delay-\[0ms\] {
-  transition-delay: 0ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-\[250ms\] {
-  transition-duration: 250ms;
-}
-
-.duration-\[350ms\] {
-  transition-duration: 350ms;
-}
-
-.duration-\[400ms\] {
-  transition-duration: 400ms;
-}
-
-.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
-  transition-timing-function: cubic-bezier(0,0,0.15,1), cubic-bezier(0,0,0.15,1);
-}
-
-.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\] {
-  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
-}
-
-.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
-  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0);
-}
-
-.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
-  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
-}
-
-.ease-\[ease\] {
-  transition-timing-function: ease;
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.\[direction\:ltr\] {
-  direction: ltr;
-}
-
-.\[overflow-anchor\:none\] {
-  overflow-anchor: none;
-}
-
-.\[overflow-style\:none\] {
-  overflow-style: none;
-}
-
-.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\] {
-  transition: background-color .2s linear, height .2s ease-in-out;
-}
-
-.\[transition\:background-color_\.2s_linear\2c _opacity_\.2s_linear\] {
-  transition: background-color .2s linear, opacity .2s linear;
-}
-
-.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\] {
-  transition: background-color .2s linear, width .2s ease-in-out;
-}
-
-.\[transition\:background-color_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c box-shadow_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\2c border_250ms_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_0ms\] {
-  transition: background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms,box-shadow 250ms cubic-bezier(0.4,0,0.2,1) 0ms,border 250ms cubic-bezier(0.4,0,0.2,1) 0ms;
-}
-
 body a,
 body button {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -3936,7 +5562,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,
 .copy-button:active:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
 }
 
 .dark .copy-button:hover,.dark 
@@ -3944,7 +5570,7 @@ body:has(#menu-controller:checked) {
 .copy-button:active,.dark 
 .copy-button:active:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
 }
 
 .copy-textarea {
@@ -4006,14 +5632,14 @@ body:has(#menu-controller:checked) {
   display: block;
   width: auto;
   --tw-bg-opacity: 1;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
 .dark .chroma .hl {
   --tw-bg-opacity: 1;
-  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
 .chroma .lntd .hl {
@@ -4073,7 +5699,7 @@ body:has(#menu-controller:checked) {
 .chroma .vc,
 .chroma .o {
   --tw-text-opacity: 1;
-  color: rgb(48 97 175 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
 .dark .chroma .k,.dark 
@@ -4087,7 +5713,7 @@ body:has(#menu-controller:checked) {
 .chroma .vc,.dark 
 .chroma .o {
   --tw-text-opacity: 1;
-  color: rgb(171 194 232 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
 }
 
 /* KeywordConstant */
@@ -4095,12 +5721,12 @@ body:has(#menu-controller:checked) {
 .chroma .kc {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgb(200 204 211 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
 .dark .chroma .kc {
   --tw-text-opacity: 1;
-  color: rgb(179 185 194 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
 
 /* KeywordType */
@@ -4137,7 +5763,7 @@ body:has(#menu-controller:checked) {
 .chroma .il,
 .chroma .mo {
   --tw-text-opacity: 1;
-  color: rgb(200 204 211 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
 .dark .chroma .kt,.dark 
@@ -4152,7 +5778,7 @@ body:has(#menu-controller:checked) {
 .chroma .il,.dark 
 .chroma .mo {
   --tw-text-opacity: 1;
-  color: rgb(132 141 156 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
 
 /* Name */
@@ -4168,7 +5794,7 @@ body:has(#menu-controller:checked) {
 .chroma .ni,
 .chroma .nl {
   --tw-text-opacity: 1;
-  color: rgb(64 70 80 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-900), var(--tw-text-opacity));
 }
 
 .dark .chroma .n,.dark 
@@ -4176,7 +5802,7 @@ body:has(#menu-controller:checked) {
 .chroma .ni,.dark 
 .chroma .nl {
   --tw-text-opacity: 1;
-  color: rgb(228 230 233 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-200), var(--tw-text-opacity));
 }
 
 /* NameAttribute */
@@ -4198,7 +5824,7 @@ body:has(#menu-controller:checked) {
 .chroma .py,
 .chroma .nt {
   --tw-text-opacity: 1;
-  color: rgb(86 93 107 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-800), var(--tw-text-opacity));
 }
 
 .dark .chroma .na,.dark 
@@ -4208,7 +5834,7 @@ body:has(#menu-controller:checked) {
 .chroma .py,.dark 
 .chroma .nt {
   --tw-text-opacity: 1;
-  color: rgb(214 217 222 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-300), var(--tw-text-opacity));
 }
 
 /* NameConstant */
@@ -4222,26 +5848,26 @@ body:has(#menu-controller:checked) {
 .chroma .vg {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgb(200 204 211 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
 .dark .chroma .no,.dark 
 .chroma .ne,.dark 
 .chroma .vg {
   --tw-text-opacity: 1;
-  color: rgb(179 185 194 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
 
 /* NameFunction */
 
 .chroma .nf {
   --tw-text-opacity: 1;
-  color: rgb(132 141 156 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-600), var(--tw-text-opacity));
 }
 
 .dark .chroma .nf {
   --tw-text-opacity: 1;
-  color: rgb(179 185 194 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
 
 /* Literal */
@@ -4293,7 +5919,7 @@ body:has(#menu-controller:checked) {
 .chroma .go,
 .chroma .gp {
   --tw-text-opacity: 1;
-  color: rgb(32 64 117 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
 .dark .chroma .l,.dark 
@@ -4313,7 +5939,7 @@ body:has(#menu-controller:checked) {
 .chroma .go,.dark 
 .chroma .gp {
   --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
 /* LiteralStringEscape */
@@ -4321,12 +5947,12 @@ body:has(#menu-controller:checked) {
 .chroma .se {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgb(200 204 211 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-400), var(--tw-text-opacity));
 }
 
 .dark .chroma .se {
   --tw-text-opacity: 1;
-  color: rgb(179 185 194 / var(--tw-text-opacity));
+  color: rgba(var(--color-secondary-500), var(--tw-text-opacity));
 }
 
 /* LiteralStringRegex */
@@ -4337,13 +5963,13 @@ body:has(#menu-controller:checked) {
 .chroma .ss {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgb(32 64 117 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-800), var(--tw-text-opacity));
 }
 
 .dark .chroma .sr,.dark 
 .chroma .ss {
   --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
 /* OperatorWord */
@@ -4351,12 +5977,12 @@ body:has(#menu-controller:checked) {
 .chroma .ow {
   font-weight: 600;
   --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
 .dark .chroma .ow {
   --tw-text-opacity: 1;
-  color: rgb(48 97 175 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
 }
 
 /* Comment */
@@ -5318,6 +6944,340 @@ body:has(#menu-controller:checked) {
   /* 32:9 Aspect Ratio */
 }
 
+.first\:mt-8:first-child {
+  margin-top: 2rem;
+}
+
+.hover\:border-transparent:hover {
+  border-color: transparent;
+}
+
+.hover\:bg-primary-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
+}
+
+.hover\:\!bg-primary-500:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
+}
+
+.hover\:text-primary-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-700), var(--tw-text-opacity));
+}
+
+.hover\:text-primary-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-500), var(--tw-text-opacity));
+}
+
+.hover\:text-neutral:hover {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral), var(--tw-text-opacity));
+}
+
+.hover\:text-primary-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+}
+
+.hover\:text-primary-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+}
+
+.hover\:underline:hover {
+  text-decoration-line: underline;
+}
+
+.hover\:no-underline:hover {
+  text-decoration-line: none;
+}
+
+.hover\:decoration-primary-400:hover {
+  text-decoration-color: rgba(var(--color-primary-400), 1);
+}
+
+.hover\:decoration-2:hover {
+  text-decoration-thickness: 2px;
+}
+
+.hover\:underline-offset-2:hover {
+  text-underline-offset: 2px;
+}
+
+.hover\:outline-none:hover {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:translate-y-0:focus {
+  --tw-translate-y: 0px;
+  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));
+}
+
+.focus\:bg-primary-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
+}
+
+.focus\:no-underline:focus {
+  text-decoration-line: none;
+}
+
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:outline-dotted:focus {
+  outline-style: dotted;
+}
+
+.focus\:outline-2:focus {
+  outline-width: 2px;
+}
+
+.focus\:outline-transparent:focus {
+  outline-color: transparent;
+}
+
+.group:hover .group-hover\:text-primary-600 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-600), var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-primary-300 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-300), var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:underline {
+  text-decoration-line: underline;
+}
+
+.group:hover .group-hover\:decoration-primary-500 {
+  text-decoration-color: rgba(var(--color-primary-500), 1);
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+[dir="ltr"] .ltr\:right-0 {
+  right: 0px;
+}
+
+[dir="ltr"] .ltr\:-left-6 {
+  left: -1.5rem;
+}
+
+[dir="ltr"] .ltr\:mr-4 {
+  margin-right: 1rem;
+}
+
+[dir="ltr"] .ltr\:-ml-5 {
+  margin-left: -1.25rem;
+}
+
+[dir="ltr"] .ltr\:ml-2 {
+  margin-left: 0.5rem;
+}
+
+[dir="ltr"] .ltr\:mr-14 {
+  margin-right: 3.5rem;
+}
+
+[dir="ltr"] .ltr\:block {
+  display: block;
+}
+
+[dir="ltr"] .ltr\:inline {
+  display: inline;
+}
+
+[dir="ltr"] .ltr\:hidden {
+  display: none;
+}
+
+[dir="ltr"] .ltr\:border-l {
+  border-left-width: 1px;
+}
+
+[dir="ltr"] .ltr\:pr-2 {
+  padding-right: 0.5rem;
+}
+
+[dir="ltr"] .ltr\:pl-5 {
+  padding-left: 1.25rem;
+}
+
+[dir="ltr"] .ltr\:pr-3 {
+  padding-right: 0.75rem;
+}
+
+[dir="ltr"] .ltr\:text-right {
+  text-align: right;
+}
+
+[dir="rtl"] .rtl\:left-0 {
+  left: 0px;
+}
+
+[dir="rtl"] .rtl\:-right-6 {
+  right: -1.5rem;
+}
+
+[dir="rtl"] .rtl\:ml-4 {
+  margin-left: 1rem;
+}
+
+[dir="rtl"] .rtl\:-mr-5 {
+  margin-right: -1.25rem;
+}
+
+[dir="rtl"] .rtl\:mr-2 {
+  margin-right: 0.5rem;
+}
+
+[dir="rtl"] .rtl\:ml-14 {
+  margin-left: 3.5rem;
+}
+
+[dir="rtl"] .rtl\:block {
+  display: block;
+}
+
+[dir="rtl"] .rtl\:inline {
+  display: inline;
+}
+
+[dir="rtl"] .rtl\:hidden {
+  display: none;
+}
+
+[dir="rtl"] .rtl\:border-r {
+  border-right-width: 1px;
+}
+
+[dir="rtl"] .rtl\:pl-2 {
+  padding-left: 0.5rem;
+}
+
+[dir="rtl"] .rtl\:pr-5 {
+  padding-right: 1.25rem;
+}
+
+[dir="rtl"] .rtl\:pl-3 {
+  padding-left: 0.75rem;
+}
+
+[dir="rtl"] .rtl\:text-left {
+  text-align: left;
+}
+
+.dark .dark\:flex {
+  display: flex;
+}
+
+.dark .dark\:hidden {
+  display: none;
+}
+
+.dark .dark\:border-neutral-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
+}
+
+.dark .dark\:border-primary-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-primary-600), var(--tw-border-opacity));
+}
+
+.dark .dark\:border-neutral-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
+}
+
+.dark .dark\:border-primary-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-primary-300), var(--tw-border-opacity));
+}
+
+.dark .dark\:bg-neutral-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-neutral-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-primary-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-neutral-800\/50 {
+  background-color: rgba(var(--color-neutral-800), 0.5);
+}
+
+.dark .dark\:bg-neutral-900\/50 {
+  background-color: rgba(var(--color-neutral-900), 0.5);
+}
+
+.dark .dark\:bg-neutral-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-primary-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-primary-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-primary-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
+}
+
+.dark .dark\:from-neutral-800 {
+  --tw-gradient-from: rgba(var(--color-neutral-800), 1);
+  --tw-gradient-to: rgba(var(--color-neutral-800), 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.dark .dark\:from-primary-600 {
+  --tw-gradient-from: rgba(var(--color-primary-600), 1);
+  --tw-gradient-to: rgba(var(--color-primary-600), 0);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.dark .dark\:to-neutral-800 {
+  --tw-gradient-to: rgba(var(--color-neutral-800), 1);
+}
+
+.dark .dark\:to-secondary-800 {
+  --tw-gradient-to: rgba(var(--color-secondary-800), 1);
+}
+
 .dark .dark\:prose-invert {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
@@ -5347,7 +7307,7 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(mark):not(:where([class~="not-prose"] *)) {
-  background-color: rgb(200 204 211 / 1);
+  background-color: rgba(var(--color-secondary-400), 1);
 }
 
 .dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
@@ -5355,994 +7315,11 @@ body:has(#menu-controller:checked) {
 }
 
 .dark .dark\:prose-invert :where(a.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(143 174 224 / 1);
+  text-decoration-color: rgba(var(--color-primary-400), 1);
 }
 
 .dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
-  text-decoration-color: rgb(143 174 224 / 1);
-}
-
-.selection\:bg-transparent *::-moz-selection {
-  background-color: transparent;
-}
-
-.selection\:bg-transparent *::selection {
-  background-color: transparent;
-}
-
-.selection\:bg-transparent::-moz-selection {
-  background-color: transparent;
-}
-
-.selection\:bg-transparent::selection {
-  background-color: transparent;
-}
-
-.first\:mt-8:first-child {
-  margin-top: 2rem;
-}
-
-.checked\:after\:absolute:checked::after {
-  content: var(--tw-content);
-  position: absolute;
-}
-
-.checked\:after\:ml-\[5px\]:checked::after {
-  content: var(--tw-content);
-  margin-left: 5px;
-}
-
-.checked\:after\:mt-px:checked::after {
-  content: var(--tw-content);
-  margin-top: 1px;
-}
-
-.checked\:after\:block:checked::after {
-  content: var(--tw-content);
-  display: block;
-}
-
-.checked\:after\:h-\[9px\]:checked::after {
-  content: var(--tw-content);
-  height: 9px;
-}
-
-.checked\:after\:w-\[5px\]:checked::after {
-  content: var(--tw-content);
-  width: 5px;
-}
-
-.checked\:after\:rotate-45:checked::after {
-  content: var(--tw-content);
-  --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));
-}
-
-.checked\:after\:border-2:checked::after {
-  content: var(--tw-content);
-  border-width: 2px;
-}
-
-.checked\:after\:border-l-0:checked::after {
-  content: var(--tw-content);
-  border-left-width: 0px;
-}
-
-.checked\:after\:border-t-0:checked::after {
-  content: var(--tw-content);
-  border-top-width: 0px;
-}
-
-.checked\:after\:border-solid:checked::after {
-  content: var(--tw-content);
-  border-style: solid;
-}
-
-.checked\:after\:bg-transparent:checked::after {
-  content: var(--tw-content);
-  background-color: transparent;
-}
-
-.checked\:after\:content-\[\'\'\]:checked::after {
-  --tw-content: '';
-  content: var(--tw-content);
-}
-
-.empty\:hidden:empty {
-  display: none;
-}
-
-.hover\:cursor-pointer:hover {
-  cursor: pointer;
-}
-
-.hover\:rounded-\[50\%\]:hover {
-  border-radius: 50%;
-}
-
-.hover\:border-transparent:hover {
-  border-color: transparent;
-}
-
-.hover\:\!bg-primary-500:hover {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(101 144 213 / var(--tw-bg-opacity)) !important;
-}
-
-.hover\:bg-\[\#00000014\]:hover {
-  background-color: #00000014;
-}
-
-.hover\:bg-\[\#00000026\]:hover {
-  background-color: #00000026;
-}
-
-.hover\:bg-\[\#eee\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-\[unset\]:hover {
-  background-color: unset;
-}
-
-.hover\:bg-neutral-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-500:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(101 144 213 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-primary-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 97 175 / var(--tw-bg-opacity));
-}
-
-.hover\:fill-\[\#8b8b8b\]:hover {
-  fill: #8b8b8b;
-}
-
-.hover\:text-\[\#3b71ca\]:hover {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.hover\:text-\[\#8b8b8b\]:hover {
-  --tw-text-opacity: 1;
-  color: rgb(139 139 139 / var(--tw-text-opacity));
-}
-
-.hover\:text-neutral:hover {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral), var(--tw-text-opacity));
-}
-
-.hover\:text-primary:hover {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.hover\:text-primary-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
-}
-
-.hover\:text-primary-500:hover {
-  --tw-text-opacity: 1;
-  color: rgb(101 144 213 / var(--tw-text-opacity));
-}
-
-.hover\:text-primary-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(48 97 175 / var(--tw-text-opacity));
-}
-
-.hover\:text-primary-700:hover {
-  --tw-text-opacity: 1;
-  color: rgb(40 81 146 / var(--tw-text-opacity));
-}
-
-.hover\:underline:hover {
-  text-decoration-line: underline;
-}
-
-.hover\:no-underline:hover {
-  text-decoration-line: none;
-}
-
-.hover\:decoration-primary-400:hover {
-  text-decoration-color: #8FAEE0;
-}
-
-.hover\:decoration-2:hover {
-  text-decoration-thickness: 2px;
-}
-
-.hover\:underline-offset-2:hover {
-  text-underline-offset: 2px;
-}
-
-.hover\:\!opacity-90:hover {
-  opacity: 0.9 !important;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.hover\:\!shadow-none:hover {
-  --tw-shadow: 0 0 #0000 !important;
-  --tw-shadow-colored: 0 0 #0000 !important;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
-}
-
-.hover\:outline-none:hover {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus\:translate-y-0:focus {
-  --tw-translate-y: 0px;
-  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));
-}
-
-.focus\:rounded-\[50\%\]:focus {
-  border-radius: 50%;
-}
-
-.focus\:bg-\[\#00000014\]:focus {
-  background-color: #00000014;
-}
-
-.focus\:bg-\[\#00000026\]:focus {
-  background-color: #00000026;
-}
-
-.focus\:bg-\[\#eee\]:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
-}
-
-.focus\:bg-neutral-200:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-200), var(--tw-bg-opacity));
-}
-
-.focus\:bg-primary-100:focus {
-  --tw-bg-opacity: 1;
-  background-color: rgb(227 235 247 / var(--tw-bg-opacity));
-}
-
-.focus\:text-\[\#3b71ca\]:focus {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.focus\:text-primary:focus {
-  --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.focus\:no-underline:focus {
-  text-decoration-line: none;
-}
-
-.focus\:\!opacity-90:focus {
-  opacity: 0.9 !important;
-}
-
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus\:outline-dotted:focus {
-  outline-style: dotted;
-}
-
-.focus\:outline-2:focus {
-  outline-width: 2px;
-}
-
-.focus\:outline-transparent:focus {
-  outline-color: transparent;
-}
-
-.focus\:placeholder\:opacity-100:focus::-moz-placeholder {
-  opacity: 1;
-}
-
-.focus\:placeholder\:opacity-100:focus::placeholder {
-  opacity: 1;
-}
-
-.active\:bg-\[\#cacfd1\]:active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(202 207 209 / var(--tw-bg-opacity));
-}
-
-.group\/x:hover .group-hover\/x\:h-\[11px\] {
-  height: 11px;
-}
-
-.group\/y:hover .group-hover\/y\:w-\[11px\] {
-  width: 11px;
-}
-
-.group\/x:hover .group-hover\/x\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group\/y:hover .group-hover\/y\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group:hover .group-hover\:text-primary-300 {
-  --tw-text-opacity: 1;
-  color: rgb(171 194 232 / var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:text-primary-600 {
-  --tw-text-opacity: 1;
-  color: rgb(48 97 175 / var(--tw-text-opacity));
-}
-
-.group:hover .group-hover\:underline {
-  text-decoration-line: underline;
-}
-
-.group:hover .group-hover\:decoration-primary-500 {
-  text-decoration-color: #6590D5;
-}
-
-.group\/ps:hover .group-hover\/ps\:opacity-100 {
-  opacity: 1;
-}
-
-.group\/ps:hover .group-hover\/ps\:opacity-60 {
-  opacity: 0.6;
-}
-
-.group:hover .group-hover\:opacity-100 {
-  opacity: 1;
-}
-
-.group\/x:focus .group-focus\/x\:h-\[11px\] {
-  height: 11px;
-}
-
-.group\/y:focus .group-focus\/y\:w-\[11px\] {
-  width: 11px;
-}
-
-.group\/x:focus .group-focus\/x\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group\/y:focus .group-focus\/y\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group\/ps:focus .group-focus\/ps\:opacity-100 {
-  opacity: 1;
-}
-
-.group\/ps:focus .group-focus\/ps\:opacity-60 {
-  opacity: 0.6;
-}
-
-.group\/ps:active .group-active\/ps\:opacity-100 {
-  opacity: 1;
-}
-
-.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block {
-  display: block;
-}
-
-.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block {
-  display: block;
-}
-
-.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\] {
-  height: 11px;
-}
-
-.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\] {
-  width: 11px;
-}
-
-.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border {
-  border-width: 1px;
-}
-
-.group[data-te-datepicker-cell-current] .group-\[\[data-te-datepicker-cell-current\]\]\:border-solid {
-  border-style: solid;
-}
-
-.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent {
-  background-color: transparent;
-}
-
-.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent {
-  background-color: transparent;
-}
-
-.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#999\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.group:not([data-te-datepicker-cell-disabled]):not([data-te-datepicker-cell-selected]):hover .group-\[\:not\(\[data-te-datepicker-cell-disabled\]\)\:not\(\[data-te-datepicker-cell-selected\]\)\:hover\]\:bg-neutral-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity));
-}
-
-.group:not([data-te-datepicker-cell-selected])[data-te-datepicker-cell-focused] .group-\[\:not\(\[data-te-datepicker-cell-selected\]\)\[data-te-datepicker-cell-focused\]\]\:bg-neutral-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity));
-}
-
-.group[data-te-datepicker-cell-selected] .group-\[\[data-te-datepicker-cell-selected\]\]\:bg-primary {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
-}
-
-.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60 {
-  opacity: 0.6;
-}
-
-.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60 {
-  opacity: 0.6;
-}
-
-.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\] {
-  --tw-translate-y: -0.75rem;
-  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));
-}
-
-.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\] {
-  --tw-translate-y: -0.9rem;
-  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));
-}
-
-.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\] {
-  --tw-translate-y: -1.15rem;
-  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));
-}
-
-.peer:focus ~ .peer-focus\: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));
-}
-
-.data-\[te-datepicker-cell-disabled\]\:pointer-events-none[data-te-datepicker-cell-disabled] {
-  pointer-events: none;
-}
-
-.data-\[te-carousel-fade\]\:z-0[data-te-carousel-fade] {
-  z-index: 0;
-}
-
-.data-\[te-carousel-fade\]\:z-\[1\][data-te-carousel-fade] {
-  z-index: 1;
-}
-
-.data-\[te-input-state-active\]\:block[data-te-input-state-active] {
-  display: block;
-}
-
-.data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\][data-te-input-state-active] {
-  --tw-translate-y: -0.75rem;
-  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\]\:-translate-y-\[0\.9rem\][data-te-input-state-active] {
-  --tw-translate-y: -0.9rem;
-  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\]\:-translate-y-\[1\.15rem\][data-te-input-state-active] {
-  --tw-translate-y: -1.15rem;
-  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;
-  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-select-open\]\:scale-100[data-te-select-open] {
-  --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-datepicker-cell-disabled\]\:cursor-default[data-te-datepicker-cell-disabled] {
-  cursor: default;
-}
-
-.data-\[te-input-disabled\]\:cursor-default[data-te-input-disabled] {
-  cursor: default;
-}
-
-.data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled] {
-  cursor: default;
-}
-
-.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected] {
-  cursor: default;
-}
-
-.data-\[te-input-disabled\]\:bg-\[\#e9ecef\][data-te-input-disabled] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(233 236 239 / var(--tw-bg-opacity));
-}
-
-.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:bg-transparent[data-te-select-option-disabled][data-te-select-selected] {
-  background-color: transparent;
-}
-
-.data-\[te-datepicker-cell-disabled\]\:text-neutral-300[data-te-datepicker-cell-disabled] {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
-}
-
-.data-\[te-carousel-fade\]\:opacity-0[data-te-carousel-fade] {
-  opacity: 0;
-}
-
-.data-\[te-carousel-fade\]\:opacity-100[data-te-carousel-fade] {
-  opacity: 1;
-}
-
-.data-\[te-select-open\]\:opacity-100[data-te-select-open] {
-  opacity: 1;
-}
-
-.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::-moz-placeholder {
-  opacity: 1;
-}
-
-.data-\[te-input-state-active\]\:placeholder\:opacity-100[data-te-input-state-active]::placeholder {
-  opacity: 1;
-}
-
-.data-\[te-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-te-datepicker-cell-disabled] {
-  cursor: default;
-}
-
-.group[data-te-datepicker-cell-focused] .group-\[\[data-te-datepicker-cell-focused\]\]\:data-\[te-datepicker-cell-selected\]\:bg-primary[data-te-datepicker-cell-selected] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(59 113 202 / var(--tw-bg-opacity));
-}
-
-.group[data-te-select-option-text-ref] .group-data-\[te-select-option-text-ref\]\:mr-2\.5 {
-  margin-right: 0.625rem;
-}
-
-.group\/validation[data-te-was-validated] .group-data-\[te-was-validated\]\/validation\:mb-4 {
-  margin-bottom: 1rem;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-x-0 {
-  border-left-width: 0px;
-  border-right-width: 0px;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-x-0 {
-  border-left-width: 0px;
-  border-right-width: 0px;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-l-0 {
-  border-left-width: 0px;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-r-0 {
-  border-right-width: 0px;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t {
-  border-top-width: 1px;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-l-0 {
-  border-left-width: 0px;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-r-0 {
-  border-right-width: 0px;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t {
-  border-top-width: 1px;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-solid {
-  border-style: solid;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-solid {
-  border-style: solid;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-primary {
-  --tw-border-opacity: 1;
-  border-color: rgb(59 113 202 / var(--tw-border-opacity));
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-t-transparent {
-  border-top-color: transparent;
-}
-
-.group[data-te-input-state-active] .group-data-\[te-input-state-active\]\:border-t-transparent {
-  border-top-color: transparent;
-}
-
-.group\/opt[data-te-select-option-group-ref] .group-data-\[te-select-option-group-ref\]\/opt\:pl-7 {
-  padding-left: 1.75rem;
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\] {
-  --tw-shadow: -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca;
-  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\] {
-  --tw-shadow: -1px 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff;
-  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\] {
-  --tw-shadow: 0 1px 0 0 #3b71ca;
-  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#ffffff\] {
-  --tw-shadow: 0 1px 0 0 #ffffff;
-  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\] {
-  --tw-shadow: 1px 0 0 #3b71ca, 0 -1px 0 0 #3b71ca, 0 1px 0 0 #3b71ca;
-  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#ffffff\2c _0_-1px_0_0_\#ffffff\2c _0_1px_0_0_\#ffffff\] {
-  --tw-shadow: 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff;
-  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.group\/validation[data-te-was-validated] .peer:valid ~ .group-data-\[te-was-validated\]\/validation\:peer-valid\:block {
-  display: block;
-}
-
-.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:block {
-  display: block;
-}
-
-.group\/validation[data-te-was-validated] .peer:invalid ~ .group-data-\[te-was-validated\]\/validation\:peer-invalid\:text-\[rgb\(220\2c 76\2c 100\)\] {
-  --tw-text-opacity: 1;
-  color: rgb(220 76 100 / var(--tw-text-opacity));
-}
-
-.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.75rem\] {
-  --tw-translate-y: -0.75rem;
-  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));
-}
-
-.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[0\.9rem\] {
-  --tw-translate-y: -0.9rem;
-  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));
-}
-
-.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\:-translate-y-\[1\.15rem\] {
-  --tw-translate-y: -1.15rem;
-  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));
-}
-
-.peer[data-te-input-state-active] ~ .peer-data-\[te-input-state-active\]\: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));
-}
-
-[dir="ltr"] .ltr\:-left-6 {
-  left: -1.5rem;
-}
-
-[dir="ltr"] .ltr\:right-0 {
-  right: 0px;
-}
-
-[dir="ltr"] .ltr\:-ml-5 {
-  margin-left: -1.25rem;
-}
-
-[dir="ltr"] .ltr\:ml-2 {
-  margin-left: 0.5rem;
-}
-
-[dir="ltr"] .ltr\:mr-14 {
-  margin-right: 3.5rem;
-}
-
-[dir="ltr"] .ltr\:mr-4 {
-  margin-right: 1rem;
-}
-
-[dir="ltr"] .ltr\:block {
-  display: block;
-}
-
-[dir="ltr"] .ltr\:inline {
-  display: inline;
-}
-
-[dir="ltr"] .ltr\:hidden {
-  display: none;
-}
-
-[dir="ltr"] .ltr\:border-l {
-  border-left-width: 1px;
-}
-
-[dir="ltr"] .ltr\:pl-5 {
-  padding-left: 1.25rem;
-}
-
-[dir="ltr"] .ltr\:pr-2 {
-  padding-right: 0.5rem;
-}
-
-[dir="ltr"] .ltr\:pr-3 {
-  padding-right: 0.75rem;
-}
-
-[dir="ltr"] .ltr\:text-right {
-  text-align: right;
-}
-
-[dir="rtl"] .rtl\:\!left-auto {
-  left: auto !important;
-}
-
-[dir="rtl"] .rtl\:-right-6 {
-  right: -1.5rem;
-}
-
-[dir="rtl"] .rtl\:left-0 {
-  left: 0px;
-}
-
-[dir="rtl"] .rtl\:-mr-5 {
-  margin-right: -1.25rem;
-}
-
-[dir="rtl"] .rtl\:ml-14 {
-  margin-left: 3.5rem;
-}
-
-[dir="rtl"] .rtl\:ml-4 {
-  margin-left: 1rem;
-}
-
-[dir="rtl"] .rtl\:mr-2 {
-  margin-right: 0.5rem;
-}
-
-[dir="rtl"] .rtl\:block {
-  display: block;
-}
-
-[dir="rtl"] .rtl\:inline {
-  display: inline;
-}
-
-[dir="rtl"] .rtl\:hidden {
-  display: none;
-}
-
-[dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\] {
-  transform-origin: 50% 50% 0 !important;
-}
-
-[dir="rtl"] .rtl\:border-r {
-  border-right-width: 1px;
-}
-
-[dir="rtl"] .rtl\:pl-2 {
-  padding-left: 0.5rem;
-}
-
-[dir="rtl"] .rtl\:pl-3 {
-  padding-left: 0.75rem;
-}
-
-[dir="rtl"] .rtl\:pr-5 {
-  padding-right: 1.25rem;
-}
-
-[dir="rtl"] .rtl\:text-left {
-  text-align: left;
-}
-
-[dir="rtl"] .rtl\:\[direction\:rtl\] {
-  direction: rtl;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .motion-reduce\:animate-none {
-    animation: none;
-  }
-
-  .motion-reduce\:transition-none {
-    transition-property: none;
-  }
-}
-
-.dark .dark\:flex {
-  display: flex;
-}
-
-.dark .dark\:hidden {
-  display: none;
-}
-
-.dark .dark\:border-0 {
-  border-width: 0px;
-}
-
-.dark .dark\:border-neutral-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--color-neutral-500), var(--tw-border-opacity));
-}
-
-.dark .dark\:border-neutral-600 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity));
-}
-
-.dark .dark\:border-neutral-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity));
-}
-
-.dark .dark\:border-primary-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(171 194 232 / var(--tw-border-opacity));
-}
-
-.dark .dark\:border-primary-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(143 174 224 / var(--tw-border-opacity));
-}
-
-.dark .dark\:border-primary-600 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 97 175 / var(--tw-border-opacity));
-}
-
-.dark .dark\:bg-neutral-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-neutral-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-neutral-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-neutral-800\/50 {
-  background-color: rgba(var(--color-neutral-800), 0.5);
-}
-
-.dark .dark\:bg-neutral-900\/50 {
-  background-color: rgba(var(--color-neutral-900), 0.5);
-}
-
-.dark .dark\:bg-primary-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(171 194 232 / var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-primary-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(143 174 224 / var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-primary-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(32 64 117 / var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-primary-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
-}
-
-.dark .dark\:bg-transparent {
-  background-color: transparent;
-}
-
-.dark .dark\:from-neutral-800 {
-  --tw-gradient-from: rgba(var(--color-neutral-800), 1);
-  --tw-gradient-to: rgba(var(--color-neutral-800), 0);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark .dark\:from-primary-600 {
-  --tw-gradient-from: #3061AF;
-  --tw-gradient-to: rgb(48 97 175 / 0);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.dark .dark\:to-neutral-800 {
-  --tw-gradient-to: rgba(var(--color-neutral-800), 1);
-}
-
-.dark .dark\:to-secondary-800 {
-  --tw-gradient-to: #565D6B;
-}
-
-.dark .dark\:\!text-primary-400 {
-  --tw-text-opacity: 1 !important;
-  color: rgb(143 174 224 / var(--tw-text-opacity)) !important;
-}
-
-.dark .dark\:text-neutral {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral), var(--tw-text-opacity));
-}
-
-.dark .dark\:text-neutral-100 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
-}
-
-.dark .dark\:text-neutral-200 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
-}
-
-.dark .dark\:text-neutral-300 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
-}
-
-.dark .dark\:text-neutral-400 {
-  --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
+  text-decoration-color: rgba(var(--color-primary-400), 1);
 }
 
 .dark .dark\:text-neutral-500 {
@@ -6350,9 +7327,24 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-neutral-700 {
+.dark .dark\:text-neutral {
   --tw-text-opacity: 1;
-  color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
+  color: rgba(var(--color-neutral), var(--tw-text-opacity));
+}
+
+.dark .dark\:text-primary-400 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
+}
+
+.dark .dark\:text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
+}
+
+.dark .dark\:text-neutral-300 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
 }
 
 .dark .dark\:text-neutral-800 {
@@ -6360,38 +7352,48 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-primary-200 {
+.dark .dark\:text-neutral-100 {
   --tw-text-opacity: 1;
-  color: rgb(199 215 240 / var(--tw-text-opacity));
+  color: rgba(var(--color-neutral-100), var(--tw-text-opacity));
 }
 
-.dark .dark\:text-primary-400 {
+.dark .dark\:text-neutral-700 {
   --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
+}
+
+.dark .dark\:text-neutral-200 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
+}
+
+.dark .dark\:text-primary-200 {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-primary-200), var(--tw-text-opacity));
 }
 
 .dark .dark\:opacity-60 {
   opacity: 0.6;
 }
 
-.dark .dark\:hover\:\!bg-primary-700:hover {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(40 81 146 / var(--tw-bg-opacity)) !important;
+.dark .dark\:hover\:bg-primary-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
 .dark .dark\:hover\:bg-primary-400:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(143 174 224 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:bg-primary-900:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+.dark .dark\:hover\:\!bg-primary-700:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
 }
 
-.dark .dark\:hover\:text-\[\#3b71ca\]:hover {
+.dark .dark\:hover\:text-primary-400:hover {
   --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
 .dark .dark\:hover\:text-neutral-800:hover {
@@ -6399,24 +7401,14 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
 }
 
-.dark .dark\:hover\:text-primary-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
-}
-
 .dark .dark\:focus\:bg-primary-900:focus {
   --tw-bg-opacity: 1;
-  background-color: rgb(24 48 88 / var(--tw-bg-opacity));
+  background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
 }
 
-.dark .dark\:focus\:text-\[\#3b71ca\]:focus {
+.dark .group:hover .dark\:group-hover\:text-primary-400 {
   --tw-text-opacity: 1;
-  color: rgb(59 113 202 / var(--tw-text-opacity));
-}
-
-.dark .dark\:focus\:text-primary-400:focus {
-  --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
+  color: rgba(var(--color-primary-400), var(--tw-text-opacity));
 }
 
 .dark .group:hover .dark\:group-hover\:text-neutral-700 {
@@ -6424,11 +7416,6 @@ body:has(#menu-controller:checked) {
   color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:text-primary-400 {
-  --tw-text-opacity: 1;
-  color: rgb(143 174 224 / var(--tw-text-opacity));
-}
-
 @media print {
   .print\:hidden {
     display: none;
@@ -6506,14 +7493,6 @@ body:has(#menu-controller:checked) {
 }
 
 @media (min-width: 853px) {
-  .md\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .md\:ml-12 {
-    margin-left: 3rem;
-  }
-
   .md\:mr-7 {
     margin-right: 1.75rem;
   }
@@ -6522,6 +7501,14 @@ body:has(#menu-controller:checked) {
     margin-top: 0px;
   }
 
+  .md\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .md\:-mr-16 {
+    margin-right: -4rem;
+  }
+
   .md\:flex {
     display: flex;
   }
@@ -6530,22 +7517,22 @@ body:has(#menu-controller:checked) {
     display: none;
   }
 
-  .md\:h-56 {
-    height: 14rem;
-  }
-
   .md\:h-\[200px\] {
     height: 200px;
   }
 
-  .md\:w-1\/3 {
-    width: 33.333333%;
+  .md\:h-56 {
+    height: 14rem;
   }
 
   .md\:w-auto {
     width: auto;
   }
 
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -6577,10 +7564,6 @@ body:has(#menu-controller:checked) {
     position: sticky;
   }
 
-  .lg\:left-0 {
-    left: 0px;
-  }
-
   .lg\:top-10 {
     top: 2.5rem;
   }
@@ -6589,6 +7572,10 @@ body:has(#menu-controller:checked) {
     top: 140px;
   }
 
+  .lg\:left-0 {
+    left: 0px;
+  }
+
   .lg\:order-last {
     order: 9999;
   }
@@ -6597,16 +7584,16 @@ body:has(#menu-controller:checked) {
     margin: 0px;
   }
 
-  .lg\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
   .lg\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
+  .lg\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
   .lg\:ml-auto {
     margin-left: auto;
   }
@@ -6635,12 +7622,16 @@ body:has(#menu-controller:checked) {
     height: 100%;
   }
 
+  .lg\:w-auto {
+    width: auto;
+  }
+
   .lg\:w-1\/4 {
     width: 25%;
   }
 
-  .lg\:w-auto {
-    width: auto;
+  .lg\:max-w-xs {
+    max-width: 20rem;
   }
 
   .lg\:max-w-7xl {
@@ -6651,10 +7642,6 @@ body:has(#menu-controller:checked) {
     max-width: none;
   }
 
-  .lg\:max-w-xs {
-    max-width: 20rem;
-  }
-
   .lg\:grid-flow-col-dense {
     grid-auto-flow: column dense;
   }
@@ -6675,16 +7662,16 @@ body:has(#menu-controller:checked) {
     padding: 12vh;
   }
 
-  .lg\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
   .lg\:px-32 {
     padding-left: 8rem;
     padding-right: 8rem;
   }
 
+  .lg\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -6695,9 +7682,9 @@ body:has(#menu-controller:checked) {
     padding-bottom: 4rem;
   }
 
-  .lg\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
+  .lg\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
   }
 
   [dir="ltr"] .ltr\:lg\:pl-8 {
@@ -6723,212 +7710,4 @@ body:has(#menu-controller:checked) {
   .\32xl\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
-}
-
-@media not all and (min-width: 853px) {
-  @media (orientation: landscape) {
-    .max-md\:landscape\:h-8 {
-      height: 2rem;
-    }
-  }
-}
-
-@media (min-width: 320px) {
-  @media not all and (min-width: 853px) {
-    @media (orientation: landscape) {
-      .xs\:max-md\:landscape\:mt-24 {
-        margin-top: 6rem;
-      }
-
-      .xs\:max-md\:landscape\:h-8 {
-        height: 2rem;
-      }
-
-      .xs\:max-md\:landscape\:h-\[360px\] {
-        height: 360px;
-      }
-
-      .xs\:max-md\:landscape\:h-full {
-        height: 100%;
-      }
-
-      .xs\:max-md\:landscape\:w-8 {
-        width: 2rem;
-      }
-
-      .xs\:max-md\:landscape\:w-\[475px\] {
-        width: 475px;
-      }
-
-      .xs\:max-md\:landscape\:flex-row {
-        flex-direction: row;
-      }
-    }
-  }
-
-  @media (max-width: 825px) {
-    @media (orientation: landscape) {
-      .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto {
-        height: auto;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\] {
-        min-height: 305px;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\] {
-        min-height: auto;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\] {
-        min-width: auto;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row {
-        flex-direction: row !important;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col {
-        flex-direction: column;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around {
-        justify-content: space-around !important;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto {
-        overflow-y: auto;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg {
-        border-radius: 0.5rem;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg {
-        border-bottom-left-radius: 0.5rem;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none {
-        border-bottom-left-radius: 0px;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none {
-        border-top-right-radius: 0px;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\] {
-        padding: 10px;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:pr-\[10px\] {
-        padding-right: 10px;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl {
-        font-size: 3rem;
-        line-height: 1;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\] {
-        font-size: 3rem;
-      }
-
-      .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal {
-        font-weight: 400;
-      }
-    }
-  }
-}
-
-.\[\&\.ps--clicking\]\:bg-\[\#eee\].ps--clicking {
-  --tw-bg-opacity: 1;
-  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
-}
-
-.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking {
-  opacity: 0.9 !important;
-}
-
-.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button {
-  display: block;
-}
-
-.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button {
-  height: 0px;
-}
-
-.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button {
-  background-color: transparent;
-}
-
-.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb {
-  height: 50px;
-}
-
-.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
-  border-radius: 0.25rem;
-}
-
-.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
-}
-
-.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece {
-  border-radius: 0px;
-}
-
-.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-l::-webkit-scrollbar-track-piece {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece {
-  background-color: transparent;
-}
-
-.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar {
-  height: 0.25rem;
-}
-
-.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
-  width: 0.25rem;
-}
-
-.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::-moz-placeholder {
-  opacity: 0;
-}
-
-.\[\&\:not\(\[data-te-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-te-input-placeholder-active])::placeholder {
-  opacity: 0;
-}
-
-.\[\&\>svg\]\:mx-auto>svg {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.\[\&\>svg\]\:h-4>svg {
-  height: 1rem;
-}
-
-.\[\&\>svg\]\:h-5>svg {
-  height: 1.25rem;
-}
-
-.\[\&\>svg\]\:w-4>svg {
-  width: 1rem;
-}
-
-.\[\&\>svg\]\:w-5>svg {
-  width: 1.25rem;
-}
-
-.\[\&\>svg\]\:rotate-180>svg {
-  --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));
-}
-
-.\[\&\>svg\]\:fill-neutral-500>svg {
-  fill: rgba(var(--color-neutral-500), 1);
 }
\ No newline at end of file
diff --git a/assets/icons/globe.svg b/assets/icons/globe.svg
new file mode 100644
index 00000000..1b4af7a5
--- /dev/null
+++ b/assets/icons/globe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M266.3 48.3L232.5 73.6c-5.4 4-8.5 10.4-8.5 17.1v9.1c0 6.8 5.5 12.3 12.3 12.3c2.4 0 4.8-.7 6.8-2.1l41.8-27.9c2-1.3 4.4-2.1 6.8-2.1h1c6.2 0 11.3 5.1 11.3 11.3c0 3-1.2 5.9-3.3 8l-19.9 19.9c-5.8 5.8-12.9 10.2-20.7 12.8l-26.5 8.8c-5.8 1.9-9.6 7.3-9.6 13.4c0 3.7-1.5 7.3-4.1 10l-17.9 17.9c-6.4 6.4-9.9 15-9.9 24v4.3c0 16.4 13.6 29.7 29.9 29.7c11 0 21.2-6.2 26.1-16l4-8.1c2.4-4.8 7.4-7.9 12.8-7.9c4.5 0 8.7 2.1 11.4 5.7l16.3 21.7c2.1 2.9 5.5 4.5 9.1 4.5c8.4 0 13.9-8.9 10.1-16.4l-1.1-2.3c-3.5-7 0-15.5 7.5-18l21.2-7.1c7.6-2.5 12.7-9.6 12.7-17.6c0-10.3 8.3-18.6 18.6-18.6H400c8.8 0 16 7.2 16 16s-7.2 16-16 16H379.3c-7.2 0-14.2 2.9-19.3 8l-4.7 4.7c-2.1 2.1-3.3 5-3.3 8c0 6.2 5.1 11.3 11.3 11.3h11.3c6 0 11.8 2.4 16 6.6l6.5 6.5c1.8 1.8 2.8 4.3 2.8 6.8s-1 5-2.8 6.8l-7.5 7.5C386 262 384 266.9 384 272s2 10 5.7 13.7L408 304c10.2 10.2 24.1 16 38.6 16H454c6.5-20.2 10-41.7 10-64c0-111.4-87.6-202.4-197.7-207.7zm172 307.9c-3.7-2.6-8.2-4.1-13-4.1c-6 0-11.8-2.4-16-6.6L396 332c-7.7-7.7-18-12-28.9-12c-9.7 0-19.2-3.5-26.6-9.8L314 287.4c-11.6-9.9-26.4-15.4-41.6-15.4H251.4c-12.6 0-25 3.7-35.5 10.7L188.5 301c-17.8 11.9-28.5 31.9-28.5 53.3v3.2c0 17 6.7 33.3 18.7 45.3l16 16c8.5 8.5 20 13.3 32 13.3H248c13.3 0 24 10.7 24 24c0 2.5 .4 5 1.1 7.3c71.3-5.8 132.5-47.6 165.2-107.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM187.3 100.7c-6.2-6.2-16.4-6.2-22.6 0l-32 32c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l32-32c6.2-6.2 6.2-16.4 0-22.6z"/></svg>
\ No newline at end of file
diff --git a/exampleSite/config/_default/languages.pt-PT.toml b/exampleSite/config/_default/languages.pt-PT.toml
new file mode 100644
index 00000000..67c2807e
--- /dev/null
+++ b/exampleSite/config/_default/languages.pt-PT.toml
@@ -0,0 +1,24 @@
+languageCode = "pt-PT"
+languageName = "PT"
+displayName = "PT"
+isoCode = "pt-PT"
+weight = 1
+rtl = false
+
+title = "Blowfish"
+logo = "img/blowfish_logo_transparent.png"
+description = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+# copyright = "Copy, _right?_ :thinking_face:"
+
+dateFormat = "2 January 2006"
+
+[author]
+  name = "Blowfish"
+  image = "img/blowfish_logo.png"
+  headline = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  bio = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  links = [
+    { twitter = "https://twitter.com/burufugu" },
+    { mastodon = "https://masto.ai/@blowfish" },
+    { github = "https://github.com/nunocoracao/blowfish" },
+  ]
diff --git a/exampleSite/content/samples/icons/index.md b/exampleSite/content/samples/icons/index.md
index eecaa9ca..c651b825 100644
--- a/exampleSite/content/samples/icons/index.md
+++ b/exampleSite/content/samples/icons/index.md
@@ -46,6 +46,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | ghost                | {{< icon ghost >}}                |
 | github               | {{< icon github >}}               |
 | gitlab               | {{< icon gitlab >}}               |
+| globe                | {{< icon globe >}}                |
 | goodreads            | {{< icon goodreads >}}            |
 | google               | {{< icon google >}}               |
 | hackernews           | {{< icon hackernews >}}           |
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 64790405..726b9133 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "Language"
+  
 article:
   anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/i18n/pt-PT.yaml b/i18n/pt-PT.yaml
index a7d1dda8..b9e31dff 100644
--- a/i18n/pt-PT.yaml
+++ b/i18n/pt-PT.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "Lingua"
+
 article:
   anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/layouts/partials/translations.html b/layouts/partials/translations.html
index e4724e3e..893556a9 100644
--- a/layouts/partials/translations.html
+++ b/layouts/partials/translations.html
@@ -1,7 +1,34 @@
 {{ if .IsTranslated }}
-  <div class="inline">
+<!--div class="inline">
     {{ range .AllTranslations }}
       <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
     {{ end }}
+  </div-->
+
+<div>
+  <div class="cursor-pointer flex items-center nested-menu">
+    <span class="mr-2">
+      {{ partial "icon.html" "globe" }}
+    </span>
+    <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+      {{- i18n "global.language" | markdownify | emojify -}}
+    </a>
+    <span>
+      {{ partial "icon.html" "chevron-down" }}
+    </span>
   </div>
-{{ end }}
+  <div class="absolute menuhide">
+    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
+      <div class="flex flex-col space-y-3">
+        {{ range .AllTranslations }}
+        <a href="{{ .RelPermalink }}" class="flex items-center">
+          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+            {{ .Language.Params.displayName | emojify }}
+          </p>
+        </a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
\ No newline at end of file

From 18b0736c46e755d00db7a59d7c2a1ff75abd48c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 17:37:14 +0000
Subject: [PATCH 07/14] updated mobile view

---
 layouts/partials/header/basic.html        |  2 +-
 layouts/partials/translations-mobile.html | 28 +++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/translations-mobile.html

diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 4f95f448..e500778f 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -61,7 +61,7 @@
 
             <span></span>
 
-            {{ partial "translations.html" . }}
+            {{ partial "translations-mobile.html" . }}
 
             {{ if .Site.Params.enableSearch | default false }}
             <button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
diff --git a/layouts/partials/translations-mobile.html b/layouts/partials/translations-mobile.html
new file mode 100644
index 00000000..6a7f7079
--- /dev/null
+++ b/layouts/partials/translations-mobile.html
@@ -0,0 +1,28 @@
+{{ if .IsTranslated }}
+<!--div class="inline">
+    {{ range .AllTranslations }}
+      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
+    {{ end }}
+  </div-->
+
+<div>
+  <div class="cursor-pointer flex items-center nested-menu">
+    <span>
+      {{ partial "icon.html" "globe" }}
+    </span>
+  </div>
+  <div class="absolute menuhide">
+    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
+      <div class="flex flex-col space-y-3">
+        {{ range .AllTranslations }}
+        <a href="{{ .RelPermalink }}" class="flex items-center">
+          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+            {{ .Language.Params.displayName | emojify }}
+          </p>
+        </a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
\ No newline at end of file

From be48836fcedc21dcd0d79342859b1ee6a88d93c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 17:42:41 +0000
Subject: [PATCH 08/14] updated ux

---
 i18n/en.yaml                              |  4 ++--
 i18n/pt-PT.yaml                           |  2 +-
 layouts/partials/header/basic.html        |  2 +-
 layouts/partials/translations-mobile.html | 28 -----------------------
 layouts/partials/translations.html        | 12 ----------
 5 files changed, 4 insertions(+), 44 deletions(-)
 delete mode 100644 layouts/partials/translations-mobile.html

diff --git a/i18n/en.yaml b/i18n/en.yaml
index 726b9133..e275bb8f 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1,6 +1,6 @@
 global:
-  language: "Language"
-  
+  language: "🇬🇧"
+
 article:
   anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/i18n/pt-PT.yaml b/i18n/pt-PT.yaml
index b9e31dff..5b5b6f67 100644
--- a/i18n/pt-PT.yaml
+++ b/i18n/pt-PT.yaml
@@ -1,5 +1,5 @@
 global:
-  language: "Lingua"
+  language: "🇵🇹"
 
 article:
   anchor_label: "Anchor"
diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index e500778f..4f95f448 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -61,7 +61,7 @@
 
             <span></span>
 
-            {{ partial "translations-mobile.html" . }}
+            {{ partial "translations.html" . }}
 
             {{ if .Site.Params.enableSearch | default false }}
             <button id="search-button-mobile" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
diff --git a/layouts/partials/translations-mobile.html b/layouts/partials/translations-mobile.html
deleted file mode 100644
index 6a7f7079..00000000
--- a/layouts/partials/translations-mobile.html
+++ /dev/null
@@ -1,28 +0,0 @@
-{{ if .IsTranslated }}
-<!--div class="inline">
-    {{ range .AllTranslations }}
-      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
-    {{ end }}
-  </div-->
-
-<div>
-  <div class="cursor-pointer flex items-center nested-menu">
-    <span>
-      {{ partial "icon.html" "globe" }}
-    </span>
-  </div>
-  <div class="absolute menuhide">
-    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
-      <div class="flex flex-col space-y-3">
-        {{ range .AllTranslations }}
-        <a href="{{ .RelPermalink }}" class="flex items-center">
-          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
-            {{ .Language.Params.displayName | emojify }}
-          </p>
-        </a>
-        {{ end }}
-      </div>
-    </div>
-  </div>
-</div>
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/translations.html b/layouts/partials/translations.html
index 893556a9..41e9b061 100644
--- a/layouts/partials/translations.html
+++ b/layouts/partials/translations.html
@@ -1,21 +1,9 @@
 {{ if .IsTranslated }}
-<!--div class="inline">
-    {{ range .AllTranslations }}
-      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
-    {{ end }}
-  </div-->
-
 <div>
   <div class="cursor-pointer flex items-center nested-menu">
-    <span class="mr-2">
-      {{ partial "icon.html" "globe" }}
-    </span>
     <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
       {{- i18n "global.language" | markdownify | emojify -}}
     </a>
-    <span>
-      {{ partial "icon.html" "chevron-down" }}
-    </span>
   </div>
   <div class="absolute menuhide">
     <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">

From a041386dc90a65595d4cf74f03298fcc1ec8d635 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 18:06:20 +0000
Subject: [PATCH 09/14] updated language files

---
 .../config/_default/languages.pt-PT.toml      |  24 ----
 .../content/docs/configuration/index.md       | 105 +++++++++---------
 i18n/bn.yaml                                  |   3 +
 i18n/cs.yaml                                  |   3 +
 i18n/de.yaml                                  |   3 +
 i18n/es.yaml                                  |   3 +
 i18n/fi.yaml                                  |   3 +
 i18n/fr.yaml                                  |   3 +
 i18n/he.yaml                                  |   3 +
 i18n/hr.yaml                                  |   3 +
 i18n/hu.yaml                                  |   3 +
 i18n/id.yaml                                  |   3 +
 i18n/it.yaml                                  |   3 +
 i18n/ja.yaml                                  |   3 +
 i18n/pl.yaml                                  |   3 +
 i18n/pt-BR.yaml                               |   3 +
 i18n/ro.yaml                                  |   3 +
 i18n/ru.yaml                                  |   3 +
 i18n/tr.yaml                                  |   3 +
 i18n/zh-CN.yaml                               |   3 +
 i18n/zh-TW.yaml                               |   3 +
 21 files changed, 111 insertions(+), 75 deletions(-)
 delete mode 100644 exampleSite/config/_default/languages.pt-PT.toml

diff --git a/exampleSite/config/_default/languages.pt-PT.toml b/exampleSite/config/_default/languages.pt-PT.toml
deleted file mode 100644
index 67c2807e..00000000
--- a/exampleSite/config/_default/languages.pt-PT.toml
+++ /dev/null
@@ -1,24 +0,0 @@
-languageCode = "pt-PT"
-languageName = "PT"
-displayName = "PT"
-isoCode = "pt-PT"
-weight = 1
-rtl = false
-
-title = "Blowfish"
-logo = "img/blowfish_logo_transparent.png"
-description = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-# copyright = "Copy, _right?_ :thinking_face:"
-
-dateFormat = "2 January 2006"
-
-[author]
-  name = "Blowfish"
-  image = "img/blowfish_logo.png"
-  headline = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  bio = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  links = [
-    { twitter = "https://twitter.com/burufugu" },
-    { mastodon = "https://masto.ai/@blowfish" },
-    { github = "https://github.com/nunocoracao/blowfish" },
-  ]
diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md
index 4b422576..167b5990 100644
--- a/exampleSite/content/docs/configuration/index.md
+++ b/exampleSite/content/docs/configuration/index.md
@@ -55,28 +55,31 @@ Blowfish is optimised for full multilingual websites and theme assets are transl
 
 The theme currently supports the following languages by default:
 
-| Language                              | Code    |
-| ------------------------------------- | ------- |
-| :gb: English                          | `en`    |
-| :bangladesh: Bengali                  | `bn`    |
-| :cn: Simplified Chinese (China)       | `zh-cn` |
-| :taiwan: Traditional Chinese (Taiwan) | `zh-tw` |
-| :finland: Finnish                     | `fi`    |
-| :fr: French                           | `fr`    |
-| :de: German                           | `de`    |
-| :israel: Hebrew                       | `he`    |
-| :hungary: Hungarian                   | `hu`    |
-| :it: Italian                          | `it`    |
-| :jp: Japanese                         | `ja`    |
-| :brazil: Portuguese (Brazil)          | `pt-br` |
-| :portugal: Portuguese (Portugal)      | `pt-pt` |
-| :poland: Polish                       | `pl`    |
-| :romania: Romanian                    | `ro`    |
-| :es: Spanish (Spain)                  | `es`    |
-| :tr: Turkish                          | `tr`    |
-| 🇭🇷 Croatian                            | `hr`    |
-| 🇮🇩 Indonesian                          | `id`    |
-| 🇨🇿 Czech                               | `cs`    |
+| Language                       | Code    |
+| ------------------------------ | ------- |
+| 🇧🇩 Bengali                      | `bn`    |
+| 🇨🇿 Czech                        | `cs`    |
+| 🇩🇪 German                       | `de`    |
+| 🇬🇧 English                      | `en`    |
+| 🇪🇸 Spanish (Spain)              | `es`    |
+| 🇫🇮 Finnish                      | `fi`    |
+| 🇫🇷 French                       | `fr`    |
+| 🇮🇱 Hebrew                       | `he`    |
+| 🇭🇷 Croatian                     | `hr`    |
+| 🇭🇺 Hungarian                    | `hu`    |
+| 🇮🇩 Indonesian                   | `id`    |
+| 🇮🇹 Italian                      | `it`    |
+| 🇯🇵 Japanese                     | `ja`    |
+| 🇵🇱 Polish                       | `pl`    |
+| 🇧🇷 Portuguese (Brazil)          | `pt-br` |
+| 🇵🇹 Portuguese (Portugal)        | `pt-pt` |
+| 🇷🇴 Romanian                     | `ro`    |
+| 🇷🇺 Russian                      | `ru`    |
+| 🇹🇷 Turkish                      | `tr`    |
+| 🇨🇳 Simplified Chinese (China)   | `zh-cn` |
+| 🇹🇼 Traditional Chinese (Taiwan) | `zh-tw` |
+
+
 
 The default translations can be overridden by creating a custom file in `i18n/[code].yaml` that contains the translation strings. You can also use this method to add new languages. If you'd like to share a new translation with the community, please [open a pull request](https://github.com/nunocoracao/blowfish/pulls).
 
@@ -143,7 +146,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `disableImageZoom`              | `false`      | Disables image zoom feature across all the images in the site.                                                                                                                                                                                    |
 | `disableImageOptimization`      | `false`      | Disables image resize and optimization features across all the images in the site.                                                                                                                                                                |
 | `defaultBackgroundImage`        | _Not set_    | Default background image for both `background` homepage layout and `background` hero style                                                                                                                                                        |
-| `defaultBackgrouclearndImage`        | _Not set_    | Marks menu entries in the main manu when selected                                                                                                                                                                                                 |
+| `defaultBackgrouclearndImage`   | _Not set_    | Marks menu entries in the main manu when selected                                                                                                                                                                                                 |
 | `smartTOC`                      | _Not set_    | Activate smart Table of Contents, items in view will be highlighted.                                                                                                                                                                              |
 | `smartTOCHideUnfocusedChildren` | _Not set_    | When smart Table of Contents is turned on, this will hide deeper levels of the table when they are not in focus.                                                                                                                                  |
 
@@ -176,34 +179,34 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `homepage.layoutBackgroundBlur` | `false`     | Makes the background image in the homepage layout blur with the scroll                                                                                                                                                                                                                                             |
 ### Article
 
-| Name                                  | Default   | Description                                                                                                                                                                                                                                                  |
-| ------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `article.showDate`                    | `true`    | Whether or not article dates are displayed.                                                                                                                                                                                                                  |
-| `article.showViews`                   | `false`   | Whether or not article views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                   |
-| `article.showLikes`                   | `false`   | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                   |
-| `article.showDateUpdated`             | `false`   | Whether or not the dates articles were updated are displayed.                                                                                                                                                                                                |
-| `article.showAuthor`                  | `true`    | Whether or not the author box is displayed in the article footer.                                                                                                                                                                                            |
-| `article.showHero`                    | `false`   | Whether the thumbnail image will be shown as a hero image within each article page.                                                                                                                                                                          |
-| `article.heroStyle`                   | _Not set_ | Style to display the hero image, valid options are: `basic`, `big`, `background`, `thumbAndBackground`.                                                                                                                                                      |
-| `article.layoutBackgroundBlur`        | `true`    | Makes the background image in the background article heroStyle blur with the scroll                                                                                                                                                                          |
-| `article.layoutBackgroundHeaderSpace` | `true`    | Add space between the header and the body.                                                                                                                                                                                                                   |
-| `article.showBreadcrumbs`             | `false`   | Whether or not breadcrumbs are displayed in the article header.                                                                                                                                                                                              |
-| `article.showDraftLabel`              | `true`    | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`.                                                                                                                                                        |
-| `article.showEdit`                    | `false`   | Whether or not the link to edit the article content should be displayed.                                                                                                                                                                                     |
-| `article.editURL`                     | _Not set_ | When `article.showEdit` is active, the URL for the edit link.                                                                                                                                                                                                |
-| `article.editAppendPath`              | `true`    | When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`.                                                                                                                    |
-| `article.seriesOpened`                | `false`   | Whether or not the series module will be displayed open by default or not.                                                                                                                                                                                   |
-| `article.showHeadingAnchors`          | `true`    | Whether or not heading anchor links are displayed alongside headings within articles.                                                                                                                                                                        |
-| `article.showPagination`              | `true`    | Whether or not the next/previous article links are displayed in the article footer.                                                                                                                                                                          |
-| `article.invertPagination`            | `false`   | Whether or not to flip the direction of the next/previous article links.                                                                                                                                                                                     |
-| `article.showReadingTime`             | `true`    | Whether or not article reading times are displayed.                                                                                                                                                                                                          |
-| `article.showTableOfContents`         | `false`   | Whether or not the table of contents is displayed on articles.                                                                                                                                                                                               |
-| `article.showTaxonomies`              | `false`   | Whether or not the taxonomies related to this article are displayed.                                                                                                                                                                                         |
-| `article.showAuthorsBadges`           | `false`   | Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature. |
-| `article.showWordCount`               | `false`   | Whether or not article word counts are displayed.                                                                                                                                                                                                            |
-| `article.showComments`                | `false`   | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer.                                                                                                                                                 |
+| Name                                  | Default   | Description                                                                                                                                                                                                                                                    |
+| ------------------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `article.showDate`                    | `true`    | Whether or not article dates are displayed.                                                                                                                                                                                                                    |
+| `article.showViews`                   | `false`   | Whether or not article views are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                     |
+| `article.showLikes`                   | `false`   | Whether or not article likes are displayed. This requires firebase integrations to be enabled, look below.                                                                                                                                                     |
+| `article.showDateUpdated`             | `false`   | Whether or not the dates articles were updated are displayed.                                                                                                                                                                                                  |
+| `article.showAuthor`                  | `true`    | Whether or not the author box is displayed in the article footer.                                                                                                                                                                                              |
+| `article.showHero`                    | `false`   | Whether the thumbnail image will be shown as a hero image within each article page.                                                                                                                                                                            |
+| `article.heroStyle`                   | _Not set_ | Style to display the hero image, valid options are: `basic`, `big`, `background`, `thumbAndBackground`.                                                                                                                                                        |
+| `article.layoutBackgroundBlur`        | `true`    | Makes the background image in the background article heroStyle blur with the scroll                                                                                                                                                                            |
+| `article.layoutBackgroundHeaderSpace` | `true`    | Add space between the header and the body.                                                                                                                                                                                                                     |
+| `article.showBreadcrumbs`             | `false`   | Whether or not breadcrumbs are displayed in the article header.                                                                                                                                                                                                |
+| `article.showDraftLabel`              | `true`    | Whether or not the draft indicator is shown next to articles when site is built with `--buildDrafts`.                                                                                                                                                          |
+| `article.showEdit`                    | `false`   | Whether or not the link to edit the article content should be displayed.                                                                                                                                                                                       |
+| `article.editURL`                     | _Not set_ | When `article.showEdit` is active, the URL for the edit link.                                                                                                                                                                                                  |
+| `article.editAppendPath`              | `true`    | When `article.showEdit` is active, whether or not the path to the current article should be appended to the URL set at `article.editURL`.                                                                                                                      |
+| `article.seriesOpened`                | `false`   | Whether or not the series module will be displayed open by default or not.                                                                                                                                                                                     |
+| `article.showHeadingAnchors`          | `true`    | Whether or not heading anchor links are displayed alongside headings within articles.                                                                                                                                                                          |
+| `article.showPagination`              | `true`    | Whether or not the next/previous article links are displayed in the article footer.                                                                                                                                                                            |
+| `article.invertPagination`            | `false`   | Whether or not to flip the direction of the next/previous article links.                                                                                                                                                                                       |
+| `article.showReadingTime`             | `true`    | Whether or not article reading times are displayed.                                                                                                                                                                                                            |
+| `article.showTableOfContents`         | `false`   | Whether or not the table of contents is displayed on articles.                                                                                                                                                                                                 |
+| `article.showTaxonomies`              | `false`   | Whether or not the taxonomies related to this article are displayed.                                                                                                                                                                                           |
+| `article.showAuthorsBadges`           | `false`   | Whether the `authors` taxonomies are are displayed in the article or list header. This requires the setup of `multiple authors` and the `authors` taxonomy. Check [this page]({{< ref "multi-author" >}}) for more details on how to configure that feature.   |
+| `article.showWordCount`               | `false`   | Whether or not article word counts are displayed.                                                                                                                                                                                                              |
+| `article.showComments`                | `false`   | Whether or not the [comments partial]({{< ref "partials#comments" >}}) is included after the article footer.                                                                                                                                                   |
 | `article.showSummary`                 | `false`   | Whether or not article summaries are displayed on list pages. If a summary is not provided in the [front matter]({{< ref "front-matter" >}}), one will be auto generated using the `summaryLength` parameter in the [site configuration](#site-configuration). |
-| `article.sharingLinks`                | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed.                                                                                                                                  |
+| `article.sharingLinks`                | _Not set_ | Which sharing links to display at the end of each article. When not provided, or set to `false` no links will be displayed.                                                                                                                                    |
 
 ### List
 
@@ -223,7 +226,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 | `list.cardView`                    | `false`   | Display lists as a gallery of cards.                                                                                                                                                                                                                           |
 | `list.cardViewScreenWidth`         | `false`   | Enhance the width of card galleries in lists to take the full width available.                                                                                                                                                                                 |
 | `list.constrainItemsWidth`         | `false`   | Limit item width to `prose` to increase readability. Useful when no feature images are available.                                                                                                                                                              |
-| `list.showTableOfContents`         | `false`   | Whether or not the table of contents is displayed on articles.                                                                                                                                                                                               |
+| `list.showTableOfContents`         | `false`   | Whether or not the table of contents is displayed on articles.                                                                                                                                                                                                 |
 
 ### Sitemap
 
diff --git a/i18n/bn.yaml b/i18n/bn.yaml
index 71434172..0c5f0968 100644
--- a/i18n/bn.yaml
+++ b/i18n/bn.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇧🇩"
+
 article:
   anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/i18n/cs.yaml b/i18n/cs.yaml
index f5a3908c..32dfc798 100644
--- a/i18n/cs.yaml
+++ b/i18n/cs.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇨🇿"
+
 article:
   anchor_label: "Kotva"
   date: "{{ .Date }}"
diff --git a/i18n/de.yaml b/i18n/de.yaml
index e227f08c..e1fd76e8 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇩🇪"
+
 article:
   anchor_label: "Anker"
   date: "{{ .Date }}"
diff --git a/i18n/es.yaml b/i18n/es.yaml
index da866a03..31884f22 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇪🇸"
+
 article:
   anchor_label: "Ancla"
   date: "{{ .Date }}"
diff --git a/i18n/fi.yaml b/i18n/fi.yaml
index 889a538e..c66827c5 100644
--- a/i18n/fi.yaml
+++ b/i18n/fi.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇫🇮"
+
 article:
   anchor_label: "Ankkuri"
   date: "{{ .Date }}"
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index 3d03002e..5016d58c 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇫🇷"
+
 article:
   anchor_label: "Ancre"
   date: "{{ .Date }}"
diff --git a/i18n/he.yaml b/i18n/he.yaml
index abef5192..39b3e575 100644
--- a/i18n/he.yaml
+++ b/i18n/he.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇮🇱"
+
 article:
   anchor_label: "עוגן"
   date: "{{ .Date }}"
diff --git a/i18n/hr.yaml b/i18n/hr.yaml
index ce6debbf..64fa9b14 100644
--- a/i18n/hr.yaml
+++ b/i18n/hr.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇭🇷"
+
 article:
   anchor_label: "Sidro"
   date: "{{ .Date }}"
diff --git a/i18n/hu.yaml b/i18n/hu.yaml
index 6798aac5..a13ed816 100644
--- a/i18n/hu.yaml
+++ b/i18n/hu.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇭🇺"
+
 article:
   anchor_label: "Horgony"
   date: "{{ .Date }}"
diff --git a/i18n/id.yaml b/i18n/id.yaml
index 37de691a..5da3a252 100644
--- a/i18n/id.yaml
+++ b/i18n/id.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇮🇩"
+
 article:
   anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/i18n/it.yaml b/i18n/it.yaml
index 3e85cb3c..29ea00bf 100644
--- a/i18n/it.yaml
+++ b/i18n/it.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇮🇹"
+
 article:
   anchor_label: "Ancora"
   date: "{{ .Date }}"
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
index 927019eb..897573c9 100644
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇯🇵"
+
 article:
   anchor_label: "アンカー"
   date: "{{ .Date }}"
diff --git a/i18n/pl.yaml b/i18n/pl.yaml
index 9fcc5454..04f94d8e 100644
--- a/i18n/pl.yaml
+++ b/i18n/pl.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇵🇱"
+
 article:
   anchor_label: "Kotwica"
   date: "{{ .Date }}"
diff --git a/i18n/pt-BR.yaml b/i18n/pt-BR.yaml
index 0755d0aa..b29edd38 100644
--- a/i18n/pt-BR.yaml
+++ b/i18n/pt-BR.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇧🇷"
+
 article:
   anchor_label: "Âncora"
   date: "{{ .Date }}"
diff --git a/i18n/ro.yaml b/i18n/ro.yaml
index 959aac8e..64b8c1d9 100644
--- a/i18n/ro.yaml
+++ b/i18n/ro.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇷🇴"
+
 article:
   anchor_label: "Link"
   date: "{{ .Date }}"
diff --git a/i18n/ru.yaml b/i18n/ru.yaml
index f3f80df1..8f68df62 100644
--- a/i18n/ru.yaml
+++ b/i18n/ru.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇷🇺"
+
 article:
   anchor_label: "Якорь"
   date: "{{ .Date }}"
diff --git a/i18n/tr.yaml b/i18n/tr.yaml
index 9e1f5e55..37c7635e 100644
--- a/i18n/tr.yaml
+++ b/i18n/tr.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇹🇷"
+
 article:
   # anchor_label: "Anchor"
   date: "{{ .Date }}"
diff --git a/i18n/zh-CN.yaml b/i18n/zh-CN.yaml
index 875bb579..bf9a73f4 100644
--- a/i18n/zh-CN.yaml
+++ b/i18n/zh-CN.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇨🇳"
+
 article:
   anchor_label: "锚点"
   date: "{{ .Date }}"
diff --git a/i18n/zh-TW.yaml b/i18n/zh-TW.yaml
index b7c8eaac..f43fed39 100644
--- a/i18n/zh-TW.yaml
+++ b/i18n/zh-TW.yaml
@@ -1,3 +1,6 @@
+global:
+  language: "🇹🇼"
+
 article:
   anchor_label: "定位點"
   date: "{{ .Date }}"

From adab0c27c64e10b2de14578128cdaabc0d2de6d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 18:45:55 +0000
Subject: [PATCH 10/14] =?UTF-8?q?=E2=9C=A8=20New=20header=20menu=20with=20?=
 =?UTF-8?q?base=20background=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/_default/params.toml                     | 2 +-
 exampleSite/config/_default/params.toml         | 2 +-
 exampleSite/content/docs/configuration/index.md | 2 +-
 layouts/partials/header/fixed-fill.html         | 6 ++++++
 layouts/partials/header/fixed.html              | 2 +-
 5 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 layouts/partials/header/fixed-fill.html

diff --git a/config/_default/params.toml b/config/_default/params.toml
index 5b920ab5..f90e7fdb 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -24,7 +24,7 @@ disableImageOptimization = false
 # smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "basic" # valid options: basic, fixed
+  layout = "basic" # valid options: basic, fixed, fixed-fill
 
 [footer]
   showMenu = true
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 3b25e6c8..1fe7c009 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -24,7 +24,7 @@ smartTOC = true
 smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "fixed" # valid options: basic, fixed
+  layout = "fixed-fill" # valid options: basic, fixed, fixed-fill
 
 [footer]
   showMenu = true
diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md
index 167b5990..ad9e1e97 100644
--- a/exampleSite/content/docs/configuration/index.md
+++ b/exampleSite/content/docs/configuration/index.md
@@ -154,7 +154,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 
 | Name            | Default   | Description                                                                       |
 | --------------- | --------- | --------------------------------------------------------------------------------- |
-| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic` and `fixed`. |
+| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, and `fixed-fill`. |
 ### Footer
 
 | Name                            | Default | Description                                                                                                                                                                                                               |
diff --git a/layouts/partials/header/fixed-fill.html b/layouts/partials/header/fixed-fill.html
new file mode 100644
index 00000000..4d73a1f4
--- /dev/null
+++ b/layouts/partials/header/fixed-fill.html
@@ -0,0 +1,6 @@
+<div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px] bg-neutral dark:bg-neutral-800" style="z-index:100">
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    {{ partial "partials/header/basic.html" . }}
+  </div>
+</div>
diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html
index 609e3d80..8e3f64d5 100644
--- a/layouts/partials/header/fixed.html
+++ b/layouts/partials/header/fixed.html
@@ -1,5 +1,5 @@
 <div class="min-h-[148px]"></div>
-<div class="fixed inset-x-0 pl-[24px] pr-[24px] sbackdrop-blur-xl sshadown-2xl" style="z-index:100">
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
   <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
   <div class="relative max-w-[64rem] ml-auto mr-auto">
     {{ partial "partials/header/basic.html" . }}

From ab72fb2104507a7cb7e5606b34851b79d9abb6bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 18:46:21 +0000
Subject: [PATCH 11/14] normal site config

---
 exampleSite/config/_default/params.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 1fe7c009..966e9123 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -24,7 +24,7 @@ smartTOC = true
 smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "fixed-fill" # valid options: basic, fixed, fixed-fill
+  layout = "fixed" # valid options: basic, fixed, fixed-fill
 
 [footer]
   showMenu = true

From 3c5be0854d51db388a30f80a6f322e1eaad9d357 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 19:14:28 +0000
Subject: [PATCH 12/14] :sparkles: add support for meta theme-color with bg
 color

---
 assets/js/appearance.js    | 17 ++++++++++++++++-
 layouts/partials/head.html |  2 +-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/assets/js/appearance.js b/assets/js/appearance.js
index af3e41b9..d5b1b053 100644
--- a/assets/js/appearance.js
+++ b/assets/js/appearance.js
@@ -26,6 +26,8 @@ window.addEventListener("DOMContentLoaded", (event) => {
   const switcher = document.getElementById("appearance-switcher");
   const switcherMobile = document.getElementById("appearance-switcher-mobile");
 
+  updateMeta()
+
   if (switcher) {
     switcher.addEventListener("click", () => {
       document.documentElement.classList.toggle("dark");
@@ -33,6 +35,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
         "appearance",
         document.documentElement.classList.contains("dark") ? "dark" : "light"
       );
+      updateMeta()
     });
     switcher.addEventListener("contextmenu", (event) => {
       event.preventDefault();
@@ -46,10 +49,22 @@ window.addEventListener("DOMContentLoaded", (event) => {
         "appearance",
         document.documentElement.classList.contains("dark") ? "dark" : "light"
       );
+      updateMeta()
     });
     switcherMobile.addEventListener("contextmenu", (event) => {
       event.preventDefault();
       localStorage.removeItem("appearance");
     });
   }
-});
\ No newline at end of file
+});
+
+
+var updateMeta = () => {
+  var elem, style;
+  elem = document.querySelector('body');
+  console.log(elem)
+  style = getComputedStyle(elem);
+  console.log(style.backgroundColor)
+
+  document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor);
+}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 327b2d59..e1917c31 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -118,7 +118,7 @@
   {{ if templates.Exists "partials/extend-head.html" }}
   {{ partialCached "extend-head.html" .Site }}
   {{ end }}
-  
+  <meta name="theme-color"/>
   {{/* Firebase */}}
   {{ with $.Site.Params.firebase }}
   {{ if isset $.Site.Params "firebase" }}

From ef2392e891a845a9721a788feb5576a4135f8c9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 19:23:10 +0000
Subject: [PATCH 13/14] added new header

---
 assets/js/appearance.js                         |  3 ---
 config/_default/params.toml                     |  2 +-
 exampleSite/config/_default/params.toml         |  2 +-
 exampleSite/content/docs/configuration/index.md |  2 +-
 layouts/partials/header/fixed-fill-blur.html    | 14 ++++++++++++++
 5 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 layouts/partials/header/fixed-fill-blur.html

diff --git a/assets/js/appearance.js b/assets/js/appearance.js
index d5b1b053..0acf9f18 100644
--- a/assets/js/appearance.js
+++ b/assets/js/appearance.js
@@ -62,9 +62,6 @@ window.addEventListener("DOMContentLoaded", (event) => {
 var updateMeta = () => {
   var elem, style;
   elem = document.querySelector('body');
-  console.log(elem)
   style = getComputedStyle(elem);
-  console.log(style.backgroundColor)
-
   document.querySelector('meta[name="theme-color"]').setAttribute('content', style.backgroundColor);
 }
\ No newline at end of file
diff --git a/config/_default/params.toml b/config/_default/params.toml
index f90e7fdb..5d5f35ce 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -24,7 +24,7 @@ disableImageOptimization = false
 # smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "basic" # valid options: basic, fixed, fixed-fill
+  layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
 
 [footer]
   showMenu = true
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 966e9123..406813f3 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -24,7 +24,7 @@ smartTOC = true
 smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "fixed" # valid options: basic, fixed, fixed-fill
+  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
 
 [footer]
   showMenu = true
diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md
index ad9e1e97..e1310e61 100644
--- a/exampleSite/content/docs/configuration/index.md
+++ b/exampleSite/content/docs/configuration/index.md
@@ -154,7 +154,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 
 | Name            | Default   | Description                                                                       |
 | --------------- | --------- | --------------------------------------------------------------------------------- |
-| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, and `fixed-fill`. |
+| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, `fixed-fill`, and `fixed-fill-blur`. |
 ### Footer
 
 | Name                            | Default | Description                                                                                                                                                                                                               |
diff --git a/layouts/partials/header/fixed-fill-blur.html b/layouts/partials/header/fixed-fill-blur.html
new file mode 100644
index 00000000..534fe989
--- /dev/null
+++ b/layouts/partials/header/fixed-fill-blur.html
@@ -0,0 +1,14 @@
+<div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
+  <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom bg-neutral dark:bg-neutral-800"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    {{ partial "partials/header/basic.html" . }}
+  </div>
+</div>
+<script>
+  window.addEventListener('scroll', function (e) {
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    var background_blur = document.getElementById('menu-blur');
+    background_blur.style.opacity = (scroll / 300);
+  });
+</script>

From f49a0ef899c3131b10c4f32b4923a738c5ccc3af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 19:25:23 +0000
Subject: [PATCH 14/14] updated version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e7be51b7..ebcf216f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",