daisyui 2.0.0-next.2 → 2.0.0

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 (22) hide show
  1. package/README.md +107 -89
  2. package/colors/colorNames.js +25 -26
  3. package/colors/index.js +17 -18
  4. package/colors/themes.js +274 -273
  5. package/colors/windi.js +6 -6
  6. package/dist/base.js +1 -1
  7. package/dist/full.css +14 -9
  8. package/dist/styled.css +281 -196
  9. package/dist/styled.js +1 -1
  10. package/dist/styled.rtl.js +1 -1
  11. package/dist/themes.css +1 -2
  12. package/dist/unstyled.css +94 -70
  13. package/dist/unstyled.js +1 -1
  14. package/dist/unstyled.rtl.js +1 -1
  15. package/dist/utilities-unstyled.js +1 -1
  16. package/dist/utilities.js +1 -1
  17. package/index.js +168 -100
  18. package/package.json +2 -2
  19. package/colors/colors/colorNames.js +0 -35
  20. package/colors/colors/index.js +0 -53
  21. package/colors/colors/themes.js +0 -881
  22. package/colors/colors/windi.js +0 -12
package/dist/styled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .alert{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem*var(--tw-space-y-reverse))}@media (min-width:768px){.alert{flex-direction:row}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}}.alert>:where(*){display:flex}.alert>:where(*){align-items:center}.alert>:where(*){gap:.5rem}
2
- .artboard{width:100%}.avatar{position:relative;display:inline-flex;}
2
+ .artboard{width:100%}
3
+ .avatar{position:relative;display:inline-flex;}
3
4
  .avatar>div{display:block;}
4
5
  .avatar>div{aspect-ratio:1 / 1;}
5
6
  .avatar>div{overflow:hidden;}
@@ -9,7 +10,7 @@
9
10
  .avatar.placeholder>div{display:flex;}
10
11
  .avatar.placeholder>div{align-items:center;}
11
12
  .avatar.placeholder>div{justify-content:center;}
12
- .badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:1.25rem;font-size:.875rem;line-height:1.25rem;
13
+ .badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:1.25rem;font-size:.875rem;line-height:1.25rem;
13
14
  width:fit-content;
14
15
  padding-left:.563rem;
15
16
  padding-right:.563rem}
@@ -25,27 +26,38 @@
25
26
  .breadcrumbs>ul>li>a{display:flex;}
26
27
  .breadcrumbs>ul>li>a{cursor:pointer;}
27
28
  .breadcrumbs>ul>li>a{align-items:center;}
28
- .breadcrumbs>ul>li>a:hover{
29
- -webkit-text-decoration-line:underline;
30
- text-decoration-line:underline;}.btn{display:inline-flex;flex-shrink:0;cursor:pointer;
31
- -webkit-user-select:none;
32
- user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;text-align:center;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-radius:var(--rounded-btn, .5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;min-height:3rem;
29
+ .breadcrumbs>ul>li>a:hover{text-decoration-line:underline;}
30
+ .btn{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;text-align:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-radius:var(--rounded-btn, .5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;min-height:3rem;
33
31
  line-height:1em;}
34
- .btn:focus{outline:2px solid transparent;outline-offset:2px;}
32
+
35
33
  .btn-disabled,.btn[disabled]{pointer-events:none;}
34
+
36
35
  .btn-square{height:3rem;}
36
+
37
37
  .btn-square{width:3rem;}
38
+
38
39
  .btn-square{padding:0;}
40
+
39
41
  .btn-circle{height:3rem;}
42
+
40
43
  .btn-circle{width:3rem;}
44
+
41
45
  .btn-circle{border-radius:9999px;}
46
+
42
47
  .btn-circle{padding:0;}
48
+
43
49
  .btn.loading,.btn.loading:hover{pointer-events:none;}
50
+
44
51
  .btn.loading:before{margin-right:.5rem;}
52
+
45
53
  .btn.loading:before{height:1rem;}
54
+
46
55
  .btn.loading:before{width:1rem;}
56
+
47
57
  .btn.loading:before{border-radius:9999px;}
58
+
48
59
  .btn.loading:before{border-width:2px;}
60
+
49
61
  .btn.loading:before{
50
62
  animation:spin 2s linear infinite;
51
63
  content:"";
@@ -68,9 +80,7 @@
68
80
  }
69
81
  }
70
82
  .btn-group{display:flex;flex-wrap:wrap;}
71
- .btn-group>input[type=radio].btn{
72
- -webkit-appearance:none;
73
- appearance:none;}
83
+ .btn-group>input[type=radio].btn{appearance:none;}
74
84
  .btn-group>input[type=radio].btn:before{
75
85
  content:attr(data-title);
76
86
  }
@@ -98,7 +108,7 @@
98
108
  .card.image-full>figure img{object-fit:cover;}
99
109
  .card.image-full>.card-body{position:relative;}
100
110
  .carousel{display:flex;overflow-x:scroll;
101
- scroll-snap-type:x mandatory;
111
+ scroll-snap-type:x mandatory;
102
112
  scroll-behavior:smooth;}
103
113
  .carousel-vertical{flex-direction:column;}
104
114
  .carousel-vertical{overflow-y:scroll;}
@@ -116,20 +126,17 @@
116
126
  }
117
127
  .carousel-end .carousel-item{
118
128
  scroll-snap-align:end;
119
- }.checkbox{
120
- flex-shrink:0;
121
- }
122
- .checkbox:focus{outline:2px solid transparent;outline-offset:2px;}
129
+ }
130
+
123
131
  .collapse{position:relative;display:grid;overflow:hidden;}
124
132
  .collapse-content,.collapse-title,.collapse>input[type=checkbox]{grid-column-start:1;grid-row-start:1;}
125
- .collapse>input[type=checkbox]{
126
- -webkit-appearance:none;
127
- appearance:none;opacity:0;}
133
+ .collapse>input[type=checkbox]{appearance:none;opacity:0;}
128
134
  .collapse-content{grid-row-start:2;overflow:hidden;
129
135
  max-height:0;}
130
136
  .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
131
137
  max-height:9000px;
132
- }:root .countdown{
138
+ }
139
+ :root .countdown{
133
140
  line-height:1em;
134
141
  }
135
142
  .countdown{
@@ -146,7 +153,6 @@
146
153
  white-space:pre;
147
154
  top:calc(var(--value)*-1em);
148
155
  }
149
-
150
156
  .divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;}
151
157
  .divider:after,.divider:before{
152
158
  content:"";
@@ -164,9 +170,7 @@
164
170
  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
165
171
  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{justify-self:end;}
166
172
  .drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
167
- .drawer-toggle{position:absolute;height:0;width:0;
168
- -webkit-appearance:none;
169
- appearance:none;opacity:0;}
173
+ .drawer-toggle{position:absolute;height:0;width:0;appearance:none;opacity:0;}
170
174
  .drawer-toggle~.drawer-content{z-index:0;}
171
175
  .drawer-toggle~.drawer-content{grid-column-start:1;}
172
176
  .drawer-toggle~.drawer-content{grid-row-start:1;}
@@ -212,7 +216,8 @@
212
216
  @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2;}}
