daisyui 1.25.4 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +108 -89
  2. package/colors/colorNames.js +33 -26
  3. package/colors/index.js +48 -16
  4. package/colors/themes.js +283 -194
  5. package/colors/windi.js +6 -6
  6. package/dist/base.js +1 -1
  7. package/dist/full.css +76 -33859
  8. package/dist/styled.css +1339 -2954
  9. package/dist/styled.js +1 -1
  10. package/dist/styled.rtl.js +1 -1
  11. package/dist/themes.css +1 -887
  12. package/dist/unstyled.css +358 -923
  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 +175 -126
  19. package/package.json +10 -4
  20. package/CHANGELOG.md +0 -938
  21. package/colors/hex2hsl.js +0 -44
package/dist/styled.css CHANGED
@@ -1,256 +1,124 @@
1
- .alert>:not([hidden])~:not([hidden]){
2
- --tw-space-y-reverse:0;
3
- margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));
4
- margin-bottom:calc(0.5rem*var(--tw-space-y-reverse));
5
- }
6
-
7
- .alert{
8
- display:flex;
9
- flex-direction:column;
10
- align-items:center;
11
- justify-content:space-between;
12
- }
13
-
14
- @media (min-width:768px){
15
- .alert>:not([hidden])~:not([hidden]){
16
- --tw-space-y-reverse:0;
17
- margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
18
- margin-bottom:calc(0px*var(--tw-space-y-reverse));
19
- }
20
-
21
- .alert{
22
- flex-direction:row;
23
- }
24
- }
25
-
26
- .alert>*{
27
- display:flex;
28
- }
29
- .artboard{
30
- width:100%;
31
- }.avatar{
32
- display:inline-flex;
33
- position:relative;
34
- }
35
- .avatar>div{
36
- display:block;
37
- overflow:hidden;
38
- }
39
- .avatar img{
40
- height:100%;
41
- -o-object-fit:cover;
42
- object-fit:cover;
43
- width:100%;
44
- }
45
- .avatar.placeholder>div{
46
- display:flex;
47
- align-items:center;
48
- justify-content:center
49
- }
50
- .badge{
51
- display:inline-flex;
52
- align-items:center;
53
- justify-content:center;
54
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
55
- transition-duration:.15s;
56
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
57
- transition-duration:.2s;
58
- height:1.25rem;
59
- font-size:.875rem;
60
- line-height:1.25rem;
61
- width:-webkit-fit-content;
62
- width:-moz-fit-content;
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%}
3
+ .avatar{position:relative;display:inline-flex;}
4
+ .avatar>div{display:block;}
5
+ .avatar>div{aspect-ratio:1 / 1;}
6
+ .avatar>div{overflow:hidden;}
7
+ .avatar img{height:100%;}
8
+ .avatar img{width:100%;}
9
+ .avatar img{object-fit:cover;}
10
+ .avatar.placeholder>div{display:flex;}
11
+ .avatar.placeholder>div{align-items:center;}
12
+ .avatar.placeholder>div{justify-content:center;}
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;
63
14
  width:fit-content;
64
15
  padding-left:.563rem;
65
- padding-right:.563rem;
66
- }
67
- .breadcrumbs{
68
- max-width:100%;
69
- overflow-x:auto;
70
- }
16
+ padding-right:.563rem}
17
+ .breadcrumbs{max-width:100%;overflow-x:auto;}
18
+ .breadcrumbs>ul{display:flex;}
19
+ .breadcrumbs>ul{align-items:center;}
20
+ .breadcrumbs>ul{white-space:nowrap;}
71
21
  .breadcrumbs>ul{
72
- display:flex;
73
- align-items:center;
74
- white-space:nowrap;
75
- min-height:-webkit-min-content;
76
- min-height:-moz-min-content;
77
22
  min-height:min-content;
78
23
  }
79
- .breadcrumbs>ul>li{
80
- display:flex;
81
- align-items:center;
82
- }
83
- .breadcrumbs>ul>li>a{
84
- cursor:pointer;
85
- display:flex;
86
- align-items:center;
87
- }
88
- .breadcrumbs>ul>li>a:hover{
89
- text-decoration:underline;
90
- }.btn{
91
- border-color:transparent;
92
- cursor:pointer;
93
- display:inline-flex;
94
- flex-wrap:wrap;
95
- align-items:center;
96
- justify-content:center;
97
- flex-shrink:0;
98
- text-align:center;
99
- -webkit-user-select:none;
100
- -moz-user-select:none;
101
- -ms-user-select:none;
102
- user-select:none;
103
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
104
- transition-duration:.15s;
105
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
106
- transition-duration:.2s;
107
- border-radius:var(--rounded-btn, .5rem);
108
- height:3rem;
109
- font-size:.875rem;
110
- line-height:1.25rem;
111
- padding-left:1rem;
112
- padding-right:1rem;
113
- min-height:3rem;
114
- line-height:1em;
115
- }
116
- .btn:focus{
117
- outline:2px solid transparent;
118
- outline-offset:2px;
119
- }
120
- .btn-disabled,.btn[disabled]{
121
- pointer-events:none;
122
- }
123
- .btn-square{
124
- height:3rem;
125
- padding:0;
126
- width:3rem;
127
- }
128
- .btn-circle{
129
- border-radius:9999px;
130
- height:3rem;
131
- padding:0;
132
- width:3rem;
133
- }
134
- .btn.loading,.btn.loading:hover{
135
- pointer-events:none;
136
- }
24
+ .breadcrumbs>ul>li{display:flex;}
25
+ .breadcrumbs>ul>li{align-items:center;}
26
+ .breadcrumbs>ul>li>a{display:flex;}
27
+ .breadcrumbs>ul>li>a{cursor:pointer;}
28
+ .breadcrumbs>ul>li>a{align-items:center;}
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;
31
+ line-height:1em;}
32
+
33
+ .btn-disabled,.btn[disabled]{pointer-events:none;}
34
+
35
+ .btn-square{height:3rem;}
36
+
37
+ .btn-square{width:3rem;}
38
+
39
+ .btn-square{padding:0;}
40
+
41
+ .btn-circle{height:3rem;}
42
+
43
+ .btn-circle{width:3rem;}
44
+
45
+ .btn-circle{border-radius:9999px;}
46
+
47
+ .btn-circle{padding:0;}
48
+
49
+ .btn.loading,.btn.loading:hover{pointer-events:none;}
50
+
51
+ .btn.loading:before{margin-right:.5rem;}
52
+
53
+ .btn.loading:before{height:1rem;}
54
+
55
+ .btn.loading:before{width:1rem;}
56
+
57
+ .btn.loading:before{border-radius:9999px;}
58
+
59
+ .btn.loading:before{border-width:2px;}
60
+
137
61
  .btn.loading:before{
138
- border-radius:9999px;
139
- border-width:2px;
140
- height:1rem;
141
- margin-right:.5rem;
142
- width:1rem;
143
- -webkit-animation:spin 2s linear infinite;
144
- animation:spin 2s linear infinite;
62
+ animation:spin 2s linear infinite;
145
63
  content:"";
146
- 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;
147
68
  }
148
-
149
69
  @media (prefers-reduced-motion:reduce){
150
70
  .btn.loading:before{
151
- -webkit-animation:spin 10s linear infinite;
152
- animation:spin 10s linear infinite;
153
- }
154
- }
155
-
156
- @-webkit-keyframes spin{
157
- 0%{
158
- transform:rotate(0deg);
159
- }
160
-
161
- to{
162
- transform:rotate(1turn);
71
+ animation:spin 10s linear infinite;
163
72
  }
164
73
  }
165
-
166
74
  @keyframes spin{
167
75
  0%{
168
76
  transform:rotate(0deg);
169
77
  }
170
-
171
78
  to{
172
79
  transform:rotate(1turn);
173
80
  }
174
81
  }
175
-
176
- .btn-group{
177
- display:flex;
178
- flex-wrap:wrap;
179
- }
180
-
181
- .btn-group>input[type=radio].btn{
182
- -webkit-appearance:none;
183
- -moz-appearance:none;
184
- appearance:none;
185
- }
186
-
82
+ .btn-group{display:flex;flex-wrap:wrap;}
83
+ .btn-group>input[type=radio].btn{appearance:none;}
187
84
  .btn-group>input[type=radio].btn:before{
188
85
  content:attr(data-title);
189
86
  }
190
- .card{
191
- display:flex;
192
- flex-direction:column;
193
- overflow:hidden;
194
- position:relative;
195
- }
196
- .card:focus{
197
- outline:2px solid transparent;
198
- outline-offset:2px;
199
- }
200
- .card-body{
201
- display:flex;
202
- flex-direction:column;
203
- flex:1 1 auto;
204
- }
205
- .card figure,.card figure>*{
206
- width:100%;
207
- }
208
- .card-actions{
209
- display:flex;
210
- flex-wrap:wrap;
211
- align-items:flex-start;
212
- margin-left:-.25rem;
213
- margin-right:-.25rem;
214
- }
215
- .card-actions>*{
216
- margin:.25rem
217
- }
218
- .card.image-full{
219
- display:grid;
220
- }
87
+ .card{position:relative;display:flex;flex-direction:column;overflow:hidden;}
88
+ .card:focus{outline:2px solid transparent;outline-offset:2px;}
89
+ .card-body{display:flex;}
90
+ .card-body{flex:1 1 auto;}
91
+ .card-body{flex-direction:column;}
92
+ .card-body :where(p){flex-grow:1;}
93
+ .card-actions{display:flex;}
94
+ .card-actions{flex-wrap:wrap;}
95
+ .card-actions{align-items:flex-start;}
96
+ .card-actions{gap:.5rem;}
97
+ .card figure{display:flex;}
98
+ .card figure{align-items:center;}
99
+ .card figure{justify-content:center;}
100
+ .card.image-full{display:grid;}
101
+ .card.image-full:before{position:relative;}
221
102
  .card.image-full:before{
222
- position:relative;
223
103
  content:"";
224
104
  }
225
- .card.image-full:before,.card.image-full>*{
226
- grid-column-start:1;
227
- grid-row-start:1;
228
- }
229
- .card.image-full>figure img{
230
- height:100%;
231
- -o-object-fit:cover;
232
- object-fit:cover;
233
- }
234
- .card.image-full>.card-body{
235
- position:relative;
236
- }
237
- .carousel{
238
- display:flex;
239
- overflow-x:scroll;
240
- -ms-scroll-snap-type:x mandatory;
241
- scroll-snap-type:x mandatory;
242
- scroll-behavior:smooth;
243
- }
105
+ .card.image-full:before,.card.image-full>*{grid-column-start:1;}
106
+ .card.image-full:before,.card.image-full>*{grid-row-start:1;}
107
+ .card.image-full>figure img{height:100%;}
108
+ .card.image-full>figure img{object-fit:cover;}
109
+ .card.image-full>.card-body{position:relative;}
110
+ .carousel{display:flex;overflow-x:scroll;
111
+ scroll-snap-type:x mandatory;
112
+ scroll-behavior:smooth;}
113
+ .carousel-vertical{flex-direction:column;}
114
+ .carousel-vertical{overflow-y:scroll;}
244
115
  .carousel-vertical{
245
- flex-direction:column;
246
- overflow-y:scroll;
247
- -ms-scroll-snap-type:y mandatory;
248
- scroll-snap-type:y mandatory;
116
+ scroll-snap-type:y mandatory;
249
117
  }
118
+ .carousel-item{box-sizing:initial;}
119
+ .carousel-item{display:flex;}
120
+ .carousel-item{flex:none;}
250
121
  .carousel-item{
251
- box-sizing:content-box;
252
- display:flex;
253
- flex:none;
254
122
  scroll-snap-align:start;
255
123
  }
256
124
  .carousel-center .carousel-item{
@@ -258,1696 +126,843 @@
258
126
  }
259
127
  .carousel-end .carousel-item{
260
128
  scroll-snap-align:end;
261
- }.checkbox{
262
- flex-shrink:0;
263
- }
264
- .checkbox:focus{
265
- outline:2px solid transparent;
266
- outline-offset:2px;
267
129
  }
268
- .collapse{
269
- display:grid;
270
- overflow:hidden;
271
- position:relative;
272
- }
273
-
274
- .collapse-content,.collapse-title,.collapse>input[type=checkbox]{
275
- grid-column-start:1;
276
- grid-row-start:1;
277
- }
278
-
279
- .collapse>input[type=checkbox]{
280
- -webkit-appearance:none;
281
- -moz-appearance:none;
282
- appearance:none;
283
- opacity:0;
284
- }
285
-
286
- .collapse-content{
287
- overflow:hidden;
288
- grid-row-start:2;
289
- max-height:0;
290
- }
291
130
 
131
+ .collapse{position:relative;display:grid;overflow:hidden;}
132
+ .collapse-content,.collapse-title,.collapse>input[type=checkbox]{grid-column-start:1;grid-row-start:1;}
133
+ .collapse>input[type=checkbox]{appearance:none;opacity:0;}
134
+ .collapse-content{grid-row-start:2;overflow:hidden;
135
+ max-height:0;}
292
136
  .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
293
137
  max-height:9000px;
294
- }:root .countdown{
138
+ }
139
+ :root .countdown{
295
140
  line-height:1em;
296
141
  }
297
-
298
142
  .countdown{
299
143
  display:inline-flex;
300
144
  }
301
-
302
145
  .countdown>*{
303
- height:1em;
304
- display:inline-block;
305
- overflow-y:hidden;
146
+ height:1em
306
147
  }
307
-
148
+ .countdown>*{display:inline-block;}
149
+ .countdown>*{overflow-y:hidden;}
308
150
  .countdown>:before{
309
151
  position:relative;
310
152
  content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
311
153
  white-space:pre;
312
154
  top:calc(var(--value)*-1em);
313
155
  }
314
-
315
- .divider{
316
- display:flex;
317
- align-items:center;
318
- }
156
+ .divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;}
319
157
  .divider:after,.divider:before{
320
158
  content:"";
321
- flex-grow:1;
322
- }.drawer{
323
- display:grid;
324
- overflow:hidden;
325
- }
159
+ }
160
+ .divider:after,.divider:before{flex-grow:1;}
161
+ .divider:after,.divider:before{height:.125rem;}
162
+ .divider:after,.divider:before{width:100%;}
163
+ .drawer{display:grid;overflow:hidden;}
326
164
  .drawer.drawer-end{
327
165
  direction:rtl;
328
166
  }
329
167
  .drawer.drawer-end>*{
330
168
  direction:ltr;
331
169
  }
332
- .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{
333
- justify-self:end;
334
- --tw-translate-x:100%;
335
- }
336
- .drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
337
- --tw-translate-x:0px;
338
- }
339
-
340
- .drawer-toggle{
341
- -webkit-appearance:none;
342
- -moz-appearance:none;
343
- appearance:none;
344
- height:0;
345
- opacity:0;
346
- position:absolute;
347
- width:0;
348
- }
349
-
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));}
171
+ .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{justify-self:end;}
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));}
173
+ .drawer-toggle{position:absolute;height:0;width:0;appearance:none;opacity:0;}
174
+ .drawer-toggle~.drawer-content{z-index:0;}
175
+ .drawer-toggle~.drawer-content{grid-column-start:1;}
176
+ .drawer-toggle~.drawer-content{grid-row-start:1;}
177
+ .drawer-toggle~.drawer-content{max-height:100vh;}
178
+ .drawer-toggle~.drawer-content{overflow-y:auto;}
350
179
  .drawer-toggle~.drawer-content{
351
- max-height:100vh;
352
- overflow-y:auto;
353
- z-index:0;
354
- grid-column-start:1;
355
- grid-row-start:1;
356
- -ms-scroll-chaining:none;
357
- overscroll-behavior:contain;
358
- }
359
-
360
- .drawer-toggle~.drawer-side{
361
- display:grid;
362
- max-height:100vh;
363
- grid-column-start:1;
364
- grid-row-start:1;
365
- }
366
-
367
- .drawer-toggle~.drawer-side>.drawer-overlay{
368
- opacity:0;
369
- visibility:hidden;
370
- grid-column-start:1;
371
- grid-row-start:1;
372
- }
373
-
374
- .drawer-toggle~.drawer-side>.drawer-overlay+*{
375
- z-index:10;
376
- grid-column-start:1;
377
- grid-row-start:1;
378
- --tw-translate-x:0;
379
- --tw-translate-y:0;
380
- --tw-rotate:0;
381
- --tw-skew-x:0;
382
- --tw-skew-y:0;
383
- --tw-scale-x:1;
384
- --tw-scale-y:1;
385
- transform:translateX(var(--tw-translate-x)) translateY(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));
386
- --tw-translate-x:-100%;
387
- }
388
-
389
- .drawer-toggle:checked~.drawer-side{
390
- overflow-y:auto;
391
- }
392
-
393
- .drawer-toggle:checked~.drawer-side>.drawer-overlay{
394
- visibility:visible;
395
- }
396
-
397
- .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
398
- --tw-translate-x:0px;
399
- }
400
-
401
- [dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+*{
402
- --tw-translate-x:100%;
403
- }
404
-
405
- [dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
406
- --tw-translate-x:0px;
407
- }
408
-
180
+ overscroll-behavior:contain;
181
+ }
182
+ .drawer-toggle~.drawer-side{grid-column-start:1;}
183
+ .drawer-toggle~.drawer-side{grid-row-start:1;}
184
+ .drawer-toggle~.drawer-side{display:grid;}
185
+ .drawer-toggle~.drawer-side{max-height:100vh;}
186
+ .drawer-toggle~.drawer-side>.drawer-overlay{visibility:hidden;}
187
+ .drawer-toggle~.drawer-side>.drawer-overlay{grid-column-start:1;}
188
+ .drawer-toggle~.drawer-side>.drawer-overlay{grid-row-start:1;}
189
+ .drawer-toggle~.drawer-side>.drawer-overlay{opacity:0;}
190
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{z-index:10;}
191
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{grid-column-start:1;}
192
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{grid-row-start:1;}
193
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:-100%;}
194
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{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));}
195
+ .drawer-toggle:checked~.drawer-side{overflow-y:auto;}
196
+ .drawer-toggle:checked~.drawer-side>.drawer-overlay{visibility:visible;}
197
+ .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));}
198
+ [dir=rtl] .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));}
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));}
409
200
  @media (min-width:1024px){
410
201
  .drawer-mobile{
411
- grid-auto-columns:-webkit-max-content auto;
412
202
  grid-auto-columns:max-content auto;
413
203
  }
414
- .drawer-mobile>.drawer-toggle~.drawer-content{
415
- height:auto;
416
- }
417
- @media (min-width:1024px){
418
- .drawer-mobile>.drawer-toggle~.drawer-content{
419
- grid-column-start:2;
420
- }
421
- }
422
- .drawer-mobile>.drawer-toggle~.drawer-side{
423
- overflow-y:auto;
424
- }
425
- @media (min-width:1024px){
426
- .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{
427
- visibility:visible;
428
- }
429
- }
430
- @media (min-width:1024px){
431
- .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+*{
432
- --tw-translate-x:0px;
433
- }
434
- }
435
-
204
+ .drawer-mobile>.drawer-toggle~.drawer-content{height:auto;}
205
+ @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-content{grid-column-start:2;}}
206
+ .drawer-mobile>.drawer-toggle~.drawer-side{overflow-y:auto;}
207
+ @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
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));}}
436
209
  .drawer-mobile.drawer-end{
437
- grid-auto-columns:auto -webkit-max-content;
438
210
  grid-auto-columns:auto max-content;
439
211
  direction:ltr;
440
212
  }
441
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
442
- height:auto;
443
- }
444
- @media (min-width:1024px){
445
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
446
- grid-column-start:1;
447
- }
448
- }
449
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{
450
- overflow-y:auto
451
- }
452
- @media (min-width:1024px){
453
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{
454
- grid-column-start:2;
455
- }
456
- }
457
- @media (min-width:1024px){
458
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{
459
- visibility:visible;
460
- }
461
- }
462
- @media (min-width:1024px){
463
- .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{
464
- --tw-translate-x:0px;
465
- }
466
- }
467
- }.dropdown{
468
- display:inline-block;
469
- position:relative;
470
- }
471
-
472
- .dropdown>:focus{
473
- outline:2px solid transparent;
474
- outline-offset:2px;
475
- }
476
-
477
- .dropdown .dropdown-content{
478
- opacity:0;
479
- position:absolute;
480
- visibility:hidden;
481
- z-index:50;
482
- }
483
-
484
- .dropdown-end .dropdown-content{
485
- right:0;
486
- }
487
-
488
- .dropdown-left .dropdown-content{
489
- top:0;
490
- bottom:auto;
491
- right:100%;
492
- }
493
-
494
- .dropdown-right .dropdown-content{
495
- top:0;
496
- bottom:auto;
497
- left:100%;
498
- }
499
-
500
- .dropdown-top .dropdown-content{
501
- top:auto;
502
- bottom:100%;
503
- }
504
-
505
- .dropdown-end.dropdown-right .dropdown-content{
506
- bottom:0;
507
- top:auto;
508
- }
509
-
510
- .dropdown-end.dropdown-left .dropdown-content{
511
- bottom:0;
512
- top:auto;
513
- }
514
-
515
- .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{
516
- opacity:1;
517
- visibility:visible;
518
- }.footer{
519
- display:grid;
520
- place-items:start;
521
- width:100%;
522
- grid-auto-flow:row;
523
- }
524
- .footer>*{
525
- display:grid;
526
- place-items:start;
527
- }
528
- .footer-center{
529
- place-items:center;
530
- text-align:center;
531
- }
532
- .footer-center>*{
533
- place-items:center;
534
- }
535
-
213
+ .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{height:auto;}
214
+ @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{grid-column-start:1;}}
215
+ .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{overflow-y:auto;}
216
+ @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2;}}
217
+ @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
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));}}
219
+ }
220
+ .dropdown{position:relative;display:inline-block}
221
+ .dropdown>:focus{outline:2px solid transparent;outline-offset:2px}
222
+ .dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0}
223
+ .dropdown-end .dropdown-content{right:0}
224
+ .dropdown-left .dropdown-content{top:0;right:100%;bottom:auto}
225
+ .dropdown-right .dropdown-content{left:100%;top:0;bottom:auto}
226
+ .dropdown-top .dropdown-content{bottom:100%;top:auto}
227
+ .dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}
228
+ .dropdown-end.dropdown-left .dropdown-content{bottom:0;top:auto}
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;}
231
+ .footer>*{display:grid;}
232
+ .footer>*{place-items:start;}
233
+ .footer-center{place-items:center;}
234
+ .footer-center{text-align:center;}
235
+ .footer-center>*{place-items:center;}
536
236
  @media (min-width:48rem){
537
237
  .footer{
538
238
  grid-auto-flow:column;
539
239
  }
540
-
541
240
  .footer-center{
542
241
  grid-auto-flow:row dense;
543
242
  }
544
- }.form-control{
545
- display:flex;
546
- flex-direction:column;
547
- }
548
-
549
- .label{
550
- display:flex;
551
- align-items:center;
552
- justify-content:space-between;
553
- -webkit-user-select:none;
554
- -moz-user-select:none;
555
- -ms-user-select:none;
556
- user-select:none;
557
- }
558
- .hero{
559
- background-position:50%;
560
- background-size:cover;
561
- display:grid;
562
- place-items:center;
563
- width:100%;
564
- }
565
- .hero>*{
566
- grid-column-start:1;
567
- grid-row-start:1;
568
- }
569
- .hero-overlay{
570
- height:100%;
571
- width:100%;
572
- grid-column-start:1;
573
- grid-row-start:1;
574
- }
575
- .hero-content{
576
- display:flex;
577
- align-items:center;
578
- justify-content:center;
579
- z-index:0;
580
- }.indicator{
581
- display:inline-flex;
582
- position:relative;
583
- width:-webkit-fit-content;
584
- width:-moz-fit-content;
585
- width:fit-content;
586
243
  }
