sunpeak 0.17.7 → 0.18.2

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 (90) hide show
  1. package/README.md +52 -44
  2. package/bin/commands/dev.mjs +5 -6
  3. package/bin/commands/inspect.mjs +17 -18
  4. package/bin/lib/inspect/inspect-config.d.mts +2 -2
  5. package/bin/lib/inspect/inspect-config.mjs +2 -2
  6. package/bin/lib/live/chatgpt-page.mjs +2 -2
  7. package/bin/lib/live/host-page.mjs +3 -8
  8. package/bin/lib/sandbox-server.mjs +11 -11
  9. package/bin/sunpeak.js +3 -3
  10. package/dist/chatgpt/chatgpt-conversation.d.ts +1 -1
  11. package/dist/chatgpt/index.cjs +20 -20
  12. package/dist/chatgpt/index.cjs.map +1 -1
  13. package/dist/chatgpt/index.d.ts +10 -10
  14. package/dist/chatgpt/index.js +5 -5
  15. package/dist/chatgpt/index.js.map +1 -1
  16. package/dist/claude/claude-conversation.d.ts +1 -1
  17. package/dist/claude/index.cjs +2 -2
  18. package/dist/claude/index.d.ts +1 -1
  19. package/dist/claude/index.js +2 -2
  20. package/dist/host/chatgpt/index.cjs +0 -40
  21. package/dist/host/chatgpt/index.cjs.map +1 -1
  22. package/dist/host/chatgpt/index.d.ts +0 -3
  23. package/dist/host/chatgpt/index.js +1 -40
  24. package/dist/host/chatgpt/index.js.map +1 -1
  25. package/dist/host/index.cjs +1 -4
  26. package/dist/host/index.cjs.map +1 -1
  27. package/dist/host/index.d.ts +1 -5
  28. package/dist/host/index.js +2 -4
  29. package/dist/host/index.js.map +1 -1
  30. package/dist/index.cjs +9 -10
  31. package/dist/index.cjs.map +1 -1
  32. package/dist/index.d.ts +1 -3
  33. package/dist/index.js +4 -4
  34. package/dist/index.js.map +1 -1
  35. package/dist/{simulator → inspector}/hosts.d.ts +3 -3
  36. package/dist/{simulator → inspector}/iframe-resource.d.ts +3 -3
  37. package/dist/inspector/index.cjs +74 -0
  38. package/dist/{simulator → inspector}/index.cjs.map +1 -1
  39. package/dist/{simulator → inspector}/index.d.ts +8 -8
  40. package/dist/{simulator → inspector}/index.js +8 -8
  41. package/dist/{simulator → inspector}/index.js.map +1 -1
  42. package/dist/{simulator/simulator-types.d.ts → inspector/inspector-types.d.ts} +1 -1
  43. package/dist/{simulator/simulator-url.d.ts → inspector/inspector-url.d.ts} +15 -15
  44. package/dist/{simulator/simulator.d.ts → inspector/inspector.d.ts} +3 -3
  45. package/dist/{simulator → inspector}/mcp-app-host.d.ts +5 -5
  46. package/dist/{simulator → inspector}/mock-openai-runtime.d.ts +2 -2
  47. package/dist/{simulator → inspector}/sandbox-proxy.d.ts +1 -1
  48. package/dist/{simulator/use-simulator-state.d.ts → inspector/use-inspector-state.d.ts} +4 -4
  49. package/dist/{simulator → inspector}/use-mcp-connection.d.ts +1 -1
  50. package/dist/{simulator-eU6sQTje.cjs → inspector-CByJjmPD.cjs} +51 -52
  51. package/dist/{simulator-eU6sQTje.cjs.map → inspector-CByJjmPD.cjs.map} +1 -1
  52. package/dist/{simulator-0dAb16Qt.js → inspector-ClhpqKLi.js} +42 -43
  53. package/dist/{simulator-0dAb16Qt.js.map → inspector-ClhpqKLi.js.map} +1 -1
  54. package/dist/{simulator-url-3ATCsPOT.cjs → inspector-url-7qhtJwY6.cjs} +10 -10
  55. package/dist/{simulator-url-3ATCsPOT.cjs.map → inspector-url-7qhtJwY6.cjs.map} +1 -1
  56. package/dist/{simulator-url-BbuuWa7S.js → inspector-url-DuEFmxLP.js} +9 -9
  57. package/dist/{simulator-url-BbuuWa7S.js.map → inspector-url-DuEFmxLP.js.map} +1 -1
  58. package/dist/mcp/index.cjs +146 -12
  59. package/dist/mcp/index.cjs.map +1 -1
  60. package/dist/mcp/index.d.ts +2 -0
  61. package/dist/mcp/index.js +143 -14
  62. package/dist/mcp/index.js.map +1 -1
  63. package/dist/mcp/production-server.d.ts +14 -0
  64. package/dist/mcp/resolve-domain.d.ts +55 -0
  65. package/dist/mcp/types.d.ts +1 -1
  66. package/dist/style.css +12 -12
  67. package/dist/types/resource-config.d.ts +20 -1
  68. package/dist/types/simulation.d.ts +1 -1
  69. package/package.json +7 -20
  70. package/template/dist/albums/albums.html +1 -1
  71. package/template/dist/albums/albums.json +1 -1
  72. package/template/dist/carousel/carousel.html +1 -1
  73. package/template/dist/carousel/carousel.json +1 -1
  74. package/template/dist/map/map.html +1 -1
  75. package/template/dist/map/map.json +1 -1
  76. package/template/dist/review/review.html +1 -1
  77. package/template/dist/review/review.json +1 -1
  78. package/template/playwright.config.ts +1 -1
  79. package/template/src/index-resource.tsx +1 -1
  80. package/template/src/styles/globals.css +2 -2
  81. package/template/tests/e2e/albums.spec.ts +13 -13
  82. package/template/tests/e2e/carousel.spec.ts +11 -11
  83. package/template/tests/e2e/map.spec.ts +16 -16
  84. package/template/tests/e2e/review.spec.ts +25 -25
  85. package/dist/chatgpt/globals.css +0 -2642
  86. package/dist/host/chatgpt/use-file-download.d.ts +0 -33
  87. package/dist/simulator/index.cjs +0 -74
  88. /package/dist/{simulator → inspector}/host-styles.d.ts +0 -0
  89. /package/dist/{simulator → inspector}/simple-sidebar.d.ts +0 -0
  90. /package/dist/{simulator → inspector}/theme-provider.d.ts +0 -0
