daisyui 2.0.0-next.0 → 2.0.1

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 (19) hide show
  1. package/README.md +108 -89
  2. package/colors/colorNames.js +25 -26
  3. package/colors/index.js +18 -19
  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 +18 -17
  8. package/dist/styled.css +351 -381
  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 +114 -129
  13. package/dist/unstyled.js +1 -1
  14. package/dist/unstyled.rtl.js +1 -1
  15. package/dist/utilities-styled.js +1 -1
  16. package/dist/utilities-unstyled.js +1 -1
  17. package/dist/utilities.js +1 -1
  18. package/index.js +168 -100
  19. package/package.json +4 -1
package/dist/styled.css CHANGED
@@ -1,19 +1,16 @@
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;}
6
7
  .avatar img{height:100%;}
7
8
  .avatar img{width:100%;}
8
- .avatar img{
9
- -o-object-fit:cover;
10
- object-fit:cover;}
9
+ .avatar img{object-fit:cover;}
11
10
  .avatar.placeholder>div{display:flex;}
12
11
  .avatar.placeholder>div{align-items:center;}
13
12
  .avatar.placeholder>div{justify-content:center;}
14
- .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;
15
- width:-webkit-fit-content;
16
- width:-moz-fit-content;
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;
17
14
  width:fit-content;
18
15
  padding-left:.563rem;
19
16
  padding-right:.563rem}
@@ -22,8 +19,6 @@
22
19
  .breadcrumbs>ul{align-items:center;}
23
20
  .breadcrumbs>ul{white-space:nowrap;}
24
21
  .breadcrumbs>ul{
25
- min-height:-webkit-min-content;
26
- min-height:-moz-min-content;
27
22
  min-height:min-content;
28
23
  }
29
24
  .breadcrumbs>ul>li{display:flex;}
@@ -31,47 +26,49 @@
31
26
  .breadcrumbs>ul>li>a{display:flex;}
32
27
  .breadcrumbs>ul>li>a{cursor:pointer;}
33
28
  .breadcrumbs>ul>li>a{align-items:center;}
34
- .breadcrumbs>ul>li>a:hover{
35
- -webkit-text-decoration-line:underline;
36
- text-decoration-line:underline;}.btn{display:inline-flex;flex-shrink:0;cursor:pointer;
37
- -webkit-user-select:none;
38
- -moz-user-select:none;
39
- -ms-user-select:none;
40
- 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;
41
31
  line-height:1em;}
42
- .btn:focus{outline:2px solid transparent;outline-offset:2px;}
32
+
43
33
  .btn-disabled,.btn[disabled]{pointer-events:none;}
34
+
44
35
  .btn-square{height:3rem;}
36
+
45
37
  .btn-square{width:3rem;}
38
+
46
39
  .btn-square{padding:0;}
40
+
47
41
  .btn-circle{height:3rem;}
42
+
48
43
  .btn-circle{width:3rem;}
44
+
49
45
  .btn-circle{border-radius:9999px;}
46
+
50
47
  .btn-circle{padding:0;}
48
+
51
49
  .btn.loading,.btn.loading:hover{pointer-events:none;}
50
+
52
51
  .btn.loading:before{margin-right:.5rem;}
52
+
53
53
  .btn.loading:before{height:1rem;}
54
+
54
55
  .btn.loading:before{width:1rem;}
56
+
55
57
  .btn.loading:before{border-radius:9999px;}
58
+
56
59
  .btn.loading:before{border-width:2px;}
60
+
57
61
  .btn.loading:before{
58
- -webkit-animation:spin 2s linear infinite;
59
- animation:spin 2s linear infinite;
62
+ animation:spin 2s linear infinite;
60
63
  content:"";
61
- border-color:transparent currentColor currentColor transparent;
64
+ border-top-color:transparent;
65
+ border-left-color:transparent;
66
+ border-bottom-color:initial;
67
+ border-right-color:initial;
62
68
  }
63
69
  @media (prefers-reduced-motion:reduce){
64
70
  .btn.loading:before{
65
- -webkit-animation:spin 10s linear infinite;
66
- animation:spin 10s linear infinite;
67
- }
68
- }
69
- @-webkit-keyframes spin{
70
- 0%{
71
- transform:rotate(0deg);
72
- }
73
- to{
74
- transform:rotate(1turn);
71
+ animation:spin 10s linear infinite;
75
72
  }
76
73
  }
77
74
  @keyframes spin{
@@ -83,10 +80,7 @@
83
80
  }
84
81
  }
85
82
  .btn-group{display:flex;flex-wrap:wrap;}
86
- .btn-group>input[type=radio].btn{
87
- -webkit-appearance:none;
88
- -moz-appearance:none;
89
- appearance:none;}
83
+ .btn-group>input[type=radio].btn{appearance:none;}
90
84
  .btn-group>input[type=radio].btn:before{
91
85
  content:attr(data-title);
92
86
  }
@@ -111,21 +105,17 @@
111
105
  .card.image-full:before,.card.image-full>*{grid-column-start:1;}
112
106
  .card.image-full:before,.card.image-full>*{grid-row-start:1;}
113
107
  .card.image-full>figure img{height:100%;}
114
- .card.image-full>figure img{
115
- -o-object-fit:cover;
116
- object-fit:cover;}
108
+ .card.image-full>figure img{object-fit:cover;}
117
109
  .card.image-full>.card-body{position:relative;}
118
110
  .carousel{display:flex;overflow-x:scroll;
119
- -ms-scroll-snap-type:x mandatory;
120
- scroll-snap-type:x mandatory;
111
+ scroll-snap-type:x mandatory;
121
112
  scroll-behavior:smooth;}
122
113
  .carousel-vertical{flex-direction:column;}
123
114
  .carousel-vertical{overflow-y:scroll;}
124
115
  .carousel-vertical{
125
- -ms-scroll-snap-type:y mandatory;
126
- scroll-snap-type:y mandatory;
116
+ scroll-snap-type:y mandatory;
127
117
  }
128
- .carousel-item{box-sizing:content-box;}
118
+ .carousel-item{box-sizing:initial;}
129
119
  .carousel-item{display:flex;}
130
120
  .carousel-item{flex:none;}
131
121
  .carousel-item{
@@ -136,17 +126,17 @@
136
126
  }
137
127
  .carousel-end .carousel-item{
138
128
  scroll-snap-align:end;
139
- }.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.collapse{position:relative;display:grid;overflow:hidden;}
129
+ }
130
+
131
+ .collapse{position:relative;display:grid;overflow:hidden;}
140
132
  .collapse-content,.collapse-title,.collapse>input[type=checkbox]{grid-column-start:1;grid-row-start:1;}
141
- .collapse>input[type=checkbox]{
142
- -webkit-appearance:none;
143
- -moz-appearance:none;
144
- appearance:none;opacity:0;}
133
+ .collapse>input[type=checkbox]{appearance:none;opacity:0;}
145
134
  .collapse-content{grid-row-start:2;overflow:hidden;
146
135
  max-height:0;}
147
136
  .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
148
137
  max-height:9000px;
149
- }:root .countdown{
138
+ }
139
+ :root .countdown{
150
140
  line-height:1em;
151
141
  }
152
142
  .countdown{
@@ -163,7 +153,6 @@
163
153
  white-space:pre;
164
154
  top:calc(var(--value)*-1em);
165
155
  }
166
-
167
156
  .divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;}
168
157
  .divider:after,.divider:before{
169
158
  content:"";
@@ -181,18 +170,14 @@
181
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));}
182
171
  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{justify-self:end;}
183
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));}
184
- .drawer-toggle{position:absolute;height:0;width:0;
185
- -webkit-appearance:none;
186
- -moz-appearance:none;
187
- appearance:none;opacity:0;}
173
+ .drawer-toggle{position:absolute;height:0;width:0;appearance:none;opacity:0;}
188
174
  .drawer-toggle~.drawer-content{z-index:0;}
