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