daisyui 3.9.3 → 4.0.0-alpha.2

package/dist/full.css

@@ -1502,13 +1502,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: hsl(var(--b2) / var(--tw-border-opacity));
     padding: 1rem;
     --tw-text-opacity: 1;
     color: hsl(var(--bc) / var(--tw-text-opacity));
-    border-radius: var(--rounded-box, 1rem);
     --alert-bg: hsl(var(--b2));
     --alert-bg-mix: hsl(var(--b1));
     background-color: var(--alert-bg)}
@@ -1517,7 +1517,7 @@ html {
         grid-auto-flow: column;
         grid-template-columns: auto minmax(auto,1fr);
         justify-items: start;
-        text-align: left}}
+        text-align: start}}
 .artboard {
     width: 100%}
 .avatar {
@@ -1549,14 +1549,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: hsl(var(--b2) / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b1) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
-    color: hsl(var(--bc) / var(--tw-text-opacity));
-    border-radius: var(--rounded-badge, 1.9rem)}
+    color: hsl(var(--bc) / var(--tw-text-opacity))}
 .btm-nav {
     position: fixed;
     bottom: 0px;
@@ -1703,6 +1703,7 @@ html {
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-color: transparent;
     border-color: hsl(var(--b2) / var(--tw-border-opacity));
     text-align: center;
@@ -1710,11 +1711,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-radius: var(--rounded-btn, 0.5rem);
     height: 3rem;
+    min-height: 3rem;
     padding-left: 1rem;
     padding-right: 1rem;
-    min-height: 3rem;
     font-size: 0.875rem;
     line-height: 1em;
     gap: 0.5rem;
@@ -1748,8 +1748,8 @@ html {
     appearance: none}
 .btn-group > input[type="radio"].btn:before {
     content: attr(data-title)}
-.btn:is(input[type="checkbox"]),
-.btn:is(input[type="radio"]) {
+:where(.btn:is(input[type="checkbox"])),
+:where(.btn:is(input[type="radio"])) {
     width: auto;
     appearance: none}
 .btn:is(input[type="checkbox"]):after,
@@ -1787,10 +1787,10 @@ html {
     position: relative;
     content: "";
     z-index: 10;
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
-    opacity: 0.75;
-    border-radius: var(--rounded-box, 1rem)}
+    opacity: 0.75}
 .card.image-full:before,
     .card.image-full > * {
     grid-column-start: 1;
@@ -1880,11 +1880,11 @@ html {
     grid-column-start: 1}
 .chat-start .chat-bubble {
     grid-column-start: 2;
-    border-bottom-left-radius: 0px}
+    border-end-start-radius: 0px}
 .chat-start .chat-bubble:before {
     -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
             mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
-    left: -0.749rem}
+    inset-inline-start: -0.749rem}
 [dir="rtl"] .chat-start .chat-bubble:before {
     -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
             mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}
@@ -1899,11 +1899,11 @@ html {
     grid-column-start: 2}
 .chat-end .chat-bubble {
     grid-column-start: 1;
-    border-bottom-right-radius: 0px}
+    border-end-end-radius: 0px}
 .chat-end .chat-bubble:before {
     -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
             mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
-    left: 99.9%}
+    inset-inline-start: 99.9%}
 [dir="rtl"] .chat-end .chat-bubble:before {
     -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
             mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}
