@copilotkitnext/angular 0.0.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 (169) hide show
  1. package/.turbo/turbo-build.log +39 -0
  2. package/.turbo/turbo-check-types.log +0 -0
  3. package/.turbo/turbo-test.log +71 -0
  4. package/LICENSE +10 -0
  5. package/README-agent-context.md +310 -0
  6. package/dist/LICENSE +10 -0
  7. package/dist/components/chat/copilot-chat-assistant-message-buttons.component.d.ts +75 -0
  8. package/dist/components/chat/copilot-chat-assistant-message-renderer.component.d.ts +31 -0
  9. package/dist/components/chat/copilot-chat-assistant-message-toolbar.component.d.ts +8 -0
  10. package/dist/components/chat/copilot-chat-assistant-message.component.d.ts +131 -0
  11. package/dist/components/chat/copilot-chat-assistant-message.types.d.ts +31 -0
  12. package/dist/components/chat/copilot-chat-audio-recorder.component.d.ts +40 -0
  13. package/dist/components/chat/copilot-chat-buttons.component.d.ts +66 -0
  14. package/dist/components/chat/copilot-chat-input-defaults.d.ts +37 -0
  15. package/dist/components/chat/copilot-chat-input.component.d.ts +133 -0
  16. package/dist/components/chat/copilot-chat-input.types.d.ts +129 -0
  17. package/dist/components/chat/copilot-chat-message-view-cursor.component.d.ts +15 -0
  18. package/dist/components/chat/copilot-chat-message-view.component.d.ts +293 -0
  19. package/dist/components/chat/copilot-chat-message-view.types.d.ts +24 -0
  20. package/dist/components/chat/copilot-chat-textarea.component.d.ts +45 -0
  21. package/dist/components/chat/copilot-chat-tool-calls-view.component.d.ts +35 -0
  22. package/dist/components/chat/copilot-chat-toolbar.component.d.ts +8 -0
  23. package/dist/components/chat/copilot-chat-tools-menu.component.d.ts +20 -0
  24. package/dist/components/chat/copilot-chat-user-message-branch-navigation.component.d.ts +23 -0
  25. package/dist/components/chat/copilot-chat-user-message-buttons.component.d.ts +39 -0
  26. package/dist/components/chat/copilot-chat-user-message-renderer.component.d.ts +9 -0
  27. package/dist/components/chat/copilot-chat-user-message-toolbar.component.d.ts +8 -0
  28. package/dist/components/chat/copilot-chat-user-message.component.d.ts +55 -0
  29. package/dist/components/chat/copilot-chat-user-message.types.d.ts +33 -0
  30. package/dist/components/chat/copilot-chat-view-disclaimer.component.d.ts +15 -0
  31. package/dist/components/chat/copilot-chat-view-feather.component.d.ts +15 -0
  32. package/dist/components/chat/copilot-chat-view-handlers.service.d.ts +11 -0
  33. package/dist/components/chat/copilot-chat-view-input-container.component.d.ts +23 -0
  34. package/dist/components/chat/copilot-chat-view-scroll-to-bottom-button.component.d.ts +17 -0
  35. package/dist/components/chat/copilot-chat-view-scroll-view.component.d.ts +84 -0
  36. package/dist/components/chat/copilot-chat-view.component.d.ts +205 -0
  37. package/dist/components/chat/copilot-chat-view.types.d.ts +42 -0
  38. package/dist/components/chat/copilot-chat.component.d.ts +37 -0
  39. package/dist/components/copilotkit-tool-render.component.d.ts +25 -0
  40. package/dist/core/chat-configuration/chat-configuration.providers.d.ts +54 -0
  41. package/dist/core/chat-configuration/chat-configuration.service.d.ts +75 -0
  42. package/dist/core/chat-configuration/chat-configuration.types.d.ts +27 -0
  43. package/dist/core/copilotkit.providers.d.ts +13 -0
  44. package/dist/core/copilotkit.service.d.ts +119 -0
  45. package/dist/core/copilotkit.types.d.ts +83 -0
  46. package/dist/directives/copilotkit-agent-context.directive.d.ts +68 -0
  47. package/dist/directives/copilotkit-agent.directive.d.ts +106 -0
  48. package/dist/directives/copilotkit-chat-config.directive.d.ts +84 -0
  49. package/dist/directives/copilotkit-config.directive.d.ts +44 -0
  50. package/dist/directives/copilotkit-frontend-tool.directive.d.ts +25 -0
  51. package/dist/directives/copilotkit-human-in-the-loop.directive.d.ts +124 -0
  52. package/dist/directives/stick-to-bottom.directive.d.ts +62 -0
  53. package/dist/fesm2022/copilotkitnext-angular.mjs +9314 -0
  54. package/dist/fesm2022/copilotkitnext-angular.mjs.map +1 -0
  55. package/dist/index.d.ts +55 -0
  56. package/dist/lib/directives/tooltip.directive.d.ts +33 -0
  57. package/dist/lib/slots/copilot-slot.component.d.ts +34 -0
  58. package/dist/lib/slots/slot.types.d.ts +55 -0
  59. package/dist/lib/slots/slot.utils.d.ts +108 -0
  60. package/dist/lib/utils.d.ts +6 -0
  61. package/dist/services/resize-observer.service.d.ts +44 -0
  62. package/dist/services/scroll-position.service.d.ts +50 -0
  63. package/dist/styles.css +1963 -0
  64. package/dist/types/frontend-tool.d.ts +37 -0
  65. package/dist/types/human-in-the-loop.d.ts +44 -0
  66. package/dist/utils/agent-context.utils.d.ts +75 -0
  67. package/dist/utils/agent.utils.d.ts +99 -0
  68. package/dist/utils/chat-config.utils.d.ts +166 -0
  69. package/dist/utils/copilotkit.utils.d.ts +16 -0
  70. package/dist/utils/frontend-tool.utils.d.ts +119 -0
  71. package/dist/utils/human-in-the-loop.utils.d.ts +92 -0
  72. package/eslint.config.mjs +20 -0
  73. package/ng-package.json +19 -0
  74. package/package.json +96 -0
  75. package/slots.md +331 -0
  76. package/src/components/chat/__tests__/copilot-chat-assistant-message.component.spec.ts +282 -0
  77. package/src/components/chat/__tests__/copilot-chat-input.component.spec.ts +419 -0
  78. package/src/components/chat/__tests__/copilot-chat-message-view.component.spec.ts +372 -0
  79. package/src/components/chat/__tests__/copilot-chat-user-message.component.spec.ts +249 -0
  80. package/src/components/chat/copilot-chat-assistant-message-buttons.component.ts +292 -0
  81. package/src/components/chat/copilot-chat-assistant-message-renderer.component.ts +472 -0
  82. package/src/components/chat/copilot-chat-assistant-message-toolbar.component.ts +29 -0
  83. package/src/components/chat/copilot-chat-assistant-message.component.ts +463 -0
  84. package/src/components/chat/copilot-chat-assistant-message.types.ts +50 -0
  85. package/src/components/chat/copilot-chat-audio-recorder.component.ts +241 -0
  86. package/src/components/chat/copilot-chat-buttons.component.ts +308 -0
  87. package/src/components/chat/copilot-chat-buttons.component.ts.bak +471 -0
  88. package/src/components/chat/copilot-chat-input-defaults.ts +47 -0
  89. package/src/components/chat/copilot-chat-input.component.ts +512 -0
  90. package/src/components/chat/copilot-chat-input.types.ts +148 -0
  91. package/src/components/chat/copilot-chat-message-view-cursor.component.ts +51 -0
  92. package/src/components/chat/copilot-chat-message-view.component.ts +233 -0
  93. package/src/components/chat/copilot-chat-message-view.types.ts +39 -0
  94. package/src/components/chat/copilot-chat-textarea.component.ts +220 -0
  95. package/src/components/chat/copilot-chat-tool-calls-view.component.ts +261 -0
  96. package/src/components/chat/copilot-chat-toolbar.component.ts +35 -0
  97. package/src/components/chat/copilot-chat-tools-menu.component.ts +185 -0
  98. package/src/components/chat/copilot-chat-user-message-branch-navigation.component.ts +121 -0
  99. package/src/components/chat/copilot-chat-user-message-buttons.component.ts +170 -0
  100. package/src/components/chat/copilot-chat-user-message-renderer.component.ts +37 -0
  101. package/src/components/chat/copilot-chat-user-message-toolbar.component.ts +37 -0
  102. package/src/components/chat/copilot-chat-user-message.component.ts +247 -0
  103. package/src/components/chat/copilot-chat-user-message.types.ts +42 -0
  104. package/src/components/chat/copilot-chat-view-disclaimer.component.ts +51 -0
  105. package/src/components/chat/copilot-chat-view-feather.component.ts +47 -0
  106. package/src/components/chat/copilot-chat-view-handlers.service.ts +14 -0
  107. package/src/components/chat/copilot-chat-view-input-container.component.ts +87 -0
  108. package/src/components/chat/copilot-chat-view-scroll-to-bottom-button.component.ts +79 -0
  109. package/src/components/chat/copilot-chat-view-scroll-view.component.ts +322 -0
  110. package/src/components/chat/copilot-chat-view.component.ts +420 -0
  111. package/src/components/chat/copilot-chat-view.types.ts +52 -0
  112. package/src/components/chat/copilot-chat.component.ts +232 -0
  113. package/src/components/copilotkit-tool-render.component.ts +169 -0
  114. package/src/core/__tests__/copilotkit.service.spec.ts +1051 -0
  115. package/src/core/__tests__/copilotkit.service.wildcard.spec.ts +316 -0
  116. package/src/core/chat-configuration/__tests__/chat-configuration.service.spec.ts +287 -0
  117. package/src/core/chat-configuration/chat-configuration.providers.ts +71 -0
  118. package/src/core/chat-configuration/chat-configuration.service.ts +162 -0
  119. package/src/core/chat-configuration/chat-configuration.types.ts +57 -0
  120. package/src/core/copilotkit.providers.ts +59 -0
  121. package/src/core/copilotkit.service.ts +542 -0
  122. package/src/core/copilotkit.types.ts +132 -0
  123. package/src/directives/__tests__/copilotkit-agent-context.directive.spec.ts +384 -0
  124. package/src/directives/__tests__/copilotkit-agent.directive.spec.ts +253 -0
  125. package/src/directives/__tests__/copilotkit-chat-config.directive.spec.ts +385 -0
  126. package/src/directives/__tests__/copilotkit-config.directive.spec.ts +69 -0
  127. package/src/directives/__tests__/copilotkit-frontend-tool-simple.directive.spec.ts +60 -0
  128. package/src/directives/__tests__/copilotkit-frontend-tool.directive.spec.ts +108 -0
  129. package/src/directives/__tests__/copilotkit-human-in-the-loop.directive.spec.ts +452 -0
  130. package/src/directives/copilotkit-agent-context.directive.ts +138 -0
  131. package/src/directives/copilotkit-agent.directive.ts +225 -0
  132. package/src/directives/copilotkit-chat-config.directive.ts +241 -0
  133. package/src/directives/copilotkit-config.directive.ts +81 -0
  134. package/src/directives/copilotkit-frontend-tool.directive.ts +145 -0
  135. package/src/directives/copilotkit-human-in-the-loop.directive.ts +281 -0
  136. package/src/directives/stick-to-bottom.directive.ts +204 -0
  137. package/src/index.ts +105 -0
  138. package/src/lib/directives/tooltip.directive.ts +292 -0
  139. package/src/lib/slots/__tests__/slot.utils.spec.ts +377 -0
  140. package/src/lib/slots/copilot-slot.component.ts +135 -0
  141. package/src/lib/slots/index.ts +3 -0
  142. package/src/lib/slots/slot.types.ts +64 -0
  143. package/src/lib/slots/slot.utils.ts +289 -0
  144. package/src/lib/utils.ts +10 -0
  145. package/src/public-api.ts +1 -0
  146. package/src/services/resize-observer.service.ts +181 -0
  147. package/src/services/scroll-position.service.ts +169 -0
  148. package/src/styles/globals.css +266 -0
  149. package/src/styles/index.css +3 -0
  150. package/src/test-setup.ts +15 -0
  151. package/src/testing/index.ts +3 -0
  152. package/src/testing/testing.utils.ts +248 -0
  153. package/src/types/frontend-tool.ts +44 -0
  154. package/src/types/human-in-the-loop.ts +52 -0
  155. package/src/utils/__tests__/agent.utils.spec.ts +234 -0
  156. package/src/utils/__tests__/chat-config.utils.spec.ts +306 -0
  157. package/src/utils/__tests__/frontend-tool-inject.spec.ts +350 -0
  158. package/src/utils/__tests__/frontend-tool-integration.spec.ts +199 -0
  159. package/src/utils/__tests__/frontend-tool.utils.spec.ts +272 -0
  160. package/src/utils/__tests__/human-in-the-loop.utils.spec.ts +365 -0
  161. package/src/utils/agent-context.utils.ts +133 -0
  162. package/src/utils/agent.utils.ts +239 -0
  163. package/src/utils/chat-config.utils.ts +221 -0
  164. package/src/utils/copilotkit.utils.ts +20 -0
  165. package/src/utils/frontend-tool.utils.ts +266 -0
  166. package/src/utils/human-in-the-loop.utils.ts +359 -0
  167. package/tsconfig.json +33 -0
  168. package/tsconfig.spec.json +12 -0
  169. package/vitest.config.mts +34 -0