189
175
  .drawer-toggle~.drawer-content{grid-column-start:1;}
190
176
  .drawer-toggle~.drawer-content{grid-row-start:1;}
191
177
  .drawer-toggle~.drawer-content{max-height:100vh;}
192
178
  .drawer-toggle~.drawer-content{overflow-y:auto;}
193
179
  .drawer-toggle~.drawer-content{
194
- -ms-scroll-chaining:none;
195
- overscroll-behavior:contain;
180
+ overscroll-behavior:contain;
196
181
  }
197
182
  .drawer-toggle~.drawer-side{grid-column-start:1;}
198
183
  .drawer-toggle~.drawer-side{grid-row-start:1;}
@@ -214,7 +199,6 @@
214
199
  [dir=rtl] .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));}
215
200
  @media (min-width:1024px){
216
201
  .drawer-mobile{
217
- grid-auto-columns:-webkit-max-content auto;
218
202
  grid-auto-columns:max-content auto;
219
203
  }
220
204
  .drawer-mobile>.drawer-toggle~.drawer-content{height:auto;}
@@ -223,7 +207,6 @@
223
207
  @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
224
208
  @media (min-width:1024px){.drawer-mobile>.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));}}
225
209
  .drawer-mobile.drawer-end{
226
- grid-auto-columns:auto -webkit-max-content;
227
210
  grid-auto-columns:auto max-content;
228
211
  direction:ltr;
229
212
  }
@@ -233,7 +216,8 @@
233
216
  @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2;}}
234
217
  @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
235
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));}}
236
- }.dropdown{position:relative;display:inline-block}
219
+ }
220
+ .dropdown{position:relative;display:inline-block}
237
221
  .dropdown>:focus{outline:2px solid transparent;outline-offset:2px}
238
222
  .dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0}
239
223
  .dropdown-end .dropdown-content{right:0}
@@ -242,7 +226,8 @@
242
226
  .dropdown-top .dropdown-content{bottom:100%;top:auto}
243
227
  .dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}
244
228
  .dropdown-end.dropdown-left .dropdown-content{bottom:0;top:auto}
245
- .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;}
246
231
  .footer>*{display:grid;}
247
232
  .footer>*{place-items:start;}
248
233
  .footer-center{place-items:center;}
@@ -255,12 +240,9 @@
255
240
  .footer-center{
256
241
  grid-auto-flow:row dense;
257
242
  }
258
- }.form-control{display:flex;flex-direction:column}
259
- .label{display:flex;
260
- -webkit-user-select:none;
261
- -moz-user-select:none;
262
- -ms-user-select:none;
263
- 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}
264
246
  .hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:50%;}
265
247
  .hero>*{grid-column-start:1;}
266
248
  .hero>*{grid-row-start:1;}
@@ -271,9 +253,8 @@
271
253
  .hero-content{z-index:0;}
272
254
  .hero-content{display:flex;}
273
255
  .hero-content{align-items:center;}
274
- .hero-content{justify-content:center;}.indicator{position:relative;display:inline-flex;
275
- width:-webkit-fit-content;
276
- width:-moz-fit-content;
256
+ .hero-content{justify-content:center;}
257
+ .indicator{position:relative;display:inline-flex;
277
258
  width:fit-content;}
278
259
  .indicator .indicator-item{
279
260
  z-index:1
@@ -303,8 +284,7 @@
303
284
  .indicator .indicator-item.indicator-top{top:0;}
304
285
  .indicator .indicator-item.indicator-top{bottom:auto;}
305
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));}
306
-
307
- .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;}
308
288
  .input:focus{outline:2px solid transparent;outline-offset:2px;}
309
289
  .input-group{display:flex;width:100%;align-items:stretch;}
310
290
  .input-group>*,.input-group>.input{border-radius:0;}
@@ -318,7 +298,7 @@
318
298
  .input-group-xs{line-height:1.625;}
319
299
  .input-group :where(span){display:flex;}
320
300
  .input-group :where(span){align-items:center;}
321
- .input-group :where(span){--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b1)) / var(--tw-bg-opacity));}
301
+ .input-group :where(span){--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
322
302
  .input-group :where(span){padding-left:1rem;padding-right:1rem;}
323
303
  .input-group :first-child{
324
304
  border-top-left-radius:var(--rounded-btn, .5rem);
@@ -345,15 +325,11 @@
345
325
  border-bottom-left-radius:var(--rounded-btn, .5rem);
346
326
  border-bottom-right-radius:var(--rounded-btn, .5rem);
347
327
  }
348
- .kbd{display:inline-flex;align-items:center;justify-content:center}.link{cursor:pointer;
349
- -webkit-text-decoration-line:underline;
350
- text-decoration-line:underline;}
351
- .link-hover{
352
- -webkit-text-decoration-line:none;
353
- text-decoration-line:none;}
354
- .link-hover:hover{
355
- -webkit-text-decoration-line:underline;
356
- 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{
357
333
  -webkit-mask-size:contain;
358
334
  mask-size:contain;
359
335
  -webkit-mask-repeat:no-repeat;
@@ -378,11 +354,7 @@
378
354
  .menu.horizontal{flex-direction:row;}
379
355
  .menu.horizontal :where(li){flex-direction:row;}
380
356
  .menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;}
381
- .menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){display:flex;cursor:pointer;
382
- -webkit-user-select:none;
383
- -moz-user-select:none;
384
- -ms-user-select:none;
385
- 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;}
386
358
  .menu>:where(li>:not(ul):focus){outline:2px solid transparent;outline-offset:2px;}
387
359
  .menu>:where(li.disabled>:not(ul):focus){cursor:auto;}
388
360
  .menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch;}
@@ -406,7 +378,8 @@
406
378
  content:attr(data-prefix);
407
379
  }
408
380
  .mockup-window pre[data-prefix]:before{display:inline-block;}
409
- .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{
410
383
  z-index:999;
411
384
  }
412
385
  .modal-box{
@@ -414,10 +387,7 @@
414
387
  }
415
388
  .modal-open,.modal-toggle:checked+.modal,.modal:target{pointer-events:auto;visibility:visible;opacity:1;}
416
389
  .modal-action{display:flex;}
417
- .modal-toggle{position:fixed;height:0;width:0;
418
- -webkit-appearance:none;
419
- -moz-appearance:none;
420
- appearance:none;opacity:0;}
390
+ .modal-toggle{position:fixed;height:0;width:0;appearance:none;opacity:0;}
421
391
  .navbar{display:flex;align-items:center;}
422
392
  .navbar>*{display:flex;}
423
393
  .navbar>*{align-items:center;}
@@ -431,38 +401,50 @@
431
401
  .navbar-end{
432
402
  width:50%;
433
403
  justify-content:flex-end;
434
- }.progress{position:relative;width:100%;
435
- -webkit-appearance:none;
436
- -moz-appearance:none;
437
- 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;}
438
424
  .range:focus{
439
425
  outline:none;
440
- }.rating{position:relative;display:inline-flex;}
441
- .rating :where(input){cursor:pointer;}.select{display:inline-flex;flex-shrink:0;cursor:pointer;
442
- -webkit-user-select:none;
443
- -moz-user-select:none;
444
- -ms-user-select:none;
445
- user-select:none;
446
- -webkit-appearance:none;
447
- -moz-appearance:none;
448
- 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;}
449
430
  .select:focus{outline:2px solid transparent;outline-offset:2px;}
450
431
  .select-disabled,.select[disabled]{pointer-events:none;}
451
432
  .stack{display:inline-grid;}
452
433
  .stack>*{grid-column-start:1;}
