npm - daisyui - Versions diffs - 4.0.0-alpha.3 → 4.0.0-alpha.4 - Mend

daisyui 4.0.0-alpha.3 → 4.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/full.css +506 -247
package/dist/styled.css +223 -81
package/dist/styled.js +1 -1
package/dist/styled.rtl.js +1 -0
package/dist/themes.css +52 -52
package/dist/unstyled.css +101 -8
package/dist/unstyled.js +1 -1
package/dist/unstyled.rtl.js +1 -0
package/dist/utilities-styled.js +1 -1
package/dist/utilities-unstyled.js +1 -1
package/dist/utilities.js +1 -1
package/package.json +1 -1
package/src/index.js +14 -8
package/src/theming/functions.js +50 -69
package/src/theming/index.js +15 -36

package/dist/full.css CHANGED Viewed

@@ -11,10 +11,10 @@
     --pc: 0.8982 0.0619 275.75;
     --sc: 0.1394 0.0658 342.55;
     --ac: 0.1535 0.0368 183.61;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -48,10 +48,10 @@
         --pc: 0.8982 0.0619 275.75;
         --sc: 0.1394 0.0658 342.55;
         --ac: 0.1535 0.0368 183.61;
-        --inc: 198 100% 12%;
-        --suc: 158 100% 10%;
-        --wac: 43 100% 11%;
-        --erc: 0 100% 14%;
+        --inc: 0 0 0;
+        --suc: 0 0 0;
+        --wac: 0 0 0;
+        --erc: 0 0 0;
         --rounded-box: 1rem;
         --rounded-btn: 0.5rem;
         --rounded-badge: 1.9rem;
@@ -87,10 +87,10 @@
     --pc: 0.8982 0.0619 275.75;
     --sc: 0.1394 0.0658 342.55;
     --ac: 0.1535 0.0368 183.61;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -123,10 +123,10 @@
     --pc: 0.8982 0.0619 275.75;
     --sc: 0.1394 0.0658 342.55;
     --ac: 0.1535 0.0368 183.61;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -162,10 +162,10 @@
     --sc: 0.1579 0.0202 356.2996;
     --ac: 0.1588 0.0292 78.6188;
     --nc: 0.8471 0.0132 313.1896;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
@@ -200,10 +200,10 @@
     --bc: 0.2 0 0;
     --ac: 0.1408 0.0251 52.9534;
     --nc: 0.8445 0.0092 281.9865;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -234,10 +234,10 @@
     --su: 0.7441 0.213 164.75;
     --wa: 0.8471 0.199 83.87;
     --er: 0.7176 0.221 22.18;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -274,10 +274,10 @@
     --pc: 0.1176 0.0434 269.1019;
     --sc: 0.1307 0.011 256.6881;
     --ac: 0.1539 0.0228 163.5789;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --btn-text-case: uppercase;
     --border-btn: 1px;
     --tab-border: 1px;
@@ -386,10 +386,10 @@
     --pc: 0.147 0.0341 6.3471;
     --sc: 0.163 0.0196 222.0808;
     --ac: 0.1408 0.0335 310.4252;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --animation-btn: 0.25s;
     --animation-input: .2s;
     --btn-text-case: uppercase;
@@ -497,10 +497,10 @@
     --pc: 0.1246 0.0501 3.8364;
     --sc: 0.897 0.0222 355.096;
     --ac: 0.1125 0.0109 154.3902;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -535,10 +535,10 @@
     --sc: 0.1396 0.0271 168.3271;
     --ac: 0.1413 0.0239 185.7132;
     --nc: 0.8614 0.0078 171.3646;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
@@ -645,10 +645,10 @@
     --sc: 0.1762 0.0098 8.6884;
     --ac: 0.1784 0.0121 170.9233;
     --nc: 0.1427 0.0147 228.1839;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
@@ -683,10 +683,10 @@
     --sc: 0.1135 0.0266 241.3629;
     --ac: 0.1464 0.035 56.7194;
     --nc: 0.8556 0.0059 256.848;
-    --inc: 198 100% 12%;
-    --suc: 158 100% 10%;
-    --wac: 43 100% 11%;
-    --erc: 0 100% 14%;
+    --inc: 0 0 0;
+    --suc: 0 0 0;
+    --wac: 0 0 0;
+    --erc: 0 0 0;
     --rounded-box: 1rem;
     --rounded-btn: 0.5rem;
     --rounded-badge: 1.9rem;
@@ -1150,7 +1150,7 @@
     --er: 0.7309 0.1102 20.0763
 }
 /*
-! tailwindcss v3.3.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
 */
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -1503,13 +1503,13 @@ html {
     justify-items: center;
     gap: 1rem;
     text-align: center;
-    border-radius: var(--rounded-box, 1rem);
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: oklch(var(--b2) / var(--tw-border-opacity));
     padding: 1rem;
     --tw-text-opacity: 1;
     color: oklch(var(--bc) / var(--tw-text-opacity));
+    border-radius: var(--rounded-box, 1rem);
     --alert-bg: oklch(var(--b2));
     --alert-bg-mix: oklch(var(--b1));
     background-color: var(--alert-bg)}
