@embedreach/components 0.1.32 → 0.1.34

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/styles.css CHANGED
@@ -1,3 +1,609 @@
1
+ .reach-styles-module__base___1f29D {
2
+ position: relative;
3
+ width: 100%;
4
+ border-radius: 0.5rem;
5
+ border-width: 1px;
6
+ padding-left: 1rem;
7
+ padding-right: 1rem;
8
+ padding-top: 0.75rem;
9
+ padding-bottom: 0.75rem;
10
+ font-size: 0.875rem;
11
+ line-height: 1.25rem;
12
+ }.reach-styles-module__base___1f29D>svg+div {
13
+ --tw-translate-y: -3px;
14
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
15
+ }.reach-styles-module__base___1f29D>svg {
16
+ position: absolute;
17
+ left: 1rem;
18
+ top: 1rem;
19
+ }.reach-styles-module__base___1f29D>svg~* {
20
+ padding-left: 1.75rem;
21
+ }
22
+
23
+ /* Variants */
24
+ .reach-styles-module__default___sG8Jl {
25
+ background-color: hsl(var(--reach-background));
26
+ color: hsl(var(--reach-foreground));
27
+ }
28
+
29
+ .reach-styles-module__destructive___I1tif {
30
+ border-color: hsl(var(--reach-destructive) / 0.5);
31
+ color: hsl(var(--reach-destructive));
32
+ }
33
+
34
+ .reach-styles-module__destructive___I1tif svg {
35
+ color: hsl(var(--reach-destructive));
36
+ }
37
+
38
+ /* Alert Title */
39
+ .reach-styles-module__title___gL-0t {
40
+ margin-bottom: 0.25rem;
41
+ font-weight: 500;
42
+ line-height: 1;
43
+ letter-spacing: -0.025em;
44
+ color: hsl(var(--reach-foreground));
45
+ }
46
+
47
+ /* Alert Description */
48
+ .reach-styles-module__description___TBeKF {
49
+ font-size: 0.875rem;
50
+ line-height: 1.25rem;
51
+ }
52
+ .reach-styles-module__description___TBeKF p {
53
+ line-height: 1.625;
54
+ }
55
+ .reach-styles-module__description___TBeKF {
56
+ color: hsl(var(--reach-foreground) / 0.8);
57
+ }
58
+ .reach-styles-module__base___eJmcH {
59
+ display: inline-flex;
60
+ align-items: center;
61
+ border-radius: 9999px;
62
+ border-width: 1px;
63
+ font-size: 0.75rem;
64
+ line-height: 1rem;
65
+ font-weight: 600;
66
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
67
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
68
+ transition-duration: 150ms;
69
+ }.reach-styles-module__base___eJmcH:focus {
70
+ outline: 2px solid transparent;
71
+ outline-offset: 2px;
72
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
73
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
74
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
75
+ --tw-ring-offset-width: 2px;
76
+ }.reach-styles-module__base___eJmcH {
77
+ /* Use the theme ring color variable */
78
+ --tw-ring-color: hsl(var(--reach-ring));
79
+ }
80
+
81
+ /* Variants */
82
+ .reach-styles-module__default___8NuEB {
83
+ border-color: transparent;
84
+ }
85
+ .reach-styles-module__default___8NuEB:hover {
86
+ background-color: hsl(var(--primary) / 0.8);
87
+ }
88
+ .reach-styles-module__default___8NuEB {
89
+ background-color: hsl(var(--reach-primary));
90
+ color: hsl(var(--reach-primary-foreground));
91
+ }
92
+
93
+ .reach-styles-module__secondary___H-ae8 {
94
+ border-color: transparent;
95
+ }
96
+
97
+ .reach-styles-module__secondary___H-ae8:hover {
98
+ background-color: hsl(var(--secondary) / 0.8);
99
+ }
100
+
101
+ .reach-styles-module__secondary___H-ae8 {
102
+ background-color: hsl(var(--reach-secondary));
103
+ color: hsl(var(--reach-secondary-foreground));
104
+ }
105
+
106
+ .reach-styles-module__destructive___JsRNh {
107
+ border-color: transparent;
108
+ }
109
+
110
+ .reach-styles-module__destructive___JsRNh:hover {
111
+ background-color: hsl(var(--destructive) / 0.8);
112
+ }
113
+
114
+ .reach-styles-module__destructive___JsRNh {
115
+ background-color: hsl(var(--reach-destructive));
116
+ color: hsl(var(--reach-destructive-foreground));
117
+ }
118
+
119
+ .reach-styles-module__outline___9FFlV {
120
+ color: hsl(var(--reach-foreground));
121
+ }
122
+
123
+ .reach-styles-module__google___7eHwU {
124
+ border-color: transparent;
125
+ --tw-bg-opacity: 1;
126
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
127
+ font-weight: 400;
128
+ --tw-text-opacity: 1;
129
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
130
+ }
131
+
132
+ .reach-styles-module__google___7eHwU:is(.reach-styles-module__dark___gu5hq *) {
133
+ background-color: rgb(30 58 138 / 0.3);
134
+ --tw-text-opacity: 1;
135
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
136
+ }
137
+
138
+ .reach-styles-module__date___gU3Tt {
139
+ border-color: transparent;
140
+ --tw-bg-opacity: 1;
141
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
142
+ font-weight: 400;
143
+ --tw-text-opacity: 1;
144
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
145
+ }
146
+
147
+ .reach-styles-module__date___gU3Tt:is(.reach-styles-module__dark___gu5hq *) {
148
+ --tw-bg-opacity: 1;
149
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
150
+ --tw-text-opacity: 1;
151
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
152
+ }
153
+
154
+ /* Sizes */
155
+ .reach-styles-module__size-default___bnA-o {
156
+ padding-left: 0.625rem;
157
+ padding-right: 0.625rem;
158
+ padding-top: 0.125rem;
159
+ padding-bottom: 0.125rem;
160
+ }
161
+
162
+ .reach-styles-module__size-sm___-y5xc {
163
+ padding-left: 0.375rem;
164
+ padding-right: 0.375rem;
165
+ padding-top: 0.125rem;
166
+ padding-bottom: 0.125rem;
167
+ font-size: 10px;
168
+ }
169
+
170
+ /* Icon Only */
171
+ .reach-styles-module__icon-only___ae2yu {
172
+ height: 1.25rem;
173
+ width: 1.25rem;
174
+ justify-content: center;
175
+ padding: 0px;
176
+ }
177
+
178
+ .reach-styles-module__icon-only-sm___j9kLM {
179
+ height: 1rem;
180
+ width: 1rem;
181
+ }
182
+
183
+ /* Badge Container */
184
+ .reach-styles-module__container___5PrOx {
185
+ display: flex;
186
+ flex-wrap: wrap;
187
+ align-items: center;
188
+ gap: 0.375rem;
189
+ padding-left: 0.75rem;
190
+ padding-right: 0.75rem;
191
+ }
192
+ @media (min-width: 320px) {.reach-styles-module__container___5PrOx {
193
+ flex-wrap: nowrap;
194
+ }
195
+ }.reach-styles-module__base___jV5oA {
196
+ width: 100%;
197
+ border-width: 1px
198
+ }
199
+
200
+ /* Variants */
201
+ .reach-styles-module__default___eFUo9 {
202
+ --tw-border-opacity: 1;
203
+ border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
204
+ --tw-bg-opacity: 1;
205
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
206
+ --tw-text-opacity: 1;
207
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1))
208
+ }
209
+
210
+ .reach-styles-module__primary___WEdH4 {
211
+ --tw-border-opacity: 1;
212
+ border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
213
+ --tw-bg-opacity: 1;
214
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
215
+ --tw-text-opacity: 1;
216
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1))
217
+ }
218
+
219
+ .reach-styles-module__success___-eJqU {
220
+ --tw-border-opacity: 1;
221
+ border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
222
+ --tw-bg-opacity: 1;
223
+ background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
224
+ --tw-text-opacity: 1;
225
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1))
226
+ }
227
+
228
+ .reach-styles-module__warning___KP0RW {
229
+ --tw-border-opacity: 1;
230
+ border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
231
+ --tw-bg-opacity: 1;
232
+ background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
233
+ --tw-text-opacity: 1;
234
+ color: rgb(180 83 9 / var(--tw-text-opacity, 1))
235
+ }
236
+
237
+ .reach-styles-module__error___klJoJ {
238
+ --tw-border-opacity: 1;
239
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
240
+ --tw-bg-opacity: 1;
241
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
242
+ --tw-text-opacity: 1;
243
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1))
244
+ }
245
+
246
+ /* Sizes */
247
+ .reach-styles-module__size-default___hgiNI {
248
+ padding-top: 0.25rem;
249
+ padding-bottom: 0.25rem
250
+ }
251
+
252
+ .reach-styles-module__size-sm___tiHOk {
253
+ padding-top: 0.125rem;
254
+ padding-bottom: 0.125rem;
255
+ font-size: 0.75rem;
256
+ line-height: 1rem
257
+ }
258
+
259
+ .reach-styles-module__size-lg___iGf5z {
260
+ padding-top: 0.5rem;
261
+ padding-bottom: 0.5rem
262
+ }
263
+
264
+ /* Positions */
265
+ .reach-styles-module__position-default___FzGg5 {
266
+ margin-top: 1rem;
267
+ margin-bottom: 1rem;
268
+ border-radius: 0.5rem
269
+ }
270
+
271
+ .reach-styles-module__position-top___NpFYx {
272
+ position: fixed;
273
+ top: 0px;
274
+ left: 0px;
275
+ right: 0px;
276
+ z-index: 50;
277
+ border-radius: 0px;
278
+ border-top-width: 1px;
279
+ border-bottom-width: 1px
280
+ }
281
+
282
+ .reach-styles-module__position-bottom___-DbqR {
283
+ position: fixed;
284
+ bottom: 0px;
285
+ left: 0px;
286
+ right: 0px;
287
+ z-index: 50;
288
+ border-radius: 0px;
289
+ border-top-width: 1px;
290
+ border-bottom-width: 1px
291
+ }
292
+
293
+ .reach-styles-module__position-inline___I-BaY {
294
+ margin-top: 0.5rem;
295
+ margin-bottom: 0.5rem;
296
+ border-radius: 0.5rem
297
+ }
298
+ .reach-styles-module__base___RP4iu {
299
+ display: inline-flex;
300
+ align-items: center;
301
+ justify-content: center;
302
+ gap: 0.5rem;
303
+ white-space: nowrap;
304
+ border-radius: 0.375rem;
305
+ font-size: 0.875rem;
306
+ line-height: 1.25rem;
307
+ font-weight: 500;
308
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
309
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
310
+ transition-duration: 150ms;
311
+ }.reach-styles-module__base___RP4iu:focus-visible {
312
+ outline: 2px solid transparent;
313
+ outline-offset: 2px;
314
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
315
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
316
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
317
+ }.reach-styles-module__base___RP4iu:disabled {
318
+ pointer-events: none;
319
+ opacity: 0.5;
320
+ }.reach-styles-module__base___RP4iu svg {
321
+ pointer-events: none;
322
+ width: 1rem;
323
+ height: 1rem;
324
+ flex-shrink: 0;
325
+ }.reach-styles-module__base___RP4iu {
326
+ /* Use the theme ring color variable */
327
+ --tw-ring-color: hsl(var(--reach-ring));
328
+ }
329
+
330
+ /* Variants */
331
+ .reach-styles-module__default___pajjj {
332
+ background-color: hsl(var(--reach-primary));
333
+ color: hsl(var(--reach-primary-foreground));
334
+ }
335
+ .reach-styles-module__default___pajjj:hover {
336
+ background-color: hsl(var(--reach-primary) / 0.75);
337
+ }
338
+
339
+ .reach-styles-module__destructive___BZSYi {
340
+ background-color: hsl(var(--reach-destructive));
341
+ color: hsl(var(--reach-destructive-foreground));
342
+ }
343
+ .reach-styles-module__destructive___BZSYi:hover {
344
+ background-color: hsl(var(--reach-destructive) / 0.75);
345
+ }
346
+
347
+ .reach-styles-module__outline___bNcaI {
348
+ border: 1px solid hsl(var(--reach-input));
349
+ background-color: transparent;
350
+ }
351
+ .reach-styles-module__outline___bNcaI:hover {
352
+ background-color: hsl(var(--reach-accent));
353
+ color: hsl(var(--reach-accent-foreground));
354
+ }
355
+
356
+ .reach-styles-module__secondary___osvqQ {
357
+ background-color: hsl(var(--reach-secondary));
358
+ color: hsl(var(--reach-secondary-foreground));
359
+ }
360
+ .reach-styles-module__secondary___osvqQ:hover {
361
+ background-color: hsl(var(--reach-secondary) / 0.75);
362
+ }
363
+
364
+ .reach-styles-module__ghost___uU77B:hover {
365
+ background-color: hsl(var(--reach-accent));
366
+ color: hsl(var(--reach-accent-foreground));
367
+ }
368
+
369
+ .reach-styles-module__link___nSLOW {
370
+ color: hsl(var(--reach-primary));
371
+ text-underline-offset: 4px;
372
+ }
373
+ .reach-styles-module__link___nSLOW:hover {
374
+ text-decoration: underline;
375
+ }
376
+
377
+ /* Sizes */
378
+ .reach-styles-module__size-default___kIvbz {
379
+ height: 2.25rem; /* h-9 */
380
+ padding: 0.5rem 1rem; /* px-4 py-2 */
381
+ }
382
+
383
+ .reach-styles-module__size-sm___45mpF {
384
+ height: 2rem; /* h-8 */
385
+ border-radius: 0.375rem; /* rounded-md */
386
+ padding: 0 0.75rem; /* px-3 */
387
+ font-size: 0.75rem; /* text-xs */
388
+ }
389
+
390
+ .reach-styles-module__size-lg___49p4A {
391
+ height: 2.5rem; /* h-10 */
392
+ border-radius: 0.375rem; /* rounded-md */
393
+ padding: 0 2rem; /* px-8 */
394
+ }
395
+
396
+ .reach-styles-module__size-icon___-6vvi {
397
+ height: 2.25rem; /* h-9 */
398
+ width: 2.25rem; /* w-9 */
399
+ }
400
+ /* File: card/styles.module.css */
401
+ .reach-styles-module__base___ANlIr {
402
+ border-radius: 0.75rem;
403
+ border-width: 1px;
404
+ background-color: hsl(var(--card));
405
+ color: hsl(var(--card-foreground));
406
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
407
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
408
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
409
+ }
410
+
411
+ /* Variants */
412
+ .reach-styles-module__default___S2tp4 {
413
+ background-color: hsl(var(--card))
414
+ }
415
+
416
+ .reach-styles-module__destructive___a6Swz {
417
+ background-color: hsl(var(--destructive));
418
+ color: hsl(var(--destructive-foreground))
419
+ }
420
+
421
+ .reach-styles-module__outline___INmdX {
422
+ border-width: 2px;
423
+ background-color: transparent
424
+ }
425
+
426
+ .reach-styles-module__secondary___Ym15V {
427
+ background-color: hsl(var(--secondary));
428
+ color: hsl(var(--secondary-foreground))
429
+ }
430
+
431
+ /* Card parts */
432
+ .reach-styles-module__header___CzneX {
433
+ display: flex;
434
+ flex-direction: column
435
+ }
436
+ .reach-styles-module__header___CzneX > :not([hidden]) ~ :not([hidden]) {
437
+ --tw-space-y-reverse: 0;
438
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
439
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
440
+ }
441
+ .reach-styles-module__header___CzneX {
442
+ padding: 1.5rem
443
+ }
444
+
445
+ .reach-styles-module__title___8ostO {
446
+ font-weight: 600;
447
+ line-height: 1;
448
+ letter-spacing: -0.025em
449
+ }
450
+
451
+ .reach-styles-module__description___xR5d4 {
452
+ font-size: 0.875rem;
453
+ line-height: 1.25rem;
454
+ color: hsl(var(--muted-foreground))
455
+ }
456
+
457
+ .reach-styles-module__content___XXeK2 {
458
+ padding: 1.5rem;
459
+ padding-top: 0px
460
+ }
461
+
462
+ .reach-styles-module__footer___35Xil {
463
+ display: flex;
464
+ align-items: center;
465
+ padding: 1.5rem;
466
+ padding-top: 0px
467
+ }
468
+ .reach-styles-module__base___ihq8K {
469
+ position: relative;
470
+ cursor: pointer;
471
+ overflow: hidden;
472
+ border-radius: 9999px;
473
+ border-width: 1px;
474
+ text-align: center;
475
+ font-weight: 600;
476
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
477
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
478
+ transition-duration: 150ms;
479
+ }.reach-styles-module__base___ihq8K:focus-visible {
480
+ outline: 2px solid transparent;
481
+ outline-offset: 2px;
482
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
483
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
484
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
485
+ --tw-ring-color: hsl(var(--ring));
486
+ }.reach-styles-module__base___ihq8K:disabled {
487
+ pointer-events: none;
488
+ opacity: 0.5;
489
+ }
490
+
491
+ /* Variants */
492
+ .reach-styles-module__default___xYprf {
493
+ background-color: hsl(var(--reach-background));
494
+ border-color: hsl(var(--reach-border));
495
+ }
496
+
497
+ .reach-styles-module__default___xYprf div[class*='absolute left-[20%]'] {
498
+ background-color: hsl(var(--reach-primary));
499
+ }
500
+
501
+ .reach-styles-module__default___xYprf:hover div[class*='absolute left-[20%]'] {
502
+ background-color: hsl(var(--reach-primary));
503
+ }
504
+
505
+ .reach-styles-module__default___xYprf div[class*='absolute top-0 z-10'] {
506
+ color: hsl(var(--reach-primary-foreground));
507
+ }
508
+
509
+ .reach-styles-module__secondary___-4DAF {
510
+ background-color: hsl(var(--reach-background));
511
+ border-color: hsl(var(--reach-secondary));
512
+ }
513
+
514
+ .reach-styles-module__secondary___-4DAF div[class*='absolute left-[20%]'] {
515
+ background-color: hsl(var(--reach-secondary));
516
+ }
517
+
518
+ .reach-styles-module__secondary___-4DAF:hover div[class*='absolute left-[20%]'] {
519
+ background-color: hsl(var(--reach-secondary));
520
+ }
521
+
522
+ .reach-styles-module__secondary___-4DAF div[class*='absolute top-0 z-10'] {
523
+ color: hsl(var(--reach-secondary-foreground));
524
+ }
525
+
526
+ /* Sizes */
527
+ .reach-styles-module__size-default___GR-0s {
528
+ width: 8rem;
529
+ padding: 0.25rem;
530
+ }
531
+
532
+ .reach-styles-module__size-sm___di6Rw {
533
+ width: 6rem;
534
+ padding: 0.125rem;
535
+ }
536
+
537
+ .reach-styles-module__size-lg___KGbCW {
538
+ width: 10rem;
539
+ padding: 0.375rem;
540
+ }
541
+ @keyframes reach-styles-module__pulse___6mIhJ {
542
+ 50% {
543
+ opacity: .5
544
+ }
545
+ }
546
+ .reach-styles-module__skeleton___G4xtU {
547
+ animation: reach-styles-module__pulse___6mIhJ 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
548
+ border-radius: 0.375rem;
549
+ background-color: hsl(var(--reach-secondary))
550
+ }
551
+ .reach-styles-module__root___eifex {
552
+ position: relative;
553
+ display: flex;
554
+ width: 100%;
555
+ touch-action: none;
556
+ -webkit-user-select: none;
557
+ -moz-user-select: none;
558
+ user-select: none;
559
+ align-items: center
560
+ }
561
+
562
+ .reach-styles-module__track___NJnT0 {
563
+ position: relative;
564
+ height: 0.375rem;
565
+ width: 100%;
566
+ flex-grow: 1;
567
+ overflow: hidden;
568
+ border-radius: 9999px;
569
+ background-color: var(--reach-secondary)
570
+ }
571
+
572
+ .reach-styles-module__range___mw-ny {
573
+ position: absolute;
574
+ height: 100%;
575
+ background-color: var(--reach-primary)
576
+ }
577
+
578
+ .reach-styles-module__thumb___hzq0o {
579
+ display: block;
580
+ height: 1rem;
581
+ width: 1rem;
582
+ border-radius: 9999px;
583
+ border-width: 1px;
584
+ border-color: hsl(var(--primary) / 0.5);
585
+ background-color: hsl(var(--background));
586
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
587
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
588
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
589
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
590
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
591
+ transition-duration: 150ms
592
+ }
593
+
594
+ .reach-styles-module__thumb___hzq0o:focus-visible {
595
+ outline: 2px solid transparent;
596
+ outline-offset: 2px;
597
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
598
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
599
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
600
+ --tw-ring-color: hsl(var(--ring))
601
+ }
602
+
603
+ .reach-styles-module__thumb___hzq0o:disabled {
604
+ pointer-events: none;
605
+ opacity: 0.5
606
+ }
1
607
  *, ::before, ::after {
2
608
  --tw-border-spacing-x: 0;
3
609
  --tw-border-spacing-y: 0;
@@ -3719,6 +4325,12 @@ video {
3719
4325
  .\[\&_tr\]\:border-t tr {
3720
4326
  border-top-width: 1px;
3721
4327
  }
4328
+ /**
4329
+ * This is needed to render shadcn components correctly with the right styles
4330
+ * This is similarly needed in the iframe parent @see App.css
4331
+ */
4332
+
4333
+
3722
4334
  *, ::before, ::after {
3723
4335
  --tw-border-spacing-x: 0;
3724
4336
  --tw-border-spacing-y: 0;
@@ -3773,6 +4385,7 @@ video {
3773
4385
  --tw-contain-style: ;
3774
4386
  }
3775
4387
 
4388
+
3776
4389
  ::backdrop {
3777
4390
  --tw-border-spacing-x: 0;
3778
4391
  --tw-border-spacing-y: 0;
@@ -3825,13 +4438,19 @@ video {
3825
4438
  --tw-contain-layout: ;
3826
4439
  --tw-contain-paint: ;
3827
4440
  --tw-contain-style: ;
3828
- }/*
3829
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3830
- *//*
4441
+ }
4442
+
4443
+
4444
+ /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
4445
+ */
4446
+
4447
+
4448
+ /*
3831
4449
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
3832
4450
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
3833
4451
  */
3834
4452
 
4453
+
3835
4454
  *,
3836
4455
  ::before,
3837
4456
  ::after {
@@ -3841,11 +4460,13 @@ video {
3841
4460
  border-color: #e5e7eb; /* 2 */
3842
4461
  }
3843
4462
 
4463
+
3844
4464
  ::before,
3845
4465
  ::after {
3846
4466
  --tw-content: '';
3847
4467
  }
3848
4468
 
4469
+
3849
4470
  /*
3850
4471
  1. Use a consistent sensible line-height in all browsers.
3851
4472
  2. Prevent adjustments of font size after orientation changes in iOS.
@@ -3856,6 +4477,7 @@ video {
3856
4477
  7. Disable tap highlights on iOS
3857
4478
  */
3858
4479
 
4480
+
3859
4481
  html,
3860
4482
  :host {
3861
4483
  line-height: 1.5; /* 1 */
@@ -3869,41 +4491,49 @@ html,
3869
4491
  -webkit-tap-highlight-color: transparent; /* 7 */
3870
4492
  }
3871
4493
 
4494
+
3872
4495
  /*
3873
4496
  1. Remove the margin in all browsers.
3874
4497
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
3875
4498
  */
3876
4499
 
4500
+
3877
4501
  body {
3878
4502
  margin: 0; /* 1 */
3879
4503
  line-height: inherit; /* 2 */
3880
4504
  }
3881
4505
 
4506
+
3882
4507
  /*
3883
4508
  1. Add the correct height in Firefox.
3884
4509
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3885
4510
  3. Ensure horizontal rules are visible by default.
3886
4511
  */
3887
4512
 
4513
+
3888
4514
  hr {
3889
4515
  height: 0; /* 1 */
3890
4516
  color: inherit; /* 2 */
3891
4517
  border-top-width: 1px; /* 3 */
3892
4518
  }
3893
4519
 
4520
+
3894
4521
  /*
3895
4522
  Add the correct text decoration in Chrome, Edge, and Safari.
3896
4523
  */
3897
4524
 
4525
+
3898
4526
  abbr:where([title]) {
3899
4527
  -webkit-text-decoration: underline dotted;
3900
4528
  text-decoration: underline dotted;
3901
4529
  }
3902
4530
 
4531
+
3903
4532
  /*
3904
4533
  Remove the default font size and weight for headings.
3905
4534
  */
3906
4535
 
4536
+
3907
4537
  h1,
3908
4538
  h2,
3909
4539
  h3,
@@ -3914,24 +4544,29 @@ h6 {
3914
4544
  font-weight: inherit;
3915
4545
  }
3916
4546
 
4547
+
3917
4548
  /*
3918
4549
  Reset links to optimize for opt-in styling instead of opt-out.
3919
4550
  */
3920
4551
 
4552
+
3921
4553
  a {
3922
4554
  color: inherit;
3923
4555
  text-decoration: inherit;
3924
4556
  }
3925
4557
 
4558
+
3926
4559
  /*
3927
4560
  Add the correct font weight in Edge and Safari.
3928
4561
  */
3929
4562
 
4563
+
3930
4564
  b,
3931
4565
  strong {
3932
4566
  font-weight: bolder;
3933
4567
  }
3934
4568
 
4569
+
3935
4570
  /*
3936
4571
  1. Use the user's configured `mono` font-family by default.
3937
4572
  2. Use the user's configured `mono` font-feature-settings by default.
@@ -3939,6 +4574,7 @@ strong {
3939
4574
  4. Correct the odd `em` font sizing in all browsers.
3940
4575
  */
3941
4576
 
4577
+
3942
4578
  code,
3943
4579
  kbd,
3944
4580
  samp,
@@ -3949,18 +4585,22 @@ pre {
3949
4585
  font-size: 1em; /* 4 */
3950
4586
  }
3951
4587
 
4588
+
3952
4589
  /*
3953
4590
  Add the correct font size in all browsers.
3954
4591
  */
3955
4592
 
4593
+
3956
4594
  small {
3957
4595
  font-size: 80%;
3958
4596
  }
3959
4597
 
4598
+
3960
4599
  /*
3961
4600
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
3962
4601
  */
3963
4602
 
4603
+
3964
4604
  sub,
3965
4605
  sup {
3966
4606
  font-size: 75%;
@@ -3969,32 +4609,38 @@ sup {
3969
4609
  vertical-align: baseline;
3970
4610
  }
3971
4611
 
4612
+
3972
4613
  sub {
3973
4614
  bottom: -0.25em;
3974
4615
  }
3975
4616
 
4617
+
3976
4618
  sup {
3977
4619
  top: -0.5em;
3978
4620
  }
3979
4621
 
4622
+
3980
4623
  /*
3981
4624
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
3982
4625
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3983
4626
  3. Remove gaps between table borders by default.
3984
4627
  */
3985
4628
 
4629
+
3986
4630
  table {
3987
4631
  text-indent: 0; /* 1 */
3988
4632
  border-color: inherit; /* 2 */
3989
4633
  border-collapse: collapse; /* 3 */
3990
4634
  }
3991
4635
 
4636
+
3992
4637
  /*
3993
4638
  1. Change the font styles in all browsers.
3994
4639
  2. Remove the margin in Firefox and Safari.
3995
4640
  3. Remove default padding in all browsers.
3996
4641
  */
3997
4642
 
4643
+
3998
4644
  button,
3999
4645
  input,
4000
4646
  optgroup,
@@ -4012,20 +4658,24 @@ textarea {
4012
4658
  padding: 0; /* 3 */
4013
4659
  }
4014
4660
 
4661
+
4015
4662
  /*
4016
4663
  Remove the inheritance of text transform in Edge and Firefox.
4017
4664
  */
4018
4665
 
4666
+
4019
4667
  button,
4020
4668
  select {
4021
4669
  text-transform: none;
4022
4670
  }
4023
4671
 
4672
+
4024
4673
  /*
4025
4674
  1. Correct the inability to style clickable types in iOS and Safari.
4026
4675
  2. Remove default button styles.
4027
4676
  */
4028
4677
 
4678
+
4029
4679
  button,
4030
4680
  input:where([type='button']),
4031
4681
  input:where([type='reset']),
@@ -4035,79 +4685,97 @@ input:where([type='submit']) {
4035
4685
  background-image: none; /* 2 */
4036
4686
  }
4037
4687
 
4688
+
4038
4689
  /*
4039
4690
  Use the modern Firefox focus style for all focusable elements.
4040
4691
  */
4041
4692
 
4693
+
4042
4694
  :-moz-focusring {
4043
4695
  outline: auto;
4044
4696
  }
4045
4697
 
4698
+
4046
4699
  /*
4047
4700
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
4048
4701
  */
4049
4702
 
4703
+
4050
4704
  :-moz-ui-invalid {
4051
4705
  box-shadow: none;
4052
4706
  }
4053
4707
 
4708
+
4054
4709
  /*
4055
4710
  Add the correct vertical alignment in Chrome and Firefox.
4056
4711
  */
4057
4712
 
4713
+
4058
4714
  progress {
4059
4715
  vertical-align: baseline;
4060
4716
  }
4061
4717
 
4718
+
4062
4719
  /*
4063
4720
  Correct the cursor style of increment and decrement buttons in Safari.
4064
4721
  */
4065
4722
 
4723
+
4066
4724
  ::-webkit-inner-spin-button,
4067
4725
  ::-webkit-outer-spin-button {
4068
4726
  height: auto;
4069
4727
  }
4070
4728
 
4729
+
4071
4730
  /*
4072
4731
  1. Correct the odd appearance in Chrome and Safari.
4073
4732
  2. Correct the outline style in Safari.
4074
4733
  */
4075
4734
 
4735
+
4076
4736
  [type='search'] {
4077
4737
  -webkit-appearance: textfield; /* 1 */
4078
4738
  outline-offset: -2px; /* 2 */
4079
4739
  }
4080
4740
 
4741
+
4081
4742
  /*
4082
4743
  Remove the inner padding in Chrome and Safari on macOS.
4083
4744
  */
4084
4745
 
4746
+
4085
4747
  ::-webkit-search-decoration {
4086
4748
  -webkit-appearance: none;
4087
4749
  }
4088
4750
 
4751
+
4089
4752
  /*
4090
4753
  1. Correct the inability to style clickable types in iOS and Safari.
4091
4754
  2. Change font properties to `inherit` in Safari.
4092
4755
  */
4093
4756
 
4757
+
4094
4758
  ::-webkit-file-upload-button {
4095
4759
  -webkit-appearance: button; /* 1 */
4096
4760
  font: inherit; /* 2 */
4097
4761
  }
4098
4762
 
4763
+
4099
4764
  /*
4100
4765
  Add the correct display in Chrome and Safari.
4101
4766
  */
4102
4767
 
4768
+
4103
4769
  summary {
4104
4770
  display: list-item;
4105
4771
  }
4106
4772
 
4773
+
4107
4774
  /*
4108
4775
  Removes the default spacing and border for appropriate elements.
4109
4776
  */
4110
4777
 
4778
+
4111
4779
  blockquote,
4112
4780
  dl,
4113
4781
  dd,
@@ -4124,15 +4792,18 @@ pre {
4124
4792
  margin: 0;
4125
4793
  }
4126
4794
 
4795
+
4127
4796
  fieldset {
4128
4797
  margin: 0;
4129
4798
  padding: 0;
4130
4799
  }
4131
4800
 
4801
+
4132
4802
  legend {
4133
4803
  padding: 0;
4134
4804
  }
4135
4805
 
4806
+
4136
4807
  ol,
4137
4808
  ul,
4138
4809
  menu {
@@ -4141,59 +4812,74 @@ menu {
4141
4812
  padding: 0;
4142
4813
  }
4143
4814
 
4815
+
4144
4816
  /*
4145
4817
  Reset default styling for dialogs.
4146
4818
  */
4819
+
4820
+
4147
4821
  dialog {
4148
4822
  padding: 0;
4149
4823
  }
4150
4824
 
4825
+
4151
4826
  /*
4152
4827
  Prevent resizing textareas horizontally by default.
4153
4828
  */
4154
4829
 
4830
+
4155
4831
  textarea {
4156
4832
  resize: vertical;
4157
4833
  }
4158
4834
 
4835
+
4159
4836
  /*
4160
4837
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
4161
4838
  2. Set the default placeholder color to the user's configured gray 400 color.
4162
4839
  */
4163
4840
 
4841
+
4164
4842
  input::-moz-placeholder, textarea::-moz-placeholder {
4165
4843
  opacity: 1; /* 1 */
4166
4844
  color: #9ca3af; /* 2 */
4167
4845
  }
4168
4846
 
4847
+
4169
4848
  input::placeholder,
4170
4849
  textarea::placeholder {
4171
4850
  opacity: 1; /* 1 */
4172
4851
  color: #9ca3af; /* 2 */
4173
4852
  }
4174
4853
 
4854
+
4175
4855
  /*
4176
4856
  Set the default cursor for buttons.
4177
4857
  */
4178
4858
 
4859
+
4179
4860
  button,
4180
4861
  [role="button"] {
4181
4862
  cursor: pointer;
4182
4863
  }
4183
4864
 
4865
+
4184
4866
  /*
4185
4867
  Make sure disabled buttons don't get the pointer cursor.
4186
4868
  */
4869
+
4870
+
4187
4871
  :disabled {
4188
4872
  cursor: default;
4189
4873
  }
4190
4874
 
4875
+
4191
4876
  /*
4192
4877
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
4193
4878
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
4194
4879
  This can trigger a poorly considered lint error in some tools but is included by design.
4195
4880
  */
4196
4881
 
4882
+
4197
4883
  img,
4198
4884
  svg,
4199
4885
  video,
@@ -4206,21 +4892,28 @@ object {
4206
4892
  vertical-align: middle; /* 2 */
4207
4893
  }
4208
4894
 
4895
+
4209
4896
  /*
4210
4897
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
4211
4898
  */
4212
4899
 
4900
+
4213
4901
  img,
4214
4902
  video {
4215
4903
  max-width: 100%;
4216
4904
  height: auto;
4217
4905
  }
4218
4906
 
4907
+
4219
4908
  /* Make elements with the HTML hidden attribute stay hidden by default */
4909
+
4910
+
4220
4911
  [hidden]:where(:not([hidden="until-found"])) {
4221
4912
  display: none;
4222
4913
  }
4223
- :root {
4914
+
4915
+
4916
+ :root {
4224
4917
  --background: 0 0% 100%;
4225
4918
  --foreground: 222.2 84% 4.9%;
4226
4919
 
@@ -4251,8 +4944,9 @@ video {
4251
4944
 
4252
4945
  --radius: 0.5rem;
4253
4946
  }
4254
-
4255
- .dark {
4947
+
4948
+
4949
+ .dark {
4256
4950
  --background: 222.2 84% 4.9%;
4257
4951
  --foreground: 210 40% 98%;
4258
4952
 
@@ -4281,10 +4975,14 @@ video {
4281
4975
  --input: 217.2 32.6% 17.5%;
4282
4976
  --ring: 212.7 26.8% 83.9%;
4283
4977
  }
4284
- * {
4978
+
4979
+
4980
+ * {
4285
4981
  border-color: hsl(var(--border));
4286
4982
  }
4287
- body {
4983
+
4984
+
4985
+ body {
4288
4986
  background-color: hsl(var(--background));
4289
4987
  color: hsl(var(--foreground));
4290
4988
  }
@@ -4297,6 +4995,7 @@ video {
4297
4995
  }
4298
4996
  @media (min-width: 1400px) {
4299
4997
 
4998
+
4300
4999
  .container {
4301
5000
  max-width: 1400px;
4302
5001
  }
@@ -5019,6 +5718,7 @@ video {
5019
5718
  }
5020
5719
  @keyframes ping {
5021
5720
 
5721
+
5022
5722
  75%, 100% {
5023
5723
  transform: scale(2);
5024
5724
  opacity: 0;
@@ -5029,11 +5729,13 @@ video {
5029
5729
  }
5030
5730
  @keyframes bounce {
5031
5731
 
5732
+
5032
5733
  0%, 100% {
5033
5734
  transform: translateY(-25%);
5034
5735
  animation-timing-function: cubic-bezier(0.8,0,1,1);
5035
5736
  }
5036
5737
 
5738
+
5037
5739
  50% {
5038
5740
  transform: none;
5039
5741
  animation-timing-function: cubic-bezier(0,0,0.2,1);
@@ -5044,6 +5746,7 @@ video {
5044
5746
  }
5045
5747
  @keyframes pulse {
5046
5748
 
5749
+
5047
5750
  50% {
5048
5751
  opacity: .5;
5049
5752
  }
@@ -5053,6 +5756,7 @@ video {
5053
5756
  }
5054
5757
  @keyframes spin {
5055
5758
 
5759
+
5056
5760
  to {
5057
5761
  transform: rotate(360deg);
5058
5762
  }
@@ -6331,6 +7035,7 @@ video {
6331
7035
  }
6332
7036
  @keyframes enter {
6333
7037
 
7038
+
6334
7039
  from {
6335
7040
  opacity: var(--tw-enter-opacity, 1);
6336
7041
  transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
@@ -6338,6 +7043,7 @@ video {
6338
7043
  }
6339
7044
  @keyframes exit {
6340
7045
 
7046
+
6341
7047
  to {
6342
7048
  opacity: var(--tw-exit-opacity, 1);
6343
7049
  transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
@@ -7012,233 +7718,286 @@ video {
7012
7718
  }
7013
7719
  @media not all and (min-width: 640px) {
7014
7720
 
7721
+
7015
7722
  .max-sm\:hidden {
7016
7723
  display: none;
7017
7724
  }
7018
7725
  }
7019
7726
  @media (min-width: 640px) {
7020
7727
 
7728
+
7021
7729
  .sm\:bottom-auto {
7022
7730
  bottom: auto;
7023
7731
  }
7024
7732
 
7733
+
7025
7734
  .sm\:right-0 {
7026
7735
  right: 0px;
7027
7736
  }
7028
7737
 
7738
+
7029
7739
  .sm\:top-0 {
7030
7740
  top: 0px;
7031
7741
  }
7032
7742
 
7743
+
7033
7744
  .sm\:col-span-2 {
7034
7745
  grid-column: span 2 / span 2;
7035
7746
  }
7036
7747
 
7748
+
7037
7749
  .sm\:inline {
7038
7750
  display: inline;
7039
7751
  }
7040
7752
 
7753
+
7041
7754
  .sm\:h-8 {
7042
7755
  height: 2rem;
7043
7756
  }
7044
7757
 
7758
+
7045
7759
  .sm\:w-8 {
7046
7760
  width: 2rem;
7047
7761
  }
7048
7762
 
7763
+
7049
7764
  .sm\:w-80 {
7050
7765
  width: 20rem;
7051
7766
  }
7052
7767
 
7768
+
7053
7769
  .sm\:w-\[150px\] {
7054
7770
  width: 150px;
7055
7771
  }
7056
7772
 
7773
+
7057
7774
  .sm\:w-\[280px\] {
7058
7775
  width: 280px;
7059
7776
  }
7060
7777
 
7778
+
7061
7779
  .sm\:w-\[56px\] {
7062
7780
  width: 56px;
7063
7781
  }
7064
7782
 
7783
+
7065
7784
  .sm\:w-auto {
7066
7785
  width: auto;
7067
7786
  }
7068
7787
 
7788
+
7069
7789
  .sm\:max-w-none {
7070
7790
  max-width: none;
7071
7791
  }
7072
7792
 
7793
+
7073
7794
  .sm\:max-w-sm {
7074
7795
  max-width: 24rem;
7075
7796
  }
7076
7797
 
7798
+
7077
7799
  .sm\:flex-row {
7078
7800
  flex-direction: row;
7079
7801
  }
7080
7802
 
7803
+
7081
7804
  .sm\:flex-col {
7082
7805
  flex-direction: column;
7083
7806
  }
7084
7807
 
7808
+
7085
7809
  .sm\:items-start {
7086
7810
  align-items: flex-start;
7087
7811
  }
7088
7812
 
7813
+
7089
7814
  .sm\:items-center {
7090
7815
  align-items: center;
7091
7816
  }
7092
7817
 
7818
+
7093
7819
  .sm\:justify-end {
7094
7820
  justify-content: flex-end;
7095
7821
  }
7096
7822
 
7823
+
7097
7824
  .sm\:justify-between {
7098
7825
  justify-content: space-between;
7099
7826
  }
7100
7827
 
7828
+
7101
7829
  .sm\:gap-2 {
7102
7830
  gap: 0.5rem;
7103
7831
  }
7104
7832
 
7833
+
7105
7834
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
7106
7835
  --tw-space-x-reverse: 0;
7107
7836
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
7108
7837
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
7109
7838
  }
7110
7839
 
7840
+
7111
7841
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
7112
7842
  --tw-space-x-reverse: 0;
7113
7843
  margin-right: calc(1rem * var(--tw-space-x-reverse));
7114
7844
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
7115
7845
  }
7116
7846
 
7847
+
7117
7848
  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
7118
7849
  --tw-space-y-reverse: 0;
7119
7850
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
7120
7851
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
7121
7852
  }
7122
7853
 
7854
+
7123
7855
  .sm\:rounded-lg {
7124
7856
  border-radius: 0.5rem;
7125
7857
  }
7126
7858
 
7859
+
7127
7860
  .sm\:rounded-none {
7128
7861
  border-radius: 0px;
7129
7862
  }
7130
7863
 
7864
+
7131
7865
  .sm\:p-6 {
7132
7866
  padding: 1.5rem;
7133
7867
  }
7134
7868
 
7869
+
7135
7870
  .sm\:px-10 {
7136
7871
  padding-left: 2.5rem;
7137
7872
  padding-right: 2.5rem;
7138
7873
  }
7139
7874
 
7875
+
7140
7876
  .sm\:px-2\.5 {
7141
7877
  padding-left: 0.625rem;
7142
7878
  padding-right: 0.625rem;
7143
7879
  }
7144
7880
 
7881
+
7145
7882
  .sm\:px-3 {
7146
7883
  padding-left: 0.75rem;
7147
7884
  padding-right: 0.75rem;
7148
7885
  }
7149
7886
 
7887
+
7150
7888
  .sm\:px-4 {
7151
7889
  padding-left: 1rem;
7152
7890
  padding-right: 1rem;
7153
7891
  }
7154
7892
 
7893
+
7155
7894
  .sm\:py-1\.5 {
7156
7895
  padding-top: 0.375rem;
7157
7896
  padding-bottom: 0.375rem;
7158
7897
  }
7159
7898
 
7899
+
7160
7900
  .sm\:text-left {
7161
7901
  text-align: left;
7162
7902
  }
7163
7903
 
7904
+
7164
7905
  .sm\:text-sm {
7165
7906
  font-size: 0.875rem;
7166
7907
  line-height: 1.25rem;
7167
7908
  }
7168
7909
 
7910
+
7169
7911
  .sm\:text-xl {
7170
7912
  font-size: 1.25rem;
7171
7913
  line-height: 1.75rem;
7172
7914
  }
7173
7915
 
7916
+
7174
7917
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
7175
7918
  --tw-enter-translate-y: 100%;
7176
7919
  }
7177
7920
  }
7178
7921
  @media (min-width: 768px) {
7179
7922
 
7923
+
7180
7924
  .md\:absolute {
7181
7925
  position: absolute;
7182
7926
  }
7183
7927
 
7928
+
7184
7929
  .md\:col-span-1 {
7185
7930
  grid-column: span 1 / span 1;
7186
7931
  }
7187
7932
 
7933
+
7188
7934
  .md\:col-span-2 {
7189
7935
  grid-column: span 2 / span 2;
7190
7936
  }
7191
7937
 
7938
+
7192
7939
  .md\:mb-6 {
7193
7940
  margin-bottom: 1.5rem;
7194
7941
  }
7195
7942
 
7943
+
7196
7944
  .md\:block {
7197
7945
  display: block;
7198
7946
  }
7199
7947
 
7948
+
7200
7949
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
7201
7950
  width: var(--radix-navigation-menu-viewport-width);
7202
7951
  }
7203
7952
 
7953
+
7204
7954
  .md\:w-auto {
7205
7955
  width: auto;
7206
7956
  }
7207
7957
 
7958
+
7208
7959
  .md\:max-w-\[420px\] {
7209
7960
  max-width: 420px;
7210
7961
  }
7211
7962
 
7963
+
7212
7964
  .md\:grid-cols-2 {
7213
7965
  grid-template-columns: repeat(2, minmax(0, 1fr));
7214
7966
  }
7215
7967
 
7968
+
7216
7969
  .md\:grid-cols-3 {
7217
7970
  grid-template-columns: repeat(3, minmax(0, 1fr));
7218
7971
  }
7219
7972
 
7973
+
7220
7974
  .md\:flex-row {
7221
7975
  flex-direction: row;
7222
7976
  }
7223
7977
 
7978
+
7224
7979
  .md\:items-center {
7225
7980
  align-items: center;
7226
7981
  }
7227
7982
 
7983
+
7228
7984
  .md\:gap-3 {
7229
7985
  gap: 0.75rem;
7230
7986
  }
7231
7987
 
7988
+
7232
7989
  .md\:px-0 {
7233
7990
  padding-left: 0px;
7234
7991
  padding-right: 0px;
7235
7992
  }
7236
7993
 
7994
+
7237
7995
  .md\:text-3xl {
7238
7996
  font-size: 1.875rem;
7239
7997
  line-height: 2.25rem;
7240
7998
  }
7241
7999
 
8000
+
7242
8001
  .md\:text-sm {
7243
8002
  font-size: 0.875rem;
7244
8003
  line-height: 1.25rem;
@@ -7246,22 +8005,27 @@ video {
7246
8005
  }
7247
8006
  @media (min-width: 1024px) {
7248
8007
 
8008
+
7249
8009
  .lg\:col-span-1 {
7250
8010
  grid-column: span 1 / span 1;
7251
8011
  }
7252
8012
 
8013
+
7253
8014
  .lg\:block {
7254
8015
  display: block;
7255
8016
  }
7256
8017
 
8018
+
7257
8019
  .lg\:max-w-4xl {
7258
8020
  max-width: 56rem;
7259
8021
  }
7260
8022
 
8023
+
7261
8024
  .lg\:max-w-xl {
7262
8025
  max-width: 36rem;
7263
8026
  }
7264
8027
 
8028
+
7265
8029
  .lg\:text-5xl {
7266
8030
  font-size: 3rem;
7267
8031
  line-height: 1;
@@ -7334,421 +8098,116 @@ video {
7334
8098
  .\[\&\>svg\]\:text-muted-foreground>svg {
7335
8099
  color: hsl(var(--muted-foreground));
7336
8100
  }
7337
- .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
7338
- fill: hsl(var(--muted-foreground));
7339
- }
7340
- .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
7341
- stroke: hsl(var(--border) / 0.5);
7342
- }
7343
- .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
7344
- stroke: hsl(var(--border));
7345
- }
7346
- .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
7347
- stroke: transparent;
7348
- }
7349
- .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
7350
- outline: 2px solid transparent;
7351
- outline-offset: 2px;
7352
- }
7353
- .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
7354
- stroke: hsl(var(--border));
7355
- }
7356
- .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
7357
- fill: hsl(var(--muted));
7358
- }
7359
- .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
7360
- fill: hsl(var(--muted));
7361
- }
7362
- .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
7363
- stroke: hsl(var(--border));
7364
- }
7365
- .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
7366
- stroke: transparent;
7367
- }
7368
- .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
7369
- outline: 2px solid transparent;
7370
- outline-offset: 2px;
7371
- }
7372
- .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
7373
- outline: 2px solid transparent;
7374
- outline-offset: 2px;
7375
- }
7376
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
7377
- padding-left: 0.5rem;
7378
- padding-right: 0.5rem;
7379
- }
7380
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
7381
- padding-top: 0.375rem;
7382
- padding-bottom: 0.375rem;
7383
- }
7384
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
7385
- font-size: 0.75rem;
7386
- line-height: 1rem;
7387
- }
7388
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
7389
- font-weight: 500;
7390
- }
7391
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
7392
- color: hsl(var(--muted-foreground));
7393
- }
7394
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
7395
- padding-top: 0px;
7396
- }
7397
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
7398
- padding-left: 0.5rem;
7399
- padding-right: 0.5rem;
7400
- }
7401
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
7402
- height: 1.25rem;
7403
- }
7404
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
7405
- width: 1.25rem;
7406
- }
7407
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
7408
- height: 3rem;
7409
- }
7410
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
7411
- padding-left: 0.5rem;
7412
- padding-right: 0.5rem;
7413
- }
7414
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
7415
- padding-top: 0.75rem;
7416
- padding-bottom: 0.75rem;
7417
- }
7418
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
7419
- height: 1.25rem;
7420
- }
7421
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
7422
- width: 1.25rem;
7423
- }
7424
- .\[\&_svg\]\:pointer-events-none svg {
7425
- pointer-events: none;
7426
- }
7427
- .\[\&_svg\]\:pointer-events-auto svg {
7428
- pointer-events: auto;
7429
- }
7430
- .\[\&_svg\]\:invisible svg {
7431
- visibility: hidden;
7432
- }
7433
- .\[\&_svg\]\:size-4 svg {
7434
- width: 1rem;
7435
- height: 1rem;
7436
- }
7437
- .\[\&_svg\]\:shrink-0 svg {
7438
- flex-shrink: 0;
7439
- }
7440
- .\[\&_tr\:last-child\]\:border-0 tr:last-child {
7441
- border-width: 0px;
7442
- }
7443
- .\[\&_tr\]\:border-b tr {
7444
- border-bottom-width: 1px;
7445
- }
7446
- .\[\&_tr\]\:border-t tr {
7447
- border-top-width: 1px;
7448
- } .reach-styles-module__base___RP4iu {
7449
- display: inline-flex;
7450
- align-items: center;
7451
- justify-content: center;
7452
- gap: 0.5rem;
7453
- white-space: nowrap;
7454
- border-radius: 0.375rem;
7455
- font-size: 0.875rem;
7456
- line-height: 1.25rem;
7457
- font-weight: 500;
7458
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
7459
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7460
- transition-duration: 150ms;
7461
- }.reach-styles-module__base___RP4iu:focus-visible {
7462
- outline: 2px solid transparent;
7463
- outline-offset: 2px;
7464
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
7465
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
7466
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
7467
- }.reach-styles-module__base___RP4iu:disabled {
7468
- pointer-events: none;
7469
- opacity: 0.5;
7470
- }.reach-styles-module__base___RP4iu svg {
7471
- pointer-events: none;
7472
- width: 1rem;
7473
- height: 1rem;
7474
- flex-shrink: 0;
7475
- }.reach-styles-module__base___RP4iu {
7476
- /* Use the theme ring color variable */
7477
- --tw-ring-color: hsl(var(--reach-ring));
7478
- }
7479
-
7480
- /* Variants */
7481
- .reach-styles-module__default___pajjj {
7482
- background-color: hsl(var(--reach-primary));
7483
- color: hsl(var(--reach-primary-foreground));
7484
- }
7485
- .reach-styles-module__default___pajjj:hover {
7486
- background-color: hsl(var(--reach-primary) / 0.75);
7487
- }
7488
-
7489
- .reach-styles-module__destructive___BZSYi {
7490
- background-color: hsl(var(--reach-destructive));
7491
- color: hsl(var(--reach-destructive-foreground));
7492
- }
7493
- .reach-styles-module__destructive___BZSYi:hover {
7494
- background-color: hsl(var(--reach-destructive) / 0.75);
7495
- }
7496
-
7497
- .reach-styles-module__outline___bNcaI {
7498
- border: 1px solid hsl(var(--reach-input));
7499
- background-color: transparent;
7500
- }
7501
- .reach-styles-module__outline___bNcaI:hover {
7502
- background-color: hsl(var(--reach-accent));
7503
- color: hsl(var(--reach-accent-foreground));
7504
- }
7505
-
7506
- .reach-styles-module__secondary___osvqQ {
7507
- background-color: hsl(var(--reach-secondary));
7508
- color: hsl(var(--reach-secondary-foreground));
7509
- }
7510
- .reach-styles-module__secondary___osvqQ:hover {
7511
- background-color: hsl(var(--reach-secondary) / 0.75);
7512
- }
7513
-
7514
- .reach-styles-module__ghost___uU77B:hover {
7515
- background-color: hsl(var(--reach-accent));
7516
- color: hsl(var(--reach-accent-foreground));
7517
- }
7518
-
7519
- .reach-styles-module__link___nSLOW {
7520
- color: hsl(var(--reach-primary));
7521
- text-underline-offset: 4px;
7522
- }
7523
- .reach-styles-module__link___nSLOW:hover {
7524
- text-decoration: underline;
7525
- }
7526
-
7527
- /* Sizes */
7528
- .reach-styles-module__size-default___kIvbz {
7529
- height: 2.25rem; /* h-9 */
7530
- padding: 0.5rem 1rem; /* px-4 py-2 */
7531
- }
7532
-
7533
- .reach-styles-module__size-sm___45mpF {
7534
- height: 2rem; /* h-8 */
7535
- border-radius: 0.375rem; /* rounded-md */
7536
- padding: 0 0.75rem; /* px-3 */
7537
- font-size: 0.75rem; /* text-xs */
8101
+ .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
8102
+ fill: hsl(var(--muted-foreground));
7538
8103
  }
