@cloudtower/eagle 0.34.16 → 0.34.17

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.
@@ -1,3 +1,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,27 +51,62 @@
26
51
  }
27
52
 
28
53
 
29
- .E_m74vjol {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 100%;
33
- & .action {
34
- margin-left: 16px;
54
+ .E_berrcjl {
55
+ color: $text-terdiary-light;
56
+ margin-bottom: 4px;
57
+
58
+ .breadcrumb-link {
59
+ color: $text-terdiary-light;
60
+ cursor: pointer;
61
+ transition: color 160ms ease;
62
+
63
+ &:hover {
64
+ color: $blue-60;
65
+ }
66
+ &:active {
67
+ color: $blue-80;
68
+ }
35
69
  }
36
70
  }
37
71
 
38
- .E_a1o35uvh {
39
- &.ant-alert-closable {
40
- padding-right: 12px;
41
72
 
42
- .ant-alert-close-icon {
43
- height: fit-content;
44
- margin-left: 16px;
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
76
+
77
+ .E_bqamoqe {
78
+ white-space: nowrap;
79
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
+
81
+ & > .ant-btn {
82
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
+ --color: #{$text-light-general};
84
+
85
+ &[disabled],
86
+ &:hover[disabled] {
87
+ --color: #{$text-light-general};
88
+ }
45
89
  }
46
90
  }
47
91
 
48
- .ant-alert-message {
49
- flex: 1;
92
+ & > .ant-btn:not(:only-child) {
93
+ & + .ant-btn {
94
+ margin-left: 1px;
95
+ }
96
+
97
+ &:first-child {
98
+ border-top-right-radius: 0;
99
+ border-bottom-right-radius: 0;
100
+ }
101
+
102
+ &:last-child {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
106
+
107
+ &:not(:first-child, :last-child) {
108
+ border-radius: unset;
109
+ }
50
110
  }
51
111
  }
52
112
 
@@ -409,80 +469,9 @@
409
469
  }
410
470
 
411
471
 
412
- .E_berrcjl {
413
- color: $text-terdiary-light;
414
- margin-bottom: 4px;
415
-
416
- .breadcrumb-link {
417
- color: $text-terdiary-light;
418
- cursor: pointer;
419
- transition: color 160ms ease;
420
-
421
- &:hover {
422
- color: $blue-60;
423
- }
424
- &:active {
425
- color: $blue-80;
426
- }
427
- }
428
- }
429
-
430
-
431
- .E_b1nip9bk {
432
- padding: 4px 11px;
433
- }
434
-
435
- .E_bqamoqe {
436
- white-space: nowrap;
437
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
438
-
439
- & > .ant-btn {
440
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
441
- --color: #{$text-light-general};
442
-
443
- &[disabled],
444
- &:hover[disabled] {
445
- --color: #{$text-light-general};
446
- }
447
- }
448
- }
449
-
450
- & > .ant-btn:not(:only-child) {
451
- & + .ant-btn {
452
- margin-left: 1px;
453
- }
454
-
455
- &:first-child {
456
- border-top-right-radius: 0;
457
- border-bottom-right-radius: 0;
458
- }
459
-
460
- &:last-child {
461
- border-top-left-radius: 0;
462
- border-bottom-left-radius: 0;
463
- }
464
-
465
- &:not(:first-child, :last-child) {
466
- border-radius: unset;
467
- }
468
- }
469
- }
470
-
471
-
472
- .E_d133fzv0 {
473
- .ant-dropdown-menu-item-group {
474
- .ant-dropdown-menu-item-group-title {
475
- padding: 4px 8px 0 8px;
476
- color: $text-light-secondary;
477
- font-size: 12px;
478
- }
479
- .ant-dropdown-menu-item-group-list {
480
- padding-bottom: 6px;
481
- }
482
- &:not(:first-child) {
483
- padding-top: 4px;
484
- border-top: 1px solid $strokes-light-trans-2;
485
- }
472
+ .E_sx1bpnu {
473
+ .ant-input-sm {
474
+ line-height: 18px;
486
475
  }
487
476
  }
488
477
 
@@ -512,93 +501,10 @@
512
501
  }
513
502
 
514
503
 
515
- .E_d1bw7c5z {
516
- position: relative;
517
- max-width: 388px;
518
- min-width: 285px;
519
- .center {
520
- position: absolute;
521
- font-size: 12px;
522
- width: 80px;
523
- height: 100px;
524
- top: 0;
525
- left: 35px;
526
- display: flex;
527
- flex-direction: column;
528
- justify-content: center;
529
- align-items: center;
530
- color: $text-light-primary;
531
-
532
- .number {
533
- font-size: 24px;
534
- font-weight: 700;
535
- }
536
-
537
- .text {
538
- padding: 0 5px;
539
- font-size: 12px;
540
- width: inherit;
541
- text-align: center;
542
- }
543
- }
544
- .recharts-wrapper {
545
- display: flex;
546
- .recharts-legend-wrapper {
547
- position: relative !important;
548
- min-width: calc(
549
- 100% - var(--d1bw7c5z-0)
550
- ) !important;
551
- left: 0 !important;
552
- bottom: 0 !important;
553
- display: flex;
554
- align-items: center;
555
- .recharts-default-legend {
556
- width: 100%;
557
- }
558
- li {
559
- width: 100%;
560
- margin-right: 0 !important;
561
- line-height: 18px;
562
- & > svg {
563
- border-radius: 2px;
564
- }
565
- & > .recharts-legend-item-text {
566
- min-width: 75px;
567
- max-width: 198px;
568
- width: calc(100% - 20px);
569
- margin-left: 2px;
570
- color: $text-light-primary !important;
571
- display: inline-flex;
572
- justify-content: space-between;
573
- }
574
- }
575
- }
576
- }
577
- .tooltip-text {
578
- maxwidth: calc(100% - 12px);
579
- cursor: pointer;
580
- border-bottom: 1px dashed $strokes-light-trans-4;
581
- overflow: hidden;
582
- text-overflow: ellipsis;
583
- white-space: nowrap;
584
- }
585
-
586
- .value {
587
- color: $text-neutral-secondary;
588
- }
589
- }
590
-
591
- .E_t10pqbtc {
592
- width: 140px;
593
-
594
- .item {
595
- margin: 6px auto;
596
- display: flex;
597
- justify-content: space-between;
598
-
599
- .name {
600
- width: 102px;
601
- }
504
+ .E_c1yyuluq {
505
+ border-radius: 8px;
506
+ .ant-card-body {
507
+ padding: 20px 24px 24px 24px;
602
508
  }
603
509
  }
604
510
 
@@ -635,14 +541,6 @@
635
541
  }
636
542
 
637
543
 
638
- .E_c1yyuluq {
639
- border-radius: 8px;
640
- .ant-card-body {
641
- padding: 20px 24px 24px 24px;
642
- }
643
- }
644
-
645
-
646
544
  .E_itxley7 {
647
545
  &.ant-input-group.ant-input-group-compact {
648
546
  display: flex;
@@ -698,6 +596,115 @@
698
596
  }
699
597
 
700
598
 
599
+ .E_d1bw7c5z {
600
+ position: relative;
601
+ max-width: 388px;
602
+ min-width: 285px;
603
+ .center {
604
+ position: absolute;
605
+ font-size: 12px;
606
+ width: 80px;
607
+ height: 100px;
608
+ top: 0;
609
+ left: 35px;
610
+ display: flex;
611
+ flex-direction: column;
612
+ justify-content: center;
613
+ align-items: center;
614
+ color: $text-light-primary;
615
+
616
+ .number {
617
+ font-size: 24px;
618
+ font-weight: 700;
619
+ }
620
+
621
+ .text {
622
+ padding: 0 5px;
623
+ font-size: 12px;
624
+ width: inherit;
625
+ text-align: center;
626
+ }
627
+ }
628
+ .recharts-wrapper {
629
+ display: flex;
630
+ .recharts-legend-wrapper {
631
+ position: relative !important;
632
+ min-width: calc(
633
+ 100% - var(--d1bw7c5z-0)
634
+ ) !important;
635
+ left: 0 !important;
636
+ bottom: 0 !important;
637
+ display: flex;
638
+ align-items: center;
639
+ .recharts-default-legend {
640
+ width: 100%;
641
+ }
642
+ li {
643
+ width: 100%;
644
+ margin-right: 0 !important;
645
+ line-height: 18px;
646
+ & > svg {
647
+ border-radius: 2px;
648
+ }
649
+ & > .recharts-legend-item-text {
650
+ min-width: 75px;
651
+ max-width: 198px;
652
+ width: calc(100% - 20px);
653
+ margin-left: 2px;
654
+ color: $text-light-primary !important;
655
+ display: inline-flex;
656
+ justify-content: space-between;
657
+ }
658
+ }
659
+ }
660
+ }
661
+ .tooltip-text {
662
+ maxwidth: calc(100% - 12px);
663
+ cursor: pointer;
664
+ border-bottom: 1px dashed $strokes-light-trans-4;
665
+ overflow: hidden;
666
+ text-overflow: ellipsis;
667
+ white-space: nowrap;
668
+ }
669
+
670
+ .value {
671
+ color: $text-neutral-secondary;
672
+ }
673
+ }
674
+
675
+ .E_t10pqbtc {
676
+ width: 140px;
677
+
678
+ .item {
679
+ margin: 6px auto;
680
+ display: flex;
681
+ justify-content: space-between;
682
+
683
+ .name {
684
+ width: 102px;
685
+ }
686
+ }
687
+ }
688
+
689
+
690
+ .E_d133fzv0 {
691
+ .ant-dropdown-menu-item-group {
692
+ .ant-dropdown-menu-item-group-title {
693
+ padding: 4px 8px 0 8px;
694
+ color: $text-light-secondary;
695
+ font-size: 12px;
696
+ }
697
+ .ant-dropdown-menu-item-group-list {
698
+ padding-bottom: 6px;
699
+ }
700
+ &:not(:first-child) {
701
+ padding-top: 4px;
702
+ border-top: 1px solid $strokes-light-trans-2;
703
+ }
704
+ }
705
+ }
706
+
707
+
701
708
  .E_phljevk {
702
709
  display: flex;
703
710
  justify-content: space-between;
@@ -765,13 +772,6 @@
765
772
  }
766
773
 
767
774
 
768
- .E_sx1bpnu {
769
- .ant-input-sm {
770
- line-height: 18px;
771
- }
772
- }
773
-
774
-
775
775
  .E_rapgekc {
776
776
  &.ant-radio-wrapper {
777
777
  display: inline-flex;
@@ -953,6 +953,77 @@
953
953
  }
954
954
 
955
955
 
956
+ .E_s1dizucg {
957
+ &.ant-switch {
958
+ min-width: 40px;
959
+ height: 24px;
960
+ background: $fills-trans-quinary-light;
961
+ overflow: hidden;
962
+ &:focus {
963
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
964
+ }
965
+ }
966
+ &.ant-switch-small {
967
+ min-width: 26px;
968
+ height: 16px;
969
+ }
970
+ &.ant-switch-large {
971
+ min-width: 52px;
972
+ height: 32px;
973
+ }
974
+
975
+ &.ant-switch .ant-switch-handle {
976
+ height: 20px;
977
+ width: 20px;
978
+ &::before {
979
+ border-radius: 10px;
980
+ transition-delay: 120ms;
981
+ }
982
+ }
983
+ &.ant-switch-small .ant-switch-handle {
984
+ height: 14px;
985
+ width: 14px;
986
+ top: 1px;
987
+ left: 1px;
988
+ }
989
+ &.ant-switch-large .ant-switch-handle {
990
+ height: 28px;
991
+ width: 28px;
992
+ &::before {
993
+ border-radius: 14px;
994
+ }
995
+ }
996
+
997
+ &.ant-switch-checked {
998
+ background-color: $green-60;
999
+ }
1000
+ &.ant-switch-checked .ant-switch-handle {
1001
+ left: calc(100% - 20px - 2px);
1002
+ }
1003
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1004
+ left: calc(100% - 14px - 1px);
1005
+ }
1006
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1007
+ left: calc(100% - 28px - 2px);
1008
+ }
1009
+ }
1010
+
1011
+ .E_c1up6e3y {
1012
+ margin-left: 5px;
1013
+ }
1014
+
1015
+
1016
+ .E_ivqqkzv {
1017
+ height: 24px;
1018
+ width: 56px !important;
1019
+ margin-right: 4px;
1020
+ }
1021
+
1022
+ .E_c1wk4q29 {
1023
+ color: $text-secondary-light;
1024
+ }
1025
+
1026
+
956
1027
  .E_c1bus5hc {
957
1028
  --color: white;
958
1029
  height: 14px;
@@ -997,6 +1068,13 @@
997
1068
  }
998
1069
 
999
1070
 
1071
+ .E_tju3gfj {
1072
+ .date {
1073
+ margin-right: 4px;
1074
+ }
1075
+ }
1076
+
1077
+
1000
1078
  .E_i11gg7mj {
1001
1079
  .ant-input-prefix {
1002
1080
  margin-right: 8px;
@@ -1029,102 +1107,24 @@
1029
1107
  }
1030
1108
 
1031
1109
 
1032
- .E_ivqqkzv {
1033
- height: 24px;
1034
- width: 56px !important;
1035
- margin-right: 4px;
1036
- }
1037
-
1038
- .E_c1wk4q29 {
1039
- color: $text-secondary-light;
1040
- }
1041
-
1042
-
1043
- .E_s1dizucg {
1044
- &.ant-switch {
1045
- min-width: 40px;
1046
- height: 24px;
1047
- background: $fills-trans-quinary-light;
1048
- overflow: hidden;
1049
- &:focus {
1050
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1051
- }
1052
- }
1053
- &.ant-switch-small {
1054
- min-width: 26px;
1055
- height: 16px;
1110
+ .E_s1sck0th {
1111
+ padding: 0 8px;
1112
+ border-radius: 4px;
1056
1113
  }
1057
- &.ant-switch-large {
1058
- min-width: 52px;
1059
- height: 32px;
1114
+
1115
+ .E_m855nr1 {
1116
+ padding: 2px 8px;
1117
+ border-radius: 3px;
1060
1118
  }
1061
1119
 
1062
- &.ant-switch .ant-switch-handle {
1063
- height: 20px;
1064
- width: 20px;
1065
- &::before {
1066
- border-radius: 10px;
1067
- transition-delay: 120ms;
1068
- }
1120
+ .E_l1270xpg {
1121
+ padding: 3px 8px;
1122
+ border-radius: 2px;
1069
1123
  }
1070
- &.ant-switch-small .ant-switch-handle {
1071
- height: 14px;
1072
- width: 14px;
1073
- top: 1px;
1074
- left: 1px;
1075
- }
1076
- &.ant-switch-large .ant-switch-handle {
1077
- height: 28px;
1078
- width: 28px;
1079
- &::before {
1080
- border-radius: 14px;
1081
- }
1082
- }
1083
-
1084
- &.ant-switch-checked {
1085
- background-color: $green-60;
1086
- }
1087
- &.ant-switch-checked .ant-switch-handle {
1088
- left: calc(100% - 20px - 2px);
1089
- }
1090
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1091
- left: calc(100% - 14px - 1px);
1092
- }
1093
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1094
- left: calc(100% - 28px - 2px);
1095
- }
1096
- }
1097
-
1098
- .E_c1up6e3y {
1099
- margin-left: 5px;
1100
- }
1101
-
1102
-
1103
- .E_tju3gfj {
1104
- .date {
1105
- margin-right: 4px;
1106
- }
1107
- }
1108
-
1109
-
1110
- .E_s1sck0th {
1111
- padding: 0 8px;
1112
- border-radius: 4px;
1113
- }
1114
-
1115
- .E_m855nr1 {
1116
- padding: 2px 8px;
1117
- border-radius: 3px;
1118
- }
1119
-
1120
- .E_l1270xpg {
1121
- padding: 3px 8px;
1122
- border-radius: 2px;
1123
- }
1124
-
1125
- .E_t14rextb {
1126
- &.ant-tag:hover {
1127
- opacity: unset;
1124
+
1125
+ .E_t14rextb {
1126
+ &.ant-tag:hover {
1127
+ opacity: unset;
1128
1128
  }
1129
1129
  &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1130
1130
  margin: 0;
@@ -1193,6 +1193,25 @@
1193
1193
  }
1194
1194
 
1195
1195
 
1196
+ .E_iq1gosr {
1197
+ display: inline-block;
1198
+ }
1199
+
1200
+
1201
+ .E_t1m2x205 {
1202
+ .ant-tooltip-arrow {
1203
+ display: none;
1204
+ }
1205
+ .ant-tooltip-inner {
1206
+ background: $gray-a80-9;
1207
+ border-radius: 4px;
1208
+ &:has(.eagle-ellipsis-content) {
1209
+ visibility: hidden;
1210
+ }
1211
+ }
1212
+ }
1213
+
1214
+
1196
1215
  .E_s1dni7lo {
1197
1216
  width: 430px !important;
1198
1217
  }
@@ -1282,25 +1301,6 @@
1282
1301
  }
1283
1302
 
1284
1303
 
1285
- .E_iq1gosr {
1286
- display: inline-block;
1287
- }
1288
-
1289
-
1290
- .E_t1m2x205 {
1291
- .ant-tooltip-arrow {
1292
- display: none;
1293
- }
1294
- .ant-tooltip-inner {
1295
- background: $gray-a80-9;
1296
- border-radius: 4px;
1297
- &:has(.eagle-ellipsis-content) {
1298
- visibility: hidden;
1299
- }
1300
- }
1301
- }
1302
-
1303
-
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1318,107 +1318,6 @@
1318
1318
  }
1319
1319
 
1320
1320
 
1321
- .E_a1wfy30z {
1322
- .ant-input-number-handler-wrap {
1323
- display: var(--a1wfy30z-0);
1324
- }
1325
- .ant-input-number-input-wrap {
1326
- padding: 4px 11px;
1327
- display: inline-flex;
1328
- line-height: 1.5715;
1329
- height: inherit;
1330
- }
1331
-
1332
- .ant-input-number-input-wrap::after {
1333
- content: var(--a1wfy30z-1);
1334
- display: var(--a1wfy30z-2);
1335
- flex: none;
1336
- align-items: center;
1337
- margin-left: 4px;
1338
- }
1339
-
1340
- .ant-input-number-input-wrap::before {
1341
- content: var(--a1wfy30z-3);
1342
- display: var(--a1wfy30z-4);
1343
- flex: none;
1344
- align-items: center;
1345
- margin-right: 4px;
1346
- cursor: auto;
1347
- }
1348
-
1349
- .ant-input-number-input {
1350
- padding: 0;
1351
- margin: 0;
1352
- height: auto;
1353
- font-size: inherit;
1354
- }
1355
- }
1356
-
1357
-
1358
- .E_f7pxqmh {
1359
- width: 100%;
1360
- margin-bottom: 0 !important;
1361
- flex-flow: nowrap !important;
1362
- line-break: auto;
1363
-
1364
- & > .ant-form-item-label {
1365
- text-align: left !important;
1366
- padding-bottom: 0 !important;
1367
-
1368
- & > label {
1369
- min-height: 32px;
1370
- height: auto;
1371
- font-size: 13px;
1372
- color: rgba(44, 56, 82, 0.6);
1373
- white-space: normal;
1374
- }
1375
- }
1376
-
1377
- &.ant-form-item-has-error {
1378
- .ant-input {
1379
- border-color: #ff4d4f !important;
1380
- }
1381
- .ant-input-password {
1382
- border-color: #ff4d4f !important;
1383
- }
1384
- }
1385
-
1386
- .ant-form-item-explain {
1387
- margin-top: 4px;
1388
- font-size: 12px;
1389
- min-height: 0px;
1390
- }
1391
-
1392
- .ant-form-item-extra {
1393
- font-size: 12px;
1394
- color: rgba(44, 56, 82, 0.6);
1395
- min-height: 0px;
1396
- }
1397
- }
1398
-
1399
-
1400
- .E_iouxfgt {
1401
- display: inline-flex;
1402
- align-items: center;
1403
-
1404
- .icon-inner {
1405
- display: inline-flex;
1406
- align-items: center;
1407
- justify-content: center;
1408
- }
1409
- .icon-inner + span,
1410
- span + .icon-inner.suffix {
1411
- margin-left: 4px;
1412
- }
1413
- &.is-rotate {
1414
- img,
1415
- svg {
1416
- animation: rotate 680ms linear infinite;
1417
- }
1418
- }
1419
- }
1420
-
1421
-
1422
1321
  .E_atcz0kf {
1423
1322
  .ant-input-suffix {
1424
1323
  margin-left: 8px;
@@ -1429,6 +1328,20 @@
1429
1328
  }
1430
1329
 
1431
1330
 
1331
+ .E_i1inqkme {
1332
+ height: 18px;
1333
+ line-height: 18px;
1334
+ padding: 0 4px;
1335
+ border-radius: 4px;
1336
+ background: rgba(235, 239, 245, 0.6);
1337
+ border: 1px solid rgba(223, 228, 235, 0.6);
1338
+ display: flex;
1339
+ align-items: center;
1340
+ white-space: nowrap;
1341
+ margin-right: 4px;
1342
+ }
1343
+
1344
+
1432
1345
  .E_ai7qkf2 {
1433
1346
  .ant-input-number-handler-wrap {
1434
1347
  display: var(--ai7qkf2-0);
@@ -1510,32 +1423,161 @@
1510
1423
  }
1511
1424
 
1512
1425
 
1513
- .E_i1inqkme {
1514
- height: 18px;
1515
- line-height: 18px;
1516
- padding: 0 4px;
1517
- border-radius: 4px;
1518
- background: rgba(235, 239, 245, 0.6);
1519
- border: 1px solid rgba(223, 228, 235, 0.6);
1520
- display: flex;
1521
- align-items: center;
1522
- white-space: nowrap;
1523
- margin-right: 4px;
1524
- }
1426
+ .E_a1wfy30z {
1427
+ .ant-input-number-handler-wrap {
1428
+ display: var(--a1wfy30z-0);
1429
+ }
1430
+ .ant-input-number-input-wrap {
1431
+ padding: 4px 11px;
1432
+ display: inline-flex;
1433
+ line-height: 1.5715;
1434
+ height: inherit;
1435
+ }
1525
1436
 
1437
+ .ant-input-number-input-wrap::after {
1438
+ content: var(--a1wfy30z-1);
1439
+ display: var(--a1wfy30z-2);
1440
+ flex: none;
1441
+ align-items: center;
1442
+ margin-left: 4px;
1443
+ }
1526
1444
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1529
- }
1445
+ .ant-input-number-input-wrap::before {
1446
+ content: var(--a1wfy30z-3);
1447
+ display: var(--a1wfy30z-4);
1448
+ flex: none;
1449
+ align-items: center;
1450
+ margin-right: 4px;
1451
+ cursor: auto;
1452
+ }
1530
1453
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1454
+ .ant-input-number-input {
1455
+ padding: 0;
1456
+ margin: 0;
1457
+ height: auto;
1458
+ font-size: inherit;
1459
+ }
1534
1460
  }
1535
1461
 
1536
1462
 
1537
- .E_dsnbhzf {
1538
- @include Inter(bold);
1463
+ .E_iouxfgt {
1464
+ display: inline-flex;
1465
+ align-items: center;
1466
+
1467
+ .icon-inner {
1468
+ display: inline-flex;
1469
+ align-items: center;
1470
+ justify-content: center;
1471
+ }
1472
+ .icon-inner + span,
1473
+ span + .icon-inner.suffix {
1474
+ margin-left: 4px;
1475
+ }
1476
+ &.is-rotate {
1477
+ img,
1478
+ svg {
1479
+ animation: rotate 680ms linear infinite;
1480
+ }
1481
+ }
1482
+ }
1483
+
1484
+
1485
+ .E_f7pxqmh {
1486
+ width: 100%;
1487
+ margin-bottom: 0 !important;
1488
+ flex-flow: nowrap !important;
1489
+ line-break: auto;
1490
+
1491
+ & > .ant-form-item-label {
1492
+ text-align: left !important;
1493
+ padding-bottom: 0 !important;
1494
+
1495
+ & > label {
1496
+ min-height: 32px;
1497
+ height: auto;
1498
+ font-size: 13px;
1499
+ color: rgba(44, 56, 82, 0.6);
1500
+ white-space: normal;
1501
+ }
1502
+ }
1503
+
1504
+ &.ant-form-item-has-error {
1505
+ .ant-input {
1506
+ border-color: #ff4d4f !important;
1507
+ }
1508
+ .ant-input-password {
1509
+ border-color: #ff4d4f !important;
1510
+ }
1511
+ }
1512
+
1513
+ .ant-form-item-explain {
1514
+ margin-top: 4px;
1515
+ font-size: 12px;
1516
+ min-height: 0px;
1517
+ }
1518
+
1519
+ .ant-form-item-extra {
1520
+ font-size: 12px;
1521
+ color: rgba(44, 56, 82, 0.6);
1522
+ min-height: 0px;
1523
+ }
1524
+ }
1525
+
1526
+
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1529
+ }
1530
+
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1534
+ }
1535
+
1536
+
1537
+ .E_m196gn1d {
1538
+ min-width: 1280px;
1539
+ }
1540
+
1541
+
1542
+ .E_a1b5xrg3 {
1543
+ .user-icon-inner {
1544
+ display: inline-flex;
1545
+ align-items: center;
1546
+ justify-content: center;
1547
+ color: $white;
1548
+ font-weight: bold;
1549
+ font-size: 12px;
1550
+ width: 24px;
1551
+ height: 24px;
1552
+ border-radius: 50%;
1553
+ background: var(--a1b5xrg3-0);
1554
+ }
1555
+ &.btn-item {
1556
+ transition: all 160ms ease;
1557
+ cursor: pointer;
1558
+ width: 56px;
1559
+ height: 40px;
1560
+ display: inline-flex;
1561
+ align-items: center;
1562
+ justify-content: center;
1563
+ border-radius: 6px;
1564
+
1565
+ &:hover {
1566
+ box-shadow:
1567
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1568
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1569
+ }
1570
+
1571
+ &:active {
1572
+ transform: translateY(2px);
1573
+ transition: all 320ms ease;
1574
+ }
1575
+ }
1576
+ }
1577
+
1578
+
1579
+ .E_dsnbhzf {
1580
+ @include Inter(bold);
1539
1581
  font-size: 32px;
1540
1582
  line-height: 40px;
1541
1583
  }
@@ -1888,48 +1930,6 @@
1888
1930
  }
1889
1931
 
1890
1932
 
1891
- .E_m196gn1d {
1892
- min-width: 1280px;
1893
- }
1894
-
1895
-
1896
- .E_a1b5xrg3 {
1897
- .user-icon-inner {
1898
- display: inline-flex;
1899
- align-items: center;
1900
- justify-content: center;
1901
- color: $white;
1902
- font-weight: bold;
1903
- font-size: 12px;
1904
- width: 24px;
1905
- height: 24px;
1906
- border-radius: 50%;
1907
- background: var(--a1b5xrg3-0);
1908
- }
1909
- &.btn-item {
1910
- transition: all 160ms ease;
1911
- cursor: pointer;
1912
- width: 56px;
1913
- height: 40px;
1914
- display: inline-flex;
1915
- align-items: center;
1916
- justify-content: center;
1917
- border-radius: 6px;
1918
-
1919
- &:hover {
1920
- box-shadow:
1921
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1922
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1923
- }
1924
-
1925
- &:active {
1926
- transform: translateY(2px);
1927
- transition: all 320ms ease;
1928
- }
1929
- }
1930
- }
1931
-
1932
-
1933
1933
  .E_cnujxq2 {
1934
1934
  display: flex;
1935
1935
  flex-direction: column;
@@ -2845,6 +2845,34 @@
2845
2845
  }
2846
2846
 
2847
2847
 
2848
+ .E_oa99sl3 {
2849
+ display: flex;
2850
+ justify-content: space-between;
2851
+ align-items: center;
2852
+ gap: 8px;
2853
+
2854
+ &,
2855
+ :first-child {
2856
+ // unset the global style
2857
+ line-height: inherit !important;
2858
+ }
2859
+ }
2860
+
2861
+ .E_lvp5pj7 {
2862
+ display: flex;
2863
+ justify-content: space-between;
2864
+ align-items: center;
2865
+ gap: 8px;
2866
+ min-width: 0;
2867
+ }
2868
+
2869
+ .E_s1io1lws {
2870
+ display: flex;
2871
+ align-items: center;
2872
+ flex-shrink: 0;
2873
+ }
2874
+
2875
+
2848
2876
  .E_s4ivdfu {
2849
2877
  &.ant-select {
2850
2878
  .ant-select-selection-placeholder {
@@ -3046,34 +3074,6 @@
3046
3074
  }
3047
3075
 
3048
3076
 
3049
- .E_oa99sl3 {
3050
- display: flex;
3051
- justify-content: space-between;
3052
- align-items: center;
3053
- gap: 8px;
3054
-
3055
- &,
3056
- :first-child {
3057
- // unset the global style
3058
- line-height: inherit !important;
3059
- }
3060
- }
3061
-
3062
- .E_lvp5pj7 {
3063
- display: flex;
3064
- justify-content: space-between;
3065
- align-items: center;
3066
- gap: 8px;
3067
- min-width: 0;
3068
- }
3069
-
3070
- .E_s1io1lws {
3071
- display: flex;
3072
- align-items: center;
3073
- flex-shrink: 0;
3074
- }
3075
-
3076
-
3077
3077
  .E_w1dxz879 {
3078
3078
  display: flex;
3079
3079
  flex-direction: column;
@@ -3090,23 +3090,6 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_ryby9ds {
3094
- display: flex;
3095
- align-items: center;
3096
- .order {
3097
- height: 24px;
3098
- width: 24px;
3099
- border-radius: 20px;
3100
- color: $text-light-general;
3101
- background: $fill-light-element-container-outstanding;
3102
- display: flex;
3103
- align-items: center;
3104
- justify-content: center;
3105
- margin-right: 6px;
3106
- }
3107
- }
3108
-
3109
-
3110
3093
  .E_suhck3k {
3111
3094
  height: 24px;
3112
3095
  width: 24px;
@@ -3123,16 +3106,163 @@
3123
3106
  }
3124
3107
 
3125
3108
 
3126
- .E_hrhfj7c {
3127
- display: none;
3128
- }
3129
-
3130
- .E_dt9qoak {
3131
- .bottom {
3132
- color: $text-neutral-secondary;
3133
- }
3134
- .left {
3135
- min-width: 0;
3109
+ .E_ryby9ds {
3110
+ display: flex;
3111
+ align-items: center;
3112
+ .order {
3113
+ height: 24px;
3114
+ width: 24px;
3115
+ border-radius: 20px;
3116
+ color: $text-light-general;
3117
+ background: $fill-light-element-container-outstanding;
3118
+ display: flex;
3119
+ align-items: center;
3120
+ justify-content: center;
3121
+ margin-right: 6px;
3122
+ }
3123
+ }
3124
+
3125
+
3126
+ .E_m5foqp8 {
3127
+ --footer-height: 96px;
3128
+ --modal-content-width: 720px;
3129
+ --modal-content-min-height: 200px;
3130
+ --modal-content-max-height: calc(100vh - 136px);
3131
+ --modal-header-padding: 40px 60px 8px;
3132
+ --modal-content-padding-top: 24px;
3133
+ --modal-content-padding-bottom: 32px;
3134
+ --modal-content-padding-x: 60px;
3135
+ --modal-footer-padding: 0 60px;
3136
+
3137
+ &.content-full.ant-modal {
3138
+ height: calc(100vh - 80px);
3139
+ width: calc(100vw - 160px);
3140
+ .ant-modal-content {
3141
+ width: 100%;
3142
+ height: 100%;
3143
+ max-width: unset;
3144
+ max-height: unset;
3145
+ display: flex;
3146
+ flex-direction: column;
3147
+ }
3148
+ .ant-modal-body {
3149
+ flex: 1;
3150
+ }
3151
+ }
3152
+
3153
+ .initializing-title {
3154
+ height: 32px;
3155
+ }
3156
+ }
3157
+
3158
+
3159
+ .E_s11wux3h {
3160
+ .antd5-segmented-item:not(:last-child) {
3161
+ margin-right: 2px;
3162
+ }
3163
+ }
3164
+
3165
+ .E_s1t2an3z {
3166
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3167
+ padding-left: 8px;
3168
+ padding-right: 8px;
3169
+ font-size: 12px;
3170
+ }
3171
+
3172
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3173
+ border-radius: 4px;
3174
+ }
3175
+
3176
+ &.antd5-segmented
3177
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3178
+ .antd5-segmented-item-disabled
3179
+ ) {
3180
+ border-radius: 4px;
3181
+ }
3182
+ }
3183
+
3184
+ .E_ma64lna {
3185
+ .antd5-segmented-item-label {
3186
+ padding-left: 12px;
3187
+ padding-right: 12px;
3188
+ }
3189
+ }
3190
+
3191
+ .E_ckld275 {
3192
+ background-color: $fill-neutral-trans-2;
3193
+ &.antd5-segmented
3194
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3195
+ .antd5-segmented-item-disabled
3196
+ ) {
3197
+ background-color: $fill-neutral-light-white;
3198
+ color: $text-neutral-secondary-light;
3199
+ }
3200
+ // on animate remove hover bg color
3201
+ &.antd5-segmented
3202
+ .antd5-segmented-thumb
3203
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3204
+ .antd5-segmented-item-disabled
3205
+ ) {
3206
+ background-color: transparent;
3207
+ }
3208
+ // remove after's bg color
3209
+ &.antd5-segmented
3210
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3211
+ .antd5-segmented-item-disabled
3212
+ )::after {
3213
+ background-color: transparent;
3214
+ }
3215
+ }
3216
+
3217
+
3218
+ .E_b1lj76ty {
3219
+ width: 100%;
3220
+ height: 100%;
3221
+ margin: 0 auto;
3222
+ display: flex;
3223
+ flex-direction: column;
3224
+ align-items: center;
3225
+ justify-content: center;
3226
+ color: $gray-a30-10;
3227
+ &.large {
3228
+ max-width: 648px;
3229
+ }
3230
+ &.medium {
3231
+ max-width: 412px;
3232
+ }
3233
+ &.gray {
3234
+ background-color: $fills-trans-primary-light;
3235
+ }
3236
+ &.white {
3237
+ background-color: $fills-light-light-white;
3238
+ }
3239
+ .title {
3240
+ margin-bottom: 4px;
3241
+ }
3242
+ .title,
3243
+ .desc {
3244
+ word-break: break-all;
3245
+ text-align: center;
3246
+ }
3247
+ .action-button.middle {
3248
+ margin-top: 16px;
3249
+ }
3250
+ .action-button.small {
3251
+ margin-top: 8px;
3252
+ }
3253
+ }
3254
+
3255
+
3256
+ .E_hrhfj7c {
3257
+ display: none;
3258
+ }
3259
+
3260
+ .E_dt9qoak {
3261
+ .bottom {
3262
+ color: $text-neutral-secondary;
3263
+ }
3264
+ .left {
3265
+ min-width: 0;
3136
3266
  }
3137
3267
  }
3138
3268
 
@@ -3315,185 +3445,55 @@
3315
3445
  }
3316
3446
 
3317
3447
 
3318
- .E_s11wux3h {
3319
- .antd5-segmented-item:not(:last-child) {
3320
- margin-right: 2px;
3321
- }
3322
- }
3448
+ .E_h12yihis {
3449
+ height: 50px;
3450
+ border-bottom: 2px solid #edf0f7;
3451
+ background: $fills-opaque-primary-light;
3452
+ display: flex;
3453
+ justify-content: space-between;
3454
+ align-items: center;
3455
+ padding: 0 24px 0 14px;
3456
+ position: relative;
3457
+ z-index: 10;
3323
3458
 
3324
- .E_s1t2an3z {
3325
- &.antd5-segmented-sm .antd5-segmented-item-label {
3326
- padding-left: 8px;
3327
- padding-right: 8px;
3328
- font-size: 12px;
3459
+ .left,
3460
+ .right,
3461
+ .center {
3462
+ display: flex;
3463
+ align-items: center;
3464
+ flex: 1;
3465
+ flex-shrink: 0;
3329
3466
  }
3330
3467
 
3331
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3332
- border-radius: 4px;
3468
+ .center {
3469
+ flex: 0.8;
3333
3470
  }
3334
3471
 
3335
- &.antd5-segmented
3336
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3337
- .antd5-segmented-item-disabled
3338
- ) {
3339
- border-radius: 4px;
3340
- }
3341
- }
3472
+ .right {
3473
+ justify-content: flex-end;
3342
3474
 
3343
- .E_ma64lna {
3344
- .antd5-segmented-item-label {
3345
- padding-left: 12px;
3346
- padding-right: 12px;
3347
- }
3348
- }
3475
+ &.is-scrolled .btn-group:before {
3476
+ opacity: 1;
3477
+ }
3349
3478
 
3350
- .E_ckld275 {
3351
- background-color: $fill-neutral-trans-2;
3352
- &.antd5-segmented
3353
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3354
- .antd5-segmented-item-disabled
3355
- ) {
3356
- background-color: $fill-neutral-light-white;
3357
- color: $text-neutral-secondary-light;
3358
- }
3359
- // on animate remove hover bg color
3360
- &.antd5-segmented
3361
- .antd5-segmented-thumb
3362
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3363
- .antd5-segmented-item-disabled
3364
- ) {
3365
- background-color: transparent;
3366
- }
3367
- // remove after's bg color
3368
- &.antd5-segmented
3369
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3370
- .antd5-segmented-item-disabled
3371
- )::after {
3372
- background-color: transparent;
3373
- }
3374
- }
3479
+ .btn-group {
3480
+ margin-left: 32px;
3481
+ position: relative;
3482
+ display: flex;
3483
+ align-items: center;
3375
3484
 
3376
-
3377
- .E_b1lj76ty {
3378
- width: 100%;
3379
- height: 100%;
3380
- margin: 0 auto;
3381
- display: flex;
3382
- flex-direction: column;
3383
- align-items: center;
3384
- justify-content: center;
3385
- color: $gray-a30-10;
3386
- &.large {
3387
- max-width: 648px;
3388
- }
3389
- &.medium {
3390
- max-width: 412px;
3391
- }
3392
- &.gray {
3393
- background-color: $fills-trans-primary-light;
3394
- }
3395
- &.white {
3396
- background-color: $fills-light-light-white;
3397
- }
3398
- .title {
3399
- margin-bottom: 4px;
3400
- }
3401
- .title,
3402
- .desc {
3403
- word-break: break-all;
3404
- text-align: center;
3405
- }
3406
- .action-button.middle {
3407
- margin-top: 16px;
3408
- }
3409
- .action-button.small {
3410
- margin-top: 8px;
3411
- }
3412
- }
3413
-
3414
-
3415
- .E_m5foqp8 {
3416
- --footer-height: 96px;
3417
- --modal-content-width: 720px;
3418
- --modal-content-min-height: 200px;
3419
- --modal-content-max-height: calc(100vh - 136px);
3420
- --modal-header-padding: 40px 60px 8px;
3421
- --modal-content-padding-top: 24px;
3422
- --modal-content-padding-bottom: 32px;
3423
- --modal-content-padding-x: 60px;
3424
- --modal-footer-padding: 0 60px;
3425
-
3426
- &.content-full.ant-modal {
3427
- height: calc(100vh - 80px);
3428
- width: calc(100vw - 160px);
3429
- .ant-modal-content {
3430
- width: 100%;
3431
- height: 100%;
3432
- max-width: unset;
3433
- max-height: unset;
3434
- display: flex;
3435
- flex-direction: column;
3436
- }
3437
- .ant-modal-body {
3438
- flex: 1;
3439
- }
3440
- }
3441
-
3442
- .initializing-title {
3443
- height: 32px;
3444
- }
3445
- }
3446
-
3447
-
3448
- .E_h12yihis {
3449
- height: 50px;
3450
- border-bottom: 2px solid #edf0f7;
3451
- background: $fills-opaque-primary-light;
3452
- display: flex;
3453
- justify-content: space-between;
3454
- align-items: center;
3455
- padding: 0 24px 0 14px;
3456
- position: relative;
3457
- z-index: 10;
3458
-
3459
- .left,
3460
- .right,
3461
- .center {
3462
- display: flex;
3463
- align-items: center;
3464
- flex: 1;
3465
- flex-shrink: 0;
3466
- }
3467
-
3468
- .center {
3469
- flex: 0.8;
3470
- }
3471
-
3472
- .right {
3473
- justify-content: flex-end;
3474
-
3475
- &.is-scrolled .btn-group:before {
3476
- opacity: 1;
3477
- }
3478
-
3479
- .btn-group {
3480
- margin-left: 32px;
3481
- position: relative;
3482
- display: flex;
3483
- align-items: center;
3484
-
3485
- &:before {
3486
- content: "";
3487
- opacity: 0;
3488
- height: 24px;
3489
- width: 1px;
3490
- background: $fills-light-trans-2;
3491
- position: absolute;
3492
- left: -16px;
3493
- top: 50%;
3494
- transform: translateY(-50%);
3495
- transition: opacity 160ms ease;
3496
- }
3485
+ &:before {
3486
+ content: "";
3487
+ opacity: 0;
3488
+ height: 24px;
3489
+ width: 1px;
3490
+ background: $fills-light-trans-2;
3491
+ position: absolute;
3492
+ left: -16px;
3493
+ top: 50%;
3494
+ transform: translateY(-50%);
3495
+ transition: opacity 160ms ease;
3496
+ }
3497
3497
 
3498
3498
  > .btn-item {
3499
3499
  transition: all 160ms ease;
@@ -3715,6 +3715,67 @@
3715
3715
  }
3716
3716
 
3717
3717
 
3718
+ .E_c1yd35n {
3719
+ padding: 0 12px 14px 12px;
3720
+ }
3721
+
3722
+
3723
+ .E_lht19u8 {
3724
+ width: 64px;
3725
+ height: 64px;
3726
+ display: flex;
3727
+ align-items: center;
3728
+ justify-content: center;
3729
+ position: relative;
3730
+ opacity: 0.2;
3731
+ }
3732
+
3733
+ .E_lk3gkp4 {
3734
+ position: absolute;
3735
+ width: 5px;
3736
+ height: 48px;
3737
+ left: 9.33px;
3738
+ top: 40.5px;
3739
+
3740
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3741
+ border-radius: 5px;
3742
+ transform: rotate(-128deg);
3743
+ transform-origin: top left;
3744
+
3745
+ animation: loading-indicator1 1100ms ease-out infinite;
3746
+ }
3747
+
3748
+ .E_ll4n94n {
3749
+ position: absolute;
3750
+ width: 5px;
3751
+ height: 48px;
3752
+ left: 40.8px;
3753
+ top: 8.4px;
3754
+
3755
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3756
+ border-radius: 5px;
3757
+ transform: rotate(-8deg);
3758
+ transform-origin: top left;
3759
+
3760
+ animation: loading-indicator2 1100ms ease-out infinite;
3761
+ }
3762
+
3763
+ .E_l17lbdo6 {
3764
+ position: absolute;
3765
+ width: 5px;
3766
+ height: 48px;
3767
+ left: 52.9px;
3768
+ top: 51.8px;
3769
+
3770
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3771
+ border-radius: 5px;
3772
+ transform: rotate(112deg);
3773
+ transform-origin: top left;
3774
+
3775
+ animation: loading-indicator3 1100ms ease-out infinite;
3776
+ }
3777
+
3778
+
3718
3779
  .E_c1kghdax {
3719
3780
  color: $text-primary-light;
3720
3781
  padding: 7px 12px;
@@ -3763,11 +3824,6 @@
3763
3824
  }
3764
3825
 
3765
3826
 
3766
- .E_c1yd35n {
3767
- padding: 0 12px 14px 12px;
3768
- }
3769
-
3770
-
3771
3827
  .E_b14q2gmw {
3772
3828
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3773
3829
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3795,70 +3851,6 @@
3795
3851
  }
3796
3852
 
3797
3853
 
3798
- .E_lht19u8 {
3799
- width: 64px;
3800
- height: 64px;
3801
- display: flex;
3802
- align-items: center;
3803
- justify-content: center;
3804
- position: relative;
3805
- opacity: 0.2;
3806
- }
3807
-
3808
- .E_lk3gkp4 {
3809
- position: absolute;
3810
- width: 5px;
3811
- height: 48px;
3812
- left: 9.33px;
3813
- top: 40.5px;
3814
-
3815
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3816
- border-radius: 5px;
3817
- transform: rotate(-128deg);
3818
- transform-origin: top left;
3819
-
3820
- animation: loading-indicator1 1100ms ease-out infinite;
3821
- }
3822
-
3823
- .E_ll4n94n {
3824
- position: absolute;
3825
- width: 5px;
3826
- height: 48px;
3827
- left: 40.8px;
3828
- top: 8.4px;
3829
-
3830
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3831
- border-radius: 5px;
3832
- transform: rotate(-8deg);
3833
- transform-origin: top left;
3834
-
3835
- animation: loading-indicator2 1100ms ease-out infinite;
3836
- }
3837
-
3838
- .E_l17lbdo6 {
3839
- position: absolute;
3840
- width: 5px;
3841
- height: 48px;
3842
- left: 52.9px;
3843
- top: 51.8px;
3844
-
3845
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3846
- border-radius: 5px;
3847
- transform: rotate(112deg);
3848
- transform-origin: top left;
3849
-
3850
- animation: loading-indicator3 1100ms ease-out infinite;
3851
- }
3852
-
3853
-
3854
- .E_ckui4s7 {
3855
- color: $text-primary-light;
3856
- line-height: 22px;
3857
- display: inline-flex;
3858
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3859
- }
3860
-
3861
-
3862
3854
  .E_w7ob4th {
3863
3855
  &.outside-tag {
3864
3856
  padding-left: 0;
@@ -3871,98 +3863,22 @@
3871
3863
  }
3872
3864
 
3873
3865
 
3874
- .E_sddwhm6 {
3875
- $prefix: ui-kit-status-capsule;
3876
- margin: 0;
3877
- border-radius: 20px;
3878
- padding: 2px 10px;
3879
- height: 22px;
3866
+ .E_ckui4s7 {
3867
+ color: $text-primary-light;
3868
+ line-height: 22px;
3869
+ display: inline-flex;
3870
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3871
+ }
3880
3872
 
3881
- &.ant-tag.#{$prefix}.off-white {
3882
- background-color: $fill-neutral-trans-1 !important;
3883
- &.tag-hover:hover,
3884
- &.__pseudo-states-hover {
3885
- background-color: $fill-neutral-trans-2 !important;
3886
- }
3887
- }
3888
- &.ant-tag.#{$prefix} {
3889
- color: $text-neutral-primary;
3890
- .#{$prefix}-icon {
3891
- margin-right: 6px;
3892
- }
3893
- .#{$prefix}-number {
3894
- margin-left: 8px;
3895
- color: #2C385299;
3896
- }
3897
- &.ant-tag-blue {
3898
- background-color: $fill-outstanding-light;
3899
- .#{$prefix}-icon {
3900
- background-color: $fill-outstanding-base;
3901
- }
3902
- &.tag-hover:hover,
3903
- &.__pseudo-states-hover {
3904
- background-color: $fill-outstanding-light-hover;
3905
- }
3906
- }
3907
- &.ant-tag-red {
3908
- background-color: $fill-serious-light;
3909
- .#{$prefix}-icon {
3910
- background-color: $fill-serious-base;
3911
- }
3912
- &.tag-hover:hover,
3913
- &.__pseudo-states-hover {
3914
- background-color: $fill-serious-light-hover;
3915
- }
3916
- }
3917
- &.ant-tag-yellow {
3918
- background-color: $fill-notice-light;
3919
- .#{$prefix}-icon {
3920
- background-color: $fill-notice-base;
3921
- }
3922
- &.tag-hover:hover,
3923
- &.__pseudo-states-hover {
3924
- background-color: $fill-notice-light-hover;
3925
- }
3926
- }
3927
- &.ant-tag-green {
3928
- background-color: $fill-positive-light;
3929
- .#{$prefix}-icon {
3930
- background-color: $fill-positive-base;
3931
- }
3932
- &.tag-hover:hover,
3933
- &.__pseudo-states-hover {
3934
- background-color: $fill-positive-light-hover;
3935
- }
3936
- }
3937
- &.ant-tag-gray {
3938
- background-color: $fill-neutral-trans-2;
3939
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3940
- background-color: $gray-70;
3941
- }
3942
- &.tag-hover:hover,
3943
- &.__pseudo-states-hover {
3944
- background-color: $fill-neutral-trans-3-trans-2-hover;
3945
- }
3946
- }
3947
- }
3948
- }
3949
-
3950
- .E_satwmqm {
3951
- width: 8px;
3952
- height: 8px;
3953
- border-radius: 50%;
3954
- display: inline-block;
3955
- }
3956
-
3957
-
3958
- .E_l48ei06 {
3959
- @at-root {
3960
- button#{&}.ant-btn,
3961
- button#{&}.ant-btn.ant-btn-sm,
3962
- button#{&}.ant-btn.ant-btn-lg {
3963
- font-size: 12px;
3964
- line-height: 18px;
3965
- height: 18px;
3873
+
3874
+ .E_l48ei06 {
3875
+ @at-root {
3876
+ button#{&}.ant-btn,
3877
+ button#{&}.ant-btn.ant-btn-sm,
3878
+ button#{&}.ant-btn.ant-btn-lg {
3879
+ font-size: 12px;
3880
+ line-height: 18px;
3881
+ height: 18px;
3966
3882
  }
3967
3883
  button#{&} {
3968
3884
  color: #0080FF;
@@ -4464,6 +4380,90 @@
4464
4380
  }
4465
4381
 
4466
4382
 
4383
+ .E_sddwhm6 {
4384
+ $prefix: ui-kit-status-capsule;
4385
+ margin: 0;
4386
+ border-radius: 20px;
4387
+ padding: 2px 10px;
4388
+ height: 22px;
4389
+
4390
+ &.ant-tag.#{$prefix}.off-white {
4391
+ background-color: $fill-neutral-trans-1 !important;
4392
+ &.tag-hover:hover,
4393
+ &.__pseudo-states-hover {
4394
+ background-color: $fill-neutral-trans-2 !important;
4395
+ }
4396
+ }
4397
+ &.ant-tag.#{$prefix} {
4398
+ color: $text-neutral-primary;
4399
+ .#{$prefix}-icon {
4400
+ margin-right: 6px;
4401
+ }
4402
+ .#{$prefix}-number {
4403
+ margin-left: 8px;
4404
+ color: #2C385299;
4405
+ }
4406
+ &.ant-tag-blue {
4407
+ background-color: $fill-outstanding-light;
4408
+ .#{$prefix}-icon {
4409
+ background-color: $fill-outstanding-base;
4410
+ }
4411
+ &.tag-hover:hover,
4412
+ &.__pseudo-states-hover {
4413
+ background-color: $fill-outstanding-light-hover;
4414
+ }
4415
+ }
4416
+ &.ant-tag-red {
4417
+ background-color: $fill-serious-light;
4418
+ .#{$prefix}-icon {
4419
+ background-color: $fill-serious-base;
4420
+ }
4421
+ &.tag-hover:hover,
4422
+ &.__pseudo-states-hover {
4423
+ background-color: $fill-serious-light-hover;
4424
+ }
4425
+ }
4426
+ &.ant-tag-yellow {
4427
+ background-color: $fill-notice-light;
4428
+ .#{$prefix}-icon {
4429
+ background-color: $fill-notice-base;
4430
+ }
4431
+ &.tag-hover:hover,
4432
+ &.__pseudo-states-hover {
4433
+ background-color: $fill-notice-light-hover;
4434
+ }
4435
+ }
4436
+ &.ant-tag-green {
4437
+ background-color: $fill-positive-light;
4438
+ .#{$prefix}-icon {
4439
+ background-color: $fill-positive-base;
4440
+ }
4441
+ &.tag-hover:hover,
4442
+ &.__pseudo-states-hover {
4443
+ background-color: $fill-positive-light-hover;
4444
+ }
4445
+ }
4446
+ &.ant-tag-gray {
4447
+ background-color: $fill-neutral-trans-2;
4448
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4449
+ background-color: $gray-70;
4450
+ }
4451
+ &.tag-hover:hover,
4452
+ &.__pseudo-states-hover {
4453
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4454
+ }
4455
+ }
4456
+ }
4457
+ }
4458
+
4459
+ .E_satwmqm {
4460
+ width: 8px;
4461
+ height: 8px;
4462
+ border-radius: 50%;
4463
+ display: inline-block;
4464
+ }
4465
+
4466
+
4467
4467
  .E_sjob3jg {
4468
4468
  $item: ant-steps-item;
4469
4469
  --item-min-width: 60px;
@@ -4688,38 +4688,6 @@
4688
4688
  }