453
434
  .stack>*{grid-row-start:1;}
454
435
  .stack>*{
455
- transform:translateY(1rem)scale(.9);
436
+ transform:translateY(1rem) scale(.9);
456
437
  z-index:1;
457
438
  }
458
439
  .stack>:nth-child(2){
459
- transform:translateY(.5rem)scale(.95);
440
+ transform:translateY(.5rem) scale(.95);
460
441
  z-index:2;
461
442
  }
462
443
  .stack>:first-child{
463
- transform:translateY(0)scale(1);
444
+ transform:translateY(0) scale(1);
464
445
  z-index:3;
465
- }.stats{display:inline-grid;}
446
+ }
447
+ .stats{display:inline-grid;}
466
448
  :where(.stats){grid-auto-flow:column;}
467
449
  .stat{display:inline-grid;width:100%;
468
450
  grid-template-columns:repeat(1, 1fr);}
@@ -479,32 +461,36 @@
479
461
  .stat-desc{white-space:nowrap;}
480
462
  .stat-actions{grid-column-start:1;}
481
463
  .stat-actions{white-space:nowrap;}
482
- .steps{
464
+ .steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;
483
465
  counter-reset:step;
484
- grid-auto-columns:1fr;
485
- display:inline-grid;
486
- grid-auto-flow:column;
487
- overflow:hidden;
488
- overflow-x:auto;
489
- }
490
- .steps [class~=step]{display:grid;}
491
- .steps [class~=step]{grid-template-columns:repeat(1, minmax(0, 1fr));}
492
- .steps [class~=step]{grid-template-rows:repeat(2, minmax(0, 1fr));}
493
- .steps [class~=step]{place-items:center;}
494
- .steps [class~=step]{text-align:center;}.tabs{display:flex;flex-wrap:wrap;align-items:flex-end}
495
- .tab{position:relative;display:inline-flex;cursor:pointer;
496
- -webkit-user-select:none;
497
- -moz-user-select:none;
498
- -ms-user-select:none;
499
- 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;
500
- --tab-padding:1rem}.table{position:relative;}
501
- .table th:first-child{position:-webkit-sticky;position:sticky;}
466
+ grid-auto-columns:1fr;}
467
+ .steps .step{display:grid;}
468
+ .steps .step{grid-template-columns:repeat(1, minmax(0, 1fr));}
469
+ .steps .step{grid-template-rows:repeat(2, minmax(0, 1fr));}
470
+ .steps .step{place-items:center;}
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;}
487
+ .table th:first-child{position:sticky;}
502
488
  .table th:first-child{left:0;}
503
489
  .table th:first-child{z-index:10;}
504
490
  .table th:first-child{
505
491
  position:-webkit-sticky;
506
492
  }
507
- .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);}
508
494
  .textarea{padding-left:1rem;padding-right:1rem;}
509
495
  .textarea{padding-top:.5rem;padding-bottom:.5rem;}
510
496
  .textarea{font-size:.875rem;line-height:1.25rem;}
@@ -514,7 +500,6 @@
514
500
  .toggle{
515
501
  flex-shrink:0;
516
502
  }
517
- .toggle:focus{outline:2px solid transparent;outline-offset:2px;}
518
503
  .tooltip{position:relative;display:inline-block;
519
504
  --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));}
520
505
  .tooltip:before{position:absolute;
@@ -547,7 +532,8 @@
547
532
  left:var(--tooltip-offset);
548
533
  right:auto;
549
534
  bottom:auto;
550
- }.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)}
551
537
  .avatar-group{display:flex;overflow:hidden;}
552
538
  .avatar-group .avatar{overflow:hidden;}
553
539
  .avatar-group .avatar{border-radius:9999px;}
@@ -579,23 +565,23 @@
579
565
 
580
566
  .btn-outline .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity))}
581
567
 
582
- .btn-outline .badge.outline{background-color:transparent}
568
+ .btn-outline .badge.outline{background-color:initial}
583
569
 
584
570
  .btn-outline.btn-primary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}
585
571
 
586
- .btn-outline.btn-primary .badge-outline{background-color:transparent}
572
+ .btn-outline.btn-primary .badge-outline{background-color:initial}
587
573
 
588
574
  .btn-outline.btn-primary .badge-outline{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}
589
575
 
590
576
  .btn-outline.btn-secondary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}
591
577
 
592
- .btn-outline.btn-secondary .badge-outline{background-color:transparent}
578
+ .btn-outline.btn-secondary .badge-outline{background-color:initial}
593
579
 
594
580
  .btn-outline.btn-secondary .badge-outline{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}
595
581
 
596
582
  .btn-outline.btn-accent .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}
597
583
 
598
- .btn-outline.btn-accent .badge-outline{background-color:transparent}
584
+ .btn-outline.btn-accent .badge-outline{background-color:initial}
599
585
 
600
586
  .btn-outline.btn-accent .badge-outline{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}
601
587
 
@@ -646,9 +632,9 @@
646
632
  .btn-outline.btn-accent:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}
647
633
  .breadcrumbs{padding-top:.5rem;padding-bottom:.5rem;}
648
634
  .breadcrumbs>ul>li>a:focus{outline:2px solid transparent;outline-offset:2px;}
649
- .breadcrumbs>ul>li>a:focus-visible{border-radius:var(--rounded-badge, 1.9rem);}
650
635
  .breadcrumbs>ul>li>a:focus-visible{
651
- box-shadow:0 0 0 2px currentColor;
636
+ outline:2px solid currentColor;
637
+ outline-offset:2px;
652
638
  }
653
639
  .breadcrumbs>ul>li+:before{
654
640
  content:"";
@@ -664,15 +650,14 @@
664
650
  .breadcrumbs>ul>li+:before{
665
651
  border-top:1px solid;
666
652
  border-right:1px solid;
667
- background-color:transparent;
668
- }.btn{font-weight:600;text-transform:uppercase;
653
+ background-color:initial;
654
+ }
655
+ .btn{font-weight:600;text-transform:uppercase;
669
656
  border-width:var(--border-btn, 1px);
670
- -webkit-animation:button-pop var(--animation-btn, .25s) ease-out;
671
- animation:button-pop var(--animation-btn, .25s) ease-out;
657
+ animation:button-pop var(--animation-btn, .25s) ease-out;
672
658
  text-transform:var(--btn-text-case, uppercase);}
673
659
  .btn:active:focus,.btn:active:hover{
674
- -webkit-animation:none;
675
- animation:none;
660
+ animation:none;
676
661
  }
677
662
  .btn:active:focus,.btn:active:hover{
678
663
  transform:scale(var(--btn-focus-scale, .95));
@@ -683,7 +668,8 @@
683
668
  .btn-active,.btn:hover{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));}
684
669
  .btn-active,.btn:hover{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));}
685
670
  .btn:focus-visible{
686
- 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;
687
673
  }
688
674
  .btn-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
689
675
  .btn-primary{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -691,7 +677,7 @@
691
677
  .btn-primary.btn-active,.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));}
692
678
  .btn-primary.btn-active,.btn-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));}
693
679
  .btn-primary:focus-visible{
694
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
680
+ outline:2px solid hsl(var(--p));
695
681
  }
696
682
  .btn-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
697
683
  .btn-secondary{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -699,7 +685,7 @@
699
685
  .btn-secondary.btn-active,.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf, var(--s)) / var(--tw-border-opacity));}
700
686
  .btn-secondary.btn-active,.btn-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));}
701
687
  .btn-secondary:focus-visible{
702
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
688
+ outline:2px solid hsl(var(--s));
703
689
  }
704
690
  .btn-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
705
691
  .btn-accent{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -707,7 +693,7 @@
707
693
  .btn-accent.btn-active,.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af, var(--a)) / var(--tw-border-opacity));}
