daisyui 2.0.0-next.1 → 2.0.2

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