mario-education 2.4.121-beta → 2.4.124-beta

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 CHANGED
@@ -1,940 +1,940 @@
1
- /* add css module styles here (optional) */
2
- :root {
3
- --custom-gray: #ccc;
4
- --custom-blue: #0090e3;
5
- }
6
-
7
- ._3ybTi {
8
- margin: 2em;
9
- padding: 0.5em;
10
- border: 2px solid #000;
11
- font-size: 2em;
12
- text-align: center;
13
- }
14
- ._1H0W8 {
15
- height: 426px !important;
16
- }
17
- tbody._b-AXV {
18
- height: 300px;
19
- display: block;
20
- width: 370px;
21
- overflow: auto;
22
- border: 2px solid #ced4da;
23
- margin-top: 15px;
24
- }
25
- tbody._b-AXV::-webkit-scrollbar {
26
- width: 10px;
27
- background-color: #ced4da;
28
- }
29
- tbody._b-AXV tr td {
30
- display: block;
31
- width: 100%;
32
- border: none;
33
- }
34
- tbody._b-AXV tr {
35
- overflow: hidden;
36
- text-overflow: ellipsis;
37
- display: -webkit-box;
38
- -webkit-line-clamp: 2;
39
- -webkit-box-orient: vertical;
40
- }
41
-
42
- ._1fgfO {
43
- width: 40px;
44
- height: 40px;
45
- }
46
-
47
- ._2YR4l {
48
- width: 40px;
49
- height: 20px;
50
- border-radius: 4px;
51
- box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
52
- }
53
-
54
- ._114IY {
55
- max-height: 600px;
56
- }
57
-
58
- ._qE7J0 {
59
- width: 70px;
60
- }
61
-
62
- ._2BV3o {
63
- width: 300px;
64
- font-size: 1.5rem;
65
- font-weight: 600;
66
- }
67
-
68
- ._1P4F2 {
69
- height: 40px;
70
- }
71
-
72
- ._1SRmg {
73
- font-weight: 500;
74
- }
75
- ._ZDINp img {
76
- width: 100px;
77
- height: 100px;
78
- border-radius: 50%;
79
- }
80
-
81
- ._Kzkzd > i {
82
- color: #f9e517;
83
- font-size: 25px;
84
- margin-right: 10px;
85
- }
86
-
87
- ._Q0sF1 {
88
- max-height: calc(100vh - 200px);
89
- overflow-y: auto;
90
- margin-bottom: 8px;
91
- }
92
-
93
- ._gu_yD {
94
- font-weight: 550;
95
- padding: 8px 16px;
96
- border: 1px solid var(--custom-gray);
97
- border-radius: 4px;
98
- margin-bottom: 8px;
99
- background-color: white;
100
- }
101
-
102
- ._33tYy {
103
- background-color: var(--custom-blue);
104
- color: white;
105
- }
106
-
107
- ._2VZin {
108
- background: #fff;
109
- border: 1px solid rgba(51, 51, 51, 0.1);
110
- border-radius: 6px;
111
- padding: 10px 17px;
112
- margin-bottom: 10px;
113
- }
114
-
115
- ._2VZin ._2M0vR{
116
- font-family: 'Roboto';
117
- font-style: normal;
118
- font-weight: 400;
119
- font-size: 13px;
120
- }
121
-
122
- ._1d6uY {
123
- margin-right: 10px;
124
- position: relative;
125
- }
126
-
127
- ._1d6uY:last-child {
128
- margin-right: 0;
129
- }
130
-
131
- ._1XSIo {
132
- position: absolute;
133
- width:100%;
134
- z-index: 100;
135
- }
136
-
137
- ._3o8gR {
138
- display: none;
139
- }
140
-
141
- ._3ru37 {
142
- background: #ffff;
143
- border-radius: 4px;
144
- min-width: 160px;
145
- padding: 5px 0px 12px;
146
- overflow: auto;
147
- overflow-x: hidden;
148
- border: 1px solid rgba(51, 51, 51, 0.1);
149
- box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
150
- }
151
-
152
- ._1tQvL {
153
- position: absolute;
154
- opacity: 0;
155
- visibility: hidden;
156
- }
157
-
158
- ._1tQvL:checked + ._3VNX5::before {
159
- border: 0.35rem solid #3c65e0;
160
- }
161
-
162
- ._3VNX5::before {
163
- display: inline-block;
164
- content: "";
165
- height: 1.25rem;
166
- width: 1.25rem;
167
- margin-right: 0.625rem;
168
- border: 0.1rem solid #cccccc;
169
- background: #fcfcfc;
170
- border-radius: 50%;
171
- }
172
-
173
- ._3VNX5 {
174
- display: flex;
175
- align-items: center;
176
- margin: 15px 0;
177
- }
178
-
179
- ._3VNX5 > p {
180
- margin-bottom: 0;
181
- }
182
-
183
- ._I8kqz {
184
- position: absolute;
185
- z-index: 999;
186
- }
187
-
188
- ._3xuSa {
189
- display: flex;
190
- align-items: center;
191
- justify-content: flex-end;
192
- }
193
-
194
- ._15ep6 {
195
- display: flex;
196
- width: 40%;
197
- padding-bottom: 10px;
198
- }
199
- ._1WxAe {
200
- border-right: 1px solid #d8dbe0;
201
- height: 100vh;
202
- padding: 20px 0px 35px 0px;
203
- margin: 0;
204
- }
205
- ._3_Ed7 {
206
- text-align: center;
207
- margin-bottom: 25px;
208
- cursor: pointer;
209
- height: 260px;
210
- }
211
-
212
- ._3_Ed7 h5 {
213
- font-size: 15px;
214
- }
215
- ._3uUiv {
216
- height: 200px;
217
- border-radius: 10px;
218
- background: #fff;
219
- box-shadow: 0px 0px 10px 5px #cdcdcd;
220
- margin-bottom: 12px;
221
- }
222
- ._3_Ed7._3sodH ._3uUiv {
223
- box-shadow: 0px 0px 10px 5px #3c65e0;
224
- }
225
- ._3_Ed7._3sodH h5 {
226
- font-size: 15px;
227
- color: #3c65e0;
228
- }
229
-
230
- ._Az5Kt {
231
- padding: 15px;
232
- display: flex;
233
- border-bottom: 1px solid #d8dbe0;
234
- position: sticky;
235
- justify-content: space-between;
236
- align-items: center;
237
- }
238
- ._Az5Kt h5 {
239
- font-size: 15px;
240
- margin-bottom: 0px;
241
- }
242
- ._1Jrg_ {
243
- padding: 15px 20px;
244
- }
245
- ._3DVMZ {
246
- display: flex;
247
- flex: 0 0 17%;
248
- flex-direction: column;
249
- margin-right: 2rem;
250
- }
251
- ._3DVMZ > div {
252
- border: 1px solid #eaeaea;
253
- }
254
- h6._3zOGW {
255
- text-decoration: underline;
256
- font-size: 13px;
257
- cursor: pointer;
258
- }
259
- ._3DQwX {
260
- padding: 10px 0px 20px;
261
- border-bottom: 1px solid #cdcdcd;
262
- }
263
-
264
- ._1Jgr2 {
265
- padding: 16px;
266
- min-height: 530px;
267
- height: 100%;
268
- display: flex;
269
- flex-direction: column;
270
- background: #ffffff;
271
- border: 1px solid #ebeff2;
272
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
273
- border-radius: 8px;
274
- margin-bottom: 20px;
275
- }
276
-
277
- ._3Thdy {
278
- max-width: 200px;
279
- }
280
-
281
- ._24PRg {
282
- font-family: 'Roboto' !important;
283
- font-weight: 400;
284
- margin-top: 2px;
285
- }
286
- ._1WLBo {
287
- font-size: 20px;
288
- }
289
-
290
- ._10Pgm {
291
- /* background: #E5E5E5; */
292
- }
293
-
294
- ._3jPb_ {
295
- font-size: 30px;
296
- }
297
-
298
- ._1c43y {
299
- color: #fc4747;
300
- }
301
-
302
- ._F1afY {
303
- color: #0dc16a;
304
- }
305
-
306
- ._1kqUQ {
307
- background: #f6f6f6;
308
- }
309
-
310
- ._10hbz {
311
- font-weight: bold;
312
- font-size: 14px;
313
- line-height: 16px;
314
- }
315
-
316
- ._2rmw_ {
317
- font-weight: 700;
318
- font-size: 32px;
319
- line-height: 100%;
320
- margin: 0;
321
- }
322
-
323
- ._1tdQu {
324
- font-weight: 600;
325
- font-size: 12px;
326
- line-height: 14px;
327
- }
328
-
329
- ._2BvFN {
330
- font-weight: 400;
331
- font-size: 10px;
332
- line-height: 12px;
333
- }
334
-
335
- ._10hbz,
336
- ._2rmw_,
337
- ._1tdQu,
338
- ._2BvFN {
339
- font-family: "Roboto", sans-serif;
340
- }
341
-
342
- ._2TBTW {
343
- margin: 10px 0;
344
- }
345
-
346
- ._3XXJp {
347
- width: 35px;
348
- color: #0d9994;
349
- text-align: center;
350
- }
351
-
352
- ._LCuWQ {
353
- background: #cef7f5;
354
- color: #0d9994;
355
- border-radius: 8px;
356
- }
357
-
358
- ._3x9D7 {
359
- color: #1da370;
360
- }
361
-
362
- ._2In63 {
363
- border: none;
364
- background: #fff;
365
- }
366
-
367
- ._1Vhg_ {
368
- display: flex;
369
- justify-content: space-between;
370
- width: 100%;
371
- }
372
-
373
- ._6yLxd {
374
- min-width: 200px;
375
- margin-bottom: 10px;
376
- height: 100%;
377
- background-color: hsl(0, 0%, 100%);
378
- border-color: hsl(0, 0%, 80%);
379
- border-radius: 4px;
380
- border-style: solid;
381
- border-width: 1px;
382
- padding: 8px;
383
- width: 100%;
384
- }
385
-
386
- ._h74SO {
387
- display: flex;
388
- justify-content: flex-start;
389
- flex-wrap: wrap;
390
- padding: 0px 16px;
391
- }
392
-
393
- ._3e2pi {
394
- display: flex;
395
- justify-content: flex-end;
396
- flex-wrap: wrap;
397
- max-width: 700px;
398
- }
399
-
400
- ._ntUB6 {
401
- min-width: 200px;
402
- margin-left: 20px;
403
- margin-bottom: 10px;
404
- height: 38px;
405
- }
406
-
407
- ._1DlZ4 {
408
- width: 220px;
409
- margin-right: 20px;
410
- margin-bottom: 10px;
411
- height: 38px;
412
- }
413
-
414
- ._1tYDM {
415
- max-width: 440px;
416
- display: flex;
417
- flex-wrap: wrap;
418
- }
419
-
420
- ._3hSow {
421
- background: #ffffff;
422
- border: 1px solid #ebeff2;
423
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
424
- border-radius: 8px;
425
- }
426
-
427
- ._1yuC9 {
428
- min-width: 255px;
429
- flex-basis: 19%;
430
- }
431
-
432
- ._1yuC9 ._10hbz {
433
- font-family: 'Roboto';
434
- font-weight: 500;
435
- font-size: 14px;
436
- line-height: 16px;
437
- }
438
-
439
- ._1yuC9:last-child {
440
- padding: 20px 0px !important;
441
- }
442
-
443
- ._1yuC9:last-child div {
444
- width: 80%;
445
- margin: 0 auto;
446
- }
447
-
448
- ._2PMoX {
449
- height: auto;
450
- width: 100%;
451
- -o-object-fit: scale-down;
452
- object-fit: scale-down;
453
- max-height: 300px;
454
- }
455
-
456
- ._2PMoX._3ZX0b {
457
- height: 300px;
458
- width: 100%;
459
- -o-object-fit: scale-down;
460
- object-fit: scale-down;
461
- }
462
-
463
- ._2asi- ._muT01 ._35BzZ {
464
- font-size: 20px;
465
- }
466
-
467
- ._2asi- {
468
- overflow: hidden;
469
- max-height: 470px;
470
- }
471
-
472
- @media (min-width: 1024px) {
473
- ._3pkbc {
474
- max-width: 60%;
475
- }
476
-
477
- ._16MpB {
478
- max-width: 55%;
479
- }
480
- }
481
-
482
- ._CHu-i {
483
- font-weight: 700;
484
- font-size: 24px;
485
- line-height: 116%;
486
- }
487
-
488
- ._3Y-Dd {
489
- overflow: hidden;
490
- height: 416px;
491
- }
492
-
493
- @media (min-width: 2250px) {
494
- ._3Y-Dd {
495
- width: 100%;
496
- display: flex;
497
- justify-content: center;
498
- align-items: center;
499
- }
500
- }
501
-
502
- @media (max-width: 720px) {
503
- ._1YJnk {
504
- padding-right: 20px;
505
- }
506
- }
507
-
508
-
509
- /* new design; */
510
- ._2eMbe {
511
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
512
- }
513
-
514
- ._6ZvFg {
515
- border-radius: 8px;
516
- overflow: hidden;
517
- position: relative;
518
- }
519
-
520
- ._24CNV._6ZvFg::after {
521
- content: "";
522
- width: 1px;
523
- height: 100%;
524
- position: absolute;
525
- top: 0;
526
- left: 50%;
527
- transform: translate(-50%, 0);
528
- display: block;
529
- background: rgba(51, 51, 51, 0.1);
530
- }
531
-
532
- ._6ZvFg ._2vtSi {
533
- background: #FFFFFF;
534
- border-radius: 8px;
535
- padding: 20px;
536
- /* cursor: pointer; */
537
- }
538
-
539
- ._IpsVf {}
540
-
541
- ._IpsVf ._gzxWe {
542
- color: "#B2B2B2";
543
- font-size: 18px;
544
- }
545
-
546
- ._2vtSi ._37IcR {
547
- color: #D9D9D9;
548
- display: flex;
549
- align-items: center;
550
- }
551
-
552
- ._2vtSi ._2G6Wz {
553
- font-weight: 700;
554
- font-size: 18px;
555
- letter-spacing: 0.01em;
556
- color: #262626;
557
- font-family: "Roboto";
558
- }
559
-
560
- ._2vtSi ._IpsVf {
561
- display: flex;
562
- align-items: center;
563
- }
564
-
565
- ._3xpNv {
566
- border-radius: 4px;
567
- background: #ffff;
568
- }
569
-
570
- ._3H5Ly {
571
- padding: 6px 12px 6px 0px;
572
- border-radius: 0 4px 4px 0;
573
- background: #336DDA;
574
- color: #fff;
575
- }
576
-
577
- ._J_n-D {
578
- padding: 5px 8px 7px 6px;
579
- border-radius: 4px 0 0 4px;
580
- background: #336DDA;
581
- }
582
-
583
- ._2vtSi ._3AALV {
584
- font-size: 16px;
585
- }
586
-
587
- ._11Xjn {
588
- cursor: pointer;
589
- }
590
-
591
- ._2vtSi ._2htKu {
592
- cursor: pointer;
593
- }
594
-
595
- ._2htKu svg {
596
- width: 20px !important;
597
- height: auto !important;
598
- }
599
-
600
- ._2vtSi ._1qXAT {
601
- font-weight: 400;
602
- font-size: 16px;
603
- line-height: 100%;
604
- color: #252733;
605
- }
606
-
607
- ._3NgrB,
608
- ._32fu3 {
609
- background-color: #fff;
610
- }
611
-
612
- ._3NgrB {
613
- padding-bottom: 10px;
614
- }
615
-
616
- ._3NgrB ._DmMzw {
617
- padding-left: 10px;
618
- }
619
-
620
- ._3NgrB ._1eUXn {
621
- width: 10px;
622
- height: 10px;
623
- margin-right: 5px;
624
- border-radius: 2px;
625
- }
626
-
627
- ._3NgrB ._3hrrC ._Q-iiW {
628
- font-weight: 400;
629
- font-size: 14px;
630
- letter-spacing: 0.01em;
631
- color: #4d4d4d;
632
- margin-bottom: 0;
633
- font-family: 'Roboto';
634
- }
635
-
636
- ._3NgrB ._cD4ey {
637
- display: flex;
638
- justify-content: center;
639
- align-items: center;
640
- margin-right: 10px;
641
- }
642
-
643
- ._3NgrB ._24PRg {
644
- font-weight: 400;
645
- font-size: 16px;
646
- letter-spacing: 0.01em;
647
- color: #252733 !important;
648
- font-family: "Roboto";
649
- }
650
-
651
- ._3NgrB ._2HWhv>label {
652
- font-weight: 600;
653
- font-size: 18px;
654
- color: #252733 !important;
655
- font-family: "Roboto";
656
- }
657
-
658
- ._2Hdbu {
659
- width: 100%;
660
- padding: 20px;
661
- }
662
-
663
- ._2Hdbu ._3RJ2T {
664
- display: flex;
665
- justify-content: center;
666
- align-items: center;
667
- }
668
-
669
- ._3hrrC {
670
- padding-right: 50px;
671
- }
672
- ._38ikt{
673
- /* height: 410px; */
674
- }
675
-
676
- ._38ikt ._1TnWs {
677
- position: absolute;
678
- right: 60px;
679
- display: flex;
680
- justify-content: flex-end;
681
- flex-wrap: wrap;
682
- width: 150px;
683
- }
684
-
685
- ._38ikt ._1TnWs label {
686
- color: #333333;
687
- font-weight: 500;
688
- font-size: 14px;
689
- align-items: center;
690
- text-align: right;
691
- color: #333333;
692
- margin-bottom: 5px;
693
- font-family: "Roboto";
694
- }
695
-
696
- ._38ikt ._1TnWs span {
697
- font-weight: 400;
698
- font-size: 14px;
699
- line-height: 16px;
700
- text-align: right;
701
- color: #4d4d4d;
702
- font-family: "Roboto";
703
- }
704
-
705
- ._3BTJi ._1Ws0m {
706
- margin-top: 30px;
707
- display: flex;
708
- justify-content: center;
709
- align-items: center;
710
- flex-direction: column;
711
- }
712
-
713
- ._3BTJi ._1Ws0m ._2HnO_ {
714
- display: flex;
715
- justify-content: center;
716
- align-items: center;
717
- margin-bottom: 10px;
718
- }
719
-
720
- ._3BTJi ._1Ws0m ._1eUXn {
721
- width: 12px;
722
- height: 12px;
723
- margin-right: 8px;
724
- border-radius: 2px;
725
- }
726
-
727
- ._3BTJi ._1Ws0m ._2BFJw {
728
- padding-right: 8px;
729
- color: #4d4d4d;
730
- letter-spacing: 0.01em;
731
- font-weight: 400;
732
- font-size: 16px;
733
- font-family: "Roboto";
734
- }
735
-
736
- ._2az-l {
737
- padding-right: 10px;
738
- padding-left: 10px;
739
- padding-bottom: 10px;
740
- }
741
-
742
- ._2az-l ._1TnWs {
743
- position: absolute;
744
- right: 35px;
745
- top: 10px;
746
- display: flex;
747
- justify-content: flex-end;
748
- flex-wrap: wrap;
749
- width: 150px;
750
- }
751
-
752
- ._2az-l ._1TnWs label {
753
- color: #333333;
754
- font-weight: 500;
755
- font-size: 14px;
756
- align-items: center;
757
- text-align: right;
758
- color: #333333;
759
- margin-bottom: 5px;
760
- font-family: "Roboto";
761
- }
762
-
763
- ._2az-l ._1TnWs span {
764
- font-weight: 400;
765
- font-size: 14px;
766
- line-height: 16px;
767
- text-align: right;
768
- color: #4d4d4d;
769
- font-family: "Roboto";
770
- }
771
-
772
- ._2j8fp {
773
- position: relative;
774
- }
775
-
776
- ._2j8fp ._1BN5z {
777
- width: 100%;
778
- bottom: 40px;
779
- position: relative;
780
-
781
- }
782
-
783
- ._2j8fp ._1rYav {
784
- width: 80%;
785
- margin: 35px auto 0px;
786
- display: flex;
787
- justify-content: space-between;
788
- align-items: center;
789
- }
790
-
791
- ._2j8fp ._1rYav div {
792
- font-family: "Roboto";
793
- font-weight: 600;
794
- font-size: 12px;
795
- }
796
-
797
- ._2j8fp ._3-zAs {
798
- display: flex;
799
- justify-content: center;
800
- position: relative;
801
- bottom: 20px;
802
- }
803
-
804
- ._2j8fp ._3-zAs ._3RJ2T {
805
- display: flex;
806
- margin-right: 20px;
807
- align-items: center;
808
- }
809
-
810
- ._2j8fp ._3-zAs ._1eUXn {
811
- width: 10px;
812
- height: 10px;
813
- margin-right: 5px;
814
- border-radius: 2px;
815
- }
816
-
817
- ._2j8fp ._3-zAs ._Q-iiW {
818
- font-family: "Roboto";
819
- font-weight: 400;
820
- font-size: 14px;
821
- letter-spacing: 0.01em;
822
- color: #4d4d4d;
823
- margin-bottom: 0;
824
- margin: 0;
825
- }
826
-
827
- ._2j8fp ._3-zAs ._cD4ey {
828
- display: flex;
829
- justify-content: center;
830
- align-items: center;
831
- margin-right: 10px;
832
- }
833
-
834
- ._2j8fp ._3-zAs ._24PRg {
835
- font-weight: 400;
836
- font-size: 16px;
837
- letter-spacing: 0.01em;
838
- color: #252733;
839
- font-family: "Roboto";
840
- }
841
-
842
- ._2j8fp ._1PPhv {
843
- position: absolute;
844
- right: 22px;
845
- top: 20px
846
- }
847
-
848
- ._2j8fp ._1PPhv ._1rjWR {
849
- margin-bottom: 22.5px;
850
- font-weight: 400;
851
- font-size: 12px;
852
- text-align: center;
853
- letter-spacing: 0.01em;
854
- color: #9a9a9a;
855
- font-family: "Roboto";
856
- }
857
-
858
- ._2j8fp ._f-Ti4 {
859
- position: relative;
860
- }
861
-
862
- ._2j8fp ._TPa6x {
863
- padding-right: 50px;
864
- }
865
-
866
- ._1hZ_V {
867
- width: 100%;
868
- text-align: center;
869
- font-weight: 400;
870
- font-size: 16px;
871
- text-align: right;
872
- letter-spacing: 0.01em;
873
- color: #808080;
874
- display: flex;
875
- justify-content: center;
876
- align-items: center;
877
- font-family: "Roboto";
878
- }
879
-
880
-
881
- ._3L9WC {
882
- font-size: 24px;
883
- font-weight: 700;
884
- margin-bottom: 5px !important;
885
- font-family: "Roboto";
886
- }
887
-
888
- ._1TFtP {
889
- font-size: 16px;
890
- font-weight: 400;
891
- margin-bottom: 5px !important;
892
- }
893
-
894
- ._37aqf {
895
- display: flex !important;
896
- align-items: center;
897
- }
898
-
899
- ._1iabV {
900
- font-size: 16px;
901
- font-weight: 400;
902
- font-family: "Roboto";
903
- }
904
-
905
- ._1eQAg {
906
- background-color: #28BE76;
907
- }
908
- ._38ikt ._pFFg9{
909
- font-weight: 400;
910
- font-size: 16px;
911
- text-align: center;
912
- letter-spacing: 0.01em;
913
- color: #808080;
914
- margin-bottom: 20px;
915
- font-family: "Roboto";
916
- }
917
-
918
-
919
- ._1eqkj {
920
- position: absolute;
921
- /* opacity: 0; */
922
- z-index: -999;
923
- left: 0;
924
- top: 0;
925
- }
926
-
927
- ._1eqkj > img {
928
- /* width: 100%; */
929
- /* height: 100%; */
930
- /* object-fit: cover; */
931
- }
932
-
933
- ._2IQ8b {
934
- position: absolute;
935
- z-index: -9999;
936
- width: 1792px;
937
- opacity: 0;
938
- top: -35px;
939
- left: -630px;
1
+ /* add css module styles here (optional) */
2
+ :root {
3
+ --custom-gray: #ccc;
4
+ --custom-blue: #0090e3;
5
+ }
6
+
7
+ ._3ybTi {
8
+ margin: 2em;
9
+ padding: 0.5em;
10
+ border: 2px solid #000;
11
+ font-size: 2em;
12
+ text-align: center;
13
+ }
14
+ ._1H0W8 {
15
+ height: 426px !important;
16
+ }
17
+ tbody._b-AXV {
18
+ height: 300px;
19
+ display: block;
20
+ width: 370px;
21
+ overflow: auto;
22
+ border: 2px solid #ced4da;
23
+ margin-top: 15px;
24
+ }
25
+ tbody._b-AXV::-webkit-scrollbar {
26
+ width: 10px;
27
+ background-color: #ced4da;
28
+ }
29
+ tbody._b-AXV tr td {
30
+ display: block;
31
+ width: 100%;
32
+ border: none;
33
+ }
34
+ tbody._b-AXV tr {
35
+ overflow: hidden;
36
+ text-overflow: ellipsis;
37
+ display: -webkit-box;
38
+ -webkit-line-clamp: 2;
39
+ -webkit-box-orient: vertical;
40
+ }
41
+
42
+ ._1fgfO {
43
+ width: 40px;
44
+ height: 40px;
45
+ }
46
+
47
+ ._2YR4l {
48
+ width: 40px;
49
+ height: 20px;
50
+ border-radius: 4px;
51
+ box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
52
+ }
53
+
54
+ ._114IY {
55
+ max-height: 600px;
56
+ }
57
+
58
+ ._qE7J0 {
59
+ width: 70px;
60
+ }
61
+
62
+ ._2BV3o {
63
+ width: 300px;
64
+ font-size: 1.5rem;
65
+ font-weight: 600;
66
+ }
67
+
68
+ ._1P4F2 {
69
+ height: 40px;
70
+ }
71
+
72
+ ._1SRmg {
73
+ font-weight: 500;
74
+ }
75
+ ._ZDINp img {
76
+ width: 100px;
77
+ height: 100px;
78
+ border-radius: 50%;
79
+ }
80
+
81
+ ._Kzkzd > i {
82
+ color: #f9e517;
83
+ font-size: 25px;
84
+ margin-right: 10px;
85
+ }
86
+
87
+ ._Q0sF1 {
88
+ max-height: calc(100vh - 200px);
89
+ overflow-y: auto;
90
+ margin-bottom: 8px;
91
+ }
92
+
93
+ ._gu_yD {
94
+ font-weight: 550;
95
+ padding: 8px 16px;
96
+ border: 1px solid var(--custom-gray);
97
+ border-radius: 4px;
98
+ margin-bottom: 8px;
99
+ background-color: white;
100
+ }
101
+
102
+ ._33tYy {
103
+ background-color: var(--custom-blue);
104
+ color: white;
105
+ }
106
+
107
+ ._2VZin {
108
+ background: #fff;
109
+ border: 1px solid rgba(51, 51, 51, 0.1);
110
+ border-radius: 6px;
111
+ padding: 10px 17px;
112
+ margin-bottom: 10px;
113
+ }
114
+
115
+ ._2VZin ._2M0vR{
116
+ font-family: 'Roboto';
117
+ font-style: normal;
118
+ font-weight: 400;
119
+ font-size: 13px;
120
+ }
121
+
122
+ ._1d6uY {
123
+ margin-right: 10px;
124
+ position: relative;
125
+ }
126
+
127
+ ._1d6uY:last-child {
128
+ margin-right: 0;
129
+ }
130
+
131
+ ._1XSIo {
132
+ position: absolute;
133
+ width:100%;
134
+ z-index: 100;
135
+ }
136
+
137
+ ._3o8gR {
138
+ display: none;
139
+ }
140
+
141
+ ._3ru37 {
142
+ background: #ffff;
143
+ border-radius: 4px;
144
+ min-width: 160px;
145
+ padding: 5px 0px 12px;
146
+ overflow: auto;
147
+ overflow-x: hidden;
148
+ border: 1px solid rgba(51, 51, 51, 0.1);
149
+ box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
150
+ }
151
+
152
+ ._1tQvL {
153
+ position: absolute;
154
+ opacity: 0;
155
+ visibility: hidden;
156
+ }
157
+
158
+ ._1tQvL:checked + ._3VNX5::before {
159
+ border: 0.35rem solid #3c65e0;
160
+ }
161
+
162
+ ._3VNX5::before {
163
+ display: inline-block;
164
+ content: "";
165
+ height: 1.25rem;
166
+ width: 1.25rem;
167
+ margin-right: 0.625rem;
168
+ border: 0.1rem solid #cccccc;
169
+ background: #fcfcfc;
170
+ border-radius: 50%;
171
+ }
172
+
173
+ ._3VNX5 {
174
+ display: flex;
175
+ align-items: center;
176
+ margin: 15px 0;
177
+ }
178
+
179
+ ._3VNX5 > p {
180
+ margin-bottom: 0;
181
+ }
182
+
183
+ ._I8kqz {
184
+ position: absolute;
185
+ z-index: 999;
186
+ }
187
+
188
+ ._3xuSa {
189
+ display: flex;
190
+ align-items: center;
191
+ justify-content: flex-end;
192
+ }
193
+
194
+ ._15ep6 {
195
+ display: flex;
196
+ width: 40%;
197
+ padding-bottom: 10px;
198
+ }
199
+ ._1WxAe {
200
+ border-right: 1px solid #d8dbe0;
201
+ height: 100vh;
202
+ padding: 20px 0px 35px 0px;
203
+ margin: 0;
204
+ }
205
+ ._3_Ed7 {
206
+ text-align: center;
207
+ margin-bottom: 25px;
208
+ cursor: pointer;
209
+ height: 260px;
210
+ }
211
+
212
+ ._3_Ed7 h5 {
213
+ font-size: 15px;
214
+ }
215
+ ._3uUiv {
216
+ height: 200px;
217
+ border-radius: 10px;
218
+ background: #fff;
219
+ box-shadow: 0px 0px 10px 5px #cdcdcd;
220
+ margin-bottom: 12px;
221
+ }
222
+ ._3_Ed7._3sodH ._3uUiv {
223
+ box-shadow: 0px 0px 10px 5px #3c65e0;
224
+ }
225
+ ._3_Ed7._3sodH h5 {
226
+ font-size: 15px;
227
+ color: #3c65e0;
228
+ }
229
+
230
+ ._Az5Kt {
231
+ padding: 15px;
232
+ display: flex;
233
+ border-bottom: 1px solid #d8dbe0;
234
+ position: sticky;
235
+ justify-content: space-between;
236
+ align-items: center;
237
+ }
238
+ ._Az5Kt h5 {
239
+ font-size: 15px;
240
+ margin-bottom: 0px;
241
+ }
242
+ ._1Jrg_ {
243
+ padding: 15px 20px;
244
+ }
245
+ ._3DVMZ {
246
+ display: flex;
247
+ flex: 0 0 17%;
248
+ flex-direction: column;
249
+ margin-right: 2rem;
250
+ }
251
+ ._3DVMZ > div {
252
+ border: 1px solid #eaeaea;
253
+ }
254
+ h6._3zOGW {
255
+ text-decoration: underline;
256
+ font-size: 13px;
257
+ cursor: pointer;
258
+ }
259
+ ._3DQwX {
260
+ padding: 10px 0px 20px;
261
+ border-bottom: 1px solid #cdcdcd;
262
+ }
263
+
264
+ ._1Jgr2 {
265
+ padding: 16px;
266
+ min-height: 530px;
267
+ height: 100%;
268
+ display: flex;
269
+ flex-direction: column;
270
+ background: #ffffff;
271
+ border: 1px solid #ebeff2;
272
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
273
+ border-radius: 8px;
274
+ margin-bottom: 20px;
275
+ }
276
+
277
+ ._3Thdy {
278
+ max-width: 200px;
279
+ }
280
+
281
+ ._24PRg {
282
+ font-family: 'Roboto' !important;
283
+ font-weight: 400;
284
+ margin-top: 2px;
285
+ }
286
+ ._1WLBo {
287
+ font-size: 20px;
288
+ }
289
+
290
+ ._10Pgm {
291
+ /* background: #E5E5E5; */
292
+ }
293
+
294
+ ._3jPb_ {
295
+ font-size: 30px;
296
+ }
297
+
298
+ ._1c43y {
299
+ color: #fc4747;
300
+ }
301
+
302
+ ._F1afY {
303
+ color: #0dc16a;
304
+ }
305
+
306
+ ._1kqUQ {
307
+ background: #f6f6f6;
308
+ }
309
+
310
+ ._10hbz {
311
+ font-weight: bold;
312
+ font-size: 14px;
313
+ line-height: 16px;
314
+ }
315
+
316
+ ._2rmw_ {
317
+ font-weight: 700;
318
+ font-size: 32px;
319
+ line-height: 100%;
320
+ margin: 0;
321
+ }
322
+
323
+ ._1tdQu {
324
+ font-weight: 600;
325
+ font-size: 12px;
326
+ line-height: 14px;
327
+ }
328
+
329
+ ._2BvFN {
330
+ font-weight: 400;
331
+ font-size: 10px;
332
+ line-height: 12px;
333
+ }
334
+
335
+ ._10hbz,
336
+ ._2rmw_,
337
+ ._1tdQu,
338
+ ._2BvFN {
339
+ font-family: "Roboto", sans-serif;
340
+ }
341
+
342
+ ._2TBTW {
343
+ margin: 10px 0;
344
+ }
345
+
346
+ ._3XXJp {
347
+ width: 35px;
348
+ color: #0d9994;
349
+ text-align: center;
350
+ }
351
+
352
+ ._LCuWQ {
353
+ background: #cef7f5;
354
+ color: #0d9994;
355
+ border-radius: 8px;
356
+ }
357
+
358
+ ._3x9D7 {
359
+ color: #1da370;
360
+ }
361
+
362
+ ._2In63 {
363
+ border: none;
364
+ background: #fff;
365
+ }
366
+
367
+ ._1Vhg_ {
368
+ display: flex;
369
+ justify-content: space-between;
370
+ width: 100%;
371
+ }
372
+
373
+ ._6yLxd {
374
+ min-width: 200px;
375
+ margin-bottom: 10px;
376
+ height: 100%;
377
+ background-color: hsl(0, 0%, 100%);
378
+ border-color: hsl(0, 0%, 80%);
379
+ border-radius: 4px;
380
+ border-style: solid;
381
+ border-width: 1px;
382
+ padding: 8px;
383
+ width: 100%;
384
+ }
385
+
386
+ ._h74SO {
387
+ display: flex;
388
+ justify-content: flex-start;
389
+ flex-wrap: wrap;
390
+ padding: 0px 16px;
391
+ }
392
+
393
+ ._3e2pi {
394
+ display: flex;
395
+ justify-content: flex-end;
396
+ flex-wrap: wrap;
397
+ max-width: 700px;
398
+ }
399
+
400
+ ._ntUB6 {
401
+ min-width: 200px;
402
+ margin-left: 20px;
403
+ margin-bottom: 10px;
404
+ height: 38px;
405
+ }
406
+
407
+ ._1DlZ4 {
408
+ width: 220px;
409
+ margin-right: 20px;
410
+ margin-bottom: 10px;
411
+ height: 38px;
412
+ }
413
+
414
+ ._1tYDM {
415
+ max-width: 440px;
416
+ display: flex;
417
+ flex-wrap: wrap;
418
+ }
419
+
420
+ ._3hSow {
421
+ background: #ffffff;
422
+ border: 1px solid #ebeff2;
423
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
424
+ border-radius: 8px;
425
+ }
426
+
427
+ ._1yuC9 {
428
+ min-width: 255px;
429
+ flex-basis: 19%;
430
+ }
431
+
432
+ ._1yuC9 ._10hbz {
433
+ font-family: 'Roboto';
434
+ font-weight: 500;
435
+ font-size: 14px;
436
+ line-height: 16px;
437
+ }
438
+
439
+ ._1yuC9:last-child {
440
+ padding: 20px 0px !important;
441
+ }
442
+
443
+ ._1yuC9:last-child div {
444
+ width: 80%;
445
+ margin: 0 auto;
446
+ }
447
+
448
+ ._2PMoX {
449
+ height: auto;
450
+ width: 100%;
451
+ -o-object-fit: scale-down;
452
+ object-fit: scale-down;
453
+ max-height: 300px;
454
+ }
455
+
456
+ ._2PMoX._3ZX0b {
457
+ height: 300px;
458
+ width: 100%;
459
+ -o-object-fit: scale-down;
460
+ object-fit: scale-down;
461
+ }
462
+
463
+ ._2asi- ._muT01 ._35BzZ {
464
+ font-size: 20px;
465
+ }
466
+
467
+ ._2asi- {
468
+ overflow: hidden;
469
+ max-height: 470px;
470
+ }
471
+
472
+ @media (min-width: 1024px) {
473
+ ._3pkbc {
474
+ max-width: 60%;
475
+ }
476
+
477
+ ._16MpB {
478
+ max-width: 55%;
479
+ }
480
+ }
481
+
482
+ ._CHu-i {
483
+ font-weight: 700;
484
+ font-size: 24px;
485
+ line-height: 116%;
486
+ }
487
+
488
+ ._3Y-Dd {
489
+ overflow: hidden;
490
+ height: 416px;
491
+ }
492
+
493
+ @media (min-width: 2250px) {
494
+ ._3Y-Dd {
495
+ width: 100%;
496
+ display: flex;
497
+ justify-content: center;
498
+ align-items: center;
499
+ }
500
+ }
501
+
502
+ @media (max-width: 720px) {
503
+ ._1YJnk {
504
+ padding-right: 20px;
505
+ }
506
+ }
507
+
508
+
509
+ /* new design; */
510
+ ._2eMbe {
511
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
512
+ }
513
+
514
+ ._6ZvFg {
515
+ border-radius: 8px;
516
+ overflow: hidden;
517
+ position: relative;
518
+ }
519
+
520
+ ._24CNV._6ZvFg::after {
521
+ content: "";
522
+ width: 1px;
523
+ height: 100%;
524
+ position: absolute;
525
+ top: 0;
526
+ left: 50%;
527
+ transform: translate(-50%, 0);
528
+ display: block;
529
+ background: rgba(51, 51, 51, 0.1);
530
+ }
531
+
532
+ ._6ZvFg ._2vtSi {
533
+ background: #FFFFFF;
534
+ border-radius: 8px;
535
+ padding: 20px;
536
+ /* cursor: pointer; */
537
+ }
538
+
539
+ ._IpsVf {}
540
+
541
+ ._IpsVf ._gzxWe {
542
+ color: "#B2B2B2";
543
+ font-size: 18px;
544
+ }
545
+
546
+ ._2vtSi ._37IcR {
547
+ color: #D9D9D9;
548
+ display: flex;
549
+ align-items: center;
550
+ }
551
+
552
+ ._2vtSi ._2G6Wz {
553
+ font-weight: 700;
554
+ font-size: 18px;
555
+ letter-spacing: 0.01em;
556
+ color: #262626;
557
+ font-family: "Roboto";
558
+ }
559
+
560
+ ._2vtSi ._IpsVf {
561
+ display: flex;
562
+ align-items: center;
563
+ }
564
+
565
+ ._3xpNv {
566
+ border-radius: 4px;
567
+ background: #ffff;
568
+ }
569
+
570
+ ._3H5Ly {
571
+ padding: 6px 12px 6px 0px;
572
+ border-radius: 0 4px 4px 0;
573
+ background: #336DDA;
574
+ color: #fff;
575
+ }
576
+
577
+ ._J_n-D {
578
+ padding: 5px 8px 7px 6px;
579
+ border-radius: 4px 0 0 4px;
580
+ background: #336DDA;
581
+ }
582
+
583
+ ._2vtSi ._3AALV {
584
+ font-size: 16px;
585
+ }
586
+
587
+ ._11Xjn {
588
+ cursor: pointer;
589
+ }
590
+
591
+ ._2vtSi ._2htKu {
592
+ cursor: pointer;
593
+ }
594
+
595
+ ._2htKu svg {
596
+ width: 20px !important;
597
+ height: auto !important;
598
+ }
599
+
600
+ ._2vtSi ._1qXAT {
601
+ font-weight: 400;
602
+ font-size: 16px;
603
+ line-height: 100%;
604
+ color: #252733;
605
+ }
606
+
607
+ ._3NgrB,
608
+ ._32fu3 {
609
+ background-color: #fff;
610
+ }
611
+
612
+ ._3NgrB {
613
+ padding-bottom: 10px;
614
+ }
615
+
616
+ ._3NgrB ._DmMzw {
617
+ padding-left: 10px;
618
+ }
619
+
620
+ ._3NgrB ._1eUXn {
621
+ width: 10px;
622
+ height: 10px;
623
+ margin-right: 5px;
624
+ border-radius: 2px;
625
+ }
626
+
627
+ ._3NgrB ._3hrrC ._Q-iiW {
628
+ font-weight: 400;
629
+ font-size: 14px;
630
+ letter-spacing: 0.01em;
631
+ color: #4d4d4d;
632
+ margin-bottom: 0;
633
+ font-family: 'Roboto';
634
+ }
635
+
636
+ ._3NgrB ._cD4ey {
637
+ display: flex;
638
+ justify-content: center;
639
+ align-items: center;
640
+ margin-right: 10px;
641
+ }
642
+
643
+ ._3NgrB ._24PRg {
644
+ font-weight: 400;
645
+ font-size: 16px;
646
+ letter-spacing: 0.01em;
647
+ color: #252733 !important;
648
+ font-family: "Roboto";
649
+ }
650
+
651
+ ._3NgrB ._2HWhv>label {
652
+ font-weight: 600;
653
+ font-size: 18px;
654
+ color: #252733 !important;
655
+ font-family: "Roboto";
656
+ }
657
+
658
+ ._2Hdbu {
659
+ width: 100%;
660
+ padding: 20px;
661
+ }
662
+
663
+ ._2Hdbu ._3RJ2T {
664
+ display: flex;
665
+ justify-content: center;
666
+ align-items: center;
667
+ }
668
+
669
+ ._3hrrC {
670
+ padding-right: 50px;
671
+ }
672
+ ._38ikt{
673
+ /* height: 410px; */
674
+ }
675
+
676
+ ._38ikt ._1TnWs {
677
+ position: absolute;
678
+ right: 60px;
679
+ display: flex;
680
+ justify-content: flex-end;
681
+ flex-wrap: wrap;
682
+ width: 150px;
683
+ }
684
+
685
+ ._38ikt ._1TnWs label {
686
+ color: #333333;
687
+ font-weight: 500;
688
+ font-size: 14px;
689
+ align-items: center;
690
+ text-align: right;
691
+ color: #333333;
692
+ margin-bottom: 5px;
693
+ font-family: "Roboto";
694
+ }
695
+
696
+ ._38ikt ._1TnWs span {
697
+ font-weight: 400;
698
+ font-size: 14px;
699
+ line-height: 16px;
700
+ text-align: right;
701
+ color: #4d4d4d;
702
+ font-family: "Roboto";
703
+ }
704
+
705
+ ._3BTJi ._1Ws0m {
706
+ margin-top: 30px;
707
+ display: flex;
708
+ justify-content: center;
709
+ align-items: center;
710
+ flex-direction: column;
711
+ }
712
+
713
+ ._3BTJi ._1Ws0m ._2HnO_ {
714
+ display: flex;
715
+ justify-content: center;
716
+ align-items: center;
717
+ margin-bottom: 10px;
718
+ }
719
+
720
+ ._3BTJi ._1Ws0m ._1eUXn {
721
+ width: 12px;
722
+ height: 12px;
723
+ margin-right: 8px;
724
+ border-radius: 2px;
725
+ }
726
+
727
+ ._3BTJi ._1Ws0m ._2BFJw {
728
+ padding-right: 8px;
729
+ color: #4d4d4d;
730
+ letter-spacing: 0.01em;
731
+ font-weight: 400;
732
+ font-size: 16px;
733
+ font-family: "Roboto";
734
+ }
735
+
736
+ ._2az-l {
737
+ padding-right: 10px;
738
+ padding-left: 10px;
739
+ padding-bottom: 10px;
740
+ }
741
+
742
+ ._2az-l ._1TnWs {
743
+ position: absolute;
744
+ right: 35px;
745
+ top: 10px;
746
+ display: flex;
747
+ justify-content: flex-end;
748
+ flex-wrap: wrap;
749
+ width: 150px;
750
+ }
751
+
752
+ ._2az-l ._1TnWs label {
753
+ color: #333333;
754
+ font-weight: 500;
755
+ font-size: 14px;
756
+ align-items: center;
757
+ text-align: right;
758
+ color: #333333;
759
+ margin-bottom: 5px;
760
+ font-family: "Roboto";
761
+ }
762
+
763
+ ._2az-l ._1TnWs span {
764
+ font-weight: 400;
765
+ font-size: 14px;
766
+ line-height: 16px;
767
+ text-align: right;
768
+ color: #4d4d4d;
769
+ font-family: "Roboto";
770
+ }
771
+
772
+ ._2j8fp {
773
+ position: relative;
774
+ }
775
+
776
+ ._2j8fp ._1BN5z {
777
+ width: 100%;
778
+ bottom: 40px;
779
+ position: relative;
780
+
781
+ }
782
+
783
+ ._2j8fp ._1rYav {
784
+ width: 80%;
785
+ margin: 35px auto 0px;
786
+ display: flex;
787
+ justify-content: space-between;
788
+ align-items: center;
789
+ }
790
+
791
+ ._2j8fp ._1rYav div {
792
+ font-family: "Roboto";
793
+ font-weight: 600;
794
+ font-size: 12px;
795
+ }
796
+
797
+ ._2j8fp ._3-zAs {
798
+ display: flex;
799
+ justify-content: center;
800
+ position: relative;
801
+ bottom: 20px;
802
+ }
803
+
804
+ ._2j8fp ._3-zAs ._3RJ2T {
805
+ display: flex;
806
+ margin-right: 20px;
807
+ align-items: center;
808
+ }
809
+
810
+ ._2j8fp ._3-zAs ._1eUXn {
811
+ width: 10px;
812
+ height: 10px;
813
+ margin-right: 5px;
814
+ border-radius: 2px;
815
+ }
816
+
817
+ ._2j8fp ._3-zAs ._Q-iiW {
818
+ font-family: "Roboto";
819
+ font-weight: 400;
820
+ font-size: 14px;
821
+ letter-spacing: 0.01em;
822
+ color: #4d4d4d;
823
+ margin-bottom: 0;
824
+ margin: 0;
825
+ }
826
+
827
+ ._2j8fp ._3-zAs ._cD4ey {
828
+ display: flex;
829
+ justify-content: center;
830
+ align-items: center;
831
+ margin-right: 10px;
832
+ }
833
+
834
+ ._2j8fp ._3-zAs ._24PRg {
835
+ font-weight: 400;
836
+ font-size: 16px;
837
+ letter-spacing: 0.01em;
838
+ color: #252733;
839
+ font-family: "Roboto";
840
+ }
841
+
842
+ ._2j8fp ._1PPhv {
843
+ position: absolute;
844
+ right: 22px;
845
+ top: 20px
846
+ }
847
+
848
+ ._2j8fp ._1PPhv ._1rjWR {
849
+ margin-bottom: 22.5px;
850
+ font-weight: 400;
851
+ font-size: 12px;
852
+ text-align: center;
853
+ letter-spacing: 0.01em;
854
+ color: #9a9a9a;
855
+ font-family: "Roboto";
856
+ }
857
+
858
+ ._2j8fp ._f-Ti4 {
859
+ position: relative;
860
+ }
861
+
862
+ ._2j8fp ._TPa6x {
863
+ padding-right: 50px;
864
+ }
865
+
866
+ ._1hZ_V {
867
+ width: 100%;
868
+ text-align: center;
869
+ font-weight: 400;
870
+ font-size: 16px;
871
+ text-align: right;
872
+ letter-spacing: 0.01em;
873
+ color: #808080;
874
+ display: flex;
875
+ justify-content: center;
876
+ align-items: center;
877
+ font-family: "Roboto";
878
+ }
879
+
880
+
881
+ ._3L9WC {
882
+ font-size: 24px;
883
+ font-weight: 700;
884
+ margin-bottom: 5px !important;
885
+ font-family: "Roboto";
886
+ }
887
+
888
+ ._1TFtP {
889
+ font-size: 16px;
890
+ font-weight: 400;
891
+ margin-bottom: 5px !important;
892
+ }
893
+
894
+ ._37aqf {
895
+ display: flex !important;
896
+ align-items: center;
897
+ }
898
+
899
+ ._1iabV {
900
+ font-size: 16px;
901
+ font-weight: 400;
902
+ font-family: "Roboto";
903
+ }
904
+
905
+ ._1eQAg {
906
+ background-color: #28BE76;
907
+ }
908
+ ._38ikt ._pFFg9{
909
+ font-weight: 400;
910
+ font-size: 16px;
911
+ text-align: center;
912
+ letter-spacing: 0.01em;
913
+ color: #808080;
914
+ margin-bottom: 20px;
915
+ font-family: "Roboto";
916
+ }
917
+
918
+
919
+ ._1eqkj {
920
+ position: absolute;
921
+ /* opacity: 0; */
922
+ z-index: -999;
923
+ left: 0;
924
+ top: 0;
925
+ }
926
+
927
+ ._1eqkj > img {
928
+ /* width: 100%; */
929
+ /* height: 100%; */
930
+ /* object-fit: cover; */
931
+ }
932
+
933
+ ._2IQ8b {
934
+ position: absolute;
935
+ z-index: -9999;
936
+ width: 1792px;
937
+ opacity: 0;
938
+ top: -35px;
939
+ left: -630px;
940
940
  }