sunpeak 0.4.4 → 0.5.3

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 (54) hide show
  1. package/dist/chatgpt/chatgpt-simulator-types.d.ts +1 -1
  2. package/dist/chatgpt/chatgpt-simulator.d.ts +4 -15
  3. package/dist/chatgpt/index.d.ts +1 -1
  4. package/dist/chatgpt/mock-openai.d.ts +4 -16
  5. package/dist/index.cjs +69 -40
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.js +69 -40
  8. package/dist/index.js.map +1 -1
  9. package/dist/mcp/index.cjs +76 -112
  10. package/dist/mcp/index.cjs.map +1 -1
  11. package/dist/mcp/index.d.ts +2 -1
  12. package/dist/mcp/index.js +76 -112
  13. package/dist/mcp/index.js.map +1 -1
  14. package/dist/mcp/server.d.ts +2 -4
  15. package/dist/mcp/types.d.ts +16 -62
  16. package/dist/providers/index.d.ts +1 -3
  17. package/dist/providers/openai/index.d.ts +7 -0
  18. package/dist/{chatgpt/openai-provider.d.ts → providers/openai/provider.d.ts} +1 -1
  19. package/dist/{chatgpt/openai-types.d.ts → providers/openai/types.d.ts} +3 -32
  20. package/dist/providers/types.d.ts +4 -5
  21. package/dist/runtime/index.d.ts +7 -0
  22. package/dist/runtime/provider-detection.d.ts +17 -0
  23. package/dist/types/index.d.ts +2 -1
  24. package/dist/types/runtime.d.ts +34 -0
  25. package/dist/types/simulation.d.ts +47 -0
  26. package/package.json +2 -2
  27. package/template/README.md +6 -7
  28. package/template/dev/main.tsx +38 -3
  29. package/template/mcp/server.ts +9 -6
  30. package/template/nodemon.json +7 -0
  31. package/template/package.json +4 -2
  32. package/template/scripts/build-all.mjs +108 -0
  33. package/template/scripts/validate.mjs +16 -7
  34. package/template/src/components/index.ts +1 -1
  35. package/template/src/components/resources/AlbumsResource.tsx +13 -0
  36. package/template/src/components/{apps/PlacesApp.tsx → resources/CarouselResource.tsx} +11 -10
  37. package/template/src/components/{apps/App.tsx → resources/CounterResource.tsx} +5 -14
  38. package/template/src/components/resources/index.ts +3 -0
  39. package/template/src/index-resource.tsx +11 -0
  40. package/template/src/simulations/albums-simulation.ts +35 -9
  41. package/template/src/simulations/carousel-simulation.ts +35 -9
  42. package/template/src/simulations/counter-simulation.ts +41 -0
  43. package/template/src/simulations/index.ts +10 -10
  44. package/template/vite.config.build.ts +21 -15
  45. package/dist/chatgpt/mcp-provider.d.ts +0 -25
  46. package/dist/style.css +0 -4420
  47. package/template/src/components/apps/AlbumsApp.tsx +0 -13
  48. package/template/src/components/apps/active-app.ts +0 -11
  49. package/template/src/components/apps/index.ts +0 -3
  50. package/template/src/index.chatgpt.tsx +0 -9
  51. package/template/src/index.ts +0 -2
  52. package/template/src/simulations/app-configs.ts +0 -30
  53. package/template/src/simulations/app-simulation.ts +0 -15
  54. package/template/src/simulations/simulations.ts +0 -74
