daisyui 3.0.0 → 3.0.2

package/dist/styled.css

@@ -95,8 +95,8 @@
     cursor: pointer;
     align-items: center
 }
-  @media (hover: hover) {
-  .breadcrumbs>ul>li>a:hover, .breadcrumbs>ol>li>a:hover {
+  @media (hover:hover) {
+    .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
         text-decoration-line: underline
     }
 }
@@ -369,6 +369,7 @@
 .collapse:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-content,
 .collapse:not(.collapse-close) input[type="radio"]:checked ~ .collapse-content {
   visibility: visible;
+  min-height: fit-content;
 }
 :root .countdown {
   line-height: 1em;
@@ -481,63 +482,63 @@
         transform: translateX(0%);
       }
 .dropdown {
-position: relative;
-display: inline-block
+  position: relative;
+  display: inline-block
 }
 .dropdown > *:focus {
-outline: 2px solid transparent;
-outline-offset: 2px
+  outline: 2px solid transparent;
+  outline-offset: 2px
 }
 .dropdown .dropdown-content {
-position: absolute
+  position: absolute
 }
 .dropdown:is(:not(details)) .dropdown-content {
-visibility: hidden;
-opacity: 0
+  visibility: hidden;
+  opacity: 0
 }
 .dropdown-end .dropdown-content {
-right: 0px
+  right: 0px
 }
 .dropdown-left .dropdown-content {
-top: 0px;
-right: 100%;
-bottom: auto
+  top: 0px;
+  right: 100%;
+  bottom: auto
 }
 .dropdown-right .dropdown-content {
-left: 100%;
-top: 0px;
-bottom: auto
+  left: 100%;
+  top: 0px;
+  bottom: auto
 }
 .dropdown-bottom .dropdown-content {
-bottom: auto;
-top: 100%
+  bottom: auto;
+  top: 100%
 }
 .dropdown-top .dropdown-content {
-bottom: 100%;
-top: auto
+  bottom: 100%;
+  top: auto
 }
 .dropdown-end.dropdown-right .dropdown-content {
-bottom: 0px;
-top: auto
+  bottom: 0px;
+  top: auto
 }
 .dropdown-end.dropdown-left .dropdown-content {
-bottom: 0px;
-top: auto
+  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
+  visibility: visible;
+  opacity: 1
 }
 @media (hover: hover) {
-.dropdown.dropdown-hover:hover .dropdown-content {
-visibility: visible;
-opacity: 1
-}
+  .dropdown.dropdown-hover:hover .dropdown-content {
+    visibility: visible;
+    opacity: 1
+  }
 }
 .dropdown:is(details) summary::-webkit-details-marker {
-display: none
+  display: none
 }
 .file-input {
     height: 3rem;
@@ -760,16 +761,16 @@ display: none
     justify-content: center
 }
 .link {
-  cursor: pointer;
-  text-decoration-line: underline
+    cursor: pointer;
+    text-decoration-line: underline
 }
   .link-hover {
-  text-decoration-line: none
+    text-decoration-line: none
 }
-  @media (hover: hover) {
-  .link-hover:hover {
-    text-decoration-line: underline
-  }
+  @media (hover:hover) {
+    .link-hover:hover {
+        text-decoration-line: underline
+    }
 }
 .mask {
   mask-size: contain;
@@ -1356,47 +1357,47 @@ display: none
     color: hsl(var(--er) / var(--tw-text-opacity))
 }
 .btm-nav {
-  height: 4rem;
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
-  color: currentColor
+      height: 4rem;
+      --tw-bg-opacity: 1;
+      background-color: hsl(var(--b1) / var(--tw-bg-opacity));
+      color: currentColor
 }
   .btm-nav > * {
-  border-color: currentColor
+      border-color: currentColor
 }
   .btm-nav > *:not(.active) {
-  padding-top: 0.125rem
+      padding-top: 0.125rem
 }
   /* active */
   .btm-nav > *:where(.active) {
-  border-top-width: 2px;
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--b1) / var(--tw-bg-opacity))
+      border-top-width: 2px;
+      --tw-bg-opacity: 1;
+      background-color: hsl(var(--b1) / var(--tw-bg-opacity))
 }
   /* disabled */