7539
-
7540
- .reach-styles-module__size-lg___49p4A {
7541
- height: 2.5rem; /* h-10 */
7542
- border-radius: 0.375rem; /* rounded-md */
7543
- padding: 0 2rem; /* px-8 */
8104
+ .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
8105
+ stroke: hsl(var(--border) / 0.5);
7544
8106
  }
7545
-
7546
- .reach-styles-module__size-icon___-6vvi {
7547
- height: 2.25rem; /* h-9 */
7548
- width: 2.25rem; /* w-9 */
8107
+ .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
8108
+ stroke: hsl(var(--border));
7549
8109
  }
7550
- .reach-styles-module__base___eJmcH {
7551
- display: inline-flex;
7552
- align-items: center;
7553
- border-radius: 9999px;
7554
- border-width: 1px;
7555
- font-size: 0.75rem;
7556
- line-height: 1rem;
7557
- font-weight: 600;
7558
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
7559
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7560
- transition-duration: 150ms;
7561
- }.reach-styles-module__base___eJmcH:focus {
8110
+ .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
8111
+ stroke: transparent;
8112
+ }
8113
+ .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
7562
8114
  outline: 2px solid transparent;
7563
8115
  outline-offset: 2px;
7564
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
7565
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
7566
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
7567
- --tw-ring-offset-width: 2px;
7568
- }.reach-styles-module__base___eJmcH {
7569
- /* Use the theme ring color variable */
7570
- --tw-ring-color: hsl(var(--reach-ring));
7571
- }
7572
-
7573
- /* Variants */
7574
- .reach-styles-module__default___8NuEB {
7575
- border-color: transparent;
7576
- }
7577
- .reach-styles-module__default___8NuEB:hover {
7578
- background-color: hsl(var(--primary) / 0.8);
7579
8116
  }
