daisyui 4.4.7 → 4.4.8

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.
Files changed (4) hide show
  1. package/dist/full.css +266 -149
  2. package/dist/styled.css +160 -79
  3. package/dist/styled.js +1 -1
  4. package/package.json +1 -1
package/dist/styled.css CHANGED
@@ -1309,9 +1309,6 @@ input.tab:checked + .tab-content,
1309
1309
  --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
1310
1310
  background-color: var(--alert-bg)
1311
1311
  }
1312
- /* @supports (background-color: color-mix(in srgb, var(--alert-bg) 50%, var(--alert-bg-mix))) {
1313
- background-color: color-mix(in srgb, var(--alert-bg) 50%, var(--alert-bg-mix));
1314
- } */
1315
1312
  .alert-info {
1316
1313
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
1317
1314
  --tw-text-opacity: 1;
@@ -1582,17 +1579,21 @@ input.tab:checked + .tab-content,
1582
1579
  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
1583
1580
  --tw-bg-opacity: 1;
1584
1581
  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
1585
- background-color: color-mix(
1586
- in oklab,
1587
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
1588
- black
1589
- );
1590
- border-color: color-mix(
1591
- in oklab,
1592
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
1593
- black
1594
- );
1595
1582
  }
1583
+ @supports (color: color-mix(in oklab, black, black)) {
1584
+ .btn:hover {
1585
+ background-color: color-mix(
1586
+ in oklab,
1587
+ oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
1588
+ black
1589
+ );
1590
+ border-color: color-mix(
1591
+ in oklab,
1592
+ oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
1593
+ black
1594
+ )
1595
+ }
1596
+ }
1596
1597
  @supports not (color: oklch(0 0 0)) {
1597
1598
  .btn:hover {
1598
1599
  background-color: var(--btn-color, var(--fallback-b2));
@@ -1600,18 +1601,20 @@ input.tab:checked + .tab-content,
1600
1601
  }
1601
1602
  }
1602
1603
  }
1604
+ @supports (color: color-mix(in oklab, black, black)) {
1603
1605
  .btn-active {
1604
- background-color: color-mix(
1605
- in oklab,
1606
- oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
1607
- black
1608
- );
1609
- border-color: color-mix(
1610
- in oklab,
1611
- oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
1612
- black
1613
- );
1606
+ background-color: color-mix(
1607
+ in oklab,
1608
+ oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
1609
+ black
1610
+ );
1611
+ border-color: color-mix(
1612
+ in oklab,
1613
+ oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
1614
+ black
1615
+ )
1614
1616
  }
1617
+ }
1615
1618
  .btn:focus-visible {
1616
1619
  outline-style: solid;
1617
1620
  outline-width: 2px;
@@ -1840,16 +1843,24 @@ input.tab:checked + .tab-content,
1840
1843
  .btn-outline.btn-primary:hover {
1841
1844
  --tw-text-opacity: 1;
1842
1845
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1843
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1844
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1845
1846
  }
1847
+ @supports (color: color-mix(in oklab, black, black)) {
1848
+ .btn-outline.btn-primary:hover {
1849
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1850
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
1851
+ }
1852
+ }
1846
1853
  }
1847
1854
  .btn-outline.btn-primary.btn-active {
1848
1855
  --tw-text-opacity: 1;
1849
1856
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1850
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1851
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1852
1857
  }
1858
+ @supports (color: color-mix(in oklab, black, black)) {
1859
+ .btn-outline.btn-primary.btn-active {
1860
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1861
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
1862
+ }
1863
+ }
1853
1864
  .btn-outline.btn-secondary {
1854
1865
  --tw-text-opacity: 1;
1855
1866
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
@@ -1858,16 +1869,24 @@ input.tab:checked + .tab-content,
1858
1869
  .btn-outline.btn-secondary:hover {
1859
1870
  --tw-text-opacity: 1;
1860
1871
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1861
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1862
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1863
1872
  }
1873
+ @supports (color: color-mix(in oklab, black, black)) {
1874
+ .btn-outline.btn-secondary:hover {
1875
+ background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1876
+ border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)
1877
+ }
1878
+ }
1864
1879
  }
1865
1880
  .btn-outline.btn-secondary.btn-active {
1866
1881
  --tw-text-opacity: 1;
1867
1882
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1868
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1869
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1870
1883
  }
1884
+ @supports (color: color-mix(in oklab, black, black)) {
1885
+ .btn-outline.btn-secondary.btn-active {
1886
+ background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1887
+ border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)
1888
+ }
1889
+ }
1871
1890
  .btn-outline.btn-accent {
1872
1891
  --tw-text-opacity: 1;
1873
1892
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
@@ -1876,16 +1895,24 @@ input.tab:checked + .tab-content,
1876
1895
  .btn-outline.btn-accent:hover {
1877
1896
  --tw-text-opacity: 1;
1878
1897
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1879
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1880
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1881
1898
  }
1899
+ @supports (color: color-mix(in oklab, black, black)) {
1900
+ .btn-outline.btn-accent:hover {
1901
+ background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1902
+ border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)
1903
+ }
1904
+ }
1882
1905
  }