-  .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 > *.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
 }
   @media (hover: 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));
-    --tw-bg-opacity: 0.1;
-    color: hsl(var(--bc) / var(--tw-text-opacity));
-    --tw-text-opacity: 0.2
-  }
-}
+      .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
+      }
+    }
   .btm-nav > * .label {
-  font-size: 1rem;
-  line-height: 1.5rem
+      font-size: 1rem;
+      line-height: 1.5rem
 }
 .breadcrumbs {
           padding-top: 0.5rem;
@@ -1437,16 +1438,11 @@ display: none
   animation: button-pop var(--animation-btn, 0.25s) ease-out;
   text-transform: var(--btn-text-case, uppercase);
 }
+  .btn:active:hover,
   .btn:active:focus {
-    animation: none;
+    animation: button-pop 0s ease-out;
     transform: scale(var(--btn-focus-scale, 0.97));
   }
-  @media (hover: hover) {
-  .btn:active:hover {
-    animation: none;
-    transform: scale(var(--btn-focus-scale, 0.97));
-  }
-}
   /* default btn */
   .btn {
   --tw-border-opacity: 1;
@@ -1456,20 +1452,20 @@ display: none
   --tw-text-opacity: 1;
   color: hsl(var(--bc) / var(--tw-text-opacity));
   text-decoration-line: none;
-}
-  .btn-active {
-  --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));
 }
   @media (hover: hover) {
-  .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-active {
+  --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:focus-visible {
   outline-style: solid;
@@ -1485,20 +1481,20 @@ display: none
   background-color: hsl(var(--p) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
-}
-  .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));
 }
   @media (hover: hover) {
-  .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-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-primary:focus-visible {
   outline-color: hsl(var(--p) / 1);
@@ -1510,20 +1506,20 @@ display: none
   background-color: hsl(var(--s) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--sc) / var(--tw-text-opacity));
-}
-  .btn-secondary.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--sf) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-secondary:hover {
+      .btn-secondary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--sf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--sf) / var(--tw-bg-opacity));
   }
+    }
+  .btn-secondary.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--sf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
 }
   .btn-secondary:focus-visible {
   outline-color: hsl(var(--s) / 1);
@@ -1535,20 +1531,20 @@ display: none
   background-color: hsl(var(--a) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--ac) / var(--tw-text-opacity));
-}
-  .btn-accent.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--af) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--af) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-accent:hover {
+      .btn-accent:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--af) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--af) / var(--tw-bg-opacity));
   }
+    }
+  .btn-accent.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--af) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--af) / var(--tw-bg-opacity));
 }
   .btn-accent:focus-visible {
   outline-color: hsl(var(--a) / 1);
@@ -1560,20 +1556,20 @@ display: none
   background-color: hsl(var(--n) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
-}
-  .btn-neutral.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--nf) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--nf) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-neutral:hover {
+      .btn-neutral:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--nf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--nf) / var(--tw-bg-opacity));
   }
+    }
+  .btn-neutral.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--nf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--nf) / var(--tw-bg-opacity));
 }
   .btn-neutral:focus-visible {
   outline-color: hsl(var(--n) / 1);
@@ -1586,20 +1582,20 @@ display: none
   background-color: hsl(var(--in) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--inc) / var(--tw-text-opacity));
-}
-  .btn-info.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--in) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--in) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-info:hover {
+      .btn-info:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--in) / var(--tw-bg-opacity));
   }
+    }
+  .btn-info.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--in) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--in) / var(--tw-bg-opacity));
 }
   .btn-info:focus-visible {
   outline-color: hsl(var(--in) / 1);
@@ -1611,20 +1607,20 @@ display: none
   background-color: hsl(var(--su) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--suc) / var(--tw-text-opacity));
