@node-core/ui-components 1.0.1-bc3f4a79ab5f54e7ed1ee525005e7e9f1030495c → 1.0.1-cb0d824ab7cb750f58e9e44fa89a98ee80500bd1

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 (64) hide show
  1. package/Common/AlertBox/index.module.css +1 -76
  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 -45
  7. package/Common/BadgeGroup/index.js +2 -2
  8. package/Common/BadgeGroup/index.module.css +1 -100
  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/BasePagination/useGetPageElements.js +4 -4
  18. package/Common/Blockquote/index.module.css +1 -49
  19. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -4
  20. package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -51
  21. package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +1 -31
  22. package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -9
  23. package/Common/ChangeHistory/index.module.css +1 -197
  24. package/Common/CodeTabs/index.module.css +1 -66
  25. package/Common/DataTag/index.module.css +1 -53
  26. package/Common/GlowingBackdrop/index.module.css +1 -129
  27. package/Common/LanguageDropDown/index.module.css +1 -150
  28. package/Common/Modal/index.module.css +1 -233
  29. package/Common/NodejsLogo/index.js +2 -2
  30. package/Common/NodejsLogo/index.module.css +1 -4
  31. package/Common/Notification/index.module.css +1 -103
  32. package/Common/Preview/index.module.css +1 -282
  33. package/Common/Select/index.js +6 -5
  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 +1 -1
  50. package/Containers/Sidebar/index.module.css +1 -47
  51. package/Icons/Logos/Nodejs.js +9 -3
  52. package/Icons/Logos/index.js +1 -6
  53. package/MDX/CodeTabs.js +11 -2
  54. package/Providers/NotificationProvider/index.js +16 -0
  55. package/Providers/NotificationProvider/index.module.css +2 -0
  56. package/package.json +5 -2
  57. package/stylelint/one-utility-class-per-line.mjs +1 -1
  58. package/styles/index.css +1 -1138
  59. package/Containers/DocSideBar/index.js +0 -1
  60. package/Icons/Logos/JsGreen.js +0 -3
  61. package/Icons/Logos/NodejsStackedBlack.js +0 -3
  62. package/Icons/Logos/NodejsStackedDark.js +0 -3
  63. package/Icons/Logos/NodejsStackedLight.js +0 -3
  64. package/Icons/Logos/NodejsStackedWhite.js +0 -3