213
217
  @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
214
218
  @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}}
215
- }.dropdown{position:relative;display:inline-block}
219
+ }
220
+ .dropdown{position:relative;display:inline-block}
216
221
  .dropdown>:focus{outline:2px solid transparent;outline-offset:2px}
217
222
  .dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0}
218
223
  .dropdown-end .dropdown-content{right:0}
@@ -221,7 +226,8 @@
221
226
  .dropdown-top .dropdown-content{bottom:100%;top:auto}
222
227
  .dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}
223
228
  .dropdown-end.dropdown-left .dropdown-content{bottom:0;top:auto}
224
- .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{visibility:visible;opacity:1}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;}
229
+ .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{visibility:visible;opacity:1}
230
+ .footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;}
225
231
  .footer>*{display:grid;}
226
232
  .footer>*{place-items:start;}
227
233
  .footer-center{place-items:center;}
@@ -234,10 +240,9 @@
234
240
  .footer-center{
235
241
  grid-auto-flow:row dense;
236
242
  }
237
- }.form-control{display:flex;flex-direction:column}
238
- .label{display:flex;
239
- -webkit-user-select:none;
240
- user-select:none;align-items:center;justify-content:space-between}
243
+ }
244
+ .form-control{display:flex;flex-direction:column}
245
+ .label{display:flex;user-select:none;align-items:center;justify-content:space-between}
241
246
  .hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:50%;}
242
247
  .hero>*{grid-column-start:1;}
243
248
  .hero>*{grid-row-start:1;}
@@ -248,7 +253,8 @@
248
253
  .hero-content{z-index:0;}
249
254
  .hero-content{display:flex;}
250
255
  .hero-content{align-items:center;}
251
- .hero-content{justify-content:center;}.indicator{position:relative;display:inline-flex;
256
+ .hero-content{justify-content:center;}
257
+ .indicator{position:relative;display:inline-flex;
252
258
  width:fit-content;}
253
259
  .indicator .indicator-item{
254
260
  z-index:1
@@ -278,8 +284,7 @@
278
284
  .indicator .indicator-item.indicator-top{top:0;}
279
285
  .indicator .indicator-item.indicator-top{bottom:auto;}
280
286
  .indicator .indicator-item.indicator-top{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
281
-
282
- .input{flex-shrink:1;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:2;}
287
+ .input{flex-shrink:1;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:2;}
283
288
  .input:focus{outline:2px solid transparent;outline-offset:2px;}
284
289
  .input-group{display:flex;width:100%;align-items:stretch;}
285
290
  .input-group>*,.input-group>.input{border-radius:0;}
@@ -320,15 +325,11 @@
320
325
  border-bottom-left-radius:var(--rounded-btn, .5rem);
321
326
  border-bottom-right-radius:var(--rounded-btn, .5rem);
322
327
  }
323
- .kbd{display:inline-flex;align-items:center;justify-content:center}.link{cursor:pointer;
324
- -webkit-text-decoration-line:underline;
325
- text-decoration-line:underline;}
326
- .link-hover{
327
- -webkit-text-decoration-line:none;
328
- text-decoration-line:none;}
329
- .link-hover:hover{
330
- -webkit-text-decoration-line:underline;
331
- text-decoration-line:underline;}.mask{
328
+ .kbd{display:inline-flex;align-items:center;justify-content:center}
329
+ .link{cursor:pointer;text-decoration-line:underline;}
330
+ .link-hover{text-decoration-line:none;}
331
+ .link-hover:hover{text-decoration-line:underline;}
332
+ .mask{
332
333
  -webkit-mask-size:contain;
333
334
  mask-size:contain;
334
335
  -webkit-mask-repeat:no-repeat;
@@ -353,9 +354,7 @@
353
354
  .menu.horizontal{flex-direction:row;}
354
355
  .menu.horizontal :where(li){flex-direction:row;}
355
356
  .menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;}
356
- .menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){display:flex;cursor:pointer;
357
- -webkit-user-select:none;
358
- user-select:none;align-items:center;outline:2px solid transparent;outline-offset:2px;}
357
+ .menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){display:flex;cursor:pointer;user-select:none;align-items:center;outline:2px solid transparent;outline-offset:2px;}
359
358
  .menu>:where(li>:not(ul):focus){outline:2px solid transparent;outline-offset:2px;}
360
359
  .menu>:where(li.disabled>:not(ul):focus){cursor:auto;}
361
360
  .menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch;}
@@ -379,7 +378,8 @@
379
378
  content:attr(data-prefix);
380
379
  }
381
380
  .mockup-window pre[data-prefix]:before{display:inline-block;}
382
- .mockup-window pre[data-prefix]:before{text-align:right;}.modal{pointer-events:none;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;}@media (min-width:640px){.modal{align-items:center;}}.modal{
381
+ .mockup-window pre[data-prefix]:before{text-align:right;}
382
+ .modal{pointer-events:none;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;}@media (min-width:640px){.modal{align-items:center;}}.modal{
383
383
  z-index:999;
384
384
  }
385
385
  .modal-box{
@@ -387,9 +387,7 @@
387
387
  }
388
388
  .modal-open,.modal-toggle:checked+.modal,.modal:target{pointer-events:auto;visibility:visible;opacity:1;}
389
389
  .modal-action{display:flex;}
390
- .modal-toggle{position:fixed;height:0;width:0;
391
- -webkit-appearance:none;
392
- appearance:none;opacity:0;}
390
+ .modal-toggle{position:fixed;height:0;width:0;appearance:none;opacity:0;}
393
391
  .navbar{display:flex;align-items:center;}
394
392
  .navbar>*{display:flex;}
395
393
  .navbar>*{align-items:center;}
@@ -403,34 +401,50 @@
403
401
  .navbar-end{
404
402
  width:50%;
405
403
  justify-content:flex-end;
406
- }.progress{position:relative;width:100%;
407
- -webkit-appearance:none;
408
- appearance:none;overflow:hidden}.radio:focus{outline:2px solid transparent;outline-offset:2px}.range{height:1.25rem;width:100%;cursor:pointer;}
404
+ }
405
+ .progress{position:relative;width:100%;appearance:none;overflow:hidden}
406
+ .radial-progress{position:relative;display:inline-grid;aspect-ratio:1 / 1;height:auto;width:var(--size);place-content:center;border-radius:9999px;background-color:initial;
407
+ vertical-align:middle;
408
+ box-sizing:initial;}
409
+ .radial-progress::-moz-progress-bar{appearance:none;background-color:initial;}
410
+ .radial-progress::-webkit-progress-value{appearance:none;background-color:initial;}
411
+ .radial-progress::-webkit-progress-bar{appearance:none;background-color:initial;}
412
+ .radial-progress:after,.radial-progress:before{position:absolute;border-radius:9999px;
413
+ content:"";}
414
+ .radial-progress:before{top:0;right:0;bottom:0;left:0;
415
+ background:radial-gradient(farthest-side, currentColor 98%, transparent) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor calc(var(--value)*1%), transparent 0);
416
+ -webkit-mask:radial-gradient(farthest-side, transparent calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));
417
+ mask:radial-gradient(farthest-side, transparent calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));}
418
+ .radial-progress:after{
419
+ inset:calc(50% - var(--thickness)/2);
420
+ transform:rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%));
421
+ }
422
+
423
+ .range{height:1.25rem;width:100%;cursor:pointer;}
409
424
  .range:focus{
410
425
  outline:none;
411
- }.rating{position:relative;display:inline-flex;}
412
- .rating :where(input){cursor:pointer;}.select{display:inline-flex;flex-shrink:0;cursor:pointer;
413
- -webkit-user-select:none;
414
- user-select:none;
415
- -webkit-appearance:none;
416
- appearance:none;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;}
426
+ }
427
+ .rating{position:relative;display:inline-flex;}
428
+ .rating :where(input){cursor:pointer;}
429
+ .select{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;appearance:none;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;}
417
430
  .select:focus{outline:2px solid transparent;outline-offset:2px;}