-}
-  .btn-success.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--su) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--su) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-success:hover {
+      .btn-success:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--su) / var(--tw-bg-opacity));
   }
+    }
+  .btn-success.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--su) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--su) / var(--tw-bg-opacity));
 }
   .btn-success:focus-visible {
   outline-color: hsl(var(--su) / 1);
@@ -1636,20 +1632,20 @@ display: none
   background-color: hsl(var(--wa) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--wac) / var(--tw-text-opacity));
-}
-  .btn-warning.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--wa) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
 }
   @media (hover: hover) {
-  .btn-warning:hover {
+      .btn-warning:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--wa) / var(--tw-bg-opacity));
   }
+    }
+  .btn-warning.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--wa) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
 }
   .btn-warning:focus-visible {
   outline-color: hsl(var(--wa) / 1);
@@ -1661,20 +1657,20 @@ display: none
   background-color: hsl(var(--er) / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: hsl(var(--erc) / var(--tw-text-opacity));
-}
-  .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));
 }
   @media (hover: hover) {
-  .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-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-error:focus-visible {
   outline-color: hsl(var(--er) / 1);
@@ -1685,16 +1681,16 @@ display: none
   --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);
 }
-  .btn.glass.btn-active {
-      --glass-opacity: 25%;
-      --glass-border-opacity: 15%;
-    }
   @media (hover: hover) {
-  .btn.glass:hover {
+      .btn.glass:hover{
+        --glass-opacity: 25%;
+        --glass-border-opacity: 15%;
+      }
+    }
+  .btn.glass.btn-active {
       --glass-opacity: 25%;
       --glass-border-opacity: 15%;
     }
-}
   .btn.glass:focus-visible {
   outline-color: currentColor;
 }
@@ -1707,18 +1703,18 @@ display: none
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-  .btn-ghost.btn-active {
-  --tw-border-opacity: 0;
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-  --tw-bg-opacity: 0.2;
 }
   @media (hover: hover) {
-  .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-ghost.btn-active {
+  --tw-border-opacity: 0;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.2;
 }
   .btn-ghost:focus-visible {
   outline-color: currentColor;
@@ -1732,18 +1728,18 @@ display: none
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-  .btn-link.btn-active {
-  border-color: transparent;
-  background-color: transparent;
-  text-decoration-line: underline;
 }
   @media (hover: hover) {
-  .btn-link:hover {
+      .btn-link:hover {
     border-color: transparent;
     background-color: transparent;
     text-decoration-line: underline;
   }
+    }
+  .btn-link.btn-active {
+  border-color: transparent;
+  background-color: transparent;
+  text-decoration-line: underline;
 }
   .btn-link:focus-visible {
   outline-color: currentColor;
@@ -1757,17 +1753,9 @@ display: none
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-  .btn-outline.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--bc) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--b1) / var(--tw-text-opacity));
 }
   @media (hover: hover) {
-  .btn-outline:hover {
+      .btn-outline:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1775,21 +1763,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--b1) / var(--tw-text-opacity));
   }
+    }
+  .btn-outline.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--bc) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--b1) / var(--tw-text-opacity));
 }
   .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;
-  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 (hover: hover) {
-  .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;
@@ -1797,21 +1785,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--pc) / var(--tw-text-opacity));
   }
+      }
+  .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-secondary {
   --tw-text-opacity: 1;
   color: hsl(var(--s) / var(--tw-text-opacity));
-}
-  .btn-outline.btn-secondary.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--sf) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--sc) / var(--tw-text-opacity));
 }
   @media (hover: hover) {
-  .btn-outline.btn-secondary:hover {
+        .btn-outline.btn-secondary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--sf) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1819,21 +1807,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--sc) / var(--tw-text-opacity));
   }
+      }
+  .btn-outline.btn-secondary.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--sf) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--sc) / var(--tw-text-opacity));
 }
   .btn-outline.btn-accent {
   --tw-text-opacity: 1;
   color: hsl(var(--a) / var(--tw-text-opacity));
-}
-  .btn-outline.btn-accent.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--af) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--af) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--ac) / var(--tw-text-opacity));
 }
   @media (hover: hover) {
-  .btn-outline.btn-accent:hover {
+        .btn-outline.btn-accent:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--af) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1841,21 +1829,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--ac) / var(--tw-text-opacity));
   }