@@ -1552,14 +1552,14 @@ html {
     width: fit-content;
     padding-left: 0.563rem;
     padding-right: 0.563rem;
-    border-radius: var(--rounded-badge, 1.9rem);
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: oklch(var(--b2) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
-    color: oklch(var(--bc) / var(--tw-text-opacity))}
+    color: oklch(var(--bc) / var(--tw-text-opacity));
+    border-radius: var(--rounded-badge, 1.9rem)}
 .btm-nav {
     position: fixed;
     bottom: 0px;
@@ -1687,7 +1687,8 @@ html {
         border-color: oklch(var(--er) / var(--tw-border-opacity))}
     .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,
+  .tabs-boxed :is(input:checked):hover {
         --tw-text-opacity: 1;
         color: oklch(var(--pc) / var(--tw-text-opacity))}
     .table tr.hover:hover,
@@ -1707,7 +1708,6 @@ html {
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-color: transparent;
     border-color: oklch(var(--b2) / var(--tw-border-opacity));
     text-align: center;
@@ -1717,6 +1717,7 @@ html {
     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;
     min-height: 3rem;
     padding-left: 1rem;
@@ -1793,10 +1794,10 @@ html {
     position: relative;
     content: "";
     z-index: 10;
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--n) / var(--tw-bg-opacity));
-    opacity: 0.75}
+    opacity: 0.75;
+    border-radius: var(--rounded-box, 1rem)}
 .card.image-full:before,
     .card.image-full > * {
     grid-column-start: 1;
@@ -1921,10 +1922,10 @@ html {
     width: 1.5rem;
     cursor: pointer;
     appearance: none;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
-    --tw-border-opacity: 0.2}
+    --tw-border-opacity: 0.2;
+    border-radius: var(--rounded-btn, 0.5rem)}
 .collapse:not(td):not(tr):not(colgroup) {
     visibility: visible}
 .collapse {
@@ -2290,12 +2291,12 @@ html {
     line-height: 2;
     line-height: 1.5rem;
     overflow: hidden;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--b1) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-btn, 0.5rem)}
 .file-input::file-selector-button {
     margin-inline-end: 1rem;
     display: inline-flex;
@@ -2409,12 +2410,12 @@ html {
     font-size: 1rem;
     line-height: 2;
     line-height: 1.5rem;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--b1) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-btn, 0.5rem)}
 .input-group {
     display: flex;
     width: 100%;
@@ -2505,13 +2506,16 @@ html {
   .join :where(*:last-child:not(:first-child) .join-item) {
     border-start-end-radius: inherit;
     border-end-end-radius: inherit}
-:where(.join *) {
-    border-radius: inherit}
+@supports not selector(:has(*)) {
+    :where(.join *) {
+        border-radius: inherit}}
+@supports selector(:has(*)) {
+    :where(.join *:has(.join-item)) {
+        border-radius: inherit}}
 .kbd {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0.2;
@@ -2519,6 +2523,7 @@ html {
     background-color: oklch(var(--b2) / var(--tw-bg-opacity));
     padding-left: 0.5rem;
     padding-right: 0.5rem;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-bottom-width: 2px;
     min-height: 2.2em;
     min-width: 2.2em}
@@ -2593,13 +2598,13 @@ html {
     overflow: hidden;
     overflow-x: auto;
     min-width: 18rem;
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--n) / var(--tw-bg-opacity));
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     --tw-text-opacity: 1;
     color: oklch(var(--nc) / var(--tw-text-opacity));
+    border-radius: var(--rounded-box, 1rem);
     direction: ltr}
 .mockup-code pre[data-prefix]:before {
     content: attr(data-prefix);
@@ -2613,8 +2618,8 @@ html {
     overflow-x: auto;
     display: flex;
     flex-direction: column;
-    border-radius: var(--rounded-box, 1rem);
-    padding-top: 1.25rem}
+    padding-top: 1.25rem;
+    border-radius: var(--rounded-box, 1rem)}
 .mockup-window pre[data-prefix]:before {
     content: attr(data-prefix);
     display: inline-block;
@@ -2662,10 +2667,6 @@ html {
     --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-bottom-right-radius: var(--rounded-box, 1rem);
-    border-bottom-left-radius: var(--rounded-box, 1rem);
-    border-top-left-radius: var(--rounded-box, 1rem);
-    border-top-right-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
     padding: 1.5rem;
@@ -2675,6 +2676,10 @@ html {
     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}
@@ -2720,8 +2725,8 @@ html {
     appearance: none;
     overflow: hidden;
     height: 0.5rem;
-    border-radius: var(--rounded-box, 1rem);
-    background-color: oklch(var(--bc) / 0.2)}
+    background-color: oklch(var(--bc) / 0.2);
+    border-radius: var(--rounded-box, 1rem)}
 .radial-progress {
     position: relative;
     display: inline-grid;
@@ -2787,8 +2792,8 @@ html {
     -webkit-appearance: none;
     --range-shdw: var(--bc);
     overflow: hidden;
-    border-radius: var(--rounded-box, 1rem);
-    background-color: transparent}
+    background-color: transparent;
+    border-radius: var(--rounded-box, 1rem)}
 .range:focus {
     outline: none}
 .rating {
@@ -2815,12 +2820,12 @@ html {
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
     background-color: oklch(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%),
@@ -2851,11 +2856,11 @@ html {
     opacity: 1}
 .stats {
     display: inline-grid;
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
-    color: oklch(var(--bc) / var(--tw-text-opacity))}
+    color: oklch(var(--bc) / var(--tw-text-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 :where(.stats) {
     grid-auto-flow: column;
     overflow-x: auto}
@@ -2940,20 +2945,24 @@ html {
 .swap input:indeterminate ~ .swap-indeterminate {
     opacity: 1}
 .tabs {
-    display: flex;
-    flex-wrap: wrap;
+    display: grid;
     align-items: flex-end}
+.tabs:has(.tab-content[class^="rounded-"]) .tab-lifted:first-child:not(.tab-active),
+  .tabs:has(.tab-content[class*=" rounded-"]) .tab-lifted:first-child:not(.tab-active) {
+    border-bottom-color: transparent}
 .tab {
     position: relative;
+    grid-row-start: 1;
     display: inline-flex;
+    height: 2rem;
     cursor: pointer;
     -webkit-user-select: none;
             user-select: none;
+    appearance: 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;
@@ -2965,13 +2974,33 @@ html {
     color: var(--tab-color);
     padding-inline-start: var(--tab-padding, 1rem);
     padding-inline-end: var(--tab-padding, 1rem)}
+.tab:is(input[type="radio"]):after {
+    --tw-content: attr(aria-label);
+    content: var(--tw-content)}
+.tab:not(input):empty {
+    cursor: default;
+    grid-column-start: span 9999}
+.tab-content {
+    grid-column: 1 / -1;
+    grid-column-end: span 9999;
+    grid-row-start: 2;
+    margin-top: calc(var(--tab-border) * -1);
+    display: none;
+    border-color: transparent;
+    border-width: var(--tab-border, 0)}
+:checked + .tab-content:nth-child(2),
+  .tab-active + .tab-content:nth-child(2) {
+    border-start-start-radius: 0px}
+input.tab:checked + .tab-content,
+.tab-active + .tab-content {
+    display: block}
 .table {
     position: relative;
     width: 100%;
-    border-radius: var(--rounded-box, 1rem);
     text-align: left;
     font-size: 0.875rem;
-    line-height: 1.25rem}
+    line-height: 1.25rem;
+    border-radius: var(--rounded-box, 1rem)}
 .table :where(.table-pin-rows thead tr) {
     position: sticky;
     top: 0px;
@@ -3003,12 +3032,56 @@ html {
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2;
-    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--b1) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-btn, 0.5rem)}
+.timeline {
+    position: relative;
+    display: flex}
+:where(.timeline li) {
+    position: relative;
+    display: grid;
+    align-items: center;
+    grid-template-rows: 1fr auto 1fr;
+    grid-template-columns: 1fr auto 1fr}
+:where(.timeline:not(:has(.timeline-start)) li) {
+    grid-template-rows: min-content auto 1fr}
+:where(.timeline:not(:has(.timeline-end)) li) {
+    grid-template-rows: 1fr auto min-content}
+:where(.timeline:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
+    grid-template-rows: min-content auto min-content}
+.timeline hr {
+    width: 100%;
+    border-width: 0px;
+    height: 0.25rem}
+:where(.timeline hr):first-child {
+    grid-column-start: 1;
+    grid-row-start: 2}
+:where(.timeline hr):last-child {
+    grid-column-start: 3;
+    grid-row-start: 2}
+.timeline-start {
+    grid-column-start: 1;
+    grid-column-end: 4;
+    grid-row-start: 1;
+    grid-row-end: 2;
+    margin: 0.25rem;
+    align-self: flex-end;
+    justify-self: center}
+.timeline-middle {
+    grid-column-start: 2;
+    grid-row-start: 2}
+.timeline-end {
+    grid-column-start: 1;
+    grid-column-end: 4;
+    grid-row-start: 3;
+    grid-row-end: 4;
+    margin: 0.25rem;
+    align-self: flex-start;
+    justify-self: center}
 .toast {
     position: fixed;
     display: flex;
@@ -3027,12 +3100,12 @@ html {
     width: 3rem;
     cursor: pointer;
     appearance: none;
-    border-radius: var(--rounded-badge, 1.9rem);
     border-width: 1px;
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0.2;
     background-color: oklch(var(--bc) / var(--tw-bg-opacity));
     --tw-bg-opacity: 0.5;
+    border-radius: var(--rounded-badge, 1.9rem);
     transition: background,
     box-shadow var(--animation-input, 0.2s) ease-out;
     box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
@@ -4184,7 +4257,6 @@ details.collapse summary::-webkit-details-marker {
     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)) {
-    border-radius: var(--rounded-btn, 0.5rem);
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 0.5rem;
@@ -4196,6 +4268,7 @@ details.collapse summary::-webkit-details-marker {
     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}
 :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,
@@ -4407,37 +4480,37 @@ details.collapse summary::-webkit-details-marker {
     0% {
         opacity: 0}}
 .progress::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--bc) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--bc) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-primary::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--p) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--p) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-secondary::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--s) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--s) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-accent::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--a) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--a) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-info::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--in) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--in) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-success::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--su) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--su) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-warning::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--wa) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-error::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--er) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--er) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress:indeterminate {
     --progress-color: oklch(var(--bc));
     background-image: repeating-linear-gradient(
@@ -4465,12 +4538,12 @@ details.collapse summary::-webkit-details-marker {
 .progress-error:indeterminate {
     --progress-color: oklch(var(--er))}
 .progress::-webkit-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
-    background-color: transparent}
+    background-color: transparent;
+    border-radius: var(--rounded-box, 1rem)}
 .progress::-webkit-progress-value {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--bc) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--bc) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .progress-primary::-webkit-progress-value {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--p) / var(--tw-bg-opacity))}
