daisyui 2.31.0 → 2.33.0

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/styled.css CHANGED
@@ -137,7 +137,7 @@
137
137
 
138
138
  /* disabled */
139
139
 
140
- .btn-disabled,
140
+ .btn-disabled,
141
141
  .btn[disabled] {
142
142
  pointer-events: none;
143
143
  }
@@ -159,7 +159,7 @@
159
159
 
160
160
  /* loading */
161
161
 
162
- .btn.loading,
162
+ .btn.loading,
163
163
  .btn.loading:hover {
164
164
  pointer-events: none;
165
165
  }
@@ -235,7 +235,7 @@
235
235
  position: relative;
236
236
  content: ""
237
237
  }
238
- .card.image-full:before,
238
+ .card.image-full:before,
239
239
  .card.image-full > * {
240
240
  grid-column-start: 1;
241
241
  grid-row-start: 1
@@ -273,13 +273,16 @@
273
273
  .checkbox {
274
274
  flex-shrink: 0
275
275
  }
276
+ .collapse.collapse {
277
+ visibility: visible;
278
+ }
276
279
  .collapse {
277
280
  position: relative;
278
281
  display: grid;
279
282
  overflow: hidden;
280
283
  }
281
- .collapse-title,
282
- .collapse > input[type="checkbox"],
284
+ .collapse-title,
285
+ .collapse > input[type="checkbox"],
283
286
  .collapse-content {
284
287
  grid-column-start: 1;
285
288
  grid-row-start: 1;
@@ -568,9 +571,9 @@
568
571
  bottom: 0px;
569
572
  top: auto
570
573
  }
571
- .dropdown.dropdown-open .dropdown-content,
572
- .dropdown.dropdown-hover:hover .dropdown-content,
573
- .dropdown:not(.dropdown-hover):focus .dropdown-content,
574
+ .dropdown.dropdown-open .dropdown-content,
575
+ .dropdown.dropdown-hover:hover .dropdown-content,
576
+ .dropdown:not(.dropdown-hover):focus .dropdown-content,
574
577
  .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
575
578
  visibility: visible;
576
579
  opacity: 1
@@ -666,7 +669,7 @@
666
669
  .input-group > .input {
667
670
  isolation: isolate;
668
671
  }
669
- .input-group > *,
672
+ .input-group > *,
670
673
  .input-group > .input {
671
674
  border-radius: 0px;
672
675
  }
@@ -856,8 +859,8 @@
856
859
  .modal-box {
857
860
  max-height: calc(100vh - 5em);
858
861
  }
859
- .modal-open,
860
- .modal:target,
862
+ .modal-open,
863
+ .modal:target,
861
864
  .modal-toggle:checked + .modal {
862
865
  pointer-events: auto;
863
866
  visibility: visible;
@@ -921,7 +924,7 @@
921
924
  appearance: none;
922
925
  background-color: transparent;
923
926
  }
924
- .radial-progress:before,
927
+ .radial-progress:before,
925
928
  .radial-progress:after {
926
929
  position: absolute;
927
930
  border-radius: 9999px;
@@ -1077,22 +1080,22 @@
1077
1080
  appearance: none
1078
1081
  }
1079
1082
 
1080
- .swap .swap-on,
1081
- .swap .swap-indeterminate,
1083
+ .swap .swap-on,
1084
+ .swap .swap-indeterminate,
1082
1085
  .swap input:indeterminate ~ .swap-on {
1083
1086
 
1084
1087
  opacity: 0
1085
1088
  }
1086
1089
 
1087
- .swap input:checked ~ .swap-off,
1088
- .swap.swap-active .swap-off,
1090
+ .swap input:checked ~ .swap-off,
1091
+ .swap.swap-active .swap-off,
1089
1092
  .swap input:indeterminate ~ .swap-off {
1090
1093
 
1091
1094
  opacity: 0
1092
1095
  }
1093
1096
 
1094
- .swap input:checked ~ .swap-on,
1095
- .swap-active .swap-on,
1097
+ .swap input:checked ~ .swap-on,
1098
+ .swap-active .swap-on,
1096
1099
  .swap input:indeterminate ~ .swap-indeterminate {
1097
1100
 
1098
1101
  opacity: 1
@@ -1516,9 +1519,9 @@
1516
1519
  background-color: hsl(var(--b1) / var(--tw-bg-opacity))
1517
1520
  }
1518
1521
  /* disabled */
1519
- .btm-nav>*.disabled,
1520
- .btm-nav>*.disabled:hover,
1521
- .btm-nav>*[disabled],
1522
+ .btm-nav>*.disabled,
1523
+ .btm-nav>*.disabled:hover,
1524
+ .btm-nav>*[disabled],
1522
1525
  .btm-nav>*[disabled]:hover {
1523
1526
  pointer-events: none;
1524
1527
  --tw-border-opacity: 0;
@@ -1587,7 +1590,7 @@
1587
1590
  -webkit-text-decoration-line: none;
1588
1591
  text-decoration-line: none;
1589
1592
  }
1590
- .btn:hover,
1593
+ .btn:hover,
1591
1594
  .btn-active {
1592
1595
  --tw-border-opacity: 1;
1593
1596
  border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
@@ -1607,7 +1610,7 @@
1607
1610
  --tw-text-opacity: 1;
1608
1611
  color: hsl(var(--pc) / var(--tw-text-opacity));
1609
1612
  }
1610
- .btn-primary:hover,
1613
+ .btn-primary:hover,
1611
1614
  .btn-primary.btn-active {
1612
1615
  --tw-border-opacity: 1;
1613
1616
  border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
@@ -1625,7 +1628,7 @@
1625
1628
  --tw-text-opacity: 1;
1626
1629
  color: hsl(var(--sc) / var(--tw-text-opacity));
1627
1630
  }
1628
- .btn-secondary:hover,
1631
+ .btn-secondary:hover,
1629
1632
  .btn-secondary.btn-active {
1630
1633
  --tw-border-opacity: 1;
1631
1634
  border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
@@ -1643,7 +1646,7 @@
1643
1646
  --tw-text-opacity: 1;
1644
1647
  color: hsl(var(--ac) / var(--tw-text-opacity));
1645
1648
  }
1646
- .btn-accent:hover,
1649
+ .btn-accent:hover,
1647
1650
  .btn-accent.btn-active {
1648
1651
  --tw-border-opacity: 1;
1649
1652
  border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
@@ -1662,7 +1665,7 @@
1662
1665
  --tw-text-opacity: 1;
1663
1666
  color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
1664
1667
  }
1665
- .btn-info:hover,
1668
+ .btn-info:hover,
1666
1669
  .btn-info.btn-active {
1667
1670
  --tw-border-opacity: 1;
1668
1671
  border-color: hsl(var(--in) / var(--tw-border-opacity));
@@ -1680,7 +1683,7 @@
1680
1683
  --tw-text-opacity: 1;
1681
1684
  color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
1682
1685
  }
1683
- .btn-success:hover,
1686
+ .btn-success:hover,
1684
1687
  .btn-success.btn-active {
1685
1688
  --tw-border-opacity: 1;
1686
1689
  border-color: hsl(var(--su) / var(--tw-border-opacity));
@@ -1698,7 +1701,7 @@
1698
1701
  --tw-text-opacity: 1;
1699
1702
  color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
1700
1703
  }
1701
- .btn-warning:hover,
1704
+ .btn-warning:hover,
1702
1705
  .btn-warning.btn-active {
1703
1706
  --tw-border-opacity: 1;
1704
1707
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
@@ -1716,7 +1719,7 @@
1716
1719
  --tw-text-opacity: 1;
1717
1720
  color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1718
1721
  }
1719
- .btn-error:hover,
1722
+ .btn-error:hover,
1720
1723
  .btn-error.btn-active {
1721
1724
  --tw-border-opacity: 1;
1722
1725
  border-color: hsl(var(--er) / var(--tw-border-opacity));
@@ -1742,7 +1745,7 @@
1742
1745
  background-color: transparent;
1743
1746
  color: currentColor;
1744
1747
  }
1745
- .btn-ghost:hover,
1748
+ .btn-ghost:hover,
1746
1749
  .btn-ghost.btn-active {
1747
1750
  --tw-border-opacity: 0;
1748
1751
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
@@ -1759,7 +1762,7 @@
1759
1762
  -webkit-text-decoration-line: underline;
1760
1763
  text-decoration-line: underline;
1761
1764
  }
1762
- .btn-link:hover,
1765
+ .btn-link:hover,
1763
1766
  .btn-link.btn-active {
1764
1767
  border-color: transparent;
1765
1768
  background-color: transparent;
@@ -1869,9 +1872,9 @@
1869
1872
  color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1870
1873
  }
1871
1874
  /* disabled */
1872
- .btn-disabled,
1873
- .btn-disabled:hover,
1874
- .btn[disabled],
1875
+ .btn-disabled,
1876
+ .btn-disabled:hover,
1877
+ .btn[disabled],
1875
1878
  .btn[disabled]:hover {
1876
1879
  --tw-border-opacity: 0;
1877
1880
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -1880,22 +1883,22 @@
1880
1883
  --tw-text-opacity: 0.2;
1881
1884
  }
1882
1885
  /* loading */
1883
- .btn.loading.btn-square:before,
1886
+ .btn.loading.btn-square:before,
1884
1887
  .btn.loading.btn-circle:before {
1885
1888
  margin-right: 0px;
1886
1889
  }
1887
- .btn.loading.btn-xl:before,
1890
+ .btn.loading.btn-xl:before,
1888
1891
  .btn.loading.btn-lg:before {
1889
1892
  height: 1.25rem;
1890
1893
  width: 1.25rem;
1891
1894
  }
1892
- .btn.loading.btn-sm:before,
1895
+ .btn.loading.btn-sm:before,
1893
1896
  .btn.loading.btn-xs:before {
1894
1897
  height: 0.75rem;
1895
1898
  width: 0.75rem;
1896
1899
  }
1897
1900
  /* group */
1898
- .btn-group > input[type="radio"]:checked.btn,
1901
+ .btn-group > input[type="radio"].btn:checked,
1899
1902
  .btn-group > .btn-active {
1900
1903
  --tw-border-opacity: 1;
1901
1904
  border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -1989,8 +1992,8 @@
1989
1992
  outline: 2px solid hsl(var(--bc));
1990
1993
  outline-offset: 2px;
1991
1994
  }
1992
- .checkbox:checked,
1993
- .checkbox[checked="true"],
1995
+ .checkbox:checked,
1996
+ .checkbox[checked="true"],
1994
1997
  .checkbox[aria-checked=true] {
1995
1998
  --tw-bg-opacity: 1;
1996
1999
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
@@ -2018,8 +2021,8 @@
2018
2021
  .checkbox-primary:focus-visible {
2019
2022
  outline: 2px solid hsl(var(--p));
2020
2023
  }
2021
- .checkbox-primary:checked,
2022
- .checkbox-primary[checked="true"],
2024
+ .checkbox-primary:checked,
2025
+ .checkbox-primary[checked="true"],
2023
2026
  .checkbox-primary[aria-checked=true] {
2024
2027
  --tw-border-opacity: 1;
2025
2028
  border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -2041,8 +2044,8 @@
2041
2044
  .checkbox-secondary:focus-visible {
2042
2045
  outline: 2px solid hsl(var(--s));
2043
2046
  }
2044
- .checkbox-secondary:checked,
2045
- .checkbox-secondary[checked="true"],
2047
+ .checkbox-secondary:checked,
2048
+ .checkbox-secondary[checked="true"],
2046
2049
  .checkbox-secondary[aria-checked=true] {
2047
2050
  --tw-border-opacity: 1;
2048
2051
  border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -2064,8 +2067,8 @@
2064
2067
  .checkbox-accent:focus-visible {
2065
2068
  outline: 2px solid hsl(var(--a));
2066
2069
  }
2067
- .checkbox-accent:checked,
2068
- .checkbox-accent[checked="true"],
2070
+ .checkbox-accent:checked,
2071
+ .checkbox-accent[checked="true"],
2069
2072
  .checkbox-accent[aria-checked=true] {
2070
2073
  --tw-border-opacity: 1;
2071
2074
  border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -2146,7 +2149,7 @@ body[dir="rtl"] .checkbox:checked,
2146
2149
  content: "+";
2147
2150
  pointer-events: none;
2148
2151
  }
2149
- .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
2152
+ .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
2150
2153
  .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
2151
2154
  cursor: pointer;
2152
2155
  }
@@ -2159,7 +2162,7 @@ body[dir="rtl"] .checkbox:checked,
2159
2162
  :where(.collapse > input[type="checkbox"]) {
2160
2163
  z-index: 1;
2161
2164
  }
2162
- .collapse-title,
2165
+ .collapse-title,
2163
2166
  :where(.collapse > input[type="checkbox"]) {
2164
2167
  width: 100%;
2165
2168
  padding: 1rem;
@@ -2179,14 +2182,14 @@ body[dir="rtl"] .checkbox:checked,
2179
2182
  cursor: unset;
2180
2183
  transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
2181
2184
  }
2182
- .collapse-open :where(.collapse-content),
2183
- .collapse:focus:not(.collapse-close) :where(.collapse-content),
2185
+ .collapse-open :where(.collapse-content),
2186
+ .collapse:focus:not(.collapse-close) :where(.collapse-content),
2184
2187
  .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
2185
2188
  padding-bottom: 1rem;
2186
2189
  transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
2187
2190
  }
2188
- .collapse-open.collapse-arrow .collapse-title:after,
2189
- .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2191
+ .collapse-open.collapse-arrow .collapse-title:after,
2192
+ .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2190
2193
  .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
2191
2194
  --tw-translate-y: -50%;
2192
2195
  --tw-rotate: 225deg;
@@ -2307,9 +2310,9 @@ body[dir="rtl"] .checkbox:checked,
2307
2310
  .dropdown-right .dropdown-content {
2308
2311
  transform-origin: left
2309
2312
  }
2310
- .dropdown.dropdown-open .dropdown-content,
2311
- .dropdown.dropdown-hover:hover .dropdown-content,
2312
- .dropdown:focus .dropdown-content,
2313
+ .dropdown.dropdown-open .dropdown-content,
2314
+ .dropdown.dropdown-hover:hover .dropdown-content,
2315
+ .dropdown:focus .dropdown-content,
2313
2316
  .dropdown:focus-within .dropdown-content {
2314
2317
  --tw-scale-x: 1;
2315
2318
  --tw-scale-y: 1;
@@ -2442,7 +2445,7 @@ body[dir="rtl"] .checkbox:checked,
2442
2445
  .input-error:focus {
2443
2446
  outline: 2px solid hsl(var(--er));
2444
2447
  }
2445
- .input-disabled,
2448
+ .input-disabled,
2446
2449
  .input[disabled] {
2447
2450
  cursor: not-allowed;
2448
2451
  --tw-border-opacity: 1;
@@ -2451,7 +2454,7 @@ body[dir="rtl"] .checkbox:checked,
2451
2454
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2452
2455
  --tw-text-opacity: 0.2;
2453
2456
  }
2454
- .input-disabled::placeholder,
2457
+ .input-disabled::placeholder,
2455
2458
  .input[disabled]::placeholder {
2456
2459
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
2457
2460
  --tw-placeholder-opacity: 0.2;
@@ -2585,15 +2588,15 @@ body[dir="rtl"] .checkbox:checked,
2585
2588
  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
2586
2589
  mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
2587
2590
  }
2588
- .menu.horizontal li.bordered > a,
2589
- .menu.horizontal li.bordered > button,
2591
+ .menu.horizontal li.bordered > a,
2592
+ .menu.horizontal li.bordered > button,
2590
2593
  .menu.horizontal li.bordered > span {
2591
2594
  border-left-width: 0px;
2592
2595
  border-bottom-width: 4px;
2593
2596
  --tw-border-opacity: 1;
2594
2597
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2595
2598
  }
2596
- .menu[class*=" p-"] li > *,
2599
+ .menu[class*=" p-"] li > *,
2597
2600
  .menu[class^="p-"] li > * {
2598
2601
  border-radius: var(--rounded-btn, 0.5rem);
2599
2602
  }
@@ -2610,12 +2613,12 @@ body[dir="rtl"] .checkbox:checked,
2610
2613
  padding-bottom: 0.75rem;
2611
2614
  color: currentColor;
2612
2615
  }
2613
- .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
2616
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
2614
2617
  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
2615
2618
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2616
2619
  --tw-bg-opacity: 0.1;
2617
2620
  }
2618
- .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
2621
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
2619
2622
  .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
2620
2623
  --tw-bg-opacity: 1;
2621
2624
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
@@ -2648,7 +2651,7 @@ body[dir="rtl"] .checkbox:checked,
2648
2651
  --tw-border-opacity: 1;
2649
2652
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2650
2653
  }