708
694
  .btn-accent.btn-active,.btn-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity));}
709
695
  .btn-accent:focus-visible{
710
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
696
+ outline:2px solid hsl(var(--a));
711
697
  }
712
698
  .btn-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
713
699
  .btn-info{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
@@ -715,7 +701,7 @@
715
701
  .btn-info.btn-active,.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
716
702
  .btn-info.btn-active,.btn-info:hover{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
717
703
  .btn-info:focus-visible{
718
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
704
+ outline:2px solid hsl(var(--in));
719
705
  }
720
706
  .btn-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
721
707
  .btn-success{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
@@ -723,7 +709,7 @@
723
709
  .btn-success.btn-active,.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
724
710
  .btn-success.btn-active,.btn-success:hover{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
725
711
  .btn-success:focus-visible{
726
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
712
+ outline:2px solid hsl(var(--su));
727
713
  }
728
714
  .btn-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
729
715
  .btn-warning{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
@@ -731,7 +717,7 @@
731
717
  .btn-warning.btn-active,.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
732
718
  .btn-warning.btn-active,.btn-warning:hover{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
733
719
  .btn-warning:focus-visible{
734
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
720
+ outline:2px solid hsl(var(--wa));
735
721
  }
736
722
  .btn-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
737
723
  .btn-error{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
@@ -739,38 +725,36 @@
739
725
  .btn-error.btn-active,.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
740
726
  .btn-error.btn-active,.btn-error:hover{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
741
727
  .btn-error:focus-visible{
742
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
728
+ outline:2px solid hsl(var(--er));
743
729
  }
744
730
  .btn.glass.btn-active,.btn.glass:hover{
745
731
  --glass-opacity:25%;
746
732
  --glass-border-opacity:15%;
747
733
  }
748
734
  .btn.glass:focus-visible{
749
- box-shadow:0 0 0 2px currentColor;
735
+ outline:2px 0 0 2px solid currentColor;
750
736
  }
751
737
  .btn-ghost{border-width:1px;}
752
738
  .btn-ghost{border-color:transparent;}
753
- .btn-ghost{background-color:transparent;}
739
+ .btn-ghost{background-color:initial;}
754
740
  .btn-ghost{color:currentColor;}
755
741
  .btn-ghost.btn-active,.btn-ghost:hover{--tw-border-opacity:0;}
756
742
  .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
757
743
  .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:0.2;}
758
744
  .btn-ghost:focus-visible{
759
- box-shadow:0 0 0 2px currentColor;
745
+ outline:2px 0 0 2px solid currentColor;
760
746
  }
761
747
  .btn-link{border-color:transparent;}
762
- .btn-link{background-color:transparent;}
748
+ .btn-link{background-color:initial;}
763
749
  .btn-link{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
764
750
  .btn-link.btn-active,.btn-link:hover{border-color:transparent;}
765
- .btn-link.btn-active,.btn-link:hover{background-color:transparent;}
766
- .btn-link.btn-active,.btn-link:hover{
767
- -webkit-text-decoration-line:underline;
768
- text-decoration-line:underline;}
751
+ .btn-link.btn-active,.btn-link:hover{background-color:initial;}
752
+ .btn-link.btn-active,.btn-link:hover{text-decoration-line:underline;}
769
753
  .btn-link:focus-visible{
770
- box-shadow:0 0 0 2px currentColor;
754
+ outline:2px 0 0 2px solid currentColor;
771
755
  }
772
756
  .btn-outline{border-color:currentColor;}
773
- .btn-outline{background-color:transparent;}
757
+ .btn-outline{background-color:initial;}
774
758
  .btn-outline{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
775
759
  .btn-outline:hover{--tw-border-opacity:1;border-color:hsl(var(--bc) / var(--tw-border-opacity));}
776
760
  .btn-outline:hover{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
@@ -817,22 +801,11 @@
817
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));}
818
802
  .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
819
803
  .btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{
820
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
804
+ outline:2px solid hsl(var(--p));
821
805
  }
822
806
  .btn-group>.btn:not(:first-child){margin-left:-1px;}
823
807
  .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
824
808
  .btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
825
- @-webkit-keyframes button-pop{
826
- 0%{
827
- transform:scale(var(--btn-focus-scale, .95));
828
- }
829
- 40%{
830
- transform:scale(1.02);
831
- }
832
- to{
833
- transform:scale(1);
834
- }
835
- }
836
809
  @keyframes button-pop{
837
810
  0%{
838
811
  transform:scale(var(--btn-focus-scale, .95));
@@ -846,7 +819,8 @@
846
819
  }
847
820
  .card{border-radius:var(--rounded-box, 1rem);}
848
821
  .card:focus-visible{
849
- box-shadow:0 0 0 2px currentColor;
822
+ outline:2px solid currentColor;
823
+ outline-offset:2px;
850
824
  }
851
825
  .card.bordered{border-width:1px;}
852
826
  .card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
@@ -875,35 +849,33 @@
875
849
  -ms-overflow-style:none;
876
850
  scrollbar-width:none;
877
851
  }
878
- .carousel::-webkit-scrollbar{display:none;}.checkbox{
852
+ .carousel::-webkit-scrollbar{display:none;}
853
+ .checkbox{
879
854
  --chkbg:var(--bc);
880
855
  --chkfg:var(--b1);
881
856
  height:1.5rem;
882
857
  width:1.5rem;
883
858
  cursor:pointer;
884
- -webkit-appearance:none;
885
- -moz-appearance:none;
886
- appearance:none;
859
+ appearance:none;
887
860
  border-width:1px;
888
861
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
889
862
  --tw-border-opacity:0.2;
890
863
  border-radius:var(--rounded-btn, .5rem);
891
864
  }
892
865
  .checkbox:focus-visible{
893
- 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;
894
868
  }
895
869
  .checkbox:checked,.checkbox[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
896
870
  .checkbox:checked,.checkbox[checked=true]{background-repeat:no-repeat;}
897
871
  .checkbox:checked,.checkbox[checked=true]{
898
- -webkit-animation:checkmark var(--animation-input, .2s) ease-in-out;
899
- animation:checkmark var(--animation-input, .2s) ease-in-out;
900
- background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
872
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
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%);
901
874
  }
902
875
  .checkbox:indeterminate{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
903
876
  .checkbox:indeterminate{background-repeat:no-repeat;}
904
877
  .checkbox:indeterminate{
905
- -webkit-animation:checkmark var(--animation-input, .2s) ease-in-out;
906
- animation:checkmark var(--animation-input, .2s) ease-in-out;
878
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
907
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);
908
880
  }
909
881
  .checkbox-primary{
@@ -913,7 +885,7 @@
913
885
  .checkbox-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
914
886
  .checkbox-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
915
887
  .checkbox-primary:focus-visible{
916
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
888
+ outline:2px solid hsl(var(--p));
917
889
  }
918
890
  .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
919
891
  .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -925,7 +897,7 @@
925
897
  .checkbox-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
926
898
  .checkbox-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
927
899
  .checkbox-secondary:focus-visible{
928
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
900
+ outline:2px solid hsl(var(--s));
929
901
  }
930
902
  .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
931
903
  .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -937,7 +909,7 @@
937
909
  .checkbox-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
938
910
  .checkbox-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
939
911
  .checkbox-accent:focus-visible{
940
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
912
+ outline:2px solid hsl(var(--a));
941
913
  }
942
914
  .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
943
915
  .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -947,18 +919,6 @@
947
919
  .checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
948
920
  .checkbox:disabled{opacity:.2;}
949
921
 
950
- @-webkit-keyframes checkmark{
951
- 0%{
952
- background-position-y:5px;
953
- }
954
- 50%{
955
- background-position-y:-2px;
956
- }
957
- to{
958
- background-position-y:0;
959
- }
960
- }
961
-
962
922
  @keyframes checkmark{
963
923
  0%{
964
924
  background-position-y:5px;
@@ -971,7 +931,8 @@
971
931
  }
972
932
  }
973
933
 
974
- .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;}
975
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);
976
937
  top:1.4rem;
977
938
  right:1.4rem;
@@ -1009,7 +970,6 @@
1009
970
  text-align:center;
1010
971
  transition:all 1s cubic-bezier(1, 0, 0, 1);
1011
972
  }
1012
-
1013
973
  .divider{margin-top:1rem;margin-bottom:1rem;height:1rem;}
1014
974
  .divider:before{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1015
975
  .divider:before{--tw-bg-opacity:0.1;}
@@ -1029,54 +989,59 @@
1029
989
  .drawer-toggle~.drawer-side>.drawer-overlay+*{transition-duration:.3s;}
1030
990
  .drawer-toggle~.drawer-side>.drawer-overlay+*{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1031
991
  .drawer-toggle:checked~.drawer-content{--tw-translate-x:0.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));}
1032
- .drawer-toggle:checked~.drawer-side>.drawer-overlay{opacity:.4;}
992
+ .drawer-toggle:checked~.drawer-side>.drawer-overlay{
993
+ opacity:.999999;
994
+ }
995
+ .drawer-toggle:checked~.drawer-side>.drawer-overlay{--tw-bg-opacity:0.4;}
1033
996
  .drawer-toggle:focus-visible~.drawer-content .drawer-button{
1034
- 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;
1035
999
  }
1036
1000
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{
1037
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1001
+ outline:2px solid hsl(var(--p));
1038
1002
  }
1039
1003
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{
1040
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1004
+ outline:2px solid hsl(var(--s));
1041
1005
  }
1042
1006
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{
1043
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1007
+ outline:2px solid hsl(var(--a));
1044
1008
  }
1045
1009
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{
1046
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1010
+ outline:2px solid hsl(var(--in));
1047
1011
  }
1048
1012
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{
1049
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1013
+ outline:2px solid hsl(var(--su));
1050
1014
  }
1051
1015
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{
1052
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1016
+ outline:2px solid hsl(var(--wa));
1053
1017
  }
1054
1018
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{
1055
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1019
+ outline:2px solid hsl(var(--er));
1056
1020
  }
1057
1021
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{
1058
- box-shadow:0 0 0 2px currentColor;
1022
+ outline:2px solid currentColor;
1059
1023
  }
1060
1024
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{
1061
- box-shadow:0 0 0 2px currentColor;
1025
+ outline:2px solid currentColor;
1062
1026
  }
1063
1027
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{
1064
- box-shadow:0 0 0 2px currentColor;
1028
+ outline:2px solid currentColor;
1065
1029
  }
1066
1030
  @media (min-width:1024px){
1067
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));}
1068
- }.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)}
1069
1034
  .dropdown-top .dropdown-content{transform-origin:bottom}
1070
1035
  .dropdown-left .dropdown-content{transform-origin:right}
1071
1036
  .dropdown-right .dropdown-content{transform-origin:left}
1072
- .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;
1073
- -moz-column-gap:1rem;
1074
- 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;}
1075
1039
  .footer>*{gap:.5rem;}