+      }
+  .btn-outline.btn-accent.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--af) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--af) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--ac) / var(--tw-text-opacity));
 }
   .btn-outline.btn-success {
   --tw-text-opacity: 1;
   color: hsl(var(--su) / var(--tw-text-opacity));
-}
-  .btn-outline.btn-success.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--su) / var(--tw-border-opacity));
-  --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));
 }
   @media (hover: hover) {
-  .btn-outline.btn-success:hover {
+        .btn-outline.btn-success:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1863,21 +1851,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--suc) / var(--tw-text-opacity));
   }
+      }
+  .btn-outline.btn-success.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--su) / var(--tw-border-opacity));
+  --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));
 }
   .btn-outline.btn-info {
   --tw-text-opacity: 1;
   color: hsl(var(--in) / var(--tw-text-opacity));
-}
-  .btn-outline.btn-info.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--in) / var(--tw-border-opacity));
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--in) / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: hsl(var(--inc) / var(--tw-text-opacity));
 }
   @media (hover: hover) {
-  .btn-outline.btn-info:hover {
+        .btn-outline.btn-info:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1885,21 +1873,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--inc) / var(--tw-text-opacity));
   }
+      }
+  .btn-outline.btn-info.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--in) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: hsl(var(--in) / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: hsl(var(--inc) / var(--tw-text-opacity));
 }
   .btn-outline.btn-warning {
   --tw-text-opacity: 1;
   color: hsl(var(--wa) / var(--tw-text-opacity));
-}
-  .btn-outline.btn-warning.btn-active {
-  --tw-border-opacity: 1;
-  border-color: hsl(var(--wa) / var(--tw-border-opacity));
-  --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));
 }
   @media (hover: hover) {
-  .btn-outline.btn-warning:hover {
+        .btn-outline.btn-warning:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
@@ -1907,21 +1895,21 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--wac) / var(--tw-text-opacity));
   }
+      }
+  .btn-outline.btn-warning.btn-active {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--wa) / var(--tw-border-opacity));
+  --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));
 }
   .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;
-  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));
 }
   @media (hover: hover) {
-  .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;
@@ -1929,6 +1917,14 @@ display: none
     --tw-text-opacity: 1;
     color: hsl(var(--erc) / var(--tw-text-opacity));
   }
+      }
+  .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));
 }
   /* disabled */
   .btn-disabled,
@@ -1941,16 +1937,16 @@ display: none
   --tw-text-opacity: 0.2;
 }
   @media (hover: hover) {
-  .btn-disabled:hover,
-  .btn[disabled]:hover,
-  .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;
     color: hsl(var(--bc) / var(--tw-text-opacity));
     --tw-text-opacity: 0.2;
   }
-}
+  }
 /* group */
 .btn-group > input[type="radio"]:checked.btn,
   .btn-group > .btn-active {
@@ -1977,13 +1973,13 @@ display: none
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 @media (hover: hover) {
-.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));
   }
-}
+  }
 .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
   outline-color: hsl(var(--p) / 1);
 }
@@ -2198,7 +2194,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--p) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-primary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -2223,7 +2219,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--s) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-secondary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -2248,7 +2244,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--a) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-accent:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -2273,7 +2269,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-success:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
@@ -2298,7 +2294,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-warning:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
@@ -2323,7 +2319,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-info:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
@@ -2348,7 +2344,7 @@ display: none
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .checkbox-error:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
@@ -2571,39 +2567,39 @@ details.collapse summary {
         background-color: hsl(0 0% 0%/0.4);
       }
 .dropdown:is(:not(details)) .dropdown-content {
-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, backdrop-filter;
-transition-duration: 200ms;
-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+  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, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
 .dropdown-bottom .dropdown-content {
-transform-origin: top
+  transform-origin: top
 }
 .dropdown-top .dropdown-content {
-transform-origin: bottom
+  transform-origin: bottom
 }
 .dropdown-left .dropdown-content {
-transform-origin: right
+  transform-origin: right
 }
 .dropdown-right .dropdown-content {
-transform-origin: left
+  transform-origin: left
 }
 .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))