2651
- .menu.compact li > a,
2654
+ .menu.compact li > a,
2652
2655
  .menu.compact li > span {
2653
2656
  padding-top: 0.5rem;
2654
2657
  padding-bottom: 0.5rem;
@@ -2875,8 +2878,8 @@ body[dir="rtl"] .checkbox:checked,
2875
2878
  overflow-y: auto;
2876
2879
  overscroll-behavior: contain
2877
2880
  }
2878
- .modal-open .modal-box,
2879
- .modal-toggle:checked + .modal .modal-box,
2881
+ .modal-open .modal-box,
2882
+ .modal-toggle:checked + .modal .modal-box,
2880
2883
  .modal:target .modal-box {
2881
2884
  --tw-translate-y: 0px;
2882
2885
  --tw-scale-x: 1;
@@ -3043,7 +3046,7 @@ body[dir="rtl"] .checkbox:checked,
3043
3046
  outline: 2px solid hsl(var(--bc));
3044
3047
  outline-offset: 2px;
3045
3048
  }
3046
- .radio:checked,
3049
+ .radio:checked,
3047
3050
  .radio[aria-checked=true] {
3048
3051
  --tw-bg-opacity: 1;
3049
3052
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
@@ -3062,7 +3065,7 @@ body[dir="rtl"] .checkbox:checked,
3062
3065
  .radio-primary:focus-visible {
3063
3066
  outline: 2px solid hsl(var(--p));
3064
3067
  }
3065
- .radio-primary:checked,
3068
+ .radio-primary:checked,
3066
3069
  .radio-primary[aria-checked=true] {
3067
3070
  --tw-border-opacity: 1;
3068
3071
  border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -3083,7 +3086,7 @@ body[dir="rtl"] .checkbox:checked,
3083
3086
  .radio-secondary:focus-visible {
3084
3087
  outline: 2px solid hsl(var(--s));
3085
3088
  }
3086
- .radio-secondary:checked,
3089
+ .radio-secondary:checked,
3087
3090
  .radio-secondary[aria-checked=true] {
3088
3091
  --tw-border-opacity: 1;
3089
3092
  border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -3104,7 +3107,7 @@ body[dir="rtl"] .checkbox:checked,
3104
3107
  .radio-accent:focus-visible {
3105
3108
  outline: 2px solid hsl(var(--a));
3106
3109
  }
3107
- .radio-accent:checked,
3110
+ .radio-accent:checked,
3108
3111
  .radio-accent[aria-checked=true] {
3109
3112
  --tw-border-opacity: 1;
3110
3113
  border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -3212,7 +3215,7 @@ body[dir="rtl"] .checkbox:checked,
3212
3215
  width: 0.5rem;
3213
3216
  background-color: transparent;
3214
3217
  }
3215
- .rating input:checked ~ input,
3218
+ .rating input:checked ~ input,
3216
3219
  .rating input[aria-checked=true] ~ input {
3217
3220
  --tw-bg-opacity: 0.2;
3218
3221
  }
@@ -3325,7 +3328,7 @@ body[dir="rtl"] .checkbox:checked,
3325
3328
  .select-error:focus {
3326
3329
  outline: 2px solid hsl(var(--er));
3327
3330
  }
3328
- .select-disabled,
3331
+ .select-disabled,
3329
3332
  .select[disabled] {
3330
3333
  cursor: not-allowed;
3331
3334
  --tw-border-opacity: 1;
@@ -3334,13 +3337,13 @@ body[dir="rtl"] .checkbox:checked,
3334
3337
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3335
3338
  --tw-text-opacity: 0.2;
3336
3339
  }
3337
- .select-disabled::placeholder,
3340
+ .select-disabled::placeholder,
3338
3341
  .select[disabled]::placeholder {
3339
3342
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3340
3343
  --tw-placeholder-opacity: 0.2;
3341
3344
  }
3342
- .select-multiple,
3343
- .select[multiple],
3345
+ .select-multiple,
3346
+ .select[multiple],
3344
3347
  .select[size].select:not([size="1"]) {
3345
3348
  background-image: none;
3346
3349
  padding-right: 1rem;
@@ -3471,28 +3474,28 @@ body[dir="rtl"] .checkbox:checked,
3471
3474
  .steps .step[data-content]:after {
3472
3475
  content: attr(data-content);
3473
3476
  }
3474
- .steps .step-neutral + .step-neutral:before,
3477
+ .steps .step-neutral + .step-neutral:before,
3475
3478
  .steps .step-neutral:after {
3476
3479
  --tw-bg-opacity: 1;
3477
3480
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3478
3481
  --tw-text-opacity: 1;
3479
3482
  color: hsl(var(--nc) / var(--tw-text-opacity));
3480
3483
  }
3481
- .steps .step-primary + .step-primary:before,
3484
+ .steps .step-primary + .step-primary:before,
3482
3485
  .steps .step-primary:after {
3483
3486
  --tw-bg-opacity: 1;
3484
3487
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
3485
3488
  --tw-text-opacity: 1;
3486
3489
  color: hsl(var(--pc) / var(--tw-text-opacity));
3487
3490
  }
3488
- .steps .step-secondary + .step-secondary:before,
3491
+ .steps .step-secondary + .step-secondary:before,
3489
3492
  .steps .step-secondary:after {
3490
3493
  --tw-bg-opacity: 1;
3491
3494
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
3492
3495
  --tw-text-opacity: 1;
3493
3496
  color: hsl(var(--sc) / var(--tw-text-opacity));
3494
3497
  }
3495
- .steps .step-accent + .step-accent:before,
3498
+ .steps .step-accent + .step-accent:before,
3496
3499
  .steps .step-accent:after {
3497
3500
  --tw-bg-opacity: 1;
3498
3501
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
@@ -3549,22 +3552,22 @@ body[dir="rtl"] .checkbox:checked,
3549
3552
  transition-property: transform, opacity;
3550
3553
  }
3551
3554
 
3552
- .swap-rotate .swap-on,
3553
- .swap-rotate .swap-indeterminate,
3555
+ .swap-rotate .swap-on,
3556
+ .swap-rotate .swap-indeterminate,
3554
3557
  .swap-rotate input:indeterminate ~ .swap-on {
3555
3558
  --tw-rotate: 45deg;
3556
3559
  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));
3557
3560
  }
3558
3561
 
3559
- .swap-rotate input:checked ~ .swap-off,
3560
- .swap-rotate.swap-active .swap-off,
3562
+ .swap-rotate input:checked ~ .swap-off,
3563
+ .swap-rotate.swap-active .swap-off,
3561
3564
  .swap-rotate input:indeterminate ~ .swap-off {
3562
3565
  --tw-rotate: -45deg;
3563
3566
  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));
3564
3567
  }
