daisyui 4.0.0-alpha.16 → 4.0.0-alpha.18

package/dist/full.css

@@ -158,7 +158,7 @@
     --bc: 0.235742 0.066235 313.189598;
     --rounded-btn: 1.9rem;
     --tab-border: 2px;
-    --tab-radius: .5rem
+    --tab-radius: 0.7rem
 }
 [data-theme=bumblebee], :root:has(input.theme-controller[value=bumblebee]:checked) {
     color-scheme: light;
@@ -241,7 +241,6 @@
     --erc: 0 0 0;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.6039 0.228 269.1;
     --s: 0.653694 0.054756 256.688055;
     --a: 0.769669 0.113994 163.57888;
@@ -252,6 +251,7 @@
     --rounded-box: 0.25rem;
     --rounded-btn: .125rem;
     --rounded-badge: .125rem;
+    --tab-radius: 0.25rem;
     --animation-btn: 0;
     --animation-input: 0;
     --btn-focus-scale: 1
@@ -299,7 +299,6 @@
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.768664 0.104092 22.664655;
     --pc: 0.265104 0.006243 0.522862;
     --s: 0.807415 0.052534 159.094608;
@@ -318,7 +317,8 @@
     --er: 0.6572 0.199 27.33;
     --rounded-box: 0.4rem;
     --rounded-btn: 0.4rem;
-    --rounded-badge: 0.4rem
+    --rounded-badge: 0.4rem;
+    --tab-radius: 0.4rem
 }
 [data-theme=cyberpunk], :root:has(input.theme-controller[value=cyberpunk]:checked) {
     color-scheme: light;
@@ -371,7 +371,6 @@
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.686197 0.153774 15.066527;
     --s: 0.71971 0.14629 293.189609;
     --a: 0.712685 0.074804 197.828857;
@@ -383,7 +382,8 @@
     --su: 0.627052 0.169912 149.213788;
     --wa: 0.66584 0.157422 58.31834;
     --er: 0.7307 0.207 27.33;
-    --rounded-btn: 1.9rem
+    --rounded-btn: 1.9rem;
+    --tab-radius: 0.7rem
 }
 [data-theme=halloween], :root:has(input.theme-controller[value=halloween]:checked) {
     color-scheme: dark;
@@ -540,10 +540,10 @@
     --rounded-box: 0.25rem;
     --rounded-btn: 0.125rem;
     --rounded-badge: 0.125rem;
+    --tab-radius: 0.125rem;
     --animation-btn: 0;
     --animation-input: 0;
-    --btn-focus-scale: 1;
-    --tab-radius: 0
+    --btn-focus-scale: 1
 }
 [data-theme=pastel], :root:has(input.theme-controller[value=pastel]:checked) {
     color-scheme: light;
@@ -567,7 +567,6 @@
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.830828 0.034896 316.8737;
     --s: 0.880763 0.049197 8.688364;
     --a: 0.892096 0.06028 170.923263;
@@ -575,7 +574,8 @@
     --b1: 1 0 0;
     --b2: 0.984625 0.001706 247.838921;
     --b3: 0.871681 0.009339 258.338227;
-    --rounded-btn: 1.9rem
+    --rounded-btn: 1.9rem;
+    --tab-radius: 0.7rem
 }
 [data-theme=fantasy], :root:has(input.theme-controller[value=fantasy]:checked) {
     color-scheme: light;
@@ -852,7 +852,6 @@
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.719 0.357 330.759573;
     --s: 0.7337 0.224 48.250878;
     --a: 0.9278 0.264 122.962951;
@@ -864,7 +863,8 @@
     --er: 0.6484 0.293 29.349188;
     --rounded-box: 1.25rem;
     --rounded-btn: 1rem;
-    --rounded-badge: 1rem
+    --rounded-badge: 1rem;
+    --tab-radius: 0.7rem
 }
 [data-theme=lemonade], :root:has(input.theme-controller[value=lemonade]:checked) {
     color-scheme: light;
@@ -1027,7 +1027,7 @@
     --er: 0.824189 0.09957 33.756357
 }
 [data-theme=nord], :root:has(input.theme-controller[value=nord]:checked) {
-    color-scheme: dark;
+    color-scheme: light;
     --pc: 0.118872 0.015449 254.027774;
     --sc: 0.139303 0.011822 248.687186;
     --ac: 0.154929 0.01245 217.469017;
@@ -1035,28 +1035,28 @@
     --suc: 0.153654 0.01498 131.063061;
     --wac: 0.170972 0.017847 84.093335;
     --erc: 0.12122 0.024119 15.341883;
-    --rounded-box: 1rem;
-    --rounded-btn: 0.5rem;
-    --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
     --animation-input: .2s;
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.594359 0.077246 254.027774;
     --s: 0.696516 0.059108 248.687186;
     --a: 0.774643 0.062249 217.469017;
-    --n: 0.324374 0.022945 264.182036;
+    --n: 0.45229 0.035214 264.1312;
     --nc: 0.899258 0.016374 262.749256;
-    --b1: 0.45229 0.035214 264.1312;
-    --b2: 0.415739 0.032367 264.131216;
-    --b3: 0.379212 0.028973 266.470524;
-    --bc: 0.932996 0.010389 261.788485;
+    --b1: 0.951276 0.007445 260.731539;
+    --b2: 0.932996 0.010389 261.788485;
+    --b3: 0.899258 0.016374 262.749256;
+    --bc: 0.324374 0.022945 264.182036;
     --in: 0.692072 0.062496 332.664922;
     --su: 0.76827 0.074899 131.063061;
     --wa: 0.854862 0.089234 84.093335;
-    --er: 0.6061 0.120594 15.341883
+    --er: 0.6061 0.120594 15.341883;
+    --rounded-box: 0.4rem;
+    --rounded-btn: 0.2rem;
+    --rounded-badge: 0.4rem;
+    --tab-radius: 0.2rem
 }
 [data-theme=sunset], :root:has(input.theme-controller[value=sunset]:checked) {
     color-scheme: dark;
@@ -1067,28 +1067,28 @@
     --suc: 0.171122 0.017172 144.77874;
     --wac: 0.171139 0.016961 74.427797;
     --erc: 0.171023 0.015778 16.886379;
-    --rounded-box: 1rem;
-    --rounded-btn: 0.5rem;
-    --rounded-badge: 1.9rem;
     --animation-btn: 0.25s;
     --animation-input: .2s;
     --btn-focus-scale: 0.95;
     --border-btn: 1px;
     --tab-border: 1px;
-    --tab-radius: 0.5rem;
     --p: 0.747039 0.158278 39.94703;
     --s: 0.725375 0.177654 2.72034;
     --a: 0.712947 0.166678 299.844533;
-    --n: 0.329807 0.02613 244.221742;
-    --nc: 0.907673 0.027466 244.697124;
-    --b1: 0.180933 0.02721 244.610423;
-    --b2: 0.167061 0.01885 237.689748;
-    --b3: 0 0 0;
+    --n: 0.26 0.019 237.69;
+    --nc: 0.7 0.019 237.69;
+    --b1: 0.22 0.019 237.69;
+    --b2: 0.2 0.019 237.69;
+    --b3: 0.18 0.019 237.69;
     --bc: 0.773835 0.043586 245.096534;
     --in: 0.855596 0.085271 206.015183;
     --su: 0.855609 0.08586 144.77874;
     --wa: 0.855695 0.084806 74.427797;
-    --er: 0.855116 0.07889 16.886379
+    --er: 0.855116 0.07889 16.886379;
+    --rounded-box: 1.2rem;
+    --rounded-btn: 0.8rem;
+    --rounded-badge: 0.4rem;
+    --tab-radius: 0.7rem
 }
 /*
 ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
@@ -4708,9 +4708,7 @@ input.input {
     width: 0.5rem;
     background-color: transparent}
 .rating input[type="radio"]:checked {
-    background-image: none;
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)))}
+    background-image: none}
 .rating input:checked ~ input,
   .rating input[aria-checked="true"] ~ input {
     --tw-bg-opacity: 0.2}
@@ -5056,20 +5054,20 @@ select.select {
     background-position: top left,
         top right;
     background-repeat: no-repeat;
-    --tab-grad: calc(68% - var(--tab-border, 1px));
+    --tab-grad: calc(69% - var(--tab-border, 1px));
     --radius-start: radial-gradient(
         circle at top left,
         transparent var(--tab-grad),
-        var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
+        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
         var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
-        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
+        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
       );
     --radius-end: radial-gradient(
         circle at top right,
         transparent var(--tab-grad),
-        var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
+        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
         var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
-        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
+        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
       );
     background-image: var(--radius-start), var(--radius-end)}
 .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
@@ -20498,16 +20496,16 @@ select.select {
     width: 100%;
     height: 100%;
     object-fit: cover}
-.checkbox-xs {
+[type="checkbox"].checkbox-xs {
     height: 1rem;
     width: 1rem}
-.checkbox-sm {
+[type="checkbox"].checkbox-sm {
     height: 1.25rem;
     width: 1.25rem}
-.checkbox-md {
+[type="checkbox"].checkbox-md {
     height: 1.5rem;
     width: 1.5rem}
-.checkbox-lg {
+[type="checkbox"].checkbox-lg {
     height: 2rem;
     width: 2rem}
 .divider-horizontal {
@@ -20628,28 +20626,28 @@ select.select {
     top: 0px;
     --tw-translate-y: -50%;
     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))}
-.input-xs {
+.input-xs, input.input-xs {
     height: 1.5rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     font-size: 0.75rem;
     line-height: 1rem;
     line-height: 1.625}
-.input-md {
+.input-md, input.input-md {
     height: 3rem;
     padding-left: 1rem;
     padding-right: 1rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
     line-height: 2}
-.input-lg {
+.input-lg, input.input-lg {
     height: 4rem;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     font-size: 1.125rem;
     line-height: 1.75rem;
     line-height: 2}
-.input-sm {
+.input-sm, input.input-sm {
     height: 2rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -20727,16 +20725,16 @@ select.select {
     place-items: center}
 .modal-bottom {
     place-items: end}
-.radio-xs {
+[type="radio"].radio-xs {
     height: 1rem;
     width: 1rem}
-.radio-sm {
+[type="radio"].radio-sm {
     height: 1.25rem;
     width: 1.25rem}
-.radio-md {
+[type="radio"].radio-md {
     height: 1.5rem;
     width: 1.5rem}
-.radio-lg {
+[type="radio"].radio-lg {
     height: 2rem;
     width: 2rem}
 .range-xs {
@@ -21066,19 +21064,19 @@ select.select {
     top: 0px;
     --tw-translate-y: 0px;
     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))}
-.toggle-xs {
+[type="checkbox"].toggle-xs {
     --handleoffset: 0.5rem;
     height: 1rem;
     width: 1.5rem}
-.toggle-sm {
+[type="checkbox"].toggle-sm {
     --handleoffset: 0.75rem;
     height: 1.25rem;
     width: 2rem}
-.toggle-md {
+[type="checkbox"].toggle-md {
     --handleoffset: 1.5rem;
     height: 1.5rem;
     width: 3rem}
-.toggle-lg {
+[type="checkbox"].toggle-lg {
     --handleoffset: 2rem;
     height: 2rem;
     width: 4rem}
@@ -43836,13 +43834,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .sm\:checkbox-sm {
+    .sm\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .sm\:checkbox-md {
+    .sm\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .sm\:checkbox-lg {
+    .sm\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .sm\:divider-horizontal {
@@ -43904,21 +43902,21 @@ select.select {
     .sm\:file-input-lg::file-selector-button {
         margin-right: 1.5rem;
         font-size: 1.125rem}
-    .sm\:input-md {
+    .sm\:input-md, input.sm\:input-md {
         height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
-    .sm\:input-lg {
+    .sm\:input-lg, input.sm\:input-lg {
         height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .sm\:input-sm {
+    .sm\:input-sm, input.sm\:input-sm {
         height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
@@ -43951,13 +43949,13 @@ select.select {
         place-items: center}
     .sm\:modal-bottom {
         place-items: end}
-    .sm\:radio-sm {
+    .sm\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .sm\:radio-md {
+    .sm\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .sm\:radio-lg {
+    .sm\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .sm\:range-sm {
@@ -44093,15 +44091,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .sm\:toggle-sm {
+    .sm\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .sm\:toggle-md {
+    .sm\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .sm\:toggle-lg {
+    .sm\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -44358,13 +44356,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .md\:checkbox-sm {
+    .md\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .md\:checkbox-md {
+    .md\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .md\:checkbox-lg {
+    .md\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .md\:divider-horizontal {
@@ -44426,21 +44424,21 @@ select.select {
     .md\:file-input-lg::file-selector-button {
         margin-right: 1.5rem;
         font-size: 1.125rem}
-    .md\:input-md {
+    .md\:input-md, input.md\:input-md {
         height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
-    .md\:input-lg {
+    .md\:input-lg, input.md\:input-lg {
         height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .md\:input-sm {
+    .md\:input-sm, input.md\:input-sm {
         height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
@@ -44473,13 +44471,13 @@ select.select {
         place-items: center}
     .md\:modal-bottom {
         place-items: end}
-    .md\:radio-sm {
+    .md\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .md\:radio-md {
+    .md\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .md\:radio-lg {
+    .md\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .md\:range-sm {
@@ -44615,15 +44613,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .md\:toggle-sm {
+    .md\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .md\:toggle-md {
+    .md\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .md\:toggle-lg {
+    .md\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -44880,13 +44878,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .lg\:checkbox-sm {
+    .lg\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .lg\:checkbox-md {
+    .lg\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .lg\:checkbox-lg {
+    .lg\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .lg\:divider-horizontal {
@@ -44948,21 +44946,21 @@ select.select {
     .lg\:file-input-lg::file-selector-button {
         margin-right: 1.5rem;
         font-size: 1.125rem}
-    .lg\:input-md {
+    .lg\:input-md, input.lg\:input-md {
         height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
-    .lg\:input-lg {
+    .lg\:input-lg, input.lg\:input-lg {
         height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .lg\:input-sm {
+    .lg\:input-sm, input.lg\:input-sm {
         height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
@@ -44995,13 +44993,13 @@ select.select {
         place-items: center}
     .lg\:modal-bottom {
         place-items: end}
-    .lg\:radio-sm {
+    .lg\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .lg\:radio-md {
+    .lg\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .lg\:radio-lg {
+    .lg\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .lg\:range-sm {
@@ -45137,15 +45135,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .lg\:toggle-sm {
+    .lg\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .lg\:toggle-md {
+    .lg\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .lg\:toggle-lg {
+    .lg\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}
@@ -45402,13 +45400,13 @@ select.select {
         width: 100%;
         height: 100%;
         object-fit: cover}
-    .xl\:checkbox-sm {
+    .xl\:checkbox-sm[type="checkbox"] {
         height: 1.25rem;
         width: 1.25rem}
-    .xl\:checkbox-md {
+    .xl\:checkbox-md[type="checkbox"] {
         height: 1.5rem;
         width: 1.5rem}
-    .xl\:checkbox-lg {
+    .xl\:checkbox-lg[type="checkbox"] {
         height: 2rem;
         width: 2rem}
     .xl\:divider-horizontal {
@@ -45470,21 +45468,21 @@ select.select {
     .xl\:file-input-lg::file-selector-button {
         margin-right: 1.5rem;
         font-size: 1.125rem}
-    .xl\:input-md {
+    .xl\:input-md, input.xl\:input-md {
         height: 3rem;
         padding-left: 1rem;
         padding-right: 1rem;
         font-size: 0.875rem;
         line-height: 1.25rem;
         line-height: 2}
-    .xl\:input-lg {
+    .xl\:input-lg, input.xl\:input-lg {
         height: 4rem;
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .xl\:input-sm {
+    .xl\:input-sm, input.xl\:input-sm {
         height: 2rem;
         padding-left: 0.75rem;
         padding-right: 0.75rem;
@@ -45517,13 +45515,13 @@ select.select {
         place-items: center}
     .xl\:modal-bottom {
         place-items: end}
-    .xl\:radio-sm {
+    .xl\:radio-sm[type="radio"] {
         height: 1.25rem;
         width: 1.25rem}
-    .xl\:radio-md {
+    .xl\:radio-md[type="radio"] {
         height: 1.5rem;
         width: 1.5rem}
-    .xl\:radio-lg {
+    .xl\:radio-lg[type="radio"] {
         height: 2rem;
         width: 2rem}
     .xl\:range-sm {
@@ -45659,15 +45657,15 @@ select.select {
         font-size: 1.125rem;
         line-height: 1.75rem;
         line-height: 2}
-    .xl\:toggle-sm {
+    .xl\:toggle-sm[type="checkbox"] {
         --handleoffset: 0.75rem;
         height: 1.25rem;
         width: 2rem}
-    .xl\:toggle-md {
+    .xl\:toggle-md[type="checkbox"] {
         --handleoffset: 1.5rem;
         height: 1.5rem;
         width: 3rem}
-    .xl\:toggle-lg {
+    .xl\:toggle-lg[type="checkbox"] {
         --handleoffset: 2rem;
         height: 2rem;
         width: 4rem}

package/dist/styled.css

@@ -4070,8 +4070,6 @@ input.input {
 }
   .rating input[type="radio"]:checked {
     background-image: none;
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
   }
   .rating input:checked ~ input,
   .rating input[aria-checked="true"] ~ input {
@@ -4617,20 +4615,20 @@ select.select {
         top left,
         top right;
       background-repeat: no-repeat;
-      --tab-grad: calc(68% - var(--tab-border, 1px));
+      --tab-grad: calc(69% - var(--tab-border, 1px));
       --radius-start: radial-gradient(
         circle at top left,
         transparent var(--tab-grad),
-        var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
+        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
         var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
-        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
+        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
       );
       --radius-end: radial-gradient(
         circle at top right,
         transparent var(--tab-grad),
-        var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
+        var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
         var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
-        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
+        var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
       );
       background-image: var(--radius-start), var(--radius-end);
     }