@@ -1915,10 +1915,10 @@ html {
     width: 1.5rem;
     cursor: pointer;
     appearance: none;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
-    --tw-border-opacity: 0.2;
-    border-radius: var(--rounded-btn, 0.5rem)}
+    --tw-border-opacity: 0.2}
 .collapse:not(td):not(tr):not(colgroup) {
     visibility: visible}
 .collapse {
@@ -2005,7 +2005,7 @@ html {
 .drawer-side {
     pointer-events: none;
     position: fixed;
-    left: 0px;
+    inset-inline-start: 0px;
     top: 0px;
     grid-column-start: 1;
     grid-row-start: 1;
@@ -2042,7 +2042,7 @@ html {
     transition-duration: 300ms;
     transform: translateX(-100%)}
 [dir="rtl"] .drawer-side > *:not(.drawer-overlay) {
-    transform: translateX(-100%)}
+    transform: translateX(100%)}
 .drawer-toggle {
     position: fixed;
     height: 0px;
@@ -2063,6 +2063,8 @@ html {
     justify-items: end}
 .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
     transform: translateX(100%)}
+[dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
+    transform: translateX(-100%)}
 .drawer-end .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
     transform: translateX(0%)}
 .dropdown {
@@ -2085,15 +2087,15 @@ html {
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms}
 .dropdown-end .dropdown-content {
-    right: 0px}
+    inset-inline-end: 0px}
 .dropdown-left .dropdown-content {
     bottom: auto;
-    right: 100%;
+    inset-inline-end: 100%;
     top: 0px;
     transform-origin: right}
 .dropdown-right .dropdown-content {
     bottom: auto;
-    left: 100%;
+    inset-inline-start: 100%;
     top: 0px;
     transform-origin: left}
 .dropdown-bottom .dropdown-content {
@@ -2273,19 +2275,19 @@ html {
 .file-input {
     height: 3rem;
     flex-shrink: 1;
-    padding-right: 1rem;
+    padding-inline-end: 1rem;
     font-size: 1rem;
     line-height: 2;
     line-height: 1.5rem;
     overflow: hidden;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-btn, 0.5rem)}
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
 .file-input::file-selector-button {
-    margin-right: 1rem;
+    margin-inline-end: 1rem;
     display: inline-flex;
     height: 100%;
     flex-shrink: 0;
@@ -2393,12 +2395,12 @@ html {
     font-size: 1rem;
     line-height: 2;
     line-height: 1.5rem;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-btn, 0.5rem)}
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
 .input-group {
     display: flex;
     width: 100%;
@@ -2495,6 +2497,7 @@ html {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0.2;
@@ -2502,7 +2505,6 @@ html {
     background-color: hsl(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}
@@ -2523,11 +2525,17 @@ html {
             mask-size: 200%;
     -webkit-mask-position: left;
             mask-position: left}
+:is([dir="rtl"] .mask-half-1) {
+    -webkit-mask-position: right;
+            mask-position: right}
 .mask-half-2 {
     -webkit-mask-size: 200%;
             mask-size: 200%;
     -webkit-mask-position: right;
             mask-position: right}
+:is([dir="rtl"] .mask-half-2) {
+    -webkit-mask-position: left;
+            mask-position: left}
 .menu {
     display: flex;
     flex-direction: column;
@@ -2538,8 +2546,8 @@ html {
 .menu :where(li ul) {
     position: relative;
     white-space: nowrap;
-    margin-left: 1rem;
-    padding-left: 0.5rem}
+    margin-inline-start: 1rem;
+    padding-inline-start: 0.5rem}
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
     display: grid;
@@ -2569,13 +2577,14 @@ html {
     overflow: hidden;
     overflow-x: auto;
     min-width: 18rem;
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: hsl(var(--n) / var(--tw-bg-opacity));
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
     --tw-text-opacity: 1;
     color: hsl(var(--nc) / var(--tw-text-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    direction: ltr}
 .mockup-code pre[data-prefix]:before {
     content: attr(data-prefix);
     display: inline-block;
@@ -2586,8 +2595,10 @@ html {
     position: relative;
     overflow: hidden;
     overflow-x: auto;
-    padding-top: 1.25rem;
-    border-radius: var(--rounded-box, 1rem)}
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--rounded-box, 1rem);
+    padding-top: 1.25rem}
 .mockup-window pre[data-prefix]:before {
     content: attr(data-prefix);
     display: inline-block;
@@ -2635,6 +2646,10 @@ 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: hsl(var(--b1) / var(--tw-bg-opacity));
     padding: 1.5rem;
@@ -2642,10 +2657,6 @@ 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}
@@ -2691,8 +2702,8 @@ html {
     appearance: none;
     overflow: hidden;
     height: 0.5rem;
-    background-color: hsl(var(--bc) / 0.2);
-    border-radius: var(--rounded-box, 1rem)}
+    border-radius: var(--rounded-box, 1rem);
+    background-color: hsl(var(--bc) / 0.2)}
 .radial-progress {
     position: relative;
     display: inline-grid;
@@ -2758,8 +2769,8 @@ html {
     -webkit-appearance: none;
     --range-shdw: var(--bc);
     overflow: hidden;
-    background-color: transparent;
-    border-radius: var(--rounded-box, 1rem)}
+    border-radius: var(--rounded-box, 1rem);
+    background-color: transparent}
 .range:focus {
     outline: none}
 .rating {
@@ -2779,18 +2790,18 @@ html {
     user-select: none;
     appearance: none;
     height: 3rem;
+    min-height: 3rem;
     padding-left: 1rem;
     padding-right: 2.5rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2;
-    min-height: 3rem;
+    border-radius: var(--rounded-btn, 0.5rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-btn, 0.5rem);
     background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
     linear-gradient(135deg, currentColor 50%, transparent 50%);
     background-position: calc(100% - 20px) calc(1px + 50%),
@@ -2821,11 +2832,11 @@ html {
     opacity: 1}
 .stats {
     display: inline-grid;
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b1) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
-    color: hsl(var(--bc) / var(--tw-text-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    color: hsl(var(--bc) / var(--tw-text-opacity))}
 :where(.stats) {
     grid-auto-flow: column;
     overflow-x: auto}
@@ -2931,15 +2942,15 @@ html {
     --tab-bg: hsl(var(--b1) / var(--tw-bg-opacity, 1));
     --tab-border-color: hsl(var(--b3) / var(--tw-bg-opacity, 1));
     color: var(--tab-color);
-    padding-left: var(--tab-padding, 1rem);
-    padding-right: var(--tab-padding, 1rem)}
+    padding-inline-start: var(--tab-padding, 1rem);
+    padding-inline-end: var(--tab-padding, 1rem)}
 .table {
     position: relative;
     width: 100%;
+    border-radius: var(--rounded-box, 1rem);
     text-align: left;
     font-size: 0.875rem;
-    line-height: 1.25rem;
-    border-radius: var(--rounded-box, 1rem)}
+    line-height: 1.25rem}
 .table :where(.table-pin-rows thead tr) {
     position: sticky;
     top: 0px;
@@ -2962,8 +2973,8 @@ html {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity))}
 .textarea {
-    flex-shrink: 1;
     min-height: 3rem;
+    flex-shrink: 1;
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 0.5rem;
@@ -2971,12 +2982,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: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0;
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-btn, 0.5rem)}
+    background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
 .toast {
     position: fixed;
     display: flex;
@@ -2995,12 +3006,12 @@ html {
     width: 3rem;
     cursor: pointer;
     appearance: none;
+    border-radius: var(--rounded-badge, 1.9rem);
     border-width: 1px;
     border-color: hsl(var(--bc) / var(--tw-border-opacity));
     --tw-border-opacity: 0.2;
     background-color: hsl(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,
@@ -3165,7 +3176,7 @@ html {
     background-color: transparent}
 [dir="rtl"] .breadcrumbs > ul > li + *:before,
 [dir="rtl"] .breadcrumbs > ol > li + *:before {
-    --tw-rotate: -45deg}
+    --tw-rotate: -135deg}
 .btn:active:hover,
   .btn:active:focus {
     animation: button-pop 0s ease-out;
@@ -3678,20 +3689,6 @@ html {
         background-position-y: 0}}
 .checkbox-mark {
     display: none}
-[dir="rtl"] .checkbox:checked,
-    [dir="rtl"] .checkbox[checked="true"],
-    [dir="rtl"] .checkbox[aria-checked="true"] {
-    background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
-        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
-        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
-        linear-gradient(
-          -45deg,
-          hsl(var(--chkbg)) 30%,
-          hsl(var(--chkfg)) 30.99%,
-          hsl(var(--chkfg)) 40%,
-          transparent 40.99%
-        ),
-        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)}
 details.collapse {
     width: 100%}
 details.collapse summary {
@@ -3727,13 +3724,11 @@ details.collapse summary::-webkit-details-marker {
     transition-duration: 150ms;
     transition-duration: 0.2s;
     top: 50%;
-    right: 1.4rem;
+    inset-inline-end: 1.4rem;
     content: "";
     transform-origin: 75% 75%;
     box-shadow: 2px 2px;
     pointer-events: none}
-[dir="rtl"] .collapse-arrow > .collapse-title:after {
-    --tw-rotate: -45deg}
 .collapse-plus > .collapse-title:after {
     position: absolute;
     display: block;
@@ -3744,7 +3739,7 @@ details.collapse summary::-webkit-details-marker {
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 300ms;
     top: 0.9rem;
-    right: 1.4rem;
+    inset-inline-end: 1.4rem;
     content: "+";
     pointer-events: none}
 .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
@@ -3763,7 +3758,7 @@ details.collapse summary::-webkit-details-marker {
 :where(.collapse > input[type="radio"]) {
     width: 100%;
     padding: 1rem;
-    padding-right: 3rem;
+    padding-inline-end: 3rem;
     min-height: 3.75rem;
     transition: background-color 0.2s ease-out}
 .collapse[open] > :where(.collapse-content),
@@ -3782,14 +3777,6 @@ details.collapse summary::-webkit-details-marker {
     --tw-translate-y: -50%;
     --tw-rotate: 225deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
-[dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
-[dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
-[dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
-[dir="rtl"]
-  .collapse-arrow:not(.collapse-close)
-  input[type="checkbox"]:checked
-  ~ .collapse-title:after {
-    --tw-rotate: 135deg}
 .collapse[open].collapse-plus > .collapse-title:after,
 .collapse-open.collapse-plus > .collapse-title:after,
 .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
@@ -4032,7 +4019,7 @@ details.collapse summary::-webkit-details-marker {
 .join > :where(*:not(:first-child)) {
     margin-top: 0px;
     margin-bottom: 0px;
-    margin-left: -1px}
+    margin-inline-start: -1px}
 .join-item:focus {
     isolation: isolate}
 .link-primary {
@@ -4169,23 +4156,23 @@ details.collapse summary::-webkit-details-marker {
 .menu :where(li ul):before {
     position: absolute;
     bottom: 0.75rem;
-    left: 0px;
+    inset-inline-start: 0px;
     top: 0.75rem;
     width: 1px;
     background-color: hsl(var(--bc) / 0.1);
     content: ""}
 .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
 .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
+    border-radius: var(--rounded-btn, 0.5rem);
     padding-left: 1rem;
     padding-right: 1rem;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-    text-align: left;
+    text-align: start;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
     transition-duration: 200ms;
-    border-radius: var(--rounded-btn, 0.5rem);
     text-wrap: balance}
 :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,
@@ -4258,11 +4245,14 @@ details.collapse summary::-webkit-details-marker {
     display: block;
     aspect-ratio: 1 / 1;
     height: 0.75rem;
+    align-self: flex-start;
     border-radius: 9999px;
     opacity: 0.3;
     box-shadow: 1.4em 0,
         2.8em 0,
         4.2em 0}
+:is([dir="rtl"] .mockup-window):before {
+    align-self: flex-end}
 .mockup-phone {
     display: inline-block;
     border: 4px solid #444;
@@ -4312,6 +4302,8 @@ details.collapse summary::-webkit-details-marker {
     width: 100%;
     align-items: center;
     padding-right: 1.4em}
+:is([dir="rtl"] .mockup-browser .mockup-browser-toolbar) {
+    flex-direction: row-reverse}
 .mockup-browser .mockup-browser-toolbar:before {
     content: "";
     margin-right: 4.8rem;
@@ -4335,7 +4327,8 @@ details.collapse summary::-webkit-details-marker {
     white-space: nowrap;
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity));
-    padding-left: 2rem}
+    padding-left: 2rem;
+    direction: ltr}
 .mockup-browser .mockup-browser-toolbar .input:before {
     content: "";
     position: absolute;
@@ -4390,37 +4383,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: hsl(var(--bc) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--bc) / var(--tw-bg-opacity))}
 .progress-primary::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--p) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--p) / var(--tw-bg-opacity))}
 .progress-secondary::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--s) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--s) / var(--tw-bg-opacity))}
 .progress-accent::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--a) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--a) / var(--tw-bg-opacity))}
 .progress-info::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--in) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--in) / var(--tw-bg-opacity))}
 .progress-success::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--su) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--su) / var(--tw-bg-opacity))}
 .progress-warning::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
 .progress-error::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--er) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--er) / var(--tw-bg-opacity))}
 .progress:indeterminate {
     --progress-color: hsl(var(--bc));
     background-image: repeating-linear-gradient(
@@ -4448,12 +4441,12 @@ details.collapse summary::-webkit-details-marker {
 .progress-error:indeterminate {
     --progress-color: hsl(var(--er))}
 .progress::-webkit-progress-bar {
-    background-color: transparent;
-    border-radius: var(--rounded-box, 1rem)}
+    border-radius: var(--rounded-box, 1rem);
+    background-color: transparent}
 .progress::-webkit-progress-value {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--bc) / var(--tw-bg-opacity))}
 .progress-primary::-webkit-progress-value {
     --tw-bg-opacity: 1;
     background-color: hsl(var(--p) / var(--tw-bg-opacity))}
