agentic-ui-libs 1.0.0-beta.9 → 1.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/dist/assets/agentic-ui-libs.css +12431 -0
  2. package/dist/features/debug-logs/components/DebugCard.d.ts.map +1 -1
  3. package/dist/features/debug-logs/index.d.ts +2 -1
  4. package/dist/features/debug-logs/index.d.ts.map +1 -1
  5. package/dist/features/md-editor/MDEditor.d.ts.map +1 -1
  6. package/dist/features/md-editor/components/AIRefinePanel.d.ts.map +1 -1
  7. package/dist/features/md-editor/components/SlashMenu.d.ts.map +1 -1
  8. package/dist/features/md-editor/utils/markdown.d.ts.map +1 -1
  9. package/dist/features/tracing/components/GenerationsList.d.ts +13 -0
  10. package/dist/features/tracing/components/GenerationsList.d.ts.map +1 -0
  11. package/dist/features/tracing/components/SessionsList.d.ts +12 -0
  12. package/dist/features/tracing/components/SessionsList.d.ts.map +1 -0
  13. package/dist/features/tracing/components/TracesList.d.ts +12 -0
  14. package/dist/features/tracing/components/TracesList.d.ts.map +1 -0
  15. package/dist/features/tracing/components/detail/DetailPage.d.ts +15 -0
  16. package/dist/features/tracing/components/detail/DetailPage.d.ts.map +1 -0
  17. package/dist/features/tracing/components/detail/NodeDetailPanel.d.ts +13 -0
  18. package/dist/features/tracing/components/detail/NodeDetailPanel.d.ts.map +1 -0
  19. package/dist/features/tracing/components/detail/ObservationNode.d.ts +9 -0
  20. package/dist/features/tracing/components/detail/ObservationNode.d.ts.map +1 -0
  21. package/dist/features/tracing/components/detail/TraceTree.d.ts +9 -0
  22. package/dist/features/tracing/components/detail/TraceTree.d.ts.map +1 -0
  23. package/dist/features/tracing/components/detail/config/index.d.ts +5 -0
  24. package/dist/features/tracing/components/detail/config/index.d.ts.map +1 -0
  25. package/dist/features/tracing/components/detail/config/observationFilterConfig.d.ts +41 -0
  26. package/dist/features/tracing/components/detail/config/observationFilterConfig.d.ts.map +1 -0
  27. package/dist/features/tracing/components/detail/index.d.ts +14 -0
  28. package/dist/features/tracing/components/detail/index.d.ts.map +1 -0
  29. package/dist/features/tracing/components/detail/services/DetailPageService.d.ts +119 -0
  30. package/dist/features/tracing/components/detail/services/DetailPageService.d.ts.map +1 -0
  31. package/dist/features/tracing/components/detail/services/index.d.ts +5 -0
  32. package/dist/features/tracing/components/detail/services/index.d.ts.map +1 -0
  33. package/dist/features/tracing/components/detail/types.d.ts +216 -0
  34. package/dist/features/tracing/components/detail/types.d.ts.map +1 -0
  35. package/dist/features/tracing/components/shared/ColumnCustomization.d.ts +14 -0
  36. package/dist/features/tracing/components/shared/ColumnCustomization.d.ts.map +1 -0
  37. package/dist/features/tracing/components/shared/EmptyState.d.ts +15 -0
  38. package/dist/features/tracing/components/shared/EmptyState.d.ts.map +1 -0
  39. package/dist/features/tracing/components/shared/FilterPanel.d.ts +13 -0
  40. package/dist/features/tracing/components/shared/FilterPanel.d.ts.map +1 -0
  41. package/dist/features/tracing/components/shared/LoadingSpinner.d.ts +11 -0
  42. package/dist/features/tracing/components/shared/LoadingSpinner.d.ts.map +1 -0
  43. package/dist/features/tracing/components/shared/TokenBreakdownTooltip.d.ts +18 -0
  44. package/dist/features/tracing/components/shared/TokenBreakdownTooltip.d.ts.map +1 -0
  45. package/dist/features/tracing/components/shared/TracingListHeader.d.ts +32 -0
  46. package/dist/features/tracing/components/shared/TracingListHeader.d.ts.map +1 -0
  47. package/dist/features/tracing/components/shared/TracingTable.d.ts +9 -0
  48. package/dist/features/tracing/components/shared/TracingTable.d.ts.map +1 -0
  49. package/dist/features/tracing/components/shared/index.d.ts +14 -0
  50. package/dist/features/tracing/components/shared/index.d.ts.map +1 -0
  51. package/dist/features/tracing/components/shared/skeletons/NodeDetailSkeleton.d.ts +12 -0
  52. package/dist/features/tracing/components/shared/skeletons/NodeDetailSkeleton.d.ts.map +1 -0
  53. package/dist/features/tracing/components/shared/skeletons/TableSkeleton.d.ts +13 -0
  54. package/dist/features/tracing/components/shared/skeletons/TableSkeleton.d.ts.map +1 -0
  55. package/dist/features/tracing/components/shared/skeletons/TreeSkeleton.d.ts +24 -0
  56. package/dist/features/tracing/components/shared/skeletons/TreeSkeleton.d.ts.map +1 -0
  57. package/dist/features/tracing/components/shared/skeletons/index.d.ts +8 -0
  58. package/dist/features/tracing/components/shared/skeletons/index.d.ts.map +1 -0
  59. package/dist/features/tracing/contexts/EnvironmentContext.d.ts +50 -0
  60. package/dist/features/tracing/contexts/EnvironmentContext.d.ts.map +1 -0
  61. package/dist/features/tracing/contexts/index.d.ts +6 -0
  62. package/dist/features/tracing/contexts/index.d.ts.map +1 -0
  63. package/dist/features/tracing/index.d.ts +22 -0
  64. package/dist/features/tracing/index.d.ts.map +1 -0
  65. package/dist/features/tracing/mocks/index.d.ts +6 -0
  66. package/dist/features/tracing/mocks/index.d.ts.map +1 -0
  67. package/dist/features/tracing/mocks/mockData.d.ts +12 -0
  68. package/dist/features/tracing/mocks/mockData.d.ts.map +1 -0
  69. package/dist/features/tracing/services/ObservationTreeBuilder.d.ts +51 -0
  70. package/dist/features/tracing/services/ObservationTreeBuilder.d.ts.map +1 -0
  71. package/dist/features/tracing/services/TraceTreeService.d.ts +105 -0
  72. package/dist/features/tracing/services/TraceTreeService.d.ts.map +1 -0
  73. package/dist/features/tracing/services/TracingApiService.d.ts +139 -0
  74. package/dist/features/tracing/services/TracingApiService.d.ts.map +1 -0
  75. package/dist/features/tracing/services/TracingUtils.d.ts +164 -0
  76. package/dist/features/tracing/services/TracingUtils.d.ts.map +1 -0
  77. package/dist/features/tracing/services/index.d.ts +10 -0
  78. package/dist/features/tracing/services/index.d.ts.map +1 -0
  79. package/dist/features/tracing/types.d.ts +545 -0
  80. package/dist/features/tracing/types.d.ts.map +1 -0
  81. package/dist/features/tracing/utils/index.d.ts +7 -0
  82. package/dist/features/tracing/utils/index.d.ts.map +1 -0
  83. package/dist/features/tracing/utils/observationIconUtils.d.ts +19 -0
  84. package/dist/features/tracing/utils/observationIconUtils.d.ts.map +1 -0
  85. package/dist/features/tracing/utils/staticApidata.d.ts +1 -0
  86. package/dist/features/tracing/utils/staticApidata.d.ts.map +1 -0
  87. package/dist/index.angular.d.ts +32 -0
  88. package/dist/index.angular.d.ts.map +1 -0
  89. package/dist/index.d.ts +1 -1
  90. package/dist/index.d.ts.map +1 -1
  91. package/dist/index.js +79899 -7309
  92. package/dist/shared/ui/CodeEditor.d.ts +15 -0
  93. package/dist/shared/ui/CodeEditor.d.ts.map +1 -1
  94. package/dist/shared/ui/DataViewer.d.ts +30 -0
  95. package/dist/shared/ui/DataViewer.d.ts.map +1 -0
  96. package/dist/shared/ui/IconPreview.d.ts.map +1 -1
  97. package/dist/shared/ui/Modal.d.ts +16 -0
  98. package/dist/shared/ui/Modal.d.ts.map +1 -0
  99. package/dist/shared/ui/Select.d.ts +2 -0
  100. package/dist/shared/ui/Select.d.ts.map +1 -1
  101. package/dist/shared/ui/daterangepicker.d.ts +4 -2
  102. package/dist/shared/ui/daterangepicker.d.ts.map +1 -1
  103. package/dist/shared/ui/index.d.ts +4 -0
  104. package/dist/shared/ui/index.d.ts.map +1 -1
  105. package/dist/ui-libs.umd.js +80065 -7475
  106. package/package.json +33 -21
  107. package/dist/assets/style.css +0 -4170
  108. package/dist/features/debug-logs/components/DataViewer.d.ts +0 -18
  109. package/dist/features/debug-logs/components/DataViewer.d.ts.map +0 -1
  110. package/dist/features/prompt-editor/PromptEditor.d.ts +0 -14
  111. package/dist/features/prompt-editor/PromptEditor.d.ts.map +0 -1
  112. package/dist/features/prompt-editor/RefinePanel.d.ts +0 -41
  113. package/dist/features/prompt-editor/RefinePanel.d.ts.map +0 -1
  114. package/dist/features/prompt-editor/components/AddToolbar.d.ts +0 -8
  115. package/dist/features/prompt-editor/components/AddToolbar.d.ts.map +0 -1
  116. package/dist/features/prompt-editor/components/ChatMessage.d.ts +0 -13
  117. package/dist/features/prompt-editor/components/ChatMessage.d.ts.map +0 -1
  118. package/dist/features/prompt-editor/components/CodeEditor.d.ts +0 -8
  119. package/dist/features/prompt-editor/components/CodeEditor.d.ts.map +0 -1
  120. package/dist/features/prompt-editor/components/ContentBlock.d.ts +0 -23
  121. package/dist/features/prompt-editor/components/ContentBlock.d.ts.map +0 -1
  122. package/dist/features/prompt-editor/components/EditableContent.d.ts +0 -16
  123. package/dist/features/prompt-editor/components/EditableContent.d.ts.map +0 -1
  124. package/dist/features/prompt-editor/components/FormattingToolbar.d.ts +0 -10
  125. package/dist/features/prompt-editor/components/FormattingToolbar.d.ts.map +0 -1
  126. package/dist/features/prompt-editor/components/Header.d.ts +0 -2
  127. package/dist/features/prompt-editor/components/Header.d.ts.map +0 -1
  128. package/dist/features/prompt-editor/components/InsertMenu.d.ts +0 -14
  129. package/dist/features/prompt-editor/components/InsertMenu.d.ts.map +0 -1
  130. package/dist/features/prompt-editor/components/RefineDropdown.d.ts +0 -14
  131. package/dist/features/prompt-editor/components/RefineDropdown.d.ts.map +0 -1
  132. package/dist/features/prompt-editor/components/Section.d.ts +0 -27
  133. package/dist/features/prompt-editor/components/Section.d.ts.map +0 -1
  134. package/dist/features/prompt-editor/components/SectionHeader.d.ts +0 -15
  135. package/dist/features/prompt-editor/components/SectionHeader.d.ts.map +0 -1
  136. package/dist/features/prompt-editor/components/icons.d.ts +0 -16
  137. package/dist/features/prompt-editor/components/icons.d.ts.map +0 -1
  138. package/dist/features/prompt-editor/data/insertableItems.d.ts +0 -17
  139. package/dist/features/prompt-editor/data/insertableItems.d.ts.map +0 -1
  140. package/dist/features/prompt-editor/index.d.ts +0 -19
  141. package/dist/features/prompt-editor/index.d.ts.map +0 -1
  142. package/dist/features/prompt-editor/services/EditorUtils.d.ts +0 -48
  143. package/dist/features/prompt-editor/services/EditorUtils.d.ts.map +0 -1
  144. package/dist/features/prompt-editor/services/PromptApiService.d.ts +0 -22
  145. package/dist/features/prompt-editor/services/PromptApiService.d.ts.map +0 -1
  146. package/dist/features/prompt-editor/types.d.ts +0 -102
  147. package/dist/features/prompt-editor/types.d.ts.map +0 -1
