From cabaf2bb3e1a80c95619197cffa603c842de64f7 Mon Sep 17 00:00:00 2001
From: quangdz1704 <Ntq.1704@gmail.com>
Date: Fri, 12 Jul 2024 15:22:26 +0700
Subject: [PATCH 1/2] feat: udpate style

---
 package.json                              |    2 +-
 src/components/ProposalListItem.vue       |   22 +-
 src/modules/[chain]/account/[address].vue |    8 +-
 src/modules/[chain]/ibc/index.vue         |    2 +-
 src/modules/[chain]/index.vue             |   15 +-
 src/modules/[chain]/staking/index.vue     |    2 +-
 src/style.css                             |    4 +-
 src/style.output.css                      | 7145 +++++++++++++++++++++
 yarn.lock                                 |   35 +-
 9 files changed, 7205 insertions(+), 30 deletions(-)
 create mode 100644 src/style.output.css

diff --git a/package.json b/package.json
index 6227942a..f7ce5daf 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "qrcode": "^1.5.3",
     "secretjs": "^1.12.4",
     "shiki": "^1.2.1",
-    "tailwindcss": "^3.3.1",
+    "tailwindcss": "^3.3.2",
     "theme-change": "^2.5.0",
     "vite-plugin-vue-layouts": "^0.7.0",
     "vue": "^3.2.45",
diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 164c019c..9d378b6f 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -57,14 +57,10 @@ function metaItem(metadata: string | undefined): {
         <tr
           v-for="(item, index) in proposals?.proposals"
           :key="index"
-          class="hover:bg-[#47474B] cursor-pointer border-b border-b-[#242627] px-4"
+          class="hover:bg-[#47474B] cursor-pointer border-b border-b-[#242627] px-4 rounded"
         >
           <td class="px-4 w-20">
-            <label
-              for="proposal-detail-modal"
-              class="text-main text-base hover:text-indigo-400 cursor-pointer"
-              @click="proposalInfo = item"
-            >
+            <label for="proposal-detail-modal" class="text-main text-base">
               #{{ item?.proposalId }}</label
             >
           </td>
@@ -171,11 +167,9 @@ function metaItem(metadata: string | undefined): {
             class="flex-1 w-0 truncate mr-4"
             >{{ item?.title }}</RouterLink
           >
-          <label
-            for="proposal-detail-modal"
-            class="text-main text-base hover:text-indigo-400 cursor-pointer"
-            @click="proposalInfo = item"
-          >
+          <label for="proposal-detail-modal" class="text-main text-base">
+            <!-- @click="proposalInfo = item" -->
+            <!-- hover:text-indigo-400 cursor-pointer -->
             #{{ item?.proposalId }}</label
           >
         </div>
@@ -257,8 +251,8 @@ function metaItem(metadata: string | undefined): {
       </div>
     </div>
 
-    <input type="checkbox" id="proposal-detail-modal" class="modal-toggle" />
-    <label for="proposal-detail-modal" class="modal">
+    <!-- <input type="checkbox" id="proposal-detail-modal" class="modal-toggle" /> -->
+    <!-- <label for="proposal-detail-modal" class="modal">
       <label class="modal-box !w-11/12 !max-w-5xl" for="">
         <label
           for="proposal-detail-modal"
@@ -290,6 +284,6 @@ function metaItem(metadata: string | undefined): {
           </Component>
         </p>
       </label>
-    </label>
+    </label> -->
   </div>
 </template>
diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 0bd4173b..209703b4 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -189,13 +189,13 @@ function mapAmount(events: readonly Event[]) {
         <div class="flex justify-end mb-4 pr-5">
           <label
             for="send"
-            class="btn btn-secondary-sm btn-sm mr-2"
+            class="btn btn-third-sm btn-sm mr-2"
             @click="dialog.open('send', {}, updateEvent)"
             >{{ $t('account.btn_send') }}</label
           >
           <label
             for="transfer"
-            class="btn btn-secondary-sm btn-sm"
+            class="btn btn-third-sm btn-sm"
             @click="
               dialog.open(
                 'transfer',
@@ -397,13 +397,13 @@ function mapAmount(events: readonly Event[]) {
         <div class="flex justify-end mb-4">
           <label
             for="delegate"
-            class="btn btn-secondary-sm btn-sm mr-2"
+            class="btn btn-third-sm btn-sm mr-2"
             @click="dialog.open('delegate', {}, updateEvent)"
             >{{ $t('account.btn_delegate') }}</label
           >
           <label
             for="withdraw"
-            class="btn btn-secondary-sm btn-sm"
+            class="btn btn-third-sm btn-sm"
             @click="dialog.open('withdraw', {}, updateEvent)"
             >{{ $t('account.btn_withdraw') }}</label
           >
diff --git a/src/modules/[chain]/ibc/index.vue b/src/modules/[chain]/ibc/index.vue
index 8e1ebf38..90c3b7f5 100644
--- a/src/modules/[chain]/ibc/index.vue
+++ b/src/modules/[chain]/ibc/index.vue
@@ -36,7 +36,7 @@ onMounted(() => {
         <div v-show="tab === 'registry'" class="flex flex-wrap gap-4 p-4">
           <span
             v-for="s in ibcStore.commonIBCs"
-            class="btn btn-secondary-sm"
+            class="btn btn-third-sm"
             @click="ibcStore.fetchConnection(s.path)"
             >{{ s.from }} &#x21cc; {{ s.to }}</span
           >
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 5f00d2e6..b0ede32b 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -248,7 +248,7 @@ const amount = computed({
 
             <div class="flex">
               <a
-                class="my-5 !text-white btn grow bg-primary border-0 filter hover:brightness-150 hover:bg-primary"
+                class="my-5 !text-white btn grow bg-primary border-0 hover:brightness-150 hover:bg-primary"
                 :class="{
                   // 'bg-primary border-0 filter hover:brightness-150 ':
                   //   store.trustColor === 'green',
@@ -426,7 +426,10 @@ const amount = computed({
             >
               {{ walletStore.currentAddress || 'Not Connected' }}
             </p>
-            <CopyAddress :fillSvg="'#B999F3'" />
+            <CopyAddress
+              v-if="walletStore.currentAddress"
+              :fillSvg="'#B999F3'"
+            />
           </div>
         </div>
         <RouterLink
@@ -451,13 +454,13 @@ const amount = computed({
           </div>
 
           <div>
-            <label for="PingTokenConvert" class="btn btn-secondary mr-4">
+            <label for="PingTokenConvert" class="btn btn-third mr-4">
               <Icon icon="mdi:swap-vertical" width="20" height="20" />
               {{ $t('index.btn_swap') }}
             </label>
             <label
               for="send"
-              class="btn btn-secondary"
+              class="btn btn-third"
               @click="dialog.open('send', {}, updateState)"
             >
               <img :src="sendImg" alt="sendIcon" width="20" height="20" />
@@ -478,7 +481,7 @@ const amount = computed({
 
           <label
             for="delegate"
-            class="btn btn-secondary"
+            class="btn btn-third"
             @click="dialog.open('delegate', {}, updateState)"
           >
             <img :src="delegateImg" alt="delegate" width="20" height="20" />
@@ -528,7 +531,7 @@ const amount = computed({
             <tr v-for="(item, index) in walletStore.delegations" :key="index">
               <td>
                 <RouterLink
-                  class="link link-primary no-underline text-link"
+                  class="link link-primary no-underline text-link hover:brightness-150 hover:text-link"
                   :to="`/${chain}/staking/${item?.delegation?.validatorAddress}`"
                 >
                   {{
diff --git a/src/modules/[chain]/staking/index.vue b/src/modules/[chain]/staking/index.vue
index efc34912..aaaadd18 100644
--- a/src/modules/[chain]/staking/index.vue
+++ b/src/modules/[chain]/staking/index.vue
@@ -519,7 +519,7 @@ loadAvatars();
                     <label
                       v-else
                       for="delegate"
-                      class="btn-secondary !py-1 !px-3 capitalize !h-[unset]"
+                      class="btn-third !py-1 !px-3 capitalize !h-[unset]"
                       @click="
                         dialog.open('delegate', {
                           validator_address: v.operatorAddress,
diff --git a/src/style.css b/src/style.css
index 28dca770..001684e5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -202,11 +202,11 @@ table td {
   background-size: 112% 112%;
 }
 
-.btn-secondary {
+.btn-third {
   @apply cursor-pointer bg-base rounded-lg border border-[#383B40] px-6 py-[14px] h-[48px] text-[14px] font-medium text-white hover:brightness-150 hover:bg-base hover:border-[#383B40];
 }
 
-.btn-secondary-sm {
+.btn-third-sm {
   @apply cursor-pointer bg-base rounded-lg border border-[#383B40] px-3 py-1 text-[14px] font-medium text-white hover:brightness-150 hover:bg-base hover:border-[#383B40];
 }
 
diff --git a/src/style.output.css b/src/style.output.css
new file mode 100644
index 00000000..04798e8e
--- /dev/null
+++ b/src/style.output.css
@@ -0,0 +1,7145 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
+
+/*
+! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: #e5e7eb;
+  /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+*/
+
+html {
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4;
+  /* 3 */
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  font-weight: inherit;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
+:root,
+[data-theme]{
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
+  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
+}
+
+html{
+  -webkit-tap-highlight-color: transparent;
+}
+
+:root{
+  color-scheme: light;
+  --pf: 262 79% 48%;
+  --sf: 314 100% 40%;
+  --af: 174 75% 39%;
+  --nf: 214 20% 14%;
+  --in: 198 93% 60%;
+  --su: 158 64% 52%;
+  --wa: 43 96% 56%;
+  --er: 0 91% 71%;
+  --inc: 198 100% 12%;
+  --suc: 158 100% 10%;
+  --wac: 43 100% 11%;
+  --erc: 0 100% 14%;
+  --rounded-box: 1rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: .2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --p: 262 79% 55%;
+  --pc: 259 96% 91%;
+  --s: 314 100% 47%;
+  --sc: 314 100% 91%;
+  --a: 174 75% 46%;
+  --ac: 174 75% 11%;
+  --n: 214 20% 21%;
+  --nc: 212 19% 87%;
+  --b1: 0 0% 100%;
+  --b2: 0 0% 95%;
+  --b3: 180 2% 90%;
+  --bc: 215 28% 17%;
+}
+
+@media (prefers-color-scheme: dark){
+  :root{
+    color-scheme: dark;
+    --pf: 262 79% 48%;
+    --sf: 316 70% 43%;
+    --af: 175 70% 34%;
+    --in: 198 93% 60%;
+    --su: 158 64% 52%;
+    --wa: 43 96% 56%;
+    --er: 0 91% 71%;
+    --inc: 198 100% 12%;
+    --suc: 158 100% 10%;
+    --wac: 43 100% 11%;
+    --erc: 0 100% 14%;
+    --rounded-box: 1rem;
+    --rounded-btn: 0.5rem;
+    --rounded-badge: 1.9rem;
+    --animation-btn: 0.25s;
+    --animation-input: .2s;
+    --btn-text-case: uppercase;
+    --btn-focus-scale: 0.95;
+    --border-btn: 1px;
+    --tab-border: 1px;
+    --tab-radius: 0.5rem;
+    --p: 262 79% 55%;
+    --pc: 0 0% 100%;
+    --s: 316 70% 50%;
+    --sc: 0 0% 100%;
+    --a: 175 70% 41%;
+    --ac: 0 0% 100%;
+    --n: 213 18% 20%;
+    --nf: 212 17% 17%;
+    --nc: 220 13% 69%;
+    --b1: 240 5% 8%;
+    --b2: 240 4% 10%;
+    --b3: 218 7% 24%;
+    --bc: 220 13% 69%;
+  }
+}
+
+[data-theme=light]{
+  color-scheme: light;
+  --pf: 262 79% 48%;
+  --sf: 314 100% 40%;
+  --af: 174 75% 39%;
+  --nf: 214 20% 14%;
+  --in: 198 93% 60%;
+  --su: 158 64% 52%;
+  --wa: 43 96% 56%;
+  --er: 0 91% 71%;
+  --inc: 198 100% 12%;
+  --suc: 158 100% 10%;
+  --wac: 43 100% 11%;
+  --erc: 0 100% 14%;
+  --rounded-box: 1rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: .2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --p: 262 79% 55%;
+  --pc: 259 96% 91%;
+  --s: 314 100% 47%;
+  --sc: 314 100% 91%;
+  --a: 174 75% 46%;
+  --ac: 174 75% 11%;
+  --n: 214 20% 21%;
+  --nc: 212 19% 87%;
+  --b1: 0 0% 100%;
+  --b2: 0 0% 95%;
+  --b3: 180 2% 90%;
+  --bc: 215 28% 17%;
+}
+
+[data-theme=dark]{
+  color-scheme: dark;
+  --pf: 262 79% 48%;
+  --sf: 316 70% 43%;
+  --af: 175 70% 34%;
+  --in: 198 93% 60%;
+  --su: 158 64% 52%;
+  --wa: 43 96% 56%;
+  --er: 0 91% 71%;
+  --inc: 198 100% 12%;
+  --suc: 158 100% 10%;
+  --wac: 43 100% 11%;
+  --erc: 0 100% 14%;
+  --rounded-box: 1rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: .2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --p: 262 79% 55%;
+  --pc: 0 0% 100%;
+  --s: 316 70% 50%;
+  --sc: 0 0% 100%;
+  --a: 175 70% 41%;
+  --ac: 0 0% 100%;
+  --n: 213 18% 20%;
+  --nf: 212 17% 17%;
+  --nc: 220 13% 69%;
+  --b1: 240 5% 8%;
+  --b2: 240 4% 10%;
+  --b3: 218 7% 24%;
+  --bc: 220 13% 69%;
+}
+
+*, ::before, ::after{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+
+::backdrop{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+
+.alert{
+  display: grid;
+  width: 100%;
+  grid-auto-flow: row;
+  align-content: flex-start;
+  align-items: center;
+  justify-items: center;
+  gap: 1rem;
+  text-align: center;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  padding: 1rem;
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  border-radius: var(--rounded-box, 1rem);
+  --alert-bg: hsl(var(--b2));
+  --alert-bg-mix: hsl(var(--b1));
+  background-color: var(--alert-bg);
+}
+
+@media (min-width: 640px){
+  .alert{
+    grid-auto-flow: column;
+    grid-template-columns: auto minmax(auto,1fr);
+    justify-items: start;
+    text-align: left;
+  }
+}
+
+.avatar{
+  position: relative;
+  display: inline-flex;
+}
+
+.avatar > div{
+  display: block;
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+}
+
+.avatar img{
+  height: 100%;
+  width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.avatar.placeholder > div{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge{
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+  height: 1.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding-left: 0.563rem;
+  padding-right: 0.563rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  border-radius: var(--rounded-badge, 1.9rem);
+}
+
+@media (hover:hover){
+  .label a:hover{
+    --tw-text-opacity: 1;
+    color: hsl(var(--bc) / var(--tw-text-opacity));
+  }
+
+  .link-primary:hover{
+    --tw-text-opacity: 1;
+    color: hsl(var(--pf) / var(--tw-text-opacity));
+  }
+
+  .\!menu li > *:not(ul):not(.menu-title):not(details):active,
+.\!menu li > *:not(ul):not(.menu-title):not(details).active,
+.\!menu li > details > summary:active{
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
+  }
+
+  .menu li > *:not(ul):not(.menu-title):not(details):active,
+.menu li > *:not(ul):not(.menu-title):not(details).active,
+.menu li > details > summary:active{
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--n) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--nc) / var(--tw-text-opacity));
+  }
+
+  .\!menu li > *:not(ul):not(.menu-title):not(details):active,
+.\!menu li > *:not(ul):not(.menu-title):not(details).active,
+.\!menu li > details > summary:active{
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
+  }
+
+  .radio-primary:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--p) / var(--tw-border-opacity));
+  }
+
+  .tab:hover{
+    --tw-text-opacity: 1;
+  }
+
+  .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover{
+    --tw-text-opacity: 1;
+    color: hsl(var(--pc) / var(--tw-text-opacity));
+  }
+
+  .table tr.hover:hover,
+  .table tr.hover:nth-child(even):hover{
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  }
+
+  .table-zebra tr.hover:hover,
+  .table-zebra tr.hover:nth-child(even):hover{
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  }
+}
+
+.btn{
+  display: inline-flex;
+  flex-shrink: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  border-color: transparent;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  text-align: center;
+  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+  border-radius: var(--rounded-btn, 0.5rem);
+  height: 3rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  min-height: 3rem;
+  font-size: 0.875rem;
+  line-height: 1em;
+  gap: 0.5rem;
+  font-weight: 600;
+  text-decoration-line: none;
+  border-width: var(--border-btn, 1px);
+  animation: button-pop var(--animation-btn, 0.25s) ease-out;
+  text-transform: var(--btn-text-case, uppercase);
+  --tw-border-opacity: 1;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  outline-color: hsl(var(--bc) / 1);
+}
+
+.btn-disabled,
+  .btn[disabled],
+  .btn:disabled{
+  pointer-events: none;
+}
+
+.btn-circle{
+  height: 3rem;
+  width: 3rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.btn-group{
+  display: inline-flex;
+}
+
+.btn-group > input[type="radio"].btn{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
+.btn-group > input[type="radio"].btn:before{
+  content: attr(data-title);
+}
+
+.btn:is(input[type="checkbox"]),
+.btn:is(input[type="radio"]){
+  width: auto;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
+.btn:is(input[type="checkbox"]):after,
+.btn:is(input[type="radio"]):after{
+  --tw-content: attr(aria-label);
+  content: var(--tw-content);
+}
+
+.card{
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.card:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.card figure{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.card.image-full{
+  display: grid;
+}
+
+.card.image-full:before{
+  position: relative;
+  content: "";
+  z-index: 10;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity));
+  opacity: 0.75;
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.card.image-full:before,
+    .card.image-full > *{
+  grid-column-start: 1;
+  grid-row-start: 1;
+}
+
+.card.image-full > figure img{
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.card.image-full > .card-body{
+  position: relative;
+  z-index: 20;
+  --tw-text-opacity: 1;
+  color: hsl(var(--nc) / var(--tw-text-opacity));
+}
+
+.checkbox{
+  flex-shrink: 0;
+  --chkbg: var(--bc);
+  --chkfg: var(--b1);
+  height: 1.5rem;
+  width: 1.5rem;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-width: 1px;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0.2;
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.collapse:not(td):not(tr):not(colgroup){
+  visibility: visible;
+}
+
+.collapse{
+  position: relative;
+  display: grid;
+  overflow: hidden;
+  grid-template-rows: auto 0fr;
+  transition: grid-template-rows 0.2s;
+  width: 100%;
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.collapse-title,
+.collapse > input[type="checkbox"],
+.collapse > input[type="radio"],
+.collapse-content{
+  grid-column-start: 1;
+  grid-row-start: 1;
+}
+
+.collapse > input[type="checkbox"],
+.collapse > input[type="radio"]{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  opacity: 0;
+}
+
+.collapse-content{
+  visibility: hidden;
+  grid-column-start: 1;
+  grid-row-start: 2;
+  min-height: 0px;
+  transition: visibility 0.2s;
+  transition: padding 0.2s ease-out,
+    background-color 0.2s ease-out;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  cursor: unset;
+}
+
+.collapse[open],
+.collapse-open,
+.collapse:focus:not(.collapse-close){
+  grid-template-rows: auto 1fr;
+}
+
+.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
+.collapse:not(.collapse-close):has(> input[type="radio"]:checked){
+  grid-template-rows: auto 1fr;
+}
+
+.collapse[open] > .collapse-content,
+.collapse-open > .collapse-content,
+.collapse:focus:not(.collapse-close) > .collapse-content,
+.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
+.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content{
+  visibility: visible;
+  min-height: -moz-fit-content;
+  min-height: fit-content;
+}
+
+:root .countdown{
+  line-height: 1em;
+}
+
+.countdown{
+  display: inline-flex;
+}
+
+.countdown > *{
+  height: 1em;
+  display: inline-block;
+  overflow-y: hidden;
+}
+
+.countdown > *:before{
+  position: relative;
+  content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
+  white-space: pre;
+  top: calc(var(--value) * -1em);
+  text-align: center;
+  transition: all 1s cubic-bezier(1, 0, 0, 1);
+}
+
+.divider{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-self: stretch;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  height: 1rem;
+  white-space: nowrap;
+}
+
+.divider:before,
+  .divider:after{
+  content: "";
+  flex-grow: 1;
+  height: 0.125rem;
+  width: 100%;
+}
+
+.dropdown{
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown > *:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.dropdown .dropdown-content{
+  position: absolute;
+}
+
+.dropdown:is(:not(details)) .dropdown-content{
+  visibility: hidden;
+  opacity: 0;
+  transform-origin: top;
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+  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));
+  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+}
+
+.dropdown-end .dropdown-content{
+  right: 0px;
+}
+
+.dropdown-left .dropdown-content{
+  top: 0px;
+  right: 100%;
+  bottom: auto;
+  transform-origin: right;
+}
+
+.dropdown-right .dropdown-content{
+  left: 100%;
+  top: 0px;
+  bottom: auto;
+  transform-origin: left;
+}
+
+.dropdown-bottom .dropdown-content{
+  bottom: auto;
+  top: 100%;
+  transform-origin: top;
+}
+
+.dropdown-top .dropdown-content{
+  bottom: 100%;
+  top: auto;
+  transform-origin: bottom;
+}
+
+.dropdown-end.dropdown-right .dropdown-content{
+  bottom: 0px;
+  top: auto;
+}
+
+.dropdown-end.dropdown-left .dropdown-content{
+  bottom: 0px;
+  top: auto;
+}
+
+.dropdown.dropdown-open .dropdown-content,
+.dropdown:not(.dropdown-hover):focus .dropdown-content,
+.dropdown:focus-within .dropdown-content{
+  visibility: visible;
+  opacity: 1;
+}
+
+@media (hover: hover){
+  .dropdown.dropdown-hover:hover .dropdown-content{
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .btm-nav > *.disabled:hover,
+      .btm-nav > *[disabled]:hover{
+    pointer-events: none;
+    --tw-border-opacity: 0;
+    background-color: hsl(var(--n) / var(--tw-bg-opacity));
+    --tw-bg-opacity: 0.1;
+    color: hsl(var(--bc) / var(--tw-text-opacity));
+    --tw-text-opacity: 0.2;
+  }
+
+  .btn:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--b3) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  }
+
+  .\!btn-primary:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
+  }
+
+  .btn-primary:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+  }
+
+  .\!btn-warning:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
+  }
+
+  .\!btn-error:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
+  }
+
+  .btn-error:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--er) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity));
+  }
+
+  .btn.glass:hover{
+    --glass-opacity: 25%;
+    --glass-border-opacity: 15%;
+  }
+
+  .btn-ghost:hover{
+    --tw-border-opacity: 0;
+    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+    --tw-bg-opacity: 0.2;
+  }
+
+  .btn-link:hover{
+    border-color: transparent;
+    background-color: transparent;
+    text-decoration-line: underline;
+  }
+
+  .btn-outline.\!btn-primary:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--pc) / var(--tw-text-opacity)) !important;
+  }
+
+  .btn-outline.btn-primary:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--pc) / var(--tw-text-opacity));
+  }
+
+  .btn-outline.\!btn-warning:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--wac) / var(--tw-text-opacity)) !important;
+  }
+
+  .btn-outline.\!btn-error:hover{
+    --tw-border-opacity: 1 !important;
+    border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--erc) / var(--tw-text-opacity)) !important;
+  }
+
+  .btn-outline.btn-error:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--er) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--er) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--erc) / var(--tw-text-opacity));
+  }
+
+  .btn-disabled:hover,
+    .btn[disabled]:hover,
+    .btn:disabled:hover{
+    --tw-border-opacity: 0;
+    background-color: hsl(var(--n) / var(--tw-bg-opacity));
+    --tw-bg-opacity: 0.2;
+    color: hsl(var(--bc) / var(--tw-text-opacity));
+    --tw-text-opacity: 0.2;
+  }
+
+  .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+  }
+
+  .dropdown.dropdown-hover:hover .dropdown-content{
+    --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));
+  }
+
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+    cursor: pointer !important;
+    background-color: hsl(var(--bc) / 0.1) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
+    outline: 2px solid transparent !important;
+    outline-offset: 2px !important;
+  }
+
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+    cursor: pointer;
+    background-color: hsl(var(--bc) / 0.1);
+    --tw-text-opacity: 1;
+    color: hsl(var(--bc) / var(--tw-text-opacity));
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+    cursor: pointer !important;
+    background-color: hsl(var(--bc) / 0.1) !important;
+    --tw-text-opacity: 1 !important;
+    color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
+    outline: 2px solid transparent !important;
+    outline-offset: 2px !important;
+  }
+
+  .tab[disabled],
+    .tab[disabled]:hover{
+    cursor: not-allowed;
+    color: hsl(var(--bc) / var(--tw-text-opacity));
+    --tw-text-opacity: 0.2;
+  }
+}
+
+.dropdown:is(details) summary::-webkit-details-marker{
+  display: none;
+}
+
+.footer{
+  display: grid;
+  width: 100%;
+  grid-auto-flow: row;
+  place-items: start;
+  row-gap: 2.5rem;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.footer > *{
+  display: grid;
+  place-items: start;
+  gap: 0.5rem;
+}
+
+@media (min-width: 48rem){
+  .footer{
+    grid-auto-flow: column;
+  }
+
+  .footer-center{
+    grid-auto-flow: row dense;
+  }
+}
+
+.form-control{
+  display: flex;
+  flex-direction: column;
+}
+
+.label{
+  display: flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.\!input{
+  flex-shrink: 1 !important;
+  height: 3rem !important;
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  font-size: 1rem !important;
+  line-height: 2 !important;
+  line-height: 1.5rem !important;
+  border-width: 1px !important;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity)) !important;
+  --tw-border-opacity: 0 !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
+  border-radius: var(--rounded-btn, 0.5rem) !important;
+}
+
+.input{
+  flex-shrink: 1;
+  height: 3rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 1rem;
+  line-height: 2;
+  line-height: 1.5rem;
+  border-width: 1px;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.input-group{
+  display: flex;
+  width: 100%;
+  align-items: stretch;
+}
+
+.input-group > .input{
+  isolation: isolate;
+}
+
+.input-group > .\!input{
+  isolation: isolate !important;
+}
+
+.input-group > *,
+  .input-group > .input,
+  .input-group > .textarea,
+  .input-group > .select{
+  border-radius: 0px;
+}
+
+
+  .input-group > .\!input{
+  border-radius: 0px !important;
+}
+
+.input-group-md{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 2;
+}
+
+.input-group :where(span){
+  display: flex;
+  align-items: center;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.input-group > :first-child{
+  border-top-left-radius: var(--rounded-btn, 0.5rem);
+  border-top-right-radius: 0;
+  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-right-radius: 0;
+}
+
+.input-group > :last-child{
+  border-top-left-radius: 0;
+  border-top-right-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
+}
+
+.join{
+  display: inline-flex;
+  align-items: stretch;
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.join :where(.join-item){
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.join .join-item:not(:first-child):not(:last-child),
+  .join *:not(:first-child):not(:last-child) .join-item{
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.join .join-item:first-child:not(:last-child),
+  .join *:first-child:not(:last-child) .join-item{
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.join .dropdown .join-item:first-child:not(:last-child),
+  .join *:first-child:not(:last-child) .dropdown .join-item{
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.join :where(.join-item:first-child:not(:last-child)),
+  .join :where(*:first-child:not(:last-child) .join-item){
+  border-bottom-left-radius: inherit;
+  border-top-left-radius: inherit;
+}
+
+.join .join-item:last-child:not(:first-child),
+  .join *:last-child:not(:first-child) .join-item{
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.join :where(.join-item:last-child:not(:first-child)),
+  .join :where(*:last-child:not(:first-child) .join-item){
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+:where(.join *){
+  border-radius: inherit;
+}
+
+.link{
+  cursor: pointer;
+  text-decoration-line: underline;
+}
+
+.mask{
+  -webkit-mask-size: contain;
+          mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+          mask-position: center;
+}
+
+.\!menu{
+  display: flex !important;
+  flex-direction: column !important;
+  flex-wrap: wrap !important;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+  padding: 0.5rem !important;
+}
+
+.menu{
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.5rem;
+}
+
+.\!menu :where(li ul){
+  position: relative !important;
+  white-space: nowrap !important;
+  margin-left: 1rem !important;
+  padding-left: 0.5rem !important;
+}
+
+.menu :where(li ul){
+  position: relative;
+  white-space: nowrap;
+  margin-left: 1rem;
+  padding-left: 0.5rem;
+}
+
+.\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  display: grid !important;
+  grid-auto-flow: column !important;
+  align-content: flex-start !important;
+  align-items: center !important;
+  gap: 0.5rem !important;
+  grid-auto-columns: minmax(auto, max-content) auto max-content !important;
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+          user-select: none !important;
+}
+
+.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  display: grid;
+  grid-auto-flow: column;
+  align-content: flex-start;
+  align-items: center;
+  gap: 0.5rem;
+  grid-auto-columns: minmax(auto, max-content) auto max-content;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  display: grid !important;
+  grid-auto-flow: column !important;
+  align-content: flex-start !important;
+  align-items: center !important;
+  gap: 0.5rem !important;
+  grid-auto-columns: minmax(auto, max-content) auto max-content !important;
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+          user-select: none !important;
+}
+
+.\!menu li.disabled{
+  cursor: not-allowed !important;
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+          user-select: none !important;
+  color: hsl(var(--bc) / 0.3) !important;
+}
+
+.menu li.disabled{
+  cursor: not-allowed;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  color: hsl(var(--bc) / 0.3);
+}
+
+.\!menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
+  display: none !important;
+}
+
+.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
+  display: none;
+}
+
+:where(.\!menu li){
+  position: relative !important;
+  display: flex !important;
+  flex-shrink: 0 !important;
+  flex-direction: column !important;
+  flex-wrap: wrap !important;
+  align-items: stretch !important;
+}
+
+:where(.menu li){
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: stretch;
+}
+
+:where(.\!menu li) .badge{
+  justify-self: end !important;
+}
+
+:where(.menu li) .badge{
+  justify-self: end;
+}
+
+.mockup-code{
+  position: relative;
+  overflow: hidden;
+  overflow-x: auto;
+  min-width: 18rem;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity));
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+  --tw-text-opacity: 1;
+  color: hsl(var(--nc) / var(--tw-text-opacity));
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.mockup-code pre[data-prefix]:before{
+  content: attr(data-prefix);
+  display: inline-block;
+  text-align: right;
+  width: 2rem;
+  opacity: 0.5;
+}
+
+.modal{
+  pointer-events: none;
+  position: fixed;
+  inset: 0px;
+  margin: 0px;
+  display: grid;
+  height: 100%;
+  max-height: none;
+  width: 100%;
+  max-width: none;
+  justify-items: center;
+  padding: 0px;
+  opacity: 0;
+  overscroll-behavior: contain;
+  z-index: 999;
+  background-color: transparent;
+  color: inherit;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-property: transform, opacity, visibility;
+  overflow-y: hidden;
+}
+
+:where(.modal){
+  align-items: center;
+}
+
+.modal-box{
+  max-height: calc(100vh - 5em);
+  grid-column-start: 1;
+  grid-row-start: 1;
+  width: 91.666667%;
+  max-width: 32rem;
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+  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));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  padding: 1.5rem;
+  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+  border-top-left-radius: var(--rounded-box, 1rem);
+  border-top-right-radius: var(--rounded-box, 1rem);
+  border-bottom-left-radius: var(--rounded-box, 1rem);
+  border-bottom-right-radius: var(--rounded-box, 1rem);
+  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.modal-open,
+.modal:target,
+.modal-toggle:checked + .modal,
+.modal[open]{
+  pointer-events: auto;
+  visibility: visible;
+  opacity: 1;
+}
+
+.modal-action{
+  display: flex;
+  margin-top: 1.5rem;
+  justify-content: flex-end;
+}
+
+.modal-toggle{
+  position: fixed;
+  height: 0px;
+  width: 0px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  opacity: 0;
+}
+
+:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])){
+  overflow: hidden;
+}
+
+.progress{
+  position: relative;
+  width: 100%;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  overflow: hidden;
+  height: 0.5rem;
+  background-color: hsl(var(--bc) / 0.2);
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.radio{
+  flex-shrink: 0;
+  --chkbg: var(--bc);
+  height: 1.5rem;
+  width: 1.5rem;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-radius: 9999px;
+  border-width: 1px;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0.2;
+}
+
+.select{
+  display: inline-flex;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  height: 3rem;
+  padding-left: 1rem;
+  padding-right: 2.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 2;
+  min-height: 3rem;
+  border-width: 1px;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  border-radius: var(--rounded-btn, 0.5rem);
+  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
+    linear-gradient(135deg, currentColor 50%, transparent 50%);
+  background-position: calc(100% - 20px) calc(1px + 50%),
+    calc(100% - 16.1px) calc(1px + 50%);
+  background-size: 4px 4px,
+    4px 4px;
+  background-repeat: no-repeat;
+}
+
+.select[multiple]{
+  height: auto;
+}
+
+.stats{
+  display: inline-grid;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  border-radius: var(--rounded-box, 1rem);
+}
+
+:where(.stats){
+  grid-auto-flow: column;
+  overflow-x: auto;
+}
+
+.steps .step{
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  grid-template-columns: auto;
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+  grid-template-rows: 40px 1fr;
+  place-items: center;
+  text-align: center;
+  min-width: 4rem;
+}
+
+.tabs{
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+}
+
+.tab{
+  position: relative;
+  display: inline-flex;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  height: 2rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 2;
+  --tab-padding: 1rem;
+  --tw-text-opacity: 0.5;
+  --tab-color: hsl(var(--bc) / var(--tw-text-opacity, 1));
+  --tab-bg: hsl(var(--b1) / var(--tw-bg-opacity, 1));
+  --tab-border-color: hsl(var(--b3) / var(--tw-bg-opacity, 1));
+  color: var(--tab-color);
+  padding-left: var(--tab-padding, 1rem);
+  padding-right: var(--tab-padding, 1rem);
+}
+
+.table{
+  position: relative;
+  width: 100%;
+  text-align: left;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.table :where(.table-pin-rows thead tr){
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+}
+
+.table :where(.table-pin-rows tfoot tr){
+  position: sticky;
+  bottom: 0px;
+  z-index: 1;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+}
+
+.table :where(.table-pin-cols tr th){
+  position: sticky;
+  left: 0px;
+  right: 0px;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+}
+
+.table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+}
+
+.textarea{
+  flex-shrink: 1;
+  min-height: 3rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 2;
+  border-width: 1px;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.toast{
+  position: fixed;
+  display: flex;
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  flex-direction: column;
+  white-space: nowrap;
+  gap: 0.5rem;
+  padding: 1rem;
+}
+
+.alert-info{
+  border-color: hsl(var(--in) / 0.2);
+  --tw-text-opacity: 1;
+  color: hsl(var(--inc) / var(--tw-text-opacity));
+  --alert-bg: hsl(var(--in));
+  --alert-bg-mix: hsl(var(--b1));
+}
+
+.alert-success{
+  border-color: hsl(var(--su) / 0.2);
+  --tw-text-opacity: 1;
+  color: hsl(var(--suc) / var(--tw-text-opacity));
+  --alert-bg: hsl(var(--su));
+  --alert-bg-mix: hsl(var(--b1));
+}
+
+.alert-warning{
+  border-color: hsl(var(--wa) / 0.2);
+  --tw-text-opacity: 1;
+  color: hsl(var(--wac) / var(--tw-text-opacity));
+  --alert-bg: hsl(var(--wa));
+  --alert-bg-mix: hsl(var(--b1));
+}
+
+.alert-error{
+  border-color: hsl(var(--er) / 0.2);
+  --tw-text-opacity: 1;
+  color: hsl(var(--erc) / var(--tw-text-opacity));
+  --alert-bg: hsl(var(--er));
+  --alert-bg-mix: hsl(var(--b1));
+}
+
+.avatar-group :where(.avatar){
+  overflow: hidden;
+  border-radius: 9999px;
+  border-width: 4px;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b1) / var(--tw-border-opacity));
+}
+
+.badge-success{
+  border-color: transparent;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--su) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--suc) / var(--tw-text-opacity));
+}
+
+.badge-warning{
+  border-color: transparent;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--wac) / var(--tw-text-opacity));
+}
+
+.badge-error{
+  border-color: transparent;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--erc) / var(--tw-text-opacity));
+}
+
+.badge-ghost{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+}
+
+.badge-outline.badge-success{
+  --tw-text-opacity: 1;
+  color: hsl(var(--su) / var(--tw-text-opacity));
+}
+
+.badge-outline.badge-warning{
+  --tw-text-opacity: 1;
+  color: hsl(var(--wa) / var(--tw-text-opacity));
+}
+
+.badge-outline.badge-error{
+  --tw-text-opacity: 1;
+  color: hsl(var(--er) / var(--tw-text-opacity));
+}
+
+.btm-nav > *:where(.active){
+  border-top-width: 2px;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+}
+
+.btm-nav > *.disabled,
+    .btm-nav > *[disabled]{
+  pointer-events: none;
+  --tw-border-opacity: 0;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+.btm-nav > * .label{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.btn:active:hover,
+  .btn:active:focus{
+  animation: button-pop 0s ease-out;
+  transform: scale(var(--btn-focus-scale, 0.97));
+}
+
+.btn:focus-visible{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+}
+
+.\!btn-primary{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--p) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--pc) / var(--tw-text-opacity)) !important;
+  outline-color: hsl(var(--p) / 1) !important;
+}
+
+.btn-primary{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+  outline-color: hsl(var(--p) / 1);
+}
+
+.\!btn-primary.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
+}
+
+.btn-primary.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+}
+
+.\!btn-warning{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--wac) / var(--tw-text-opacity)) !important;
+  outline-color: hsl(var(--wa) / 1) !important;
+}
+
+.\!btn-warning.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
+}
+
+.\!btn-error{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--erc) / var(--tw-text-opacity)) !important;
+  outline-color: hsl(var(--er) / 1) !important;
+}
+
+.btn-error{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--er) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--erc) / var(--tw-text-opacity));
+  outline-color: hsl(var(--er) / 1);
+}
+
+.\!btn-error.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
+}
+
+.btn-error.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--er) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity));
+}
+
+.btn.glass{
+  --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);
+  outline-color: currentColor;
+}
+
+.btn.glass.btn-active{
+  --glass-opacity: 25%;
+  --glass-border-opacity: 15%;
+}
+
+.btn-ghost{
+  border-width: 1px;
+  border-color: transparent;
+  background-color: transparent;
+  color: currentColor;
+  --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);
+  outline-color: currentColor;
+}
+
+.btn-ghost.btn-active{
+  --tw-border-opacity: 0;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.2;
+}
+
+.btn-link{
+  border-color: transparent;
+  background-color: transparent;
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+  text-decoration-line: underline;
+  --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);
+  outline-color: currentColor;
+}
+
+.btn-link.btn-active{
+  border-color: transparent;
+  background-color: transparent;
+  text-decoration-line: underline;
+}
+
+.btn-outline.\!btn-primary{
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--p) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.btn-primary{
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+}
+
+.btn-outline.\!btn-primary.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--pc) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.btn-primary.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+.btn-outline.\!btn-warning{
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--wa) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.\!btn-warning.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--wac) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.\!btn-error{
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--er) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.btn-error{
+  --tw-text-opacity: 1;
+  color: hsl(var(--er) / var(--tw-text-opacity));
+}
+
+.btn-outline.\!btn-error.btn-active{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--erc) / var(--tw-text-opacity)) !important;
+}
+
+.btn-outline.btn-error.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--er) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--erc) / var(--tw-text-opacity));
+}
+
+.btn.btn-disabled,
+  .btn[disabled],
+  .btn:disabled{
+  --tw-border-opacity: 0;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.2;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+.btn-group > input[type="radio"]:checked.btn,
+  .btn-group > .btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: hsl(var(--p) / 1);
+}
+
+.btn:is(input[type="checkbox"]:checked),
+.btn:is(input[type="radio"]:checked){
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible{
+  outline-color: hsl(var(--p) / 1);
+}
+
+@keyframes button-pop{
+  0%{
+    transform: scale(var(--btn-focus-scale, 0.98));
+  }
+
+  40%{
+    transform: scale(1.02);
+  }
+
+  100%{
+    transform: scale(1);
+  }
+}
+
+.card :where(figure:first-child){
+  overflow: hidden;
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+  border-end-start-radius: unset;
+  border-end-end-radius: unset;
+}
+
+.card :where(figure:last-child){
+  overflow: hidden;
+  border-start-start-radius: unset;
+  border-start-end-radius: unset;
+  border-end-start-radius: inherit;
+  border-end-end-radius: inherit;
+}
+
+.card:focus-visible{
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+.card.bordered{
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+}
+
+.card.compact .card-body{
+  padding: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.card-title{
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+}
+
+.card.image-full :where(figure){
+  overflow: hidden;
+  border-radius: inherit;
+}
+
+.checkbox:focus-visible{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 1);
+}
+
+.checkbox:checked,
+  .checkbox[checked="true"],
+  .checkbox[aria-checked="true"]{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  background-repeat: no-repeat;
+  animation: checkmark var(--animation-input, 0.2s) ease-out;
+  background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
+      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
+      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
+      linear-gradient(
+        45deg,
+        hsl(var(--chkbg)) 30%,
+        hsl(var(--chkfg)) 30.99%,
+        hsl(var(--chkfg)) 40%,
+        transparent 40.99%
+      ),
+      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
+}
+
+.checkbox:indeterminate{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  background-repeat: no-repeat;
+  animation: checkmark var(--animation-input, 0.2s) ease-out;
+  background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),
+      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),
+      linear-gradient(
+        0deg,
+        hsl(var(--chkbg)) 43%,
+        hsl(var(--chkfg)) 43%,
+        hsl(var(--chkfg)) 57%,
+        hsl(var(--chkbg)) 57%
+      );
+}
+
+.checkbox:disabled{
+  cursor: not-allowed;
+  border-color: transparent;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  opacity: 0.2;
+}
+
+@keyframes checkmark{
+  0%{
+    background-position-y: 5px;
+  }
+
+  50%{
+    background-position-y: -2px;
+  }
+
+  100%{
+    background-position-y: 0;
+  }
+}
+
+[dir="rtl"] .checkbox:checked,
+    [dir="rtl"] .checkbox[checked="true"],
+    [dir="rtl"] .checkbox[aria-checked="true"]{
+  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
+        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
+        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
+        linear-gradient(
+          -45deg,
+          hsl(var(--chkbg)) 30%,
+          hsl(var(--chkfg)) 30.99%,
+          hsl(var(--chkfg)) 40%,
+          transparent 40.99%
+        ),
+        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
+}
+
+details.collapse{
+  width: 100%;
+}
+
+details.collapse summary{
+  position: relative;
+  display: block;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+details.collapse summary::-webkit-details-marker{
+  display: none;
+}
+
+.collapse:focus-visible{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 1);
+}
+
+.collapse:has(.collapse-title:focus-visible),
+.collapse:has(> input[type="checkbox"]:focus-visible),
+.collapse:has(> input[type="radio"]:focus-visible){
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 1);
+}
+
+.collapse-arrow > .collapse-title:after{
+  position: absolute;
+  display: block;
+  height: 0.5rem;
+  width: 0.5rem;
+  --tw-translate-y: -100%;
+  --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));
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-duration: 0.2s;
+  top: 50%;
+  right: 1.4rem;
+  content: "";
+  transform-origin: 75% 75%;
+  box-shadow: 2px 2px;
+  pointer-events: none;
+}
+
+[dir="rtl"] .collapse-arrow > .collapse-title:after{
+  --tw-rotate: -45deg;
+}
+
+.collapse-plus > .collapse-title:after{
+  position: absolute;
+  display: block;
+  height: 0.5rem;
+  width: 0.5rem;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 300ms;
+  top: 0.9rem;
+  right: 1.4rem;
+  content: "+";
+  pointer-events: none;
+}
+
+.collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
+.collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
+.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title{
+  cursor: pointer;
+}
+
+.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title{
+  cursor: unset;
+}
+
+.collapse-title{
+  position: relative;
+}
+
+:where(.collapse > input[type="checkbox"]),
+:where(.collapse > input[type="radio"]){
+  z-index: 1;
+}
+
+.collapse-title,
+:where(.collapse > input[type="checkbox"]),
+:where(.collapse > input[type="radio"]){
+  width: 100%;
+  padding: 1rem;
+  padding-right: 3rem;
+  min-height: 3.75rem;
+  transition: background-color 0.2s ease-out;
+}
+
+.collapse[open] > :where(.collapse-content),
+.collapse-open > :where(.collapse-content),
+.collapse:focus:not(.collapse-close) > :where(.collapse-content),
+.collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
+.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content){
+  padding-bottom: 1rem;
+  transition: padding 0.2s ease-out,
+    background-color 0.2s ease-out;
+}
+
+.collapse[open].collapse-arrow > .collapse-title:after,
+.collapse-open.collapse-arrow > .collapse-title:after,
+.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
+.collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
+.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
+  --tw-translate-y: -50%;
+  --tw-rotate: 225deg;
+  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="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
+[dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
+[dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
+[dir="rtl"]
+  .collapse-arrow:not(.collapse-close)
+  input[type="checkbox"]:checked
+  ~ .collapse-title:after{
+  --tw-rotate: 135deg;
+}
+
+.collapse[open].collapse-plus > .collapse-title:after,
+.collapse-open.collapse-plus > .collapse-title:after,
+.collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
+.collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
+.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
+  content: "−";
+}
+
+.divider:before{
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+
+.divider:after{
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+
+.divider:not(:empty){
+  gap: 1rem;
+}
+
+.dropdown.dropdown-open .dropdown-content,
+.dropdown:focus .dropdown-content,
+.dropdown:focus-within .dropdown-content{
+  --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));
+}
+
+.label-text{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+}
+
+.\!input[list]::-webkit-calendar-picker-indicator{
+  line-height: 1em !important;
+}
+
+.input[list]::-webkit-calendar-picker-indicator{
+  line-height: 1em;
+}
+
+.\!input-bordered{
+  --tw-border-opacity: 0.2 !important;
+}
+
+.input-bordered{
+  --tw-border-opacity: 0.2;
+}
+
+.\!input:focus{
+  outline-style: solid !important;
+  outline-width: 2px !important;
+  outline-offset: 2px !important;
+  outline-color: hsl(var(--bc) / 0.2) !important;
+}
+
+.input:focus{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 0.2);
+}
+
+
+  .\!input:disabled,
+  .\!input[disabled]{
+  cursor: not-allowed !important;
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 0.2 !important;
+}
+
+.input-disabled,
+  .input:disabled,
+  .input[disabled]{
+  cursor: not-allowed;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+
+  .\!input:disabled,
+  .\!input[disabled]{
+  cursor: not-allowed !important;
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 0.2 !important;
+}
+
+.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
+  --tw-placeholder-opacity: 0.2 !important;
+}
+
+
+  .\!input:disabled::placeholder,
+  .\!input[disabled]::placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
+  --tw-placeholder-opacity: 0.2 !important;
+}
+
+.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.input-disabled::placeholder,
+  .input:disabled::placeholder,
+  .input[disabled]::placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
+  --tw-placeholder-opacity: 0.2 !important;
+}
+
+
+  .\!input:disabled::placeholder,
+  .\!input[disabled]::placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
+  --tw-placeholder-opacity: 0.2 !important;
+}
+
+.join > :where(*:not(:first-child)){
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: -1px;
+}
+
+.join-item:focus{
+  isolation: isolate;
+}
+
+.link-primary{
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+}
+
+.link:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.link:focus-visible{
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+.loading{
+  pointer-events: none;
+  display: inline-block;
+  aspect-ratio: 1 / 1;
+  width: 1.5rem;
+  background-color: currentColor;
+  -webkit-mask-size: 100%;
+          mask-size: 100%;
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+          mask-position: center;
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+
+.loading-spinner{
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+
+.loading-sm{
+  width: 1.25rem;
+}
+
+.mask-squircle{
+  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
+          mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
+}
+
+:where(.\!menu li:empty){
+  background-color: hsl(var(--bc) / 0.1) !important;
+  margin: 0.5rem 1rem !important;
+  height: 1px !important;
+}
+
+:where(.menu li:empty){
+  background-color: hsl(var(--bc) / 0.1);
+  margin: 0.5rem 1rem;
+  height: 1px;
+}
+
+.\!menu :where(li ul):before{
+  position: absolute !important;
+  left: 0px !important;
+  top: 0.75rem !important;
+  bottom: 0.75rem !important;
+  width: 1px !important;
+  background-color: hsl(var(--bc) / 0.1) !important;
+  content: "" !important;
+}
+
+.menu :where(li ul):before{
+  position: absolute;
+  left: 0px;
+  top: 0.75rem;
+  bottom: 0.75rem;
+  width: 1px;
+  background-color: hsl(var(--bc) / 0.1);
+  content: "";
+}
+
+.\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  text-align: left !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
+  transition-duration: 200ms !important;
+  border-radius: var(--rounded-btn, 0.5rem) !important;
+  text-wrap: balance !important;
+}
+
+.menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  text-align: left;
+  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-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-duration: 200ms;
+  border-radius: var(--rounded-btn, 0.5rem);
+  text-wrap: balance;
+}
+
+.\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
+.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  padding-left: 1rem !important;
+  padding-right: 1rem !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  text-align: left !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
+  transition-duration: 200ms !important;
+  border-radius: var(--rounded-btn, 0.5rem) !important;
+  text-wrap: balance !important;
+}
+
+:where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  cursor: pointer !important;
+  background-color: hsl(var(--bc) / 0.1) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}
+
+:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  cursor: pointer;
+  background-color: hsl(var(--bc) / 0.1);
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+:where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  cursor: pointer !important;
+  background-color: hsl(var(--bc) / 0.1) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--bc) / var(--tw-text-opacity)) !important;
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}
+
+.\!menu li > *:not(ul):not(.menu-title):not(details):active,
+.\!menu li > *:not(ul):not(.menu-title):not(details).active,
+.\!menu li > details > summary:active{
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
+}
+
+.menu li > *:not(ul):not(.menu-title):not(details):active,
+.menu li > *:not(ul):not(.menu-title):not(details).active,
+.menu li > details > summary:active{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--nc) / var(--tw-text-opacity));
+}
+
+.\!menu li > *:not(ul):not(.menu-title):not(details):active,
+.\!menu li > *:not(ul):not(.menu-title):not(details).active,
+.\!menu li > details > summary:active{
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
+  --tw-text-opacity: 1 !important;
+  color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
+}
+
+.\!menu :where(li > details > summary)::-webkit-details-marker{
+  display: none !important;
+}
+
+.menu :where(li > details > summary)::-webkit-details-marker{
+  display: none;
+}
+
+.\!menu :where(li > details > summary):after,
+.\!menu :where(li > .menu-dropdown-toggle):after{
+  justify-self: end !important;
+  display: block !important;
+  margin-top: -0.5rem !important;
+  height: 0.5rem !important;
+  width: 0.5rem !important;
+  transform: rotate(45deg) !important;
+  transition-property: transform, margin-top !important;
+  transition-duration: 0.3s !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  content: "" !important;
+  transform-origin: 75% 75% !important;
+  box-shadow: 2px 2px !important;
+  pointer-events: none !important;
+}
+
+.menu :where(li > details > summary):after,
+.menu :where(li > .menu-dropdown-toggle):after{
+  justify-self: end;
+  display: block;
+  margin-top: -0.5rem;
+  height: 0.5rem;
+  width: 0.5rem;
+  transform: rotate(45deg);
+  transition-property: transform, margin-top;
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  content: "";
+  transform-origin: 75% 75%;
+  box-shadow: 2px 2px;
+  pointer-events: none;
+}
+
+.\!menu :where(li > details > summary):after,
+.\!menu :where(li > .menu-dropdown-toggle):after{
+  justify-self: end !important;
+  display: block !important;
+  margin-top: -0.5rem !important;
+  height: 0.5rem !important;
+  width: 0.5rem !important;
+  transform: rotate(45deg) !important;
+  transition-property: transform, margin-top !important;
+  transition-duration: 0.3s !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  content: "" !important;
+  transform-origin: 75% 75% !important;
+  box-shadow: 2px 2px !important;
+  pointer-events: none !important;
+}
+
+.\!menu :where(li > details[open] > summary):after,
+.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+  transform: rotate(225deg) !important;
+  margin-top: 0 !important;
+}
+
+.menu :where(li > details[open] > summary):after,
+.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+  transform: rotate(225deg);
+  margin-top: 0;
+}
+
+.\!menu :where(li > details[open] > summary):after,
+.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+  transform: rotate(225deg) !important;
+  margin-top: 0 !important;
+}
+
+.mockup-code:before{
+  content: "";
+  margin-bottom: 1rem;
+  display: block;
+  height: 0.75rem;
+  width: 0.75rem;
+  border-radius: 9999px;
+  opacity: 0.3;
+  box-shadow: 1.4em 0,
+        2.8em 0,
+        4.2em 0;
+}
+
+.mockup-code pre{
+  padding-right: 1.25rem;
+}
+
+.mockup-code pre:before{
+  content: "";
+  margin-right: 2ch;
+}
+
+.mockup-phone .display{
+  overflow: hidden;
+  border-radius: 40px;
+  margin-top: -25px;
+}
+
+.mockup-browser .mockup-browser-toolbar .\!input{
+  position: relative !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  display: block !important;
+  height: 1.75rem !important;
+  width: 24rem !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
+  padding-left: 2rem !important;
+}
+
+.mockup-browser .mockup-browser-toolbar .input{
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+  height: 1.75rem;
+  width: 24rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  padding-left: 2rem;
+}
+
+.mockup-browser .mockup-browser-toolbar .\!input:before{
+  content: "" !important;
+  position: absolute !important;
+  top: 50% !important;
+  left: 0.5rem !important;
+  aspect-ratio: 1 / 1 !important;
+  height: 0.75rem !important;
+  --tw-translate-y: -50% !important;
+  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)) !important;
+  border-radius: 9999px !important;
+  border-width: 2px !important;
+  border-color: currentColor !important;
+  opacity: 0.6 !important;
+}
+
+.mockup-browser .mockup-browser-toolbar .input:before{
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0.5rem;
+  aspect-ratio: 1 / 1;
+  height: 0.75rem;
+  --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));
+  border-radius: 9999px;
+  border-width: 2px;
+  border-color: currentColor;
+  opacity: 0.6;
+}
+
+.mockup-browser .mockup-browser-toolbar .\!input:after{
+  content: "" !important;
+  position: absolute !important;
+  top: 50% !important;
+  left: 1.25rem !important;
+  height: 0.5rem !important;
+  --tw-translate-y: 25% !important;
+  --tw-rotate: -45deg !important;
+  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)) !important;
+  border-radius: 9999px !important;
+  border-width: 1px !important;
+  border-color: currentColor !important;
+  opacity: 0.6 !important;
+}
+
+.mockup-browser .mockup-browser-toolbar .input:after{
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 1.25rem;
+  height: 0.5rem;
+  --tw-translate-y: 25%;
+  --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));
+  border-radius: 9999px;
+  border-width: 1px;
+  border-color: currentColor;
+  opacity: 0.6;
+}
+
+.modal:not(dialog:not(.modal-open)),
+  .modal::backdrop{
+  background-color: rgba(0, 0, 0, 0.3);
+  animation: modal-pop 0.2s ease-out;
+}
+
+.modal-backdrop{
+  z-index: -1;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  display: grid;
+  align-self: stretch;
+  justify-self: stretch;
+  color: transparent;
+}
+
+.modal-open .modal-box,
+.modal-toggle:checked + .modal .modal-box,
+.modal:target .modal-box,
+.modal[open] .modal-box{
+  --tw-translate-y: 0px;
+  --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));
+}
+
+.modal-action > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+@keyframes modal-pop{
+  0%{
+    opacity: 0;
+  }
+}
+
+.progress::-moz-progress-bar{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+}
+
+.progress-info::-moz-progress-bar{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--in) / var(--tw-bg-opacity));
+}
+
+.progress:indeterminate{
+  --progress-color: hsl(var(--bc));
+  background-image: repeating-linear-gradient(
+    90deg,
+    var(--progress-color) -1%,
+    var(--progress-color) 10%,
+    transparent 10%,
+    transparent 90%
+  );
+  background-size: 200%;
+  background-position-x: 15%;
+  animation: progress-loading 5s ease-in-out infinite;
+}
+
+.progress-info:indeterminate{
+  --progress-color: hsl(var(--in));
+}
+
+.progress::-webkit-progress-bar{
+  background-color: transparent;
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.progress::-webkit-progress-value{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.progress-info::-webkit-progress-value{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--in) / var(--tw-bg-opacity));
+}
+
+.progress:indeterminate::-moz-progress-bar{
+  background-color: transparent;
+  background-image: repeating-linear-gradient(
+    90deg,
+    var(--progress-color) -1%,
+    var(--progress-color) 10%,
+    transparent 10%,
+    transparent 90%
+  );
+  background-size: 200%;
+  background-position-x: 15%;
+  animation: progress-loading 5s ease-in-out infinite;
+}
+
+@keyframes progress-loading{
+  50%{
+    background-position-x: -115%;
+  }
+}
+
+.radio:focus-visible{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 1);
+}
+
+.radio:checked,
+  .radio[aria-checked="true"]{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  animation: radiomark var(--animation-input, 0.2s) ease-out;
+  box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
+      0 0 0 4px hsl(var(--b1)) inset;
+}
+
+.radio-primary{
+  --chkbg: var(--p);
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+}
+
+.radio-primary:focus-visible{
+  outline-color: hsl(var(--p) / 1);
+}
+
+.radio-primary:checked,
+    .radio-primary[aria-checked="true"]{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+.radio:disabled{
+  cursor: not-allowed;
+  opacity: 0.2;
+}
+
+@keyframes radiomark{
+  0%{
+    box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
+      0 0 0 12px hsl(var(--b1)) inset;
+  }
+
+  50%{
+    box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
+      0 0 0 3px hsl(var(--b1)) inset;
+  }
+
+  100%{
+    box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
+      0 0 0 4px hsl(var(--b1)) inset;
+  }
+}
+
+@keyframes rating-pop{
+  0%{
+    transform: translateY(-0.125em);
+  }
+
+  40%{
+    transform: translateY(-0.125em);
+  }
+
+  100%{
+    transform: translateY(0);
+  }
+}
+
+.select-bordered{
+  --tw-border-opacity: 0.2;
+}
+
+.select:focus{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 0.2);
+}
+
+.select-disabled,
+  .select:disabled,
+  .select[disabled]{
+  cursor: not-allowed;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.select-disabled::placeholder,
+  .select:disabled::placeholder,
+  .select[disabled]::placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.select-multiple,
+  .select[multiple],
+  .select[size].select:not([size="1"]){
+  background-image: none;
+  padding-right: 1rem;
+}
+
+[dir="rtl"] .select{
+  background-position: calc(0% + 12px) calc(1px + 50%),
+    calc(0% + 16px) calc(1px + 50%);
+}
+
+:where(.stats) > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+}
+
+.steps .step:before{
+  top: 0px;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  height: 0.5rem;
+  width: 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));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  content: "";
+  margin-left: -100%;
+}
+
+.steps .step:after{
+  content: counter(step);
+  counter-increment: step;
+  z-index: 1;
+  position: relative;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  display: grid;
+  height: 2rem;
+  width: 2rem;
+  place-items: center;
+  place-self: center;
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+}
+
+.steps .step:first-child:before{
+  content: none;
+}
+
+.steps .step[data-content]:after{
+  content: attr(data-content);
+}
+
+.tab.tab-active:not(.tab-disabled):not([disabled]){
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  --tw-text-opacity: 1;
+}
+
+.tab:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.tab:focus-visible{
+  outline: 2px solid currentColor;
+  outline-offset: -3px;
+}
+
+.tab:focus-visible.tab-lifted{
+  border-bottom-right-radius: var(--tab-radius, 0.5rem);
+  border-bottom-left-radius: var(--tab-radius, 0.5rem);
+}
+
+.tab-disabled,
+  .tab[disabled]{
+  cursor: not-allowed;
+  color: hsl(var(--bc) / var(--tw-text-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+.tab-bordered{
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-border-opacity: 0.2;
+  border-style: solid;
+  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]){
+  background-color: var(--tab-bg);
+  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
+  border-left-color: var(--tab-border-color);
+  border-right-color: var(--tab-border-color);
+  border-top-color: var(--tab-border-color);
+  padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
+  padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
+  padding-bottom: var(--tab-border, 1px);
+  padding-top: 0;
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
+    .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+  z-index: 1;
+  content: "";
+  display: block;
+  position: absolute;
+  width: var(--tab-radius, 0.5rem);
+  height: var(--tab-radius, 0.5rem);
+  bottom: 0;
+  --tab-grad: calc(68% - var(--tab-border, 1px));
+  --tab-corner-bg: radial-gradient(
+        circle at var(--circle-pos),
+        transparent var(--tab-grad),
+        var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
+        var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
+        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
+      );
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+  left: calc(var(--tab-radius, 0.5rem) * -1);
+  --circle-pos: top left;
+  background-image: var(--tab-corner-bg);
+}
+
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+  --circle-pos: top right;
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+  right: calc(var(--tab-radius, 0.5rem) * -1);
+  --circle-pos: top right;
+  background-image: var(--tab-corner-bg);
+}
+
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+  --circle-pos: top left;
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before{
+  background: none;
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after{
+  background: none;
+}
+
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled])
+  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+  background: none;
+}
+
+.tabs-boxed{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  padding: 0.25rem;
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.tabs-boxed .tab{
+  border-radius: var(--rounded-btn, 0.5rem);
+}
+
+.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+.table :where(th, td){
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  vertical-align: middle;
+}
+
+.table tr.active,
+  .table tr.active:nth-child(even),
+  .table-zebra tbody tr:nth-child(even){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+}
+
+.table-zebra tr.active,
+    .table-zebra tr.active:nth-child(even),
+    .table-zebra-zebra tbody tr:nth-child(even){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+}
+
+.table :where(thead, tbody) :where(tr:not(:last-child)),
+    .table :where(thead, tbody) :where(tr:first-child:last-child){
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity));
+}
+
+.table :where(thead, tfoot){
+  white-space: nowrap;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 700;
+  color: hsl(var(--bc) / 0.6);
+}
+
+.textarea-bordered{
+  --tw-border-opacity: 0.2;
+}
+
+.textarea:focus{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 2px;
+  outline-color: hsl(var(--bc) / 0.2);
+}
+
+.textarea-disabled,
+  .textarea:disabled,
+  .textarea[disabled]{
+  cursor: not-allowed;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+  --tw-text-opacity: 0.2;
+}
+
+.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.textarea-disabled::placeholder,
+  .textarea:disabled::placeholder,
+  .textarea[disabled]::placeholder{
+  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
+  --tw-placeholder-opacity: 0.2;
+}
+
+.toast > *{
+  animation: toast-pop 0.25s ease-out;
+}
+
+@keyframes toast-pop{
+  0%{
+    transform: scale(0.9);
+    opacity: 0;
+  }
+
+  100%{
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.tooltip.tooltip-primary{
+  --tooltip-color: hsl(var(--p));
+  --tooltip-text-color: hsl(var(--pc));
+}
+
+.tooltip.tooltip-secondary{
+  --tooltip-color: hsl(var(--s));
+  --tooltip-text-color: hsl(var(--sc));
+}
+
+.tooltip.tooltip-accent{
+  --tooltip-color: hsl(var(--a));
+  --tooltip-text-color: hsl(var(--ac));
+}
+
+.tooltip.tooltip-info{
+  --tooltip-color: hsl(var(--in));
+  --tooltip-text-color: hsl(var(--inc));
+}
+
+.tooltip.tooltip-success{
+  --tooltip-color: hsl(var(--su));
+  --tooltip-text-color: hsl(var(--suc));
+}
+
+.tooltip.tooltip-warning{
+  --tooltip-color: hsl(var(--wa));
+  --tooltip-text-color: hsl(var(--wac));
+}
+
+.tooltip.tooltip-error{
+  --tooltip-color: hsl(var(--er));
+  --tooltip-text-color: hsl(var(--erc));
+}
+
+.rounded-box{
+  border-radius: var(--rounded-box, 1rem);
+}
+
+.artboard.phone-1.horizontal,
+      .artboard.phone-1.artboard-horizontal{
+  width: 568px;
+  height: 320px;
+}
+
+.artboard.phone-2.horizontal,
+      .artboard.phone-2.artboard-horizontal{
+  width: 667px;
+  height: 375px;
+}
+
+.artboard.phone-3.horizontal,
+      .artboard.phone-3.artboard-horizontal{
+  width: 736px;
+  height: 414px;
+}
+
+.artboard.phone-4.horizontal,
+      .artboard.phone-4.artboard-horizontal{
+  width: 812px;
+  height: 375px;
+}
+
+.artboard.phone-5.horizontal,
+      .artboard.phone-5.artboard-horizontal{
+  width: 896px;
+  height: 414px;
+}
+
+.artboard.phone-6.horizontal,
+      .artboard.phone-6.artboard-horizontal{
+  width: 1024px;
+  height: 320px;
+}
+
+.badge-sm{
+  height: 1rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  padding-left: 0.438rem;
+  padding-right: 0.438rem;
+}
+
+.btm-nav-xs > *:where(.active){
+  border-top-width: 1px;
+}
+
+.btm-nav-sm > *:where(.active){
+  border-top-width: 2px;
+}
+
+.btm-nav-md > *:where(.active){
+  border-top-width: 2px;
+}
+
+.btm-nav-lg > *:where(.active){
+  border-top-width: 4px;
+}
+
+.btn-xs{
+  height: 1.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  min-height: 1.5rem;
+  font-size: 0.75rem;
+}
+
+.btn-sm{
+  height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  min-height: 2rem;
+  font-size: 0.875rem;
+}
+
+.btn-square:where(.btn-xs){
+  height: 1.5rem;
+  width: 1.5rem;
+  padding: 0px;
+}
+
+.btn-square:where(.btn-sm){
+  height: 2rem;
+  width: 2rem;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-xs){
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-sm){
+  height: 2rem;
+  width: 2rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-md){
+  height: 3rem;
+  width: 3rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-lg){
+  height: 4rem;
+  width: 4rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.input-sm{
+  height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 2rem;
+}
+
+.join.join-vertical{
+  flex-direction: column;
+}
+
+.join.join-vertical .join-item:first-child:not(:last-child),
+  .join.join-vertical *:first-child:not(:last-child) .join-item{
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.join.join-vertical .join-item:last-child:not(:first-child),
+  .join.join-vertical *:last-child:not(:first-child) .join-item{
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.join.join-horizontal{
+  flex-direction: row;
+}
+
+.join.join-horizontal .join-item:first-child:not(:last-child),
+  .join.join-horizontal *:first-child:not(:last-child) .join-item{
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: inherit;
+  border-top-left-radius: inherit;
+}
+
+.join.join-horizontal .join-item:last-child:not(:first-child),
+  .join.join-horizontal *:last-child:not(:first-child) .join-item{
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.radio-sm{
+  height: 1.25rem;
+  width: 1.25rem;
+}
+
+.steps-horizontal .step{
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+  place-items: center;
+  text-align: center;
+}
+
+.steps-vertical .step{
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+:where(.toast){
+  right: 0px;
+  left: auto;
+  top: auto;
+  bottom: 0px;
+  --tw-translate-x: 0px;
+  --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));
+}
+
+.toast:where(.toast-start){
+  right: auto;
+  left: 0px;
+  --tw-translate-x: 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));
+}
+
+.toast:where(.toast-center){
+  right: 50%;
+  left: 50%;
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.toast:where(.toast-end){
+  right: 0px;
+  left: auto;
+  --tw-translate-x: 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));
+}
+
+.toast:where(.toast-bottom){
+  top: auto;
+  bottom: 0px;
+  --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));
+}
+
+.toast:where(.toast-middle){
+  top: 50%;
+  bottom: auto;
+  --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));
+}
+
+.toast:where(.toast-top){
+  top: 0px;
+  bottom: auto;
+  --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));
+}
+
+.tooltip{
+  position: relative;
+  display: inline-block;
+  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
+}
+
+.tooltip:before{
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  content: var(--tw-content);
+  --tw-content: attr(data-tip);
+}
+
+.tooltip:before, .tooltip-top:before{
+  transform: translateX(-50%);
+  top: auto;
+  left: 50%;
+  right: auto;
+  bottom: var(--tooltip-offset);
+}
+
+.tooltip-bottom:before{
+  transform: translateX(-50%);
+  top: var(--tooltip-offset);
+  left: 50%;
+  right: auto;
+  bottom: auto;
+}
+
+.tooltip-right:before{
+  transform: translateY(-50%);
+  top: 50%;
+  left: var(--tooltip-offset);
+  right: auto;
+  bottom: auto;
+}
+
+.avatar.online:before{
+  content: "";
+  position: absolute;
+  z-index: 10;
+  display: block;
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--su) / var(--tw-bg-opacity));
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: hsl(var(--b1) / 1);
+  width: 15%;
+  height: 15%;
+  top: 7%;
+  right: 7%;
+}
+
+.avatar.offline:before{
+  content: "";
+  position: absolute;
+  z-index: 10;
+  display: block;
+  border-radius: 9999px;
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: hsl(var(--b1) / 1);
+  width: 15%;
+  height: 15%;
+  top: 7%;
+  right: 7%;
+}
+
+.btn-group .btn:not(:first-child):not(:last-child){
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group .btn:first-child:not(:last-child){
+  margin-top: -0px;
+  margin-left: -1px;
+  border-top-left-radius: var(--rounded-btn, 0.5rem);
+  border-top-right-radius: 0;
+  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-right-radius: 0;
+}
+
+.btn-group .btn:last-child:not(:first-child){
+  border-top-left-radius: 0;
+  border-top-right-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
+}
+
+.btn-group-horizontal .btn:not(:first-child):not(:last-child){
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group-horizontal .btn:first-child:not(:last-child){
+  margin-top: -0px;
+  margin-left: -1px;
+  border-top-left-radius: var(--rounded-btn, 0.5rem);
+  border-top-right-radius: 0;
+  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-right-radius: 0;
+}
+
+.btn-group-horizontal .btn:last-child:not(:first-child){
+  border-top-left-radius: 0;
+  border-top-right-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
+}
+
+.btn-group-vertical .btn:first-child:not(:last-child){
+  margin-top: -1px;
+  margin-left: -0px;
+  border-top-left-radius: var(--rounded-btn, 0.5rem);
+  border-top-right-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group-vertical .btn:last-child:not(:first-child){
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
+  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
+}
+
+.card-compact .card-title{
+  margin-bottom: 0.25rem;
+}
+
+.card-normal .card-title{
+  margin-bottom: 0.75rem;
+}
+
+.join.join-vertical > :where(*:not(:first-child)){
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: -1px;
+}
+
+.join.join-horizontal > :where(*:not(:first-child)){
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-left: -1px;
+}
+
+.modal-top :where(.modal-box){
+  width: 100%;
+  max-width: none;
+  --tw-translate-y: -2.5rem;
+  --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));
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+  border-bottom-left-radius: var(--rounded-box, 1rem);
+  border-bottom-right-radius: var(--rounded-box, 1rem);
+}
+
+.modal-middle :where(.modal-box){
+  width: 91.666667%;
+  max-width: 32rem;
+  --tw-translate-y: 0px;
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+  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));
+  border-top-left-radius: var(--rounded-box, 1rem);
+  border-top-right-radius: var(--rounded-box, 1rem);
+  border-bottom-left-radius: var(--rounded-box, 1rem);
+  border-bottom-right-radius: var(--rounded-box, 1rem);
+}
+
+.modal-bottom :where(.modal-box){
+  width: 100%;
+  max-width: none;
+  --tw-translate-y: 2.5rem;
+  --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));
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+  border-top-left-radius: var(--rounded-box, 1rem);
+  border-top-right-radius: var(--rounded-box, 1rem);
+}
+
+.steps-horizontal .step{
+  grid-template-rows: 40px 1fr;
+  grid-template-columns: auto;
+  min-width: 4rem;
+}
+
+.steps-horizontal .step:before{
+  height: 0.5rem;
+  width: 100%;
+  --tw-translate-y: 0px;
+  --tw-translate-x: 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));
+  content: "";
+  margin-left: -100%;
+}
+
+.steps-vertical .step{
+  gap: 0.5rem;
+  grid-template-columns: 40px 1fr;
+  grid-template-rows: auto;
+  min-height: 4rem;
+  justify-items: start;
+}
+
+.steps-vertical .step:before{
+  height: 100%;
+  width: 0.5rem;
+  --tw-translate-y: -50%;
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  margin-left: 50%;
+}
+
+[dir="rtl"] .steps-vertical .step:before{
+  margin-right: auto;
+}
+
+.table-xs :not(thead):not(tfoot) tr{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.table-xs :where(th, td){
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.table-sm :not(thead):not(tfoot) tr{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.table-sm :where(th, td){
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.tooltip{
+  position: relative;
+  display: inline-block;
+  text-align: center;
+  --tooltip-tail: 0.1875rem;
+  --tooltip-color: hsl(var(--n));
+  --tooltip-text-color: hsl(var(--nc));
+  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
+}
+
+.tooltip:before,
+.tooltip:after{
+  opacity: 0;
+  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-delay: 100ms;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.tooltip:after{
+  position: absolute;
+  content: "";
+  border-style: solid;
+  border-width: var(--tooltip-tail, 0);
+  width: 0;
+  height: 0;
+  display: block;
+}
+
+.tooltip:before{
+  max-width: 20rem;
+  border-radius: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  background-color: var(--tooltip-color);
+  color: var(--tooltip-text-color);
+  width: -moz-max-content;
+  width: max-content;
+}
+
+.tooltip.tooltip-open:before,
+.tooltip.tooltip-open:after,
+.tooltip:hover:before,
+.tooltip:hover:after{
+  opacity: 1;
+  transition-delay: 75ms;
+}
+
+.tooltip:has(:focus-visible):after,
+.tooltip:has(:focus-visible):before{
+  opacity: 1;
+  transition-delay: 75ms;
+}
+
+.tooltip:not([data-tip]):hover:before,
+.tooltip:not([data-tip]):hover:after{
+  visibility: hidden;
+  opacity: 0;
+}
+
+.tooltip:after, .tooltip-top:after{
+  transform: translateX(-50%);
+  border-color: var(--tooltip-color) transparent transparent transparent;
+  top: auto;
+  left: 50%;
+  right: auto;
+  bottom: var(--tooltip-tail-offset);
+}
+
+.tooltip-bottom:after{
+  transform: translateX(-50%);
+  border-color: transparent transparent var(--tooltip-color) transparent;
+  top: var(--tooltip-tail-offset);
+  left: 50%;
+  right: auto;
+  bottom: auto;
+}
+
+.tooltip-right:after{
+  transform: translateY(-50%);
+  border-color: transparent var(--tooltip-color) transparent transparent;
+  top: 50%;
+  left: calc(var(--tooltip-tail-offset) + 0.0625rem);
+  right: auto;
+  bottom: auto;
+}
+
+.pointer-events-none{
+  pointer-events: none;
+}
+
+.\!pointer-events-auto{
+  pointer-events: auto !important;
+}
+
+.\!visible{
+  visibility: visible !important;
+}
+
+.collapse{
+  visibility: collapse;
+}
+
+.static{
+  position: static;
+}
+
+.fixed{
+  position: fixed;
+}
+
+.absolute{
+  position: absolute;
+}
+
+.relative{
+  position: relative;
+}
+
+.sticky{
+  position: sticky;
+}
+
+.inset-x-0{
+  left: 0px;
+  right: 0px;
+}
+
+.inset-y-0{
+  top: 0px;
+  bottom: 0px;
+}
+
+.-left-14{
+  left: -3.5rem;
+}
+
+.bottom-0{
+  bottom: 0px;
+}
+
+.bottom-\[\]{
+  bottom: ;
+}
+
+.left-0{
+  left: 0px;
+}
+
+.left-6{
+  left: 1.5rem;
+}
+
+.right-0{
+  right: 0px;
+}
+
+.right-2{
+  right: 0.5rem;
+}
+
+.top-0{
+  top: 0px;
+}
+
+.top-2{
+  top: 0.5rem;
+}
+
+.z-10{
+  z-index: 10;
+}
+
+.z-20{
+  z-index: 20;
+}
+
+.z-50{
+  z-index: 50;
+}
+
+.order-first{
+  order: -9999;
+}
+
+.col-span-1{
+  grid-column: span 1 / span 1;
+}
+
+.col-span-2{
+  grid-column: span 2 / span 2;
+}
+
+.float-right{
+  float: right;
+}
+
+.m-4{
+  margin: 1rem;
+}
+
+.m-auto{
+  margin: auto;
+}
+
+.mx-1{
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.mx-2{
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.mx-4{
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.mx-5{
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.mx-6{
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.mx-\[6px\]{
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.mx-auto{
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-10{
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+
+.my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.my-4{
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.my-5{
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.my-6{
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.\!mb-0{
+  margin-bottom: 0px !important;
+}
+
+.-ml-0{
+  margin-left: -0px;
+}
+
+.-ml-0\.5{
+  margin-left: -0.125rem;
+}
+
+.mb-0{
+  margin-bottom: 0px;
+}
+
+.mb-1{
+  margin-bottom: 0.25rem;
+}
+
+.mb-2{
+  margin-bottom: 0.5rem;
+}
+
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
+.mb-4{
+  margin-bottom: 1rem;
+}
+
+.mb-6{
+  margin-bottom: 1.5rem;
+}
+
+.ml-0{
+  margin-left: 0px;
+}
+
+.ml-1{
+  margin-left: 0.25rem;
+}
+
+.ml-2{
+  margin-left: 0.5rem;
+}
+
+.ml-3{
+  margin-left: 0.75rem;
+}
+
+.ml-4{
+  margin-left: 1rem;
+}
+
+.mr-1{
+  margin-right: 0.25rem;
+}
+
+.mr-1\.5{
+  margin-right: 0.375rem;
+}
+
+.mr-10{
+  margin-right: 2.5rem;
+}
+
+.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;
+}
+
+.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-3{
+  margin-top: 0.75rem;
+}
+
+.mt-4{
+  margin-top: 1rem;
+}
+
+.mt-5{
+  margin-top: 1.25rem;
+}
+
+.mt-6{
+  margin-top: 1.5rem;
+}
+
+.mt-8{
+  margin-top: 2rem;
+}
+
+.box-border{
+  box-sizing: border-box;
+}
+
+.box-content{
+  box-sizing: content-box;
+}
+
+.\!block{
+  display: block !important;
+}
+
+.block{
+  display: block;
+}
+
+.\!inline-block{
+  display: inline-block !important;
+}
+
+.inline-block{
+  display: inline-block;
+}
+
+.flex{
+  display: flex;
+}
+
+.\!inline-flex{
+  display: inline-flex !important;
+}
+
+.inline-flex{
+  display: inline-flex;
+}
+
+.table{
+  display: table;
+}
+
+.grid{
+  display: grid;
+}
+
+.hidden{
+  display: none;
+}
+
+.\!h-10{
+  height: 2.5rem !important;
+}
+
+.\!h-14{
+  height: 3.5rem !important;
+}
+
+.\!h-\[unset\]{
+  height: unset !important;
+}
+
+.h-1{
+  height: 0.25rem;
+}
+
+.h-10{
+  height: 2.5rem;
+}
+
+.h-11{
+  height: 2.75rem;
+}
+
+.h-2{
+  height: 0.5rem;
+}
+
+.h-20{
+  height: 5rem;
+}
+
+.h-4{
+  height: 1rem;
+}
+
+.h-5{
+  height: 1.25rem;
+}
+
+.h-6{
+  height: 1.5rem;
+}
+
+.h-64{
+  height: 16rem;
+}
+
+.h-8{
+  height: 2rem;
+}
+
+.h-9{
+  height: 2.25rem;
+}
+
+.h-\[1px\]{
+  height: 1px;
+}
+
+.h-\[22px\]{
+  height: 22px;
+}
+
+.h-\[35px\]{
+  height: 35px;
+}
+
+.h-\[400px\]{
+  height: 400px;
+}
+
+.h-\[44px\]{
+  height: 44px;
+}
+
+.h-\[48px\]{
+  height: 48px;
+}
+
+.h-\[60px\]{
+  height: 60px;
+}
+
+.h-\[6px\]{
+  height: 6px;
+}
+
+.h-full{
+  height: 100%;
+}
+
+.\!max-h-80{
+  max-height: 20rem !important;
+}
+
+.max-h-60{
+  max-height: 15rem;
+}
+
+.max-h-72{
+  max-height: 18rem;
+}
+
+.max-h-96{
+  max-height: 24rem;
+}
+
+.max-h-\[250px\]{
+  max-height: 250px;
+}
+
+.min-h-\[112px\]{
+  min-height: 112px;
+}
+
+.min-h-\[25px\]{
+  min-height: 25px;
+}
+
+.\!w-11\/12{
+  width: 91.666667% !important;
+}
+
+.\!w-14{
+  width: 3.5rem !important;
+}
+
+.w-0{
+  width: 0px;
+}
+
+.w-1{
+  width: 0.25rem;
+}
+
+.w-10{
+  width: 2.5rem;
+}
+
+.w-11{
+  width: 2.75rem;
+}
+
+.w-2{
+  width: 0.5rem;
+}
+
+.w-20{
+  width: 5rem;
+}
+
+.w-24{
+  width: 6rem;
+}
+
+.w-36{
+  width: 9rem;
+}
+
+.w-4{
+  width: 1rem;
+}
+
+.w-4\/5{
+  width: 80%;
+}
+
+.w-40{
+  width: 10rem;
+}
+
+.w-48{
+  width: 12rem;
+}
+
+.w-5{
+  width: 1.25rem;
+}
+
+.w-52{
+  width: 13rem;
+}
+
+.w-6{
+  width: 1.5rem;
+}
+
+.w-60{
+  width: 15rem;
+}
+
+.w-64{
+  width: 16rem;
+}
+
+.w-8{
+  width: 2rem;
+}
+
+.w-8\/12{
+  width: 66.666667%;
+}
+
+.w-80{
+  width: 20rem;
+}
+
+.w-9{
+  width: 2.25rem;
+}
+
+.w-\[1px\]{
+  width: 1px;
+}
+
+.w-\[298px\]{
+  width: 298px;
+}
+
+.w-\[44px\]{
+  width: 44px;
+}
+
+.w-\[50vw\]{
+  width: 50vw;
+}
+
+.w-\[6px\]{
+  width: 6px;
+}
+
+.w-\[80vw\]{
+  width: 80vw;
+}
+
+.w-auto{
+  width: auto;
+}
+
+.w-fit{
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.w-full{
+  width: 100%;
+}
+
+.w-max{
+  width: -moz-max-content;
+  width: max-content;
+}
+
+.min-w-0{
+  min-width: 0px;
+}
+
+.min-w-\[256px\]{
+  min-width: 256px;
+}
+
+.min-w-max{
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
+.\!max-w-5xl{
+  max-width: 64rem !important;
+}
+
+.max-w-5xl{
+  max-width: 64rem;
+}
+
+.max-w-\[200px\]{
+  max-width: 200px;
+}
+
+.max-w-\[320px\]{
+  max-width: 320px;
+}
+
+.max-w-\[334px\]{
+  max-width: 334px;
+}
+
+.max-w-\[calc\(100\%-10px\)\]{
+  max-width: calc(100% - 10px);
+}
+
+.max-w-md{
+  max-width: 28rem;
+}
+
+.max-w-sm{
+  max-width: 24rem;
+}
+
+.flex-1{
+  flex: 1 1 0%;
+}
+
+.flex-none{
+  flex: none;
+}
+
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+
+.flex-grow{
+  flex-grow: 1;
+}
+
+.grow{
+  flex-grow: 1;
+}
+
+.table-fixed{
+  table-layout: fixed;
+}
+
+.cursor-default{
+  cursor: default;
+}
+
+.cursor-not-allowed{
+  cursor: not-allowed;
+}
+
+.cursor-pointer{
+  cursor: pointer;
+}
+
+.auto-cols-auto{
+  grid-auto-columns: auto;
+}
+
+.auto-cols-max{
+  grid-auto-columns: max-content;
+}
+
+.grid-flow-col{
+  grid-auto-flow: column;
+}
+
+.auto-rows-max{
+  grid-auto-rows: max-content;
+}
+
+.\!grid-cols-3{
+  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+}
+
+.grid-cols-1{
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2{
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3{
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4{
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.\!flex-row{
+  flex-direction: row !important;
+}
+
+.flex-row{
+  flex-direction: row;
+}
+
+.flex-col{
+  flex-direction: column;
+}
+
+.flex-wrap{
+  flex-wrap: wrap;
+}
+
+.place-items-center{
+  place-items: center;
+}
+
+.items-start{
+  align-items: flex-start;
+}
+
+.items-center{
+  align-items: center;
+}
+
+.items-baseline{
+  align-items: baseline;
+}
+
+.items-stretch{
+  align-items: stretch;
+}
+
+.justify-start{
+  justify-content: flex-start;
+}
+
+.justify-end{
+  justify-content: flex-end;
+}
+
+.justify-center{
+  justify-content: center;
+}
+
+.justify-between{
+  justify-content: space-between;
+}
+
+.justify-around{
+  justify-content: space-around;
+}
+
+.justify-evenly{
+  justify-content: space-evenly;
+}
+
+.justify-items-center{
+  justify-items: center;
+}
+
+.gap-0{
+  gap: 0px;
+}
+
+.gap-0\.5{
+  gap: 0.125rem;
+}
+
+.gap-1{
+  gap: 0.25rem;
+}
+
+.gap-2{
+  gap: 0.5rem;
+}
+
+.gap-3{
+  gap: 0.75rem;
+}
+
+.gap-4{
+  gap: 1rem;
+}
+
+.gap-8{
+  gap: 2rem;
+}
+
+.gap-x-2{
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-x-4{
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.justify-self-center{
+  justify-self: center;
+}
+
+.overflow-auto{
+  overflow: auto;
+}
+
+.overflow-hidden{
+  overflow: hidden;
+}
+
+.overflow-x-auto{
+  overflow-x: auto;
+}
+
+.\!overflow-y-auto{
+  overflow-y: auto !important;
+}
+
+.overflow-y-auto{
+  overflow-y: auto;
+}
+
+.truncate{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.whitespace-normal{
+  white-space: normal;
+}
+
+.whitespace-nowrap{
+  white-space: nowrap;
+}
+
+.whitespace-break-spaces{
+  white-space: break-spaces;
+}
+
+.break-words{
+  overflow-wrap: break-word;
+}
+
+.break-all{
+  word-break: break-all;
+}
+
+.\!rounded-\[20px\]{
+  border-radius: 20px !important;
+}
+
+.\!rounded-none{
+  border-radius: 0px !important;
+}
+
+.rounded{
+  border-radius: 0.25rem;
+}
+
+.rounded-2xl{
+  border-radius: 1rem;
+}
+
+.rounded-3xl{
+  border-radius: 1.5rem;
+}
+
+.rounded-\[16px\]{
+  border-radius: 16px;
+}
+
+.rounded-\[3px\]{
+  border-radius: 3px;
+}
+
+.rounded-full{
+  border-radius: 9999px;
+}
+
+.rounded-lg{
+  border-radius: 0.5rem;
+}
+
+.rounded-md{
+  border-radius: 0.375rem;
+}
+
+.rounded-sm{
+  border-radius: 0.125rem;
+}
+
+.\!border{
+  border-width: 1px !important;
+}
+
+.\!border-0{
+  border-width: 0px !important;
+}
+
+.border{
+  border-width: 1px;
+}
+
+.border-0{
+  border-width: 0px;
+}
+
+.border-b{
+  border-bottom-width: 1px;
+}
+
+.border-r{
+  border-right-width: 1px;
+}
+
+.border-t{
+  border-top-width: 1px;
+}
+
+.\!border-solid{
+  border-style: solid !important;
+}
+
+.border-none{
+  border-style: none;
+}
+
+.\!border-base-300{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--b3) / var(--tw-border-opacity)) !important;
+}
+
+.\!border-info{
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(0 178 255 / var(--tw-border-opacity)) !important;
+}
+
+.\!border-link{
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(185 153 243 / var(--tw-border-opacity)) !important;
+}
+
+.\!border-primary{
+  --tw-border-opacity: 1 !important;
+  border-color: hsl(var(--p) / var(--tw-border-opacity)) !important;
+}
+
+.\!border-yes{
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(63 182 139 / var(--tw-border-opacity)) !important;
+}
+
+.border-\[\#242627\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(36 38 39 / var(--tw-border-opacity));
+}
+
+.border-\[\#319660\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(49 150 96 / var(--tw-border-opacity));
+}
+
+.border-\[\#383B40\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+}
+
+.border-\[\#FF5252\]{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 82 82 / var(--tw-border-opacity));
+}
+
+.border-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\]{
+  border-color: rgba(255,82,82,0.20);
+}
+
+.border-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\]{
+  border-color: rgba(39,120,77,0.20);
+}
+
+.border-base-200{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b2) / var(--tw-border-opacity));
+}
+
+.border-base-300{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b3) / var(--tw-border-opacity));
+}
+
+.border-base-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(36 38 39 / var(--tw-border-opacity));
+}
+
+.border-blue-100{
+  --tw-border-opacity: 1;
+  border-color: rgb(219 234 254 / var(--tw-border-opacity));
+}
+
+.border-gray-100{
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity));
+}
+
+.border-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
+.border-gray-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
+.border-link{
+  --tw-border-opacity: 1;
+  border-color: rgb(185 153 243 / var(--tw-border-opacity));
+}
+
+.border-primary{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+}
+
+.border-white{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.border-b-\[\#242627\]{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(36 38 39 / var(--tw-border-opacity));
+}
+
+.border-b-\[\#383B40\]{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(56 59 64 / var(--tw-border-opacity));
+}
+
+.\!bg-\[\#232326\]{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(35 35 38 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\]{
+  background-color: rgba(185,153,243,0.2) !important;
+}
+
+.\!bg-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\]{
+  background-color: rgba(255,82,82,0.20) !important;
+}
+
+.\!bg-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\]{
+  background-color: rgba(39,120,77,0.20) !important;
+}
+
+.\!bg-base{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-base-300{
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-info{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 178 255 / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-primary{
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity)) !important;
+}
+
+.\!bg-yes{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(63 182 139 / var(--tw-bg-opacity)) !important;
+}
+
+.bg-\[\#141416\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 20 22 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#1A1E25\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 30 37 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#2E2E33\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#383B40\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 59 64 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#7332E7\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 50 231 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#B71C1C\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(183 28 28 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#CBAEFF\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 174 255 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#f6f2ff\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 242 255 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#fcebea\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 235 234 / var(--tw-bg-opacity));
+}
+
+.bg-\[rgba\(0\2c 207\2c 232\2c 0\.12\)\]{
+  background-color: rgba(0,207,232,0.12);
+}
+
+.bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\]{
+  background-color: rgba(180,183,187,0.10);
+}
+
+.bg-\[rgba\(39\2c 120\2c 77\2c 0\.50\)\]{
+  background-color: rgba(39,120,77,0.50);
+}
+
+.bg-base{
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+.bg-base-100{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+}
+
+.bg-base-200{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+}
+
+.bg-base-300{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+}
+
+.bg-error{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--er) / var(--tw-bg-opacity));
+}
+
+.bg-gray-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
+.bg-gray-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
+
+.bg-green-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+
+.bg-info{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 178 255 / var(--tw-bg-opacity));
+}
+
+.bg-no{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 83 83 / var(--tw-bg-opacity));
+}
+
+.bg-primary{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+}
+
+.bg-red-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}
+
+.bg-red-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+
+.bg-red-800{
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
+}
+
+.bg-secondary{
+  background-color: var(--text-secondary);
+}
+
+.bg-slate-200{
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+
+.bg-success{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--su) / var(--tw-bg-opacity));
+}
+
+.bg-transparent{
+  background-color: transparent;
+}
+
+.bg-warning{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
+}
+
+.bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-yes{
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 182 139 / var(--tw-bg-opacity));
+}
+
+.stroke-current{
+  stroke: currentColor;
+}
+
+.object-contain{
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.\!p-0{
+  padding: 0px !important;
+}
+
+.\!p-6{
+  padding: 1.5rem !important;
+}
+
+.p-1{
+  padding: 0.25rem;
+}
+
+.p-2{
+  padding: 0.5rem;
+}
+
+.p-4{
+  padding: 1rem;
+}
+
+.p-5{
+  padding: 1.25rem;
+}
+
+.p-6{
+  padding: 1.5rem;
+}
+
+.\!px-1{
+  padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
+}
+
+.\!px-3{
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+}
+
+.\!py-0{
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.\!py-1{
+  padding-top: 0.25rem !important;
+  padding-bottom: 0.25rem !important;
+}
+
+.px-0{
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.px-1{
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.px-10{
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.px-2{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-3{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-4{
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-5{
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.px-6{
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-0{
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.py-1{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.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;
+}
+
+.py-\[11px\]{
+  padding-top: 11px;
+  padding-bottom: 11px;
+}
+
+.py-\[1px\]{
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.py-px{
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.\!pb-2{
+  padding-bottom: 0.5rem !important;
+}
+
+.\!pb-3{
+  padding-bottom: 0.75rem !important;
+}
+
+.pb-0{
+  padding-bottom: 0px;
+}
+
+.pb-1{
+  padding-bottom: 0.25rem;
+}
+
+.pb-2{
+  padding-bottom: 0.5rem;
+}
+
+.pb-4{
+  padding-bottom: 1rem;
+}
+
+.pb-6{
+  padding-bottom: 1.5rem;
+}
+
+.pb-8{
+  padding-bottom: 2rem;
+}
+
+.pl-2{
+  padding-left: 0.5rem;
+}
+
+.pl-4{
+  padding-left: 1rem;
+}
+
+.pl-5{
+  padding-left: 1.25rem;
+}
+
+.pl-8{
+  padding-left: 2rem;
+}
+
+.pr-2{
+  padding-right: 0.5rem;
+}
+
+.pr-3{
+  padding-right: 0.75rem;
+}
+
+.pr-4{
+  padding-right: 1rem;
+}
+
+.pr-5{
+  padding-right: 1.25rem;
+}
+
+.pt-0{
+  padding-top: 0px;
+}
+
+.pt-1{
+  padding-top: 0.25rem;
+}
+
+.pt-10{
+  padding-top: 2.5rem;
+}
+
+.pt-2{
+  padding-top: 0.5rem;
+}
+
+.pt-3{
+  padding-top: 0.75rem;
+}
+
+.pt-4{
+  padding-top: 1rem;
+}
+
+.pt-5{
+  padding-top: 1.25rem;
+}
+
+.pt-6{
+  padding-top: 1.5rem;
+}
+
+.text-left{
+  text-align: left;
+}
+
+.text-center{
+  text-align: center;
+}
+
+.text-right{
+  text-align: right;
+}
+
+.align-middle{
+  vertical-align: middle;
+}
+
+.\!text-\[18px\]{
+  font-size: 18px !important;
+}
+
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-3xl{
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-8xl{
+  font-size: 6rem;
+  line-height: 1;
+}
+
+.text-\[13px\]{
+  font-size: 13px;
+}
+
+.text-\[14px\]{
+  font-size: 14px;
+}
+
+.text-\[16px\]{
+  font-size: 16px;
+}
+
+.text-\[18px\]{
+  font-size: 18px;
+}
+
+.text-base{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xl{
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.\!font-semibold{
+  font-weight: 600 !important;
+}
+
+.font-bold{
+  font-weight: 700;
+}
+
+.font-medium{
+  font-weight: 500;
+}
+
+.font-normal{
+  font-weight: 400;
+}
+
+.font-semibold{
+  font-weight: 600;
+}
+
+.uppercase{
+  text-transform: uppercase;
+}
+
+.lowercase{
+  text-transform: lowercase;
+}
+
+.capitalize{
+  text-transform: capitalize;
+}
+
+.leading-5{
+  line-height: 1.25rem;
+}
+
+.leading-7{
+  line-height: 1.75rem;
+}
+
+.leading-none{
+  line-height: 1;
+}
+
+.tracking-tight{
+  letter-spacing: -0.025em;
+}
+
+.\!text-\[\#39DD47\]{
+  --tw-text-opacity: 1 !important;
+  color: rgb(57 221 71 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-\[\#B4B7BB\]{
+  --tw-text-opacity: 1 !important;
+  color: rgb(180 183 187 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-\[\#FF5252\]{
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 82 82 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-link{
+  --tw-text-opacity: 1 !important;
+  color: rgb(185 153 243 / var(--tw-text-opacity)) !important;
+}
+
+.\!text-white{
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+}
+
+.text-\[\#00cfe8\]{
+  --tw-text-opacity: 1;
+  color: rgb(0 207 232 / var(--tw-text-opacity));
+}
+
+.text-\[\#39DD47\]{
+  --tw-text-opacity: 1;
+  color: rgb(57 221 71 / var(--tw-text-opacity));
+}
+
+.text-\[\#666\]{
+  --tw-text-opacity: 1;
+  color: rgb(102 102 102 / var(--tw-text-opacity));
+}
+
+.text-\[\#83838A\]{
+  --tw-text-opacity: 1;
+  color: rgb(131 131 138 / var(--tw-text-opacity));
+}
+
+.text-\[\#9c6cff\]{
+  --tw-text-opacity: 1;
+  color: rgb(156 108 255 / var(--tw-text-opacity));
+}
+
+.text-\[\#B4B7BB\]{
+  --tw-text-opacity: 1;
+  color: rgb(180 183 187 / var(--tw-text-opacity));
+}
+
+.text-\[\#FF5252\]{
+  --tw-text-opacity: 1;
+  color: rgb(255 82 82 / var(--tw-text-opacity));
+}
+
+.text-\[\#f7f7f7\]{
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.text-base{
+  --tw-text-opacity: 1;
+  color: rgb(46 46 51 / var(--tw-text-opacity));
+}
+
+.text-black{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-blue-500{
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
+.text-error{
+  --tw-text-opacity: 1;
+  color: hsl(var(--er) / var(--tw-text-opacity));
+}
+
+.text-gray-300{
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+.text-gray-400{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.text-gray-500{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
+.text-gray-600{
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
+.text-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
+.text-gray-800{
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
+}
+
+.text-gray-900{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+
+.text-green-400{
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity));
+}
+
+.text-green-500{
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+
+.text-green-600{
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+
+.text-indigo-400{
+  --tw-text-opacity: 1;
+  color: rgb(129 140 248 / var(--tw-text-opacity));
+}
+
+.text-info{
+  --tw-text-opacity: 1;
+  color: rgb(0 178 255 / var(--tw-text-opacity));
+}
+
+.text-link{
+  --tw-text-opacity: 1;
+  color: rgb(185 153 243 / var(--tw-text-opacity));
+}
+
+.text-main{
+  color: var(--text-main);
+}
+
+.text-no{
+  --tw-text-opacity: 1;
+  color: rgb(255 83 83 / var(--tw-text-opacity));
+}
+
+.text-primary{
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+}
+
+.text-red-500{
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+
+.text-red-600{
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
+.text-slate-200{
+  --tw-text-opacity: 1;
+  color: rgb(226 232 240 / var(--tw-text-opacity));
+}
+
+.text-success{
+  --tw-text-opacity: 1;
+  color: hsl(var(--su) / var(--tw-text-opacity));
+}
+
+.text-warning{
+  --tw-text-opacity: 1;
+  color: hsl(var(--wa) / var(--tw-text-opacity));
+}
+
+.text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.text-yellow-500{
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity));
+}
+
+.text-yes{
+  --tw-text-opacity: 1;
+  color: rgb(63 182 139 / var(--tw-text-opacity));
+}
+
+.no-underline{
+  text-decoration-line: none;
+}
+
+.\!opacity-100{
+  opacity: 1 !important;
+}
+
+.opacity-10{
+  opacity: 0.1;
+}
+
+.opacity-20{
+  opacity: 0.2;
+}
+
+.opacity-50{
+  opacity: 0.5;
+}
+
+.opacity-60{
+  opacity: 0.6;
+}
+
+.shadow{
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-sm{
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 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);
+}
+
+.outline-none{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.ring-1{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset{
+  --tw-ring-inset: inset;
+}
+
+.ring-gray-300{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.drop-shadow-md{
+  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.delay-1000{
+  transition-delay: 1000ms;
+}
+
+.duration-500{
+  transition-duration: 500ms;
+}
+
+html,
+body {
+  height: 100%;
+  overflow-x: hidden;
+}
+
+:root {
+  --text-main: #333;
+  --text-secondary: #4b525d;
+  --bg-active: #fbfbfc;
+  --font-family: 'IBM Plex Sans';
+}
+
+body {
+  transition: color 0.5s, background-color 0.5s;
+  line-height: 1.6;
+  font-family: 'IBM Plex Sans', Inter, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans',
+    'Helvetica Neue', sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: #18181a;
+}
+
+html.dark,
+html[data-theme='dark'] {
+  --text-main: #f7f7f7;
+  --text-secondary: #6f6e84;
+  --bg-active: #242b40;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf');
+
+  font-weight: 100;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf');
+
+  font-weight: 200;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf');
+
+  font-weight: 300;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf');
+
+  font-weight: 400;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf');
+
+  font-weight: 500;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf');
+
+  font-weight: 600;
+
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans';
+
+  src: url('./assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf');
+
+  font-weight: 700;
+
+  font-display: swap;
+}
+
+table td {
+  min-width: 100px !important;
+}
+
+.table th:first-child {
+  position: relative;
+  z-index: 2;
+}
+
+.slide-up-enter-active,
+.slide-up-leave-active {
+  transition: all 0.25s ease-out;
+}
+
+.slide-up-enter-from {
+  opacity: 0;
+  transform: translateY(calc(80%));
+}
+
+.slide-up-leave-to {
+  opacity: 0;
+  transform: translateY(-calc(15%));
+}
+
+.table :where(th, td) {
+  word-break: break-word;
+}
+
+.ping-connect-btn,
+.ping-connect-dropdown {
+  display: none !important;
+}
+
+.layout-wrapper.layout-blank {
+  flex-direction: column;
+}
+
+.countdown-container {
+  display: inline-flexbox;
+  position: relative;
+}
+
+.countdown {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  /* width: 45%; */
+  /* text-align: right; */
+  /* float: right; */
+}
+
+.validatore-table.table :where(th, td) {
+  padding: 0.6rem 1rem;
+  font-size: 14px;
+}
+
+.staking-table.table :where(th, td) {
+  padding: 8px 5px;
+  background: transparent;
+}
+
+.text-break {
+  word-break: break-word;
+}
+
+.jv-container .jv-code.boxed {
+  overflow-y: auto;
+}
+
+.dropdown-content {
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.borderImage:hover {
+  border: 1px solid #242627;
+  -o-border-image: url(./assets/images/svg/border.svg) 22 / 35px;
+     border-image: url(./assets/images/svg/border.svg) 22 / 35px;
+}
+
+.borderImageActive {
+  border: 1px solid #242627;
+  -o-border-image: url(./assets/images/svg/border.svg) 22 / 35px;
+     border-image: url(./assets/images/svg/border.svg) 22 / 35px;
+}
+
+.section{
+  margin-bottom: 1rem;
+  border-radius: 1rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(36 38 39 / var(--tw-border-opacity));
+  padding: 1.5rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+:is(.dark .section){
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 20 22 / var(--tw-bg-opacity));
+}
+
+.boxWithBg {
+  display: flex;
+  height: 216px;
+  border-radius: 8px;
+  padding: 14px 0px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex: 1 0 0;
+  align-self: stretch;
+  gap: 4px;
+  border: 1px solid var(--Colors-Neutral-Border-default, #383b40);
+  background: var(--Colors-Neutral-Surface-card, #18181a);
+  background-image: url(./assets/images/pages/bg_stake_gpu.png);
+  background-repeat: no-repeat;
+  background-size: 105% 105%;
+  background-position: center center;
+  transition: all ease-in-out 0.2s;
+}
+
+.boxRewardWithImg {
+  background-image: url(./assets/images/pages/bg_apy_gpu.png);
+}
+
+.boxWithBg:hover {
+  background-size: 112% 112%;
+}
+
+.btn-custom{
+  height: 48px;
+  cursor: pointer;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 14px;
+  padding-bottom: 14px;
+  font-size: 14px;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.btn-custom:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+  --tw-brightness: brightness(1.5);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.btn-custom-sm{
+  cursor: pointer;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-size: 14px;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.btn-custom-sm:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+  --tw-brightness: brightness(1.5);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.box-border{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--b3) / var(--tw-border-opacity));
+  background-color: transparent;
+}
+
+.customTab.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
+  background-color: rgba(185, 153, 243, 0.2);
+  color: white;
+  border: 1px solid #b999f3;
+}
+
+.box-content{
+  margin: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 16px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(36 38 39 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 20 22 / var(--tw-bg-opacity));
+  padding: 1rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+@media (min-width: 768px){
+  .box-content{
+    margin: 1.5rem;
+    padding: 1.5rem;
+  }
+}
+
+.customTabV2.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
+  border-radius: 0;
+  background-color: transparent;
+  color: #b999f3;
+  font-weight: 600;
+  border-bottom: 2px solid #b999f3;
+}
+
+.bg-img-ibc {
+  background-image: url(./assets/images/ibc-bg.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
+}
+
+@media (hover: hover){
+  .hover\:btn-primary:hover:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+  }
+
+  .hover\:btn-primary:hover.btn-outline:hover{
+    --tw-border-opacity: 1;
+    border-color: hsl(var(--pf) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: hsl(var(--pc) / var(--tw-text-opacity));
+  }
+}
+
+.hover\:btn-primary:hover{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--p) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+  outline-color: hsl(var(--p) / 1);
+}
+
+.hover\:btn-primary:hover.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+}
+
+.hover\:btn-primary:hover.btn-outline{
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+}
+
+.hover\:btn-primary:hover.btn-outline.btn-active{
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--pf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--pc) / var(--tw-text-opacity));
+}
+
+@media (min-width: 1024px){
+  @media (hover:hover){
+    .lg\:\!table tr.hover:hover,.lg\:\!table tr.hover:nth-child(even):hover{
+      --tw-bg-opacity: 1 !important;
+      background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
+    }
+  }
+
+  .lg\:\!table{
+    position: relative !important;
+    width: 100% !important;
+    text-align: left !important;
+    font-size: 0.875rem !important;
+    line-height: 1.25rem !important;
+    border-radius: var(--rounded-box, 1rem) !important;
+  }
+
+  .lg\:\!table :where(.table-pin-rows thead tr){
+    position: sticky !important;
+    top: 0px !important;
+    z-index: 1 !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:\!table :where(.table-pin-rows tfoot tr){
+    position: sticky !important;
+    bottom: 0px !important;
+    z-index: 1 !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:\!table :where(.table-pin-cols tr th){
+    position: sticky !important;
+    left: 0px !important;
+    right: 0px !important;
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:\!table :where(th, td){
+    padding-left: 1rem !important;
+    padding-right: 1rem !important;
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+    vertical-align: middle !important;
+  }
+
+  .lg\:\!table tr.active,.lg\:\!table tr.active:nth-child(even){
+    --tw-bg-opacity: 1 !important;
+    background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:\!table :where(thead, tbody) :where(tr:not(:last-child)),.lg\:\!table :where(thead, tbody) :where(tr:first-child:last-child){
+    border-bottom-width: 1px !important;
+    --tw-border-opacity: 1 !important;
+    border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:\!table :where(thead, tfoot){
+    white-space: nowrap !important;
+    font-size: 0.75rem !important;
+    line-height: 1rem !important;
+    font-weight: 700 !important;
+    color: hsl(var(--bc) / 0.6) !important;
+  }
+}
+
+.hover\:\!bg-base-300:hover{
+  --tw-bg-opacity: 1 !important;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-\[\#47474B\]:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 71 75 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-base-200:hover{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+}
+
+.hover\:bg-base-300:hover{
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
+.hover\:text-indigo-400:hover{
+  --tw-text-opacity: 1;
+  color: rgb(129 140 248 / var(--tw-text-opacity));
+}
+
+.hover\:text-primary:hover{
+  --tw-text-opacity: 1;
+  color: hsl(var(--p) / var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hover\:brightness-125:hover{
+  --tw-brightness: brightness(1.25);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.hover\:brightness-150:hover{
+  --tw-brightness: brightness(1.5);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.hover\:filter:hover{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.focus\:outline-none:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.aria-checked\:bg-slate-50[aria-checked="true"]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:border-\[\#383B40\]){
+  --tw-border-opacity: 1;
+  border-color: rgb(56 59 64 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:border-gray-600){
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:border-gray-700){
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:bg-\[\#141416\]){
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 20 22 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-\[\#18181A\]){
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 26 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-\[\#2E2E33\]){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-\[\#384059\]){
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 64 89 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-\[\#CBAEFF\]){
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 174 255 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\]){
+  background-color: rgba(180,183,187,0.10);
+}
+
+:is(.dark .dark\:bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\]){
+  background-color: rgba(185,153,243,0.2);
+}
+
+:is(.dark .dark\:bg-base){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-base-200){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-gray-600){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-transparent){
+  background-color: transparent;
+}
+
+:is(.dark .dark\:bg-white){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:text-\[\#B999F3\]){
+  --tw-text-opacity: 1;
+  color: rgb(185 153 243 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-\[\#eee\]){
+  --tw-text-opacity: 1;
+  color: rgb(238 238 238 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-gray-200){
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-gray-300){
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-gray-400){
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-gray-500){
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-link){
+  --tw-text-opacity: 1;
+  color: rgb(185 153 243 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-white){
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:invert){
+  --tw-invert: invert(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+:is(.dark .dark\:hover\:bg-\[\#2E2E33\]:hover){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:bg-\[\#373f59\]:hover){
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 63 89 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:bg-\[\#384059\]:hover){
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 64 89 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:bg-base:hover){
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 46 51 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:bg-base-300:hover){
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
+}
+
+@media (min-width: 640px){
+  .sm\:\!mt-0{
+    margin-top: 0px !important;
+  }
+
+  .sm\:\!block{
+    display: block !important;
+  }
+
+  .sm\:w-16{
+    width: 4rem;
+  }
+
+  .sm\:w-\[unset\]{
+    width: unset;
+  }
+
+  .sm\:grid-cols-1{
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:\!flex-row{
+    flex-direction: row !important;
+  }
+
+  .sm\:\!flex-wrap{
+    flex-wrap: wrap !important;
+  }
+
+  .sm\:\!space-x-6 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse: 0 !important;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
+  }
+
+  .sm\:overflow-hidden{
+    overflow: hidden;
+  }
+
+  .sm\:\!truncate{
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+  }
+
+  .sm\:\!text-3xl{
+    font-size: 1.875rem !important;
+    line-height: 2.25rem !important;
+  }
+
+  .sm\:\!text-xl{
+    font-size: 1.25rem !important;
+    line-height: 1.75rem !important;
+  }
+
+  .sm\:\!tracking-tight{
+    letter-spacing: -0.025em !important;
+  }
+}
+
+@media (min-width: 768px){
+  .md\:\!col-span-1{
+    grid-column: span 1 / span 1 !important;
+  }
+
+  .md\:\!col-span-2{
+    grid-column: span 2 / span 2 !important;
+  }
+
+  .md\:col-span-1{
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:m-6{
+    margin: 1.5rem;
+  }
+
+  .md\:mx-3{
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .md\:mx-6{
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .md\:\!ml-4{
+    margin-left: 1rem !important;
+  }
+
+  .md\:\!ml-40{
+    margin-left: 10rem !important;
+  }
+
+  .md\:\!mt-0{
+    margin-top: 0px !important;
+  }
+
+  .md\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .md\:ml-auto{
+    margin-left: auto;
+  }
+
+  .md\:mt-0{
+    margin-top: 0px;
+  }
+
+  .md\:\!block{
+    display: block !important;
+  }
+
+  .md\:block{
+    display: block;
+  }
+
+  .md\:\!inline-block{
+    display: inline-block !important;
+  }
+
+  .md\:\!flex{
+    display: flex !important;
+  }
+
+  .md\:hidden{
+    display: none;
+  }
+
+  .md\:\!w-96{
+    width: 24rem !important;
+  }
+
+  .md\:w-\[27vw\]{
+    width: 27vw;
+  }
+
+  .md\:w-\[40vw\]{
+    width: 40vw;
+  }
+
+  .md\:\!grid-cols-1{
+    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
+  }
+
+  .md\:\!grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .md\:\!grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+
+  .md\:\!grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+
+  .md\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-5{
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:\!flex-row{
+    flex-direction: row !important;
+  }
+
+  .md\:\!justify-start{
+    justify-content: flex-start !important;
+  }
+
+  .md\:\!justify-between{
+    justify-content: space-between !important;
+  }
+
+  .md\:p-6{
+    padding: 1.5rem;
+  }
+
+  .md\:px-6{
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .md\:\!text-\[18px\]{
+    font-size: 18px !important;
+  }
+
+  .md\:\!text-sm{
+    font-size: 0.875rem !important;
+    line-height: 1.25rem !important;
+  }
+}
+
+@media (min-width: 1024px){
+  .lg\:\!ml-4{
+    margin-left: 1rem !important;
+  }
+
+  .lg\:\!mt-0{
+    margin-top: 0px !important;
+  }
+
+  .lg\:block{
+    display: block;
+  }
+
+  .lg\:\!flex{
+    display: flex !important;
+  }
+
+  .lg\:\!table{
+    display: table !important;
+  }
+
+  .lg\:\!hidden{
+    display: none !important;
+  }
+
+  .lg\:hidden{
+    display: none;
+  }
+
+  .lg\:\!grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .lg\:\!grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+
+  .lg\:\!flex-row{
+    flex-direction: row !important;
+  }
+
+  .lg\:\!items-center{
+    align-items: center !important;
+  }
+
+  .lg\:\!justify-between{
+    justify-content: space-between !important;
+  }
+
+  .lg\:border-l{
+    border-left-width: 1px;
+  }
+
+  .lg\:border-solid{
+    border-style: solid;
+  }
+}
+
+@media (min-width: 1280px){
+  .xl\:\!ml-64{
+    margin-left: 16rem !important;
+  }
+
+  .xl\:\!block{
+    display: block !important;
+  }
+
+  .xl\:\!hidden{
+    display: none !important;
+  }
+
+  .xl\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 1536px){
+  .\32xl\:\!grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .\32xl\:\!grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+
+  .\32xl\:\!grid-cols-5{
+    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index e9295d00..52a8efcb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6325,6 +6325,11 @@ jiti@^1.18.2, jiti@^1.19.1, jiti@^1.19.3:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.20.0.tgz#2d823b5852ee8963585c8dd8b7992ffc1ae83b42"
   integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
 
+jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
 js-sha3@0.8.0, js-sha3@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840"
@@ -8506,7 +8511,7 @@ symbol-observable@^4.0.0:
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-4.0.0.tgz#5b425f192279e87f2f9b937ac8540d1984b39205"
   integrity sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==
 
-tailwindcss@^3, tailwindcss@^3.3.1:
+tailwindcss@^3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.3.tgz#90da807393a2859189e48e9e7000e6880a736daf"
   integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==
@@ -8534,6 +8539,34 @@ tailwindcss@^3, tailwindcss@^3.3.1:
     resolve "^1.22.2"
     sucrase "^3.32.0"
 
+tailwindcss@^3.3.2:
+  version "3.4.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.4.tgz#351d932273e6abfa75ce7d226b5bf3a6cb257c05"
+  integrity sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.0"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
 tapable@^1.0.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"

From eb07fb2fd202e96554b306202ea29b1daf2a47c3 Mon Sep 17 00:00:00 2001
From: quangdz1704 <Ntq.1704@gmail.com>
Date: Fri, 12 Jul 2024 18:10:44 +0700
Subject: [PATCH 2/2] feat: fix build

---
 index.html           |   10 +
 package.json         |    5 +-
 src/App.vue          |   15 +-
 src/style.output.css | 2183 +++++++++++++++++++++---------------------
 tailwind.config.js   |    2 +
 vite.config.ts       |   25 +
 yarn.lock            |  389 +++++++-
 7 files changed, 1533 insertions(+), 1096 deletions(-)

diff --git a/index.html b/index.html
index 92d12589..db5fec4d 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,16 @@
         </div>
       </div> -->
     </div>
+
     <script type="module" src="/src/main.ts"></script>
+    <!-- 
+    <link
+      rel="stylesheet"
+      id="app-style"
+      href="/src/style.output.css"
+      rel="stylesheet"
+    /> -->
+
     <!-- Google tag (gtag.js) -->
     <script
       async
@@ -51,5 +60,6 @@
       });
       gtag('config', 'G-5VWD0SDXJE');
     </script>
+    <style id="app-style-default"></style>
   </body>
 </html>
diff --git a/package.json b/package.json
index f7ce5daf..716f89d7 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite",
     "serve": "vite",
+    "prebuild": "tailwindcss -i ./src/style.css -o ./src/style.output.css",
     "build": "vite build",
     "preview": "vite preview",
     "type-check": "vue-tsc --noEmit"
@@ -24,7 +25,7 @@
     "@intlify/unplugin-vue-i18n": "^0.8.2",
     "@leapwallet/cosmos-snap-provider": "^0.1.20",
     "@leapwallet/name-matcha": "^1.1.0",
-    "@oraichain/oraiscan-widget": "^0.2.11",
+    "@oraichain/oraiscan-widget": "0.2.12-1",
     "@osmonauts/lcd": "^0.8.0",
     "@ping-pub/chain-registry-client": "^0.0.25",
     "@tharsis/proto": "^0.1.20",
@@ -77,6 +78,8 @@
     "unplugin-vue-components": "^0.23.0",
     "unplugin-vue-define-options": "1.1.4",
     "vite": "^5.0.12",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-html": "^3.2.2",
     "vite-plugin-pages": "^0.32.0",
     "vue-json-viewer": "3",
     "vue-tsc": "^1.8.27"
diff --git a/src/App.vue b/src/App.vue
index 00768e06..7ea67146 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,23 @@
 <script setup lang="ts">
 import { themeChange } from 'theme-change';
-import { onMounted } from 'vue';
+import { defineAsyncComponent, onMounted } from 'vue';
 import TxDialog from './components/TxDialog.vue';
 
 onMounted(() => {
   themeChange(false);
+  // import '@oraichain/oraiscan-widget';
+  // defineAsyncComponent(() => import('@/style.css'));
+
+  // Find the <style> element with id "app-style"
+  const appStyle = document.getElementById('app-styles');
+
+  if (appStyle) {
+    // Remove the <style> element from its current position
+    appStyle.parentNode?.removeChild(appStyle);
+
+    // Append the <style> element to the end of <head>
+    document.head.appendChild(appStyle);
+  }
 });
 </script>
 
diff --git a/src/style.output.css b/src/style.output.css
index 04798e8e..b1f56286 100644
--- a/src/style.output.css
+++ b/src/style.output.css
@@ -1,8 +1,6 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); */
 
-/*
-! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
-*/
+/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -34,9 +32,11 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
-html {
+html,
+:host {
   line-height: 1.5;
   /* 1 */
   -webkit-text-size-adjust: 100%;
@@ -46,12 +46,14 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
   font-variation-settings: normal;
   /* 6 */
+  -webkit-tap-highlight-color: transparent;
+  /* 7 */
 }
 
 /*
@@ -123,8 +125,10 @@ strong {
 }
 
 /*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
@@ -133,8 +137,12 @@ samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
-  font-size: 1em;
+  font-feature-settings: normal;
   /* 2 */
+  font-variation-settings: normal;
+  /* 3 */
+  font-size: 1em;
+  /* 4 */
 }
 
 /*
@@ -203,6 +211,8 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -226,9 +236,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -437,16 +447,16 @@ video {
 }
 
 :root,
-[data-theme]{
+[data-theme] {
   background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
   color: hsl(var(--bc) / var(--tw-text-opacity, 1));
 }
 
-html{
+html {
   -webkit-tap-highlight-color: transparent;
 }
 
-:root{
+:root {
   color-scheme: light;
   --pf: 262 79% 48%;
   --sf: 314 100% 40%;
@@ -484,8 +494,8 @@ html{
   --bc: 215 28% 17%;
 }
 
-@media (prefers-color-scheme: dark){
-  :root{
+@media (prefers-color-scheme: dark) {
+  :root {
     color-scheme: dark;
     --pf: 262 79% 48%;
     --sf: 316 70% 43%;
@@ -524,7 +534,7 @@ html{
   }
 }
 
-[data-theme=light]{
+[data-theme=light] {
   color-scheme: light;
   --pf: 262 79% 48%;
   --sf: 314 100% 40%;
@@ -562,7 +572,7 @@ html{
   --bc: 215 28% 17%;
 }
 
-[data-theme=dark]{
+[data-theme=dark] {
   color-scheme: dark;
   --pf: 262 79% 48%;
   --sf: 316 70% 43%;
@@ -600,7 +610,7 @@ html{
   --bc: 220 13% 69%;
 }
 
-*, ::before, ::after{
+*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -648,9 +658,13 @@ html{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
-::backdrop{
+::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -698,9 +712,13 @@ html{
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
-.alert{
+.alert {
   display: grid;
   width: 100%;
   grid-auto-flow: row;
@@ -721,8 +739,8 @@ html{
   background-color: var(--alert-bg);
 }
 
-@media (min-width: 640px){
-  .alert{
+@media (min-width: 640px) {
+  .alert {
     grid-auto-flow: column;
     grid-template-columns: auto minmax(auto,1fr);
     justify-items: start;
@@ -730,31 +748,31 @@ html{
   }
 }
 
-.avatar{
+.avatar {
   position: relative;
   display: inline-flex;
 }
 
-.avatar > div{
+.avatar > div {
   display: block;
   aspect-ratio: 1 / 1;
   overflow: hidden;
 }
 
-.avatar img{
+.avatar img {
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-.avatar.placeholder > div{
+.avatar.placeholder > div {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.badge{
+.badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -781,20 +799,20 @@ html{
   border-radius: var(--rounded-badge, 1.9rem);
 }
 
-@media (hover:hover){
-  .label a:hover{
+@media (hover:hover) {
+  .label a:hover {
     --tw-text-opacity: 1;
     color: hsl(var(--bc) / var(--tw-text-opacity));
   }
 
-  .link-primary:hover{
+  .link-primary:hover {
     --tw-text-opacity: 1;
     color: hsl(var(--pf) / var(--tw-text-opacity));
   }
 
   .\!menu li > *:not(ul):not(.menu-title):not(details):active,
 .\!menu li > *:not(ul):not(.menu-title):not(details).active,
-.\!menu li > details > summary:active{
+.\!menu li > details > summary:active {
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
     --tw-text-opacity: 1 !important;
@@ -803,7 +821,7 @@ html{
 
   .menu li > *:not(ul):not(.menu-title):not(details):active,
 .menu li > *:not(ul):not(.menu-title):not(details).active,
-.menu li > details > summary:active{
+.menu li > details > summary:active {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
@@ -812,41 +830,41 @@ html{
 
   .\!menu li > *:not(ul):not(.menu-title):not(details):active,
 .\!menu li > *:not(ul):not(.menu-title):not(details).active,
-.\!menu li > details > summary:active{
+.\!menu li > details > summary:active {
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
     --tw-text-opacity: 1 !important;
     color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
   }
 
-  .radio-primary:hover{
+  .radio-primary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--p) / var(--tw-border-opacity));
   }
 
-  .tab:hover{
+  .tab:hover {
     --tw-text-opacity: 1;
   }
 
-  .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover{
+  .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
     --tw-text-opacity: 1;
     color: hsl(var(--pc) / var(--tw-text-opacity));
   }
 
   .table tr.hover:hover,
-  .table tr.hover:nth-child(even):hover{
+  .table tr.hover:nth-child(even):hover {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity));
   }
 
   .table-zebra tr.hover:hover,
-  .table-zebra tr.hover:nth-child(even):hover{
+  .table-zebra tr.hover:nth-child(even):hover {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b3) / var(--tw-bg-opacity));
   }
 }
 
-.btn{
+.btn {
   display: inline-flex;
   flex-shrink: 0;
   cursor: pointer;
@@ -888,33 +906,33 @@ html{
 
 .btn-disabled,
   .btn[disabled],
-  .btn:disabled{
+  .btn:disabled {
   pointer-events: none;
 }
 
-.btn-circle{
+.btn-circle {
   height: 3rem;
   width: 3rem;
   border-radius: 9999px;
   padding: 0px;
 }
 
-.btn-group{
+.btn-group {
   display: inline-flex;
 }
 
-.btn-group > input[type="radio"].btn{
+.btn-group > input[type="radio"].btn {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }
 
-.btn-group > input[type="radio"].btn:before{
+.btn-group > input[type="radio"].btn:before {
   content: attr(data-title);
 }
 
 .btn:is(input[type="checkbox"]),
-.btn:is(input[type="radio"]){
+.btn:is(input[type="radio"]) {
   width: auto;
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -922,34 +940,34 @@ html{
 }
 
 .btn:is(input[type="checkbox"]):after,
-.btn:is(input[type="radio"]):after{
+.btn:is(input[type="radio"]):after {
   --tw-content: attr(aria-label);
   content: var(--tw-content);
 }
 
-.card{
+.card {
   position: relative;
   display: flex;
   flex-direction: column;
   border-radius: var(--rounded-box, 1rem);
 }
 
-.card:focus{
+.card:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.card figure{
+.card figure {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.card.image-full{
+.card.image-full {
   display: grid;
 }
 
-.card.image-full:before{
+.card.image-full:before {
   position: relative;
   content: "";
   z-index: 10;
@@ -960,25 +978,25 @@ html{
 }
 
 .card.image-full:before,
-    .card.image-full > *{
+    .card.image-full > * {
   grid-column-start: 1;
   grid-row-start: 1;
 }
 
-.card.image-full > figure img{
+.card.image-full > figure img {
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-.card.image-full > .card-body{
+.card.image-full > .card-body {
   position: relative;
   z-index: 20;
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
 }
 
-.checkbox{
+.checkbox {
   flex-shrink: 0;
   --chkbg: var(--bc);
   --chkfg: var(--b1);
@@ -994,11 +1012,11 @@ html{
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.collapse:not(td):not(tr):not(colgroup){
+.collapse:not(td):not(tr):not(colgroup) {
   visibility: visible;
 }
 
-.collapse{
+.collapse {
   position: relative;
   display: grid;
   overflow: hidden;
@@ -1011,20 +1029,20 @@ html{
 .collapse-title,
 .collapse > input[type="checkbox"],
 .collapse > input[type="radio"],
-.collapse-content{
+.collapse-content {
   grid-column-start: 1;
   grid-row-start: 1;
 }
 
 .collapse > input[type="checkbox"],
-.collapse > input[type="radio"]{
+.collapse > input[type="radio"] {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
   opacity: 0;
 }
 
-.collapse-content{
+.collapse-content {
   visibility: hidden;
   grid-column-start: 1;
   grid-row-start: 2;
@@ -1039,12 +1057,12 @@ html{
 
 .collapse[open],
 .collapse-open,
-.collapse:focus:not(.collapse-close){
+.collapse:focus:not(.collapse-close) {
   grid-template-rows: auto 1fr;
 }
 
 .collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
-.collapse:not(.collapse-close):has(> input[type="radio"]:checked){
+.collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
   grid-template-rows: auto 1fr;
 }
 
@@ -1052,27 +1070,27 @@ html{
 .collapse-open > .collapse-content,
 .collapse:focus:not(.collapse-close) > .collapse-content,
 .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
-.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content{
+.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
   visibility: visible;
   min-height: -moz-fit-content;
   min-height: fit-content;
 }
 
-:root .countdown{
+:root .countdown {
   line-height: 1em;
 }
 
-.countdown{
+.countdown {
   display: inline-flex;
 }
 
-.countdown > *{
+.countdown > * {
   height: 1em;
   display: inline-block;
   overflow-y: hidden;
 }
 
-.countdown > *:before{
+.countdown > *:before {
   position: relative;
   content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
   white-space: pre;
@@ -1081,7 +1099,7 @@ html{
   transition: all 1s cubic-bezier(1, 0, 0, 1);
 }
 
-.divider{
+.divider {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -1093,28 +1111,28 @@ html{
 }
 
 .divider:before,
-  .divider:after{
+  .divider:after {
   content: "";
   flex-grow: 1;
   height: 0.125rem;
   width: 100%;
 }
 
-.dropdown{
+.dropdown {
   position: relative;
   display: inline-block;
 }
 
-.dropdown > *:focus{
+.dropdown > *:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.dropdown .dropdown-content{
+.dropdown .dropdown-content {
   position: absolute;
 }
 
-.dropdown:is(:not(details)) .dropdown-content{
+.dropdown:is(:not(details)) .dropdown-content {
   visibility: hidden;
   opacity: 0;
   transform-origin: top;
@@ -1129,61 +1147,61 @@ html{
   transition-duration: 200ms;
 }
 
-.dropdown-end .dropdown-content{
+.dropdown-end .dropdown-content {
   right: 0px;
 }
 
-.dropdown-left .dropdown-content{
+.dropdown-left .dropdown-content {
   top: 0px;
   right: 100%;
   bottom: auto;
   transform-origin: right;
 }
 
-.dropdown-right .dropdown-content{
+.dropdown-right .dropdown-content {
   left: 100%;
   top: 0px;
   bottom: auto;
   transform-origin: left;
 }
 
-.dropdown-bottom .dropdown-content{
+.dropdown-bottom .dropdown-content {
   bottom: auto;
   top: 100%;
   transform-origin: top;
 }
 
-.dropdown-top .dropdown-content{
+.dropdown-top .dropdown-content {
   bottom: 100%;
   top: auto;
   transform-origin: bottom;
 }
 
-.dropdown-end.dropdown-right .dropdown-content{
+.dropdown-end.dropdown-right .dropdown-content {
   bottom: 0px;
   top: auto;
 }
 
-.dropdown-end.dropdown-left .dropdown-content{
+.dropdown-end.dropdown-left .dropdown-content {
   bottom: 0px;
   top: auto;
 }
 
 .dropdown.dropdown-open .dropdown-content,
 .dropdown:not(.dropdown-hover):focus .dropdown-content,
-.dropdown:focus-within .dropdown-content{
+.dropdown:focus-within .dropdown-content {
   visibility: visible;
   opacity: 1;
 }
 
-@media (hover: hover){
-  .dropdown.dropdown-hover:hover .dropdown-content{
+@media (hover: hover) {
+  .dropdown.dropdown-hover:hover .dropdown-content {
     visibility: visible;
     opacity: 1;
   }
 
   .btm-nav > *.disabled:hover,
-      .btm-nav > *[disabled]:hover{
+      .btm-nav > *[disabled]:hover {
     pointer-events: none;
     --tw-border-opacity: 0;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -1192,66 +1210,66 @@ html{
     --tw-text-opacity: 0.2;
   }
 
-  .btn:hover{
+  .btn:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--b3) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b3) / var(--tw-bg-opacity));
   }
 
-  .\!btn-primary:hover{
+  .\!btn-primary:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
   }
 
-  .btn-primary:hover{
+  .btn-primary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--pf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--pf) / var(--tw-bg-opacity));
   }
 
-  .\!btn-warning:hover{
+  .\!btn-warning:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
   }
 
-  .\!btn-error:hover{
+  .\!btn-error:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
   }
 
-  .btn-error:hover{
+  .btn-error:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--er) / var(--tw-bg-opacity));
   }
 
-  .btn.glass:hover{
+  .btn.glass:hover {
     --glass-opacity: 25%;
     --glass-border-opacity: 15%;
   }
 
-  .btn-ghost:hover{
+  .btn-ghost:hover {
     --tw-border-opacity: 0;
     background-color: hsl(var(--bc) / var(--tw-bg-opacity));
     --tw-bg-opacity: 0.2;
   }
 
-  .btn-link:hover{
+  .btn-link:hover {
     border-color: transparent;
     background-color: transparent;
     text-decoration-line: underline;
   }
 
-  .btn-outline.\!btn-primary:hover{
+  .btn-outline.\!btn-primary:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
@@ -1260,7 +1278,7 @@ html{
     color: hsl(var(--pc) / var(--tw-text-opacity)) !important;
   }
 
-  .btn-outline.btn-primary:hover{
+  .btn-outline.btn-primary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--pf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1269,7 +1287,7 @@ html{
     color: hsl(var(--pc) / var(--tw-text-opacity));
   }
 
-  .btn-outline.\!btn-warning:hover{
+  .btn-outline.\!btn-warning:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
@@ -1278,7 +1296,7 @@ html{
     color: hsl(var(--wac) / var(--tw-text-opacity)) !important;
   }
 
-  .btn-outline.\!btn-error:hover{
+  .btn-outline.\!btn-error:hover {
     --tw-border-opacity: 1 !important;
     border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
     --tw-bg-opacity: 1 !important;
@@ -1287,7 +1305,7 @@ html{
     color: hsl(var(--erc) / var(--tw-text-opacity)) !important;
   }
 
-  .btn-outline.btn-error:hover{
+  .btn-outline.btn-error:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1298,7 +1316,7 @@ html{
 
   .btn-disabled:hover,
     .btn[disabled]:hover,
-    .btn:disabled:hover{
+    .btn:disabled:hover {
     --tw-border-opacity: 0;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
     --tw-bg-opacity: 0.2;
@@ -1306,20 +1324,20 @@ html{
     --tw-text-opacity: 0.2;
   }
 
-  .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover{
+  .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--pf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--pf) / var(--tw-bg-opacity));
   }
 
-  .dropdown.dropdown-hover:hover .dropdown-content{
+  .dropdown.dropdown-hover:hover .dropdown-content {
     --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));
   }
 
-  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
     cursor: pointer !important;
     background-color: hsl(var(--bc) / 0.1) !important;
     --tw-text-opacity: 1 !important;
@@ -1328,7 +1346,7 @@ html{
     outline-offset: 2px !important;
   }
 
-  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
     cursor: pointer;
     background-color: hsl(var(--bc) / 0.1);
     --tw-text-opacity: 1;
@@ -1337,7 +1355,7 @@ html{
     outline-offset: 2px;
   }
 
-  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover{
+  :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
     cursor: pointer !important;
     background-color: hsl(var(--bc) / 0.1) !important;
     --tw-text-opacity: 1 !important;
@@ -1347,18 +1365,18 @@ html{
   }
 
   .tab[disabled],
-    .tab[disabled]:hover{
+    .tab[disabled]:hover {
     cursor: not-allowed;
     color: hsl(var(--bc) / var(--tw-text-opacity));
     --tw-text-opacity: 0.2;
   }
 }
 
-.dropdown:is(details) summary::-webkit-details-marker{
+.dropdown:is(details) summary::-webkit-details-marker {
   display: none;
 }
 
-.footer{
+.footer {
   display: grid;
   width: 100%;
   grid-auto-flow: row;
@@ -1370,28 +1388,28 @@ html{
   line-height: 1.25rem;
 }
 
-.footer > *{
+.footer > * {
   display: grid;
   place-items: start;
   gap: 0.5rem;
 }
 
-@media (min-width: 48rem){
-  .footer{
+@media (min-width: 48rem) {
+  .footer {
     grid-auto-flow: column;
   }
 
-  .footer-center{
+  .footer-center {
     grid-auto-flow: row dense;
   }
 }
 
-.form-control{
+.form-control {
   display: flex;
   flex-direction: column;
 }
 
-.label{
+.label {
   display: flex;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1404,7 +1422,7 @@ html{
   padding-bottom: 0.5rem;
 }
 
-.\!input{
+.\!input {
   flex-shrink: 1 !important;
   height: 3rem !important;
   padding-left: 1rem !important;
@@ -1420,7 +1438,7 @@ html{
   border-radius: var(--rounded-btn, 0.5rem) !important;
 }
 
-.input{
+.input {
   flex-shrink: 1;
   height: 3rem;
   padding-left: 1rem;
@@ -1436,39 +1454,39 @@ html{
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.input-group{
+.input-group {
   display: flex;
   width: 100%;
   align-items: stretch;
 }
 
-.input-group > .input{
+.input-group > .input {
   isolation: isolate;
 }
 
-.input-group > .\!input{
+.input-group > .\!input {
   isolation: isolate !important;
 }
 
 .input-group > *,
   .input-group > .input,
   .input-group > .textarea,
-  .input-group > .select{
+  .input-group > .select {
   border-radius: 0px;
 }
 
 
-  .input-group > .\!input{
+  .input-group > .\!input {
   border-radius: 0px !important;
 }
 
-.input-group-md{
+.input-group-md {
   font-size: 0.875rem;
   line-height: 1.25rem;
   line-height: 2;
 }
 
-.input-group :where(span){
+.input-group :where(span) {
   display: flex;
   align-items: center;
   --tw-bg-opacity: 1;
@@ -1477,27 +1495,27 @@ html{
   padding-right: 1rem;
 }
 
-.input-group > :first-child{
+.input-group > :first-child {
   border-top-left-radius: var(--rounded-btn, 0.5rem);
   border-top-right-radius: 0;
   border-bottom-left-radius: var(--rounded-btn, 0.5rem);
   border-bottom-right-radius: 0;
 }
 
-.input-group > :last-child{
+.input-group > :last-child {
   border-top-left-radius: 0;
   border-top-right-radius: var(--rounded-btn, 0.5rem);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: var(--rounded-btn, 0.5rem);
 }
 
-.join{
+.join {
   display: inline-flex;
   align-items: stretch;
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.join :where(.join-item){
+.join :where(.join-item) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
@@ -1505,7 +1523,7 @@ html{
 }
 
 .join .join-item:not(:first-child):not(:last-child),
-  .join *:not(:first-child):not(:last-child) .join-item{
+  .join *:not(:first-child):not(:last-child) .join-item {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
@@ -1513,45 +1531,45 @@ html{
 }
 
 .join .join-item:first-child:not(:last-child),
-  .join *:first-child:not(:last-child) .join-item{
+  .join *:first-child:not(:last-child) .join-item {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .join .dropdown .join-item:first-child:not(:last-child),
-  .join *:first-child:not(:last-child) .dropdown .join-item{
+  .join *:first-child:not(:last-child) .dropdown .join-item {
   border-top-right-radius: inherit;
   border-bottom-right-radius: inherit;
 }
 
 .join :where(.join-item:first-child:not(:last-child)),
-  .join :where(*:first-child:not(:last-child) .join-item){
+  .join :where(*:first-child:not(:last-child) .join-item) {
   border-bottom-left-radius: inherit;
   border-top-left-radius: inherit;
 }
 
 .join .join-item:last-child:not(:first-child),
-  .join *:last-child:not(:first-child) .join-item{
+  .join *:last-child:not(:first-child) .join-item {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
 
 .join :where(.join-item:last-child:not(:first-child)),
-  .join :where(*:last-child:not(:first-child) .join-item){
+  .join :where(*:last-child:not(:first-child) .join-item) {
   border-top-right-radius: inherit;
   border-bottom-right-radius: inherit;
 }
 
-:where(.join *){
+:where(.join *) {
   border-radius: inherit;
 }
 
-.link{
+.link {
   cursor: pointer;
   text-decoration-line: underline;
 }
 
-.mask{
+.mask {
   -webkit-mask-size: contain;
           mask-size: contain;
   -webkit-mask-repeat: no-repeat;
@@ -1560,7 +1578,7 @@ html{
           mask-position: center;
 }
 
-.\!menu{
+.\!menu {
   display: flex !important;
   flex-direction: column !important;
   flex-wrap: wrap !important;
@@ -1569,7 +1587,7 @@ html{
   padding: 0.5rem !important;
 }
 
-.menu{
+.menu {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
@@ -1578,14 +1596,14 @@ html{
   padding: 0.5rem;
 }
 
-.\!menu :where(li ul){
+.\!menu :where(li ul) {
   position: relative !important;
   white-space: nowrap !important;
   margin-left: 1rem !important;
   padding-left: 0.5rem !important;
 }
 
-.menu :where(li ul){
+.menu :where(li ul) {
   position: relative;
   white-space: nowrap;
   margin-left: 1rem;
@@ -1593,7 +1611,7 @@ html{
 }
 
 .\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   display: grid !important;
   grid-auto-flow: column !important;
   align-content: flex-start !important;
@@ -1606,7 +1624,7 @@ html{
 }
 
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   display: grid;
   grid-auto-flow: column;
   align-content: flex-start;
@@ -1619,7 +1637,7 @@ html{
 }
 
 .\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+  .\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   display: grid !important;
   grid-auto-flow: column !important;
   align-content: flex-start !important;
@@ -1631,7 +1649,7 @@ html{
           user-select: none !important;
 }
 
-.\!menu li.disabled{
+.\!menu li.disabled {
   cursor: not-allowed !important;
   -webkit-user-select: none !important;
      -moz-user-select: none !important;
@@ -1639,7 +1657,7 @@ html{
   color: hsl(var(--bc) / 0.3) !important;
 }
 
-.menu li.disabled{
+.menu li.disabled {
   cursor: not-allowed;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1647,15 +1665,15 @@ html{
   color: hsl(var(--bc) / 0.3);
 }
 
-.\!menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
+.\!menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
   display: none !important;
 }
 
-.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)){
+.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
   display: none;
 }
 
-:where(.\!menu li){
+:where(.\!menu li) {
   position: relative !important;
   display: flex !important;
   flex-shrink: 0 !important;
@@ -1664,7 +1682,7 @@ html{
   align-items: stretch !important;
 }
 
-:where(.menu li){
+:where(.menu li) {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -1673,15 +1691,15 @@ html{
   align-items: stretch;
 }
 
-:where(.\!menu li) .badge{
+:where(.\!menu li) .badge {
   justify-self: end !important;
 }
 
-:where(.menu li) .badge{
+:where(.menu li) .badge {
   justify-self: end;
 }
 
-.mockup-code{
+.mockup-code {
   position: relative;
   overflow: hidden;
   overflow-x: auto;
@@ -1695,7 +1713,7 @@ html{
   border-radius: var(--rounded-box, 1rem);
 }
 
-.mockup-code pre[data-prefix]:before{
+.mockup-code pre[data-prefix]:before {
   content: attr(data-prefix);
   display: inline-block;
   text-align: right;
@@ -1703,7 +1721,7 @@ html{
   opacity: 0.5;
 }
 
-.modal{
+.modal {
   pointer-events: none;
   position: fixed;
   inset: 0px;
@@ -1726,11 +1744,11 @@ html{
   overflow-y: hidden;
 }
 
-:where(.modal){
+:where(.modal) {
   align-items: center;
 }
 
-.modal-box{
+.modal-box {
   max-height: calc(100vh - 5em);
   grid-column-start: 1;
   grid-row-start: 1;
@@ -1760,19 +1778,19 @@ html{
 .modal-open,
 .modal:target,
 .modal-toggle:checked + .modal,
-.modal[open]{
+.modal[open] {
   pointer-events: auto;
   visibility: visible;
   opacity: 1;
 }
 
-.modal-action{
+.modal-action {
   display: flex;
   margin-top: 1.5rem;
   justify-content: flex-end;
 }
 
-.modal-toggle{
+.modal-toggle {
   position: fixed;
   height: 0px;
   width: 0px;
@@ -1782,11 +1800,11 @@ html{
   opacity: 0;
 }
 
-:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])){
+:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
   overflow: hidden;
 }
 
-.progress{
+.progress {
   position: relative;
   width: 100%;
   -webkit-appearance: none;
@@ -1798,7 +1816,7 @@ html{
   border-radius: var(--rounded-box, 1rem);
 }
 
-.radio{
+.radio {
   flex-shrink: 0;
   --chkbg: var(--bc);
   height: 1.5rem;
@@ -1813,7 +1831,7 @@ html{
   --tw-border-opacity: 0.2;
 }
 
-.select{
+.select {
   display: inline-flex;
   cursor: pointer;
   -webkit-user-select: none;
@@ -1844,11 +1862,11 @@ html{
   background-repeat: no-repeat;
 }
 
-.select[multiple]{
+.select[multiple] {
   height: auto;
 }
 
-.stats{
+.stats {
   display: inline-grid;
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
@@ -1857,12 +1875,12 @@ html{
   border-radius: var(--rounded-box, 1rem);
 }
 
-:where(.stats){
+:where(.stats) {
   grid-auto-flow: column;
   overflow-x: auto;
 }
 
-.steps .step{
+.steps .step {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   grid-template-columns: auto;
@@ -1873,13 +1891,13 @@ html{
   min-width: 4rem;
 }
 
-.tabs{
+.tabs {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
 }
 
-.tab{
+.tab {
   position: relative;
   display: inline-flex;
   cursor: pointer;
@@ -1904,7 +1922,7 @@ html{
   padding-right: var(--tab-padding, 1rem);
 }
 
-.table{
+.table {
   position: relative;
   width: 100%;
   text-align: left;
@@ -1913,7 +1931,7 @@ html{
   border-radius: var(--rounded-box, 1rem);
 }
 
-.table :where(.table-pin-rows thead tr){
+.table :where(.table-pin-rows thead tr) {
   position: sticky;
   top: 0px;
   z-index: 1;
@@ -1921,7 +1939,7 @@ html{
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
 }
 
-.table :where(.table-pin-rows tfoot tr){
+.table :where(.table-pin-rows tfoot tr) {
   position: sticky;
   bottom: 0px;
   z-index: 1;
@@ -1929,7 +1947,7 @@ html{
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
 }
 
-.table :where(.table-pin-cols tr th){
+.table :where(.table-pin-cols tr th) {
   position: sticky;
   left: 0px;
   right: 0px;
@@ -1937,12 +1955,12 @@ html{
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
 }
 
-.table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th){
+.table-zebra tbody tr:nth-child(even) :where(.table-pin-cols tr th) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
 }
 
-.textarea{
+.textarea {
   flex-shrink: 1;
   min-height: 3rem;
   padding-top: 0.5rem;
@@ -1960,7 +1978,7 @@ html{
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.toast{
+.toast {
   position: fixed;
   display: flex;
   min-width: -moz-fit-content;
@@ -1971,7 +1989,7 @@ html{
   padding: 1rem;
 }
 
-.alert-info{
+.alert-info {
   border-color: hsl(var(--in) / 0.2);
   --tw-text-opacity: 1;
   color: hsl(var(--inc) / var(--tw-text-opacity));
@@ -1979,7 +1997,7 @@ html{
   --alert-bg-mix: hsl(var(--b1));
 }
 
-.alert-success{
+.alert-success {
   border-color: hsl(var(--su) / 0.2);
   --tw-text-opacity: 1;
   color: hsl(var(--suc) / var(--tw-text-opacity));
@@ -1987,7 +2005,7 @@ html{
   --alert-bg-mix: hsl(var(--b1));
 }
 
-.alert-warning{
+.alert-warning {
   border-color: hsl(var(--wa) / 0.2);
   --tw-text-opacity: 1;
   color: hsl(var(--wac) / var(--tw-text-opacity));
@@ -1995,7 +2013,7 @@ html{
   --alert-bg-mix: hsl(var(--b1));
 }
 
-.alert-error{
+.alert-error {
   border-color: hsl(var(--er) / 0.2);
   --tw-text-opacity: 1;
   color: hsl(var(--erc) / var(--tw-text-opacity));
@@ -2003,7 +2021,7 @@ html{
   --alert-bg-mix: hsl(var(--b1));
 }
 
-.avatar-group :where(.avatar){
+.avatar-group :where(.avatar) {
   overflow: hidden;
   border-radius: 9999px;
   border-width: 4px;
@@ -2011,7 +2029,7 @@ html{
   border-color: hsl(var(--b1) / var(--tw-border-opacity));
 }
 
-.badge-success{
+.badge-success {
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: hsl(var(--su) / var(--tw-bg-opacity));
@@ -2019,7 +2037,7 @@ html{
   color: hsl(var(--suc) / var(--tw-text-opacity));
 }
 
-.badge-warning{
+.badge-warning {
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: hsl(var(--wa) / var(--tw-bg-opacity));
@@ -2027,7 +2045,7 @@ html{
   color: hsl(var(--wac) / var(--tw-text-opacity));
 }
 
-.badge-error{
+.badge-error {
   border-color: transparent;
   --tw-bg-opacity: 1;
   background-color: hsl(var(--er) / var(--tw-bg-opacity));
@@ -2035,7 +2053,7 @@ html{
   color: hsl(var(--erc) / var(--tw-text-opacity));
 }
 
-.badge-ghost{
+.badge-ghost {
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2044,29 +2062,29 @@ html{
   color: hsl(var(--bc) / var(--tw-text-opacity));
 }
 
-.badge-outline.badge-success{
+.badge-outline.badge-success {
   --tw-text-opacity: 1;
   color: hsl(var(--su) / var(--tw-text-opacity));
 }
 
-.badge-outline.badge-warning{
+.badge-outline.badge-warning {
   --tw-text-opacity: 1;
   color: hsl(var(--wa) / var(--tw-text-opacity));
 }
 
-.badge-outline.badge-error{
+.badge-outline.badge-error {
   --tw-text-opacity: 1;
   color: hsl(var(--er) / var(--tw-text-opacity));
 }
 
-.btm-nav > *:where(.active){
+.btm-nav > *:where(.active) {
   border-top-width: 2px;
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
 }
 
 .btm-nav > *.disabled,
-    .btm-nav > *[disabled]{
+    .btm-nav > *[disabled] {
   pointer-events: none;
   --tw-border-opacity: 0;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -2075,24 +2093,24 @@ html{
   --tw-text-opacity: 0.2;
 }
 
-.btm-nav > * .label{
+.btm-nav > * .label {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
 .btn:active:hover,
-  .btn:active:focus{
+  .btn:active:focus {
   animation: button-pop 0s ease-out;
   transform: scale(var(--btn-focus-scale, 0.97));
 }
 
-.btn:focus-visible{
+.btn:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
 }
 
-.\!btn-primary{
+.\!btn-primary {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--p) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2102,7 +2120,7 @@ html{
   outline-color: hsl(var(--p) / 1) !important;
 }
 
-.btn-primary{
+.btn-primary {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2112,21 +2130,21 @@ html{
   outline-color: hsl(var(--p) / 1);
 }
 
-.\!btn-primary.btn-active{
+.\!btn-primary.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--pf) / var(--tw-bg-opacity)) !important;
 }
 
-.btn-primary.btn-active{
+.btn-primary.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pf) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: hsl(var(--pf) / var(--tw-bg-opacity));
 }
 
-.\!btn-warning{
+.\!btn-warning {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2136,14 +2154,14 @@ html{
   outline-color: hsl(var(--wa) / 1) !important;
 }
 
-.\!btn-warning.btn-active{
+.\!btn-warning.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--wa) / var(--tw-bg-opacity)) !important;
 }
 
-.\!btn-error{
+.\!btn-error {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2153,7 +2171,7 @@ html{
   outline-color: hsl(var(--er) / 1) !important;
 }
 
-.btn-error{
+.btn-error {
   --tw-border-opacity: 1;
   border-color: hsl(var(--er) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2163,33 +2181,33 @@ html{
   outline-color: hsl(var(--er) / 1);
 }
 
-.\!btn-error.btn-active{
+.\!btn-error.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--er) / var(--tw-bg-opacity)) !important;
 }
 
-.btn-error.btn-active{
+.btn-error.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--er) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: hsl(var(--er) / var(--tw-bg-opacity));
 }
 
-.btn.glass{
+.btn.glass {
   --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);
   outline-color: currentColor;
 }
 
-.btn.glass.btn-active{
+.btn.glass.btn-active {
   --glass-opacity: 25%;
   --glass-border-opacity: 15%;
 }
 
-.btn-ghost{
+.btn-ghost {
   border-width: 1px;
   border-color: transparent;
   background-color: transparent;
@@ -2200,13 +2218,13 @@ html{
   outline-color: currentColor;
 }
 
-.btn-ghost.btn-active{
+.btn-ghost.btn-active {
   --tw-border-opacity: 0;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.2;
 }
 
-.btn-link{
+.btn-link {
   border-color: transparent;
   background-color: transparent;
   --tw-text-opacity: 1;
@@ -2218,23 +2236,23 @@ html{
   outline-color: currentColor;
 }
 
-.btn-link.btn-active{
+.btn-link.btn-active {
   border-color: transparent;
   background-color: transparent;
   text-decoration-line: underline;
 }
 
-.btn-outline.\!btn-primary{
+.btn-outline.\!btn-primary {
   --tw-text-opacity: 1 !important;
   color: hsl(var(--p) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.btn-primary{
+.btn-outline.btn-primary {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
 
-.btn-outline.\!btn-primary.btn-active{
+.btn-outline.\!btn-primary.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--pf) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2243,7 +2261,7 @@ html{
   color: hsl(var(--pc) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.btn-primary.btn-active{
+.btn-outline.btn-primary.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pf) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2252,12 +2270,12 @@ html{
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.btn-outline.\!btn-warning{
+.btn-outline.\!btn-warning {
   --tw-text-opacity: 1 !important;
   color: hsl(var(--wa) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.\!btn-warning.btn-active{
+.btn-outline.\!btn-warning.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--wa) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2266,17 +2284,17 @@ html{
   color: hsl(var(--wac) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.\!btn-error{
+.btn-outline.\!btn-error {
   --tw-text-opacity: 1 !important;
   color: hsl(var(--er) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.btn-error{
+.btn-outline.btn-error {
   --tw-text-opacity: 1;
   color: hsl(var(--er) / var(--tw-text-opacity));
 }
 
-.btn-outline.\!btn-error.btn-active{
+.btn-outline.\!btn-error.btn-active {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--er) / var(--tw-border-opacity)) !important;
   --tw-bg-opacity: 1 !important;
@@ -2285,7 +2303,7 @@ html{
   color: hsl(var(--erc) / var(--tw-text-opacity)) !important;
 }
 
-.btn-outline.btn-error.btn-active{
+.btn-outline.btn-error.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--er) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2296,7 +2314,7 @@ html{
 
 .btn.btn-disabled,
   .btn[disabled],
-  .btn:disabled{
+  .btn:disabled {
   --tw-border-opacity: 0;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.2;
@@ -2305,7 +2323,7 @@ html{
 }
 
 .btn-group > input[type="radio"]:checked.btn,
-  .btn-group > .btn-active{
+  .btn-group > .btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2314,14 +2332,14 @@ html{
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible{
+.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-color: hsl(var(--p) / 1);
 }
 
 .btn:is(input[type="checkbox"]:checked),
-.btn:is(input[type="radio"]:checked){
+.btn:is(input[type="radio"]:checked) {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -2330,25 +2348,25 @@ html{
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible{
+.btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
   outline-color: hsl(var(--p) / 1);
 }
 
-@keyframes button-pop{
-  0%{
+@keyframes button-pop {
+  0% {
     transform: scale(var(--btn-focus-scale, 0.98));
   }
 
-  40%{
+  40% {
     transform: scale(1.02);
   }
 
-  100%{
+  100% {
     transform: scale(1);
   }
 }
 
-.card :where(figure:first-child){
+.card :where(figure:first-child) {
   overflow: hidden;
   border-start-start-radius: inherit;
   border-start-end-radius: inherit;
@@ -2356,7 +2374,7 @@ html{
   border-end-end-radius: unset;
 }
 
-.card :where(figure:last-child){
+.card :where(figure:last-child) {
   overflow: hidden;
   border-start-start-radius: unset;
   border-start-end-radius: unset;
@@ -2364,24 +2382,24 @@ html{
   border-end-end-radius: inherit;
 }
 
-.card:focus-visible{
+.card:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
 }
 
-.card.bordered{
+.card.bordered {
   border-width: 1px;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
 }
 
-.card.compact .card-body{
+.card.compact .card-body {
   padding: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
-.card-title{
+.card-title {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -2390,12 +2408,12 @@ html{
   font-weight: 600;
 }
 
-.card.image-full :where(figure){
+.card.image-full :where(figure) {
   overflow: hidden;
   border-radius: inherit;
 }
 
-.checkbox:focus-visible{
+.checkbox:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -2404,7 +2422,7 @@ html{
 
 .checkbox:checked,
   .checkbox[checked="true"],
-  .checkbox[aria-checked="true"]{
+  .checkbox[aria-checked="true"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   background-repeat: no-repeat;
@@ -2422,7 +2440,7 @@ html{
       linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
 }
 
-.checkbox:indeterminate{
+.checkbox:indeterminate {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   background-repeat: no-repeat;
@@ -2438,7 +2456,7 @@ html{
       );
 }
 
-.checkbox:disabled{
+.checkbox:disabled {
   cursor: not-allowed;
   border-color: transparent;
   --tw-bg-opacity: 1;
@@ -2446,23 +2464,23 @@ html{
   opacity: 0.2;
 }
 
-@keyframes checkmark{
-  0%{
+@keyframes checkmark {
+  0% {
     background-position-y: 5px;
   }
 
-  50%{
+  50% {
     background-position-y: -2px;
   }
 
-  100%{
+  100% {
     background-position-y: 0;
   }
 }
 
 [dir="rtl"] .checkbox:checked,
     [dir="rtl"] .checkbox[checked="true"],
-    [dir="rtl"] .checkbox[aria-checked="true"]{
+    [dir="rtl"] .checkbox[aria-checked="true"] {
   background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
         linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
         linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
@@ -2476,22 +2494,22 @@ html{
         linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
 }
 
-details.collapse{
+details.collapse {
   width: 100%;
 }
 
-details.collapse summary{
+details.collapse summary {
   position: relative;
   display: block;
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-details.collapse summary::-webkit-details-marker{
+details.collapse summary::-webkit-details-marker {
   display: none;
 }
 
-.collapse:focus-visible{
+.collapse:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -2500,14 +2518,14 @@ details.collapse summary::-webkit-details-marker{
 
 .collapse:has(.collapse-title:focus-visible),
 .collapse:has(> input[type="checkbox"]:focus-visible),
-.collapse:has(> input[type="radio"]:focus-visible){
+.collapse:has(> input[type="radio"]:focus-visible) {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
   outline-color: hsl(var(--bc) / 1);
 }
 
-.collapse-arrow > .collapse-title:after{
+.collapse-arrow > .collapse-title:after {
   position: absolute;
   display: block;
   height: 0.5rem;
@@ -2528,11 +2546,11 @@ details.collapse summary::-webkit-details-marker{
   pointer-events: none;
 }
 
-[dir="rtl"] .collapse-arrow > .collapse-title:after{
+[dir="rtl"] .collapse-arrow > .collapse-title:after {
   --tw-rotate: -45deg;
 }
 
-.collapse-plus > .collapse-title:after{
+.collapse-plus > .collapse-title:after {
   position: absolute;
   display: block;
   height: 0.5rem;
@@ -2549,26 +2567,26 @@ details.collapse summary::-webkit-details-marker{
 
 .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
 .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
-.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title{
+.collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
   cursor: pointer;
 }
 
-.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title{
+.collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
   cursor: unset;
 }
 
-.collapse-title{
+.collapse-title {
   position: relative;
 }
 
 :where(.collapse > input[type="checkbox"]),
-:where(.collapse > input[type="radio"]){
+:where(.collapse > input[type="radio"]) {
   z-index: 1;
 }
 
 .collapse-title,
 :where(.collapse > input[type="checkbox"]),
-:where(.collapse > input[type="radio"]){
+:where(.collapse > input[type="radio"]) {
   width: 100%;
   padding: 1rem;
   padding-right: 3rem;
@@ -2580,7 +2598,7 @@ details.collapse summary::-webkit-details-marker{
 .collapse-open > :where(.collapse-content),
 .collapse:focus:not(.collapse-close) > :where(.collapse-content),
 .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
-.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content){
+.collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
   padding-bottom: 1rem;
   transition: padding 0.2s ease-out,
     background-color 0.2s ease-out;
@@ -2590,7 +2608,7 @@ details.collapse summary::-webkit-details-marker{
 .collapse-open.collapse-arrow > .collapse-title:after,
 .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
 .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
-.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
+.collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
   --tw-translate-y: -50%;
   --tw-rotate: 225deg;
   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));
@@ -2602,7 +2620,7 @@ details.collapse summary::-webkit-details-marker{
 [dir="rtl"]
   .collapse-arrow:not(.collapse-close)
   input[type="checkbox"]:checked
-  ~ .collapse-title:after{
+  ~ .collapse-title:after {
   --tw-rotate: 135deg;
 }
 
@@ -2610,63 +2628,63 @@ details.collapse summary::-webkit-details-marker{
 .collapse-open.collapse-plus > .collapse-title:after,
 .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
 .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
-.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after{
+.collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
   content: "−";
 }
 
-.divider:before{
+.divider:before {
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.1;
 }
 
-.divider:after{
+.divider:after {
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.1;
 }
 
-.divider:not(:empty){
+.divider:not(:empty) {
   gap: 1rem;
 }
 
 .dropdown.dropdown-open .dropdown-content,
 .dropdown:focus .dropdown-content,
-.dropdown:focus-within .dropdown-content{
+.dropdown:focus-within .dropdown-content {
   --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));
 }
 
-.label-text{
+.label-text {
   font-size: 0.875rem;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: hsl(var(--bc) / var(--tw-text-opacity));
 }
 
-.\!input[list]::-webkit-calendar-picker-indicator{
+.\!input[list]::-webkit-calendar-picker-indicator {
   line-height: 1em !important;
 }
 
-.input[list]::-webkit-calendar-picker-indicator{
+.input[list]::-webkit-calendar-picker-indicator {
   line-height: 1em;
 }
 
-.\!input-bordered{
+.\!input-bordered {
   --tw-border-opacity: 0.2 !important;
 }
 
-.input-bordered{
+.input-bordered {
   --tw-border-opacity: 0.2;
 }
 
-.\!input:focus{
+.\!input:focus {
   outline-style: solid !important;
   outline-width: 2px !important;
   outline-offset: 2px !important;
   outline-color: hsl(var(--bc) / 0.2) !important;
 }
 
-.input:focus{
+.input:focus {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -2675,7 +2693,7 @@ details.collapse summary::-webkit-details-marker{
 
 
   .\!input:disabled,
-  .\!input[disabled]{
+  .\!input[disabled] {
   cursor: not-allowed !important;
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
@@ -2686,7 +2704,7 @@ details.collapse summary::-webkit-details-marker{
 
 .input-disabled,
   .input:disabled,
-  .input[disabled]{
+  .input[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
@@ -2697,7 +2715,7 @@ details.collapse summary::-webkit-details-marker{
 
 
   .\!input:disabled,
-  .\!input[disabled]{
+  .\!input[disabled] {
   cursor: not-allowed !important;
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
@@ -2706,68 +2724,68 @@ details.collapse summary::-webkit-details-marker{
   --tw-text-opacity: 0.2 !important;
 }
 
-.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
+.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
   --tw-placeholder-opacity: 0.2 !important;
 }
 
 
   .\!input:disabled::placeholder,
-  .\!input[disabled]::placeholder{
+  .\!input[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
   --tw-placeholder-opacity: 0.2 !important;
 }
 
-.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
+.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
 .input-disabled::placeholder,
   .input:disabled::placeholder,
-  .input[disabled]::placeholder{
+  .input[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
-.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
+.\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
   --tw-placeholder-opacity: 0.2 !important;
 }
 
 
   .\!input:disabled::placeholder,
-  .\!input[disabled]::placeholder{
+  .\!input[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity)) !important;
   --tw-placeholder-opacity: 0.2 !important;
 }
 
-.join > :where(*:not(:first-child)){
+.join > :where(*:not(:first-child)) {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: -1px;
 }
 
-.join-item:focus{
+.join-item:focus {
   isolation: isolate;
 }
 
-.link-primary{
+.link-primary {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
 
-.link:focus{
+.link:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.link:focus-visible{
+.link:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
 }
 
-.loading{
+.loading {
   pointer-events: none;
   display: inline-block;
   aspect-ratio: 1 / 1;
@@ -2783,33 +2801,33 @@ details.collapse summary::-webkit-details-marker{
           mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 
-.loading-spinner{
+.loading-spinner {
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
           mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 
-.loading-sm{
+.loading-sm {
   width: 1.25rem;
 }
 
-.mask-squircle{
+.mask-squircle {
   -webkit-mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
           mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
 }
 
-:where(.\!menu li:empty){
+:where(.\!menu li:empty) {
   background-color: hsl(var(--bc) / 0.1) !important;
   margin: 0.5rem 1rem !important;
   height: 1px !important;
 }
 
-:where(.menu li:empty){
+:where(.menu li:empty) {
   background-color: hsl(var(--bc) / 0.1);
   margin: 0.5rem 1rem;
   height: 1px;
 }
 
-.\!menu :where(li ul):before{
+.\!menu :where(li ul):before {
   position: absolute !important;
   left: 0px !important;
   top: 0.75rem !important;
@@ -2819,7 +2837,7 @@ details.collapse summary::-webkit-details-marker{
   content: "" !important;
 }
 
-.menu :where(li ul):before{
+.menu :where(li ul):before {
   position: absolute;
   left: 0px;
   top: 0.75rem;
@@ -2830,7 +2848,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   padding-left: 1rem !important;
   padding-right: 1rem !important;
   padding-top: 0.5rem !important;
@@ -2847,7 +2865,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem;
@@ -2864,7 +2882,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .\!menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
-.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)){
+.\!menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
   padding-left: 1rem !important;
   padding-right: 1rem !important;
   padding-top: 0.5rem !important;
@@ -2885,7 +2903,7 @@ details.collapse summary::-webkit-details-marker{
   :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
   :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
   :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
-  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
   cursor: pointer !important;
   background-color: hsl(var(--bc) / 0.1) !important;
   --tw-text-opacity: 1 !important;
@@ -2899,7 +2917,7 @@ details.collapse summary::-webkit-details-marker{
   :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
   :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
   :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
-  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
   cursor: pointer;
   background-color: hsl(var(--bc) / 0.1);
   --tw-text-opacity: 1;
@@ -2913,7 +2931,7 @@ details.collapse summary::-webkit-details-marker{
   :where(.\!menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
   :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
   :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
-  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible{
+  :where(.\!menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
   cursor: pointer !important;
   background-color: hsl(var(--bc) / 0.1) !important;
   --tw-text-opacity: 1 !important;
@@ -2924,7 +2942,7 @@ details.collapse summary::-webkit-details-marker{
 
 .\!menu li > *:not(ul):not(.menu-title):not(details):active,
 .\!menu li > *:not(ul):not(.menu-title):not(details).active,
-.\!menu li > details > summary:active{
+.\!menu li > details > summary:active {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
   --tw-text-opacity: 1 !important;
@@ -2933,7 +2951,7 @@ details.collapse summary::-webkit-details-marker{
 
 .menu li > *:not(ul):not(.menu-title):not(details):active,
 .menu li > *:not(ul):not(.menu-title):not(details).active,
-.menu li > details > summary:active{
+.menu li > details > summary:active {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -2942,23 +2960,23 @@ details.collapse summary::-webkit-details-marker{
 
 .\!menu li > *:not(ul):not(.menu-title):not(details):active,
 .\!menu li > *:not(ul):not(.menu-title):not(details).active,
-.\!menu li > details > summary:active{
+.\!menu li > details > summary:active {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--n) / var(--tw-bg-opacity)) !important;
   --tw-text-opacity: 1 !important;
   color: hsl(var(--nc) / var(--tw-text-opacity)) !important;
 }
 
-.\!menu :where(li > details > summary)::-webkit-details-marker{
+.\!menu :where(li > details > summary)::-webkit-details-marker {
   display: none !important;
 }
 
-.menu :where(li > details > summary)::-webkit-details-marker{
+.menu :where(li > details > summary)::-webkit-details-marker {
   display: none;
 }
 
 .\!menu :where(li > details > summary):after,
-.\!menu :where(li > .menu-dropdown-toggle):after{
+.\!menu :where(li > .menu-dropdown-toggle):after {
   justify-self: end !important;
   display: block !important;
   margin-top: -0.5rem !important;
@@ -2975,7 +2993,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .menu :where(li > details > summary):after,
-.menu :where(li > .menu-dropdown-toggle):after{
+.menu :where(li > .menu-dropdown-toggle):after {
   justify-self: end;
   display: block;
   margin-top: -0.5rem;
@@ -2992,7 +3010,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .\!menu :where(li > details > summary):after,
-.\!menu :where(li > .menu-dropdown-toggle):after{
+.\!menu :where(li > .menu-dropdown-toggle):after {
   justify-self: end !important;
   display: block !important;
   margin-top: -0.5rem !important;
@@ -3009,24 +3027,24 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .\!menu :where(li > details[open] > summary):after,
-.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
   transform: rotate(225deg) !important;
   margin-top: 0 !important;
 }
 
 .menu :where(li > details[open] > summary):after,
-.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
   transform: rotate(225deg);
   margin-top: 0;
 }
 
 .\!menu :where(li > details[open] > summary):after,
-.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
+.\!menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
   transform: rotate(225deg) !important;
   margin-top: 0 !important;
 }
 
-.mockup-code:before{
+.mockup-code:before {
   content: "";
   margin-bottom: 1rem;
   display: block;
@@ -3039,22 +3057,22 @@ details.collapse summary::-webkit-details-marker{
         4.2em 0;
 }
 
-.mockup-code pre{
+.mockup-code pre {
   padding-right: 1.25rem;
 }
 
-.mockup-code pre:before{
+.mockup-code pre:before {
   content: "";
   margin-right: 2ch;
 }
 
-.mockup-phone .display{
+.mockup-phone .display {
   overflow: hidden;
   border-radius: 40px;
   margin-top: -25px;
 }
 
-.mockup-browser .mockup-browser-toolbar .\!input{
+.mockup-browser .mockup-browser-toolbar .\!input {
   position: relative !important;
   margin-left: auto !important;
   margin-right: auto !important;
@@ -3069,7 +3087,7 @@ details.collapse summary::-webkit-details-marker{
   padding-left: 2rem !important;
 }
 
-.mockup-browser .mockup-browser-toolbar .input{
+.mockup-browser .mockup-browser-toolbar .input {
   position: relative;
   margin-left: auto;
   margin-right: auto;
@@ -3084,7 +3102,7 @@ details.collapse summary::-webkit-details-marker{
   padding-left: 2rem;
 }
 
-.mockup-browser .mockup-browser-toolbar .\!input:before{
+.mockup-browser .mockup-browser-toolbar .\!input:before {
   content: "" !important;
   position: absolute !important;
   top: 50% !important;
@@ -3099,7 +3117,7 @@ details.collapse summary::-webkit-details-marker{
   opacity: 0.6 !important;
 }
 
-.mockup-browser .mockup-browser-toolbar .input:before{
+.mockup-browser .mockup-browser-toolbar .input:before {
   content: "";
   position: absolute;
   top: 50%;
@@ -3114,7 +3132,7 @@ details.collapse summary::-webkit-details-marker{
   opacity: 0.6;
 }
 
-.mockup-browser .mockup-browser-toolbar .\!input:after{
+.mockup-browser .mockup-browser-toolbar .\!input:after {
   content: "" !important;
   position: absolute !important;
   top: 50% !important;
@@ -3129,7 +3147,7 @@ details.collapse summary::-webkit-details-marker{
   opacity: 0.6 !important;
 }
 
-.mockup-browser .mockup-browser-toolbar .input:after{
+.mockup-browser .mockup-browser-toolbar .input:after {
   content: "";
   position: absolute;
   top: 50%;
@@ -3145,12 +3163,12 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .modal:not(dialog:not(.modal-open)),
-  .modal::backdrop{
+  .modal::backdrop {
   background-color: rgba(0, 0, 0, 0.3);
   animation: modal-pop 0.2s ease-out;
 }
 
-.modal-backdrop{
+.modal-backdrop {
   z-index: -1;
   grid-column-start: 1;
   grid-row-start: 1;
@@ -3163,36 +3181,36 @@ details.collapse summary::-webkit-details-marker{
 .modal-open .modal-box,
 .modal-toggle:checked + .modal .modal-box,
 .modal:target .modal-box,
-.modal[open] .modal-box{
+.modal[open] .modal-box {
   --tw-translate-y: 0px;
   --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));
 }
 
-.modal-action > :not([hidden]) ~ :not([hidden]){
+.modal-action > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-@keyframes modal-pop{
-  0%{
+@keyframes modal-pop {
+  0% {
     opacity: 0;
   }
 }
 
-.progress::-moz-progress-bar{
+.progress::-moz-progress-bar {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
 }
 
-.progress-info::-moz-progress-bar{
+.progress-info::-moz-progress-bar {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--in) / var(--tw-bg-opacity));
 }
 
-.progress:indeterminate{
+.progress:indeterminate {
   --progress-color: hsl(var(--bc));
   background-image: repeating-linear-gradient(
     90deg,
@@ -3206,27 +3224,27 @@ details.collapse summary::-webkit-details-marker{
   animation: progress-loading 5s ease-in-out infinite;
 }
 
-.progress-info:indeterminate{
+.progress-info:indeterminate {
   --progress-color: hsl(var(--in));
 }
 
-.progress::-webkit-progress-bar{
+.progress::-webkit-progress-bar {
   background-color: transparent;
   border-radius: var(--rounded-box, 1rem);
 }
 
-.progress::-webkit-progress-value{
+.progress::-webkit-progress-value {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   border-radius: var(--rounded-box, 1rem);
 }
 
-.progress-info::-webkit-progress-value{
+.progress-info::-webkit-progress-value {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--in) / var(--tw-bg-opacity));
 }
 
-.progress:indeterminate::-moz-progress-bar{
+.progress:indeterminate::-moz-progress-bar {
   background-color: transparent;
   background-image: repeating-linear-gradient(
     90deg,
@@ -3240,13 +3258,13 @@ details.collapse summary::-webkit-details-marker{
   animation: progress-loading 5s ease-in-out infinite;
 }
 
-@keyframes progress-loading{
-  50%{
+@keyframes progress-loading {
+  50% {
     background-position-x: -115%;
   }
 }
 
-.radio:focus-visible{
+.radio:focus-visible {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -3254,7 +3272,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .radio:checked,
-  .radio[aria-checked="true"]{
+  .radio[aria-checked="true"] {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--bc) / var(--tw-bg-opacity));
   animation: radiomark var(--animation-input, 0.2s) ease-out;
@@ -3262,18 +3280,18 @@ details.collapse summary::-webkit-details-marker{
       0 0 0 4px hsl(var(--b1)) inset;
 }
 
-.radio-primary{
+.radio-primary {
   --chkbg: var(--p);
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
 }
 
-.radio-primary:focus-visible{
+.radio-primary:focus-visible {
   outline-color: hsl(var(--p) / 1);
 }
 
 .radio-primary:checked,
-    .radio-primary[aria-checked="true"]{
+    .radio-primary[aria-checked="true"] {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -3282,47 +3300,47 @@ details.collapse summary::-webkit-details-marker{
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.radio:disabled{
+.radio:disabled {
   cursor: not-allowed;
   opacity: 0.2;
 }
 
-@keyframes radiomark{
-  0%{
+@keyframes radiomark {
+  0% {
     box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
       0 0 0 12px hsl(var(--b1)) inset;
   }
 
-  50%{
+  50% {
     box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
       0 0 0 3px hsl(var(--b1)) inset;
   }
 
-  100%{
+  100% {
     box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
       0 0 0 4px hsl(var(--b1)) inset;
   }
 }
 
-@keyframes rating-pop{
-  0%{
+@keyframes rating-pop {
+  0% {
     transform: translateY(-0.125em);
   }
 
-  40%{
+  40% {
     transform: translateY(-0.125em);
   }
 
-  100%{
+  100% {
     transform: translateY(0);
   }
 }
 
-.select-bordered{
+.select-bordered {
   --tw-border-opacity: 0.2;
 }
 
-.select:focus{
+.select:focus {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -3331,7 +3349,7 @@ details.collapse summary::-webkit-details-marker{
 
 .select-disabled,
   .select:disabled,
-  .select[disabled]{
+  .select[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
@@ -3340,31 +3358,31 @@ details.collapse summary::-webkit-details-marker{
   --tw-text-opacity: 0.2;
 }
 
-.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{
+.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
 .select-disabled::placeholder,
   .select:disabled::placeholder,
-  .select[disabled]::placeholder{
+  .select[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
 .select-multiple,
   .select[multiple],
-  .select[size].select:not([size="1"]){
+  .select[size].select:not([size="1"]) {
   background-image: none;
   padding-right: 1rem;
 }
 
-[dir="rtl"] .select{
+[dir="rtl"] .select {
   background-position: calc(0% + 12px) calc(1px + 50%),
     calc(0% + 16px) calc(1px + 50%);
 }
 
-:where(.stats) > :not([hidden]) ~ :not([hidden]){
+:where(.stats) > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-x-reverse: 0;
   border-right-width: calc(1px * var(--tw-divide-x-reverse));
   border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
@@ -3373,7 +3391,7 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
 }
 
-.steps .step:before{
+.steps .step:before {
   top: 0px;
   grid-column-start: 1;
   grid-row-start: 1;
@@ -3388,7 +3406,7 @@ details.collapse summary::-webkit-details-marker{
   margin-left: -100%;
 }
 
-.steps .step:after{
+.steps .step:after {
   content: counter(step);
   counter-increment: step;
   z-index: 1;
@@ -3407,50 +3425,50 @@ details.collapse summary::-webkit-details-marker{
   color: hsl(var(--bc) / var(--tw-text-opacity));
 }
 
-.steps .step:first-child:before{
+.steps .step:first-child:before {
   content: none;
 }
 
-.steps .step[data-content]:after{
+.steps .step[data-content]:after {
   content: attr(data-content);
 }
 
-.tab.tab-active:not(.tab-disabled):not([disabled]){
+.tab.tab-active:not(.tab-disabled):not([disabled]) {
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 1;
   --tw-text-opacity: 1;
 }
 
-.tab:focus{
+.tab:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.tab:focus-visible{
+.tab:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: -3px;
 }
 
-.tab:focus-visible.tab-lifted{
+.tab:focus-visible.tab-lifted {
   border-bottom-right-radius: var(--tab-radius, 0.5rem);
   border-bottom-left-radius: var(--tab-radius, 0.5rem);
 }
 
 .tab-disabled,
-  .tab[disabled]{
+  .tab[disabled] {
   cursor: not-allowed;
   color: hsl(var(--bc) / var(--tw-text-opacity));
   --tw-text-opacity: 0.2;
 }
 
-.tab-bordered{
+.tab-bordered {
   border-color: hsl(var(--bc) / var(--tw-border-opacity));
   --tw-border-opacity: 0.2;
   border-style: solid;
   border-bottom-width: calc(var(--tab-border, 1px) + 1px);
 }
 
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]){
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
   background-color: var(--tab-bg);
   border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
   border-left-color: var(--tab-border-color);
@@ -3463,7 +3481,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
-    .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+    .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
   z-index: 1;
   content: "";
   display: block;
@@ -3481,58 +3499,58 @@ details.collapse summary::-webkit-details-marker{
       );
 }
 
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
   left: calc(var(--tab-radius, 0.5rem) * -1);
   --circle-pos: top left;
   background-image: var(--tab-corner-bg);
 }
 
-[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
   --circle-pos: top right;
 }
 
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
   right: calc(var(--tab-radius, 0.5rem) * -1);
   --circle-pos: top right;
   background-image: var(--tab-corner-bg);
 }
 
-[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after{
+[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
   --circle-pos: top left;
 }
 
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before{
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before {
   background: none;
 }
 
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after{
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after {
   background: none;
 }
 
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled])
-  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before{
+  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
   background: none;
 }
 
-.tabs-boxed{
+.tabs-boxed {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
   padding: 0.25rem;
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.tabs-boxed .tab{
+.tabs-boxed .tab {
   border-radius: var(--rounded-btn, 0.5rem);
 }
 
-.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]){
+.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.table :where(th, td){
+.table :where(th, td) {
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.75rem;
@@ -3542,26 +3560,26 @@ details.collapse summary::-webkit-details-marker{
 
 .table tr.active,
   .table tr.active:nth-child(even),
-  .table-zebra tbody tr:nth-child(even){
+  .table-zebra tbody tr:nth-child(even) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
 }
 
 .table-zebra tr.active,
     .table-zebra tr.active:nth-child(even),
-    .table-zebra-zebra tbody tr:nth-child(even){
+    .table-zebra-zebra tbody tr:nth-child(even) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity));
 }
 
 .table :where(thead, tbody) :where(tr:not(:last-child)),
-    .table :where(thead, tbody) :where(tr:first-child:last-child){
+    .table :where(thead, tbody) :where(tr:first-child:last-child) {
   border-bottom-width: 1px;
   --tw-border-opacity: 1;
   border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity));
 }
 
-.table :where(thead, tfoot){
+.table :where(thead, tfoot) {
   white-space: nowrap;
   font-size: 0.75rem;
   line-height: 1rem;
@@ -3569,11 +3587,11 @@ details.collapse summary::-webkit-details-marker{
   color: hsl(var(--bc) / 0.6);
 }
 
-.textarea-bordered{
+.textarea-bordered {
   --tw-border-opacity: 0.2;
 }
 
-.textarea:focus{
+.textarea:focus {
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
@@ -3582,7 +3600,7 @@ details.collapse summary::-webkit-details-marker{
 
 .textarea-disabled,
   .textarea:disabled,
-  .textarea[disabled]{
+  .textarea[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
@@ -3591,110 +3609,110 @@ details.collapse summary::-webkit-details-marker{
   --tw-text-opacity: 0.2;
 }
 
-.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{
+.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
 .textarea-disabled::placeholder,
   .textarea:disabled::placeholder,
-  .textarea[disabled]::placeholder{
+  .textarea[disabled]::placeholder {
   color: hsl(var(--bc) / var(--tw-placeholder-opacity));
   --tw-placeholder-opacity: 0.2;
 }
 
-.toast > *{
+.toast > * {
   animation: toast-pop 0.25s ease-out;
 }
 
-@keyframes toast-pop{
-  0%{
+@keyframes toast-pop {
+  0% {
     transform: scale(0.9);
     opacity: 0;
   }
 
-  100%{
+  100% {
     transform: scale(1);
     opacity: 1;
   }
 }
 
-.tooltip.tooltip-primary{
+.tooltip.tooltip-primary {
   --tooltip-color: hsl(var(--p));
   --tooltip-text-color: hsl(var(--pc));
 }
 
-.tooltip.tooltip-secondary{
+.tooltip.tooltip-secondary {
   --tooltip-color: hsl(var(--s));
   --tooltip-text-color: hsl(var(--sc));
 }
 
-.tooltip.tooltip-accent{
+.tooltip.tooltip-accent {
   --tooltip-color: hsl(var(--a));
   --tooltip-text-color: hsl(var(--ac));
 }
 
-.tooltip.tooltip-info{
+.tooltip.tooltip-info {
   --tooltip-color: hsl(var(--in));
   --tooltip-text-color: hsl(var(--inc));
 }
 
-.tooltip.tooltip-success{
+.tooltip.tooltip-success {
   --tooltip-color: hsl(var(--su));
   --tooltip-text-color: hsl(var(--suc));
 }
 
-.tooltip.tooltip-warning{
+.tooltip.tooltip-warning {
   --tooltip-color: hsl(var(--wa));
   --tooltip-text-color: hsl(var(--wac));
 }
 
-.tooltip.tooltip-error{
+.tooltip.tooltip-error {
   --tooltip-color: hsl(var(--er));
   --tooltip-text-color: hsl(var(--erc));
 }
 
-.rounded-box{
+.rounded-box {
   border-radius: var(--rounded-box, 1rem);
 }
 
 .artboard.phone-1.horizontal,
-      .artboard.phone-1.artboard-horizontal{
+      .artboard.phone-1.artboard-horizontal {
   width: 568px;
   height: 320px;
 }
 
 .artboard.phone-2.horizontal,
-      .artboard.phone-2.artboard-horizontal{
+      .artboard.phone-2.artboard-horizontal {
   width: 667px;
   height: 375px;
 }
 
 .artboard.phone-3.horizontal,
-      .artboard.phone-3.artboard-horizontal{
+      .artboard.phone-3.artboard-horizontal {
   width: 736px;
   height: 414px;
 }
 
 .artboard.phone-4.horizontal,
-      .artboard.phone-4.artboard-horizontal{
+      .artboard.phone-4.artboard-horizontal {
   width: 812px;
   height: 375px;
 }
 
 .artboard.phone-5.horizontal,
-      .artboard.phone-5.artboard-horizontal{
+      .artboard.phone-5.artboard-horizontal {
   width: 896px;
   height: 414px;
 }
 
 .artboard.phone-6.horizontal,
-      .artboard.phone-6.artboard-horizontal{
+      .artboard.phone-6.artboard-horizontal {
   width: 1024px;
   height: 320px;
 }
 
-.badge-sm{
+.badge-sm {
   height: 1rem;
   font-size: 0.75rem;
   line-height: 1rem;
@@ -3702,23 +3720,23 @@ details.collapse summary::-webkit-details-marker{
   padding-right: 0.438rem;
 }
 
-.btm-nav-xs > *:where(.active){
+.btm-nav-xs > *:where(.active) {
   border-top-width: 1px;
 }
 
-.btm-nav-sm > *:where(.active){
+.btm-nav-sm > *:where(.active) {
   border-top-width: 2px;
 }
 
-.btm-nav-md > *:where(.active){
+.btm-nav-md > *:where(.active) {
   border-top-width: 2px;
 }
 
-.btm-nav-lg > *:where(.active){
+.btm-nav-lg > *:where(.active) {
   border-top-width: 4px;
 }
 
-.btn-xs{
+.btn-xs {
   height: 1.5rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -3726,7 +3744,7 @@ details.collapse summary::-webkit-details-marker{
   font-size: 0.75rem;
 }
 
-.btn-sm{
+.btn-sm {
   height: 2rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -3734,47 +3752,47 @@ details.collapse summary::-webkit-details-marker{
   font-size: 0.875rem;
 }
 
-.btn-square:where(.btn-xs){
+.btn-square:where(.btn-xs) {
   height: 1.5rem;
   width: 1.5rem;
   padding: 0px;
 }
 
-.btn-square:where(.btn-sm){
+.btn-square:where(.btn-sm) {
   height: 2rem;
   width: 2rem;
   padding: 0px;
 }
 
-.btn-circle:where(.btn-xs){
+.btn-circle:where(.btn-xs) {
   height: 1.5rem;
   width: 1.5rem;
   border-radius: 9999px;
   padding: 0px;
 }
 
-.btn-circle:where(.btn-sm){
+.btn-circle:where(.btn-sm) {
   height: 2rem;
   width: 2rem;
   border-radius: 9999px;
   padding: 0px;
 }
 
-.btn-circle:where(.btn-md){
+.btn-circle:where(.btn-md) {
   height: 3rem;
   width: 3rem;
   border-radius: 9999px;
   padding: 0px;
 }
 
-.btn-circle:where(.btn-lg){
+.btn-circle:where(.btn-lg) {
   height: 4rem;
   width: 4rem;
   border-radius: 9999px;
   padding: 0px;
 }
 
-.input-sm{
+.input-sm {
   height: 2rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -3782,12 +3800,12 @@ details.collapse summary::-webkit-details-marker{
   line-height: 2rem;
 }
 
-.join.join-vertical{
+.join.join-vertical {
   flex-direction: column;
 }
 
 .join.join-vertical .join-item:first-child:not(:last-child),
-  .join.join-vertical *:first-child:not(:last-child) .join-item{
+  .join.join-vertical *:first-child:not(:last-child) .join-item {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: inherit;
@@ -3795,19 +3813,19 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .join.join-vertical .join-item:last-child:not(:first-child),
-  .join.join-vertical *:last-child:not(:first-child) .join-item{
+  .join.join-vertical *:last-child:not(:first-child) .join-item {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
 
-.join.join-horizontal{
+.join.join-horizontal {
   flex-direction: row;
 }
 
 .join.join-horizontal .join-item:first-child:not(:last-child),
-  .join.join-horizontal *:first-child:not(:last-child) .join-item{
+  .join.join-horizontal *:first-child:not(:last-child) .join-item {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: inherit;
@@ -3815,19 +3833,19 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .join.join-horizontal .join-item:last-child:not(:first-child),
-  .join.join-horizontal *:last-child:not(:first-child) .join-item{
+  .join.join-horizontal *:last-child:not(:first-child) .join-item {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   border-bottom-right-radius: inherit;
   border-top-right-radius: inherit;
 }
 
-.radio-sm{
+.radio-sm {
   height: 1.25rem;
   width: 1.25rem;
 }
 
-.steps-horizontal .step{
+.steps-horizontal .step {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   grid-template-rows: repeat(2, minmax(0, 1fr));
@@ -3835,13 +3853,13 @@ details.collapse summary::-webkit-details-marker{
   text-align: center;
 }
 
-.steps-vertical .step{
+.steps-vertical .step {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: repeat(1, minmax(0, 1fr));
 }
 
-:where(.toast){
+:where(.toast) {
   right: 0px;
   left: auto;
   top: auto;
@@ -3851,55 +3869,55 @@ details.collapse summary::-webkit-details-marker{
   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));
 }
 
-.toast:where(.toast-start){
+.toast:where(.toast-start) {
   right: auto;
   left: 0px;
   --tw-translate-x: 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));
 }
 
-.toast:where(.toast-center){
+.toast:where(.toast-center) {
   right: 50%;
   left: 50%;
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.toast:where(.toast-end){
+.toast:where(.toast-end) {
   right: 0px;
   left: auto;
   --tw-translate-x: 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));
 }
 
-.toast:where(.toast-bottom){
+.toast:where(.toast-bottom) {
   top: auto;
   bottom: 0px;
   --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));
 }
 
-.toast:where(.toast-middle){
+.toast:where(.toast-middle) {
   top: 50%;
   bottom: auto;
   --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));
 }
 
-.toast:where(.toast-top){
+.toast:where(.toast-top) {
   top: 0px;
   bottom: auto;
   --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));
 }
 
-.tooltip{
+.tooltip {
   position: relative;
   display: inline-block;
   --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
 }
 
-.tooltip:before{
+.tooltip:before {
   position: absolute;
   pointer-events: none;
   z-index: 1;
@@ -3907,7 +3925,7 @@ details.collapse summary::-webkit-details-marker{
   --tw-content: attr(data-tip);
 }
 
-.tooltip:before, .tooltip-top:before{
+.tooltip:before, .tooltip-top:before {
   transform: translateX(-50%);
   top: auto;
   left: 50%;
@@ -3915,7 +3933,7 @@ details.collapse summary::-webkit-details-marker{
   bottom: var(--tooltip-offset);
 }
 
-.tooltip-bottom:before{
+.tooltip-bottom:before {
   transform: translateX(-50%);
   top: var(--tooltip-offset);
   left: 50%;
@@ -3923,7 +3941,7 @@ details.collapse summary::-webkit-details-marker{
   bottom: auto;
 }
 
-.tooltip-right:before{
+.tooltip-right:before {
   transform: translateY(-50%);
   top: 50%;
   left: var(--tooltip-offset);
@@ -3931,7 +3949,7 @@ details.collapse summary::-webkit-details-marker{
   bottom: auto;
 }
 
-.avatar.online:before{
+.avatar.online:before {
   content: "";
   position: absolute;
   z-index: 10;
@@ -3948,7 +3966,7 @@ details.collapse summary::-webkit-details-marker{
   right: 7%;
 }
 
-.avatar.offline:before{
+.avatar.offline:before {
   content: "";
   position: absolute;
   z-index: 10;
@@ -3965,14 +3983,14 @@ details.collapse summary::-webkit-details-marker{
   right: 7%;
 }
 
-.btn-group .btn:not(:first-child):not(:last-child){
+.btn-group .btn:not(:first-child):not(:last-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.btn-group .btn:first-child:not(:last-child){
+.btn-group .btn:first-child:not(:last-child) {
   margin-top: -0px;
   margin-left: -1px;
   border-top-left-radius: var(--rounded-btn, 0.5rem);
@@ -3981,21 +3999,21 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-right-radius: 0;
 }
 
-.btn-group .btn:last-child:not(:first-child){
+.btn-group .btn:last-child:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: var(--rounded-btn, 0.5rem);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: var(--rounded-btn, 0.5rem);
 }
 
-.btn-group-horizontal .btn:not(:first-child):not(:last-child){
+.btn-group-horizontal .btn:not(:first-child):not(:last-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.btn-group-horizontal .btn:first-child:not(:last-child){
+.btn-group-horizontal .btn:first-child:not(:last-child) {
   margin-top: -0px;
   margin-left: -1px;
   border-top-left-radius: var(--rounded-btn, 0.5rem);
@@ -4004,14 +4022,14 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-right-radius: 0;
 }
 
-.btn-group-horizontal .btn:last-child:not(:first-child){
+.btn-group-horizontal .btn:last-child:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: var(--rounded-btn, 0.5rem);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: var(--rounded-btn, 0.5rem);
 }
 
-.btn-group-vertical .btn:first-child:not(:last-child){
+.btn-group-vertical .btn:first-child:not(:last-child) {
   margin-top: -1px;
   margin-left: -0px;
   border-top-left-radius: var(--rounded-btn, 0.5rem);
@@ -4020,34 +4038,34 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-right-radius: 0;
 }
 
-.btn-group-vertical .btn:last-child:not(:first-child){
+.btn-group-vertical .btn:last-child:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: var(--rounded-btn, 0.5rem);
   border-bottom-right-radius: var(--rounded-btn, 0.5rem);
 }
 
-.card-compact .card-title{
+.card-compact .card-title {
   margin-bottom: 0.25rem;
 }
 
-.card-normal .card-title{
+.card-normal .card-title {
   margin-bottom: 0.75rem;
 }
 
-.join.join-vertical > :where(*:not(:first-child)){
+.join.join-vertical > :where(*:not(:first-child)) {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: -1px;
 }
 
-.join.join-horizontal > :where(*:not(:first-child)){
+.join.join-horizontal > :where(*:not(:first-child)) {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: -1px;
 }
 
-.modal-top :where(.modal-box){
+.modal-top :where(.modal-box) {
   width: 100%;
   max-width: none;
   --tw-translate-y: -2.5rem;
@@ -4060,7 +4078,7 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-right-radius: var(--rounded-box, 1rem);
 }
 
-.modal-middle :where(.modal-box){
+.modal-middle :where(.modal-box) {
   width: 91.666667%;
   max-width: 32rem;
   --tw-translate-y: 0px;
@@ -4073,7 +4091,7 @@ details.collapse summary::-webkit-details-marker{
   border-bottom-right-radius: var(--rounded-box, 1rem);
 }
 
-.modal-bottom :where(.modal-box){
+.modal-bottom :where(.modal-box) {
   width: 100%;
   max-width: none;
   --tw-translate-y: 2.5rem;
@@ -4086,13 +4104,13 @@ details.collapse summary::-webkit-details-marker{
   border-top-right-radius: var(--rounded-box, 1rem);
 }
 
-.steps-horizontal .step{
+.steps-horizontal .step {
   grid-template-rows: 40px 1fr;
   grid-template-columns: auto;
   min-width: 4rem;
 }
 
-.steps-horizontal .step:before{
+.steps-horizontal .step:before {
   height: 0.5rem;
   width: 100%;
   --tw-translate-y: 0px;
@@ -4102,7 +4120,7 @@ details.collapse summary::-webkit-details-marker{
   margin-left: -100%;
 }
 
-.steps-vertical .step{
+.steps-vertical .step {
   gap: 0.5rem;
   grid-template-columns: 40px 1fr;
   grid-template-rows: auto;
@@ -4110,7 +4128,7 @@ details.collapse summary::-webkit-details-marker{
   justify-items: start;
 }
 
-.steps-vertical .step:before{
+.steps-vertical .step:before {
   height: 100%;
   width: 0.5rem;
   --tw-translate-y: -50%;
@@ -4119,35 +4137,35 @@ details.collapse summary::-webkit-details-marker{
   margin-left: 50%;
 }
 
-[dir="rtl"] .steps-vertical .step:before{
+[dir="rtl"] .steps-vertical .step:before {
   margin-right: auto;
 }
 
-.table-xs :not(thead):not(tfoot) tr{
+.table-xs :not(thead):not(tfoot) tr {
   font-size: 0.75rem;
   line-height: 1rem;
 }
 
-.table-xs :where(th, td){
+.table-xs :where(th, td) {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
-.table-sm :not(thead):not(tfoot) tr{
+.table-sm :not(thead):not(tfoot) tr {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
-.table-sm :where(th, td){
+.table-sm :where(th, td) {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
-.tooltip{
+.tooltip {
   position: relative;
   display: inline-block;
   text-align: center;
@@ -4158,7 +4176,7 @@ details.collapse summary::-webkit-details-marker{
 }
 
 .tooltip:before,
-.tooltip:after{
+.tooltip:after {
   opacity: 0;
   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;
@@ -4168,7 +4186,7 @@ details.collapse summary::-webkit-details-marker{
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.tooltip:after{
+.tooltip:after {
   position: absolute;
   content: "";
   border-style: solid;
@@ -4178,7 +4196,7 @@ details.collapse summary::-webkit-details-marker{
   display: block;
 }
 
-.tooltip:before{
+.tooltip:before {
   max-width: 20rem;
   border-radius: 0.25rem;
   padding-left: 0.5rem;
@@ -4196,24 +4214,24 @@ details.collapse summary::-webkit-details-marker{
 .tooltip.tooltip-open:before,
 .tooltip.tooltip-open:after,
 .tooltip:hover:before,
-.tooltip:hover:after{
+.tooltip:hover:after {
   opacity: 1;
   transition-delay: 75ms;
 }
 
 .tooltip:has(:focus-visible):after,
-.tooltip:has(:focus-visible):before{
+.tooltip:has(:focus-visible):before {
   opacity: 1;
   transition-delay: 75ms;
 }
 
 .tooltip:not([data-tip]):hover:before,
-.tooltip:not([data-tip]):hover:after{
+.tooltip:not([data-tip]):hover:after {
   visibility: hidden;
   opacity: 0;
 }
 
-.tooltip:after, .tooltip-top:after{
+.tooltip:after, .tooltip-top:after {
   transform: translateX(-50%);
   border-color: var(--tooltip-color) transparent transparent transparent;
   top: auto;
@@ -4222,7 +4240,7 @@ details.collapse summary::-webkit-details-marker{
   bottom: var(--tooltip-tail-offset);
 }
 
-.tooltip-bottom:after{
+.tooltip-bottom:after {
   transform: translateX(-50%);
   border-color: transparent transparent var(--tooltip-color) transparent;
   top: var(--tooltip-tail-offset);
@@ -4231,7 +4249,7 @@ details.collapse summary::-webkit-details-marker{
   bottom: auto;
 }
 
-.tooltip-right:after{
+.tooltip-right:after {
   transform: translateY(-50%);
   border-color: transparent var(--tooltip-color) transparent transparent;
   top: 50%;
@@ -4240,1931 +4258,1922 @@ details.collapse summary::-webkit-details-marker{
   bottom: auto;
 }
 
-.pointer-events-none{
+.pointer-events-none {
   pointer-events: none;
 }
 
-.\!pointer-events-auto{
+.\!pointer-events-auto {
   pointer-events: auto !important;
 }
 
-.\!visible{
+.\!visible {
   visibility: visible !important;
 }
 
-.collapse{
+.collapse {
   visibility: collapse;
 }
 
-.static{
+.static {
   position: static;
 }
 
-.fixed{
+.fixed {
   position: fixed;
 }
 
-.absolute{
+.absolute {
   position: absolute;
 }
 
-.relative{
+.relative {
   position: relative;
 }
 
-.sticky{
+.sticky {
   position: sticky;
 }
 
-.inset-x-0{
+.inset-x-0 {
   left: 0px;
   right: 0px;
 }
 
-.inset-y-0{
+.inset-y-0 {
   top: 0px;
   bottom: 0px;
 }
 
-.-left-14{
+.-left-14 {
   left: -3.5rem;
 }
 
-.bottom-0{
+.bottom-0 {
   bottom: 0px;
 }
 
-.bottom-\[\]{
+.bottom-\[\] {
   bottom: ;
 }
 
-.left-0{
+.left-0 {
   left: 0px;
 }
 
-.left-6{
+.left-6 {
   left: 1.5rem;
 }
 
-.right-0{
+.right-0 {
   right: 0px;
 }
 
-.right-2{
+.right-2 {
   right: 0.5rem;
 }
 
-.top-0{
+.top-0 {
   top: 0px;
 }
 
-.top-2{
+.top-2 {
   top: 0.5rem;
 }
 
-.z-10{
+.z-10 {
   z-index: 10;
 }
 
-.z-20{
+.z-20 {
   z-index: 20;
 }
 
-.z-50{
+.z-50 {
   z-index: 50;
 }
 
-.order-first{
+.order-first {
   order: -9999;
 }
 
-.col-span-1{
+.col-span-1 {
   grid-column: span 1 / span 1;
 }
 
-.col-span-2{
+.col-span-2 {
   grid-column: span 2 / span 2;
 }
 
-.float-right{
+.float-right {
   float: right;
 }
 
-.m-4{
+.m-4 {
   margin: 1rem;
 }
 
-.m-auto{
+.m-auto {
   margin: auto;
 }
 
-.mx-1{
+.mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
 
-.mx-2{
+.mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
 
-.mx-4{
+.mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
 }
 
-.mx-5{
+.mx-5 {
   margin-left: 1.25rem;
   margin-right: 1.25rem;
 }
 
-.mx-6{
+.mx-6 {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
 
-.mx-\[6px\]{
+.mx-\[6px\] {
   margin-left: 6px;
   margin-right: 6px;
 }
 
-.mx-auto{
+.mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
 
-.my-10{
+.my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
 }
 
-.my-2{
+.my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
-.my-4{
+.my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
-.my-5{
+.my-5 {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
 }
 
-.my-6{
+.my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
 
-.\!mb-0{
+.\!mb-0 {
   margin-bottom: 0px !important;
 }
 
-.-ml-0{
+.-ml-0 {
   margin-left: -0px;
 }
 
-.-ml-0\.5{
+.-ml-0\.5 {
   margin-left: -0.125rem;
 }
 
-.mb-0{
+.mb-0 {
   margin-bottom: 0px;
 }
 
-.mb-1{
+.mb-1 {
   margin-bottom: 0.25rem;
 }
 
-.mb-2{
+.mb-2 {
   margin-bottom: 0.5rem;
 }
 
-.mb-3{
+.mb-3 {
   margin-bottom: 0.75rem;
 }
 
-.mb-4{
+.mb-4 {
   margin-bottom: 1rem;
 }
 
-.mb-6{
+.mb-6 {
   margin-bottom: 1.5rem;
 }
 
-.ml-0{
+.ml-0 {
   margin-left: 0px;
 }
 
-.ml-1{
+.ml-1 {
   margin-left: 0.25rem;
 }
 
-.ml-2{
+.ml-2 {
   margin-left: 0.5rem;
 }
 
-.ml-3{
+.ml-3 {
   margin-left: 0.75rem;
 }
 
-.ml-4{
+.ml-4 {
   margin-left: 1rem;
 }
 
-.mr-1{
+.mr-1 {
   margin-right: 0.25rem;
 }
 
-.mr-1\.5{
+.mr-1\.5 {
   margin-right: 0.375rem;
 }
 
-.mr-10{
+.mr-10 {
   margin-right: 2.5rem;
 }
 
-.mr-2{
+.mr-2 {
   margin-right: 0.5rem;
 }
 
-.mr-3{
+.mr-3 {
   margin-right: 0.75rem;
 }
 
-.mr-4{
+.mr-4 {
   margin-right: 1rem;
 }
 
-.mr-5{
+.mr-5 {
   margin-right: 1.25rem;
 }
 
-.mr-6{
+.mr-6 {
   margin-right: 1.5rem;
 }
 
-.mt-0{
+.mt-0 {
   margin-top: 0px;
 }
 
-.mt-1{
+.mt-1 {
   margin-top: 0.25rem;
 }
 
-.mt-10{
+.mt-10 {
   margin-top: 2.5rem;
 }
 
-.mt-12{
+.mt-12 {
   margin-top: 3rem;
 }
 
-.mt-2{
+.mt-2 {
   margin-top: 0.5rem;
 }
 
-.mt-3{
+.mt-3 {
   margin-top: 0.75rem;
 }
 
-.mt-4{
+.mt-4 {
   margin-top: 1rem;
 }
 
-.mt-5{
+.mt-5 {
   margin-top: 1.25rem;
 }
 
-.mt-6{
+.mt-6 {
   margin-top: 1.5rem;
 }
 
-.mt-8{
+.mt-8 {
   margin-top: 2rem;
 }
 
-.box-border{
+.box-border {
   box-sizing: border-box;
 }
 
-.box-content{
+.box-content {
   box-sizing: content-box;
 }
 
-.\!block{
+.\!block {
   display: block !important;
 }
 
-.block{
+.block {
   display: block;
 }
 
-.\!inline-block{
+.\!inline-block {
   display: inline-block !important;
 }
 
-.inline-block{
+.inline-block {
   display: inline-block;
 }
 
-.flex{
+.flex {
   display: flex;
 }
 
-.\!inline-flex{
+.\!inline-flex {
   display: inline-flex !important;
 }
 
-.inline-flex{
+.inline-flex {
   display: inline-flex;
 }
 
-.table{
+.table {
   display: table;
 }
 
-.grid{
+.grid {
   display: grid;
 }
 
-.hidden{
+.hidden {
   display: none;
 }
 
-.\!h-10{
+.\!h-10 {
   height: 2.5rem !important;
 }
 
-.\!h-14{
+.\!h-14 {
   height: 3.5rem !important;
 }
 
-.\!h-\[unset\]{
+.\!h-\[unset\] {
   height: unset !important;
 }
 
-.h-1{
+.h-1 {
   height: 0.25rem;
 }
 
-.h-10{
+.h-10 {
   height: 2.5rem;
 }
 
-.h-11{
+.h-11 {
   height: 2.75rem;
 }
 
-.h-2{
+.h-2 {
   height: 0.5rem;
 }
 
-.h-20{
+.h-20 {
   height: 5rem;
 }
 
-.h-4{
+.h-4 {
   height: 1rem;
 }
 
-.h-5{
+.h-5 {
   height: 1.25rem;
 }
 
-.h-6{
+.h-6 {
   height: 1.5rem;
 }
 
-.h-64{
+.h-64 {
   height: 16rem;
 }
 
-.h-8{
+.h-8 {
   height: 2rem;
 }
 
-.h-9{
+.h-9 {
   height: 2.25rem;
 }
 
-.h-\[1px\]{
+.h-\[1px\] {
   height: 1px;
 }
 
-.h-\[22px\]{
+.h-\[22px\] {
   height: 22px;
 }
 
-.h-\[35px\]{
+.h-\[35px\] {
   height: 35px;
 }
 
-.h-\[400px\]{
+.h-\[400px\] {
   height: 400px;
 }
 
-.h-\[44px\]{
+.h-\[44px\] {
   height: 44px;
 }
 
-.h-\[48px\]{
+.h-\[48px\] {
   height: 48px;
 }
 
-.h-\[60px\]{
+.h-\[60px\] {
   height: 60px;
 }
 
-.h-\[6px\]{
+.h-\[6px\] {
   height: 6px;
 }
 
-.h-full{
+.h-full {
   height: 100%;
 }
 
-.\!max-h-80{
+.\!max-h-80 {
   max-height: 20rem !important;
 }
 
-.max-h-60{
+.max-h-60 {
   max-height: 15rem;
 }
 
-.max-h-72{
+.max-h-72 {
   max-height: 18rem;
 }
 
-.max-h-96{
+.max-h-96 {
   max-height: 24rem;
 }
 
-.max-h-\[250px\]{
+.max-h-\[250px\] {
   max-height: 250px;
 }
 
-.min-h-\[112px\]{
+.min-h-\[112px\] {
   min-height: 112px;
 }
 
-.min-h-\[25px\]{
+.min-h-\[25px\] {
   min-height: 25px;
 }
 
-.\!w-11\/12{
+.\!w-11\/12 {
   width: 91.666667% !important;
 }
 
-.\!w-14{
+.\!w-14 {
   width: 3.5rem !important;
 }
 
-.w-0{
+.w-0 {
   width: 0px;
 }
 
-.w-1{
+.w-1 {
   width: 0.25rem;
 }
 
-.w-10{
+.w-10 {
   width: 2.5rem;
 }
 
-.w-11{
+.w-11 {
   width: 2.75rem;
 }
 
-.w-2{
+.w-2 {
   width: 0.5rem;
 }
 
-.w-20{
+.w-20 {
   width: 5rem;
 }
 
-.w-24{
+.w-24 {
   width: 6rem;
 }
 
-.w-36{
+.w-36 {
   width: 9rem;
 }
 
-.w-4{
+.w-4 {
   width: 1rem;
 }
 
-.w-4\/5{
+.w-4\/5 {
   width: 80%;
 }
 
-.w-40{
+.w-40 {
   width: 10rem;
 }
 
-.w-48{
+.w-48 {
   width: 12rem;
 }
 
-.w-5{
+.w-5 {
   width: 1.25rem;
 }
 
-.w-52{
+.w-52 {
   width: 13rem;
 }
 
-.w-6{
+.w-6 {
   width: 1.5rem;
 }
 
-.w-60{
+.w-60 {
   width: 15rem;
 }
 
-.w-64{
+.w-64 {
   width: 16rem;
 }
 
-.w-8{
+.w-8 {
   width: 2rem;
 }
 
-.w-8\/12{
+.w-8\/12 {
   width: 66.666667%;
 }
 
-.w-80{
+.w-80 {
   width: 20rem;
 }
 
-.w-9{
+.w-9 {
   width: 2.25rem;
 }
 
-.w-\[1px\]{
+.w-\[1px\] {
   width: 1px;
 }
 
-.w-\[298px\]{
+.w-\[298px\] {
   width: 298px;
 }
 
-.w-\[44px\]{
+.w-\[44px\] {
   width: 44px;
 }
 
-.w-\[50vw\]{
+.w-\[50vw\] {
   width: 50vw;
 }
 
-.w-\[6px\]{
+.w-\[6px\] {
   width: 6px;
 }
 
-.w-\[80vw\]{
+.w-\[80vw\] {
   width: 80vw;
 }
 
-.w-auto{
+.w-auto {
   width: auto;
 }
 
-.w-fit{
+.w-fit {
   width: -moz-fit-content;
   width: fit-content;
 }
 
-.w-full{
+.w-full {
   width: 100%;
 }
 
-.w-max{
+.w-max {
   width: -moz-max-content;
   width: max-content;
 }
 
-.min-w-0{
+.min-w-0 {
   min-width: 0px;
 }
 
-.min-w-\[256px\]{
+.min-w-\[256px\] {
   min-width: 256px;
 }
 
-.min-w-max{
+.min-w-max {
   min-width: -moz-max-content;
   min-width: max-content;
 }
 
-.\!max-w-5xl{
+.\!max-w-5xl {
   max-width: 64rem !important;
 }
 
-.max-w-5xl{
+.max-w-5xl {
   max-width: 64rem;
 }
 
-.max-w-\[200px\]{
+.max-w-\[200px\] {
   max-width: 200px;
 }
 
-.max-w-\[320px\]{
+.max-w-\[320px\] {
   max-width: 320px;
 }
 
-.max-w-\[334px\]{
+.max-w-\[334px\] {
   max-width: 334px;
 }
 
-.max-w-\[calc\(100\%-10px\)\]{
+.max-w-\[calc\(100\%-10px\)\] {
   max-width: calc(100% - 10px);
 }
 
-.max-w-md{
+.max-w-md {
   max-width: 28rem;
 }
 
-.max-w-sm{
+.max-w-sm {
   max-width: 24rem;
 }
 
-.flex-1{
+.flex-1 {
   flex: 1 1 0%;
 }
 
-.flex-none{
+.flex-none {
   flex: none;
 }
 
-.flex-shrink-0{
+.flex-shrink-0 {
   flex-shrink: 0;
 }
 
-.flex-grow{
+.flex-grow {
   flex-grow: 1;
 }
 
-.grow{
+.grow {
   flex-grow: 1;
 }
 
-.table-fixed{
+.table-fixed {
   table-layout: fixed;
 }
 
-.cursor-default{
+.cursor-default {
   cursor: default;
 }
 
-.cursor-not-allowed{
+.cursor-not-allowed {
   cursor: not-allowed;
 }
 
-.cursor-pointer{
+.cursor-pointer {
   cursor: pointer;
 }
 
-.auto-cols-auto{
+.auto-cols-auto {
   grid-auto-columns: auto;
 }
 
-.auto-cols-max{
+.auto-cols-max {
   grid-auto-columns: max-content;
 }
 
-.grid-flow-col{
+.grid-flow-col {
   grid-auto-flow: column;
 }
 
-.auto-rows-max{
+.auto-rows-max {
   grid-auto-rows: max-content;
 }
 
-.\!grid-cols-3{
+.\!grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 }
 
-.grid-cols-1{
+.grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
-.grid-cols-2{
+.grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.grid-cols-3{
+.grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
-.grid-cols-4{
+.grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
-.\!flex-row{
+.\!flex-row {
   flex-direction: row !important;
 }
 
-.flex-row{
+.flex-row {
   flex-direction: row;
 }
 
-.flex-col{
+.flex-col {
   flex-direction: column;
 }
 
-.flex-wrap{
+.flex-wrap {
   flex-wrap: wrap;
 }
 
-.place-items-center{
+.place-items-center {
   place-items: center;
 }
 
-.items-start{
+.items-start {
   align-items: flex-start;
 }
 
-.items-center{
+.items-center {
   align-items: center;
 }
 
-.items-baseline{
+.items-baseline {
   align-items: baseline;
 }
 
-.items-stretch{
+.items-stretch {
   align-items: stretch;
 }
 
-.justify-start{
+.justify-start {
   justify-content: flex-start;
 }
 
-.justify-end{
+.justify-end {
   justify-content: flex-end;
 }
 
-.justify-center{
+.justify-center {
   justify-content: center;
 }
 
-.justify-between{
+.justify-between {
   justify-content: space-between;
 }
 
-.justify-around{
+.justify-around {
   justify-content: space-around;
 }
 
-.justify-evenly{
+.justify-evenly {
   justify-content: space-evenly;
 }
 
-.justify-items-center{
+.justify-items-center {
   justify-items: center;
 }
 
-.gap-0{
+.gap-0 {
   gap: 0px;
 }
 
-.gap-0\.5{
+.gap-0\.5 {
   gap: 0.125rem;
 }
 
-.gap-1{
+.gap-1 {
   gap: 0.25rem;
 }
 
-.gap-2{
+.gap-2 {
   gap: 0.5rem;
 }
 
-.gap-3{
+.gap-3 {
   gap: 0.75rem;
 }
 
-.gap-4{
+.gap-4 {
   gap: 1rem;
 }
 
-.gap-8{
+.gap-8 {
   gap: 2rem;
 }
 
-.gap-x-2{
+.gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
 
-.gap-x-3{
+.gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
 
-.gap-x-4{
+.gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
 
-.space-x-2 > :not([hidden]) ~ :not([hidden]){
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.justify-self-center{
+.justify-self-center {
   justify-self: center;
 }
 
-.overflow-auto{
+.overflow-auto {
   overflow: auto;
 }
 
-.overflow-hidden{
+.overflow-hidden {
   overflow: hidden;
 }
 
-.overflow-x-auto{
+.overflow-x-auto {
   overflow-x: auto;
 }
 
-.\!overflow-y-auto{
+.\!overflow-y-auto {
   overflow-y: auto !important;
 }
 
-.overflow-y-auto{
+.overflow-y-auto {
   overflow-y: auto;
 }
 
-.truncate{
+.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.whitespace-normal{
+.whitespace-normal {
   white-space: normal;
 }
 
-.whitespace-nowrap{
+.whitespace-nowrap {
   white-space: nowrap;
 }
 
-.whitespace-break-spaces{
+.whitespace-break-spaces {
   white-space: break-spaces;
 }
 
-.break-words{
+.break-words {
   overflow-wrap: break-word;
 }
 
-.break-all{
+.break-all {
   word-break: break-all;
 }
 
-.\!rounded-\[20px\]{
+.\!rounded-\[20px\] {
   border-radius: 20px !important;
 }
 
-.\!rounded-none{
+.\!rounded-none {
   border-radius: 0px !important;
 }
 
-.rounded{
+.rounded {
   border-radius: 0.25rem;
 }
 
-.rounded-2xl{
+.rounded-2xl {
   border-radius: 1rem;
 }
 
-.rounded-3xl{
+.rounded-3xl {
   border-radius: 1.5rem;
 }
 
-.rounded-\[16px\]{
+.rounded-\[16px\] {
   border-radius: 16px;
 }
 
-.rounded-\[3px\]{
+.rounded-\[3px\] {
   border-radius: 3px;
 }
 
-.rounded-full{
+.rounded-full {
   border-radius: 9999px;
 }
 
-.rounded-lg{
+.rounded-lg {
   border-radius: 0.5rem;
 }
 
-.rounded-md{
+.rounded-md {
   border-radius: 0.375rem;
 }
 
-.rounded-sm{
+.rounded-sm {
   border-radius: 0.125rem;
 }
 
-.\!border{
+.\!border {
   border-width: 1px !important;
 }
 
-.\!border-0{
-  border-width: 0px !important;
-}
-
-.border{
+.border {
   border-width: 1px;
 }
 
-.border-0{
+.border-0 {
   border-width: 0px;
 }
 
-.border-b{
+.border-b {
   border-bottom-width: 1px;
 }
 
-.border-r{
+.border-r {
   border-right-width: 1px;
 }
 
-.border-t{
+.border-t {
   border-top-width: 1px;
 }
 
-.\!border-solid{
+.\!border-solid {
   border-style: solid !important;
 }
 
-.border-none{
+.border-none {
   border-style: none;
 }
 
-.\!border-base-300{
+.\!border-base-300 {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--b3) / var(--tw-border-opacity)) !important;
 }
 
-.\!border-info{
+.\!border-info {
   --tw-border-opacity: 1 !important;
   border-color: rgb(0 178 255 / var(--tw-border-opacity)) !important;
 }
 
-.\!border-link{
+.\!border-link {
   --tw-border-opacity: 1 !important;
   border-color: rgb(185 153 243 / var(--tw-border-opacity)) !important;
 }
 
-.\!border-primary{
+.\!border-primary {
   --tw-border-opacity: 1 !important;
   border-color: hsl(var(--p) / var(--tw-border-opacity)) !important;
 }
 
-.\!border-yes{
+.\!border-yes {
   --tw-border-opacity: 1 !important;
   border-color: rgb(63 182 139 / var(--tw-border-opacity)) !important;
 }
 
-.border-\[\#242627\]{
+.border-\[\#242627\] {
   --tw-border-opacity: 1;
   border-color: rgb(36 38 39 / var(--tw-border-opacity));
 }
 
-.border-\[\#319660\]{
+.border-\[\#319660\] {
   --tw-border-opacity: 1;
   border-color: rgb(49 150 96 / var(--tw-border-opacity));
 }
 
-.border-\[\#383B40\]{
+.border-\[\#383B40\] {
   --tw-border-opacity: 1;
   border-color: rgb(56 59 64 / var(--tw-border-opacity));
 }
 
-.border-\[\#FF5252\]{
+.border-\[\#FF5252\] {
   --tw-border-opacity: 1;
   border-color: rgb(255 82 82 / var(--tw-border-opacity));
 }
 
-.border-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\]{
+.border-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\] {
   border-color: rgba(255,82,82,0.20);
 }
 
-.border-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\]{
+.border-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\] {
   border-color: rgba(39,120,77,0.20);
 }
 
-.border-base-200{
+.border-base-200 {
   --tw-border-opacity: 1;
   border-color: hsl(var(--b2) / var(--tw-border-opacity));
 }
 
-.border-base-300{
+.border-base-300 {
   --tw-border-opacity: 1;
   border-color: hsl(var(--b3) / var(--tw-border-opacity));
 }
 
-.border-base-400{
+.border-base-400 {
   --tw-border-opacity: 1;
   border-color: rgb(36 38 39 / var(--tw-border-opacity));
 }
 
-.border-blue-100{
+.border-blue-100 {
   --tw-border-opacity: 1;
   border-color: rgb(219 234 254 / var(--tw-border-opacity));
 }
 
-.border-gray-100{
+.border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
-.border-gray-200{
+.border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.border-gray-300{
+.border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
-.border-link{
+.border-link {
   --tw-border-opacity: 1;
   border-color: rgb(185 153 243 / var(--tw-border-opacity));
 }
 
-.border-primary{
+.border-primary {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
 }
 
-.border-white{
+.border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.border-b-\[\#242627\]{
+.border-b-\[\#242627\] {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(36 38 39 / var(--tw-border-opacity));
 }
 
-.border-b-\[\#383B40\]{
+.border-b-\[\#383B40\] {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(56 59 64 / var(--tw-border-opacity));
 }
 
-.\!bg-\[\#232326\]{
+.\!bg-\[\#232326\] {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(35 35 38 / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\]{
+.\!bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\] {
   background-color: rgba(185,153,243,0.2) !important;
 }
 
-.\!bg-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\]{
+.\!bg-\[rgba\(255\2c 82\2c 82\2c 0\.20\)\] {
   background-color: rgba(255,82,82,0.20) !important;
 }
 
-.\!bg-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\]{
+.\!bg-\[rgba\(39\2c 120\2c 77\2c 0\.20\)\] {
   background-color: rgba(39,120,77,0.20) !important;
 }
 
-.\!bg-base{
+.\!bg-base {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-base-300{
+.\!bg-base-300 {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-info{
+.\!bg-info {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(0 178 255 / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-primary{
+.\!bg-primary {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--p) / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-yes{
+.\!bg-yes {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(63 182 139 / var(--tw-bg-opacity)) !important;
 }
 
-.bg-\[\#141416\]{
+.bg-\[\#141416\] {
   --tw-bg-opacity: 1;
   background-color: rgb(20 20 22 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#1A1E25\]{
+.bg-\[\#1A1E25\] {
   --tw-bg-opacity: 1;
   background-color: rgb(26 30 37 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#2E2E33\]{
+.bg-\[\#2E2E33\] {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#383B40\]{
+.bg-\[\#383B40\] {
   --tw-bg-opacity: 1;
   background-color: rgb(56 59 64 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#7332E7\]{
+.bg-\[\#7332E7\] {
   --tw-bg-opacity: 1;
   background-color: rgb(115 50 231 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#B71C1C\]{
+.bg-\[\#B71C1C\] {
   --tw-bg-opacity: 1;
   background-color: rgb(183 28 28 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#CBAEFF\]{
+.bg-\[\#CBAEFF\] {
   --tw-bg-opacity: 1;
   background-color: rgb(203 174 255 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#f6f2ff\]{
+.bg-\[\#f6f2ff\] {
   --tw-bg-opacity: 1;
   background-color: rgb(246 242 255 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#fcebea\]{
+.bg-\[\#fcebea\] {
   --tw-bg-opacity: 1;
   background-color: rgb(252 235 234 / var(--tw-bg-opacity));
 }
 
-.bg-\[rgba\(0\2c 207\2c 232\2c 0\.12\)\]{
+.bg-\[rgba\(0\2c 207\2c 232\2c 0\.12\)\] {
   background-color: rgba(0,207,232,0.12);
 }
 
-.bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\]{
+.bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\] {
   background-color: rgba(180,183,187,0.10);
 }
 
-.bg-\[rgba\(39\2c 120\2c 77\2c 0\.50\)\]{
+.bg-\[rgba\(39\2c 120\2c 77\2c 0\.50\)\] {
   background-color: rgba(39,120,77,0.50);
 }
 
-.bg-base{
+.bg-base {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-.bg-base-100{
+.bg-base-100 {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b1) / var(--tw-bg-opacity));
 }
 
-.bg-base-200{
+.bg-base-200 {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
 }
 
-.bg-base-300{
+.bg-base-300 {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity));
 }
 
-.bg-error{
+.bg-error {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--er) / var(--tw-bg-opacity));
 }
 
-.bg-gray-100{
+.bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.bg-gray-400{
+.bg-gray-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
 }
 
-.bg-green-400{
+.bg-green-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity));
 }
 
-.bg-info{
+.bg-info {
   --tw-bg-opacity: 1;
   background-color: rgb(0 178 255 / var(--tw-bg-opacity));
 }
 
-.bg-no{
+.bg-no {
   --tw-bg-opacity: 1;
   background-color: rgb(255 83 83 / var(--tw-bg-opacity));
 }
 
-.bg-primary{
+.bg-primary {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
 }
 
-.bg-red-400{
+.bg-red-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
 
-.bg-red-500{
+.bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
 
-.bg-red-800{
+.bg-red-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
 
-.bg-secondary{
+.bg-secondary {
   background-color: var(--text-secondary);
 }
 
-.bg-slate-200{
+.bg-slate-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 }
 
-.bg-success{
+.bg-success {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--su) / var(--tw-bg-opacity));
 }
 
-.bg-transparent{
+.bg-transparent {
   background-color: transparent;
 }
 
-.bg-warning{
+.bg-warning {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--wa) / var(--tw-bg-opacity));
 }
 
-.bg-white{
+.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-yes{
+.bg-yes {
   --tw-bg-opacity: 1;
   background-color: rgb(63 182 139 / var(--tw-bg-opacity));
 }
 
-.stroke-current{
+.stroke-current {
   stroke: currentColor;
 }
 
-.object-contain{
+.object-contain {
   -o-object-fit: contain;
      object-fit: contain;
 }
 
-.\!p-0{
+.\!p-0 {
   padding: 0px !important;
 }
 
-.\!p-6{
+.\!p-6 {
   padding: 1.5rem !important;
 }
 
-.p-1{
+.p-1 {
   padding: 0.25rem;
 }
 
-.p-2{
+.p-2 {
   padding: 0.5rem;
 }
 
-.p-4{
+.p-4 {
   padding: 1rem;
 }
 
-.p-5{
+.p-5 {
   padding: 1.25rem;
 }
 
-.p-6{
+.p-6 {
   padding: 1.5rem;
 }
 
-.\!px-1{
+.\!px-1 {
   padding-left: 0.25rem !important;
   padding-right: 0.25rem !important;
 }
 
-.\!px-3{
+.\!px-3 {
   padding-left: 0.75rem !important;
   padding-right: 0.75rem !important;
 }
 
-.\!py-0{
+.\!py-0 {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
 }
 
-.\!py-1{
+.\!py-1 {
   padding-top: 0.25rem !important;
   padding-bottom: 0.25rem !important;
 }
 
-.px-0{
+.px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
 
-.px-1{
+.px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 
-.px-10{
+.px-10 {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
 }
 
-.px-2{
+.px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
-.px-3{
+.px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
-.px-4{
+.px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
-.px-5{
+.px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
 
-.px-6{
+.px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
-.py-0{
+.py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
-.py-1{
+.py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
-.py-2{
+.py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
-.py-3{
+.py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
-.py-4{
+.py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
 
-.py-6{
+.py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
-.py-\[11px\]{
+.py-\[11px\] {
   padding-top: 11px;
   padding-bottom: 11px;
 }
 
-.py-\[1px\]{
+.py-\[1px\] {
   padding-top: 1px;
   padding-bottom: 1px;
 }
 
-.py-px{
+.py-px {
   padding-top: 1px;
   padding-bottom: 1px;
 }
 
-.\!pb-2{
+.\!pb-2 {
   padding-bottom: 0.5rem !important;
 }
 
-.\!pb-3{
+.\!pb-3 {
   padding-bottom: 0.75rem !important;
 }
 
-.pb-0{
+.pb-0 {
   padding-bottom: 0px;
 }
 
-.pb-1{
+.pb-1 {
   padding-bottom: 0.25rem;
 }
 
-.pb-2{
+.pb-2 {
   padding-bottom: 0.5rem;
 }
 
-.pb-4{
+.pb-4 {
   padding-bottom: 1rem;
 }
 
-.pb-6{
+.pb-6 {
   padding-bottom: 1.5rem;
 }
 
-.pb-8{
+.pb-8 {
   padding-bottom: 2rem;
 }
 
-.pl-2{
+.pl-2 {
   padding-left: 0.5rem;
 }
 
-.pl-4{
+.pl-4 {
   padding-left: 1rem;
 }
 
-.pl-5{
+.pl-5 {
   padding-left: 1.25rem;
 }
 
-.pl-8{
+.pl-8 {
   padding-left: 2rem;
 }
 
-.pr-2{
+.pr-2 {
   padding-right: 0.5rem;
 }
 
-.pr-3{
+.pr-3 {
   padding-right: 0.75rem;
 }
 
-.pr-4{
+.pr-4 {
   padding-right: 1rem;
 }
 
-.pr-5{
+.pr-5 {
   padding-right: 1.25rem;
 }
 
-.pt-0{
+.pt-0 {
   padding-top: 0px;
 }
 
-.pt-1{
+.pt-1 {
   padding-top: 0.25rem;
 }
 
-.pt-10{
+.pt-10 {
   padding-top: 2.5rem;
 }
 
-.pt-2{
+.pt-2 {
   padding-top: 0.5rem;
 }
 
-.pt-3{
+.pt-3 {
   padding-top: 0.75rem;
 }
 
-.pt-4{
+.pt-4 {
   padding-top: 1rem;
 }
 
-.pt-5{
+.pt-5 {
   padding-top: 1.25rem;
 }
 
-.pt-6{
+.pt-6 {
   padding-top: 1.5rem;
 }
 
-.text-left{
+.text-left {
   text-align: left;
 }
 
-.text-center{
+.text-center {
   text-align: center;
 }
 
-.text-right{
+.text-right {
   text-align: right;
 }
 
-.align-middle{
+.align-middle {
   vertical-align: middle;
 }
 
-.\!text-\[18px\]{
+.\!text-\[18px\] {
   font-size: 18px !important;
 }
 
-.text-2xl{
+.text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
-.text-3xl{
+.text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
 }
 
-.text-8xl{
+.text-8xl {
   font-size: 6rem;
   line-height: 1;
 }
 
-.text-\[13px\]{
+.text-\[13px\] {
   font-size: 13px;
 }
 
-.text-\[14px\]{
+.text-\[14px\] {
   font-size: 14px;
 }
 
-.text-\[16px\]{
+.text-\[16px\] {
   font-size: 16px;
 }
 
-.text-\[18px\]{
+.text-\[18px\] {
   font-size: 18px;
 }
 
-.text-base{
+.text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
-.text-lg{
+.text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
-.text-sm{
+.text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
-.text-xl{
+.text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
-.text-xs{
+.text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
 
-.\!font-semibold{
+.\!font-semibold {
   font-weight: 600 !important;
 }
 
-.font-bold{
+.font-bold {
   font-weight: 700;
 }
 
-.font-medium{
+.font-medium {
   font-weight: 500;
 }
 
-.font-normal{
+.font-normal {
   font-weight: 400;
 }
 
-.font-semibold{
+.font-semibold {
   font-weight: 600;
 }
 
-.uppercase{
+.uppercase {
   text-transform: uppercase;
 }
 
-.lowercase{
+.lowercase {
   text-transform: lowercase;
 }
 
-.capitalize{
+.capitalize {
   text-transform: capitalize;
 }
 
-.leading-5{
+.leading-5 {
   line-height: 1.25rem;
 }
 
-.leading-7{
+.leading-7 {
   line-height: 1.75rem;
 }
 
-.leading-none{
+.leading-none {
   line-height: 1;
 }
 
-.tracking-tight{
+.tracking-tight {
   letter-spacing: -0.025em;
 }
 
-.\!text-\[\#39DD47\]{
+.\!text-\[\#39DD47\] {
   --tw-text-opacity: 1 !important;
   color: rgb(57 221 71 / var(--tw-text-opacity)) !important;
 }
 
-.\!text-\[\#B4B7BB\]{
-  --tw-text-opacity: 1 !important;
-  color: rgb(180 183 187 / var(--tw-text-opacity)) !important;
-}
-
-.\!text-\[\#FF5252\]{
+.\!text-\[\#FF5252\] {
   --tw-text-opacity: 1 !important;
   color: rgb(255 82 82 / var(--tw-text-opacity)) !important;
 }
 
-.\!text-link{
+.\!text-link {
   --tw-text-opacity: 1 !important;
   color: rgb(185 153 243 / var(--tw-text-opacity)) !important;
 }
 
-.\!text-white{
+.\!text-white {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
 }
 
-.text-\[\#00cfe8\]{
+.text-\[\#00cfe8\] {
   --tw-text-opacity: 1;
   color: rgb(0 207 232 / var(--tw-text-opacity));
 }
 
-.text-\[\#39DD47\]{
+.text-\[\#39DD47\] {
   --tw-text-opacity: 1;
   color: rgb(57 221 71 / var(--tw-text-opacity));
 }
 
-.text-\[\#666\]{
+.text-\[\#666\] {
   --tw-text-opacity: 1;
   color: rgb(102 102 102 / var(--tw-text-opacity));
 }
 
-.text-\[\#83838A\]{
+.text-\[\#83838A\] {
   --tw-text-opacity: 1;
   color: rgb(131 131 138 / var(--tw-text-opacity));
 }
 
-.text-\[\#9c6cff\]{
+.text-\[\#9c6cff\] {
   --tw-text-opacity: 1;
   color: rgb(156 108 255 / var(--tw-text-opacity));
 }
 
-.text-\[\#B4B7BB\]{
+.text-\[\#B4B7BB\] {
   --tw-text-opacity: 1;
   color: rgb(180 183 187 / var(--tw-text-opacity));
 }
 
-.text-\[\#FF5252\]{
+.text-\[\#FF5252\] {
   --tw-text-opacity: 1;
   color: rgb(255 82 82 / var(--tw-text-opacity));
 }
 
-.text-\[\#f7f7f7\]{
+.text-\[\#f7f7f7\] {
   --tw-text-opacity: 1;
   color: rgb(247 247 247 / var(--tw-text-opacity));
 }
 
-.text-base{
+.text-base {
   --tw-text-opacity: 1;
   color: rgb(46 46 51 / var(--tw-text-opacity));
 }
 
-.text-black{
+.text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
-.text-blue-500{
+.text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-.text-error{
+.text-error {
   --tw-text-opacity: 1;
   color: hsl(var(--er) / var(--tw-text-opacity));
 }
 
-.text-gray-300{
+.text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.text-gray-400{
+.text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-.text-gray-500{
+.text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
-.text-gray-600{
+.text-gray-600 {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 
-.text-gray-700{
+.text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
-.text-gray-800{
+.text-gray-800 {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
-.text-gray-900{
+.text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
-.text-green-400{
+.text-green-400 {
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity));
 }
 
-.text-green-500{
+.text-green-500 {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
 
-.text-green-600{
+.text-green-600 {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity));
 }
 
-.text-indigo-400{
+.text-indigo-400 {
   --tw-text-opacity: 1;
   color: rgb(129 140 248 / var(--tw-text-opacity));
 }
 
-.text-info{
+.text-info {
   --tw-text-opacity: 1;
   color: rgb(0 178 255 / var(--tw-text-opacity));
 }
 
-.text-link{
+.text-link {
   --tw-text-opacity: 1;
   color: rgb(185 153 243 / var(--tw-text-opacity));
 }
 
-.text-main{
+.text-main {
   color: var(--text-main);
 }
 
-.text-no{
+.text-no {
   --tw-text-opacity: 1;
   color: rgb(255 83 83 / var(--tw-text-opacity));
 }
 
-.text-primary{
+.text-primary {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
 
-.text-red-500{
+.text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 
-.text-red-600{
+.text-red-600 {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
 
-.text-slate-200{
+.text-slate-200 {
   --tw-text-opacity: 1;
   color: rgb(226 232 240 / var(--tw-text-opacity));
 }
 
-.text-success{
+.text-success {
   --tw-text-opacity: 1;
   color: hsl(var(--su) / var(--tw-text-opacity));
 }
 
-.text-warning{
+.text-warning {
   --tw-text-opacity: 1;
   color: hsl(var(--wa) / var(--tw-text-opacity));
 }
 
-.text-white{
+.text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-yellow-500{
+.text-yellow-500 {
   --tw-text-opacity: 1;
   color: rgb(234 179 8 / var(--tw-text-opacity));
 }
 
-.text-yes{
+.text-yes {
   --tw-text-opacity: 1;
   color: rgb(63 182 139 / var(--tw-text-opacity));
 }
 
-.no-underline{
+.no-underline {
   text-decoration-line: none;
 }
 
-.\!opacity-100{
+.\!opacity-100 {
   opacity: 1 !important;
 }
 
-.opacity-10{
+.opacity-10 {
   opacity: 0.1;
 }
 
-.opacity-20{
+.opacity-20 {
   opacity: 0.2;
 }
 
-.opacity-50{
+.opacity-50 {
   opacity: 0.5;
 }
 
-.opacity-60{
+.opacity-60 {
   opacity: 0.6;
 }
 
-.shadow{
+.shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-sm{
+.shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 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);
 }
 
-.outline-none{
+.outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.ring-1{
+.ring-1 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.ring-inset{
+.ring-inset {
   --tw-ring-inset: inset;
 }
 
-.ring-gray-300{
+.ring-gray-300 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
 }
 
-.drop-shadow-md{
+.drop-shadow-md {
   --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.filter{
+.filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.transition-all{
+.transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
-.delay-1000{
+.delay-1000 {
   transition-delay: 1000ms;
 }
 
-.duration-500{
+.duration-500 {
   transition-duration: 500ms;
 }
 
@@ -6356,7 +6365,7 @@ table td {
      border-image: url(./assets/images/svg/border.svg) 22 / 35px;
 }
 
-.section{
+.section {
   margin-bottom: 1rem;
   border-radius: 1rem;
   border-width: 1px;
@@ -6368,7 +6377,7 @@ table td {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-:is(.dark .section){
+.section:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(20 20 22 / var(--tw-bg-opacity));
 }
@@ -6401,7 +6410,7 @@ table td {
   background-size: 112% 112%;
 }
 
-.btn-custom{
+.btn-third {
   height: 48px;
   cursor: pointer;
   border-radius: 0.5rem;
@@ -6420,7 +6429,7 @@ table td {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.btn-custom:hover{
+.btn-third:hover {
   --tw-border-opacity: 1;
   border-color: rgb(56 59 64 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -6429,7 +6438,7 @@ table td {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.btn-custom-sm{
+.btn-third-sm {
   cursor: pointer;
   border-radius: 0.5rem;
   border-width: 1px;
@@ -6447,7 +6456,7 @@ table td {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.btn-custom-sm:hover{
+.btn-third-sm:hover {
   --tw-border-opacity: 1;
   border-color: rgb(56 59 64 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -6456,7 +6465,7 @@ table td {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.box-border{
+.box-border {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -6474,7 +6483,7 @@ table td {
   border: 1px solid #b999f3;
 }
 
-.box-content{
+.box-content {
   margin: 1rem;
   margin-bottom: 1rem;
   border-radius: 16px;
@@ -6489,8 +6498,8 @@ table td {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-@media (min-width: 768px){
-  .box-content{
+@media (min-width: 768px) {
+  .box-content {
     margin: 1.5rem;
     padding: 1.5rem;
   }
@@ -6511,15 +6520,15 @@ table td {
   background-position: center center;
 }
 
-@media (hover: hover){
-  .hover\:btn-primary:hover:hover{
+@media (hover: hover) {
+  .hover\:btn-primary:hover:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--pf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--pf) / var(--tw-bg-opacity));
   }
 
-  .hover\:btn-primary:hover.btn-outline:hover{
+  .hover\:btn-primary:hover.btn-outline:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--pf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -6529,7 +6538,7 @@ table td {
   }
 }
 
-.hover\:btn-primary:hover{
+.hover\:btn-primary:hover {
   --tw-border-opacity: 1;
   border-color: hsl(var(--p) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -6539,19 +6548,19 @@ table td {
   outline-color: hsl(var(--p) / 1);
 }
 
-.hover\:btn-primary:hover.btn-active{
+.hover\:btn-primary:hover.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pf) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: hsl(var(--pf) / var(--tw-bg-opacity));
 }
 
-.hover\:btn-primary:hover.btn-outline{
+.hover\:btn-primary:hover.btn-outline {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
 
-.hover\:btn-primary:hover.btn-outline.btn-active{
+.hover\:btn-primary:hover.btn-outline.btn-active {
   --tw-border-opacity: 1;
   border-color: hsl(var(--pf) / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -6560,15 +6569,15 @@ table td {
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-@media (min-width: 1024px){
-  @media (hover:hover){
-    .lg\:\!table tr.hover:hover,.lg\:\!table tr.hover:nth-child(even):hover{
+@media (min-width: 1024px) {
+  @media (hover:hover) {
+    .lg\:\!table tr.hover:hover,.lg\:\!table tr.hover:nth-child(even):hover {
       --tw-bg-opacity: 1 !important;
       background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
     }
   }
 
-  .lg\:\!table{
+  .lg\:\!table {
     position: relative !important;
     width: 100% !important;
     text-align: left !important;
@@ -6577,7 +6586,7 @@ table td {
     border-radius: var(--rounded-box, 1rem) !important;
   }
 
-  .lg\:\!table :where(.table-pin-rows thead tr){
+  .lg\:\!table :where(.table-pin-rows thead tr) {
     position: sticky !important;
     top: 0px !important;
     z-index: 1 !important;
@@ -6585,7 +6594,7 @@ table td {
     background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
   }
 
-  .lg\:\!table :where(.table-pin-rows tfoot tr){
+  .lg\:\!table :where(.table-pin-rows tfoot tr) {
     position: sticky !important;
     bottom: 0px !important;
     z-index: 1 !important;
@@ -6593,7 +6602,7 @@ table td {
     background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
   }
 
-  .lg\:\!table :where(.table-pin-cols tr th){
+  .lg\:\!table :where(.table-pin-cols tr th) {
     position: sticky !important;
     left: 0px !important;
     right: 0px !important;
@@ -6601,7 +6610,7 @@ table td {
     background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
   }
 
-  .lg\:\!table :where(th, td){
+  .lg\:\!table :where(th, td) {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
     padding-top: 0.75rem !important;
@@ -6609,18 +6618,18 @@ table td {
     vertical-align: middle !important;
   }
 
-  .lg\:\!table tr.active,.lg\:\!table tr.active:nth-child(even){
+  .lg\:\!table tr.active,.lg\:\!table tr.active:nth-child(even) {
     --tw-bg-opacity: 1 !important;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
   }
 
-  .lg\:\!table :where(thead, tbody) :where(tr:not(:last-child)),.lg\:\!table :where(thead, tbody) :where(tr:first-child:last-child){
+  .lg\:\!table :where(thead, tbody) :where(tr:not(:last-child)),.lg\:\!table :where(thead, tbody) :where(tr:first-child:last-child) {
     border-bottom-width: 1px !important;
     --tw-border-opacity: 1 !important;
     border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity)) !important;
   }
 
-  .lg\:\!table :where(thead, tfoot){
+  .lg\:\!table :where(thead, tfoot) {
     white-space: nowrap !important;
     font-size: 0.75rem !important;
     line-height: 1rem !important;
@@ -6629,517 +6638,537 @@ table td {
   }
 }
 
-.hover\:\!bg-base-300:hover{
+.hover\:\!bg-base-300:hover {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity)) !important;
 }
 
-.hover\:bg-\[\#47474B\]:hover{
+.hover\:bg-\[\#47474B\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(71 71 75 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-base-200:hover{
+.hover\:bg-base-200:hover {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
 }
 
-.hover\:bg-base-300:hover{
+.hover\:bg-base-300:hover {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity));
 }
 
-.hover\:bg-gray-100:hover{
+.hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-gray-50:hover{
+.hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
-.hover\:text-indigo-400:hover{
+.hover\:bg-primary:hover {
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--p) / var(--tw-bg-opacity));
+}
+
+.hover\:text-indigo-400:hover {
   --tw-text-opacity: 1;
   color: rgb(129 140 248 / var(--tw-text-opacity));
 }
 
-.hover\:text-primary:hover{
+.hover\:text-link:hover {
+  --tw-text-opacity: 1;
+  color: rgb(185 153 243 / var(--tw-text-opacity));
+}
+
+.hover\:text-primary:hover {
   --tw-text-opacity: 1;
   color: hsl(var(--p) / var(--tw-text-opacity));
 }
 
-.hover\:text-white:hover{
+.hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:brightness-125:hover{
+.hover\:brightness-125:hover {
   --tw-brightness: brightness(1.25);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.hover\:brightness-150:hover{
+.hover\:brightness-150:hover {
   --tw-brightness: brightness(1.5);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.hover\:filter:hover{
+.hover\:filter:hover {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.focus\:outline-none:focus{
+.focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.aria-checked\:bg-slate-50[aria-checked="true"]{
+.aria-checked\:bg-slate-50[aria-checked="true"] {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:border-\[\#383B40\]){
+.dark\:border-\[\#383B40\]:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(56 59 64 / var(--tw-border-opacity));
 }
 
-:is(.dark .dark\:border-gray-600){
+.dark\:border-gray-600:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
-:is(.dark .dark\:border-gray-700){
+.dark\:border-gray-700:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
 
-:is(.dark .dark\:bg-\[\#141416\]){
+.dark\:bg-\[\#141416\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(20 20 22 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-\[\#18181A\]){
+.dark\:bg-\[\#18181A\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 26 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-\[\#2E2E33\]){
+.dark\:bg-\[\#2E2E33\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-\[\#384059\]){
+.dark\:bg-\[\#384059\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(56 64 89 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-\[\#CBAEFF\]){
+.dark\:bg-\[\#CBAEFF\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(203 174 255 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\]){
+.dark\:bg-\[rgba\(180\2c 183\2c 187\2c 0\.10\)\]:is(.dark *) {
   background-color: rgba(180,183,187,0.10);
 }
 
-:is(.dark .dark\:bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\]){
+.dark\:bg-\[rgba\(185\2c 153\2c 243\2c 0\.2\)\]:is(.dark *) {
   background-color: rgba(185,153,243,0.2);
 }
 
-:is(.dark .dark\:bg-base){
+.dark\:bg-base:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-base-200){
+.dark\:bg-base-200:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b2) / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-gray-600){
+.dark\:bg-gray-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:bg-transparent){
+.dark\:bg-transparent:is(.dark *) {
   background-color: transparent;
 }
 
-:is(.dark .dark\:bg-white){
+.dark\:bg-white:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:text-\[\#B999F3\]){
+.dark\:text-\[\#B999F3\]:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(185 153 243 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-\[\#eee\]){
+.dark\:text-\[\#eee\]:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(238 238 238 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-gray-200){
+.dark\:text-gray-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-gray-300){
+.dark\:text-gray-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-gray-400){
+.dark\:text-gray-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-gray-500){
+.dark\:text-gray-500:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-link){
+.dark\:text-link:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(185 153 243 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:text-white){
+.dark\:text-white:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-:is(.dark .dark\:invert){
+.dark\:invert:is(.dark *) {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-:is(.dark .dark\:hover\:bg-\[\#2E2E33\]:hover){
+.dark\:hover\:bg-\[\#2E2E33\]:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:hover\:bg-\[\#373f59\]:hover){
+.dark\:hover\:bg-\[\#373f59\]:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 63 89 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:hover\:bg-\[\#384059\]:hover){
+.dark\:hover\:bg-\[\#384059\]:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(56 64 89 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:hover\:bg-base:hover){
+.dark\:hover\:bg-base:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(46 46 51 / var(--tw-bg-opacity));
 }
 
-:is(.dark .dark\:hover\:bg-base-300:hover){
+.dark\:hover\:bg-base-300:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--b3) / var(--tw-bg-opacity));
 }
 
-@media (min-width: 640px){
-  .sm\:\!mt-0{
+@media (min-width: 640px) {
+  .sm\:\!mt-0 {
     margin-top: 0px !important;
   }
 
-  .sm\:\!block{
+  .sm\:\!block {
     display: block !important;
   }
 
-  .sm\:w-16{
+  .sm\:w-16 {
     width: 4rem;
   }
 
-  .sm\:w-\[unset\]{
+  .sm\:w-\[unset\] {
     width: unset;
   }
 
-  .sm\:grid-cols-1{
+  .sm\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
 
-  .sm\:\!flex-row{
+  .sm\:\!flex-row {
     flex-direction: row !important;
   }
 
-  .sm\:\!flex-wrap{
+  .sm\:\!flex-wrap {
     flex-wrap: wrap !important;
   }
 
-  .sm\:\!space-x-6 > :not([hidden]) ~ :not([hidden]){
+  .sm\:\!space-x-6 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0 !important;
     margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
     margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
   }
 
-  .sm\:overflow-hidden{
+  .sm\:overflow-hidden {
     overflow: hidden;
   }
 
-  .sm\:\!truncate{
+  .sm\:\!truncate {
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
   }
 
-  .sm\:\!text-3xl{
+  .sm\:\!text-3xl {
     font-size: 1.875rem !important;
     line-height: 2.25rem !important;
   }
 
-  .sm\:\!text-xl{
+  .sm\:\!text-xl {
     font-size: 1.25rem !important;
     line-height: 1.75rem !important;
   }
 
-  .sm\:\!tracking-tight{
+  .sm\:\!tracking-tight {
     letter-spacing: -0.025em !important;
   }
 }
 
-@media (min-width: 768px){
-  .md\:\!col-span-1{
+@media (min-width: 768px) {
+  .md\:\!col-span-1 {
     grid-column: span 1 / span 1 !important;
   }
 
-  .md\:\!col-span-2{
+  .md\:\!col-span-2 {
     grid-column: span 2 / span 2 !important;
   }
 
-  .md\:col-span-1{
+  .md\:col-span-1 {
     grid-column: span 1 / span 1;
   }
 
-  .md\:col-span-2{
+  .md\:col-span-2 {
     grid-column: span 2 / span 2;
   }
 
-  .md\:col-span-3{
+  .md\:col-span-3 {
     grid-column: span 3 / span 3;
   }
 
-  .md\:m-6{
+  .md\:m-6 {
     margin: 1.5rem;
   }
 
-  .md\:mx-3{
+  .md\:mx-3 {
     margin-left: 0.75rem;
     margin-right: 0.75rem;
   }
 
-  .md\:mx-6{
+  .md\:mx-6 {
     margin-left: 1.5rem;
     margin-right: 1.5rem;
   }
 
-  .md\:\!ml-4{
+  .md\:\!ml-4 {
     margin-left: 1rem !important;
   }
 
-  .md\:\!ml-40{
+  .md\:\!ml-40 {
     margin-left: 10rem !important;
   }
 
-  .md\:\!mt-0{
+  .md\:\!mt-0 {
     margin-top: 0px !important;
   }
 
-  .md\:mb-0{
+  .md\:mb-0 {
     margin-bottom: 0px;
   }
 
-  .md\:ml-auto{
+  .md\:ml-auto {
     margin-left: auto;
   }
 
-  .md\:mt-0{
+  .md\:mt-0 {
     margin-top: 0px;
   }
 
-  .md\:\!block{
+  .md\:\!block {
     display: block !important;
   }
 
-  .md\:block{
+  .md\:block {
     display: block;
   }
 
-  .md\:\!inline-block{
+  .md\:\!inline-block {
     display: inline-block !important;
   }
 
-  .md\:\!flex{
+  .md\:\!flex {
     display: flex !important;
   }
 
-  .md\:hidden{
+  .md\:hidden {
     display: none;
   }
 
-  .md\:\!w-96{
+  .md\:\!w-96 {
     width: 24rem !important;
   }
 
-  .md\:w-\[27vw\]{
+  .md\:w-\[27vw\] {
     width: 27vw;
   }
 
-  .md\:w-\[40vw\]{
+  .md\:w-\[40vw\] {
     width: 40vw;
   }
 
-  .md\:\!grid-cols-1{
+  .md\:\!grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
 
-  .md\:\!grid-cols-2{
+  .md\:\!grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
 
-  .md\:\!grid-cols-3{
+  .md\:\!grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
 
-  .md\:\!grid-cols-4{
+  .md\:\!grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
 
-  .md\:grid-cols-2{
+  .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .md\:grid-cols-3{
+  .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
-  .md\:grid-cols-4{
+  .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
-  .md\:grid-cols-5{
+  .md\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
 
-  .md\:\!flex-row{
+  .md\:\!flex-row {
     flex-direction: row !important;
   }
 
-  .md\:\!justify-start{
+  .md\:\!justify-start {
     justify-content: flex-start !important;
   }
 
-  .md\:\!justify-between{
+  .md\:\!justify-between {
     justify-content: space-between !important;
   }
 
-  .md\:p-6{
+  .md\:p-6 {
     padding: 1.5rem;
   }
 
-  .md\:px-6{
+  .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
-  .md\:\!text-\[18px\]{
+  .md\:\!text-\[18px\] {
     font-size: 18px !important;
   }
 
-  .md\:\!text-sm{
+  .md\:\!text-base {
+    font-size: 1rem !important;
+    line-height: 1.5rem !important;
+  }
+
+  .md\:\!text-sm {
     font-size: 0.875rem !important;
     line-height: 1.25rem !important;
   }
+
+  .md\:\!text-base {
+    --tw-text-opacity: 1 !important;
+    color: rgb(46 46 51 / var(--tw-text-opacity)) !important;
+  }
 }
 
-@media (min-width: 1024px){
-  .lg\:\!ml-4{
+@media (min-width: 1024px) {
+  .lg\:\!ml-4 {
     margin-left: 1rem !important;
   }
 
-  .lg\:\!mt-0{
+  .lg\:\!mt-0 {
     margin-top: 0px !important;
   }
 
-  .lg\:block{
+  .lg\:block {
     display: block;
   }
 
-  .lg\:\!flex{
+  .lg\:\!flex {
     display: flex !important;
   }
 
-  .lg\:\!table{
+  .lg\:\!table {
     display: table !important;
   }
 
-  .lg\:\!hidden{
+  .lg\:\!hidden {
     display: none !important;
   }
 
-  .lg\:hidden{
+  .lg\:hidden {
     display: none;
   }
 
-  .lg\:\!grid-cols-2{
+  .lg\:\!grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
 
-  .lg\:\!grid-cols-4{
+  .lg\:\!grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
 
-  .lg\:\!flex-row{
+  .lg\:\!flex-row {
     flex-direction: row !important;
   }
 
-  .lg\:\!items-center{
+  .lg\:\!items-center {
     align-items: center !important;
   }
 
-  .lg\:\!justify-between{
+  .lg\:\!justify-between {
     justify-content: space-between !important;
   }
 
-  .lg\:border-l{
+  .lg\:border-l {
     border-left-width: 1px;
   }
 
-  .lg\:border-solid{
+  .lg\:border-solid {
     border-style: solid;
   }
 }
 
-@media (min-width: 1280px){
-  .xl\:\!ml-64{
+@media (min-width: 1280px) {
+  .xl\:\!ml-64 {
     margin-left: 16rem !important;
   }
 
-  .xl\:\!block{
+  .xl\:\!block {
     display: block !important;
   }
 
-  .xl\:\!hidden{
+  .xl\:\!hidden {
     display: none !important;
   }
 
-  .xl\:grid-cols-4{
+  .xl\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
 
-@media (min-width: 1536px){
-  .\32xl\:\!grid-cols-2{
+@media (min-width: 1536px) {
+  .\32xl\:\!grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
 
-  .\32xl\:\!grid-cols-4{
+  .\32xl\:\!grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
 
-  .\32xl\:\!grid-cols-5{
+  .\32xl\:\!grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 69ce8dd9..f162497f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,6 +2,8 @@
 const colors = require('tailwindcss/colors');
 
 module.exports = {
+  // prefix: 'tw-scan-',
+  // important: true,
   darkMode: ['class'],
   content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   theme: {
diff --git a/vite.config.ts b/vite.config.ts
index fb2ddde4..cbe9e7dd 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,9 +7,14 @@ import Layouts from 'vite-plugin-vue-layouts';
 import DefineOptions from 'unplugin-vue-define-options/vite';
 import AutoImport from 'unplugin-auto-import/vite';
 import Pages from 'vite-plugin-pages';
+import fs from 'fs';
+import path from 'path';
 
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 
+import { createHtmlPlugin } from 'vite-plugin-html';
+
 // https://vitejs.dev/config/
 export default defineConfig({
   define: {
@@ -58,6 +63,26 @@ export default defineConfig({
       ],
     }),
     DefineOptions(),
+
+    // createHtmlPlugin({
+    //   inject: {
+    //     // Inject data into ejs template
+    //     ejsOptions: {
+    //       customCss: () => {
+    //         const filepath = path.resolve(__dirname, './src/style.output.css');
+    //         if (fs.existsSync(filepath)) {
+    //           const css = fs.readFileSync(filepath, 'utf-8');
+    //           console.log('css', css);
+    //           return `<style>${css}</style>`;
+    //         }
+    //         return '';
+    //       },
+    //     },
+    //   },
+    // }),
+    cssInjectedByJsPlugin({
+      styleId: 'app-styles',
+    }),
   ],
   resolve: {
     alias: {
diff --git a/yarn.lock b/yarn.lock
index 52a8efcb..9b711294 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1327,6 +1327,23 @@
     long "^4.0.0"
     pako "^2.0.2"
 
+"@cosmjs/cosmwasm-stargate@^0.30.1":
+  version "0.30.1"
+  resolved "https://registry.yarnpkg.com/@cosmjs/cosmwasm-stargate/-/cosmwasm-stargate-0.30.1.tgz#6f9ca310f75433a3e30d683bc6aa24eadb345d79"
+  integrity sha512-W/6SLUCJAJGBN+sJLXouLZikVgmqDd9LCdlMzQaxczcCHTWeJAmRvOiZGSZaSy3shw/JN1qc6g6PKpvTVgj10A==
+  dependencies:
+    "@cosmjs/amino" "^0.30.1"
+    "@cosmjs/crypto" "^0.30.1"
+    "@cosmjs/encoding" "^0.30.1"
+    "@cosmjs/math" "^0.30.1"
+    "@cosmjs/proto-signing" "^0.30.1"
+    "@cosmjs/stargate" "^0.30.1"
+    "@cosmjs/tendermint-rpc" "^0.30.1"
+    "@cosmjs/utils" "^0.30.1"
+    cosmjs-types "^0.7.1"
+    long "^4.0.0"
+    pako "^2.0.2"
+
 "@cosmjs/cosmwasm-stargate@^0.32.0", "@cosmjs/cosmwasm-stargate@^0.32.2":
   version "0.32.2"
   resolved "https://registry.yarnpkg.com/@cosmjs/cosmwasm-stargate/-/cosmwasm-stargate-0.32.2.tgz#32aca8b4c2043cd1bc91cf4d0225b268c166e421"
@@ -1494,6 +1511,19 @@
     "@cosmjs/stream" "^0.32.2"
     xstream "^11.14.0"
 
+"@cosmjs/ledger-amino@^0.30.1":
+  version "0.30.1"
+  resolved "https://registry.yarnpkg.com/@cosmjs/ledger-amino/-/ledger-amino-0.30.1.tgz#e9b785668ead0015ca9643ad2b55478d6b76b266"
+  integrity sha512-2btQa9JpAShzMZ5Qr7jWsHFeNRkI3/slT/F7XYUpIf/VUU/uVY7mbMEpkOpGxSals9X/+HiGS1FWVZUn3QDOHg==
+  dependencies:
+    "@cosmjs/amino" "^0.30.1"
+    "@cosmjs/crypto" "^0.30.1"
+    "@cosmjs/encoding" "^0.30.1"
+    "@cosmjs/math" "^0.30.1"
+    "@cosmjs/utils" "^0.30.1"
+    ledger-cosmos-js "^2.1.8"
+    semver "^7.3.2"
+
 "@cosmjs/ledger-amino@^0.32.0":
   version "0.32.2"
   resolved "https://registry.yarnpkg.com/@cosmjs/ledger-amino/-/ledger-amino-0.32.2.tgz#28de7c847e25df6c5904ae39c04d7c8e5a8fac13"
@@ -1665,7 +1695,7 @@
     cosmjs-types "^0.9.0"
     xstream "^11.14.0"
 
-"@cosmjs/stargate@^0.30.0":
+"@cosmjs/stargate@^0.30.0", "@cosmjs/stargate@^0.30.1":
   version "0.30.1"
   resolved "https://registry.yarnpkg.com/@cosmjs/stargate/-/stargate-0.30.1.tgz#e1b22e1226cffc6e93914a410755f1f61057ba04"
   integrity sha512-RdbYKZCGOH8gWebO7r6WvNnQMxHrNXInY/gPHPzMjbQF6UatA6fNM2G2tdgS5j5u7FTqlCI10stNXrknaNdzog==
@@ -2671,6 +2701,15 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
@@ -2681,6 +2720,19 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+
 "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
@@ -2694,6 +2746,14 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@jsdevtools/ono@^7.1.3":
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/@jsdevtools/ono/-/ono-7.1.3.tgz#9df03bbd7c696a5c58885c34aa06da41c8543796"
@@ -2928,10 +2988,10 @@
   resolved "https://registry.yarnpkg.com/@nuxt/ui-templates/-/ui-templates-1.3.1.tgz#35f5c1adced7495a8c1284e37246a16e373ef5d5"
   integrity sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==
 
-"@oraichain/oraiscan-widget@^0.2.11":
-  version "0.2.11"
-  resolved "https://registry.yarnpkg.com/@oraichain/oraiscan-widget/-/oraiscan-widget-0.2.11.tgz#c36b036cfde491532ee3d99ceebbe9c0f9918b40"
-  integrity sha512-VJ8qj2Tj3EGzfofHrQWKjJmw2Ae7PgzS0GbNUHkdmEfrxEoHXiawisBa6OW7CFWU+xsi3tOZRP88R+PTZBlYdg==
+"@oraichain/oraiscan-widget@0.2.12-1":
+  version "0.2.12-1"
+  resolved "https://registry.yarnpkg.com/@oraichain/oraiscan-widget/-/oraiscan-widget-0.2.12-1.tgz#fcee14cbc1e26b7b522ce44dcfcdf04345f76c52"
+  integrity sha512-6EJc2sISbtj2h1zmR95wv22nAvjeiVb8Nk5J4JQw3kngstCHFhVSf4M1mctYVkqaqtlo7m9L/ZaRax8TrH0ObA==
   dependencies:
     "@cosmjs/amino" "^0.32.0"
     "@cosmjs/cosmwasm-stargate" "^0.32.0"
@@ -2954,6 +3014,7 @@
     dayjs "^1.11.7"
     fflate "^0.8.0"
     osmojs "^15.2.1"
+    ping-widget "^0.0.33"
     vue "^3.2.47"
     vue3-webcomponent-wrapper "^0.2.0"
 
@@ -3277,6 +3338,24 @@
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
   integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==
 
+"@tharsis/address-converter@^0.1.8":
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/@tharsis/address-converter/-/address-converter-0.1.8.tgz#15323e25f6b41d9a4741627f5a1b4ed4547d23f6"
+  integrity sha512-z7zdNczV8RIzBNxzIzRFhC5ujiQ3Lt04At9rooo2pL6QONDDMMLxsqH3o28ie80k5DXSXaMJ6gffATeehxwAkw==
+  dependencies:
+    bech32 "^2.0.0"
+    crypto-addr-codec "^0.1.7"
+    link-module-alias "^1.2.0"
+    shx "^0.3.4"
+
+"@tharsis/eip712@^0.2.4":
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/@tharsis/eip712/-/eip712-0.2.4.tgz#4c38247ae24e42f7f6053f3cf7887c7f79a36ee8"
+  integrity sha512-tn3zghCpsar2ZDsF8d7eBAfr+Toeqd9uOxFTa8LlCyewXmXE18mPMyoLeNDYX0jU7kTO0TTV9RQf0uNCahzQHA==
+  dependencies:
+    link-module-alias "^1.2.0"
+    shx "^0.3.4"
+
 "@tharsis/proto@^0.1.20":
   version "0.1.20"
   resolved "https://registry.yarnpkg.com/@tharsis/proto/-/proto-0.1.20.tgz#3a372d303e51e4ca2747dee1549a2a31f17094b5"
@@ -3289,6 +3368,17 @@
     sha3 "^2.1.4"
     shx "^0.3.4"
 
+"@tharsis/transactions@^0.2.6":
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/@tharsis/transactions/-/transactions-0.2.6.tgz#b6478eca3987e69e060d098adf601d68d8960da9"
+  integrity sha512-RHDYaLYvDL4UvKveN08vppsRyjTOnJ2eSBBCXmSyRBbeEVXOBG83qhoECx9nrcs3gXzEL5pqU3PUe3p+3hzfDQ==
+  dependencies:
+    "@tharsis/eip712" "^0.2.4"
+    "@tharsis/proto" "^0.1.20"
+    "@types/node" "^17.0.21"
+    link-module-alias "^1.2.0"
+    shx "^0.3.4"
+
 "@trysound/sax@0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
@@ -4130,6 +4220,13 @@ base-x@^3.0.2:
   dependencies:
     safe-buffer "^5.0.1"
 
+base-x@^3.0.8:
+  version "3.0.10"
+  resolved "https://registry.yarnpkg.com/base-x/-/base-x-3.0.10.tgz#62de58653f8762b5d6f8d9fe30fa75f7b2585a75"
+  integrity sha512-7d0s06rR9rYaIWHkpfLIFICM/tkSVdoPC9qYAQRpxn9DdKNWNsKC0uk++akckyLq16Tx2WIinnZ6WRriAt6njQ==
+  dependencies:
+    safe-buffer "^5.0.1"
+
 base64-js@^1.3.0, base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -4145,6 +4242,11 @@ bech32@2.0.0, bech32@^2.0.0:
   resolved "https://registry.yarnpkg.com/bech32/-/bech32-2.0.0.tgz#078d3686535075c8c79709f054b1b226a133b355"
   integrity sha512-LcknSilhIGatDAsY1ak2I8VtGaHNhgMSYVxFrGLXv+xLHytaKZKcaUJJUE7qmBr7h33o5YQwP55pMI0xmkpJwg==
 
+big-integer@1.6.36:
+  version "1.6.36"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.36.tgz#78631076265d4ae3555c04f85e7d9d2f3a071a36"
+  integrity sha512-t70bfa7HYEA1D9idDbmuv7YbsbVkQ+Hp+8KFSul4aE5e/i1bjCNIRYJZlA8Q8p0r9T8cF/RVvwUgRA//FydEyg==
+
 big-integer@1.6.51:
   version "1.6.51"
   resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686"
@@ -4276,7 +4378,7 @@ browserslist@^4.0.0, browserslist@^4.21.10, browserslist@^4.21.4, browserslist@^
     node-releases "^2.0.13"
     update-browserslist-db "^1.0.11"
 
-bs58@^4.0.0:
+bs58@^4.0.0, bs58@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/bs58/-/bs58-4.0.1.tgz#be161e76c354f6f788ae4071f63f34e8c4f0a42a"
   integrity sha512-Ok3Wdf5vOIlBrgCvTq96gBkJw+JUEzdBgyaza5HLtPm7yTHkjRy8+JzNyHF7BHa0bNWOQIp3m5YF0nnFcOIKLw==
@@ -4299,6 +4401,11 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
 buffer-xor@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
@@ -4367,6 +4474,14 @@ call-me-maybe@^1.0.1:
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.2.tgz#03f964f19522ba643b1b0693acb9152fe2074baa"
   integrity sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==
 
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
 camelcase-css@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
@@ -4422,7 +4537,7 @@ chalk@^2.4.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0:
+chalk@^4.0.0, chalk@^4.0.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4473,6 +4588,13 @@ cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
+clean-css@^5.2.2:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
+  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
+  dependencies:
+    source-map "~0.6.0"
+
 cli-color@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/cli-color/-/cli-color-2.0.3.tgz#73769ba969080629670f3f2ef69a4bf4e7cc1879"
@@ -4547,7 +4669,7 @@ color-name@^1.0.0, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.6.0:
+color-string@^1.6.0, color-string@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
   integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
@@ -4563,12 +4685,20 @@ color@^3.1.3:
     color-convert "^1.9.3"
     color-string "^1.6.0"
 
+color@^4.2:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
 colord@^2.9, colord@^2.9.1:
   version "2.9.3"
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
-colorette@^2.0.19:
+colorette@^2.0.16, colorette@^2.0.19:
   version "2.0.20"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
@@ -4593,6 +4723,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
 commander@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
@@ -4603,6 +4738,11 @@ commander@^7.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
 computeds@^0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/computeds/-/computeds-0.0.1.tgz#215b08a4ba3e08a11ff6eee5d6d8d7166a97ce2e"
@@ -4613,6 +4753,16 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+connect-history-api-fallback@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
+  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
+
+consola@^2.15.3:
+  version "2.15.3"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-2.15.3.tgz#2e11f98d6a4be71ff72e0bdf07bd23e12cb61550"
+  integrity sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==
+
 consola@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
@@ -4701,12 +4851,25 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+crypto-addr-codec@^0.1.7:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/crypto-addr-codec/-/crypto-addr-codec-0.1.8.tgz#45c4b24e2ebce8e24a54536ee0ca25b65787b016"
+  integrity sha512-GqAK90iLLgP3FvhNmHbpT3wR6dEdaM8hZyZtLX29SPardh3OA13RFLHDR6sntGCgRWOfiHqW6sIyohpNqOtV/g==
+  dependencies:
+    base-x "^3.0.8"
+    big-integer "1.6.36"
+    blakejs "^1.1.0"
+    bs58 "^4.0.1"
+    ripemd160-min "0.0.6"
+    safe-buffer "^5.2.0"
+    sha3 "^2.1.1"
+
 css-declaration-sorter@^6.3.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
   integrity sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==
 
-css-select@^4.1.3:
+css-select@^4.1.3, css-select@^4.2.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
   integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
@@ -4717,7 +4880,7 @@ css-select@^4.1.3:
     domutils "^2.8.0"
     nth-check "^2.0.1"
 
-css-selector-tokenizer@^0.8:
+css-selector-tokenizer@^0.8, css-selector-tokenizer@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz#88267ef6238e64f2215ea2764b3e2cf498b845dd"
   integrity sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==
@@ -4827,6 +4990,16 @@ d@1, d@^1.0.1:
     es5-ext "^0.10.50"
     type "^1.0.1"
 
+daisyui@^2.51.6:
+  version "2.52.0"
+  resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-2.52.0.tgz#1e22abd655bf4a5cb466e1a1f264bb597e9ec254"
+  integrity sha512-LQTA5/IVXAJHBMFoeaEMfd7/akAFPPcdQPR3O9fzzcFiczneJFM73CFPnScmW2sOgn/D83cvkP854ep2T9OfTg==
+  dependencies:
+    color "^4.2"
+    css-selector-tokenizer "^0.8.0"
+    postcss-js "^4.0.0"
+    tailwindcss "^3"
+
 daisyui@^3.1.0:
   version "3.7.3"
   resolved "https://registry.yarnpkg.com/daisyui/-/daisyui-3.7.3.tgz#247cfefa0112c31679af9035eff65e1bd866f062"
@@ -4996,6 +5169,16 @@ dot-case@^3.0.4:
     no-case "^3.0.4"
     tslib "^2.0.3"
 
+dotenv-expand@^8.0.2:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-8.0.3.tgz#29016757455bcc748469c83a19b36aaf2b83dd6e"
+  integrity sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==
+
+dotenv@^16.0.0:
+  version "16.4.5"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.5.tgz#cdd3b3b604cb327e286b4762e13502f717cb099f"
+  integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==
+
 dotenv@^16.3.1:
   version "16.3.1"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
@@ -5006,6 +5189,13 @@ dotty@0.1.2:
   resolved "https://registry.yarnpkg.com/dotty/-/dotty-0.1.2.tgz#512d44cc4111a724931226259297f235e8484f6f"
   integrity sha512-V0EWmKeH3DEhMwAZ+8ZB2Ao4OK6p++Z0hsDtZq3N0+0ZMVqkzrcEGROvOnZpLnvBg5PTNG23JEDLAm64gPaotQ==
 
+ejs@^3.1.6:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
+  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
+  dependencies:
+    jake "^10.8.5"
+
 electron-to-chromium@^1.4.477:
   version "1.4.513"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.513.tgz#41a50bf749aa7d8058ffbf7a131fc3327a7b1675"
@@ -5509,6 +5699,13 @@ file-uri-to-path@1.0.0:
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
   integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
 
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -5565,6 +5762,15 @@ fraction.js@^4.2.0:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.6.tgz#e9e3acec6c9a28cf7bc36cbe35eea4ceb2c5c92d"
   integrity sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==
 
+fs-extra@^10.0.1:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
 fs-minipass@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
@@ -5771,7 +5977,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.2.9:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -5877,7 +6083,7 @@ hasown@^2.0.0:
   dependencies:
     function-bind "^1.1.2"
 
-he@^1.2.0:
+he@1.2.0, he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
@@ -5908,6 +6114,19 @@ hosted-git-info@^2.1.4:
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
   integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
+html-minifier-terser@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
 html-tags@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
@@ -6275,6 +6494,16 @@ istanbul-lib-instrument@^5.0.4:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
+jake@^10.8.5:
+  version "10.9.1"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.1.tgz#8dc96b7fcc41cb19aa502af506da4e1d56f5e62b"
+  integrity sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
 jest-haste-map@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.3.tgz#abd5451129a38d9841049644f34b034308944e2b"
@@ -6406,6 +6635,15 @@ jsonc-parser@^3.2.0:
   resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
   integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
 
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 jsonschema@^1.4.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jsonschema/-/jsonschema-1.4.1.tgz#cc4c3f0077fb4542982973d8a083b6b34f482dab"
@@ -6753,7 +6991,7 @@ minimatch@5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.1.1:
+minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -6932,6 +7170,14 @@ node-gyp-build@^4.2.0:
   resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.0.tgz#3fee9c1731df4581a3f9ead74664369ff00d26dd"
   integrity sha512-u6fs2AEUljNho3EYTJNBfImO5QTo/J/1Etd+NVdCj7qWKUSN/bSLkZwhDv7I+w/MSC6qJ4cknepkAYykDdK8og==
 
+node-html-parser@^5.3.3:
+  version "5.4.2"
+  resolved "https://registry.yarnpkg.com/node-html-parser/-/node-html-parser-5.4.2.tgz#93e004038c17af80226c942336990a0eaed8136a"
+  integrity sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==
+  dependencies:
+    css-select "^4.2.1"
+    he "1.2.0"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -7135,6 +7381,14 @@ pako@^2.0.2:
   resolved "https://registry.yarnpkg.com/pako/-/pako-2.1.0.tgz#266cc37f98c7d883545d11335c00fbd4062c9a86"
   integrity sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==
 
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 parse-code-context@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-code-context/-/parse-code-context-1.0.0.tgz#718c295c593d0d19a37f898473268cc75e98de1e"
@@ -7153,6 +7407,14 @@ parse-package-name@1.0.0:
   resolved "https://registry.yarnpkg.com/parse-package-name/-/parse-package-name-1.0.0.tgz#1a108757e4ffc6889d5e78bcc4932a97c097a5a7"
   integrity sha512-kBeTUtcj+SkyfaW4+KBe0HtsloBJ/mKTPoxpVdA57GZiPerREsUWJOhVj9anXweFiJkm5y8FG1sxFZkZ0SN6wg==
 
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 path-browserify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
@@ -7190,6 +7452,11 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+pathe@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-0.2.0.tgz#30fd7bbe0a0d91f0e60bae621f5d19e9e225c339"
+  integrity sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==
+
 pathe@^1.0.0, pathe@^1.1.0, pathe@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.1.tgz#1dd31d382b974ba69809adc9a7a347e65d84829a"
@@ -7246,6 +7513,33 @@ pify@^3.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
   integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
 
+ping-widget@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/ping-widget/-/ping-widget-0.0.33.tgz#ea546499d24e96c6fb407f4707b237f5f5014da4"
+  integrity sha512-bMAgyXleHKK6YWlI7M7VEu0fFH0YKoXRnJo85Umz3AF4EkNEHrRuJG1BUQq6yQK1p0k4Fzkk331zQMLG7jvnLA==
+  dependencies:
+    "@cosmjs/amino" "^0.30.1"
+    "@cosmjs/cosmwasm-stargate" "^0.30.1"
+    "@cosmjs/ledger-amino" "^0.30.1"
+    "@cosmjs/proto-signing" "^0.30.1"
+    "@cosmjs/stargate" "^0.30.1"
+    "@ledgerhq/hw-transport-web-ble" "^6.27.13"
+    "@ledgerhq/hw-transport-webusb" "^6.27.14"
+    "@metamask/eth-sig-util" "^5.1.0"
+    "@ping-pub/chain-registry-client" "^0.0.25"
+    "@tharsis/address-converter" "^0.1.8"
+    "@tharsis/eip712" "^0.2.4"
+    "@tharsis/proto" "^0.1.20"
+    "@tharsis/transactions" "^0.2.6"
+    "@types/bignumber.js" "^5.0.0"
+    cross-fetch "^3.1.5"
+    daisyui "^2.51.6"
+    dayjs "^1.11.7"
+    fflate "^0.8.0"
+    osmojs "^15.2.1"
+    vue "^3.2.47"
+    vue3-webcomponent-wrapper "^0.2.0"
+
 pinia@^2.0.28:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.1.6.tgz#e88959f14b61c4debd9c42d0c9944e2875cbe0fa"
@@ -7345,7 +7639,7 @@ postcss-import@^15.1.0:
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
-postcss-js@^4, postcss-js@^4.0.1:
+postcss-js@^4, postcss-js@^4.0.0, postcss-js@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
   integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
@@ -7815,6 +8109,11 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -7864,6 +8163,11 @@ rimraf@3.0.2:
   dependencies:
     glob "^7.1.3"
 
+ripemd160-min@0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/ripemd160-min/-/ripemd160-min-0.0.6.tgz#a904b77658114474d02503e819dcc55853b67e62"
+  integrity sha512-+GcJgQivhs6S9qvLogusiTcS9kQUfgR75whKuy5jIhuiOfQuJ8fjqxV6EGD5duH1Y/FawFUMtMhyeq3Fbnib8A==
+
 ripemd160@^2.0.0, ripemd160@^2.0.1, ripemd160@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
@@ -8048,6 +8352,11 @@ semver@^6.1.1, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
+semver@^7.3.2:
+  version "7.6.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
+  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
+
 semver@^7.3.5, semver@^7.5.2, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
@@ -8093,7 +8402,7 @@ sha.js@^2.4.0, sha.js@^2.4.8:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-sha3@^2.1.4:
+sha3@^2.1.1, sha3@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/sha3/-/sha3-2.1.4.tgz#000fac0fe7c2feac1f48a25e7a31b52a6492cc8f"
   integrity sha512-S8cNxbyb0UGUM2VhRD4Poe5N58gJnJsLJ5vC7FYWGUmGhcsj4++WaIOBFVDxlG0W3To6xBuiRh+i0Qp2oNCOtg==
@@ -8194,7 +8503,15 @@ snakecase-keys@^5.1.2, snakecase-keys@^5.4.1:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
-source-map@0.6.1, source-map@^0.6.1:
+source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -8584,6 +8901,16 @@ tar@^6.1.13:
     mkdirp "^1.0.3"
     yallist "^4.0.0"
 
+terser@^5.10.0:
+  version "5.31.2"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.31.2.tgz#b5ca188107b706084dca82f988089fa6102eba11"
+  integrity sha512-LGyRZVFm/QElZHy/CPr/O4eNZOZIzsrQ92y4v9UJe/pFJjypje2yI3C2FmPtvUEnhadlSbmG2nXtdcjHOjCfxw==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -8876,6 +9203,11 @@ unimport@^3.3.0:
     strip-literal "^1.3.0"
     unplugin "^1.4.0"
 
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
 unplugin-auto-import@^0.13.0:
   version "0.13.0"
   resolved "https://registry.yarnpkg.com/unplugin-auto-import/-/unplugin-auto-import-0.13.0.tgz#0d0fae74f4a71529faec7ddda9006ec32363e3fb"
@@ -8971,6 +9303,29 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+vite-plugin-css-injected-by-js@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-3.5.1.tgz#b9c568c21b131d08e31aa6d368ee39c9d6c1b6c1"
+  integrity sha512-9ioqwDuEBxW55gNoWFEDhfLTrVKXEEZgl5adhWmmqa88EQGKfTmexy4v1Rh0pAS6RhKQs2bUYQArprB32JpUZQ==
+
+vite-plugin-html@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/vite-plugin-html/-/vite-plugin-html-3.2.2.tgz#661834fa09015d3fda48ba694dbaa809396f5f7a"
+  integrity sha512-vb9C9kcdzcIo/Oc3CLZVS03dL5pDlOFuhGlZYDCJ840BhWl/0nGeZWf3Qy7NlOayscY4Cm/QRgULCQkEZige5Q==
+  dependencies:
+    "@rollup/pluginutils" "^4.2.0"
+    colorette "^2.0.16"
+    connect-history-api-fallback "^1.6.0"
+    consola "^2.15.3"
+    dotenv "^16.0.0"
+    dotenv-expand "^8.0.2"
+    ejs "^3.1.6"
+    fast-glob "^3.2.11"
+    fs-extra "^10.0.1"
+    html-minifier-terser "^6.1.0"
+    node-html-parser "^5.3.3"
+    pathe "^0.2.0"
+
 vite-plugin-pages@^0.32.0:
   version "0.32.0"
   resolved "https://registry.yarnpkg.com/vite-plugin-pages/-/vite-plugin-pages-0.32.0.tgz#17aa238b4bff2be7f17074e86fdddf69e067ae44"