@importcsv/react 0.1.17 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/README.md +16 -6
  2. package/build/bundle.css +1 -0
  3. package/build/bundled-styles.d.ts +1 -1
  4. package/build/components/CSVImporter/index.d.ts +32 -35
  5. package/build/i18n/de.d.ts +32 -32
  6. package/build/i18n/es.d.ts +32 -32
  7. package/build/i18n/fr.d.ts +32 -32
  8. package/build/i18n/i18n.d.ts +6 -6
  9. package/build/i18n/it.d.ts +32 -32
  10. package/build/i18n/useTranslation.d.ts +9 -9
  11. package/build/importer/components/Box/index.d.ts +2 -2
  12. package/build/importer/components/Box/types/index.d.ts +6 -6
  13. package/build/importer/components/Checkbox/index.d.ts +2 -2
  14. package/build/importer/components/Checkbox/types/index.d.ts +4 -4
  15. package/build/importer/components/Errors/index.d.ts +4 -4
  16. package/build/importer/components/IframeWrapper/index.d.ts +25 -25
  17. package/build/importer/components/ImporterLayout.d.ts +15 -0
  18. package/build/importer/components/Input/index.d.ts +2 -2
  19. package/build/importer/components/Input/types/index.d.ts +18 -18
  20. package/build/importer/components/Stepper/hooks/useStepper.d.ts +2 -2
  21. package/build/importer/components/Stepper/index.d.ts +2 -2
  22. package/build/importer/components/Stepper/types/index.d.ts +14 -13
  23. package/build/importer/components/Table/index.d.ts +9 -9
  24. package/build/importer/components/Table/types/index.d.ts +42 -42
  25. package/build/importer/components/ToggleFilter/index.d.ts +3 -3
  26. package/build/importer/components/ToggleFilter/types/index.d.ts +11 -11
  27. package/build/importer/components/Tooltip/index.d.ts +2 -2
  28. package/build/importer/components/Tooltip/types/index.d.ts +11 -11
  29. package/build/importer/components/UploaderWrapper/UploaderWrapper.d.ts +2 -2
  30. package/build/importer/components/UploaderWrapper/types/index.d.ts +2 -2
  31. package/build/importer/components/ui/alert.d.ts +8 -8
  32. package/build/importer/components/ui/button.d.ts +12 -12
  33. package/build/importer/components/ui/card.d.ts +8 -8
  34. package/build/importer/components/ui/checkbox.d.ts +4 -4
  35. package/build/importer/components/ui/dialog.d.ts +19 -19
  36. package/build/importer/components/ui/flex.d.ts +14 -14
  37. package/build/importer/components/ui/input.d.ts +5 -5
  38. package/build/importer/components/ui/select.d.ts +13 -13
  39. package/build/importer/components/ui/switch.d.ts +4 -4
  40. package/build/importer/components/ui/toast.d.ts +15 -15
  41. package/build/importer/components/ui/toaster.d.ts +1 -1
  42. package/build/importer/components/ui/tooltip.d.ts +13 -13
  43. package/build/importer/components/ui/use-toast.d.ts +44 -44
  44. package/build/importer/features/complete/index.d.ts +2 -2
  45. package/build/importer/features/complete/types/index.d.ts +5 -5
  46. package/build/importer/features/configure-import/index.d.ts +13 -13
  47. package/build/importer/features/configure-import/types/index.d.ts +13 -19
  48. package/build/importer/features/main/hooks/useMutableLocalStorage.d.ts +1 -1
  49. package/build/importer/features/main/hooks/useStepNavigation.d.ts +17 -18
  50. package/build/importer/features/main/index.d.ts +2 -2
  51. package/build/importer/features/main/types/index.d.ts +16 -16
  52. package/build/importer/features/map-columns/components/DropDownFields.d.ts +21 -19
  53. package/build/importer/features/map-columns/hooks/useMapColumnsTable.d.ts +16 -15
  54. package/build/importer/features/map-columns/index.d.ts +2 -2
  55. package/build/importer/features/map-columns/types/index.d.ts +16 -23
  56. package/build/importer/features/row-selection/index.d.ts +2 -2
  57. package/build/importer/features/row-selection/types/index.d.ts +8 -8
  58. package/build/importer/features/uploader/hooks/useTemplateTable.d.ts +10 -10
  59. package/build/importer/features/uploader/index.d.ts +2 -2
  60. package/build/importer/features/uploader/types/index.d.ts +9 -9
  61. package/build/importer/features/validation/Validation.d.ts +2 -2
  62. package/build/importer/features/validation/components/TransformModal.d.ts +18 -18
  63. package/build/importer/features/validation/index.d.ts +1 -1
  64. package/build/importer/features/validation/types.d.ts +32 -32
  65. package/build/importer/hooks/useClickOutside.d.ts +1 -1
  66. package/build/importer/hooks/useCustomStyles.d.ts +1 -1
  67. package/build/importer/hooks/useDemoData.d.ts +16 -0
  68. package/build/importer/hooks/useEventListener.d.ts +4 -4
  69. package/build/importer/hooks/useImporterSchema.d.ts +21 -0
  70. package/build/importer/hooks/useIsomorphicLayoutEffect.d.ts +3 -3
  71. package/build/importer/hooks/useRect.d.ts +12 -12
  72. package/build/importer/hooks/useWindowSize.d.ts +1 -1
  73. package/build/importer/providers/Theme.d.ts +5 -6
  74. package/build/importer/providers/index.d.ts +5 -5
  75. package/build/importer/providers/types/index.d.ts +4 -4
  76. package/build/importer/services/api.d.ts +1 -0
  77. package/build/importer/services/dataProcessor.d.ts +38 -0
  78. package/build/importer/services/mapping.d.ts +31 -31
  79. package/build/importer/services/transformation.d.ts +70 -70
  80. package/build/importer/settings/theme/colors.d.ts +4 -4
  81. package/build/importer/settings/theme/index.d.ts +2 -2
  82. package/build/importer/settings/theme/sizes.d.ts +7 -7
  83. package/build/importer/stores/theme.d.ts +17 -17
  84. package/build/importer/types/index.d.ts +9 -17
  85. package/build/importer/utils/colorUtils.d.ts +48 -44
  86. package/build/importer/utils/getStringLengthOfChildren.d.ts +2 -2
  87. package/build/importer/utils/stringSimilarity.d.ts +1 -1
  88. package/build/importer/utils/template.d.ts +2 -2
  89. package/build/importer/utils/utils.d.ts +19 -11
  90. package/build/index.d.ts +4 -3
  91. package/build/index.esm.js +10896 -34418
  92. package/build/index.esm.js.map +1 -1
  93. package/build/index.js +262 -37879
  94. package/build/index.js.map +1 -1
  95. package/build/js.d.ts +39 -40
  96. package/build/settings/defaults.d.ts +3 -3
  97. package/build/styles.d.ts +1 -1
  98. package/build/types/index.d.ts +105 -33
  99. package/build/utils/cn.d.ts +6 -0
  100. package/build/validation/transformer.d.ts +33 -0
  101. package/build/validation/validator.d.ts +23 -0
  102. package/package.json +14 -41
  103. package/build/App.d.ts +0 -2
  104. package/build/build/bundle.css +0 -3789
  105. package/build/config/index.d.ts +0 -5
  106. package/build/importer/components/Portal/index.d.ts +0 -3
  107. package/build/importer/components/Portal/types/index.d.ts +0 -5
  108. package/build/importer/components/Table/storyData.d.ts +0 -36
  109. package/build/importer/features/map-columns/hooks/useNameChange.d.ts +0 -5
  110. package/build/importer/features/validation/SimpleValidation.d.ts +0 -2
  111. package/build/importer/features/validation/components/SimpleSpreadsheetGrid/SimpleSpreadsheetGrid.d.ts +0 -27
  112. package/build/importer/features/validation/components/SimpleSpreadsheetGrid/index.d.ts +0 -1
  113. package/build/importer/features/validation/components/SpreadsheetGrid/CellSelection.d.ts +0 -15
  114. package/build/importer/features/validation/components/SpreadsheetGrid/ClipboardManager.d.ts +0 -20
  115. package/build/importer/features/validation/components/SpreadsheetGrid/FindReplaceModal.d.ts +0 -14
  116. package/build/importer/features/validation/components/SpreadsheetGrid/SpreadsheetGrid.d.ts +0 -37
  117. package/build/importer/features/validation/components/SpreadsheetGrid/UndoRedoManager.d.ts +0 -15
  118. package/build/importer/features/validation/components/SpreadsheetGrid/index.d.ts +0 -1
  119. package/build/importer/hooks/useDelayLoader.d.ts +0 -2
  120. package/build/importer/settings/chakra/components/alert.d.ts +0 -31
  121. package/build/importer/settings/chakra/components/button.d.ts +0 -37
  122. package/build/importer/settings/chakra/components/index.d.ts +0 -2
  123. package/build/importer/settings/chakra/foundations/blur.d.ts +0 -11
  124. package/build/importer/settings/chakra/foundations/borders.d.ts +0 -8
  125. package/build/importer/settings/chakra/foundations/breakpoints.d.ts +0 -9
  126. package/build/importer/settings/chakra/foundations/colors.d.ts +0 -247
  127. package/build/importer/settings/chakra/foundations/index.d.ts +0 -487
  128. package/build/importer/settings/chakra/foundations/radius.d.ts +0 -12
  129. package/build/importer/settings/chakra/foundations/shadows.d.ts +0 -14
  130. package/build/importer/settings/chakra/foundations/sizes.d.ts +0 -60
  131. package/build/importer/settings/chakra/foundations/spacing.d.ts +0 -35
  132. package/build/importer/settings/chakra/foundations/transition.d.ts +0 -24
  133. package/build/importer/settings/chakra/foundations/typography.d.ts +0 -61
  134. package/build/importer/settings/chakra/foundations/z-index.d.ts +0 -16
  135. package/build/importer/settings/chakra/index.d.ts +0 -592
  136. package/build/importer/settings/chakra/semantic-tokens.d.ts +0 -32
  137. package/build/importer/settings/chakra/styles.d.ts +0 -2
  138. package/build/importer/settings/chakra/theme.types.d.ts +0 -93
  139. package/build/importer/settings/chakra/utils/is-chakra-theme.d.ts +0 -3
  140. package/build/importer/settings/chakra/utils/run-if-fn.d.ts +0 -1
  141. package/build/importer/utils/classes.d.ts +0 -2
  142. package/build/importer/utils/debounce.d.ts +0 -2
  143. package/build/index.dev.d.ts +0 -1
  144. package/build/package.json +0 -92
  145. package/build/services/api.d.ts +0 -18
  146. package/build/services/apiClient.d.ts +0 -21
  147. package/build/utils/classes.d.ts +0 -6