244
+ .form-control{display:flex;flex-direction:column}
245
+ .label{display:flex;user-select:none;align-items:center;justify-content:space-between}
246
+ .hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:50%;}
247
+ .hero>*{grid-column-start:1;}
248
+ .hero>*{grid-row-start:1;}
249
+ .hero-overlay{grid-column-start:1;}
250
+ .hero-overlay{grid-row-start:1;}
251
+ .hero-overlay{height:100%;}
252
+ .hero-overlay{width:100%;}
253
+ .hero-content{z-index:0;}
254
+ .hero-content{display:flex;}
255
+ .hero-content{align-items:center;}
256
+ .hero-content{justify-content:center;}
257
+ .indicator{position:relative;display:inline-flex;
258
+ width:fit-content;}
587
259
  .indicator .indicator-item{
588
- z-index:1;
589
- position:absolute;
590
- --tw-translate-x:0;
591
- --tw-translate-y:0;
592
- --tw-rotate:0;
593
- --tw-skew-x:0;
594
- --tw-skew-y:0;
595
- --tw-scale-x:1;
596
- --tw-scale-y:1;
597
- transform:translateX(var(--tw-translate-x)) translateY(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));
598
- }
599
- .indicator .indicator-item{
600
- top:0;
601
- right:0;
602
- bottom:auto;
603
- left:auto;
604
- --tw-translate-x:50%;
605
- --tw-translate-y:-50%;
606
- }
607
- .indicator .indicator-item.indicator-start{
608
- left:0;
609
- right:auto;
610
- --tw-translate-x:-50%;
611
- }
612
- .indicator .indicator-item.indicator-center{
613
- right:50%;
614
- left:50%;
615
- --tw-translate-x:-50%;
616
- }
617
- .indicator .indicator-item.indicator-end{
618
- right:0;
619
- left:auto;
620
- --tw-translate-x:50%;
621
- }
622
- .indicator .indicator-item.indicator-bottom{
623
- bottom:0;
624
- top:auto;
625
- --tw-translate-y:50%;
626
- }
627
- .indicator .indicator-item.indicator-middle{
628
- top:50%;
629
- bottom:50%;
630
- --tw-translate-y:-50%;
631
- }
632
- .indicator .indicator-item.indicator-top{
633
- top:0;
634
- bottom:auto;
635
- --tw-translate-y:-50%;
636
- }
637
- .input{
638
- flex-shrink:1;
639
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
640
- transition-duration:.15s;
641
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
642
- transition-duration:.2s;
643
- height:3rem;
644
- font-size:.875rem;
645
- line-height:1.25rem;
646
- line-height:2;
647
- padding-left:1rem;
648
- padding-right:1rem;
649
- }
650
- .input:focus{
651
- outline:2px solid transparent;
652
- outline-offset:2px;
653
- }
654
-
655
- .input-group{
656
- display:flex;
657
- align-items:stretch;
658
- width:100%;
659
- }
660
-
661
- .input-group>*,.input-group>.input{
662
- border-radius:0;
663
- }
664
-
665
- .input-group-md{
666
- font-size:.875rem;
667
- line-height:1.25rem;
668
- line-height:2;
669
- }
670
-
671
- .input-group-lg{
672
- font-size:1.125rem;
673
- line-height:1.75rem;
674
- line-height:2;
675
- }
676
-
677
- .input-group-sm{
678
- font-size:.875rem;
679
- line-height:1.25rem;
680
- line-height:2rem;
681
- }
682
-
683
- .input-group-xs{
684
- font-size:.75rem;
685
- line-height:1rem;
686
- line-height:1.625;
687
- }
688
-
689
- .input-group :where(span){
690
- --tw-bg-opacity:1;
691
- background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
692
- display:flex;
693
- align-items:center;
694
- padding-left:1rem;
695
- padding-right:1rem;
696
- }
697
-
260
+ z-index:1
261
+ }
262
+ .indicator .indicator-item{position:absolute;}
263
+ .indicator .indicator-item{right:0;}
264
+ .indicator .indicator-item{left:auto;}
265
+ .indicator .indicator-item{top:0;}
266
+ .indicator .indicator-item{bottom:auto;}
267
+ .indicator .indicator-item{--tw-translate-x:50%;}
268
+ .indicator .indicator-item{--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));}
269
+ .indicator .indicator-item.indicator-start{right:auto;}
270
+ .indicator .indicator-item.indicator-start{left:0;}
271
+ .indicator .indicator-item.indicator-start{--tw-translate-x:-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));}
272
+ .indicator .indicator-item.indicator-center{right:50%;}
273
+ .indicator .indicator-item.indicator-center{left:50%;}
274
+ .indicator .indicator-item.indicator-center{--tw-translate-x:-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));}
275
+ .indicator .indicator-item.indicator-end{right:0;}
276
+ .indicator .indicator-item.indicator-end{left:auto;}
277
+ .indicator .indicator-item.indicator-end{--tw-translate-x: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));}
278
+ .indicator .indicator-item.indicator-bottom{top:auto;}
279
+ .indicator .indicator-item.indicator-bottom{bottom:0;}
280
+ .indicator .indicator-item.indicator-bottom{--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
281
+ .indicator .indicator-item.indicator-middle{top:50%;}
282
+ .indicator .indicator-item.indicator-middle{bottom:50%;}
283
+ .indicator .indicator-item.indicator-middle{--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));}
284
+ .indicator .indicator-item.indicator-top{top:0;}
285
+ .indicator .indicator-item.indicator-top{bottom:auto;}
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));}
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;}
288
+ .input:focus{outline:2px solid transparent;outline-offset:2px;}
289
+ .input-group{display:flex;width:100%;align-items:stretch;}
290
+ .input-group>*,.input-group>.input{border-radius:0;}
291
+ .input-group-md{font-size:.875rem;line-height:1.25rem;}
292
+ .input-group-md{line-height:2;}
293
+ .input-group-lg{font-size:1.125rem;line-height:1.75rem;}
294
+ .input-group-lg{line-height:2;}
295
+ .input-group-sm{font-size:.875rem;line-height:1.25rem;}
296
+ .input-group-sm{line-height:2rem;}
297
+ .input-group-xs{font-size:.75rem;line-height:1rem;}
298
+ .input-group-xs{line-height:1.625;}
299
+ .input-group :where(span){display:flex;}
300
+ .input-group :where(span){align-items:center;}
301
+ .input-group :where(span){--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
302
+ .input-group :where(span){padding-left:1rem;padding-right:1rem;}
698
303
  .input-group :first-child{
699
304
  border-top-left-radius:var(--rounded-btn, .5rem);
700
305
  border-top-right-radius:0;
701
306
  border-bottom-left-radius:var(--rounded-btn, .5rem);
702
307
  border-bottom-right-radius:0;
703
308
  }
704
-
705
309
  .input-group :last-child{
706
310
  border-top-left-radius:0;
707
311
  border-top-right-radius:var(--rounded-btn, .5rem);
708
312
  border-bottom-left-radius:0;
709
313
  border-bottom-right-radius:var(--rounded-btn, .5rem);
710
314
  }
711
-
712
- .input-group-vertical{
713
- flex-direction:column;
714
- }
715
-
315
+ .input-group-vertical{flex-direction:column;}
716
316
  .input-group-vertical :first-child{
717
317
  border-top-left-radius:var(--rounded-btn, .5rem);
718
318
  border-top-right-radius:var(--rounded-btn, .5rem);
719
319
  border-bottom-left-radius:0;
720
320
  border-bottom-right-radius:0;
721
321
  }
722
-
723
322
  .input-group-vertical :last-child{
724
323
  border-top-left-radius:0;
725
324
  border-top-right-radius:0;
726
325
  border-bottom-left-radius:var(--rounded-btn, .5rem);
727
326
  border-bottom-right-radius:var(--rounded-btn, .5rem);
728
327
  }
729
- .kbd{
730
- display:inline-flex;
731
- align-items:center;
732
- justify-content:center;
733
- }.link{
734
- cursor:pointer;
735
- text-decoration:underline;
736
- }
737
- .link-hover{
738
- text-decoration:none;
739
- }
740
- .link-hover:hover{
741
- text-decoration:underline;
742
- }.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{
743
333
  -webkit-mask-size:contain;
744
334
  mask-size:contain;
745
335
  -webkit-mask-repeat:no-repeat;
746
336
  mask-repeat:no-repeat;
747
337
  -webkit-mask-position:center;
748
338
  mask-position:center;
749
- }.menu{
750
- display:flex;
751
- flex-direction:column;
752
- overflow:hidden;
753
339
  }
754
- .menu.horizontal{
755
- display:inline-flex;
756
- flex-direction:row;
757
- }
758
- .menu.horizontal :where(li){
759
- flex-direction:row;
760
- }
761
- .menu :where(li){
762
- display:flex;
763
- flex-direction:column;
764
- align-items:stretch;
765
- }
766
- .menu :where(li)>a,.menu :where(li)>button,.menu :where(li)>span{
767
- display:flex;
768
- align-items:center;
769
- outline:2px solid transparent;
770
- outline-offset:2px;
771
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
772
- transition-duration:.15s;
773
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
774
- transition-duration:.2s;
775
- }
776
- .menu :where(li)>a{
777
- cursor:pointer;
778
- -webkit-user-select:none;
779
- -moz-user-select:none;
780
- -ms-user-select:none;
781
- user-select:none;
782
- }
783
- .menu :where(li)>a:focus{
784
- outline:2px solid transparent;
785
- outline-offset:2px;
786
- }
787
- .menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span{
788
- cursor:auto;
789
- }
790
- .mockup-code{
791
- overflow:hidden;
792
- overflow-x:auto;
793
- position:relative;
794
- }
795
- .mockup-code pre[data-prefix]:before{
340
+ .mask-half-1{
341
+ -webkit-mask-size:200%;
342
+ mask-size:200%;
343
+ -webkit-mask-position:left;
344
+ mask-position:left;
345
+ }
346
+ .mask-half-2{
347
+ -webkit-mask-size:200%;
348
+ mask-size:200%;
349
+ -webkit-mask-position:right;
350
+ mask-position:right;
351
+ }
352
+ .menu{display:flex;flex-direction:column;}
353
+ .menu.horizontal{display:inline-flex;}
354
+ .menu.horizontal{flex-direction:row;}
355
+ .menu.horizontal :where(li){flex-direction:row;}
356
+ .menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;}
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;}
358
+ .menu>:where(li>:not(ul):focus){outline:2px solid transparent;outline-offset:2px;}
359
+ .menu>:where(li.disabled>:not(ul):focus){cursor:auto;}
360
+ .menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch;}
361
+ .menu>:where(li)>:where(ul){position:absolute;display:none;
362
+ top:auto;
363
+ left:100%;}
364
+ .menu>:where(li:hover)>:where(ul){display:flex;}
365
+ .menu>:where(li:focus)>:where(ul){display:flex;}
366
+ .mockup-code{position:relative;}
367
+ .mockup-code{overflow:hidden;}
368
+ .mockup-code{overflow-x:auto;}
369
+ .mockup-code pre[data-prefix]:before{
796
370
  content:attr(data-prefix);
797
- display:inline-block;
798
- text-align:right;
799
371
  }
800
- .mockup-window{
801
- overflow:hidden;
802
- overflow-x:auto;
803
- position:relative;
804
- }
372
+ .mockup-code pre[data-prefix]:before{display:inline-block;}
373
+ .mockup-code pre[data-prefix]:before{text-align:right;}
374
+ .mockup-window{position:relative;}
375
+ .mockup-window{overflow:hidden;}
376
+ .mockup-window{overflow-x:auto;}
805
377
  .mockup-window pre[data-prefix]:before{
806
378
  content:attr(data-prefix);
807
- display:inline-block;
808
- text-align:right;
809
- }.modal{
810
- display:flex;
811
- align-items:flex-end;
812
- justify-content:center;
813
- opacity:0;
814
- pointer-events:none;
815
- position:fixed;
816
- top:0;
817
- right:0;
818
- bottom:0;
819
- left:0;
820
- visibility:hidden;
821
- }
822
-
823
- @media (min-width:640px){
824
- .modal{
825
- align-items:center;
826
- }
827
- }
828
-
829
- .modal{
379
+ }
380
+ .mockup-window pre[data-prefix]:before{display:inline-block;}
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{
830
383
  z-index:999;
831
384
  }
832
-
833
385
  .modal-box{
834
386
  max-height:calc(100vh - 5em);
835
387
  }
836
-
837
- .modal-open,.modal-toggle:checked+.modal,.modal:target{
838
- opacity:1;
839
- pointer-events:auto;
840
- visibility:visible;
841
- }
842
-
843
- .modal-action{
844
- display:flex;
845
- }
846
-
847
- .modal-toggle{
848
- -webkit-appearance:none;
849
- -moz-appearance:none;
850
- appearance:none;
851
- height:0;
852
- opacity:0;
853
- position:fixed;
854
- width:0;
855
- }.navbar{
856
- display:flex;
857
- align-items:center;
858
- }
859
- .navbar>*{
860
- display:flex;
861
- align-items:center;
862
- }
863
-
388
+ .modal-open,.modal-toggle:checked+.modal,.modal:target{pointer-events:auto;visibility:visible;opacity:1;}
389
+ .modal-action{display:flex;}
390
+ .modal-toggle{position:fixed;height:0;width:0;appearance:none;opacity:0;}
391
+ .navbar{display:flex;align-items:center;}
392
+ .navbar>*{display:flex;}
393
+ .navbar>*{align-items:center;}
864
394
  .navbar-start{
865
395
  width:50%;
866
396
  justify-content:flex-start;
867
397
  }
868
-
869
398
  .navbar-center{
870
399
  flex-shrink:0;
871
400
  }
872
-
873
401
  .navbar-end{
874
402
  width:50%;
875
403
  justify-content:flex-end;
876
- }.progress{
877
- -webkit-appearance:none;
878
- -moz-appearance:none;
879
- appearance:none;
880
- overflow:hidden;
881
- position:relative;
882
- width:100%;
883
- }.radio:focus{
884
- outline:2px solid transparent;
885
- outline-offset:2px;
886
- }.range{
887
- cursor:pointer;
888
- height:1.25rem;
889
- width:100%;
890
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;}
891
424
  .range:focus{
892
425
  outline:none;
893
- }.rating{
894
- display:inline-flex;
895
- position:relative;
896
- }
897
- .rating :where(input){
898
- cursor:pointer;
899
- }.select{
900
- -webkit-appearance:none;
901
- -moz-appearance:none;
902
- appearance:none;
903
- cursor:pointer;
904
- display:inline-flex;
905
- flex-shrink:0;
906
- -webkit-user-select:none;
907
- -moz-user-select:none;
908
- -ms-user-select:none;
909
- user-select:none;
910
- height:3rem;
911
- font-size:.875rem;
912
- line-height:1.25rem;
913
- line-height:2;
914
- padding-left:1rem;
915
- padding-right:1rem;
916
- min-height:3rem;
917
- }
918
- .select:focus{
919
- outline:2px solid transparent;
920
- outline-offset:2px;
921
426
  }
922
- .select-disabled,.select[disabled]{
923
- pointer-events:none;
924
- }.stack{
925
- display:inline-grid;
926
- }
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;}
430
+ .select:focus{outline:2px solid transparent;outline-offset:2px;}
431
+ .select-disabled,.select[disabled]{pointer-events:none;}
432
+ .stack{display:inline-grid;}
433
+ .stack>*{grid-column-start:1;}
434
+ .stack>*{grid-row-start:1;}
927
435
  .stack>*{
928
- grid-column-start:1;
929
- grid-row-start:1;
930
- }
931
- .stack>*{
932
- transform:translateY(1rem)scale(.9);
436
+ transform:translateY(1rem) scale(.9);
933
437
  z-index:1;
934
438
  }
935
439
  .stack>:nth-child(2){
936
- transform:translateY(.5rem)scale(.95);
440
+ transform:translateY(.5rem) scale(.95);
937
441
  z-index:2;
938
442
  }
939
443
  .stack>:first-child{
940
- transform:translateY(0)scale(1);
444
+ transform:translateY(0) scale(1);
941
445
  z-index:3;
942
- }.stats{
943
- display:inline-grid;
944
- overflow:hidden;
945
- overflow-x:auto;
946
- grid-auto-flow:column;
947
- }
948
-
949
- .stat{
950
- display:inline-grid;
951
- width:100%;
952
- grid-template-columns:1fr auto;
953
- }
954
-
955
- .stat-figure{
956
- place-self:center;
957
- justify-self:end;
958
- grid-column-start:2;
959
- grid-row:span 3 / span 3;
960
- grid-row-start:1;
961
- }
962
-
963
- .stat-title{
964
- white-space:nowrap;
965
- grid-column-start:1;
966
- }
967
-
968
- .stat-value{
969
- white-space:nowrap;
970
- grid-column-start:1;
971
446
  }
972
-
973
- .stat-desc{
974
- white-space:nowrap;
975
- grid-column-start:1;
976
- }
977
-
978
- .stat-actions{
979
- white-space:nowrap;
980
- grid-column-start:1;
981
- }
982
-
983
- .stats.grid-flow-row{
984
- grid-auto-rows:minmax(0, 1fr);
985
- }.steps{
447
+ .stats{display:inline-grid;}
448
+ :where(.stats){grid-auto-flow:column;}
449
+ .stat{display:inline-grid;width:100%;
450
+ grid-template-columns:repeat(1, 1fr);}
451
+ .stat-figure{grid-column-start:2;}
452
+ .stat-figure{grid-row:span 3 / span 3;}
453
+ .stat-figure{grid-row-start:1;}
454
+ .stat-figure{place-self:center;}
455
+ .stat-figure{justify-self:end;}
456
+ .stat-title{grid-column-start:1;}
457
+ .stat-title{white-space:nowrap;}
458
+ .stat-value{grid-column-start:1;}
459
+ .stat-value{white-space:nowrap;}
460
+ .stat-desc{grid-column-start:1;}
461
+ .stat-desc{white-space:nowrap;}
462
+ .stat-actions{grid-column-start:1;}
463
+ .stat-actions{white-space:nowrap;}
464
+ .steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;
986
465
  counter-reset:step;
987
- grid-auto-columns:1fr;
988
- display:inline-grid;
989
- overflow:hidden;
990
- overflow-x:auto;
991
- grid-auto-flow:column;
992
- }
993
- .steps [class~=step]{
994
- display:grid;
995
- place-items:center;
996
- text-align:center;
997
- grid-template-columns:repeat(1, minmax(0, 1fr));
998
- grid-template-rows:repeat(2, minmax(0, 1fr));
999
- }.tabs{
1000
- display:flex;
1001
- flex-wrap:wrap;
1002
- align-items:flex-end;
1003
- }
1004
-
1005
- .tab{
1006
- cursor:pointer;
1007
- display:inline-flex;
1008
- flex-wrap:wrap;
1009
- align-items:center;
1010
- justify-content:center;
1011
- position:relative;
1012
- text-align:center;
1013
- -webkit-user-select:none;
1014
- -moz-user-select:none;
1015
- -ms-user-select:none;
1016
- user-select:none;
1017
- height:2rem;
1018
- font-size:.875rem;
1019
- line-height:1.25rem;
1020
- line-height:2;
1021
- --tab-padding:1rem;
1022
- }.table{
1023
- position:relative;
1024
- }
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;}
488
+ .table th:first-child{left:0;}
489
+ .table th:first-child{z-index:10;}
1025
490
  .table th:first-child{
1026
- position:sticky;
1027
- left:0;
1028
- z-index:10;
1029
491
  position:-webkit-sticky;
1030
- }.textarea{
1031
- flex-shrink:1;
1032
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
1033
- transition-duration:.15s;
1034
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1035
- transition-duration:.2s;
1036
- }
1037
- .textarea{
1038
- font-size:.875rem;
1039
- line-height:1.25rem;
1040
- line-height:2;
1041
- padding:.5rem 1rem;
1042
- min-height:3rem;
1043
- }
1044
- .textarea:focus{
1045
- outline:2px solid transparent;
1046
- outline-offset:2px;
1047
492
  }
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);}
494
+ .textarea{padding-left:1rem;padding-right:1rem;}
495
+ .textarea{padding-top:.5rem;padding-bottom:.5rem;}
496
+ .textarea{font-size:.875rem;line-height:1.25rem;}
497
+ .textarea{line-height:2;}
498
+ .textarea{min-height:3rem;}
499
+ .textarea:focus{outline:2px solid transparent;outline-offset:2px;}
1048
500
  .toggle{
1049
501
  flex-shrink:0;
1050
502
  }