7580
- .reach-styles-module__default___8NuEB {
7581
- background-color: hsl(var(--reach-primary));
7582
- color: hsl(var(--reach-primary-foreground));
8117
+ .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
8118
+ stroke: hsl(var(--border));
7583
8119
  }
7584
-
7585
- .reach-styles-module__secondary___H-ae8 {
7586
- border-color: transparent;
8120
+ .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
8121
+ fill: hsl(var(--muted));
7587
8122
  }
7588
-
7589
- .reach-styles-module__secondary___H-ae8:hover {
7590
- background-color: hsl(var(--secondary) / 0.8);
8123
+ .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
8124
+ fill: hsl(var(--muted));
7591
8125
  }
7592
-
7593
- .reach-styles-module__secondary___H-ae8 {
7594
- background-color: hsl(var(--reach-secondary));
7595
- color: hsl(var(--reach-secondary-foreground));
8126
+ .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
8127
+ stroke: hsl(var(--border));
7596
8128
  }
7597
-
7598
- .reach-styles-module__destructive___JsRNh {
7599
- border-color: transparent;
8129
+ .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
8130
+ stroke: transparent;
7600
8131
  }
7601
-
7602
- .reach-styles-module__destructive___JsRNh:hover {
7603
- background-color: hsl(var(--destructive) / 0.8);
8132
+ .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
8133
+ outline: 2px solid transparent;
8134
+ outline-offset: 2px;
7604
8135
  }