1883
1906
  .btn-outline.btn-accent.btn-active {
1884
1907
  --tw-text-opacity: 1;
1885
1908
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1886
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1887
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1888
1909
  }
1910
+ @supports (color: color-mix(in oklab, black, black)) {
1911
+ .btn-outline.btn-accent.btn-active {
1912
+ background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1913
+ border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)
1914
+ }
1915
+ }
1889
1916
  .btn-outline.btn-success {
1890
1917
  --tw-text-opacity: 1;
1891
1918
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
@@ -1894,16 +1921,24 @@ input.tab:checked + .tab-content,
1894
1921
  .btn-outline.btn-success:hover {
1895
1922
  --tw-text-opacity: 1;
1896
1923
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1897
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1898
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1899
1924
  }
1925
+ @supports (color: color-mix(in oklab, black, black)) {
1926
+ .btn-outline.btn-success:hover {
1927
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1928
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)
1929
+ }
1930
+ }
1900
1931
  }
1901
1932
  .btn-outline.btn-success.btn-active {
1902
1933
  --tw-text-opacity: 1;
1903
1934
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1904
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1905
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1906
1935
  }
1936
+ @supports (color: color-mix(in oklab, black, black)) {
1937
+ .btn-outline.btn-success.btn-active {
1938
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
1939
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)
1940
+ }
1941
+ }
1907
1942
  .btn-outline.btn-info {
1908
1943
  --tw-text-opacity: 1;
1909
1944
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
@@ -1912,16 +1947,24 @@ input.tab:checked + .tab-content,
1912
1947
  .btn-outline.btn-info:hover {
1913
1948
  --tw-text-opacity: 1;
1914
1949
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1915
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1916
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1917
1950
  }
1951
+ @supports (color: color-mix(in oklab, black, black)) {
1952
+ .btn-outline.btn-info:hover {
1953
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1954
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)
1955
+ }
1956
+ }
1918
1957
  }
1919
1958
  .btn-outline.btn-info.btn-active {
1920
1959
  --tw-text-opacity: 1;
1921
1960
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1922
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1923
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1924
1961
  }
1962
+ @supports (color: color-mix(in oklab, black, black)) {
1963
+ .btn-outline.btn-info.btn-active {
1964
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
1965
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)
1966
+ }
1967
+ }
1925
1968
  .btn-outline.btn-warning {
1926
1969
  --tw-text-opacity: 1;
1927
1970
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
@@ -1930,16 +1973,24 @@ input.tab:checked + .tab-content,
1930
1973
  .btn-outline.btn-warning:hover {
1931
1974
  --tw-text-opacity: 1;
1932
1975
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1933
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1934
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1935
1976
  }
1977
+ @supports (color: color-mix(in oklab, black, black)) {
1978
+ .btn-outline.btn-warning:hover {
1979
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1980
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)
1981
+ }
1982
+ }
1936
1983
  }
1937
1984
  .btn-outline.btn-warning.btn-active {
1938
1985
  --tw-text-opacity: 1;
1939
1986
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1940
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1941
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1942
1987
  }
1988
+ @supports (color: color-mix(in oklab, black, black)) {
1989
+ .btn-outline.btn-warning.btn-active {
1990
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1991
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)
1992
+ }
1993
+ }
1943
1994
  .btn-outline.btn-error {
1944
1995
  --tw-text-opacity: 1;
1945
1996
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
@@ -1948,16 +1999,24 @@ input.tab:checked + .tab-content,
1948
1999
  .btn-outline.btn-error:hover {
1949
2000
  --tw-text-opacity: 1;
1950
2001
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
1951
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
1952
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
1953
2002
  }
2003
+ @supports (color: color-mix(in oklab, black, black)) {
2004
+ .btn-outline.btn-error:hover {
2005
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
2006
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)
2007
+ }
2008
+ }
1954
2009
  }
1955
2010
  .btn-outline.btn-error.btn-active {
1956
2011
  --tw-text-opacity: 1;
1957
2012
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
1958
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
1959
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
1960
2013
  }
2014
+ @supports (color: color-mix(in oklab, black, black)) {
2015
+ .btn-outline.btn-error.btn-active {
2016
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
2017
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)
2018
+ }
2019
+ }
1961
2020
  /* disabled */
1962
2021
  .btn.btn-disabled,
1963
2022
  .btn[disabled],
@@ -1993,10 +2052,12 @@ input.tab:checked + .tab-content,
1993
2052
  }
1994
2053
 