@@ -4639,21 +4712,21 @@ details.collapse summary::-webkit-details-marker {
 .range::-webkit-slider-runnable-track {
     height: 0.5rem;
     width: 100%;
-    border-radius: var(--rounded-box, 1rem);
-    background-color: oklch(var(--bc) / 0.1)}
+    background-color: oklch(var(--bc) / 0.1);
+    border-radius: var(--rounded-box, 1rem)}
 .range::-moz-range-track {
     height: 0.5rem;
     width: 100%;
-    border-radius: var(--rounded-box, 1rem);
-    background-color: oklch(var(--bc) / 0.1)}
+    background-color: oklch(var(--bc) / 0.1);
+    border-radius: var(--rounded-box, 1rem)}
 .range::-webkit-slider-thumb {
     position: relative;
     height: 1.5rem;
     width: 1.5rem;
-    border-radius: var(--rounded-box, 1rem);
     border-style: none;
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem);
     appearance: none;
     -webkit-appearance: none;
     top: 50%;
@@ -4668,10 +4741,10 @@ details.collapse summary::-webkit-details-marker {
     position: relative;
     height: 1.5rem;
     width: 1.5rem;
-    border-radius: var(--rounded-box, 1rem);
     border-style: none;
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem);
     top: 50%;
     color: oklch(var(--range-shdw));
     --filler-size: 100rem;
