daisyui 4.0.2 → 4.0.3

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 +291 -334
  2. package/dist/styled.css +159 -159
  3. package/dist/styled.js +1 -1
  4. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -1596,25 +1596,25 @@ html {
1596
1596
  text-decoration-line: underline}
1597
1597
  .link-hover:hover {
1598
1598
  text-decoration-line: underline}
1599
- [type="checkbox"].checkbox-primary:hover {
1599
+ .checkbox-primary:hover {
1600
1600
  --tw-border-opacity: 1;
1601
1601
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
1602
- [type="checkbox"].checkbox-secondary:hover {
1602
+ .checkbox-secondary:hover {
1603
1603
  --tw-border-opacity: 1;
1604
1604
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
1605
- [type="checkbox"].checkbox-accent:hover {
1605
+ .checkbox-accent:hover {
1606
1606
  --tw-border-opacity: 1;
1607
1607
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
1608
- [type="checkbox"].checkbox-success:hover {
1608
+ .checkbox-success:hover {
1609
1609
  --tw-border-opacity: 1;
1610
1610
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
1611
- [type="checkbox"].checkbox-warning:hover {
1611
+ .checkbox-warning:hover {
1612
1612
  --tw-border-opacity: 1;
1613
1613
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
1614
- [type="checkbox"].checkbox-info:hover {
1614
+ .checkbox-info:hover {
1615
1615
  --tw-border-opacity: 1;
1616
1616
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
1617
- [type="checkbox"].checkbox-error:hover {
1617
+ .checkbox-error:hover {
1618
1618
  --tw-border-opacity: 1;
1619
1619
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
1620
1620
  .label a:hover {
@@ -1643,25 +1643,25 @@ html {
1643
1643
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1644
1644
  --tw-text-opacity: 1;
1645
1645
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}
1646
- [type="radio"].radio-primary:hover {
1646
+ .radio-primary:hover {
1647
1647
  --tw-border-opacity: 1;
1648
1648
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
1649
- [type="radio"].radio-secondary:hover {
1649
+ .radio-secondary:hover {
1650
1650
  --tw-border-opacity: 1;
1651
1651
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
1652
- [type="radio"].radio-accent:hover {
1652
+ .radio-accent:hover {
1653
1653
  --tw-border-opacity: 1;
1654
1654
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
1655
- [type="radio"].radio-success:hover {
1655
+ .radio-success:hover {
1656
1656
  --tw-border-opacity: 1;
1657
1657
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
1658
- [type="radio"].radio-warning:hover {
1658
+ .radio-warning:hover {
1659
1659
  --tw-border-opacity: 1;
1660
1660
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
1661
- [type="radio"].radio-info:hover {
1661
+ .radio-info:hover {
1662
1662
  --tw-border-opacity: 1;
1663
1663
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
1664
- [type="radio"].radio-error:hover {
1664
+ .radio-error:hover {
1665
1665
  --tw-border-opacity: 1;
1666
1666
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
1667
1667
  .tab:hover {
@@ -1885,7 +1885,17 @@ html {
1885
1885
  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
1886
1886
  mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}
1887
1887
  .checkbox {
1888
- flex-shrink: 0}
1888
+ flex-shrink: 0;
1889
+ --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
1890
+ --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
1891
+ height: 1.5rem;
1892
+ width: 1.5rem;
1893
+ cursor: pointer;
1894
+ appearance: none;
1895
+ border-radius: var(--rounded-btn, 0.5rem);
1896
+ border-width: 1px;
1897
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
1898
+ --tw-border-opacity: 0.2}
1889
1899
  .collapse:not(td):not(tr):not(colgroup) {
1890
1900
  visibility: visible}
1891
1901
  .collapse {
@@ -2715,7 +2725,16 @@ html {
2715
2725
  transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
2716
2726
  background-color: currentColor}
2717
2727
  .radio {
2718
- flex-shrink: 0}
2728
+ flex-shrink: 0;
2729
+ --chkbg: var(--bc);
2730
+ height: 1.5rem;
2731
+ width: 1.5rem;
2732
+ cursor: pointer;
2733
+ appearance: none;
2734
+ border-radius: 9999px;
2735
+ border-width: 1px;
2736
+ border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
2737
+ --tw-border-opacity: 0.2}
2719
2738
  .range {
2720
2739
  height: 1.5rem;
2721
2740
  width: 100%;
@@ -3011,7 +3030,25 @@ input.tab:checked + .tab-content,
3011
3030
  gap: 0.5rem;
3012
3031
  padding: 1rem}
3013
3032
  .toggle {
3014
- flex-shrink: 0}
3033
+ flex-shrink: 0;
3034
+ --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
3035
+ --handleoffset: 1.5rem;
3036
+ --handleoffsetcalculator: calc(var(--handleoffset) * -1);
3037
+ --togglehandleborder: 0 0;
3038
+ height: 1.5rem;
3039
+ width: 3rem;
3040
+ cursor: pointer;
3041
+ appearance: none;
3042
+ border-radius: var(--rounded-badge, 1.9rem);
3043
+ border-width: 1px;
3044
+ border-color: currentColor;
3045
+ background-color: currentColor;
3046
+ color: var(--fallback-bc,oklch(var(--bc)/0.5));
3047
+ transition: background,
3048
+ box-shadow var(--animation-input, 0.2s) ease-out;
3049
+ box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
3050
+ 0 0 0 2px var(--tglbg) inset,
3051
+ var(--togglehandleborder)}
3015
3052
  .alert-info {
3016
3053
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
3017
3054
  --tw-text-opacity: 1;
@@ -3464,27 +3501,16 @@ input.tab:checked + .tab-content,
3464
3501
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3465
3502
  --tw-text-opacity: 1;
3466
3503
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3467
- [type="checkbox"].checkbox {
3468
- --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
3469
- --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
3470
- height: 1.5rem;
3471
- width: 1.5rem;
3472
- cursor: pointer;
3473
- appearance: none;
3474
- border-radius: var(--rounded-btn, 0.5rem);
3475
- border-width: 1px;
3476
- border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
3477
- --tw-border-opacity: 0.2}
3478
- [type="checkbox"].checkbox:focus {
3504
+ .checkbox:focus {
3479
3505
  box-shadow: none}
3480
- [type="checkbox"].checkbox:focus-visible {
3506
+ .checkbox:focus-visible {
3481
3507
  outline-style: solid;
3482
3508
  outline-width: 2px;
3483
3509
  outline-offset: 2px;
3484
3510
  outline-color: var(--fallback-bc,oklch(var(--bc)/1))}
3485
- [type="checkbox"].checkbox:checked,
3486
- [type="checkbox"].checkbox[checked="true"],
3487
- [type="checkbox"].checkbox[aria-checked="true"] {
3511
+ .checkbox:checked,
3512
+ .checkbox[checked="true"],
3513
+ .checkbox[aria-checked="true"] {
3488
3514
  --tw-bg-opacity: 1;
3489
3515
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3490
3516
  background-repeat: no-repeat;
@@ -3500,7 +3526,7 @@ input.tab:checked + .tab-content,
3500
3526
  transparent 40.99%
3501
3527
  ),
3502
3528
  linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)}
3503
- [type="checkbox"].checkbox:indeterminate {
3529
+ .checkbox:indeterminate {
3504
3530
  --tw-bg-opacity: 1;
3505
3531
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3506
3532
  background-repeat: no-repeat;
@@ -3508,119 +3534,119 @@ input.tab:checked + .tab-content,
3508
3534
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
3509
3535
  linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
3510
3536
  linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)}
3511
- [type="checkbox"].checkbox-primary {
3537
+ .checkbox-primary {
3512
3538
  --chkbg: var(--fallback-p,oklch(var(--p)/1));
3513
3539
  --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
3514
3540
  --tw-border-opacity: 1;
3515
3541
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
3516
- [type="checkbox"].checkbox-primary:focus-visible {
3542
+ .checkbox-primary:focus-visible {
3517
3543
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
3518
- [type="checkbox"].checkbox-primary:checked,
3519
- [type="checkbox"].checkbox-primary[checked="true"],
3520
- [type="checkbox"].checkbox-primary[aria-checked="true"] {
3544
+ .checkbox-primary:checked,
3545
+ .checkbox-primary[checked="true"],
3546
+ .checkbox-primary[aria-checked="true"] {
3521
3547
  --tw-border-opacity: 1;
3522
3548
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3523
3549
  --tw-bg-opacity: 1;
3524
3550
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
3525
3551
  --tw-text-opacity: 1;
3526
3552
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
3527
- [type="checkbox"].checkbox-secondary {
3553
+ .checkbox-secondary {
3528
3554
  --chkbg: var(--fallback-s,oklch(var(--s)/1));
3529
3555
  --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
3530
3556
  --tw-border-opacity: 1;
3531
3557
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
3532
- [type="checkbox"].checkbox-secondary:focus-visible {
3558
+ .checkbox-secondary:focus-visible {
3533
3559
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
3534
- [type="checkbox"].checkbox-secondary:checked,
3535
- [type="checkbox"].checkbox-secondary[checked="true"],
3536
- [type="checkbox"].checkbox-secondary[aria-checked="true"] {
3560
+ .checkbox-secondary:checked,
3561
+ .checkbox-secondary[checked="true"],
3562
+ .checkbox-secondary[aria-checked="true"] {
3537
3563
  --tw-border-opacity: 1;
3538
3564
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3539
3565
  --tw-bg-opacity: 1;
3540
3566
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
3541
3567
  --tw-text-opacity: 1;
3542
3568
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
3543
- [type="checkbox"].checkbox-accent {
3569
+ .checkbox-accent {
3544
3570
  --chkbg: var(--fallback-a,oklch(var(--a)/1));
3545
3571
  --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
3546
3572
  --tw-border-opacity: 1;
3547
3573
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
3548
- [type="checkbox"].checkbox-accent:focus-visible {
3574
+ .checkbox-accent:focus-visible {
3549
3575
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
3550
- [type="checkbox"].checkbox-accent:checked,
3551
- [type="checkbox"].checkbox-accent[checked="true"],
3552
- [type="checkbox"].checkbox-accent[aria-checked="true"] {
3576
+ .checkbox-accent:checked,
3577
+ .checkbox-accent[checked="true"],
3578
+ .checkbox-accent[aria-checked="true"] {
3553
3579
  --tw-border-opacity: 1;
3554
3580
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3555
3581
  --tw-bg-opacity: 1;
3556
3582
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
3557
3583
  --tw-text-opacity: 1;
3558
3584
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
3559
- [type="checkbox"].checkbox-success {
3585
+ .checkbox-success {
3560
3586
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
3561
3587
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
3562
3588
  --tw-border-opacity: 1;
3563
3589
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
3564
- [type="checkbox"].checkbox-success:focus-visible {
3590
+ .checkbox-success:focus-visible {
3565
3591
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
3566
- [type="checkbox"].checkbox-success:checked,
3567
- [type="checkbox"].checkbox-success[checked="true"],
3568
- [type="checkbox"].checkbox-success[aria-checked="true"] {
3592
+ .checkbox-success:checked,
3593
+ .checkbox-success[checked="true"],
3594
+ .checkbox-success[aria-checked="true"] {
3569
3595
  --tw-border-opacity: 1;
3570
3596
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3571
3597
  --tw-bg-opacity: 1;
3572
3598
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
3573
3599
  --tw-text-opacity: 1;
3574
3600
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
3575
- [type="checkbox"].checkbox-warning {
3601
+ .checkbox-warning {
3576
3602
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
3577
3603
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
3578
3604
  --tw-border-opacity: 1;
3579
3605
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
3580
- [type="checkbox"].checkbox-warning:focus-visible {
3606
+ .checkbox-warning:focus-visible {
3581
3607
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
3582
- [type="checkbox"].checkbox-warning:checked,
3583
- [type="checkbox"].checkbox-warning[checked="true"],
3584
- [type="checkbox"].checkbox-warning[aria-checked="true"] {
3608
+ .checkbox-warning:checked,
3609
+ .checkbox-warning[checked="true"],
3610
+ .checkbox-warning[aria-checked="true"] {
3585
3611
  --tw-border-opacity: 1;
3586
3612
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3587
3613
  --tw-bg-opacity: 1;
3588
3614
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
3589
3615
  --tw-text-opacity: 1;
3590
3616
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
3591
- [type="checkbox"].checkbox-info {
3617
+ .checkbox-info {
3592
3618
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
3593
3619
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
3594
3620
  --tw-border-opacity: 1;
3595
3621
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
3596
- [type="checkbox"].checkbox-info:focus-visible {
3622
+ .checkbox-info:focus-visible {
3597
3623
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
3598
- [type="checkbox"].checkbox-info:checked,
3599
- [type="checkbox"].checkbox-info[checked="true"],
3600
- [type="checkbox"].checkbox-info[aria-checked="true"] {
3624
+ .checkbox-info:checked,
3625
+ .checkbox-info[checked="true"],
3626
+ .checkbox-info[aria-checked="true"] {
3601
3627
  --tw-border-opacity: 1;
3602
3628
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3603
3629
  --tw-bg-opacity: 1;
3604
3630
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
3605
3631
  --tw-text-opacity: 1;
3606
3632
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
3607
- [type="checkbox"].checkbox-error {
3633
+ .checkbox-error {
3608
3634
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
3609
3635
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
3610
3636
  --tw-border-opacity: 1;
3611
3637
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
3612
- [type="checkbox"].checkbox-error:focus-visible {
3638
+ .checkbox-error:focus-visible {
3613
3639
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
3614
- [type="checkbox"].checkbox-error:checked,
3615
- [type="checkbox"].checkbox-error[checked="true"],
3616
- [type="checkbox"].checkbox-error[aria-checked="true"] {
3640
+ .checkbox-error:checked,
3641
+ .checkbox-error[checked="true"],
3642
+ .checkbox-error[aria-checked="true"] {
3617
3643
  --tw-border-opacity: 1;
3618
3644
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3619
3645
  --tw-bg-opacity: 1;
3620
3646
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3621
3647
  --tw-text-opacity: 1;
3622
3648
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3623
- [type="checkbox"].checkbox:disabled {
3649
+ .checkbox:disabled {
3624
3650
  cursor: not-allowed;
3625
3651
  border-color: transparent;
3626
3652
  --tw-bg-opacity: 1;
@@ -4474,130 +4500,120 @@ details.collapse summary::-webkit-details-marker {
4474
4500
  @keyframes progress-loading {
4475
4501
  50% {
4476
4502
  background-position-x: -115%}}
4477
- [type="radio"].radio {
4478
- --chkbg: var(--bc);
4479
- height: 1.5rem;
4480
- width: 1.5rem;
4481
- cursor: pointer;
4482
- appearance: none;
4483
- border-radius: 9999px;
4484
- border-width: 1px;
4485
- border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
4486
- --tw-border-opacity: 0.2}
4487
- [type="radio"].radio:focus {
4503
+ .radio:focus {
4488
4504
  box-shadow: none}
4489
- [type="radio"].radio:focus-visible {
4505
+ .radio:focus-visible {
4490
4506
  outline-style: solid;
4491
4507
  outline-width: 2px;
4492
4508
  outline-offset: 2px;
4493
4509
  outline-color: var(--fallback-bc,oklch(var(--bc)/1))}
4494
- [type="radio"].radio:checked,
4495
- [type="radio"].radio[aria-checked="true"] {
4510
+ .radio:checked,
4511
+ .radio[aria-checked="true"] {
4496
4512
  --tw-bg-opacity: 1;
4497
4513
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
4498
4514
  background-image: none;
4499
4515
  animation: radiomark var(--animation-input, 0.2s) ease-out;
4500
4516
  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
4501
4517
  0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}
4502
- [type="radio"].radio-primary {
4518
+ .radio-primary {
4503
4519
  --chkbg: var(--p);
4504
4520
  --tw-border-opacity: 1;
4505
4521
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4506
- [type="radio"].radio-primary:focus-visible {
4522
+ .radio-primary:focus-visible {
4507
4523
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4508
- [type="radio"].radio-primary:checked,
4509
- [type="radio"].radio-primary[aria-checked="true"] {
4524
+ .radio-primary:checked,
4525
+ .radio-primary[aria-checked="true"] {
4510
4526
  --tw-border-opacity: 1;
4511
4527
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4512
4528
  --tw-bg-opacity: 1;
4513
4529
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
4514
4530
  --tw-text-opacity: 1;
4515
4531
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
4516
- [type="radio"].radio-secondary {
4532
+ .radio-secondary {
4517
4533
  --chkbg: var(--s);
4518
4534
  --tw-border-opacity: 1;
4519
4535
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4520
- [type="radio"].radio-secondary:focus-visible {
4536
+ .radio-secondary:focus-visible {
4521
4537
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4522
- [type="radio"].radio-secondary:checked,
4523
- [type="radio"].radio-secondary[aria-checked="true"] {
4538
+ .radio-secondary:checked,
4539
+ .radio-secondary[aria-checked="true"] {
4524
4540
  --tw-border-opacity: 1;
4525
4541
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4526
4542
  --tw-bg-opacity: 1;
4527
4543
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
4528
4544
  --tw-text-opacity: 1;
4529
4545
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
4530
- [type="radio"].radio-accent {
4546
+ .radio-accent {
4531
4547
  --chkbg: var(--a);
4532
4548
  --tw-border-opacity: 1;
4533
4549
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4534
- [type="radio"].radio-accent:focus-visible {
4550
+ .radio-accent:focus-visible {
4535
4551
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4536
- [type="radio"].radio-accent:checked,
4537
- [type="radio"].radio-accent[aria-checked="true"] {
4552
+ .radio-accent:checked,
4553
+ .radio-accent[aria-checked="true"] {
4538
4554
  --tw-border-opacity: 1;
4539
4555
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4540
4556
  --tw-bg-opacity: 1;
4541
4557
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
4542
4558
  --tw-text-opacity: 1;
4543
4559
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
4544
- [type="radio"].radio-success {
4560
+ .radio-success {
4545
4561
  --chkbg: var(--su);
4546
4562
  --tw-border-opacity: 1;
4547
4563
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4548
- [type="radio"].radio-success:focus-visible {
4564
+ .radio-success:focus-visible {
4549
4565
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4550
- [type="radio"].radio-success:checked,
4551
- [type="radio"].radio-success[aria-checked="true"] {
4566
+ .radio-success:checked,
4567
+ .radio-success[aria-checked="true"] {
4552
4568
  --tw-border-opacity: 1;
4553
4569
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4554
4570
  --tw-bg-opacity: 1;
4555
4571
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
4556
4572
  --tw-text-opacity: 1;
4557
4573
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
4558
- [type="radio"].radio-warning {
4574
+ .radio-warning {
4559
4575
  --chkbg: var(--wa);
4560
4576
  --tw-border-opacity: 1;
4561
4577
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4562
- [type="radio"].radio-warning:focus-visible {
4578
+ .radio-warning:focus-visible {
4563
4579
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4564
- [type="radio"].radio-warning:checked,
4565
- [type="radio"].radio-warning[aria-checked="true"] {
4580
+ .radio-warning:checked,
4581
+ .radio-warning[aria-checked="true"] {
4566
4582
  --tw-border-opacity: 1;
4567
4583
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4568
4584
  --tw-bg-opacity: 1;
4569
4585
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
4570
4586
  --tw-text-opacity: 1;
4571
4587
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
4572
- [type="radio"].radio-info {
4588
+ .radio-info {
4573
4589
  --chkbg: var(--in);
4574
4590
  --tw-border-opacity: 1;
4575
4591
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4576
- [type="radio"].radio-info:focus-visible {
4592
+ .radio-info:focus-visible {
4577
4593
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4578
- [type="radio"].radio-info:checked,
4579
- [type="radio"].radio-info[aria-checked="true"] {
4594
+ .radio-info:checked,
4595
+ .radio-info[aria-checked="true"] {
4580
4596
  --tw-border-opacity: 1;
4581
4597
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4582
4598
  --tw-bg-opacity: 1;
4583
4599
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
4584
4600
  --tw-text-opacity: 1;
4585
4601
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
4586
- [type="radio"].radio-error {
4602
+ .radio-error {
4587
4603
  --chkbg: var(--er);
4588
4604
  --tw-border-opacity: 1;
4589
4605
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4590
- [type="radio"].radio-error:focus-visible {
4606
+ .radio-error:focus-visible {
4591
4607
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4592
- [type="radio"].radio-error:checked,
4593
- [type="radio"].radio-error[aria-checked="true"] {
4608
+ .radio-error:checked,
4609
+ .radio-error[aria-checked="true"] {
4594
4610
  --tw-border-opacity: 1;
4595
4611
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4596
4612
  --tw-bg-opacity: 1;
4597
4613
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
4598
4614
  --tw-text-opacity: 1;
4599
4615
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
4600
- [type="radio"].radio:disabled {
4616
+ .radio:disabled {
4601
4617
  cursor: not-allowed;
4602
4618
  opacity: 0.2}
4603
4619
  @keyframes radiomark {
@@ -4703,7 +4719,7 @@ details.collapse summary::-webkit-details-marker {
4703
4719
  100% {
4704
4720
  transform: translateY(0)}}
4705
4721
  .select,
4706
- select.select {
4722
+ :where(select.select) {
4707
4723
  border-radius: var(--rounded-btn, 0.5rem);
4708
4724
  border-width: 1px;
4709
4725
  border-color: transparent;
@@ -4717,76 +4733,76 @@ select.select {
4717
4733
  background-size: 4px 4px,
4718
4734
  4px 4px;
4719
4735
  background-repeat: no-repeat}
4720
- .select-bordered, select.select-bordered {
4736
+ .select-bordered, :where(select.select)-bordered {
4721
4737
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4722
- .select:focus, select.select:focus {
4738
+ .select:focus, :where(select.select):focus {
4723
4739
  box-shadow: none;
4724
4740
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4725
4741
  outline-style: solid;
4726
4742
  outline-width: 2px;
4727
4743
  outline-offset: 2px;
4728
4744
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4729
- .select-ghost, select.select-ghost {
4745
+ .select-ghost, :where(select.select)-ghost {
4730
4746
  --tw-bg-opacity: 0.05}
4731
- .select-ghost:focus, select.select-ghost:focus {
4747
+ .select-ghost:focus, :where(select.select)-ghost:focus {
4732
4748
  --tw-bg-opacity: 1;
4733
4749
  --tw-text-opacity: 1;
4734
4750
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
4735
- .select-primary, select.select-primary {
4751
+ .select-primary, :where(select.select)-primary {
4736
4752
  --tw-border-opacity: 1;
4737
4753
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4738
- .select-primary:focus, select.select-primary:focus {
4754
+ .select-primary:focus, :where(select.select)-primary:focus {
4739
4755
  --tw-border-opacity: 1;
4740
4756
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4741
4757
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4742
- .select-secondary, select.select-secondary {
4758
+ .select-secondary, :where(select.select)-secondary {
4743
4759
  --tw-border-opacity: 1;
4744
4760
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4745
- .select-secondary:focus, select.select-secondary:focus {
4761
+ .select-secondary:focus, :where(select.select)-secondary:focus {
4746
4762
  --tw-border-opacity: 1;
4747
4763
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4748
4764
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4749
- .select-accent, select.select-accent {
4765
+ .select-accent, :where(select.select)-accent {
4750
4766
  --tw-border-opacity: 1;
4751
4767
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4752
- .select-accent:focus, select.select-accent:focus {
4768
+ .select-accent:focus, :where(select.select)-accent:focus {
4753
4769
  --tw-border-opacity: 1;
4754
4770
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4755
4771
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4756
- .select-info, select.select-info {
4772
+ .select-info, :where(select.select)-info {
4757
4773
  --tw-border-opacity: 1;
4758
4774
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4759
- .select-info:focus, select.select-info:focus {
4775
+ .select-info:focus, :where(select.select)-info:focus {
4760
4776
  --tw-border-opacity: 1;
4761
4777
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4762
4778
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4763
- .select-success, select.select-success {
4779
+ .select-success, :where(select.select)-success {
4764
4780
  --tw-border-opacity: 1;
4765
4781
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4766
- .select-success:focus, select.select-success:focus {
4782
+ .select-success:focus, :where(select.select)-success:focus {
4767
4783
  --tw-border-opacity: 1;
4768
4784
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4769
4785
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4770
- .select-warning, select.select-warning {
4786
+ .select-warning, :where(select.select)-warning {
4771
4787
  --tw-border-opacity: 1;
4772
4788
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4773
- .select-warning:focus, select.select-warning:focus {
4789
+ .select-warning:focus, :where(select.select)-warning:focus {
4774
4790
  --tw-border-opacity: 1;
4775
4791
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4776
4792
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4777
- .select-error, select.select-error {
4793
+ .select-error, :where(select.select)-error {
4778
4794
  --tw-border-opacity: 1;
4779
4795
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4780
- .select-error:focus, select.select-error:focus {
4796
+ .select-error:focus, :where(select.select)-error:focus {
4781
4797
  --tw-border-opacity: 1;
4782
4798
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4783
4799
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4784
4800
  .select-disabled,
4785
4801
  .select:disabled,
4786
4802
  .select[disabled],
4787
- select.select-disabled,
4788
- select.select:disabled,
4789
- select.select[disabled] {
4803
+ :where(select.select)-disabled,
4804
+ :where(select.select):disabled,
4805
+ :where(select.select)[disabled] {
4790
4806
  cursor: not-allowed;
4791
4807
  --tw-border-opacity: 1;
4792
4808
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4796,17 +4812,17 @@ select.select {
4796
4812
  .select-disabled::placeholder,
4797
4813
  .select:disabled::placeholder,
4798
4814
  .select[disabled]::placeholder,
4799
- select.select-disabled::placeholder,
4800
- select.select:disabled::placeholder,
4801
- select.select[disabled]::placeholder {
4815
+ :where(select.select)-disabled::placeholder,
4816
+ :where(select.select):disabled::placeholder,
4817
+ :where(select.select)[disabled]::placeholder {
4802
4818
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
4803
4819
  --tw-placeholder-opacity: 0.2}
4804
4820
  .select-multiple,
4805
4821
  .select[multiple],
4806
4822
  .select[size].select:not([size="1"]),
4807
- select.select-multiple,
4808
- select.select[multiple],
4809
- select.select[size]select.select:not([size="1"]) {
4823
+ :where(select.select)-multiple,
4824
+ :where(select.select)[multiple],
4825
+ :where(select.select)[size]:where(select.select):not([size="1"]) {
4810
4826
  background-image: none;
4811
4827
  padding-right: 1rem}
4812
4828
  [dir="rtl"] .select {
@@ -5229,131 +5245,112 @@ select.select {
5229
5245
  100% {
5230
5246
  transform: scale(1);
5231
5247
  opacity: 1}}
5232
- [type="checkbox"].toggle {
5233
- --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
5234
- --handleoffset: 1.5rem;
5235
- --handleoffsetcalculator: calc(var(--handleoffset) * -1);
5236
- --togglehandleborder: 0 0;
5237
- height: 1.5rem;
5238
- width: 3rem;
5239
- cursor: pointer;
5240
- appearance: none;
5241
- border-radius: var(--rounded-badge, 1.9rem);
5242
- border-width: 1px;
5243
- border-color: currentColor;
5244
- background-color: currentColor;
5245
- color: var(--fallback-bc,oklch(var(--bc)/0.5));
5246
- transition: background,
5247
- box-shadow var(--animation-input, 0.2s) ease-out;
5248
- box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
5249
- 0 0 0 2px var(--tglbg) inset,
5250
- var(--togglehandleborder)}
5251
- [dir="rtl"] [type="checkbox"].toggle {
5248
+ [dir="rtl"] .toggle {
5252
5249
  --handleoffsetcalculator: calc(var(--handleoffset) * 1)}
5253
- [type="checkbox"].toggle:focus-visible {
5250
+ .toggle:focus-visible {
5254
5251
  outline-style: solid;
5255
5252
  outline-width: 2px;
5256
5253
  outline-offset: 2px;
5257
5254
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
5258
- [type="checkbox"].toggle:hover {
5255
+ .toggle:hover {
5259
5256
  background-color: currentColor}
5260
- [type="checkbox"].toggle:checked,
5261
- [type="checkbox"].toggle[checked="true"],
5262
- [type="checkbox"].toggle[aria-checked="true"] {
5257
+ .toggle:checked,
5258
+ .toggle[checked="true"],
5259
+ .toggle[aria-checked="true"] {
5263
5260
  background-image: none;
5264
5261
  --handleoffsetcalculator: var(--handleoffset);
5265
5262
  --tw-text-opacity: 1;
5266
5263
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
5267
- [dir="rtl"] [type="checkbox"].toggle:checked, [dir="rtl"] [type="checkbox"].toggle[checked="true"], [dir="rtl"] [type="checkbox"].toggle[aria-checked="true"] {
5264
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
5268
5265
  --handleoffsetcalculator: calc(var(--handleoffset) * -1)}
5269
- [type="checkbox"].toggle:indeterminate {
5266
+ .toggle:indeterminate {
5270
5267
  --tw-text-opacity: 1;
5271
5268
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5272
5269
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5273
5270
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5274
5271
  0 0 0 2px var(--tglbg) inset}
5275
- [dir="rtl"] [type="checkbox"].toggle:indeterminate {
5272
+ [dir="rtl"] .toggle:indeterminate {
5276
5273
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5277
5274
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5278
5275
  0 0 0 2px var(--tglbg) inset}
5279
- [type="checkbox"].toggle-primary:focus-visible {
5276
+ .toggle-primary:focus-visible {
5280
5277
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
5281
- [type="checkbox"].toggle-primary:checked,
5282
- [type="checkbox"].toggle-primary[checked="true"],
5283
- [type="checkbox"].toggle-primary[aria-checked="true"] {
5278
+ .toggle-primary:checked,
5279
+ .toggle-primary[checked="true"],
5280
+ .toggle-primary[aria-checked="true"] {
5284
5281
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
5285
5282
  --tw-border-opacity: 0.1;
5286
5283
  --tw-bg-opacity: 1;
5287
5284
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
5288
5285
  --tw-text-opacity: 1;
5289
5286
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
5290
- [type="checkbox"].toggle-secondary:focus-visible {
5287
+ .toggle-secondary:focus-visible {
5291
5288
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
5292
- [type="checkbox"].toggle-secondary:checked,
5293
- [type="checkbox"].toggle-secondary[checked="true"],
5294
- [type="checkbox"].toggle-secondary[aria-checked="true"] {
5289
+ .toggle-secondary:checked,
5290
+ .toggle-secondary[checked="true"],
5291
+ .toggle-secondary[aria-checked="true"] {
5295
5292
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
5296
5293
  --tw-border-opacity: 0.1;
5297
5294
  --tw-bg-opacity: 1;
5298
5295
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
5299
5296
  --tw-text-opacity: 1;
5300
5297
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
5301
- [type="checkbox"].toggle-accent:focus-visible {
5298
+ .toggle-accent:focus-visible {
5302
5299
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
5303
- [type="checkbox"].toggle-accent:checked,
5304
- [type="checkbox"].toggle-accent[checked="true"],
5305
- [type="checkbox"].toggle-accent[aria-checked="true"] {
5300
+ .toggle-accent:checked,
5301
+ .toggle-accent[checked="true"],
5302
+ .toggle-accent[aria-checked="true"] {
5306
5303
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
5307
5304
  --tw-border-opacity: 0.1;
5308
5305
  --tw-bg-opacity: 1;
5309
5306
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
5310
5307
  --tw-text-opacity: 1;
5311
5308
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
5312
- [type="checkbox"].toggle-success:focus-visible {
5309
+ .toggle-success:focus-visible {
5313
5310
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
5314
- [type="checkbox"].toggle-success:checked,
5315
- [type="checkbox"].toggle-success[checked="true"],
5316
- [type="checkbox"].toggle-success[aria-checked="true"] {
5311
+ .toggle-success:checked,
5312
+ .toggle-success[checked="true"],
5313
+ .toggle-success[aria-checked="true"] {
5317
5314
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
5318
5315
  --tw-border-opacity: 0.1;
5319
5316
  --tw-bg-opacity: 1;
5320
5317
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
5321
5318
  --tw-text-opacity: 1;
5322
5319
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
5323
- [type="checkbox"].toggle-warning:focus-visible {
5320
+ .toggle-warning:focus-visible {
5324
5321
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
5325
- [type="checkbox"].toggle-warning:checked,
5326
- [type="checkbox"].toggle-warning[checked="true"],
5327
- [type="checkbox"].toggle-warning[aria-checked="true"] {
5322
+ .toggle-warning:checked,
5323
+ .toggle-warning[checked="true"],
5324
+ .toggle-warning[aria-checked="true"] {
5328
5325
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
5329
5326
  --tw-border-opacity: 0.1;
5330
5327
  --tw-bg-opacity: 1;
5331
5328
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
5332
5329
  --tw-text-opacity: 1;
5333
5330
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
5334
- [type="checkbox"].toggle-info:focus-visible {
5331
+ .toggle-info:focus-visible {
5335
5332
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
5336
- [type="checkbox"].toggle-info:checked,
5337
- [type="checkbox"].toggle-info[checked="true"],
5338
- [type="checkbox"].toggle-info[aria-checked="true"] {
5333
+ .toggle-info:checked,
5334
+ .toggle-info[checked="true"],
5335
+ .toggle-info[aria-checked="true"] {
5339
5336
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
5340
5337
  --tw-border-opacity: 0.1;
5341
5338
  --tw-bg-opacity: 1;
5342
5339
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
5343
5340
  --tw-text-opacity: 1;
5344
5341
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
5345
- [type="checkbox"].toggle-error:focus-visible {
5342
+ .toggle-error:focus-visible {
5346
5343
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
5347
- [type="checkbox"].toggle-error:checked,
5348
- [type="checkbox"].toggle-error[checked="true"],
5349
- [type="checkbox"].toggle-error[aria-checked="true"] {
5344
+ .toggle-error:checked,
5345
+ .toggle-error[checked="true"],
5346
+ .toggle-error[aria-checked="true"] {
5350
5347
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
5351
5348
  --tw-border-opacity: 0.1;
5352
5349
  --tw-bg-opacity: 1;
5353
5350
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
5354
5351
  --tw-text-opacity: 1;
5355
5352
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
5356
- [type="checkbox"].toggle:disabled {
5353
+ .toggle:disabled {
5357
5354
  cursor: not-allowed;
5358
5355
  --tw-border-opacity: 1;
5359
5356
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
@@ -21499,16 +21496,16 @@ select.select {
21499
21496
  --tooltip-color: var(--fallback-er,oklch(var(--er)/1));
21500
21497
  --tooltip-text-color: var(--fallback-erc,oklch(var(--erc)/1))}
21501
21498
  @media (hover:hover) {
21502
- .hover\:checkbox-success:hover[type="checkbox"]:hover {
21499
+ .hover\:checkbox-success:hover:hover {
21503
21500
  --tw-border-opacity: 1;
21504
21501
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21505
- .hover\:checkbox-warning:hover[type="checkbox"]:hover {
21502
+ .hover\:checkbox-warning:hover:hover {
21506
21503
  --tw-border-opacity: 1;
21507
21504
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21508
- .hover\:checkbox-info:hover[type="checkbox"]:hover {
21505
+ .hover\:checkbox-info:hover:hover {
21509
21506
  --tw-border-opacity: 1;
21510
21507
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21511
- .hover\:checkbox-error:hover[type="checkbox"]:hover {
21508
+ .hover\:checkbox-error:hover:hover {
21512
21509
  --tw-border-opacity: 1;
21513
21510
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21514
21511
  .hover\:link-success:hover:hover {
@@ -21519,16 +21516,16 @@ select.select {
21519
21516
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
21520
21517
  .hover\:link-error:hover:hover {
21521
21518
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
21522
- .hover\:radio-success:hover[type="radio"]:hover {
21519
+ .hover\:radio-success:hover:hover {
21523
21520
  --tw-border-opacity: 1;
21524
21521
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21525
- .hover\:radio-warning:hover[type="radio"]:hover {
21522
+ .hover\:radio-warning:hover:hover {
21526
21523
  --tw-border-opacity: 1;
21527
21524
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21528
- .hover\:radio-info:hover[type="radio"]:hover {
21525
+ .hover\:radio-info:hover:hover {
21529
21526
  --tw-border-opacity: 1;
21530
21527
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21531
- .hover\:radio-error:hover[type="radio"]:hover {
21528
+ .hover\:radio-error:hover:hover {
21532
21529
  --tw-border-opacity: 1;
21533
21530
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
21534
21531
  @media (hover: hover) {
@@ -21698,64 +21695,56 @@ select.select {
21698
21695
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
21699
21696
  --tw-text-opacity: 1;
21700
21697
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
21701
- .hover\:checkbox-success:hover[type="checkbox"] {
21698
+ .hover\:checkbox-success:hover {
21702
21699
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
21703
21700
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
21704
21701
  --tw-border-opacity: 1;
21705
21702
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21706
- .hover\:checkbox-success:hover[type="checkbox"]:focus-visible {
21703
+ .hover\:checkbox-success:hover:focus-visible {
21707
21704
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21708
- .hover\:checkbox-success:hover[type="checkbox"]:checked,.hover\:checkbox-success:hover
21709
- [type="checkbox"][checked="true"],.hover\:checkbox-success:hover
21710
- [type="checkbox"][aria-checked="true"] {
21705
+ .hover\:checkbox-success:hover:checked,.hover\:checkbox-success:hover[checked="true"],.hover\:checkbox-success:hover[aria-checked="true"] {
21711
21706
  --tw-border-opacity: 1;
21712
21707
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21713
21708
  --tw-bg-opacity: 1;
21714
21709
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21715
21710
  --tw-text-opacity: 1;
21716
21711
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21717
- .hover\:checkbox-warning:hover[type="checkbox"] {
21712
+ .hover\:checkbox-warning:hover {
21718
21713
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
21719
21714
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
21720
21715
  --tw-border-opacity: 1;
21721
21716
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21722
- .hover\:checkbox-warning:hover[type="checkbox"]:focus-visible {
21717
+ .hover\:checkbox-warning:hover:focus-visible {
21723
21718
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21724
- .hover\:checkbox-warning:hover[type="checkbox"]:checked,.hover\:checkbox-warning:hover
21725
- [type="checkbox"][checked="true"],.hover\:checkbox-warning:hover
21726
- [type="checkbox"][aria-checked="true"] {
21719
+ .hover\:checkbox-warning:hover:checked,.hover\:checkbox-warning:hover[checked="true"],.hover\:checkbox-warning:hover[aria-checked="true"] {
21727
21720
  --tw-border-opacity: 1;
21728
21721
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21729
21722
  --tw-bg-opacity: 1;
21730
21723
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21731
21724
  --tw-text-opacity: 1;
21732
21725
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21733
- .hover\:checkbox-info:hover[type="checkbox"] {
21726
+ .hover\:checkbox-info:hover {
21734
21727
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
21735
21728
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
21736
21729
  --tw-border-opacity: 1;
21737
21730
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21738
- .hover\:checkbox-info:hover[type="checkbox"]:focus-visible {
21731
+ .hover\:checkbox-info:hover:focus-visible {
21739
21732
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21740
- .hover\:checkbox-info:hover[type="checkbox"]:checked,.hover\:checkbox-info:hover
21741
- [type="checkbox"][checked="true"],.hover\:checkbox-info:hover
21742
- [type="checkbox"][aria-checked="true"] {
21733
+ .hover\:checkbox-info:hover:checked,.hover\:checkbox-info:hover[checked="true"],.hover\:checkbox-info:hover[aria-checked="true"] {
21743
21734
  --tw-border-opacity: 1;
21744
21735
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21745
21736
  --tw-bg-opacity: 1;
21746
21737
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21747
21738
  --tw-text-opacity: 1;
21748
21739
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21749
- .hover\:checkbox-error:hover[type="checkbox"] {
21740
+ .hover\:checkbox-error:hover {
21750
21741
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
21751
21742
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
21752
21743
  --tw-border-opacity: 1;
21753
21744
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21754
- .hover\:checkbox-error:hover[type="checkbox"]:focus-visible {
21745
+ .hover\:checkbox-error:hover:focus-visible {
21755
21746
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
21756
- .hover\:checkbox-error:hover[type="checkbox"]:checked,.hover\:checkbox-error:hover
21757
- [type="checkbox"][checked="true"],.hover\:checkbox-error:hover
21758
- [type="checkbox"][aria-checked="true"] {
21747
+ .hover\:checkbox-error:hover:checked,.hover\:checkbox-error:hover[checked="true"],.hover\:checkbox-error:hover[aria-checked="true"] {
21759
21748
  --tw-border-opacity: 1;
21760
21749
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21761
21750
  --tw-bg-opacity: 1;
@@ -21898,56 +21887,52 @@ select.select {
21898
21887
  .hover\:progress-error:hover::-webkit-progress-value {
21899
21888
  --tw-bg-opacity: 1;
21900
21889
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
21901
- .hover\:radio-success:hover[type="radio"] {
21890
+ .hover\:radio-success:hover {
21902
21891
  --chkbg: var(--su);
21903
21892
  --tw-border-opacity: 1;
21904
21893
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21905
- .hover\:radio-success:hover[type="radio"]:focus-visible {
21894
+ .hover\:radio-success:hover:focus-visible {
21906
21895
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21907
- .hover\:radio-success:hover[type="radio"]:checked,.hover\:radio-success:hover
21908
- [type="radio"][aria-checked="true"] {
21896
+ .hover\:radio-success:hover:checked,.hover\:radio-success:hover[aria-checked="true"] {
21909
21897
  --tw-border-opacity: 1;
21910
21898
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21911
21899
  --tw-bg-opacity: 1;
21912
21900
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21913
21901
  --tw-text-opacity: 1;
21914
21902
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21915
- .hover\:radio-warning:hover[type="radio"] {
21903
+ .hover\:radio-warning:hover {
21916
21904
  --chkbg: var(--wa);
21917
21905
  --tw-border-opacity: 1;
21918
21906
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21919
- .hover\:radio-warning:hover[type="radio"]:focus-visible {
21907
+ .hover\:radio-warning:hover:focus-visible {
21920
21908
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21921
- .hover\:radio-warning:hover[type="radio"]:checked,.hover\:radio-warning:hover
21922
- [type="radio"][aria-checked="true"] {
21909
+ .hover\:radio-warning:hover:checked,.hover\:radio-warning:hover[aria-checked="true"] {
21923
21910
  --tw-border-opacity: 1;
21924
21911
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21925
21912
  --tw-bg-opacity: 1;
21926
21913
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21927
21914
  --tw-text-opacity: 1;
21928
21915
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21929
- .hover\:radio-info:hover[type="radio"] {
21916
+ .hover\:radio-info:hover {
21930
21917
  --chkbg: var(--in);
21931
21918
  --tw-border-opacity: 1;
21932
21919
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21933
- .hover\:radio-info:hover[type="radio"]:focus-visible {
21920
+ .hover\:radio-info:hover:focus-visible {
21934
21921
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21935
- .hover\:radio-info:hover[type="radio"]:checked,.hover\:radio-info:hover
21936
- [type="radio"][aria-checked="true"] {
21922
+ .hover\:radio-info:hover:checked,.hover\:radio-info:hover[aria-checked="true"] {
21937
21923
  --tw-border-opacity: 1;
21938
21924
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21939
21925
  --tw-bg-opacity: 1;
21940
21926
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21941
21927
  --tw-text-opacity: 1;
21942
21928
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21943
- .hover\:radio-error:hover[type="radio"] {
21929
+ .hover\:radio-error:hover {
21944
21930
  --chkbg: var(--er);
21945
21931
  --tw-border-opacity: 1;
21946
21932
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21947
- .hover\:radio-error:hover[type="radio"]:focus-visible {
21933
+ .hover\:radio-error:hover:focus-visible {
21948
21934
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
21949
- .hover\:radio-error:hover[type="radio"]:checked,.hover\:radio-error:hover
21950
- [type="radio"][aria-checked="true"] {
21935
+ .hover\:radio-error:hover:checked,.hover\:radio-error:hover[aria-checked="true"] {
21951
21936
  --tw-border-opacity: 1;
21952
21937
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21953
21938
  --tw-bg-opacity: 1;
@@ -21962,31 +21947,31 @@ select.select {
21962
21947
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
21963
21948
  .hover\:range-error:hover {
21964
21949
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
21965
- .hover\:select-info:hover,.hover\:select-info:hover select {
21950
+ .hover\:select-info:hover {
21966
21951
  --tw-border-opacity: 1;
21967
21952
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21968
- .hover\:select-info:hover:focus,.hover\:select-info:hover select:focus {
21953
+ .hover\:select-info:hover:focus {
21969
21954
  --tw-border-opacity: 1;
21970
21955
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21971
21956
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21972
- .hover\:select-success:hover,.hover\:select-success:hover select {
21957
+ .hover\:select-success:hover {
21973
21958
  --tw-border-opacity: 1;
21974
21959
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21975
- .hover\:select-success:hover:focus,.hover\:select-success:hover select:focus {
21960
+ .hover\:select-success:hover:focus {
21976
21961
  --tw-border-opacity: 1;
21977
21962
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21978
21963
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21979
- .hover\:select-warning:hover,.hover\:select-warning:hover select {
21964
+ .hover\:select-warning:hover {
21980
21965
  --tw-border-opacity: 1;
21981
21966
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21982
- .hover\:select-warning:hover:focus,.hover\:select-warning:hover select:focus {
21967
+ .hover\:select-warning:hover:focus {
21983
21968
  --tw-border-opacity: 1;
21984
21969
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21985
21970
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21986
- .hover\:select-error:hover,.hover\:select-error:hover select {
21971
+ .hover\:select-error:hover {
21987
21972
  --tw-border-opacity: 1;
21988
21973
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21989
- .hover\:select-error:hover:focus,.hover\:select-error:hover select:focus {
21974
+ .hover\:select-error:hover:focus {
21990
21975
  --tw-border-opacity: 1;
21991
21976
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21992
21977
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22050,44 +22035,36 @@ select.select {
22050
22035
  --tw-border-opacity: 1;
22051
22036
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22052
22037
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22053
- .hover\:toggle-success:hover[type="checkbox"]:focus-visible {
22038
+ .hover\:toggle-success:hover:focus-visible {
22054
22039
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22055
- .hover\:toggle-success:hover[type="checkbox"]:checked,.hover\:toggle-success:hover
22056
- [type="checkbox"][checked="true"],.hover\:toggle-success:hover
22057
- [type="checkbox"][aria-checked="true"] {
22040
+ .hover\:toggle-success:hover:checked,.hover\:toggle-success:hover[checked="true"],.hover\:toggle-success:hover[aria-checked="true"] {
22058
22041
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22059
22042
  --tw-border-opacity: 0.1;
22060
22043
  --tw-bg-opacity: 1;
22061
22044
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22062
22045
  --tw-text-opacity: 1;
22063
22046
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22064
- .hover\:toggle-warning:hover[type="checkbox"]:focus-visible {
22047
+ .hover\:toggle-warning:hover:focus-visible {
22065
22048
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22066
- .hover\:toggle-warning:hover[type="checkbox"]:checked,.hover\:toggle-warning:hover
22067
- [type="checkbox"][checked="true"],.hover\:toggle-warning:hover
22068
- [type="checkbox"][aria-checked="true"] {
22049
+ .hover\:toggle-warning:hover:checked,.hover\:toggle-warning:hover[checked="true"],.hover\:toggle-warning:hover[aria-checked="true"] {
22069
22050
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22070
22051
  --tw-border-opacity: 0.1;
22071
22052
  --tw-bg-opacity: 1;
22072
22053
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22073
22054
  --tw-text-opacity: 1;
22074
22055
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22075
- .hover\:toggle-info:hover[type="checkbox"]:focus-visible {
22056
+ .hover\:toggle-info:hover:focus-visible {
22076
22057
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22077
- .hover\:toggle-info:hover[type="checkbox"]:checked,.hover\:toggle-info:hover
22078
- [type="checkbox"][checked="true"],.hover\:toggle-info:hover
22079
- [type="checkbox"][aria-checked="true"] {
22058
+ .hover\:toggle-info:hover:checked,.hover\:toggle-info:hover[checked="true"],.hover\:toggle-info:hover[aria-checked="true"] {
22080
22059
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22081
22060
  --tw-border-opacity: 0.1;
22082
22061
  --tw-bg-opacity: 1;
22083
22062
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22084
22063
  --tw-text-opacity: 1;
22085
22064
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22086
- .hover\:toggle-error:hover[type="checkbox"]:focus-visible {
22065
+ .hover\:toggle-error:hover:focus-visible {
22087
22066
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22088
- .hover\:toggle-error:hover[type="checkbox"]:checked,.hover\:toggle-error:hover
22089
- [type="checkbox"][checked="true"],.hover\:toggle-error:hover
22090
- [type="checkbox"][aria-checked="true"] {
22067
+ .hover\:toggle-error:hover:checked,.hover\:toggle-error:hover[checked="true"],.hover\:toggle-error:hover[aria-checked="true"] {
22091
22068
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22092
22069
  --tw-border-opacity: 0.1;
22093
22070
  --tw-bg-opacity: 1;
@@ -22095,16 +22072,16 @@ select.select {
22095
22072
  --tw-text-opacity: 1;
22096
22073
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22097
22074
  @media (hover:hover) {
22098
- .focus\:checkbox-success:focus[type="checkbox"]:hover {
22075
+ .focus\:checkbox-success:focus:hover {
22099
22076
  --tw-border-opacity: 1;
22100
22077
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22101
- .focus\:checkbox-warning:focus[type="checkbox"]:hover {
22078
+ .focus\:checkbox-warning:focus:hover {
22102
22079
  --tw-border-opacity: 1;
22103
22080
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22104
- .focus\:checkbox-info:focus[type="checkbox"]:hover {
22081
+ .focus\:checkbox-info:focus:hover {
22105
22082
  --tw-border-opacity: 1;
22106
22083
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22107
- .focus\:checkbox-error:focus[type="checkbox"]:hover {
22084
+ .focus\:checkbox-error:focus:hover {
22108
22085
  --tw-border-opacity: 1;
22109
22086
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22110
22087
  .focus\:link-success:focus:hover {
@@ -22115,16 +22092,16 @@ select.select {
22115
22092
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
22116
22093
  .focus\:link-error:focus:hover {
22117
22094
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
22118
- .focus\:radio-success:focus[type="radio"]:hover {
22095
+ .focus\:radio-success:focus:hover {
22119
22096
  --tw-border-opacity: 1;
22120
22097
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22121
- .focus\:radio-warning:focus[type="radio"]:hover {
22098
+ .focus\:radio-warning:focus:hover {
22122
22099
  --tw-border-opacity: 1;
22123
22100
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22124
- .focus\:radio-info:focus[type="radio"]:hover {
22101
+ .focus\:radio-info:focus:hover {
22125
22102
  --tw-border-opacity: 1;
22126
22103
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22127
- .focus\:radio-error:focus[type="radio"]:hover {
22104
+ .focus\:radio-error:focus:hover {
22128
22105
  --tw-border-opacity: 1;
22129
22106
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
22130
22107
  @media (hover: hover) {
@@ -22294,64 +22271,56 @@ select.select {
22294
22271
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
22295
22272
  --tw-text-opacity: 1;
22296
22273
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22297
- .focus\:checkbox-success:focus[type="checkbox"] {
22274
+ .focus\:checkbox-success:focus {
22298
22275
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
22299
22276
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
22300
22277
  --tw-border-opacity: 1;
22301
22278
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22302
- .focus\:checkbox-success:focus[type="checkbox"]:focus-visible {
22279
+ .focus\:checkbox-success:focus:focus-visible {
22303
22280
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22304
- .focus\:checkbox-success:focus[type="checkbox"]:checked,.focus\:checkbox-success:focus
22305
- [type="checkbox"][checked="true"],.focus\:checkbox-success:focus
22306
- [type="checkbox"][aria-checked="true"] {
22281
+ .focus\:checkbox-success:focus:checked,.focus\:checkbox-success:focus[checked="true"],.focus\:checkbox-success:focus[aria-checked="true"] {
22307
22282
  --tw-border-opacity: 1;
22308
22283
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22309
22284
  --tw-bg-opacity: 1;
22310
22285
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22311
22286
  --tw-text-opacity: 1;
22312
22287
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22313
- .focus\:checkbox-warning:focus[type="checkbox"] {
22288
+ .focus\:checkbox-warning:focus {
22314
22289
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
22315
22290
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
22316
22291
  --tw-border-opacity: 1;
22317
22292
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22318
- .focus\:checkbox-warning:focus[type="checkbox"]:focus-visible {
22293
+ .focus\:checkbox-warning:focus:focus-visible {
22319
22294
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22320
- .focus\:checkbox-warning:focus[type="checkbox"]:checked,.focus\:checkbox-warning:focus
22321
- [type="checkbox"][checked="true"],.focus\:checkbox-warning:focus
22322
- [type="checkbox"][aria-checked="true"] {
22295
+ .focus\:checkbox-warning:focus:checked,.focus\:checkbox-warning:focus[checked="true"],.focus\:checkbox-warning:focus[aria-checked="true"] {
22323
22296
  --tw-border-opacity: 1;
22324
22297
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22325
22298
  --tw-bg-opacity: 1;
22326
22299
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22327
22300
  --tw-text-opacity: 1;
22328
22301
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22329
- .focus\:checkbox-info:focus[type="checkbox"] {
22302
+ .focus\:checkbox-info:focus {
22330
22303
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
22331
22304
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
22332
22305
  --tw-border-opacity: 1;
22333
22306
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22334
- .focus\:checkbox-info:focus[type="checkbox"]:focus-visible {
22307
+ .focus\:checkbox-info:focus:focus-visible {
22335
22308
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22336
- .focus\:checkbox-info:focus[type="checkbox"]:checked,.focus\:checkbox-info:focus
22337
- [type="checkbox"][checked="true"],.focus\:checkbox-info:focus
22338
- [type="checkbox"][aria-checked="true"] {
22309
+ .focus\:checkbox-info:focus:checked,.focus\:checkbox-info:focus[checked="true"],.focus\:checkbox-info:focus[aria-checked="true"] {
22339
22310
  --tw-border-opacity: 1;
22340
22311
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22341
22312
  --tw-bg-opacity: 1;
22342
22313
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22343
22314
  --tw-text-opacity: 1;
22344
22315
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22345
- .focus\:checkbox-error:focus[type="checkbox"] {
22316
+ .focus\:checkbox-error:focus {
22346
22317
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
22347
22318
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
22348
22319
  --tw-border-opacity: 1;
22349
22320
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22350
- .focus\:checkbox-error:focus[type="checkbox"]:focus-visible {
22321
+ .focus\:checkbox-error:focus:focus-visible {
22351
22322
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22352
- .focus\:checkbox-error:focus[type="checkbox"]:checked,.focus\:checkbox-error:focus
22353
- [type="checkbox"][checked="true"],.focus\:checkbox-error:focus
22354
- [type="checkbox"][aria-checked="true"] {
22323
+ .focus\:checkbox-error:focus:checked,.focus\:checkbox-error:focus[checked="true"],.focus\:checkbox-error:focus[aria-checked="true"] {
22355
22324
  --tw-border-opacity: 1;
22356
22325
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22357
22326
  --tw-bg-opacity: 1;
@@ -22494,56 +22463,52 @@ select.select {
22494
22463
  .focus\:progress-error:focus::-webkit-progress-value {
22495
22464
  --tw-bg-opacity: 1;
22496
22465
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
22497
- .focus\:radio-success:focus[type="radio"] {
22466
+ .focus\:radio-success:focus {
22498
22467
  --chkbg: var(--su);
22499
22468
  --tw-border-opacity: 1;
22500
22469
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22501
- .focus\:radio-success:focus[type="radio"]:focus-visible {
22470
+ .focus\:radio-success:focus:focus-visible {
22502
22471
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22503
- .focus\:radio-success:focus[type="radio"]:checked,.focus\:radio-success:focus
22504
- [type="radio"][aria-checked="true"] {
22472
+ .focus\:radio-success:focus:checked,.focus\:radio-success:focus[aria-checked="true"] {
22505
22473
  --tw-border-opacity: 1;
22506
22474
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22507
22475
  --tw-bg-opacity: 1;
22508
22476
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22509
22477
  --tw-text-opacity: 1;
22510
22478
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22511
- .focus\:radio-warning:focus[type="radio"] {
22479
+ .focus\:radio-warning:focus {
22512
22480
  --chkbg: var(--wa);
22513
22481
  --tw-border-opacity: 1;
22514
22482
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22515
- .focus\:radio-warning:focus[type="radio"]:focus-visible {
22483
+ .focus\:radio-warning:focus:focus-visible {
22516
22484
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22517
- .focus\:radio-warning:focus[type="radio"]:checked,.focus\:radio-warning:focus
22518
- [type="radio"][aria-checked="true"] {
22485
+ .focus\:radio-warning:focus:checked,.focus\:radio-warning:focus[aria-checked="true"] {
22519
22486
  --tw-border-opacity: 1;
22520
22487
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22521
22488
  --tw-bg-opacity: 1;
22522
22489
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22523
22490
  --tw-text-opacity: 1;
22524
22491
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22525
- .focus\:radio-info:focus[type="radio"] {
22492
+ .focus\:radio-info:focus {
22526
22493
  --chkbg: var(--in);
22527
22494
  --tw-border-opacity: 1;
22528
22495
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22529
- .focus\:radio-info:focus[type="radio"]:focus-visible {
22496
+ .focus\:radio-info:focus:focus-visible {
22530
22497
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22531
- .focus\:radio-info:focus[type="radio"]:checked,.focus\:radio-info:focus
22532
- [type="radio"][aria-checked="true"] {
22498
+ .focus\:radio-info:focus:checked,.focus\:radio-info:focus[aria-checked="true"] {
22533
22499
  --tw-border-opacity: 1;
22534
22500
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22535
22501
  --tw-bg-opacity: 1;
22536
22502
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22537
22503
  --tw-text-opacity: 1;
22538
22504
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22539
- .focus\:radio-error:focus[type="radio"] {
22505
+ .focus\:radio-error:focus {
22540
22506
  --chkbg: var(--er);
22541
22507
  --tw-border-opacity: 1;
22542
22508
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22543
- .focus\:radio-error:focus[type="radio"]:focus-visible {
22509
+ .focus\:radio-error:focus:focus-visible {
22544
22510
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22545
- .focus\:radio-error:focus[type="radio"]:checked,.focus\:radio-error:focus
22546
- [type="radio"][aria-checked="true"] {
22511
+ .focus\:radio-error:focus:checked,.focus\:radio-error:focus[aria-checked="true"] {
22547
22512
  --tw-border-opacity: 1;
22548
22513
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22549
22514
  --tw-bg-opacity: 1;
@@ -22558,31 +22523,31 @@ select.select {
22558
22523
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
22559
22524
  .focus\:range-error:focus {
22560
22525
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
22561
- .focus\:select-info:focus,.focus\:select-info:focus select {
22526
+ .focus\:select-info:focus {
22562
22527
  --tw-border-opacity: 1;
22563
22528
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22564
- .focus\:select-info:focus:focus,.focus\:select-info:focus select:focus {
22529
+ .focus\:select-info:focus:focus {
22565
22530
  --tw-border-opacity: 1;
22566
22531
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22567
22532
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22568
- .focus\:select-success:focus,.focus\:select-success:focus select {
22533
+ .focus\:select-success:focus {
22569
22534
  --tw-border-opacity: 1;
22570
22535
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22571
- .focus\:select-success:focus:focus,.focus\:select-success:focus select:focus {
22536
+ .focus\:select-success:focus:focus {
22572
22537
  --tw-border-opacity: 1;
22573
22538
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22574
22539
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22575
- .focus\:select-warning:focus,.focus\:select-warning:focus select {
22540
+ .focus\:select-warning:focus {
22576
22541
  --tw-border-opacity: 1;
22577
22542
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22578
- .focus\:select-warning:focus:focus,.focus\:select-warning:focus select:focus {
22543
+ .focus\:select-warning:focus:focus {
22579
22544
  --tw-border-opacity: 1;
22580
22545
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22581
22546
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22582
- .focus\:select-error:focus,.focus\:select-error:focus select {
22547
+ .focus\:select-error:focus {
22583
22548
  --tw-border-opacity: 1;
22584
22549
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22585
- .focus\:select-error:focus:focus,.focus\:select-error:focus select:focus {
22550
+ .focus\:select-error:focus:focus {
22586
22551
  --tw-border-opacity: 1;
22587
22552
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22588
22553
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22646,44 +22611,36 @@ select.select {
22646
22611
  --tw-border-opacity: 1;
22647
22612
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22648
22613
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22649
- .focus\:toggle-success:focus[type="checkbox"]:focus-visible {
22614
+ .focus\:toggle-success:focus:focus-visible {
22650
22615
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22651
- .focus\:toggle-success:focus[type="checkbox"]:checked,.focus\:toggle-success:focus
22652
- [type="checkbox"][checked="true"],.focus\:toggle-success:focus
22653
- [type="checkbox"][aria-checked="true"] {
22616
+ .focus\:toggle-success:focus:checked,.focus\:toggle-success:focus[checked="true"],.focus\:toggle-success:focus[aria-checked="true"] {
22654
22617
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22655
22618
  --tw-border-opacity: 0.1;
22656
22619
  --tw-bg-opacity: 1;
22657
22620
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22658
22621
  --tw-text-opacity: 1;
22659
22622
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22660
- .focus\:toggle-warning:focus[type="checkbox"]:focus-visible {
22623
+ .focus\:toggle-warning:focus:focus-visible {
22661
22624
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22662
- .focus\:toggle-warning:focus[type="checkbox"]:checked,.focus\:toggle-warning:focus
22663
- [type="checkbox"][checked="true"],.focus\:toggle-warning:focus
22664
- [type="checkbox"][aria-checked="true"] {
22625
+ .focus\:toggle-warning:focus:checked,.focus\:toggle-warning:focus[checked="true"],.focus\:toggle-warning:focus[aria-checked="true"] {
22665
22626
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22666
22627
  --tw-border-opacity: 0.1;
22667
22628
  --tw-bg-opacity: 1;
22668
22629
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22669
22630
  --tw-text-opacity: 1;
22670
22631
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22671
- .focus\:toggle-info:focus[type="checkbox"]:focus-visible {
22632
+ .focus\:toggle-info:focus:focus-visible {
22672
22633
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22673
- .focus\:toggle-info:focus[type="checkbox"]:checked,.focus\:toggle-info:focus
22674
- [type="checkbox"][checked="true"],.focus\:toggle-info:focus
22675
- [type="checkbox"][aria-checked="true"] {
22634
+ .focus\:toggle-info:focus:checked,.focus\:toggle-info:focus[checked="true"],.focus\:toggle-info:focus[aria-checked="true"] {
22676
22635
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22677
22636
  --tw-border-opacity: 0.1;
22678
22637
  --tw-bg-opacity: 1;
22679
22638
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22680
22639
  --tw-text-opacity: 1;
22681
22640
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22682
- .focus\:toggle-error:focus[type="checkbox"]:focus-visible {
22641
+ .focus\:toggle-error:focus:focus-visible {
22683
22642
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22684
- .focus\:toggle-error:focus[type="checkbox"]:checked,.focus\:toggle-error:focus
22685
- [type="checkbox"][checked="true"],.focus\:toggle-error:focus
22686
- [type="checkbox"][aria-checked="true"] {
22643
+ .focus\:toggle-error:focus:checked,.focus\:toggle-error:focus[checked="true"],.focus\:toggle-error:focus[aria-checked="true"] {
22687
22644
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22688
22645
  --tw-border-opacity: 0.1;
22689
22646
  --tw-bg-opacity: 1;