+  --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))
 }
 @media (hover: hover) {
-.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))
-}
+  .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))
+  }
 }
 .file-input {
     overflow: hidden;
@@ -2797,28 +2793,28 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     opacity: 0.5
 }
 .label {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem
 }
   .label-text {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  --tw-text-opacity: 1;
-  color: hsl(var(--bc) / var(--tw-text-opacity))
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    --tw-text-opacity: 1;
+    color: hsl(var(--bc) / var(--tw-text-opacity))
 }
   .label-text-alt {
-  font-size: 0.75rem;
-  line-height: 1rem;
-  --tw-text-opacity: 1;
-  color: hsl(var(--bc) / var(--tw-text-opacity))
-}
-  @media (hover: hover) {
-  .label a:hover {
+    font-size: 0.75rem;
+    line-height: 1rem;
     --tw-text-opacity: 1;
     color: hsl(var(--bc) / var(--tw-text-opacity))
-  }
+}
+  @media (hover:hover) {
+    .label a:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--bc) / var(--tw-text-opacity))
+    }
 }
 .hero-overlay {
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -2953,88 +2949,88 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
   min-width: 2.2em
 }
 .link-primary {
-  --tw-text-opacity: 1;
-  color: hsl(var(--p) / var(--tw-text-opacity));
-}
-@media (hover: hover) {
-  .link-primary:hover {
     --tw-text-opacity: 1;
-    color: hsl(var(--pf) / var(--tw-text-opacity));
-  }
+    color: hsl(var(--p) / var(--tw-text-opacity));
 }
-  .link-secondary {
-  --tw-text-opacity: 1;
-  color: hsl(var(--s) / var(--tw-text-opacity));
+@media (hover:hover) {
+    .link-primary:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--pf) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-secondary:hover {
+  .link-secondary {
     --tw-text-opacity: 1;
-    color: hsl(var(--sf) / var(--tw-text-opacity));
-  }
+    color: hsl(var(--s) / var(--tw-text-opacity));
 }
-  .link-accent {
-  --tw-text-opacity: 1;
-  color: hsl(var(--a) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-secondary:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--sf) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-accent:hover {
+  .link-accent {
     --tw-text-opacity: 1;
-    color: hsl(var(--af) / var(--tw-text-opacity));
-  }
+    color: hsl(var(--a) / var(--tw-text-opacity));
 }
-  .link-neutral {
-  --tw-text-opacity: 1;
-  color: hsl(var(--n) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-accent:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--af) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-neutral:hover {
+  .link-neutral {
     --tw-text-opacity: 1;
-    color: hsl(var(--nf) / var(--tw-text-opacity));
-  }
+    color: hsl(var(--n) / var(--tw-text-opacity));
 }
-  .link-success {
-  --tw-text-opacity: 1;
-  color: hsl(var(--su) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-neutral:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--nf) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-success:hover {
+  .link-success {
     --tw-text-opacity: 1;
     color: hsl(var(--su) / var(--tw-text-opacity));
-  }
 }
-  .link-info {
-  --tw-text-opacity: 1;
-  color: hsl(var(--in) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-success:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--su) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-info:hover {
+  .link-info {
     --tw-text-opacity: 1;
     color: hsl(var(--in) / var(--tw-text-opacity));
-  }
 }
-  .link-warning {
-  --tw-text-opacity: 1;
-  color: hsl(var(--wa) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-info:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--in) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-warning:hover {
+  .link-warning {
     --tw-text-opacity: 1;
     color: hsl(var(--wa) / var(--tw-text-opacity));
-  }
 }
-  .link-error {
-  --tw-text-opacity: 1;
-  color: hsl(var(--er) / var(--tw-text-opacity));
+  @media (hover:hover) {
+    .link-warning:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--wa) / var(--tw-text-opacity));
+    }
 }
-  @media (hover: hover) {
-  .link-error:hover {
+  .link-error {
     --tw-text-opacity: 1;
     color: hsl(var(--er) / var(--tw-text-opacity));
-  }
+}
+  @media (hover:hover) {
+    .link-error:hover {
+        --tw-text-opacity: 1;
+        color: hsl(var(--er) / var(--tw-text-opacity));
+    }
 }
   .link:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
 }
   .link:focus-visible {
     outline: 2px solid currentColor;
@@ -3174,36 +3170,34 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     border-radius: var(--rounded-btn, 0.5rem);
 }
-  .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)).focus,
-    .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):focus,
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)).focus,
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):focus {
+  .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)).focus,
+    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):focus,
+    .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)).focus,
+    .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):focus {
     cursor: pointer;
     background-color: hsl(var(--bc) / 0.1);
     outline: 2px solid transparent;
     outline-offset: 2px;
 }
   @media (hover: hover) {
-  .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):hover,
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):hover {
+      .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):hover, .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):hover {
         cursor: pointer;
         background-color: hsl(var(--bc) / 0.1);
         outline: 2px solid transparent;
         outline-offset: 2px;
     }
