@driveflux/beam 1.11.6 → 1.11.7

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 (41) hide show
  1. package/dist/accordion/Accordion.js +1 -1
  2. package/dist/accordion/Accordion.js.map +1 -1
  3. package/dist/carousel/Carousel.d.ts +5 -2
  4. package/dist/carousel/Carousel.d.ts.map +1 -1
  5. package/dist/carousel/Carousel.js +8 -6
  6. package/dist/carousel/Carousel.js.map +1 -1
  7. package/dist/datepicker/DatePicker.d.ts +2 -2
  8. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  9. package/dist/datepicker/DatePicker.js.map +1 -1
  10. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
  11. package/dist/datepicker/DatePickerDrawer.js.map +1 -1
  12. package/dist/field-wrapper/FieldWrapper.js.map +1 -1
  13. package/dist/hooks/use-breakpoint-value.js +1 -1
  14. package/dist/hooks/use-breakpoint-value.js.map +1 -1
  15. package/dist/icons/IconAcceleration.d.ts +8 -0
  16. package/dist/icons/IconAcceleration.d.ts.map +1 -0
  17. package/dist/icons/IconAcceleration.js +76 -0
  18. package/dist/icons/IconAcceleration.js.map +1 -0
  19. package/dist/icons/IconCircle.d.ts +7 -1
  20. package/dist/icons/IconCircle.d.ts.map +1 -1
  21. package/dist/icons/IconCircle.js +52 -9
  22. package/dist/icons/IconCircle.js.map +1 -1
  23. package/dist/icons/IconDeliver.d.ts +8 -0
  24. package/dist/icons/IconDeliver.d.ts.map +1 -0
  25. package/dist/icons/IconDeliver.js +76 -0
  26. package/dist/icons/IconDeliver.js.map +1 -0
  27. package/dist/icons/IconEVCharging.d.ts +8 -0
  28. package/dist/icons/IconEVCharging.d.ts.map +1 -0
  29. package/dist/icons/IconEVCharging.js +82 -0
  30. package/dist/icons/IconEVCharging.js.map +1 -0
  31. package/dist/input-select/InputSelect.d.ts.map +1 -1
  32. package/dist/input-select/InputSelect.js +3 -2
  33. package/dist/input-select/InputSelect.js.map +1 -1
  34. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  35. package/dist/select/Select.d.ts.map +1 -1
  36. package/dist/select/Select.js +15 -2
  37. package/dist/select/Select.js.map +1 -1
  38. package/dist/select/Select.stories.d.ts.map +1 -1
  39. package/package.json +1 -1
  40. package/dist/base-styles.css +0 -173
  41. package/dist/styles.css +0 -3401
