daisyui 4.0.1 → 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 +337 -424
  2. package/dist/styled.css +182 -207
  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 {
@@ -2404,9 +2414,14 @@ html {
2404
2414
  height: 3rem;
2405
2415
  padding-left: 1rem;
2406
2416
  padding-right: 1rem;
2407
- font-size: 0.875rem;
2408
- line-height: 1.25rem;
2409
- line-height: 2}
2417
+ font-size: 1rem;
2418
+ line-height: 2;
2419
+ line-height: 1.5rem;
2420
+ border-radius: var(--rounded-btn, 0.5rem);
2421
+ border-width: 1px;
2422
+ border-color: transparent;
2423
+ --tw-bg-opacity: 1;
2424
+ background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}
2410
2425
  .join {
2411
2426
  display: inline-flex;
2412
2427
  align-items: stretch;
@@ -2710,7 +2725,16 @@ html {
2710
2725
  transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
2711
2726
  background-color: currentColor}
2712
2727
  .radio {
2713
- 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}
2714
2738
  .range {
2715
2739
  height: 1.5rem;
2716
2740
  width: 100%;
@@ -3006,7 +3030,25 @@ input.tab:checked + .tab-content,
3006
3030
  gap: 0.5rem;
3007
3031
  padding: 1rem}
3008
3032
  .toggle {
3009
- 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)}
3010
3052
  .alert-info {
3011
3053
  border-color: var(--fallback-in,oklch(var(--in)/0.2));
3012
3054
  --tw-text-opacity: 1;
@@ -3459,27 +3501,16 @@ input.tab:checked + .tab-content,
3459
3501
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3460
3502
  --tw-text-opacity: 1;
3461
3503
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3462
- [type="checkbox"].checkbox {
3463
- --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
3464
- --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
3465
- height: 1.5rem;
3466
- width: 1.5rem;
3467
- cursor: pointer;
3468
- appearance: none;
3469
- border-radius: var(--rounded-btn, 0.5rem);
3470
- border-width: 1px;
3471
- border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
3472
- --tw-border-opacity: 0.2}
3473
- [type="checkbox"].checkbox:focus {
3504
+ .checkbox:focus {
3474
3505
  box-shadow: none}
3475
- [type="checkbox"].checkbox:focus-visible {
3506
+ .checkbox:focus-visible {
3476
3507
  outline-style: solid;
3477
3508
  outline-width: 2px;
3478
3509
  outline-offset: 2px;
3479
3510
  outline-color: var(--fallback-bc,oklch(var(--bc)/1))}
3480
- [type="checkbox"].checkbox:checked,
3481
- [type="checkbox"].checkbox[checked="true"],
3482
- [type="checkbox"].checkbox[aria-checked="true"] {
3511
+ .checkbox:checked,
3512
+ .checkbox[checked="true"],
3513
+ .checkbox[aria-checked="true"] {
3483
3514
  --tw-bg-opacity: 1;
3484
3515
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3485
3516
  background-repeat: no-repeat;
@@ -3495,7 +3526,7 @@ input.tab:checked + .tab-content,
3495
3526
  transparent 40.99%
3496
3527
  ),
3497
3528
  linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)}
3498
- [type="checkbox"].checkbox:indeterminate {
3529
+ .checkbox:indeterminate {
3499
3530
  --tw-bg-opacity: 1;
3500
3531
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3501
3532
  background-repeat: no-repeat;
@@ -3503,119 +3534,119 @@ input.tab:checked + .tab-content,
3503
3534
  background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
3504
3535
  linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
3505
3536
  linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)}
3506
- [type="checkbox"].checkbox-primary {
3537
+ .checkbox-primary {
3507
3538
  --chkbg: var(--fallback-p,oklch(var(--p)/1));
3508
3539
  --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
3509
3540
  --tw-border-opacity: 1;
3510
3541
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
3511
- [type="checkbox"].checkbox-primary:focus-visible {
3542
+ .checkbox-primary:focus-visible {
3512
3543
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
3513
- [type="checkbox"].checkbox-primary:checked,
3514
- [type="checkbox"].checkbox-primary[checked="true"],
3515
- [type="checkbox"].checkbox-primary[aria-checked="true"] {
3544
+ .checkbox-primary:checked,
3545
+ .checkbox-primary[checked="true"],
3546
+ .checkbox-primary[aria-checked="true"] {
3516
3547
  --tw-border-opacity: 1;
3517
3548
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3518
3549
  --tw-bg-opacity: 1;
3519
3550
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
3520
3551
  --tw-text-opacity: 1;
3521
3552
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
3522
- [type="checkbox"].checkbox-secondary {
3553
+ .checkbox-secondary {
3523
3554
  --chkbg: var(--fallback-s,oklch(var(--s)/1));
3524
3555
  --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
3525
3556
  --tw-border-opacity: 1;
3526
3557
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
3527
- [type="checkbox"].checkbox-secondary:focus-visible {
3558
+ .checkbox-secondary:focus-visible {
3528
3559
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
3529
- [type="checkbox"].checkbox-secondary:checked,
3530
- [type="checkbox"].checkbox-secondary[checked="true"],
3531
- [type="checkbox"].checkbox-secondary[aria-checked="true"] {
3560
+ .checkbox-secondary:checked,
3561
+ .checkbox-secondary[checked="true"],
3562
+ .checkbox-secondary[aria-checked="true"] {
3532
3563
  --tw-border-opacity: 1;
3533
3564
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3534
3565
  --tw-bg-opacity: 1;
3535
3566
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
3536
3567
  --tw-text-opacity: 1;
3537
3568
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
3538
- [type="checkbox"].checkbox-accent {
3569
+ .checkbox-accent {
3539
3570
  --chkbg: var(--fallback-a,oklch(var(--a)/1));
3540
3571
  --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
3541
3572
  --tw-border-opacity: 1;
3542
3573
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
3543
- [type="checkbox"].checkbox-accent:focus-visible {
3574
+ .checkbox-accent:focus-visible {
3544
3575
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
3545
- [type="checkbox"].checkbox-accent:checked,
3546
- [type="checkbox"].checkbox-accent[checked="true"],
3547
- [type="checkbox"].checkbox-accent[aria-checked="true"] {
3576
+ .checkbox-accent:checked,
3577
+ .checkbox-accent[checked="true"],
3578
+ .checkbox-accent[aria-checked="true"] {
3548
3579
  --tw-border-opacity: 1;
3549
3580
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3550
3581
  --tw-bg-opacity: 1;
3551
3582
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
3552
3583
  --tw-text-opacity: 1;
3553
3584
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
3554
- [type="checkbox"].checkbox-success {
3585
+ .checkbox-success {
3555
3586
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
3556
3587
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
3557
3588
  --tw-border-opacity: 1;
3558
3589
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
3559
- [type="checkbox"].checkbox-success:focus-visible {
3590
+ .checkbox-success:focus-visible {
3560
3591
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
3561
- [type="checkbox"].checkbox-success:checked,
3562
- [type="checkbox"].checkbox-success[checked="true"],
3563
- [type="checkbox"].checkbox-success[aria-checked="true"] {
3592
+ .checkbox-success:checked,
3593
+ .checkbox-success[checked="true"],
3594
+ .checkbox-success[aria-checked="true"] {
3564
3595
  --tw-border-opacity: 1;
3565
3596
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3566
3597
  --tw-bg-opacity: 1;
3567
3598
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
3568
3599
  --tw-text-opacity: 1;
3569
3600
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
3570
- [type="checkbox"].checkbox-warning {
3601
+ .checkbox-warning {
3571
3602
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
3572
3603
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
3573
3604
  --tw-border-opacity: 1;
3574
3605
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
3575
- [type="checkbox"].checkbox-warning:focus-visible {
3606
+ .checkbox-warning:focus-visible {
3576
3607
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
3577
- [type="checkbox"].checkbox-warning:checked,
3578
- [type="checkbox"].checkbox-warning[checked="true"],
3579
- [type="checkbox"].checkbox-warning[aria-checked="true"] {
3608
+ .checkbox-warning:checked,
3609
+ .checkbox-warning[checked="true"],
3610
+ .checkbox-warning[aria-checked="true"] {
3580
3611
  --tw-border-opacity: 1;
3581
3612
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3582
3613
  --tw-bg-opacity: 1;
3583
3614
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
3584
3615
  --tw-text-opacity: 1;
3585
3616
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
3586
- [type="checkbox"].checkbox-info {
3617
+ .checkbox-info {
3587
3618
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
3588
3619
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
3589
3620
  --tw-border-opacity: 1;
3590
3621
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
3591
- [type="checkbox"].checkbox-info:focus-visible {
3622
+ .checkbox-info:focus-visible {
3592
3623
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
3593
- [type="checkbox"].checkbox-info:checked,
3594
- [type="checkbox"].checkbox-info[checked="true"],
3595
- [type="checkbox"].checkbox-info[aria-checked="true"] {
3624
+ .checkbox-info:checked,
3625
+ .checkbox-info[checked="true"],
3626
+ .checkbox-info[aria-checked="true"] {
3596
3627
  --tw-border-opacity: 1;
3597
3628
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3598
3629
  --tw-bg-opacity: 1;
3599
3630
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
3600
3631
  --tw-text-opacity: 1;
3601
3632
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
3602
- [type="checkbox"].checkbox-error {
3633
+ .checkbox-error {
3603
3634
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
3604
3635
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
3605
3636
  --tw-border-opacity: 1;
3606
3637
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
3607
- [type="checkbox"].checkbox-error:focus-visible {
3638
+ .checkbox-error:focus-visible {
3608
3639
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
3609
- [type="checkbox"].checkbox-error:checked,
3610
- [type="checkbox"].checkbox-error[checked="true"],
3611
- [type="checkbox"].checkbox-error[aria-checked="true"] {
3640
+ .checkbox-error:checked,
3641
+ .checkbox-error[checked="true"],
3642
+ .checkbox-error[aria-checked="true"] {
3612
3643
  --tw-border-opacity: 1;
3613
3644
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3614
3645
  --tw-bg-opacity: 1;
3615
3646
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
3616
3647
  --tw-text-opacity: 1;
3617
3648
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
3618
- [type="checkbox"].checkbox:disabled {
3649
+ .checkbox:disabled {
3619
3650
  cursor: not-allowed;
3620
3651
  border-color: transparent;
3621
3652
  --tw-bg-opacity: 1;
@@ -3906,118 +3937,88 @@ details.collapse summary::-webkit-details-marker {
3906
3937
  line-height: 1rem;
3907
3938
  --tw-text-opacity: 1;
3908
3939
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
3909
- .input,
3910
- input.input {
3911
- border-radius: var(--rounded-btn, 0.5rem);
3912
- border-width: 1px;
3913
- border-color: transparent;
3914
- --tw-bg-opacity: 1;
3915
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
3916
- font-size: 1rem;
3917
- line-height: 1.5rem}
3918
- .input input:focus, input.input input:focus {
3940
+ .input input:focus {
3919
3941
  outline: 2px solid transparent;
3920
3942
  outline-offset: 2px}
3921
- .input[list]::-webkit-calendar-picker-indicator, input.input[list]::-webkit-calendar-picker-indicator {
3943
+ .input[list]::-webkit-calendar-picker-indicator {
3922
3944
  line-height: 1em}
3923
- .input-bordered, input.input-bordered {
3945
+ .input-bordered {
3924
3946
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
3925
3947
  .input:focus,
3926
- .input:focus-within,
3927
- input.input:focus,
3928
- input.input:focus-within {
3948
+ .input:focus-within {
3929
3949
  box-shadow: none;
3930
3950
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
3931
3951
  outline-style: solid;
3932
3952
  outline-width: 2px;
3933
3953
  outline-offset: 2px;
3934
3954
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
3935
- .input-ghost, input.input-ghost {
3955
+ .input-ghost {
3936
3956
  --tw-bg-opacity: 0.05}
3937
3957
  .input-ghost:focus,
3938
- .input-ghost:focus-within,
3939
- input.input-ghost:focus,
3940
- input.input-ghost:focus-within {
3958
+ .input-ghost:focus-within {
3941
3959
  --tw-bg-opacity: 1;
3942
3960
  --tw-text-opacity: 1;
3943
3961
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
3944
3962
  box-shadow: none}
3945
- .input-primary, input.input-primary {
3963
+ .input-primary {
3946
3964
  --tw-border-opacity: 1;
3947
3965
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
3948
3966
  .input-primary:focus,
3949
- .input-primary:focus-within,
3950
- input.input-primary:focus,
3951
- input.input-primary:focus-within {
3967
+ .input-primary:focus-within {
3952
3968
  --tw-border-opacity: 1;
3953
3969
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3954
3970
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
3955
- .input-secondary, input.input-secondary {
3971
+ .input-secondary {
3956
3972
  --tw-border-opacity: 1;
3957
3973
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
3958
3974
  .input-secondary:focus,
3959
- .input-secondary:focus-within,
3960
- input.input-secondary:focus,
3961
- input.input-secondary:focus-within {
3975
+ .input-secondary:focus-within {
3962
3976
  --tw-border-opacity: 1;
3963
3977
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3964
3978
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
3965
- .input-accent, input.input-accent {
3979
+ .input-accent {
3966
3980
  --tw-border-opacity: 1;
3967
3981
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
3968
3982
  .input-accent:focus,
3969
- .input-accent:focus-within,
3970
- input.input-accent:focus,
3971
- input.input-accent:focus-within {
3983
+ .input-accent:focus-within {
3972
3984
  --tw-border-opacity: 1;
3973
3985
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3974
3986
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
3975
- .input-info, input.input-info {
3987
+ .input-info {
3976
3988
  --tw-border-opacity: 1;
3977
3989
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
3978
3990
  .input-info:focus,
3979
- .input-info:focus-within,
3980
- input.input-info:focus,
3981
- input.input-info:focus-within {
3991
+ .input-info:focus-within {
3982
3992
  --tw-border-opacity: 1;
3983
3993
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3984
3994
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
3985
- .input-success, input.input-success {
3995
+ .input-success {
3986
3996
  --tw-border-opacity: 1;
3987
3997
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
3988
3998
  .input-success:focus,
3989
- .input-success:focus-within,
3990
- input.input-success:focus,
3991
- input.input-success:focus-within {
3999
+ .input-success:focus-within {
3992
4000
  --tw-border-opacity: 1;
3993
4001
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3994
4002
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
3995
- .input-warning, input.input-warning {
4003
+ .input-warning {
3996
4004
  --tw-border-opacity: 1;
3997
4005
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
3998
4006
  .input-warning:focus,
3999
- .input-warning:focus-within,
4000
- input.input-warning:focus,
4001
- input.input-warning:focus-within {
4007
+ .input-warning:focus-within {
4002
4008
  --tw-border-opacity: 1;
4003
4009
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4004
4010
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4005
- .input-error, input.input-error {
4011
+ .input-error {
4006
4012
  --tw-border-opacity: 1;
4007
4013
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4008
4014
  .input-error:focus,
4009
- .input-error:focus-within,
4010
- input.input-error:focus,
4011
- input.input-error:focus-within {
4015
+ .input-error:focus-within {
4012
4016
  --tw-border-opacity: 1;
4013
4017
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4014
4018
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4015
4019
  .input-disabled,
4016
4020
  .input:disabled,
4017
- .input[disabled],
4018
- input.input-disabled,
4019
- input.input:disabled,
4020
- input.input[disabled] {
4021
+ .input[disabled] {
4021
4022
  cursor: not-allowed;
4022
4023
  --tw-border-opacity: 1;
4023
4024
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4026,10 +4027,7 @@ input.input {
4026
4027
  color: var(--fallback-bc,oklch(var(--bc)/0.4))}
4027
4028
  .input-disabled::placeholder,
4028
4029
  .input:disabled::placeholder,
4029
- .input[disabled]::placeholder,
4030
- input.input-disabled::placeholder,
4031
- input.input:disabled::placeholder,
4032
- input.input[disabled]::placeholder {
4030
+ .input[disabled]::placeholder {
4033
4031
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
4034
4032
  --tw-placeholder-opacity: 0.2}
4035
4033
  .join > :where(*:not(:first-child)) {
@@ -4502,130 +4500,120 @@ input.input {
4502
4500
  @keyframes progress-loading {
4503
4501
  50% {
4504
4502
  background-position-x: -115%}}
4505
- [type="radio"].radio {
4506
- --chkbg: var(--bc);
4507
- height: 1.5rem;
4508
- width: 1.5rem;
4509
- cursor: pointer;
4510
- appearance: none;
4511
- border-radius: 9999px;
4512
- border-width: 1px;
4513
- border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
4514
- --tw-border-opacity: 0.2}
4515
- [type="radio"].radio:focus {
4503
+ .radio:focus {
4516
4504
  box-shadow: none}
4517
- [type="radio"].radio:focus-visible {
4505
+ .radio:focus-visible {
4518
4506
  outline-style: solid;
4519
4507
  outline-width: 2px;
4520
4508
  outline-offset: 2px;
4521
4509
  outline-color: var(--fallback-bc,oklch(var(--bc)/1))}
4522
- [type="radio"].radio:checked,
4523
- [type="radio"].radio[aria-checked="true"] {
4510
+ .radio:checked,
4511
+ .radio[aria-checked="true"] {
4524
4512
  --tw-bg-opacity: 1;
4525
4513
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
4526
4514
  background-image: none;
4527
4515
  animation: radiomark var(--animation-input, 0.2s) ease-out;
4528
4516
  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
4529
4517
  0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}
4530
- [type="radio"].radio-primary {
4518
+ .radio-primary {
4531
4519
  --chkbg: var(--p);
4532
4520
  --tw-border-opacity: 1;
4533
4521
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4534
- [type="radio"].radio-primary:focus-visible {
4522
+ .radio-primary:focus-visible {
4535
4523
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4536
- [type="radio"].radio-primary:checked,
4537
- [type="radio"].radio-primary[aria-checked="true"] {
4524
+ .radio-primary:checked,
4525
+ .radio-primary[aria-checked="true"] {
4538
4526
  --tw-border-opacity: 1;
4539
4527
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4540
4528
  --tw-bg-opacity: 1;
4541
4529
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
4542
4530
  --tw-text-opacity: 1;
4543
4531
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
4544
- [type="radio"].radio-secondary {
4532
+ .radio-secondary {
4545
4533
  --chkbg: var(--s);
4546
4534
  --tw-border-opacity: 1;
4547
4535
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4548
- [type="radio"].radio-secondary:focus-visible {
4536
+ .radio-secondary:focus-visible {
4549
4537
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4550
- [type="radio"].radio-secondary:checked,
4551
- [type="radio"].radio-secondary[aria-checked="true"] {
4538
+ .radio-secondary:checked,
4539
+ .radio-secondary[aria-checked="true"] {
4552
4540
  --tw-border-opacity: 1;
4553
4541
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4554
4542
  --tw-bg-opacity: 1;
4555
4543
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
4556
4544
  --tw-text-opacity: 1;
4557
4545
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
4558
- [type="radio"].radio-accent {
4546
+ .radio-accent {
4559
4547
  --chkbg: var(--a);
4560
4548
  --tw-border-opacity: 1;
4561
4549
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4562
- [type="radio"].radio-accent:focus-visible {
4550
+ .radio-accent:focus-visible {
4563
4551
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4564
- [type="radio"].radio-accent:checked,
4565
- [type="radio"].radio-accent[aria-checked="true"] {
4552
+ .radio-accent:checked,
4553
+ .radio-accent[aria-checked="true"] {
4566
4554
  --tw-border-opacity: 1;
4567
4555
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4568
4556
  --tw-bg-opacity: 1;
4569
4557
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
4570
4558
  --tw-text-opacity: 1;
4571
4559
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
4572
- [type="radio"].radio-success {
4560
+ .radio-success {
4573
4561
  --chkbg: var(--su);
4574
4562
  --tw-border-opacity: 1;
4575
4563
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4576
- [type="radio"].radio-success:focus-visible {
4564
+ .radio-success:focus-visible {
4577
4565
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4578
- [type="radio"].radio-success:checked,
4579
- [type="radio"].radio-success[aria-checked="true"] {
4566
+ .radio-success:checked,
4567
+ .radio-success[aria-checked="true"] {
4580
4568
  --tw-border-opacity: 1;
4581
4569
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4582
4570
  --tw-bg-opacity: 1;
4583
4571
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
4584
4572
  --tw-text-opacity: 1;
4585
4573
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
4586
- [type="radio"].radio-warning {
4574
+ .radio-warning {
4587
4575
  --chkbg: var(--wa);
4588
4576
  --tw-border-opacity: 1;
4589
4577
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4590
- [type="radio"].radio-warning:focus-visible {
4578
+ .radio-warning:focus-visible {
4591
4579
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4592
- [type="radio"].radio-warning:checked,
4593
- [type="radio"].radio-warning[aria-checked="true"] {
4580
+ .radio-warning:checked,
4581
+ .radio-warning[aria-checked="true"] {
4594
4582
  --tw-border-opacity: 1;
4595
4583
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4596
4584
  --tw-bg-opacity: 1;
4597
4585
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
4598
4586
  --tw-text-opacity: 1;
4599
4587
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
4600
- [type="radio"].radio-info {
4588
+ .radio-info {
4601
4589
  --chkbg: var(--in);
4602
4590
  --tw-border-opacity: 1;
4603
4591
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4604
- [type="radio"].radio-info:focus-visible {
4592
+ .radio-info:focus-visible {
4605
4593
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4606
- [type="radio"].radio-info:checked,
4607
- [type="radio"].radio-info[aria-checked="true"] {
4594
+ .radio-info:checked,
4595
+ .radio-info[aria-checked="true"] {
4608
4596
  --tw-border-opacity: 1;
4609
4597
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4610
4598
  --tw-bg-opacity: 1;
4611
4599
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
4612
4600
  --tw-text-opacity: 1;
4613
4601
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
4614
- [type="radio"].radio-error {
4602
+ .radio-error {
4615
4603
  --chkbg: var(--er);
4616
4604
  --tw-border-opacity: 1;
4617
4605
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4618
- [type="radio"].radio-error:focus-visible {
4606
+ .radio-error:focus-visible {
4619
4607
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4620
- [type="radio"].radio-error:checked,
4621
- [type="radio"].radio-error[aria-checked="true"] {
4608
+ .radio-error:checked,
4609
+ .radio-error[aria-checked="true"] {
4622
4610
  --tw-border-opacity: 1;
4623
4611
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4624
4612
  --tw-bg-opacity: 1;
4625
4613
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
4626
4614
  --tw-text-opacity: 1;
4627
4615
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
4628
- [type="radio"].radio:disabled {
4616
+ .radio:disabled {
4629
4617
  cursor: not-allowed;
4630
4618
  opacity: 0.2}
4631
4619
  @keyframes radiomark {
@@ -4731,7 +4719,7 @@ input.input {
4731
4719
  100% {
4732
4720
  transform: translateY(0)}}
4733
4721
  .select,
4734
- select.select {
4722
+ :where(select.select) {
4735
4723
  border-radius: var(--rounded-btn, 0.5rem);
4736
4724
  border-width: 1px;
4737
4725
  border-color: transparent;
@@ -4745,76 +4733,76 @@ select.select {
4745
4733
  background-size: 4px 4px,
4746
4734
  4px 4px;
4747
4735
  background-repeat: no-repeat}
4748
- .select-bordered, select.select-bordered {
4736
+ .select-bordered, :where(select.select)-bordered {
4749
4737
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4750
- .select:focus, select.select:focus {
4738
+ .select:focus, :where(select.select):focus {
4751
4739
  box-shadow: none;
4752
4740
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4753
4741
  outline-style: solid;
4754
4742
  outline-width: 2px;
4755
4743
  outline-offset: 2px;
4756
4744
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
4757
- .select-ghost, select.select-ghost {
4745
+ .select-ghost, :where(select.select)-ghost {
4758
4746
  --tw-bg-opacity: 0.05}
4759
- .select-ghost:focus, select.select-ghost:focus {
4747
+ .select-ghost:focus, :where(select.select)-ghost:focus {
4760
4748
  --tw-bg-opacity: 1;
4761
4749
  --tw-text-opacity: 1;
4762
4750
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
4763
- .select-primary, select.select-primary {
4751
+ .select-primary, :where(select.select)-primary {
4764
4752
  --tw-border-opacity: 1;
4765
4753
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
4766
- .select-primary:focus, select.select-primary:focus {
4754
+ .select-primary:focus, :where(select.select)-primary:focus {
4767
4755
  --tw-border-opacity: 1;
4768
4756
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4769
4757
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
4770
- .select-secondary, select.select-secondary {
4758
+ .select-secondary, :where(select.select)-secondary {
4771
4759
  --tw-border-opacity: 1;
4772
4760
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
4773
- .select-secondary:focus, select.select-secondary:focus {
4761
+ .select-secondary:focus, :where(select.select)-secondary:focus {
4774
4762
  --tw-border-opacity: 1;
4775
4763
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4776
4764
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
4777
- .select-accent, select.select-accent {
4765
+ .select-accent, :where(select.select)-accent {
4778
4766
  --tw-border-opacity: 1;
4779
4767
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
4780
- .select-accent:focus, select.select-accent:focus {
4768
+ .select-accent:focus, :where(select.select)-accent:focus {
4781
4769
  --tw-border-opacity: 1;
4782
4770
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4783
4771
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
4784
- .select-info, select.select-info {
4772
+ .select-info, :where(select.select)-info {
4785
4773
  --tw-border-opacity: 1;
4786
4774
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
4787
- .select-info:focus, select.select-info:focus {
4775
+ .select-info:focus, :where(select.select)-info:focus {
4788
4776
  --tw-border-opacity: 1;
4789
4777
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4790
4778
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
4791
- .select-success, select.select-success {
4779
+ .select-success, :where(select.select)-success {
4792
4780
  --tw-border-opacity: 1;
4793
4781
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
4794
- .select-success:focus, select.select-success:focus {
4782
+ .select-success:focus, :where(select.select)-success:focus {
4795
4783
  --tw-border-opacity: 1;
4796
4784
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4797
4785
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
4798
- .select-warning, select.select-warning {
4786
+ .select-warning, :where(select.select)-warning {
4799
4787
  --tw-border-opacity: 1;
4800
4788
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
4801
- .select-warning:focus, select.select-warning:focus {
4789
+ .select-warning:focus, :where(select.select)-warning:focus {
4802
4790
  --tw-border-opacity: 1;
4803
4791
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4804
4792
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
4805
- .select-error, select.select-error {
4793
+ .select-error, :where(select.select)-error {
4806
4794
  --tw-border-opacity: 1;
4807
4795
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
4808
- .select-error:focus, select.select-error:focus {
4796
+ .select-error:focus, :where(select.select)-error:focus {
4809
4797
  --tw-border-opacity: 1;
4810
4798
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4811
4799
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
4812
4800
  .select-disabled,
4813
4801
  .select:disabled,
4814
4802
  .select[disabled],
4815
- select.select-disabled,
4816
- select.select:disabled,
4817
- select.select[disabled] {
4803
+ :where(select.select)-disabled,
4804
+ :where(select.select):disabled,
4805
+ :where(select.select)[disabled] {
4818
4806
  cursor: not-allowed;
4819
4807
  --tw-border-opacity: 1;
4820
4808
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4824,17 +4812,17 @@ select.select {
4824
4812
  .select-disabled::placeholder,
4825
4813
  .select:disabled::placeholder,
4826
4814
  .select[disabled]::placeholder,
4827
- select.select-disabled::placeholder,
4828
- select.select:disabled::placeholder,
4829
- select.select[disabled]::placeholder {
4815
+ :where(select.select)-disabled::placeholder,
4816
+ :where(select.select):disabled::placeholder,
4817
+ :where(select.select)[disabled]::placeholder {
4830
4818
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
4831
4819
  --tw-placeholder-opacity: 0.2}
4832
4820
  .select-multiple,
4833
4821
  .select[multiple],
4834
4822
  .select[size].select:not([size="1"]),
4835
- select.select-multiple,
4836
- select.select[multiple],
4837
- 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"]) {
4838
4826
  background-image: none;
4839
4827
  padding-right: 1rem}
4840
4828
  [dir="rtl"] .select {
@@ -5257,131 +5245,112 @@ select.select {
5257
5245
  100% {
5258
5246
  transform: scale(1);
5259
5247
  opacity: 1}}
5260
- [type="checkbox"].toggle {
5261
- --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
5262
- --handleoffset: 1.5rem;
5263
- --handleoffsetcalculator: calc(var(--handleoffset) * -1);
5264
- --togglehandleborder: 0 0;
5265
- height: 1.5rem;
5266
- width: 3rem;
5267
- cursor: pointer;
5268
- appearance: none;
5269
- border-radius: var(--rounded-badge, 1.9rem);
5270
- border-width: 1px;
5271
- border-color: currentColor;
5272
- background-color: currentColor;
5273
- color: var(--fallback-bc,oklch(var(--bc)/0.5));
5274
- transition: background,
5275
- box-shadow var(--animation-input, 0.2s) ease-out;
5276
- box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
5277
- 0 0 0 2px var(--tglbg) inset,
5278
- var(--togglehandleborder)}
5279
- [dir="rtl"] [type="checkbox"].toggle {
5248
+ [dir="rtl"] .toggle {
5280
5249
  --handleoffsetcalculator: calc(var(--handleoffset) * 1)}
5281
- [type="checkbox"].toggle:focus-visible {
5250
+ .toggle:focus-visible {
5282
5251
  outline-style: solid;
5283
5252
  outline-width: 2px;
5284
5253
  outline-offset: 2px;
5285
5254
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
5286
- [type="checkbox"].toggle:hover {
5255
+ .toggle:hover {
5287
5256
  background-color: currentColor}
5288
- [type="checkbox"].toggle:checked,
5289
- [type="checkbox"].toggle[checked="true"],
5290
- [type="checkbox"].toggle[aria-checked="true"] {
5257
+ .toggle:checked,
5258
+ .toggle[checked="true"],
5259
+ .toggle[aria-checked="true"] {
5291
5260
  background-image: none;
5292
5261
  --handleoffsetcalculator: var(--handleoffset);
5293
5262
  --tw-text-opacity: 1;
5294
5263
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
5295
- [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"] {
5296
5265
  --handleoffsetcalculator: calc(var(--handleoffset) * -1)}
5297
- [type="checkbox"].toggle:indeterminate {
5266
+ .toggle:indeterminate {
5298
5267
  --tw-text-opacity: 1;
5299
5268
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5300
5269
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5301
5270
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5302
5271
  0 0 0 2px var(--tglbg) inset}
5303
- [dir="rtl"] [type="checkbox"].toggle:indeterminate {
5272
+ [dir="rtl"] .toggle:indeterminate {
5304
5273
  box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
5305
5274
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
5306
5275
  0 0 0 2px var(--tglbg) inset}
5307
- [type="checkbox"].toggle-primary:focus-visible {
5276
+ .toggle-primary:focus-visible {
5308
5277
  outline-color: var(--fallback-p,oklch(var(--p)/1))}
5309
- [type="checkbox"].toggle-primary:checked,
5310
- [type="checkbox"].toggle-primary[checked="true"],
5311
- [type="checkbox"].toggle-primary[aria-checked="true"] {
5278
+ .toggle-primary:checked,
5279
+ .toggle-primary[checked="true"],
5280
+ .toggle-primary[aria-checked="true"] {
5312
5281
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
5313
5282
  --tw-border-opacity: 0.1;
5314
5283
  --tw-bg-opacity: 1;
5315
5284
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
5316
5285
  --tw-text-opacity: 1;
5317
5286
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
5318
- [type="checkbox"].toggle-secondary:focus-visible {
5287
+ .toggle-secondary:focus-visible {
5319
5288
  outline-color: var(--fallback-s,oklch(var(--s)/1))}
5320
- [type="checkbox"].toggle-secondary:checked,
5321
- [type="checkbox"].toggle-secondary[checked="true"],
5322
- [type="checkbox"].toggle-secondary[aria-checked="true"] {
5289
+ .toggle-secondary:checked,
5290
+ .toggle-secondary[checked="true"],
5291
+ .toggle-secondary[aria-checked="true"] {
5323
5292
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
5324
5293
  --tw-border-opacity: 0.1;
5325
5294
  --tw-bg-opacity: 1;
5326
5295
  background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
5327
5296
  --tw-text-opacity: 1;
5328
5297
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}
5329
- [type="checkbox"].toggle-accent:focus-visible {
5298
+ .toggle-accent:focus-visible {
5330
5299
  outline-color: var(--fallback-a,oklch(var(--a)/1))}
5331
- [type="checkbox"].toggle-accent:checked,
5332
- [type="checkbox"].toggle-accent[checked="true"],
5333
- [type="checkbox"].toggle-accent[aria-checked="true"] {
5300
+ .toggle-accent:checked,
5301
+ .toggle-accent[checked="true"],
5302
+ .toggle-accent[aria-checked="true"] {
5334
5303
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
5335
5304
  --tw-border-opacity: 0.1;
5336
5305
  --tw-bg-opacity: 1;
5337
5306
  background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
5338
5307
  --tw-text-opacity: 1;
5339
5308
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))}
5340
- [type="checkbox"].toggle-success:focus-visible {
5309
+ .toggle-success:focus-visible {
5341
5310
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
5342
- [type="checkbox"].toggle-success:checked,
5343
- [type="checkbox"].toggle-success[checked="true"],
5344
- [type="checkbox"].toggle-success[aria-checked="true"] {
5311
+ .toggle-success:checked,
5312
+ .toggle-success[checked="true"],
5313
+ .toggle-success[aria-checked="true"] {
5345
5314
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
5346
5315
  --tw-border-opacity: 0.1;
5347
5316
  --tw-bg-opacity: 1;
5348
5317
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
5349
5318
  --tw-text-opacity: 1;
5350
5319
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
5351
- [type="checkbox"].toggle-warning:focus-visible {
5320
+ .toggle-warning:focus-visible {
5352
5321
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
5353
- [type="checkbox"].toggle-warning:checked,
5354
- [type="checkbox"].toggle-warning[checked="true"],
5355
- [type="checkbox"].toggle-warning[aria-checked="true"] {
5322
+ .toggle-warning:checked,
5323
+ .toggle-warning[checked="true"],
5324
+ .toggle-warning[aria-checked="true"] {
5356
5325
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
5357
5326
  --tw-border-opacity: 0.1;
5358
5327
  --tw-bg-opacity: 1;
5359
5328
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
5360
5329
  --tw-text-opacity: 1;
5361
5330
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
5362
- [type="checkbox"].toggle-info:focus-visible {
5331
+ .toggle-info:focus-visible {
5363
5332
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
5364
- [type="checkbox"].toggle-info:checked,
5365
- [type="checkbox"].toggle-info[checked="true"],
5366
- [type="checkbox"].toggle-info[aria-checked="true"] {
5333
+ .toggle-info:checked,
5334
+ .toggle-info[checked="true"],
5335
+ .toggle-info[aria-checked="true"] {
5367
5336
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
5368
5337
  --tw-border-opacity: 0.1;
5369
5338
  --tw-bg-opacity: 1;
5370
5339
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
5371
5340
  --tw-text-opacity: 1;
5372
5341
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
5373
- [type="checkbox"].toggle-error:focus-visible {
5342
+ .toggle-error:focus-visible {
5374
5343
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
5375
- [type="checkbox"].toggle-error:checked,
5376
- [type="checkbox"].toggle-error[checked="true"],
5377
- [type="checkbox"].toggle-error[aria-checked="true"] {
5344
+ .toggle-error:checked,
5345
+ .toggle-error[checked="true"],
5346
+ .toggle-error[aria-checked="true"] {
5378
5347
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
5379
5348
  --tw-border-opacity: 0.1;
5380
5349
  --tw-bg-opacity: 1;
5381
5350
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
5382
5351
  --tw-text-opacity: 1;
5383
5352
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
5384
- [type="checkbox"].toggle:disabled {
5353
+ .toggle:disabled {
5385
5354
  cursor: not-allowed;
5386
5355
  --tw-border-opacity: 1;
5387
5356
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
@@ -21527,16 +21496,16 @@ select.select {
21527
21496
  --tooltip-color: var(--fallback-er,oklch(var(--er)/1));
21528
21497
  --tooltip-text-color: var(--fallback-erc,oklch(var(--erc)/1))}
21529
21498
  @media (hover:hover) {
21530
- .hover\:checkbox-success:hover[type="checkbox"]:hover {
21499
+ .hover\:checkbox-success:hover:hover {
21531
21500
  --tw-border-opacity: 1;
21532
21501
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21533
- .hover\:checkbox-warning:hover[type="checkbox"]:hover {
21502
+ .hover\:checkbox-warning:hover:hover {
21534
21503
  --tw-border-opacity: 1;
21535
21504
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21536
- .hover\:checkbox-info:hover[type="checkbox"]:hover {
21505
+ .hover\:checkbox-info:hover:hover {
21537
21506
  --tw-border-opacity: 1;
21538
21507
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21539
- .hover\:checkbox-error:hover[type="checkbox"]:hover {
21508
+ .hover\:checkbox-error:hover:hover {
21540
21509
  --tw-border-opacity: 1;
21541
21510
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21542
21511
  .hover\:link-success:hover:hover {
@@ -21547,16 +21516,16 @@ select.select {
21547
21516
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
21548
21517
  .hover\:link-error:hover:hover {
21549
21518
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
21550
- .hover\:radio-success:hover[type="radio"]:hover {
21519
+ .hover\:radio-success:hover:hover {
21551
21520
  --tw-border-opacity: 1;
21552
21521
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21553
- .hover\:radio-warning:hover[type="radio"]:hover {
21522
+ .hover\:radio-warning:hover:hover {
21554
21523
  --tw-border-opacity: 1;
21555
21524
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21556
- .hover\:radio-info:hover[type="radio"]:hover {
21525
+ .hover\:radio-info:hover:hover {
21557
21526
  --tw-border-opacity: 1;
21558
21527
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21559
- .hover\:radio-error:hover[type="radio"]:hover {
21528
+ .hover\:radio-error:hover:hover {
21560
21529
  --tw-border-opacity: 1;
21561
21530
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
21562
21531
  @media (hover: hover) {
@@ -21726,64 +21695,56 @@ select.select {
21726
21695
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
21727
21696
  --tw-text-opacity: 1;
21728
21697
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
21729
- .hover\:checkbox-success:hover[type="checkbox"] {
21698
+ .hover\:checkbox-success:hover {
21730
21699
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
21731
21700
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
21732
21701
  --tw-border-opacity: 1;
21733
21702
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21734
- .hover\:checkbox-success:hover[type="checkbox"]:focus-visible {
21703
+ .hover\:checkbox-success:hover:focus-visible {
21735
21704
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21736
- .hover\:checkbox-success:hover[type="checkbox"]:checked,.hover\:checkbox-success:hover
21737
- [type="checkbox"][checked="true"],.hover\:checkbox-success:hover
21738
- [type="checkbox"][aria-checked="true"] {
21705
+ .hover\:checkbox-success:hover:checked,.hover\:checkbox-success:hover[checked="true"],.hover\:checkbox-success:hover[aria-checked="true"] {
21739
21706
  --tw-border-opacity: 1;
21740
21707
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21741
21708
  --tw-bg-opacity: 1;
21742
21709
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21743
21710
  --tw-text-opacity: 1;
21744
21711
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21745
- .hover\:checkbox-warning:hover[type="checkbox"] {
21712
+ .hover\:checkbox-warning:hover {
21746
21713
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
21747
21714
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
21748
21715
  --tw-border-opacity: 1;
21749
21716
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21750
- .hover\:checkbox-warning:hover[type="checkbox"]:focus-visible {
21717
+ .hover\:checkbox-warning:hover:focus-visible {
21751
21718
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21752
- .hover\:checkbox-warning:hover[type="checkbox"]:checked,.hover\:checkbox-warning:hover
21753
- [type="checkbox"][checked="true"],.hover\:checkbox-warning:hover
21754
- [type="checkbox"][aria-checked="true"] {
21719
+ .hover\:checkbox-warning:hover:checked,.hover\:checkbox-warning:hover[checked="true"],.hover\:checkbox-warning:hover[aria-checked="true"] {
21755
21720
  --tw-border-opacity: 1;
21756
21721
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21757
21722
  --tw-bg-opacity: 1;
21758
21723
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21759
21724
  --tw-text-opacity: 1;
21760
21725
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21761
- .hover\:checkbox-info:hover[type="checkbox"] {
21726
+ .hover\:checkbox-info:hover {
21762
21727
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
21763
21728
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
21764
21729
  --tw-border-opacity: 1;
21765
21730
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21766
- .hover\:checkbox-info:hover[type="checkbox"]:focus-visible {
21731
+ .hover\:checkbox-info:hover:focus-visible {
21767
21732
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21768
- .hover\:checkbox-info:hover[type="checkbox"]:checked,.hover\:checkbox-info:hover
21769
- [type="checkbox"][checked="true"],.hover\:checkbox-info:hover
21770
- [type="checkbox"][aria-checked="true"] {
21733
+ .hover\:checkbox-info:hover:checked,.hover\:checkbox-info:hover[checked="true"],.hover\:checkbox-info:hover[aria-checked="true"] {
21771
21734
  --tw-border-opacity: 1;
21772
21735
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21773
21736
  --tw-bg-opacity: 1;
21774
21737
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21775
21738
  --tw-text-opacity: 1;
21776
21739
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21777
- .hover\:checkbox-error:hover[type="checkbox"] {
21740
+ .hover\:checkbox-error:hover {
21778
21741
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
21779
21742
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
21780
21743
  --tw-border-opacity: 1;
21781
21744
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21782
- .hover\:checkbox-error:hover[type="checkbox"]:focus-visible {
21745
+ .hover\:checkbox-error:hover:focus-visible {
21783
21746
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
21784
- .hover\:checkbox-error:hover[type="checkbox"]:checked,.hover\:checkbox-error:hover
21785
- [type="checkbox"][checked="true"],.hover\:checkbox-error:hover
21786
- [type="checkbox"][aria-checked="true"] {
21747
+ .hover\:checkbox-error:hover:checked,.hover\:checkbox-error:hover[checked="true"],.hover\:checkbox-error:hover[aria-checked="true"] {
21787
21748
  --tw-border-opacity: 1;
21788
21749
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21789
21750
  --tw-bg-opacity: 1;
@@ -21850,39 +21811,31 @@ select.select {
21850
21811
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
21851
21812
  --tw-text-opacity: 1;
21852
21813
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
21853
- .hover\:input-info:hover,.hover\:input-info:hover input {
21814
+ .hover\:input-info:hover {
21854
21815
  --tw-border-opacity: 1;
21855
21816
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21856
- .hover\:input-info:hover:focus,.hover\:input-info:hover:focus-within,.hover\:input-info:hover
21857
- input:focus,.hover\:input-info:hover
21858
- input:focus-within {
21817
+ .hover\:input-info:hover:focus,.hover\:input-info:hover:focus-within {
21859
21818
  --tw-border-opacity: 1;
21860
21819
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21861
21820
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21862
- .hover\:input-success:hover,.hover\:input-success:hover input {
21821
+ .hover\:input-success:hover {
21863
21822
  --tw-border-opacity: 1;
21864
21823
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21865
- .hover\:input-success:hover:focus,.hover\:input-success:hover:focus-within,.hover\:input-success:hover
21866
- input:focus,.hover\:input-success:hover
21867
- input:focus-within {
21824
+ .hover\:input-success:hover:focus,.hover\:input-success:hover:focus-within {
21868
21825
  --tw-border-opacity: 1;
21869
21826
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21870
21827
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21871
- .hover\:input-warning:hover,.hover\:input-warning:hover input {
21828
+ .hover\:input-warning:hover {
21872
21829
  --tw-border-opacity: 1;
21873
21830
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21874
- .hover\:input-warning:hover:focus,.hover\:input-warning:hover:focus-within,.hover\:input-warning:hover
21875
- input:focus,.hover\:input-warning:hover
21876
- input:focus-within {
21831
+ .hover\:input-warning:hover:focus,.hover\:input-warning:hover:focus-within {
21877
21832
  --tw-border-opacity: 1;
21878
21833
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21879
21834
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21880
- .hover\:input-error:hover,.hover\:input-error:hover input {
21835
+ .hover\:input-error:hover {
21881
21836
  --tw-border-opacity: 1;
21882
21837
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21883
- .hover\:input-error:hover:focus,.hover\:input-error:hover:focus-within,.hover\:input-error:hover
21884
- input:focus,.hover\:input-error:hover
21885
- input:focus-within {
21838
+ .hover\:input-error:hover:focus,.hover\:input-error:hover:focus-within {
21886
21839
  --tw-border-opacity: 1;
21887
21840
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21888
21841
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -21934,56 +21887,52 @@ select.select {
21934
21887
  .hover\:progress-error:hover::-webkit-progress-value {
21935
21888
  --tw-bg-opacity: 1;
21936
21889
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
21937
- .hover\:radio-success:hover[type="radio"] {
21890
+ .hover\:radio-success:hover {
21938
21891
  --chkbg: var(--su);
21939
21892
  --tw-border-opacity: 1;
21940
21893
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
21941
- .hover\:radio-success:hover[type="radio"]:focus-visible {
21894
+ .hover\:radio-success:hover:focus-visible {
21942
21895
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
21943
- .hover\:radio-success:hover[type="radio"]:checked,.hover\:radio-success:hover
21944
- [type="radio"][aria-checked="true"] {
21896
+ .hover\:radio-success:hover:checked,.hover\:radio-success:hover[aria-checked="true"] {
21945
21897
  --tw-border-opacity: 1;
21946
21898
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
21947
21899
  --tw-bg-opacity: 1;
21948
21900
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
21949
21901
  --tw-text-opacity: 1;
21950
21902
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
21951
- .hover\:radio-warning:hover[type="radio"] {
21903
+ .hover\:radio-warning:hover {
21952
21904
  --chkbg: var(--wa);
21953
21905
  --tw-border-opacity: 1;
21954
21906
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
21955
- .hover\:radio-warning:hover[type="radio"]:focus-visible {
21907
+ .hover\:radio-warning:hover:focus-visible {
21956
21908
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
21957
- .hover\:radio-warning:hover[type="radio"]:checked,.hover\:radio-warning:hover
21958
- [type="radio"][aria-checked="true"] {
21909
+ .hover\:radio-warning:hover:checked,.hover\:radio-warning:hover[aria-checked="true"] {
21959
21910
  --tw-border-opacity: 1;
21960
21911
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
21961
21912
  --tw-bg-opacity: 1;
21962
21913
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
21963
21914
  --tw-text-opacity: 1;
21964
21915
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
21965
- .hover\:radio-info:hover[type="radio"] {
21916
+ .hover\:radio-info:hover {
21966
21917
  --chkbg: var(--in);
21967
21918
  --tw-border-opacity: 1;
21968
21919
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
21969
- .hover\:radio-info:hover[type="radio"]:focus-visible {
21920
+ .hover\:radio-info:hover:focus-visible {
21970
21921
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
21971
- .hover\:radio-info:hover[type="radio"]:checked,.hover\:radio-info:hover
21972
- [type="radio"][aria-checked="true"] {
21922
+ .hover\:radio-info:hover:checked,.hover\:radio-info:hover[aria-checked="true"] {
21973
21923
  --tw-border-opacity: 1;
21974
21924
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
21975
21925
  --tw-bg-opacity: 1;
21976
21926
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
21977
21927
  --tw-text-opacity: 1;
21978
21928
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
21979
- .hover\:radio-error:hover[type="radio"] {
21929
+ .hover\:radio-error:hover {
21980
21930
  --chkbg: var(--er);
21981
21931
  --tw-border-opacity: 1;
21982
21932
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
21983
- .hover\:radio-error:hover[type="radio"]:focus-visible {
21933
+ .hover\:radio-error:hover:focus-visible {
21984
21934
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
21985
- .hover\:radio-error:hover[type="radio"]:checked,.hover\:radio-error:hover
21986
- [type="radio"][aria-checked="true"] {
21935
+ .hover\:radio-error:hover:checked,.hover\:radio-error:hover[aria-checked="true"] {
21987
21936
  --tw-border-opacity: 1;
21988
21937
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
21989
21938
  --tw-bg-opacity: 1;
@@ -21998,31 +21947,31 @@ select.select {
21998
21947
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
21999
21948
  .hover\:range-error:hover {
22000
21949
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
22001
- .hover\:select-info:hover,.hover\:select-info:hover select {
21950
+ .hover\:select-info:hover {
22002
21951
  --tw-border-opacity: 1;
22003
21952
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22004
- .hover\:select-info:hover:focus,.hover\:select-info:hover select:focus {
21953
+ .hover\:select-info:hover:focus {
22005
21954
  --tw-border-opacity: 1;
22006
21955
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22007
21956
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22008
- .hover\:select-success:hover,.hover\:select-success:hover select {
21957
+ .hover\:select-success:hover {
22009
21958
  --tw-border-opacity: 1;
22010
21959
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22011
- .hover\:select-success:hover:focus,.hover\:select-success:hover select:focus {
21960
+ .hover\:select-success:hover:focus {
22012
21961
  --tw-border-opacity: 1;
22013
21962
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22014
21963
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22015
- .hover\:select-warning:hover,.hover\:select-warning:hover select {
21964
+ .hover\:select-warning:hover {
22016
21965
  --tw-border-opacity: 1;
22017
21966
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22018
- .hover\:select-warning:hover:focus,.hover\:select-warning:hover select:focus {
21967
+ .hover\:select-warning:hover:focus {
22019
21968
  --tw-border-opacity: 1;
22020
21969
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22021
21970
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22022
- .hover\:select-error:hover,.hover\:select-error:hover select {
21971
+ .hover\:select-error:hover {
22023
21972
  --tw-border-opacity: 1;
22024
21973
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22025
- .hover\:select-error:hover:focus,.hover\:select-error:hover select:focus {
21974
+ .hover\:select-error:hover:focus {
22026
21975
  --tw-border-opacity: 1;
22027
21976
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22028
21977
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22086,44 +22035,36 @@ select.select {
22086
22035
  --tw-border-opacity: 1;
22087
22036
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22088
22037
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22089
- .hover\:toggle-success:hover[type="checkbox"]:focus-visible {
22038
+ .hover\:toggle-success:hover:focus-visible {
22090
22039
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22091
- .hover\:toggle-success:hover[type="checkbox"]:checked,.hover\:toggle-success:hover
22092
- [type="checkbox"][checked="true"],.hover\:toggle-success:hover
22093
- [type="checkbox"][aria-checked="true"] {
22040
+ .hover\:toggle-success:hover:checked,.hover\:toggle-success:hover[checked="true"],.hover\:toggle-success:hover[aria-checked="true"] {
22094
22041
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22095
22042
  --tw-border-opacity: 0.1;
22096
22043
  --tw-bg-opacity: 1;
22097
22044
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22098
22045
  --tw-text-opacity: 1;
22099
22046
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22100
- .hover\:toggle-warning:hover[type="checkbox"]:focus-visible {
22047
+ .hover\:toggle-warning:hover:focus-visible {
22101
22048
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22102
- .hover\:toggle-warning:hover[type="checkbox"]:checked,.hover\:toggle-warning:hover
22103
- [type="checkbox"][checked="true"],.hover\:toggle-warning:hover
22104
- [type="checkbox"][aria-checked="true"] {
22049
+ .hover\:toggle-warning:hover:checked,.hover\:toggle-warning:hover[checked="true"],.hover\:toggle-warning:hover[aria-checked="true"] {
22105
22050
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22106
22051
  --tw-border-opacity: 0.1;
22107
22052
  --tw-bg-opacity: 1;
22108
22053
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22109
22054
  --tw-text-opacity: 1;
22110
22055
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22111
- .hover\:toggle-info:hover[type="checkbox"]:focus-visible {
22056
+ .hover\:toggle-info:hover:focus-visible {
22112
22057
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22113
- .hover\:toggle-info:hover[type="checkbox"]:checked,.hover\:toggle-info:hover
22114
- [type="checkbox"][checked="true"],.hover\:toggle-info:hover
22115
- [type="checkbox"][aria-checked="true"] {
22058
+ .hover\:toggle-info:hover:checked,.hover\:toggle-info:hover[checked="true"],.hover\:toggle-info:hover[aria-checked="true"] {
22116
22059
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22117
22060
  --tw-border-opacity: 0.1;
22118
22061
  --tw-bg-opacity: 1;
22119
22062
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22120
22063
  --tw-text-opacity: 1;
22121
22064
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22122
- .hover\:toggle-error:hover[type="checkbox"]:focus-visible {
22065
+ .hover\:toggle-error:hover:focus-visible {
22123
22066
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22124
- .hover\:toggle-error:hover[type="checkbox"]:checked,.hover\:toggle-error:hover
22125
- [type="checkbox"][checked="true"],.hover\:toggle-error:hover
22126
- [type="checkbox"][aria-checked="true"] {
22067
+ .hover\:toggle-error:hover:checked,.hover\:toggle-error:hover[checked="true"],.hover\:toggle-error:hover[aria-checked="true"] {
22127
22068
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22128
22069
  --tw-border-opacity: 0.1;
22129
22070
  --tw-bg-opacity: 1;
@@ -22131,16 +22072,16 @@ select.select {
22131
22072
  --tw-text-opacity: 1;
22132
22073
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22133
22074
  @media (hover:hover) {
22134
- .focus\:checkbox-success:focus[type="checkbox"]:hover {
22075
+ .focus\:checkbox-success:focus:hover {
22135
22076
  --tw-border-opacity: 1;
22136
22077
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22137
- .focus\:checkbox-warning:focus[type="checkbox"]:hover {
22078
+ .focus\:checkbox-warning:focus:hover {
22138
22079
  --tw-border-opacity: 1;
22139
22080
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22140
- .focus\:checkbox-info:focus[type="checkbox"]:hover {
22081
+ .focus\:checkbox-info:focus:hover {
22141
22082
  --tw-border-opacity: 1;
22142
22083
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22143
- .focus\:checkbox-error:focus[type="checkbox"]:hover {
22084
+ .focus\:checkbox-error:focus:hover {
22144
22085
  --tw-border-opacity: 1;
22145
22086
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22146
22087
  .focus\:link-success:focus:hover {
@@ -22151,16 +22092,16 @@ select.select {
22151
22092
  color: color-mix(in oklab,var(--fallback-wa,oklch(var(--wa)/1)) 80%,black)}
22152
22093
  .focus\:link-error:focus:hover {
22153
22094
  color: color-mix(in oklab,var(--fallback-er,oklch(var(--er)/1)) 80%,black)}
22154
- .focus\:radio-success:focus[type="radio"]:hover {
22095
+ .focus\:radio-success:focus:hover {
22155
22096
  --tw-border-opacity: 1;
22156
22097
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22157
- .focus\:radio-warning:focus[type="radio"]:hover {
22098
+ .focus\:radio-warning:focus:hover {
22158
22099
  --tw-border-opacity: 1;
22159
22100
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22160
- .focus\:radio-info:focus[type="radio"]:hover {
22101
+ .focus\:radio-info:focus:hover {
22161
22102
  --tw-border-opacity: 1;
22162
22103
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22163
- .focus\:radio-error:focus[type="radio"]:hover {
22104
+ .focus\:radio-error:focus:hover {
22164
22105
  --tw-border-opacity: 1;
22165
22106
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}}
22166
22107
  @media (hover: hover) {
@@ -22330,64 +22271,56 @@ select.select {
22330
22271
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
22331
22272
  --tw-text-opacity: 1;
22332
22273
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22333
- .focus\:checkbox-success:focus[type="checkbox"] {
22274
+ .focus\:checkbox-success:focus {
22334
22275
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
22335
22276
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
22336
22277
  --tw-border-opacity: 1;
22337
22278
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22338
- .focus\:checkbox-success:focus[type="checkbox"]:focus-visible {
22279
+ .focus\:checkbox-success:focus:focus-visible {
22339
22280
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22340
- .focus\:checkbox-success:focus[type="checkbox"]:checked,.focus\:checkbox-success:focus
22341
- [type="checkbox"][checked="true"],.focus\:checkbox-success:focus
22342
- [type="checkbox"][aria-checked="true"] {
22281
+ .focus\:checkbox-success:focus:checked,.focus\:checkbox-success:focus[checked="true"],.focus\:checkbox-success:focus[aria-checked="true"] {
22343
22282
  --tw-border-opacity: 1;
22344
22283
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22345
22284
  --tw-bg-opacity: 1;
22346
22285
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22347
22286
  --tw-text-opacity: 1;
22348
22287
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22349
- .focus\:checkbox-warning:focus[type="checkbox"] {
22288
+ .focus\:checkbox-warning:focus {
22350
22289
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
22351
22290
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
22352
22291
  --tw-border-opacity: 1;
22353
22292
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22354
- .focus\:checkbox-warning:focus[type="checkbox"]:focus-visible {
22293
+ .focus\:checkbox-warning:focus:focus-visible {
22355
22294
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22356
- .focus\:checkbox-warning:focus[type="checkbox"]:checked,.focus\:checkbox-warning:focus
22357
- [type="checkbox"][checked="true"],.focus\:checkbox-warning:focus
22358
- [type="checkbox"][aria-checked="true"] {
22295
+ .focus\:checkbox-warning:focus:checked,.focus\:checkbox-warning:focus[checked="true"],.focus\:checkbox-warning:focus[aria-checked="true"] {
22359
22296
  --tw-border-opacity: 1;
22360
22297
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22361
22298
  --tw-bg-opacity: 1;
22362
22299
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22363
22300
  --tw-text-opacity: 1;
22364
22301
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22365
- .focus\:checkbox-info:focus[type="checkbox"] {
22302
+ .focus\:checkbox-info:focus {
22366
22303
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
22367
22304
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
22368
22305
  --tw-border-opacity: 1;
22369
22306
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22370
- .focus\:checkbox-info:focus[type="checkbox"]:focus-visible {
22307
+ .focus\:checkbox-info:focus:focus-visible {
22371
22308
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22372
- .focus\:checkbox-info:focus[type="checkbox"]:checked,.focus\:checkbox-info:focus
22373
- [type="checkbox"][checked="true"],.focus\:checkbox-info:focus
22374
- [type="checkbox"][aria-checked="true"] {
22309
+ .focus\:checkbox-info:focus:checked,.focus\:checkbox-info:focus[checked="true"],.focus\:checkbox-info:focus[aria-checked="true"] {
22375
22310
  --tw-border-opacity: 1;
22376
22311
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22377
22312
  --tw-bg-opacity: 1;
22378
22313
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22379
22314
  --tw-text-opacity: 1;
22380
22315
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22381
- .focus\:checkbox-error:focus[type="checkbox"] {
22316
+ .focus\:checkbox-error:focus {
22382
22317
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
22383
22318
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
22384
22319
  --tw-border-opacity: 1;
22385
22320
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22386
- .focus\:checkbox-error:focus[type="checkbox"]:focus-visible {
22321
+ .focus\:checkbox-error:focus:focus-visible {
22387
22322
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22388
- .focus\:checkbox-error:focus[type="checkbox"]:checked,.focus\:checkbox-error:focus
22389
- [type="checkbox"][checked="true"],.focus\:checkbox-error:focus
22390
- [type="checkbox"][aria-checked="true"] {
22323
+ .focus\:checkbox-error:focus:checked,.focus\:checkbox-error:focus[checked="true"],.focus\:checkbox-error:focus[aria-checked="true"] {
22391
22324
  --tw-border-opacity: 1;
22392
22325
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22393
22326
  --tw-bg-opacity: 1;
@@ -22454,39 +22387,31 @@ select.select {
22454
22387
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
22455
22388
  --tw-text-opacity: 1;
22456
22389
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
22457
- .focus\:input-info:focus,.focus\:input-info:focus input {
22390
+ .focus\:input-info:focus {
22458
22391
  --tw-border-opacity: 1;
22459
22392
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22460
- .focus\:input-info:focus:focus,.focus\:input-info:focus:focus-within,.focus\:input-info:focus
22461
- input:focus,.focus\:input-info:focus
22462
- input:focus-within {
22393
+ .focus\:input-info:focus:focus,.focus\:input-info:focus:focus-within {
22463
22394
  --tw-border-opacity: 1;
22464
22395
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22465
22396
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22466
- .focus\:input-success:focus,.focus\:input-success:focus input {
22397
+ .focus\:input-success:focus {
22467
22398
  --tw-border-opacity: 1;
22468
22399
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22469
- .focus\:input-success:focus:focus,.focus\:input-success:focus:focus-within,.focus\:input-success:focus
22470
- input:focus,.focus\:input-success:focus
22471
- input:focus-within {
22400
+ .focus\:input-success:focus:focus,.focus\:input-success:focus:focus-within {
22472
22401
  --tw-border-opacity: 1;
22473
22402
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22474
22403
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22475
- .focus\:input-warning:focus,.focus\:input-warning:focus input {
22404
+ .focus\:input-warning:focus {
22476
22405
  --tw-border-opacity: 1;
22477
22406
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22478
- .focus\:input-warning:focus:focus,.focus\:input-warning:focus:focus-within,.focus\:input-warning:focus
22479
- input:focus,.focus\:input-warning:focus
22480
- input:focus-within {
22407
+ .focus\:input-warning:focus:focus,.focus\:input-warning:focus:focus-within {
22481
22408
  --tw-border-opacity: 1;
22482
22409
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22483
22410
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22484
- .focus\:input-error:focus,.focus\:input-error:focus input {
22411
+ .focus\:input-error:focus {
22485
22412
  --tw-border-opacity: 1;
22486
22413
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22487
- .focus\:input-error:focus:focus,.focus\:input-error:focus:focus-within,.focus\:input-error:focus
22488
- input:focus,.focus\:input-error:focus
22489
- input:focus-within {
22414
+ .focus\:input-error:focus:focus,.focus\:input-error:focus:focus-within {
22490
22415
  --tw-border-opacity: 1;
22491
22416
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22492
22417
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22538,56 +22463,52 @@ select.select {
22538
22463
  .focus\:progress-error:focus::-webkit-progress-value {
22539
22464
  --tw-bg-opacity: 1;
22540
22465
  background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)))}
22541
- .focus\:radio-success:focus[type="radio"] {
22466
+ .focus\:radio-success:focus {
22542
22467
  --chkbg: var(--su);
22543
22468
  --tw-border-opacity: 1;
22544
22469
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22545
- .focus\:radio-success:focus[type="radio"]:focus-visible {
22470
+ .focus\:radio-success:focus:focus-visible {
22546
22471
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22547
- .focus\:radio-success:focus[type="radio"]:checked,.focus\:radio-success:focus
22548
- [type="radio"][aria-checked="true"] {
22472
+ .focus\:radio-success:focus:checked,.focus\:radio-success:focus[aria-checked="true"] {
22549
22473
  --tw-border-opacity: 1;
22550
22474
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22551
22475
  --tw-bg-opacity: 1;
22552
22476
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22553
22477
  --tw-text-opacity: 1;
22554
22478
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22555
- .focus\:radio-warning:focus[type="radio"] {
22479
+ .focus\:radio-warning:focus {
22556
22480
  --chkbg: var(--wa);
22557
22481
  --tw-border-opacity: 1;
22558
22482
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22559
- .focus\:radio-warning:focus[type="radio"]:focus-visible {
22483
+ .focus\:radio-warning:focus:focus-visible {
22560
22484
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22561
- .focus\:radio-warning:focus[type="radio"]:checked,.focus\:radio-warning:focus
22562
- [type="radio"][aria-checked="true"] {
22485
+ .focus\:radio-warning:focus:checked,.focus\:radio-warning:focus[aria-checked="true"] {
22563
22486
  --tw-border-opacity: 1;
22564
22487
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22565
22488
  --tw-bg-opacity: 1;
22566
22489
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22567
22490
  --tw-text-opacity: 1;
22568
22491
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22569
- .focus\:radio-info:focus[type="radio"] {
22492
+ .focus\:radio-info:focus {
22570
22493
  --chkbg: var(--in);
22571
22494
  --tw-border-opacity: 1;
22572
22495
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22573
- .focus\:radio-info:focus[type="radio"]:focus-visible {
22496
+ .focus\:radio-info:focus:focus-visible {
22574
22497
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22575
- .focus\:radio-info:focus[type="radio"]:checked,.focus\:radio-info:focus
22576
- [type="radio"][aria-checked="true"] {
22498
+ .focus\:radio-info:focus:checked,.focus\:radio-info:focus[aria-checked="true"] {
22577
22499
  --tw-border-opacity: 1;
22578
22500
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22579
22501
  --tw-bg-opacity: 1;
22580
22502
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22581
22503
  --tw-text-opacity: 1;
22582
22504
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22583
- .focus\:radio-error:focus[type="radio"] {
22505
+ .focus\:radio-error:focus {
22584
22506
  --chkbg: var(--er);
22585
22507
  --tw-border-opacity: 1;
22586
22508
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22587
- .focus\:radio-error:focus[type="radio"]:focus-visible {
22509
+ .focus\:radio-error:focus:focus-visible {
22588
22510
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22589
- .focus\:radio-error:focus[type="radio"]:checked,.focus\:radio-error:focus
22590
- [type="radio"][aria-checked="true"] {
22511
+ .focus\:radio-error:focus:checked,.focus\:radio-error:focus[aria-checked="true"] {
22591
22512
  --tw-border-opacity: 1;
22592
22513
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22593
22514
  --tw-bg-opacity: 1;
@@ -22602,31 +22523,31 @@ select.select {
22602
22523
  --range-shdw: var(--fallback-in,oklch(var(--in)/1))}
22603
22524
  .focus\:range-error:focus {
22604
22525
  --range-shdw: var(--fallback-er,oklch(var(--er)/1))}
22605
- .focus\:select-info:focus,.focus\:select-info:focus select {
22526
+ .focus\:select-info:focus {
22606
22527
  --tw-border-opacity: 1;
22607
22528
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
22608
- .focus\:select-info:focus:focus,.focus\:select-info:focus select:focus {
22529
+ .focus\:select-info:focus:focus {
22609
22530
  --tw-border-opacity: 1;
22610
22531
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22611
22532
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22612
- .focus\:select-success:focus,.focus\:select-success:focus select {
22533
+ .focus\:select-success:focus {
22613
22534
  --tw-border-opacity: 1;
22614
22535
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
22615
- .focus\:select-success:focus:focus,.focus\:select-success:focus select:focus {
22536
+ .focus\:select-success:focus:focus {
22616
22537
  --tw-border-opacity: 1;
22617
22538
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22618
22539
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22619
- .focus\:select-warning:focus,.focus\:select-warning:focus select {
22540
+ .focus\:select-warning:focus {
22620
22541
  --tw-border-opacity: 1;
22621
22542
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
22622
- .focus\:select-warning:focus:focus,.focus\:select-warning:focus select:focus {
22543
+ .focus\:select-warning:focus:focus {
22623
22544
  --tw-border-opacity: 1;
22624
22545
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22625
22546
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22626
- .focus\:select-error:focus,.focus\:select-error:focus select {
22547
+ .focus\:select-error:focus {
22627
22548
  --tw-border-opacity: 1;
22628
22549
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
22629
- .focus\:select-error:focus:focus,.focus\:select-error:focus select:focus {
22550
+ .focus\:select-error:focus:focus {
22630
22551
  --tw-border-opacity: 1;
22631
22552
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22632
22553
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
@@ -22690,44 +22611,36 @@ select.select {
22690
22611
  --tw-border-opacity: 1;
22691
22612
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22692
22613
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22693
- .focus\:toggle-success:focus[type="checkbox"]:focus-visible {
22614
+ .focus\:toggle-success:focus:focus-visible {
22694
22615
  outline-color: var(--fallback-su,oklch(var(--su)/1))}
22695
- .focus\:toggle-success:focus[type="checkbox"]:checked,.focus\:toggle-success:focus
22696
- [type="checkbox"][checked="true"],.focus\:toggle-success:focus
22697
- [type="checkbox"][aria-checked="true"] {
22616
+ .focus\:toggle-success:focus:checked,.focus\:toggle-success:focus[checked="true"],.focus\:toggle-success:focus[aria-checked="true"] {
22698
22617
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
22699
22618
  --tw-border-opacity: 0.1;
22700
22619
  --tw-bg-opacity: 1;
22701
22620
  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
22702
22621
  --tw-text-opacity: 1;
22703
22622
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))}
22704
- .focus\:toggle-warning:focus[type="checkbox"]:focus-visible {
22623
+ .focus\:toggle-warning:focus:focus-visible {
22705
22624
  outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
22706
- .focus\:toggle-warning:focus[type="checkbox"]:checked,.focus\:toggle-warning:focus
22707
- [type="checkbox"][checked="true"],.focus\:toggle-warning:focus
22708
- [type="checkbox"][aria-checked="true"] {
22625
+ .focus\:toggle-warning:focus:checked,.focus\:toggle-warning:focus[checked="true"],.focus\:toggle-warning:focus[aria-checked="true"] {
22709
22626
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
22710
22627
  --tw-border-opacity: 0.1;
22711
22628
  --tw-bg-opacity: 1;
22712
22629
  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
22713
22630
  --tw-text-opacity: 1;
22714
22631
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))}
22715
- .focus\:toggle-info:focus[type="checkbox"]:focus-visible {
22632
+ .focus\:toggle-info:focus:focus-visible {
22716
22633
  outline-color: var(--fallback-in,oklch(var(--in)/1))}
22717
- .focus\:toggle-info:focus[type="checkbox"]:checked,.focus\:toggle-info:focus
22718
- [type="checkbox"][checked="true"],.focus\:toggle-info:focus
22719
- [type="checkbox"][aria-checked="true"] {
22634
+ .focus\:toggle-info:focus:checked,.focus\:toggle-info:focus[checked="true"],.focus\:toggle-info:focus[aria-checked="true"] {
22720
22635
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
22721
22636
  --tw-border-opacity: 0.1;
22722
22637
  --tw-bg-opacity: 1;
22723
22638
  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
22724
22639
  --tw-text-opacity: 1;
22725
22640
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))}
22726
- .focus\:toggle-error:focus[type="checkbox"]:focus-visible {
22641
+ .focus\:toggle-error:focus:focus-visible {
22727
22642
  outline-color: var(--fallback-er,oklch(var(--er)/1))}
22728
- .focus\:toggle-error:focus[type="checkbox"]:checked,.focus\:toggle-error:focus
22729
- [type="checkbox"][checked="true"],.focus\:toggle-error:focus
22730
- [type="checkbox"][aria-checked="true"] {
22643
+ .focus\:toggle-error:focus:checked,.focus\:toggle-error:focus[checked="true"],.focus\:toggle-error:focus[aria-checked="true"] {
22731
22644
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
22732
22645
  --tw-border-opacity: 0.1;
22733
22646
  --tw-bg-opacity: 1;