-}
-  .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):active,
-    .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):where(.active),
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active) {
+    }
+  .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
+    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
+    .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
+    .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.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));
 }
-  @media (hover: hover) {
-  .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):where(.active):hover,
-    .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active):hover {
+  @media (hover:hover) {
+    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
         --tw-bg-opacity: 1;
         background-color: hsl(var(--n) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
@@ -3566,7 +3560,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--p) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-primary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -3589,7 +3583,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--s) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-secondary:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -3612,7 +3606,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--a) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-accent:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -3635,7 +3629,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-success:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--su) / var(--tw-border-opacity));
@@ -3658,7 +3652,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-warning:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--wa) / var(--tw-border-opacity));
@@ -3681,7 +3675,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-info:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--in) / var(--tw-border-opacity));
@@ -3704,7 +3698,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
   }
-  @media (hover: hover) {
+  @media (hover:hover) {
   .radio-error:hover {
     --tw-border-opacity: 1;
     border-color: hsl(var(--er) / var(--tw-border-opacity));
@@ -4229,7 +4223,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
 }
 .tab {
   --tw-text-opacity: 0.5;
-}@media (hover: hover) {.tab:hover {
+}@media (hover:hover) {.tab:hover {
     --tw-text-opacity: 1;
   }
 }.tab {
@@ -4265,13 +4259,13 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
   --tw-text-opacity: 0.2;
 }
   @media (hover: hover) {
-  .tab-disabled:hover,
-  .tab[disabled]:hover {
+    .tab[disabled],
+    .tab[disabled]:hover {
     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;
@@ -4360,63 +4354,62 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
   --tw-text-opacity: 1;
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
-@media (hover: hover) {
-.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
+@media (hover:hover) {.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
     --tw-text-opacity: 1;
     color: hsl(var(--pc) / var(--tw-text-opacity));
   }
 }
 .table {
-  text-align: left;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  border-radius: var(--rounded-box, 1rem)
+    text-align: left;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    border-radius: var(--rounded-box, 1rem)
 }
   .table :where(th, td) {
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  vertical-align: middle
+    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))
-}
-  @media (hover: hover) {
-  .table tr.hover:hover,
-  .table tr.hover:nth-child(even):hover {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity))
-  }
+}
+  @media (hover:hover) {
+    .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.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))
-}
-  @media (hover: hover) {
-  .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))
-  }
+}
+  @media (hover:hover) {
+    .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))
+    }
 }
   .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))
+    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)
+    white-space: nowrap;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    font-weight: 700;
+    color: hsl(var(--bc) / 0.6)
 }
 .textarea {
       border-width: 1px;