@motiadev/plugin-states 0.13.0-beta.162-632691 → 0.13.0-beta.162-125657

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.
package/dist/index.css DELETED
@@ -1,968 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
- --color-red-50: oklch(97.1% 0.013 17.38);
11
- --color-red-200: oklch(88.5% 0.062 18.334);
12
- --color-red-400: oklch(70.4% 0.191 22.216);
13
- --color-red-700: oklch(50.5% 0.213 27.518);
14
- --color-red-800: oklch(44.4% 0.177 26.899);
15
- --color-red-950: oklch(25.8% 0.092 26.042);
16
- --color-orange-500: oklch(70.5% 0.213 47.604);
17
- --color-green-50: oklch(98.2% 0.018 155.826);
18
- --color-green-200: oklch(92.5% 0.084 155.995);
19
- --color-green-400: oklch(79.2% 0.209 151.711);
20
- --color-green-500: oklch(72.3% 0.219 149.579);
21
- --color-green-700: oklch(52.7% 0.154 150.069);
22
- --color-green-800: oklch(44.8% 0.119 151.328);
23
- --color-green-950: oklch(26.6% 0.065 152.934);
24
- --spacing: 0.25rem;
25
- --text-xs: 0.75rem;
26
- --text-xs--line-height: calc(1 / 0.75);
27
- --text-sm: 0.875rem;
28
- --text-sm--line-height: calc(1.25 / 0.875);
29
- --font-weight-medium: 500;
30
- --font-weight-semibold: 600;
31
- --radius-lg: 0.5rem;
32
- --animate-spin: spin 1s linear infinite;
33
- --blur-sm: 8px;
34
- --default-font-family: var(--font-sans);
35
- --default-mono-font-family: var(--font-mono);
36
- --font-weight-500: var(--font-weight-500);
37
- --font-weight-600: var(--font-weight-600);
38
- --font-weight-700: var(--font-weight-700);
39
- }
40
- }
41
- @layer base {
42
- *, ::after, ::before, ::backdrop, ::file-selector-button {
43
- box-sizing: border-box;
44
- margin: 0;
45
- padding: 0;
46
- border: 0 solid;
47
- }
48
- html, :host {
49
- line-height: 1.5;
50
- -webkit-text-size-adjust: 100%;
51
- tab-size: 4;
52
- 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");
53
- font-feature-settings: var(--default-font-feature-settings, normal);
54
- font-variation-settings: var(--default-font-variation-settings, normal);
55
- -webkit-tap-highlight-color: transparent;
56
- }
57
- hr {
58
- height: 0;
59
- color: inherit;
60
- border-top-width: 1px;
61
- }
62
- abbr:where([title]) {
63
- -webkit-text-decoration: underline dotted;
64
- text-decoration: underline dotted;
65
- }
66
- h1, h2, h3, h4, h5, h6 {
67
- font-size: inherit;
68
- font-weight: inherit;
69
- }
70
- a {
71
- color: inherit;
72
- -webkit-text-decoration: inherit;
73
- text-decoration: inherit;
74
- }
75
- b, strong {
76
- font-weight: bolder;
77
- }
78
- code, kbd, samp, pre {
79
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
80
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
81
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
82
- font-size: 1em;
83
- }
84
- small {
85
- font-size: 80%;
86
- }
87
- sub, sup {
88
- font-size: 75%;
89
- line-height: 0;
90
- position: relative;
91
- vertical-align: baseline;
92
- }
93
- sub {
94
- bottom: -0.25em;
95
- }
96
- sup {
97
- top: -0.5em;
98
- }
99
- table {
100
- text-indent: 0;
101
- border-color: inherit;
102
- border-collapse: collapse;
103
- }
104
- :-moz-focusring {
105
- outline: auto;
106
- }
107
- progress {
108
- vertical-align: baseline;
109
- }
110
- summary {
111
- display: list-item;
112
- }
113
- ol, ul, menu {
114
- list-style: none;
115
- }
116
- img, svg, video, canvas, audio, iframe, embed, object {
117
- display: block;
118
- vertical-align: middle;
119
- }
120
- img, video {
121
- max-width: 100%;
122
- height: auto;
123
- }
124
- button, input, select, optgroup, textarea, ::file-selector-button {
125
- font: inherit;
126
- font-feature-settings: inherit;
127
- font-variation-settings: inherit;
128
- letter-spacing: inherit;
129
- color: inherit;
130
- border-radius: 0;
131
- background-color: transparent;
132
- opacity: 1;
133
- }
134
- :where(select:is([multiple], [size])) optgroup {
135
- font-weight: bolder;
136
- }
137
- :where(select:is([multiple], [size])) optgroup option {
138
- padding-inline-start: 20px;
139
- }
140
- ::file-selector-button {
141
- margin-inline-end: 4px;
142
- }
143
- ::placeholder {
144
- opacity: 1;
145
- }
146
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
147
- ::placeholder {
148
- color: currentcolor;
149
- @supports (color: color-mix(in lab, red, red)) {
150
- color: color-mix(in oklab, currentcolor 50%, transparent);
151
- }
152
- }
153
- }
154
- textarea {
155
- resize: vertical;
156
- }
157
- ::-webkit-search-decoration {
158
- -webkit-appearance: none;
159
- }
160
- ::-webkit-date-and-time-value {
161
- min-height: 1lh;
162
- text-align: inherit;
163
- }
164
- ::-webkit-datetime-edit {
165
- display: inline-flex;
166
- }
167
- ::-webkit-datetime-edit-fields-wrapper {
168
- padding: 0;
169
- }
170
- ::-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 {
171
- padding-block: 0;
172
- }
173
- ::-webkit-calendar-picker-indicator {
174
- line-height: 1;
175
- }
176
- :-moz-ui-invalid {
177
- box-shadow: none;
178
- }
179
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
180
- appearance: button;
181
- }
182
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
183
- height: auto;
184
- }
185
- [hidden]:where(:not([hidden="until-found"])) {
186
- display: none !important;
187
- }
188
- }
189
- @layer utilities {
190
- .absolute {
191
- position: absolute;
192
- }
193
- .relative {
194
- position: relative;
195
- }
196
- .sticky {
197
- position: sticky;
198
- }
199
- .top-0 {
200
- top: calc(var(--spacing) * 0);
201
- }
202
- .top-1\/2 {
203
- top: calc(1/2 * 100%);
204
- }
205
- .top-2 {
206
- top: calc(var(--spacing) * 2);
207
- }
208
- .right-2 {
209
- right: calc(var(--spacing) * 2);
210
- }
211
- .right-3 {
212
- right: calc(var(--spacing) * 3);
213
- }
214
- .left-3 {
215
- left: calc(var(--spacing) * 3);
216
- }
217
- .mr-1 {
218
- margin-right: calc(var(--spacing) * 1);
219
- }
220
- .flex {
221
- display: flex;
222
- }
223
- .grid {
224
- display: grid;
225
- }
226
- .h-2 {
227
- height: calc(var(--spacing) * 2);
228
- }
229
- .h-3 {
230
- height: calc(var(--spacing) * 3);
231
- }
232
- .h-4 {
233
- height: calc(var(--spacing) * 4);
234
- }
235
- .h-\[34px\] {
236
- height: 34px;
237
- }
238
- .h-full {
239
- height: 100%;
240
- }
241
- .w-2 {
242
- width: calc(var(--spacing) * 2);
243
- }
244
- .w-3 {
245
- width: calc(var(--spacing) * 3);
246
- }
247
- .w-4 {
248
- width: calc(var(--spacing) * 4);
249
- }
250
- .flex-1 {
251
- flex: 1;
252
- }
253
- .-translate-y-1\/2 {
254
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
255
- translate: var(--tw-translate-x) var(--tw-translate-y);
256
- }
257
- .animate-spin {
258
- animation: var(--animate-spin);
259
- }
260
- .cursor-pointer {
261
- cursor: pointer;
262
- }
263
- .grid-rows-\[auto_1fr\] {
264
- grid-template-rows: auto 1fr;
265
- }
266
- .flex-col {
267
- flex-direction: column;
268
- }
269
- .items-center {
270
- align-items: center;
271
- }
272
- .justify-between {
273
- justify-content: space-between;
274
- }
275
- .gap-1 {
276
- gap: calc(var(--spacing) * 1);
277
- }
278
- .gap-2 {
279
- gap: calc(var(--spacing) * 2);
280
- }
281
- .space-y-3 {
282
- :where(& > :not(:last-child)) {
283
- --tw-space-y-reverse: 0;
284
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
285
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
286
- }
287
- }
288
- .rounded {
289
- border-radius: 0.25rem;
290
- }
291
- .rounded-full {
292
- border-radius: calc(infinity * 1px);
293
- }
294
- .rounded-lg {
295
- border-radius: var(--radius-lg);
296
- }
297
- .border {
298
- border-style: var(--tw-border-style);
299
- border-width: 1px;
300
- }
301
- .border-0 {
302
- border-style: var(--tw-border-style);
303
- border-width: 0px;
304
- }
305
- .border-b {
306
- border-bottom-style: var(--tw-border-style);
307
- border-bottom-width: 1px;
308
- }
309
- .border-green-200 {
310
- border-color: var(--color-green-200);
311
- }
312
- .border-red-200 {
313
- border-color: var(--color-red-200);
314
- }
315
- .bg-background\/20 {
316
- background-color: var(--background);
317
- @supports (color: color-mix(in lab, red, red)) {
318
- background-color: color-mix(in oklab, var(--background) 20%, transparent);
319
- }
320
- }
321
- .bg-destructive\/90 {
322
- background-color: var(--destructive);
323
- @supports (color: color-mix(in lab, red, red)) {
324
- background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
325
- }
326
- }
327
- .bg-green-50 {
328
- background-color: var(--color-green-50);
329
- }
330
- .bg-green-500 {
331
- background-color: var(--color-green-500);
332
- }
333
- .bg-muted-foreground\/10 {
334
- background-color: var(--muted-foreground);
335
- @supports (color: color-mix(in lab, red, red)) {
336
- background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
337
- }
338
- }
339
- .bg-orange-500 {
340
- background-color: var(--color-orange-500);
341
- }
342
- .bg-red-50 {
343
- background-color: var(--color-red-50);
344
- }
345
- .p-2 {
346
- padding: calc(var(--spacing) * 2);
347
- }
348
- .px-2 {
349
- padding-inline: calc(var(--spacing) * 2);
350
- }
351
- .px-9\! {
352
- padding-inline: calc(var(--spacing) * 9) !important;
353
- }
354
- .py-1 {
355
- padding-block: calc(var(--spacing) * 1);
356
- }
357
- .pt-2 {
358
- padding-top: calc(var(--spacing) * 2);
359
- }
360
- .font-mono {
361
- font-family: var(--font-mono);
362
- }
363
- .text-sm {
364
- font-size: var(--text-sm);
365
- line-height: var(--tw-leading, var(--text-sm--line-height));
366
- }
367
- .text-xs {
368
- font-size: var(--text-xs);
369
- line-height: var(--tw-leading, var(--text-xs--line-height));
370
- }
371
- .font-medium {
372
- --tw-font-weight: var(--font-weight-medium);
373
- font-weight: var(--font-weight-medium);
374
- }
375
- .font-semibold {
376
- --tw-font-weight: var(--font-weight-semibold);
377
- font-weight: var(--font-weight-semibold);
378
- }
379
- .text-destructive-foreground {
380
- color: var(--destructive-foreground);
381
- }
382
- .text-green-700 {
383
- color: var(--color-green-700);
384
- }
385
- .text-muted-foreground {
386
- color: var(--muted-foreground);
387
- }
388
- .text-muted-foreground\/50 {
389
- color: var(--muted-foreground);
390
- @supports (color: color-mix(in lab, red, red)) {
391
- color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
392
- }
393
- }
394
- .text-red-700 {
395
- color: var(--color-red-700);
396
- }
397
- .filter {
398
- 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,);
399
- }
400
- .backdrop-blur-sm {
401
- --tw-backdrop-blur: blur(var(--blur-sm));
402
- -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,);
403
- 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,);
404
- }
405
- .hover\:bg-muted-foreground\/10 {
406
- &:hover {
407
- @media (hover: hover) {
408
- background-color: var(--muted-foreground);
409
- @supports (color: color-mix(in lab, red, red)) {
410
- background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
411
- }
412
- }
413
- }
414
- }
415
- .hover\:bg-muted-foreground\/20 {
416
- &:hover {
417
- @media (hover: hover) {
418
- background-color: var(--muted-foreground);
419
- @supports (color: color-mix(in lab, red, red)) {
420
- background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
421
- }
422
- }
423
- }
424
- }
425
- .hover\:bg-transparent {
426
- &:hover {
427
- @media (hover: hover) {
428
- background-color: transparent;
429
- }
430
- }
431
- }
432
- .hover\:text-muted-foreground {
433
- &:hover {
434
- @media (hover: hover) {
435
- color: var(--muted-foreground);
436
- }
437
- }
438
- }
439
- .dark\:border-green-800 {
440
- &:is(.dark *) {
441
- border-color: var(--color-green-800);
442
- }
443
- }
444
- .dark\:border-red-800 {
445
- &:is(.dark *) {
446
- border-color: var(--color-red-800);
447
- }
448
- }
449
- .dark\:bg-green-950\/20 {
450
- &:is(.dark *) {
451
- background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 20%, transparent);
452
- @supports (color: color-mix(in lab, red, red)) {
453
- background-color: color-mix(in oklab, var(--color-green-950) 20%, transparent);
454
- }
455
- }
456
- }
457
- .dark\:bg-red-950\/20 {
458
- &:is(.dark *) {
459
- background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
460
- @supports (color: color-mix(in lab, red, red)) {
461
- background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
462
- }
463
- }
464
- }
465
- .dark\:text-green-400 {
466
- &:is(.dark *) {
467
- color: var(--color-green-400);
468
- }
469
- }
470
- .dark\:text-red-400 {
471
- &:is(.dark *) {
472
- color: var(--color-red-400);
473
- }
474
- }
475
- }
476
- :root {
477
- --default-font-family: "DM Sans", ui-sans-serif, sans-serif;
478
- --font-dm-mono: "DM Mono", ui-monospace, monospace;
479
- line-height: 1.5;
480
- font-size: 16px;
481
- color-scheme: light dark;
482
- 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" ), serif;
483
- font-synthesis: none;
484
- text-rendering: optimizeLegibility;
485
- -webkit-font-smoothing: antialiased;
486
- -moz-osx-font-smoothing: grayscale;
487
- width: 100%;
488
- font-optical-sizing: auto;
489
- --font-weight-500: 500;
490
- --font-weight-600: 600;
491
- --font-weight-700: 700;
492
- --accent-1000: #2862fe;
493
- --accent-970: #2862fef7;
494
- --accent-950: #2862fef2;
495
- --accent-900: #2862fee5;
496
- --accent-800: #2862fecc;
497
- --accent-700: #2862feb2;
498
- --accent-600: #2862fe99;
499
- --accent-500: #2862fe80;
500
- --accent-400: #2862fe66;
501
- --accent-300: #2862fe4d;
502
- --accent-200: #2862fe33;
503
- --accent-100: #2862fe1a;
504
- --accent-50: #2862fe0d;
505
- --accent-30: #2862fe08;
506
- --dark-1000: #0a0a0a;
507
- --dark-970: #0a0a0af7;
508
- --dark-950: #0a0a0af2;
509
- --dark-900: #0a0a0ae5;
510
- --dark-800: #0a0a0acc;
511
- --dark-700: #0a0a0ab2;
512
- --dark-600: #0a0a0a99;
513
- --dark-500: #0a0a0a80;
514
- --dark-400: #0a0a0a66;
515
- --dark-300: #0a0a0a4d;
516
- --dark-200: #0a0a0a33;
517
- --dark-100: #0a0a0a1a;
518
- --dark-50: #0a0a0a0d;
519
- --dark-30: #0a0a0a08;
520
- --light-1000: #ffffff;
521
- --light-970: #fffffff7;
522
- --light-950: #fffffff2;
523
- --light-900: #ffffffe5;
524
- --light-800: #ffffffcc;
525
- --light-700: #ffffffb2;
526
- --light-600: #ffffff99;
527
- --light-500: #ffffff80;
528
- --light-400: #ffffff66;
529
- --light-300: #ffffff4d;
530
- --light-200: #ffffff33;
531
- --light-100: #ffffff1a;
532
- --light-50: #ffffff0d;
533
- --light-30: #ffffff08;
534
- --error: #d61355;
535
- --canvas-background: #ebebeb;
536
- --background: var(--light-1000);
537
- --foreground: var(--dark-1000);
538
- --surface-content: var(--dark-30);
539
- --surface-component: var(--dark-50);
540
- --surface-light-100: var(--dark-100);
541
- --surface-light-200: var(--dark-200);
542
- --border: var(--dark-100);
543
- --border-accent: var(--accent-1000);
544
- --states-hover: var(--dark-30);
545
- --states-selected: var(--dark-100);
546
- --states-active: var(--accent-1000);
547
- --text-header: var(--dark-1000);
548
- --text-body: var(--dark-600);
549
- --text-placeholder: var(--dark-400);
550
- --text-accent: var(--accent-1000);
551
- --text-error: var(--error);
552
- --icon-active: var(--dark-1000);
553
- --icon-light: var(--dark-600);
554
- --icon-component: var(--dark-400);
555
- --icon-accent: var(--accent-1000);
556
- --primary: var(--accent-1000);
557
- --primary-foreground: var(--light-1000);
558
- --secondary: var(--surface-component);
559
- --secondary-foreground: var(--text-body);
560
- --muted: var(--surface-light-100);
561
- --muted-foreground: var(--text-body);
562
- --accent: var(--accent-1000);
563
- --accent-foreground: var(--light-1000);
564
- --destructive: var(--error);
565
- --destructive-foreground: var(--light-1000);
566
- --card: var(--surface-content);
567
- --card-foreground: var(--foreground);
568
- --popover: var(--surface-content);
569
- --popover-foreground: var(--foreground);
570
- --input: var(--states-hover);
571
- --ring: var(--border-accent);
572
- --chart-1: var(--accent-1000);
573
- --chart-2: var(--accent-800);
574
- --chart-3: var(--accent-600);
575
- --chart-4: var(--accent-400);
576
- --chart-5: var(--accent-200);
577
- --header: var(--background);
578
- --header-foreground: var(--text-header);
579
- --header-primary: var(--primary);
580
- --header-primary-foreground: var(--primary-foreground);
581
- --header-accent: var(--surface-component);
582
- --header-accent-foreground: var(--text-body);
583
- --header-border: var(--border);
584
- --header-ring: var(--ring);
585
- --sidebar: var(--background);
586
- --sidebar-foreground: var(--text-header);
587
- --sidebar-primary: var(--primary);
588
- --sidebar-primary-foreground: var(--primary-foreground);
589
- --sidebar-accent: var(--surface-component);
590
- --sidebar-accent-foreground: var(--text-body);
591
- --sidebar-border: var(--border);
592
- --sidebar-ring: var(--ring);
593
- }
594
- .dark {
595
- --canvas-background: #030303;
596
- --background: var(--dark-1000);
597
- --foreground: var(--light-1000);
598
- --surface-content: var(--light-30);
599
- --surface-component: var(--light-50);
600
- --surface-light-100: var(--light-100);
601
- --surface-light-200: var(--light-200);
602
- --border: var(--light-100);
603
- --states-hover: var(--light-30);
604
- --states-selected: var(--light-100);
605
- --text-header: var(--light-1000);
606
- --text-body: var(--light-600);
607
- --text-placeholder: var(--light-400);
608
- --icon-active: var(--light-1000);
609
- --icon-light: var(--light-600);
610
- --icon-component: var(--light-400);
611
- --secondary-foreground: var(--light-600);
612
- --muted-foreground: var(--light-600);
613
- --card: var(--surface-content);
614
- --card-foreground: var(--foreground);
615
- --popover: var(--surface-content);
616
- --popover-foreground: var(--foreground);
617
- --input: var(--states-hover);
618
- --ring: var(--border-accent);
619
- --chart-1: var(--accent-1000);
620
- --chart-2: var(--accent-800);
621
- --chart-3: var(--accent-600);
622
- --chart-4: var(--accent-400);
623
- --chart-5: var(--accent-200);
624
- --header: var(--background);
625
- --header-foreground: var(--text-header);
626
- --header-primary: var(--primary);
627
- --header-primary-foreground: var(--primary-foreground);
628
- --header-accent: var(--surface-component);
629
- --header-accent-foreground: var(--text-body);
630
- --header-border: var(--border);
631
- --header-ring: var(--ring);
632
- --sidebar: var(--background);
633
- --sidebar-foreground: var(--text-header);
634
- --sidebar-primary: var(--primary);
635
- --sidebar-primary-foreground: var(--primary-foreground);
636
- --sidebar-accent: var(--surface-component);
637
- --sidebar-accent-foreground: var(--text-body);
638
- --sidebar-border: var(--border);
639
- --sidebar-ring: var(--ring);
640
- }
641
- @layer base {
642
- * {
643
- border-color: var(--border);
644
- }
645
- body {
646
- background-color: var(--background);
647
- color: var(--foreground);
648
- }
649
- }
650
- @layer theme, base, components, utilities;
651
- @layer theme;
652
- @layer base {
653
- *, ::after, ::before, ::backdrop, ::file-selector-button {
654
- box-sizing: border-box;
655
- margin: 0;
656
- padding: 0;
657
- border: 0 solid;
658
- }
659
- html, :host {
660
- line-height: 1.5;
661
- -webkit-text-size-adjust: 100%;
662
- tab-size: 4;
663
- 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");
664
- font-feature-settings: var(--default-font-feature-settings, normal);
665
- font-variation-settings: var(--default-font-variation-settings, normal);
666
- -webkit-tap-highlight-color: transparent;
667
- }
668
- hr {
669
- height: 0;
670
- color: inherit;
671
- border-top-width: 1px;
672
- }
673
- abbr:where([title]) {
674
- -webkit-text-decoration: underline dotted;
675
- text-decoration: underline dotted;
676
- }
677
- h1, h2, h3, h4, h5, h6 {
678
- font-size: inherit;
679
- font-weight: inherit;
680
- }
681
- a {
682
- color: inherit;
683
- -webkit-text-decoration: inherit;
684
- text-decoration: inherit;
685
- }
686
- b, strong {
687
- font-weight: bolder;
688
- }
689
- code, kbd, samp, pre {
690
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
691
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
692
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
693
- font-size: 1em;
694
- }
695
- small {
696
- font-size: 80%;
697
- }
698
- sub, sup {
699
- font-size: 75%;
700
- line-height: 0;
701
- position: relative;
702
- vertical-align: baseline;
703
- }
704
- sub {
705
- bottom: -0.25em;
706
- }
707
- sup {
708
- top: -0.5em;
709
- }
710
- table {
711
- text-indent: 0;
712
- border-color: inherit;
713
- border-collapse: collapse;
714
- }
715
- :-moz-focusring {
716
- outline: auto;
717
- }
718
- progress {
719
- vertical-align: baseline;
720
- }
721
- summary {
722
- display: list-item;
723
- }
724
- ol, ul, menu {
725
- list-style: none;
726
- }
727
- img, svg, video, canvas, audio, iframe, embed, object {
728
- display: block;
729
- vertical-align: middle;
730
- }
731
- img, video {
732
- max-width: 100%;
733
- height: auto;
734
- }
735
- button, input, select, optgroup, textarea, ::file-selector-button {
736
- font: inherit;
737
- font-feature-settings: inherit;
738
- font-variation-settings: inherit;
739
- letter-spacing: inherit;
740
- color: inherit;
741
- border-radius: 0;
742
- background-color: transparent;
743
- opacity: 1;
744
- }
745
- :where(select:is([multiple], [size])) optgroup {
746
- font-weight: bolder;
747
- }
748
- :where(select:is([multiple], [size])) optgroup option {
749
- padding-inline-start: 20px;
750
- }
751
- ::file-selector-button {
752
- margin-inline-end: 4px;
753
- }
754
- ::placeholder {
755
- opacity: 1;
756
- }
757
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
758
- ::placeholder {
759
- color: currentcolor;
760
- @supports (color: color-mix(in lab, red, red)) {
761
- color: color-mix(in oklab, currentcolor 50%, transparent);
762
- }
763
- }
764
- }
765
- textarea {
766
- resize: vertical;
767
- }
768
- ::-webkit-search-decoration {
769
- -webkit-appearance: none;
770
- }
771
- ::-webkit-date-and-time-value {
772
- min-height: 1lh;
773
- text-align: inherit;
774
- }
775
- ::-webkit-datetime-edit {
776
- display: inline-flex;
777
- }
778
- ::-webkit-datetime-edit-fields-wrapper {
779
- padding: 0;
780
- }
781
- ::-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 {
782
- padding-block: 0;
783
- }
784
- ::-webkit-calendar-picker-indicator {
785
- line-height: 1;
786
- }
787
- :-moz-ui-invalid {
788
- box-shadow: none;
789
- }
790
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
791
- appearance: button;
792
- }
793
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
794
- height: auto;
795
- }
796
- [hidden]:where(:not([hidden="until-found"])) {
797
- display: none !important;
798
- }
799
- }
800
- @layer utilities;
801
- .json-view {
802
- background-color: transparent !important;
803
- }
804
- @property --tw-translate-x {
805
- syntax: "*";
806
- inherits: false;
807
- initial-value: 0;
808
- }
809
- @property --tw-translate-y {
810
- syntax: "*";
811
- inherits: false;
812
- initial-value: 0;
813
- }
814
- @property --tw-translate-z {
815
- syntax: "*";
816
- inherits: false;
817
- initial-value: 0;
818
- }
819
- @property --tw-space-y-reverse {
820
- syntax: "*";
821
- inherits: false;
822
- initial-value: 0;
823
- }
824
- @property --tw-border-style {
825
- syntax: "*";
826
- inherits: false;
827
- initial-value: solid;
828
- }
829
- @property --tw-font-weight {
830
- syntax: "*";
831
- inherits: false;
832
- }
833
- @property --tw-blur {
834
- syntax: "*";
835
- inherits: false;
836
- }
837
- @property --tw-brightness {
838
- syntax: "*";
839
- inherits: false;
840
- }
841
- @property --tw-contrast {
842
- syntax: "*";
843
- inherits: false;
844
- }
845
- @property --tw-grayscale {
846
- syntax: "*";
847
- inherits: false;
848
- }
849
- @property --tw-hue-rotate {
850
- syntax: "*";
851
- inherits: false;
852
- }
853
- @property --tw-invert {
854
- syntax: "*";
855
- inherits: false;
856
- }
857
- @property --tw-opacity {
858
- syntax: "*";
859
- inherits: false;
860
- }
861
- @property --tw-saturate {
862
- syntax: "*";
863
- inherits: false;
864
- }
865
- @property --tw-sepia {
866
- syntax: "*";
867
- inherits: false;
868
- }
869
- @property --tw-drop-shadow {
870
- syntax: "*";
871
- inherits: false;
872
- }
873
- @property --tw-drop-shadow-color {
874
- syntax: "*";
875
- inherits: false;
876
- }
877
- @property --tw-drop-shadow-alpha {
878
- syntax: "<percentage>";
879
- inherits: false;
880
- initial-value: 100%;
881
- }
882
- @property --tw-drop-shadow-size {
883
- syntax: "*";
884
- inherits: false;
885
- }
886
- @property --tw-backdrop-blur {
887
- syntax: "*";
888
- inherits: false;
889
- }
890
- @property --tw-backdrop-brightness {
891
- syntax: "*";
892
- inherits: false;
893
- }
894
- @property --tw-backdrop-contrast {
895
- syntax: "*";
896
- inherits: false;
897
- }
898
- @property --tw-backdrop-grayscale {
899
- syntax: "*";
900
- inherits: false;
901
- }
902
- @property --tw-backdrop-hue-rotate {
903
- syntax: "*";
904
- inherits: false;
905
- }
906
- @property --tw-backdrop-invert {
907
- syntax: "*";
908
- inherits: false;
909
- }
910
- @property --tw-backdrop-opacity {
911
- syntax: "*";
912
- inherits: false;
913
- }
914
- @property --tw-backdrop-saturate {
915
- syntax: "*";
916
- inherits: false;
917
- }
918
- @property --tw-backdrop-sepia {
919
- syntax: "*";
920
- inherits: false;
921
- }
922
- @keyframes spin {
923
- to {
924
- transform: rotate(360deg);
925
- }
926
- }
927
- @keyframes spin {
928
- to {
929
- transform: rotate(360deg);
930
- }
931
- }
932
- @layer properties {
933
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
934
- *, ::before, ::after, ::backdrop {
935
- --tw-translate-x: 0;
936
- --tw-translate-y: 0;
937
- --tw-translate-z: 0;
938
- --tw-space-y-reverse: 0;
939
- --tw-border-style: solid;
940
- --tw-font-weight: initial;
941
- --tw-blur: initial;
942
- --tw-brightness: initial;
943
- --tw-contrast: initial;
944
- --tw-grayscale: initial;
945
- --tw-hue-rotate: initial;
946
- --tw-invert: initial;
947
- --tw-opacity: initial;
948
- --tw-saturate: initial;
949
- --tw-sepia: initial;
950
- --tw-drop-shadow: initial;
951
- --tw-drop-shadow-color: initial;
952
- --tw-drop-shadow-alpha: 100%;
953
- --tw-drop-shadow-size: initial;
954
- --tw-backdrop-blur: initial;
955
- --tw-backdrop-brightness: initial;
956
- --tw-backdrop-contrast: initial;
957
- --tw-backdrop-grayscale: initial;
958
- --tw-backdrop-hue-rotate: initial;
959
- --tw-backdrop-invert: initial;
960
- --tw-backdrop-opacity: initial;
961
- --tw-backdrop-saturate: initial;
962
- --tw-backdrop-sepia: initial;
963
- }
964
- }
965
- }
966
-
967
-
968
- /*# sourceMappingURL=index.css.map*/