7605
-
7606
- .reach-styles-module__destructive___JsRNh {
7607
- background-color: hsl(var(--reach-destructive));
7608
- color: hsl(var(--reach-destructive-foreground));
8136
+ .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
8137
+ outline: 2px solid transparent;
8138
+ outline-offset: 2px;
7609
8139
  }
7610
-
7611
- .reach-styles-module__outline___9FFlV {
7612
- color: hsl(var(--reach-foreground));
8140
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
8141
+ padding-left: 0.5rem;
8142
+ padding-right: 0.5rem;
7613
8143
  }
7614
-
7615
- .reach-styles-module__google___7eHwU {
7616
- border-color: transparent;
7617
- --tw-bg-opacity: 1;
7618
- background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
7619
- font-weight: 400;
7620
- --tw-text-opacity: 1;
7621
- color: rgb(29 78 216 / var(--tw-text-opacity, 1));
8144
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
8145
+ padding-top: 0.375rem;
8146
+ padding-bottom: 0.375rem;
7622
8147
  }
7623
-
7624
- .reach-styles-module__google___7eHwU:is(.reach-styles-module__dark___gu5hq *) {
7625
- background-color: rgb(30 58 138 / 0.3);
7626
- --tw-text-opacity: 1;
7627
- color: rgb(147 197 253 / var(--tw-text-opacity, 1));
8148
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
8149
+ font-size: 0.75rem;
8150
+ line-height: 1rem;
7628
8151
  }
