@powerhousedao/common 4.1.0-dev.23 → 4.1.0-dev.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/drive-analytics/processor/index.d.ts +2 -1
  2. package/dist/drive-analytics/processor/index.d.ts.map +1 -1
  3. package/dist/drive-analytics/processor/index.js +1 -1
  4. package/dist/drive-analytics/processor/index.js.map +1 -1
  5. package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts +3 -3
  6. package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts.map +1 -1
  7. package/dist/editors/generic-drive-explorer/components/file-content-view.js.map +1 -1
  8. package/dist/editors/generic-drive-explorer/components/folder-view.d.ts +3 -3
  9. package/dist/editors/generic-drive-explorer/components/folder-view.d.ts.map +1 -1
  10. package/dist/editors/generic-drive-explorer/components/folder-view.js +1 -1
  11. package/dist/editors/generic-drive-explorer/components/folder-view.js.map +1 -1
  12. package/dist/editors/generic-drive-explorer/editor.d.ts +1 -2
  13. package/dist/editors/generic-drive-explorer/editor.d.ts.map +1 -1
  14. package/dist/editors/generic-drive-explorer/editor.js +15 -10
  15. package/dist/editors/generic-drive-explorer/editor.js.map +1 -1
  16. package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts +23 -2
  17. package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts.map +1 -1
  18. package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.js.map +1 -1
  19. package/dist/editors/generic-drive-explorer/index.d.ts +1 -2
  20. package/dist/editors/generic-drive-explorer/index.d.ts.map +1 -1
  21. package/dist/editors/generic-drive-explorer/index.js.map +1 -1
  22. package/dist/editors/styles.css +62 -4634
  23. package/dist/editors/utils/storybook.d.ts +4 -6
  24. package/dist/editors/utils/storybook.d.ts.map +1 -1
  25. package/dist/editors/utils/storybook.js +3 -23
  26. package/dist/editors/utils/storybook.js.map +1 -1
  27. package/dist/package.json +1 -2
  28. package/dist/tsconfig.tsbuildinfo +1 -1
  29. package/package.json +9 -10
@@ -7,85 +7,23 @@
7
7
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
8
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
- --color-red-400: oklch(70.4% 0.191 22.216);
11
- --color-red-500: oklch(63.7% 0.237 25.331);
12
- --color-red-600: oklch(57.7% 0.245 27.325);
13
- --color-red-700: oklch(50.5% 0.213 27.518);
14
- --color-red-800: oklch(44.4% 0.177 26.899);
15
- --color-red-900: oklch(39.6% 0.141 25.723);
16
- --color-orange-100: oklch(95.4% 0.038 75.164);
17
- --color-orange-700: oklch(55.3% 0.195 38.402);
18
- --color-orange-800: oklch(47% 0.157 37.304);
19
- --color-orange-900: oklch(40.8% 0.123 38.172);
20
- --color-yellow-400: oklch(85.2% 0.199 91.936);
21
- --color-yellow-900: oklch(42.1% 0.095 57.708);
22
- --color-green-100: oklch(96.2% 0.044 156.743);
23
- --color-green-600: oklch(62.7% 0.194 149.214);
24
- --color-green-700: oklch(52.7% 0.154 150.069);
25
- --color-green-800: oklch(44.8% 0.119 151.328);
26
- --color-green-900: oklch(39.3% 0.095 152.535);
27
10
  --color-blue-100: oklch(93.2% 0.032 255.585);
28
- --color-blue-200: oklch(88.2% 0.059 254.128);
29
- --color-blue-300: oklch(80.9% 0.105 251.813);
30
- --color-blue-400: oklch(70.7% 0.165 254.624);
31
- --color-blue-500: oklch(62.3% 0.214 259.815);
32
- --color-blue-600: oklch(54.6% 0.245 262.881);
33
- --color-blue-800: oklch(42.4% 0.199 265.638);
34
- --color-blue-900: oklch(37.9% 0.146 265.522);
35
- --color-purple-900: oklch(38.1% 0.176 304.987);
36
- --color-slate-50: oklch(98.4% 0.003 247.858);
37
- --color-slate-100: oklch(96.8% 0.007 247.896);
38
- --color-slate-200: oklch(92.9% 0.013 255.508);
39
- --color-slate-300: oklch(86.9% 0.022 252.894);
40
- --color-slate-500: oklch(55.4% 0.046 257.417);
41
- --color-slate-600: oklch(44.6% 0.043 257.281);
42
- --color-slate-700: oklch(37.2% 0.044 257.287);
43
- --color-slate-800: oklch(27.9% 0.041 260.031);
44
- --color-slate-900: oklch(20.8% 0.042 265.755);
45
11
  --color-gray-50: oklch(98.5% 0.002 247.839);
46
12
  --color-gray-100: oklch(96.7% 0.003 264.542);
47
- --color-gray-200: oklch(92.8% 0.006 264.531);
48
- --color-gray-300: oklch(87.2% 0.01 258.338);
49
13
  --color-gray-400: oklch(70.7% 0.022 261.325);
50
- --color-gray-500: oklch(55.1% 0.027 264.364);
51
14
  --color-gray-600: oklch(44.6% 0.03 256.802);
52
- --color-gray-700: oklch(37.3% 0.034 259.733);
53
- --color-gray-800: oklch(27.8% 0.033 256.848);
54
- --color-gray-900: oklch(21% 0.034 264.665);
55
- --color-black: #000;
56
- --color-white: #fff;
57
15
  --spacing: 0.25rem;
58
- --container-xs: 20rem;
59
- --container-4xl: 56rem;
60
- --text-xs: 0.75rem;
61
- --text-xs--line-height: calc(1 / 0.75);
62
16
  --text-sm: 0.875rem;
63
17
  --text-sm--line-height: calc(1.25 / 0.875);
64
18
  --text-base: 1rem;
65
19
  --text-base--line-height: calc(1.5 / 1);
66
- --text-lg: 1.125rem;
67
- --text-lg--line-height: calc(1.75 / 1.125);
68
20
  --text-xl: 1.25rem;
69
21
  --text-xl--line-height: calc(1.75 / 1.25);
70
- --text-2xl: 1.5rem;
71
- --text-2xl--line-height: calc(2 / 1.5);
72
- --font-weight-extralight: 200;
73
- --font-weight-normal: 400;
74
- --font-weight-medium: 500;
75
22
  --font-weight-semibold: 600;
76
23
  --font-weight-bold: 700;
77
- --tracking-wide: 0.025em;
78
- --radius-sm: 0.25rem;
79
24
  --radius-md: 0.375rem;
80
- --radius-lg: 0.5rem;
81
25
  --radius-xl: 0.75rem;
82
26
  --radius-2xl: 1rem;
83
- --radius-3xl: 1.5rem;
84
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
85
- --animate-spin: spin 1s linear infinite;
86
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
87
- --default-transition-duration: 150ms;
88
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
89
27
  --default-font-family: var(--font-sans);
90
28
  --default-mono-font-family: var(--font-mono);
91
29
  }
@@ -222,6 +160,9 @@
222
160
  ::-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 {
223
161
  padding-block: 0;
224
162
  }
163
+ ::-webkit-calendar-picker-indicator {
164
+ line-height: 1;
165
+ }
225
166
  :-moz-ui-invalid {
226
167
  box-shadow: none;
227
168
  }
@@ -406,4573 +347,88 @@
406
347
  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,);
407
348
  }
408
349
  }