418
431
  .select-disabled,.select[disabled]{pointer-events:none;}
419
432
  .stack{display:inline-grid;}
420
433
  .stack>*{grid-column-start:1;}
421
434
  .stack>*{grid-row-start:1;}
422
435
  .stack>*{
423
- transform:translateY(1rem)scale(.9);
436
+ transform:translateY(1rem) scale(.9);
424
437
  z-index:1;
425
438
  }
426
439
  .stack>:nth-child(2){
427
- transform:translateY(.5rem)scale(.95);
440
+ transform:translateY(.5rem) scale(.95);
428
441
  z-index:2;
429
442
  }
430
443
  .stack>:first-child{
431
- transform:translateY(0)scale(1);
444
+ transform:translateY(0) scale(1);
432
445
  z-index:3;
433
- }.stats{display:inline-grid;}
446
+ }
447
+ .stats{display:inline-grid;}
434
448
  :where(.stats){grid-auto-flow:column;}
435
449
  .stat{display:inline-grid;width:100%;
436
450
  grid-template-columns:repeat(1, 1fr);}
@@ -454,18 +468,29 @@
454
468
  .steps .step{grid-template-columns:repeat(1, minmax(0, 1fr));}
455
469
  .steps .step{grid-template-rows:repeat(2, minmax(0, 1fr));}
456
470
  .steps .step{place-items:center;}
457
- .steps .step{text-align:center;}.tabs{display:flex;flex-wrap:wrap;align-items:flex-end}
458
- .tab{position:relative;display:inline-flex;cursor:pointer;
459
- -webkit-user-select:none;
460
- user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;height:2rem;font-size:.875rem;line-height:1.25rem;line-height:2;
461
- --tab-padding:1rem}.table{position:relative;}
471
+ .steps .step{text-align:center;}
472
+ .swap{position:relative;display:inline-grid;user-select:none;place-content:center}
473
+
474
+ .swap>*{grid-column-start:1;grid-row-start:1}
475
+
476
+ .swap input{appearance:none}
477
+
478
+ .swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on{opacity:0}
479
+
480
+ .swap.swap-active .swap-off,.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off{opacity:0}
481
+
482
+ .swap-active .swap-on,.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate{opacity:1}
483
+ .tabs{display:flex;flex-wrap:wrap;align-items:flex-end}
484
+ .tab{position:relative;display:inline-flex;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;height:2rem;font-size:.875rem;line-height:1.25rem;line-height:2;
485
+ --tab-padding:1rem}
486
+ .table{position:relative;}
462
487
  .table th:first-child{position:sticky;}
463
488
  .table th:first-child{left:0;}
464
489
  .table th:first-child{z-index:10;}
465
490
  .table th:first-child{
466
491
  position:-webkit-sticky;
467
492
  }
468
- .textarea{flex-shrink:1;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
493
+ .textarea{flex-shrink:1;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
469
494
  .textarea{padding-left:1rem;padding-right:1rem;}
470
495
  .textarea{padding-top:.5rem;padding-bottom:.5rem;}
471
496
  .textarea{font-size:.875rem;line-height:1.25rem;}
@@ -475,7 +500,6 @@
475
500
  .toggle{
476
501
  flex-shrink:0;
477
502
  }
478
- .toggle:focus{outline:2px solid transparent;outline-offset:2px;}
479
503
  .tooltip{position:relative;display:inline-block;
480
504
  --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));}
481
505
  .tooltip:before{position:absolute;
@@ -508,7 +532,8 @@
508
532
  left:var(--tooltip-offset);
509
533
  right:auto;
510
534
  bottom:auto;
511
- }.alert{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding:1rem;border-radius:var(--rounded-box, 1rem)}
535
+ }
536
+ .alert{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding:1rem;border-radius:var(--rounded-box, 1rem)}
512
537
  .avatar-group{display:flex;overflow:hidden;}
513
538
  .avatar-group .avatar{overflow:hidden;}
514
539
  .avatar-group .avatar{border-radius:9999px;}
@@ -607,9 +632,9 @@
607
632
  .btn-outline.btn-accent:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}
608
633
  .breadcrumbs{padding-top:.5rem;padding-bottom:.5rem;}
609
634
  .breadcrumbs>ul>li>a:focus{outline:2px solid transparent;outline-offset:2px;}
610
- .breadcrumbs>ul>li>a:focus-visible{border-radius:var(--rounded-badge, 1.9rem);}
611
635
  .breadcrumbs>ul>li>a:focus-visible{
612
- box-shadow:0 0 0 2px currentColor;
636
+ outline:2px solid currentColor;
637
+ outline-offset:2px;
613
638
  }
614
639
  .breadcrumbs>ul>li+:before{
615
640
  content:"";
@@ -626,7 +651,8 @@
626
651
  border-top:1px solid;
627
652
  border-right:1px solid;
628
653
  background-color:initial;
629
- }.btn{font-weight:600;text-transform:uppercase;
654
+ }
655
+ .btn{font-weight:600;text-transform:uppercase;
630
656
  border-width:var(--border-btn, 1px);
631
657
  animation:button-pop var(--animation-btn, .25s) ease-out;
632
658
  text-transform:var(--btn-text-case, uppercase);}
@@ -642,7 +668,8 @@
642
668
  .btn-active,.btn:hover{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));}
643
669
  .btn-active,.btn:hover{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));}
644
670
  .btn:focus-visible{
645
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--nf));
671
+ outline:2px solid hsl(var(--nf));
672
+ outline-offset:2px;
646
673
  }
647
674
  .btn-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
648
675
  .btn-primary{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -650,7 +677,7 @@
650
677
  .btn-primary.btn-active,.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));}
651
678
  .btn-primary.btn-active,.btn-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));}
652
679
  .btn-primary:focus-visible{
653
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
680
+ outline:2px solid hsl(var(--p));
654
681
  }
655
682
  .btn-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
656
683
  .btn-secondary{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -658,7 +685,7 @@
658
685
  .btn-secondary.btn-active,.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf, var(--s)) / var(--tw-border-opacity));}
