mario-education 3.0.10-admin → 4.0.0

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