3565
3568
 
3566
- .swap-rotate input:checked ~ .swap-on,
3567
- .swap-rotate.swap-active .swap-on,
3569
+ .swap-rotate input:checked ~ .swap-on,
3570
+ .swap-rotate.swap-active .swap-on,
3568
3571
  .swap-rotate input:indeterminate ~ .swap-indeterminate {
3569
3572
  --tw-rotate: 0deg;
3570
3573
  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));
@@ -3716,16 +3719,16 @@ body[dir="rtl"] .checkbox:checked,
3716
3719
  padding: 1rem;
3717
3720
  vertical-align: middle
3718
3721
  }
3719
- .table tr.active th,
3720
- .table tr.active td,
3721
- .table tr.active:nth-child(even) th,
3722
+ .table tr.active th,
3723
+ .table tr.active td,
3724
+ .table tr.active:nth-child(even) th,
3722
3725
  .table tr.active:nth-child(even) td {
3723
3726
  --tw-bg-opacity: 1;
3724
3727
  background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
3725
3728
  }
3726
- .table tr.hover:hover th,
3727
- .table tr.hover:hover td,
3728
- .table tr.hover:nth-child(even):hover th,
3729
+ .table tr.hover:hover th,
3730
+ .table tr.hover:hover td,
3731
+ .table tr.hover:nth-child(even):hover th,
3729
3732
  .table tr.hover:nth-child(even):hover td {
3730
3733
  --tw-bg-opacity: 1;
3731
3734
  background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
@@ -3747,7 +3750,7 @@ body[dir="rtl"] .checkbox:checked,
3747
3750
  --tw-bg-opacity: 1;
3748
3751
  background-color: hsl(var(--b1) / var(--tw-bg-opacity))
3749
3752
  }