659
686
  .btn-secondary.btn-active,.btn-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));}
660
687
  .btn-secondary:focus-visible{
661
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
688
+ outline:2px solid hsl(var(--s));
662
689
  }
663
690
  .btn-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
664
691
  .btn-accent{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -666,7 +693,7 @@
666
693
  .btn-accent.btn-active,.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af, var(--a)) / var(--tw-border-opacity));}
667
694
  .btn-accent.btn-active,.btn-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity));}
668
695
  .btn-accent:focus-visible{
669
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
696
+ outline:2px solid hsl(var(--a));
670
697
  }
671
698
  .btn-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
672
699
  .btn-info{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
@@ -674,7 +701,7 @@
674
701
  .btn-info.btn-active,.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
675
702
  .btn-info.btn-active,.btn-info:hover{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
676
703
  .btn-info:focus-visible{
677
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
704
+ outline:2px solid hsl(var(--in));
678
705
  }
679
706
  .btn-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
680
707
  .btn-success{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
@@ -682,7 +709,7 @@
682
709
  .btn-success.btn-active,.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
683
710
  .btn-success.btn-active,.btn-success:hover{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
684
711
  .btn-success:focus-visible{
685
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
712
+ outline:2px solid hsl(var(--su));
686
713
  }
687
714
  .btn-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
688
715
  .btn-warning{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
@@ -690,7 +717,7 @@
690
717
  .btn-warning.btn-active,.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
691
718
  .btn-warning.btn-active,.btn-warning:hover{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
692
719
  .btn-warning:focus-visible{
693
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
720
+ outline:2px solid hsl(var(--wa));
694
721
  }
695
722
  .btn-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
696
723
  .btn-error{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
@@ -698,14 +725,14 @@
698
725
  .btn-error.btn-active,.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
699
726
  .btn-error.btn-active,.btn-error:hover{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
700
727
  .btn-error:focus-visible{
701
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
728
+ outline:2px solid hsl(var(--er));
702
729
  }
703
730
  .btn.glass.btn-active,.btn.glass:hover{
704
731
  --glass-opacity:25%;
705
732
  --glass-border-opacity:15%;
706
733
  }
707
734
  .btn.glass:focus-visible{
708
- box-shadow:0 0 0 2px currentColor;
735
+ outline:2px 0 0 2px solid currentColor;
709
736
  }
710
737
  .btn-ghost{border-width:1px;}
711
738
  .btn-ghost{border-color:transparent;}
@@ -715,18 +742,16 @@
715
742
  .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
716
743
  .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:0.2;}
717
744
  .btn-ghost:focus-visible{
718
- box-shadow:0 0 0 2px currentColor;
745
+ outline:2px 0 0 2px solid currentColor;
719
746
  }
720
747
  .btn-link{border-color:transparent;}
721
748
  .btn-link{background-color:initial;}
722
749
  .btn-link{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
723
750
  .btn-link.btn-active,.btn-link:hover{border-color:transparent;}
724
751
  .btn-link.btn-active,.btn-link:hover{background-color:initial;}
725
- .btn-link.btn-active,.btn-link:hover{
726
- -webkit-text-decoration-line:underline;
727
- text-decoration-line:underline;}
752
+ .btn-link.btn-active,.btn-link:hover{text-decoration-line:underline;}
728
753
  .btn-link:focus-visible{
729
- box-shadow:0 0 0 2px currentColor;
754
+ outline:2px 0 0 2px solid currentColor;
730
755
  }
731
756
  .btn-outline{border-color:currentColor;}
732
757
  .btn-outline{background-color:initial;}
@@ -776,7 +801,7 @@
776
801
  .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
777
802
  .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
778
803
  .btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{
779
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
804
+ outline:2px solid hsl(var(--p));
780
805
  }
781
806
  .btn-group>.btn:not(:first-child){margin-left:-1px;}
782
807
  .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
@@ -794,7 +819,8 @@
794
819
  }
795
820
  .card{border-radius:var(--rounded-box, 1rem);}
796
821
  .card:focus-visible{
797
- box-shadow:0 0 0 2px currentColor;
822
+ outline:2px solid currentColor;
823
+ outline-offset:2px;
798
824
  }
799
825
  .card.bordered{border-width:1px;}
800
826
  .card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
@@ -823,32 +849,33 @@
823
849
  -ms-overflow-style:none;
824
850
  scrollbar-width:none;
825
851
  }
826
- .carousel::-webkit-scrollbar{display:none;}.checkbox{
852
+ .carousel::-webkit-scrollbar{display:none;}
853
+ .checkbox{
827
854
  --chkbg:var(--bc);
828
855
  --chkfg:var(--b1);
829
856
  height:1.5rem;
830
857
  width:1.5rem;
831
858
  cursor:pointer;
832
- -webkit-appearance:none;
833
- appearance:none;
859
+ appearance:none;
834
860
  border-width:1px;
835
861
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
836
862
  --tw-border-opacity:0.2;
837
863
  border-radius:var(--rounded-btn, .5rem);
838
864
  }
839
865
  .checkbox:focus-visible{
840
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
866
+ outline:2px solid hsl(var(--bc));
867
+ outline-offset:2px;
841
868
  }
842
869
  .checkbox:checked,.checkbox[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
843
870
  .checkbox:checked,.checkbox[checked=true]{background-repeat:no-repeat;}
844
871
  .checkbox:checked,.checkbox[checked=true]{
845
- animation:checkmark var(--animation-input, .2s) ease-in-out;
872
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
846
873
  background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
847
874
  }
848
875
  .checkbox:indeterminate{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
849
876
  .checkbox:indeterminate{background-repeat:no-repeat;}
850
877
  .checkbox:indeterminate{
851
- animation:checkmark var(--animation-input, .2s) ease-in-out;
878
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
852
879
  background-image:linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 0);
853
880
  }
854
881
  .checkbox-primary{
@@ -858,7 +885,7 @@
858
885
  .checkbox-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
859
886
  .checkbox-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
860
887
  .checkbox-primary:focus-visible{
861
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
888
+ outline:2px solid hsl(var(--p));
862
889
  }
863
890
  .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
864
891
  .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -870,7 +897,7 @@
870
897
  .checkbox-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
871
898
  .checkbox-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
872
899
  .checkbox-secondary:focus-visible{
873
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
900
+ outline:2px solid hsl(var(--s));
874
901
  }
875
902
  .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
876
903
  .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -882,7 +909,7 @@
882
909
  .checkbox-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
883
910
  .checkbox-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
884
911
  .checkbox-accent:focus-visible{
885
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
912
+ outline:2px solid hsl(var(--a));
886
913
  }
887
914
  .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
888
915
  .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -904,7 +931,8 @@
904
931
  }
905
932
  }
906
933
 
907
- .checkbox-mark{display:none;}.collapse{outline:2px solid transparent;outline-offset:2px;}
934
+ .checkbox-mark{display:none;}
935
+ .collapse{outline:2px solid transparent;outline-offset:2px;}
908
936
  .collapse-arrow .collapse-title:after{position:absolute;display:block;height:.5rem;width:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);
909
937
  top:1.4rem;
910
938
  right:1.4rem;
@@ -942,7 +970,6 @@
942
970
  text-align:center;
943
971
  transition:all 1s cubic-bezier(1, 0, 0, 1);
944
972
  }
945
-
946
973
  .divider{margin-top:1rem;margin-bottom:1rem;height:1rem;}
947
974
  .divider:before{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
948
975
  .divider:before{--tw-bg-opacity:0.1;}
@@ -967,50 +994,54 @@
967
994
  }
968
995
  .drawer-toggle:checked~.drawer-side>.drawer-overlay{--tw-bg-opacity:0.4;}
969
996
  .drawer-toggle:focus-visible~.drawer-content .drawer-button{
970
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--nf));
997
+ outline:2px solid hsl(var(--nf));
998
+ outline-offset:2px;
971
999
  }
972
1000
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{
973
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1001
+ outline:2px solid hsl(var(--p));
974
1002
  }
975
1003
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{
976
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1004
+ outline:2px solid hsl(var(--s));
977
1005
  }
978
1006
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{
979
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1007
+ outline:2px solid hsl(var(--a));
980
1008
  }
981
1009
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{
982
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1010
+ outline:2px solid hsl(var(--in));
983
1011
  }
984
1012
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{
985
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1013
+ outline:2px solid hsl(var(--su));
986
1014
  }
987
1015
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{
988
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1016
+ outline:2px solid hsl(var(--wa));
989
1017
  }
990
1018
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{
991
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1019
+ outline:2px solid hsl(var(--er));
992
1020
  }
993
1021
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{
994
- box-shadow:0 0 0 2px currentColor;
1022
+ outline:2px solid currentColor;
995
1023
  }
996
1024
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{
997
- box-shadow:0 0 0 2px currentColor;
1025
+ outline:2px solid currentColor;
998
1026
  }
999
1027
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{
1000
- box-shadow:0 0 0 2px currentColor;
1028
+ outline:2px solid currentColor;
1001
1029
  }
1002
1030
  @media (min-width:1024px){
1003
1031
  .drawer-mobile>.drawer-toggle:checked~.drawer-content{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
1004
- }.dropdown .dropdown-content{transform-origin:top;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1)}
1032
+ }
1033
+ .dropdown .dropdown-content{transform-origin:top;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1)}
1005
1034
  .dropdown-top .dropdown-content{transform-origin:bottom}
1006
1035
  .dropdown-left .dropdown-content{transform-origin:right}
1007
1036
  .dropdown-right .dropdown-content{transform-origin:left}
1008
- .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:focus .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.footer{row-gap:2.5rem;column-gap:1rem;font-size:.875rem;line-height:1.25rem;}
1037
+ .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:focus .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
1038
+ .footer{row-gap:2.5rem;column-gap:1rem;font-size:.875rem;line-height:1.25rem;}
1009
1039
  .footer>*{gap:.5rem;}
1010
1040
  .footer-title{margin-bottom:.5rem;}
1011
1041
  .footer-title{font-weight:700;}
1012
1042
  .footer-title{text-transform:uppercase;}
1013
- .footer-title{opacity:.5;}.label{padding:.5rem .25rem;}
1043
+ .footer-title{opacity:.5;}
1044
+ .label{padding:.5rem .25rem;}
1014
1045
  .label-text{font-size:.875rem;line-height:1.25rem;}
1015
1046
  .label-text{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1016
1047
  .label-text-alt{font-size:.75rem;line-height:1rem;}
@@ -1020,10 +1051,12 @@
1020
1051
  .hero-overlay{--tw-bg-opacity:0.5}
1021
1052
  .hero-content{max-width:80rem}
1022
1053
  .hero-content{gap:1rem}
1023
- .hero-content{padding:1rem}.input{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn, .5rem);}
1054
+ .hero-content{padding:1rem}
1055
+ .input{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn, .5rem);}
1024
1056
  .input-bordered{--tw-border-opacity:0.2;}
1025
1057
  .input:focus{
1026
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
1058
+ outline:2px solid hsla(var(--bc) / .2);
1059
+ outline-offset:2px;
1027
1060
  }
1028
1061
  .input-ghost{--tw-bg-opacity:0.05;}
1029
1062
  .input-ghost:focus{--tw-bg-opacity:1;}
@@ -1033,41 +1066,43 @@
1033
1066
  }