1051
- .toggle:focus{
1052
- outline:2px solid transparent;
1053
- outline-offset:2px;
503
+ .tooltip{position:relative;display:inline-block;
504
+ --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));}
505
+ .tooltip:before{position:absolute;
506
+ pointer-events:none;
507
+ content:attr(data-tip);}
508
+ .tooltip:before{
509
+ transform:translateX(-50%);
510
+ top:auto;
511
+ left:50%;
512
+ right:auto;
513
+ bottom:var(--tooltip-offset);
1054
514
  }
1055
- .tooltip{
1056
- display:inline-block;
1057
- position:relative;
1058
- --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));
1059
- }
515
+ .tooltip-bottom:before{
516
+ transform:translateX(-50%);
517
+ top:var(--tooltip-offset);
518
+ left:50%;
519
+ right:auto;
520
+ bottom:auto;
521
+ }
522
+ .tooltip-left:before{
523
+ transform:translateY(-50%);
524
+ top:50%;
525
+ left:auto;
526
+ right:var(--tooltip-offset);
527
+ bottom:auto;
528
+ }
529
+ .tooltip-right:before{
530
+ transform:translateY(-50%);
531
+ top:50%;
532
+ left:var(--tooltip-offset);
533
+ right:auto;
534
+ bottom:auto;
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)}
537
+ .avatar-group{display:flex;overflow:hidden;}
538
+ .avatar-group .avatar{overflow:hidden;}
539
+ .avatar-group .avatar{border-radius:9999px;}
540
+ .avatar-group .avatar{border-width:4px;}
541
+ .avatar-group .avatar{--tw-border-opacity:1;border-color:hsl(var(--b1) / var(--tw-border-opacity));}
542
+ .badge{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--n) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));border-radius:var(--rounded-badge, 1.9rem)}
1060
543
 
1061
- .tooltip:before{
1062
- position:absolute;
1063
- pointer-events:none;
1064
- }
544
+ .btn-outline .badge{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity))}
545
+
546
+ .btn-outline .badge{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}
547
+
548
+ .btn-outline.btn-primary .badge{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}
549
+
550
+ .btn-outline.btn-primary .badge{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity))}
551
+
552
+ .btn-outline.btn-primary .badge{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}
553
+
554
+ .btn-outline.btn-secondary .badge{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}
555
+
556
+ .btn-outline.btn-secondary .badge{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity))}
557
+
558
+ .btn-outline.btn-secondary .badge{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}
559
+
560
+ .btn-outline.btn-accent .badge{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}
561
+
562
+ .btn-outline.btn-accent .badge{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity))}
563
+
564
+ .btn-outline.btn-accent .badge{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}
565
+
566
+ .btn-outline .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity))}
567
+
568
+ .btn-outline .badge.outline{background-color:initial}
569
+
570
+ .btn-outline.btn-primary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}
571
+
572
+ .btn-outline.btn-primary .badge-outline{background-color:initial}
573
+
574
+ .btn-outline.btn-primary .badge-outline{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}
575
+
576
+ .btn-outline.btn-secondary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}
577
+
578
+ .btn-outline.btn-secondary .badge-outline{background-color:initial}
579
+
580
+ .btn-outline.btn-secondary .badge-outline{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}
581
+
582
+ .btn-outline.btn-accent .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}
583
+
584
+ .btn-outline.btn-accent .badge-outline{background-color:initial}
585
+
586
+ .btn-outline.btn-accent .badge-outline{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}
587
+
588
+ .btn-outline:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))}
589
+
590
+ .btn-outline:hover .badge{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))}
591
+
592
+ .btn-outline:hover .badge{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}
593
+
594
+ .btn-outline:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))}
595
+
596
+ .btn-outline:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}
597
+
598
+ .btn-outline.btn-primary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity))}
599
+
600
+ .btn-outline.btn-primary:hover .badge{--tw-bg-opacity:1;background-color:hsl(var(--pc) / var(--tw-bg-opacity))}
601
+
602
+ .btn-outline.btn-primary:hover .badge{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}
603
+
604
+ .btn-outline.btn-primary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity))}
1065
605
 
1066
- .tooltip:before{
1067
- content:attr(data-tip);
1068
- }
606
+ .btn-outline.btn-primary:hover .badge.outline{--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity))}
1069
607
 
1070
- .tooltip:before{
1071
- transform:translateX(-50%);
1072
- top:auto;
1073
- left:50%;
1074
- right:auto;
1075
- bottom:var(--tooltip-offset);
1076
- }
608
+ .btn-outline.btn-primary:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}
1077
609
 
1078
- .tooltip-bottom:before{
1079
- transform:translateX(-50%);
1080
- top:var(--tooltip-offset);
1081
- left:50%;
1082
- right:auto;
1083
- bottom:auto;
1084
- }
610
+ .btn-outline.btn-secondary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity))}
1085
611
 
1086
- .tooltip-left:before{
1087
- transform:translateY(-50%);
1088
- top:50%;
1089
- left:auto;
1090
- right:var(--tooltip-offset);
1091
- bottom:auto;
1092
- }
612
+ .btn-outline.btn-secondary:hover .badge{--tw-bg-opacity:1;background-color:hsl(var(--sc) / var(--tw-bg-opacity))}
1093
613
 
1094
- .tooltip-right:before{
1095
- transform:translateY(-50%);
1096
- top:50%;
1097
- left:var(--tooltip-offset);
1098
- right:auto;
1099
- bottom:auto;
1100
- }.alert{
1101
- --tw-bg-opacity:1;
1102
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
1103
- padding:1rem;
1104
- border-radius:var(--rounded-box, 1rem);
1105
- }
1106
- .avatar-group{
1107
- display:flex;
1108
- overflow:hidden;
1109
- }
1110
- .avatar-group :where(.avatar){
1111
- --tw-border-opacity:1;
1112
- border-color:hsla(var(--b1) / var(--tw-border-opacity, 1));
1113
- border-radius:9999px;
1114
- border-width:4px;
1115
- overflow:hidden;
1116
- }.badge{
1117
- --tw-bg-opacity:1;
1118
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
1119
- --tw-border-opacity:1;
1120
- border-color:hsla(var(--n) / var(--tw-border-opacity, 1));
1121
- border-width:1px;
1122
- --tw-text-opacity:1;
1123
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1124
- border-radius:var(--rounded-badge, 1.9rem);
1125
- }
614
+ .btn-outline.btn-secondary:hover .badge{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}
1126
615
 
1127
- .btn .badge{
1128
- --tw-bg-opacity:1;
1129
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
1130
- border-color:transparent;
1131
- --tw-text-opacity:1;
1132
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1133
- }
616
+ .btn-outline.btn-secondary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity))}
1134
617
 
1135
- .btn .badge-outline{
1136
- background-color:transparent;
1137
- --tw-border-opacity:1;
1138
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
1139
- --tw-text-opacity:1;
1140
- color:hsla(var(--b2) / var(--tw-text-opacity, 1));
1141
- }
618
+ .btn-outline.btn-secondary:hover .badge.outline{--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity))}
1142
619
 
1143
- .btn-outline .badge{
1144
- --tw-border-opacity:1;
1145
- border-color:hsla(var(--nf) / var(--tw-border-opacity, 1));
1146
- --tw-text-opacity:1;
1147
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1148
- }
620
+ .btn-outline.btn-secondary:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}
1149
621
 
1150
- .btn-outline.btn-primary .badge{
1151
- --tw-bg-opacity:1;
1152
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
1153
- --tw-border-opacity:1;
1154
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1155
- --tw-text-opacity:1;
1156
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1157
- }
622
+ .btn-outline.btn-accent:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity))}
1158
623
 
1159
- .btn-outline.btn-secondary .badge{
1160
- --tw-bg-opacity:1;
1161
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
1162
- --tw-border-opacity:1;
1163
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
1164
- --tw-text-opacity:1;
1165
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
1166
- }
624
+ .btn-outline.btn-accent:hover .badge{--tw-bg-opacity:1;background-color:hsl(var(--ac) / var(--tw-bg-opacity))}
1167
625
 
1168
- .btn-outline.btn-accent .badge{
1169
- --tw-bg-opacity:1;
1170
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
1171
- --tw-border-opacity:1;
1172
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
1173
- --tw-text-opacity:1;
1174
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
1175
- }
1176
-
1177
- .btn-outline .badge.outline{
1178
- background-color:transparent;
1179
- --tw-border-opacity:1;
1180
- border-color:hsla(var(--nf) / var(--tw-border-opacity, 1));
1181
- }
1182
-
1183
- .btn-outline.btn-primary .badge-outline{
1184
- background-color:transparent;
1185
- --tw-border-opacity:1;
1186
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1187
- --tw-text-opacity:1;
1188
- color:hsla(var(--p) / var(--tw-text-opacity, 1));
1189
- }
1190
-
1191
- .btn-outline.btn-secondary .badge-outline{
1192
- background-color:transparent;
1193
- --tw-border-opacity:1;
1194
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
1195
- --tw-text-opacity:1;
1196
- color:hsla(var(--s) / var(--tw-text-opacity, 1));
1197
- }
1198
-
1199
- .btn-outline.btn-accent .badge-outline{
1200
- background-color:transparent;
1201
- --tw-border-opacity:1;
1202
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
1203
- --tw-text-opacity:1;
1204
- color:hsla(var(--a) / var(--tw-text-opacity, 1));
1205
- }
1206
-
1207
- .btn-outline:hover .badge{
1208
- --tw-bg-opacity:1;
1209
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
1210
- --tw-border-opacity:1;
1211
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
1212
- --tw-text-opacity:1;
1213
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1214
- }
1215
-
1216
- .btn-outline:hover .badge.outline{
1217
- --tw-border-opacity:1;
1218
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
1219
- --tw-text-opacity:1;
1220
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1221
- }
1222
-
1223
- .btn-outline.btn-primary:hover .badge{
1224
- --tw-bg-opacity:1;
1225
- background-color:hsla(var(--pc) / var(--tw-bg-opacity, 1));
1226
- --tw-border-opacity:1;
1227
- border-color:hsla(var(--pc) / var(--tw-border-opacity, 1));
1228
- --tw-text-opacity:1;
1229
- color:hsla(var(--p) / var(--tw-text-opacity, 1));
1230
- }
1231
-
1232
- .btn-outline.btn-primary:hover .badge.outline{
1233
- --tw-bg-opacity:1;
1234
- background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
1235
- --tw-border-opacity:1;
1236
- border-color:hsla(var(--pc) / var(--tw-border-opacity, 1));
1237
- --tw-text-opacity:1;
1238
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1239
- }
1240
-
1241
- .btn-outline.btn-secondary:hover .badge{
1242
- --tw-bg-opacity:1;
1243
- background-color:hsla(var(--sc) / var(--tw-bg-opacity, 1));
1244
- --tw-border-opacity:1;
1245
- border-color:hsla(var(--sc) / var(--tw-border-opacity, 1));
1246
- --tw-text-opacity:1;
1247
- color:hsla(var(--s) / var(--tw-text-opacity, 1));
1248
- }
1249
-
1250
- .btn-outline.btn-secondary:hover .badge.outline{
1251
- --tw-bg-opacity:1;
1252
- background-color:hsla(var(--sf) / var(--tw-bg-opacity, 1));
1253
- --tw-border-opacity:1;
1254
- border-color:hsla(var(--sc) / var(--tw-border-opacity, 1));
1255
- --tw-text-opacity:1;
1256
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
1257
- }
1258
-
1259
- .btn-outline.btn-accent:hover .badge{
1260
- --tw-bg-opacity:1;
1261
- background-color:hsla(var(--ac) / var(--tw-bg-opacity, 1));
1262
- --tw-border-opacity:1;
1263
- border-color:hsla(var(--ac) / var(--tw-border-opacity, 1));
1264
- --tw-text-opacity:1;
1265
- color:hsla(var(--a) / var(--tw-text-opacity, 1));
1266
- }
1267
-
1268
- .btn-outline.btn-accent:hover .badge.outline{
1269
- --tw-bg-opacity:1;
1270
- background-color:hsla(var(--af) / var(--tw-bg-opacity, 1));
1271
- --tw-border-opacity:1;
1272
- border-color:hsla(var(--ac) / var(--tw-border-opacity, 1));
1273
- --tw-text-opacity:1;
1274
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
1275
- }
1276
- .breadcrumbs{
1277
- padding-top:.5rem;
1278
- padding-bottom:.5rem;
1279
- }
1280
- .breadcrumbs>ul>li>a:focus{
1281
- outline:2px solid transparent;
1282
- outline-offset:2px;
1283
- }
626
+ .btn-outline.btn-accent:hover .badge{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}
627
+
628
+ .btn-outline.btn-accent:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity))}
629
+
630
+ .btn-outline.btn-accent:hover .badge.outline{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity))}
631
+
632
+ .btn-outline.btn-accent:hover .badge.outline{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}
633
+ .breadcrumbs{padding-top:.5rem;padding-bottom:.5rem;}
634
+ .breadcrumbs>ul>li>a:focus{outline:2px solid transparent;outline-offset:2px;}
1284
635
  .breadcrumbs>ul>li>a:focus-visible{
1285
- border-radius:var(--rounded-badge, 1.9rem);
1286
- box-shadow:0 0 0 2px currentColor;
636
+ outline:2px solid currentColor;
637
+ outline-offset:2px;
1287
638
  }
1288
639
  .breadcrumbs>ul>li+:before{
1289
640
  content:"";
1290
- display:block;
1291
- height:.375rem;
1292
- margin-left:.5rem;
1293
- margin-right:.75rem;
1294
- opacity:.4;
1295
- width:.375rem;
1296
- --tw-translate-x:0;
1297
- --tw-translate-y:0;
1298
- --tw-rotate:0;
1299
- --tw-skew-x:0;
1300
- --tw-skew-y:0;
1301
- --tw-scale-x:1;
1302
- --tw-scale-y:1;
1303
- transform:translateX(var(--tw-translate-x)) translateY(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));
1304
- --tw-rotate:45deg;
641
+ }
642
+ .breadcrumbs>ul>li+:before{margin-left:.5rem;}
643
+ .breadcrumbs>ul>li+:before{margin-right:.75rem;}
644
+ .breadcrumbs>ul>li+:before{display:block;}
645
+ .breadcrumbs>ul>li+:before{height:.375rem;}
646
+ .breadcrumbs>ul>li+:before{width:.375rem;}
647
+ .breadcrumbs>ul>li+:before{--tw-rotate:45deg;}
648
+ .breadcrumbs>ul>li+: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));}
649
+ .breadcrumbs>ul>li+:before{opacity:.4;}
650
+ .breadcrumbs>ul>li+:before{
1305
651
  border-top:1px solid;
1306
652
  border-right:1px solid;
1307
- background-color:transparent;
1308
- }.btn{
1309
- font-weight:600;
1310
- text-transform:uppercase;
653
+ background-color:initial;
654
+ }
655
+ .btn{font-weight:600;text-transform:uppercase;
1311
656
  border-width:var(--border-btn, 1px);
1312
- -webkit-animation:button-pop var(--animation-btn, .25s) ease-out;
1313
- animation:button-pop var(--animation-btn, .25s) ease-out;
1314
- text-transform:var(--btn-text-case, uppercase);
1315
- }
657
+ animation:button-pop var(--animation-btn, .25s) ease-out;
658
+ text-transform:var(--btn-text-case, uppercase);}
1316
659
  .btn:active:focus,.btn:active:hover{
1317
- -webkit-animation:none;
1318
- animation:none;
660
+ animation:none;
1319
661
  }
1320
662
  .btn:active:focus,.btn:active:hover{
1321
- transform:scale( var(--btn-focus-scale, .95) );
1322
- }
1323
- .btn{
1324
- --tw-bg-opacity:1;
1325
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
1326
- --tw-border-opacity:1;
1327
- border-color:hsla(var(--n) / var(--tw-border-opacity, 1));
1328
- --tw-text-opacity:1;
1329
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1330
- }
1331
- .btn-active,.btn:hover{
1332
- --tw-bg-opacity:1;
1333
- background-color:hsla(var(--nf) / var(--tw-bg-opacity, 1));
1334
- --tw-border-opacity:1;
1335
- border-color:hsla(var(--nf) / var(--tw-border-opacity, 1));
1336
- }
663
+ transform:scale(var(--btn-focus-scale, .95));
664
+ }
665
+ .btn{--tw-border-opacity:1;border-color:hsl(var(--n) / var(--tw-border-opacity));}
666
+ .btn{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
667
+ .btn{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));}
668
+ .btn-active,.btn:hover{--tw-border-opacity:1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));}
669
+ .btn-active,.btn:hover{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));}
1337
670
  .btn:focus-visible{
1338
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--nf));
1339
- }
1340
- .btn-primary{
1341
- --tw-bg-opacity:1;
1342
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
1343
- --tw-border-opacity:1;
1344
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1345
- --tw-text-opacity:1;
1346
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1347
- }
1348
- .btn-primary.btn-active,.btn-primary:hover{
1349
- --tw-bg-opacity:1;
1350
- background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
1351
- --tw-border-opacity:1;
1352
- border-color:hsla(var(--pf) / var(--tw-border-opacity, 1));
671
+ outline:2px solid hsl(var(--nf));
672
+ outline-offset:2px;
1353
673
  }
674
+ .btn-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
675
+ .btn-primary{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
676
+ .btn-primary{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
677
+ .btn-primary.btn-active,.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));}
678
+ .btn-primary.btn-active,.btn-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));}
1354
679
  .btn-primary:focus-visible{
1355
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1356
- }
1357
- .btn-secondary{
1358
- --tw-bg-opacity:1;
1359
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
1360
- --tw-border-opacity:1;
1361
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
1362
- --tw-text-opacity:1;
1363
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
1364
- }
1365
- .btn-secondary.btn-active,.btn-secondary:hover{
1366
- --tw-bg-opacity:1;
1367
- background-color:hsla(var(--sf) / var(--tw-bg-opacity, 1));
1368
- --tw-border-opacity:1;
1369
- border-color:hsla(var(--sf) / var(--tw-border-opacity, 1));
680
+ outline:2px solid hsl(var(--p));
1370
681
  }
682
+ .btn-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
683
+ .btn-secondary{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
684
+ .btn-secondary{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
685
+ .btn-secondary.btn-active,.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf, var(--s)) / var(--tw-border-opacity));}
686
+ .btn-secondary.btn-active,.btn-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));}
1371
687
  .btn-secondary:focus-visible{
1372
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1373
- }
1374
- .btn-accent{
1375
- --tw-bg-opacity:1;
1376
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
1377
- --tw-border-opacity:1;
1378
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
1379
- --tw-text-opacity:1;
1380
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
1381
- }
1382
- .btn-accent.btn-active,.btn-accent:hover{
1383
- --tw-bg-opacity:1;
1384
- background-color:hsla(var(--af) / var(--tw-bg-opacity, 1));
1385
- --tw-border-opacity:1;
1386
- border-color:hsla(var(--af) / var(--tw-border-opacity, 1));
688
+ outline:2px solid hsl(var(--s));
1387
689
  }
690
+ .btn-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
691
+ .btn-accent{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
692
+ .btn-accent{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
693
+ .btn-accent.btn-active,.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af, var(--a)) / var(--tw-border-opacity));}
694
+ .btn-accent.btn-active,.btn-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity));}
1388
695
  .btn-accent:focus-visible{
1389
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1390
- }
1391
- .btn-info{
1392
- --tw-bg-opacity:1;
1393
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
1394
- --tw-border-opacity:1;
1395
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
1396
- --tw-text-opacity:1;
1397
- color:hsla(var(--b2) / var(--tw-text-opacity, 1));
1398
- }
1399
- .btn-info.btn-active,.btn-info:hover{
1400
- --tw-bg-opacity:1;
1401
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
1402
- --tw-border-opacity:1;
1403
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
696
+ outline:2px solid hsl(var(--a));
1404
697
  }