@@ -4923,7 +4996,8 @@ details.collapse summary::-webkit-details-marker {
 .swap-active:where(.swap-flip) .swap-on,
 .swap-flip input:indeterminate ~ .swap-indeterminate {
     transform: rotateY(0deg)}
-.tab.tab-active:not(.tab-disabled):not([disabled]) {
+.tab.tab-active:not(.tab-disabled):not([disabled]),
+  .tab:is(input:checked) {
     border-color: oklch(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 1;
     --tw-text-opacity: 1}
@@ -4932,10 +5006,10 @@ details.collapse summary::-webkit-details-marker {
     outline-offset: 2px}
 .tab:focus-visible {
     outline: 2px solid currentColor;
-    outline-offset: -3px}
+    outline-offset: -5px}
 .tab:focus-visible.tab-lifted {
-    border-end-end-radius: var(--tab-radius, 0.5rem);
-    border-end-start-radius: var(--tab-radius, 0.5rem)}
+    border-end-end-radius: 0;
+    border-end-start-radius: 0}
 .tab-disabled,
   .tab[disabled] {
     cursor: not-allowed;
@@ -4955,7 +5029,8 @@ details.collapse summary::-webkit-details-marker {
     padding-inline-start: var(--tab-padding, 1rem);
     padding-inline-end: var(--tab-padding, 1rem);
     padding-top: var(--tab-border, 1px)}
-.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]),
+  .tab-lifted:is(input:checked) {
     background-color: var(--tab-bg);
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
     border-inline-start-color: var(--tab-border-color);
@@ -4965,50 +5040,53 @@ details.collapse summary::-webkit-details-marker {
     padding-inline-end: 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 {
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before, .tab-lifted:is(input:checked):before {
     z-index: 1;
     content: "";
     display: block;
     position: absolute;
-    width: var(--tab-radius, 0.5rem);
+    width: calc(100% + var(--tab-radius, 0.5rem) * 2);
     height: var(--tab-radius, 0.5rem);
     bottom: 0;
+    background-size: var(--tab-radius, 0.5rem);
+    background-position: top left,
+        top right;
+    background-repeat: no-repeat;
     --tab-grad: calc(68% - var(--tab-border, 1px));
-    --tab-corner-bg: radial-gradient(
-        circle at var(--circle-pos),
+    --radius-start: radial-gradient(
+        circle at top left,
         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 {
-    inset-inline-start: 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 {
-    inset-inline-end: 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}
+      );
+    --radius-end: radial-gradient(
+        circle at top right,
+        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)
+      );
+    background-image: var(--radius-start), var(--radius-end)}
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tab-lifted:is(input:checked):first-child:before {
+    background-image: var(--radius-end);
+    background-position: top right}
+.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tab-lifted:is(input:checked):last-child:before {
+    background-image: var(--radius-start);
+    background-position: top left}
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled])
-  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
-    background: none}
+  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before, .tab-lifted:is(input:checked) + .tab-lifted:is(input:checked):before {
+    background-image: var(--radius-end);
+    background-position: top right}
 .tabs-boxed {
-    border-radius: var(--rounded-btn, 0.5rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b2) / var(--tw-bg-opacity));
-    padding: 0.25rem}
+    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]) {
+.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]),
+  .tabs-boxed :is(input:checked) {
     --tw-bg-opacity: 1;
     background-color: oklch(var(--p) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
@@ -5105,6 +5183,43 @@ details.collapse summary::-webkit-details-marker {
   .textarea[disabled]::placeholder {
     color: oklch(var(--bc) / var(--tw-placeholder-opacity));
     --tw-placeholder-opacity: 0.2}
+:where(.timeline hr) {
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--b3) / var(--tw-bg-opacity))}
+:where(.timeline:has(.timeline-middle) hr):first-child {
+    border-start-end-radius: var(--rounded-badge, 1.9rem);
+    border-end-end-radius: var(--rounded-badge, 1.9rem);
+    border-start-start-radius: 0px;
+    border-end-start-radius: 0px}
+:where(.timeline:has(.timeline-middle) hr):last-child {
+    border-start-start-radius: var(--rounded-badge, 1.9rem);
+    border-end-start-radius: var(--rounded-badge, 1.9rem);
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px}
+:where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) {
+    border-start-start-radius: var(--rounded-badge, 1.9rem);
+    border-end-start-radius: var(--rounded-badge, 1.9rem);
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px}
+:where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) {
+    border-start-end-radius: var(--rounded-badge, 1.9rem);
+    border-end-end-radius: var(--rounded-badge, 1.9rem);
+    border-start-start-radius: 0px;
+    border-end-start-radius: 0px}
+.timeline-box {
+    border-width: 1px;
+    --tw-border-opacity: 1;
+    border-color: oklch(var(--b3) / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: oklch(var(--b1) / var(--tw-bg-opacity));
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    --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);
+    border-radius: var(--rounded-box, 1rem)}
 .toast > * {
     animation: toast-pop 0.25s ease-out}
 @keyframes toast-pop {
@@ -22842,6 +22957,32 @@ details.collapse summary::-webkit-details-marker {
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms}
+.rounded-box {
+    border-radius: var(--rounded-box, 1rem)}
+.rounded-t-box {
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-top-right-radius: var(--rounded-box, 1rem)}
+.rounded-b-box {
+    border-bottom-left-radius: var(--rounded-box, 1rem);
+    border-bottom-right-radius: var(--rounded-box, 1rem)}
+.rounded-l-box {
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
+.rounded-r-box {
+    border-top-right-radius: var(--rounded-box, 1rem);
+    border-bottom-right-radius: var(--rounded-box, 1rem)}
+.rounded-br-box {
+    border-bottom-right-radius: var(--rounded-box, 1rem)}
+.rounded-tr-box {
+    border-top-right-radius: var(--rounded-box, 1rem)}
+.rounded-bl-box {
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
+.rounded-tl-box {
+    border-top-left-radius: var(--rounded-box, 1rem)}
+.rounded-btn {
+    border-radius: var(--rounded-btn, 0.5rem)}
+.rounded-badge {
+    border-radius: var(--rounded-badge, 1.9rem)}
 .glass,
   .glass.btn-active {
     border: none;
@@ -22880,6 +23021,14 @@ details.collapse summary::-webkit-details-marker {
         box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
         0 0 0 2px rgb(0 0 0 / 5%);
         text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))}}
+.min-h-6 {
+    min-height: 1.5rem}
+.min-h-8 {
+    min-height: 2rem}
+.min-h-12 {
+    min-height: 3rem}
+.min-h-16 {
+    min-height: 4rem}
 .no-animation {
     --btn-focus-scale: 1;
     --animation-btn: 0;
@@ -23523,6 +23672,72 @@ details.collapse summary::-webkit-details-marker {
     font-size: 1.125rem;
     line-height: 1.75rem;
     line-height: 2}
+.timeline-vertical {
+    flex-direction: column}
+:where(.timeline-vertical li) {
+    grid-template-rows: 1fr auto 1fr;
+    justify-items: center}
+:where(.timeline-vertical:not(:has(.timeline-start)) li) {
+    grid-template-columns: min-content auto 1fr}
+:where(.timeline-vertical:not(:has(.timeline-end)) li) {
+    grid-template-columns: 1fr auto min-content}
+:where(.timeline-vertical:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
+    grid-template-columns: min-content auto min-content}
+.timeline-vertical hr {
+    height: 100%}
+:where(.timeline-vertical hr):first-child {
+    grid-column-start: 2;
+    grid-row-start: 1}
+:where(.timeline-vertical hr):last-child {
+    grid-column-start: 2;
+    grid-row-start: 3}
+.timeline-vertical .timeline-start {
+    grid-column-start: 1;
+    grid-column-end: 2;
+    grid-row-start: 1;
+    grid-row-end: 4;
+    align-self: center;
+    justify-self: end}
+.timeline-vertical .timeline-end {
+    grid-column-start: 3;
+    grid-column-end: 4;
+    grid-row-start: 1;
+    grid-row-end: 4;
+    align-self: center;
+    justify-self: start}
+.timeline-horizontal {
+    flex-direction: row}
+:where(.timeline-horizontal li) {
+    grid-template-columns: 1fr auto 1fr;
+    align-items: center}
+:where(.timeline-horizontal:not(:has(.timeline-start)) li) {
+    grid-template-rows: min-content auto 1fr}
+:where(.timeline-horizontal:not(:has(.timeline-end)) li) {
+    grid-template-rows: 1fr auto min-content}
+:where(.timeline-horizontal:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
+    grid-template-rows: min-content auto min-content}
+.timeline-horizontal hr {
+    width: 100%}
+:where(.timeline-horizontal hr):first-child {
+    grid-column-start: 1;
+    grid-row-start: 2}
+:where(.timeline-horizontal hr):last-child {
+    grid-column-start: 3;
+    grid-row-start: 2}
+.timeline-horizontal .timeline-start {
+    grid-column-start: 1;
+    grid-column-end: 4;
+    grid-row-start: 1;
+    grid-row-end: 2;
+    align-self: flex-end;
+    justify-self: center}
+.timeline-horizontal .timeline-end {
+    grid-column-start: 1;
+    grid-column-end: 4;
+    grid-row-start: 3;
+    grid-row-end: 4;
+    align-self: flex-start;
+    justify-self: center}
 :where(.toast) {
     bottom: 0px;
     inset-inline-end: 0px;
@@ -23615,11 +23830,11 @@ details.collapse summary::-webkit-details-marker {
     right: auto;
     bottom: auto}
 .artboard-demo {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b3) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: oklch(var(--bc) / var(--tw-text-opacity));
+    border-radius: var(--rounded-box, 1rem);
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
       0 1px 2px 0 rgba(0, 0, 0, 0.06)}
 .avatar.online:before {
@@ -23744,12 +23959,12 @@ details.collapse summary::-webkit-details-marker {
 .menu-horizontal > li > details > ul:before {
     content: none}
 :where(.menu-horizontal > li:not(.menu-title) > details > ul) {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: oklch(var(--b1) / var(--tw-bg-opacity));
     --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+    border-radius: var(--rounded-box, 1rem)}
 .menu-vertical > li:not(.menu-title) > details > ul {
     margin-inline-start: 1rem;
     margin-top: 0px;
@@ -23772,13 +23987,13 @@ details.collapse summary::-webkit-details-marker {
     padding-bottom: 0.25rem}
 .menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-    border-radius: var(--rounded-btn, 0.5rem);
     padding-left: 0.75rem;
     padding-right: 0.75rem;
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
     font-size: 0.875rem;
-    line-height: 1.25rem}
+    line-height: 1.25rem;
+    border-radius: var(--rounded-btn, 0.5rem)}
 .menu-sm .menu-title {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -23786,13 +24001,13 @@ details.collapse summary::-webkit-details-marker {
     padding-bottom: 0.5rem}
 .menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-    border-radius: var(--rounded-btn, 0.5rem);
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     font-size: 0.875rem;
-    line-height: 1.25rem}
+    line-height: 1.25rem;
+    border-radius: var(--rounded-btn, 0.5rem)}
 .menu-md .menu-title {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -23800,13 +24015,13 @@ details.collapse summary::-webkit-details-marker {
     padding-bottom: 0.5rem}
 .menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-    border-radius: var(--rounded-btn, 0.5rem);
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     font-size: 1.125rem;
-    line-height: 1.75rem}
+    line-height: 1.75rem;
+    border-radius: var(--rounded-btn, 0.5rem)}
 .menu-lg .menu-title {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -23819,10 +24034,10 @@ details.collapse summary::-webkit-details-marker {
     --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: var(--rounded-box, 1rem);
-    border-bottom-left-radius: var(--rounded-box, 1rem);
     border-top-left-radius: 0px;
-    border-top-right-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;
@@ -23832,8 +24047,8 @@ 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));
     border-top-left-radius: var(--rounded-box, 1rem);
     border-top-right-radius: var(--rounded-box, 1rem);
-    border-bottom-right-radius: var(--rounded-box, 1rem);
-    border-bottom-left-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;
@@ -23841,10 +24056,10 @@ details.collapse summary::-webkit-details-marker {
     --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: var(--rounded-box, 1rem);
-    border-top-right-radius: var(--rounded-box, 1rem);
     border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px}
+    border-bottom-left-radius: 0px;
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-top-right-radius: var(--rounded-box, 1rem)}
 .stats-horizontal > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -23928,6 +24143,50 @@ details.collapse summary::-webkit-details-marker {
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem}
+.timeline-vertical hr {
+    width: 0.25rem}
+:where(.timeline-vertical:has(.timeline-middle) hr):first-child {
+    border-bottom-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-left-radius: var(--rounded-badge, 1.9rem);
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px}
+:where(.timeline-vertical:has(.timeline-middle) hr):last-child {
+    border-top-left-radius: var(--rounded-badge, 1.9rem);
+    border-top-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px}
+:where(.timeline-vertical:not(:has(.timeline-middle)) :first-child hr:last-child) {
+    border-top-left-radius: var(--rounded-badge, 1.9rem);
+    border-top-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px}
+:where(.timeline-vertical:not(:has(.timeline-middle)) :last-child hr:first-child) {
+    border-bottom-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-left-radius: var(--rounded-badge, 1.9rem);
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px}
+.timeline-horizontal hr {
+    height: 0.25rem}
+:where(.timeline-horizontal:has(.timeline-middle) hr):first-child {
+    border-start-end-radius: var(--rounded-badge, 1.9rem);
+    border-end-end-radius: var(--rounded-badge, 1.9rem);
+    border-start-start-radius: 0px;
+    border-end-start-radius: 0px}
+:where(.timeline-horizontal:has(.timeline-middle) hr):last-child {
+    border-start-start-radius: var(--rounded-badge, 1.9rem);
+    border-end-start-radius: var(--rounded-badge, 1.9rem);
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px}
+:where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child hr:last-child) {
+    border-start-start-radius: var(--rounded-badge, 1.9rem);
+    border-end-start-radius: var(--rounded-badge, 1.9rem);
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px}
+:where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child hr:first-child) {
+    border-start-end-radius: var(--rounded-badge, 1.9rem);
+    border-end-end-radius: var(--rounded-badge, 1.9rem);
+    border-start-start-radius: 0px;
+    border-end-start-radius: 0px}
 .tooltip {
     position: relative;
     display: inline-block;
@@ -24423,21 +24682,21 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: oklch(var(--er) / var(--tw-text-opacity))}
 .hover\:progress-info:hover::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--in) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--in) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .hover\:progress-success:hover::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--su) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--su) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .hover\:progress-warning:hover::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--wa) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .hover\:progress-error:hover::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--er) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--er) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .hover\:progress-info:hover:indeterminate {
     --progress-color: oklch(var(--in))}
 .hover\:progress-success:hover:indeterminate {
@@ -25021,21 +25280,21 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: oklch(var(--er) / var(--tw-text-opacity))}
 .focus\:progress-info:focus::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--in) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--in) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .focus\:progress-success:focus::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--su) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--su) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .focus\:progress-warning:focus::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--wa) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .focus\:progress-error:focus::-moz-progress-bar {
-    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: oklch(var(--er) / var(--tw-bg-opacity))}
+    background-color: oklch(var(--er) / var(--tw-bg-opacity));
+    border-radius: var(--rounded-box, 1rem)}
 .focus\:progress-info:focus:indeterminate {
     --progress-color: oklch(var(--in))}
 .focus\:progress-success:focus:indeterminate {
@@ -25238,11 +25497,11 @@ details.collapse summary::-webkit-details-marker {
         line-height: 2rem}
     .sm\:stats {
         display: inline-grid;
-        border-radius: var(--rounded-box, 1rem);
         --tw-bg-opacity: 1;
         background-color: oklch(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: oklch(var(--bc) / var(--tw-text-opacity))}
+        color: oklch(var(--bc) / var(--tw-text-opacity));
+        border-radius: var(--rounded-box, 1rem)}
     :where(.sm\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25275,11 +25534,11 @@ details.collapse summary::-webkit-details-marker {
         line-height: 2rem}
     .md\:stats {
         display: inline-grid;
-        border-radius: var(--rounded-box, 1rem);
         --tw-bg-opacity: 1;
         background-color: oklch(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: oklch(var(--bc) / var(--tw-text-opacity))}
+        color: oklch(var(--bc) / var(--tw-text-opacity));
+        border-radius: var(--rounded-box, 1rem)}
     :where(.md\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25312,11 +25571,11 @@ details.collapse summary::-webkit-details-marker {
         line-height: 2rem}
     .lg\:stats {
         display: inline-grid;
-        border-radius: var(--rounded-box, 1rem);
         --tw-bg-opacity: 1;
         background-color: oklch(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: oklch(var(--bc) / var(--tw-text-opacity))}
+        color: oklch(var(--bc) / var(--tw-text-opacity));
+        border-radius: var(--rounded-box, 1rem)}
     :where(.lg\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25349,11 +25608,11 @@ details.collapse summary::-webkit-details-marker {
         line-height: 2rem}
     .xl\:stats {
         display: inline-grid;
-        border-radius: var(--rounded-box, 1rem);
         --tw-bg-opacity: 1;
         background-color: oklch(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: oklch(var(--bc) / var(--tw-text-opacity))}
+        color: oklch(var(--bc) / var(--tw-text-opacity));
+        border-radius: var(--rounded-box, 1rem)}
     :where(.xl\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -48843,39 +49102,39 @@ details.collapse summary::-webkit-details-marker {
         cursor: default;
         background-color: transparent}
     .sm\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.25rem;
         padding-bottom: 0.25rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .sm\:menu-sm .menu-title {
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .sm\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .sm\:menu-md .menu-title {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .sm\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         padding-top: 0.75rem;
         padding-bottom: 0.75rem;
         font-size: 1.125rem;
-        line-height: 1.75rem}
+        line-height: 1.75rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .sm\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -48888,10 +49147,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem);
         border-top-left-radius: 0px;
-        border-top-right-radius: 0px}
+        border-top-right-radius: 0px;
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .sm\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -48901,8 +49160,8 @@ 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));
         border-top-left-radius: var(--rounded-box, 1rem);
         border-top-right-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem)}
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .sm\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -48910,10 +49169,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem);
         border-bottom-right-radius: 0px;