1034
1067
  .input-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1035
1068
  .input-primary:focus{
1036
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1069
+ outline:2px solid hsl(var(--p));
1037
1070
  }
1038
1071
  .input-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1039
1072
  .input-secondary:focus{
1040
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1073
+ outline:2px solid hsl(var(--s));
1041
1074
  }
1042
1075
  .input-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1043
1076
  .input-accent:focus{
1044
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1077
+ outline:2px solid hsl(var(--a));
1045
1078
  }
1046
1079
  .input-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1047
1080
  .input-info:focus{
1048
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1081
+ outline:2px solid hsl(var(--in));
1049
1082
  }
1050
1083
  .input-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1051
1084
  .input-success:focus{
1052
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1085
+ outline:2px solid hsl(var(--su));
1053
1086
  }
1054
1087
  .input-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1055
1088
  .input-warning:focus{
1056
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1089
+ outline:2px solid hsl(var(--wa));
1057
1090
  }
1058
1091
  .input-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1059
1092
  .input-error:focus{
1060
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1093
+ outline:2px solid hsl(var(--er));
1061
1094
  }
1062
1095
  .input-disabled,.input[disabled]{cursor:not-allowed;}
1063
1096
  .input-disabled,.input[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1064
1097
  .input-disabled,.input[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1065
1098
  .input-disabled,.input[disabled]{--tw-text-opacity:0.2;}
1066
1099
  .input-disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1067
- .input-disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;}.kbd{border-width:1px;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-border-opacity:0.2;--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;border-radius:var(--rounded-btn, .5rem);
1100
+ .input-disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;}
1101
+ .kbd{border-width:1px;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-border-opacity:0.2;--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;border-radius:var(--rounded-btn, .5rem);
1068
1102
  border-bottom-width:2px;
1069
1103
  min-height:2.2em;
1070
- min-width:2.2em}.link-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
1104
+ min-width:2.2em}
1105
+ .link-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
1071
1106
  .link-primary:hover{--tw-text-opacity:1;color:hsl(var(--pf, var(--p)) / var(--tw-text-opacity));}
1072
1107
  .link-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity));}
1073
1108
  .link-secondary:hover{--tw-text-opacity:1;color:hsl(var(--sf, var(--s)) / var(--tw-text-opacity));}
@@ -1077,8 +1112,10 @@
1077
1112
  .link-neutral:hover{--tw-text-opacity:1;color:hsl(var(--nf, var(--n)) / var(--tw-text-opacity));}
1078
1113
  .link:focus{outline:2px solid transparent;outline-offset:2px;}