698
+ .btn-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
699
+ .btn-info{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
700
+ .btn-info{--tw-text-opacity:1;color:hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));}
701
+ .btn-info.btn-active,.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
702
+ .btn-info.btn-active,.btn-info:hover{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
1405
703
  .btn-info:focus-visible{
1406
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1407
- }
1408
- .btn-success{
1409
- --tw-bg-opacity:1;
1410
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
1411
- --tw-border-opacity:1;
1412
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
1413
- --tw-text-opacity:1;
1414
- color:hsla(var(--b2) / var(--tw-text-opacity, 1));
1415
- }
1416
- .btn-success.btn-active,.btn-success:hover{
1417
- --tw-bg-opacity:1;
1418
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
1419
- --tw-border-opacity:1;
1420
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
704
+ outline:2px solid hsl(var(--in));
1421
705
  }
706
+ .btn-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
707
+ .btn-success{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
708
+ .btn-success{--tw-text-opacity:1;color:hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));}
709
+ .btn-success.btn-active,.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
710
+ .btn-success.btn-active,.btn-success:hover{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1422
711
  .btn-success:focus-visible{
1423
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1424
- }
1425
- .btn-warning{
1426
- --tw-bg-opacity:1;
1427
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
1428
- --tw-border-opacity:1;
1429
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
1430
- --tw-text-opacity:1;
1431
- color:hsla(var(--b2) / var(--tw-text-opacity, 1));
1432
- }
1433
- .btn-warning.btn-active,.btn-warning:hover{
1434
- --tw-bg-opacity:1;
1435
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
1436
- --tw-border-opacity:1;
1437
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
712
+ outline:2px solid hsl(var(--su));
1438
713
  }
714
+ .btn-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
715
+ .btn-warning{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
716
+ .btn-warning{--tw-text-opacity:1;color:hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));}
717
+ .btn-warning.btn-active,.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
718
+ .btn-warning.btn-active,.btn-warning:hover{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1439
719
  .btn-warning:focus-visible{
1440
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1441
- }
1442
- .btn-error{
1443
- --tw-bg-opacity:1;
1444
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
1445
- --tw-border-opacity:1;
1446
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
1447
- --tw-text-opacity:1;
1448
- color:hsla(var(--b2) / var(--tw-text-opacity, 1));
1449
- }
1450
- .btn-error.btn-active,.btn-error:hover{
1451
- --tw-bg-opacity:1;
1452
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
1453
- --tw-border-opacity:1;
1454
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
720
+ outline:2px solid hsl(var(--wa));
1455
721
  }
722
+ .btn-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
723
+ .btn-error{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
724
+ .btn-error{--tw-text-opacity:1;color:hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));}
725
+ .btn-error.btn-active,.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
726
+ .btn-error.btn-active,.btn-error:hover{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1456
727
  .btn-error:focus-visible{
1457
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
728
+ outline:2px solid hsl(var(--er));
1458
729
  }
1459
730
  .btn.glass.btn-active,.btn.glass:hover{
1460
731
  --glass-opacity:25%;
1461
732
  --glass-border-opacity:15%;
1462
733
  }
1463
734
  .btn.glass:focus-visible{
1464
- box-shadow:0 0 0 2px currentColor;
1465
- }
1466
- .btn-ghost{
1467
- background-color:transparent;
1468
- border-color:transparent;
1469
- border-width:1px;
1470
- color:currentColor;
1471
- }
1472
- .btn-ghost.btn-active,.btn-ghost:hover{
1473
- --tw-bg-opacity:1;
1474
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1475
- --tw-bg-opacity:0.2;
1476
- --tw-border-opacity:0;
1477
- }
735
+ outline:2px 0 0 2px solid currentColor;
736
+ }
737
+ .btn-ghost{border-width:1px;}
738
+ .btn-ghost{border-color:transparent;}
739
+ .btn-ghost{background-color:initial;}
740
+ .btn-ghost{color:currentColor;}
741
+ .btn-ghost.btn-active,.btn-ghost:hover{--tw-border-opacity:0;}
742
+ .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
743
+ .btn-ghost.btn-active,.btn-ghost:hover{--tw-bg-opacity:0.2;}
1478
744
  .btn-ghost:focus-visible{
1479
- box-shadow:0 0 0 2px currentColor;
1480
- }
1481
- .btn-link{
1482
- background-color:transparent;
1483
- border-color:transparent;
1484
- --tw-text-opacity:1;
1485
- color:hsla(var(--p) / var(--tw-text-opacity, 1));
1486
- }
1487
- .btn-link.btn-active,.btn-link:hover{
1488
- background-color:transparent;
1489
- border-color:transparent;
1490
- text-decoration:underline;
1491
- }
745
+ outline:2px 0 0 2px solid currentColor;
746
+ }
747
+ .btn-link{border-color:transparent;}
748
+ .btn-link{background-color:initial;}
749
+ .btn-link{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
750
+ .btn-link.btn-active,.btn-link:hover{border-color:transparent;}
751
+ .btn-link.btn-active,.btn-link:hover{background-color:initial;}
752
+ .btn-link.btn-active,.btn-link:hover{text-decoration-line:underline;}
1492
753
  .btn-link:focus-visible{
1493
- box-shadow:0 0 0 2px currentColor;
1494
- }
1495
- .btn-outline{
1496
- background-color:transparent;
1497
- border-color:currentColor;
1498
- --tw-text-opacity:1;
1499
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1500
- }
1501
- .btn-outline:hover{
1502
- --tw-bg-opacity:1;
1503
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1504
- --tw-border-opacity:1;
1505
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
1506
- --tw-text-opacity:1;
1507
- color:hsla(var(--b1) / var(--tw-text-opacity, 1));
1508
- }
1509
- .btn-outline.btn-primary{
1510
- --tw-text-opacity:1;
1511
- color:hsla(var(--p) / var(--tw-text-opacity, 1));
1512
- }
1513
- .btn-outline.btn-primary:hover{
1514
- --tw-bg-opacity:1;
1515
- background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
1516
- --tw-border-opacity:1;
1517
- border-color:hsla(var(--pf) / var(--tw-border-opacity, 1));
1518
- --tw-text-opacity:1;
1519
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1520
- }
1521
- .btn-outline.btn-secondary{
1522
- --tw-text-opacity:1;
1523
- color:hsla(var(--s) / var(--tw-text-opacity, 1));
1524
- }
1525
- .btn-outline.btn-secondary:hover{
1526
- --tw-bg-opacity:1;
1527
- background-color:hsla(var(--sf) / var(--tw-bg-opacity, 1));
1528
- --tw-border-opacity:1;
1529
- border-color:hsla(var(--sf) / var(--tw-border-opacity, 1));
1530
- --tw-text-opacity:1;
1531
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
1532
- }
1533
- .btn-outline.btn-accent{
1534
- --tw-text-opacity:1;
1535
- color:hsla(var(--a) / var(--tw-text-opacity, 1));
1536
- }
1537
- .btn-outline.btn-accent:hover{
1538
- --tw-bg-opacity:1;
1539
- background-color:hsla(var(--af) / var(--tw-bg-opacity, 1));
1540
- --tw-border-opacity:1;
1541
- border-color:hsla(var(--af) / var(--tw-border-opacity, 1));
1542
- --tw-text-opacity:1;
1543
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
1544
- }
1545
- .btn-outline.btn-success{
1546
- --tw-text-opacity:1;
1547
- color:hsla(var(--su) / var(--tw-text-opacity, 1));
1548
- }
1549
- .btn-outline.btn-success:hover{
1550
- --tw-bg-opacity:1;
1551
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
1552
- --tw-border-opacity:1;
1553
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
1554
- --tw-text-opacity:1;
1555
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1556
- }
1557
- .btn-outline.btn-info{
1558
- --tw-text-opacity:1;
1559
- color:hsla(var(--in) / var(--tw-text-opacity, 1));
1560
- }
1561
- .btn-outline.btn-info:hover{
1562
- --tw-bg-opacity:1;
1563
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
1564
- --tw-border-opacity:1;
1565
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
1566
- --tw-text-opacity:1;
1567
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1568
- }
1569
- .btn-outline.btn-warning{
1570
- --tw-text-opacity:1;
1571
- color:hsla(var(--wa) / var(--tw-text-opacity, 1));
1572
- }
1573
- .btn-outline.btn-warning:hover{
1574
- --tw-bg-opacity:1;
1575
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
1576
- --tw-border-opacity:1;
1577
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
1578
- --tw-text-opacity:1;
1579
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1580
- }
1581
- .btn-outline.btn-error{
1582
- --tw-text-opacity:1;
1583
- color:hsla(var(--er) / var(--tw-text-opacity, 1));
1584
- }
1585
- .btn-outline.btn-error:hover{
1586
- --tw-bg-opacity:1;
1587
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
1588
- --tw-border-opacity:1;
1589
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
1590
- --tw-text-opacity:1;
1591
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1592
- }
1593
- .btn-disabled,.btn[disabled]{
1594
- --tw-bg-opacity:1;
1595
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
1596
- --tw-bg-opacity:0.2;
1597
- --tw-border-opacity:0;
1598
- --tw-text-opacity:1;
1599
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
1600
- --tw-text-opacity:0.2;
1601
- }
1602
- .btn.loading.btn-circle:before,.btn.loading.btn-square:before{
1603
- margin-right:0;
1604
- }
1605
- .btn.loading.btn-lg:before,.btn.loading.btn-xl:before{
1606
- height:1.25rem;
1607
- width:1.25rem;
1608
- }
1609
- .btn.loading.btn-sm:before,.btn.loading.btn-xs:before{
1610
- height:.75rem;
1611
- width:.75rem;
1612
- }
1613
-
1614
- .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{
1615
- --tw-bg-opacity:1;
1616
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
1617
- --tw-border-opacity:1;
1618
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1619
- --tw-text-opacity:1;
1620
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1621
- }
1622
-
754
+ outline:2px 0 0 2px solid currentColor;
755
+ }
756
+ .btn-outline{border-color:currentColor;}
757
+ .btn-outline{background-color:initial;}
758
+ .btn-outline{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
759
+ .btn-outline:hover{--tw-border-opacity:1;border-color:hsl(var(--bc) / var(--tw-border-opacity));}
760
+ .btn-outline:hover{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
761
+ .btn-outline:hover{--tw-text-opacity:1;color:hsl(var(--b1) / var(--tw-text-opacity));}
762
+ .btn-outline.btn-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
763
+ .btn-outline.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf, var(--p)) / var(--tw-border-opacity));}
764
+ .btn-outline.btn-primary:hover{--tw-bg-opacity:1;background-color:hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));}
765
+ .btn-outline.btn-primary:hover{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
766
+ .btn-outline.btn-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity));}
767
+ .btn-outline.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf, var(--s)) / var(--tw-border-opacity));}
768
+ .btn-outline.btn-secondary:hover{--tw-bg-opacity:1;background-color:hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));}
769
+ .btn-outline.btn-secondary:hover{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
770
+ .btn-outline.btn-accent{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity));}
771
+ .btn-outline.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af, var(--a)) / var(--tw-border-opacity));}
772
+ .btn-outline.btn-accent:hover{--tw-bg-opacity:1;background-color:hsl(var(--af, var(--a)) / var(--tw-bg-opacity));}
773
+ .btn-outline.btn-accent:hover{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
774
+ .btn-outline.btn-success{--tw-text-opacity:1;color:hsl(var(--su) / var(--tw-text-opacity));}
775
+ .btn-outline.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
776
+ .btn-outline.btn-success:hover{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
777
+ .btn-outline.btn-success:hover{--tw-text-opacity:1;color:hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));}
778
+ .btn-outline.btn-info{--tw-text-opacity:1;color:hsl(var(--in) / var(--tw-text-opacity));}
779
+ .btn-outline.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
780
+ .btn-outline.btn-info:hover{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
781
+ .btn-outline.btn-info:hover{--tw-text-opacity:1;color:hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));}
782
+ .btn-outline.btn-warning{--tw-text-opacity:1;color:hsl(var(--wa) / var(--tw-text-opacity));}
783
+ .btn-outline.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
784
+ .btn-outline.btn-warning:hover{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
785
+ .btn-outline.btn-warning:hover{--tw-text-opacity:1;color:hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));}
786
+ .btn-outline.btn-error{--tw-text-opacity:1;color:hsl(var(--er) / var(--tw-text-opacity));}
787
+ .btn-outline.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
788
+ .btn-outline.btn-error:hover{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
789
+ .btn-outline.btn-error:hover{--tw-text-opacity:1;color:hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));}
790
+ .btn-disabled,.btn[disabled]{--tw-border-opacity:0;}
791
+ .btn-disabled,.btn[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
792
+ .btn-disabled,.btn[disabled]{--tw-bg-opacity:0.2;}
793
+ .btn-disabled,.btn[disabled]{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
794
+ .btn-disabled,.btn[disabled]{--tw-text-opacity:0.2;}
795
+ .btn.loading.btn-circle:before,.btn.loading.btn-square:before{margin-right:0;}
796
+ .btn.loading.btn-lg:before,.btn.loading.btn-xl:before{height:1.25rem;}
797
+ .btn.loading.btn-lg:before,.btn.loading.btn-xl:before{width:1.25rem;}
798
+ .btn.loading.btn-sm:before,.btn.loading.btn-xs:before{height:.75rem;}
799
+ .btn.loading.btn-sm:before,.btn.loading.btn-xs:before{width:.75rem;}
800
+ .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
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));}
802
+ .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1623
803
  .btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{
1624
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
804
+ outline:2px solid hsl(var(--p));
1625
805
  }
1626
-
1627
- .btn-group>.btn:not(:first-child){
1628
- border-top-left-radius:0;
1629
- border-bottom-left-radius:0;
1630
- margin-left:-1px;
1631
- }
1632
-
1633
- .btn-group>.btn:not(:last-child){
1634
- border-top-right-radius:0;
1635
- border-bottom-right-radius:0;
1636
- }
1637
-
1638
- @-webkit-keyframes button-pop{
1639
- 0%{
1640
- transform:scale( var(--btn-focus-scale, .95) );
1641
- }
1642
-
1643
- 40%{
1644
- transform:scale(1.02);
1645
- }
1646
-
1647
- to{
1648
- transform:scale(1);
1649
- }
1650
- }
1651
-
806
+ .btn-group>.btn:not(:first-child){margin-left:-1px;}
807
+ .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}
808
+ .btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
1652
809
  @keyframes button-pop{
1653
810
  0%{
1654
- transform:scale( var(--btn-focus-scale, .95) );
811
+ transform:scale(var(--btn-focus-scale, .95));
1655
812
  }
1656
-
1657
813
  40%{
1658
814
  transform:scale(1.02);
1659
815
  }
1660
-
1661
816
  to{
1662
817
  transform:scale(1);
1663
818
  }
1664
- }.card{
1665
- border-radius:var(--rounded-box, 1rem);
1666
819
  }
820
+ .card{border-radius:var(--rounded-box, 1rem);}
1667
821
  .card:focus-visible{
1668
- box-shadow:0 0 0 2px currentColor;
1669
- }
1670
- .card.bordered{
1671
- --tw-border-opacity:1;
1672
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
1673
- border-width:1px;
1674
- }
1675
- .card-bordered{
1676
- --tw-border-opacity:1;
1677
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
1678
- border-width:1px;
822
+ outline:2px solid currentColor;
823
+ outline-offset:2px;
1679
824
  }
1680
- .card.compact .card-body{
1681
- font-size:.875rem;
1682
- line-height:1.25rem;
1683
- padding:1rem;
1684
- }
1685
- .card.compact .card-title{
1686
- margin-bottom:.25rem;
1687
- }
825
+ .card.bordered{border-width:1px;}
826
+ .card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
827
+ .card-bordered{border-width:1px;}
828
+ .card-bordered{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
829
+ .card.compact .card-body{padding:1rem;}
830
+ .card.compact .card-body{font-size:.875rem;line-height:1.25rem;}
1688
831
  .card-body{
1689
832
  padding:var(--padding-card, 2rem);
1690
833
  }
1691
- .card-title{
1692
- font-weight:600;
1693
- font-size:1.25rem;
1694
- line-height:1.75rem;
1695
- margin-bottom:.75rem;
1696
- }
1697
- .card-actions:first-child{
1698
- margin-bottom:.5rem;
1699
- }
1700
- .card-actions:last-child{
1701
- margin-top:1.5rem;
1702
- }
1703
- .card.image-full:before{
1704
- --tw-bg-opacity:1;
1705
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
1706
- opacity:.75;
1707
- z-index:10;
1708
- border-radius:var(--rounded-box, 1rem);
1709
- }
1710
- .card.image-full>.card-body{
1711
- --tw-text-opacity:1;
1712
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
1713
- z-index:20;
1714
- }
834
+ .card-body{display:flex;}
835
+ .card-body{flex-direction:column;}
836
+ .card-body{gap:.5rem;}
837
+ .card-title{display:flex;}
838
+ .card-title{align-items:center;}
839
+ .card-title{gap:.5rem;}
840
+ .card-title{font-size:1.25rem;line-height:1.75rem;}
841
+ .card-title{font-weight:600;}
842
+ .card.image-full:before{z-index:10;}
843
+ .card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
844
+ .card.image-full:before{opacity:.75;}
845
+ .card.image-full:before{border-radius:var(--rounded-box, 1rem);}
846
+ .card.image-full>.card-body{z-index:20;}
847
+ .card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));}
1715
848
  .carousel{
1716
849
  -ms-overflow-style:none;
1717
850
  scrollbar-width:none;
1718
851
  }
1719
- .carousel::-webkit-scrollbar{
1720
- display:none;
1721
- }.checkbox{
852
+ .carousel::-webkit-scrollbar{display:none;}
853
+ .checkbox{
1722
854
  --chkbg:var(--bc);
1723
855
  --chkfg:var(--b1);
1724
- -webkit-appearance:none;
1725
- -moz-appearance:none;
1726
- appearance:none;
1727
- --tw-border-opacity:1;
1728
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
1729
- --tw-border-opacity:0.2;
1730
- border-width:1px;
1731
- cursor:pointer;
1732
856
  height:1.5rem;
1733
857
  width:1.5rem;
858
+ cursor:pointer;
859
+ appearance:none;
860
+ border-width:1px;
861
+ border-color:hsl(var(--bc) / var(--tw-border-opacity));
862
+ --tw-border-opacity:0.2;
1734
863
  border-radius:var(--rounded-btn, .5rem);
1735
864
  }
1736
865
  .checkbox:focus-visible{
1737
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
1738
- }
1739
- .checkbox:checked,.checkbox[checked=true]{
1740
- --tw-bg-opacity:1;
1741
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1742
- background-repeat:no-repeat;
866
+ outline:2px solid hsl(var(--bc));
867
+ outline-offset:2px;
1743
868
  }
869
+ .checkbox:checked,.checkbox[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
870
+ .checkbox:checked,.checkbox[checked=true]{background-repeat:no-repeat;}
1744
871
  .checkbox:checked,.checkbox[checked=true]{
1745
- -webkit-animation:checkmark var(--animation-input, .2s) ease-in-out;
1746
- animation:checkmark var(--animation-input, .2s) ease-in-out;
1747
- background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
872
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
873
+ background-image:linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
1748
874
  }
875
+ .checkbox:indeterminate{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
876
+ .checkbox:indeterminate{background-repeat:no-repeat;}
1749
877
  .checkbox:indeterminate{
1750
- --tw-bg-opacity:1;
1751
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1752
- background-repeat:no-repeat;
1753
- -webkit-animation:checkmark var(--animation-input, .2s) ease-in-out;
1754
- animation:checkmark var(--animation-input, .2s) ease-in-out;
878
+ animation:checkmark var(--animation-input, .2s) ease-in-out;
1755
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);
1756
880
  }
1757
881
  .checkbox-primary{
1758
882
  --chkbg:var(--p);
1759
- --chkfg:var(--pc);
1760
- --tw-border-opacity:1;
1761
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1))
1762
- }
1763
- .checkbox-primary:hover{
1764
- --tw-border-opacity:1;
1765
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
883
+ --chkfg:var(--pc)
1766
884
  }
885
+ .checkbox-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
886
+ .checkbox-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1767
887
  .checkbox-primary:focus-visible{
1768
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1769
- }
1770
- .checkbox-primary:checked,.checkbox-primary[checked=true]{
1771
- --tw-bg-opacity:1;
1772
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
1773
- --tw-border-opacity:1;
1774
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1775
- --tw-text-opacity:1;
1776
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
888
+ outline:2px solid hsl(var(--p));
1777
889
  }
890
+ .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
891
+ .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
892
+ .checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1778
893
  .checkbox-secondary{
1779
894
  --chkbg:var(--s);
1780
- --chkfg:var(--sc);
1781
- --tw-border-opacity:1;
1782
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1))
1783
- }
1784
- .checkbox-secondary:hover{
1785
- --tw-border-opacity:1;
1786
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
895
+ --chkfg:var(--sc)
1787
896
  }
897
+ .checkbox-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
898
+ .checkbox-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1788
899
  .checkbox-secondary:focus-visible{
1789
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1790
- }
1791
- .checkbox-secondary:checked,.checkbox-secondary[checked=true]{
1792
- --tw-bg-opacity:1;
1793
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
1794
- --tw-border-opacity:1;
1795
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
1796
- --tw-text-opacity:1;
1797
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
900
+ outline:2px solid hsl(var(--s));
1798
901
  }
902
+ .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
903
+ .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
904
+ .checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
1799
905
  .checkbox-accent{
1800
906
  --chkbg:var(--a);
1801
- --chkfg:var(--ac);
1802
- --tw-border-opacity:1;
1803
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1))
1804
- }
1805
- .checkbox-accent:hover{
1806
- --tw-border-opacity:1;
1807
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
907
+ --chkfg:var(--ac)
1808
908
  }
909
+ .checkbox-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
910
+ .checkbox-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1809
911
  .checkbox-accent:focus-visible{
1810
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
912
+ outline:2px solid hsl(var(--a));
1811
913
  }
1812
- .checkbox-accent:checked,.checkbox-accent[checked=true]{
1813
- --tw-bg-opacity:1;
1814
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
1815
- --tw-border-opacity:1;
1816
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
1817
- --tw-text-opacity:1;
1818
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
1819
- }
1820
- .checkbox:disabled{
1821
- --tw-bg-opacity:1;
1822
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1823
- border-color:transparent;
1824
- cursor:not-allowed;
1825
- opacity:.2;
1826
- }
1827
-
1828
- @-webkit-keyframes checkmark{
1829
- 0%{
1830
- background-position-y:5px;
1831
- }
1832
-
1833
- 50%{
1834
- background-position-y:-2px;
1835
- }
1836
-
1837
- to{
1838
- background-position-y:0;
1839
- }
1840
- }
914
+ .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
915
+ .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
916
+ .checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
917
+ .checkbox:disabled{cursor:not-allowed;}
918
+ .checkbox:disabled{border-color:transparent;}
919
+ .checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
920
+ .checkbox:disabled{opacity:.2;}
1841
921
 
1842
922
  @keyframes checkmark{
1843
923
  0%{
1844
924
  background-position-y:5px;
1845
925
  }
1846
-
1847
926
  50%{
1848
927
  background-position-y:-2px;
1849
928
  }
1850
-
1851
929
  to{
1852
930
  background-position-y:0;
1853
931
  }
1854
932
  }
1855
933
 
1856
- .checkbox-mark{
1857
- display:none;
1858
- }.collapse{
1859
- outline:2px solid transparent;
1860
- outline-offset:2px;
1861
- }
1862
-
1863
- .collapse-arrow .collapse-title:after{
1864
- display:block;
1865
- height:.5rem;
1866
- position:absolute;
1867
- width:.5rem;
1868
- transition-property:all;
1869
- transition-duration:.15s;
1870
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1871
- transition-duration:.3s;
934
+ .checkbox-mark{display:none;}
935
+ .collapse{outline:2px solid transparent;outline-offset:2px;}
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);
1872
937
  top:1.4rem;
1873
938
  right:1.4rem;
1874
939
  content:"";
1875
940
  transform-origin:75% 75%;
1876
941
  transform:rotate(45deg);
1877
942
  box-shadow:2px 2px;
1878
- pointer-events:none;
1879
- }
1880
-
1881
- .collapse-plus .collapse-title:after{
1882
- display:block;
1883
- height:.5rem;
1884
- position:absolute;
1885
- width:.5rem;
1886
- transition-property:all;
1887
- transition-duration:.15s;
1888
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1889
- transition-duration:.3s;
943
+ pointer-events:none;}
944
+ .collapse-plus .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);
1890
945
  top:.9rem;
1891
946
  right:1.4rem;
1892
947
  content:"+";
1893
- pointer-events:none;
1894
- }
1895
-
1896
- .collapse:not(.collapse-open):not(.collapse-close) .collapse-title,.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox]{
1897
- cursor:pointer;
1898
- }
1899
-
948
+ pointer-events:none;}
949
+ .collapse:not(.collapse-open):not(.collapse-close) .collapse-title,.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox]{cursor:pointer;}
1900
950
  .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title{
1901
951
  cursor:unset;
1902
952
  }
