@dayflow/core 3.4.3 → 3.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1,3250 +1,3 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer base {
4
- *, ::after, ::before, ::backdrop, ::file-selector-button {
5
- box-sizing: border-box;
6
- margin: 0;
7
- padding: 0;
8
- border: 0 solid;
9
- }
10
- html, :host {
11
- line-height: 1.5;
12
- -webkit-text-size-adjust: 100%;
13
- -moz-tab-size: 4;
14
- -o-tab-size: 4;
15
- tab-size: 4;
16
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
17
- font-feature-settings: var(--default-font-feature-settings, normal);
18
- font-variation-settings: var(--default-font-variation-settings, normal);
19
- -webkit-tap-highlight-color: transparent;
20
- }
21
- hr {
22
- height: 0;
23
- color: inherit;
24
- border-top-width: 1px;
25
- }
26
- abbr:where([title]) {
27
- -webkit-text-decoration: underline dotted;
28
- text-decoration: underline dotted;
29
- }
30
- h1, h2, h3, h4, h5, h6 {
31
- font-size: inherit;
32
- font-weight: inherit;
33
- }
34
- a {
35
- color: inherit;
36
- -webkit-text-decoration: inherit;
37
- text-decoration: inherit;
38
- }
39
- b, strong {
40
- font-weight: bolder;
41
- }
42
- code, kbd, samp, pre {
43
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
44
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
45
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
46
- font-size: 1em;
47
- }
48
- small {
49
- font-size: 80%;
50
- }
51
- sub, sup {
52
- font-size: 75%;
53
- line-height: 0;
54
- position: relative;
55
- vertical-align: baseline;
56
- }
57
- sub {
58
- bottom: -0.25em;
59
- }
60
- sup {
61
- top: -0.5em;
62
- }
63
- table {
64
- text-indent: 0;
65
- border-color: inherit;
66
- border-collapse: collapse;
67
- }
68
- :-moz-focusring {
69
- outline: auto;
70
- }
71
- progress {
72
- vertical-align: baseline;
73
- }
74
- summary {
75
- display: list-item;
76
- }
77
- ol, ul, menu {
78
- list-style: none;
79
- }
80
- img, svg, video, canvas, audio, iframe, embed, object {
81
- display: block;
82
- vertical-align: middle;
83
- }
84
- img, video {
85
- max-width: 100%;
86
- height: auto;
87
- }
88
- button, input, select, optgroup, textarea, ::file-selector-button {
89
- font: inherit;
90
- font-feature-settings: inherit;
91
- font-variation-settings: inherit;
92
- letter-spacing: inherit;
93
- color: inherit;
94
- border-radius: 0;
95
- background-color: transparent;
96
- opacity: 1;
97
- }
98
- :where(select:is([multiple], [size])) optgroup {
99
- font-weight: bolder;
100
- }
101
- :where(select:is([multiple], [size])) optgroup option {
102
- padding-inline-start: 20px;
103
- }
104
- ::file-selector-button {
105
- margin-inline-end: 4px;
106
- }
107
- ::-moz-placeholder {
108
- opacity: 1;
109
- }
110
- ::placeholder {
111
- opacity: 1;
112
- }
113
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
114
- ::-moz-placeholder {
115
- color: currentcolor;
116
- @supports (color: color-mix(in lab, red, red)) {
117
- color: color-mix(in oklab, currentcolor 50%, transparent);
118
- }
119
- }
120
- ::placeholder {
121
- color: currentcolor;
122
- @supports (color: color-mix(in lab, red, red)) {
123
- color: color-mix(in oklab, currentcolor 50%, transparent);
124
- }
125
- }
126
- }
127
- textarea {
128
- resize: vertical;
129
- }
130
- ::-webkit-search-decoration {
131
- -webkit-appearance: none;
132
- }
133
- ::-webkit-date-and-time-value {
134
- min-height: 1lh;
135
- text-align: inherit;
136
- }
137
- ::-webkit-datetime-edit {
138
- display: inline-flex;
139
- }
140
- ::-webkit-datetime-edit-fields-wrapper {
141
- padding: 0;
142
- }
143
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
144
- padding-block: 0;
145
- }
146
- ::-webkit-calendar-picker-indicator {
147
- line-height: 1;
148
- }
149
- :-moz-ui-invalid {
150
- box-shadow: none;
151
- }
152
- button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
153
- -webkit-appearance: button;
154
- -moz-appearance: button;
155
- appearance: button;
156
- }
157
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
158
- height: auto;
159
- }
160
- [hidden]:where(:not([hidden='until-found'])) {
161
- display: none !important;
162
- }
163
- }
164
- @layer theme {
165
- :root, :host {
166
- --color-red-400: oklch(70.4% 0.191 22.216);
167
- --color-red-500: oklch(63.7% 0.237 25.331);
168
- --color-yellow-200: oklch(94.5% 0.129 101.54);
169
- --color-yellow-600: oklch(68.1% 0.162 75.834);
170
- --color-green-500: oklch(72.3% 0.219 149.579);
171
- --color-blue-50: oklch(97% 0.014 254.604);
172
- --color-blue-100: oklch(93.2% 0.032 255.585);
173
- --color-blue-200: oklch(88.2% 0.059 254.128);
174
- --color-blue-500: oklch(62.3% 0.214 259.815);
175
- --color-blue-600: oklch(54.6% 0.245 262.881);
176
- --color-blue-700: oklch(48.8% 0.243 264.376);
177
- --color-blue-800: oklch(42.4% 0.199 265.638);
178
- --color-blue-900: oklch(37.9% 0.146 265.522);
179
- --color-slate-50: oklch(98.4% 0.003 247.858);
180
- --color-slate-100: oklch(96.8% 0.007 247.896);
181
- --color-slate-200: oklch(92.9% 0.013 255.508);
182
- --color-slate-300: oklch(86.9% 0.022 252.894);
183
- --color-slate-400: oklch(70.4% 0.04 256.788);
184
- --color-slate-600: oklch(44.6% 0.043 257.281);
185
- --color-slate-700: oklch(37.2% 0.044 257.287);
186
- --color-slate-800: oklch(27.9% 0.041 260.031);
187
- --color-slate-950: oklch(12.9% 0.042 264.695);
188
- --color-gray-50: oklch(98.5% 0.002 247.839);
189
- --color-gray-100: oklch(96.7% 0.003 264.542);
190
- --color-gray-200: oklch(92.8% 0.006 264.531);
191
- --color-gray-300: oklch(87.2% 0.01 258.338);
192
- --color-gray-400: oklch(70.7% 0.022 261.325);
193
- --color-gray-500: oklch(55.1% 0.027 264.364);
194
- --color-gray-600: oklch(44.6% 0.03 256.802);
195
- --color-gray-700: oklch(37.3% 0.034 259.733);
196
- --color-gray-800: oklch(27.8% 0.033 256.848);
197
- --color-gray-900: oklch(21% 0.034 264.665);
198
- --color-black: #000;
199
- --color-white: #fff;
200
- --spacing: 0.25rem;
201
- --container-sm: 24rem;
202
- --container-md: 28rem;
203
- --container-xl: 36rem;
204
- --text-xs: 0.75rem;
205
- --text-xs--line-height: calc(1 / 0.75);
206
- --text-sm: 0.875rem;
207
- --text-sm--line-height: calc(1.25 / 0.875);
208
- --text-base: 1rem;
209
- --text-base--line-height: calc(1.5 / 1);
210
- --text-lg: 1.125rem;
211
- --text-lg--line-height: calc(1.75 / 1.125);
212
- --text-xl: 1.25rem;
213
- --text-xl--line-height: calc(1.75 / 1.25);
214
- --text-2xl: 1.5rem;
215
- --text-2xl--line-height: calc(2 / 1.5);
216
- --font-weight-normal: 400;
217
- --font-weight-medium: 500;
218
- --font-weight-semibold: 600;
219
- --font-weight-bold: 700;
220
- --tracking-wide: 0.025em;
221
- --tracking-wider: 0.05em;
222
- --leading-tight: 1.25;
223
- --radius-sm: 0.25rem;
224
- --radius-md: 0.375rem;
225
- --radius-lg: 0.5rem;
226
- --radius-xl: 0.75rem;
227
- --radius-2xl: 1rem;
228
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
229
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
230
- --animate-spin: spin 1s linear infinite;
231
- --blur-sm: 8px;
232
- --default-transition-duration: 150ms;
233
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
234
- --default-font-family: var(--font-geist-sans);
235
- --default-mono-font-family: var(--font-geist-mono);
236
- --color-background: var(--df-color-background);
237
- --color-foreground: var(--df-color-foreground);
238
- --color-hover: var(--df-color-hover);
239
- --color-border: var(--df-color-border);
240
- --color-card: var(--df-color-card);
241
- --color-card-foreground: var(--df-color-card-foreground);
242
- --color-muted: var(--df-color-muted);
243
- --color-muted-foreground: var(--df-color-muted-foreground);
244
- --color-primary: var(--df-color-primary);
245
- --color-primary-foreground: var(--df-color-primary-foreground);
246
- --color-secondary: var(--df-color-secondary);
247
- --color-secondary-foreground: var(--df-color-secondary-foreground);
248
- --color-destructive: var(--df-color-destructive);
249
- --color-destructive-foreground: var(--df-color-destructive-foreground);
250
- }
251
- }
252
- .pointer-events-auto {
253
- pointer-events: auto;
254
- }
255
- .pointer-events-none {
256
- pointer-events: none;
257
- }
258
- .collapse {
259
- visibility: collapse;
260
- }
261
- .visible {
262
- visibility: visible;
263
- }
264
- .absolute {
265
- position: absolute;
266
- }
267
- .fixed {
268
- position: fixed;
269
- }
270
- .relative {
271
- position: relative;
272
- }
273
- .static {
274
- position: static;
275
- }
276
- .sticky {
277
- position: sticky;
278
- }
279
- .inset-0 {
280
- inset: calc(var(--spacing) * 0);
281
- }
282
- .inset-y-0 {
283
- inset-block: calc(var(--spacing) * 0);
284
- }
285
- .start {
286
- inset-inline-start: var(--spacing);
287
- }
288
- .end {
289
- inset-inline-end: var(--spacing);
290
- }
291
- .-top-1\.5 {
292
- top: calc(var(--spacing) * -1.5);
293
- }
294
- .-top-2\.5 {
295
- top: calc(var(--spacing) * -2.5);
296
- }
297
- .top-0 {
298
- top: calc(var(--spacing) * 0);
299
- }
300
- .top-1 {
301
- top: calc(var(--spacing) * 1);
302
- }
303
- .top-1\/2 {
304
- top: calc(1 / 2 * 100%);
305
- }
306
- .top-4 {
307
- top: calc(var(--spacing) * 4);
308
- }
309
- .top-10 {
310
- top: calc(var(--spacing) * 10);
311
- }
312
- .top-24 {
313
- top: calc(var(--spacing) * 24);
314
- }
315
- .top-full {
316
- top: 100%;
317
- }
318
- .right-0 {
319
- right: calc(var(--spacing) * 0);
320
- }
321
- .right-2 {
322
- right: calc(var(--spacing) * 2);
323
- }
324
- .right-4 {
325
- right: calc(var(--spacing) * 4);
326
- }
327
- .right-5 {
328
- right: calc(var(--spacing) * 5);
329
- }
330
- .-bottom-1 {
331
- bottom: calc(var(--spacing) * -1);
332
- }
333
- .-bottom-1\.5 {
334
- bottom: calc(var(--spacing) * -1.5);
335
- }
336
- .bottom-0 {
337
- bottom: calc(var(--spacing) * 0);
338
- }
339
- .bottom-0\.5 {
340
- bottom: calc(var(--spacing) * 0.5);
341
- }
342
- .bottom-1 {
343
- bottom: calc(var(--spacing) * 1);
344
- }
345
- .-left-9\.5 {
346
- left: calc(var(--spacing) * -9.5);
347
- }
348
- .left-0 {
349
- left: calc(var(--spacing) * 0);
350
- }
351
- .left-0\.5 {
352
- left: calc(var(--spacing) * 0.5);
353
- }
354
- .left-1 {
355
- left: calc(var(--spacing) * 1);
356
- }
357
- .left-2 {
358
- left: calc(var(--spacing) * 2);
359
- }
360
- .left-5 {
361
- left: calc(var(--spacing) * 5);
362
- }
363
- .z-0 {
364
- z-index: 0;
365
- }
366
- .z-10 {
367
- z-index: 10;
368
- }
369
- .z-20 {
370
- z-index: 20;
371
- }
372
- .z-30 {
373
- z-index: 30;
374
- }
375
- .z-50 {
376
- z-index: 50;
377
- }
378
- .z-60 {
379
- z-index: 60;
380
- }
381
- .z-100 {
382
- z-index: 100;
383
- }
384
- .z-110 {
385
- z-index: 110;
386
- }
387
- .z-1000 {
388
- z-index: 1000;
389
- }
390
- .z-9999 {
391
- z-index: 9999;
392
- }
393
- .z-10000 {
394
- z-index: 10000;
395
- }
396
- .z-10001 {
397
- z-index: 10001;
398
- }
399
- .z-\[9999\] {
400
- z-index: 9999;
401
- }
402
- .col-span-2 {
403
- grid-column: span 2 / span 2;
404
- }
405
- .container {
406
- width: 100%;
407
- @media (width >= 40rem) {
408
- max-width: 40rem;
409
- }
410
- @media (width >= 48rem) {
411
- max-width: 48rem;
412
- }
413
- @media (width >= 64rem) {
414
- max-width: 64rem;
415
- }
416
- @media (width >= 80rem) {
417
- max-width: 80rem;
418
- }
419
- @media (width >= 96rem) {
420
- max-width: 96rem;
421
- }
422
- }
423
- .m-1 {
424
- margin: calc(var(--spacing) * 1);
425
- }
426
- .-mx-1 {
427
- margin-inline: calc(var(--spacing) * -1);
428
- }
429
- .mx-0\.5 {
430
- margin-inline: calc(var(--spacing) * 0.5);
431
- }
432
- .mx-2 {
433
- margin-inline: calc(var(--spacing) * 2);
434
- }
435
- .mx-4 {
436
- margin-inline: calc(var(--spacing) * 4);
437
- }
438
- .my-0\.5 {
439
- margin-block: calc(var(--spacing) * 0.5);
440
- }
441
- .my-1 {
442
- margin-block: calc(var(--spacing) * 1);
443
- }
444
- .mt-1 {
445
- margin-top: calc(var(--spacing) * 1);
446
- }
447
- .mt-1\.5 {
448
- margin-top: calc(var(--spacing) * 1.5);
449
- }
450
- .mt-2 {
451
- margin-top: calc(var(--spacing) * 2);
452
- }
453
- .mt-3 {
454
- margin-top: calc(var(--spacing) * 3);
455
- }
456
- .mt-4 {
457
- margin-top: calc(var(--spacing) * 4);
458
- }
459
- .mt-6 {
460
- margin-top: calc(var(--spacing) * 6);
461
- }
462
- .mt-8 {
463
- margin-top: calc(var(--spacing) * 8);
464
- }
465
- .mr-1 {
466
- margin-right: calc(var(--spacing) * 1);
467
- }
468
- .mr-2 {
469
- margin-right: calc(var(--spacing) * 2);
470
- }
471
- .mr-3 {
472
- margin-right: calc(var(--spacing) * 3);
473
- }
474
- .mr-auto {
475
- margin-right: auto;
476
- }
477
- .mb-1 {
478
- margin-bottom: calc(var(--spacing) * 1);
479
- }
480
- .mb-2 {
481
- margin-bottom: calc(var(--spacing) * 2);
482
- }
483
- .mb-3 {
484
- margin-bottom: calc(var(--spacing) * 3);
485
- }
486
- .mb-4 {
487
- margin-bottom: calc(var(--spacing) * 4);
488
- }
489
- .mb-6 {
490
- margin-bottom: calc(var(--spacing) * 6);
491
- }
492
- .mb-8 {
493
- margin-bottom: calc(var(--spacing) * 8);
494
- }
495
- .mb-\[2px\] {
496
- margin-bottom: 2px;
497
- }
498
- .ml-1 {
499
- margin-left: calc(var(--spacing) * 1);
500
- }
501
- .ml-2 {
502
- margin-left: calc(var(--spacing) * 2);
503
- }
504
- .ml-3 {
505
- margin-left: calc(var(--spacing) * 3);
506
- }
507
- .ml-auto {
508
- margin-left: auto;
509
- }
510
- .block {
511
- display: block;
512
- }
513
- .flex {
514
- display: flex;
515
- }
516
- .grid {
517
- display: grid;
518
- }
519
- .hidden {
520
- display: none;
521
- }
522
- .inline {
523
- display: inline;
524
- }
525
- .inline-block {
526
- display: inline-block;
527
- }
528
- .inline-flex {
529
- display: inline-flex;
530
- }
531
- .h-0\.5 {
532
- height: calc(var(--spacing) * 0.5);
533
- }
534
- .h-1 {
535
- height: calc(var(--spacing) * 1);
536
- }
537
- .h-1\.5 {
538
- height: calc(var(--spacing) * 1.5);
539
- }
540
- .h-2 {
541
- height: calc(var(--spacing) * 2);
542
- }
543
- .h-2\.5 {
544
- height: calc(var(--spacing) * 2.5);
545
- }
546
- .h-3 {
547
- height: calc(var(--spacing) * 3);
548
- }
549
- .h-4 {
550
- height: calc(var(--spacing) * 4);
551
- }
552
- .h-5 {
553
- height: calc(var(--spacing) * 5);
554
- }
555
- .h-6 {
556
- height: calc(var(--spacing) * 6);
557
- }
558
- .h-7 {
559
- height: calc(var(--spacing) * 7);
560
- }
561
- .h-8 {
562
- height: calc(var(--spacing) * 8);
563
- }
564
- .h-9 {
565
- height: calc(var(--spacing) * 9);
566
- }
567
- .h-12 {
568
- height: calc(var(--spacing) * 12);
569
- }
570
- .h-40 {
571
- height: calc(var(--spacing) * 40);
572
- }
573
- .h-56 {
574
- height: calc(var(--spacing) * 56);
575
- }
576
- .h-72 {
577
- height: calc(var(--spacing) * 72);
578
- }
579
- .h-\[4\.5rem\] {
580
- height: 4.5rem;
581
- }
582
- .h-\[33px\] {
583
- height: 33px;
584
- }
585
- .h-\[85vh\] {
586
- height: 85vh;
587
- }
588
- .h-full {
589
- height: 100%;
590
- }
591
- .h-px {
592
- height: 1px;
593
- }
594
- .max-h-0 {
595
- max-height: calc(var(--spacing) * 0);
596
- }
597
- .max-h-60 {
598
- max-height: calc(var(--spacing) * 60);
599
- }
600
- .max-h-75 {
601
- max-height: calc(var(--spacing) * 75);
602
- }
603
- .max-h-100 {
604
- max-height: calc(var(--spacing) * 100);
605
- }
606
- .min-h-0 {
607
- min-height: calc(var(--spacing) * 0);
608
- }
609
- .min-h-20 {
610
- min-height: calc(var(--spacing) * 20);
611
- }
612
- .min-h-full {
613
- min-height: 100%;
614
- }
615
- .w-0 {
616
- width: calc(var(--spacing) * 0);
617
- }
618
- .w-0\.5 {
619
- width: calc(var(--spacing) * 0.5);
620
- }
621
- .w-0\.75 {
622
- width: calc(var(--spacing) * 0.75);
623
- }
624
- .w-1 {
625
- width: calc(var(--spacing) * 1);
626
- }
627
- .w-1\.5 {
628
- width: calc(var(--spacing) * 1.5);
629
- }
630
- .w-2 {
631
- width: calc(var(--spacing) * 2);
632
- }
633
- .w-2\.5 {
634
- width: calc(var(--spacing) * 2.5);
635
- }
636
- .w-3 {
637
- width: calc(var(--spacing) * 3);
638
- }
639
- .w-4 {
640
- width: calc(var(--spacing) * 4);
641
- }
642
- .w-5 {
643
- width: calc(var(--spacing) * 5);
644
- }
645
- .w-6 {
646
- width: calc(var(--spacing) * 6);
647
- }
648
- .w-7 {
649
- width: calc(var(--spacing) * 7);
650
- }
651
- .w-8 {
652
- width: calc(var(--spacing) * 8);
653
- }
654
- .w-9 {
655
- width: calc(var(--spacing) * 9);
656
- }
657
- .w-10 {
658
- width: calc(var(--spacing) * 10);
659
- }
660
- .w-12 {
661
- width: calc(var(--spacing) * 12);
662
- }
663
- .w-14 {
664
- width: calc(var(--spacing) * 14);
665
- }
666
- .w-20 {
667
- width: calc(var(--spacing) * 20);
668
- }
669
- .w-48 {
670
- width: calc(var(--spacing) * 48);
671
- }
672
- .w-64 {
673
- width: calc(var(--spacing) * 64);
674
- }
675
- .w-85 {
676
- width: calc(var(--spacing) * 85);
677
- }
678
- .w-\[3px\] {
679
- width: 3px;
680
- }
681
- .w-\[30\%\] {
682
- width: 30%;
683
- }
684
- .w-full {
685
- width: 100%;
686
- }
687
- .w-max {
688
- width: -moz-max-content;
689
- width: max-content;
690
- }
691
- .max-w-md {
692
- max-width: var(--container-md);
693
- }
694
- .max-w-sm {
695
- max-width: var(--container-sm);
696
- }
697
- .max-w-xl {
698
- max-width: var(--container-xl);
699
- }
700
- .min-w-0 {
701
- min-width: calc(var(--spacing) * 0);
702
- }
703
- .min-w-6 {
704
- min-width: calc(var(--spacing) * 6);
705
- }
706
- .min-w-30 {
707
- min-width: calc(var(--spacing) * 30);
708
- }
709
- .min-w-32 {
710
- min-width: calc(var(--spacing) * 32);
711
- }
712
- .min-w-48 {
713
- min-width: calc(var(--spacing) * 48);
714
- }
715
- .min-w-64 {
716
- min-width: calc(var(--spacing) * 64);
717
- }
718
- .min-w-full {
719
- min-width: 100%;
720
- }
721
- .flex-1 {
722
- flex: 1;
723
- }
724
- .flex-3 {
725
- flex: 3;
726
- }
727
- .flex-none {
728
- flex: none;
729
- }
730
- .flex-shrink-0 {
731
- flex-shrink: 0;
732
- }
733
- .shrink-0 {
734
- flex-shrink: 0;
735
- }
736
- .flex-grow {
737
- flex-grow: 1;
738
- }
739
- .grow {
740
- flex-grow: 1;
741
- }
742
- .origin-top {
743
- transform-origin: top;
744
- }
745
- .origin-top-left {
746
- transform-origin: 0 0;
747
- }
748
- .origin-top-right {
749
- transform-origin: 100% 0;
750
- }
751
- .-translate-x-1\/2 {
752
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
753
- translate: var(--tw-translate-x) var(--tw-translate-y);
754
- }
755
- .translate-x-5 {
756
- --tw-translate-x: calc(var(--spacing) * 5);
757
- translate: var(--tw-translate-x) var(--tw-translate-y);
758
- }
759
- .-translate-y-1\/2 {
760
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
761
- translate: var(--tw-translate-x) var(--tw-translate-y);
762
- }
763
- .scale-75 {
764
- --tw-scale-x: 75%;
765
- --tw-scale-y: 75%;
766
- --tw-scale-z: 75%;
767
- scale: var(--tw-scale-x) var(--tw-scale-y);
768
- }
769
- .scale-95 {
770
- --tw-scale-x: 95%;
771
- --tw-scale-y: 95%;
772
- --tw-scale-z: 95%;
773
- scale: var(--tw-scale-x) var(--tw-scale-y);
774
- }
775
- .scale-100 {
776
- --tw-scale-x: 100%;
777
- --tw-scale-y: 100%;
778
- --tw-scale-z: 100%;
779
- scale: var(--tw-scale-x) var(--tw-scale-y);
780
- }
781
- .scale-110 {
782
- --tw-scale-x: 110%;
783
- --tw-scale-y: 110%;
784
- --tw-scale-z: 110%;
785
- scale: var(--tw-scale-x) var(--tw-scale-y);
786
- }
787
- .-rotate-90 {
788
- rotate: calc(90deg * -1);
789
- }
790
- .rotate-45 {
791
- rotate: 45deg;
792
- }
793
- .rotate-180 {
794
- rotate: 180deg;
795
- }
796
- .transform {
797
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
798
- }
799
- .animate-spin {
800
- animation: var(--animate-spin);
801
- }
802
- .cursor-default {
803
- cursor: default;
804
- }
805
- .cursor-ew-resize {
806
- cursor: ew-resize;
807
- }
808
- .cursor-grab {
809
- cursor: grab;
810
- }
811
- .cursor-not-allowed {
812
- cursor: not-allowed;
813
- }
814
- .cursor-ns-resize {
815
- cursor: ns-resize;
816
- }
817
- .cursor-pointer {
818
- cursor: pointer;
819
- }
820
- .resize {
821
- resize: both;
822
- }
823
- .resize-none {
824
- resize: none;
825
- }
826
- .snap-x {
827
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
828
- }
829
- .snap-y {
830
- scroll-snap-type: y var(--tw-scroll-snap-strictness);
831
- }
832
- .snap-mandatory {
833
- --tw-scroll-snap-strictness: mandatory;
834
- }
835
- .snap-center {
836
- scroll-snap-align: center;
837
- }
838
- .snap-start {
839
- scroll-snap-align: start;
840
- }
841
- .grid-cols-7 {
842
- grid-template-columns: repeat(7, minmax(0, 1fr));
843
- }
844
- .grid-rows-6 {
845
- grid-template-rows: repeat(6, minmax(0, 1fr));
846
- }
847
- .flex-col {
848
- flex-direction: column;
849
- }
850
- .flex-row {
851
- flex-direction: row;
852
- }
853
- .flex-wrap {
854
- flex-wrap: wrap;
855
- }
856
- .items-center {
857
- align-items: center;
858
- }
859
- .items-end {
860
- align-items: flex-end;
861
- }
862
- .items-start {
863
- align-items: flex-start;
864
- }
865
- .items-stretch {
866
- align-items: stretch;
867
- }
868
- .justify-between {
869
- justify-content: space-between;
870
- }
871
- .justify-center {
872
- justify-content: center;
873
- }
874
- .justify-end {
875
- justify-content: flex-end;
876
- }
877
- .justify-evenly {
878
- justify-content: space-evenly;
879
- }
880
- .justify-start {
881
- justify-content: flex-start;
882
- }
883
- .justify-items-center {
884
- justify-items: center;
885
- }
886
- .gap-0 {
887
- gap: calc(var(--spacing) * 0);
888
- }
889
- .gap-0\.5 {
890
- gap: calc(var(--spacing) * 0.5);
891
- }
892
- .gap-1 {
893
- gap: calc(var(--spacing) * 1);
894
- }
895
- .gap-1\.5 {
896
- gap: calc(var(--spacing) * 1.5);
897
- }
898
- .gap-2 {
899
- gap: calc(var(--spacing) * 2);
900
- }
901
- .gap-2\.5 {
902
- gap: calc(var(--spacing) * 2.5);
903
- }
904
- .gap-3 {
905
- gap: calc(var(--spacing) * 3);
906
- }
907
- .gap-4 {
908
- gap: calc(var(--spacing) * 4);
909
- }
910
- .gap-px {
911
- gap: 1px;
912
- }
913
- .space-y-1 {
914
- :where(& > :not(:last-child)) {
915
- --tw-space-y-reverse: 0;
916
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
917
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
918
- }
919
- }
920
- .space-y-2 {
921
- :where(& > :not(:last-child)) {
922
- --tw-space-y-reverse: 0;
923
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
924
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
925
- }
926
- }
927
- .space-y-3 {
928
- :where(& > :not(:last-child)) {
929
- --tw-space-y-reverse: 0;
930
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
931
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
932
- }
933
- }
934
- .space-y-4 {
935
- :where(& > :not(:last-child)) {
936
- --tw-space-y-reverse: 0;
937
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
938
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
939
- }
940
- }
941
- .space-y-6 {
942
- :where(& > :not(:last-child)) {
943
- --tw-space-y-reverse: 0;
944
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
945
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
946
- }
947
- }
948
- .space-x-2 {
949
- :where(& > :not(:last-child)) {
950
- --tw-space-x-reverse: 0;
951
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
952
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
953
- }
954
- }
955
- .gap-y-0\.5 {
956
- row-gap: calc(var(--spacing) * 0.5);
957
- }
958
- .self-stretch {
959
- align-self: stretch;
960
- }
961
- .truncate {
962
- overflow: hidden;
963
- text-overflow: ellipsis;
964
- white-space: nowrap;
965
- }
966
- .overflow-auto {
967
- overflow: auto;
968
- }
969
- .overflow-hidden {
970
- overflow: hidden;
971
- }
972
- .overflow-visible {
973
- overflow: visible;
974
- }
975
- .overflow-x-hidden {
976
- overflow-x: hidden;
977
- }
978
- .overflow-y-auto {
979
- overflow-y: auto;
980
- }
981
- .overscroll-contain {
982
- overscroll-behavior: contain;
983
- }
984
- .rounded {
985
- border-radius: 0.25rem;
986
- }
987
- .rounded-full {
988
- border-radius: calc(infinity * 1px);
989
- }
990
- .rounded-lg {
991
- border-radius: var(--radius-lg);
992
- }
993
- .rounded-md {
994
- border-radius: var(--radius-md);
995
- }
996
- .rounded-none {
997
- border-radius: 0;
998
- }
999
- .rounded-sm {
1000
- border-radius: var(--radius-sm);
1001
- }
1002
- .rounded-xl {
1003
- border-radius: var(--radius-xl);
1004
- }
1005
- .rounded-t-2xl {
1006
- border-top-left-radius: var(--radius-2xl);
1007
- border-top-right-radius: var(--radius-2xl);
1008
- }
1009
- .rounded-t-sm {
1010
- border-top-left-radius: var(--radius-sm);
1011
- border-top-right-radius: var(--radius-sm);
1012
- }
1013
- .rounded-l {
1014
- border-top-left-radius: 0.25rem;
1015
- border-bottom-left-radius: 0.25rem;
1016
- }
1017
- .rounded-l-none {
1018
- border-top-left-radius: 0;
1019
- border-bottom-left-radius: 0;
1020
- }
1021
- .rounded-l-xl {
1022
- border-top-left-radius: var(--radius-xl);
1023
- border-bottom-left-radius: var(--radius-xl);
1024
- }
1025
- .rounded-r {
1026
- border-top-right-radius: 0.25rem;
1027
- border-bottom-right-radius: 0.25rem;
1028
- }
1029
- .rounded-r-none {
1030
- border-top-right-radius: 0;
1031
- border-bottom-right-radius: 0;
1032
- }
1033
- .rounded-r-xl {
1034
- border-top-right-radius: var(--radius-xl);
1035
- border-bottom-right-radius: var(--radius-xl);
1036
- }
1037
- .rounded-b-sm {
1038
- border-bottom-right-radius: var(--radius-sm);
1039
- border-bottom-left-radius: var(--radius-sm);
1040
- }
1041
- .border {
1042
- border-style: var(--tw-border-style);
1043
- border-width: 1px;
1044
- }
1045
- .border-2 {
1046
- border-style: var(--tw-border-style);
1047
- border-width: 2px;
1048
- }
1049
- .border-t {
1050
- border-top-style: var(--tw-border-style);
1051
- border-top-width: 1px;
1052
- }
1053
- .border-t-0 {
1054
- border-top-style: var(--tw-border-style);
1055
- border-top-width: 0px;
1056
- }
1057
- .border-r {
1058
- border-right-style: var(--tw-border-style);
1059
- border-right-width: 1px;
1060
- }
1061
- .border-r-0 {
1062
- border-right-style: var(--tw-border-style);
1063
- border-right-width: 0px;
1064
- }
1065
- .border-b {
1066
- border-bottom-style: var(--tw-border-style);
1067
- border-bottom-width: 1px;
1068
- }
1069
- .border-l {
1070
- border-left-style: var(--tw-border-style);
1071
- border-left-width: 1px;
1072
- }
1073
- .border-l-0 {
1074
- border-left-style: var(--tw-border-style);
1075
- border-left-width: 0px;
1076
- }
1077
- .border-l-2 {
1078
- border-left-style: var(--tw-border-style);
1079
- border-left-width: 2px;
1080
- }
1081
- .border-l-4 {
1082
- border-left-style: var(--tw-border-style);
1083
- border-left-width: 4px;
1084
- }
1085
- .border-dashed {
1086
- --tw-border-style: dashed;
1087
- border-style: dashed;
1088
- }
1089
- .border-none {
1090
- --tw-border-style: none;
1091
- border-style: none;
1092
- }
1093
- .border-border {
1094
- border-color: var(--df-color-border);
1095
- }
1096
- .border-gray-100 {
1097
- border-color: var(--color-gray-100);
1098
- }
1099
- .border-gray-200 {
1100
- border-color: var(--color-gray-200);
1101
- }
1102
- .border-gray-300 {
1103
- border-color: var(--color-gray-300);
1104
- }
1105
- .border-slate-100 {
1106
- border-color: var(--color-slate-100);
1107
- }
1108
- .border-slate-200 {
1109
- border-color: var(--color-slate-200);
1110
- }
1111
- .border-transparent {
1112
- border-color: transparent;
1113
- }
1114
- .border-l-\(--df-color-primary\) {
1115
- border-left-color: var(--df-color-primary);
1116
- }
1117
- .bg-\[var\(--df-color-primary\)\] {
1118
- background-color: var(--df-color-primary);
1119
- }
1120
- .bg-background {
1121
- background-color: var(--df-color-background);
1122
- }
1123
- .bg-black\/30 {
1124
- background-color: color-mix(in srgb, #000 30%, transparent);
1125
- @supports (color: color-mix(in lab, red, red)) {
1126
- background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1127
- }
1128
- }
1129
- .bg-black\/40 {
1130
- background-color: color-mix(in srgb, #000 40%, transparent);
1131
- @supports (color: color-mix(in lab, red, red)) {
1132
- background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1133
- }
1134
- }
1135
- .bg-black\/50 {
1136
- background-color: color-mix(in srgb, #000 50%, transparent);
1137
- @supports (color: color-mix(in lab, red, red)) {
1138
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1139
- }
1140
- }
1141
- .bg-black\/60 {
1142
- background-color: color-mix(in srgb, #000 60%, transparent);
1143
- @supports (color: color-mix(in lab, red, red)) {
1144
- background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
1145
- }
1146
- }
1147
- .bg-blue-50 {
1148
- background-color: var(--color-blue-50);
1149
- }
1150
- .bg-blue-100 {
1151
- background-color: var(--color-blue-100);
1152
- }
1153
- .bg-blue-500 {
1154
- background-color: var(--color-blue-500);
1155
- }
1156
- .bg-gray-50 {
1157
- background-color: var(--color-gray-50);
1158
- }
1159
- .bg-gray-50\/80 {
1160
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent);
1161
- @supports (color: color-mix(in lab, red, red)) {
1162
- background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent);
1163
- }
1164
- }
1165
- .bg-gray-100 {
1166
- background-color: var(--color-gray-100);
1167
- }
1168
- .bg-gray-200 {
1169
- background-color: var(--color-gray-200);
1170
- }
1171
- .bg-gray-300 {
1172
- background-color: var(--color-gray-300);
1173
- }
1174
- .bg-gray-300\/20 {
1175
- background-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 20%, transparent);
1176
- @supports (color: color-mix(in lab, red, red)) {
1177
- background-color: color-mix(in oklab, var(--color-gray-300) 20%, transparent);
1178
- }
1179
- }
1180
- .bg-gray-900 {
1181
- background-color: var(--color-gray-900);
1182
- }
1183
- .bg-green-500 {
1184
- background-color: var(--color-green-500);
1185
- }
1186
- .bg-primary {
1187
- background-color: var(--df-color-primary);
1188
- }
1189
- .bg-secondary {
1190
- background-color: var(--df-color-secondary);
1191
- }
1192
- .bg-slate-200 {
1193
- background-color: var(--color-slate-200);
1194
- }
1195
- .bg-transparent {
1196
- background-color: transparent;
1197
- }
1198
- .bg-white {
1199
- background-color: var(--color-white);
1200
- }
1201
- .bg-white\/50 {
1202
- background-color: color-mix(in srgb, #fff 50%, transparent);
1203
- @supports (color: color-mix(in lab, red, red)) {
1204
- background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
1205
- }
1206
- }
1207
- .bg-white\/60 {
1208
- background-color: color-mix(in srgb, #fff 60%, transparent);
1209
- @supports (color: color-mix(in lab, red, red)) {
1210
- background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
1211
- }
1212
- }
1213
- .p-0\.5 {
1214
- padding: calc(var(--spacing) * 0.5);
1215
- }
1216
- .p-1 {
1217
- padding: calc(var(--spacing) * 1);
1218
- }
1219
- .p-2 {
1220
- padding: calc(var(--spacing) * 2);
1221
- }
1222
- .p-3 {
1223
- padding: calc(var(--spacing) * 3);
1224
- }
1225
- .p-4 {
1226
- padding: calc(var(--spacing) * 4);
1227
- }
1228
- .p-6 {
1229
- padding: calc(var(--spacing) * 6);
1230
- }
1231
- .px-0 {
1232
- padding-inline: calc(var(--spacing) * 0);
1233
- }
1234
- .px-0\.5 {
1235
- padding-inline: calc(var(--spacing) * 0.5);
1236
- }
1237
- .px-1 {
1238
- padding-inline: calc(var(--spacing) * 1);
1239
- }
1240
- .px-1\.5 {
1241
- padding-inline: calc(var(--spacing) * 1.5);
1242
- }
1243
- .px-2 {
1244
- padding-inline: calc(var(--spacing) * 2);
1245
- }
1246
- .px-3 {
1247
- padding-inline: calc(var(--spacing) * 3);
1248
- }
1249
- .px-4 {
1250
- padding-inline: calc(var(--spacing) * 4);
1251
- }
1252
- .px-6 {
1253
- padding-inline: calc(var(--spacing) * 6);
1254
- }
1255
- .py-0 {
1256
- padding-block: calc(var(--spacing) * 0);
1257
- }
1258
- .py-0\.5 {
1259
- padding-block: calc(var(--spacing) * 0.5);
1260
- }
1261
- .py-1 {
1262
- padding-block: calc(var(--spacing) * 1);
1263
- }
1264
- .py-1\.5 {
1265
- padding-block: calc(var(--spacing) * 1.5);
1266
- }
1267
- .py-2 {
1268
- padding-block: calc(var(--spacing) * 2);
1269
- }
1270
- .py-3 {
1271
- padding-block: calc(var(--spacing) * 3);
1272
- }
1273
- .pt-1 {
1274
- padding-top: calc(var(--spacing) * 1);
1275
- }
1276
- .pt-2 {
1277
- padding-top: calc(var(--spacing) * 2);
1278
- }
1279
- .pt-3 {
1280
- padding-top: calc(var(--spacing) * 3);
1281
- }
1282
- .pr-1 {
1283
- padding-right: calc(var(--spacing) * 1);
1284
- }
1285
- .pr-2 {
1286
- padding-right: calc(var(--spacing) * 2);
1287
- }
1288
- .pr-2\.75 {
1289
- padding-right: calc(var(--spacing) * 2.75);
1290
- }
1291
- .pr-3 {
1292
- padding-right: calc(var(--spacing) * 3);
1293
- }
1294
- .pr-5 {
1295
- padding-right: calc(var(--spacing) * 5);
1296
- }
1297
- .pr-8 {
1298
- padding-right: calc(var(--spacing) * 8);
1299
- }
1300
- .pr-10 {
1301
- padding-right: calc(var(--spacing) * 10);
1302
- }
1303
- .pb-0\.5 {
1304
- padding-bottom: calc(var(--spacing) * 0.5);
1305
- }
1306
- .pb-1 {
1307
- padding-bottom: calc(var(--spacing) * 1);
1308
- }
1309
- .pb-2 {
1310
- padding-bottom: calc(var(--spacing) * 2);
1311
- }
1312
- .pb-3 {
1313
- padding-bottom: calc(var(--spacing) * 3);
1314
- }
1315
- .pl-0 {
1316
- padding-left: calc(var(--spacing) * 0);
1317
- }
1318
- .pl-1 {
1319
- padding-left: calc(var(--spacing) * 1);
1320
- }
1321
- .pl-3 {
1322
- padding-left: calc(var(--spacing) * 3);
1323
- }
1324
- .pl-5 {
1325
- padding-left: calc(var(--spacing) * 5);
1326
- }
1327
- .pl-6 {
1328
- padding-left: calc(var(--spacing) * 6);
1329
- }
1330
- .pl-9 {
1331
- padding-left: calc(var(--spacing) * 9);
1332
- }
1333
- .text-center {
1334
- text-align: center;
1335
- }
1336
- .text-left {
1337
- text-align: left;
1338
- }
1339
- .text-right {
1340
- text-align: right;
1341
- }
1342
- .text-2xl {
1343
- font-size: var(--text-2xl);
1344
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1345
- }
1346
- .text-base {
1347
- font-size: var(--text-base);
1348
- line-height: var(--tw-leading, var(--text-base--line-height));
1349
- }
1350
- .text-lg {
1351
- font-size: var(--text-lg);
1352
- line-height: var(--tw-leading, var(--text-lg--line-height));
1353
- }
1354
- .text-sm {
1355
- font-size: var(--text-sm);
1356
- line-height: var(--tw-leading, var(--text-sm--line-height));
1357
- }
1358
- .text-xl {
1359
- font-size: var(--text-xl);
1360
- line-height: var(--tw-leading, var(--text-xl--line-height));
1361
- }
1362
- .text-xs {
1363
- font-size: var(--text-xs);
1364
- line-height: var(--tw-leading, var(--text-xs--line-height));
1365
- }
1366
- .text-\[9px\] {
1367
- font-size: 9px;
1368
- }
1369
- .text-\[10px\] {
1370
- font-size: 10px;
1371
- }
1372
- .text-\[12px\] {
1373
- font-size: 12px;
1374
- }
1375
- .leading-6 {
1376
- --tw-leading: calc(var(--spacing) * 6);
1377
- line-height: calc(var(--spacing) * 6);
1378
- }
1379
- .leading-\[16px\] {
1380
- --tw-leading: 16px;
1381
- line-height: 16px;
1382
- }
1383
- .leading-none {
1384
- --tw-leading: 1;
1385
- line-height: 1;
1386
- }
1387
- .leading-tight {
1388
- --tw-leading: var(--leading-tight);
1389
- line-height: var(--leading-tight);
1390
- }
1391
- .font-bold {
1392
- --tw-font-weight: var(--font-weight-bold);
1393
- font-weight: var(--font-weight-bold);
1394
- }
1395
- .font-medium {
1396
- --tw-font-weight: var(--font-weight-medium);
1397
- font-weight: var(--font-weight-medium);
1398
- }
1399
- .font-normal {
1400
- --tw-font-weight: var(--font-weight-normal);
1401
- font-weight: var(--font-weight-normal);
1402
- }
1403
- .font-semibold {
1404
- --tw-font-weight: var(--font-weight-semibold);
1405
- font-weight: var(--font-weight-semibold);
1406
- }
1407
- .tracking-wide {
1408
- --tw-tracking: var(--tracking-wide);
1409
- letter-spacing: var(--tracking-wide);
1410
- }
1411
- .tracking-wider {
1412
- --tw-tracking: var(--tracking-wider);
1413
- letter-spacing: var(--tracking-wider);
1414
- }
1415
- .whitespace-nowrap {
1416
- white-space: nowrap;
1417
- }
1418
- .text-\[var\(--df-color-foreground\)\] {
1419
- color: var(--df-color-foreground);
1420
- }
1421
- .text-\[var\(--df-color-primary-foreground\)\] {
1422
- color: var(--df-color-primary-foreground);
1423
- }
1424
- .text-black {
1425
- color: var(--color-black);
1426
- }
1427
- .text-blue-700 {
1428
- color: var(--color-blue-700);
1429
- }
1430
- .text-blue-900 {
1431
- color: var(--color-blue-900);
1432
- }
1433
- .text-gray-300 {
1434
- color: var(--color-gray-300);
1435
- }
1436
- .text-gray-400 {
1437
- color: var(--color-gray-400);
1438
- }
1439
- .text-gray-500 {
1440
- color: var(--color-gray-500);
1441
- }
1442
- .text-gray-600 {
1443
- color: var(--color-gray-600);
1444
- }
1445
- .text-gray-700 {
1446
- color: var(--color-gray-700);
1447
- }
1448
- .text-gray-800 {
1449
- color: var(--color-gray-800);
1450
- }
1451
- .text-gray-900 {
1452
- color: var(--color-gray-900);
1453
- }
1454
- .text-primary {
1455
- color: var(--df-color-primary);
1456
- }
1457
- .text-red-500 {
1458
- color: var(--color-red-500);
1459
- }
1460
- .text-slate-300 {
1461
- color: var(--color-slate-300);
1462
- }
1463
- .text-slate-400 {
1464
- color: var(--color-slate-400);
1465
- }
1466
- .text-slate-600 {
1467
- color: var(--color-slate-600);
1468
- }
1469
- .text-slate-700 {
1470
- color: var(--color-slate-700);
1471
- }
1472
- .text-slate-950 {
1473
- color: var(--color-slate-950);
1474
- }
1475
- .text-white {
1476
- color: var(--color-white);
1477
- }
1478
- .text-white\/80 {
1479
- color: color-mix(in srgb, #fff 80%, transparent);
1480
- @supports (color: color-mix(in lab, red, red)) {
1481
- color: color-mix(in oklab, var(--color-white) 80%, transparent);
1482
- }
1483
- }
1484
- .text-yellow-200 {
1485
- color: var(--color-yellow-200);
1486
- }
1487
- .text-yellow-600 {
1488
- color: var(--color-yellow-600);
1489
- }
1490
- .capitalize {
1491
- text-transform: capitalize;
1492
- }
1493
- .uppercase {
1494
- text-transform: uppercase;
1495
- }
1496
- .placeholder-gray-400 {
1497
- &::-moz-placeholder {
1498
- color: var(--color-gray-400);
1499
- }
1500
- &::placeholder {
1501
- color: var(--color-gray-400);
1502
- }
1503
- }
1504
- .placeholder-gray-500 {
1505
- &::-moz-placeholder {
1506
- color: var(--color-gray-500);
1507
- }
1508
- &::placeholder {
1509
- color: var(--color-gray-500);
1510
- }
1511
- }
1512
- .opacity-0 {
1513
- opacity: 0%;
1514
- }
1515
- .opacity-25 {
1516
- opacity: 25%;
1517
- }
1518
- .opacity-50 {
1519
- opacity: 50%;
1520
- }
1521
- .opacity-60 {
1522
- opacity: 60%;
1523
- }
1524
- .opacity-70 {
1525
- opacity: 70%;
1526
- }
1527
- .opacity-75 {
1528
- opacity: 75%;
1529
- }
1530
- .opacity-80 {
1531
- opacity: 80%;
1532
- }
1533
- .opacity-90 {
1534
- opacity: 90%;
1535
- }
1536
- .opacity-100 {
1537
- opacity: 100%;
1538
- }
1539
- .shadow {
1540
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1541
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1542
- }
1543
- .shadow-2xl {
1544
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1545
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1546
- }
1547
- .shadow-lg {
1548
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1549
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1550
- }
1551
- .shadow-md {
1552
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1553
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1554
- }
1555
- .shadow-sm {
1556
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1557
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1558
- }
1559
- .shadow-xl {
1560
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1561
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1562
- }
1563
- .ring-1 {
1564
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1565
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1566
- }
1567
- .ring-2 {
1568
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1569
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1570
- }
1571
- .shadow-primary {
1572
- --tw-shadow-color: var(--df-color-primary);
1573
- @supports (color: color-mix(in lab, red, red)) {
1574
- --tw-shadow-color: color-mix(in oklab, var(--df-color-primary) var(--tw-shadow-alpha), transparent);
1575
- }
1576
- }
1577
- .ring-primary {
1578
- --tw-ring-color: var(--df-color-primary);
1579
- }
1580
- .ring-offset-1 {
1581
- --tw-ring-offset-width: 1px;
1582
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1583
- }
1584
- .ring-offset-2 {
1585
- --tw-ring-offset-width: 2px;
1586
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1587
- }
1588
- .grayscale-\[0\.5\] {
1589
- --tw-grayscale: grayscale(0.5);
1590
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1591
- }
1592
- .invert {
1593
- --tw-invert: invert(100%);
1594
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1595
- }
1596
- .filter {
1597
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1598
- }
1599
- .backdrop-blur-sm {
1600
- --tw-backdrop-blur: blur(var(--blur-sm));
1601
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1602
- }
1603
- .transition {
1604
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1605
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1606
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1607
- }
1608
- .transition-\[min-height\] {
1609
- transition-property: min-height;
1610
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1611
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1612
- }
1613
- .transition-all {
1614
- transition-property: all;
1615
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1616
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1617
- }
1618
- .transition-colors {
1619
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1620
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1621
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1622
- }
1623
- .transition-opacity {
1624
- transition-property: opacity;
1625
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1626
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1627
- }
1628
- .transition-transform {
1629
- transition-property: transform, translate, scale, rotate;
1630
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1631
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1632
- }
1633
- .duration-100 {
1634
- --tw-duration: 100ms;
1635
- transition-duration: 100ms;
1636
- }
1637
- .duration-150 {
1638
- --tw-duration: 150ms;
1639
- transition-duration: 150ms;
1640
- }
1641
- .duration-200 {
1642
- --tw-duration: 200ms;
1643
- transition-duration: 200ms;
1644
- }
1645
- .duration-300 {
1646
- --tw-duration: 300ms;
1647
- transition-duration: 300ms;
1648
- }
1649
- .ease-in-out {
1650
- --tw-ease: var(--ease-in-out);
1651
- transition-timing-function: var(--ease-in-out);
1652
- }
1653
- .ease-out {
1654
- --tw-ease: var(--ease-out);
1655
- transition-timing-function: var(--ease-out);
1656
- }
1657
- .will-change-scroll {
1658
- will-change: scroll-position;
1659
- }
1660
- .outline-none {
1661
- --tw-outline-style: none;
1662
- outline-style: none;
1663
- }
1664
- .select-none {
1665
- -webkit-user-select: none;
1666
- -moz-user-select: none;
1667
- user-select: none;
1668
- }
1669
- .ring-inset {
1670
- --tw-ring-inset: inset;
1671
- }
1672
- .group-hover\:scale-110 {
1673
- &:is(:where(.group):hover *) {
1674
- @media (hover: hover) {
1675
- --tw-scale-x: 110%;
1676
- --tw-scale-y: 110%;
1677
- --tw-scale-z: 110%;
1678
- scale: var(--tw-scale-x) var(--tw-scale-y);
1679
- }
1680
- }
1681
- }
1682
- .group-hover\:text-gray-900 {
1683
- &:is(:where(.group):hover *) {
1684
- @media (hover: hover) {
1685
- color: var(--color-gray-900);
1686
- }
1687
- }
1688
- }
1689
- .group-hover\:opacity-100 {
1690
- &:is(:where(.group):hover *) {
1691
- @media (hover: hover) {
1692
- opacity: 100%;
1693
- }
1694
- }
1695
- }
1696
- .last\:mb-0 {
1697
- &:last-child {
1698
- margin-bottom: calc(var(--spacing) * 0);
1699
- }
1700
- }
1701
- .last\:border-0 {
1702
- &:last-child {
1703
- border-style: var(--tw-border-style);
1704
- border-width: 0px;
1705
- }
1706
- }
1707
- .last\:border-r {
1708
- &:last-child {
1709
- border-right-style: var(--tw-border-style);
1710
- border-right-width: 1px;
1711
- }
1712
- }
1713
- .hover\:scale-110 {
1714
- &:hover {
1715
- @media (hover: hover) {
1716
- --tw-scale-x: 110%;
1717
- --tw-scale-y: 110%;
1718
- --tw-scale-z: 110%;
1719
- scale: var(--tw-scale-x) var(--tw-scale-y);
1720
- }
1721
- }
1722
- }
1723
- .hover\:border-gray-300 {
1724
- &:hover {
1725
- @media (hover: hover) {
1726
- border-color: var(--color-gray-300);
1727
- }
1728
- }
1729
- }
1730
- .hover\:bg-\(--hover\) {
1731
- &:hover {
1732
- @media (hover: hover) {
1733
- background-color: var(--hover);
1734
- }
1735
- }
1736
- }
1737
- .hover\:bg-\[var\(--df-color-primary\)\] {
1738
- &:hover {
1739
- @media (hover: hover) {
1740
- background-color: var(--df-color-primary);
1741
- }
1742
- }
1743
- }
1744
- .hover\:bg-blue-100 {
1745
- &:hover {
1746
- @media (hover: hover) {
1747
- background-color: var(--color-blue-100);
1748
- }
1749
- }
1750
- }
1751
- .hover\:bg-blue-200 {
1752
- &:hover {
1753
- @media (hover: hover) {
1754
- background-color: var(--color-blue-200);
1755
- }
1756
- }
1757
- }
1758
- .hover\:bg-gray-50 {
1759
- &:hover {
1760
- @media (hover: hover) {
1761
- background-color: var(--color-gray-50);
1762
- }
1763
- }
1764
- }
1765
- .hover\:bg-gray-100 {
1766
- &:hover {
1767
- @media (hover: hover) {
1768
- background-color: var(--color-gray-100);
1769
- }
1770
- }
1771
- }
1772
- .hover\:bg-gray-200 {
1773
- &:hover {
1774
- @media (hover: hover) {
1775
- background-color: var(--color-gray-200);
1776
- }
1777
- }
1778
- }
1779
- .hover\:bg-gray-300 {
1780
- &:hover {
1781
- @media (hover: hover) {
1782
- background-color: var(--color-gray-300);
1783
- }
1784
- }
1785
- }
1786
- .hover\:bg-slate-50 {
1787
- &:hover {
1788
- @media (hover: hover) {
1789
- background-color: var(--color-slate-50);
1790
- }
1791
- }
1792
- }
1793
- .hover\:text-\[var\(--df-color-primary-foreground\)\] {
1794
- &:hover {
1795
- @media (hover: hover) {
1796
- color: var(--df-color-primary-foreground);
1797
- }
1798
- }
1799
- }
1800
- .hover\:text-gray-600 {
1801
- &:hover {
1802
- @media (hover: hover) {
1803
- color: var(--color-gray-600);
1804
- }
1805
- }
1806
- }
1807
- .hover\:text-gray-700 {
1808
- &:hover {
1809
- @media (hover: hover) {
1810
- color: var(--color-gray-700);
1811
- }
1812
- }
1813
- }
1814
- .hover\:text-gray-900 {
1815
- &:hover {
1816
- @media (hover: hover) {
1817
- color: var(--color-gray-900);
1818
- }
1819
- }
1820
- }
1821
- .hover\:text-slate-600 {
1822
- &:hover {
1823
- @media (hover: hover) {
1824
- color: var(--color-slate-600);
1825
- }
1826
- }
1827
- }
1828
- .hover\:underline {
1829
- &:hover {
1830
- @media (hover: hover) {
1831
- text-decoration-line: underline;
1832
- }
1833
- }
1834
- }
1835
- .hover\:opacity-80 {
1836
- &:hover {
1837
- @media (hover: hover) {
1838
- opacity: 80%;
1839
- }
1840
- }
1841
- }
1842
- .hover\:opacity-90 {
1843
- &:hover {
1844
- @media (hover: hover) {
1845
- opacity: 90%;
1846
- }
1847
- }
1848
- }
1849
- .hover\:shadow {
1850
- &:hover {
1851
- @media (hover: hover) {
1852
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1853
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1854
- }
1855
- }
1856
- }
1857
- .hover\:shadow-sm {
1858
- &:hover {
1859
- @media (hover: hover) {
1860
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1861
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1862
- }
1863
- }
1864
- }
1865
- .focus\:bg-\[var\(--df-color-primary\)\] {
1866
- &:focus {
1867
- background-color: var(--df-color-primary);
1868
- }
1869
- }
1870
- .focus\:text-\[var\(--df-color-primary-foreground\)\] {
1871
- &:focus {
1872
- color: var(--df-color-primary-foreground);
1873
- }
1874
- }
1875
- .focus\:ring-1 {
1876
- &:focus {
1877
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1878
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1879
- }
1880
- }
1881
- .focus\:ring-2 {
1882
- &:focus {
1883
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1884
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1885
- }
1886
- }
1887
- .focus\:ring-offset-1 {
1888
- &:focus {
1889
- --tw-ring-offset-width: 1px;
1890
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1891
- }
1892
- }
1893
- .focus\:ring-offset-2 {
1894
- &:focus {
1895
- --tw-ring-offset-width: 2px;
1896
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1897
- }
1898
- }
1899
- .focus\:outline-none {
1900
- &:focus {
1901
- --tw-outline-style: none;
1902
- outline-style: none;
1903
- }
1904
- }
1905
- .active\:bg-gray-100 {
1906
- &:active {
1907
- background-color: var(--color-gray-100);
1908
- }
1909
- }
1910
- .disabled\:cursor-not-allowed {
1911
- &:disabled {
1912
- cursor: not-allowed;
1913
- }
1914
- }
1915
- .disabled\:opacity-40 {
1916
- &:disabled {
1917
- opacity: 40%;
1918
- }
1919
- }
1920
- .disabled\:opacity-50 {
1921
- &:disabled {
1922
- opacity: 50%;
1923
- }
1924
- }
1925
- .sm\:w-28 {
1926
- @media (width >= 40rem) {
1927
- width: calc(var(--spacing) * 28);
1928
- }
1929
- }
1930
- .sm\:w-32 {
1931
- @media (width >= 40rem) {
1932
- width: calc(var(--spacing) * 32);
1933
- }
1934
- }
1935
- .md\:block {
1936
- @media (width >= 48rem) {
1937
- display: block;
1938
- }
1939
- }
1940
- .md\:flex {
1941
- @media (width >= 48rem) {
1942
- display: flex;
1943
- }
1944
- }
1945
- .md\:hidden {
1946
- @media (width >= 48rem) {
1947
- display: none;
1948
- }
1949
- }
1950
- .md\:w-20 {
1951
- @media (width >= 48rem) {
1952
- width: calc(var(--spacing) * 20);
1953
- }
1954
- }
1955
- .md\:w-22 {
1956
- @media (width >= 48rem) {
1957
- width: calc(var(--spacing) * 22);
1958
- }
1959
- }
1960
- .md\:w-\[60\%\] {
1961
- @media (width >= 48rem) {
1962
- width: 60%;
1963
- }
1964
- }
1965
- .md\:w-\[70\%\] {
1966
- @media (width >= 48rem) {
1967
- width: 70%;
1968
- }
1969
- }
1970
- .md\:flex-row {
1971
- @media (width >= 48rem) {
1972
- flex-direction: row;
1973
- }
1974
- }
1975
- .md\:text-xs {
1976
- @media (width >= 48rem) {
1977
- font-size: var(--text-xs);
1978
- line-height: var(--tw-leading, var(--text-xs--line-height));
1979
- }
1980
- }
1981
- .md\:text-\[10px\] {
1982
- @media (width >= 48rem) {
1983
- font-size: 10px;
1984
- }
1985
- }
1986
- .md\:text-\[12px\] {
1987
- @media (width >= 48rem) {
1988
- font-size: 12px;
1989
- }
1990
- }
1991
- .dark\:border-gray-600 {
1992
- .dark & {
1993
- border-color: var(--color-gray-600);
1994
- }
1995
- }
1996
- .dark\:border-gray-700 {
1997
- .dark & {
1998
- border-color: var(--color-gray-700);
1999
- }
2000
- }
2001
- .dark\:border-gray-800 {
2002
- .dark & {
2003
- border-color: var(--color-gray-800);
2004
- }
2005
- }
2006
- .dark\:border-slate-700 {
2007
- .dark & {
2008
- border-color: var(--color-slate-700);
2009
- }
2010
- }
2011
- .dark\:border-slate-800 {
2012
- .dark & {
2013
- border-color: var(--color-slate-800);
2014
- }
2015
- }
2016
- .dark\:bg-black\/80 {
2017
- .dark & {
2018
- background-color: color-mix(in srgb, #000 80%, transparent);
2019
- @supports (color: color-mix(in lab, red, red)) {
2020
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
2021
- }
2022
- }
2023
- }
2024
- .dark\:bg-blue-600 {
2025
- .dark & {
2026
- background-color: var(--color-blue-600);
2027
- }
2028
- }
2029
- .dark\:bg-blue-900 {
2030
- .dark & {
2031
- background-color: var(--color-blue-900);
2032
- }
2033
- }
2034
- .dark\:bg-blue-900\/30 {
2035
- .dark & {
2036
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
2037
- @supports (color: color-mix(in lab, red, red)) {
2038
- background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
2039
- }
2040
- }
2041
- }
2042
- .dark\:bg-gray-100 {
2043
- .dark & {
2044
- background-color: var(--color-gray-100);
2045
- }
2046
- }
2047
- .dark\:bg-gray-500\/20 {
2048
- .dark & {
2049
- background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
2050
- @supports (color: color-mix(in lab, red, red)) {
2051
- background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
2052
- }
2053
- }
2054
- }
2055
- .dark\:bg-gray-700 {
2056
- .dark & {
2057
- background-color: var(--color-gray-700);
2058
- }
2059
- }
2060
- .dark\:bg-gray-700\/50 {
2061
- .dark & {
2062
- background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
2063
- @supports (color: color-mix(in lab, red, red)) {
2064
- background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
2065
- }
2066
- }
2067
- }
2068
- .dark\:bg-gray-800 {
2069
- .dark & {
2070
- background-color: var(--color-gray-800);
2071
- }
2072
- }
2073
- .dark\:bg-gray-800\/40 {
2074
- .dark & {
2075
- background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 40%, transparent);
2076
- @supports (color: color-mix(in lab, red, red)) {
2077
- background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
2078
- }
2079
- }
2080
- }
2081
- .dark\:bg-gray-900 {
2082
- .dark & {
2083
- background-color: var(--color-gray-900);
2084
- }
2085
- }
2086
- .dark\:bg-gray-900\/50 {
2087
- .dark & {
2088
- background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
2089
- @supports (color: color-mix(in lab, red, red)) {
2090
- background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
2091
- }
2092
- }
2093
- }
2094
- .dark\:bg-primary\/20 {
2095
- .dark & {
2096
- background-color: var(--df-color-primary);
2097
- @supports (color: color-mix(in lab, red, red)) {
2098
- background-color: color-mix(in oklab, var(--df-color-primary) 20%, transparent);
2099
- }
2100
- }
2101
- }
2102
- .dark\:bg-slate-700 {
2103
- .dark & {
2104
- background-color: var(--color-slate-700);
2105
- }
2106
- }
2107
- .dark\:bg-slate-800 {
2108
- .dark & {
2109
- background-color: var(--color-slate-800);
2110
- }
2111
- }
2112
- .dark\:bg-slate-950 {
2113
- .dark & {
2114
- background-color: var(--color-slate-950);
2115
- }
2116
- }
2117
- .dark\:bg-white\/80 {
2118
- .dark & {
2119
- background-color: color-mix(in srgb, #fff 80%, transparent);
2120
- @supports (color: color-mix(in lab, red, red)) {
2121
- background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
2122
- }
2123
- }
2124
- }
2125
- .dark\:text-blue-200 {
2126
- .dark & {
2127
- color: var(--color-blue-200);
2128
- }
2129
- }
2130
- .dark\:text-gray-100 {
2131
- .dark & {
2132
- color: var(--color-gray-100);
2133
- }
2134
- }
2135
- .dark\:text-gray-200 {
2136
- .dark & {
2137
- color: var(--color-gray-200);
2138
- }
2139
- }
2140
- .dark\:text-gray-300 {
2141
- .dark & {
2142
- color: var(--color-gray-300);
2143
- }
2144
- }
2145
- .dark\:text-gray-400 {
2146
- .dark & {
2147
- color: var(--color-gray-400);
2148
- }
2149
- }
2150
- .dark\:text-gray-500 {
2151
- .dark & {
2152
- color: var(--color-gray-500);
2153
- }
2154
- }
2155
- .dark\:text-gray-600 {
2156
- .dark & {
2157
- color: var(--color-gray-600);
2158
- }
2159
- }
2160
- .dark\:text-gray-900 {
2161
- .dark & {
2162
- color: var(--color-gray-900);
2163
- }
2164
- }
2165
- .dark\:text-red-400 {
2166
- .dark & {
2167
- color: var(--color-red-400);
2168
- }
2169
- }
2170
- .dark\:text-slate-50 {
2171
- .dark & {
2172
- color: var(--color-slate-50);
2173
- }
2174
- }
2175
- .dark\:text-slate-200 {
2176
- .dark & {
2177
- color: var(--color-slate-200);
2178
- }
2179
- }
2180
- .dark\:text-slate-300 {
2181
- .dark & {
2182
- color: var(--color-slate-300);
2183
- }
2184
- }
2185
- .dark\:text-white {
2186
- .dark & {
2187
- color: var(--color-white);
2188
- }
2189
- }
2190
- .dark\:text-white\/90 {
2191
- .dark & {
2192
- color: color-mix(in srgb, #fff 90%, transparent);
2193
- @supports (color: color-mix(in lab, red, red)) {
2194
- color: color-mix(in oklab, var(--color-white) 90%, transparent);
2195
- }
2196
- }
2197
- }
2198
- .dark\:placeholder-gray-400 {
2199
- .dark & {
2200
- &::-moz-placeholder {
2201
- color: var(--color-gray-400);
2202
- }
2203
- &::placeholder {
2204
- color: var(--color-gray-400);
2205
- }
2206
- }
2207
- }
2208
- .dark\:shadow-gray-900\/50 {
2209
- .dark & {
2210
- --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
2211
- @supports (color: color-mix(in lab, red, red)) {
2212
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
2213
- }
2214
- }
2215
- }
2216
- .dark\:ring-offset-slate-800 {
2217
- .dark & {
2218
- --tw-ring-offset-color: var(--color-slate-800);
2219
- }
2220
- }
2221
- .dark\:group-hover\:text-white {
2222
- .dark & {
2223
- &:is(:where(.group):hover *) {
2224
- @media (hover: hover) {
2225
- color: var(--color-white);
2226
- }
2227
- }
2228
- }
2229
- }
2230
- .dark\:hover\:border-gray-500 {
2231
- .dark & {
2232
- &:hover {
2233
- @media (hover: hover) {
2234
- border-color: var(--color-gray-500);
2235
- }
2236
- }
2237
- }
2238
- }
2239
- .dark\:hover\:bg-blue-800 {
2240
- .dark & {
2241
- &:hover {
2242
- @media (hover: hover) {
2243
- background-color: var(--color-blue-800);
2244
- }
2245
- }
2246
- }
2247
- }
2248
- .dark\:hover\:bg-gray-600 {
2249
- .dark & {
2250
- &:hover {
2251
- @media (hover: hover) {
2252
- background-color: var(--color-gray-600);
2253
- }
2254
- }
2255
- }
2256
- }
2257
- .dark\:hover\:bg-gray-700 {
2258
- .dark & {
2259
- &:hover {
2260
- @media (hover: hover) {
2261
- background-color: var(--color-gray-700);
2262
- }
2263
- }
2264
- }
2265
- }
2266
- .dark\:hover\:bg-gray-800 {
2267
- .dark & {
2268
- &:hover {
2269
- @media (hover: hover) {
2270
- background-color: var(--color-gray-800);
2271
- }
2272
- }
2273
- }
2274
- }
2275
- .dark\:hover\:bg-gray-900 {
2276
- .dark & {
2277
- &:hover {
2278
- @media (hover: hover) {
2279
- background-color: var(--color-gray-900);
2280
- }
2281
- }
2282
- }
2283
- }
2284
- .dark\:hover\:bg-slate-700 {
2285
- .dark & {
2286
- &:hover {
2287
- @media (hover: hover) {
2288
- background-color: var(--color-slate-700);
2289
- }
2290
- }
2291
- }
2292
- }
2293
- .dark\:hover\:bg-slate-700\/50 {
2294
- .dark & {
2295
- &:hover {
2296
- @media (hover: hover) {
2297
- background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
2298
- @supports (color: color-mix(in lab, red, red)) {
2299
- background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
2300
- }
2301
- }
2302
- }
2303
- }
2304
- }
2305
- .dark\:hover\:bg-slate-800 {
2306
- .dark & {
2307
- &:hover {
2308
- @media (hover: hover) {
2309
- background-color: var(--color-slate-800);
2310
- }
2311
- }
2312
- }
2313
- }
2314
- .dark\:hover\:text-gray-100 {
2315
- .dark & {
2316
- &:hover {
2317
- @media (hover: hover) {
2318
- color: var(--color-gray-100);
2319
- }
2320
- }
2321
- }
2322
- }
2323
- .dark\:hover\:text-gray-200 {
2324
- .dark & {
2325
- &:hover {
2326
- @media (hover: hover) {
2327
- color: var(--color-gray-200);
2328
- }
2329
- }
2330
- }
2331
- }
2332
- .dark\:hover\:shadow-lg {
2333
- .dark & {
2334
- &:hover {
2335
- @media (hover: hover) {
2336
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2337
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2338
- }
2339
- }
2340
- }
2341
- }
2342
- .dark\:hover\:shadow-black\/20 {
2343
- .dark & {
2344
- &:hover {
2345
- @media (hover: hover) {
2346
- --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
2347
- @supports (color: color-mix(in lab, red, red)) {
2348
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
2349
- }
2350
- }
2351
- }
2352
- }
2353
- }
2354
- .dark\:focus\:ring-offset-slate-800 {
2355
- .dark & {
2356
- &:focus {
2357
- --tw-ring-offset-color: var(--color-slate-800);
2358
- }
2359
- }
2360
- }
2361
- .dark\:active\:bg-gray-600 {
2362
- .dark & {
2363
- &:active {
2364
- background-color: var(--color-gray-600);
2365
- }
2366
- }
2367
- }
2368
- .bcp-root {
2369
- position: relative;
2370
- display: inline-flex;
2371
- align-items: center;
2372
- justify-content: center;
2373
- }
2374
- .bcp-container {
2375
- position: absolute;
2376
- display: flex;
2377
- align-items: center;
2378
- justify-content: center;
2379
- }
2380
- .bcp-petal {
2381
- position: absolute;
2382
- border-radius: 50%;
2383
- border: none;
2384
- padding: 0;
2385
- background: none;
2386
- cursor: pointer;
2387
- }
2388
- .bcp-petal-visible:focus-visible {
2389
- outline: none;
2390
- box-shadow: 0 0 0 2px #ffffff80;
2391
- }
2392
- .bcp-core {
2393
- position: relative;
2394
- border-radius: 50%;
2395
- border: none;
2396
- padding: 0;
2397
- cursor: pointer;
2398
- }
2399
- .bcp-core:focus-visible {
2400
- outline: none;
2401
- box-shadow: 0 0 0 2px #3b82f6,0 0 0 4px #fff;
2402
- }
2403
- .bcp-core:disabled {
2404
- opacity: .5;
2405
- cursor: not-allowed;
2406
- }
2407
- .bcp-svg {
2408
- position: absolute;
2409
- pointer-events: none;
2410
- }
2411
- .bcp-slider-track {
2412
- pointer-events: auto;
2413
- cursor: pointer;
2414
- touch-action: none;
2415
- }
2416
- .bcp-slider-handle {
2417
- pointer-events: auto;
2418
- cursor: grab;
2419
- touch-action: none;
2420
- }
2421
- .bcp-slider-handle:active {
2422
- cursor: grabbing;
2423
- }
2424
- .bcp-bg,.bcp-bg-wrapper {
2425
- position: absolute;
2426
- border-radius: 50%;
2427
- pointer-events: none;
2428
- }
2429
- .bcp-bg-gradient {
2430
- position: absolute;
2431
- border-radius: 50%;
2432
- pointer-events: none;
2433
- filter: blur(2px);
2434
- }
2435
- .bcp-bg-solid {
2436
- position: absolute;
2437
- top: 0;
2438
- right: 0;
2439
- bottom: 0;
2440
- left: 0;
2441
- border-radius: 50%;
2442
- pointer-events: none;
2443
- }
2444
- .bcp-petal-ring {
2445
- pointer-events: none;
2446
- }
2447
- @layer df-theme {
2448
- :where(:root) {
2449
- --df-color-background: rgb(255 255 255);
2450
- --df-color-foreground: rgb(46 46 46);
2451
- --df-color-hover: rgb(245 245 245);
2452
- --df-color-border: rgb(229 229 229);
2453
- --df-color-card: rgb(255 255 255);
2454
- --df-color-card-foreground: rgb(46 46 46);
2455
- --df-color-muted: rgb(243 244 246);
2456
- --df-color-muted-foreground: rgb(107 114 128);
2457
- --df-color-primary: rgb(46 46 46);
2458
- --df-color-primary-foreground: rgb(255 255 255);
2459
- --df-color-secondary: rgb(100 116 139);
2460
- --df-color-secondary-foreground: rgb(255 255 255);
2461
- --df-color-destructive: rgb(212 36 34);
2462
- --df-color-destructive-foreground: rgb(255 255 255);
2463
- }
2464
- :where(.dark) {
2465
- --df-color-background: rgb(16 24 40);
2466
- --df-color-hover: rgb(30 41 59);
2467
- --df-color-foreground: rgb(229 229 229);
2468
- --df-color-card: rgb(16 24 40);
2469
- --df-color-card-foreground: rgb(229 229 229);
2470
- --df-color-border: rgb(51 65 85);
2471
- --df-color-muted: rgb(30 41 59);
2472
- --df-color-muted-foreground: rgb(148 163 184);
2473
- --df-color-primary: rgb(229 229 229);
2474
- --df-color-primary-foreground: rgb(15 23 42);
2475
- --df-color-secondary: rgb(148 163 184);
2476
- --df-color-secondary-foreground: rgb(15 23 42);
2477
- --df-color-destructive: rgb(147 70 69);
2478
- --df-color-destructive-foreground: rgb(254 242 242);
2479
- }
2480
- @media (prefers-color-scheme: dark) {
2481
- :root:not(.light):not(.dark) {
2482
- --df-color-background: rgb(21 21 21);
2483
- --df-color-hover: rgb(28 28 28);
2484
- --df-color-foreground: rgb(229 229 229);
2485
- --df-color-border: rgb(56 56 56);
2486
- --df-color-card: rgb(31 41 55);
2487
- --df-color-card-foreground: rgb(229 229 229);
2488
- --df-color-muted: rgb(55 65 81);
2489
- --df-color-muted-foreground: rgb(156 163 175);
2490
- --df-color-primary: rgb(229 229 229);
2491
- --df-color-primary-foreground: rgb(23 23 23);
2492
- --df-color-secondary: rgb(156 163 175);
2493
- --df-color-secondary-foreground: rgb(23 23 23);
2494
- --df-color-destructive: rgb(147 70 69);
2495
- --df-color-destructive-foreground: rgb(254 242 242);
2496
- }
2497
- }
2498
- }
2499
- @layer components {
2500
- .df-calendar-container {
2501
- color-scheme: light dark;
2502
- position: relative;
2503
- display: flex;
2504
- flex-direction: row;
2505
- overflow: hidden;
2506
- border-radius: 0.5rem;
2507
- background-color: var(--df-color-background);
2508
- border: 1px solid var(--df-color-border);
2509
- box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2510
- --df-calendar-height: 800px;
2511
- height: var(--df-calendar-height, 800px);
2512
- font-family: Arial;
2513
- }
2514
- .df-calendar-container, .df-portal, .df-event-detail-panel, .df-dialog-container, .df-range-picker {
2515
- --color-background: var(--df-color-background);
2516
- --color-foreground: var(--df-color-foreground);
2517
- --color-hover: var(--df-color-hover);
2518
- --color-border: var(--df-color-border);
2519
- --color-card: var(--df-color-card);
2520
- --color-card-foreground: var(--df-color-card-foreground);
2521
- --color-muted: var(--df-color-muted);
2522
- --color-muted-foreground: var(--df-color-muted-foreground);
2523
- --color-primary: var(--df-color-primary);
2524
- --color-primary-foreground: var(--df-color-primary-foreground);
2525
- --color-secondary: var(--df-color-secondary);
2526
- --color-secondary-foreground: var(--df-color-secondary-foreground);
2527
- --color-destructive: var(--df-color-destructive);
2528
- --color-destructive-foreground: var(--df-color-destructive-foreground);
2529
- --hover: var(--df-color-hover);
2530
- }
2531
- .df-calendar-container .df-header, .df-calendar-container .df-calendar, .df-calendar-container .df-month-view {
2532
- background-color: var(--df-color-background);
2533
- }
2534
- .df-calendar-container .df-sidebar {
2535
- background-color: var(--df-color-background);
2536
- border-color: var(--df-color-border);
2537
- }
2538
- .df-calendar-container .df-week-header-row, .df-calendar-container .df-week-header {
2539
- background-color: var(--df-color-background);
2540
- border-color: var(--df-color-border);
2541
- }
2542
- .df-calendar-container .df-month-day-cell, .df-calendar-container .df-time-grid-cell, .df-calendar-container .df-all-day-cell, .df-calendar-container .df-time-column, .df-calendar-container .df-time-grid-row, .df-calendar-container .df-time-grid-boundary, .df-calendar-container .df-all-day-row, .df-calendar-container .df-mini-calendar {
2543
- border-color: var(--df-color-border);
2544
- }
2545
- .df-calendar-container .df-year-grid-month {
2546
- --heat-1: #ebf5ff;
2547
- --heat-2: #cfe8ff;
2548
- --heat-3: #91d5ff;
2549
- --heat-4: #60a5fa;
2550
- --heat-5: #3b82f6;
2551
- }
2552
- .dark .df-calendar-container .df-year-grid-month {
2553
- --heat-1: #1e3a5f;
2554
- --heat-2: #2563eb;
2555
- --heat-3: #1e40af;
2556
- --heat-4: #3b82f6;
2557
- --heat-5: #93c5fd;
2558
- }
2559
- .df-calendar-time-column {
2560
- width: 5rem;
2561
- flex-shrink: 0;
2562
- border-color: var(--df-color-border);
2563
- }
2564
- .df-calendar-nav-button {
2565
- padding: 0.25rem;
2566
- color: rgb(75 85 99);
2567
- border-radius: 0.25rem;
2568
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2569
- transition-duration: 150ms;
2570
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2571
- }
2572
- .dark .df-calendar-nav-button {
2573
- color: rgb(209 213 219);
2574
- }
2575
- .df-calendar-nav-button:hover {
2576
- background-color: rgb(243 244 246);
2577
- }
2578
- .dark .df-calendar-nav-button:hover {
2579
- background-color: rgb(31 41 55);
2580
- }
2581
- .df-calendar-today-button {
2582
- padding: 0.25rem 1rem;
2583
- font-size: 0.875rem;
2584
- line-height: 1.25rem;
2585
- color: rgb(55 65 81);
2586
- border-radius: 0.25rem;
2587
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2588
- transition-duration: 150ms;
2589
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2590
- }
2591
- .dark .df-calendar-today-button {
2592
- color: rgb(229 231 235);
2593
- }
2594
- .df-calendar-today-button:hover {
2595
- background-color: rgb(243 244 246);
2596
- }
2597
- .dark .df-calendar-today-button:hover {
2598
- background-color: rgb(31 41 55);
2599
- }
2600
- .df-calendar-checkbox {
2601
- margin-right: 0.5rem;
2602
- display: inline-flex;
2603
- height: 1rem;
2604
- width: 1rem;
2605
- cursor: pointer;
2606
- align-items: center;
2607
- justify-content: center;
2608
- border-radius: 0.25rem;
2609
- border: 1px solid var(--df-color-border);
2610
- -webkit-appearance: none;
2611
- -moz-appearance: none;
2612
- appearance: none;
2613
- background-color: transparent;
2614
- position: relative;
2615
- }
2616
- .df-calendar-checkbox:focus-visible {
2617
- outline: 2px solid var(--checkbox-color, #3b82f6);
2618
- outline-offset: 2px;
2619
- }
2620
- .df-calendar-checkbox:checked {
2621
- background-color: var(--checkbox-color, #3b82f6);
2622
- border-color: var(--checkbox-color, #3b82f6);
2623
- }
2624
- .df-calendar-checkbox:checked::after {
2625
- content: '';
2626
- display: block;
2627
- width: 0.25rem;
2628
- height: 0.5rem;
2629
- border: solid #fff;
2630
- border-width: 0 2px 2px 0;
2631
- transform: rotate(45deg);
2632
- }
2633
- .df-event-detail-panel, .df-dialog-container {
2634
- background-color: var(--df-color-card);
2635
- border-color: var(--df-color-border);
2636
- }
2637
- .df-calendar-container .df-header-left, .df-calendar-container .df-header-mid, .df-calendar-container .df-header-right {
2638
- flex: 1;
2639
- }
2640
- .df-current-time-bar {
2641
- background-color: var(--df-color-primary);
2642
- }
2643
- .df-current-time-label {
2644
- background-color: var(--df-color-primary);
2645
- color: var(--df-color-primary-foreground);
2646
- }
2647
- .df-today-button {
2648
- color: var(--df-color-primary);
2649
- }
2650
- .df-today-button:hover, .df-nav-button:hover {
2651
- background-color: var(--df-color-primary);
2652
- @supports (color: color-mix(in lab, red, red)) {
2653
- background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
2654
- }
2655
- }
2656
- .df-nav-button:hover {
2657
- color: var(--df-color-primary);
2658
- }
2659
- .df-search-group:focus-within .df-search-focus-within-primary {
2660
- color: var(--df-color-primary);
2661
- }
2662
- .df-fill-primary {
2663
- background-color: var(--df-color-primary);
2664
- color: var(--df-color-primary-foreground);
2665
- }
2666
- .df-fill-secondary {
2667
- background-color: var(--df-color-secondary);
2668
- color: var(--df-color-secondary-foreground);
2669
- }
2670
- .df-fill-destructive {
2671
- background-color: var(--df-color-destructive);
2672
- color: var(--df-color-destructive-foreground);
2673
- }
2674
- .df-tint-primary {
2675
- background-color: var(--df-color-primary);
2676
- @supports (color: color-mix(in lab, red, red)) {
2677
- background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
2678
- }
2679
- color: var(--df-color-primary);
2680
- }
2681
- .df-tint-primary-md {
2682
- background-color: var(--df-color-primary);
2683
- @supports (color: color-mix(in lab, red, red)) {
2684
- background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
2685
- }
2686
- color: var(--df-color-primary);
2687
- }
2688
- .df-tint-primary-lg {
2689
- background-color: var(--df-color-primary);
2690
- @supports (color: color-mix(in lab, red, red)) {
2691
- background-color: color-mix( in srgb, var(--df-color-primary) 30%, transparent );
2692
- }
2693
- color: var(--df-color-primary);
2694
- }
2695
- .dark .df-dark-tint-primary-md {
2696
- background-color: var(--df-color-primary);
2697
- @supports (color: color-mix(in lab, red, red)) {
2698
- background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
2699
- }
2700
- }
2701
- .df-hover-primary:hover {
2702
- background-color: var(--df-color-primary);
2703
- @supports (color: color-mix(in lab, red, red)) {
2704
- background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
2705
- }
2706
- color: var(--df-color-primary);
2707
- }
2708
- .df-hover-primary-md:hover {
2709
- background-color: var(--df-color-primary);
2710
- @supports (color: color-mix(in lab, red, red)) {
2711
- background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
2712
- }
2713
- color: var(--df-color-primary);
2714
- }
2715
- .dark .df-hover-primary-dark-md:hover {
2716
- background-color: var(--df-color-primary);
2717
- @supports (color: color-mix(in lab, red, red)) {
2718
- background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
2719
- }
2720
- }
2721
- .df-hover-primary-solid:hover {
2722
- background-color: var(--df-color-primary);
2723
- @supports (color: color-mix(in lab, red, red)) {
2724
- background-color: color-mix( in srgb, var(--df-color-primary) 90%, transparent );
2725
- }
2726
- }
2727
- .df-hover-destructive:hover {
2728
- background-color: var(--df-color-destructive);
2729
- @supports (color: color-mix(in lab, red, red)) {
2730
- background-color: color-mix( in srgb, var(--df-color-destructive) 90%, transparent );
2731
- }
2732
- }
2733
- .df-hover-fill-destructive:hover {
2734
- background-color: var(--df-color-destructive);
2735
- color: var(--df-color-destructive-foreground);
2736
- }
2737
- .df-focus-fill-destructive:focus {
2738
- background-color: var(--df-color-destructive);
2739
- color: var(--df-color-destructive-foreground);
2740
- }
2741
- .df-text-primary {
2742
- color: var(--df-color-primary);
2743
- }
2744
- .df-text-primary-fg {
2745
- color: var(--df-color-primary-foreground);
2746
- }
2747
- .df-text-secondary-fg {
2748
- color: var(--df-color-secondary-foreground);
2749
- }
2750
- .df-text-destructive {
2751
- color: var(--df-color-destructive);
2752
- }
2753
- .df-text-destructive-fg {
2754
- color: var(--df-color-destructive-foreground);
2755
- }
2756
- .df-border-primary {
2757
- border-color: var(--df-color-primary);
2758
- }
2759
- .df-border-primary-soft {
2760
- border-color: var(--df-color-primary);
2761
- @supports (color: color-mix(in lab, red, red)) {
2762
- border-color: color-mix(in srgb, var(--df-color-primary) 50%, transparent);
2763
- }
2764
- }
2765
- .df-ring-primary {
2766
- --tw-ring-color: var(--df-color-primary);
2767
- @supports (color: color-mix(in lab, red, red)) {
2768
- --tw-ring-color: color-mix(
2769
- in srgb,
2770
- var(--df-color-primary) 20%,
2771
- transparent
2772
- );
2773
- }
2774
- }
2775
- .df-ring-primary-solid {
2776
- --tw-ring-color: var(--df-color-primary);
2777
- }
2778
- .df-shadow-primary {
2779
- --tw-shadow-color: var(--df-color-primary);
2780
- @supports (color: color-mix(in lab, red, red)) {
2781
- --tw-shadow-color: color-mix(
2782
- in srgb,
2783
- var(--df-color-primary) 20%,
2784
- transparent
2785
- );
2786
- }
2787
- }
2788
- .df-focus-ring:focus {
2789
- border-color: var(--df-color-primary);
2790
- --tw-ring-color: var(--df-color-primary);
2791
- }
2792
- .df-focus-ring-only:focus {
2793
- --tw-ring-color: var(--df-color-primary);
2794
- }
2795
- .df-focus-border-primary:focus {
2796
- border-color: var(--df-color-primary);
2797
- }
2798
- .df-all-day-event-animate {
2799
- animation: df-event-pop-in 0.3s ease-out forwards;
2800
- }
2801
- .df-animate-in {
2802
- animation-duration: 200ms;
2803
- animation-fill-mode: forwards;
2804
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2805
- }
2806
- .df-fade-in {
2807
- animation-name: df-fade-in;
2808
- }
2809
- .df-zoom-in-95 {
2810
- animation-name: df-zoom-in;
2811
- }
2812
- .df-fade-in.df-zoom-in-95 {
2813
- animation-name: df-fade-in, df-zoom-in;
2814
- }
2815
- .df-animate-slide-up {
2816
- animation: df-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
2817
- }
2818
- .df-animate-slide-down {
2819
- animation: df-slide-down 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
2820
- }
2821
- @media (max-width: 768px) {
2822
- .df-calendar-container {
2823
- --df-calendar-height: 550px;
2824
- }
2825
- }
2826
- @media (max-width: 767px) {
2827
- .df-mobile-mask-fade {
2828
- mask-image: linear-gradient(to right, black 70%, transparent 100%);
2829
- -webkit-mask-image: linear-gradient( to right, black 70%, transparent 100% );
2830
- }
2831
- }
2832
- }
2833
- .df-calendar-container *::-webkit-scrollbar {
2834
- width: 2px;
2835
- height: 2px;
2836
- }
2837
- .df-calendar-container *::-webkit-scrollbar-track {
2838
- background: transparent;
2839
- }
2840
- .df-calendar-container *::-webkit-scrollbar-thumb {
2841
- background: #d1d5db;
2842
- border-radius: 1px;
2843
- }
2844
- .dark .df-calendar-container *::-webkit-scrollbar-thumb {
2845
- background: #4b5563;
2846
- }
2847
- .df-calendar-container *::-webkit-scrollbar-thumb:hover {
2848
- background: #9ca3af;
2849
- }
2850
- .df-calendar-container * {
2851
- scrollbar-width: thin;
2852
- scrollbar-color: #d1d5db transparent;
2853
- }
2854
- .dark .df-calendar-container * {
2855
- scrollbar-color: #4b5563 transparent;
2856
- }
2857
- .df-calendar-container.df-drag-active, .df-calendar-container .df-drag-active {
2858
- -moz-user-select: none;
2859
- user-select: none;
2860
- -webkit-user-select: none;
2861
- }
2862
- .df-calendar-container.df-drag-active .calendar-event, .df-calendar-container.df-drag-active .df-month-more-events, .df-calendar-container.df-drag-active .df-month-title, .df-calendar-container.df-drag-active .df-year-event-content {
2863
- pointer-events: none;
2864
- }
2865
- .df-calendar-container .df-cursor-ns-resize, .df-calendar-container .df-cursor-ns-resize * {
2866
- cursor: ns-resize;
2867
- }
2868
- body.df-cursor-ns-resize, body.df-cursor-ns-resize * {
2869
- cursor: ns-resize !important;
2870
- }
2871
- .df-calendar-container .df-cursor-ew-resize, .df-calendar-container .df-cursor-ew-resize * {
2872
- cursor: ew-resize;
2873
- }
2874
- body.df-cursor-ew-resize, body.df-cursor-ew-resize * {
2875
- cursor: ew-resize !important;
2876
- }
2877
- .df-calendar-container .df-cursor-grabbing, .df-calendar-container .df-cursor-grabbing * {
2878
- cursor: grabbing;
2879
- }
2880
- body.df-cursor-grabbing, body.df-cursor-grabbing * {
2881
- cursor: grabbing !important;
2882
- }
2883
- .df-scrollbar-hide::-webkit-scrollbar {
2884
- display: none;
2885
- }
2886
- .df-scrollbar-hide {
2887
- -ms-overflow-style: none;
2888
- scrollbar-width: none;
2889
- }
2890
- @keyframes df-fade-out {
2891
- from {
2892
- opacity: 1;
2893
- }
2894
- to {
2895
- opacity: 0;
2896
- }
2897
- }
2898
- @keyframes df-fade-in {
2899
- from {
2900
- opacity: 0;
2901
- }
2902
- to {
2903
- opacity: 1;
2904
- }
2905
- }
2906
- @keyframes df-event-pop-in {
2907
- from {
2908
- opacity: 0;
2909
- transform: scale(0.95) translateY(-4px);
2910
- }
2911
- to {
2912
- opacity: 1;
2913
- transform: scale(1) translateY(0);
2914
- }
2915
- }
2916
- @keyframes df-zoom-in {
2917
- from {
2918
- transform: scale(0.95);
2919
- }
2920
- to {
2921
- transform: scale(1);
2922
- }
2923
- }
2924
- @keyframes df-slide-up {
2925
- from {
2926
- transform: translateY(100%);
2927
- }
2928
- to {
2929
- transform: translateY(0);
2930
- }
2931
- }
2932
- @keyframes df-slide-down {
2933
- from {
2934
- transform: translateY(0);
2935
- }
2936
- to {
2937
- transform: translateY(100%);
2938
- }
2939
- }
2940
- @property --tw-translate-x {
2941
- syntax: "*";
2942
- inherits: false;
2943
- initial-value: 0;
2944
- }
2945
- @property --tw-translate-y {
2946
- syntax: "*";
2947
- inherits: false;
2948
- initial-value: 0;
2949
- }
2950
- @property --tw-translate-z {
2951
- syntax: "*";
2952
- inherits: false;
2953
- initial-value: 0;
2954
- }
2955
- @property --tw-scale-x {
2956
- syntax: "*";
2957
- inherits: false;
2958
- initial-value: 1;
2959
- }
2960
- @property --tw-scale-y {
2961
- syntax: "*";
2962
- inherits: false;
2963
- initial-value: 1;
2964
- }
2965
- @property --tw-scale-z {
2966
- syntax: "*";
2967
- inherits: false;
2968
- initial-value: 1;
2969
- }
2970
- @property --tw-rotate-x {
2971
- syntax: "*";
2972
- inherits: false;
2973
- }
2974
- @property --tw-rotate-y {
2975
- syntax: "*";
2976
- inherits: false;
2977
- }
2978
- @property --tw-rotate-z {
2979
- syntax: "*";
2980
- inherits: false;
2981
- }
2982
- @property --tw-skew-x {
2983
- syntax: "*";
2984
- inherits: false;
2985
- }
2986
- @property --tw-skew-y {
2987
- syntax: "*";
2988
- inherits: false;
2989
- }
2990
- @property --tw-scroll-snap-strictness {
2991
- syntax: "*";
2992
- inherits: false;
2993
- initial-value: proximity;
2994
- }
2995
- @property --tw-space-y-reverse {
2996
- syntax: "*";
2997
- inherits: false;
2998
- initial-value: 0;
2999
- }
3000
- @property --tw-space-x-reverse {
3001
- syntax: "*";
3002
- inherits: false;
3003
- initial-value: 0;
3004
- }
3005
- @property --tw-border-style {
3006
- syntax: "*";
3007
- inherits: false;
3008
- initial-value: solid;
3009
- }
3010
- @property --tw-leading {
3011
- syntax: "*";
3012
- inherits: false;
3013
- }
3014
- @property --tw-font-weight {
3015
- syntax: "*";
3016
- inherits: false;
3017
- }
3018
- @property --tw-tracking {
3019
- syntax: "*";
3020
- inherits: false;
3021
- }
3022
- @property --tw-shadow {
3023
- syntax: "*";
3024
- inherits: false;
3025
- initial-value: 0 0 #0000;
3026
- }
3027
- @property --tw-shadow-color {
3028
- syntax: "*";
3029
- inherits: false;
3030
- }
3031
- @property --tw-shadow-alpha {
3032
- syntax: "<percentage>";
3033
- inherits: false;
3034
- initial-value: 100%;
3035
- }
3036
- @property --tw-inset-shadow {
3037
- syntax: "*";
3038
- inherits: false;
3039
- initial-value: 0 0 #0000;
3040
- }
3041
- @property --tw-inset-shadow-color {
3042
- syntax: "*";
3043
- inherits: false;
3044
- }
3045
- @property --tw-inset-shadow-alpha {
3046
- syntax: "<percentage>";
3047
- inherits: false;
3048
- initial-value: 100%;
3049
- }
3050
- @property --tw-ring-color {
3051
- syntax: "*";
3052
- inherits: false;
3053
- }
3054
- @property --tw-ring-shadow {
3055
- syntax: "*";
3056
- inherits: false;
3057
- initial-value: 0 0 #0000;
3058
- }
3059
- @property --tw-inset-ring-color {
3060
- syntax: "*";
3061
- inherits: false;
3062
- }
3063
- @property --tw-inset-ring-shadow {
3064
- syntax: "*";
3065
- inherits: false;
3066
- initial-value: 0 0 #0000;
3067
- }
3068
- @property --tw-ring-inset {
3069
- syntax: "*";
3070
- inherits: false;
3071
- }
3072
- @property --tw-ring-offset-width {
3073
- syntax: "<length>";
3074
- inherits: false;
3075
- initial-value: 0px;
3076
- }
3077
- @property --tw-ring-offset-color {
3078
- syntax: "*";
3079
- inherits: false;
3080
- initial-value: #fff;
3081
- }
3082
- @property --tw-ring-offset-shadow {
3083
- syntax: "*";
3084
- inherits: false;
3085
- initial-value: 0 0 #0000;
3086
- }
3087
- @property --tw-blur {
3088
- syntax: "*";
3089
- inherits: false;
3090
- }
3091
- @property --tw-brightness {
3092
- syntax: "*";
3093
- inherits: false;
3094
- }
3095
- @property --tw-contrast {
3096
- syntax: "*";
3097
- inherits: false;
3098
- }
3099
- @property --tw-grayscale {
3100
- syntax: "*";
3101
- inherits: false;
3102
- }
3103
- @property --tw-hue-rotate {
3104
- syntax: "*";
3105
- inherits: false;
3106
- }
3107
- @property --tw-invert {
3108
- syntax: "*";
3109
- inherits: false;
3110
- }
3111
- @property --tw-opacity {
3112
- syntax: "*";
3113
- inherits: false;
3114
- }
3115
- @property --tw-saturate {
3116
- syntax: "*";
3117
- inherits: false;
3118
- }
3119
- @property --tw-sepia {
3120
- syntax: "*";
3121
- inherits: false;
3122
- }
3123
- @property --tw-drop-shadow {
3124
- syntax: "*";
3125
- inherits: false;
3126
- }
3127
- @property --tw-drop-shadow-color {
3128
- syntax: "*";
3129
- inherits: false;
3130
- }
3131
- @property --tw-drop-shadow-alpha {
3132
- syntax: "<percentage>";
3133
- inherits: false;
3134
- initial-value: 100%;
3135
- }
3136
- @property --tw-drop-shadow-size {
3137
- syntax: "*";
3138
- inherits: false;
3139
- }
3140
- @property --tw-backdrop-blur {
3141
- syntax: "*";
3142
- inherits: false;
3143
- }
3144
- @property --tw-backdrop-brightness {
3145
- syntax: "*";
3146
- inherits: false;
3147
- }
3148
- @property --tw-backdrop-contrast {
3149
- syntax: "*";
3150
- inherits: false;
3151
- }
3152
- @property --tw-backdrop-grayscale {
3153
- syntax: "*";
3154
- inherits: false;
3155
- }
3156
- @property --tw-backdrop-hue-rotate {
3157
- syntax: "*";
3158
- inherits: false;
3159
- }
3160
- @property --tw-backdrop-invert {
3161
- syntax: "*";
3162
- inherits: false;
3163
- }
3164
- @property --tw-backdrop-opacity {
3165
- syntax: "*";
3166
- inherits: false;
3167
- }
3168
- @property --tw-backdrop-saturate {
3169
- syntax: "*";
3170
- inherits: false;
3171
- }
3172
- @property --tw-backdrop-sepia {
3173
- syntax: "*";
3174
- inherits: false;
3175
- }
3176
- @property --tw-duration {
3177
- syntax: "*";
3178
- inherits: false;
3179
- }
3180
- @property --tw-ease {
3181
- syntax: "*";
3182
- inherits: false;
3183
- }
3184
- @keyframes spin {
3185
- to {
3186
- transform: rotate(360deg);
3187
- }
3188
- }
3189
- @layer properties {
3190
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3191
- *, ::before, ::after, ::backdrop {
3192
- --tw-translate-x: 0;
3193
- --tw-translate-y: 0;
3194
- --tw-translate-z: 0;
3195
- --tw-scale-x: 1;
3196
- --tw-scale-y: 1;
3197
- --tw-scale-z: 1;
3198
- --tw-rotate-x: initial;
3199
- --tw-rotate-y: initial;
3200
- --tw-rotate-z: initial;
3201
- --tw-skew-x: initial;
3202
- --tw-skew-y: initial;
3203
- --tw-scroll-snap-strictness: proximity;
3204
- --tw-space-y-reverse: 0;
3205
- --tw-space-x-reverse: 0;
3206
- --tw-border-style: solid;
3207
- --tw-leading: initial;
3208
- --tw-font-weight: initial;
3209
- --tw-tracking: initial;
3210
- --tw-shadow: 0 0 #0000;
3211
- --tw-shadow-color: initial;
3212
- --tw-shadow-alpha: 100%;
3213
- --tw-inset-shadow: 0 0 #0000;
3214
- --tw-inset-shadow-color: initial;
3215
- --tw-inset-shadow-alpha: 100%;
3216
- --tw-ring-color: initial;
3217
- --tw-ring-shadow: 0 0 #0000;
3218
- --tw-inset-ring-color: initial;
3219
- --tw-inset-ring-shadow: 0 0 #0000;
3220
- --tw-ring-inset: initial;
3221
- --tw-ring-offset-width: 0px;
3222
- --tw-ring-offset-color: #fff;
3223
- --tw-ring-offset-shadow: 0 0 #0000;
3224
- --tw-blur: initial;
3225
- --tw-brightness: initial;
3226
- --tw-contrast: initial;
3227
- --tw-grayscale: initial;
3228
- --tw-hue-rotate: initial;
3229
- --tw-invert: initial;
3230
- --tw-opacity: initial;
3231
- --tw-saturate: initial;
3232
- --tw-sepia: initial;
3233
- --tw-drop-shadow: initial;
3234
- --tw-drop-shadow-color: initial;
3235
- --tw-drop-shadow-alpha: 100%;
3236
- --tw-drop-shadow-size: initial;
3237
- --tw-backdrop-blur: initial;
3238
- --tw-backdrop-brightness: initial;
3239
- --tw-backdrop-contrast: initial;
3240
- --tw-backdrop-grayscale: initial;
3241
- --tw-backdrop-hue-rotate: initial;
3242
- --tw-backdrop-invert: initial;
3243
- --tw-backdrop-opacity: initial;
3244
- --tw-backdrop-saturate: initial;
3245
- --tw-backdrop-sepia: initial;
3246
- --tw-duration: initial;
3247
- --tw-ease: initial;
3248
- }
3249
- }
3250
- }
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}.bcp-root{display:inline-flex;position:relative}.bcp-root,.bcp-container{align-items:center;justify-content:center}.bcp-container{display:flex;position:absolute}.bcp-petal{background:none;border:none;border-radius:50%;cursor:pointer;padding:0;position:absolute}.bcp-petal-visible:focus-visible{box-shadow:0 0 0 2px #ffffff80;outline:none}.bcp-core{border:none;border-radius:50%;cursor:pointer;padding:0;position:relative}.bcp-core:focus-visible{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #fff;outline:none}.bcp-core:disabled{cursor:not-allowed;opacity:.5}.bcp-svg{pointer-events:none;position:absolute}.bcp-slider-track{cursor:pointer}.bcp-slider-track,.bcp-slider-handle{pointer-events:auto;touch-action:none}.bcp-slider-handle{cursor:grab}.bcp-slider-handle:active{cursor:grabbing}.bcp-bg,.bcp-bg-wrapper,.bcp-bg-gradient{border-radius:50%;pointer-events:none;position:absolute}.bcp-bg-gradient{filter:blur(2px)}.bcp-bg-solid{border-radius:50%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.bcp-petal-ring{pointer-events:none}.df-drag-indicator-content{height:100%;overflow:hidden;position:relative;width:100%}.df-drag-indicator-icon{height:.75rem;margin-right:.5rem;width:.75rem}.df-drag-indicator-text{font-size:.75rem;font-weight:500;padding-right:.25rem}.df-drag-indicator-text:not([data-mobile=true]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-drag-indicator-text[data-mobile=true]{mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);overflow:hidden;white-space:nowrap}.df-drag-indicator-text[data-light=false]{color:#fff}.df-drag-indicator-all-day{align-items:center;display:flex;height:100%;overflow:hidden;padding-left:.75rem}.df-drag-indicator-icon[data-light=false]{color:#fff}.df-drag-indicator-regular-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.df-drag-indicator-regular-wrapper[data-light=false]{color:#fff}.df-drag-indicator-time{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-drag-indicator-time[data-light=true]{opacity:.7}.df-drag-indicator-time[data-light=false]{color:#fff;opacity:.9}.df-drag-indicator-mobile-handle{background-color:#fff;border-radius:9999px;border-width:2px;height:.625rem;position:absolute;width:.625rem;z-index:50}.df-drag-indicator-mobile-handle-top{right:1.25rem;top:-.375rem}.df-drag-indicator-mobile-handle-bottom{bottom:-.375rem;left:1.25rem}.df-drag-indicator-all-day-pill,.df-drag-indicator-month-pill,.df-drag-indicator-regular-pill{border-radius:.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.df-drag-indicator-manual-pill{border-radius:.25rem;font-size:.75rem;padding:.125rem .5rem}.df-drag-indicator-ghost{border-style:dashed;border-width:1px}.df-drag-indicator-default-bar{border-radius:9999px;bottom:.25rem;left:.125rem;position:absolute;top:.25rem;width:.125rem}.df-drag-indicator-month{align-items:center;border-radius:.25rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;height:100%;min-width:0;overflow:hidden;padding-left:.5rem;position:relative;width:100%}.df-drag-indicator-month-icon-wrap{flex-shrink:0;margin-right:.25rem;position:relative;z-index:10}.df-drag-indicator-month-content{flex:1;min-width:0;position:relative;z-index:10}.df-drag-indicator-month-title{display:block;font-weight:500;overflow:hidden;white-space:nowrap;width:100%}:where(:root){--df-color-background:#fff;--df-color-foreground:#2e2e2e;--df-color-hover:#f5f5f5;--df-color-border:#e5e5e5;--df-color-card:#fff;--df-color-card-foreground:#2e2e2e;--df-color-muted:#f3f4f6;--df-color-muted-foreground:#6b7280;--df-color-primary:#2e2e2e;--df-color-primary-foreground:#fff;--df-color-secondary:#64748b;--df-color-secondary-foreground:#fff;--df-color-destructive:#d42422;--df-color-destructive-foreground:#fff;--df-heat-1:#ebf5ff;--df-heat-2:#cfe8ff;--df-heat-3:#91d5ff;--df-heat-4:#60a5fa;--df-heat-5:#3b82f6}:where(.dark){--df-color-background:#101828;--df-color-hover:#1e293b;--df-color-foreground:#e5e5e5;--df-color-card:#101828;--df-color-card-foreground:#e5e5e5;--df-color-border:#334155;--df-color-muted:#1e293b;--df-color-muted-foreground:#94a3b8;--df-color-primary:#e5e5e5;--df-color-primary-foreground:#0f172a;--df-color-secondary:#94a3b8;--df-color-secondary-foreground:#0f172a;--df-color-destructive:#934645;--df-color-destructive-foreground:#fef2f2;--df-heat-1:#1e3a5f;--df-heat-2:#2563eb;--df-heat-3:#1e40af;--df-heat-4:#3b82f6;--df-heat-5:#93c5fd}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark){--df-color-background:#151515;--df-color-hover:#1c1c1c;--df-color-foreground:#e5e5e5;--df-color-border:#383838;--df-color-card:#1f2937;--df-color-card-foreground:#e5e5e5;--df-color-muted:#374151;--df-color-muted-foreground:#9ca3af;--df-color-primary:#e5e5e5;--df-color-primary-foreground:#171717;--df-color-secondary:#9ca3af;--df-color-secondary-foreground:#171717;--df-color-destructive:#934645;--df-color-destructive-foreground:#fef2f2;--df-heat-1:#1e3a5f;--df-heat-2:#2563eb;--df-heat-3:#1e40af;--df-heat-4:#3b82f6;--df-heat-5:#93c5fd}}.df-calendar-container{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);color-scheme:light dark;display:flex;flex-direction:row;overflow:hidden;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;--df-calendar-height:800px;font-family:Arial;height:var(--df-calendar-height,800px)}.df-calendar-sidebar-aside{bottom:0;height:100%;left:0;position:absolute;top:0;z-index:0}.df-calendar-shell{display:flex;flex:1;flex-direction:column;height:100%;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.df-calendar-content-wrap{flex:1;overflow:hidden;position:relative}.df-calendar-renderer{display:flex;flex-direction:row;height:100%;position:relative}.df-calendar-view-container{flex:1;height:100%;overflow:hidden}.df-calendar-container,.df-dialog-container,.df-event-detail-panel,.df-portal,.df-range-picker{--color-background:var(--df-color-background);--color-foreground:var(--df-color-foreground);--color-hover:var(--df-color-hover);--color-border:var(--df-color-border);--color-card:var(--df-color-card);--color-card-foreground:var(--df-color-card-foreground);--color-muted:var(--df-color-muted);--color-muted-foreground:var(--df-color-muted-foreground);--color-primary:var(--df-color-primary);--color-primary-foreground:var(--df-color-primary-foreground);--color-secondary:var(--df-color-secondary);--color-secondary-foreground:var(--df-color-secondary-foreground);--color-destructive:var(--df-color-destructive);--color-destructive-foreground:var(--df-color-destructive-foreground);--hover:var(--df-color-hover)}.df-calendar-container .df-calendar,.df-calendar-container .df-header,.df-calendar-container .df-month-view{background-color:var(--df-color-background)}.df-calendar-container .df-sidebar,.df-calendar-container .df-week-header,.df-calendar-container .df-week-header-row{background-color:var(--df-color-background);border-color:var(--df-color-border)}.df-calendar-container .df-all-day-cell,.df-calendar-container .df-all-day-row,.df-calendar-container .df-mini-calendar,.df-calendar-container .df-month-day-cell,.df-calendar-container .df-time-column,.df-calendar-container .df-time-grid-boundary,.df-calendar-container .df-time-grid-cell,.df-calendar-container .df-time-grid-row{border-color:var(--df-color-border)}.df-calendar-container .df-year-grid-month{--heat-1:var(--df-heat-1);--heat-2:var(--df-heat-2);--heat-3:var(--df-heat-3);--heat-4:var(--df-heat-4);--heat-5:var(--df-heat-5)}.df-calendar-time-column{border-color:var(--df-color-border);flex-shrink:0;width:5rem}.df-calendar-nav-button{align-items:center;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#374151;display:inline-flex;height:1.75rem;justify-content:center;padding:.25rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.75rem}.df-calendar-nav-button:hover{background-color:#f9fafb;border-color:var(--df-color-border);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--df-color-border),#fff 10%)}box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.08)}.dark .df-calendar-nav-button{color:#d1d5db}.dark .df-calendar-nav-button:hover{background-color:#374151}.df-calendar-today-button{align-items:center;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#374151;display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;justify-content:center;line-height:1.25rem;padding:.25rem 1rem;transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark .df-calendar-today-button{color:#e5e7eb}.df-calendar-today-button:hover{background-color:#f9fafb;border-color:var(--df-color-border);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--df-color-border),#fff 10%)}box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.08)}.dark .df-calendar-today-button:hover{background-color:#374151}.df-calendar-checkbox{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--df-color-border);border-radius:.25rem;cursor:pointer;display:inline-flex;height:1rem;justify-content:center;margin-right:.5rem;position:relative;width:1rem}.df-calendar-checkbox:focus-visible{outline:2px solid var(--checkbox-color,var(--df-color-primary));outline-offset:2px}.df-calendar-checkbox:checked{background-color:var(--checkbox-color,var(--df-color-primary));border-color:var(--checkbox-color,var(--df-color-primary))}.df-calendar-checkbox:checked:after{border:solid var(--df-color-primary-foreground);border-width:0 2px 2px 0;content:"";display:block;height:.5rem;transform:rotate(45deg);width:.25rem}.df-dialog-container,.df-event-detail-panel{background-color:var(--df-color-card);border-color:var(--df-color-border)}.df-calendar-container .df-header-left,.df-calendar-container .df-header-mid,.df-calendar-container .df-header-right{flex:1}.df-current-time-bar,.df-current-time-label{background-color:var(--df-color-primary)}.df-current-time-label{color:var(--df-color-primary-foreground)}.df-content-slot-stacked{display:flex;flex:1 1 auto;flex-direction:column;height:100%}.df-search-group:focus-within .df-search-focus-within-primary{color:var(--df-color-primary)}.df-fill-primary{background-color:var(--df-color-primary);color:var(--df-color-primary-foreground)}.df-fill-secondary{background-color:var(--df-color-secondary);color:var(--df-color-secondary-foreground)}.df-fill-destructive{background-color:var(--df-color-destructive);color:var(--df-color-destructive-foreground)}.df-tint-primary{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary)}.df-tint-primary-md{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}color:var(--df-color-primary)}.df-tint-primary-lg{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 30%,transparent)}color:var(--df-color-primary)}.dark .df-dark-tint-primary-md{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}}.df-hover-primary:hover{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary)}.df-hover-primary-md:hover{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}color:var(--df-color-primary)}.dark .df-hover-primary-dark-md:hover{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}}.df-hover-primary-solid:hover{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 90%,transparent)}}.df-hover-base:hover{background-color:var(--df-color-hover)}.df-hover-muted:hover{background-color:var(--df-color-muted);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted) 80%,transparent)}}.df-p-compact{padding:.125rem .25rem}.df-p-standard{padding:.25rem}.df-shrink-0{flex-shrink:0}.df-shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.dark .df-shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.df-shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .df-shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.3)}.df-hover-destructive:hover{background-color:var(--df-color-destructive);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-destructive) 90%,transparent)}}.df-hover-fill-destructive:hover,.df-focus-fill-destructive:focus{background-color:var(--df-color-destructive);color:var(--df-color-destructive-foreground)}.df-text-primary{color:var(--df-color-primary)}.df-text-muted{color:var(--df-color-muted-foreground)}.df-text-primary-fg{color:var(--df-color-primary-foreground)}.df-text-secondary-fg{color:var(--df-color-secondary-foreground)}.df-text-destructive{color:var(--df-color-destructive)}.df-text-destructive-fg{color:var(--df-color-destructive-foreground)}.df-bg-base{background-color:var(--df-color-background)}.df-bg-card{background-color:var(--df-color-card)}.df-bg-sidebar,.df-bg-secondary{background-color:var(--df-color-muted)}.df-bg-tertiary{background-color:var(--df-color-border)}.df-border-base{border:1px solid var(--df-color-border)}.df-border-light{border:1px solid var(--df-color-border);@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 50%,transparent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb,var(--df-color-border) 50%,transparent);border-left-style:solid;border-left-width:1px;border-right-color:color-mix(in srgb,var(--df-color-border) 50%,transparent);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb,var(--df-color-border) 50%,transparent);border-top-style:solid;border-top-width:1px}}.df-border-strong{border:1px solid var(--df-color-primary)}.df-border-primary{border-color:var(--df-color-primary)}.df-border-primary-soft{border-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in srgb,var(--df-color-primary) 50%,transparent)}}.df-ring-primary{--tw-ring-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}}.df-ring-primary-solid{--tw-ring-color:var(--df-color-primary)}.df-shadow-primary{--tw-shadow-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in srgb,var(--df-color-primary) 20%,transparent)}}.df-focus-ring:focus{border-color:var(--df-color-primary)}.df-focus-ring:focus,.df-focus-ring-only:focus{box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-focus-border-primary:focus{border-color:var(--df-color-primary)}.df-all-day-event-animate{animation:df-event-pop-in .3s ease-out forwards}.df-animate-in{animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0,0,.2,1)}.df-fade-in{animation-name:df-fade-in}.df-zoom-in-95{animation-name:df-zoom-in}.df-fade-in.df-zoom-in-95{animation-name:df-fade-in,df-zoom-in}.df-animate-slide-up{animation:df-slide-up .3s cubic-bezier(.16,1,.3,1) forwards}.df-animate-slide-down{animation:df-slide-down .3s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:768px){.df-calendar-container{--df-calendar-height:550px}}@media (max-width:767px){.df-mobile-mask-fade{mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent)}}.df-drag-indicator-title-mask{mask-image:linear-gradient(90deg,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;overflow:hidden;text-overflow:clip;white-space:nowrap}.df-calendar-container ::-webkit-scrollbar{height:2px;width:2px}.df-calendar-container ::-webkit-scrollbar-track{background:transparent}.df-calendar-container ::-webkit-scrollbar-thumb{background:var(--df-color-border);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-border),transparent 18%)}border-radius:1px}.dark .df-calendar-container ::-webkit-scrollbar-thumb{background:var(--df-color-border);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-border),#fff 12%)}}.df-calendar-container ::-webkit-scrollbar-thumb:hover{background:var(--df-color-muted-foreground);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-muted-foreground),#fff 8%)}}.df-calendar-container *{scrollbar-color:var(--df-color-border) transparent;scrollbar-width:thin;@supports (color:color-mix(in lab,red,red)){scrollbar-color:color-mix(in srgb,var(--df-color-border),transparent 18%) transparent}}.dark .df-calendar-container *{scrollbar-color:var(--df-color-border) transparent;@supports (color:color-mix(in lab,red,red)){scrollbar-color:color-mix(in srgb,var(--df-color-border),#fff 12%) transparent}}.df-calendar-container .df-drag-active,.df-calendar-container.df-drag-active{-moz-user-select:none;user-select:none;-webkit-user-select:none}.df-calendar-container.df-drag-active .df-event,.df-calendar-container.df-drag-active .df-month-more-events,.df-calendar-container.df-drag-active .df-month-segment-event,.df-calendar-container.df-drag-active .df-month-title,.df-calendar-container.df-drag-active .df-year-event-content{pointer-events:none}.df-calendar-container .df-cursor-ns-resize,.df-calendar-container .df-cursor-ns-resize *{cursor:ns-resize}body.df-cursor-ns-resize,body.df-cursor-ns-resize *{cursor:ns-resize!important}.df-calendar-container .df-cursor-ew-resize,.df-calendar-container .df-cursor-ew-resize *{cursor:ew-resize}body.df-cursor-ew-resize,body.df-cursor-ew-resize *{cursor:ew-resize!important}.df-calendar-container .df-cursor-grabbing,.df-calendar-container .df-cursor-grabbing *{cursor:grabbing}body.df-cursor-grabbing,body.df-cursor-grabbing *{cursor:grabbing!important}@keyframes df-fade-out{0%{opacity:1}to{opacity:0}}@keyframes df-fade-in{0%{opacity:0}to{opacity:1}}@keyframes df-event-pop-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes df-zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes df-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes df-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.df-header{align-items:center;border-bottom:1px solid transparent;display:flex;flex-shrink:0;justify-content:space-between;padding-block:.25rem;padding-right:.5rem;transition:border-color .2s,background-color .2s,color .2s}.df-header[data-bordered=true]{border-bottom-color:var(--df-color-border)}.df-calendar-container .df-header-left{align-items:center;display:flex}#dayflow-add-event-btn{color:#6b7282}.df-calendar-container .df-header-mid{align-items:center;display:flex;justify-content:center}.df-calendar-container .df-header-right{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.df-view-header-container{align-items:center;display:flex;justify-content:space-between;padding:.5rem;position:relative}.df-view-header-title-area{flex:1}.df-view-header-title{color:var(--df-color-foreground);font-size:1.5rem;font-weight:700;line-height:2rem}.df-view-header-subtitle{color:var(--df-color-muted-foreground);font-size:.875rem;line-height:1.5rem;margin-top:.75rem}.df-view-header-subtitle-row{align-items:end;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.df-view-header-subtitle-row .df-view-header-subtitle{margin-top:0}.df-view-header-subtitle-meta{align-items:center;color:var(--df-color-muted-foreground);display:inline-flex;gap:.375rem}.df-view-header-nav{align-items:center;display:flex;gap:.5rem}.df-view-header-year-stack{height:1.5em;overflow:hidden;position:relative}.df-view-header-year-title{left:0;position:absolute;top:0;will-change:transform}.df-view-switcher{align-items:center;background-color:#f3f4f6;border-radius:.5rem;display:inline-flex;gap:.25rem;height:1.75rem;padding:.125rem}.dark .df-view-switcher{background-color:#1f2937}.df-view-switcher-btn{align-items:center;background:transparent;border:none;border-radius:.375rem;color:#4b5563;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;outline:none;padding-inline:1rem;transition:all .2s;white-space:nowrap;width:-moz-max-content;width:max-content}.dark .df-view-switcher-btn{color:#9ca3af}.df-view-switcher-btn:hover{background-color:#f9fafb;color:#111827}.dark .df-view-switcher-btn:hover{background-color:#374151;color:#f3f4f6}.df-view-switcher-btn[data-active=true]{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#111827}.dark .df-view-switcher-btn[data-active=true]{background-color:#374151;color:#f3f4f6}.df-view-switcher-select{display:inline-block;position:relative}.df-view-switcher-select-trigger{align-items:center;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--df-color-foreground);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:1.75rem;justify-content:space-between;min-width:7.5rem;outline:none;padding-inline:.75rem;transition:background-color .2s}.df-view-switcher-select-trigger:hover{background-color:var(--df-color-hover)}.df-view-switcher-select-chevron{color:var(--df-color-muted-foreground);transition:transform .2s}.df-view-switcher-select-chevron[data-open=true]{transform:rotate(180deg)}.df-view-switcher-select-dropdown{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);left:0;margin-top:.25rem;min-width:7.5rem;overflow:hidden;position:absolute;top:100%;width:100%;z-index:50}.df-view-switcher-select-list{padding:.25rem}.df-view-switcher-select-option{background:transparent;border:none;border-radius:.25rem;color:var(--df-color-foreground);cursor:pointer;font-size:.875rem;outline:none;padding:.25rem .75rem;text-align:left;transition:background-color .15s;width:100%}.df-view-switcher-select-option:hover{background-color:var(--df-color-hover)}.df-view-switcher-select-option[data-active=true]{font-weight:500}.df-mini-calendar-body{padding:.75rem}.df-mini-calendar-header-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.df-mini-calendar-nav-btn{align-items:center;background:transparent;border:none;border-radius:9999px;color:var(--df-color-muted-foreground);cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:background-color .15s;width:1.75rem}.df-mini-calendar-nav-btn:hover{background-color:var(--df-color-hover)}.df-mini-calendar-month-label{color:#374151;font-size:.875rem;font-weight:600}.dark .df-mini-calendar-month-label{color:#e5e7eb}.df-mini-calendar-day-cell{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-block:.25rem;position:relative}.df-mini-calendar-day-number{position:relative;z-index:10}.df-mini-calendar-dots{bottom:.125rem;display:flex;gap:1px;position:absolute}.df-mini-calendar-dot{border-radius:9999px;height:.25rem;width:.25rem}.df-calendar-picker{display:inline-block;position:relative}.df-calendar-picker-trigger{align-items:center;background-color:var(--df-color-muted);border:none;border-radius:.375rem;cursor:pointer;display:flex;gap:.5rem;height:2rem;padding:.25rem .5rem;transition:background-color .15s}.df-calendar-picker-trigger:hover{background-color:var(--df-color-muted);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted),#000 4%)}}.dark .df-calendar-picker-trigger:hover{background-color:var(--df-color-muted);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted),#fff 8%)}}.df-calendar-picker-trigger-mobile{gap:.5rem;height:auto;padding:.375rem .75rem}.df-calendar-picker-trigger:disabled{cursor:default;opacity:.5}.df-calendar-picker-color-swatch{border-radius:.25rem;flex-shrink:0;height:1rem;width:1rem}.df-calendar-picker-color-swatch-sm{border-radius:.25rem;height:.75rem;width:.75rem}.df-calendar-picker-option-mobile .df-calendar-picker-color-swatch-sm,.df-calendar-picker-trigger-mobile .df-calendar-picker-color-swatch-sm{border-radius:9999px}.df-calendar-picker-label{color:var(--df-color-foreground);font-size:.875rem;font-weight:500;white-space:nowrap}.df-calendar-picker-option{align-items:center;cursor:pointer;display:flex;padding:.25rem .5rem;transition:background-color .15s}.df-calendar-picker-option:hover{background-color:var(--df-color-hover)}.df-calendar-picker-option-mobile{padding:.5rem 1rem}.df-calendar-picker-option[data-selected=true]{font-weight:600}.df-calendar-picker-option-mobile[data-selected=true]{background-color:var(--df-color-hover)}.df-calendar-picker-option-inner{align-items:center;display:flex;flex:1;margin-right:.75rem;min-width:0}.df-calendar-picker-check-area{display:flex;flex-shrink:0;justify-content:center;margin-right:.5rem;width:1.25rem}.df-calendar-picker-option-label{color:var(--df-color-foreground);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-calendar-picker-dropdown{background-color:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);overflow:hidden;transform-origin:top right;transition:all .2s}.df-calendar-picker-check-area svg,.df-calendar-picker-trigger svg{height:1rem;width:1rem}.df-calendar-picker-option .df-calendar-picker-color-swatch-sm{margin-right:.5rem}.df-navigation{align-items:center;display:flex;gap:.25rem}.df-calendar-nav-button svg{height:1rem;transition:transform .15s;width:1rem}.df-calendar-nav-button:hover svg{transform:scale(1.1)}.df-mini-calendar-nav-btn svg{height:1rem;width:1rem}.df-mini-calendar-grid{display:grid;font-size:.75rem;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center}.df-mini-calendar-header{color:var(--df-color-muted-foreground);font-weight:500;height:1.5rem;padding-block:.25rem;text-align:center;width:1.5rem}.df-mini-calendar-day{border-radius:.25rem;color:var(--df-color-foreground);font-size:.75rem;height:1.5rem;width:1.5rem}.df-mini-calendar-day[data-other-month=true]{color:var(--df-color-muted-foreground)}.df-mini-calendar-day[data-today=true]{background-color:var(--df-color-primary);border-radius:9999px;color:var(--df-color-primary-foreground)}.df-mini-calendar-day[data-selected=true]{background-color:var(--df-color-secondary);border-radius:9999px;color:var(--df-color-secondary-foreground);font-weight:500}.df-form-label{color:var(--df-color-muted-foreground);display:block;font-size:.75rem;margin-bottom:.25rem}.df-form-input{background-color:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--df-color-foreground);font-size:.875rem;outline:none;padding:.375rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.df-form-input:focus{border-color:var(--df-color-primary);box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-form-input:disabled,.df-form-input[readonly]{opacity:.5}.df-form-textarea{background-color:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:var(--df-color-foreground);font-size:.875rem;outline:none;padding:.5rem .75rem;resize:none;transition:border-color .15s,box-shadow .15s;width:100%}.df-form-textarea:focus{border-color:var(--df-color-primary);box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-form-textarea:disabled,.df-form-textarea[readonly]{opacity:.5}.df-form-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.df-form-field{flex:1}.df-form-actions{display:flex;gap:.5rem}.df-btn-sm{border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .15s}.df-btn-sm:disabled{cursor:default;opacity:.5}.df-btn-sm-ghost{background:transparent;border:1px solid var(--df-color-border);color:var(--df-color-foreground)}.df-btn-sm-ghost:hover:not(:disabled){background-color:var(--df-color-hover)}.df-btn-md{border:none;border-radius:.5rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .15s}.df-btn-md:disabled{cursor:not-allowed;opacity:.5}.df-btn-md-secondary{background:transparent;border:1px solid var(--df-color-border);color:var(--df-color-foreground)}.df-btn-md-secondary:hover{background-color:var(--df-color-hover)}.df-create-calendar-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.df-create-calendar-dialog-panel{background-color:var(--df-color-card);border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:24rem;padding:1.5rem;width:100%}.df-create-calendar-dialog-title{color:var(--df-color-foreground);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.df-create-calendar-dialog-title-compact{margin-bottom:1rem}.df-create-calendar-dialog-color-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.df-create-calendar-dialog-color-preview{border:1px solid var(--df-color-border);border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex-shrink:0;height:2.25rem;width:2.25rem}.df-create-calendar-dialog-color-section{margin-bottom:1.5rem}.df-create-calendar-dialog-color-grid{display:grid;gap:1rem;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:1rem}.df-create-calendar-dialog-color-btn{background:none;border:1px solid var(--df-color-border);border-radius:9999px;cursor:pointer;height:1.75rem;padding:0;transition:transform .15s;width:1.75rem}.df-create-calendar-dialog-color-btn:hover{transform:scale(1.1)}.df-create-calendar-dialog-color-btn[data-selected=true]{outline:2px solid var(--df-color-primary);outline-offset:2px;transform:scale(1.1)}.df-create-calendar-dialog-custom-color-btn{align-items:center;background:transparent;border:1px solid var(--df-color-border);border-radius:.375rem;color:var(--df-color-foreground);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .5rem;transition:background-color .15s;width:100%}.df-create-calendar-dialog-custom-color-btn:hover{background-color:var(--df-color-hover)}.df-create-calendar-dialog-picker-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.df-create-calendar-dialog-picker-inner{position:relative}.df-create-calendar-dialog-picker-card{background-color:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:1rem}.df-create-calendar-dialog-picker-actions{border-top:1px solid var(--df-color-border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem}.df-create-calendar-dialog-blossom-row{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.df-create-calendar-dialog-blossom-input-area{flex:1}.df-create-calendar-dialog-blossom-picker-wrap{flex-shrink:0;height:2.25rem;position:relative;width:2.25rem}.df-create-calendar-dialog-blossom-picker-inner{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.df-create-calendar-dialog-blossom-picker{z-index:50}.df-create-calendar-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.df-event-dialog-backdrop{background-color:rgba(0,0,0,.6);inset:0;position:fixed}.df-event-dialog-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.df-event-dialog-overlay>*{pointer-events:auto}.dark .df-event-dialog-backdrop{background-color:rgba(0,0,0,.8)}.df-event-dialog-close{background:transparent;border:none;color:var(--df-color-muted-foreground);cursor:pointer;position:absolute;right:1rem;top:1rem;transition:color .15s}.df-event-dialog-close:hover{color:var(--df-color-foreground)}.df-event-dialog-close:disabled{opacity:.5}.df-event-dialog-notes-row,.df-event-dialog-time-row{margin-bottom:1rem}.df-event-panel-content{padding:1rem}.df-event-detail-panel{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:fixed}.df-event-detail-panel,.df-dialog-container{border-radius:.5rem;border-style:solid;border-width:1px}.df-dialog-container{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin-inline:1rem;max-width:28rem;padding:1.5rem;position:relative;width:100%}.df-event-dialog-close svg{height:1.25rem;width:1.25rem}.df-loading-btn{align-items:center;display:inline-flex;justify-content:center;position:relative;transition:all .15s}.df-loading-btn[data-loading=true]{cursor:not-allowed;opacity:.7}@keyframes df-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.df-loading-btn-spinner{animation:df-spin 1s linear infinite;height:1rem;margin-right:.5rem;width:1rem}.df-loading-btn-track{opacity:.25}.df-loading-btn-fill{opacity:.75}.df-loading-btn-label{align-items:center;display:inline-flex}.df-default-color-picker{display:flex;justify-content:center}.df-event,.df-month-segment-event{color:inherit;min-width:0;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none}.df-event{overflow:hidden;position:relative}.df-event[data-view=month][data-multi-day=true]{overflow:visible;position:static}.df-event[data-touch-handles=true]{overflow:visible}.df-event[data-view=day],.df-event[data-view=week]{box-shadow:0 1px 2px rgba(0,0,0,.08);display:flex;flex-direction:column}.df-event[data-view=day][data-all-day=false],.df-event[data-view=week][data-all-day=false],.df-event[data-dragging=true],.df-month-segment-event[data-dragging=true]{border-radius:.25rem}.df-event[data-view=year]{cursor:pointer;display:flex;overflow:hidden;padding-inline:.25rem;transition:background-color .15s,color .15s;white-space:nowrap}.df-event[data-view=year]>.df-content-slot{min-width:0;width:100%}.df-event[data-view=month][data-all-day=false]{border-radius:.25rem}.df-event[data-view=month][data-month-stack=true]{margin-bottom:2px}.df-event[data-view=month][data-month-stack=true]:last-child{margin-bottom:0}.df-event[data-all-day=true]:not([data-view=year]){margin-block:.125rem}.df-event[data-all-day=true]:not([data-view=year])[data-segment-shape=full]{border-radius:.75rem}.df-event[data-all-day=true]:not([data-view=year])[data-segment-shape=start]{border-radius:.75rem 0 0 .75rem}.df-event[data-all-day=true]:not([data-view=year])[data-segment-shape=end]{border-radius:0 .75rem .75rem 0}.df-event[data-all-day=true]:not([data-view=year])[data-segment-shape=middle]{border-radius:0}.df-event[data-view=year][data-segment-shape=full],.df-month-segment-event[data-segment-shape=full]{border-radius:.25rem}.df-event[data-view=year][data-segment-shape=start],.df-month-segment-event[data-segment-shape=start]{border-radius:.25rem 0 0 .25rem}.df-event[data-view=year][data-segment-shape=end],.df-month-segment-event[data-segment-shape=end]{border-radius:0 .25rem .25rem 0}.df-event[data-view=year][data-segment-shape=middle],.df-month-segment-event[data-segment-shape=middle]{border-radius:0}.df-event-all-day-shell{align-items:center;display:flex;inset:0;overflow:hidden;padding-inline:.25rem .25rem;padding-left:.75rem;position:absolute}.df-event-all-day-shell .df-event-icon-slot{margin-right:.5rem}.df-event-content-row{align-items:center;display:flex;flex:1;min-width:0;overflow:hidden}.df-event-timed-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.25rem .25rem .25rem .75rem}.df-event-timed-content[data-density=compact]{padding-block:0}.df-event-icon-slot{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:.375rem}.df-event-icon-svg{display:block;flex-shrink:0;height:.75rem;width:.75rem}.df-event-title{font-size:.75rem;font-weight:500;line-height:1rem;overflow:hidden;padding-right:.25rem;text-overflow:ellipsis;white-space:nowrap}.df-event-title-tight{line-height:1.2}.df-event-time{font-size:.75rem;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-event-color-bar{border-radius:9999px;bottom:.25rem;left:.25rem;position:absolute;top:.25rem;width:3px}.df-event-color-bar-overlay{inset:0;pointer-events:none;position:absolute}.df-event-resize-handle{position:absolute;transition:opacity .15s;z-index:20}.df-event-resize-handle-bottom,.df-event-resize-handle-top{cursor:ns-resize;height:.375rem;left:0;width:100%;z-index:10}.df-event-resize-handle-top{border-radius:.25rem .25rem 0 0;top:0}.df-event-resize-handle-bottom{border-radius:0 0 .25rem .25rem;bottom:0}.df-event-resize-handle-left,.df-event-resize-handle-right{bottom:0;cursor:ew-resize;opacity:0;top:0;width:.25rem}.df-event-resize-handle-left{left:0}.df-event-resize-handle-right{right:0}.df-event:hover .df-event-resize-handle-left,.df-event:hover .df-event-resize-handle-right,.df-event[data-selected=true] .df-event-resize-handle-left,.df-event[data-selected=true] .df-event-resize-handle-right,.df-month-segment-event:hover .df-event-resize-handle-left,.df-month-segment-event:hover .df-event-resize-handle-right,.df-month-segment-event[data-selected=true] .df-event-resize-handle-left,.df-month-segment-event[data-selected=true] .df-event-resize-handle-right{opacity:1}.df-event-touch-resize-indicator{background-color:#fff;border:2px solid;border-radius:9999px;box-sizing:border-box;height:.625rem;pointer-events:auto;position:absolute;width:.625rem;z-index:50}.df-event-touch-resize-indicator[data-axis=vertical][data-position=top]{right:1.25rem;top:-.375rem}.df-event-touch-resize-indicator[data-axis=vertical][data-position=bottom]{bottom:-.375rem;left:1.25rem}.df-event-touch-resize-indicator[data-axis=horizontal]{top:50%;transform:translateY(-50%)}.df-event-touch-resize-indicator[data-axis=horizontal][data-position=left]{left:1.25rem}.df-event-touch-resize-indicator[data-axis=horizontal][data-position=right]{right:1.25rem}.df-event-month-all-day,.df-event-month-regular{align-items:center;cursor:pointer;display:flex;font-size:.75rem;line-height:1rem;min-width:0}.df-event-month-all-day{border-radius:.25rem;overflow:hidden;padding-inline:.25rem}.df-event-month-regular{height:1rem;justify-content:space-between;padding-inline:.125rem}.df-event-month-main{align-items:center;display:flex;flex:1;min-width:0}.df-event-month-color-bar,.df-event-year-indicator{border-radius:9999px;display:inline-block;flex-shrink:0;height:.75rem;width:.1875rem}.df-event-month-color-bar{margin-right:.25rem}.df-event-month-title{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-event-month-title.df-mobile-mask-fade{text-overflow:clip}.df-event-month-all-day .df-event-icon-slot,.df-event-month-all-day .df-event-icon-svg{margin-right:.25rem}.df-event-month-time{flex-shrink:0;font-size:.75rem;line-height:1rem;margin-left:.25rem}.df-event-holiday-icon{color:#ca8a04;display:inline-block;flex-shrink:0;margin-right:.25rem}.df-event[data-selected=true] .df-event-month-all-day .df-event-icon-svg,.df-event[data-selected=true] .df-event-month-time,.df-event[data-selected=true] .df-event-month-title,.df-month-segment-event[data-selected=true] .df-event-month-time,.df-month-segment-event[data-selected=true] .df-event-month-title{color:#fff}.df-event[data-selected=true] .df-event-holiday-icon{color:#fef08a}.df-event-year-content{align-items:center;display:flex;height:100%;min-width:0;overflow:hidden;pointer-events:auto;width:100%}.df-event-year-content-timed{gap:.25rem}.df-event-year-icon-badge{align-items:center;border-radius:9999px;box-sizing:border-box;color:#fff;display:inline-flex;height:12px;justify-content:center;padding:.125rem;width:12px}.df-event-year-icon-badge .df-event-icon-svg{height:.5rem;margin-right:0;width:.5rem}.df-event-year-main{flex:1;min-width:0}.df-event-year-title{display:block;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-event-year-title-fade{mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);text-overflow:clip}.df-event-year-title-strong{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-event-year-title-strong.df-event-year-title-fade{mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);text-overflow:clip}.df-event-year-tail{color:hsla(0,0%,100%,.8);flex-shrink:0;margin-left:auto}.dark .df-event-year-tail{color:hsla(0,0%,100%,.9)}.df-event-year-tail-dot{background-color:hsla(0,0%,100%,.6);border-radius:9999px;height:.375rem;width:.375rem}.dark .df-event-year-tail-dot{background-color:hsla(0,0%,100%,.8)}.df-month-segment-event{align-items:center;display:flex;font-size:.75rem;padding-inline:.25rem;position:absolute;transition:box-shadow .2s,transform .5s cubic-bezier(.22,1,.36,1)}.df-month-segment-event:hover{box-shadow:0 1px 2px rgba(0,0,0,.08)}.dark .df-month-segment-event:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}.df-month-segment-event-body{flex:1;min-width:0}.df-month-segment-event-all-day{align-items:center;display:flex;min-width:0;overflow:hidden;width:100%}.df-month-segment-event-all-day-main{flex:1;min-width:0}.df-month-segment-event-all-day-title{display:block;overflow:hidden;text-overflow:ellipsis}.df-month-segment-event-all-day-title,.df-month-segment-event-time{font-size:.75rem;line-height:1rem;white-space:nowrap}.df-month-segment-event-time{font-weight:500}.df-month-segment-event-time-spaced{margin-left:.5rem}.df-month-segment-event-time-overlay{position:absolute}.df-month-segment-event-tail-time{font-size:.75rem;font-weight:500;line-height:1rem;margin-left:auto;white-space:nowrap}.df-month-segment-event-tail{color:hsla(0,0%,100%,.8);flex-shrink:0;margin-left:.25rem}.dark .df-month-segment-event-tail{color:hsla(0,0%,100%,.9)}.df-month-segment-event-tail-dot{background-color:hsla(0,0%,100%,.6);border-radius:9999px;height:.375rem;width:.375rem}.dark .df-month-segment-event-tail-dot{background-color:hsla(0,0%,100%,.8)}.df-mobile-event-drawer{align-items:flex-end;display:flex;inset:0;pointer-events:none;position:fixed;z-index:10000}.df-mobile-event-drawer-backdrop{background-color:rgba(0,0,0,.3);inset:0;pointer-events:auto;position:absolute;touch-action:none;transition:opacity .3s}.df-mobile-event-drawer-backdrop[data-closing=true]{opacity:0}.df-mobile-event-drawer-backdrop[data-closing=false]{opacity:1}.df-mobile-event-drawer-panel{background-color:#f3f4f6;border-radius:1rem 1rem 0 0;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:85vh;overflow:hidden;pointer-events:auto;position:relative;width:100%}.dark .df-mobile-event-drawer-panel{background-color:#1f2937}.df-mobile-event-drawer-header{align-items:center;background-color:var(--df-color-card);border-bottom:1px solid var(--df-color-border);display:flex;justify-content:space-between;padding:1rem}.dark .df-mobile-event-drawer-header{background-color:var(--df-color-card);border-bottom-color:var(--df-color-border)}.df-mobile-event-drawer-title{color:var(--df-color-foreground);font-size:1.125rem;font-weight:600}.df-mobile-event-drawer-header-action{background:transparent;border:none;color:var(--df-color-muted-foreground);cursor:pointer;min-width:3rem;padding:.25rem .5rem;transition:color .15s}.df-mobile-event-drawer-header-action:hover:not(:disabled){color:var(--df-color-foreground)}.df-mobile-event-drawer-header-action-primary{color:var(--df-color-primary);font-weight:700}.df-mobile-event-drawer-header-action-disabled,.df-mobile-event-drawer-header-action:disabled{cursor:not-allowed;opacity:.5}.df-mobile-event-drawer-header-spacer{width:3rem}.df-mobile-event-drawer-body{flex:1;overflow-y:auto;padding:1rem}.df-mobile-event-drawer-body>*+*{margin-top:1rem}.df-mobile-event-drawer-section{border-radius:.5rem;overflow:hidden}.df-mobile-event-drawer-section,.dark .df-mobile-event-drawer-section{background-color:var(--df-color-card)}.df-mobile-event-drawer-section-framed{padding:.75rem 1rem}.df-mobile-event-drawer-section-danger{color:#ef4444}.df-mobile-event-drawer-title-input{background:transparent;border:none;color:var(--df-color-foreground);font-size:1.25rem;font-weight:500;outline:none;width:100%}.df-mobile-event-drawer-notes::-moz-placeholder,.df-mobile-event-drawer-title-input::-moz-placeholder{color:#9ca3af}.df-mobile-event-drawer-notes::placeholder,.df-mobile-event-drawer-title-input::placeholder{color:#9ca3af}.df-mobile-event-drawer-notes{background:transparent;border:none;color:var(--df-color-foreground);font-size:1rem;min-height:5rem;outline:none;resize:none;width:100%}.df-mobile-event-drawer-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.df-mobile-event-drawer-row+.df-mobile-event-drawer-row{border-top:1px solid #f3f4f6}.dark .df-mobile-event-drawer-row+.df-mobile-event-drawer-row{border-top-color:#1f2937}.df-mobile-event-drawer-row-padded{padding:.75rem 1rem}.df-mobile-event-drawer-label{color:#374151}.dark .df-mobile-event-drawer-label{color:#d1d5db}.df-mobile-event-drawer-controls{display:flex;gap:.5rem}.df-mobile-event-drawer-picker-trigger{background-color:#f3f4f6;border:none;border-radius:.375rem;color:#374151;cursor:pointer;padding:.25rem .75rem;transition:background-color .15s,color .15s}.dark .df-mobile-event-drawer-picker-trigger{background-color:#1f2937;color:#d1d5db}.df-mobile-event-drawer-picker-trigger[data-active=true]{background-color:#e5e7eb;color:var(--df-color-primary)}.dark .df-mobile-event-drawer-picker-trigger[data-active=true]{background-color:#374151;color:#fff}.df-mobile-event-drawer-picker-trigger:disabled{cursor:not-allowed;opacity:.5}.df-mobile-event-drawer-expander{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.df-mobile-event-drawer-expander[data-kind=calendar][data-expanded=true]{max-height:26rem}.df-mobile-event-drawer-expander[data-kind=time][data-expanded=true]{max-height:20rem}.df-mobile-event-drawer-expander-content{border-top:1px solid #f3f4f6}.dark .df-mobile-event-drawer-expander-content{border-top-color:#1f2937}.df-mobile-event-drawer-delete-button{background:transparent;border:none;color:#ef4444;cursor:pointer;font-weight:500;padding:.75rem 1rem;text-align:left;width:100%}.df-mobile-switch{align-items:center;background-color:#d1d5db;border-radius:9999px;cursor:pointer;display:inline-flex;height:1.75rem;padding:.25rem;transition:background-color .15s,opacity .15s;width:3rem}.df-mobile-switch[data-checked=true]{background-color:#22c55e}.df-mobile-switch[data-disabled=true]{cursor:default;opacity:.5}.df-mobile-switch-thumb{background-color:var(--df-color-card);border-radius:9999px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);height:1.25rem;transition:transform .15s;width:1.25rem}.df-mobile-switch[data-checked=true] .df-mobile-switch-thumb{transform:translateX(1.25rem)}.df-time-wheel{border-radius:.5rem;display:flex;height:14rem;margin-top:.5rem;overflow:hidden;position:relative}.df-time-wheel-column{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;touch-action:pan-y;-ms-overflow-style:none;scrollbar-width:none}.df-time-wheel-column::-webkit-scrollbar{display:none}.df-time-wheel-spacer{height:96px}.df-time-wheel-option{align-items:center;cursor:pointer;display:flex;height:2rem;scroll-snap-align:center}.df-time-wheel-option-hour{justify-content:flex-end;padding-right:1.25rem}.df-time-wheel-option-minute{justify-content:flex-start;padding-left:1.25rem}.df-time-wheel-value{color:#9ca3af;font-size:1.25rem;text-align:center;transition:color .2s;width:2.5rem}.dark .df-time-wheel-value{color:#6b7280}.df-time-wheel-value[data-selected=true]{color:#111827;font-weight:700}.dark .df-time-wheel-value[data-selected=true]{color:#fff}.df-time-wheel-selection{background-color:rgba(209,213,219,.2);border:1px solid #d1d5db;border-radius:.5rem;height:2rem;left:.5rem;pointer-events:none;position:absolute;right:.5rem;top:6rem}.dark .df-time-wheel-selection{background-color:hsla(220,9%,46%,.2);border-color:#4b5563}.df-search-group{display:block;position:relative}.df-search-group-icon{align-items:center;color:var(--df-color-muted-foreground);display:flex;inset-block:0;left:0;padding-left:.75rem;pointer-events:none;position:absolute;transition:color .15s}.df-search-group:focus-within .df-search-group-icon{color:var(--df-color-primary)}.df-search-group-input{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;color:var(--df-color-foreground);font-size:.875rem;height:1.75rem;outline:none;padding-left:2.25rem;padding-right:2rem;padding-block:.25rem;resize:none;transition:border-color .15s,box-shadow .15s}.df-search-group-input::-moz-placeholder{color:var(--df-color-muted-foreground)}.df-search-group-input::placeholder{color:var(--df-color-muted-foreground)}.df-search-group-input:focus{border-color:var(--df-color-primary);box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-search-group-clear{align-items:center;background:transparent;border:none;color:var(--df-color-muted-foreground);cursor:pointer;display:flex;inset-block:0;padding-right:.5rem;position:absolute;right:0;transition:color .15s}.df-search-group-clear:hover{color:var(--df-color-foreground)}.df-search-drawer{background-color:var(--df-color-background);display:none;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:width .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}@media (min-width:768px){.df-search-drawer{display:flex}}.df-search-drawer[data-open=true]{border-left:1px solid var(--df-color-border);width:16rem}.df-search-drawer[data-open=false]{width:0}.df-search-drawer-content{flex:1;min-width:16rem;overflow-y:auto}.df-search-dialog-header{align-items:center;border-bottom:1px solid var(--df-color-border);display:flex;gap:.5rem;padding:.5rem}.df-search-dialog-back-btn{background:transparent;border:none;color:var(--df-color-muted-foreground);cursor:pointer;padding:.5rem;transition:color .15s}.df-search-dialog-back-btn:hover{color:var(--df-color-foreground)}.df-search-dialog-back-icon{height:1.5rem;width:1.5rem}.df-search-dialog-input-wrap{flex:1;position:relative}.df-search-dialog-input{background-color:var(--df-color-muted);border:none;border-radius:9999px;color:var(--df-color-foreground);outline:none;padding:.5rem 2.5rem .5rem .75rem;transition:box-shadow .15s;width:100%}.df-search-dialog-input:focus{box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-search-dialog-input-clear{align-items:center;background:transparent;border:none;color:var(--df-color-muted-foreground);cursor:pointer;display:flex;inset-block:0;padding-right:.75rem;position:absolute;right:0}.df-search-dialog-clear-icon{height:1rem;width:1rem}.df-search-dialog-results{flex:1;overflow-y:auto;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-search-results{gap:1.5rem}.df-search-results,.df-search-results-state{display:flex;flex-direction:column}.df-search-results-state{align-items:center;color:var(--df-color-muted-foreground);height:10rem;justify-content:center}.df-search-results-state-icon{color:#d1d5db;height:3rem;margin-bottom:.5rem;width:3rem}.dark .df-search-results-state-icon{color:#4b5563}.df-search-results-date-header{background-color:var(--df-color-background);border-bottom:1px solid var(--df-color-border);font-size:.875rem;font-weight:500;margin-bottom:.25rem;padding:.25rem .5rem;position:sticky;top:0;z-index:10}.df-search-results-date-header[data-tone=default]{color:var(--df-color-muted-foreground)}.df-search-results-date-header[data-tone=today]{color:var(--df-color-primary)}.df-search-results-date-header[data-tone=upcoming]{color:var(--df-color-foreground)}.df-search-results-loader{animation:df-spin 1s linear infinite;height:2rem;margin-bottom:.5rem;width:2rem}.df-search-results-events{display:flex;flex-direction:column}.df-search-results-event{border-radius:.5rem;cursor:pointer;margin-inline:.5rem;margin-bottom:.25rem;padding:.5rem;transition:background-color .15s}.df-search-results-event:hover{background-color:var(--df-color-hover)}.df-search-results-event-inner{align-items:stretch;display:flex;gap:.75rem}.df-search-results-color-bar{border-radius:9999px;flex-shrink:0;width:.25rem}.df-search-results-event-content{align-items:flex-start;display:flex;flex:1;justify-content:space-between;min-width:0}.df-search-results-event-title{color:var(--df-color-foreground);font-size:.875rem;font-weight:500;overflow:hidden;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.df-search-results-event-time{align-items:flex-end;color:var(--df-color-foreground);display:flex;flex-direction:column;flex-shrink:0;font-size:.75rem;line-height:1.25}.df-search-results-end-time{color:var(--df-color-muted-foreground)}.df-search-results-divider{border-bottom:1px solid var(--df-color-border);margin-inline:.5rem}.df-quick-create{background-color:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;position:fixed;width:21.25rem;z-index:1000}.df-quick-create[data-ready=true]{animation:df-fade-in .15s cubic-bezier(.22,1,.36,1),df-zoom-in .15s cubic-bezier(.22,1,.36,1)}.df-quick-create-header{padding:1rem 1rem .5rem}.df-quick-create-input-wrap{position:relative}.df-quick-create-title{color:var(--df-color-muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.df-quick-create-list{flex:1;max-height:18.75rem;overflow-y:auto;padding:.25rem .5rem}.df-quick-create-empty{color:var(--df-color-muted-foreground);font-size:.875rem;padding:.75rem 1rem;text-align:center}.df-quick-create-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;padding:.5rem 1rem;transition:background-color .15s}.df-quick-create-item:hover{background-color:var(--df-color-hover)}.df-quick-create-item[data-selected=true]{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary);outline:1px solid var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){outline:1px solid color-mix(in srgb,var(--df-color-primary) 20%,transparent)}outline-offset:-1px}.df-quick-create-color-bar{border-radius:9999px;flex-shrink:0;height:2rem;margin-right:.75rem;width:.25rem}.df-quick-create-item-content{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.df-quick-create-item-title{color:var(--df-color-foreground);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-quick-create-item-badge{background-color:var(--df-color-muted);border-radius:.25rem;color:var(--df-color-muted-foreground);display:inline-block;font-size:.625rem;font-weight:600;padding-inline:.25rem}.df-quick-create-item-time{color:var(--df-color-muted-foreground);font-size:.75rem}.df-quick-create-arrow{background-color:var(--df-color-card);border-color:var(--df-color-border);height:.75rem;position:absolute;transform:translateX(-50%) rotate(45deg);width:.75rem}.df-quick-create-arrow[data-placement=bottom]{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;bottom:-.375rem}.df-quick-create-arrow[data-placement=top]{border-left-style:solid;border-left-width:1px;border-top-style:solid;border-top-width:1px;top:-.375rem}.df-day-view{background-color:var(--df-color-muted)}.df-day-view,.df-calendar{display:flex;height:100%}.df-calendar{flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.df-calendar,.df-calendar-shell{overflow:hidden;position:relative}.df-calendar-shell{background-color:var(--df-color-background);border-left:1px solid var(--df-color-border);flex:1 1 0%;transition:margin-left .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;z-index:10}.df-calendar-shell[data-sidebar-collapsed=true]{border-left-color:var(--df-color-border);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.df-icon-btn{align-items:center;background:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:background-color .15s;width:1.75rem}.df-icon-btn svg{height:1rem;width:1rem}.df-icon-btn:hover{background-color:var(--df-color-hover)}.df-week-header{border-bottom:1px solid var(--df-color-border);display:flex}.df-week-day-cell{color:var(--df-color-muted-foreground);display:flex;flex:1;padding:.25rem;text-align:center}.df-week-day-cell,.df-date-number{align-items:center;font-size:.875rem;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-date-number{border-radius:9999px;display:inline-flex;height:1.5rem;margin-top:.25rem;width:1.5rem}.df-date-number[data-today=true],.df-month-date-number[data-today=true]{background-color:var(--df-color-primary);color:var(--df-color-primary-foreground)}.df-month-date-number[data-other-month=true]{color:var(--df-color-muted-foreground)}.df-month-date-number-container{align-items:center;display:flex;height:33px;justify-content:flex-end;padding-inline:.5rem;position:relative;text-align:right;z-index:20}.df-month-date-number{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;min-width:1.5rem;padding-inline:.25rem;white-space:nowrap}.df-month-day-cell{border-right:1px solid var(--df-color-border);display:flex;flex-direction:column;position:relative}.df-month-grid{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));height:100%;overflow:hidden}.df-scroll-container{flex:1;overflow:auto;overscroll-behavior:contain;will-change:scroll-position}.df-week-header-row{background-color:var(--df-color-background);border-bottom:1px solid var(--df-color-border);position:sticky;top:0;z-index:10}.df-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.df-week-header-row .df-week-grid{padding-inline:.5rem}.df-day-label{color:var(--df-color-muted-foreground);font-size:.875rem;line-height:1.25rem;padding:.5rem .5rem .5rem 0;text-align:right}.df-day-label,.df-month-view{-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-month-view{display:flex;flex-direction:column;height:100%}.df-month-view-fade-scroller{overflow:hidden}.df-month-view-virtual-scroller{overflow:hidden auto;overscroll-behavior:contain}.df-month-view-fade-scroller[data-layout-ready=false],.df-month-view-virtual-scroller[data-layout-ready=false]{visibility:hidden}.df-month-view-fade-scroller[data-layout-ready=true],.df-month-view-virtual-scroller[data-layout-ready=true]{visibility:visible}.df-calendar-content{overflow-y:auto;position:relative}.df-time-column{flex-shrink:0;position:relative}.df-time-column[data-secondary-tz=false]{width:3rem}.df-time-column[data-secondary-tz=true]{width:5rem}.df-time-slot{display:flex;height:4.5rem;position:relative}.df-time-label{color:var(--df-color-muted-foreground);font-size:10px;position:absolute;right:.5rem;top:0;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-time-grid-row{border-top:1px solid var(--df-color-border);display:flex;height:4.5rem}.df-time-grid-cell{border-right:1px solid var(--df-color-border);flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-time-grid-row[data-scrollbar-space=false] .df-time-grid-cell:last-child{border-right:0}.df-current-time-line{display:flex;left:0;pointer-events:none;position:absolute;top:0;width:100%}.df-current-time-label{border-radius:.25rem;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:0 .375rem}.df-current-time-bar{border-radius:.25rem;height:.125rem;position:relative;width:100%}.df-all-day-row,.df-all-day-label{align-items:center;display:flex}.df-all-day-label{color:var(--df-color-muted-foreground);flex-shrink:0;font-size:10px;font-weight:500;justify-content:flex-end;padding:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.df-all-day-content{display:flex;flex:1;position:relative}.df-all-day-cell{border-right:1px solid var(--df-color-border);flex:1;position:relative}.df-all-day-content[data-scrollbar-space=false] .df-all-day-cell:last-child{border-right:0}.df-mini-calendar{border-bottom:1px solid var(--df-color-border);padding-inline:.5rem}.df-time-grid-boundary{height:.75rem;position:relative}.df-time-grid-boundary-top{border-top-color:transparent}.df-time-grid-boundary-bottom{border-top:1px solid var(--df-color-border)}.df-midnight-label{color:var(--df-color-muted-foreground);font-size:12px;position:absolute;top:0;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-midnight-label-offset{left:-2.375rem}.df-mobile-fullscreen{background-color:var(--df-color-background);display:flex;flex-direction:column;inset:0;position:fixed;z-index:9999}.df-time-column-spacer{height:.75rem;position:relative}.df-time-day-column-spacer[data-secondary-tz=true],.df-time-week-column-spacer[data-secondary-tz=true]{height:.75rem}.df-time-column-tz-header,.df-time-column-tz-row{align-items:center;color:var(--df-color-muted-foreground);display:flex;justify-content:space-evenly;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.df-time-column-tz-header{gap:.25rem;padding:.25rem .25rem .125rem 0}.df-time-column-tz-header-compact{gap:.125rem;padding:.5rem 0 .125rem}.df-time-column-tz-label{font-size:9px}.df-time-column-tz-row{gap:.25rem;position:absolute;right:0;top:0;transform:translateY(-50%)}.df-time-column-tz-row-boundary{bottom:-.25rem;top:auto;transform:none}.df-time-column-boundary-label,.df-time-column-tz-value{font-size:10px}.df-time-column-boundary-label{bottom:-.25rem;color:var(--df-color-muted-foreground);position:absolute;right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-day-content{background-color:var(--df-color-background);border-right:1px solid var(--df-color-border);flex:none;width:100%}.df-day-content-layout{display:flex;flex-direction:column;height:100%;position:relative}.df-day-content-all-day-row{align-items:stretch;border-bottom:1px solid var(--df-color-border);border-top:1px solid var(--df-color-border);position:relative}.df-day-content-all-day-grid{align-self:stretch;display:flex;flex:1;position:relative}.df-day-content-all-day-grid[data-scrollbar-space=true]{border-right:1px solid var(--df-color-border)}.df-day-content-all-day-lane{position:relative;width:100%}.df-day-content-all-day-spacer[data-scrollbar-space=true]{padding-right:.6875rem}.df-day-content-grid-inner{display:flex;position:relative}.df-day-content-current-time-side{align-items:center;display:flex;width:3rem}.df-current-time-line[data-secondary-tz=true] .df-day-content-current-time-side{width:5rem}.df-day-content-current-time-side-inner{align-items:center;display:flex;position:relative;width:100%}.df-day-content-current-time-rail{align-items:center;display:flex;flex:1}.df-day-content-grid-column{flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-day-content-grid-boundary-bottom{border-top:1px solid var(--df-color-border)}.df-day-content-grid-boundary[data-scrollbar-space=true],.df-day-content-grid-boundary-bottom[data-scrollbar-space=true]{border-right:1px solid var(--df-color-border)}.df-day-content-grid-rows{position:relative}.df-day-content-grid-rows[data-scrollbar-space=true]{border-right:1px solid var(--df-color-border)}.df-day-content-bottom-tz-row{top:-.625rem;transform:none}.df-day-content-event-layer{inset:0;pointer-events:none;position:absolute}.df-right-panel{background-color:var(--df-color-background);display:none;flex:none;width:30%}.df-right-panel-layout{height:100%}.df-right-panel-layout,.df-right-panel-calendar-shell{display:flex;flex-direction:column}.df-right-panel-calendar-header{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.df-right-panel-header-spacer{flex:1;font-size:1.5rem;line-height:2rem;min-width:0;padding:.5rem;position:relative}.df-right-panel-events{flex:1;overflow-y:auto}.df-right-panel-events-inner{padding:1rem}.df-right-panel-date-heading{background-color:var(--df-color-background);color:var(--df-color-foreground);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;padding-block:.5rem;position:sticky;top:0;z-index:10}.df-right-panel-empty{color:var(--df-color-muted-foreground);font-size:.875rem}.df-right-panel-list{display:flex;flex-direction:column;gap:.2rem}.df-right-panel-event-card{cursor:pointer;display:flex;flex-direction:column;min-height:2.75rem;transition:background-color .15s}.df-right-panel-event-item{margin-bottom:.5rem}.df-week-time-grid{display:flex;flex:1;overflow:hidden;position:relative}.df-week-time-grid-scroller{flex:1;overflow:auto;position:relative}.df-week-time-grid-scroller-shell{display:grid}.df-week-time-grid-scroller[data-sliding-view=true]{overflow-x:hidden}.df-week-time-grid-scroller[data-sliding-view=false]{scroll-snap-type:x mandatory}.df-week-time-grid-time-column{background-color:var(--df-color-background);flex-shrink:0;left:0;position:sticky;width:3rem;z-index:10}.df-week-time-grid-time-column[data-secondary-tz=true]{width:5rem}.df-week-time-grid-boundary-tail{position:relative}.df-week-time-grid-current-time-label{align-items:center;display:flex;justify-content:flex-end;left:0;pointer-events:none;position:absolute;transform:translateY(-50%);width:100%;z-index:20}.df-week-time-grid-content{display:flex}.df-week-time-grid-grid{flex:1}.df-week-time-grid-grid-inner{position:relative}.df-week-time-grid-boundary-row{display:flex}.df-week-time-grid-boundary-cell{border-right:1px solid var(--df-color-border);flex:1;position:relative}.df-week-time-grid-boundary-row[data-scrollbar-space=false] .df-week-time-grid-boundary-cell:last-child{border-right:0}.df-week-time-grid-current-time-spacer{align-items:center;display:flex;width:0}.df-week-time-grid-current-time-track{display:flex;flex:1}.df-week-time-grid-current-time-cell{align-items:center;display:flex;flex:1}.df-week-time-grid-current-line-rail{background-color:var(--df-color-primary);border-radius:.25rem;height:.125rem;position:relative;width:100%;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 30%,transparent)}}.df-week-time-grid-current-line-rail[data-today=true],.df-week-time-grid-current-line-dot{background-color:var(--df-color-primary)}.df-week-time-grid-current-line-dot{border-radius:9999px;height:.5rem;left:-.25rem;position:absolute;top:-.1875rem;width:.5rem}.df-week-time-grid-cell{scroll-snap-align:start}.df-week-time-grid-event-layer{pointer-events:none;position:absolute;top:0}.df-week-all-day{display:flex;flex-direction:column;width:100%}.df-week-all-day-shell{display:flex;flex:none;position:relative;z-index:10}.df-week-all-day-shell[data-show-all-day=true]{border-bottom:1px solid var(--df-color-border)}.df-week-all-day-side{background-color:var(--df-color-background);display:flex;flex-direction:column;flex-shrink:0;width:3rem;z-index:20}.df-week-all-day-side-spacer{align-items:center;border-bottom:1px solid var(--df-color-border);display:flex;flex:1;transition:all .3s ease-in-out}.df-week-all-day-side-spacer[data-sliding-view=true]{display:none}.df-week-all-day-cell,.df-week-all-day-content-wrap,.df-week-all-day-label,.df-week-all-day-row,.df-week-all-day-row-content{transition:min-height .3s ease-in-out}.df-week-all-day-content-wrap{flex:1;overflow:hidden;position:relative}.df-week-all-day-content{display:flex;flex-direction:column}.df-week-all-day-weekday-cell[data-mobile=true]{flex-direction:column;gap:0}.df-week-all-day-weekday-label{color:var(--df-color-muted-foreground);font-size:12px;font-weight:500;line-height:1.1}.df-week-all-day-weekday-name{align-items:center;display:inline-flex;font-size:.875rem;justify-content:center;margin-right:.25rem;margin-top:.25rem}.df-week-all-day-date-number-mobile{font-size:1rem;font-weight:500;height:1.75rem;width:1.75rem}.df-week-all-day-row{border-bottom-color:transparent;position:relative}.df-week-all-day-cell-no-border{border-right:0}.df-week-all-day-event-layer{inset:0;pointer-events:none;position:absolute}.df-compact-header{background-color:var(--df-color-background);border-bottom:1px solid var(--df-color-border);display:flex;flex-direction:column;padding-block:.75rem;width:100%}.df-compact-header-dates,.df-compact-header-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}.df-compact-header-labels{margin-bottom:.25rem}.df-compact-header-dates{overflow:hidden}.df-compact-header-date-button,.df-compact-header-label-cell{align-items:center;display:flex;justify-content:center;position:relative;z-index:10}.df-compact-header-date-button{cursor:pointer}.df-compact-header-label{color:var(--df-color-muted-foreground);font-size:10px;font-weight:500}.df-compact-header-label[data-today=true]{color:var(--df-color-primary)}.df-compact-header-capsule{background-color:var(--df-color-hover);border-radius:9999px;position:absolute;transition:all .3s ease}.df-compact-header-date-pill{align-items:center;border-radius:9999px;color:var(--df-color-muted-foreground);display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;position:relative;transition:all .3s ease;width:2rem}.df-compact-header-date-pill[data-selected=true]{background-color:var(--df-color-foreground);box-shadow:0 1px 2px rgba(0,0,0,.08);color:var(--df-color-background)}.df-compact-header-date-pill[data-selected=false][data-today=true]{color:var(--df-color-primary);font-weight:700}.df-compact-header-date-pill[data-selected=false][data-inside-pill=true]{color:var(--df-color-foreground)}.df-compact-header-today-dot{background-color:var(--df-color-primary);border-radius:9999px;bottom:.25rem;height:.25rem;position:absolute;width:.25rem}.df-month-week{border-bottom:1px solid var(--df-color-border);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-month-week-inner{display:flex;flex-direction:column;height:100%}.df-month-week-grid-shell{height:100%;position:relative}.df-month-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:100%}.df-month-week-event-layer{left:0;pointer-events:none;position:absolute;right:0}.df-month-week-event-layer-row{inset:0;position:absolute}.df-month-day-cell-surface{color:var(--df-color-foreground)}.df-month-day-cell-surface[data-other-month=true]{color:var(--df-color-muted-foreground)}.df-month-day-cell-surface[data-trailing-border=false]{border-right-color:transparent}.df-month-day-cell-content{flex:1;overflow:hidden;padding-inline:.25rem;pointer-events:none;position:relative}.df-month-day-cell-overlay-mask{background-color:var(--df-color-background);left:0;pointer-events:none;position:absolute;right:0;z-index:100}.df-month-week-number{color:var(--df-color-muted-foreground);font-size:10px;font-weight:500;margin-left:.25rem;margin-right:auto;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-muted-foreground) 85%,#fff 15%)}}.df-month-more-events{color:var(--df-color-muted-foreground);cursor:pointer;font-size:.75rem;position:relative;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:color .15s,text-decoration-color .15s;z-index:20}.df-month-more-events:hover{color:var(--df-color-foreground);text-decoration-color:currentColor}.df-month-day-cell-more-events{pointer-events:auto;z-index:100}.df-month-day-cell-more-events[data-layout=desktop]{font-weight:400;text-align:left}.df-month-day-cell-more-events[data-layout=mobile]{font-weight:500;text-align:center}.df-month-title{background-color:var(--df-color-background);left:0;position:absolute;top:2.5rem;z-index:30;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-background) 50%,transparent)}padding:.5rem;transition:opacity .3s,background-color .3s}.df-month-title[data-visible=false]{opacity:0;pointer-events:none}.df-month-title[data-visible=true]{opacity:1;pointer-events:auto}.df-month-title-label{color:var(--df-color-foreground);font-size:1.5rem;font-weight:700;line-height:2rem}.df-year-popup{animation-duration:.1s;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;position:fixed;width:16rem;z-index:50}.df-year-popup-header{border-bottom:1px solid var(--df-color-border);@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 70%,#fff 30%);border-bottom-style:solid;border-bottom-width:1px}padding:.75rem 1rem}.df-year-popup-title{color:var(--df-color-foreground);font-size:.875rem;font-weight:600}.df-year-popup-body{max-height:15rem;overflow-y:auto;padding-block:.25rem}.df-year-popup-empty{color:var(--df-color-muted-foreground);font-size:.75rem;padding:.75rem 1rem;text-align:center;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-muted-foreground) 85%,#fff 15%)}}.df-year-popup-event{align-items:flex-start;border-radius:.25rem;display:flex;gap:.625rem;padding:.375rem .75rem;transition:background-color .15s}.df-year-popup-event:hover{background-color:var(--df-color-background);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-background),var(--df-color-hover) 90%)}}.df-year-popup-dot{border-radius:9999px;flex-shrink:0;height:.5rem;margin-top:.375rem;width:.5rem}.df-year-popup-event-main{flex:1;min-width:0}.df-year-popup-event-title{color:var(--df-color-foreground);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-year-popup-event-meta{color:var(--df-color-muted-foreground);font-size:10px}.df-year-day-cell{border-right:1px solid var(--df-color-border);display:flex;flex-direction:column;overflow:hidden;position:relative;@supports (color:color-mix(in lab,red,red)){border-right-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-right-style:solid;border-right-width:1px}border-bottom:1px solid var(--df-color-border);@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-bottom-style:solid;border-bottom-width:1px}background-color:var(--df-color-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-year-day-cell[data-first-day=true]{border-left:2px solid var(--df-color-primary)}.df-year-day-cell-header{align-items:center;display:flex;flex-shrink:0;height:1.5rem;padding:.25rem}.df-year-day-cell-month-pill{background-color:var(--df-color-primary);border-radius:.25rem;color:var(--df-color-primary-foreground);font-size:9px;font-weight:700;line-height:1;padding:.125rem .25rem}.df-year-day-cell-date{color:var(--df-color-foreground);font-size:10px;font-weight:500;margin-left:auto;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 78%,transparent)}}.df-year-day-cell-date[data-today=true]{align-items:center;background-color:var(--df-color-primary);border-radius:9999px;color:var(--df-color-primary-foreground);display:flex;height:1.25rem;justify-content:center;width:1.25rem}.df-year-day-cell-more-wrap{bottom:.125rem;left:.25rem;position:absolute;z-index:20}.df-year-day-cell-more{color:var(--df-color-muted-foreground);cursor:pointer;font-size:.75rem;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:color .15s,text-decoration-color .15s}.df-year-day-cell-more:hover{color:var(--df-color-foreground);text-decoration-color:currentColor}.df-year-grid{display:grid;flex:1;gap:.75rem;min-height:0;padding:.75rem}.df-year-grid-month{border:1px solid var(--df-color-border);display:flex;flex-direction:column;height:100%;min-height:0;@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-left-style:solid;border-left-width:1px;border-right-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb,var(--df-color-border) 55%,#fff 45%);border-top-style:solid;border-top-width:1px}background-color:var(--df-color-background);border-radius:.5rem;padding:.5rem}.df-year-grid-month-title{color:var(--df-color-foreground);flex-shrink:0;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.df-year-grid-month-body{display:flex;flex:1;min-height:0;overflow:hidden}.df-year-grid-calendar{display:grid;gap:1px;height:100%;width:100%}.df-year-grid-weekday{align-items:center;color:var(--df-color-muted-foreground);display:flex;font-size:9px;font-weight:500;justify-content:center;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-muted-foreground) 80%,#fff 20%)}}.df-year-grid-day{border-radius:.25rem;cursor:pointer;transition:opacity .15s,background-color .15s}.df-year-grid-day:hover{opacity:.8}.df-year-grid-day-inner{height:100%;width:100%}.df-year-grid-day-inner,.df-year-grid-day-number{align-items:center;display:flex;justify-content:center}.df-year-grid-day-number{border-radius:9999px;color:#6b7280;font-size:9px;font-weight:500;height:1rem;width:1rem}.df-year-grid-day-number[data-current-month=false]{color:#d1d5db}.df-year-grid-day-number[data-current-month=true][data-has-events=true]{color:#1f2937}.df-year-grid-day-number[data-current-month=true][data-has-events=true][data-heat-level="4"],.df-year-grid-day-number[data-current-month=true][data-has-events=true][data-heat-level="5"]{color:#fff}.dark .df-year-grid-day-number{color:#9ca3af}.dark .df-year-grid-day-number[data-current-month=false]{color:#4b5563}.dark .df-year-grid-day-number[data-current-month=true][data-has-events=true]{color:#f3f4f6}.dark .df-year-grid-day-number[data-current-month=true][data-has-events=true][data-heat-level="5"]{color:#1f2937}[data-df-theme=dark] .df-year-grid-day-number{color:#9ca3af}[data-df-theme=dark] .df-year-grid-day-number[data-current-month=false]{color:#4b5563}[data-df-theme=dark] .df-year-grid-day-number[data-current-month=true][data-has-events=true]{color:#f3f4f6}[data-df-theme=dark] .df-year-grid-day-number[data-current-month=true][data-has-events=true][data-heat-level="5"]{color:#1f2937}.df-year-grid-day-number[data-today=true]{background-color:var(--df-color-primary);color:#fff;font-weight:700}.light .df-year-grid-day-number[data-today=true],[data-df-theme=light] .df-year-grid-day-number[data-today=true]{color:#fff}.dark .df-year-grid-day-number[data-today=true],[data-df-theme=dark] .df-year-grid-day-number[data-today=true]{color:#000}.df-year-fixed{background-color:var(--df-color-background);display:grid;grid-template-columns:3rem 1fr;grid-template-rows:auto auto 1fr;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-year-fixed-header-span{grid-column:span 2/span 2}.df-year-fixed-corner{background-color:var(--df-color-muted);border-bottom:1px solid var(--df-color-border);border-right:1px solid var(--df-color-border);z-index:30;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted) 70%,var(--df-color-background))}}.df-year-fixed-week-header{background-color:var(--df-color-muted);border-bottom:1px solid var(--df-color-border);overflow:hidden;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted) 70%,var(--df-color-background))}}.df-year-fixed-week-header-inner{display:flex}.df-year-fixed-week-grid{display:grid;flex:1}.df-year-fixed-week-label{border-right:1px solid var(--df-color-border);color:var(--df-color-muted-foreground);font-size:10px;font-weight:700;letter-spacing:.08em;padding-block:.5rem;text-align:center}.df-year-fixed-week-spacer{background-color:var(--df-color-muted);border-left:1px solid var(--df-color-border);flex-shrink:0;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted) 70%,var(--df-color-background))}}.df-year-fixed-month-sidebar{background-color:var(--df-color-background);border-right:1px solid var(--df-color-border);overflow:hidden}.df-year-fixed-content-inner,.df-year-fixed-month-sidebar-inner{display:flex;flex-direction:column;min-height:100%}.df-year-fixed-month-label{align-items:center;border-bottom:1px solid var(--df-color-border);color:var(--df-color-muted-foreground);display:flex;flex-grow:1;flex-shrink:0;font-size:10px;font-weight:700;justify-content:center}.df-year-fixed-month-spacer{background-color:var(--df-color-background);border-top:1px solid var(--df-color-border);flex-shrink:0}.df-year-fixed-content{overflow:auto}.df-year-fixed-month-row{flex-grow:1;flex-shrink:0;position:relative}.df-year-fixed-background-grid{display:grid;inset:0;position:absolute;z-index:0}.df-year-fixed-day-cell,.df-year-fixed-empty-cell{border-bottom:1px solid var(--df-color-border);border-right:1px solid var(--df-color-border)}.df-year-fixed-empty-cell{background-color:var(--df-color-muted);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-muted) 80%,transparent)}}.df-year-fixed-day-cell{align-items:flex-start;cursor:pointer;display:flex;justify-content:flex-end;padding:.125rem;position:relative;transition:background-color .15s}.df-year-fixed-day-cell[data-dragging=false]:hover{background-color:color-mix(in srgb,#dbeafe 70%,transparent)}.df-year-fixed-day-cell[data-weekend=true],.df-year-fixed-empty-cell[data-weekend=true]{background-color:#dbeafe;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,#dbeafe 35%,var(--df-color-background))}}.dark .df-year-grid-month{border-color:#1e2938}.dark .df-year-fixed-corner,.dark .df-year-fixed-week-header,.dark .df-year-fixed-week-label,.dark .df-year-fixed-week-spacer{background-color:#101828}.df-year-fixed-month-spacer[data-scrollbar-space=true],.df-year-fixed-week-spacer[data-scrollbar-space=true]{border:0}.dark .df-year-fixed-week-label{color:#d0d5dd}.dark .df-year-fixed-day-cell[data-weekend=true],.dark .df-year-fixed-empty-cell[data-weekend=true]{background-color:#142246}.df-year-fixed-day-number{align-items:center;border-radius:9999px;color:var(--df-color-foreground);display:flex;font-size:10px;font-weight:500;height:1.25rem;justify-content:center;width:1.25rem;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 78%,transparent)}}.df-year-fixed-day-number[data-today=true]{background-color:var(--df-color-primary);box-shadow:0 1px 2px rgba(0,0,0,.08);color:var(--df-color-primary-foreground);font-weight:700}.df-year-fixed-event-layer,.df-year-row-event-layer{inset:0;pointer-events:none;position:absolute;z-index:20}.df-year-fixed-event-layer-inner,.df-year-row-event-layer-inner{height:100%;position:relative;width:100%}.df-year-fixed-event-hitbox,.df-year-row-event-hitbox{pointer-events:auto}.df-year-row{position:relative;width:100%}.df-year-default-scroll{overflow:hidden auto}.df-year-default-rows{border-left:1px solid var(--df-color-border);border-top:1px solid var(--df-color-border);display:flex;flex-direction:column;width:100%}@media (min-width:768px){.df-right-panel{display:block}.df-all-day-label,.df-day-content-current-time-side,.df-time-column[data-secondary-tz=false],.df-week-all-day-side,.df-week-time-grid-time-column{width:5rem}.df-current-time-line[data-secondary-tz=true] .df-day-content-current-time-side,.df-time-column[data-secondary-tz=true]{width:5.5rem}.df-week-time-grid-time-column[data-secondary-tz=true]{width:5rem}.df-time-column-boundary-label,.df-time-column-tz-value,.df-time-label{font-size:12px}.df-time-column-tz-label{font-size:10px}.df-all-day-label{font-size:.75rem}.df-day-content[data-switcher-mode=buttons],.df-day-content[data-switcher-mode=select]{width:70%}}.df-sidebar{background-color:var(--df-color-background);border-right:1px solid var(--df-color-border);display:flex;flex-direction:column;height:100%;min-width:0}.df-sidebar-header{align-items:center;display:flex;min-height:2.5rem;padding:.25rem .5rem}.df-sidebar-toggle{align-items:center;background:transparent;border:0;border-radius:.5rem;color:var(--df-color-muted-foreground);display:inline-flex;height:2rem;justify-content:center;transition:background-color .12s ease,color .12s ease;width:2rem}.df-sidebar-toggle:hover{background:var(--df-color-hover);color:var(--df-color-foreground)}.df-sidebar-toggle-icon{height:1rem;width:1rem}.df-sidebar-header-main{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;margin-left:.75rem;min-width:0}.df-sidebar-header-title{color:var(--df-color-foreground);font-size:.875rem;font-weight:600;line-height:1.25rem}.df-sidebar-list-shell{flex:1 1 auto;overflow-y:auto;padding:0 .5rem .75rem}.df-sidebar-list{display:flex;flex-direction:column;gap:.25rem}.df-sidebar-list,.df-sidebar-list-item{position:relative}.df-sidebar-drop-indicator{background:var(--df-color-primary);height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:10}.df-sidebar-drop-indicator[data-position=top]{top:0}.df-sidebar-drop-indicator[data-position=bottom]{bottom:0}.df-sidebar-drag-shell{border-radius:.5rem;transition:opacity .12s ease,transform .12s ease}.df-sidebar-drag-shell[data-dragging=true]{opacity:.5}.df-sidebar-drag-shell[data-draggable=true]{cursor:grab}.df-sidebar-drag-shell[data-draggable=false]{cursor:default}.df-sidebar-row{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem;transition:background-color .12s ease,color .12s ease}.df-sidebar-row:hover,.df-sidebar-row[data-active=true]{background:var(--df-color-hover)}.df-sidebar-checkbox{flex-shrink:0}.df-sidebar-icon-badge{align-items:center;border-radius:9999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;line-height:1rem;width:1.25rem}.df-sidebar-name,.df-sidebar-rename-input{flex:1 1 auto;font-size:.875rem;line-height:1.25rem;min-width:0}.df-sidebar-rename-input{background:transparent;border:0;border-radius:.375rem;color:var(--df-color-foreground);height:1.25rem;outline:none;padding:0}.df-sidebar-name{color:var(--df-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 88%,transparent)}padding-left:.25rem;transition:color .12s ease}.df-sidebar-row:hover .df-sidebar-name{color:var(--df-color-foreground)}.df-sidebar-status-icon{flex-shrink:0;margin-left:.25rem}.df-sidebar-status-icon-error{color:var(--df-color-destructive)}.df-sidebar-status-icon-subscription{color:var(--df-color-muted-foreground)}.df-sidebar-source-group{margin-top:.25rem}.df-sidebar-source-toggle{align-items:center;background:transparent;border:0;border-radius:.5rem;color:var(--df-color-muted-foreground);display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;line-height:1rem;padding:.375rem .5rem;transition:background-color .12s ease,color .12s ease;width:100%}.df-sidebar-source-toggle:hover{background:var(--df-color-hover)}.df-sidebar-source-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-sidebar-source-chevron{flex-shrink:0;margin-left:.25rem;transition:transform .2s ease}.df-sidebar-source-chevron[data-collapsed=true]{transform:rotate(-90deg)}.df-sidebar-source-panel{display:grid;transition:grid-template-rows .2s ease}.df-sidebar-source-panel[data-collapsed=true]{grid-template-rows:0fr}.df-sidebar-source-panel[data-collapsed=false]{grid-template-rows:1fr}.df-sidebar-source-panel-inner{overflow:hidden}.df-sidebar-mini-calendar{border-top:1px solid var(--df-color-border)}.df-sidebar-chip{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1rem;margin-inline:.125rem;padding:.125rem .5rem}.df-sidebar-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.df-sidebar-dialog{background:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.08);color:var(--df-color-card-foreground);padding:1.5rem;width:min(100%,32rem)}.df-sidebar-dialog-wide{width:min(100%,36rem)}.df-sidebar-dialog-title{color:var(--df-color-foreground);font-size:1.125rem;font-weight:600;line-height:1.75rem}.df-sidebar-dialog-lines,.df-sidebar-dialog-text{color:var(--df-color-foreground);margin-top:.75rem;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 75%,transparent)}font-size:.875rem;line-height:1.35rem}.df-sidebar-dialog-lines{display:flex;flex-direction:column;gap:.25rem}.df-sidebar-dialog-line{align-items:center;display:flex;flex-wrap:wrap;gap:.125rem}.df-sidebar-dialog-actions,.df-sidebar-dialog-split-actions{align-items:center;display:flex;gap:.75rem;margin-top:1.5rem}.df-sidebar-dialog-actions{justify-content:flex-end}.df-sidebar-dialog-split-actions{justify-content:space-between}.df-sidebar-button-row{align-items:center;display:flex;gap:.75rem}.df-sidebar-button{align-items:center;border:1px solid transparent;border-radius:.5rem;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;line-height:1rem;padding:.5rem .875rem;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.df-sidebar-button-secondary{background:var(--df-color-background);border-color:var(--df-color-border);color:var(--df-color-foreground);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 85%,transparent)}}.df-sidebar-button-secondary:hover{background:var(--df-color-hover)}.df-sidebar-button-primary{background:var(--df-color-primary);color:var(--df-color-primary-foreground)}.df-sidebar-button-primary:hover{background:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-primary) 88%,#000 12%)}}.df-sidebar-button-destructive{background:var(--df-color-destructive);color:var(--df-color-destructive-foreground)}.df-sidebar-button-destructive:hover{background:var(--df-color-destructive);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-destructive) 88%,#000 12%)}}.df-sidebar-button:disabled{cursor:not-allowed;opacity:.5}.df-sidebar-dropdown{background:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 10px 20px rgba(0,0,0,.12);left:0;max-height:15rem;min-width:100%;overflow-y:auto;position:absolute;top:calc(100% + .25rem);z-index:10}.df-sidebar-dropdown-item{align-items:center;color:var(--df-color-foreground);display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.5rem .875rem;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 88%,transparent)}transition:background-color .12s ease,color .12s ease}.df-sidebar-dropdown-item:hover,.df-sidebar-dropdown-item[data-selected=true]{background:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}}.df-sidebar-dropdown-divider{border-top:1px solid var(--df-color-border);margin:.25rem 0}.df-sidebar-swatch{border-radius:.25rem;flex-shrink:0;height:.75rem;width:.75rem}.df-sidebar-dropdown-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-sidebar-dropdown-check{color:var(--df-color-primary);flex-shrink:0;height:1rem;margin-left:.25rem;width:1rem}.df-sidebar-field{margin-top:.75rem;position:relative}.df-sidebar-select-trigger{align-items:center;background:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:0 1px 2px rgba(15,23,42,.06);display:flex;padding:.5rem .75rem;transition:background-color .12s ease,border-color .12s ease;width:100%}.df-sidebar-select-trigger:hover{background:var(--df-color-hover)}.df-sidebar-select-value{color:var(--df-color-foreground);flex:1 1 auto;font-size:.875rem;font-weight:500;line-height:1.25rem;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 88%,transparent)}}.df-sidebar-select-icon{color:var(--df-color-muted-foreground);flex-shrink:0;height:1rem;margin-left:.5rem;width:1rem}.df-sidebar-subscribe-row{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.df-sidebar-subscribe-label{color:var(--df-color-foreground);flex-shrink:0;font-size:.875rem;font-weight:500;line-height:1.25rem;@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-foreground) 88%,transparent)}}.df-sidebar-subscribe-input{background:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;color:var(--df-color-foreground);flex:1 1 auto;font-size:.875rem;line-height:1.25rem;outline:none;padding:.5rem .75rem;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.df-sidebar-subscribe-input:focus{border-color:var(--df-color-primary);box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-sidebar-subscribe-input:disabled{opacity:.5}.df-sidebar-error{color:var(--df-color-destructive);font-size:.75rem;line-height:1rem;margin-top:.5rem}.df-sidebar-submenu-item,.df-sidebar-submenu-trigger{align-items:center;border-radius:.25rem;color:var(--df-color-foreground);display:flex;font-size:.75rem;line-height:1rem;transition:background-color .12s ease,color .12s ease;width:100%}.df-sidebar-submenu-trigger{justify-content:space-between;padding:.125rem .75rem}.df-sidebar-submenu-item{cursor:pointer;gap:.5rem;padding:.25rem .75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-sidebar-submenu-item:hover,.df-sidebar-submenu-trigger:hover{background:var(--df-color-primary);color:var(--df-color-primary-foreground)}.df-sidebar-submenu-content{min-width:12rem;transform:translateX(.5rem)}.df-sidebar-submenu-chevron{flex-shrink:0;height:1rem;margin-left:.5rem;width:1rem}.df-sidebar-context-menu-calendar{min-width:16rem}.df-sidebar-context-menu-sidebar{min-width:-moz-max-content;min-width:max-content}.df-sidebar-color-picker-layer{inset:0;position:fixed;z-index:50}.df-sidebar-color-picker-anchor{position:absolute}.df-sidebar-color-picker-card{background:var(--df-color-card);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.15);padding:.75rem}.df-context-menu,.df-portal{--color-primary:var(--df-color-primary);--color-primary-foreground:var(--df-color-primary-foreground);--color-background:var(--df-color-background);--color-border:var(--df-color-border);--color-foreground:var(--df-color-foreground);--color-destructive:var(--df-color-destructive);--color-destructive-foreground:var(--df-color-destructive-foreground)}.df-context-menu{--df-context-menu-background:#fff;--df-context-menu-border:#e2e8f0;--df-context-menu-foreground:#2e2e2e;--df-context-menu-primary:#2e2e2e;--df-context-menu-primary-foreground:#fff;--df-context-menu-destructive:#d42422;--df-context-menu-destructive-foreground:#fff;--df-context-menu-swatch-border:#e5e7eb;--df-context-menu-swatch-ring:hsla(0,0%,100%,.9);--df-color-background:var(--df-context-menu-background);--df-color-border:var(--df-context-menu-border);--df-color-foreground:var(--df-context-menu-foreground);--df-color-primary:var(--df-context-menu-primary);--df-color-primary-foreground:var(--df-context-menu-primary-foreground);--df-color-destructive:var(--df-context-menu-destructive);--df-color-destructive-foreground:var(
2
+ --df-context-menu-destructive-foreground
3
+ )}.dark .df-context-menu{--df-context-menu-background:#020617;--df-context-menu-border:#1e293b;--df-context-menu-foreground:#e5e5e5;--df-context-menu-primary:#e5e5e5;--df-context-menu-primary-foreground:#0f172a;--df-context-menu-destructive:#934645;--df-context-menu-destructive-foreground:#fef2f2;--df-context-menu-swatch-border:#4b5563;--df-context-menu-swatch-ring:rgba(15,23,42,.9)}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark) .df-context-menu{--df-context-menu-background:#020617;--df-context-menu-border:#1e293b;--df-context-menu-foreground:#e5e5e5;--df-context-menu-primary:#e5e5e5;--df-context-menu-primary-foreground:#171717;--df-context-menu-destructive:#934645;--df-context-menu-destructive-foreground:#fef2f2;--df-context-menu-swatch-border:#4b5563;--df-context-menu-swatch-ring:rgba(15,23,42,.9)}}.df-context-menu-content,.df-context-menu-sub-content{animation:df-context-menu-fade-in .12s cubic-bezier(0,0,.2,1) forwards,df-context-menu-zoom-in .12s cubic-bezier(0,0,.2,1) forwards;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);color:var(--df-color-foreground);min-width:8rem;padding:.25rem}.df-context-menu-content{overflow:visible;position:fixed;z-index:50}.df-context-menu-sub{position:relative}.df-context-menu-sub-content{overflow:hidden;position:absolute;top:0;white-space:nowrap;z-index:50}.df-context-menu-sub-content[data-position=right]{left:calc(100% + .25rem)}.df-context-menu-sub-content[data-position=left]{right:calc(100% + .25rem)}.df-context-menu-custom-color,.df-context-menu-item,.df-context-menu-sub-trigger{align-items:center;background:transparent;border:0;border-radius:.25rem;color:var(--df-color-foreground);display:flex;font-size:12px;line-height:1.35;outline:none;padding:.125rem .75rem;text-align:left;transition:background-color .12s ease,color .12s ease,opacity .12s ease,transform .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.df-context-menu-item,.df-context-menu-sub-trigger{cursor:default}.df-context-menu-custom-color{cursor:pointer;margin-top:.25rem}.df-context-menu-custom-color:is(:hover,:focus-visible),.df-context-menu-item:is(:hover,:focus-visible):not([data-disabled=true]),.df-context-menu-sub-trigger:is(:hover,:focus-visible),.df-context-menu-sub-trigger[data-open=true]{background-color:var(--df-color-primary);color:var(--df-color-primary-foreground)}.df-context-menu-item[data-danger=true]{color:var(--df-color-destructive)}.df-context-menu-item[data-danger=true]:is(:hover,:focus-visible):not([data-disabled=true]){background-color:var(--df-color-destructive);color:var(--df-color-destructive-foreground)}.df-context-menu-item[data-disabled=true]{opacity:.5;pointer-events:none}.df-context-menu-item-icon,.df-context-menu-sub-icon{align-items:center;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;margin-right:.5rem;width:1rem}.df-context-menu-sub-label{flex:1;min-width:0;text-align:left}.df-context-menu-sub-chevron{height:1rem;margin-left:auto;opacity:.6;transition:opacity .12s ease,color .12s ease;width:1rem}.df-context-menu-sub-trigger[data-open=true] .df-context-menu-sub-chevron{opacity:1}.df-context-menu-separator{background-color:var(--df-color-border);height:1px;margin:.25rem -.25rem}.df-context-menu-label{color:inherit;font-size:12px;font-weight:600;line-height:1.35;padding:.125rem .75rem}.df-context-menu-calendar-item{align-items:center;display:flex;width:100%}.df-context-menu-calendar-check-wrap{flex-shrink:0;width:1rem}.df-context-menu-calendar-check{height:.75rem;width:.75rem}.df-context-menu-calendar-info{align-items:center;display:flex;gap:.375rem;min-width:0}.df-context-menu-calendar-dot{border-radius:.125rem;flex-shrink:0;height:.75rem;width:.75rem}.df-context-menu-calendar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-context-menu-calendar-label[data-selected=true]{font-weight:600}.df-context-menu-color-picker{width:100%}.df-context-menu-color-grid{display:grid;gap:.5rem;grid-template-columns:repeat(7,minmax(0,1fr));padding:.25rem .75rem}.df-context-menu-color-swatch{border:1px solid var(--df-context-menu-swatch-border);border-radius:9999px;cursor:pointer;height:1.25rem;outline:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;width:1.25rem}.df-context-menu-color-swatch:is(:hover,:focus-visible){box-shadow:0 0 0 2px var(--df-context-menu-swatch-ring);transform:scale(1.08)}.df-context-menu-color-swatch[data-selected=true]{border-color:var(--df-color-primary);box-shadow:0 0 0 1px var(--df-color-primary),0 0 0 3px var(--df-context-menu-swatch-ring)}@keyframes df-context-menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes df-context-menu-zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}.df-range-picker{--df-range-picker-background:#fff;--df-range-picker-border:#e2e8f0;--df-range-picker-foreground:#2e2e2e;--df-range-picker-muted:#94a3b8;--df-range-picker-primary:#2e2e2e;--df-range-picker-primary-foreground:#fff;--df-range-picker-shadow-sm:0 1px 2px rgba(15,23,42,.08);--df-range-picker-shadow-lg:0 6px 18px rgba(15,23,42,.12);--df-range-picker-button-shadow:0 1px 2px rgba(15,23,42,.12);--df-color-background:var(--df-range-picker-background);--df-color-border:var(--df-range-picker-border);--df-color-foreground:var(--df-range-picker-foreground);--df-color-muted-foreground:var(--df-range-picker-muted);--df-color-primary:var(--df-range-picker-primary);--df-color-primary-foreground:var(--df-range-picker-primary-foreground);--color-background:var(--df-color-background);--color-border:var(--df-color-border);--color-foreground:var(--df-color-foreground);--color-primary:var(--df-color-primary);--color-primary-foreground:var(--df-color-primary-foreground)}.dark .df-range-picker{--df-range-picker-background:#1f2937;--df-range-picker-border:#4b5563;--df-range-picker-foreground:#e5e5e5;--df-range-picker-muted:#6b7280;--df-range-picker-primary:#e5e5e5;--df-range-picker-primary-foreground:#0f172a}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark) .df-range-picker{--df-range-picker-background:#1f2937;--df-range-picker-border:#4b5563;--df-range-picker-foreground:#e5e5e5;--df-range-picker-muted:#6b7280;--df-range-picker-primary:#e5e5e5;--df-range-picker-primary-foreground:#171717}}.df-range-picker-root{min-width:0;position:relative;width:100%}.df-range-picker-trigger{align-items:center;background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.5rem;box-shadow:var(--df-range-picker-shadow-sm);color:var(--df-color-foreground);display:flex;gap:.5rem;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.df-range-picker-trigger[data-open=true]{border-color:var(--df-color-primary);box-shadow:var(--df-range-picker-shadow-lg)}.df-range-picker-trigger[data-disabled=true]{color:var(--df-color-muted-foreground);cursor:not-allowed}.df-range-picker-field-group{display:flex;flex:1 1 0;flex-direction:column;gap:.25rem;min-width:0}.df-range-picker-input{background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--df-color-foreground);font-size:.875rem;font-weight:500;line-height:1.25rem;outline:none;padding:.375rem .5rem;transition:color .12s ease,background-color .12s ease,box-shadow .12s ease;width:100%}.df-range-picker-input[data-focused=true]{background-color:var(--df-color-background);color:var(--df-color-primary)}.df-range-picker-input[data-disabled=true]{color:var(--df-color-muted-foreground);cursor:not-allowed}.df-range-picker-input:focus-visible{box-shadow:0 0 0 0 var(--df-color-background),0 0 0 2px var(--df-color-primary)}.df-range-picker-separator-icon{color:var(--df-color-muted-foreground);flex-shrink:0}.df-range-picker-popup{z-index:9999}.df-range-picker-panel{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.df-range-picker-panel-body{display:flex;gap:.25rem}.df-range-picker-calendar-pane{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:var(--df-range-picker-shadow-sm);flex:3 1 0;min-width:0}.df-range-picker-time-pane{display:flex;flex:1 1 0;justify-content:flex-end}@media (min-width:640px){.df-range-picker-time-pane{width:8rem}}.df-range-picker-footer{display:flex;justify-content:flex-end}.df-range-picker-confirm-button{align-items:center;background-color:var(--df-color-primary);border:0;border-radius:9999px;box-shadow:var(--df-range-picker-button-shadow);color:var(--df-color-primary-foreground);display:inline-flex;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:.375rem 1rem;transition:opacity .12s ease,transform .12s ease,background-color .12s ease}.df-range-picker-confirm-button:hover:not(:disabled){background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 90%,transparent)}}.df-range-picker-confirm-button:disabled{cursor:not-allowed;opacity:.5}.df-range-picker-calendar-header{align-items:center;border-bottom:1px solid var(--df-color-border);display:flex;justify-content:space-between;@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-bottom-style:solid;border-bottom-width:1px}color:var(--df-color-foreground);padding:.5rem .75rem}.df-range-picker-calendar-nav-group{align-items:center;display:flex;gap:.25rem}.df-range-picker-calendar-nav-button{background:transparent;border:0;border-radius:.375rem;color:var(--df-color-muted-foreground);padding:.25rem .5rem;transition:color .12s ease,background-color .12s ease,opacity .12s ease}.df-range-picker-calendar-nav-button:hover:not(:disabled){background-color:var(--df-color-primary);color:var(--df-color-foreground);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}}.df-range-picker-calendar-nav-button:disabled{opacity:.4}.df-range-picker-calendar-title{color:var(--df-color-foreground);font-size:.875rem;font-weight:600;line-height:1.25rem}.df-range-picker-day-grid,.df-range-picker-weekday-row{display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr));padding-inline:.25rem}.df-range-picker-weekday-row{padding-bottom:.75rem;padding-top:.5rem}.df-range-picker-weekday-label{color:var(--df-color-muted-foreground);font-size:12px;letter-spacing:.08em;line-height:1rem;text-align:center;text-transform:uppercase}.df-range-picker-day-cell{align-items:center;background:transparent;border:0;border-radius:.375rem;color:var(--df-color-foreground);display:inline-flex;font-size:.875rem;height:2.25rem;justify-content:center;line-height:1.25rem;transition:background-color .12s ease,color .12s ease,opacity .12s ease;width:2.25rem}.df-range-picker-day-cell:hover:not(:disabled):not([data-range-edge]){background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary)}.df-range-picker-day-cell[data-outside=true]{color:var(--df-color-muted-foreground);@supports (color:color-mix(in lab,red,red)){color:color-mix(in srgb,var(--df-color-muted-foreground) 75%,transparent)}}.df-range-picker-day-cell[data-in-range=true]{background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary)}.df-range-picker-day-cell[data-range-edge=end],.df-range-picker-day-cell[data-range-edge=start]{background-color:var(--df-color-primary);color:var(--df-color-primary-foreground);font-weight:600}.df-range-picker-time-selector{background-color:var(--df-color-background);border:1px solid var(--df-color-border);border-radius:.75rem;box-shadow:var(--df-range-picker-shadow-sm);display:flex;flex-direction:column}@media (min-width:640px){.df-range-picker-time-selector{width:7rem}}.df-range-picker-time-selector-header{border-bottom:1px solid var(--df-color-border);display:flex;justify-content:center;@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-bottom-style:solid;border-bottom-width:1px}}.df-range-picker-time-selector-value{color:var(--df-color-foreground);font-size:1rem;line-height:1.5rem;padding-block:.375rem}.df-range-picker-time-selector-body{display:flex;padding:.25rem}.df-range-picker-time-selector-column{width:3.5rem}.df-range-picker-time-list{border:1px solid var(--df-color-border);height:18rem;overflow-y:auto;@supports (color:color-mix(in lab,red,red)){border-bottom-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-left-style:solid;border-left-width:1px;border-right-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb,var(--df-color-border) 80%,transparent);border-top-style:solid;border-top-width:1px}background-color:var(--df-color-background);border-radius:.375rem;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-background) 92%,#fff 8%)}}.df-range-picker-time-option{align-items:center;background:transparent;border:0;color:var(--df-color-foreground);display:flex;font-size:.875rem;height:2rem;justify-content:center;line-height:1.25rem;transition:background-color .12s ease,color .12s ease,opacity .12s ease;width:100%}.df-range-picker-time-option:hover:not(:disabled):not([data-active=true]){background-color:var(--df-color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--df-color-primary) 10%,transparent)}color:var(--df-color-primary)}.df-range-picker-time-option[data-active=true]{background-color:var(--df-color-primary);color:var(--df-color-primary-foreground);font-weight:600}.df-scrollbar-hide::-webkit-scrollbar{display:none}.df-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}