7629
-
7630
- .reach-styles-module__date___gU3Tt {
7631
- border-color: transparent;
7632
- --tw-bg-opacity: 1;
7633
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
7634
- font-weight: 400;
7635
- --tw-text-opacity: 1;
7636
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
8152
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
8153
+ font-weight: 500;
7637
8154
  }
7638
-
7639
- .reach-styles-module__date___gU3Tt:is(.reach-styles-module__dark___gu5hq *) {
7640
- --tw-bg-opacity: 1;
7641
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
7642
- --tw-text-opacity: 1;
7643
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
8155
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
8156
+ color: hsl(var(--muted-foreground));
7644
8157
  }
7645
-
7646
- /* Sizes */
7647
- .reach-styles-module__size-default___bnA-o {
7648
- padding-left: 0.625rem;
7649
- padding-right: 0.625rem;
7650
- padding-top: 0.125rem;
7651
- padding-bottom: 0.125rem;
8158
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
8159
+ padding-top: 0px;
7652
8160
  }
7653
-
7654
- .reach-styles-module__size-sm___-y5xc {
7655
- padding-left: 0.375rem;
7656
- padding-right: 0.375rem;
7657
- padding-top: 0.125rem;
7658
- padding-bottom: 0.125rem;
7659
- font-size: 10px;
8161
+ .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
8162
+ padding-left: 0.5rem;
8163
+ padding-right: 0.5rem;
7660
8164
  }