1076
1040
  .footer-title{margin-bottom:.5rem;}
1077
1041
  .footer-title{font-weight:700;}
1078
1042
  .footer-title{text-transform:uppercase;}
1079
- .footer-title{opacity:.5;}.label{padding:.5rem .25rem;}
1043
+ .footer-title{opacity:.5;}
1044
+ .label{padding:.5rem .25rem;}
1080
1045
  .label-text{font-size:.875rem;line-height:1.25rem;}
1081
1046
  .label-text{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1082
1047
  .label-text-alt{font-size:.75rem;line-height:1rem;}
@@ -1086,10 +1051,12 @@
1086
1051
  .hero-overlay{--tw-bg-opacity:0.5}
1087
1052
  .hero-content{max-width:80rem}
1088
1053
  .hero-content{gap:1rem}
1089
- .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);}
1090
1056
  .input-bordered{--tw-border-opacity:0.2;}
1091
1057
  .input:focus{
1092
- 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;
1093
1060
  }
1094
1061
  .input-ghost{--tw-bg-opacity:0.05;}
1095
1062
  .input-ghost:focus{--tw-bg-opacity:1;}
@@ -1099,45 +1066,43 @@
1099
1066
  }
1100
1067
  .input-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1101
1068
  .input-primary:focus{
1102
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1069
+ outline:2px solid hsl(var(--p));
1103
1070
  }
1104
1071
  .input-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1105
1072
  .input-secondary:focus{
1106
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1073
+ outline:2px solid hsl(var(--s));
1107
1074
  }
1108
1075
  .input-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1109
1076
  .input-accent:focus{
1110
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1077
+ outline:2px solid hsl(var(--a));
1111
1078
  }
1112
1079
  .input-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1113
1080
  .input-info:focus{
1114
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1081
+ outline:2px solid hsl(var(--in));
1115
1082
  }
1116
1083
  .input-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1117
1084
  .input-success:focus{
1118
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1085
+ outline:2px solid hsl(var(--su));
1119
1086
  }
1120
1087
  .input-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1121
1088
  .input-warning:focus{
1122
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1089
+ outline:2px solid hsl(var(--wa));
1123
1090
  }
1124
1091
  .input-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1125
1092
  .input-error:focus{
1126
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1093
+ outline:2px solid hsl(var(--er));
1127
1094
  }
1128
1095
  .input-disabled,.input[disabled]{cursor:not-allowed;}
1129
1096
  .input-disabled,.input[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1130
1097
  .input-disabled,.input[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1131
1098
  .input-disabled,.input[disabled]{--tw-text-opacity:0.2;}
1132
- .input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1133
- .input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1134
1099
  .input-disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1135
- .input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;}
1136
- .input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:0.2;}
1137
- .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);
1138
1102
  border-bottom-width:2px;
1139
1103
  min-height:2.2em;
1140
- 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));}
1141
1106
  .link-primary:hover{--tw-text-opacity:1;color:hsl(var(--pf, var(--p)) / var(--tw-text-opacity));}
1142
1107
  .link-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity));}
1143
1108
  .link-secondary:hover{--tw-text-opacity:1;color:hsl(var(--sf, var(--s)) / var(--tw-text-opacity));}
@@ -1147,8 +1112,10 @@
1147
1112
  .link-neutral:hover{--tw-text-opacity:1;color:hsl(var(--nf, var(--n)) / var(--tw-text-opacity));}
1148
1113
  .link:focus{outline:2px solid transparent;outline-offset:2px;}
1149
1114
  .link:focus-visible{
1150
- box-shadow:0 0 0 2px currentColor;
1151
- }.mask-squircle{
1115
+ outline:2px solid currentColor;
1116
+ outline-offset:2px;
1117
+ }
1118
+ .mask-squircle{
1152
1119
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
1153
1120
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
1154
1121
  }
@@ -1223,7 +1190,8 @@
1223
1190
  .mask-triangle-4{
1224
1191
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1225
1192
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1226
- }.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;}
1227
1195
  .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-bottom-width:4px;}
1228
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));}
1229
1197
  .menu[class*=p-] li *,.menu[class*=p-] li button{border-radius:var(--rounded-btn, .5rem);}
@@ -1242,14 +1210,10 @@
1242
1210
  .menu :where(li:empty){height:1px;}