@@ -4622,21 +4615,21 @@ details.collapse summary::-webkit-details-marker {
 .range::-webkit-slider-runnable-track {
     height: 0.5rem;
     width: 100%;
-    background-color: hsl(var(--bc) / 0.1);
-    border-radius: var(--rounded-box, 1rem)}
+    border-radius: var(--rounded-box, 1rem);
+    background-color: hsl(var(--bc) / 0.1)}
 .range::-moz-range-track {
     height: 0.5rem;
     width: 100%;
-    background-color: hsl(var(--bc) / 0.1);
-    border-radius: var(--rounded-box, 1rem)}
+    border-radius: var(--rounded-box, 1rem);
+    background-color: hsl(var(--bc) / 0.1)}
 .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: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem);
     appearance: none;
     -webkit-appearance: none;
     top: 50%;
@@ -4651,10 +4644,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: hsl(var(--b1) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem);
     top: 50%;
     color: hsl(var(--range-shdw));
     --filler-size: 100rem;
@@ -4780,6 +4773,8 @@ details.collapse summary::-webkit-details-marker {
     --tw-divide-y-reverse: 0;
     border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
     border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
+:is([dir="rtl"] .stats > :not([hidden]) ~ :not([hidden])) {
+    --tw-divide-x-reverse: 1}
 .steps .step:before {
     top: 0px;
     grid-column-start: 1;
@@ -4792,7 +4787,7 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: hsl(var(--bc) / var(--tw-text-opacity));
     content: "";
-    margin-left: -100%}
+    margin-inline-start: -100%}
 .steps .step:after {
     content: counter(step);
     counter-increment: step;
@@ -4915,8 +4910,8 @@ details.collapse summary::-webkit-details-marker {
     outline: 2px solid currentColor;
     outline-offset: -3px}
 .tab:focus-visible.tab-lifted {
-    border-bottom-right-radius: var(--tab-radius, 0.5rem);
-    border-bottom-left-radius: var(--tab-radius, 0.5rem)}
+    border-end-end-radius: var(--tab-radius, 0.5rem);
+    border-end-start-radius: var(--tab-radius, 0.5rem)}
 .tab-disabled,
   .tab[disabled] {
     cursor: not-allowed;
@@ -4930,20 +4925,20 @@ details.collapse summary::-webkit-details-marker {
 .tab-lifted {
     border: var(--tab-border, 1px) solid transparent;
     border-width: 0 0 var(--tab-border, 1px) 0;
-    border-top-left-radius: var(--tab-radius, 0.5rem);
-    border-top-right-radius: var(--tab-radius, 0.5rem);
+    border-start-start-radius: var(--tab-radius, 0.5rem);
+    border-start-end-radius: var(--tab-radius, 0.5rem);
     border-bottom-color: var(--tab-border-color);
-    padding-left: var(--tab-padding, 1rem);
-    padding-right: var(--tab-padding, 1rem);
+    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]) {
     background-color: var(--tab-bg);
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
-    border-left-color: var(--tab-border-color);
-    border-right-color: var(--tab-border-color);
+    border-inline-start-color: var(--tab-border-color);
+    border-inline-end-color: var(--tab-border-color);
     border-top-color: var(--tab-border-color);
-    padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
-    padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
+    padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
+    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,
@@ -4964,13 +4959,13 @@ details.collapse summary::-webkit-details-marker {
         var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
       )}
 .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
-    left: calc(var(--tab-radius, 0.5rem) * -1);
+    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 {
-    right: calc(var(--tab-radius, 0.5rem) * -1);
+    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 {
@@ -4983,10 +4978,10 @@ details.collapse summary::-webkit-details-marker {
   + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
     background: none}
 .tabs-boxed {
+    border-radius: var(--rounded-btn, 0.5rem);
     --tw-bg-opacity: 1;
     background-color: hsl(var(--b2) / var(--tw-bg-opacity));
-    padding: 0.25rem;
-    border-radius: var(--rounded-btn, 0.5rem)}
+    padding: 0.25rem}
 .tabs-boxed .tab {
     border-radius: var(--rounded-btn, 0.5rem)}
 .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
@@ -4994,6 +4989,8 @@ details.collapse summary::-webkit-details-marker {
     background-color: hsl(var(--p) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: hsl(var(--pc) / var(--tw-text-opacity))}
+:is([dir="rtl"] .table) {
+    text-align: right}
 .table :where(th, td) {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -6062,6 +6059,114 @@ details.collapse summary::-webkit-details-marker {
     border-color: hsl(var(--wa) / 0.9)}
 .divide-warning\/95 > :not([hidden]) ~ :not([hidden]) {
     border-color: hsl(var(--wa) / 0.95)}
+.rounded-badge {
+    border-radius: var(--rounded-badge, 1.9rem)}
+.rounded-box {
+    border-radius: var(--rounded-box, 1rem)}
+.rounded-btn {
+    border-radius: var(--rounded-btn, 0.5rem)}
+.rounded-b-badge {
+    border-bottom-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
+.rounded-b-box {
+    border-bottom-right-radius: var(--rounded-box, 1rem);
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
+.rounded-b-btn {
+    border-bottom-right-radius: var(--rounded-btn, 0.5rem);
+    border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
+.rounded-e-badge {
+    border-start-end-radius: var(--rounded-badge, 1.9rem);
+    border-end-end-radius: var(--rounded-badge, 1.9rem)}
+.rounded-e-box {
+    border-start-end-radius: var(--rounded-box, 1rem);
+    border-end-end-radius: var(--rounded-box, 1rem)}
+.rounded-e-btn {
+    border-start-end-radius: var(--rounded-btn, 0.5rem);
+    border-end-end-radius: var(--rounded-btn, 0.5rem)}
+.rounded-l-badge {
+    border-top-left-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
+.rounded-l-box {
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
+.rounded-l-btn {
+    border-top-left-radius: var(--rounded-btn, 0.5rem);
+    border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
+.rounded-r-badge {
+    border-top-right-radius: var(--rounded-badge, 1.9rem);
+    border-bottom-right-radius: var(--rounded-badge, 1.9rem)}
+.rounded-r-box {
+    border-top-right-radius: var(--rounded-box, 1rem);
+    border-bottom-right-radius: var(--rounded-box, 1rem)}
+.rounded-r-btn {
+    border-top-right-radius: var(--rounded-btn, 0.5rem);
+    border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
+.rounded-s-badge {
+    border-start-start-radius: var(--rounded-badge, 1.9rem);
+    border-end-start-radius: var(--rounded-badge, 1.9rem)}
+.rounded-s-box {
+    border-start-start-radius: var(--rounded-box, 1rem);
+    border-end-start-radius: var(--rounded-box, 1rem)}
+.rounded-s-btn {
+    border-start-start-radius: var(--rounded-btn, 0.5rem);
+    border-end-start-radius: var(--rounded-btn, 0.5rem)}
+.rounded-t-badge {
+    border-top-left-radius: var(--rounded-badge, 1.9rem);
+    border-top-right-radius: var(--rounded-badge, 1.9rem)}
+.rounded-t-box {
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-top-right-radius: var(--rounded-box, 1rem)}
+.rounded-t-btn {
+    border-top-left-radius: var(--rounded-btn, 0.5rem);
+    border-top-right-radius: var(--rounded-btn, 0.5rem)}
+.rounded-bl-badge {
+    border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
+.rounded-bl-box {
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
+.rounded-bl-btn {
+    border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
+.rounded-br-badge {
+    border-bottom-right-radius: var(--rounded-badge, 1.9rem)}
+.rounded-br-box {
+    border-bottom-right-radius: var(--rounded-box, 1rem)}
+.rounded-br-btn {
+    border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
+.rounded-ee-badge {
+    border-end-end-radius: var(--rounded-badge, 1.9rem)}
+.rounded-ee-box {
+    border-end-end-radius: var(--rounded-box, 1rem)}
+.rounded-ee-btn {
+    border-end-end-radius: var(--rounded-btn, 0.5rem)}
+.rounded-es-badge {
+    border-end-start-radius: var(--rounded-badge, 1.9rem)}
+.rounded-es-box {
+    border-end-start-radius: var(--rounded-box, 1rem)}
+.rounded-es-btn {
+    border-end-start-radius: var(--rounded-btn, 0.5rem)}
+.rounded-se-badge {
+    border-start-end-radius: var(--rounded-badge, 1.9rem)}
+.rounded-se-box {
+    border-start-end-radius: var(--rounded-box, 1rem)}
+.rounded-se-btn {
+    border-start-end-radius: var(--rounded-btn, 0.5rem)}
+.rounded-ss-badge {
+    border-start-start-radius: var(--rounded-badge, 1.9rem)}
+.rounded-ss-box {
+    border-start-start-radius: var(--rounded-box, 1rem)}
+.rounded-ss-btn {
+    border-start-start-radius: var(--rounded-btn, 0.5rem)}
+.rounded-tl-badge {
+    border-top-left-radius: var(--rounded-badge, 1.9rem)}
+.rounded-tl-box {
+    border-top-left-radius: var(--rounded-box, 1rem)}
+.rounded-tl-btn {
+    border-top-left-radius: var(--rounded-btn, 0.5rem)}
+.rounded-tr-badge {
+    border-top-right-radius: var(--rounded-badge, 1.9rem)}
+.rounded-tr-box {
+    border-top-right-radius: var(--rounded-box, 1rem)}
+.rounded-tr-btn {
+    border-top-right-radius: var(--rounded-btn, 0.5rem)}
 .border-accent {
     border-color: hsl(var(--a) / 1)}
 .border-accent-content {
@@ -22711,32 +22816,6 @@ 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;
@@ -22773,14 +22852,6 @@ 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;
@@ -22901,27 +22972,27 @@ details.collapse summary::-webkit-details-marker {
     line-height: 1.5rem}
 .btn-xs {
     height: 1.5rem;
+    min-height: 1.5rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
-    min-height: 1.5rem;
     font-size: 0.75rem}
 .btn-sm {
     height: 2rem;
+    min-height: 2rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
-    min-height: 2rem;
     font-size: 0.875rem}
 .btn-md {
     height: 3rem;
+    min-height: 3rem;
     padding-left: 1rem;
     padding-right: 1rem;
-    min-height: 3rem;
     font-size: 0.875rem}
 .btn-lg {
     height: 4rem;
+    min-height: 4rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
-    min-height: 4rem;
     font-size: 1.125rem}
 .btn-wide {
     width: 16rem}
@@ -23034,7 +23105,7 @@ details.collapse summary::-webkit-details-marker {
     visibility: visible}
 .file-input-xs {
     height: 1.5rem;
-    padding-right: 0.5rem;
+    padding-inline-end: 0.5rem;
     font-size: 0.75rem;
     line-height: 1rem;
     line-height: 1.625}
@@ -23043,7 +23114,7 @@ details.collapse summary::-webkit-details-marker {
     font-size: 0.75rem}
 .file-input-sm {
     height: 2rem;
-    padding-right: 0.75rem;
+    padding-inline-end: 0.75rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2}
@@ -23052,7 +23123,7 @@ details.collapse summary::-webkit-details-marker {
     font-size: 0.875rem}
 .file-input-md {
     height: 3rem;
-    padding-right: 1rem;
+    padding-inline-end: 1rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2}
@@ -23061,7 +23132,7 @@ details.collapse summary::-webkit-details-marker {
     font-size: 0.875rem}
 .file-input-lg {
     height: 4rem;
-    padding-right: 1.5rem;
+    padding-inline-end: 1.5rem;
     font-size: 1.125rem;
     line-height: 1.75rem;
     line-height: 2}
@@ -23070,27 +23141,39 @@ details.collapse summary::-webkit-details-marker {
     font-size: 1.125rem}
 .indicator :where(.indicator-item) {
     bottom: auto;
-    left: auto;
-    right: 0px;
+    inset-inline-end: 0px;
+    inset-inline-start: auto;
     top: 0px;
     --tw-translate-y: -50%;
     --tw-translate-x: 50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+:is([dir="rtl"] .indicator :where(.indicator-item)) {
+    --tw-translate-x: -50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .indicator :where(.indicator-item.indicator-start) {
-    left: 0px;
-    right: auto;
+    inset-inline-end: auto;
+    inset-inline-start: 0px;
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+:is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)) {
+    --tw-translate-x: 50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .indicator :where(.indicator-item.indicator-center) {
-    left: 50%;
-    right: 50%;
+    inset-inline-end: 50%;
+    inset-inline-start: 50%;
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+:is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)) {
+    --tw-translate-x: 50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .indicator :where(.indicator-item.indicator-end) {
-    left: auto;
-    right: 0px;
+    inset-inline-end: 0px;
+    inset-inline-start: auto;
     --tw-translate-x: 50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+:is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)) {
+    --tw-translate-x: -50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .indicator :where(.indicator-item.indicator-bottom) {
     bottom: 0px;
     top: auto;
@@ -23137,30 +23220,30 @@ details.collapse summary::-webkit-details-marker {
     flex-direction: column}
 .join.join-vertical .join-item:first-child:not(:last-child),
   .join.join-vertical *:first-child:not(:last-child) .join-item {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit}
+    border-end-start-radius: 0;
+    border-end-end-radius: 0;
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit}
 .join.join-vertical .join-item:last-child:not(:first-child),
   .join.join-vertical *:last-child:not(:first-child) .join-item {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit}
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit}
 .join.join-horizontal {
     flex-direction: row}
 .join.join-horizontal .join-item:first-child:not(:last-child),
   .join.join-horizontal *:first-child:not(:last-child) .join-item {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-left-radius: inherit;
-    border-top-left-radius: inherit}
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+    border-end-start-radius: inherit;
+    border-start-start-radius: inherit}
 .join.join-horizontal .join-item:last-child:not(:first-child),
   .join.join-horizontal *:last-child:not(:first-child) .join-item {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-    border-bottom-right-radius: inherit;
-    border-top-right-radius: inherit}
+    border-end-start-radius: 0;
+    border-start-start-radius: 0;
+    border-end-end-radius: inherit;
+    border-start-end-radius: inherit}
 .kbd-xs {
     padding-left: 0.25rem;
     padding-right: 0.25rem;
@@ -23295,44 +23378,44 @@ details.collapse summary::-webkit-details-marker {
     width: 1.25rem}
 .select-md {
     height: 3rem;
+    min-height: 3rem;
     padding-left: 1rem;
     padding-right: 2.5rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
-    line-height: 2;
-    min-height: 3rem}
+    line-height: 2}
 [dir="rtl"] .select-md {
     padding-left: 2.5rem;
     padding-right: 1rem}
 .select-lg {
     height: 4rem;
+    min-height: 4rem;
     padding-left: 1.5rem;
     padding-right: 2rem;
     font-size: 1.125rem;
     line-height: 1.75rem;
-    line-height: 2;
-    min-height: 4rem}
+    line-height: 2}
 [dir="rtl"] .select-lg {
     padding-left: 2rem;
     padding-right: 1.5rem}
 .select-sm {
     height: 2rem;
+    min-height: 2rem;
     padding-left: 0.75rem;
     padding-right: 2rem;
     font-size: 0.875rem;
-    line-height: 2rem;
-    min-height: 2rem}
+    line-height: 2rem}
 [dir="rtl"] .select-sm {
     padding-left: 2rem;
     padding-right: 0.75rem}
 .select-xs {
     height: 1.5rem;
+    min-height: 1.5rem;
     padding-left: 0.5rem;
     padding-right: 2rem;
     font-size: 0.75rem;
     line-height: 1rem;
-    line-height: 1.625;
-    min-height: 1.5rem}
+    line-height: 1.625}
 [dir="rtl"] .select-xs {
     padding-left: 2rem;
     padding-right: 0.5rem}
@@ -23414,25 +23497,28 @@ details.collapse summary::-webkit-details-marker {
     line-height: 2}
 :where(.toast) {
     bottom: 0px;
-    left: auto;
-    right: 0px;
+    inset-inline-end: 0px;
+    inset-inline-start: auto;
     top: auto;
     --tw-translate-x: 0px;
     --tw-translate-y: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .toast:where(.toast-start) {
-    left: 0px;
-    right: auto;
+    inset-inline-end: auto;
+    inset-inline-start: 0px;
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .toast:where(.toast-center) {
-    left: 50%;
-    right: 50%;
+    inset-inline-end: 50%;
+    inset-inline-start: 50%;
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+:is([dir="rtl"] .toast:where(.toast-center)) {
+    --tw-translate-x: 50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .toast:where(.toast-end) {
-    left: auto;
-    right: 0px;
+    inset-inline-end: 0px;
+    inset-inline-start: auto;
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .toast:where(.toast-bottom) {
@@ -23501,11 +23587,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: hsl(var(--b3) / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: hsl(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 {
@@ -23620,28 +23706,28 @@ details.collapse summary::-webkit-details-marker {
 .join.join-horizontal > :where(*:not(:first-child)) {
     margin-top: 0px;
     margin-bottom: 0px;
-    margin-left: -1px}
+    margin-inline-start: -1px}
 .menu-horizontal > li:not(.menu-title) > details > ul {
-    margin-left: 0px;
+    margin-inline-start: 0px;
     margin-top: 1rem;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
-    padding-right: 0.5rem}
+    padding-inline-end: 0.5rem}
 .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: hsl(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);
-    border-radius: var(--rounded-box, 1rem)}
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
 .menu-vertical > li:not(.menu-title) > details > ul {
-    margin-left: 1rem;
+    margin-inline-start: 1rem;
     margin-top: 0px;
     padding-top: 0px;
     padding-bottom: 0px;
-    padding-right: 0px}
+    padding-inline-end: 0px}
 .menu-xs :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
   .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
     border-radius: 0.25rem;
@@ -23658,13 +23744,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;
-    border-radius: var(--rounded-btn, 0.5rem)}
+    line-height: 1.25rem}
 .menu-sm .menu-title {
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -23672,13 +23758,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;
-    border-radius: var(--rounded-btn, 0.5rem)}
+    line-height: 1.25rem}
 .menu-md .menu-title {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -23686,13 +23772,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;
-    border-radius: var(--rounded-btn, 0.5rem)}
+    line-height: 1.75rem}
 .menu-lg .menu-title {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -23705,10 +23791,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: 0px;
-    border-top-right-radius: 0px;
+    border-bottom-right-radius: var(--rounded-box, 1rem);
     border-bottom-left-radius: var(--rounded-box, 1rem);
-    border-bottom-right-radius: var(--rounded-box, 1rem)}
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px}
 .modal-middle :where(.modal-box) {
     width: 91.666667%;
     max-width: 32rem;
@@ -23718,8 +23804,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-left-radius: var(--rounded-box, 1rem);
-    border-bottom-right-radius: var(--rounded-box, 1rem)}
+    border-bottom-right-radius: var(--rounded-box, 1rem);
+    border-bottom-left-radius: var(--rounded-box, 1rem)}
 .modal-bottom :where(.modal-box) {
     width: 100%;
     max-width: none;
@@ -23727,10 +23813,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: 0px;
-    border-bottom-left-radius: 0px;
     border-top-left-radius: var(--rounded-box, 1rem);
-    border-top-right-radius: var(--rounded-box, 1rem)}
+    border-top-right-radius: var(--rounded-box, 1rem);
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px}
 .stats-horizontal > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -23740,6 +23826,8 @@ details.collapse summary::-webkit-details-marker {
     border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
 .stats-horizontal {
     overflow-x: auto}
+:is([dir="rtl"] .stats-horizontal) {
+    --tw-divide-x-reverse: 1}
 .stats-vertical > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-x-reverse: 0;
     border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -23760,7 +23848,10 @@ details.collapse summary::-webkit-details-marker {
     --tw-translate-y: 0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
     content: "";
-    margin-left: -100%}
+    margin-inline-start: -100%}
+:is([dir="rtl"] .steps-horizontal .step):before {
+    --tw-translate-x: 0px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .steps-vertical .step {
     gap: 0.5rem;
     grid-template-columns: 40px 1fr;
@@ -23773,9 +23864,10 @@ details.collapse summary::-webkit-details-marker {
     --tw-translate-x: -50%;
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-    margin-left: 50%}
-[dir="rtl"] .steps-vertical .step:before {
-    margin-right: auto}
+    margin-inline-start: 50%}
+:is([dir="rtl"] .steps-vertical .step):before {
+    --tw-translate-x: 50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
 .table-xs :not(thead):not(tfoot) tr {
     font-size: 0.75rem;
     line-height: 1rem}
@@ -24301,21 +24393,21 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: hsl(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: hsl(var(--in) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--in) / var(--tw-bg-opacity))}
 .hover\:progress-success:hover::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--su) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--su) / var(--tw-bg-opacity))}
 .hover\:progress-warning:hover::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
 .hover\:progress-error:hover::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--er) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--er) / var(--tw-bg-opacity))}
 .hover\:progress-info:hover:indeterminate {
     --progress-color: hsl(var(--in))}
 .hover\:progress-success:hover:indeterminate {
@@ -24899,21 +24991,21 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 1;
     color: hsl(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: hsl(var(--in) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--in) / var(--tw-bg-opacity))}
 .focus\:progress-success:focus::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--su) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--su) / var(--tw-bg-opacity))}
 .focus\:progress-warning:focus::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
 .focus\:progress-error:focus::-moz-progress-bar {
+    border-radius: var(--rounded-box, 1rem);
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--er) / var(--tw-bg-opacity));
-    border-radius: var(--rounded-box, 1rem)}
+    background-color: hsl(var(--er) / var(--tw-bg-opacity))}
 .focus\:progress-info:focus:indeterminate {
     --progress-color: hsl(var(--in))}
 .focus\:progress-success:focus:indeterminate {
@@ -25116,11 +25208,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: hsl(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: hsl(var(--bc) / var(--tw-text-opacity));
-        border-radius: var(--rounded-box, 1rem)}
+        color: hsl(var(--bc) / var(--tw-text-opacity))}
     :where(.sm\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25136,7 +25228,9 @@ details.collapse summary::-webkit-details-marker {
         border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
         --tw-divide-y-reverse: 0;
         border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
+        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
+    :is([dir="rtl"] .sm\:stats > :not([hidden]) ~ :not([hidden])) {
+        --tw-divide-x-reverse: 1}}
 @media (min-width: 768px) {
     .md\:input-group-md {
         font-size: 0.875rem;
@@ -25151,11 +25245,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: hsl(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: hsl(var(--bc) / var(--tw-text-opacity));
-        border-radius: var(--rounded-box, 1rem)}
+        color: hsl(var(--bc) / var(--tw-text-opacity))}
     :where(.md\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25171,7 +25265,9 @@ details.collapse summary::-webkit-details-marker {
         border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
         --tw-divide-y-reverse: 0;
         border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
+        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
+    :is([dir="rtl"] .md\:stats > :not([hidden]) ~ :not([hidden])) {
+        --tw-divide-x-reverse: 1}}
 @media (min-width: 1024px) {
     .lg\:input-group-md {
         font-size: 0.875rem;
@@ -25186,11 +25282,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: hsl(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: hsl(var(--bc) / var(--tw-text-opacity));
-        border-radius: var(--rounded-box, 1rem)}
+        color: hsl(var(--bc) / var(--tw-text-opacity))}
     :where(.lg\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25206,7 +25302,9 @@ details.collapse summary::-webkit-details-marker {
         border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
         --tw-divide-y-reverse: 0;
         border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
+        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
+    :is([dir="rtl"] .lg\:stats > :not([hidden]) ~ :not([hidden])) {
+        --tw-divide-x-reverse: 1}}
 @media (min-width: 1280px) {
     .xl\:input-group-md {
         font-size: 0.875rem;
@@ -25221,11 +25319,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: hsl(var(--b1) / var(--tw-bg-opacity));
         --tw-text-opacity: 1;
-        color: hsl(var(--bc) / var(--tw-text-opacity));
-        border-radius: var(--rounded-box, 1rem)}
+        color: hsl(var(--bc) / var(--tw-text-opacity))}
     :where(.xl\:stats) {
         grid-auto-flow: column;
         overflow-x: auto}
@@ -25241,7 +25339,9 @@ details.collapse summary::-webkit-details-marker {
         border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
         --tw-divide-y-reverse: 0;
         border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
+        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
+    :is([dir="rtl"] .xl\:stats > :not([hidden]) ~ :not([hidden])) {
+        --tw-divide-x-reverse: 1}}
 .hover\:divide-base-100:hover > :not([hidden]) ~ :not([hidden]) {
     border-color: hsl(var(--b1) / 1)}
 .hover\:divide-base-100\/0:hover > :not([hidden]) ~ :not([hidden]) {
@@ -48350,21 +48450,21 @@ details.collapse summary::-webkit-details-marker {
         line-height: 1.5rem}
     .sm\:btn-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
-        min-height: 2rem;
         font-size: 0.875rem}
     .sm\:btn-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
-        min-height: 3rem;
         font-size: 0.875rem}
     .sm\:btn-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
-        min-height: 4rem;
         font-size: 1.125rem}
     .btn-square:where(.sm\:btn-sm) {
         height: 2rem;
@@ -48457,7 +48557,7 @@ details.collapse summary::-webkit-details-marker {
         visibility: visible}
     .sm\:file-input-sm {
         height: 2rem;
-        padding-right: 0.75rem;
+        padding-inline-end: 0.75rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -48466,7 +48566,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .sm\:file-input-md {
         height: 3rem;
-        padding-right: 1rem;
+        padding-inline-end: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -48475,7 +48575,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .sm\:file-input-lg {
         height: 4rem;
-        padding-right: 1.5rem;
+        padding-inline-end: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
@@ -48597,33 +48697,33 @@ details.collapse summary::-webkit-details-marker {
         width: 1.25rem}
     .sm\:select-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 2.5rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
-        line-height: 2;
-        min-height: 3rem}
+        line-height: 2}
     [dir="rtl"] .sm\:select-md {
         padding-left: 2.5rem;
         padding-right: 1rem}
     .sm\:select-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 2rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
-        line-height: 2;
-        min-height: 4rem}
+        line-height: 2}
     [dir="rtl"] .sm\:select-lg {
         padding-left: 2rem;
         padding-right: 1.5rem}
     .sm\:select-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 2rem;
         font-size: 0.875rem;
-        line-height: 2rem;
-        min-height: 2rem}
+        line-height: 2rem}
     [dir="rtl"] .sm\:select-sm {
         padding-left: 2rem;
         padding-right: 0.75rem}
@@ -48713,39 +48813,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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.75rem}
     .sm\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -48758,10 +48858,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: 0px;
