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