@pattern-stack/frontend-patterns 0.2.0-alpha.1 → 0.2.0-alpha.11

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 (165) hide show
  1. package/dist/atoms/components/core/Badge/Badge.d.ts +1 -1
  2. package/dist/atoms/components/data/DataTable/ColumnFilterDropdown.d.ts +32 -0
  3. package/dist/atoms/components/data/DataTable/ColumnFilterDropdown.d.ts.map +1 -0
  4. package/dist/atoms/components/data/DataTable/ColumnVisibilityToggle.d.ts +32 -0
  5. package/dist/atoms/components/data/DataTable/ColumnVisibilityToggle.d.ts.map +1 -0
  6. package/dist/atoms/components/data/DataTable/DataTable.d.ts +5 -2
  7. package/dist/atoms/components/data/DataTable/DataTable.d.ts.map +1 -1
  8. package/dist/atoms/components/data/DataTable/DataTable.expansion.d.ts +91 -0
  9. package/dist/atoms/components/data/DataTable/DataTable.expansion.d.ts.map +1 -0
  10. package/dist/atoms/components/data/DataTable/DataTable.filters.d.ts +271 -0
  11. package/dist/atoms/components/data/DataTable/DataTable.filters.d.ts.map +1 -0
  12. package/dist/atoms/components/data/DataTable/DataTable.types.d.ts +155 -5
  13. package/dist/atoms/components/data/DataTable/DataTable.types.d.ts.map +1 -1
  14. package/dist/atoms/components/data/DataTable/ExpandButton.d.ts +37 -0
  15. package/dist/atoms/components/data/DataTable/ExpandButton.d.ts.map +1 -0
  16. package/dist/atoms/components/data/DataTable/FilterPill.d.ts +25 -0
  17. package/dist/atoms/components/data/DataTable/FilterPill.d.ts.map +1 -0
  18. package/dist/atoms/components/data/DataTable/QuickFilterBar.d.ts +35 -0
  19. package/dist/atoms/components/data/DataTable/QuickFilterBar.d.ts.map +1 -0
  20. package/dist/atoms/components/data/DataTable/filters/BooleanFilterEditor.d.ts +10 -0
  21. package/dist/atoms/components/data/DataTable/filters/BooleanFilterEditor.d.ts.map +1 -0
  22. package/dist/atoms/components/data/DataTable/filters/DateFilterEditor.d.ts +11 -0
  23. package/dist/atoms/components/data/DataTable/filters/DateFilterEditor.d.ts.map +1 -0
  24. package/dist/atoms/components/data/DataTable/filters/MultiSelectFilterEditor.d.ts +10 -0
  25. package/dist/atoms/components/data/DataTable/filters/MultiSelectFilterEditor.d.ts.map +1 -0
  26. package/dist/atoms/components/data/DataTable/filters/NumberFilterEditor.d.ts +10 -0
  27. package/dist/atoms/components/data/DataTable/filters/NumberFilterEditor.d.ts.map +1 -0
  28. package/dist/atoms/components/data/DataTable/filters/SelectFilterEditor.d.ts +10 -0
  29. package/dist/atoms/components/data/DataTable/filters/SelectFilterEditor.d.ts.map +1 -0
  30. package/dist/atoms/components/data/DataTable/filters/TextFilterEditor.d.ts +10 -0
  31. package/dist/atoms/components/data/DataTable/filters/TextFilterEditor.d.ts.map +1 -0
  32. package/dist/atoms/components/data/DataTable/filters/index.d.ts +14 -0
  33. package/dist/atoms/components/data/DataTable/filters/index.d.ts.map +1 -0
  34. package/dist/atoms/components/data/DataTable/index.d.ts +9 -0
  35. package/dist/atoms/components/data/DataTable/index.d.ts.map +1 -1
  36. package/dist/atoms/components/data/ProgressBar/ProgressBar.d.ts +1 -1
  37. package/dist/atoms/components/data/ProgressBar/ProgressBar.d.ts.map +1 -1
  38. package/dist/atoms/components/data/index.d.ts +3 -2
  39. package/dist/atoms/components/data/index.d.ts.map +1 -1
  40. package/dist/atoms/composed/ConnectionStatus/ConnectionStatus.d.ts +16 -0
  41. package/dist/atoms/composed/ConnectionStatus/ConnectionStatus.d.ts.map +1 -0
  42. package/dist/atoms/composed/ConnectionStatus/index.d.ts +3 -0
  43. package/dist/atoms/composed/ConnectionStatus/index.d.ts.map +1 -0
  44. package/dist/atoms/hooks/index.d.ts +9 -0
  45. package/dist/atoms/hooks/index.d.ts.map +1 -1
  46. package/dist/atoms/hooks/useAdaptiveTable.d.ts +49 -0
  47. package/dist/atoms/hooks/useAdaptiveTable.d.ts.map +1 -0
  48. package/dist/atoms/hooks/useApi.d.ts +1 -1
  49. package/dist/atoms/hooks/useApi.d.ts.map +1 -1
  50. package/dist/atoms/hooks/useColumnVisibility.d.ts +75 -0
  51. package/dist/atoms/hooks/useColumnVisibility.d.ts.map +1 -0
  52. package/dist/atoms/hooks/useEntityData.d.ts +36 -0
  53. package/dist/atoms/hooks/useEntityData.d.ts.map +1 -0
  54. package/dist/atoms/hooks/useEntityDetail.d.ts +43 -0
  55. package/dist/atoms/hooks/useEntityDetail.d.ts.map +1 -0
  56. package/dist/atoms/hooks/useExpandedRows.d.ts +66 -0
  57. package/dist/atoms/hooks/useExpandedRows.d.ts.map +1 -0
  58. package/dist/atoms/hooks/useFieldMetadata.d.ts +18 -0
  59. package/dist/atoms/hooks/useFieldMetadata.d.ts.map +1 -0
  60. package/dist/atoms/hooks/useOnlineStatus.d.ts +16 -0
  61. package/dist/atoms/hooks/useOnlineStatus.d.ts.map +1 -0
  62. package/dist/atoms/hooks/useResponsiveTable.d.ts +123 -0
  63. package/dist/atoms/hooks/useResponsiveTable.d.ts.map +1 -0
  64. package/dist/atoms/hooks/useTableFilters.d.ts +92 -0
  65. package/dist/atoms/hooks/useTableFilters.d.ts.map +1 -0
  66. package/dist/atoms/index.d.ts +1 -0
  67. package/dist/atoms/index.d.ts.map +1 -1
  68. package/dist/atoms/primitives/sheet.d.ts +23 -0
  69. package/dist/atoms/primitives/sheet.d.ts.map +1 -0
  70. package/dist/atoms/primitives/table.d.ts.map +1 -1
  71. package/dist/atoms/services/api/client.d.ts +12 -2
  72. package/dist/atoms/services/api/client.d.ts.map +1 -1
  73. package/dist/atoms/services/auth-service.d.ts +15 -0
  74. package/dist/atoms/services/auth-service.d.ts.map +1 -1
  75. package/dist/atoms/services/index.d.ts +2 -2
  76. package/dist/atoms/services/index.d.ts.map +1 -1
  77. package/dist/atoms/shared/config/table-config.d.ts +79 -0
  78. package/dist/atoms/shared/config/table-config.d.ts.map +1 -0
  79. package/dist/atoms/shared/index.d.ts +1 -0
  80. package/dist/atoms/shared/index.d.ts.map +1 -1
  81. package/dist/atoms/types/auth.d.ts +95 -2
  82. package/dist/atoms/types/auth.d.ts.map +1 -1
  83. package/dist/atoms/types/index.d.ts +1 -0
  84. package/dist/atoms/types/index.d.ts.map +1 -1
  85. package/dist/atoms/types/navigation.d.ts +1 -1
  86. package/dist/atoms/types/navigation.d.ts.map +1 -1
  87. package/dist/atoms/types/ui-config.d.ts +46 -11
  88. package/dist/atoms/types/ui-config.d.ts.map +1 -1
  89. package/dist/atoms/types/ui-metadata.d.ts +103 -0
  90. package/dist/atoms/types/ui-metadata.d.ts.map +1 -0
  91. package/dist/atoms/utils/entity-card-mapping.d.ts +105 -0
  92. package/dist/atoms/utils/entity-card-mapping.d.ts.map +1 -0
  93. package/dist/atoms/utils/field-detection.d.ts +2 -2
  94. package/dist/atoms/utils/field-detection.d.ts.map +1 -1
  95. package/dist/atoms/utils/icon-map.d.ts +48 -0
  96. package/dist/atoms/utils/icon-map.d.ts.map +1 -1
  97. package/dist/atoms/utils/index.d.ts +2 -0
  98. package/dist/atoms/utils/index.d.ts.map +1 -1
  99. package/dist/atoms/utils/ui-mapping.d.ts +9 -3
  100. package/dist/atoms/utils/ui-mapping.d.ts.map +1 -1
  101. package/dist/features/auth/components/ProtectedRoute.d.ts +3 -1
  102. package/dist/features/auth/components/ProtectedRoute.d.ts.map +1 -1
  103. package/dist/features/auth/hooks/useAuth.d.ts.map +1 -1
  104. package/dist/features/auth/providers/NoAuthProvider.d.ts +17 -0
  105. package/dist/features/auth/providers/NoAuthProvider.d.ts.map +1 -0
  106. package/dist/features/auth/providers/index.d.ts +1 -0
  107. package/dist/features/auth/providers/index.d.ts.map +1 -1
  108. package/dist/frontend-patterns.css +1 -4554
  109. package/dist/index.d.ts +12 -4
  110. package/dist/index.d.ts.map +1 -1
  111. package/dist/index.es.js +8793 -18275
  112. package/dist/index.es.js.map +1 -1
  113. package/dist/index.js +8790 -18271
  114. package/dist/index.js.map +1 -1
  115. package/dist/molecules/layout/AppHeader/AppHeader.d.ts.map +1 -1
  116. package/dist/molecules/layout/BulkSelectionBar.d.ts +14 -2
  117. package/dist/molecules/layout/BulkSelectionBar.d.ts.map +1 -1
  118. package/dist/molecules/layout/FieldGrid/FieldGrid.d.ts +61 -0
  119. package/dist/molecules/layout/FieldGrid/FieldGrid.d.ts.map +1 -0
  120. package/dist/molecules/layout/FieldGrid/index.d.ts +2 -0
  121. package/dist/molecules/layout/FieldGrid/index.d.ts.map +1 -0
  122. package/dist/molecules/layout/ListToolbar/ListToolbar.d.ts +37 -0
  123. package/dist/molecules/layout/ListToolbar/ListToolbar.d.ts.map +1 -0
  124. package/dist/molecules/layout/ListToolbar/index.d.ts +2 -0
  125. package/dist/molecules/layout/ListToolbar/index.d.ts.map +1 -0
  126. package/dist/molecules/layout/PageTitle/PageTitle.d.ts +17 -0
  127. package/dist/molecules/layout/PageTitle/PageTitle.d.ts.map +1 -0
  128. package/dist/molecules/layout/PageTitle/index.d.ts +2 -0
  129. package/dist/molecules/layout/PageTitle/index.d.ts.map +1 -0
  130. package/dist/molecules/layout/index.d.ts +3 -0
  131. package/dist/molecules/layout/index.d.ts.map +1 -1
  132. package/dist/molecules/layout/navigation-context.d.ts.map +1 -1
  133. package/dist/sync/EntityStoreProvider.d.ts +35 -0
  134. package/dist/sync/EntityStoreProvider.d.ts.map +1 -0
  135. package/dist/sync/createEntityHooks.d.ts +29 -0
  136. package/dist/sync/createEntityHooks.d.ts.map +1 -0
  137. package/dist/sync/createStore.d.ts +65 -0
  138. package/dist/sync/createStore.d.ts.map +1 -0
  139. package/dist/sync/index.d.ts +6 -0
  140. package/dist/sync/index.d.ts.map +1 -0
  141. package/dist/sync/types.d.ts +383 -0
  142. package/dist/sync/types.d.ts.map +1 -0
  143. package/dist/templates/ListPageTemplate.d.ts +21 -0
  144. package/dist/templates/ListPageTemplate.d.ts.map +1 -0
  145. package/dist/templates/admin/AdminCRUDTemplate.d.ts.map +1 -1
  146. package/dist/templates/factory.d.ts +11 -0
  147. package/dist/templates/factory.d.ts.map +1 -1
  148. package/dist/templates/index.d.ts +1 -0
  149. package/dist/templates/index.d.ts.map +1 -1
  150. package/package.json +11 -7
  151. package/cli/commands/generate-hooks.ts +0 -325
  152. package/cli/commands/init.ts +0 -33
  153. package/cli/commands/scaffold.ts +0 -224
  154. package/cli/index.ts +0 -122
  155. package/cli/src/codegen/openapi/__tests__/naming-utils.test.js +0 -367
  156. package/cli/src/codegen/openapi/client-generator.js +0 -727
  157. package/cli/src/codegen/openapi/confidence-scorer.js +0 -93
  158. package/cli/src/codegen/openapi/hook-config.js +0 -48
  159. package/cli/src/codegen/openapi/hook-generator.js +0 -763
  160. package/cli/src/codegen/openapi/naming-constants.js +0 -98
  161. package/cli/src/codegen/openapi/naming-utils.js +0 -149
  162. package/cli/src/codegen/openapi/parser.js +0 -274
  163. package/cli/src/codegen/openapi/type-generator.js +0 -329
  164. package/dist/codegen/openapi/bulk-types.d.ts +0 -142
  165. package/dist/codegen/openapi/bulk-types.d.ts.map +0 -1
@@ -564,4557 +564,4 @@
564
564
  */
565
565
  }
566
566
  /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
