daisyui 4.4.6 → 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 +278 -161
  2. package/dist/styled.css +172 -91
  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)),
@@ -4493,7 +4574,7 @@ details.collapse summary {
4493
4574
  .swap-flip input:indeterminate ~ .swap-indeterminate {
4494
4575
  transform: rotateY(0deg);
4495
4576
  }
4496
- .tabs-lifted .tab:focus-visible {
4577
+ .tabs-lifted > .tab:focus-visible {
4497
4578
  border-end-end-radius: 0;
4498
4579
  border-end-start-radius: 0;
4499
4580
  }
@@ -4542,13 +4623,13 @@ details.collapse summary {
4542
4623
  --tw-text-opacity: 0.2;
4543
4624
  }
4544
4625
  }
4545
- .tabs-bordered .tab {
4626
+ .tabs-bordered > .tab {
4546
4627
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
4547
4628
  --tw-border-opacity: 0.2;
4548
4629
  border-style: solid;
4549
4630
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
4550
4631
  }
4551
- .tabs-lifted .tab {
4632
+ .tabs-lifted > .tab {
4552
4633
  border: var(--tab-border, 1px) solid transparent;
4553
4634
  border-width: 0 0 var(--tab-border, 1px) 0;
4554
4635
  border-start-start-radius: var(--tab-radius, 0.5rem);
@@ -4558,8 +4639,8 @@ details.collapse summary {
4558
4639
  padding-inline-end: var(--tab-padding, 1rem);
4559
4640
  padding-top: var(--tab-border, 1px);
4560
4641
  }
4561
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]),
4562
- .tabs-lifted .tab:is(input:checked) {
4642
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
4643
+ .tabs-lifted > .tab:is(input:checked) {
4563
4644
  background-color: var(--tab-bg);
4564
4645
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
4565
4646
  border-inline-start-color: var(--tab-border-color);
@@ -4570,7 +4651,7 @@ details.collapse summary {
4570
4651
  padding-bottom: var(--tab-border, 1px);
4571
4652
  padding-top: 0;
4572
4653
  }
4573
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked):before {
4654
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
4574
4655
  z-index: 1;
4575
4656
  content: "";
4576
4657
  display: block;
@@ -4600,26 +4681,26 @@ details.collapse summary {
4600
4681
  );
4601
4682
  background-image: var(--radius-start), var(--radius-end);
4602
4683
  }
4603
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
4684
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
4604
4685
  background-image: var(--radius-end);
4605
4686
  background-position: top right;
4606
4687
  }
4607
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):first-child:before {
4688
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
4608
4689
  background-image: var(--radius-start);
4609
4690
  background-position: top left;
4610
4691
  }
4611
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted .tab:is(input:checked):last-child:before {
4692
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
4612
4693
  background-image: var(--radius-start);
4613
4694
  background-position: top left;
4614
4695
  }
4615
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):last-child:before {
4696
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
4616
4697
  background-image: var(--radius-end);
4617
4698
  background-position: top right;
4618
4699
  }
4619
- .tabs-lifted
4700
+ .tabs-lifted >
4620
4701
  .tab-active:not(.tab-disabled):not([disabled])
4621
4702
  + .tabs-lifted
4622
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4703
+ .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4623
4704
  background-image: var(--radius-end);
4624
4705
  background-position: top right;
4625
4706
  }