package/dist/assets/style.css DELETED
@@ -1,4170 +0,0 @@
1
- *, ::before, ::after {
2
- --tw-border-spacing-x: 0;
3
- --tw-border-spacing-y: 0;
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- --tw-pan-x: ;
12
- --tw-pan-y: ;
13
- --tw-pinch-zoom: ;
14
- --tw-scroll-snap-strictness: proximity;
15
- --tw-gradient-from-position: ;
16
- --tw-gradient-via-position: ;
17
- --tw-gradient-to-position: ;
18
- --tw-ordinal: ;
19
- --tw-slashed-zero: ;
20
- --tw-numeric-figure: ;
21
- --tw-numeric-spacing: ;
22
- --tw-numeric-fraction: ;
23
- --tw-ring-inset: ;
24
- --tw-ring-offset-width: 1px;
25
- --tw-ring-offset-color: #fff;
26
- --tw-ring-color: rgb(41 112 255 / 0.5);
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- --tw-blur: ;
32
- --tw-brightness: ;
33
- --tw-contrast: ;
34
- --tw-grayscale: ;
35
- --tw-hue-rotate: ;
36
- --tw-invert: ;
37
- --tw-saturate: ;
38
- --tw-sepia: ;
39
- --tw-drop-shadow: ;
40
- --tw-backdrop-blur: ;
41
- --tw-backdrop-brightness: ;
42
- --tw-backdrop-contrast: ;
43
- --tw-backdrop-grayscale: ;
44
- --tw-backdrop-hue-rotate: ;
45
- --tw-backdrop-invert: ;
46
- --tw-backdrop-opacity: ;
47
- --tw-backdrop-saturate: ;
48
- --tw-backdrop-sepia: ;
49
- --tw-contain-size: ;
50
- --tw-contain-layout: ;
51
- --tw-contain-paint: ;
52
- --tw-contain-style: ;
53
- }
54
-
55
- ::backdrop {
56
- --tw-border-spacing-x: 0;
57
- --tw-border-spacing-y: 0;
58
- --tw-translate-x: 0;
59
- --tw-translate-y: 0;
60
- --tw-rotate: 0;
61
- --tw-skew-x: 0;
62
- --tw-skew-y: 0;
63
- --tw-scale-x: 1;
64
- --tw-scale-y: 1;
65
- --tw-pan-x: ;
66
- --tw-pan-y: ;
67
- --tw-pinch-zoom: ;
68
- --tw-scroll-snap-strictness: proximity;
69
- --tw-gradient-from-position: ;
70
- --tw-gradient-via-position: ;
71
- --tw-gradient-to-position: ;
72
- --tw-ordinal: ;
73
- --tw-slashed-zero: ;
74
- --tw-numeric-figure: ;
75
- --tw-numeric-spacing: ;
76
- --tw-numeric-fraction: ;
77
- --tw-ring-inset: ;
78
- --tw-ring-offset-width: 1px;
79
- --tw-ring-offset-color: #fff;
80
- --tw-ring-color: rgb(41 112 255 / 0.5);
81
- --tw-ring-offset-shadow: 0 0 #0000;
82
- --tw-ring-shadow: 0 0 #0000;
83
- --tw-shadow: 0 0 #0000;
84
- --tw-shadow-colored: 0 0 #0000;
85
- --tw-blur: ;
86
- --tw-brightness: ;
87
- --tw-contrast: ;
88
- --tw-grayscale: ;
89
- --tw-hue-rotate: ;
90
- --tw-invert: ;
91
- --tw-saturate: ;
92
- --tw-sepia: ;
93
- --tw-drop-shadow: ;
94
- --tw-backdrop-blur: ;
95
- --tw-backdrop-brightness: ;
96
- --tw-backdrop-contrast: ;
97
- --tw-backdrop-grayscale: ;
98
- --tw-backdrop-hue-rotate: ;
99
- --tw-backdrop-invert: ;
100
- --tw-backdrop-opacity: ;
101
- --tw-backdrop-saturate: ;
102
- --tw-backdrop-sepia: ;
103
- --tw-contain-size: ;
104
- --tw-contain-layout: ;
105
- --tw-contain-paint: ;
106
- --tw-contain-style: ;
107
- }/*
108
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
109
- *//*
110
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
- */
113
-
114
- *,
115
- ::before,
116
- ::after {
117
- box-sizing: border-box; /* 1 */
118
- border-width: 0; /* 2 */
119
- border-style: solid; /* 2 */
120
- border-color: var(--colors-background-bg-quaternary, #EAECF0); /* 2 */
121
- }
122
-
123
- ::before,
124
- ::after {
125
- --tw-content: '';
126
- }
127
-
128
- /*
129
- 1. Use a consistent sensible line-height in all browsers.
130
- 2. Prevent adjustments of font size after orientation changes in iOS.
131
- 3. Use a more readable tab size.
132
- 4. Use the user's configured `sans` font-family by default.
133
- 5. Use the user's configured `sans` font-feature-settings by default.
134
- 6. Use the user's configured `sans` font-variation-settings by default.
135
- 7. Disable tap highlights on iOS
136
- */
137
-
138
- html,
139
- :host {
140
- line-height: 1.5; /* 1 */
141
- -webkit-text-size-adjust: 100%; /* 2 */
142
- -moz-tab-size: 4; /* 3 */
143
- -o-tab-size: 4;
144
- tab-size: 4; /* 3 */
145
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
146
- font-feature-settings: normal; /* 5 */
147
- font-variation-settings: normal; /* 6 */
148
- -webkit-tap-highlight-color: transparent; /* 7 */
149
- }
150
-
151
- /*
152
- 1. Remove the margin in all browsers.
153
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
- */
155
-
156
- body {
157
- margin: 0; /* 1 */
158
- line-height: inherit; /* 2 */
159
- }
160
-
161
- /*
162
- 1. Add the correct height in Firefox.
163
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
- 3. Ensure horizontal rules are visible by default.
165
- */
166
-
167
- hr {
168
- height: 0; /* 1 */
169
- color: inherit; /* 2 */
170
- border-top-width: 1px; /* 3 */
171
- }
172
-
173
- /*
174
- Add the correct text decoration in Chrome, Edge, and Safari.
175
- */
176
-
177
- abbr:where([title]) {
178
- -webkit-text-decoration: underline dotted;
179
- text-decoration: underline dotted;
180
- }
181
-
182
- /*
183
- Remove the default font size and weight for headings.
184
- */
185
-
186
- h1,
187
- h2,
188
- h3,
189
- h4,
190
- h5,
191
- h6 {
192
- font-size: inherit;
193
- font-weight: inherit;
194
- }
195
-
196
- /*
197
- Reset links to optimize for opt-in styling instead of opt-out.
198
- */
199
-
200
- a {
201
- color: inherit;
202
- text-decoration: inherit;
203
- }
204
-
205
- /*
206
- Add the correct font weight in Edge and Safari.
207
- */
208
-
209
- b,
210
- strong {
211
- font-weight: bolder;
212
- }
213
-
214
- /*
215
- 1. Use the user's configured `mono` font-family by default.
216
- 2. Use the user's configured `mono` font-feature-settings by default.
217
- 3. Use the user's configured `mono` font-variation-settings by default.
218
- 4. Correct the odd `em` font sizing in all browsers.
219
- */
220
-
221
- code,
222
- kbd,
223
- samp,
224
- pre {
225
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
- font-feature-settings: normal; /* 2 */
227
- font-variation-settings: normal; /* 3 */
228
- font-size: 1em; /* 4 */
229
- }
230
-
231
- /*
232
- Add the correct font size in all browsers.
233
- */
234
-
235
- small {
236
- font-size: 80%;
237
- }
238
-
239
- /*
240
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
- */
242
-
243
- sub,
244
- sup {
245
- font-size: 75%;
246
- line-height: 0;
247
- position: relative;
248
- vertical-align: baseline;
249
- }
250
-
251
- sub {
252
- bottom: -0.25em;
253
- }
254
-
255
- sup {
256
- top: -0.5em;
257
- }
258
-
259
- /*
260
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
- 3. Remove gaps between table borders by default.
263
- */
264
-
265
- table {
266
- text-indent: 0; /* 1 */
267
- border-color: inherit; /* 2 */
268
- border-collapse: collapse; /* 3 */
269
- }
270
-
271
- /*
272
- 1. Change the font styles in all browsers.
273
- 2. Remove the margin in Firefox and Safari.
274
- 3. Remove default padding in all browsers.
275
- */
276
-
277
- button,
278
- input,
279
- optgroup,
280
- select,
281
- textarea {
282
- font-family: inherit; /* 1 */
283
- font-feature-settings: inherit; /* 1 */
284
- font-variation-settings: inherit; /* 1 */
285
- font-size: 100%; /* 1 */
286
- font-weight: inherit; /* 1 */
287
- line-height: inherit; /* 1 */
288
- letter-spacing: inherit; /* 1 */
289
- color: inherit; /* 1 */
290
- margin: 0; /* 2 */
291
- padding: 0; /* 3 */
292
- }
293
-
294
- /*
295
- Remove the inheritance of text transform in Edge and Firefox.
296
- */
297
-
298
- button,
299
- select {
300
- text-transform: none;
301
- }
302
-
303
- /*
304
- 1. Correct the inability to style clickable types in iOS and Safari.
305
- 2. Remove default button styles.
306
- */
307
-
308
- button,
309
- input:where([type='button']),
310
- input:where([type='reset']),
311
- input:where([type='submit']) {
312
- -webkit-appearance: button; /* 1 */
313
- background-color: transparent; /* 2 */
314
- background-image: none; /* 2 */
315
- }
316
-
317
- /*
318
- Use the modern Firefox focus style for all focusable elements.
319
- */
320
-
321
- :-moz-focusring {
322
- outline: auto;
323
- }
324
-
325
- /*
326
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
- */
328
-
329
- :-moz-ui-invalid {
330
- box-shadow: none;
331
- }
332
-
333
- /*
334
- Add the correct vertical alignment in Chrome and Firefox.
335
- */
336
-
337
- progress {
338
- vertical-align: baseline;
339
- }
340
-
341
- /*
342
- Correct the cursor style of increment and decrement buttons in Safari.
343
- */
344
-
345
- ::-webkit-inner-spin-button,
346
- ::-webkit-outer-spin-button {
347
- height: auto;
348
- }
349
-
350
- /*
351
- 1. Correct the odd appearance in Chrome and Safari.
352
- 2. Correct the outline style in Safari.
353
- */
354
-
355
- [type='search'] {
356
- -webkit-appearance: textfield; /* 1 */
357
- outline-offset: -2px; /* 2 */
358
- }
359
-
360
- /*
361
- Remove the inner padding in Chrome and Safari on macOS.
362
- */
363
-
364
- ::-webkit-search-decoration {
365
- -webkit-appearance: none;
366
- }
367
-
368
- /*
369
- 1. Correct the inability to style clickable types in iOS and Safari.
370
- 2. Change font properties to `inherit` in Safari.
371
- */
372
-
373
- ::-webkit-file-upload-button {
374
- -webkit-appearance: button; /* 1 */
375
- font: inherit; /* 2 */
376
- }
377
-
378
- /*
379
- Add the correct display in Chrome and Safari.
380
- */
381
-
382
- summary {
383
- display: list-item;
384
- }
385
-
386
- /*
387
- Removes the default spacing and border for appropriate elements.
388
- */
389
-
390
- blockquote,
391
- dl,
392
- dd,
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6,
399
- hr,
400
- figure,
401
- p,
402
- pre {
403
- margin: 0;
404
- }
405
-
406
- fieldset {
407
- margin: 0;
408
- padding: 0;
409
- }
410
-
411
- legend {
412
- padding: 0;
413
- }
414
-
415
- ol,
416
- ul,
417
- menu {
418
- list-style: none;
419
- margin: 0;
420
- padding: 0;
421
- }
422
-
423
- /*
424
- Reset default styling for dialogs.
425
- */
426
- dialog {
427
- padding: 0;
428
- }
429
-
430
- /*
431
- Prevent resizing textareas horizontally by default.
432
- */
433
-
434
- textarea {
435
- resize: vertical;
436
- }
437
-
438
- /*
439
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
- 2. Set the default placeholder color to the user's configured gray 400 color.
441
- */
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
444
- opacity: 1; /* 1 */
445
- color: var(--colors-foreground-fg-disabled, #98A2B3); /* 2 */
446
- }
447
-
448
- input::placeholder,
449
- textarea::placeholder {
450
- opacity: 1; /* 1 */
451
- color: var(--colors-foreground-fg-disabled, #98A2B3); /* 2 */
452
- }
453
-
454
- /*
455
- Set the default cursor for buttons.
456
- */
457
-
458
- button,
459
- [role="button"] {
460
- cursor: pointer;
461
- }
462
-
463
- /*
464
- Make sure disabled buttons don't get the pointer cursor.
465
- */
466
- :disabled {
467
- cursor: default;
468
- }
469
-
470
- /*
471
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
- This can trigger a poorly considered lint error in some tools but is included by design.
474
- */
475
-
476
- img,
477
- svg,
478
- video,
479
- canvas,
480
- audio,
481
- iframe,
482
- embed,
483
- object {
484
- display: block; /* 1 */
485
- vertical-align: middle; /* 2 */
486
- }
487
-
488
- /*
489
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
- */
491
-
492
- img,
493
- video {
494
- max-width: 100%;
495
- height: auto;
496
- }
497
-
498
- /* Make elements with the HTML hidden attribute stay hidden by default */
499
- [hidden]:where(:not([hidden="until-found"])) {
500
- display: none;
501
- }
502
- :root {
503
- --background: 0 0% 100%;
504
- --foreground: 222.2 84% 4.9%;
505
- --card: 0 0% 100%;
506
- --card-foreground: 222.2 84% 4.9%;
507
- --popover: 0 0% 100%;
508
- --popover-foreground: 222.2 84% 4.9%;
509
- --primary: 221.2 83.2% 53.3%;
510
- --primary-foreground: 210 40% 98%;
511
- --secondary: 210 40% 96%;
512
- --secondary-foreground: 222.2 84% 4.9%;
513
- --muted: 210 40% 96%;
514
- --muted-foreground: 215.4 16.3% 46.9%;
515
- --accent: 210 40% 96%;
516
- --accent-foreground: 222.2 84% 4.9%;
517
- --destructive: 0 84.2% 60.2%;
518
- --destructive-foreground: 210 40% 98%;
519
- --border: 214.3 31.8% 91.4%;
520
- --input: 214.3 31.8% 91.4%;
521
- --ring: 221.2 83.2% 53.3%;
522
- --radius: 0.5rem;
523
- }
524
-
525
- .dark {
526
- --background: 222.2 84% 4.9%;
527
- --foreground: 210 40% 98%;
528
- --card: 222.2 84% 4.9%;
529
- --card-foreground: 210 40% 98%;
530
- --popover: 222.2 84% 4.9%;
531
- --popover-foreground: 210 40% 98%;
532
- --primary: 210 40% 98%;
533
- --primary-foreground: 222.2 84% 4.9%;
534
- --secondary: 217.2 32.6% 17.5%;
535
- --secondary-foreground: 210 40% 98%;
536
- --muted: 217.2 32.6% 17.5%;
537
- --muted-foreground: 215 20.2% 65.1%;
538
- --accent: 217.2 32.6% 17.5%;
539
- --accent-foreground: 210 40% 98%;
540
- --destructive: 0 62.8% 30.6%;
541
- --destructive-foreground: 210 40% 98%;
542
- --border: 217.2 32.6% 17.5%;
543
- --input: 217.2 32.6% 17.5%;
544
- --ring: 212.7 26.8% 83.9%;
545
- }
546
- * {
547
- border-color: var(--colors-border-border-secondary, #EAECF0);
548
- }
549
- body {
550
- background-color: var(--colors-background-bg-primary, #FFFFFF);
551
- color: var(--colors-text-text-primary-900, #101828);
552
- }
553
- .container {
554
- width: 100%;
555
- margin-right: auto;
556
- margin-left: auto;
557
- padding-right: 2rem;
558
- padding-left: 2rem;
559
- }
560
- @media (min-width: 1400px) {
561
-
562
- .container {
563
- max-width: 1400px;
564
- }
565
- }
566
- .pointer-events-none {
567
- pointer-events: none;
568
- }
569
- .pointer-events-auto {
570
- pointer-events: auto;
571
- }
572
- .visible {
573
- visibility: visible;
574
- }
575
- .invisible {
576
- visibility: hidden;
577
- }
578
- .collapse {
579
- visibility: collapse;
580
- }
581
- .static {
582
- position: static;
583
- }
584
- .fixed {
585
- position: fixed;
586
- }
587
- .absolute {
588
- position: absolute;
589
- }
590
- .relative {
591
- position: relative;
592
- }
593
- .inset-0 {
594
- inset: 0px;
595
- }
596
- .bottom-0 {
597
- bottom: 0px;
598
- }
599
- .bottom-full {
600
- bottom: 100%;
601
- }
602
- .left-0 {
603
- left: 0px;
604
- }
605
- .left-1 {
606
- left: 0.25rem;
607
- }
608
- .left-1\/2 {
609
- left: 50%;
610
- }
611
- .left-4 {
612
- left: 1rem;
613
- }
614
- .left-\[12px\] {
615
- left: 12px;
616
- }
617
- .left-\[16px\] {
618
- left: 16px;
619
- }
620
- .left-full {
621
- left: 100%;
622
- }
623
- .right-0 {
624
- right: 0px;
625
- }
626
- .right-2 {
627
- right: 0.5rem;
628
- }
629
- .right-full {
630
- right: 100%;
631
- }
632
- .top-0 {
633
- top: 0px;
634
- }
635
- .top-1\/2 {
636
- top: 50%;
637
- }
638
- .top-2 {
639
- top: 0.5rem;
640
- }
641
- .top-\[-40px\] {
642
- top: -40px;
643
- }
644
- .top-\[1px\] {
645
- top: 1px;
646
- }
647
- .top-full {
648
- top: 100%;
649
- }
650
- .z-10 {
651
- z-index: 10;
652
- }
653
- .z-40 {
654
- z-index: 40;
655
- }
656
- .z-50 {
657
- z-index: 50;
658
- }
659
- .z-\[1\] {
660
- z-index: 1;
661
- }
662
- .z-\[2\] {
663
- z-index: 2;
664
- }
665
- .z-\[60\] {
666
- z-index: 60;
667
- }
668
- .z-\[80\] {
669
- z-index: 80;
670
- }
671
- .z-\[99998\] {
672
- z-index: 99998;
673
- }
674
- .z-\[99999\] {
675
- z-index: 99999;
676
- }
677
- .z-\[9999\] {
678
- z-index: 9999;
679
- }
680
- .col-span-2 {
681
- grid-column: span 2 / span 2;
682
- }
683
- .m-0 {
684
- margin: 0px;
685
- }
686
- .m-3 {
687
- margin: 0.75rem;
688
- }
689
- .mx-0\.5 {
690
- margin-left: 0.125rem;
691
- margin-right: 0.125rem;
692
- }
693
- .mx-1 {
694
- margin-left: 0.25rem;
695
- margin-right: 0.25rem;
696
- }
697
- .mx-2 {
698
- margin-left: 0.5rem;
699
- margin-right: 0.5rem;
700
- }
701
- .mx-auto {
702
- margin-left: auto;
703
- margin-right: auto;
704
- }
705
- .my-1 {
706
- margin-top: 0.25rem;
707
- margin-bottom: 0.25rem;
708
- }
709
- .my-2 {
710
- margin-top: 0.5rem;
711
- margin-bottom: 0.5rem;
712
- }
713
- .-ml-1 {
714
- margin-left: -0.25rem;
715
- }
716
- .-mt-1 {
717
- margin-top: -0.25rem;
718
- }
719
- .mb-1 {
720
- margin-bottom: 0.25rem;
721
- }
722
- .mb-2 {
723
- margin-bottom: 0.5rem;
724
- }
725
- .mb-2\.5 {
726
- margin-bottom: 0.625rem;
727
- }
728
- .mb-3 {
729
- margin-bottom: 0.75rem;
730
- }
731
- .mb-4 {
732
- margin-bottom: 1rem;
733
- }
734
- .mb-6 {
735
- margin-bottom: 1.5rem;
736
- }
737
- .mb-\[12px\] {
738
- margin-bottom: 12px;
739
- }
740
- .mb-\[4px\] {
741
- margin-bottom: 4px;
742
- }
743
- .mb-\[6px\] {
744
- margin-bottom: 6px;
745
- }
746
- .mb-\[8px\] {
747
- margin-bottom: 8px;
748
- }
749
- .ml-0 {
750
- margin-left: 0px;
751
- }
752
- .ml-0\.5 {
753
- margin-left: 0.125rem;
754
- }
755
- .ml-1 {
756
- margin-left: 0.25rem;
757
- }
758
- .ml-14 {
759
- margin-left: 3.5rem;
760
- }
761
- .ml-2 {
762
- margin-left: 0.5rem;
763
- }
764
- .ml-3 {
765
- margin-left: 0.75rem;
766
- }
767
- .ml-4 {
768
- margin-left: 1rem;
769
- }
770
- .ml-\[56px\] {
771
- margin-left: 56px;
772
- }
773
- .ml-auto {
774
- margin-left: auto;
775
- }
776
- .mr-1 {
777
- margin-right: 0.25rem;
778
- }
779
- .mr-2 {
780
- margin-right: 0.5rem;
781
- }
782
- .mr-3 {
783
- margin-right: 0.75rem;
784
- }
785
- .mr-\[12px\] {
786
- margin-right: 12px;
787
- }
788
- .mr-\[8px\] {
789
- margin-right: 8px;
790
- }
791
- .mt-0\.5 {
792
- margin-top: 0.125rem;
793
- }
794
- .mt-1 {
795
- margin-top: 0.25rem;
796
- }
797
- .mt-2 {
798
- margin-top: 0.5rem;
799
- }
800
- .mt-2\.5 {
801
- margin-top: 0.625rem;
802
- }
803
- .mt-3 {
804
- margin-top: 0.75rem;
805
- }
806
- .mt-4 {
807
- margin-top: 1rem;
808
- }
809
- .mt-\[12px\] {
810
- margin-top: 12px;
811
- }
812
- .mt-\[4px\] {
813
- margin-top: 4px;
814
- }
815
- .mt-\[8px\] {
816
- margin-top: 8px;
817
- }
818
- .box-border {
819
- box-sizing: border-box;
820
- }
821
- .line-clamp-3 {
822
- overflow: hidden;
823
- display: -webkit-box;
824
- -webkit-box-orient: vertical;
825
- -webkit-line-clamp: 3;
826
- }
827
- .line-clamp-4 {
828
- overflow: hidden;
829
- display: -webkit-box;
830
- -webkit-box-orient: vertical;
831
- -webkit-line-clamp: 4;
832
- }
833
- .\!block {
834
- display: block !important;
835
- }
836
- .block {
837
- display: block;
838
- }
839
- .inline {
840
- display: inline;
841
- }
842
- .flex {
843
- display: flex;
844
- }
845
- .inline-flex {
846
- display: inline-flex;
847
- }
848
- .\!table {
849
- display: table !important;
850
- }
851
- .table {
852
- display: table;
853
- }
854
- .grid {
855
- display: grid;
856
- }
857
- .contents {
858
- display: contents;
859
- }
860
- .hidden {
861
- display: none;
862
- }
863
- .aspect-square {
864
- aspect-ratio: 1 / 1;
865
- }
866
- .size-4 {
867
- width: 1rem;
868
- height: 1rem;
869
- }
870
- .size-5 {
871
- width: 1.25rem;
872
- height: 1.25rem;
873
- }
874
- .size-\[12px\] {
875
- width: 12px;
876
- height: 12px;
877
- }
878
- .size-\[16px\] {
879
- width: 16px;
880
- height: 16px;
881
- }
882
- .size-\[20px\] {
883
- width: 20px;
884
- height: 20px;
885
- }
886
- .size-\[24px\] {
887
- width: 24px;
888
- height: 24px;
889
- }
890
- .size-full {
891
- width: 100%;
892
- height: 100%;
893
- }
894
- .\!h-6 {
895
- height: 1.5rem !important;
896
- }
897
- .h-0 {
898
- height: 0px;
899
- }
900
- .h-0\.5 {
901
- height: 0.125rem;
902
- }
903
- .h-1 {
904
- height: 0.25rem;
905
- }
906
- .h-10 {
907
- height: 2.5rem;
908
- }
909
- .h-12 {
910
- height: 3rem;
911
- }
912
- .h-16 {
913
- height: 4rem;
914
- }
915
- .h-2 {
916
- height: 0.5rem;
917
- }
918
- .h-3 {
919
- height: 0.75rem;
920
- }
921
- .h-3\.5 {
922
- height: 0.875rem;
923
- }
924
- .h-32 {
925
- height: 8rem;
926
- }
927
- .h-4 {
928
- height: 1rem;
929
- }
930
- .h-5 {
931
- height: 1.25rem;
932
- }
933
- .h-6 {
934
- height: 1.5rem;
935
- }
936
- .h-64 {
937
- height: 16rem;
938
- }
939
- .h-7 {
940
- height: 1.75rem;
941
- }
942
- .h-8 {
943
- height: 2rem;
944
- }
945
- .h-9 {
946
- height: 2.25rem;
947
- }
948
- .h-\[12px\] {
949
- height: 12px;
950
- }
951
- .h-\[14px\] {
952
- height: 14px;
953
- }
954
- .h-\[16px\] {
955
- height: 16px;
956
- }
957
- .h-\[18px\] {
958
- height: 18px;
959
- }
960
- .h-\[1px\] {
961
- height: 1px;
962
- }
963
- .h-\[22px\] {
964
- height: 22px;
965
- }
966
- .h-\[24px\] {
967
- height: 24px;
968
- }
969
- .h-\[28px\] {
970
- height: 28px;
971
- }
972
- .h-\[300px\] {
973
- height: 300px;
974
- }
975
- .h-\[32px\] {
976
- height: 32px;
977
- }
978
- .h-\[34px\] {
979
- height: 34px;
980
- }
981
- .h-\[40px\] {
982
- height: 40px;
983
- }
984
- .h-\[41px\] {
985
- height: 41px;
986
- }
987
- .h-\[44px\] {
988
- height: 44px;
989
- }
990
- .h-\[48px\] {
991
- height: 48px;
992
- }
993
- .h-\[4px\] {
994
- height: 4px;
995
- }
996
- .h-\[52px\] {
997
- height: 52px;
998
- }
999
- .h-\[56px\] {
1000
- height: 56px;
1001
- }
1002
- .h-\[60px\] {
1003
- height: 60px;
1004
- }
1005
- .h-\[64px\] {
1006
- height: 64px;
1007
- }
1008
- .h-\[8px\] {
1009
- height: 8px;
1010
- }
1011
- .h-\[calc\(100\%\+40px\)\] {
1012
- height: calc(100% + 40px);
1013
- }
1014
- .h-\[calc\(100\%-24px\)\] {
1015
- height: calc(100% - 24px);
1016
- }
1017
- .h-\[calc\(100\%-64px\)\] {
1018
- height: calc(100% - 64px);
1019
- }
1020
- .h-full {
1021
- height: 100%;
1022
- }
1023
- .h-px {
1024
- height: 1px;
1025
- }
1026
- .h-screen {
1027
- height: 100vh;
1028
- }
1029
- .max-h-0 {
1030
- max-height: 0px;
1031
- }
1032
- .max-h-48 {
1033
- max-height: 12rem;
1034
- }
1035
- .max-h-60 {
1036
- max-height: 15rem;
1037
- }
1038
- .max-h-80 {
1039
- max-height: 20rem;
1040
- }
1041
- .max-h-\[100px\] {
1042
- max-height: 100px;
1043
- }
1044
- .max-h-\[180px\] {
1045
- max-height: 180px;
1046
- }
1047
- .max-h-\[280px\] {
1048
- max-height: 280px;
1049
- }
1050
- .max-h-\[300px\] {
1051
- max-height: 300px;
1052
- }
1053
- .max-h-\[320px\] {
1054
- max-height: 320px;
1055
- }
1056
- .max-h-\[360px\] {
1057
- max-height: 360px;
1058
- }
1059
- .max-h-\[70vh\] {
1060
- max-height: 70vh;
1061
- }
1062
- .max-h-\[80vh\] {
1063
- max-height: 80vh;
1064
- }
1065
- .max-h-\[calc\(100\%-40px\)\] {
1066
- max-height: calc(100% - 40px);
1067
- }
1068
- .max-h-\[calc\(100vh-2rem\)\] {
1069
- max-height: calc(100vh - 2rem);
1070
- }
1071
- .min-h-0 {
1072
- min-height: 0px;
1073
- }
1074
- .min-h-\[200px\] {
1075
- min-height: 200px;
1076
- }
1077
- .min-h-\[36px\] {
1078
- min-height: 36px;
1079
- }
1080
- .min-h-\[380px\] {
1081
- min-height: 380px;
1082
- }
1083
- .min-h-\[40px\] {
1084
- min-height: 40px;
1085
- }
1086
- .min-h-full {
1087
- min-height: 100%;
1088
- }
1089
- .min-h-px {
1090
- min-height: 1px;
1091
- }
1092
- .min-h-screen {
1093
- min-height: 100vh;
1094
- }
1095
- .w-0 {
1096
- width: 0px;
1097
- }
1098
- .w-10 {
1099
- width: 2.5rem;
1100
- }
1101
- .w-12 {
1102
- width: 3rem;
1103
- }
1104
- .w-2 {
1105
- width: 0.5rem;
1106
- }
1107
- .w-24 {
1108
- width: 6rem;
1109
- }
1110
- .w-3 {
1111
- width: 0.75rem;
1112
- }
1113
- .w-3\.5 {
1114
- width: 0.875rem;
1115
- }
1116
- .w-32 {
1117
- width: 8rem;
1118
- }
1119
- .w-4 {
1120
- width: 1rem;
1121
- }
1122
- .w-48 {
1123
- width: 12rem;
1124
- }
1125
- .w-5 {
1126
- width: 1.25rem;
1127
- }
1128
- .w-6 {
1129
- width: 1.5rem;
1130
- }
1131
- .w-64 {
1132
- width: 16rem;
1133
- }
1134
- .w-7 {
1135
- width: 1.75rem;
1136
- }
1137
- .w-8 {
1138
- width: 2rem;
1139
- }
1140
- .w-9 {
1141
- width: 2.25rem;
1142
- }
1143
- .w-\[120px\] {
1144
- width: 120px;
1145
- }
1146
- .w-\[12px\] {
1147
- width: 12px;
1148
- }
1149
- .w-\[160px\] {
1150
- width: 160px;
1151
- }
1152
- .w-\[16px\] {
1153
- width: 16px;
1154
- }
1155
- .w-\[18px\] {
1156
- width: 18px;
1157
- }
1158
- .w-\[1px\] {
1159
- width: 1px;
1160
- }
1161
- .w-\[200px\] {
1162
- width: 200px;
1163
- }
1164
- .w-\[210px\] {
1165
- width: 210px;
1166
- }
1167
- .w-\[22px\] {
1168
- width: 22px;
1169
- }
1170
- .w-\[24px\] {
1171
- width: 24px;
1172
- }
1173
- .w-\[256px\] {
1174
- width: 256px;
1175
- }
1176
- .w-\[280px\] {
1177
- width: 280px;
1178
- }
1179
- .w-\[300px\] {
1180
- width: 300px;
1181
- }
1182
- .w-\[320px\] {
1183
- width: 320px;
1184
- }
1185
- .w-\[32px\] {
1186
- width: 32px;
1187
- }
1188
- .w-\[34px\] {
1189
- width: 34px;
1190
- }
1191
- .w-\[40\%\] {
1192
- width: 40%;
1193
- }
1194
- .w-\[400px\] {
1195
- width: 400px;
1196
- }
1197
- .w-\[48px\] {
1198
- width: 48px;
1199
- }
1200
- .w-\[52px\] {
1201
- width: 52px;
1202
- }
1203
- .w-\[600px\] {
1204
- width: 600px;
1205
- }
1206
- .w-\[64px\] {
1207
- width: 64px;
1208
- }
1209
- .w-\[80px\] {
1210
- width: 80px;
1211
- }
1212
- .w-\[8px\] {
1213
- width: 8px;
1214
- }
1215
- .w-\[90\%\] {
1216
- width: 90%;
1217
- }
1218
- .w-full {
1219
- width: 100%;
1220
- }
1221
- .w-max {
1222
- width: -moz-max-content;
1223
- width: max-content;
1224
- }
1225
- .w-px {
1226
- width: 1px;
1227
- }
1228
- .w-screen {
1229
- width: 100vw;
1230
- }
1231
- .min-w-0 {
1232
- min-width: 0px;
1233
- }
1234
- .min-w-7 {
1235
- min-width: 1.75rem;
1236
- }
1237
- .min-w-\[150px\] {
1238
- min-width: 150px;
1239
- }
1240
- .min-w-\[16px\] {
1241
- min-width: 16px;
1242
- }
1243
- .min-w-\[180px\] {
1244
- min-width: 180px;
1245
- }
1246
- .min-w-\[200px\] {
1247
- min-width: 200px;
1248
- }
1249
- .min-w-\[20px\] {
1250
- min-width: 20px;
1251
- }
1252
- .min-w-\[240px\] {
1253
- min-width: 240px;
1254
- }
1255
- .min-w-\[280px\] {
1256
- min-width: 280px;
1257
- }
1258
- .min-w-\[300px\] {
1259
- min-width: 300px;
1260
- }
1261
- .min-w-\[340px\] {
1262
- min-width: 340px;
1263
- }
1264
- .min-w-fit {
1265
- min-width: -moz-fit-content;
1266
- min-width: fit-content;
1267
- }
1268
- .min-w-px {
1269
- min-width: 1px;
1270
- }
1271
- .max-w-7xl {
1272
- max-width: 80rem;
1273
- }
1274
- .max-w-\[100px\] {
1275
- max-width: 100px;
1276
- }
1277
- .max-w-\[1400px\] {
1278
- max-width: 1400px;
1279
- }
1280
- .max-w-\[150px\] {
1281
- max-width: 150px;
1282
- }
1283
- .max-w-\[200px\] {
1284
- max-width: 200px;
1285
- }
1286
- .max-w-\[352px\] {
1287
- max-width: 352px;
1288
- }
1289
- .max-w-\[500px\] {
1290
- max-width: 500px;
1291
- }
1292
- .max-w-\[600px\] {
1293
- max-width: 600px;
1294
- }
1295
- .max-w-\[80\%\] {
1296
- max-width: 80%;
1297
- }
1298
- .max-w-\[85\%\] {
1299
- max-width: 85%;
1300
- }
1301
- .max-w-full {
1302
- max-width: 100%;
1303
- }
1304
- .max-w-lg {
1305
- max-width: 32rem;
1306
- }
1307
- .max-w-xs {
1308
- max-width: 20rem;
1309
- }
1310
- .flex-1 {
1311
- flex: 1 1 0%;
1312
- }
1313
- .flex-shrink-0 {
1314
- flex-shrink: 0;
1315
- }
1316
- .shrink-0 {
1317
- flex-shrink: 0;
1318
- }
1319
- .grow {
1320
- flex-grow: 1;
1321
- }
1322
- .basis-0 {
1323
- flex-basis: 0px;
1324
- }
1325
- .-translate-x-1\/2 {
1326
- --tw-translate-x: -50%;
1327
- 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));
1328
- }
1329
- .-translate-x-full {
1330
- --tw-translate-x: -100%;
1331
- 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));
1332
- }
1333
- .-translate-y-1\/2 {
1334
- --tw-translate-y: -50%;
1335
- 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));
1336
- }
1337
- .translate-x-0 {
1338
- --tw-translate-x: 0px;
1339
- 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));
1340
- }
1341
- .translate-x-full {
1342
- --tw-translate-x: 100%;
1343
- 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));
1344
- }
1345
- .rotate-180 {
1346
- --tw-rotate: 180deg;
1347
- 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));
1348
- }
1349
- .rotate-90 {
1350
- --tw-rotate: 90deg;
1351
- 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));
1352
- }
1353
- .scale-105 {
1354
- --tw-scale-x: 1.05;
1355
- --tw-scale-y: 1.05;
1356
- 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));
1357
- }
1358
- .scale-50 {
1359
- --tw-scale-x: .5;
1360
- --tw-scale-y: .5;
1361
- 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));
1362
- }
1363
- .transform {
1364
- 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));
1365
- }
1366
- .animate-\[ai-backdrop-in_0\.2s_ease-out\] {
1367
- animation: ai-backdrop-in 0.2s ease-out;
1368
- }
1369
- .animate-\[ai-drawer-slide-up_0\.4s_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
1370
- animation: ai-drawer-slide-up 0.4s cubic-bezier(0.4,0,0.2,1);
1371
- }
1372
- .animate-\[ai-loading-slide_1\.5s_ease-in-out_infinite\] {
1373
- animation: ai-loading-slide 1.5s ease-in-out infinite;
1374
- }
1375
- .animate-\[ai-message-in_0\.3s_ease-out\] {
1376
- animation: ai-message-in 0.3s ease-out;
1377
- }
1378
- .animate-\[ai-new-selection-in_0\.3s_ease-out\] {
1379
- animation: ai-new-selection-in 0.3s ease-out;
1380
- }
1381
- .animate-\[ai-panel-slide-in_0\.3s_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
1382
- animation: ai-panel-slide-in 0.3s cubic-bezier(0.4,0,0.2,1);
1383
- }
1384
- .animate-\[ai-popup-scale-in_0\.3s_cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
1385
- animation: ai-popup-scale-in 0.3s cubic-bezier(0.4,0,0.2,1);
1386
- }
1387
- @keyframes pulse {
1388
-
1389
- 50% {
1390
- opacity: .5;
1391
- }
1392
- }
1393
- .animate-pulse {
1394
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1395
- }
1396
- @keyframes spin {
1397
-
1398
- to {
1399
- transform: rotate(360deg);
1400
- }
1401
- }
1402
- .animate-spin {
1403
- animation: spin 1s linear infinite;
1404
- }
1405
- .cursor-default {
1406
- cursor: default;
1407
- }
1408
- .cursor-grab {
1409
- cursor: grab;
1410
- }
1411
- .cursor-help {
1412
- cursor: help;
1413
- }
1414
- .cursor-not-allowed {
1415
- cursor: not-allowed;
1416
- }
1417
- .cursor-pointer {
1418
- cursor: pointer;
1419
- }
1420
- .cursor-text {
1421
- cursor: text;
1422
- }
1423
- .select-none {
1424
- -webkit-user-select: none;
1425
- -moz-user-select: none;
1426
- user-select: none;
1427
- }
1428
- .resize-none {
1429
- resize: none;
1430
- }
1431
- .resize {
1432
- resize: both;
1433
- }
1434
- .grid-cols-1 {
1435
- grid-template-columns: repeat(1, minmax(0, 1fr));
1436
- }
1437
- .grid-cols-4 {
1438
- grid-template-columns: repeat(4, minmax(0, 1fr));
1439
- }
1440
- .grid-cols-7 {
1441
- grid-template-columns: repeat(7, minmax(0, 1fr));
1442
- }
1443
- .flex-row {
1444
- flex-direction: row;
1445
- }
1446
- .flex-row-reverse {
1447
- flex-direction: row-reverse;
1448
- }
1449
- .flex-col {
1450
- flex-direction: column;
1451
- }
1452
- .flex-wrap {
1453
- flex-wrap: wrap;
1454
- }
1455
- .content-stretch {
1456
- align-content: stretch;
1457
- }
1458
- .items-start {
1459
- align-items: flex-start;
1460
- }
1461
- .items-end {
1462
- align-items: flex-end;
1463
- }
1464
- .items-center {
1465
- align-items: center;
1466
- }
1467
- .items-baseline {
1468
- align-items: baseline;
1469
- }
1470
- .items-stretch {
1471
- align-items: stretch;
1472
- }
1473
- .justify-start {
1474
- justify-content: flex-start;
1475
- }
1476
- .justify-end {
1477
- justify-content: flex-end;
1478
- }
1479
- .justify-center {
1480
- justify-content: center;
1481
- }
1482
- .justify-between {
1483
- justify-content: space-between;
1484
- }
1485
- .gap-0\.5 {
1486
- gap: 0.125rem;
1487
- }
1488
- .gap-1 {
1489
- gap: 0.25rem;
1490
- }
1491
- .gap-1\.5 {
1492
- gap: 0.375rem;
1493
- }
1494
- .gap-2 {
1495
- gap: 0.5rem;
1496
- }
1497
- .gap-2\.5 {
1498
- gap: 0.625rem;
1499
- }
1500
- .gap-3 {
1501
- gap: 0.75rem;
1502
- }
1503
- .gap-4 {
1504
- gap: 1rem;
1505
- }
1506
- .gap-6 {
1507
- gap: 1.5rem;
1508
- }
1509
- .gap-\[10px\] {
1510
- gap: 10px;
1511
- }
1512
- .gap-\[12px\] {
1513
- gap: 12px;
1514
- }
1515
- .gap-\[16px\] {
1516
- gap: 16px;
1517
- }
1518
- .gap-\[24px\] {
1519
- gap: 24px;
1520
- }
1521
- .gap-\[4px\] {
1522
- gap: 4px;
1523
- }
1524
- .gap-\[8px\] {
1525
- gap: 8px;
1526
- }
1527
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1528
- --tw-space-x-reverse: 0;
1529
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1530
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1531
- }
1532
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1533
- --tw-space-y-reverse: 0;
1534
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1535
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1536
- }
1537
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1538
- --tw-space-y-reverse: 0;
1539
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1540
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1541
- }
1542
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1543
- --tw-space-y-reverse: 0;
1544
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1545
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1546
- }
1547
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1548
- --tw-space-y-reverse: 0;
1549
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1550
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1551
- }
1552
- .divide-y > :not([hidden]) ~ :not([hidden]) {
1553
- --tw-divide-y-reverse: 0;
1554
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1555
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1556
- }
1557
- .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
1558
- border-color: var(--colors-background-bg-tertiary, #F2F4F7);
1559
- }
1560
- .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1561
- border-color: var(--colors-background-bg-quaternary, #EAECF0);
1562
- }
1563
- .overflow-auto {
1564
- overflow: auto;
1565
- }
1566
- .overflow-hidden {
1567
- overflow: hidden;
1568
- }
1569
- .overflow-clip {
1570
- overflow: clip;
1571
- }
1572
- .overflow-x-auto {
1573
- overflow-x: auto;
1574
- }
1575
- .overflow-y-auto {
1576
- overflow-y: auto;
1577
- }
1578
- .overflow-x-hidden {
1579
- overflow-x: hidden;
1580
- }
1581
- .overflow-y-hidden {
1582
- overflow-y: hidden;
1583
- }
1584
- .scroll-smooth {
1585
- scroll-behavior: smooth;
1586
- }
1587
- .truncate {
1588
- overflow: hidden;
1589
- text-overflow: ellipsis;
1590
- white-space: nowrap;
1591
- }
1592
- .whitespace-normal {
1593
- white-space: normal;
1594
- }
1595
- .whitespace-nowrap {
1596
- white-space: nowrap;
1597
- }
1598
- .whitespace-pre {
1599
- white-space: pre;
1600
- }
1601
- .whitespace-pre-wrap {
1602
- white-space: pre-wrap;
1603
- }
1604
- .text-nowrap {
1605
- text-wrap: nowrap;
1606
- }
1607
- .break-words {
1608
- overflow-wrap: break-word;
1609
- }
1610
- .rounded {
1611
- border-radius: 0.25rem;
1612
- }
1613
- .rounded-2xl {
1614
- border-radius: 1rem;
1615
- }
1616
- .rounded-\[10px\] {
1617
- border-radius: 10px;
1618
- }
1619
- .rounded-\[12px\] {
1620
- border-radius: 12px;
1621
- }
1622
- .rounded-\[14px\] {
1623
- border-radius: 14px;
1624
- }
1625
- .rounded-\[20px\] {
1626
- border-radius: 20px;
1627
- }
1628
- .rounded-\[4px\] {
1629
- border-radius: 4px;
1630
- }
1631
- .rounded-\[6px\] {
1632
- border-radius: 6px;
1633
- }
1634
- .rounded-\[8px\] {
1635
- border-radius: 8px;
1636
- }
1637
- .rounded-\[9999px\] {
1638
- border-radius: 9999px;
1639
- }
1640
- .rounded-\[inherit\] {
1641
- border-radius: inherit;
1642
- }
1643
- .rounded-full {
1644
- border-radius: 9999px;
1645
- }
1646
- .rounded-lg {
1647
- border-radius: var(--radius);
1648
- }
1649
- .rounded-md {
1650
- border-radius: calc(var(--radius) - 2px);
1651
- }
1652
- .rounded-sm {
1653
- border-radius: calc(var(--radius) - 4px);
1654
- }
1655
- .rounded-xl {
1656
- border-radius: 0.75rem;
1657
- }
1658
- .rounded-b-xl {
1659
- border-bottom-right-radius: 0.75rem;
1660
- border-bottom-left-radius: 0.75rem;
1661
- }
1662
- .rounded-t-\[24px\] {
1663
- border-top-left-radius: 24px;
1664
- border-top-right-radius: 24px;
1665
- }
1666
- .rounded-t-xl {
1667
- border-top-left-radius: 0.75rem;
1668
- border-top-right-radius: 0.75rem;
1669
- }
1670
- .rounded-bl-md {
1671
- border-bottom-left-radius: calc(var(--radius) - 2px);
1672
- }
1673
- .rounded-br-md {
1674
- border-bottom-right-radius: calc(var(--radius) - 2px);
1675
- }
1676
- .border {
1677
- border-width: 1px;
1678
- }
1679
- .border-0 {
1680
- border-width: 0px;
1681
- }
1682
- .border-2 {
1683
- border-width: 2px;
1684
- }
1685
- .border-\[1\.5px\] {
1686
- border-width: 1.5px;
1687
- }
1688
- .border-b {
1689
- border-bottom-width: 1px;
1690
- }
1691
- .border-b-4 {
1692
- border-bottom-width: 4px;
1693
- }
1694
- .border-l {
1695
- border-left-width: 1px;
1696
- }
1697
- .border-l-2 {
1698
- border-left-width: 2px;
1699
- }
1700
- .border-l-\[3px\] {
1701
- border-left-width: 3px;
1702
- }
1703
- .border-l-\[4px\] {
1704
- border-left-width: 4px;
1705
- }
1706
- .border-r {
1707
- border-right-width: 1px;
1708
- }
1709
- .border-r-4 {
1710
- border-right-width: 4px;
1711
- }
1712
- .border-r-\[4px\] {
1713
- border-right-width: 4px;
1714
- }
1715
- .border-t {
1716
- border-top-width: 1px;
1717
- }
1718
- .border-t-4 {
1719
- border-top-width: 4px;
1720
- }
1721
- .border-t-\[4px\] {
1722
- border-top-width: 4px;
1723
- }
1724
- .border-solid {
1725
- border-style: solid;
1726
- }
1727
- .border-dashed {
1728
- border-style: dashed;
1729
- }
1730
- .border-none {
1731
- border-style: none;
1732
- }
1733
- .\!border-blue-600 {
1734
- --tw-border-opacity: 1 !important;
1735
- border-color: rgb(21 94 239 / var(--tw-border-opacity, 1)) !important;
1736
- }
1737
- .border-\[\#004eeb\] {
1738
- --tw-border-opacity: 1;
1739
- border-color: rgb(0 78 235 / var(--tw-border-opacity, 1));
1740
- }
1741
- .border-\[\#d0d5dd\] {
1742
- --tw-border-opacity: 1;
1743
- border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
1744
- }
1745
- .border-\[\#eaecf0\] {
1746
- --tw-border-opacity: 1;
1747
- border-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
1748
- }
1749
- .border-\[0px_0px_1px\] {
1750
- border-color: 0px 0px 1px;
1751
- }
1752
- .border-black\/5 {
1753
- border-color: rgb(0 0 0 / 0.05);
1754
- }
1755
- .border-black\/\[0\.08\] {
1756
- border-color: rgb(0 0 0 / 0.08);
1757
- }
1758
- .border-blue-200 {
1759
- --tw-border-opacity: 1;
1760
- border-color: rgb(178 204 255 / var(--tw-border-opacity, 1));
1761
- }
1762
- .border-blue-300 {
1763
- --tw-border-opacity: 1;
1764
- border-color: rgb(132 173 255 / var(--tw-border-opacity, 1));
1765
- }
1766
- .border-blue-500 {
1767
- --tw-border-opacity: 1;
1768
- border-color: rgb(41 112 255 / var(--tw-border-opacity, 1));
1769
- }
1770
- .border-blue-600 {
1771
- --tw-border-opacity: 1;
1772
- border-color: rgb(21 94 239 / var(--tw-border-opacity, 1));
1773
- }
1774
- .border-error-600 {
1775
- --tw-border-opacity: 1;
1776
- border-color: rgb(217 45 32 / var(--tw-border-opacity, 1));
1777
- }
1778
- .border-gray-100 {
1779
- border-color: var(--colors-background-bg-tertiary, #F2F4F7);
1780
- }
1781
- .border-gray-200 {
1782
- border-color: var(--colors-background-bg-quaternary, #EAECF0);
1783
- }
1784
- .border-gray-300 {
1785
- border-color: var(--colors-border-border-primary, #D0D5DD);
1786
- }
1787
- .border-gray-600 {
1788
- border-color: var(--component-colors-utility-gray-utility-gray-600, #475467);
1789
- }
1790
- .border-gray-700 {
1791
- border-color: var(--colors-foreground-fg-secondary-700, #344054);
1792
- }
1793
- .border-green-200 {
1794
- --tw-border-opacity: 1;
1795
- border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
1796
- }
1797
- .border-orange-200 {
1798
- --tw-border-opacity: 1;
1799
- border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
1800
- }
1801
- .border-purple-200 {
1802
- --tw-border-opacity: 1;
1803
- border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
1804
- }
1805
- .border-red-200 {
1806
- --tw-border-opacity: 1;
1807
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1808
- }
1809
- .border-red-500\/30 {
1810
- border-color: rgb(239 68 68 / 0.3);
1811
- }
1812
- .border-transparent {
1813
- border-color: transparent;
1814
- }
1815
- .border-white\/10 {
1816
- border-color: rgb(255 255 255 / 0.1);
1817
- }
1818
- .border-white\/5 {
1819
- border-color: rgb(255 255 255 / 0.05);
1820
- }
1821
- .border-white\/60 {
1822
- border-color: rgb(255 255 255 / 0.6);
1823
- }
1824
- .border-r-gray-900 {
1825
- border-right-color: var(--colors-text-text-primary-900, #101828);
1826
- }
1827
- .border-t-gray-600 {
1828
- border-top-color: var(--component-colors-utility-gray-utility-gray-600, #475467);
1829
- }
1830
- .border-t-gray-900 {
1831
- border-top-color: var(--colors-text-text-primary-900, #101828);
1832
- }
1833
- .\!bg-blue-500 {
1834
- --tw-bg-opacity: 1 !important;
1835
- background-color: rgb(41 112 255 / var(--tw-bg-opacity, 1)) !important;
1836
- }
1837
- .\!bg-gray-800 {
1838
- background-color: var(--component-colors-utility-gray-utility-gray-800, #182230) !important;
1839
- }
1840
- .bg-\[\#B2DDFF\] {
1841
- --tw-bg-opacity: 1;
1842
- background-color: rgb(178 221 255 / var(--tw-bg-opacity, 1));
1843
- }
1844
- .bg-\[\#d0d5dd\] {
1845
- --tw-bg-opacity: 1;
1846
- background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
1847
- }
1848
- .bg-\[\#eaecf0\] {
1849
- --tw-bg-opacity: 1;
1850
- background-color: rgb(234 236 240 / var(--tw-bg-opacity, 1));
1851
- }
1852
- .bg-\[\#eff4ff\] {
1853
- --tw-bg-opacity: 1;
1854
- background-color: rgb(239 244 255 / var(--tw-bg-opacity, 1));
1855
- }
1856
- .bg-\[\#f2f4f7\] {
1857
- --tw-bg-opacity: 1;
1858
- background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
1859
- }
1860
- .bg-\[\#f9fafb\] {
1861
- --tw-bg-opacity: 1;
1862
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1863
- }
1864
- .bg-amber-500\/15 {
1865
- background-color: rgb(245 158 11 / 0.15);
1866
- }
1867
- .bg-amber-500\/20 {
1868
- background-color: rgb(245 158 11 / 0.2);
1869
- }
1870
- .bg-background {
1871
- background-color: var(--colors-background-bg-primary, #FFFFFF);
1872
- }
1873
- .bg-black {
1874
- --tw-bg-opacity: 1;
1875
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1876
- }
1877
- .bg-black\/10 {
1878
- background-color: rgb(0 0 0 / 0.1);
1879
- }
1880
- .bg-black\/20 {
1881
- background-color: rgb(0 0 0 / 0.2);
1882
- }
1883
- .bg-black\/5 {
1884
- background-color: rgb(0 0 0 / 0.05);
1885
- }
1886
- .bg-black\/60 {
1887
- background-color: rgb(0 0 0 / 0.6);
1888
- }
1889
- .bg-black\/\[0\.03\] {
1890
- background-color: rgb(0 0 0 / 0.03);
1891
- }
1892
- .bg-black\/\[0\.04\] {
1893
- background-color: rgb(0 0 0 / 0.04);
1894
- }
1895
- .bg-blue-100 {
1896
- --tw-bg-opacity: 1;
1897
- background-color: rgb(209 224 255 / var(--tw-bg-opacity, 1));
1898
- }
1899
- .bg-blue-300 {
1900
- --tw-bg-opacity: 1;
1901
- background-color: rgb(132 173 255 / var(--tw-bg-opacity, 1));
1902
- }
1903
- .bg-blue-50 {
1904
- --tw-bg-opacity: 1;
1905
- background-color: rgb(239 244 255 / var(--tw-bg-opacity, 1));
1906
- }
1907
- .bg-blue-500 {
1908
- --tw-bg-opacity: 1;
1909
- background-color: rgb(41 112 255 / var(--tw-bg-opacity, 1));
1910
- }
1911
- .bg-blue-600 {
1912
- --tw-bg-opacity: 1;
1913
- background-color: rgb(21 94 239 / var(--tw-bg-opacity, 1));
1914
- }
1915
- .bg-card {
1916
- background-color: var(--colors-background-bg-primary, #FFFFFF);
1917
- }
1918
- .bg-emerald-500 {
1919
- --tw-bg-opacity: 1;
1920
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1921
- }
1922
- .bg-error-500 {
1923
- --tw-bg-opacity: 1;
1924
- background-color: rgb(240 68 56 / var(--tw-bg-opacity, 1));
1925
- }
1926
- .bg-gray-100 {
1927
- background-color: var(--colors-background-bg-tertiary, #F2F4F7);
1928
- }
1929
- .bg-gray-200 {
1930
- background-color: var(--colors-background-bg-quaternary, #EAECF0);
1931
- }
1932
- .bg-gray-400 {
1933
- background-color: var(--colors-foreground-fg-disabled, #98A2B3);
1934
- }
1935
- .bg-gray-50 {
1936
- background-color: var(--colors-background-bg-active, #F9FAFB);
1937
- }
1938
- .bg-gray-500 {
1939
- background-color: var(--colors-foreground-fg-quarterary-500, #667085);
1940
- }
1941
- .bg-gray-600 {
1942
- background-color: var(--component-colors-utility-gray-utility-gray-600, #475467);
1943
- }
1944
- .bg-gray-700 {
1945
- background-color: var(--colors-foreground-fg-secondary-700, #344054);
1946
- }
1947
- .bg-gray-800 {
1948
- background-color: var(--component-colors-utility-gray-utility-gray-800, #182230);
1949
- }
1950
- .bg-gray-900 {
1951
- background-color: var(--colors-text-text-primary-900, #101828);
1952
- }
1953
- .bg-green-100 {
1954
- --tw-bg-opacity: 1;
1955
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1956
- }
1957
- .bg-green-50 {
1958
- --tw-bg-opacity: 1;
1959
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1960
- }
1961
- .bg-green-500 {
1962
- --tw-bg-opacity: 1;
1963
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1964
- }
1965
- .bg-muted {
1966
- background-color: var(--colors-background-bg-secondary, #F9FAFB);
1967
- }
1968
- .bg-orange-100 {
1969
- --tw-bg-opacity: 1;
1970
- background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
1971
- }
1972
- .bg-orange-50 {
1973
- --tw-bg-opacity: 1;
1974
- background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
1975
- }
1976
- .bg-popover {
1977
- background-color: var(--colors-background-bg-primary, #FFFFFF);
1978
- }
1979
- .bg-purple-100 {
1980
- --tw-bg-opacity: 1;
1981
- background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
1982
- }
1983
- .bg-purple-500 {
1984
- --tw-bg-opacity: 1;
1985
- background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
1986
- }
1987
- .bg-red-100 {
1988
- --tw-bg-opacity: 1;
1989
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1990
- }
1991
- .bg-red-50 {
1992
- --tw-bg-opacity: 1;
1993
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1994
- }
1995
- .bg-red-500 {
1996
- --tw-bg-opacity: 1;
1997
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1998
- }
1999
- .bg-red-900\/30 {
2000
- background-color: rgb(127 29 29 / 0.3);
2001
- }
2002
- .bg-transparent {
2003
- background-color: transparent;
2004
- }
2005
- .bg-violet-50 {
2006
- --tw-bg-opacity: 1;
2007
- background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
2008
- }
2009
- .bg-violet-500\/10 {
2010
- background-color: rgb(139 92 246 / 0.1);
2011
- }
2012
- .bg-violet-500\/20 {
2013
- background-color: rgb(139 92 246 / 0.2);
2014
- }
2015
- .bg-white {
2016
- --tw-bg-opacity: 1;
2017
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2018
- }
2019
- .bg-white\/10 {
2020
- background-color: rgb(255 255 255 / 0.1);
2021
- }
2022
- .bg-white\/15 {
2023
- background-color: rgb(255 255 255 / 0.15);
2024
- }
2025
- .bg-white\/20 {
2026
- background-color: rgb(255 255 255 / 0.2);
2027
- }
2028
- .bg-white\/5 {
2029
- background-color: rgb(255 255 255 / 0.05);
2030
- }
2031
- .bg-white\/80 {
2032
- background-color: rgb(255 255 255 / 0.8);
2033
- }
2034
- .bg-white\/90 {
2035
- background-color: rgb(255 255 255 / 0.9);
2036
- }
2037
- .bg-yellow-50 {
2038
- --tw-bg-opacity: 1;
2039
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
2040
- }
2041
- .bg-yellow-500 {
2042
- --tw-bg-opacity: 1;
2043
- background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
2044
- }
2045
- .bg-opacity-10 {
2046
- --tw-bg-opacity: 0.1;
2047
- }
2048
- .bg-opacity-50 {
2049
- --tw-bg-opacity: 0.5;
2050
- }
2051
- .bg-opacity-90 {
2052
- --tw-bg-opacity: 0.9;
2053
- }
2054
- .bg-gradient-to-b {
2055
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
2056
- }
2057
- .bg-gradient-to-br {
2058
- background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
2059
- }
2060
- .bg-gradient-to-r {
2061
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
2062
- }
2063
- .from-blue-500 {
2064
- --tw-gradient-from: #2970FF var(--tw-gradient-from-position);
2065
- --tw-gradient-to: rgb(41 112 255 / 0) var(--tw-gradient-to-position);
2066
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2067
- }
2068
- .from-gray-200 {
2069
- --tw-gradient-from: var(--colors-background-bg-quaternary, #EAECF0) var(--tw-gradient-from-position);
2070
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2071
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2072
- }
2073
- .from-gray-50 {
2074
- --tw-gradient-from: var(--colors-background-bg-active, #F9FAFB) var(--tw-gradient-from-position);
2075
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2076
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2077
- }
2078
- .from-gray-600 {
2079
- --tw-gradient-from: var(--component-colors-utility-gray-utility-gray-600, #475467) var(--tw-gradient-from-position);
2080
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2081
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2082
- }
2083
- .from-gray-900 {
2084
- --tw-gradient-from: var(--colors-text-text-primary-900, #101828) var(--tw-gradient-from-position);
2085
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2086
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2087
- }
2088
- .from-transparent {
2089
- --tw-gradient-from: transparent var(--tw-gradient-from-position);
2090
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
2091
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2092
- }
2093
- .from-violet-500 {
2094
- --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
2095
- --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
2096
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2097
- }
2098
- .via-blue-400 {
2099
- --tw-gradient-to: rgb(82 139 255 / 0) var(--tw-gradient-to-position);
2100
- --tw-gradient-stops: var(--tw-gradient-from), #528BFF var(--tw-gradient-via-position), var(--tw-gradient-to);
2101
- }
2102
- .via-gray-100 {
2103
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2104
- --tw-gradient-stops: var(--tw-gradient-from), var(--colors-background-bg-tertiary, #F2F4F7) var(--tw-gradient-via-position), var(--tw-gradient-to);
2105
- }
2106
- .via-gray-300 {
2107
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2108
- --tw-gradient-stops: var(--tw-gradient-from), var(--colors-border-border-primary, #D0D5DD) var(--tw-gradient-via-position), var(--tw-gradient-to);
2109
- }
2110
- .via-indigo-500 {
2111
- --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
2112
- --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
2113
- }
2114
- .to-black\/20 {
2115
- --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
2116
- }
2117
- .to-black\/\[0\.02\] {
2118
- --tw-gradient-to: rgb(0 0 0 / 0.02) var(--tw-gradient-to-position);
2119
- }
2120
- .to-blue-500 {
2121
- --tw-gradient-to: #2970FF var(--tw-gradient-to-position);
2122
- }
2123
- .to-blue-600 {
2124
- --tw-gradient-to: #155EEF var(--tw-gradient-to-position);
2125
- }
2126
- .to-gray-200 {
2127
- --tw-gradient-to: var(--colors-background-bg-quaternary, #EAECF0) var(--tw-gradient-to-position);
2128
- }
2129
- .to-gray-600 {
2130
- --tw-gradient-to: var(--component-colors-utility-gray-utility-gray-600, #475467) var(--tw-gradient-to-position);
2131
- }
2132
- .to-gray-800 {
2133
- --tw-gradient-to: var(--component-colors-utility-gray-utility-gray-800, #182230) var(--tw-gradient-to-position);
2134
- }
2135
- .to-indigo-500 {
2136
- --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
2137
- }
2138
- .to-transparent {
2139
- --tw-gradient-to: transparent var(--tw-gradient-to-position);
2140
- }
2141
- .to-white {
2142
- --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
2143
- }
2144
- .bg-\[length\:200\%_100\%\] {
2145
- background-size: 200% 100%;
2146
- }
2147
- .object-cover {
2148
- -o-object-fit: cover;
2149
- object-fit: cover;
2150
- }
2151
- .p-0 {
2152
- padding: 0px;
2153
- }
2154
- .p-1 {
2155
- padding: 0.25rem;
2156
- }
2157
- .p-1\.5 {
2158
- padding: 0.375rem;
2159
- }
2160
- .p-2 {
2161
- padding: 0.5rem;
2162
- }
2163
- .p-2\.5 {
2164
- padding: 0.625rem;
2165
- }
2166
- .p-3 {
2167
- padding: 0.75rem;
2168
- }
2169
- .p-4 {
2170
- padding: 1rem;
2171
- }
2172
- .p-6 {
2173
- padding: 1.5rem;
2174
- }
2175
- .p-8 {
2176
- padding: 2rem;
2177
- }
2178
- .p-\[12px\] {
2179
- padding: 12px;
2180
- }
2181
- .p-\[16px\] {
2182
- padding: 16px;
2183
- }
2184
- .p-\[24px\] {
2185
- padding: 24px;
2186
- }
2187
- .p-\[2px\] {
2188
- padding: 2px;
2189
- }
2190
- .p-\[4px\] {
2191
- padding: 4px;
2192
- }
2193
- .p-\[8px\] {
2194
- padding: 8px;
2195
- }
2196
- .px-0 {
2197
- padding-left: 0px;
2198
- padding-right: 0px;
2199
- }
2200
- .px-1 {
2201
- padding-left: 0.25rem;
2202
- padding-right: 0.25rem;
2203
- }
2204
- .px-1\.5 {
2205
- padding-left: 0.375rem;
2206
- padding-right: 0.375rem;
2207
- }
2208
- .px-2 {
2209
- padding-left: 0.5rem;
2210
- padding-right: 0.5rem;
2211
- }
2212
- .px-2\.5 {
2213
- padding-left: 0.625rem;
2214
- padding-right: 0.625rem;
2215
- }
2216
- .px-3 {
2217
- padding-left: 0.75rem;
2218
- padding-right: 0.75rem;
2219
- }
2220
- .px-3\.5 {
2221
- padding-left: 0.875rem;
2222
- padding-right: 0.875rem;
2223
- }
2224
- .px-4 {
2225
- padding-left: 1rem;
2226
- padding-right: 1rem;
2227
- }
2228
- .px-6 {
2229
- padding-left: 1.5rem;
2230
- padding-right: 1.5rem;
2231
- }
2232
- .px-\[10px\] {
2233
- padding-left: 10px;
2234
- padding-right: 10px;
2235
- }
2236
- .px-\[12px\] {
2237
- padding-left: 12px;
2238
- padding-right: 12px;
2239
- }
2240
- .px-\[14px\] {
2241
- padding-left: 14px;
2242
- padding-right: 14px;
2243
- }
2244
- .px-\[16px\] {
2245
- padding-left: 16px;
2246
- padding-right: 16px;
2247
- }
2248
- .px-\[24px\] {
2249
- padding-left: 24px;
2250
- padding-right: 24px;
2251
- }
2252
- .px-\[32px\] {
2253
- padding-left: 32px;
2254
- padding-right: 32px;
2255
- }
2256
- .px-\[4px\] {
2257
- padding-left: 4px;
2258
- padding-right: 4px;
2259
- }
2260
- .px-\[8px\] {
2261
- padding-left: 8px;
2262
- padding-right: 8px;
2263
- }
2264
- .py-0\.5 {
2265
- padding-top: 0.125rem;
2266
- padding-bottom: 0.125rem;
2267
- }
2268
- .py-1 {
2269
- padding-top: 0.25rem;
2270
- padding-bottom: 0.25rem;
2271
- }
2272
- .py-1\.5 {
2273
- padding-top: 0.375rem;
2274
- padding-bottom: 0.375rem;
2275
- }
2276
- .py-2 {
2277
- padding-top: 0.5rem;
2278
- padding-bottom: 0.5rem;
2279
- }
2280
- .py-2\.5 {
2281
- padding-top: 0.625rem;
2282
- padding-bottom: 0.625rem;
2283
- }
2284
- .py-3 {
2285
- padding-top: 0.75rem;
2286
- padding-bottom: 0.75rem;
2287
- }
2288
- .py-4 {
2289
- padding-top: 1rem;
2290
- padding-bottom: 1rem;
2291
- }
2292
- .py-6 {
2293
- padding-top: 1.5rem;
2294
- padding-bottom: 1.5rem;
2295
- }
2296
- .py-8 {
2297
- padding-top: 2rem;
2298
- padding-bottom: 2rem;
2299
- }
2300
- .py-\[10px\] {
2301
- padding-top: 10px;
2302
- padding-bottom: 10px;
2303
- }
2304
- .py-\[12px\] {
2305
- padding-top: 12px;
2306
- padding-bottom: 12px;
2307
- }
2308
- .py-\[13px\] {
2309
- padding-top: 13px;
2310
- padding-bottom: 13px;
2311
- }
2312
- .py-\[16px\] {
2313
- padding-top: 16px;
2314
- padding-bottom: 16px;
2315
- }
2316
- .py-\[24px\] {
2317
- padding-top: 24px;
2318
- padding-bottom: 24px;
2319
- }
2320
- .py-\[2px\] {
2321
- padding-top: 2px;
2322
- padding-bottom: 2px;
2323
- }
2324
- .py-\[32px\] {
2325
- padding-top: 32px;
2326
- padding-bottom: 32px;
2327
- }
2328
- .py-\[4px\] {
2329
- padding-top: 4px;
2330
- padding-bottom: 4px;
2331
- }
2332
- .py-\[6px\] {
2333
- padding-top: 6px;
2334
- padding-bottom: 6px;
2335
- }
2336
- .py-\[8px\] {
2337
- padding-top: 8px;
2338
- padding-bottom: 8px;
2339
- }
2340
- .py-px {
2341
- padding-top: 1px;
2342
- padding-bottom: 1px;
2343
- }
2344
- .pb-1 {
2345
- padding-bottom: 0.25rem;
2346
- }
2347
- .pb-2 {
2348
- padding-bottom: 0.5rem;
2349
- }
2350
- .pb-2\.5 {
2351
- padding-bottom: 0.625rem;
2352
- }
2353
- .pb-4 {
2354
- padding-bottom: 1rem;
2355
- }
2356
- .pb-\[12px\] {
2357
- padding-bottom: 12px;
2358
- }
2359
- .pb-\[16px\] {
2360
- padding-bottom: 16px;
2361
- }
2362
- .pb-\[8px\] {
2363
- padding-bottom: 8px;
2364
- }
2365
- .pl-1 {
2366
- padding-left: 0.25rem;
2367
- }
2368
- .pl-4 {
2369
- padding-left: 1rem;
2370
- }
2371
- .pl-\[12px\] {
2372
- padding-left: 12px;
2373
- }
2374
- .pl-\[16px\] {
2375
- padding-left: 16px;
2376
- }
2377
- .pl-\[32px\] {
2378
- padding-left: 32px;
2379
- }
2380
- .pl-\[36px\] {
2381
- padding-left: 36px;
2382
- }
2383
- .pl-\[8px\] {
2384
- padding-left: 8px;
2385
- }
2386
- .pr-12 {
2387
- padding-right: 3rem;
2388
- }
2389
- .pr-3 {
2390
- padding-right: 0.75rem;
2391
- }
2392
- .pr-\[12px\] {
2393
- padding-right: 12px;
2394
- }
2395
- .pr-\[8px\] {
2396
- padding-right: 8px;
2397
- }
2398
- .pt-0 {
2399
- padding-top: 0px;
2400
- }
2401
- .pt-0\.5 {
2402
- padding-top: 0.125rem;
2403
- }
2404
- .pt-1 {
2405
- padding-top: 0.25rem;
2406
- }
2407
- .pt-2 {
2408
- padding-top: 0.5rem;
2409
- }
2410
- .pt-2\.5 {
2411
- padding-top: 0.625rem;
2412
- }
2413
- .pt-\[8px\] {
2414
- padding-top: 8px;
2415
- }
2416
- .text-left {
2417
- text-align: left;
2418
- }
2419
- .text-center {
2420
- text-align: center;
2421
- }
2422
- .text-right {
2423
- text-align: right;
2424
- }
2425
- .text-end {
2426
- text-align: end;
2427
- }
2428
- .align-middle {
2429
- vertical-align: middle;
2430
- }
2431
- .font-mono {
2432
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2433
- }
2434
- .text-2xl {
2435
- font-size: 1.5rem;
2436
- line-height: 2rem;
2437
- }
2438
- .text-\[10px\] {
2439
- font-size: 10px;
2440
- }
2441
- .text-\[11px\] {
2442
- font-size: 11px;
2443
- }
2444
- .text-\[12px\] {
2445
- font-size: 12px;
2446
- }
2447
- .text-\[13px\] {
2448
- font-size: 13px;
2449
- }
2450
- .text-\[14px\] {
2451
- font-size: 14px;
2452
- }
2453
- .text-\[15px\] {
2454
- font-size: 15px;
2455
- }
2456
- .text-\[16px\] {
2457
- font-size: 16px;
2458
- }
2459
- .text-\[18px\] {
2460
- font-size: 18px;
2461
- }
2462
- .text-\[9px\] {
2463
- font-size: 9px;
2464
- }
2465
- .text-base {
2466
- font-size: 1rem;
2467
- line-height: 1.5rem;
2468
- }
2469
- .text-lg {
2470
- font-size: 1.125rem;
2471
- line-height: 1.75rem;
2472
- }
2473
- .text-sm {
2474
- font-size: 0.875rem;
2475
- line-height: 1.25rem;
2476
- }
2477
- .text-xl {
2478
- font-size: 1.25rem;
2479
- line-height: 1.75rem;
2480
- }
2481
- .text-xs {
2482
- font-size: 0.75rem;
2483
- line-height: 1rem;
2484
- }
2485
- .font-bold {
2486
- font-weight: 700;
2487
- }
2488
- .font-medium {
2489
- font-weight: 500;
2490
- }
2491
- .font-normal {
2492
- font-weight: 400;
2493
- }
2494
- .font-semibold {
2495
- font-weight: 600;
2496
- }
2497
- .uppercase {
2498
- text-transform: uppercase;
2499
- }
2500
- .lowercase {
2501
- text-transform: lowercase;
2502
- }
2503
- .capitalize {
2504
- text-transform: capitalize;
2505
- }
2506
- .italic {
2507
- font-style: italic;
2508
- }
2509
- .not-italic {
2510
- font-style: normal;
2511
- }
2512
- .leading-5 {
2513
- line-height: 1.25rem;
2514
- }
2515
- .leading-\[16px\] {
2516
- line-height: 16px;
2517
- }
2518
- .leading-\[18px\] {
2519
- line-height: 18px;
2520
- }
2521
- .leading-\[20px\] {
2522
- line-height: 20px;
2523
- }
2524
- .leading-\[24px\] {
2525
- line-height: 24px;
2526
- }
2527
- .leading-\[28px\] {
2528
- line-height: 28px;
2529
- }
2530
- .leading-none {
2531
- line-height: 1;
2532
- }
2533
- .leading-relaxed {
2534
- line-height: 1.625;
2535
- }
2536
- .leading-snug {
2537
- line-height: 1.375;
2538
- }
2539
- .tracking-tight {
2540
- letter-spacing: -0.025em;
2541
- }
2542
- .tracking-wide {
2543
- letter-spacing: 0.025em;
2544
- }
2545
- .tracking-wider {
2546
- letter-spacing: 0.05em;
2547
- }
2548
- .\!text-white {
2549
- --tw-text-opacity: 1 !important;
2550
- color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
2551
- }
2552
- .text-\[\#004eeb\] {
2553
- --tw-text-opacity: 1;
2554
- color: rgb(0 78 235 / var(--tw-text-opacity, 1));
2555
- }
2556
- .text-\[\#101828\] {
2557
- --tw-text-opacity: 1;
2558
- color: rgb(16 24 40 / var(--tw-text-opacity, 1));
2559
- }
2560
- .text-\[\#344054\] {
2561
- --tw-text-opacity: 1;
2562
- color: rgb(52 64 84 / var(--tw-text-opacity, 1));
2563
- }
2564
- .text-\[\#475467\] {
2565
- --tw-text-opacity: 1;
2566
- color: rgb(71 84 103 / var(--tw-text-opacity, 1));
2567
- }
2568
- .text-\[\#667085\] {
2569
- --tw-text-opacity: 1;
2570
- color: rgb(102 112 133 / var(--tw-text-opacity, 1));
2571
- }
2572
- .text-\[\#98a2b3\] {
2573
- --tw-text-opacity: 1;
2574
- color: rgb(152 162 179 / var(--tw-text-opacity, 1));
2575
- }
2576
- .text-amber-400 {
2577
- --tw-text-opacity: 1;
2578
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
2579
- }
2580
- .text-amber-600 {
2581
- --tw-text-opacity: 1;
2582
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
2583
- }
2584
- .text-blue-400 {
2585
- --tw-text-opacity: 1;
2586
- color: rgb(82 139 255 / var(--tw-text-opacity, 1));
2587
- }
2588
- .text-blue-500 {
2589
- --tw-text-opacity: 1;
2590
- color: rgb(41 112 255 / var(--tw-text-opacity, 1));
2591
- }
2592
- .text-blue-600 {
2593
- --tw-text-opacity: 1;
2594
- color: rgb(21 94 239 / var(--tw-text-opacity, 1));
2595
- }
2596
- .text-blue-700 {
2597
- --tw-text-opacity: 1;
2598
- color: rgb(0 78 235 / var(--tw-text-opacity, 1));
2599
- }
2600
- .text-blue-800 {
2601
- --tw-text-opacity: 1;
2602
- color: rgb(0 64 193 / var(--tw-text-opacity, 1));
2603
- }
2604
- .text-blue-900 {
2605
- --tw-text-opacity: 1;
2606
- color: rgb(0 53 158 / var(--tw-text-opacity, 1));
2607
- }
2608
- .text-card-foreground {
2609
- color: var(--colors-text-text-primary-900, #101828);
2610
- }
2611
- .text-gray-100 {
2612
- color: var(--colors-background-bg-tertiary, #F2F4F7);
2613
- }
2614
- .text-gray-200 {
2615
- color: var(--colors-background-bg-quaternary, #EAECF0);
2616
- }
2617
- .text-gray-300 {
2618
- color: var(--colors-border-border-primary, #D0D5DD);
2619
- }
2620
- .text-gray-400 {
2621
- color: var(--colors-foreground-fg-disabled, #98A2B3);
2622
- }
2623
- .text-gray-500 {
2624
- color: var(--colors-foreground-fg-quarterary-500, #667085);
2625
- }
2626
- .text-gray-600 {
2627
- color: var(--component-colors-utility-gray-utility-gray-600, #475467);
2628
- }
2629
- .text-gray-700 {
2630
- color: var(--colors-foreground-fg-secondary-700, #344054);
2631
- }
2632
- .text-gray-800 {
2633
- color: var(--component-colors-utility-gray-utility-gray-800, #182230);
2634
- }
2635
- .text-gray-900 {
2636
- color: var(--colors-text-text-primary-900, #101828);
2637
- }
2638
- .text-green-400 {
2639
- --tw-text-opacity: 1;
2640
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2641
- }
2642
- .text-green-500 {
2643
- --tw-text-opacity: 1;
2644
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2645
- }
2646
- .text-green-600 {
2647
- --tw-text-opacity: 1;
2648
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
2649
- }
2650
- .text-green-700 {
2651
- --tw-text-opacity: 1;
2652
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2653
- }
2654
- .text-green-800 {
2655
- --tw-text-opacity: 1;
2656
- color: rgb(22 101 52 / var(--tw-text-opacity, 1));
2657
- }
2658
- .text-muted-foreground {
2659
- color: var(--colors-text-text-secondary-900, #101828);
2660
- }
2661
- .text-orange-600 {
2662
- --tw-text-opacity: 1;
2663
- color: rgb(234 88 12 / var(--tw-text-opacity, 1));
2664
- }
2665
- .text-orange-800 {
2666
- --tw-text-opacity: 1;
2667
- color: rgb(154 52 18 / var(--tw-text-opacity, 1));
2668
- }
2669
- .text-popover-foreground {
2670
- color: var(--colors-text-text-primary-900, #101828);
2671
- }
2672
- .text-purple-400 {
2673
- --tw-text-opacity: 1;
2674
- color: rgb(192 132 252 / var(--tw-text-opacity, 1));
2675
- }
2676
- .text-purple-500 {
2677
- --tw-text-opacity: 1;
2678
- color: rgb(168 85 247 / var(--tw-text-opacity, 1));
2679
- }
2680
- .text-purple-600 {
2681
- --tw-text-opacity: 1;
2682
- color: rgb(147 51 234 / var(--tw-text-opacity, 1));
2683
- }
2684
- .text-purple-800 {
2685
- --tw-text-opacity: 1;
2686
- color: rgb(107 33 168 / var(--tw-text-opacity, 1));
2687
- }
2688
- .text-red-200 {
2689
- --tw-text-opacity: 1;
2690
- color: rgb(254 202 202 / var(--tw-text-opacity, 1));
2691
- }
2692
- .text-red-500 {
2693
- --tw-text-opacity: 1;
2694
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2695
- }
2696
- .text-red-600 {
2697
- --tw-text-opacity: 1;
2698
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2699
- }
2700
- .text-red-700 {
2701
- --tw-text-opacity: 1;
2702
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2703
- }
2704
- .text-violet-300 {
2705
- --tw-text-opacity: 1;
2706
- color: rgb(196 181 253 / var(--tw-text-opacity, 1));
2707
- }
2708
- .text-violet-400 {
2709
- --tw-text-opacity: 1;
2710
- color: rgb(167 139 250 / var(--tw-text-opacity, 1));
2711
- }
2712
- .text-violet-600 {
2713
- --tw-text-opacity: 1;
2714
- color: rgb(124 58 237 / var(--tw-text-opacity, 1));
2715
- }
2716
- .text-violet-700 {
2717
- --tw-text-opacity: 1;
2718
- color: rgb(109 40 217 / var(--tw-text-opacity, 1));
2719
- }
2720
- .text-white {
2721
- --tw-text-opacity: 1;
2722
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2723
- }
2724
- .text-white\/90 {
2725
- color: rgb(255 255 255 / 0.9);
2726
- }
2727
- .text-yellow-600 {
2728
- --tw-text-opacity: 1;
2729
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2730
- }
2731
- .underline {
2732
- text-decoration-line: underline;
2733
- }
2734
- .opacity-0 {
2735
- opacity: 0;
2736
- }
2737
- .opacity-100 {
2738
- opacity: 1;
2739
- }
2740
- .opacity-30 {
2741
- opacity: 0.3;
2742
- }
2743
- .opacity-50 {
2744
- opacity: 0.5;
2745
- }
2746
- .opacity-60 {
2747
- opacity: 0.6;
2748
- }
2749
- .opacity-70 {
2750
- opacity: 0.7;
2751
- }
2752
- .opacity-80 {
2753
- opacity: 0.8;
2754
- }
2755
- .shadow-\[-4px_0_32px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
2756
- --tw-shadow: -4px 0 32px rgba(0,0,0,0.12);
2757
- --tw-shadow-colored: -4px 0 32px var(--tw-shadow-color);
2758
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2759
- }
2760
- .shadow-\[-4px_0_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
2761
- --tw-shadow: -4px 0 32px rgba(0,0,0,0.4);
2762
- --tw-shadow-colored: -4px 0 32px var(--tw-shadow-color);
2763
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2764
- }
2765
- .shadow-\[0_-10px_40px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
2766
- --tw-shadow: 0 -10px 40px rgba(0,0,0,0.2);
2767
- --tw-shadow-colored: 0 -10px 40px var(--tw-shadow-color);
2768
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2769
- }
2770
- .shadow-\[0_24px_48px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
2771
- --tw-shadow: 0 24px 48px rgba(0,0,0,0.2);
2772
- --tw-shadow-colored: 0 24px 48px var(--tw-shadow-color);
2773
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2774
- }
2775
- .shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.04\)\] {
2776
- --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.04);
2777
- --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
2778
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2779
- }
2780
- .shadow-\[0px_20px_24px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_8px_8px_-4px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
2781
- --tw-shadow: 0px 20px 24px -4px rgba(16,24,40,0.08),0px 8px 8px -4px rgba(16,24,40,0.03);
2782
- --tw-shadow-colored: 0px 20px 24px -4px var(--tw-shadow-color), 0px 8px 8px -4px var(--tw-shadow-color);
2783
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2784
- }
2785
- .shadow-\[0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\2c 0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\] {
2786
- --tw-shadow: 0px 4px 6px -2px rgba(16,24,40,0.03),0px 12px 16px -4px rgba(16,24,40,0.08);
2787
- --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
2788
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2789
- }
2790
- .shadow-\[0px_4px_8px_-2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_2px_4px_-2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\] {
2791
- --tw-shadow: 0px 4px 8px -2px rgba(16,24,40,0.08),0px 2px 4px -2px rgba(16,24,40,0.08);
2792
- --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color), 0px 2px 4px -2px var(--tw-shadow-color);
2793
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2794
- }
2795
- .shadow-lg {
2796
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2797
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2798
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2799
- }
2800
- .shadow-md {
2801
- --tw-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.08), 0 1px 2px 0 rgba(16, 24, 40, 0.08);
2802
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
2803
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2804
- }
2805
- .shadow-none {
2806
- --tw-shadow: 0 0 #0000;
2807
- --tw-shadow-colored: 0 0 #0000;
2808
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2809
- }
2810
- .shadow-sm {
2811
- --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
2812
- --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
2813
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2814
- }
2815
- .shadow-tab {
2816
- --tw-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.08), 0 1px 2px 0 rgba(16, 24, 40, 0.08);
2817
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
2818
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2819
- }
2820
- .shadow-xl {
2821
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2822
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2823
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2824
- }
2825
- .shadow-violet-500\/30 {
2826
- --tw-shadow-color: rgb(139 92 246 / 0.3);
2827
- --tw-shadow: var(--tw-shadow-colored);
2828
- }
2829
- .outline-none {
2830
- outline: 2px solid transparent;
2831
- outline-offset: 2px;
2832
- }
2833
- .outline {
2834
- outline-style: solid;
2835
- }
2836
- .ring-2 {
2837
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2838
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2839
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2840
- }
2841
- .ring-blue-500 {
2842
- --tw-ring-opacity: 1;
2843
- --tw-ring-color: rgb(41 112 255 / var(--tw-ring-opacity, 1));
2844
- }
2845
- .blur {
2846
- --tw-blur: blur(8px);
2847
- 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);
2848
- }
2849
- .filter {
2850
- 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);
2851
- }
2852
- .backdrop-blur-sm {
2853
- --tw-backdrop-blur: blur(4px);
2854
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2855
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2856
- }
2857
- .transition-\[flex\] {
2858
- transition-property: flex;
2859
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2860
- transition-duration: 150ms;
2861
- }
2862
- .transition-all {
2863
- transition-property: all;
2864
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2865
- transition-duration: 150ms;
2866
- }
2867
- .transition-colors {
2868
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2869
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2870
- transition-duration: 150ms;
2871
- }
2872
- .transition-opacity {
2873
- transition-property: opacity;
2874
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2875
- transition-duration: 150ms;
2876
- }
2877
- .transition-shadow {
2878
- transition-property: box-shadow;
2879
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2880
- transition-duration: 150ms;
2881
- }
2882
- .transition-transform {
2883
- transition-property: transform;
2884
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2885
- transition-duration: 150ms;
2886
- }
2887
- .duration-100 {
2888
- transition-duration: 100ms;
2889
- }
2890
- .duration-150 {
2891
- transition-duration: 150ms;
2892
- }
2893
- .duration-200 {
2894
- transition-duration: 200ms;
2895
- }
2896
- .duration-300 {
2897
- transition-duration: 300ms;
2898
- }
2899
- .duration-\[250ms\] {
2900
- transition-duration: 250ms;
2901
- }
2902
- .ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
2903
- transition-timing-function: cubic-bezier(0.4,0,0.2,1);
2904
- }
2905
- .ease-in-out {
2906
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2907
- }
2908
- .animate-fade-in {
2909
- animation: fadeIn 0.15s ease-out forwards;
2910
- opacity: 0;
2911
- }
2912
- @keyframes fadeIn {
2913
- 0% {
2914
- opacity: 0;
2915
- transform: scale(0.95);
2916
- }
2917
- 100% {
2918
- opacity: 1;
2919
- transform: scale(1);
2920
- }
2921
- }
2922
-
2923
- /* Prompt Editor Styles */
2924
- .editable-content [contenteditable]:focus {
2925
- outline: none;
2926
- }
2927
-
2928
- .variable-badge {
2929
- display: inline-flex;
2930
- align-items: center;
2931
- gap: 4px;
2932
- padding: 2px 8px;
2933
- background-color: #eff4ff;
2934
- color: #004eeb;
2935
- border-radius: 6px;
2936
- font-size: 13px;
2937
- font-weight: 500;
2938
- -webkit-user-select: none;
2939
- -moz-user-select: none;
2940
- user-select: none;
2941
- margin: 0 2px;
2942
- white-space: nowrap;
2943
- }
2944
-
2945
- .variable-text {
2946
- pointer-events: none;
2947
- }
2948
-
2949
- .variable-close {
2950
- display: inline-flex;
2951
- align-items: center;
2952
- justify-content: center;
2953
- width: 14px;
2954
- height: 14px;
2955
- border-radius: 50%;
2956
- background-color: transparent;
2957
- border: none;
2958
- color: #004eeb;
2959
- font-size: 14px;
2960
- font-weight: 600;
2961
- cursor: pointer;
2962
- line-height: 1;
2963
- padding: 0;
2964
- transition: background-color 0.2s;
2965
- }
2966
-
2967
- .variable-close:hover {
2968
- background-color: #d1e0ff;
2969
- }
2970
-
2971
- .placeholder\:text-\[\#98a2b3\]::-moz-placeholder {
2972
- --tw-text-opacity: 1;
2973
- color: rgb(152 162 179 / var(--tw-text-opacity, 1));
2974
- }
2975
-
2976
- .placeholder\:text-\[\#98a2b3\]::placeholder {
2977
- --tw-text-opacity: 1;
2978
- color: rgb(152 162 179 / var(--tw-text-opacity, 1));
2979
- }
2980
-
2981
- .placeholder\:text-gray-400::-moz-placeholder {
2982
- color: var(--colors-foreground-fg-disabled, #98A2B3);
2983
- }
2984
-
2985
- .placeholder\:text-gray-400::placeholder {
2986
- color: var(--colors-foreground-fg-disabled, #98A2B3);
2987
- }
2988
-
2989
- .placeholder\:text-gray-500::-moz-placeholder {
2990
- color: var(--colors-foreground-fg-quarterary-500, #667085);
2991
- }
2992
-
2993
- .placeholder\:text-gray-500::placeholder {
2994
- color: var(--colors-foreground-fg-quarterary-500, #667085);
2995
- }
2996
-
2997
- .empty\:before\:text-gray-400:empty::before {
2998
- content: var(--tw-content);
2999
- color: var(--colors-foreground-fg-disabled, #98A2B3);
3000
- }
3001
-
3002
- .empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
3003
- --tw-content: attr(data-placeholder);
3004
- content: var(--tw-content);
3005
- }
3006
-
3007
- .focus-within\:border-violet-500:focus-within {
3008
- --tw-border-opacity: 1;
3009
- border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
3010
- }
3011
-
3012
- .focus-within\:shadow-\[0_0_0_4px_rgba\(139\2c 92\2c 246\2c 0\.1\)\]:focus-within {
3013
- --tw-shadow: 0 0 0 4px rgba(139,92,246,0.1);
3014
- --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
3015
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3016
- }
3017
-
3018
- .focus-within\:shadow-\[0_0_0_4px_rgba\(139\2c 92\2c 246\2c 0\.2\)\]:focus-within {
3019
- --tw-shadow: 0 0 0 4px rgba(139,92,246,0.2);
3020
- --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
3021
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3022
- }
3023
-
3024
- .hover\:scale-105:hover {
3025
- --tw-scale-x: 1.05;
3026
- --tw-scale-y: 1.05;
3027
- 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));
3028
- }
3029
-
3030
- .hover\:\!border-blue-600:hover {
3031
- --tw-border-opacity: 1 !important;
3032
- border-color: rgb(21 94 239 / var(--tw-border-opacity, 1)) !important;
3033
- }
3034
-
3035
- .hover\:border-error-600:hover {
3036
- --tw-border-opacity: 1;
3037
- border-color: rgb(217 45 32 / var(--tw-border-opacity, 1));
3038
- }
3039
-
3040
- .hover\:border-gray-300:hover {
3041
- border-color: var(--colors-border-border-primary, #D0D5DD);
3042
- }
3043
-
3044
- .hover\:bg-\[\#f9fafb\]:hover {
3045
- --tw-bg-opacity: 1;
3046
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3047
- }
3048
-
3049
- .hover\:bg-black\/10:hover {
3050
- background-color: rgb(0 0 0 / 0.1);
3051
- }
3052
-
3053
- .hover\:bg-black\/5:hover {
3054
- background-color: rgb(0 0 0 / 0.05);
3055
- }
3056
-
3057
- .hover\:bg-black\/\[0\.02\]:hover {
3058
- background-color: rgb(0 0 0 / 0.02);
3059
- }
3060
-
3061
- .hover\:bg-black\/\[0\.03\]:hover {
3062
- background-color: rgb(0 0 0 / 0.03);
3063
- }
3064
-
3065
- .hover\:bg-black\/\[0\.08\]:hover {
3066
- background-color: rgb(0 0 0 / 0.08);
3067
- }
3068
-
3069
- .hover\:bg-blue-100:hover {
3070
- --tw-bg-opacity: 1;
3071
- background-color: rgb(209 224 255 / var(--tw-bg-opacity, 1));
3072
- }
3073
-
3074
- .hover\:bg-blue-50:hover {
3075
- --tw-bg-opacity: 1;
3076
- background-color: rgb(239 244 255 / var(--tw-bg-opacity, 1));
3077
- }
3078
-
3079
- .hover\:bg-blue-600:hover {
3080
- --tw-bg-opacity: 1;
3081
- background-color: rgb(21 94 239 / var(--tw-bg-opacity, 1));
3082
- }
3083
-
3084
- .hover\:bg-blue-700:hover {
3085
- --tw-bg-opacity: 1;
3086
- background-color: rgb(0 78 235 / var(--tw-bg-opacity, 1));
3087
- }
3088
-
3089
- .hover\:bg-emerald-600:hover {
3090
- --tw-bg-opacity: 1;
3091
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
3092
- }
3093
-
3094
- .hover\:bg-error-600:hover {
3095
- --tw-bg-opacity: 1;
3096
- background-color: rgb(217 45 32 / var(--tw-bg-opacity, 1));
3097
- }
3098
-
3099
- .hover\:bg-gray-100:hover {
3100
- background-color: var(--colors-background-bg-tertiary, #F2F4F7);
3101
- }
3102
-
3103
- .hover\:bg-gray-200:hover {
3104
- background-color: var(--colors-background-bg-quaternary, #EAECF0);
3105
- }
3106
-
3107
- .hover\:bg-gray-300:hover {
3108
- background-color: var(--colors-border-border-primary, #D0D5DD);
3109
- }
3110
-
3111
- .hover\:bg-gray-50:hover {
3112
- background-color: var(--colors-background-bg-active, #F9FAFB);
3113
- }
3114
-
3115
- .hover\:bg-gray-600:hover {
3116
- background-color: var(--component-colors-utility-gray-utility-gray-600, #475467);
3117
- }
3118
-
3119
- .hover\:bg-gray-700:hover {
3120
- background-color: var(--colors-foreground-fg-secondary-700, #344054);
3121
- }
3122
-
3123
- .hover\:bg-green-600:hover {
3124
- --tw-bg-opacity: 1;
3125
- background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
3126
- }
3127
-
3128
- .hover\:bg-purple-600:hover {
3129
- --tw-bg-opacity: 1;
3130
- background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
3131
- }
3132
-
3133
- .hover\:bg-red-50:hover {
3134
- --tw-bg-opacity: 1;
3135
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3136
- }
3137
-
3138
- .hover\:bg-red-500\/20:hover {
3139
- background-color: rgb(239 68 68 / 0.2);
3140
- }
3141
-
3142
- .hover\:bg-red-500\/80:hover {
3143
- background-color: rgb(239 68 68 / 0.8);
3144
- }
3145
-
3146
- .hover\:bg-red-600:hover {
3147
- --tw-bg-opacity: 1;
3148
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
3149
- }
3150
-
3151
- .hover\:bg-violet-500:hover {
3152
- --tw-bg-opacity: 1;
3153
- background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
3154
- }
3155
-
3156
- .hover\:bg-violet-500\/20:hover {
3157
- background-color: rgb(139 92 246 / 0.2);
3158
- }
3159
-
3160
- .hover\:bg-violet-900:hover {
3161
- --tw-bg-opacity: 1;
3162
- background-color: rgb(76 29 149 / var(--tw-bg-opacity, 1));
3163
- }
3164
-
3165
- .hover\:bg-white:hover {
3166
- --tw-bg-opacity: 1;
3167
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3168
- }
3169
-
3170
- .hover\:bg-white\/10:hover {
3171
- background-color: rgb(255 255 255 / 0.1);
3172
- }
3173
-
3174
- .hover\:bg-white\/15:hover {
3175
- background-color: rgb(255 255 255 / 0.15);
3176
- }
3177
-
3178
- .hover\:bg-white\/25:hover {
3179
- background-color: rgb(255 255 255 / 0.25);
3180
- }
3181
-
3182
- .hover\:bg-white\/5:hover {
3183
- background-color: rgb(255 255 255 / 0.05);
3184
- }
3185
-
3186
- .hover\:font-medium:hover {
3187
- font-weight: 500;
3188
- }
3189
-
3190
- .hover\:text-blue-300:hover {
3191
- --tw-text-opacity: 1;
3192
- color: rgb(132 173 255 / var(--tw-text-opacity, 1));
3193
- }
3194
-
3195
- .hover\:text-blue-400:hover {
3196
- --tw-text-opacity: 1;
3197
- color: rgb(82 139 255 / var(--tw-text-opacity, 1));
3198
- }
3199
-
3200
- .hover\:text-blue-700:hover {
3201
- --tw-text-opacity: 1;
3202
- color: rgb(0 78 235 / var(--tw-text-opacity, 1));
3203
- }
3204
-
3205
- .hover\:text-blue-800:hover {
3206
- --tw-text-opacity: 1;
3207
- color: rgb(0 64 193 / var(--tw-text-opacity, 1));
3208
- }
3209
-
3210
- .hover\:text-blue-900:hover {
3211
- --tw-text-opacity: 1;
3212
- color: rgb(0 53 158 / var(--tw-text-opacity, 1));
3213
- }
3214
-
3215
- .hover\:text-gray-200:hover {
3216
- color: var(--colors-background-bg-quaternary, #EAECF0);
3217
- }
3218
-
3219
- .hover\:text-gray-300:hover {
3220
- color: var(--colors-border-border-primary, #D0D5DD);
3221
- }
3222
-
3223
- .hover\:text-gray-600:hover {
3224
- color: var(--component-colors-utility-gray-utility-gray-600, #475467);
3225
- }
3226
-
3227
- .hover\:text-gray-700:hover {
3228
- color: var(--colors-foreground-fg-secondary-700, #344054);
3229
- }
3230
-
3231
- .hover\:text-gray-800:hover {
3232
- color: var(--component-colors-utility-gray-utility-gray-800, #182230);
3233
- }
3234
-
3235
- .hover\:text-gray-900:hover {
3236
- color: var(--colors-text-text-primary-900, #101828);
3237
- }
3238
-
3239
- .hover\:text-red-400:hover {
3240
- --tw-text-opacity: 1;
3241
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
3242
- }
3243
-
3244
- .hover\:text-red-500:hover {
3245
- --tw-text-opacity: 1;
3246
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
3247
- }
3248
-
3249
- .hover\:text-red-600:hover {
3250
- --tw-text-opacity: 1;
3251
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
3252
- }
3253
-
3254
- .hover\:text-white:hover {
3255
- --tw-text-opacity: 1;
3256
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3257
- }
3258
-
3259
- .hover\:opacity-100:hover {
3260
- opacity: 1;
3261
- }
3262
-
3263
- .hover\:opacity-70:hover {
3264
- opacity: 0.7;
3265
- }
3266
-
3267
- .hover\:\!shadow-\[0_1px_4px_0_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_1px_2px_0_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0_0_0_4px_rgba\(41\2c 112\2c 255\2c 0\.24\)\]:hover {
3268
- --tw-shadow: 0 1px 4px 0 rgba(16,24,40,0.08),0 1px 2px 0 rgba(16,24,40,0.08),0 0 0 4px rgba(41,112,255,0.24) !important;
3269
- --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color), 0 0 0 4px var(--tw-shadow-color) !important;
3270
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
3271
- }
3272
-
3273
- .hover\:shadow:hover {
3274
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3275
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3276
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3277
- }
3278
-
3279
- .hover\:shadow-lg:hover {
3280
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3281
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3282
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3283
- }
3284
-
3285
- .hover\:shadow-tab:hover {
3286
- --tw-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.08), 0 1px 2px 0 rgba(16, 24, 40, 0.08);
3287
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
3288
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3289
- }
3290
-
3291
- .hover\:shadow-violet-500\/40:hover {
3292
- --tw-shadow-color: rgb(139 92 246 / 0.4);
3293
- --tw-shadow: var(--tw-shadow-colored);
3294
- }
3295
-
3296
- .focus\:border-blue-500:focus {
3297
- --tw-border-opacity: 1;
3298
- border-color: rgb(41 112 255 / var(--tw-border-opacity, 1));
3299
- }
3300
-
3301
- .focus\:border-transparent:focus {
3302
- border-color: transparent;
3303
- }
3304
-
3305
- .focus\:bg-blue-700:focus {
3306
- --tw-bg-opacity: 1;
3307
- background-color: rgb(0 78 235 / var(--tw-bg-opacity, 1));
3308
- }
3309
-
3310
- .focus\:bg-gray-50:focus {
3311
- background-color: var(--colors-background-bg-active, #F9FAFB);
3312
- }
3313
-
3314
- .focus\:text-accent-foreground:focus {
3315
- color: var(--colors-text-text-secondary-900, #101828);
3316
- }
3317
-
3318
- .focus\:shadow-sm:focus {
3319
- --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
3320
- --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
3321
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3322
- }
3323
-
3324
- .focus\:outline-none:focus {
3325
- outline: 2px solid transparent;
3326
- outline-offset: 2px;
3327
- }
3328
-
3329
- .focus\:ring-0:focus {
3330
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3331
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3332
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3333
- }
3334
-
3335
- .focus\:ring-1:focus {
3336
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3337
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3338
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3339
- }
3340
-
3341
- .focus\:ring-2:focus {
3342
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3343
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3344
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3345
- }
3346
-
3347
- .focus\:ring-inset:focus {
3348
- --tw-ring-inset: inset;
3349
- }
3350
-
3351
- .focus\:ring-blue-500:focus {
3352
- --tw-ring-opacity: 1;
3353
- --tw-ring-color: rgb(41 112 255 / var(--tw-ring-opacity, 1));
3354
- }
3355
-
3356
- .focus-visible\:border-ring:focus-visible {
3357
- border-color: var(--colors-border-border-brand, #84ADFF);
3358
- }
3359
-
3360
- .focus-visible\:outline-none:focus-visible {
3361
- outline: 2px solid transparent;
3362
- outline-offset: 2px;
3363
- }
3364
-
3365
- .focus-visible\:ring-2:focus-visible {
3366
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3367
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3368
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3369
- }
3370
-
3371
- .focus-visible\:ring-ring:focus-visible {
3372
- --tw-ring-color: var(--colors-border-border-brand, #84ADFF);
3373
- }
3374
-
3375
- .active\:scale-95:active {
3376
- --tw-scale-x: .95;
3377
- --tw-scale-y: .95;
3378
- 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));
3379
- }
3380
-
3381
- .active\:cursor-grabbing:active {
3382
- cursor: grabbing;
3383
- }
3384
-
3385
- .disabled\:pointer-events-none:disabled {
3386
- pointer-events: none;
3387
- }
3388
-
3389
- .disabled\:cursor-not-allowed:disabled {
3390
- cursor: not-allowed;
3391
- }
3392
-
3393
- .disabled\:bg-gray-25:disabled {
3394
- background-color: var(--colors-background-bg-secondary_subtle, #FCFCFD);
3395
- }
3396
-
3397
- .disabled\:bg-gray-400:disabled {
3398
- background-color: var(--colors-foreground-fg-disabled, #98A2B3);
3399
- }
3400
-
3401
- .disabled\:opacity-50:disabled {
3402
- opacity: 0.5;
3403
- }
3404
-
3405
- .group:hover .group-hover\:\!opacity-100 {
3406
- opacity: 1 !important;
3407
- }
3408
-
3409
- .group:hover .group-hover\:opacity-100 {
3410
- opacity: 1;
3411
- }
3412
-
3413
- @media (min-width: 640px) {
3414
-
3415
- .sm\:flex-row {
3416
- flex-direction: row;
3417
- }
3418
-
3419
- .sm\:px-6 {
3420
- padding-left: 1.5rem;
3421
- padding-right: 1.5rem;
3422
- }
3423
- }
3424
-
3425
- @media (min-width: 1024px) {
3426
-
3427
- .lg\:col-span-12 {
3428
- grid-column: span 12 / span 12;
3429
- }
3430
-
3431
- .lg\:col-span-3 {
3432
- grid-column: span 3 / span 3;
3433
- }
3434
-
3435
- .lg\:col-span-4 {
3436
- grid-column: span 4 / span 4;
3437
- }
3438
-
3439
- .lg\:col-span-6 {
3440
- grid-column: span 6 / span 6;
3441
- }
3442
-
3443
- .lg\:grid-cols-12 {
3444
- grid-template-columns: repeat(12, minmax(0, 1fr));
3445
- }
3446
-
3447
- .lg\:px-8 {
3448
- padding-left: 2rem;
3449
- padding-right: 2rem;
3450
- }
3451
- }
3452
-
3453
- @media (prefers-color-scheme: dark) {
3454
-
3455
- .dark\:border-gray-700 {
3456
- border-color: var(--colors-foreground-fg-secondary-700, #344054);
3457
- }
3458
-
3459
- .dark\:bg-gray-900 {
3460
- background-color: var(--colors-text-text-primary-900, #101828);
3461
- }
3462
-
3463
- .dark\:from-gray-700 {
3464
- --tw-gradient-from: var(--colors-foreground-fg-secondary-700, #344054) var(--tw-gradient-from-position);
3465
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
3466
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3467
- }
3468
-
3469
- .dark\:via-gray-600 {
3470
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
3471
- --tw-gradient-stops: var(--tw-gradient-from), var(--component-colors-utility-gray-utility-gray-600, #475467) var(--tw-gradient-via-position), var(--tw-gradient-to);
3472
- }
3473
-
3474
- .dark\:to-gray-700 {
3475
- --tw-gradient-to: var(--colors-foreground-fg-secondary-700, #344054) var(--tw-gradient-to-position);
3476
- }
3477
-
3478
- .dark\:text-gray-100 {
3479
- color: var(--colors-background-bg-tertiary, #F2F4F7);
3480
- }
3481
-
3482
- .dark\:text-gray-400 {
3483
- color: var(--colors-foreground-fg-disabled, #98A2B3);
3484
- }
3485
-
3486
- .dark\:placeholder\:text-gray-600::-moz-placeholder {
3487
- color: var(--component-colors-utility-gray-utility-gray-600, #475467);
3488
- }
3489
-
3490
- .dark\:placeholder\:text-gray-600::placeholder {
3491
- color: var(--component-colors-utility-gray-utility-gray-600, #475467);
3492
- }
3493
-
3494
- .dark\:hover\:border-gray-600:hover {
3495
- border-color: var(--component-colors-utility-gray-utility-gray-600, #475467);
3496
- }
3497
-
3498
- .dark\:hover\:bg-gray-700:hover {
3499
- background-color: var(--colors-foreground-fg-secondary-700, #344054);
3500
- }
3501
-
3502
- .dark\:hover\:text-gray-100:hover {
3503
- color: var(--colors-background-bg-tertiary, #F2F4F7);
3504
- }
3505
- } /* K-MD-Editor Styles - Minimal CSS (Tailwind handles most styling) */
3506
-
3507
- /* ============================================================================
3508
- Tippy.js / BubbleMenu Overrides (Required for popup positioning)
3509
- ============================================================================ */
3510
-
3511
- [data-tippy-root] {
3512
- z-index: 99999 !important;
3513
- }
3514
-
3515
- .tippy-box {
3516
- pointer-events: auto !important;
3517
- z-index: 99999 !important;
3518
- }
3519
-
3520
- .tippy-content {
3521
- pointer-events: auto !important;
3522
- }
3523
-
3524
- /* ============================================================================
3525
- Theme Variables - Runtime theming support
3526
- ============================================================================ */
3527
-
3528
- .k-md-editor {
3529
- --k-md-editor-bg: #ffffff;
3530
- --k-md-editor-text: #1f2937;
3531
- --k-md-editor-text-muted: #6b7280;
3532
- --k-md-editor-border: #e5e7eb;
3533
- --k-md-editor-border-focus: #3b82f6;
3534
- --k-md-editor-selection: #dbeafe;
3535
- --k-md-editor-code-bg: #f3f4f6;
3536
- --k-md-editor-link: #2563eb;
3537
- --k-md-editor-placeholder: #9ca3af;
3538
-
3539
- position: relative;
3540
- width: 100%;
3541
- height: 100%;
3542
- background-color: var(--k-md-editor-bg);
3543
- color: var(--k-md-editor-text);
3544
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
3545
- font-size: 15px;
3546
- line-height: 1.6;
3547
- display: flex;
3548
- flex-direction: row;
3549
- }
3550
-
3551
- /* Dark Theme */
3552
- .k-md-editor--dark {
3553
- --k-md-editor-bg: #111827;
3554
- --k-md-editor-text: #f3f4f6;
3555
- --k-md-editor-text-muted: #9ca3af;
3556
- --k-md-editor-border: #374151;
3557
- --k-md-editor-border-focus: #60a5fa;
3558
- --k-md-editor-selection: #1e3a5f;
3559
- --k-md-editor-code-bg: #1f2937;
3560
- --k-md-editor-link: #60a5fa;
3561
- --k-md-editor-placeholder: #6b7280;
3562
- }
3563
-
3564
- /* Ocean Light */
3565
- .k-md-editor--ocean-light {
3566
- --k-md-editor-bg: #f0f7ff;
3567
- --k-md-editor-text: #0c4a6e;
3568
- --k-md-editor-text-muted: #0369a1;
3569
- --k-md-editor-border: #bae6fd;
3570
- --k-md-editor-border-focus: #0284c7;
3571
- --k-md-editor-selection: #e0f2fe;
3572
- --k-md-editor-code-bg: #e0f2fe;
3573
- --k-md-editor-link: #0284c7;
3574
- --k-md-editor-placeholder: #7dd3fc;
3575
- }
3576
-
3577
- /* Ocean Dark */
3578
- .k-md-editor--ocean-dark {
3579
- --k-md-editor-bg: #0c1929;
3580
- --k-md-editor-text: #e0f2fe;
3581
- --k-md-editor-text-muted: #7dd3fc;
3582
- --k-md-editor-border: #164e63;
3583
- --k-md-editor-border-focus: #22d3ee;
3584
- --k-md-editor-selection: #164e63;
3585
- --k-md-editor-code-bg: #0e2a3d;
3586
- --k-md-editor-link: #22d3ee;
3587
- --k-md-editor-placeholder: #0e7490;
3588
- }
3589
-
3590
- /* Forest Light */
3591
- .k-md-editor--forest-light {
3592
- --k-md-editor-bg: #f0fdf4;
3593
- --k-md-editor-text: #14532d;
3594
- --k-md-editor-text-muted: #166534;
3595
- --k-md-editor-border: #bbf7d0;
3596
- --k-md-editor-border-focus: #16a34a;
3597
- --k-md-editor-selection: #dcfce7;
3598
- --k-md-editor-code-bg: #dcfce7;
3599
- --k-md-editor-link: #16a34a;
3600
- --k-md-editor-placeholder: #86efac;
3601
- }
3602
-
3603
- /* Forest Dark */
3604
- .k-md-editor--forest-dark {
3605
- --k-md-editor-bg: #052e16;
3606
- --k-md-editor-text: #dcfce7;
3607
- --k-md-editor-text-muted: #86efac;
3608
- --k-md-editor-border: #166534;
3609
- --k-md-editor-border-focus: #4ade80;
3610
- --k-md-editor-selection: #14532d;
3611
- --k-md-editor-code-bg: #0a3d1f;
3612
- --k-md-editor-link: #4ade80;
3613
- --k-md-editor-placeholder: #166534;
3614
- }
3615
-
3616
- /* Sunset Light */
3617
- .k-md-editor--sunset-light {
3618
- --k-md-editor-bg: #fffbeb;
3619
- --k-md-editor-text: #78350f;
3620
- --k-md-editor-text-muted: #92400e;
3621
- --k-md-editor-border: #fde68a;
3622
- --k-md-editor-border-focus: #f59e0b;
3623
- --k-md-editor-selection: #fef3c7;
3624
- --k-md-editor-code-bg: #fef3c7;
3625
- --k-md-editor-link: #d97706;
3626
- --k-md-editor-placeholder: #fbbf24;
3627
- }
3628
-
3629
- /* Sunset Dark */
3630
- .k-md-editor--sunset-dark {
3631
- --k-md-editor-bg: #1c1208;
3632
- --k-md-editor-text: #fef3c7;
3633
- --k-md-editor-text-muted: #fcd34d;
3634
- --k-md-editor-border: #78350f;
3635
- --k-md-editor-border-focus: #fbbf24;
3636
- --k-md-editor-selection: #451a03;
3637
- --k-md-editor-code-bg: #292011;
3638
- --k-md-editor-link: #fbbf24;
3639
- --k-md-editor-placeholder: #92400e;
3640
- }
3641
-
3642
- /* ============================================================================
3643
- Editor States
3644
- ============================================================================ */
3645
-
3646
- /* Readonly and loading states now use Tailwind utilities in component */
3647
-
3648
- /* ============================================================================
3649
- Editor Layout
3650
- ============================================================================ */
3651
-
3652
- /* Layout classes now use Tailwind utilities in component */
3653
- /* k-md-editor__content class kept for ProseMirror and scrollbar styling selectors */
3654
-
3655
- .k-md-editor--drag-enabled .k-md-editor__content .ProseMirror {
3656
- padding-left: 52px;
3657
- }
3658
-
3659
- /* ============================================================================
3660
- ProseMirror Content Styling (Required - can't be Tailwind)
3661
- ============================================================================ */
3662
-
3663
- .k-md-editor__content .ProseMirror {
3664
- outline: none;
3665
- padding: 16px 20px;
3666
- min-height: 100%;
3667
- }
3668
-
3669
- .k-md-editor__content .ProseMirror:focus {
3670
- outline: none;
3671
- }
3672
-
3673
- /* Placeholder */
3674
- .k-md-editor__content .ProseMirror > p.is-empty::before,
3675
- .k-md-editor__content .ProseMirror li > p.is-empty::before,
3676
- .k-md-editor__content .ProseMirror blockquote > p.is-empty::before {
3677
- content: attr(data-placeholder);
3678
- color: var(--k-md-editor-placeholder);
3679
- float: left;
3680
- height: 0;
3681
- pointer-events: none;
3682
- }
3683
-
3684
- .k-md-editor__content .ProseMirror .tableWrapper.is-empty::before,
3685
- .k-md-editor__content .ProseMirror table .is-empty::before,
3686
- .k-md-editor__content .ProseMirror td.is-empty::before,
3687
- .k-md-editor__content .ProseMirror th.is-empty::before {
3688
- content: none !important;
3689
- display: none !important;
3690
- }
3691
-
3692
- /* Selection */
3693
- .k-md-editor__content .ProseMirror ::-moz-selection {
3694
- background-color: var(--k-md-editor-selection);
3695
- }
3696
- .k-md-editor__content .ProseMirror ::selection {
3697
- background-color: var(--k-md-editor-selection);
3698
- }
3699
-
3700
- /* Typography */
3701
- .k-md-editor__content .ProseMirror h1,
3702
- .k-md-editor__content .ProseMirror h2,
3703
- .k-md-editor__content .ProseMirror h3 {
3704
- font-weight: 600;
3705
- line-height: 1.3;
3706
- margin: 1.5em 0 0.5em;
3707
- }
3708
-
3709
- .k-md-editor__content .ProseMirror h1:first-child,
3710
- .k-md-editor__content .ProseMirror h2:first-child,
3711
- .k-md-editor__content .ProseMirror h3:first-child {
3712
- margin-top: 0;
3713
- }
3714
-
3715
- .k-md-editor__content .ProseMirror h1 { font-size: 1.875rem; }
3716
- .k-md-editor__content .ProseMirror h2 { font-size: 1.5rem; }
3717
- .k-md-editor__content .ProseMirror h3 { font-size: 1.25rem; }
3718
-
3719
- .k-md-editor__content .ProseMirror p {
3720
- margin: 0 0 0.75em;
3721
- }
3722
-
3723
- .k-md-editor__content .ProseMirror p:last-child {
3724
- margin-bottom: 0;
3725
- }
3726
-
3727
- /* Lists */
3728
- .k-md-editor__content .ProseMirror ul,
3729
- .k-md-editor__content .ProseMirror ol {
3730
- margin: 0.75em 0;
3731
- padding-left: 1.5em;
3732
- }
3733
-
3734
- .k-md-editor__content .ProseMirror ul { list-style-type: disc; }
3735
- .k-md-editor__content .ProseMirror ol { list-style-type: decimal; }
3736
- .k-md-editor__content .ProseMirror ul ul { list-style-type: circle; }
3737
- .k-md-editor__content .ProseMirror ul ul ul { list-style-type: square; }
3738
-
3739
- .k-md-editor__content .ProseMirror li {
3740
- margin: 0.25em 0;
3741
- display: list-item;
3742
- }
3743
-
3744
- .k-md-editor__content .ProseMirror li > p {
3745
- margin: 0;
3746
- }
3747
-
3748
- /* Code */
3749
- .k-md-editor__content .ProseMirror code {
3750
- font-family: 'SF Mono', 'Fira Code', monospace;
3751
- font-size: 0.9em;
3752
- background-color: var(--k-md-editor-code-bg);
3753
- padding: 0.2em 0.4em;
3754
- border-radius: 4px;
3755
- }
3756
-
3757
- .k-md-editor__content .ProseMirror pre {
3758
- background-color: var(--k-md-editor-code-bg);
3759
- padding: 12px 16px;
3760
- border-radius: 8px;
3761
- overflow-x: auto;
3762
- margin: 0.75em 0;
3763
- }
3764
-
3765
- .k-md-editor__content .ProseMirror pre code {
3766
- background: none;
3767
- padding: 0;
3768
- font-size: 0.875rem;
3769
- }
3770
-
3771
- /* Blockquote */
3772
- .k-md-editor__content .ProseMirror blockquote {
3773
- border-left: 3px solid var(--k-md-editor-border);
3774
- margin: 0.75em 0;
3775
- padding-left: 1em;
3776
- color: var(--k-md-editor-text-muted);
3777
- }
3778
-
3779
- .k-md-editor__content .ProseMirror blockquote p {
3780
- margin: 0;
3781
- }
3782
-
3783
- /* Links */
3784
- .k-md-editor__content .ProseMirror a {
3785
- color: var(--k-md-editor-link);
3786
- text-decoration: none;
3787
- cursor: pointer;
3788
- }
3789
-
3790
- .k-md-editor__content .ProseMirror a:hover {
3791
- text-decoration: underline;
3792
- }
3793
-
3794
- /* Horizontal Rule */
3795
- .k-md-editor__content .ProseMirror hr {
3796
- border: none;
3797
- border-top: 1px solid var(--k-md-editor-border);
3798
- margin: 1.5em 0;
3799
- }
3800
-
3801
- /* Table */
3802
- .k-md-editor__content .ProseMirror table {
3803
- border-collapse: collapse;
3804
- width: 100%;
3805
- margin: 1em 0;
3806
- table-layout: fixed;
3807
- }
3808
-
3809
- .k-md-editor__content .ProseMirror table td,
3810
- .k-md-editor__content .ProseMirror table th {
3811
- border: 1px solid var(--k-md-editor-border);
3812
- padding: 10px 12px;
3813
- position: relative;
3814
- text-align: left;
3815
- vertical-align: top;
3816
- min-width: 100px;
3817
- }
3818
-
3819
- .k-md-editor__content .ProseMirror table th {
3820
- background-color: var(--k-md-editor-code-bg);
3821
- font-weight: 600;
3822
- }
3823
-
3824
- .k-md-editor__content .ProseMirror table .selectedCell::after {
3825
- content: '';
3826
- position: absolute;
3827
- inset: 0;
3828
- background-color: var(--k-md-editor-selection);
3829
- pointer-events: none;
3830
- z-index: 1;
3831
- }
3832
-
3833
- .k-md-editor__content .ProseMirror .column-resize-handle {
3834
- position: absolute;
3835
- right: -2px;
3836
- top: 0;
3837
- bottom: 0;
3838
- width: 4px;
3839
- cursor: col-resize;
3840
- background-color: var(--k-md-editor-border-focus);
3841
- z-index: 10;
3842
- }
3843
-
3844
- .k-md-editor__content .ProseMirror .tableWrapper {
3845
- overflow-x: auto;
3846
- margin: 1em 0;
3847
- }
3848
-
3849
- /* ============================================================================
3850
- Drag Handle - Only CSS needed for pseudo-elements and JS-added states
3851
- ============================================================================ */
3852
-
3853
- /* Drop Indicator - needs CSS for ::before/::after pseudo-elements */
3854
- .k-md-editor-drop-indicator {
3855
- position: absolute;
3856
- left: 52px;
3857
- right: 16px;
3858
- height: 3px;
3859
- background: linear-gradient(90deg, #3b82f6, #60a5fa);
3860
- border-radius: 2px;
3861
- z-index: 20;
3862
- pointer-events: none;
3863
- box-shadow: 0 0 8px rgba(59, 130, 246, 0.4);
3864
- }
3865
-
3866
- .k-md-editor-drop-indicator::before,
3867
- .k-md-editor-drop-indicator::after {
3868
- content: '';
3869
- position: absolute;
3870
- top: -4px;
3871
- width: 10px;
3872
- height: 10px;
3873
- background-color: #3b82f6;
3874
- border-radius: 50%;
3875
- border: 2px solid white;
3876
- }
3877
-
3878
- .k-md-editor-drop-indicator::before { left: -5px; }
3879
- .k-md-editor-drop-indicator::after { right: -5px; }
3880
-
3881
- /* Dragging States - added via JavaScript */
3882
- .k-md-editor--dragging {
3883
- cursor: grabbing !important;
3884
- }
3885
-
3886
- .k-md-editor--dragging * {
3887
- cursor: grabbing !important;
3888
- }
3889
-
3890
- .k-md-editor--dragging .ProseMirror {
3891
- -webkit-user-select: none;
3892
- -moz-user-select: none;
3893
- user-select: none;
3894
- }
3895
-
3896
- .k-md-editor-block--dragging {
3897
- opacity: 0.4;
3898
- background-color: rgba(59, 130, 246, 0.05);
3899
- border-radius: 4px;
3900
- }
3901
-
3902
- /* ============================================================================
3903
- Animations (Referenced by Tailwind arbitrary values)
3904
- ============================================================================ */
3905
-
3906
- @keyframes ai-message-in {
3907
- from { opacity: 0; transform: translateY(10px); }
3908
- to { opacity: 1; transform: translateY(0); }
3909
- }
3910
-
3911
- @keyframes ai-new-selection-in {
3912
- from { opacity: 0; transform: translateY(-8px) scale(0.98); }
3913
- to { opacity: 1; transform: translateY(0) scale(1); }
3914
- }
3915
-
3916
- @keyframes ai-loading-slide {
3917
- 0% { transform: translateX(-100%); }
3918
- 100% { transform: translateX(350%); }
3919
- }
3920
-
3921
- @keyframes ai-panel-slide-in {
3922
- from { width: 0; min-width: 0; opacity: 0; }
3923
- to { width: 400px; min-width: 340px; opacity: 1; }
3924
- }
3925
-
3926
- @keyframes ai-backdrop-in {
3927
- from { opacity: 0; }
3928
- to { opacity: 1; }
3929
- }
3930
-
3931
- @keyframes ai-popup-scale-in {
3932
- from { transform: scale(0.9) translateY(20px); opacity: 0; }
3933
- to { transform: scale(1) translateY(0); opacity: 1; }
3934
- }
3935
-
3936
- @keyframes ai-drawer-slide-up {
3937
- from { transform: translateY(100%); }
3938
- to { transform: translateY(0); }
3939
- }
3940
-
3941
- /* ============================================================================
3942
- Scrollbar Styles - Subtle, appears on hover
3943
- ============================================================================ */
3944
-
3945
- /* Main editor scrollbar */
3946
- .k-md-editor__content::-webkit-scrollbar {
3947
- width: 6px;
3948
- height: 6px;
3949
- }
3950
-
3951
- .k-md-editor__content::-webkit-scrollbar-track {
3952
- background: transparent;
3953
- }
3954
-
3955
- .k-md-editor__content::-webkit-scrollbar-thumb {
3956
- background-color: transparent;
3957
- border-radius: 3px;
3958
- -webkit-transition: background-color 0.2s;
3959
- transition: background-color 0.2s;
3960
- }
3961
-
3962
- .k-md-editor__content:hover::-webkit-scrollbar-thumb {
3963
- background-color: rgba(0, 0, 0, 0.15);
3964
- }
3965
-
3966
- .k-md-editor--dark .k-md-editor__content:hover::-webkit-scrollbar-thumb {
3967
- background-color: rgba(255, 255, 255, 0.15);
3968
- }
3969
-
3970
- .k-md-editor__content::-webkit-scrollbar-thumb:hover {
3971
- background-color: rgba(0, 0, 0, 0.25);
3972
- }
3973
-
3974
- .k-md-editor--dark .k-md-editor__content::-webkit-scrollbar-thumb:hover {
3975
- background-color: rgba(255, 255, 255, 0.25);
3976
- }
3977
-
3978
- /* AI Panel scrollbar - extra subtle */
3979
- .k-md-editor [class*="overflow-y-auto"]::-webkit-scrollbar {
3980
- width: 4px;
3981
- }
3982
-
3983
- .k-md-editor [class*="overflow-y-auto"]::-webkit-scrollbar-track {
3984
- background: transparent;
3985
- }
3986
-
3987
- .k-md-editor [class*="overflow-y-auto"]::-webkit-scrollbar-thumb {
3988
- background-color: transparent;
3989
- border-radius: 2px;
3990
- }
3991
-
3992
- .k-md-editor [class*="overflow-y-auto"]:hover::-webkit-scrollbar-thumb {
3993
- background-color: rgba(0, 0, 0, 0.1);
3994
- }
3995
-
3996
- .k-md-editor--dark [class*="overflow-y-auto"]:hover::-webkit-scrollbar-thumb,
3997
- .k-md-editor [class*="overflow-y-auto"][class*="from-gray-900"]:hover::-webkit-scrollbar-thumb {
3998
- background-color: rgba(255, 255, 255, 0.1);
3999
- }
4000
-
4001
- /* ============================================================================
4002
- AI Selection Box - Snake Border Animation
4003
- ============================================================================ */
4004
-
4005
- .k-md-editor-snake-border {
4006
- position: relative;
4007
- border-color: transparent !important;
4008
- background:
4009
- linear-gradient(var(--snake-bg, #fafafa), var(--snake-bg, #fafafa)) padding-box,
4010
- conic-gradient(
4011
- from var(--snake-angle, 0deg),
4012
- transparent 0deg,
4013
- transparent 60deg,
4014
- #8b5cf6 80deg,
4015
- #c4b5fd 90deg,
4016
- #8b5cf6 100deg,
4017
- transparent 120deg,
4018
- transparent 360deg
4019
- ) border-box;
4020
- border: 2px solid transparent;
4021
- animation: snake-spin 1.2s linear infinite;
4022
- }
4023
-
4024
- /* Light theme background */
4025
- .k-md-editor-snake-border {
4026
- --snake-bg: #f9fafb;
4027
- }
4028
-
4029
- /* Dark theme background */
4030
- .k-md-editor--dark .k-md-editor-snake-border,
4031
- [data-theme*="dark"] .k-md-editor-snake-border {
4032
- --snake-bg: #1f2937;
4033
- }
4034
-
4035
- /* Use @property for smooth angle animation (Chrome/Edge) */
4036
- @supports (background: conic-gradient(from 0deg, red, blue)) {
4037
- @property --snake-angle {
4038
- syntax: '<angle>';
4039
- initial-value: 0deg;
4040
- inherits: false;
4041
- }
4042
-
4043
- @keyframes snake-spin {
4044
- to {
4045
- --snake-angle: 360deg;
4046
- }
4047
- }
4048
- }
4049
-
4050
- /* Fallback for Firefox/Safari - use pseudo-element rotation */
4051
- @supports not (background: paint(something)) {
4052
- .k-md-editor-snake-border::before {
4053
- content: '';
4054
- position: absolute;
4055
- inset: -2px;
4056
- border-radius: inherit;
4057
- background: conic-gradient(
4058
- from 0deg,
4059
- transparent 0deg,
4060
- transparent 60deg,
4061
- #8b5cf6 80deg,
4062
- #c4b5fd 90deg,
4063
- #8b5cf6 100deg,
4064
- transparent 120deg,
4065
- transparent 360deg
4066
- );
4067
- animation: snake-rotate 1.2s linear infinite;
4068
- z-index: -1;
4069
- }
4070
-
4071
- .k-md-editor-snake-border::after {
4072
- content: '';
4073
- position: absolute;
4074
- inset: 0;
4075
- border-radius: calc(0.5rem - 2px);
4076
- background: var(--snake-bg, #f9fafb);
4077
- z-index: -1;
4078
- }
4079
-
4080
- @keyframes snake-rotate {
4081
- from { transform: rotate(0deg); }
4082
- to { transform: rotate(360deg); }
4083
- }
4084
- }
4085
-
4086
- /* ============================================================================
4087
- Raw Markdown Textarea
4088
- ============================================================================ */
4089
-
4090
- .k-md-editor__raw-textarea {
4091
- font-family: 'SF Mono', 'Fira Code', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
4092
- font-size: 14px;
4093
- line-height: 1.7;
4094
- -moz-tab-size: 2;
4095
- -o-tab-size: 2;
4096
- tab-size: 2;
4097
- white-space: pre-wrap;
4098
- word-wrap: break-word;
4099
- overflow-wrap: break-word;
4100
- }
4101
-
4102
- /* Light theme */
4103
- .k-md-editor .k-md-editor__raw-textarea {
4104
- background-color: #fafafa;
4105
- color: #1f2937;
4106
- }
4107
-
4108
- .k-md-editor .k-md-editor__raw-textarea::-moz-placeholder {
4109
- color: #9ca3af;
4110
- }
4111
-
4112
- .k-md-editor .k-md-editor__raw-textarea::placeholder {
4113
- color: #9ca3af;
4114
- }
4115
-
4116
- /* Dark theme */
4117
- .k-md-editor--dark .k-md-editor__raw-textarea {
4118
- background-color: #111827;
4119
- color: #f3f4f6;
4120
- }
4121
-
4122
- .k-md-editor--dark .k-md-editor__raw-textarea::-moz-placeholder {
4123
- color: #6b7280;
4124
- }
4125
-
4126
- .k-md-editor--dark .k-md-editor__raw-textarea::placeholder {
4127
- color: #6b7280;
4128
- }
4129
-
4130
- /* Scrollbar for raw textarea */
4131
- .k-md-editor__raw-textarea::-webkit-scrollbar {
4132
- width: 6px;
4133
- height: 6px;
4134
- }
4135
-
4136
- .k-md-editor__raw-textarea::-webkit-scrollbar-track {
4137
- background: transparent;
4138
- }
4139
-
4140
- .k-md-editor__raw-textarea::-webkit-scrollbar-thumb {
4141
- background-color: rgba(0, 0, 0, 0.1);
4142
- border-radius: 3px;
4143
- }
4144
-
4145
- .k-md-editor__raw-textarea::-webkit-scrollbar-thumb:hover {
4146
- background-color: rgba(0, 0, 0, 0.2);
4147
- }
4148
-
4149
- .k-md-editor--dark .k-md-editor__raw-textarea::-webkit-scrollbar-thumb {
4150
- background-color: rgba(255, 255, 255, 0.1);
4151
- }
4152
-
4153
- .k-md-editor--dark .k-md-editor__raw-textarea::-webkit-scrollbar-thumb:hover {
4154
- background-color: rgba(255, 255, 255, 0.2);
4155
- }
4156
-
4157
- /* ============================================================================
4158
- Print Styles
4159
- ============================================================================ */
4160
-
4161
- @media print {
4162
- .k-md-editor {
4163
- background: white;
4164
- color: black;
4165
- }
4166
-
4167
- .k-md-editor-drag-handle-container {
4168
- display: none;
4169
- }
4170
- }