409
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
410
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
411
- @layer properties;
412
- :root {
413
- --toastify-color-light: #fff;
414
- --toastify-color-dark: #121212;
415
- --toastify-color-info: #3498db;
416
- --toastify-color-success: #07bc0c;
417
- --toastify-color-warning: #f1c40f;
418
- --toastify-color-error: #e74c3c;
419
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
420
- --toastify-icon-color-info: var(--toastify-color-info);
421
- --toastify-icon-color-success: var(--toastify-color-success);
422
- --toastify-icon-color-warning: var(--toastify-color-warning);
423
- --toastify-icon-color-error: var(--toastify-color-error);
424
- --toastify-toast-width: 320px;
425
- --toastify-toast-offset: 16px;
426
- --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
427
- --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
428
- --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
429
- --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
430
- --toastify-toast-background: #fff;
431
- --toastify-toast-min-height: 64px;
432
- --toastify-toast-max-height: 800px;
433
- --toastify-toast-bd-radius: 6px;
434
- --toastify-font-family: sans-serif;
435
- --toastify-z-index: 9999;
436
- --toastify-text-color-light: #757575;
437
- --toastify-text-color-dark: #fff;
438
- --toastify-text-color-info: #fff;
439
- --toastify-text-color-success: #fff;
440
- --toastify-text-color-warning: #fff;
441
- --toastify-text-color-error: #fff;
442
- --toastify-spinner-color: #616161;
443
- --toastify-spinner-color-empty-area: #e0e0e0;
444
- --toastify-color-progress-light: linear-gradient(
445
- to right,
446
- #4cd964,
447
- #5ac8fa,
448
- #007aff,
449
- #34aadc,
450
- #5856d6,
451
- #ff2d55
452
- );
453
- --toastify-color-progress-dark: #bb86fc;
454
- --toastify-color-progress-info: var(--toastify-color-info);
455
- --toastify-color-progress-success: var(--toastify-color-success);
456
- --toastify-color-progress-warning: var(--toastify-color-warning);
457
- --toastify-color-progress-error: var(--toastify-color-error);
458
- --toastify-color-progress-bgo: 0.2;
459
- }
460
- .Toastify__toast-container {
461
- z-index: var(--toastify-z-index);
462
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
463
- position: fixed;
464
- padding: 4px;
465
- width: var(--toastify-toast-width);
466
- box-sizing: border-box;
467
- color: #fff;
468
- }
469
- .Toastify__toast-container--top-left {
470
- top: var(--toastify-toast-top);
471
- left: var(--toastify-toast-left);
472
- }
473
- .Toastify__toast-container--top-center {
474
- top: var(--toastify-toast-top);
475
- left: 50%;
476
- transform: translateX(-50%);
477
- }
478
- .Toastify__toast-container--top-right {
479
- top: var(--toastify-toast-top);
480
- right: var(--toastify-toast-right);
481
- }
482
- .Toastify__toast-container--bottom-left {
483
- bottom: var(--toastify-toast-bottom);
484
- left: var(--toastify-toast-left);
485
- }
486
- .Toastify__toast-container--bottom-center {
487
- bottom: var(--toastify-toast-bottom);
488
- left: 50%;
489
- transform: translateX(-50%);
490
- }
491
- .Toastify__toast-container--bottom-right {
492
- bottom: var(--toastify-toast-bottom);
493
- right: var(--toastify-toast-right);
494
- }
495
- @media only screen and (max-width : 480px) {
496
- .Toastify__toast-container {
497
- width: 100vw;
498
- padding: 0;
499
- left: env(safe-area-inset-left);
500
- margin: 0;
501
- }
502
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
503
- top: env(safe-area-inset-top);
504
- transform: translateX(0);
505
- }
506
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
507
- bottom: env(safe-area-inset-bottom);
508
- transform: translateX(0);
509
- }
510
- .Toastify__toast-container--rtl {
511
- right: env(safe-area-inset-right);
512
- left: initial;
513
- }
514
- }
515
- .Toastify__toast {
516
- --y: 0;
517
- position: relative;
518
- -ms-touch-action: none;
519
- touch-action: none;
520
- min-height: var(--toastify-toast-min-height);
521
- box-sizing: border-box;
522
- margin-bottom: 1rem;
523
- padding: 8px;
524
- border-radius: var(--toastify-toast-bd-radius);
525
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
526
- display: -ms-flexbox;
527
- display: flex;
528
- -ms-flex-pack: justify;
529
- justify-content: space-between;
530
- max-height: var(--toastify-toast-max-height);
531
- font-family: var(--toastify-font-family);
532
- cursor: default;
533
- direction: ltr;
534
- z-index: 0;
535
- overflow: hidden;
536
- }
537
- .Toastify__toast--stacked {
538
- position: absolute;
539
- width: 100%;
540
- transform: translate3d(0, var(--y), 0) scale(var(--s));
541
- transition: transform 0.3s;
542
- }
543
- .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
544
- transition: opacity 0.1s;
545
- }
546
- .Toastify__toast--stacked[data-collapsed=false] {
547
- overflow: visible;
548
- }
549
- .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
550
- opacity: 0;
551
- }
552
- .Toastify__toast--stacked:after {
553
- content: "";
554
- position: absolute;
555
- left: 0;
556
- right: 0;
557
- height: calc(var(--g) * 1px);
558
- bottom: 100%;
559
- }
560
- .Toastify__toast--stacked[data-pos=top] {
561
- top: 0;
562
- }
563
- .Toastify__toast--stacked[data-pos=bot] {
564
- bottom: 0;
565
- }
566
- .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
567
- transform-origin: top;
568
- }
569
- .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
570
- transform-origin: bottom;
571
- }
572
- .Toastify__toast--stacked:before {
573
- content: "";
574
- position: absolute;
575
- left: 0;
576
- right: 0;
577
- bottom: 0;
578
- height: 100%;
579
- transform: scaleY(3);
580
- z-index: -1;
581
- }
582
- .Toastify__toast--rtl {
583
- direction: rtl;
584
- }
585
- .Toastify__toast--close-on-click {
586
- cursor: pointer;
587
- }
588
- .Toastify__toast-body {
589
- margin: auto 0;
590
- -ms-flex: 1 1 auto;
591
- flex: 1 1 auto;
592
- padding: 6px;
593
- display: -ms-flexbox;
594
- display: flex;
595
- -ms-flex-align: center;
596
- align-items: center;
597
- }
598
- .Toastify__toast-body > div:last-child {
599
- word-break: break-word;
600
- -ms-flex: 1;
601
- flex: 1;
602
- }
603
- .Toastify__toast-icon {
604
- -webkit-margin-end: 10px;
605
- margin-inline-end: 10px;
606
- width: 20px;
607
- -ms-flex-negative: 0;
608
- flex-shrink: 0;
609
- display: -ms-flexbox;
610
- display: flex;
611
- }
612
- .Toastify--animate {
613
- animation-fill-mode: both;
614
- animation-duration: 0.5s;
615
- }
616
- .Toastify--animate-icon {
617
- animation-fill-mode: both;
618
- animation-duration: 0.3s;
619
- }
620
- @media only screen and (max-width : 480px) {
621
- .Toastify__toast {
622
- margin-bottom: 0;
623
- border-radius: 0;
624
- }
625
- }
626
- .Toastify__toast-theme--dark {
627
- background: var(--toastify-color-dark);
628
- color: var(--toastify-text-color-dark);
629
- }
630
- .Toastify__toast-theme--light {
631
- background: var(--toastify-color-light);
632
- color: var(--toastify-text-color-light);
633
- }
634
- .Toastify__toast-theme--colored.Toastify__toast--default {
635
- background: var(--toastify-color-light);
636
- color: var(--toastify-text-color-light);
637
- }
638
- .Toastify__toast-theme--colored.Toastify__toast--info {
639
- color: var(--toastify-text-color-info);
640
- background: var(--toastify-color-info);
641
- }
642
- .Toastify__toast-theme--colored.Toastify__toast--success {
643
- color: var(--toastify-text-color-success);
644
- background: var(--toastify-color-success);
645
- }
646
- .Toastify__toast-theme--colored.Toastify__toast--warning {
647
- color: var(--toastify-text-color-warning);
648
- background: var(--toastify-color-warning);
649
- }
650
- .Toastify__toast-theme--colored.Toastify__toast--error {
651
- color: var(--toastify-text-color-error);
652
- background: var(--toastify-color-error);
653
- }
654
- .Toastify__progress-bar-theme--light {
655
- background: var(--toastify-color-progress-light);
656
- }
657
- .Toastify__progress-bar-theme--dark {
658
- background: var(--toastify-color-progress-dark);
659
- }
660
- .Toastify__progress-bar--info {
661
- background: var(--toastify-color-progress-info);
662
- }
663
- .Toastify__progress-bar--success {
664
- background: var(--toastify-color-progress-success);
665
- }
666
- .Toastify__progress-bar--warning {
667
- background: var(--toastify-color-progress-warning);
668
- }
669
- .Toastify__progress-bar--error {
670
- background: var(--toastify-color-progress-error);
671
- }
672
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
673
- background: var(--toastify-color-transparent);
674
- }
675
- .Toastify__close-button {
676
- color: #fff;
677
- background: transparent;
678
- outline: none;
679
- border: none;
680
- padding: 0;
681
- cursor: pointer;
682
- opacity: 0.7;
683
- transition: 0.3s ease;
684
- -ms-flex-item-align: start;
685
- align-self: flex-start;
686
- z-index: 1;
687
- }
688
- .Toastify__close-button--light {
689
- color: #000;
690
- opacity: 0.3;
691
- }
692
- .Toastify__close-button > svg {
693
- fill: currentColor;
694
- height: 16px;
695
- width: 14px;
696
- }
697
- .Toastify__close-button:hover, .Toastify__close-button:focus {
698
- opacity: 1;
699
- }
700
- @keyframes Toastify__trackProgress {
701
- 0% {
702
- transform: scaleX(1);
703
- }
704
- 100% {
705
- transform: scaleX(0);
706
- }
707
- }
708
- .Toastify__progress-bar {
709
- position: absolute;
710
- bottom: 0;
711
- left: 0;
712
- width: 100%;
713
- height: 100%;
714
- z-index: var(--toastify-z-index);
715
- opacity: 0.7;
716
- transform-origin: left;
717
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
718
- }
719
- .Toastify__progress-bar--animated {
720
- animation: Toastify__trackProgress linear 1 forwards;
721
- }
722
- .Toastify__progress-bar--controlled {
723
- transition: transform 0.2s;
724
- }
725
- .Toastify__progress-bar--rtl {
726
- right: 0;
727
- left: initial;
728
- transform-origin: right;
729
- border-bottom-left-radius: initial;
730
- border-bottom-right-radius: var(--toastify-toast-bd-radius);
731
- }
732
- .Toastify__progress-bar--wrp {
733
- position: absolute;
734
- bottom: 0;
735
- left: 0;
736
- width: 100%;
737
- height: 5px;
738
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
739
- }
740
- .Toastify__progress-bar--wrp[data-hidden=true] {
741
- opacity: 0;
742
- }
743
- .Toastify__progress-bar--bg {
744
- opacity: var(--toastify-color-progress-bgo);
745
- width: 100%;
746
- height: 100%;
747
- }
748
- .Toastify__spinner {
749
- width: 20px;
750
- height: 20px;
751
- box-sizing: border-box;
752
- border: 2px solid;
753
- border-radius: 100%;
754
- border-color: var(--toastify-spinner-color-empty-area);
755
- border-right-color: var(--toastify-spinner-color);
756
- animation: Toastify__spin 0.65s linear infinite;
757
- }
758
- @keyframes Toastify__bounceInRight {
759
- from, 60%, 75%, 90%, to {
760
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
761
- }
762
- from {
763
- opacity: 0;
764
- transform: translate3d(3000px, 0, 0);
765
- }
766
- 60% {
767
- opacity: 1;
768
- transform: translate3d(-25px, 0, 0);
769
- }
770
- 75% {
771
- transform: translate3d(10px, 0, 0);
772
- }
773
- 90% {
774
- transform: translate3d(-5px, 0, 0);
775
- }
776
- to {
777
- transform: none;
778
- }
779
- }
780
- @keyframes Toastify__bounceOutRight {
781
- 20% {
782
- opacity: 1;
783
- transform: translate3d(-20px, var(--y), 0);
784
- }
785
- to {
786
- opacity: 0;
787
- transform: translate3d(2000px, var(--y), 0);
788
- }
789
- }
790
- @keyframes Toastify__bounceInLeft {
791
- from, 60%, 75%, 90%, to {
792
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
793
- }
794
- 0% {
795
- opacity: 0;
796
- transform: translate3d(-3000px, 0, 0);
797
- }
798
- 60% {
799
- opacity: 1;
800
- transform: translate3d(25px, 0, 0);
801
- }
802
- 75% {
803
- transform: translate3d(-10px, 0, 0);
804
- }
805
- 90% {
806
- transform: translate3d(5px, 0, 0);
807
- }
808
- to {
809
- transform: none;
810
- }
811
- }
812
- @keyframes Toastify__bounceOutLeft {
813
- 20% {
814
- opacity: 1;
815
- transform: translate3d(20px, var(--y), 0);
816
- }
817
- to {
818
- opacity: 0;
819
- transform: translate3d(-2000px, var(--y), 0);
820
- }
821
- }
822
- @keyframes Toastify__bounceInUp {
823
- from, 60%, 75%, 90%, to {
824
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
825
- }
826
- from {
827
- opacity: 0;
828
- transform: translate3d(0, 3000px, 0);
829
- }
830
- 60% {
831
- opacity: 1;
832
- transform: translate3d(0, -20px, 0);
833
- }
834
- 75% {
835
- transform: translate3d(0, 10px, 0);
836
- }
837
- 90% {
838
- transform: translate3d(0, -5px, 0);
839
- }
840
- to {
841
- transform: translate3d(0, 0, 0);
842
- }
843
- }
844
- @keyframes Toastify__bounceOutUp {
845
- 20% {
846
- transform: translate3d(0, calc(var(--y) - 10px), 0);
847
- }
848
- 40%, 45% {
849
- opacity: 1;
850
- transform: translate3d(0, calc(var(--y) + 20px), 0);
851
- }
852
- to {
853
- opacity: 0;
854
- transform: translate3d(0, -2000px, 0);
855
- }
856
- }
857
- @keyframes Toastify__bounceInDown {
858
- from, 60%, 75%, 90%, to {
859
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
860
- }
861
- 0% {
862
- opacity: 0;
863
- transform: translate3d(0, -3000px, 0);
864
- }
865
- 60% {
866
- opacity: 1;
867
- transform: translate3d(0, 25px, 0);
868
- }
869
- 75% {
870
- transform: translate3d(0, -10px, 0);
871
- }
872
- 90% {
873
- transform: translate3d(0, 5px, 0);
874
- }
875
- to {
876
- transform: none;
877
- }
878
- }
879
- @keyframes Toastify__bounceOutDown {
880
- 20% {
881
- transform: translate3d(0, calc(var(--y) - 10px), 0);
882
- }
883
- 40%, 45% {
884
- opacity: 1;
885
- transform: translate3d(0, calc(var(--y) + 20px), 0);
886
- }
887
- to {
888
- opacity: 0;
889
- transform: translate3d(0, 2000px, 0);
890
- }
891
- }
892
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
893
- animation-name: Toastify__bounceInLeft;
894
- }
895
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
896
- animation-name: Toastify__bounceInRight;
897
- }
898
- .Toastify__bounce-enter--top-center {
899
- animation-name: Toastify__bounceInDown;
900
- }
901
- .Toastify__bounce-enter--bottom-center {
902
- animation-name: Toastify__bounceInUp;
903
- }
904
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
905
- animation-name: Toastify__bounceOutLeft;
906
- }
907
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
908
- animation-name: Toastify__bounceOutRight;
909
- }
910
- .Toastify__bounce-exit--top-center {
911
- animation-name: Toastify__bounceOutUp;
912
- }
913
- .Toastify__bounce-exit--bottom-center {
914
- animation-name: Toastify__bounceOutDown;
915
- }
916
- @keyframes Toastify__zoomIn {
917
- from {
918
- opacity: 0;
919
- transform: scale3d(0.3, 0.3, 0.3);
920
- }
921
- 50% {
922
- opacity: 1;
923
- }
924
- }
925
- @keyframes Toastify__zoomOut {
926
- from {
927
- opacity: 1;
928
- }
929
- 50% {
930
- opacity: 0;
931
- transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
932
- }
933
- to {
934
- opacity: 0;
935
- }
936
- }
937
- .Toastify__zoom-enter {
938
- animation-name: Toastify__zoomIn;
939
- }
940
- .Toastify__zoom-exit {
941
- animation-name: Toastify__zoomOut;
942
- }
943
- @keyframes Toastify__flipIn {
944
- from {
945
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
946
- animation-timing-function: ease-in;
947
- opacity: 0;
948
- }
949
- 40% {
950
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
951
- animation-timing-function: ease-in;
952
- }
953
- 60% {
954
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
955
- opacity: 1;
956
- }
957
- 80% {
958
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
959
- }
960
- to {
961
- transform: perspective(400px);
962
- }
963
- }
964
- @keyframes Toastify__flipOut {
965
- from {
966
- transform: translate3d(0, var(--y), 0) perspective(400px);
967
- }
968
- 30% {
969
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
970
- opacity: 1;
971
- }
972
- to {
973
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
974
- opacity: 0;
975
- }
976
- }
977
- .Toastify__flip-enter {
978
- animation-name: Toastify__flipIn;
979
- }
980
- .Toastify__flip-exit {
981
- animation-name: Toastify__flipOut;
350
+ @property --tw-rotate-x {
351
+ syntax: "*";
352
+ inherits: false;
982
353
  }
983
- @keyframes Toastify__slideInRight {
984
- from {
985
- transform: translate3d(110%, 0, 0);
986
- visibility: visible;
987
- }
988
- to {
989
- transform: translate3d(0, var(--y), 0);
990
- }
354
+ @property --tw-rotate-y {
355
+ syntax: "*";
356
+ inherits: false;
991
357
  }
992
- @keyframes Toastify__slideInLeft {
993
- from {
994
- transform: translate3d(-110%, 0, 0);
995
- visibility: visible;
996
- }
997
- to {
998
- transform: translate3d(0, var(--y), 0);
999
- }
358
+ @property --tw-rotate-z {
359
+ syntax: "*";
360
+ inherits: false;
1000
361
  }
1001
- @keyframes Toastify__slideInUp {
1002
- from {
1003
- transform: translate3d(0, 110%, 0);
1004
- visibility: visible;
1005
- }
1006
- to {
1007
- transform: translate3d(0, var(--y), 0);
1008
- }
362
+ @property --tw-skew-x {
363
+ syntax: "*";
364
+ inherits: false;
1009
365
  }
1010
- @keyframes Toastify__slideInDown {
1011
- from {
1012
- transform: translate3d(0, -110%, 0);
1013
- visibility: visible;
1014
- }
1015
- to {
1016
- transform: translate3d(0, var(--y), 0);
1017
- }
366
+ @property --tw-skew-y {
367
+ syntax: "*";
368
+ inherits: false;
1018
369
  }
1019
- @keyframes Toastify__slideOutRight {
1020
- from {
1021
- transform: translate3d(0, var(--y), 0);
1022
- }
1023
- to {
1024
- visibility: hidden;
1025
- transform: translate3d(110%, var(--y), 0);
1026
- }
370
+ @property --tw-border-style {
371
+ syntax: "*";
372
+ inherits: false;
373
+ initial-value: solid;
1027
374
  }
1028
- @keyframes Toastify__slideOutLeft {
1029
- from {
1030
- transform: translate3d(0, var(--y), 0);
1031
- }
1032
- to {
1033
- visibility: hidden;
1034
- transform: translate3d(-110%, var(--y), 0);
1035
- }
375
+ @property --tw-font-weight {
376
+ syntax: "*";
377
+ inherits: false;
1036
378
  }
1037
- @keyframes Toastify__slideOutDown {
1038
- from {
1039
- transform: translate3d(0, var(--y), 0);
1040
- }
1041
- to {
1042
- visibility: hidden;
1043
- transform: translate3d(0, 500px, 0);
1044
- }
379
+ @property --tw-blur {
380
+ syntax: "*";
381
+ inherits: false;
1045
382
  }
1046
- @keyframes Toastify__slideOutUp {
1047
- from {
1048
- transform: translate3d(0, var(--y), 0);
1049
- }
1050
- to {
1051
- visibility: hidden;
1052
- transform: translate3d(0, -500px, 0);
1053
- }
383
+ @property --tw-brightness {
384
+ syntax: "*";
385
+ inherits: false;
1054
386
  }
1055
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
1056
- animation-name: Toastify__slideInLeft;
387
+ @property --tw-contrast {
388
+ syntax: "*";
389
+ inherits: false;
1057
390
  }
1058
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
1059
- animation-name: Toastify__slideInRight;
391
+ @property --tw-grayscale {
392
+ syntax: "*";
393
+ inherits: false;
1060
394
  }
1061
- .Toastify__slide-enter--top-center {
1062
- animation-name: Toastify__slideInDown;
395
+ @property --tw-hue-rotate {
396
+ syntax: "*";
397
+ inherits: false;
1063
398
  }
1064
- .Toastify__slide-enter--bottom-center {
1065
- animation-name: Toastify__slideInUp;
399
+ @property --tw-invert {
400
+ syntax: "*";
401
+ inherits: false;
1066
402
  }
1067
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
1068
- animation-name: Toastify__slideOutLeft;
1069
- animation-timing-function: ease-in;
1070
- animation-duration: 0.3s;
403
+ @property --tw-opacity {
404
+ syntax: "*";
405
+ inherits: false;
1071
406
  }
1072
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
1073
- animation-name: Toastify__slideOutRight;
1074
- animation-timing-function: ease-in;
1075
- animation-duration: 0.3s;
407
+ @property --tw-saturate {
408
+ syntax: "*";
409
+ inherits: false;
1076
410
  }
1077
- .Toastify__slide-exit--top-center {
1078
- animation-name: Toastify__slideOutUp;
1079
- animation-timing-function: ease-in;
1080
- animation-duration: 0.3s;
411
+ @property --tw-sepia {
412
+ syntax: "*";
413
+ inherits: false;
1081
414
  }
1082
- .Toastify__slide-exit--bottom-center {
1083
- animation-name: Toastify__slideOutDown;
1084
- animation-timing-function: ease-in;
1085
- animation-duration: 0.3s;
415
+ @property --tw-drop-shadow {
416
+ syntax: "*";
417
+ inherits: false;
1086
418
  }
1087
- @keyframes Toastify__spin {
1088
- from {
1089
- transform: rotate(0deg);
1090
- }
1091
- to {
1092
- transform: rotate(360deg);
1093
- }
419
+ @property --tw-drop-shadow-color {
420
+ syntax: "*";
421
+ inherits: false;
1094
422
  }
1095
- @layer theme, base, components, utilities;
1096
- @layer theme {
1097
- :root, :host {
1098
- --font-sans: "Inter", sans-serif;
1099
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
1100
- "Courier New", monospace;
1101
- --color-red-100: hsl(3 82% 96%);
1102
- --color-red-400: hsl(5 82% 83%);
1103
- --color-red-500: hsl(5 80% 78%);
1104
- --color-red-600: hsl(4 81% 74%);
1105
- --color-red-700: hsl(4 81% 69%);
1106
- --color-red-800: hsl(5 81% 61%);
1107
- --color-red-900: hsl(5 81% 56%);
1108
- --color-orange-100: hsl(33 100% 90%);
1109
- --color-orange-700: hsl(32 100% 60%);
1110
- --color-orange-800: hsl(33 100% 55%);
1111
- --color-orange-900: hsl(32 100% 50%);
1112
- --color-yellow-400: hsl(47 100% 69%);
1113
- --color-yellow-900: hsl(47 100% 49%);
1114
- --color-green-100: hsl(134 51% 89%);
1115
- --color-green-600: hsl(136 53% 60%);
1116
- --color-green-700: hsl(136 52% 55%);
1117
- --color-green-800: hsl(136 53% 49%);
1118
- --color-green-900: hsl(136 53% 43%);
1119
- --color-blue-100: hsl(209 100% 90%);
1120
- --color-blue-200: hsl(209 97% 85%);
1121
- --color-blue-300: hsl(209 100% 80%);
1122
- --color-blue-400: hsl(209 100% 75%);
1123
- --color-blue-500: hsl(209 100% 70%);
1124
- --color-blue-600: hsl(209 100% 65%);
1125
- --color-blue-800: hsl(209 100% 55%);
1126
- --color-blue-900: hsl(209 100% 50%);
1127
- --color-purple-900: hsl(263 78% 63%);
1128
- --color-slate-50: hsl(210 20% 96%);
1129
- --color-slate-100: hsl(210 9% 74%);
1130
- --color-slate-200: hsl(210 9% 48%);
1131
- --color-slate-300: hsl(210 9% 39%);
1132
- --color-slate-500: hsl(207 8% 21%);
1133
- --color-slate-600: hsl(210 9% 13%);
1134
- --color-slate-700: hsl(204 9% 11%);
1135
- --color-slate-800: hsl(195 9% 9%);
1136
- --color-slate-900: hsl(195 6% 6%);
1137
- --color-gray-50: hsl(0 0% 99%);
1138
- --color-gray-100: hsl(0 0% 96%);
1139
- --color-gray-200: hsl(0 0% 94%);
1140
- --color-gray-300: hsl(210 3% 85%);
1141
- --color-gray-400: hsl(180 2% 78%);
1142
- --color-gray-500: hsl(200 2% 63%);
1143
- --color-gray-600: hsl(200 4% 44%);
1144
- --color-gray-700: hsl(189 5% 29%);
1145
- --color-gray-800: hsl(200 4% 26%);
1146
- --color-gray-900: hsl(192 5% 21%);
1147
- --color-black: hsl(0 0% 0%);
1148
- --color-white: hsl(0 0% 100%);
1149
- --spacing: 0.25rem;
1150
- --container-xs: 20rem;
1151
- --container-4xl: 56rem;
1152
- --text-xs: 0.75rem;
1153
- --text-xs--line-height: calc(1 / 0.75);
1154
- --text-sm: 0.875rem;
1155
- --text-sm--line-height: calc(1.25 / 0.875);
1156
- --text-base: 1rem;
1157
- --text-base--line-height: calc(1.5 / 1);
1158
- --text-lg: 1.125rem;
1159
- --text-lg--line-height: calc(1.75 / 1.125);
1160
- --text-xl: 1.25rem;
1161
- --text-xl--line-height: calc(1.75 / 1.25);
1162
- --text-2xl: 1.5rem;
1163
- --text-2xl--line-height: calc(2 / 1.5);
1164
- --font-weight-extralight: 200;
1165
- --font-weight-normal: 400;
1166
- --font-weight-medium: 500;
1167
- --font-weight-semibold: 600;
1168
- --font-weight-bold: 700;
1169
- --tracking-wide: 0.025em;
1170
- --radius-sm: 0.25rem;
1171
- --radius-md: 0.375rem;
1172
- --radius-lg: 0.5rem;
1173
- --radius-xl: 0.75rem;
1174
- --radius-2xl: 1rem;
1175
- --radius-3xl: 1.5rem;
1176
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
1177
- --animate-spin: spin 1s linear infinite;
1178
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1179
- --default-transition-duration: 150ms;
1180
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1181
- --default-font-family: var(--font-sans);
1182
- --default-mono-font-family: var(--font-mono);
1183
- --color-charcoal-300: hsl(221 17% 67%);
1184
- --color-charcoal-700: hsl(219 17% 34%);
1185
- --color-charcoal-800: hsl(221 17% 26%);
1186
- --color-charcoal-900: hsl(220 17% 17%);
1187
- --animate-fade-in: fadeIn 0.3s ease-in-out;
1188
- --animate-fade-out: fadeOut 0.1s ease-in-out;
1189
- --animate-zoom-in: zoomIn 0.3s ease-in-out;
1190
- --animate-zoom-out: zoomOut 0.1s ease-in-out;
1191
- --animate-slide-in-from-top: slideInFromTop 0.2s ease-in-out;
1192
- --animate-slide-in-from-bottom: slideInFromBottom 0.2s ease-in-out;
1193
- --animate-slide-in-from-left: slideInFromLeft 0.2s ease-in-out;
1194
- --animate-slide-in-from-right: slideInFromRight 0.2s ease-in-out;
1195
- }
1196
- }
1197
- @layer base {
1198
- *, ::after, ::before, ::backdrop, ::file-selector-button {
1199
- box-sizing: border-box;
1200
- margin: 0;
1201
- padding: 0;
1202
- border: 0 solid;
1203
- }
1204
- html, :host {
1205
- line-height: 1.5;
1206
- -webkit-text-size-adjust: 100%;
1207
- tab-size: 4;
1208
- 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");
1209
- font-feature-settings: var(--default-font-feature-settings, normal);
1210
- font-variation-settings: var(--default-font-variation-settings, normal);
1211
- -webkit-tap-highlight-color: transparent;
1212
- }
1213
- hr {
1214
- height: 0;
1215
- color: inherit;
1216
- border-top-width: 1px;
1217
- }
1218
- abbr:where([title]) {
1219
- -webkit-text-decoration: underline dotted;
1220
- text-decoration: underline dotted;
1221
- }
1222
- h1, h2, h3, h4, h5, h6 {
1223
- font-size: inherit;
1224
- font-weight: inherit;
1225
- }
1226
- a {
1227
- color: inherit;
1228
- -webkit-text-decoration: inherit;
1229
- text-decoration: inherit;
1230
- }
1231
- b, strong {
1232
- font-weight: bolder;
1233
- }
1234
- code, kbd, samp, pre {
1235
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
1236
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
1237
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
1238
- font-size: 1em;
1239
- }
1240
- small {
1241
- font-size: 80%;
1242
- }
1243
- sub, sup {
1244
- font-size: 75%;
1245
- line-height: 0;
1246
- position: relative;
1247
- vertical-align: baseline;
1248
- }
1249
- sub {
1250
- bottom: -0.25em;
1251
- }
1252
- sup {
1253
- top: -0.5em;
1254
- }
1255
- table {
1256
- text-indent: 0;
1257
- border-color: inherit;
1258
- border-collapse: collapse;
1259
- }
1260
- :-moz-focusring {
1261
- outline: auto;
1262
- }
1263
- progress {
1264
- vertical-align: baseline;
1265
- }
1266
- summary {
1267
- display: list-item;
1268
- }
1269
- ol, ul, menu {
1270
- list-style: none;
1271
- }
1272
- img, svg, video, canvas, audio, iframe, embed, object {
1273
- display: block;
1274
- vertical-align: middle;
1275
- }
1276
- img, video {
1277
- max-width: 100%;
1278
- height: auto;
1279
- }
1280
- button, input, select, optgroup, textarea, ::file-selector-button {
1281
- font: inherit;
1282
- font-feature-settings: inherit;
1283
- font-variation-settings: inherit;
1284
- letter-spacing: inherit;
1285
- color: inherit;
1286
- border-radius: 0;
1287
- background-color: transparent;
1288
- opacity: 1;
1289
- }
1290
- :where(select:is([multiple], [size])) optgroup {
1291
- font-weight: bolder;
1292
- }
1293
- :where(select:is([multiple], [size])) optgroup option {
1294
- padding-inline-start: 20px;
1295
- }
1296
- ::file-selector-button {
1297
- margin-inline-end: 4px;
1298
- }
1299
- ::placeholder {
1300
- opacity: 1;
1301
- }
1302
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1303
- ::placeholder {
1304
- color: currentcolor;
1305
- @supports (color: color-mix(in lab, red, red)) {
1306
- color: currentcolor;
1307
- @supports (color: color-mix(in lab, red, red)) {
1308
- color: color-mix(in oklab, currentcolor 50%, transparent);
1309
- }
1310
- }
1311
- }
1312
- }
1313
- textarea {
1314
- resize: vertical;
1315
- }
1316
- ::-webkit-search-decoration {
1317
- -webkit-appearance: none;
1318
- }
1319
- ::-webkit-date-and-time-value {
1320
- min-height: 1lh;
1321
- text-align: inherit;
1322
- }
1323
- ::-webkit-datetime-edit {
1324
- display: inline-flex;
1325
- }
1326
- ::-webkit-datetime-edit-fields-wrapper {
1327
- padding: 0;
1328
- }
1329
- ::-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 {
1330
- padding-block: 0;
1331
- }
1332
- :-moz-ui-invalid {
1333
- box-shadow: none;
1334
- }
1335
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
1336
- appearance: button;
1337
- }
1338
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
1339
- height: auto;
1340
- }
1341
- [hidden]:where(:not([hidden="until-found"])) {
1342
- display: none !important;
1343
- }
1344
- }
1345
- @layer utilities {
1346
- .\!pointer-events-auto {
1347
- pointer-events: auto !important;
1348
- }
1349
- .pointer-events-none {
1350
- pointer-events: none;
1351
- }
1352
- .collapse {
1353
- visibility: collapse;
1354
- }
1355
- .invisible {
1356
- visibility: hidden;
1357
- }
1358
- .visible {
1359
- visibility: visible;
1360
- }
1361
- .sr-only {
1362
- position: absolute;
1363
- width: 1px;
1364
- height: 1px;
1365
- padding: 0;
1366
- margin: -1px;
1367
- overflow: hidden;
1368
- clip: rect(0, 0, 0, 0);
1369
- white-space: nowrap;
1370
- border-width: 0;
1371
- }
1372
- .absolute {
1373
- position: absolute;
1374
- }
1375
- .fixed {
1376
- position: fixed;
1377
- }
1378
- .relative {
1379
- position: relative;
1380
- }
1381
- .static {
1382
- position: static;
1383
- }
1384
- .sticky {
1385
- position: sticky;
1386
- }
1387
- .inset-0 {
1388
- inset: calc(var(--spacing) * 0);
1389
- }
1390
- .inset-8 {
1391
- inset: calc(var(--spacing) * 8);
1392
- }
1393
- .inset-x-0 {
1394
- inset-inline: calc(var(--spacing) * 0);
1395
- }
1396
- .top-0 {
1397
- top: calc(var(--spacing) * 0);
1398
- }
1399
- .top-1\/2 {
1400
- top: calc(1/2 * 100%);
1401
- }
1402
- .top-3 {
1403
- top: calc(var(--spacing) * 3);
1404
- }
1405
- .top-3\.5 {
1406
- top: calc(var(--spacing) * 3.5);
1407
- }
1408
- .top-8 {
1409
- top: calc(var(--spacing) * 8);
1410
- }
1411
- .top-10 {
1412
- top: calc(var(--spacing) * 10);
1413
- }
1414
- .top-\[-2px\] {
1415
- top: -2px;
1416
- }
1417
- .top-\[-11px\] {
1418
- top: -11px;
1419
- }
1420
- .top-\[11px\] {
1421
- top: 11px;
1422
- }
1423
- .right-0 {
1424
- right: calc(var(--spacing) * 0);
1425
- }
1426
- .right-3 {
1427
- right: calc(var(--spacing) * 3);
1428
- }
1429
- .right-5 {
1430
- right: calc(var(--spacing) * 5);
1431
- }
1432
- .right-\[-2px\] {
1433
- right: -2px;
1434
- }
1435
- .right-\[0px\] {
1436
- right: 0px;
1437
- }
1438
- .bottom-0 {
1439
- bottom: calc(var(--spacing) * 0);
1440
- }
1441
- .bottom-5 {
1442
- bottom: calc(var(--spacing) * 5);
1443
- }
1444
- .bottom-\[-2px\] {
1445
- bottom: -2px;
1446
- }
1447
- .bottom-\[-3px\] {
1448
- bottom: -3px;
1449
- }
1450
- .left-0 {
1451
- left: calc(var(--spacing) * 0);
1452
- }
1453
- .left-1\/2 {
1454
- left: calc(1/2 * 100%);
1455
- }
1456
- .left-2 {
1457
- left: calc(var(--spacing) * 2);
1458
- }
1459
- .left-8 {
1460
- left: calc(var(--spacing) * 8);
1461
- }
1462
- .left-\[-2px\] {
1463
- left: -2px;
1464
- }
1465
- .left-\[0px\] {
1466
- left: 0px;
1467
- }
1468
- .isolate {
1469
- isolation: isolate;
1470
- }
1471
- .z-0 {
1472
- z-index: 0;
1473
- }
1474
- .z-10 {
1475
- z-index: 10;
1476
- }
1477
- .z-40 {
1478
- z-index: 40;
1479
- }
1480
- .z-50 {
1481
- z-index: 50;
1482
- }
1483
- .z-\[20\] {
1484
- z-index: 20;
1485
- }
1486
- .container {
1487
- width: 100%;
1488
- @media (width >= 40rem) {
1489
- max-width: 40rem;
1490
- }
1491
- @media (width >= 48rem) {
1492
- max-width: 48rem;
1493
- }
1494
- @media (width >= 64rem) {
1495
- max-width: 64rem;
1496
- }
1497
- @media (width >= 80rem) {
1498
- max-width: 80rem;
1499
- }
1500
- @media (width >= 96rem) {
1501
- max-width: 96rem;
1502
- }
1503
- }
1504
- .m-6 {
1505
- margin: calc(var(--spacing) * 6);
1506
- }
1507
- .m-8 {
1508
- margin: calc(var(--spacing) * 8);
1509
- }
1510
- .mx-0\.5 {
1511
- margin-inline: calc(var(--spacing) * 0.5);
1512
- }
1513
- .mx-1 {
1514
- margin-inline: calc(var(--spacing) * 1);
1515
- }
1516
- .mx-3 {
1517
- margin-inline: calc(var(--spacing) * 3);
1518
- }
1519
- .mx-auto {
1520
- margin-inline: auto;
1521
- }
1522
- .my-0 {
1523
- margin-block: calc(var(--spacing) * 0);
1524
- }
1525
- .my-1 {
1526
- margin-block: calc(var(--spacing) * 1);
1527
- }
1528
- .my-3 {
1529
- margin-block: calc(var(--spacing) * 3);
1530
- }
1531
- .my-4 {
1532
- margin-block: calc(var(--spacing) * 4);
1533
- }
1534
- .my-6 {
1535
- margin-block: calc(var(--spacing) * 6);
1536
- }
1537
- .my-8 {
1538
- margin-block: calc(var(--spacing) * 8);
1539
- }
1540
- .my-40 {
1541
- margin-block: calc(var(--spacing) * 40);
1542
- }
1543
- .-mt-12 {
1544
- margin-top: calc(var(--spacing) * -12);
1545
- }
1546
- .-mt-20 {
1547
- margin-top: calc(var(--spacing) * -20);
1548
- }
1549
- .mt-0\.5 {
1550
- margin-top: calc(var(--spacing) * 0.5);
1551
- }
1552
- .mt-1 {
1553
- margin-top: calc(var(--spacing) * 1);
1554
- }
1555
- .mt-2 {
1556
- margin-top: calc(var(--spacing) * 2);
1557
- }
1558
- .mt-3 {
1559
- margin-top: calc(var(--spacing) * 3);
1560
- }
1561
- .mt-4 {
1562
- margin-top: calc(var(--spacing) * 4);
1563
- }
1564
- .mt-8 {
1565
- margin-top: calc(var(--spacing) * 8);
1566
- }
1567
- .mt-\[-6px\] {
1568
- margin-top: -6px;
1569
- }
1570
- .mt-\[11px\] {
1571
- margin-top: 11px;
1572
- }
1573
- .mr-1 {
1574
- margin-right: calc(var(--spacing) * 1);
1575
- }
1576
- .mr-1\.5 {
1577
- margin-right: calc(var(--spacing) * 1.5);
1578
- }
1579
- .mr-2 {
1580
- margin-right: calc(var(--spacing) * 2);
1581
- }
1582
- .mr-3 {
1583
- margin-right: calc(var(--spacing) * 3);
1584
- }
1585
- .mr-6 {
1586
- margin-right: calc(var(--spacing) * 6);
1587
- }
1588
- .-mb-1 {
1589
- margin-bottom: calc(var(--spacing) * -1);
1590
- }
1591
- .mb-0 {
1592
- margin-bottom: calc(var(--spacing) * 0);
1593
- }
1594
- .mb-0\.5 {
1595
- margin-bottom: calc(var(--spacing) * 0.5);
1596
- }
1597
- .mb-1 {
1598
- margin-bottom: calc(var(--spacing) * 1);
1599
- }
1600
- .mb-2 {
1601
- margin-bottom: calc(var(--spacing) * 2);
1602
- }
1603
- .mb-3 {
1604
- margin-bottom: calc(var(--spacing) * 3);
1605
- }
1606
- .mb-4 {
1607
- margin-bottom: calc(var(--spacing) * 4);
1608
- }
1609
- .mb-6 {
1610
- margin-bottom: calc(var(--spacing) * 6);
1611
- }
1612
- .mb-8 {
1613
- margin-bottom: calc(var(--spacing) * 8);
1614
- }
1615
- .mb-\[3px\] {
1616
- margin-bottom: 3px;
1617
- }
1618
- .-ml-6 {
1619
- margin-left: calc(var(--spacing) * -6);
1620
- }
1621
- .ml-1 {
1622
- margin-left: calc(var(--spacing) * 1);
1623
- }
1624
- .ml-2 {
1625
- margin-left: calc(var(--spacing) * 2);
1626
- }
1627
- .ml-3 {
1628
- margin-left: calc(var(--spacing) * 3);
1629
- }
1630
- .ml-\[234px\] {
1631
- margin-left: 234px;
1632
- }
1633
- .ml-auto {
1634
- margin-left: auto;
1635
- }
1636
- .scrollbar-thin {
1637
- &::-webkit-scrollbar-track {
1638
- background-color: var(--scrollbar-track);
1639
- border-radius: var(--scrollbar-track-radius);
1640
- }
1641
- &::-webkit-scrollbar-thumb {
1642
- background-color: var(--scrollbar-thumb);
1643
- border-radius: var(--scrollbar-thumb-radius);
1644
- }
1645
- &::-webkit-scrollbar-corner {
1646
- background-color: var(--scrollbar-corner);
1647
- border-radius: var(--scrollbar-corner-radius);
1648
- }
1649
- scrollbar-width: thin;
1650
- scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
1651
- &::-webkit-scrollbar {
1652
- display: block;
1653
- width: 8px;
1654
- height: 8px;
1655
- }
1656
- }
1657
- .line-clamp-2 {
1658
- overflow: hidden;
1659
- display: -webkit-box;
1660
- -webkit-box-orient: vertical;
1661
- -webkit-line-clamp: 2;
1662
- }
1663
- .\!inline {
1664
- display: inline !important;
1665
- }
1666
- .block {
1667
- display: block;
1668
- }
1669
- .contents {
1670
- display: contents;
1671
- }
1672
- .flex {
1673
- display: flex;
1674
- }
1675
- .grid {
1676
- display: grid;
1677
- }
1678
- .hidden {
1679
- display: none;
1680
- }
1681
- .inline {
1682
- display: inline;
1683
- }
1684
- .inline-block {
1685
- display: inline-block;
1686
- }
1687
- .inline-flex {
1688
- display: inline-flex;
1689
- }
1690
- .table {
1691
- display: table;
1692
- }
1693
- .aspect-square {
1694
- aspect-ratio: 1 / 1;
1695
- }
1696
- .size-2\.5 {
1697
- width: calc(var(--spacing) * 2.5);
1698
- height: calc(var(--spacing) * 2.5);
1699
- }
1700
- .size-3 {
1701
- width: calc(var(--spacing) * 3);
1702
- height: calc(var(--spacing) * 3);
1703
- }
1704
- .size-4 {
1705
- width: calc(var(--spacing) * 4);
1706
- height: calc(var(--spacing) * 4);
1707
- }
1708
- .size-6 {
1709
- width: calc(var(--spacing) * 6);
1710
- height: calc(var(--spacing) * 6);
1711
- }
1712
- .size-7 {
1713
- width: calc(var(--spacing) * 7);
1714
- height: calc(var(--spacing) * 7);
1715
- }
1716
- .size-8 {
1717
- width: calc(var(--spacing) * 8);
1718
- height: calc(var(--spacing) * 8);
1719
- }
1720
- .size-10 {
1721
- width: calc(var(--spacing) * 10);
1722
- height: calc(var(--spacing) * 10);
1723
- }
1724
- .size-\[3px\] {
1725
- width: 3px;
1726
- height: 3px;
1727
- }
1728
- .size-\[calc\(100\%-32px\)\] {
1729
- width: calc(100% - 32px);
1730
- height: calc(100% - 32px);
1731
- }
1732
- .size-full {
1733
- width: 100%;
1734
- height: 100%;
1735
- }
1736
- .h-0\.5 {
1737
- height: calc(var(--spacing) * 0.5);
1738
- }
1739
- .h-3 {
1740
- height: calc(var(--spacing) * 3);
1741
- }
1742
- .h-5 {
1743
- height: calc(var(--spacing) * 5);
1744
- }
1745
- .h-6 {
1746
- height: calc(var(--spacing) * 6);
1747
- }
1748
- .h-7 {
1749
- height: calc(var(--spacing) * 7);
1750
- }
1751
- .h-8 {
1752
- height: calc(var(--spacing) * 8);
1753
- }
1754
- .h-9 {
1755
- height: calc(var(--spacing) * 9);
1756
- }
1757
- .h-10 {
1758
- height: calc(var(--spacing) * 10);
1759
- }
1760
- .h-11 {
1761
- height: calc(var(--spacing) * 11);
1762
- }
1763
- .h-12 {
1764
- height: calc(var(--spacing) * 12);
1765
- }
1766
- .h-24 {
1767
- height: calc(var(--spacing) * 24);
1768
- }
1769
- .h-48 {
1770
- height: calc(var(--spacing) * 48);
1771
- }
1772
- .h-\[1px\] {
1773
- height: 1px;
1774
- }
1775
- .h-\[3px\] {
1776
- height: 3px;
1777
- }
1778
- .h-\[6px\] {
1779
- height: 6px;
1780
- }
1781
- .h-\[9px\] {
1782
- height: 9px;
1783
- }
1784
- .h-\[12px\] {
1785
- height: 12px;
1786
- }
1787
- .h-\[17px\] {
1788
- height: 17px;
1789
- }
1790
- .h-\[22px\] {
1791
- height: 22px;
1792
- }
1793
- .h-\[25px\] {
1794
- height: 25px;
1795
- }
1796
- .h-\[34px\] {
1797
- height: 34px;
1798
- }
1799
- .h-\[36px\] {
1800
- height: 36px;
1801
- }
1802
- .h-\[52px\] {
1803
- height: 52px;
1804
- }
1805
- .h-\[244px\] {
1806
- height: 244px;
1807
- }
1808
- .h-\[300px\] {
1809
- height: 300px;
1810
- }
1811
- .h-\[420px\] {
1812
- height: 420px;
1813
- }
1814
- .h-auto {
1815
- height: auto;
1816
- }
1817
- .h-dvh {
1818
- height: 100dvh;
1819
- }
1820
- .h-full {
1821
- height: 100%;
1822
- }
1823
- .h-max {
1824
- height: max-content;
1825
- }
1826
- .h-px {
1827
- height: 1px;
1828
- }
1829
- .h-screen {
1830
- height: 100vh;
1831
- }
1832
- .max-h-0 {
1833
- max-height: calc(var(--spacing) * 0);
1834
- }
1835
- .max-h-6 {
1836
- max-height: calc(var(--spacing) * 6);
1837
- }
1838
- .max-h-\[245px\] {
1839
- max-height: 245px;
1840
- }
1841
- .max-h-\[300px\] {
1842
- max-height: 300px;
1843
- }
1844
- .max-h-\[370px\] {
1845
- max-height: 370px;
1846
- }
1847
- .max-h-screen {
1848
- max-height: 100vh;
1849
- }
1850
- .min-h-4 {
1851
- min-height: calc(var(--spacing) * 4);
1852
- }
1853
- .min-h-9 {
1854
- min-height: calc(var(--spacing) * 9);
1855
- }
1856
- .min-h-11 {
1857
- min-height: calc(var(--spacing) * 11);
1858
- }
1859
- .min-h-12 {
1860
- min-height: calc(var(--spacing) * 12);
1861
- }
1862
- .min-h-\[48px\] {
1863
- min-height: 48px;
1864
- }
1865
- .min-h-\[50px\] {
1866
- min-height: 50px;
1867
- }
1868
- .min-h-full {
1869
- min-height: 100%;
1870
- }
1871
- .w-\(--radix-popover-trigger-width\) {
1872
- width: var(--radix-popover-trigger-width);
1873
- }
1874
- .w-0\.5 {
1875
- width: calc(var(--spacing) * 0.5);
1876
- }
1877
- .w-1 {
1878
- width: calc(var(--spacing) * 1);
1879
- }
1880
- .w-1\.5 {
1881
- width: calc(var(--spacing) * 1.5);
1882
- }
1883
- .w-2 {
1884
- width: calc(var(--spacing) * 2);
1885
- }
1886
- .w-4 {
1887
- width: calc(var(--spacing) * 4);
1888
- }
1889
- .w-4\/5 {
1890
- width: calc(4/5 * 100%);
1891
- }
1892
- .w-6 {
1893
- width: calc(var(--spacing) * 6);
1894
- }
1895
- .w-8 {
1896
- width: calc(var(--spacing) * 8);
1897
- }
1898
- .w-11 {
1899
- width: calc(var(--spacing) * 11);
1900
- }
1901
- .w-32 {
1902
- width: calc(var(--spacing) * 32);
1903
- }
1904
- .w-48 {
1905
- width: calc(var(--spacing) * 48);
1906
- }
1907
- .w-52 {
1908
- width: calc(var(--spacing) * 52);
1909
- }
1910
- .w-64 {
1911
- width: calc(var(--spacing) * 64);
1912
- }
1913
- .w-96 {
1914
- width: calc(var(--spacing) * 96);
1915
- }
1916
- .w-\[6px\] {
1917
- width: 6px;
1918
- }
1919
- .w-\[50px\] {
1920
- width: 50px;
1921
- }
1922
- .w-\[83px\] {
1923
- width: 83px;
1924
- }
1925
- .w-\[200px\] {
1926
- width: 200px;
1927
- }
1928
- .w-\[320px\] {
1929
- width: 320px;
1930
- }
1931
- .w-\[400px\] {
1932
- width: 400px;
1933
- }
1934
- .w-\[408px\] {
1935
- width: 408px;
1936
- }
1937
- .w-\[432px\] {
1938
- width: 432px;
1939
- }
1940
- .w-\[450px\] {
1941
- width: 450px;
1942
- }
1943
- .w-\[500px\] {
1944
- width: 500px;
1945
- }
1946
- .w-fit {
1947
- width: fit-content;
1948
- }
1949
- .w-full {
1950
- width: 100%;
1951
- }
1952
- .w-max {
1953
- width: max-content;
1954
- }
1955
- .w-px {
1956
- width: 1px;
1957
- }
1958
- .w-screen {
1959
- width: 100vw;
1960
- }
1961
- .max-w-4xl {
1962
- max-width: var(--container-4xl);
1963
- }
1964
- .max-w-36 {
1965
- max-width: calc(var(--spacing) * 36);
1966
- }
1967
- .max-w-96 {
1968
- max-width: calc(var(--spacing) * 96);
1969
- }
1970
- .max-w-\[408px\] {
1971
- max-width: 408px;
1972
- }
1973
- .max-w-fit {
1974
- max-width: fit-content;
1975
- }
1976
- .max-w-full {
1977
- max-width: 100%;
1978
- }
1979
- .max-w-none {
1980
- max-width: none;
1981
- }
1982
- .max-w-xs {
1983
- max-width: var(--container-xs);
1984
- }
1985
- .min-w-0 {
1986
- min-width: calc(var(--spacing) * 0);
1987
- }
1988
- .min-w-8 {
1989
- min-width: calc(var(--spacing) * 8);
1990
- }
1991
- .min-w-36 {
1992
- min-width: calc(var(--spacing) * 36);
1993
- }
1994
- .min-w-64 {
1995
- min-width: calc(var(--spacing) * 64);
1996
- }
1997
- .min-w-72 {
1998
- min-width: calc(var(--spacing) * 72);
1999
- }
2000
- .min-w-\[142px\] {
2001
- min-width: 142px;
2002
- }
2003
- .min-w-\[360px\] {
2004
- min-width: 360px;
2005
- }
2006
- .min-w-\[408px\] {
2007
- min-width: 408px;
2008
- }
2009
- .flex-1 {
2010
- flex: 1;
2011
- }
2012
- .flex-none {
2013
- flex: none;
2014
- }
2015
- .shrink-0 {
2016
- flex-shrink: 0;
2017
- }
2018
- .grow {
2019
- flex-grow: 1;
2020
- }
2021
- .border-separate {
2022
- border-collapse: separate;
2023
- }
2024
- .-translate-x-1\/2 {
2025
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
2026
- translate: var(--tw-translate-x) var(--tw-translate-y);
2027
- }
2028
- .-translate-y-1\/2 {
2029
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
2030
- translate: var(--tw-translate-x) var(--tw-translate-y);
2031
- }
2032
- .-scale-x-100 {
2033
- --tw-scale-x: calc(100% * -1);
2034
- scale: var(--tw-scale-x) var(--tw-scale-y);
2035
- }
2036
- .-rotate-90 {
2037
- rotate: calc(90deg * -1);
2038
- }
2039
- .rotate-90 {
2040
- rotate: 90deg;
2041
- }
2042
- .rotate-180 {
2043
- rotate: 180deg;
2044
- }
2045
- .rotate-\[270deg\] {
2046
- rotate: 270deg;
2047
- }
2048
- .transform {
2049
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
2050
- }
2051
- .animate-pulse {
2052
- animation: var(--animate-pulse);
2053
- }
2054
- .animate-spin {
2055
- animation: var(--animate-spin);
2056
- }
2057
- .cursor-not-allowed {
2058
- cursor: not-allowed;
2059
- }
2060
- .cursor-pointer {
2061
- cursor: pointer;
2062
- }
2063
- .cursor-wait {
2064
- cursor: wait;
2065
- }
2066
- .resize {
2067
- resize: both;
2068
- }
2069
- .list-disc {
2070
- list-style-type: disc;
2071
- }
2072
- .grid-cols-\[1fr\,auto\,1fr\] {
2073
- grid-template-columns: 1fr,auto,1fr;
2074
- }
2075
- .grid-cols-\[208px\,380px\] {
2076
- grid-template-columns: 208px,380px;
2077
- }
2078
- .grid-cols-\[auto\,auto\] {
2079
- grid-template-columns: auto,auto;
2080
- }
2081
- .grid-cols-\[minmax\(min-content\,1018px\)\] {
2082
- grid-template-columns: minmax(min-content,1018px);
2083
- }
2084
- .grid-rows-4 {
2085
- grid-template-rows: repeat(4, minmax(0, 1fr));
2086
- }
2087
- .flex-col {
2088
- flex-direction: column;
2089
- }
2090
- .flex-row {
2091
- flex-direction: row;
2092
- }
2093
- .flex-wrap {
2094
- flex-wrap: wrap;
2095
- }
2096
- .place-items-center {
2097
- place-items: center;
2098
- }
2099
- .items-baseline {
2100
- align-items: baseline;
2101
- }
2102
- .items-center {
2103
- align-items: center;
2104
- }
2105
- .items-end {
2106
- align-items: flex-end;
2107
- }
2108
- .items-start {
2109
- align-items: flex-start;
2110
- }
2111
- .items-stretch {
2112
- align-items: stretch;
2113
- }
2114
- .justify-between {
2115
- justify-content: space-between;
2116
- }
2117
- .justify-center {
2118
- justify-content: center;
2119
- }
2120
- .justify-end {
2121
- justify-content: flex-end;
2122
- }
2123
- .justify-start {
2124
- justify-content: flex-start;
2125
- }
2126
- .gap-1 {
2127
- gap: calc(var(--spacing) * 1);
2128
- }
2129
- .gap-2 {
2130
- gap: calc(var(--spacing) * 2);
2131
- }
2132
- .gap-3 {
2133
- gap: calc(var(--spacing) * 3);
2134
- }
2135
- .gap-4 {
2136
- gap: calc(var(--spacing) * 4);
2137
- }
2138
- .gap-32 {
2139
- gap: calc(var(--spacing) * 32);
2140
- }
2141
- .gap-\[-2px\] {
2142
- gap: -2px;
2143
- }
2144
- .gap-x-1 {
2145
- column-gap: calc(var(--spacing) * 1);
2146
- }
2147
- .gap-x-2 {
2148
- column-gap: calc(var(--spacing) * 2);
2149
- }
2150
- .gap-x-4 {
2151
- column-gap: calc(var(--spacing) * 4);
2152
- }
2153
- .gap-x-6 {
2154
- column-gap: calc(var(--spacing) * 6);
2155
- }
2156
- .gap-x-8 {
2157
- column-gap: calc(var(--spacing) * 8);
2158
- }
2159
- .gap-x-12 {
2160
- column-gap: calc(var(--spacing) * 12);
2161
- }
2162
- .gap-x-16 {
2163
- column-gap: calc(var(--spacing) * 16);
2164
- }
2165
- .space-x-2 {
2166
- :where(& > :not(:last-child)) {
2167
- --tw-space-x-reverse: 0;
2168
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
2169
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
2170
- }
2171
- }
2172
- .gap-y-1 {
2173
- row-gap: calc(var(--spacing) * 1);
2174
- }
2175
- .gap-y-4 {
2176
- row-gap: calc(var(--spacing) * 4);
2177
- }
2178
- .divide-y {
2179
- :where(& > :not(:last-child)) {
2180
- --tw-divide-y-reverse: 0;
2181
- border-bottom-style: var(--tw-border-style);
2182
- border-top-style: var(--tw-border-style);
2183
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
2184
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
2185
- }
2186
- }
2187
- .divide-gray-200 {
2188
- :where(& > :not(:last-child)) {
2189
- border-color: var(--color-gray-200);
2190
- }
2191
- }
2192
- .truncate {
2193
- overflow: hidden;
2194
- text-overflow: ellipsis;
2195
- white-space: nowrap;
2196
- }
2197
- .overflow-auto {
2198
- overflow: auto;
2199
- }
2200
- .overflow-hidden {
2201
- overflow: hidden;
2202
- }
2203
- .overflow-scroll {
2204
- overflow: scroll;
2205
- }
2206
- .overflow-x-auto {
2207
- overflow-x: auto;
2208
- }
2209
- .overflow-x-hidden {
2210
- overflow-x: hidden;
2211
- }
2212
- .overflow-y-auto {
2213
- overflow-y: auto;
2214
- }
2215
- .rounded {
2216
- border-radius: 0.25rem;
2217
- }
2218
- .rounded-2xl {
2219
- border-radius: var(--radius-2xl);
2220
- }
2221
- .rounded-3xl {
2222
- border-radius: var(--radius-3xl);
2223
- }
2224
- .rounded-\[2px\] {
2225
- border-radius: 2px;
2226
- }
2227
- .rounded-full {
2228
- border-radius: calc(infinity * 1px);
2229
- }
2230
- .rounded-lg {
2231
- border-radius: var(--radius-lg);
2232
- }
2233
- .rounded-md {
2234
- border-radius: var(--radius-md);
2235
- }
2236
- .rounded-sm {
2237
- border-radius: var(--radius-sm);
2238
- }
2239
- .rounded-xl {
2240
- border-radius: var(--radius-xl);
2241
- }
2242
- .rounded-t {
2243
- border-top-left-radius: 0.25rem;
2244
- border-top-right-radius: 0.25rem;
2245
- }
2246
- .rounded-t-full {
2247
- border-top-left-radius: calc(infinity * 1px);
2248
- border-top-right-radius: calc(infinity * 1px);
2249
- }
2250
- .rounded-t-md {
2251
- border-top-left-radius: var(--radius-md);
2252
- border-top-right-radius: var(--radius-md);
2253
- }
2254
- .rounded-t-none {
2255
- border-top-left-radius: 0;
2256
- border-top-right-radius: 0;
2257
- }
2258
- .rounded-l-md {
2259
- border-top-left-radius: var(--radius-md);
2260
- border-bottom-left-radius: var(--radius-md);
2261
- }
2262
- .rounded-tl-md {
2263
- border-top-left-radius: var(--radius-md);
2264
- }
2265
- .rounded-r-md {
2266
- border-top-right-radius: var(--radius-md);
2267
- border-bottom-right-radius: var(--radius-md);
2268
- }
2269
- .rounded-tr-md {
2270
- border-top-right-radius: var(--radius-md);
2271
- }
2272
- .rounded-b-full {
2273
- border-bottom-right-radius: calc(infinity * 1px);
2274
- border-bottom-left-radius: calc(infinity * 1px);
2275
- }
2276
- .border {
2277
- border-style: var(--tw-border-style);
2278
- border-width: 1px;
2279
- }
2280
- .border-0 {
2281
- border-style: var(--tw-border-style);
2282
- border-width: 0px;
2283
- }
2284
- .border-2 {
2285
- border-style: var(--tw-border-style);
2286
- border-width: 2px;
2287
- }
2288
- .border-y-0 {
2289
- border-block-style: var(--tw-border-style);
2290
- border-block-width: 0px;
2291
- }
2292
- .border-y-2 {
2293
- border-block-style: var(--tw-border-style);
2294
- border-block-width: 2px;
2295
- }
2296
- .border-t {
2297
- border-top-style: var(--tw-border-style);
2298
- border-top-width: 1px;
2299
- }
2300
- .border-b {
2301
- border-bottom-style: var(--tw-border-style);
2302
- border-bottom-width: 1px;
2303
- }
2304
- .border-l {
2305
- border-left-style: var(--tw-border-style);
2306
- border-left-width: 1px;
2307
- }
2308
- .border-dashed {
2309
- --tw-border-style: dashed;
2310
- border-style: dashed;
2311
- }
2312
- .border-none {
2313
- --tw-border-style: none;
2314
- border-style: none;
2315
- }
2316
- .border-solid {
2317
- --tw-border-style: solid;
2318
- border-style: solid;
2319
- }
2320
- .border-blue-600 {
2321
- border-color: var(--color-blue-600);
2322
- }
2323
- .border-gray-100 {
2324
- border-color: var(--color-gray-100);
2325
- }
2326
- .border-gray-200 {
2327
- border-color: var(--color-gray-200);
2328
- }
2329
- .border-gray-300 {
2330
- border-color: var(--color-gray-300);
2331
- }
2332
- .border-gray-400 {
2333
- border-color: var(--color-gray-400);
2334
- }
2335
- .border-gray-600 {
2336
- border-color: var(--color-gray-600);
2337
- }
2338
- .border-gray-700 {
2339
- border-color: var(--color-gray-700);
2340
- }
2341
- .border-gray-800 {
2342
- border-color: var(--color-gray-800);
2343
- }
2344
- .border-gray-900 {
2345
- border-color: var(--color-gray-900);
2346
- }
2347
- .border-red-700 {
2348
- border-color: var(--color-red-700);
2349
- }
2350
- .border-red-900 {
2351
- border-color: var(--color-red-900);
2352
- }
2353
- .border-slate-50 {
2354
- border-color: var(--color-slate-50);
2355
- }
2356
- .border-slate-100 {
2357
- border-color: var(--color-slate-100);
2358
- }
2359
- .border-transparent {
2360
- border-color: transparent;
2361
- }
2362
- .border-white {
2363
- border-color: var(--color-white);
2364
- }
2365
- .border-b-gray-300 {
2366
- border-bottom-color: var(--color-gray-300);
2367
- }
2368
- .bg-\[\#ffffff\] {
2369
- background-color: #ffffff;
2370
- }
2371
- .bg-black {
2372
- background-color: var(--color-black);
2373
- }
2374
- .bg-blue-100 {
2375
- background-color: var(--color-blue-100);
2376
- }
2377
- .bg-blue-200 {
2378
- background-color: var(--color-blue-200);
2379
- }
2380
- .bg-blue-300 {
2381
- background-color: var(--color-blue-300);
2382
- }
2383
- .bg-blue-500 {
2384
- background-color: var(--color-blue-500);
2385
- }
2386
- .bg-blue-900 {
2387
- background-color: var(--color-blue-900);
2388
- }
2389
- .bg-gray-50 {
2390
- background-color: var(--color-gray-50);
2391
- }
2392
- .bg-gray-100 {
2393
- background-color: var(--color-gray-100);
2394
- }
2395
- .bg-gray-200 {
2396
- background-color: var(--color-gray-200);
2397
- }
2398
- .bg-gray-300 {
2399
- background-color: var(--color-gray-300);
2400
- }
2401
- .bg-gray-400 {
2402
- background-color: var(--color-gray-400);
2403
- }
2404
- .bg-gray-500 {
2405
- background-color: var(--color-gray-500);
2406
- }
2407
- .bg-gray-800 {
2408
- background-color: var(--color-gray-800);
2409
- }
2410
- .bg-gray-900 {
2411
- background-color: var(--color-gray-900);
2412
- }
2413
- .bg-green-100 {
2414
- background-color: var(--color-green-100);
2415
- }
2416
- .bg-green-600 {
2417
- background-color: var(--color-green-600);
2418
- }
2419
- .bg-green-600\/30 {
2420
- background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
2421
- @supports (color: color-mix(in lab, red, red)) {
2422
- background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
2423
- @supports (color: color-mix(in lab, red, red)) {
2424
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
2425
- }
2426
- }
2427
- }
2428
- .bg-inherit {
2429
- background-color: inherit;
2430
- }
2431
- .bg-orange-100 {
2432
- background-color: var(--color-orange-100);
2433
- }
2434
- .bg-red-500 {
2435
- background-color: var(--color-red-500);
2436
- }
2437
- .bg-red-600 {
2438
- background-color: var(--color-red-600);
2439
- }
2440
- .bg-red-600\/30 {
2441
- background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
2442
- @supports (color: color-mix(in lab, red, red)) {
2443
- background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent);
2444
- @supports (color: color-mix(in lab, red, red)) {
2445
- background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
2446
- }
2447
- }
2448
- }
2449
- .bg-red-900 {
2450
- background-color: var(--color-red-900);
2451
- }
2452
- .bg-slate-50 {
2453
- background-color: var(--color-slate-50);
2454
- }
2455
- .bg-slate-100 {
2456
- background-color: var(--color-slate-100);
2457
- }
2458
- .bg-slate-900\/50 {
2459
- background-color: color-mix(in srgb, hsl(195 6% 6%) 50%, transparent);
2460
- @supports (color: color-mix(in lab, red, red)) {
2461
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
2462
- @supports (color: color-mix(in lab, red, red)) {
2463
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
2464
- }
2465
- }
2466
- }
2467
- .bg-transparent {
2468
- background-color: transparent;
2469
- }
2470
- .bg-white {
2471
- background-color: var(--color-white);
2472
- }
2473
- .object-contain {
2474
- object-fit: contain;
2475
- }
2476
- .object-cover {
2477
- object-fit: cover;
2478
- }
2479
- .p-0 {
2480
- padding: calc(var(--spacing) * 0);
2481
- }
2482
- .p-1 {
2483
- padding: calc(var(--spacing) * 1);
2484
- }
2485
- .p-2 {
2486
- padding: calc(var(--spacing) * 2);
2487
- }
2488
- .p-3 {
2489
- padding: calc(var(--spacing) * 3);
2490
- }
2491
- .p-4 {
2492
- padding: calc(var(--spacing) * 4);
2493
- }
2494
- .p-6 {
2495
- padding: calc(var(--spacing) * 6);
2496
- }
2497
- .p-8 {
2498
- padding: calc(var(--spacing) * 8);
2499
- }
2500
- .p-10 {
2501
- padding: calc(var(--spacing) * 10);
2502
- }
2503
- .px-0\.5 {
2504
- padding-inline: calc(var(--spacing) * 0.5);
2505
- }
2506
- .px-1 {
2507
- padding-inline: calc(var(--spacing) * 1);
2508
- }
2509
- .px-2 {
2510
- padding-inline: calc(var(--spacing) * 2);
2511
- }
2512
- .px-3 {
2513
- padding-inline: calc(var(--spacing) * 3);
2514
- }
2515
- .px-4 {
2516
- padding-inline: calc(var(--spacing) * 4);
2517
- }
2518
- .px-5 {
2519
- padding-inline: calc(var(--spacing) * 5);
2520
- }
2521
- .px-6 {
2522
- padding-inline: calc(var(--spacing) * 6);
2523
- }
2524
- .py-0 {
2525
- padding-block: calc(var(--spacing) * 0);
2526
- }
2527
- .py-1 {
2528
- padding-block: calc(var(--spacing) * 1);
2529
- }
2530
- .py-1\.5 {
2531
- padding-block: calc(var(--spacing) * 1.5);
2532
- }
2533
- .py-2 {
2534
- padding-block: calc(var(--spacing) * 2);
2535
- }
2536
- .py-3 {
2537
- padding-block: calc(var(--spacing) * 3);
2538
- }
2539
- .py-4 {
2540
- padding-block: calc(var(--spacing) * 4);
2541
- }
2542
- .py-28 {
2543
- padding-block: calc(var(--spacing) * 28);
2544
- }
2545
- .pt-0 {
2546
- padding-top: calc(var(--spacing) * 0);
2547
- }
2548
- .pt-1 {
2549
- padding-top: calc(var(--spacing) * 1);
2550
- }
2551
- .pt-2 {
2552
- padding-top: calc(var(--spacing) * 2);
2553
- }
2554
- .pt-3 {
2555
- padding-top: calc(var(--spacing) * 3);
2556
- }
2557
- .pt-6 {
2558
- padding-top: calc(var(--spacing) * 6);
2559
- }
2560
- .pt-12 {
2561
- padding-top: calc(var(--spacing) * 12);
2562
- }
2563
- .pr-1 {
2564
- padding-right: calc(var(--spacing) * 1);
2565
- }
2566
- .pr-2 {
2567
- padding-right: calc(var(--spacing) * 2);
2568
- }
2569
- .pr-2\.5 {
2570
- padding-right: calc(var(--spacing) * 2.5);
2571
- }
2572
- .pr-3 {
2573
- padding-right: calc(var(--spacing) * 3);
2574
- }
2575
- .pr-9 {
2576
- padding-right: calc(var(--spacing) * 9);
2577
- }
2578
- .pb-0 {
2579
- padding-bottom: calc(var(--spacing) * 0);
2580
- }
2581
- .pb-2 {
2582
- padding-bottom: calc(var(--spacing) * 2);
2583
- }
2584
- .pb-6 {
2585
- padding-bottom: calc(var(--spacing) * 6);
2586
- }
2587
- .pl-1 {
2588
- padding-left: calc(var(--spacing) * 1);
2589
- }
2590
- .pl-1\.5 {
2591
- padding-left: calc(var(--spacing) * 1.5);
2592
- }
2593
- .pl-3 {
2594
- padding-left: calc(var(--spacing) * 3);
2595
- }
2596
- .pl-4 {
2597
- padding-left: calc(var(--spacing) * 4);
2598
- }
2599
- .pl-5 {
2600
- padding-left: calc(var(--spacing) * 5);
2601
- }
2602
- .pl-8 {
2603
- padding-left: calc(var(--spacing) * 8);
2604
- }
2605
- .text-center {
2606
- text-align: center;
2607
- }
2608
- .text-left {
2609
- text-align: left;
2610
- }
2611
- .text-right {
2612
- text-align: right;
2613
- }
2614
- .text-start {
2615
- text-align: start;
2616
- }
2617
- .font-sans {
2618
- font-family: var(--font-sans);
2619
- }
2620
- .text-2xl {
2621
- font-size: var(--text-2xl);
2622
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2623
- }
2624
- .text-base {
2625
- font-size: var(--text-base);
2626
- line-height: var(--tw-leading, var(--text-base--line-height));
2627
- }
2628
- .text-lg {
2629
- font-size: var(--text-lg);
2630
- line-height: var(--tw-leading, var(--text-lg--line-height));
2631
- }
2632
- .text-sm {
2633
- font-size: var(--text-sm);
2634
- line-height: var(--tw-leading, var(--text-sm--line-height));
2635
- }
2636
- .text-xl {
2637
- font-size: var(--text-xl);
2638
- line-height: var(--tw-leading, var(--text-xl--line-height));
2639
- }
2640
- .text-xs {
2641
- font-size: var(--text-xs);
2642
- line-height: var(--tw-leading, var(--text-xs--line-height));
2643
- }
2644
- .text-\[10px\] {
2645
- font-size: 10px;
2646
- }
2647
- .text-\[14px\] {
2648
- font-size: 14px;
2649
- }
2650
- .leading-3 {
2651
- --tw-leading: calc(var(--spacing) * 3);
2652
- line-height: calc(var(--spacing) * 3);
2653
- }
2654
- .leading-4 {
2655
- --tw-leading: calc(var(--spacing) * 4);
2656
- line-height: calc(var(--spacing) * 4);
2657
- }
2658
- .leading-5 {
2659
- --tw-leading: calc(var(--spacing) * 5);
2660
- line-height: calc(var(--spacing) * 5);
2661
- }
2662
- .leading-6 {
2663
- --tw-leading: calc(var(--spacing) * 6);
2664
- line-height: calc(var(--spacing) * 6);
2665
- }
2666
- .leading-10 {
2667
- --tw-leading: calc(var(--spacing) * 10);
2668
- line-height: calc(var(--spacing) * 10);
2669
- }
2670
- .leading-\[18px\] {
2671
- --tw-leading: 18px;
2672
- line-height: 18px;
2673
- }
2674
- .leading-\[22px\] {
2675
- --tw-leading: 22px;
2676
- line-height: 22px;
2677
- }
2678
- .font-bold {
2679
- --tw-font-weight: var(--font-weight-bold);
2680
- font-weight: var(--font-weight-bold);
2681
- }
2682
- .font-extralight {
2683
- --tw-font-weight: var(--font-weight-extralight);
2684
- font-weight: var(--font-weight-extralight);
2685
- }
2686
- .font-medium {
2687
- --tw-font-weight: var(--font-weight-medium);
2688
- font-weight: var(--font-weight-medium);
2689
- }
2690
- .font-normal {
2691
- --tw-font-weight: var(--font-weight-normal);
2692
- font-weight: var(--font-weight-normal);
2693
- }
2694
- .font-semibold {
2695
- --tw-font-weight: var(--font-weight-semibold);
2696
- font-weight: var(--font-weight-semibold);
2697
- }
2698
- .tracking-wide {
2699
- --tw-tracking: var(--tracking-wide);
2700
- letter-spacing: var(--tracking-wide);
2701
- }
2702
- .text-nowrap {
2703
- text-wrap: nowrap;
2704
- }
2705
- .whitespace-nowrap {
2706
- white-space: nowrap;
2707
- }
2708
- .\!text-red-800 {
2709
- color: var(--color-red-800) !important;
2710
- }
2711
- .\!text-red-900 {
2712
- color: var(--color-red-900) !important;
2713
- }
2714
- .text-\[\#9DA6B9\] {
2715
- color: #9DA6B9;
2716
- }
2717
- .text-black {
2718
- color: var(--color-black);
2719
- }
2720
- .text-blue-600 {
2721
- color: var(--color-blue-600);
2722
- }
2723
- .text-blue-900 {
2724
- color: var(--color-blue-900);
2725
- }
2726
- .text-current {
2727
- color: currentcolor;
2728
- }
2729
- .text-gray-50 {
2730
- color: var(--color-gray-50);
2731
- }
2732
- .text-gray-300 {
2733
- color: var(--color-gray-300);
2734
- }
2735
- .text-gray-400 {
2736
- color: var(--color-gray-400);
2737
- }
2738
- .text-gray-500 {
2739
- color: var(--color-gray-500);
2740
- }
2741
- .text-gray-600 {
2742
- color: var(--color-gray-600);
2743
- }
2744
- .text-gray-700 {
2745
- color: var(--color-gray-700);
2746
- }
2747
- .text-gray-800 {
2748
- color: var(--color-gray-800);
2749
- }
2750
- .text-gray-900 {
2751
- color: var(--color-gray-900);
2752
- }
2753
- .text-green-700 {
2754
- color: var(--color-green-700);
2755
- }
2756
- .text-green-800 {
2757
- color: var(--color-green-800);
2758
- }
2759
- .text-green-900 {
2760
- color: var(--color-green-900);
2761
- }
2762
- .text-inherit {
2763
- color: inherit;
2764
- }
2765
- .text-orange-700 {
2766
- color: var(--color-orange-700);
2767
- }
2768
- .text-orange-800 {
2769
- color: var(--color-orange-800);
2770
- }
2771
- .text-orange-900 {
2772
- color: var(--color-orange-900);
2773
- }
2774
- .text-purple-900 {
2775
- color: var(--color-purple-900);
2776
- }
2777
- .text-red-400 {
2778
- color: var(--color-red-400);
2779
- }
2780
- .text-red-500 {
2781
- color: var(--color-red-500);
2782
- }
2783
- .text-red-700 {
2784
- color: var(--color-red-700);
2785
- }
2786
- .text-red-800 {
2787
- color: var(--color-red-800);
2788
- }
2789
- .text-red-900 {
2790
- color: var(--color-red-900);
2791
- }
2792
- .text-slate-50 {
2793
- color: var(--color-slate-50);
2794
- }
2795
- .text-slate-100 {
2796
- color: var(--color-slate-100);
2797
- }
2798
- .text-slate-200 {
2799
- color: var(--color-slate-200);
2800
- }
2801
- .text-slate-300 {
2802
- color: var(--color-slate-300);
2803
- }
2804
- .text-slate-500 {
2805
- color: var(--color-slate-500);
2806
- }
2807
- .text-slate-800 {
2808
- color: var(--color-slate-800);
2809
- }
2810
- .text-white {
2811
- color: var(--color-white);
2812
- }
2813
- .text-yellow-400 {
2814
- color: var(--color-yellow-400);
2815
- }
2816
- .text-yellow-900 {
2817
- color: var(--color-yellow-900);
2818
- }
2819
- .capitalize {
2820
- text-transform: capitalize;
2821
- }
2822
- .lowercase {
2823
- text-transform: lowercase;
2824
- }
2825
- .uppercase {
2826
- text-transform: uppercase;
2827
- }
2828
- .underline {
2829
- text-decoration-line: underline;
2830
- }
2831
- .accent-gray-900 {
2832
- accent-color: var(--color-gray-900);
2833
- }
2834
- .opacity-0 {
2835
- opacity: 0%;
2836
- }
2837
- .opacity-50 {
2838
- opacity: 50%;
2839
- }
2840
- .opacity-100 {
2841
- opacity: 100%;
2842
- }
2843
- .shadow {
2844
- --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));
2845
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2846
- }
2847
- .shadow-\[1px_4px_15px_0px_rgba\(74\,88\,115\,0\.25\)\] {
2848
- --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
2849
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2850
- }
2851
- .shadow-button {
2852
- --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
2853
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2854
- }
2855
- .shadow-md {
2856
- --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));
2857
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2858
- }
2859
- .shadow-sm {
2860
- --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));
2861
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2862
- }
2863
- .shadow-tooltip {
2864
- --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 0px 24px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
2865
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2866
- }
2867
- .shadow-black\/\[\.04\] {
2868
- --tw-shadow-color: color-mix(in srgb, hsl(0 0% 0%) 4%, transparent);
2869
- @supports (color: color-mix(in lab, red, red)) {
2870
- --tw-shadow-color: color-mix(in srgb, #000 4%, transparent);
2871
- @supports (color: color-mix(in lab, red, red)) {
2872
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 4%, transparent) var(--tw-shadow-alpha), transparent);
2873
- }
2874
- }
2875
- }
2876
- .outline {
2877
- outline-style: var(--tw-outline-style);
2878
- outline-width: 1px;
2879
- }
2880
- .outline-red-900 {
2881
- outline-color: var(--color-red-900);
2882
- }
2883
- .blur {
2884
- --tw-blur: blur(8px);
2885
- 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,);
2886
- }
2887
- .filter {
2888
- 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,);
2889
- }
2890
- .transition {
2891
- 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, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
2892
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2893
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2894
- }
2895
- .transition-\[border-radius\] {
2896
- transition-property: border-radius;
2897
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2898
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2899
- }
2900
- .transition-\[max-height\] {
2901
- transition-property: max-height;
2902
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2903
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2904
- }
2905
- .transition-all {
2906
- transition-property: all;
2907
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2908
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2909
- }
2910
- .transition-colors {
2911
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2912
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2913
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2914
- }
2915
- .transition-opacity {
2916
- transition-property: opacity;
2917
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2918
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2919
- }
2920
- .transition-shadow {
2921
- transition-property: box-shadow;
2922
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2923
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2924
- }
2925
- .duration-150 {
2926
- --tw-duration: 150ms;
2927
- transition-duration: 150ms;
2928
- }
2929
- .duration-300 {
2930
- --tw-duration: 300ms;
2931
- transition-duration: 300ms;
2932
- }
2933
- .duration-500 {
2934
- --tw-duration: 500ms;
2935
- transition-duration: 500ms;
2936
- }
2937
- .ease-in-out {
2938
- --tw-ease: var(--ease-in-out);
2939
- transition-timing-function: var(--ease-in-out);
2940
- }
2941
- .outline-none {
2942
- --tw-outline-style: none;
2943
- outline-style: none;
2944
- }
2945
- .select-all {
2946
- -webkit-user-select: all;
2947
- user-select: all;
2948
- }
2949
- .select-none {
2950
- -webkit-user-select: none;
2951
- user-select: none;
2952
- }
2953
- .scrollbar-thumb-gray-300 {
2954
- --scrollbar-thumb: hsl(210 3% 85%);
2955
- }
2956
- .scrollbar-track-transparent {
2957
- --scrollbar-track: transparent;
2958
- }
2959
- .group-focus-within\:\!text-gray-900 {
2960
- &:is(:where(.group):focus-within *) {
2961
- color: var(--color-gray-900) !important;
2962
- }
2963
- }
2964
- .group-hover\:visible {
2965
- &:is(:where(.group):hover *) {
2966
- @media (hover: hover) {
2967
- visibility: visible;
2968
- }
2969
- }
2970
- }
2971
- .group-hover\:mr-0 {
2972
- &:is(:where(.group):hover *) {
2973
- @media (hover: hover) {
2974
- margin-right: calc(var(--spacing) * 0);
2975
- }
2976
- }
2977
- }
2978
- .group-hover\:block {
2979
- &:is(:where(.group):hover *) {
2980
- @media (hover: hover) {
2981
- display: block;
2982
- }
2983
- }
2984
- }
2985
- .group-hover\:cursor-pointer {
2986
- &:is(:where(.group):hover *) {
2987
- @media (hover: hover) {
2988
- cursor: pointer;
2989
- }
2990
- }
2991
- }
2992
- .group-hover\:border-gray-900 {
2993
- &:is(:where(.group):hover *) {
2994
- @media (hover: hover) {
2995
- border-color: var(--color-gray-900);
2996
- }
2997
- }
2998
- }
2999
- .group-hover\:\!text-red-900 {
3000
- &:is(:where(.group):hover *) {
3001
- @media (hover: hover) {
3002
- color: var(--color-red-900) !important;
3003
- }
3004
- }
3005
- }
3006
- .group-hover\:text-gray-700 {
3007
- &:is(:where(.group):hover *) {
3008
- @media (hover: hover) {
3009
- color: var(--color-gray-700);
3010
- }
3011
- }
3012
- }
3013
- .group-hover\:text-gray-800 {
3014
- &:is(:where(.group):hover *) {
3015
- @media (hover: hover) {
3016
- color: var(--color-gray-800);
3017
- }
3018
- }
3019
- }
3020
- .group-hover\:text-gray-900 {
3021
- &:is(:where(.group):hover *) {
3022
- @media (hover: hover) {
3023
- color: var(--color-gray-900);
3024
- }
3025
- }
3026
- }
3027
- .group-hover\:text-inherit {
3028
- &:is(:where(.group):hover *) {
3029
- @media (hover: hover) {
3030
- color: inherit;
3031
- }
3032
- }
3033
- }
3034
- .group-hover\:opacity-100 {
3035
- &:is(:where(.group):hover *) {
3036
- @media (hover: hover) {
3037
- opacity: 100%;
3038
- }
3039
- }
3040
- }
3041
- .group-hover\/sidebar-footer\:block {
3042
- &:is(:where(.group\/sidebar-footer):hover *) {
3043
- @media (hover: hover) {
3044
- display: block;
3045
- }
3046
- }
3047
- }
3048
- .group-hover\/sidebar-footer\:hidden {
3049
- &:is(:where(.group\/sidebar-footer):hover *) {
3050
- @media (hover: hover) {
3051
- display: none;
3052
- }
3053
- }
3054
- }
3055
- .peer-checked\:bg-blue-900 {
3056
- &:is(:where(.peer):checked ~ *) {
3057
- background-color: var(--color-blue-900);
3058
- }
3059
- }
3060
- .peer-hover\:text-gray-900 {
3061
- &:is(:where(.peer):hover ~ *) {
3062
- @media (hover: hover) {
3063
- color: var(--color-gray-900);
3064
- }
3065
- }
3066
- }
3067
- .peer-focus\:outline-none {
3068
- &:is(:where(.peer):focus ~ *) {
3069
- --tw-outline-style: none;
3070
- outline-style: none;
3071
- }
3072
- }
3073
- .placeholder\:text-gray-50 {
3074
- &::placeholder {
3075
- color: var(--color-gray-50);
3076
- }
3077
- }
3078
- .placeholder\:text-gray-500 {
3079
- &::placeholder {
3080
- color: var(--color-gray-500);
3081
- }
3082
- }
3083
- .placeholder\:text-red-800 {
3084
- &::placeholder {
3085
- color: var(--color-red-800);
3086
- }
3087
- }
3088
- .group-focus-within\:placeholder\:\!text-gray-700 {
3089
- &:is(:where(.group):focus-within *) {
3090
- &::placeholder {
3091
- color: var(--color-gray-700) !important;
3092
- }
3093
- }
3094
- }
3095
- .group-hover\:placeholder\:text-gray-700 {
3096
- &:is(:where(.group):hover *) {
3097
- @media (hover: hover) {
3098
- &::placeholder {
3099
- color: var(--color-gray-700);
3100
- }
3101
- }
3102
- }
3103
- }
3104
- .before\:absolute {
3105
- &::before {
3106
- content: var(--tw-content);
3107
- position: absolute;
3108
- }
3109
- }
3110
- .before\:top-\[0\.4em\] {
3111
- &::before {
3112
- content: var(--tw-content);
3113
- top: 0.4em;
3114
- }
3115
- }
3116
- .before\:left-0 {
3117
- &::before {
3118
- content: var(--tw-content);
3119
- left: calc(var(--spacing) * 0);
3120
- }
3121
- }
3122
- .before\:size-2 {
3123
- &::before {
3124
- content: var(--tw-content);
3125
- width: calc(var(--spacing) * 2);
3126
- height: calc(var(--spacing) * 2);
3127
- }
3128
- }
3129
- .before\:rounded-full {
3130
- &::before {
3131
- content: var(--tw-content);
3132
- border-radius: calc(infinity * 1px);
3133
- }
3134
- }
3135
- .before\:bg-blue-900 {
3136
- &::before {
3137
- content: var(--tw-content);
3138
- background-color: var(--color-blue-900);
3139
- }
3140
- }
3141
- .before\:bg-orange-900 {
3142
- &::before {
3143
- content: var(--tw-content);
3144
- background-color: var(--color-orange-900);
3145
- }
3146
- }
3147
- .before\:bg-red-900 {
3148
- &::before {
3149
- content: var(--tw-content);
3150
- background-color: var(--color-red-900);
3151
- }
3152
- }
3153
- .after\:absolute {
3154
- &::after {
3155
- content: var(--tw-content);
3156
- position: absolute;
3157
- }
3158
- }
3159
- .after\:start-0\.5 {
3160
- &::after {
3161
- content: var(--tw-content);
3162
- inset-inline-start: calc(var(--spacing) * 0.5);
3163
- }
3164
- }
3165
- .after\:top-0\.5 {
3166
- &::after {
3167
- content: var(--tw-content);
3168
- top: calc(var(--spacing) * 0.5);
3169
- }
3170
- }
3171
- .after\:top-1\/2 {
3172
- &::after {
3173
- content: var(--tw-content);
3174
- top: calc(1/2 * 100%);
3175
- }
3176
- }
3177
- .after\:left-1\/2 {
3178
- &::after {
3179
- content: var(--tw-content);
3180
- left: calc(1/2 * 100%);
3181
- }
3182
- }
3183
- .after\:size-2\.5 {
3184
- &::after {
3185
- content: var(--tw-content);
3186
- width: calc(var(--spacing) * 2.5);
3187
- height: calc(var(--spacing) * 2.5);
3188
- }
3189
- }
3190
- .after\:size-5 {
3191
- &::after {
3192
- content: var(--tw-content);
3193
- width: calc(var(--spacing) * 5);
3194
- height: calc(var(--spacing) * 5);
3195
- }
3196
- }
3197
- .after\:-translate-x-1\/2 {
3198
- &::after {
3199
- content: var(--tw-content);
3200
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
3201
- translate: var(--tw-translate-x) var(--tw-translate-y);
3202
- }
3203
- }
3204
- .after\:-translate-y-1\/2 {
3205
- &::after {
3206
- content: var(--tw-content);
3207
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3208
- translate: var(--tw-translate-x) var(--tw-translate-y);
3209
- }
3210
- }
3211
- .after\:rounded-full {
3212
- &::after {
3213
- content: var(--tw-content);
3214
- border-radius: calc(infinity * 1px);
3215
- }
3216
- }
3217
- .after\:border {
3218
- &::after {
3219
- content: var(--tw-content);
3220
- border-style: var(--tw-border-style);
3221
- border-width: 1px;
3222
- }
3223
- }
3224
- .after\:border-none {
3225
- &::after {
3226
- content: var(--tw-content);
3227
- --tw-border-style: none;
3228
- border-style: none;
3229
- }
3230
- }
3231
- .after\:bg-gray-50 {
3232
- &::after {
3233
- content: var(--tw-content);
3234
- background-color: var(--color-gray-50);
3235
- }
3236
- }
3237
- .after\:bg-gray-600 {
3238
- &::after {
3239
- content: var(--tw-content);
3240
- background-color: var(--color-gray-600);
3241
- }
3242
- }
3243
- .after\:bg-gray-800 {
3244
- &::after {
3245
- content: var(--tw-content);
3246
- background-color: var(--color-gray-800);
3247
- }
3248
- }
3249
- .after\:transition-all {
3250
- &::after {
3251
- content: var(--tw-content);
3252
- transition-property: all;
3253
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3254
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3255
- }
3256
- }
3257
- .after\:content-\[\'\'\] {
3258
- &::after {
3259
- content: var(--tw-content);
3260
- --tw-content: '';
3261
- content: var(--tw-content);
3262
- }
3263
- }
3264
- .group-hover\:after\:bg-gray-900 {
3265
- &:is(:where(.group):hover *) {
3266
- @media (hover: hover) {
3267
- &::after {
3268
- content: var(--tw-content);
3269
- background-color: var(--color-gray-900);
3270
- }
3271
- }
3272
- }
3273
- }
3274
- .peer-checked\:after\:translate-x-full {
3275
- &:is(:where(.peer):checked ~ *) {
3276
- &::after {
3277
- content: var(--tw-content);
3278
- --tw-translate-x: 100%;
3279
- translate: var(--tw-translate-x) var(--tw-translate-y);
3280
- }
3281
- }
3282
- }
3283
- .first\:border-l-0 {
3284
- &:first-child {
3285
- border-left-style: var(--tw-border-style);
3286
- border-left-width: 0px;
3287
- }
3288
- }
3289
- .last\:mb-0 {
3290
- &:last-child {
3291
- margin-bottom: calc(var(--spacing) * 0);
3292
- }
3293
- }
3294
- .last\:rounded-b-md {
3295
- &:last-child {
3296
- border-bottom-right-radius: var(--radius-md);
3297
- border-bottom-left-radius: var(--radius-md);
3298
- }
3299
- }
3300
- .odd\:bg-white {
3301
- &:nth-child(odd) {
3302
- background-color: var(--color-white);
3303
- }
3304
- }
3305
- .even\:bg-gray-50 {
3306
- &:nth-child(even) {
3307
- background-color: var(--color-gray-50);
3308
- }
3309
- }
3310
- .first-of-type\:rounded-t-2xl {
3311
- &:first-of-type {
3312
- border-top-left-radius: var(--radius-2xl);
3313
- border-top-right-radius: var(--radius-2xl);
3314
- }
3315
- }
3316
- .first-of-type\:pt-3 {
3317
- &:first-of-type {
3318
- padding-top: calc(var(--spacing) * 3);
3319
- }
3320
- }
3321
- .last-of-type\:mb-0 {
3322
- &:last-of-type {
3323
- margin-bottom: calc(var(--spacing) * 0);
3324
- }
3325
- }
3326
- .last-of-type\:rounded-b-2xl {
3327
- &:last-of-type {
3328
- border-bottom-right-radius: var(--radius-2xl);
3329
- border-bottom-left-radius: var(--radius-2xl);
3330
- }
3331
- }
3332
- .last-of-type\:pb-3 {
3333
- &:last-of-type {
3334
- padding-bottom: calc(var(--spacing) * 3);
3335
- }
3336
- }
3337
- .last-of-type\:text-gray-800 {
3338
- &:last-of-type {
3339
- color: var(--color-gray-800);
3340
- }
3341
- }
3342
- .focus-within\:border-b-gray-300 {
3343
- &:focus-within {
3344
- border-bottom-color: var(--color-gray-300);
3345
- }
3346
- }
3347
- .focus-within\:bg-gray-100 {
3348
- &:focus-within {
3349
- background-color: var(--color-gray-100);
3350
- }
3351
- }
3352
- .hover\:scale-100 {
3353
- &:hover {
3354
- @media (hover: hover) {
3355
- --tw-scale-x: 100%;
3356
- --tw-scale-y: 100%;
3357
- --tw-scale-z: 100%;
3358
- scale: var(--tw-scale-x) var(--tw-scale-y);
3359
- }
3360
- }
3361
- }
3362
- .hover\:scale-105 {
3363
- &:hover {
3364
- @media (hover: hover) {
3365
- --tw-scale-x: 105%;
3366
- --tw-scale-y: 105%;
3367
- --tw-scale-z: 105%;
3368
- scale: var(--tw-scale-x) var(--tw-scale-y);
3369
- }
3370
- }
3371
- }
3372
- .hover\:border-gray-300 {
3373
- &:hover {
3374
- @media (hover: hover) {
3375
- border-color: var(--color-gray-300);
3376
- }
3377
- }
3378
- }
3379
- .hover\:border-gray-500 {
3380
- &:hover {
3381
- @media (hover: hover) {
3382
- border-color: var(--color-gray-500);
3383
- }
3384
- }
3385
- }
3386
- .hover\:border-gray-600 {
3387
- &:hover {
3388
- @media (hover: hover) {
3389
- border-color: var(--color-gray-600);
3390
- }
3391
- }
3392
- }
3393
- .hover\:border-gray-900 {
3394
- &:hover {
3395
- @media (hover: hover) {
3396
- border-color: var(--color-gray-900);
3397
- }
3398
- }
3399
- }
3400
- .hover\:border-red-900 {
3401
- &:hover {
3402
- @media (hover: hover) {
3403
- border-color: var(--color-red-900);
3404
- }
3405
- }
3406
- }
3407
- .hover\:border-b-gray-300 {
3408
- &:hover {
3409
- @media (hover: hover) {
3410
- border-bottom-color: var(--color-gray-300);
3411
- }
3412
- }
3413
- }
3414
- .hover\:bg-blue-300 {
3415
- &:hover {
3416
- @media (hover: hover) {
3417
- background-color: var(--color-blue-300);
3418
- }
3419
- }
3420
- }
3421
- .hover\:bg-gray-50 {
3422
- &:hover {
3423
- @media (hover: hover) {
3424
- background-color: var(--color-gray-50);
3425
- }
3426
- }
3427
- }
3428
- .hover\:bg-gray-100 {
3429
- &:hover {
3430
- @media (hover: hover) {
3431
- background-color: var(--color-gray-100);
3432
- }
3433
- }
3434
- }
3435
- .hover\:bg-gray-200 {
3436
- &:hover {
3437
- @media (hover: hover) {
3438
- background-color: var(--color-gray-200);
3439
- }
3440
- }
3441
- }
3442
- .hover\:bg-gray-900 {
3443
- &:hover {
3444
- @media (hover: hover) {
3445
- background-color: var(--color-gray-900);
3446
- }
3447
- }
3448
- }
3449
- .hover\:bg-slate-50 {
3450
- &:hover {
3451
- @media (hover: hover) {
3452
- background-color: var(--color-slate-50);
3453
- }
3454
- }
3455
- }
3456
- .hover\:bg-slate-800 {
3457
- &:hover {
3458
- @media (hover: hover) {
3459
- background-color: var(--color-slate-800);
3460
- }
3461
- }
3462
- }
3463
- .hover\:bg-transparent {
3464
- &:hover {
3465
- @media (hover: hover) {
3466
- background-color: transparent;
3467
- }
3468
- }
3469
- }
3470
- .hover\:bg-white {
3471
- &:hover {
3472
- @media (hover: hover) {
3473
- background-color: var(--color-white);
3474
- }
3475
- }
3476
- }
3477
- .hover\:text-\[\#9896FF\] {
3478
- &:hover {
3479
- @media (hover: hover) {
3480
- color: #9896FF;
3481
- }
3482
- }
3483
- }
3484
- .hover\:text-gray-500 {
3485
- &:hover {
3486
- @media (hover: hover) {
3487
- color: var(--color-gray-500);
3488
- }
3489
- }
3490
- }
3491
- .hover\:text-gray-600 {
3492
- &:hover {
3493
- @media (hover: hover) {
3494
- color: var(--color-gray-600);
3495
- }
3496
- }
3497
- }
3498
- .hover\:text-gray-700 {
3499
- &:hover {
3500
- @media (hover: hover) {
3501
- color: var(--color-gray-700);
3502
- }
3503
- }
3504
- }
3505
- .hover\:text-gray-800 {
3506
- &:hover {
3507
- @media (hover: hover) {
3508
- color: var(--color-gray-800);
3509
- }
3510
- }
3511
- }
3512
- .hover\:text-gray-900 {
3513
- &:hover {
3514
- @media (hover: hover) {
3515
- color: var(--color-gray-900);
3516
- }
3517
- }
3518
- }
3519
- .hover\:text-red-700 {
3520
- &:hover {
3521
- @media (hover: hover) {
3522
- color: var(--color-red-700);
3523
- }
3524
- }
3525
- }
3526
- .hover\:text-red-900 {
3527
- &:hover {
3528
- @media (hover: hover) {
3529
- color: var(--color-red-900);
3530
- }
3531
- }
3532
- }
3533
- .hover\:underline {
3534
- &:hover {
3535
- @media (hover: hover) {
3536
- text-decoration-line: underline;
3537
- }
3538
- }
3539
- }
3540
- .hover\:opacity-80 {
3541
- &:hover {
3542
- @media (hover: hover) {
3543
- opacity: 80%;
3544
- }
3545
- }
3546
- }
3547
- .hover\:brightness-125 {
3548
- &:hover {
3549
- @media (hover: hover) {
3550
- --tw-brightness: brightness(125%);
3551
- 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,);
3552
- }
3553
- }
3554
- }
3555
- .hover\:scrollbar-thumb-gray-300 {
3556
- &:hover {
3557
- @media (hover: hover) {
3558
- --scrollbar-thumb: hsl(210 3% 85%);
3559
- }
3560
- }
3561
- }
3562
- .focus\:bg-gray-50 {
3563
- &:focus {
3564
- background-color: var(--color-gray-50);
3565
- }
3566
- }
3567
- .focus\:ring-1 {
3568
- &:focus {
3569
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3570
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3571
- }
3572
- }
3573
- .focus\:ring-gray-900 {
3574
- &:focus {
3575
- --tw-ring-color: var(--color-gray-900);
3576
- }
3577
- }
3578
- .focus\:ring-offset-0 {
3579
- &:focus {
3580
- --tw-ring-offset-width: 0px;
3581
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3582
- }
3583
- }
3584
- .focus\:outline-none {
3585
- &:focus {
3586
- --tw-outline-style: none;
3587
- outline-style: none;
3588
- }
3589
- }
3590
- .focus-visible\:ring-1 {
3591
- &:focus-visible {
3592
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3593
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3594
- }
3595
- }
3596
- .focus-visible\:ring-2 {
3597
- &:focus-visible {
3598
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3599
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3600
- }
3601
- }
3602
- .focus-visible\:ring-gray-900 {
3603
- &:focus-visible {
3604
- --tw-ring-color: var(--color-gray-900);
3605
- }
3606
- }
3607
- .focus-visible\:ring-offset-0 {
3608
- &:focus-visible {
3609
- --tw-ring-offset-width: 0px;
3610
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3611
- }
3612
- }
3613
- .focus-visible\:ring-offset-2 {
3614
- &:focus-visible {
3615
- --tw-ring-offset-width: 2px;
3616
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3617
- }
3618
- }
3619
- .focus-visible\:ring-offset-white {
3620
- &:focus-visible {
3621
- --tw-ring-offset-color: var(--color-white);
3622
- }
3623
- }
3624
- .focus-visible\:outline-none {
3625
- &:focus-visible {
3626
- --tw-outline-style: none;
3627
- outline-style: none;
3628
- }
3629
- }
3630
- .active\:border-blue-800 {
3631
- &:active {
3632
- border-color: var(--color-blue-800);
3633
- }
3634
- }
3635
- .active\:border-red-800 {
3636
- &:active {
3637
- border-color: var(--color-red-800);
3638
- }
3639
- }
3640
- .active\:border-slate-100 {
3641
- &:active {
3642
- border-color: var(--color-slate-100);
3643
- }
3644
- }
3645
- .active\:border-slate-700 {
3646
- &:active {
3647
- border-color: var(--color-slate-700);
3648
- }
3649
- }
3650
- .active\:text-gray-600 {
3651
- &:active {
3652
- color: var(--color-gray-600);
3653
- }
3654
- }
3655
- .active\:opacity-50 {
3656
- &:active {
3657
- opacity: 50%;
3658
- }
3659
- }
3660
- .active\:opacity-70 {
3661
- &:active {
3662
- opacity: 70%;
3663
- }
3664
- }
3665
- .active\:opacity-75 {
3666
- &:active {
3667
- opacity: 75%;
3668
- }
3669
- }
3670
- .active\:opacity-80 {
3671
- &:active {
3672
- opacity: 80%;
3673
- }
3674
- }
3675
- .active\:opacity-100 {
3676
- &:active {
3677
- opacity: 100%;
3678
- }
3679
- }
3680
- .disabled\:pointer-events-none {
3681
- &:disabled {
3682
- pointer-events: none;
3683
- }
3684
- }
3685
- .disabled\:cursor-not-allowed {
3686
- &:disabled {
3687
- cursor: not-allowed;
3688
- }
3689
- }
3690
- .disabled\:border-gray-300 {
3691
- &:disabled {
3692
- border-color: var(--color-gray-300);
3693
- }
3694
- }
3695
- .disabled\:border-gray-700 {
3696
- &:disabled {
3697
- border-color: var(--color-gray-700);
3698
- }
3699
- }
3700
- .disabled\:bg-gray-50 {
3701
- &:disabled {
3702
- background-color: var(--color-gray-50);
3703
- }
3704
- }
3705
- .disabled\:bg-gray-300 {
3706
- &:disabled {
3707
- background-color: var(--color-gray-300);
3708
- }
3709
- }
3710
- .disabled\:bg-transparent {
3711
- &:disabled {
3712
- background-color: transparent;
3713
- }
3714
- }
3715
- .disabled\:p-0 {
3716
- &:disabled {
3717
- padding: calc(var(--spacing) * 0);
3718
- }
3719
- }
3720
- .disabled\:text-left {
3721
- &:disabled {
3722
- text-align: left;
3723
- }
3724
- }
3725
- .disabled\:text-blue-400 {
3726
- &:disabled {
3727
- color: var(--color-blue-400);
3728
- }
3729
- }
3730
- .disabled\:text-gray-400 {
3731
- &:disabled {
3732
- color: var(--color-gray-400);
3733
- }
3734
- }
3735
- .disabled\:text-gray-500 {
3736
- &:disabled {
3737
- color: var(--color-gray-500);
3738
- }
3739
- }
3740
- .disabled\:text-gray-700 {
3741
- &:disabled {
3742
- color: var(--color-gray-700);
3743
- }
3744
- }
3745
- .disabled\:text-red-400 {
3746
- &:disabled {
3747
- color: var(--color-red-400);
3748
- }
3749
- }
3750
- .disabled\:text-slate-100 {
3751
- &:disabled {
3752
- color: var(--color-slate-100);
3753
- }
3754
- }
3755
- .disabled\:opacity-100 {
3756
- &:disabled {
3757
- opacity: 100%;
3758
- }
3759
- }
3760
- .data-disabled\:cursor-not-allowed {
3761
- &[data-disabled] {
3762
- cursor: not-allowed;
3763
- }
3764
- }
3765
- .data-disabled\:text-gray-400 {
3766
- &[data-disabled] {
3767
- color: var(--color-gray-400);
3768
- }
3769
- }
3770
- .data-\[disabled\=true\]\:pointer-events-none {
3771
- &[data-disabled="true"] {
3772
- pointer-events: none;
3773
- }
3774
- }
3775
- .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
3776
- &[data-invalid="true"] {
3777
- &:is(:where(.group):hover *) {
3778
- @media (hover: hover) {
3779
- border-color: var(--color-red-900) !important;
3780
- }
3781
- }
3782
- }
3783
- }
3784
- .data-\[selected\=true\]\:bg-gray-100 {
3785
- &[data-selected="true"] {
3786
- background-color: var(--color-gray-100);
3787
- }
3788
- }
3789
- .data-\[side\=bottom\]\:animate-slide-in-from-top {
3790
- &[data-side="bottom"] {
3791
- animation: var(--animate-slide-in-from-top);
3792
- }
3793
- }
3794
- .data-\[side\=left\]\:animate-slide-in-from-right {
3795
- &[data-side="left"] {
3796
- animation: var(--animate-slide-in-from-right);
3797
- }
3798
- }
3799
- .data-\[side\=right\]\:animate-slide-in-from-left {
3800
- &[data-side="right"] {
3801
- animation: var(--animate-slide-in-from-left);
3802
- }
3803
- }
3804
- .data-\[side\=top\]\:animate-slide-in-from-bottom {
3805
- &[data-side="top"] {
3806
- animation: var(--animate-slide-in-from-bottom);
3807
- }
3808
- }
3809
- .data-\[state\]\:border-gray-700 {
3810
- &[data-state] {
3811
- border-color: var(--color-gray-700);
3812
- }
3813
- }
3814
- .data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
3815
- &[data-invalid="true"] {
3816
- &[data-state] {
3817
- border-color: var(--color-red-800) !important;
3818
- }
3819
- }
3820
- }
3821
- .data-\[state\=\'active\'\]\:bg-gray-50 {
3822
- &[data-state='active'] {
3823
- background-color: var(--color-gray-50);
3824
- }
3825
- }
3826
- .data-\[state\=\'active\'\]\:text-gray-900 {
3827
- &[data-state='active'] {
3828
- color: var(--color-gray-900);
3829
- }
3830
- }
3831
- .data-\[state\=checked\]\:bg-gray-900 {
3832
- &[data-state="checked"] {
3833
- background-color: var(--color-gray-900);
3834
- }
3835
- }
3836
- .data-\[state\=checked\]\:text-slate-50 {
3837
- &[data-state="checked"] {
3838
- color: var(--color-slate-50);
3839
- }
3840
- }
3841
- .data-\[state\=checked\]\:group-hover\:bg-gray-900 {
3842
- &[data-state="checked"] {
3843
- &:is(:where(.group):hover *) {
3844
- @media (hover: hover) {
3845
- background-color: var(--color-gray-900);
3846
- }
3847
- }
3848
- }
3849
- }
3850
- .disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-700 {
3851
- &:disabled {
3852
- &[data-invalid="false"] {
3853
- &[data-state="checked"] {
3854
- background-color: var(--color-gray-700);
3855
- }
3856
- }
3857
- }
3858
- }
3859
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
3860
- &[data-invalid="true"] {
3861
- &[data-state="checked"] {
3862
- background-color: var(--color-red-800) !important;
3863
- }
3864
- }
3865
- }
3866
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:\!bg-red-900 {
3867
- &[data-invalid="true"] {
3868
- &[data-state="checked"] {
3869
- &:is(:where(.group):hover *) {
3870
- @media (hover: hover) {
3871
- background-color: var(--color-red-900) !important;
3872
- }
3873
- }
3874
- }
3875
- }
3876
- }
3877
- .data-\[state\=closed\]\:animate-fade-out {
3878
- &[data-state="closed"] {
3879
- animation: var(--animate-fade-out);
3880
- }
3881
- }
3882
- .data-\[state\=closed\]\:animate-zoom-out {
3883
- &[data-state="closed"] {
3884
- animation: var(--animate-zoom-out);
3885
- }
3886
- }
3887
- .data-\[state\=indeterminate\]\:bg-gray-900 {
3888
- &[data-state="indeterminate"] {
3889
- background-color: var(--color-gray-900);
3890
- }
3891
- }
3892
- .data-\[state\=indeterminate\]\:text-slate-50 {
3893
- &[data-state="indeterminate"] {
3894
- color: var(--color-slate-50);
3895
- }
3896
- }
3897
- .data-\[state\=indeterminate\]\:group-hover\:bg-gray-900 {
3898
- &[data-state="indeterminate"] {
3899
- &:is(:where(.group):hover *) {
3900
- @media (hover: hover) {
3901
- background-color: var(--color-gray-900);
3902
- }
3903
- }
3904
- }
3905
- }
3906
- .disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-700 {
3907
- &:disabled {
3908
- &[data-invalid="false"] {
3909
- &[data-state="indeterminate"] {
3910
- background-color: var(--color-gray-700);
3911
- }
3912
- }
3913
- }
3914
- }
3915
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
3916
- &[data-invalid="true"] {
3917
- &[data-state="indeterminate"] {
3918
- background-color: var(--color-red-800) !important;
3919
- }
3920
- }
3921
- }
3922
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:\!bg-red-900 {
3923
- &[data-invalid="true"] {
3924
- &[data-state="indeterminate"] {
3925
- &:is(:where(.group):hover *) {
3926
- @media (hover: hover) {
3927
- background-color: var(--color-red-900) !important;
3928
- }
3929
- }
3930
- }
3931
- }
3932
- }
3933
- .data-\[state\=open\]\:animate-fade-in {
3934
- &[data-state="open"] {
3935
- animation: var(--animate-fade-in);
3936
- }
3937
- }
3938
- .data-\[state\=open\]\:animate-zoom-in {
3939
- &[data-state="open"] {
3940
- animation: var(--animate-zoom-in);
3941
- }
3942
- }
3943
- .dark\:border-charcoal-700 {
3944
- &:where(.dark, .dark *) {
3945
- border-color: var(--color-charcoal-700);
3946
- }
3947
- }
3948
- .dark\:border-gray-400 {
3949
- &:where(.dark, .dark *) {
3950
- border-color: var(--color-gray-400);
3951
- }
3952
- }
3953
- .dark\:border-gray-600 {
3954
- &:where(.dark, .dark *) {
3955
- border-color: var(--color-gray-600);
3956
- }
3957
- }
3958
- .dark\:border-gray-900 {
3959
- &:where(.dark, .dark *) {
3960
- border-color: var(--color-gray-900);
3961
- }
3962
- }
3963
- .dark\:border-red-700 {
3964
- &:where(.dark, .dark *) {
3965
- border-color: var(--color-red-700);
3966
- }
3967
- }
3968
- .dark\:border-slate-500 {
3969
- &:where(.dark, .dark *) {
3970
- border-color: var(--color-slate-500);
3971
- }
3972
- }
3973
- .dark\:border-slate-600 {
3974
- &:where(.dark, .dark *) {
3975
- border-color: var(--color-slate-600);
3976
- }
3977
- }
3978
- .dark\:border-b-gray-900 {
3979
- &:where(.dark, .dark *) {
3980
- border-bottom-color: var(--color-gray-900);
3981
- }
3982
- }
3983
- .dark\:bg-\[\#1c1e23\] {
3984
- &:where(.dark, .dark *) {
3985
- background-color: #1c1e23;
3986
- }
3987
- }
3988
- .dark\:bg-blue-600 {
3989
- &:where(.dark, .dark *) {
3990
- background-color: var(--color-blue-600);
3991
- }
3992
- }
3993
- .dark\:bg-charcoal-900 {
3994
- &:where(.dark, .dark *) {
3995
- background-color: var(--color-charcoal-900);
3996
- }
3997
- }
3998
- .dark\:bg-gray-400 {
3999
- &:where(.dark, .dark *) {
4000
- background-color: var(--color-gray-400);
4001
- }
4002
- }
4003
- .dark\:bg-slate-600 {
4004
- &:where(.dark, .dark *) {
4005
- background-color: var(--color-slate-600);
4006
- }
4007
- }
4008
- .dark\:bg-slate-900 {
4009
- &:where(.dark, .dark *) {
4010
- background-color: var(--color-slate-900);
4011
- }
4012
- }
4013
- .dark\:bg-transparent {
4014
- &:where(.dark, .dark *) {
4015
- background-color: transparent;
4016
- }
4017
- }
4018
- .dark\:text-\[\#7D3D37\] {
4019
- &:where(.dark, .dark *) {
4020
- color: #7D3D37;
4021
- }
4022
- }
4023
- .dark\:text-\[\#644E00\] {
4024
- &:where(.dark, .dark *) {
4025
- color: #644E00;
4026
- }
4027
- }
4028
- .dark\:text-black {
4029
- &:where(.dark, .dark *) {
4030
- color: var(--color-black);
4031
- }
4032
- }
4033
- .dark\:text-blue-900 {
4034
- &:where(.dark, .dark *) {
4035
- color: var(--color-blue-900);
4036
- }
4037
- }
4038
- .dark\:text-gray-50 {
4039
- &:where(.dark, .dark *) {
4040
- color: var(--color-gray-50);
4041
- }
4042
- }
4043
- .dark\:text-gray-200 {
4044
- &:where(.dark, .dark *) {
4045
- color: var(--color-gray-200);
4046
- }
4047
- }
4048
- .dark\:text-gray-300 {
4049
- &:where(.dark, .dark *) {
4050
- color: var(--color-gray-300);
4051
- }
4052
- }
4053
- .dark\:text-gray-400 {
4054
- &:where(.dark, .dark *) {
4055
- color: var(--color-gray-400);
4056
- }
4057
- }
4058
- .dark\:text-gray-500 {
4059
- &:where(.dark, .dark *) {
4060
- color: var(--color-gray-500);
4061
- }
4062
- }
4063
- .dark\:text-gray-600 {
4064
- &:where(.dark, .dark *) {
4065
- color: var(--color-gray-600);
4066
- }
4067
- }
4068
- .dark\:text-gray-700 {
4069
- &:where(.dark, .dark *) {
4070
- color: var(--color-gray-700);
4071
- }
4072
- }
4073
- .dark\:text-red-800 {
4074
- &:where(.dark, .dark *) {
4075
- color: var(--color-red-800);
4076
- }
4077
- }
4078
- .dark\:text-red-900 {
4079
- &:where(.dark, .dark *) {
4080
- color: var(--color-red-900);
4081
- }
4082
- }
4083
- .dark\:text-white {
4084
- &:where(.dark, .dark *) {
4085
- color: var(--color-white);
4086
- }
4087
- }
4088
- .dark\:text-yellow-900 {
4089
- &:where(.dark, .dark *) {
4090
- color: var(--color-yellow-900);
4091
- }
4092
- }
4093
- .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\] {
4094
- &:where(.dark, .dark *) {
4095
- --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
4096
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4097
- }
4098
- }
4099
- .dark\:scrollbar-thumb-charcoal-700 {
4100
- &:where(.dark, .dark *) {
4101
- --scrollbar-thumb: hsl(219 17% 34%);
4102
- }
4103
- }
4104
- .dark\:group-focus-within\:\!text-gray-50 {
4105
- &:where(.dark, .dark *) {
4106
- &:is(:where(.group):focus-within *) {
4107
- color: var(--color-gray-50) !important;
4108
- }
4109
- }
4110
- }
4111
- .dark\:group-hover\:border-slate-50 {
4112
- &:where(.dark, .dark *) {
4113
- &:is(:where(.group):hover *) {
4114
- @media (hover: hover) {
4115
- border-color: var(--color-slate-50);
4116
- }
4117
- }
4118
- }
4119
- }
4120
- .dark\:group-hover\:\!text-red-900 {
4121
- &:where(.dark, .dark *) {
4122
- &:is(:where(.group):hover *) {
4123
- @media (hover: hover) {
4124
- color: var(--color-red-900) !important;
4125
- }
4126
- }
4127
- }
4128
- }
4129
- .dark\:group-hover\:text-gray-500 {
4130
- &:where(.dark, .dark *) {
4131
- &:is(:where(.group):hover *) {
4132
- @media (hover: hover) {
4133
- color: var(--color-gray-500);
4134
- }
4135
- }
4136
- }
4137
- }
4138
- .dark\:group-hover\:text-slate-50 {
4139
- &:where(.dark, .dark *) {
4140
- &:is(:where(.group):hover *) {
4141
- @media (hover: hover) {
4142
- color: var(--color-slate-50);
4143
- }
4144
- }
4145
- }
4146
- }
4147
- .dark\:peer-hover\:text-gray-50 {
4148
- &:where(.dark, .dark *) {
4149
- &:is(:where(.peer):hover ~ *) {
4150
- @media (hover: hover) {
4151
- color: var(--color-gray-50);
4152
- }
4153
- }
4154
- }
4155
- }
4156
- .dark\:placeholder\:text-gray-600 {
4157
- &:where(.dark, .dark *) {
4158
- &::placeholder {
4159
- color: var(--color-gray-600);
4160
- }
4161
- }
4162
- }
4163
- .dark\:placeholder\:text-gray-700 {
4164
- &:where(.dark, .dark *) {
4165
- &::placeholder {
4166
- color: var(--color-gray-700);
4167
- }
4168
- }
4169
- }
4170
- .dark\:group-focus-within\:placeholder\:\!text-gray-300 {
4171
- &:where(.dark, .dark *) {
4172
- &:is(:where(.group):focus-within *) {
4173
- &::placeholder {
4174
- color: var(--color-gray-300) !important;
4175
- }
4176
- }
4177
- }
4178
- }
4179
- .dark\:group-hover\:placeholder\:text-gray-500 {
4180
- &:where(.dark, .dark *) {
4181
- &:is(:where(.group):hover *) {
4182
- @media (hover: hover) {
4183
- &::placeholder {
4184
- color: var(--color-gray-500);
4185
- }
4186
- }
4187
- }
4188
- }
4189
- }
4190
- .dark\:before\:bg-blue-900 {
4191
- &:where(.dark, .dark *) {
4192
- &::before {
4193
- content: var(--tw-content);
4194
- background-color: var(--color-blue-900);
4195
- }
4196
- }
4197
- }
4198
- .dark\:before\:bg-orange-900 {
4199
- &:where(.dark, .dark *) {
4200
- &::before {
4201
- content: var(--tw-content);
4202
- background-color: var(--color-orange-900);
4203
- }
4204
- }
4205
- }
4206
- .dark\:before\:bg-red-900 {
4207
- &:where(.dark, .dark *) {
4208
- &::before {
4209
- content: var(--tw-content);
4210
- background-color: var(--color-red-900);
4211
- }
4212
- }
4213
- }
4214
- .dark\:after\:bg-gray-400 {
4215
- &:where(.dark, .dark *) {
4216
- &::after {
4217
- content: var(--tw-content);
4218
- background-color: var(--color-gray-400);
4219
- }
4220
- }
4221
- }
4222
- .dark\:after\:bg-gray-600 {
4223
- &:where(.dark, .dark *) {
4224
- &::after {
4225
- content: var(--tw-content);
4226
- background-color: var(--color-gray-600);
4227
- }
4228
- }
4229
- }
4230
- .dark\:group-hover\:after\:bg-gray-50 {
4231
- &:where(.dark, .dark *) {
4232
- &:is(:where(.group):hover *) {
4233
- @media (hover: hover) {
4234
- &::after {
4235
- content: var(--tw-content);
4236
- background-color: var(--color-gray-50);
4237
- }
4238
- }
4239
- }
4240
- }
4241
- }
4242
- .dark\:focus-within\:border-b-gray-800 {
4243
- &:where(.dark, .dark *) {
4244
- &:focus-within {
4245
- border-bottom-color: var(--color-gray-800);
4246
- }
4247
- }
4248
- }
4249
- .dark\:focus-within\:bg-gray-900 {
4250
- &:where(.dark, .dark *) {
4251
- &:focus-within {
4252
- background-color: var(--color-gray-900);
4253
- }
4254
- }
4255
- }
4256
- .dark\:hover\:border-charcoal-700 {
4257
- &:where(.dark, .dark *) {
4258
- &:hover {
4259
- @media (hover: hover) {
4260
- border-color: var(--color-charcoal-700);
4261
- }
4262
- }
4263
- }
4264
- }
4265
- .dark\:hover\:border-gray-50 {
4266
- &:where(.dark, .dark *) {
4267
- &:hover {
4268
- @media (hover: hover) {
4269
- border-color: var(--color-gray-50);
4270
- }
4271
- }
4272
- }
4273
- }
4274
- .dark\:hover\:border-gray-600 {
4275
- &:where(.dark, .dark *) {
4276
- &:hover {
4277
- @media (hover: hover) {
4278
- border-color: var(--color-gray-600);
4279
- }
4280
- }
4281
- }
4282
- }
4283
- .dark\:hover\:border-red-900 {
4284
- &:where(.dark, .dark *) {
4285
- &:hover {
4286
- @media (hover: hover) {
4287
- border-color: var(--color-red-900);
4288
- }
4289
- }
4290
- }
4291
- }
4292
- .dark\:hover\:border-b-gray-800 {
4293
- &:where(.dark, .dark *) {
4294
- &:hover {
4295
- @media (hover: hover) {
4296
- border-bottom-color: var(--color-gray-800);
4297
- }
4298
- }
4299
- }
4300
- }
4301
- .dark\:hover\:bg-charcoal-800 {
4302
- &:where(.dark, .dark *) {
4303
- &:hover {
4304
- @media (hover: hover) {
4305
- background-color: var(--color-charcoal-800);
4306
- }
4307
- }
4308
- }
4309
- }
4310
- .dark\:hover\:bg-charcoal-900 {
4311
- &:where(.dark, .dark *) {
4312
- &:hover {
4313
- @media (hover: hover) {
4314
- background-color: var(--color-charcoal-900);
4315
- }
4316
- }
4317
- }
4318
- }
4319
- .dark\:hover\:bg-gray-900 {
4320
- &:where(.dark, .dark *) {
4321
- &:hover {
4322
- @media (hover: hover) {
4323
- background-color: var(--color-gray-900);
4324
- }
4325
- }
4326
- }
4327
- }
4328
- .dark\:hover\:bg-transparent {
4329
- &:where(.dark, .dark *) {
4330
- &:hover {
4331
- @media (hover: hover) {
4332
- background-color: transparent;
4333
- }
4334
- }
4335
- }
4336
- }
4337
- .dark\:hover\:text-gray-500 {
4338
- &:where(.dark, .dark *) {
4339
- &:hover {
4340
- @media (hover: hover) {
4341
- color: var(--color-gray-500);
4342
- }
4343
- }
4344
- }
4345
- }
4346
- .dark\:hover\:scrollbar-thumb-charcoal-700 {
4347
- &:where(.dark, .dark *) {
4348
- &:hover {
4349
- @media (hover: hover) {
4350
- --scrollbar-thumb: hsl(219 17% 34%);
4351
- }
4352
- }
4353
- }
4354
- }
4355
- .dark\:focus\:bg-charcoal-900 {
4356
- &:where(.dark, .dark *) {
4357
- &:focus {
4358
- background-color: var(--color-charcoal-900);
4359
- }
4360
- }
4361
- }
4362
- .dark\:focus\:ring-charcoal-300 {
4363
- &:where(.dark, .dark *) {
4364
- &:focus {
4365
- --tw-ring-color: var(--color-charcoal-300);
4366
- }
4367
- }
4368
- }
4369
- .dark\:focus-visible\:ring-charcoal-300 {
4370
- &:where(.dark, .dark *) {
4371
- &:focus-visible {
4372
- --tw-ring-color: var(--color-charcoal-300);
4373
- }
4374
- }
4375
- }
4376
- .dark\:focus-visible\:ring-offset-charcoal-900 {
4377
- &:where(.dark, .dark *) {
4378
- &:focus-visible {
4379
- --tw-ring-offset-color: var(--color-charcoal-900);
4380
- }
4381
- }
4382
- }
4383
- .disabled\:dark\:border-charcoal-800 {
4384
- &:disabled {
4385
- &:where(.dark, .dark *) {
4386
- border-color: var(--color-charcoal-800);
4387
- }
4388
- }
4389
- }
4390
- .disabled\:dark\:bg-charcoal-900 {
4391
- &:disabled {
4392
- &:where(.dark, .dark *) {
4393
- background-color: var(--color-charcoal-900);
4394
- }
4395
- }
4396
- }
4397
- .disabled\:dark\:text-gray-300 {
4398
- &:disabled {
4399
- &:where(.dark, .dark *) {
4400
- color: var(--color-gray-300);
4401
- }
4402
- }
4403
- }
4404
- .dark\:data-\[selected\=true\]\:bg-gray-900 {
4405
- &:where(.dark, .dark *) {
4406
- &[data-selected="true"] {
4407
- background-color: var(--color-gray-900);
4408
- }
4409
- }
4410
- }
4411
- .dark\:data-\[state\]\:border-gray-500 {
4412
- &:where(.dark, .dark *) {
4413
- &[data-state] {
4414
- border-color: var(--color-gray-500);
4415
- }
4416
- }
4417
- }
4418
- .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800 {
4419
- &:where(.dark, .dark *) {
4420
- &[data-invalid="true"] {
4421
- &[data-state] {
4422
- border-color: var(--color-red-800) !important;
4423
- }
4424
- }
4425
- }
4426
- }
4427
- .dark\:data-\[state\=checked\]\:bg-gray-400 {
4428
- &:where(.dark, .dark *) {
4429
- &[data-state="checked"] {
4430
- background-color: var(--color-gray-400);
4431
- }
4432
- }
4433
- }
4434
- .dark\:data-\[state\=checked\]\:text-gray-900 {
4435
- &:where(.dark, .dark *) {
4436
- &[data-state="checked"] {
4437
- color: var(--color-gray-900);
4438
- }
4439
- }
4440
- }
4441
- .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50 {
4442
- &:where(.dark, .dark *) {
4443
- &[data-state="checked"] {
4444
- &:is(:where(.group):hover *) {
4445
- @media (hover: hover) {
4446
- background-color: var(--color-slate-50);
4447
- }
4448
- }
4449
- }
4450
- }
4451
- }
4452
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-500 {
4453
- &:where(.dark, .dark *) {
4454
- &:disabled {
4455
- &[data-invalid="false"] {
4456
- &[data-state="checked"] {
4457
- background-color: var(--color-gray-500);
4458
- }
4459
- }
4460
- }
4461
- }
4462
- }
4463
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800 {
4464
- &:where(.dark, .dark *) {
4465
- &[data-invalid="true"] {
4466
- &[data-state="checked"] {
4467
- background-color: var(--color-red-800) !important;
4468
- }
4469
- }
4470
- }
4471
- }
4472
- .dark\:data-\[state\=indeterminate\]\:bg-gray-400 {
4473
- &:where(.dark, .dark *) {
4474
- &[data-state="indeterminate"] {
4475
- background-color: var(--color-gray-400);
4476
- }
4477
- }
4478
- }
4479
- .dark\:data-\[state\=indeterminate\]\:text-gray-900 {
4480
- &:where(.dark, .dark *) {
4481
- &[data-state="indeterminate"] {
4482
- color: var(--color-gray-900);
4483
- }
4484
- }
4485
- }
4486
- .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50 {
4487
- &:where(.dark, .dark *) {
4488
- &[data-state="indeterminate"] {
4489
- &:is(:where(.group):hover *) {
4490
- @media (hover: hover) {
4491
- background-color: var(--color-slate-50);
4492
- }
4493
- }
4494
- }
4495
- }
4496
- }
4497
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-500 {
4498
- &:where(.dark, .dark *) {
4499
- &:disabled {
4500
- &[data-invalid="false"] {
4501
- &[data-state="indeterminate"] {
4502
- background-color: var(--color-gray-500);
4503
- }
4504
- }
4505
- }
4506
- }
4507
- }
4508
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800 {
4509
- &:where(.dark, .dark *) {
4510
- &[data-invalid="true"] {
4511
- &[data-state="indeterminate"] {
4512
- background-color: var(--color-red-800) !important;
4513
- }
4514
- }
4515
- }
4516
- }
4517
- .\[\&_\[cmdk-group-heading\]\]\:px-2 {
4518
- & [cmdk-group-heading] {
4519
- padding-inline: calc(var(--spacing) * 2);
4520
- }
4521
- }
4522
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
4523
- & [cmdk-group-heading] {
4524
- padding-block: calc(var(--spacing) * 1.5);
4525
- }
4526
- }
4527
- .\[\&_\[cmdk-group-heading\]\]\:text-xs {
4528
- & [cmdk-group-heading] {
4529
- font-size: var(--text-xs);
4530
- line-height: var(--tw-leading, var(--text-xs--line-height));
4531
- }
4532
- }
4533
- .\[\&_\[cmdk-group-heading\]\]\:font-medium {
4534
- & [cmdk-group-heading] {
4535
- --tw-font-weight: var(--font-weight-medium);
4536
- font-weight: var(--font-weight-medium);
4537
- }
4538
- }
4539
- .\[\&_\[cmdk-label\]\]\:hidden {
4540
- & [cmdk-label] {
4541
- display: none;
4542
- }
4543
- }
4544
- .\[\&_svg\]\:pointer-events-none {
4545
- & svg {
4546
- pointer-events: none;
4547
- }
4548
- }
4549
- .\[\&_svg\]\:size-4 {
4550
- & svg {
4551
- width: calc(var(--spacing) * 4);
4552
- height: calc(var(--spacing) * 4);
4553
- }
4554
- }
4555
- .\[\&_svg\]\:shrink-0 {
4556
- & svg {
4557
- flex-shrink: 0;
4558
- }
4559
- }
4560
- .\[\&\>span\]\:truncate {
4561
- &>span {
4562
- overflow: hidden;
4563
- text-overflow: ellipsis;
4564
- white-space: nowrap;
4565
- }
4566
- }
4567
- }
4568
- :root {
4569
- --toastify-toast-min-height: 48px;
4570
- --toastify-toast-bd-radius: 8px;
4571
- --toastify-text-color-light: var(--color-gray-800);
4572
- --toastify-color-progress-info: var(--color-gray-300);
4573
- --toastify-color-progress-success: var(--color-gray-300);
4574
- --toastify-color-progress-warning: var(--color-gray-300);
4575
- --toastify-color-progress-error: var(--color-gray-300);
4576
- --toastify-color-progress-light: var(--color-gray-300);
4577
- }
4578
- html:has(dialog[open]) {
4579
- overflow: hidden;
4580
- }
4581
- .checkbox-container input[type="checkbox"] {
4582
- accent-color: var(--color-gray-900);
4583
- }
4584
- .rmsc {
4585
- --rmsc-main: var(--color-gray-300) !important;
4586
- --rmsc-hover: var(--color-gray-100) !important;
4587
- --rmsc-selected: var(--color-gray-300) !important;
4588
- }
4589
- .Toastify__toast-body {
4590
- padding: 0;
4591
- margin: 0;
4592
- font-size: 14px;
4593
- font-weight: 600;
4594
- }
4595
- .Toastify__toast {
4596
- box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.32);
4597
- padding: 12px 16px 12px 16px;
4598
- }
4599
- .Toastify__progress-bar--wrp {
4600
- height: 2px;
4601
- }
4602
- input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
4603
- -webkit-appearance: none;
4604
- -moz-appearance: none;
4605
- appearance: none;
4606
- margin: 0;
4607
- }
4608
- input[type="number"] {
4609
- -moz-appearance: textfield;
4610
- }
4611
- @layer base {
4612
- h1, h2, h3, h4, h5, h6, p {
4613
- color: var(--color-gray-900);
4614
- }
4615
- button {
4616
- cursor: pointer;
4617
- }
4618
- }
4619
- @layer base {
4620
- * {
4621
- scrollbar-color: initial;
4622
- scrollbar-width: initial;
4623
- }
4624
- }
4625
- @property --tw-translate-x {
4626
- syntax: "*";
4627
- inherits: false;
4628
- initial-value: 0;
4629
- }
4630
- @property --tw-translate-y {
4631
- syntax: "*";
4632
- inherits: false;
4633
- initial-value: 0;
4634
- }
4635
- @property --tw-translate-z {
4636
- syntax: "*";
4637
- inherits: false;
4638
- initial-value: 0;
4639
- }
4640
- @property --tw-scale-x {
4641
- syntax: "*";
4642
- inherits: false;
4643
- initial-value: 1;
4644
- }
4645
- @property --tw-scale-y {
4646
- syntax: "*";
4647
- inherits: false;
4648
- initial-value: 1;
4649
- }
4650
- @property --tw-scale-z {
4651
- syntax: "*";
4652
- inherits: false;
4653
- initial-value: 1;
4654
- }
4655
- @property --tw-space-x-reverse {
4656
- syntax: "*";
4657
- inherits: false;
4658
- initial-value: 0;
4659
- }
4660
- @property --tw-divide-y-reverse {
4661
- syntax: "*";
4662
- inherits: false;
4663
- initial-value: 0;
4664
- }
4665
- @property --tw-leading {
4666
- syntax: "*";
4667
- inherits: false;
4668
- }
4669
- @property --tw-tracking {
4670
- syntax: "*";
4671
- inherits: false;
4672
- }
4673
- @property --tw-shadow {
4674
- syntax: "*";
4675
- inherits: false;
4676
- initial-value: 0 0 #0000;
4677
- }
4678
- @property --tw-shadow-color {
4679
- syntax: "*";
4680
- inherits: false;
4681
- }
4682
- @property --tw-shadow-alpha {
4683
- syntax: "<percentage>";
4684
- inherits: false;
4685
- initial-value: 100%;
4686
- }
4687
- @property --tw-inset-shadow {
4688
- syntax: "*";
4689
- inherits: false;
4690
- initial-value: 0 0 #0000;
4691
- }
4692
- @property --tw-inset-shadow-color {
4693
- syntax: "*";
4694
- inherits: false;
4695
- }
4696
- @property --tw-inset-shadow-alpha {
4697
- syntax: "<percentage>";
4698
- inherits: false;
4699
- initial-value: 100%;
4700
- }
4701
- @property --tw-ring-color {
4702
- syntax: "*";
4703
- inherits: false;
4704
- }
4705
- @property --tw-ring-shadow {
4706
- syntax: "*";
4707
- inherits: false;
4708
- initial-value: 0 0 #0000;
4709
- }
4710
- @property --tw-inset-ring-color {
4711
- syntax: "*";
4712
- inherits: false;
4713
- }
4714
- @property --tw-inset-ring-shadow {
4715
- syntax: "*";
4716
- inherits: false;
4717
- initial-value: 0 0 #0000;
4718
- }
4719
- @property --tw-ring-inset {
4720
- syntax: "*";
4721
- inherits: false;
4722
- }
4723
- @property --tw-ring-offset-width {
4724
- syntax: "<length>";
4725
- inherits: false;
4726
- initial-value: 0px;
4727
- }
4728
- @property --tw-ring-offset-color {
4729
- syntax: "*";
4730
- inherits: false;
4731
- initial-value: #fff;
4732
- }
4733
- @property --tw-ring-offset-shadow {
4734
- syntax: "*";
4735
- inherits: false;
4736
- initial-value: 0 0 #0000;
4737
- }
4738
- @property --tw-outline-style {
4739
- syntax: "*";
4740
- inherits: false;
4741
- initial-value: solid;
4742
- }
4743
- @property --tw-duration {
4744
- syntax: "*";
4745
- inherits: false;
4746
- }
4747
- @property --tw-ease {
4748
- syntax: "*";
4749
- inherits: false;
4750
- }
4751
- @property --tw-content {
4752
- syntax: "*";
4753
- initial-value: "";
4754
- inherits: false;
4755
- }
4756
- @keyframes spin {
4757
- to {
4758
- transform: rotate(360deg);
4759
- }
4760
- }
4761
- @keyframes pulse {
4762
- 50% {
4763
- opacity: 0.5;
4764
- }
4765
- }
4766
- @keyframes fadeIn {
4767
- 0% {
4768
- opacity: 0;
4769
- }
4770
- 100% {
4771
- opacity: 1;
4772
- }
4773
- }
4774
- @keyframes fadeOut {
4775
- 0% {
4776
- opacity: 1;
4777
- }
4778
- 100% {
4779
- opacity: 0;
4780
- }
4781
- }
4782
- @keyframes zoomIn {
4783
- 0% {
4784
- transform: scale(0.95);
4785
- }
4786
- 100% {
4787
- transform: scale(1);
4788
- }
4789
- }
4790
- @keyframes zoomOut {
4791
- 0% {
4792
- transform: scale(1);
4793
- }
4794
- 100% {
4795
- transform: scale(0.95);
4796
- }
4797
- }
4798
- @keyframes slideInFromTop {
4799
- 0% {
4800
- transform: translateY(-0.5rem);
4801
- }
4802
- 100% {
4803
- transform: translateY(0);
4804
- }
4805
- }
4806
- @keyframes slideInFromBottom {
4807
- 0% {
4808
- transform: translateY(0.5rem);
4809
- }
4810
- 100% {
4811
- transform: translateY(0);
4812
- }
4813
- }
4814
- @keyframes slideInFromLeft {
4815
- 0% {
4816
- transform: translateX(0.5rem);
4817
- }
4818
- 100% {
4819
- transform: translateX(0);
4820
- }
4821
- }
4822
- @keyframes slideInFromRight {
4823
- 0% {
4824
- transform: translateX(-0.5rem);
4825
- }
4826
- 100% {
4827
- transform: translateX(0);
4828
- }
4829
- }
4830
- @layer properties {
4831
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4832
- *, ::before, ::after, ::backdrop {
4833
- --tw-translate-x: 0;
4834
- --tw-translate-y: 0;
4835
- --tw-translate-z: 0;
4836
- --tw-scale-x: 1;
4837
- --tw-scale-y: 1;
4838
- --tw-scale-z: 1;
4839
- --tw-rotate-x: initial;
4840
- --tw-rotate-y: initial;
4841
- --tw-rotate-z: initial;
4842
- --tw-skew-x: initial;
4843
- --tw-skew-y: initial;
4844
- --tw-space-x-reverse: 0;
4845
- --tw-divide-y-reverse: 0;
4846
- --tw-border-style: solid;
4847
- --tw-leading: initial;
4848
- --tw-font-weight: initial;
4849
- --tw-tracking: initial;
4850
- --tw-shadow: 0 0 #0000;
4851
- --tw-shadow-color: initial;
4852
- --tw-shadow-alpha: 100%;
4853
- --tw-inset-shadow: 0 0 #0000;
4854
- --tw-inset-shadow-color: initial;
4855
- --tw-inset-shadow-alpha: 100%;
4856
- --tw-ring-color: initial;
4857
- --tw-ring-shadow: 0 0 #0000;
4858
- --tw-inset-ring-color: initial;
4859
- --tw-inset-ring-shadow: 0 0 #0000;
4860
- --tw-ring-inset: initial;
4861
- --tw-ring-offset-width: 0px;
4862
- --tw-ring-offset-color: #fff;
4863
- --tw-ring-offset-shadow: 0 0 #0000;
4864
- --tw-outline-style: solid;
4865
- --tw-blur: initial;
4866
- --tw-brightness: initial;
4867
- --tw-contrast: initial;
4868
- --tw-grayscale: initial;
4869
- --tw-hue-rotate: initial;
4870
- --tw-invert: initial;
4871
- --tw-opacity: initial;
4872
- --tw-saturate: initial;
4873
- --tw-sepia: initial;
4874
- --tw-drop-shadow: initial;
4875
- --tw-drop-shadow-color: initial;
4876
- --tw-drop-shadow-alpha: 100%;
4877
- --tw-drop-shadow-size: initial;
4878
- --tw-duration: initial;
4879
- --tw-ease: initial;
4880
- --tw-content: "";
4881
- }
4882
- }
4883
- }
4884
- @property --tw-rotate-x {
4885
- syntax: "*";
4886
- inherits: false;
4887
- }
4888
- @property --tw-rotate-y {
4889
- syntax: "*";
4890
- inherits: false;
4891
- }
4892
- @property --tw-rotate-z {
4893
- syntax: "*";
4894
- inherits: false;
4895
- }
4896
- @property --tw-skew-x {
4897
- syntax: "*";
4898
- inherits: false;
4899
- }
4900
- @property --tw-skew-y {
4901
- syntax: "*";
4902
- inherits: false;
4903
- }
4904
- @property --tw-border-style {
4905
- syntax: "*";
4906
- inherits: false;
4907
- initial-value: solid;
4908
- }
4909
- @property --tw-font-weight {
4910
- syntax: "*";
4911
- inherits: false;
4912
- }
4913
- @property --tw-blur {
4914
- syntax: "*";
4915
- inherits: false;
4916
- }
4917
- @property --tw-brightness {
4918
- syntax: "*";
4919
- inherits: false;
4920
- }
4921
- @property --tw-contrast {
4922
- syntax: "*";
4923
- inherits: false;
4924
- }
4925
- @property --tw-grayscale {
4926
- syntax: "*";
4927
- inherits: false;
4928
- }
4929
- @property --tw-hue-rotate {
4930
- syntax: "*";
4931
- inherits: false;
4932
- }
4933
- @property --tw-invert {
4934
- syntax: "*";
4935
- inherits: false;
4936
- }
4937
- @property --tw-opacity {
4938
- syntax: "*";
4939
- inherits: false;
4940
- }
4941
- @property --tw-saturate {
4942
- syntax: "*";
4943
- inherits: false;
4944
- }
4945
- @property --tw-sepia {
4946
- syntax: "*";
4947
- inherits: false;
4948
- }
4949
- @property --tw-drop-shadow {
4950
- syntax: "*";
4951
- inherits: false;
4952
- }
4953
- @property --tw-drop-shadow-color {
4954
- syntax: "*";
4955
- inherits: false;
4956
- }
4957
- @property --tw-drop-shadow-alpha {
4958
- syntax: "<percentage>";
4959
- inherits: false;
4960
- initial-value: 100%;
423
+ @property --tw-drop-shadow-alpha {
424
+ syntax: "<percentage>";
425
+ inherits: false;
426
+ initial-value: 100%;
4961
427
  }
4962
428
  @property --tw-drop-shadow-size {
4963
429
  syntax: "*";
4964
430
  inherits: false;
4965
431
  }
4966
- @keyframes spin {
4967
- to {
4968
- transform: rotate(360deg);
4969
- }
4970
- }
4971
- @keyframes pulse {
4972
- 50% {
4973
- opacity: 0.5;
4974
- }
4975
- }
4976
432
  @layer properties {
4977
433
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4978
434
  *, ::before, ::after, ::backdrop {
@@ -4996,34 +452,6 @@ input[type="number"] {
4996
452
  --tw-drop-shadow-color: initial;
4997
453
  --tw-drop-shadow-alpha: 100%;
4998
454
  --tw-drop-shadow-size: initial;
4999
- --tw-translate-x: 0;
5000
- --tw-translate-y: 0;
5001
- --tw-translate-z: 0;
5002
- --tw-scale-x: 1;
5003
- --tw-scale-y: 1;
5004
- --tw-scale-z: 1;
5005
- --tw-space-x-reverse: 0;
5006
- --tw-divide-y-reverse: 0;
5007
- --tw-leading: initial;
5008
- --tw-tracking: initial;
5009
- --tw-shadow: 0 0 #0000;
5010
- --tw-shadow-color: initial;
5011
- --tw-shadow-alpha: 100%;
5012
- --tw-inset-shadow: 0 0 #0000;
5013
- --tw-inset-shadow-color: initial;
5014
- --tw-inset-shadow-alpha: 100%;
5015
- --tw-ring-color: initial;
5016
- --tw-ring-shadow: 0 0 #0000;
5017
- --tw-inset-ring-color: initial;
5018
- --tw-inset-ring-shadow: 0 0 #0000;
5019
- --tw-ring-inset: initial;
5020
- --tw-ring-offset-width: 0px;
5021
- --tw-ring-offset-color: #fff;
5022
- --tw-ring-offset-shadow: 0 0 #0000;
5023
- --tw-outline-style: solid;
5024
- --tw-duration: initial;
5025
- --tw-ease: initial;
5026
- --tw-content: "";
5027
455
  }
5028
456
  }
5029
457
  }