7661
-
7662
- /* Icon Only */
7663
- .reach-styles-module__icon-only___ae2yu {
8165
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
7664
8166
  height: 1.25rem;
7665
- width: 1.25rem;
7666
- justify-content: center;
7667
- padding: 0px;
7668
8167
  }
7669
-
7670
- .reach-styles-module__icon-only-sm___j9kLM {
7671
- height: 1rem;
7672
- width: 1rem;
8168
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
8169
+ width: 1.25rem;
7673
8170
  }
7674
-
7675
- /* Badge Container */
7676
- .reach-styles-module__container___5PrOx {
7677
- display: flex;
7678
- flex-wrap: wrap;
7679
- align-items: center;
7680
- gap: 0.375rem;
7681
- padding-left: 0.75rem;
7682
- padding-right: 0.75rem;
8171
+ .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
8172
+ height: 3rem;
7683
8173
  }
7684
- @media (min-width: 320px) {.reach-styles-module__container___5PrOx {
7685
- flex-wrap: nowrap;
7686
- }
7687
- }/* File: card/styles.module.css */
7688
- .reach-styles-module__base___ANlIr {
7689
- border-radius: 0.75rem;
7690
- border-width: 1px;
7691
- background-color: hsl(var(--card));
7692
- color: hsl(var(--card-foreground));
7693
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
7694
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
7695
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8174
+ .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
8175
+ padding-left: 0.5rem;
8176
+ padding-right: 0.5rem;
7696
8177
  }