-        border-top-right-radius: 0px;
+        border-bottom-right-radius: var(--rounded-box, 1rem);
         border-bottom-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px}
     .sm\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -48771,8 +48871,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-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-bottom-right-radius: var(--rounded-box, 1rem);
+        border-bottom-left-radius: var(--rounded-box, 1rem)}
     .sm\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -48780,10 +48880,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: 0px;
-        border-bottom-left-radius: 0px;
         border-top-left-radius: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem)}
+        border-top-right-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 0px}
     .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -48793,6 +48893,8 @@ details.collapse summary::-webkit-details-marker {
         border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
     .sm\:stats-horizontal {
         overflow-x: auto}
+    :is([dir="rtl"] .sm\:stats-horizontal) {
+        --tw-divide-x-reverse: 1}
     .sm\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -48870,21 +48972,21 @@ details.collapse summary::-webkit-details-marker {
         line-height: 1.5rem}
     .md\:btn-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
-        min-height: 2rem;
         font-size: 0.875rem}
     .md\:btn-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
-        min-height: 3rem;
         font-size: 0.875rem}
     .md\:btn-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
-        min-height: 4rem;
         font-size: 1.125rem}
     .btn-square:where(.md\:btn-sm) {
         height: 2rem;
@@ -48977,7 +49079,7 @@ details.collapse summary::-webkit-details-marker {
         visibility: visible}
     .md\:file-input-sm {
         height: 2rem;
-        padding-right: 0.75rem;
+        padding-inline-end: 0.75rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -48986,7 +49088,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .md\:file-input-md {
         height: 3rem;
-        padding-right: 1rem;
+        padding-inline-end: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -48995,7 +49097,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .md\:file-input-lg {
         height: 4rem;
-        padding-right: 1.5rem;
+        padding-inline-end: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
@@ -49117,33 +49219,33 @@ details.collapse summary::-webkit-details-marker {
         width: 1.25rem}
     .md\:select-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 2.5rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
-        line-height: 2;
-        min-height: 3rem}
+        line-height: 2}
     [dir="rtl"] .md\:select-md {
         padding-left: 2.5rem;
         padding-right: 1rem}
     .md\:select-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 2rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
-        line-height: 2;
-        min-height: 4rem}
+        line-height: 2}
     [dir="rtl"] .md\:select-lg {
         padding-left: 2rem;
         padding-right: 1.5rem}
     .md\:select-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 2rem;
         font-size: 0.875rem;