-        border-bottom-left-radius: 0px}
+        border-bottom-left-radius: 0px;
+        border-top-left-radius: var(--rounded-box, 1rem);
+        border-top-right-radius: var(--rounded-box, 1rem)}
     .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49365,39 +49624,39 @@ details.collapse summary::-webkit-details-marker {
         cursor: default;
         background-color: transparent}
     .md\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.25rem;
         padding-bottom: 0.25rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .md\:menu-sm .menu-title {
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .md\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .md\:menu-md .menu-title {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .md\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         padding-top: 0.75rem;
         padding-bottom: 0.75rem;
         font-size: 1.125rem;
-        line-height: 1.75rem}
+        line-height: 1.75rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .md\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -49410,10 +49669,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem);
         border-top-left-radius: 0px;
-        border-top-right-radius: 0px}
+        border-top-right-radius: 0px;
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .md\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -49423,8 +49682,8 @@ 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));
         border-top-left-radius: var(--rounded-box, 1rem);
         border-top-right-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem)}
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .md\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -49432,10 +49691,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem);
         border-bottom-right-radius: 0px;
-        border-bottom-left-radius: 0px}
+        border-bottom-left-radius: 0px;
+        border-top-left-radius: var(--rounded-box, 1rem);
+        border-top-right-radius: var(--rounded-box, 1rem)}
     .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49887,39 +50146,39 @@ details.collapse summary::-webkit-details-marker {
         cursor: default;
         background-color: transparent}
     .lg\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.25rem;
         padding-bottom: 0.25rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .lg\:menu-sm .menu-title {
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .lg\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .lg\:menu-md .menu-title {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .lg\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         padding-top: 0.75rem;
         padding-bottom: 0.75rem;
         font-size: 1.125rem;
-        line-height: 1.75rem}
+        line-height: 1.75rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .lg\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -49932,10 +50191,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem);
         border-top-left-radius: 0px;