1243
1211
  .menu :where(li:empty){--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1244
1212
  .menu :where(li:empty){--tw-bg-opacity:0.1;}
1245
- .menu li.disabled>*{
1246
- -webkit-user-select:none;
1247
- -moz-user-select:none;
1248
- -ms-user-select:none;
1249
- user-select:none;}
1213
+ .menu li.disabled>*{user-select:none;}
1250
1214
  .menu li.disabled>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1251
1215
  .menu li.disabled>*{--tw-text-opacity:0.2;}
1252
- .menu li.disabled>:hover{background-color:transparent;}
1216
+ .menu li.disabled>:hover{background-color:initial;}
1253
1217
  .menu li.hover-bordered a{border-left-width:4px;}
1254
1218
  .menu li.hover-bordered a{border-color:transparent;}
1255
1219
  .menu li.hover-bordered a:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
@@ -1261,7 +1225,7 @@
1261
1225
  .menu .menu-title>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1262
1226
  .menu .menu-title>*{--tw-text-opacity:0.4;}
1263
1227
 
1264
- .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);}
1265
1229
 
1266
1230
  .menu>:where(li:first-child){
1267
1231
  border-top-left-radius:inherit;
@@ -1422,15 +1386,13 @@
1422
1386
  .modal{background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));--tw-bg-opacity:0.4;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1423
1387
  transition-property:transform, opacity;
1424
1388
  overflow-y:hidden;
1425
- -ms-scroll-chaining:none;
1426
- overscroll-behavior:contain;}
1427
- .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);}
1389
+ overscroll-behavior:contain;}
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);}
1428
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);}}
1429
1392
  .modal-box{
1430
1393
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
1431
1394
  overflow-y:auto;
1432
- -ms-scroll-chaining:none;
1433
- overscroll-behavior:contain;
1395
+ overscroll-behavior:contain;
1434
1396
  }
1435
1397
  .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{--tw-translate-y:0px;--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));}
1436
1398
  .modal-action{margin-top:1.5rem;justify-content:flex-end;}
@@ -1461,29 +1423,32 @@
1461
1423
  .progress-success::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1462
1424
  .progress-warning::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1463
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;}
1464
1432
  .radio{
1465
1433
  --chkbg:var(--bc);
1466
- --focus-shadow:0 0 0;
1467
1434
  height:1.5rem;
1468
1435
  width:1.5rem;
1469
1436
  cursor:pointer;
1470
- -webkit-appearance:none;
1471
- -moz-appearance:none;
1472
- appearance:none;
1437
+ appearance:none;
1473
1438
  border-radius:9999px;
1474
1439
  border-width:1px;
1475
1440
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
1476
1441
  --tw-border-opacity:0.2;
1477
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
1442
+ transition:background, box-shadow var(--animation-input, .2s) ease-in-out;
1478
1443
  }
1479
1444
  .radio:focus-visible{
1480
- --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;
1481
1447
  }
1482
1448
  .radio:checked{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1483
1449
  .radio:checked{
1484
- -webkit-animation:radiomark var(--animation-input, .2s) ease-in-out;
1485
- animation:radiomark var(--animation-input, .2s) ease-in-out;
1486
- 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;
1487
1452
  }
1488
1453
  .radio-primary{
1489
1454
  --chkbg:var(--p)
@@ -1491,7 +1456,7 @@
1491
1456
  .radio-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1492
1457
  .radio-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1493
1458
  .radio-primary:focus-visible{
1494
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1459
+ outline:2px solid hsl(var(--p));
1495
1460
  }
1496
1461
  .radio-primary:checked{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1497
1462
  .radio-primary:checked{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
@@ -1502,7 +1467,7 @@
1502
1467
  .radio-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1503
1468
  .radio-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1504
1469
  .radio-secondary:focus-visible{
1505
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1470
+ outline:2px solid hsl(var(--s));
1506
1471
  }
1507
1472
  .radio-secondary:checked{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1508
1473
  .radio-secondary:checked{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
@@ -1513,7 +1478,7 @@
1513
1478
  .radio-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1514
1479
  .radio-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1515
1480
  .radio-accent:focus-visible{
1516
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1481
+ outline:2px solid hsl(var(--a));
1517
1482
  }
1518
1483
  .radio-accent:checked{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1519
1484
  .radio-accent:checked{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
@@ -1521,40 +1486,31 @@
1521
1486
  .radio:disabled{cursor:not-allowed;}
1522
1487
  .radio:disabled{opacity:.2;}
1523
1488
 
1524
- @-webkit-keyframes radiomark{
1525
- 0%{
1526
- box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow);
1527
- }
1528
- 50%{
1529
- box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow);
1530
- }
1531
- to{
1532
- box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
1533
- }
1534
- }
1535
-
1536
1489
  @keyframes radiomark{
1537
1490
  0%{
1538
- 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;
1539
1492
  }
1540
1493
  50%{
1541
- 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;
1542
1495
  }
1543
1496
  to{
1544
- 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;
1545
1498
  }
1546
1499
  }
1547
1500
 
1548
- .radio-mark{display:none;}.range{
1501
+ .radio-mark{display:none;}
1502
+ .range{
1549
1503
  -webkit-appearance:none;
1550
1504
  --range-shdw:var(--bc);
1551
- background-color:transparent;
1505
+ overflow:hidden;
1506
+ background-color:initial;
1507
+ border-radius:var(--rounded-box, 1rem);
1552
1508
  }
1553
1509
  .range:focus-visible::-webkit-slider-thumb{
1554
- 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;
1555
1511
  }
1556
1512
  .range:focus-visible::-moz-range-thumb{
1557
- 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;
1558
1514
  }
1559
1515
  .range::-webkit-slider-runnable-track{height:.5rem;}
1560
1516
  .range::-webkit-slider-runnable-track{width:100%;}
@@ -1569,7 +1525,7 @@
1569
1525
  background-color:hsla(var(--bc) / .1);
1570
1526
  }
1571
1527
  .range::-webkit-slider-thumb{
1572
- background-color:hsl(var(--range-shdw));
1528
+ background-color:hsl(var(--b1));
1573
1529
  }
1574
1530
  .range::-webkit-slider-thumb{position:relative;}
1575
1531
  .range::-webkit-slider-thumb{height:1.25rem;}
@@ -1582,10 +1538,14 @@
1582
1538
  .range::-webkit-slider-thumb{
1583
1539
  -webkit-appearance:none;
1584
1540
  top:50%;
1541
+ color:hsl(var(--range-shdw));
1585
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);
1586
1546
  }
1587
1547
  .range::-moz-range-thumb{
1588
- background-color:hsl(var(--range-shdw));
1548
+ background-color:hsl(var(--b1));
1589
1549
  }
1590
1550
  .range::-moz-range-thumb{position:relative;}
1591
1551
  .range::-moz-range-thumb{height:1.25rem;}
@@ -1597,6 +1557,10 @@
1597
1557
  .range::-moz-range-thumb{border-radius:var(--rounded-box, 1rem);}
1598
1558
  .range::-moz-range-thumb{
1599
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);
1600
1564
  }
1601
1565
  .range-primary{
1602
1566
  --range-shdw:var(--p);
@@ -1606,23 +1570,20 @@
1606
1570
  }
1607
1571
  .range-accent{
1608
1572
  --range-shdw:var(--a);
1609
- }.rating input{
1610
- -webkit-appearance:none;
1611
- -moz-appearance:none;
1612
- appearance:none;}
1573
+ }
1574
+ .rating input{appearance:none;}
1613
1575
  .rating input{
1614
1576
  -webkit-appearance:none;
1615
1577
  }
1616
1578
  .rating :where(input){
1617
- -webkit-animation:rating-pop var(--animation-input, .25s) ease-out;
1618
- animation:rating-pop var(--animation-input, .25s) ease-out;
1579
+ animation:rating-pop var(--animation-input, .25s) ease-out;
1619
1580
  }
1620
1581
  .rating :where(input){height:1.5rem;}
1621
1582
  .rating :where(input){width:1.5rem;}
1622
1583
  .rating :where(input){background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1623
1584
  .rating :where(input){--tw-bg-opacity:1;}
1624
1585
  .rating .rating-hidden{width:.5rem;}
1625
- .rating .rating-hidden{background-color:transparent;}
1586
+ .rating .rating-hidden{background-color:initial;}
1626
1587
  .rating input:checked~input{--tw-bg-opacity:0.2;}
1627
1588
  .rating input:focus-visible{transition-property:transform;transition-duration:.15s;}
1628
1589
  .rating input:focus-visible{transition-duration:.3s;}
@@ -1631,24 +1592,12 @@
1631
1592
  transform:translateY(-.125em);
1632
1593
  }
1633
1594
  .rating input:active:focus{
1634
- -webkit-animation:none;
1635
- animation:none;
1595
+ animation:none;
1636
1596
  }
1637
1597
  .rating input:active:focus{
1638
1598
  transform:translateY(-.125em);
1639
1599
  }
1640
1600
  .rating-half :where(input:not(.rating-hidden)){width:.75rem;}
1641
- @-webkit-keyframes rating-pop{
1642
- 0%{
1643
- transform:translateY(-.125em);
1644
- }
1645
- 40%{
1646
- transform:translateY(-.125em);
1647
- }
1648
- to{
1649
- transform:translateY(0);
1650
- }
1651
- }
1652
1601
  @keyframes rating-pop{
1653
1602
  0%{
1654
1603
  transform:translateY(-.125em);
@@ -1660,59 +1609,53 @@
1660
1609
  transform:translateY(0);
1661
1610
  }
1662
1611
  }
1663
- .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);}
1664
1613
  .select-bordered{--tw-border-opacity:0.2;}
1665
1614
  .select{
1666
- background-image:linear-gradient(45deg, transparent 50%, currentColor 0),
1667
- linear-gradient(135deg, currentColor 50%, transparent 0);
1668
- background-position:calc(100% - 20px) calc(1px + 50%),
1669
- calc(100% - 16px) calc(1px + 50%);
1670
- background-size:4px 4px,
1671
- 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;
1672
1618
  background-repeat:no-repeat;}
1673
1619
  .select:focus{
1674
- 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;
1675
1622
  }
1676
1623
  .select-ghost{--tw-bg-opacity:0.05;}
1677
1624
  .select-ghost:focus{--tw-bg-opacity:1;}
1678
1625
  .select-ghost:focus{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1679
1626
  .select-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1680
1627
  .select-primary:focus{
1681
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1628
+ outline:2px solid hsl(var(--p));
1682
1629
  }
1683
1630
  .select-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1684
1631
  .select-secondary:focus{
1685
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1632
+ outline:2px solid hsl(var(--s));
1686
1633
  }
1687
1634
  .select-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1688
1635
  .select-accent:focus{
1689
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1636
+ outline:2px solid hsl(var(--a));
1690
1637
  }
1691
1638
  .select-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1692
1639
  .select-info:focus{
1693
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1640
+ outline:2px solid hsl(var(--in));
1694
1641
  }
1695
1642
  .select-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1696
1643
  .select-success:focus{
1697
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1644
+ outline:2px solid hsl(var(--su));
1698
1645
  }
1699
1646
  .select-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1700
1647
  .select-warning:focus{
1701
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1648
+ outline:2px solid hsl(var(--wa));
1702
1649
  }
1703
1650
  .select-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1704
1651
  .select-error:focus{
1705
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1652
+ outline:2px solid hsl(var(--er));
1706
1653
  }
1707
1654
  .select-disabled,.select[disabled]{cursor:not-allowed;}
1708
1655
  .select-disabled,.select[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1709
1656
  .select-disabled,.select[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1710
1657
  .select-disabled,.select[disabled]{--tw-text-opacity:0.2;}
1711
- .select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1712
- .select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1713
1658
  .select-disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1714
- .select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;}
1715
- .select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:0.2;}
1716
1659
  .select-disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;}
1717
1660
  .select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;}