-        line-height: 2rem;
-        min-height: 2rem}
+        line-height: 2rem}
     [dir="rtl"] .md\:select-sm {
         padding-left: 2rem;
         padding-right: 0.75rem}
@@ -49233,39 +49335,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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.75rem}
     .md\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -49278,10 +49380,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: 0px;
-        border-top-right-radius: 0px;
+        border-bottom-right-radius: var(--rounded-box, 1rem);
         border-bottom-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px}
     .md\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -49291,8 +49393,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-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-bottom-right-radius: var(--rounded-box, 1rem);
+        border-bottom-left-radius: var(--rounded-box, 1rem)}
     .md\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -49300,10 +49402,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: 0px;
-        border-bottom-left-radius: 0px;
         border-top-left-radius: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem)}
+        border-top-right-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 0px}
     .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49313,6 +49415,8 @@ details.collapse summary::-webkit-details-marker {
         border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
     .md\:stats-horizontal {
         overflow-x: auto}
+    :is([dir="rtl"] .md\:stats-horizontal) {
+        --tw-divide-x-reverse: 1}
     .md\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -49390,21 +49494,21 @@ details.collapse summary::-webkit-details-marker {
         line-height: 1.5rem}
     .lg\:btn-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
-        min-height: 2rem;
         font-size: 0.875rem}
     .lg\:btn-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