1903
-
1904
- .collapse-title,.collapse>input[type=checkbox]{
1905
- padding:1rem 3rem 1rem 1rem;
1906
- width:100%;
1907
- }
1908
-
1909
- .collapse-title,.collapse>input[type=checkbox]{
953
+ .collapse-title,.collapse>input[type=checkbox]{width:100%;padding:1rem 3rem 1rem 1rem;
1910
954
  min-height:3.75rem;
1911
- transition:background-color .2s ease-in-out;
1912
- }
1913
-
1914
- .collapse:not(.collapse-close) input[type=checkbox]:focus~.collapse-title{
1915
- --tw-bg-opacity:1;
1916
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1917
- --tw-bg-opacity:0.1;
1918
- }
1919
-
1920
- .collapse-open .collapse-title,.collapse:focus:not(.collapse-close) .collapse-title,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-title{
1921
- --tw-bg-opacity:1;
1922
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1923
- --tw-bg-opacity:0.1;
1924
- outline:2px solid transparent;
1925
- outline-offset:2px;
1926
- }
1927
-
1928
- .collapse-content{
1929
- padding-left:1rem;
1930
- padding-right:1rem;
955
+ transition:background-color .2s ease-in-out;}
956
+ .collapse:not(.collapse-close) input[type=checkbox]:focus~.collapse-title{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1;}
957
+ .collapse-open .collapse-title,.collapse:focus:not(.collapse-close) .collapse-title,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-title{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1;outline:2px solid transparent;outline-offset:2px;}
958
+ .collapse-content{padding-left:1rem;padding-right:1rem;
1931
959
  cursor:unset;
1932
- transition:padding .2s ease-in-out,background-color .2s ease-in-out;
1933
- }
1934
-
1935
- .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
1936
- --tw-bg-opacity:1;
1937
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1938
- --tw-bg-opacity:0.1;
1939
- opacity:1;
1940
- padding-bottom:1rem;
1941
- }
1942
-
1943
- .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
1944
- transition:padding .2s ease-in-out,background-color .2s ease-in-out;
1945
- }
1946
-
960
+ transition:padding .2s ease-in-out,background-color .2s ease-in-out;}
961
+ .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1;padding-bottom:1rem;opacity:1;
962
+ transition:padding .2s ease-in-out,background-color .2s ease-in-out;}
1947
963
  .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,.collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,.collapse-open.collapse-arrow .collapse-title:after{
1948
964
  transform:rotate(225deg);
1949
965
  }
1950
-
1951
966
  .collapse-open.collapse-plus .collapse-title:after,.collapse-plus:focus:not(.collapse-close) .collapse-title:after,.collapse-plus:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after{
1952
967
  content:"−";
1953
968
  }
@@ -1955,333 +970,152 @@
1955
970
  text-align:center;
1956
971
  transition:all 1s cubic-bezier(1, 0, 0, 1);
1957
972
  }
1958
-
1959
- .divider{
1960
- height:1rem;
1961
- margin-top:1rem;
1962
- margin-bottom:1rem;
1963
- }
1964
- .divider:after,.divider:before{
1965
- --tw-bg-opacity:1;
1966
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
1967
- height:.125rem;
1968
- --tw-bg-opacity:var(--tw-border-opacity, 0.1);
1969
- }
1970
- .divider:not(:empty):before{
1971
- margin-right:1rem;
1972
- }
1973
- .divider:not(:empty):after{
1974
- margin-left:1rem;
1975
- }.drawer.drawer-end .drawer-toggle:checked~.drawer-content{
1976
- --tw-translate-x:-0.5rem;
1977
- }
1978
-
1979
- .drawer-toggle~.drawer-content{
1980
- transition-property:all;
1981
- transition-duration:.15s;
1982
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1983
- transition-duration:.3s;
1984
- }
1985
-
1986
- .drawer-toggle~.drawer-side>.drawer-overlay{
1987
- --tw-bg-opacity:1;
1988
- background-color:hsla(var(--nf) / var(--tw-bg-opacity, 1));
1989
- cursor:pointer;
1990
- transition-property:all;
1991
- transition-duration:.15s;
1992
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1993
- transition-duration:.3s;
1994
- }
1995
-
1996
- .drawer-toggle~.drawer-side>.drawer-overlay+*{
1997
- transition-property:all;
1998
- transition-duration:.15s;
1999
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2000
- transition-duration:.3s;
2001
- }
2002
-
2003
- .drawer-toggle:checked~.drawer-content{
2004
- --tw-translate-x:0.5rem;
2005
- }
2006
-
973
+ .divider{margin-top:1rem;margin-bottom:1rem;height:1rem;}
974
+ .divider:before{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
975
+ .divider:before{--tw-bg-opacity:0.1;}
976
+ .divider:after{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
977
+ .divider:after{--tw-bg-opacity:0.1;}
978
+ .divider:not(:empty){gap:1rem;}
979
+ .drawer.drawer-end .drawer-toggle:checked~.drawer-content{--tw-translate-x:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
980
+ .drawer-toggle~.drawer-content{transition-property:all;transition-duration:.15s;}
981
+ .drawer-toggle~.drawer-content{transition-duration:.3s;}
982
+ .drawer-toggle~.drawer-content{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
983
+ .drawer-toggle~.drawer-side>.drawer-overlay{cursor:pointer;}
984
+ .drawer-toggle~.drawer-side>.drawer-overlay{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));}
985
+ .drawer-toggle~.drawer-side>.drawer-overlay{transition-property:all;transition-duration:.15s;}
986
+ .drawer-toggle~.drawer-side>.drawer-overlay{transition-duration:.3s;}
987
+ .drawer-toggle~.drawer-side>.drawer-overlay{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
988
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{transition-property:all;transition-duration:.15s;}
989
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{transition-duration:.3s;}
990
+ .drawer-toggle~.drawer-side>.drawer-overlay+*{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
991
+ .drawer-toggle:checked~.drawer-content{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
2007
992
  .drawer-toggle:checked~.drawer-side>.drawer-overlay{
2008
993
  opacity:.999999;
2009
- --tw-bg-opacity:0.4;
2010
994
  }
2011
-
995
+ .drawer-toggle:checked~.drawer-side>.drawer-overlay{--tw-bg-opacity:0.4;}
2012
996
  .drawer-toggle:focus-visible~.drawer-content .drawer-button{
2013
- 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;
2014
999
  }
2015
-
2016
1000
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{
2017
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1001
+ outline:2px solid hsl(var(--p));
2018
1002
  }
2019
-
2020
1003
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{
2021
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1004
+ outline:2px solid hsl(var(--s));
2022
1005
  }
2023
-
2024
1006
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{
2025
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1007
+ outline:2px solid hsl(var(--a));
2026
1008
  }
2027
-
2028
1009
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{
2029
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1010
+ outline:2px solid hsl(var(--in));
2030
1011
  }
2031
-
2032
1012
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{
2033
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1013
+ outline:2px solid hsl(var(--su));
2034
1014
  }
2035
-
2036
1015
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{
2037
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1016
+ outline:2px solid hsl(var(--wa));
2038
1017
  }
2039
-
2040
1018
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{
2041
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
1019
+ outline:2px solid hsl(var(--er));
2042
1020
  }
2043
-
2044
1021
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{
2045
- box-shadow:0 0 0 2px currentColor;
1022
+ outline:2px solid currentColor;
2046
1023
  }
2047
-
2048
1024
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{
2049
- box-shadow:0 0 0 2px currentColor;
1025
+ outline:2px solid currentColor;
2050
1026
  }
2051
-
2052
1027
  .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{
2053
- box-shadow:0 0 0 2px currentColor;
1028
+ outline:2px solid currentColor;
2054
1029
  }
2055
-
2056
1030
  @media (min-width:1024px){
2057
- .drawer-mobile>.drawer-toggle:checked~.drawer-content{
2058
- --tw-translate-x:0px;
2059
- }
2060
- }.dropdown .dropdown-content{
2061
- --tw-translate-x:0;
2062
- --tw-translate-y:0;
2063
- --tw-rotate:0;
2064
- --tw-skew-x:0;
2065
- --tw-skew-y:0;
2066
- --tw-scale-x:1;
2067
- --tw-scale-y:1;
2068
- transform:translateX(var(--tw-translate-x)) translateY(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));
2069
- transform-origin:top;
2070
- --tw-scale-x:.95;
2071
- --tw-scale-y:.95;
2072
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2073
- transition-duration:.15s;
2074
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2075
- transition-duration:.2s;
2076
- }
2077
-
2078
- .dropdown-top .dropdown-content{
2079
- transform-origin:bottom;
2080
- }
2081
-
2082
- .dropdown-left .dropdown-content{
2083
- transform-origin:right;
2084
- }
2085
-
2086
- .dropdown-right .dropdown-content{
2087
- transform-origin:left;
2088
- }
2089
-
2090
- .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:focus .dropdown-content{
2091
- --tw-scale-x:1;
2092
- --tw-scale-y:1;
2093
- }.footer{
2094
- font-size:.875rem;
2095
- line-height:1.25rem;
2096
- -moz-column-gap:1rem;
2097
- column-gap:1rem;
2098
- row-gap:2.5rem;
2099
- }
2100
- .footer>*{
2101
- gap:.5rem;
2102
- }
2103
- .footer-title{
2104
- font-weight:700;
2105
- margin-bottom:.5rem;
2106
- opacity:.5;
2107
- text-transform:uppercase;
2108
- }.label{
2109
- padding:.5rem .25rem;
2110
- }
2111
- .label-text{
2112
- font-size:.875rem;
2113
- line-height:1.25rem;
2114
- --tw-text-opacity:1;
2115
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2116
- }
2117
- .label-text-alt{
2118
- font-size:.75rem;
2119
- line-height:1rem;
2120
- --tw-text-opacity:1;
2121
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2122
- }
2123
- .label a:hover{
2124
- --tw-text-opacity:1;
2125
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2126
- }
2127
- .hero-overlay{
2128
- --tw-bg-opacity:1;
2129
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
2130
- --tw-bg-opacity:0.5;
2131
- }
2132
- .hero-content{
2133
- max-width:80rem;
2134
- padding:1rem;
2135
- gap:1rem;
2136
- }.input{
2137
- --tw-bg-opacity:1;
2138
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
2139
- --tw-border-opacity:1;
2140
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
2141
- --tw-border-opacity:0;
2142
- border-width:1px;
2143
- border-radius:var(--rounded-btn, .5rem);
2144
- }
2145
- .input-bordered{
2146
- --tw-border-opacity:0.2;
2147
- }
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));}
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)}
1034
+ .dropdown-top .dropdown-content{transform-origin:bottom}
1035
+ .dropdown-left .dropdown-content{transform-origin:right}
1036
+ .dropdown-right .dropdown-content{transform-origin:left}
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;}
1039
+ .footer>*{gap:.5rem;}
1040
+ .footer-title{margin-bottom:.5rem;}
1041
+ .footer-title{font-weight:700;}
1042
+ .footer-title{text-transform:uppercase;}
1043
+ .footer-title{opacity:.5;}
1044
+ .label{padding:.5rem .25rem;}
1045
+ .label-text{font-size:.875rem;line-height:1.25rem;}
1046
+ .label-text{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1047
+ .label-text-alt{font-size:.75rem;line-height:1rem;}
1048
+ .label-text-alt{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1049
+ .label a:hover{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1050
+ .hero-overlay{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity))}
1051
+ .hero-overlay{--tw-bg-opacity:0.5}
1052
+ .hero-content{max-width:80rem}
1053
+ .hero-content{gap:1rem}
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);}
1056
+ .input-bordered{--tw-border-opacity:0.2;}
2148
1057
  .input:focus{
2149
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
2150
- }
2151
- .input-ghost{
2152
- --tw-bg-opacity:0.05;
1058
+ outline:2px solid hsla(var(--bc) / .2);
1059
+ outline-offset:2px;
2153
1060
  }
1061
+ .input-ghost{--tw-bg-opacity:0.05;}
1062
+ .input-ghost:focus{--tw-bg-opacity:1;}
1063
+ .input-ghost:focus{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
2154
1064
  .input-ghost:focus{
2155
- --tw-bg-opacity:1;
2156
- --tw-text-opacity:1;
2157
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2158
1065
  box-shadow:none;
2159
1066
  }
2160
- .input-primary{
2161
- --tw-border-opacity:1;
2162
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
2163
- }
1067
+ .input-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
2164
1068
  .input-primary:focus{
2165
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1069
+ outline:2px solid hsl(var(--p));
2166
1070
  }
2167
- .input-secondary{
2168
- --tw-border-opacity:1;
2169
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
2170
- }
1071
+ .input-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
2171
1072
  .input-secondary:focus{
2172
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1073
+ outline:2px solid hsl(var(--s));
2173
1074
  }
2174
- .input-accent{
2175
- --tw-border-opacity:1;
2176
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
2177
- }
1075
+ .input-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
2178
1076
  .input-accent:focus{
2179
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1077
+ outline:2px solid hsl(var(--a));
2180
1078
  }
2181
- .input-info{
2182
- --tw-border-opacity:1;
2183
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
2184
- }
1079
+ .input-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
2185
1080
  .input-info:focus{
2186
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1081
+ outline:2px solid hsl(var(--in));
2187
1082
  }
2188
- .input-success{
2189
- --tw-border-opacity:1;
2190
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
2191
- }
1083
+ .input-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
2192
1084
  .input-success:focus{
2193
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1085
+ outline:2px solid hsl(var(--su));
2194
1086
  }
2195
- .input-warning{
2196
- --tw-border-opacity:1;
2197
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
2198
- }
1087
+ .input-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
2199
1088
  .input-warning:focus{
2200
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1089
+ outline:2px solid hsl(var(--wa));
2201
1090
  }
2202
- .input-error{
2203
- --tw-border-opacity:1;
2204
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
2205
- }
1091
+ .input-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
2206
1092
  .input-error:focus{
2207
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
2208
- }
2209
- .input-disabled,.input[disabled]{
2210
- --tw-bg-opacity:1;
2211
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
2212
- --tw-border-opacity:1;
2213
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
2214
- cursor:not-allowed;
2215
- }
2216
- .input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{
2217
- --tw-placeholder-opacity:1;
2218
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
2219
- --tw-placeholder-opacity:0.2;
2220
- }
2221
- .input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder{
2222
- --tw-placeholder-opacity:1;
2223
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
2224
- --tw-placeholder-opacity:0.2;
2225
- }
2226
- .input-disabled::placeholder,.input[disabled]::placeholder{
2227
- --tw-placeholder-opacity:1;
2228
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
2229
- --tw-placeholder-opacity:0.2;
2230
- }
2231
- .input-disabled,.input[disabled]{
2232
- --tw-text-opacity:0.2;
2233
- }.kbd{
2234
- --tw-bg-opacity:1;
2235
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
2236
- --tw-border-opacity:1;
2237
- border-color:hsla(var(--nf) / var(--tw-border-opacity, 1));
2238
- --tw-border-opacity:0.2;
2239
- border-width:1px;
2240
- padding-left:.5rem;
2241
- padding-right:.5rem;
2242
- border-radius:var(--rounded-btn, .5rem);
1093
+ outline:2px solid hsl(var(--er));
1094
+ }
1095
+ .input-disabled,.input[disabled]{cursor:not-allowed;}
1096
+ .input-disabled,.input[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1097
+ .input-disabled,.input[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1098
+ .input-disabled,.input[disabled]{--tw-text-opacity:0.2;}
1099
+ .input-disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
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);
2243
1102
  border-bottom-width:2px;
2244
1103
  min-height:2.2em;
2245
- min-width:2.2em;
2246
- }.link-primary{
2247
- --tw-text-opacity:1;
2248
- color:hsla(var(--p) / var(--tw-text-opacity, 1));
2249
- }
2250
- .link-primary:hover{
2251
- --tw-text-opacity:1;
2252
- color:hsla(var(--pf) / var(--tw-text-opacity, 1));
2253
- }
2254
- .link-secondary{
2255
- --tw-text-opacity:1;
2256
- color:hsla(var(--s) / var(--tw-text-opacity, 1));
2257
- }
2258
- .link-secondary:hover{
2259
- --tw-text-opacity:1;
2260
- color:hsla(var(--sf) / var(--tw-text-opacity, 1));
2261
- }
2262
- .link-accent{
2263
- --tw-text-opacity:1;
2264
- color:hsla(var(--a) / var(--tw-text-opacity, 1));
2265
- }
2266
- .link-accent:hover{
2267
- --tw-text-opacity:1;
2268
- color:hsla(var(--af) / var(--tw-text-opacity, 1));
2269
- }
2270
- .link-neutral{
2271
- --tw-text-opacity:1;
2272
- color:hsla(var(--n) / var(--tw-text-opacity, 1));
2273
- }
2274
- .link-neutral:hover{
2275
- --tw-text-opacity:1;
2276
- color:hsla(var(--nf) / var(--tw-text-opacity, 1));
2277
- }
2278
- .link:focus{
2279
- outline:2px solid transparent;
1104
+ min-width:2.2em}
1105
+ .link-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity));}
1106
+ .link-primary:hover{--tw-text-opacity:1;color:hsl(var(--pf, var(--p)) / var(--tw-text-opacity));}
1107
+ .link-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity));}
1108
+ .link-secondary:hover{--tw-text-opacity:1;color:hsl(var(--sf, var(--s)) / var(--tw-text-opacity));}
1109
+ .link-accent{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity));}
1110
+ .link-accent:hover{--tw-text-opacity:1;color:hsl(var(--af, var(--a)) / var(--tw-text-opacity));}
1111
+ .link-neutral{--tw-text-opacity:1;color:hsl(var(--n) / var(--tw-text-opacity));}
1112
+ .link-neutral:hover{--tw-text-opacity:1;color:hsl(var(--nf, var(--n)) / var(--tw-text-opacity));}
1113
+ .link:focus{outline:2px solid transparent;outline-offset:2px;}
1114
+ .link:focus-visible{
1115
+ outline:2px solid currentColor;
2280
1116
  outline-offset:2px;
2281
1117
  }
2282
- .link:focus-visible{
2283
- box-shadow:0 0 0 2px currentColor;
2284
- }.mask-squircle{
1118
+ .mask-squircle{
2285
1119
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
2286
1120
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==);
2287
1121
  }