3750
- .table-zebra tbody tr:nth-child(even) th,
3753
+ .table-zebra tbody tr:nth-child(even) th,
3751
3754
  .table-zebra tbody tr:nth-child(even) td {
3752
3755
  --tw-bg-opacity: 1;
3753
3756
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
@@ -3840,7 +3843,7 @@ body[dir="rtl"] .checkbox:checked,
3840
3843
  .textarea-error:focus {
3841
3844
  outline: 2px solid hsl(var(--er));
3842
3845
  }
3843
- .textarea-disabled,
3846
+ .textarea-disabled,
3844
3847
  .textarea[disabled] {
3845
3848
  cursor: not-allowed;
3846
3849
  --tw-border-opacity: 1;
@@ -3849,7 +3852,7 @@ body[dir="rtl"] .checkbox:checked,
3849
3852
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3850
3853
  --tw-text-opacity: 0.2;
3851
3854
  }
3852
- .textarea-disabled::placeholder,
3855
+ .textarea-disabled::placeholder,
3853
3856
  .textarea[disabled]::placeholder {
3854
3857
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3855
3858
  --tw-placeholder-opacity: 0.2;
@@ -3977,7 +3980,7 @@ body[dir="rtl"] .checkbox:checked,
3977
3980
  --tooltip-text-color: hsl(var(--nc));
3978
3981
  --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
3979
3982
  }
3980
- .tooltip:before,
3983
+ .tooltip:before,
3981
3984
  .tooltip:after {
3982
3985
  opacity: 0;
3983
3986
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
@@ -4003,9 +4006,9 @@ body[dir="rtl"] .checkbox:checked,
4003
4006
  color: var(--tooltip-text-color);
4004
4007
  width: max-content;
4005
4008
  }
4006
- .tooltip.tooltip-open:before,
4007
- .tooltip.tooltip-open:after,
4008
- .tooltip:hover:before,
4009
+ .tooltip.tooltip-open:before,
4010
+ .tooltip.tooltip-open:after,
4011
+ .tooltip:hover:before,
4009
4012
  .tooltip:hover:after {
4010
4013
  opacity: 1;
4011
4014
  transition-delay: 75ms;