-        min-height: 3rem;
         font-size: 0.875rem}
     .lg\:btn-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
-        min-height: 4rem;
         font-size: 1.125rem}
     .btn-square:where(.lg\:btn-sm) {
         height: 2rem;
@@ -49497,7 +49601,7 @@ details.collapse summary::-webkit-details-marker {
         visibility: visible}
     .lg\:file-input-sm {
         height: 2rem;
-        padding-right: 0.75rem;
+        padding-inline-end: 0.75rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -49506,7 +49610,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .lg\:file-input-md {
         height: 3rem;
-        padding-right: 1rem;
+        padding-inline-end: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -49515,7 +49619,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .lg\:file-input-lg {
         height: 4rem;
-        padding-right: 1.5rem;
+        padding-inline-end: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
@@ -49637,33 +49741,33 @@ details.collapse summary::-webkit-details-marker {
         width: 1.25rem}
     .lg\:select-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 2.5rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
-        line-height: 2;
-        min-height: 3rem}
+        line-height: 2}
     [dir="rtl"] .lg\:select-md {
         padding-left: 2.5rem;
         padding-right: 1rem}
     .lg\:select-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 2rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
-        line-height: 2;
-        min-height: 4rem}
+        line-height: 2}
     [dir="rtl"] .lg\:select-lg {
         padding-left: 2rem;
         padding-right: 1.5rem}
     .lg\:select-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 2rem;
         font-size: 0.875rem;