1079
1114
  .link:focus-visible{
1080
- box-shadow:0 0 0 2px currentColor;
1081
- }.mask-squircle{
1115
+ outline:2px solid currentColor;
1116
+ outline-offset:2px;
1117
+ }
1118
+ .mask-squircle{
1082
1119
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
1083
1120
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
1084
1121
  }
@@ -1153,7 +1190,8 @@
1153
1190
  .mask-triangle-4{
1154
1191
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1155
1192
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1156
- }.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-left-width:0;}
1193
+ }
1194
+ .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-left-width:0;}
1157
1195
  .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-bottom-width:4px;}
1158
1196
  .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1159
1197
  .menu[class*=p-] li *,.menu[class*=p-] li button{border-radius:var(--rounded-btn, .5rem);}
@@ -1172,9 +1210,7 @@
1172
1210
  .menu :where(li:empty){height:1px;}
1173
1211
  .menu :where(li:empty){--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1174
1212
  .menu :where(li:empty){--tw-bg-opacity:0.1;}
1175
- .menu li.disabled>*{
1176
- -webkit-user-select:none;
1177
- user-select:none;}
1213
+ .menu li.disabled>*{user-select:none;}
1178
1214
  .menu li.disabled>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1179
1215
  .menu li.disabled>*{--tw-text-opacity:0.2;}
1180
1216
  .menu li.disabled>:hover{background-color:initial;}
@@ -1189,7 +1225,7 @@
1189
1225
  .menu .menu-title>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1190
1226
  .menu .menu-title>*{--tw-text-opacity:0.4;}
1191
1227
 
1192
- .menu :where(li:not(.disabled))>:where(:not(ul)){outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1228
+ .menu :where(li:not(.disabled))>:where(:not(ul)){outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1193
1229
 
1194
1230
  .menu>:where(li:first-child){
1195
1231
  border-top-left-radius:inherit;
@@ -1351,7 +1387,7 @@
1351
1387
  transition-property:transform, opacity;
1352
1388
  overflow-y:hidden;
1353
1389
  overscroll-behavior:contain;}
1354
- .modal-box{width:100%;--tw-translate-y:2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding:1.5rem;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem);}
1390
+ .modal-box{width:100%;--tw-translate-y:2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding:1.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem);}
1355
1391
  @media (min-width:640px){.modal-box{max-width:32rem;}.modal-box{--tw-translate-y:0px;}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}.modal-box{border-bottom-left-radius:var(--rounded-box, 1rem);border-bottom-right-radius:var(--rounded-box, 1rem);}}
1356
1392
  .modal-box{
1357
1393
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
@@ -1387,27 +1423,32 @@
1387
1423
  .progress-success::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1388
1424
  .progress-warning::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1389
1425
  .progress-error::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1426
+ .radial-progress{
1427
+ --value:0;
1428
+ --size:5rem;
1429
+ --thickness:calc(var(--size)/10);
1430
+ }
1431
+ .radial-progress:after{background-color:currentColor;}
1390
1432
  .radio{
1391
1433
  --chkbg:var(--bc);
1392
- --focus-shadow:0 0 0;
1393
1434
  height:1.5rem;
1394
1435
  width:1.5rem;
1395
1436
  cursor:pointer;
1396
- -webkit-appearance:none;
1397
- appearance:none;
1437
+ appearance:none;
1398
1438
  border-radius:9999px;
1399
1439
  border-width:1px;
1400
1440
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
1401
1441
  --tw-border-opacity:0.2;
1402
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
1442
+ transition:background, box-shadow var(--animation-input, .2s) ease-in-out;
1403
1443
  }
1404
1444
  .radio:focus-visible{
1405
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
1445
+ outline:2px solid hsl(var(--bc));
1446
+ outline-offset:2px;
1406
1447
  }
1407
1448
  .radio:checked{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1408
1449
  .radio:checked{
1409
- animation:radiomark var(--animation-input, .2s) ease-in-out;
1410
- box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
1450
+ animation:radiomark var(--animation-input, .2s) ease-in-out;
1451
+ box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
1411
1452
  }
1412
1453
  .radio-primary{
1413
1454
  --chkbg:var(--p)
@@ -1415,7 +1456,7 @@
1415
1456
  .radio-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1416
1457
  .radio-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1417
1458
  .radio-primary:focus-visible{
1418
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1459
+ outline:2px solid hsl(var(--p));
1419
1460
  }
1420
1461
  .radio-primary:checked{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1421
1462
  .radio-primary:checked{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -1426,7 +1467,7 @@
1426
1467
  .radio-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1427
1468
  .radio-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1428
1469
  .radio-secondary:focus-visible{
1429
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1470
+ outline:2px solid hsl(var(--s));
1430
1471
  }
1431
1472
  .radio-secondary:checked{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1432
1473
  .radio-secondary:checked{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -1437,7 +1478,7 @@
1437
1478
  .radio-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1438
1479
  .radio-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1439
1480
  .radio-accent:focus-visible{
1440
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1481
+ outline:2px solid hsl(var(--a));
1441
1482
  }
1442
1483
  .radio-accent:checked{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1443
1484
  .radio-accent:checked{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -1447,26 +1488,29 @@
1447
1488
 
1448
1489
  @keyframes radiomark{
1449
1490
  0%{
1450
- box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow);
1491
+ box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
1451
1492
  }
1452
1493
  50%{
1453
- box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow);
1494
+ box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
1454
1495
  }
1455
1496
  to{
1456
- box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
1497
+ box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
1457
1498
  }
1458
1499
  }
1459
1500
 
1460
- .radio-mark{display:none;}.range{
1501
+ .radio-mark{display:none;}
1502
+ .range{
1461
1503
  -webkit-appearance:none;
1462
1504
  --range-shdw:var(--bc);
1505
+ overflow:hidden;
1463
1506
  background-color:initial;
1507
+ border-radius:var(--rounded-box, 1rem);
1464
1508
  }
1465
1509
  .range:focus-visible::-webkit-slider-thumb{
1466
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--range-shdw));
1510
+ --focus-shadow:0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
1467
1511
  }
1468
1512
  .range:focus-visible::-moz-range-thumb{
1469
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--range-shdw));
1513
+ --focus-shadow:0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
1470
1514
  }
1471
1515
  .range::-webkit-slider-runnable-track{height:.5rem;}
1472
1516
  .range::-webkit-slider-runnable-track{width:100%;}
@@ -1481,7 +1525,7 @@
1481
1525
  background-color:hsla(var(--bc) / .1);
1482
1526
  }
1483
1527
  .range::-webkit-slider-thumb{
1484
- background-color:hsl(var(--range-shdw));
1528
+ background-color:hsl(var(--b1));
1485
1529
  }
1486
1530
  .range::-webkit-slider-thumb{position:relative;}
1487
1531
  .range::-webkit-slider-thumb{height:1.25rem;}
@@ -1494,10 +1538,14 @@
1494
1538
  .range::-webkit-slider-thumb{
1495
1539
  -webkit-appearance:none;
1496
1540
  top:50%;
1541
+ color:hsl(var(--range-shdw));
1497
1542
  transform:translateY(-50%);
1543
+ --filler-size:100rem;
1544
+ --filler-offset:.6rem;
1545
+ box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow,0 0), calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
1498
1546
  }
1499
1547
  .range::-moz-range-thumb{
1500
- background-color:hsl(var(--range-shdw));
1548
+ background-color:hsl(var(--b1));
1501
1549
  }
1502
1550
  .range::-moz-range-thumb{position:relative;}
1503
1551
  .range::-moz-range-thumb{height:1.25rem;}
@@ -1509,6 +1557,10 @@
1509
1557
  .range::-moz-range-thumb{border-radius:var(--rounded-box, 1rem);}
1510
1558
  .range::-moz-range-thumb{
1511
1559
  top:50%;
1560
+ color:hsl(var(--range-shdw));
1561
+ --filler-size:100rem;
1562
+ --filler-offset:.5rem;
1563
+ box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow,0 0), calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
1512
1564
  }
1513
1565
  .range-primary{
1514
1566
  --range-shdw:var(--p);
@@ -1518,9 +1570,8 @@
1518
1570
  }
1519
1571
  .range-accent{
1520
1572
  --range-shdw:var(--a);
1521
- }.rating input{
1522
- -webkit-appearance:none;
1523
- appearance:none;}
1573
+ }
1574
+ .rating input{appearance:none;}
1524
1575
  .rating input{
1525
1576
  -webkit-appearance:none;
1526
1577
  }