4689
4689
 
4690
4690
 
4691
- .E_slr2ynn {
4692
- padding: 0 8px;
4693
- height: 18px;
4694
- }
4695
-
4696
- .E_m140wbb6 {
4697
- padding: 2px 8px;
4698
- height: 24px;
4699
- }
4700
-
4701
- .E_t1fozc1i {
4702
- margin: 0;
4703
- }
4704
-
4705
- .E_i1vxv4ln {
4706
- margin-right: 4px;
4707
- height: 16px;
4708
- }
4709
-
4710
- .E_n1afl31m {
4711
- &.ant-tag.ant-tag-gray {
4712
- font-weight: 700;
4713
- color: $text-neutral-primary;
4714
- background-color: $fill-neutral-trans-1;
4715
- border: 1px solid $stroke-neutral-trans-2;
4716
- word-break: break-all;
4717
- display: inline;
4718
- white-space: normal;
4719
- }
4720
- }
4721
-
4722
-
4723
4691
  .E_t1dtlqs1 {
4724
4692
  margin-bottom: 4px;
4725
4693
  color: $text-secondary-light;
@@ -4944,6 +4912,38 @@
4944
4912
  }
4945
4913
 
4946
4914
 
4915
+ .E_slr2ynn {
4916
+ padding: 0 8px;
4917
+ height: 18px;
4918
+ }
4919
+
4920
+ .E_m140wbb6 {
4921
+ padding: 2px 8px;
4922
+ height: 24px;
4923
+ }
4924
+
4925
+ .E_t1fozc1i {
4926
+ margin: 0;
4927
+ }
4928
+
4929
+ .E_i1vxv4ln {
4930
+ margin-right: 4px;
4931
+ height: 16px;
4932
+ }
4933
+
4934
+ .E_n1afl31m {
4935
+ &.ant-tag.ant-tag-gray {
4936
+ font-weight: 700;
4937
+ color: $text-neutral-primary;
4938
+ background-color: $fill-neutral-trans-1;
4939
+ border: 1px solid $stroke-neutral-trans-2;
4940
+ word-break: break-all;
4941
+ display: inline;
4942
+ white-space: normal;
4943
+ }
4944
+ }
4945
+
4946
+
4947
4947
  .E_t13ef470 {
4948
4948
  height: 100%;
4949
4949
  .table-loading-item {
@@ -4979,6 +4979,27 @@
4979
4979
  }
4980
4980
 
4981
4981
 
4982
+ .E_r77hffu {
4983
+ display: flex;
4984
+ align-items: center;
4985
+ justify-content: space-between;
4986
+ column-gap: 6px;
4987
+ }
4988
+
4989
+ .E_p1cmxsf7 {
4990
+ display: flex;
4991
+ flex-direction: column;
4992
+ justify-content: center;
4993
+ row-gap: var(--p1cmxsf7-0);
4994
+
4995
+ .antd5-progress-line {
4996
+ font-size: 0;
4997
+ margin-bottom: unset;
4998
+ margin-inline-end: unset;
4999
+ }
5000
+ }
5001
+
5002
+
4982
5003
  .E_l1ucdodl {
4983
5004
  $prefix: ui-kit-status-legend;
4984
5005
  margin: 0;
@@ -5063,31 +5084,10 @@
5063
5084
  }
5064
5085
 
5065
5086
 
5066
- .E_r77hffu {
5067
- display: flex;
5068
- align-items: center;
5069
- justify-content: space-between;
5070
- column-gap: 6px;
5071
- }
5072
-
5073
- .E_p1cmxsf7 {
5074
- display: flex;
5075
- flex-direction: column;
5076
- justify-content: center;
5077
- row-gap: var(--p1cmxsf7-0);
5078
-
5079
- .antd5-progress-line {
5080
- font-size: 0;
5081
- margin-bottom: unset;
5082
- margin-inline-end: unset;
5083
- }
5084
- }
5085
-
5086
-
5087
- .E_m11nzl2x {
5088
- color: $text-light-secondary;
5089
- text-align: center;
5090
-
5087
+ .E_msn7nxt {
5088
+ color: $text-light-secondary;
5089
+ text-align: center;
5090
+
5091
5091
  display: flex;
5092
5092
  align-items: center;
5093
5093
  justify-content: center;
@@ -5100,7 +5100,7 @@
5100
5100
  }
5101
5101
  }
5102
5102
 
5103
- .E_mn7joto {
5103
+ .E_mp64wfi {
5104
5104
  width: 100%;
5105
5105
  height: 100%;
5106
5106
  display: flex;
@@ -5110,6 +5110,7 @@
5110
5110
  width: 100%;
5111
5111
  display: flex;
5112
5112
  line-height: 30px;
5113
+ padding: 0 16px;
5113
5114
  justify-content: space-between;
5114
5115
  .metric-extra {
5115
5116
  display: flex;
@@ -5142,7 +5143,7 @@
5142
5143
  }
5143
5144
  }
5144
5145
 
5145
- .E_l1bifhon {
5146
+ .E_l1oyigan {
5146
5147
  display: flex;
5147
5148
  align-items: center;
5148
5149
  white-space: nowrap;
@@ -5150,84 +5151,38 @@
5150
5151
  width: 100%;
5151
5152
 
5152
5153
  .ant-dropdown-trigger {
5154
+ margin-left: auto;
5153
5155
  font-size: 12px;
5154
- margin-left: 8px;
5155
5156
  }
5156
5157
  }
5157
5158
 
5158
- .E_ltthzck {
5159
+ .E_l1noi4n1 {
5159
5160
  display: flex;
5160
5161
  justify-content: flex-start;
5161
5162
  align-items: center;
5162
5163
  font-size: 12px;
5163
5164
  cursor: pointer;
5164
- &:not(:first-child) {
5165
- margin-left: 8px;
5166
- }
5167
-
5168
- &.deselected,
5169
- &.hovering {
5170
- opacity: 0.3;
5171
5165
 
5172
- &:not(.hoverering-self) .color-block {
5173
- background: #b4beca !important;
5174
- border-radius: 2px;
5175
- }
5176
- }
5177
- &.hoverering-self {
5178
- opacity: 1;
5179
- }
5180
- .dropdown-trigger {
5181
- margin-left: 12px;
5182
- }
5183
- .legend-name {
5184
- color: $text-light-primary;
5185
- }
5186
- .icon-suffix-wrapper {
5187
- display: flex;
5188
- align-items: center;
5189
- margin-left: 4px;
5166
+ &:not(:last-child) {
5167
+ margin-right: 20px;
5190
5168
  }
5191
- }
5192
-
5193
- .E_l1mumj7o {
5194
- display: flex;
5195
- justify-content: flex-start;
5196
- align-items: center;
5197
- font-size: 12px;
5198
- cursor: pointer;
5199
-
5200
- &.deselected,
5201
- &.hovering {
5202
- opacity: 0.3;
5169
+ &.deselected {
5170
+ opacity: 0.4;
5203
5171
 
5204
- &:not(.hoverering-self) .color-block {
5172
+ .color-block {
5205
5173
  background: #b4beca !important;
5206
- border-radius: 2px;
5207
5174
  }
5208
5175
  }
5209
- .legend-name {
5210
- color: $text-light-primary;
5211
- }
5212
- &.hoverering-self {
5213
- opacity: 1;
5214
- }
5215
- .icon-suffix-wrapper {
5216
- margin-left: 4px;
5217
- display: flex;
5218
- align-items: center;
5219
- }
5220
5176
  }
5221
5177
 
5222
- .E_c14rn6j5 {
5178
+ .E_cz19rz6 {
5223
5179
  display: inline-block;
5224
5180
  height: 8px;
5225
5181
  width: 8px;
5226
- margin-right: 6px;
5227
- border-radius: 2px;
5182
+ margin-right: 8px;
5228
5183
  }
5229
5184
 
5230
- .E_e45tc5l {
5185
+ .E_e17r5r9c {
5231
5186
  .ant-dropdown-menu-item {
5232
5187
  display: flex;
5233
5188
  align-items: center;
@@ -5236,7 +5191,7 @@
5236
5191
  }
5237
5192
  }
5238
5193
 
5239
- .E_lqeaosa {
5194
+ .E_m1y1hhnr {
5240
5195
  position: relative;
5241
5196
 
5242
5197
  &.hidden-xaxis .pointer-wrapper {
@@ -5247,9 +5202,10 @@
5247
5202
  display: flex;
5248
5203
  justify-content: space-between;
5249
5204
  line-height: 30px;
5205
+ margin: 0 16px;
5206
+
5250
5207
  .metric-extra {
5251
5208
  display: flex;
5252
- flex-shrink: 0;
5253
5209
  font-size: 12px;
5254
5210
  align-items: center;
5255
5211
 
@@ -5275,28 +5231,26 @@
5275
5231
  position: absolute;
5276
5232
  bottom: 10px;
5277
5233
  padding: 0 8px;
5234
+ border-radius: 4px;
5278
5235
  font-size: 12px;
5279
5236
  color: $white;
5237
+ background: rgba(0, 0, 0, 0.75);
5280
5238
  transform: translateX(-50%);
5281
5239
  }
5282
5240
  }
5283
5241
 
5284
- .E_t2pr38p {
5242
+ .E_tnvijvs {
5285
5243
  min-width: 200px;
5286
- background-color: $fill-neutral-trans-8;
5287
- border-radius: 4px;
5288
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5289
- padding: 8px;
5290
5244
  }
5291
5245
 
5292
- .E_tecdsj7 {
5246
+ .E_t1ub2aex {
5293
5247
  display: flex;
5294
5248
  align-items: center;
5295
- background-color: unset;
5296
- color: $text-neutral-ontint;
5297
5249
  justify-content: space-between;
5250
+ background-color: rgba(0, 0, 0, 0.75);
5251
+ color: #b4beca;
5298
5252
  font-size: 12px;
5299
- padding-top: 6px;
5253
+ padding: 3px 6px;
5300
5254
 
5301
5255
  &:first-child {
5302
5256
  padding-top: 3px;
@@ -5305,24 +5259,13 @@
5305
5259
  padding-bottom: 3px;
5306
5260
  }
5307
5261
  .column-value {
5308
- color: $text-neutral-ontint;
5262
+ color: $white;
5309
5263
  margin-left: 8px;
5310
5264
  }
5311
5265
  }
5312
5266
 
5313
- .E_ljhvvia {
5314
- display: inline-block;
5315
- height: 8px;
5316
- width: 8px;
5317
- margin-right: 8px;
5318
- border-radius: 2px;
5319
- &.borderd {
5320
- border: 1px solid $stroke-neutral-white;
5321
- }
5322
- }
5323
-
5324
5267
 
5325
- .E_msn7nxt {
5268
+ .E_m11nzl2x {
5326
5269
  color: $text-light-secondary;
5327
5270
  text-align: center;
5328
5271
 
@@ -5338,7 +5281,7 @@
5338
5281
  }
5339
5282
  }
5340
5283
 
5341
- .E_mp64wfi {
5284
+ .E_mn7joto {
5342
5285
  width: 100%;
5343
5286
  height: 100%;
5344
5287
  display: flex;
@@ -5348,7 +5291,6 @@
5348
5291
  width: 100%;
5349
5292
  display: flex;
5350
5293
  line-height: 30px;
5351
- padding: 0 16px;
5352
5294
  justify-content: space-between;
5353
5295
  .metric-extra {
5354
5296
  display: flex;
@@ -5381,7 +5323,7 @@
5381
5323
  }
5382
5324
  }
5383
5325
 
5384
- .E_l1oyigan {
5326
+ .E_l1bifhon {
5385
5327
  display: flex;
5386
5328
  align-items: center;
5387
5329
  white-space: nowrap;
@@ -5389,38 +5331,84 @@
5389
5331
  width: 100%;
5390
5332
 
5391
5333
  .ant-dropdown-trigger {
5392
- margin-left: auto;
5393
5334
  font-size: 12px;
5335
+ margin-left: 8px;
5394
5336
  }
5395
5337
  }
5396
5338
 
5397
- .E_l1noi4n1 {
5339
+ .E_ltthzck {
5398
5340
  display: flex;
5399
5341
  justify-content: flex-start;
5400
5342
  align-items: center;
5401
5343
  font-size: 12px;
5402
5344
  cursor: pointer;
5345
+ &:not(:first-child) {
5346
+ margin-left: 8px;
5347
+ }
5403
5348
 
5404
- &:not(:last-child) {
5405
- margin-right: 20px;
5349
+ &.deselected,
5350
+ &.hovering {
5351
+ opacity: 0.3;
5352
+
5353
+ &:not(.hoverering-self) .color-block {
5354
+ background: #b4beca !important;
5355
+ border-radius: 2px;
5356
+ }
5406
5357
  }
5407
- &.deselected {
5408
- opacity: 0.4;
5358
+ &.hoverering-self {
5359
+ opacity: 1;
5360
+ }
5361
+ .dropdown-trigger {
5362
+ margin-left: 12px;
5363
+ }
5364
+ .legend-name {
5365
+ color: $text-light-primary;
5366
+ }
5367
+ .icon-suffix-wrapper {
5368
+ display: flex;
5369
+ align-items: center;
5370
+ margin-left: 4px;
5371
+ }
5372
+ }
5409
5373
 
5410
- .color-block {
5374
+ .E_l1mumj7o {
5375
+ display: flex;
5376
+ justify-content: flex-start;
5377
+ align-items: center;
5378
+ font-size: 12px;
5379
+ cursor: pointer;
5380
+
5381
+ &.deselected,
5382
+ &.hovering {
5383
+ opacity: 0.3;
5384
+
5385
+ &:not(.hoverering-self) .color-block {
5411
5386
  background: #b4beca !important;
5387
+ border-radius: 2px;
5412
5388
  }
5413
5389
  }
5390
+ .legend-name {
5391
+ color: $text-light-primary;
5392
+ }
5393
+ &.hoverering-self {
5394
+ opacity: 1;
5395
+ }
5396
+ .icon-suffix-wrapper {
5397
+ margin-left: 4px;
5398
+ display: flex;
5399
+ align-items: center;
5400
+ }
5414
5401
  }
5415
5402
 
5416
- .E_cz19rz6 {
5403
+ .E_c14rn6j5 {
5417
5404
  display: inline-block;
5418
5405
  height: 8px;
5419
5406
  width: 8px;
5420
- margin-right: 8px;
5407
+ margin-right: 6px;
5408
+ border-radius: 2px;
5421
5409
  }
5422
5410
 
5423
- .E_e17r5r9c {
5411
+ .E_e45tc5l {
5424
5412
  .ant-dropdown-menu-item {
5425
5413
  display: flex;
5426
5414
  align-items: center;
@@ -5429,7 +5417,7 @@
5429
5417
  }
5430
5418
  }
5431
5419
 
5432
- .E_m1y1hhnr {
5420
+ .E_lqeaosa {
5433
5421
  position: relative;
5434
5422
 
5435
5423
  &.hidden-xaxis .pointer-wrapper {
@@ -5440,10 +5428,9 @@
5440
5428
  display: flex;
5441
5429
  justify-content: space-between;
5442
5430
  line-height: 30px;
5443
- margin: 0 16px;
5444
-
5445
5431
  .metric-extra {
5446
5432
  display: flex;
5433
+ flex-shrink: 0;
5447
5434
  font-size: 12px;
5448
5435
  align-items: center;
5449
5436
 
@@ -5469,26 +5456,28 @@
5469
5456
  position: absolute;
5470
5457
  bottom: 10px;
5471
5458
  padding: 0 8px;
5472
- border-radius: 4px;
5473
5459
  font-size: 12px;
5474
5460
  color: $white;
5475
- background: rgba(0, 0, 0, 0.75);
5476
5461
  transform: translateX(-50%);
5477
5462
  }
5478
5463
  }
5479
5464
 
5480
- .E_tnvijvs {
5465
+ .E_t2pr38p {
5481
5466
  min-width: 200px;
5467
+ background-color: $fill-neutral-trans-8;
5468
+ border-radius: 4px;
5469
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5470
+ padding: 8px;
5482
5471
  }
5483
5472
 
5484
- .E_t1ub2aex {
5473
+ .E_tecdsj7 {
5485
5474
  display: flex;
5486
5475
  align-items: center;
5476
+ background-color: unset;
5477
+ color: $text-neutral-ontint;
5487
5478
  justify-content: space-between;
5488
- background-color: rgba(0, 0, 0, 0.75);
5489
- color: #b4beca;
5490
5479
  font-size: 12px;
5491
- padding: 3px 6px;
5480
+ padding-top: 6px;
5492
5481
 
5493
5482
  &:first-child {
5494
5483
  padding-top: 3px;
@@ -5497,11 +5486,22 @@
5497
5486
  padding-bottom: 3px;
5498
5487
  }
5499
5488
  .column-value {
5500
- color: $white;
5489
+ color: $text-neutral-ontint;
5501
5490
  margin-left: 8px;
5502
5491
  }
5503
5492
  }
5504
5493
 
5494
+ .E_ljhvvia {
5495
+ display: inline-block;
5496
+ height: 8px;
5497
+ width: 8px;
5498
+ margin-right: 8px;
5499
+ border-radius: 2px;
5500
+ &.borderd {
5501
+ border: 1px solid $stroke-neutral-white;
5502
+ }
5503
+ }
5504
+
5505
5505
 
5506
5506
  .E_bpgac8u {
5507
5507
  color: #FFFFFF;
@@ -6163,95 +6163,6 @@
6163
6163
  }
6164
6164
 
6165
6165
 
6166
- .E_c18bcrac {
6167
- display: inline-block;
6168
- width: 100%;
6169
- .recharts-wrapper {
6170
- margin-left: 4px;
6171
- }
6172
- }
6173
-
6174
- .E_cro7kg2 {
6175
- padding: 4px;
6176
-
6177
- .unit {
6178
- color: white;
6179
- }
6180
- }
6181
-
6182
- .E_c14wcxf0 {
6183
- display: flex;
6184
- justify-content: space-between;
6185
- align-items: center;
6186
- font-size: 13px;
6187
- line-height: 24px;
6188
- color: #cccccc;
6189
- white-space: nowrap;
6190
-
6191
- label {
6192
- margin-right: 32px;
6193
- }
6194
- }
6195
-
6196
- .E_coy29mj.E_c14wcxf0 {
6197
- font-weight: bold;
6198
- color: white;
6199
- }
6200
-
6201
- .E_s11212zy {
6202
- width: 8px;
6203
- height: 8px;
6204
- border-radius: 2px;
6205
- display: inline-block;
6206
- background: var(--s11212zy-0);
6207
- border: 1px solid $fills-light-white;
6208
- box-sizing: content-box;
6209
- margin-right: 6px;
6210
- }
6211
-
6212
- .E_p1lyky6c {
6213
- & > :first-child {
6214
- font-weight: bold;
6215
- color: white;
6216
- margin-right: 4px;
6217
- }
6218
- }
6219
-
6220
-
6221
- .E_gmyahx3 {
6222
- cursor: pointer;
6223
-
6224
- .link-text {
6225
- color: $text-light-tertiary;
6226
- }
6227
-
6228
- &:hover .link-text {
6229
- color: $text-light-general;
6230
- }
6231
- }
6232
-
6233
-
6234
- .E_n12mqh7z {
6235
- display: flex;
6236
- align-items: center;
6237
- font-size: 12px;
6238
- line-height: 18px;
6239
-
6240
- &:not(:last-child) {
6241
- margin-bottom: 4px;
6242
- }
6243
- }
6244
-
6245
- .E_tf5bynu {
6246
- margin: 0 3px;
6247
- }
6248
-
6249
- .E_tcckoz1 {
6250
- max-height: 400px;
6251
- overflow: auto;
6252
- }
6253
-
6254
-
6255
6166
  .E_tqjc4ui {
6256
6167
  @at-root {
6257
6168
  span#{&} {
@@ -6328,6 +6239,191 @@
6328
6239
  }
6329
6240
 
6330
6241
 
6242
+ .E_c1up1pdz {
6243
+ width: 648px;
6244
+
6245
+ &.active {
6246
+ border-color: $blue-60;
6247
+
6248
+ > header {
6249
+ background: rgba($blue-60, 0.1);
6250
+ }
6251
+ }
6252
+
6253
+ .expand {
6254
+ padding: 12px;
6255
+ }
6256
+
6257
+ .field-item {
6258
+ display: flex;
6259
+ padding: 10px 0;
6260
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6261
+
6262
+ &:last-child {
6263
+ border-bottom: none;
6264
+ padding-bottom: 0;
6265
+ }
6266
+
6267
+ label {
6268
+ line-height: 32px;
6269
+ width: 100px;
6270
+ color: rgba(62, 70, 82, 0.6);
6271
+ }
6272
+ }
6273
+
6274
+ .help {
6275
+ color: rgba(62, 70, 82, 0.6);
6276
+ margin-top: 5px;
6277
+ }
6278
+
6279
+ .ant-input-affix-wrapper,
6280
+ .ant-picker {
6281
+ width: 128px;
6282
+ }
6283
+ }
6284
+
6285
+ .E_c156wh19 {
6286
+ display: flex;
6287
+ align-items: center;
6288
+ justify-content: space-between;
6289
+ word-break: keep-all;
6290
+
6291
+ .title {
6292
+ margin: 0 16px 0 8px;
6293
+ }
6294
+
6295
+ .retain {
6296
+ color: rgba(129, 138, 153, 0.6);
6297
+ }
6298
+
6299
+ div.left {
6300
+ flex: 1;
6301
+ display: flex;
6302
+ overflow: hidden;
6303
+ align-items: center;
6304
+ justify-content: flex-start;
6305
+ white-space: nowrap;
6306
+
6307
+ .title {
6308
+ max-width: 100%;
6309
+ overflow: hidden;
6310
+ text-overflow: ellipsis;
6311
+ }
6312
+ }
6313
+
6314
+ div.right {
6315
+ display: flex;
6316
+ align-items: center;
6317
+ }
6318
+
6319
+ .reverse {
6320
+ display: flex;
6321
+ flex-direction: row-reverse;
6322
+ align-items: center;
6323
+
6324
+ .ant-switch {
6325
+ margin-left: 8px;
6326
+ }
6327
+ }
6328
+
6329
+ .close {
6330
+ padding-left: 14px;
6331
+ margin-left: 14px;
6332
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6333
+ cursor: pointer;
6334
+ }
6335
+ }
6336
+
6337
+ .E_m126spxy {
6338
+ .ant-btn.ant-btn-link {
6339
+ padding: 1px 10px;
6340
+ color: rgba(62, 70, 82, 0.6);
6341
+ border-radius: 4px;
6342
+
6343
+ &.active {
6344
+ background: rgba(0, 128, 255, 0.1);
6345
+ color: $blue;
6346
+ }
6347
+ }
6348
+
6349
+ padding-bottom: 4px;
6350
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6351
+ }
6352
+
6353
+ .E_wpbf4pq {
6354
+ padding: 10px 0;
6355
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6356
+
6357
+ .ant-input,
6358
+ .ant-picker {
6359
+ width: 80px;
6360
+ margin: 0 9px;
6361
+ text-align: center;
6362
+ }
6363
+
6364
+ .options {
6365
+ padding: 12px 0 12px 16px;
6366
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6367
+ margin: 5px 0 5px 8px;
6368
+ }
6369
+ .week-day-option,
6370
+ .month-day-option {
6371
+ background: #f5f7fa;
6372
+ box-sizing: border-box;
6373
+ border-radius: 16px;
6374
+ margin-right: 8px;
6375
+
6376
+ &:focus {
6377
+ color: inherit;
6378
+ border-color: #d9d9d9;
6379
+ }
6380
+ }
6381
+ .week-day-option {
6382
+ &.active {
6383
+ background-color: $blue;
6384
+ border-color: $blue;
6385
+ color: $white;
6386
+ }
6387
+ &.en-text {
6388
+ width: 110px;
6389
+ margin-top: 4px;
6390
+ }
6391
+ }
6392
+ .month-day-option {
6393
+ width: 32px;
6394
+ padding: 0;
6395
+ margin-bottom: 8px;
6396
+
6397
+ &.active {
6398
+ background-color: $blue;
6399
+ border-color: $blue;
6400
+ color: $white;
6401
+ }
6402
+ }
6403
+ }
6404
+
6405
+
6406
+ .E_n12mqh7z {
6407
+ display: flex;
6408
+ align-items: center;
6409
+ font-size: 12px;
6410
+ line-height: 18px;
6411
+
6412
+ &:not(:last-child) {
6413
+ margin-bottom: 4px;
6414
+ }
6415
+ }
6416
+
6417
+ .E_tf5bynu {
6418
+ margin: 0 3px;
6419
+ }
6420
+
6421
+ .E_tcckoz1 {
6422
+ max-height: 400px;
6423
+ overflow: auto;
6424
+ }
6425
+
6426
+
6331
6427
  .E_clm1wy1 {
6332
6428
  width: 192px;
6333
6429
  height: 246px;
@@ -6426,28 +6522,14 @@
6426
6522
  }
6427
6523
 
6428
6524
 
6429
- .E_wg1tsps {
6430
- display: flex;
6431
- align-items: center;
6432
- justify-content: flex-end;
6433
- }
6434
-
6435
- .E_b1ctd5xy {
6436
- display: flex;
6437
- align-items: center;
6438
- width: calc(100% - 40px);
6439
-
6440
- .chart {
6441
- display: inline-block;
6442
- width: 100%;
6525
+ .E_s1iv0tp1 {
6526
+ .enabled-switch {
6527
+ display: flex;
6528
+ align-items: center;
6443
6529
  }
6444
- }
6445
-
6446
- .E_u1p8acpn {
6447
- min-width: 40px;
6448
6530
 
6449
- .unit {
6450
- color: $text-light-primary !important;
6531
+ .enabled-text {
6532
+ margin-right: 8px;
6451
6533
  }
6452
6534
  }
6453
6535
 
@@ -6564,207 +6646,125 @@
6564
6646
  }
6565
6647
 
6566
6648
 
6567
- .E_ou7iq30 {
6568
- overflow: hidden;
6569
- text-overflow: ellipsis;
6570
- }
6571
-
6572
- .E_s1tui002 {
6573
- white-space: nowrap;
6574
- }
6575
-
6576
- .E_mxrc2zg {
6577
- display: -webkit-box;
6578
- -webkit-line-clamp: var(--mxrc2zg-0);
6579
- -webkit-box-orient: vertical;
6580
- word-break: break-all;
6581
- }
6582
-
6583
- .E_t1vv6d68 {
6584
- .ant-tooltip-arrow {
6585
- display: none;
6586
- }
6587
- .ant-tooltip-inner {
6588
- background: $gray-a80-9;
6589
- border-radius: 4px;
6590
- &:has(.eagle-ellipsis-content) {
6591
- visibility: hidden;
6592
- }
6593
- }
6594
- }
6595
-
6649
+ .E_gmyahx3 {
6650
+ cursor: pointer;
6596
6651
 
6597
- .E_s1iv0tp1 {
6598
- .enabled-switch {
6599
- display: flex;
6600
- align-items: center;
6652
+ .link-text {
6653
+ color: $text-light-tertiary;
6601
6654
  }
6602
6655
 
6603
- .enabled-text {
6604
- margin-right: 8px;
6656
+ &:hover .link-text {
6657
+ color: $text-light-general;
6605
6658
  }
6606
6659
  }
6607
6660
 
6608
6661
 
6609
- .E_c1up1pdz {
6610
- width: 648px;
6611
-
6612
- &.active {
6613
- border-color: $blue-60;
6614
-
6615
- > header {
6616
- background: rgba($blue-60, 0.1);
6617
- }
6618
- }
6619
-
6620
- .expand {
6621
- padding: 12px;
6622
- }
6623
-
6624
- .field-item {
6625
- display: flex;
6626
- padding: 10px 0;
6627
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6628
-
6629
- &:last-child {
6630
- border-bottom: none;
6631
- padding-bottom: 0;
6632
- }
6633
-
6634
- label {
6635
- line-height: 32px;
6636
- width: 100px;
6637
- color: rgba(62, 70, 82, 0.6);
6638
- }
6662
+ .E_c18bcrac {
6663
+ display: inline-block;
6664
+ width: 100%;
6665
+ .recharts-wrapper {
6666
+ margin-left: 4px;
6639
6667
  }
6668
+ }
6640
6669
 
6641
- .help {
6642
- color: rgba(62, 70, 82, 0.6);
6643
- margin-top: 5px;
6644
- }
6670
+ .E_cro7kg2 {
6671
+ padding: 4px;
6645
6672
 
6646
- .ant-input-affix-wrapper,
6647
- .ant-picker {
6648
- width: 128px;
6673
+ .unit {
6674
+ color: white;
6649
6675
  }
6650
6676
  }
6651
6677
 
6652
- .E_c156wh19 {
6678
+ .E_c14wcxf0 {
6653
6679
  display: flex;
6654
- align-items: center;
6655
6680
  justify-content: space-between;
6656
- word-break: keep-all;
6657
-
6658
- .title {
6659
- margin: 0 16px 0 8px;
6660
- }
6661
-
6662
- .retain {
6663
- color: rgba(129, 138, 153, 0.6);
6664
- }
6665
-
6666
- div.left {
6667
- flex: 1;
6668
- display: flex;
6669
- overflow: hidden;
6670
- align-items: center;
6671
- justify-content: flex-start;
6672
- white-space: nowrap;
6673
-
6674
- .title {
6675
- max-width: 100%;
6676
- overflow: hidden;
6677
- text-overflow: ellipsis;
6678
- }
6679
- }
6681
+ align-items: center;
6682
+ font-size: 13px;
6683
+ line-height: 24px;
6684
+ color: #cccccc;
6685
+ white-space: nowrap;
6680
6686
 
6681
- div.right {
6682
- display: flex;
6683
- align-items: center;
6687
+ label {
6688
+ margin-right: 32px;
6684
6689
  }
6690
+ }
6685
6691
 
6686
- .reverse {
6687
- display: flex;
6688
- flex-direction: row-reverse;
6689
- align-items: center;
6692
+ .E_coy29mj.E_c14wcxf0 {
6693
+ font-weight: bold;
6694
+ color: white;
6695
+ }
6690
6696
 
6691
- .ant-switch {
6692
- margin-left: 8px;
6693
- }
6694
- }
6697
+ .E_s11212zy {
6698
+ width: 8px;
6699
+ height: 8px;
6700
+ border-radius: 2px;
6701
+ display: inline-block;
6702
+ background: var(--s11212zy-0);
6703
+ border: 1px solid $fills-light-white;
6704
+ box-sizing: content-box;
6705
+ margin-right: 6px;
6706
+ }
6695
6707
 
6696
- .close {
6697
- padding-left: 14px;
6698
- margin-left: 14px;
6699
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6700
- cursor: pointer;
6708
+ .E_p1lyky6c {
6709
+ & > :first-child {
6710
+ font-weight: bold;
6711
+ color: white;
6712
+ margin-right: 4px;
6701
6713
  }
6702
6714
  }
6703
6715
 
6704
- .E_m126spxy {
6705
- .ant-btn.ant-btn-link {
6706
- padding: 1px 10px;
6707
- color: rgba(62, 70, 82, 0.6);
6708
- border-radius: 4px;
6709
-
6710
- &.active {
6711
- background: rgba(0, 128, 255, 0.1);
6712
- color: $blue;
6713
- }
6714
- }
6715
6716
 
6716
- padding-bottom: 4px;
6717
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6717
+ .E_wg1tsps {
6718
+ display: flex;
6719
+ align-items: center;
6720
+ justify-content: flex-end;
6718
6721
  }
6719
6722
 
6720
- .E_wpbf4pq {
6721
- padding: 10px 0;
6722
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6723
-
6724
- .ant-input,
6725
- .ant-picker {
6726
- width: 80px;
6727
- margin: 0 9px;
6728
- text-align: center;
6729
- }
6723
+ .E_b1ctd5xy {
6724
+ display: flex;
6725
+ align-items: center;
6726
+ width: calc(100% - 40px);
6730
6727
 
6731
- .options {
6732
- padding: 12px 0 12px 16px;
6733
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6734
- margin: 5px 0 5px 8px;
6728
+ .chart {
6729
+ display: inline-block;
6730
+ width: 100%;
6735
6731
  }
6736
- .week-day-option,
6737
- .month-day-option {
6738
- background: #f5f7fa;
6739
- box-sizing: border-box;
6740
- border-radius: 16px;
6741
- margin-right: 8px;
6732
+ }
6742
6733
 
6743
- &:focus {
6744
- color: inherit;
6745
- border-color: #d9d9d9;
6746
- }
6747
- }
6748
- .week-day-option {
6749
- &.active {
6750
- background-color: $blue;
6751
- border-color: $blue;
6752
- color: $white;
6753
- }
6754
- &.en-text {
6755
- width: 110px;
6756
- margin-top: 4px;
6757
- }
6734
+ .E_u1p8acpn {
6735
+ min-width: 40px;
6736
+
6737
+ .unit {
6738
+ color: $text-light-primary !important;
6758
6739
  }
6759
- .month-day-option {
6760
- width: 32px;
6761
- padding: 0;
6762
- margin-bottom: 8px;
6740
+ }
6763
6741
 
6764
- &.active {
6765
- background-color: $blue;
6766
- border-color: $blue;
6767
- color: $white;
6742
+
6743
+ .E_ou7iq30 {
6744
+ overflow: hidden;
6745
+ text-overflow: ellipsis;
6746
+ }
6747
+
6748
+ .E_s1tui002 {
6749
+ white-space: nowrap;
6750
+ }
6751
+
6752
+ .E_mxrc2zg {
6753
+ display: -webkit-box;
6754
+ -webkit-line-clamp: var(--mxrc2zg-0);
6755
+ -webkit-box-orient: vertical;
6756
+ word-break: break-all;
6757
+ }
6758
+
6759
+ .E_t1vv6d68 {
6760
+ .ant-tooltip-arrow {
6761
+ display: none;
6762
+ }
6763
+ .ant-tooltip-inner {
6764
+ background: $gray-a80-9;
6765
+ border-radius: 4px;
6766
+ &:has(.eagle-ellipsis-content) {
6767
+ visibility: hidden;
6768
6768
  }
6769
6769
  }
6770
6770
  }
@@ -7211,6 +7211,57 @@
7211
7211
  }
7212
7212
 
7213
7213
 
7214
+ .E_i5w779o {
7215
+ padding: 8px 0;
7216
+
7217
+ .col-label {
7218
+ flex-shrink: unset;
7219
+ * {
7220
+ line-height: 18px;
7221
+ }
7222
+ }
7223
+ .col-content {
7224
+ flex: 1 1 0;
7225
+ display: flex;
7226
+ align-items: center;
7227
+ * {
7228
+ line-height: 18px;
7229
+ }
7230
+ }
7231
+ }
7232
+
7233
+ .E_l18dja44 {
7234
+ padding: 6px 0;
7235
+
7236
+ .col-label * {
7237
+ font-size: 13px;
7238
+ line-height: 20px;
7239
+ }
7240
+ .col-content * {
7241
+ font-size: 14px;
7242
+ line-height: 20px;
7243
+ }
7244
+ }
7245
+
7246
+ .E_c8c2hys {
7247
+ display: flex;
7248
+ justify-content: space-between;
7249
+ flex: 1;
7250
+ min-width: 0;
7251
+ }
7252
+
7253
+ .E_n4m6c4d {
7254
+ color: $text-light-tertiary;
7255
+ }
7256
+
7257
+
7258
+ .E_h1ol2wl7 {
7259
+ font-weight: bold;
7260
+ background-color: unset;
7261
+ padding: unset;
7262
+ }
7263
+
7264
+
7214
7265
  .E_cyms3br {
7215
7266
  background: #fff;
7216
7267
  width: 100%;
@@ -7275,50 +7326,6 @@
7275
7326
  }
7276
7327
 
7277
7328
 
7278
- .E_i5w779o {
7279
- padding: 8px 0;
7280
-
7281
- .col-label {
7282
- flex-shrink: unset;
7283
- * {
7284
- line-height: 18px;
7285
- }
7286
- }
7287
- .col-content {
7288
- flex: 1 1 0;
7289
- display: flex;
7290
- align-items: center;
7291
- * {
7292
- line-height: 18px;
7293
- }
7294
- }
7295
- }
7296
-
7297
- .E_l18dja44 {
7298
- padding: 6px 0;
7299
-
7300
- .col-label * {
7301
- font-size: 13px;
7302
- line-height: 20px;
7303
- }
7304
- .col-content * {
7305
- font-size: 14px;
7306
- line-height: 20px;
7307
- }
7308
- }
7309
-
7310
- .E_c8c2hys {
7311
- display: flex;
7312
- justify-content: space-between;
7313
- flex: 1;
7314
- min-width: 0;
7315
- }
7316
-
7317
- .E_n4m6c4d {
7318
- color: $text-light-tertiary;
7319
- }
7320
-
7321
-
7322
7329
  .E_kr6am0s {
7323
7330
  .ant-modal-body {
7324
7331
  padding: 60px 128px;
@@ -7393,13 +7400,6 @@
7393
7400
  }
7394
7401
 
7395
7402
 
7396
- .E_h1ol2wl7 {
7397
- font-weight: bold;
7398
- background-color: unset;
7399
- padding: unset;
7400
- }
7401
-
7402
-
7403
7403
  .E_c14ouk5o {
7404
7404
  width: 100%;
7405
7405
  height: 100%;
@@ -7451,6 +7451,63 @@
7451
7451
  }
7452
7452
 
7453
7453
 
7454
+ .E_c1ss4prm {
7455
+ color: $text-light-secondary;
7456
+ &:is(ul, ol) {
7457
+ padding-inline-start: 12px;
7458
+ }
7459
+
7460
+ li {
7461
+ margin-bottom: 4px;
7462
+
7463
+ &:last-child {
7464
+ margin-bottom: 0;
7465
+ }
7466
+ }
7467
+ }
7468
+
7469
+ .E_ms3tlei {
7470
+ background: $fill-neutral-trans-2;
7471
+ padding: 8px;
7472
+ border-radius: 6px;
7473
+ color: $gray-a60-8;
7474
+
7475
+ .icon-wrapper {
7476
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7477
+ margin-right: 4px;
7478
+ }
7479
+
7480
+ li {
7481
+ margin-bottom: 4px;
7482
+ display: flex;
7483
+ align-items: flex-start;
7484
+
7485
+ &:last-child {
7486
+ margin-bottom: 0;
7487
+ }
7488
+ }
7489
+ }
7490
+
7491
+ .E_du44iy7 {
7492
+ margin-bottom: 4px;
7493
+ }
7494
+
7495
+ .E_p1qmhanr {
7496
+ margin-bottom: 8px;
7497
+ }
7498
+
7499
+ .E_srje1h0 {
7500
+ color: $text-light-secondary;
7501
+ margin-bottom: 8px;
7502
+ }
7503
+
7504
+ .E_di3zi7v {
7505
+ height: 1px;
7506
+ background: $strokes-light-opaque-2;
7507
+ margin: 16px 0;
7508
+ }
7509
+
7510
+
7454
7511
  .E_cevhqx7 {
7455
7512
  color: $text-light-primary;
7456
7513
  }
@@ -8060,63 +8117,6 @@
8060
8117
  }
8061
8118
 
8062
8119
 
8063
- .E_c1ss4prm {
8064
- color: $text-light-secondary;
8065
- &:is(ul, ol) {
8066
- padding-inline-start: 12px;
8067
- }
8068
-
8069
- li {
8070
- margin-bottom: 4px;
8071
-
8072
- &:last-child {
8073
- margin-bottom: 0;
8074
- }
8075
- }
8076
- }
8077
-
8078
- .E_ms3tlei {
8079
- background: $fill-neutral-trans-2;
8080
- padding: 8px;
8081
- border-radius: 6px;
8082
- color: $gray-a60-8;
8083
-
8084
- .icon-wrapper {
8085
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8086
- margin-right: 4px;
8087
- }
8088
-
8089
- li {
8090
- margin-bottom: 4px;
8091
- display: flex;
8092
- align-items: flex-start;
8093
-
8094
- &:last-child {
8095
- margin-bottom: 0;
8096
- }
8097
- }
8098
- }
8099
-
8100
- .E_du44iy7 {
8101
- margin-bottom: 4px;
8102
- }
8103
-
8104
- .E_p1qmhanr {
8105
- margin-bottom: 8px;
8106
- }
8107
-
8108
- .E_srje1h0 {
8109
- color: $text-light-secondary;
8110
- margin-bottom: 8px;
8111
- }
8112
-
8113
- .E_di3zi7v {
8114
- height: 1px;
8115
- background: $strokes-light-opaque-2;
8116
- margin: 16px 0;
8117
- }
8118
-
8119
-
8120
8120
  .E_l12xdkhl {
8121
8121
  width: 64px;
8122
8122
  height: 64px;