package/styles/index.css CHANGED
@@ -1,1139 +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-2 {
411
- gap: calc(var(--spacing)*2);
412
- }
413
- .gap-3 {
414
- gap: calc(var(--spacing)*3);
415
- }
416
- .gap-4 {
417
- gap: calc(var(--spacing)*4);
418
- }
419
- .gap-6 {
420
- gap: calc(var(--spacing)*6);
421
- }
422
- .bg-accent1-100 {
423
- background-color: var(--color-accent1-100);
424
- }
425
- .bg-accent1-200 {
426
- background-color: var(--color-accent1-200);
427
- }
428
- .bg-accent1-300 {
429
- background-color: var(--color-accent1-300);
430
- }
431
- .bg-accent1-400 {
432
- background-color: var(--color-accent1-400);
433
- }
434
- .bg-accent1-600 {
435
- background-color: var(--color-accent1-600);
436
- }
437
- .bg-accent1-700 {
438
- background-color: var(--color-accent1-700);
439
- }
440
- .bg-accent1-800 {
441
- background-color: var(--color-accent1-800);
442
- }
443
- .bg-accent1-900 {
444
- background-color: var(--color-accent1-900);
445
- }
446
- .bg-accent2-100 {
447
- background-color: var(--color-accent2-100);
448
- }
449
- .bg-accent2-200 {
450
- background-color: var(--color-accent2-200);
451
- }
452
- .bg-accent2-300 {
453
- background-color: var(--color-accent2-300);
454
- }
455
- .bg-accent2-400 {
456
- background-color: var(--color-accent2-400);
457
- }
458
- .bg-accent2-600 {
459
- background-color: var(--color-accent2-600);
460
- }
461
- .bg-accent2-700 {
462
- background-color: var(--color-accent2-700);
463
- }
464
- .bg-accent2-800 {
465
- background-color: var(--color-accent2-800);
466
- }
467
- .bg-accent2-900 {
468
- background-color: var(--color-accent2-900);
469
- }
470
- .bg-danger-100 {
471
- background-color: var(--color-danger-100);
472
- }
473
- .bg-danger-200 {
474
- background-color: var(--color-danger-200);
475
- }
476
- .bg-danger-300 {
477
- background-color: var(--color-danger-300);
478
- }
479
- .bg-danger-400 {
480
- background-color: var(--color-danger-400);
481
- }
482
- .bg-danger-600 {
483
- background-color: var(--color-danger-600);
484
- }
485
- .bg-danger-700 {
486
- background-color: var(--color-danger-700);
487
- }
488
- .bg-danger-800 {
489
- background-color: var(--color-danger-800);
490
- }
491
- .bg-danger-900 {
492
- background-color: var(--color-danger-900);
493
- }
494
- .bg-green-100 {
495
- background-color: var(--color-green-100);
496
- }
497
- .bg-green-200 {
498
- background-color: var(--color-green-200);
499
- }
500
- .bg-green-300 {
501
- background-color: var(--color-green-300);
502
- }
503
- .bg-green-400 {
504
- background-color: var(--color-green-400);
505
- }
506
- .bg-green-600 {
507
- background-color: var(--color-green-600);
508
- }
509
- .bg-green-700 {
510
- background-color: var(--color-green-700);
511
- }
512
- .bg-green-800 {
513
- background-color: var(--color-green-800);
514
- }
515
- .bg-green-900 {
516
- background-color: var(--color-green-900);
517
- }
518
- .bg-info-100 {
519
- background-color: var(--color-info-100);
520
- }
521
- .bg-info-200 {
522
- background-color: var(--color-info-200);
523
- }
524
- .bg-info-300 {
525
- background-color: var(--color-info-300);
526
- }
527
- .bg-info-400 {
528
- background-color: var(--color-info-400);
529
- }
530
- .bg-info-600 {
531
- background-color: var(--color-info-600);
532
- }
533
- .bg-info-700 {
534
- background-color: var(--color-info-700);
535
- }
536
- .bg-info-800 {
537
- background-color: var(--color-info-800);
538
- }
539
- .bg-info-900 {
540
- background-color: var(--color-info-900);
541
- }
542
- .bg-neutral-100 {
543
- background-color: var(--color-neutral-100);
544
- }
545
- .bg-neutral-200 {
546
- background-color: var(--color-neutral-200);
547
- }
548
- .bg-neutral-300 {
549
- background-color: var(--color-neutral-300);
550
- }
551
- .bg-neutral-400 {
552
- background-color: var(--color-neutral-400);
553
- }
554
- .bg-neutral-600 {
555
- background-color: var(--color-neutral-600);
556
- }
557
- .bg-neutral-700 {
558
- background-color: var(--color-neutral-700);
559
- }
560
- .bg-neutral-800 {
561
- background-color: var(--color-neutral-800);
562
- }
563
- .bg-neutral-900 {
564
- background-color: var(--color-neutral-900);
565
- }
566
- .bg-warning-100 {
567
- background-color: var(--color-warning-100);
568
- }
569
- .bg-warning-200 {
570
- background-color: var(--color-warning-200);
571
- }
572
- .bg-warning-300 {
573
- background-color: var(--color-warning-300);
574
- }
575
- .bg-warning-400 {
576
- background-color: var(--color-warning-400);
577
- }
578
- .bg-warning-600 {
579
- background-color: var(--color-warning-600);
580
- }
581
- .bg-warning-700 {
582
- background-color: var(--color-warning-700);
583
- }
584
- .bg-warning-800 {
585
- background-color: var(--color-warning-800);
586
- }
587
- .bg-warning-900 {
588
- background-color: var(--color-warning-900);
589
- }
590
- .fill-\[\#333333\] {
591
- fill: #333333;
592
- }
593
- .fill-neutral-700 {
594
- fill: var(--color-neutral-700);
595
- }
596
- .p-3 {
597
- padding: calc(var(--spacing)*3);
598
- }
599
- .p-4 {
600
- padding: calc(var(--spacing)*4);
601
- }
602
- .p-6 {
603
- padding: calc(var(--spacing)*6);
604
- }
605
- .pl-2 {
606
- padding-left: calc(var(--spacing)*2);
607
- }
608
- .pl-4 {
609
- padding-left: calc(var(--spacing)*4);
610
- }
611
- .text-center {
612
- text-align: center;
613
- }
614
- .text-2xl {
615
- font-size: var(--text-2xl);
616
- line-height: var(--tw-leading, var(--text-2xl--line-height));
617
- }
618
- .text-3xl {
619
- font-size: var(--text-3xl);
620
- line-height: var(--tw-leading, var(--text-3xl--line-height));
621
- }
622
- .text-4xl {
623
- font-size: var(--text-4xl);
624
- line-height: var(--tw-leading, var(--text-4xl--line-height));
625
- }
626
- .text-5xl {
627
- font-size: var(--text-5xl);
628
- line-height: var(--tw-leading, var(--text-5xl--line-height));
629
- }
630
- .text-6xl {
631
- font-size: var(--text-6xl);
632
- line-height: var(--tw-leading, var(--text-6xl--line-height));
633
- }
634
- .text-7xl {
635
- font-size: var(--text-7xl);
636
- line-height: var(--tw-leading, var(--text-7xl--line-height));
637
- }
638
- .text-lg {
639
- font-size: var(--text-lg);
640
- line-height: var(--tw-leading, var(--text-lg--line-height));
641
- }
642
- .text-sm {
643
- font-size: var(--text-sm);
644
- line-height: var(--tw-leading, var(--text-sm--line-height));
645
- }
646
- .text-xl {
647
- font-size: var(--text-xl);
648
- line-height: var(--tw-leading, var(--text-xl--line-height));
649
- }
650
- .text-xs {
651
- font-size: var(--text-xs);
652
- line-height: var(--tw-leading, var(--text-xs--line-height));
653
- }
654
- .font-bold {
655
- --tw-font-weight: var(--font-weight-bold);
656
- font-weight: var(--font-weight-bold);
657
- }
658
- .font-medium {
659
- --tw-font-weight: var(--font-weight-medium);
660
- font-weight: var(--font-weight-medium);
661
- }
662
- .font-regular {
663
- --tw-font-weight: var(--font-weight-regular);
664
- font-weight: var(--font-weight-regular);
665
- }
666
- .font-semibold {
667
- --tw-font-weight: var(--font-weight-semibold);
668
- font-weight: var(--font-weight-semibold);
669
- }
670
- .opacity-70 {
671
- opacity: 70%;
672
- }
673
- .outline {
674
- outline-style: var(--tw-outline-style);
675
- outline-width: 1px;
676
- }
677
- .filter {
678
- 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,);
679
- }
680
- .group-open\:rotate-180 {
681
- &:is(:where(.group):is([open], :popover-open, :open) *) {
682
- rotate: 180deg;
683
- }
684
- }
685
- .peer-checked\:flex {
686
- &:is(:where(.peer):checked ~ *) {
687
- display: flex;
688
- }
689
- }
690
- .motion-safe\:transition-transform {
691
- @media (prefers-reduced-motion: no-preference) {
692
- transition-property: transform, translate, scale, rotate;
693
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
694
- transition-duration: var(--tw-duration, var(--default-transition-duration));
695
- }
696
- }
697
- .dark\:block {
698
- &:where([data-theme=dark], [data-theme=dark] *) {
699
- display: block;
700
- }
701
- }
702
- .dark\:hidden {
703
- &:where([data-theme=dark], [data-theme=dark] *) {
704
- display: none;
705
- }
706
- }
707
- .dark\:fill-neutral-100 {
708
- &:where([data-theme=dark], [data-theme=dark] *) {
709
- fill: var(--color-neutral-100);
710
- }
711
- }
712
- .dark\:fill-white {
713
- &:where([data-theme=dark], [data-theme=dark] *) {
714
- fill: var(--color-white);
715
- }
716
- }
717
- }
718
- h1.special {
719
- background-image: linear-gradient( 180deg, var(--color-neutral-900) 0%, color-mix(in srgb, #2c3437 80%, transparent) 100% );
720
- @supports (color: color-mix(in lab, red, red)) {
721
- background-image: linear-gradient( 180deg, var(--color-neutral-900) 0%, color-mix(in oklab, var(--color-neutral-900) 80%, transparent) 100% );
722
- }
723
- background-clip: text;
724
- font-size: var(--text-4xl);
725
- line-height: var(--tw-leading, var(--text-4xl--line-height));
726
- --tw-leading: 3rem;
727
- line-height: 3rem;
728
- --tw-tracking: -0.045rem;
729
- letter-spacing: -0.045rem;
730
- -webkit-text-fill-color: transparent;
731
- @media (width >= 48rem) {
732
- font-size: var(--text-5xl);
733
- line-height: var(--tw-leading, var(--text-5xl--line-height));
734
- }
735
- @media (width >= 48rem) {
736
- --tw-leading: 4rem;
737
- line-height: 4rem;
738
- }
739
- @media (width >= 48rem) {
740
- --tw-tracking: -0.06rem;
741
- letter-spacing: -0.06rem;
742
- }
743
- &:where([data-theme=dark], [data-theme=dark] *) {
744
- background-image: linear-gradient( 180deg, var(--color-white) 0%, color-mix(in srgb, #fff 80%, transparent) 100% );
745
- @supports (color: color-mix(in lab, red, red)) {
746
- background-image: linear-gradient( 180deg, var(--color-white) 0%, color-mix(in oklab, var(--color-white) 80%, transparent) 100% );
747
- }
748
- }
749
- }
750
- @layer utilities {
751
- * {
752
- -webkit-font-smoothing: auto;
753
- -moz-osx-font-smoothing: auto;
754
- }
755
- html, body {
756
- height: 100%;
757
- }
758
- body {
759
- background-color: var(--color-white);
760
- font-family: var(--font-open-sans);
761
- color: var(--color-neutral-950);
762
- @media (prefers-reduced-motion: no-preference) {
763
- scroll-behavior: smooth;
764
- }
765
- &:where([data-theme=dark], [data-theme=dark] *) {
766
- background-color: var(--color-neutral-950);
767
- }
768
- &:where([data-theme=dark], [data-theme=dark] *) {
769
- color: var(--color-white);
770
- }
771
- }
772
- }
773
- @layer utilities {
774
- main {
775
- display: flex;
776
- width: 100%;
777
- flex-direction: column;
778
- gap: calc(var(--spacing)*6);
779
- hr {
780
- width: 100%;
781
- border-top-style: var(--tw-border-style);
782
- border-top-width: 1px;
783
- border-top-color: var(--color-neutral-200);
784
- background-color: var(--color-white);
785
- &:where([data-theme=dark], [data-theme=dark] *) {
786
- border-top-color: var(--color-neutral-900);
787
- }
788
- &:where([data-theme=dark], [data-theme=dark] *) {
789
- background-color: var(--color-neutral-950);
790
- }
791
- }
792
- h1 {
793
- font-size: var(--text-3xl);
794
- line-height: var(--tw-leading, var(--text-3xl--line-height));
795
- }
796
- h2 {
797
- font-size: var(--text-2xl);
798
- line-height: var(--tw-leading, var(--text-2xl--line-height));
799
- }
800
- h3 {
801
- font-size: var(--text-xl);
802
- line-height: var(--tw-leading, var(--text-xl--line-height));
803
- }
804
- h4 {
805
- font-size: var(--text-lg);
806
- line-height: var(--tw-leading, var(--text-lg--line-height));
807
- }
808
- h5, h6 {
809
- font-size: var(--text-base);
810
- line-height: var(--tw-leading, var(--text-base--line-height));
811
- }
812
- h1, h2, h3, h4, h5, h6 {
813
- --tw-font-weight: var(--font-weight-semibold);
814
- font-weight: var(--font-weight-semibold);
815
- color: var(--color-neutral-900);
816
- &:where([data-theme=dark], [data-theme=dark] *) {
817
- color: var(--color-white);
818
- }
819
- &[id] a {
820
- color: var(--color-neutral-900);
821
- &:where([data-theme=dark], [data-theme=dark] *) {
822
- color: var(--color-white);
823
- }
824
- }
825
- }
826
- strong {
827
- --tw-font-weight: var(--font-weight-semibold);
828
- font-weight: var(--font-weight-semibold);
829
- }
830
- code {
831
- border-radius: var(--radius-xs);
832
- background-color: var(--color-neutral-100);
833
- padding-inline: calc(var(--spacing)*1);
834
- font-family: var(--font-ibm-plex-mono);
835
- font-size: var(--text-base);
836
- line-height: var(--tw-leading, var(--text-base--line-height));
837
- --tw-font-weight: var(--font-weight-semibold);
838
- font-weight: var(--font-weight-semibold);
839
- color: var(--color-neutral-900);
840
- &:where([data-theme=dark], [data-theme=dark] *) {
841
- background-color: var(--color-neutral-900);
842
- }
843
- &:where([data-theme=dark], [data-theme=dark] *) {
844
- color: var(--color-white);
845
- }
846
- }
847
- p {
848
- color: var(--color-neutral-900);
849
- &:where([data-theme=dark], [data-theme=dark] *) {
850
- color: var(--color-white);
851
- }
852
- }
853
- a:not(h1 > a):not(h2 > a):not(h3 > a):not(h4 > a):not(h5 > a):not(h6 > a), .anchor {
854
- color: var(--color-green-600);
855
- @media (width < 670px) {
856
- --tw-font-weight: var(--font-weight-semibold);
857
- font-weight: var(--font-weight-semibold);
858
- }
859
- &:where([data-theme=dark], [data-theme=dark] *) {
860
- color: var(--color-green-400);
861
- }
862
- &:hover {
863
- color: var(--color-green-900);
864
- &:where([data-theme=dark], [data-theme=dark] *) {
865
- color: var(--color-green-300);
866
- }
867
- }
868
- &[role='button'] {
869
- @media (width < 670px) {
870
- --tw-font-weight: var(--font-weight-regular);
871
- font-weight: var(--font-weight-regular);
872
- }
873
- }
874
- &:has(code) {
875
- @media (width < 670px) {
876
- text-decoration-color: var(--color-neutral-800);
877
- }
878
- &:where([data-theme=dark], [data-theme=dark] *) {
879
- @media (width < 670px) {
880
- text-decoration-color: var(--color-neutral-200);
881
- }
882
- }
883
- code {
884
- color: inherit;
885
- color: inherit;
886
- }
887
- }
888
- }
889
- ul {
890
- list-style-type: disc;
891
- padding-right: calc(var(--spacing)*5);
892
- padding-left: calc(var(--spacing)*9);
893
- --tw-leading: calc(var(--spacing)*6);
894
- line-height: calc(var(--spacing)*6);
895
- color: var(--color-neutral-900);
896
- &:where([data-theme=dark], [data-theme=dark] *) {
897
- color: var(--color-white);
898
- }
899
- li div:has(> pre) {
900
- margin-block: calc(var(--spacing)*1) !important;
901
- }
902
- }
903
- ol {
904
- list-style-type: decimal;
905
- padding-inline: calc(var(--spacing)*5);
906
- --tw-leading: calc(var(--spacing)*6);
907
- line-height: calc(var(--spacing)*6);
908
- color: var(--color-neutral-900);
909
- &:where([data-theme=dark], [data-theme=dark] *) {
910
- color: var(--color-white);
911
- }
912
- li div:has(> pre) {
913
- margin-block: calc(var(--spacing)*1) !important;
914
- }
915
- }
916
- table {
917
- margin-bottom: calc(var(--spacing)*1);
918
- width: 100%;
919
- border-collapse: separate;
920
- --tw-border-spacing-x: calc(var(--spacing)*0);
921
- --tw-border-spacing-y: calc(var(--spacing)*0);
922
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
923
- border-radius: var(--radius-xs);
924
- border-style: var(--tw-border-style);
925
- border-width: 1px;
926
- border-color: var(--color-neutral-200);
927
- text-align: left;
928
- font-size: var(--text-sm);
929
- line-height: var(--tw-leading, var(--text-sm--line-height));
930
- &:where([data-theme=dark], [data-theme=dark] *) {
931
- border-color: var(--color-neutral-800);
932
- }
933
- th, td {
934
- border-style: var(--tw-border-style);
935
- border-width: 1px;
936
- border-top-style: var(--tw-border-style);
937
- border-top-width: 0px;
938
- border-right-style: var(--tw-border-style);
939
- border-right-width: 0px;
940
- border-color: var(--color-neutral-200);
941
- padding-inline: calc(var(--spacing)*4);
942
- padding-block: calc(var(--spacing)*2);
943
- color: var(--color-neutral-900);
944
- @media (width < 670px) {
945
- display: block;
946
- }
947
- @media (width < 670px) {
948
- border-left-style: var(--tw-border-style);
949
- border-left-width: 0px;
950
- }
951
- &:where([data-theme=dark], [data-theme=dark] *) {
952
- border-color: var(--color-neutral-800);
953
- }
954
- &:where([data-theme=dark], [data-theme=dark] *) {
955
- color: var(--color-white);
956
- }
957
- > a {
958
- padding-right: calc(var(--spacing)*2);
959
- }
960
- }
961
- th {
962
- --tw-font-weight: var(--font-weight-semibold);
963
- font-weight: var(--font-weight-semibold);
964
- }
965
- tr:last-child > td {
966
- @media (width >= 40rem) {
967
- border-bottom-style: var(--tw-border-style);
968
- border-bottom-width: 0px;
969
- }
970
- &:last-child {
971
- @media (width < 670px) {
972
- border-bottom-style: var(--tw-border-style);
973
- border-bottom-width: 0px;
974
- }
975
- }
976
- }
977
- td:first-child, th:first-child {
978
- @media (width >= 40rem) {
979
- border-left-style: var(--tw-border-style);
980
- border-left-width: 0px;
981
- }
982
- }
983
- }
984
- }
985
- }
986
- @layer base {
987
- :root {
988
- --header-height: calc(var(--spacing, 0.25rem)*16);
989
- }
990
- *,
991
- ::after,
992
- ::before,
993
- ::backdrop,
994
- ::file-selector-button {
995
- border-color: var(--color-gray-200, currentColor);
996
- }
997
- button,
998
- [role='button'] {
999
- &:not(:disabled) {
1000
- cursor: pointer;
1001
- }
1002
- }
1003
- }
1004
- @property --tw-rotate-x {
1005
- syntax: "*";
1006
- inherits: false;
1007
- }
1008
- @property --tw-rotate-y {
1009
- syntax: "*";
1010
- inherits: false;
1011
- }
1012
- @property --tw-rotate-z {
1013
- syntax: "*";
1014
- inherits: false;
1015
- }
1016
- @property --tw-skew-x {
1017
- syntax: "*";
1018
- inherits: false;
1019
- }
1020
- @property --tw-skew-y {
1021
- syntax: "*";
1022
- inherits: false;
1023
- }
1024
- @property --tw-font-weight {
1025
- syntax: "*";
1026
- inherits: false;
1027
- }
1028
- @property --tw-outline-style {
1029
- syntax: "*";
1030
- inherits: false;
1031
- initial-value: solid;
1032
- }
1033
- @property --tw-blur {
1034
- syntax: "*";
1035
- inherits: false;
1036
- }
1037
- @property --tw-brightness {
1038
- syntax: "*";
1039
- inherits: false;
1040
- }
1041
- @property --tw-contrast {
1042
- syntax: "*";
1043
- inherits: false;
1044
- }
1045
- @property --tw-grayscale {
1046
- syntax: "*";
1047
- inherits: false;
1048
- }
1049
- @property --tw-hue-rotate {
1050
- syntax: "*";
1051
- inherits: false;
1052
- }
1053
- @property --tw-invert {
1054
- syntax: "*";
1055
- inherits: false;
1056
- }
1057
- @property --tw-opacity {
1058
- syntax: "*";
1059
- inherits: false;
1060
- }
1061
- @property --tw-saturate {
1062
- syntax: "*";
1063
- inherits: false;
1064
- }
1065
- @property --tw-sepia {
1066
- syntax: "*";
1067
- inherits: false;
1068
- }
1069
- @property --tw-drop-shadow {
1070
- syntax: "*";
1071
- inherits: false;
1072
- }
1073
- @property --tw-drop-shadow-color {
1074
- syntax: "*";
1075
- inherits: false;
1076
- }
1077
- @property --tw-drop-shadow-alpha {
1078
- syntax: "<percentage>";
1079
- inherits: false;
1080
- initial-value: 100%;
1081
- }
1082
- @property --tw-drop-shadow-size {
1083
- syntax: "*";
1084
- inherits: false;
1085
- }
1086
- @property --tw-leading {
1087
- syntax: "*";
1088
- inherits: false;
1089
- }
1090
- @property --tw-tracking {
1091
- syntax: "*";
1092
- inherits: false;
1093
- }
1094
- @property --tw-border-style {
1095
- syntax: "*";
1096
- inherits: false;
1097
- initial-value: solid;
1098
- }
1099
- @property --tw-border-spacing-x {
1100
- syntax: "<length>";
1101
- inherits: false;
1102
- initial-value: 0;
1103
- }
1104
- @property --tw-border-spacing-y {
1105
- syntax: "<length>";
1106
- inherits: false;
1107
- initial-value: 0;
1108
- }
1109
- @layer properties {
1110
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1111
- *, ::before, ::after, ::backdrop {
1112
- --tw-rotate-x: initial;
1113
- --tw-rotate-y: initial;
1114
- --tw-rotate-z: initial;
1115
- --tw-skew-x: initial;
1116
- --tw-skew-y: initial;
1117
- --tw-font-weight: initial;
1118
- --tw-outline-style: solid;
1119
- --tw-blur: initial;
1120
- --tw-brightness: initial;
1121
- --tw-contrast: initial;
1122
- --tw-grayscale: initial;
1123
- --tw-hue-rotate: initial;
1124
- --tw-invert: initial;
1125
- --tw-opacity: initial;
1126
- --tw-saturate: initial;
1127
- --tw-sepia: initial;
1128
- --tw-drop-shadow: initial;
1129
- --tw-drop-shadow-color: initial;
1130
- --tw-drop-shadow-alpha: 100%;
1131
- --tw-drop-shadow-size: initial;
1132
- --tw-leading: initial;
1133
- --tw-tracking: initial;
1134
- --tw-border-style: solid;
1135
- --tw-border-spacing-x: 0;
1136
- --tw-border-spacing-y: 0;
1137
- }
1138
- }
1139
- }
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}