mario-education 2.4.52-admin → 2.4.54-admin

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +877 -877
  2. package/dist/index.js +18 -11
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +18 -11
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +96 -96
package/dist/index.css CHANGED
@@ -1,878 +1,878 @@
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
- ._3DVMZ {
188
- display: flex;
189
- flex: 0 0 17%;
190
- flex-direction: column;
191
- margin-right: 2rem;
192
- }
193
- ._3DVMZ > div {
194
- border: 1px solid #eaeaea;
195
- }
196
- h6._3zOGW {
197
- text-decoration: underline;
198
- font-size: 13px;
199
- cursor: pointer;
200
- }
201
- ._3DQwX {
202
- padding: 10px 0px 20px;
203
- border-bottom: 1px solid #cdcdcd;
204
- }
205
-
206
- ._1Jgr2 {
207
- padding: 16px;
208
- min-height: 530px;
209
- height: 100%;
210
- display: flex;
211
- flex-direction: column;
212
- background: #ffffff;
213
- border: 1px solid #ebeff2;
214
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
215
- border-radius: 8px;
216
- margin-bottom: 20px;
217
- }
218
-
219
- ._3Thdy {
220
- max-width: 200px;
221
- }
222
-
223
- ._24PRg {
224
- font-family: 'Roboto' !important;
225
- font-weight: 400;
226
- margin-top: 2px;
227
- }
228
- ._1WLBo {
229
- font-size: 20px;
230
- }
231
-
232
- ._10Pgm {
233
- /* background: #E5E5E5; */
234
- }
235
-
236
- ._3jPb_ {
237
- font-size: 30px;
238
- }
239
-
240
- ._1c43y {
241
- color: #fc4747;
242
- }
243
-
244
- ._F1afY {
245
- color: #0dc16a;
246
- }
247
-
248
- ._1kqUQ {
249
- background: #f6f6f6;
250
- }
251
-
252
- ._10hbz {
253
- font-weight: bold;
254
- font-size: 14px;
255
- line-height: 16px;
256
- }
257
-
258
- ._2rmw_ {
259
- font-weight: 700;
260
- font-size: 32px;
261
- line-height: 100%;
262
- margin: 0;
263
- }
264
-
265
- ._1tdQu {
266
- font-weight: 600;
267
- font-size: 12px;
268
- line-height: 14px;
269
- }
270
-
271
- ._2BvFN {
272
- font-weight: 400;
273
- font-size: 10px;
274
- line-height: 12px;
275
- }
276
-
277
- ._10hbz,
278
- ._2rmw_,
279
- ._1tdQu,
280
- ._2BvFN {
281
- font-family: "Roboto", sans-serif;
282
- }
283
-
284
- ._2TBTW {
285
- margin: 10px 0;
286
- }
287
-
288
- ._3XXJp {
289
- width: 35px;
290
- color: #0d9994;
291
- text-align: center;
292
- }
293
-
294
- ._LCuWQ {
295
- background: #cef7f5;
296
- color: #0d9994;
297
- border-radius: 8px;
298
- }
299
-
300
- ._3x9D7 {
301
- color: #1da370;
302
- }
303
-
304
- ._2In63 {
305
- border: none;
306
- background: #fff;
307
- }
308
-
309
- ._1Vhg_ {
310
- display: flex;
311
- justify-content: space-between;
312
- width: 100%;
313
- }
314
-
315
- ._6yLxd {
316
- min-width: 200px;
317
- margin-bottom: 10px;
318
- height: 100%;
319
- background-color: hsl(0, 0%, 100%);
320
- border-color: hsl(0, 0%, 80%);
321
- border-radius: 4px;
322
- border-style: solid;
323
- border-width: 1px;
324
- padding: 8px;
325
- width: 100%;
326
- }
327
-
328
- ._h74SO {
329
- display: flex;
330
- justify-content: flex-start;
331
- flex-wrap: wrap;
332
- padding: 0px 16px;
333
- }
334
-
335
- ._3e2pi {
336
- display: flex;
337
- justify-content: flex-end;
338
- flex-wrap: wrap;
339
- max-width: 700px;
340
- }
341
-
342
- ._ntUB6 {
343
- min-width: 200px;
344
- margin-left: 20px;
345
- margin-bottom: 10px;
346
- height: 38px;
347
- }
348
-
349
- ._1DlZ4 {
350
- width: 220px;
351
- margin-right: 20px;
352
- margin-bottom: 10px;
353
- height: 38px;
354
- }
355
-
356
- ._1tYDM {
357
- max-width: 440px;
358
- display: flex;
359
- flex-wrap: wrap;
360
- }
361
-
362
- ._3hSow {
363
- background: #ffffff;
364
- border: 1px solid #ebeff2;
365
- box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
366
- border-radius: 8px;
367
- }
368
-
369
- ._1yuC9 {
370
- min-width: 255px;
371
- flex-basis: 19%;
372
- }
373
-
374
- ._1yuC9 ._10hbz {
375
- font-family: 'Roboto';
376
- font-weight: 500;
377
- font-size: 14px;
378
- line-height: 16px;
379
- }
380
-
381
- ._1yuC9:last-child {
382
- padding: 20px 0px !important;
383
- }
384
-
385
- ._1yuC9:last-child div {
386
- width: 80%;
387
- margin: 0 auto;
388
- }
389
-
390
- ._2PMoX {
391
- height: auto;
392
- width: 100%;
393
- -o-object-fit: scale-down;
394
- object-fit: scale-down;
395
- max-height: 300px;
396
- }
397
-
398
- ._2PMoX._3ZX0b {
399
- height: 300px;
400
- width: 100%;
401
- -o-object-fit: scale-down;
402
- object-fit: scale-down;
403
- }
404
-
405
- ._2asi- ._muT01 ._35BzZ {
406
- font-size: 20px;
407
- }
408
-
409
- ._2asi- {
410
- overflow: hidden;
411
- max-height: 470px;
412
- }
413
-
414
- @media (min-width: 1024px) {
415
- ._3pkbc {
416
- max-width: 60%;
417
- }
418
-
419
- ._16MpB {
420
- max-width: 55%;
421
- }
422
- }
423
-
424
- ._CHu-i {
425
- font-weight: 700;
426
- font-size: 24px;
427
- line-height: 116%;
428
- }
429
-
430
- ._3Y-Dd {
431
- overflow: hidden;
432
- height: 416px;
433
- }
434
-
435
- @media (min-width: 2250px) {
436
- ._3Y-Dd {
437
- width: 100%;
438
- display: flex;
439
- justify-content: center;
440
- align-items: center;
441
- }
442
- }
443
-
444
- @media (max-width: 720px) {
445
- ._1YJnk {
446
- padding-right: 20px;
447
- }
448
- }
449
-
450
-
451
- /* new design; */
452
- ._2eMbe {
453
- box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
454
- }
455
-
456
- ._6ZvFg {
457
- border-radius: 8px;
458
- overflow: hidden;
459
- position: relative;
460
- }
461
-
462
- ._24CNV._6ZvFg::after {
463
- content: "";
464
- width: 1px;
465
- height: 100%;
466
- position: absolute;
467
- top: 0;
468
- left: 50%;
469
- transform: translate(-50%, 0);
470
- display: block;
471
- background: rgba(51, 51, 51, 0.1);
472
- }
473
-
474
- ._6ZvFg ._2vtSi {
475
- background: #FFFFFF;
476
- border-radius: 8px;
477
- padding: 20px;
478
- /* cursor: pointer; */
479
- }
480
-
481
- ._IpsVf {}
482
-
483
- ._IpsVf ._gzxWe {
484
- color: "#B2B2B2";
485
- font-size: 18px;
486
- }
487
-
488
- ._2vtSi ._37IcR {
489
- color: #D9D9D9;
490
- display: flex;
491
- align-items: center;
492
- }
493
-
494
- ._2vtSi ._2G6Wz {
495
- font-weight: 700;
496
- font-size: 18px;
497
- letter-spacing: 0.01em;
498
- color: #262626;
499
- font-family: "Roboto";
500
- }
501
-
502
- ._2vtSi ._IpsVf {
503
- display: flex;
504
- align-items: center;
505
- }
506
-
507
- ._3xpNv {
508
- border-radius: 4px;
509
- background: #ffff;
510
- }
511
-
512
- ._3H5Ly {
513
- padding: 6px 12px;
514
- border-radius: 0 4px 4px 0;
515
- background: #1DBAB4;
516
- color: #ffff;
517
- }
518
-
519
- ._J_n-D {
520
- padding: 6px;
521
- border-radius: 4px 0 0 4px;
522
- background: #1CA9A4;
523
- }
524
-
525
- ._2vtSi ._3AALV {
526
- font-size: 16px;
527
- }
528
-
529
- ._g5-bn ._2htKu {
530
- cursor: pointer;
531
- }
532
-
533
- ._2htKu svg {
534
- width: 20px !important;
535
- height: auto !important;
536
- }
537
-
538
- ._2vtSi ._1qXAT {
539
- font-weight: 400;
540
- font-size: 16px;
541
- line-height: 100%;
542
- color: #252733;
543
- }
544
-
545
- ._3NgrB,
546
- ._32fu3 {
547
- background-color: #fff;
548
- }
549
-
550
- ._3NgrB {
551
- padding-bottom: 10px;
552
- }
553
-
554
- ._3NgrB ._DmMzw {
555
- padding-left: 10px;
556
- }
557
-
558
- ._3NgrB ._1eUXn {
559
- width: 10px;
560
- height: 10px;
561
- margin-right: 5px;
562
- border-radius: 2px;
563
- }
564
-
565
- ._3NgrB ._3hrrC ._Q-iiW {
566
- font-weight: 400;
567
- font-size: 14px;
568
- letter-spacing: 0.01em;
569
- color: #4d4d4d;
570
- margin-bottom: 0;
571
- font-family: 'Roboto';
572
- }
573
-
574
- ._3NgrB ._cD4ey {
575
- display: flex;
576
- justify-content: center;
577
- align-items: center;
578
- margin-right: 10px;
579
- }
580
-
581
- ._3NgrB ._24PRg {
582
- font-weight: 400;
583
- font-size: 16px;
584
- letter-spacing: 0.01em;
585
- color: #252733 !important;
586
- font-family: "Roboto";
587
- }
588
-
589
- ._3NgrB ._2HWhv>label {
590
- font-weight: 600;
591
- font-size: 18px;
592
- color: #252733 !important;
593
- font-family: "Roboto";
594
- }
595
-
596
- ._2Hdbu {
597
- width: 100%;
598
- padding: 20px;
599
- }
600
-
601
- ._2Hdbu ._3RJ2T {
602
- display: flex;
603
- justify-content: center;
604
- align-items: center;
605
- }
606
-
607
- ._3hrrC {
608
- padding-right: 50px;
609
- }
610
- ._38ikt{
611
- /* height: 410px; */
612
- }
613
-
614
- ._38ikt ._1TnWs {
615
- position: absolute;
616
- right: 60px;
617
- display: flex;
618
- justify-content: flex-end;
619
- flex-wrap: wrap;
620
- width: 150px;
621
- }
622
-
623
- ._38ikt ._1TnWs label {
624
- color: #333333;
625
- font-weight: 500;
626
- font-size: 14px;
627
- align-items: center;
628
- text-align: right;
629
- color: #333333;
630
- margin-bottom: 5px;
631
- font-family: "Roboto";
632
- }
633
-
634
- ._38ikt ._1TnWs span {
635
- font-weight: 400;
636
- font-size: 14px;
637
- line-height: 16px;
638
- text-align: right;
639
- color: #4d4d4d;
640
- font-family: "Roboto";
641
- }
642
-
643
- ._3BTJi ._1Ws0m {
644
- margin-top: 30px;
645
- display: flex;
646
- justify-content: center;
647
- align-items: center;
648
- flex-direction: column;
649
- }
650
-
651
- ._3BTJi ._1Ws0m ._2HnO_ {
652
- display: flex;
653
- justify-content: center;
654
- align-items: center;
655
- margin-bottom: 10px;
656
- }
657
-
658
- ._3BTJi ._1Ws0m ._1eUXn {
659
- width: 12px;
660
- height: 12px;
661
- margin-right: 8px;
662
- border-radius: 2px;
663
- }
664
-
665
- ._3BTJi ._1Ws0m ._2BFJw {
666
- padding-right: 8px;
667
- color: #4d4d4d;
668
- letter-spacing: 0.01em;
669
- font-weight: 400;
670
- font-size: 16px;
671
- font-family: "Roboto";
672
- }
673
-
674
- ._2az-l {
675
- padding-right: 10px;
676
- padding-left: 10px;
677
- padding-bottom: 10px;
678
- }
679
-
680
- ._2az-l ._1TnWs {
681
- position: absolute;
682
- right: 35px;
683
- top: 10px;
684
- display: flex;
685
- justify-content: flex-end;
686
- flex-wrap: wrap;
687
- width: 150px;
688
- }
689
-
690
- ._2az-l ._1TnWs label {
691
- color: #333333;
692
- font-weight: 500;
693
- font-size: 14px;
694
- align-items: center;
695
- text-align: right;
696
- color: #333333;
697
- margin-bottom: 5px;
698
- font-family: "Roboto";
699
- }
700
-
701
- ._2az-l ._1TnWs span {
702
- font-weight: 400;
703
- font-size: 14px;
704
- line-height: 16px;
705
- text-align: right;
706
- color: #4d4d4d;
707
- font-family: "Roboto";
708
- }
709
-
710
- ._2j8fp {
711
- position: relative;
712
- }
713
-
714
- ._2j8fp ._1BN5z {
715
- width: 100%;
716
- bottom: 40px;
717
- position: relative;
718
-
719
- }
720
-
721
- ._2j8fp ._1rYav {
722
- width: 80%;
723
- margin: 35px auto 0px;
724
- display: flex;
725
- justify-content: space-between;
726
- align-items: center;
727
- }
728
-
729
- ._2j8fp ._1rYav div {
730
- font-family: "Roboto";
731
- font-weight: 600;
732
- font-size: 12px;
733
- }
734
-
735
- ._2j8fp ._3-zAs {
736
- display: flex;
737
- justify-content: center;
738
- position: relative;
739
- bottom: 20px;
740
- }
741
-
742
- ._2j8fp ._3-zAs ._3RJ2T {
743
- display: flex;
744
- margin-right: 20px;
745
- align-items: center;
746
- }
747
-
748
- ._2j8fp ._3-zAs ._1eUXn {
749
- width: 10px;
750
- height: 10px;
751
- margin-right: 5px;
752
- border-radius: 2px;
753
- }
754
-
755
- ._2j8fp ._3-zAs ._Q-iiW {
756
- font-family: "Roboto";
757
- font-weight: 400;
758
- font-size: 14px;
759
- letter-spacing: 0.01em;
760
- color: #4d4d4d;
761
- margin-bottom: 0;
762
- margin: 0;
763
- }
764
-
765
- ._2j8fp ._3-zAs ._cD4ey {
766
- display: flex;
767
- justify-content: center;
768
- align-items: center;
769
- margin-right: 10px;
770
- }
771
-
772
- ._2j8fp ._3-zAs ._24PRg {
773
- font-weight: 400;
774
- font-size: 16px;
775
- letter-spacing: 0.01em;
776
- color: #252733;
777
- font-family: "Roboto";
778
- }
779
-
780
- ._2j8fp ._1PPhv {
781
- position: absolute;
782
- right: 22px;
783
- top: 20px
784
- }
785
-
786
- ._2j8fp ._1PPhv ._1rjWR {
787
- margin-bottom: 22.5px;
788
- font-weight: 400;
789
- font-size: 12px;
790
- text-align: center;
791
- letter-spacing: 0.01em;
792
- color: #9a9a9a;
793
- font-family: "Roboto";
794
- }
795
-
796
- ._2j8fp ._f-Ti4 {
797
- position: relative;
798
- }
799
-
800
- ._2j8fp ._TPa6x {
801
- padding-right: 50px;
802
- }
803
-
804
- ._1hZ_V {
805
- width: 100%;
806
- text-align: center;
807
- font-weight: 400;
808
- font-size: 16px;
809
- text-align: right;
810
- letter-spacing: 0.01em;
811
- color: #808080;
812
- display: flex;
813
- justify-content: center;
814
- align-items: center;
815
- font-family: "Roboto";
816
- }
817
-
818
-
819
- ._3L9WC {
820
- font-size: 24px;
821
- font-weight: 700;
822
- margin-bottom: 5px !important;
823
- font-family: "Roboto";
824
- }
825
-
826
- ._1TFtP {
827
- font-size: 16px;
828
- font-weight: 400;
829
- margin-bottom: 5px !important;
830
- }
831
-
832
- ._37aqf {
833
- display: flex !important;
834
- align-items: center;
835
- }
836
-
837
- ._1iabV {
838
- font-size: 16px;
839
- font-weight: 400;
840
- font-family: "Roboto";
841
- }
842
-
843
- ._1eQAg {
844
- background-color: #28BE76;
845
- }
846
- ._38ikt ._pFFg9{
847
- font-weight: 400;
848
- font-size: 16px;
849
- text-align: center;
850
- letter-spacing: 0.01em;
851
- color: #808080;
852
- margin-bottom: 20px;
853
- font-family: "Roboto";
854
- }
855
-
856
-
857
- ._1eqkj {
858
- position: absolute;
859
- /* opacity: 0; */
860
- z-index: -999;
861
- left: 0;
862
- top: 0;
863
- }
864
-
865
- ._1eqkj > img {
866
- /* width: 100%; */
867
- /* height: 100%; */
868
- /* object-fit: cover; */
869
- }
870
-
871
- ._2IQ8b {
872
- position: absolute;
873
- z-index: -9999;
874
- width: 1792px;
875
- opacity: 0;
876
- top: -35px;
877
- 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
+ ._3DVMZ {
188
+ display: flex;
189
+ flex: 0 0 17%;
190
+ flex-direction: column;
191
+ margin-right: 2rem;
192
+ }
193
+ ._3DVMZ > div {
194
+ border: 1px solid #eaeaea;
195
+ }
196
+ h6._3zOGW {
197
+ text-decoration: underline;
198
+ font-size: 13px;
199
+ cursor: pointer;
200
+ }
201
+ ._3DQwX {
202
+ padding: 10px 0px 20px;
203
+ border-bottom: 1px solid #cdcdcd;
204
+ }
205
+
206
+ ._1Jgr2 {
207
+ padding: 16px;
208
+ min-height: 530px;
209
+ height: 100%;
210
+ display: flex;
211
+ flex-direction: column;
212
+ background: #ffffff;
213
+ border: 1px solid #ebeff2;
214
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
215
+ border-radius: 8px;
216
+ margin-bottom: 20px;
217
+ }
218
+
219
+ ._3Thdy {
220
+ max-width: 200px;
221
+ }
222
+
223
+ ._24PRg {
224
+ font-family: 'Roboto' !important;
225
+ font-weight: 400;
226
+ margin-top: 2px;
227
+ }
228
+ ._1WLBo {
229
+ font-size: 20px;
230
+ }
231
+
232
+ ._10Pgm {
233
+ /* background: #E5E5E5; */
234
+ }
235
+
236
+ ._3jPb_ {
237
+ font-size: 30px;
238
+ }
239
+
240
+ ._1c43y {
241
+ color: #fc4747;
242
+ }
243
+
244
+ ._F1afY {
245
+ color: #0dc16a;
246
+ }
247
+
248
+ ._1kqUQ {
249
+ background: #f6f6f6;
250
+ }
251
+
252
+ ._10hbz {
253
+ font-weight: bold;
254
+ font-size: 14px;
255
+ line-height: 16px;
256
+ }
257
+
258
+ ._2rmw_ {
259
+ font-weight: 700;
260
+ font-size: 32px;
261
+ line-height: 100%;
262
+ margin: 0;
263
+ }
264
+
265
+ ._1tdQu {
266
+ font-weight: 600;
267
+ font-size: 12px;
268
+ line-height: 14px;
269
+ }
270
+
271
+ ._2BvFN {
272
+ font-weight: 400;
273
+ font-size: 10px;
274
+ line-height: 12px;
275
+ }
276
+
277
+ ._10hbz,
278
+ ._2rmw_,
279
+ ._1tdQu,
280
+ ._2BvFN {
281
+ font-family: "Roboto", sans-serif;
282
+ }
283
+
284
+ ._2TBTW {
285
+ margin: 10px 0;
286
+ }
287
+
288
+ ._3XXJp {
289
+ width: 35px;
290
+ color: #0d9994;
291
+ text-align: center;
292
+ }
293
+
294
+ ._LCuWQ {
295
+ background: #cef7f5;
296
+ color: #0d9994;
297
+ border-radius: 8px;
298
+ }
299
+
300
+ ._3x9D7 {
301
+ color: #1da370;
302
+ }
303
+
304
+ ._2In63 {
305
+ border: none;
306
+ background: #fff;
307
+ }
308
+
309
+ ._1Vhg_ {
310
+ display: flex;
311
+ justify-content: space-between;
312
+ width: 100%;
313
+ }
314
+
315
+ ._6yLxd {
316
+ min-width: 200px;
317
+ margin-bottom: 10px;
318
+ height: 100%;
319
+ background-color: hsl(0, 0%, 100%);
320
+ border-color: hsl(0, 0%, 80%);
321
+ border-radius: 4px;
322
+ border-style: solid;
323
+ border-width: 1px;
324
+ padding: 8px;
325
+ width: 100%;
326
+ }
327
+
328
+ ._h74SO {
329
+ display: flex;
330
+ justify-content: flex-start;
331
+ flex-wrap: wrap;
332
+ padding: 0px 16px;
333
+ }
334
+
335
+ ._3e2pi {
336
+ display: flex;
337
+ justify-content: flex-end;
338
+ flex-wrap: wrap;
339
+ max-width: 700px;
340
+ }
341
+
342
+ ._ntUB6 {
343
+ min-width: 200px;
344
+ margin-left: 20px;
345
+ margin-bottom: 10px;
346
+ height: 38px;
347
+ }
348
+
349
+ ._1DlZ4 {
350
+ width: 220px;
351
+ margin-right: 20px;
352
+ margin-bottom: 10px;
353
+ height: 38px;
354
+ }
355
+
356
+ ._1tYDM {
357
+ max-width: 440px;
358
+ display: flex;
359
+ flex-wrap: wrap;
360
+ }
361
+
362
+ ._3hSow {
363
+ background: #ffffff;
364
+ border: 1px solid #ebeff2;
365
+ box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
366
+ border-radius: 8px;
367
+ }
368
+
369
+ ._1yuC9 {
370
+ min-width: 255px;
371
+ flex-basis: 19%;
372
+ }
373
+
374
+ ._1yuC9 ._10hbz {
375
+ font-family: 'Roboto';
376
+ font-weight: 500;
377
+ font-size: 14px;
378
+ line-height: 16px;
379
+ }
380
+
381
+ ._1yuC9:last-child {
382
+ padding: 20px 0px !important;
383
+ }
384
+
385
+ ._1yuC9:last-child div {
386
+ width: 80%;
387
+ margin: 0 auto;
388
+ }
389
+
390
+ ._2PMoX {
391
+ height: auto;
392
+ width: 100%;
393
+ -o-object-fit: scale-down;
394
+ object-fit: scale-down;
395
+ max-height: 300px;
396
+ }
397
+
398
+ ._2PMoX._3ZX0b {
399
+ height: 300px;
400
+ width: 100%;
401
+ -o-object-fit: scale-down;
402
+ object-fit: scale-down;
403
+ }
404
+
405
+ ._2asi- ._muT01 ._35BzZ {
406
+ font-size: 20px;
407
+ }
408
+
409
+ ._2asi- {
410
+ overflow: hidden;
411
+ max-height: 470px;
412
+ }
413
+
414
+ @media (min-width: 1024px) {
415
+ ._3pkbc {
416
+ max-width: 60%;
417
+ }
418
+
419
+ ._16MpB {
420
+ max-width: 55%;
421
+ }
422
+ }
423
+
424
+ ._CHu-i {
425
+ font-weight: 700;
426
+ font-size: 24px;
427
+ line-height: 116%;
428
+ }
429
+
430
+ ._3Y-Dd {
431
+ overflow: hidden;
432
+ height: 416px;
433
+ }
434
+
435
+ @media (min-width: 2250px) {
436
+ ._3Y-Dd {
437
+ width: 100%;
438
+ display: flex;
439
+ justify-content: center;
440
+ align-items: center;
441
+ }
442
+ }
443
+
444
+ @media (max-width: 720px) {
445
+ ._1YJnk {
446
+ padding-right: 20px;
447
+ }
448
+ }
449
+
450
+
451
+ /* new design; */
452
+ ._2eMbe {
453
+ box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
454
+ }
455
+
456
+ ._6ZvFg {
457
+ border-radius: 8px;
458
+ overflow: hidden;
459
+ position: relative;
460
+ }
461
+
462
+ ._24CNV._6ZvFg::after {
463
+ content: "";
464
+ width: 1px;
465
+ height: 100%;
466
+ position: absolute;
467
+ top: 0;
468
+ left: 50%;
469
+ transform: translate(-50%, 0);
470
+ display: block;
471
+ background: rgba(51, 51, 51, 0.1);
472
+ }
473
+
474
+ ._6ZvFg ._2vtSi {
475
+ background: #FFFFFF;
476
+ border-radius: 8px;
477
+ padding: 20px;
478
+ /* cursor: pointer; */
479
+ }
480
+
481
+ ._IpsVf {}
482
+
483
+ ._IpsVf ._gzxWe {
484
+ color: "#B2B2B2";
485
+ font-size: 18px;
486
+ }
487
+
488
+ ._2vtSi ._37IcR {
489
+ color: #D9D9D9;
490
+ display: flex;
491
+ align-items: center;
492
+ }
493
+
494
+ ._2vtSi ._2G6Wz {
495
+ font-weight: 700;
496
+ font-size: 18px;
497
+ letter-spacing: 0.01em;
498
+ color: #262626;
499
+ font-family: "Roboto";
500
+ }
501
+
502
+ ._2vtSi ._IpsVf {
503
+ display: flex;
504
+ align-items: center;
505
+ }
506
+
507
+ ._3xpNv {
508
+ border-radius: 4px;
509
+ background: #ffff;
510
+ }
511
+
512
+ ._3H5Ly {
513
+ padding: 6px 12px;
514
+ border-radius: 0 4px 4px 0;
515
+ background: #1DBAB4;
516
+ color: #ffff;
517
+ }
518
+
519
+ ._J_n-D {
520
+ padding: 6px;
521
+ border-radius: 4px 0 0 4px;
522
+ background: #1CA9A4;
523
+ }
524
+
525
+ ._2vtSi ._3AALV {
526
+ font-size: 16px;
527
+ }
528
+
529
+ ._g5-bn ._2htKu {
530
+ cursor: pointer;
531
+ }
532
+
533
+ ._2htKu svg {
534
+ width: 20px !important;
535
+ height: auto !important;
536
+ }
537
+
538
+ ._2vtSi ._1qXAT {
539
+ font-weight: 400;
540
+ font-size: 16px;
541
+ line-height: 100%;
542
+ color: #252733;
543
+ }
544
+
545
+ ._3NgrB,
546
+ ._32fu3 {
547
+ background-color: #fff;
548
+ }
549
+
550
+ ._3NgrB {
551
+ padding-bottom: 10px;
552
+ }
553
+
554
+ ._3NgrB ._DmMzw {
555
+ padding-left: 10px;
556
+ }
557
+
558
+ ._3NgrB ._1eUXn {
559
+ width: 10px;
560
+ height: 10px;
561
+ margin-right: 5px;
562
+ border-radius: 2px;
563
+ }
564
+
565
+ ._3NgrB ._3hrrC ._Q-iiW {
566
+ font-weight: 400;
567
+ font-size: 14px;
568
+ letter-spacing: 0.01em;
569
+ color: #4d4d4d;
570
+ margin-bottom: 0;
571
+ font-family: 'Roboto';
572
+ }
573
+
574
+ ._3NgrB ._cD4ey {
575
+ display: flex;
576
+ justify-content: center;
577
+ align-items: center;
578
+ margin-right: 10px;
579
+ }
580
+
581
+ ._3NgrB ._24PRg {
582
+ font-weight: 400;
583
+ font-size: 16px;
584
+ letter-spacing: 0.01em;
585
+ color: #252733 !important;
586
+ font-family: "Roboto";
587
+ }
588
+
589
+ ._3NgrB ._2HWhv>label {
590
+ font-weight: 600;
591
+ font-size: 18px;
592
+ color: #252733 !important;
593
+ font-family: "Roboto";
594
+ }
595
+
596
+ ._2Hdbu {
597
+ width: 100%;
598
+ padding: 20px;
599
+ }
600
+
601
+ ._2Hdbu ._3RJ2T {
602
+ display: flex;
603
+ justify-content: center;
604
+ align-items: center;
605
+ }
606
+
607
+ ._3hrrC {
608
+ padding-right: 50px;
609
+ }
610
+ ._38ikt{
611
+ /* height: 410px; */
612
+ }
613
+
614
+ ._38ikt ._1TnWs {
615
+ position: absolute;
616
+ right: 60px;
617
+ display: flex;
618
+ justify-content: flex-end;
619
+ flex-wrap: wrap;
620
+ width: 150px;
621
+ }
622
+
623
+ ._38ikt ._1TnWs label {
624
+ color: #333333;
625
+ font-weight: 500;
626
+ font-size: 14px;
627
+ align-items: center;
628
+ text-align: right;
629
+ color: #333333;
630
+ margin-bottom: 5px;
631
+ font-family: "Roboto";
632
+ }
633
+
634
+ ._38ikt ._1TnWs span {
635
+ font-weight: 400;
636
+ font-size: 14px;
637
+ line-height: 16px;
638
+ text-align: right;
639
+ color: #4d4d4d;
640
+ font-family: "Roboto";
641
+ }
642
+
643
+ ._3BTJi ._1Ws0m {
644
+ margin-top: 30px;
645
+ display: flex;
646
+ justify-content: center;
647
+ align-items: center;
648
+ flex-direction: column;
649
+ }
650
+
651
+ ._3BTJi ._1Ws0m ._2HnO_ {
652
+ display: flex;
653
+ justify-content: center;
654
+ align-items: center;
655
+ margin-bottom: 10px;
656
+ }
657
+
658
+ ._3BTJi ._1Ws0m ._1eUXn {
659
+ width: 12px;
660
+ height: 12px;
661
+ margin-right: 8px;
662
+ border-radius: 2px;
663
+ }
664
+
665
+ ._3BTJi ._1Ws0m ._2BFJw {
666
+ padding-right: 8px;
667
+ color: #4d4d4d;
668
+ letter-spacing: 0.01em;
669
+ font-weight: 400;
670
+ font-size: 16px;
671
+ font-family: "Roboto";
672
+ }
673
+
674
+ ._2az-l {
675
+ padding-right: 10px;
676
+ padding-left: 10px;
677
+ padding-bottom: 10px;
678
+ }
679
+
680
+ ._2az-l ._1TnWs {
681
+ position: absolute;
682
+ right: 35px;
683
+ top: 10px;
684
+ display: flex;
685
+ justify-content: flex-end;
686
+ flex-wrap: wrap;
687
+ width: 150px;
688
+ }
689
+
690
+ ._2az-l ._1TnWs label {
691
+ color: #333333;
692
+ font-weight: 500;
693
+ font-size: 14px;
694
+ align-items: center;
695
+ text-align: right;
696
+ color: #333333;
697
+ margin-bottom: 5px;
698
+ font-family: "Roboto";
699
+ }
700
+
701
+ ._2az-l ._1TnWs span {
702
+ font-weight: 400;
703
+ font-size: 14px;
704
+ line-height: 16px;
705
+ text-align: right;
706
+ color: #4d4d4d;
707
+ font-family: "Roboto";
708
+ }
709
+
710
+ ._2j8fp {
711
+ position: relative;
712
+ }
713
+
714
+ ._2j8fp ._1BN5z {
715
+ width: 100%;
716
+ bottom: 40px;
717
+ position: relative;
718
+
719
+ }
720
+
721
+ ._2j8fp ._1rYav {
722
+ width: 80%;
723
+ margin: 35px auto 0px;
724
+ display: flex;
725
+ justify-content: space-between;
726
+ align-items: center;
727
+ }
728
+
729
+ ._2j8fp ._1rYav div {
730
+ font-family: "Roboto";
731
+ font-weight: 600;
732
+ font-size: 12px;
733
+ }
734
+
735
+ ._2j8fp ._3-zAs {
736
+ display: flex;
737
+ justify-content: center;
738
+ position: relative;
739
+ bottom: 20px;
740
+ }
741
+
742
+ ._2j8fp ._3-zAs ._3RJ2T {
743
+ display: flex;
744
+ margin-right: 20px;
745
+ align-items: center;
746
+ }
747
+
748
+ ._2j8fp ._3-zAs ._1eUXn {
749
+ width: 10px;
750
+ height: 10px;
751
+ margin-right: 5px;
752
+ border-radius: 2px;
753
+ }
754
+
755
+ ._2j8fp ._3-zAs ._Q-iiW {
756
+ font-family: "Roboto";
757
+ font-weight: 400;
758
+ font-size: 14px;
759
+ letter-spacing: 0.01em;
760
+ color: #4d4d4d;
761
+ margin-bottom: 0;
762
+ margin: 0;
763
+ }
764
+
765
+ ._2j8fp ._3-zAs ._cD4ey {
766
+ display: flex;
767
+ justify-content: center;
768
+ align-items: center;
769
+ margin-right: 10px;
770
+ }
771
+
772
+ ._2j8fp ._3-zAs ._24PRg {
773
+ font-weight: 400;
774
+ font-size: 16px;
775
+ letter-spacing: 0.01em;
776
+ color: #252733;
777
+ font-family: "Roboto";
778
+ }
779
+
780
+ ._2j8fp ._1PPhv {
781
+ position: absolute;
782
+ right: 22px;
783
+ top: 20px
784
+ }
785
+
786
+ ._2j8fp ._1PPhv ._1rjWR {
787
+ margin-bottom: 22.5px;
788
+ font-weight: 400;
789
+ font-size: 12px;
790
+ text-align: center;
791
+ letter-spacing: 0.01em;
792
+ color: #9a9a9a;
793
+ font-family: "Roboto";
794
+ }
795
+
796
+ ._2j8fp ._f-Ti4 {
797
+ position: relative;
798
+ }
799
+
800
+ ._2j8fp ._TPa6x {
801
+ padding-right: 50px;
802
+ }
803
+
804
+ ._1hZ_V {
805
+ width: 100%;
806
+ text-align: center;
807
+ font-weight: 400;
808
+ font-size: 16px;
809
+ text-align: right;
810
+ letter-spacing: 0.01em;
811
+ color: #808080;
812
+ display: flex;
813
+ justify-content: center;
814
+ align-items: center;
815
+ font-family: "Roboto";
816
+ }
817
+
818
+
819
+ ._3L9WC {
820
+ font-size: 24px;
821
+ font-weight: 700;
822
+ margin-bottom: 5px !important;
823
+ font-family: "Roboto";
824
+ }
825
+
826
+ ._1TFtP {
827
+ font-size: 16px;
828
+ font-weight: 400;
829
+ margin-bottom: 5px !important;
830
+ }
831
+
832
+ ._37aqf {
833
+ display: flex !important;
834
+ align-items: center;
835
+ }
836
+
837
+ ._1iabV {
838
+ font-size: 16px;
839
+ font-weight: 400;
840
+ font-family: "Roboto";
841
+ }
842
+
843
+ ._1eQAg {
844
+ background-color: #28BE76;
845
+ }
846
+ ._38ikt ._pFFg9{
847
+ font-weight: 400;
848
+ font-size: 16px;
849
+ text-align: center;
850
+ letter-spacing: 0.01em;
851
+ color: #808080;
852
+ margin-bottom: 20px;
853
+ font-family: "Roboto";
854
+ }
855
+
856
+
857
+ ._1eqkj {
858
+ position: absolute;
859
+ /* opacity: 0; */
860
+ z-index: -999;
861
+ left: 0;
862
+ top: 0;
863
+ }
864
+
865
+ ._1eqkj > img {
866
+ /* width: 100%; */
867
+ /* height: 100%; */
868
+ /* object-fit: cover; */
869
+ }
870
+
871
+ ._2IQ8b {
872
+ position: absolute;
873
+ z-index: -9999;
874
+ width: 1792px;
875
+ opacity: 0;
876
+ top: -35px;
877
+ left: -630px;
878
878
  }