@@ -2352,122 +1186,154 @@
2352
1186
  .mask-triangle-3{
2353
1187
  -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTQ5LjM2OSA4Ny4xMDdsLjE4NSA4Ni42MDMtNzQuMjM5LTQzLjQ2M0wuODkzIDg3LjEwN2w3NC40MjItNDMuMTRMMTQ5LjU1NC41MDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
2354
1188
  mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTQ5LjM2OSA4Ny4xMDdsLjE4NSA4Ni42MDMtNzQuMjM5LTQzLjQ2M0wuODkzIDg3LjEwN2w3NC40MjItNDMuMTRMMTQ5LjU1NC41MDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
2355
- }
2356
- .mask-triangle-4{
2357
- -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
2358
- mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
2359
- }.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{
2360
- --tw-border-opacity:1;
2361
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
2362
- border-left-width:0;
2363
- border-bottom-width:4px;
2364
- }
2365
- .menu[class*=p-] li a{
2366
- border-radius:var(--rounded-btn, .5rem);
2367
- }
2368
- .menu :where(li.bordered>a),.menu :where(li.bordered>button),.menu :where(li.bordered>span){
2369
- --tw-border-opacity:1;
2370
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
2371
- border-left-width:4px;
2372
- }
2373
- .menu li>:where(a),.menu li>:where(button),.menu li>:where(span){
2374
- padding:.75rem 1.25rem;
2375
- color:currentColor;
2376
- }
2377
- .menu li>:where(a:focus),.menu li>:where(a:hover),.menu li>:where(button:focus),.menu li>:where(button:hover){
2378
- --tw-bg-opacity:1;
2379
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
2380
- --tw-bg-opacity:0.1;
2381
- }
2382
- .menu li>:where(a.active),.menu li>:where(button.active){
2383
- --tw-bg-opacity:1;
2384
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
2385
- --tw-text-opacity:1;
2386
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
2387
- }
2388
- .menu li>:where(a:active),.menu li>:where(button:active){
2389
- --tw-bg-opacity:1;
2390
- background-color:hsla(var(--pf) / var(--tw-bg-opacity, 1));
2391
- --tw-text-opacity:1;
2392
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
2393
- }
2394
- .menu li.disabled>a:hover,.menu li.disabled>button:hover,.menu li.disabled>span:hover{
2395
- background-color:transparent;
2396
- }
2397
- .menu li.disabled>a,.menu li.disabled>button,.menu li.disabled>span{
2398
- --tw-text-opacity:1;
2399
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2400
- --tw-text-opacity:0.2;
2401
- }
2402
- .menu li.hover-bordered a{
2403
- border-color:transparent;
2404
- }
2405
- .menu li.hover-bordered a:hover{
2406
- --tw-border-opacity:1;
2407
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
2408
- }
2409
- .menu li.hover-bordered a{
2410
- border-left-width:4px;
2411
- }
2412
- .menu ul{
2413
- padding-left:1.5rem;
2414
- }
2415
- .menu.compact li>a,.menu.compact li>span{
2416
- font-size:.875rem;
2417
- line-height:1.25rem;
2418
- padding-top:.5rem;
2419
- padding-bottom:.5rem;
2420
- }
2421
- .menu .menu-title>a,.menu .menu-title>span{
2422
- font-weight:700;
2423
- font-size:.75rem;
2424
- line-height:1rem;
2425
- padding-top:.25rem;
2426
- padding-bottom:.25rem;
2427
- --tw-text-opacity:1;
2428
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2429
- --tw-text-opacity:0.4;
2430
- }
2431
- .mockup-code{
2432
- --tw-bg-opacity:1;
2433
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
2434
- padding-top:1.25rem;
2435
- padding-bottom:1.25rem;
2436
- --tw-text-opacity:1;
2437
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
2438
- border-radius:var(--rounded-box, 1rem);
2439
- }
2440
- .mockup-code:before{
1189
+ }
1190
+ .mask-triangle-4{
1191
+ -webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1192
+ mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDdMLjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
1193
+ }
1194
+ .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-left-width:0;}
1195
+ .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-bottom-width:4px;}
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));}
1197
+ .menu[class*=p-] li *,.menu[class*=p-] li button{border-radius:var(--rounded-btn, .5rem);}
1198
+ .menu :where(li.bordered>*){border-left-width:4px;}
1199
+ .menu :where(li.bordered>*){--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1200
+ .menu :where(li)>:where(:not(ul)){gap:.75rem;}
1201
+ .menu :where(li)>:where(:not(ul)){padding-left:1rem;padding-right:1rem;}
1202
+ .menu :where(li)>:where(:not(ul)){padding-top:.75rem;padding-bottom:.75rem;}
1203
+ .menu :where(li)>:where(:not(ul)){color:currentColor;}
1204
+ .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover){--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1205
+ .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover){--tw-bg-opacity:0.1;}
1206
+ .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active){--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1207
+ .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active){--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1208
+ .menu :where(li:empty){margin-left:1rem;margin-right:1rem;}
1209
+ .menu :where(li:empty){margin-top:.5rem;margin-bottom:.5rem;}
1210
+ .menu :where(li:empty){height:1px;}
1211
+ .menu :where(li:empty){--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1212
+ .menu :where(li:empty){--tw-bg-opacity:0.1;}
1213
+ .menu li.disabled>*{user-select:none;}
1214
+ .menu li.disabled>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1215
+ .menu li.disabled>*{--tw-text-opacity:0.2;}
1216
+ .menu li.disabled>:hover{background-color:initial;}
1217
+ .menu li.hover-bordered a{border-left-width:4px;}
1218
+ .menu li.hover-bordered a{border-color:transparent;}
1219
+ .menu li.hover-bordered a:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1220
+ .menu.compact li>a,.menu.compact li>span{padding-top:.5rem;padding-bottom:.5rem;}
1221
+ .menu.compact li>a,.menu.compact li>span{font-size:.875rem;line-height:1.25rem;}
1222
+ .menu .menu-title>*{padding-top:.25rem;padding-bottom:.25rem;}
1223
+ .menu .menu-title>*{font-size:.75rem;line-height:1rem;}
1224
+ .menu .menu-title>*{font-weight:700;}
1225
+ .menu .menu-title>*{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1226
+ .menu .menu-title>*{--tw-text-opacity:0.4;}
1227
+
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);}
1229
+
1230
+ .menu>:where(li:first-child){
1231
+ border-top-left-radius:inherit;
1232
+ border-top-right-radius:inherit;
1233
+ border-bottom-right-radius:unset;
1234
+ border-bottom-left-radius:unset;
1235
+ }
1236
+
1237
+ .menu>:where(li:first-child)>:where(:not(ul)){
1238
+ border-top-left-radius:inherit;
1239
+ border-top-right-radius:inherit;
1240
+ border-bottom-right-radius:unset;
1241
+ border-bottom-left-radius:unset;
1242
+ }
1243
+
1244
+ .menu>:where(li:last-child){
1245
+ border-top-left-radius:unset;
1246
+ border-top-right-radius:unset;
1247
+ border-bottom-right-radius:inherit;
1248
+ border-bottom-left-radius:inherit;
1249
+ }
1250
+
1251
+ .menu>:where(li:last-child)>:where(:not(ul)){
1252
+ border-top-left-radius:unset;
1253
+ border-top-right-radius:unset;
1254
+ border-bottom-right-radius:inherit;
1255
+ border-bottom-left-radius:inherit;
1256
+ }
1257
+
1258
+ .menu>:where(li)>:where(ul){
1259
+ border-top-left-radius:inherit;
1260
+ border-top-right-radius:inherit;
1261
+ border-bottom-right-radius:inherit;
1262
+ border-bottom-left-radius:inherit;
1263
+ }
1264
+
1265
+ .menu>:where(li)>:where(ul) :where(li){width:100%;white-space:nowrap;}
1266
+
1267
+ .menu>:where(li)>:where(ul) :where(li) :where(ul){padding-left:1rem;}
1268
+
1269
+ .menu>:where(li)>:where(ul) :where(li) :where(:not(ul)){width:100%;white-space:nowrap;}
1270
+
1271
+ .menu>:where(li)>:where(ul)>:where(li:first-child){
1272
+ border-top-left-radius:inherit;
1273
+ border-top-right-radius:inherit;
1274
+ border-bottom-right-radius:unset;
1275
+ border-bottom-left-radius:unset;
1276
+ }
1277
+
1278
+ .menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)){
1279
+ border-top-left-radius:inherit;
1280
+ border-top-right-radius:inherit;
1281
+ border-bottom-right-radius:unset;
1282
+ border-bottom-left-radius:unset;
1283
+ }
1284
+
1285
+ .menu>:where(li)>:where(ul)>:where(li:last-child){
1286
+ border-top-left-radius:unset;
1287
+ border-top-right-radius:unset;
1288
+ border-bottom-right-radius:inherit;
1289
+ border-bottom-left-radius:inherit;
1290
+ }
1291
+
1292
+ .menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)){
1293
+ border-top-left-radius:unset;
1294
+ border-top-right-radius:unset;
1295
+ border-bottom-right-radius:inherit;
1296
+ border-bottom-left-radius:inherit;
1297
+ }
1298
+ .mockup-code{min-width:20rem;}
1299
+ .mockup-code{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
1300
+ .mockup-code{padding-top:1.25rem;padding-bottom:1.25rem;}
1301
+ .mockup-code{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));}
1302
+ .mockup-code{border-radius:var(--rounded-box, 1rem);}
1303
+ .mockup-code:before{
2441
1304
  content:"";
2442
- border-radius:9999px;
2443
- display:block;
2444
- height:.75rem;
2445
- margin-bottom:1rem;
2446
- opacity:.3;
2447
- width:.75rem;
1305
+ }
1306
+ .mockup-code:before{margin-bottom:1rem;}
1307
+ .mockup-code:before{display:block;}
1308
+ .mockup-code:before{height:.75rem;}
1309
+ .mockup-code:before{width:.75rem;}
1310
+ .mockup-code:before{border-radius:9999px;}
1311
+ .mockup-code:before{opacity:.3;}
1312
+ .mockup-code:before{
2448
1313
  box-shadow:1.4em 0,2.8em 0,4.2em 0;
2449
1314
  }
2450
- .mockup-code pre:before{
1315
+ .mockup-code pre{padding-right:1.25rem;}
1316
+ .mockup-code pre:before{
2451
1317
  content:"";
2452
1318
  margin-right:2ch;
2453
1319
  }
2454
- .mockup-code pre[data-prefix]:before{
1320
+ .mockup-code pre[data-prefix]:before{
2455
1321
  content:attr(data-prefix);
2456
- opacity:.5;
2457
- width:2rem;
2458
1322
  }
2459
- .mockup-window{
2460
- padding-top:1.25rem;
2461
- border-radius:var(--rounded-box, 1rem);
2462
- }
1323
+ .mockup-code pre[data-prefix]:before{width:2rem;}
1324
+ .mockup-code pre[data-prefix]:before{opacity:.5;}
1325
+ .mockup-window{padding-top:1.25rem;}
1326
+ .mockup-window{border-radius:var(--rounded-box, 1rem);}
2463
1327
  .mockup-window:before{
2464
1328
  content:"";
2465
- border-radius:9999px;
2466
- display:block;
2467
- height:.75rem;
2468
- margin-bottom:1rem;
2469
- opacity:.3;
2470
- width:.75rem;
1329
+ }
1330
+ .mockup-window:before{margin-bottom:1rem;}
1331
+ .mockup-window:before{display:block;}
1332
+ .mockup-window:before{height:.75rem;}
1333
+ .mockup-window:before{width:.75rem;}
1334
+ .mockup-window:before{border-radius:9999px;}
1335
+ .mockup-window:before{opacity:.3;}
1336
+ .mockup-window:before{
2471
1337
  box-shadow:1.4em 0,2.8em 0,4.2em 0;
2472
1338
  }
2473
1339
  .mockup-phone{
@@ -2516,325 +1382,185 @@
2516
1382
  overflow:hidden;
2517
1383
  border-radius:40px;
2518
1384
  margin-top:-25px;
2519
- }.modal{
2520
- --tw-bg-opacity:1;
2521
- background-color:hsla(var(--nf) / var(--tw-bg-opacity, 1));
2522
- --tw-bg-opacity:0.4;
2523
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2524
- transition-duration:.15s;
2525
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2526
- transition-duration:.2s;
1385
+ }
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);
1387
+ transition-property:transform, opacity;
2527
1388
  overflow-y:hidden;
2528
- -ms-scroll-chaining:none;
2529
- overscroll-behavior:contain;
2530
- }
2531
-
2532
- .modal-box{
2533
- --tw-bg-opacity:1;
2534
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
2535
- padding:1.5rem;
2536
- width:100%;
2537
- --tw-translate-x:0;
2538
- --tw-translate-y:0;
2539
- --tw-rotate:0;
2540
- --tw-skew-x:0;
2541
- --tw-skew-y:0;
2542
- --tw-scale-x:1;
2543
- --tw-scale-y:1;
2544
- transform:translateX(var(--tw-translate-x)) translateY(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));
2545
- --tw-translate-y:2.5rem;
2546
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2547
- transition-duration:.15s;
2548
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2549
- transition-duration:.2s;
2550
- border-top-left-radius:var(--rounded-box, 1rem);
2551
- border-top-right-radius:var(--rounded-box, 1rem);
2552
- }
2553
-
2554
- @media (min-width:640px){
2555
- .modal-box{
2556
- max-width:32rem;
2557
- --tw-scale-x:.9;
2558
- --tw-scale-y:.9;
2559
- --tw-translate-y:0px;
2560
- border-bottom-left-radius:var(--rounded-box, 1rem);
2561
- border-bottom-right-radius:var(--rounded-box, 1rem);
2562
- }
2563
- }
2564
-
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);}
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);}}
2565
1392
  .modal-box{
2566
1393
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);
2567
1394
  overflow-y:auto;
2568
- -ms-scroll-chaining:none;
2569
- overscroll-behavior:contain;
2570
- }
2571
-
2572
- .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{
2573
- --tw-scale-x:1;
2574
- --tw-scale-y:1;
2575
- --tw-translate-y:0px;
2576
- }
2577
-
2578
- .modal-action>:not([hidden])~:not([hidden]){
2579
- --tw-space-x-reverse:0;
2580
- margin-right:calc(0.5rem*var(--tw-space-x-reverse));
2581
- margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)));
1395
+ overscroll-behavior:contain;
2582
1396
  }
2583
-
2584
- .modal-action{
2585
- justify-content:flex-end;
2586
- margin-top:1.5rem;
2587
- }.navbar{
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));}
1398
+ .modal-action{margin-top:1.5rem;justify-content:flex-end;}
1399
+ .modal-action>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem*var(--tw-space-x-reverse));margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)));}
1400
+ .navbar{
2588
1401
  padding:var(--navbar-padding, .5rem);
2589
1402
  min-height:4rem;
2590
- }.progress{
2591
- height:.5rem;
2592
- border-radius:var(--rounded-box, 1rem);
1403
+ width:100%;
2593
1404
  }
2594
- .progress::-moz-progress-bar{
2595
- --tw-bg-opacity:1;
2596
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
2597
- }
2598
- .progress-primary::-moz-progress-bar{
2599
- --tw-bg-opacity:1;
2600
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
2601
- }
2602
- .progress-secondary::-moz-progress-bar{
2603
- --tw-bg-opacity:1;
2604
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
2605
- }
2606
- .progress-accent::-moz-progress-bar{
2607
- --tw-bg-opacity:1;
2608
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
2609
- }
2610
- .progress-info::-moz-progress-bar{
2611
- --tw-bg-opacity:1;
2612
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
2613
- }
2614
- .progress-success::-moz-progress-bar{
2615
- --tw-bg-opacity:1;
2616
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
2617
- }
2618
- .progress-warning::-moz-progress-bar{
2619
- --tw-bg-opacity:1;
2620
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
2621
- }
2622
- .progress-error::-moz-progress-bar{
2623
- --tw-bg-opacity:1;
2624
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
2625
- }
2626
- .progress::-webkit-progress-bar{
2627
- --tw-bg-opacity:1;
2628
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
2629
- --tw-bg-opacity:0.2;
2630
- border-radius:var(--rounded-box, 1rem);
2631
- }
2632
- .progress::-webkit-progress-value{
2633
- --tw-bg-opacity:1;
2634
- background-color:hsla(var(--nf) / var(--tw-bg-opacity, 1));
2635
- border-radius:var(--rounded-box, 1rem);
2636
- }
2637
- .progress-primary::-webkit-progress-value{
2638
- --tw-bg-opacity:1;
2639
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
2640
- }
2641
- .progress-secondary::-webkit-progress-value{
2642
- --tw-bg-opacity:1;
2643
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
2644
- }
2645
- .progress-accent::-webkit-progress-value{
2646
- --tw-bg-opacity:1;
2647
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
2648
- }
2649
- .progress-info::-webkit-progress-value{
2650
- --tw-bg-opacity:1;
2651
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
2652
- }
2653
- .progress-success::-webkit-progress-value{
2654
- --tw-bg-opacity:1;
2655
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
2656
- }
2657
- .progress-warning::-webkit-progress-value{
2658
- --tw-bg-opacity:1;
2659
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
2660
- }
2661
- .progress-error::-webkit-progress-value{
2662
- --tw-bg-opacity:1;
2663
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
2664
- }
1405
+ .progress{height:.5rem;border-radius:var(--rounded-box, 1rem);}
1406
+ .progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
1407
+ .progress-primary::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1408
+ .progress-secondary::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1409
+ .progress-accent::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
1410
+ .progress-info::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
1411
+ .progress-success::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1412
+ .progress-warning::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1413
+ .progress-error::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1414
+ .progress::-webkit-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
1415
+ .progress::-webkit-progress-bar{--tw-bg-opacity:0.2;}
1416
+ .progress::-webkit-progress-bar{border-radius:var(--rounded-box, 1rem);}
1417
+ .progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));}
1418
+ .progress::-webkit-progress-value{border-radius:var(--rounded-box, 1rem);}
1419
+ .progress-primary::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1420
+ .progress-secondary::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1421
+ .progress-accent::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
1422
+ .progress-info::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
1423
+ .progress-success::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1424
+ .progress-warning::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
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;}
2665
1432
  .radio{
2666
1433
  --chkbg:var(--bc);
2667
- --focus-shadow:0 0 0;
2668
- -webkit-appearance:none;
2669
- -moz-appearance:none;
2670
- appearance:none;
2671
- --tw-border-opacity:1;
2672
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
2673
- --tw-border-opacity:0.2;
2674
- border-radius:9999px;
2675
- border-width:1px;
2676
- cursor:pointer;
2677
1434
  height:1.5rem;
2678
1435
  width:1.5rem;
2679
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
1436
+ cursor:pointer;
1437
+ appearance:none;
1438
+ border-radius:9999px;
1439
+ border-width:1px;
1440
+ border-color:hsl(var(--bc) / var(--tw-border-opacity));
1441
+ --tw-border-opacity:0.2;
1442
+ transition:background, box-shadow var(--animation-input, .2s) ease-in-out;
2680
1443
  }
2681
1444
  .radio:focus-visible{
2682
- --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;
2683
1447
  }
1448
+ .radio:checked{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
2684
1449
  .radio:checked{
2685
- --tw-bg-opacity:1;
2686
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
2687
- -webkit-animation:radiomark var(--animation-input, .2s) ease-in-out;
2688
- animation:radiomark var(--animation-input, .2s) ease-in-out;
2689
- 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;
2690
1452
  }
2691
1453
  .radio-primary{
2692
- --chkbg:var(--p);
2693
- --tw-border-opacity:1;
2694
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1))
2695
- }
2696
- .radio-primary:hover{
2697
- --tw-border-opacity:1;
2698
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1454
+ --chkbg:var(--p)
2699
1455
  }
1456
+ .radio-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1457
+ .radio-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
2700
1458
  .radio-primary:focus-visible{
2701
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
2702
- }
2703
- .radio-primary:checked{
2704
- --tw-bg-opacity:1;
2705
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
2706
- --tw-border-opacity:1;
2707
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
2708
- --tw-text-opacity:1;
2709
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
1459
+ outline:2px solid hsl(var(--p));
2710
1460
  }