@@ -0,0 +1,1963 @@
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-blue-500: oklch(62.3% 0.214 259.815);
11
+ --color-gray-50: oklch(98.5% 0.002 247.839);
12
+ --color-gray-100: oklch(96.7% 0.003 264.542);
13
+ --color-gray-200: oklch(92.8% 0.006 264.531);
14
+ --color-gray-300: oklch(87.2% 0.01 258.338);
15
+ --color-gray-600: oklch(44.6% 0.03 256.802);
16
+ --color-gray-700: oklch(37.3% 0.034 259.733);
17
+ --color-gray-800: oklch(27.8% 0.033 256.848);
18
+ --color-gray-900: oklch(21% 0.034 264.665);
19
+ --color-black: #000;
20
+ --color-white: #fff;
21
+ --spacing: 0.25rem;
22
+ --container-3xl: 48rem;
23
+ --container-4xl: 56rem;
24
+ --text-xs: 0.75rem;
25
+ --text-xs--line-height: calc(1 / 0.75);
26
+ --text-sm: 0.875rem;
27
+ --text-sm--line-height: calc(1.25 / 0.875);
28
+ --font-weight-normal: 400;
29
+ --font-weight-medium: 500;
30
+ --leading-relaxed: 1.625;
31
+ --default-transition-duration: 150ms;
32
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
33
+ --default-font-family: var(--font-sans);
34
+ --default-mono-font-family: var(--font-mono);
35
+ --animate-pulse-cursor: pulse-cursor 0.9s cubic-bezier(0.4, 0, 0.2, 1)
36
+ infinite;
37
+ }
38
+ }
39
+ @layer base {
40
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
41
+ box-sizing: border-box;
42
+ margin: 0;
43
+ padding: 0;
44
+ border: 0 solid;
45
+ }
46
+ html, :host {
47
+ line-height: 1.5;
48
+ -webkit-text-size-adjust: 100%;
49
+ tab-size: 4;
50
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
51
+ font-feature-settings: var(--default-font-feature-settings, normal);
52
+ font-variation-settings: var(--default-font-variation-settings, normal);
53
+ -webkit-tap-highlight-color: transparent;
54
+ }
55
+ hr {
56
+ height: 0;
57
+ color: inherit;
58
+ border-top-width: 1px;
59
+ }
60
+ abbr:where([title]) {
61
+ -webkit-text-decoration: underline dotted;
62
+ text-decoration: underline dotted;
63
+ }
64
+ h1, h2, h3, h4, h5, h6 {
65
+ font-size: inherit;
66
+ font-weight: inherit;
67
+ }
68
+ a {
69
+ color: inherit;
70
+ -webkit-text-decoration: inherit;
71
+ text-decoration: inherit;
72
+ }
73
+ b, strong {
74
+ font-weight: bolder;
75
+ }
76
+ code, kbd, samp, pre {
77
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
78
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
79
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
80
+ font-size: 1em;
81
+ }
82
+ small {
83
+ font-size: 80%;
84
+ }
85
+ sub, sup {
86
+ font-size: 75%;
87
+ line-height: 0;
88
+ position: relative;
89
+ vertical-align: baseline;
90
+ }
91
+ sub {
92
+ bottom: -0.25em;
93
+ }
94
+ sup {
95
+ top: -0.5em;
96
+ }
97
+ table {
98
+ text-indent: 0;
99
+ border-color: inherit;
100
+ border-collapse: collapse;
101
+ }
102
+ :-moz-focusring {
103
+ outline: auto;
104
+ }
105
+ progress {
106
+ vertical-align: baseline;
107
+ }
108
+ summary {
109
+ display: list-item;
110
+ }
111
+ ol, ul, menu {
112
+ list-style: none;
113
+ }
114
+ img, svg, video, canvas, audio, iframe, embed, object {
115
+ display: block;
116
+ vertical-align: middle;
117
+ }
118
+ img, video {
119
+ max-width: 100%;
120
+ height: auto;
121
+ }
122
+ button, input, select, optgroup, textarea, ::file-selector-button {
123
+ font: inherit;
124
+ font-feature-settings: inherit;
125
+ font-variation-settings: inherit;
126
+ letter-spacing: inherit;
127
+ color: inherit;
128
+ border-radius: 0;
129
+ background-color: transparent;
130
+ opacity: 1;
131
+ }
132
+ :where(select:is([multiple], [size])) optgroup {
133
+ font-weight: bolder;
134
+ }
135
+ :where(select:is([multiple], [size])) optgroup option {
136
+ padding-inline-start: 20px;
137
+ }
138
+ ::file-selector-button {
139
+ margin-inline-end: 4px;
140
+ }
141
+ ::placeholder {
142
+ opacity: 1;
143
+ }
144
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
145
+ ::placeholder {
146
+ color: currentcolor;
147
+ @supports (color: color-mix(in lab, red, red)) {
148
+ color: color-mix(in oklab, currentcolor 50%, transparent);
149
+ }
150
+ }
151
+ }
152
+ textarea {
153
+ resize: vertical;
154
+ }
155
+ ::-webkit-search-decoration {
156
+ -webkit-appearance: none;
157
+ }
158
+ ::-webkit-date-and-time-value {
159
+ min-height: 1lh;
160
+ text-align: inherit;
161
+ }
162
+ ::-webkit-datetime-edit {
163
+ display: inline-flex;
164
+ }
165
+ ::-webkit-datetime-edit-fields-wrapper {
166
+ padding: 0;
167
+ }
168
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
169
+ padding-block: 0;
170
+ }
171
+ :-moz-ui-invalid {
172
+ box-shadow: none;
173
+ }
174
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
175
+ appearance: button;
176
+ }
177
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
178
+ height: auto;
179
+ }
180
+ [hidden]:where(:not([hidden="until-found"])) {
181
+ display: none !important;
182
+ }
183
+ }
184
+ @layer utilities {
185
+ .pointer-events-none {
186
+ pointer-events: none;
187
+ }
188
+ .invisible {
189
+ visibility: hidden;
190
+ }
191
+ .visible {
192
+ visibility: visible;
193
+ }
194
+ .absolute {
195
+ position: absolute;
196
+ }
197
+ .relative {
198
+ position: relative;
199
+ }
200
+ .static {
201
+ position: static;
202
+ }
203
+ .inset-x-0 {
204
+ inset-inline: calc(var(--spacing) * 0);
205
+ }
206
+ .right-0 {
207
+ right: calc(var(--spacing) * 0);
208
+ }
209
+ .right-4 {
210
+ right: calc(var(--spacing) * 4);
211
+ }
212
+ .bottom-0 {
213
+ bottom: calc(var(--spacing) * 0);
214
+ }
215
+ .left-0 {
216
+ left: calc(var(--spacing) * 0);
217
+ }
218
+ .z-10 {
219
+ z-index: 10;
220
+ }
221
+ .z-20 {
222
+ z-index: 20;
223
+ }
224
+ .z-30 {
225
+ z-index: 30;
226
+ }
227
+ .container {
228
+ width: 100%;
229
+ @media (width >= 40rem) {
230
+ max-width: 40rem;
231
+ }
232
+ @media (width >= 48rem) {
233
+ max-width: 48rem;
234
+ }
235
+ @media (width >= 64rem) {
236
+ max-width: 64rem;
237
+ }
238
+ @media (width >= 80rem) {
239
+ max-width: 80rem;
240
+ }
241
+ @media (width >= 96rem) {
242
+ max-width: 96rem;
243
+ }
244
+ }
245
+ .mx-auto {
246
+ margin-inline: auto;
247
+ }
248
+ .my-1 {
249
+ margin-block: calc(var(--spacing) * 1);
250
+ }
251
+ .prose {
252
+ color: var(--tw-prose-body);
253
+ max-width: 65ch;
254
+ :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
255
+ margin-top: 1.25em;
256
+ margin-bottom: 1.25em;
257
+ }
258
+ :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
259
+ color: var(--tw-prose-lead);
260
+ font-size: 1.25em;
261
+ line-height: 1.6;
262
+ margin-top: 1.2em;
263
+ margin-bottom: 1.2em;
264
+ }
265
+ :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
266
+ color: var(--tw-prose-links);
267
+ text-decoration: underline;
268
+ font-weight: 500;
269
+ }
270
+ :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
271
+ color: var(--tw-prose-bold);
272
+ font-weight: 600;
273
+ }
274
+ :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
275
+ color: inherit;
276
+ }
277
+ :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
278
+ color: inherit;
279
+ }
280
+ :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
281
+ color: inherit;
282
+ }
283
+ :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
284
+ list-style-type: decimal;
285
+ margin-top: 1.25em;
286
+ margin-bottom: 1.25em;
287
+ padding-inline-start: 1.625em;
288
+ }
289
+ :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
290
+ list-style-type: upper-alpha;
291
+ }
292
+ :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
293
+ list-style-type: lower-alpha;
294
+ }
295
+ :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
296
+ list-style-type: upper-alpha;
297
+ }
298
+ :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
299
+ list-style-type: lower-alpha;
300
+ }
301
+ :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
302
+ list-style-type: upper-roman;
303
+ }
304
+ :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
305
+ list-style-type: lower-roman;
306
+ }
307
+ :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
308
+ list-style-type: upper-roman;
309
+ }
310
+ :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
311
+ list-style-type: lower-roman;
312
+ }
313
+ :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
314
+ list-style-type: decimal;
315
+ }
316
+ :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
317
+ list-style-type: disc;
318
+ margin-top: 1.25em;
319
+ margin-bottom: 1.25em;
320
+ padding-inline-start: 1.625em;
321
+ }
322
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
323
+ font-weight: 400;
324
+ color: var(--tw-prose-counters);
325
+ }
326
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
327
+ color: var(--tw-prose-bullets);
328
+ }
329
+ :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
330
+ color: var(--tw-prose-headings);
331
+ font-weight: 600;
332
+ margin-top: 1.25em;
333
+ }
334
+ :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
335
+ border-color: var(--tw-prose-hr);
336
+ border-top-width: 1;
337
+ margin-top: 3em;
338
+ margin-bottom: 3em;
339
+ }
340
+ :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
341
+ font-weight: 500;
342
+ font-style: italic;
343
+ color: var(--tw-prose-quotes);
344
+ border-inline-start-width: 0.25rem;
345
+ border-inline-start-color: var(--tw-prose-quote-borders);
346
+ quotes: "\201C""\201D""\2018""\2019";
347
+ margin-top: 1.6em;
348
+ margin-bottom: 1.6em;
349
+ padding-inline-start: 1em;
350
+ }
351
+ :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
352
+ content: open-quote;
353
+ }
354
+ :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
355
+ content: close-quote;
356
+ }
357
+ :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
358
+ color: var(--tw-prose-headings);
359
+ font-weight: 800;
360
+ font-size: 2.25em;
361
+ margin-top: 0;
362
+ margin-bottom: 0.8888889em;
363
+ line-height: 1.1111111;
364
+ }
365
+ :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
366
+ font-weight: 900;
367
+ color: inherit;
368
+ }
369
+ :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
370
+ color: var(--tw-prose-headings);
371
+ font-weight: 700;
372
+ font-size: 1.5em;
373
+ margin-top: 2em;
374
+ margin-bottom: 1em;
375
+ line-height: 1.3333333;
376
+ }
377
+ :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
378
+ font-weight: 800;
379
+ color: inherit;
380
+ }
381
+ :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
382
+ color: var(--tw-prose-headings);
383
+ font-weight: 600;
384
+ font-size: 1.25em;
385
+ margin-top: 1.6em;
386
+ margin-bottom: 0.6em;
387
+ line-height: 1.6;
388
+ }
389
+ :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
390
+ font-weight: 700;
391
+ color: inherit;
392
+ }
393
+ :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
394
+ color: var(--tw-prose-headings);
395
+ font-weight: 600;
396
+ margin-top: 1.5em;
397
+ margin-bottom: 0.5em;
398
+ line-height: 1.5;
399
+ }
400
+ :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
401
+ font-weight: 700;
402
+ color: inherit;
403
+ }
404
+ :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
405
+ margin-top: 2em;
406
+ margin-bottom: 2em;
407
+ }
408
+ :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
409
+ display: block;
410
+ margin-top: 2em;
411
+ margin-bottom: 2em;
412
+ }
413
+ :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
414
+ margin-top: 2em;
415
+ margin-bottom: 2em;
416
+ }
417
+ :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
418
+ font-weight: 500;
419
+ font-family: inherit;
420
+ color: var(--tw-prose-kbd);
421
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
422
+ font-size: 0.875em;
423
+ border-radius: 0.3125rem;
424
+ padding-top: 0.1875em;
425
+ padding-inline-end: 0.375em;
426
+ padding-bottom: 0.1875em;
427
+ padding-inline-start: 0.375em;
428
+ }
429
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
430
+ color: var(--tw-prose-code);
431
+ font-weight: 600;
432
+ font-size: 0.875em;
433
+ }
434
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
435
+ content: "`";
436
+ }
437
+ :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
438
+ content: "`";
439
+ }
440
+ :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
441
+ color: inherit;
442
+ }
443
+ :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
444
+ color: inherit;
445
+ }
446
+ :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
447
+ color: inherit;
448
+ font-size: 0.875em;
449
+ }
450
+ :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
451
+ color: inherit;
452
+ font-size: 0.9em;
453
+ }
454
+ :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
455
+ color: inherit;
456
+ }
457
+ :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
458
+ color: inherit;
459
+ }
460
+ :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
461
+ color: inherit;
462
+ }
463
+ :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
464
+ color: var(--tw-prose-pre-code);
465
+ background-color: var(--tw-prose-pre-bg);
466
+ overflow-x: auto;
467
+ font-weight: 400;
468
+ font-size: 0.875em;
469
+ line-height: 1.7142857;
470
+ margin-top: 1.7142857em;
471
+ margin-bottom: 1.7142857em;
472
+ border-radius: 0.375rem;
473
+ padding-top: 0.8571429em;
474
+ padding-inline-end: 1.1428571em;
475
+ padding-bottom: 0.8571429em;
476
+ padding-inline-start: 1.1428571em;
477
+ }
478
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
479
+ background-color: transparent;
480
+ border-width: 0;
481
+ border-radius: 0;
482
+ padding: 0;
483
+ font-weight: inherit;
484
+ color: inherit;
485
+ font-size: inherit;
486
+ font-family: inherit;
487
+ line-height: inherit;
488
+ }
489
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
490
+ content: none;
491
+ }
492
+ :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
493
+ content: none;
494
+ }
495
+ :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
496
+ width: 100%;
497
+ table-layout: auto;
498
+ margin-top: 2em;
499
+ margin-bottom: 2em;
500
+ font-size: 0.875em;
501
+ line-height: 1.7142857;
502
+ }
503
+ :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
504
+ border-bottom-width: 1px;
505
+ border-bottom-color: var(--tw-prose-th-borders);
506
+ }
507
+ :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
508
+ color: var(--tw-prose-headings);
509
+ font-weight: 600;
510
+ vertical-align: bottom;
511
+ padding-inline-end: 0.5714286em;
512
+ padding-bottom: 0.5714286em;
513
+ padding-inline-start: 0.5714286em;
514
+ }
515
+ :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
516
+ border-bottom-width: 1px;
517
+ border-bottom-color: var(--tw-prose-td-borders);
518
+ }
519
+ :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
520
+ border-bottom-width: 0;
521
+ }
522
+ :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
523
+ vertical-align: baseline;
524
+ }
525
+ :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
526
+ border-top-width: 1px;
527
+ border-top-color: var(--tw-prose-th-borders);
528
+ }
529
+ :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
530
+ vertical-align: top;
531
+ }
532
+ :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
533
+ text-align: start;
534
+ }
535
+ :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
536
+ margin-top: 0;
537
+ margin-bottom: 0;
538
+ }
539
+ :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
540
+ color: var(--tw-prose-captions);
541
+ font-size: 0.875em;
542
+ line-height: 1.4285714;
543
+ margin-top: 0.8571429em;
544
+ }
545
+ --tw-prose-body: oklch(37.3% 0.034 259.733);
546
+ --tw-prose-headings: oklch(21% 0.034 264.665);
547
+ --tw-prose-lead: oklch(44.6% 0.03 256.802);
548
+ --tw-prose-links: oklch(21% 0.034 264.665);
549
+ --tw-prose-bold: oklch(21% 0.034 264.665);
550
+ --tw-prose-counters: oklch(55.1% 0.027 264.364);
551
+ --tw-prose-bullets: oklch(87.2% 0.01 258.338);
552
+ --tw-prose-hr: oklch(92.8% 0.006 264.531);
553
+ --tw-prose-quotes: oklch(21% 0.034 264.665);
554
+ --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
555
+ --tw-prose-captions: oklch(55.1% 0.027 264.364);
556
+ --tw-prose-kbd: oklch(21% 0.034 264.665);
557
+ --tw-prose-kbd-shadows: NaN NaN NaN;
558
+ --tw-prose-code: oklch(21% 0.034 264.665);
559
+ --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
560
+ --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
561
+ --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
562
+ --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
563
+ --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
564
+ --tw-prose-invert-headings: #fff;
565
+ --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
566
+ --tw-prose-invert-links: #fff;
567
+ --tw-prose-invert-bold: #fff;
568
+ --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
569
+ --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
570
+ --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
571
+ --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
572
+ --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
573
+ --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
574
+ --tw-prose-invert-kbd: #fff;
575
+ --tw-prose-invert-kbd-shadows: 255 255 255;
576
+ --tw-prose-invert-code: #fff;
577
+ --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
578
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
579
+ --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
580
+ --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
581
+ font-size: 1rem;
582
+ line-height: 1.75;
583
+ :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
584
+ margin-top: 0;
585
+ margin-bottom: 0;
586
+ }
587
+ :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
588
+ margin-top: 0.5em;
589
+ margin-bottom: 0.5em;
590
+ }
591
+ :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
592
+ padding-inline-start: 0.375em;
593
+ }
594
+ :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
595
+ padding-inline-start: 0.375em;
596
+ }
597
+ :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
598
+ margin-top: 0.75em;
599
+ margin-bottom: 0.75em;
600
+ }
601
+ :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
602
+ margin-top: 1.25em;
603
+ }
604
+ :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
605
+ margin-bottom: 1.25em;
606
+ }
607
+ :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
608
+ margin-top: 1.25em;
609
+ }
610
+ :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
611
+ margin-bottom: 1.25em;
612
+ }
613
+ :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
614
+ margin-top: 0.75em;
615
+ margin-bottom: 0.75em;
616
+ }
617
+ :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
618
+ margin-top: 1.25em;
619
+ margin-bottom: 1.25em;
620
+ }
621
+ :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
622
+ margin-top: 0.5em;
623
+ padding-inline-start: 1.625em;
624
+ }
625
+ :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
626
+ margin-top: 0;
627
+ }
628
+ :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
629
+ margin-top: 0;
630
+ }
631
+ :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
632
+ margin-top: 0;
633
+ }
634
+ :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
635
+ margin-top: 0;
636
+ }
637
+ :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
638
+ padding-inline-start: 0;
639
+ }
640
+ :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
641
+ padding-inline-end: 0;
642
+ }
643
+ :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
644
+ padding-top: 0.5714286em;
645
+ padding-inline-end: 0.5714286em;
646
+ padding-bottom: 0.5714286em;
647
+ padding-inline-start: 0.5714286em;
648
+ }
649
+ :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
650
+ padding-inline-start: 0;
651
+ }
652
+ :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
653
+ padding-inline-end: 0;
654
+ }
655
+ :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
656
+ margin-top: 2em;
657
+ margin-bottom: 2em;
658
+ }
659
+ :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
660
+ margin-top: 0;
661
+ }
662
+ :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
663
+ margin-bottom: 0;
664
+ }
665
+ }
666
+ .-mt-\[0px\] {
667
+ margin-top: calc(0px * -1);
668
+ }
669
+ .mt-\[4px\] {
670
+ margin-top: 4px;
671
+ }
672
+ .mr-2 {
673
+ margin-right: calc(var(--spacing) * 2);
674
+ }
675
+ .mr-\[10px\] {
676
+ margin-right: 10px;
677
+ }
678
+ .-ml-\[5px\] {
679
+ margin-left: calc(5px * -1);
680
+ }
681
+ .ml-1 {
682
+ margin-left: calc(var(--spacing) * 1);
683
+ }
684
+ .ml-2 {
685
+ margin-left: calc(var(--spacing) * 2);
686
+ }
687
+ .ml-auto {
688
+ margin-left: auto;
689
+ }
690
+ .block {
691
+ display: block;
692
+ }
693
+ .flex {
694
+ display: flex;
695
+ }
696
+ .hidden {
697
+ display: none;
698
+ }
699
+ .inline {
700
+ display: inline;
701
+ }
702
+ .inline-block {
703
+ display: inline-block;
704
+ }
705
+ .inline-flex {
706
+ display: inline-flex;
707
+ }
708
+ .h-4 {
709
+ height: calc(var(--spacing) * 4);
710
+ }
711
+ .h-6 {
712
+ height: calc(var(--spacing) * 6);
713
+ }
714
+ .h-8 {
715
+ height: calc(var(--spacing) * 8);
716
+ }
717
+ .h-9 {
718
+ height: calc(var(--spacing) * 9);
719
+ }
720
+ .h-10 {
721
+ height: calc(var(--spacing) * 10);
722
+ }
723
+ .h-11 {
724
+ height: calc(var(--spacing) * 11);
725
+ }
726
+ .h-24 {
727
+ height: calc(var(--spacing) * 24);
728
+ }
729
+ .h-\[11px\] {
730
+ height: 11px;
731
+ }
732
+ .h-\[60px\] {
733
+ height: 60px;
734
+ }
735
+ .h-full {
736
+ height: 100%;
737
+ }
738
+ .h-px {
739
+ height: 1px;
740
+ }
741
+ .max-h-full {
742
+ max-height: 100%;
743
+ }
744
+ .min-h-0 {
745
+ min-height: calc(var(--spacing) * 0);
746
+ }
747
+ .w-4 {
748
+ width: calc(var(--spacing) * 4);
749
+ }
750
+ .w-6 {
751
+ width: calc(var(--spacing) * 6);
752
+ }
753
+ .w-8 {
754
+ width: calc(var(--spacing) * 8);
755
+ }
756
+ .w-9 {
757
+ width: calc(var(--spacing) * 9);
758
+ }
759
+ .w-10 {
760
+ width: calc(var(--spacing) * 10);
761
+ }
762
+ .w-\[11px\] {
763
+ width: 11px;
764
+ }
765
+ .w-full {
766
+ width: 100%;
767
+ }
768
+ .max-w-3xl {
769
+ max-width: var(--container-3xl);
770
+ }
771
+ .max-w-4xl {
772
+ max-width: var(--container-4xl);
773
+ }
774
+ .max-w-\[80\%\] {
775
+ max-width: 80%;
776
+ }
777
+ .max-w-full {
778
+ max-width: 100%;
779
+ }
780
+ .min-w-\[200px\] {
781
+ min-width: 200px;
782
+ }
783
+ .shrink-0 {
784
+ flex-shrink: 0;
785
+ }
786
+ .transform {
787
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
788
+ }
789
+ .animate-pulse-cursor {
790
+ animation: var(--animate-pulse-cursor);
791
+ }
792
+ .cursor-pointer {
793
+ cursor: pointer;
794
+ }
795
+ .cursor-text {
796
+ cursor: text;
797
+ }
798
+ .resize {
799
+ resize: both;
800
+ }
801
+ .resize-none {
802
+ resize: none;
803
+ }
804
+ .flex-col {
805
+ flex-direction: column;
806
+ }
807
+ .items-center {
808
+ align-items: center;
809
+ }
810
+ .items-end {
811
+ align-items: flex-end;
812
+ }
813
+ .justify-between {
814
+ justify-content: space-between;
815
+ }
816
+ .justify-center {
817
+ justify-content: center;
818
+ }
819
+ .justify-end {
820
+ justify-content: flex-end;
821
+ }
822
+ .gap-1 {
823
+ gap: calc(var(--spacing) * 1);
824
+ }
825
+ .gap-2 {
826
+ gap: calc(var(--spacing) * 2);
827
+ }
828
+ .overflow-visible {
829
+ overflow: visible;
830
+ }
831
+ .overflow-x-hidden {
832
+ overflow-x: hidden;
833
+ }
834
+ .overflow-y-scroll {
835
+ overflow-y: scroll;
836
+ }
837
+ .rounded {
838
+ border-radius: 0.25rem;
839
+ }
840
+ .rounded-\[18px\] {
841
+ border-radius: 18px;
842
+ }
843
+ .rounded-\[28px\] {
844
+ border-radius: 28px;
845
+ }
846
+ .rounded-full {
847
+ border-radius: calc(infinity * 1px);
848
+ }
849
+ .rounded-lg {
850
+ border-radius: var(--radius);
851
+ }
852
+ .rounded-md {
853
+ border-radius: calc(var(--radius) - 2px);
854
+ }
855
+ .border {
856
+ border-style: var(--tw-border-style);
857
+ border-width: 1px;
858
+ }
859
+ .border-2 {
860
+ border-style: var(--tw-border-style);
861
+ border-width: 2px;
862
+ }
863
+ .border-none {
864
+ --tw-border-style: none;
865
+ border-style: none;
866
+ }
867
+ .border-gray-200 {
868
+ border-color: var(--color-gray-200);
869
+ }
870
+ .border-gray-300 {
871
+ border-color: var(--color-gray-300);
872
+ }
873
+ .bg-black {
874
+ background-color: var(--color-black);
875
+ }
876
+ .bg-blue-500 {
877
+ background-color: var(--color-blue-500);
878
+ }
879
+ .bg-foreground {
880
+ background-color: var(--foreground);
881
+ }
882
+ .bg-gray-200 {
883
+ background-color: var(--color-gray-200);
884
+ }
885
+ .bg-muted {
886
+ background-color: var(--muted);
887
+ }
888
+ .bg-transparent {
889
+ background-color: transparent;
890
+ }
891
+ .bg-white {
892
+ background-color: var(--color-white);
893
+ }
894
+ .bg-gradient-to-t {
895
+ --tw-gradient-position: to top in oklab;
896
+ background-image: linear-gradient(var(--tw-gradient-stops));
897
+ }
898
+ .from-white {
899
+ --tw-gradient-from: var(--color-white);
900
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
901
+ }
902
+ .via-white {
903
+ --tw-gradient-via: var(--color-white);
904
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
905
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
906
+ }
907
+ .to-transparent {
908
+ --tw-gradient-to: transparent;
909
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
910
+ }
911
+ .bg-clip-padding {
912
+ background-clip: padding-box;
913
+ }
914
+ .p-0 {
915
+ padding: calc(var(--spacing) * 0);
916
+ }
917
+ .p-1 {
918
+ padding: calc(var(--spacing) * 1);
919
+ }
920
+ .p-4 {
921
+ padding: calc(var(--spacing) * 4);
922
+ }
923
+ .p-5 {
924
+ padding: calc(var(--spacing) * 5);
925
+ }
926
+ .px-0 {
927
+ padding-inline: calc(var(--spacing) * 0);
928
+ }
929
+ .px-3 {
930
+ padding-inline: calc(var(--spacing) * 3);
931
+ }
932
+ .px-4 {
933
+ padding-inline: calc(var(--spacing) * 4);
934
+ }
935
+ .px-5 {
936
+ padding-inline: calc(var(--spacing) * 5);
937
+ }
938
+ .py-0 {
939
+ padding-block: calc(var(--spacing) * 0);
940
+ }
941
+ .py-1\.5 {
942
+ padding-block: calc(var(--spacing) * 1.5);
943
+ }
944
+ .py-2 {
945
+ padding-block: calc(var(--spacing) * 2);
946
+ }
947
+ .py-3 {
948
+ padding-block: calc(var(--spacing) * 3);
949
+ }
950
+ .pt-10 {
951
+ padding-top: calc(var(--spacing) * 10);
952
+ }
953
+ .pb-0 {
954
+ padding-bottom: calc(var(--spacing) * 0);
955
+ }
956
+ .text-center {
957
+ text-align: center;
958
+ }
959
+ .text-left {
960
+ text-align: left;
961
+ }
962
+ .text-sm {
963
+ font-size: var(--text-sm);
964
+ line-height: var(--tw-leading, var(--text-sm--line-height));
965
+ }
966
+ .text-xs {
967
+ font-size: var(--text-xs);
968
+ line-height: var(--tw-leading, var(--text-xs--line-height));
969
+ }
970
+ .text-\[16px\] {
971
+ font-size: 16px;
972
+ }
973
+ .leading-relaxed {
974
+ --tw-leading: var(--leading-relaxed);
975
+ line-height: var(--leading-relaxed);
976
+ }
977
+ .font-medium {
978
+ --tw-font-weight: var(--font-weight-medium);
979
+ font-weight: var(--font-weight-medium);
980
+ }
981
+ .font-normal {
982
+ --tw-font-weight: var(--font-weight-normal);
983
+ font-weight: var(--font-weight-normal);
984
+ }
985
+ .break-words {
986
+ overflow-wrap: break-word;
987
+ }
988
+ .whitespace-nowrap {
989
+ white-space: nowrap;
990
+ }
991
+ .whitespace-pre-wrap {
992
+ white-space: pre-wrap;
993
+ }
994
+ .text-\[\#444444\] {
995
+ color: #444444;
996
+ }
997
+ .text-\[rgb\(93\,93\,93\)\] {
998
+ color: rgb(93,93,93);
999
+ }
1000
+ .text-foreground {
1001
+ color: var(--foreground);
1002
+ }
1003
+ .text-gray-600 {
1004
+ color: var(--color-gray-600);
1005
+ }
1006
+ .text-muted-foreground {
1007
+ color: var(--muted-foreground);
1008
+ }
1009
+ .text-white {
1010
+ color: var(--color-white);
1011
+ }
1012
+ .antialiased {
1013
+ -webkit-font-smoothing: antialiased;
1014
+ -moz-osx-font-smoothing: grayscale;
1015
+ }
1016
+ .shadow {
1017
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1018
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1019
+ }
1020
+ .shadow-\[0_4px_4px_0_\#0000000a\,0_0_1px_0_\#0000009e\] {
1021
+ --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, #0000000a), 0 0 1px 0 var(--tw-shadow-color, #0000009e);
1022
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1023
+ }
1024
+ .shadow-lg {
1025
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1026
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1027
+ }
1028
+ .filter {
1029
+ 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,);
1030
+ }
1031
+ .transition {
1032
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
1033
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1034
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1035
+ }
1036
+ .transition-all {
1037
+ transition-property: all;
1038
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1039
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1040
+ }
1041
+ .transition-colors {
1042
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1043
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1044
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1045
+ }
1046
+ .contain-inline-size {
1047
+ --tw-contain-size: inline-size;
1048
+ contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
1049
+ }
1050
+ .outline-none {
1051
+ --tw-outline-style: none;
1052
+ outline-style: none;
1053
+ }
1054
+ .running {
1055
+ animation-play-state: running;
1056
+ }
1057
+ .group-hover\:visible {
1058
+ &:is(:where(.group):hover *) {
1059
+ @media (hover: hover) {
1060
+ visibility: visible;
1061
+ }
1062
+ }
1063
+ }
1064
+ .placeholder\:text-\[\#00000077\] {
1065
+ &::placeholder {
1066
+ color: #00000077;
1067
+ }
1068
+ }
1069
+ .hover\:bg-\[\#E8E8E8\] {
1070
+ &:hover {
1071
+ @media (hover: hover) {
1072
+ background-color: #E8E8E8;
1073
+ }
1074
+ }
1075
+ }
1076
+ .hover\:bg-\[\#f8f8f8\] {
1077
+ &:hover {
1078
+ @media (hover: hover) {
1079
+ background-color: #f8f8f8;
1080
+ }
1081
+ }
1082
+ }
1083
+ .hover\:bg-gray-50 {
1084
+ &:hover {
1085
+ @media (hover: hover) {
1086
+ background-color: var(--color-gray-50);
1087
+ }
1088
+ }
1089
+ }
1090
+ .hover\:bg-gray-100 {
1091
+ &:hover {
1092
+ @media (hover: hover) {
1093
+ background-color: var(--color-gray-100);
1094
+ }
1095
+ }
1096
+ }
1097
+ .hover\:text-\[\#333333\] {
1098
+ &:hover {
1099
+ @media (hover: hover) {
1100
+ color: #333333;
1101
+ }
1102
+ }
1103
+ }
1104
+ .hover\:text-\[rgb\(93\,93\,93\)\] {
1105
+ &:hover {
1106
+ @media (hover: hover) {
1107
+ color: rgb(93,93,93);
1108
+ }
1109
+ }
1110
+ }
1111
+ .hover\:opacity-70 {
1112
+ &:hover {
1113
+ @media (hover: hover) {
1114
+ opacity: 70%;
1115
+ }
1116
+ }
1117
+ }
1118
+ .focus\:border-blue-500 {
1119
+ &:focus {
1120
+ border-color: var(--color-blue-500);
1121
+ }
1122
+ }
1123
+ .focus\:ring-2 {
1124
+ &:focus {
1125
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1126
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1127
+ }
1128
+ }
1129
+ .focus\:ring-offset-2 {
1130
+ &:focus {
1131
+ --tw-ring-offset-width: 2px;
1132
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1133
+ }
1134
+ }
1135
+ .focus\:outline-none {
1136
+ &:focus {
1137
+ --tw-outline-style: none;
1138
+ outline-style: none;
1139
+ }
1140
+ }
1141
+ .focus-visible\:border-ring {
1142
+ &:focus-visible {
1143
+ border-color: var(--ring);
1144
+ }
1145
+ }
1146
+ .focus-visible\:ring-2 {
1147
+ &:focus-visible {
1148
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1149
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1150
+ }
1151
+ }
1152
+ .focus-visible\:ring-\[3px\] {
1153
+ &:focus-visible {
1154
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1155
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1156
+ }
1157
+ }
1158
+ .focus-visible\:ring-ring\/50 {
1159
+ &:focus-visible {
1160
+ --tw-ring-color: var(--ring);
1161
+ @supports (color: color-mix(in lab, red, red)) {
1162
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1163
+ }
1164
+ }
1165
+ }
1166
+ .focus-visible\:ring-offset-2 {
1167
+ &:focus-visible {
1168
+ --tw-ring-offset-width: 2px;
1169
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1170
+ }
1171
+ }
1172
+ .disabled\:pointer-events-none {
1173
+ &:disabled {
1174
+ pointer-events: none;
1175
+ }
1176
+ }
1177
+ .disabled\:cursor-not-allowed {
1178
+ &:disabled {
1179
+ cursor: not-allowed;
1180
+ }
1181
+ }
1182
+ .disabled\:bg-\[\#00000014\] {
1183
+ &:disabled {
1184
+ background-color: #00000014;
1185
+ }
1186
+ }
1187
+ .disabled\:text-\[rgb\(13\,13\,13\)\] {
1188
+ &:disabled {
1189
+ color: rgb(13,13,13);
1190
+ }
1191
+ }
1192
+ .disabled\:opacity-50 {
1193
+ &:disabled {
1194
+ opacity: 50%;
1195
+ }
1196
+ }
1197
+ .disabled\:hover\:bg-transparent {
1198
+ &:disabled {
1199
+ &:hover {
1200
+ @media (hover: hover) {
1201
+ background-color: transparent;
1202
+ }
1203
+ }
1204
+ }
1205
+ }
1206
+ .disabled\:hover\:text-\[\#444444\] {
1207
+ &:disabled {
1208
+ &:hover {
1209
+ @media (hover: hover) {
1210
+ color: #444444;
1211
+ }
1212
+ }
1213
+ }
1214
+ }
1215
+ .disabled\:hover\:opacity-100 {
1216
+ &:disabled {
1217
+ &:hover {
1218
+ @media (hover: hover) {
1219
+ opacity: 100%;
1220
+ }
1221
+ }
1222
+ }
1223
+ }
1224
+ .data-\[multiline\]\:py-3 {
1225
+ &[data-multiline] {
1226
+ padding-block: calc(var(--spacing) * 3);
1227
+ }
1228
+ }
1229
+ .sm\:px-0 {
1230
+ @media (width >= 40rem) {
1231
+ padding-inline: calc(var(--spacing) * 0);
1232
+ }
1233
+ }
1234
+ .dark\:border-\[\#404040\] {
1235
+ &:is(.dark *) {
1236
+ border-color: #404040;
1237
+ }
1238
+ }
1239
+ .dark\:border-gray-700 {
1240
+ &:is(.dark *) {
1241
+ border-color: var(--color-gray-700);
1242
+ }
1243
+ }
1244
+ .dark\:bg-\[\#1F1F1F\] {
1245
+ &:is(.dark *) {
1246
+ background-color: #1F1F1F;
1247
+ }
1248
+ }
1249
+ .dark\:bg-\[\#303030\] {
1250
+ &:is(.dark *) {
1251
+ background-color: #303030;
1252
+ }
1253
+ }
1254
+ .dark\:bg-gray-700 {
1255
+ &:is(.dark *) {
1256
+ background-color: var(--color-gray-700);
1257
+ }
1258
+ }
1259
+ .dark\:bg-gray-900 {
1260
+ &:is(.dark *) {
1261
+ background-color: var(--color-gray-900);
1262
+ }
1263
+ }
1264
+ .dark\:bg-white {
1265
+ &:is(.dark *) {
1266
+ background-color: var(--color-white);
1267
+ }
1268
+ }
1269
+ .dark\:from-\[rgb\(33\,33\,33\)\] {
1270
+ &:is(.dark *) {
1271
+ --tw-gradient-from: rgb(33,33,33);
1272
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1273
+ }
1274
+ }
1275
+ .dark\:via-\[rgb\(33\,33\,33\)\] {
1276
+ &:is(.dark *) {
1277
+ --tw-gradient-via: rgb(33,33,33);
1278
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1279
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1280
+ }
1281
+ }
1282
+ .dark\:text-\[rgb\(243\,243\,243\)\] {
1283
+ &:is(.dark *) {
1284
+ color: rgb(243,243,243);
1285
+ }
1286
+ }
1287
+ .dark\:text-black {
1288
+ &:is(.dark *) {
1289
+ color: var(--color-black);
1290
+ }
1291
+ }
1292
+ .dark\:text-white {
1293
+ &:is(.dark *) {
1294
+ color: var(--color-white);
1295
+ }
1296
+ }
1297
+ .dark\:prose-invert {
1298
+ &:is(.dark *) {
1299
+ --tw-prose-body: var(--tw-prose-invert-body);
1300
+ --tw-prose-headings: var(--tw-prose-invert-headings);
1301
+ --tw-prose-lead: var(--tw-prose-invert-lead);
1302
+ --tw-prose-links: var(--tw-prose-invert-links);
1303
+ --tw-prose-bold: var(--tw-prose-invert-bold);
1304
+ --tw-prose-counters: var(--tw-prose-invert-counters);
1305
+ --tw-prose-bullets: var(--tw-prose-invert-bullets);
1306
+ --tw-prose-hr: var(--tw-prose-invert-hr);
1307
+ --tw-prose-quotes: var(--tw-prose-invert-quotes);
1308
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
1309
+ --tw-prose-captions: var(--tw-prose-invert-captions);
1310
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
1311
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
1312
+ --tw-prose-code: var(--tw-prose-invert-code);
1313
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
1314
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
1315
+ --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
1316
+ --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
1317
+ }
1318
+ }
1319
+ .dark\:placeholder\:text-\[\#fffc\] {
1320
+ &:is(.dark *) {
1321
+ &::placeholder {
1322
+ color: #fffc;
1323
+ }
1324
+ }
1325
+ }
1326
+ .dark\:hover\:bg-\[\#303030\] {
1327
+ &:is(.dark *) {
1328
+ &:hover {
1329
+ @media (hover: hover) {
1330
+ background-color: #303030;
1331
+ }
1332
+ }
1333
+ }
1334
+ }
1335
+ .dark\:hover\:bg-\[\#404040\] {
1336
+ &:is(.dark *) {
1337
+ &:hover {
1338
+ @media (hover: hover) {
1339
+ background-color: #404040;
1340
+ }
1341
+ }
1342
+ }
1343
+ }
1344
+ .dark\:hover\:bg-gray-800 {
1345
+ &:is(.dark *) {
1346
+ &:hover {
1347
+ @media (hover: hover) {
1348
+ background-color: var(--color-gray-800);
1349
+ }
1350
+ }
1351
+ }
1352
+ }
1353
+ .dark\:hover\:text-\[\#FFFFFF\] {
1354
+ &:is(.dark *) {
1355
+ &:hover {
1356
+ @media (hover: hover) {
1357
+ color: #FFFFFF;
1358
+ }
1359
+ }
1360
+ }
1361
+ }
1362
+ .dark\:hover\:text-\[rgb\(243\,243\,243\)\] {
1363
+ &:is(.dark *) {
1364
+ &:hover {
1365
+ @media (hover: hover) {
1366
+ color: rgb(243,243,243);
1367
+ }
1368
+ }
1369
+ }
1370
+ }
1371
+ .dark\:focus-visible\:outline-white {
1372
+ &:is(.dark *) {
1373
+ &:focus-visible {
1374
+ outline-color: var(--color-white);
1375
+ }
1376
+ }
1377
+ }
1378
+ .dark\:disabled\:bg-\[\#454545\] {
1379
+ &:is(.dark *) {
1380
+ &:disabled {
1381
+ background-color: #454545;
1382
+ }
1383
+ }
1384
+ }
1385
+ .dark\:disabled\:text-white {
1386
+ &:is(.dark *) {
1387
+ &:disabled {
1388
+ color: var(--color-white);
1389
+ }
1390
+ }
1391
+ }
1392
+ .dark\:disabled\:hover\:bg-transparent {
1393
+ &:is(.dark *) {
1394
+ &:disabled {
1395
+ &:hover {
1396
+ @media (hover: hover) {
1397
+ background-color: transparent;
1398
+ }
1399
+ }
1400
+ }
1401
+ }
1402
+ }
1403
+ .dark\:disabled\:hover\:text-\[\#CCCCCC\] {
1404
+ &:is(.dark *) {
1405
+ &:disabled {
1406
+ &:hover {
1407
+ @media (hover: hover) {
1408
+ color: #CCCCCC;
1409
+ }
1410
+ }
1411
+ }
1412
+ }
1413
+ }
1414
+ .\[\&_svg\]\:pointer-events-none {
1415
+ & svg {
1416
+ pointer-events: none;
1417
+ }
1418
+ }
1419
+ .\[\&_svg\]\:shrink-0 {
1420
+ & svg {
1421
+ flex-shrink: 0;
1422
+ }
1423
+ }
1424
+ }
1425
+ @property --tw-animation-delay {
1426
+ syntax: "*";
1427
+ inherits: false;
1428
+ initial-value: 0s;
1429
+ }
1430
+ @property --tw-animation-direction {
1431
+ syntax: "*";
1432
+ inherits: false;
1433
+ initial-value: normal;
1434
+ }
1435
+ @property --tw-animation-duration {
1436
+ syntax: "*";
1437
+ inherits: false;
1438
+ }
1439
+ @property --tw-animation-fill-mode {
1440
+ syntax: "*";
1441
+ inherits: false;
1442
+ initial-value: none;
1443
+ }
1444
+ @property --tw-animation-iteration-count {
1445
+ syntax: "*";
1446
+ inherits: false;
1447
+ initial-value: 1;
1448
+ }
1449
+ @property --tw-enter-opacity {
1450
+ syntax: "*";
1451
+ inherits: false;
1452
+ initial-value: 1;
1453
+ }
1454
+ @property --tw-enter-rotate {
1455
+ syntax: "*";
1456
+ inherits: false;
1457
+ initial-value: 0;
1458
+ }
1459
+ @property --tw-enter-scale {
1460
+ syntax: "*";
1461
+ inherits: false;
1462
+ initial-value: 1;
1463
+ }
1464
+ @property --tw-enter-translate-x {
1465
+ syntax: "*";
1466
+ inherits: false;
1467
+ initial-value: 0;
1468
+ }
1469
+ @property --tw-enter-translate-y {
1470
+ syntax: "*";
1471
+ inherits: false;
1472
+ initial-value: 0;
1473
+ }
1474
+ @property --tw-exit-opacity {
1475
+ syntax: "*";
1476
+ inherits: false;
1477
+ initial-value: 1;
1478
+ }
1479
+ @property --tw-exit-rotate {
1480
+ syntax: "*";
1481
+ inherits: false;
1482
+ initial-value: 0;
1483
+ }
1484
+ @property --tw-exit-scale {
1485
+ syntax: "*";
1486
+ inherits: false;
1487
+ initial-value: 1;
1488
+ }
1489
+ @property --tw-exit-translate-x {
1490
+ syntax: "*";
1491
+ inherits: false;
1492
+ initial-value: 0;
1493
+ }
1494
+ @property --tw-exit-translate-y {
1495
+ syntax: "*";
1496
+ inherits: false;
1497
+ initial-value: 0;
1498
+ }
1499
+ :root {
1500
+ --background: oklch(1 0 0);
1501
+ --foreground: oklch(0.145 0 0);
1502
+ --card: oklch(1 0 0);
1503
+ --card-foreground: oklch(0.145 0 0);
1504
+ --popover: oklch(1 0 0);
1505
+ --popover-foreground: oklch(0.145 0 0);
1506
+ --primary: oklch(0.205 0 0);
1507
+ --primary-foreground: oklch(0.985 0 0);
1508
+ --secondary: oklch(0.97 0 0);
1509
+ --secondary-foreground: oklch(0.205 0 0);
1510
+ --muted: oklch(0.97 0 0);
1511
+ --muted-foreground: oklch(0.556 0 0);
1512
+ --accent: oklch(0.97 0 0);
1513
+ --accent-foreground: oklch(0.205 0 0);
1514
+ --destructive: oklch(0.577 0.245 27.325);
1515
+ --destructive-foreground: oklch(0.577 0.245 27.325);
1516
+ --border: oklch(0.922 0 0);
1517
+ --input: oklch(0.922 0 0);
1518
+ --ring: oklch(0.708 0 0);
1519
+ --chart-1: oklch(0.646 0.222 41.116);
1520
+ --chart-2: oklch(0.6 0.118 184.704);
1521
+ --chart-3: oklch(0.398 0.07 227.392);
1522
+ --chart-4: oklch(0.828 0.189 84.429);
1523
+ --chart-5: oklch(0.769 0.188 70.08);
1524
+ --radius: 0.625rem;
1525
+ --sidebar: oklch(0.985 0 0);
1526
+ --sidebar-foreground: oklch(0.145 0 0);
1527
+ --sidebar-primary: oklch(0.205 0 0);
1528
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1529
+ --sidebar-accent: oklch(0.97 0 0);
1530
+ --sidebar-accent-foreground: oklch(0.205 0 0);
1531
+ --sidebar-border: oklch(0.922 0 0);
1532
+ --sidebar-ring: oklch(0.708 0 0);
1533
+ }
1534
+ .dark {
1535
+ --background: oklch(0.145 0 0);
1536
+ --foreground: oklch(0.985 0 0);
1537
+ --card: oklch(0.145 0 0);
1538
+ --card-foreground: oklch(0.985 0 0);
1539
+ --popover: oklch(0.145 0 0);
1540
+ --popover-foreground: oklch(0.985 0 0);
1541
+ --primary: oklch(0.985 0 0);
1542
+ --primary-foreground: oklch(0.205 0 0);
1543
+ --secondary: oklch(0.269 0 0);
1544
+ --secondary-foreground: oklch(0.985 0 0);
1545
+ --muted: oklch(0.269 0 0);
1546
+ --muted-foreground: oklch(0.708 0 0);
1547
+ --accent: oklch(0.269 0 0);
1548
+ --accent-foreground: oklch(0.985 0 0);
1549
+ --destructive: oklch(0.396 0.141 25.723);
1550
+ --destructive-foreground: oklch(0.637 0.237 25.331);
1551
+ --border: oklch(0.269 0 0);
1552
+ --input: oklch(0.269 0 0);
1553
+ --ring: oklch(0.556 0 0);
1554
+ --chart-1: oklch(0.488 0.243 264.376);
1555
+ --chart-2: oklch(0.696 0.17 162.48);
1556
+ --chart-3: oklch(0.769 0.188 70.08);
1557
+ --chart-4: oklch(0.627 0.265 303.9);
1558
+ --chart-5: oklch(0.645 0.246 16.439);
1559
+ --sidebar: oklch(0.205 0 0);
1560
+ --sidebar-foreground: oklch(0.985 0 0);
1561
+ --sidebar-primary: oklch(0.488 0.243 264.376);
1562
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1563
+ --sidebar-accent: oklch(0.269 0 0);
1564
+ --sidebar-accent-foreground: oklch(0.985 0 0);
1565
+ --sidebar-border: oklch(0.269 0 0);
1566
+ --sidebar-ring: oklch(0.439 0 0);
1567
+ }
1568
+ @layer base {
1569
+ * {
1570
+ border-color: var(--border);
1571
+ outline-color: var(--ring);
1572
+ @supports (color: color-mix(in lab, red, red)) {
1573
+ outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
1574
+ }
1575
+ }
1576
+ body {
1577
+ background-color: var(--background);
1578
+ color: var(--foreground);
1579
+ }
1580
+ }
1581
+ .prose {
1582
+ -webkit-font-smoothing: antialiased;
1583
+ -moz-osx-font-smoothing: grayscale;
1584
+ }
1585
+ .prose :where(code):not( :where([class~="not-prose"], [class~="not-prose"] *) )::before {
1586
+ content: none;
1587
+ }
1588
+ .prose :where(code):not( :where([class~="not-prose"], [class~="not-prose"] *) )::after {
1589
+ content: none;
1590
+ }
1591
+ .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
1592
+ font-weight: 400;
1593
+ }
1594
+ .prose h1 {
1595
+ margin-block-end: 8px;
1596
+ margin-bottom: 8px;
1597
+ font-size: 24px;
1598
+ font-weight: 600;
1599
+ }
1600
+ .prose h2 {
1601
+ margin-block-end: 4px;
1602
+ margin-block-start: 16px;
1603
+ margin-top: 16px;
1604
+ margin-bottom: 4px;
1605
+ font-size: 20px;
1606
+ font-weight: 600;
1607
+ }
1608
+ .prose h3 {
1609
+ margin-block-end: 4px;
1610
+ margin-block-start: 16px;
1611
+ margin-top: 16px;
1612
+ margin-bottom: 4px;
1613
+ font-size: 18px;
1614
+ font-weight: 600;
1615
+ }
1616
+ .prose p {
1617
+ margin-block-start: 8px;
1618
+ margin-block-end: 4px;
1619
+ margin-top: 4px;
1620
+ margin-bottom: 8px;
1621
+ }
1622
+ .prose a {
1623
+ color: #2964aa;
1624
+ text-decoration: none;
1625
+ }
1626
+ .prose a:hover {
1627
+ color: #749ac8;
1628
+ }
1629
+ .prose :where(blockquote p:first-of-type):not( :where([class~="not-prose"], [class~="not-prose"] *) )::before {
1630
+ content: none;
1631
+ }
1632
+ .prose blockquote {
1633
+ font-style: normal;
1634
+ font-weight: 400;
1635
+ }
1636
+ .prose input[type="checkbox"] {
1637
+ appearance: none;
1638
+ background-color: #fff;
1639
+ background-origin: border-box;
1640
+ border-color: #9b9b9b;
1641
+ border-width: 1px;
1642
+ color: #004f99;
1643
+ display: inline-block;
1644
+ flex-shrink: 0;
1645
+ height: 1rem;
1646
+ padding: 0;
1647
+ -webkit-print-color-adjust: exact;
1648
+ print-color-adjust: exact;
1649
+ -webkit-user-select: none;
1650
+ user-select: none;
1651
+ vertical-align: middle;
1652
+ width: 1rem;
1653
+ border-radius: 2px;
1654
+ }
1655
+ .prose input[type="checkbox"]:checked {
1656
+ background-color: #004f99;
1657
+ border-color: #004f99;
1658
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
1659
+ background-position: center;
1660
+ background-repeat: no-repeat;
1661
+ background-size: 100% 100%;
1662
+ }
1663
+ .prose em {
1664
+ color: var(--foreground);
1665
+ }
1666
+ .prose hr {
1667
+ margin-block-start: 0px;
1668
+ margin-block-end: 0px;
1669
+ margin-top: 28px;
1670
+ margin-bottom: 28px;
1671
+ color: rgb(13, 13, 13);
1672
+ }
1673
+ .prose td {
1674
+ color: var(--foreground);
1675
+ }
1676
+ @property --tw-rotate-x {
1677
+ syntax: "*";
1678
+ inherits: false;
1679
+ }
1680
+ @property --tw-rotate-y {
1681
+ syntax: "*";
1682
+ inherits: false;
1683
+ }
1684
+ @property --tw-rotate-z {
1685
+ syntax: "*";
1686
+ inherits: false;
1687
+ }
1688
+ @property --tw-skew-x {
1689
+ syntax: "*";
1690
+ inherits: false;
1691
+ }
1692
+ @property --tw-skew-y {
1693
+ syntax: "*";
1694
+ inherits: false;
1695
+ }
1696
+ @property --tw-border-style {
1697
+ syntax: "*";
1698
+ inherits: false;
1699
+ initial-value: solid;
1700
+ }
1701
+ @property --tw-gradient-position {
1702
+ syntax: "*";
1703
+ inherits: false;
1704
+ }
1705
+ @property --tw-gradient-from {
1706
+ syntax: "<color>";
1707
+ inherits: false;
1708
+ initial-value: #0000;
1709
+ }
1710
+ @property --tw-gradient-via {
1711
+ syntax: "<color>";
1712
+ inherits: false;
1713
+ initial-value: #0000;
1714
+ }
1715
+ @property --tw-gradient-to {
1716
+ syntax: "<color>";
1717
+ inherits: false;
1718
+ initial-value: #0000;
1719
+ }
1720
+ @property --tw-gradient-stops {
1721
+ syntax: "*";
1722
+ inherits: false;
1723
+ }
1724
+ @property --tw-gradient-via-stops {
1725
+ syntax: "*";
1726
+ inherits: false;
1727
+ }
1728
+ @property --tw-gradient-from-position {
1729
+ syntax: "<length-percentage>";
1730
+ inherits: false;
1731
+ initial-value: 0%;
1732
+ }
1733
+ @property --tw-gradient-via-position {
1734
+ syntax: "<length-percentage>";
1735
+ inherits: false;
1736
+ initial-value: 50%;
1737
+ }
1738
+ @property --tw-gradient-to-position {
1739
+ syntax: "<length-percentage>";
1740
+ inherits: false;
1741
+ initial-value: 100%;
1742
+ }
1743
+ @property --tw-leading {
1744
+ syntax: "*";
1745
+ inherits: false;
1746
+ }
1747
+ @property --tw-font-weight {
1748
+ syntax: "*";
1749
+ inherits: false;
1750
+ }
1751
+ @property --tw-shadow {
1752
+ syntax: "*";
1753
+ inherits: false;
1754
+ initial-value: 0 0 #0000;
1755
+ }
1756
+ @property --tw-shadow-color {
1757
+ syntax: "*";
1758
+ inherits: false;
1759
+ }
1760
+ @property --tw-shadow-alpha {
1761
+ syntax: "<percentage>";
1762
+ inherits: false;
1763
+ initial-value: 100%;
1764
+ }
1765
+ @property --tw-inset-shadow {
1766
+ syntax: "*";
1767
+ inherits: false;
1768
+ initial-value: 0 0 #0000;
1769
+ }
1770
+ @property --tw-inset-shadow-color {
1771
+ syntax: "*";
1772
+ inherits: false;
1773
+ }
1774
+ @property --tw-inset-shadow-alpha {
1775
+ syntax: "<percentage>";
1776
+ inherits: false;
1777
+ initial-value: 100%;
1778
+ }
1779
+ @property --tw-ring-color {
1780
+ syntax: "*";
1781
+ inherits: false;
1782
+ }
1783
+ @property --tw-ring-shadow {
1784
+ syntax: "*";
1785
+ inherits: false;
1786
+ initial-value: 0 0 #0000;
1787
+ }
1788
+ @property --tw-inset-ring-color {
1789
+ syntax: "*";
1790
+ inherits: false;
1791
+ }
1792
+ @property --tw-inset-ring-shadow {
1793
+ syntax: "*";
1794
+ inherits: false;
1795
+ initial-value: 0 0 #0000;
1796
+ }
1797
+ @property --tw-ring-inset {
1798
+ syntax: "*";
1799
+ inherits: false;
1800
+ }
1801
+ @property --tw-ring-offset-width {
1802
+ syntax: "<length>";
1803
+ inherits: false;
1804
+ initial-value: 0px;
1805
+ }
1806
+ @property --tw-ring-offset-color {
1807
+ syntax: "*";
1808
+ inherits: false;
1809
+ initial-value: #fff;
1810
+ }
1811
+ @property --tw-ring-offset-shadow {
1812
+ syntax: "*";
1813
+ inherits: false;
1814
+ initial-value: 0 0 #0000;
1815
+ }
1816
+ @property --tw-blur {
1817
+ syntax: "*";
1818
+ inherits: false;
1819
+ }
1820
+ @property --tw-brightness {
1821
+ syntax: "*";
1822
+ inherits: false;
1823
+ }
1824
+ @property --tw-contrast {
1825
+ syntax: "*";
1826
+ inherits: false;
1827
+ }
1828
+ @property --tw-grayscale {
1829
+ syntax: "*";
1830
+ inherits: false;
1831
+ }
1832
+ @property --tw-hue-rotate {
1833
+ syntax: "*";
1834
+ inherits: false;
1835
+ }
1836
+ @property --tw-invert {
1837
+ syntax: "*";
1838
+ inherits: false;
1839
+ }
1840
+ @property --tw-opacity {
1841
+ syntax: "*";
1842
+ inherits: false;
1843
+ }
1844
+ @property --tw-saturate {
1845
+ syntax: "*";
1846
+ inherits: false;
1847
+ }
1848
+ @property --tw-sepia {
1849
+ syntax: "*";
1850
+ inherits: false;
1851
+ }
1852
+ @property --tw-drop-shadow {
1853
+ syntax: "*";
1854
+ inherits: false;
1855
+ }
1856
+ @property --tw-drop-shadow-color {
1857
+ syntax: "*";
1858
+ inherits: false;
1859
+ }
1860
+ @property --tw-drop-shadow-alpha {
1861
+ syntax: "<percentage>";
1862
+ inherits: false;
1863
+ initial-value: 100%;
1864
+ }
1865
+ @property --tw-drop-shadow-size {
1866
+ syntax: "*";
1867
+ inherits: false;
1868
+ }
1869
+ @property --tw-contain-size {
1870
+ syntax: "*";
1871
+ inherits: false;
1872
+ }
1873
+ @property --tw-contain-layout {
1874
+ syntax: "*";
1875
+ inherits: false;
1876
+ }
1877
+ @property --tw-contain-paint {
1878
+ syntax: "*";
1879
+ inherits: false;
1880
+ }
1881
+ @property --tw-contain-style {
1882
+ syntax: "*";
1883
+ inherits: false;
1884
+ }
1885
+ @keyframes pulse-cursor {
1886
+ 0%, 100% {
1887
+ transform: scale(1);
1888
+ opacity: 1;
1889
+ }
1890
+ 50% {
1891
+ transform: scale(1.5);
1892
+ opacity: 0.8;
1893
+ }
1894
+ }
1895
+ @layer properties {
1896
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1897
+ *, ::before, ::after, ::backdrop {
1898
+ --tw-rotate-x: initial;
1899
+ --tw-rotate-y: initial;
1900
+ --tw-rotate-z: initial;
1901
+ --tw-skew-x: initial;
1902
+ --tw-skew-y: initial;
1903
+ --tw-border-style: solid;
1904
+ --tw-gradient-position: initial;
1905
+ --tw-gradient-from: #0000;
1906
+ --tw-gradient-via: #0000;
1907
+ --tw-gradient-to: #0000;
1908
+ --tw-gradient-stops: initial;
1909
+ --tw-gradient-via-stops: initial;
1910
+ --tw-gradient-from-position: 0%;
1911
+ --tw-gradient-via-position: 50%;
1912
+ --tw-gradient-to-position: 100%;
1913
+ --tw-leading: initial;
1914
+ --tw-font-weight: initial;
1915
+ --tw-shadow: 0 0 #0000;
1916
+ --tw-shadow-color: initial;
1917
+ --tw-shadow-alpha: 100%;
1918
+ --tw-inset-shadow: 0 0 #0000;
1919
+ --tw-inset-shadow-color: initial;
1920
+ --tw-inset-shadow-alpha: 100%;
1921
+ --tw-ring-color: initial;
1922
+ --tw-ring-shadow: 0 0 #0000;
1923
+ --tw-inset-ring-color: initial;
1924
+ --tw-inset-ring-shadow: 0 0 #0000;
1925
+ --tw-ring-inset: initial;
1926
+ --tw-ring-offset-width: 0px;
1927
+ --tw-ring-offset-color: #fff;
1928
+ --tw-ring-offset-shadow: 0 0 #0000;
1929
+ --tw-blur: initial;
1930
+ --tw-brightness: initial;
1931
+ --tw-contrast: initial;
1932
+ --tw-grayscale: initial;
1933
+ --tw-hue-rotate: initial;
1934
+ --tw-invert: initial;
1935
+ --tw-opacity: initial;
1936
+ --tw-saturate: initial;
1937
+ --tw-sepia: initial;
1938
+ --tw-drop-shadow: initial;
1939
+ --tw-drop-shadow-color: initial;
1940
+ --tw-drop-shadow-alpha: 100%;
1941
+ --tw-drop-shadow-size: initial;
1942
+ --tw-contain-size: initial;
1943
+ --tw-contain-layout: initial;
1944
+ --tw-contain-paint: initial;
1945
+ --tw-contain-style: initial;
1946
+ --tw-animation-delay: 0s;
1947
+ --tw-animation-direction: normal;
1948
+ --tw-animation-duration: initial;
1949
+ --tw-animation-fill-mode: none;
1950
+ --tw-animation-iteration-count: 1;
1951
+ --tw-enter-opacity: 1;
1952
+ --tw-enter-rotate: 0;
1953
+ --tw-enter-scale: 1;
1954
+ --tw-enter-translate-x: 0;
1955
+ --tw-enter-translate-y: 0;
1956
+ --tw-exit-opacity: 1;
1957
+ --tw-exit-rotate: 0;
1958
+ --tw-exit-scale: 1;
1959
+ --tw-exit-translate-x: 0;
1960
+ --tw-exit-translate-y: 0;
1961
+ }
1962
+ }
1963
+ }