7697
-
7698
- /* Variants */
7699
- .reach-styles-module__default___S2tp4 {
7700
- background-color: hsl(var(--card))
8178
+ .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
8179
+ padding-top: 0.75rem;
8180
+ padding-bottom: 0.75rem;
7701
8181
  }
7702
-
7703
- .reach-styles-module__destructive___a6Swz {
7704
- background-color: hsl(var(--destructive));
7705
- color: hsl(var(--destructive-foreground))
8182
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
8183
+ height: 1.25rem;
7706
8184
  }
7707
-
7708
- .reach-styles-module__outline___INmdX {
7709
- border-width: 2px;
7710
- background-color: transparent
8185
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
8186
+ width: 1.25rem;
7711
8187
  }
7712
-
7713
- .reach-styles-module__secondary___Ym15V {
7714
- background-color: hsl(var(--secondary));
7715
- color: hsl(var(--secondary-foreground))
8188
+ .\[\&_svg\]\:pointer-events-none svg {
8189
+ pointer-events: none;
7716
8190
  }
7717
-
7718
- /* Card parts */
7719
- .reach-styles-module__header___CzneX {
7720
- display: flex;
7721
- flex-direction: column
8191
+ .\[\&_svg\]\:pointer-events-auto svg {
8192
+ pointer-events: auto;
7722
8193
  }
7723
- .reach-styles-module__header___CzneX > :not([hidden]) ~ :not([hidden]) {
7724
- --tw-space-y-reverse: 0;
7725
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
7726
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
8194
+ .\[\&_svg\]\:invisible svg {
8195
+ visibility: hidden;
7727
8196
  }
7728
- .reach-styles-module__header___CzneX {
7729
- padding: 1.5rem
8197
+ .\[\&_svg\]\:size-4 svg {
8198
+ width: 1rem;
8199
+ height: 1rem;
7730
8200
  }
7731
-
7732
- .reach-styles-module__title___8ostO {
7733
- font-weight: 600;
7734
- line-height: 1;
7735
- letter-spacing: -0.025em
8201
+ .\[\&_svg\]\:shrink-0 svg {
8202
+ flex-shrink: 0;
7736
8203
  }
7737
-
7738
- .reach-styles-module__description___xR5d4 {
7739
- font-size: 0.875rem;
7740
- line-height: 1.25rem;
7741
- color: hsl(var(--muted-foreground))
8204
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child {
8205
+ border-width: 0px;
7742
8206
  }
7743
-
7744
- .reach-styles-module__content___XXeK2 {
7745
- padding: 1.5rem;
7746
- padding-top: 0px
8207
+ .\[\&_tr\]\:border-b tr {
8208
+ border-bottom-width: 1px;
7747
8209
  }
8210
+ .\[\&_tr\]\:border-t tr {
8211
+ border-top-width: 1px;
8212
+ }
7748
8213
 
7749
- .reach-styles-module__footer___35Xil {
7750
- display: flex;
7751
- align-items: center;
7752
- padding: 1.5rem;
7753
- padding-top: 0px
7754
- }