-        line-height: 2rem;
-        min-height: 2rem}
+        line-height: 2rem}
     [dir="rtl"] .lg\:select-sm {
         padding-left: 2rem;
         padding-right: 0.75rem}
@@ -49753,39 +49857,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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.75rem}
     .lg\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -49798,10 +49902,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: 0px;
-        border-top-right-radius: 0px;
+        border-bottom-right-radius: var(--rounded-box, 1rem);
         border-bottom-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px}
     .lg\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -49811,8 +49915,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-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-bottom-right-radius: var(--rounded-box, 1rem);
+        border-bottom-left-radius: var(--rounded-box, 1rem)}
     .lg\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -49820,10 +49924,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: 0px;
-        border-bottom-left-radius: 0px;
         border-top-left-radius: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem)}
+        border-top-right-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 0px}
     .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49833,6 +49937,8 @@ details.collapse summary::-webkit-details-marker {
         border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
     .lg\:stats-horizontal {
         overflow-x: auto}
+    :is([dir="rtl"] .lg\:stats-horizontal) {
+        --tw-divide-x-reverse: 1}
     .lg\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -49910,21 +50016,21 @@ details.collapse summary::-webkit-details-marker {
         line-height: 1.5rem}
     .xl\:btn-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
-        min-height: 2rem;
         font-size: 0.875rem}
     .xl\:btn-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
