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/full.css CHANGED
@@ -2646,22 +2646,6 @@ html {
2646
2646
  .label a:hover {
2647
2647
  --tw-text-opacity: 1;
2648
2648
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
2649
- .link-primary:hover {
2650
- color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black)}
2651
- .link-secondary:hover {
2652
- color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black)}
2653
- .link-accent:hover {
2654
- color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black)}
2655
- .link-neutral:hover {
2656
- color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black)}
2657
- .link-success:hover {
2658
- color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
2659
- .link-info:hover {
2660
- color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
2661
- .link-warning:hover {
2662
- color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
2663
- .link-error:hover {
2664
- color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
2665
2649
  .menu li > *:not(ul):not(.menu-title):not(details):active,
2666
2650
  .menu li > *:not(ul):not(.menu-title):not(details).active,
2667
2651
  .menu li > details > summary:active {
@@ -3217,18 +3201,20 @@ html {
3217
3201
  .btn:hover {
3218
3202
  --tw-border-opacity: 1;
3219
3203
  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
3220
- border-color: color-mix(
3221
- in oklab,
3222
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
3223
- black
3224
- );
3225
3204
  --tw-bg-opacity: 1;
3226
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
3227
- background-color: color-mix(
3228
- in oklab,
3229
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
3230
- black
3231
- )}
3205
+ background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}
3206
+ @supports (color: color-mix(in oklab, black, black)) {
3207
+ .btn:hover {
3208
+ background-color: color-mix(
3209
+ in oklab,
3210
+ oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
3211
+ black
3212
+ );
3213
+ border-color: color-mix(
3214
+ in oklab,
3215
+ oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
3216
+ black
3217
+ )}}
3232
3218
  @supports not (color: oklch(0 0 0)) {
3233
3219
  .btn:hover {
3234
3220
  background-color: var(--btn-color, var(--fallback-b2));
@@ -3254,39 +3240,53 @@ html {
3254
3240
  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))}
3255
3241
  .btn-outline.btn-primary:hover {
3256
3242
  --tw-text-opacity: 1;
3257
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
3258
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
3259
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}
3243
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
3244
+ @supports (color: color-mix(in oklab, black, black)) {
3245
+ .btn-outline.btn-primary:hover {
3246
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
3247
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}}
3260
3248
  .btn-outline.btn-secondary:hover {
3261
3249
  --tw-text-opacity: 1;
3262
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
3263
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
3264
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)}
3250
+ color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
3251
+ @supports (color: color-mix(in oklab, black, black)) {
3252
+ .btn-outline.btn-secondary:hover {
3253
+ background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
3254
+ border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)}}
3265
3255
  .btn-outline.btn-accent:hover {
3266
3256
  --tw-text-opacity: 1;
3267
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
3268
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
3269
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)}
3257
+ color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
3258
+ @supports (color: color-mix(in oklab, black, black)) {
3259
+ .btn-outline.btn-accent:hover {
3260
+ background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
3261
+ border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)}}
3270
3262
  .btn-outline.btn-success:hover {
3271
3263
  --tw-text-opacity: 1;
3272
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
3273
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
3274
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
3264
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
3265
+ @supports (color: color-mix(in oklab, black, black)) {
3266
+ .btn-outline.btn-success:hover {
3267
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
3268
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}}
3275
3269
  .btn-outline.btn-info:hover {
3276
3270
  --tw-text-opacity: 1;
3277
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
3278
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
3279
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
3271
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
3272
+ @supports (color: color-mix(in oklab, black, black)) {
3273
+ .btn-outline.btn-info:hover {
3274
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
3275
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}}
3280
3276
  .btn-outline.btn-warning:hover {
3281
3277
  --tw-text-opacity: 1;
3282
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
3283
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
3284
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
3278
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
3279
+ @supports (color: color-mix(in oklab, black, black)) {
3280
+ .btn-outline.btn-warning:hover {
3281
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
3282
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}}
3285
3283
  .btn-outline.btn-error:hover {
3286
3284
  --tw-text-opacity: 1;
3287
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
3288
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
3289
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}
3285
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3286
+ @supports (color: color-mix(in oklab, black, black)) {
3287
+ .btn-outline.btn-error:hover {
3288
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
3289
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
3290
3290
  .btn-disabled:hover,
3291
3291
  .btn[disabled]:hover,
3292
3292
  .btn:disabled:hover {
@@ -3295,9 +3295,10 @@ html {
3295
3295
  --tw-bg-opacity: 0.2;
3296
3296
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
3297
3297
  --tw-text-opacity: 0.2}
3298
- .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
3299
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
3300
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}
3298
+ @supports (color: color-mix(in oklab, black, black)) {
3299
+ .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
3300
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
3301
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}}
3301
3302
  .dropdown.dropdown-hover:hover .dropdown-content {
3302
3303
  --tw-scale-x: 1;
3303
3304
  --tw-scale-y: 1;
@@ -4274,17 +4275,39 @@ input.tab:checked + .tab-content,
4274
4275
  --btn-color: var(--fallback-wa)}
4275
4276
  .btn-error {
4276
4277
  --btn-color: var(--fallback-er)}}
4277
- .btn-active {
4278
- background-color: color-mix(
4279
- in oklab,
4280
- oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
4281
- black
4282
- );
4283
- border-color: color-mix(
4284
- in oklab,
4285
- oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
4286
- black
4287
- )}
4278
+ @supports (color: color-mix(in oklab, black, black)) {
4279
+ .btn-active {
4280
+ background-color: color-mix(
4281
+ in oklab,
4282
+ oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
4283
+ black
4284
+ );
4285
+ border-color: color-mix(
4286
+ in oklab,
4287
+ oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
4288
+ black
4289
+ )}
4290
+ .btn-outline.btn-primary.btn-active {
4291
+ background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
4292
+ border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}
4293
+ .btn-outline.btn-secondary.btn-active {
4294
+ background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
4295
+ border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)}
4296
+ .btn-outline.btn-accent.btn-active {
4297
+ background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
4298
+ border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)}
4299
+ .btn-outline.btn-success.btn-active {
4300
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
4301
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
4302
+ .btn-outline.btn-info.btn-active {
4303
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
4304
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
4305
+ .btn-outline.btn-warning.btn-active {
4306
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
4307
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
4308
+ .btn-outline.btn-error.btn-active {
4309
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
4310
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
4288
4311
  .btn:focus-visible {
4289
4312
  outline-style: solid;
4290
4313
  outline-width: 2px;
@@ -4392,57 +4415,43 @@ input.tab:checked + .tab-content,
4392
4415
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}
4393
4416
  .btn-outline.btn-primary.btn-active {
4394
4417
  --tw-text-opacity: 1;
4395
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
4396
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
4397
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}
4418
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
4398
4419
  .btn-outline.btn-secondary {
4399
4420
  --tw-text-opacity: 1;
4400
4421
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}
4401
4422
  .btn-outline.btn-secondary.btn-active {
4402
4423
  --tw-text-opacity: 1;
4403
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
4404
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
4405
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black)}
4424
+ color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
4406
4425
  .btn-outline.btn-accent {
4407
4426
  --tw-text-opacity: 1;
4408
4427
  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))}
4409
4428
  .btn-outline.btn-accent.btn-active {
4410
4429
  --tw-text-opacity: 1;
4411
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
4412
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
4413
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black)}
4430
+ color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
4414
4431
  .btn-outline.btn-success {
4415
4432
  --tw-text-opacity: 1;
4416
4433
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}
4417
4434
  .btn-outline.btn-success.btn-active {
4418
4435
  --tw-text-opacity: 1;
4419
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
4420
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
4421
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
4436
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
4422
4437
  .btn-outline.btn-info {
4423
4438
  --tw-text-opacity: 1;
4424
4439
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))}
4425
4440
  .btn-outline.btn-info.btn-active {
4426
4441
  --tw-text-opacity: 1;
4427
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
4428
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
4429
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
4442
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
4430
4443
  .btn-outline.btn-warning {
4431
4444
  --tw-text-opacity: 1;
4432
4445
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}
4433
4446
  .btn-outline.btn-warning.btn-active {
4434
4447
  --tw-text-opacity: 1;
4435
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
4436
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
4437
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
4448
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
4438
4449
  .btn-outline.btn-error {
4439
4450
  --tw-text-opacity: 1;
4440
4451
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}
4441
4452
  .btn-outline.btn-error.btn-active {
4442
4453
  --tw-text-opacity: 1;
4443
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
4444
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
4445
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}
4454
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
4446
4455
  .btn.btn-disabled,
4447
4456
  .btn[disabled],
4448
4457
  .btn:disabled {
@@ -5080,6 +5089,24 @@ details.collapse summary::-webkit-details-marker {
5080
5089
  .link-primary {
5081
5090
  --tw-text-opacity: 1;
5082
5091
  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}
5092
+ @supports (color:color-mix(in oklab,black,black)) {
5093
+ @media (hover:hover) {
5094
+ .link-primary:hover {
5095
+ color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black)}
5096
+ .link-secondary:hover {
5097
+ color: color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 80%,black)}
5098
+ .link-accent:hover {
5099
+ color: color-mix(in oklab,var(--fallback-a,oklch(var(--a)/1)) 80%,black)}
5100
+ .link-neutral:hover {
5101
+ color: color-mix(in oklab,var(--fallback-n,oklch(var(--n)/1)) 80%,black)}
5102
+ .link-success:hover {
5103
+ color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
5104
+ .link-info:hover {
5105
+ color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
5106
+ .link-warning:hover {
5107
+ color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
5108
+ .link-error:hover {
5109
+ color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}}}
5083
5110
  .link-secondary {
5084
5111
  --tw-text-opacity: 1;
5085
5112
  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}
@@ -5205,7 +5232,9 @@ details.collapse summary::-webkit-details-marker {
5205
5232
  -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");
5206
5233
  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")}
5207
5234
  :where(.menu li:empty) {
5208
- background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
5235
+ --tw-bg-opacity: 1;
5236
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
5237
+ opacity: 0.1;
5209
5238
  margin: 0.5rem 1rem;
5210
5239
  height: 1px}
5211
5240
  .menu :where(li ul):before {
@@ -5214,7 +5243,9 @@ details.collapse summary::-webkit-details-marker {
5214
5243
  inset-inline-start: 0px;
5215
5244
  top: 0.75rem;
5216
5245
  width: 1px;
5217
- background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
5246
+ --tw-bg-opacity: 1;
5247
+ background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
5248
+ opacity: 0.1;
5218
5249
  content: ""}
5219
5250
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
5220
5251
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
@@ -6003,7 +6034,7 @@ details.collapse summary::-webkit-details-marker {
6003
6034
  .swap-active:where(.swap-flip) .swap-on,
6004
6035
  .swap-flip input:indeterminate ~ .swap-indeterminate {
6005
6036
  transform: rotateY(0deg)}
6006
- .tabs-lifted .tab:focus-visible {
6037
+ .tabs-lifted > .tab:focus-visible {
6007
6038
  border-end-end-radius: 0;
6008
6039
  border-end-start-radius: 0}
6009
6040
  .tab.tab-active:not(.tab-disabled):not([disabled]),
@@ -6022,12 +6053,12 @@ details.collapse summary::-webkit-details-marker {
6022
6053
  cursor: not-allowed;
6023
6054
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
6024
6055
  --tw-text-opacity: 0.2}
6025
- .tabs-bordered .tab {
6056
+ .tabs-bordered > .tab {
6026
6057
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
6027
6058
  --tw-border-opacity: 0.2;
6028
6059
  border-style: solid;
6029
6060
  border-bottom-width: calc(var(--tab-border, 1px) + 1px)}
6030
- .tabs-lifted .tab {
6061
+ .tabs-lifted > .tab {
6031
6062
  border: var(--tab-border, 1px) solid transparent;
6032
6063
  border-width: 0 0 var(--tab-border, 1px) 0;
6033
6064
  border-start-start-radius: var(--tab-radius, 0.5rem);
@@ -6036,8 +6067,8 @@ details.collapse summary::-webkit-details-marker {
6036
6067
  padding-inline-start: var(--tab-padding, 1rem);
6037
6068
  padding-inline-end: var(--tab-padding, 1rem);
6038
6069
  padding-top: var(--tab-border, 1px)}
6039
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]),
6040
- .tabs-lifted .tab:is(input:checked) {
6070
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
6071
+ .tabs-lifted > .tab:is(input:checked) {
6041
6072
  background-color: var(--tab-bg);
6042
6073
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
6043
6074
  border-inline-start-color: var(--tab-border-color);
@@ -6047,7 +6078,7 @@ details.collapse summary::-webkit-details-marker {
6047
6078
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
6048
6079
  padding-bottom: var(--tab-border, 1px);
6049
6080
  padding-top: 0}
6050
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked):before {
6081
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
6051
6082
  z-index: 1;
6052
6083
  content: "";
6053
6084
  display: block;
@@ -6075,22 +6106,22 @@ details.collapse summary::-webkit-details-marker {
6075
6106
  var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
6076
6107
  );
6077
6108
  background-image: var(--radius-start), var(--radius-end)}
6078
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
6109
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
6079
6110
  background-image: var(--radius-end);
6080
6111
  background-position: top right}
6081
- [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 {
6112
+ [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 {
6082
6113
  background-image: var(--radius-start);
6083
6114
  background-position: top left}
6084
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted .tab:is(input:checked):last-child:before {
6115
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
6085
6116
  background-image: var(--radius-start);
6086
6117
  background-position: top left}
6087
- [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 {
6118
+ [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 {
6088
6119
  background-image: var(--radius-end);
6089
6120
  background-position: top right}
6090
- .tabs-lifted
6121
+ .tabs-lifted >
6091
6122
  .tab-active:not(.tab-disabled):not([disabled])
6092
6123
  + .tabs-lifted
6093
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6124
+ .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6094
6125
  background-image: var(--radius-end);
6095
6126
  background-position: top right}
6096
6127
  .tabs-boxed {
@@ -22525,14 +22556,6 @@ details.collapse summary::-webkit-details-marker {
22525
22556
  .hover\:checkbox-error:hover:hover {
22526
22557
  --tw-border-opacity: 1;
22527
22558
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22528
- .hover\:link-success:hover:hover {
22529
- color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
22530
- .hover\:link-info:hover:hover {
22531
- color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
22532
- .hover\:link-warning:hover:hover {
22533
- color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
22534
- .hover\:link-error:hover:hover {
22535
- color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
22536
22559
  .hover\:radio-success:hover:hover {
22537
22560
  --tw-border-opacity: 1;
22538
22561
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
@@ -22548,24 +22571,60 @@ details.collapse summary::-webkit-details-marker {
22548
22571
  @media (hover: hover) {
22549
22572
  .hover\:btn-success:hover.btn-outline:hover {
22550
22573
  --tw-text-opacity: 1;
22551
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
22552
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
22553
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
22574
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22575
+ @supports (color: color-mix(in oklab, black, black)) {
22576
+ .hover\:btn-success:hover.btn-outline:hover {
22577
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
22578
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}}
22579
+ .hover\:btn-success:hover.btn-outline:hover {
22580
+ --tw-text-opacity: 1;
22581
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22582
+ @supports (color: color-mix(in oklab, black, black)) {
22583
+ .hover\:btn-success:hover.btn-outline:hover {
22584
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
22585
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}}
22554
22586
  .hover\:btn-info:hover.btn-outline:hover {
22555
22587
  --tw-text-opacity: 1;
22556
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
22557
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
22558
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
22588
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22589
+ @supports (color: color-mix(in oklab, black, black)) {
22590
+ .hover\:btn-info:hover.btn-outline:hover {
22591
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
22592
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}}
22593
+ .hover\:btn-info:hover.btn-outline:hover {
22594
+ --tw-text-opacity: 1;
22595
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22596
+ @supports (color: color-mix(in oklab, black, black)) {
22597
+ .hover\:btn-info:hover.btn-outline:hover {
22598
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
22599
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}}
22559
22600
  .hover\:btn-warning:hover.btn-outline:hover {
22560
22601
  --tw-text-opacity: 1;
22561
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
22562
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
22563
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
22602
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22603
+ @supports (color: color-mix(in oklab, black, black)) {
22604
+ .hover\:btn-warning:hover.btn-outline:hover {
22605
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
22606
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}}
22607
+ .hover\:btn-warning:hover.btn-outline:hover {
22608
+ --tw-text-opacity: 1;
22609
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22610
+ @supports (color: color-mix(in oklab, black, black)) {
22611
+ .hover\:btn-warning:hover.btn-outline:hover {
22612
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
22613
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}}
22564
22614
  .hover\:btn-error:hover.btn-outline:hover {
22565
22615
  --tw-text-opacity: 1;
22566
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
22567
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
22568
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
22616
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22617
+ @supports (color: color-mix(in oklab, black, black)) {
22618
+ .hover\:btn-error:hover.btn-outline:hover {
22619
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
22620
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
22621
+ .hover\:btn-error:hover.btn-outline:hover {
22622
+ --tw-text-opacity: 1;
22623
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22624
+ @supports (color: color-mix(in oklab, black, black)) {
22625
+ .hover\:btn-error:hover.btn-outline:hover {
22626
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
22627
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}}
22569
22628
  .hover\:alert-info:hover {
22570
22629
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
22571
22630
  --tw-text-opacity: 1;
@@ -22635,6 +22694,19 @@ details.collapse summary::-webkit-details-marker {
22635
22694
  --btn-color: var(--fallback-wa)}
22636
22695
  .hover\:btn-error:hover {
22637
22696
  --btn-color: var(--fallback-er)}}
22697
+ @supports (color: color-mix(in oklab, black, black)) {
22698
+ .hover\:btn-success:hover.btn-outline.btn-active {
22699
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
22700
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
22701
+ .hover\:btn-info:hover.btn-outline.btn-active {
22702
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
22703
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
22704
+ .hover\:btn-warning:hover.btn-outline.btn-active {
22705
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
22706
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
22707
+ .hover\:btn-error:hover.btn-outline.btn-active {
22708
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
22709
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
22638
22710
  @supports (color: oklch(0 0 0)) {
22639
22711
  .hover\:btn-info:hover {
22640
22712
  --btn-color: var(--in)}
@@ -22665,33 +22737,25 @@ details.collapse summary::-webkit-details-marker {
22665
22737
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}
22666
22738
  .hover\:btn-success:hover.btn-outline.btn-active {
22667
22739
  --tw-text-opacity: 1;
22668
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
22669
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
22670
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
22740
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22671
22741
  .hover\:btn-info:hover.btn-outline {
22672
22742
  --tw-text-opacity: 1;
22673
22743
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))}
22674
22744
  .hover\:btn-info:hover.btn-outline.btn-active {
22675
22745
  --tw-text-opacity: 1;
22676
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
22677
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
22678
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
22746
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22679
22747
  .hover\:btn-warning:hover.btn-outline {
22680
22748
  --tw-text-opacity: 1;
22681
22749
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}
22682
22750
  .hover\:btn-warning:hover.btn-outline.btn-active {
22683
22751
  --tw-text-opacity: 1;
22684
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
22685
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
22686
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
22752
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22687
22753
  .hover\:btn-error:hover.btn-outline {
22688
22754
  --tw-text-opacity: 1;
22689
22755
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}
22690
22756
  .hover\:btn-error:hover.btn-outline.btn-active {
22691
22757
  --tw-text-opacity: 1;
22692
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
22693
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
22694
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}
22758
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22695
22759
  .hover\:chat-bubble-info:hover {
22696
22760
  --tw-bg-opacity: 1;
22697
22761
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
@@ -22856,6 +22920,16 @@ details.collapse summary::-webkit-details-marker {
22856
22920
  --tw-border-opacity: 1;
22857
22921
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22858
22922
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22923
+ @supports (color:color-mix(in oklab,black,black)) {
22924
+ @media (hover:hover) {
22925
+ .hover\:link-success:hover:hover {
22926
+ color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
22927
+ .hover\:link-info:hover:hover {
22928
+ color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
22929
+ .hover\:link-warning:hover:hover {
22930
+ color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
22931
+ .hover\:link-error:hover:hover {
22932
+ color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}}}
22859
22933
  .hover\:link-success:hover {
22860
22934
  --tw-text-opacity: 1;
22861
22935
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}
@@ -23101,14 +23175,6 @@ details.collapse summary::-webkit-details-marker {
23101
23175
  .focus\:checkbox-error:focus:hover {
23102
23176
  --tw-border-opacity: 1;
23103
23177
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
23104
- .focus\:link-success:focus:hover {
23105
- color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
23106
- .focus\:link-info:focus:hover {
23107
- color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
23108
- .focus\:link-warning:focus:hover {
23109
- color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
23110
- .focus\:link-error:focus:hover {
23111
- color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
23112
23178
  .focus\:radio-success:focus:hover {
23113
23179
  --tw-border-opacity: 1;
23114
23180
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
@@ -23124,24 +23190,60 @@ details.collapse summary::-webkit-details-marker {
23124
23190
  @media (hover: hover) {
23125
23191
  .focus\:btn-success:focus.btn-outline:hover {
23126
23192
  --tw-text-opacity: 1;
23127
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
23128
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
23129
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
23193
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
23194
+ @supports (color: color-mix(in oklab, black, black)) {
23195
+ .focus\:btn-success:focus.btn-outline:hover {
23196
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
23197
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}}
23198
+ .focus\:btn-success:focus.btn-outline:hover {
23199
+ --tw-text-opacity: 1;
23200
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
23201
+ @supports (color: color-mix(in oklab, black, black)) {
23202
+ .focus\:btn-success:focus.btn-outline:hover {
23203
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
23204
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}}
23130
23205
  .focus\:btn-info:focus.btn-outline:hover {
23131
23206
  --tw-text-opacity: 1;
23132
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
23133
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
23134
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
23207
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
23208
+ @supports (color: color-mix(in oklab, black, black)) {
23209
+ .focus\:btn-info:focus.btn-outline:hover {
23210
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
23211
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}}
23212
+ .focus\:btn-info:focus.btn-outline:hover {
23213
+ --tw-text-opacity: 1;
23214
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
23215
+ @supports (color: color-mix(in oklab, black, black)) {
23216
+ .focus\:btn-info:focus.btn-outline:hover {
23217
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
23218
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}}
23135
23219
  .focus\:btn-warning:focus.btn-outline:hover {
23136
23220
  --tw-text-opacity: 1;
23137
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
23138
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
23139
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
23221
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
23222
+ @supports (color: color-mix(in oklab, black, black)) {
23223
+ .focus\:btn-warning:focus.btn-outline:hover {
23224
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
23225
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}}
23226
+ .focus\:btn-warning:focus.btn-outline:hover {
23227
+ --tw-text-opacity: 1;
23228
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
23229
+ @supports (color: color-mix(in oklab, black, black)) {
23230
+ .focus\:btn-warning:focus.btn-outline:hover {
23231
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
23232
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}}
23140
23233
  .focus\:btn-error:focus.btn-outline:hover {
23141
23234
  --tw-text-opacity: 1;
23142
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
23143
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
23144
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
23235
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
23236
+ @supports (color: color-mix(in oklab, black, black)) {
23237
+ .focus\:btn-error:focus.btn-outline:hover {
23238
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
23239
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
23240
+ .focus\:btn-error:focus.btn-outline:hover {
23241
+ --tw-text-opacity: 1;
23242
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
23243
+ @supports (color: color-mix(in oklab, black, black)) {
23244
+ .focus\:btn-error:focus.btn-outline:hover {
23245
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
23246
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}}
23145
23247
  .focus\:alert-info:focus {
23146
23248
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
23147
23249
  --tw-text-opacity: 1;
@@ -23211,6 +23313,19 @@ details.collapse summary::-webkit-details-marker {
23211
23313
  --btn-color: var(--fallback-wa)}
23212
23314
  .focus\:btn-error:focus {
23213
23315
  --btn-color: var(--fallback-er)}}
23316
+ @supports (color: color-mix(in oklab, black, black)) {
23317
+ .focus\:btn-success:focus.btn-outline.btn-active {
23318
+ background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
23319
+ border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
23320
+ .focus\:btn-info:focus.btn-outline.btn-active {
23321
+ background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
23322
+ border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
23323
+ .focus\:btn-warning:focus.btn-outline.btn-active {
23324
+ background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
23325
+ border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
23326
+ .focus\:btn-error:focus.btn-outline.btn-active {
23327
+ background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
23328
+ border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}}
23214
23329
  @supports (color: oklch(0 0 0)) {
23215
23330
  .focus\:btn-info:focus {
23216
23331
  --btn-color: var(--in)}
@@ -23241,33 +23356,25 @@ details.collapse summary::-webkit-details-marker {
23241
23356
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}
23242
23357
  .focus\:btn-success:focus.btn-outline.btn-active {
23243
23358
  --tw-text-opacity: 1;
23244
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
23245
- background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
23246
- border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black)}
23359
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
23247
23360
  .focus\:btn-info:focus.btn-outline {
23248
23361
  --tw-text-opacity: 1;
23249
23362
  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))}
23250
23363
  .focus\:btn-info:focus.btn-outline.btn-active {
23251
23364
  --tw-text-opacity: 1;
23252
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
23253
- background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
23254
- border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black)}
23365
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
23255
23366
  .focus\:btn-warning:focus.btn-outline {
23256
23367
  --tw-text-opacity: 1;
23257
23368
  color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))}
23258
23369
  .focus\:btn-warning:focus.btn-outline.btn-active {
23259
23370
  --tw-text-opacity: 1;
23260
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
23261
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
23262
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black)}
23371
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
23263
23372
  .focus\:btn-error:focus.btn-outline {
23264
23373
  --tw-text-opacity: 1;
23265
23374
  color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))}
23266
23375
  .focus\:btn-error:focus.btn-outline.btn-active {
23267
23376
  --tw-text-opacity: 1;
23268
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
23269
- background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
23270
- border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black)}
23377
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
23271
23378
  .focus\:chat-bubble-info:focus {
23272
23379
  --tw-bg-opacity: 1;
23273
23380
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
@@ -23432,6 +23539,16 @@ details.collapse summary::-webkit-details-marker {
23432
23539
  --tw-border-opacity: 1;
23433
23540
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
23434
23541
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
23542
+ @supports (color:color-mix(in oklab,black,black)) {
23543
+ @media (hover:hover) {
23544
+ .focus\:link-success:focus:hover {
23545
+ color: color-mix(in oklab,var(--fallback-su,oklch(var(--su)/1)) 80%,black)}
23546
+ .focus\:link-info:focus:hover {
23547
+ color: color-mix(in oklab,var(--fallback-in,oklch(var(--in)/1)) 80%,black)}
23548
+ .focus\:link-warning:focus:hover {
23549
+ color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
23550
+ .focus\:link-error:focus:hover {
23551
+ color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}}}
23435
23552
  .focus\:link-success:focus {
23436
23553
  --tw-text-opacity: 1;
23437
23554
  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))}