-        border-top-right-radius: 0px}
+        border-top-right-radius: 0px;
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .lg\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -49945,8 +50204,8 @@ 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));
         border-top-left-radius: var(--rounded-box, 1rem);
         border-top-right-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem)}
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .lg\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -49954,10 +50213,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem);
         border-bottom-right-radius: 0px;
-        border-bottom-left-radius: 0px}
+        border-bottom-left-radius: 0px;
+        border-top-left-radius: var(--rounded-box, 1rem);
+        border-top-right-radius: var(--rounded-box, 1rem)}
     .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -50409,39 +50668,39 @@ details.collapse summary::-webkit-details-marker {
         cursor: default;
         background-color: transparent}
     .xl\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.25rem;
         padding-bottom: 0.25rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .xl\:menu-sm .menu-title {
         padding-left: 0.75rem;
         padding-right: 0.75rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .xl\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
         font-size: 0.875rem;
-        line-height: 1.25rem}
+        line-height: 1.25rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .xl\:menu-md .menu-title {
         padding-left: 1rem;
         padding-right: 1rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem}
     .xl\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--rounded-btn, 0.5rem);
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         padding-top: 0.75rem;
         padding-bottom: 0.75rem;
         font-size: 1.125rem;
-        line-height: 1.75rem}
+        line-height: 1.75rem;
+        border-radius: var(--rounded-btn, 0.5rem)}
     .xl\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -50454,10 +50713,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem);
         border-top-left-radius: 0px;
-        border-top-right-radius: 0px}
+        border-top-right-radius: 0px;
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .xl\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -50467,8 +50726,8 @@ 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));
         border-top-left-radius: var(--rounded-box, 1rem);
         border-top-right-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem);
-        border-bottom-left-radius: var(--rounded-box, 1rem)}
+        border-bottom-left-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: var(--rounded-box, 1rem)}
     .xl\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -50476,10 +50735,10 @@ details.collapse summary::-webkit-details-marker {
         --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: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem);
         border-bottom-right-radius: 0px;
-        border-bottom-left-radius: 0px}
+        border-bottom-left-radius: 0px;
+        border-top-left-radius: var(--rounded-box, 1rem);
+        border-top-right-radius: var(--rounded-box, 1rem)}
     .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));