1995
2054
  @media (hover: hover) {
2055
+ @supports (color: color-mix(in oklab, black, black)) {
1996
2056
  .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
1997
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
1998
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
2057
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
2058
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)
1999
2059
  }
2060
+ }
2000
2061
  }
2001
2062
 
2002
2063
  .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
@@ -3040,72 +3101,88 @@ details.collapse summary {
3040
3101
  --tw-text-opacity: 1;
3041
3102
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
3042
3103
  }
3043
- @media(hover:hover) {
3044
- .link-primary:hover {
3045
- color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black);
3104
+ @supports(color:color-mix(in oklab,black,black)) {
3105
+ @media(hover:hover) {
3106
+ .link-primary:hover {
3107
+ color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black);
3108
+ }
3046
3109
  }
3047
3110
  }
3048
3111
  .link-secondary {
3049
3112
  --tw-text-opacity: 1;
3050
3113
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
3051
3114
  }
3052
- @media(hover:hover) {
3053
- .link-secondary:hover {
3054
- color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black);
3115
+ @supports(color:color-mix(in oklab,black,black)) {
3116
+ @media(hover:hover) {
3117
+ .link-secondary:hover {
3118
+ color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black);
3119
+ }
3055
3120
  }
3056
3121
  }
3057
3122
  .link-accent {
3058
3123
  --tw-text-opacity: 1;
3059
3124
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
3060
3125
  }
3061
- @media(hover:hover) {
3062
- .link-accent:hover {
3063
- color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black);
3126
+ @supports(color:color-mix(in oklab,black,black)) {
3127
+ @media(hover:hover) {
3128
+ .link-accent:hover {
3129
+ color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black);
3130
+ }
3064
3131
  }
3065
3132
  }
3066
3133
  .link-neutral {
3067
3134
  --tw-text-opacity: 1;
3068
3135
  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
3069
3136
  }
3070
- @media(hover:hover) {
3071
- .link-neutral:hover {
3072
- color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black);
3137
+ @supports(color:color-mix(in oklab,black,black)) {
3138
+ @media(hover:hover) {
3139
+ .link-neutral:hover {
3140
+ color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black);
3141
+ }
3073
3142
  }
3074
3143
  }
3075
3144
  .link-success {
3076
3145
  --tw-text-opacity: 1;
3077
3146
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
3078
3147
  }
3079
- @media(hover:hover) {
3080
- .link-success:hover {
3081
- color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black);
3148
+ @supports(color:color-mix(in oklab,black,black)) {
3149
+ @media(hover:hover) {
3150
+ .link-success:hover {
3151
+ color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black);
3152
+ }
3082
3153
  }
3083
3154
  }
3084
3155
  .link-info {
3085
3156
  --tw-text-opacity: 1;
3086
3157
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
3087
3158
  }
3088
- @media(hover:hover) {
3089
- .link-info:hover {
3090
- color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black);
3159
+ @supports(color:color-mix(in oklab,black,black)) {
3160
+ @media(hover:hover) {
3161
+ .link-info:hover {
3162
+ color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black);
3163
+ }
3091
3164
  }
3092
3165
  }
3093
3166
  .link-warning {
3094
3167
  --tw-text-opacity: 1;
3095
3168
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
3096
3169
  }
3097
- @media(hover:hover) {
3098
- .link-warning:hover {
3099
- color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black);
3170
+ @supports(color:color-mix(in oklab,black,black)) {
3171
+ @media(hover:hover) {
3172
+ .link-warning:hover {
3173
+ color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black);
3174
+ }
3100
3175
  }
3101
3176
  }
3102
3177
  .link-error {
3103
3178
  --tw-text-opacity: 1;
3104
3179
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
3105
3180
  }
3106
- @media(hover:hover) {
3107
- .link-error:hover {
3108
- color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black);
3181
+ @supports(color:color-mix(in oklab,black,black)) {
3182
+ @media(hover:hover) {
3183
+ .link-error:hover {
3184
+ color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black);
3185
+ }
3109
3186
  }
3110
3187
  }
3111
3188
  .link:focus {
@@ -3218,7 +3295,9 @@ details.collapse summary {
3218
3295
  padding: 0.5rem;
3219
3296
  }
3220
3297
  :where(.menu li:empty) {
3221
- background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3298
+ --tw-bg-opacity: 1;
3299
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3300
+ opacity: 0.1;
3222
3301
  margin: 0.5rem 1rem;
3223
3302
  height: 1px;
3224
3303
  }
@@ -3232,7 +3311,9 @@ details.collapse summary {
3232
3311
  inset-inline-start: 0px;
3233
3312
  top: 0.75rem;
3234
3313
  width: 1px;
3235
- background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3314
+ --tw-bg-opacity: 1;
3315
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3316
+ opacity: 0.1;
3236
3317
  content: "";
3237
3318
  }
3238
3319
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),