1718
1661
  .select-multiple,.select[multiple],.select[size].select:not([size="1"]){padding-right:1rem;}
@@ -1720,55 +1663,54 @@
1720
1663
  .stack>*{width:100%;}
1721
1664
  .stack>*{opacity:.6;}
1722
1665
  .stack>:nth-child(2){opacity:.8;}
1723
- .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);}
1724
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)));}
1725
1669
  :where(.stats){overflow-x:auto;}
1726
- .stat{
1727
- -moz-column-gap:1rem;
1728
- column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding:1rem 1.5rem;}
1670
+ .stat{column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding:1rem 1.5rem;}
1729
1671
  .stat-title{opacity:.6;}
1730
1672
  .stat-value{font-size:2.25rem;line-height:2.5rem;}
1731
1673
  .stat-value{font-weight:800;}
1732
1674
  .stat-desc{font-size:.75rem;line-height:1rem;}
1733
1675
  .stat-desc{opacity:.6;}
1734
1676
  .stat-actions{margin-top:1rem;}
1735
- .steps [class~=step]{
1677
+ .steps .step{
1736
1678
  grid-template-rows:40px 1fr;
1737
1679
  grid-template-columns:auto;
1738
1680
  min-width:4rem;
1739
1681
  }
1740
- .steps [class~=step]:before{top:0;}
1741
- .steps [class~=step]:before{grid-column-start:1;}
1742
- .steps [class~=step]:before{grid-row-start:1;}
1743
- .steps [class~=step]:before{height:.5rem;}
1744
- .steps [class~=step]:before{width:100%;}
1745
- .steps [class~=step]:before{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));}
1746
- .steps [class~=step]:before{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b1)) / var(--tw-bg-opacity));}
1747
- .steps [class~=step]:before{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1748
- .steps [class~=step]:before{
1682
+ .steps .step:before{top:0;}
1683
+ .steps .step:before{grid-column-start:1;}
1684
+ .steps .step:before{grid-row-start:1;}
1685
+ .steps .step:before{height:.5rem;}
1686
+ .steps .step:before{width:100%;}
1687
+ .steps .step:before{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));}
1688
+ .steps .step:before{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
1689
+ .steps .step:before{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1690
+ .steps .step:before{
1749
1691
  content:"";
1750
1692
  margin-left:-100%;
1751
1693
  }
1752
- .steps [class~=step]:after{
1694
+ .steps .step:after{
1753
1695
  content:counter(step);
1754
1696
  counter-increment:step;
1755
1697
  z-index:1;
1756
1698
  }
1757
- .steps [class~=step]:after{position:relative;}
1758
- .steps [class~=step]:after{grid-column-start:1;}
1759
- .steps [class~=step]:after{grid-row-start:1;}
1760
- .steps [class~=step]:after{display:grid;}
1761
- .steps [class~=step]:after{height:2rem;}
1762
- .steps [class~=step]:after{width:2rem;}
1763
- .steps [class~=step]:after{place-items:center;}
1764
- .steps [class~=step]:after{place-self:center;}
1765
- .steps [class~=step]:after{border-radius:9999px;}
1766
- .steps [class~=step]:after{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b1)) / var(--tw-bg-opacity));}
1767
- .steps [class~=step]:after{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1768
- .steps [class~=step]:first-child:before{
1699
+ .steps .step:after{position:relative;}
1700
+ .steps .step:after{grid-column-start:1;}
1701
+ .steps .step:after{grid-row-start:1;}
1702
+ .steps .step:after{display:grid;}
1703
+ .steps .step:after{height:2rem;}
1704
+ .steps .step:after{width:2rem;}
1705
+ .steps .step:after{place-items:center;}
1706
+ .steps .step:after{place-self:center;}
1707
+ .steps .step:after{border-radius:9999px;}
1708
+ .steps .step:after{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
1709
+ .steps .step:after{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1710
+ .steps .step:first-child:before{
1769
1711
  content:none;
1770
1712
  }
1771
- .steps [class~=step][data-content]:after{
1713
+ .steps .step[data-content]:after{
1772
1714
  content:attr(data-content);
1773
1715
  }
1774
1716
  .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
@@ -1791,6 +1733,36 @@
1791
1733
  .steps .step-error+.step-error:before{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1792
1734
  .steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1793
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
+ }
1794
1766
  .tab{--tw-text-opacity:0.5;}.tab:hover{--tw-text-opacity:1;}.tab{
1795
1767
  --tab-color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1796
1768
  --tab-bg:hsla(var(--b1) / var(--tw-bg-opacity, 1));
@@ -1799,7 +1771,10 @@
1799
1771
  padding-left:var(--tab-padding, 1rem);
1800
1772
  padding-right:var(--tab-padding, 1rem);
1801
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{
1802
- 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);
1803
1778
  }
1804
1779
  .tab-bordered{border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;
1805
1780
  border-style:solid;
@@ -1872,8 +1847,8 @@
1872
1847
  .table :where(th,td){white-space:nowrap;}
1873
1848
  .table :where(th,td){padding:1rem;}
1874
1849
  .table :where(th,td){vertical-align:middle;}
1875
- .table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b1)) / var(--tw-bg-opacity));}
1876
- .table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b1)) / var(--tw-bg-opacity));}
1850
+ .table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
1851
+ .table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th{--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
1877
1852
  .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){border-bottom-width:1px;}
