daisyui 4.0.0-alpha.1 → 4.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/full.css CHANGED
@@ -1206,8 +1206,7 @@ hr {
1206
1206
  Add the correct text decoration in Chrome, Edge, and Safari.
1207
1207
  */
1208
1208
  abbr:where([title]) {
1209
- -webkit-text-decoration: underline dotted;
1210
- text-decoration: underline dotted;
1209
+ text-decoration: underline dotted;
1211
1210
  }
1212
1211
  /*
1213
1212
  Remove the default font size and weight for headings.
@@ -1503,13 +1502,13 @@ html {
1503
1502
  justify-items: center;
1504
1503
  gap: 1rem;
1505
1504
  text-align: center;
1505
+ border-radius: var(--rounded-box, 1rem);
1506
1506
  border-width: 1px;
1507
1507
  --tw-border-opacity: 1;
1508
1508
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
1509
1509
  padding: 1rem;
1510
1510
  --tw-text-opacity: 1;
1511
1511
  color: hsl(var(--bc) / var(--tw-text-opacity));
1512
- border-radius: var(--rounded-box, 1rem);
1513
1512
  --alert-bg: hsl(var(--b2));
1514
1513
  --alert-bg-mix: hsl(var(--b1));
1515
1514
  background-color: var(--alert-bg)}
@@ -1518,7 +1517,7 @@ html {
1518
1517
  grid-auto-flow: column;
1519
1518
  grid-template-columns: auto minmax(auto,1fr);
1520
1519
  justify-items: start;
1521
- text-align: left}}
1520
+ text-align: start}}
1522
1521
  .artboard {
1523
1522
  width: 100%}
1524
1523
  .avatar {
@@ -1540,9 +1539,7 @@ html {
1540
1539
  display: inline-flex;
1541
1540
  align-items: center;
1542
1541
  justify-content: center;
1543
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1544
1542
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1545
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1546
1543
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1547
1544
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1548
1545
  transition-duration: 200ms;
@@ -1552,14 +1549,14 @@ html {
1552
1549
  width: fit-content;
1553
1550
  padding-left: 0.563rem;
1554
1551
  padding-right: 0.563rem;
1552
+ border-radius: var(--rounded-badge, 1.9rem);
1555
1553
  border-width: 1px;
1556
1554
  --tw-border-opacity: 1;
1557
1555
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
1558
1556
  --tw-bg-opacity: 1;
1559
1557
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
1560
1558
  --tw-text-opacity: 1;
1561
- color: hsl(var(--bc) / var(--tw-text-opacity));
1562
- border-radius: var(--rounded-badge, 1.9rem)}
1559
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
1563
1560
  .btm-nav {
1564
1561
  position: fixed;
1565
1562
  bottom: 0px;
@@ -1702,25 +1699,22 @@ html {
1702
1699
  display: inline-flex;
1703
1700
  flex-shrink: 0;
1704
1701
  cursor: pointer;
1705
- -webkit-user-select: none;
1706
- user-select: none;
1702
+ user-select: none;
1707
1703
  flex-wrap: wrap;
1708
1704
  align-items: center;
1709
1705
  justify-content: center;
1706
+ border-radius: var(--rounded-btn, 0.5rem);
1710
1707
  border-color: transparent;
1711
1708
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
1712
1709
  text-align: center;
1713
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1714
1710
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1715
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1716
1711
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1717
1712
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1718
1713
  transition-duration: 200ms;
1719
- border-radius: var(--rounded-btn, 0.5rem);
1720
1714
  height: 3rem;
1715
+ min-height: 3rem;
1721
1716
  padding-left: 1rem;
1722
1717
  padding-right: 1rem;
1723
- min-height: 3rem;
1724
1718
  font-size: 0.875rem;
1725
1719
  line-height: 1em;
1726
1720
  gap: 0.5rem;
@@ -1754,8 +1748,8 @@ html {
1754
1748
  appearance: none}
1755
1749
  .btn-group > input[type="radio"].btn:before {
1756
1750
  content: attr(data-title)}
1757
- .btn:is(input[type="checkbox"]),
1758
- .btn:is(input[type="radio"]) {
1751
+ :where(.btn:is(input[type="checkbox"])),
1752
+ :where(.btn:is(input[type="radio"])) {
1759
1753
  width: auto;
1760
1754
  appearance: none}
1761
1755
  .btn:is(input[type="checkbox"]):after,
@@ -1793,10 +1787,10 @@ html {
1793
1787
  position: relative;
1794
1788
  content: "";
1795
1789
  z-index: 10;
1790
+ border-radius: var(--rounded-box, 1rem);
1796
1791
  --tw-bg-opacity: 1;
1797
1792
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1798
- opacity: 0.75;
1799
- border-radius: var(--rounded-box, 1rem)}
1793
+ opacity: 0.75}
1800
1794
  .card.image-full:before,
1801
1795
  .card.image-full > * {
1802
1796
  grid-column-start: 1;
@@ -1886,11 +1880,11 @@ html {
1886
1880
  grid-column-start: 1}
1887
1881
  .chat-start .chat-bubble {
1888
1882
  grid-column-start: 2;
1889
- border-bottom-left-radius: 0px}
1883
+ border-end-start-radius: 0px}
1890
1884
  .chat-start .chat-bubble:before {
1891
1885
  -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");
1892
1886
  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");
1893
- left: -0.749rem}
1887
+ inset-inline-start: -0.749rem}
1894
1888
  [dir="rtl"] .chat-start .chat-bubble:before {
1895
1889
  -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");
1896
1890
  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")}
@@ -1905,11 +1899,11 @@ html {
1905
1899
  grid-column-start: 2}
1906
1900
  .chat-end .chat-bubble {
1907
1901
  grid-column-start: 1;
1908
- border-bottom-right-radius: 0px}
1902
+ border-end-end-radius: 0px}
1909
1903
  .chat-end .chat-bubble:before {
1910
1904
  -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");
1911
1905
  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");
1912
- left: 99.9%}
1906
+ inset-inline-start: 99.9%}
1913
1907
  [dir="rtl"] .chat-end .chat-bubble:before {
1914
1908
  -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");
1915
1909
  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")}
@@ -1921,10 +1915,10 @@ html {
1921
1915
  width: 1.5rem;
1922
1916
  cursor: pointer;
1923
1917
  appearance: none;
1918
+ border-radius: var(--rounded-btn, 0.5rem);
1924
1919
  border-width: 1px;
1925
1920
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1926
- --tw-border-opacity: 0.2;
1927
- border-radius: var(--rounded-btn, 0.5rem)}
1921
+ --tw-border-opacity: 0.2}
1928
1922
  .collapse:not(td):not(tr):not(colgroup) {
1929
1923
  visibility: visible}
1930
1924
  .collapse {
@@ -2011,7 +2005,7 @@ html {
2011
2005
  .drawer-side {
2012
2006
  pointer-events: none;
2013
2007
  position: fixed;
2014
- left: 0px;
2008
+ inset-inline-start: 0px;
2015
2009
  top: 0px;
2016
2010
  grid-column-start: 1;
2017
2011
  grid-row-start: 1;
@@ -2042,15 +2036,13 @@ html {
2042
2036
  grid-column-start: 1;
2043
2037
  grid-row-start: 1}
2044
2038
  .drawer-side > *:not(.drawer-overlay) {
2045
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2046
2039
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2047
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2048
2040
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2049
2041
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2050
2042
  transition-duration: 300ms;
2051
2043
  transform: translateX(-100%)}
2052
2044
  [dir="rtl"] .drawer-side > *:not(.drawer-overlay) {
2053
- transform: translateX(-100%)}
2045
+ transform: translateX(100%)}
2054
2046
  .drawer-toggle {
2055
2047
  position: fixed;
2056
2048
  height: 0px;
@@ -2071,6 +2063,8 @@ html {
2071
2063
  justify-items: end}
2072
2064
  .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
2073
2065
  transform: translateX(100%)}
2066
+ [dir="rtl"] .drawer-end .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
2067
+ transform: translateX(-100%)}
2074
2068
  .drawer-end .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
2075
2069
  transform: translateX(0%)}
2076
2070
  .dropdown {
@@ -2088,22 +2082,20 @@ html {
2088
2082
  --tw-scale-x: .95;
2089
2083
  --tw-scale-y: .95;
2090
2084
  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));
2091
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2092
2085
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2093
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2094
2086
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2095
2087
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2096
2088
  transition-duration: 200ms}
2097
2089
  .dropdown-end .dropdown-content {
2098
- right: 0px}
2090
+ inset-inline-end: 0px}
2099
2091
  .dropdown-left .dropdown-content {
2100
2092
  bottom: auto;
2101
- right: 100%;
2093
+ inset-inline-end: 100%;
2102
2094
  top: 0px;
2103
2095
  transform-origin: right}
2104
2096
  .dropdown-right .dropdown-content {
2105
2097
  bottom: auto;
2106
- left: 100%;
2098
+ inset-inline-start: 100%;
2107
2099
  top: 0px;
2108
2100
  transform-origin: left}
2109
2101
  .dropdown-bottom .dropdown-content {
@@ -2283,25 +2275,24 @@ html {
2283
2275
  .file-input {
2284
2276
  height: 3rem;
2285
2277
  flex-shrink: 1;
2286
- padding-right: 1rem;
2278
+ padding-inline-end: 1rem;
2287
2279
  font-size: 1rem;
2288
2280
  line-height: 2;
2289
2281
  line-height: 1.5rem;
2290
2282
  overflow: hidden;
2283
+ border-radius: var(--rounded-btn, 0.5rem);
2291
2284
  border-width: 1px;
2292
2285
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
2293
2286
  --tw-border-opacity: 0;
2294
2287
  --tw-bg-opacity: 1;
2295
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2296
- border-radius: var(--rounded-btn, 0.5rem)}
2288
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
2297
2289
  .file-input::file-selector-button {
2298
- margin-right: 1rem;
2290
+ margin-inline-end: 1rem;
2299
2291
  display: inline-flex;
2300
2292
  height: 100%;
2301
2293
  flex-shrink: 0;
2302
2294
  cursor: pointer;
2303
- -webkit-user-select: none;
2304
- user-select: none;
2295
+ user-select: none;
2305
2296
  flex-wrap: wrap;
2306
2297
  align-items: center;
2307
2298
  justify-content: center;
@@ -2311,9 +2302,7 @@ html {
2311
2302
  font-size: 0.875rem;
2312
2303
  line-height: 1.25rem;
2313
2304
  line-height: 1em;
2314
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2315
2305
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2316
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2317
2306
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2318
2307
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2319
2308
  transition-duration: 200ms;
@@ -2358,8 +2347,7 @@ html {
2358
2347
  flex-direction: column}
2359
2348
  .label {
2360
2349
  display: flex;
2361
- -webkit-user-select: none;
2362
- user-select: none;
2350
+ user-select: none;
2363
2351
  align-items: center;
2364
2352
  justify-content: space-between;
2365
2353
  padding-left: 0.25rem;
@@ -2407,12 +2395,12 @@ html {
2407
2395
  font-size: 1rem;
2408
2396
  line-height: 2;
2409
2397
  line-height: 1.5rem;
2398
+ border-radius: var(--rounded-btn, 0.5rem);
2410
2399
  border-width: 1px;
2411
2400
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
2412
2401
  --tw-border-opacity: 0;
2413
2402
  --tw-bg-opacity: 1;
2414
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2415
- border-radius: var(--rounded-btn, 0.5rem)}
2403
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
2416
2404
  .input-group {
2417
2405
  display: flex;
2418
2406
  width: 100%;
@@ -2509,6 +2497,7 @@ html {
2509
2497
  display: inline-flex;
2510
2498
  align-items: center;
2511
2499
  justify-content: center;
2500
+ border-radius: var(--rounded-btn, 0.5rem);
2512
2501
  border-width: 1px;
2513
2502
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
2514
2503
  --tw-border-opacity: 0.2;
@@ -2516,7 +2505,6 @@ html {
2516
2505
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
2517
2506
  padding-left: 0.5rem;
2518
2507
  padding-right: 0.5rem;
2519
- border-radius: var(--rounded-btn, 0.5rem);
2520
2508
  border-bottom-width: 2px;
2521
2509
  min-height: 2.2em;
2522
2510
  min-width: 2.2em}
@@ -2537,11 +2525,17 @@ html {
2537
2525
  mask-size: 200%;
2538
2526
  -webkit-mask-position: left;
2539
2527
  mask-position: left}
2528
+ :is([dir="rtl"] .mask-half-1) {
2529
+ -webkit-mask-position: right;
2530
+ mask-position: right}
2540
2531
  .mask-half-2 {
2541
2532
  -webkit-mask-size: 200%;
2542
2533
  mask-size: 200%;
2543
2534
  -webkit-mask-position: right;
2544
2535
  mask-position: right}
2536
+ :is([dir="rtl"] .mask-half-2) {
2537
+ -webkit-mask-position: left;
2538
+ mask-position: left}
2545
2539
  .menu {
2546
2540
  display: flex;
2547
2541
  flex-direction: column;
@@ -2552,8 +2546,8 @@ html {
2552
2546
  .menu :where(li ul) {
2553
2547
  position: relative;
2554
2548
  white-space: nowrap;
2555
- margin-left: 1rem;
2556
- padding-left: 0.5rem}
2549
+ margin-inline-start: 1rem;
2550
+ padding-inline-start: 0.5rem}
2557
2551
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
2558
2552
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
2559
2553
  display: grid;
@@ -2562,12 +2556,10 @@ html {
2562
2556
  align-items: center;
2563
2557
  gap: 0.5rem;
2564
2558
  grid-auto-columns: minmax(auto, max-content) auto max-content;
2565
- -webkit-user-select: none;
2566
- user-select: none}
2559
+ user-select: none}
2567
2560
  .menu li.disabled {
2568
2561
  cursor: not-allowed;
2569
- -webkit-user-select: none;
2570
- user-select: none;
2562
+ user-select: none;
2571
2563
  color: hsl(var(--bc) / 0.3)}
2572
2564
  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
2573
2565
  display: none}
@@ -2585,13 +2577,14 @@ html {
2585
2577
  overflow: hidden;
2586
2578
  overflow-x: auto;
2587
2579
  min-width: 18rem;
2580
+ border-radius: var(--rounded-box, 1rem);
2588
2581
  --tw-bg-opacity: 1;
2589
2582
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
2590
2583
  padding-top: 1.25rem;
2591
2584
  padding-bottom: 1.25rem;
2592
2585
  --tw-text-opacity: 1;
2593
2586
  color: hsl(var(--nc) / var(--tw-text-opacity));
2594
- border-radius: var(--rounded-box, 1rem)}
2587
+ direction: ltr}
2595
2588
  .mockup-code pre[data-prefix]:before {
2596
2589
  content: attr(data-prefix);
2597
2590
  display: inline-block;
@@ -2602,8 +2595,10 @@ html {
2602
2595
  position: relative;
2603
2596
  overflow: hidden;
2604
2597
  overflow-x: auto;
2605
- padding-top: 1.25rem;
2606
- border-radius: var(--rounded-box, 1rem)}
2598
+ display: flex;
2599
+ flex-direction: column;
2600
+ border-radius: var(--rounded-box, 1rem);
2601
+ padding-top: 1.25rem}
2607
2602
  .mockup-window pre[data-prefix]:before {
2608
2603
  content: attr(data-prefix);
2609
2604
  display: inline-block;
@@ -2651,19 +2646,17 @@ html {
2651
2646
  --tw-scale-x: .9;
2652
2647
  --tw-scale-y: .9;
2653
2648
  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));
2649
+ border-bottom-right-radius: var(--rounded-box, 1rem);
2650
+ border-bottom-left-radius: var(--rounded-box, 1rem);
2651
+ border-top-left-radius: var(--rounded-box, 1rem);
2652
+ border-top-right-radius: var(--rounded-box, 1rem);
2654
2653
  --tw-bg-opacity: 1;
2655
2654
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2656
2655
  padding: 1.5rem;
2657
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2658
2656
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2659
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2660
2657
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2661
2658
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2662
2659
  transition-duration: 200ms;
2663
- border-top-left-radius: var(--rounded-box, 1rem);
2664
- border-top-right-radius: var(--rounded-box, 1rem);
2665
- border-bottom-left-radius: var(--rounded-box, 1rem);
2666
- border-bottom-right-radius: var(--rounded-box, 1rem);
2667
2660
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
2668
2661
  overflow-y: auto;
2669
2662
  overscroll-behavior: contain}
@@ -2709,8 +2702,8 @@ html {
2709
2702
  appearance: none;
2710
2703
  overflow: hidden;
2711
2704
  height: 0.5rem;
2712
- background-color: hsl(var(--bc) / 0.2);
2713
- border-radius: var(--rounded-box, 1rem)}
2705
+ border-radius: var(--rounded-box, 1rem);
2706
+ background-color: hsl(var(--bc) / 0.2)}
2714
2707
  .radial-progress {
2715
2708
  position: relative;
2716
2709
  display: inline-grid;
@@ -2776,8 +2769,8 @@ html {
2776
2769
  -webkit-appearance: none;
2777
2770
  --range-shdw: var(--bc);
2778
2771
  overflow: hidden;
2779
- background-color: transparent;
2780
- border-radius: var(--rounded-box, 1rem)}
2772
+ border-radius: var(--rounded-box, 1rem);
2773
+ background-color: transparent}
2781
2774
  .range:focus {
2782
2775
  outline: none}
2783
2776
  .rating {
@@ -2794,22 +2787,21 @@ html {
2794
2787
  .select {
2795
2788
  display: inline-flex;
2796
2789
  cursor: pointer;
2797
- -webkit-user-select: none;
2798
- user-select: none;
2790
+ user-select: none;
2799
2791
  appearance: none;
2800
2792
  height: 3rem;
2793
+ min-height: 3rem;
2801
2794
  padding-left: 1rem;
2802
2795
  padding-right: 2.5rem;
2803
2796
  font-size: 0.875rem;
2804
2797
  line-height: 1.25rem;
2805
2798
  line-height: 2;
2806
- min-height: 3rem;
2799
+ border-radius: var(--rounded-btn, 0.5rem);
2807
2800
  border-width: 1px;
2808
2801
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
2809
2802
  --tw-border-opacity: 0;
2810
2803
  --tw-bg-opacity: 1;
2811
2804
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2812
- border-radius: var(--rounded-btn, 0.5rem);
2813
2805
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
2814
2806
  linear-gradient(135deg, currentColor 50%, transparent 50%);
2815
2807
  background-position: calc(100% - 20px) calc(1px + 50%),
@@ -2840,11 +2832,11 @@ html {
2840
2832
  opacity: 1}
2841
2833
  .stats {
2842
2834
  display: inline-grid;
2835
+ border-radius: var(--rounded-box, 1rem);
2843
2836
  --tw-bg-opacity: 1;
2844
2837
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2845
2838
  --tw-text-opacity: 1;
2846
- color: hsl(var(--bc) / var(--tw-text-opacity));
2847
- border-radius: var(--rounded-box, 1rem)}
2839
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
2848
2840
  :where(.stats) {
2849
2841
  grid-auto-flow: column;
2850
2842
  overflow-x: auto}
@@ -2904,8 +2896,7 @@ html {
2904
2896
  .swap {
2905
2897
  position: relative;
2906
2898
  display: inline-grid;
2907
- -webkit-user-select: none;
2908
- user-select: none;
2899
+ user-select: none;
2909
2900
  place-content: center;
2910
2901
  cursor: pointer}
2911
2902
  .swap > * {
@@ -2936,8 +2927,7 @@ html {
2936
2927
  position: relative;
2937
2928
  display: inline-flex;
2938
2929
  cursor: pointer;
2939
- -webkit-user-select: none;
2940
- user-select: none;
2930
+ user-select: none;
2941
2931
  flex-wrap: wrap;
2942
2932
  align-items: center;
2943
2933
  justify-content: center;
@@ -2952,15 +2942,15 @@ html {
2952
2942
  --tab-bg: hsl(var(--b1) / var(--tw-bg-opacity, 1));
2953
2943
  --tab-border-color: hsl(var(--b3) / var(--tw-bg-opacity, 1));
2954
2944
  color: var(--tab-color);
2955
- padding-left: var(--tab-padding, 1rem);
2956
- padding-right: var(--tab-padding, 1rem)}
2945
+ padding-inline-start: var(--tab-padding, 1rem);
2946
+ padding-inline-end: var(--tab-padding, 1rem)}
2957
2947
  .table {
2958
2948
  position: relative;
2959
2949
  width: 100%;
2950
+ border-radius: var(--rounded-box, 1rem);
2960
2951
  text-align: left;
2961
2952
  font-size: 0.875rem;
2962
- line-height: 1.25rem;
2963
- border-radius: var(--rounded-box, 1rem)}
2953
+ line-height: 1.25rem}
2964
2954
  .table :where(.table-pin-rows thead tr) {
2965
2955
  position: sticky;
2966
2956
  top: 0px;
@@ -2983,8 +2973,8 @@ html {
2983
2973
  --tw-bg-opacity: 1;
2984
2974
  background-color: hsl(var(--b2) / var(--tw-bg-opacity))}
2985
2975
  .textarea {
2986
- flex-shrink: 1;
2987
2976
  min-height: 3rem;
2977
+ flex-shrink: 1;
2988
2978
  padding-left: 1rem;
2989
2979
  padding-right: 1rem;
2990
2980
  padding-top: 0.5rem;
@@ -2992,12 +2982,12 @@ html {
2992
2982
  font-size: 0.875rem;
2993
2983
  line-height: 1.25rem;
2994
2984
  line-height: 2;
2985
+ border-radius: var(--rounded-btn, 0.5rem);
2995
2986
  border-width: 1px;
2996
2987
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
2997
2988
  --tw-border-opacity: 0;
2998
2989
  --tw-bg-opacity: 1;
2999
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3000
- border-radius: var(--rounded-btn, 0.5rem)}
2990
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))}
3001
2991
  .toast {
3002
2992
  position: fixed;
3003
2993
  display: flex;
@@ -3016,12 +3006,12 @@ html {
3016
3006
  width: 3rem;
3017
3007
  cursor: pointer;
3018
3008
  appearance: none;
3009
+ border-radius: var(--rounded-badge, 1.9rem);
3019
3010
  border-width: 1px;
3020
3011
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
3021
3012
  --tw-border-opacity: 0.2;
3022
3013
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3023
3014
  --tw-bg-opacity: 0.5;
3024
- border-radius: var(--rounded-badge, 1.9rem);
3025
3015
  transition: background,
3026
3016
  box-shadow var(--animation-input, 0.2s) ease-out;
3027
3017
  box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
@@ -3186,7 +3176,7 @@ html {
3186
3176
  background-color: transparent}
3187
3177
  [dir="rtl"] .breadcrumbs > ul > li + *:before,
3188
3178
  [dir="rtl"] .breadcrumbs > ol > li + *:before {
3189
- --tw-rotate: -45deg}
3179
+ --tw-rotate: -135deg}
3190
3180
  .btn:active:hover,
3191
3181
  .btn:active:focus {
3192
3182
  animation: button-pop 0s ease-out;
@@ -3699,20 +3689,6 @@ html {
3699
3689
  background-position-y: 0}}
3700
3690
  .checkbox-mark {
3701
3691
  display: none}
3702
- [dir="rtl"] .checkbox:checked,
3703
- [dir="rtl"] .checkbox[checked="true"],
3704
- [dir="rtl"] .checkbox[aria-checked="true"] {
3705
- background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
3706
- linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
3707
- linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
3708
- linear-gradient(
3709
- -45deg,
3710
- hsl(var(--chkbg)) 30%,
3711
- hsl(var(--chkfg)) 30.99%,
3712
- hsl(var(--chkfg)) 40%,
3713
- transparent 40.99%
3714
- ),
3715
- linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)}
3716
3692
  details.collapse {
3717
3693
  width: 100%}
3718
3694
  details.collapse summary {
@@ -3748,13 +3724,11 @@ details.collapse summary::-webkit-details-marker {
3748
3724
  transition-duration: 150ms;
3749
3725
  transition-duration: 0.2s;
3750
3726
  top: 50%;
3751
- right: 1.4rem;
3727
+ inset-inline-end: 1.4rem;
3752
3728
  content: "";
3753
3729
  transform-origin: 75% 75%;
3754
3730
  box-shadow: 2px 2px;
3755
3731
  pointer-events: none}
3756
- [dir="rtl"] .collapse-arrow > .collapse-title:after {
3757
- --tw-rotate: -45deg}
3758
3732
  .collapse-plus > .collapse-title:after {
3759
3733
  position: absolute;
3760
3734
  display: block;
@@ -3765,7 +3739,7 @@ details.collapse summary::-webkit-details-marker {
3765
3739
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3766
3740
  transition-duration: 300ms;
3767
3741
  top: 0.9rem;
3768
- right: 1.4rem;
3742
+ inset-inline-end: 1.4rem;
3769
3743
  content: "+";
3770
3744
  pointer-events: none}
3771
3745
  .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
@@ -3784,7 +3758,7 @@ details.collapse summary::-webkit-details-marker {
3784
3758
  :where(.collapse > input[type="radio"]) {
3785
3759
  width: 100%;
3786
3760
  padding: 1rem;
3787
- padding-right: 3rem;
3761
+ padding-inline-end: 3rem;
3788
3762
  min-height: 3.75rem;
3789
3763
  transition: background-color 0.2s ease-out}
3790
3764
  .collapse[open] > :where(.collapse-content),
@@ -3803,14 +3777,6 @@ details.collapse summary::-webkit-details-marker {
3803
3777
  --tw-translate-y: -50%;
3804
3778
  --tw-rotate: 225deg;
3805
3779
  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))}
3806
- [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
3807
- [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
3808
- [dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
3809
- [dir="rtl"]
3810
- .collapse-arrow:not(.collapse-close)
3811
- input[type="checkbox"]:checked
3812
- ~ .collapse-title:after {
3813
- --tw-rotate: 135deg}
3814
3780
  .collapse[open].collapse-plus > .collapse-title:after,
3815
3781
  .collapse-open.collapse-plus > .collapse-title:after,
3816
3782
  .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
@@ -4053,7 +4019,7 @@ details.collapse summary::-webkit-details-marker {
4053
4019
  .join > :where(*:not(:first-child)) {
4054
4020
  margin-top: 0px;
4055
4021
  margin-bottom: 0px;
4056
- margin-left: -1px}
4022
+ margin-inline-start: -1px}
4057
4023
  .join-item:focus {
4058
4024
  isolation: isolate}
4059
4025
  .link-primary {
@@ -4190,25 +4156,23 @@ details.collapse summary::-webkit-details-marker {
4190
4156
  .menu :where(li ul):before {
4191
4157
  position: absolute;
4192
4158
  bottom: 0.75rem;
4193
- left: 0px;
4159
+ inset-inline-start: 0px;
4194
4160
  top: 0.75rem;
4195
4161
  width: 1px;
4196
4162
  background-color: hsl(var(--bc) / 0.1);
4197
4163
  content: ""}
4198
4164
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
4199
4165
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
4166
+ border-radius: var(--rounded-btn, 0.5rem);
4200
4167
  padding-left: 1rem;
4201
4168
  padding-right: 1rem;
4202
4169
  padding-top: 0.5rem;
4203
4170
  padding-bottom: 0.5rem;
4204
- text-align: left;
4205
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
4171
+ text-align: start;
4206
4172
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
4207
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
4208
4173
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4209
4174
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4210
4175
  transition-duration: 200ms;
4211
- border-radius: var(--rounded-btn, 0.5rem);
4212
4176
  text-wrap: balance}
4213
4177
  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
4214
4178
  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
@@ -4281,11 +4245,14 @@ details.collapse summary::-webkit-details-marker {
4281
4245
  display: block;
4282
4246
  aspect-ratio: 1 / 1;
4283
4247
  height: 0.75rem;
4248
+ align-self: flex-start;
4284
4249
  border-radius: 9999px;
4285
4250
  opacity: 0.3;
4286
4251
  box-shadow: 1.4em 0,
4287
4252
  2.8em 0,
4288
4253
  4.2em 0}
4254
+ :is([dir="rtl"] .mockup-window):before {
4255
+ align-self: flex-end}
4289
4256
  .mockup-phone {
4290
4257
  display: inline-block;
4291
4258
  border: 4px solid #444;
@@ -4335,6 +4302,8 @@ details.collapse summary::-webkit-details-marker {
4335
4302
  width: 100%;
4336
4303
  align-items: center;
4337
4304
  padding-right: 1.4em}
4305
+ :is([dir="rtl"] .mockup-browser .mockup-browser-toolbar) {
4306
+ flex-direction: row-reverse}
4338
4307
  .mockup-browser .mockup-browser-toolbar:before {
4339
4308
  content: "";
4340
4309
  margin-right: 4.8rem;
@@ -4358,7 +4327,8 @@ details.collapse summary::-webkit-details-marker {
4358
4327
  white-space: nowrap;
4359
4328
  --tw-bg-opacity: 1;
4360
4329
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
4361
- padding-left: 2rem}
4330
+ padding-left: 2rem;
4331
+ direction: ltr}
4362
4332
  .mockup-browser .mockup-browser-toolbar .input:before {
4363
4333
  content: "";
4364
4334
  position: absolute;
@@ -4413,37 +4383,37 @@ details.collapse summary::-webkit-details-marker {
4413
4383
  0% {
4414
4384
  opacity: 0}}
4415
4385
  .progress::-moz-progress-bar {
4386
+ border-radius: var(--rounded-box, 1rem);
4416
4387
  --tw-bg-opacity: 1;
4417
- background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4418
- border-radius: var(--rounded-box, 1rem)}
4388
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity))}
4419
4389
  .progress-primary::-moz-progress-bar {
4390
+ border-radius: var(--rounded-box, 1rem);
4420
4391
  --tw-bg-opacity: 1;
4421
- background-color: hsl(var(--p) / var(--tw-bg-opacity));
4422
- border-radius: var(--rounded-box, 1rem)}
4392
+ background-color: hsl(var(--p) / var(--tw-bg-opacity))}
4423
4393
  .progress-secondary::-moz-progress-bar {
4394
+ border-radius: var(--rounded-box, 1rem);
4424
4395
  --tw-bg-opacity: 1;
4425
- background-color: hsl(var(--s) / var(--tw-bg-opacity));
4426
- border-radius: var(--rounded-box, 1rem)}
4396
+ background-color: hsl(var(--s) / var(--tw-bg-opacity))}
4427
4397
  .progress-accent::-moz-progress-bar {
4398
+ border-radius: var(--rounded-box, 1rem);
4428
4399
  --tw-bg-opacity: 1;
4429
- background-color: hsl(var(--a) / var(--tw-bg-opacity));
4430
- border-radius: var(--rounded-box, 1rem)}
4400
+ background-color: hsl(var(--a) / var(--tw-bg-opacity))}
4431
4401
  .progress-info::-moz-progress-bar {
4402
+ border-radius: var(--rounded-box, 1rem);
4432
4403
  --tw-bg-opacity: 1;
4433
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
4434
- border-radius: var(--rounded-box, 1rem)}
4404
+ background-color: hsl(var(--in) / var(--tw-bg-opacity))}
4435
4405
  .progress-success::-moz-progress-bar {
4406
+ border-radius: var(--rounded-box, 1rem);
4436
4407
  --tw-bg-opacity: 1;
4437
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
4438
- border-radius: var(--rounded-box, 1rem)}
4408
+ background-color: hsl(var(--su) / var(--tw-bg-opacity))}
4439
4409
  .progress-warning::-moz-progress-bar {
4410
+ border-radius: var(--rounded-box, 1rem);
4440
4411
  --tw-bg-opacity: 1;
4441
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
4442
- border-radius: var(--rounded-box, 1rem)}
4412
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
4443
4413
  .progress-error::-moz-progress-bar {
4414
+ border-radius: var(--rounded-box, 1rem);
4444
4415
  --tw-bg-opacity: 1;
4445
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
4446
- border-radius: var(--rounded-box, 1rem)}
4416
+ background-color: hsl(var(--er) / var(--tw-bg-opacity))}
4447
4417
  .progress:indeterminate {
4448
4418
  --progress-color: hsl(var(--bc));
4449
4419
  background-image: repeating-linear-gradient(
@@ -4471,12 +4441,12 @@ details.collapse summary::-webkit-details-marker {
4471
4441
  .progress-error:indeterminate {
4472
4442
  --progress-color: hsl(var(--er))}
4473
4443
  .progress::-webkit-progress-bar {
4474
- background-color: transparent;
4475
- border-radius: var(--rounded-box, 1rem)}
4444
+ border-radius: var(--rounded-box, 1rem);
4445
+ background-color: transparent}
4476
4446
  .progress::-webkit-progress-value {
4447
+ border-radius: var(--rounded-box, 1rem);
4477
4448
  --tw-bg-opacity: 1;
4478
- background-color: hsl(var(--bc) / var(--tw-bg-opacity));
4479
- border-radius: var(--rounded-box, 1rem)}
4449
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity))}
4480
4450
  .progress-primary::-webkit-progress-value {
4481
4451
  --tw-bg-opacity: 1;
4482
4452
  background-color: hsl(var(--p) / var(--tw-bg-opacity))}
@@ -4645,21 +4615,21 @@ details.collapse summary::-webkit-details-marker {
4645
4615
  .range::-webkit-slider-runnable-track {
4646
4616
  height: 0.5rem;
4647
4617
  width: 100%;
4648
- background-color: hsl(var(--bc) / 0.1);
4649
- border-radius: var(--rounded-box, 1rem)}
4618
+ border-radius: var(--rounded-box, 1rem);
4619
+ background-color: hsl(var(--bc) / 0.1)}
4650
4620
  .range::-moz-range-track {
4651
4621
  height: 0.5rem;
4652
4622
  width: 100%;
4653
- background-color: hsl(var(--bc) / 0.1);
4654
- border-radius: var(--rounded-box, 1rem)}
4623
+ border-radius: var(--rounded-box, 1rem);
4624
+ background-color: hsl(var(--bc) / 0.1)}
4655
4625
  .range::-webkit-slider-thumb {
4656
4626
  position: relative;
4657
4627
  height: 1.5rem;
4658
4628
  width: 1.5rem;
4629
+ border-radius: var(--rounded-box, 1rem);
4659
4630
  border-style: none;
4660
4631
  --tw-bg-opacity: 1;
4661
4632
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
4662
- border-radius: var(--rounded-box, 1rem);
4663
4633
  appearance: none;
4664
4634
  -webkit-appearance: none;
4665
4635
  top: 50%;
@@ -4674,10 +4644,10 @@ details.collapse summary::-webkit-details-marker {
4674
4644
  position: relative;
4675
4645
  height: 1.5rem;
4676
4646
  width: 1.5rem;
4647
+ border-radius: var(--rounded-box, 1rem);
4677
4648
  border-style: none;
4678
4649
  --tw-bg-opacity: 1;
4679
4650
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
4680
- border-radius: var(--rounded-box, 1rem);
4681
4651
  top: 50%;
4682
4652
  color: hsl(var(--range-shdw));
4683
4653
  --filler-size: 100rem;
@@ -4803,6 +4773,8 @@ details.collapse summary::-webkit-details-marker {
4803
4773
  --tw-divide-y-reverse: 0;
4804
4774
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
4805
4775
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
4776
+ :is([dir="rtl"] .stats > :not([hidden]) ~ :not([hidden])) {
4777
+ --tw-divide-x-reverse: 1}
4806
4778
  .steps .step:before {
4807
4779
  top: 0px;
4808
4780
  grid-column-start: 1;
@@ -4815,7 +4787,7 @@ details.collapse summary::-webkit-details-marker {
4815
4787
  --tw-text-opacity: 1;
4816
4788
  color: hsl(var(--bc) / var(--tw-text-opacity));
4817
4789
  content: "";
4818
- margin-left: -100%}
4790
+ margin-inline-start: -100%}
4819
4791
  .steps .step:after {
4820
4792
  content: counter(step);
4821
4793
  counter-increment: step;
@@ -4938,8 +4910,8 @@ details.collapse summary::-webkit-details-marker {
4938
4910
  outline: 2px solid currentColor;
4939
4911
  outline-offset: -3px}
4940
4912
  .tab:focus-visible.tab-lifted {
4941
- border-bottom-right-radius: var(--tab-radius, 0.5rem);
4942
- border-bottom-left-radius: var(--tab-radius, 0.5rem)}
4913
+ border-end-end-radius: var(--tab-radius, 0.5rem);
4914
+ border-end-start-radius: var(--tab-radius, 0.5rem)}
4943
4915
  .tab-disabled,
4944
4916
  .tab[disabled] {
4945
4917
  cursor: not-allowed;
@@ -4953,20 +4925,20 @@ details.collapse summary::-webkit-details-marker {
4953
4925
  .tab-lifted {
4954
4926
  border: var(--tab-border, 1px) solid transparent;
4955
4927
  border-width: 0 0 var(--tab-border, 1px) 0;
4956
- border-top-left-radius: var(--tab-radius, 0.5rem);
4957
- border-top-right-radius: var(--tab-radius, 0.5rem);
4928
+ border-start-start-radius: var(--tab-radius, 0.5rem);
4929
+ border-start-end-radius: var(--tab-radius, 0.5rem);
4958
4930
  border-bottom-color: var(--tab-border-color);
4959
- padding-left: var(--tab-padding, 1rem);
4960
- padding-right: var(--tab-padding, 1rem);
4931
+ padding-inline-start: var(--tab-padding, 1rem);
4932
+ padding-inline-end: var(--tab-padding, 1rem);
4961
4933
  padding-top: var(--tab-border, 1px)}
4962
4934
  .tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
4963
4935
  background-color: var(--tab-bg);
4964
4936
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
4965
- border-left-color: var(--tab-border-color);
4966
- border-right-color: var(--tab-border-color);
4937
+ border-inline-start-color: var(--tab-border-color);
4938
+ border-inline-end-color: var(--tab-border-color);
4967
4939
  border-top-color: var(--tab-border-color);
4968
- padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
4969
- padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
4940
+ padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
4941
+ padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
4970
4942
  padding-bottom: var(--tab-border, 1px);
4971
4943
  padding-top: 0}
4972
4944
  .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
@@ -4987,13 +4959,13 @@ details.collapse summary::-webkit-details-marker {
4987
4959
  var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
4988
4960
  )}
4989
4961
  .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
4990
- left: calc(var(--tab-radius, 0.5rem) * -1);
4962
+ inset-inline-start: calc(var(--tab-radius, 0.5rem) * -1);
4991
4963
  --circle-pos: top left;
4992
4964
  background-image: var(--tab-corner-bg)}
4993
4965
  [dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
4994
4966
  --circle-pos: top right}
4995
4967
  .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
4996
- right: calc(var(--tab-radius, 0.5rem) * -1);
4968
+ inset-inline-end: calc(var(--tab-radius, 0.5rem) * -1);
4997
4969
  --circle-pos: top right;
4998
4970
  background-image: var(--tab-corner-bg)}
4999
4971
  [dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
@@ -5006,10 +4978,10 @@ details.collapse summary::-webkit-details-marker {
5006
4978
  + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
5007
4979
  background: none}
5008
4980
  .tabs-boxed {
4981
+ border-radius: var(--rounded-btn, 0.5rem);
5009
4982
  --tw-bg-opacity: 1;
5010
4983
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
5011
- padding: 0.25rem;
5012
- border-radius: var(--rounded-btn, 0.5rem)}
4984
+ padding: 0.25rem}
5013
4985
  .tabs-boxed .tab {
5014
4986
  border-radius: var(--rounded-btn, 0.5rem)}
5015
4987
  .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
@@ -5017,6 +4989,8 @@ details.collapse summary::-webkit-details-marker {
5017
4989
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
5018
4990
  --tw-text-opacity: 1;
5019
4991
  color: hsl(var(--pc) / var(--tw-text-opacity))}
4992
+ :is([dir="rtl"] .table) {
4993
+ text-align: right}
5020
4994
  .table :where(th, td) {
5021
4995
  padding-left: 1rem;
5022
4996
  padding-right: 1rem;
@@ -6085,6 +6059,114 @@ details.collapse summary::-webkit-details-marker {
6085
6059
  border-color: hsl(var(--wa) / 0.9)}
6086
6060
  .divide-warning\/95 > :not([hidden]) ~ :not([hidden]) {
6087
6061
  border-color: hsl(var(--wa) / 0.95)}
6062
+ .rounded-badge {
6063
+ border-radius: var(--rounded-badge, 1.9rem)}
6064
+ .rounded-box {
6065
+ border-radius: var(--rounded-box, 1rem)}
6066
+ .rounded-btn {
6067
+ border-radius: var(--rounded-btn, 0.5rem)}
6068
+ .rounded-b-badge {
6069
+ border-bottom-right-radius: var(--rounded-badge, 1.9rem);
6070
+ border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
6071
+ .rounded-b-box {
6072
+ border-bottom-right-radius: var(--rounded-box, 1rem);
6073
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
6074
+ .rounded-b-btn {
6075
+ border-bottom-right-radius: var(--rounded-btn, 0.5rem);
6076
+ border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
6077
+ .rounded-e-badge {
6078
+ border-start-end-radius: var(--rounded-badge, 1.9rem);
6079
+ border-end-end-radius: var(--rounded-badge, 1.9rem)}
6080
+ .rounded-e-box {
6081
+ border-start-end-radius: var(--rounded-box, 1rem);
6082
+ border-end-end-radius: var(--rounded-box, 1rem)}
6083
+ .rounded-e-btn {
6084
+ border-start-end-radius: var(--rounded-btn, 0.5rem);
6085
+ border-end-end-radius: var(--rounded-btn, 0.5rem)}
6086
+ .rounded-l-badge {
6087
+ border-top-left-radius: var(--rounded-badge, 1.9rem);
6088
+ border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
6089
+ .rounded-l-box {
6090
+ border-top-left-radius: var(--rounded-box, 1rem);
6091
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
6092
+ .rounded-l-btn {
6093
+ border-top-left-radius: var(--rounded-btn, 0.5rem);
6094
+ border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
6095
+ .rounded-r-badge {
6096
+ border-top-right-radius: var(--rounded-badge, 1.9rem);
6097
+ border-bottom-right-radius: var(--rounded-badge, 1.9rem)}
6098
+ .rounded-r-box {
6099
+ border-top-right-radius: var(--rounded-box, 1rem);
6100
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
6101
+ .rounded-r-btn {
6102
+ border-top-right-radius: var(--rounded-btn, 0.5rem);
6103
+ border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
6104
+ .rounded-s-badge {
6105
+ border-start-start-radius: var(--rounded-badge, 1.9rem);
6106
+ border-end-start-radius: var(--rounded-badge, 1.9rem)}
6107
+ .rounded-s-box {
6108
+ border-start-start-radius: var(--rounded-box, 1rem);
6109
+ border-end-start-radius: var(--rounded-box, 1rem)}
6110
+ .rounded-s-btn {
6111
+ border-start-start-radius: var(--rounded-btn, 0.5rem);
6112
+ border-end-start-radius: var(--rounded-btn, 0.5rem)}
6113
+ .rounded-t-badge {
6114
+ border-top-left-radius: var(--rounded-badge, 1.9rem);
6115
+ border-top-right-radius: var(--rounded-badge, 1.9rem)}
6116
+ .rounded-t-box {
6117
+ border-top-left-radius: var(--rounded-box, 1rem);
6118
+ border-top-right-radius: var(--rounded-box, 1rem)}
6119
+ .rounded-t-btn {
6120
+ border-top-left-radius: var(--rounded-btn, 0.5rem);
6121
+ border-top-right-radius: var(--rounded-btn, 0.5rem)}
6122
+ .rounded-bl-badge {
6123
+ border-bottom-left-radius: var(--rounded-badge, 1.9rem)}
6124
+ .rounded-bl-box {
6125
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
6126
+ .rounded-bl-btn {
6127
+ border-bottom-left-radius: var(--rounded-btn, 0.5rem)}
6128
+ .rounded-br-badge {
6129
+ border-bottom-right-radius: var(--rounded-badge, 1.9rem)}
6130
+ .rounded-br-box {
6131
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
6132
+ .rounded-br-btn {
6133
+ border-bottom-right-radius: var(--rounded-btn, 0.5rem)}
6134
+ .rounded-ee-badge {
6135
+ border-end-end-radius: var(--rounded-badge, 1.9rem)}
6136
+ .rounded-ee-box {
6137
+ border-end-end-radius: var(--rounded-box, 1rem)}
6138
+ .rounded-ee-btn {
6139
+ border-end-end-radius: var(--rounded-btn, 0.5rem)}
6140
+ .rounded-es-badge {
6141
+ border-end-start-radius: var(--rounded-badge, 1.9rem)}
6142
+ .rounded-es-box {
6143
+ border-end-start-radius: var(--rounded-box, 1rem)}
6144
+ .rounded-es-btn {
6145
+ border-end-start-radius: var(--rounded-btn, 0.5rem)}
6146
+ .rounded-se-badge {
6147
+ border-start-end-radius: var(--rounded-badge, 1.9rem)}
6148
+ .rounded-se-box {
6149
+ border-start-end-radius: var(--rounded-box, 1rem)}
6150
+ .rounded-se-btn {
6151
+ border-start-end-radius: var(--rounded-btn, 0.5rem)}
6152
+ .rounded-ss-badge {
6153
+ border-start-start-radius: var(--rounded-badge, 1.9rem)}
6154
+ .rounded-ss-box {
6155
+ border-start-start-radius: var(--rounded-box, 1rem)}
6156
+ .rounded-ss-btn {
6157
+ border-start-start-radius: var(--rounded-btn, 0.5rem)}
6158
+ .rounded-tl-badge {
6159
+ border-top-left-radius: var(--rounded-badge, 1.9rem)}
6160
+ .rounded-tl-box {
6161
+ border-top-left-radius: var(--rounded-box, 1rem)}
6162
+ .rounded-tl-btn {
6163
+ border-top-left-radius: var(--rounded-btn, 0.5rem)}
6164
+ .rounded-tr-badge {
6165
+ border-top-right-radius: var(--rounded-badge, 1.9rem)}
6166
+ .rounded-tr-box {
6167
+ border-top-right-radius: var(--rounded-box, 1rem)}
6168
+ .rounded-tr-btn {
6169
+ border-top-right-radius: var(--rounded-btn, 0.5rem)}
6088
6170
  .border-accent {
6089
6171
  border-color: hsl(var(--a) / 1)}
6090
6172
  .border-accent-content {
@@ -22709,9 +22791,7 @@ details.collapse summary::-webkit-details-marker {
22709
22791
  .ring-offset-warning\/95 {
22710
22792
  --tw-ring-offset-color: hsl(var(--wa) / 0.95)}
22711
22793
  .transition {
22712
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
22713
22794
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
22714
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
22715
22795
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22716
22796
  transition-duration: 150ms}
22717
22797
  .transition-all {
@@ -22736,37 +22816,10 @@ details.collapse summary::-webkit-details-marker {
22736
22816
  transition-property: transform;
22737
22817
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22738
22818
  transition-duration: 150ms}
22739
- .rounded-box {
22740
- border-radius: var(--rounded-box, 1rem)}
22741
- .rounded-t-box {
22742
- border-top-left-radius: var(--rounded-box, 1rem);
22743
- border-top-right-radius: var(--rounded-box, 1rem)}
22744
- .rounded-b-box {
22745
- border-bottom-left-radius: var(--rounded-box, 1rem);
22746
- border-bottom-right-radius: var(--rounded-box, 1rem)}
22747
- .rounded-l-box {
22748
- border-top-left-radius: var(--rounded-box, 1rem);
22749
- border-bottom-left-radius: var(--rounded-box, 1rem)}
22750
- .rounded-r-box {
22751
- border-top-right-radius: var(--rounded-box, 1rem);
22752
- border-bottom-right-radius: var(--rounded-box, 1rem)}
22753
- .rounded-br-box {
22754
- border-bottom-right-radius: var(--rounded-box, 1rem)}
22755
- .rounded-tr-box {
22756
- border-top-right-radius: var(--rounded-box, 1rem)}
22757
- .rounded-bl-box {
22758
- border-bottom-left-radius: var(--rounded-box, 1rem)}
22759
- .rounded-tl-box {
22760
- border-top-left-radius: var(--rounded-box, 1rem)}
22761
- .rounded-btn {
22762
- border-radius: var(--rounded-btn, 0.5rem)}
22763
- .rounded-badge {
22764
- border-radius: var(--rounded-badge, 1.9rem)}
22765
22819
  .glass,
22766
22820
  .glass.btn-active {
22767
22821
  border: none;
22768
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22769
- backdrop-filter: blur(var(--glass-blur, 40px));
22822
+ backdrop-filter: blur(var(--glass-blur, 40px));
22770
22823
  background-color: transparent;
22771
22824
  background-image: linear-gradient(
22772
22825
  135deg,
@@ -22784,8 +22837,7 @@ details.collapse summary::-webkit-details-marker {
22784
22837
  @media (hover: hover) {
22785
22838
  .glass.btn-active {
22786
22839
  border: none;
22787
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22788
- backdrop-filter: blur(var(--glass-blur, 40px));
22840
+ backdrop-filter: blur(var(--glass-blur, 40px));
22789
22841
  background-color: transparent;
22790
22842
  background-image: linear-gradient(
22791
22843
  135deg,
@@ -22800,14 +22852,6 @@ details.collapse summary::-webkit-details-marker {
22800
22852
  box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
22801
22853
  0 0 0 2px rgb(0 0 0 / 5%);
22802
22854
  text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))}}
22803
- .min-h-6 {
22804
- min-height: 1.5rem}
22805
- .min-h-8 {
22806
- min-height: 2rem}
22807
- .min-h-12 {
22808
- min-height: 3rem}
22809
- .min-h-16 {
22810
- min-height: 4rem}
22811
22855
  .no-animation {
22812
22856
  --btn-focus-scale: 1;
22813
22857
  --animation-btn: 0;
@@ -22928,27 +22972,27 @@ details.collapse summary::-webkit-details-marker {
22928
22972
  line-height: 1.5rem}
22929
22973
  .btn-xs {
22930
22974
  height: 1.5rem;
22975
+ min-height: 1.5rem;
22931
22976
  padding-left: 0.5rem;
22932
22977
  padding-right: 0.5rem;
22933
- min-height: 1.5rem;
22934
22978
  font-size: 0.75rem}
22935
22979
  .btn-sm {
22936
22980
  height: 2rem;
22981
+ min-height: 2rem;
22937
22982
  padding-left: 0.75rem;
22938
22983
  padding-right: 0.75rem;
22939
- min-height: 2rem;
22940
22984
  font-size: 0.875rem}
22941
22985
  .btn-md {
22942
22986
  height: 3rem;
22987
+ min-height: 3rem;
22943
22988
  padding-left: 1rem;
22944
22989
  padding-right: 1rem;
22945
- min-height: 3rem;
22946
22990
  font-size: 0.875rem}
22947
22991
  .btn-lg {
22948
22992
  height: 4rem;
22993
+ min-height: 4rem;
22949
22994
  padding-left: 1.5rem;
22950
22995
  padding-right: 1.5rem;
22951
- min-height: 4rem;
22952
22996
  font-size: 1.125rem}
22953
22997
  .btn-wide {
22954
22998
  width: 16rem}
@@ -23061,7 +23105,7 @@ details.collapse summary::-webkit-details-marker {
23061
23105
  visibility: visible}
23062
23106
  .file-input-xs {
23063
23107
  height: 1.5rem;
23064
- padding-right: 0.5rem;
23108
+ padding-inline-end: 0.5rem;
23065
23109
  font-size: 0.75rem;
23066
23110
  line-height: 1rem;
23067
23111
  line-height: 1.625}
@@ -23070,7 +23114,7 @@ details.collapse summary::-webkit-details-marker {
23070
23114
  font-size: 0.75rem}
23071
23115
  .file-input-sm {
23072
23116
  height: 2rem;
23073
- padding-right: 0.75rem;
23117
+ padding-inline-end: 0.75rem;
23074
23118
  font-size: 0.875rem;
23075
23119
  line-height: 1.25rem;
23076
23120
  line-height: 2}
@@ -23079,7 +23123,7 @@ details.collapse summary::-webkit-details-marker {
23079
23123
  font-size: 0.875rem}
23080
23124
  .file-input-md {
23081
23125
  height: 3rem;
23082
- padding-right: 1rem;
23126
+ padding-inline-end: 1rem;
23083
23127
  font-size: 0.875rem;
23084
23128
  line-height: 1.25rem;
23085
23129
  line-height: 2}
@@ -23088,7 +23132,7 @@ details.collapse summary::-webkit-details-marker {
23088
23132
  font-size: 0.875rem}
23089
23133
  .file-input-lg {
23090
23134
  height: 4rem;
23091
- padding-right: 1.5rem;
23135
+ padding-inline-end: 1.5rem;
23092
23136
  font-size: 1.125rem;
23093
23137
  line-height: 1.75rem;
23094
23138
  line-height: 2}
@@ -23097,27 +23141,39 @@ details.collapse summary::-webkit-details-marker {
23097
23141
  font-size: 1.125rem}
23098
23142
  .indicator :where(.indicator-item) {
23099
23143
  bottom: auto;
23100
- left: auto;
23101
- right: 0px;
23144
+ inset-inline-end: 0px;
23145
+ inset-inline-start: auto;
23102
23146
  top: 0px;
23103
23147
  --tw-translate-y: -50%;
23104
23148
  --tw-translate-x: 50%;
23105
23149
  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))}
23150
+ :is([dir="rtl"] .indicator :where(.indicator-item)) {
23151
+ --tw-translate-x: -50%;
23152
+ 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))}
23106
23153
  .indicator :where(.indicator-item.indicator-start) {
23107
- left: 0px;
23108
- right: auto;
23154
+ inset-inline-end: auto;
23155
+ inset-inline-start: 0px;
23109
23156
  --tw-translate-x: -50%;
23110
23157
  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))}
23158
+ :is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)) {
23159
+ --tw-translate-x: 50%;
23160
+ 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))}
23111
23161
  .indicator :where(.indicator-item.indicator-center) {
23112
- left: 50%;
23113
- right: 50%;
23162
+ inset-inline-end: 50%;
23163
+ inset-inline-start: 50%;
23114
23164
  --tw-translate-x: -50%;
23115
23165
  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))}
23166
+ :is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)) {
23167
+ --tw-translate-x: 50%;
23168
+ 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))}
23116
23169
  .indicator :where(.indicator-item.indicator-end) {
23117
- left: auto;
23118
- right: 0px;
23170
+ inset-inline-end: 0px;
23171
+ inset-inline-start: auto;
23119
23172
  --tw-translate-x: 50%;
23120
23173
  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))}
23174
+ :is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)) {
23175
+ --tw-translate-x: -50%;
23176
+ 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))}
23121
23177
  .indicator :where(.indicator-item.indicator-bottom) {
23122
23178
  bottom: 0px;
23123
23179
  top: auto;
@@ -23164,30 +23220,30 @@ details.collapse summary::-webkit-details-marker {
23164
23220
  flex-direction: column}
23165
23221
  .join.join-vertical .join-item:first-child:not(:last-child),
23166
23222
  .join.join-vertical *:first-child:not(:last-child) .join-item {
23167
- border-bottom-left-radius: 0;
23168
- border-bottom-right-radius: 0;
23169
- border-top-left-radius: inherit;
23170
- border-top-right-radius: inherit}
23223
+ border-end-start-radius: 0;
23224
+ border-end-end-radius: 0;
23225
+ border-start-start-radius: inherit;
23226
+ border-start-end-radius: inherit}
23171
23227
  .join.join-vertical .join-item:last-child:not(:first-child),
23172
23228
  .join.join-vertical *:last-child:not(:first-child) .join-item {
23173
- border-top-left-radius: 0;
23174
- border-top-right-radius: 0;
23175
- border-bottom-left-radius: inherit;
23176
- border-bottom-right-radius: inherit}
23229
+ border-start-start-radius: 0;
23230
+ border-start-end-radius: 0;
23231
+ border-end-start-radius: inherit;
23232
+ border-end-end-radius: inherit}
23177
23233
  .join.join-horizontal {
23178
23234
  flex-direction: row}
23179
23235
  .join.join-horizontal .join-item:first-child:not(:last-child),
23180
23236
  .join.join-horizontal *:first-child:not(:last-child) .join-item {
23181
- border-bottom-right-radius: 0;
23182
- border-top-right-radius: 0;
23183
- border-bottom-left-radius: inherit;
23184
- border-top-left-radius: inherit}
23237
+ border-end-end-radius: 0;
23238
+ border-start-end-radius: 0;
23239
+ border-end-start-radius: inherit;
23240
+ border-start-start-radius: inherit}
23185
23241
  .join.join-horizontal .join-item:last-child:not(:first-child),
23186
23242
  .join.join-horizontal *:last-child:not(:first-child) .join-item {
23187
- border-bottom-left-radius: 0;
23188
- border-top-left-radius: 0;
23189
- border-bottom-right-radius: inherit;
23190
- border-top-right-radius: inherit}
23243
+ border-end-start-radius: 0;
23244
+ border-start-start-radius: 0;
23245
+ border-end-end-radius: inherit;
23246
+ border-start-end-radius: inherit}
23191
23247
  .kbd-xs {
23192
23248
  padding-left: 0.25rem;
23193
23249
  padding-right: 0.25rem;
@@ -23322,44 +23378,44 @@ details.collapse summary::-webkit-details-marker {
23322
23378
  width: 1.25rem}
23323
23379
  .select-md {
23324
23380
  height: 3rem;
23381
+ min-height: 3rem;
23325
23382
  padding-left: 1rem;
23326
23383
  padding-right: 2.5rem;
23327
23384
  font-size: 0.875rem;
23328
23385
  line-height: 1.25rem;
23329
- line-height: 2;
23330
- min-height: 3rem}
23386
+ line-height: 2}
23331
23387
  [dir="rtl"] .select-md {
23332
23388
  padding-left: 2.5rem;
23333
23389
  padding-right: 1rem}
23334
23390
  .select-lg {
23335
23391
  height: 4rem;
23392
+ min-height: 4rem;
23336
23393
  padding-left: 1.5rem;
23337
23394
  padding-right: 2rem;
23338
23395
  font-size: 1.125rem;
23339
23396
  line-height: 1.75rem;
23340
- line-height: 2;
23341
- min-height: 4rem}
23397
+ line-height: 2}
23342
23398
  [dir="rtl"] .select-lg {
23343
23399
  padding-left: 2rem;
23344
23400
  padding-right: 1.5rem}
23345
23401
  .select-sm {
23346
23402
  height: 2rem;
23403
+ min-height: 2rem;
23347
23404
  padding-left: 0.75rem;
23348
23405
  padding-right: 2rem;
23349
23406
  font-size: 0.875rem;
23350
- line-height: 2rem;
23351
- min-height: 2rem}
23407
+ line-height: 2rem}
23352
23408
  [dir="rtl"] .select-sm {
23353
23409
  padding-left: 2rem;
23354
23410
  padding-right: 0.75rem}
23355
23411
  .select-xs {
23356
23412
  height: 1.5rem;
23413
+ min-height: 1.5rem;
23357
23414
  padding-left: 0.5rem;
23358
23415
  padding-right: 2rem;
23359
23416
  font-size: 0.75rem;
23360
23417
  line-height: 1rem;
23361
- line-height: 1.625;
23362
- min-height: 1.5rem}
23418
+ line-height: 1.625}
23363
23419
  [dir="rtl"] .select-xs {
23364
23420
  padding-left: 2rem;
23365
23421
  padding-right: 0.5rem}
@@ -23441,25 +23497,28 @@ details.collapse summary::-webkit-details-marker {
23441
23497
  line-height: 2}
23442
23498
  :where(.toast) {
23443
23499
  bottom: 0px;
23444
- left: auto;
23445
- right: 0px;
23500
+ inset-inline-end: 0px;
23501
+ inset-inline-start: auto;
23446
23502
  top: auto;
23447
23503
  --tw-translate-x: 0px;
23448
23504
  --tw-translate-y: 0px;
23449
23505
  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))}
23450
23506
  .toast:where(.toast-start) {
23451
- left: 0px;
23452
- right: auto;
23507
+ inset-inline-end: auto;
23508
+ inset-inline-start: 0px;
23453
23509
  --tw-translate-x: 0px;
23454
23510
  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))}
23455
23511
  .toast:where(.toast-center) {
23456
- left: 50%;
23457
- right: 50%;
23512
+ inset-inline-end: 50%;
23513
+ inset-inline-start: 50%;
23458
23514
  --tw-translate-x: -50%;
23459
23515
  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))}
23516
+ :is([dir="rtl"] .toast:where(.toast-center)) {
23517
+ --tw-translate-x: 50%;
23518
+ 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))}
23460
23519
  .toast:where(.toast-end) {
23461
- left: auto;
23462
- right: 0px;
23520
+ inset-inline-end: 0px;
23521
+ inset-inline-start: auto;
23463
23522
  --tw-translate-x: 0px;
23464
23523
  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))}
23465
23524
  .toast:where(.toast-bottom) {
@@ -23528,11 +23587,11 @@ details.collapse summary::-webkit-details-marker {
23528
23587
  right: auto;
23529
23588
  bottom: auto}
23530
23589
  .artboard-demo {
23590
+ border-radius: var(--rounded-box, 1rem);
23531
23591
  --tw-bg-opacity: 1;
23532
23592
  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
23533
23593
  --tw-text-opacity: 1;
23534
23594
  color: hsl(var(--bc) / var(--tw-text-opacity));
23535
- border-radius: var(--rounded-box, 1rem);
23536
23595
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
23537
23596
  0 1px 2px 0 rgba(0, 0, 0, 0.06)}
23538
23597
  .avatar.online:before {
@@ -23647,28 +23706,28 @@ details.collapse summary::-webkit-details-marker {
23647
23706
  .join.join-horizontal > :where(*:not(:first-child)) {
23648
23707
  margin-top: 0px;
23649
23708
  margin-bottom: 0px;
23650
- margin-left: -1px}
23709
+ margin-inline-start: -1px}
23651
23710
  .menu-horizontal > li:not(.menu-title) > details > ul {
23652
- margin-left: 0px;
23711
+ margin-inline-start: 0px;
23653
23712
  margin-top: 1rem;
23654
23713
  padding-top: 0.5rem;
23655
23714
  padding-bottom: 0.5rem;
23656
- padding-right: 0.5rem}
23715
+ padding-inline-end: 0.5rem}
23657
23716
  .menu-horizontal > li > details > ul:before {
23658
23717
  content: none}
23659
23718
  :where(.menu-horizontal > li:not(.menu-title) > details > ul) {
23719
+ border-radius: var(--rounded-box, 1rem);
23660
23720
  --tw-bg-opacity: 1;
23661
23721
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
23662
23722
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
23663
23723
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
23664
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
23665
- border-radius: var(--rounded-box, 1rem)}
23724
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
23666
23725
  .menu-vertical > li:not(.menu-title) > details > ul {
23667
- margin-left: 1rem;
23726
+ margin-inline-start: 1rem;
23668
23727
  margin-top: 0px;
23669
23728
  padding-top: 0px;
23670
23729
  padding-bottom: 0px;
23671
- padding-right: 0px}
23730
+ padding-inline-end: 0px}
23672
23731
  .menu-xs :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
23673
23732
  .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
23674
23733
  border-radius: 0.25rem;
@@ -23685,13 +23744,13 @@ details.collapse summary::-webkit-details-marker {
23685
23744
  padding-bottom: 0.25rem}
23686
23745
  .menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
23687
23746
  .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
23747
+ border-radius: var(--rounded-btn, 0.5rem);
23688
23748
  padding-left: 0.75rem;
23689
23749
  padding-right: 0.75rem;
23690
23750
  padding-top: 0.25rem;
23691
23751
  padding-bottom: 0.25rem;
23692
23752
  font-size: 0.875rem;
23693
- line-height: 1.25rem;
23694
- border-radius: var(--rounded-btn, 0.5rem)}
23753
+ line-height: 1.25rem}
23695
23754
  .menu-sm .menu-title {
23696
23755
  padding-left: 0.75rem;
23697
23756
  padding-right: 0.75rem;
@@ -23699,13 +23758,13 @@ details.collapse summary::-webkit-details-marker {
23699
23758
  padding-bottom: 0.5rem}
23700
23759
  .menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
23701
23760
  .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
23761
+ border-radius: var(--rounded-btn, 0.5rem);
23702
23762
  padding-left: 1rem;
23703
23763
  padding-right: 1rem;
23704
23764
  padding-top: 0.5rem;
23705
23765
  padding-bottom: 0.5rem;
23706
23766
  font-size: 0.875rem;
23707
- line-height: 1.25rem;
23708
- border-radius: var(--rounded-btn, 0.5rem)}
23767
+ line-height: 1.25rem}
23709
23768
  .menu-md .menu-title {
23710
23769
  padding-left: 1rem;
23711
23770
  padding-right: 1rem;
@@ -23713,13 +23772,13 @@ details.collapse summary::-webkit-details-marker {
23713
23772
  padding-bottom: 0.5rem}
23714
23773
  .menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
23715
23774
  .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
23775
+ border-radius: var(--rounded-btn, 0.5rem);
23716
23776
  padding-left: 1.5rem;
23717
23777
  padding-right: 1.5rem;
23718
23778
  padding-top: 0.75rem;
23719
23779
  padding-bottom: 0.75rem;
23720
23780
  font-size: 1.125rem;
23721
- line-height: 1.75rem;
23722
- border-radius: var(--rounded-btn, 0.5rem)}
23781
+ line-height: 1.75rem}
23723
23782
  .menu-lg .menu-title {
23724
23783
  padding-left: 1.5rem;
23725
23784
  padding-right: 1.5rem;
@@ -23732,10 +23791,10 @@ details.collapse summary::-webkit-details-marker {
23732
23791
  --tw-scale-x: 1;
23733
23792
  --tw-scale-y: 1;
23734
23793
  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));
23735
- border-top-left-radius: 0px;
23736
- border-top-right-radius: 0px;
23794
+ border-bottom-right-radius: var(--rounded-box, 1rem);
23737
23795
  border-bottom-left-radius: var(--rounded-box, 1rem);
23738
- border-bottom-right-radius: var(--rounded-box, 1rem)}
23796
+ border-top-left-radius: 0px;
23797
+ border-top-right-radius: 0px}
23739
23798
  .modal-middle :where(.modal-box) {
23740
23799
  width: 91.666667%;
23741
23800
  max-width: 32rem;
@@ -23745,8 +23804,8 @@ details.collapse summary::-webkit-details-marker {
23745
23804
  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));
23746
23805
  border-top-left-radius: var(--rounded-box, 1rem);
23747
23806
  border-top-right-radius: var(--rounded-box, 1rem);
23748
- border-bottom-left-radius: var(--rounded-box, 1rem);
23749
- border-bottom-right-radius: var(--rounded-box, 1rem)}
23807
+ border-bottom-right-radius: var(--rounded-box, 1rem);
23808
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
23750
23809
  .modal-bottom :where(.modal-box) {
23751
23810
  width: 100%;
23752
23811
  max-width: none;
@@ -23754,10 +23813,10 @@ details.collapse summary::-webkit-details-marker {
23754
23813
  --tw-scale-x: 1;
23755
23814
  --tw-scale-y: 1;
23756
23815
  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));
23757
- border-bottom-right-radius: 0px;
23758
- border-bottom-left-radius: 0px;
23759
23816
  border-top-left-radius: var(--rounded-box, 1rem);
23760
- border-top-right-radius: var(--rounded-box, 1rem)}
23817
+ border-top-right-radius: var(--rounded-box, 1rem);
23818
+ border-bottom-right-radius: 0px;
23819
+ border-bottom-left-radius: 0px}
23761
23820
  .stats-horizontal > :not([hidden]) ~ :not([hidden]) {
23762
23821
  --tw-divide-x-reverse: 0;
23763
23822
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -23767,6 +23826,8 @@ details.collapse summary::-webkit-details-marker {
23767
23826
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
23768
23827
  .stats-horizontal {
23769
23828
  overflow-x: auto}
23829
+ :is([dir="rtl"] .stats-horizontal) {
23830
+ --tw-divide-x-reverse: 1}
23770
23831
  .stats-vertical > :not([hidden]) ~ :not([hidden]) {
23771
23832
  --tw-divide-x-reverse: 0;
23772
23833
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -23787,7 +23848,10 @@ details.collapse summary::-webkit-details-marker {
23787
23848
  --tw-translate-y: 0px;
23788
23849
  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));
23789
23850
  content: "";
23790
- margin-left: -100%}
23851
+ margin-inline-start: -100%}
23852
+ :is([dir="rtl"] .steps-horizontal .step):before {
23853
+ --tw-translate-x: 0px;
23854
+ 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))}
23791
23855
  .steps-vertical .step {
23792
23856
  gap: 0.5rem;
23793
23857
  grid-template-columns: 40px 1fr;
@@ -23800,9 +23864,10 @@ details.collapse summary::-webkit-details-marker {
23800
23864
  --tw-translate-x: -50%;
23801
23865
  --tw-translate-y: -50%;
23802
23866
  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));
23803
- margin-left: 50%}
23804
- [dir="rtl"] .steps-vertical .step:before {
23805
- margin-right: auto}
23867
+ margin-inline-start: 50%}
23868
+ :is([dir="rtl"] .steps-vertical .step):before {
23869
+ --tw-translate-x: 50%;
23870
+ 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))}
23806
23871
  .table-xs :not(thead):not(tfoot) tr {
23807
23872
  font-size: 0.75rem;
23808
23873
  line-height: 1rem}
@@ -23846,9 +23911,7 @@ details.collapse summary::-webkit-details-marker {
23846
23911
  .tooltip:before,
23847
23912
  .tooltip:after {
23848
23913
  opacity: 0;
23849
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
23850
23914
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
23851
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
23852
23915
  transition-delay: 100ms;
23853
23916
  transition-duration: 200ms;
23854
23917
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
@@ -24330,21 +24393,21 @@ details.collapse summary::-webkit-details-marker {
24330
24393
  --tw-text-opacity: 1;
24331
24394
  color: hsl(var(--er) / var(--tw-text-opacity))}
24332
24395
  .hover\:progress-info:hover::-moz-progress-bar {
24396
+ border-radius: var(--rounded-box, 1rem);
24333
24397
  --tw-bg-opacity: 1;
24334
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
24335
- border-radius: var(--rounded-box, 1rem)}
24398
+ background-color: hsl(var(--in) / var(--tw-bg-opacity))}
24336
24399
  .hover\:progress-success:hover::-moz-progress-bar {
24400
+ border-radius: var(--rounded-box, 1rem);
24337
24401
  --tw-bg-opacity: 1;
24338
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
24339
- border-radius: var(--rounded-box, 1rem)}
24402
+ background-color: hsl(var(--su) / var(--tw-bg-opacity))}
24340
24403
  .hover\:progress-warning:hover::-moz-progress-bar {
24404
+ border-radius: var(--rounded-box, 1rem);
24341
24405
  --tw-bg-opacity: 1;
24342
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
24343
- border-radius: var(--rounded-box, 1rem)}
24406
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
24344
24407
  .hover\:progress-error:hover::-moz-progress-bar {
24408
+ border-radius: var(--rounded-box, 1rem);
24345
24409
  --tw-bg-opacity: 1;
24346
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
24347
- border-radius: var(--rounded-box, 1rem)}
24410
+ background-color: hsl(var(--er) / var(--tw-bg-opacity))}
24348
24411
  .hover\:progress-info:hover:indeterminate {
24349
24412
  --progress-color: hsl(var(--in))}
24350
24413
  .hover\:progress-success:hover:indeterminate {
@@ -24928,21 +24991,21 @@ details.collapse summary::-webkit-details-marker {
24928
24991
  --tw-text-opacity: 1;
24929
24992
  color: hsl(var(--er) / var(--tw-text-opacity))}
24930
24993
  .focus\:progress-info:focus::-moz-progress-bar {
24994
+ border-radius: var(--rounded-box, 1rem);
24931
24995
  --tw-bg-opacity: 1;
24932
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
24933
- border-radius: var(--rounded-box, 1rem)}
24996
+ background-color: hsl(var(--in) / var(--tw-bg-opacity))}
24934
24997
  .focus\:progress-success:focus::-moz-progress-bar {
24998
+ border-radius: var(--rounded-box, 1rem);
24935
24999
  --tw-bg-opacity: 1;
24936
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
24937
- border-radius: var(--rounded-box, 1rem)}
25000
+ background-color: hsl(var(--su) / var(--tw-bg-opacity))}
24938
25001
  .focus\:progress-warning:focus::-moz-progress-bar {
25002
+ border-radius: var(--rounded-box, 1rem);
24939
25003
  --tw-bg-opacity: 1;
24940
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
24941
- border-radius: var(--rounded-box, 1rem)}
25004
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity))}
24942
25005
  .focus\:progress-error:focus::-moz-progress-bar {
25006
+ border-radius: var(--rounded-box, 1rem);
24943
25007
  --tw-bg-opacity: 1;
24944
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
24945
- border-radius: var(--rounded-box, 1rem)}
25008
+ background-color: hsl(var(--er) / var(--tw-bg-opacity))}
24946
25009
  .focus\:progress-info:focus:indeterminate {
24947
25010
  --progress-color: hsl(var(--in))}
24948
25011
  .focus\:progress-success:focus:indeterminate {
@@ -25145,11 +25208,11 @@ details.collapse summary::-webkit-details-marker {
25145
25208
  line-height: 2rem}
25146
25209
  .sm\:stats {
25147
25210
  display: inline-grid;
25211
+ border-radius: var(--rounded-box, 1rem);
25148
25212
  --tw-bg-opacity: 1;
25149
25213
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
25150
25214
  --tw-text-opacity: 1;
25151
- color: hsl(var(--bc) / var(--tw-text-opacity));
25152
- border-radius: var(--rounded-box, 1rem)}
25215
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
25153
25216
  :where(.sm\:stats) {
25154
25217
  grid-auto-flow: column;
25155
25218
  overflow-x: auto}
@@ -25165,7 +25228,9 @@ details.collapse summary::-webkit-details-marker {
25165
25228
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
25166
25229
  --tw-divide-y-reverse: 0;
25167
25230
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
25168
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
25231
+ border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
25232
+ :is([dir="rtl"] .sm\:stats > :not([hidden]) ~ :not([hidden])) {
25233
+ --tw-divide-x-reverse: 1}}
25169
25234
  @media (min-width: 768px) {
25170
25235
  .md\:input-group-md {
25171
25236
  font-size: 0.875rem;
@@ -25180,11 +25245,11 @@ details.collapse summary::-webkit-details-marker {
25180
25245
  line-height: 2rem}
25181
25246
  .md\:stats {
25182
25247
  display: inline-grid;
25248
+ border-radius: var(--rounded-box, 1rem);
25183
25249
  --tw-bg-opacity: 1;
25184
25250
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
25185
25251
  --tw-text-opacity: 1;
25186
- color: hsl(var(--bc) / var(--tw-text-opacity));
25187
- border-radius: var(--rounded-box, 1rem)}
25252
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
25188
25253
  :where(.md\:stats) {
25189
25254
  grid-auto-flow: column;
25190
25255
  overflow-x: auto}
@@ -25200,7 +25265,9 @@ details.collapse summary::-webkit-details-marker {
25200
25265
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
25201
25266
  --tw-divide-y-reverse: 0;
25202
25267
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
25203
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
25268
+ border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
25269
+ :is([dir="rtl"] .md\:stats > :not([hidden]) ~ :not([hidden])) {
25270
+ --tw-divide-x-reverse: 1}}
25204
25271
  @media (min-width: 1024px) {
25205
25272
  .lg\:input-group-md {
25206
25273
  font-size: 0.875rem;
@@ -25215,11 +25282,11 @@ details.collapse summary::-webkit-details-marker {
25215
25282
  line-height: 2rem}
25216
25283
  .lg\:stats {
25217
25284
  display: inline-grid;
25285
+ border-radius: var(--rounded-box, 1rem);
25218
25286
  --tw-bg-opacity: 1;
25219
25287
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
25220
25288
  --tw-text-opacity: 1;
25221
- color: hsl(var(--bc) / var(--tw-text-opacity));
25222
- border-radius: var(--rounded-box, 1rem)}
25289
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
25223
25290
  :where(.lg\:stats) {
25224
25291
  grid-auto-flow: column;
25225
25292
  overflow-x: auto}
@@ -25235,7 +25302,9 @@ details.collapse summary::-webkit-details-marker {
25235
25302
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
25236
25303
  --tw-divide-y-reverse: 0;
25237
25304
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
25238
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
25305
+ border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
25306
+ :is([dir="rtl"] .lg\:stats > :not([hidden]) ~ :not([hidden])) {
25307
+ --tw-divide-x-reverse: 1}}
25239
25308
  @media (min-width: 1280px) {
25240
25309
  .xl\:input-group-md {
25241
25310
  font-size: 0.875rem;
@@ -25250,11 +25319,11 @@ details.collapse summary::-webkit-details-marker {
25250
25319
  line-height: 2rem}
25251
25320
  .xl\:stats {
25252
25321
  display: inline-grid;
25322
+ border-radius: var(--rounded-box, 1rem);
25253
25323
  --tw-bg-opacity: 1;
25254
25324
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
25255
25325
  --tw-text-opacity: 1;
25256
- color: hsl(var(--bc) / var(--tw-text-opacity));
25257
- border-radius: var(--rounded-box, 1rem)}
25326
+ color: hsl(var(--bc) / var(--tw-text-opacity))}
25258
25327
  :where(.xl\:stats) {
25259
25328
  grid-auto-flow: column;
25260
25329
  overflow-x: auto}
@@ -25270,7 +25339,9 @@ details.collapse summary::-webkit-details-marker {
25270
25339
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
25271
25340
  --tw-divide-y-reverse: 0;
25272
25341
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
25273
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}}
25342
+ border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
25343
+ :is([dir="rtl"] .xl\:stats > :not([hidden]) ~ :not([hidden])) {
25344
+ --tw-divide-x-reverse: 1}}
25274
25345
  .hover\:divide-base-100:hover > :not([hidden]) ~ :not([hidden]) {
25275
25346
  border-color: hsl(var(--b1) / 1)}
25276
25347
  .hover\:divide-base-100\/0:hover > :not([hidden]) ~ :not([hidden]) {
@@ -48379,21 +48450,21 @@ details.collapse summary::-webkit-details-marker {
48379
48450
  line-height: 1.5rem}
48380
48451
  .sm\:btn-sm {
48381
48452
  height: 2rem;
48453
+ min-height: 2rem;
48382
48454
  padding-left: 0.75rem;
48383
48455
  padding-right: 0.75rem;
48384
- min-height: 2rem;
48385
48456
  font-size: 0.875rem}
48386
48457
  .sm\:btn-md {
48387
48458
  height: 3rem;
48459
+ min-height: 3rem;
48388
48460
  padding-left: 1rem;
48389
48461
  padding-right: 1rem;
48390
- min-height: 3rem;
48391
48462
  font-size: 0.875rem}
48392
48463
  .sm\:btn-lg {
48393
48464
  height: 4rem;
48465
+ min-height: 4rem;
48394
48466
  padding-left: 1.5rem;
48395
48467
  padding-right: 1.5rem;
48396
- min-height: 4rem;
48397
48468
  font-size: 1.125rem}
48398
48469
  .btn-square:where(.sm\:btn-sm) {
48399
48470
  height: 2rem;
@@ -48486,7 +48557,7 @@ details.collapse summary::-webkit-details-marker {
48486
48557
  visibility: visible}
48487
48558
  .sm\:file-input-sm {
48488
48559
  height: 2rem;
48489
- padding-right: 0.75rem;
48560
+ padding-inline-end: 0.75rem;
48490
48561
  font-size: 0.875rem;
48491
48562
  line-height: 1.25rem;
48492
48563
  line-height: 2}
@@ -48495,7 +48566,7 @@ details.collapse summary::-webkit-details-marker {
48495
48566
  font-size: 0.875rem}
48496
48567
  .sm\:file-input-md {
48497
48568
  height: 3rem;
48498
- padding-right: 1rem;
48569
+ padding-inline-end: 1rem;
48499
48570
  font-size: 0.875rem;
48500
48571
  line-height: 1.25rem;
48501
48572
  line-height: 2}
@@ -48504,7 +48575,7 @@ details.collapse summary::-webkit-details-marker {
48504
48575
  font-size: 0.875rem}
48505
48576
  .sm\:file-input-lg {
48506
48577
  height: 4rem;
48507
- padding-right: 1.5rem;
48578
+ padding-inline-end: 1.5rem;
48508
48579
  font-size: 1.125rem;
48509
48580
  line-height: 1.75rem;
48510
48581
  line-height: 2}
@@ -48626,33 +48697,33 @@ details.collapse summary::-webkit-details-marker {
48626
48697
  width: 1.25rem}
48627
48698
  .sm\:select-md {
48628
48699
  height: 3rem;
48700
+ min-height: 3rem;
48629
48701
  padding-left: 1rem;
48630
48702
  padding-right: 2.5rem;
48631
48703
  font-size: 0.875rem;
48632
48704
  line-height: 1.25rem;
48633
- line-height: 2;
48634
- min-height: 3rem}
48705
+ line-height: 2}
48635
48706
  [dir="rtl"] .sm\:select-md {
48636
48707
  padding-left: 2.5rem;
48637
48708
  padding-right: 1rem}
48638
48709
  .sm\:select-lg {
48639
48710
  height: 4rem;
48711
+ min-height: 4rem;
48640
48712
  padding-left: 1.5rem;
48641
48713
  padding-right: 2rem;
48642
48714
  font-size: 1.125rem;
48643
48715
  line-height: 1.75rem;
48644
- line-height: 2;
48645
- min-height: 4rem}
48716
+ line-height: 2}
48646
48717
  [dir="rtl"] .sm\:select-lg {
48647
48718
  padding-left: 2rem;
48648
48719
  padding-right: 1.5rem}
48649
48720
  .sm\:select-sm {
48650
48721
  height: 2rem;
48722
+ min-height: 2rem;
48651
48723
  padding-left: 0.75rem;
48652
48724
  padding-right: 2rem;
48653
48725
  font-size: 0.875rem;
48654
- line-height: 2rem;
48655
- min-height: 2rem}
48726
+ line-height: 2rem}
48656
48727
  [dir="rtl"] .sm\:select-sm {
48657
48728
  padding-left: 2rem;
48658
48729
  padding-right: 0.75rem}
@@ -48742,39 +48813,39 @@ details.collapse summary::-webkit-details-marker {
48742
48813
  cursor: default;
48743
48814
  background-color: transparent}
48744
48815
  .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)) {
48816
+ border-radius: var(--rounded-btn, 0.5rem);
48745
48817
  padding-left: 0.75rem;
48746
48818
  padding-right: 0.75rem;
48747
48819
  padding-top: 0.25rem;
48748
48820
  padding-bottom: 0.25rem;
48749
48821
  font-size: 0.875rem;
48750
- line-height: 1.25rem;
48751
- border-radius: var(--rounded-btn, 0.5rem)}
48822
+ line-height: 1.25rem}
48752
48823
  .sm\:menu-sm .menu-title {
48753
48824
  padding-left: 0.75rem;
48754
48825
  padding-right: 0.75rem;
48755
48826
  padding-top: 0.5rem;
48756
48827
  padding-bottom: 0.5rem}
48757
48828
  .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)) {
48829
+ border-radius: var(--rounded-btn, 0.5rem);
48758
48830
  padding-left: 1rem;
48759
48831
  padding-right: 1rem;
48760
48832
  padding-top: 0.5rem;
48761
48833
  padding-bottom: 0.5rem;
48762
48834
  font-size: 0.875rem;
48763
- line-height: 1.25rem;
48764
- border-radius: var(--rounded-btn, 0.5rem)}
48835
+ line-height: 1.25rem}
48765
48836
  .sm\:menu-md .menu-title {
48766
48837
  padding-left: 1rem;
48767
48838
  padding-right: 1rem;
48768
48839
  padding-top: 0.5rem;
48769
48840
  padding-bottom: 0.5rem}
48770
48841
  .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)) {
48842
+ border-radius: var(--rounded-btn, 0.5rem);
48771
48843
  padding-left: 1.5rem;
48772
48844
  padding-right: 1.5rem;
48773
48845
  padding-top: 0.75rem;
48774
48846
  padding-bottom: 0.75rem;
48775
48847
  font-size: 1.125rem;
48776
- line-height: 1.75rem;
48777
- border-radius: var(--rounded-btn, 0.5rem)}
48848
+ line-height: 1.75rem}
48778
48849
  .sm\:menu-lg .menu-title {
48779
48850
  padding-left: 1.5rem;
48780
48851
  padding-right: 1.5rem;
@@ -48787,10 +48858,10 @@ details.collapse summary::-webkit-details-marker {
48787
48858
  --tw-scale-x: 1;
48788
48859
  --tw-scale-y: 1;
48789
48860
  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));
48790
- border-top-left-radius: 0px;
48791
- border-top-right-radius: 0px;
48861
+ border-bottom-right-radius: var(--rounded-box, 1rem);
48792
48862
  border-bottom-left-radius: var(--rounded-box, 1rem);
48793
- border-bottom-right-radius: var(--rounded-box, 1rem)}
48863
+ border-top-left-radius: 0px;
48864
+ border-top-right-radius: 0px}
48794
48865
  .sm\:modal-middle :where(.modal-box) {
48795
48866
  width: 91.666667%;
48796
48867
  max-width: 32rem;
@@ -48800,8 +48871,8 @@ details.collapse summary::-webkit-details-marker {
48800
48871
  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));
48801
48872
  border-top-left-radius: var(--rounded-box, 1rem);
48802
48873
  border-top-right-radius: var(--rounded-box, 1rem);
48803
- border-bottom-left-radius: var(--rounded-box, 1rem);
48804
- border-bottom-right-radius: var(--rounded-box, 1rem)}
48874
+ border-bottom-right-radius: var(--rounded-box, 1rem);
48875
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
48805
48876
  .sm\:modal-bottom :where(.modal-box) {
48806
48877
  width: 100%;
48807
48878
  max-width: none;
@@ -48809,10 +48880,10 @@ details.collapse summary::-webkit-details-marker {
48809
48880
  --tw-scale-x: 1;
48810
48881
  --tw-scale-y: 1;
48811
48882
  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));
48812
- border-bottom-right-radius: 0px;
48813
- border-bottom-left-radius: 0px;
48814
48883
  border-top-left-radius: var(--rounded-box, 1rem);
48815
- border-top-right-radius: var(--rounded-box, 1rem)}
48884
+ border-top-right-radius: var(--rounded-box, 1rem);
48885
+ border-bottom-right-radius: 0px;
48886
+ border-bottom-left-radius: 0px}
48816
48887
  .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
48817
48888
  --tw-divide-x-reverse: 0;
48818
48889
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -48822,6 +48893,8 @@ details.collapse summary::-webkit-details-marker {
48822
48893
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
48823
48894
  .sm\:stats-horizontal {
48824
48895
  overflow-x: auto}
48896
+ :is([dir="rtl"] .sm\:stats-horizontal) {
48897
+ --tw-divide-x-reverse: 1}
48825
48898
  .sm\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
48826
48899
  --tw-divide-x-reverse: 0;
48827
48900
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -48899,21 +48972,21 @@ details.collapse summary::-webkit-details-marker {
48899
48972
  line-height: 1.5rem}
48900
48973
  .md\:btn-sm {
48901
48974
  height: 2rem;
48975
+ min-height: 2rem;
48902
48976
  padding-left: 0.75rem;
48903
48977
  padding-right: 0.75rem;
48904
- min-height: 2rem;
48905
48978
  font-size: 0.875rem}
48906
48979
  .md\:btn-md {
48907
48980
  height: 3rem;
48981
+ min-height: 3rem;
48908
48982
  padding-left: 1rem;
48909
48983
  padding-right: 1rem;
48910
- min-height: 3rem;
48911
48984
  font-size: 0.875rem}
48912
48985
  .md\:btn-lg {
48913
48986
  height: 4rem;
48987
+ min-height: 4rem;
48914
48988
  padding-left: 1.5rem;
48915
48989
  padding-right: 1.5rem;
48916
- min-height: 4rem;
48917
48990
  font-size: 1.125rem}
48918
48991
  .btn-square:where(.md\:btn-sm) {
48919
48992
  height: 2rem;
@@ -49006,7 +49079,7 @@ details.collapse summary::-webkit-details-marker {
49006
49079
  visibility: visible}
49007
49080
  .md\:file-input-sm {
49008
49081
  height: 2rem;
49009
- padding-right: 0.75rem;
49082
+ padding-inline-end: 0.75rem;
49010
49083
  font-size: 0.875rem;
49011
49084
  line-height: 1.25rem;
49012
49085
  line-height: 2}
@@ -49015,7 +49088,7 @@ details.collapse summary::-webkit-details-marker {
49015
49088
  font-size: 0.875rem}
49016
49089
  .md\:file-input-md {
49017
49090
  height: 3rem;
49018
- padding-right: 1rem;
49091
+ padding-inline-end: 1rem;
49019
49092
  font-size: 0.875rem;
49020
49093
  line-height: 1.25rem;
49021
49094
  line-height: 2}
@@ -49024,7 +49097,7 @@ details.collapse summary::-webkit-details-marker {
49024
49097
  font-size: 0.875rem}
49025
49098
  .md\:file-input-lg {
49026
49099
  height: 4rem;
49027
- padding-right: 1.5rem;
49100
+ padding-inline-end: 1.5rem;
49028
49101
  font-size: 1.125rem;
49029
49102
  line-height: 1.75rem;
49030
49103
  line-height: 2}
@@ -49146,33 +49219,33 @@ details.collapse summary::-webkit-details-marker {
49146
49219
  width: 1.25rem}
49147
49220
  .md\:select-md {
49148
49221
  height: 3rem;
49222
+ min-height: 3rem;
49149
49223
  padding-left: 1rem;
49150
49224
  padding-right: 2.5rem;
49151
49225
  font-size: 0.875rem;
49152
49226
  line-height: 1.25rem;
49153
- line-height: 2;
49154
- min-height: 3rem}
49227
+ line-height: 2}
49155
49228
  [dir="rtl"] .md\:select-md {
49156
49229
  padding-left: 2.5rem;
49157
49230
  padding-right: 1rem}
49158
49231
  .md\:select-lg {
49159
49232
  height: 4rem;
49233
+ min-height: 4rem;
49160
49234
  padding-left: 1.5rem;
49161
49235
  padding-right: 2rem;
49162
49236
  font-size: 1.125rem;
49163
49237
  line-height: 1.75rem;
49164
- line-height: 2;
49165
- min-height: 4rem}
49238
+ line-height: 2}
49166
49239
  [dir="rtl"] .md\:select-lg {
49167
49240
  padding-left: 2rem;
49168
49241
  padding-right: 1.5rem}
49169
49242
  .md\:select-sm {
49170
49243
  height: 2rem;
49244
+ min-height: 2rem;
49171
49245
  padding-left: 0.75rem;
49172
49246
  padding-right: 2rem;
49173
49247
  font-size: 0.875rem;
49174
- line-height: 2rem;
49175
- min-height: 2rem}
49248
+ line-height: 2rem}
49176
49249
  [dir="rtl"] .md\:select-sm {
49177
49250
  padding-left: 2rem;
49178
49251
  padding-right: 0.75rem}
@@ -49262,39 +49335,39 @@ details.collapse summary::-webkit-details-marker {
49262
49335
  cursor: default;
49263
49336
  background-color: transparent}
49264
49337
  .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)) {
49338
+ border-radius: var(--rounded-btn, 0.5rem);
49265
49339
  padding-left: 0.75rem;
49266
49340
  padding-right: 0.75rem;
49267
49341
  padding-top: 0.25rem;
49268
49342
  padding-bottom: 0.25rem;
49269
49343
  font-size: 0.875rem;
49270
- line-height: 1.25rem;
49271
- border-radius: var(--rounded-btn, 0.5rem)}
49344
+ line-height: 1.25rem}
49272
49345
  .md\:menu-sm .menu-title {
49273
49346
  padding-left: 0.75rem;
49274
49347
  padding-right: 0.75rem;
49275
49348
  padding-top: 0.5rem;
49276
49349
  padding-bottom: 0.5rem}
49277
49350
  .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)) {
49351
+ border-radius: var(--rounded-btn, 0.5rem);
49278
49352
  padding-left: 1rem;
49279
49353
  padding-right: 1rem;
49280
49354
  padding-top: 0.5rem;
49281
49355
  padding-bottom: 0.5rem;
49282
49356
  font-size: 0.875rem;
49283
- line-height: 1.25rem;
49284
- border-radius: var(--rounded-btn, 0.5rem)}
49357
+ line-height: 1.25rem}
49285
49358
  .md\:menu-md .menu-title {
49286
49359
  padding-left: 1rem;
49287
49360
  padding-right: 1rem;
49288
49361
  padding-top: 0.5rem;
49289
49362
  padding-bottom: 0.5rem}
49290
49363
  .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)) {
49364
+ border-radius: var(--rounded-btn, 0.5rem);
49291
49365
  padding-left: 1.5rem;
49292
49366
  padding-right: 1.5rem;
49293
49367
  padding-top: 0.75rem;
49294
49368
  padding-bottom: 0.75rem;
49295
49369
  font-size: 1.125rem;
49296
- line-height: 1.75rem;
49297
- border-radius: var(--rounded-btn, 0.5rem)}
49370
+ line-height: 1.75rem}
49298
49371
  .md\:menu-lg .menu-title {
49299
49372
  padding-left: 1.5rem;
49300
49373
  padding-right: 1.5rem;
@@ -49307,10 +49380,10 @@ details.collapse summary::-webkit-details-marker {
49307
49380
  --tw-scale-x: 1;
49308
49381
  --tw-scale-y: 1;
49309
49382
  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));
49310
- border-top-left-radius: 0px;
49311
- border-top-right-radius: 0px;
49383
+ border-bottom-right-radius: var(--rounded-box, 1rem);
49312
49384
  border-bottom-left-radius: var(--rounded-box, 1rem);
49313
- border-bottom-right-radius: var(--rounded-box, 1rem)}
49385
+ border-top-left-radius: 0px;
49386
+ border-top-right-radius: 0px}
49314
49387
  .md\:modal-middle :where(.modal-box) {
49315
49388
  width: 91.666667%;
49316
49389
  max-width: 32rem;
@@ -49320,8 +49393,8 @@ details.collapse summary::-webkit-details-marker {
49320
49393
  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));
49321
49394
  border-top-left-radius: var(--rounded-box, 1rem);
49322
49395
  border-top-right-radius: var(--rounded-box, 1rem);
49323
- border-bottom-left-radius: var(--rounded-box, 1rem);
49324
- border-bottom-right-radius: var(--rounded-box, 1rem)}
49396
+ border-bottom-right-radius: var(--rounded-box, 1rem);
49397
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
49325
49398
  .md\:modal-bottom :where(.modal-box) {
49326
49399
  width: 100%;
49327
49400
  max-width: none;
@@ -49329,10 +49402,10 @@ details.collapse summary::-webkit-details-marker {
49329
49402
  --tw-scale-x: 1;
49330
49403
  --tw-scale-y: 1;
49331
49404
  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));
49332
- border-bottom-right-radius: 0px;
49333
- border-bottom-left-radius: 0px;
49334
49405
  border-top-left-radius: var(--rounded-box, 1rem);
49335
- border-top-right-radius: var(--rounded-box, 1rem)}
49406
+ border-top-right-radius: var(--rounded-box, 1rem);
49407
+ border-bottom-right-radius: 0px;
49408
+ border-bottom-left-radius: 0px}
49336
49409
  .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
49337
49410
  --tw-divide-x-reverse: 0;
49338
49411
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49342,6 +49415,8 @@ details.collapse summary::-webkit-details-marker {
49342
49415
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
49343
49416
  .md\:stats-horizontal {
49344
49417
  overflow-x: auto}
49418
+ :is([dir="rtl"] .md\:stats-horizontal) {
49419
+ --tw-divide-x-reverse: 1}
49345
49420
  .md\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
49346
49421
  --tw-divide-x-reverse: 0;
49347
49422
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -49419,21 +49494,21 @@ details.collapse summary::-webkit-details-marker {
49419
49494
  line-height: 1.5rem}
49420
49495
  .lg\:btn-sm {
49421
49496
  height: 2rem;
49497
+ min-height: 2rem;
49422
49498
  padding-left: 0.75rem;
49423
49499
  padding-right: 0.75rem;
49424
- min-height: 2rem;
49425
49500
  font-size: 0.875rem}
49426
49501
  .lg\:btn-md {
49427
49502
  height: 3rem;
49503
+ min-height: 3rem;
49428
49504
  padding-left: 1rem;
49429
49505
  padding-right: 1rem;
49430
- min-height: 3rem;
49431
49506
  font-size: 0.875rem}
49432
49507
  .lg\:btn-lg {
49433
49508
  height: 4rem;
49509
+ min-height: 4rem;
49434
49510
  padding-left: 1.5rem;
49435
49511
  padding-right: 1.5rem;
49436
- min-height: 4rem;
49437
49512
  font-size: 1.125rem}
49438
49513
  .btn-square:where(.lg\:btn-sm) {
49439
49514
  height: 2rem;
@@ -49526,7 +49601,7 @@ details.collapse summary::-webkit-details-marker {
49526
49601
  visibility: visible}
49527
49602
  .lg\:file-input-sm {
49528
49603
  height: 2rem;
49529
- padding-right: 0.75rem;
49604
+ padding-inline-end: 0.75rem;
49530
49605
  font-size: 0.875rem;
49531
49606
  line-height: 1.25rem;
49532
49607
  line-height: 2}
@@ -49535,7 +49610,7 @@ details.collapse summary::-webkit-details-marker {
49535
49610
  font-size: 0.875rem}
49536
49611
  .lg\:file-input-md {
49537
49612
  height: 3rem;
49538
- padding-right: 1rem;
49613
+ padding-inline-end: 1rem;
49539
49614
  font-size: 0.875rem;
49540
49615
  line-height: 1.25rem;
49541
49616
  line-height: 2}
@@ -49544,7 +49619,7 @@ details.collapse summary::-webkit-details-marker {
49544
49619
  font-size: 0.875rem}
49545
49620
  .lg\:file-input-lg {
49546
49621
  height: 4rem;
49547
- padding-right: 1.5rem;
49622
+ padding-inline-end: 1.5rem;
49548
49623
  font-size: 1.125rem;
49549
49624
  line-height: 1.75rem;
49550
49625
  line-height: 2}
@@ -49666,33 +49741,33 @@ details.collapse summary::-webkit-details-marker {
49666
49741
  width: 1.25rem}
49667
49742
  .lg\:select-md {
49668
49743
  height: 3rem;
49744
+ min-height: 3rem;
49669
49745
  padding-left: 1rem;
49670
49746
  padding-right: 2.5rem;
49671
49747
  font-size: 0.875rem;
49672
49748
  line-height: 1.25rem;
49673
- line-height: 2;
49674
- min-height: 3rem}
49749
+ line-height: 2}
49675
49750
  [dir="rtl"] .lg\:select-md {
49676
49751
  padding-left: 2.5rem;
49677
49752
  padding-right: 1rem}
49678
49753
  .lg\:select-lg {
49679
49754
  height: 4rem;
49755
+ min-height: 4rem;
49680
49756
  padding-left: 1.5rem;
49681
49757
  padding-right: 2rem;
49682
49758
  font-size: 1.125rem;
49683
49759
  line-height: 1.75rem;
49684
- line-height: 2;
49685
- min-height: 4rem}
49760
+ line-height: 2}
49686
49761
  [dir="rtl"] .lg\:select-lg {
49687
49762
  padding-left: 2rem;
49688
49763
  padding-right: 1.5rem}
49689
49764
  .lg\:select-sm {
49690
49765
  height: 2rem;
49766
+ min-height: 2rem;
49691
49767
  padding-left: 0.75rem;
49692
49768
  padding-right: 2rem;
49693
49769
  font-size: 0.875rem;
49694
- line-height: 2rem;
49695
- min-height: 2rem}
49770
+ line-height: 2rem}
49696
49771
  [dir="rtl"] .lg\:select-sm {
49697
49772
  padding-left: 2rem;
49698
49773
  padding-right: 0.75rem}
@@ -49782,39 +49857,39 @@ details.collapse summary::-webkit-details-marker {
49782
49857
  cursor: default;
49783
49858
  background-color: transparent}
49784
49859
  .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)) {
49860
+ border-radius: var(--rounded-btn, 0.5rem);
49785
49861
  padding-left: 0.75rem;
49786
49862
  padding-right: 0.75rem;
49787
49863
  padding-top: 0.25rem;
49788
49864
  padding-bottom: 0.25rem;
49789
49865
  font-size: 0.875rem;
49790
- line-height: 1.25rem;
49791
- border-radius: var(--rounded-btn, 0.5rem)}
49866
+ line-height: 1.25rem}
49792
49867
  .lg\:menu-sm .menu-title {
49793
49868
  padding-left: 0.75rem;
49794
49869
  padding-right: 0.75rem;
49795
49870
  padding-top: 0.5rem;
49796
49871
  padding-bottom: 0.5rem}
49797
49872
  .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)) {
49873
+ border-radius: var(--rounded-btn, 0.5rem);
49798
49874
  padding-left: 1rem;
49799
49875
  padding-right: 1rem;
49800
49876
  padding-top: 0.5rem;
49801
49877
  padding-bottom: 0.5rem;
49802
49878
  font-size: 0.875rem;
49803
- line-height: 1.25rem;
49804
- border-radius: var(--rounded-btn, 0.5rem)}
49879
+ line-height: 1.25rem}
49805
49880
  .lg\:menu-md .menu-title {
49806
49881
  padding-left: 1rem;
49807
49882
  padding-right: 1rem;
49808
49883
  padding-top: 0.5rem;
49809
49884
  padding-bottom: 0.5rem}
49810
49885
  .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)) {
49886
+ border-radius: var(--rounded-btn, 0.5rem);
49811
49887
  padding-left: 1.5rem;
49812
49888
  padding-right: 1.5rem;
49813
49889
  padding-top: 0.75rem;
49814
49890
  padding-bottom: 0.75rem;
49815
49891
  font-size: 1.125rem;
49816
- line-height: 1.75rem;
49817
- border-radius: var(--rounded-btn, 0.5rem)}
49892
+ line-height: 1.75rem}
49818
49893
  .lg\:menu-lg .menu-title {
49819
49894
  padding-left: 1.5rem;
49820
49895
  padding-right: 1.5rem;
@@ -49827,10 +49902,10 @@ details.collapse summary::-webkit-details-marker {
49827
49902
  --tw-scale-x: 1;
49828
49903
  --tw-scale-y: 1;
49829
49904
  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));
49830
- border-top-left-radius: 0px;
49831
- border-top-right-radius: 0px;
49905
+ border-bottom-right-radius: var(--rounded-box, 1rem);
49832
49906
  border-bottom-left-radius: var(--rounded-box, 1rem);
49833
- border-bottom-right-radius: var(--rounded-box, 1rem)}
49907
+ border-top-left-radius: 0px;
49908
+ border-top-right-radius: 0px}
49834
49909
  .lg\:modal-middle :where(.modal-box) {
49835
49910
  width: 91.666667%;
49836
49911
  max-width: 32rem;
@@ -49840,8 +49915,8 @@ details.collapse summary::-webkit-details-marker {
49840
49915
  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));
49841
49916
  border-top-left-radius: var(--rounded-box, 1rem);
49842
49917
  border-top-right-radius: var(--rounded-box, 1rem);
49843
- border-bottom-left-radius: var(--rounded-box, 1rem);
49844
- border-bottom-right-radius: var(--rounded-box, 1rem)}
49918
+ border-bottom-right-radius: var(--rounded-box, 1rem);
49919
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
49845
49920
  .lg\:modal-bottom :where(.modal-box) {
49846
49921
  width: 100%;
49847
49922
  max-width: none;
@@ -49849,10 +49924,10 @@ details.collapse summary::-webkit-details-marker {
49849
49924
  --tw-scale-x: 1;
49850
49925
  --tw-scale-y: 1;
49851
49926
  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));
49852
- border-bottom-right-radius: 0px;
49853
- border-bottom-left-radius: 0px;
49854
49927
  border-top-left-radius: var(--rounded-box, 1rem);
49855
- border-top-right-radius: var(--rounded-box, 1rem)}
49928
+ border-top-right-radius: var(--rounded-box, 1rem);
49929
+ border-bottom-right-radius: 0px;
49930
+ border-bottom-left-radius: 0px}
49856
49931
  .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
49857
49932
  --tw-divide-x-reverse: 0;
49858
49933
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -49862,6 +49937,8 @@ details.collapse summary::-webkit-details-marker {
49862
49937
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
49863
49938
  .lg\:stats-horizontal {
49864
49939
  overflow-x: auto}
49940
+ :is([dir="rtl"] .lg\:stats-horizontal) {
49941
+ --tw-divide-x-reverse: 1}
49865
49942
  .lg\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
49866
49943
  --tw-divide-x-reverse: 0;
49867
49944
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
@@ -49939,21 +50016,21 @@ details.collapse summary::-webkit-details-marker {
49939
50016
  line-height: 1.5rem}
49940
50017
  .xl\:btn-sm {
49941
50018
  height: 2rem;
50019
+ min-height: 2rem;
49942
50020
  padding-left: 0.75rem;
49943
50021
  padding-right: 0.75rem;
49944
- min-height: 2rem;
49945
50022
  font-size: 0.875rem}
49946
50023
  .xl\:btn-md {
49947
50024
  height: 3rem;
50025
+ min-height: 3rem;
49948
50026
  padding-left: 1rem;
49949
50027
  padding-right: 1rem;
49950
- min-height: 3rem;
49951
50028
  font-size: 0.875rem}
49952
50029
  .xl\:btn-lg {
49953
50030
  height: 4rem;
50031
+ min-height: 4rem;
49954
50032
  padding-left: 1.5rem;
49955
50033
  padding-right: 1.5rem;
49956
- min-height: 4rem;
49957
50034
  font-size: 1.125rem}
49958
50035
  .btn-square:where(.xl\:btn-sm) {
49959
50036
  height: 2rem;
@@ -50046,7 +50123,7 @@ details.collapse summary::-webkit-details-marker {
50046
50123
  visibility: visible}
50047
50124
  .xl\:file-input-sm {
50048
50125
  height: 2rem;
50049
- padding-right: 0.75rem;
50126
+ padding-inline-end: 0.75rem;
50050
50127
  font-size: 0.875rem;
50051
50128
  line-height: 1.25rem;
50052
50129
  line-height: 2}
@@ -50055,7 +50132,7 @@ details.collapse summary::-webkit-details-marker {
50055
50132
  font-size: 0.875rem}
50056
50133
  .xl\:file-input-md {
50057
50134
  height: 3rem;
50058
- padding-right: 1rem;
50135
+ padding-inline-end: 1rem;
50059
50136
  font-size: 0.875rem;
50060
50137
  line-height: 1.25rem;
50061
50138
  line-height: 2}
@@ -50064,7 +50141,7 @@ details.collapse summary::-webkit-details-marker {
50064
50141
  font-size: 0.875rem}
50065
50142
  .xl\:file-input-lg {
50066
50143
  height: 4rem;
50067
- padding-right: 1.5rem;
50144
+ padding-inline-end: 1.5rem;
50068
50145
  font-size: 1.125rem;
50069
50146
  line-height: 1.75rem;
50070
50147
  line-height: 2}
@@ -50186,33 +50263,33 @@ details.collapse summary::-webkit-details-marker {
50186
50263
  width: 1.25rem}
50187
50264
  .xl\:select-md {
50188
50265
  height: 3rem;
50266
+ min-height: 3rem;
50189
50267
  padding-left: 1rem;
50190
50268
  padding-right: 2.5rem;
50191
50269
  font-size: 0.875rem;
50192
50270
  line-height: 1.25rem;
50193
- line-height: 2;
50194
- min-height: 3rem}
50271
+ line-height: 2}
50195
50272
  [dir="rtl"] .xl\:select-md {
50196
50273
  padding-left: 2.5rem;
50197
50274
  padding-right: 1rem}
50198
50275
  .xl\:select-lg {
50199
50276
  height: 4rem;
50277
+ min-height: 4rem;
50200
50278
  padding-left: 1.5rem;
50201
50279
  padding-right: 2rem;
50202
50280
  font-size: 1.125rem;
50203
50281
  line-height: 1.75rem;
50204
- line-height: 2;
50205
- min-height: 4rem}
50282
+ line-height: 2}
50206
50283
  [dir="rtl"] .xl\:select-lg {
50207
50284
  padding-left: 2rem;
50208
50285
  padding-right: 1.5rem}
50209
50286
  .xl\:select-sm {
50210
50287
  height: 2rem;
50288
+ min-height: 2rem;
50211
50289
  padding-left: 0.75rem;
50212
50290
  padding-right: 2rem;
50213
50291
  font-size: 0.875rem;
50214
- line-height: 2rem;
50215
- min-height: 2rem}
50292
+ line-height: 2rem}
50216
50293
  [dir="rtl"] .xl\:select-sm {
50217
50294
  padding-left: 2rem;
50218
50295
  padding-right: 0.75rem}
@@ -50302,39 +50379,39 @@ details.collapse summary::-webkit-details-marker {
50302
50379
  cursor: default;
50303
50380
  background-color: transparent}
50304
50381
  .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)) {
50382
+ border-radius: var(--rounded-btn, 0.5rem);
50305
50383
  padding-left: 0.75rem;
50306
50384
  padding-right: 0.75rem;
50307
50385
  padding-top: 0.25rem;
50308
50386
  padding-bottom: 0.25rem;
50309
50387
  font-size: 0.875rem;
50310
- line-height: 1.25rem;
50311
- border-radius: var(--rounded-btn, 0.5rem)}
50388
+ line-height: 1.25rem}
50312
50389
  .xl\:menu-sm .menu-title {
50313
50390
  padding-left: 0.75rem;
50314
50391
  padding-right: 0.75rem;
50315
50392
  padding-top: 0.5rem;
50316
50393
  padding-bottom: 0.5rem}
50317
50394
  .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)) {
50395
+ border-radius: var(--rounded-btn, 0.5rem);
50318
50396
  padding-left: 1rem;
50319
50397
  padding-right: 1rem;
50320
50398
  padding-top: 0.5rem;
50321
50399
  padding-bottom: 0.5rem;
50322
50400
  font-size: 0.875rem;
50323
- line-height: 1.25rem;
50324
- border-radius: var(--rounded-btn, 0.5rem)}
50401
+ line-height: 1.25rem}
50325
50402
  .xl\:menu-md .menu-title {
50326
50403
  padding-left: 1rem;
50327
50404
  padding-right: 1rem;
50328
50405
  padding-top: 0.5rem;
50329
50406
  padding-bottom: 0.5rem}
50330
50407
  .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)) {
50408
+ border-radius: var(--rounded-btn, 0.5rem);
50331
50409
  padding-left: 1.5rem;
50332
50410
  padding-right: 1.5rem;
50333
50411
  padding-top: 0.75rem;
50334
50412
  padding-bottom: 0.75rem;
50335
50413
  font-size: 1.125rem;
50336
- line-height: 1.75rem;
50337
- border-radius: var(--rounded-btn, 0.5rem)}
50414
+ line-height: 1.75rem}
50338
50415
  .xl\:menu-lg .menu-title {
50339
50416
  padding-left: 1.5rem;
50340
50417
  padding-right: 1.5rem;
@@ -50347,10 +50424,10 @@ details.collapse summary::-webkit-details-marker {
50347
50424
  --tw-scale-x: 1;
50348
50425
  --tw-scale-y: 1;
50349
50426
  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));
50350
- border-top-left-radius: 0px;
50351
- border-top-right-radius: 0px;
50427
+ border-bottom-right-radius: var(--rounded-box, 1rem);
50352
50428
  border-bottom-left-radius: var(--rounded-box, 1rem);
50353
- border-bottom-right-radius: var(--rounded-box, 1rem)}
50429
+ border-top-left-radius: 0px;
50430
+ border-top-right-radius: 0px}
50354
50431
  .xl\:modal-middle :where(.modal-box) {
50355
50432
  width: 91.666667%;
50356
50433
  max-width: 32rem;
@@ -50360,8 +50437,8 @@ details.collapse summary::-webkit-details-marker {
50360
50437
  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));
50361
50438
  border-top-left-radius: var(--rounded-box, 1rem);
50362
50439
  border-top-right-radius: var(--rounded-box, 1rem);
50363
- border-bottom-left-radius: var(--rounded-box, 1rem);
50364
- border-bottom-right-radius: var(--rounded-box, 1rem)}
50440
+ border-bottom-right-radius: var(--rounded-box, 1rem);
50441
+ border-bottom-left-radius: var(--rounded-box, 1rem)}
50365
50442
  .xl\:modal-bottom :where(.modal-box) {
50366
50443
  width: 100%;
50367
50444
  max-width: none;
@@ -50369,10 +50446,10 @@ details.collapse summary::-webkit-details-marker {
50369
50446
  --tw-scale-x: 1;
50370
50447
  --tw-scale-y: 1;
50371
50448
  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));
50372
- border-bottom-right-radius: 0px;
50373
- border-bottom-left-radius: 0px;
50374
50449
  border-top-left-radius: var(--rounded-box, 1rem);
50375
- border-top-right-radius: var(--rounded-box, 1rem)}
50450
+ border-top-right-radius: var(--rounded-box, 1rem);
50451
+ border-bottom-right-radius: 0px;
50452
+ border-bottom-left-radius: 0px}
50376
50453
  .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
50377
50454
  --tw-divide-x-reverse: 0;
50378
50455
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -50382,6 +50459,8 @@ details.collapse summary::-webkit-details-marker {
50382
50459
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
50383
50460
  .xl\:stats-horizontal {
50384
50461
  overflow-x: auto}
50462
+ :is([dir="rtl"] .xl\:stats-horizontal) {
50463
+ --tw-divide-x-reverse: 1}
50385
50464
  .xl\:stats-vertical > :not([hidden]) ~ :not([hidden]) {
50386
50465
  --tw-divide-x-reverse: 0;
50387
50466
  border-right-width: calc(0px * var(--tw-divide-x-reverse));