@node-core/ui-components 1.0.1-53352b306fcbcdb527095209221fd17b7fc955b9 → 1.0.1-5909a0bd471c5bfddac4f1bf7eee50aea0274970

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 (56) hide show
  1. package/Common/AlertBox/index.module.css +1 -82
  2. package/Common/AvatarGroup/Avatar/index.module.css +1 -59
  3. package/Common/AvatarGroup/Overlay/index.module.css +1 -37
  4. package/Common/AvatarGroup/index.module.css +1 -21
  5. package/Common/Badge/index.js +1 -3
  6. package/Common/Badge/index.module.css +1 -59
  7. package/Common/BadgeGroup/index.js +2 -2
  8. package/Common/BadgeGroup/index.module.css +1 -152
  9. package/Common/Banner/index.module.css +1 -44
  10. package/Common/BaseButton/index.module.css +1 -371
  11. package/Common/BaseCodeBox/index.module.css +1 -95
  12. package/Common/BaseCrossLink/index.module.css +1 -68
  13. package/Common/BaseLinkTabs/index.module.css +1 -76
  14. package/Common/BasePagination/Ellipsis/index.module.css +1 -15
  15. package/Common/BasePagination/PaginationListItem/index.module.css +1 -41
  16. package/Common/BasePagination/index.module.css +1 -39
  17. package/Common/Blockquote/index.module.css +1 -49
  18. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -4
  19. package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -51
  20. package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +1 -31
  21. package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -9
  22. package/Common/ChangeHistory/index.module.css +1 -197
  23. package/Common/CodeTabs/index.module.css +1 -66
  24. package/Common/DataTag/index.module.css +1 -53
  25. package/Common/GlowingBackdrop/index.module.css +1 -129
  26. package/Common/LanguageDropDown/index.module.css +1 -150
  27. package/Common/Modal/index.module.css +1 -233
  28. package/Common/NodejsLogo/index.module.css +1 -4
  29. package/Common/Notification/index.module.css +1 -103
  30. package/Common/Preview/index.module.css +1 -282
  31. package/Common/Select/NoScriptSelect/index.js +10 -0
  32. package/Common/Select/StatelessSelect/index.js +31 -0
  33. package/Common/Select/index.js +3 -6
  34. package/Common/Select/index.module.css +1 -327
  35. package/Common/Separator/index.module.css +1 -12
  36. package/Common/Skeleton/index.module.css +1 -126
  37. package/Common/Tabs/index.module.css +1 -71
  38. package/Common/ThemeToggle/index.module.css +1 -21
  39. package/Common/Tooltip/index.module.css +1 -132
  40. package/Containers/Article/index.module.css +1 -138
  41. package/Containers/Footer/index.js +2 -3
  42. package/Containers/Footer/index.module.css +1 -60
  43. package/Containers/MetaBar/index.module.css +1 -122
  44. package/Containers/NavBar/NavItem/index.module.css +1 -73
  45. package/Containers/NavBar/index.module.css +1 -204
  46. package/Containers/Sidebar/SidebarGroup/index.module.css +1 -191
  47. package/Containers/Sidebar/SidebarItem/index.js +1 -1
  48. package/Containers/Sidebar/SidebarItem/index.module.css +1 -66
  49. package/Containers/Sidebar/index.js +2 -2
  50. package/Containers/Sidebar/index.module.css +1 -47
  51. package/MDX/CodeTabs.js +22 -9
  52. package/Providers/NotificationProvider/index.module.css +1 -6
  53. package/package.json +9 -4
  54. package/styles/index.css +1 -1135
  55. package/util/array.js +2 -0
  56. package/Containers/DocSideBar/index.js +0 -1