567
- @layer properties;
568
- @layer theme, base, components, utilities;
569
- @layer theme {
570
- :root, :host {
571
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
572
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
573
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
574
- "Courier New", monospace;
575
- --color-red-100: oklch(93.6% 0.032 17.717);
576
- --color-red-500: oklch(63.7% 0.237 25.331);
577
- --color-red-600: oklch(57.7% 0.245 27.325);
578
- --color-red-800: oklch(44.4% 0.177 26.899);
579
- --color-yellow-600: oklch(68.1% 0.162 75.834);
580
- --color-yellow-800: oklch(47.6% 0.114 61.907);
581
- --color-green-100: oklch(96.2% 0.044 156.743);
582
- --color-green-500: oklch(72.3% 0.219 149.579);
583
- --color-green-600: oklch(62.7% 0.194 149.214);
584
- --color-green-700: oklch(52.7% 0.154 150.069);
585
- --color-green-800: oklch(44.8% 0.119 151.328);
586
- --color-blue-100: oklch(93.2% 0.032 255.585);
587
- --color-blue-500: oklch(62.3% 0.214 259.815);
588
- --color-blue-600: oklch(54.6% 0.245 262.881);
589
- --color-blue-800: oklch(42.4% 0.199 265.638);
590
- --color-gray-50: oklch(98.5% 0.002 247.839);
591
- --color-gray-100: oklch(96.7% 0.003 264.542);
592
- --color-gray-200: oklch(92.8% 0.006 264.531);
593
- --color-gray-300: oklch(87.2% 0.01 258.338);
594
- --color-gray-400: oklch(70.7% 0.022 261.325);
595
- --color-gray-500: oklch(55.1% 0.027 264.364);
596
- --color-gray-600: oklch(44.6% 0.03 256.802);
597
- --color-gray-700: oklch(37.3% 0.034 259.733);
598
- --color-gray-800: oklch(27.8% 0.033 256.848);
599
- --color-gray-900: oklch(21% 0.034 264.665);
600
- --color-gray-950: oklch(13% 0.028 261.692);
601
- --color-black: #000;
602
- --color-white: #fff;
603
- --spacing: 0.25rem;
604
- --container-xs: 20rem;
605
- --container-sm: 24rem;
606
- --container-md: 28rem;
607
- --container-lg: 32rem;
608
- --container-xl: 36rem;
609
- --container-2xl: 42rem;
610
- --container-3xl: 48rem;
611
- --container-6xl: 72rem;
612
- --container-7xl: 80rem;
613
- --text-xs: 0.75rem;
614
- --text-xs--line-height: calc(1 / 0.75);
615
- --text-sm: 0.875rem;
616
- --text-sm--line-height: calc(1.25 / 0.875);
617
- --text-base: 1rem;
618
- --text-base--line-height: calc(1.5 / 1);
619
- --text-lg: 1.125rem;
620
- --text-lg--line-height: calc(1.75 / 1.125);
621
- --text-xl: 1.25rem;
622
- --text-xl--line-height: calc(1.75 / 1.25);
623
- --text-2xl: 1.5rem;
624
- --text-2xl--line-height: calc(2 / 1.5);
625
- --text-3xl: 1.875rem;
626
- --text-3xl--line-height: calc(2.25 / 1.875);
627
- --text-4xl: 2.25rem;
628
- --text-4xl--line-height: calc(2.5 / 2.25);
629
- --font-weight-thin: 100;
630
- --font-weight-light: 300;
631
- --font-weight-normal: 400;
632
- --font-weight-medium: 500;
633
- --font-weight-semibold: 600;
634
- --font-weight-bold: 700;
635
- --tracking-tight: -0.025em;
636
- --tracking-wide: 0.025em;
637
- --tracking-wider: 0.05em;
638
- --tracking-widest: 0.1em;
639
- --leading-relaxed: 1.625;
640
- --radius-xs: 0.125rem;
641
- --radius-sm: 0.25rem;
642
- --radius-md: 0.375rem;
643
- --radius-lg: 0.5rem;
644
- --radius-xl: 0.75rem;
645
- --radius-2xl: 1rem;
646
- --radius-3xl: 1.5rem;
647
- --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
648
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
649
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
650
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
651
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
652
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
653
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
654
- --animate-spin: spin 1s linear infinite;
655
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
656
- --blur-sm: 8px;
657
- --blur-lg: 16px;
658
- --blur-xl: 24px;
659
- --blur-2xl: 40px;
660
- --default-transition-duration: 150ms;
661
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
662
- --default-font-family: var(--font-sans);
663
- --default-mono-font-family: var(--font-mono);
664
- }
665
- }
666
- @layer base {
667
- *,
668
- ::after,
669
- ::before,
670
- ::backdrop,
671
- ::file-selector-button {
672
- box-sizing: border-box;
673
- margin: 0;
674
- padding: 0;
675
- border: 0 solid;
676
- }
677
- html,
678
- :host {
679
- line-height: 1.5;
680
- -webkit-text-size-adjust: 100%;
681
- -moz-tab-size: 4;
682
- -o-tab-size: 4;
683
- tab-size: 4;
684
- 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");
685
- font-feature-settings: var(--default-font-feature-settings, normal);
686
- font-variation-settings: var(--default-font-variation-settings, normal);
687
- -webkit-tap-highlight-color: transparent;
688
- }
689
- hr {
690
- height: 0;
691
- color: inherit;
692
- border-top-width: 1px;
693
- }
694
- abbr:where([title]) {
695
- -webkit-text-decoration: underline dotted;
696
- text-decoration: underline dotted;
697
- }
698
- h1,
699
- h2,
700
- h3,
701
- h4,
702
- h5,
703
- h6 {
704
- font-size: inherit;
705
- font-weight: inherit;
706
- }
707
- a {
708
- color: inherit;
709
- -webkit-text-decoration: inherit;
710
- text-decoration: inherit;
711
- }
712
- b,
713
- strong {
714
- font-weight: bolder;
715
- }
716
- code,
717
- kbd,
718
- samp,
719
- pre {
720
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
721
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
722
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
723
- font-size: 1em;
724
- }
725
- small {
726
- font-size: 80%;
727
- }
728
- sub,
729
- sup {
730
- font-size: 75%;
731
- line-height: 0;
732
- position: relative;
733
- vertical-align: baseline;
734
- }
735
- sub {
736
- bottom: -0.25em;
737
- }
738
- sup {
739
- top: -0.5em;
740
- }
741
- table {
742
- text-indent: 0;
743
- border-color: inherit;
744
- border-collapse: collapse;
745
- }
746
- :-moz-focusring {
747
- outline: auto;
748
- }
749
- progress {
750
- vertical-align: baseline;
751
- }
752
- summary {
753
- display: list-item;
754
- }
755
- ol,
756
- ul,
757
- menu {
758
- list-style: none;
759
- }
760
- img,
761
- svg,
762
- video,
763
- canvas,
764
- audio,
765
- iframe,
766
- embed,
767
- object {
768
- display: block;
769
- vertical-align: middle;
770
- }
771
- img,
772
- video {
773
- max-width: 100%;
774
- height: auto;
775
- }
776
- button,
777
- input,
778
- select,
779
- optgroup,
780
- textarea,
781
- ::file-selector-button {
782
- font: inherit;
783
- font-feature-settings: inherit;
784
- font-variation-settings: inherit;
785
- letter-spacing: inherit;
786
- color: inherit;
787
- border-radius: 0;
788
- background-color: transparent;
789
- opacity: 1;
790
- }
791
- :where(select:is([multiple], [size])) optgroup {
792
- font-weight: bolder;
793
- }
794
- :where(select:is([multiple], [size])) optgroup option {
795
- padding-inline-start: 20px;
796
- }
797
- ::file-selector-button {
798
- margin-inline-end: 4px;
799
- }
800
- ::-moz-placeholder {
801
- opacity: 1;
802
- }
803
- ::placeholder {
804
- opacity: 1;
805
- }
806
- @supports (not (-webkit-appearance: -apple-pay-button)) or
807
- (contain-intrinsic-size: 1px) {
808
- ::-moz-placeholder {
809
- color: currentcolor;
810
- @supports (color: color-mix(in lab, red, red)) {
811
- color: color-mix(in oklab, currentcolor 50%, transparent);
812
- }
813
- }
814
- ::placeholder {
815
- color: currentcolor;
816
- @supports (color: color-mix(in lab, red, red)) {
817
- color: color-mix(in oklab, currentcolor 50%, transparent);
818
- }
819
- }
820
- }
821
- textarea {
822
- resize: vertical;
823
- }
824
- ::-webkit-search-decoration {
825
- -webkit-appearance: none;
826
- }
827
- ::-webkit-date-and-time-value {
828
- min-height: 1lh;
829
- text-align: inherit;
830
- }
831
- ::-webkit-datetime-edit {
832
- display: inline-flex;
833
- }
834
- ::-webkit-datetime-edit-fields-wrapper {
835
- padding: 0;
836
- }
837
- ::-webkit-datetime-edit,
838
- ::-webkit-datetime-edit-year-field,
839
- ::-webkit-datetime-edit-month-field,
840
- ::-webkit-datetime-edit-day-field,
841
- ::-webkit-datetime-edit-hour-field,
842
- ::-webkit-datetime-edit-minute-field,
843
- ::-webkit-datetime-edit-second-field,
844
- ::-webkit-datetime-edit-millisecond-field,
845
- ::-webkit-datetime-edit-meridiem-field {
846
- padding-block: 0;
847
- }
848
- :-moz-ui-invalid {
849
- box-shadow: none;
850
- }
851
- button,
852
- input:where([type="button"], [type="reset"], [type="submit"]),
853
- ::file-selector-button {
854
- -webkit-appearance: button;
855
- -moz-appearance: button;
856
- appearance: button;
857
- }
858
- ::-webkit-inner-spin-button,
859
- ::-webkit-outer-spin-button {
860
- height: auto;
861
- }
862
- [hidden]:where(:not([hidden="until-found"])) {
863
- display: none !important;
864
- }
865
- }
866
- @layer utilities {
867
- .pointer-events-auto {
868
- pointer-events: auto;
869
- }
870
- .pointer-events-none {
871
- pointer-events: none;
872
- }
873
- .collapse {
874
- visibility: collapse;
875
- }
876
- .visible {
877
- visibility: visible;
878
- }
879
- .sr-only {
880
- position: absolute;
881
- width: 1px;
882
- height: 1px;
883
- padding: 0;
884
- margin: -1px;
885
- overflow: hidden;
886
- clip: rect(0, 0, 0, 0);
887
- white-space: nowrap;
888
- border-width: 0;
889
- }
890
- .absolute {
891
- position: absolute;
892
- }
893
- .fixed {
894
- position: fixed;
895
- }
896
- .fixed\! {
897
- position: fixed !important;
898
- }
899
- .relative {
900
- position: relative;
901
- }
902
- .static {
903
- position: static;
904
- }
905
- .sticky {
906
- position: sticky;
907
- }
908
- .inset-0 {
909
- inset: calc(var(--spacing) * 0);
910
- }
911
- .inset-y-0 {
912
- inset-block: calc(var(--spacing) * 0);
913
- }
914
- .-top-1 {
915
- top: calc(var(--spacing) * -1);
916
- }
917
- .-top-2 {
918
- top: calc(var(--spacing) * -2);
919
- }
920
- .-top-6 {
921
- top: calc(var(--spacing) * -6);
922
- }
923
- .top-0 {
924
- top: calc(var(--spacing) * 0);
925
- }
926
- .top-1\/2 {
927
- top: calc(1/2 * 100%);
928
- }
929
- .top-4 {
930
- top: calc(var(--spacing) * 4);
931
- }
932
- .top-16 {
933
- top: calc(var(--spacing) * 16);
934
- }
935
- .top-20 {
936
- top: calc(var(--spacing) * 20);
937
- }
938
- .top-40 {
939
- top: calc(var(--spacing) * 40);
940
- }
941
- .top-\[50\%\] {
942
- top: 50%;
943
- }
944
- .top-full {
945
- top: 100%;
946
- }
947
- .-right-1 {
948
- right: calc(var(--spacing) * -1);
949
- }
950
- .-right-2 {
951
- right: calc(var(--spacing) * -2);
952
- }
953
- .right-0 {
954
- right: calc(var(--spacing) * 0);
955
- }
956
- .right-1 {
957
- right: calc(var(--spacing) * 1);
958
- }
959
- .right-3 {
960
- right: calc(var(--spacing) * 3);
961
- }
962
- .right-4 {
963
- right: calc(var(--spacing) * 4);
964
- }
965
- .right-32 {
966
- right: calc(var(--spacing) * 32);
967
- }
968
- .right-full {
969
- right: 100%;
970
- }
971
- .bottom-0 {
972
- bottom: calc(var(--spacing) * 0);
973
- }
974
- .bottom-4 {
975
- bottom: calc(var(--spacing) * 4);
976
- }
977
- .bottom-40 {
978
- bottom: calc(var(--spacing) * 40);
979
- }
980
- .bottom-full {
981
- bottom: 100%;
982
- }
983
- .left-0 {
984
- left: calc(var(--spacing) * 0);
985
- }
986
- .left-1 {
987
- left: calc(var(--spacing) * 1);
988
- }
989
- .left-1\/2 {
990
- left: calc(1/2 * 100%);
991
- }
992
- .left-2 {
993
- left: calc(var(--spacing) * 2);
994
- }
995
- .left-3 {
996
- left: calc(var(--spacing) * 3);
997
- }
998
- .left-4 {
999
- left: calc(var(--spacing) * 4);
1000
- }
1001
- .left-20 {
1002
- left: calc(var(--spacing) * 20);
1003
- }
1004
- .left-32 {
1005
- left: calc(var(--spacing) * 32);
1006
- }
1007
- .left-\[50\%\] {
1008
- left: 50%;
1009
- }
1010
- .left-full {
1011
- left: 100%;
1012
- }
1013
- .z-10 {
1014
- z-index: 10;
1015
- }
1016
- .z-30 {
1017
- z-index: 30;
1018
- }
1019
- .z-40 {
1020
- z-index: 40;
1021
- }
1022
- .z-50 {
1023
- z-index: 50;
1024
- }
1025
- .col-span-1 {
1026
- grid-column: span 1 / span 1;
1027
- }
1028
- .container {
1029
- width: 100%;
1030
- @media (width >= 40rem) {
1031
- max-width: 40rem;
1032
- }
1033
- @media (width >= 48rem) {
1034
- max-width: 48rem;
1035
- }
1036
- @media (width >= 64rem) {
1037
- max-width: 64rem;
1038
- }
1039
- @media (width >= 80rem) {
1040
- max-width: 80rem;
1041
- }
1042
- @media (width >= 96rem) {
1043
- max-width: 96rem;
1044
- }
1045
- }
1046
- .m-12 {
1047
- margin: calc(var(--spacing) * 12);
1048
- }
1049
- .m-13 {
1050
- margin: calc(var(--spacing) * 13);
1051
- }
1052
- .-mx-1 {
1053
- margin-inline: calc(var(--spacing) * -1);
1054
- }
1055
- .mx-2 {
1056
- margin-inline: calc(var(--spacing) * 2);
1057
- }
1058
- .mx-8 {
1059
- margin-inline: calc(var(--spacing) * 8);
1060
- }
1061
- .mx-auto {
1062
- margin-inline: auto;
1063
- }
1064
- .my-1 {
1065
- margin-block: calc(var(--spacing) * 1);
1066
- }
1067
- .my-4 {
1068
- margin-block: calc(var(--spacing) * 4);
1069
- }
1070
- .-mt-1 {
1071
- margin-top: calc(var(--spacing) * -1);
1072
- }
1073
- .mt-0\.5 {
1074
- margin-top: calc(var(--spacing) * 0.5);
1075
- }
1076
- .mt-1 {
1077
- margin-top: calc(var(--spacing) * 1);
1078
- }
1079
- .mt-2 {
1080
- margin-top: calc(var(--spacing) * 2);
1081
- }
1082
- .mt-3 {
1083
- margin-top: calc(var(--spacing) * 3);
1084
- }
1085
- .mt-4 {
1086
- margin-top: calc(var(--spacing) * 4);
1087
- }
1088
- .mt-6 {
1089
- margin-top: calc(var(--spacing) * 6);
1090
- }
1091
- .mt-8 {
1092
- margin-top: calc(var(--spacing) * 8);
1093
- }
1094
- .mt-12 {
1095
- margin-top: calc(var(--spacing) * 12);
1096
- }
1097
- .-mr-1 {
1098
- margin-right: calc(var(--spacing) * -1);
1099
- }
1100
- .mr-1 {
1101
- margin-right: calc(var(--spacing) * 1);
1102
- }
1103
- .mr-2 {
1104
- margin-right: calc(var(--spacing) * 2);
1105
- }
1106
- .mr-4 {
1107
- margin-right: calc(var(--spacing) * 4);
1108
- }
1109
- .-mb-px {
1110
- margin-bottom: -1px;
1111
- }
1112
- .mb-1 {
1113
- margin-bottom: calc(var(--spacing) * 1);
1114
- }
1115
- .mb-2 {
1116
- margin-bottom: calc(var(--spacing) * 2);
1117
- }
1118
- .mb-3 {
1119
- margin-bottom: calc(var(--spacing) * 3);
1120
- }
1121
- .mb-4 {
1122
- margin-bottom: calc(var(--spacing) * 4);
1123
- }
1124
- .mb-6 {
1125
- margin-bottom: calc(var(--spacing) * 6);
1126
- }
1127
- .mb-8 {
1128
- margin-bottom: calc(var(--spacing) * 8);
1129
- }
1130
- .-ml-3 {
1131
- margin-left: calc(var(--spacing) * -3);
1132
- }
1133
- .ml-1 {
1134
- margin-left: calc(var(--spacing) * 1);
1135
- }
1136
- .ml-2 {
1137
- margin-left: calc(var(--spacing) * 2);
1138
- }
1139
- .ml-4 {
1140
- margin-left: calc(var(--spacing) * 4);
1141
- }
1142
- .ml-6 {
1143
- margin-left: calc(var(--spacing) * 6);
1144
- }
1145
- .ml-8 {
1146
- margin-left: calc(var(--spacing) * 8);
1147
- }
1148
- .ml-16 {
1149
- margin-left: calc(var(--spacing) * 16);
1150
- }
1151
- .ml-64 {
1152
- margin-left: calc(var(--spacing) * 64);
1153
- }
1154
- .ml-auto {
1155
- margin-left: auto;
1156
- }
1157
- .line-clamp-2 {
1158
- overflow: hidden;
1159
- display: -webkit-box;
1160
- -webkit-box-orient: vertical;
1161
- -webkit-line-clamp: 2;
1162
- }
1163
- .block {
1164
- display: block;
1165
- }
1166
- .contents {
1167
- display: contents;
1168
- }
1169
- .flex {
1170
- display: flex;
1171
- }
1172
- .grid {
1173
- display: grid;
1174
- }
1175
- .hidden {
1176
- display: none;
1177
- }
1178
- .inline {
1179
- display: inline;
1180
- }
1181
- .inline-block {
1182
- display: inline-block;
1183
- }
1184
- .inline-flex {
1185
- display: inline-flex;
1186
- }
1187
- .table {
1188
- display: table;
1189
- }
1190
- .aspect-square {
1191
- aspect-ratio: 1 / 1;
1192
- }
1193
- .h-0 {
1194
- height: calc(var(--spacing) * 0);
1195
- }
1196
- .h-1 {
1197
- height: calc(var(--spacing) * 1);
1198
- }
1199
- .h-2 {
1200
- height: calc(var(--spacing) * 2);
1201
- }
1202
- .h-2\.5 {
1203
- height: calc(var(--spacing) * 2.5);
1204
- }
1205
- .h-3 {
1206
- height: calc(var(--spacing) * 3);
1207
- }
1208
- .h-3\.5 {
1209
- height: calc(var(--spacing) * 3.5);
1210
- }
1211
- .h-4 {
1212
- height: calc(var(--spacing) * 4);
1213
- }
1214
- .h-5 {
1215
- height: calc(var(--spacing) * 5);
1216
- }
1217
- .h-6 {
1218
- height: calc(var(--spacing) * 6);
1219
- }
1220
- .h-7 {
1221
- height: calc(var(--spacing) * 7);
1222
- }
1223
- .h-8 {
1224
- height: calc(var(--spacing) * 8);
1225
- }
1226
- .h-9 {
1227
- height: calc(var(--spacing) * 9);
1228
- }
1229
- .h-10 {
1230
- height: calc(var(--spacing) * 10);
1231
- }
1232
- .h-11 {
1233
- height: calc(var(--spacing) * 11);
1234
- }
1235
- .h-12 {
1236
- height: calc(var(--spacing) * 12);
1237
- }
1238
- .h-16 {
1239
- height: calc(var(--spacing) * 16);
1240
- }
1241
- .h-24 {
1242
- height: calc(var(--spacing) * 24);
1243
- }
1244
- .h-32 {
1245
- height: calc(var(--spacing) * 32);
1246
- }
1247
- .h-40 {
1248
- height: calc(var(--spacing) * 40);
1249
- }
1250
- .h-\[calc\(100vh-4rem\)\] {
1251
- height: calc(100vh - 4rem);
1252
- }
1253
- .h-auto {
1254
- height: auto;
1255
- }
1256
- .h-full {
1257
- height: 100%;
1258
- }
1259
- .h-px {
1260
- height: 1px;
1261
- }
1262
- .max-h-64 {
1263
- max-height: calc(var(--spacing) * 64);
1264
- }
1265
- .max-h-\[90vh\] {
1266
- max-height: 90vh;
1267
- }
1268
- .min-h-0 {
1269
- min-height: calc(var(--spacing) * 0);
1270
- }
1271
- .min-h-10 {
1272
- min-height: calc(var(--spacing) * 10);
1273
- }
1274
- .min-h-96 {
1275
- min-height: calc(var(--spacing) * 96);
1276
- }
1277
- .min-h-\[400px\] {
1278
- min-height: 400px;
1279
- }
1280
- .min-h-screen {
1281
- min-height: 100vh;
1282
- }
1283
- .w-0 {
1284
- width: calc(var(--spacing) * 0);
1285
- }
1286
- .w-1\/2 {
1287
- width: calc(1/2 * 100%);
1288
- }
1289
- .w-1\/4 {
1290
- width: calc(1/4 * 100%);
1291
- }
1292
- .w-2 {
1293
- width: calc(var(--spacing) * 2);
1294
- }
1295
- .w-2\.5 {
1296
- width: calc(var(--spacing) * 2.5);
1297
- }
1298
- .w-2\/3 {
1299
- width: calc(2/3 * 100%);
1300
- }
1301
- .w-2\/5 {
1302
- width: calc(2/5 * 100%);
1303
- }
1304
- .w-3 {
1305
- width: calc(var(--spacing) * 3);
1306
- }
1307
- .w-3\.5 {
1308
- width: calc(var(--spacing) * 3.5);
1309
- }
1310
- .w-3\/4 {
1311
- width: calc(3/4 * 100%);
1312
- }
1313
- .w-3\/5 {
1314
- width: calc(3/5 * 100%);
1315
- }
1316
- .w-4 {
1317
- width: calc(var(--spacing) * 4);
1318
- }
1319
- .w-4\/5 {
1320
- width: calc(4/5 * 100%);
1321
- }
1322
- .w-5 {
1323
- width: calc(var(--spacing) * 5);
1324
- }
1325
- .w-6 {
1326
- width: calc(var(--spacing) * 6);
1327
- }
1328
- .w-7 {
1329
- width: calc(var(--spacing) * 7);
1330
- }
1331
- .w-8 {
1332
- width: calc(var(--spacing) * 8);
1333
- }
1334
- .w-9 {
1335
- width: calc(var(--spacing) * 9);
1336
- }
1337
- .w-10 {
1338
- width: calc(var(--spacing) * 10);
1339
- }
1340
- .w-11 {
1341
- width: calc(var(--spacing) * 11);
1342
- }
1343
- .w-12 {
1344
- width: calc(var(--spacing) * 12);
1345
- }
1346
- .w-16 {
1347
- width: calc(var(--spacing) * 16);
1348
- }
1349
- .w-20 {
1350
- width: calc(var(--spacing) * 20);
1351
- }
1352
- .w-24 {
1353
- width: calc(var(--spacing) * 24);
1354
- }
1355
- .w-32 {
1356
- width: calc(var(--spacing) * 32);
1357
- }
1358
- .w-40 {
1359
- width: calc(var(--spacing) * 40);
1360
- }
1361
- .w-48 {
1362
- width: calc(var(--spacing) * 48);
1363
- }
1364
- .w-56 {
1365
- width: calc(var(--spacing) * 56);
1366
- }
1367
- .w-64 {
1368
- width: calc(var(--spacing) * 64);
1369
- }
1370
- .w-72 {
1371
- width: calc(var(--spacing) * 72);
1372
- }
1373
- .w-80 {
1374
- width: calc(var(--spacing) * 80);
1375
- }
1376
- .w-\[60px\] {
1377
- width: 60px;
1378
- }
1379
- .w-\[70px\] {
1380
- width: 70px;
1381
- }
1382
- .w-\[80px\] {
1383
- width: 80px;
1384
- }
1385
- .w-\[100px\] {
1386
- width: 100px;
1387
- }
1388
- .w-\[200px\] {
1389
- width: 200px;
1390
- }
1391
- .w-\[250px\] {
1392
- width: 250px;
1393
- }
1394
- .w-auto {
1395
- width: auto;
1396
- }
1397
- .w-full {
1398
- width: 100%;
1399
- }
1400
- .w-px {
1401
- width: 1px;
1402
- }
1403
- .\!max-w-none {
1404
- max-width: none !important;
1405
- }
1406
- .max-w-2xl {
1407
- max-width: var(--container-2xl);
1408
- }
1409
- .max-w-3xl {
1410
- max-width: var(--container-3xl);
1411
- }
1412
- .max-w-6xl {
1413
- max-width: var(--container-6xl);
1414
- }
1415
- .max-w-7xl {
1416
- max-width: var(--container-7xl);
1417
- }
1418
- .max-w-24 {
1419
- max-width: calc(var(--spacing) * 24);
1420
- }
1421
- .max-w-32 {
1422
- max-width: calc(var(--spacing) * 32);
1423
- }
1424
- .max-w-48 {
1425
- max-width: calc(var(--spacing) * 48);
1426
- }
1427
- .max-w-64 {
1428
- max-width: calc(var(--spacing) * 64);
1429
- }
1430
- .max-w-80 {
1431
- max-width: calc(var(--spacing) * 80);
1432
- }
1433
- .max-w-\[90vw\] {
1434
- max-width: 90vw;
1435
- }
1436
- .max-w-\[96rem\] {
1437
- max-width: 96rem;
1438
- }
1439
- .max-w-\[100px\] {
1440
- max-width: 100px;
1441
- }
1442
- .max-w-\[150px\] {
1443
- max-width: 150px;
1444
- }
1445
- .max-w-\[200px\] {
1446
- max-width: 200px;
1447
- }
1448
- .max-w-\[250px\] {
1449
- max-width: 250px;
1450
- }
1451
- .max-w-full {
1452
- max-width: 100%;
1453
- }
1454
- .max-w-lg {
1455
- max-width: var(--container-lg);
1456
- }
1457
- .max-w-md {
1458
- max-width: var(--container-md);
1459
- }
1460
- .max-w-none {
1461
- max-width: none;
1462
- }
1463
- .max-w-sm {
1464
- max-width: var(--container-sm);
1465
- }
1466
- .max-w-xl {
1467
- max-width: var(--container-xl);
1468
- }
1469
- .max-w-xs {
1470
- max-width: var(--container-xs);
1471
- }
1472
- .\!min-w-0 {
1473
- min-width: calc(var(--spacing) * 0) !important;
1474
- }
1475
- .min-w-0 {
1476
- min-width: calc(var(--spacing) * 0);
1477
- }
1478
- .min-w-5 {
1479
- min-width: calc(var(--spacing) * 5);
1480
- }
1481
- .min-w-48 {
1482
- min-width: calc(var(--spacing) * 48);
1483
- }
1484
- .min-w-\[1\.5rem\] {
1485
- min-width: 1.5rem;
1486
- }
1487
- .min-w-\[1rem\] {
1488
- min-width: 1rem;
1489
- }
1490
- .min-w-\[2\.5rem\] {
1491
- min-width: 2.5rem;
1492
- }
1493
- .min-w-\[2rem\] {
1494
- min-width: 2rem;
1495
- }
1496
- .min-w-\[8rem\] {
1497
- min-width: 8rem;
1498
- }
1499
- .min-w-\[140px\] {
1500
- min-width: 140px;
1501
- }
1502
- .min-w-\[200px\] {
1503
- min-width: 200px;
1504
- }
1505
- .min-w-\[300px\] {
1506
- min-width: 300px;
1507
- }
1508
- .flex-1 {
1509
- flex: 1;
1510
- }
1511
- .flex-shrink-0 {
1512
- flex-shrink: 0;
1513
- }
1514
- .shrink-0 {
1515
- flex-shrink: 0;
1516
- }
1517
- .flex-grow {
1518
- flex-grow: 1;
1519
- }
1520
- .caption-bottom {
1521
- caption-side: bottom;
1522
- }
1523
- .-translate-x-1\/2 {
1524
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1525
- translate: var(--tw-translate-x) var(--tw-translate-y);
1526
- }
1527
- .translate-x-0\.5 {
1528
- --tw-translate-x: calc(var(--spacing) * 0.5);
1529
- translate: var(--tw-translate-x) var(--tw-translate-y);
1530
- }
1531
- .translate-x-5 {
1532
- --tw-translate-x: calc(var(--spacing) * 5);
1533
- translate: var(--tw-translate-x) var(--tw-translate-y);
1534
- }
1535
- .translate-x-10 {
1536
- --tw-translate-x: calc(var(--spacing) * 10);
1537
- translate: var(--tw-translate-x) var(--tw-translate-y);
1538
- }
1539
- .translate-x-\[-50\%\] {
1540
- --tw-translate-x: -50%;
1541
- translate: var(--tw-translate-x) var(--tw-translate-y);
1542
- }
1543
- .-translate-y-1\/2 {
1544
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1545
- translate: var(--tw-translate-x) var(--tw-translate-y);
1546
- }
1547
- .translate-y-\[-50\%\] {
1548
- --tw-translate-y: -50%;
1549
- translate: var(--tw-translate-x) var(--tw-translate-y);
1550
- }
1551
- .scale-110 {
1552
- --tw-scale-x: 110%;
1553
- --tw-scale-y: 110%;
1554
- --tw-scale-z: 110%;
1555
- scale: var(--tw-scale-x) var(--tw-scale-y);
1556
- }
1557
- .scale-\[1\.02\] {
1558
- scale: 1.02;
1559
- }
1560
- .rotate-0 {
1561
- rotate: 0deg;
1562
- }
1563
- .rotate-90 {
1564
- rotate: 90deg;
1565
- }
1566
- .rotate-180 {
1567
- rotate: 180deg;
1568
- }
1569
- .transform {
1570
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1571
- }
1572
- .animate-none {
1573
- animation: none;
1574
- }
1575
- .animate-pulse {
1576
- animation: var(--animate-pulse);
1577
- }
1578
- .animate-spin {
1579
- animation: var(--animate-spin);
1580
- }
1581
- .cursor-default {
1582
- cursor: default;
1583
- }
1584
- .cursor-help {
1585
- cursor: help;
1586
- }
1587
- .cursor-not-allowed {
1588
- cursor: not-allowed;
1589
- }
1590
- .cursor-pointer {
1591
- cursor: pointer;
1592
- }
1593
- .cursor-wait {
1594
- cursor: wait;
1595
- }
1596
- .resize {
1597
- resize: both;
1598
- }
1599
- .list-inside {
1600
- list-style-position: inside;
1601
- }
1602
- .list-disc {
1603
- list-style-type: disc;
1604
- }
1605
- .appearance-none {
1606
- -webkit-appearance: none;
1607
- -moz-appearance: none;
1608
- appearance: none;
1609
- }
1610
- .grid-cols-1 {
1611
- grid-template-columns: repeat(1, minmax(0, 1fr));
1612
- }
1613
- .grid-cols-2 {
1614
- grid-template-columns: repeat(2, minmax(0, 1fr));
1615
- }
1616
- .grid-cols-3 {
1617
- grid-template-columns: repeat(3, minmax(0, 1fr));
1618
- }
1619
- .grid-cols-4 {
1620
- grid-template-columns: repeat(4, minmax(0, 1fr));
1621
- }
1622
- .grid-cols-5 {
1623
- grid-template-columns: repeat(5, minmax(0, 1fr));
1624
- }
1625
- .grid-cols-6 {
1626
- grid-template-columns: repeat(6, minmax(0, 1fr));
1627
- }
1628
- .grid-cols-7 {
1629
- grid-template-columns: repeat(7, minmax(0, 1fr));
1630
- }
1631
- .grid-cols-8 {
1632
- grid-template-columns: repeat(8, minmax(0, 1fr));
1633
- }
1634
- .grid-cols-11 {
1635
- grid-template-columns: repeat(11, minmax(0, 1fr));
1636
- }
1637
- .flex-col {
1638
- flex-direction: column;
1639
- }
1640
- .flex-col-reverse {
1641
- flex-direction: column-reverse;
1642
- }
1643
- .flex-row {
1644
- flex-direction: row;
1645
- }
1646
- .flex-wrap {
1647
- flex-wrap: wrap;
1648
- }
1649
- .items-baseline {
1650
- align-items: baseline;
1651
- }
1652
- .items-center {
1653
- align-items: center;
1654
- }
1655
- .items-end {
1656
- align-items: flex-end;
1657
- }
1658
- .items-start {
1659
- align-items: flex-start;
1660
- }
1661
- .justify-between {
1662
- justify-content: space-between;
1663
- }
1664
- .justify-center {
1665
- justify-content: center;
1666
- }
1667
- .justify-end {
1668
- justify-content: flex-end;
1669
- }
1670
- .justify-start {
1671
- justify-content: flex-start;
1672
- }
1673
- .gap-1 {
1674
- gap: calc(var(--spacing) * 1);
1675
- }
1676
- .gap-1\.5 {
1677
- gap: calc(var(--spacing) * 1.5);
1678
- }
1679
- .gap-2 {
1680
- gap: calc(var(--spacing) * 2);
1681
- }
1682
- .gap-3 {
1683
- gap: calc(var(--spacing) * 3);
1684
- }
1685
- .gap-4 {
1686
- gap: calc(var(--spacing) * 4);
1687
- }
1688
- .gap-6 {
1689
- gap: calc(var(--spacing) * 6);
1690
- }
1691
- .gap-8 {
1692
- gap: calc(var(--spacing) * 8);
1693
- }
1694
- .gap-20 {
1695
- gap: calc(var(--spacing) * 20);
1696
- }
1697
- .gap-21 {
1698
- gap: calc(var(--spacing) * 21);
1699
- }
1700
- .space-y-0\.5 {
1701
- :where(& > :not(:last-child)) {
1702
- --tw-space-y-reverse: 0;
1703
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1704
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1705
- }
1706
- }
1707
- .space-y-1 {
1708
- :where(& > :not(:last-child)) {
1709
- --tw-space-y-reverse: 0;
1710
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1711
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1712
- }
1713
- }
1714
- .space-y-1\.5 {
1715
- :where(& > :not(:last-child)) {
1716
- --tw-space-y-reverse: 0;
1717
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1718
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1719
- }
1720
- }
1721
- .space-y-2 {
1722
- :where(& > :not(:last-child)) {
1723
- --tw-space-y-reverse: 0;
1724
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1725
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1726
- }
1727
- }
1728
- .space-y-3 {
1729
- :where(& > :not(:last-child)) {
1730
- --tw-space-y-reverse: 0;
1731
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1732
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1733
- }
1734
- }
1735
- .space-y-4 {
1736
- :where(& > :not(:last-child)) {
1737
- --tw-space-y-reverse: 0;
1738
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1739
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1740
- }
1741
- }
1742
- .space-y-5 {
1743
- :where(& > :not(:last-child)) {
1744
- --tw-space-y-reverse: 0;
1745
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1746
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1747
- }
1748
- }
1749
- .space-y-6 {
1750
- :where(& > :not(:last-child)) {
1751
- --tw-space-y-reverse: 0;
1752
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
1753
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1754
- }
1755
- }
1756
- .space-y-8 {
1757
- :where(& > :not(:last-child)) {
1758
- --tw-space-y-reverse: 0;
1759
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
1760
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
1761
- }
1762
- }
1763
- .space-x-1 {
1764
- :where(& > :not(:last-child)) {
1765
- --tw-space-x-reverse: 0;
1766
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
1767
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
1768
- }
1769
- }
1770
- .space-x-2 {
1771
- :where(& > :not(:last-child)) {
1772
- --tw-space-x-reverse: 0;
1773
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1774
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1775
- }
1776
- }
1777
- .space-x-3 {
1778
- :where(& > :not(:last-child)) {
1779
- --tw-space-x-reverse: 0;
1780
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
1781
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
1782
- }
1783
- }
1784
- .space-x-4 {
1785
- :where(& > :not(:last-child)) {
1786
- --tw-space-x-reverse: 0;
1787
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
1788
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
1789
- }
1790
- }
1791
- .space-x-8 {
1792
- :where(& > :not(:last-child)) {
1793
- --tw-space-x-reverse: 0;
1794
- margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
1795
- margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
1796
- }
1797
- }
1798
- .truncate {
1799
- overflow: hidden;
1800
- text-overflow: ellipsis;
1801
- white-space: nowrap;
1802
- }
1803
- .overflow-auto {
1804
- overflow: auto;
1805
- }
1806
- .overflow-hidden {
1807
- overflow: hidden;
1808
- }
1809
- .overflow-x-auto {
1810
- overflow-x: auto;
1811
- }
1812
- .overflow-y-auto {
1813
- overflow-y: auto;
1814
- }
1815
- .rounded {
1816
- border-radius: 0.25rem;
1817
- }
1818
- .rounded-2xl {
1819
- border-radius: var(--radius-2xl);
1820
- }
1821
- .rounded-3xl {
1822
- border-radius: var(--radius-3xl);
1823
- }
1824
- .rounded-\[--radius\] {
1825
- border-radius: --radius;
1826
- }
1827
- .rounded-\[calc\(var\(--radius\)-2px\)\] {
1828
- border-radius: calc(var(--radius) - 2px);
1829
- }
1830
- .rounded-\[var\(--radius\)\] {
1831
- border-radius: var(--radius);
1832
- }
1833
- .rounded-full {
1834
- border-radius: calc(infinity * 1px);
1835
- }
1836
- .rounded-lg {
1837
- border-radius: var(--radius-lg);
1838
- }
1839
- .rounded-md {
1840
- border-radius: var(--radius-md);
1841
- }
1842
- .rounded-none {
1843
- border-radius: 0;
1844
- }
1845
- .rounded-sm {
1846
- border-radius: var(--radius-sm);
1847
- }
1848
- .rounded-xl {
1849
- border-radius: var(--radius-xl);
1850
- }
1851
- .rounded-xs {
1852
- border-radius: var(--radius-xs);
1853
- }
1854
- .rounded-t {
1855
- border-top-left-radius: 0.25rem;
1856
- border-top-right-radius: 0.25rem;
1857
- }
1858
- .border {
1859
- border-style: var(--tw-border-style);
1860
- border-width: 1px;
1861
- }
1862
- .border-0 {
1863
- border-style: var(--tw-border-style);
1864
- border-width: 0px;
1865
- }
1866
- .border-2 {
1867
- border-style: var(--tw-border-style);
1868
- border-width: 2px;
1869
- }
1870
- .border-4 {
1871
- border-style: var(--tw-border-style);
1872
- border-width: 4px;
1873
- }
1874
- .border-t {
1875
- border-top-style: var(--tw-border-style);
1876
- border-top-width: 1px;
1877
- }
1878
- .border-r {
1879
- border-right-style: var(--tw-border-style);
1880
- border-right-width: 1px;
1881
- }
1882
- .border-b {
1883
- border-bottom-style: var(--tw-border-style);
1884
- border-bottom-width: 1px;
1885
- }
1886
- .border-b-0 {
1887
- border-bottom-style: var(--tw-border-style);
1888
- border-bottom-width: 0px;
1889
- }
1890
- .border-b-2 {
1891
- border-bottom-style: var(--tw-border-style);
1892
- border-bottom-width: 2px;
1893
- }
1894
- .border-l {
1895
- border-left-style: var(--tw-border-style);
1896
- border-left-width: 1px;
1897
- }
1898
- .border-l-4 {
1899
- border-left-style: var(--tw-border-style);
1900
- border-left-width: 4px;
1901
- }
1902
- .border-dashed {
1903
- --tw-border-style: dashed;
1904
- border-style: dashed;
1905
- }
1906
- .border-black {
1907
- border-color: var(--color-black);
1908
- }
1909
- .border-gray-100 {
1910
- border-color: var(--color-gray-100);
1911
- }
1912
- .border-gray-200 {
1913
- border-color: var(--color-gray-200);
1914
- }
1915
- .border-gray-300 {
1916
- border-color: var(--color-gray-300);
1917
- }
1918
- .border-transparent {
1919
- border-color: transparent;
1920
- }
1921
- .border-white {
1922
- border-color: var(--color-white);
1923
- }
1924
- .border-white\/50 {
1925
- border-color: color-mix(in srgb, #fff 50%, transparent);
1926
- @supports (color: color-mix(in lab, red, red)) {
1927
- border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
1928
- }
1929
- }
1930
- .border-t-transparent {
1931
- border-top-color: transparent;
1932
- }
1933
- .border-r-transparent {
1934
- border-right-color: transparent;
1935
- }
1936
- .border-b-transparent {
1937
- border-bottom-color: transparent;
1938
- }
1939
- .border-l-transparent {
1940
- border-left-color: transparent;
1941
- }
1942
- .bg-black {
1943
- background-color: var(--color-black);
1944
- }
1945
- .bg-black\/0 {
1946
- background-color: color-mix(in srgb, #000 0%, transparent);
1947
- @supports (color: color-mix(in lab, red, red)) {
1948
- background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
1949
- }
1950
- }
1951
- .bg-black\/50 {
1952
- background-color: color-mix(in srgb, #000 50%, transparent);
1953
- @supports (color: color-mix(in lab, red, red)) {
1954
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1955
- }
1956
- }
1957
- .bg-blue-100 {
1958
- background-color: var(--color-blue-100);
1959
- }
1960
- .bg-blue-500 {
1961
- background-color: var(--color-blue-500);
1962
- }
1963
- .bg-blue-600 {
1964
- background-color: var(--color-blue-600);
1965
- }
1966
- .bg-current\/10 {
1967
- background-color: currentcolor;
1968
- @supports (color: color-mix(in lab, red, red)) {
1969
- background-color: color-mix(in oklab, currentcolor 10%, transparent);
1970
- }
1971
- }
1972
- .bg-current\/30 {
1973
- background-color: currentcolor;
1974
- @supports (color: color-mix(in lab, red, red)) {
1975
- background-color: color-mix(in oklab, currentcolor 30%, transparent);
1976
- }
1977
- }
1978
- .bg-gray-50 {
1979
- background-color: var(--color-gray-50);
1980
- }
1981
- .bg-gray-100 {
1982
- background-color: var(--color-gray-100);
1983
- }
1984
- .bg-gray-200 {
1985
- background-color: var(--color-gray-200);
1986
- }
1987
- .bg-gray-300 {
1988
- background-color: var(--color-gray-300);
1989
- }
1990
- .bg-gray-400 {
1991
- background-color: var(--color-gray-400);
1992
- }
1993
- .bg-gray-500 {
1994
- background-color: var(--color-gray-500);
1995
- }
1996
- .bg-gray-600 {
1997
- background-color: var(--color-gray-600);
1998
- }
1999
- .bg-gray-700 {
2000
- background-color: var(--color-gray-700);
2001
- }
2002
- .bg-gray-800 {
2003
- background-color: var(--color-gray-800);
2004
- }
2005
- .bg-gray-900 {
2006
- background-color: var(--color-gray-900);
2007
- }
2008
- .bg-gray-950 {
2009
- background-color: var(--color-gray-950);
2010
- }
2011
- .bg-green-100 {
2012
- background-color: var(--color-green-100);
2013
- }
2014
- .bg-green-500 {
2015
- background-color: var(--color-green-500);
2016
- }
2017
- .bg-red-100 {
2018
- background-color: var(--color-red-100);
2019
- }
2020
- .bg-red-500 {
2021
- background-color: var(--color-red-500);
2022
- }
2023
- .bg-transparent {
2024
- background-color: transparent;
2025
- }
2026
- .bg-white {
2027
- background-color: var(--color-white);
2028
- }
2029
- .bg-gradient-to-br {
2030
- --tw-gradient-position: to bottom right in oklab;
2031
- background-image: linear-gradient(var(--tw-gradient-stops));
2032
- }
2033
- .bg-gradient-to-r {
2034
- --tw-gradient-position: to right in oklab;
2035
- background-image: linear-gradient(var(--tw-gradient-stops));
2036
- }
2037
- .bg-\[image\:radial-gradient\(circle\,var\(--muted\)_1px\,transparent_1px\)\] {
2038
- background-image: radial-gradient(circle,var(--muted) 1px,transparent 1px);
2039
- }
2040
- .bg-\[image\:repeating-linear-gradient\(45deg\,transparent\,transparent_1rem\,var\(--muted\/20\)_1rem\,var\(--muted\/20\)_2rem\)\] {
2041
- background-image: repeating-linear-gradient(45deg,transparent,transparent 1rem,var(--muted/20) 1rem,var(--muted/20) 2rem);
2042
- }
2043
- .from-current {
2044
- --tw-gradient-from: currentcolor;
2045
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2046
- }
2047
- .via-current\/60 {
2048
- --tw-gradient-via: currentcolor;
2049
- @supports (color: color-mix(in lab, red, red)) {
2050
- --tw-gradient-via: color-mix(in oklab, currentcolor 60%, transparent);
2051
- }
2052
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
2053
- --tw-gradient-stops: var(--tw-gradient-via-stops);
2054
- }
2055
- .via-current\/80 {
2056
- --tw-gradient-via: currentcolor;
2057
- @supports (color: color-mix(in lab, red, red)) {
2058
- --tw-gradient-via: color-mix(in oklab, currentcolor 80%, transparent);
2059
- }
2060
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
2061
- --tw-gradient-stops: var(--tw-gradient-via-stops);
2062
- }
2063
- .to-current {
2064
- --tw-gradient-to: currentcolor;
2065
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2066
- }
2067
- .bg-\[length\:1rem_1rem\] {
2068
- background-size: 1rem 1rem;
2069
- }
2070
- .bg-\[length\:2rem_100\%\] {
2071
- background-size: 2rem 100%;
2072
- }
2073
- .bg-\[size\:1rem_1rem\] {
2074
- background-size: 1rem 1rem;
2075
- }
2076
- .bg-\[size\:2rem_2rem\] {
2077
- background-size: 2rem 2rem;
2078
- }
2079
- .bg-\[size\:4rem_2rem\] {
2080
- background-size: 4rem 2rem;
2081
- }
2082
- .bg-clip-text {
2083
- -webkit-background-clip: text;
2084
- background-clip: text;
2085
- }
2086
- .bg-repeat-x {
2087
- background-repeat: repeat-x;
2088
- }
2089
- .fill-current {
2090
- fill: currentcolor;
2091
- }
2092
- .object-cover {
2093
- -o-object-fit: cover;
2094
- object-fit: cover;
2095
- }
2096
- .\!p-1 {
2097
- padding: calc(var(--spacing) * 1) !important;
2098
- }
2099
- .p-0 {
2100
- padding: calc(var(--spacing) * 0);
2101
- }
2102
- .p-1 {
2103
- padding: calc(var(--spacing) * 1);
2104
- }
2105
- .p-2 {
2106
- padding: calc(var(--spacing) * 2);
2107
- }
2108
- .p-2\.5 {
2109
- padding: calc(var(--spacing) * 2.5);
2110
- }
2111
- .p-3 {
2112
- padding: calc(var(--spacing) * 3);
2113
- }
2114
- .p-4 {
2115
- padding: calc(var(--spacing) * 4);
2116
- }
2117
- .p-5 {
2118
- padding: calc(var(--spacing) * 5);
2119
- }
2120
- .p-6 {
2121
- padding: calc(var(--spacing) * 6);
2122
- }
2123
- .p-7 {
2124
- padding: calc(var(--spacing) * 7);
2125
- }
2126
- .p-8 {
2127
- padding: calc(var(--spacing) * 8);
2128
- }
2129
- .p-12 {
2130
- padding: calc(var(--spacing) * 12);
2131
- }
2132
- .p-\[var\(--card-padding\)\] {
2133
- padding: var(--card-padding);
2134
- }
2135
- .px-1 {
2136
- padding-inline: calc(var(--spacing) * 1);
2137
- }
2138
- .px-1\.5 {
2139
- padding-inline: calc(var(--spacing) * 1.5);
2140
- }
2141
- .px-2 {
2142
- padding-inline: calc(var(--spacing) * 2);
2143
- }
2144
- .px-2\.5 {
2145
- padding-inline: calc(var(--spacing) * 2.5);
2146
- }
2147
- .px-3 {
2148
- padding-inline: calc(var(--spacing) * 3);
2149
- }
2150
- .px-4 {
2151
- padding-inline: calc(var(--spacing) * 4);
2152
- }
2153
- .px-5 {
2154
- padding-inline: calc(var(--spacing) * 5);
2155
- }
2156
- .px-6 {
2157
- padding-inline: calc(var(--spacing) * 6);
2158
- }
2159
- .px-8 {
2160
- padding-inline: calc(var(--spacing) * 8);
2161
- }
2162
- .py-0\.5 {
2163
- padding-block: calc(var(--spacing) * 0.5);
2164
- }
2165
- .py-1 {
2166
- padding-block: calc(var(--spacing) * 1);
2167
- }
2168
- .py-1\.5 {
2169
- padding-block: calc(var(--spacing) * 1.5);
2170
- }
2171
- .py-2 {
2172
- padding-block: calc(var(--spacing) * 2);
2173
- }
2174
- .py-3 {
2175
- padding-block: calc(var(--spacing) * 3);
2176
- }
2177
- .py-4 {
2178
- padding-block: calc(var(--spacing) * 4);
2179
- }
2180
- .py-6 {
2181
- padding-block: calc(var(--spacing) * 6);
2182
- }
2183
- .py-8 {
2184
- padding-block: calc(var(--spacing) * 8);
2185
- }
2186
- .py-12 {
2187
- padding-block: calc(var(--spacing) * 12);
2188
- }
2189
- .pt-0 {
2190
- padding-top: calc(var(--spacing) * 0);
2191
- }
2192
- .pt-2 {
2193
- padding-top: calc(var(--spacing) * 2);
2194
- }
2195
- .pt-3 {
2196
- padding-top: calc(var(--spacing) * 3);
2197
- }
2198
- .pt-4 {
2199
- padding-top: calc(var(--spacing) * 4);
2200
- }
2201
- .pt-6 {
2202
- padding-top: calc(var(--spacing) * 6);
2203
- }
2204
- .pt-16 {
2205
- padding-top: calc(var(--spacing) * 16);
2206
- }
2207
- .pr-2 {
2208
- padding-right: calc(var(--spacing) * 2);
2209
- }
2210
- .pr-3 {
2211
- padding-right: calc(var(--spacing) * 3);
2212
- }
2213
- .pr-4 {
2214
- padding-right: calc(var(--spacing) * 4);
2215
- }
2216
- .pr-10 {
2217
- padding-right: calc(var(--spacing) * 10);
2218
- }
2219
- .pr-20 {
2220
- padding-right: calc(var(--spacing) * 20);
2221
- }
2222
- .pb-4 {
2223
- padding-bottom: calc(var(--spacing) * 4);
2224
- }
2225
- .pb-6 {
2226
- padding-bottom: calc(var(--spacing) * 6);
2227
- }
2228
- .pl-4 {
2229
- padding-left: calc(var(--spacing) * 4);
2230
- }
2231
- .pl-8 {
2232
- padding-left: calc(var(--spacing) * 8);
2233
- }
2234
- .pl-10 {
2235
- padding-left: calc(var(--spacing) * 10);
2236
- }
2237
- .pl-12 {
2238
- padding-left: calc(var(--spacing) * 12);
2239
- }
2240
- .text-center {
2241
- text-align: center;
2242
- }
2243
- .text-left {
2244
- text-align: left;
2245
- }
2246
- .text-right {
2247
- text-align: right;
2248
- }
2249
- .align-middle {
2250
- vertical-align: middle;
2251
- }
2252
- .font-mono {
2253
- font-family: var(--font-mono);
2254
- }
2255
- .text-2xl {
2256
- font-size: var(--text-2xl);
2257
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2258
- }
2259
- .text-3xl {
2260
- font-size: var(--text-3xl);
2261
- line-height: var(--tw-leading, var(--text-3xl--line-height));
2262
- }
2263
- .text-4xl {
2264
- font-size: var(--text-4xl);
2265
- line-height: var(--tw-leading, var(--text-4xl--line-height));
2266
- }
2267
- .text-base {
2268
- font-size: var(--text-base);
2269
- line-height: var(--tw-leading, var(--text-base--line-height));
2270
- }
2271
- .text-lg {
2272
- font-size: var(--text-lg);
2273
- line-height: var(--tw-leading, var(--text-lg--line-height));
2274
- }
2275
- .text-sm {
2276
- font-size: var(--text-sm);
2277
- line-height: var(--tw-leading, var(--text-sm--line-height));
2278
- }
2279
- .text-xl {
2280
- font-size: var(--text-xl);
2281
- line-height: var(--tw-leading, var(--text-xl--line-height));
2282
- }
2283
- .text-xs {
2284
- font-size: var(--text-xs);
2285
- line-height: var(--tw-leading, var(--text-xs--line-height));
2286
- }
2287
- .text-\[10px\] {
2288
- font-size: 10px;
2289
- }
2290
- .text-\[11px\] {
2291
- font-size: 11px;
2292
- }
2293
- .text-\[13px\] {
2294
- font-size: 13px;
2295
- }
2296
- .leading-none {
2297
- --tw-leading: 1;
2298
- line-height: 1;
2299
- }
2300
- .leading-relaxed {
2301
- --tw-leading: var(--leading-relaxed);
2302
- line-height: var(--leading-relaxed);
2303
- }
2304
- .font-bold {
2305
- --tw-font-weight: var(--font-weight-bold);
2306
- font-weight: var(--font-weight-bold);
2307
- }
2308
- .font-light {
2309
- --tw-font-weight: var(--font-weight-light);
2310
- font-weight: var(--font-weight-light);
2311
- }
2312
- .font-medium {
2313
- --tw-font-weight: var(--font-weight-medium);
2314
- font-weight: var(--font-weight-medium);
2315
- }
2316
- .font-normal {
2317
- --tw-font-weight: var(--font-weight-normal);
2318
- font-weight: var(--font-weight-normal);
2319
- }
2320
- .font-semibold {
2321
- --tw-font-weight: var(--font-weight-semibold);
2322
- font-weight: var(--font-weight-semibold);
2323
- }
2324
- .font-thin {
2325
- --tw-font-weight: var(--font-weight-thin);
2326
- font-weight: var(--font-weight-thin);
2327
- }
2328
- .tracking-tight {
2329
- --tw-tracking: var(--tracking-tight);
2330
- letter-spacing: var(--tracking-tight);
2331
- }
2332
- .tracking-wide {
2333
- --tw-tracking: var(--tracking-wide);
2334
- letter-spacing: var(--tracking-wide);
2335
- }
2336
- .tracking-wider {
2337
- --tw-tracking: var(--tracking-wider);
2338
- letter-spacing: var(--tracking-wider);
2339
- }
2340
- .tracking-widest {
2341
- --tw-tracking: var(--tracking-widest);
2342
- letter-spacing: var(--tracking-widest);
2343
- }
2344
- .whitespace-nowrap {
2345
- white-space: nowrap;
2346
- }
2347
- .whitespace-pre-wrap {
2348
- white-space: pre-wrap;
2349
- }
2350
- .text-black {
2351
- color: var(--color-black);
2352
- }
2353
- .text-blue-500 {
2354
- color: var(--color-blue-500);
2355
- }
2356
- .text-blue-600 {
2357
- color: var(--color-blue-600);
2358
- }
2359
- .text-blue-800 {
2360
- color: var(--color-blue-800);
2361
- }
2362
- .text-current {
2363
- color: currentcolor;
2364
- }
2365
- .text-gray-500 {
2366
- color: var(--color-gray-500);
2367
- }
2368
- .text-gray-600 {
2369
- color: var(--color-gray-600);
2370
- }
2371
- .text-gray-700 {
2372
- color: var(--color-gray-700);
2373
- }
2374
- .text-gray-800 {
2375
- color: var(--color-gray-800);
2376
- }
2377
- .text-gray-900 {
2378
- color: var(--color-gray-900);
2379
- }
2380
- .text-green-600 {
2381
- color: var(--color-green-600);
2382
- }
2383
- .text-green-700 {
2384
- color: var(--color-green-700);
2385
- }
2386
- .text-green-800 {
2387
- color: var(--color-green-800);
2388
- }
2389
- .text-red-600 {
2390
- color: var(--color-red-600);
2391
- }
2392
- .text-red-800 {
2393
- color: var(--color-red-800);
2394
- }
2395
- .text-transparent {
2396
- color: transparent;
2397
- }
2398
- .text-white {
2399
- color: var(--color-white);
2400
- }
2401
- .text-yellow-600 {
2402
- color: var(--color-yellow-600);
2403
- }
2404
- .text-yellow-800 {
2405
- color: var(--color-yellow-800);
2406
- }
2407
- .capitalize {
2408
- text-transform: capitalize;
2409
- }
2410
- .lowercase {
2411
- text-transform: lowercase;
2412
- }
2413
- .uppercase {
2414
- text-transform: uppercase;
2415
- }
2416
- .tabular-nums {
2417
- --tw-numeric-spacing: tabular-nums;
2418
- font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2419
- }
2420
- .overline {
2421
- text-decoration-line: overline;
2422
- }
2423
- .underline {
2424
- text-decoration-line: underline;
2425
- }
2426
- .underline-offset-4 {
2427
- text-underline-offset: 4px;
2428
- }
2429
- .opacity-0 {
2430
- opacity: 0%;
2431
- }
2432
- .opacity-5 {
2433
- opacity: 5%;
2434
- }
2435
- .opacity-50 {
2436
- opacity: 50%;
2437
- }
2438
- .opacity-60 {
2439
- opacity: 60%;
2440
- }
2441
- .opacity-100 {
2442
- opacity: 100%;
2443
- }
2444
- .shadow {
2445
- --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));
2446
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2447
- }
2448
- .shadow-2xl {
2449
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
2450
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2451
- }
2452
- .shadow-\[0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\,0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\] {
2453
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2454
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2455
- }
2456
- .shadow-inner {
2457
- --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2458
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2459
- }
2460
- .shadow-lg {
2461
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2462
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2463
- }
2464
- .shadow-md {
2465
- --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));
2466
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2467
- }
2468
- .shadow-none {
2469
- --tw-shadow: 0 0 #0000;
2470
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2471
- }
2472
- .shadow-sm {
2473
- --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));
2474
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2475
- }
2476
- .shadow-xl {
2477
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2478
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2479
- }
2480
- .ring {
2481
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2482
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2483
- }
2484
- .ring-0 {
2485
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2486
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2487
- }
2488
- .ring-1 {
2489
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2490
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2491
- }
2492
- .ring-2 {
2493
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2494
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2495
- }
2496
- .outline {
2497
- outline-style: var(--tw-outline-style);
2498
- outline-width: 1px;
2499
- }
2500
- .blur-2xl {
2501
- --tw-blur: blur(var(--blur-2xl));
2502
- 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,);
2503
- }
2504
- .blur-lg {
2505
- --tw-blur: blur(var(--blur-lg));
2506
- 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,);
2507
- }
2508
- .blur-xl {
2509
- --tw-blur: blur(var(--blur-xl));
2510
- 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,);
2511
- }
2512
- .drop-shadow {
2513
- --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
2514
- --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
2515
- 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,);
2516
- }
2517
- .grayscale {
2518
- --tw-grayscale: grayscale(100%);
2519
- 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,);
2520
- }
2521
- .filter {
2522
- 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,);
2523
- }
2524
- .backdrop-blur {
2525
- --tw-backdrop-blur: blur(8px);
2526
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2527
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2528
- }
2529
- .backdrop-blur-sm {
2530
- --tw-backdrop-blur: blur(var(--blur-sm));
2531
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2532
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2533
- }
2534
- .transition {
2535
- 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;
2536
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2537
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2538
- }
2539
- .transition-all {
2540
- transition-property: all;
2541
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2542
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2543
- }
2544
- .transition-colors {
2545
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2546
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2547
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2548
- }
2549
- .transition-opacity {
2550
- transition-property: opacity;
2551
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2552
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2553
- }
2554
- .transition-shadow {
2555
- transition-property: box-shadow;
2556
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2557
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2558
- }
2559
- .transition-transform {
2560
- transition-property: transform, translate, scale, rotate;
2561
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2562
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2563
- }
2564
- .transition-none {
2565
- transition-property: none;
2566
- }
2567
- .delay-500 {
2568
- transition-delay: 500ms;
2569
- }
2570
- .delay-1000 {
2571
- transition-delay: 1000ms;
2572
- }
2573
- .duration-50 {
2574
- --tw-duration: 50ms;
2575
- transition-duration: 50ms;
2576
- }
2577
- .duration-100 {
2578
- --tw-duration: 100ms;
2579
- transition-duration: 100ms;
2580
- }
2581
- .duration-150 {
2582
- --tw-duration: 150ms;
2583
- transition-duration: 150ms;
2584
- }
2585
- .duration-200 {
2586
- --tw-duration: 200ms;
2587
- transition-duration: 200ms;
2588
- }
2589
- .duration-300 {
2590
- --tw-duration: 300ms;
2591
- transition-duration: 300ms;
2592
- }
2593
- .duration-500 {
2594
- --tw-duration: 500ms;
2595
- transition-duration: 500ms;
2596
- }
2597
- .ease-in-out {
2598
- --tw-ease: var(--ease-in-out);
2599
- transition-timing-function: var(--ease-in-out);
2600
- }
2601
- .ease-linear {
2602
- --tw-ease: linear;
2603
- transition-timing-function: linear;
2604
- }
2605
- .ease-out {
2606
- --tw-ease: var(--ease-out);
2607
- transition-timing-function: var(--ease-out);
2608
- }
2609
- .outline-none {
2610
- --tw-outline-style: none;
2611
- outline-style: none;
2612
- }
2613
- .select-none {
2614
- -webkit-user-select: none;
2615
- -moz-user-select: none;
2616
- user-select: none;
2617
- }
2618
- .group-hover\:translate-x-1 {
2619
- &:is(:where(.group):hover *) {
2620
- @media (hover: hover) {
2621
- --tw-translate-x: calc(var(--spacing) * 1);
2622
- translate: var(--tw-translate-x) var(--tw-translate-y);
2623
- }
2624
- }
2625
- }
2626
- .group-hover\:scale-105 {
2627
- &:is(:where(.group):hover *) {
2628
- @media (hover: hover) {
2629
- --tw-scale-x: 105%;
2630
- --tw-scale-y: 105%;
2631
- --tw-scale-z: 105%;
2632
- scale: var(--tw-scale-x) var(--tw-scale-y);
2633
- }
2634
- }
2635
- }
2636
- .group-hover\:scale-110 {
2637
- &:is(:where(.group):hover *) {
2638
- @media (hover: hover) {
2639
- --tw-scale-x: 110%;
2640
- --tw-scale-y: 110%;
2641
- --tw-scale-z: 110%;
2642
- scale: var(--tw-scale-x) var(--tw-scale-y);
2643
- }
2644
- }
2645
- }
2646
- .group-hover\:bg-black\/10 {
2647
- &:is(:where(.group):hover *) {
2648
- @media (hover: hover) {
2649
- background-color: color-mix(in srgb, #000 10%, transparent);
2650
- @supports (color: color-mix(in lab, red, red)) {
2651
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
2652
- }
2653
- }
2654
- }
2655
- }
2656
- .group-hover\:opacity-100 {
2657
- &:is(:where(.group):hover *) {
2658
- @media (hover: hover) {
2659
- opacity: 100%;
2660
- }
2661
- }
2662
- }
2663
- .peer-disabled\:cursor-not-allowed {
2664
- &:is(:where(.peer):disabled ~ *) {
2665
- cursor: not-allowed;
2666
- }
2667
- }
2668
- .peer-disabled\:opacity-70 {
2669
- &:is(:where(.peer):disabled ~ *) {
2670
- opacity: 70%;
2671
- }
2672
- }
2673
- .file\:border-0 {
2674
- &::file-selector-button {
2675
- border-style: var(--tw-border-style);
2676
- border-width: 0px;
2677
- }
2678
- }
2679
- .file\:bg-transparent {
2680
- &::file-selector-button {
2681
- background-color: transparent;
2682
- }
2683
- }
2684
- .file\:text-sm {
2685
- &::file-selector-button {
2686
- font-size: var(--text-sm);
2687
- line-height: var(--tw-leading, var(--text-sm--line-height));
2688
- }
2689
- }
2690
- .file\:font-medium {
2691
- &::file-selector-button {
2692
- --tw-font-weight: var(--font-weight-medium);
2693
- font-weight: var(--font-weight-medium);
2694
- }
2695
- }
2696
- .after\:ml-0\.5 {
2697
- &::after {
2698
- content: var(--tw-content);
2699
- margin-left: calc(var(--spacing) * 0.5);
2700
- }
2701
- }
2702
- .after\:content-\[\'\*\'\] {
2703
- &::after {
2704
- content: var(--tw-content);
2705
- --tw-content: '*';
2706
- content: var(--tw-content);
2707
- }
2708
- }
2709
- .last\:border-b-0 {
2710
- &:last-child {
2711
- border-bottom-style: var(--tw-border-style);
2712
- border-bottom-width: 0px;
2713
- }
2714
- }
2715
- .last\:pb-0 {
2716
- &:last-child {
2717
- padding-bottom: calc(var(--spacing) * 0);
2718
- }
2719
- }
2720
- .checked\:border-transparent {
2721
- &:checked {
2722
- border-color: transparent;
2723
- }
2724
- }
2725
- .checked\:bg-current {
2726
- &:checked {
2727
- background-color: currentcolor;
2728
- }
2729
- }
2730
- .indeterminate\:border-transparent {
2731
- &:indeterminate {
2732
- border-color: transparent;
2733
- }
2734
- }
2735
- .indeterminate\:bg-current {
2736
- &:indeterminate {
2737
- background-color: currentcolor;
2738
- }
2739
- }
2740
- .hover\:-translate-y-0\.5 {
2741
- &:hover {
2742
- @media (hover: hover) {
2743
- --tw-translate-y: calc(var(--spacing) * -0.5);
2744
- translate: var(--tw-translate-x) var(--tw-translate-y);
2745
- }
2746
- }
2747
- }
2748
- .hover\:scale-105 {
2749
- &:hover {
2750
- @media (hover: hover) {
2751
- --tw-scale-x: 105%;
2752
- --tw-scale-y: 105%;
2753
- --tw-scale-z: 105%;
2754
- scale: var(--tw-scale-x) var(--tw-scale-y);
2755
- }
2756
- }
2757
- }
2758
- .hover\:scale-\[1\.01\] {
2759
- &:hover {
2760
- @media (hover: hover) {
2761
- scale: 1.01;
2762
- }
2763
- }
2764
- }
2765
- .hover\:scale-\[1\.02\] {
2766
- &:hover {
2767
- @media (hover: hover) {
2768
- scale: 1.02;
2769
- }
2770
- }
2771
- }
2772
- .hover\:scale-\[1\.03\] {
2773
- &:hover {
2774
- @media (hover: hover) {
2775
- scale: 1.03;
2776
- }
2777
- }
2778
- }
2779
- .hover\:border-solid {
2780
- &:hover {
2781
- @media (hover: hover) {
2782
- --tw-border-style: solid;
2783
- border-style: solid;
2784
- }
2785
- }
2786
- }
2787
- .hover\:bg-black\/10 {
2788
- &:hover {
2789
- @media (hover: hover) {
2790
- background-color: color-mix(in srgb, #000 10%, transparent);
2791
- @supports (color: color-mix(in lab, red, red)) {
2792
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
2793
- }
2794
- }
2795
- }
2796
- }
2797
- .hover\:bg-current\/10 {
2798
- &:hover {
2799
- @media (hover: hover) {
2800
- background-color: currentcolor;
2801
- @supports (color: color-mix(in lab, red, red)) {
2802
- background-color: color-mix(in oklab, currentcolor 10%, transparent);
2803
- }
2804
- }
2805
- }
2806
- }
2807
- .hover\:bg-gray-50 {
2808
- &:hover {
2809
- @media (hover: hover) {
2810
- background-color: var(--color-gray-50);
2811
- }
2812
- }
2813
- }
2814
- .hover\:bg-gray-50\/50 {
2815
- &:hover {
2816
- @media (hover: hover) {
2817
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
2818
- @supports (color: color-mix(in lab, red, red)) {
2819
- background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
2820
- }
2821
- }
2822
- }
2823
- }
2824
- .hover\:bg-gray-100 {
2825
- &:hover {
2826
- @media (hover: hover) {
2827
- background-color: var(--color-gray-100);
2828
- }
2829
- }
2830
- }
2831
- .hover\:bg-gray-200 {
2832
- &:hover {
2833
- @media (hover: hover) {
2834
- background-color: var(--color-gray-200);
2835
- }
2836
- }
2837
- }
2838
- .hover\:underline {
2839
- &:hover {
2840
- @media (hover: hover) {
2841
- text-decoration-line: underline;
2842
- }
2843
- }
2844
- }
2845
- .hover\:opacity-80 {
2846
- &:hover {
2847
- @media (hover: hover) {
2848
- opacity: 80%;
2849
- }
2850
- }
2851
- }
2852
- .hover\:shadow {
2853
- &:hover {
2854
- @media (hover: hover) {
2855
- --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));
2856
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2857
- }
2858
- }
2859
- }
2860
- .hover\:shadow-lg {
2861
- &:hover {
2862
- @media (hover: hover) {
2863
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2864
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2865
- }
2866
- }
2867
- }
2868
- .hover\:shadow-md {
2869
- &:hover {
2870
- @media (hover: hover) {
2871
- --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));
2872
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2873
- }
2874
- }
2875
- }
2876
- .hover\:shadow-sm {
2877
- &:hover {
2878
- @media (hover: hover) {
2879
- --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));
2880
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2881
- }
2882
- }
2883
- }
2884
- .hover\:ring-2 {
2885
- &:hover {
2886
- @media (hover: hover) {
2887
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2888
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2889
- }
2890
- }
2891
- }
2892
- .hover\:brightness-110 {
2893
- &:hover {
2894
- @media (hover: hover) {
2895
- --tw-brightness: brightness(110%);
2896
- 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,);
2897
- }
2898
- }
2899
- }
2900
- .focus\:ring-2 {
2901
- &:focus {
2902
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2903
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2904
- }
2905
- }
2906
- .focus\:ring-offset-2 {
2907
- &:focus {
2908
- --tw-ring-offset-width: 2px;
2909
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2910
- }
2911
- }
2912
- .focus\:outline-none {
2913
- &:focus {
2914
- --tw-outline-style: none;
2915
- outline-style: none;
2916
- }
2917
- }
2918
- .focus-visible\:ring-2 {
2919
- &:focus-visible {
2920
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2921
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2922
- }
2923
- }
2924
- .focus-visible\:ring-offset-0 {
2925
- &:focus-visible {
2926
- --tw-ring-offset-width: 0px;
2927
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2928
- }
2929
- }
2930
- .focus-visible\:ring-offset-2 {
2931
- &:focus-visible {
2932
- --tw-ring-offset-width: 2px;
2933
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2934
- }
2935
- }
2936
- .focus-visible\:outline-none {
2937
- &:focus-visible {
2938
- --tw-outline-style: none;
2939
- outline-style: none;
2940
- }
2941
- }
2942
- .active\:scale-95 {
2943
- &:active {
2944
- --tw-scale-x: 95%;
2945
- --tw-scale-y: 95%;
2946
- --tw-scale-z: 95%;
2947
- scale: var(--tw-scale-x) var(--tw-scale-y);
2948
- }
2949
- }
2950
- .active\:scale-\[0\.97\] {
2951
- &:active {
2952
- scale: 0.97;
2953
- }
2954
- }
2955
- .active\:scale-\[0\.98\] {
2956
- &:active {
2957
- scale: 0.98;
2958
- }
2959
- }
2960
- .active\:scale-\[0\.99\] {
2961
- &:active {
2962
- scale: 0.99;
2963
- }
2964
- }
2965
- .disabled\:pointer-events-none {
2966
- &:disabled {
2967
- pointer-events: none;
2968
- }
2969
- }
2970
- .disabled\:cursor-not-allowed {
2971
- &:disabled {
2972
- cursor: not-allowed;
2973
- }
2974
- }
2975
- .disabled\:opacity-50 {
2976
- &:disabled {
2977
- opacity: 50%;
2978
- }
2979
- }
2980
- .data-\[disabled\]\:pointer-events-none {
2981
- &[data-disabled] {
2982
- pointer-events: none;
2983
- }
2984
- }
2985
- .data-\[disabled\]\:opacity-50 {
2986
- &[data-disabled] {
2987
- opacity: 50%;
2988
- }
2989
- }
2990
- .data-\[state\=selected\]\:bg-gray-100 {
2991
- &[data-state="selected"] {
2992
- background-color: var(--color-gray-100);
2993
- }
2994
- }
2995
- .sm\:pointer-events-none {
2996
- @media (width >= 40rem) {
2997
- pointer-events: none;
2998
- }
2999
- }
3000
- .sm\:\!block {
3001
- @media (width >= 40rem) {
3002
- display: block !important;
3003
- }
3004
- }
3005
- .sm\:hidden {
3006
- @media (width >= 40rem) {
3007
- display: none;
3008
- }
3009
- }
3010
- .sm\:inline {
3011
- @media (width >= 40rem) {
3012
- display: inline;
3013
- }
3014
- }
3015
- .sm\:\!h-auto {
3016
- @media (width >= 40rem) {
3017
- height: auto !important;
3018
- }
3019
- }
3020
- .sm\:h-10 {
3021
- @media (width >= 40rem) {
3022
- height: calc(var(--spacing) * 10);
3023
- }
3024
- }
3025
- .sm\:w-10 {
3026
- @media (width >= 40rem) {
3027
- width: calc(var(--spacing) * 10);
3028
- }
3029
- }
3030
- .sm\:w-auto {
3031
- @media (width >= 40rem) {
3032
- width: auto;
3033
- }
3034
- }
3035
- .sm\:cursor-default {
3036
- @media (width >= 40rem) {
3037
- cursor: default;
3038
- }
3039
- }
3040
- .sm\:grid-cols-2 {
3041
- @media (width >= 40rem) {
3042
- grid-template-columns: repeat(2, minmax(0, 1fr));
3043
- }
3044
- }
3045
- .sm\:flex-row {
3046
- @media (width >= 40rem) {
3047
- flex-direction: row;
3048
- }
3049
- }
3050
- .sm\:items-center {
3051
- @media (width >= 40rem) {
3052
- align-items: center;
3053
- }
3054
- }
3055
- .sm\:justify-end {
3056
- @media (width >= 40rem) {
3057
- justify-content: flex-end;
3058
- }
3059
- }
3060
- .sm\:gap-2 {
3061
- @media (width >= 40rem) {
3062
- gap: calc(var(--spacing) * 2);
3063
- }
3064
- }
3065
- .sm\:p-3 {
3066
- @media (width >= 40rem) {
3067
- padding: calc(var(--spacing) * 3);
3068
- }
3069
- }
3070
- .sm\:p-4 {
3071
- @media (width >= 40rem) {
3072
- padding: calc(var(--spacing) * 4);
3073
- }
3074
- }
3075
- .sm\:p-6 {
3076
- @media (width >= 40rem) {
3077
- padding: calc(var(--spacing) * 6);
3078
- }
3079
- }
3080
- .sm\:px-2 {
3081
- @media (width >= 40rem) {
3082
- padding-inline: calc(var(--spacing) * 2);
3083
- }
3084
- }
3085
- .sm\:px-6 {
3086
- @media (width >= 40rem) {
3087
- padding-inline: calc(var(--spacing) * 6);
3088
- }
3089
- }
3090
- .sm\:py-2 {
3091
- @media (width >= 40rem) {
3092
- padding-block: calc(var(--spacing) * 2);
3093
- }
3094
- }
3095
- .sm\:py-6 {
3096
- @media (width >= 40rem) {
3097
- padding-block: calc(var(--spacing) * 6);
3098
- }
3099
- }
3100
- .sm\:py-8 {
3101
- @media (width >= 40rem) {
3102
- padding-block: calc(var(--spacing) * 8);
3103
- }
3104
- }
3105
- .sm\:text-left {
3106
- @media (width >= 40rem) {
3107
- text-align: left;
3108
- }
3109
- }
3110
- .sm\:text-3xl {
3111
- @media (width >= 40rem) {
3112
- font-size: var(--text-3xl);
3113
- line-height: var(--tw-leading, var(--text-3xl--line-height));
3114
- }
3115
- }
3116
- .sm\:text-lg {
3117
- @media (width >= 40rem) {
3118
- font-size: var(--text-lg);
3119
- line-height: var(--tw-leading, var(--text-lg--line-height));
3120
- }
3121
- }
3122
- .sm\:\!opacity-100 {
3123
- @media (width >= 40rem) {
3124
- opacity: 100% !important;
3125
- }
3126
- }
3127
- .md\:col-span-1 {
3128
- @media (width >= 48rem) {
3129
- grid-column: span 1 / span 1;
3130
- }
3131
- }
3132
- .md\:grid-cols-1 {
3133
- @media (width >= 48rem) {
3134
- grid-template-columns: repeat(1, minmax(0, 1fr));
3135
- }
3136
- }
3137
- .md\:grid-cols-2 {
3138
- @media (width >= 48rem) {
3139
- grid-template-columns: repeat(2, minmax(0, 1fr));
3140
- }
3141
- }
3142
- .md\:grid-cols-3 {
3143
- @media (width >= 48rem) {
3144
- grid-template-columns: repeat(3, minmax(0, 1fr));
3145
- }
3146
- }
3147
- .md\:grid-cols-4 {
3148
- @media (width >= 48rem) {
3149
- grid-template-columns: repeat(4, minmax(0, 1fr));
3150
- }
3151
- }
3152
- .md\:grid-cols-6 {
3153
- @media (width >= 48rem) {
3154
- grid-template-columns: repeat(6, minmax(0, 1fr));
3155
- }
3156
- }
3157
- .md\:grid-cols-8 {
3158
- @media (width >= 48rem) {
3159
- grid-template-columns: repeat(8, minmax(0, 1fr));
3160
- }
3161
- }
3162
- .md\:grid-cols-11 {
3163
- @media (width >= 48rem) {
3164
- grid-template-columns: repeat(11, minmax(0, 1fr));
3165
- }
3166
- }
3167
- .md\:p-3\.5 {
3168
- @media (width >= 48rem) {
3169
- padding: calc(var(--spacing) * 3.5);
3170
- }
3171
- }
3172
- .md\:p-4 {
3173
- @media (width >= 48rem) {
3174
- padding: calc(var(--spacing) * 4);
3175
- }
3176
- }
3177
- .md\:p-5 {
3178
- @media (width >= 48rem) {
3179
- padding: calc(var(--spacing) * 5);
3180
- }
3181
- }
3182
- .md\:p-7 {
3183
- @media (width >= 48rem) {
3184
- padding: calc(var(--spacing) * 7);
3185
- }
3186
- }
3187
- .md\:px-3 {
3188
- @media (width >= 48rem) {
3189
- padding-inline: calc(var(--spacing) * 3);
3190
- }
3191
- }
3192
- .md\:px-6 {
3193
- @media (width >= 48rem) {
3194
- padding-inline: calc(var(--spacing) * 6);
3195
- }
3196
- }
3197
- .md\:py-6 {
3198
- @media (width >= 48rem) {
3199
- padding-block: calc(var(--spacing) * 6);
3200
- }
3201
- }
3202
- .lg\:col-span-1 {
3203
- @media (width >= 64rem) {
3204
- grid-column: span 1 / span 1;
3205
- }
3206
- }
3207
- .lg\:col-span-2 {
3208
- @media (width >= 64rem) {
3209
- grid-column: span 2 / span 2;
3210
- }
3211
- }
3212
- .lg\:col-span-3 {
3213
- @media (width >= 64rem) {
3214
- grid-column: span 3 / span 3;
3215
- }
3216
- }
3217
- .lg\:mx-auto {
3218
- @media (width >= 64rem) {
3219
- margin-inline: auto;
3220
- }
3221
- }
3222
- .lg\:w-fit {
3223
- @media (width >= 64rem) {
3224
- width: -moz-fit-content;
3225
- width: fit-content;
3226
- }
3227
- }
3228
- .lg\:grid-cols-2 {
3229
- @media (width >= 64rem) {
3230
- grid-template-columns: repeat(2, minmax(0, 1fr));
3231
- }
3232
- }
3233
- .lg\:grid-cols-3 {
3234
- @media (width >= 64rem) {
3235
- grid-template-columns: repeat(3, minmax(0, 1fr));
3236
- }
3237
- }
3238
- .lg\:grid-cols-4 {
3239
- @media (width >= 64rem) {
3240
- grid-template-columns: repeat(4, minmax(0, 1fr));
3241
- }
3242
- }
3243
- .lg\:flex-row {
3244
- @media (width >= 64rem) {
3245
- flex-direction: row;
3246
- }
3247
- }
3248
- .lg\:gap-3 {
3249
- @media (width >= 64rem) {
3250
- gap: calc(var(--spacing) * 3);
3251
- }
3252
- }
3253
- .lg\:p-4 {
3254
- @media (width >= 64rem) {
3255
- padding: calc(var(--spacing) * 4);
3256
- }
3257
- }
3258
- .lg\:p-6 {
3259
- @media (width >= 64rem) {
3260
- padding: calc(var(--spacing) * 6);
3261
- }
3262
- }
3263
- .lg\:p-8 {
3264
- @media (width >= 64rem) {
3265
- padding: calc(var(--spacing) * 8);
3266
- }
3267
- }
3268
- .lg\:px-8 {
3269
- @media (width >= 64rem) {
3270
- padding-inline: calc(var(--spacing) * 8);
3271
- }
3272
- }
3273
- .lg\:py-8 {
3274
- @media (width >= 64rem) {
3275
- padding-block: calc(var(--spacing) * 8);
3276
- }
3277
- }
3278
- .lg\:py-12 {
3279
- @media (width >= 64rem) {
3280
- padding-block: calc(var(--spacing) * 12);
3281
- }
3282
- }
3283
- .lg\:text-4xl {
3284
- @media (width >= 64rem) {
3285
- font-size: var(--text-4xl);
3286
- line-height: var(--tw-leading, var(--text-4xl--line-height));
3287
- }
3288
- }
3289
- .xl\:grid-cols-4 {
3290
- @media (width >= 80rem) {
3291
- grid-template-columns: repeat(4, minmax(0, 1fr));
3292
- }
3293
- }
3294
- .xl\:p-5 {
3295
- @media (width >= 80rem) {
3296
- padding: calc(var(--spacing) * 5);
3297
- }
3298
- }
3299
- .xl\:p-8 {
3300
- @media (width >= 80rem) {
3301
- padding: calc(var(--spacing) * 8);
3302
- }
3303
- }
3304
- .xl\:p-10 {
3305
- @media (width >= 80rem) {
3306
- padding: calc(var(--spacing) * 10);
3307
- }
3308
- }
3309
- .\[\&_table\]\:table-fixed {
3310
- & table {
3311
- table-layout: fixed;
3312
- }
3313
- }
3314
- .\[\&_td\]\:px-3 {
3315
- & td {
3316
- padding-inline: calc(var(--spacing) * 3);
3317
- }
3318
- }
3319
- .\[\&_td\]\:py-2 {
3320
- & td {
3321
- padding-block: calc(var(--spacing) * 2);
3322
- }
3323
- }
3324
- .\[\&_th\]\:px-3 {
3325
- & th {
3326
- padding-inline: calc(var(--spacing) * 3);
3327
- }
3328
- }
3329
- .\[\&_th\]\:py-2 {
3330
- & th {
3331
- padding-block: calc(var(--spacing) * 2);
3332
- }
3333
- }
3334
- .\[\&_th\]\:py-2\.5 {
3335
- & th {
3336
- padding-block: calc(var(--spacing) * 2.5);
3337
- }
3338
- }
3339
- .\[\&_th\]\:text-xs {
3340
- & th {
3341
- font-size: var(--text-xs);
3342
- line-height: var(--tw-leading, var(--text-xs--line-height));
3343
- }
3344
- }
3345
- .\[\&_th\]\:font-medium {
3346
- & th {
3347
- --tw-font-weight: var(--font-weight-medium);
3348
- font-weight: var(--font-weight-medium);
3349
- }
3350
- }
3351
- .\[\&_tr\]\:border-b {
3352
- & tr {
3353
- border-bottom-style: var(--tw-border-style);
3354
- border-bottom-width: 1px;
3355
- }
3356
- }
3357
- .\[\&_tr\:last-child\]\:border-0 {
3358
- & tr:last-child {
3359
- border-style: var(--tw-border-style);
3360
- border-width: 0px;
3361
- }
3362
- }
3363
- .\[\&\:checked\]\:after\:absolute {
3364
- &:checked {
3365
- &::after {
3366
- content: var(--tw-content);
3367
- position: absolute;
3368
- }
3369
- }
3370
- }
3371
- .\[\&\:checked\]\:after\:top-\[0\.125rem\] {
3372
- &:checked {
3373
- &::after {
3374
- content: var(--tw-content);
3375
- top: 0.125rem;
3376
- }
3377
- }
3378
- }
3379
- .\[\&\:checked\]\:after\:left-\[0\.125rem\] {
3380
- &:checked {
3381
- &::after {
3382
- content: var(--tw-content);
3383
- left: 0.125rem;
3384
- }
3385
- }
3386
- }
3387
- .\[\&\:checked\]\:after\:h-\[0\.375rem\] {
3388
- &:checked {
3389
- &::after {
3390
- content: var(--tw-content);
3391
- height: 0.375rem;
3392
- }
3393
- }
3394
- }
3395
- .\[\&\:checked\]\:after\:w-\[0\.625rem\] {
3396
- &:checked {
3397
- &::after {
3398
- content: var(--tw-content);
3399
- width: 0.625rem;
3400
- }
3401
- }
3402
- }
3403
- .\[\&\:checked\]\:after\:rotate-\[-45deg\] {
3404
- &:checked {
3405
- &::after {
3406
- content: var(--tw-content);
3407
- rotate: -45deg;
3408
- }
3409
- }
3410
- }
3411
- .\[\&\:checked\]\:after\:border-\[2px\] {
3412
- &:checked {
3413
- &::after {
3414
- content: var(--tw-content);
3415
- border-style: var(--tw-border-style);
3416
- border-width: 2px;
3417
- }
3418
- }
3419
- }
3420
- .\[\&\:checked\]\:after\:border-t-0 {
3421
- &:checked {
3422
- &::after {
3423
- content: var(--tw-content);
3424
- border-top-style: var(--tw-border-style);
3425
- border-top-width: 0px;
3426
- }
3427
- }
3428
- }
3429
- .\[\&\:checked\]\:after\:border-r-0 {
3430
- &:checked {
3431
- &::after {
3432
- content: var(--tw-content);
3433
- border-right-style: var(--tw-border-style);
3434
- border-right-width: 0px;
3435
- }
3436
- }
3437
- }
3438
- .\[\&\:checked\]\:after\:border-white {
3439
- &:checked {
3440
- &::after {
3441
- content: var(--tw-content);
3442
- border-color: var(--color-white);
3443
- }
3444
- }
3445
- }
3446
- .\[\&\:checked\]\:after\:content-\[\"\"\] {
3447
- &:checked {
3448
- &::after {
3449
- content: var(--tw-content);
3450
- --tw-content: "";
3451
- content: var(--tw-content);
3452
- }
3453
- }
3454
- }
3455
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
3456
- &:has([role=checkbox]) {
3457
- padding-right: calc(var(--spacing) * 0);
3458
- }
3459
- }
3460
- .\[\&\:indeterminate\]\:after\:absolute {
3461
- &:indeterminate {
3462
- &::after {
3463
- content: var(--tw-content);
3464
- position: absolute;
3465
- }
3466
- }
3467
- }
3468
- .\[\&\:indeterminate\]\:after\:top-1\/2 {
3469
- &:indeterminate {
3470
- &::after {
3471
- content: var(--tw-content);
3472
- top: calc(1/2 * 100%);
3473
- }
3474
- }
3475
- }
3476
- .\[\&\:indeterminate\]\:after\:left-1\/2 {
3477
- &:indeterminate {
3478
- &::after {
3479
- content: var(--tw-content);
3480
- left: calc(1/2 * 100%);
3481
- }
3482
- }
3483
- }
3484
- .\[\&\:indeterminate\]\:after\:h-0\.5 {
3485
- &:indeterminate {
3486
- &::after {
3487
- content: var(--tw-content);
3488
- height: calc(var(--spacing) * 0.5);
3489
- }
3490
- }
3491
- }
3492
- .\[\&\:indeterminate\]\:after\:w-2\/3 {
3493
- &:indeterminate {
3494
- &::after {
3495
- content: var(--tw-content);
3496
- width: calc(2/3 * 100%);
3497
- }
3498
- }
3499
- }
3500
- .\[\&\:indeterminate\]\:after\:-translate-x-1\/2 {
3501
- &:indeterminate {
3502
- &::after {
3503
- content: var(--tw-content);
3504
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
3505
- translate: var(--tw-translate-x) var(--tw-translate-y);
3506
- }
3507
- }
3508
- }
3509
- .\[\&\:indeterminate\]\:after\:-translate-y-1\/2 {
3510
- &:indeterminate {
3511
- &::after {
3512
- content: var(--tw-content);
3513
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3514
- translate: var(--tw-translate-x) var(--tw-translate-y);
3515
- }
3516
- }
3517
- }
3518
- .\[\&\:indeterminate\]\:after\:bg-white {
3519
- &:indeterminate {
3520
- &::after {
3521
- content: var(--tw-content);
3522
- background-color: var(--color-white);
3523
- }
3524
- }
3525
- }
3526
- .\[\&\:indeterminate\]\:after\:content-\[\"\"\] {
3527
- &:indeterminate {
3528
- &::after {
3529
- content: var(--tw-content);
3530
- --tw-content: "";
3531
- content: var(--tw-content);
3532
- }
3533
- }
3534
- }
3535
- .\[\&\>button\]\:rounded-full {
3536
- &>button {
3537
- border-radius: calc(infinity * 1px);
3538
- }
3539
- }
3540
- .\[\&\>button\]\:border-b-2 {
3541
- &>button {
3542
- border-bottom-style: var(--tw-border-style);
3543
- border-bottom-width: 2px;
3544
- }
3545
- }
3546
- .\[\&\>button\]\:border-transparent {
3547
- &>button {
3548
- border-color: transparent;
3549
- }
3550
- }
3551
- .\[\&\>button\]\:px-4 {
3552
- &>button {
3553
- padding-inline: calc(var(--spacing) * 4);
3554
- }
3555
- }
3556
- .\[\&\>span\]\:h-3 {
3557
- &>span {
3558
- height: calc(var(--spacing) * 3);
3559
- }
3560
- }
3561
- .\[\&\>span\]\:h-5 {
3562
- &>span {
3563
- height: calc(var(--spacing) * 5);
3564
- }
3565
- }
3566
- .\[\&\>span\]\:w-3 {
3567
- &>span {
3568
- width: calc(var(--spacing) * 3);
3569
- }
3570
- }
3571
- .\[\&\>span\]\:w-5 {
3572
- &>span {
3573
- width: calc(var(--spacing) * 5);
3574
- }
3575
- }
3576
- .\[\&\>tr\]\:last\:border-b-0 {
3577
- &>tr {
3578
- &:last-child {
3579
- border-bottom-style: var(--tw-border-style);
3580
- border-bottom-width: 0px;
3581
- }
3582
- }
3583
- }
3584
- }
3585
- @layer components {
3586
- .palette-ocean-depth {
3587
- --background: 220 26% 14%;
3588
- --foreground: 195 100% 95%;
3589
- --card: 220 24% 16%;
3590
- --card-foreground: 195 100% 95%;
3591
- --popover: 220 24% 16%;
3592
- --popover-foreground: 195 100% 95%;
3593
- --primary: 195 100% 65%;
3594
- --primary-foreground: 220 26% 14%;
3595
- --primary-hover: 195 100% 70%;
3596
- --primary-active: 195 100% 60%;
3597
- --primary-disabled: 195 30% 40%;
3598
- --secondary: 220 20% 25%;
3599
- --secondary-foreground: 195 80% 85%;
3600
- --secondary-hover: 220 20% 30%;
3601
- --secondary-active: 220 20% 20%;
3602
- --muted: 220 18% 20%;
3603
- --muted-foreground: 195 40% 70%;
3604
- --accent: 280 100% 70%;
3605
- --accent-foreground: 220 26% 14%;
3606
- --destructive: 0 85% 65%;
3607
- --destructive-foreground: 220 26% 14%;
3608
- --destructive-hover: 0 85% 70%;
3609
- --destructive-active: 0 85% 60%;
3610
- --border: 220 20% 22%;
3611
- --input: 220 20% 22%;
3612
- --ring: 195 100% 65%;
3613
- --category-1: 195 100% 65%;
3614
- --category-2: 175 70% 55%;
3615
- --category-3: 25 90% 65%;
3616
- --category-4: 280 80% 70%;
3617
- --category-5: 320 75% 65%;
3618
- --category-6: 160 60% 50%;
3619
- --category-7: 45 100% 70%;
3620
- --category-8: 340 85% 65%;
3621
- --status-success: 160 70% 55%;
3622
- --status-warning: 45 100% 70%;
3623
- --status-error: 0 85% 65%;
3624
- --status-info: 195 100% 65%;
3625
- --status-neutral: 195 30% 60%;
3626
- --surface: 220 24% 16%;
3627
- --overlay: 220 26% 14% / 0.8;
3628
- --backdrop: 0 0% 0% / 0.6;
3629
- }
3630
- .palette-neon-cyber {
3631
- --background: 260 15% 8%;
3632
- --foreground: 120 100% 95%;
3633
- --card: 260 15% 10%;
3634
- --card-foreground: 120 100% 95%;
3635
- --popover: 260 15% 10%;
3636
- --popover-foreground: 120 100% 95%;
3637
- --primary: 320 100% 70%;
3638
- --primary-foreground: 260 15% 8%;
3639
- --primary-hover: 320 100% 75%;
3640
- --primary-active: 320 100% 65%;
3641
- --primary-disabled: 320 30% 40%;
3642
- --secondary: 260 20% 18%;
3643
- --secondary-foreground: 120 80% 85%;
3644
- --secondary-hover: 260 20% 22%;
3645
- --secondary-active: 260 20% 15%;
3646
- --muted: 260 15% 15%;
3647
- --muted-foreground: 120 40% 70%;
3648
- --accent: 180 100% 70%;
3649
- --accent-foreground: 260 15% 8%;
3650
- --destructive: 0 100% 70%;
3651
- --destructive-foreground: 260 15% 8%;
3652
- --destructive-hover: 0 100% 75%;
3653
- --destructive-active: 0 100% 65%;
3654
- --border: 260 20% 20%;
3655
- --input: 260 20% 20%;
3656
- --ring: 320 100% 70%;
3657
- --category-1: 320 100% 70%;
3658
- --category-2: 180 100% 70%;
3659
- --category-3: 120 100% 65%;
3660
- --category-4: 280 100% 75%;
3661
- --category-5: 60 100% 70%;
3662
- --category-6: 200 100% 65%;
3663
- --category-7: 30 100% 70%;
3664
- --category-8: 0 100% 70%;
3665
- --status-success: 120 100% 65%;
3666
- --status-warning: 60 100% 70%;
3667
- --status-error: 0 100% 70%;
3668
- --status-info: 180 100% 70%;
3669
- --status-neutral: 260 40% 60%;
3670
- --surface: 260 15% 10%;
3671
- --overlay: 260 15% 8% / 0.9;
3672
- --backdrop: 0 0% 0% / 0.8;
3673
- }
3674
- .palette-earth-tones {
3675
- --background: 35 25% 96%;
3676
- --foreground: 25 30% 15%;
3677
- --card: 35 40% 98%;
3678
- --card-foreground: 25 30% 15%;
3679
- --popover: 35 40% 98%;
3680
- --popover-foreground: 25 30% 15%;
3681
- --primary: 25 70% 45%;
3682
- --primary-foreground: 35 40% 98%;
3683
- --primary-hover: 25 70% 50%;
3684
- --primary-active: 25 70% 40%;
3685
- --primary-disabled: 25 30% 60%;
3686
- --secondary: 35 20% 88%;
3687
- --secondary-foreground: 25 30% 15%;
3688
- --secondary-hover: 35 20% 85%;
3689
- --secondary-active: 35 20% 90%;
3690
- --muted: 35 15% 90%;
3691
- --muted-foreground: 25 20% 45%;
3692
- --accent: 200 60% 55%;
3693
- --accent-foreground: 35 40% 98%;
3694
- --destructive: 5 75% 55%;
3695
- --destructive-foreground: 35 40% 98%;
3696
- --destructive-hover: 5 75% 60%;
3697
- --destructive-active: 5 75% 50%;
3698
- --border: 35 20% 85%;
3699
- --input: 35 20% 85%;
3700
- --ring: 25 70% 45%;
3701
- --category-1: 25 70% 45%;
3702
- --category-2: 160 40% 40%;
3703
- --category-3: 35 80% 55%;
3704
- --category-4: 280 30% 55%;
3705
- --category-5: 340 50% 50%;
3706
- --category-6: 80 50% 45%;
3707
- --category-7: 45 70% 60%;
3708
- --category-8: 15 60% 50%;
3709
- --status-success: 120 40% 40%;
3710
- --status-warning: 45 70% 55%;
3711
- --status-error: 5 65% 50%;
3712
- --status-info: 200 50% 50%;
3713
- --status-neutral: 35 15% 50%;
3714
- --surface: 35 40% 98%;
3715
- --overlay: 25 30% 15% / 0.4;
3716
- --backdrop: 25 20% 20% / 0.3;
3717
- }
3718
- .palette-earth-tones.dark {
3719
- --background: 25 20% 12%;
3720
- --foreground: 35 40% 95%;
3721
- --card: 25 18% 14%;
3722
- --card-foreground: 35 40% 95%;
3723
- --popover: 25 18% 14%;
3724
- --popover-foreground: 35 40% 95%;
3725
- --category-1: 25 60% 65%;
3726
- --category-2: 160 50% 60%;
3727
- --category-3: 35 70% 70%;
3728
- --category-4: 280 40% 70%;
3729
- --category-5: 340 60% 65%;
3730
- --category-6: 80 60% 60%;
3731
- --category-7: 45 80% 75%;
3732
- --category-8: 15 70% 65%;
3733
- }
3734
- .palette-aurora {
3735
- --background: 220 30% 8%;
3736
- --foreground: 160 80% 92%;
3737
- --card: 220 25% 10%;
3738
- --card-foreground: 160 80% 92%;
3739
- --popover: 220 25% 10%;
3740
- --popover-foreground: 160 80% 92%;
3741
- --primary: 160 80% 65%;
3742
- --primary-foreground: 220 30% 8%;
3743
- --primary-hover: 160 80% 70%;
3744
- --primary-active: 160 80% 60%;
3745
- --primary-disabled: 160 30% 40%;
3746
- --secondary: 220 20% 20%;
3747
- --secondary-foreground: 160 60% 85%;
3748
- --secondary-hover: 220 20% 25%;
3749
- --secondary-active: 220 20% 15%;
3750
- --muted: 220 15% 18%;
3751
- --muted-foreground: 160 40% 70%;
3752
- --accent: 280 90% 75%;
3753
- --accent-foreground: 220 30% 8%;
3754
- --destructive: 350 85% 65%;
3755
- --destructive-foreground: 220 30% 8%;
3756
- --destructive-hover: 350 85% 70%;
3757
- --destructive-active: 350 85% 60%;
3758
- --border: 220 20% 22%;
3759
- --input: 220 20% 22%;
3760
- --ring: 160 80% 65%;
3761
- --category-1: 160 80% 65%;
3762
- --category-2: 180 70% 60%;
3763
- --category-3: 200 85% 70%;
3764
- --category-4: 280 85% 75%;
3765
- --category-5: 320 80% 70%;
3766
- --category-6: 140 70% 55%;
3767
- --category-7: 60 90% 75%;
3768
- --category-8: 350 85% 65%;
3769
- --status-success: 160 80% 65%;
3770
- --status-warning: 60 90% 75%;
3771
- --status-error: 350 85% 65%;
3772
- --status-info: 200 85% 70%;
3773
- --status-neutral: 220 40% 60%;
3774
- --surface: 220 25% 10%;
3775
- --overlay: 220 30% 8% / 0.85;
3776
- --backdrop: 0 0% 0% / 0.7;
3777
- }
3778
- .palette-sunset {
3779
- --background: 15 30% 95%;
3780
- --foreground: 280 40% 15%;
3781
- --card: 15 50% 98%;
3782
- --card-foreground: 280 40% 15%;
3783
- --popover: 15 50% 98%;
3784
- --popover-foreground: 280 40% 15%;
3785
- --primary: 25 85% 60%;
3786
- --primary-foreground: 15 50% 98%;
3787
- --primary-hover: 25 85% 65%;
3788
- --primary-active: 25 85% 55%;
3789
- --primary-disabled: 25 40% 60%;
3790
- --secondary: 15 25% 88%;
3791
- --secondary-foreground: 280 40% 15%;
3792
- --secondary-hover: 15 25% 85%;
3793
- --secondary-active: 15 25% 90%;
3794
- --muted: 15 20% 90%;
3795
- --muted-foreground: 280 25% 45%;
3796
- --accent: 320 85% 65%;
3797
- --accent-foreground: 15 50% 98%;
3798
- --destructive: 5 90% 60%;
3799
- --destructive-foreground: 15 50% 98%;
3800
- --destructive-hover: 5 90% 65%;
3801
- --destructive-active: 5 90% 55%;
3802
- --border: 15 25% 85%;
3803
- --input: 15 25% 85%;
3804
- --ring: 25 85% 60%;
3805
- --category-1: 25 85% 60%;
3806
- --category-2: 340 85% 65%;
3807
- --category-3: 320 80% 70%;
3808
- --category-4: 280 85% 65%;
3809
- --category-5: 45 90% 65%;
3810
- --category-6: 15 80% 55%;
3811
- --category-7: 60 85% 70%;
3812
- --category-8: 300 80% 65%;
3813
- --status-success: 120 50% 50%;
3814
- --status-warning: 45 90% 65%;
3815
- --status-error: 5 90% 60%;
3816
- --status-info: 280 85% 65%;
3817
- --status-neutral: 15 25% 50%;
3818
- --surface: 15 50% 98%;
3819
- --overlay: 280 40% 15% / 0.4;
3820
- --backdrop: 280 20% 20% / 0.3;
3821
- }
3822
- .palette-monochrome {
3823
- --background: 0 0% 98%;
3824
- --foreground: 0 0% 8%;
3825
- --card: 0 0% 100%;
3826
- --card-foreground: 0 0% 8%;
3827
- --popover: 0 0% 100%;
3828
- --popover-foreground: 0 0% 8%;
3829
- --primary: 240 100% 50%;
3830
- --primary-foreground: 0 0% 100%;
3831
- --primary-hover: 240 100% 45%;
3832
- --primary-active: 240 100% 55%;
3833
- --primary-disabled: 240 30% 60%;
3834
- --secondary: 0 0% 90%;
3835
- --secondary-foreground: 0 0% 8%;
3836
- --secondary-hover: 0 0% 85%;
3837
- --secondary-active: 0 0% 95%;
3838
- --muted: 0 0% 92%;
3839
- --muted-foreground: 0 0% 40%;
3840
- --accent: 240 100% 50%;
3841
- --accent-foreground: 0 0% 100%;
3842
- --destructive: 0 100% 50%;
3843
- --destructive-foreground: 0 0% 100%;
3844
- --destructive-hover: 0 100% 45%;
3845
- --destructive-active: 0 100% 55%;
3846
- --border: 0 0% 85%;
3847
- --input: 0 0% 85%;
3848
- --ring: 240 100% 50%;
3849
- --category-1: 240 100% 50%;
3850
- --category-2: 0 0% 20%;
3851
- --category-3: 0 0% 35%;
3852
- --category-4: 0 0% 50%;
3853
- --category-5: 0 0% 65%;
3854
- --category-6: 180 100% 40%;
3855
- --category-7: 60 100% 45%;
3856
- --category-8: 300 100% 50%;
3857
- --status-success: 120 100% 35%;
3858
- --status-warning: 45 100% 45%;
3859
- --status-error: 0 100% 50%;
3860
- --status-info: 240 100% 50%;
3861
- --status-neutral: 0 0% 50%;
3862
- --surface: 0 0% 100%;
3863
- --overlay: 0 0% 0% / 0.4;
3864
- --backdrop: 0 0% 0% / 0.2;
3865
- }
3866
- .palette-monochrome.dark {
3867
- --background: 0 0% 8%;
3868
- --foreground: 0 0% 95%;
3869
- --card: 0 0% 10%;
3870
- --card-foreground: 0 0% 95%;
3871
- --popover: 0 0% 10%;
3872
- --popover-foreground: 0 0% 95%;
3873
- --category-2: 0 0% 80%;
3874
- --category-3: 0 0% 65%;
3875
- --category-4: 0 0% 50%;
3876
- --category-5: 0 0% 35%;
3877
- --border: 0 0% 20%;
3878
- --input: 0 0% 20%;
3879
- --surface: 0 0% 10%;
3880
- }
3881
- .palette-corporate-elite {
3882
- --background: 220 15% 97%;
3883
- --foreground: 224 25% 12%;
3884
- --card: 0 0% 100%;
3885
- --card-foreground: 224 25% 12%;
3886
- --popover: 0 0% 100%;
3887
- --popover-foreground: 224 25% 12%;
3888
- --primary: 224 65% 25%;
3889
- --primary-foreground: 0 0% 100%;
3890
- --primary-hover: 224 65% 20%;
3891
- --primary-active: 224 65% 30%;
3892
- --primary-disabled: 224 25% 50%;
3893
- --secondary: 220 10% 88%;
3894
- --secondary-foreground: 224 25% 12%;
3895
- --secondary-hover: 220 10% 85%;
3896
- --secondary-active: 220 10% 90%;
3897
- --muted: 220 8% 92%;
3898
- --muted-foreground: 224 15% 45%;
3899
- --accent: 45 85% 55%;
3900
- --accent-foreground: 224 25% 12%;
3901
- --destructive: 0 65% 45%;
3902
- --destructive-foreground: 0 0% 100%;
3903
- --destructive-hover: 0 65% 40%;
3904
- --destructive-active: 0 65% 50%;
3905
- --border: 220 12% 85%;
3906
- --input: 220 12% 85%;
3907
- --ring: 224 65% 25%;
3908
- --category-1: 224 65% 25%;
3909
- --category-2: 45 85% 45%;
3910
- --category-3: 160 40% 35%;
3911
- --category-4: 224 25% 35%;
3912
- --category-5: 0 45% 40%;
3913
- --category-6: 200 25% 45%;
3914
- --category-7: 35 25% 25%;
3915
- --category-8: 280 20% 45%;
3916
- --status-success: 160 50% 35%;
3917
- --status-warning: 45 85% 50%;
3918
- --status-error: 0 60% 45%;
3919
- --status-info: 224 65% 25%;
3920
- --status-neutral: 220 15% 50%;
3921
- --surface: 0 0% 100%;
3922
- --overlay: 224 25% 12% / 0.4;
3923
- --backdrop: 224 25% 12% / 0.2;
3924
- }
3925
- .palette-corporate-elite.dark {
3926
- --background: 224 20% 8%;
3927
- --foreground: 220 15% 95%;
3928
- --card: 224 18% 10%;
3929
- --card-foreground: 220 15% 95%;
3930
- --popover: 224 18% 10%;
3931
- --popover-foreground: 220 15% 95%;
3932
- --primary: 224 65% 55%;
3933
- --primary-foreground: 224 20% 8%;
3934
- --primary-hover: 224 65% 60%;
3935
- --primary-active: 224 65% 50%;
3936
- --secondary: 224 15% 18%;
3937
- --secondary-foreground: 220 15% 95%;
3938
- --secondary-hover: 224 15% 22%;
3939
- --secondary-active: 224 15% 15%;
3940
- --muted: 224 12% 15%;
3941
- --muted-foreground: 220 10% 70%;
3942
- --accent: 45 85% 65%;
3943
- --accent-foreground: 224 20% 8%;
3944
- --destructive: 0 65% 60%;
3945
- --destructive-foreground: 224 20% 8%;
3946
- --category-1: 224 65% 55%;
3947
- --category-2: 45 85% 60%;
3948
- --category-3: 160 50% 50%;
3949
- --category-4: 224 35% 55%;
3950
- --category-5: 0 55% 55%;
3951
- --category-6: 200 35% 60%;
3952
- --category-7: 35 35% 65%;
3953
- --category-8: 280 30% 65%;
3954
- --border: 224 15% 20%;
3955
- --input: 224 15% 20%;
3956
- --surface: 224 18% 10%;
3957
- }
3958
- * {
3959
- transition: background-color 0.025s ease,
3960
- color 0.025s ease,
3961
- border-color 0.025s ease,
3962
- box-shadow 0.025s ease;
3963
- }
3964
- .palette-preview {
3965
- display: grid;
3966
- grid-template-columns: repeat(8, 1fr);
3967
- gap: 0.5rem;
3968
- padding: 1rem;
3969
- border-radius: 0.5rem;
3970
- background: hsl(var(--card));
3971
- border: 1px solid hsl(var(--border));
3972
- }
3973
- .palette-swatch {
3974
- aspect-ratio: 1;
3975
- border-radius: 0.25rem;
3976
- border: 1px solid hsl(var(--border) / 0.2);
3977
- }
3978
- }
3979
- @layer base {
3980
- :root {
3981
- --background: 0 0% 100%;
3982
- --foreground: 215 25% 27%;
3983
- --card: 0 0% 100%;
3984
- --card-foreground: 215 25% 27%;
3985
- --popover: 0 0% 100%;
3986
- --popover-foreground: 215 25% 27%;
3987
- --primary: 220 70% 50%;
3988
- --primary-foreground: 0 0% 100%;
3989
- --secondary: 214 15% 91%;
3990
- --secondary-foreground: 215 25% 27%;
3991
- --muted: 214 15% 91%;
3992
- --muted-foreground: 215 16% 47%;
3993
- --accent: 214 15% 91%;
3994
- --accent-foreground: 215 25% 27%;
3995
- --destructive: 0 84% 60%;
3996
- --destructive-foreground: 0 0% 100%;
3997
- --border: 213 27% 84%;
3998
- --input: 213 27% 84%;
3999
- --ring: 220 70% 50%;
4000
- --category-1: 220 70% 50%;
4001
- --category-2: 160 60% 45%;
4002
- --category-3: 30 80% 55%;
4003
- --category-4: 280 65% 60%;
4004
- --category-5: 340 75% 55%;
4005
- --category-6: 120 50% 45%;
4006
- --category-7: 45 85% 60%;
4007
- --category-8: 15 75% 50%;
4008
- --status-success: 142 76% 36%;
4009
- --status-warning: 45 93% 47%;
4010
- --status-error: 0 84% 60%;
4011
- --status-info: 217 91% 60%;
4012
- --status-neutral: 215 16% 47%;
4013
- --success: var(--status-success);
4014
- --warning: var(--status-warning);
4015
- --error: var(--status-error);
4016
- --info: var(--status-info);
4017
- --danger: var(--status-error);
4018
- --positive: 142 76% 36%;
4019
- --negative: 0 84% 60%;
4020
- --pending: 45 93% 47%;
4021
- --disabled: 215 16% 47%;
4022
- --surface: 0 0% 100%;
4023
- --overlay: 0 0% 0% / 0.5;
4024
- --backdrop: 0 0% 0% / 0.3;
4025
- --gray-50: 210 20% 98%;
4026
- --gray-100: 214 15% 91%;
4027
- --gray-200: 213 27% 84%;
4028
- --gray-300: 215 25% 77%;
4029
- --gray-400: 215 20% 65%;
4030
- --gray-500: 215 16% 47%;
4031
- --gray-600: 215 19% 35%;
4032
- --gray-700: 215 25% 27%;
4033
- --gray-800: 217 33% 17%;
4034
- --gray-900: 222 47% 11%;
4035
- --gray-950: 224 71% 4%;
4036
- --gray-25: 210 20% 98%;
4037
- --gray-75: 214 15% 91%;
4038
- --gray-150: 213 27% 84%;
4039
- --gray-250: 215 25% 77%;
4040
- --gray-350: 215 20% 65%;
4041
- --gray-450: 215 16% 47%;
4042
- --gray-550: 215 19% 35%;
4043
- --gray-650: 215 25% 27%;
4044
- --gray-750: 217 33% 17%;
4045
- --gray-850: 222 47% 11%;
4046
- --gray-925: 224 71% 4%;
4047
- --card-padding: 1.5rem;
4048
- --card-gap: 1rem;
4049
- --nested-offset: 0.75rem;
4050
- --edge-xs: 0.5rem;
4051
- --edge-sm: 0.75rem;
4052
- --edge-md: 1rem;
4053
- --edge-lg: 1.5rem;
4054
- --edge-xl: 2rem;
4055
- --section-gap: 3rem;
4056
- --component-gap: 1.5rem;
4057
- --content-max-width: 80rem;
4058
- --radius: 0.5rem;
4059
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4060
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4061
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
4062
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
4063
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
4064
- --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
4065
- --shadow-map-popup: 0 10px 40px -10px rgb(0 0 0 / 0.3), 0 0 1px rgb(0 0 0 / 0.2);
4066
- --shadow-map-control: 0 2px 8px rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1);
4067
- --shadow-map-overlay: 0 4px 16px rgb(0 0 0 / 0.2), 0 0 2px rgb(0 0 0 / 0.1);
4068
- --primary-hover: 222.2 47.4% 15%;
4069
- --primary-active: 222.2 47.4% 8%;
4070
- --primary-disabled: 215 16% 47%;
4071
- --secondary-hover: 210 40% 92%;
4072
- --secondary-active: 210 40% 88%;
4073
- --destructive-hover: 0 84.2% 65%;
4074
- --destructive-active: 0 84.2% 55%;
4075
- --chart-1: var(--category-1);
4076
- --chart-2: var(--category-2);
4077
- --chart-3: var(--category-3);
4078
- --chart-4: var(--category-4);
4079
- --chart-5: var(--category-5);
4080
- }
4081
- .dark {
4082
- --background: 222 47% 2%;
4083
- --foreground: 210 40% 98%;
4084
- --card: 220 13% 15%;
4085
- --card-foreground: 210 40% 98%;
4086
- --popover: 220 13% 15%;
4087
- --popover-foreground: 210 40% 98%;
4088
- --primary: 220 91% 70%;
4089
- --primary-foreground: 222 47% 2%;
4090
- --secondary: 217 10% 18%;
4091
- --secondary-foreground: 210 40% 88%;
4092
- --muted: 217 10% 18%;
4093
- --muted-foreground: 215 20% 65%;
4094
- --accent: 217 10% 18%;
4095
- --accent-foreground: 210 40% 88%;
4096
- --destructive: 0 63% 65%;
4097
- --destructive-foreground: 222 47% 2%;
4098
- --border: 217 27% 20%;
4099
- --input: 217 27% 18%;
4100
- --ring: 220 91% 70%;
4101
- --category-1: 220 91% 70%;
4102
- --category-2: 168 76% 64%;
4103
- --category-3: 25 95% 68%;
4104
- --category-4: 280 65% 75%;
4105
- --category-5: 330 81% 72%;
4106
- --category-6: 142 69% 58%;
4107
- --category-7: 48 96% 68%;
4108
- --category-8: 0 72% 67%;
4109
- --status-success: 142 69% 58%;
4110
- --status-warning: 48 96% 68%;
4111
- --status-error: 0 72% 67%;
4112
- --status-info: 220 91% 70%;
4113
- --status-neutral: 215 20% 65%;
4114
- --positive: 142 69% 58%;
4115
- --negative: 0 72% 67%;
4116
- --pending: 48 96% 68%;
4117
- --disabled: 215 15% 35%;
4118
- --danger: var(--status-error);
4119
- --surface: 220 13% 15%;
4120
- --overlay: 0 0% 0% / 0.75;
4121
- --backdrop: 0 0% 0% / 0.6;
4122
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.2);
4123
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.2);
4124
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
4125
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.5), 0 8px 10px -6px rgb(0 0 0 / 0.4);
4126
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.6);
4127
- --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.2);
4128
- --shadow-map-popup: 0 10px 40px -10px rgb(0 0 0 / 0.6), 0 0 1px rgb(0 0 0 / 0.4);
4129
- --shadow-map-control: 0 2px 8px rgb(0 0 0 / 0.4), 0 0 1px rgb(0 0 0 / 0.2);
4130
- --shadow-map-overlay: 0 4px 16px rgb(0 0 0 / 0.5), 0 0 2px rgb(0 0 0 / 0.3);
4131
- --primary-hover: 210 40% 94%;
4132
- --primary-active: 210 40% 90%;
4133
- --primary-disabled: 215 16% 35%;
4134
- --secondary-hover: 217.2 32.6% 22%;
4135
- --secondary-active: 217.2 32.6% 15%;
4136
- --destructive-hover: 0 62.8% 35%;
4137
- --destructive-active: 0 62.8% 25%;
4138
- --gray-50: 224 71% 4%;
4139
- --gray-100: 222 47% 11%;
4140
- --gray-200: 217 33% 17%;
4141
- --gray-300: 215 25% 27%;
4142
- --gray-400: 215 19% 35%;
4143
- --gray-500: 215 16% 47%;
4144
- --gray-600: 215 20% 65%;
4145
- --gray-700: 215 25% 77%;
4146
- --gray-800: 213 27% 84%;
4147
- --gray-900: 214 15% 91%;
4148
- --gray-950: 210 20% 98%;
4149
- --gray-25: 224 71% 4%;
4150
- --gray-75: 222 47% 11%;
4151
- --gray-150: 217 33% 17%;
4152
- --gray-250: 215 25% 27%;
4153
- --gray-350: 215 19% 35%;
4154
- --gray-450: 215 16% 47%;
4155
- --gray-550: 215 20% 65%;
4156
- --gray-650: 215 25% 77%;
4157
- --gray-750: 213 27% 84%;
4158
- --gray-850: 214 15% 91%;
4159
- --gray-925: 210 20% 98%;
4160
- --chart-1: var(--category-1);
4161
- --chart-2: var(--category-2);
4162
- --chart-3: var(--category-3);
4163
- --chart-4: var(--category-4);
4164
- --chart-5: var(--category-5);
4165
- }
4166
- }
4167
- @layer base {
4168
- * {
4169
- border-color: hsl(var(--border));
4170
- }
4171
- body {
4172
- background-color: hsl(var(--background));
4173
- color: hsl(var(--foreground));
4174
- margin: 0;
4175
- font-feature-settings: "rlig" 1,
4176
- "calt" 1;
4177
- -webkit-font-smoothing: antialiased;
4178
- -moz-osx-font-smoothing: grayscale;
4179
- }
4180
- h1,
4181
- h2,
4182
- h3,
4183
- h4,
4184
- h5,
4185
- h6 {
4186
- letter-spacing: -0.025em;
4187
- font-weight: 600;
4188
- }
4189
- button {
4190
- font-weight: 500;
4191
- }
4192
- }
4193
- @layer components {
4194
- .content-container {
4195
- max-width: var(--content-max-width);
4196
- margin-left: auto;
4197
- margin-right: auto;
4198
- padding-left: var(--edge-md);
4199
- padding-right: var(--edge-md);
4200
- }
4201
- .section-spacing {
4202
- margin-bottom: var(--section-gap);
4203
- }
4204
- .component-spacing {
4205
- margin-bottom: var(--component-gap);
4206
- }
4207
- .card-container {
4208
- background-color: hsl(var(--card));
4209
- color: hsl(var(--card-foreground));
4210
- border: 1px solid hsl(var(--border));
4211
- border-radius: calc(var(--radius) * 1.5);
4212
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),
4213
- 0 1px 2px 0 rgb(0 0 0 / 0.06);
4214
- padding: var(--card-padding);
4215
- transition: box-shadow 0.2s ease-in-out,
4216
- border-color 0.2s ease-in-out;
4217
- }
4218
- .card-container:hover {
4219
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
4220
- 0 2px 4px -1px rgb(0 0 0 / 0.06);
4221
- }
4222
- .card-nested {
4223
- background-color: hsl(var(--gray-25));
4224
- border: 1px solid hsl(var(--gray-150));
4225
- border-radius: calc(var(--radius) * 1.25);
4226
- padding: calc(var(--card-padding) - var(--nested-offset));
4227
- margin: var(--nested-offset);
4228
- }
4229
- .card-flush {
4230
- margin: calc(-1 * var(--card-padding));
4231
- padding: var(--card-padding);
4232
- border-left: 0;
4233
- border-right: 0;
4234
- border-radius: 0;
4235
- }
4236
- .card-flush:first-child {
4237
- border-top: 0;
4238
- border-top-left-radius: calc(var(--radius) * 1.5);
4239
- border-top-right-radius: calc(var(--radius) * 1.5);
4240
- }
4241
- .card-flush:last-child {
4242
- border-bottom: 0;
4243
- border-bottom-left-radius: calc(var(--radius) * 1.5);
4244
- border-bottom-right-radius: calc(var(--radius) * 1.5);
4245
- }
4246
- .badge-category-1 {
4247
- background-color: hsl(var(--category-1) / 0.1);
4248
- color: hsl(var(--category-1));
4249
- border-color: hsl(var(--category-1) / 0.2);
4250
- }
4251
- .badge-category-2 {
4252
- background-color: hsl(var(--category-2) / 0.1);
4253
- color: hsl(var(--category-2));
4254
- border-color: hsl(var(--category-2) / 0.2);
4255
- }
4256
- .badge-category-3 {
4257
- background-color: hsl(var(--category-3) / 0.1);
4258
- color: hsl(var(--category-3));
4259
- border-color: hsl(var(--category-3) / 0.2);
4260
- }
4261
- .badge-category-4 {
4262
- background-color: hsl(var(--category-4) / 0.1);
4263
- color: hsl(var(--category-4));
4264
- border-color: hsl(var(--category-4) / 0.2);
4265
- }
4266
- .badge-category-5 {
4267
- background-color: hsl(var(--category-5) / 0.1);
4268
- color: hsl(var(--category-5));
4269
- border-color: hsl(var(--category-5) / 0.2);
4270
- }
4271
- .badge-category-6 {
4272
- background-color: hsl(var(--category-6) / 0.1);
4273
- color: hsl(var(--category-6));
4274
- border-color: hsl(var(--category-6) / 0.2);
4275
- }
4276
- .badge-category-7 {
4277
- background-color: hsl(var(--category-7) / 0.1);
4278
- color: hsl(var(--category-7));
4279
- border-color: hsl(var(--category-7) / 0.2);
4280
- }
4281
- .badge-category-8 {
4282
- background-color: hsl(var(--category-8) / 0.1);
4283
- color: hsl(var(--category-8));
4284
- border-color: hsl(var(--category-8) / 0.2);
4285
- }
4286
- .card-category-1 {
4287
- border-left-color: hsl(var(--category-1));
4288
- background-color: hsl(var(--category-1) / 0.02);
4289
- }
4290
- .card-category-1:hover {
4291
- background-color: hsl(var(--category-1) / 0.04);
4292
- border-left-color: hsl(var(--category-1) / 0.8);
4293
- }
4294
- .card-category-2 {
4295
- border-left-color: hsl(var(--category-2));
4296
- background-color: hsl(var(--category-2) / 0.02);
4297
- }
4298
- .card-category-2:hover {
4299
- background-color: hsl(var(--category-2) / 0.04);
4300
- border-left-color: hsl(var(--category-2) / 0.8);
4301
- }
4302
- .card-category-3 {
4303
- border-left-color: hsl(var(--category-3));
4304
- background-color: hsl(var(--category-3) / 0.02);
4305
- }
4306
- .card-category-3:hover {
4307
- background-color: hsl(var(--category-3) / 0.04);
4308
- border-left-color: hsl(var(--category-3) / 0.8);
4309
- }
4310
- .card-category-4 {
4311
- border-left-color: hsl(var(--category-4));
4312
- background-color: hsl(var(--category-4) / 0.02);
4313
- }
4314
- .card-category-4:hover {
4315
- background-color: hsl(var(--category-4) / 0.04);
4316
- border-left-color: hsl(var(--category-4) / 0.8);
4317
- }
4318
- .card-category-5 {
4319
- border-left-color: hsl(var(--category-5));
4320
- background-color: hsl(var(--category-5) / 0.02);
4321
- }
4322
- .card-category-5:hover {
4323
- background-color: hsl(var(--category-5) / 0.04);
4324
- border-left-color: hsl(var(--category-5) / 0.8);
4325
- }
4326
- .card-category-6 {
4327
- border-left-color: hsl(var(--category-6));
4328
- background-color: hsl(var(--category-6) / 0.02);
4329
- }
4330
- .card-category-6:hover {
4331
- background-color: hsl(var(--category-6) / 0.04);
4332
- border-left-color: hsl(var(--category-6) / 0.8);
4333
- }
4334
- .card-category-7 {
4335
- border-left-color: hsl(var(--category-7));
4336
- background-color: hsl(var(--category-7) / 0.02);
4337
- }
4338
- .card-category-7:hover {
4339
- background-color: hsl(var(--category-7) / 0.04);
4340
- border-left-color: hsl(var(--category-7) / 0.8);
4341
- }
4342
- .card-category-8 {
4343
- border-left-color: hsl(var(--category-8));
4344
- background-color: hsl(var(--category-8) / 0.02);
4345
- }
4346
- .card-category-8:hover {
4347
- background-color: hsl(var(--category-8) / 0.04);
4348
- border-left-color: hsl(var(--category-8) / 0.8);
4349
- }
4350
- .bg-category-1 {
4351
- background-color: hsl(var(--category-1));
4352
- }
4353
- .bg-category-2 {
4354
- background-color: hsl(var(--category-2));
4355
- }
4356
- .bg-category-3 {
4357
- background-color: hsl(var(--category-3));
4358
- }
4359
- .bg-category-4 {
4360
- background-color: hsl(var(--category-4));
4361
- }
4362
- .bg-category-5 {
4363
- background-color: hsl(var(--category-5));
4364
- }
4365
- .bg-category-6 {
4366
- background-color: hsl(var(--category-6));
4367
- }
4368
- .bg-category-7 {
4369
- background-color: hsl(var(--category-7));
4370
- }
4371
- .bg-category-8 {
4372
- background-color: hsl(var(--category-8));
4373
- }
4374
- .text-category-1 {
4375
- color: hsl(var(--category-1));
4376
- }
4377
- .text-category-2 {
4378
- color: hsl(var(--category-2));
4379
- }
4380
- .text-category-3 {
4381
- color: hsl(var(--category-3));
4382
- }
4383
- .text-category-4 {
4384
- color: hsl(var(--category-4));
4385
- }
4386
- .text-category-5 {
4387
- color: hsl(var(--category-5));
4388
- }
4389
- .text-category-6 {
4390
- color: hsl(var(--category-6));
4391
- }
4392
- .text-category-7 {
4393
- color: hsl(var(--category-7));
4394
- }
4395
- .text-category-8 {
4396
- color: hsl(var(--category-8));
4397
- }
4398
- .shadow-category-1 {
4399
- box-shadow: 0 4px 6px -1px hsl(var(--category-1) / 0.1),
4400
- 0 2px 4px -1px hsl(var(--category-1) / 0.06);
4401
- }
4402
- .shadow-category-2 {
4403
- box-shadow: 0 4px 6px -1px hsl(var(--category-2) / 0.1),
4404
- 0 2px 4px -1px hsl(var(--category-2) / 0.06);
4405
- }
4406
- .shadow-category-3 {
4407
- box-shadow: 0 4px 6px -1px hsl(var(--category-3) / 0.1),
4408
- 0 2px 4px -1px hsl(var(--category-3) / 0.06);
4409
- }
4410
- .shadow-category-4 {
4411
- box-shadow: 0 4px 6px -1px hsl(var(--category-4) / 0.1),
4412
- 0 2px 4px -1px hsl(var(--category-4) / 0.06);
4413
- }
4414
- .shadow-category-5 {
4415
- box-shadow: 0 4px 6px -1px hsl(var(--category-5) / 0.1),
4416
- 0 2px 4px -1px hsl(var(--category-5) / 0.06);
4417
- }
4418
- .shadow-category-6 {
4419
- box-shadow: 0 4px 6px -1px hsl(var(--category-6) / 0.1),
4420
- 0 2px 4px -1px hsl(var(--category-6) / 0.06);
4421
- }
4422
- .shadow-category-7 {
4423
- box-shadow: 0 4px 6px -1px hsl(var(--category-7) / 0.1),
4424
- 0 2px 4px -1px hsl(var(--category-7) / 0.06);
4425
- }
4426
- .shadow-category-8 {
4427
- box-shadow: 0 4px 6px -1px hsl(var(--category-8) / 0.1),
4428
- 0 2px 4px -1px hsl(var(--category-8) / 0.06);
4429
- }
4430
- .status-success {
4431
- background-color: hsl(var(--status-success) / 0.1);
4432
- color: hsl(var(--status-success));
4433
- border-color: hsl(var(--status-success) / 0.2);
4434
- }
4435
- .status-warning {
4436
- background-color: hsl(var(--status-warning) / 0.1);
4437
- color: hsl(var(--status-warning));
4438
- border-color: hsl(var(--status-warning) / 0.2);
4439
- }
4440
- .status-error {
4441
- background-color: hsl(var(--status-error) / 0.1);
4442
- color: hsl(var(--status-error));
4443
- border-color: hsl(var(--status-error) / 0.2);
4444
- }
4445
- .status-info {
4446
- background-color: hsl(var(--status-info) / 0.1);
4447
- color: hsl(var(--status-info));
4448
- border-color: hsl(var(--status-info) / 0.2);
4449
- }
4450
- .status-neutral {
4451
- background-color: hsl(var(--status-neutral) / 0.1);
4452
- color: hsl(var(--status-neutral));
4453
- border-color: hsl(var(--status-neutral) / 0.2);
4454
- }
4455
- .edge-align-start {
4456
- margin-left: calc(-1 * var(--edge-md));
4457
- }
4458
- .edge-align-end {
4459
- margin-right: calc(-1 * var(--edge-md));
4460
- }
4461
- .edge-align-both {
4462
- margin-left: calc(-1 * var(--edge-md));
4463
- margin-right: calc(-1 * var(--edge-md));
4464
- }
4465
- .text-display-lg {
4466
- font-size: 4rem;
4467
- line-height: 4.5rem;
4468
- letter-spacing: -0.05em;
4469
- font-weight: 800;
4470
- }
4471
- .text-display-md {
4472
- font-size: 3rem;
4473
- line-height: 3.5rem;
4474
- letter-spacing: -0.025em;
4475
- font-weight: 700;
4476
- }
4477
- .text-display-sm {
4478
- font-size: 2.25rem;
4479
- line-height: 2.5rem;
4480
- letter-spacing: -0.025em;
4481
- font-weight: 700;
4482
- }
4483
- .text-heading-xl {
4484
- font-size: 1.875rem;
4485
- line-height: 2.25rem;
4486
- letter-spacing: -0.025em;
4487
- font-weight: 700;
4488
- }
4489
- .text-heading-lg {
4490
- font-size: 1.5rem;
4491
- line-height: 2rem;
4492
- letter-spacing: -0.025em;
4493
- font-weight: 600;
4494
- }
4495
- .text-heading-md {
4496
- font-size: 1.25rem;
4497
- line-height: 1.75rem;
4498
- letter-spacing: -0.025em;
4499
- font-weight: 600;
4500
- }
4501
- .text-heading-sm {
4502
- font-size: 1.125rem;
4503
- line-height: 1.75rem;
4504
- letter-spacing: -0.025em;
4505
- font-weight: 600;
4506
- }
4507
- .text-body-lg {
4508
- font-size: 1.125rem;
4509
- line-height: 1.75rem;
4510
- letter-spacing: -0.025em;
4511
- }
4512
- .text-body-md {
4513
- font-size: 1rem;
4514
- line-height: 1.5rem;
4515
- letter-spacing: 0;
4516
- }
4517
- .text-body-sm {
4518
- font-size: 0.875rem;
4519
- line-height: 1.25rem;
4520
- letter-spacing: 0;
4521
- }
4522
- .text-caption {
4523
- font-size: 0.75rem;
4524
- line-height: 1rem;
4525
- letter-spacing: 0.025em;
4526
- color: hsl(var(--muted-foreground));
4527
- }
4528
- .text-overline {
4529
- font-size: 0.75rem;
4530
- line-height: 1rem;
4531
- letter-spacing: 0.1em;
4532
- font-weight: 500;
4533
- text-transform: uppercase;
4534
- color: hsl(var(--muted-foreground));
4535
- }
4536
- .text-data-label {
4537
- font-size: 0.875rem;
4538
- line-height: 1.25rem;
4539
- letter-spacing: 0.025em;
4540
- font-weight: 500;
4541
- color: hsl(var(--muted-foreground));
4542
- text-transform: uppercase;
4543
- letter-spacing: 0.05em;
4544
- }
4545
- .text-data-value {
4546
- font-size: 1rem;
4547
- line-height: 1.5rem;
4548
- font-weight: 600;
4549
- }
4550
- .text-data-meta {
4551
- font-size: 0.75rem;
4552
- line-height: 1rem;
4553
- letter-spacing: 0.025em;
4554
- color: hsl(var(--muted-foreground));
4555
- }
4556
- .button-primary {
4557
- background-color: hsl(var(--primary));
4558
- color: hsl(var(--primary-foreground));
4559
- border: 1px solid hsl(var(--primary));
4560
- padding: 0.5rem 1rem;
4561
- border-radius: var(--radius);
4562
- font-weight: 500;
4563
- transition: all 0.2s ease-in-out;
4564
- cursor: pointer;
4565
- display: inline-flex;
4566
- align-items: center;
4567
- justify-content: center;
4568
- gap: 0.5rem;
4569
- }
4570
- .button-primary:hover {
4571
- background-color: hsl(var(--primary-hover));
4572
- border-color: hsl(var(--primary-hover));
4573
- transform: translateY(-1px);
4574
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
4575
- }
4576
- .button-secondary {
4577
- background-color: hsl(var(--secondary));
4578
- color: hsl(var(--secondary-foreground));
4579
- border: 1px solid hsl(var(--border));
4580
- padding: 0.5rem 1rem;
4581
- border-radius: var(--radius);
4582
- font-weight: 500;
4583
- transition: all 0.2s ease-in-out;
4584
- cursor: pointer;
4585
- display: inline-flex;
4586
- align-items: center;
4587
- justify-content: center;
4588
- gap: 0.5rem;
4589
- }
4590
- .button-secondary:hover {
4591
- background-color: hsl(var(--secondary-hover));
4592
- transform: translateY(-1px);
4593
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
4594
- }
4595
- .input-field {
4596
- border: 1px solid hsl(var(--border));
4597
- background-color: hsl(var(--background));
4598
- color: hsl(var(--foreground));
4599
- padding: 0.75rem;
4600
- border-radius: var(--radius);
4601
- transition: all 0.2s ease-in-out;
4602
- font-size: 0.875rem;
4603
- }
4604
- .input-field:focus {
4605
- outline: none;
4606
- border-color: hsl(var(--ring));
4607
- box-shadow: 0 0 0 2px hsl(var(--ring) / 0.2);
4608
- }
4609
- .badge-default {
4610
- display: inline-flex;
4611
- align-items: center;
4612
- padding: 0.25rem 0.75rem;
4613
- border-radius: calc(var(--radius) * 0.75);
4614
- font-size: 0.75rem;
4615
- font-weight: 500;
4616
- line-height: 1;
4617
- background-color: hsl(var(--primary));
4618
- color: hsl(var(--primary-foreground));
4619
- }
4620
- .badge-secondary {
4621
- background-color: hsl(var(--secondary));
4622
- color: hsl(var(--secondary-foreground));
4623
- }
4624
- .badge-outline {
4625
- background-color: transparent;
4626
- color: hsl(var(--foreground));
4627
- border: 1px solid hsl(var(--border));
4628
- }
4629
- .grid-showcase {
4630
- display: grid;
4631
- gap: var(--component-gap);
4632
- }
4633
- .grid-2-cols {
4634
- grid-template-columns: repeat(2, 1fr);
4635
- }
4636
- .grid-3-cols {
4637
- grid-template-columns: repeat(3, 1fr);
4638
- }
4639
- .grid-4-cols {
4640
- grid-template-columns: repeat(4, 1fr);
4641
- }
4642
- .grid-6-cols {
4643
- grid-template-columns: repeat(6, 1fr);
4644
- }
4645
- @media (max-width: 768px) {
4646
- .grid-2-cols,
4647
- .grid-3-cols,
4648
- .grid-4-cols,
4649
- .grid-6-cols {
4650
- grid-template-columns: 1fr;
4651
- }
4652
- }
4653
- @media (min-width: 768px) and (max-width: 1024px) {
4654
- .grid-3-cols,
4655
- .grid-4-cols,
4656
- .grid-6-cols {
4657
- grid-template-columns: repeat(2, 1fr);
4658
- }
4659
- }
4660
- .dark .mapboxgl-ctrl-group {
4661
- background: hsl(var(--card));
4662
- border: 1px solid hsl(var(--border));
4663
- }
4664
- .dark .mapboxgl-ctrl-group > button {
4665
- background-color: hsl(var(--card));
4666
- border-color: hsl(var(--border));
4667
- }
4668
- .dark .mapboxgl-ctrl-group > button:hover {
4669
- background-color: hsl(var(--secondary));
4670
- }
4671
- .dark .mapboxgl-ctrl-group > button:disabled {
4672
- background-color: hsl(var(--card));
4673
- opacity: 0.5;
4674
- }
4675
- .dark .mapboxgl-ctrl-group > button + button {
4676
- border-top-color: hsl(var(--border));
4677
- }
4678
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
4679
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
4680
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
4681
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
4682
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
4683
- .dark .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
4684
- filter: invert(1);
4685
- }
4686
- .dark .mapboxgl-ctrl-scale {
4687
- background-color: hsla(var(--card) / 0.8);
4688
- color: hsl(var(--foreground));
4689
- border-color: hsl(var(--border));
4690
- }
4691
- .dark .mapboxgl-ctrl-attrib {
4692
- background-color: hsla(var(--card) / 0.8);
4693
- color: hsl(var(--muted-foreground));
4694
- }
4695
- .dark .mapboxgl-ctrl-attrib a {
4696
- color: hsl(var(--primary));
4697
- }
4698
- .dark .mapboxgl-ctrl-attrib a:hover {
4699
- color: hsl(var(--primary-hover));
4700
- }
4701
- .dark .mapboxgl-ctrl-attrib-button {
4702
- background-color: hsla(var(--card) / 0.8);
4703
- color: hsl(var(--foreground));
4704
- }
4705
- .dark .mapboxgl-popup-content {
4706
- background: hsl(var(--card));
4707
- color: hsl(var(--foreground));
4708
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.5);
4709
- }
4710
- .dark .mapboxgl-popup-tip {
4711
- border-top-color: hsl(var(--card));
4712
- border-bottom-color: hsl(var(--card));
4713
- border-left-color: hsl(var(--card));
4714
- border-right-color: hsl(var(--card));
4715
- }
4716
- .dark .mapboxgl-popup-close-button {
4717
- color: hsl(var(--foreground));
4718
- }
4719
- .dark .mapboxgl-popup-close-button:hover {
4720
- background-color: hsl(var(--secondary));
4721
- }
4722
- }
4723
- @property --tw-translate-x {
4724
- syntax: "*";
4725
- inherits: false;
4726
- initial-value: 0;
4727
- }
4728
- @property --tw-translate-y {
4729
- syntax: "*";
4730
- inherits: false;
4731
- initial-value: 0;
4732
- }
4733
- @property --tw-translate-z {
4734
- syntax: "*";
4735
- inherits: false;
4736
- initial-value: 0;
4737
- }
4738
- @property --tw-scale-x {
4739
- syntax: "*";
4740
- inherits: false;
4741
- initial-value: 1;
4742
- }
4743
- @property --tw-scale-y {
4744
- syntax: "*";
4745
- inherits: false;
4746
- initial-value: 1;
4747
- }
4748
- @property --tw-scale-z {
4749
- syntax: "*";
4750
- inherits: false;
4751
- initial-value: 1;
4752
- }
4753
- @property --tw-rotate-x {
4754
- syntax: "*";
4755
- inherits: false;
4756
- }
4757
- @property --tw-rotate-y {
4758
- syntax: "*";
4759
- inherits: false;
4760
- }
4761
- @property --tw-rotate-z {
4762
- syntax: "*";
4763
- inherits: false;
4764
- }
4765
- @property --tw-skew-x {
4766
- syntax: "*";
4767
- inherits: false;
4768
- }
4769
- @property --tw-skew-y {
4770
- syntax: "*";
4771
- inherits: false;
4772
- }
4773
- @property --tw-space-y-reverse {
4774
- syntax: "*";
4775
- inherits: false;
4776
- initial-value: 0;
4777
- }
4778
- @property --tw-space-x-reverse {
4779
- syntax: "*";
4780
- inherits: false;
4781
- initial-value: 0;
4782
- }
4783
- @property --tw-border-style {
4784
- syntax: "*";
4785
- inherits: false;
4786
- initial-value: solid;
4787
- }
4788
- @property --tw-gradient-position {
4789
- syntax: "*";
4790
- inherits: false;
4791
- }
4792
- @property --tw-gradient-from {
4793
- syntax: "<color>";
4794
- inherits: false;
4795
- initial-value: #0000;
4796
- }
4797
- @property --tw-gradient-via {
4798
- syntax: "<color>";
4799
- inherits: false;
4800
- initial-value: #0000;
4801
- }
4802
- @property --tw-gradient-to {
4803
- syntax: "<color>";
4804
- inherits: false;
4805
- initial-value: #0000;
4806
- }
4807
- @property --tw-gradient-stops {
4808
- syntax: "*";
4809
- inherits: false;
4810
- }
4811
- @property --tw-gradient-via-stops {
4812
- syntax: "*";
4813
- inherits: false;
4814
- }
4815
- @property --tw-gradient-from-position {
4816
- syntax: "<length-percentage>";
4817
- inherits: false;
4818
- initial-value: 0%;
4819
- }
4820
- @property --tw-gradient-via-position {
4821
- syntax: "<length-percentage>";
4822
- inherits: false;
4823
- initial-value: 50%;
4824
- }
4825
- @property --tw-gradient-to-position {
4826
- syntax: "<length-percentage>";
4827
- inherits: false;
4828
- initial-value: 100%;
4829
- }
4830
- @property --tw-leading {
4831
- syntax: "*";
4832
- inherits: false;
4833
- }
4834
- @property --tw-font-weight {
4835
- syntax: "*";
4836
- inherits: false;
4837
- }
4838
- @property --tw-tracking {
4839
- syntax: "*";
4840
- inherits: false;
4841
- }
4842
- @property --tw-ordinal {
4843
- syntax: "*";
4844
- inherits: false;
4845
- }
4846
- @property --tw-slashed-zero {
4847
- syntax: "*";
4848
- inherits: false;
4849
- }
4850
- @property --tw-numeric-figure {
4851
- syntax: "*";
4852
- inherits: false;
4853
- }
4854
- @property --tw-numeric-spacing {
4855
- syntax: "*";
4856
- inherits: false;
4857
- }
4858
- @property --tw-numeric-fraction {
4859
- syntax: "*";
4860
- inherits: false;
4861
- }
4862
- @property --tw-shadow {
4863
- syntax: "*";
4864
- inherits: false;
4865
- initial-value: 0 0 #0000;
4866
- }
4867
- @property --tw-shadow-color {
4868
- syntax: "*";
4869
- inherits: false;
4870
- }
4871
- @property --tw-shadow-alpha {
4872
- syntax: "<percentage>";
4873
- inherits: false;
4874
- initial-value: 100%;
4875
- }
4876
- @property --tw-inset-shadow {
4877
- syntax: "*";
4878
- inherits: false;
4879
- initial-value: 0 0 #0000;
4880
- }
4881
- @property --tw-inset-shadow-color {
4882
- syntax: "*";
4883
- inherits: false;
4884
- }
4885
- @property --tw-inset-shadow-alpha {
4886
- syntax: "<percentage>";
4887
- inherits: false;
4888
- initial-value: 100%;
4889
- }
4890
- @property --tw-ring-color {
4891
- syntax: "*";
4892
- inherits: false;
4893
- }
4894
- @property --tw-ring-shadow {
4895
- syntax: "*";
4896
- inherits: false;
4897
- initial-value: 0 0 #0000;
4898
- }
4899
- @property --tw-inset-ring-color {
4900
- syntax: "*";
4901
- inherits: false;
4902
- }
4903
- @property --tw-inset-ring-shadow {
4904
- syntax: "*";
4905
- inherits: false;
4906
- initial-value: 0 0 #0000;
4907
- }
4908
- @property --tw-ring-inset {
4909
- syntax: "*";
4910
- inherits: false;
4911
- }
4912
- @property --tw-ring-offset-width {
4913
- syntax: "<length>";
4914
- inherits: false;
4915
- initial-value: 0px;
4916
- }
4917
- @property --tw-ring-offset-color {
4918
- syntax: "*";
4919
- inherits: false;
4920
- initial-value: #fff;
4921
- }
4922
- @property --tw-ring-offset-shadow {
4923
- syntax: "*";
4924
- inherits: false;
4925
- initial-value: 0 0 #0000;
4926
- }
4927
- @property --tw-outline-style {
4928
- syntax: "*";
4929
- inherits: false;
4930
- initial-value: solid;
4931
- }
4932
- @property --tw-blur {
4933
- syntax: "*";
4934
- inherits: false;
4935
- }
4936
- @property --tw-brightness {
4937
- syntax: "*";
4938
- inherits: false;
4939
- }
4940
- @property --tw-contrast {
4941
- syntax: "*";
4942
- inherits: false;
4943
- }
4944
- @property --tw-grayscale {
4945
- syntax: "*";
4946
- inherits: false;
4947
- }
4948
- @property --tw-hue-rotate {
4949
- syntax: "*";
4950
- inherits: false;
4951
- }
4952
- @property --tw-invert {
4953
- syntax: "*";
4954
- inherits: false;
4955
- }
4956
- @property --tw-opacity {
4957
- syntax: "*";
4958
- inherits: false;
4959
- }
4960
- @property --tw-saturate {
4961
- syntax: "*";
4962
- inherits: false;
4963
- }
4964
- @property --tw-sepia {
4965
- syntax: "*";
4966
- inherits: false;
4967
- }
4968
- @property --tw-drop-shadow {
4969
- syntax: "*";
4970
- inherits: false;
4971
- }
4972
- @property --tw-drop-shadow-color {
4973
- syntax: "*";
4974
- inherits: false;
4975
- }
4976
- @property --tw-drop-shadow-alpha {
4977
- syntax: "<percentage>";
4978
- inherits: false;
4979
- initial-value: 100%;
4980
- }
4981
- @property --tw-drop-shadow-size {
4982
- syntax: "*";
4983
- inherits: false;
4984
- }
4985
- @property --tw-backdrop-blur {
4986
- syntax: "*";
4987
- inherits: false;
4988
- }
4989
- @property --tw-backdrop-brightness {
4990
- syntax: "*";
4991
- inherits: false;
4992
- }
4993
- @property --tw-backdrop-contrast {
4994
- syntax: "*";
4995
- inherits: false;
4996
- }
4997
- @property --tw-backdrop-grayscale {
4998
- syntax: "*";
4999
- inherits: false;
5000
- }
5001
- @property --tw-backdrop-hue-rotate {
5002
- syntax: "*";
5003
- inherits: false;
5004
- }
5005
- @property --tw-backdrop-invert {
5006
- syntax: "*";
5007
- inherits: false;
5008
- }
5009
- @property --tw-backdrop-opacity {
5010
- syntax: "*";
5011
- inherits: false;
5012
- }
5013
- @property --tw-backdrop-saturate {
5014
- syntax: "*";
5015
- inherits: false;
5016
- }
5017
- @property --tw-backdrop-sepia {
5018
- syntax: "*";
5019
- inherits: false;
5020
- }
5021
- @property --tw-duration {
5022
- syntax: "*";
5023
- inherits: false;
5024
- }
5025
- @property --tw-ease {
5026
- syntax: "*";
5027
- inherits: false;
5028
- }
5029
- @property --tw-content {
5030
- syntax: "*";
5031
- initial-value: "";
5032
- inherits: false;
5033
- }
5034
- @keyframes spin {
5035
- to {
5036
- transform: rotate(360deg);
5037
- }
5038
- }
5039
- @keyframes pulse {
5040
- 50% {
5041
- opacity: 0.5;
5042
- }
5043
- }
5044
- @layer properties {
5045
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
5046
- *, ::before, ::after, ::backdrop {
5047
- --tw-translate-x: 0;
5048
- --tw-translate-y: 0;
5049
- --tw-translate-z: 0;
5050
- --tw-scale-x: 1;
5051
- --tw-scale-y: 1;
5052
- --tw-scale-z: 1;
5053
- --tw-rotate-x: initial;
5054
- --tw-rotate-y: initial;
5055
- --tw-rotate-z: initial;
5056
- --tw-skew-x: initial;
5057
- --tw-skew-y: initial;
5058
- --tw-space-y-reverse: 0;
5059
- --tw-space-x-reverse: 0;
5060
- --tw-border-style: solid;
5061
- --tw-gradient-position: initial;
5062
- --tw-gradient-from: #0000;
5063
- --tw-gradient-via: #0000;
5064
- --tw-gradient-to: #0000;
5065
- --tw-gradient-stops: initial;
5066
- --tw-gradient-via-stops: initial;
5067
- --tw-gradient-from-position: 0%;
5068
- --tw-gradient-via-position: 50%;
5069
- --tw-gradient-to-position: 100%;
5070
- --tw-leading: initial;
5071
- --tw-font-weight: initial;
5072
- --tw-tracking: initial;
5073
- --tw-ordinal: initial;
5074
- --tw-slashed-zero: initial;
5075
- --tw-numeric-figure: initial;
5076
- --tw-numeric-spacing: initial;
5077
- --tw-numeric-fraction: initial;
5078
- --tw-shadow: 0 0 #0000;
5079
- --tw-shadow-color: initial;
5080
- --tw-shadow-alpha: 100%;
5081
- --tw-inset-shadow: 0 0 #0000;
5082
- --tw-inset-shadow-color: initial;
5083
- --tw-inset-shadow-alpha: 100%;
5084
- --tw-ring-color: initial;
5085
- --tw-ring-shadow: 0 0 #0000;
5086
- --tw-inset-ring-color: initial;
5087
- --tw-inset-ring-shadow: 0 0 #0000;
5088
- --tw-ring-inset: initial;
5089
- --tw-ring-offset-width: 0px;
5090
- --tw-ring-offset-color: #fff;
5091
- --tw-ring-offset-shadow: 0 0 #0000;
5092
- --tw-outline-style: solid;
5093
- --tw-blur: initial;
5094
- --tw-brightness: initial;
5095
- --tw-contrast: initial;
5096
- --tw-grayscale: initial;
5097
- --tw-hue-rotate: initial;
5098
- --tw-invert: initial;
5099
- --tw-opacity: initial;
5100
- --tw-saturate: initial;
5101
- --tw-sepia: initial;
5102
- --tw-drop-shadow: initial;
5103
- --tw-drop-shadow-color: initial;
5104
- --tw-drop-shadow-alpha: 100%;
5105
- --tw-drop-shadow-size: initial;
5106
- --tw-backdrop-blur: initial;
5107
- --tw-backdrop-brightness: initial;
5108
- --tw-backdrop-contrast: initial;
5109
- --tw-backdrop-grayscale: initial;
5110
- --tw-backdrop-hue-rotate: initial;
5111
- --tw-backdrop-invert: initial;
5112
- --tw-backdrop-opacity: initial;
5113
- --tw-backdrop-saturate: initial;
5114
- --tw-backdrop-sepia: initial;
5115
- --tw-duration: initial;
5116
- --tw-ease: initial;
5117
- --tw-content: "";
5118
- }
5119
- }
5120
- }
567
+ @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-status-success:#16a249;--color-status-warning:#e7b008;--color-status-error:#ef4343;--color-status-info:#3c83f6;--color-status-neutral:#65758b;--color-category-1:#2662d9;--color-category-2:#2eb88a;--color-category-3:#e88c30;--color-category-4:#af57db;--color-category-5:#e23670;--color-category-6:#39ac39;--color-category-7:#f0c442;--color-category-8:#df5020}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:215 25% 27%;--card:0 0% 100%;--card-foreground:215 25% 27%;--popover:0 0% 100%;--popover-foreground:215 25% 27%;--primary:220 70% 50%;--primary-foreground:0 0% 100%;--secondary:214 15% 91%;--secondary-foreground:215 25% 27%;--muted:214 15% 91%;--muted-foreground:215 16% 47%;--accent:214 15% 91%;--accent-foreground:215 25% 27%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:213 27% 84%;--input:213 27% 84%;--ring:220 70% 50%;--category-1:220 70% 50%;--category-2:160 60% 45%;--category-3:30 80% 55%;--category-4:280 65% 60%;--category-5:340 75% 55%;--category-6:120 50% 45%;--category-7:45 85% 60%;--category-8:15 75% 50%;--status-success:142 76% 36%;--status-warning:45 93% 47%;--status-error:0 84% 60%;--status-info:217 91% 60%;--status-neutral:215 16% 47%;--success:var(--status-success);--warning:var(--status-warning);--error:var(--status-error);--info:var(--status-info);--danger:var(--status-error);--positive:142 76% 36%;--negative:0 84% 60%;--pending:45 93% 47%;--disabled:215 16% 47%;--surface:0 0% 100%;--overlay:0 0% 0%/.5;--backdrop:0 0% 0%/.3;--gray-50:210 20% 98%;--gray-100:214 15% 91%;--gray-200:213 27% 84%;--gray-300:215 25% 77%;--gray-400:215 20% 65%;--gray-500:215 16% 47%;--gray-600:215 19% 35%;--gray-700:215 25% 27%;--gray-800:217 33% 17%;--gray-900:222 47% 11%;--gray-950:224 71% 4%;--gray-25:210 20% 98%;--gray-75:214 15% 91%;--gray-150:213 27% 84%;--gray-250:215 25% 77%;--gray-350:215 20% 65%;--gray-450:215 16% 47%;--gray-550:215 19% 35%;--gray-650:215 25% 27%;--gray-750:217 33% 17%;--gray-850:222 47% 11%;--gray-925:224 71% 4%;--card-padding:1.5rem;--card-gap:1rem;--nested-offset:.75rem;--edge-xs:.5rem;--edge-sm:.75rem;--edge-md:1rem;--edge-lg:1.5rem;--edge-xl:2rem;--section-gap:3rem;--component-gap:1.5rem;--content-max-width:80rem;--radius:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-map-popup:0 10px 40px -10px #0000004d,0 0 1px #0003;--shadow-map-control:0 2px 8px #00000026,0 0 1px #0000001a;--shadow-map-overlay:0 4px 16px #0003,0 0 2px #0000001a;--primary-hover:222.2 47.4% 15%;--primary-active:222.2 47.4% 8%;--primary-disabled:215 16% 47%;--secondary-hover:210 40% 92%;--secondary-active:210 40% 88%;--destructive-hover:0 84.2% 65%;--destructive-active:0 84.2% 55%;--chart-1:var(--category-1);--chart-2:var(--category-2);--chart-3:var(--category-3);--chart-4:var(--category-4);--chart-5:var(--category-5)}.dark{--background:222 47% 2%;--foreground:210 40% 98%;--card:220 13% 15%;--card-foreground:210 40% 98%;--popover:220 13% 15%;--popover-foreground:210 40% 98%;--primary:220 91% 70%;--primary-foreground:222 47% 2%;--secondary:217 10% 18%;--secondary-foreground:210 40% 88%;--muted:217 10% 18%;--muted-foreground:215 20% 65%;--accent:217 10% 18%;--accent-foreground:210 40% 88%;--destructive:0 63% 65%;--destructive-foreground:222 47% 2%;--border:217 27% 20%;--input:217 27% 18%;--ring:220 91% 70%;--category-1:220 91% 70%;--category-2:168 76% 64%;--category-3:25 95% 68%;--category-4:280 65% 75%;--category-5:330 81% 72%;--category-6:142 69% 58%;--category-7:48 96% 68%;--category-8:0 72% 67%;--status-success:142 69% 58%;--status-warning:48 96% 68%;--status-error:0 72% 67%;--status-info:220 91% 70%;--status-neutral:215 20% 65%;--positive:142 69% 58%;--negative:0 72% 67%;--pending:48 96% 68%;--disabled:215 15% 35%;--danger:var(--status-error);--surface:220 13% 15%;--overlay:0 0% 0%/.75;--backdrop:0 0% 0%/.6;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-inner:inset 0 2px 4px 0 #0003;--shadow-map-popup:0 10px 40px -10px #0009,0 0 1px #0006;--shadow-map-control:0 2px 8px #0006,0 0 1px #0003;--shadow-map-overlay:0 4px 16px #00000080,0 0 2px #0000004d;--primary-hover:210 40% 94%;--primary-active:210 40% 90%;--primary-disabled:215 16% 35%;--secondary-hover:217.2 32.6% 22%;--secondary-active:217.2 32.6% 15%;--destructive-hover:0 62.8% 35%;--destructive-active:0 62.8% 25%;--gray-50:224 71% 4%;--gray-100:222 47% 11%;--gray-200:217 33% 17%;--gray-300:215 25% 27%;--gray-400:215 19% 35%;--gray-500:215 16% 47%;--gray-600:215 20% 65%;--gray-700:215 25% 77%;--gray-800:213 27% 84%;--gray-900:214 15% 91%;--gray-950:210 20% 98%;--gray-25:224 71% 4%;--gray-75:222 47% 11%;--gray-150:217 33% 17%;--gray-250:215 25% 27%;--gray-350:215 19% 35%;--gray-450:215 16% 47%;--gray-550:215 20% 65%;--gray-650:215 25% 77%;--gray-750:213 27% 84%;--gray-850:214 15% 91%;--gray-925:210 20% 98%;--chart-1:var(--category-1);--chart-2:var(--category-2);--chart-3:var(--category-3);--chart-4:var(--category-4);--chart-5:var(--category-5)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:600}button{font-weight:500}button svg,a svg,.inline-flex svg,[class*=flex] svg{flex-shrink:0;display:inline-block}}@layer components{.palette-ocean-depth{--background:220 26% 14%;--foreground:195 100% 95%;--card:220 24% 16%;--card-foreground:195 100% 95%;--popover:220 24% 16%;--popover-foreground:195 100% 95%;--primary:195 100% 65%;--primary-foreground:220 26% 14%;--primary-hover:195 100% 70%;--primary-active:195 100% 60%;--primary-disabled:195 30% 40%;--secondary:220 20% 25%;--secondary-foreground:195 80% 85%;--secondary-hover:220 20% 30%;--secondary-active:220 20% 20%;--muted:220 18% 20%;--muted-foreground:195 40% 70%;--accent:280 100% 70%;--accent-foreground:220 26% 14%;--destructive:0 85% 65%;--destructive-foreground:220 26% 14%;--destructive-hover:0 85% 70%;--destructive-active:0 85% 60%;--border:220 20% 22%;--input:220 20% 22%;--ring:195 100% 65%;--category-1:195 100% 65%;--category-2:175 70% 55%;--category-3:25 90% 65%;--category-4:280 80% 70%;--category-5:320 75% 65%;--category-6:160 60% 50%;--category-7:45 100% 70%;--category-8:340 85% 65%;--status-success:160 70% 55%;--status-warning:45 100% 70%;--status-error:0 85% 65%;--status-info:195 100% 65%;--status-neutral:195 30% 60%;--surface:220 24% 16%;--overlay:220 26% 14%/.8;--backdrop:0 0% 0%/.6}.palette-neon-cyber{--background:260 15% 8%;--foreground:120 100% 95%;--card:260 15% 10%;--card-foreground:120 100% 95%;--popover:260 15% 10%;--popover-foreground:120 100% 95%;--primary:320 100% 70%;--primary-foreground:260 15% 8%;--primary-hover:320 100% 75%;--primary-active:320 100% 65%;--primary-disabled:320 30% 40%;--secondary:260 20% 18%;--secondary-foreground:120 80% 85%;--secondary-hover:260 20% 22%;--secondary-active:260 20% 15%;--muted:260 15% 15%;--muted-foreground:120 40% 70%;--accent:180 100% 70%;--accent-foreground:260 15% 8%;--destructive:0 100% 70%;--destructive-foreground:260 15% 8%;--destructive-hover:0 100% 75%;--destructive-active:0 100% 65%;--border:260 20% 20%;--input:260 20% 20%;--ring:320 100% 70%;--category-1:320 100% 70%;--category-2:180 100% 70%;--category-3:120 100% 65%;--category-4:280 100% 75%;--category-5:60 100% 70%;--category-6:200 100% 65%;--category-7:30 100% 70%;--category-8:0 100% 70%;--status-success:120 100% 65%;--status-warning:60 100% 70%;--status-error:0 100% 70%;--status-info:180 100% 70%;--status-neutral:260 40% 60%;--surface:260 15% 10%;--overlay:260 15% 8%/.9;--backdrop:0 0% 0%/.8}.palette-earth-tones{--background:35 25% 96%;--foreground:25 30% 15%;--card:35 40% 98%;--card-foreground:25 30% 15%;--popover:35 40% 98%;--popover-foreground:25 30% 15%;--primary:25 70% 45%;--primary-foreground:35 40% 98%;--primary-hover:25 70% 50%;--primary-active:25 70% 40%;--primary-disabled:25 30% 60%;--secondary:35 20% 88%;--secondary-foreground:25 30% 15%;--secondary-hover:35 20% 85%;--secondary-active:35 20% 90%;--muted:35 15% 90%;--muted-foreground:25 20% 45%;--accent:200 60% 55%;--accent-foreground:35 40% 98%;--destructive:5 75% 55%;--destructive-foreground:35 40% 98%;--destructive-hover:5 75% 60%;--destructive-active:5 75% 50%;--border:35 20% 85%;--input:35 20% 85%;--ring:25 70% 45%;--category-1:25 70% 45%;--category-2:160 40% 40%;--category-3:35 80% 55%;--category-4:280 30% 55%;--category-5:340 50% 50%;--category-6:80 50% 45%;--category-7:45 70% 60%;--category-8:15 60% 50%;--status-success:120 40% 40%;--status-warning:45 70% 55%;--status-error:5 65% 50%;--status-info:200 50% 50%;--status-neutral:35 15% 50%;--surface:35 40% 98%;--overlay:25 30% 15%/.4;--backdrop:25 20% 20%/.3}.palette-earth-tones.dark{--background:25 20% 12%;--foreground:35 40% 95%;--card:25 18% 14%;--card-foreground:35 40% 95%;--popover:25 18% 14%;--popover-foreground:35 40% 95%;--category-1:25 60% 65%;--category-2:160 50% 60%;--category-3:35 70% 70%;--category-4:280 40% 70%;--category-5:340 60% 65%;--category-6:80 60% 60%;--category-7:45 80% 75%;--category-8:15 70% 65%}.palette-aurora{--background:220 30% 8%;--foreground:160 80% 92%;--card:220 25% 10%;--card-foreground:160 80% 92%;--popover:220 25% 10%;--popover-foreground:160 80% 92%;--primary:160 80% 65%;--primary-foreground:220 30% 8%;--primary-hover:160 80% 70%;--primary-active:160 80% 60%;--primary-disabled:160 30% 40%;--secondary:220 20% 20%;--secondary-foreground:160 60% 85%;--secondary-hover:220 20% 25%;--secondary-active:220 20% 15%;--muted:220 15% 18%;--muted-foreground:160 40% 70%;--accent:280 90% 75%;--accent-foreground:220 30% 8%;--destructive:350 85% 65%;--destructive-foreground:220 30% 8%;--destructive-hover:350 85% 70%;--destructive-active:350 85% 60%;--border:220 20% 22%;--input:220 20% 22%;--ring:160 80% 65%;--category-1:160 80% 65%;--category-2:180 70% 60%;--category-3:200 85% 70%;--category-4:280 85% 75%;--category-5:320 80% 70%;--category-6:140 70% 55%;--category-7:60 90% 75%;--category-8:350 85% 65%;--status-success:160 80% 65%;--status-warning:60 90% 75%;--status-error:350 85% 65%;--status-info:200 85% 70%;--status-neutral:220 40% 60%;--surface:220 25% 10%;--overlay:220 30% 8%/.85;--backdrop:0 0% 0%/.7}.palette-sunset{--background:15 30% 95%;--foreground:280 40% 15%;--card:15 50% 98%;--card-foreground:280 40% 15%;--popover:15 50% 98%;--popover-foreground:280 40% 15%;--primary:25 85% 60%;--primary-foreground:15 50% 98%;--primary-hover:25 85% 65%;--primary-active:25 85% 55%;--primary-disabled:25 40% 60%;--secondary:15 25% 88%;--secondary-foreground:280 40% 15%;--secondary-hover:15 25% 85%;--secondary-active:15 25% 90%;--muted:15 20% 90%;--muted-foreground:280 25% 45%;--accent:320 85% 65%;--accent-foreground:15 50% 98%;--destructive:5 90% 60%;--destructive-foreground:15 50% 98%;--destructive-hover:5 90% 65%;--destructive-active:5 90% 55%;--border:15 25% 85%;--input:15 25% 85%;--ring:25 85% 60%;--category-1:25 85% 60%;--category-2:340 85% 65%;--category-3:320 80% 70%;--category-4:280 85% 65%;--category-5:45 90% 65%;--category-6:15 80% 55%;--category-7:60 85% 70%;--category-8:300 80% 65%;--status-success:120 50% 50%;--status-warning:45 90% 65%;--status-error:5 90% 60%;--status-info:280 85% 65%;--status-neutral:15 25% 50%;--surface:15 50% 98%;--overlay:280 40% 15%/.4;--backdrop:280 20% 20%/.3}.palette-monochrome{--background:0 0% 98%;--foreground:0 0% 8%;--card:0 0% 100%;--card-foreground:0 0% 8%;--popover:0 0% 100%;--popover-foreground:0 0% 8%;--primary:240 100% 50%;--primary-foreground:0 0% 100%;--primary-hover:240 100% 45%;--primary-active:240 100% 55%;--primary-disabled:240 30% 60%;--secondary:0 0% 90%;--secondary-foreground:0 0% 8%;--secondary-hover:0 0% 85%;--secondary-active:0 0% 95%;--muted:0 0% 92%;--muted-foreground:0 0% 40%;--accent:240 100% 50%;--accent-foreground:0 0% 100%;--destructive:0 100% 50%;--destructive-foreground:0 0% 100%;--destructive-hover:0 100% 45%;--destructive-active:0 100% 55%;--border:0 0% 85%;--input:0 0% 85%;--ring:240 100% 50%;--category-1:240 100% 50%;--category-2:0 0% 20%;--category-3:0 0% 35%;--category-4:0 0% 50%;--category-5:0 0% 65%;--category-6:180 100% 40%;--category-7:60 100% 45%;--category-8:300 100% 50%;--status-success:120 100% 35%;--status-warning:45 100% 45%;--status-error:0 100% 50%;--status-info:240 100% 50%;--status-neutral:0 0% 50%;--surface:0 0% 100%;--overlay:0 0% 0%/.4;--backdrop:0 0% 0%/.2}.palette-monochrome.dark{--background:0 0% 8%;--foreground:0 0% 95%;--card:0 0% 10%;--card-foreground:0 0% 95%;--popover:0 0% 10%;--popover-foreground:0 0% 95%;--category-2:0 0% 80%;--category-3:0 0% 65%;--category-4:0 0% 50%;--category-5:0 0% 35%;--border:0 0% 20%;--input:0 0% 20%;--surface:0 0% 10%}.palette-corporate-elite{--background:220 15% 97%;--foreground:224 25% 12%;--card:0 0% 100%;--card-foreground:224 25% 12%;--popover:0 0% 100%;--popover-foreground:224 25% 12%;--primary:224 65% 25%;--primary-foreground:0 0% 100%;--primary-hover:224 65% 20%;--primary-active:224 65% 30%;--primary-disabled:224 25% 50%;--secondary:220 10% 88%;--secondary-foreground:224 25% 12%;--secondary-hover:220 10% 85%;--secondary-active:220 10% 90%;--muted:220 8% 92%;--muted-foreground:224 15% 45%;--accent:45 85% 55%;--accent-foreground:224 25% 12%;--destructive:0 65% 45%;--destructive-foreground:0 0% 100%;--destructive-hover:0 65% 40%;--destructive-active:0 65% 50%;--border:220 12% 85%;--input:220 12% 85%;--ring:224 65% 25%;--category-1:224 65% 25%;--category-2:45 85% 45%;--category-3:160 40% 35%;--category-4:224 25% 35%;--category-5:0 45% 40%;--category-6:200 25% 45%;--category-7:35 25% 25%;--category-8:280 20% 45%;--status-success:160 50% 35%;--status-warning:45 85% 50%;--status-error:0 60% 45%;--status-info:224 65% 25%;--status-neutral:220 15% 50%;--surface:0 0% 100%;--overlay:224 25% 12%/.4;--backdrop:224 25% 12%/.2}.palette-corporate-elite.dark{--background:224 20% 8%;--foreground:220 15% 95%;--card:224 18% 10%;--card-foreground:220 15% 95%;--popover:224 18% 10%;--popover-foreground:220 15% 95%;--primary:224 65% 55%;--primary-foreground:224 20% 8%;--primary-hover:224 65% 60%;--primary-active:224 65% 50%;--secondary:224 15% 18%;--secondary-foreground:220 15% 95%;--secondary-hover:224 15% 22%;--secondary-active:224 15% 15%;--muted:224 12% 15%;--muted-foreground:220 10% 70%;--accent:45 85% 65%;--accent-foreground:224 20% 8%;--destructive:0 65% 60%;--destructive-foreground:224 20% 8%;--category-1:224 65% 55%;--category-2:45 85% 60%;--category-3:160 50% 50%;--category-4:224 35% 55%;--category-5:0 55% 55%;--category-6:200 35% 60%;--category-7:35 35% 65%;--category-8:280 30% 65%;--border:224 15% 20%;--input:224 15% 20%;--surface:224 18% 10%}*{transition:background-color 25ms,color 25ms,border-color 25ms,box-shadow 25ms}.palette-preview{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;grid-template-columns:repeat(8,1fr);gap:.5rem;padding:1rem;display:grid}.palette-swatch{aspect-ratio:1;border:1px solid hsl(var(--border)/.2);border-radius:.25rem}.content-container{max-width:var(--content-max-width);padding-left:var(--edge-md);padding-right:var(--edge-md);margin-left:auto;margin-right:auto}.section-spacing{margin-bottom:var(--section-gap)}.component-spacing{margin-bottom:var(--component-gap)}.card-container{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius)*1.5);padding:var(--card-padding);transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-nested{background-color:hsl(var(--gray-25));border:1px solid hsl(var(--gray-150));border-radius:calc(var(--radius)*1.25);padding:calc(var(--card-padding) - var(--nested-offset));margin:var(--nested-offset)}.card-flush{margin:calc(-1*var(--card-padding));padding:var(--card-padding);border-left:0;border-right:0;border-radius:0}.card-flush:first-child{border-top-left-radius:calc(var(--radius)*1.5);border-top-right-radius:calc(var(--radius)*1.5);border-top:0}.card-flush:last-child{border-bottom-left-radius:calc(var(--radius)*1.5);border-bottom-right-radius:calc(var(--radius)*1.5);border-bottom:0}.badge-category-1{background-color:hsl(var(--category-1)/.1);color:hsl(var(--category-1));border-color:hsl(var(--category-1)/.2)}.badge-category-2{background-color:hsl(var(--category-2)/.1);color:hsl(var(--category-2));border-color:hsl(var(--category-2)/.2)}.badge-category-3{background-color:hsl(var(--category-3)/.1);color:hsl(var(--category-3));border-color:hsl(var(--category-3)/.2)}.badge-category-4{background-color:hsl(var(--category-4)/.1);color:hsl(var(--category-4));border-color:hsl(var(--category-4)/.2)}.badge-category-5{background-color:hsl(var(--category-5)/.1);color:hsl(var(--category-5));border-color:hsl(var(--category-5)/.2)}.badge-category-6{background-color:hsl(var(--category-6)/.1);color:hsl(var(--category-6));border-color:hsl(var(--category-6)/.2)}.badge-category-7{background-color:hsl(var(--category-7)/.1);color:hsl(var(--category-7));border-color:hsl(var(--category-7)/.2)}.badge-category-8{background-color:hsl(var(--category-8)/.1);color:hsl(var(--category-8));border-color:hsl(var(--category-8)/.2)}.card-category-1{border-left-color:hsl(var(--category-1));background-color:hsl(var(--category-1)/.02)}.card-category-1:hover{background-color:hsl(var(--category-1)/.04);border-left-color:hsl(var(--category-1)/.8)}.card-category-2{border-left-color:hsl(var(--category-2));background-color:hsl(var(--category-2)/.02)}.card-category-2:hover{background-color:hsl(var(--category-2)/.04);border-left-color:hsl(var(--category-2)/.8)}.card-category-3{border-left-color:hsl(var(--category-3));background-color:hsl(var(--category-3)/.02)}.card-category-3:hover{background-color:hsl(var(--category-3)/.04);border-left-color:hsl(var(--category-3)/.8)}.card-category-4{border-left-color:hsl(var(--category-4));background-color:hsl(var(--category-4)/.02)}.card-category-4:hover{background-color:hsl(var(--category-4)/.04);border-left-color:hsl(var(--category-4)/.8)}.card-category-5{border-left-color:hsl(var(--category-5));background-color:hsl(var(--category-5)/.02)}.card-category-5:hover{background-color:hsl(var(--category-5)/.04);border-left-color:hsl(var(--category-5)/.8)}.card-category-6{border-left-color:hsl(var(--category-6));background-color:hsl(var(--category-6)/.02)}.card-category-6:hover{background-color:hsl(var(--category-6)/.04);border-left-color:hsl(var(--category-6)/.8)}.card-category-7{border-left-color:hsl(var(--category-7));background-color:hsl(var(--category-7)/.02)}.card-category-7:hover{background-color:hsl(var(--category-7)/.04);border-left-color:hsl(var(--category-7)/.8)}.card-category-8{border-left-color:hsl(var(--category-8));background-color:hsl(var(--category-8)/.02)}.card-category-8:hover{background-color:hsl(var(--category-8)/.04);border-left-color:hsl(var(--category-8)/.8)}.bg-category-1{background-color:hsl(var(--category-1))}.bg-category-2{background-color:hsl(var(--category-2))}.bg-category-3{background-color:hsl(var(--category-3))}.bg-category-4{background-color:hsl(var(--category-4))}.bg-category-5{background-color:hsl(var(--category-5))}.bg-category-6{background-color:hsl(var(--category-6))}.bg-category-7{background-color:hsl(var(--category-7))}.bg-category-8{background-color:hsl(var(--category-8))}.text-category-1{color:hsl(var(--category-1))}.text-category-2{color:hsl(var(--category-2))}.text-category-3{color:hsl(var(--category-3))}.text-category-4{color:hsl(var(--category-4))}.text-category-5{color:hsl(var(--category-5))}.text-category-6{color:hsl(var(--category-6))}.text-category-7{color:hsl(var(--category-7))}.text-category-8{color:hsl(var(--category-8))}.shadow-category-1{box-shadow:0 4px 6px -1px hsl(var(--category-1)/.1),0 2px 4px -1px hsl(var(--category-1)/.06)}.shadow-category-2{box-shadow:0 4px 6px -1px hsl(var(--category-2)/.1),0 2px 4px -1px hsl(var(--category-2)/.06)}.shadow-category-3{box-shadow:0 4px 6px -1px hsl(var(--category-3)/.1),0 2px 4px -1px hsl(var(--category-3)/.06)}.shadow-category-4{box-shadow:0 4px 6px -1px hsl(var(--category-4)/.1),0 2px 4px -1px hsl(var(--category-4)/.06)}.shadow-category-5{box-shadow:0 4px 6px -1px hsl(var(--category-5)/.1),0 2px 4px -1px hsl(var(--category-5)/.06)}.shadow-category-6{box-shadow:0 4px 6px -1px hsl(var(--category-6)/.1),0 2px 4px -1px hsl(var(--category-6)/.06)}.shadow-category-7{box-shadow:0 4px 6px -1px hsl(var(--category-7)/.1),0 2px 4px -1px hsl(var(--category-7)/.06)}.shadow-category-8{box-shadow:0 4px 6px -1px hsl(var(--category-8)/.1),0 2px 4px -1px hsl(var(--category-8)/.06)}.status-success{background-color:hsl(var(--status-success)/.1);color:hsl(var(--status-success));border-color:hsl(var(--status-success)/.2)}.status-warning{background-color:hsl(var(--status-warning)/.1);color:hsl(var(--status-warning));border-color:hsl(var(--status-warning)/.2)}.status-error{background-color:hsl(var(--status-error)/.1);color:hsl(var(--status-error));border-color:hsl(var(--status-error)/.2)}.status-info{background-color:hsl(var(--status-info)/.1);color:hsl(var(--status-info));border-color:hsl(var(--status-info)/.2)}.status-neutral{background-color:hsl(var(--status-neutral)/.1);color:hsl(var(--status-neutral));border-color:hsl(var(--status-neutral)/.2)}.edge-align-start{margin-left:calc(-1*var(--edge-md))}.edge-align-end{margin-right:calc(-1*var(--edge-md))}.edge-align-both{margin-left:calc(-1*var(--edge-md));margin-right:calc(-1*var(--edge-md))}.text-display-lg{letter-spacing:-.05em;font-size:4rem;font-weight:800;line-height:4.5rem}.text-display-md{letter-spacing:-.025em;font-size:3rem;font-weight:700;line-height:3.5rem}.text-display-sm{letter-spacing:-.025em;font-size:2.25rem;font-weight:700;line-height:2.5rem}.text-heading-xl{letter-spacing:-.025em;font-size:1.875rem;font-weight:700;line-height:2.25rem}.text-heading-lg{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:2rem}.text-heading-md{letter-spacing:-.025em;font-size:1.25rem;font-weight:600;line-height:1.75rem}.text-heading-sm{letter-spacing:-.025em;font-size:1.125rem;font-weight:600;line-height:1.75rem}.text-body-lg{letter-spacing:-.025em;font-size:1.125rem;line-height:1.75rem}.text-body-md{letter-spacing:0;font-size:1rem;line-height:1.5rem}.text-body-sm{letter-spacing:0;font-size:.875rem;line-height:1.25rem}.text-caption{letter-spacing:.025em;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}.text-overline{letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;line-height:1rem}.text-data-label{letter-spacing:.025em;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500;line-height:1.25rem}.text-data-value{font-size:1rem;font-weight:600;line-height:1.5rem}.text-data-meta{letter-spacing:.025em;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}.button-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary));border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.button-primary:hover{background-color:hsl(var(--primary-hover));border-color:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.button-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.button-secondary:hover{background-color:hsl(var(--secondary-hover));transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.input-field{border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));border-radius:var(--radius);padding:.75rem;font-size:.875rem;transition:all .2s ease-in-out}.input-field:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.badge-default{border-radius:calc(var(--radius)*.75);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.badge-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.badge-outline{color:hsl(var(--foreground));border:1px solid hsl(var(--border));background-color:#0000}.grid-showcase{gap:var(--component-gap);display:grid}.grid-2-cols{grid-template-columns:repeat(2,1fr)}.grid-3-cols{grid-template-columns:repeat(3,1fr)}.grid-4-cols{grid-template-columns:repeat(4,1fr)}.grid-6-cols{grid-template-columns:repeat(6,1fr)}@media (max-width:768px){.grid-2-cols,.grid-3-cols,.grid-4-cols,.grid-6-cols{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.grid-3-cols,.grid-4-cols,.grid-6-cols{grid-template-columns:repeat(2,1fr)}}.dark .mapboxgl-ctrl-group{background:hsl(var(--card));border:1px solid hsl(var(--border))}.dark .mapboxgl-ctrl-group>button{background-color:hsl(var(--card));border-color:hsl(var(--border))}.dark .mapboxgl-ctrl-group>button:hover{background-color:hsl(var(--secondary))}.dark .mapboxgl-ctrl-group>button:disabled{background-color:hsl(var(--card));opacity:.5}.dark .mapboxgl-ctrl-group>button+button{border-top-color:hsl(var(--border))}.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{filter:invert()}.dark .mapboxgl-ctrl-scale{background-color:hsla(var(--card)/.8);color:hsl(var(--foreground));border-color:hsl(var(--border))}.dark .mapboxgl-ctrl-attrib{background-color:hsla(var(--card)/.8);color:hsl(var(--muted-foreground))}.dark .mapboxgl-ctrl-attrib a{color:hsl(var(--primary))}.dark .mapboxgl-ctrl-attrib a:hover{color:hsl(var(--primary-hover))}.dark .mapboxgl-ctrl-attrib-button{background-color:hsla(var(--card)/.8);color:hsl(var(--foreground))}.dark .mapboxgl-popup-content{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 4px 6px -1px #00000080}.dark .mapboxgl-popup-tip{border-top-color:hsl(var(--card));border-bottom-color:hsl(var(--card));border-left-color:hsl(var(--card));border-right-color:hsl(var(--card))}.dark .mapboxgl-popup-close-button{color:hsl(var(--foreground))}.dark .mapboxgl-popup-close-button:hover{background-color:hsl(var(--secondary))}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-2{top:calc(var(--spacing)*-2)}.-top-6{top:calc(var(--spacing)*-6)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-16{top:calc(var(--spacing)*16)}.top-20{top:calc(var(--spacing)*20)}.top-40{top:calc(var(--spacing)*40)}.top-\[50\%\]{top:50%}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.-right-2{right:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-32{right:calc(var(--spacing)*32)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-40{bottom:calc(var(--spacing)*40)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-20{left:calc(var(--spacing)*20)}.left-32{left:calc(var(--spacing)*32)}.left-\[50\%\]{left:50%}.left-full{left:100%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-12{margin:calc(var(--spacing)*12)}.m-13{margin:calc(var(--spacing)*13)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-16{margin-left:calc(var(--spacing)*16)}.ml-64{margin-left:calc(var(--spacing)*64)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[500px\]{max-height:500px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-96{min-height:calc(var(--spacing)*96)}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[60px\]{width:60px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.\!max-w-none{max-width:none!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-24{max-width:calc(var(--spacing)*24)}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-48{max-width:calc(var(--spacing)*48)}.max-w-64{max-width:calc(var(--spacing)*64)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-\[90vw\]{max-width:90vw}.max-w-\[96rem\]{max-width:96rem}.max-w-\[100px\]{max-width:100px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[250px\]{max-width:250px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.\!min-w-0{min-width:calc(var(--spacing)*0)!important}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-48{min-width:calc(var(--spacing)*48)}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[1rem\]{min-width:1rem}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[2rem\]{min-width:2rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-10{--tw-translate-x:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-none{animation:none}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-20{gap:calc(var(--spacing)*20)}.gap-21{gap:calc(var(--spacing)*21)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[--radius\]{border-radius:--radius}.rounded-\[calc\(var\(--radius\)-2px\)\]{border-radius:calc(var(--radius) - 2px)}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-black{border-color:var(--color-black)}.border-category-1{border-color:var(--color-category-1)}.border-category-1\/20{border-color:#2662d933}@supports (color:color-mix(in lab, red, red)){.border-category-1\/20{border-color:color-mix(in oklab,var(--color-category-1)20%,transparent)}}.border-category-2\/20{border-color:#2eb88a33}@supports (color:color-mix(in lab, red, red)){.border-category-2\/20{border-color:color-mix(in oklab,var(--color-category-2)20%,transparent)}}.border-category-5\/20{border-color:#e2367033}@supports (color:color-mix(in lab, red, red)){.border-category-5\/20{border-color:color-mix(in oklab,var(--color-category-5)20%,transparent)}}.border-category-6\/20{border-color:#39ac3933}@supports (color:color-mix(in lab, red, red)){.border-category-6\/20{border-color:color-mix(in oklab,var(--color-category-6)20%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-status-error{border-color:var(--color-status-error)}.border-status-error\/20{border-color:#ef434333}@supports (color:color-mix(in lab, red, red)){.border-status-error\/20{border-color:color-mix(in oklab,var(--color-status-error)20%,transparent)}}.border-status-error\/30{border-color:#ef43434d}@supports (color:color-mix(in lab, red, red)){.border-status-error\/30{border-color:color-mix(in oklab,var(--color-status-error)30%,transparent)}}.border-status-info{border-color:var(--color-status-info)}.border-status-info\/20{border-color:#3c83f633}@supports (color:color-mix(in lab, red, red)){.border-status-info\/20{border-color:color-mix(in oklab,var(--color-status-info)20%,transparent)}}.border-status-info\/30{border-color:#3c83f64d}@supports (color:color-mix(in lab, red, red)){.border-status-info\/30{border-color:color-mix(in oklab,var(--color-status-info)30%,transparent)}}.border-status-success{border-color:var(--color-status-success)}.border-status-success\/20{border-color:#16a24933}@supports (color:color-mix(in lab, red, red)){.border-status-success\/20{border-color:color-mix(in oklab,var(--color-status-success)20%,transparent)}}.border-status-success\/30{border-color:#16a2494d}@supports (color:color-mix(in lab, red, red)){.border-status-success\/30{border-color:color-mix(in oklab,var(--color-status-success)30%,transparent)}}.border-status-warning{border-color:var(--color-status-warning)}.border-status-warning\/20{border-color:#e7b00833}@supports (color:color-mix(in lab, red, red)){.border-status-warning\/20{border-color:color-mix(in oklab,var(--color-status-warning)20%,transparent)}}.border-status-warning\/30{border-color:#e7b0084d}@supports (color:color-mix(in lab, red, red)){.border-status-warning\/30{border-color:color-mix(in oklab,var(--color-status-warning)30%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.border-t-status-error{border-top-color:var(--color-status-error)}.border-t-status-info{border-top-color:var(--color-status-info)}.border-t-status-warning{border-top-color:var(--color-status-warning)}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-status-error{border-left-color:var(--color-status-error)}.border-l-status-success{border-left-color:var(--color-status-success)}.border-l-transparent{border-left-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-category-1{background-color:var(--color-category-1)}.bg-category-1\/5{background-color:#2662d90d}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/5{background-color:color-mix(in oklab,var(--color-category-1)5%,transparent)}}.bg-category-1\/8{background-color:#2662d914}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/8{background-color:color-mix(in oklab,var(--color-category-1)8%,transparent)}}.bg-category-1\/10{background-color:#2662d91a}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/10{background-color:color-mix(in oklab,var(--color-category-1)10%,transparent)}}.bg-category-1\/20{background-color:#2662d933}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/20{background-color:color-mix(in oklab,var(--color-category-1)20%,transparent)}}.bg-category-1\/70{background-color:#2662d9b3}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/70{background-color:color-mix(in oklab,var(--color-category-1)70%,transparent)}}.bg-category-1\/90{background-color:#2662d9e6}@supports (color:color-mix(in lab, red, red)){.bg-category-1\/90{background-color:color-mix(in oklab,var(--color-category-1)90%,transparent)}}.bg-category-2{background-color:var(--color-category-2)}.bg-category-2\/5{background-color:#2eb88a0d}@supports (color:color-mix(in lab, red, red)){.bg-category-2\/5{background-color:color-mix(in oklab,var(--color-category-2)5%,transparent)}}.bg-category-2\/8{background-color:#2eb88a14}@supports (color:color-mix(in lab, red, red)){.bg-category-2\/8{background-color:color-mix(in oklab,var(--color-category-2)8%,transparent)}}.bg-category-2\/10{background-color:#2eb88a1a}@supports (color:color-mix(in lab, red, red)){.bg-category-2\/10{background-color:color-mix(in oklab,var(--color-category-2)10%,transparent)}}.bg-category-2\/20{background-color:#2eb88a33}@supports (color:color-mix(in lab, red, red)){.bg-category-2\/20{background-color:color-mix(in oklab,var(--color-category-2)20%,transparent)}}.bg-category-2\/70{background-color:#2eb88ab3}@supports (color:color-mix(in lab, red, red)){.bg-category-2\/70{background-color:color-mix(in oklab,var(--color-category-2)70%,transparent)}}.bg-category-3{background-color:var(--color-category-3)}.bg-category-3\/5{background-color:#e88c300d}@supports (color:color-mix(in lab, red, red)){.bg-category-3\/5{background-color:color-mix(in oklab,var(--color-category-3)5%,transparent)}}.bg-category-3\/8{background-color:#e88c3014}@supports (color:color-mix(in lab, red, red)){.bg-category-3\/8{background-color:color-mix(in oklab,var(--color-category-3)8%,transparent)}}.bg-category-3\/10{background-color:#e88c301a}@supports (color:color-mix(in lab, red, red)){.bg-category-3\/10{background-color:color-mix(in oklab,var(--color-category-3)10%,transparent)}}.bg-category-3\/70{background-color:#e88c30b3}@supports (color:color-mix(in lab, red, red)){.bg-category-3\/70{background-color:color-mix(in oklab,var(--color-category-3)70%,transparent)}}.bg-category-4{background-color:var(--color-category-4)}.bg-category-4\/5{background-color:#af57db0d}@supports (color:color-mix(in lab, red, red)){.bg-category-4\/5{background-color:color-mix(in oklab,var(--color-category-4)5%,transparent)}}.bg-category-4\/8{background-color:#af57db14}@supports (color:color-mix(in lab, red, red)){.bg-category-4\/8{background-color:color-mix(in oklab,var(--color-category-4)8%,transparent)}}.bg-category-4\/10{background-color:#af57db1a}@supports (color:color-mix(in lab, red, red)){.bg-category-4\/10{background-color:color-mix(in oklab,var(--color-category-4)10%,transparent)}}.bg-category-4\/70{background-color:#af57dbb3}@supports (color:color-mix(in lab, red, red)){.bg-category-4\/70{background-color:color-mix(in oklab,var(--color-category-4)70%,transparent)}}.bg-category-5{background-color:var(--color-category-5)}.bg-category-5\/5{background-color:#e236700d}@supports (color:color-mix(in lab, red, red)){.bg-category-5\/5{background-color:color-mix(in oklab,var(--color-category-5)5%,transparent)}}.bg-category-5\/8{background-color:#e2367014}@supports (color:color-mix(in lab, red, red)){.bg-category-5\/8{background-color:color-mix(in oklab,var(--color-category-5)8%,transparent)}}.bg-category-5\/10{background-color:#e236701a}@supports (color:color-mix(in lab, red, red)){.bg-category-5\/10{background-color:color-mix(in oklab,var(--color-category-5)10%,transparent)}}.bg-category-5\/70{background-color:#e23670b3}@supports (color:color-mix(in lab, red, red)){.bg-category-5\/70{background-color:color-mix(in oklab,var(--color-category-5)70%,transparent)}}.bg-category-6{background-color:var(--color-category-6)}.bg-category-6\/5{background-color:#39ac390d}@supports (color:color-mix(in lab, red, red)){.bg-category-6\/5{background-color:color-mix(in oklab,var(--color-category-6)5%,transparent)}}.bg-category-6\/8{background-color:#39ac3914}@supports (color:color-mix(in lab, red, red)){.bg-category-6\/8{background-color:color-mix(in oklab,var(--color-category-6)8%,transparent)}}.bg-category-6\/10{background-color:#39ac391a}@supports (color:color-mix(in lab, red, red)){.bg-category-6\/10{background-color:color-mix(in oklab,var(--color-category-6)10%,transparent)}}.bg-category-6\/70{background-color:#39ac39b3}@supports (color:color-mix(in lab, red, red)){.bg-category-6\/70{background-color:color-mix(in oklab,var(--color-category-6)70%,transparent)}}.bg-category-7{background-color:var(--color-category-7)}.bg-category-7\/5{background-color:#f0c4420d}@supports (color:color-mix(in lab, red, red)){.bg-category-7\/5{background-color:color-mix(in oklab,var(--color-category-7)5%,transparent)}}.bg-category-7\/8{background-color:#f0c44214}@supports (color:color-mix(in lab, red, red)){.bg-category-7\/8{background-color:color-mix(in oklab,var(--color-category-7)8%,transparent)}}.bg-category-7\/10{background-color:#f0c4421a}@supports (color:color-mix(in lab, red, red)){.bg-category-7\/10{background-color:color-mix(in oklab,var(--color-category-7)10%,transparent)}}.bg-category-7\/70{background-color:#f0c442b3}@supports (color:color-mix(in lab, red, red)){.bg-category-7\/70{background-color:color-mix(in oklab,var(--color-category-7)70%,transparent)}}.bg-category-8{background-color:var(--color-category-8)}.bg-category-8\/5{background-color:#df50200d}@supports (color:color-mix(in lab, red, red)){.bg-category-8\/5{background-color:color-mix(in oklab,var(--color-category-8)5%,transparent)}}.bg-category-8\/8{background-color:#df502014}@supports (color:color-mix(in lab, red, red)){.bg-category-8\/8{background-color:color-mix(in oklab,var(--color-category-8)8%,transparent)}}.bg-category-8\/10{background-color:#df50201a}@supports (color:color-mix(in lab, red, red)){.bg-category-8\/10{background-color:color-mix(in oklab,var(--color-category-8)10%,transparent)}}.bg-category-8\/70{background-color:#df5020b3}@supports (color:color-mix(in lab, red, red)){.bg-category-8\/70{background-color:color-mix(in oklab,var(--color-category-8)70%,transparent)}}.bg-current\/10{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/10{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.bg-current\/30{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.bg-current\/30{background-color:color-mix(in oklab,currentcolor 30%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-status-error{background-color:var(--color-status-error)}.bg-status-error\/5{background-color:#ef43430d}@supports (color:color-mix(in lab, red, red)){.bg-status-error\/5{background-color:color-mix(in oklab,var(--color-status-error)5%,transparent)}}.bg-status-error\/10{background-color:#ef43431a}@supports (color:color-mix(in lab, red, red)){.bg-status-error\/10{background-color:color-mix(in oklab,var(--color-status-error)10%,transparent)}}.bg-status-error\/70{background-color:#ef4343b3}@supports (color:color-mix(in lab, red, red)){.bg-status-error\/70{background-color:color-mix(in oklab,var(--color-status-error)70%,transparent)}}.bg-status-info{background-color:var(--color-status-info)}.bg-status-info\/10{background-color:#3c83f61a}@supports (color:color-mix(in lab, red, red)){.bg-status-info\/10{background-color:color-mix(in oklab,var(--color-status-info)10%,transparent)}}.bg-status-info\/70{background-color:#3c83f6b3}@supports (color:color-mix(in lab, red, red)){.bg-status-info\/70{background-color:color-mix(in oklab,var(--color-status-info)70%,transparent)}}.bg-status-neutral{background-color:var(--color-status-neutral)}.bg-status-neutral\/70{background-color:#65758bb3}@supports (color:color-mix(in lab, red, red)){.bg-status-neutral\/70{background-color:color-mix(in oklab,var(--color-status-neutral)70%,transparent)}}.bg-status-success{background-color:var(--color-status-success)}.bg-status-success\/10{background-color:#16a2491a}@supports (color:color-mix(in lab, red, red)){.bg-status-success\/10{background-color:color-mix(in oklab,var(--color-status-success)10%,transparent)}}.bg-status-success\/70{background-color:#16a249b3}@supports (color:color-mix(in lab, red, red)){.bg-status-success\/70{background-color:color-mix(in oklab,var(--color-status-success)70%,transparent)}}.bg-status-warning{background-color:var(--color-status-warning)}.bg-status-warning\/10{background-color:#e7b0081a}@supports (color:color-mix(in lab, red, red)){.bg-status-warning\/10{background-color:color-mix(in oklab,var(--color-status-warning)10%,transparent)}}.bg-status-warning\/70{background-color:#e7b008b3}@supports (color:color-mix(in lab, red, red)){.bg-status-warning\/70{background-color:color-mix(in oklab,var(--color-status-warning)70%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[image\:radial-gradient\(circle\,var\(--muted\)_1px\,transparent_1px\)\]{background-image:radial-gradient(circle,var(--muted)1px,transparent 1px)}.from-category-1{--tw-gradient-from:var(--color-category-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-1\/5{--tw-gradient-from:#2662d90d}@supports (color:color-mix(in lab, red, red)){.from-category-1\/5{--tw-gradient-from:color-mix(in oklab,var(--color-category-1)5%,transparent)}}.from-category-1\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-2{--tw-gradient-from:var(--color-category-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-3{--tw-gradient-from:var(--color-category-3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-4{--tw-gradient-from:var(--color-category-4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-5{--tw-gradient-from:var(--color-category-5);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-6{--tw-gradient-from:var(--color-category-6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-7{--tw-gradient-from:var(--color-category-7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-category-8{--tw-gradient-from:var(--color-category-8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-current{--tw-gradient-from:currentcolor;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-status-error{--tw-gradient-from:var(--color-status-error);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-status-info{--tw-gradient-from:var(--color-status-info);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-status-neutral{--tw-gradient-from:var(--color-status-neutral);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-status-success{--tw-gradient-from:var(--color-status-success);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-status-warning{--tw-gradient-from:var(--color-status-warning);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-category-2\/5{--tw-gradient-via:#2eb88a0d}@supports (color:color-mix(in lab, red, red)){.via-category-2\/5{--tw-gradient-via:color-mix(in oklab,var(--color-category-2)5%,transparent)}}.via-category-2\/5{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-current\/60{--tw-gradient-via:currentcolor}@supports (color:color-mix(in lab, red, red)){.via-current\/60{--tw-gradient-via:color-mix(in oklab,currentcolor 60%,transparent)}}.via-current\/60{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-current\/80{--tw-gradient-via:currentcolor}@supports (color:color-mix(in lab, red, red)){.via-current\/80{--tw-gradient-via:color-mix(in oklab,currentcolor 80%,transparent)}}.via-current\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-category-1{--tw-gradient-to:var(--color-category-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-2{--tw-gradient-to:var(--color-category-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-3{--tw-gradient-to:var(--color-category-3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-3\/5{--tw-gradient-to:#e88c300d}@supports (color:color-mix(in lab, red, red)){.to-category-3\/5{--tw-gradient-to:color-mix(in oklab,var(--color-category-3)5%,transparent)}}.to-category-3\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-4{--tw-gradient-to:var(--color-category-4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-5{--tw-gradient-to:var(--color-category-5);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-6{--tw-gradient-to:var(--color-category-6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-7{--tw-gradient-to:var(--color-category-7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-category-8{--tw-gradient-to:var(--color-category-8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-current{--tw-gradient-to:currentcolor;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-status-error{--tw-gradient-to:var(--color-status-error);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-status-info{--tw-gradient-to:var(--color-status-info);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-status-neutral{--tw-gradient-to:var(--color-status-neutral);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-status-success{--tw-gradient-to:var(--color-status-success);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-status-warning{--tw-gradient-to:var(--color-status-warning);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-\[length\:1rem_1rem\]{background-size:1rem 1rem}.bg-\[length\:2rem_100\%\]{background-size:2rem 100%}.bg-\[size\:1rem_1rem\]{background-size:1rem 1rem}.bg-\[size\:2rem_2rem\]{background-size:2rem 2rem}.bg-\[size\:4rem_2rem\]{background-size:4rem 2rem}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat-x{background-repeat:repeat-x}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-1{padding:calc(var(--spacing)*1)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-\[var\(--card-padding\)\]{padding:var(--card-padding)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-20{padding-right:calc(var(--spacing)*20)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-category-1{color:var(--color-category-1)}.text-category-2{color:var(--color-category-2)}.text-category-2\/80{color:#2eb88acc}@supports (color:color-mix(in lab, red, red)){.text-category-2\/80{color:color-mix(in oklab,var(--color-category-2)80%,transparent)}}.text-category-3{color:var(--color-category-3)}.text-category-4{color:var(--color-category-4)}.text-category-5{color:var(--color-category-5)}.text-category-5\/80{color:#e23670cc}@supports (color:color-mix(in lab, red, red)){.text-category-5\/80{color:color-mix(in oklab,var(--color-category-5)80%,transparent)}}.text-category-6{color:var(--color-category-6)}.text-category-6\/80{color:#39ac39cc}@supports (color:color-mix(in lab, red, red)){.text-category-6\/80{color:color-mix(in oklab,var(--color-category-6)80%,transparent)}}.text-category-7{color:var(--color-category-7)}.text-category-8{color:var(--color-category-8)}.text-current{color:currentColor}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-status-error{color:var(--color-status-error)}.text-status-info{color:var(--color-status-info)}.text-status-neutral{color:var(--color-status-neutral)}.text-status-success{color:var(--color-status-success)}.text-status-warning{color:var(--color-status-warning)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\,0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\]{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-category-1{--tw-shadow-color:#2662d9}@supports (color:color-mix(in lab, red, red)){.shadow-category-1{--tw-shadow-color:color-mix(in oklab,var(--color-category-1)var(--tw-shadow-alpha),transparent)}}.shadow-category-2{--tw-shadow-color:#2eb88a}@supports (color:color-mix(in lab, red, red)){.shadow-category-2{--tw-shadow-color:color-mix(in oklab,var(--color-category-2)var(--tw-shadow-alpha),transparent)}}.shadow-category-3{--tw-shadow-color:#e88c30}@supports (color:color-mix(in lab, red, red)){.shadow-category-3{--tw-shadow-color:color-mix(in oklab,var(--color-category-3)var(--tw-shadow-alpha),transparent)}}.shadow-category-4{--tw-shadow-color:#af57db}@supports (color:color-mix(in lab, red, red)){.shadow-category-4{--tw-shadow-color:color-mix(in oklab,var(--color-category-4)var(--tw-shadow-alpha),transparent)}}.shadow-category-5{--tw-shadow-color:#e23670}@supports (color:color-mix(in lab, red, red)){.shadow-category-5{--tw-shadow-color:color-mix(in oklab,var(--color-category-5)var(--tw-shadow-alpha),transparent)}}.shadow-category-6{--tw-shadow-color:#39ac39}@supports (color:color-mix(in lab, red, red)){.shadow-category-6{--tw-shadow-color:color-mix(in oklab,var(--color-category-6)var(--tw-shadow-alpha),transparent)}}.shadow-category-7{--tw-shadow-color:#f0c442}@supports (color:color-mix(in lab, red, red)){.shadow-category-7{--tw-shadow-color:color-mix(in oklab,var(--color-category-7)var(--tw-shadow-alpha),transparent)}}.shadow-category-8{--tw-shadow-color:#df5020}@supports (color:color-mix(in lab, red, red)){.shadow-category-8{--tw-shadow-color:color-mix(in oklab,var(--color-category-8)var(--tw-shadow-alpha),transparent)}}.shadow-status-error\/10{--tw-shadow-color:#ef43431a}@supports (color:color-mix(in lab, red, red)){.shadow-status-error\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-status-error)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-status-info\/10{--tw-shadow-color:#3c83f61a}@supports (color:color-mix(in lab, red, red)){.shadow-status-info\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-status-info)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-status-success\/10{--tw-shadow-color:#16a2491a}@supports (color:color-mix(in lab, red, red)){.shadow-status-success\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-status-success)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-status-warning\/10{--tw-shadow-color:#e7b0081a}@supports (color:color-mix(in lab, red, red)){.shadow-status-warning\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-status-warning)10%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-category-4{--tw-ring-color:var(--color-category-4)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-lg{--tw-blur:blur(var(--blur-lg));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,)}.blur-xl{--tw-blur:blur(var(--blur-xl));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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.delay-500{transition-delay:.5s}.delay-1000{transition-delay:1s}.duration-50{--tw-duration:50ms;transition-duration:50ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:calc(var(--spacing)*.5)}.after\:text-status-error:after{content:var(--tw-content);color:var(--color-status-error)}.after\:content-\[\'\*\'\]:after{content:var(--tw-content);--tw-content:"*";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}.checked\:border-transparent:checked{border-color:#0000}.checked\:bg-current:checked{background-color:currentColor}.indeterminate\:border-transparent:indeterminate{border-color:#0000}.indeterminate\:bg-current:indeterminate{background-color:currentColor}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-solid:hover{--tw-border-style:solid;border-style:solid}.hover\:border-category-1\/50:hover{border-color:#2662d980}@supports (color:color-mix(in lab, red, red)){.hover\:border-category-1\/50:hover{border-color:color-mix(in oklab,var(--color-category-1)50%,transparent)}}.hover\:border-status-error\/70:hover{border-color:#ef4343b3}@supports (color:color-mix(in lab, red, red)){.hover\:border-status-error\/70:hover{border-color:color-mix(in oklab,var(--color-status-error)70%,transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-category-2\/90:hover{background-color:#2eb88ae6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-category-2\/90:hover{background-color:color-mix(in oklab,var(--color-category-2)90%,transparent)}}.hover\:bg-current\/10:hover{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.hover\:bg-current\/10:hover{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:from-category-1:hover{--tw-gradient-from:var(--color-category-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-2:hover{--tw-gradient-from:var(--color-category-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-3:hover{--tw-gradient-from:var(--color-category-3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-4:hover{--tw-gradient-from:var(--color-category-4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-5:hover{--tw-gradient-from:var(--color-category-5);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-6:hover{--tw-gradient-from:var(--color-category-6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-7:hover{--tw-gradient-from:var(--color-category-7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-category-8:hover{--tw-gradient-from:var(--color-category-8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-1:hover{--tw-gradient-to:var(--color-category-1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-2:hover{--tw-gradient-to:var(--color-category-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-3:hover{--tw-gradient-to:var(--color-category-3);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-4:hover{--tw-gradient-to:var(--color-category-4);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-5:hover{--tw-gradient-to:var(--color-category-5);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-6:hover{--tw-gradient-to:var(--color-category-6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-7:hover{--tw-gradient-to:var(--color-category-7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-category-8:hover{--tw-gradient-to:var(--color-category-8);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-category-1:hover{color:var(--color-category-1)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:border-category-1\/30:focus{border-color:#2662d94d}@supports (color:color-mix(in lab, red, red)){.focus\:border-category-1\/30:focus{border-color:color-mix(in oklab,var(--color-category-1)30%,transparent)}}.focus\:border-status-error:focus{border-color:var(--color-status-error)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-category-1:focus{--tw-ring-color:var(--color-category-1)}.focus\:ring-category-1\/20:focus{--tw-ring-color:#2662d933}@supports (color:color-mix(in lab, red, red)){.focus\:ring-category-1\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-category-1)20%,transparent)}}.focus\:ring-category-2:focus{--tw-ring-color:var(--color-category-2)}.focus\:ring-category-3:focus{--tw-ring-color:var(--color-category-3)}.focus\:ring-category-4:focus{--tw-ring-color:var(--color-category-4)}.focus\:ring-category-5:focus{--tw-ring-color:var(--color-category-5)}.focus\:ring-category-6:focus{--tw-ring-color:var(--color-category-6)}.focus\:ring-category-7:focus{--tw-ring-color:var(--color-category-7)}.focus\:ring-category-8:focus{--tw-ring-color:var(--color-category-8)}.focus\:ring-status-error\/20:focus{--tw-ring-color:#ef434333}@supports (color:color-mix(in lab, red, red)){.focus\:ring-status-error\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-status-error)20%,transparent)}}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=selected\]\:bg-gray-100[data-state=selected]{background-color:var(--color-gray-100)}@media (min-width:40rem){.sm\:pointer-events-none{pointer-events:none}.sm\:\!block{display:block!important}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:\!h-auto{height:auto!important}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-auto{width:auto}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:cursor-default{cursor:default}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-2{padding-block:calc(var(--spacing)*2)}.sm\:py-6{padding-block:calc(var(--spacing)*6)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:\!opacity-100{opacity:1!important}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:p-3\.5{padding:calc(var(--spacing)*3.5)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-7{padding:calc(var(--spacing)*7)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-6{padding-block:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mx-auto{margin-inline:auto}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-3{gap:calc(var(--spacing)*3)}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:p-5{padding:calc(var(--spacing)*5)}.xl\:p-8{padding:calc(var(--spacing)*8)}.xl\:p-10{padding:calc(var(--spacing)*10)}}@media (prefers-color-scheme:dark){.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-yellow-400{color:var(--color-yellow-400)}}.\[\&_table\]\:table-fixed table{table-layout:fixed}.\[\&_td\]\:px-3 td{padding-inline:calc(var(--spacing)*3)}.\[\&_td\]\:py-2 td{padding-block:calc(var(--spacing)*2)}.\[\&_th\]\:px-3 th{padding-inline:calc(var(--spacing)*3)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing)*2)}.\[\&_th\]\:py-2\.5 th{padding-block:calc(var(--spacing)*2.5)}.\[\&_th\]\:text-xs th{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_th\]\:font-medium th{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:checked\]\:after\:absolute:checked:after{content:var(--tw-content);position:absolute}.\[\&\:checked\]\:after\:top-\[0\.125rem\]:checked:after{content:var(--tw-content);top:.125rem}.\[\&\:checked\]\:after\:left-\[0\.125rem\]:checked:after{content:var(--tw-content);left:.125rem}.\[\&\:checked\]\:after\:h-\[0\.375rem\]:checked:after{content:var(--tw-content);height:.375rem}.\[\&\:checked\]\:after\:w-\[0\.625rem\]:checked:after{content:var(--tw-content);width:.625rem}.\[\&\:checked\]\:after\:rotate-\[-45deg\]:checked:after{content:var(--tw-content);rotate:-45deg}.\[\&\:checked\]\:after\:border-\[2px\]:checked:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.\[\&\:checked\]\:after\:border-t-0:checked:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\:checked\]\:after\:border-r-0:checked:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:0}.\[\&\:checked\]\:after\:border-white:checked:after{content:var(--tw-content);border-color:var(--color-white)}.\[\&\:checked\]\:after\:content-\[\"\"\]:checked:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\:has\(input\[type\=checkbox\]\)\]\:w-8:has(input[type=checkbox]){width:calc(var(--spacing)*8)}.\[\&\:has\(input\[type\=checkbox\]\)\]\:px-2:has(input[type=checkbox]){padding-inline:calc(var(--spacing)*2)}.\[\&\:indeterminate\]\:after\:absolute:indeterminate:after{content:var(--tw-content);position:absolute}.\[\&\:indeterminate\]\:after\:top-1\/2:indeterminate:after{content:var(--tw-content);top:50%}.\[\&\:indeterminate\]\:after\:left-1\/2:indeterminate:after{content:var(--tw-content);left:50%}.\[\&\:indeterminate\]\:after\:h-0\.5:indeterminate:after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.\[\&\:indeterminate\]\:after\:w-2\/3:indeterminate:after{content:var(--tw-content);width:66.6667%}.\[\&\:indeterminate\]\:after\:-translate-x-1\/2:indeterminate:after{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\:indeterminate\]\:after\:-translate-y-1\/2:indeterminate:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\:indeterminate\]\:after\:bg-white:indeterminate:after{content:var(--tw-content);background-color:var(--color-white)}.\[\&\:indeterminate\]\:after\:content-\[\"\"\]:indeterminate:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.\[\&\>button\]\:rounded-full>button{border-radius:3.40282e38px}.\[\&\>button\]\:border-b-2>button{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.\[\&\>button\]\:border-transparent>button{border-color:#0000}.\[\&\>button\]\:px-4>button{padding-inline:calc(var(--spacing)*4)}.\[\&\>span\]\:h-3>span{height:calc(var(--spacing)*3)}.\[\&\>span\]\:h-5>span{height:calc(var(--spacing)*5)}.\[\&\>span\]\:w-3>span{width:calc(var(--spacing)*3)}.\[\&\>span\]\:w-5>span{width:calc(var(--spacing)*5)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}