@@ -1558,49 +1609,47 @@
1558
1609
  transform:translateY(0);
1559
1610
  }
1560
1611
  }
1561
- .select{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding-right:2.5rem;font-weight:600;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-radius:var(--rounded-btn, .5rem);}
1612
+ .select{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding-right:2.5rem;font-weight:600;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-radius:var(--rounded-btn, .5rem);}
1562
1613
  .select-bordered{--tw-border-opacity:0.2;}
1563
1614
  .select{
1564
- background-image:linear-gradient(45deg, transparent 50%, currentColor 0),
1565
- linear-gradient(135deg, currentColor 50%, transparent 0);
1566
- background-position:calc(100% - 20px) calc(1px + 50%),
1567
- calc(100% - 16px) calc(1px + 50%);
1568
- background-size:4px 4px,
1569
- 4px 4px;
1615
+ background-image:linear-gradient(45deg, transparent 50%, currentColor 0), linear-gradient(135deg, currentColor 50%, transparent 0);
1616
+ background-position:calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
1617
+ background-size:4px 4px, 4px 4px;
1570
1618
  background-repeat:no-repeat;}
1571
1619
  .select:focus{
1572
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
1620
+ outline:2px solid hsla(var(--bc) / .2);
1621
+ outline-offset:2px;
1573
1622
  }
1574
1623
  .select-ghost{--tw-bg-opacity:0.05;}
1575
1624
  .select-ghost:focus{--tw-bg-opacity:1;}
1576
1625
  .select-ghost:focus{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1577
1626
  .select-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1578
1627
  .select-primary:focus{
1579
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1628
+ outline:2px solid hsl(var(--p));
1580
1629
  }
1581
1630
  .select-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1582
1631
  .select-secondary:focus{
1583
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1632
+ outline:2px solid hsl(var(--s));
1584
1633
  }
1585
1634
  .select-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1586
1635
  .select-accent:focus{
1587
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1636
+ outline:2px solid hsl(var(--a));
1588
1637
  }
1589
1638
  .select-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1590
1639
  .select-info:focus{
1591
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1640
+ outline:2px solid hsl(var(--in));
1592
1641
  }
1593
1642
  .select-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1594
1643
  .select-success:focus{
1595
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1644
+ outline:2px solid hsl(var(--su));
1596
1645
  }
1597
1646
  .select-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1598
1647
  .select-warning:focus{
1599
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1648
+ outline:2px solid hsl(var(--wa));
1600
1649
  }
1601
1650
  .select-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1602
1651
  .select-error:focus{
1603
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1652
+ outline:2px solid hsl(var(--er));
1604
1653
  }
1605
1654
  .select-disabled,.select[disabled]{cursor:not-allowed;}
1606
1655
  .select-disabled,.select[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
@@ -1614,7 +1663,8 @@
1614
1663
  .stack>*{width:100%;}
1615
1664
  .stack>*{opacity:.6;}
1616
1665
  .stack>:nth-child(2){opacity:.8;}
1617
- .stack>:first-child{opacity:1;}.stats{--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));border-radius:var(--rounded-box, 1rem);}
1666
+ .stack>:first-child{opacity:1;}
1667
+ .stats{--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));border-radius:var(--rounded-box, 1rem);}
1618
1668
  :where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)));}
1619
1669
  :where(.stats){overflow-x:auto;}
1620
1670
  .stat{column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding:1rem 1.5rem;}
@@ -1683,6 +1733,36 @@
1683
1733
  .steps .step-error+.step-error:before{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1684
1734
  .steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1685
1735
  .steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));}
