daisyui 4.0.2 → 4.0.4

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 +297 -352
  2. package/dist/styled.css +153 -164
  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%;
@@ -2751,7 +2770,19 @@ html {
2751
2770
  padding-right: 2.5rem;
2752
2771
  font-size: 0.875rem;
2753
2772
  line-height: 1.25rem;
2754
- line-height: 2}
2773
+ line-height: 2;
2774
+ border-radius: var(--rounded-btn, 0.5rem);
2775
+ border-width: 1px;
2776
+ border-color: transparent;
2777
+ --tw-bg-opacity: 1;
2778
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2779
+ background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
2780
+ linear-gradient(135deg, currentColor 50%, transparent 50%);
2781
+ background-position: calc(100% - 20px) calc(1px + 50%),
2782
+ calc(100% - 16.1px) calc(1px + 50%);
2783
+ background-size: 4px 4px,
2784
+ 4px 4px;
2785
+ background-repeat: no-repeat}
2755
2786
  .select[multiple] {
2756
2787
  height: auto}
2757
2788
  .stack {
@@ -3011,7 +3042,25 @@ input.tab:checked + .tab-content,
3011
3042
  gap: 0.5rem;
3012
3043
  padding: 1rem}
3013
3044
  .toggle {
3014
- flex-shrink: 0}
3045
+ flex-shrink: 0;
3046
+ --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
3047
+ --handleoffset: 1.5rem;
3048
+ --handleoffsetcalculator: calc(var(--handleoffset) * -1);
3049
+ --togglehandleborder: 0 0;
3050
+ height: 1.5rem;
3051
+ width: 3rem;
3052
+ cursor: pointer;
3053
+ appearance: none;
3054
+ border-radius: var(--rounded-badge, 1.9rem);
3055
+ border-width: 1px;
3056
+ border-color: currentColor;
3057
+ background-color: currentColor;
3058
+ color: var(--fallback-bc,oklch(var(--bc)/0.5));
3059
+ transition: background,
3060
+ box-shadow var(--animation-input, 0.2s) ease-out;
3061
+ box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
3062
+ 0 0 0 2px var(--tglbg) inset,
3063
+ var(--togglehandleborder)}
3015
3064
  .alert-info {
3016
3065
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
3017
3066
  --tw-text-opacity: 1;
@@ -3464,27 +3513,16 @@ input.tab:checked + .tab-content,
3464
3513
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3465
3514
  --tw-text-opacity: 1;
3466
3515
  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 {
3516
+ .checkbox:focus {
3479
3517
  box-shadow: none}
3480
- [type="checkbox"].checkbox:focus-visible {
3518
+ .checkbox:focus-visible {
3481
3519
  outline-style: solid;
3482
3520
  outline-width: 2px;
3483
3521
  outline-offset: 2px;
3484
3522
  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"] {
3523
+ .checkbox:checked,
3524
+ .checkbox[checked="true"],
3525
+ .checkbox[aria-checked="true"] {
3488
3526
  --tw-bg-opacity: 1;
3489
3527
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3490
3528
  background-repeat: no-repeat;
@@ -3500,7 +3538,7 @@ input.tab:checked + .tab-content,
3500
3538
  transparent 40.99%
3501
3539
  ),
3502
3540
  linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)}
3503
- [type="checkbox"].checkbox:indeterminate {
3541
+ .checkbox:indeterminate {
3504
3542
  --tw-bg-opacity: 1;
3505
3543
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3506
3544
  background-repeat: no-repeat;
@@ -3508,119 +3546,119 @@ input.tab:checked + .tab-content,
3508
3546
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
3509
3547
  linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
3510
3548
  linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)}
3511
- [type="checkbox"].checkbox-primary {
3549
+ .checkbox-primary {
3512
3550
  --chkbg: var(--fallback-p,oklch(var(--p)/1));
3513
3551
  --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
3514
3552
  --tw-border-opacity: 1;
3515
3553
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
3516
- [type="checkbox"].checkbox-primary:focus-visible {
3554
+ .checkbox-primary:focus-visible {
3517
3555
  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"] {
3556
+ .checkbox-primary:checked,
3557
+ .checkbox-primary[checked="true"],
3558
+ .checkbox-primary[aria-checked="true"] {
3521
3559
  --tw-border-opacity: 1;
3522
3560
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3523
3561
  --tw-bg-opacity: 1;
3524
3562
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
3525
3563
  --tw-text-opacity: 1;
3526
3564
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
3527
- [type="checkbox"].checkbox-secondary {
3565
+ .checkbox-secondary {
3528
3566
  --chkbg: var(--fallback-s,oklch(var(--s)/1));
3529
3567
  --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
3530
3568
  --tw-border-opacity: 1;
3531
3569
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
3532
- [type="checkbox"].checkbox-secondary:focus-visible {
3570
+ .checkbox-secondary:focus-visible {
3533
3571
  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"] {
3572
+ .checkbox-secondary:checked,
3573
+ .checkbox-secondary[checked="true"],
3574
+ .checkbox-secondary[aria-checked="true"] {
3537
3575
  --tw-border-opacity: 1;
3538
3576
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3539
3577
  --tw-bg-opacity: 1;
3540
3578
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
3541
3579
  --tw-text-opacity: 1;
3542
3580
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
3543
- [type="checkbox"].checkbox-accent {
3581
+ .checkbox-accent {
3544
3582
  --chkbg: var(--fallback-a,oklch(var(--a)/1));
3545
3583
  --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
3546
3584
  --tw-border-opacity: 1;
3547
3585
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
3548
- [type="checkbox"].checkbox-accent:focus-visible {
3586
+ .checkbox-accent:focus-visible {
3549
3587
  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"] {
3588
+ .checkbox-accent:checked,
3589
+ .checkbox-accent[checked="true"],
3590
+ .checkbox-accent[aria-checked="true"] {
3553
3591
  --tw-border-opacity: 1;
3554
3592
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3555
3593
  --tw-bg-opacity: 1;
3556
3594
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
3557
3595
  --tw-text-opacity: 1;
3558
3596
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
3559
- [type="checkbox"].checkbox-success {
3597
+ .checkbox-success {
3560
3598
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
3561
3599
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
3562
3600
  --tw-border-opacity: 1;
3563
3601
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
3564
- [type="checkbox"].checkbox-success:focus-visible {
3602
+ .checkbox-success:focus-visible {
3565
3603
  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"] {
3604
+ .checkbox-success:checked,
3605
+ .checkbox-success[checked="true"],
3606
+ .checkbox-success[aria-checked="true"] {
3569
3607
  --tw-border-opacity: 1;
3570
3608
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3571
3609
  --tw-bg-opacity: 1;
3572
3610
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
3573
3611
  --tw-text-opacity: 1;
3574
3612
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
3575
- [type="checkbox"].checkbox-warning {
3613
+ .checkbox-warning {
3576
3614
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
3577
3615
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
3578
3616
  --tw-border-opacity: 1;
3579
3617
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
3580
- [type="checkbox"].checkbox-warning:focus-visible {
3618
+ .checkbox-warning:focus-visible {
3581
3619
  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"] {
3620
+ .checkbox-warning:checked,
3621
+ .checkbox-warning[checked="true"],
3622
+ .checkbox-warning[aria-checked="true"] {
3585
3623
  --tw-border-opacity: 1;
3586
3624
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3587
3625
  --tw-bg-opacity: 1;
3588
3626
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
3589
3627
  --tw-text-opacity: 1;
3590
3628
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
3591
- [type="checkbox"].checkbox-info {
3629
+ .checkbox-info {
3592
3630
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
3593
3631
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
3594
3632
  --tw-border-opacity: 1;
3595
3633
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
3596
- [type="checkbox"].checkbox-info:focus-visible {
3634
+ .checkbox-info:focus-visible {
3597
3635
  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"] {
3636
+ .checkbox-info:checked,
3637
+ .checkbox-info[checked="true"],
3638
+ .checkbox-info[aria-checked="true"] {
3601
3639
  --tw-border-opacity: 1;
3602
3640
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3603
3641
  --tw-bg-opacity: 1;
3604
3642
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
3605
3643
  --tw-text-opacity: 1;
3606
3644
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
3607
- [type="checkbox"].checkbox-error {
3645
+ .checkbox-error {
3608
3646
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
3609
3647
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
3610
3648
  --tw-border-opacity: 1;
3611
3649
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
3612
- [type="checkbox"].checkbox-error:focus-visible {
3650
+ .checkbox-error:focus-visible {
3613
3651
  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"] {
3652
+ .checkbox-error:checked,
3653
+ .checkbox-error[checked="true"],
3654
+ .checkbox-error[aria-checked="true"] {
3617
3655
  --tw-border-opacity: 1;
3618
3656
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3619
3657
  --tw-bg-opacity: 1;
3620
3658
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3621
3659
  --tw-text-opacity: 1;
3622
3660
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3623
- [type="checkbox"].checkbox:disabled {
3661
+ .checkbox:disabled {
3624
3662
  cursor: not-allowed;
3625
3663
  border-color: transparent;
3626
3664
  --tw-bg-opacity: 1;
@@ -4474,130 +4512,120 @@ details.collapse summary::-webkit-details-marker {
4474
4512
  @keyframes progress-loading {
4475
4513
  50% {
4476
4514
  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 {
4515
+ .radio:focus {
4488
4516
  box-shadow: none}
4489
- [type="radio"].radio:focus-visible {
4517
+ .radio:focus-visible {
4490
4518
  outline-style: solid;
4491
4519
  outline-width: 2px;
4492
4520
  outline-offset: 2px;
4493
4521
  outline-color: var(--fallback-bc,oklch(var(--bc)/1))}
4494
- [type="radio"].radio:checked,
4495
- [type="radio"].radio[aria-checked="true"] {
4522
+ .radio:checked,
4523
+ .radio[aria-checked="true"] {
4496
4524
  --tw-bg-opacity: 1;
4497
4525
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
4498
4526
  background-image: none;
4499
4527
  animation: radiomark var(--animation-input, 0.2s) ease-out;
4500
4528
  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
4501
4529
  0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}
4502
- [type="radio"].radio-primary {
4530
+ .radio-primary {
4503
4531
  --chkbg: var(--p);
4504
4532
  --tw-border-opacity: 1;
4505
4533
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4506
- [type="radio"].radio-primary:focus-visible {
4534
+ .radio-primary:focus-visible {
4507
4535
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4508
- [type="radio"].radio-primary:checked,
4509
- [type="radio"].radio-primary[aria-checked="true"] {
4536
+ .radio-primary:checked,
4537
+ .radio-primary[aria-checked="true"] {
4510
4538
  --tw-border-opacity: 1;
4511
4539
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4512
4540
  --tw-bg-opacity: 1;
4513
4541
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
4514
4542
  --tw-text-opacity: 1;
4515
4543
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
4516
- [type="radio"].radio-secondary {
4544
+ .radio-secondary {
4517
4545
  --chkbg: var(--s);
4518
4546
  --tw-border-opacity: 1;
4519
4547
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4520
- [type="radio"].radio-secondary:focus-visible {
4548
+ .radio-secondary:focus-visible {
4521
4549
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4522
- [type="radio"].radio-secondary:checked,
4523
- [type="radio"].radio-secondary[aria-checked="true"] {
4550
+ .radio-secondary:checked,
4551
+ .radio-secondary[aria-checked="true"] {
4524
4552
  --tw-border-opacity: 1;
4525
4553
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4526
4554
  --tw-bg-opacity: 1;
4527
4555
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
4528
4556
  --tw-text-opacity: 1;
4529
4557
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
4530
- [type="radio"].radio-accent {
4558
+ .radio-accent {
4531
4559
  --chkbg: var(--a);
4532
4560
  --tw-border-opacity: 1;
4533
4561
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4534
- [type="radio"].radio-accent:focus-visible {
4562
+ .radio-accent:focus-visible {
4535
4563
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4536
- [type="radio"].radio-accent:checked,
4537
- [type="radio"].radio-accent[aria-checked="true"] {
4564
+ .radio-accent:checked,
4565
+ .radio-accent[aria-checked="true"] {
4538
4566
  --tw-border-opacity: 1;
4539
4567
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4540
4568
  --tw-bg-opacity: 1;
4541
4569
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
4542
4570
  --tw-text-opacity: 1;
4543
4571
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
4544
- [type="radio"].radio-success {
4572
+ .radio-success {
4545
4573
  --chkbg: var(--su);
4546
4574
  --tw-border-opacity: 1;
4547
4575
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4548
- [type="radio"].radio-success:focus-visible {
4576
+ .radio-success:focus-visible {
4549
4577
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4550
- [type="radio"].radio-success:checked,
4551
- [type="radio"].radio-success[aria-checked="true"] {
4578
+ .radio-success:checked,
4579
+ .radio-success[aria-checked="true"] {
4552
4580
  --tw-border-opacity: 1;
4553
4581
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4554
4582
  --tw-bg-opacity: 1;
4555
4583
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
4556
4584
  --tw-text-opacity: 1;
4557
4585
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
4558
- [type="radio"].radio-warning {
4586
+ .radio-warning {
4559
4587
  --chkbg: var(--wa);
4560
4588
  --tw-border-opacity: 1;
4561
4589
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4562
- [type="radio"].radio-warning:focus-visible {
4590
+ .radio-warning:focus-visible {
4563
4591
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4564
- [type="radio"].radio-warning:checked,
4565
- [type="radio"].radio-warning[aria-checked="true"] {
4592
+ .radio-warning:checked,
4593
+ .radio-warning[aria-checked="true"] {
4566
4594
  --tw-border-opacity: 1;
4567
4595
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4568
4596
  --tw-bg-opacity: 1;
4569
4597
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
4570
4598
  --tw-text-opacity: 1;
4571
4599
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
4572
- [type="radio"].radio-info {
4600
+ .radio-info {
4573
4601
  --chkbg: var(--in);
4574
4602
  --tw-border-opacity: 1;
4575
4603
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4576
- [type="radio"].radio-info:focus-visible {
4604
+ .radio-info:focus-visible {
4577
4605
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4578
- [type="radio"].radio-info:checked,
4579
- [type="radio"].radio-info[aria-checked="true"] {
4606
+ .radio-info:checked,
4607
+ .radio-info[aria-checked="true"] {
4580
4608
  --tw-border-opacity: 1;
4581
4609
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4582
4610
  --tw-bg-opacity: 1;
4583
4611
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
4584
4612
  --tw-text-opacity: 1;
4585
4613
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
4586
- [type="radio"].radio-error {
4614
+ .radio-error {
4587
4615
  --chkbg: var(--er);
4588
4616
  --tw-border-opacity: 1;
4589
4617
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4590
- [type="radio"].radio-error:focus-visible {
4618
+ .radio-error:focus-visible {
4591
4619
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4592
- [type="radio"].radio-error:checked,
4593
- [type="radio"].radio-error[aria-checked="true"] {
4620
+ .radio-error:checked,
4621
+ .radio-error[aria-checked="true"] {
4594
4622
  --tw-border-opacity: 1;
4595
4623
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4596
4624
  --tw-bg-opacity: 1;
4597
4625
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
4598
4626
  --tw-text-opacity: 1;
4599
4627
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
4600
- [type="radio"].radio:disabled {
4628
+ .radio:disabled {
4601
4629
  cursor: not-allowed;
4602
4630
  opacity: 0.2}
4603
4631
  @keyframes radiomark {
@@ -4702,91 +4730,73 @@ details.collapse summary::-webkit-details-marker {
4702
4730
  transform: translateY(-0.125em)}
4703
4731
  100% {
4704
4732
  transform: translateY(0)}}
4705
- .select,
4706
- select.select {
4707
- border-radius: var(--rounded-btn, 0.5rem);
4708
- border-width: 1px;
4709
- border-color: transparent;
4710
- --tw-bg-opacity: 1;
4711
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
4712
- padding-right: 2.5rem;
4713
- background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
4714
- linear-gradient(135deg, currentColor 50%, transparent 50%);
4715
- background-position: calc(100% - 20px) calc(1px + 50%),
4716
- calc(100% - 16.1px) calc(1px + 50%);
4717
- background-size: 4px 4px,
4718
- 4px 4px;
4719
- background-repeat: no-repeat}
4720
- .select-bordered, select.select-bordered {
4733
+ .select-bordered {
4721
4734
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4722
- .select:focus, select.select:focus {
4735
+ .select:focus {
4723
4736
  box-shadow: none;
4724
4737
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4725
4738
  outline-style: solid;
4726
4739
  outline-width: 2px;
4727
4740
  outline-offset: 2px;
4728
4741
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4729
- .select-ghost, select.select-ghost {
4742
+ .select-ghost {
4730
4743
  --tw-bg-opacity: 0.05}
4731
- .select-ghost:focus, select.select-ghost:focus {
4744
+ .select-ghost:focus {
4732
4745
  --tw-bg-opacity: 1;
4733
4746
  --tw-text-opacity: 1;
4734
4747
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
4735
- .select-primary, select.select-primary {
4748
+ .select-primary {
4736
4749
  --tw-border-opacity: 1;
4737
4750
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4738
- .select-primary:focus, select.select-primary:focus {
4751
+ .select-primary:focus {
4739
4752
  --tw-border-opacity: 1;
4740
4753
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4741
4754
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4742
- .select-secondary, select.select-secondary {
4755
+ .select-secondary {
4743
4756
  --tw-border-opacity: 1;
4744
4757
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4745
- .select-secondary:focus, select.select-secondary:focus {
4758
+ .select-secondary:focus {
4746
4759
  --tw-border-opacity: 1;
4747
4760
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4748
4761
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4749
- .select-accent, select.select-accent {
4762
+ .select-accent {
4750
4763
  --tw-border-opacity: 1;
4751
4764
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4752
- .select-accent:focus, select.select-accent:focus {
4765
+ .select-accent:focus {
4753
4766
  --tw-border-opacity: 1;
4754
4767
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4755
4768
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4756
- .select-info, select.select-info {
4769
+ .select-info {
4757
4770
  --tw-border-opacity: 1;
4758
4771
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4759
- .select-info:focus, select.select-info:focus {
4772
+ .select-info:focus {
4760
4773
  --tw-border-opacity: 1;
4761
4774
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4762
4775
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4763
- .select-success, select.select-success {
4776
+ .select-success {
4764
4777
  --tw-border-opacity: 1;
4765
4778
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4766
- .select-success:focus, select.select-success:focus {
4779
+ .select-success:focus {
4767
4780
  --tw-border-opacity: 1;
4768
4781
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4769
4782
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4770
- .select-warning, select.select-warning {
4783
+ .select-warning {
4771
4784
  --tw-border-opacity: 1;
4772
4785
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4773
- .select-warning:focus, select.select-warning:focus {
4786
+ .select-warning:focus {
4774
4787
  --tw-border-opacity: 1;
4775
4788
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4776
4789
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4777
- .select-error, select.select-error {
4790
+ .select-error {
4778
4791
  --tw-border-opacity: 1;
4779
4792
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4780
- .select-error:focus, select.select-error:focus {
4793
+ .select-error:focus {
4781
4794
  --tw-border-opacity: 1;
4782
4795
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4783
4796
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4784
4797
  .select-disabled,
4785
4798
  .select:disabled,
4786
- .select[disabled],
4787
- select.select-disabled,
4788
- select.select:disabled,
4789
- select.select[disabled] {
4799
+ .select[disabled] {
4790
4800
  cursor: not-allowed;
4791
4801
  --tw-border-opacity: 1;
4792
4802
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4795,18 +4805,12 @@ select.select {
4795
4805
  --tw-text-opacity: 0.2}
4796
4806
  .select-disabled::placeholder,
4797
4807
  .select:disabled::placeholder,
4798
- .select[disabled]::placeholder,
4799
- select.select-disabled::placeholder,
4800
- select.select:disabled::placeholder,
4801
- select.select[disabled]::placeholder {
4808
+ .select[disabled]::placeholder {
4802
4809
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
4803
4810
  --tw-placeholder-opacity: 0.2}
4804
4811
  .select-multiple,
4805
4812
  .select[multiple],
4806
- .select[size].select:not([size="1"]),
4807
- select.select-multiple,
4808
- select.select[multiple],
4809
- select.select[size]select.select:not([size="1"]) {
4813
+ .select[size].select:not([size="1"]) {
4810
4814
  background-image: none;
4811
4815
  padding-right: 1rem}
4812
4816
  [dir="rtl"] .select {
@@ -5229,131 +5233,112 @@ select.select {
5229
5233
  100% {
5230
5234
  transform: scale(1);
5231
5235
  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 {
5236
+ [dir="rtl"] .toggle {
5252
5237
  --handleoffsetcalculator: calc(var(--handleoffset) * 1)}
5253
- [type="checkbox"].toggle:focus-visible {
5238
+ .toggle:focus-visible {
5254
5239
  outline-style: solid;
5255
5240
  outline-width: 2px;
5256
5241
  outline-offset: 2px;
5257
5242
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
5258
- [type="checkbox"].toggle:hover {
5243
+ .toggle:hover {
5259
5244
  background-color: currentColor}
5260
- [type="checkbox"].toggle:checked,
5261
- [type="checkbox"].toggle[checked="true"],
5262
- [type="checkbox"].toggle[aria-checked="true"] {
5245
+ .toggle:checked,
5246
+ .toggle[checked="true"],
5247
+ .toggle[aria-checked="true"] {
5263
5248
  background-image: none;
5264
5249
  --handleoffsetcalculator: var(--handleoffset);
5265
5250
  --tw-text-opacity: 1;
5266
5251
  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"] {
5252
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
5268
5253
  --handleoffsetcalculator: calc(var(--handleoffset) * -1)}
5269
- [type="checkbox"].toggle:indeterminate {
5254
+ .toggle:indeterminate {
5270
5255
  --tw-text-opacity: 1;
5271
5256
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5272
5257
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5273
5258
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5274
5259
  0 0 0 2px var(--tglbg) inset}
5275
- [dir="rtl"] [type="checkbox"].toggle:indeterminate {
5260
+ [dir="rtl"] .toggle:indeterminate {
5276
5261
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5277
5262
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5278
5263
  0 0 0 2px var(--tglbg) inset}
5279
- [type="checkbox"].toggle-primary:focus-visible {
5264
+ .toggle-primary:focus-visible {
5280
5265
  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"] {
5266
+ .toggle-primary:checked,
5267
+ .toggle-primary[checked="true"],
5268
+ .toggle-primary[aria-checked="true"] {
5284
5269
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
5285
5270
  --tw-border-opacity: 0.1;
5286
5271
  --tw-bg-opacity: 1;
5287
5272
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
5288
5273
  --tw-text-opacity: 1;
5289
5274
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
5290
- [type="checkbox"].toggle-secondary:focus-visible {
5275
+ .toggle-secondary:focus-visible {
5291
5276
  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"] {
5277
+ .toggle-secondary:checked,
5278
+ .toggle-secondary[checked="true"],
5279
+ .toggle-secondary[aria-checked="true"] {
5295
5280
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
5296
5281
  --tw-border-opacity: 0.1;
5297
5282
  --tw-bg-opacity: 1;
5298
5283
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
5299
5284
  --tw-text-opacity: 1;
5300
5285
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
5301
- [type="checkbox"].toggle-accent:focus-visible {
5286
+ .toggle-accent:focus-visible {
5302
5287
  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"] {
5288
+ .toggle-accent:checked,
5289
+ .toggle-accent[checked="true"],
5290
+ .toggle-accent[aria-checked="true"] {
5306
5291
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
5307
5292
  --tw-border-opacity: 0.1;
5308
5293
  --tw-bg-opacity: 1;
5309
5294
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
5310
5295
  --tw-text-opacity: 1;
5311
5296
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
5312
- [type="checkbox"].toggle-success:focus-visible {
5297
+ .toggle-success:focus-visible {
5313
5298
  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"] {
5299
+ .toggle-success:checked,
5300
+ .toggle-success[checked="true"],
5301
+ .toggle-success[aria-checked="true"] {
5317
5302
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
5318
5303
  --tw-border-opacity: 0.1;
5319
5304
  --tw-bg-opacity: 1;
5320
5305
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
5321
5306
  --tw-text-opacity: 1;
5322
5307
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
5323
- [type="checkbox"].toggle-warning:focus-visible {
5308
+ .toggle-warning:focus-visible {
5324
5309
  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"] {
5310
+ .toggle-warning:checked,
5311
+ .toggle-warning[checked="true"],
5312
+ .toggle-warning[aria-checked="true"] {
5328
5313
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
5329
5314
  --tw-border-opacity: 0.1;
5330
5315
  --tw-bg-opacity: 1;
5331
5316
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
5332
5317
  --tw-text-opacity: 1;
5333
5318
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
5334
- [type="checkbox"].toggle-info:focus-visible {
5319
+ .toggle-info:focus-visible {
5335
5320
  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"] {
5321
+ .toggle-info:checked,
5322
+ .toggle-info[checked="true"],
5323
+ .toggle-info[aria-checked="true"] {
5339
5324
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
5340
5325
  --tw-border-opacity: 0.1;
5341
5326
  --tw-bg-opacity: 1;
5342
5327
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
5343
5328
  --tw-text-opacity: 1;
5344
5329
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
5345
- [type="checkbox"].toggle-error:focus-visible {
5330
+ .toggle-error:focus-visible {
5346
5331
  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"] {
5332
+ .toggle-error:checked,
5333
+ .toggle-error[checked="true"],
5334
+ .toggle-error[aria-checked="true"] {
5350
5335
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
5351
5336
  --tw-border-opacity: 0.1;
5352
5337
  --tw-bg-opacity: 1;
5353
5338
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
5354
5339
  --tw-text-opacity: 1;
5355
5340
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
5356
- [type="checkbox"].toggle:disabled {
5341
+ .toggle:disabled {
5357
5342
  cursor: not-allowed;
5358
5343
  --tw-border-opacity: 1;
5359
5344
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
@@ -21499,16 +21484,16 @@ select.select {
21499
21484
  --tooltip-color: var(--fallback-er,oklch(var(--er)/1));
21500
21485
  --tooltip-text-color: var(--fallback-erc,oklch(var(--erc)/1))}
21501
21486
  @media (hover:hover) {
21502
- .hover\:checkbox-success:hover[type="checkbox"]:hover {
21487
+ .hover\:checkbox-success:hover:hover {
21503
21488
  --tw-border-opacity: 1;
21504
21489
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21505
- .hover\:checkbox-warning:hover[type="checkbox"]:hover {
21490
+ .hover\:checkbox-warning:hover:hover {
21506
21491
  --tw-border-opacity: 1;
21507
21492
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21508
- .hover\:checkbox-info:hover[type="checkbox"]:hover {
21493
+ .hover\:checkbox-info:hover:hover {
21509
21494
  --tw-border-opacity: 1;
21510
21495
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21511
- .hover\:checkbox-error:hover[type="checkbox"]:hover {
21496
+ .hover\:checkbox-error:hover:hover {
21512
21497
  --tw-border-opacity: 1;
21513
21498
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21514
21499
  .hover\:link-success:hover:hover {
@@ -21519,16 +21504,16 @@ select.select {
21519
21504
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
21520
21505
  .hover\:link-error:hover:hover {
21521
21506
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
21522
- .hover\:radio-success:hover[type="radio"]:hover {
21507
+ .hover\:radio-success:hover:hover {
21523
21508
  --tw-border-opacity: 1;
21524
21509
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21525
- .hover\:radio-warning:hover[type="radio"]:hover {
21510
+ .hover\:radio-warning:hover:hover {
21526
21511
  --tw-border-opacity: 1;
21527
21512
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21528
- .hover\:radio-info:hover[type="radio"]:hover {
21513
+ .hover\:radio-info:hover:hover {
21529
21514
  --tw-border-opacity: 1;
21530
21515
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21531
- .hover\:radio-error:hover[type="radio"]:hover {
21516
+ .hover\:radio-error:hover:hover {
21532
21517
  --tw-border-opacity: 1;
21533
21518
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
21534
21519
  @media (hover: hover) {
@@ -21698,64 +21683,56 @@ select.select {
21698
21683
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
21699
21684
  --tw-text-opacity: 1;
21700
21685
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
21701
- .hover\:checkbox-success:hover[type="checkbox"] {
21686
+ .hover\:checkbox-success:hover {
21702
21687
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
21703
21688
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
21704
21689
  --tw-border-opacity: 1;
21705
21690
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21706
- .hover\:checkbox-success:hover[type="checkbox"]:focus-visible {
21691
+ .hover\:checkbox-success:hover:focus-visible {
21707
21692
  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"] {
21693
+ .hover\:checkbox-success:hover:checked,.hover\:checkbox-success:hover[checked="true"],.hover\:checkbox-success:hover[aria-checked="true"] {
21711
21694
  --tw-border-opacity: 1;
21712
21695
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21713
21696
  --tw-bg-opacity: 1;
21714
21697
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21715
21698
  --tw-text-opacity: 1;
21716
21699
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21717
- .hover\:checkbox-warning:hover[type="checkbox"] {
21700
+ .hover\:checkbox-warning:hover {
21718
21701
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
21719
21702
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
21720
21703
  --tw-border-opacity: 1;
21721
21704
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21722
- .hover\:checkbox-warning:hover[type="checkbox"]:focus-visible {
21705
+ .hover\:checkbox-warning:hover:focus-visible {
21723
21706
  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"] {
21707
+ .hover\:checkbox-warning:hover:checked,.hover\:checkbox-warning:hover[checked="true"],.hover\:checkbox-warning:hover[aria-checked="true"] {
21727
21708
  --tw-border-opacity: 1;
21728
21709
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21729
21710
  --tw-bg-opacity: 1;
21730
21711
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21731
21712
  --tw-text-opacity: 1;
21732
21713
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21733
- .hover\:checkbox-info:hover[type="checkbox"] {
21714
+ .hover\:checkbox-info:hover {
21734
21715
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
21735
21716
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
21736
21717
  --tw-border-opacity: 1;
21737
21718
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21738
- .hover\:checkbox-info:hover[type="checkbox"]:focus-visible {
21719
+ .hover\:checkbox-info:hover:focus-visible {
21739
21720
  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"] {
21721
+ .hover\:checkbox-info:hover:checked,.hover\:checkbox-info:hover[checked="true"],.hover\:checkbox-info:hover[aria-checked="true"] {
21743
21722
  --tw-border-opacity: 1;
21744
21723
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21745
21724
  --tw-bg-opacity: 1;
21746
21725
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21747
21726
  --tw-text-opacity: 1;
21748
21727
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21749
- .hover\:checkbox-error:hover[type="checkbox"] {
21728
+ .hover\:checkbox-error:hover {
21750
21729
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
21751
21730
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
21752
21731
  --tw-border-opacity: 1;
21753
21732
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21754
- .hover\:checkbox-error:hover[type="checkbox"]:focus-visible {
21733
+ .hover\:checkbox-error:hover:focus-visible {
21755
21734
  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"] {
21735
+ .hover\:checkbox-error:hover:checked,.hover\:checkbox-error:hover[checked="true"],.hover\:checkbox-error:hover[aria-checked="true"] {
21759
21736
  --tw-border-opacity: 1;
21760
21737
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21761
21738
  --tw-bg-opacity: 1;
@@ -21898,56 +21875,52 @@ select.select {
21898
21875
  .hover\:progress-error:hover::-webkit-progress-value {
21899
21876
  --tw-bg-opacity: 1;
21900
21877
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
21901
- .hover\:radio-success:hover[type="radio"] {
21878
+ .hover\:radio-success:hover {
21902
21879
  --chkbg: var(--su);
21903
21880
  --tw-border-opacity: 1;
21904
21881
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21905
- .hover\:radio-success:hover[type="radio"]:focus-visible {
21882
+ .hover\:radio-success:hover:focus-visible {
21906
21883
  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"] {
21884
+ .hover\:radio-success:hover:checked,.hover\:radio-success:hover[aria-checked="true"] {
21909
21885
  --tw-border-opacity: 1;
21910
21886
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21911
21887
  --tw-bg-opacity: 1;
21912
21888
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21913
21889
  --tw-text-opacity: 1;
21914
21890
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21915
- .hover\:radio-warning:hover[type="radio"] {
21891
+ .hover\:radio-warning:hover {
21916
21892
  --chkbg: var(--wa);
21917
21893
  --tw-border-opacity: 1;
21918
21894
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21919
- .hover\:radio-warning:hover[type="radio"]:focus-visible {
21895
+ .hover\:radio-warning:hover:focus-visible {
21920
21896
  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"] {
21897
+ .hover\:radio-warning:hover:checked,.hover\:radio-warning:hover[aria-checked="true"] {
21923
21898
  --tw-border-opacity: 1;
21924
21899
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21925
21900
  --tw-bg-opacity: 1;
21926
21901
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21927
21902
  --tw-text-opacity: 1;
21928
21903
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21929
- .hover\:radio-info:hover[type="radio"] {
21904
+ .hover\:radio-info:hover {
21930
21905
  --chkbg: var(--in);
21931
21906
  --tw-border-opacity: 1;
21932
21907
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21933
- .hover\:radio-info:hover[type="radio"]:focus-visible {
21908
+ .hover\:radio-info:hover:focus-visible {
21934
21909
  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"] {
21910
+ .hover\:radio-info:hover:checked,.hover\:radio-info:hover[aria-checked="true"] {
21937
21911
  --tw-border-opacity: 1;
21938
21912
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21939
21913
  --tw-bg-opacity: 1;
21940
21914
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21941
21915
  --tw-text-opacity: 1;
21942
21916
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21943
- .hover\:radio-error:hover[type="radio"] {
21917
+ .hover\:radio-error:hover {
21944
21918
  --chkbg: var(--er);
21945
21919
  --tw-border-opacity: 1;
21946
21920
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21947
- .hover\:radio-error:hover[type="radio"]:focus-visible {
21921
+ .hover\:radio-error:hover:focus-visible {
21948
21922
  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"] {
21923
+ .hover\:radio-error:hover:checked,.hover\:radio-error:hover[aria-checked="true"] {
21951
21924
  --tw-border-opacity: 1;
21952
21925
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21953
21926
  --tw-bg-opacity: 1;
@@ -21962,31 +21935,31 @@ select.select {
21962
21935
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
21963
21936
  .hover\:range-error:hover {
21964
21937
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
21965
- .hover\:select-info:hover,.hover\:select-info:hover select {
21938
+ .hover\:select-info:hover {
21966
21939
  --tw-border-opacity: 1;
21967
21940
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21968
- .hover\:select-info:hover:focus,.hover\:select-info:hover select:focus {
21941
+ .hover\:select-info:hover:focus {
21969
21942
  --tw-border-opacity: 1;
21970
21943
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21971
21944
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21972
- .hover\:select-success:hover,.hover\:select-success:hover select {
21945
+ .hover\:select-success:hover {
21973
21946
  --tw-border-opacity: 1;
21974
21947
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21975
- .hover\:select-success:hover:focus,.hover\:select-success:hover select:focus {
21948
+ .hover\:select-success:hover:focus {
21976
21949
  --tw-border-opacity: 1;
21977
21950
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21978
21951
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21979
- .hover\:select-warning:hover,.hover\:select-warning:hover select {
21952
+ .hover\:select-warning:hover {
21980
21953
  --tw-border-opacity: 1;
21981
21954
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21982
- .hover\:select-warning:hover:focus,.hover\:select-warning:hover select:focus {
21955
+ .hover\:select-warning:hover:focus {
21983
21956
  --tw-border-opacity: 1;
21984
21957
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21985
21958
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21986
- .hover\:select-error:hover,.hover\:select-error:hover select {
21959
+ .hover\:select-error:hover {
21987
21960
  --tw-border-opacity: 1;
21988
21961
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21989
- .hover\:select-error:hover:focus,.hover\:select-error:hover select:focus {
21962
+ .hover\:select-error:hover:focus {
21990
21963
  --tw-border-opacity: 1;
21991
21964
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21992
21965
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22050,44 +22023,36 @@ select.select {
22050
22023
  --tw-border-opacity: 1;
22051
22024
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22052
22025
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22053
- .hover\:toggle-success:hover[type="checkbox"]:focus-visible {
22026
+ .hover\:toggle-success:hover:focus-visible {
22054
22027
  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"] {
22028
+ .hover\:toggle-success:hover:checked,.hover\:toggle-success:hover[checked="true"],.hover\:toggle-success:hover[aria-checked="true"] {
22058
22029
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22059
22030
  --tw-border-opacity: 0.1;
22060
22031
  --tw-bg-opacity: 1;
22061
22032
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22062
22033
  --tw-text-opacity: 1;
22063
22034
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22064
- .hover\:toggle-warning:hover[type="checkbox"]:focus-visible {
22035
+ .hover\:toggle-warning:hover:focus-visible {
22065
22036
  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"] {
22037
+ .hover\:toggle-warning:hover:checked,.hover\:toggle-warning:hover[checked="true"],.hover\:toggle-warning:hover[aria-checked="true"] {
22069
22038
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22070
22039
  --tw-border-opacity: 0.1;
22071
22040
  --tw-bg-opacity: 1;
22072
22041
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22073
22042
  --tw-text-opacity: 1;
22074
22043
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22075
- .hover\:toggle-info:hover[type="checkbox"]:focus-visible {
22044
+ .hover\:toggle-info:hover:focus-visible {
22076
22045
  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"] {
22046
+ .hover\:toggle-info:hover:checked,.hover\:toggle-info:hover[checked="true"],.hover\:toggle-info:hover[aria-checked="true"] {
22080
22047
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22081
22048
  --tw-border-opacity: 0.1;
22082
22049
  --tw-bg-opacity: 1;
22083
22050
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22084
22051
  --tw-text-opacity: 1;
22085
22052
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22086
- .hover\:toggle-error:hover[type="checkbox"]:focus-visible {
22053
+ .hover\:toggle-error:hover:focus-visible {
22087
22054
  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"] {
22055
+ .hover\:toggle-error:hover:checked,.hover\:toggle-error:hover[checked="true"],.hover\:toggle-error:hover[aria-checked="true"] {
22091
22056
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22092
22057
  --tw-border-opacity: 0.1;
22093
22058
  --tw-bg-opacity: 1;
@@ -22095,16 +22060,16 @@ select.select {
22095
22060
  --tw-text-opacity: 1;
22096
22061
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22097
22062
  @media (hover:hover) {
22098
- .focus\:checkbox-success:focus[type="checkbox"]:hover {
22063
+ .focus\:checkbox-success:focus:hover {
22099
22064
  --tw-border-opacity: 1;
22100
22065
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22101
- .focus\:checkbox-warning:focus[type="checkbox"]:hover {
22066
+ .focus\:checkbox-warning:focus:hover {
22102
22067
  --tw-border-opacity: 1;
22103
22068
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22104
- .focus\:checkbox-info:focus[type="checkbox"]:hover {
22069
+ .focus\:checkbox-info:focus:hover {
22105
22070
  --tw-border-opacity: 1;
22106
22071
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22107
- .focus\:checkbox-error:focus[type="checkbox"]:hover {
22072
+ .focus\:checkbox-error:focus:hover {
22108
22073
  --tw-border-opacity: 1;
22109
22074
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22110
22075
  .focus\:link-success:focus:hover {
@@ -22115,16 +22080,16 @@ select.select {
22115
22080
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
22116
22081
  .focus\:link-error:focus:hover {
22117
22082
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
22118
- .focus\:radio-success:focus[type="radio"]:hover {
22083
+ .focus\:radio-success:focus:hover {
22119
22084
  --tw-border-opacity: 1;
22120
22085
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22121
- .focus\:radio-warning:focus[type="radio"]:hover {
22086
+ .focus\:radio-warning:focus:hover {
22122
22087
  --tw-border-opacity: 1;
22123
22088
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22124
- .focus\:radio-info:focus[type="radio"]:hover {
22089
+ .focus\:radio-info:focus:hover {
22125
22090
  --tw-border-opacity: 1;
22126
22091
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22127
- .focus\:radio-error:focus[type="radio"]:hover {
22092
+ .focus\:radio-error:focus:hover {
22128
22093
  --tw-border-opacity: 1;
22129
22094
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
22130
22095
  @media (hover: hover) {
@@ -22294,64 +22259,56 @@ select.select {
22294
22259
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
22295
22260
  --tw-text-opacity: 1;
22296
22261
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22297
- .focus\:checkbox-success:focus[type="checkbox"] {
22262
+ .focus\:checkbox-success:focus {
22298
22263
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
22299
22264
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
22300
22265
  --tw-border-opacity: 1;
22301
22266
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22302
- .focus\:checkbox-success:focus[type="checkbox"]:focus-visible {
22267
+ .focus\:checkbox-success:focus:focus-visible {
22303
22268
  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"] {
22269
+ .focus\:checkbox-success:focus:checked,.focus\:checkbox-success:focus[checked="true"],.focus\:checkbox-success:focus[aria-checked="true"] {
22307
22270
  --tw-border-opacity: 1;
22308
22271
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22309
22272
  --tw-bg-opacity: 1;
22310
22273
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22311
22274
  --tw-text-opacity: 1;
22312
22275
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22313
- .focus\:checkbox-warning:focus[type="checkbox"] {
22276
+ .focus\:checkbox-warning:focus {
22314
22277
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
22315
22278
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
22316
22279
  --tw-border-opacity: 1;
22317
22280
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22318
- .focus\:checkbox-warning:focus[type="checkbox"]:focus-visible {
22281
+ .focus\:checkbox-warning:focus:focus-visible {
22319
22282
  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"] {
22283
+ .focus\:checkbox-warning:focus:checked,.focus\:checkbox-warning:focus[checked="true"],.focus\:checkbox-warning:focus[aria-checked="true"] {
22323
22284
  --tw-border-opacity: 1;
22324
22285
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22325
22286
  --tw-bg-opacity: 1;
22326
22287
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22327
22288
  --tw-text-opacity: 1;
22328
22289
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22329
- .focus\:checkbox-info:focus[type="checkbox"] {
22290
+ .focus\:checkbox-info:focus {
22330
22291
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
22331
22292
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
22332
22293
  --tw-border-opacity: 1;
22333
22294
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22334
- .focus\:checkbox-info:focus[type="checkbox"]:focus-visible {
22295
+ .focus\:checkbox-info:focus:focus-visible {
22335
22296
  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"] {
22297
+ .focus\:checkbox-info:focus:checked,.focus\:checkbox-info:focus[checked="true"],.focus\:checkbox-info:focus[aria-checked="true"] {
22339
22298
  --tw-border-opacity: 1;
22340
22299
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22341
22300
  --tw-bg-opacity: 1;
22342
22301
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22343
22302
  --tw-text-opacity: 1;
22344
22303
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22345
- .focus\:checkbox-error:focus[type="checkbox"] {
22304
+ .focus\:checkbox-error:focus {
22346
22305
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
22347
22306
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
22348
22307
  --tw-border-opacity: 1;
22349
22308
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22350
- .focus\:checkbox-error:focus[type="checkbox"]:focus-visible {
22309
+ .focus\:checkbox-error:focus:focus-visible {
22351
22310
  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"] {
22311
+ .focus\:checkbox-error:focus:checked,.focus\:checkbox-error:focus[checked="true"],.focus\:checkbox-error:focus[aria-checked="true"] {
22355
22312
  --tw-border-opacity: 1;
22356
22313
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22357
22314
  --tw-bg-opacity: 1;
@@ -22494,56 +22451,52 @@ select.select {
22494
22451
  .focus\:progress-error:focus::-webkit-progress-value {
22495
22452
  --tw-bg-opacity: 1;
22496
22453
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
22497
- .focus\:radio-success:focus[type="radio"] {
22454
+ .focus\:radio-success:focus {
22498
22455
  --chkbg: var(--su);
22499
22456
  --tw-border-opacity: 1;
22500
22457
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22501
- .focus\:radio-success:focus[type="radio"]:focus-visible {
22458
+ .focus\:radio-success:focus:focus-visible {
22502
22459
  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"] {
22460
+ .focus\:radio-success:focus:checked,.focus\:radio-success:focus[aria-checked="true"] {
22505
22461
  --tw-border-opacity: 1;
22506
22462
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22507
22463
  --tw-bg-opacity: 1;
22508
22464
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22509
22465
  --tw-text-opacity: 1;
22510
22466
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22511
- .focus\:radio-warning:focus[type="radio"] {
22467
+ .focus\:radio-warning:focus {
22512
22468
  --chkbg: var(--wa);
22513
22469
  --tw-border-opacity: 1;
22514
22470
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22515
- .focus\:radio-warning:focus[type="radio"]:focus-visible {
22471
+ .focus\:radio-warning:focus:focus-visible {
22516
22472
  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"] {
22473
+ .focus\:radio-warning:focus:checked,.focus\:radio-warning:focus[aria-checked="true"] {
22519
22474
  --tw-border-opacity: 1;
22520
22475
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22521
22476
  --tw-bg-opacity: 1;
22522
22477
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22523
22478
  --tw-text-opacity: 1;
22524
22479
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22525
- .focus\:radio-info:focus[type="radio"] {
22480
+ .focus\:radio-info:focus {
22526
22481
  --chkbg: var(--in);
22527
22482
  --tw-border-opacity: 1;
22528
22483
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22529
- .focus\:radio-info:focus[type="radio"]:focus-visible {
22484
+ .focus\:radio-info:focus:focus-visible {
22530
22485
  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"] {
22486
+ .focus\:radio-info:focus:checked,.focus\:radio-info:focus[aria-checked="true"] {
22533
22487
  --tw-border-opacity: 1;
22534
22488
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22535
22489
  --tw-bg-opacity: 1;
22536
22490
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22537
22491
  --tw-text-opacity: 1;
22538
22492
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22539
- .focus\:radio-error:focus[type="radio"] {
22493
+ .focus\:radio-error:focus {
22540
22494
  --chkbg: var(--er);
22541
22495
  --tw-border-opacity: 1;
22542
22496
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22543
- .focus\:radio-error:focus[type="radio"]:focus-visible {
22497
+ .focus\:radio-error:focus:focus-visible {
22544
22498
  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"] {
22499
+ .focus\:radio-error:focus:checked,.focus\:radio-error:focus[aria-checked="true"] {
22547
22500
  --tw-border-opacity: 1;
22548
22501
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22549
22502
  --tw-bg-opacity: 1;
@@ -22558,31 +22511,31 @@ select.select {
22558
22511
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
22559
22512
  .focus\:range-error:focus {
22560
22513
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
22561
- .focus\:select-info:focus,.focus\:select-info:focus select {
22514
+ .focus\:select-info:focus {
22562
22515
  --tw-border-opacity: 1;
22563
22516
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22564
- .focus\:select-info:focus:focus,.focus\:select-info:focus select:focus {
22517
+ .focus\:select-info:focus:focus {
22565
22518
  --tw-border-opacity: 1;
22566
22519
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22567
22520
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22568
- .focus\:select-success:focus,.focus\:select-success:focus select {
22521
+ .focus\:select-success:focus {
22569
22522
  --tw-border-opacity: 1;
22570
22523
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22571
- .focus\:select-success:focus:focus,.focus\:select-success:focus select:focus {
22524
+ .focus\:select-success:focus:focus {
22572
22525
  --tw-border-opacity: 1;
22573
22526
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22574
22527
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22575
- .focus\:select-warning:focus,.focus\:select-warning:focus select {
22528
+ .focus\:select-warning:focus {
22576
22529
  --tw-border-opacity: 1;
22577
22530
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22578
- .focus\:select-warning:focus:focus,.focus\:select-warning:focus select:focus {
22531
+ .focus\:select-warning:focus:focus {
22579
22532
  --tw-border-opacity: 1;
22580
22533
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22581
22534
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22582
- .focus\:select-error:focus,.focus\:select-error:focus select {
22535
+ .focus\:select-error:focus {
22583
22536
  --tw-border-opacity: 1;
22584
22537
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22585
- .focus\:select-error:focus:focus,.focus\:select-error:focus select:focus {
22538
+ .focus\:select-error:focus:focus {
22586
22539
  --tw-border-opacity: 1;
22587
22540
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22588
22541
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22646,44 +22599,36 @@ select.select {
22646
22599
  --tw-border-opacity: 1;
22647
22600
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22648
22601
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22649
- .focus\:toggle-success:focus[type="checkbox"]:focus-visible {
22602
+ .focus\:toggle-success:focus:focus-visible {
22650
22603
  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"] {
22604
+ .focus\:toggle-success:focus:checked,.focus\:toggle-success:focus[checked="true"],.focus\:toggle-success:focus[aria-checked="true"] {
22654
22605
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22655
22606
  --tw-border-opacity: 0.1;
22656
22607
  --tw-bg-opacity: 1;
22657
22608
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22658
22609
  --tw-text-opacity: 1;
22659
22610
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22660
- .focus\:toggle-warning:focus[type="checkbox"]:focus-visible {
22611
+ .focus\:toggle-warning:focus:focus-visible {
22661
22612
  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"] {
22613
+ .focus\:toggle-warning:focus:checked,.focus\:toggle-warning:focus[checked="true"],.focus\:toggle-warning:focus[aria-checked="true"] {
22665
22614
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22666
22615
  --tw-border-opacity: 0.1;
22667
22616
  --tw-bg-opacity: 1;
22668
22617
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22669
22618
  --tw-text-opacity: 1;
22670
22619
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22671
- .focus\:toggle-info:focus[type="checkbox"]:focus-visible {
22620
+ .focus\:toggle-info:focus:focus-visible {
22672
22621
  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"] {
22622
+ .focus\:toggle-info:focus:checked,.focus\:toggle-info:focus[checked="true"],.focus\:toggle-info:focus[aria-checked="true"] {
22676
22623
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22677
22624
  --tw-border-opacity: 0.1;
22678
22625
  --tw-bg-opacity: 1;
22679
22626
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22680
22627
  --tw-text-opacity: 1;
22681
22628
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22682
- .focus\:toggle-error:focus[type="checkbox"]:focus-visible {
22629
+ .focus\:toggle-error:focus:focus-visible {
22683
22630
  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"] {
22631
+ .focus\:toggle-error:focus:checked,.focus\:toggle-error:focus[checked="true"],.focus\:toggle-error:focus[aria-checked="true"] {
22687
22632
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22688
22633
  --tw-border-opacity: 0.1;
22689
22634
  --tw-bg-opacity: 1;