@@ -1,3789 +0,0 @@
1
- .Errors-module_errors__fyHDX {
2
- color: var(--color-text-error);
3
- margin: var(--m-xxs) 0;
4
- }
5
- .Errors-module_errors__fyHDX p {
6
- margin: 0;
7
- display: flex;
8
- align-items: center;
9
- gap: var(--m-xxs);
10
- text-align: left;
11
- }
12
- .Errors-module_centered__RHKZi {
13
- display: flex;
14
- justify-content: center;
15
- align-items: center;
16
- flex-direction: column;
17
- height: 100%;
18
- }
19
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
20
- .Stepper-module_stepper__8qdlg {
21
- display: flex;
22
- align-items: center;
23
- justify-content: center;
24
- gap: 0;
25
- width: 100%;
26
- margin: 2rem auto;
27
- padding: 0 2rem;
28
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
29
- position: relative;
30
- }
31
- @media (max-width: 640px) {
32
- .Stepper-module_stepper__8qdlg {
33
- margin: 1rem auto;
34
- padding: 0 1rem;
35
- }
36
- }
37
- @media (max-width: 480px) {
38
- .Stepper-module_stepper__8qdlg {
39
- display: none; /* Hide the stepper on mobile */
40
- }
41
- }
42
- .Stepper-module_step__HvpHj {
43
- display: flex;
44
- flex-direction: column;
45
- align-items: center;
46
- position: relative;
47
- flex: 1;
48
- max-width: 200px;
49
- background: transparent;
50
- border: none;
51
- cursor: pointer;
52
- padding: 0;
53
- transition: all 0.3s ease-out;
54
- }
55
- .Stepper-module_step__HvpHj:not(:last-child)::after {
56
- content: "";
57
- position: absolute;
58
- top: 20px;
59
- left: calc(50% + 30px);
60
- width: calc(100% - 60px);
61
- height: 2px;
62
- background: #E5E7EB;
63
- transition: all 0.3s ease-out;
64
- z-index: -1;
65
- }
66
- .Stepper-module_step__HvpHj.Stepper-module_done__ESA8M:not(:last-child)::after {
67
- background: var(--color-primary);
68
- }
69
- .Stepper-module_step__HvpHj .Stepper-module_badge__FiGUZ {
70
- width: 40px;
71
- height: 40px;
72
- border-radius: 50%;
73
- display: flex;
74
- align-items: center;
75
- justify-content: center;
76
- background: white;
77
- border: 2px solid #E5E7EB;
78
- color: #6B7280;
79
- font-weight: 600;
80
- font-size: 14px;
81
- transition: all 0.3s ease-out;
82
- position: relative;
83
- z-index: 1;
84
- }
85
- .Stepper-module_step__HvpHj .Stepper-module_badge__FiGUZ svg {
86
- width: 16px;
87
- height: 16px;
88
- }
89
- .Stepper-module_step__HvpHj .Stepper-module_label__0j9-q {
90
- margin-top: 8px;
91
- font-size: 13px;
92
- color: #6B7280;
93
- font-weight: 500;
94
- transition: all 0.3s ease-out;
95
- text-align: center;
96
- white-space: nowrap;
97
- }
98
- @media (max-width: 640px) {
99
- .Stepper-module_step__HvpHj .Stepper-module_label__0j9-q {
100
- display: none;
101
- }
102
- }
103
- .Stepper-module_step__HvpHj.Stepper-module_active__HLlcf .Stepper-module_badge__FiGUZ {
104
- background: var(--color-primary);
105
- color: white;
106
- border-color: var(--color-primary);
107
- box-shadow: 0 0 0 4px rgba(122, 94, 248, 0.1);
108
- }
109
- .Stepper-module_step__HvpHj.Stepper-module_active__HLlcf .Stepper-module_label__0j9-q {
110
- color: var(--color-primary);
111
- font-weight: 600;
112
- }
113
- .Stepper-module_step__HvpHj.Stepper-module_done__ESA8M .Stepper-module_badge__FiGUZ {
114
- background: var(--color-primary-100, #EDE9FE);
115
- border-color: var(--color-primary);
116
- color: var(--color-primary);
117
- }
118
- .Stepper-module_step__HvpHj.Stepper-module_done__ESA8M .Stepper-module_label__0j9-q {
119
- color: #111827;
120
- }
121
- .Stepper-module_step__HvpHj:hover:not(.Stepper-module_active__HLlcf):not(.Stepper-module_done__ESA8M) .Stepper-module_badge__FiGUZ {
122
- border-color: var(--color-primary-300, #C4B5FD);
123
- background: var(--color-primary-50, #F5F3FF);
124
- }
125
- @media (min-width: 768px) {
126
- .Stepper-module_step__HvpHj.Stepper-module_stepWide__ZM0Ey .Stepper-module_label__0j9-q {
127
- display: block;
128
- }
129
- }
130
- .Stepper-module_stepper-legacy__EOFYx {
131
- display: flex;
132
- gap: var(--m);
133
- margin: var(--m-xs) auto;
134
- justify-content: center;
135
- }
136
- @media (max-width: 480px) {
137
- .Stepper-module_stepper-legacy__EOFYx {
138
- display: none;
139
- }
140
- }
141
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj {
142
- display: flex;
143
- gap: var(--m-xxs);
144
- align-items: center;
145
- transition: all 0.3s ease-out;
146
- }
147
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj .Stepper-module_badge__FiGUZ {
148
- border-radius: 50%;
149
- border: 1px solid var(--color-border);
150
- aspect-ratio: 1;
151
- width: 2em;
152
- display: flex;
153
- align-items: center;
154
- justify-content: center;
155
- transition: all 0.3s ease-out;
156
- }
157
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj.Stepper-module_active__HLlcf {
158
- color: var(--color-primary);
159
- }
160
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj.Stepper-module_active__HLlcf .Stepper-module_badge__FiGUZ {
161
- background-color: var(--color-primary);
162
- color: var(--color-text-on-primary);
163
- border: none;
164
- }
165
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj.Stepper-module_done__ESA8M .Stepper-module_badge__FiGUZ {
166
- border-color: var(--color-primary);
167
- }
168
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_step__HvpHj:not(:first-of-type):before {
169
- content: "";
170
- height: 1px;
171
- width: min(140px, 4vw);
172
- background-color: var(--color-border);
173
- border-radius: 2px;
174
- margin-right: var(--m-xs);
175
- }
176
- .Stepper-module_stepper-legacy__EOFYx .Stepper-module_stepWide__ZM0Ey:not(:first-of-type):before {
177
- width: min(120px, 10vw);
178
- }
179
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
180
- .Validation-module_baseContainer__-0AsU, .Validation-module_flexContainer__cBods {
181
- width: 100%;
182
- max-width: 100%;
183
- padding: 1.5rem;
184
- }
185
- @media (max-width: 768px) {
186
- .Validation-module_baseContainer__-0AsU, .Validation-module_flexContainer__cBods {
187
- padding: 1rem;
188
- }
189
- }
190
- @media (max-width: 640px) {
191
- .Validation-module_baseContainer__-0AsU, .Validation-module_flexContainer__cBods {
192
- padding: 0.75rem;
193
- }
194
- }
195
- .Validation-module_flexContainer__cBods {
196
- display: flex;
197
- flex-direction: column;
198
- min-height: 0;
199
- min-width: 0;
200
- }
201
- .Validation-module_scrollableContent__d0ytT {
202
- flex: 1;
203
- display: flex;
204
- flex-direction: column;
205
- overflow: visible;
206
- max-width: 100%;
207
- min-width: 0;
208
- }
209
- .Validation-module_tableContainer__jRikO {
210
- flex: 1;
211
- overflow-x: auto;
212
- overflow-y: auto;
213
- max-width: 100%;
214
- -webkit-overflow-scrolling: touch;
215
- }
216
- .Validation-module_tableContainer__jRikO table {
217
- min-width: 100%;
218
- width: -moz-max-content;
219
- width: max-content;
220
- }
221
- .Validation-module_headerSection__drcpg, .Validation-module_header__ocGI2 {
222
- padding: 1rem;
223
- border-bottom: 1px solid #e5e7eb;
224
- }
225
- .Validation-module_headerSection__drcpg h2, .Validation-module_header__ocGI2 h2 {
226
- font-size: 1.25rem;
227
- font-weight: 600;
228
- color: #111827;
229
- margin: 0 0 0.5rem 0;
230
- }
231
- .Validation-module_headerSection__drcpg p, .Validation-module_header__ocGI2 p {
232
- font-size: 0.875rem;
233
- color: #6b7280;
234
- margin: 0;
235
- }
236
- .Validation-module_toolbar__-DCj6 {
237
- padding: 0.75rem 1rem;
238
- background: white;
239
- border: 1px solid #e5e7eb;
240
- border-radius: 0.5rem;
241
- margin-bottom: 1rem;
242
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
243
- }
244
- .Validation-module_validationContainer__jrlPR {
245
- display: flex;
246
- flex-direction: column;
247
- width: 100%;
248
- min-height: 600px;
249
- max-height: calc(100vh - 2rem);
250
- height: calc(100vh - 2rem);
251
- max-width: 100%;
252
- box-sizing: border-box;
253
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
254
- margin: 1rem 0;
255
- }
256
- .Validation-module_header__ocGI2 {
257
- flex-shrink: 0;
258
- padding: 1.5rem 1.5rem 0 1.5rem;
259
- }
260
- @media (max-width: 640px) {
261
- .Validation-module_header__ocGI2 {
262
- padding: 1rem 1rem 0 1rem;
263
- }
264
- .Validation-module_header__ocGI2 h2 {
265
- font-size: 1.125rem;
266
- }
267
- .Validation-module_header__ocGI2 p {
268
- font-size: 0.8125rem;
269
- }
270
- }
271
- .Validation-module_toolbarSection__Q0YdW {
272
- flex-shrink: 0;
273
- padding: 1rem 1.5rem 0 1.5rem;
274
- background: transparent;
275
- }
276
- @media (max-width: 640px) {
277
- .Validation-module_toolbarSection__Q0YdW {
278
- padding: 0.75rem 1rem 0 1rem;
279
- }
280
- }
281
- .Validation-module_scrollableSection__nwC-B {
282
- flex: 1 1 auto;
283
- min-width: 0;
284
- overflow: auto;
285
- min-height: 200px;
286
- margin: 1rem 1.5rem 0;
287
- background: white;
288
- border: 1px solid #e5e7eb;
289
- border-radius: 0.5rem;
290
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
291
- -webkit-overflow-scrolling: touch;
292
- }
293
- .Validation-module_scrollableSection__nwC-B > table {
294
- border-collapse: collapse;
295
- }
296
- .Validation-module_scrollableSection__nwC-B > table thead {
297
- position: sticky;
298
- top: 0;
299
- z-index: 10;
300
- }
301
- .Validation-module_scrollableSection__nwC-B > table thead th {
302
- background: #f9fafb;
303
- border-bottom: 2px solid #e5e7eb;
304
- }
305
- .Validation-module_scrollableSection__nwC-B > table th:first-child,
306
- .Validation-module_scrollableSection__nwC-B > table td:first-child {
307
- position: sticky;
308
- left: 0;
309
- z-index: 5;
310
- }
311
- .Validation-module_scrollableSection__nwC-B > table thead th:first-child {
312
- z-index: 11;
313
- }
314
- @media (max-width: 640px) {
315
- .Validation-module_scrollableSection__nwC-B {
316
- margin: 0.75rem;
317
- }
318
- }
319
- .Validation-module_validationContent__hn2Dz {
320
- padding: 1rem 0;
321
- width: 100%;
322
- max-width: 100%;
323
- overflow: visible;
324
- }
325
- .Validation-module_toolbar__-DCj6 {
326
- background: transparent;
327
- border: 1px solid #e5e7eb;
328
- border-radius: 0.5rem;
329
- margin-bottom: 0;
330
- margin-top: 0.5rem;
331
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
332
- }
333
- @media (max-width: 640px) {
334
- .Validation-module_toolbar__-DCj6 {
335
- padding: 0.75rem;
336
- }
337
- .Validation-module_toolbar__-DCj6 > div {
338
- flex-direction: column;
339
- gap: 0.75rem;
340
- align-items: stretch;
341
- }
342
- }
343
- .Validation-module_errorBadge__yeHS0 {
344
- display: inline-flex;
345
- align-items: center;
346
- padding: 0.25rem 0.625rem;
347
- background-color: #fee2e2;
348
- border: 1px solid #fca5a5;
349
- border-radius: 0.375rem;
350
- font-size: 0.875rem;
351
- font-weight: 600;
352
- color: #dc2626;
353
- animation: Validation-module_pulse__d-MKR 2s infinite;
354
- }
355
- @keyframes Validation-module_pulse__d-MKR {
356
- 0%, 100% {
357
- opacity: 1;
358
- }
359
- 50% {
360
- opacity: 0.85;
361
- }
362
- }
363
- .Validation-module_rowCount__h-OSk {
364
- font-size: 0.75rem;
365
- color: #9ca3af;
366
- font-weight: 400;
367
- }
368
- .Validation-module_tabFilter__DV34i {
369
- display: inline-flex;
370
- align-items: center;
371
- background: #f3f4f6;
372
- padding: 0.125rem;
373
- border-radius: 2rem;
374
- }
375
- @media (max-width: 640px) {
376
- .Validation-module_tabFilter__DV34i {
377
- width: 100%;
378
- justify-content: space-between;
379
- }
380
- }
381
- .Validation-module_tab__JPIkM {
382
- position: relative;
383
- display: inline-flex;
384
- align-items: center;
385
- gap: 0.375rem;
386
- padding: 0.5rem 1.25rem;
387
- border: none;
388
- background: transparent;
389
- color: #6b7280;
390
- font-size: 0.875rem;
391
- font-weight: 500;
392
- border-radius: 1.75rem;
393
- cursor: pointer;
394
- transition: all 0.2s ease;
395
- outline: none;
396
- margin: 0;
397
- }
398
- @media (max-width: 640px) {
399
- .Validation-module_tab__JPIkM {
400
- padding: 0.5rem 0.75rem;
401
- font-size: 0.8125rem;
402
- flex: 1;
403
- justify-content: center;
404
- }
405
- }
406
- .Validation-module_tab__JPIkM:hover:not(.Validation-module_active__rLvN7) {
407
- color: #374151;
408
- }
409
- .Validation-module_tab__JPIkM:focus-visible {
410
- box-shadow: 0 0 0 2px #3b82f6;
411
- z-index: 1;
412
- }
413
- .Validation-module_tab__JPIkM.Validation-module_active__rLvN7 {
414
- background: #4b5563;
415
- color: white;
416
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
417
- }
418
- .Validation-module_tab__JPIkM.Validation-module_active__rLvN7 .Validation-module_count__lb09d {
419
- background: rgba(255, 255, 255, 0.2);
420
- color: white;
421
- }
422
- .Validation-module_tab__JPIkM .Validation-module_count__lb09d {
423
- display: inline-flex;
424
- align-items: center;
425
- justify-content: center;
426
- min-width: 1.5rem;
427
- padding: 0.125rem 0.375rem;
428
- height: 1.25rem;
429
- background: transparent;
430
- color: inherit;
431
- font-size: 0.875rem;
432
- font-weight: 600;
433
- transition: all 0.2s ease;
434
- }
435
- .Validation-module_tab__JPIkM.Validation-module_errorTab__ebQQd.Validation-module_active__rLvN7 {
436
- background: #dc2626;
437
- }
438
- .Validation-module_tab__JPIkM.Validation-module_errorTab__ebQQd.Validation-module_active__rLvN7 .Validation-module_count__lb09d {
439
- background: rgba(255, 255, 255, 0.2);
440
- color: white;
441
- }
442
- .Validation-module_tab__JPIkM.Validation-module_errorTab__ebQQd:not(.Validation-module_active__rLvN7) .Validation-module_count__lb09d {
443
- color: #dc2626;
444
- }
445
- .Validation-module_spreadsheetContainer__VOHHJ {
446
- width: 100%;
447
- overflow-x: auto;
448
- overflow-y: auto;
449
- -webkit-overflow-scrolling: touch;
450
- background: white;
451
- border: 1px solid #e5e7eb;
452
- border-radius: 0.5rem;
453
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
454
- }
455
- .Validation-module_spreadsheetWrapper__jE9rZ {
456
- position: relative;
457
- }
458
- .Validation-module_spreadsheetTable__OzR-h {
459
- width: -moz-max-content;
460
- width: max-content;
461
- min-width: 800px;
462
- border-collapse: separate;
463
- border-spacing: 0;
464
- font-size: 0.875rem;
465
- }
466
- .Validation-module_spreadsheetHeader__CcIvW {
467
- position: sticky;
468
- top: 0;
469
- z-index: 10;
470
- background: #f9fafb;
471
- }
472
- .Validation-module_spreadsheetHeader__CcIvW tr th {
473
- background: #f9fafb;
474
- border-bottom: 2px solid #e5e7eb;
475
- border-right: 1px solid #e5e7eb;
476
- padding: 0;
477
- text-align: left;
478
- font-weight: 600;
479
- color: #111827;
480
- position: relative;
481
- }
482
- .Validation-module_spreadsheetHeader__CcIvW tr th:last-child {
483
- border-right: none;
484
- }
485
- .Validation-module_rowNumberHeader__hBB39 {
486
- width: 60px;
487
- min-width: 60px;
488
- max-width: 60px;
489
- text-align: center !important;
490
- background: #f9fafb !important;
491
- position: sticky;
492
- left: 0;
493
- z-index: 11;
494
- font-size: 0.75rem;
495
- padding: 0.75rem 0 !important;
496
- }
497
- .Validation-module_columnHeader__Yjc-8 {
498
- width: auto;
499
- min-width: 100px;
500
- }
501
- .Validation-module_columnHeader__Yjc-8 .Validation-module_headerContent__soxS5 {
502
- padding: 0.75rem 1rem;
503
- font-size: 0.875rem;
504
- font-weight: 500;
505
- white-space: nowrap;
506
- overflow: hidden;
507
- text-overflow: ellipsis;
508
- }
509
- .Validation-module_spreadsheetBody__ASDqW .Validation-module_dataRow__fAJUe:hover .Validation-module_dataCell__Kqej5 {
510
- background: #f3f4f6;
511
- }
512
- .Validation-module_spreadsheetBody__ASDqW .Validation-module_dataRow__fAJUe:hover .Validation-module_rowNumber__gW7gl {
513
- background: rgb(239.82, 242.35, 244.88);
514
- }
515
- .Validation-module_spreadsheetBody__ASDqW .Validation-module_dataRow__fAJUe.Validation-module_errorRow__E5crc .Validation-module_dataCell__Kqej5 {
516
- background: rgb(254.51, 240.79, 240.79);
517
- }
518
- .Validation-module_rowNumber__gW7gl {
519
- width: 60px;
520
- min-width: 60px;
521
- max-width: 60px;
522
- background: #f9fafb;
523
- border-right: 1px solid #e5e7eb;
524
- border-bottom: 1px solid #e5e7eb;
525
- text-align: center;
526
- font-size: 0.75rem;
527
- font-weight: 500;
528
- color: #6b7280;
529
- padding: 0.75rem 0;
530
- position: sticky;
531
- left: 0;
532
- z-index: 1;
533
- }
534
- .Validation-module_dataCell__Kqej5 {
535
- width: auto;
536
- min-width: 100px;
537
- border-right: 1px solid #e5e7eb;
538
- border-bottom: 1px solid #e5e7eb;
539
- padding: 0;
540
- background: white;
541
- position: relative;
542
- transition: background-color 0.15s ease;
543
- white-space: nowrap;
544
- }
545
- .Validation-module_dataCell__Kqej5:last-child {
546
- border-right: none;
547
- }
548
- .Validation-module_dataCell__Kqej5.Validation-module_errorCell__0EbsM {
549
- background: #fee2e2;
550
- }
551
- .Validation-module_dataCell__Kqej5.Validation-module_errorCell__0EbsM .Validation-module_cellInput__LsyOo {
552
- color: #111827;
553
- }
554
- .Validation-module_cellContent__ubxVt {
555
- position: relative;
556
- width: 100%;
557
- min-height: 44px;
558
- display: flex;
559
- align-items: center;
560
- }
561
- .Validation-module_cellInput__LsyOo {
562
- width: 100%;
563
- height: 100%;
564
- min-height: 40px;
565
- border: none;
566
- background: transparent;
567
- padding: 0.625rem 0.75rem;
568
- padding-right: 1.75rem;
569
- font-size: 0.875rem;
570
- font-family: inherit;
571
- color: #111827;
572
- outline: none;
573
- transition: box-shadow 0.15s ease;
574
- white-space: nowrap;
575
- overflow: hidden;
576
- text-overflow: ellipsis;
577
- }
578
- .Validation-module_cellInput__LsyOo:focus {
579
- box-shadow: inset 0 0 0 2px #3b82f6;
580
- z-index: 2;
581
- position: relative;
582
- }
583
- .Validation-module_cellInput__LsyOo:hover {
584
- background: rgba(0, 0, 0, 0.01);
585
- }
586
- .Validation-module_errorIndicator__2KEsf {
587
- position: absolute;
588
- right: 0.5rem;
589
- top: 50%;
590
- transform: translateY(-50%);
591
- display: flex;
592
- align-items: center;
593
- justify-content: center;
594
- cursor: help;
595
- z-index: 3;
596
- }
597
- .Validation-module_errorIndicator__2KEsf svg {
598
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
599
- }
600
- .Validation-module_emptyState__g41in {
601
- padding: 3rem;
602
- text-align: center;
603
- color: #6b7280;
604
- }
605
- .Validation-module_content__FgF43 {
606
- display: flex;
607
- flex-direction: column;
608
- height: 100%;
609
- width: 100%;
610
- }
611
- .Validation-module_tableWrapper__YcN6o {
612
- flex: 1;
613
- overflow: auto;
614
- margin-bottom: 1rem;
615
- border-radius: 8px;
616
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
617
- }
618
- .Validation-module_actions__GIqEx {
619
- display: flex;
620
- justify-content: space-between;
621
- align-items: center;
622
- padding: 1rem 0;
623
- }
624
- .Validation-module_errorContainer__dKOJX {
625
- flex: 1;
626
- margin: 0 1rem;
627
- }
628
- .Validation-module_errorRow__E5crc td {
629
- background-color: rgba(255, 0, 0, 0.03);
630
- }
631
- .Validation-module_editableCellContainer__7yPTv {
632
- position: relative;
633
- width: 100%;
634
- }
635
- .Validation-module_simpleInput__LhUg- {
636
- width: 100%;
637
- padding: 0.25rem;
638
- border-radius: 4px;
639
- font-size: 0.875rem;
640
- transition: all 0.2s;
641
- }
642
- .Validation-module_simpleInput__LhUg-:focus {
643
- border-color: #3182ce;
644
- box-shadow: 0 0 0 1px #3182ce;
645
- }
646
- .Validation-module_errorInput__ZWDrT {
647
- border-color: #e53e3e;
648
- }
649
- .Validation-module_errorInput__ZWDrT:focus {
650
- border-color: #e53e3e;
651
- box-shadow: 0 0 0 1px #e53e3e;
652
- }
653
- .Validation-module_errorIcon__NMpp3 {
654
- position: absolute;
655
- top: 50%;
656
- right: 8px;
657
- transform: translateY(-50%);
658
- width: 16px;
659
- height: 16px;
660
- border-radius: 50%;
661
- background-color: #e53e3e;
662
- color: white;
663
- font-size: 12px;
664
- display: flex;
665
- align-items: center;
666
- justify-content: center;
667
- cursor: help;
668
- }
669
- .Validation-module_validationTable__Wh1wk {
670
- width: 100%;
671
- border-collapse: collapse;
672
- }
673
- .Validation-module_validationTable__Wh1wk th {
674
- background-color: #f1f5f9;
675
- text-transform: none;
676
- font-weight: 600;
677
- color: #334155;
678
- padding: 12px 16px;
679
- text-align: left;
680
- border-bottom: 1px solid #e2e8f0;
681
- }
682
- .Validation-module_validationTable__Wh1wk th:first-child {
683
- border-top-left-radius: 8px;
684
- }
685
- .Validation-module_validationTable__Wh1wk th:last-child {
686
- border-top-right-radius: 8px;
687
- }
688
- .Validation-module_validationTable__Wh1wk td {
689
- padding: 12px 16px;
690
- border-bottom: 1px solid #e2e8f0;
691
- color: #334155;
692
- }
693
- .Validation-module_validationTable__Wh1wk tr:last-child td:first-child {
694
- border-bottom-left-radius: 8px;
695
- }
696
- .Validation-module_validationTable__Wh1wk tr:last-child td:last-child {
697
- border-bottom-right-radius: 8px;
698
- }
699
- .Validation-module_validationTable__Wh1wk tr:hover {
700
- background-color: #f8fafc;
701
- }
702
- .Validation-module_validationFilters__XqhsC {
703
- margin-bottom: 1rem;
704
- }
705
- .Validation-module_errorSummary__SYeAr {
706
- padding: 0.75rem 1rem;
707
- background: #fef2f2;
708
- border: 1px solid #fecaca;
709
- border-radius: 0.375rem;
710
- margin-bottom: 1rem;
711
- }
712
- .Validation-module_tableContainer__jRikO {
713
- flex: 1;
714
- overflow: auto;
715
- border: 1px solid #e2e8f0;
716
- border-radius: 0.5rem;
717
- background: white;
718
- }
719
- .Validation-module_toolbarActions__12qlG {
720
- display: flex;
721
- gap: 0.75rem;
722
- align-items: center;
723
- }
724
- @media (max-width: 640px) {
725
- .Validation-module_toolbarActions__12qlG {
726
- width: 100%;
727
- }
728
- .Validation-module_toolbarActions__12qlG button {
729
- flex: 1;
730
- justify-content: center;
731
- }
732
- }
733
- .Validation-module_footerSection__pJMfU {
734
- flex-shrink: 0;
735
- display: flex;
736
- justify-content: space-between;
737
- align-items: center;
738
- padding: 1.5rem;
739
- border-top: 1px solid #e5e7eb;
740
- background: transparent;
741
- }
742
- .Validation-module_tableWidth__MNjwY {
743
- width: -moz-max-content;
744
- width: max-content;
745
- min-width: 100%;
746
- }
747
- .Main-module_wrapper__VfIYG {
748
- display: flex;
749
- flex-direction: column;
750
- height: auto;
751
- min-height: 400px;
752
- padding: 16px;
753
- width: 100%;
754
- box-sizing: border-box;
755
- overflow: auto;
756
- }
757
-
758
- .Main-module_content__TpU1t {
759
- flex: 1;
760
- overflow: visible;
761
- min-width: 0;
762
- width: 100%;
763
- }
764
-
765
- .Main-module_status__mz-0I {
766
- display: flex;
767
- align-items: center;
768
- justify-content: space-between;
769
- gap: var(--m);
770
- padding: 0 var(--m-s) var(--m-s) var(--m-s);
771
- }
772
-
773
- .Main-module_spinner__ILoPm {
774
- border: 1px solid var(--color-border);
775
- margin-top: var(--m);
776
- padding: var(--m);
777
- border-radius: var(--border-radius-1);
778
- position: absolute;
779
- top: 50%;
780
- left: 50%;
781
- transform: translate(-50%, -50%);
782
- }
783
-
784
- .Main-module_close__FUs2w.Main-module_close__FUs2w {
785
- position: absolute;
786
- right: var(--m-xs, 0.5rem);
787
- top: var(--m-xs, 0.5rem);
788
- border-radius: 50%;
789
- min-width: calc(var(--m-xl) * 36 / 48);
790
- height: calc(var(--m-xl) * 36 / 48);
791
- aspect-ratio: 1;
792
- font-size: var(--font-size-xl);
793
- padding: 0;
794
- }
795
- .Box-module_box__Dj2zP {
796
- display: block;
797
- margin: 0 auto;
798
- padding: var(--m);
799
- background-color: var(--color-background-modal);
800
- border-radius: var(--border-radius-5);
801
- box-shadow: 0 0 20px var(--color-background-modal-shadow);
802
- max-width: 100%;
803
- }
804
- .Box-module_box__Dj2zP.Box-module_fluid__cRnoi {
805
- max-width: none;
806
- }
807
- .Box-module_box__Dj2zP.Box-module_mid__dgKIT {
808
- max-width: 440px;
809
- }
810
- .Box-module_box__Dj2zP.Box-module_wide__iL5HJ {
811
- max-width: 660px;
812
- }
813
- .Box-module_box__Dj2zP.Box-module_space-l__twIGn {
814
- padding: var(--m-l);
815
- }
816
- .Box-module_box__Dj2zP.Box-module_space-mid__XYqv5 {
817
- padding: var(--m);
818
- }
819
- .Box-module_box__Dj2zP.Box-module_space-none__nI0HO {
820
- padding: 0;
821
- }
822
- .Box-module_box__Dj2zP.Box-module_bg-shade__roVRv {
823
- background-color: var(--color-background-modal-shade);
824
- }
825
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl {
826
- max-width: 1000px;
827
- padding-top: var(--m);
828
- height: 100%;
829
- flex: 1 0 100px;
830
- box-shadow: none;
831
- background-color: transparent;
832
- align-self: center;
833
- display: flex;
834
- align-items: center;
835
- justify-content: center;
836
- font-size: var(--font-size-xl);
837
- flex-direction: column;
838
- gap: var(--m);
839
- text-align: center;
840
- position: relative;
841
- }
842
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_icon__y443h {
843
- width: 64px;
844
- height: 64px;
845
- isolation: isolate;
846
- position: relative;
847
- display: flex;
848
- align-items: center;
849
- justify-content: center;
850
- }
851
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_icon__y443h::before {
852
- content: "";
853
- position: absolute;
854
- inset: 0;
855
- border-radius: 50%;
856
- background-color: var(--color-green-ui);
857
- z-index: -1;
858
- }
859
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_icon__y443h svg {
860
- width: 38%;
861
- height: 38%;
862
- -o-object-fit: contain;
863
- object-fit: contain;
864
- color: var(--color-text-on-primary);
865
- }
866
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_actions__7EDpo {
867
- display: flex;
868
- gap: var(--m-l);
869
- align-items: center;
870
- justify-content: center;
871
- margin-top: var(--m-xxl);
872
- }
873
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_actions__7EDpo > * {
874
- flex: 1 0 190px;
875
- }
876
- .Complete-module_content__-qYUl.Complete-module_content__-qYUl .Complete-module_actions__7EDpo button {
877
- width: 50%;
878
- }
879
- .Complete-module_spinner__oocpd {
880
- border: 1px solid var(--color-border);
881
- margin-top: var(--m);
882
- padding: var(--m);
883
- border-radius: var(--border-radius-1);
884
- }
885
- .Default-module_table__44Sxu {
886
- display: flex;
887
- flex-direction: column;
888
- flex: 1 1 auto;
889
- width: 100%;
890
- border-collapse: collapse;
891
- border-spacing: 0;
892
- border-radius: var(--border-radius-2);
893
- outline: 1px solid var(--color-border);
894
- table-layout: fixed;
895
- overflow: hidden;
896
- }
897
- @media (max-width: 768px) {
898
- .Default-module_table__44Sxu {
899
- font-size: 14px; /* Slightly smaller font on tablets */
900
- }
901
- }
902
- @media (max-width: 480px) {
903
- .Default-module_table__44Sxu {
904
- font-size: 12px; /* Even smaller font on mobile */
905
- min-width: 320px; /* Ensure minimum width to prevent excessive squeezing */
906
- }
907
- }
908
- .Default-module_table__44Sxu .Default-module_thead__QhWkw {
909
- display: table-header-group;
910
- }
911
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy {
912
- display: block;
913
- overflow: auto;
914
- width: 100%;
915
- }
916
- .Default-module_table__44Sxu .Default-module_tr__esZOa {
917
- display: flex;
918
- width: 100%;
919
- overflow: hidden;
920
- flex-wrap: nowrap;
921
- }
922
- .Default-module_table__44Sxu .Default-module_td__iAMlt {
923
- display: inline-flex;
924
- align-items: center;
925
- height: 44px;
926
- flex-shrink: 0;
927
- }
928
- @media (max-width: 480px) {
929
- .Default-module_table__44Sxu .Default-module_td__iAMlt {
930
- height: 36px; /* Smaller cell height on mobile */
931
- padding-left: var(--m-xxs) !important;
932
- padding-right: var(--m-xxs) !important;
933
- }
934
- }
935
- .Default-module_table__44Sxu .Default-module_caption__VYeqs {
936
- display: table-caption;
937
- border-bottom: 1px solid var(--color-border);
938
- background-color: var(--color-background-modal);
939
- padding: 0 var(--m-s);
940
- border-radius: var(--border-radius-2) var(--border-radius-2) 0 0;
941
- }
942
- .Default-module_table__44Sxu .Default-module_thead__QhWkw .Default-module_tr__esZOa .Default-module_td__iAMlt {
943
- font-weight: 400;
944
- white-space: nowrap;
945
- padding: var(--m-xxxs) var(--m-s);
946
- border-bottom: 1px solid var(--color-border);
947
- color: var(--color-text-secondary);
948
- }
949
- .Default-module_table__44Sxu .Default-module_thead__QhWkw .Default-module_tr__esZOa .Default-module_td__iAMlt:first-of-type {
950
- border-radius: var(--border-radius-2) 0 0 0;
951
- }
952
- .Default-module_table__44Sxu .Default-module_thead__QhWkw .Default-module_tr__esZOa .Default-module_td__iAMlt:last-child {
953
- border-radius: 0 var(--border-radius-2) 0 0;
954
- }
955
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt {
956
- vertical-align: middle;
957
- padding: var(--m-xxxs) var(--m-s);
958
- font-weight: 400;
959
- }
960
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt > span, .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt > small {
961
- text-overflow: ellipsis;
962
- white-space: nowrap;
963
- display: block;
964
- overflow: hidden;
965
- }
966
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt.Default-module_highlight__qpgKE {
967
- font-weight: 500;
968
- }
969
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt.Default-module_element__DzyB- {
970
- padding: 0 var(--m-s);
971
- }
972
- @media (max-width: 480px) {
973
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa .Default-module_td__iAMlt.Default-module_element__DzyB- {
974
- padding: 0 var(--m-xxs);
975
- }
976
- }
977
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa:hover {
978
- box-shadow: 0 0 0 2px var(--color-border);
979
- position: relative;
980
- }
981
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-child {
982
- border-radius: 0 0 var(--border-radius-2) var(--border-radius-2);
983
- }
984
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-child .Default-module_td__iAMlt {
985
- border-bottom-color: transparent;
986
- }
987
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-child .Default-module_td__iAMlt:first-of-type {
988
- border-radius: 0 0 0 var(--border-radius-2);
989
- }
990
- .Default-module_table__44Sxu .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-child .Default-module_td__iAMlt:last-child {
991
- border-radius: 0 0 var(--border-radius-2) 0;
992
- }
993
- .Default-module_table__44Sxu.Default-module_zebra__p0PyM {
994
- background-color: var(--color-background-modal);
995
- }
996
- .Default-module_table__44Sxu.Default-module_zebra__p0PyM .Default-module_tbody__8S-zy .Default-module_tr__esZOa:nth-child(odd) .Default-module_td__iAMlt {
997
- background-color: var(--color-background);
998
- }
999
- .Default-module_table__44Sxu.Default-module_dark__TYSeO {
1000
- background-color: var(--color-background);
1001
- }
1002
- .Default-module_table__44Sxu.Default-module_dark__TYSeO .Default-module_thead__QhWkw .Default-module_tr__esZOa .Default-module_td__iAMlt {
1003
- background-color: var(--color-background-modal);
1004
- }
1005
- .Default-module_table__44Sxu.Default-module_light__uGaq4 {
1006
- background-color: var(--color-background-modal);
1007
- }
1008
- .Default-module_table__44Sxu.Default-module_transparent__rzqM5 .Default-module_thead__QhWkw {
1009
- background-color: var(--color-background-modal);
1010
- }
1011
- .Default-module_table__44Sxu.Default-module_transparent__rzqM5 .Default-module_tbody__8S-zy .Default-module_tr__esZOa:hover {
1012
- box-shadow: none;
1013
- position: static;
1014
- }
1015
- .Default-module_table__44Sxu.Default-module_dark__TYSeO .Default-module_tbody__8S-zy .Default-module_tr__esZOa:hover, .Default-module_table__44Sxu.Default-module_light__uGaq4 .Default-module_tbody__8S-zy .Default-module_tr__esZOa:hover {
1016
- box-shadow: none;
1017
- position: static;
1018
- }
1019
- .Default-module_table__44Sxu.Default-module_dark__TYSeO .Default-module_tbody__8S-zy .Default-module_tr__esZOa:first-of-type .Default-module_td__iAMlt, .Default-module_table__44Sxu.Default-module_light__uGaq4 .Default-module_tbody__8S-zy .Default-module_tr__esZOa:first-of-type .Default-module_td__iAMlt {
1020
- padding-top: var(--m-s);
1021
- height: calc(44px + var(--m-s) - var(--m-xxxs));
1022
- }
1023
- .Default-module_table__44Sxu.Default-module_dark__TYSeO .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-of-type .Default-module_td__iAMlt, .Default-module_table__44Sxu.Default-module_light__uGaq4 .Default-module_tbody__8S-zy .Default-module_tr__esZOa:last-of-type .Default-module_td__iAMlt {
1024
- padding-bottom: var(--m-s);
1025
- height: calc(44px + var(--m-s) - var(--m-xxxs));
1026
- }
1027
- .Default-module_emptyMsg__HmPC- {
1028
- display: flex;
1029
- justify-content: center;
1030
- align-items: center;
1031
- margin-top: 15vh;
1032
- text-align: center;
1033
- }
1034
- .Tooltip-module_tooltip__wRW1H {
1035
- display: inline-flex;
1036
- align-items: center;
1037
- gap: var(--m-xs);
1038
- }
1039
- .Tooltip-module_tooltip__wRW1H .Tooltip-module_icon__8Cb-b {
1040
- position: relative;
1041
- display: block;
1042
- cursor: pointer;
1043
- }
1044
- .Tooltip-module_tooltip__wRW1H.Tooltip-module_multiline__E-a-0 .Tooltip-module_message__dXk82 {
1045
- width: 260px;
1046
- white-space: normal;
1047
- }
1048
- .Tooltip-module_message__dXk82 {
1049
- position: absolute;
1050
- transform: translateX(-50%);
1051
- background-color: var(--color-background-modal);
1052
- z-index: 3;
1053
- padding: var(--m-xxs) var(--m-xs);
1054
- border-radius: var(--border-radius);
1055
- margin-top: var(--m-xs);
1056
- box-shadow: 0 0 0 1px var(--color-border), 0 5px 15px rgba(0, 0, 0, 0.2);
1057
- max-width: 300px;
1058
- }
1059
- .Tooltip-module_message__dXk82::after, .Tooltip-module_message__dXk82::before {
1060
- position: absolute;
1061
- top: calc(var(--m-xxxs) * 1.732 * -1);
1062
- left: 50%;
1063
- border-left: var(--m-xxxs) solid transparent;
1064
- border-right: var(--m-xxxs) solid transparent;
1065
- border-bottom: calc(var(--m-xxxs) * 1.732) solid var(--color-border);
1066
- content: "";
1067
- font-size: 0;
1068
- line-height: 0;
1069
- width: 0;
1070
- transform: translateX(-50%);
1071
- }
1072
- .Tooltip-module_message__dXk82::after {
1073
- top: calc(var(--m-xxxs) * 1.732 * -1 + 2px);
1074
- border-bottom: calc(var(--m-xxxs) * 1.732) solid var(--color-background-modal);
1075
- }
1076
- .Checkbox-module_container__509B2 {
1077
- display: inline-block;
1078
- gap: var(--m-xs);
1079
- align-items: center;
1080
- }
1081
- .Checkbox-module_container__509B2:has(input:not(:disabled)) {
1082
- cursor: pointer;
1083
- }
1084
- .Checkbox-module_container__509B2 input[type=checkbox] {
1085
- -webkit-appearance: none;
1086
- -moz-appearance: none;
1087
- appearance: none;
1088
- background-color: transparent;
1089
- margin: 0;
1090
- color: var(--color-primary);
1091
- width: var(--m);
1092
- height: var(--m);
1093
- border: 2px solid var(--color-border);
1094
- display: grid;
1095
- place-content: center;
1096
- border-radius: var(--border-radius-1);
1097
- cursor: pointer;
1098
- }
1099
- .Checkbox-module_container__509B2 input[type=checkbox]::before {
1100
- content: "";
1101
- width: var(--m-xs);
1102
- height: var(--m-xs);
1103
- }
1104
- .Checkbox-module_container__509B2 input[type=checkbox]:checked {
1105
- background-color: var(--color-primary);
1106
- border-color: var(--color-primary);
1107
- }
1108
- .Checkbox-module_container__509B2 input[type=checkbox]:checked::before {
1109
- clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
1110
- box-shadow: inset 1em 1em var(--color-text-on-primary);
1111
- }
1112
- .Checkbox-module_container__509B2 input[type=checkbox]:not(:disabled):focus-visible {
1113
- outline: 1px solid var(--color-border);
1114
- outline-offset: 3px;
1115
- }
1116
- .Checkbox-module_container__509B2 input[type=checkbox]:disabled {
1117
- --container-color: var(--container-disabled);
1118
- color: var(--container-disabled);
1119
- cursor: default;
1120
- background-color: var(--color-input-disabled);
1121
- border-color: var(--color-border-soft);
1122
- }
1123
- .Checkbox-module_container__509B2 input[type=checkbox]:disabled:checked::before {
1124
- clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
1125
- box-shadow: inset 1em 1em var(--color-border-soft);
1126
- }
1127
- .MapColumns-module_content__cwn9D {
1128
- height: 100%;
1129
- width: 100%;
1130
- }
1131
- .MapColumns-module_content__cwn9D form {
1132
- display: flex;
1133
- flex-direction: column;
1134
- height: 100%;
1135
- gap: 1rem;
1136
- }
1137
- .MapColumns-module_content__cwn9D form .MapColumns-module_tableWrapper__rJkZT {
1138
- display: flex;
1139
- max-height: 400px;
1140
- overflow-y: auto;
1141
- overflow-x: auto;
1142
- padding: 1px;
1143
- border-radius: 0.5rem;
1144
- border: 1px solid var(--color-border);
1145
- background-color: var(--color-background);
1146
- }
1147
- .MapColumns-module_content__cwn9D form .MapColumns-module_actions__qteVr {
1148
- display: flex;
1149
- justify-content: space-between;
1150
- flex-wrap: wrap;
1151
- gap: var(--m-xs);
1152
- }
1153
- @media (max-width: 480px) {
1154
- .MapColumns-module_content__cwn9D form .MapColumns-module_actions__qteVr {
1155
- flex-direction: column-reverse;
1156
- align-items: stretch;
1157
- }
1158
- }
1159
- .MapColumns-module_samples__HDiqx {
1160
- overflow: hidden;
1161
- text-overflow: ellipsis;
1162
- line-height: 1.2;
1163
- white-space: nowrap;
1164
- }
1165
- @media (max-width: 768px) {
1166
- .MapColumns-module_samples__HDiqx {
1167
- max-width: 100%;
1168
- }
1169
- }
1170
- .MapColumns-module_samples__HDiqx > small {
1171
- background-color: var(--color-input-background);
1172
- font-family: monospace;
1173
- padding: 0.25rem 0.5rem;
1174
- border-radius: 0.25rem;
1175
- font-size: 0.75rem;
1176
- display: inline-block;
1177
- }
1178
- @media (max-width: 480px) {
1179
- .MapColumns-module_samples__HDiqx > small {
1180
- font-size: 10px;
1181
- max-width: 90px;
1182
- overflow: hidden;
1183
- text-overflow: ellipsis;
1184
- }
1185
- }
1186
- .MapColumns-module_samples__HDiqx > small + small {
1187
- margin-left: 0.25rem;
1188
- }
1189
- .MapColumns-module_spinner__aIjhF {
1190
- border: 1px solid var(--color-border);
1191
- margin-top: var(--m);
1192
- padding: var(--m);
1193
- border-radius: var(--border-radius-1);
1194
- }
1195
- .MapColumns-module_errorContainer__UrQy6 {
1196
- display: flex;
1197
- justify-content: center;
1198
- max-width: 60vw;
1199
- }
1200
- @media (max-width: 768px) {
1201
- .MapColumns-module_errorContainer__UrQy6 {
1202
- max-width: 100%;
1203
- }
1204
- }
1205
- .MapColumns-module_schemalessTextInput__yeNez {
1206
- width: 210px;
1207
- }
1208
- @media (max-width: 480px) {
1209
- .MapColumns-module_schemalessTextInput__yeNez {
1210
- width: 100%;
1211
- }
1212
- }
1213
- .RowSelection-module_content__ZpzFE {
1214
- flex-grow: 1;
1215
- height: 100%;
1216
- }
1217
- .RowSelection-module_content__ZpzFE form {
1218
- display: flex;
1219
- flex-direction: column;
1220
- height: 100%;
1221
- gap: var(--m);
1222
- }
1223
- .RowSelection-module_content__ZpzFE form .RowSelection-module_tableWrapper__j0vPf {
1224
- display: flex;
1225
- overflow-y: auto;
1226
- padding: 1px;
1227
- margin-right: -20px;
1228
- padding-right: 21px;
1229
- max-height: 400px;
1230
- }
1231
- .RowSelection-module_content__ZpzFE form .RowSelection-module_actions__xQYmq {
1232
- display: flex;
1233
- justify-content: space-between;
1234
- }
1235
- .RowSelection-module_samples__MoNwo {
1236
- overflow: hidden;
1237
- text-overflow: ellipsis;
1238
- line-height: 1;
1239
- white-space: nowrap;
1240
- }
1241
- .RowSelection-module_samples__MoNwo > small {
1242
- background-color: var(--color-input-background);
1243
- font-family: monospace;
1244
- padding: var(--m-xxxxs);
1245
- border-radius: var(--border-radius-1);
1246
- font-size: var(--font-size-xs);
1247
- display: inline-block;
1248
- }
1249
- .RowSelection-module_samples__MoNwo > small + small {
1250
- margin-left: var(--m-xxxxs);
1251
- }
1252
- .RowSelection-module_spinner__Ytadw {
1253
- border: 1px solid var(--color-border);
1254
- margin-top: var(--m);
1255
- padding: var(--m);
1256
- border-radius: var(--border-radius-1);
1257
- }
1258
- .RowSelection-module_inputRadio__LYh-- {
1259
- margin-right: 10px;
1260
- }
1261
- .RowSelection-module_headingCaption__rpHA3 {
1262
- padding: 12px 0 10px 0;
1263
- color: var(--color-text-secondary);
1264
- font-weight: 400;
1265
- height: 48px;
1266
- vertical-align: middle;
1267
- text-align: center;
1268
- }
1269
- .RowSelection-module_headingCaption__rpHA3 span > span:nth-child(1) > span {
1270
- font-weight: 400;
1271
- }
1272
- .RowSelection-module_warningIcon__QeTyR {
1273
- margin-right: 7px;
1274
- }
1275
- .ConfigureImport-module_baseContainer__q8h4Q, .ConfigureImport-module_configureImport__LEOsk, .ConfigureImport-module_flexContainer__HbOJk {
1276
- width: 100%;
1277
- max-width: 100%;
1278
- padding: 1.5rem;
1279
- }
1280
- @media (max-width: 768px) {
1281
- .ConfigureImport-module_baseContainer__q8h4Q, .ConfigureImport-module_configureImport__LEOsk, .ConfigureImport-module_flexContainer__HbOJk {
1282
- padding: 1rem;
1283
- }
1284
- }
1285
- @media (max-width: 640px) {
1286
- .ConfigureImport-module_baseContainer__q8h4Q, .ConfigureImport-module_configureImport__LEOsk, .ConfigureImport-module_flexContainer__HbOJk {
1287
- padding: 0.75rem;
1288
- }
1289
- }
1290
- .ConfigureImport-module_flexContainer__HbOJk {
1291
- display: flex;
1292
- flex-direction: column;
1293
- min-height: 0;
1294
- min-width: 0;
1295
- }
1296
- .ConfigureImport-module_scrollableContent__njXa7 {
1297
- flex: 1;
1298
- display: flex;
1299
- flex-direction: column;
1300
- overflow: visible;
1301
- max-width: 100%;
1302
- min-width: 0;
1303
- }
1304
- .ConfigureImport-module_tableContainer__mMlmj {
1305
- flex: 1;
1306
- overflow-x: auto;
1307
- overflow-y: auto;
1308
- max-width: 100%;
1309
- -webkit-overflow-scrolling: touch;
1310
- }
1311
- .ConfigureImport-module_tableContainer__mMlmj table {
1312
- min-width: 100%;
1313
- width: -moz-max-content;
1314
- width: max-content;
1315
- }
1316
- .ConfigureImport-module_headerSection__ZgAQT {
1317
- padding: 1rem;
1318
- border-bottom: 1px solid #e5e7eb;
1319
- }
1320
- .ConfigureImport-module_headerSection__ZgAQT h2 {
1321
- font-size: 1.25rem;
1322
- font-weight: 600;
1323
- color: #111827;
1324
- margin: 0 0 0.5rem 0;
1325
- }
1326
- .ConfigureImport-module_headerSection__ZgAQT p {
1327
- font-size: 0.875rem;
1328
- color: #6b7280;
1329
- margin: 0;
1330
- }
1331
- .ConfigureImport-module_toolbar__GEhEX {
1332
- padding: 0.75rem 1rem;
1333
- background: white;
1334
- border: 1px solid #e5e7eb;
1335
- border-radius: 0.5rem;
1336
- margin-bottom: 1rem;
1337
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1338
- }
1339
- .ConfigureImport-module_configureImport__LEOsk {
1340
- height: 100%;
1341
- margin: 0;
1342
- }
1343
- .Uploader-module_modernContent__XjUvk {
1344
- display: flex;
1345
- flex-direction: column;
1346
- width: 100%;
1347
- max-width: 560px;
1348
- margin: 0 auto;
1349
- padding: 2rem 1rem;
1350
- }
1351
- @media (max-width: 640px) {
1352
- .Uploader-module_modernContent__XjUvk {
1353
- padding: 1.5rem 1rem;
1354
- }
1355
- }
1356
- @media (max-width: 480px) {
1357
- .Uploader-module_modernContent__XjUvk {
1358
- padding: 1rem;
1359
- }
1360
- }
1361
- .Uploader-module_content__jHvJS {
1362
- display: flex;
1363
- gap: var(--m);
1364
- height: auto;
1365
- min-height: 200px;
1366
- }
1367
- @media (max-width: 480px) {
1368
- .Uploader-module_content__jHvJS {
1369
- flex-direction: column;
1370
- }
1371
- }
1372
- .Uploader-module_content__jHvJS > *:first-child {
1373
- flex: 1 1 500px;
1374
- overflow: hidden;
1375
- }
1376
- .Uploader-module_content__jHvJS > *:last-child {
1377
- flex-basis: 38%;
1378
- }
1379
- @media (max-width: 480px) {
1380
- .Uploader-module_content__jHvJS > *:last-child {
1381
- display: none;
1382
- }
1383
- }
1384
- .Uploader-module_box__kUUB9 {
1385
- display: flex;
1386
- flex-direction: column;
1387
- gap: var(--m-s);
1388
- max-height: 200px;
1389
- }
1390
- .Uploader-module_tableContainer__sOrWe {
1391
- overflow: hidden;
1392
- overflow-y: auto;
1393
- max-height: 150px;
1394
- border: 1px solid var(--color-border);
1395
- border-radius: var(--border-radius-2);
1396
- }
1397
- .Uploader-module_tableContainer__sOrWe > div {
1398
- outline: none;
1399
- }
1400
- .Uploader-module_tableContainer__sOrWe .Uploader-module_tbody__A0Trr {
1401
- overflow: auto;
1402
- }
1403
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
1404
-
1405
- .container{
1406
- width: 100%;
1407
- }
1408
-
1409
- @media (min-width: 640px){
1410
-
1411
- .container{
1412
- max-width: 640px;
1413
- }
1414
- }
1415
-
1416
- @media (min-width: 768px){
1417
-
1418
- .container{
1419
- max-width: 768px;
1420
- }
1421
- }
1422
-
1423
- @media (min-width: 1024px){
1424
-
1425
- .container{
1426
- max-width: 1024px;
1427
- }
1428
- }
1429
-
1430
- @media (min-width: 1280px){
1431
-
1432
- .container{
1433
- max-width: 1280px;
1434
- }
1435
- }
1436
-
1437
- @media (min-width: 1536px){
1438
-
1439
- .container{
1440
- max-width: 1536px;
1441
- }
1442
- }
1443
-
1444
- .csv-importer {
1445
- /* Modern Color Scheme - Light Mode */
1446
- --background: 0 0% 100%;
1447
- --foreground: 222.2 84% 4.9%;
1448
-
1449
- --card: 0 0% 100%;
1450
- --card-foreground: 222.2 84% 4.9%;
1451
-
1452
- --popover: 0 0% 100%;
1453
- --popover-foreground: 222.2 84% 4.9%;
1454
-
1455
- --primary: 221.2 83.2% 53.3%;
1456
- --primary-foreground: 210 40% 98%;
1457
-
1458
- --secondary: 210 40% 96.1%;
1459
- --secondary-foreground: 222.2 47.4% 11.2%;
1460
-
1461
- --muted: 210 40% 96.1%;
1462
- --muted-foreground: 215.4 16.3% 46.9%;
1463
-
1464
- --accent: 210 40% 96.1%;
1465
- --accent-foreground: 222.2 47.4% 11.2%;
1466
-
1467
- --destructive: 0 84.2% 60.2%;
1468
- --destructive-foreground: 210 40% 98%;
1469
-
1470
- --border: 214.3 31.8% 91.4%;
1471
- --input: 214.3 31.8% 91.4%;
1472
- --ring: 221.2 83.2% 53.3%;
1473
-
1474
- --radius: 0.5rem;
1475
-
1476
- /* Legacy color variables for compatibility */
1477
- --color-primary: #2563eb;
1478
- --color-primary-foreground: #ffffff;
1479
- --color-secondary: #f3f4f6;
1480
- --color-secondary-foreground: #111827;
1481
- --color-border: #e5e7eb;
1482
- --color-background: #ffffff;
1483
- --color-text: #111827;
1484
- --color-error: #ef4444;
1485
- --color-error-foreground: #ffffff;
1486
- --color-muted: #f3f4f6;
1487
- --color-muted-foreground: #6b7280;
1488
- --color-accent: #f3f4f6;
1489
- --color-accent-foreground: #111827;
1490
- }
1491
-
1492
- .csv-importer[data-theme="dark"] {
1493
- --background: 222.2 84% 4.9%;
1494
- --foreground: 210 40% 98%;
1495
-
1496
- --card: 222.2 84% 4.9%;
1497
- --card-foreground: 210 40% 98%;
1498
-
1499
- --popover: 222.2 84% 4.9%;
1500
- --popover-foreground: 210 40% 98%;
1501
-
1502
- --primary: 217.2 91.2% 59.8%;
1503
- --primary-foreground: 222.2 47.4% 11.2%;
1504
-
1505
- --secondary: 217.2 32.6% 17.5%;
1506
- --secondary-foreground: 210 40% 98%;
1507
-
1508
- --muted: 217.2 32.6% 17.5%;
1509
- --muted-foreground: 215 20.2% 65.1%;
1510
-
1511
- --accent: 217.2 32.6% 17.5%;
1512
- --accent-foreground: 210 40% 98%;
1513
-
1514
- --destructive: 0 62.8% 30.6%;
1515
- --destructive-foreground: 210 40% 98%;
1516
-
1517
- --border: 217.2 32.6% 17.5%;
1518
- --input: 217.2 32.6% 17.5%;
1519
- --ring: 224.3 76.3% 48%;
1520
- }
1521
-
1522
- .sr-only{
1523
- position: absolute;
1524
- width: 1px;
1525
- height: 1px;
1526
- padding: 0;
1527
- margin: -1px;
1528
- overflow: hidden;
1529
- clip: rect(0, 0, 0, 0);
1530
- white-space: nowrap;
1531
- border-width: 0;
1532
- }
1533
-
1534
- .pointer-events-none{
1535
- pointer-events: none;
1536
- }
1537
-
1538
- .pointer-events-auto{
1539
- pointer-events: auto;
1540
- }
1541
-
1542
- .visible{
1543
- visibility: visible;
1544
- }
1545
-
1546
- .collapse{
1547
- visibility: collapse;
1548
- }
1549
-
1550
- .static{
1551
- position: static;
1552
- }
1553
-
1554
- .fixed{
1555
- position: fixed;
1556
- }
1557
-
1558
- .absolute{
1559
- position: absolute;
1560
- }
1561
-
1562
- .relative{
1563
- position: relative;
1564
- }
1565
-
1566
- .sticky{
1567
- position: sticky;
1568
- }
1569
-
1570
- .inset-0{
1571
- inset: 0px;
1572
- }
1573
-
1574
- .bottom-0{
1575
- bottom: 0px;
1576
- }
1577
-
1578
- .left-0{
1579
- left: 0px;
1580
- }
1581
-
1582
- .left-2{
1583
- left: 0.5rem;
1584
- }
1585
-
1586
- .left-4{
1587
- left: 1rem;
1588
- }
1589
-
1590
- .left-\[50\%\]{
1591
- left: 50%;
1592
- }
1593
-
1594
- .right-0{
1595
- right: 0px;
1596
- }
1597
-
1598
- .right-2{
1599
- right: 0.5rem;
1600
- }
1601
-
1602
- .right-4{
1603
- right: 1rem;
1604
- }
1605
-
1606
- .top-0{
1607
- top: 0px;
1608
- }
1609
-
1610
- .top-1{
1611
- top: 0.25rem;
1612
- }
1613
-
1614
- .top-1\/2{
1615
- top: 50%;
1616
- }
1617
-
1618
- .top-2{
1619
- top: 0.5rem;
1620
- }
1621
-
1622
- .top-4{
1623
- top: 1rem;
1624
- }
1625
-
1626
- .top-\[50\%\]{
1627
- top: 50%;
1628
- }
1629
-
1630
- .top-auto{
1631
- top: auto;
1632
- }
1633
-
1634
- .isolate{
1635
- isolation: isolate;
1636
- }
1637
-
1638
- .z-10{
1639
- z-index: 10;
1640
- }
1641
-
1642
- .z-50{
1643
- z-index: 50;
1644
- }
1645
-
1646
- .z-\[1000\]{
1647
- z-index: 1000;
1648
- }
1649
-
1650
- .z-\[100\]{
1651
- z-index: 100;
1652
- }
1653
-
1654
- .-mx-1{
1655
- margin-left: -0.25rem;
1656
- margin-right: -0.25rem;
1657
- }
1658
-
1659
- .my-1{
1660
- margin-top: 0.25rem;
1661
- margin-bottom: 0.25rem;
1662
- }
1663
-
1664
- .-ml-1{
1665
- margin-left: -0.25rem;
1666
- }
1667
-
1668
- .mb-1{
1669
- margin-bottom: 0.25rem;
1670
- }
1671
-
1672
- .mb-2{
1673
- margin-bottom: 0.5rem;
1674
- }
1675
-
1676
- .mb-3{
1677
- margin-bottom: 0.75rem;
1678
- }
1679
-
1680
- .mb-4{
1681
- margin-bottom: 1rem;
1682
- }
1683
-
1684
- .mb-6{
1685
- margin-bottom: 1.5rem;
1686
- }
1687
-
1688
- .ml-1{
1689
- margin-left: 0.25rem;
1690
- }
1691
-
1692
- .ml-2{
1693
- margin-left: 0.5rem;
1694
- }
1695
-
1696
- .mr-2{
1697
- margin-right: 0.5rem;
1698
- }
1699
-
1700
- .mt-1{
1701
- margin-top: 0.25rem;
1702
- }
1703
-
1704
- .mt-2{
1705
- margin-top: 0.5rem;
1706
- }
1707
-
1708
- .mt-6{
1709
- margin-top: 1.5rem;
1710
- }
1711
-
1712
- .line-clamp-1{
1713
- overflow: hidden;
1714
- display: -webkit-box;
1715
- -webkit-box-orient: vertical;
1716
- -webkit-line-clamp: 1;
1717
- }
1718
-
1719
- .block{
1720
- display: block;
1721
- }
1722
-
1723
- .inline-block{
1724
- display: inline-block;
1725
- }
1726
-
1727
- .inline{
1728
- display: inline;
1729
- }
1730
-
1731
- .flex{
1732
- display: flex;
1733
- }
1734
-
1735
- .inline-flex{
1736
- display: inline-flex;
1737
- }
1738
-
1739
- .table{
1740
- display: table;
1741
- }
1742
-
1743
- .grid{
1744
- display: grid;
1745
- }
1746
-
1747
- .hidden{
1748
- display: none;
1749
- }
1750
-
1751
- .h-10{
1752
- height: 2.5rem;
1753
- }
1754
-
1755
- .h-12{
1756
- height: 3rem;
1757
- }
1758
-
1759
- .h-3{
1760
- height: 0.75rem;
1761
- }
1762
-
1763
- .h-3\.5{
1764
- height: 0.875rem;
1765
- }
1766
-
1767
- .h-4{
1768
- height: 1rem;
1769
- }
1770
-
1771
- .h-5{
1772
- height: 1.25rem;
1773
- }
1774
-
1775
- .h-6{
1776
- height: 1.5rem;
1777
- }
1778
-
1779
- .h-8{
1780
- height: 2rem;
1781
- }
1782
-
1783
- .h-9{
1784
- height: 2.25rem;
1785
- }
1786
-
1787
- .h-\[var\(--radix-select-trigger-height\)\]{
1788
- height: var(--radix-select-trigger-height);
1789
- }
1790
-
1791
- .h-full{
1792
- height: 100%;
1793
- }
1794
-
1795
- .h-px{
1796
- height: 1px;
1797
- }
1798
-
1799
- .max-h-96{
1800
- max-height: 24rem;
1801
- }
1802
-
1803
- .max-h-\[120px\]{
1804
- max-height: 120px;
1805
- }
1806
-
1807
- .max-h-\[300px\]{
1808
- max-height: 300px;
1809
- }
1810
-
1811
- .max-h-screen{
1812
- max-height: 100vh;
1813
- }
1814
-
1815
- .min-h-0{
1816
- min-height: 0px;
1817
- }
1818
-
1819
- .min-h-\[180px\]{
1820
- min-height: 180px;
1821
- }
1822
-
1823
- .min-h-\[240px\]{
1824
- min-height: 240px;
1825
- }
1826
-
1827
- .w-10{
1828
- width: 2.5rem;
1829
- }
1830
-
1831
- .w-11{
1832
- width: 2.75rem;
1833
- }
1834
-
1835
- .w-3{
1836
- width: 0.75rem;
1837
- }
1838
-
1839
- .w-3\.5{
1840
- width: 0.875rem;
1841
- }
1842
-
1843
- .w-4{
1844
- width: 1rem;
1845
- }
1846
-
1847
- .w-5{
1848
- width: 1.25rem;
1849
- }
1850
-
1851
- .w-8{
1852
- width: 2rem;
1853
- }
1854
-
1855
- .w-\[30\%\]{
1856
- width: 30%;
1857
- }
1858
-
1859
- .w-\[35\%\]{
1860
- width: 35%;
1861
- }
1862
-
1863
- .w-full{
1864
- width: 100%;
1865
- }
1866
-
1867
- .min-w-\[600px\]{
1868
- min-width: 600px;
1869
- }
1870
-
1871
- .min-w-\[8rem\]{
1872
- min-width: 8rem;
1873
- }
1874
-
1875
- .min-w-\[var\(--radix-select-trigger-width\)\]{
1876
- min-width: var(--radix-select-trigger-width);
1877
- }
1878
-
1879
- .max-w-\[250px\]{
1880
- max-width: 250px;
1881
- }
1882
-
1883
- .max-w-\[300px\]{
1884
- max-width: 300px;
1885
- }
1886
-
1887
- .max-w-\[800px\]{
1888
- max-width: 800px;
1889
- }
1890
-
1891
- .max-w-lg{
1892
- max-width: 32rem;
1893
- }
1894
-
1895
- .max-w-md{
1896
- max-width: 28rem;
1897
- }
1898
-
1899
- .flex-1{
1900
- flex: 1 1 0%;
1901
- }
1902
-
1903
- .flex-shrink{
1904
- flex-shrink: 1;
1905
- }
1906
-
1907
- .flex-shrink-0{
1908
- flex-shrink: 0;
1909
- }
1910
-
1911
- .shrink-0{
1912
- flex-shrink: 0;
1913
- }
1914
-
1915
- .flex-grow{
1916
- flex-grow: 1;
1917
- }
1918
-
1919
- .border-collapse{
1920
- border-collapse: collapse;
1921
- }
1922
-
1923
- .-translate-y-1{
1924
- --tw-translate-y: -0.25rem;
1925
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1926
- }
1927
-
1928
- .-translate-y-1\/2{
1929
- --tw-translate-y: -50%;
1930
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1931
- }
1932
-
1933
- .translate-x-0{
1934
- --tw-translate-x: 0px;
1935
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1936
- }
1937
-
1938
- .translate-x-5{
1939
- --tw-translate-x: 1.25rem;
1940
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1941
- }
1942
-
1943
- .translate-x-\[-50\%\]{
1944
- --tw-translate-x: -50%;
1945
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1946
- }
1947
-
1948
- .translate-y-\[-50\%\]{
1949
- --tw-translate-y: -50%;
1950
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1951
- }
1952
-
1953
- .transform{
1954
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1955
- }
1956
-
1957
- @keyframes spin{
1958
-
1959
- to{
1960
- transform: rotate(360deg);
1961
- }
1962
- }
1963
-
1964
- .animate-spin{
1965
- animation: spin 1s linear infinite;
1966
- }
1967
-
1968
- .cursor-default{
1969
- cursor: default;
1970
- }
1971
-
1972
- .cursor-pointer{
1973
- cursor: pointer;
1974
- }
1975
-
1976
- .select-none{
1977
- -webkit-user-select: none;
1978
- -moz-user-select: none;
1979
- user-select: none;
1980
- }
1981
-
1982
- .resize{
1983
- resize: both;
1984
- }
1985
-
1986
- .flex-row{
1987
- flex-direction: row;
1988
- }
1989
-
1990
- .flex-row-reverse{
1991
- flex-direction: row-reverse;
1992
- }
1993
-
1994
- .flex-col{
1995
- flex-direction: column;
1996
- }
1997
-
1998
- .flex-col-reverse{
1999
- flex-direction: column-reverse;
2000
- }
2001
-
2002
- .flex-wrap{
2003
- flex-wrap: wrap;
2004
- }
2005
-
2006
- .items-start{
2007
- align-items: flex-start;
2008
- }
2009
-
2010
- .items-end{
2011
- align-items: flex-end;
2012
- }
2013
-
2014
- .items-center{
2015
- align-items: center;
2016
- }
2017
-
2018
- .items-baseline{
2019
- align-items: baseline;
2020
- }
2021
-
2022
- .items-stretch{
2023
- align-items: stretch;
2024
- }
2025
-
2026
- .justify-start{
2027
- justify-content: flex-start;
2028
- }
2029
-
2030
- .justify-end{
2031
- justify-content: flex-end;
2032
- }
2033
-
2034
- .justify-center{
2035
- justify-content: center;
2036
- }
2037
-
2038
- .justify-between{
2039
- justify-content: space-between;
2040
- }
2041
-
2042
- .justify-around{
2043
- justify-content: space-around;
2044
- }
2045
-
2046
- .justify-evenly{
2047
- justify-content: space-evenly;
2048
- }
2049
-
2050
- .gap-1{
2051
- gap: 0.25rem;
2052
- }
2053
-
2054
- .gap-1\.5{
2055
- gap: 0.375rem;
2056
- }
2057
-
2058
- .gap-2{
2059
- gap: 0.5rem;
2060
- }
2061
-
2062
- .gap-3{
2063
- gap: 0.75rem;
2064
- }
2065
-
2066
- .gap-4{
2067
- gap: 1rem;
2068
- }
2069
-
2070
- .gap-6{
2071
- gap: 1.5rem;
2072
- }
2073
-
2074
- .space-x-2 > :not([hidden]) ~ :not([hidden]){
2075
- --tw-space-x-reverse: 0;
2076
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2077
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2078
- }
2079
-
2080
- .space-x-4 > :not([hidden]) ~ :not([hidden]){
2081
- --tw-space-x-reverse: 0;
2082
- margin-right: calc(1rem * var(--tw-space-x-reverse));
2083
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
2084
- }
2085
-
2086
- .space-y-0 > :not([hidden]) ~ :not([hidden]){
2087
- --tw-space-y-reverse: 0;
2088
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
2089
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
2090
- }
2091
-
2092
- .space-y-1 > :not([hidden]) ~ :not([hidden]){
2093
- --tw-space-y-reverse: 0;
2094
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
2095
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2096
- }
2097
-
2098
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
2099
- --tw-space-y-reverse: 0;
2100
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
2101
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
2102
- }
2103
-
2104
- .space-y-2 > :not([hidden]) ~ :not([hidden]){
2105
- --tw-space-y-reverse: 0;
2106
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2107
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2108
- }
2109
-
2110
- .space-y-4 > :not([hidden]) ~ :not([hidden]){
2111
- --tw-space-y-reverse: 0;
2112
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2113
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2114
- }
2115
-
2116
- .overflow-auto{
2117
- overflow: auto;
2118
- }
2119
-
2120
- .overflow-hidden{
2121
- overflow: hidden;
2122
- }
2123
-
2124
- .overflow-x-auto{
2125
- overflow-x: auto;
2126
- }
2127
-
2128
- .overflow-y-auto{
2129
- overflow-y: auto;
2130
- }
2131
-
2132
- .truncate{
2133
- overflow: hidden;
2134
- text-overflow: ellipsis;
2135
- white-space: nowrap;
2136
- }
2137
-
2138
- .whitespace-nowrap{
2139
- white-space: nowrap;
2140
- }
2141
-
2142
- .rounded{
2143
- border-radius: 0.25rem;
2144
- }
2145
-
2146
- .rounded-full{
2147
- border-radius: 9999px;
2148
- }
2149
-
2150
- .rounded-lg{
2151
- border-radius: var(--radius);
2152
- }
2153
-
2154
- .rounded-md{
2155
- border-radius: calc(var(--radius) - 2px);
2156
- }
2157
-
2158
- .rounded-sm{
2159
- border-radius: calc(var(--radius) - 4px);
2160
- }
2161
-
2162
- .border{
2163
- border-width: 1px;
2164
- }
2165
-
2166
- .border-2{
2167
- border-width: 2px;
2168
- }
2169
-
2170
- .border-b{
2171
- border-bottom-width: 1px;
2172
- }
2173
-
2174
- .border-b-2{
2175
- border-bottom-width: 2px;
2176
- }
2177
-
2178
- .border-l-4{
2179
- border-left-width: 4px;
2180
- }
2181
-
2182
- .border-r{
2183
- border-right-width: 1px;
2184
- }
2185
-
2186
- .border-t{
2187
- border-top-width: 1px;
2188
- }
2189
-
2190
- .border-dashed{
2191
- border-style: dashed;
2192
- }
2193
-
2194
- .border-none{
2195
- border-style: none;
2196
- }
2197
-
2198
- .border-blue-200{
2199
- --tw-border-opacity: 1;
2200
- border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
2201
- }
2202
-
2203
- .border-blue-500{
2204
- --tw-border-opacity: 1;
2205
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
2206
- }
2207
-
2208
- .border-destructive{
2209
- border-color: hsl(var(--destructive));
2210
- }
2211
-
2212
- .border-destructive\/50{
2213
- border-color: hsl(var(--destructive) / 0.5);
2214
- }
2215
-
2216
- .border-gray-100{
2217
- --tw-border-opacity: 1;
2218
- border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
2219
- }
2220
-
2221
- .border-gray-200{
2222
- --tw-border-opacity: 1;
2223
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2224
- }
2225
-
2226
- .border-gray-300{
2227
- --tw-border-opacity: 1;
2228
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2229
- }
2230
-
2231
- .border-input{
2232
- border-color: hsl(var(--input));
2233
- }
2234
-
2235
- .border-muted{
2236
- border-color: hsl(var(--muted));
2237
- }
2238
-
2239
- .border-orange-500{
2240
- --tw-border-opacity: 1;
2241
- border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
2242
- }
2243
-
2244
- .border-primary{
2245
- border-color: hsl(var(--primary));
2246
- }
2247
-
2248
- .border-red-200{
2249
- --tw-border-opacity: 1;
2250
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
2251
- }
2252
-
2253
- .border-red-500{
2254
- --tw-border-opacity: 1;
2255
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
2256
- }
2257
-
2258
- .border-transparent{
2259
- border-color: transparent;
2260
- }
2261
-
2262
- .bg-background{
2263
- background-color: hsl(var(--background));
2264
- }
2265
-
2266
- .bg-black{
2267
- --tw-bg-opacity: 1;
2268
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2269
- }
2270
-
2271
- .bg-black\/80{
2272
- background-color: rgb(0 0 0 / 0.8);
2273
- }
2274
-
2275
- .bg-blue-50{
2276
- --tw-bg-opacity: 1;
2277
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2278
- }
2279
-
2280
- .bg-blue-600{
2281
- --tw-bg-opacity: 1;
2282
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
2283
- }
2284
-
2285
- .bg-card{
2286
- background-color: hsl(var(--card));
2287
- }
2288
-
2289
- .bg-destructive{
2290
- background-color: hsl(var(--destructive));
2291
- }
2292
-
2293
- .bg-gray-100{
2294
- --tw-bg-opacity: 1;
2295
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2296
- }
2297
-
2298
- .bg-gray-200{
2299
- --tw-bg-opacity: 1;
2300
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2301
- }
2302
-
2303
- .bg-gray-50{
2304
- --tw-bg-opacity: 1;
2305
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2306
- }
2307
-
2308
- .bg-input{
2309
- background-color: hsl(var(--input));
2310
- }
2311
-
2312
- .bg-muted{
2313
- background-color: hsl(var(--muted));
2314
- }
2315
-
2316
- .bg-orange-50{
2317
- --tw-bg-opacity: 1;
2318
- background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
2319
- }
2320
-
2321
- .bg-popover{
2322
- background-color: hsl(var(--popover));
2323
- }
2324
-
2325
- .bg-primary{
2326
- background-color: hsl(var(--primary));
2327
- }
2328
-
2329
- .bg-red-50{
2330
- --tw-bg-opacity: 1;
2331
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
2332
- }
2333
-
2334
- .bg-red-600{
2335
- --tw-bg-opacity: 1;
2336
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2337
- }
2338
-
2339
- .bg-transparent{
2340
- background-color: transparent;
2341
- }
2342
-
2343
- .bg-white{
2344
- --tw-bg-opacity: 1;
2345
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2346
- }
2347
-
2348
- .p-0{
2349
- padding: 0px;
2350
- }
2351
-
2352
- .p-1{
2353
- padding: 0.25rem;
2354
- }
2355
-
2356
- .p-2{
2357
- padding: 0.5rem;
2358
- }
2359
-
2360
- .p-3{
2361
- padding: 0.75rem;
2362
- }
2363
-
2364
- .p-4{
2365
- padding: 1rem;
2366
- }
2367
-
2368
- .p-6{
2369
- padding: 1.5rem;
2370
- }
2371
-
2372
- .p-8{
2373
- padding: 2rem;
2374
- }
2375
-
2376
- .px-2{
2377
- padding-left: 0.5rem;
2378
- padding-right: 0.5rem;
2379
- }
2380
-
2381
- .px-3{
2382
- padding-left: 0.75rem;
2383
- padding-right: 0.75rem;
2384
- }
2385
-
2386
- .px-4{
2387
- padding-left: 1rem;
2388
- padding-right: 1rem;
2389
- }
2390
-
2391
- .px-6{
2392
- padding-left: 1.5rem;
2393
- padding-right: 1.5rem;
2394
- }
2395
-
2396
- .px-8{
2397
- padding-left: 2rem;
2398
- padding-right: 2rem;
2399
- }
2400
-
2401
- .py-1{
2402
- padding-top: 0.25rem;
2403
- padding-bottom: 0.25rem;
2404
- }
2405
-
2406
- .py-1\.5{
2407
- padding-top: 0.375rem;
2408
- padding-bottom: 0.375rem;
2409
- }
2410
-
2411
- .py-10{
2412
- padding-top: 2.5rem;
2413
- padding-bottom: 2.5rem;
2414
- }
2415
-
2416
- .py-2{
2417
- padding-top: 0.5rem;
2418
- padding-bottom: 0.5rem;
2419
- }
2420
-
2421
- .py-3{
2422
- padding-top: 0.75rem;
2423
- padding-bottom: 0.75rem;
2424
- }
2425
-
2426
- .py-4{
2427
- padding-top: 1rem;
2428
- padding-bottom: 1rem;
2429
- }
2430
-
2431
- .py-8{
2432
- padding-top: 2rem;
2433
- padding-bottom: 2rem;
2434
- }
2435
-
2436
- .pl-7{
2437
- padding-left: 1.75rem;
2438
- }
2439
-
2440
- .pl-8{
2441
- padding-left: 2rem;
2442
- }
2443
-
2444
- .pr-2{
2445
- padding-right: 0.5rem;
2446
- }
2447
-
2448
- .pr-8{
2449
- padding-right: 2rem;
2450
- }
2451
-
2452
- .pt-0{
2453
- padding-top: 0px;
2454
- }
2455
-
2456
- .pt-4{
2457
- padding-top: 1rem;
2458
- }
2459
-
2460
- .pt-6{
2461
- padding-top: 1.5rem;
2462
- }
2463
-
2464
- .text-left{
2465
- text-align: left;
2466
- }
2467
-
2468
- .text-center{
2469
- text-align: center;
2470
- }
2471
-
2472
- .text-2xl{
2473
- font-size: 1.5rem;
2474
- line-height: 2rem;
2475
- }
2476
-
2477
- .text-base{
2478
- font-size: 1rem;
2479
- line-height: 1.5rem;
2480
- }
2481
-
2482
- .text-lg{
2483
- font-size: 1.125rem;
2484
- line-height: 1.75rem;
2485
- }
2486
-
2487
- .text-sm{
2488
- font-size: 0.875rem;
2489
- line-height: 1.25rem;
2490
- }
2491
-
2492
- .text-xs{
2493
- font-size: 0.75rem;
2494
- line-height: 1rem;
2495
- }
2496
-
2497
- .font-bold{
2498
- font-weight: 700;
2499
- }
2500
-
2501
- .font-medium{
2502
- font-weight: 500;
2503
- }
2504
-
2505
- .font-semibold{
2506
- font-weight: 600;
2507
- }
2508
-
2509
- .uppercase{
2510
- text-transform: uppercase;
2511
- }
2512
-
2513
- .lowercase{
2514
- text-transform: lowercase;
2515
- }
2516
-
2517
- .leading-none{
2518
- line-height: 1;
2519
- }
2520
-
2521
- .leading-relaxed{
2522
- line-height: 1.625;
2523
- }
2524
-
2525
- .tracking-tight{
2526
- letter-spacing: -0.025em;
2527
- }
2528
-
2529
- .text-blue-600{
2530
- --tw-text-opacity: 1;
2531
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2532
- }
2533
-
2534
- .text-card-foreground{
2535
- color: hsl(var(--card-foreground));
2536
- }
2537
-
2538
- .text-current{
2539
- color: currentColor;
2540
- }
2541
-
2542
- .text-destructive{
2543
- color: hsl(var(--destructive));
2544
- }
2545
-
2546
- .text-destructive-foreground{
2547
- color: hsl(var(--destructive-foreground));
2548
- }
2549
-
2550
- .text-foreground{
2551
- color: hsl(var(--foreground));
2552
- }
2553
-
2554
- .text-foreground\/50{
2555
- color: hsl(var(--foreground) / 0.5);
2556
- }
2557
-
2558
- .text-gray-400{
2559
- --tw-text-opacity: 1;
2560
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2561
- }
2562
-
2563
- .text-gray-500{
2564
- --tw-text-opacity: 1;
2565
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2566
- }
2567
-
2568
- .text-gray-600{
2569
- --tw-text-opacity: 1;
2570
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2571
- }
2572
-
2573
- .text-gray-700{
2574
- --tw-text-opacity: 1;
2575
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
2576
- }
2577
-
2578
- .text-gray-900{
2579
- --tw-text-opacity: 1;
2580
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
2581
- }
2582
-
2583
- .text-green-500{
2584
- --tw-text-opacity: 1;
2585
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2586
- }
2587
-
2588
- .text-green-600{
2589
- --tw-text-opacity: 1;
2590
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
2591
- }
2592
-
2593
- .text-muted-foreground{
2594
- color: hsl(var(--muted-foreground));
2595
- }
2596
-
2597
- .text-popover-foreground{
2598
- color: hsl(var(--popover-foreground));
2599
- }
2600
-
2601
- .text-red-300{
2602
- --tw-text-opacity: 1;
2603
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2604
- }
2605
-
2606
- .text-red-500{
2607
- --tw-text-opacity: 1;
2608
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2609
- }
2610
-
2611
- .text-red-700{
2612
- --tw-text-opacity: 1;
2613
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2614
- }
2615
-
2616
- .text-white{
2617
- --tw-text-opacity: 1;
2618
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2619
- }
2620
-
2621
- .underline{
2622
- text-decoration-line: underline;
2623
- }
2624
-
2625
- .line-through{
2626
- text-decoration-line: line-through;
2627
- }
2628
-
2629
- .underline-offset-4{
2630
- text-underline-offset: 4px;
2631
- }
2632
-
2633
- .antialiased{
2634
- -webkit-font-smoothing: antialiased;
2635
- -moz-osx-font-smoothing: grayscale;
2636
- }
2637
-
2638
- .opacity-0{
2639
- opacity: 0;
2640
- }
2641
-
2642
- .opacity-100{
2643
- opacity: 1;
2644
- }
2645
-
2646
- .opacity-25{
2647
- opacity: 0.25;
2648
- }
2649
-
2650
- .opacity-30{
2651
- opacity: 0.3;
2652
- }
2653
-
2654
- .opacity-70{
2655
- opacity: 0.7;
2656
- }
2657
-
2658
- .opacity-75{
2659
- opacity: 0.75;
2660
- }
2661
-
2662
- .opacity-90{
2663
- opacity: 0.9;
2664
- }
2665
-
2666
- .shadow{
2667
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2668
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2669
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2670
- }
2671
-
2672
- .shadow-lg{
2673
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2674
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2675
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2676
- }
2677
-
2678
- .shadow-md{
2679
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2680
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2681
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2682
- }
2683
-
2684
- .shadow-sm{
2685
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2686
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2687
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2688
- }
2689
-
2690
- .outline-none{
2691
- outline: 2px solid transparent;
2692
- outline-offset: 2px;
2693
- }
2694
-
2695
- .outline{
2696
- outline-style: solid;
2697
- }
2698
-
2699
- .ring-0{
2700
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2701
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2702
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2703
- }
2704
-
2705
- .ring-ring{
2706
- --tw-ring-color: hsl(var(--ring));
2707
- }
2708
-
2709
- .ring-offset-background{
2710
- --tw-ring-offset-color: hsl(var(--background));
2711
- }
2712
-
2713
- .drop-shadow{
2714
- --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));
2715
- 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);
2716
- }
2717
-
2718
- .grayscale{
2719
- --tw-grayscale: grayscale(100%);
2720
- 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);
2721
- }
2722
-
2723
- .filter{
2724
- 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);
2725
- }
2726
-
2727
- .transition{
2728
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2729
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2730
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2731
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2732
- transition-duration: 150ms;
2733
- }
2734
-
2735
- .transition-all{
2736
- transition-property: all;
2737
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2738
- transition-duration: 150ms;
2739
- }
2740
-
2741
- .transition-colors{
2742
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2743
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2744
- transition-duration: 150ms;
2745
- }
2746
-
2747
- .transition-opacity{
2748
- transition-property: opacity;
2749
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2750
- transition-duration: 150ms;
2751
- }
2752
-
2753
- .transition-transform{
2754
- transition-property: transform;
2755
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2756
- transition-duration: 150ms;
2757
- }
2758
-
2759
- .duration-200{
2760
- transition-duration: 200ms;
2761
- }
2762
-
2763
- /* Chrome, Safari and Opera */
2764
-
2765
- .animate-in {
2766
- animation-duration: 0.3s;
2767
- animation-fill-mode: both;
2768
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2769
- }
2770
-
2771
- .fade-in-0 {
2772
- animation-name: fadeIn;
2773
- }
2774
-
2775
- .zoom-in-95 {
2776
- animation-name: zoomIn;
2777
- }
2778
-
2779
- @keyframes fadeIn {
2780
- from {
2781
- opacity: 0;
2782
- }
2783
- to {
2784
- opacity: 1;
2785
- }
2786
- }
2787
-
2788
- @keyframes zoomIn {
2789
- from {
2790
- opacity: 0;
2791
- transform: scale(0.95);
2792
- }
2793
- to {
2794
- opacity: 1;
2795
- transform: scale(1);
2796
- }
2797
- }
2798
-
2799
- /* Modern scrollbar styling */
2800
-
2801
- /* Animation classes */
2802
-
2803
- /* Unique marker to identify this library's CSS when transferring to iframe */
2804
-
2805
- .importcsv-css-marker { /* do not remove */ }
2806
-
2807
- /* Legacy styles for compatibility */
2808
-
2809
- .app-container {
2810
- max-width: 1200px;
2811
- margin: 0 auto;
2812
- padding: 20px;
2813
- }
2814
-
2815
- @media (max-width: 768px) {
2816
-
2817
- .app-container {
2818
- padding: 15px
2819
- }
2820
- }
2821
-
2822
- @media (max-width: 480px) {
2823
-
2824
- .app-container {
2825
- padding: 10px
2826
- }
2827
- }
2828
-
2829
- .app-header {
2830
- display: flex;
2831
- justify-content: space-between;
2832
- align-items: center;
2833
- margin-bottom: 30px;
2834
- padding-bottom: 15px;
2835
- border-bottom: 1px solid #e0e0e0;
2836
- }
2837
-
2838
- @media (max-width: 768px) {
2839
-
2840
- .app-header {
2841
- flex-direction: column;
2842
- align-items: flex-start;
2843
- gap: 10px
2844
- }
2845
- }
2846
-
2847
- .app-header h1 {
2848
- margin: 0;
2849
- color: #333;
2850
- }
2851
-
2852
- @media (max-width: 480px) {
2853
-
2854
- .app-header h1 {
2855
- font-size: 1.5rem
2856
- }
2857
- }
2858
-
2859
- .user-info {
2860
- display: flex;
2861
- align-items: center;
2862
- gap: 15px;
2863
- }
2864
-
2865
- @media (max-width: 480px) {
2866
-
2867
- .user-info {
2868
- gap: 10px;
2869
- flex-wrap: wrap
2870
- }
2871
- }
2872
-
2873
- .app-main {
2874
- background-color: white;
2875
- padding: 20px;
2876
- border-radius: 8px;
2877
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
2878
- }
2879
-
2880
- @media (max-width: 768px) {
2881
-
2882
- .app-main {
2883
- padding: 15px
2884
- }
2885
- }
2886
-
2887
- @media (max-width: 480px) {
2888
-
2889
- .app-main {
2890
- padding: 10px;
2891
- border-radius: 6px
2892
- }
2893
- }
2894
-
2895
- .schema-selector {
2896
- display: flex;
2897
- align-items: center;
2898
- gap: 15px;
2899
- margin-bottom: 20px;
2900
- }
2901
-
2902
- @media (max-width: 768px) {
2903
-
2904
- .schema-selector {
2905
- flex-direction: column;
2906
- align-items: flex-start;
2907
- gap: 10px
2908
- }
2909
- }
2910
-
2911
- .loading {
2912
- text-align: center;
2913
- padding: 20px;
2914
- color: #666;
2915
- }
2916
-
2917
- .error-message {
2918
- background-color: #ffebee;
2919
- color: #c62828;
2920
- padding: 10px 15px;
2921
- border-radius: 4px;
2922
- margin-bottom: 20px;
2923
- }
2924
-
2925
- @media (max-width: 480px) {
2926
-
2927
- .error-message {
2928
- padding: 8px 12px;
2929
- font-size: 14px
2930
- }
2931
- }
2932
-
2933
- .import-job-status {
2934
- margin-top: 20px;
2935
- padding: 15px;
2936
- background-color: #e8f5e9;
2937
- border-radius: 4px;
2938
- }
2939
-
2940
- @media (max-width: 480px) {
2941
-
2942
- .import-job-status {
2943
- padding: 10px
2944
- }
2945
- }
2946
-
2947
- .login-container {
2948
- max-width: 400px;
2949
- margin: 100px auto;
2950
- padding: 30px;
2951
- background-color: white;
2952
- border-radius: 8px;
2953
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
2954
- }
2955
-
2956
- @media (max-width: 768px) {
2957
-
2958
- .login-container {
2959
- max-width: 85%;
2960
- margin: 60px auto;
2961
- padding: 20px
2962
- }
2963
- }
2964
-
2965
- @media (max-width: 480px) {
2966
-
2967
- .login-container {
2968
- max-width: 95%;
2969
- margin: 30px auto;
2970
- padding: 15px
2971
- }
2972
- }
2973
-
2974
- .login-container h2 {
2975
- margin-top: 0;
2976
- margin-bottom: 20px;
2977
- text-align: center;
2978
- color: #333;
2979
- }
2980
-
2981
- @media (max-width: 480px) {
2982
-
2983
- .login-container h2 {
2984
- font-size: 1.5rem;
2985
- margin-bottom: 15px
2986
- }
2987
- }
2988
-
2989
- .form-group {
2990
- margin-bottom: 15px;
2991
- }
2992
-
2993
- .form-group label {
2994
- display: block;
2995
- margin-bottom: 5px;
2996
- font-weight: 500;
2997
- }
2998
-
2999
- .form-group input {
3000
- width: 100%;
3001
- padding: 8px 12px;
3002
- border-radius: 4px;
3003
- border: 1px solid #ccc;
3004
- box-sizing: border-box;
3005
- }
3006
-
3007
- .file\:border-0::file-selector-button{
3008
- border-width: 0px;
3009
- }
3010
-
3011
- .file\:bg-transparent::file-selector-button{
3012
- background-color: transparent;
3013
- }
3014
-
3015
- .file\:text-sm::file-selector-button{
3016
- font-size: 0.875rem;
3017
- line-height: 1.25rem;
3018
- }
3019
-
3020
- .file\:font-medium::file-selector-button{
3021
- font-weight: 500;
3022
- }
3023
-
3024
- .placeholder\:text-gray-500::-moz-placeholder{
3025
- --tw-text-opacity: 1;
3026
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3027
- }
3028
-
3029
- .placeholder\:text-gray-500::placeholder{
3030
- --tw-text-opacity: 1;
3031
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3032
- }
3033
-
3034
- .placeholder\:text-muted-foreground::-moz-placeholder{
3035
- color: hsl(var(--muted-foreground));
3036
- }
3037
-
3038
- .placeholder\:text-muted-foreground::placeholder{
3039
- color: hsl(var(--muted-foreground));
3040
- }
3041
-
3042
- .hover\:border-gray-400:hover{
3043
- --tw-border-opacity: 1;
3044
- border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
3045
- }
3046
-
3047
- .hover\:bg-blue-100:hover{
3048
- --tw-bg-opacity: 1;
3049
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
3050
- }
3051
-
3052
- .hover\:bg-blue-700:hover{
3053
- --tw-bg-opacity: 1;
3054
- background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
3055
- }
3056
-
3057
- .hover\:bg-gray-100:hover{
3058
- --tw-bg-opacity: 1;
3059
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3060
- }
3061
-
3062
- .hover\:bg-gray-200:hover{
3063
- --tw-bg-opacity: 1;
3064
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3065
- }
3066
-
3067
- .hover\:bg-gray-50:hover{
3068
- --tw-bg-opacity: 1;
3069
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3070
- }
3071
-
3072
- .hover\:bg-red-100:hover{
3073
- --tw-bg-opacity: 1;
3074
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
3075
- }
3076
-
3077
- .hover\:bg-red-700:hover{
3078
- --tw-bg-opacity: 1;
3079
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
3080
- }
3081
-
3082
- .hover\:bg-secondary:hover{
3083
- background-color: hsl(var(--secondary));
3084
- }
3085
-
3086
- .hover\:text-blue-700:hover{
3087
- --tw-text-opacity: 1;
3088
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
3089
- }
3090
-
3091
- .hover\:text-blue-900:hover{
3092
- --tw-text-opacity: 1;
3093
- color: rgb(30 58 138 / var(--tw-text-opacity, 1));
3094
- }
3095
-
3096
- .hover\:text-foreground:hover{
3097
- color: hsl(var(--foreground));
3098
- }
3099
-
3100
- .hover\:text-gray-900:hover{
3101
- --tw-text-opacity: 1;
3102
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
3103
- }
3104
-
3105
- .hover\:underline:hover{
3106
- text-decoration-line: underline;
3107
- }
3108
-
3109
- .hover\:opacity-100:hover{
3110
- opacity: 1;
3111
- }
3112
-
3113
- .focus\:border-blue-500:focus{
3114
- --tw-border-opacity: 1;
3115
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3116
- }
3117
-
3118
- .focus\:bg-blue-100:focus{
3119
- --tw-bg-opacity: 1;
3120
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
3121
- }
3122
-
3123
- .focus\:bg-white:focus{
3124
- --tw-bg-opacity: 1;
3125
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3126
- }
3127
-
3128
- .focus\:text-blue-900:focus{
3129
- --tw-text-opacity: 1;
3130
- color: rgb(30 58 138 / var(--tw-text-opacity, 1));
3131
- }
3132
-
3133
- .focus\:opacity-100:focus{
3134
- opacity: 1;
3135
- }
3136
-
3137
- .focus\:outline-none:focus{
3138
- outline: 2px solid transparent;
3139
- outline-offset: 2px;
3140
- }
3141
-
3142
- .focus\:ring-0:focus{
3143
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3144
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3145
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3146
- }
3147
-
3148
- .focus\:ring-2:focus{
3149
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3150
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3151
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3152
- }
3153
-
3154
- .focus\:ring-blue-500:focus{
3155
- --tw-ring-opacity: 1;
3156
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
3157
- }
3158
-
3159
- .focus\:ring-ring:focus{
3160
- --tw-ring-color: hsl(var(--ring));
3161
- }
3162
-
3163
- .focus\:ring-offset-2:focus{
3164
- --tw-ring-offset-width: 2px;
3165
- }
3166
-
3167
- .focus-visible\:outline-none:focus-visible{
3168
- outline: 2px solid transparent;
3169
- outline-offset: 2px;
3170
- }
3171
-
3172
- .focus-visible\:ring-2:focus-visible{
3173
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3174
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3175
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3176
- }
3177
-
3178
- .focus-visible\:ring-blue-500:focus-visible{
3179
- --tw-ring-opacity: 1;
3180
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
3181
- }
3182
-
3183
- .focus-visible\:ring-gray-500:focus-visible{
3184
- --tw-ring-opacity: 1;
3185
- --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
3186
- }
3187
-
3188
- .focus-visible\:ring-red-500:focus-visible{
3189
- --tw-ring-opacity: 1;
3190
- --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
3191
- }
3192
-
3193
- .focus-visible\:ring-ring:focus-visible{
3194
- --tw-ring-color: hsl(var(--ring));
3195
- }
3196
-
3197
- .focus-visible\:ring-offset-2:focus-visible{
3198
- --tw-ring-offset-width: 2px;
3199
- }
3200
-
3201
- .focus-visible\:ring-offset-background:focus-visible{
3202
- --tw-ring-offset-color: hsl(var(--background));
3203
- }
3204
-
3205
- .disabled\:pointer-events-none:disabled{
3206
- pointer-events: none;
3207
- }
3208
-
3209
- .disabled\:cursor-not-allowed:disabled{
3210
- cursor: not-allowed;
3211
- }
3212
-
3213
- .disabled\:bg-gray-50:disabled{
3214
- --tw-bg-opacity: 1;
3215
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3216
- }
3217
-
3218
- .disabled\:opacity-50:disabled{
3219
- opacity: 0.5;
3220
- }
3221
-
3222
- .group:hover .group-hover\:opacity-100{
3223
- opacity: 1;
3224
- }
3225
-
3226
- .group.destructive .group-\[\.destructive\]\:border-muted\/40{
3227
- border-color: hsl(var(--muted) / 0.4);
3228
- }
3229
-
3230
- .group.destructive .group-\[\.destructive\]\:text-red-300{
3231
- --tw-text-opacity: 1;
3232
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
3233
- }
3234
-
3235
- .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
3236
- border-color: hsl(var(--destructive) / 0.3);
3237
- }
3238
-
3239
- .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
3240
- background-color: hsl(var(--destructive));
3241
- }
3242
-
3243
- .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
3244
- color: hsl(var(--destructive-foreground));
3245
- }
3246
-
3247
- .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
3248
- --tw-text-opacity: 1;
3249
- color: rgb(254 242 242 / var(--tw-text-opacity, 1));
3250
- }
3251
-
3252
- .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
3253
- --tw-ring-color: hsl(var(--destructive));
3254
- }
3255
-
3256
- .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
3257
- --tw-ring-opacity: 1;
3258
- --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
3259
- }
3260
-
3261
- .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
3262
- --tw-ring-offset-color: #dc2626;
3263
- }
3264
-
3265
- .data-\[disabled\]\:pointer-events-none[data-disabled]{
3266
- pointer-events: none;
3267
- }
3268
-
3269
- .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
3270
- --tw-translate-y: 0.25rem;
3271
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3272
- }
3273
-
3274
- .data-\[side\=left\]\:-translate-x-1[data-side="left"]{
3275
- --tw-translate-x: -0.25rem;
3276
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3277
- }
3278
-
3279
- .data-\[side\=right\]\:translate-x-1[data-side="right"]{
3280
- --tw-translate-x: 0.25rem;
3281
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3282
- }
3283
-
3284
- .data-\[side\=top\]\:-translate-y-1[data-side="top"]{
3285
- --tw-translate-y: -0.25rem;
3286
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3287
- }
3288
-
3289
- .data-\[state\=checked\]\:translate-x-5[data-state="checked"]{
3290
- --tw-translate-x: 1.25rem;
3291
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3292
- }
3293
-
3294
- .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
3295
- --tw-translate-x: 0px;
3296
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3297
- }
3298
-
3299
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
3300
- --tw-translate-x: 0px;
3301
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3302
- }
3303
-
3304
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
3305
- --tw-translate-x: var(--radix-toast-swipe-end-x);
3306
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3307
- }
3308
-
3309
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
3310
- --tw-translate-x: var(--radix-toast-swipe-move-x);
3311
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3312
- }
3313
-
3314
- .data-\[disabled\]\:cursor-not-allowed[data-disabled]{
3315
- cursor: not-allowed;
3316
- }
3317
-
3318
- .data-\[state\=checked\]\:bg-blue-50[data-state="checked"]{
3319
- --tw-bg-opacity: 1;
3320
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
3321
- }
3322
-
3323
- .data-\[state\=checked\]\:bg-primary[data-state="checked"]{
3324
- background-color: hsl(var(--primary));
3325
- }
3326
-
3327
- .data-\[state\=open\]\:bg-accent[data-state="open"]{
3328
- background-color: hsl(var(--accent));
3329
- }
3330
-
3331
- .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{
3332
- background-color: hsl(var(--input));
3333
- }
3334
-
3335
- .data-\[state\=checked\]\:font-medium[data-state="checked"]{
3336
- font-weight: 500;
3337
- }
3338
-
3339
- .data-\[state\=checked\]\:text-blue-900[data-state="checked"]{
3340
- --tw-text-opacity: 1;
3341
- color: rgb(30 58 138 / var(--tw-text-opacity, 1));
3342
- }
3343
-
3344
- .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
3345
- color: hsl(var(--primary-foreground));
3346
- }
3347
-
3348
- .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
3349
- color: hsl(var(--muted-foreground));
3350
- }
3351
-
3352
- .data-\[disabled\]\:opacity-40[data-disabled]{
3353
- opacity: 0.4;
3354
- }
3355
-
3356
- .data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
3357
- transition-property: none;
3358
- }
3359
-
3360
- .data-\[state\=open\]\:animate-in[data-state="open"] {
3361
- animation-duration: 0.3s;
3362
- animation-fill-mode: both;
3363
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3364
- }
3365
-
3366
- .data-\[state\=open\]\:fade-in-0[data-state="open"] {
3367
- animation-name: fadeIn;
3368
- }
3369
-
3370
- .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
3371
- animation-name: zoomIn;
3372
- }
3373
-
3374
- .dark\:border-destructive:is([data-theme="dark"] *){
3375
- border-color: hsl(var(--destructive));
3376
- }
3377
-
3378
- .dark\:border-gray-700:is([data-theme="dark"] *){
3379
- --tw-border-opacity: 1;
3380
- border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
3381
- }
3382
-
3383
- .dark\:bg-gray-900:is([data-theme="dark"] *){
3384
- --tw-bg-opacity: 1;
3385
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
3386
- }
3387
-
3388
- .dark\:text-gray-100:is([data-theme="dark"] *){
3389
- --tw-text-opacity: 1;
3390
- color: rgb(243 244 246 / var(--tw-text-opacity, 1));
3391
- }
3392
-
3393
- @media (min-width: 640px){
3394
-
3395
- .sm\:bottom-0{
3396
- bottom: 0px;
3397
- }
3398
-
3399
- .sm\:right-0{
3400
- right: 0px;
3401
- }
3402
-
3403
- .sm\:top-auto{
3404
- top: auto;
3405
- }
3406
-
3407
- .sm\:max-w-md{
3408
- max-width: 28rem;
3409
- }
3410
-
3411
- .sm\:flex-row{
3412
- flex-direction: row;
3413
- }
3414
-
3415
- .sm\:flex-col{
3416
- flex-direction: column;
3417
- }
3418
-
3419
- .sm\:justify-end{
3420
- justify-content: flex-end;
3421
- }
3422
-
3423
- .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
3424
- --tw-space-x-reverse: 0;
3425
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3426
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3427
- }
3428
-
3429
- .sm\:rounded-lg{
3430
- border-radius: var(--radius);
3431
- }
3432
-
3433
- .sm\:text-left{
3434
- text-align: left;
3435
- }
3436
- }
3437
-
3438
- @media (min-width: 768px){
3439
-
3440
- .md\:block{
3441
- display: block;
3442
- }
3443
-
3444
- .md\:max-w-\[420px\]{
3445
- max-width: 420px;
3446
- }
3447
- }
3448
-
3449
- .\[\&\>span\]\:line-clamp-1>span{
3450
- overflow: hidden;
3451
- display: -webkit-box;
3452
- -webkit-box-orient: vertical;
3453
- -webkit-line-clamp: 1;
3454
- }
3455
-
3456
- .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
3457
- --tw-translate-y: -3px;
3458
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3459
- }
3460
-
3461
- .\[\&\>svg\]\:absolute>svg{
3462
- position: absolute;
3463
- }
3464
-
3465
- .\[\&\>svg\]\:left-4>svg{
3466
- left: 1rem;
3467
- }
3468
-
3469
- .\[\&\>svg\]\:top-4>svg{
3470
- top: 1rem;
3471
- }
3472
-
3473
- .\[\&\>svg\]\:text-destructive>svg{
3474
- color: hsl(var(--destructive));
3475
- }
3476
-
3477
- .\[\&\>svg\]\:text-foreground>svg{
3478
- color: hsl(var(--foreground));
3479
- }
3480
-
3481
- .\[\&\>svg\~\*\]\:pl-7>svg~*{
3482
- padding-left: 1.75rem;
3483
- }
3484
-
3485
- .\[\&_p\]\:leading-relaxed p{
3486
- line-height: 1.625;
3487
- }
3488
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
3489
- :root {
3490
- --base-spacing: 24px;
3491
- --m-xxxxs: calc(var(--base-spacing) / 5);
3492
- --m-xxxs: calc(var(--base-spacing) / 4);
3493
- --m-xxs: calc(var(--base-spacing) / 3);
3494
- --m-xs: calc(var(--base-spacing) / 2);
3495
- --m-s: calc(var(--base-spacing) * 2 / 3);
3496
- --m: var(--base-spacing);
3497
- --m-mm: calc(var(--base-spacing) * 3 / 2);
3498
- --m-l: calc(var(--base-spacing) * 5 / 3);
3499
- --m-xl: calc(var(--base-spacing) * 2);
3500
- --m-xxl: calc(var(--base-spacing) * 5 / 2);
3501
- --m-xxxl: calc(var(--base-spacing) * 3);
3502
- --font-size-xs: calc(var(--font-size) * 16 / 17);
3503
- --font-size-s: calc(var(--font-size) * 13 / 14);
3504
- --font-size: 0.875rem;
3505
- --font-size-l: calc(var(--font-size) * 8 / 7);
3506
- --font-size-xl: calc(var(--font-size) * 9 / 7);
3507
- --font-size-xxl: calc(var(--font-size) * 12 / 7);
3508
- --font-size-xxxl: calc(var(--font-size) * 18 / 7);
3509
- --font-size-h: calc(var(--font-size) * 24 / 7);
3510
- --font-family: "Inter", sans-serif;
3511
- --font-family-1: var(--font-family);
3512
- --font-family-2: "Laxan", sans-serif;
3513
- --border-radius: 4px;
3514
- --border-radius-1: var(--border-radius);
3515
- --border-radius-2: calc(var(--border-radius) * 2);
3516
- --border-radius-3: calc(var(--border-radius) * 3);
3517
- --border-radius-4: calc(var(--border-radius) * 4);
3518
- --border-radius-5: calc(var(--border-radius) * 5);
3519
- --border-radius-r: 50%;
3520
- --fast: 0.3s;
3521
- --speed: 0.4s;
3522
- --slow: 0.9s;
3523
- --ease: ease-out;
3524
- --transition-ui: background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), opacity var(--fast) var(--ease),
3525
- transform var(--fast) var(--ease), color var(--fast) var(--ease);
3526
- --blurred: 5px;
3527
- --color-primary: #2563eb;
3528
- --color-primary-hover: #1d4ed8;
3529
- --color-primary-focus: #2563eb;
3530
- --color-primary-disabled: #bfdbfe;
3531
- --color-primary-button-disabled: #3f3b55;
3532
- --color-secondary: #1d2939;
3533
- --color-secondary-hover: #475467;
3534
- --color-secondary-focus: #1d2939;
3535
- --color-secondary-disabled: #344054;
3536
- --color-text-on-primary: #ffffff;
3537
- --color-text-on-primary-disabled: #667085;
3538
- --color-text-on-primary-button-disabled: #ffffff;
3539
- --color-text-on-secondary: #f2f4f7;
3540
- --color-text-on-secondary-disabled: #475467;
3541
- --color-progress-bar: #099250;
3542
- --color-success: rgba(18, 183, 106, 0.88);
3543
- --color-emphasis: #0ba5ec;
3544
- --color-error: rgba(252, 93, 93, 0.88);
3545
- --color-attention: rgba(248, 203, 44, 0.88);
3546
- --color-importer-link: #2275d7;
3547
- --blue-light-500: #0ba5ec;
3548
- --color-green-ui: var(--color-progress-bar);
3549
- --color-green: var(--color-success);
3550
- --color-blue: #0ba5ec;
3551
- --color-red: rgba(252, 93, 93, 0.88);
3552
- --color-yellow: rgba(248, 203, 44, 0.88);
3553
- --importer-link: var(--color-importer-link);
3554
- }
3555
- .CSVImporter-dark {
3556
- color-scheme: dark;
3557
- --color-background: #0e1116;
3558
- --color-background-main: var(--color-background);
3559
- --color-background-modal: #171a20;
3560
- --color-background-modal-hover: #2e323c;
3561
- --color-background-modal-veil: #0e1116;
3562
- --color-background-modal-shadow: #0e1116;
3563
- --color-background-modal-shade: #171a20;
3564
- --color-tertiary: #101828;
3565
- --color-tertiary-hover: #1d2939;
3566
- --color-tertiary-focus: #1d2939;
3567
- --color-tertiary-disabled: #eaecf0;
3568
- --color-background-menu: #101828;
3569
- --color-background-menu-hover: #1d2939;
3570
- --color-text-strong: #f2f4f7;
3571
- --color-text: #d0d5dd;
3572
- --color-text-soft: #667085;
3573
- --color-text-on-tertiary: #ffffff;
3574
- --color-text-on-tertiary-disabled: #667085;
3575
- --color-error: #912018;
3576
- --color-text-error: #f04438;
3577
- --color-background-error: #f04438;
3578
- --color-background-error-hover: #d92d20;
3579
- --color-background-error-soft: #fecdca;
3580
- --color-input-background: #101828;
3581
- --color-input-background-soft: #1d2939;
3582
- --color-input-border: #344054;
3583
- --color-input-placeholder: #344054;
3584
- --color-input-text-disabled: #344054;
3585
- --color-input-disabled: #171a20;
3586
- --color-border: #1d2939;
3587
- --color-background-small-button-selected: #344054;
3588
- --color-background-small-button-hover: #101828;
3589
- --color-text-small-button: $base-white;
3590
- --color-button: #eff6ff;
3591
- --color-button-hover: #dbeafe;
3592
- --color-button-disabled: #dbeafe;
3593
- --color-button-text: #171a20;
3594
- --color-button-text-disabled: lighter(#171a20, 10);
3595
- --color-button-border: transparent;
3596
- --color-border: #344054;
3597
- --color-border-soft: #1d2939;
3598
- --color-icon: #d0d5dd;
3599
- --color-bisel: rgba(255, 255, 255, 0.05);
3600
- --color-csv-import-text: var(--color-text);
3601
- --color-stepper: #30374f;
3602
- --color-stepper-active: #6ce9a6;
3603
- }
3604
- .CSVImporter-light {
3605
- color-scheme: light;
3606
- --color-background: #f2f4f7;
3607
- --color-background-main: #ffffff;
3608
- --color-background-modal: #ffffff;
3609
- --color-background-modal-hover: #ffffff;
3610
- --color-background-modal-veil: #0e1116;
3611
- --color-background-modal-shadow: transparent;
3612
- --color-background-modal-shade: #f2f4f7;
3613
- --color-tertiary: #ffffff;
3614
- --color-tertiary-hover: #f2f4f7;
3615
- --color-tertiary-focus: #ffffff;
3616
- --color-tertiary-disabled: #eaecf0;
3617
- --color-background-menu: #ffffff;
3618
- --color-background-menu-hover: #f2f4f7;
3619
- --color-text-strong: #101828;
3620
- --color-text: #1d2939;
3621
- --color-text-soft: #667085;
3622
- --color-text-on-tertiary: #344054;
3623
- --color-text-on-tertiary-disabled: #667085;
3624
- --color-error: #fecdca;
3625
- --color-text-error: #f04438;
3626
- --color-background-error: #f04438;
3627
- --color-background-error-hover: #d92d20;
3628
- --color-background-error-soft: #fecdca;
3629
- --color-input-background: #ffffff;
3630
- --color-input-background-soft: #d0d5dd;
3631
- --color-input-border: #344054;
3632
- --color-input-placeholder: #344054;
3633
- --color-input-text-disabled: #344054;
3634
- --color-input-disabled: #f9fafb;
3635
- --color-border: #1d2939;
3636
- --color-background-small-button-selected: #f2f4f7;
3637
- --color-background-small-button-hover: #f9fafb;
3638
- --color-text-small-button: var(--color-text);
3639
- --color-button: #ffffff;
3640
- --color-button-hover: #f2f4f7;
3641
- --color-button-disabled: #fcfcfd;
3642
- --color-button-text: var(--color-text-soft);
3643
- --color-button-text-disabled: #d0d5dd;
3644
- --color-button-border: #d0d5dd;
3645
- --color-border: #d0d5dd;
3646
- --color-border-soft: #eaecf0;
3647
- --color-icon: #101323;
3648
- --color-bisel: rgba(0, 0, 0, 0.05);
3649
- --color-csv-import-text: #130638;
3650
- --color-stepper: #b9c0d4;
3651
- --color-stepper-active: #6ce9a6;
3652
- }
3653
- .csv-importer {
3654
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
3655
- background-color: var(--color-background);
3656
- color: var(--color-text);
3657
- font-size: var(--font-size);
3658
- font-weight: 500;
3659
- line-height: 1.5;
3660
- -webkit-font-smoothing: antialiased;
3661
- -moz-osx-font-smoothing: grayscale;
3662
- }
3663
- .csv-importer * {
3664
- box-sizing: border-box;
3665
- }
3666
- .csv-importer .container {
3667
- max-width: 1300px;
3668
- margin: 0 auto;
3669
- padding: 2rem;
3670
- }
3671
- @media (max-width: 640px) {
3672
- .csv-importer .container {
3673
- padding: 1rem;
3674
- }
3675
- }
3676
- .csv-importer h1, .csv-importer h2, .csv-importer h3, .csv-importer h4, .csv-importer h5, .csv-importer h6 {
3677
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
3678
- font-weight: 600;
3679
- line-height: 1.2;
3680
- color: #111827;
3681
- }
3682
- .csv-importer h1 {
3683
- font-size: 2rem;
3684
- }
3685
- .csv-importer h2 {
3686
- font-size: 1.5rem;
3687
- }
3688
- .csv-importer h3 {
3689
- font-size: 1.25rem;
3690
- }
3691
- .csv-importer h4 {
3692
- font-size: 1.125rem;
3693
- }
3694
- .csv-importer h5 {
3695
- font-size: 1rem;
3696
- }
3697
- .csv-importer h6 {
3698
- font-size: 0.875rem;
3699
- }
3700
- .csv-importer p {
3701
- line-height: 1.6;
3702
- color: #4B5563;
3703
- }
3704
- .csv-importer button {
3705
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
3706
- font-weight: 500;
3707
- transition: all 0.2s ease;
3708
- }
3709
- .csv-importer button:hover:not(:disabled) {
3710
- transform: translateY(-1px);
3711
- }
3712
- .csv-importer input, .csv-importer textarea, .csv-importer select {
3713
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
3714
- font-size: 0.875rem;
3715
- }
3716
- .csv-importer input:focus, .csv-importer textarea:focus, .csv-importer select:focus {
3717
- outline: none;
3718
- box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 122, 94, 248), 0.1);
3719
- }
3720
- .csv-importer a {
3721
- color: var(--color-primary);
3722
- text-decoration: none;
3723
- transition: color 0.2s ease;
3724
- }
3725
- .csv-importer a:hover {
3726
- color: var(--color-primary-700);
3727
- text-decoration: underline;
3728
- }
3729
- .CSVImporter {
3730
- border: none;
3731
- background-color: transparent;
3732
- padding: 0 1rem;
3733
- border-radius: 1.2rem;
3734
- color: inherit;
3735
- cursor: pointer;
3736
- font-weight: 500;
3737
- font-size: 14px;
3738
- /* height: 2.4rem; */
3739
- display: inline-flex;
3740
- gap: 0.5rem;
3741
- align-items: center;
3742
- transition: filter 0.2s ease-out;
3743
- }
3744
-
3745
- .CSVImporter svg {
3746
- display: block;
3747
- }
3748
-
3749
- .CSVImporter svg path {
3750
- stroke: currentColor !important;
3751
- }
3752
-
3753
- .CSVImporter:hover,
3754
- .CSVImporter:active {
3755
- filter: brightness(1.2);
3756
- }
3757
-
3758
- .CSVImporter-dialog::backdrop {
3759
- background-color: rgba(0, 0, 0, 0.85);
3760
- }
3761
-
3762
- .CSVImporter-dialog {
3763
- border-radius: 1rem;
3764
- width: 80vw;
3765
- max-height: 80vh;
3766
- min-width: 800px;
3767
- border: none;
3768
- position: fixed;
3769
- inset: 0;
3770
- padding: 0;
3771
- margin: auto;
3772
- }
3773
-
3774
- .CSVImporter-div {
3775
- border: none;
3776
- display: block;
3777
- width: 100%;
3778
- height: auto;
3779
- max-height: 80vh;
3780
- overflow-y: auto;
3781
- }
3782
-
3783
- @media (max-width: 768px) {
3784
- .CSVImporter-dialog {
3785
- width: 95vw;
3786
- min-width: unset;
3787
- max-width: 100%;
3788
- }
3789
- }