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