1461
+ .radio-primary:checked{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1462
+ .radio-primary:checked{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1463
+ .radio-primary:checked{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
2711
1464
  .radio-secondary{
2712
- --chkbg:var(--s);
2713
- --tw-border-opacity:1;
2714
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1))
2715
- }
2716
- .radio-secondary:hover{
2717
- --tw-border-opacity:1;
2718
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
1465
+ --chkbg:var(--s)
2719
1466
  }
1467
+ .radio-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1468
+ .radio-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
2720
1469
  .radio-secondary:focus-visible{
2721
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
2722
- }
2723
- .radio-secondary:checked{
2724
- --tw-bg-opacity:1;
2725
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
2726
- --tw-border-opacity:1;
2727
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
2728
- --tw-text-opacity:1;
2729
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
1470
+ outline:2px solid hsl(var(--s));
2730
1471
  }
1472
+ .radio-secondary:checked{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1473
+ .radio-secondary:checked{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1474
+ .radio-secondary:checked{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
2731
1475
  .radio-accent{
2732
- --chkbg:var(--a);
2733
- --tw-border-opacity:1;
2734
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1))
2735
- }
2736
- .radio-accent:hover{
2737
- --tw-border-opacity:1;
2738
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
1476
+ --chkbg:var(--a)
2739
1477
  }
1478
+ .radio-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1479
+ .radio-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
2740
1480
  .radio-accent:focus-visible{
2741
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1481
+ outline:2px solid hsl(var(--a));
2742
1482
  }
2743
- .radio-accent:checked{
2744
- --tw-bg-opacity:1;
2745
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
2746
- --tw-border-opacity:1;
2747
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
2748
- --tw-text-opacity:1;
2749
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
2750
- }
2751
- .radio:disabled{
2752
- cursor:not-allowed;
2753
- opacity:.2;
2754
- }
2755
-
2756
- @-webkit-keyframes radiomark{
2757
- 0%{
2758
- box-shadow:0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow);
2759
- }
2760
-
2761
- 50%{
2762
- box-shadow:0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow);
2763
- }
2764
-
2765
- to{
2766
- box-shadow:0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
2767
- }
2768
- }
1483
+ .radio-accent:checked{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1484
+ .radio-accent:checked{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
1485
+ .radio-accent:checked{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
1486
+ .radio:disabled{cursor:not-allowed;}
1487
+ .radio:disabled{opacity:.2;}
2769
1488
 
2770
1489
  @keyframes radiomark{
2771
1490
  0%{
2772
- 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;
2773
1492
  }
2774
-
2775
1493
  50%{
2776
- 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;
2777
1495
  }
2778
-
2779
1496
  to{
2780
- 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;
2781
1498
  }
2782
1499
  }
2783
1500
 
2784
- .radio-mark{
2785
- display:none;
2786
- }.range{
1501
+ .radio-mark{display:none;}
1502
+ .range{
2787
1503
  -webkit-appearance:none;
2788
1504
  --range-shdw:var(--bc);
2789
- background-color:transparent;
1505
+ overflow:hidden;
1506
+ background-color:initial;
1507
+ border-radius:var(--rounded-box, 1rem);
2790
1508
  }
2791
1509
  .range:focus-visible::-webkit-slider-thumb{
2792
- 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;
2793
1511
  }
2794
1512
  .range:focus-visible::-moz-range-thumb{
2795
- 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;
2796
1514
  }
1515
+ .range::-webkit-slider-runnable-track{height:.5rem;}
1516
+ .range::-webkit-slider-runnable-track{width:100%;}
1517
+ .range::-webkit-slider-runnable-track{border-radius:var(--rounded-box, 1rem);}
2797
1518
  .range::-webkit-slider-runnable-track{
2798
- height:.5rem;
2799
- width:100%;
2800
- border-radius:var(--rounded-box, 1rem);
2801
1519
  background-color:hsla(var(--bc) / .1);
2802
1520
  }
1521
+ .range::-moz-range-track{height:.5rem;}
1522
+ .range::-moz-range-track{width:100%;}
1523
+ .range::-moz-range-track{border-radius:var(--rounded-box, 1rem);}
2803
1524
  .range::-moz-range-track{
2804
- height:.5rem;
2805
- width:100%;
2806
- border-radius:var(--rounded-box, 1rem);
2807
1525
  background-color:hsla(var(--bc) / .1);
2808
1526
  }
2809
1527
  .range::-webkit-slider-thumb{
2810
- background-color:hsl(var(--range-shdw));
2811
- border-style:none;
2812
- height:1.25rem;
2813
- position:relative;
2814
- width:1.25rem;
2815
- -webkit-transition-property:all;
2816
- transition-property:all;
2817
- transition-duration:.15s;
2818
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2819
- transition-duration:.3s;
2820
- border-radius:var(--rounded-box, 1rem);
1528
+ background-color:hsl(var(--b1));
1529
+ }
1530
+ .range::-webkit-slider-thumb{position:relative;}
1531
+ .range::-webkit-slider-thumb{height:1.25rem;}
1532
+ .range::-webkit-slider-thumb{width:1.25rem;}
1533
+ .range::-webkit-slider-thumb{border-style:none;}
1534
+ .range::-webkit-slider-thumb{-webkit-transition-property:all;transition-property:all;transition-duration:.15s;}
1535
+ .range::-webkit-slider-thumb{transition-duration:.3s;}
1536
+ .range::-webkit-slider-thumb{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1537
+ .range::-webkit-slider-thumb{border-radius:var(--rounded-box, 1rem);}
1538
+ .range::-webkit-slider-thumb{
2821
1539
  -webkit-appearance:none;
2822
1540
  top:50%;
1541
+ color:hsl(var(--range-shdw));
2823
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);
2824
1546
  }
2825
1547
  .range::-moz-range-thumb{
2826
- background-color:hsl(var(--range-shdw));
2827
- border-style:none;
2828
- height:1.25rem;
2829
- position:relative;
2830
- width:1.25rem;
2831
- -moz-transition-property:all;
2832
- transition-property:all;
2833
- transition-duration:.15s;
2834
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2835
- transition-duration:.3s;
2836
- border-radius:var(--rounded-box, 1rem);
1548
+ background-color:hsl(var(--b1));
1549
+ }
1550
+ .range::-moz-range-thumb{position:relative;}
1551
+ .range::-moz-range-thumb{height:1.25rem;}
1552
+ .range::-moz-range-thumb{width:1.25rem;}
1553
+ .range::-moz-range-thumb{border-style:none;}
1554
+ .range::-moz-range-thumb{-moz-transition-property:all;transition-property:all;transition-duration:.15s;}
1555
+ .range::-moz-range-thumb{transition-duration:.3s;}
1556
+ .range::-moz-range-thumb{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
1557
+ .range::-moz-range-thumb{border-radius:var(--rounded-box, 1rem);}
1558
+ .range::-moz-range-thumb{
2837
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);
2838
1564
  }
2839
1565
  .range-primary{
2840
1566
  --range-shdw:var(--p);
@@ -2844,391 +1570,215 @@
2844
1570
  }
2845
1571
  .range-accent{
2846
1572
  --range-shdw:var(--a);
2847
- }.rating input{
2848
- -moz-appearance:none;
2849
- appearance:none;
1573
+ }
1574
+ .rating input{appearance:none;}
1575
+ .rating input{
2850
1576
  -webkit-appearance:none;
2851
1577
  }
2852
1578
  .rating :where(input){
2853
- -webkit-animation:rating-pop var(--animation-input, .25s) ease-out;
2854
- animation:rating-pop var(--animation-input, .25s) ease-out;
2855
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
2856
- --tw-bg-opacity:1;
2857
- height:1.5rem;
2858
- width:1.5rem;
2859
- }
2860
- .rating .rating-hidden{
2861
- background-color:transparent;
2862
- width:.5rem;
2863
- }
2864
- .rating input:checked~input{
2865
- --tw-bg-opacity:0.2;
2866
- }
1579
+ animation:rating-pop var(--animation-input, .25s) ease-out;
1580
+ }
1581
+ .rating :where(input){height:1.5rem;}
1582
+ .rating :where(input){width:1.5rem;}
1583
+ .rating :where(input){background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1584
+ .rating :where(input){--tw-bg-opacity:1;}
1585
+ .rating .rating-hidden{width:.5rem;}
1586
+ .rating .rating-hidden{background-color:initial;}
1587
+ .rating input:checked~input{--tw-bg-opacity:0.2;}
1588
+ .rating input:focus-visible{transition-property:transform;transition-duration:.15s;}
1589
+ .rating input:focus-visible{transition-duration:.3s;}
1590
+ .rating input:focus-visible{transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
2867
1591
  .rating input:focus-visible{
2868
- transition-property:transform;
2869
- transition-duration:.15s;
2870
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2871
- transition-duration:.3s;
2872
1592
  transform:translateY(-.125em);
2873
1593
  }
2874
1594
  .rating input:active:focus{
2875
- -webkit-animation:none;
2876
- animation:none;
1595
+ animation:none;
2877
1596
  }
2878
1597
  .rating input:active:focus{
2879
1598
  transform:translateY(-.125em);
2880
1599
  }
2881
-
2882
- @-webkit-keyframes rating-pop{
2883
- 0%{
2884
- transform:translateY(-.125em);
2885
- }
2886
-
2887
- 40%{
2888
- transform:translateY(-.125em);
2889
- }
2890
-
2891
- to{
2892
- transform:translateY(0);
2893
- }
2894
- }
2895
-
1600
+ .rating-half :where(input:not(.rating-hidden)){width:.75rem;}
2896
1601
  @keyframes rating-pop{
2897
1602
  0%{
2898
1603
  transform:translateY(-.125em);
2899
1604
  }
2900
-
2901
1605
  40%{
2902
1606
  transform:translateY(-.125em);
2903
1607
  }
2904
-
2905
1608
  to{
2906
1609
  transform:translateY(0);
2907
1610
  }
2908
- }.select{
2909
- --tw-bg-opacity:1;
2910
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
2911
- --tw-border-opacity:1;
2912
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
2913
- --tw-border-opacity:0;
2914
- border-width:1px;
2915
- font-weight:600;
2916
- padding-right:2.5rem;
2917
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
2918
- transition-duration:.15s;
2919
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
2920
- transition-duration:.2s;
2921
- border-radius:var(--rounded-btn, .5rem);
2922
1611
  }
2923
- .select-bordered{
2924
- --tw-border-opacity:0.2;
2925
- }
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);}
1613
+ .select-bordered{--tw-border-opacity:0.2;}
2926
1614
  .select{
2927
- background-image:linear-gradient(45deg, transparent 50%, currentColor 0),
2928
- linear-gradient(135deg, currentColor 50%, transparent 0);
2929
- background-position:calc(100% - 20px) calc(1px + 50%),
2930
- calc(100% - 16px) calc(1px + 50%);
2931
- background-size:4px 4px,
2932
- 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;
2933
1618
  background-repeat:no-repeat;}
2934
1619
  .select:focus{
2935
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
2936
- }
2937
- .select-ghost{
2938
- --tw-bg-opacity:0.05;
2939
- }
2940
- .select-ghost:focus{
2941
- --tw-bg-opacity:1;
2942
- --tw-text-opacity:1;
2943
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
2944
- }
2945
- .select-primary{
2946
- --tw-border-opacity:1;
2947
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
1620
+ outline:2px solid hsla(var(--bc) / .2);
1621
+ outline-offset:2px;
2948
1622
  }
1623
+ .select-ghost{--tw-bg-opacity:0.05;}
1624
+ .select-ghost:focus{--tw-bg-opacity:1;}
1625
+ .select-ghost:focus{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
1626
+ .select-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
2949
1627
  .select-primary:focus{
2950
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1628
+ outline:2px solid hsl(var(--p));
2951
1629
  }
2952
- .select-secondary{
2953
- --tw-border-opacity:1;
2954
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
2955
- }
1630
+ .select-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
2956
1631
  .select-secondary:focus{
2957
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1632
+ outline:2px solid hsl(var(--s));
2958
1633
  }
2959
- .select-accent{
2960
- --tw-border-opacity:1;
2961
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
2962
- }
1634
+ .select-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
2963
1635
  .select-accent:focus{
2964
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1636
+ outline:2px solid hsl(var(--a));
2965
1637
  }
2966
- .select-info{
2967
- --tw-border-opacity:1;
2968
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
2969
- }
1638
+ .select-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
2970
1639
  .select-info:focus{
2971
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1640
+ outline:2px solid hsl(var(--in));
2972
1641
  }
2973
- .select-success{
2974
- --tw-border-opacity:1;
2975
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
2976
- }
1642
+ .select-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
2977
1643
  .select-success:focus{
2978
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1644
+ outline:2px solid hsl(var(--su));
2979
1645
  }
2980
- .select-warning{
2981
- --tw-border-opacity:1;
2982
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
2983
- }
1646
+ .select-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
2984
1647
  .select-warning:focus{
2985
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1648
+ outline:2px solid hsl(var(--wa));
2986
1649
  }
2987
- .select-error{
2988
- --tw-border-opacity:1;
2989
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
2990
- }
1650
+ .select-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
2991
1651
  .select-error:focus{
2992
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
2993
- }
2994
- .select-disabled,.select[disabled]{
2995
- --tw-bg-opacity:1;
2996
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
2997
- --tw-border-opacity:1;
2998
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
2999
- cursor:not-allowed;
3000
- }
3001
- .select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{
3002
- --tw-placeholder-opacity:1;
3003
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3004
- --tw-placeholder-opacity:0.2;
3005
- }
3006
- .select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder{
3007
- --tw-placeholder-opacity:1;
3008
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3009
- --tw-placeholder-opacity:0.2;
3010
- }
3011
- .select-disabled::placeholder,.select[disabled]::placeholder{
3012
- --tw-placeholder-opacity:1;
3013
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3014
- --tw-placeholder-opacity:0.2;
3015
- }
3016
- .select-disabled,.select[disabled]{
3017
- --tw-text-opacity:0.2;
3018
- }
3019
- .select-multiple,.select[multiple],.select[size].select:not([size="1"]){
3020
- background-image:none;
3021
- padding-right:1rem;
3022
- }
3023
- .stack{
3024
- place-items:center;
3025
- align-items:flex-end;
3026
- }
3027
- .stack>*{
3028
- width:100%;
3029
- }
3030
- .stack>*{
3031
- opacity:.6;
3032
- }
3033
- .stack>:nth-child(2){
3034
- opacity:.8;
3035
- }
3036
- .stack>:first-child{
3037
- opacity:1;
3038
- }.stats{
3039
- border-radius:var(--rounded-box, 1rem);
3040
- }
3041
-
3042
- .stat{
3043
- --tw-bg-opacity:1;
3044
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
3045
- padding:1rem 1.5rem;
3046
- --tw-text-opacity:1;
3047
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3048
- }
3049
-
3050
- .stat-title{
3051
- opacity:.5;
3052
- }
3053
-
3054
- .stat-value{
3055
- font-weight:800;
3056
- font-size:2.25rem;
3057
- line-height:2.5rem;
3058
- }
3059
-
3060
- .stat-desc{
3061
- font-size:.875rem;
3062
- line-height:1.25rem;
3063
- opacity:.5;
3064
- }
3065
-
3066
- .stat-actions{
3067
- margin-top:1rem;
3068
- }
3069
-
3070
- .stat+.stat{
3071
- --tw-border-opacity:1;
3072
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
3073
- --tw-border-opacity:0.1;
3074
- border-left-width:1px;
3075
- }
3076
-
3077
- .stats.grid-flow-row .stat+.stat{
3078
- border-left-width:0;
3079
- border-top-width:1px;
3080
- }.steps [class~=step]{
1652
+ outline:2px solid hsl(var(--er));
1653
+ }
1654
+ .select-disabled,.select[disabled]{cursor:not-allowed;}
1655
+ .select-disabled,.select[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1656
+ .select-disabled,.select[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1657
+ .select-disabled,.select[disabled]{--tw-text-opacity:0.2;}
1658
+ .select-disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1659
+ .select-disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;}
1660
+ .select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;}
1661
+ .select-multiple,.select[multiple],.select[size].select:not([size="1"]){padding-right:1rem;}
1662
+ .stack{place-items:center;align-items:flex-end;}
1663
+ .stack>*{width:100%;}
1664
+ .stack>*{opacity:.6;}
1665
+ .stack>:nth-child(2){opacity:.8;}
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);}
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)));}
1669
+ :where(.stats){overflow-x:auto;}
1670
+ .stat{column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding:1rem 1.5rem;}
1671
+ .stat-title{opacity:.6;}
1672
+ .stat-value{font-size:2.25rem;line-height:2.5rem;}
1673
+ .stat-value{font-weight:800;}
1674
+ .stat-desc{font-size:.75rem;line-height:1rem;}
1675
+ .stat-desc{opacity:.6;}
1676
+ .stat-actions{margin-top:1rem;}
1677
+ .steps .step{
3081
1678
  grid-template-rows:40px 1fr;
3082
1679
  grid-template-columns:auto;
3083
1680
  min-width:4rem;
3084
1681
  }
3085
- .steps [class~=step]:before{
3086
- --tw-bg-opacity:1;
3087
- background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
3088
- height:.5rem;
3089
- top:0;
3090
- --tw-text-opacity:1;
3091
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3092
- width:100%;
3093
- grid-column-start:1;
3094
- grid-row-start:1;
3095
- --tw-translate-x:0;
3096
- --tw-translate-y:0;
3097
- --tw-rotate:0;
3098
- --tw-skew-x:0;
3099
- --tw-skew-y:0;
3100
- --tw-scale-x:1;
3101
- --tw-scale-y:1;
3102
- transform:translateX(var(--tw-translate-x)) translateY(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));
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{
3103
1691
  content:"";
3104
1692
  margin-left:-100%;
3105
1693
  }
3106
- .steps [class~=step]:after{
1694
+ .steps .step:after{
3107
1695
  content:counter(step);
3108
1696
  counter-increment:step;
3109
1697
  z-index:1;
3110
- --tw-bg-opacity:1;
3111
- background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
3112
- border-radius:9999px;
3113
- display:grid;
3114
- place-items:center;
3115
- place-self:center;
3116
- height:2rem;
3117
- position:relative;
3118
- --tw-text-opacity:1;
3119
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3120
- width:2rem;
3121
- grid-column-start:1;
3122
- grid-row-start:1;
3123
1698
  }
3124
- .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{
3125
1711
  content:none;
3126
1712
  }
3127
- .steps [class~=step][data-content]:after{
1713
+ .steps .step[data-content]:after{
3128
1714
  content:attr(data-content);
3129
1715
  }
3130
- .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{
3131
- --tw-bg-opacity:1;
3132
- background-color:hsla(var(--n) / var(--tw-bg-opacity, 1));
3133
- --tw-text-opacity:1;
3134
- color:hsla(var(--nc) / var(--tw-text-opacity, 1));
3135
- }
3136
- .steps .step-primary+.step-primary:before,.steps .step-primary:after{
3137
- --tw-bg-opacity:1;
3138
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
3139
- --tw-text-opacity:1;
3140
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
3141
- }
3142
- .steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{
3143
- --tw-bg-opacity:1;
3144
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
3145
- --tw-text-opacity:1;
3146
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
3147
- }
3148
- .steps .step-accent+.step-accent:before,.steps .step-accent:after{
3149
- --tw-bg-opacity:1;
3150
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
3151
- --tw-text-opacity:1;
3152
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
3153
- }
3154
- .steps .step-info+.step-info:before{
3155
- --tw-bg-opacity:1;
3156
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
3157
- }
3158
- .steps .step-info:after{
3159
- --tw-bg-opacity:1;
3160
- background-color:hsla(var(--in) / var(--tw-bg-opacity, 1));
3161
- --tw-text-opacity:1;
3162
- color:hsla(var(--b1) / var(--tw-text-opacity, 1));
3163
- }
3164
- .steps .step-success+.step-success:before{
3165
- --tw-bg-opacity:1;
3166
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
3167
- }
3168
- .steps .step-success:after{
3169
- --tw-bg-opacity:1;
3170
- background-color:hsla(var(--su) / var(--tw-bg-opacity, 1));
3171
- --tw-text-opacity:1;
3172
- color:hsla(var(--b1) / var(--tw-text-opacity, 1));
3173
- }
3174
- .steps .step-warning+.step-warning:before{
3175
- --tw-bg-opacity:1;
3176
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
3177
- }
3178
- .steps .step-warning:after{
3179
- --tw-bg-opacity:1;
3180
- background-color:hsla(var(--wa) / var(--tw-bg-opacity, 1));
3181
- --tw-text-opacity:1;
3182
- color:hsla(var(--b1) / var(--tw-text-opacity, 1));
3183
- }
3184
- .steps .step-error+.step-error:before{
3185
- --tw-bg-opacity:1;
3186
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
3187
- }
3188
- .steps .step-error:after{
3189
- --tw-bg-opacity:1;
3190
- background-color:hsla(var(--er) / var(--tw-bg-opacity, 1));
3191
- --tw-text-opacity:1;
3192
- color:hsla(var(--b1) / var(--tw-text-opacity, 1));
3193
- }.tab{
3194
- --tw-text-opacity:0.5
1716
+ .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));}
1717
+ .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));}
1718
+ .steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1719
+ .steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1720
+ .steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1721
+ .steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
1722
+ .steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
1723
+ .steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
1724
+ .steps .step-info+.step-info:before{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
1725
+ .steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));}
1726
+ .steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));}
1727
+ .steps .step-success+.step-success:before{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1728
+ .steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));}
1729
+ .steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));}
1730
+ .steps .step-warning+.step-warning:before{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1731
+ .steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));}
1732
+ .steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));}
1733
+ .steps .step-error+.step-error:before{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
1734
+ .steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));}
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;
3195
1755
  }
3196
1756
 
3197
- .tab:hover{
3198
- --tw-text-opacity:1
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;
3199
1761
  }
3200
1762
 
3201
- .tab{
1763
+ .swap-flip.swap-active .swap-on,.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate{
1764
+ transform:rotateY(0deg);
1765
+ }
1766
+ .tab{--tw-text-opacity:0.5;}.tab:hover{--tw-text-opacity:1;}.tab{
3202
1767
  --tab-color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3203
1768
  --tab-bg:hsla(var(--b1) / var(--tw-bg-opacity, 1));
3204
1769
  --tab-border-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
3205
1770
  color:var(--tab-color);
3206
1771
  padding-left:var(--tab-padding, 1rem);
3207
1772
  padding-right:var(--tab-padding, 1rem);
3208
- }
3209
-
3210
- .tab.tab-active{
3211
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
3212
- --tw-border-opacity:1;
3213
- }
3214
-
3215
- .tab:focus{
3216
- outline:2px solid transparent;
3217
- outline-offset:2px;
3218
- }
3219
-
3220
- .tab:focus-visible{
3221
- box-shadow:inset 0 0 0 2px currentColor;
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{
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);
3222
1778
  }
3223
-
3224
- .tab-bordered{
3225
- --tw-border-opacity:1;
3226
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
3227
- --tw-border-opacity:0.2;
1779
+ .tab-bordered{border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;
3228
1780
  border-style:solid;
3229
- border-bottom-width:calc(var(--tab-border, 1px) + 1px);
3230
- }
3231
-
1781
+ border-bottom-width:calc(var(--tab-border, 1px) + 1px);}
3232
1782
  .tab-lifted{
3233
1783
  border-top-left-radius:var(--tab-radius, .5rem);
3234
1784
  border-top-right-radius:var(--tab-radius, .5rem);
@@ -3238,7 +1788,6 @@
3238
1788
  padding-right:var(--tab-padding, 1rem);
3239
1789
  padding-top:var(--tab-border, 1px);
3240
1790
  }
3241
-
3242
1791
  .tab-lifted.tab-active{
3243
1792
  background-color:var(--tab-bg);
3244
1793
  border-left-width:var(--tab-border, 1px);
@@ -3253,7 +1802,6 @@
3253
1802
  padding-bottom:var(--tab-border, 1px);
3254
1803
  padding-top:0;
3255
1804
  }
3256
-
3257
1805
  .tab-lifted.tab-active:after,.tab-lifted.tab-active:before{
3258
1806
  z-index:1;
3259
1807
  content:"";
@@ -3263,362 +1811,194 @@
3263
1811
  height:var(--tab-radius, .5rem);
3264
1812
  bottom:0;
3265
1813
  --tab-grad:calc(68% - var(--tab-border, 1px));
3266
- --tab-corner-bg:radial-gradient(
3267
- circle at var(--circle-pos),
3268
- transparent var(--tab-grad),
3269
- var(--tab-border-color) calc(var(--tab-grad) + 0.3px),
3270
- var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
3271
- var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px)
3272
- );
1814
+ --tab-corner-bg:radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
3273
1815
  }
3274
-
3275
1816
  .tab-lifted.tab-active:before{
3276
1817
  left:calc(var(--tab-radius, .5rem)*-1);
3277
1818
  --circle-pos:top left;
3278
1819
  background-image:var(--tab-corner-bg);
3279
1820
  }
3280
-
3281
1821
  [dir=rtl] .tab-lifted.tab-active:before{
3282
1822
  --circle-pos:top right;
3283
1823
  }
3284
-
3285
1824
  .tab-lifted.tab-active:after{
3286
1825
  right:calc(var(--tab-radius, .5rem)*-1);
3287
1826
  --circle-pos:top right;
3288
1827
  background-image:var(--tab-corner-bg);
3289
1828
  }
3290
-
3291
1829
  [dir=rtl] .tab-lifted.tab-active:after{
3292
1830
  --circle-pos:top left;
3293
1831
  }
3294
-
3295
1832
  .tab-lifted.tab-active:first-child:before{
3296
1833
  background:none;
3297
1834
  }
3298
-
3299
1835
  .tab-lifted.tab-active:last-child:after{
3300
1836
  background:none;
3301
1837
  }
3302
-
3303
1838
  .tab-lifted.tab-active+.tab-lifted.tab-active:before{
3304
1839
  background:none;
3305
1840
  }