1878
1853
  .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1879
1854
  .table :where(thead,tfoot) :where(th,td){--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
@@ -1889,7 +1864,8 @@
1889
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);}
1890
1865
  .textarea-bordered{--tw-border-opacity:0.2;}
1891
1866
  .textarea:focus{
1892
- 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;
1893
1869
  }
1894
1870
  .textarea-ghost{--tw-bg-opacity:0.05;}
1895
1871
  .textarea-ghost:focus{--tw-bg-opacity:1;}
@@ -1899,51 +1875,45 @@
1899
1875
  }
1900
1876
  .textarea-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1901
1877
  .textarea-primary:focus{
1902
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1878
+ outline:2px solid hsl(var(--p));
1903
1879
  }
1904
1880
  .textarea-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1905
1881
  .textarea-secondary:focus{
1906
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1882
+ outline:2px solid hsl(var(--s));
1907
1883
  }
1908
1884
  .textarea-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1909
1885
  .textarea-accent:focus{
1910
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1886
+ outline:2px solid hsl(var(--a));
1911
1887
  }
1912
1888
  .textarea-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
1913
1889
  .textarea-info:focus{
1914
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1890
+ outline:2px solid hsl(var(--in));
1915
1891
  }
1916
1892
  .textarea-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
1917
1893
  .textarea-success:focus{
1918
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1894
+ outline:2px solid hsl(var(--su));
1919
1895
  }
1920
1896
  .textarea-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
1921
1897
  .textarea-warning:focus{
1922
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1898
+ outline:2px solid hsl(var(--wa));
1923
1899
  }
1924
1900
  .textarea-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
1925
1901
  .textarea-error:focus{
1926
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1902
+ outline:2px solid hsl(var(--er));
1927
1903
  }
1928
1904
  .textarea-disabled,.textarea[disabled]{cursor:not-allowed;}
1929
1905
  .textarea-disabled,.textarea[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1930
1906
  .textarea-disabled,.textarea[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1931
1907
  .textarea-disabled,.textarea[disabled]{--tw-text-opacity:0.2;}
1932
- .textarea-disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1933
- .textarea-disabled:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1934
1908
  .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1935
- .textarea-disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;}
1936
- .textarea-disabled:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder{--tw-placeholder-opacity:0.2;}
1937
- .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;}.toggle{
1938
- --chkbg:hsla(var(--bc) / .2);
1939
- --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);
1940
1912
  --handleoffset:1.5rem;
1941
1913
  height:1.5rem;
1942
1914
  width:3rem;
1943
1915
  cursor:pointer;
1944
- -webkit-appearance:none;
1945
- -moz-appearance:none;
1946
- appearance:none;
1916
+ appearance:none;
1947
1917
  border-width:1px;
1948
1918
  border-color:hsl(var(--bc) / var(--tw-border-opacity));
1949
1919
  --tw-border-opacity:0.2;
@@ -1952,11 +1922,12 @@
1952
1922
  transition-duration:.3s;
1953
1923
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1954
1924
  border-radius:var(--rounded-badge, 1.9rem);
1955
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
1956
- 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;
1957
1927
  }
1958
1928
  .toggle:focus-visible{
1959
- --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;
1960
1931
  }
1961
1932
  .toggle:checked,.toggle[checked=true]{
1962
1933
  --chkbg:hsl(var(--bc))
@@ -1964,10 +1935,10 @@
1964
1935
  .toggle:checked,.toggle[checked=true]{--tw-border-opacity:1;}
1965
1936
  .toggle:checked,.toggle[checked=true]{--tw-bg-opacity:1;}
1966
1937
  .toggle:checked,.toggle[checked=true]{
1967
- 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;
1968
1939
  }
1969
1940
  [dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{
1970
- 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;
1971
1942
  }
1972
1943
  .toggle:indeterminate{
1973
1944
  --chkbg:hsl(var(--bc))
@@ -1975,13 +1946,13 @@
1975
1946
  .toggle:indeterminate{--tw-border-opacity:1;}
1976
1947
  .toggle:indeterminate{--tw-bg-opacity:1;}
1977
1948
  .toggle:indeterminate{
1978
- 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;
1979
1950
  }
1980
1951
  [dir=rtl] .toggle:indeterminate{
1981
- 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;
1982
1953
  }
1983
1954
  .toggle-primary:focus-visible{
1984
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1955
+ outline:2px solid hsl(var(--p));
1985
1956
  }
1986
1957
  .toggle-primary:checked,.toggle-primary[checked=true]{
1987
1958
  --chkbg:hsl(var(--p));
@@ -1991,7 +1962,7 @@
1991
1962
  .toggle-primary:checked,.toggle-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1992
1963
  .toggle-primary:checked,.toggle-primary[checked=true]{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1993
1964
  .toggle-secondary:focus-visible{
1994
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1965
+ outline:2px solid hsl(var(--s));
1995
1966
  }
1996
1967
  .toggle-secondary:checked,.toggle-secondary[checked=true]{
1997
1968
  --chkbg:hsl(var(--s));
@@ -2001,7 +1972,7 @@
2001
1972
  .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
2002
1973
  .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
2003
1974
  .toggle-accent:focus-visible{
2004
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1975
+ outline:2px solid hsl(var(--a));
2005
1976
  }
2006
1977
  .toggle-accent:checked,.toggle-accent[checked=true]{
2007
1978
  --chkbg:hsl(var(--a));
@@ -2015,18 +1986,17 @@
2015
1986
  .toggle:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
2016
1987
  .toggle:disabled{--tw-bg-opacity:0.2;}
2017
1988
 
2018
- .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;
2019
1991
  --tooltip-tail:3px;
2020
1992
  --tooltip-color:hsl(var(--n));
2021
1993
  --tooltip-text-color:hsl(var(--nc));
2022
1994
  --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));}
2023
- .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);}
2024
1996
  .tooltip:after{position:absolute;}
2025
1997
  .tooltip:before{max-width:20rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;
2026
1998
  background-color:var(--tooltip-color);
2027
1999
  color:var(--tooltip-text-color);
2028
- width:-webkit-max-content;
2029
- width:-moz-max-content;
2030
2000
  width:max-content;}
2031
2001
  .tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms;}
2032
2002
  .tooltip:after{