package/dist/styles.css DELETED
@@ -1,3401 +0,0 @@
1
- /* copy of dump/assets/global.css */
2
-
3
- :root {
4
- --primary1: #efeff0;
5
- --primary2: #cacaca;
6
- --primary3: #585858;
7
- --primary4: #191919;
8
- --primary: #000000;
9
- --accent4: #e55867;
10
- --accent: #e24657;
11
- --links: #50c8e8;
12
- --alert: #e24657;
13
- --warning: #f4b25c;
14
- --success4: #4fd9c2;
15
- --success: #3bd5bc;
16
- --black: #000000;
17
- --white: #fff;
18
- --whiteHover: #e6e6e6;
19
- --placeholder: #f4f4f4;
20
- --primaryBold: "Gotham-Bold";
21
- --primaryNormal: "Gotham-Book";
22
- --primaryMedium: "Gotham-Medium";
23
- --primaryBlack: "Gotham-Black";
24
- }
25
-
26
- .react-calendar {
27
- width: 350px;
28
- max-width: 100%;
29
- background: white;
30
- border: 1px solid #a0a096;
31
- font-family: 'Arial', 'Helvetica', sans-serif;
32
- line-height: 1.125em;
33
- }
34
-
35
- .react-calendar--doubleView {
36
- width: 700px;
37
- }
38
-
39
- .react-calendar--doubleView .react-calendar__viewContainer {
40
- display: flex;
41
- margin: -0.5em;
42
- }
43
-
44
- .react-calendar--doubleView .react-calendar__viewContainer > * {
45
- width: 50%;
46
- margin: 0.5em;
47
- }
48
-
49
- .react-calendar,
50
- .react-calendar *,
51
- .react-calendar *:before,
52
- .react-calendar *:after {
53
- box-sizing: border-box;
54
- }
55
-
56
- .react-calendar button {
57
- margin: 0;
58
- border: 0;
59
- outline: none;
60
- }
61
-
62
- .react-calendar button:enabled:hover {
63
- cursor: pointer;
64
- }
65
-
66
- .react-calendar__navigation {
67
- display: flex;
68
- height: 44px;
69
- margin-bottom: 1em;
70
- }
71
-
72
- .react-calendar__navigation button {
73
- min-width: 44px;
74
- background: none;
75
- }
76
-
77
- .react-calendar__navigation button:disabled {
78
- background-color: #f0f0f0;
79
- }
80
-
81
- .react-calendar__navigation button:enabled:hover,
82
- .react-calendar__navigation button:enabled:focus {
83
- background-color: #e6e6e6;
84
- }
85
-
86
- .react-calendar__month-view__weekdays {
87
- text-align: center;
88
- text-transform: uppercase;
89
- font: inherit;
90
- font-size: 0.75em;
91
- font-weight: bold;
92
- }
93
-
94
- .react-calendar__month-view__weekdays__weekday {
95
- padding: 0.5em;
96
- }
97
-
98
- .react-calendar__month-view__weekNumbers .react-calendar__tile {
99
- display: flex;
100
- align-items: center;
101
- justify-content: center;
102
- font: inherit;
103
- font-size: 0.75em;
104
- font-weight: bold;
105
- }
106
-
107
- .react-calendar__month-view__days__day--weekend {
108
- color: #d10000;
109
- }
110
-
111
- .react-calendar__month-view__days__day--neighboringMonth,
112
- .react-calendar__decade-view__years__year--neighboringDecade,
113
- .react-calendar__century-view__decades__decade--neighboringCentury {
114
- color: #757575;
115
- }
116
-
117
- .react-calendar__year-view .react-calendar__tile,
118
- .react-calendar__decade-view .react-calendar__tile,
119
- .react-calendar__century-view .react-calendar__tile {
120
- padding: 2em 0.5em;
121
- }
122
-
123
- .react-calendar__tile {
124
- max-width: 100%;
125
- padding: 10px 6.6667px;
126
- background: none;
127
- text-align: center;
128
- font: inherit;
129
- font-size: 0.833em;
130
- }
131
-
132
- .react-calendar__tile:disabled {
133
- background-color: #f0f0f0;
134
- color: #ababab;
135
- }
136
-
137
- .react-calendar__month-view__days__day--neighboringMonth:disabled,
138
- .react-calendar__decade-view__years__year--neighboringDecade:disabled,
139
- .react-calendar__century-view__decades__decade--neighboringCentury:disabled {
140
- color: #cdcdcd;
141
- }
142
-
143
- .react-calendar__tile:enabled:hover,
144
- .react-calendar__tile:enabled:focus {
145
- background-color: #e6e6e6;
146
- }
147
-
148
- .react-calendar__tile--now {
149
- background: #ffff76;
150
- }
151
-
152
- .react-calendar__tile--now:enabled:hover,
153
- .react-calendar__tile--now:enabled:focus {
154
- background: #ffffa9;
155
- }
156
-
157
- .react-calendar__tile--hasActive {
158
- background: #76baff;
159
- }
160
-
161
- .react-calendar__tile--hasActive:enabled:hover,
162
- .react-calendar__tile--hasActive:enabled:focus {
163
- background: #a9d4ff;
164
- }
165
-
166
- .react-calendar__tile--active {
167
- background: #006edc;
168
- color: white;
169
- }
170
-
171
- .react-calendar__tile--active:enabled:hover,
172
- .react-calendar__tile--active:enabled:focus {
173
- background: #1087ff;
174
- }
175
-
176
- .react-calendar--selectRange .react-calendar__tile--hover {
177
- background-color: #e6e6e6;
178
- }
179
-
180
- .react-calendar {
181
- font-family: "Gotham-Light", sans-serif;
182
- color: var(--primary4);
183
- text-transform: uppercase;
184
- display: flex;
185
- flex-direction: column;
186
- row-gap: 8px;
187
- width: 100%;
188
- border: none;
189
- }
190
-
191
- /* ======================= top navigation start ======================= */
192
-
193
- .react-calendar__navigation {
194
- margin-bottom: 16px;
195
- padding-bottom: 16px;
196
- border-bottom: 1px solid var(--primary1) !important;
197
- }
198
-
199
- .react-calendar__navigation button {
200
- display: flex;
201
- align-items: center;
202
- justify-content: center;
203
- }
204
-
205
- .react-calendar__navigation button:enabled:hover {
206
- background-color: var(--primary1);
207
- }
208
-
209
- .react-calendar__navigation button:disabled {
210
- background-color: transparent;
211
- }
212
-
213
- .react-calendar__navigation button:disabled path {
214
- fill: var(--primary2);
215
- }
216
-
217
- .react-calendar__navigation__label {
218
- font-family: "Gotham", sans-serif;
219
- font-size: 14px;
220
- font-weight: 700;
221
- letter-spacing: 0.5px;
222
- text-transform: uppercase;
223
- }
224
-
225
- /* ======================= top navigation end ======================= */
226
-
227
- /* ========================= calendar start ========================= */
228
-
229
- .react-calendar__month-view__days,
230
- .react-calendar__year-view__months,
231
- .react-calendar__decade-view__years,
232
- .react-calendar__century-view__decades {
233
- border-top: 1px solid var(--primary1);
234
- border-left: 1px solid var(--primary1);
235
- }
236
-
237
- .react-calendar__month-view__weekdays {
238
- margin-bottom: 4px;
239
- }
240
-
241
- .react-calendar__month-view__weekdays__weekday {
242
- display: flex;
243
- justify-content: center;
244
- font-weight: 700;
245
- font-family: "Gotham", sans-serif;
246
- color: var(--primary3);
247
- }
248
-
249
- .react-calendar__month-view__weekdays__weekday abbr {
250
- text-decoration: none;
251
- }
252
-
253
- .react-calendar__tile {
254
- letter-spacing: 1px;
255
- font-size: 12px;
256
- text-transform: uppercase;
257
- border-right: 1px solid var(--primary1) !important;
258
- border-bottom: 1px solid var(--primary1) !important;
259
- }
260
-
261
- .react-calendar__tile:enabled:hover {
262
- background: var(--primary1);
263
- }
264
-
265
- /* today's date - default state */
266
-
267
- .react-calendar__tile--now {
268
- background: transparent;
269
- color: var(--primary4);
270
- }
271
-
272
- /* today's date - hover */
273
-
274
- .react-calendar__tile--now:enabled:hover,
275
- .react-calendar__tile--now:enabled:focus {
276
- background: var(--primary1);
277
- color: var(--primary4);
278
- }
279
-
280
- .react-calendar__month-view__days__day--neighboringMonth {
281
- color: var(--primary2);
282
- }
283
-
284
- /* weekends */
285
-
286
- .react-calendar__month-view__days__day--weekend {
287
- color: var(--accent);
288
- }
289
-
290
- /* range tiles before selected */
291
-
292
- .react-calendar--selectRange .react-calendar__tile--hover {
293
- background-color: var(--primary2);
294
- color: var(--primary4);
295
- }
296
-
297
- /* range tiles after selected */
298
-
299
- .react-calendar__tile--active,
300
- .react-calendar__tile--active:enabled:focus,
301
- .react-calendar__tile--active:enabled:hover {
302
- background: var(--primary1);
303
- color: black;
304
- }
305
-
306
- /** applicable to single date or range **/
307
-
308
- /* first and last range tiles selected */
309
-
310
- .react-calendar__tile--rangeStart,
311
- .react-calendar__tile--rangeStart:enabled:focus,
312
- .react-calendar__tile--rangeStart:enabled:hover,
313
- .react-calendar__tile--rangeEnd,
314
- .react-calendar__tile--rangeEnd:enabled:focus,
315
- .react-calendar__tile--rangeEnd:enabled:hover {
316
- background: var(--primary4);
317
- color: white;
318
- }
319
-
320
- /* month and year tiles where active */
321
-
322
- .react-calendar__tile--hasActive,
323
- .react-calendar__tile--hasActive:enabled:focus,
324
- .react-calendar__tile--hasActive:enabled:hover {
325
- background: var(--primary4);
326
- color: white;
327
- }
328
-
329
- /* ========================= calendar end ========================= */
330
-
331
- *, ::before, ::after {
332
- --tw-border-spacing-x: 0;
333
- --tw-border-spacing-y: 0;
334
- --tw-translate-x: 0;
335
- --tw-translate-y: 0;
336
- --tw-rotate: 0;
337
- --tw-skew-x: 0;
338
- --tw-skew-y: 0;
339
- --tw-scale-x: 1;
340
- --tw-scale-y: 1;
341
- --tw-pan-x: ;
342
- --tw-pan-y: ;
343
- --tw-pinch-zoom: ;
344
- --tw-scroll-snap-strictness: proximity;
345
- --tw-gradient-from-position: ;
346
- --tw-gradient-via-position: ;
347
- --tw-gradient-to-position: ;
348
- --tw-ordinal: ;
349
- --tw-slashed-zero: ;
350
- --tw-numeric-figure: ;
351
- --tw-numeric-spacing: ;
352
- --tw-numeric-fraction: ;
353
- --tw-ring-inset: ;
354
- --tw-ring-offset-width: 0px;
355
- --tw-ring-offset-color: #fff;
356
- --tw-ring-color: rgb(59 130 246 / 0.5);
357
- --tw-ring-offset-shadow: 0 0 #0000;
358
- --tw-ring-shadow: 0 0 #0000;
359
- --tw-shadow: 0 0 #0000;
360
- --tw-shadow-colored: 0 0 #0000;
361
- --tw-blur: ;
362
- --tw-brightness: ;
363
- --tw-contrast: ;
364
- --tw-grayscale: ;
365
- --tw-hue-rotate: ;
366
- --tw-invert: ;
367
- --tw-saturate: ;
368
- --tw-sepia: ;
369
- --tw-drop-shadow: ;
370
- --tw-backdrop-blur: ;
371
- --tw-backdrop-brightness: ;
372
- --tw-backdrop-contrast: ;
373
- --tw-backdrop-grayscale: ;
374
- --tw-backdrop-hue-rotate: ;
375
- --tw-backdrop-invert: ;
376
- --tw-backdrop-opacity: ;
377
- --tw-backdrop-saturate: ;
378
- --tw-backdrop-sepia: ;
379
- --tw-contain-size: ;
380
- --tw-contain-layout: ;
381
- --tw-contain-paint: ;
382
- --tw-contain-style: ;
383
- }
384
-
385
- ::backdrop {
386
- --tw-border-spacing-x: 0;
387
- --tw-border-spacing-y: 0;
388
- --tw-translate-x: 0;
389
- --tw-translate-y: 0;
390
- --tw-rotate: 0;
391
- --tw-skew-x: 0;
392
- --tw-skew-y: 0;
393
- --tw-scale-x: 1;
394
- --tw-scale-y: 1;
395
- --tw-pan-x: ;
396
- --tw-pan-y: ;
397
- --tw-pinch-zoom: ;
398
- --tw-scroll-snap-strictness: proximity;
399
- --tw-gradient-from-position: ;
400
- --tw-gradient-via-position: ;
401
- --tw-gradient-to-position: ;
402
- --tw-ordinal: ;
403
- --tw-slashed-zero: ;
404
- --tw-numeric-figure: ;
405
- --tw-numeric-spacing: ;
406
- --tw-numeric-fraction: ;
407
- --tw-ring-inset: ;
408
- --tw-ring-offset-width: 0px;
409
- --tw-ring-offset-color: #fff;
410
- --tw-ring-color: rgb(59 130 246 / 0.5);
411
- --tw-ring-offset-shadow: 0 0 #0000;
412
- --tw-ring-shadow: 0 0 #0000;
413
- --tw-shadow: 0 0 #0000;
414
- --tw-shadow-colored: 0 0 #0000;
415
- --tw-blur: ;
416
- --tw-brightness: ;
417
- --tw-contrast: ;
418
- --tw-grayscale: ;
419
- --tw-hue-rotate: ;
420
- --tw-invert: ;
421
- --tw-saturate: ;
422
- --tw-sepia: ;
423
- --tw-drop-shadow: ;
424
- --tw-backdrop-blur: ;
425
- --tw-backdrop-brightness: ;
426
- --tw-backdrop-contrast: ;
427
- --tw-backdrop-grayscale: ;
428
- --tw-backdrop-hue-rotate: ;
429
- --tw-backdrop-invert: ;
430
- --tw-backdrop-opacity: ;
431
- --tw-backdrop-saturate: ;
432
- --tw-backdrop-sepia: ;
433
- --tw-contain-size: ;
434
- --tw-contain-layout: ;
435
- --tw-contain-paint: ;
436
- --tw-contain-style: ;
437
- }
438
-
439
- /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
440
-
441
- /*
442
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
443
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
444
- */
445
-
446
- *,
447
- ::before,
448
- ::after {
449
- box-sizing: border-box;
450
- /* 1 */
451
- border-width: 0;
452
- /* 2 */
453
- border-style: solid;
454
- /* 2 */
455
- border-color: #e5e7eb;
456
- /* 2 */
457
- }
458
-
459
- ::before,
460
- ::after {
461
- --tw-content: '';
462
- }
463
-
464
- /*
465
- 1. Use a consistent sensible line-height in all browsers.
466
- 2. Prevent adjustments of font size after orientation changes in iOS.
467
- 3. Use a more readable tab size.
468
- 4. Use the user's configured `sans` font-family by default.
469
- 5. Use the user's configured `sans` font-feature-settings by default.
470
- 6. Use the user's configured `sans` font-variation-settings by default.
471
- 7. Disable tap highlights on iOS
472
- */
473
-
474
- html,
475
- :host {
476
- line-height: 1.5;
477
- /* 1 */
478
- -webkit-text-size-adjust: 100%;
479
- /* 2 */
480
- -moz-tab-size: 4;
481
- /* 3 */
482
- -o-tab-size: 4;
483
- tab-size: 4;
484
- /* 3 */
485
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
486
- /* 4 */
487
- font-feature-settings: normal;
488
- /* 5 */
489
- font-variation-settings: normal;
490
- /* 6 */
491
- -webkit-tap-highlight-color: transparent;
492
- /* 7 */
493
- }
494
-
495
- /*
496
- 1. Remove the margin in all browsers.
497
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
498
- */
499
-
500
- body {
501
- margin: 0;
502
- /* 1 */
503
- line-height: inherit;
504
- /* 2 */
505
- }
506
-
507
- /*
508
- 1. Add the correct height in Firefox.
509
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
510
- 3. Ensure horizontal rules are visible by default.
511
- */
512
-
513
- hr {
514
- height: 0;
515
- /* 1 */
516
- color: inherit;
517
- /* 2 */
518
- border-top-width: 1px;
519
- /* 3 */
520
- }
521
-
522
- /*
523
- Add the correct text decoration in Chrome, Edge, and Safari.
524
- */
525
-
526
- abbr:where([title]) {
527
- -webkit-text-decoration: underline dotted;
528
- text-decoration: underline dotted;
529
- }
530
-
531
- /*
532
- Remove the default font size and weight for headings.
533
- */
534
-
535
- h1,
536
- h2,
537
- h3,
538
- h4,
539
- h5,
540
- h6 {
541
- font-size: inherit;
542
- font-weight: inherit;
543
- }
544
-
545
- /*
546
- Reset links to optimize for opt-in styling instead of opt-out.
547
- */
548
-
549
- a {
550
- color: inherit;
551
- text-decoration: inherit;
552
- }
553
-
554
- /*
555
- Add the correct font weight in Edge and Safari.
556
- */
557
-
558
- b,
559
- strong {
560
- font-weight: bolder;
561
- }
562
-
563
- /*
564
- 1. Use the user's configured `mono` font-family by default.
565
- 2. Use the user's configured `mono` font-feature-settings by default.
566
- 3. Use the user's configured `mono` font-variation-settings by default.
567
- 4. Correct the odd `em` font sizing in all browsers.
568
- */
569
-
570
- code,
571
- kbd,
572
- samp,
573
- pre {
574
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
575
- /* 1 */
576
- font-feature-settings: normal;
577
- /* 2 */
578
- font-variation-settings: normal;
579
- /* 3 */
580
- font-size: 1em;
581
- /* 4 */
582
- }
583
-
584
- /*
585
- Add the correct font size in all browsers.
586
- */
587
-
588
- small {
589
- font-size: 80%;
590
- }
591
-
592
- /*
593
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
594
- */
595
-
596
- sub,
597
- sup {
598
- font-size: 75%;
599
- line-height: 0;
600
- position: relative;
601
- vertical-align: baseline;
602
- }
603
-
604
- sub {
605
- bottom: -0.25em;
606
- }
607
-
608
- sup {
609
- top: -0.5em;
610
- }
611
-
612
- /*
613
- 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)
614
- 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)
615
- 3. Remove gaps between table borders by default.
616
- */
617
-
618
- table {
619
- text-indent: 0;
620
- /* 1 */
621
- border-color: inherit;
622
- /* 2 */
623
- border-collapse: collapse;
624
- /* 3 */
625
- }
626
-
627
- /*
628
- 1. Change the font styles in all browsers.
629
- 2. Remove the margin in Firefox and Safari.
630
- 3. Remove default padding in all browsers.
631
- */
632
-
633
- button,
634
- input,
635
- optgroup,
636
- select,
637
- textarea {
638
- font-family: inherit;
639
- /* 1 */
640
- font-feature-settings: inherit;
641
- /* 1 */
642
- font-variation-settings: inherit;
643
- /* 1 */
644
- font-size: 100%;
645
- /* 1 */
646
- font-weight: inherit;
647
- /* 1 */
648
- line-height: inherit;
649
- /* 1 */
650
- letter-spacing: inherit;
651
- /* 1 */
652
- color: inherit;
653
- /* 1 */
654
- margin: 0;
655
- /* 2 */
656
- padding: 0;
657
- /* 3 */
658
- }
659
-
660
- /*
661
- Remove the inheritance of text transform in Edge and Firefox.
662
- */
663
-
664
- button,
665
- select {
666
- text-transform: none;
667
- }
668
-
669
- /*
670
- 1. Correct the inability to style clickable types in iOS and Safari.
671
- 2. Remove default button styles.
672
- */
673
-
674
- button,
675
- input:where([type='button']),
676
- input:where([type='reset']),
677
- input:where([type='submit']) {
678
- -webkit-appearance: button;
679
- /* 1 */
680
- background-color: transparent;
681
- /* 2 */
682
- background-image: none;
683
- /* 2 */
684
- }
685
-
686
- /*
687
- Use the modern Firefox focus style for all focusable elements.
688
- */
689
-
690
- :-moz-focusring {
691
- outline: auto;
692
- }
693
-
694
- /*
695
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
696
- */
697
-
698
- :-moz-ui-invalid {
699
- box-shadow: none;
700
- }
701
-
702
- /*
703
- Add the correct vertical alignment in Chrome and Firefox.
704
- */
705
-
706
- progress {
707
- vertical-align: baseline;
708
- }
709
-
710
- /*
711
- Correct the cursor style of increment and decrement buttons in Safari.
712
- */
713
-
714
- ::-webkit-inner-spin-button,
715
- ::-webkit-outer-spin-button {
716
- height: auto;
717
- }
718
-
719
- /*
720
- 1. Correct the odd appearance in Chrome and Safari.
721
- 2. Correct the outline style in Safari.
722
- */
723
-
724
- [type='search'] {
725
- -webkit-appearance: textfield;
726
- /* 1 */
727
- outline-offset: -2px;
728
- /* 2 */
729
- }
730
-
731
- /*
732
- Remove the inner padding in Chrome and Safari on macOS.
733
- */
734
-
735
- ::-webkit-search-decoration {
736
- -webkit-appearance: none;
737
- }
738
-
739
- /*
740
- 1. Correct the inability to style clickable types in iOS and Safari.
741
- 2. Change font properties to `inherit` in Safari.
742
- */
743
-
744
- ::-webkit-file-upload-button {
745
- -webkit-appearance: button;
746
- /* 1 */
747
- font: inherit;
748
- /* 2 */
749
- }
750
-
751
- /*
752
- Add the correct display in Chrome and Safari.
753
- */
754
-
755
- summary {
756
- display: list-item;
757
- }
758
-
759
- /*
760
- Removes the default spacing and border for appropriate elements.
761
- */
762
-
763
- blockquote,
764
- dl,
765
- dd,
766
- h1,
767
- h2,
768
- h3,
769
- h4,
770
- h5,
771
- h6,
772
- hr,
773
- figure,
774
- p,
775
- pre {
776
- margin: 0;
777
- }
778
-
779
- fieldset {
780
- margin: 0;
781
- padding: 0;
782
- }
783
-
784
- legend {
785
- padding: 0;
786
- }
787
-
788
- ol,
789
- ul,
790
- menu {
791
- list-style: none;
792
- margin: 0;
793
- padding: 0;
794
- }
795
-
796
- /*
797
- Reset default styling for dialogs.
798
- */
799
-
800
- dialog {
801
- padding: 0;
802
- }
803
-
804
- /*
805
- Prevent resizing textareas horizontally by default.
806
- */
807
-
808
- textarea {
809
- resize: vertical;
810
- }
811
-
812
- /*
813
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
814
- 2. Set the default placeholder color to the user's configured gray 400 color.
815
- */
816
-
817
- input::-moz-placeholder, textarea::-moz-placeholder {
818
- opacity: 1;
819
- /* 1 */
820
- color: #9ca3af;
821
- /* 2 */
822
- }
823
-
824
- input::placeholder,
825
- textarea::placeholder {
826
- opacity: 1;
827
- /* 1 */
828
- color: #9ca3af;
829
- /* 2 */
830
- }
831
-
832
- /*
833
- Set the default cursor for buttons.
834
- */
835
-
836
- button,
837
- [role="button"] {
838
- cursor: pointer;
839
- }
840
-
841
- /*
842
- Make sure disabled buttons don't get the pointer cursor.
843
- */
844
-
845
- :disabled {
846
- cursor: default;
847
- }
848
-
849
- /*
850
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
851
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
852
- This can trigger a poorly considered lint error in some tools but is included by design.
853
- */
854
-
855
- img,
856
- svg,
857
- video,
858
- canvas,
859
- audio,
860
- iframe,
861
- embed,
862
- object {
863
- display: block;
864
- /* 1 */
865
- vertical-align: middle;
866
- /* 2 */
867
- }
868
-
869
- /*
870
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
871
- */
872
-
873
- img,
874
- video {
875
- max-width: 100%;
876
- height: auto;
877
- }
878
-
879
- /* Make elements with the HTML hidden attribute stay hidden by default */
880
-
881
- [hidden]:where(:not([hidden="until-found"])) {
882
- display: none;
883
- }
884
-
885
- .container {
886
- width: 100%;
887
- }
888
-
889
- @media (min-width: 640px) {
890
- .container {
891
- max-width: 640px;
892
- }
893
- }
894
-
895
- @media (min-width: 768px) {
896
- .container {
897
- max-width: 768px;
898
- }
899
- }
900
-
901
- @media (min-width: 1024px) {
902
- .container {
903
- max-width: 1024px;
904
- }
905
- }
906
-
907
- @media (min-width: 1280px) {
908
- .container {
909
- max-width: 1280px;
910
- }
911
- }
912
-
913
- @media (min-width: 1536px) {
914
- .container {
915
- max-width: 1536px;
916
- }
917
- }
918
-
919
- .sr-only {
920
- position: absolute;
921
- width: 1px;
922
- height: 1px;
923
- padding: 0;
924
- margin: -1px;
925
- overflow: hidden;
926
- clip: rect(0, 0, 0, 0);
927
- white-space: nowrap;
928
- border-width: 0;
929
- }
930
-
931
- .fixed {
932
- position: fixed;
933
- }
934
-
935
- .absolute {
936
- position: absolute;
937
- }
938
-
939
- .relative {
940
- position: relative;
941
- }
942
-
943
- .inset-0 {
944
- inset: 0px;
945
- }
946
-
947
- .inset-x-0 {
948
- left: 0px;
949
- right: 0px;
950
- }
951
-
952
- .bottom-0 {
953
- bottom: 0px;
954
- }
955
-
956
- .bottom-full {
957
- bottom: 100%;
958
- }
959
-
960
- .left-0 {
961
- left: 0px;
962
- }
963
-
964
- .left-2 {
965
- left: 0.5rem;
966
- }
967
-
968
- .left-20 {
969
- left: 5rem;
970
- }
971
-
972
- .left-\[50\%\] {
973
- left: 50%;
974
- }
975
-
976
- .right-0 {
977
- right: 0px;
978
- }
979
-
980
- .right-20 {
981
- right: 5rem;
982
- }
983
-
984
- .top-0 {
985
- top: 0px;
986
- }
987
-
988
- .top-1\/2 {
989
- top: 50%;
990
- }
991
-
992
- .top-\[50\%\] {
993
- top: 50%;
994
- }
995
-
996
- .top-full {
997
- top: 100%;
998
- }
999
-
1000
- .z-10 {
1001
- z-index: 10;
1002
- }
1003
-
1004
- .z-40 {
1005
- z-index: 40;
1006
- }
1007
-
1008
- .z-50 {
1009
- z-index: 50;
1010
- }
1011
-
1012
- .z-\[1\] {
1013
- z-index: 1;
1014
- }
1015
-
1016
- .m-2 {
1017
- margin: 0.5rem;
1018
- }
1019
-
1020
- .-mx-1 {
1021
- margin-left: -0.25rem;
1022
- margin-right: -0.25rem;
1023
- }
1024
-
1025
- .mx-1 {
1026
- margin-left: 0.25rem;
1027
- margin-right: 0.25rem;
1028
- }
1029
-
1030
- .mx-auto {
1031
- margin-left: auto;
1032
- margin-right: auto;
1033
- }
1034
-
1035
- .my-1 {
1036
- margin-top: 0.25rem;
1037
- margin-bottom: 0.25rem;
1038
- }
1039
-
1040
- .-mb-\[1px\] {
1041
- margin-bottom: -1px;
1042
- }
1043
-
1044
- .mb-1 {
1045
- margin-bottom: 0.25rem;
1046
- }
1047
-
1048
- .ml-0 {
1049
- margin-left: 0px;
1050
- }
1051
-
1052
- .ml-auto {
1053
- margin-left: auto;
1054
- }
1055
-
1056
- .mr-2 {
1057
- margin-right: 0.5rem;
1058
- }
1059
-
1060
- .mt-1 {
1061
- margin-top: 0.25rem;
1062
- }
1063
-
1064
- .mt-2 {
1065
- margin-top: 0.5rem;
1066
- }
1067
-
1068
- .mt-4 {
1069
- margin-top: 1rem;
1070
- }
1071
-
1072
- .mt-auto {
1073
- margin-top: auto;
1074
- }
1075
-
1076
- .block {
1077
- display: block;
1078
- }
1079
-
1080
- .inline-block {
1081
- display: inline-block;
1082
- }
1083
-
1084
- .flex {
1085
- display: flex;
1086
- }
1087
-
1088
- .inline-flex {
1089
- display: inline-flex;
1090
- }
1091
-
1092
- .table {
1093
- display: table;
1094
- }
1095
-
1096
- .grid {
1097
- display: grid;
1098
- }
1099
-
1100
- .hidden {
1101
- display: none;
1102
- }
1103
-
1104
- .size-6 {
1105
- width: 1.5rem;
1106
- height: 1.5rem;
1107
- }
1108
-
1109
- .h-1 {
1110
- height: 0.25rem;
1111
- }
1112
-
1113
- .h-10 {
1114
- height: 2.5rem;
1115
- }
1116
-
1117
- .h-12 {
1118
- height: 3rem;
1119
- }
1120
-
1121
- .h-16 {
1122
- height: 4rem;
1123
- }
1124
-
1125
- .h-2 {
1126
- height: 0.5rem;
1127
- }
1128
-
1129
- .h-2\.5 {
1130
- height: 0.625rem;
1131
- }
1132
-
1133
- .h-3 {
1134
- height: 0.75rem;
1135
- }
1136
-
1137
- .h-3\.5 {
1138
- height: 0.875rem;
1139
- }
1140
-
1141
- .h-4 {
1142
- height: 1rem;
1143
- }
1144
-
1145
- .h-5 {
1146
- height: 1.25rem;
1147
- }
1148
-
1149
- .h-6 {
1150
- height: 1.5rem;
1151
- }
1152
-
1153
- .h-64 {
1154
- height: 16rem;
1155
- }
1156
-
1157
- .h-8 {
1158
- height: 2rem;
1159
- }
1160
-
1161
- .h-9 {
1162
- height: 2.25rem;
1163
- }
1164
-
1165
- .h-\[1000px\] {
1166
- height: 1000px;
1167
- }
1168
-
1169
- .h-\[10px\] {
1170
- height: 10px;
1171
- }
1172
-
1173
- .h-\[1px\] {
1174
- height: 1px;
1175
- }
1176
-
1177
- .h-\[32px\] {
1178
- height: 32px;
1179
- }
1180
-
1181
- .h-\[var\(--radix-select-trigger-height\)\] {
1182
- height: var(--radix-select-trigger-height);
1183
- }
1184
-
1185
- .h-auto {
1186
- height: auto;
1187
- }
1188
-
1189
- .h-full {
1190
- height: 100%;
1191
- }
1192
-
1193
- .h-px {
1194
- height: 1px;
1195
- }
1196
-
1197
- .max-h-80 {
1198
- max-height: 20rem;
1199
- }
1200
-
1201
- .max-h-\[300px\] {
1202
- max-height: 300px;
1203
- }
1204
-
1205
- .w-16 {
1206
- width: 4rem;
1207
- }
1208
-
1209
- .w-2 {
1210
- width: 0.5rem;
1211
- }
1212
-
1213
- .w-2\.5 {
1214
- width: 0.625rem;
1215
- }
1216
-
1217
- .w-3 {
1218
- width: 0.75rem;
1219
- }
1220
-
1221
- .w-3\.5 {
1222
- width: 0.875rem;
1223
- }
1224
-
1225
- .w-4 {
1226
- width: 1rem;
1227
- }
1228
-
1229
- .w-5 {
1230
- width: 1.25rem;
1231
- }
1232
-
1233
- .w-56 {
1234
- width: 14rem;
1235
- }
1236
-
1237
- .w-64 {
1238
- width: 16rem;
1239
- }
1240
-
1241
- .w-72 {
1242
- width: 18rem;
1243
- }
1244
-
1245
- .w-8 {
1246
- width: 2rem;
1247
- }
1248
-
1249
- .w-9 {
1250
- width: 2.25rem;
1251
- }
1252
-
1253
- .w-\[10px\] {
1254
- width: 10px;
1255
- }
1256
-
1257
- .w-\[44px\] {
1258
- width: 44px;
1259
- }
1260
-
1261
- .w-\[46px\] {
1262
- width: 46px;
1263
- }
1264
-
1265
- .w-full {
1266
- width: 100%;
1267
- }
1268
-
1269
- .w-max {
1270
- width: -moz-max-content;
1271
- width: max-content;
1272
- }
1273
-
1274
- .min-w-0 {
1275
- min-width: 0px;
1276
- }
1277
-
1278
- .min-w-16 {
1279
- min-width: 4rem;
1280
- }
1281
-
1282
- .min-w-32 {
1283
- min-width: 8rem;
1284
- }
1285
-
1286
- .min-w-48 {
1287
- min-width: 12rem;
1288
- }
1289
-
1290
- .min-w-\[8rem\] {
1291
- min-width: 8rem;
1292
- }
1293
-
1294
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1295
- min-width: var(--radix-select-trigger-width);
1296
- }
1297
-
1298
- .min-w-max {
1299
- min-width: -moz-max-content;
1300
- min-width: max-content;
1301
- }
1302
-
1303
- .max-w-\[100vw\] {
1304
- max-width: 100vw;
1305
- }
1306
-
1307
- .max-w-\[628px\] {
1308
- max-width: 628px;
1309
- }
1310
-
1311
- .max-w-sm {
1312
- max-width: 24rem;
1313
- }
1314
-
1315
- .flex-1 {
1316
- flex: 1 1 0%;
1317
- }
1318
-
1319
- .shrink-0 {
1320
- flex-shrink: 0;
1321
- }
1322
-
1323
- .grow {
1324
- flex-grow: 1;
1325
- }
1326
-
1327
- .grow-0 {
1328
- flex-grow: 0;
1329
- }
1330
-
1331
- .caption-bottom {
1332
- caption-side: bottom;
1333
- }
1334
-
1335
- .-translate-y-1\/2 {
1336
- --tw-translate-y: -50%;
1337
- 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));
1338
- }
1339
-
1340
- .translate-x-6 {
1341
- --tw-translate-x: 1.5rem;
1342
- 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));
1343
- }
1344
-
1345
- .translate-x-\[-50\%\] {
1346
- --tw-translate-x: -50%;
1347
- 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));
1348
- }
1349
-
1350
- .translate-x-\[2px\] {
1351
- --tw-translate-x: 2px;
1352
- 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));
1353
- }
1354
-
1355
- .translate-y-\[-50\%\] {
1356
- --tw-translate-y: -50%;
1357
- 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));
1358
- }
1359
-
1360
- .rotate-90 {
1361
- --tw-rotate: 90deg;
1362
- 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));
1363
- }
1364
-
1365
- .transform {
1366
- 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));
1367
- }
1368
-
1369
- @keyframes pulse {
1370
- 50% {
1371
- opacity: .5;
1372
- }
1373
- }
1374
-
1375
- .animate-pulse {
1376
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1377
- }
1378
-
1379
- .cursor-default {
1380
- cursor: default;
1381
- }
1382
-
1383
- .cursor-not-allowed {
1384
- cursor: not-allowed;
1385
- }
1386
-
1387
- .cursor-pointer {
1388
- cursor: pointer;
1389
- }
1390
-
1391
- .cursor-text {
1392
- cursor: text;
1393
- }
1394
-
1395
- .touch-none {
1396
- touch-action: none;
1397
- }
1398
-
1399
- .select-none {
1400
- -webkit-user-select: none;
1401
- -moz-user-select: none;
1402
- user-select: none;
1403
- }
1404
-
1405
- .resize {
1406
- resize: both;
1407
- }
1408
-
1409
- .grid-cols-3 {
1410
- grid-template-columns: repeat(3, minmax(0, 1fr));
1411
- }
1412
-
1413
- .grid-cols-6 {
1414
- grid-template-columns: repeat(6, minmax(0, 1fr));
1415
- }
1416
-
1417
- .flex-row {
1418
- flex-direction: row;
1419
- }
1420
-
1421
- .flex-col {
1422
- flex-direction: column;
1423
- }
1424
-
1425
- .flex-wrap {
1426
- flex-wrap: wrap;
1427
- }
1428
-
1429
- .items-start {
1430
- align-items: flex-start;
1431
- }
1432
-
1433
- .items-center {
1434
- align-items: center;
1435
- }
1436
-
1437
- .items-stretch {
1438
- align-items: stretch;
1439
- }
1440
-
1441
- .justify-start {
1442
- justify-content: flex-start;
1443
- }
1444
-
1445
- .justify-center {
1446
- justify-content: center;
1447
- }
1448
-
1449
- .justify-between {
1450
- justify-content: space-between;
1451
- }
1452
-
1453
- .gap-1 {
1454
- gap: 0.25rem;
1455
- }
1456
-
1457
- .gap-1\.5 {
1458
- gap: 0.375rem;
1459
- }
1460
-
1461
- .gap-2 {
1462
- gap: 0.5rem;
1463
- }
1464
-
1465
- .gap-3 {
1466
- gap: 0.75rem;
1467
- }
1468
-
1469
- .gap-4 {
1470
- gap: 1rem;
1471
- }
1472
-
1473
- .gap-6 {
1474
- gap: 1.5rem;
1475
- }
1476
-
1477
- .gap-8 {
1478
- gap: 2rem;
1479
- }
1480
-
1481
- .gap-x-0 {
1482
- -moz-column-gap: 0px;
1483
- column-gap: 0px;
1484
- }
1485
-
1486
- .gap-x-2 {
1487
- -moz-column-gap: 0.5rem;
1488
- column-gap: 0.5rem;
1489
- }
1490
-
1491
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1492
- --tw-space-y-reverse: 0;
1493
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1494
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1495
- }
1496
-
1497
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1498
- --tw-space-y-reverse: 0;
1499
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1500
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1501
- }
1502
-
1503
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1504
- --tw-space-y-reverse: 0;
1505
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1506
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1507
- }
1508
-
1509
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1510
- --tw-space-y-reverse: 0;
1511
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1512
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1513
- }
1514
-
1515
- .overflow-auto {
1516
- overflow: auto;
1517
- }
1518
-
1519
- .overflow-hidden {
1520
- overflow: hidden;
1521
- }
1522
-
1523
- .overflow-y-auto {
1524
- overflow-y: auto;
1525
- }
1526
-
1527
- .overflow-x-hidden {
1528
- overflow-x: hidden;
1529
- }
1530
-
1531
- .text-ellipsis {
1532
- text-overflow: ellipsis;
1533
- }
1534
-
1535
- .whitespace-nowrap {
1536
- white-space: nowrap;
1537
- }
1538
-
1539
- .whitespace-pre-wrap {
1540
- white-space: pre-wrap;
1541
- }
1542
-
1543
- .break-words {
1544
- overflow-wrap: break-word;
1545
- }
1546
-
1547
- .rounded-\[inherit\] {
1548
- border-radius: inherit;
1549
- }
1550
-
1551
- .rounded-full {
1552
- border-radius: 9999px;
1553
- }
1554
-
1555
- .rounded-md {
1556
- border-radius: 0.375rem;
1557
- }
1558
-
1559
- .rounded-none {
1560
- border-radius: 0px;
1561
- }
1562
-
1563
- .rounded-sm {
1564
- border-radius: 0.125rem;
1565
- }
1566
-
1567
- .rounded-t-3xl {
1568
- border-top-left-radius: 1.5rem;
1569
- border-top-right-radius: 1.5rem;
1570
- }
1571
-
1572
- .border {
1573
- border-width: 1px;
1574
- }
1575
-
1576
- .border-0 {
1577
- border-width: 0px;
1578
- }
1579
-
1580
- .border-2 {
1581
- border-width: 2px;
1582
- }
1583
-
1584
- .border-\[1\.5px\] {
1585
- border-width: 1.5px;
1586
- }
1587
-
1588
- .border-b {
1589
- border-bottom-width: 1px;
1590
- }
1591
-
1592
- .border-b-\[1px\] {
1593
- border-bottom-width: 1px;
1594
- }
1595
-
1596
- .border-l {
1597
- border-left-width: 1px;
1598
- }
1599
-
1600
- .border-l-8 {
1601
- border-left-width: 8px;
1602
- }
1603
-
1604
- .border-t {
1605
- border-top-width: 1px;
1606
- }
1607
-
1608
- .border-none {
1609
- border-style: none;
1610
- }
1611
-
1612
- .border-accent-300 {
1613
- --tw-border-opacity: 1;
1614
- border-color: rgb(229 88 103 / var(--tw-border-opacity, 1));
1615
- }
1616
-
1617
- .border-alert4 {
1618
- --tw-border-opacity: 1;
1619
- border-color: rgb(226 70 87 / var(--tw-border-opacity, 1));
1620
- }
1621
-
1622
- .border-black {
1623
- --tw-border-opacity: 1;
1624
- border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
1625
- }
1626
-
1627
- .border-gray-300 {
1628
- --tw-border-opacity: 1;
1629
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1630
- }
1631
-
1632
- .border-info-300 {
1633
- --tw-border-opacity: 1;
1634
- border-color: rgb(80 200 232 / var(--tw-border-opacity, 1));
1635
- }
1636
-
1637
- .border-primary1 {
1638
- --tw-border-opacity: 1;
1639
- border-color: rgb(239 239 240 / var(--tw-border-opacity, 1));
1640
- }
1641
-
1642
- .border-primary2 {
1643
- --tw-border-opacity: 1;
1644
- border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
1645
- }
1646
-
1647
- .border-primary3 {
1648
- --tw-border-opacity: 1;
1649
- border-color: rgb(88 88 88 / var(--tw-border-opacity, 1));
1650
- }
1651
-
1652
- .border-success-300 {
1653
- --tw-border-opacity: 1;
1654
- border-color: rgb(79 217 194 / var(--tw-border-opacity, 1));
1655
- }
1656
-
1657
- .border-success4 {
1658
- --tw-border-opacity: 1;
1659
- border-color: rgb(79 217 194 / var(--tw-border-opacity, 1));
1660
- }
1661
-
1662
- .border-warning-300 {
1663
- --tw-border-opacity: 1;
1664
- border-color: rgb(244 178 92 / var(--tw-border-opacity, 1));
1665
- }
1666
-
1667
- .border-white {
1668
- --tw-border-opacity: 1;
1669
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1670
- }
1671
-
1672
- .border-zinc-200 {
1673
- --tw-border-opacity: 1;
1674
- border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
1675
- }
1676
-
1677
- .border-zinc-900 {
1678
- --tw-border-opacity: 1;
1679
- border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
1680
- }
1681
-
1682
- .border-b-primary1 {
1683
- --tw-border-opacity: 1;
1684
- border-bottom-color: rgb(239 239 240 / var(--tw-border-opacity, 1));
1685
- }
1686
-
1687
- .border-l-transparent {
1688
- border-left-color: transparent;
1689
- }
1690
-
1691
- .border-t-primary1 {
1692
- --tw-border-opacity: 1;
1693
- border-top-color: rgb(239 239 240 / var(--tw-border-opacity, 1));
1694
- }
1695
-
1696
- .border-t-transparent {
1697
- border-top-color: transparent;
1698
- }
1699
-
1700
- .bg-\[\#F7F7F7\] {
1701
- --tw-bg-opacity: 1;
1702
- background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
1703
- }
1704
-
1705
- .bg-accent-50 {
1706
- --tw-bg-opacity: 1;
1707
- background-color: rgb(252 234 238 / var(--tw-bg-opacity, 1));
1708
- }
1709
-
1710
- .bg-accent-500 {
1711
- --tw-bg-opacity: 1;
1712
- background-color: rgb(226 70 87 / var(--tw-bg-opacity, 1));
1713
- }
1714
-
1715
- .bg-accent4 {
1716
- --tw-bg-opacity: 1;
1717
- background-color: rgb(229 88 103 / var(--tw-bg-opacity, 1));
1718
- }
1719
-
1720
- .bg-black {
1721
- --tw-bg-opacity: 1;
1722
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1723
- }
1724
-
1725
- .bg-black\/45 {
1726
- background-color: rgb(0 0 0 / 0.45);
1727
- }
1728
-
1729
- .bg-black\/50 {
1730
- background-color: rgb(0 0 0 / 0.5);
1731
- }
1732
-
1733
- .bg-black\/80 {
1734
- background-color: rgb(0 0 0 / 0.8);
1735
- }
1736
-
1737
- .bg-danger\/30 {
1738
- background-color: rgb(226 70 87 / 0.3);
1739
- }
1740
-
1741
- .bg-info-50 {
1742
- --tw-bg-opacity: 1;
1743
- background-color: rgb(205 241 250 / var(--tw-bg-opacity, 1));
1744
- }
1745
-
1746
- .bg-links {
1747
- --tw-bg-opacity: 1;
1748
- background-color: rgb(80 200 232 / var(--tw-bg-opacity, 1));
1749
- }
1750
-
1751
- .bg-links2 {
1752
- --tw-bg-opacity: 1;
1753
- background-color: rgb(173 224 238 / var(--tw-bg-opacity, 1));
1754
- }
1755
-
1756
- .bg-primary1 {
1757
- --tw-bg-opacity: 1;
1758
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
1759
- }
1760
-
1761
- .bg-primary2 {
1762
- --tw-bg-opacity: 1;
1763
- background-color: rgb(202 202 202 / var(--tw-bg-opacity, 1));
1764
- }
1765
-
1766
- .bg-success-200 {
1767
- --tw-bg-opacity: 1;
1768
- background-color: rgb(59 213 188 / var(--tw-bg-opacity, 1));
1769
- }
1770
-
1771
- .bg-success-50 {
1772
- --tw-bg-opacity: 1;
1773
- background-color: rgb(216 247 242 / var(--tw-bg-opacity, 1));
1774
- }
1775
-
1776
- .bg-success4 {
1777
- --tw-bg-opacity: 1;
1778
- background-color: rgb(79 217 194 / var(--tw-bg-opacity, 1));
1779
- }
1780
-
1781
- .bg-transparent {
1782
- background-color: transparent;
1783
- }
1784
-
1785
- .bg-warning-50 {
1786
- --tw-bg-opacity: 1;
1787
- background-color: rgb(253 240 222 / var(--tw-bg-opacity, 1));
1788
- }
1789
-
1790
- .bg-warning4 {
1791
- --tw-bg-opacity: 1;
1792
- background-color: rgb(244 178 92 / var(--tw-bg-opacity, 1));
1793
- }
1794
-
1795
- .bg-warning4\/30 {
1796
- background-color: rgb(244 178 92 / 0.3);
1797
- }
1798
-
1799
- .bg-white {
1800
- --tw-bg-opacity: 1;
1801
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1802
- }
1803
-
1804
- .bg-zinc-100 {
1805
- --tw-bg-opacity: 1;
1806
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
1807
- }
1808
-
1809
- .bg-zinc-100\/50 {
1810
- background-color: rgb(244 244 245 / 0.5);
1811
- }
1812
-
1813
- .bg-zinc-200 {
1814
- --tw-bg-opacity: 1;
1815
- background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
1816
- }
1817
-
1818
- .bg-zinc-800 {
1819
- --tw-bg-opacity: 1;
1820
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
1821
- }
1822
-
1823
- .bg-zinc-900 {
1824
- --tw-bg-opacity: 1;
1825
- background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
1826
- }
1827
-
1828
- .fill-alert-700 {
1829
- fill: #E24657;
1830
- }
1831
-
1832
- .fill-current {
1833
- fill: currentColor;
1834
- }
1835
-
1836
- .fill-primary4 {
1837
- fill: #191919;
1838
- }
1839
-
1840
- .fill-white {
1841
- fill: #ffffff;
1842
- }
1843
-
1844
- .stroke-alert4 {
1845
- stroke: #E24657;
1846
- }
1847
-
1848
- .stroke-primary1 {
1849
- stroke: #EFEFF0;
1850
- }
1851
-
1852
- .stroke-primary4 {
1853
- stroke: #191919;
1854
- }
1855
-
1856
- .stroke-warning4 {
1857
- stroke: #F4B25C;
1858
- }
1859
-
1860
- .p-0 {
1861
- padding: 0px;
1862
- }
1863
-
1864
- .p-1 {
1865
- padding: 0.25rem;
1866
- }
1867
-
1868
- .p-10 {
1869
- padding: 2.5rem;
1870
- }
1871
-
1872
- .p-2 {
1873
- padding: 0.5rem;
1874
- }
1875
-
1876
- .p-2\.5 {
1877
- padding: 0.625rem;
1878
- }
1879
-
1880
- .p-3 {
1881
- padding: 0.75rem;
1882
- }
1883
-
1884
- .p-4 {
1885
- padding: 1rem;
1886
- }
1887
-
1888
- .p-6 {
1889
- padding: 1.5rem;
1890
- }
1891
-
1892
- .p-\[1px\] {
1893
- padding: 1px;
1894
- }
1895
-
1896
- .px-2 {
1897
- padding-left: 0.5rem;
1898
- padding-right: 0.5rem;
1899
- }
1900
-
1901
- .px-24 {
1902
- padding-left: 6rem;
1903
- padding-right: 6rem;
1904
- }
1905
-
1906
- .px-3 {
1907
- padding-left: 0.75rem;
1908
- padding-right: 0.75rem;
1909
- }
1910
-
1911
- .px-4 {
1912
- padding-left: 1rem;
1913
- padding-right: 1rem;
1914
- }
1915
-
1916
- .px-6 {
1917
- padding-left: 1.5rem;
1918
- padding-right: 1.5rem;
1919
- }
1920
-
1921
- .px-\[16px\] {
1922
- padding-left: 16px;
1923
- padding-right: 16px;
1924
- }
1925
-
1926
- .px-\[18px\] {
1927
- padding-left: 18px;
1928
- padding-right: 18px;
1929
- }
1930
-
1931
- .py-1 {
1932
- padding-top: 0.25rem;
1933
- padding-bottom: 0.25rem;
1934
- }
1935
-
1936
- .py-1\.5 {
1937
- padding-top: 0.375rem;
1938
- padding-bottom: 0.375rem;
1939
- }
1940
-
1941
- .py-2 {
1942
- padding-top: 0.5rem;
1943
- padding-bottom: 0.5rem;
1944
- }
1945
-
1946
- .py-3 {
1947
- padding-top: 0.75rem;
1948
- padding-bottom: 0.75rem;
1949
- }
1950
-
1951
- .py-4 {
1952
- padding-top: 1rem;
1953
- padding-bottom: 1rem;
1954
- }
1955
-
1956
- .py-6 {
1957
- padding-top: 1.5rem;
1958
- padding-bottom: 1.5rem;
1959
- }
1960
-
1961
- .py-\[13px\] {
1962
- padding-top: 13px;
1963
- padding-bottom: 13px;
1964
- }
1965
-
1966
- .pl-2 {
1967
- padding-left: 0.5rem;
1968
- }
1969
-
1970
- .pl-8 {
1971
- padding-left: 2rem;
1972
- }
1973
-
1974
- .pr-2 {
1975
- padding-right: 0.5rem;
1976
- }
1977
-
1978
- .text-left {
1979
- text-align: left;
1980
- }
1981
-
1982
- .text-center {
1983
- text-align: center;
1984
- }
1985
-
1986
- .align-middle {
1987
- vertical-align: middle;
1988
- }
1989
-
1990
- .font-bold {
1991
- font-family: Gotham-Bold;
1992
- }
1993
-
1994
- .font-light {
1995
- font-family: Gotham-Light;
1996
- }
1997
-
1998
- .font-medium {
1999
- font-family: Gotham-Medium;
2000
- }
2001
-
2002
- .font-normal {
2003
- font-family: Gotham-Book;
2004
- }
2005
-
2006
- .text-2xl {
2007
- font-size: 18px;
2008
- }
2009
-
2010
- .text-3xl {
2011
- font-size: 20px;
2012
- }
2013
-
2014
- .text-4xl {
2015
- font-size: 22px;
2016
- }
2017
-
2018
- .text-5xl {
2019
- font-size: 24px;
2020
- }
2021
-
2022
- .text-9xl {
2023
- font-size: 8rem;
2024
- line-height: 1;
2025
- }
2026
-
2027
- .text-\[12px\] {
2028
- font-size: 12px;
2029
- }
2030
-
2031
- .text-base {
2032
- font-size: 14px;
2033
- }
2034
-
2035
- .text-lg {
2036
- font-size: 1.125rem;
2037
- line-height: 1.75rem;
2038
- }
2039
-
2040
- .text-sm {
2041
- font-size: 12px;
2042
- }
2043
-
2044
- .text-xl {
2045
- font-size: 16px;
2046
- }
2047
-
2048
- .text-xs {
2049
- font-size: 10px;
2050
- }
2051
-
2052
- .font-bold {
2053
- font-weight: 700;
2054
- }
2055
-
2056
- .font-light {
2057
- font-weight: 300;
2058
- }
2059
-
2060
- .font-medium {
2061
- font-weight: 500;
2062
- }
2063
-
2064
- .font-normal {
2065
- font-weight: 400;
2066
- }
2067
-
2068
- .font-semibold {
2069
- font-weight: 600;
2070
- }
2071
-
2072
- .uppercase {
2073
- text-transform: uppercase;
2074
- }
2075
-
2076
- .italic {
2077
- font-style: italic;
2078
- }
2079
-
2080
- .leading-\[19\.6px\] {
2081
- line-height: 19.6px;
2082
- }
2083
-
2084
- .leading-none {
2085
- line-height: 1;
2086
- }
2087
-
2088
- .tracking-\[0\.5px\] {
2089
- letter-spacing: 0.5px;
2090
- }
2091
-
2092
- .tracking-\[2px\] {
2093
- letter-spacing: 2px;
2094
- }
2095
-
2096
- .tracking-normal {
2097
- letter-spacing: 0;
2098
- }
2099
-
2100
- .tracking-tight {
2101
- letter-spacing: -0.025em;
2102
- }
2103
-
2104
- .tracking-wide {
2105
- letter-spacing: 1px;
2106
- }
2107
-
2108
- .tracking-wider {
2109
- letter-spacing: 2px;
2110
- }
2111
-
2112
- .tracking-widest {
2113
- letter-spacing: 3px;
2114
- }
2115
-
2116
- .text-accent-300 {
2117
- --tw-text-opacity: 1;
2118
- color: rgb(229 88 103 / var(--tw-text-opacity, 1));
2119
- }
2120
-
2121
- .text-accent-600 {
2122
- --tw-text-opacity: 1;
2123
- color: rgb(216 37 63 / var(--tw-text-opacity, 1));
2124
- }
2125
-
2126
- .text-alert4 {
2127
- --tw-text-opacity: 1;
2128
- color: rgb(226 70 87 / var(--tw-text-opacity, 1));
2129
- }
2130
-
2131
- .text-black {
2132
- --tw-text-opacity: 1;
2133
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2134
- }
2135
-
2136
- .text-current {
2137
- color: currentColor;
2138
- }
2139
-
2140
- .text-danger {
2141
- --tw-text-opacity: 1;
2142
- color: rgb(226 70 87 / var(--tw-text-opacity, 1));
2143
- }
2144
-
2145
- .text-gray-950 {
2146
- --tw-text-opacity: 1;
2147
- color: rgb(3 7 18 / var(--tw-text-opacity, 1));
2148
- }
2149
-
2150
- .text-info-300 {
2151
- --tw-text-opacity: 1;
2152
- color: rgb(80 200 232 / var(--tw-text-opacity, 1));
2153
- }
2154
-
2155
- .text-info-600 {
2156
- --tw-text-opacity: 1;
2157
- color: rgb(62 165 192 / var(--tw-text-opacity, 1));
2158
- }
2159
-
2160
- .text-links {
2161
- --tw-text-opacity: 1;
2162
- color: rgb(80 200 232 / var(--tw-text-opacity, 1));
2163
- }
2164
-
2165
- .text-primary1 {
2166
- --tw-text-opacity: 1;
2167
- color: rgb(239 239 240 / var(--tw-text-opacity, 1));
2168
- }
2169
-
2170
- .text-primary2 {
2171
- --tw-text-opacity: 1;
2172
- color: rgb(202 202 202 / var(--tw-text-opacity, 1));
2173
- }
2174
-
2175
- .text-primary3 {
2176
- --tw-text-opacity: 1;
2177
- color: rgb(88 88 88 / var(--tw-text-opacity, 1));
2178
- }
2179
-
2180
- .text-primary4 {
2181
- --tw-text-opacity: 1;
2182
- color: rgb(25 25 25 / var(--tw-text-opacity, 1));
2183
- }
2184
-
2185
- .text-success-300 {
2186
- --tw-text-opacity: 1;
2187
- color: rgb(79 217 194 / var(--tw-text-opacity, 1));
2188
- }
2189
-
2190
- .text-success-600 {
2191
- --tw-text-opacity: 1;
2192
- color: rgb(46 166 146 / var(--tw-text-opacity, 1));
2193
- }
2194
-
2195
- .text-warning-300 {
2196
- --tw-text-opacity: 1;
2197
- color: rgb(244 178 92 / var(--tw-text-opacity, 1));
2198
- }
2199
-
2200
- .text-warning-600 {
2201
- --tw-text-opacity: 1;
2202
- color: rgb(191 127 44 / var(--tw-text-opacity, 1));
2203
- }
2204
-
2205
- .text-warning4 {
2206
- --tw-text-opacity: 1;
2207
- color: rgb(244 178 92 / var(--tw-text-opacity, 1));
2208
- }
2209
-
2210
- .text-white {
2211
- --tw-text-opacity: 1;
2212
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2213
- }
2214
-
2215
- .text-zinc-500 {
2216
- --tw-text-opacity: 1;
2217
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2218
- }
2219
-
2220
- .text-zinc-950 {
2221
- --tw-text-opacity: 1;
2222
- color: rgb(9 9 11 / var(--tw-text-opacity, 1));
2223
- }
2224
-
2225
- .placeholder-primary2::-moz-placeholder {
2226
- --tw-placeholder-opacity: 1;
2227
- color: rgb(202 202 202 / var(--tw-placeholder-opacity, 1));
2228
- }
2229
-
2230
- .placeholder-primary2::placeholder {
2231
- --tw-placeholder-opacity: 1;
2232
- color: rgb(202 202 202 / var(--tw-placeholder-opacity, 1));
2233
- }
2234
-
2235
- .opacity-50 {
2236
- opacity: 0.5;
2237
- }
2238
-
2239
- .opacity-60 {
2240
- opacity: 0.6;
2241
- }
2242
-
2243
- .shadow-lg {
2244
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2245
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2246
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2247
- }
2248
-
2249
- .shadow-md {
2250
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2251
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2252
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2253
- }
2254
-
2255
- .shadow-xl {
2256
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2257
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2258
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2259
- }
2260
-
2261
- .outline-none {
2262
- outline: 2px solid transparent;
2263
- outline-offset: 2px;
2264
- }
2265
-
2266
- .outline {
2267
- outline-style: solid;
2268
- }
2269
-
2270
- .outline-white {
2271
- outline-color: #ffffff;
2272
- }
2273
-
2274
- .ring-offset-white {
2275
- --tw-ring-offset-color: #ffffff;
2276
- }
2277
-
2278
- .blur {
2279
- --tw-blur: blur(8px);
2280
- 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);
2281
- }
2282
-
2283
- .filter {
2284
- 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);
2285
- }
2286
-
2287
- .transition-all {
2288
- transition-property: all;
2289
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2290
- transition-duration: 150ms;
2291
- }
2292
-
2293
- .transition-colors {
2294
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2295
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2296
- transition-duration: 150ms;
2297
- }
2298
-
2299
- .transition-transform {
2300
- transition-property: transform;
2301
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2302
- transition-duration: 150ms;
2303
- }
2304
-
2305
- .duration-200 {
2306
- transition-duration: 200ms;
2307
- }
2308
-
2309
- .duration-300 {
2310
- transition-duration: 300ms;
2311
- }
2312
-
2313
- .duration-500 {
2314
- transition-duration: 500ms;
2315
- }
2316
-
2317
- .ease-in-out {
2318
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2319
- }
2320
-
2321
- @keyframes enter {
2322
- from {
2323
- opacity: var(--tw-enter-opacity, 1);
2324
- 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));
2325
- }
2326
- }
2327
-
2328
- @keyframes exit {
2329
- to {
2330
- opacity: var(--tw-exit-opacity, 1);
2331
- 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));
2332
- }
2333
- }
2334
-
2335
- .animate-in {
2336
- animation-name: enter;
2337
- animation-duration: 150ms;
2338
- --tw-enter-opacity: initial;
2339
- --tw-enter-scale: initial;
2340
- --tw-enter-rotate: initial;
2341
- --tw-enter-translate-x: initial;
2342
- --tw-enter-translate-y: initial;
2343
- }
2344
-
2345
- .fade-in-0 {
2346
- --tw-enter-opacity: 0;
2347
- }
2348
-
2349
- .zoom-in-95 {
2350
- --tw-enter-scale: .95;
2351
- }
2352
-
2353
- .duration-200 {
2354
- animation-duration: 200ms;
2355
- }
2356
-
2357
- .duration-300 {
2358
- animation-duration: 300ms;
2359
- }
2360
-
2361
- .duration-500 {
2362
- animation-duration: 500ms;
2363
- }
2364
-
2365
- .ease-in-out {
2366
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2367
- }
2368
-
2369
- @font-face {
2370
- font-family: "Gotham-Black";
2371
-
2372
- src: url("https://driveflux.com/static/fonts/Gotham-Black.woff2")
2373
- format("woff2"), url("https://driveflux.com/static/fonts/Gotham-Black.woff")
2374
- format("woff"), url("https://driveflux.com/static/fonts/gotham-black.otf")
2375
- format("otf");
2376
-
2377
- font-weight: 500;
2378
-
2379
- font-style: normal;
2380
-
2381
- font-display: swap;
2382
- }
2383
-
2384
- @font-face {
2385
- font-family: "Gotham-Light";
2386
-
2387
- src: url("https://driveflux.com/static/fonts/Gotham-Light.woff2")
2388
- format("woff2"), url("https://driveflux.com/static/fonts/Gotham-Light.woff")
2389
- format("woff"), url("https://driveflux.com/static/fonts/gotham-light.otf")
2390
- format("otf");
2391
-
2392
- font-weight: 300;
2393
-
2394
- font-style: normal;
2395
-
2396
- font-display: swap;
2397
- }
2398
-
2399
- @font-face {
2400
- font-family: "Gotham-Medium";
2401
-
2402
- src: url("https://driveflux.com/static/fonts/Gotham-Medium.woff2")
2403
- format("woff2"),
2404
- url("https://driveflux.com/static/fonts/Gotham-Medium.woff") format("woff"),
2405
- url("https://driveflux.com/static/fonts/gotham-medium.otf") format("otf");
2406
-
2407
- font-weight: 500;
2408
-
2409
- font-style: normal;
2410
-
2411
- font-display: swap;
2412
- }
2413
-
2414
- @font-face {
2415
- font-family: "Gotham-Bold";
2416
-
2417
- src: url("https://driveflux.com/static/fonts/Gotham-Bold.woff2")
2418
- format("woff2"), url("https://driveflux.com/static/fonts/Gotham-Bold.woff")
2419
- format("woff"), url("https://driveflux.com/static/fonts/gotham-bold.otf")
2420
- format("otf");
2421
-
2422
- font-weight: bold;
2423
-
2424
- font-style: normal;
2425
-
2426
- font-display: swap;
2427
- }
2428
-
2429
- @font-face {
2430
- font-family: "Gotham-Book";
2431
-
2432
- src: url("https://driveflux.com/static/fonts/Gotham-Book.woff2")
2433
- format("woff2"), url("https://driveflux.com/static/fonts/Gotham-Book.woff")
2434
- format("woff"), url("https://driveflux.com/static/fonts/gotham-book.otf")
2435
- format("otf");
2436
-
2437
- font-weight: normal;
2438
-
2439
- font-style: normal;
2440
-
2441
- font-display: swap;
2442
- }
2443
-
2444
- html {
2445
- -webkit-text-size-adjust: 100%;
2446
- height: 100%;
2447
- box-sizing: border-box;
2448
- line-height: 1.65;
2449
- }
2450
-
2451
- *,
2452
- *:before,
2453
- *:after {
2454
- box-sizing: inherit;
2455
- }
2456
-
2457
- body {
2458
- position: relative;
2459
- min-height: 100%;
2460
- margin: 0;
2461
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu",
2462
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2463
- font-weight: 400;
2464
- min-width: 320px;
2465
- direction: ltr;
2466
- font-feature-settings: "kern";
2467
- text-rendering: optimizeLegibility;
2468
- -webkit-font-smoothing: antialiased;
2469
- -moz-osx-font-smoothing: grayscale;
2470
- scroll-behavior: smooth;
2471
- font-family: var(--primaryNormal);
2472
- }
2473
-
2474
- html,
2475
- body {
2476
- background-color: var(--white);
2477
- }
2478
-
2479
- ::-moz-selection {
2480
- background-color: var(--primary);
2481
- color: var(--white);
2482
- }
2483
-
2484
- ::selection {
2485
- background-color: var(--primary);
2486
- color: var(--white);
2487
- }
2488
-
2489
- [role="grid"]:focus {
2490
- outline: none;
2491
- }
2492
-
2493
- svg {
2494
- text-rendering: optimizeLegibility;
2495
- }
2496
-
2497
- h1,
2498
- h2,
2499
- h3 {
2500
- margin: 0;
2501
- }
2502
-
2503
- a {
2504
- color: var(--links);
2505
- text-decoration: none;
2506
- transition: color 0.2s ease;
2507
- }
2508
-
2509
- a:hover {
2510
- text-decoration: none;
2511
- }
2512
-
2513
- * {
2514
- overflow: visible;
2515
- box-sizing: border-box;
2516
- text-align: left;
2517
- }
2518
-
2519
- strong {
2520
- font-family: var(--primaryBold);
2521
- }
2522
-
2523
- .svg-icon {
2524
- width: 100%;
2525
- height: 100%;
2526
- }
2527
-
2528
- input:-webkit-autofill,
2529
- input:-webkit-autofill:hover,
2530
- input:-webkit-autofill:focus,
2531
- textarea:-webkit-autofill,
2532
- textarea:-webkit-autofill:hover,
2533
- textarea:-webkit-autofill:focus,
2534
- select:-webkit-autofill,
2535
- select:-webkit-autofill:hover,
2536
- select:-webkit-autofill:focus {
2537
- background-color: var(--white) !important;
2538
- -webkit-box-shadow: 0 0 0px 1000px var(--white) inset !important;
2539
- color: #000 !important;
2540
- font-size: 14px !important;
2541
- }
2542
-
2543
- li::marker {
2544
- font-size: 15px;
2545
- margin-left: 10px;
2546
- }
2547
-
2548
- .full-width {
2549
- width: 100%;
2550
- }
2551
-
2552
- .h-safe-bottom-edge {
2553
- height: env(safe-area-inset-bottom);
2554
- }
2555
-
2556
- ::-ms-reveal {
2557
- display: none;
2558
- }
2559
-
2560
- .file\:border-0::file-selector-button {
2561
- border-width: 0px;
2562
- }
2563
-
2564
- .file\:bg-transparent::file-selector-button {
2565
- background-color: transparent;
2566
- }
2567
-
2568
- .file\:font-medium::file-selector-button {
2569
- font-family: Gotham-Medium;
2570
- }
2571
-
2572
- .file\:text-sm::file-selector-button {
2573
- font-size: 12px;
2574
- }
2575
-
2576
- .file\:font-medium::file-selector-button {
2577
- font-weight: 500;
2578
- }
2579
-
2580
- .placeholder\:tracking-normal::-moz-placeholder {
2581
- letter-spacing: 0;
2582
- }
2583
-
2584
- .placeholder\:tracking-normal::placeholder {
2585
- letter-spacing: 0;
2586
- }
2587
-
2588
- .placeholder\:tracking-wide::-moz-placeholder {
2589
- letter-spacing: 1px;
2590
- }
2591
-
2592
- .placeholder\:tracking-wide::placeholder {
2593
- letter-spacing: 1px;
2594
- }
2595
-
2596
- .placeholder\:text-primary2::-moz-placeholder {
2597
- --tw-text-opacity: 1;
2598
- color: rgb(202 202 202 / var(--tw-text-opacity, 1));
2599
- }
2600
-
2601
- .placeholder\:text-primary2::placeholder {
2602
- --tw-text-opacity: 1;
2603
- color: rgb(202 202 202 / var(--tw-text-opacity, 1));
2604
- }
2605
-
2606
- .placeholder\:text-zinc-500::-moz-placeholder {
2607
- --tw-text-opacity: 1;
2608
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2609
- }
2610
-
2611
- .placeholder\:text-zinc-500::placeholder {
2612
- --tw-text-opacity: 1;
2613
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2614
- }
2615
-
2616
- .after\:absolute::after {
2617
- content: var(--tw-content);
2618
- position: absolute;
2619
- }
2620
-
2621
- .after\:left-1\/2::after {
2622
- content: var(--tw-content);
2623
- left: 50%;
2624
- }
2625
-
2626
- .after\:top-1\/2::after {
2627
- content: var(--tw-content);
2628
- top: 50%;
2629
- }
2630
-
2631
- .after\:block::after {
2632
- content: var(--tw-content);
2633
- display: block;
2634
- }
2635
-
2636
- .after\:h-2\.5::after {
2637
- content: var(--tw-content);
2638
- height: 0.625rem;
2639
- }
2640
-
2641
- .after\:w-2\.5::after {
2642
- content: var(--tw-content);
2643
- width: 0.625rem;
2644
- }
2645
-
2646
- .after\:-translate-x-1\/2::after {
2647
- content: var(--tw-content);
2648
- --tw-translate-x: -50%;
2649
- 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));
2650
- }
2651
-
2652
- .after\:-translate-y-1\/2::after {
2653
- content: var(--tw-content);
2654
- --tw-translate-y: -50%;
2655
- 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));
2656
- }
2657
-
2658
- .after\:scale-0::after {
2659
- content: var(--tw-content);
2660
- --tw-scale-x: 0;
2661
- --tw-scale-y: 0;
2662
- 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));
2663
- }
2664
-
2665
- .after\:rounded-full::after {
2666
- content: var(--tw-content);
2667
- border-radius: 9999px;
2668
- }
2669
-
2670
- .after\:content-\[\'\'\]::after {
2671
- --tw-content: '';
2672
- content: var(--tw-content);
2673
- }
2674
-
2675
- .focus-within\:border-alert4:focus-within {
2676
- --tw-border-opacity: 1;
2677
- border-color: rgb(226 70 87 / var(--tw-border-opacity, 1));
2678
- }
2679
-
2680
- .focus-within\:border-black:focus-within {
2681
- --tw-border-opacity: 1;
2682
- border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
2683
- }
2684
-
2685
- .focus-within\:outline-none:focus-within {
2686
- outline: 2px solid transparent;
2687
- outline-offset: 2px;
2688
- }
2689
-
2690
- .hover\:border-\[0\.5px\]:hover {
2691
- border-width: 0.5px;
2692
- }
2693
-
2694
- .hover\:border-none:hover {
2695
- border-style: none;
2696
- }
2697
-
2698
- .hover\:border-alert4:hover {
2699
- --tw-border-opacity: 1;
2700
- border-color: rgb(226 70 87 / var(--tw-border-opacity, 1));
2701
- }
2702
-
2703
- .hover\:border-black:hover {
2704
- --tw-border-opacity: 1;
2705
- border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
2706
- }
2707
-
2708
- .hover\:border-primary2:hover {
2709
- --tw-border-opacity: 1;
2710
- border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
2711
- }
2712
-
2713
- .hover\:border-primary4:hover {
2714
- --tw-border-opacity: 1;
2715
- border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));
2716
- }
2717
-
2718
- .hover\:bg-accent4:hover {
2719
- --tw-bg-opacity: 1;
2720
- background-color: rgb(229 88 103 / var(--tw-bg-opacity, 1));
2721
- }
2722
-
2723
- .hover\:bg-black:hover {
2724
- --tw-bg-opacity: 1;
2725
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2726
- }
2727
-
2728
- .hover\:bg-links2:hover {
2729
- --tw-bg-opacity: 1;
2730
- background-color: rgb(173 224 238 / var(--tw-bg-opacity, 1));
2731
- }
2732
-
2733
- .hover\:bg-primary1:hover {
2734
- --tw-bg-opacity: 1;
2735
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2736
- }
2737
-
2738
- .hover\:bg-primary2:hover {
2739
- --tw-bg-opacity: 1;
2740
- background-color: rgb(202 202 202 / var(--tw-bg-opacity, 1));
2741
- }
2742
-
2743
- .hover\:bg-primary4:hover {
2744
- --tw-bg-opacity: 1;
2745
- background-color: rgb(25 25 25 / var(--tw-bg-opacity, 1));
2746
- }
2747
-
2748
- .hover\:bg-success4:hover {
2749
- --tw-bg-opacity: 1;
2750
- background-color: rgb(79 217 194 / var(--tw-bg-opacity, 1));
2751
- }
2752
-
2753
- .hover\:bg-warning-500:hover {
2754
- --tw-bg-opacity: 1;
2755
- background-color: rgb(244 178 92 / var(--tw-bg-opacity, 1));
2756
- }
2757
-
2758
- .hover\:bg-white:hover {
2759
- --tw-bg-opacity: 1;
2760
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2761
- }
2762
-
2763
- .hover\:bg-zinc-100\/50:hover {
2764
- background-color: rgb(244 244 245 / 0.5);
2765
- }
2766
-
2767
- .hover\:text-black:hover {
2768
- --tw-text-opacity: 1;
2769
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2770
- }
2771
-
2772
- .hover\:text-white:hover {
2773
- --tw-text-opacity: 1;
2774
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2775
- }
2776
-
2777
- .hover\:no-underline:hover {
2778
- text-decoration-line: none;
2779
- }
2780
-
2781
- .hover\:shadow-lg:hover {
2782
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2783
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2784
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2785
- }
2786
-
2787
- .hover\:transition-all:hover {
2788
- transition-property: all;
2789
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2790
- transition-duration: 150ms;
2791
- }
2792
-
2793
- .hover\:transition-none:hover {
2794
- transition-property: none;
2795
- }
2796
-
2797
- .focus\:bg-primary1:focus {
2798
- --tw-bg-opacity: 1;
2799
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2800
- }
2801
-
2802
- .focus\:bg-zinc-100:focus {
2803
- --tw-bg-opacity: 1;
2804
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2805
- }
2806
-
2807
- .focus\:text-zinc-900:focus {
2808
- --tw-text-opacity: 1;
2809
- color: rgb(24 24 27 / var(--tw-text-opacity, 1));
2810
- }
2811
-
2812
- .focus\:outline-none:focus {
2813
- outline: 2px solid transparent;
2814
- outline-offset: 2px;
2815
- }
2816
-
2817
- .focus-visible\:outline-none:focus-visible {
2818
- outline: 2px solid transparent;
2819
- outline-offset: 2px;
2820
- }
2821
-
2822
- .focus-visible\:ring-2:focus-visible {
2823
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2824
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2825
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2826
- }
2827
-
2828
- .focus-visible\:ring-zinc-950:focus-visible {
2829
- --tw-ring-opacity: 1;
2830
- --tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));
2831
- }
2832
-
2833
- .focus-visible\:ring-offset-2:focus-visible {
2834
- --tw-ring-offset-width: 2px;
2835
- }
2836
-
2837
- .active\:scale-90:active {
2838
- --tw-scale-x: .9;
2839
- --tw-scale-y: .9;
2840
- 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));
2841
- }
2842
-
2843
- .disabled\:pointer-events-none:disabled {
2844
- pointer-events: none;
2845
- }
2846
-
2847
- .disabled\:cursor-not-allowed:disabled {
2848
- cursor: not-allowed;
2849
- }
2850
-
2851
- .disabled\:bg-primary1:disabled {
2852
- --tw-bg-opacity: 1;
2853
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2854
- }
2855
-
2856
- .disabled\:text-primary3:disabled {
2857
- --tw-text-opacity: 1;
2858
- color: rgb(88 88 88 / var(--tw-text-opacity, 1));
2859
- }
2860
-
2861
- .disabled\:\!opacity-100:disabled {
2862
- opacity: 1 !important;
2863
- }
2864
-
2865
- .disabled\:opacity-30:disabled {
2866
- opacity: 0.3;
2867
- }
2868
-
2869
- .disabled\:opacity-50:disabled {
2870
- opacity: 0.5;
2871
- }
2872
-
2873
- .peer:checked ~ .peer-checked\:after\:scale-100::after {
2874
- content: var(--tw-content);
2875
- --tw-scale-x: 1;
2876
- --tw-scale-y: 1;
2877
- 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));
2878
- }
2879
-
2880
- .peer:checked ~ .peer-checked\:after\:bg-black::after {
2881
- content: var(--tw-content);
2882
- --tw-bg-opacity: 1;
2883
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2884
- }
2885
-
2886
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
2887
- pointer-events: none;
2888
- }
2889
-
2890
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2891
- pointer-events: none;
2892
- }
2893
-
2894
- .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
2895
- --tw-translate-y: 0.25rem;
2896
- 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));
2897
- }
2898
-
2899
- .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
2900
- --tw-translate-x: -0.25rem;
2901
- 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));
2902
- }
2903
-
2904
- .data-\[side\=right\]\:translate-x-1[data-side="right"] {
2905
- --tw-translate-x: 0.25rem;
2906
- 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));
2907
- }
2908
-
2909
- .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
2910
- --tw-translate-y: -0.25rem;
2911
- 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));
2912
- }
2913
-
2914
- @keyframes accordion-up {
2915
- from {
2916
- height: var(--radix-accordion-content-height);
2917
- }
2918
-
2919
- to {
2920
- height: 0;
2921
- }
2922
- }
2923
-
2924
- .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
2925
- animation: accordion-up 0.2s ease-out;
2926
- }
2927
-
2928
- @keyframes accordion-down {
2929
- from {
2930
- height: 0;
2931
- }
2932
-
2933
- to {
2934
- height: var(--radix-accordion-content-height);
2935
- }
2936
- }
2937
-
2938
- .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
2939
- animation: accordion-down 0.2s ease-out;
2940
- }
2941
-
2942
- .data-\[state\=active\]\:border-b-\[2px\][data-state="active"] {
2943
- border-bottom-width: 2px;
2944
- }
2945
-
2946
- .data-\[state\=checked\]\:border-none[data-state="checked"] {
2947
- border-style: none;
2948
- }
2949
-
2950
- .data-\[state\=active\]\:border-b-\[\#50c8e8\][data-state="active"] {
2951
- --tw-border-opacity: 1;
2952
- border-bottom-color: rgb(80 200 232 / var(--tw-border-opacity, 1));
2953
- }
2954
-
2955
- .data-\[disabled\=true\]\:bg-primary1[data-disabled="true"] {
2956
- --tw-bg-opacity: 1;
2957
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2958
- }
2959
-
2960
- .data-\[disabled\]\:bg-primary1[data-disabled] {
2961
- --tw-bg-opacity: 1;
2962
- background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2963
- }
2964
-
2965
- .data-\[selected\=\'true\'\]\:bg-zinc-100[data-selected='true'] {
2966
- --tw-bg-opacity: 1;
2967
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2968
- }
2969
-
2970
- .data-\[selected\=true\]\:bg-zinc-100[data-selected="true"] {
2971
- --tw-bg-opacity: 1;
2972
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2973
- }
2974
-
2975
- .data-\[state\=checked\]\:bg-black[data-state="checked"] {
2976
- --tw-bg-opacity: 1;
2977
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2978
- }
2979
-
2980
- .data-\[state\=open\]\:bg-zinc-100[data-state="open"] {
2981
- --tw-bg-opacity: 1;
2982
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2983
- }
2984
-
2985
- .data-\[state\=selected\]\:bg-zinc-100[data-state="selected"] {
2986
- --tw-bg-opacity: 1;
2987
- background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
2988
- }
2989
-
2990
- .data-\[state\=active\]\:font-bold[data-state="active"] {
2991
- font-family: Gotham-Bold;
2992
- font-weight: 700;
2993
- }
2994
-
2995
- .data-\[disabled\=true\]\:text-primary2[data-disabled="true"] {
2996
- --tw-text-opacity: 1;
2997
- color: rgb(202 202 202 / var(--tw-text-opacity, 1));
2998
- }
2999
-
3000
- .data-\[disabled\]\:text-primary2[data-disabled] {
3001
- --tw-text-opacity: 1;
3002
- color: rgb(202 202 202 / var(--tw-text-opacity, 1));
3003
- }
3004
-
3005
- .data-\[selected\=true\]\:text-zinc-900[data-selected="true"] {
3006
- --tw-text-opacity: 1;
3007
- color: rgb(24 24 27 / var(--tw-text-opacity, 1));
3008
- }
3009
-
3010
- .data-\[state\=checked\]\:text-white[data-state="checked"] {
3011
- --tw-text-opacity: 1;
3012
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3013
- }
3014
-
3015
- .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
3016
- opacity: 0.5;
3017
- }
3018
-
3019
- .data-\[disabled\]\:opacity-50[data-disabled] {
3020
- opacity: 0.5;
3021
- }
3022
-
3023
- .data-\[state\=open\]\:animate-in[data-state="open"] {
3024
- animation-name: enter;
3025
- animation-duration: 150ms;
3026
- --tw-enter-opacity: initial;
3027
- --tw-enter-scale: initial;
3028
- --tw-enter-rotate: initial;
3029
- --tw-enter-translate-x: initial;
3030
- --tw-enter-translate-y: initial;
3031
- }
3032
-
3033
- .data-\[state\=closed\]\:animate-out[data-state="closed"] {
3034
- animation-name: exit;
3035
- animation-duration: 150ms;
3036
- --tw-exit-opacity: initial;
3037
- --tw-exit-scale: initial;
3038
- --tw-exit-rotate: initial;
3039
- --tw-exit-translate-x: initial;
3040
- --tw-exit-translate-y: initial;
3041
- }
3042
-
3043
- .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
3044
- --tw-exit-opacity: 0;
3045
- }
3046
-
3047
- .data-\[state\=open\]\:fade-in-0[data-state="open"] {
3048
- --tw-enter-opacity: 0;
3049
- }
3050
-
3051
- .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
3052
- --tw-exit-scale: .95;
3053
- }
3054
-
3055
- .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
3056
- --tw-enter-scale: .95;
3057
- }
3058
-
3059
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3060
- --tw-enter-translate-y: -0.5rem;
3061
- }
3062
-
3063
- .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
3064
- --tw-enter-translate-x: 0.5rem;
3065
- }
3066
-
3067
- .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
3068
- --tw-enter-translate-x: -0.5rem;
3069
- }
3070
-
3071
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
3072
- --tw-enter-translate-y: 0.5rem;
3073
- }
3074
-
3075
- .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
3076
- --tw-exit-translate-x: -50%;
3077
- }
3078
-
3079
- .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
3080
- --tw-exit-translate-y: -48%;
3081
- }
3082
-
3083
- .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
3084
- --tw-enter-translate-x: -50%;
3085
- }
3086
-
3087
- .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
3088
- --tw-enter-translate-y: -48%;
3089
- }
3090
-
3091
- .group[data-state="closed"] .group-data-\[state\=closed\]\:block {
3092
- display: block;
3093
- }
3094
-
3095
- .group[data-state="closed"] .group-data-\[state\=closed\]\:hidden {
3096
- display: none;
3097
- }
3098
-
3099
- .group[data-state="open"] .group-data-\[state\=open\]\:hidden {
3100
- display: none;
3101
- }
3102
-
3103
- .dark\:border-gray-800:is(.dark *) {
3104
- --tw-border-opacity: 1;
3105
- border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
3106
- }
3107
-
3108
- .dark\:border-zinc-800:is(.dark *) {
3109
- --tw-border-opacity: 1;
3110
- border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
3111
- }
3112
-
3113
- .dark\:bg-gray-950:is(.dark *) {
3114
- --tw-bg-opacity: 1;
3115
- background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
3116
- }
3117
-
3118
- .dark\:bg-zinc-50:is(.dark *) {
3119
- --tw-bg-opacity: 1;
3120
- background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
3121
- }
3122
-
3123
- .dark\:bg-zinc-800:is(.dark *) {
3124
- --tw-bg-opacity: 1;
3125
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3126
- }
3127
-
3128
- .dark\:bg-zinc-800\/50:is(.dark *) {
3129
- background-color: rgb(39 39 42 / 0.5);
3130
- }
3131
-
3132
- .dark\:bg-zinc-950:is(.dark *) {
3133
- --tw-bg-opacity: 1;
3134
- background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
3135
- }
3136
-
3137
- .dark\:text-gray-50:is(.dark *) {
3138
- --tw-text-opacity: 1;
3139
- color: rgb(249 250 251 / var(--tw-text-opacity, 1));
3140
- }
3141
-
3142
- .dark\:text-zinc-400:is(.dark *) {
3143
- --tw-text-opacity: 1;
3144
- color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3145
- }
3146
-
3147
- .dark\:text-zinc-50:is(.dark *) {
3148
- --tw-text-opacity: 1;
3149
- color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3150
- }
3151
-
3152
- .dark\:ring-offset-zinc-950:is(.dark *) {
3153
- --tw-ring-offset-color: #09090b;
3154
- }
3155
-
3156
- .dark\:placeholder\:text-zinc-400:is(.dark *)::-moz-placeholder {
3157
- --tw-text-opacity: 1;
3158
- color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3159
- }
3160
-
3161
- .dark\:placeholder\:text-zinc-400:is(.dark *)::placeholder {
3162
- --tw-text-opacity: 1;
3163
- color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3164
- }
3165
-
3166
- .dark\:hover\:bg-zinc-800\/50:hover:is(.dark *) {
3167
- background-color: rgb(39 39 42 / 0.5);
3168
- }
3169
-
3170
- .dark\:hover\:text-zinc-50:hover:is(.dark *) {
3171
- --tw-text-opacity: 1;
3172
- color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3173
- }
3174
-
3175
- .dark\:focus\:bg-zinc-800:focus:is(.dark *) {
3176
- --tw-bg-opacity: 1;
3177
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3178
- }
3179
-
3180
- .dark\:focus\:text-zinc-50:focus:is(.dark *) {
3181
- --tw-text-opacity: 1;
3182
- color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3183
- }
3184
-
3185
- .dark\:focus\:ring-zinc-300:focus:is(.dark *) {
3186
- --tw-ring-opacity: 1;
3187
- --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
3188
- }
3189
-
3190
- .dark\:focus-visible\:ring-zinc-300:focus-visible:is(.dark *) {
3191
- --tw-ring-opacity: 1;
3192
- --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
3193
- }
3194
-
3195
- .dark\:data-\[selected\=\'true\'\]\:bg-zinc-800[data-selected='true']:is(.dark *) {
3196
- --tw-bg-opacity: 1;
3197
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3198
- }
3199
-
3200
- .dark\:data-\[selected\=true\]\:bg-zinc-800[data-selected="true"]:is(.dark *) {
3201
- --tw-bg-opacity: 1;
3202
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3203
- }
3204
-
3205
- .dark\:data-\[state\=open\]\:bg-zinc-800[data-state="open"]:is(.dark *) {
3206
- --tw-bg-opacity: 1;
3207
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3208
- }
3209
-
3210
- .dark\:data-\[state\=selected\]\:bg-zinc-800[data-state="selected"]:is(.dark *) {
3211
- --tw-bg-opacity: 1;
3212
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3213
- }
3214
-
3215
- .dark\:data-\[selected\=true\]\:text-zinc-50[data-selected="true"]:is(.dark *) {
3216
- --tw-text-opacity: 1;
3217
- color: rgb(250 250 250 / var(--tw-text-opacity, 1));
3218
- }
3219
-
3220
- @media (min-width: 640px) {
3221
- .sm\:h-9 {
3222
- height: 2.25rem;
3223
- }
3224
-
3225
- .sm\:gap-2\.5 {
3226
- gap: 0.625rem;
3227
- }
3228
-
3229
- .sm\:text-left {
3230
- text-align: left;
3231
- }
3232
- }
3233
-
3234
- @media (min-width: 768px) {
3235
- .md\:left-10 {
3236
- left: 2.5rem;
3237
- }
3238
-
3239
- .md\:right-10 {
3240
- right: 2.5rem;
3241
- }
3242
-
3243
- .md\:w-1\/2 {
3244
- width: 50%;
3245
- }
3246
-
3247
- .md\:text-base {
3248
- font-size: 14px;
3249
- }
3250
- }
3251
-
3252
- @media (min-width: 1024px) {
3253
- .lg\:h-11 {
3254
- height: 2.75rem;
3255
- }
3256
-
3257
- .lg\:h-6 {
3258
- height: 1.5rem;
3259
- }
3260
-
3261
- .lg\:w-6 {
3262
- width: 1.5rem;
3263
- }
3264
- }
3265
-
3266
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
3267
- padding-right: 0px;
3268
- }
3269
-
3270
- .\[\&\>span\]\:line-clamp-1>span {
3271
- overflow: hidden;
3272
- display: -webkit-box;
3273
- -webkit-box-orient: vertical;
3274
- -webkit-line-clamp: 1;
3275
- }
3276
-
3277
- .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
3278
- --tw-translate-y: -3px;
3279
- 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));
3280
- }
3281
-
3282
- .\[\&\>svg\]\:absolute>svg {
3283
- position: absolute;
3284
- }
3285
-
3286
- .\[\&\>svg\]\:left-4>svg {
3287
- left: 1rem;
3288
- }
3289
-
3290
- .\[\&\>svg\]\:top-4>svg {
3291
- top: 1rem;
3292
- }
3293
-
3294
- .\[\&\>svg\]\:h-3\.5>svg {
3295
- height: 0.875rem;
3296
- }
3297
-
3298
- .\[\&\>svg\]\:w-3\.5>svg {
3299
- width: 0.875rem;
3300
- }
3301
-
3302
- .\[\&\>svg\]\:text-danger>svg {
3303
- --tw-text-opacity: 1;
3304
- color: rgb(226 70 87 / var(--tw-text-opacity, 1));
3305
- }
3306
-
3307
- .\[\&\>svg\]\:text-warning4>svg {
3308
- --tw-text-opacity: 1;
3309
- color: rgb(244 178 92 / var(--tw-text-opacity, 1));
3310
- }
3311
-
3312
- .\[\&\>svg\~\*\]\:pl-7>svg~* {
3313
- padding-left: 1.75rem;
3314
- }
3315
-
3316
- .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
3317
- border-bottom-width: 0px;
3318
- }
3319
-
3320
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
3321
- padding-left: 0.5rem;
3322
- padding-right: 0.5rem;
3323
- }
3324
-
3325
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
3326
- padding-top: 0.375rem;
3327
- padding-bottom: 0.375rem;
3328
- }
3329
-
3330
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
3331
- font-family: Gotham-Medium;
3332
- }
3333
-
3334
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
3335
- font-size: 10px;
3336
- }
3337
-
3338
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
3339
- font-weight: 500;
3340
- }
3341
-
3342
- .\[\&_\[cmdk-group-heading\]\]\:text-zinc-500 [cmdk-group-heading] {
3343
- --tw-text-opacity: 1;
3344
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
3345
- }
3346
-
3347
- .dark\:\[\&_\[cmdk-group-heading\]\]\:text-zinc-400 [cmdk-group-heading]:is(.dark *) {
3348
- --tw-text-opacity: 1;
3349
- color: rgb(161 161 170 / var(--tw-text-opacity, 1));
3350
- }
3351
-
3352
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
3353
- padding-top: 0px;
3354
- }
3355
-
3356
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
3357
- padding-left: 0.5rem;
3358
- padding-right: 0.5rem;
3359
- }
3360
-
3361
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
3362
- height: 1.25rem;
3363
- }
3364
-
3365
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
3366
- width: 1.25rem;
3367
- }
3368
-
3369
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
3370
- height: 3rem;
3371
- }
3372
-
3373
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
3374
- padding-left: 0.5rem;
3375
- padding-right: 0.5rem;
3376
- }
3377
-
3378
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
3379
- padding-top: 0.75rem;
3380
- padding-bottom: 0.75rem;
3381
- }
3382
-
3383
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
3384
- height: 1.25rem;
3385
- }
3386
-
3387
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
3388
- width: 1.25rem;
3389
- }
3390
-
3391
- .\[\&_p\]\:leading-relaxed p {
3392
- line-height: 1.625;
3393
- }
3394
-
3395
- .\[\&_tr\:last-child\]\:border-0 tr:last-child {
3396
- border-width: 0px;
3397
- }
3398
-
3399
- .\[\&_tr\]\:border-b tr {
3400
- border-bottom-width: 1px;
3401
- }