package/dist/style.css DELETED
@@ -1,4420 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- *, :before, :after, ::backdrop {
5
- --tw-translate-x: 0;
6
- --tw-translate-y: 0;
7
- --tw-translate-z: 0;
8
- --tw-pan-x: initial;
9
- --tw-pan-y: initial;
10
- --tw-pinch-zoom: initial;
11
- --tw-space-y-reverse: 0;
12
- --tw-border-style: solid;
13
- --tw-gradient-position: initial;
14
- --tw-gradient-from: #0000;
15
- --tw-gradient-via: #0000;
16
- --tw-gradient-to: #0000;
17
- --tw-gradient-stops: initial;
18
- --tw-gradient-via-stops: initial;
19
- --tw-gradient-from-position: 0%;
20
- --tw-gradient-via-position: 50%;
21
- --tw-gradient-to-position: 100%;
22
- --tw-leading: initial;
23
- --tw-font-weight: initial;
24
- --tw-shadow: 0 0 #0000;
25
- --tw-shadow-color: initial;
26
- --tw-shadow-alpha: 100%;
27
- --tw-inset-shadow: 0 0 #0000;
28
- --tw-inset-shadow-color: initial;
29
- --tw-inset-shadow-alpha: 100%;
30
- --tw-ring-color: initial;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-inset-ring-color: initial;
33
- --tw-inset-ring-shadow: 0 0 #0000;
34
- --tw-ring-inset: initial;
35
- --tw-ring-offset-width: 0px;
36
- --tw-ring-offset-color: #fff;
37
- --tw-ring-offset-shadow: 0 0 #0000;
38
- --tw-outline-style: solid;
39
- --tw-blur: initial;
40
- --tw-brightness: initial;
41
- --tw-contrast: initial;
42
- --tw-grayscale: initial;
43
- --tw-hue-rotate: initial;
44
- --tw-invert: initial;
45
- --tw-opacity: initial;
46
- --tw-saturate: initial;
47
- --tw-sepia: initial;
48
- --tw-drop-shadow: initial;
49
- --tw-drop-shadow-color: initial;
50
- --tw-drop-shadow-alpha: 100%;
51
- --tw-drop-shadow-size: initial;
52
- --tw-duration: initial;
53
- --tw-ease: initial;
54
- --tw-content: "";
55
- --tw-scale-x: 1;
56
- --tw-scale-y: 1;
57
- --tw-scale-z: 1;
58
- }
59
- }
60
- }
61
-
62
- @layer theme {
63
- :root, :host {
64
- --font-sans: ui-sans-serif, -apple-system, system-ui, "Segoe UI", "Noto Sans", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
65
- --font-mono: ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
66
- --spacing: .25rem;
67
- --breakpoint-sm: 576px;
68
- --breakpoint-md: 768px;
69
- --breakpoint-lg: 1024px;
70
- --breakpoint-xl: 1280px;
71
- --breakpoint-2xl: 1536px;
72
- --container-md: 28rem;
73
- --leading-tight: 1.25;
74
- --leading-normal: 1.5;
75
- --default-transition-duration: .15s;
76
- --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
77
- --default-font-family: var(--font-sans);
78
- --default-mono-font-family: var(--font-mono);
79
- --breakpoint-xs: 380px;
80
- --font-weight-normal: 400;
81
- --font-weight-medium: 500;
82
- --font-weight-semibold: 600;
83
- --font-weight-bold: 700;
84
- --radius-2xs: .125rem;
85
- --radius-xs: .25rem;
86
- --radius-sm: .375rem;
87
- --radius-md: .5rem;
88
- --radius-lg: .625rem;
89
- --radius-xl: .75rem;
90
- --radius-2xl: 1rem;
91
- --radius-3xl: 1.25rem;
92
- --radius-4xl: 1.5rem;
93
- --radius-full: 9999px;
94
- --text-lg: var(--font-text-lg-size);
95
- --text-lg--line-height: var(--font-text-lg-line-height);
96
- --text-lg--font-weight: var(--font-text-lg-weight);
97
- --text-lg--letter-spacing: var(--font-text-lg-tracking);
98
- --text-base: var(--font-text-md-size);
99
- --text-base--line-height: var(--font-text-md-line-height);
100
- --text-base--font-weight: var(--font-text-md-weight);
101
- --text-base--letter-spacing: var(--font-text-md-tracking);
102
- --text-sm: var(--font-text-sm-size);
103
- --text-sm--line-height: var(--font-text-sm-line-height);
104
- --text-sm--font-weight: var(--font-text-sm-weight);
105
- --text-sm--letter-spacing: var(--font-text-sm-tracking);
106
- --text-xs: var(--font-text-xs-size);
107
- --text-xs--line-height: var(--font-text-xs-line-height);
108
- --text-xs--font-weight: var(--font-text-xs-weight);
109
- --text-xs--letter-spacing: var(--font-text-xs-tracking);
110
- --text-3xl: var(--font-heading-xl-size);
111
- --text-3xl--line-height: var(--font-heading-xl-line-height);
112
- --text-3xl--font-weight: var(--font-text-lg-weight);
113
- --text-3xl--letter-spacing: var(--font-heading-xl-tracking);
114
- --text-6xl: var(--font-heading-4xl-size);
115
- --text-6xl--line-height: var(--font-heading-4xl-line-height);
116
- --text-6xl--font-weight: var(--font-text-lg-weight);
117
- --text-6xl--letter-spacing: var(--font-heading-4xl-tracking);
118
- --tracking-wide: var(--font-tracking-wide);
119
- --tracking-normal: var(--font-tracking-normal);
120
- --tracking-tight: var(--font-tracking-tight);
121
- --shadow-hairline: var(--shadow-hairline);
122
- }
123
-
124
- :root, :where([data-theme]) {
125
- --gray-500: #5d5d5d;
126
- --alpha-0: var(--alpha-base);
127
- }
128
-
129
- @supports (color: color-mix(in lab, red, red)) {
130
- :root, :where([data-theme]) {
131
- --alpha-0: color-mix(in oklab, var(--alpha-base) 0%, transparent);
132
- }
133
- }
134
-
135
- :root, :where([data-theme]) {
136
- --alpha-02: var(--alpha-base);
137
- }
138
-
139
- @supports (color: color-mix(in lab, red, red)) {
140
- :root, :where([data-theme]) {
141
- --alpha-02: color-mix(in oklab, var(--alpha-base) 2%, transparent);
142
- }
143
- }
144
-
145
- :root, :where([data-theme]) {
146
- --alpha-04: var(--alpha-base);
147
- }
148
-
149
- @supports (color: color-mix(in lab, red, red)) {
150
- :root, :where([data-theme]) {
151
- --alpha-04: color-mix(in oklab, var(--alpha-base) 4%, transparent);
152
- }
153
- }
154
-
155
- :root, :where([data-theme]) {
156
- --alpha-05: var(--alpha-base);
157
- }
158
-
159
- @supports (color: color-mix(in lab, red, red)) {
160
- :root, :where([data-theme]) {
161
- --alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparent);
162
- }
163
- }
164
-
165
- :root, :where([data-theme]) {
166
- --alpha-06: var(--alpha-base);
167
- }
168
-
169
- @supports (color: color-mix(in lab, red, red)) {
170
- :root, :where([data-theme]) {
171
- --alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent);
172
- }
173
- }
174
-
175
- :root, :where([data-theme]) {
176
- --alpha-08: var(--alpha-base);
177
- }
178
-
179
- @supports (color: color-mix(in lab, red, red)) {
180
- :root, :where([data-theme]) {
181
- --alpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent);
182
- }
183
- }
184
-
185
- :root, :where([data-theme]) {
186
- --alpha-10: var(--alpha-base);
187
- }
188
-
189
- @supports (color: color-mix(in lab, red, red)) {
190
- :root, :where([data-theme]) {
191
- --alpha-10: color-mix(in oklab, var(--alpha-base) 10%, transparent);
192
- }
193
- }
194
-
195
- :root, :where([data-theme]) {
196
- --alpha-12: var(--alpha-base);
197
- }
198
-
199
- @supports (color: color-mix(in lab, red, red)) {
200
- :root, :where([data-theme]) {
201
- --alpha-12: color-mix(in oklab, var(--alpha-base) 12%, transparent);
202
- }
203
- }
204
-
205
- :root, :where([data-theme]) {
206
- --alpha-15: var(--alpha-base);
207
- }
208
-
209
- @supports (color: color-mix(in lab, red, red)) {
210
- :root, :where([data-theme]) {
211
- --alpha-15: color-mix(in oklab, var(--alpha-base) 15%, transparent);
212
- }
213
- }
214
-
215
- :root, :where([data-theme]) {
216
- --alpha-16: var(--alpha-base);
217
- }
218
-
219
- @supports (color: color-mix(in lab, red, red)) {
220
- :root, :where([data-theme]) {
221
- --alpha-16: color-mix(in oklab, var(--alpha-base) 16%, transparent);
222
- }
223
- }
224
-
225
- :root, :where([data-theme]) {
226
- --alpha-20: var(--alpha-base);
227
- }
228
-
229
- @supports (color: color-mix(in lab, red, red)) {
230
- :root, :where([data-theme]) {
231
- --alpha-20: color-mix(in oklab, var(--alpha-base) 20%, transparent);
232
- }
233
- }
234
-
235
- :root, :where([data-theme]) {
236
- --alpha-25: var(--alpha-base);
237
- }
238
-
239
- @supports (color: color-mix(in lab, red, red)) {
240
- :root, :where([data-theme]) {
241
- --alpha-25: color-mix(in oklab, var(--alpha-base) 25%, transparent);
242
- }
243
- }
244
-
245
- :root, :where([data-theme]) {
246
- --alpha-30: var(--alpha-base);
247
- }
248
-
249
- @supports (color: color-mix(in lab, red, red)) {
250
- :root, :where([data-theme]) {
251
- --alpha-30: color-mix(in oklab, var(--alpha-base) 30%, transparent);
252
- }
253
- }
254
-
255
- :root, :where([data-theme]) {
256
- --alpha-35: var(--alpha-base);
257
- }
258
-
259
- @supports (color: color-mix(in lab, red, red)) {
260
- :root, :where([data-theme]) {
261
- --alpha-35: color-mix(in oklab, var(--alpha-base) 35%, transparent);
262
- }
263
- }
264
-
265
- :root, :where([data-theme]) {
266
- --alpha-40: var(--alpha-base);
267
- }
268
-
269
- @supports (color: color-mix(in lab, red, red)) {
270
- :root, :where([data-theme]) {
271
- --alpha-40: color-mix(in oklab, var(--alpha-base) 40%, transparent);
272
- }
273
- }
274
-
275
- :root, :where([data-theme]) {
276
- --alpha-50: var(--alpha-base);
277
- }
278
-
279
- @supports (color: color-mix(in lab, red, red)) {
280
- :root, :where([data-theme]) {
281
- --alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transparent);
282
- }
283
- }
284
-
285
- :root, :where([data-theme]) {
286
- --alpha-60: var(--alpha-base);
287
- }
288
-
289
- @supports (color: color-mix(in lab, red, red)) {
290
- :root, :where([data-theme]) {
291
- --alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent);
292
- }
293
- }
294
-
295
- :root, :where([data-theme]) {
296
- --alpha-70: var(--alpha-base);
297
- }
298
-
299
- @supports (color: color-mix(in lab, red, red)) {
300
- :root, :where([data-theme]) {
301
- --alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent);
302
- }
303
- }
304
-
305
- :root, :where([data-theme]) {
306
- --white: #fff;
307
- --black: #000;
308
- --green-25: #edfaf2;
309
- --green-50: #d9f4e4;
310
- --green-75: #b8ebcc;
311
- --green-100: #8cdfad;
312
- --green-200: #66d492;
313
- --green-300: #40c977;
314
- --green-400: #04b84c;
315
- --green-500: #00a240;
316
- --green-600: #008635;
317
- --green-700: #00692a;
318
- --green-800: #004f1f;
319
- --green-900: #003716;
320
- --green-950: #011c0b;
321
- --green-1000: #001207;
322
- --green-a25: var(--green-400);
323
- }
324
-
325
- @supports (color: color-mix(in lab, red, red)) {
326
- :root, :where([data-theme]) {
327
- --green-a25: color-mix(in oklab, var(--green-400) 8%, transparent);
328
- }
329
- }
330
-
331
- :root, :where([data-theme]) {
332
- --green-a50: var(--green-400);
333
- }
334
-
335
- @supports (color: color-mix(in lab, red, red)) {
336
- :root, :where([data-theme]) {
337
- --green-a50: color-mix(in oklab, var(--green-400) 15%, transparent);
338
- }
339
- }
340
-
341
- :root, :where([data-theme]) {
342
- --green-a75: var(--green-400);
343
- }
344
-
345
- @supports (color: color-mix(in lab, red, red)) {
346
- :root, :where([data-theme]) {
347
- --green-a75: color-mix(in oklab, var(--green-400) 29%, transparent);
348
- }
349
- }
350
-
351
- :root, :where([data-theme]) {
352
- --green-a100: var(--green-400);
353
- }
354
-
355
- @supports (color: color-mix(in lab, red, red)) {
356
- :root, :where([data-theme]) {
357
- --green-a100: color-mix(in oklab, var(--green-400) 45%, transparent);
358
- }
359
- }
360
-
361
- :root, :where([data-theme]) {
362
- --green-a200: var(--green-400);
363
- }
364
-
365
- @supports (color: color-mix(in lab, red, red)) {
366
- :root, :where([data-theme]) {
367
- --green-a200: color-mix(in oklab, var(--green-400) 60%, transparent);
368
- }
369
- }
370
-
371
- :root, :where([data-theme]) {
372
- --green-a300: var(--green-400);
373
- }
374
-
375
- @supports (color: color-mix(in lab, red, red)) {
376
- :root, :where([data-theme]) {
377
- --green-a300: color-mix(in oklab, var(--green-400) 75%, transparent);
378
- }
379
- }
380
-
381
- :root, :where([data-theme]) {
382
- --red-25: #fff0f0;
383
- --red-50: #ffd9d9;
384
- --red-75: #ffc6c5;
385
- --red-100: #ffa4a2;
386
- --red-200: #ff8583;
387
- --red-300: #ff6764;
388
- --red-400: #fa423e;
389
- --red-500: #e02e2a;
390
- --red-600: #ba2623;
391
- --red-700: #911e1b;
392
- --red-800: #6e1615;
393
- --red-900: #4d100e;
394
- --red-950: #280b0a;
395
- --red-1000: #1f0909;
396
- --red-a25: var(--red-400);
397
- }
398
-
399
- @supports (color: color-mix(in lab, red, red)) {
400
- :root, :where([data-theme]) {
401
- --red-a25: color-mix(in oklab, var(--red-400) 8%, transparent);
402
- }
403
- }
404
-
405
- :root, :where([data-theme]) {
406
- --red-a50: var(--red-400);
407
- }
408
-
409
- @supports (color: color-mix(in lab, red, red)) {
410
- :root, :where([data-theme]) {
411
- --red-a50: color-mix(in oklab, var(--red-400) 16%, transparent);
412
- }
413
- }
414
-
415
- :root, :where([data-theme]) {
416
- --red-a75: var(--red-400);
417
- }
418
-
419
- @supports (color: color-mix(in lab, red, red)) {
420
- :root, :where([data-theme]) {
421
- --red-a75: color-mix(in oklab, var(--red-400) 30%, transparent);
422
- }
423
- }
424
-
425
- :root, :where([data-theme]) {
426
- --red-a100: var(--red-400);
427
- }
428
-
429
- @supports (color: color-mix(in lab, red, red)) {
430
- :root, :where([data-theme]) {
431
- --red-a100: color-mix(in oklab, var(--red-400) 48%, transparent);
432
- }
433
- }
434
-
435
- :root, :where([data-theme]) {
436
- --red-a200: var(--red-400);
437
- }
438
-
439
- @supports (color: color-mix(in lab, red, red)) {
440
- :root, :where([data-theme]) {
441
- --red-a200: color-mix(in oklab, var(--red-400) 64%, transparent);
442
- }
443
- }
444
-
445
- :root, :where([data-theme]) {
446
- --red-a300: var(--red-400);
447
- }
448
-
449
- @supports (color: color-mix(in lab, red, red)) {
450
- :root, :where([data-theme]) {
451
- --red-a300: color-mix(in oklab, var(--red-400) 79%, transparent);
452
- }
453
- }
454
-
455
- :root, :where([data-theme]) {
456
- --pink-25: #fff4f9;
457
- --pink-50: #ffe8f3;
458
- --pink-75: #ffd4e8;
459
- --pink-100: #ffbada;
460
- --pink-200: #ffa3ce;
461
- --pink-300: #ff8cc1;
462
- --pink-400: #ff66ad;
463
- --pink-500: #e04c91;
464
- --pink-600: #ba437a;
465
- --pink-700: #963c67;
466
- --pink-800: #6e2c4a;
467
- --pink-900: #4d1f34;
468
- --pink-950: #29101c;
469
- --pink-1000: #1a0a11;
470
- --pink-a25: var(--pink-400);
471
- }
472
-
473
- @supports (color: color-mix(in lab, red, red)) {
474
- :root, :where([data-theme]) {
475
- --pink-a25: color-mix(in oklab, var(--pink-400) 8%, transparent);
476
- }
477
- }
478
-
479
- :root, :where([data-theme]) {
480
- --pink-a50: var(--pink-400);
481
- }
482
-
483
- @supports (color: color-mix(in lab, red, red)) {
484
- :root, :where([data-theme]) {
485
- --pink-a50: color-mix(in oklab, var(--pink-400) 16%, transparent);
486
- }
487
- }
488
-
489
- :root, :where([data-theme]) {
490
- --pink-a75: var(--pink-400);
491
- }
492
-
493
- @supports (color: color-mix(in lab, red, red)) {
494
- :root, :where([data-theme]) {
495
- --pink-a75: color-mix(in oklab, var(--pink-400) 28%, transparent);
496
- }
497
- }
498
-
499
- :root, :where([data-theme]) {
500
- --pink-a100: var(--pink-400);
501
- }
502
-
503
- @supports (color: color-mix(in lab, red, red)) {
504
- :root, :where([data-theme]) {
505
- --pink-a100: color-mix(in oklab, var(--pink-400) 45%, transparent);
506
- }
507
- }
508
-
509
- :root, :where([data-theme]) {
510
- --pink-a200: var(--pink-400);
511
- }
512
-
513
- @supports (color: color-mix(in lab, red, red)) {
514
- :root, :where([data-theme]) {
515
- --pink-a200: color-mix(in oklab, var(--pink-400) 60%, transparent);
516
- }
517
- }
518
-
519
- :root, :where([data-theme]) {
520
- --pink-a300: var(--pink-400);
521
- }
522
-
523
- @supports (color: color-mix(in lab, red, red)) {
524
- :root, :where([data-theme]) {
525
- --pink-a300: color-mix(in oklab, var(--pink-400) 76%, transparent);
526
- }
527
- }
528
-
529
- :root, :where([data-theme]) {
530
- --orange-25: #fff5f0;
531
- --orange-50: #ffe7d9;
532
- --orange-75: #ffcfb4;
533
- --orange-100: #ffb790;
534
- --orange-200: #ff9e6c;
535
- --orange-300: #ff8549;
536
- --orange-400: #fb6a22;
537
- --orange-500: #e25507;
538
- --orange-600: #b9480d;
539
- --orange-700: #923b0f;
540
- --orange-800: #6d2e0f;
541
- --orange-900: #4a2206;
542
- --orange-950: #281105;
543
- --orange-1000: #211107;
544
- --orange-a25: var(--orange-400);
545
- }
546
-
547
- @supports (color: color-mix(in lab, red, red)) {
548
- :root, :where([data-theme]) {
549
- --orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent);
550
- }
551
- }
552
-
553
- :root, :where([data-theme]) {
554
- --orange-a50: var(--orange-400);
555
- }
556
-
557
- @supports (color: color-mix(in lab, red, red)) {
558
- :root, :where([data-theme]) {
559
- --orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent);
560
- }
561
- }
562
-
563
- :root, :where([data-theme]) {
564
- --orange-a75: var(--orange-400);
565
- }
566
-
567
- @supports (color: color-mix(in lab, red, red)) {
568
- :root, :where([data-theme]) {
569
- --orange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent);
570
- }
571
- }
572
-
573
- :root, :where([data-theme]) {
574
- --orange-a100: var(--orange-400);
575
- }
576
-
577
- @supports (color: color-mix(in lab, red, red)) {
578
- :root, :where([data-theme]) {
579
- --orange-a100: color-mix(in oklab, var(--orange-400) 48%, transparent);
580
- }
581
- }
582
-
583
- :root, :where([data-theme]) {
584
- --orange-a200: var(--orange-400);
585
- }
586
-
587
- @supports (color: color-mix(in lab, red, red)) {
588
- :root, :where([data-theme]) {
589
- --orange-a200: color-mix(in oklab, var(--orange-400) 65%, transparent);
590
- }
591
- }
592
-
593
- :root, :where([data-theme]) {
594
- --orange-a300: var(--orange-400);
595
- }
596
-
597
- @supports (color: color-mix(in lab, red, red)) {
598
- :root, :where([data-theme]) {
599
- --orange-a300: color-mix(in oklab, var(--orange-400) 81%, transparent);
600
- }
601
- }
602
-
603
- :root, :where([data-theme]) {
604
- --yellow-25: #fffbed;
605
- --yellow-50: #fff6d9;
606
- --yellow-75: #ffeeb8;
607
- --yellow-100: #ffe48c;
608
- --yellow-200: #ffdb66;
609
- --yellow-300: #ffd240;
610
- --yellow-400: #ffc300;
611
- --yellow-500: #e0ac00;
612
- --yellow-600: #ba8e00;
613
- --yellow-700: #916f00;
614
- --yellow-800: #6e5400;
615
- --yellow-900: #4d3b00;
616
- --yellow-950: #261d00;
617
- --yellow-1000: #1a1400;
618
- --yellow-a25: var(--yellow-400);
619
- }
620
-
621
- @supports (color: color-mix(in lab, red, red)) {
622
- :root, :where([data-theme]) {
623
- --yellow-a25: color-mix(in oklab, var(--yellow-400) 8%, transparent);
624
- }
625
- }
626
-
627
- :root, :where([data-theme]) {
628
- --yellow-a50: var(--yellow-400);
629
- }
630
-
631
- @supports (color: color-mix(in lab, red, red)) {
632
- :root, :where([data-theme]) {
633
- --yellow-a50: color-mix(in oklab, var(--yellow-400) 15%, transparent);
634
- }
635
- }
636
-
637
- :root, :where([data-theme]) {
638
- --yellow-a75: var(--yellow-400);
639
- }
640
-
641
- @supports (color: color-mix(in lab, red, red)) {
642
- :root, :where([data-theme]) {
643
- --yellow-a75: color-mix(in oklab, var(--yellow-400) 27%, transparent);
644
- }
645
- }
646
-
647
- :root, :where([data-theme]) {
648
- --yellow-a100: var(--yellow-400);
649
- }
650
-
651
- @supports (color: color-mix(in lab, red, red)) {
652
- :root, :where([data-theme]) {
653
- --yellow-a100: color-mix(in oklab, var(--yellow-400) 45%, transparent);
654
- }
655
- }
656
-
657
- :root, :where([data-theme]) {
658
- --yellow-a200: var(--yellow-400);
659
- }
660
-
661
- @supports (color: color-mix(in lab, red, red)) {
662
- :root, :where([data-theme]) {
663
- --yellow-a200: color-mix(in oklab, var(--yellow-400) 59%, transparent);
664
- }
665
- }
666
-
667
- :root, :where([data-theme]) {
668
- --yellow-a300: var(--yellow-400);
669
- }
670
-
671
- @supports (color: color-mix(in lab, red, red)) {
672
- :root, :where([data-theme]) {
673
- --yellow-a300: color-mix(in oklab, var(--yellow-400) 74%, transparent);
674
- }
675
- }
676
-
677
- :root, :where([data-theme]) {
678
- --purple-25: #f9f5fe;
679
- --purple-50: #efe5fe;
680
- --purple-75: #e0cefd;
681
- --purple-100: #ceb0fb;
682
- --purple-200: #be95fa;
683
- --purple-300: #ad7bf9;
684
- --purple-400: #924ff7;
685
- --purple-500: #8046d9;
686
- --purple-600: #6b3ab4;
687
- --purple-700: #532d8d;
688
- --purple-800: #3f226a;
689
- --purple-900: #2c184a;
690
- --purple-950: #160c25;
691
- --purple-1000: #100a19;
692
- --purple-a25: var(--purple-400);
693
- }
694
-
695
- @supports (color: color-mix(in lab, red, red)) {
696
- :root, :where([data-theme]) {
697
- --purple-a25: color-mix(in oklab, var(--purple-400) 6%, transparent);
698
- }
699
- }
700
-
701
- :root, :where([data-theme]) {
702
- --purple-a50: var(--purple-400);
703
- }
704
-
705
- @supports (color: color-mix(in lab, red, red)) {
706
- :root, :where([data-theme]) {
707
- --purple-a50: color-mix(in oklab, var(--purple-400) 15%, transparent);
708
- }
709
- }
710
-
711
- :root, :where([data-theme]) {
712
- --purple-a75: var(--purple-400);
713
- }
714
-
715
- @supports (color: color-mix(in lab, red, red)) {
716
- :root, :where([data-theme]) {
717
- --purple-a75: color-mix(in oklab, var(--purple-400) 28%, transparent);
718
- }
719
- }
720
-
721
- :root, :where([data-theme]) {
722
- --purple-a100: var(--purple-400);
723
- }
724
-
725
- @supports (color: color-mix(in lab, red, red)) {
726
- :root, :where([data-theme]) {
727
- --purple-a100: color-mix(in oklab, var(--purple-400) 45%, transparent);
728
- }
729
- }
730
-
731
- :root, :where([data-theme]) {
732
- --purple-a200: var(--purple-400);
733
- }
734
-
735
- @supports (color: color-mix(in lab, red, red)) {
736
- :root, :where([data-theme]) {
737
- --purple-a200: color-mix(in oklab, var(--purple-400) 60%, transparent);
738
- }
739
- }
740
-
741
- :root, :where([data-theme]) {
742
- --purple-a300: var(--purple-400);
743
- }
744
-
745
- @supports (color: color-mix(in lab, red, red)) {
746
- :root, :where([data-theme]) {
747
- --purple-a300: color-mix(in oklab, var(--purple-400) 75%, transparent);
748
- }
749
- }
750
-
751
- :root, :where([data-theme]) {
752
- --blue-25: #f5faff;
753
- --blue-50: #e5f3ff;
754
- --blue-75: #cce6ff;
755
- --blue-100: #99ceff;
756
- --blue-200: #66b5ff;
757
- --blue-300: #339cff;
758
- --blue-400: #0285ff;
759
- --blue-500: #0169cc;
760
- --blue-600: #004f99;
761
- --blue-700: #003f7a;
762
- --blue-800: #013566;
763
- --blue-900: #00284d;
764
- --blue-950: #000e1a;
765
- --blue-1000: #000d19;
766
- --blue-a25: var(--blue-400);
767
- }
768
-
769
- @supports (color: color-mix(in lab, red, red)) {
770
- :root, :where([data-theme]) {
771
- --blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent);
772
- }
773
- }
774
-
775
- :root, :where([data-theme]) {
776
- --blue-a50: var(--blue-400);
777
- }
778
-
779
- @supports (color: color-mix(in lab, red, red)) {
780
- :root, :where([data-theme]) {
781
- --blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent);
782
- }
783
- }
784
-
785
- :root, :where([data-theme]) {
786
- --blue-a75: var(--blue-400);
787
- }
788
-
789
- @supports (color: color-mix(in lab, red, red)) {
790
- :root, :where([data-theme]) {
791
- --blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent);
792
- }
793
- }
794
-
795
- :root, :where([data-theme]) {
796
- --blue-a100: var(--blue-400);
797
- }
798
-
799
- @supports (color: color-mix(in lab, red, red)) {
800
- :root, :where([data-theme]) {
801
- --blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent);
802
- }
803
- }
804
-
805
- :root, :where([data-theme]) {
806
- --blue-a200: var(--blue-400);
807
- }
808
-
809
- @supports (color: color-mix(in lab, red, red)) {
810
- :root, :where([data-theme]) {
811
- --blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent);
812
- }
813
- }
814
-
815
- :root, :where([data-theme]) {
816
- --blue-a300: var(--blue-400);
817
- }
818
-
819
- @supports (color: color-mix(in lab, red, red)) {
820
- :root, :where([data-theme]) {
821
- --blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent);
822
- }
823
- }
824
-
825
- :root, :where([data-theme]) {
826
- --hairline: 1px;
827
- }
828
-
829
- :where(:root), :where([data-theme="light"]) {
830
- --gray-0: #fff;
831
- --gray-25: #fcfcfc;
832
- --gray-50: #f9f9f9;
833
- --gray-75: #f3f3f3;
834
- --gray-100: #ededed;
835
- --gray-150: #dfdfdf;
836
- --gray-200: #cdcdcd;
837
- --gray-250: #b9b9b9;
838
- --gray-300: #afafaf;
839
- --gray-350: #9f9f9f;
840
- --gray-400: #8f8f8f;
841
- --gray-450: #767676;
842
- --gray-550: #4f4f4f;
843
- --gray-600: #414141;
844
- --gray-650: #393939;
845
- --gray-700: #303030;
846
- --gray-750: #282828;
847
- --gray-800: #212121;
848
- --gray-850: #1c1c1c;
849
- --gray-900: #181818;
850
- --gray-925: #161616;
851
- --gray-950: #131313;
852
- --gray-975: #101010;
853
- --gray-1000: #0d0d0d;
854
- --alpha-base: #0d0d0d;
855
- }
856
-
857
- :where([data-theme="dark"]) {
858
- --gray-0: #0d0d0d;
859
- --gray-25: #101010;
860
- --gray-50: #131313;
861
- --gray-75: #161616;
862
- --gray-100: #181818;
863
- --gray-150: #1c1c1c;
864
- --gray-200: #212121;
865
- --gray-250: #282828;
866
- --gray-300: #303030;
867
- --gray-350: #393939;
868
- --gray-400: #414141;
869
- --gray-450: #4f4f4f;
870
- --gray-550: #767676;
871
- --gray-600: #8f8f8f;
872
- --gray-650: #9f9f9f;
873
- --gray-700: #afafaf;
874
- --gray-750: #b9b9b9;
875
- --gray-800: #cdcdcd;
876
- --gray-850: #dcdcdc;
877
- --gray-900: #ededed;
878
- --gray-925: #f3f3f3;
879
- --gray-950: #f3f3f3;
880
- --gray-975: #f9f9f9;
881
- --gray-1000: #fff;
882
- --alpha-base: #fff;
883
- }
884
-
885
- @media (min-resolution: 150dpi), (min-resolution: 1.5x) {
886
- :root, :where([data-theme]) {
887
- --hairline: .5px;
888
- }
889
- }
890
-
891
- :root, :where([data-theme]) {
892
- --shadow-color: 0 0 0;
893
- --elevation-100-geo: 0 1px 2px -1px;
894
- --elevation-200-geo: 0 2px 4px -1px;
895
- --elevation-300-geo: 0 4px 8px -2px;
896
- --elevation-400-geo: 0 8px 16px -4px;
897
- }
898
-
899
- :where(:root), :where([data-theme="light"]) {
900
- --shadow-alpha-100: .08;
901
- --shadow-alpha-200: .08;
902
- --shadow-alpha-300: .1;
903
- --shadow-alpha-400: .12;
904
- --shadow-hairline-width: 1px;
905
- --shadow-hairline-color: #00000014;
906
- }
907
-
908
- @media (min-resolution: 150dpi), (min-resolution: 1.5x) {
909
- :where(:root), :where([data-theme="light"]) {
910
- --shadow-hairline-width: .5px;
911
- --shadow-hairline-color: #0000001a;
912
- }
913
- }
914
-
915
- :where([data-theme="dark"]) {
916
- --shadow-alpha-100: .2;
917
- --shadow-alpha-200: .2;
918
- --shadow-alpha-300: .36;
919
- --shadow-alpha-400: .3;
920
- --shadow-hairline-width: 1px;
921
- --shadow-hairline-color: #ffffff1a;
922
- }
923
-
924
- @media (min-resolution: 150dpi), (min-resolution: 1.5x) {
925
- :where([data-theme="dark"]) {
926
- --shadow-hairline-width: .5px;
927
- --shadow-hairline-color: #ffffff1f;
928
- }
929
- }
930
-
931
- :where([data-theme="dark"]) [data-surface="elevated"] {
932
- --shadow-hairline: 0 0 #0000;
933
- }
934
-
935
- :root, :where([data-theme]) {
936
- --color-text: var(--gray-1000);
937
- --color-text-inverse: var(--gray-0);
938
- --color-text-primary: var(--color-text);
939
- --color-text-primary-soft: var(--color-text);
940
- --color-background-primary-soft-alt: var(--alpha-02);
941
- --color-border-primary-soft-alt: var(--alpha-06);
942
- --color-text-primary-soft-alt: var(--color-text);
943
- --color-text-primary-surface: var(--color-text);
944
- --color-text-primary-solid: var(--color-text-inverse);
945
- --color-text-primary-outline: var(--color-text);
946
- --color-text-primary-outline-hover: var(--color-text);
947
- --color-text-primary-ghost: var(--color-text);
948
- --color-text-primary-ghost-hover: var(--color-text);
949
- --color-ring-primary: var(--color-ring);
950
- --color-ring-primary-soft: var(--color-ring-primary);
951
- --color-ring-primary-solid: var(--color-ring-primary);
952
- --color-ring-primary-outline: var(--color-ring-primary);
953
- --color-ring-primary-ghost: var(--color-ring-primary);
954
- --color-text-secondary-soft: var(--color-text);
955
- --color-background-secondary-soft-alt: var(--alpha-02);
956
- --color-border-secondary-soft-alt: var(--alpha-06);
957
- --color-text-secondary-soft-alt: var(--color-text);
958
- --color-text-secondary-solid: var(--white);
959
- --color-text-secondary-outline: var(--color-text-secondary);
960
- --color-text-secondary-outline-hover: var(--color-text);
961
- --color-text-secondary-ghost: var(--color-text-secondary);
962
- --color-text-secondary-ghost-hover: var(--color-text);
963
- --color-ring-secondary: var(--color-ring);
964
- --color-ring-secondary-soft: var(--color-ring-secondary);
965
- --color-ring-secondary-solid: var(--color-ring-secondary);
966
- --color-ring-secondary-outline: var(--color-ring-secondary);
967
- --color-ring-secondary-ghost: var(--color-ring-secondary);
968
- --color-background-info-soft: var(--blue-50);
969
- --color-background-info-soft-hover: var(--blue-75);
970
- --color-background-info-soft-active: var(--blue-75);
971
- --color-background-info-soft-alpha: var(--blue-a50);
972
- --color-background-info-soft-alpha-hover: var(--blue-a75);
973
- --color-background-info-soft-alpha-active: var(--blue-a75);
974
- --color-background-info-solid: var(--blue-400);
975
- --color-background-info-solid-hover: var(--blue-500);
976
- --color-background-info-solid-active: var(--blue-500);
977
- --color-text-info-solid: var(--white);
978
- --color-background-info-outline-hover: var(--blue-a25);
979
- --color-background-info-outline-active: var(--blue-a25);
980
- --color-border-info-outline: var(--blue-500);
981
- --color-border-info-outline-hover: var(--blue-500);
982
- --color-text-info-outline: var(--blue-500);
983
- --color-text-info-outline-hover: var(--blue-500);
984
- --color-background-info-ghost-hover: var(--blue-a50);
985
- --color-background-info-ghost-active: var(--blue-a50);
986
- --color-ring-info: var(--color-ring);
987
- --color-ring-info-soft: var(--color-ring-info);
988
- --color-ring-info-solid: var(--color-ring-info);
989
- --color-ring-info-outline: var(--color-ring-info);
990
- --color-ring-info-ghost: var(--color-ring-info);
991
- --color-background-warning-soft: var(--orange-50);
992
- --color-background-warning-soft-hover: var(--orange-75);
993
- --color-background-warning-soft-active: var(--orange-75);
994
- --color-background-warning-soft-alpha: var(--orange-a50);
995
- --color-background-warning-soft-alpha-hover: var(--orange-a75);
996
- --color-background-warning-soft-alpha-active: var(--orange-a75);
997
- --color-background-warning-solid: var(--orange-500);
998
- --color-background-warning-solid-hover: var(--orange-600);
999
- --color-background-warning-solid-active: var(--orange-600);
1000
- --color-text-warning-solid: var(--white);
1001
- --color-background-warning-outline-hover: var(--orange-a25);
1002
- --color-background-warning-outline-active: var(--orange-a25);
1003
- --color-border-warning-outline: var(--orange-500);
1004
- --color-border-warning-outline-hover: var(--orange-500);
1005
- --color-text-warning-outline: var(--orange-500);
1006
- --color-text-warning-outline-hover: var(--orange-500);
1007
- --color-background-warning-ghost-hover: var(--orange-a50);
1008
- --color-background-warning-ghost-active: var(--orange-a50);
1009
- --color-text-warning-ghost: var(--orange-500);
1010
- --color-text-warning-ghost-hover: var(--orange-500);
1011
- --color-ring-warning: var(--color-ring);
1012
- --color-ring-warning-soft: var(--color-ring-warning);
1013
- --color-ring-warning-solid: var(--color-ring-warning);
1014
- --color-ring-warning-outline: var(--color-ring-warning);
1015
- --color-ring-warning-ghost: var(--color-ring-warning);
1016
- --color-text-caution-hover: var(--yellow-800);
1017
- --color-background-caution-soft: var(--yellow-50);
1018
- --color-background-caution-soft-hover: var(--yellow-75);
1019
- --color-background-caution-soft-active: var(--yellow-75);
1020
- --color-background-caution-soft-alpha: var(--yellow-a50);
1021
- --color-background-caution-soft-alpha-hover: var(--yellow-a75);
1022
- --color-background-caution-soft-alpha-active: var(--yellow-a75);
1023
- --color-background-caution-solid: var(--yellow-600);
1024
- --color-background-caution-solid-hover: var(--yellow-700);
1025
- --color-background-caution-solid-active: var(--yellow-700);
1026
- --color-text-caution-solid: var(--white);
1027
- --color-background-caution-outline-hover: var(--yellow-a25);
1028
- --color-background-caution-outline-active: var(--yellow-a25);
1029
- --color-border-caution-outline: var(--yellow-700);
1030
- --color-border-caution-outline-hover: var(--yellow-700);
1031
- --color-text-caution-outline: var(--yellow-700);
1032
- --color-text-caution-outline-hover: var(--yellow-700);
1033
- --color-background-caution-ghost-hover: var(--yellow-a50);
1034
- --color-background-caution-ghost-active: var(--yellow-a50);
1035
- --color-text-caution-ghost: var(--yellow-700);
1036
- --color-text-caution-ghost-hover: var(--yellow-700);
1037
- --color-ring-caution: var(--color-ring);
1038
- --color-ring-caution-soft: var(--color-ring-caution);
1039
- --color-ring-caution-solid: var(--color-ring-caution);
1040
- --color-ring-caution-outline: var(--color-ring-caution);
1041
- --color-ring-caution-ghost: var(--color-ring-caution);
1042
- --color-background-danger-soft: var(--red-50);
1043
- --color-background-danger-soft-hover: var(--red-75);
1044
- --color-background-danger-soft-active: var(--red-75);
1045
- --color-background-danger-soft-alpha: var(--red-a50);
1046
- --color-background-danger-soft-alpha-hover: var(--red-a75);
1047
- --color-background-danger-soft-alpha-active: var(--red-a75);
1048
- --color-background-danger-solid: var(--red-500);
1049
- --color-background-danger-solid-hover: var(--red-600);
1050
- --color-background-danger-solid-active: var(--red-600);
1051
- --color-text-danger-solid: var(--white);
1052
- --color-background-danger-outline-hover: var(--red-a25);
1053
- --color-background-danger-outline-active: var(--red-a25);
1054
- --color-border-danger-outline: var(--red-500);
1055
- --color-border-danger-outline-hover: var(--red-500);
1056
- --color-text-danger-outline: var(--red-500);
1057
- --color-text-danger-outline-hover: var(--red-500);
1058
- --color-background-danger-ghost-hover: var(--red-a50);
1059
- --color-background-danger-ghost-active: var(--red-a50);
1060
- --color-text-danger-ghost: var(--red-500);
1061
- --color-text-danger-ghost-hover: var(--red-500);
1062
- --color-ring-danger: var(--red-200);
1063
- --color-ring-danger-soft: var(--color-ring-danger);
1064
- --color-ring-danger-solid: var(--color-ring-danger);
1065
- --color-ring-danger-outline: var(--color-ring-danger);
1066
- --color-ring-danger-ghost: var(--color-ring-danger);
1067
- --color-background-success-soft: var(--green-50);
1068
- --color-background-success-soft-hover: var(--green-75);
1069
- --color-background-success-soft-active: var(--green-75);
1070
- --color-background-success-soft-alpha: var(--green-a50);
1071
- --color-background-success-soft-alpha-hover: var(--green-a75);
1072
- --color-background-success-soft-alpha-active: var(--green-a75);
1073
- --color-text-success-solid: var(--white);
1074
- --color-background-success-outline-hover: var(--green-a25);
1075
- --color-background-success-outline-active: var(--green-a25);
1076
- --color-text-success-outline: var(--green-500);
1077
- --color-text-success-outline-hover: var(--green-500);
1078
- --color-background-success-ghost-hover: var(--green-a50);
1079
- --color-background-success-ghost-active: var(--green-a50);
1080
- --color-text-success-ghost: var(--green-500);
1081
- --color-text-success-ghost-hover: var(--green-500);
1082
- --color-ring-success: var(--color-ring);
1083
- --color-ring-success-soft: var(--color-ring-info);
1084
- --color-ring-success-solid: var(--color-ring-info);
1085
- --color-ring-success-outline: var(--color-ring-info);
1086
- --color-ring-success-ghost: var(--color-ring-info);
1087
- --color-background-discovery-soft: var(--purple-50);
1088
- --color-background-discovery-soft-hover: var(--purple-75);
1089
- --color-background-discovery-soft-active: var(--purple-75);
1090
- --color-background-discovery-soft-alpha: var(--purple-a50);
1091
- --color-background-discovery-soft-alpha-hover: var(--purple-a75);
1092
- --color-background-discovery-soft-alpha-active: var(--purple-a75);
1093
- --color-background-discovery-solid: var(--purple-400);
1094
- --color-background-discovery-solid-hover: var(--purple-500);
1095
- --color-background-discovery-solid-active: var(--purple-500);
1096
- --color-text-discovery-solid: var(--white);
1097
- --color-background-discovery-outline-hover: var(--purple-a25);
1098
- --color-background-discovery-outline-active: var(--purple-a25);
1099
- --color-border-discovery-outline: var(--purple-500);
1100
- --color-border-discovery-outline-hover: var(--purple-500);
1101
- --color-background-discovery-ghost-hover: var(--purple-a50);
1102
- --color-background-discovery-ghost-active: var(--purple-a50);
1103
- --color-text-discovery-ghost: var(--purple-500);
1104
- --color-text-discovery-ghost-hover: var(--purple-500);
1105
- --color-ring-discovery: var(--color-ring);
1106
- --color-ring-discovery-soft: var(--color-ring);
1107
- --color-ring-discovery-solid: var(--color-ring);
1108
- --color-ring-discovery-outline: var(--color-ring);
1109
- --color-ring-discovery-ghost: var(--color-ring);
1110
- --color-background-disabled: var(--alpha-05);
1111
- --color-border-disabled: var(--alpha-06);
1112
- --font-tracking-wide: 0em;
1113
- --font-tracking-normal: 0em;
1114
- --font-tracking-tight: 0em;
1115
- --font-heading-5xl-size: 4.5rem;
1116
- --font-heading-5xl-line-height: 4.5rem;
1117
- --font-heading-5xl-weight: var(--font-weight-semibold);
1118
- --font-heading-5xl-tracking: var(--tracking-tight);
1119
- --font-heading-4xl-size: 3.75rem;
1120
- --font-heading-4xl-line-height: 3.75rem;
1121
- --font-heading-4xl-weight: var(--font-weight-semibold);
1122
- --font-heading-4xl-tracking: var(--tracking-tight);
1123
- --font-heading-3xl-size: 3rem;
1124
- --font-heading-3xl-line-height: 3rem;
1125
- --font-heading-3xl-weight: var(--font-weight-semibold);
1126
- --font-heading-3xl-tracking: var(--tracking-tight);
1127
- --font-heading-2xl-size: 2.25rem;
1128
- --font-heading-2xl-line-height: 2.625rem;
1129
- --font-heading-2xl-weight: var(--font-weight-semibold);
1130
- --font-heading-2xl-tracking: var(--tracking-tight);
1131
- --font-heading-xl-size: 2rem;
1132
- --font-heading-xl-line-height: 2.375rem;
1133
- --font-heading-xl-weight: var(--font-weight-semibold);
1134
- --font-heading-xl-tracking: var(--tracking-tight);
1135
- --font-heading-lg-size: 1.5rem;
1136
- --font-heading-lg-line-height: 1.75rem;
1137
- --font-heading-lg-weight: var(--font-weight-semibold);
1138
- --font-heading-lg-tracking: var(--tracking-normal);
1139
- --font-heading-md-size: 1.25rem;
1140
- --font-heading-md-line-height: 1.625rem;
1141
- --font-heading-md-weight: var(--font-weight-semibold);
1142
- --font-heading-md-tracking: var(--tracking-normal);
1143
- --font-heading-sm-size: 1.125rem;
1144
- --font-heading-sm-line-height: 1.625rem;
1145
- --font-heading-sm-weight: var(--font-weight-semibold);
1146
- --font-heading-sm-tracking: var(--tracking-normal);
1147
- --font-heading-xs-size: 1rem;
1148
- --font-heading-xs-line-height: 1.5rem;
1149
- --font-heading-xs-weight: var(--font-weight-semibold);
1150
- --font-heading-xs-tracking: var(--tracking-normal);
1151
- --font-text-lg-size: 1.125rem;
1152
- --font-text-lg-line-height: 1.8125rem;
1153
- --font-text-lg-weight: var(--font-weight-normal);
1154
- --font-text-lg-tracking: var(--tracking-normal);
1155
- --font-text-md-size: 1rem;
1156
- --font-text-md-line-height: 1.5rem;
1157
- --font-text-md-weight: var(--font-weight-normal);
1158
- --font-text-md-tracking: var(--tracking-normal);
1159
- --font-text-sm-size: .875rem;
1160
- --font-text-sm-line-height: 1.25rem;
1161
- --font-text-sm-weight: var(--font-weight-normal);
1162
- --font-text-sm-tracking: var(--tracking-normal);
1163
- --font-text-xs-size: .75rem;
1164
- --font-text-xs-line-height: 1.125rem;
1165
- --font-text-xs-weight: var(--font-weight-normal);
1166
- --font-text-xs-tracking: var(--tracking-wide);
1167
- --font-text-2xs-size: .625rem;
1168
- --font-text-2xs-line-height: .875rem;
1169
- --font-text-2xs-weight: var(--font-weight-normal);
1170
- --font-text-2xs-tracking: var(--tracking-wide);
1171
- --font-text-3xs-size: .5rem;
1172
- --font-text-3xs-line-height: .75rem;
1173
- --font-text-3xs-weight: var(--font-weight-normal);
1174
- --font-text-3xs-tracking: var(--tracking-wide);
1175
- --control-size-3xs: 1.375rem;
1176
- --control-size-2xs: 1.5rem;
1177
- --control-size-xs: 1.625rem;
1178
- --control-size-sm: 1.75rem;
1179
- --control-size-md: 2rem;
1180
- --control-size-lg: 2.25rem;
1181
- --control-size-xl: 2.5rem;
1182
- --control-size-2xl: 2.75rem;
1183
- --control-size-3xl: 3rem;
1184
- --control-gutter-2xs: .375rem;
1185
- --control-gutter-xs: .5rem;
1186
- --control-gutter-sm: .625rem;
1187
- --control-gutter-md: .75rem;
1188
- --control-gutter-lg: .875rem;
1189
- --control-gutter-xl: 1rem;
1190
- --control-gutter-pill-scaling: 1.33;
1191
- --control-radius-sm: var(--radius-sm);
1192
- --control-radius-md: var(--radius-md);
1193
- --control-radius-lg: var(--radius-lg);
1194
- --control-radius-xl: var(--radius-xl);
1195
- --control-font-size-sm: var(--font-text-xs-size);
1196
- --control-font-size-md: var(--font-text-sm-size);
1197
- --control-font-size-lg: var(--font-text-md-size);
1198
- --control-icon-size-xs: .875rem;
1199
- --control-icon-size-sm: 1rem;
1200
- --control-icon-size-md: 1.125rem;
1201
- --control-icon-size-lg: 1.25rem;
1202
- --control-icon-size-xl: 1.375rem;
1203
- --control-icon-size-2xl: 1.5rem;
1204
- --cubic-enter: cubic-bezier(.19, 1, .22, 1);
1205
- --cubic-exit: cubic-bezier(.8, 0, .4, 1);
1206
- --cubic-exit-snappy: cubic-bezier(.65, 0, .4, 1);
1207
- --cubic-move: cubic-bezier(.65, 0, .35, 1);
1208
- --transition-duration-basic: .15s;
1209
- --transition-ease-basic: ease;
1210
- --scrollbar-color: var(--alpha-30);
1211
- --shadow-hairline: 0 0 0 var(--shadow-hairline-width) var(--shadow-hairline-color);
1212
- --shadow-100: var(--elevation-100-geo) rgb(var(--shadow-color) / var(--shadow-alpha-100));
1213
- --shadow-100-strong: var(--elevation-100-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-100) * 1.25));
1214
- --shadow-100-stronger: var(--elevation-100-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-100) * 1.6));
1215
- --shadow-200: var(--elevation-200-geo) rgb(var(--shadow-color) / var(--shadow-alpha-200));
1216
- --shadow-200-strong: var(--elevation-200-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-200) * 1.25));
1217
- --shadow-200-stronger: var(--elevation-200-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-200) * 1.6));
1218
- --shadow-300: var(--elevation-300-geo) rgb(var(--shadow-color) / var(--shadow-alpha-300));
1219
- --shadow-300-strong: var(--elevation-300-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-300) * 1.25));
1220
- --shadow-300-stronger: var(--elevation-300-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-300) * 1.6));
1221
- --shadow-400: var(--elevation-400-geo) rgb(var(--shadow-color) / var(--shadow-alpha-400));
1222
- --shadow-400-strong: var(--elevation-400-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-400) * 1.25));
1223
- --shadow-400-stronger: var(--elevation-400-geo) rgb(var(--shadow-color) / calc(var(--shadow-alpha-400) * 1.6));
1224
- }
1225
-
1226
- :where(:root), :where([data-theme="light"]) {
1227
- --color-text-secondary: var(--gray-500);
1228
- --color-text-tertiary: var(--gray-400);
1229
- --color-ring: var(--blue-500);
1230
- --color-background-primary-soft: var(--gray-100);
1231
- --color-background-primary-soft-hover: var(--gray-150);
1232
- --color-background-primary-soft-active: var(--gray-200);
1233
- --color-background-primary-soft-alpha: var(--alpha-08);
1234
- --color-background-primary-soft-alpha-hover: var(--alpha-12);
1235
- --color-background-primary-soft-alpha-active: var(--alpha-16);
1236
- --color-background-primary-surface: var(--alpha-05);
1237
- --color-border-primary-surface: var(--alpha-05);
1238
- --color-background-primary-solid: var(--gray-900);
1239
- --color-background-primary-solid-hover: var(--gray-700);
1240
- --color-background-primary-solid-active: var(--gray-600);
1241
- --color-background-primary-outline-hover: var(--alpha-02);
1242
- --color-background-primary-outline-active: var(--alpha-04);
1243
- --color-border-primary-outline: var(--alpha-16);
1244
- --color-border-primary-outline-hover: var(--alpha-20);
1245
- --color-background-primary-ghost-hover: var(--alpha-08);
1246
- --color-background-primary-ghost-active: var(--alpha-12);
1247
- --color-background-secondary-soft: var(--gray-100);
1248
- --color-background-secondary-soft-hover: var(--gray-150);
1249
- --color-background-secondary-soft-active: var(--gray-200);
1250
- --color-background-secondary-soft-alpha: var(--alpha-08);
1251
- --color-background-secondary-soft-alpha-hover: var(--alpha-12);
1252
- --color-background-secondary-soft-alpha-active: var(--alpha-16);
1253
- --color-background-secondary-solid: var(--gray-500);
1254
- --color-background-secondary-solid-hover: var(--gray-600);
1255
- --color-background-secondary-solid-active: var(--gray-700);
1256
- --color-background-secondary-outline-hover: var(--alpha-02);
1257
- --color-background-secondary-outline-active: var(--alpha-04);
1258
- --color-border-secondary-outline: var(--alpha-16);
1259
- --color-border-secondary-outline-hover: var(--alpha-20);
1260
- --color-background-secondary-ghost-hover: var(--alpha-08);
1261
- --color-background-secondary-ghost-active: var(--alpha-12);
1262
- --color-text-info: var(--blue-500);
1263
- --color-text-info-soft: var(--blue-600);
1264
- --color-background-info-surface: var(--blue-a25);
1265
- --color-border-info-surface: var(--blue-a25);
1266
- --color-text-info-surface: var(--blue-600);
1267
- --color-text-info-ghost: var(--blue-500);
1268
- --color-text-info-ghost-hover: var(--blue-500);
1269
- --color-text-warning: var(--orange-700);
1270
- --color-text-warning-soft: var(--orange-700);
1271
- --color-background-warning-surface: var(--orange-a25);
1272
- --color-border-warning-surface: var(--orange-a25);
1273
- --color-text-warning-surface: var(--orange-700);
1274
- --color-text-caution: var(--yellow-700);
1275
- --color-text-caution-soft: var(--yellow-800);
1276
- --color-background-caution-surface: var(--yellow-a25);
1277
- --color-border-caution-surface: var(--yellow-a25);
1278
- --color-text-caution-surface: var(--yellow-800);
1279
- --color-text-danger: var(--red-700);
1280
- --color-text-danger-soft: var(--red-600);
1281
- --color-background-danger-surface: var(--red-a25);
1282
- --color-border-danger-surface: var(--red-a25);
1283
- --color-text-danger-surface: var(--red-600);
1284
- --color-text-success: var(--green-700);
1285
- --color-text-success-soft: var(--green-600);
1286
- --color-background-success-surface: var(--green-a25);
1287
- --color-border-success-surface: var(--green-a25);
1288
- --color-text-success-surface: var(--green-600);
1289
- --color-background-success-solid: var(--green-500);
1290
- --color-background-success-solid-hover: var(--green-500);
1291
- --color-background-success-solid-active: var(--green-500);
1292
- --color-border-success-outline: var(--green-500);
1293
- --color-border-success-outline-hover: var(--green-500);
1294
- --color-text-discovery: var(--purple-700);
1295
- --color-text-discovery-soft: var(--purple-600);
1296
- --color-background-discovery-surface: var(--purple-a25);
1297
- --color-border-discovery-surface: var(--purple-a25);
1298
- --color-text-discovery-surface: var(--purple-600);
1299
- --color-text-discovery-outline: var(--purple-500);
1300
- --color-text-discovery-outline-hover: var(--purple-500);
1301
- --color-text-disabled: var(--gray-400);
1302
- --color-border-subtle: var(--alpha-05);
1303
- --color-border: var(--alpha-10);
1304
- --color-border-strong: var(--alpha-15);
1305
- --shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
1306
- --color-surface: var(--gray-0);
1307
- --color-surface-secondary: var(--gray-50);
1308
- --color-surface-tertiary: var(--gray-75);
1309
- --color-surface-elevated: var(--gray-0);
1310
- --color-surface-elevated-secondary: var(--gray-50);
1311
- }
1312
-
1313
- :where([data-theme="dark"]) {
1314
- --color-text-secondary: var(--gray-700);
1315
- --color-text-tertiary: var(--gray-600);
1316
- --color-ring: var(--blue-400);
1317
- --color-background-primary-soft: var(--gray-300);
1318
- --color-background-primary-soft-hover: var(--gray-350);
1319
- --color-background-primary-soft-active: var(--gray-400);
1320
- --color-background-primary-soft-alpha: var(--alpha-12);
1321
- --color-background-primary-soft-alpha-hover: var(--alpha-16);
1322
- --color-background-primary-soft-alpha-active: var(--alpha-20);
1323
- --color-background-primary-surface: var(--alpha-08);
1324
- --color-border-primary-surface: var(--alpha-08);
1325
- --color-background-primary-solid: var(--gray-950);
1326
- --color-background-primary-solid-hover: var(--gray-900);
1327
- --color-background-primary-solid-active: var(--gray-850);
1328
- --color-background-primary-outline-hover: var(--alpha-04);
1329
- --color-background-primary-outline-active: var(--alpha-06);
1330
- --color-border-primary-outline: var(--alpha-25);
1331
- --color-border-primary-outline-hover: var(--alpha-30);
1332
- --color-background-primary-ghost-hover: var(--alpha-12);
1333
- --color-background-primary-ghost-active: var(--alpha-16);
1334
- --color-background-secondary-soft: var(--gray-300);
1335
- --color-background-secondary-soft-hover: var(--gray-350);
1336
- --color-background-secondary-soft-active: var(--gray-400);
1337
- --color-background-secondary-soft-alpha: var(--alpha-12);
1338
- --color-background-secondary-soft-alpha-hover: var(--alpha-16);
1339
- --color-background-secondary-soft-alpha-active: var(--alpha-20);
1340
- --color-background-secondary-solid: var(--gray-400);
1341
- --color-background-secondary-solid-hover: var(--gray-450);
1342
- --color-background-secondary-solid-active: var(--gray-500);
1343
- --color-background-secondary-outline-hover: var(--alpha-04);
1344
- --color-background-secondary-outline-active: var(--alpha-06);
1345
- --color-border-secondary-outline: var(--alpha-25);
1346
- --color-border-secondary-outline-hover: var(--alpha-30);
1347
- --color-background-secondary-ghost-hover: var(--alpha-12);
1348
- --color-background-secondary-ghost-active: var(--alpha-16);
1349
- --color-text-info: var(--blue-200);
1350
- --color-text-info-soft: var(--blue-300);
1351
- --color-background-info-surface: var(--blue-a50);
1352
- --color-border-info-surface: var(--blue-a50);
1353
- --color-text-info-surface: var(--blue-300);
1354
- --color-text-info-ghost: var(--blue-200);
1355
- --color-text-info-ghost-hover: var(--blue-200);
1356
- --color-text-warning: var(--orange-500);
1357
- --color-text-warning-soft: var(--orange-400);
1358
- --color-background-warning-surface: var(--orange-a50);
1359
- --color-border-warning-surface: var(--orange-a50);
1360
- --color-text-warning-surface: var(--orange-400);
1361
- --color-text-caution: var(--yellow-500);
1362
- --color-text-caution-soft: var(--yellow-400);
1363
- --color-background-caution-surface: var(--yellow-a50);
1364
- --color-border-caution-surface: var(--yellow-a50);
1365
- --color-text-caution-surface: var(--yellow-400);
1366
- --color-text-danger: var(--red-500);
1367
- --color-text-danger-soft: var(--red-400);
1368
- --color-background-danger-surface: var(--red-a50);
1369
- --color-border-danger-surface: var(--red-a50);
1370
- --color-text-danger-surface: var(--red-400);
1371
- --color-text-success: var(--green-400);
1372
- --color-text-success-soft: var(--green-400);
1373
- --color-background-success-surface: var(--green-a50);
1374
- --color-border-success-surface: var(--green-a50);
1375
- --color-text-success-surface: var(--green-400);
1376
- --color-background-success-solid: var(--green-600);
1377
- --color-background-success-solid-hover: var(--green-600);
1378
- --color-background-success-solid-active: var(--green-600);
1379
- --color-border-success-outline: var(--green-600);
1380
- --color-border-success-outline-hover: var(--green-600);
1381
- --color-text-discovery: var(--purple-500);
1382
- --color-text-discovery-soft: var(--purple-200);
1383
- --color-background-discovery-surface: var(--purple-a50);
1384
- --color-border-discovery-surface: var(--purple-a50);
1385
- --color-text-discovery-surface: var(--purple-200);
1386
- --color-text-discovery-outline: var(--purple-400);
1387
- --color-text-discovery-outline-hover: var(--purple-400);
1388
- --color-text-disabled: var(--gray-500);
1389
- --color-border-subtle: var(--alpha-06);
1390
- --color-border: var(--alpha-12);
1391
- --color-border-strong: var(--alpha-20);
1392
- --shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;
1393
- --color-surface: var(--gray-200);
1394
- --color-surface-secondary: var(--gray-100);
1395
- --color-surface-tertiary: var(--gray-50);
1396
- --color-surface-elevated: var(--gray-300);
1397
- --color-surface-elevated-secondary: var(--gray-400);
1398
- }
1399
-
1400
- :root, :where([data-theme]) {
1401
- --alert-border-radius: var(--radius-xl);
1402
- --alert-gap: calc(var(--spacing) * 3);
1403
- --alert-gutter: calc(var(--spacing) * 4);
1404
- --alert-font-size: var(--font-text-sm-size);
1405
- --alert-line-height: var(--font-text-sm-line-height);
1406
- --alert-title-font-weight: var(--font-weight-semibold);
1407
- --avatar-radius: var(--radius-full);
1408
- --avatar-size: 28px;
1409
- --avatar-font-size-scaling: .5;
1410
- --avatar-overflow-font-size-scaling-one: .45;
1411
- --avatar-overflow-font-size-scaling-two: .37;
1412
- --avatar-overflow-font-size-scaling-three: .3;
1413
- --avatar-group-cutout-width: 3px;
1414
- --avatar-group-cutout-color: var(--color-surface);
1415
- --avatar-group-spacing: -8px;
1416
- --badge-gutter-sm: calc(var(--control-gutter-2xs) - 1px);
1417
- --badge-gutter-md: var(--control-gutter-2xs);
1418
- --badge-gutter-lg: var(--control-gutter-xs);
1419
- --badge-size-sm: calc(var(--control-size-3xs) - 2px);
1420
- --badge-size-md: var(--control-size-3xs);
1421
- --badge-size-lg: var(--control-size-2xs);
1422
- --badge-radius-sm: var(--radius-xs);
1423
- --badge-radius-md: var(--radius-xs);
1424
- --badge-radius-lg: var(--radius-sm);
1425
- --badge-font-size-sm: var(--font-text-xs-size);
1426
- --badge-font-size-md: var(--font-text-sm-size);
1427
- --badge-font-size-lg: var(--font-text-sm-size);
1428
- --badge-tracking-sm: var(--tracking-wide);
1429
- --badge-tracking-md: var(--tracking-normal);
1430
- --badge-tracking-lg: var(--tracking-normal);
1431
- --badge-font-weight-sm: var(--font-weight-semibold);
1432
- --badge-font-weight-md: var(--font-weight-semibold);
1433
- --badge-font-weight-lg: var(--font-weight-semibold);
1434
- --badge-icon-font-size-sm: var(--font-text-xs-size);
1435
- --badge-icon-font-size-md: var(--font-text-md-size);
1436
- --badge-icon-font-size-lg: var(--font-text-md-size);
1437
- --badge-indicator-size-sm: var(--font-text-xs-size);
1438
- --badge-indicator-size-md: var(--font-text-xs-size);
1439
- --badge-indicator-size-lg: var(--font-text-sm-size);
1440
- --button-gap-sm: 3px;
1441
- --button-gap-md: 4px;
1442
- --button-gap-lg: 6px;
1443
- --button-font-weight: var(--font-weight-medium);
1444
- --input-gap-xs: 4px;
1445
- --input-gap-sm: 6px;
1446
- --input-gap-md: 8px;
1447
- --input-gap-lg: 10px;
1448
- --input-text-color: var(--color-text);
1449
- --input-placeholder-text-color: var(--color-text-tertiary);
1450
- --input-outline-border-color: var(--color-border-primary-outline);
1451
- --input-outline-border-color-focus: var(--alpha-50);
1452
- --input-soft-background-color: var(--color-background-primary-soft-alpha);
1453
- --input-soft-border-color-focus: var(--alpha-20);
1454
- --link-font-weight: inherit;
1455
- --link-gap: calc(var(--spacing) * .5);
1456
- --link-radius: var(--radius-sm);
1457
- --link-underline-decoration-offset: .1em;
1458
- --chat-max-width: 800px;
1459
- --chat-gutter: calc(var(--spacing) * 5);
1460
- --chat-background-color: var(--color-surface);
1461
- --thread-gutter: calc(var(--spacing) * 4);
1462
- --composer-gutter: calc(var(--spacing) * 3);
1463
- --composer-compact-gutter: calc(var(--spacing) * 2);
1464
- --composer-radius: var(--radius-4xl);
1465
- --composer-background-color: var(--color-surface-elevated);
1466
- --smoothing-background-color: var(--color-surface);
1467
- --user-message-text-color: var(--color-text);
1468
- --source-list-gutter: var(--thread-gutter);
1469
- --codeblock-background-color: var(--gray-25);
1470
- --codeblock-syntax-4: var(--pink-500);
1471
- --dialog-min-width: 250px;
1472
- --dialog-max-width: 450px;
1473
- --dialog-container-inner-padding: calc(var(--spacing) * 5);
1474
- --dialog-backdrop-fade-background: var(--color-surface-elevated);
1475
- }
1476
-
1477
- @supports (color: color-mix(in lab, red, red)) {
1478
- :root, :where([data-theme]) {
1479
- --dialog-backdrop-fade-background: color-mix(in oklab, var(--color-surface-elevated) 60%, transparent);
1480
- }
1481
- }
1482
-
1483
- :root, :where([data-theme]) {
1484
- --menu-gutter: calc(var(--spacing) * 1.5);
1485
- --menu-radius: var(--radius-xl);
1486
- --menu-font-size: var(--font-text-sm-size);
1487
- --menu-line-height: var(--font-text-sm-line-height);
1488
- --menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
1489
- --menu-item-gap: calc(var(--spacing) * 1.5);
1490
- --menu-separator-gutter: var(--menu-gutter) calc(-1 * var(--menu-gutter));
1491
- --menu-separator-background-color: var(--color-border);
1492
- --menu-radio-indicator-size: var(--font-text-lg-size);
1493
- --menu-radio-indicator-hole-size: var(--font-text-3xs-size);
1494
- --menu-checkbox-indicator-size: var(--font-text-lg-size);
1495
- --modal-container-inner-padding: calc(var(--spacing) * 5);
1496
- --popover-radius: var(--radius-xl);
1497
- --radio-group-col-gap: calc(var(--spacing) * 2.5);
1498
- --radio-group-row-gap: calc(var(--spacing) * 5);
1499
- --radio-group-item-gap: calc(var(--spacing) * 1.5);
1500
- --radio-group-item-font-size: var(--font-text-sm-size);
1501
- --radio-group-item-line-height: var(--font-text-sm-line-height);
1502
- --radio-group-indicator-size: var(--font-text-md-size);
1503
- --radio-group-indicator-border-color: var(--color-border-primary-outline);
1504
- --radio-group-indicator-border-color-hover: var(--alpha-25);
1505
- --radio-group-indicator-background-color: var(--color-background-primary-solid);
1506
- --radio-group-indicator-hole-size: .375rem;
1507
- --radio-group-indicator-hole-background-color: var(--color-text-primary-solid);
1508
- --segmented-control-gap: 2px;
1509
- --segmented-control-gutter: 2px;
1510
- --segmented-control-font-weight: var(--font-weight-semibold);
1511
- --segmented-control-thumb-shadow: 0 1px 4px -1px #0003;
1512
- --segmented-control-option-highlight-gutter: 1px;
1513
- --select-control-font-weight: var(--font-weight-medium);
1514
- --switch-track-width: 32px;
1515
- --switch-track-height: 19px;
1516
- --switch-thumb-offset: 3px;
1517
- --switch-thumb-size: calc(var(--switch-track-height) - 2 * var(--switch-thumb-offset));
1518
- --switch-thumb-shadow: 0 1px 2px #0003;
1519
- --switch-label-gap: calc(var(--spacing) * 2);
1520
- }
1521
-
1522
- :where(:root), :where([data-theme="light"]) {
1523
- --avatar-image-border-color: var(--alpha-04);
1524
- --input-outline-border-color-hover: var(--alpha-25);
1525
- --input-border-color-invalid: var(--red-500);
1526
- --link-primary-text-color: var(--blue-500);
1527
- --link-primary-text-color-hover: var(--blue-800);
1528
- --user-message-background-color: var(--alpha-05);
1529
- --codeblock-syntax-1: #c0660d;
1530
- --codeblock-syntax-2: var(--blue-500);
1531
- --codeblock-syntax-3: var(--green-600);
1532
- --codeblock-syntax-5: var(--purple-500);
1533
- --dialog-backdrop-dim-background: #0000004d;
1534
- --menu-item-background-color: var(--alpha-08);
1535
- --modal-backdrop-background: #0000004d;
1536
- --segmented-control-background: var(--gray-100);
1537
- --segmented-control-thumb-background: var(--gray-0);
1538
- --segmented-control-option-highlight-background-color: var(--gray-200);
1539
- --slider-track-color: var(--gray-150);
1540
- --slider-range-color: var(--gray-450);
1541
- --switch-track-color: var(--gray-150);
1542
- --switch-track-color-hover: var(--gray-200);
1543
- --switch-track-color-checked: var(--gray-900);
1544
- --switch-track-color-checked-disabled: var(--gray-300);
1545
- --switch-track-color-disabled: var(--gray-100);
1546
- --switch-thumb-color: var(--gray-0);
1547
- --switch-thumb-color-disabled: var(--gray-0);
1548
- }
1549
-
1550
- :where([data-theme="dark"]) {
1551
- --avatar-image-border-color: var(--alpha-15);
1552
- --input-outline-border-color-hover: var(--alpha-30);
1553
- --input-border-color-invalid: var(--red-600);
1554
- --link-primary-text-color: var(--blue-300);
1555
- --link-primary-text-color-hover: var(--blue-400);
1556
- --user-message-background-color: var(--alpha-08);
1557
- --codeblock-syntax-1: var(--yellow-100);
1558
- --codeblock-syntax-2: var(--blue-200);
1559
- --codeblock-syntax-3: var(--green-300);
1560
- --codeblock-syntax-5: var(--purple-300);
1561
- --dialog-backdrop-dim-background: #00000080;
1562
- --menu-item-background-color: var(--alpha-10);
1563
- --modal-backdrop-background: #00000080;
1564
- --segmented-control-background: var(--gray-0);
1565
- --segmented-control-thumb-background: var(--gray-300);
1566
- --segmented-control-option-highlight-background-color: var(--gray-300);
1567
- --slider-track-color: var(--gray-400);
1568
- --slider-range-color: var(--gray-600);
1569
- --switch-track-color: var(--gray-400);
1570
- --switch-track-color-hover: var(--gray-450);
1571
- --switch-track-color-checked: var(--blue-400);
1572
- --switch-track-color-checked-disabled: var(--blue-700);
1573
- --switch-track-color-disabled: var(--gray-300);
1574
- --switch-thumb-color: var(--gray-1000);
1575
- --switch-thumb-color-disabled: var(--gray-800);
1576
- }
1577
- }
1578
-
1579
- @layer base {
1580
- *, :after, :before, ::backdrop {
1581
- box-sizing: border-box;
1582
- border: 0 solid;
1583
- margin: 0;
1584
- padding: 0;
1585
- }
1586
-
1587
- ::file-selector-button {
1588
- box-sizing: border-box;
1589
- border: 0 solid;
1590
- margin: 0;
1591
- padding: 0;
1592
- }
1593
-
1594
- html, :host {
1595
- -webkit-text-size-adjust: 100%;
1596
- tab-size: 4;
1597
- line-height: 1.5;
1598
- 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");
1599
- font-feature-settings: var(--default-font-feature-settings, normal);
1600
- font-variation-settings: var(--default-font-variation-settings, normal);
1601
- -webkit-tap-highlight-color: transparent;
1602
- }
1603
-
1604
- hr {
1605
- height: 0;
1606
- color: inherit;
1607
- border-top-width: 1px;
1608
- }
1609
-
1610
- abbr:where([title]) {
1611
- -webkit-text-decoration: underline dotted;
1612
- text-decoration: underline dotted;
1613
- }
1614
-
1615
- h1, h2, h3, h4, h5, h6 {
1616
- font-size: inherit;
1617
- font-weight: inherit;
1618
- }
1619
-
1620
- a {
1621
- color: inherit;
1622
- -webkit-text-decoration: inherit;
1623
- -webkit-text-decoration: inherit;
1624
- -webkit-text-decoration: inherit;
1625
- text-decoration: inherit;
1626
- }
1627
-
1628
- code, kbd, samp, pre {
1629
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
1630
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
1631
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
1632
- font-size: 1em;
1633
- }
1634
-
1635
- small {
1636
- font-size: 80%;
1637
- }
1638
-
1639
- sub, sup {
1640
- vertical-align: baseline;
1641
- font-size: 75%;
1642
- line-height: 0;
1643
- position: relative;
1644
- }
1645
-
1646
- sub {
1647
- bottom: -.25em;
1648
- }
1649
-
1650
- sup {
1651
- top: -.5em;
1652
- }
1653
-
1654
- table {
1655
- text-indent: 0;
1656
- border-color: inherit;
1657
- border-collapse: collapse;
1658
- }
1659
-
1660
- :-moz-focusring {
1661
- outline: auto;
1662
- }
1663
-
1664
- progress {
1665
- vertical-align: baseline;
1666
- }
1667
-
1668
- summary {
1669
- display: list-item;
1670
- }
1671
-
1672
- ol, ul, menu {
1673
- list-style: none;
1674
- }
1675
-
1676
- img, svg, video, canvas, audio, iframe, embed, object {
1677
- vertical-align: middle;
1678
- display: block;
1679
- }
1680
-
1681
- img, video {
1682
- max-width: 100%;
1683
- height: auto;
1684
- }
1685
-
1686
- button, input, select, optgroup, textarea {
1687
- font: inherit;
1688
- font-feature-settings: inherit;
1689
- font-variation-settings: inherit;
1690
- letter-spacing: inherit;
1691
- color: inherit;
1692
- opacity: 1;
1693
- background-color: #0000;
1694
- border-radius: 0;
1695
- }
1696
-
1697
- ::file-selector-button {
1698
- font: inherit;
1699
- font-feature-settings: inherit;
1700
- font-variation-settings: inherit;
1701
- letter-spacing: inherit;
1702
- color: inherit;
1703
- opacity: 1;
1704
- background-color: #0000;
1705
- border-radius: 0;
1706
- }
1707
-
1708
- :where(select:is([multiple], [size])) optgroup {
1709
- font-weight: bolder;
1710
- }
1711
-
1712
- :where(select:is([multiple], [size])) optgroup option {
1713
- padding-inline-start: 20px;
1714
- }
1715
-
1716
- ::file-selector-button {
1717
- margin-inline-end: 4px;
1718
- }
1719
-
1720
- ::placeholder {
1721
- opacity: 1;
1722
- }
1723
-
1724
- @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
1725
- ::placeholder {
1726
- color: currentColor;
1727
- }
1728
-
1729
- @supports (color: color-mix(in lab, red, red)) {
1730
- ::placeholder {
1731
- color: color-mix(in oklab, currentcolor 50%, transparent);
1732
- }
1733
- }
1734
- }
1735
-
1736
- ::-webkit-search-decoration {
1737
- -webkit-appearance: none;
1738
- }
1739
-
1740
- ::-webkit-date-and-time-value {
1741
- min-height: 1lh;
1742
- text-align: inherit;
1743
- }
1744
-
1745
- ::-webkit-datetime-edit {
1746
- display: inline-flex;
1747
- }
1748
-
1749
- ::-webkit-datetime-edit-fields-wrapper {
1750
- padding: 0;
1751
- }
1752
-
1753
- ::-webkit-datetime-edit {
1754
- padding-block: 0;
1755
- }
1756
-
1757
- ::-webkit-datetime-edit-year-field {
1758
- padding-block: 0;
1759
- }
1760
-
1761
- ::-webkit-datetime-edit-month-field {
1762
- padding-block: 0;
1763
- }
1764
-
1765
- ::-webkit-datetime-edit-day-field {
1766
- padding-block: 0;
1767
- }
1768
-
1769
- ::-webkit-datetime-edit-hour-field {
1770
- padding-block: 0;
1771
- }
1772
-
1773
- ::-webkit-datetime-edit-minute-field {
1774
- padding-block: 0;
1775
- }
1776
-
1777
- ::-webkit-datetime-edit-second-field {
1778
- padding-block: 0;
1779
- }
1780
-
1781
- ::-webkit-datetime-edit-millisecond-field {
1782
- padding-block: 0;
1783
- }
1784
-
1785
- ::-webkit-datetime-edit-meridiem-field {
1786
- padding-block: 0;
1787
- }
1788
-
1789
- ::-webkit-calendar-picker-indicator {
1790
- line-height: 1;
1791
- }
1792
-
1793
- :-moz-ui-invalid {
1794
- box-shadow: none;
1795
- }
1796
-
1797
- button, input:where([type="button"], [type="reset"], [type="submit"]) {
1798
- appearance: button;
1799
- }
1800
-
1801
- ::file-selector-button {
1802
- appearance: button;
1803
- }
1804
-
1805
- ::-webkit-inner-spin-button {
1806
- height: auto;
1807
- }
1808
-
1809
- ::-webkit-outer-spin-button {
1810
- height: auto;
1811
- }
1812
-
1813
- [hidden]:where(:not([hidden="until-found"])) {
1814
- display: none !important;
1815
- }
1816
-
1817
- html, :host {
1818
- font-synthesis-weight: none;
1819
- }
1820
-
1821
- textarea {
1822
- resize: none;
1823
- }
1824
-
1825
- img, svg {
1826
- flex-grow: 0;
1827
- flex-shrink: 0;
1828
- }
1829
-
1830
- input, textarea, select, optgroup {
1831
- appearance: none;
1832
- box-shadow: none;
1833
- filter: none;
1834
- outline-offset: 0;
1835
- outline-width: 2px;
1836
- }
1837
-
1838
- a, button, input, label, select, textarea, :where([aria-role="button"]) {
1839
- touch-action: manipulation;
1840
- }
1841
-
1842
- button {
1843
- text-transform: none;
1844
- vertical-align: middle;
1845
- }
1846
-
1847
- button:not(:disabled), [role="button"]:not(:disabled) {
1848
- cursor: pointer;
1849
- }
1850
-
1851
- pre {
1852
- white-space: pre-wrap;
1853
- }
1854
-
1855
- table {
1856
- border-spacing: 0;
1857
- }
1858
-
1859
- blockquote, q {
1860
- quotes: none;
1861
- }
1862
-
1863
- blockquote:before, blockquote:after, q:before, q:after {
1864
- content: none;
1865
- }
1866
-
1867
- html, :host {
1868
- color: var(--color-text);
1869
- -webkit-font-smoothing: antialiased;
1870
- -moz-osx-font-smoothing: grayscale;
1871
- letter-spacing: var(--tracking-normal);
1872
- }
1873
-
1874
- [data-theme="light"] {
1875
- color-scheme: light;
1876
- }
1877
-
1878
- [data-theme="dark"] {
1879
- color-scheme: dark;
1880
- }
1881
-
1882
- * {
1883
- scrollbar-color: var(--scrollbar-color) transparent;
1884
- scrollbar-width: thin;
1885
- }
1886
-
1887
- [data-exiting] {
1888
- pointer-events: none;
1889
- }
1890
-
1891
- ::placeholder {
1892
- color: var(--color-text-tertiary);
1893
- }
1894
-
1895
- b, strong {
1896
- font-weight: var(--font-weight-semibold);
1897
- }
1898
-
1899
- @font-face {
1900
- font-family: KaTeX_AMS;
1901
- font-style: normal;
1902
- font-weight: 400;
1903
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_AMS-Regular.woff2") format("woff2");
1904
- }
1905
-
1906
- @font-face {
1907
- font-family: KaTeX_Caligraphic;
1908
- font-style: normal;
1909
- font-weight: 700;
1910
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Caligraphic-Bold.woff2") format("woff2");
1911
- }
1912
-
1913
- @font-face {
1914
- font-family: KaTeX_Caligraphic;
1915
- font-style: normal;
1916
- font-weight: 400;
1917
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Caligraphic-Regular.woff2") format("woff2");
1918
- }
1919
-
1920
- @font-face {
1921
- font-family: KaTeX_Fraktur;
1922
- font-style: normal;
1923
- font-weight: 700;
1924
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Fraktur-Bold.woff2") format("woff2");
1925
- }
1926
-
1927
- @font-face {
1928
- font-family: KaTeX_Fraktur;
1929
- font-style: normal;
1930
- font-weight: 400;
1931
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Fraktur-Regular.woff2") format("woff2");
1932
- }
1933
-
1934
- @font-face {
1935
- font-family: KaTeX_Main;
1936
- font-style: normal;
1937
- font-weight: 700;
1938
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Bold.woff2") format("woff2");
1939
- }
1940
-
1941
- @font-face {
1942
- font-family: KaTeX_Main;
1943
- font-style: italic;
1944
- font-weight: 700;
1945
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Main-BoldItalic.woff2") format("woff2");
1946
- }
1947
-
1948
- @font-face {
1949
- font-family: KaTeX_Main;
1950
- font-style: italic;
1951
- font-weight: 400;
1952
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Italic.woff2") format("woff2");
1953
- }
1954
-
1955
- @font-face {
1956
- font-family: KaTeX_Main;
1957
- font-style: normal;
1958
- font-weight: 400;
1959
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Regular.woff2") format("woff2");
1960
- }
1961
-
1962
- @font-face {
1963
- font-family: KaTeX_Math;
1964
- font-style: italic;
1965
- font-weight: 700;
1966
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Math-BoldItalic.woff2") format("woff2");
1967
- }
1968
-
1969
- @font-face {
1970
- font-family: KaTeX_Math;
1971
- font-style: italic;
1972
- font-weight: 400;
1973
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Math-Italic.woff2") format("woff2");
1974
- }
1975
-
1976
- @font-face {
1977
- font-family: KaTeX_SansSerif;
1978
- font-style: normal;
1979
- font-weight: 700;
1980
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Bold.woff2") format("woff2");
1981
- }
1982
-
1983
- @font-face {
1984
- font-family: KaTeX_SansSerif;
1985
- font-style: italic;
1986
- font-weight: 400;
1987
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Italic.woff2") format("woff2");
1988
- }
1989
-
1990
- @font-face {
1991
- font-family: KaTeX_SansSerif;
1992
- font-style: normal;
1993
- font-weight: 400;
1994
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Regular.woff2") format("woff2");
1995
- }
1996
-
1997
- @font-face {
1998
- font-family: KaTeX_Script;
1999
- font-style: normal;
2000
- font-weight: 400;
2001
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Script-Regular.woff2") format("woff2");
2002
- }
2003
-
2004
- @font-face {
2005
- font-family: KaTeX_Size1;
2006
- font-style: normal;
2007
- font-weight: 400;
2008
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Size1-Regular.woff2") format("woff2");
2009
- }
2010
-
2011
- @font-face {
2012
- font-family: KaTeX_Size2;
2013
- font-style: normal;
2014
- font-weight: 400;
2015
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Size2-Regular.woff2") format("woff2");
2016
- }
2017
-
2018
- @font-face {
2019
- font-family: KaTeX_Size3;
2020
- font-style: normal;
2021
- font-weight: 400;
2022
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Size3-Regular.woff2") format("woff2");
2023
- }
2024
-
2025
- @font-face {
2026
- font-family: KaTeX_Size4;
2027
- font-style: normal;
2028
- font-weight: 400;
2029
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Size4-Regular.woff2") format("woff2");
2030
- }
2031
-
2032
- @font-face {
2033
- font-family: KaTeX_Typewriter;
2034
- font-style: normal;
2035
- font-weight: 400;
2036
- src: url("https://cdn.openai.com/common/fonts/katex/KaTeX_Typewriter-Regular.woff2") format("woff2");
2037
- }
2038
-
2039
- .katex {
2040
- text-indent: 0;
2041
- text-rendering: auto;
2042
- font: 1.21em / 1.2 KaTeX_Main, Times New Roman, serif;
2043
- }
2044
-
2045
- .katex * {
2046
- border-color: currentColor;
2047
- -ms-high-contrast-adjust: none !important;
2048
- }
2049
-
2050
- .katex .katex-version:after {
2051
- content: "0.16.0";
2052
- }
2053
-
2054
- .katex .katex-mathml {
2055
- clip: rect(1px, 1px, 1px, 1px);
2056
- border: 0;
2057
- width: 1px;
2058
- height: 1px;
2059
- padding: 0;
2060
- position: absolute;
2061
- overflow: hidden;
2062
- }
2063
-
2064
- .katex .katex-html > .newline {
2065
- display: block;
2066
- }
2067
-
2068
- .katex .base {
2069
- white-space: nowrap;
2070
- width: min-content;
2071
- position: relative;
2072
- }
2073
-
2074
- .katex .base, .katex .strut {
2075
- display: inline-block;
2076
- }
2077
-
2078
- .katex .textbf {
2079
- font-weight: 700;
2080
- }
2081
-
2082
- .katex .textit {
2083
- font-style: italic;
2084
- }
2085
-
2086
- .katex .textrm {
2087
- font-family: KaTeX_Main;
2088
- }
2089
-
2090
- .katex .textsf {
2091
- font-family: KaTeX_SansSerif;
2092
- }
2093
-
2094
- .katex .texttt {
2095
- font-family: KaTeX_Typewriter;
2096
- }
2097
-
2098
- .katex .mathnormal {
2099
- font-family: KaTeX_Math;
2100
- font-style: italic;
2101
- }
2102
-
2103
- .katex .mathit {
2104
- font-family: KaTeX_Main;
2105
- font-style: italic;
2106
- }
2107
-
2108
- .katex .mathrm {
2109
- font-style: normal;
2110
- }
2111
-
2112
- .katex .mathbf {
2113
- font-family: KaTeX_Main;
2114
- font-weight: 700;
2115
- }
2116
-
2117
- .katex .boldsymbol {
2118
- font-family: KaTeX_Math;
2119
- font-style: italic;
2120
- font-weight: 700;
2121
- }
2122
-
2123
- .katex .amsrm, .katex .mathbb, .katex .textbb {
2124
- font-family: KaTeX_AMS;
2125
- }
2126
-
2127
- .katex .mathcal {
2128
- font-family: KaTeX_Caligraphic;
2129
- }
2130
-
2131
- .katex .mathfrak, .katex .textfrak {
2132
- font-family: KaTeX_Fraktur;
2133
- }
2134
-
2135
- .katex .mathtt {
2136
- font-family: KaTeX_Typewriter;
2137
- }
2138
-
2139
- .katex .mathscr, .katex .textscr {
2140
- font-family: KaTeX_Script;
2141
- }
2142
-
2143
- .katex .mathsf, .katex .textsf {
2144
- font-family: KaTeX_SansSerif;
2145
- }
2146
-
2147
- .katex .mathboldsf, .katex .textboldsf {
2148
- font-family: KaTeX_SansSerif;
2149
- font-weight: 700;
2150
- }
2151
-
2152
- .katex .mathitsf, .katex .textitsf {
2153
- font-family: KaTeX_SansSerif;
2154
- font-style: italic;
2155
- }
2156
-
2157
- .katex .mainrm {
2158
- font-family: KaTeX_Main;
2159
- font-style: normal;
2160
- }
2161
-
2162
- .katex .vlist-t {
2163
- border-collapse: collapse;
2164
- table-layout: fixed;
2165
- display: inline-table;
2166
- }
2167
-
2168
- .katex .vlist-r {
2169
- display: table-row;
2170
- }
2171
-
2172
- .katex .vlist {
2173
- vertical-align: bottom;
2174
- display: table-cell;
2175
- position: relative;
2176
- }
2177
-
2178
- .katex .vlist > span {
2179
- height: 0;
2180
- display: block;
2181
- position: relative;
2182
- }
2183
-
2184
- .katex .vlist > span > span {
2185
- display: inline-block;
2186
- }
2187
-
2188
- .katex .vlist > span > .pstrut {
2189
- width: 0;
2190
- overflow: hidden;
2191
- }
2192
-
2193
- .katex .vlist-t2 {
2194
- margin-right: -2px;
2195
- }
2196
-
2197
- .katex .vlist-s {
2198
- vertical-align: bottom;
2199
- width: 2px;
2200
- min-width: 2px;
2201
- font-size: 1px;
2202
- display: table-cell;
2203
- }
2204
-
2205
- .katex .vbox {
2206
- flex-direction: column;
2207
- align-items: baseline;
2208
- display: inline-flex;
2209
- }
2210
-
2211
- .katex .hbox {
2212
- width: 100%;
2213
- }
2214
-
2215
- .katex .hbox, .katex .thinbox {
2216
- flex-direction: row;
2217
- display: inline-flex;
2218
- }
2219
-
2220
- .katex .thinbox {
2221
- width: 0;
2222
- max-width: 0;
2223
- }
2224
-
2225
- .katex .msupsub {
2226
- text-align: left;
2227
- }
2228
-
2229
- .katex .mfrac > span > span {
2230
- text-align: center;
2231
- }
2232
-
2233
- .katex .mfrac .frac-line {
2234
- border-bottom-style: solid;
2235
- width: 100%;
2236
- display: inline-block;
2237
- }
2238
-
2239
- .katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
2240
- min-height: 1px;
2241
- }
2242
-
2243
- .katex .mspace {
2244
- display: inline-block;
2245
- }
2246
-
2247
- .katex .clap, .katex .llap, .katex .rlap {
2248
- width: 0;
2249
- position: relative;
2250
- }
2251
-
2252
- .katex .clap > .inner, .katex .llap > .inner, .katex .rlap > .inner {
2253
- position: absolute;
2254
- }
2255
-
2256
- .katex .clap > .fix, .katex .llap > .fix, .katex .rlap > .fix {
2257
- display: inline-block;
2258
- }
2259
-
2260
- .katex .llap > .inner {
2261
- right: 0;
2262
- }
2263
-
2264
- .katex .clap > .inner, .katex .rlap > .inner {
2265
- left: 0;
2266
- }
2267
-
2268
- .katex .clap > .inner > span {
2269
- margin-left: -50%;
2270
- margin-right: 50%;
2271
- }
2272
-
2273
- .katex .rule {
2274
- border: 0 solid;
2275
- display: inline-block;
2276
- position: relative;
2277
- }
2278
-
2279
- .katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
2280
- border-bottom-style: solid;
2281
- width: 100%;
2282
- display: inline-block;
2283
- }
2284
-
2285
- .katex .hdashline {
2286
- border-bottom-style: dashed;
2287
- width: 100%;
2288
- display: inline-block;
2289
- }
2290
-
2291
- .katex .sqrt > .root {
2292
- margin-left: .277778em;
2293
- margin-right: -.555556em;
2294
- }
2295
-
2296
- .katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
2297
- font-size: 1em;
2298
- }
2299
-
2300
- .katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
2301
- font-size: 1.2em;
2302
- }
2303
-
2304
- .katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
2305
- font-size: 1.4em;
2306
- }
2307
-
2308
- .katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
2309
- font-size: 1.6em;
2310
- }
2311
-
2312
- .katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
2313
- font-size: 1.8em;
2314
- }
2315
-
2316
- .katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
2317
- font-size: 2em;
2318
- }
2319
-
2320
- .katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
2321
- font-size: 2.4em;
2322
- }
2323
-
2324
- .katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
2325
- font-size: 2.88em;
2326
- }
2327
-
2328
- .katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
2329
- font-size: 3.456em;
2330
- }
2331
-
2332
- .katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
2333
- font-size: 4.148em;
2334
- }
2335
-
2336
- .katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
2337
- font-size: 4.976em;
2338
- }
2339
-
2340
- .katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
2341
- font-size: .833333em;
2342
- }
2343
-
2344
- .katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
2345
- font-size: 1em;
2346
- }
2347
-
2348
- .katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
2349
- font-size: 1.16667em;
2350
- }
2351
-
2352
- .katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
2353
- font-size: 1.33333em;
2354
- }
2355
-
2356
- .katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
2357
- font-size: 1.5em;
2358
- }
2359
-
2360
- .katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
2361
- font-size: 1.66667em;
2362
- }
2363
-
2364
- .katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
2365
- font-size: 2em;
2366
- }
2367
-
2368
- .katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
2369
- font-size: 2.4em;
2370
- }
2371
-
2372
- .katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
2373
- font-size: 2.88em;
2374
- }
2375
-
2376
- .katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
2377
- font-size: 3.45667em;
2378
- }
2379
-
2380
- .katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
2381
- font-size: 4.14667em;
2382
- }
2383
-
2384
- .katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
2385
- font-size: .714286em;
2386
- }
2387
-
2388
- .katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
2389
- font-size: .857143em;
2390
- }
2391
-
2392
- .katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
2393
- font-size: 1em;
2394
- }
2395
-
2396
- .katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
2397
- font-size: 1.14286em;
2398
- }
2399
-
2400
- .katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
2401
- font-size: 1.28571em;
2402
- }
2403
-
2404
- .katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
2405
- font-size: 1.42857em;
2406
- }
2407
-
2408
- .katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
2409
- font-size: 1.71429em;
2410
- }
2411
-
2412
- .katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
2413
- font-size: 2.05714em;
2414
- }
2415
-
2416
- .katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
2417
- font-size: 2.46857em;
2418
- }
2419
-
2420
- .katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
2421
- font-size: 2.96286em;
2422
- }
2423
-
2424
- .katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
2425
- font-size: 3.55429em;
2426
- }
2427
-
2428
- .katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
2429
- font-size: .625em;
2430
- }
2431
-
2432
- .katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
2433
- font-size: .75em;
2434
- }
2435
-
2436
- .katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
2437
- font-size: .875em;
2438
- }
2439
-
2440
- .katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
2441
- font-size: 1em;
2442
- }
2443
-
2444
- .katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
2445
- font-size: 1.125em;
2446
- }
2447
-
2448
- .katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
2449
- font-size: 1.25em;
2450
- }
2451
-
2452
- .katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
2453
- font-size: 1.5em;
2454
- }
2455
-
2456
- .katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
2457
- font-size: 1.8em;
2458
- }
2459
-
2460
- .katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
2461
- font-size: 2.16em;
2462
- }
2463
-
2464
- .katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
2465
- font-size: 2.5925em;
2466
- }
2467
-
2468
- .katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
2469
- font-size: 3.11em;
2470
- }
2471
-
2472
- .katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
2473
- font-size: .555556em;
2474
- }
2475
-
2476
- .katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
2477
- font-size: .666667em;
2478
- }
2479
-
2480
- .katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
2481
- font-size: .777778em;
2482
- }
2483
-
2484
- .katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
2485
- font-size: .888889em;
2486
- }
2487
-
2488
- .katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
2489
- font-size: 1em;
2490
- }
2491
-
2492
- .katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
2493
- font-size: 1.11111em;
2494
- }
2495
-
2496
- .katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
2497
- font-size: 1.33333em;
2498
- }
2499
-
2500
- .katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
2501
- font-size: 1.6em;
2502
- }
2503
-
2504
- .katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
2505
- font-size: 1.92em;
2506
- }
2507
-
2508
- .katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
2509
- font-size: 2.30444em;
2510
- }
2511
-
2512
- .katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
2513
- font-size: 2.76444em;
2514
- }
2515
-
2516
- .katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
2517
- font-size: .5em;
2518
- }
2519
-
2520
- .katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
2521
- font-size: .6em;
2522
- }
2523
-
2524
- .katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
2525
- font-size: .7em;
2526
- }
2527
-
2528
- .katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
2529
- font-size: .8em;
2530
- }
2531
-
2532
- .katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
2533
- font-size: .9em;
2534
- }
2535
-
2536
- .katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
2537
- font-size: 1em;
2538
- }
2539
-
2540
- .katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
2541
- font-size: 1.2em;
2542
- }
2543
-
2544
- .katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
2545
- font-size: 1.44em;
2546
- }
2547
-
2548
- .katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
2549
- font-size: 1.728em;
2550
- }
2551
-
2552
- .katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
2553
- font-size: 2.074em;
2554
- }
2555
-
2556
- .katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
2557
- font-size: 2.488em;
2558
- }
2559
-
2560
- .katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
2561
- font-size: .416667em;
2562
- }
2563
-
2564
- .katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
2565
- font-size: .5em;
2566
- }
2567
-
2568
- .katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
2569
- font-size: .583333em;
2570
- }
2571
-
2572
- .katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
2573
- font-size: .666667em;
2574
- }
2575
-
2576
- .katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
2577
- font-size: .75em;
2578
- }
2579
-
2580
- .katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
2581
- font-size: .833333em;
2582
- }
2583
-
2584
- .katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
2585
- font-size: 1em;
2586
- }
2587
-
2588
- .katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
2589
- font-size: 1.2em;
2590
- }
2591
-
2592
- .katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
2593
- font-size: 1.44em;
2594
- }
2595
-
2596
- .katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
2597
- font-size: 1.72833em;
2598
- }
2599
-
2600
- .katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
2601
- font-size: 2.07333em;
2602
- }
2603
-
2604
- .katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
2605
- font-size: .347222em;
2606
- }
2607
-
2608
- .katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
2609
- font-size: .416667em;
2610
- }
2611
-
2612
- .katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
2613
- font-size: .486111em;
2614
- }
2615
-
2616
- .katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
2617
- font-size: .555556em;
2618
- }
2619
-
2620
- .katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
2621
- font-size: .625em;
2622
- }
2623
-
2624
- .katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
2625
- font-size: .694444em;
2626
- }
2627
-
2628
- .katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
2629
- font-size: .833333em;
2630
- }
2631
-
2632
- .katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
2633
- font-size: 1em;
2634
- }
2635
-
2636
- .katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
2637
- font-size: 1.2em;
2638
- }
2639
-
2640
- .katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
2641
- font-size: 1.44028em;
2642
- }
2643
-
2644
- .katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
2645
- font-size: 1.72778em;
2646
- }
2647
-
2648
- .katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
2649
- font-size: .289352em;
2650
- }
2651
-
2652
- .katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
2653
- font-size: .347222em;
2654
- }
2655
-
2656
- .katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
2657
- font-size: .405093em;
2658
- }
2659
-
2660
- .katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
2661
- font-size: .462963em;
2662
- }
2663
-
2664
- .katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
2665
- font-size: .520833em;
2666
- }
2667
-
2668
- .katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
2669
- font-size: .578704em;
2670
- }
2671
-
2672
- .katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
2673
- font-size: .694444em;
2674
- }
2675
-
2676
- .katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
2677
- font-size: .833333em;
2678
- }
2679
-
2680
- .katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
2681
- font-size: 1em;
2682
- }
2683
-
2684
- .katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
2685
- font-size: 1.20023em;
2686
- }
2687
-
2688
- .katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
2689
- font-size: 1.43981em;
2690
- }
2691
-
2692
- .katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
2693
- font-size: .24108em;
2694
- }
2695
-
2696
- .katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
2697
- font-size: .289296em;
2698
- }
2699
-
2700
- .katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
2701
- font-size: .337512em;
2702
- }
2703
-
2704
- .katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
2705
- font-size: .385728em;
2706
- }
2707
-
2708
- .katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
2709
- font-size: .433944em;
2710
- }
2711
-
2712
- .katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
2713
- font-size: .48216em;
2714
- }
2715
-
2716
- .katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
2717
- font-size: .578592em;
2718
- }
2719
-
2720
- .katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
2721
- font-size: .694311em;
2722
- }
2723
-
2724
- .katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
2725
- font-size: .833173em;
2726
- }
2727
-
2728
- .katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
2729
- font-size: 1em;
2730
- }
2731
-
2732
- .katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
2733
- font-size: 1.19961em;
2734
- }
2735
-
2736
- .katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
2737
- font-size: .200965em;
2738
- }
2739
-
2740
- .katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
2741
- font-size: .241158em;
2742
- }
2743
-
2744
- .katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
2745
- font-size: .281351em;
2746
- }
2747
-
2748
- .katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
2749
- font-size: .321543em;
2750
- }
2751
-
2752
- .katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
2753
- font-size: .361736em;
2754
- }
2755
-
2756
- .katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
2757
- font-size: .401929em;
2758
- }
2759
-
2760
- .katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
2761
- font-size: .482315em;
2762
- }
2763
-
2764
- .katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
2765
- font-size: .578778em;
2766
- }
2767
-
2768
- .katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
2769
- font-size: .694534em;
2770
- }
2771
-
2772
- .katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
2773
- font-size: .833601em;
2774
- }
2775
-
2776
- .katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
2777
- font-size: 1em;
2778
- }
2779
-
2780
- .katex .delimsizing.size1 {
2781
- font-family: KaTeX_Size1;
2782
- }
2783
-
2784
- .katex .delimsizing.size2 {
2785
- font-family: KaTeX_Size2;
2786
- }
2787
-
2788
- .katex .delimsizing.size3 {
2789
- font-family: KaTeX_Size3;
2790
- }
2791
-
2792
- .katex .delimsizing.size4 {
2793
- font-family: KaTeX_Size4;
2794
- }
2795
-
2796
- .katex .delimsizing.mult .delim-size1 > span {
2797
- font-family: KaTeX_Size1;
2798
- }
2799
-
2800
- .katex .delimsizing.mult .delim-size4 > span {
2801
- font-family: KaTeX_Size4;
2802
- }
2803
-
2804
- .katex .nulldelimiter {
2805
- width: .12em;
2806
- display: inline-block;
2807
- }
2808
-
2809
- .katex .delimcenter, .katex .op-symbol {
2810
- position: relative;
2811
- }
2812
-
2813
- .katex .op-symbol.small-op {
2814
- font-family: KaTeX_Size1;
2815
- }
2816
-
2817
- .katex .op-symbol.large-op {
2818
- font-family: KaTeX_Size2;
2819
- }
2820
-
2821
- .katex .accent > .vlist-t, .katex .op-limits > .vlist-t {
2822
- text-align: center;
2823
- }
2824
-
2825
- .katex .accent .accent-body {
2826
- position: relative;
2827
- }
2828
-
2829
- .katex .accent .accent-body:not(.accent-full) {
2830
- width: 0;
2831
- }
2832
-
2833
- .katex .overlay {
2834
- display: block;
2835
- }
2836
-
2837
- .katex .mtable .vertical-separator {
2838
- min-width: 1px;
2839
- display: inline-block;
2840
- }
2841
-
2842
- .katex .mtable .arraycolsep {
2843
- display: inline-block;
2844
- }
2845
-
2846
- .katex .mtable .col-align-c > .vlist-t {
2847
- text-align: center;
2848
- }
2849
-
2850
- .katex .mtable .col-align-l > .vlist-t {
2851
- text-align: left;
2852
- }
2853
-
2854
- .katex .mtable .col-align-r > .vlist-t {
2855
- text-align: right;
2856
- }
2857
-
2858
- .katex .svg-align {
2859
- text-align: left;
2860
- }
2861
-
2862
- .katex svg {
2863
- width: 100%;
2864
- height: inherit;
2865
- fill: currentColor;
2866
- fill-opacity: 1;
2867
- fill-rule: nonzero;
2868
- stroke: currentColor;
2869
- stroke-dasharray: none;
2870
- stroke-dashoffset: 0;
2871
- stroke-linecap: butt;
2872
- stroke-linejoin: miter;
2873
- stroke-miterlimit: 4;
2874
- stroke-opacity: 1;
2875
- stroke-width: 1px;
2876
- display: block;
2877
- position: absolute;
2878
- }
2879
-
2880
- .katex svg path {
2881
- stroke: none;
2882
- }
2883
-
2884
- .katex img {
2885
- border-style: none;
2886
- min-width: 0;
2887
- max-width: none;
2888
- min-height: 0;
2889
- max-height: none;
2890
- }
2891
-
2892
- .katex .stretchy {
2893
- width: 100%;
2894
- display: block;
2895
- position: relative;
2896
- overflow: hidden;
2897
- }
2898
-
2899
- .katex .stretchy:after, .katex .stretchy:before {
2900
- content: "";
2901
- }
2902
-
2903
- .katex .hide-tail {
2904
- width: 100%;
2905
- position: relative;
2906
- overflow: hidden;
2907
- }
2908
-
2909
- .katex .halfarrow-left {
2910
- width: 50.2%;
2911
- position: absolute;
2912
- left: 0;
2913
- overflow: hidden;
2914
- }
2915
-
2916
- .katex .halfarrow-right {
2917
- width: 50.2%;
2918
- position: absolute;
2919
- right: 0;
2920
- overflow: hidden;
2921
- }
2922
-
2923
- .katex .brace-left {
2924
- width: 25.1%;
2925
- position: absolute;
2926
- left: 0;
2927
- overflow: hidden;
2928
- }
2929
-
2930
- .katex .brace-center {
2931
- width: 50%;
2932
- position: absolute;
2933
- left: 25%;
2934
- overflow: hidden;
2935
- }
2936
-
2937
- .katex .brace-right {
2938
- width: 25.1%;
2939
- position: absolute;
2940
- right: 0;
2941
- overflow: hidden;
2942
- }
2943
-
2944
- .katex .x-arrow-pad {
2945
- padding: 0 .5em;
2946
- }
2947
-
2948
- .katex .cd-arrow-pad {
2949
- padding: 0 .55556em 0 .27778em;
2950
- }
2951
-
2952
- .katex .mover, .katex .munder, .katex .x-arrow {
2953
- text-align: center;
2954
- }
2955
-
2956
- .katex .boxpad {
2957
- padding: 0 .3em;
2958
- }
2959
-
2960
- .katex .fbox, .katex .fcolorbox {
2961
- box-sizing: border-box;
2962
- border: .04em solid;
2963
- }
2964
-
2965
- .katex .cancel-pad {
2966
- padding: 0 .2em;
2967
- }
2968
-
2969
- .katex .cancel-lap {
2970
- margin-left: -.2em;
2971
- margin-right: -.2em;
2972
- }
2973
-
2974
- .katex .sout {
2975
- border-bottom-style: solid;
2976
- border-bottom-width: .08em;
2977
- }
2978
-
2979
- .katex .angl {
2980
- box-sizing: border-box;
2981
- border-top: .049em solid;
2982
- border-right: .049em solid;
2983
- margin-right: .03889em;
2984
- }
2985
-
2986
- .katex .anglpad {
2987
- padding: 0 .03889em;
2988
- }
2989
-
2990
- .katex .eqn-num:before {
2991
- content: "(" counter(katexEqnNo) ")";
2992
- counter-increment: katexEqnNo;
2993
- }
2994
-
2995
- .katex .mml-eqn-num:before {
2996
- content: "(" counter(mmlEqnNo) ")";
2997
- counter-increment: mmlEqnNo;
2998
- }
2999
-
3000
- .katex .mtr-glue {
3001
- width: 50%;
3002
- }
3003
-
3004
- .katex .cd-vert-arrow {
3005
- display: inline-block;
3006
- position: relative;
3007
- }
3008
-
3009
- .katex .cd-label-left {
3010
- text-align: left;
3011
- display: inline-block;
3012
- position: absolute;
3013
- right: calc(50% + .3em);
3014
- }
3015
-
3016
- .katex .cd-label-right {
3017
- text-align: right;
3018
- display: inline-block;
3019
- position: absolute;
3020
- left: calc(50% + .3em);
3021
- }
3022
-
3023
- .katex-display {
3024
- text-align: center;
3025
- margin: 1em 0;
3026
- display: block;
3027
- }
3028
-
3029
- .katex-display > .katex {
3030
- text-align: center;
3031
- white-space: nowrap;
3032
- display: block;
3033
- }
3034
-
3035
- .katex-display > .katex > .katex-html {
3036
- display: block;
3037
- position: relative;
3038
- }
3039
-
3040
- .katex-display > .katex > .katex-html > .tag {
3041
- position: absolute;
3042
- right: 0;
3043
- }
3044
-
3045
- .katex-display.leqno > .katex > .katex-html > .tag {
3046
- left: 0;
3047
- right: auto;
3048
- }
3049
-
3050
- .katex-display.fleqn > .katex {
3051
- text-align: left;
3052
- padding-left: 2em;
3053
- }
3054
-
3055
- body {
3056
- counter-reset: katexEqnNo mmlEqnNo;
3057
- }
3058
- }
3059
-
3060
- @layer components;
3061
-
3062
- @layer utilities {
3063
- .pointer-events-auto {
3064
- pointer-events: auto;
3065
- }
3066
-
3067
- .pointer-events-none {
3068
- pointer-events: none;
3069
- }
3070
-
3071
- .sr-only {
3072
- clip-path: inset(50%);
3073
- white-space: nowrap;
3074
- border-width: 0;
3075
- width: 1px;
3076
- height: 1px;
3077
- margin: -1px;
3078
- padding: 0;
3079
- position: absolute;
3080
- overflow: hidden;
3081
- }
3082
-
3083
- .absolute {
3084
- position: absolute;
3085
- }
3086
-
3087
- .fixed {
3088
- position: fixed;
3089
- }
3090
-
3091
- .relative {
3092
- position: relative;
3093
- }
3094
-
3095
- .inset-0 {
3096
- inset: calc(var(--spacing) * 0);
3097
- }
3098
-
3099
- .top-0 {
3100
- top: calc(var(--spacing) * 0);
3101
- }
3102
-
3103
- .top-1\/2 {
3104
- top: 50%;
3105
- }
3106
-
3107
- .right-0 {
3108
- right: calc(var(--spacing) * 0);
3109
- }
3110
-
3111
- .right-2 {
3112
- right: calc(var(--spacing) * 2);
3113
- }
3114
-
3115
- .right-6 {
3116
- right: calc(var(--spacing) * 6);
3117
- }
3118
-
3119
- .bottom-0 {
3120
- bottom: calc(var(--spacing) * 0);
3121
- }
3122
-
3123
- .bottom-20 {
3124
- bottom: calc(var(--spacing) * 20);
3125
- }
3126
-
3127
- .left-0 {
3128
- left: calc(var(--spacing) * 0);
3129
- }
3130
-
3131
- .left-2 {
3132
- left: calc(var(--spacing) * 2);
3133
- }
3134
-
3135
- .z-10 {
3136
- z-index: 10;
3137
- }
3138
-
3139
- .z-20 {
3140
- z-index: 20;
3141
- }
3142
-
3143
- .z-50 {
3144
- z-index: 50;
3145
- }
3146
-
3147
- .container {
3148
- width: 100%;
3149
- }
3150
-
3151
- @media (min-width: 380px) {
3152
- .container {
3153
- max-width: 380px;
3154
- }
3155
- }
3156
-
3157
- @media (min-width: 576px) {
3158
- .container {
3159
- max-width: 576px;
3160
- }
3161
- }
3162
-
3163
- @media (min-width: 768px) {
3164
- .container {
3165
- max-width: 768px;
3166
- }
3167
- }
3168
-
3169
- @media (min-width: 1024px) {
3170
- .container {
3171
- max-width: 1024px;
3172
- }
3173
- }
3174
-
3175
- @media (min-width: 1280px) {
3176
- .container {
3177
- max-width: 1280px;
3178
- }
3179
- }
3180
-
3181
- @media (min-width: 1536px) {
3182
- .container {
3183
- max-width: 1536px;
3184
- }
3185
- }
3186
-
3187
- .m-auto {
3188
- margin: auto;
3189
- }
3190
-
3191
- .mx-auto {
3192
- margin-inline: auto;
3193
- }
3194
-
3195
- .my-auto {
3196
- margin-block: auto;
3197
- }
3198
-
3199
- .mt-1 {
3200
- margin-top: calc(var(--spacing) * 1);
3201
- }
3202
-
3203
- .mt-auto {
3204
- margin-top: auto;
3205
- }
3206
-
3207
- .mb-1 {
3208
- margin-bottom: calc(var(--spacing) * 1);
3209
- }
3210
-
3211
- .mb-2 {
3212
- margin-bottom: calc(var(--spacing) * 2);
3213
- }
3214
-
3215
- .mb-3 {
3216
- margin-bottom: calc(var(--spacing) * 3);
3217
- }
3218
-
3219
- .mb-4 {
3220
- margin-bottom: calc(var(--spacing) * 4);
3221
- }
3222
-
3223
- .line-clamp-2 {
3224
- -webkit-line-clamp: 2;
3225
- -webkit-box-orient: vertical;
3226
- display: -webkit-box;
3227
- overflow: hidden;
3228
- }
3229
-
3230
- .block {
3231
- display: block;
3232
- }
3233
-
3234
- .contents {
3235
- display: contents;
3236
- }
3237
-
3238
- .flex {
3239
- display: flex;
3240
- }
3241
-
3242
- .hidden {
3243
- display: none;
3244
- }
3245
-
3246
- .inline {
3247
- display: inline;
3248
- }
3249
-
3250
- .inline-flex {
3251
- display: inline-flex;
3252
- }
3253
-
3254
- .aspect-\[4\/3\] {
3255
- aspect-ratio: 4 / 3;
3256
- }
3257
-
3258
- .aspect-\[5\/3\] {
3259
- aspect-ratio: 5 / 3;
3260
- }
3261
-
3262
- .aspect-square {
3263
- aspect-ratio: 1;
3264
- }
3265
-
3266
- .size-6 {
3267
- width: calc(var(--spacing) * 6);
3268
- height: calc(var(--spacing) * 6);
3269
- }
3270
-
3271
- .h-4 {
3272
- height: calc(var(--spacing) * 4);
3273
- }
3274
-
3275
- .h-8 {
3276
- height: calc(var(--spacing) * 8);
3277
- }
3278
-
3279
- .h-12 {
3280
- height: calc(var(--spacing) * 12);
3281
- }
3282
-
3283
- .h-\[var\(--control-size-sm\)\] {
3284
- height: var(--control-size-sm);
3285
- }
3286
-
3287
- .h-auto {
3288
- height: auto;
3289
- }
3290
-
3291
- .h-full {
3292
- height: 100%;
3293
- }
3294
-
3295
- .max-h-\[min\(400px\,calc\(100vh-200px\)\)\] {
3296
- max-height: min(400px, 100vh - 200px);
3297
- }
3298
-
3299
- .max-h-full {
3300
- max-height: 100%;
3301
- }
3302
-
3303
- .min-h-8 {
3304
- min-height: calc(var(--spacing) * 8);
3305
- }
3306
-
3307
- .min-h-screen {
3308
- min-height: 100vh;
3309
- }
3310
-
3311
- .w-4 {
3312
- width: calc(var(--spacing) * 4);
3313
- }
3314
-
3315
- .w-8 {
3316
- width: calc(var(--spacing) * 8);
3317
- }
3318
-
3319
- .w-12 {
3320
- width: calc(var(--spacing) * 12);
3321
- }
3322
-
3323
- .w-40 {
3324
- width: calc(var(--spacing) * 40);
3325
- }
3326
-
3327
- .w-64 {
3328
- width: calc(var(--spacing) * 64);
3329
- }
3330
-
3331
- .w-80 {
3332
- width: calc(var(--spacing) * 80);
3333
- }
3334
-
3335
- .w-full {
3336
- width: 100%;
3337
- }
3338
-
3339
- .max-w-\[48rem\] {
3340
- max-width: 48rem;
3341
- }
3342
-
3343
- .max-w-\[70\%\] {
3344
- max-width: 70%;
3345
- }
3346
-
3347
- .max-w-full {
3348
- max-width: 100%;
3349
- }
3350
-
3351
- .max-w-md {
3352
- max-width: var(--container-md);
3353
- }
3354
-
3355
- .min-w-0 {
3356
- min-width: calc(var(--spacing) * 0);
3357
- }
3358
-
3359
- .min-w-8 {
3360
- min-width: calc(var(--spacing) * 8);
3361
- }
3362
-
3363
- .min-w-\[200px\] {
3364
- min-width: 200px;
3365
- }
3366
-
3367
- .flex-1 {
3368
- flex: 1;
3369
- }
3370
-
3371
- .flex-none {
3372
- flex: none;
3373
- }
3374
-
3375
- .flex-shrink-0 {
3376
- flex-shrink: 0;
3377
- }
3378
-
3379
- .grow {
3380
- flex-grow: 1;
3381
- }
3382
-
3383
- .origin-top {
3384
- transform-origin: top;
3385
- }
3386
-
3387
- .-translate-y-1\/2 {
3388
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3389
- translate: var(--tw-translate-x) var(--tw-translate-y);
3390
- }
3391
-
3392
- .cursor-pointer {
3393
- cursor: pointer;
3394
- }
3395
-
3396
- .touch-pan-y {
3397
- --tw-pan-y: pan-y;
3398
- touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
3399
- }
3400
-
3401
- .scroll-m-\[15px\] {
3402
- scroll-margin: 15px;
3403
- }
3404
-
3405
- .flex-col {
3406
- flex-direction: column;
3407
- }
3408
-
3409
- .flex-row {
3410
- flex-direction: row;
3411
- }
3412
-
3413
- .flex-wrap {
3414
- flex-wrap: wrap;
3415
- }
3416
-
3417
- .items-center {
3418
- align-items: center;
3419
- }
3420
-
3421
- .items-end {
3422
- align-items: flex-end;
3423
- }
3424
-
3425
- .items-start {
3426
- align-items: flex-start;
3427
- }
3428
-
3429
- .justify-between {
3430
- justify-content: space-between;
3431
- }
3432
-
3433
- .justify-center {
3434
- justify-content: center;
3435
- }
3436
-
3437
- .gap-1 {
3438
- gap: calc(var(--spacing) * 1);
3439
- }
3440
-
3441
- .gap-2 {
3442
- gap: calc(var(--spacing) * 2);
3443
- }
3444
-
3445
- .gap-\[var\(--spacing\)\] {
3446
- gap: var(--spacing);
3447
- }
3448
-
3449
- :where(.space-y-2 > :not(:last-child)) {
3450
- --tw-space-y-reverse: 0;
3451
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
3452
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
3453
- }
3454
-
3455
- :where(.space-y-4 > :not(:last-child)) {
3456
- --tw-space-y-reverse: 0;
3457
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
3458
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
3459
- }
3460
-
3461
- :where(.space-y-5 > :not(:last-child)) {
3462
- --tw-space-y-reverse: 0;
3463
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
3464
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
3465
- }
3466
-
3467
- :where(.space-y-6 > :not(:last-child)) {
3468
- --tw-space-y-reverse: 0;
3469
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
3470
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
3471
- }
3472
-
3473
- .overflow-auto {
3474
- overflow: auto;
3475
- }
3476
-
3477
- .overflow-hidden {
3478
- overflow: hidden;
3479
- }
3480
-
3481
- .overflow-x-auto {
3482
- overflow-x: auto;
3483
- }
3484
-
3485
- .overflow-x-hidden {
3486
- overflow-x: hidden;
3487
- }
3488
-
3489
- .overflow-y-auto {
3490
- overflow-y: auto;
3491
- }
3492
-
3493
- .rounded-2xl {
3494
- border-radius: var(--radius-2xl);
3495
- }
3496
-
3497
- .rounded-3xl {
3498
- border-radius: var(--radius-3xl);
3499
- }
3500
-
3501
- .rounded-\[10px\] {
3502
- border-radius: 10px;
3503
- }
3504
-
3505
- .rounded-\[18px\] {
3506
- border-radius: 18px;
3507
- }
3508
-
3509
- .rounded-\[var\(--control-radius-sm\)\] {
3510
- border-radius: var(--control-radius-sm);
3511
- }
3512
-
3513
- .rounded-\[var\(--menu-radius\)\] {
3514
- border-radius: var(--menu-radius);
3515
- }
3516
-
3517
- .rounded-full {
3518
- border-radius: var(--radius-full);
3519
- }
3520
-
3521
- .rounded-lg {
3522
- border-radius: var(--radius-lg);
3523
- }
3524
-
3525
- .rounded-xl {
3526
- border-radius: var(--radius-xl);
3527
- }
3528
-
3529
- .border {
3530
- border-style: var(--tw-border-style);
3531
- border-width: 1px;
3532
- }
3533
-
3534
- .border-2 {
3535
- border-style: var(--tw-border-style);
3536
- border-width: 2px;
3537
- }
3538
-
3539
- .border-r {
3540
- border-right-style: var(--tw-border-style);
3541
- border-right-width: 1px;
3542
- }
3543
-
3544
- .border-b {
3545
- border-bottom-style: var(--tw-border-style);
3546
- border-bottom-width: 1px;
3547
- }
3548
-
3549
- .border-\[\#0000000f\] {
3550
- border-color: #0000000f;
3551
- }
3552
-
3553
- .border-default {
3554
- border-color: var(--color-border);
3555
- }
3556
-
3557
- .border-subtle {
3558
- border-color: var(--color-border-subtle);
3559
- }
3560
-
3561
- .border-transparent {
3562
- border-color: #0000;
3563
- }
3564
-
3565
- .bg-\[var\(--color-background-primary\)\] {
3566
- background-color: var(--color-background-primary);
3567
- }
3568
-
3569
- .bg-\[var\(--color-background-primary-soft\)\] {
3570
- background-color: var(--color-background-primary-soft);
3571
- }
3572
-
3573
- .bg-\[var\(--color-surface-elevated\)\] {
3574
- background-color: var(--color-surface-elevated);
3575
- }
3576
-
3577
- .bg-surface {
3578
- background-color: var(--color-surface);
3579
- }
3580
-
3581
- .bg-surface-secondary {
3582
- background-color: var(--color-surface-secondary);
3583
- }
3584
-
3585
- .bg-gradient-to-l {
3586
- --tw-gradient-position: to left in oklab;
3587
- background-image: linear-gradient(var(--tw-gradient-stops));
3588
- }
3589
-
3590
- .bg-gradient-to-r {
3591
- --tw-gradient-position: to right in oklab;
3592
- background-image: linear-gradient(var(--tw-gradient-stops));
3593
- }
3594
-
3595
- .to-transparent {
3596
- --tw-gradient-to: transparent;
3597
- --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));
3598
- }
3599
-
3600
- .object-contain {
3601
- object-fit: contain;
3602
- }
3603
-
3604
- .object-cover {
3605
- object-fit: cover;
3606
- }
3607
-
3608
- .p-0 {
3609
- padding: calc(var(--spacing) * 0);
3610
- }
3611
-
3612
- .p-2 {
3613
- padding: calc(var(--spacing) * 2);
3614
- }
3615
-
3616
- .p-4 {
3617
- padding: calc(var(--spacing) * 4);
3618
- }
3619
-
3620
- .p-5 {
3621
- padding: calc(var(--spacing) * 5);
3622
- }
3623
-
3624
- .p-8 {
3625
- padding: calc(var(--spacing) * 8);
3626
- }
3627
-
3628
- .p-\[1px\] {
3629
- padding: 1px;
3630
- }
3631
-
3632
- .p-\[var\(--menu-gutter\)\] {
3633
- padding: var(--menu-gutter);
3634
- }
3635
-
3636
- .px-1\.5 {
3637
- padding-inline: calc(var(--spacing) * 1.5);
3638
- }
3639
-
3640
- .px-4 {
3641
- padding-inline: calc(var(--spacing) * 4);
3642
- }
3643
-
3644
- .px-5 {
3645
- padding-inline: calc(var(--spacing) * 5);
3646
- }
3647
-
3648
- .px-40 {
3649
- padding-inline: calc(var(--spacing) * 40);
3650
- }
3651
-
3652
- .px-\[var\(--control-gutter-sm\)\] {
3653
- padding-inline: var(--control-gutter-sm);
3654
- }
3655
-
3656
- .px-\[var\(--menu-item-padding-x\,12px\)\] {
3657
- padding-inline: var(--menu-item-padding-x, 12px);
3658
- }
3659
-
3660
- .py-0\.5 {
3661
- padding-block: calc(var(--spacing) * .5);
3662
- }
3663
-
3664
- .py-3 {
3665
- padding-block: calc(var(--spacing) * 3);
3666
- }
3667
-
3668
- .py-4 {
3669
- padding-block: calc(var(--spacing) * 4);
3670
- }
3671
-
3672
- .py-10 {
3673
- padding-block: calc(var(--spacing) * 10);
3674
- }
3675
-
3676
- .py-\[var\(--menu-item-padding-y\,8px\)\] {
3677
- padding-block: var(--menu-item-padding-y, 8px);
3678
- }
3679
-
3680
- .pt-12 {
3681
- padding-top: calc(var(--spacing) * 12);
3682
- }
3683
-
3684
- .pr-12 {
3685
- padding-right: calc(var(--spacing) * 12);
3686
- }
3687
-
3688
- .pb-10 {
3689
- padding-bottom: calc(var(--spacing) * 10);
3690
- }
3691
-
3692
- .text-center {
3693
- text-align: center;
3694
- }
3695
-
3696
- .text-left {
3697
- text-align: left;
3698
- }
3699
-
3700
- .text-start {
3701
- text-align: start;
3702
- }
3703
-
3704
- .text-3xl {
3705
- font-size: var(--text-3xl);
3706
- line-height: var(--tw-leading, var(--text-3xl--line-height));
3707
- letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
3708
- font-weight: var(--tw-font-weight, var(--text-3xl--font-weight));
3709
- }
3710
-
3711
- .text-6xl {
3712
- font-size: var(--text-6xl);
3713
- line-height: var(--tw-leading, var(--text-6xl--line-height));
3714
- letter-spacing: var(--tw-tracking, var(--text-6xl--letter-spacing));
3715
- font-weight: var(--tw-font-weight, var(--text-6xl--font-weight));
3716
- }
3717
-
3718
- .text-base {
3719
- font-size: var(--text-base);
3720
- line-height: var(--tw-leading, var(--text-base--line-height));
3721
- letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
3722
- font-weight: var(--tw-font-weight, var(--text-base--font-weight));
3723
- }
3724
-
3725
- .text-lg {
3726
- font-size: var(--text-lg);
3727
- line-height: var(--tw-leading, var(--text-lg--line-height));
3728
- letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
3729
- font-weight: var(--tw-font-weight, var(--text-lg--font-weight));
3730
- }
3731
-
3732
- .text-sm {
3733
- font-size: var(--text-sm);
3734
- line-height: var(--tw-leading, var(--text-sm--line-height));
3735
- letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
3736
- font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
3737
- }
3738
-
3739
- .text-xs {
3740
- font-size: var(--text-xs);
3741
- line-height: var(--tw-leading, var(--text-xs--line-height));
3742
- letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
3743
- font-weight: var(--tw-font-weight, var(--text-xs--font-weight));
3744
- }
3745
-
3746
- .leading-\[var\(--font-text-md-line-height\)\] {
3747
- --tw-leading: var(--font-text-md-line-height);
3748
- line-height: var(--font-text-md-line-height);
3749
- }
3750
-
3751
- .leading-\[var\(--menu-line-height\)\] {
3752
- --tw-leading: var(--menu-line-height);
3753
- line-height: var(--menu-line-height);
3754
- }
3755
-
3756
- .leading-normal {
3757
- --tw-leading: var(--leading-normal);
3758
- line-height: var(--leading-normal);
3759
- }
3760
-
3761
- .leading-tight {
3762
- --tw-leading: var(--leading-tight);
3763
- line-height: var(--leading-tight);
3764
- }
3765
-
3766
- .font-bold {
3767
- --tw-font-weight: var(--font-weight-bold);
3768
- font-weight: var(--font-weight-bold);
3769
- }
3770
-
3771
- .font-medium {
3772
- --tw-font-weight: var(--font-weight-medium);
3773
- font-weight: var(--font-weight-medium);
3774
- }
3775
-
3776
- .font-normal {
3777
- --tw-font-weight: var(--font-weight-normal);
3778
- font-weight: var(--font-weight-normal);
3779
- }
3780
-
3781
- .font-semibold {
3782
- --tw-font-weight: var(--font-weight-semibold);
3783
- font-weight: var(--font-weight-semibold);
3784
- }
3785
-
3786
- .break-words {
3787
- overflow-wrap: break-word;
3788
- }
3789
-
3790
- .text-ellipsis {
3791
- text-overflow: ellipsis;
3792
- }
3793
-
3794
- .whitespace-normal {
3795
- white-space: normal;
3796
- }
3797
-
3798
- .whitespace-nowrap {
3799
- white-space: nowrap;
3800
- }
3801
-
3802
- .whitespace-pre-wrap {
3803
- white-space: pre-wrap;
3804
- }
3805
-
3806
- .text-\[var\(--control-font-size-md\)\] {
3807
- color: var(--control-font-size-md);
3808
- }
3809
-
3810
- .text-\[var\(--input-placeholder-text-color\)\] {
3811
- color: var(--input-placeholder-text-color);
3812
- }
3813
-
3814
- .text-\[var\(--menu-font-size\)\] {
3815
- color: var(--menu-font-size);
3816
- }
3817
-
3818
- .text-primary {
3819
- color: var(--color-text-primary);
3820
- }
3821
-
3822
- .text-secondary {
3823
- color: var(--color-text-secondary);
3824
- }
3825
-
3826
- .opacity-60 {
3827
- opacity: .6;
3828
- }
3829
-
3830
- .opacity-75 {
3831
- opacity: .75;
3832
- }
3833
-
3834
- .opacity-100 {
3835
- opacity: 1;
3836
- }
3837
-
3838
- .shadow-\[var\(--shadow\)\] {
3839
- --tw-shadow: var(--shadow);
3840
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3841
- }
3842
-
3843
- .shadow-lg {
3844
- --tw-shadow: var(--shadow-300);
3845
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3846
- }
3847
-
3848
- .shadow-md {
3849
- --tw-shadow: var(--shadow-200);
3850
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3851
- }
3852
-
3853
- .shadow-sm {
3854
- --tw-shadow: var(--shadow-100);
3855
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3856
- }
3857
-
3858
- .shadow-xl {
3859
- --tw-shadow: var(--shadow-400);
3860
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3861
- }
3862
-
3863
- .\[box-shadow\:var\(--shadow\)\,var\(--shadow-hairline\)\] {
3864
- box-shadow: var(--shadow), var(--shadow-hairline);
3865
- }
3866
-
3867
- .outline {
3868
- outline-style: var(--tw-outline-style);
3869
- outline-width: 1px;
3870
- }
3871
-
3872
- .filter {
3873
- 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, );
3874
- }
3875
-
3876
- .transition-\[color\] {
3877
- transition-property: color;
3878
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3879
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3880
- }
3881
-
3882
- .transition-all {
3883
- transition-property: all;
3884
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3885
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3886
- }
3887
-
3888
- .transition-opacity {
3889
- transition-property: opacity;
3890
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3891
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3892
- }
3893
-
3894
- .duration-200 {
3895
- --tw-duration: .2s;
3896
- transition-duration: .2s;
3897
- }
3898
-
3899
- .duration-\[var\(--transition-duration-basic\)\] {
3900
- --tw-duration: var(--transition-duration-basic);
3901
- transition-duration: var(--transition-duration-basic);
3902
- }
3903
-
3904
- .ease-\[var\(--transition-ease-basic\)\] {
3905
- --tw-ease: var(--transition-ease-basic);
3906
- transition-timing-function: var(--transition-ease-basic);
3907
- }
3908
-
3909
- .select-none {
3910
- -webkit-user-select: none;
3911
- user-select: none;
3912
- }
3913
-
3914
- .before\:absolute:before {
3915
- content: var(--tw-content);
3916
- position: absolute;
3917
- }
3918
-
3919
- .before\:inset-0:before {
3920
- content: var(--tw-content);
3921
- inset: calc(var(--spacing) * 0);
3922
- }
3923
-
3924
- .before\:block:before {
3925
- content: var(--tw-content);
3926
- display: block;
3927
- }
3928
-
3929
- .before\:scale-100:before {
3930
- content: var(--tw-content);
3931
- --tw-scale-x: 100%;
3932
- --tw-scale-y: 100%;
3933
- --tw-scale-z: 100%;
3934
- scale: var(--tw-scale-x) var(--tw-scale-y);
3935
- }
3936
-
3937
- .before\:scale-\[0\.98\]:before {
3938
- content: var(--tw-content);
3939
- scale: .98;
3940
- }
3941
-
3942
- .before\:rounded-\[calc\(var\(--menu-radius\)-var\(--menu-gutter\)\)\]:before {
3943
- content: var(--tw-content);
3944
- border-radius: calc(var(--menu-radius) - var(--menu-gutter));
3945
- }
3946
-
3947
- .before\:rounded-\[inherit\]:before {
3948
- content: var(--tw-content);
3949
- border-radius: inherit;
3950
- }
3951
-
3952
- .before\:bg-\[var\(--menu-item-background-color\)\]:before {
3953
- content: var(--tw-content);
3954
- background-color: var(--menu-item-background-color);
3955
- }
3956
-
3957
- .before\:bg-transparent:before {
3958
- content: var(--tw-content);
3959
- background-color: #0000;
3960
- }
3961
-
3962
- .before\:opacity-0:before {
3963
- content: var(--tw-content);
3964
- opacity: 0;
3965
- }
3966
-
3967
- .before\:opacity-100:before {
3968
- content: var(--tw-content);
3969
- opacity: 1;
3970
- }
3971
-
3972
- .before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color\)_inset\]:before {
3973
- content: var(--tw-content);
3974
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color)) inset;
3975
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3976
- }
3977
-
3978
- .before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color-hover\)_inset\]:before {
3979
- content: var(--tw-content);
3980
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color-hover)) inset;
3981
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3982
- }
3983
-
3984
- .before\:transition-\[opacity\,background-color\,transform\,box-shadow\,border-color\]:before {
3985
- content: var(--tw-content);
3986
- transition-property: opacity, background-color, transform, box-shadow, border-color;
3987
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3988
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3989
- }
3990
-
3991
- .before\:transition-\[opacity\,background-color\,transform\]:before {
3992
- content: var(--tw-content);
3993
- transition-property: opacity, background-color, transform;
3994
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3995
- transition-duration: var(--tw-duration, var(--default-transition-duration));
3996
- }
3997
-
3998
- .before\:duration-\[var\(--transition-duration-basic\)\]:before {
3999
- content: var(--tw-content);
4000
- --tw-duration: var(--transition-duration-basic);
4001
- transition-duration: var(--transition-duration-basic);
4002
- }
4003
-
4004
- .before\:ease-\[var\(--cubic-enter\)\]:before {
4005
- content: var(--tw-content);
4006
- --tw-ease: var(--cubic-enter);
4007
- transition-timing-function: var(--cubic-enter);
4008
- }
4009
-
4010
- .before\:ease-\[var\(--transition-ease-basic\)\]:before {
4011
- content: var(--tw-content);
4012
- --tw-ease: var(--transition-ease-basic);
4013
- transition-timing-function: var(--transition-ease-basic);
4014
- }
4015
-
4016
- .after\:pointer-events-none:after {
4017
- content: var(--tw-content);
4018
- pointer-events: none;
4019
- }
4020
-
4021
- .after\:absolute:after {
4022
- content: var(--tw-content);
4023
- position: absolute;
4024
- }
4025
-
4026
- .after\:inset-0:after {
4027
- content: var(--tw-content);
4028
- inset: calc(var(--spacing) * 0);
4029
- }
4030
-
4031
- .after\:block:after {
4032
- content: var(--tw-content);
4033
- display: block;
4034
- }
4035
-
4036
- .after\:rounded-\[inherit\]:after {
4037
- content: var(--tw-content);
4038
- border-radius: inherit;
4039
- }
4040
-
4041
- .after\:transition-\[transform\]:after {
4042
- content: var(--tw-content);
4043
- transition-property: transform;
4044
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4045
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4046
- }
4047
-
4048
- .after\:duration-\[var\(--transition-duration-basic\)\]:after {
4049
- content: var(--tw-content);
4050
- --tw-duration: var(--transition-duration-basic);
4051
- transition-duration: var(--transition-duration-basic);
4052
- }
4053
-
4054
- .after\:ease-\[var\(--transition-ease-basic\)\]:after {
4055
- content: var(--tw-content);
4056
- --tw-ease: var(--transition-ease-basic);
4057
- transition-timing-function: var(--transition-ease-basic);
4058
- }
4059
-
4060
- .empty\:hidden:empty {
4061
- display: none;
4062
- }
4063
-
4064
- @media (hover: hover) and (pointer: fine) {
4065
- .hover\:bg-transparent:hover {
4066
- background-color: #0000;
4067
- }
4068
-
4069
- .hover\:opacity-100:hover {
4070
- opacity: 1;
4071
- }
4072
-
4073
- .hover\:before\:shadow-\[0_0_0_1px_var\(--input-outline-border-color-hover\)_inset\]:hover:before {
4074
- content: var(--tw-content);
4075
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--input-outline-border-color-hover)) inset;
4076
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4077
- }
4078
- }
4079
-
4080
- .focus\:outline-none:focus {
4081
- --tw-outline-style: none;
4082
- outline-style: none;
4083
- }
4084
-
4085
- .focus-visible\:after\:outline:focus-visible:after {
4086
- content: var(--tw-content);
4087
- outline-style: var(--tw-outline-style);
4088
- outline-width: 1px;
4089
- }
4090
-
4091
- .focus-visible\:after\:outline-2:focus-visible:after {
4092
- content: var(--tw-content);
4093
- outline-style: var(--tw-outline-style);
4094
- outline-width: 2px;
4095
- }
4096
-
4097
- .focus-visible\:after\:outline-offset-\[-1px\]:focus-visible:after {
4098
- content: var(--tw-content);
4099
- outline-offset: -1px;
4100
- }
4101
-
4102
- .focus-visible\:after\:outline-\[var\(--color-ring\)\]:focus-visible:after {
4103
- content: var(--tw-content);
4104
- outline-color: var(--color-ring);
4105
- }
4106
-
4107
- @media (min-width: 768px) {
4108
- .md\:block {
4109
- display: block;
4110
- }
4111
-
4112
- .md\:flex {
4113
- display: flex;
4114
- }
4115
- }
4116
-
4117
- .dark\:bg-\[\#303030\]:where([data-theme="dark"], [data-theme="dark"] *) {
4118
- background-color: #303030;
4119
- }
4120
-
4121
- .light\:border:where([data-theme="light"], [data-theme="light"] *) {
4122
- border-style: var(--tw-border-style);
4123
- border-width: 1px;
4124
- }
4125
-
4126
- .\[\&\:hover\]\:bg-transparent:hover {
4127
- background-color: #0000;
4128
- }
4129
- }
4130
-
4131
- @property --tw-translate-x {
4132
- syntax: "*";
4133
- inherits: false;
4134
- initial-value: 0;
4135
- }
4136
-
4137
- @property --tw-translate-y {
4138
- syntax: "*";
4139
- inherits: false;
4140
- initial-value: 0;
4141
- }
4142
-
4143
- @property --tw-translate-z {
4144
- syntax: "*";
4145
- inherits: false;
4146
- initial-value: 0;
4147
- }
4148
-
4149
- @property --tw-pan-x {
4150
- syntax: "*";
4151
- inherits: false
4152
- }
4153
-
4154
- @property --tw-pan-y {
4155
- syntax: "*";
4156
- inherits: false
4157
- }
4158
-
4159
- @property --tw-pinch-zoom {
4160
- syntax: "*";
4161
- inherits: false
4162
- }
4163
-
4164
- @property --tw-space-y-reverse {
4165
- syntax: "*";
4166
- inherits: false;
4167
- initial-value: 0;
4168
- }
4169
-
4170
- @property --tw-border-style {
4171
- syntax: "*";
4172
- inherits: false;
4173
- initial-value: solid;
4174
- }
4175
-
4176
- @property --tw-gradient-position {
4177
- syntax: "*";
4178
- inherits: false
4179
- }
4180
-
4181
- @property --tw-gradient-from {
4182
- syntax: "<color>";
4183
- inherits: false;
4184
- initial-value: #0000;
4185
- }
4186
-
4187
- @property --tw-gradient-via {
4188
- syntax: "<color>";
4189
- inherits: false;
4190
- initial-value: #0000;
4191
- }
4192
-
4193
- @property --tw-gradient-to {
4194
- syntax: "<color>";
4195
- inherits: false;
4196
- initial-value: #0000;
4197
- }
4198
-
4199
- @property --tw-gradient-stops {
4200
- syntax: "*";
4201
- inherits: false
4202
- }
4203
-
4204
- @property --tw-gradient-via-stops {
4205
- syntax: "*";
4206
- inherits: false
4207
- }
4208
-
4209
- @property --tw-gradient-from-position {
4210
- syntax: "<length-percentage>";
4211
- inherits: false;
4212
- initial-value: 0%;
4213
- }
4214
-
4215
- @property --tw-gradient-via-position {
4216
- syntax: "<length-percentage>";
4217
- inherits: false;
4218
- initial-value: 50%;
4219
- }
4220
-
4221
- @property --tw-gradient-to-position {
4222
- syntax: "<length-percentage>";
4223
- inherits: false;
4224
- initial-value: 100%;
4225
- }
4226
-
4227
- @property --tw-leading {
4228
- syntax: "*";
4229
- inherits: false
4230
- }
4231
-
4232
- @property --tw-font-weight {
4233
- syntax: "*";
4234
- inherits: false
4235
- }
4236
-
4237
- @property --tw-shadow {
4238
- syntax: "*";
4239
- inherits: false;
4240
- initial-value: 0 0 #0000;
4241
- }
4242
-
4243
- @property --tw-shadow-color {
4244
- syntax: "*";
4245
- inherits: false
4246
- }
4247
-
4248
- @property --tw-shadow-alpha {
4249
- syntax: "<percentage>";
4250
- inherits: false;
4251
- initial-value: 100%;
4252
- }
4253
-
4254
- @property --tw-inset-shadow {
4255
- syntax: "*";
4256
- inherits: false;
4257
- initial-value: 0 0 #0000;
4258
- }
4259
-
4260
- @property --tw-inset-shadow-color {
4261
- syntax: "*";
4262
- inherits: false
4263
- }
4264
-
4265
- @property --tw-inset-shadow-alpha {
4266
- syntax: "<percentage>";
4267
- inherits: false;
4268
- initial-value: 100%;
4269
- }
4270
-
4271
- @property --tw-ring-color {
4272
- syntax: "*";
4273
- inherits: false
4274
- }
4275
-
4276
- @property --tw-ring-shadow {
4277
- syntax: "*";
4278
- inherits: false;
4279
- initial-value: 0 0 #0000;
4280
- }
4281
-
4282
- @property --tw-inset-ring-color {
4283
- syntax: "*";
4284
- inherits: false
4285
- }
4286
-
4287
- @property --tw-inset-ring-shadow {
4288
- syntax: "*";
4289
- inherits: false;
4290
- initial-value: 0 0 #0000;
4291
- }
4292
-
4293
- @property --tw-ring-inset {
4294
- syntax: "*";
4295
- inherits: false
4296
- }
4297
-
4298
- @property --tw-ring-offset-width {
4299
- syntax: "<length>";
4300
- inherits: false;
4301
- initial-value: 0;
4302
- }
4303
-
4304
- @property --tw-ring-offset-color {
4305
- syntax: "*";
4306
- inherits: false;
4307
- initial-value: #fff;
4308
- }
4309
-
4310
- @property --tw-ring-offset-shadow {
4311
- syntax: "*";
4312
- inherits: false;
4313
- initial-value: 0 0 #0000;
4314
- }
4315
-
4316
- @property --tw-outline-style {
4317
- syntax: "*";
4318
- inherits: false;
4319
- initial-value: solid;
4320
- }
4321
-
4322
- @property --tw-blur {
4323
- syntax: "*";
4324
- inherits: false
4325
- }
4326
-
4327
- @property --tw-brightness {
4328
- syntax: "*";
4329
- inherits: false
4330
- }
4331
-
4332
- @property --tw-contrast {
4333
- syntax: "*";
4334
- inherits: false
4335
- }
4336
-
4337
- @property --tw-grayscale {
4338
- syntax: "*";
4339
- inherits: false
4340
- }
4341
-
4342
- @property --tw-hue-rotate {
4343
- syntax: "*";
4344
- inherits: false
4345
- }
4346
-
4347
- @property --tw-invert {
4348
- syntax: "*";
4349
- inherits: false
4350
- }
4351
-
4352
- @property --tw-opacity {
4353
- syntax: "*";
4354
- inherits: false
4355
- }
4356
-
4357
- @property --tw-saturate {
4358
- syntax: "*";
4359
- inherits: false
4360
- }
4361
-
4362
- @property --tw-sepia {
4363
- syntax: "*";
4364
- inherits: false
4365
- }
4366
-
4367
- @property --tw-drop-shadow {
4368
- syntax: "*";
4369
- inherits: false
4370
- }
4371
-
4372
- @property --tw-drop-shadow-color {
4373
- syntax: "*";
4374
- inherits: false
4375
- }
4376
-
4377
- @property --tw-drop-shadow-alpha {
4378
- syntax: "<percentage>";
4379
- inherits: false;
4380
- initial-value: 100%;
4381
- }
4382
-
4383
- @property --tw-drop-shadow-size {
4384
- syntax: "*";
4385
- inherits: false
4386
- }
4387
-
4388
- @property --tw-duration {
4389
- syntax: "*";
4390
- inherits: false
4391
- }
4392
-
4393
- @property --tw-ease {
4394
- syntax: "*";
4395
- inherits: false
4396
- }
4397
-
4398
- @property --tw-content {
4399
- syntax: "*";
4400
- inherits: false;
4401
- initial-value: "";
4402
- }
4403
-
4404
- @property --tw-scale-x {
4405
- syntax: "*";
4406
- inherits: false;
4407
- initial-value: 1;
4408
- }
4409
-
4410
- @property --tw-scale-y {
4411
- syntax: "*";
4412
- inherits: false;
4413
- initial-value: 1;
4414
- }
4415
-
4416
- @property --tw-scale-z {
4417
- syntax: "*";
4418
- inherits: false;
4419
- initial-value: 1;
4420
- }