package/styles/index.css CHANGED
@@ -1,1136 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- @charset "utf-8";
3
- @layer properties;
4
- @layer theme, base, components, utilities;
5
- @layer theme {
6
- :root, :host {
7
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
8
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10
- "Courier New", monospace;
11
- --color-green-100: #edf2eb;
12
- --color-green-200: #c5e5b4;
13
- --color-green-300: #99cc7d;
14
- --color-green-400: #84ba64;
15
- --color-green-600: #417e38;
16
- --color-green-700: #2c682c;
17
- --color-green-800: #2c682c;
18
- --color-green-900: #1a3f1d;
19
- --color-gray-200: oklch(0.928 0.006 264.531);
20
- --color-neutral-100: #f6f7f9;
21
- --color-neutral-200: #e9edf0;
22
- --color-neutral-300: #d9e1e4;
23
- --color-neutral-400: #cbd4d9;
24
- --color-neutral-600: #929fa5;
25
- --color-neutral-700: #6e7b83;
26
- --color-neutral-800: #556066;
27
- --color-neutral-900: #2c3437;
28
- --color-neutral-950: #0d121c;
29
- --color-white: #fff;
30
- --spacing: 0.25rem;
31
- --text-xs: 0.75rem;
32
- --text-xs--line-height: 1.33333;
33
- --text-sm: 0.875rem;
34
- --text-sm--line-height: 1.42857;
35
- --text-base: 1rem;
36
- --text-base--line-height: 1.5;
37
- --text-lg: 1.125rem;
38
- --text-lg--line-height: 1.55556;
39
- --text-xl: 1.25rem;
40
- --text-xl--line-height: 1.4;
41
- --text-2xl: 1.5rem;
42
- --text-2xl--line-height: 1.33333;
43
- --text-3xl: 1.875rem;
44
- --text-3xl--line-height: 1.2;
45
- --text-4xl: 2.25rem;
46
- --text-4xl--line-height: 1.11111;
47
- --text-5xl: 3rem;
48
- --text-5xl--line-height: 1;
49
- --text-6xl: 3.75rem;
50
- --text-6xl--line-height: 1;
51
- --text-7xl: 4.5rem;
52
- --text-7xl--line-height: 1;
53
- --font-weight-medium: 500;
54
- --font-weight-semibold: 600;
55
- --font-weight-bold: 700;
56
- --radius-xs: 0.125rem;
57
- --default-transition-duration: 150ms;
58
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
59
- --default-font-family: var(--font-sans);
60
- --default-mono-font-family: var(--font-mono);
61
- --color-danger-100: #fbf1f0;
62
- --color-danger-200: #fad3d4;
63
- --color-danger-300: #fab6b7;
64
- --color-danger-400: #fa8e8e;
65
- --color-danger-600: #de1a1b;
66
- --color-danger-700: #b80c0c;
67
- --color-danger-800: #900e0e;
68
- --color-danger-900: #661514;
69
- --color-warning-100: #fdf3e7;
70
- --color-warning-200: #fad9b0;
71
- --color-warning-300: #f5bc75;
72
- --color-warning-400: #e99c40;
73
- --color-warning-600: #ae5f00;
74
- --color-warning-700: #8b4d04;
75
- --color-warning-800: #683d08;
76
- --color-warning-900: #4d2f0b;
77
- --color-info-100: #e9f4fa;
78
- --color-info-200: #bce6fc;
79
- --color-info-300: #8ed4f8;
80
- --color-info-400: #52baed;
81
- --color-info-600: #0c7bb3;
82
- --color-info-700: #066291;
83
- --color-info-800: #074d71;
84
- --color-info-900: #0a3953;
85
- --color-accent1-100: #f7f1fb;
86
- --color-accent1-200: #ead9fb;
87
- --color-accent1-300: #dbbdf9;
88
- --color-accent1-400: #c79bf2;
89
- --color-accent1-600: #9756d6;
90
- --color-accent1-700: #7d3cbe;
91
- --color-accent1-800: #642b9e;
92
- --color-accent1-900: #361b52;
93
- --color-accent2-100: #fbf0f4;
94
- --color-accent2-200: #fbd4e6;
95
- --color-accent2-300: #fbb4d2;
96
- --color-accent2-400: #f68bb7;
97
- --color-accent2-600: #d6246e;
98
- --color-accent2-700: #b01356;
99
- --color-accent2-800: #8b1245;
100
- --color-accent2-900: #411526;
101
- --color-pulse-100: #0000330f;
102
- --color-pulse-200: #00002d17;
103
- --color-pulse-300: #ddeaf814;
104
- --color-pulse-400: #d3edf81d;
105
- --color-shadow: #101828;
106
- --font-open-sans: var(--font-open-sans);
107
- --font-ibm-plex-mono: var(--font-ibm-plex-mono);
108
- --font-weight-regular: 400;
109
- }
110
- }
111
- @layer base {
112
- *, ::after, ::before, ::backdrop, ::file-selector-button {
113
- box-sizing: border-box;
114
- margin: 0;
115
- padding: 0;
116
- border: 0 solid;
117
- }
118
- html, :host {
119
- line-height: 1.5;
120
- -webkit-text-size-adjust: 100%;
121
- tab-size: 4;
122
- 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");
123
- font-feature-settings: var(--default-font-feature-settings, normal);
124
- font-variation-settings: var(--default-font-variation-settings, normal);
125
- -webkit-tap-highlight-color: transparent;
126
- }
127
- hr {
128
- height: 0;
129
- color: inherit;
130
- border-top-width: 1px;
131
- }
132
- abbr:where([title]) {
133
- -webkit-text-decoration: underline dotted;
134
- text-decoration: underline dotted;
135
- }
136
- h1, h2, h3, h4, h5, h6 {
137
- font-size: inherit;
138
- font-weight: inherit;
139
- }
140
- a {
141
- color: inherit;
142
- -webkit-text-decoration: inherit;
143
- text-decoration: inherit;
144
- }
145
- b, strong {
146
- font-weight: bolder;
147
- }
148
- code, kbd, samp, pre {
149
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
150
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
151
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
152
- font-size: 1em;
153
- }
154
- small {
155
- font-size: 80%;
156
- }
157
- sub, sup {
158
- font-size: 75%;
159
- line-height: 0;
160
- position: relative;
161
- vertical-align: baseline;
162
- }
163
- sub {
164
- bottom: -0.25em;
165
- }
166
- sup {
167
- top: -0.5em;
168
- }
169
- table {
170
- text-indent: 0;
171
- border-color: inherit;
172
- border-collapse: collapse;
173
- }
174
- :-moz-focusring {
175
- outline: auto;
176
- }
177
- progress {
178
- vertical-align: baseline;
179
- }
180
- summary {
181
- display: list-item;
182
- }
183
- ol, ul, menu {
184
- list-style: none;
185
- }
186
- img, svg, video, canvas, audio, iframe, embed, object {
187
- display: block;
188
- vertical-align: middle;
189
- }
190
- img, video {
191
- max-width: 100%;
192
- height: auto;
193
- }
194
- button, input, select, optgroup, textarea, ::file-selector-button {
195
- font: inherit;
196
- font-feature-settings: inherit;
197
- font-variation-settings: inherit;
198
- letter-spacing: inherit;
199
- color: inherit;
200
- border-radius: 0;
201
- background-color: transparent;
202
- opacity: 1;
203
- }
204
- :where(select:is([multiple], [size])) optgroup {
205
- font-weight: bolder;
206
- }
207
- :where(select:is([multiple], [size])) optgroup option {
208
- padding-inline-start: 20px;
209
- }
210
- ::file-selector-button {
211
- margin-inline-end: 4px;
212
- }
213
- ::placeholder {
214
- opacity: 1;
215
- }
216
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
217
- ::placeholder {
218
- color: currentColor;
219
- @supports (color: color-mix(in lab, red, red)) {
220
- color: color-mix(in oklab, currentColor 50%, transparent);
221
- }
222
- }
223
- }
224
- textarea {
225
- resize: vertical;
226
- }
227
- ::-webkit-search-decoration {
228
- -webkit-appearance: none;
229
- }
230
- ::-webkit-date-and-time-value {
231
- min-height: 1lh;
232
- text-align: inherit;
233
- }
234
- ::-webkit-datetime-edit {
235
- display: inline-flex;
236
- }
237
- ::-webkit-datetime-edit-fields-wrapper {
238
- padding: 0;
239
- }
240
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
241
- padding-block: 0;
242
- }
243
- :-moz-ui-invalid {
244
- box-shadow: none;
245
- }
246
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
247
- appearance: button;
248
- }
249
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
250
- height: auto;
251
- }
252
- [hidden]:where(:not([hidden="until-found"])) {
253
- display: none !important;
254
- }
255
- }
256
- @layer utilities {
257
- .pointer-events-none {
258
- pointer-events: none;
259
- }
260
- .visible {
261
- visibility: visible;
262
- }
263
- .relative {
264
- position: relative;
265
- }
266
- .right-0 {
267
- right: calc(var(--spacing)*0);
268
- }
269
- .container {
270
- width: 100%;
271
- @media (width >= 670px) {
272
- max-width: 670px;
273
- }
274
- @media (width >= 40rem) {
275
- max-width: 40rem;
276
- }
277
- @media (width >= 48rem) {
278
- max-width: 48rem;
279
- }
280
- @media (width >= 64rem) {
281
- max-width: 64rem;
282
- }
283
- @media (width >= 80rem) {
284
- max-width: 80rem;
285
- }
286
- @media (width >= 96rem) {
287
- max-width: 96rem;
288
- }
289
- }
290
- .mx-1\.5 {
291
- margin-inline: calc(var(--spacing)*1.5);
292
- }
293
- .mt-4 {
294
- margin-top: calc(var(--spacing)*4);
295
- }
296
- .mb-2 {
297
- margin-bottom: calc(var(--spacing)*2);
298
- }
299
- .block {
300
- display: block;
301
- }
302
- .contents {
303
- display: contents;
304
- }
305
- .flex {
306
- display: flex;
307
- }
308
- .grid {
309
- display: grid;
310
- }
311
- .hidden {
312
- display: none;
313
- }
314
- .inline {
315
- display: inline;
316
- }
317
- .inline-block {
318
- display: inline-block;
319
- }
320
- .table {
321
- display: table;
322
- }
323
- .size-3 {
324
- width: calc(var(--spacing)*3);
325
- height: calc(var(--spacing)*3);
326
- }
327
- .size-4 {
328
- width: calc(var(--spacing)*4);
329
- height: calc(var(--spacing)*4);
330
- }
331
- .size-32 {
332
- width: calc(var(--spacing)*32);
333
- height: calc(var(--spacing)*32);
334
- }
335
- .h-4 {
336
- height: calc(var(--spacing)*4);
337
- }
338
- .h-20 {
339
- height: calc(var(--spacing)*20);
340
- }
341
- .h-72 {
342
- height: calc(var(--spacing)*72);
343
- }
344
- .h-full {
345
- height: 100%;
346
- }
347
- .w-4 {
348
- width: calc(var(--spacing)*4);
349
- }
350
- .w-20 {
351
- width: calc(var(--spacing)*20);
352
- }
353
- .w-72 {
354
- width: calc(var(--spacing)*72);
355
- }
356
- .w-\[150px\] {
357
- width: 150px;
358
- }
359
- .w-\[305px\] {
360
- width: 305px;
361
- }
362
- .w-\[600px\] {
363
- width: 600px;
364
- }
365
- .w-full {
366
- width: 100%;
367
- }
368
- .transform {
369
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
370
- }
371
- .cursor-pointer {
372
- cursor: pointer;
373
- }
374
- .list-none {
375
- list-style-type: none;
376
- }
377
- .grid-cols-3 {
378
- grid-template-columns: repeat(3, minmax(0, 1fr));
379
- }
380
- .flex-col {
381
- flex-direction: column;
382
- }
383
- .flex-row {
384
- flex-direction: row;
385
- }
386
- .flex-wrap {
387
- flex-wrap: wrap;
388
- }
389
- .items-center {
390
- align-items: center;
391
- }
392
- .items-end {
393
- align-items: flex-end;
394
- }
395
- .justify-between {
396
- justify-content: space-between;
397
- }
398
- .justify-center {
399
- justify-content: center;
400
- }
401
- .justify-end {
402
- justify-content: flex-end;
403
- }
404
- .justify-start {
405
- justify-content: flex-start;
406
- }
407
- .gap-1 {
408
- gap: calc(var(--spacing)*1);
409
- }
410
- .gap-3 {
411
- gap: calc(var(--spacing)*3);
412
- }
413
- .gap-4 {
414
- gap: calc(var(--spacing)*4);
415
- }
416
- .gap-6 {
417
- gap: calc(var(--spacing)*6);
418
- }
419
- .bg-accent1-100 {
420
- background-color: var(--color-accent1-100);
421
- }
422
- .bg-accent1-200 {
423
- background-color: var(--color-accent1-200);
424
- }
425
- .bg-accent1-300 {
426
- background-color: var(--color-accent1-300);
427
- }
428
- .bg-accent1-400 {
429
- background-color: var(--color-accent1-400);
430
- }
431
- .bg-accent1-600 {
432
- background-color: var(--color-accent1-600);
433
- }
434
- .bg-accent1-700 {
435
- background-color: var(--color-accent1-700);
436
- }
437
- .bg-accent1-800 {
438
- background-color: var(--color-accent1-800);
439
- }
440
- .bg-accent1-900 {
441
- background-color: var(--color-accent1-900);
442
- }
443
- .bg-accent2-100 {
444
- background-color: var(--color-accent2-100);
445
- }
446
- .bg-accent2-200 {
447
- background-color: var(--color-accent2-200);
448
- }
449
- .bg-accent2-300 {
450
- background-color: var(--color-accent2-300);
451
- }
452
- .bg-accent2-400 {
453
- background-color: var(--color-accent2-400);
454
- }
455
- .bg-accent2-600 {
456
- background-color: var(--color-accent2-600);
457
- }
458
- .bg-accent2-700 {
459
- background-color: var(--color-accent2-700);
460
- }
461
- .bg-accent2-800 {
462
- background-color: var(--color-accent2-800);
463
- }
464
- .bg-accent2-900 {
465
- background-color: var(--color-accent2-900);
466
- }
467
- .bg-danger-100 {
468
- background-color: var(--color-danger-100);
469
- }
470
- .bg-danger-200 {
471
- background-color: var(--color-danger-200);
472
- }
473
- .bg-danger-300 {
474
- background-color: var(--color-danger-300);
475
- }
476
- .bg-danger-400 {
477
- background-color: var(--color-danger-400);
478
- }
479
- .bg-danger-600 {
480
- background-color: var(--color-danger-600);
481
- }
482
- .bg-danger-700 {
483
- background-color: var(--color-danger-700);
484
- }
485
- .bg-danger-800 {
486
- background-color: var(--color-danger-800);
487
- }
488
- .bg-danger-900 {
489
- background-color: var(--color-danger-900);
490
- }
491
- .bg-green-100 {
492
- background-color: var(--color-green-100);
493
- }
494
- .bg-green-200 {
495
- background-color: var(--color-green-200);
496
- }
497
- .bg-green-300 {
498
- background-color: var(--color-green-300);
499
- }
500
- .bg-green-400 {
501
- background-color: var(--color-green-400);
502
- }
503
- .bg-green-600 {
504
- background-color: var(--color-green-600);
505
- }
506
- .bg-green-700 {
507
- background-color: var(--color-green-700);
508
- }
509
- .bg-green-800 {
510
- background-color: var(--color-green-800);
511
- }
512
- .bg-green-900 {
513
- background-color: var(--color-green-900);
514
- }
515
- .bg-info-100 {
516
- background-color: var(--color-info-100);
517
- }
518
- .bg-info-200 {
519
- background-color: var(--color-info-200);
520
- }
521
- .bg-info-300 {
522
- background-color: var(--color-info-300);
523
- }
524
- .bg-info-400 {
525
- background-color: var(--color-info-400);
526
- }
527
- .bg-info-600 {
528
- background-color: var(--color-info-600);
529
- }
530
- .bg-info-700 {
531
- background-color: var(--color-info-700);
532
- }
533
- .bg-info-800 {
534
- background-color: var(--color-info-800);
535
- }
536
- .bg-info-900 {
537
- background-color: var(--color-info-900);
538
- }
539
- .bg-neutral-100 {
540
- background-color: var(--color-neutral-100);
541
- }
542
- .bg-neutral-200 {
543
- background-color: var(--color-neutral-200);
544
- }
545
- .bg-neutral-300 {
546
- background-color: var(--color-neutral-300);
547
- }
548
- .bg-neutral-400 {
549
- background-color: var(--color-neutral-400);
550
- }
551
- .bg-neutral-600 {
552
- background-color: var(--color-neutral-600);
553
- }
554
- .bg-neutral-700 {
555
- background-color: var(--color-neutral-700);
556
- }
557
- .bg-neutral-800 {
558
- background-color: var(--color-neutral-800);
559
- }
560
- .bg-neutral-900 {
561
- background-color: var(--color-neutral-900);
562
- }
563
- .bg-warning-100 {
564
- background-color: var(--color-warning-100);
565
- }
566
- .bg-warning-200 {
567
- background-color: var(--color-warning-200);
568
- }
569
- .bg-warning-300 {
570
- background-color: var(--color-warning-300);
571
- }
572
- .bg-warning-400 {
573
- background-color: var(--color-warning-400);
574
- }
575
- .bg-warning-600 {
576
- background-color: var(--color-warning-600);
577
- }
578
- .bg-warning-700 {
579
- background-color: var(--color-warning-700);
580
- }
581
- .bg-warning-800 {
582
- background-color: var(--color-warning-800);
583
- }
584
- .bg-warning-900 {
585
- background-color: var(--color-warning-900);
586
- }
587
- .fill-\[\#333333\] {
588
- fill: #333333;
589
- }
590
- .fill-neutral-700 {
591
- fill: var(--color-neutral-700);
592
- }
593
- .p-3 {
594
- padding: calc(var(--spacing)*3);
595
- }
596
- .p-4 {
597
- padding: calc(var(--spacing)*4);
598
- }
599
- .p-6 {
600
- padding: calc(var(--spacing)*6);
601
- }
602
- .pl-2 {
603
- padding-left: calc(var(--spacing)*2);
604
- }
605
- .pl-4 {
606
- padding-left: calc(var(--spacing)*4);
607
- }
608
- .text-center {
609
- text-align: center;
610
- }
611
- .text-2xl {
612
- font-size: var(--text-2xl);
613
- line-height: var(--tw-leading, var(--text-2xl--line-height));
614
- }
615
- .text-3xl {
616
- font-size: var(--text-3xl);
617
- line-height: var(--tw-leading, var(--text-3xl--line-height));
618
- }
619
- .text-4xl {
620
- font-size: var(--text-4xl);
621
- line-height: var(--tw-leading, var(--text-4xl--line-height));
622
- }
623
- .text-5xl {
624
- font-size: var(--text-5xl);
625
- line-height: var(--tw-leading, var(--text-5xl--line-height));
626
- }
627
- .text-6xl {
628
- font-size: var(--text-6xl);
629
- line-height: var(--tw-leading, var(--text-6xl--line-height));
630
- }
631
- .text-7xl {
632
- font-size: var(--text-7xl);
633
- line-height: var(--tw-leading, var(--text-7xl--line-height));
634
- }
635
- .text-lg {
636
- font-size: var(--text-lg);
637
- line-height: var(--tw-leading, var(--text-lg--line-height));
638
- }
639
- .text-sm {
640
- font-size: var(--text-sm);
641
- line-height: var(--tw-leading, var(--text-sm--line-height));
642
- }
643
- .text-xl {
644
- font-size: var(--text-xl);
645
- line-height: var(--tw-leading, var(--text-xl--line-height));
646
- }
647
- .text-xs {
648
- font-size: var(--text-xs);
649
- line-height: var(--tw-leading, var(--text-xs--line-height));
650
- }
651
- .font-bold {
652
- --tw-font-weight: var(--font-weight-bold);
653
- font-weight: var(--font-weight-bold);
654
- }
655
- .font-medium {
656
- --tw-font-weight: var(--font-weight-medium);
657
- font-weight: var(--font-weight-medium);
658
- }
659
- .font-regular {
660
- --tw-font-weight: var(--font-weight-regular);
661
- font-weight: var(--font-weight-regular);
662
- }
663
- .font-semibold {
664
- --tw-font-weight: var(--font-weight-semibold);
665
- font-weight: var(--font-weight-semibold);
666
- }
667
- .opacity-70 {
668
- opacity: 70%;
669
- }
670
- .outline {
671
- outline-style: var(--tw-outline-style);
672
- outline-width: 1px;
673
- }
674
- .filter {
675
- 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,);
676
- }
677
- .group-open\:rotate-180 {
678
- &:is(:where(.group):is([open], :popover-open, :open) *) {
679
- rotate: 180deg;
680
- }
681
- }
682
- .peer-checked\:flex {
683
- &:is(:where(.peer):checked ~ *) {
684
- display: flex;
685
- }
686
- }
687
- .motion-safe\:transition-transform {
688
- @media (prefers-reduced-motion: no-preference) {
689
- transition-property: transform, translate, scale, rotate;
690
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
691
- transition-duration: var(--tw-duration, var(--default-transition-duration));
692
- }
693
- }
694
- .dark\:block {
695
- &:where([data-theme=dark], [data-theme=dark] *) {
696
- display: block;
697
- }
698
- }
699
- .dark\:hidden {
700
- &:where([data-theme=dark], [data-theme=dark] *) {
701
- display: none;
702
- }
703
- }
704
- .dark\:fill-neutral-100 {
705
- &:where([data-theme=dark], [data-theme=dark] *) {
706
- fill: var(--color-neutral-100);
707
- }
708
- }
709
- .dark\:fill-white {
710
- &:where([data-theme=dark], [data-theme=dark] *) {
711
- fill: var(--color-white);
712
- }
713
- }
714
- }
715
- h1.special {
716
- background-image: linear-gradient( 180deg, var(--color-neutral-900) 0%, color-mix(in srgb, #2c3437 80%, transparent) 100% );
717
- @supports (color: color-mix(in lab, red, red)) {
718
- background-image: linear-gradient( 180deg, var(--color-neutral-900) 0%, color-mix(in oklab, var(--color-neutral-900) 80%, transparent) 100% );
719
- }
720
- background-clip: text;
721
- font-size: var(--text-4xl);
722
- line-height: var(--tw-leading, var(--text-4xl--line-height));
723
- --tw-leading: 3rem;
724
- line-height: 3rem;
725
- --tw-tracking: -0.045rem;
726
- letter-spacing: -0.045rem;
727
- -webkit-text-fill-color: transparent;
728
- @media (width >= 48rem) {
729
- font-size: var(--text-5xl);
730
- line-height: var(--tw-leading, var(--text-5xl--line-height));
731
- }
732
- @media (width >= 48rem) {
733
- --tw-leading: 4rem;
734
- line-height: 4rem;
735
- }
736
- @media (width >= 48rem) {
737
- --tw-tracking: -0.06rem;
738
- letter-spacing: -0.06rem;
739
- }
740
- &:where([data-theme=dark], [data-theme=dark] *) {
741
- background-image: linear-gradient( 180deg, var(--color-white) 0%, color-mix(in srgb, #fff 80%, transparent) 100% );
742
- @supports (color: color-mix(in lab, red, red)) {
743
- background-image: linear-gradient( 180deg, var(--color-white) 0%, color-mix(in oklab, var(--color-white) 80%, transparent) 100% );
744
- }
745
- }
746
- }
747
- @layer utilities {
748
- * {
749
- -webkit-font-smoothing: auto;
750
- -moz-osx-font-smoothing: auto;
751
- }
752
- html, body {
753
- height: 100%;
754
- }
755
- body {
756
- background-color: var(--color-white);
757
- font-family: var(--font-open-sans);
758
- color: var(--color-neutral-950);
759
- @media (prefers-reduced-motion: no-preference) {
760
- scroll-behavior: smooth;
761
- }
762
- &:where([data-theme=dark], [data-theme=dark] *) {
763
- background-color: var(--color-neutral-950);
764
- }
765
- &:where([data-theme=dark], [data-theme=dark] *) {
766
- color: var(--color-white);
767
- }
768
- }
769
- }
770
- @layer utilities {
771
- main {
772
- display: flex;
773
- width: 100%;
774
- flex-direction: column;
775
- gap: calc(var(--spacing)*6);
776
- hr {
777
- width: 100%;
778
- border-top-style: var(--tw-border-style);
779
- border-top-width: 1px;
780
- border-top-color: var(--color-neutral-200);
781
- background-color: var(--color-white);
782
- &:where([data-theme=dark], [data-theme=dark] *) {
783
- border-top-color: var(--color-neutral-900);
784
- }
785
- &:where([data-theme=dark], [data-theme=dark] *) {
786
- background-color: var(--color-neutral-950);
787
- }
788
- }
789
- h1 {
790
- font-size: var(--text-3xl);
791
- line-height: var(--tw-leading, var(--text-3xl--line-height));
792
- }
793
- h2 {
794
- font-size: var(--text-2xl);
795
- line-height: var(--tw-leading, var(--text-2xl--line-height));
796
- }
797
- h3 {
798
- font-size: var(--text-xl);
799
- line-height: var(--tw-leading, var(--text-xl--line-height));
800
- }
801
- h4 {
802
- font-size: var(--text-lg);
803
- line-height: var(--tw-leading, var(--text-lg--line-height));
804
- }
805
- h5, h6 {
806
- font-size: var(--text-base);
807
- line-height: var(--tw-leading, var(--text-base--line-height));
808
- }
809
- h1, h2, h3, h4, h5, h6 {
810
- --tw-font-weight: var(--font-weight-semibold);
811
- font-weight: var(--font-weight-semibold);
812
- color: var(--color-neutral-900);
813
- &:where([data-theme=dark], [data-theme=dark] *) {
814
- color: var(--color-white);
815
- }
816
- &[id] a {
817
- color: var(--color-neutral-900);
818
- &:where([data-theme=dark], [data-theme=dark] *) {
819
- color: var(--color-white);
820
- }
821
- }
822
- }
823
- strong {
824
- --tw-font-weight: var(--font-weight-semibold);
825
- font-weight: var(--font-weight-semibold);
826
- }
827
- code {
828
- border-radius: var(--radius-xs);
829
- background-color: var(--color-neutral-100);
830
- padding-inline: calc(var(--spacing)*1);
831
- font-family: var(--font-ibm-plex-mono);
832
- font-size: var(--text-base);
833
- line-height: var(--tw-leading, var(--text-base--line-height));
834
- --tw-font-weight: var(--font-weight-semibold);
835
- font-weight: var(--font-weight-semibold);
836
- color: var(--color-neutral-900);
837
- &:where([data-theme=dark], [data-theme=dark] *) {
838
- background-color: var(--color-neutral-900);
839
- }
840
- &:where([data-theme=dark], [data-theme=dark] *) {
841
- color: var(--color-white);
842
- }
843
- }
844
- p {
845
- color: var(--color-neutral-900);
846
- &:where([data-theme=dark], [data-theme=dark] *) {
847
- color: var(--color-white);
848
- }
849
- }
850
- a:not(h1 > a):not(h2 > a):not(h3 > a):not(h4 > a):not(h5 > a):not(h6 > a), .anchor {
851
- color: var(--color-green-600);
852
- @media (width < 670px) {
853
- --tw-font-weight: var(--font-weight-semibold);
854
- font-weight: var(--font-weight-semibold);
855
- }
856
- &:where([data-theme=dark], [data-theme=dark] *) {
857
- color: var(--color-green-400);
858
- }
859
- &:hover {
860
- color: var(--color-green-900);
861
- &:where([data-theme=dark], [data-theme=dark] *) {
862
- color: var(--color-green-200);
863
- }
864
- }
865
- &[role='button'] {
866
- @media (width < 670px) {
867
- --tw-font-weight: var(--font-weight-regular);
868
- font-weight: var(--font-weight-regular);
869
- }
870
- }
871
- &:has(code) {
872
- @media (width < 670px) {
873
- text-decoration-color: var(--color-neutral-800);
874
- }
875
- &:where([data-theme=dark], [data-theme=dark] *) {
876
- @media (width < 670px) {
877
- text-decoration-color: var(--color-neutral-200);
878
- }
879
- }
880
- code {
881
- color: inherit;
882
- color: inherit;
883
- }
884
- }
885
- }
886
- ul {
887
- list-style-type: disc;
888
- padding-right: calc(var(--spacing)*5);
889
- padding-left: calc(var(--spacing)*9);
890
- --tw-leading: calc(var(--spacing)*6);
891
- line-height: calc(var(--spacing)*6);
892
- color: var(--color-neutral-900);
893
- &:where([data-theme=dark], [data-theme=dark] *) {
894
- color: var(--color-white);
895
- }
896
- li div:has(> pre) {
897
- margin-block: calc(var(--spacing)*1) !important;
898
- }
899
- }
900
- ol {
901
- list-style-type: decimal;
902
- padding-inline: calc(var(--spacing)*5);
903
- --tw-leading: calc(var(--spacing)*6);
904
- line-height: calc(var(--spacing)*6);
905
- color: var(--color-neutral-900);
906
- &:where([data-theme=dark], [data-theme=dark] *) {
907
- color: var(--color-white);
908
- }
909
- li div:has(> pre) {
910
- margin-block: calc(var(--spacing)*1) !important;
911
- }
912
- }
913
- table {
914
- margin-bottom: calc(var(--spacing)*1);
915
- width: 100%;
916
- border-collapse: separate;
917
- --tw-border-spacing-x: calc(var(--spacing)*0);
918
- --tw-border-spacing-y: calc(var(--spacing)*0);
919
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
920
- border-radius: var(--radius-xs);
921
- border-style: var(--tw-border-style);
922
- border-width: 1px;
923
- border-color: var(--color-neutral-200);
924
- text-align: left;
925
- font-size: var(--text-sm);
926
- line-height: var(--tw-leading, var(--text-sm--line-height));
927
- &:where([data-theme=dark], [data-theme=dark] *) {
928
- border-color: var(--color-neutral-800);
929
- }
930
- th, td {
931
- border-style: var(--tw-border-style);
932
- border-width: 1px;
933
- border-top-style: var(--tw-border-style);
934
- border-top-width: 0px;
935
- border-right-style: var(--tw-border-style);
936
- border-right-width: 0px;
937
- border-color: var(--color-neutral-200);
938
- padding-inline: calc(var(--spacing)*4);
939
- padding-block: calc(var(--spacing)*2);
940
- color: var(--color-neutral-900);
941
- @media (width < 670px) {
942
- display: block;
943
- }
944
- @media (width < 670px) {
945
- border-left-style: var(--tw-border-style);
946
- border-left-width: 0px;
947
- }
948
- &:where([data-theme=dark], [data-theme=dark] *) {
949
- border-color: var(--color-neutral-800);
950
- }
951
- &:where([data-theme=dark], [data-theme=dark] *) {
952
- color: var(--color-white);
953
- }
954
- > a {
955
- padding-right: calc(var(--spacing)*2);
956
- }
957
- }
958
- th {
959
- --tw-font-weight: var(--font-weight-semibold);
960
- font-weight: var(--font-weight-semibold);
961
- }
962
- tr:last-child > td {
963
- @media (width >= 40rem) {
964
- border-bottom-style: var(--tw-border-style);
965
- border-bottom-width: 0px;
966
- }
967
- &:last-child {
968
- @media (width < 670px) {
969
- border-bottom-style: var(--tw-border-style);
970
- border-bottom-width: 0px;
971
- }
972
- }
973
- }
974
- td:first-child, th:first-child {
975
- @media (width >= 40rem) {
976
- border-left-style: var(--tw-border-style);
977
- border-left-width: 0px;
978
- }
979
- }
980
- }
981
- }
982
- }
983
- @layer base {
984
- :root {
985
- --header-height: calc(var(--spacing, 0.25rem)*16);
986
- }
987
- *,
988
- ::after,
989
- ::before,
990
- ::backdrop,
991
- ::file-selector-button {
992
- border-color: var(--color-gray-200, currentColor);
993
- }
994
- button,
995
- [role='button'] {
996
- &:not(:disabled) {
997
- cursor: pointer;
998
- }
999
- }
1000
- }
1001
- @property --tw-rotate-x {
1002
- syntax: "*";
1003
- inherits: false;
1004
- }
1005
- @property --tw-rotate-y {
1006
- syntax: "*";
1007
- inherits: false;
1008
- }
1009
- @property --tw-rotate-z {
1010
- syntax: "*";
1011
- inherits: false;
1012
- }
1013
- @property --tw-skew-x {
1014
- syntax: "*";
1015
- inherits: false;
1016
- }
1017
- @property --tw-skew-y {
1018
- syntax: "*";
1019
- inherits: false;
1020
- }
1021
- @property --tw-font-weight {
1022
- syntax: "*";
1023
- inherits: false;
1024
- }
1025
- @property --tw-outline-style {
1026
- syntax: "*";
1027
- inherits: false;
1028
- initial-value: solid;
1029
- }
1030
- @property --tw-blur {
1031
- syntax: "*";
1032
- inherits: false;
1033
- }
1034
- @property --tw-brightness {
1035
- syntax: "*";
1036
- inherits: false;
1037
- }
1038
- @property --tw-contrast {
1039
- syntax: "*";
1040
- inherits: false;
1041
- }
1042
- @property --tw-grayscale {
1043
- syntax: "*";
1044
- inherits: false;
1045
- }
1046
- @property --tw-hue-rotate {
1047
- syntax: "*";
1048
- inherits: false;
1049
- }
1050
- @property --tw-invert {
1051
- syntax: "*";
1052
- inherits: false;
1053
- }
1054
- @property --tw-opacity {
1055
- syntax: "*";
1056
- inherits: false;
1057
- }
1058
- @property --tw-saturate {
1059
- syntax: "*";
1060
- inherits: false;
1061
- }
1062
- @property --tw-sepia {
1063
- syntax: "*";
1064
- inherits: false;
1065
- }
1066
- @property --tw-drop-shadow {
1067
- syntax: "*";
1068
- inherits: false;
1069
- }
1070
- @property --tw-drop-shadow-color {
1071
- syntax: "*";
1072
- inherits: false;
1073
- }
1074
- @property --tw-drop-shadow-alpha {
1075
- syntax: "<percentage>";
1076
- inherits: false;
1077
- initial-value: 100%;
1078
- }
1079
- @property --tw-drop-shadow-size {
1080
- syntax: "*";
1081
- inherits: false;
1082
- }
1083
- @property --tw-leading {
1084
- syntax: "*";
1085
- inherits: false;
1086
- }
1087
- @property --tw-tracking {
1088
- syntax: "*";
1089
- inherits: false;
1090
- }
1091
- @property --tw-border-style {
1092
- syntax: "*";
1093
- inherits: false;
1094
- initial-value: solid;
1095
- }
1096
- @property --tw-border-spacing-x {
1097
- syntax: "<length>";
1098
- inherits: false;
1099
- initial-value: 0;
1100
- }
1101
- @property --tw-border-spacing-y {
1102
- syntax: "<length>";
1103
- inherits: false;
1104
- initial-value: 0;
1105
- }
1106
- @layer properties {
1107
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1108
- *, ::before, ::after, ::backdrop {
1109
- --tw-rotate-x: initial;
1110
- --tw-rotate-y: initial;
1111
- --tw-rotate-z: initial;
1112
- --tw-skew-x: initial;
1113
- --tw-skew-y: initial;
1114
- --tw-font-weight: initial;
1115
- --tw-outline-style: solid;
1116
- --tw-blur: initial;
1117
- --tw-brightness: initial;
1118
- --tw-contrast: initial;
1119
- --tw-grayscale: initial;
1120
- --tw-hue-rotate: initial;
1121
- --tw-invert: initial;
1122
- --tw-opacity: initial;
1123
- --tw-saturate: initial;
1124
- --tw-sepia: initial;
1125
- --tw-drop-shadow: initial;
1126
- --tw-drop-shadow-color: initial;
1127
- --tw-drop-shadow-alpha: 100%;
1128
- --tw-drop-shadow-size: initial;
1129
- --tw-leading: initial;
1130
- --tw-tracking: initial;
1131
- --tw-border-style: solid;
1132
- --tw-border-spacing-x: 0;
1133
- --tw-border-spacing-y: 0;
1134
- }
1135
- }
1136
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-tracking:initial;--tw-border-style:solid;--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-100:#edf2eb;--color-green-200:#c5e5b4;--color-green-300:#99cc7d;--color-green-400:#84ba64;--color-green-600:#417e38;--color-green-700:#2c682c;--color-green-800:#2c682c;--color-green-900:#1a3f1d;--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-100:#f6f7f9;--color-neutral-200:#e9edf0;--color-neutral-300:#d9e1e4;--color-neutral-400:#cbd4d9;--color-neutral-600:#929fa5;--color-neutral-700:#6e7b83;--color-neutral-800:#556066;--color-neutral-900:#2c3437;--color-neutral-950:#0d121c;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-danger-100:#fbf1f0;--color-danger-200:#fad3d4;--color-danger-300:#fab6b7;--color-danger-400:#fa8e8e;--color-danger-600:#de1a1b;--color-danger-700:#b80c0c;--color-danger-800:#900e0e;--color-danger-900:#661514;--color-warning-100:#fdf3e7;--color-warning-200:#fad9b0;--color-warning-300:#f5bc75;--color-warning-400:#e99c40;--color-warning-600:#ae5f00;--color-warning-700:#8b4d04;--color-warning-800:#683d08;--color-warning-900:#4d2f0b;--color-info-100:#e9f4fa;--color-info-200:#bce6fc;--color-info-300:#8ed4f8;--color-info-400:#52baed;--color-info-600:#0c7bb3;--color-info-700:#066291;--color-info-800:#074d71;--color-info-900:#0a3953;--color-accent1-100:#f7f1fb;--color-accent1-200:#ead9fb;--color-accent1-300:#dbbdf9;--color-accent1-400:#c79bf2;--color-accent1-600:#9756d6;--color-accent1-700:#7d3cbe;--color-accent1-800:#642b9e;--color-accent1-900:#361b52;--color-accent2-100:#fbf0f4;--color-accent2-200:#fbd4e6;--color-accent2-300:#fbb4d2;--color-accent2-400:#f68bb7;--color-accent2-600:#d6246e;--color-accent2-700:#b01356;--color-accent2-800:#8b1245;--color-accent2-900:#411526;--color-pulse-100:#0000330f;--color-pulse-200:#00002d17;--color-pulse-300:#ddeaf814;--color-pulse-400:#d3edf81d;--color-shadow:#101828;--font-open-sans:var(--font-open-sans);--font-ibm-plex-mono:var(--font-ibm-plex-mono);--font-weight-regular:400}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--header-height:calc(var(--spacing,.25rem)*16)}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}:is(button,[role=button]):not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.relative{position:relative}.right-0{right:calc(var(--spacing)*0)}.container{width:100%}@media (min-width:670px){.container{max-width:670px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-32{width:calc(var(--spacing)*32);height:calc(var(--spacing)*32)}.h-4{height:calc(var(--spacing)*4)}.h-20{height:calc(var(--spacing)*20)}.h-72{height:calc(var(--spacing)*72)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-20{width:calc(var(--spacing)*20)}.w-72{width:calc(var(--spacing)*72)}.w-200{width:calc(var(--spacing)*200)}.w-\[150px\]{width:150px}.w-\[305px\]{width:305px}.w-\[600px\]{width:600px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.bg-accent1-100{background-color:var(--color-accent1-100)}.bg-accent1-200{background-color:var(--color-accent1-200)}.bg-accent1-300{background-color:var(--color-accent1-300)}.bg-accent1-400{background-color:var(--color-accent1-400)}.bg-accent1-600{background-color:var(--color-accent1-600)}.bg-accent1-700{background-color:var(--color-accent1-700)}.bg-accent1-800{background-color:var(--color-accent1-800)}.bg-accent1-900{background-color:var(--color-accent1-900)}.bg-accent2-100{background-color:var(--color-accent2-100)}.bg-accent2-200{background-color:var(--color-accent2-200)}.bg-accent2-300{background-color:var(--color-accent2-300)}.bg-accent2-400{background-color:var(--color-accent2-400)}.bg-accent2-600{background-color:var(--color-accent2-600)}.bg-accent2-700{background-color:var(--color-accent2-700)}.bg-accent2-800{background-color:var(--color-accent2-800)}.bg-accent2-900{background-color:var(--color-accent2-900)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-danger-200{background-color:var(--color-danger-200)}.bg-danger-300{background-color:var(--color-danger-300)}.bg-danger-400{background-color:var(--color-danger-400)}.bg-danger-600{background-color:var(--color-danger-600)}.bg-danger-700{background-color:var(--color-danger-700)}.bg-danger-800{background-color:var(--color-danger-800)}.bg-danger-900{background-color:var(--color-danger-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-300{background-color:var(--color-info-300)}.bg-info-400{background-color:var(--color-info-400)}.bg-info-600{background-color:var(--color-info-600)}.bg-info-700{background-color:var(--color-info-700)}.bg-info-800{background-color:var(--color-info-800)}.bg-info-900{background-color:var(--color-info-900)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.fill-\[\#333333\]{fill:#333}.fill-neutral-700{fill:var(--color-neutral-700)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-regular{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.peer-checked\:flex:is(:where(.peer):checked~*){display:flex}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.dark\:block:where([data-theme=dark],[data-theme=dark] *){display:block}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}.dark\:fill-neutral-100:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-100)}.dark\:fill-white:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-white)}*{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html,body{height:100%}body{background-color:var(--color-white);font-family:var(--font-open-sans);color:var(--color-neutral-950)}@media (prefers-reduced-motion:no-preference){body{scroll-behavior:smooth}}body:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950);color:var(--color-white)}main{gap:calc(var(--spacing)*6);flex-direction:column;width:100%;display:flex}main hr{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-200);background-color:var(--color-white);width:100%}main hr:where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900);background-color:var(--color-neutral-950)}main h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}main h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}main h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}main h4{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}main h5,main h6{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}main h1,main h2,main h3,main h4,main h5,main h6{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6):where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a{color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}main code{border-radius:var(--radius-xs);background-color:var(--color-neutral-100);padding-inline:calc(var(--spacing)*1);font-family:var(--font-ibm-plex-mono);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}main code:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900);color:var(--color-white)}main p{color:var(--color-neutral-900)}main p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor{color:var(--color-green-600)}@media not all and (min-width:670px){main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):hover{color:var(--color-green-900)}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-200)}@media not all and (min-width:670px){:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor)[role=button]{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):has(code){-webkit-text-decoration-color:var(--color-neutral-800);-webkit-text-decoration-color:var(--color-neutral-800);text-decoration-color:var(--color-neutral-800)}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):has(code):where([data-theme=dark],[data-theme=dark] *){-webkit-text-decoration-color:var(--color-neutral-200);-webkit-text-decoration-color:var(--color-neutral-200);text-decoration-color:var(--color-neutral-200)}}:is(main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a),main .anchor):has(code) code{color:inherit}main ul{padding-right:calc(var(--spacing)*5);padding-left:calc(var(--spacing)*9);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:disc}main ul:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ul li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main ol{padding-inline:calc(var(--spacing)*5);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:decimal}main ol:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ol li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main table{margin-bottom:calc(var(--spacing)*1);border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);border-radius:var(--radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}main table:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}main table th,main table td{border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);color:var(--color-neutral-900)}@media not all and (min-width:670px){main table th,main table td{border-left-style:var(--tw-border-style);border-left-width:0;display:block}}:is(main table th,main table td):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);color:var(--color-white)}:is(main table th,main table td)>a{padding-right:calc(var(--spacing)*2)}main table th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:40rem){main table tr:last-child>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media not all and (min-width:670px){main table tr:last-child>td:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (min-width:40rem){main table td:first-child,main table th:first-child{border-left-style:var(--tw-border-style);border-left-width:0}}}h1.special{background-image:linear-gradient(180deg,var(--color-neutral-900)0%,#2c3437cc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special{background-image:linear-gradient(180deg,var(--color-neutral-900)0%,color-mix(in oklab,var(--color-neutral-900)80%,transparent)100%)}}h1.special{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:3rem;--tw-tracking:-0.045rem;letter-spacing:-.045rem;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:3rem}@media (min-width:48rem){h1.special{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:4rem;--tw-tracking:-0.06rem;letter-spacing:-.06rem;line-height:4rem}}h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg,var(--color-white)0%,#fffc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg,var(--color-white)0%,color-mix(in oklab,var(--color-white)80%,transparent)100%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}