-        min-height: 3rem;
         font-size: 0.875rem}
     .xl\:btn-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
-        min-height: 4rem;
         font-size: 1.125rem}
     .btn-square:where(.xl\:btn-sm) {
         height: 2rem;
@@ -50017,7 +50123,7 @@ details.collapse summary::-webkit-details-marker {
         visibility: visible}
     .xl\:file-input-sm {
         height: 2rem;
-        padding-right: 0.75rem;
+        padding-inline-end: 0.75rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -50026,7 +50132,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .xl\:file-input-md {
         height: 3rem;
-        padding-right: 1rem;
+        padding-inline-end: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
@@ -50035,7 +50141,7 @@ details.collapse summary::-webkit-details-marker {
         font-size: 0.875rem}
     .xl\:file-input-lg {
         height: 4rem;
-        padding-right: 1.5rem;
+        padding-inline-end: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
@@ -50157,33 +50263,33 @@ details.collapse summary::-webkit-details-marker {
         width: 1.25rem}
     .xl\:select-md {
         height: 3rem;
+        min-height: 3rem;
         padding-left: 1rem;
         padding-right: 2.5rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
-        line-height: 2;
-        min-height: 3rem}
+        line-height: 2}
     [dir="rtl"] .xl\:select-md {
         padding-left: 2.5rem;
         padding-right: 1rem}
     .xl\:select-lg {
         height: 4rem;
+        min-height: 4rem;
         padding-left: 1.5rem;
         padding-right: 2rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
-        line-height: 2;
-        min-height: 4rem}
+        line-height: 2}
     [dir="rtl"] .xl\:select-lg {
         padding-left: 2rem;
         padding-right: 1.5rem}
     .xl\:select-sm {
         height: 2rem;
+        min-height: 2rem;
         padding-left: 0.75rem;
         padding-right: 2rem;
         font-size: 0.875rem;
-        line-height: 2rem;
-        min-height: 2rem}
+        line-height: 2rem}
     [dir="rtl"] .xl\:select-sm {
         padding-left: 2rem;
         padding-right: 0.75rem}
@@ -50273,39 +50379,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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.25rem}
     .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;
-        border-radius: var(--rounded-btn, 0.5rem)}
+        line-height: 1.75rem}
     .xl\:menu-lg .menu-title {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
@@ -50318,10 +50424,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: 0px;
-        border-top-right-radius: 0px;
+        border-bottom-right-radius: var(--rounded-box, 1rem);
         border-bottom-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px}
     .xl\:modal-middle :where(.modal-box) {
         width: 91.666667%;
         max-width: 32rem;
@@ -50331,8 +50437,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-left-radius: var(--rounded-box, 1rem);
-        border-bottom-right-radius: var(--rounded-box, 1rem)}
+        border-bottom-right-radius: var(--rounded-box, 1rem);
+        border-bottom-left-radius: var(--rounded-box, 1rem)}
     .xl\:modal-bottom :where(.modal-box) {
         width: 100%;
         max-width: none;
@@ -50340,10 +50446,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: 0px;
-        border-bottom-left-radius: 0px;
         border-top-left-radius: var(--rounded-box, 1rem);
-        border-top-right-radius: var(--rounded-box, 1rem)}
+        border-top-right-radius: var(--rounded-box, 1rem);
+        border-bottom-right-radius: 0px;
+        border-bottom-left-radius: 0px}
     .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -50353,6 +50459,8 @@ details.collapse summary::-webkit-details-marker {
         border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
     .xl\:stats-horizontal {
         overflow-x: auto}
+    :is([dir="rtl"] .xl\:stats-horizontal) {
+        --tw-divide-x-reverse: 1}
     .xl\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
         --tw-divide-x-reverse: 0;
         border-right-width: calc(0px * var(--tw-divide-x-reverse));