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