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