@@ -1,2642 +0,0 @@
1
- /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- *, :before, :after, ::backdrop {
5
- --tw-translate-x: 0;
6
- --tw-translate-y: 0;
7
- --tw-translate-z: 0;
8
- --tw-rotate-x: initial;
9
- --tw-rotate-y: initial;
10
- --tw-rotate-z: initial;
11
- --tw-skew-x: initial;
12
- --tw-skew-y: initial;
13
- --tw-pan-x: initial;
14
- --tw-pan-y: initial;
15
- --tw-pinch-zoom: initial;
16
- --tw-space-y-reverse: 0;
17
- --tw-divide-y-reverse: 0;
18
- --tw-border-style: solid;
19
- --tw-gradient-position: initial;
20
- --tw-gradient-from: #0000;
21
- --tw-gradient-via: #0000;
22
- --tw-gradient-to: #0000;
23
- --tw-gradient-stops: initial;
24
- --tw-gradient-via-stops: initial;
25
- --tw-gradient-from-position: 0%;
26
- --tw-gradient-via-position: 50%;
27
- --tw-gradient-to-position: 100%;
28
- --tw-leading: initial;
29
- --tw-font-weight: initial;
30
- --tw-tracking: initial;
31
- --tw-shadow: 0 0 #0000;
32
- --tw-shadow-color: initial;
33
- --tw-shadow-alpha: 100%;
34
- --tw-inset-shadow: 0 0 #0000;
35
- --tw-inset-shadow-color: initial;
36
- --tw-inset-shadow-alpha: 100%;
37
- --tw-ring-color: initial;
38
- --tw-ring-shadow: 0 0 #0000;
39
- --tw-inset-ring-color: initial;
40
- --tw-inset-ring-shadow: 0 0 #0000;
41
- --tw-ring-inset: initial;
42
- --tw-ring-offset-width: 0px;
43
- --tw-ring-offset-color: #fff;
44
- --tw-ring-offset-shadow: 0 0 #0000;
45
- --tw-outline-style: solid;
46
- --tw-blur: initial;
47
- --tw-brightness: initial;
48
- --tw-contrast: initial;
49
- --tw-grayscale: initial;
50
- --tw-hue-rotate: initial;
51
- --tw-invert: initial;
52
- --tw-opacity: initial;
53
- --tw-saturate: initial;
54
- --tw-sepia: initial;
55
- --tw-drop-shadow: initial;
56
- --tw-drop-shadow-color: initial;
57
- --tw-drop-shadow-alpha: 100%;
58
- --tw-drop-shadow-size: initial;
59
- --tw-backdrop-blur: initial;
60
- --tw-backdrop-brightness: initial;
61
- --tw-backdrop-contrast: initial;
62
- --tw-backdrop-grayscale: initial;
63
- --tw-backdrop-hue-rotate: initial;
64
- --tw-backdrop-invert: initial;
65
- --tw-backdrop-opacity: initial;
66
- --tw-backdrop-saturate: initial;
67
- --tw-backdrop-sepia: initial;
68
- --tw-duration: initial;
69
- --tw-ease: initial;
70
- }
71
- }
72
- }
73
-
74
- @layer theme {
75
- :root, :host {
76
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
77
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
78
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
79
- "Courier New", monospace;
80
- --color-black: #000;
81
- --color-white: #fff;
82
- --spacing: .25rem;
83
- --container-xs: 20rem;
84
- --text-xs: .75rem;
85
- --text-xs--line-height: calc(1 / .75);
86
- --text-sm: .875rem;
87
- --text-sm--line-height: calc(1.25 / .875);
88
- --text-base: 1rem;
89
- --text-base--line-height: calc(1.5 / 1);
90
- --text-lg: 1.125rem;
91
- --text-lg--line-height: calc(1.75 / 1.125);
92
- --text-xl: 1.25rem;
93
- --text-xl--line-height: calc(1.75 / 1.25);
94
- --text-2xl: 1.5rem;
95
- --text-2xl--line-height: calc(2 / 1.5);
96
- --font-weight-normal: 400;
97
- --font-weight-medium: 500;
98
- --font-weight-semibold: 600;
99
- --font-weight-bold: 700;
100
- --tracking-wide: .025em;
101
- --leading-tight: 1.25;
102
- --leading-normal: 1.5;
103
- --radius-md: .375rem;
104
- --radius-lg: .5rem;
105
- --radius-xl: .75rem;
106
- --radius-2xl: 1rem;
107
- --radius-3xl: 1.5rem;
108
- --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
109
- --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
110
- --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
111
- --ease-out: cubic-bezier(0, 0, .2, 1);
112
- --animate-spin: spin 1s linear infinite;
113
- --blur-sm: 8px;
114
- --default-transition-duration: .15s;
115
- --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
116
- --default-font-family: var(--font-sans);
117
- --default-mono-font-family: var(--font-mono);
118
- }
119
- }
120
-
121
- @layer base {
122
- *, :after, :before, ::backdrop {
123
- box-sizing: border-box;
124
- border: 0 solid;
125
- margin: 0;
126
- padding: 0;
127
- }
128
-
129
- ::file-selector-button {
130
- box-sizing: border-box;
131
- border: 0 solid;
132
- margin: 0;
133
- padding: 0;
134
- }
135
-
136
- html, :host {
137
- -webkit-text-size-adjust: 100%;
138
- tab-size: 4;
139
- line-height: 1.5;
140
- 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");
141
- font-feature-settings: var(--default-font-feature-settings, normal);
142
- font-variation-settings: var(--default-font-variation-settings, normal);
143
- -webkit-tap-highlight-color: transparent;
144
- }
145
-
146
- hr {
147
- height: 0;
148
- color: inherit;
149
- border-top-width: 1px;
150
- }
151
-
152
- abbr:where([title]) {
153
- -webkit-text-decoration: underline dotted;
154
- text-decoration: underline dotted;
155
- }
156
-
157
- h1, h2, h3, h4, h5, h6 {
158
- font-size: inherit;
159
- font-weight: inherit;
160
- }
161
-
162
- a {
163
- color: inherit;
164
- -webkit-text-decoration: inherit;
165
- -webkit-text-decoration: inherit;
166
- -webkit-text-decoration: inherit;
167
- text-decoration: inherit;
168
- }
169
-
170
- b, strong {
171
- font-weight: bolder;
172
- }
173
-
174
- code, kbd, samp, pre {
175
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
176
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
177
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
178
- font-size: 1em;
179
- }
180
-
181
- small {
182
- font-size: 80%;
183
- }
184
-
185
- sub, sup {
186
- vertical-align: baseline;
187
- font-size: 75%;
188
- line-height: 0;
189
- position: relative;
190
- }
191
-
192
- sub {
193
- bottom: -.25em;
194
- }
195
-
196
- sup {
197
- top: -.5em;
198
- }
199
-
200
- table {
201
- text-indent: 0;
202
- border-color: inherit;
203
- border-collapse: collapse;
204
- }
205
-
206
- :-moz-focusring {
207
- outline: auto;
208
- }
209
-
210
- progress {
211
- vertical-align: baseline;
212
- }
213
-
214
- summary {
215
- display: list-item;
216
- }
217
-
218
- ol, ul, menu {
219
- list-style: none;
220
- }
221
-
222
- img, svg, video, canvas, audio, iframe, embed, object {
223
- vertical-align: middle;
224
- display: block;
225
- }
226
-
227
- img, video {
228
- max-width: 100%;
229
- height: auto;
230
- }
231
-
232
- button, input, select, optgroup, textarea {
233
- font: inherit;
234
- font-feature-settings: inherit;
235
- font-variation-settings: inherit;
236
- letter-spacing: inherit;
237
- color: inherit;
238
- opacity: 1;
239
- background-color: #0000;
240
- border-radius: 0;
241
- }
242
-
243
- ::file-selector-button {
244
- font: inherit;
245
- font-feature-settings: inherit;
246
- font-variation-settings: inherit;
247
- letter-spacing: inherit;
248
- color: inherit;
249
- opacity: 1;
250
- background-color: #0000;
251
- border-radius: 0;
252
- }
253
-
254
- :where(select:is([multiple], [size])) optgroup {
255
- font-weight: bolder;
256
- }
257
-
258
- :where(select:is([multiple], [size])) optgroup option {
259
- padding-inline-start: 20px;
260
- }
261
-
262
- ::file-selector-button {
263
- margin-inline-end: 4px;
264
- }
265
-
266
- ::placeholder {
267
- opacity: 1;
268
- }
269
-
270
- @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
271
- ::placeholder {
272
- color: currentColor;
273
- }
274
-
275
- @supports (color: color-mix(in lab, red, red)) {
276
- ::placeholder {
277
- color: color-mix(in oklab, currentcolor 50%, transparent);
278
- }
279
- }
280
- }
281
-
282
- textarea {
283
- resize: vertical;
284
- }
285
-
286
- ::-webkit-search-decoration {
287
- -webkit-appearance: none;
288
- }
289
-
290
- ::-webkit-date-and-time-value {
291
- min-height: 1lh;
292
- text-align: inherit;
293
- }
294
-
295
- ::-webkit-datetime-edit {
296
- display: inline-flex;
297
- }
298
-
299
- ::-webkit-datetime-edit-fields-wrapper {
300
- padding: 0;
301
- }
302
-
303
- ::-webkit-datetime-edit {
304
- padding-block: 0;
305
- }
306
-
307
- ::-webkit-datetime-edit-year-field {
308
- padding-block: 0;
309
- }
310
-
311
- ::-webkit-datetime-edit-month-field {
312
- padding-block: 0;
313
- }
314
-
315
- ::-webkit-datetime-edit-day-field {
316
- padding-block: 0;
317
- }
318
-
319
- ::-webkit-datetime-edit-hour-field {
320
- padding-block: 0;
321
- }
322
-
323
- ::-webkit-datetime-edit-minute-field {
324
- padding-block: 0;
325
- }
326
-
327
- ::-webkit-datetime-edit-second-field {
328
- padding-block: 0;
329
- }
330
-
331
- ::-webkit-datetime-edit-millisecond-field {
332
- padding-block: 0;
333
- }
334
-
335
- ::-webkit-datetime-edit-meridiem-field {
336
- padding-block: 0;
337
- }
338
-
339
- ::-webkit-calendar-picker-indicator {
340
- line-height: 1;
341
- }
342
-
343
- :-moz-ui-invalid {
344
- box-shadow: none;
345
- }
346
-
347
- button, input:where([type="button"], [type="reset"], [type="submit"]) {
348
- appearance: button;
349
- }
350
-
351
- ::file-selector-button {
352
- appearance: button;
353
- }
354
-
355
- ::-webkit-inner-spin-button {
356
- height: auto;
357
- }
358
-
359
- ::-webkit-outer-spin-button {
360
- height: auto;
361
- }
362
-
363
- [hidden]:where(:not([hidden="until-found"])) {
364
- display: none !important;
365
- }
366
- }
367
-
368
- @layer components;
369
-
370
- @layer utilities {
371
- .pointer-events-auto {
372
- pointer-events: auto;
373
- }
374
-
375
- .pointer-events-none {
376
- pointer-events: none;
377
- }
378
-
379
- .collapse {
380
- visibility: collapse;
381
- }
382
-
383
- .visible {
384
- visibility: visible;
385
- }
386
-
387
- .sr-only {
388
- clip-path: inset(50%);
389
- white-space: nowrap;
390
- border-width: 0;
391
- width: 1px;
392
- height: 1px;
393
- margin: -1px;
394
- padding: 0;
395
- position: absolute;
396
- overflow: hidden;
397
- }
398
-
399
- .absolute {
400
- position: absolute;
401
- }
402
-
403
- .fixed {
404
- position: fixed;
405
- }
406
-
407
- .relative {
408
- position: relative;
409
- }
410
-
411
- .static {
412
- position: static;
413
- }
414
-
415
- .sticky {
416
- position: sticky;
417
- }
418
-
419
- .inset-0 {
420
- inset: calc(var(--spacing) * 0);
421
- }
422
-
423
- .inset-x-0 {
424
- inset-inline: calc(var(--spacing) * 0);
425
- }
426
-
427
- .inset-y-0 {
428
- inset-block: calc(var(--spacing) * 0);
429
- }
430
-
431
- .-start-2 {
432
- inset-inline-start: calc(var(--spacing) * -2);
433
- }
434
-
435
- .start {
436
- inset-inline-start: var(--spacing);
437
- }
438
-
439
- .start-0 {
440
- inset-inline-start: calc(var(--spacing) * 0);
441
- }
442
-
443
- .start-4 {
444
- inset-inline-start: calc(var(--spacing) * 4);
445
- }
446
-
447
- .end {
448
- inset-inline-end: var(--spacing);
449
- }
450
-
451
- .end-0 {
452
- inset-inline-end: calc(var(--spacing) * 0);
453
- }
454
-
455
- .end-4 {
456
- inset-inline-end: calc(var(--spacing) * 4);
457
- }
458
-
459
- .-top-1\.5 {
460
- top: calc(var(--spacing) * -1.5);
461
- }
462
-
463
- .top-0 {
464
- top: calc(var(--spacing) * 0);
465
- }
466
-
467
- .top-1\/2 {
468
- top: 50%;
469
- }
470
-
471
- .top-2 {
472
- top: calc(var(--spacing) * 2);
473
- }
474
-
475
- .top-4 {
476
- top: calc(var(--spacing) * 4);
477
- }
478
-
479
- .top-12 {
480
- top: calc(var(--spacing) * 12);
481
- }
482
-
483
- .top-18 {
484
- top: calc(var(--spacing) * 18);
485
- }
486
-
487
- .top-\[3\.25rem\] {
488
- top: 3.25rem;
489
- }
490
-
491
- .top-\[3rem\] {
492
- top: 3rem;
493
- }
494
-
495
- .right-0 {
496
- right: calc(var(--spacing) * 0);
497
- }
498
-
499
- .right-2 {
500
- right: calc(var(--spacing) * 2);
501
- }
502
-
503
- .right-4 {
504
- right: calc(var(--spacing) * 4);
505
- }
506
-
507
- .right-auto {
508
- right: auto;
509
- }
510
-
511
- .bottom-0 {
512
- bottom: calc(var(--spacing) * 0);
513
- }
514
-
515
- .bottom-2 {
516
- bottom: calc(var(--spacing) * 2);
517
- }
518
-
519
- .bottom-4 {
520
- bottom: calc(var(--spacing) * 4);
521
- }
522
-
523
- .left-0 {
524
- left: calc(var(--spacing) * 0);
525
- }
526
-
527
- .left-2 {
528
- left: calc(var(--spacing) * 2);
529
- }
530
-
531
- .left-4 {
532
- left: calc(var(--spacing) * 4);
533
- }
534
-
535
- .left-\[340px\] {
536
- left: 340px;
537
- }
538
-
539
- .-z-10 {
540
- z-index: calc(10 * -1);
541
- }
542
-
543
- .z-10 {
544
- z-index: 10;
545
- }
546
-
547
- .z-20 {
548
- z-index: 20;
549
- }
550
-
551
- .z-30 {
552
- z-index: 30;
553
- }
554
-
555
- .z-40 {
556
- z-index: 40;
557
- }
558
-
559
- .z-50 {
560
- z-index: 50;
561
- }
562
-
563
- .z-\[51\] {
564
- z-index: 51;
565
- }
566
-
567
- .z-\[200\] {
568
- z-index: 200;
569
- }
570
-
571
- .col-span-3 {
572
- grid-column: span 3 / span 3;
573
- }
574
-
575
- .col-span-4 {
576
- grid-column: span 4 / span 4;
577
- }
578
-
579
- .container {
580
- width: 100%;
581
- }
582
-
583
- @media (min-width: 40rem) {
584
- .container {
585
- max-width: 40rem;
586
- }
587
- }
588
-
589
- @media (min-width: 48rem) {
590
- .container {
591
- max-width: 48rem;
592
- }
593
- }
594
-
595
- @media (min-width: 64rem) {
596
- .container {
597
- max-width: 64rem;
598
- }
599
- }
600
-
601
- @media (min-width: 80rem) {
602
- .container {
603
- max-width: 80rem;
604
- }
605
- }
606
-
607
- @media (min-width: 96rem) {
608
- .container {
609
- max-width: 96rem;
610
- }
611
- }
612
-
613
- .mx-0 {
614
- margin-inline: calc(var(--spacing) * 0);
615
- }
616
-
617
- .mx-auto {
618
- margin-inline: auto;
619
- }
620
-
621
- .my-3 {
622
- margin-block: calc(var(--spacing) * 3);
623
- }
624
-
625
- .my-auto {
626
- margin-block: auto;
627
- }
628
-
629
- .mt-0\.5 {
630
- margin-top: calc(var(--spacing) * .5);
631
- }
632
-
633
- .mt-1 {
634
- margin-top: calc(var(--spacing) * 1);
635
- }
636
-
637
- .mt-2 {
638
- margin-top: calc(var(--spacing) * 2);
639
- }
640
-
641
- .mt-3 {
642
- margin-top: calc(var(--spacing) * 3);
643
- }
644
-
645
- .mt-5 {
646
- margin-top: calc(var(--spacing) * 5);
647
- }
648
-
649
- .mt-auto {
650
- margin-top: auto;
651
- }
652
-
653
- .mb-1 {
654
- margin-bottom: calc(var(--spacing) * 1);
655
- }
656
-
657
- .mb-2 {
658
- margin-bottom: calc(var(--spacing) * 2);
659
- }
660
-
661
- .mb-3 {
662
- margin-bottom: calc(var(--spacing) * 3);
663
- }
664
-
665
- .line-clamp-2 {
666
- -webkit-line-clamp: 2;
667
- -webkit-box-orient: vertical;
668
- display: -webkit-box;
669
- overflow: hidden;
670
- }
671
-
672
- .block {
673
- display: block;
674
- }
675
-
676
- .contents {
677
- display: contents;
678
- }
679
-
680
- .flex {
681
- display: flex;
682
- }
683
-
684
- .grid {
685
- display: grid;
686
- }
687
-
688
- .hidden {
689
- display: none;
690
- }
691
-
692
- .inline {
693
- display: inline;
694
- }
695
-
696
- .inline-block {
697
- display: inline-block;
698
- }
699
-
700
- .inline-flex {
701
- display: inline-flex;
702
- }
703
-
704
- .table {
705
- display: table;
706
- }
707
-
708
- .aspect-\[4\/3\] {
709
- aspect-ratio: 4 / 3;
710
- }
711
-
712
- .aspect-\[5\/3\] {
713
- aspect-ratio: 5 / 3;
714
- }
715
-
716
- .aspect-square {
717
- aspect-ratio: 1;
718
- }
719
-
720
- .size-6 {
721
- width: calc(var(--spacing) * 6);
722
- height: calc(var(--spacing) * 6);
723
- }
724
-
725
- .h-2 {
726
- height: calc(var(--spacing) * 2);
727
- }
728
-
729
- .h-3 {
730
- height: calc(var(--spacing) * 3);
731
- }
732
-
733
- .h-3\.5 {
734
- height: calc(var(--spacing) * 3.5);
735
- }
736
-
737
- .h-4 {
738
- height: calc(var(--spacing) * 4);
739
- }
740
-
741
- .h-5 {
742
- height: calc(var(--spacing) * 5);
743
- }
744
-
745
- .h-6 {
746
- height: calc(var(--spacing) * 6);
747
- }
748
-
749
- .h-7 {
750
- height: calc(var(--spacing) * 7);
751
- }
752
-
753
- .h-8 {
754
- height: calc(var(--spacing) * 8);
755
- }
756
-
757
- .h-9 {
758
- height: calc(var(--spacing) * 9);
759
- }
760
-
761
- .h-10 {
762
- height: calc(var(--spacing) * 10);
763
- }
764
-
765
- .h-12 {
766
- height: calc(var(--spacing) * 12);
767
- }
768
-
769
- .h-16 {
770
- height: calc(var(--spacing) * 16);
771
- }
772
-
773
- .h-80 {
774
- height: calc(var(--spacing) * 80);
775
- }
776
-
777
- .h-\[3\.25rem\] {
778
- height: 3.25rem;
779
- }
780
-
781
- .h-\[18px\] {
782
- height: 18px;
783
- }
784
-
785
- .h-\[22px\] {
786
- height: 22px;
787
- }
788
-
789
- .h-\[calc\(100\%-11rem\)\] {
790
- height: calc(100% - 11rem);
791
- }
792
-
793
- .h-auto {
794
- height: auto;
795
- }
796
-
797
- .h-full {
798
- height: 100%;
799
- }
800
-
801
- .h-screen {
802
- height: 100vh;
803
- }
804
-
805
- .max-h-full {
806
- max-height: 100%;
807
- }
808
-
809
- .min-h-0 {
810
- min-height: calc(var(--spacing) * 0);
811
- }
812
-
813
- .min-h-8 {
814
- min-height: calc(var(--spacing) * 8);
815
- }
816
-
817
- .w-1 {
818
- width: calc(var(--spacing) * 1);
819
- }
820
-
821
- .w-2 {
822
- width: calc(var(--spacing) * 2);
823
- }
824
-
825
- .w-3 {
826
- width: calc(var(--spacing) * 3);
827
- }
828
-
829
- .w-3\.5 {
830
- width: calc(var(--spacing) * 3.5);
831
- }
832
-
833
- .w-4 {
834
- width: calc(var(--spacing) * 4);
835
- }
836
-
837
- .w-5 {
838
- width: calc(var(--spacing) * 5);
839
- }
840
-
841
- .w-6 {
842
- width: calc(var(--spacing) * 6);
843
- }
844
-
845
- .w-7 {
846
- width: calc(var(--spacing) * 7);
847
- }
848
-
849
- .w-8 {
850
- width: calc(var(--spacing) * 8);
851
- }
852
-
853
- .w-12 {
854
- width: calc(var(--spacing) * 12);
855
- }
856
-
857
- .w-16 {
858
- width: calc(var(--spacing) * 16);
859
- }
860
-
861
- .w-40 {
862
- width: calc(var(--spacing) * 40);
863
- }
864
-
865
- .w-\[18px\] {
866
- width: 18px;
867
- }
868
-
869
- .w-\[340px\] {
870
- width: 340px;
871
- }
872
-
873
- .w-full {
874
- width: 100%;
875
- }
876
-
877
- .max-w-\[40rem\] {
878
- max-width: 40rem;
879
- }
880
-
881
- .max-w-\[48rem\] {
882
- max-width: 48rem;
883
- }
884
-
885
- .max-w-\[70\%\] {
886
- max-width: 70%;
887
- }
888
-
889
- .max-w-\[75\%\] {
890
- max-width: 75%;
891
- }
892
-
893
- .max-w-\[85\%\] {
894
- max-width: 85%;
895
- }
896
-
897
- .max-w-\[330px\] {
898
- max-width: 330px;
899
- }
900
-
901
- .max-w-full {
902
- max-width: 100%;
903
- }
904
-
905
- .max-w-xs {
906
- max-width: var(--container-xs);
907
- }
908
-
909
- .min-w-0 {
910
- min-width: calc(var(--spacing) * 0);
911
- }
912
-
913
- .min-w-8 {
914
- min-width: calc(var(--spacing) * 8);
915
- }
916
-
917
- .flex-1 {
918
- flex: 1;
919
- }
920
-
921
- .flex-none {
922
- flex: none;
923
- }
924
-
925
- .flex-shrink-0 {
926
- flex-shrink: 0;
927
- }
928
-
929
- .grow {
930
- flex-grow: 1;
931
- }
932
-
933
- .-translate-y-1\/2 {
934
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
935
- translate: var(--tw-translate-x) var(--tw-translate-y);
936
- }
937
-
938
- .transform {
939
- transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
940
- }
941
-
942
- .animate-spin {
943
- animation: var(--animate-spin);
944
- }
945
-
946
- .cursor-col-resize {
947
- cursor: col-resize;
948
- }
949
-
950
- .cursor-pointer {
951
- cursor: pointer;
952
- }
953
-
954
- .touch-pan-y {
955
- --tw-pan-y: pan-y;
956
- touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
957
- }
958
-
959
- .resize {
960
- resize: both;
961
- }
962
-
963
- .resize-y {
964
- resize: vertical;
965
- }
966
-
967
- .appearance-none {
968
- appearance: none;
969
- }
970
-
971
- .grid-cols-2 {
972
- grid-template-columns: repeat(2, minmax(0, 1fr));
973
- }
974
-
975
- .grid-cols-4 {
976
- grid-template-columns: repeat(4, minmax(0, 1fr));
977
- }
978
-
979
- .grid-cols-7 {
980
- grid-template-columns: repeat(7, minmax(0, 1fr));
981
- }
982
-
983
- .grid-cols-\[2fr_1fr\] {
984
- grid-template-columns: 2fr 1fr;
985
- }
986
-
987
- .flex-col {
988
- flex-direction: column;
989
- }
990
-
991
- .flex-row {
992
- flex-direction: row;
993
- }
994
-
995
- .flex-wrap {
996
- flex-wrap: wrap;
997
- }
998
-
999
- .items-center {
1000
- align-items: center;
1001
- }
1002
-
1003
- .items-end {
1004
- align-items: flex-end;
1005
- }
1006
-
1007
- .items-start {
1008
- align-items: flex-start;
1009
- }
1010
-
1011
- .justify-between {
1012
- justify-content: space-between;
1013
- }
1014
-
1015
- .justify-center {
1016
- justify-content: center;
1017
- }
1018
-
1019
- .justify-end {
1020
- justify-content: flex-end;
1021
- }
1022
-
1023
- .gap-0\.5 {
1024
- gap: calc(var(--spacing) * .5);
1025
- }
1026
-
1027
- .gap-1 {
1028
- gap: calc(var(--spacing) * 1);
1029
- }
1030
-
1031
- .gap-1\.5 {
1032
- gap: calc(var(--spacing) * 1.5);
1033
- }
1034
-
1035
- .gap-2 {
1036
- gap: calc(var(--spacing) * 2);
1037
- }
1038
-
1039
- .gap-3 {
1040
- gap: calc(var(--spacing) * 3);
1041
- }
1042
-
1043
- .gap-4 {
1044
- gap: calc(var(--spacing) * 4);
1045
- }
1046
-
1047
- :where(.space-y-0\.5 > :not(:last-child)) {
1048
- --tw-space-y-reverse: 0;
1049
- margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
1050
- margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
1051
- }
1052
-
1053
- :where(.space-y-1 > :not(:last-child)) {
1054
- --tw-space-y-reverse: 0;
1055
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1056
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1057
- }
1058
-
1059
- :where(.space-y-2 > :not(:last-child)) {
1060
- --tw-space-y-reverse: 0;
1061
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1062
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1063
- }
1064
-
1065
- :where(.space-y-3 > :not(:last-child)) {
1066
- --tw-space-y-reverse: 0;
1067
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1068
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1069
- }
1070
-
1071
- :where(.space-y-4 > :not(:last-child)) {
1072
- --tw-space-y-reverse: 0;
1073
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1074
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1075
- }
1076
-
1077
- :where(.space-y-5 > :not(:last-child)) {
1078
- --tw-space-y-reverse: 0;
1079
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1080
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1081
- }
1082
-
1083
- :where(.divide-y > :not(:last-child)) {
1084
- --tw-divide-y-reverse: 0;
1085
- border-bottom-style: var(--tw-border-style);
1086
- border-top-style: var(--tw-border-style);
1087
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
1088
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1089
- }
1090
-
1091
- :where(.divide-black\/5 > :not(:last-child)) {
1092
- border-color: #0000000d;
1093
- }
1094
-
1095
- @supports (color: color-mix(in lab, red, red)) {
1096
- :where(.divide-black\/5 > :not(:last-child)) {
1097
- border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1098
- }
1099
- }
1100
-
1101
- .truncate {
1102
- text-overflow: ellipsis;
1103
- white-space: nowrap;
1104
- overflow: hidden;
1105
- }
1106
-
1107
- .overflow-auto {
1108
- overflow: auto;
1109
- }
1110
-
1111
- .overflow-hidden {
1112
- overflow: hidden;
1113
- }
1114
-
1115
- .overflow-visible {
1116
- overflow: visible;
1117
- }
1118
-
1119
- .overflow-x-hidden {
1120
- overflow-x: hidden;
1121
- }
1122
-
1123
- .overflow-y-auto {
1124
- overflow-y: auto;
1125
- }
1126
-
1127
- .rounded {
1128
- border-radius: .25rem;
1129
- }
1130
-
1131
- .rounded-2xl {
1132
- border-radius: var(--radius-2xl);
1133
- }
1134
-
1135
- .rounded-3xl {
1136
- border-radius: var(--radius-3xl);
1137
- }
1138
-
1139
- .rounded-\[10px\] {
1140
- border-radius: 10px;
1141
- }
1142
-
1143
- .rounded-\[22px\] {
1144
- border-radius: 22px;
1145
- }
1146
-
1147
- .rounded-\[28px\] {
1148
- border-radius: 28px;
1149
- }
1150
-
1151
- .rounded-full {
1152
- border-radius: 3.40282e38px;
1153
- }
1154
-
1155
- .rounded-lg {
1156
- border-radius: var(--radius-lg);
1157
- }
1158
-
1159
- .rounded-md {
1160
- border-radius: var(--radius-md);
1161
- }
1162
-
1163
- .rounded-none {
1164
- border-radius: 0;
1165
- }
1166
-
1167
- .rounded-xl {
1168
- border-radius: var(--radius-xl);
1169
- }
1170
-
1171
- .rounded-r-md {
1172
- border-top-right-radius: var(--radius-md);
1173
- border-bottom-right-radius: var(--radius-md);
1174
- }
1175
-
1176
- .border {
1177
- border-style: var(--tw-border-style);
1178
- border-width: 1px;
1179
- }
1180
-
1181
- .border-0 {
1182
- border-style: var(--tw-border-style);
1183
- border-width: 0;
1184
- }
1185
-
1186
- .border-2 {
1187
- border-style: var(--tw-border-style);
1188
- border-width: 2px;
1189
- }
1190
-
1191
- .border-t {
1192
- border-top-style: var(--tw-border-style);
1193
- border-top-width: 1px;
1194
- }
1195
-
1196
- .border-b {
1197
- border-bottom-style: var(--tw-border-style);
1198
- border-bottom-width: 1px;
1199
- }
1200
-
1201
- .border-\[var\(--color-border-danger\)\] {
1202
- border-color: var(--color-border-danger);
1203
- }
1204
-
1205
- .border-\[var\(--color-border-primary\)\] {
1206
- border-color: var(--color-border-primary);
1207
- }
1208
-
1209
- .border-\[var\(--color-border-tertiary\)\] {
1210
- border-color: var(--color-border-tertiary);
1211
- }
1212
-
1213
- .border-\[var\(--color-border-warning\)\] {
1214
- border-color: var(--color-border-warning);
1215
- }
1216
-
1217
- .border-\[var\(--color-ring-primary\)\], .border-\[var\(--color-ring-primary\)\]\/10 {
1218
- border-color: var(--color-ring-primary);
1219
- }
1220
-
1221
- @supports (color: color-mix(in lab, red, red)) {
1222
- .border-\[var\(--color-ring-primary\)\]\/10 {
1223
- border-color: color-mix(in oklab, var(--color-ring-primary) 10%, transparent);
1224
- }
1225
- }
1226
-
1227
- .border-current {
1228
- border-color: currentColor;
1229
- }
1230
-
1231
- .border-transparent {
1232
- border-color: #0000;
1233
- }
1234
-
1235
- .border-t-transparent {
1236
- border-top-color: #0000;
1237
- }
1238
-
1239
- .bg-\[\#3a3a3a\] {
1240
- background-color: #3a3a3a;
1241
- }
1242
-
1243
- .bg-\[var\(--color-background-danger\)\] {
1244
- background-color: var(--color-background-danger);
1245
- }
1246
-
1247
- .bg-\[var\(--color-background-info\)\] {
1248
- background-color: var(--color-background-info);
1249
- }
1250
-
1251
- .bg-\[var\(--color-background-inverse\)\] {
1252
- background-color: var(--color-background-inverse);
1253
- }
1254
-
1255
- .bg-\[var\(--color-background-primary\)\], .bg-\[var\(--color-background-primary\)\]\/95 {
1256
- background-color: var(--color-background-primary);
1257
- }
1258
-
1259
- @supports (color: color-mix(in lab, red, red)) {
1260
- .bg-\[var\(--color-background-primary\)\]\/95 {
1261
- background-color: color-mix(in oklab, var(--color-background-primary) 95%, transparent);
1262
- }
1263
- }
1264
-
1265
- .bg-\[var\(--color-background-secondary\)\] {
1266
- background-color: var(--color-background-secondary);
1267
- }
1268
-
1269
- .bg-\[var\(--color-background-tertiary\)\] {
1270
- background-color: var(--color-background-tertiary);
1271
- }
1272
-
1273
- .bg-\[var\(--color-background-warning\)\] {
1274
- background-color: var(--color-background-warning);
1275
- }
1276
-
1277
- .bg-\[var\(--color-ring-primary\)\] {
1278
- background-color: var(--color-ring-primary);
1279
- }
1280
-
1281
- .bg-\[var\(--color-text-danger\)\] {
1282
- background-color: var(--color-text-danger);
1283
- }
1284
-
1285
- .bg-\[var\(--color-text-warning\)\] {
1286
- background-color: var(--color-text-warning);
1287
- }
1288
-
1289
- .bg-black\/5 {
1290
- background-color: #0000000d;
1291
- }
1292
-
1293
- @supports (color: color-mix(in lab, red, red)) {
1294
- .bg-black\/5 {
1295
- background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1296
- }
1297
- }
1298
-
1299
- .bg-black\/10 {
1300
- background-color: #0000001a;
1301
- }
1302
-
1303
- @supports (color: color-mix(in lab, red, red)) {
1304
- .bg-black\/10 {
1305
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1306
- }
1307
- }
1308
-
1309
- .bg-black\/50 {
1310
- background-color: #00000080;
1311
- }
1312
-
1313
- @supports (color: color-mix(in lab, red, red)) {
1314
- .bg-black\/50 {
1315
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
1316
- }
1317
- }
1318
-
1319
- .bg-sidebar {
1320
- background-color: var(--sim-bg-sidebar, var(--color-background-secondary));
1321
- }
1322
-
1323
- .bg-transparent {
1324
- background-color: #0000;
1325
- }
1326
-
1327
- .bg-gradient-to-l {
1328
- --tw-gradient-position: to left in oklab;
1329
- background-image: linear-gradient(var(--tw-gradient-stops));
1330
- }
1331
-
1332
- .bg-gradient-to-r {
1333
- --tw-gradient-position: to right in oklab;
1334
- background-image: linear-gradient(var(--tw-gradient-stops));
1335
- }
1336
-
1337
- .bg-gradient-to-t {
1338
- --tw-gradient-position: to top in oklab;
1339
- background-image: linear-gradient(var(--tw-gradient-stops));
1340
- }
1341
-
1342
- .from-black\/15 {
1343
- --tw-gradient-from: #00000026;
1344
- }
1345
-
1346
- @supports (color: color-mix(in lab, red, red)) {
1347
- .from-black\/15 {
1348
- --tw-gradient-from: color-mix(in oklab, var(--color-black) 15%, transparent);
1349
- }
1350
- }
1351
-
1352
- .from-black\/15 {
1353
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1354
- }
1355
-
1356
- .to-transparent {
1357
- --tw-gradient-to: transparent;
1358
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1359
- }
1360
-
1361
- .bg-\[length\:12px\] {
1362
- background-size: 12px;
1363
- }
1364
-
1365
- .bg-\[right_6px_center\] {
1366
- background-position: right 6px center;
1367
- }
1368
-
1369
- .bg-no-repeat {
1370
- background-repeat: no-repeat;
1371
- }
1372
-
1373
- .object-contain {
1374
- object-fit: contain;
1375
- }
1376
-
1377
- .object-cover {
1378
- object-fit: cover;
1379
- }
1380
-
1381
- .p-0 {
1382
- padding: calc(var(--spacing) * 0);
1383
- }
1384
-
1385
- .p-1 {
1386
- padding: calc(var(--spacing) * 1);
1387
- }
1388
-
1389
- .p-1\.5 {
1390
- padding: calc(var(--spacing) * 1.5);
1391
- }
1392
-
1393
- .p-1\.25 {
1394
- padding: calc(var(--spacing) * 1.25);
1395
- }
1396
-
1397
- .p-2 {
1398
- padding: calc(var(--spacing) * 2);
1399
- }
1400
-
1401
- .p-2\.5 {
1402
- padding: calc(var(--spacing) * 2.5);
1403
- }
1404
-
1405
- .p-3 {
1406
- padding: calc(var(--spacing) * 3);
1407
- }
1408
-
1409
- .p-4 {
1410
- padding: calc(var(--spacing) * 4);
1411
- }
1412
-
1413
- .p-5 {
1414
- padding: calc(var(--spacing) * 5);
1415
- }
1416
-
1417
- .p-8 {
1418
- padding: calc(var(--spacing) * 8);
1419
- }
1420
-
1421
- .p-\[1px\] {
1422
- padding: 1px;
1423
- }
1424
-
1425
- .p-\[3px\] {
1426
- padding: 3px;
1427
- }
1428
-
1429
- .px-1\.5 {
1430
- padding-inline: calc(var(--spacing) * 1.5);
1431
- }
1432
-
1433
- .px-2 {
1434
- padding-inline: calc(var(--spacing) * 2);
1435
- }
1436
-
1437
- .px-3 {
1438
- padding-inline: calc(var(--spacing) * 3);
1439
- }
1440
-
1441
- .px-3\.5 {
1442
- padding-inline: calc(var(--spacing) * 3.5);
1443
- }
1444
-
1445
- .px-4 {
1446
- padding-inline: calc(var(--spacing) * 4);
1447
- }
1448
-
1449
- .px-5 {
1450
- padding-inline: calc(var(--spacing) * 5);
1451
- }
1452
-
1453
- .py-0\.5 {
1454
- padding-block: calc(var(--spacing) * .5);
1455
- }
1456
-
1457
- .py-1 {
1458
- padding-block: calc(var(--spacing) * 1);
1459
- }
1460
-
1461
- .py-1\.5 {
1462
- padding-block: calc(var(--spacing) * 1.5);
1463
- }
1464
-
1465
- .py-2 {
1466
- padding-block: calc(var(--spacing) * 2);
1467
- }
1468
-
1469
- .py-2\.5 {
1470
- padding-block: calc(var(--spacing) * 2.5);
1471
- }
1472
-
1473
- .py-3 {
1474
- padding-block: calc(var(--spacing) * 3);
1475
- }
1476
-
1477
- .py-4 {
1478
- padding-block: calc(var(--spacing) * 4);
1479
- }
1480
-
1481
- .pt-0 {
1482
- padding-top: calc(var(--spacing) * 0);
1483
- }
1484
-
1485
- .pt-2 {
1486
- padding-top: calc(var(--spacing) * 2);
1487
- }
1488
-
1489
- .pt-4 {
1490
- padding-top: calc(var(--spacing) * 4);
1491
- }
1492
-
1493
- .pr-12 {
1494
- padding-right: calc(var(--spacing) * 12);
1495
- }
1496
-
1497
- .pb-3 {
1498
- padding-bottom: calc(var(--spacing) * 3);
1499
- }
1500
-
1501
- .pb-4 {
1502
- padding-bottom: calc(var(--spacing) * 4);
1503
- }
1504
-
1505
- .pb-10 {
1506
- padding-bottom: calc(var(--spacing) * 10);
1507
- }
1508
-
1509
- .text-center {
1510
- text-align: center;
1511
- }
1512
-
1513
- .text-left {
1514
- text-align: left;
1515
- }
1516
-
1517
- .text-start {
1518
- text-align: start;
1519
- }
1520
-
1521
- .font-mono {
1522
- font-family: var(--font-mono);
1523
- }
1524
-
1525
- .text-2xl {
1526
- font-size: var(--text-2xl);
1527
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1528
- }
1529
-
1530
- .text-base {
1531
- font-size: var(--text-base);
1532
- line-height: var(--tw-leading, var(--text-base--line-height));
1533
- }
1534
-
1535
- .text-lg {
1536
- font-size: var(--text-lg);
1537
- line-height: var(--tw-leading, var(--text-lg--line-height));
1538
- }
1539
-
1540
- .text-sm {
1541
- font-size: var(--text-sm);
1542
- line-height: var(--tw-leading, var(--text-sm--line-height));
1543
- }
1544
-
1545
- .text-xl {
1546
- font-size: var(--text-xl);
1547
- line-height: var(--tw-leading, var(--text-xl--line-height));
1548
- }
1549
-
1550
- .text-xs {
1551
- font-size: var(--text-xs);
1552
- line-height: var(--tw-leading, var(--text-xs--line-height));
1553
- }
1554
-
1555
- .text-\[8px\] {
1556
- font-size: 8px;
1557
- }
1558
-
1559
- .text-\[9px\] {
1560
- font-size: 9px;
1561
- }
1562
-
1563
- .text-\[10px\] {
1564
- font-size: 10px;
1565
- }
1566
-
1567
- .text-\[11px\] {
1568
- font-size: 11px;
1569
- }
1570
-
1571
- .leading-6 {
1572
- --tw-leading: calc(var(--spacing) * 6);
1573
- line-height: calc(var(--spacing) * 6);
1574
- }
1575
-
1576
- .leading-none {
1577
- --tw-leading: 1;
1578
- line-height: 1;
1579
- }
1580
-
1581
- .leading-normal {
1582
- --tw-leading: var(--leading-normal);
1583
- line-height: var(--leading-normal);
1584
- }
1585
-
1586
- .leading-tight {
1587
- --tw-leading: var(--leading-tight);
1588
- line-height: var(--leading-tight);
1589
- }
1590
-
1591
- .font-bold {
1592
- --tw-font-weight: var(--font-weight-bold);
1593
- font-weight: var(--font-weight-bold);
1594
- }
1595
-
1596
- .font-medium {
1597
- --tw-font-weight: var(--font-weight-medium);
1598
- font-weight: var(--font-weight-medium);
1599
- }
1600
-
1601
- .font-normal {
1602
- --tw-font-weight: var(--font-weight-normal);
1603
- font-weight: var(--font-weight-normal);
1604
- }
1605
-
1606
- .font-semibold {
1607
- --tw-font-weight: var(--font-weight-semibold);
1608
- font-weight: var(--font-weight-semibold);
1609
- }
1610
-
1611
- .tracking-wide {
1612
- --tw-tracking: var(--tracking-wide);
1613
- letter-spacing: var(--tracking-wide);
1614
- }
1615
-
1616
- .break-words {
1617
- overflow-wrap: break-word;
1618
- }
1619
-
1620
- .text-ellipsis {
1621
- text-overflow: ellipsis;
1622
- }
1623
-
1624
- .whitespace-normal {
1625
- white-space: normal;
1626
- }
1627
-
1628
- .whitespace-nowrap {
1629
- white-space: nowrap;
1630
- }
1631
-
1632
- .whitespace-pre-wrap {
1633
- white-space: pre-wrap;
1634
- }
1635
-
1636
- .text-\[var\(--color-text-danger\)\] {
1637
- color: var(--color-text-danger);
1638
- }
1639
-
1640
- .text-\[var\(--color-text-info\)\] {
1641
- color: var(--color-text-info);
1642
- }
1643
-
1644
- .text-\[var\(--color-text-inverse\)\] {
1645
- color: var(--color-text-inverse);
1646
- }
1647
-
1648
- .text-\[var\(--color-text-primary\)\] {
1649
- color: var(--color-text-primary);
1650
- }
1651
-
1652
- .text-\[var\(--color-text-secondary\)\] {
1653
- color: var(--color-text-secondary);
1654
- }
1655
-
1656
- .text-\[var\(--color-text-warning\)\] {
1657
- color: var(--color-text-warning);
1658
- }
1659
-
1660
- .text-white {
1661
- color: var(--color-white);
1662
- }
1663
-
1664
- .uppercase {
1665
- text-transform: uppercase;
1666
- }
1667
-
1668
- .no-underline {
1669
- text-decoration-line: none;
1670
- }
1671
-
1672
- .antialiased {
1673
- -webkit-font-smoothing: antialiased;
1674
- -moz-osx-font-smoothing: grayscale;
1675
- }
1676
-
1677
- .opacity-60 {
1678
- opacity: .6;
1679
- }
1680
-
1681
- .shadow {
1682
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
1683
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1684
- }
1685
-
1686
- .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
1687
- --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 4px 12px var(--tw-shadow-color, #0000001f);
1688
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1689
- }
1690
-
1691
- .shadow-\[0px_0px_0px_1px_var\(--color-border-primary\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
1692
- --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--color-border-primary)), 0px 6px 20px var(--tw-shadow-color, #0000001a);
1693
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1694
- }
1695
-
1696
- .shadow-lg {
1697
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
1698
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1699
- }
1700
-
1701
- .shadow-md {
1702
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
1703
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1704
- }
1705
-
1706
- .shadow-sm {
1707
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
1708
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1709
- }
1710
-
1711
- .shadow-xl {
1712
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
1713
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1714
- }
1715
-
1716
- .ring {
1717
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1718
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1719
- }
1720
-
1721
- .ring-black\/10 {
1722
- --tw-ring-color: #0000001a;
1723
- }
1724
-
1725
- @supports (color: color-mix(in lab, red, red)) {
1726
- .ring-black\/10 {
1727
- --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1728
- }
1729
- }
1730
-
1731
- .outline {
1732
- outline-style: var(--tw-outline-style);
1733
- outline-width: 1px;
1734
- }
1735
-
1736
- .blur {
1737
- --tw-blur: blur(8px);
1738
- 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, );
1739
- }
1740
-
1741
- .filter {
1742
- 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, );
1743
- }
1744
-
1745
- .backdrop-blur-sm {
1746
- --tw-backdrop-blur: blur(var(--blur-sm));
1747
- -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1748
- backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1749
- }
1750
-
1751
- .transition {
1752
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1753
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1754
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1755
- }
1756
-
1757
- .transition-all {
1758
- transition-property: all;
1759
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1760
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1761
- }
1762
-
1763
- .transition-colors {
1764
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1765
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1766
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1767
- }
1768
-
1769
- .transition-opacity {
1770
- transition-property: opacity;
1771
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1772
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1773
- }
1774
-
1775
- .duration-150 {
1776
- --tw-duration: .15s;
1777
- transition-duration: .15s;
1778
- }
1779
-
1780
- .duration-200 {
1781
- --tw-duration: .2s;
1782
- transition-duration: .2s;
1783
- }
1784
-
1785
- .ease-out {
1786
- --tw-ease: var(--ease-out);
1787
- transition-timing-function: var(--ease-out);
1788
- }
1789
-
1790
- .outline-none {
1791
- --tw-outline-style: none;
1792
- outline-style: none;
1793
- }
1794
-
1795
- .select-none {
1796
- -webkit-user-select: none;
1797
- user-select: none;
1798
- }
1799
-
1800
- .empty\:hidden:empty {
1801
- display: none;
1802
- }
1803
-
1804
- @media (hover: hover) {
1805
- .hover\:border-\[var\(--color-ring-primary\)\]\/30:hover {
1806
- border-color: var(--color-ring-primary);
1807
- }
1808
-
1809
- @supports (color: color-mix(in lab, red, red)) {
1810
- .hover\:border-\[var\(--color-ring-primary\)\]\/30:hover {
1811
- border-color: color-mix(in oklab, var(--color-ring-primary) 30%, transparent);
1812
- }
1813
- }
1814
-
1815
- .hover\:border-transparent:hover {
1816
- border-color: #0000;
1817
- }
1818
-
1819
- .hover\:bg-\[\#6a6a6a\]:hover {
1820
- background-color: #6a6a6a;
1821
- }
1822
-
1823
- .hover\:bg-\[var\(--color-background-danger\)\]:hover {
1824
- background-color: var(--color-background-danger);
1825
- }
1826
-
1827
- .hover\:bg-\[var\(--color-background-secondary\)\]:hover {
1828
- background-color: var(--color-background-secondary);
1829
- }
1830
-
1831
- .hover\:bg-\[var\(--color-background-warning\)\]:hover {
1832
- background-color: var(--color-background-warning);
1833
- }
1834
-
1835
- .hover\:bg-black\/5:hover {
1836
- background-color: #0000000d;
1837
- }
1838
-
1839
- @supports (color: color-mix(in lab, red, red)) {
1840
- .hover\:bg-black\/5:hover {
1841
- background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1842
- }
1843
- }
1844
-
1845
- .hover\:bg-black\/10:hover {
1846
- background-color: #0000001a;
1847
- }
1848
-
1849
- @supports (color: color-mix(in lab, red, red)) {
1850
- .hover\:bg-black\/10:hover {
1851
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1852
- }
1853
- }
1854
-
1855
- .hover\:bg-transparent:hover {
1856
- background-color: #0000;
1857
- }
1858
-
1859
- .hover\:opacity-70:hover {
1860
- opacity: .7;
1861
- }
1862
-
1863
- .hover\:opacity-75:hover {
1864
- opacity: .75;
1865
- }
1866
-
1867
- .hover\:opacity-80:hover {
1868
- opacity: .8;
1869
- }
1870
-
1871
- .hover\:opacity-85:hover {
1872
- opacity: .85;
1873
- }
1874
-
1875
- .hover\:opacity-100:hover {
1876
- opacity: 1;
1877
- }
1878
- }
1879
-
1880
- .focus\:outline-none:focus {
1881
- --tw-outline-style: none;
1882
- outline-style: none;
1883
- }
1884
-
1885
- .active\:bg-\[var\(--color-background-tertiary\)\]:active {
1886
- background-color: var(--color-background-tertiary);
1887
- }
1888
-
1889
- .active\:bg-black\/20:active {
1890
- background-color: #0003;
1891
- }
1892
-
1893
- @supports (color: color-mix(in lab, red, red)) {
1894
- .active\:bg-black\/20:active {
1895
- background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1896
- }
1897
- }
1898
-
1899
- .active\:opacity-65:active {
1900
- opacity: .65;
1901
- }
1902
-
1903
- .active\:opacity-70:active {
1904
- opacity: .7;
1905
- }
1906
-
1907
- .active\:opacity-75:active {
1908
- opacity: .75;
1909
- }
1910
-
1911
- .disabled\:cursor-not-allowed:disabled {
1912
- cursor: not-allowed;
1913
- }
1914
-
1915
- .disabled\:opacity-40:disabled {
1916
- opacity: .4;
1917
- }
1918
-
1919
- .disabled\:opacity-50:disabled {
1920
- opacity: .5;
1921
- }
1922
-
1923
- @media not all and (min-width: 48rem) {
1924
- .max-md\:fixed {
1925
- position: fixed;
1926
- }
1927
-
1928
- .max-md\:inset-y-0 {
1929
- inset-block: calc(var(--spacing) * 0);
1930
- }
1931
-
1932
- .max-md\:left-0 {
1933
- left: calc(var(--spacing) * 0);
1934
- }
1935
-
1936
- .max-md\:z-\[100\] {
1937
- z-index: 100;
1938
- }
1939
-
1940
- .max-md\:\!w-2\/3 {
1941
- width: 66.6667% !important;
1942
- }
1943
-
1944
- .max-md\:-translate-x-full {
1945
- --tw-translate-x: -100%;
1946
- translate: var(--tw-translate-x) var(--tw-translate-y);
1947
- }
1948
-
1949
- .max-md\:translate-x-0 {
1950
- --tw-translate-x: calc(var(--spacing) * 0);
1951
- translate: var(--tw-translate-x) var(--tw-translate-y);
1952
- }
1953
-
1954
- .max-md\:transition-transform {
1955
- transition-property: transform, translate, scale, rotate;
1956
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1957
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1958
- }
1959
-
1960
- .max-md\:duration-300 {
1961
- --tw-duration: .3s;
1962
- transition-duration: .3s;
1963
- }
1964
- }
1965
-
1966
- @media not all and (min-width: 40rem) {
1967
- .max-sm\:-mx-\[1rem\] {
1968
- margin-inline: -1rem;
1969
- }
1970
-
1971
- .max-sm\:w-\[100cqw\] {
1972
- width: 100cqw;
1973
- }
1974
-
1975
- .max-sm\:overflow-hidden {
1976
- overflow: hidden;
1977
- }
1978
- }
1979
-
1980
- @media (min-width: 1440px) {
1981
- .min-\[1440px\]\:max-w-\[48rem\] {
1982
- max-width: 48rem;
1983
- }
1984
- }
1985
-
1986
- @media (min-width: 40rem) {
1987
- .sm\:start-0 {
1988
- inset-inline-start: calc(var(--spacing) * 0);
1989
- }
1990
-
1991
- .sm\:end-0 {
1992
- inset-inline-end: calc(var(--spacing) * 0);
1993
- }
1994
-
1995
- .sm\:top-\[3\.25rem\] {
1996
- top: 3.25rem;
1997
- }
1998
-
1999
- .sm\:top-\[3rem\] {
2000
- top: 3rem;
2001
- }
2002
-
2003
- .sm\:h-\[calc\(100\%-14rem\)\] {
2004
- height: calc(100% - 14rem);
2005
- }
2006
-
2007
- .sm\:w-full {
2008
- width: 100%;
2009
- }
2010
-
2011
- .sm\:rounded-3xl {
2012
- border-radius: var(--radius-3xl);
2013
- }
2014
-
2015
- .sm\:p-5 {
2016
- padding: calc(var(--spacing) * 5);
2017
- }
2018
-
2019
- .sm\:px-5 {
2020
- padding-inline: calc(var(--spacing) * 5);
2021
- }
2022
- }
2023
-
2024
- @media (min-width: 48rem) {
2025
- .md\:-start-6 {
2026
- inset-inline-start: calc(var(--spacing) * -6);
2027
- }
2028
-
2029
- .md\:z-20 {
2030
- z-index: 20;
2031
- }
2032
-
2033
- .md\:z-auto {
2034
- z-index: auto;
2035
- }
2036
-
2037
- .md\:-mx-4 {
2038
- margin-inline: calc(var(--spacing) * -4);
2039
- }
2040
-
2041
- .md\:block {
2042
- display: block;
2043
- }
2044
-
2045
- .md\:flex {
2046
- display: flex;
2047
- }
2048
-
2049
- .md\:hidden {
2050
- display: none;
2051
- }
2052
-
2053
- .md\:p-10 {
2054
- padding: calc(var(--spacing) * 10);
2055
- }
2056
-
2057
- .md\:pt-8 {
2058
- padding-top: calc(var(--spacing) * 8);
2059
- }
2060
- }
2061
-
2062
- @media (min-width: 64rem) {
2063
- .lg\:max-w-\[48rem\] {
2064
- max-width: 48rem;
2065
- }
2066
- }
2067
-
2068
- @media (min-width: 80rem) {
2069
- .xl\:top-4 {
2070
- top: calc(var(--spacing) * 4);
2071
- }
2072
-
2073
- .xl\:top-6 {
2074
- top: calc(var(--spacing) * 6);
2075
- }
2076
-
2077
- .xl\:right-6 {
2078
- right: calc(var(--spacing) * 6);
2079
- }
2080
-
2081
- .xl\:bottom-8 {
2082
- bottom: calc(var(--spacing) * 8);
2083
- }
2084
-
2085
- .xl\:left-4 {
2086
- left: calc(var(--spacing) * 4);
2087
- }
2088
-
2089
- .xl\:left-auto {
2090
- left: auto;
2091
- }
2092
-
2093
- .xl\:mt-0 {
2094
- margin-top: calc(var(--spacing) * 0);
2095
- }
2096
-
2097
- .xl\:w-\[360px\] {
2098
- width: 360px;
2099
- }
2100
-
2101
- .xl\:rounded-3xl {
2102
- border-radius: var(--radius-3xl);
2103
- }
2104
-
2105
- .xl\:rounded-none {
2106
- border-radius: 0;
2107
- }
2108
-
2109
- .xl\:rounded-t-2xl {
2110
- border-top-left-radius: var(--radius-2xl);
2111
- border-top-right-radius: var(--radius-2xl);
2112
- }
2113
-
2114
- .xl\:px-0 {
2115
- padding-inline: calc(var(--spacing) * 0);
2116
- }
2117
-
2118
- .xl\:shadow-xl {
2119
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
2120
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2121
- }
2122
-
2123
- .xl\:ring {
2124
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2125
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2126
- }
2127
- }
2128
-
2129
- :where(.dark\:divide-white\/5:where([data-theme="dark"], [data-theme="dark"] *) > :not(:last-child)) {
2130
- border-color: #ffffff0d;
2131
- }
2132
-
2133
- @supports (color: color-mix(in lab, red, red)) {
2134
- :where(.dark\:divide-white\/5:where([data-theme="dark"], [data-theme="dark"] *) > :not(:last-child)) {
2135
- border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2136
- }
2137
- }
2138
-
2139
- .dark\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
2140
- background-color: #ffffff0d;
2141
- }
2142
-
2143
- @supports (color: color-mix(in lab, red, red)) {
2144
- .dark\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
2145
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2146
- }
2147
- }
2148
-
2149
- .dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
2150
- background-color: #ffffff1a;
2151
- }
2152
-
2153
- @supports (color: color-mix(in lab, red, red)) {
2154
- .dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
2155
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2156
- }
2157
- }
2158
-
2159
- .dark\:from-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
2160
- --tw-gradient-from: #ffffff26;
2161
- }
2162
-
2163
- @supports (color: color-mix(in lab, red, red)) {
2164
- .dark\:from-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
2165
- --tw-gradient-from: color-mix(in oklab, var(--color-white) 15%, transparent);
2166
- }
2167
- }
2168
-
2169
- .dark\:from-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
2170
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2171
- }
2172
-
2173
- .dark\:ring-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
2174
- --tw-ring-color: #ffffff1a;
2175
- }
2176
-
2177
- @supports (color: color-mix(in lab, red, red)) {
2178
- .dark\:ring-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
2179
- --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2180
- }
2181
- }
2182
-
2183
- @media (hover: hover) {
2184
- .dark\:hover\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *):hover {
2185
- background-color: #ffffff0d;
2186
- }
2187
-
2188
- @supports (color: color-mix(in lab, red, red)) {
2189
- .dark\:hover\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *):hover {
2190
- background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
2191
- }
2192
- }
2193
-
2194
- .dark\:hover\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):hover {
2195
- background-color: #ffffff1a;
2196
- }
2197
-
2198
- @supports (color: color-mix(in lab, red, red)) {
2199
- .dark\:hover\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):hover {
2200
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2201
- }
2202
- }
2203
- }
2204
-
2205
- .dark\:active\:bg-white\/20:where([data-theme="dark"], [data-theme="dark"] *):active {
2206
- background-color: #fff3;
2207
- }
2208
-
2209
- @supports (color: color-mix(in lab, red, red)) {
2210
- .dark\:active\:bg-white\/20:where([data-theme="dark"], [data-theme="dark"] *):active {
2211
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
2212
- }
2213
- }
2214
-
2215
- .\[\&\:hover\]\:bg-transparent:hover {
2216
- background-color: #0000;
2217
- }
2218
- }
2219
-
2220
- .sunpeak-simulator-root select, .sunpeak-simulator-root input:not([type="checkbox"]), .sunpeak-simulator-root textarea {
2221
- box-shadow: inset 0 0 0 1px var(--color-border-primary);
2222
- border: 0;
2223
- transition: box-shadow .15s, color .15s, background-color .15s;
2224
- }
2225
-
2226
- .sunpeak-simulator-root select:hover, .sunpeak-simulator-root input:not([type="checkbox"]):hover, .sunpeak-simulator-root textarea:hover {
2227
- box-shadow: inset 0 0 0 1px var(--color-border-secondary);
2228
- }
2229
-
2230
- .sunpeak-simulator-root select:focus-visible, .sunpeak-simulator-root input:not([type="checkbox"]):focus-visible, .sunpeak-simulator-root textarea:focus-visible {
2231
- box-shadow: inset 0 0 0 1px var(--color-border-secondary);
2232
- outline: 2px solid var(--color-ring-primary);
2233
- outline-offset: -1px;
2234
- }
2235
-
2236
- .sunpeak-simulator-root button:focus-visible {
2237
- outline: 2px solid var(--color-ring-primary);
2238
- outline-offset: -1px;
2239
- }
2240
-
2241
- .sunpeak-simulator-root input[type="checkbox"] {
2242
- appearance: none;
2243
- border: 1px solid var(--color-border-secondary);
2244
- cursor: pointer;
2245
- background-color: #0000;
2246
- background-position: center;
2247
- background-repeat: no-repeat;
2248
- background-size: 10px;
2249
- border-radius: 4px;
2250
- flex-shrink: 0;
2251
- width: 16px;
2252
- height: 16px;
2253
- transition: border-color .15s, background-color .15s;
2254
- }
2255
-
2256
- .sunpeak-simulator-root input[type="checkbox"]:hover {
2257
- border-color: var(--color-text-tertiary);
2258
- }
2259
-
2260
- .sunpeak-simulator-root input[type="checkbox"]:checked {
2261
- border-color: var(--color-background-inverse);
2262
- background-color: var(--color-background-inverse);
2263
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 5L4.25 7L8 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
2264
- }
2265
-
2266
- [data-theme="dark"] .sunpeak-simulator-root input[type="checkbox"]:checked {
2267
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 5L4.25 7L8 3' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
2268
- }
2269
-
2270
- .sunpeak-simulator-root input[type="checkbox"]:focus-visible {
2271
- outline: 2px solid var(--color-ring-primary);
2272
- outline-offset: 2px;
2273
- }
2274
-
2275
- .sunpeak-simulator-root input[type="number"]::-webkit-inner-spin-button {
2276
- -webkit-appearance: none;
2277
- margin: 0;
2278
- }
2279
-
2280
- .sunpeak-simulator-root input[type="number"]::-webkit-outer-spin-button {
2281
- -webkit-appearance: none;
2282
- margin: 0;
2283
- }
2284
-
2285
- .sunpeak-simulator-root input[type="number"] {
2286
- -moz-appearance: textfield;
2287
- }
2288
-
2289
- @property --tw-translate-x {
2290
- syntax: "*";
2291
- inherits: false;
2292
- initial-value: 0;
2293
- }
2294
-
2295
- @property --tw-translate-y {
2296
- syntax: "*";
2297
- inherits: false;
2298
- initial-value: 0;
2299
- }
2300
-
2301
- @property --tw-translate-z {
2302
- syntax: "*";
2303
- inherits: false;
2304
- initial-value: 0;
2305
- }
2306
-
2307
- @property --tw-rotate-x {
2308
- syntax: "*";
2309
- inherits: false
2310
- }
2311
-
2312
- @property --tw-rotate-y {
2313
- syntax: "*";
2314
- inherits: false
2315
- }
2316
-
2317
- @property --tw-rotate-z {
2318
- syntax: "*";
2319
- inherits: false
2320
- }
2321
-
2322
- @property --tw-skew-x {
2323
- syntax: "*";
2324
- inherits: false
2325
- }
2326
-
2327
- @property --tw-skew-y {
2328
- syntax: "*";
2329
- inherits: false
2330
- }
2331
-
2332
- @property --tw-pan-x {
2333
- syntax: "*";
2334
- inherits: false
2335
- }
2336
-
2337
- @property --tw-pan-y {
2338
- syntax: "*";
2339
- inherits: false
2340
- }
2341
-
2342
- @property --tw-pinch-zoom {
2343
- syntax: "*";
2344
- inherits: false
2345
- }
2346
-
2347
- @property --tw-space-y-reverse {
2348
- syntax: "*";
2349
- inherits: false;
2350
- initial-value: 0;
2351
- }
2352
-
2353
- @property --tw-divide-y-reverse {
2354
- syntax: "*";
2355
- inherits: false;
2356
- initial-value: 0;
2357
- }
2358
-
2359
- @property --tw-border-style {
2360
- syntax: "*";
2361
- inherits: false;
2362
- initial-value: solid;
2363
- }
2364
-
2365
- @property --tw-gradient-position {
2366
- syntax: "*";
2367
- inherits: false
2368
- }
2369
-
2370
- @property --tw-gradient-from {
2371
- syntax: "<color>";
2372
- inherits: false;
2373
- initial-value: #0000;
2374
- }
2375
-
2376
- @property --tw-gradient-via {
2377
- syntax: "<color>";
2378
- inherits: false;
2379
- initial-value: #0000;
2380
- }
2381
-
2382
- @property --tw-gradient-to {
2383
- syntax: "<color>";
2384
- inherits: false;
2385
- initial-value: #0000;
2386
- }
2387
-
2388
- @property --tw-gradient-stops {
2389
- syntax: "*";
2390
- inherits: false
2391
- }
2392
-
2393
- @property --tw-gradient-via-stops {
2394
- syntax: "*";
2395
- inherits: false
2396
- }
2397
-
2398
- @property --tw-gradient-from-position {
2399
- syntax: "<length-percentage>";
2400
- inherits: false;
2401
- initial-value: 0%;
2402
- }
2403
-
2404
- @property --tw-gradient-via-position {
2405
- syntax: "<length-percentage>";
2406
- inherits: false;
2407
- initial-value: 50%;
2408
- }
2409
-
2410
- @property --tw-gradient-to-position {
2411
- syntax: "<length-percentage>";
2412
- inherits: false;
2413
- initial-value: 100%;
2414
- }
2415
-
2416
- @property --tw-leading {
2417
- syntax: "*";
2418
- inherits: false
2419
- }
2420
-
2421
- @property --tw-font-weight {
2422
- syntax: "*";
2423
- inherits: false
2424
- }
2425
-
2426
- @property --tw-tracking {
2427
- syntax: "*";
2428
- inherits: false
2429
- }
2430
-
2431
- @property --tw-shadow {
2432
- syntax: "*";
2433
- inherits: false;
2434
- initial-value: 0 0 #0000;
2435
- }
2436
-
2437
- @property --tw-shadow-color {
2438
- syntax: "*";
2439
- inherits: false
2440
- }
2441
-
2442
- @property --tw-shadow-alpha {
2443
- syntax: "<percentage>";
2444
- inherits: false;
2445
- initial-value: 100%;
2446
- }
2447
-
2448
- @property --tw-inset-shadow {
2449
- syntax: "*";
2450
- inherits: false;
2451
- initial-value: 0 0 #0000;
2452
- }
2453
-
2454
- @property --tw-inset-shadow-color {
2455
- syntax: "*";
2456
- inherits: false
2457
- }
2458
-
2459
- @property --tw-inset-shadow-alpha {
2460
- syntax: "<percentage>";
2461
- inherits: false;
2462
- initial-value: 100%;
2463
- }
2464
-
2465
- @property --tw-ring-color {
2466
- syntax: "*";
2467
- inherits: false
2468
- }
2469
-
2470
- @property --tw-ring-shadow {
2471
- syntax: "*";
2472
- inherits: false;
2473
- initial-value: 0 0 #0000;
2474
- }
2475
-
2476
- @property --tw-inset-ring-color {
2477
- syntax: "*";
2478
- inherits: false
2479
- }
2480
-
2481
- @property --tw-inset-ring-shadow {
2482
- syntax: "*";
2483
- inherits: false;
2484
- initial-value: 0 0 #0000;
2485
- }
2486
-
2487
- @property --tw-ring-inset {
2488
- syntax: "*";
2489
- inherits: false
2490
- }
2491
-
2492
- @property --tw-ring-offset-width {
2493
- syntax: "<length>";
2494
- inherits: false;
2495
- initial-value: 0;
2496
- }
2497
-
2498
- @property --tw-ring-offset-color {
2499
- syntax: "*";
2500
- inherits: false;
2501
- initial-value: #fff;
2502
- }
2503
-
2504
- @property --tw-ring-offset-shadow {
2505
- syntax: "*";
2506
- inherits: false;
2507
- initial-value: 0 0 #0000;
2508
- }
2509
-
2510
- @property --tw-outline-style {
2511
- syntax: "*";
2512
- inherits: false;
2513
- initial-value: solid;
2514
- }
2515
-
2516
- @property --tw-blur {
2517
- syntax: "*";
2518
- inherits: false
2519
- }
2520
-
2521
- @property --tw-brightness {
2522
- syntax: "*";
2523
- inherits: false
2524
- }
2525
-
2526
- @property --tw-contrast {
2527
- syntax: "*";
2528
- inherits: false
2529
- }
2530
-
2531
- @property --tw-grayscale {
2532
- syntax: "*";
2533
- inherits: false
2534
- }
2535
-
2536
- @property --tw-hue-rotate {
2537
- syntax: "*";
2538
- inherits: false
2539
- }
2540
-
2541
- @property --tw-invert {
2542
- syntax: "*";
2543
- inherits: false
2544
- }
2545
-
2546
- @property --tw-opacity {
2547
- syntax: "*";
2548
- inherits: false
2549
- }
2550
-
2551
- @property --tw-saturate {
2552
- syntax: "*";
2553
- inherits: false
2554
- }
2555
-
2556
- @property --tw-sepia {
2557
- syntax: "*";
2558
- inherits: false
2559
- }
2560
-
2561
- @property --tw-drop-shadow {
2562
- syntax: "*";
2563
- inherits: false
2564
- }
2565
-
2566
- @property --tw-drop-shadow-color {
2567
- syntax: "*";
2568
- inherits: false
2569
- }
2570
-
2571
- @property --tw-drop-shadow-alpha {
2572
- syntax: "<percentage>";
2573
- inherits: false;
2574
- initial-value: 100%;
2575
- }
2576
-
2577
- @property --tw-drop-shadow-size {
2578
- syntax: "*";
2579
- inherits: false
2580
- }
2581
-
2582
- @property --tw-backdrop-blur {
2583
- syntax: "*";
2584
- inherits: false
2585
- }
2586
-
2587
- @property --tw-backdrop-brightness {
2588
- syntax: "*";
2589
- inherits: false
2590
- }
2591
-
2592
- @property --tw-backdrop-contrast {
2593
- syntax: "*";
2594
- inherits: false
2595
- }
2596
-
2597
- @property --tw-backdrop-grayscale {
2598
- syntax: "*";
2599
- inherits: false
2600
- }
2601
-
2602
- @property --tw-backdrop-hue-rotate {
2603
- syntax: "*";
2604
- inherits: false
2605
- }
2606
-
2607
- @property --tw-backdrop-invert {
2608
- syntax: "*";
2609
- inherits: false
2610
- }
2611
-
2612
- @property --tw-backdrop-opacity {
2613
- syntax: "*";
2614
- inherits: false
2615
- }
2616
-
2617
- @property --tw-backdrop-saturate {
2618
- syntax: "*";
2619
- inherits: false
2620
- }
2621
-
2622
- @property --tw-backdrop-sepia {
2623
- syntax: "*";
2624
- inherits: false
2625
- }
2626
-
2627
- @property --tw-duration {
2628
- syntax: "*";
2629
- inherits: false
2630
- }
2631
-
2632
- @property --tw-ease {
2633
- syntax: "*";
2634
- inherits: false
2635
- }
2636
-
2637
- @keyframes spin {
2638
- to {
2639
- transform: rotate(360deg);
2640
- }
2641
- }
2642
- /*$vite$:1*/