katalyst-riya-test 0.0.2 → 0.0.10-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css DELETED
@@ -1,2008 +0,0 @@
1
- /* src/app/globals.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- *,
111
- ::before,
112
- ::after {
113
- box-sizing: border-box;
114
- border-width: 0;
115
- border-style: solid;
116
- border-color: #F2F2F2;
117
- }
118
- ::before,
119
- ::after {
120
- --tw-content: "";
121
- }
122
- html,
123
- :host {
124
- line-height: 1.5;
125
- -webkit-text-size-adjust: 100%;
126
- -moz-tab-size: 4;
127
- tab-size: 4;
128
- font-family:
129
- ui-sans-serif,
130
- system-ui,
131
- sans-serif,
132
- "Apple Color Emoji",
133
- "Segoe UI Emoji",
134
- "Segoe UI Symbol",
135
- "Noto Color Emoji";
136
- font-feature-settings: normal;
137
- font-variation-settings: normal;
138
- -webkit-tap-highlight-color: transparent;
139
- }
140
- body {
141
- margin: 0;
142
- line-height: inherit;
143
- }
144
- hr {
145
- height: 0;
146
- color: inherit;
147
- border-top-width: 1px;
148
- }
149
- abbr:where([title]) {
150
- text-decoration: underline dotted;
151
- }
152
- h1,
153
- h2,
154
- h3,
155
- h4,
156
- h5,
157
- h6 {
158
- font-size: inherit;
159
- font-weight: inherit;
160
- }
161
- a {
162
- color: inherit;
163
- text-decoration: inherit;
164
- }
165
- b,
166
- strong {
167
- font-weight: bolder;
168
- }
169
- code,
170
- kbd,
171
- samp,
172
- pre {
173
- font-family:
174
- ui-monospace,
175
- SFMono-Regular,
176
- Menlo,
177
- Monaco,
178
- Consolas,
179
- "Liberation Mono",
180
- "Courier New",
181
- monospace;
182
- font-feature-settings: normal;
183
- font-variation-settings: normal;
184
- font-size: 1em;
185
- }
186
- small {
187
- font-size: 80%;
188
- }
189
- sub,
190
- sup {
191
- font-size: 75%;
192
- line-height: 0;
193
- position: relative;
194
- vertical-align: baseline;
195
- }
196
- sub {
197
- bottom: -0.25em;
198
- }
199
- sup {
200
- top: -0.5em;
201
- }
202
- table {
203
- text-indent: 0;
204
- border-color: inherit;
205
- border-collapse: collapse;
206
- }
207
- button,
208
- input,
209
- optgroup,
210
- select,
211
- textarea {
212
- font-family: inherit;
213
- font-feature-settings: inherit;
214
- font-variation-settings: inherit;
215
- font-size: 100%;
216
- font-weight: inherit;
217
- line-height: inherit;
218
- letter-spacing: inherit;
219
- color: inherit;
220
- margin: 0;
221
- padding: 0;
222
- }
223
- button,
224
- select {
225
- text-transform: none;
226
- }
227
- button,
228
- input:where([type=button]),
229
- input:where([type=reset]),
230
- input:where([type=submit]) {
231
- -webkit-appearance: button;
232
- background-color: transparent;
233
- background-image: none;
234
- }
235
- :-moz-focusring {
236
- outline: auto;
237
- }
238
- :-moz-ui-invalid {
239
- box-shadow: none;
240
- }
241
- progress {
242
- vertical-align: baseline;
243
- }
244
- ::-webkit-inner-spin-button,
245
- ::-webkit-outer-spin-button {
246
- height: auto;
247
- }
248
- [type=search] {
249
- -webkit-appearance: textfield;
250
- outline-offset: -2px;
251
- }
252
- ::-webkit-search-decoration {
253
- -webkit-appearance: none;
254
- }
255
- ::-webkit-file-upload-button {
256
- -webkit-appearance: button;
257
- font: inherit;
258
- }
259
- summary {
260
- display: list-item;
261
- }
262
- blockquote,
263
- dl,
264
- dd,
265
- h1,
266
- h2,
267
- h3,
268
- h4,
269
- h5,
270
- h6,
271
- hr,
272
- figure,
273
- p,
274
- pre {
275
- margin: 0;
276
- }
277
- fieldset {
278
- margin: 0;
279
- padding: 0;
280
- }
281
- legend {
282
- padding: 0;
283
- }
284
- ol,
285
- ul,
286
- menu {
287
- list-style: none;
288
- margin: 0;
289
- padding: 0;
290
- }
291
- dialog {
292
- padding: 0;
293
- }
294
- textarea {
295
- resize: vertical;
296
- }
297
- input::placeholder,
298
- textarea::placeholder {
299
- opacity: 1;
300
- color: #C0C0C0;
301
- }
302
- button,
303
- [role=button] {
304
- cursor: pointer;
305
- }
306
- :disabled {
307
- cursor: default;
308
- }
309
- img,
310
- svg,
311
- video,
312
- canvas,
313
- audio,
314
- iframe,
315
- embed,
316
- object {
317
- display: block;
318
- vertical-align: middle;
319
- }
320
- img,
321
- video {
322
- max-width: 100%;
323
- height: auto;
324
- }
325
- [hidden]:where(:not([hidden=until-found])) {
326
- display: none;
327
- }
328
- .sr-only {
329
- position: absolute;
330
- width: 1px;
331
- height: 1px;
332
- padding: 0;
333
- margin: -1px;
334
- overflow: hidden;
335
- clip: rect(0, 0, 0, 0);
336
- white-space: nowrap;
337
- border-width: 0;
338
- }
339
- .pointer-events-none {
340
- pointer-events: none;
341
- }
342
- .fixed {
343
- position: fixed;
344
- }
345
- .absolute {
346
- position: absolute;
347
- }
348
- .relative {
349
- position: relative;
350
- }
351
- .sticky {
352
- position: sticky;
353
- }
354
- .inset-0 {
355
- inset: 0px;
356
- }
357
- .left-0 {
358
- left: 0px;
359
- }
360
- .left-1 {
361
- left: 0.25rem;
362
- }
363
- .left-2\/4 {
364
- left: 50%;
365
- }
366
- .left-\[-100vw\] {
367
- left: -100vw;
368
- }
369
- .left-\[0px\] {
370
- left: 0px;
371
- }
372
- .left-\[2px\] {
373
- left: 2px;
374
- }
375
- .right-0 {
376
- right: 0px;
377
- }
378
- .top-2 {
379
- top: 0.5rem;
380
- }
381
- .top-2\/4 {
382
- top: 50%;
383
- }
384
- .top-4 {
385
- top: 1rem;
386
- }
387
- .top-\[1px\] {
388
- top: 1px;
389
- }
390
- .top-\[2\.5px\] {
391
- top: 2.5px;
392
- }
393
- .top-\[60px\] {
394
- top: 60px;
395
- }
396
- .z-10 {
397
- z-index: 10;
398
- }
399
- .z-40 {
400
- z-index: 40;
401
- }
402
- .z-\[-5\] {
403
- z-index: -5;
404
- }
405
- .z-\[1000000\] {
406
- z-index: 1000000;
407
- }
408
- .z-\[100000\] {
409
- z-index: 100000;
410
- }
411
- .z-\[100\] {
412
- z-index: 100;
413
- }
414
- .mx-4 {
415
- margin-left: 1rem;
416
- margin-right: 1rem;
417
- }
418
- .mx-\[30px\] {
419
- margin-left: 30px;
420
- margin-right: 30px;
421
- }
422
- .mx-auto {
423
- margin-left: auto;
424
- margin-right: auto;
425
- }
426
- .my-2 {
427
- margin-top: 0.5rem;
428
- margin-bottom: 0.5rem;
429
- }
430
- .my-3 {
431
- margin-top: 0.75rem;
432
- margin-bottom: 0.75rem;
433
- }
434
- .my-4 {
435
- margin-top: 1rem;
436
- margin-bottom: 1rem;
437
- }
438
- .my-5 {
439
- margin-top: 1.25rem;
440
- margin-bottom: 1.25rem;
441
- }
442
- .mb-3 {
443
- margin-bottom: 0.75rem;
444
- }
445
- .mb-32 {
446
- margin-bottom: 8rem;
447
- }
448
- .mb-6 {
449
- margin-bottom: 1.5rem;
450
- }
451
- .mt-1 {
452
- margin-top: 0.25rem;
453
- }
454
- .mt-4 {
455
- margin-top: 1rem;
456
- }
457
- .block {
458
- display: block;
459
- }
460
- .flex {
461
- display: flex;
462
- }
463
- .inline-flex {
464
- display: inline-flex;
465
- }
466
- .grid {
467
- display: grid;
468
- }
469
- .hidden {
470
- display: none;
471
- }
472
- .h-1\.5 {
473
- height: 0.375rem;
474
- }
475
- .h-4 {
476
- height: 1rem;
477
- }
478
- .h-5 {
479
- height: 1.25rem;
480
- }
481
- .h-\[18px\] {
482
- height: 18px;
483
- }
484
- .h-\[22px\] {
485
- height: 22px;
486
- }
487
- .h-\[27px\] {
488
- height: 27px;
489
- }
490
- .h-\[400px\] {
491
- height: 400px;
492
- }
493
- .h-\[406px\] {
494
- height: 406px;
495
- }
496
- .h-\[54px\] {
497
- height: 54px;
498
- }
499
- .h-\[62px\] {
500
- height: 62px;
501
- }
502
- .h-\[700px\] {
503
- height: 700px;
504
- }
505
- .h-\[98dvh\] {
506
- height: 98dvh;
507
- }
508
- .h-full {
509
- height: 100%;
510
- }
511
- .max-h-0 {
512
- max-height: 0px;
513
- }
514
- .max-h-full {
515
- max-height: 100%;
516
- }
517
- .min-h-\[200px\] {
518
- min-height: 200px;
519
- }
520
- .w-4 {
521
- width: 1rem;
522
- }
523
- .w-5 {
524
- width: 1.25rem;
525
- }
526
- .w-8 {
527
- width: 2rem;
528
- }
529
- .w-\[124px\] {
530
- width: 124px;
531
- }
532
- .w-\[34px\] {
533
- width: 34px;
534
- }
535
- .w-\[400px\] {
536
- width: 400px;
537
- }
538
- .w-\[466px\] {
539
- width: 466px;
540
- }
541
- .w-\[50\%\] {
542
- width: 50%;
543
- }
544
- .w-\[500px\] {
545
- width: 500px;
546
- }
547
- .w-\[52px\] {
548
- width: 52px;
549
- }
550
- .w-\[70\%\] {
551
- width: 70%;
552
- }
553
- .w-\[711px\] {
554
- width: 711px;
555
- }
556
- .w-fit {
557
- width: fit-content;
558
- }
559
- .w-full {
560
- width: 100%;
561
- }
562
- .max-w-6xl {
563
- max-width: 72rem;
564
- }
565
- .max-w-\[333px\] {
566
- max-width: 333px;
567
- }
568
- .max-w-\[717px\] {
569
- max-width: 717px;
570
- }
571
- .flex-\[0\.4\] {
572
- flex: 0.4;
573
- }
574
- .flex-\[0\.6\] {
575
- flex: 0.6;
576
- }
577
- .-translate-x-2\/4 {
578
- --tw-translate-x: -50%;
579
- 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));
580
- }
581
- .-translate-x-full {
582
- --tw-translate-x: -100%;
583
- 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));
584
- }
585
- .-translate-y-2\/4 {
586
- --tw-translate-y: -50%;
587
- 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));
588
- }
589
- .translate-x-0 {
590
- --tw-translate-x: 0px;
591
- 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));
592
- }
593
- .rotate-0 {
594
- --tw-rotate: 0deg;
595
- 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));
596
- }
597
- .rotate-180 {
598
- --tw-rotate: 180deg;
599
- 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));
600
- }
601
- .transform {
602
- 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));
603
- }
604
- .cursor-not-allowed {
605
- cursor: not-allowed;
606
- }
607
- .cursor-pointer {
608
- cursor: pointer;
609
- }
610
- .select-none {
611
- user-select: none;
612
- }
613
- .resize-none {
614
- resize: none;
615
- }
616
- .list-none {
617
- list-style-type: none;
618
- }
619
- .appearance-none {
620
- appearance: none;
621
- }
622
- .flex-col {
623
- flex-direction: column;
624
- }
625
- .flex-wrap {
626
- flex-wrap: wrap;
627
- }
628
- .place-items-start {
629
- place-items: start;
630
- }
631
- .items-start {
632
- align-items: flex-start;
633
- }
634
- .items-end {
635
- align-items: flex-end;
636
- }
637
- .items-center {
638
- align-items: center;
639
- }
640
- .justify-end {
641
- justify-content: flex-end;
642
- }
643
- .justify-center {
644
- justify-content: center;
645
- }
646
- .justify-between {
647
- justify-content: space-between;
648
- }
649
- .gap-1 {
650
- gap: 0.25rem;
651
- }
652
- .gap-10 {
653
- gap: 2.5rem;
654
- }
655
- .gap-12 {
656
- gap: 3rem;
657
- }
658
- .gap-14 {
659
- gap: 3.5rem;
660
- }
661
- .gap-2 {
662
- gap: 0.5rem;
663
- }
664
- .gap-3 {
665
- gap: 0.75rem;
666
- }
667
- .gap-4 {
668
- gap: 1rem;
669
- }
670
- .gap-5 {
671
- gap: 1.25rem;
672
- }
673
- .gap-\[10px\] {
674
- gap: 10px;
675
- }
676
- .gap-spacing-lg {
677
- gap: 32px;
678
- }
679
- .gap-spacing-md {
680
- gap: 16px;
681
- }
682
- .gap-spacing-sm {
683
- gap: 8px;
684
- }
685
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
686
- --tw-space-x-reverse: 0;
687
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
688
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
689
- }
690
- .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
691
- --tw-space-y-reverse: 0;
692
- margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
693
- margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
694
- }
695
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
696
- --tw-space-y-reverse: 0;
697
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
698
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
699
- }
700
- .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
701
- --tw-space-y-reverse: 0;
702
- margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
703
- margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
704
- }
705
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
706
- --tw-space-y-reverse: 0;
707
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
708
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
709
- }
710
- .space-y-5 > :not([hidden]) ~ :not([hidden]) {
711
- --tw-space-y-reverse: 0;
712
- margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
713
- margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
714
- }
715
- .space-y-spacing-md > :not([hidden]) ~ :not([hidden]) {
716
- --tw-space-y-reverse: 0;
717
- margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
718
- margin-bottom: calc(16px * var(--tw-space-y-reverse));
719
- }
720
- .space-y-spacing-sm > :not([hidden]) ~ :not([hidden]) {
721
- --tw-space-y-reverse: 0;
722
- margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
723
- margin-bottom: calc(8px * var(--tw-space-y-reverse));
724
- }
725
- .overflow-hidden {
726
- overflow: hidden;
727
- }
728
- .\!rounded-full {
729
- border-radius: 9999px !important;
730
- }
731
- .rounded {
732
- border-radius: 0.25rem;
733
- }
734
- .rounded-full {
735
- border-radius: 9999px;
736
- }
737
- .rounded-lg {
738
- border-radius: 0.5rem;
739
- }
740
- .rounded-md {
741
- border-radius: 0.375rem;
742
- }
743
- .rounded-radius-lg {
744
- border-radius: 16px;
745
- }
746
- .rounded-radius-md {
747
- border-radius: 8px;
748
- }
749
- .rounded-radius-sm {
750
- border-radius: 4px;
751
- }
752
- .rounded-radius-xl {
753
- border-radius: 32px;
754
- }
755
- .rounded-t-radius-md {
756
- border-top-left-radius: 8px;
757
- border-top-right-radius: 8px;
758
- }
759
- .border {
760
- border-width: 1px;
761
- }
762
- .border-2 {
763
- border-width: 2px;
764
- }
765
- .border-b {
766
- border-bottom-width: 1px;
767
- }
768
- .border-t {
769
- border-top-width: 1px;
770
- }
771
- .border-none {
772
- border-style: none;
773
- }
774
- .border-\[\#FFFFFF29\] {
775
- border-color: #FFFFFF29;
776
- }
777
- .border-\[\#eee\] {
778
- --tw-border-opacity: 1;
779
- border-color: rgb(238 238 238 / var(--tw-border-opacity));
780
- }
781
- .border-brand-200 {
782
- --tw-border-opacity: 1;
783
- border-color: rgb(255 224 143 / var(--tw-border-opacity));
784
- }
785
- .border-brand-500 {
786
- --tw-border-opacity: 1;
787
- border-color: rgb(255 195 66 / var(--tw-border-opacity));
788
- }
789
- .border-gray-200 {
790
- --tw-border-opacity: 1;
791
- border-color: rgb(242 242 242 / var(--tw-border-opacity));
792
- }
793
- .border-gray-200\/50 {
794
- border-color: rgb(242 242 242 / 0.5);
795
- }
796
- .border-gray-25\/15 {
797
- border-color: rgb(255 255 255 / 0.15);
798
- }
799
- .border-gray-300 {
800
- --tw-border-opacity: 1;
801
- border-color: rgb(228 228 228 / var(--tw-border-opacity));
802
- }
803
- .border-transparent {
804
- border-color: transparent;
805
- }
806
- .border-b-\[\#0707071F\] {
807
- border-bottom-color: #0707071F;
808
- }
809
- .bg-\[\#FFFFFFE5\] {
810
- background-color: #FFFFFFE5;
811
- }
812
- .bg-\[\#fff\] {
813
- --tw-bg-opacity: 1;
814
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
815
- }
816
- .bg-blue-500 {
817
- --tw-bg-opacity: 1;
818
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
819
- }
820
- .bg-blue-600 {
821
- --tw-bg-opacity: 1;
822
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
823
- }
824
- .bg-brand-100 {
825
- --tw-bg-opacity: 1;
826
- background-color: rgb(255 236 186 / var(--tw-bg-opacity));
827
- }
828
- .bg-brand-300 {
829
- --tw-bg-opacity: 1;
830
- background-color: rgb(255 214 101 / var(--tw-bg-opacity));
831
- }
832
- .bg-brand-400 {
833
- --tw-bg-opacity: 1;
834
- background-color: rgb(255 203 76 / var(--tw-bg-opacity));
835
- }
836
- .bg-brand-50 {
837
- --tw-bg-opacity: 1;
838
- background-color: rgb(255 248 228 / var(--tw-bg-opacity));
839
- }
840
- .bg-brand-500 {
841
- --tw-bg-opacity: 1;
842
- background-color: rgb(255 195 66 / var(--tw-bg-opacity));
843
- }
844
- .bg-gray-100 {
845
- --tw-bg-opacity: 1;
846
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
847
- }
848
- .bg-gray-300 {
849
- --tw-bg-opacity: 1;
850
- background-color: rgb(228 228 228 / var(--tw-bg-opacity));
851
- }
852
- .bg-gray-50\/\[0\.02\] {
853
- background-color: rgb(254 254 254 / 0.02);
854
- }
855
- .bg-gray-700 {
856
- --tw-bg-opacity: 1;
857
- background-color: rgb(101 101 101 / var(--tw-bg-opacity));
858
- }
859
- .bg-light {
860
- --tw-bg-opacity: 1;
861
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
862
- }
863
- .bg-light\/10 {
864
- background-color: rgb(255 255 255 / 0.1);
865
- }
866
- .bg-red-100 {
867
- --tw-bg-opacity: 1;
868
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
869
- }
870
- .bg-transparent {
871
- background-color: transparent;
872
- }
873
- .bg-white {
874
- --tw-bg-opacity: 1;
875
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
876
- }
877
- .bg-gradient-to-b {
878
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
879
- }
880
- .bg-gradient-to-r {
881
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
882
- }
883
- .bg-none {
884
- background-image: none;
885
- }
886
- .from-brand-200 {
887
- --tw-gradient-from: #FFE08F var(--tw-gradient-from-position);
888
- --tw-gradient-to: rgb(255 224 143 / 0) var(--tw-gradient-to-position);
889
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
890
- }
891
- .from-brand-700 {
892
- --tw-gradient-from: #FFA33A var(--tw-gradient-from-position);
893
- --tw-gradient-to: rgb(255 163 58 / 0) var(--tw-gradient-to-position);
894
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
895
- }
896
- .from-gray-25 {
897
- --tw-gradient-from: #fff var(--tw-gradient-from-position);
898
- --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
899
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
900
- }
901
- .from-indigo-500 {
902
- --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
903
- --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
904
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
905
- }
906
- .from-transparent {
907
- --tw-gradient-from: transparent var(--tw-gradient-from-position);
908
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
909
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
910
- }
911
- .from-\[-10\.81\%\] {
912
- --tw-gradient-from-position: -10.81%;
913
- }
914
- .via-black\/50 {
915
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
916
- --tw-gradient-stops:
917
- var(--tw-gradient-from),
918
- rgb(0 0 0 / 0.5) var(--tw-gradient-via-position),
919
- var(--tw-gradient-to);
920
- }
921
- .to-black {
922
- --tw-gradient-to: #000 var(--tw-gradient-to-position);
923
- }
924
- .to-brand-100 {
925
- --tw-gradient-to: #FFECBA var(--tw-gradient-to-position);
926
- }
927
- .to-brand-500 {
928
- --tw-gradient-to: #FFC342 var(--tw-gradient-to-position);
929
- }
930
- .to-brand-900 {
931
- --tw-gradient-to: #F97835 var(--tw-gradient-to-position);
932
- }
933
- .to-\[93\.83\%\] {
934
- --tw-gradient-to-position: 93.83%;
935
- }
936
- .bg-cover {
937
- background-size: cover;
938
- }
939
- .bg-center {
940
- background-position: center;
941
- }
942
- .bg-no-repeat {
943
- background-repeat: no-repeat;
944
- }
945
- .p-1 {
946
- padding: 0.25rem;
947
- }
948
- .p-10 {
949
- padding: 2.5rem;
950
- }
951
- .p-3 {
952
- padding: 0.75rem;
953
- }
954
- .p-4 {
955
- padding: 1rem;
956
- }
957
- .p-\[1px\] {
958
- padding: 1px;
959
- }
960
- .p-\[32px\] {
961
- padding: 32px;
962
- }
963
- .p-spacing-md {
964
- padding: 16px;
965
- }
966
- .px-3 {
967
- padding-left: 0.75rem;
968
- padding-right: 0.75rem;
969
- }
970
- .px-4 {
971
- padding-left: 1rem;
972
- padding-right: 1rem;
973
- }
974
- .px-6 {
975
- padding-left: 1.5rem;
976
- padding-right: 1.5rem;
977
- }
978
- .px-\[30px\] {
979
- padding-left: 30px;
980
- padding-right: 30px;
981
- }
982
- .px-\[32px\] {
983
- padding-left: 32px;
984
- padding-right: 32px;
985
- }
986
- .px-\[64px\] {
987
- padding-left: 64px;
988
- padding-right: 64px;
989
- }
990
- .px-spacing-lg {
991
- padding-left: 32px;
992
- padding-right: 32px;
993
- }
994
- .px-spacing-md {
995
- padding-left: 16px;
996
- padding-right: 16px;
997
- }
998
- .px-spacing-xl {
999
- padding-left: 64px;
1000
- padding-right: 64px;
1001
- }
1002
- .py-1 {
1003
- padding-top: 0.25rem;
1004
- padding-bottom: 0.25rem;
1005
- }
1006
- .py-2 {
1007
- padding-top: 0.5rem;
1008
- padding-bottom: 0.5rem;
1009
- }
1010
- .py-20 {
1011
- padding-top: 5rem;
1012
- padding-bottom: 5rem;
1013
- }
1014
- .py-3 {
1015
- padding-top: 0.75rem;
1016
- padding-bottom: 0.75rem;
1017
- }
1018
- .py-32 {
1019
- padding-top: 8rem;
1020
- padding-bottom: 8rem;
1021
- }
1022
- .py-\[32px\] {
1023
- padding-top: 32px;
1024
- padding-bottom: 32px;
1025
- }
1026
- .py-\[64px\] {
1027
- padding-top: 64px;
1028
- padding-bottom: 64px;
1029
- }
1030
- .py-\[8px\] {
1031
- padding-top: 8px;
1032
- padding-bottom: 8px;
1033
- }
1034
- .py-spacing-md {
1035
- padding-top: 16px;
1036
- padding-bottom: 16px;
1037
- }
1038
- .py-spacing-sm {
1039
- padding-top: 8px;
1040
- padding-bottom: 8px;
1041
- }
1042
- .pr-spacing-md {
1043
- padding-right: 16px;
1044
- }
1045
- .pt-\[32px\] {
1046
- padding-top: 32px;
1047
- }
1048
- .text-left {
1049
- text-align: left;
1050
- }
1051
- .text-center {
1052
- text-align: center;
1053
- }
1054
- .font-karla {
1055
- font-family: var(--font-karla);
1056
- }
1057
- .text-2xl {
1058
- font-size: 1.5rem;
1059
- line-height: 2rem;
1060
- }
1061
- .text-5xl {
1062
- font-size: 3rem;
1063
- line-height: 1;
1064
- }
1065
- .text-7xl {
1066
- font-size: 4.5rem;
1067
- line-height: 1;
1068
- }
1069
- .text-8xl {
1070
- font-size: 6rem;
1071
- line-height: 1;
1072
- }
1073
- .text-\[10px\] {
1074
- font-size: 10px;
1075
- }
1076
- .text-\[18px\] {
1077
- font-size: 18px;
1078
- }
1079
- .text-\[20px\] {
1080
- font-size: 20px;
1081
- }
1082
- .text-\[24px\] {
1083
- font-size: 24px;
1084
- }
1085
- .text-\[32px\] {
1086
- font-size: 32px;
1087
- }
1088
- .text-\[48px\] {
1089
- font-size: 48px;
1090
- }
1091
- .text-base {
1092
- font-size: 1rem;
1093
- line-height: 1.5rem;
1094
- }
1095
- .text-lg {
1096
- font-size: 1.125rem;
1097
- line-height: 1.75rem;
1098
- }
1099
- .text-sm {
1100
- font-size: 0.875rem;
1101
- line-height: 1.25rem;
1102
- }
1103
- .text-xl {
1104
- font-size: 1.25rem;
1105
- line-height: 1.75rem;
1106
- }
1107
- .text-xs {
1108
- font-size: 0.75rem;
1109
- line-height: 1rem;
1110
- }
1111
- .font-bold {
1112
- font-weight: 700;
1113
- }
1114
- .font-medium {
1115
- font-weight: 500;
1116
- }
1117
- .font-normal {
1118
- font-weight: 400;
1119
- }
1120
- .font-semibold {
1121
- font-weight: 600;
1122
- }
1123
- .leading-9 {
1124
- line-height: 2.25rem;
1125
- }
1126
- .leading-\[1\.4\] {
1127
- line-height: 1.4;
1128
- }
1129
- .leading-\[144px\] {
1130
- line-height: 144px;
1131
- }
1132
- .leading-\[15px\] {
1133
- line-height: 15px;
1134
- }
1135
- .leading-\[18px\] {
1136
- line-height: 18px;
1137
- }
1138
- .leading-\[21px\] {
1139
- line-height: 21px;
1140
- }
1141
- .leading-\[25px\] {
1142
- line-height: 25px;
1143
- }
1144
- .leading-\[30px\] {
1145
- line-height: 30px;
1146
- }
1147
- .leading-\[36px\] {
1148
- line-height: 36px;
1149
- }
1150
- .leading-\[38px\] {
1151
- line-height: 38px;
1152
- }
1153
- .leading-\[48px\] {
1154
- line-height: 48px;
1155
- }
1156
- .leading-\[72px\] {
1157
- line-height: 72px;
1158
- }
1159
- .leading-\[90px\] {
1160
- line-height: 90px;
1161
- }
1162
- .leading-none {
1163
- line-height: 1;
1164
- }
1165
- .text-black {
1166
- --tw-text-opacity: 1;
1167
- color: rgb(0 0 0 / var(--tw-text-opacity));
1168
- }
1169
- .text-brand-400 {
1170
- --tw-text-opacity: 1;
1171
- color: rgb(255 203 76 / var(--tw-text-opacity));
1172
- }
1173
- .text-brand-500 {
1174
- --tw-text-opacity: 1;
1175
- color: rgb(255 195 66 / var(--tw-text-opacity));
1176
- }
1177
- .text-brand-600 {
1178
- --tw-text-opacity: 1;
1179
- color: rgb(255 181 61 / var(--tw-text-opacity));
1180
- }
1181
- .text-brand-700 {
1182
- --tw-text-opacity: 1;
1183
- color: rgb(255 163 58 / var(--tw-text-opacity));
1184
- }
1185
- .text-brand-800 {
1186
- --tw-text-opacity: 1;
1187
- color: rgb(253 148 56 / var(--tw-text-opacity));
1188
- }
1189
- .text-dark {
1190
- --tw-text-opacity: 1;
1191
- color: rgb(7 7 7 / var(--tw-text-opacity));
1192
- }
1193
- .text-error {
1194
- --tw-text-opacity: 1;
1195
- color: rgb(234 67 53 / var(--tw-text-opacity));
1196
- }
1197
- .text-gray-300 {
1198
- --tw-text-opacity: 1;
1199
- color: rgb(228 228 228 / var(--tw-text-opacity));
1200
- }
1201
- .text-gray-400 {
1202
- --tw-text-opacity: 1;
1203
- color: rgb(192 192 192 / var(--tw-text-opacity));
1204
- }
1205
- .text-gray-600 {
1206
- --tw-text-opacity: 1;
1207
- color: rgb(121 121 121 / var(--tw-text-opacity));
1208
- }
1209
- .text-gray-800 {
1210
- --tw-text-opacity: 1;
1211
- color: rgb(70 70 70 / var(--tw-text-opacity));
1212
- }
1213
- .text-gray-900 {
1214
- --tw-text-opacity: 1;
1215
- color: rgb(37 37 37 / var(--tw-text-opacity));
1216
- }
1217
- .text-light {
1218
- --tw-text-opacity: 1;
1219
- color: rgb(255 255 255 / var(--tw-text-opacity));
1220
- }
1221
- .text-white {
1222
- --tw-text-opacity: 1;
1223
- color: rgb(255 255 255 / var(--tw-text-opacity));
1224
- }
1225
- .no-underline {
1226
- text-decoration-line: none;
1227
- }
1228
- .opacity-0 {
1229
- opacity: 0;
1230
- }
1231
- .opacity-100 {
1232
- opacity: 1;
1233
- }
1234
- .opacity-30 {
1235
- opacity: 0.3;
1236
- }
1237
- .opacity-50 {
1238
- opacity: 0.5;
1239
- }
1240
- .shadow-cardShadow {
1241
- --tw-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
1242
- --tw-shadow-colored: 0px 5px 16px 0px var(--tw-shadow-color);
1243
- box-shadow:
1244
- var(--tw-ring-offset-shadow, 0 0 #0000),
1245
- var(--tw-ring-shadow, 0 0 #0000),
1246
- var(--tw-shadow);
1247
- }
1248
- .shadow-cardShadowActive {
1249
- --tw-shadow: 0px 5px 15px 0px rgba(66, 133, 244, 0.32);
1250
- --tw-shadow-colored: 0px 5px 15px 0px var(--tw-shadow-color);
1251
- box-shadow:
1252
- var(--tw-ring-offset-shadow, 0 0 #0000),
1253
- var(--tw-ring-shadow, 0 0 #0000),
1254
- var(--tw-shadow);
1255
- }
1256
- .shadow-sm {
1257
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1258
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1259
- box-shadow:
1260
- var(--tw-ring-offset-shadow, 0 0 #0000),
1261
- var(--tw-ring-shadow, 0 0 #0000),
1262
- var(--tw-shadow);
1263
- }
1264
- .outline-none {
1265
- outline: 2px solid transparent;
1266
- outline-offset: 2px;
1267
- }
1268
- .filter {
1269
- 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);
1270
- }
1271
- .backdrop-blur-\[3\.5px\] {
1272
- --tw-backdrop-blur: blur(3.5px);
1273
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1274
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1275
- }
1276
- .backdrop-blur-\[6px\] {
1277
- --tw-backdrop-blur: blur(6px);
1278
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1279
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1280
- }
1281
- .backdrop-blur-md {
1282
- --tw-backdrop-blur: blur(12px);
1283
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1284
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1285
- }
1286
- .backdrop-blur-sm {
1287
- --tw-backdrop-blur: blur(4px);
1288
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1289
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1290
- }
1291
- .transition-all {
1292
- transition-property: all;
1293
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1294
- transition-duration: 150ms;
1295
- }
1296
- .transition-colors {
1297
- transition-property:
1298
- color,
1299
- background-color,
1300
- border-color,
1301
- text-decoration-color,
1302
- fill,
1303
- stroke;
1304
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1305
- transition-duration: 150ms;
1306
- }
1307
- .transition-opacity {
1308
- transition-property: opacity;
1309
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1310
- transition-duration: 150ms;
1311
- }
1312
- .transition-transform {
1313
- transition-property: transform;
1314
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1315
- transition-duration: 150ms;
1316
- }
1317
- .delay-150 {
1318
- transition-delay: 150ms;
1319
- }
1320
- .duration-200 {
1321
- transition-duration: 200ms;
1322
- }
1323
- .duration-300 {
1324
- transition-duration: 300ms;
1325
- }
1326
- .duration-500 {
1327
- transition-duration: 500ms;
1328
- }
1329
- .ease-in {
1330
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1331
- }
1332
- .ease-in-out {
1333
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1334
- }
1335
- .test {
1336
- border: 1px solid red;
1337
- }
1338
- .gradientOne {
1339
- background:
1340
- linear-gradient(
1341
- 242deg,
1342
- #070707 5.78%,
1343
- #4285f4 138.66%,
1344
- #8eb6f8 271.69%);
1345
- }
1346
- .gradientOne:hover {
1347
- background:
1348
- linear-gradient(
1349
- 242deg,
1350
- #0d1b31 5.78%,
1351
- #070707 49.65%,
1352
- #4285f4 271.69%);
1353
- }
1354
- .div-glass {
1355
- background:
1356
- linear-gradient(
1357
- 242deg,
1358
- #0d1b31 5.78%,
1359
- #070707 49.65%,
1360
- #4285f4 271.69%);
1361
- height: 400px;
1362
- background-position: center;
1363
- background-repeat: no-repeat;
1364
- background-size: cover;
1365
- }
1366
- .div-glass2 {
1367
- background:
1368
- linear-gradient(
1369
- 242deg,
1370
- #0d1b31 5.78%,
1371
- #070707 49.65%,
1372
- #4285f4 271.69%);
1373
- height: 100px;
1374
- background-position: center;
1375
- background-repeat: no-repeat;
1376
- background-size: cover;
1377
- }
1378
- .slider {
1379
- -webkit-appearance: none;
1380
- appearance: none;
1381
- }
1382
- .slider::-webkit-slider-thumb {
1383
- -webkit-appearance: none;
1384
- appearance: none;
1385
- width: 36px;
1386
- height: 24px;
1387
- background-color: #4285f4;
1388
- border-radius: 9999px;
1389
- cursor: pointer;
1390
- }
1391
- .slider::-webkit-slider-thumb:hover {
1392
- background-color: #285092;
1393
- }
1394
- .slider::-webkit-slider-thumb:active {
1395
- background-color: #356ac3;
1396
- outline: 3px solid #b3cefb;
1397
- box-shadow: 0px 4px 4.7px 0px #0000002e;
1398
- }
1399
- .slider::-moz-range-thumb {
1400
- width: 50px;
1401
- outline: 3px solid #b3cefb;
1402
- height: 50px;
1403
- background-color: #000;
1404
- border-radius: 0;
1405
- cursor: pointer;
1406
- }
1407
- .last\:border-none:last-child {
1408
- border-style: none;
1409
- }
1410
- .checked\:border-brand-500:checked {
1411
- --tw-border-opacity: 1;
1412
- border-color: rgb(255 195 66 / var(--tw-border-opacity));
1413
- }
1414
- .focus-within\:border-gray-400:focus-within {
1415
- --tw-border-opacity: 1;
1416
- border-color: rgb(192 192 192 / var(--tw-border-opacity));
1417
- }
1418
- .focus-within\:bg-gray-50:focus-within {
1419
- --tw-bg-opacity: 1;
1420
- background-color: rgb(254 254 254 / var(--tw-bg-opacity));
1421
- }
1422
- .focus-within\:text-dark:focus-within {
1423
- --tw-text-opacity: 1;
1424
- color: rgb(7 7 7 / var(--tw-text-opacity));
1425
- }
1426
- .hover\:border-2:hover {
1427
- border-width: 2px;
1428
- }
1429
- .hover\:border-\[\#4285F4\]:hover {
1430
- --tw-border-opacity: 1;
1431
- border-color: rgb(66 133 244 / var(--tw-border-opacity));
1432
- }
1433
- .hover\:border-brand-200:hover {
1434
- --tw-border-opacity: 1;
1435
- border-color: rgb(255 224 143 / var(--tw-border-opacity));
1436
- }
1437
- .hover\:border-brand-300:hover {
1438
- --tw-border-opacity: 1;
1439
- border-color: rgb(255 214 101 / var(--tw-border-opacity));
1440
- }
1441
- .hover\:border-brand-500:hover {
1442
- --tw-border-opacity: 1;
1443
- border-color: rgb(255 195 66 / var(--tw-border-opacity));
1444
- }
1445
- .hover\:border-gray-300:hover {
1446
- --tw-border-opacity: 1;
1447
- border-color: rgb(228 228 228 / var(--tw-border-opacity));
1448
- }
1449
- .hover\:border-gray-500:hover {
1450
- --tw-border-opacity: 1;
1451
- border-color: rgb(162 162 162 / var(--tw-border-opacity));
1452
- }
1453
- .hover\:bg-blue-500:hover {
1454
- --tw-bg-opacity: 1;
1455
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
1456
- }
1457
- .hover\:bg-blue-600:hover {
1458
- --tw-bg-opacity: 1;
1459
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1460
- }
1461
- .hover\:bg-brand-100:hover {
1462
- --tw-bg-opacity: 1;
1463
- background-color: rgb(255 236 186 / var(--tw-bg-opacity));
1464
- }
1465
- .hover\:bg-brand-200:hover {
1466
- --tw-bg-opacity: 1;
1467
- background-color: rgb(255 224 143 / var(--tw-bg-opacity));
1468
- }
1469
- .hover\:bg-brand-25\/25:hover {
1470
- background-color: rgb(245 250 255 / 0.25);
1471
- }
1472
- .hover\:bg-brand-50:hover {
1473
- --tw-bg-opacity: 1;
1474
- background-color: rgb(255 248 228 / var(--tw-bg-opacity));
1475
- }
1476
- .hover\:bg-brand-600:hover {
1477
- --tw-bg-opacity: 1;
1478
- background-color: rgb(255 181 61 / var(--tw-bg-opacity));
1479
- }
1480
- .hover\:bg-gray-100:hover {
1481
- --tw-bg-opacity: 1;
1482
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
1483
- }
1484
- .hover\:bg-gray-200:hover {
1485
- --tw-bg-opacity: 1;
1486
- background-color: rgb(242 242 242 / var(--tw-bg-opacity));
1487
- }
1488
- .hover\:bg-gray-200\/10:hover {
1489
- background-color: rgb(242 242 242 / 0.1);
1490
- }
1491
- .hover\:bg-gray-300:hover {
1492
- --tw-bg-opacity: 1;
1493
- background-color: rgb(228 228 228 / var(--tw-bg-opacity));
1494
- }
1495
- .hover\:bg-gray-800:hover {
1496
- --tw-bg-opacity: 1;
1497
- background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1498
- }
1499
- .hover\:bg-gradient-to-b:hover {
1500
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
1501
- }
1502
- .hover\:bg-gradient-to-r:hover {
1503
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1504
- }
1505
- .hover\:from-\[\#8EB6F8D9\]:hover {
1506
- --tw-gradient-from: #8EB6F8D9 var(--tw-gradient-from-position);
1507
- --tw-gradient-to: rgb(142 182 248 / 0) var(--tw-gradient-to-position);
1508
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1509
- }
1510
- .hover\:from-black\/60:hover {
1511
- --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
1512
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1513
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1514
- }
1515
- .hover\:from-brand-500:hover {
1516
- --tw-gradient-from: #FFC342 var(--tw-gradient-from-position);
1517
- --tw-gradient-to: rgb(255 195 66 / 0) var(--tw-gradient-to-position);
1518
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1519
- }
1520
- .hover\:via-black\/70:hover {
1521
- --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
1522
- --tw-gradient-stops:
1523
- var(--tw-gradient-from),
1524
- rgb(0 0 0 / 0.7) var(--tw-gradient-via-position),
1525
- var(--tw-gradient-to);
1526
- }
1527
- .hover\:to-\[\#070707\]:hover {
1528
- --tw-gradient-to: #070707 var(--tw-gradient-to-position);
1529
- }
1530
- .hover\:to-\[\#264D8E\]:hover {
1531
- --tw-gradient-to: #264D8E var(--tw-gradient-to-position);
1532
- }
1533
- .hover\:to-\[\#285092\]:hover {
1534
- --tw-gradient-to: #285092 var(--tw-gradient-to-position);
1535
- }
1536
- .hover\:to-\[\#356AC3D9\]:hover {
1537
- --tw-gradient-to: #356AC3D9 var(--tw-gradient-to-position);
1538
- }
1539
- .hover\:text-brand-400:hover {
1540
- --tw-text-opacity: 1;
1541
- color: rgb(255 203 76 / var(--tw-text-opacity));
1542
- }
1543
- .hover\:text-gray-500:hover {
1544
- --tw-text-opacity: 1;
1545
- color: rgb(162 162 162 / var(--tw-text-opacity));
1546
- }
1547
- .hover\:text-white:hover {
1548
- --tw-text-opacity: 1;
1549
- color: rgb(255 255 255 / var(--tw-text-opacity));
1550
- }
1551
- .hover\:shadow-\[inset_0px_2px_8px_-2px_\#FFFFFF8F\,inset_0px_8px_8px_-2px_\#0000002E\]:hover {
1552
- --tw-shadow: inset 0px 2px 8px -2px #FFFFFF8F,inset 0px 8px 8px -2px #0000002E;
1553
- --tw-shadow-colored: inset 0px 2px 8px -2px var(--tw-shadow-color), inset 0px 8px 8px -2px var(--tw-shadow-color);
1554
- box-shadow:
1555
- var(--tw-ring-offset-shadow, 0 0 #0000),
1556
- var(--tw-ring-shadow, 0 0 #0000),
1557
- var(--tw-shadow);
1558
- }
1559
- .hover\:shadow-\[inset_0px_2px_8px_-2px_\#FFFFFF8F\,inset_0px_8px_8px_-2px_\#356AC32E\]:hover {
1560
- --tw-shadow: inset 0px 2px 8px -2px #FFFFFF8F,inset 0px 8px 8px -2px #356AC32E;
1561
- --tw-shadow-colored: inset 0px 2px 8px -2px var(--tw-shadow-color), inset 0px 8px 8px -2px var(--tw-shadow-color);
1562
- box-shadow:
1563
- var(--tw-ring-offset-shadow, 0 0 #0000),
1564
- var(--tw-ring-shadow, 0 0 #0000),
1565
- var(--tw-shadow);
1566
- }
1567
- .hover\:shadow-\[inset_0px_2px_8px_-2px_\#FFFFFF8F\,inset_0px_8px_8px_-2px_\#6984AD2E\]:hover {
1568
- --tw-shadow: inset 0px 2px 8px -2px #FFFFFF8F,inset 0px 8px 8px -2px #6984AD2E;
1569
- --tw-shadow-colored: inset 0px 2px 8px -2px var(--tw-shadow-color), inset 0px 8px 8px -2px var(--tw-shadow-color);
1570
- box-shadow:
1571
- var(--tw-ring-offset-shadow, 0 0 #0000),
1572
- var(--tw-ring-shadow, 0 0 #0000),
1573
- var(--tw-shadow);
1574
- }
1575
- .hover\:shadow-\[inset_0px_2px_8px_-2px_\#FFFFFF8F\,inset_0px_8px_8px_-2px_\#9595952E\]:hover {
1576
- --tw-shadow: inset 0px 2px 8px -2px #FFFFFF8F,inset 0px 8px 8px -2px #9595952E;
1577
- --tw-shadow-colored: inset 0px 2px 8px -2px var(--tw-shadow-color), inset 0px 8px 8px -2px var(--tw-shadow-color);
1578
- box-shadow:
1579
- var(--tw-ring-offset-shadow, 0 0 #0000),
1580
- var(--tw-ring-shadow, 0 0 #0000),
1581
- var(--tw-shadow);
1582
- }
1583
- .hover\:shadow-\[inset_0px_8px_8px_-2px_\#23232314\]:hover {
1584
- --tw-shadow: inset 0px 8px 8px -2px #23232314;
1585
- --tw-shadow-colored: inset 0px 8px 8px -2px var(--tw-shadow-color);
1586
- box-shadow:
1587
- var(--tw-ring-offset-shadow, 0 0 #0000),
1588
- var(--tw-ring-shadow, 0 0 #0000),
1589
- var(--tw-shadow);
1590
- }
1591
- .hover\:ring-1:hover {
1592
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1593
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1594
- box-shadow:
1595
- var(--tw-ring-offset-shadow),
1596
- var(--tw-ring-shadow),
1597
- var(--tw-shadow, 0 0 #0000);
1598
- }
1599
- .hover\:ring-\[\#4285F4\]:hover {
1600
- --tw-ring-opacity: 1;
1601
- --tw-ring-color: rgb(66 133 244 / var(--tw-ring-opacity));
1602
- }
1603
- .hover\:backdrop-blur-md:hover {
1604
- --tw-backdrop-blur: blur(12px);
1605
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1606
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1607
- }
1608
- .focus-within\:hover\:border-brand-100:hover:focus-within {
1609
- --tw-border-opacity: 1;
1610
- border-color: rgb(255 236 186 / var(--tw-border-opacity));
1611
- }
1612
- .focus-within\:hover\:bg-brand-50:hover:focus-within {
1613
- --tw-bg-opacity: 1;
1614
- background-color: rgb(255 248 228 / var(--tw-bg-opacity));
1615
- }
1616
- .focus-within\:hover\:text-dark:hover:focus-within {
1617
- --tw-text-opacity: 1;
1618
- color: rgb(7 7 7 / var(--tw-text-opacity));
1619
- }
1620
- .focus\:text-white:focus {
1621
- --tw-text-opacity: 1;
1622
- color: rgb(255 255 255 / var(--tw-text-opacity));
1623
- }
1624
- .focus\:outline-none:focus {
1625
- outline: 2px solid transparent;
1626
- outline-offset: 2px;
1627
- }
1628
- .focus\:ring-1:focus {
1629
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1630
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1631
- box-shadow:
1632
- var(--tw-ring-offset-shadow),
1633
- var(--tw-ring-shadow),
1634
- var(--tw-shadow, 0 0 #0000);
1635
- }
1636
- .focus\:ring-brand-500:focus {
1637
- --tw-ring-opacity: 1;
1638
- --tw-ring-color: rgb(255 195 66 / var(--tw-ring-opacity));
1639
- }
1640
- .active\:bg-brand-400:active {
1641
- --tw-bg-opacity: 1;
1642
- background-color: rgb(255 203 76 / var(--tw-bg-opacity));
1643
- }
1644
- .active\:bg-brand-50:active {
1645
- --tw-bg-opacity: 1;
1646
- background-color: rgb(255 248 228 / var(--tw-bg-opacity));
1647
- }
1648
- .active\:bg-gray-25:active {
1649
- --tw-bg-opacity: 1;
1650
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1651
- }
1652
- .active\:text-gray-900:active {
1653
- --tw-text-opacity: 1;
1654
- color: rgb(37 37 37 / var(--tw-text-opacity));
1655
- }
1656
- .active\:shadow-\[0px_0px_0px_3px\]:active {
1657
- --tw-shadow: 0px 0px 0px 3px;
1658
- --tw-shadow-colored: 0px 0px 0px 3px var(--tw-shadow-color);
1659
- box-shadow:
1660
- var(--tw-ring-offset-shadow, 0 0 #0000),
1661
- var(--tw-ring-shadow, 0 0 #0000),
1662
- var(--tw-shadow);
1663
- }
1664
- .active\:shadow-\[\#46464659\]:active {
1665
- --tw-shadow-color: #46464659;
1666
- --tw-shadow: var(--tw-shadow-colored);
1667
- }
1668
- .active\:shadow-brand-300:active {
1669
- --tw-shadow-color: #FFD665;
1670
- --tw-shadow: var(--tw-shadow-colored);
1671
- }
1672
- .active\:shadow-brand-700:active {
1673
- --tw-shadow-color: #FFA33A;
1674
- --tw-shadow: var(--tw-shadow-colored);
1675
- }
1676
- .active\:shadow-gray-700:active {
1677
- --tw-shadow-color: #656565;
1678
- --tw-shadow: var(--tw-shadow-colored);
1679
- }
1680
- .disabled\:pointer-events-none:disabled {
1681
- pointer-events: none;
1682
- }
1683
- .disabled\:select-none:disabled {
1684
- user-select: none;
1685
- }
1686
- .disabled\:border-gray-400:disabled {
1687
- --tw-border-opacity: 1;
1688
- border-color: rgb(192 192 192 / var(--tw-border-opacity));
1689
- }
1690
- .disabled\:bg-gray-25:disabled {
1691
- --tw-bg-opacity: 1;
1692
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1693
- }
1694
- .disabled\:bg-gray-400:disabled {
1695
- --tw-bg-opacity: 1;
1696
- background-color: rgb(192 192 192 / var(--tw-bg-opacity));
1697
- }
1698
- .disabled\:text-light:disabled {
1699
- --tw-text-opacity: 1;
1700
- color: rgb(255 255 255 / var(--tw-text-opacity));
1701
- }
1702
- .disabled\:opacity-30:disabled {
1703
- opacity: 0.3;
1704
- }
1705
- .disabled\:opacity-60:disabled {
1706
- opacity: 0.6;
1707
- }
1708
- .group:hover .group-hover\:text-white {
1709
- --tw-text-opacity: 1;
1710
- color: rgb(255 255 255 / var(--tw-text-opacity));
1711
- }
1712
- .peer:checked ~ .peer-checked\:translate-x-2 {
1713
- --tw-translate-x: 0.5rem;
1714
- 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));
1715
- }
1716
- .peer:checked ~ .peer-checked\:translate-x-3 {
1717
- --tw-translate-x: 0.75rem;
1718
- 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));
1719
- }
1720
- .peer:checked ~ .peer-checked\:bg-brand-500 {
1721
- --tw-bg-opacity: 1;
1722
- background-color: rgb(255 195 66 / var(--tw-bg-opacity));
1723
- }
1724
- .peer:checked ~ .peer-checked\:opacity-100 {
1725
- opacity: 1;
1726
- }
1727
- .peer:active ~ .peer-active\:ring-2 {
1728
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1729
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1730
- box-shadow:
1731
- var(--tw-ring-offset-shadow),
1732
- var(--tw-ring-shadow),
1733
- var(--tw-shadow, 0 0 #0000);
1734
- }
1735
- .peer:active ~ .peer-active\:ring-brand-300 {
1736
- --tw-ring-opacity: 1;
1737
- --tw-ring-color: rgb(255 214 101 / var(--tw-ring-opacity));
1738
- }
1739
- .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
1740
- pointer-events: none;
1741
- }
1742
- .has-\[\:disabled\]\:select-none:has(:disabled) {
1743
- user-select: none;
1744
- }
1745
- .has-\[\:disabled\]\:border-gray-400:has(:disabled) {
1746
- --tw-border-opacity: 1;
1747
- border-color: rgb(192 192 192 / var(--tw-border-opacity));
1748
- }
1749
- .has-\[\:disabled\]\:bg-gray-25:has(:disabled) {
1750
- --tw-bg-opacity: 1;
1751
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1752
- }
1753
- .has-\[\:disabled\]\:opacity-30:has(:disabled) {
1754
- opacity: 0.3;
1755
- }
1756
- .dark\:border-brand-100:is(.dark *) {
1757
- --tw-border-opacity: 1;
1758
- border-color: rgb(255 236 186 / var(--tw-border-opacity));
1759
- }
1760
- .dark\:border-brand-800:is(.dark *) {
1761
- --tw-border-opacity: 1;
1762
- border-color: rgb(253 148 56 / var(--tw-border-opacity));
1763
- }
1764
- .dark\:border-gray-600:is(.dark *) {
1765
- --tw-border-opacity: 1;
1766
- border-color: rgb(121 121 121 / var(--tw-border-opacity));
1767
- }
1768
- .dark\:border-gray-800:is(.dark *) {
1769
- --tw-border-opacity: 1;
1770
- border-color: rgb(70 70 70 / var(--tw-border-opacity));
1771
- }
1772
- .dark\:border-gray-900:is(.dark *) {
1773
- --tw-border-opacity: 1;
1774
- border-color: rgb(37 37 37 / var(--tw-border-opacity));
1775
- }
1776
- .dark\:bg-dark:is(.dark *) {
1777
- --tw-bg-opacity: 1;
1778
- background-color: rgb(7 7 7 / var(--tw-bg-opacity));
1779
- }
1780
- .dark\:bg-dark\/20:is(.dark *) {
1781
- background-color: rgb(7 7 7 / 0.2);
1782
- }
1783
- .dark\:bg-gray-700:is(.dark *) {
1784
- --tw-bg-opacity: 1;
1785
- background-color: rgb(101 101 101 / var(--tw-bg-opacity));
1786
- }
1787
- .dark\:bg-gray-800:is(.dark *) {
1788
- --tw-bg-opacity: 1;
1789
- background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1790
- }
1791
- .dark\:bg-gray-900:is(.dark *) {
1792
- --tw-bg-opacity: 1;
1793
- background-color: rgb(37 37 37 / var(--tw-bg-opacity));
1794
- }
1795
- .dark\:from-\[\#252525D9\]:is(.dark *) {
1796
- --tw-gradient-from: #252525D9 var(--tw-gradient-from-position);
1797
- --tw-gradient-to: rgb(37 37 37 / 0) var(--tw-gradient-to-position);
1798
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1799
- }
1800
- .dark\:from-brand-900:is(.dark *) {
1801
- --tw-gradient-from: #F97835 var(--tw-gradient-from-position);
1802
- --tw-gradient-to: rgb(249 120 53 / 0) var(--tw-gradient-to-position);
1803
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1804
- }
1805
- .dark\:from-cyan-500:is(.dark *) {
1806
- --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
1807
- --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
1808
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1809
- }
1810
- .dark\:to-\[\#070707D9\]:is(.dark *) {
1811
- --tw-gradient-to: #070707D9 var(--tw-gradient-to-position);
1812
- }
1813
- .dark\:to-blue-500:is(.dark *) {
1814
- --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
1815
- }
1816
- .dark\:to-dark:is(.dark *) {
1817
- --tw-gradient-to: #070707 var(--tw-gradient-to-position);
1818
- }
1819
- .dark\:text-brand-200:is(.dark *) {
1820
- --tw-text-opacity: 1;
1821
- color: rgb(255 224 143 / var(--tw-text-opacity));
1822
- }
1823
- .dark\:text-dark:is(.dark *) {
1824
- --tw-text-opacity: 1;
1825
- color: rgb(7 7 7 / var(--tw-text-opacity));
1826
- }
1827
- .dark\:text-gray-25:is(.dark *) {
1828
- --tw-text-opacity: 1;
1829
- color: rgb(255 255 255 / var(--tw-text-opacity));
1830
- }
1831
- .dark\:text-gray-300:is(.dark *) {
1832
- --tw-text-opacity: 1;
1833
- color: rgb(228 228 228 / var(--tw-text-opacity));
1834
- }
1835
- .dark\:text-gray-500:is(.dark *) {
1836
- --tw-text-opacity: 1;
1837
- color: rgb(162 162 162 / var(--tw-text-opacity));
1838
- }
1839
- .dark\:text-gray-600:is(.dark *) {
1840
- --tw-text-opacity: 1;
1841
- color: rgb(121 121 121 / var(--tw-text-opacity));
1842
- }
1843
- .dark\:text-gray-800:is(.dark *) {
1844
- --tw-text-opacity: 1;
1845
- color: rgb(70 70 70 / var(--tw-text-opacity));
1846
- }
1847
- .dark\:text-light:is(.dark *) {
1848
- --tw-text-opacity: 1;
1849
- color: rgb(255 255 255 / var(--tw-text-opacity));
1850
- }
1851
- .dark\:text-white:is(.dark *) {
1852
- --tw-text-opacity: 1;
1853
- color: rgb(255 255 255 / var(--tw-text-opacity));
1854
- }
1855
- .dark\:shadow-none:is(.dark *) {
1856
- --tw-shadow: 0 0 #0000;
1857
- --tw-shadow-colored: 0 0 #0000;
1858
- box-shadow:
1859
- var(--tw-ring-offset-shadow, 0 0 #0000),
1860
- var(--tw-ring-shadow, 0 0 #0000),
1861
- var(--tw-shadow);
1862
- }
1863
- .dark\:focus-within\:border-gray-800:focus-within:is(.dark *) {
1864
- --tw-border-opacity: 1;
1865
- border-color: rgb(70 70 70 / var(--tw-border-opacity));
1866
- }
1867
- .dark\:focus-within\:bg-gray-100:focus-within:is(.dark *) {
1868
- --tw-bg-opacity: 1;
1869
- background-color: rgb(248 248 248 / var(--tw-bg-opacity));
1870
- }
1871
- .dark\:focus-within\:text-dark:focus-within:is(.dark *) {
1872
- --tw-text-opacity: 1;
1873
- color: rgb(7 7 7 / var(--tw-text-opacity));
1874
- }
1875
- .dark\:hover\:border-gray-700:hover:is(.dark *) {
1876
- --tw-border-opacity: 1;
1877
- border-color: rgb(101 101 101 / var(--tw-border-opacity));
1878
- }
1879
- .hover\:dark\:border-gray-600:is(.dark *):hover {
1880
- --tw-border-opacity: 1;
1881
- border-color: rgb(121 121 121 / var(--tw-border-opacity));
1882
- }
1883
- .dark\:hover\:bg-brand-800:hover:is(.dark *) {
1884
- --tw-bg-opacity: 1;
1885
- background-color: rgb(253 148 56 / var(--tw-bg-opacity));
1886
- }
1887
- .dark\:hover\:bg-gray-600:hover:is(.dark *) {
1888
- --tw-bg-opacity: 1;
1889
- background-color: rgb(121 121 121 / var(--tw-bg-opacity));
1890
- }
1891
- .dark\:hover\:bg-gray-800:hover:is(.dark *) {
1892
- --tw-bg-opacity: 1;
1893
- background-color: rgb(70 70 70 / var(--tw-bg-opacity));
1894
- }
1895
- .hover\:dark\:bg-transparent:is(.dark *):hover {
1896
- background-color: transparent;
1897
- }
1898
- .dark\:hover\:from-\[\#1A3562D9\]:hover:is(.dark *) {
1899
- --tw-gradient-from: #1A3562D9 var(--tw-gradient-from-position);
1900
- --tw-gradient-to: rgb(26 53 98 / 0) var(--tw-gradient-to-position);
1901
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1902
- }
1903
- .dark\:hover\:to-\[\#070707D9\]:hover:is(.dark *) {
1904
- --tw-gradient-to: #070707D9 var(--tw-gradient-to-position);
1905
- }
1906
- .dark\:hover\:text-brand-600:hover:is(.dark *) {
1907
- --tw-text-opacity: 1;
1908
- color: rgb(255 181 61 / var(--tw-text-opacity));
1909
- }
1910
- .dark\:hover\:text-light:hover:is(.dark *) {
1911
- --tw-text-opacity: 1;
1912
- color: rgb(255 255 255 / var(--tw-text-opacity));
1913
- }
1914
- .dark\:focus-within\:hover\:bg-gray-700:hover:focus-within:is(.dark *) {
1915
- --tw-bg-opacity: 1;
1916
- background-color: rgb(101 101 101 / var(--tw-bg-opacity));
1917
- }
1918
- .dark\:disabled\:bg-gray-700:disabled:is(.dark *) {
1919
- --tw-bg-opacity: 1;
1920
- background-color: rgb(101 101 101 / var(--tw-bg-opacity));
1921
- }
1922
- .group:hover .group-hover\:dark\:text-dark:is(.dark *) {
1923
- --tw-text-opacity: 1;
1924
- color: rgb(7 7 7 / var(--tw-text-opacity));
1925
- }
1926
- .dark\:has-\[\:disabled\]\:bg-gray-700:has(:disabled):is(.dark *) {
1927
- --tw-bg-opacity: 1;
1928
- background-color: rgb(101 101 101 / var(--tw-bg-opacity));
1929
- }
1930
- @media (min-width: 768px) {
1931
- .md\:w-\[30\%\] {
1932
- width: 30%;
1933
- }
1934
- .md\:grid-cols-2 {
1935
- grid-template-columns: repeat(2, minmax(0, 1fr));
1936
- }
1937
- .md\:flex-row {
1938
- flex-direction: row;
1939
- }
1940
- .md\:items-start {
1941
- align-items: flex-start;
1942
- }
1943
- .md\:border-r {
1944
- border-right-width: 1px;
1945
- }
1946
- .md\:border-gray-400 {
1947
- --tw-border-opacity: 1;
1948
- border-color: rgb(192 192 192 / var(--tw-border-opacity));
1949
- }
1950
- .md\:p-spacing-lg {
1951
- padding: 32px;
1952
- }
1953
- .md\:px-20 {
1954
- padding-left: 5rem;
1955
- padding-right: 5rem;
1956
- }
1957
- .md\:text-left {
1958
- text-align: left;
1959
- }
1960
- }
1961
- @media (min-width: 1024px) {
1962
- .lg\:grid-cols-3 {
1963
- grid-template-columns: repeat(3, minmax(0, 1fr));
1964
- }
1965
- .lg\:items-start {
1966
- align-items: flex-start;
1967
- }
1968
- }
1969
- @media (max-width: 800px) {
1970
- .tablet\:mx-0 {
1971
- margin-left: 0px;
1972
- margin-right: 0px;
1973
- }
1974
- .tablet\:mx-4 {
1975
- margin-left: 1rem;
1976
- margin-right: 1rem;
1977
- }
1978
- .tablet\:inline-block {
1979
- display: inline-block;
1980
- }
1981
- .tablet\:hidden {
1982
- display: none;
1983
- }
1984
- .tablet\:h-\[56px\] {
1985
- height: 56px;
1986
- }
1987
- .tablet\:justify-end {
1988
- justify-content: flex-end;
1989
- }
1990
- }
1991
- @media (max-width: 480px) {
1992
- .mobile\:mx-0 {
1993
- margin-left: 0px;
1994
- margin-right: 0px;
1995
- }
1996
- .mobile\:p-4 {
1997
- padding: 1rem;
1998
- }
1999
- .mobile\:pt-\[10px\] {
2000
- padding-top: 10px;
2001
- }
2002
- .mobile\:text-\[12px\] {
2003
- font-size: 12px;
2004
- }
2005
- .mobile\:leading-\[18px\] {
2006
- line-height: 18px;
2007
- }
2008
- }