1736
+ .swap{cursor:pointer;}
1737
+
1738
+ .swap>*{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1739
+
1740
+ .swap-rotate .swap-indeterminate,.swap-rotate .swap-on,.swap-rotate input:indeterminate~.swap-on{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
1741
+
1742
+ .swap-rotate.swap-active .swap-off,.swap-rotate input:checked~.swap-off,.swap-rotate input:indeterminate~.swap-off{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
1743
+
1744
+ .swap-rotate.swap-active .swap-on,.swap-rotate input:checked~.swap-on,.swap-rotate input:indeterminate~.swap-indeterminate{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
1745
+
1746
+ .swap-flip{
1747
+ transform-style:preserve-3d;
1748
+ perspective:16em;
1749
+ }
1750
+
1751
+ .swap-flip .swap-indeterminate,.swap-flip .swap-on,.swap-flip input:indeterminate~.swap-on{
1752
+ transform:rotateY(180deg);
1753
+ backface-visibility:hidden;
1754
+ opacity:1;
1755
+ }
1756
+
1757
+ .swap-flip.swap-active .swap-off,.swap-flip input:checked~.swap-off,.swap-flip input:indeterminate~.swap-off{
1758
+ transform:rotateY(-180deg);
1759
+ backface-visibility:hidden;
1760
+ opacity:1;
1761
+ }
1762
+
1763
+ .swap-flip.swap-active .swap-on,.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate{
1764
+ transform:rotateY(0deg);
1765
+ }
1686
1766
  .tab{--tw-text-opacity:0.5;}.tab:hover{--tw-text-opacity:1;}.tab{
1687
1767
  --tab-color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1688
1768
  --tab-bg:hsla(var(--b1) / var(--tw-bg-opacity, 1));
@@ -1691,7 +1771,10 @@
1691
1771
  padding-left:var(--tab-padding, 1rem);
1692
1772
  padding-right:var(--tab-padding, 1rem);
1693
1773
  }.tab.tab-active{border-color:hsl(var(--bc) / var(--tw-border-opacity));}.tab.tab-active{--tw-border-opacity:1;}.tab.tab-active{--tw-text-opacity:1;}.tab:focus{outline:2px solid transparent;outline-offset:2px;}.tab:focus-visible{
1694
- box-shadow:inset 0 0 0 2px currentColor;
1774
+ outline:2px solid currentColor;
1775
+ outline-offset:-3px;
1776
+ border-bottom-right-radius:var(--tab-radius, .5rem);
1777
+ border-bottom-left-radius:var(--tab-radius, .5rem);
1695
1778
  }
1696
1779
  .tab-bordered{border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;
1697
1780
  border-style:solid;
@@ -1781,7 +1864,8 @@
1781
1864
  .textarea{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn, .5rem);}
1782
1865
  .textarea-bordered{--tw-border-opacity:0.2;}
1783
1866
  .textarea:focus{
1784
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
1867
+ outline:2px solid hsla(var(--bc) / .2);
1868
+ outline-offset:2px;
1785
1869
  }
1786
1870
  .textarea-ghost{--tw-bg-opacity:0.05;}
1787
1871
  .textarea-ghost:focus{--tw-bg-opacity:1;}
@@ -1791,46 +1875,45 @@
1791
1875
  }
1792
1876
  .textarea-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1793
1877
  .textarea-primary:focus{
1794
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1878
+ outline:2px solid hsl(var(--p));
1795
1879
  }
1796
1880
  .textarea-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1797
1881
  .textarea-secondary:focus{
1798
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1882
+ outline:2px solid hsl(var(--s));
1799
1883
  }
1800
1884
  .textarea-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1801
1885
  .textarea-accent:focus{
1802
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1886
+ outline:2px solid hsl(var(--a));
1803
1887
  }
1804
1888
  .textarea-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1805
1889
  .textarea-info:focus{
1806
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1890
+ outline:2px solid hsl(var(--in));
1807
1891
  }
1808
1892
  .textarea-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1809
1893
  .textarea-success:focus{
1810
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1894
+ outline:2px solid hsl(var(--su));
1811
1895
  }
1812
1896
  .textarea-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1813
1897
  .textarea-warning:focus{
1814
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1898
+ outline:2px solid hsl(var(--wa));
1815
1899
  }
1816
1900
  .textarea-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1817
1901
  .textarea-error:focus{
1818
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1902
+ outline:2px solid hsl(var(--er));
1819
1903
  }
1820
1904
  .textarea-disabled,.textarea[disabled]{cursor:not-allowed;}
1821
1905
  .textarea-disabled,.textarea[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1822
1906
  .textarea-disabled,.textarea[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1823
1907
  .textarea-disabled,.textarea[disabled]{--tw-text-opacity:0.2;}
1824
1908
  .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1825
- .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;}.toggle{
1826
- --chkbg:hsla(var(--bc) / .2);
1827
- --focus-shadow:0 0 0;
1909
+ .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;}
1910
+ .toggle{
1911
+ --chkbg:hsla(var(--bc) / 0.2);
1828
1912
  --handleoffset:1.5rem;
1829
1913
  height:1.5rem;
1830
1914
  width:3rem;
1831
1915
  cursor:pointer;
1832
- -webkit-appearance:none;
1833
- appearance:none;
1916
+ appearance:none;
1834
1917
  border-width:1px;
1835
1918
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
1836
1919
  --tw-border-opacity:0.2;
@@ -1839,11 +1922,12 @@
1839
1922
  transition-duration:.3s;
1840
1923
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1841
1924
  border-radius:var(--rounded-badge, 1.9rem);
1842
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
1843
- box-shadow:calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
1925
+ transition:background, box-shadow var(--animation-input, .2s) ease-in-out;
1926
+ box-shadow:calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
1844
1927
  }
1845
1928
  .toggle:focus-visible{
1846
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
1929
+ outline:2px solid hsl(var(--bc));
1930
+ outline-offset:2px;
1847
1931
  }
1848
1932
  .toggle:checked,.toggle[checked=true]{
1849
1933
  --chkbg:hsl(var(--bc))
@@ -1851,10 +1935,10 @@
1851
1935
  .toggle:checked,.toggle[checked=true]{--tw-border-opacity:1;}
1852
1936
  .toggle:checked,.toggle[checked=true]{--tw-bg-opacity:1;}
1853
1937
  .toggle:checked,.toggle[checked=true]{
1854
- box-shadow:var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
1938
+ box-shadow:var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
1855
1939
  }
1856
1940
  [dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{
1857
- box-shadow:calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
1941
+ box-shadow:calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
1858
1942
  }
1859
1943
  .toggle:indeterminate{
1860
1944
  --chkbg:hsl(var(--bc))
@@ -1862,13 +1946,13 @@
1862
1946
  .toggle:indeterminate{--tw-border-opacity:1;}
1863
1947
  .toggle:indeterminate{--tw-bg-opacity:1;}
1864
1948
  .toggle:indeterminate{
1865
- box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
1949
+ box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
1866
1950
  }
1867
1951
  [dir=rtl] .toggle:indeterminate{
1868
- box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
1952
+ box-shadow:calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
1869
1953
  }
1870
1954
  .toggle-primary:focus-visible{
1871
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1955
+ outline:2px solid hsl(var(--p));
1872
1956
  }
1873
1957
  .toggle-primary:checked,.toggle-primary[checked=true]{
1874
1958
  --chkbg:hsl(var(--p));
@@ -1878,7 +1962,7 @@
1878
1962
  .toggle-primary:checked,.toggle-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1879
1963
  .toggle-primary:checked,.toggle-primary[checked=true]{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1880
1964
  .toggle-secondary:focus-visible{
1881
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1965
+ outline:2px solid hsl(var(--s));
1882
1966
  }
1883
1967
  .toggle-secondary:checked,.toggle-secondary[checked=true]{
1884
1968
  --chkbg:hsl(var(--s));
@@ -1888,7 +1972,7 @@
1888
1972
  .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1889
1973
  .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
1890
1974
  .toggle-accent:focus-visible{
1891
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1975
+ outline:2px solid hsl(var(--a));
1892
1976
  }
1893
1977
  .toggle-accent:checked,.toggle-accent[checked=true]{
1894
1978
  --chkbg:hsl(var(--a));
@@ -1902,12 +1986,13 @@
1902
1986
  .toggle:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1903
1987
  .toggle:disabled{--tw-bg-opacity:0.2;}
1904
1988
 
1905
- .toggle-mark{display:none;}.tooltip{position:relative;display:inline-block;text-align:center;
1989
+ .toggle-mark{display:none;}
1990
+ .tooltip{position:relative;display:inline-block;text-align:center;
1906
1991
  --tooltip-tail:3px;
1907
1992
  --tooltip-color:hsl(var(--n));
1908
1993
  --tooltip-text-color:hsl(var(--nc));
1909
1994
  --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));}
1910
- .tooltip:after,.tooltip:before{opacity:0;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-delay:.1s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1995
+ .tooltip:after,.tooltip:before{opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-delay:.1s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1911
1996
  .tooltip:after{position:absolute;}
1912
1997
  .tooltip:before{max-width:20rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;
1913
1998
  background-color:var(--tooltip-color);