3306
-
3307
- .tabs-boxed{
3308
- --tw-bg-opacity:1;
3309
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
3310
- padding:.25rem;
3311
- border-radius:var(--rounded-btn, .5rem);
3312
- }
3313
-
3314
- .tabs-boxed .tab-active{
3315
- --tw-bg-opacity:1;
3316
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
3317
- --tw-text-opacity:1;
3318
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
3319
- }
3320
-
3321
- .tabs-boxed .tab-active:hover{
3322
- --tw-text-opacity:1;
3323
- color:hsla(var(--pc) / var(--tw-text-opacity, 1))
3324
- }
3325
-
3326
- .tabs-boxed .tab-active{
3327
- border-radius:var(--rounded-btn, .5rem)
3328
- }.table{
3329
- text-align:left;
3330
- }
3331
- .table :where(th,td){
3332
- padding:1rem;
3333
- vertical-align:middle;
3334
- white-space:nowrap;
3335
- }
3336
- .table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th{
3337
- --tw-bg-opacity:1;
3338
- background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
3339
- }
3340
- .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{
3341
- --tw-bg-opacity:1;
3342
- background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
3343
- }
3344
- .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){
3345
- --tw-border-opacity:1;
3346
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
3347
- border-bottom-width:1px;
3348
- }
3349
- .table :where(thead,tfoot) :where(th,td){
3350
- --tw-bg-opacity:1;
3351
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
3352
- font-weight:700;
3353
- font-size:.75rem;
3354
- line-height:1rem;
3355
- text-transform:uppercase;
3356
- }
3357
- .table :where(thead,tfoot) :where(th,td):first-child{
3358
- border-top-left-radius:.5rem;
3359
- border-bottom-left-radius:.5rem;
3360
- }
3361
- .table :where(thead,tfoot) :where(th,td):last-child{
3362
- border-top-right-radius:.5rem;
3363
- border-bottom-right-radius:.5rem;
3364
- }
3365
- .table :where(tbody th,tbody td){
3366
- --tw-bg-opacity:1;
3367
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
3368
- }
3369
- .table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child{
3370
- border-top-left-radius:.5rem;
3371
- border-bottom-left-radius:.5rem;
3372
- }
3373
- .table-zebra tbody tr td:last-child,.table-zebra tbody tr th:last-child{
3374
- border-top-right-radius:.5rem;
3375
- border-bottom-right-radius:.5rem;
3376
- }
3377
- .table-zebra tbody tr:nth-child(2n) td,.table-zebra tbody tr:nth-child(2n) th{
3378
- --tw-bg-opacity:1;
3379
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
3380
- }
3381
- .textarea{
3382
- --tw-bg-opacity:1;
3383
- background-color:hsla(var(--b1) / var(--tw-bg-opacity, 1));
3384
- --tw-border-opacity:1;
3385
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
3386
- --tw-border-opacity:0;
3387
- border-width:1px;
3388
- border-radius:var(--rounded-btn, .5rem);
3389
- }
3390
- .textarea-bordered{
3391
- --tw-border-opacity:0.2;
3392
- }
1841
+ .tabs-boxed{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));padding:.25rem;border-radius:var(--rounded-btn, .5rem);}
1842
+ .tabs-boxed .tab-active{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1843
+ .tabs-boxed .tab-active{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1844
+ .tabs-boxed .tab-active{border-radius:var(--rounded-btn, .5rem);}
1845
+ .tabs-boxed .tab-active:hover{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
1846
+ .table{text-align:left;}
1847
+ .table :where(th,td){white-space:nowrap;}
1848
+ .table :where(th,td){padding:1rem;}
1849
+ .table :where(th,td){vertical-align:middle;}
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));}
1852
+ .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){border-bottom-width:1px;}
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));}
1854
+ .table :where(thead,tfoot) :where(th,td){--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1855
+ .table :where(thead,tfoot) :where(th,td){font-size:.75rem;line-height:1rem;}
1856
+ .table :where(thead,tfoot) :where(th,td){font-weight:700;}
1857
+ .table :where(thead,tfoot) :where(th,td){text-transform:uppercase;}
1858
+ .table :where(thead,tfoot) :where(th,td):first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;}
1859
+ .table :where(thead,tfoot) :where(th,td):last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;}
1860
+ .table :where(tbody th,tbody td){--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));}
1861
+ .table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;}
1862
+ .table-zebra tbody tr td:last-child,.table-zebra tbody tr th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;}
1863
+ .table-zebra tbody tr:nth-child(2n) td,.table-zebra tbody tr:nth-child(2n) th{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
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);}
1865
+ .textarea-bordered{--tw-border-opacity:0.2;}
3393
1866
  .textarea:focus{
3394
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
3395
- }
3396
- .textarea-ghost{
3397
- --tw-bg-opacity:0.05;
1867
+ outline:2px solid hsla(var(--bc) / .2);
1868
+ outline-offset:2px;
3398
1869
  }
1870
+ .textarea-ghost{--tw-bg-opacity:0.05;}
1871
+ .textarea-ghost:focus{--tw-bg-opacity:1;}
1872
+ .textarea-ghost:focus{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));}
3399
1873
  .textarea-ghost:focus{
3400
- --tw-bg-opacity:1;
3401
- --tw-text-opacity:1;
3402
- color:hsla(var(--bc) / var(--tw-text-opacity, 1));
3403
1874
  box-shadow:none;
3404
1875
  }
3405
- .textarea-primary{
3406
- --tw-border-opacity:1;
3407
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
3408
- }
1876
+ .textarea-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
3409
1877
  .textarea-primary:focus{
3410
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1878
+ outline:2px solid hsl(var(--p));
3411
1879
  }
3412
- .textarea-secondary{
3413
- --tw-border-opacity:1;
3414
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
3415
- }
1880
+ .textarea-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
3416
1881
  .textarea-secondary:focus{
3417
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1882
+ outline:2px solid hsl(var(--s));
3418
1883
  }
3419
- .textarea-accent{
3420
- --tw-border-opacity:1;
3421
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
3422
- }
1884
+ .textarea-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
3423
1885
  .textarea-accent:focus{
3424
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1886
+ outline:2px solid hsl(var(--a));
3425
1887
  }
3426
- .textarea-info{
3427
- --tw-border-opacity:1;
3428
- border-color:hsla(var(--in) / var(--tw-border-opacity, 1));
3429
- }
1888
+ .textarea-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));}
3430
1889
  .textarea-info:focus{
3431
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--in));
1890
+ outline:2px solid hsl(var(--in));
3432
1891
  }
3433
- .textarea-success{
3434
- --tw-border-opacity:1;
3435
- border-color:hsla(var(--su) / var(--tw-border-opacity, 1));
3436
- }
1892
+ .textarea-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));}
3437
1893
  .textarea-success:focus{
3438
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--su));
1894
+ outline:2px solid hsl(var(--su));
3439
1895
  }
3440
- .textarea-warning{
3441
- --tw-border-opacity:1;
3442
- border-color:hsla(var(--wa) / var(--tw-border-opacity, 1));
3443
- }
1896
+ .textarea-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));}
3444
1897
  .textarea-warning:focus{
3445
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa));
1898
+ outline:2px solid hsl(var(--wa));
3446
1899
  }
3447
- .textarea-error{
3448
- --tw-border-opacity:1;
3449
- border-color:hsla(var(--er) / var(--tw-border-opacity, 1));
3450
- }
1900
+ .textarea-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));}
3451
1901
  .textarea-error:focus{
3452
- box-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er));
3453
- }
3454
- .textarea-disabled,.textarea[disabled]{
3455
- --tw-bg-opacity:1;
3456
- background-color:hsla(var(--b2) / var(--tw-bg-opacity, 1));
3457
- --tw-border-opacity:1;
3458
- border-color:hsla(var(--b2) / var(--tw-border-opacity, 1));
3459
- cursor:not-allowed;
3460
- }
3461
- .textarea-disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{
3462
- --tw-placeholder-opacity:1;
3463
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3464
- --tw-placeholder-opacity:0.2;
3465
- }
3466
- .textarea-disabled:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder{
3467
- --tw-placeholder-opacity:1;
3468
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3469
- --tw-placeholder-opacity:0.2;
3470
- }
3471
- .textarea-disabled::placeholder,.textarea[disabled]::placeholder{
3472
- --tw-placeholder-opacity:1;
3473
- color:hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
3474
- --tw-placeholder-opacity:0.2;
3475
- }
3476
- .textarea-disabled,.textarea[disabled]{
3477
- --tw-text-opacity:0.2;
3478
- }.toggle{
3479
- --chkbg:hsla(var(--bc) / .2);
3480
- --focus-shadow:0 0 0;
1902
+ outline:2px solid hsl(var(--er));
1903
+ }
1904
+ .textarea-disabled,.textarea[disabled]{cursor:not-allowed;}
1905
+ .textarea-disabled,.textarea[disabled]{--tw-border-opacity:1;border-color:hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));}
1906
+ .textarea-disabled,.textarea[disabled]{--tw-bg-opacity:1;background-color:hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));}
1907
+ .textarea-disabled,.textarea[disabled]{--tw-text-opacity:0.2;}
1908
+ .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:1;color:hsl(var(--bc) / var(--tw-placeholder-opacity));}
1909
+ .textarea-disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;}
1910
+ .toggle{
1911
+ --chkbg:hsla(var(--bc) / 0.2);
3481
1912
  --handleoffset:1.5rem;
3482
- -webkit-appearance:none;
3483
- -moz-appearance:none;
3484
- appearance:none;
3485
- --tw-bg-opacity:1;
3486
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
3487
- --tw-bg-opacity:0.2;
3488
- --tw-border-opacity:1;
3489
- border-color:hsla(var(--bc) / var(--tw-border-opacity, 1));
3490
- --tw-border-opacity:0.2;
3491
- border-width:1px;
3492
- cursor:pointer;
3493
1913
  height:1.5rem;
3494
1914
  width:3rem;
3495
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
1915
+ cursor:pointer;
1916
+ appearance:none;
1917
+ border-width:1px;
1918
+ border-color:hsl(var(--bc) / var(--tw-border-opacity));
1919
+ --tw-border-opacity:0.2;
1920
+ background-color:hsl(var(--bc) / var(--tw-bg-opacity));
1921
+ --tw-bg-opacity:0.2;
3496
1922
  transition-duration:.3s;
1923
+ transition-timing-function:cubic-bezier(.4, 0, .2, 1);
3497
1924
  border-radius:var(--rounded-badge, 1.9rem);
3498
- transition:background,box-shadow var(--animation-input, .2s) ease-in-out;
3499
- 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;
3500
1927
  }
3501
1928
  .toggle:focus-visible{
3502
- --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;
3503
1931
  }
3504
1932
  .toggle:checked,.toggle[checked=true]{
3505
1933
  --chkbg:hsl(var(--bc))
3506
1934
  }
1935
+ .toggle:checked,.toggle[checked=true]{--tw-border-opacity:1;}
1936
+ .toggle:checked,.toggle[checked=true]{--tw-bg-opacity:1;}
3507
1937
  .toggle:checked,.toggle[checked=true]{
3508
- --tw-bg-opacity:1;
3509
- --tw-border-opacity:1;
3510
- }
3511
- .toggle:checked,.toggle[checked=true]{
3512
- 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;
3513
1939
  }
3514
1940
  [dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{
3515
- 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;
3516
1942
  }
3517
1943
  .toggle:indeterminate{
3518
- --chkbg:hsl(var(--bc));
3519
- --tw-bg-opacity:1;
3520
- --tw-border-opacity:1;
3521
- 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);
1944
+ --chkbg:hsl(var(--bc))
1945
+ }
1946
+ .toggle:indeterminate{--tw-border-opacity:1;}
1947
+ .toggle:indeterminate{--tw-bg-opacity:1;}
1948
+ .toggle:indeterminate{
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;
3522
1950
  }
3523
1951
  [dir=rtl] .toggle:indeterminate{
3524
- 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;
3525
1953
  }
3526
1954
  .toggle-primary:focus-visible{
3527
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p));
1955
+ outline:2px solid hsl(var(--p));
3528
1956
  }
3529
1957
  .toggle-primary:checked,.toggle-primary[checked=true]{
3530
1958
  --chkbg:hsl(var(--p));
3531
1959
  }
3532
- .toggle-primary:checked,.toggle-primary[checked=true]{
3533
- --tw-bg-opacity:1;
3534
- background-color:hsla(var(--p) / var(--tw-bg-opacity, 1));
3535
- --tw-border-opacity:1;
3536
- border-color:hsla(var(--p) / var(--tw-border-opacity, 1));
3537
- --tw-border-opacity:0.1;
3538
- --tw-text-opacity:1;
3539
- color:hsla(var(--pc) / var(--tw-text-opacity, 1));
3540
- }
1960
+ .toggle-primary:checked,.toggle-primary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));}
1961
+ .toggle-primary:checked,.toggle-primary[checked=true]{--tw-border-opacity:0.1;}
1962
+ .toggle-primary:checked,.toggle-primary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));}
1963
+ .toggle-primary:checked,.toggle-primary[checked=true]{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));}
3541
1964
  .toggle-secondary:focus-visible{
3542
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s));
1965
+ outline:2px solid hsl(var(--s));
3543
1966
  }
3544
1967
  .toggle-secondary:checked,.toggle-secondary[checked=true]{
3545
1968
  --chkbg:hsl(var(--s));
3546
1969
  }
3547
- .toggle-secondary:checked,.toggle-secondary[checked=true]{
3548
- --tw-bg-opacity:1;
3549
- background-color:hsla(var(--s) / var(--tw-bg-opacity, 1));
3550
- --tw-border-opacity:1;
3551
- border-color:hsla(var(--s) / var(--tw-border-opacity, 1));
3552
- --tw-border-opacity:0.1;
3553
- --tw-text-opacity:1;
3554
- color:hsla(var(--sc) / var(--tw-text-opacity, 1));
3555
- }
1970
+ .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));}
1971
+ .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-border-opacity:0.1;}
1972
+ .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));}
1973
+ .toggle-secondary:checked,.toggle-secondary[checked=true]{--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity));}
3556
1974
  .toggle-accent:focus-visible{
3557
- --focus-shadow:0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--a));
1975
+ outline:2px solid hsl(var(--a));
3558
1976
  }
3559
1977
  .toggle-accent:checked,.toggle-accent[checked=true]{
3560
1978
  --chkbg:hsl(var(--a));
3561
1979
  }
3562
- .toggle-accent:checked,.toggle-accent[checked=true]{
3563
- --tw-bg-opacity:1;
3564
- background-color:hsla(var(--a) / var(--tw-bg-opacity, 1));
3565
- --tw-border-opacity:1;
3566
- border-color:hsla(var(--a) / var(--tw-border-opacity, 1));
3567
- --tw-border-opacity:0.1;
3568
- --tw-text-opacity:1;
3569
- color:hsla(var(--ac) / var(--tw-text-opacity, 1));
3570
- }
3571
- .toggle:disabled{
3572
- --tw-bg-opacity:1;
3573
- background-color:hsla(var(--bc) / var(--tw-bg-opacity, 1));
3574
- --tw-bg-opacity:0.2;
3575
- border-color:transparent;
3576
- cursor:not-allowed;
3577
- }
3578
-
3579
- .toggle-mark{
3580
- display:none;
3581
- }.tooltip{
3582
- display:inline-block;
3583
- position:relative;
3584
- text-align:center;
1980
+ .toggle-accent:checked,.toggle-accent[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));}
1981
+ .toggle-accent:checked,.toggle-accent[checked=true]{--tw-border-opacity:0.1;}
1982
+ .toggle-accent:checked,.toggle-accent[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));}
1983
+ .toggle-accent:checked,.toggle-accent[checked=true]{--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity));}
1984
+ .toggle:disabled{cursor:not-allowed;}
1985
+ .toggle:disabled{border-color:transparent;}
1986
+ .toggle:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));}
1987
+ .toggle:disabled{--tw-bg-opacity:0.2;}
1988
+
1989
+ .toggle-mark{display:none;}
1990
+ .tooltip{position:relative;display:inline-block;text-align:center;
3585
1991
  --tooltip-tail:3px;
3586
1992
  --tooltip-color:hsl(var(--n));
3587
1993
  --tooltip-text-color:hsl(var(--nc));
3588
- --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));
3589
- }
3590
-
3591
- .tooltip:after,.tooltip:before{
3592
- opacity:0;
3593
- transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3594
- transition-duration:.15s;
3595
- transition-timing-function:cubic-bezier(.4, 0, .2, 1);
3596
- transition-duration:.2s;
3597
- transition-delay:.1s;
3598
- }
3599
-
3600
- .tooltip:after{
3601
- position:absolute;
3602
- }
3603
-
3604
- .tooltip:before{
3605
- border-radius:.25rem;
3606
- font-size:.875rem;
3607
- line-height:1.25rem;
3608
- max-width:20rem;
3609
- padding:.25rem .5rem;
1994
+ --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail));}
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);}
1996
+ .tooltip:after{position:absolute;}
1997
+ .tooltip:before{max-width:20rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;
3610
1998
  background-color:var(--tooltip-color);
3611
1999
  color:var(--tooltip-text-color);
3612
- width:-webkit-max-content;
3613
- width:-moz-max-content;
3614
- width:max-content;
3615
- }
3616
-
3617
- .tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{
3618
- opacity:1;
3619
- transition-delay:75ms;
3620
- }
3621
-
2000
+ width:max-content;}
2001
+ .tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms;}
3622
2002
  .tooltip:after{
3623
2003
  content:"";
3624
2004
  border-style:solid;
@@ -3628,7 +2008,6 @@
3628
2008
  display:block;
3629
2009
  position:absolute;
3630
2010
  }
3631
-
3632
2011
  .tooltip:after{
3633
2012
  transform:translateX(-50%);
3634
2013
  border-left-color:transparent;
@@ -3640,7 +2019,6 @@
3640
2019
  right:auto;
3641
2020
  bottom:var(--tooltip-tail-offset);
3642
2021
  }
3643
-
3644
2022
  .tooltip-bottom:after{
3645
2023
  transform:translateX(-50%);
3646
2024
  border-left-color:transparent;
@@ -3652,7 +2030,6 @@
3652
2030
  right:auto;
3653
2031
  bottom:auto;
3654
2032
  }
3655
-
3656
2033
  .tooltip-left:after{
3657
2034
  transform:translateY(-50%);
3658
2035
  border-left-color:var(--tooltip-color);
@@ -3664,7 +2041,6 @@
3664
2041
  right:calc(var(--tooltip-tail-offset) + 1px);
3665
2042
  bottom:auto;
3666
2043
  }
3667
-
3668
2044
  .tooltip-right:after{
3669
2045
  transform:translateY(-50%);
3670
2046
  border-left-color:transparent;
@@ -3676,84 +2052,93 @@
3676
2052
  right:auto;
3677
2053
  bottom:auto;
3678
2054
  }
3679
-
3680
2055
  .tooltip-primary{
3681
2056
  --tooltip-color:hsl(var(--p));
3682
2057
  --tooltip-text-color:hsl(var(--pc));
3683
2058
  }
3684
-
3685
2059
  .tooltip-secondary{
3686
2060
  --tooltip-color:hsl(var(--s));
3687
2061
  --tooltip-text-color:hsl(var(--sc));
3688
2062
  }
3689
-
3690
2063
  .tooltip-accent{
3691
2064
  --tooltip-color:hsl(var(--a));
3692
2065
  --tooltip-text-color:hsl(var(--ac));
3693
2066
  }
3694
-
3695
2067
  .tooltip-info{
3696
- --tooltip-color:hsla(var(--in) / .1);
3697
- --tooltip-text-color:hsl(var(--in));
2068
+ --tooltip-color:hsla(var(--in));
2069
+ --tooltip-text-color:hsl(var(--inc));
3698
2070
  }
3699
-
3700
2071
  .tooltip-success{
3701
- --tooltip-color:hsla(var(--su) / .1);
3702
- --tooltip-text-color:hsl(var(--su));
2072
+ --tooltip-color:hsla(var(--su));
2073
+ --tooltip-text-color:hsl(var(--suc));
3703
2074
  }
3704
-
3705
2075
  .tooltip-warning{
3706
- --tooltip-color:hsla(var(--wa) / .1);
3707
- --tooltip-text-color:hsl(var(--wa));
2076
+ --tooltip-color:hsla(var(--wa));
2077
+ --tooltip-text-color:hsl(var(--wac));
3708
2078
  }
3709
-
3710
2079
  .tooltip-error{
3711
- --tooltip-color:hsla(var(--er) / .1);
3712
- --tooltip-text-color:hsl(var(--er));
3713
- }.prose{
2080
+ --tooltip-color:hsla(var(--er));
2081
+ --tooltip-text-color:hsl(var(--erc));
2082
+ }
2083
+ :root .prose{
2084
+ --tw-prose-body:hsl(var(--bc));
2085
+ --tw-prose-headings:hsl(var(--b));
2086
+ --tw-prose-lead:#4b5563;
2087
+ --tw-prose-links:hsl(var(--b));
2088
+ --tw-prose-bold:hsl(var(--b));
2089
+ --tw-prose-counters:#6b7280;
2090
+ --tw-prose-bullets:hsla(var(--bc)/.5);
2091
+ --tw-prose-hr:hsla(var(--bc)/.2);
2092
+ --tw-prose-quotes:hsl(var(--b));
2093
+ --tw-prose-quote-borders:hsla(var(--bc)/.2);
2094
+ --tw-prose-captions:#6b7280;
2095
+ --tw-prose-code:hsl(var(--b));
2096
+ --tw-prose-pre-code:hsla(var(--bc)/.2);
2097
+ --tw-prose-pre-bg:#1f2937;
2098
+ --tw-prose-th-borders:hsla(var(--bc)/.5);
2099
+ --tw-prose-td-borders:hsla(var(--bc)/.2);
2100
+ --tw-prose-invert-body:hsla(var(--bc)/.5);
2101
+ --tw-prose-invert-headings:#fff;
2102
+ --tw-prose-invert-lead:#9ca3af;
2103
+ --tw-prose-invert-links:#fff;
2104
+ --tw-prose-invert-bold:#fff;
2105
+ --tw-prose-invert-counters:#9ca3af;
2106
+ --tw-prose-invert-bullets:#4b5563;
2107
+ --tw-prose-invert-hr:hsl(var(--bc));
2108
+ --tw-prose-invert-quotes:#f3f4f6;
2109
+ --tw-prose-invert-quote-borders:hsl(var(--bc));
2110
+ --tw-prose-invert-captions:#9ca3af;
2111
+ --tw-prose-invert-code:#fff;
2112
+ --tw-prose-invert-pre-code:hsla(var(--bc)/.5);
2113
+ --tw-prose-invert-pre-bg:rgba(0, 0, 0, 0.5) );
2114
+ --tw-prose-invert-th-borders:#4b5563;
2115
+ --tw-prose-invert-td-borders:hsl(var(--bc));
2116
+ }
2117
+ .prose{
3714
2118
  color:inherit;
3715
2119
  }
3716
-
3717
- .prose :where(a,blockquote,figure figcaption,a code,thead,strong,.lead,h1,h2,h3,h4):not(:where([class~=not-prose] *)){
3718
- color:inherit;
3719
- }
3720
-
3721
2120
  .prose :where(code):not(:where([class~=not-prose] *)){
3722
- background:hsla(var(--bc) / .1);
3723
- color:hsl(var(--bc));
3724
2121
  padding:2px 8px;
3725
2122
  border-radius:var(--rounded-badge);
3726
2123
  }
3727
-
3728
2124
  .prose code:after,.prose code:before{
3729
2125
  content:none;
3730
2126
  }
3731
-
3732
- .prose pre{
3733
- background:hsl(var(--n));
3734
- color:hsl(var(--nc));
3735
- border-radius:var(--rounded-box);
3736
- }
3737
-
3738
2127
  .prose pre code{
3739
2128
  border-radius:none;
3740
2129
  background:inherit;
3741
2130
  padding:0;
3742
2131
  color:inherit;
3743
2132
  }
3744
-
3745
2133
  .prose blockquote{
3746
2134
  border-left-color:hsl(var(--bc) / 40%);
3747
2135
  }
3748
-
3749
2136
  .prose :where(ul>li,ol>li):not(:where([class~=not-prose] *))::marker{
3750
2137
  color:hsl(var(--bc) / 40%);
3751
2138
  }
3752
-
3753
2139
  .prose :where(thead th,tbody td):not(:where([class~=not-prose] *)){
3754
2140
  color:inherit;
3755
2141
  }
3756
-
3757
2142
  .prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
3758
2143
  border-bottom-color:hsl(var(--bc) / 20%);
3759
2144
  }