@cloudtower/eagle 0.34.10 → 0.34.11

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.
@@ -51,19 +51,86 @@
51
51
  }
52
52
 
53
53
 
54
- .E_d133fzv0 {
55
- .ant-dropdown-menu-item-group {
56
- .ant-dropdown-menu-item-group-title {
57
- padding: 4px 8px 0 8px;
58
- color: $text-light-secondary;
59
- font-size: 12px;
54
+ .E_c1uzzomf {
55
+ margin-bottom: 16px;
56
+
57
+ .card-title {
58
+ font-size: 16px;
59
+ color: $text-secondary-light;
60
+ font-weight: 700;
61
+ line-height: 32px;
62
+ }
63
+ .card-body {
64
+ padding: 24px;
65
+ border-radius: 8px;
66
+ background: $fills-light-white;
67
+ }
68
+
69
+ .empty {
70
+ font-weight: 700;
71
+ font-size: 14px;
72
+ line-height: 22px;
73
+ color: $text-light-tertiary;
74
+ text-align: center;
75
+ }
76
+ }
77
+
78
+
79
+ .E_berrcjl {
80
+ color: $text-terdiary-light;
81
+ margin-bottom: 4px;
82
+
83
+ .breadcrumb-link {
84
+ color: $text-terdiary-light;
85
+ cursor: pointer;
86
+ transition: color 160ms ease;
87
+
88
+ &:hover {
89
+ color: $blue-60;
60
90
  }
61
- .ant-dropdown-menu-item-group-list {
62
- padding-bottom: 6px;
91
+ &:active {
92
+ color: $blue-80;
63
93
  }
64
- &:not(:first-child) {
65
- padding-top: 4px;
66
- border-top: 1px solid $strokes-light-trans-2;
94
+ }
95
+ }
96
+
97
+
98
+ .E_b1nip9bk {
99
+ padding: 4px 11px;
100
+ }
101
+
102
+ .E_bqamoqe {
103
+ white-space: nowrap;
104
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
105
+
106
+ & > .ant-btn {
107
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
108
+ --color: #{$text-light-general};
109
+
110
+ &[disabled],
111
+ &:hover[disabled] {
112
+ --color: #{$text-light-general};
113
+ }
114
+ }
115
+ }
116
+
117
+ & > .ant-btn:not(:only-child) {
118
+ & + .ant-btn {
119
+ margin-left: 1px;
120
+ }
121
+
122
+ &:first-child {
123
+ border-top-right-radius: 0;
124
+ border-bottom-right-radius: 0;
125
+ }
126
+
127
+ &:last-child {
128
+ border-top-left-radius: 0;
129
+ border-bottom-left-radius: 0;
130
+ }
131
+
132
+ &:not(:first-child, :last-child) {
133
+ border-radius: unset;
67
134
  }
68
135
  }
69
136
  }
@@ -427,87 +494,72 @@
427
494
  }
428
495
 
429
496
 
430
- .E_berrcjl {
431
- color: $text-terdiary-light;
432
- margin-bottom: 4px;
433
-
434
- .breadcrumb-link {
435
- color: $text-terdiary-light;
436
- cursor: pointer;
437
- transition: color 160ms ease;
438
-
439
- &:hover {
440
- color: $blue-60;
441
- }
442
- &:active {
443
- color: $blue-80;
444
- }
497
+ .E_c1yyuluq {
498
+ border-radius: 8px;
499
+ .ant-card-body {
500
+ padding: 20px 24px 24px 24px;
445
501
  }
446
502
  }
447
503
 
448
504
 
449
- .E_c1uzzomf {
450
- margin-bottom: 16px;
451
-
452
- .card-title {
453
- font-size: 16px;
454
- color: $text-secondary-light;
455
- font-weight: 700;
456
- line-height: 32px;
457
- }
458
- .card-body {
459
- padding: 24px;
460
- border-radius: 8px;
461
- background: $fills-light-white;
462
- }
463
-
464
- .empty {
465
- font-weight: 700;
466
- font-size: 14px;
467
- line-height: 22px;
468
- color: $text-light-tertiary;
469
- text-align: center;
505
+ .E_sx1bpnu {
506
+ .ant-input-sm {
507
+ line-height: 18px;
470
508
  }
471
509
  }
472
510
 
473
511
 
474
- .E_b1nip9bk {
475
- padding: 4px 11px;
476
- }
477
-
478
- .E_bqamoqe {
479
- white-space: nowrap;
480
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
481
-
482
- & > .ant-btn {
483
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
484
- --color: #{$text-light-general};
485
-
486
- &[disabled],
487
- &:hover[disabled] {
488
- --color: #{$text-light-general};
489
- }
490
- }
512
+ .E_itxley7 {
513
+ &.ant-input-group.ant-input-group-compact {
514
+ display: flex;
491
515
  }
492
516
 
493
- & > .ant-btn:not(:only-child) {
494
- & + .ant-btn {
495
- margin-left: 1px;
496
- }
497
-
498
- &:first-child {
499
- border-top-right-radius: 0;
500
- border-bottom-right-radius: 0;
501
- }
502
-
503
- &:last-child {
504
- border-top-left-radius: 0;
505
- border-bottom-left-radius: 0;
506
- }
507
-
508
- &:not(:first-child, :last-child) {
509
- border-radius: unset;
510
- }
517
+ &.ant-input-group.ant-input-group-compact > *:first-child,
518
+ &.ant-input-group.ant-input-group-compact
519
+ > .ant-select:first-child
520
+ > .ant-select-selector,
521
+ &.ant-input-group.ant-input-group-compact
522
+ > .ant-calendar-picker:first-child
523
+ .ant-input,
524
+ &.ant-input-group.ant-input-group-compact
525
+ > .ant-select-auto-complete:first-child
526
+ .ant-input,
527
+ &.ant-input-group.ant-input-group-compact
528
+ > .ant-cascader-picker:first-child
529
+ .ant-input,
530
+ &.ant-input-group.ant-input-group-compact
531
+ > .ant-mention-wrapper:first-child
532
+ .ant-mention-editor,
533
+ &.ant-input-group.ant-input-group-compact
534
+ > .ant-time-picker:first-child
535
+ .ant-time-picker-input {
536
+ border-bottom-left-radius: 5px;
537
+ border-top-left-radius: 5px;
538
+ }
539
+ &.ant-input-group.ant-input-group-compact > *:last-child,
540
+ &.ant-input-group.ant-input-group-compact
541
+ > .ant-select:last-child
542
+ > .ant-select-selector,
543
+ &.ant-input-group.ant-input-group-compact
544
+ > .ant-calendar-picker:last-child
545
+ .ant-input,
546
+ &.ant-input-group.ant-input-group-compact
547
+ > .ant-select-auto-complete:last-child
548
+ .ant-input,
549
+ &.ant-input-group.ant-input-group-compact
550
+ > .ant-cascader-picker:last-child
551
+ .ant-input,
552
+ &.ant-input-group.ant-input-group-compact
553
+ > .ant-cascader-picker-focused:last-child
554
+ .ant-input,
555
+ &.ant-input-group.ant-input-group-compact
556
+ > .ant-mention-wrapper:last-child
557
+ .ant-mention-editor,
558
+ &.ant-input-group.ant-input-group-compact
559
+ > .ant-time-picker:last-child
560
+ .ant-time-picker-input {
561
+ border-bottom-right-radius: 5px;
562
+ border-top-right-radius: 5px;
511
563
  }
512
564
  }
513
565
 
@@ -544,35 +596,94 @@
544
596
  }
545
597
 
546
598
 
547
- .E_c1yyuluq {
548
- border-radius: 8px;
549
- .ant-card-body {
550
- padding: 20px 24px 24px 24px;
551
- }
552
- }
599
+ .E_phljevk {
600
+ display: flex;
601
+ justify-content: space-between;
602
+ align-items: center;
603
+ padding: 10px 0;
604
+ color: $text-light-secondary;
605
+ font-size: 12px;
606
+ line-height: 24px;
553
607
 
608
+ .pagination-left {
609
+ padding: 2px 8px;
610
+ }
554
611
 
555
- .E_d1bw7c5z {
556
- position: relative;
557
- max-width: 388px;
558
- min-width: 285px;
559
- .center {
560
- position: absolute;
561
- font-size: 12px;
562
- width: 80px;
563
- height: 100px;
564
- top: 0;
565
- left: 35px;
612
+ .dropdown-trigger {
566
613
  display: flex;
567
- flex-direction: column;
568
- justify-content: center;
569
614
  align-items: center;
570
- color: $text-light-primary;
571
-
572
- .number {
573
- font-size: 24px;
574
- font-weight: 700;
575
- }
615
+ border-radius: 6px;
616
+ cursor: pointer;
617
+ transition: all 0.3s ease;
618
+
619
+ &:hover {
620
+ background: $fills-interaction-light-general-hover;
621
+ color: $text-light-general;
622
+ }
623
+ .icon-inner {
624
+ margin-left: 4px;
625
+ }
626
+ }
627
+
628
+ .pagination-right {
629
+ display: flex;
630
+ align-items: center;
631
+ color: $blue-60;
632
+ font-weight: bold;
633
+ .icon-inner {
634
+ margin-left: 4px;
635
+ }
636
+ .prev-btn,
637
+ .next-btn {
638
+ padding: 0 8px;
639
+ > span {
640
+ color: $text-light-general;
641
+ }
642
+ }
643
+
644
+ .next-btn {
645
+ .icon-inner {
646
+ transform: rotate(180deg);
647
+ }
648
+ }
649
+ }
650
+ }
651
+
652
+ .E_d12rtyeg {
653
+ &.ant-dropdown .ant-dropdown-menu {
654
+ max-height: calc(100vh - 128px);
655
+ overflow-y: auto;
656
+
657
+ .ant-dropdown-menu-item {
658
+ padding: 4px 20px;
659
+ font-size: 12px;
660
+ line-height: 18px;
661
+ }
662
+ }
663
+ }
664
+
665
+
666
+ .E_d1bw7c5z {
667
+ position: relative;
668
+ max-width: 388px;
669
+ min-width: 285px;
670
+ .center {
671
+ position: absolute;
672
+ font-size: 12px;
673
+ width: 80px;
674
+ height: 100px;
675
+ top: 0;
676
+ left: 35px;
677
+ display: flex;
678
+ flex-direction: column;
679
+ justify-content: center;
680
+ align-items: center;
681
+ color: $text-light-primary;
682
+
683
+ .number {
684
+ font-size: 24px;
685
+ font-weight: 700;
686
+ }
576
687
 
577
688
  .text {
578
689
  padding: 0 5px;
@@ -643,68 +754,6 @@
643
754
  }
644
755
 
645
756
 
646
- .E_itxley7 {
647
- &.ant-input-group.ant-input-group-compact {
648
- display: flex;
649
- }
650
-
651
- &.ant-input-group.ant-input-group-compact > *:first-child,
652
- &.ant-input-group.ant-input-group-compact
653
- > .ant-select:first-child
654
- > .ant-select-selector,
655
- &.ant-input-group.ant-input-group-compact
656
- > .ant-calendar-picker:first-child
657
- .ant-input,
658
- &.ant-input-group.ant-input-group-compact
659
- > .ant-select-auto-complete:first-child
660
- .ant-input,
661
- &.ant-input-group.ant-input-group-compact
662
- > .ant-cascader-picker:first-child
663
- .ant-input,
664
- &.ant-input-group.ant-input-group-compact
665
- > .ant-mention-wrapper:first-child
666
- .ant-mention-editor,
667
- &.ant-input-group.ant-input-group-compact
668
- > .ant-time-picker:first-child
669
- .ant-time-picker-input {
670
- border-bottom-left-radius: 5px;
671
- border-top-left-radius: 5px;
672
- }
673
- &.ant-input-group.ant-input-group-compact > *:last-child,
674
- &.ant-input-group.ant-input-group-compact
675
- > .ant-select:last-child
676
- > .ant-select-selector,
677
- &.ant-input-group.ant-input-group-compact
678
- > .ant-calendar-picker:last-child
679
- .ant-input,
680
- &.ant-input-group.ant-input-group-compact
681
- > .ant-select-auto-complete:last-child
682
- .ant-input,
683
- &.ant-input-group.ant-input-group-compact
684
- > .ant-cascader-picker:last-child
685
- .ant-input,
686
- &.ant-input-group.ant-input-group-compact
687
- > .ant-cascader-picker-focused:last-child
688
- .ant-input,
689
- &.ant-input-group.ant-input-group-compact
690
- > .ant-mention-wrapper:last-child
691
- .ant-mention-editor,
692
- &.ant-input-group.ant-input-group-compact
693
- > .ant-time-picker:last-child
694
- .ant-time-picker-input {
695
- border-bottom-right-radius: 5px;
696
- border-top-right-radius: 5px;
697
- }
698
- }
699
-
700
-
701
- .E_sx1bpnu {
702
- .ant-input-sm {
703
- line-height: 18px;
704
- }
705
- }
706
-
707
-
708
757
  .E_rapgekc {
709
758
  &.ant-radio-wrapper {
710
759
  display: inline-flex;
@@ -886,79 +935,19 @@
886
935
  }
887
936
 
888
937
 
889
- .E_ivqqkzv {
890
- height: 24px;
891
- width: 56px !important;
892
- margin-right: 4px;
893
- }
894
-
895
- .E_c1wk4q29 {
896
- color: $text-secondary-light;
897
- }
898
-
899
-
900
- .E_phljevk {
901
- display: flex;
902
- justify-content: space-between;
903
- align-items: center;
904
- padding: 10px 0;
905
- color: $text-light-secondary;
906
- font-size: 12px;
907
- line-height: 24px;
908
-
909
- .pagination-left {
910
- padding: 2px 8px;
911
- }
912
-
913
- .dropdown-trigger {
914
- display: flex;
915
- align-items: center;
916
- border-radius: 6px;
917
- cursor: pointer;
918
- transition: all 0.3s ease;
919
-
920
- &:hover {
921
- background: $fills-interaction-light-general-hover;
922
- color: $text-light-general;
923
- }
924
- .icon-inner {
925
- margin-left: 4px;
926
- }
927
- }
928
-
929
- .pagination-right {
930
- display: flex;
931
- align-items: center;
932
- color: $blue-60;
933
- font-weight: bold;
934
- .icon-inner {
935
- margin-left: 4px;
936
- }
937
- .prev-btn,
938
- .next-btn {
939
- padding: 0 8px;
940
- > span {
941
- color: $text-light-general;
942
- }
938
+ .E_d133fzv0 {
939
+ .ant-dropdown-menu-item-group {
940
+ .ant-dropdown-menu-item-group-title {
941
+ padding: 4px 8px 0 8px;
942
+ color: $text-light-secondary;
943
+ font-size: 12px;
943
944
  }
944
-
945
- .next-btn {
946
- .icon-inner {
947
- transform: rotate(180deg);
948
- }
945
+ .ant-dropdown-menu-item-group-list {
946
+ padding-bottom: 6px;
949
947
  }
950
- }
951
- }
952
-
953
- .E_d12rtyeg {
954
- &.ant-dropdown .ant-dropdown-menu {
955
- max-height: calc(100vh - 128px);
956
- overflow-y: auto;
957
-
958
- .ant-dropdown-menu-item {
959
- padding: 4px 20px;
960
- font-size: 12px;
961
- line-height: 18px;
948
+ &:not(:first-child) {
949
+ padding-top: 4px;
950
+ border-top: 1px solid $strokes-light-trans-2;
962
951
  }
963
952
  }
964
953
  }
@@ -996,6 +985,13 @@
996
985
  }
997
986
 
998
987
 
988
+ .E_tju3gfj {
989
+ .date {
990
+ margin-right: 4px;
991
+ }
992
+ }
993
+
994
+
999
995
  .E_c1bus5hc {
1000
996
  --color: white;
1001
997
  height: 14px;
@@ -1100,121 +1096,20 @@
1100
1096
  }
1101
1097
 
1102
1098
 
1103
- .E_s1dni7lo {
1104
- width: 430px !important;
1105
- }
1106
-
1107
- .E_d1wwmmm5 {
1108
- .ant-select-item-group {
1109
- padding: 8px 16px;
1110
- line-height: 18px;
1111
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1112
- height: 34px;
1113
- min-height: 34px;
1114
- box-sizing: border-box;
1115
- margin-top: 8px;
1099
+ .E_s1sck0th {
1100
+ padding: 0 8px;
1101
+ border-radius: 4px;
1116
1102
  }
1117
- }
1118
1103
 
1119
- .E_o1ugr09p {
1120
- display: flex;
1121
- flex-direction: column;
1122
- margin: 1px 8px;
1123
- padding: 8px;
1124
- border-radius: 4px;
1104
+ .E_m855nr1 {
1105
+ padding: 2px 8px;
1106
+ border-radius: 3px;
1107
+ }
1125
1108
 
1126
- .selected-icon {
1127
- display: none;
1128
- }
1129
-
1130
- &.ant-select-item-option-grouped {
1131
- padding-left: 8px;
1132
- }
1133
-
1134
- &.ant-select-item-option-selected {
1135
- background-color: white;
1136
- .timezone-title {
1137
- color: #0080ff;
1138
- }
1139
- .selected-icon {
1140
- display: block;
1141
- }
1142
- }
1143
-
1144
- &.ant-select-item-option-active {
1145
- background: rgba(0, 136, 255, 0.16);
1146
- .timezone-title {
1147
- color: #0080ff;
1148
- }
1149
- .timezone-tag {
1150
- background: rgba(0, 136, 255, 0.1);
1151
- color: #0080ff;
1152
- }
1153
- }
1154
- }
1155
-
1156
- .E_o1ifxsq4 {
1157
- display: flex;
1158
- justify-content: space-between;
1159
- height: 20px;
1160
- line-height: 20px;
1161
-
1162
- .timezone-title {
1163
- color: #2d3a56;
1164
- overflow: hidden;
1165
- text-overflow: ellipsis;
1166
- }
1167
- }
1168
-
1169
- .E_o1zue7 {
1170
- display: flex;
1171
- justify-content: space-between;
1172
- color: $text-light-secondary;
1173
- height: 18px;
1174
- line-height: 18px;
1175
- margin-top: 2px;
1176
- }
1177
-
1178
- .E_tyfmlxg {
1179
- border: none;
1180
- margin-right: 0;
1181
- background: rgba(225, 230, 241, 0.6);
1182
- }
1183
-
1184
- .E_o18uybox {
1185
- pointer-events: none;
1186
- height: 32px;
1187
- width: 100%;
1188
- opacity: 0;
1189
- }
1190
-
1191
-
1192
- .E_iq1gosr {
1193
- display: inline-block;
1194
- }
1195
-
1196
-
1197
- .E_tju3gfj {
1198
- .date {
1199
- margin-right: 4px;
1200
- }
1201
- }
1202
-
1203
-
1204
- .E_s1sck0th {
1205
- padding: 0 8px;
1206
- border-radius: 4px;
1207
- }
1208
-
1209
- .E_m855nr1 {
1210
- padding: 2px 8px;
1211
- border-radius: 3px;
1212
- }
1213
-
1214
- .E_l1270xpg {
1215
- padding: 3px 8px;
1216
- border-radius: 2px;
1217
- }
1109
+ .E_l1270xpg {
1110
+ padding: 3px 8px;
1111
+ border-radius: 2px;
1112
+ }
1218
1113
 
1219
1114
  .E_t14rextb {
1220
1115
  &.ant-tag:hover {
@@ -1287,54 +1182,120 @@
1287
1182
  }
1288
1183
 
1289
1184
 
1290
- .E_t1m2x205 {
1291
- .ant-tooltip-arrow {
1292
- display: none;
1185
+ .E_iq1gosr {
1186
+ display: inline-block;
1187
+ }
1188
+
1189
+
1190
+ .E_s1dni7lo {
1191
+ width: 430px !important;
1192
+ }
1193
+
1194
+ .E_d1wwmmm5 {
1195
+ .ant-select-item-group {
1196
+ padding: 8px 16px;
1197
+ line-height: 18px;
1198
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
1199
+ height: 34px;
1200
+ min-height: 34px;
1201
+ box-sizing: border-box;
1202
+ margin-top: 8px;
1293
1203
  }
1294
- .ant-tooltip-inner {
1295
- background: $gray-a80-9;
1204
+ }
1205
+
1206
+ .E_o1ugr09p {
1207
+ display: flex;
1208
+ flex-direction: column;
1209
+ margin: 1px 8px;
1210
+ padding: 8px;
1296
1211
  border-radius: 4px;
1297
- &:has(.eagle-ellipsis-content) {
1298
- visibility: hidden;
1212
+
1213
+ .selected-icon {
1214
+ display: none;
1215
+ }
1216
+
1217
+ &.ant-select-item-option-grouped {
1218
+ padding-left: 8px;
1219
+ }
1220
+
1221
+ &.ant-select-item-option-selected {
1222
+ background-color: white;
1223
+ .timezone-title {
1224
+ color: #0080ff;
1225
+ }
1226
+ .selected-icon {
1227
+ display: block;
1228
+ }
1229
+ }
1230
+
1231
+ &.ant-select-item-option-active {
1232
+ background: rgba(0, 136, 255, 0.16);
1233
+ .timezone-title {
1234
+ color: #0080ff;
1235
+ }
1236
+ .timezone-tag {
1237
+ background: rgba(0, 136, 255, 0.1);
1238
+ color: #0080ff;
1239
+ }
1299
1240
  }
1300
1241
  }
1301
- }
1302
1242
 
1243
+ .E_o1ifxsq4 {
1244
+ display: flex;
1245
+ justify-content: space-between;
1246
+ height: 20px;
1247
+ line-height: 20px;
1303
1248
 
1304
- .E_fzh9mnb {
1305
- width: 100%;
1306
- height: 100%;
1307
- min-height: 124px;
1308
- display: flex;
1309
- flex-direction: column;
1310
- justify-content: center;
1311
- align-items: center;
1249
+ .timezone-title {
1250
+ color: #2d3a56;
1251
+ overflow: hidden;
1252
+ text-overflow: ellipsis;
1253
+ }
1254
+ }
1312
1255
 
1313
- .error-text {
1314
- color: $text-terdiary-light;
1315
- margin-bottom: 16px;
1316
- font-size: 18px;
1256
+ .E_o1zue7 {
1257
+ display: flex;
1258
+ justify-content: space-between;
1259
+ color: $text-light-secondary;
1260
+ height: 18px;
1261
+ line-height: 18px;
1262
+ margin-top: 2px;
1317
1263
  }
1264
+
1265
+ .E_tyfmlxg {
1266
+ border: none;
1267
+ margin-right: 0;
1268
+ background: rgba(225, 230, 241, 0.6);
1318
1269
  }
1319
1270
 
1271
+ .E_o18uybox {
1272
+ pointer-events: none;
1273
+ height: 32px;
1274
+ width: 100%;
1275
+ opacity: 0;
1276
+ }
1320
1277
 
1321
- .E_iouxfgt {
1322
- display: inline-flex;
1323
- align-items: center;
1324
1278
 
1325
- .icon-inner {
1326
- display: inline-flex;
1327
- align-items: center;
1328
- justify-content: center;
1329
- }
1330
- .icon-inner + span,
1331
- span + .icon-inner.suffix {
1332
- margin-left: 4px;
1279
+ .E_ivqqkzv {
1280
+ height: 24px;
1281
+ width: 56px !important;
1282
+ margin-right: 4px;
1283
+ }
1284
+
1285
+ .E_c1wk4q29 {
1286
+ color: $text-secondary-light;
1287
+ }
1288
+
1289
+
1290
+ .E_t1m2x205 {
1291
+ .ant-tooltip-arrow {
1292
+ display: none;
1333
1293
  }
1334
- &.is-rotate {
1335
- img,
1336
- svg {
1337
- animation: rotate 680ms linear infinite;
1294
+ .ant-tooltip-inner {
1295
+ background: $gray-a80-9;
1296
+ border-radius: 4px;
1297
+ &:has(.eagle-ellipsis-content) {
1298
+ visibility: hidden;
1338
1299
  }
1339
1300
  }
1340
1301
  }
@@ -1382,30 +1343,110 @@
1382
1343
  }
1383
1344
 
1384
1345
 
1385
- .E_atcz0kf {
1386
- .ant-input-suffix {
1387
- margin-left: 8px;
1388
- }
1389
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1390
- padding: 2px 7px 2px 12px;
1346
+ .E_fzh9mnb {
1347
+ width: 100%;
1348
+ height: 100%;
1349
+ min-height: 124px;
1350
+ display: flex;
1351
+ flex-direction: column;
1352
+ justify-content: center;
1353
+ align-items: center;
1354
+
1355
+ .error-text {
1356
+ color: $text-terdiary-light;
1357
+ margin-bottom: 16px;
1358
+ font-size: 18px;
1391
1359
  }
1392
1360
  }
1393
1361
 
1394
1362
 
1395
- .E_ai7qkf2 {
1396
- .ant-input-number-handler-wrap {
1397
- display: var(--ai7qkf2-0);
1398
- }
1399
- .ant-input-number-input-wrap {
1400
- display: inline-flex;
1401
- line-height: 1.5715;
1402
- height: 100%;
1403
- width: 100%;
1404
- }
1405
-
1406
- .ant-input-number-input-wrap::after {
1407
- content: var(--ai7qkf2-1);
1408
- display: var(--ai7qkf2-2);
1363
+ .E_i1inqkme {
1364
+ height: 18px;
1365
+ line-height: 18px;
1366
+ padding: 0 4px;
1367
+ border-radius: 4px;
1368
+ background: rgba(235, 239, 245, 0.6);
1369
+ border: 1px solid rgba(223, 228, 235, 0.6);
1370
+ display: flex;
1371
+ align-items: center;
1372
+ white-space: nowrap;
1373
+ margin-right: 4px;
1374
+ }
1375
+
1376
+
1377
+ .E_a1wfy30z {
1378
+ .ant-input-number-handler-wrap {
1379
+ display: var(--a1wfy30z-0);
1380
+ }
1381
+ .ant-input-number-input-wrap {
1382
+ padding: 4px 11px;
1383
+ display: inline-flex;
1384
+ line-height: 1.5715;
1385
+ height: inherit;
1386
+ }
1387
+
1388
+ .ant-input-number-input-wrap::after {
1389
+ content: var(--a1wfy30z-1);
1390
+ display: var(--a1wfy30z-2);
1391
+ flex: none;
1392
+ align-items: center;
1393
+ margin-left: 4px;
1394
+ }
1395
+
1396
+ .ant-input-number-input-wrap::before {
1397
+ content: var(--a1wfy30z-3);
1398
+ display: var(--a1wfy30z-4);
1399
+ flex: none;
1400
+ align-items: center;
1401
+ margin-right: 4px;
1402
+ cursor: auto;
1403
+ }
1404
+
1405
+ .ant-input-number-input {
1406
+ padding: 0;
1407
+ margin: 0;
1408
+ height: auto;
1409
+ font-size: inherit;
1410
+ }
1411
+ }
1412
+
1413
+
1414
+ .E_iouxfgt {
1415
+ display: inline-flex;
1416
+ align-items: center;
1417
+
1418
+ .icon-inner {
1419
+ display: inline-flex;
1420
+ align-items: center;
1421
+ justify-content: center;
1422
+ }
1423
+ .icon-inner + span,
1424
+ span + .icon-inner.suffix {
1425
+ margin-left: 4px;
1426
+ }
1427
+ &.is-rotate {
1428
+ img,
1429
+ svg {
1430
+ animation: rotate 680ms linear infinite;
1431
+ }
1432
+ }
1433
+ }
1434
+
1435
+
1436
+ .E_ai7qkf2 {
1437
+ .ant-input-number-handler-wrap {
1438
+ display: var(--ai7qkf2-0);
1439
+ }
1440
+ .ant-input-number-input-wrap {
1441
+ display: inline-flex;
1442
+ line-height: 1.5715;
1443
+ height: 100%;
1444
+ width: 100%;
1445
+ }
1446
+
1447
+ .ant-input-number-input-wrap::after {
1448
+ content: var(--ai7qkf2-1);
1449
+ display: var(--ai7qkf2-2);
1409
1450
  flex: none;
1410
1451
  align-items: center;
1411
1452
  margin-left: 4px;
@@ -1473,57 +1514,16 @@
1473
1514
  }
1474
1515
 
1475
1516
 
1476
- .E_a1wfy30z {
1477
- .ant-input-number-handler-wrap {
1478
- display: var(--a1wfy30z-0);
1479
- }
1480
- .ant-input-number-input-wrap {
1481
- padding: 4px 11px;
1482
- display: inline-flex;
1483
- line-height: 1.5715;
1484
- height: inherit;
1485
- }
1486
-
1487
- .ant-input-number-input-wrap::after {
1488
- content: var(--a1wfy30z-1);
1489
- display: var(--a1wfy30z-2);
1490
- flex: none;
1491
- align-items: center;
1492
- margin-left: 4px;
1493
- }
1494
-
1495
- .ant-input-number-input-wrap::before {
1496
- content: var(--a1wfy30z-3);
1497
- display: var(--a1wfy30z-4);
1498
- flex: none;
1499
- align-items: center;
1500
- margin-right: 4px;
1501
- cursor: auto;
1517
+ .E_atcz0kf {
1518
+ .ant-input-suffix {
1519
+ margin-left: 8px;
1502
1520
  }
1503
-
1504
- .ant-input-number-input {
1505
- padding: 0;
1506
- margin: 0;
1507
- height: auto;
1508
- font-size: inherit;
1521
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1522
+ padding: 2px 7px 2px 12px;
1509
1523
  }
1510
1524
  }
1511
1525
 
1512
1526
 
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
- }
1525
-
1526
-
1527
1527
  .E_owd0kml {
1528
1528
  display: inline-block;
1529
1529
  }
@@ -1534,48 +1534,6 @@
1534
1534
  }
1535
1535
 
1536
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
1537
  .E_dsnbhzf {
1580
1538
  @include Inter(bold);
1581
1539
  font-size: 32px;
@@ -1930,6 +1888,43 @@
1930
1888
  }
1931
1889
 
1932
1890
 
1891
+ .E_a1b5xrg3 {
1892
+ .user-icon-inner {
1893
+ display: inline-flex;
1894
+ align-items: center;
1895
+ justify-content: center;
1896
+ color: $white;
1897
+ font-weight: bold;
1898
+ font-size: 12px;
1899
+ width: 24px;
1900
+ height: 24px;
1901
+ border-radius: 50%;
1902
+ background: var(--a1b5xrg3-0);
1903
+ }
1904
+ &.btn-item {
1905
+ transition: all 160ms ease;
1906
+ cursor: pointer;
1907
+ width: 56px;
1908
+ height: 40px;
1909
+ display: inline-flex;
1910
+ align-items: center;
1911
+ justify-content: center;
1912
+ border-radius: 6px;
1913
+
1914
+ &:hover {
1915
+ box-shadow:
1916
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1917
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1918
+ }
1919
+
1920
+ &:active {
1921
+ transform: translateY(2px);
1922
+ transition: all 320ms ease;
1923
+ }
1924
+ }
1925
+ }
1926
+
1927
+
1933
1928
  .E_cnujxq2 {
1934
1929
  display: flex;
1935
1930
  flex-direction: column;
@@ -2545,7 +2540,6 @@
2545
2540
  }
2546
2541
 
2547
2542
  .E_k1ci6977 {
2548
- input,
2549
2543
  &.input-tags {
2550
2544
  border: 1px solid rgba(213, 219, 227, 0.6);
2551
2545
  border-radius: 4px;
@@ -2744,41 +2738,148 @@
2744
2738
  }
2745
2739
 
2746
2740
 
2747
- .E_s4ivdfu {
2748
- &.ant-select {
2749
- .ant-select-selection-placeholder {
2750
- opacity: 1;
2751
- }
2752
-
2753
- &.select-loading-value {
2754
- pointer-events: none;
2755
- }
2756
- }
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2757
2743
  }
2758
2744
 
2759
- .E_sks9xr8 {
2760
- &.ant-select {
2761
- .select-hover-suffix,
2762
- .select-active-suffix,
2763
- .select-expanded-suffix,
2764
- .select-expanded-search-suffix,
2765
- .select-focus-suffix,
2766
- .select-error-suffix,
2767
- .select-error-hover-suffix,
2768
- .select-error-active-suffix,
2769
- .select-error-expanded-suffix,
2770
- .select-error-expanded-search-suffix,
2771
- .select-error-focus-suffix {
2772
- display: none;
2773
- width: 16px;
2774
- height: 16px;
2775
- }
2776
2745
 
2777
- &.ant-select-disabled {
2778
- .select-suffix {
2779
- opacity: 0.5;
2780
- }
2781
- }
2746
+ .E_s17wv897 {
2747
+ &.ant-select,
2748
+ &.ant-select div.ant-select-selector {
2749
+ border-radius: 6px;
2750
+ }
2751
+
2752
+ &.ant-select {
2753
+ &.ant-select-single {
2754
+ width: 100%;
2755
+ &[data-size="small"] {
2756
+ }
2757
+ &[data-size="middle"] {
2758
+ height: 30px;
2759
+ }
2760
+ &[data-size="large"] {
2761
+ }
2762
+ color: $text-primary-light;
2763
+ border-color: $strokes-light-trans-2;
2764
+ transition:
2765
+ border 160ms ease 8ms,
2766
+ box-shadow 160ms ease 8ms;
2767
+ font-size: 13px;
2768
+
2769
+ &.ant-select-lg {
2770
+ height: 38px;
2771
+ font-size: 13px;
2772
+ }
2773
+
2774
+ .ant-select-arrow,
2775
+ .ant-select-arrow .anticon-down {
2776
+ transition: 160ms ease;
2777
+ }
2778
+
2779
+ .ant-select-arrow-loading {
2780
+ color: $fills-light-general-general;
2781
+ }
2782
+
2783
+ &:not(.ant-select-disabled) {
2784
+ &:hover .ant-select-selector,
2785
+ &.__pseudo-states-hover .ant-select-selector {
2786
+ border-color: $strokes-light-trans-4;
2787
+ box-shadow: $shadow-light-hover;
2788
+ }
2789
+
2790
+ &:hover .ant-select-arrow,
2791
+ &.__pseudo-states-hover .ant-select-arrow {
2792
+ color: $fills-light-general-general;
2793
+ }
2794
+
2795
+ &:active,
2796
+ &:focus,
2797
+ &.ant-select-focused,
2798
+ &.ant-select-open,
2799
+ &.__pseudo-states-active,
2800
+ &.__pseudo-states-focus {
2801
+ .ant-select-selector {
2802
+ border-color: $fills-light-general-general;
2803
+ box-shadow: $shadow-light-active;
2804
+ }
2805
+ }
2806
+
2807
+ &.ant-select-open .ant-select-arrow .anticon-down {
2808
+ transform: rotate(180deg);
2809
+ }
2810
+ }
2811
+
2812
+ &.ant-select-disabled .ant-select-selector {
2813
+ background: $fills-light-trans-3;
2814
+ border-color: $strokes-light-trans-3;
2815
+ cursor: "not-allowed";
2816
+ }
2817
+ }
2818
+ &.select-error:not(.ant-select-disabled) {
2819
+ .ant-select-selector {
2820
+ border-color: $fills-light-serious-serious !important;
2821
+ }
2822
+
2823
+ &:hover .ant-select-arrow,
2824
+ &.__pseudo-states-hover .ant-select-arrow {
2825
+ color: $text-light-super;
2826
+ }
2827
+
2828
+ &:active,
2829
+ &:focus,
2830
+ &.ant-select-focused,
2831
+ &.ant-select-open,
2832
+ &.__pseudo-states-focus,
2833
+ &.__pseudo-states-active {
2834
+ .ant-select-selector {
2835
+ border-color: $fills-light-general-general;
2836
+ box-shadow: $shadow-light-error;
2837
+ }
2838
+ }
2839
+
2840
+ &.ant-select-open .ant-select-arrow .anticon-down {
2841
+ transform: rotate(180deg);
2842
+ }
2843
+ }
2844
+ }
2845
+ }
2846
+
2847
+
2848
+ .E_s4ivdfu {
2849
+ &.ant-select {
2850
+ .ant-select-selection-placeholder {
2851
+ opacity: 1;
2852
+ }
2853
+
2854
+ &.select-loading-value {
2855
+ pointer-events: none;
2856
+ }
2857
+ }
2858
+ }
2859
+
2860
+ .E_sks9xr8 {
2861
+ &.ant-select {
2862
+ .select-hover-suffix,
2863
+ .select-active-suffix,
2864
+ .select-expanded-suffix,
2865
+ .select-expanded-search-suffix,
2866
+ .select-focus-suffix,
2867
+ .select-error-suffix,
2868
+ .select-error-hover-suffix,
2869
+ .select-error-active-suffix,
2870
+ .select-error-expanded-suffix,
2871
+ .select-error-expanded-search-suffix,
2872
+ .select-error-focus-suffix {
2873
+ display: none;
2874
+ width: 16px;
2875
+ height: 16px;
2876
+ }
2877
+
2878
+ &.ant-select-disabled {
2879
+ .select-suffix {
2880
+ opacity: 0.5;
2881
+ }
2882
+ }
2782
2883
 
2783
2884
  &:not(.ant-select-disabled) {
2784
2885
  // open, not error
@@ -2973,108 +3074,6 @@
2973
3074
  }
2974
3075
 
2975
3076
 
2976
- .E_s17wv897 {
2977
- &.ant-select,
2978
- &.ant-select div.ant-select-selector {
2979
- border-radius: 6px;
2980
- }
2981
-
2982
- &.ant-select {
2983
- &.ant-select-single {
2984
- width: 100%;
2985
- &[data-size="small"] {
2986
- }
2987
- &[data-size="middle"] {
2988
- height: 30px;
2989
- }
2990
- &[data-size="large"] {
2991
- }
2992
- color: $text-primary-light;
2993
- border-color: $strokes-light-trans-2;
2994
- transition:
2995
- border 160ms ease 8ms,
2996
- box-shadow 160ms ease 8ms;
2997
- font-size: 13px;
2998
-
2999
- &.ant-select-lg {
3000
- height: 38px;
3001
- font-size: 13px;
3002
- }
3003
-
3004
- .ant-select-arrow,
3005
- .ant-select-arrow .anticon-down {
3006
- transition: 160ms ease;
3007
- }
3008
-
3009
- .ant-select-arrow-loading {
3010
- color: $fills-light-general-general;
3011
- }
3012
-
3013
- &:not(.ant-select-disabled) {
3014
- &:hover .ant-select-selector,
3015
- &.__pseudo-states-hover .ant-select-selector {
3016
- border-color: $strokes-light-trans-4;
3017
- box-shadow: $shadow-light-hover;
3018
- }
3019
-
3020
- &:hover .ant-select-arrow,
3021
- &.__pseudo-states-hover .ant-select-arrow {
3022
- color: $fills-light-general-general;
3023
- }
3024
-
3025
- &:active,
3026
- &:focus,
3027
- &.ant-select-focused,
3028
- &.ant-select-open,
3029
- &.__pseudo-states-active,
3030
- &.__pseudo-states-focus {
3031
- .ant-select-selector {
3032
- border-color: $fills-light-general-general;
3033
- box-shadow: $shadow-light-active;
3034
- }
3035
- }
3036
-
3037
- &.ant-select-open .ant-select-arrow .anticon-down {
3038
- transform: rotate(180deg);
3039
- }
3040
- }
3041
-
3042
- &.ant-select-disabled .ant-select-selector {
3043
- background: $fills-light-trans-3;
3044
- border-color: $strokes-light-trans-3;
3045
- cursor: "not-allowed";
3046
- }
3047
- }
3048
- &.select-error:not(.ant-select-disabled) {
3049
- .ant-select-selector {
3050
- border-color: $fills-light-serious-serious !important;
3051
- }
3052
-
3053
- &:hover .ant-select-arrow,
3054
- &.__pseudo-states-hover .ant-select-arrow {
3055
- color: $text-light-super;
3056
- }
3057
-
3058
- &:active,
3059
- &:focus,
3060
- &.ant-select-focused,
3061
- &.ant-select-open,
3062
- &.__pseudo-states-focus,
3063
- &.__pseudo-states-active {
3064
- .ant-select-selector {
3065
- border-color: $fills-light-general-general;
3066
- box-shadow: $shadow-light-error;
3067
- }
3068
- }
3069
-
3070
- &.ant-select-open .ant-select-arrow .anticon-down {
3071
- transform: rotate(180deg);
3072
- }
3073
- }
3074
- }
3075
- }
3076
-
3077
-
3078
3077
  .E_w1dxz879 {
3079
3078
  display: flex;
3080
3079
  flex-direction: column;
@@ -3387,83 +3386,24 @@
3387
3386
  }
3388
3387
 
3389
3388
 
3390
- .E_s11wux3h {
3391
- .antd5-segmented-item:not(:last-child) {
3392
- margin-right: 2px;
3393
- }
3394
- }
3395
-
3396
- .E_s1t2an3z {
3397
- &.antd5-segmented-sm .antd5-segmented-item-label {
3398
- padding-left: 8px;
3399
- padding-right: 8px;
3400
- font-size: 12px;
3401
- }
3402
-
3403
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3404
- border-radius: 4px;
3405
- }
3406
-
3407
- &.antd5-segmented
3408
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3409
- .antd5-segmented-item-disabled
3410
- ) {
3411
- border-radius: 4px;
3412
- }
3413
- }
3414
-
3415
- .E_ma64lna {
3416
- .antd5-segmented-item-label {
3417
- padding-left: 12px;
3418
- padding-right: 12px;
3419
- }
3420
- }
3421
-
3422
- .E_ckld275 {
3423
- background-color: $fill-neutral-trans-2;
3424
- &.antd5-segmented
3425
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3426
- .antd5-segmented-item-disabled
3427
- ) {
3428
- background-color: $fill-neutral-light-white;
3429
- color: $text-neutral-secondary-light;
3430
- }
3431
- // on animate remove hover bg color
3432
- &.antd5-segmented
3433
- .antd5-segmented-thumb
3434
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3435
- .antd5-segmented-item-disabled
3436
- ) {
3437
- background-color: transparent;
3438
- }
3439
- // remove after's bg color
3440
- &.antd5-segmented
3441
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3442
- .antd5-segmented-item-disabled
3443
- )::after {
3444
- background-color: transparent;
3445
- }
3446
- }
3447
-
3448
-
3449
- .E_h12yihis {
3450
- height: 50px;
3451
- border-bottom: 2px solid #edf0f7;
3452
- background: $fills-opaque-primary-light;
3453
- display: flex;
3454
- justify-content: space-between;
3455
- align-items: center;
3456
- padding: 0 24px 0 14px;
3457
- position: relative;
3458
- z-index: 10;
3459
-
3460
- .left,
3461
- .right,
3462
- .center {
3463
- display: flex;
3464
- align-items: center;
3465
- flex: 1;
3466
- flex-shrink: 0;
3389
+ .E_h12yihis {
3390
+ height: 50px;
3391
+ border-bottom: 2px solid #edf0f7;
3392
+ background: $fills-opaque-primary-light;
3393
+ display: flex;
3394
+ justify-content: space-between;
3395
+ align-items: center;
3396
+ padding: 0 24px 0 14px;
3397
+ position: relative;
3398
+ z-index: 10;
3399
+
3400
+ .left,
3401
+ .right,
3402
+ .center {
3403
+ display: flex;
3404
+ align-items: center;
3405
+ flex: 1;
3406
+ flex-shrink: 0;
3467
3407
  }
3468
3408
 
3469
3409
  .center {
@@ -3716,74 +3656,67 @@
3716
3656
  }
3717
3657
 
3718
3658
 
3719
- .E_l48ei06 {
3720
- @at-root {
3721
- button#{&}.ant-btn,
3722
- button#{&}.ant-btn.ant-btn-sm,
3723
- button#{&}.ant-btn.ant-btn-lg {
3724
- font-size: 12px;
3725
- line-height: 18px;
3726
- height: 18px;
3727
- }
3728
- button#{&} {
3729
- color: #0080FF;
3730
- height: unset;
3731
- .button-prefix-icon {
3732
- margin-right: 4px;
3733
- }
3734
- .button-suffix-icon {
3735
- margin-left: 4px;
3736
- }
3737
-
3738
- &:hover,
3739
- &.__pseudo-states-hover {
3740
- color: #009DFF;
3741
- }
3742
-
3743
- &:active,
3744
- &.__pseudo-states-active {
3745
- color: #005ED1;
3746
- }
3747
- &.ui-kit-link-disabled {
3748
- color: #0080FF;
3749
- }
3750
- &.ui-kit-link-primary {
3751
- color: #00122E;
3659
+ .E_s11wux3h {
3660
+ .antd5-segmented-item:not(:last-child) {
3661
+ margin-right: 2px;
3662
+ }
3663
+ }
3752
3664
 
3753
- &:hover,
3754
- &.__pseudo-states-hover {
3755
- color: #0080FF;
3756
- }
3665
+ .E_s1t2an3z {
3666
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3667
+ padding-left: 8px;
3668
+ padding-right: 8px;
3669
+ font-size: 12px;
3670
+ }
3757
3671
 
3758
- &:active,
3759
- &.__pseudo-states-active {
3760
- color: #005ED1;
3761
- }
3672
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3673
+ border-radius: 4px;
3674
+ }
3762
3675
 
3763
- &.ui-kit-link-disabled {
3764
- color: #00122E;
3765
- }
3766
- }
3676
+ &.antd5-segmented
3677
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3678
+ .antd5-segmented-item-disabled
3679
+ ) {
3680
+ border-radius: 4px;
3681
+ }
3682
+ }
3767
3683
 
3768
- &.ui-kit-link-secondary {
3769
- color: #2C3852BF;
3684
+ .E_ma64lna {
3685
+ .antd5-segmented-item-label {
3686
+ padding-left: 12px;
3687
+ padding-right: 12px;
3688
+ }
3689
+ }
3770
3690
 
3771
- &:hover,
3772
- &.__pseudo-states-hover {
3773
- color: #0080FF;
3774
- }
3691
+ .E_ckld275 {
3692
+ background-color: $fill-neutral-trans-2;
3693
+ &.antd5-segmented
3694
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3695
+ .antd5-segmented-item-disabled
3696
+ ) {
3697
+ background-color: $fill-neutral-light-white;
3698
+ color: $text-neutral-secondary-light;
3699
+ }
3700
+ // on animate remove hover bg color
3701
+ &.antd5-segmented
3702
+ .antd5-segmented-thumb
3703
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3704
+ .antd5-segmented-item-disabled
3705
+ ) {
3706
+ background-color: transparent;
3707
+ }
3708
+ // remove after's bg color
3709
+ &.antd5-segmented
3710
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3711
+ .antd5-segmented-item-disabled
3712
+ )::after {
3713
+ background-color: transparent;
3714
+ }
3715
+ }
3775
3716
 
3776
- &:active,
3777
- &.__pseudo-states-active {
3778
- color: #005ED1;
3779
- }
3780
3717
 
3781
- &.ui-kit-link-disabled {
3782
- color: #2C3852BF;
3783
- }
3784
- }
3785
- }
3786
- }
3718
+ .E_c1yd35n {
3719
+ padding: 0 12px 14px 12px;
3787
3720
  }
3788
3721
 
3789
3722
 
@@ -3835,11 +3768,6 @@
3835
3768
  }
3836
3769
 
3837
3770
 
3838
- .E_c1yd35n {
3839
- padding: 0 12px 14px 12px;
3840
- }
3841
-
3842
-
3843
3771
  .E_ckui4s7 {
3844
3772
  color: $text-primary-light;
3845
3773
  line-height: 22px;
@@ -3848,46 +3776,185 @@
3848
3776
  }
3849
3777
 
3850
3778
 
3851
- .E_b14q2gmw {
3852
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3853
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3854
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3855
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3856
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3857
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3858
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3859
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3779
+ .E_lht19u8 {
3780
+ width: 64px;
3781
+ height: 64px;
3782
+ display: flex;
3783
+ align-items: center;
3784
+ justify-content: center;
3785
+ position: relative;
3786
+ opacity: 0.2;
3860
3787
  }
3861
3788
 
3862
- .E_c1eym6el {
3863
- border-radius: 8px;
3864
- background-color: white;
3865
- &.hoverable {
3866
- cursor: pointer;
3789
+ .E_lk3gkp4 {
3790
+ position: absolute;
3791
+ width: 5px;
3792
+ height: 48px;
3793
+ left: 9.33px;
3794
+ top: 40.5px;
3867
3795
 
3868
- &:hover {
3869
- transition: all 200ms ease;
3870
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3871
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3872
- transform: translateY(-4px);
3873
- }
3874
- }
3796
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3797
+ border-radius: 5px;
3798
+ transform: rotate(-128deg);
3799
+ transform-origin: top left;
3800
+
3801
+ animation: loading-indicator1 1100ms ease-out infinite;
3875
3802
  }
3876
3803
 
3804
+ .E_ll4n94n {
3805
+ position: absolute;
3806
+ width: 5px;
3807
+ height: 48px;
3808
+ left: 40.8px;
3809
+ top: 8.4px;
3877
3810
 
3878
- .E_sddwhm6 {
3879
- $prefix: ui-kit-status-capsule;
3880
- margin: 0;
3881
- border-radius: 20px;
3882
- padding: 2px 10px;
3883
- height: 22px;
3811
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3812
+ border-radius: 5px;
3813
+ transform: rotate(-8deg);
3814
+ transform-origin: top left;
3884
3815
 
3885
- &.ant-tag.#{$prefix}.off-white {
3886
- background-color: $fill-neutral-trans-1 !important;
3887
- &.tag-hover:hover,
3888
- &.__pseudo-states-hover {
3889
- background-color: $fill-neutral-trans-2 !important;
3890
- }
3816
+ animation: loading-indicator2 1100ms ease-out infinite;
3817
+ }
3818
+
3819
+ .E_l17lbdo6 {
3820
+ position: absolute;
3821
+ width: 5px;
3822
+ height: 48px;
3823
+ left: 52.9px;
3824
+ top: 51.8px;
3825
+
3826
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3827
+ border-radius: 5px;
3828
+ transform: rotate(112deg);
3829
+ transform-origin: top left;
3830
+
3831
+ animation: loading-indicator3 1100ms ease-out infinite;
3832
+ }
3833
+
3834
+
3835
+ .E_w7ob4th {
3836
+ &.outside-tag {
3837
+ padding-left: 0;
3838
+ .inside-tag {
3839
+ border-radius: 4px 0 0 4px;
3840
+ padding-right: 4px;
3841
+ margin-right: 4px;
3842
+ }
3843
+ }
3844
+ }
3845
+
3846
+
3847
+ .E_b14q2gmw {
3848
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3849
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3850
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3851
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3852
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3853
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3854
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3855
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3856
+ }
3857
+
3858
+ .E_c1eym6el {
3859
+ border-radius: 8px;
3860
+ background-color: white;
3861
+ &.hoverable {
3862
+ cursor: pointer;
3863
+
3864
+ &:hover {
3865
+ transition: all 200ms ease;
3866
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3867
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3868
+ transform: translateY(-4px);
3869
+ }
3870
+ }
3871
+ }
3872
+
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;
3882
+ }
3883
+ button#{&} {
3884
+ color: #0080FF;
3885
+ height: unset;
3886
+ .button-prefix-icon {
3887
+ margin-right: 4px;
3888
+ }
3889
+ .button-suffix-icon {
3890
+ margin-left: 4px;
3891
+ }
3892
+
3893
+ &:hover,
3894
+ &.__pseudo-states-hover {
3895
+ color: #009DFF;
3896
+ }
3897
+
3898
+ &:active,
3899
+ &.__pseudo-states-active {
3900
+ color: #005ED1;
3901
+ }
3902
+ &.ui-kit-link-disabled {
3903
+ color: #0080FF;
3904
+ }
3905
+ &.ui-kit-link-primary {
3906
+ color: #00122E;
3907
+
3908
+ &:hover,
3909
+ &.__pseudo-states-hover {
3910
+ color: #0080FF;
3911
+ }
3912
+
3913
+ &:active,
3914
+ &.__pseudo-states-active {
3915
+ color: #005ED1;
3916
+ }
3917
+
3918
+ &.ui-kit-link-disabled {
3919
+ color: #00122E;
3920
+ }
3921
+ }
3922
+
3923
+ &.ui-kit-link-secondary {
3924
+ color: #2C3852BF;
3925
+
3926
+ &:hover,
3927
+ &.__pseudo-states-hover {
3928
+ color: #0080FF;
3929
+ }
3930
+
3931
+ &:active,
3932
+ &.__pseudo-states-active {
3933
+ color: #005ED1;
3934
+ }
3935
+
3936
+ &.ui-kit-link-disabled {
3937
+ color: #2C3852BF;
3938
+ }
3939
+ }
3940
+ }
3941
+ }
3942
+ }
3943
+
3944
+
3945
+ .E_sddwhm6 {
3946
+ $prefix: ui-kit-status-capsule;
3947
+ margin: 0;
3948
+ border-radius: 20px;
3949
+ padding: 2px 10px;
3950
+ height: 22px;
3951
+
3952
+ &.ant-tag.#{$prefix}.off-white {
3953
+ background-color: $fill-neutral-trans-1 !important;
3954
+ &.tag-hover:hover,
3955
+ &.__pseudo-states-hover {
3956
+ background-color: $fill-neutral-trans-2 !important;
3957
+ }
3891
3958
  }
3892
3959
  &.ant-tag.#{$prefix} {
3893
3960
  color: $text-neutral-primary;
@@ -4397,93 +4464,88 @@
4397
4464
  }
4398
4465
 
4399
4466
 
4400
- .E_lht19u8 {
4401
- width: 64px;
4402
- height: 64px;
4467
+ .E_l1ucdodl {
4468
+ $prefix: ui-kit-status-legend;
4469
+ margin: 0;
4470
+ border-radius: 20px;
4471
+ padding: 2px 10px;
4472
+ height: 22px;
4403
4473
  display: flex;
4404
4474
  align-items: center;
4405
- justify-content: center;
4406
- position: relative;
4407
- opacity: 0.2;
4408
- }
4409
-
4410
- .E_lk3gkp4 {
4411
- position: absolute;
4412
- width: 5px;
4413
- height: 48px;
4414
- left: 9.33px;
4415
- top: 40.5px;
4416
4475
 
4417
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4418
- border-radius: 5px;
4419
- transform: rotate(-128deg);
4420
- transform-origin: top left;
4476
+ &.ui-kit-status-legend.on-tint {
4477
+ color: $text-neutral-ontint;
4478
+ }
4479
+ &.tag-hover {
4480
+ cursor: pointer;
4481
+ }
4421
4482
 
4422
- animation: loading-indicator1 1100ms ease-out infinite;
4483
+ &.#{$prefix} {
4484
+ color: $text-neutral-primary;
4485
+ .#{$prefix}-icon {
4486
+ margin-right: 6px;
4487
+ }
4488
+ .#{$prefix}-number {
4489
+ margin-left: 8px;
4490
+ color: #2C385299;
4491
+ &.#{$prefix}-number.on-tint {
4492
+ color: $text-neutral-ontint;
4493
+ }
4494
+ }
4495
+ &.eagle-legend-blue {
4496
+ .#{$prefix}-icon {
4497
+ background-color: $fill-outstanding-base;
4498
+ }
4499
+ }
4500
+ &.eagle-legend-red {
4501
+ .#{$prefix}-icon {
4502
+ background-color: $fill-serious-base;
4503
+ }
4504
+ }
4505
+ &.eagle-legend-yellow {
4506
+ .#{$prefix}-icon {
4507
+ background-color: $fill-notice-base;
4508
+ }
4509
+ }
4510
+ &.eagle-legend-green {
4511
+ .#{$prefix}-icon {
4512
+ background-color: $fill-positive-base;
4513
+ }
4514
+ }
4515
+ &.eagle-legend-gray {
4516
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4517
+ background-color: $gray-70;
4518
+ }
4519
+ }
4520
+ &.eagle-legend-purple {
4521
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4522
+ background-color: $purple-50;
4523
+ }
4524
+ }
4525
+ }
4423
4526
  }
4424
4527
 
4425
- .E_ll4n94n {
4426
- position: absolute;
4427
- width: 5px;
4428
- height: 48px;
4429
- left: 40.8px;
4430
- top: 8.4px;
4431
-
4432
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4433
- border-radius: 5px;
4434
- transform: rotate(-8deg);
4435
- transform-origin: top left;
4436
-
4437
- animation: loading-indicator2 1100ms ease-out infinite;
4528
+ .E_s1qj66nc {
4529
+ width: 8px;
4530
+ height: 8px;
4531
+ border-radius: 50%;
4532
+ display: inline-block;
4438
4533
  }
4439
4534
 
4440
- .E_l17lbdo6 {
4441
- position: absolute;
4442
- width: 5px;
4443
- height: 48px;
4444
- left: 52.9px;
4445
- top: 51.8px;
4446
-
4447
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4448
- border-radius: 5px;
4449
- transform: rotate(112deg);
4450
- transform-origin: top left;
4451
-
4452
- animation: loading-indicator3 1100ms ease-out infinite;
4535
+ .E_s5x1boq {
4536
+ width: 8px;
4537
+ height: 8px;
4538
+ border-radius: 2px;
4539
+ display: inline-block;
4453
4540
  }
4454
4541
 
4542
+ .E_c1xm185 {
4543
+ color: #2C385299;
4544
+ }
4455
4545
 
4456
- .E_w7ob4th {
4457
- &.outside-tag {
4458
- padding-left: 0;
4459
- .inside-tag {
4460
- border-radius: 4px 0 0 4px;
4461
- padding-right: 4px;
4462
- margin-right: 4px;
4463
- }
4464
- }
4465
- }
4466
-
4467
-
4468
- .E_r77hffu {
4469
- display: flex;
4470
- align-items: center;
4471
- justify-content: space-between;
4472
- column-gap: 6px;
4473
- }
4474
-
4475
- .E_p1cmxsf7 {
4476
- display: flex;
4477
- flex-direction: column;
4478
- justify-content: center;
4479
- row-gap: var(--p1cmxsf7-0);
4480
-
4481
- .antd5-progress-line {
4482
- font-size: 0;
4483
- margin-bottom: unset;
4484
- margin-inline-end: unset;
4485
- }
4486
- }
4546
+ .E_c1x5l5qc {
4547
+ flex: 1;
4548
+ }
4487
4549
 
4488
4550
 
4489
4551
  .E_slr2ynn {
@@ -4518,88 +4580,234 @@
4518
4580
  }
4519
4581
 
4520
4582
 
4521
- .E_l1ucdodl {
4522
- $prefix: ui-kit-status-legend;
4523
- margin: 0;
4524
- border-radius: 20px;
4525
- padding: 2px 10px;
4526
- height: 22px;
4527
- display: flex;
4528
- align-items: center;
4583
+ .E_i1g85yz3 {
4584
+ margin-right: 4px;
4585
+ height: 16px;
4586
+ }
4529
4587
 
4530
- &.ui-kit-status-legend.on-tint {
4531
- color: $text-neutral-ontint;
4588
+
4589
+ .E_sjob3jg {
4590
+ $item: ant-steps-item;
4591
+ --item-min-width: 60px;
4592
+ .#{$item} {
4593
+ &-tail,
4594
+ &-icon {
4595
+ display: none !important;
4596
+ }
4532
4597
  }
4533
- &.tag-hover {
4534
- cursor: pointer;
4598
+ .#{$item}.#{$item}-active {
4599
+ flex-shrink: 0 !important;
4600
+ .step-item-prefix-container {
4601
+ color: $text-colorful-outstanding;
4602
+ }
4603
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4604
+ color: $text-colorful-outstanding;
4605
+ font-weight: normal;
4606
+ }
4535
4607
  }
4536
-
4537
- &.#{$prefix} {
4538
- color: $text-neutral-primary;
4539
- .#{$prefix}-icon {
4540
- margin-right: 6px;
4608
+ .#{$item}.#{$item}-finish {
4609
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4610
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4611
+ color: $text-neutral-tertiary;
4541
4612
  }
4542
- .#{$prefix}-number {
4543
- margin-left: 8px;
4544
- color: #2C385299;
4545
- &.#{$prefix}-number.on-tint {
4546
- color: $text-neutral-ontint;
4547
- }
4613
+ }
4614
+ .#{$item}.#{$item}-wait {
4615
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4616
+ color: $text-neutral-primary;
4548
4617
  }
4549
- &.eagle-legend-blue {
4550
- .#{$prefix}-icon {
4551
- background-color: $fill-outstanding-base;
4618
+ }
4619
+ .step-item-text {
4620
+ display: inline-block;
4621
+ }
4622
+ .step-item-title {
4623
+ overflow: hidden;
4624
+ white-space: nowrap;
4625
+ text-overflow: ellipsis;
4626
+ }
4627
+ }
4628
+
4629
+ .E_hjvj6s6 {
4630
+ $item: ant-steps-item;
4631
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4632
+ content: "";
4633
+ width: 0;
4634
+ height: 0;
4635
+ border: 13px solid transparent;
4636
+ position: absolute;
4637
+ top: 0;
4638
+ border-left: 8px solid $color;
4639
+ }
4640
+ .#{$item}-container {
4641
+ min-width: var(--item-min-width);
4642
+ }
4643
+ .#{$item}-disabled {
4644
+ cursor: not-allowed !important;
4645
+ }
4646
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4647
+ flex-direction: row;
4648
+ justify-content: stretch;
4649
+ .#{$item} {
4650
+ padding: 0;
4651
+ margin-right: 4px;
4652
+ flex: 1;
4653
+ overflow: visible;
4654
+ .#{$item}-content {
4655
+ width: 100%;
4656
+ min-height: unset;
4657
+ .#{$item}-title {
4658
+ height: 26px;
4659
+ line-height: 26px;
4660
+ width: 100%;
4661
+ padding: 0;
4662
+ font-size: 12px;
4663
+ .step-count {
4664
+ margin-right: 10px;
4665
+ }
4666
+ &::after {
4667
+ display: none;
4668
+ }
4669
+ }
4670
+ }
4671
+ &:first-child {
4672
+ .#{$item}-container {
4673
+ padding-left: 8px;
4674
+ padding-right: 4px;
4675
+ border-radius: 4px 0 0 4px;
4676
+ }
4677
+ }
4678
+ &:last-child {
4679
+ margin-right: 0;
4680
+ .#{$item}-container {
4681
+ padding-right: 8px;
4682
+ padding-left: 12px;
4683
+ border-radius: 0 4px 4px 0;
4684
+ }
4685
+ }
4686
+ &:not(&:last-child) {
4687
+ &::after {
4688
+ @include rightTriangle();
4689
+ z-index: 2;
4690
+ position: relative;
4691
+ top: -50%;
4692
+ right: -100%;
4693
+ }
4694
+ }
4695
+ &:not(:first-child):not(:last-child) {
4696
+ .#{$item}-container {
4697
+ padding: 0 4px 0 12px;
4698
+ }
4699
+ }
4700
+ &:not(&:first-child) {
4701
+ &::before {
4702
+ @include rightTriangle(#fff);
4703
+ left: 0;
4704
+ }
4552
4705
  }
4553
4706
  }
4554
- &.eagle-legend-red {
4555
- .#{$prefix}-icon {
4556
- background-color: $fill-serious-base;
4707
+ .#{$item}-active {
4708
+ max-width: calc(100% - var(--item-min-width) * 2);
4709
+ .#{$item}-container {
4710
+ background-color: $fills-light-general-general-light;
4711
+ }
4712
+ &::after {
4713
+ border-left-color: $fills-light-general-general-light !important;
4557
4714
  }
4558
4715
  }
4559
- &.eagle-legend-yellow {
4560
- .#{$prefix}-icon {
4561
- background-color: $fill-notice-base;
4716
+ .#{$item}-finish {
4717
+ cursor: pointer;
4718
+ min-width: var(--item-min-width);
4719
+ }
4720
+ .#{$item}-wait,
4721
+ .#{$item}-finish {
4722
+ min-width: var(--item-min-width);
4723
+ .#{$item}-container {
4724
+ background-color: $fills-light-trans-1;
4562
4725
  }
4563
4726
  }
4564
- &.eagle-legend-green {
4565
- .#{$prefix}-icon {
4566
- background-color: $fill-positive-base;
4727
+ }
4728
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4729
+ .ant-steps-vertical
4730
+ )
4731
+ .#{$item} {
4732
+ padding: 0;
4733
+ }
4734
+ }
4735
+
4736
+ .E_v4tv3mf {
4737
+ $item: ant-steps-item;
4738
+ .ant-steps.ant-steps-vertical {
4739
+ width: 192px;
4740
+ row-gap: 2px;
4741
+
4742
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4743
+ &:hover {
4744
+ background-color: $fill-neutral-trans-2;
4745
+ }
4746
+ .#{$item}-title {
4747
+ color: $text-neutral-primary !important;
4567
4748
  }
4568
4749
  }
4569
- &.eagle-legend-gray {
4570
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4571
- background-color: $gray-70;
4750
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4751
+ .#{$item}-container:hover {
4752
+ background-color: $fill-neutral-trans-2;
4753
+ }
4754
+ .#{$item}-container {
4755
+ padding: 0 8px;
4756
+ border-radius: 4px;
4757
+ height: 32px;
4758
+ display: flex;
4759
+ align-items: center;
4760
+ .#{$item}-content {
4761
+ min-height: auto;
4762
+ white-space: nowrap;
4763
+ & .ant-steps-item-title {
4764
+ font-size: 13px;
4765
+ line-height: 20px;
4766
+ max-width: 100%;
4767
+ padding-right: 0;
4768
+ }
4572
4769
  }
4573
4770
  }
4574
- &.eagle-legend-purple {
4575
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4576
- background-color: $purple-50;
4771
+ .#{$item}-active {
4772
+ .ant-steps-item-container {
4773
+ background: rgba($blue-60, 0.1);
4577
4774
  }
4578
4775
  }
4579
4776
  }
4580
4777
  }
4581
4778
 
4582
- .E_s1qj66nc {
4583
- width: 8px;
4584
- height: 8px;
4585
- border-radius: 50%;
4586
- display: inline-block;
4587
- }
4588
-
4589
- .E_s5x1boq {
4590
- width: 8px;
4591
- height: 8px;
4592
- border-radius: 2px;
4593
- display: inline-block;
4779
+ .E_h6l1tj4 {
4780
+ width: 100%;
4781
+ display: inline-flex;
4782
+ align-items: center;
4783
+ justify-content: center;
4784
+ column-gap: 4px;
4785
+ .step-item-prefix-container {
4786
+ display: inline-flex;
4787
+ align-items: center;
4788
+ width: 18px;
4789
+ height: 18px;
4790
+ color: $gray-a75-8;
4791
+ justify-content: center;
4792
+ }
4594
4793
  }
4595
4794
 
4596
- .E_c1xm185 {
4597
- color: #2C385299;
4598
- }
4599
-
4600
- .E_c1x5l5qc {
4601
- flex: 1;
4602
- }
4795
+ .E_v18frne8 {
4796
+ width: 100%;
4797
+ display: flex;
4798
+ align-items: center;
4799
+ justify-content: center;
4800
+ column-gap: 6px;
4801
+ font-size: 13px;
4802
+ .step-item-prefix-container {
4803
+ display: inline-flex;
4804
+ align-items: center;
4805
+ min-width: 20px;
4806
+ min-height: 20px;
4807
+ color: $gray-a75-8;
4808
+ justify-content: center;
4809
+ }
4810
+ }
4603
4811
 
4604
4812
 
4605
4813
  .E_t1dtlqs1 {
@@ -4820,313 +5028,104 @@
4820
5028
  }
4821
5029
 
4822
5030
 
4823
- .E_i1g85yz3 {
4824
- margin-right: 4px;
4825
- height: 16px;
5031
+ .E_r77hffu {
5032
+ display: flex;
5033
+ align-items: center;
5034
+ justify-content: space-between;
5035
+ column-gap: 6px;
4826
5036
  }
4827
5037
 
5038
+ .E_p1cmxsf7 {
5039
+ display: flex;
5040
+ flex-direction: column;
5041
+ justify-content: center;
5042
+ row-gap: var(--p1cmxsf7-0);
4828
5043
 
4829
- .E_sjob3jg {
4830
- $item: ant-steps-item;
4831
- --item-min-width: 60px;
4832
- .#{$item} {
4833
- &-tail,
4834
- &-icon {
4835
- display: none !important;
4836
- }
5044
+ .antd5-progress-line {
5045
+ font-size: 0;
5046
+ margin-bottom: unset;
5047
+ margin-inline-end: unset;
4837
5048
  }
4838
- .#{$item}.#{$item}-active {
4839
- flex-shrink: 0 !important;
4840
- .step-item-prefix-container {
4841
- color: $text-colorful-outstanding;
5049
+ }
5050
+
5051
+
5052
+ .E_t13ef470 {
5053
+ height: 100%;
5054
+ .table-loading-item {
5055
+ padding: 12px 4px;
5056
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5057
+ display: flex;
5058
+
5059
+ > * {
5060
+ height: 16px;
5061
+ margin: 4px;
5062
+ background: rgba($gray-50, 0.18);
5063
+ border-radius: 2px;
4842
5064
  }
4843
- .#{$item}-container .#{$item}-content .#{$item}-title {
4844
- color: $text-colorful-outstanding;
4845
- font-weight: normal;
5065
+ .checkbox-loading {
5066
+ width: 16px;
4846
5067
  }
4847
- }
4848
- .#{$item}.#{$item}-finish {
4849
- .#{$item}-container .#{$item}-content .#{$item}-title,
4850
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4851
- color: $text-neutral-tertiary;
5068
+ .td-loading {
5069
+ flex: 1;
4852
5070
  }
4853
5071
  }
4854
- .#{$item}.#{$item}-wait {
4855
- .#{$item}-container .#{$item}-content .#{$item}-title {
4856
- color: $text-neutral-primary;
5072
+
5073
+ :nth-child(1) {
5074
+ padding: 8px 4px;
5075
+ > * {
5076
+ background: rgba($gray-70, 0.18);
4857
5077
  }
4858
5078
  }
4859
- .step-item-text {
4860
- display: inline-block;
4861
- }
4862
- .step-item-title {
4863
- overflow: hidden;
4864
- white-space: nowrap;
4865
- text-overflow: ellipsis;
5079
+ :nth-child(1) {
5080
+ > * {
5081
+ background: rgba($gray-60, 0.18);
5082
+ }
4866
5083
  }
4867
5084
  }
4868
5085
 
4869
- .E_hjvj6s6 {
4870
- $item: ant-steps-item;
4871
- @mixin rightTriangle($color: $fills-light-trans-1) {
4872
- content: "";
4873
- width: 0;
4874
- height: 0;
4875
- border: 13px solid transparent;
4876
- position: absolute;
4877
- top: 0;
4878
- border-left: 8px solid $color;
4879
- }
4880
- .#{$item}-container {
4881
- min-width: var(--item-min-width);
4882
- }
4883
- .#{$item}-disabled {
4884
- cursor: not-allowed !important;
5086
+
5087
+ .E_m11nzl2x {
5088
+ color: $text-light-secondary;
5089
+ text-align: center;
5090
+
5091
+ display: flex;
5092
+ align-items: center;
5093
+ justify-content: center;
5094
+ flex-direction: column;
5095
+ height: 100%;
5096
+
5097
+ .link {
5098
+ color: $text-light-general;
5099
+ cursor: pointer;
4885
5100
  }
4886
- .ant-steps-horizontal.ant-steps-label-horizontal {
4887
- flex-direction: row;
4888
- justify-content: stretch;
4889
- .#{$item} {
4890
- padding: 0;
4891
- margin-right: 4px;
4892
- flex: 1;
4893
- overflow: visible;
4894
- .#{$item}-content {
4895
- width: 100%;
4896
- min-height: unset;
4897
- .#{$item}-title {
4898
- height: 26px;
4899
- line-height: 26px;
4900
- width: 100%;
4901
- padding: 0;
4902
- font-size: 12px;
4903
- .step-count {
4904
- margin-right: 10px;
4905
- }
4906
- &::after {
4907
- display: none;
4908
- }
4909
- }
4910
- }
4911
- &:first-child {
4912
- .#{$item}-container {
4913
- padding-left: 8px;
4914
- padding-right: 4px;
4915
- border-radius: 4px 0 0 4px;
4916
- }
4917
- }
4918
- &:last-child {
4919
- margin-right: 0;
4920
- .#{$item}-container {
4921
- padding-right: 8px;
4922
- padding-left: 12px;
4923
- border-radius: 0 4px 4px 0;
4924
- }
4925
- }
4926
- &:not(&:last-child) {
4927
- &::after {
4928
- @include rightTriangle();
4929
- z-index: 2;
4930
- position: relative;
4931
- top: -50%;
4932
- right: -100%;
4933
- }
4934
- }
4935
- &:not(:first-child):not(:last-child) {
4936
- .#{$item}-container {
4937
- padding: 0 4px 0 12px;
4938
- }
4939
- }
4940
- &:not(&:first-child) {
4941
- &::before {
4942
- @include rightTriangle(#fff);
4943
- left: 0;
4944
- }
4945
- }
4946
- }
4947
- .#{$item}-active {
4948
- max-width: calc(100% - var(--item-min-width) * 2);
4949
- .#{$item}-container {
4950
- background-color: $fills-light-general-general-light;
5101
+ }
5102
+
5103
+ .E_mn7joto {
5104
+ width: 100%;
5105
+ height: 100%;
5106
+ display: flex;
5107
+ flex-direction: column;
5108
+
5109
+ .name-toolbar {
5110
+ width: 100%;
5111
+ display: flex;
5112
+ line-height: 30px;
5113
+ justify-content: space-between;
5114
+ .metric-extra {
5115
+ display: flex;
5116
+ font-size: 12px;
5117
+ align-items: center;
5118
+
5119
+ .info-item {
5120
+ color: $gray-60;
4951
5121
  }
4952
- &::after {
4953
- border-left-color: $fills-light-general-general-light !important;
5122
+ .info-item + .info-item {
5123
+ margin-left: 10px;
4954
5124
  }
4955
- }
4956
- .#{$item}-finish {
4957
- cursor: pointer;
4958
- min-width: var(--item-min-width);
4959
- }
4960
- .#{$item}-wait,
4961
- .#{$item}-finish {
4962
- min-width: var(--item-min-width);
4963
- .#{$item}-container {
4964
- background-color: $fills-light-trans-1;
4965
- }
4966
- }
4967
- }
4968
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4969
- .ant-steps-vertical
4970
- )
4971
- .#{$item} {
4972
- padding: 0;
4973
- }
4974
- }
4975
-
4976
- .E_v4tv3mf {
4977
- $item: ant-steps-item;
4978
- .ant-steps.ant-steps-vertical {
4979
- width: 192px;
4980
- row-gap: 2px;
4981
-
4982
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4983
- &:hover {
4984
- background-color: $fill-neutral-trans-2;
4985
- }
4986
- .#{$item}-title {
4987
- color: $text-neutral-primary !important;
4988
- }
4989
- }
4990
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4991
- .#{$item}-container:hover {
4992
- background-color: $fill-neutral-trans-2;
4993
- }
4994
- .#{$item}-container {
4995
- padding: 0 8px;
4996
- border-radius: 4px;
4997
- height: 32px;
4998
- display: flex;
4999
- align-items: center;
5000
- .#{$item}-content {
5001
- min-height: auto;
5002
- white-space: nowrap;
5003
- & .ant-steps-item-title {
5004
- font-size: 13px;
5005
- line-height: 20px;
5006
- max-width: 100%;
5007
- padding-right: 0;
5008
- }
5009
- }
5010
- }
5011
- .#{$item}-active {
5012
- .ant-steps-item-container {
5013
- background: rgba($blue-60, 0.1);
5014
- }
5015
- }
5016
- }
5017
- }
5018
-
5019
- .E_h6l1tj4 {
5020
- width: 100%;
5021
- display: inline-flex;
5022
- align-items: center;
5023
- justify-content: center;
5024
- column-gap: 4px;
5025
- .step-item-prefix-container {
5026
- display: inline-flex;
5027
- align-items: center;
5028
- width: 18px;
5029
- height: 18px;
5030
- color: $gray-a75-8;
5031
- justify-content: center;
5032
- }
5033
- }
5034
-
5035
- .E_v18frne8 {
5036
- width: 100%;
5037
- display: flex;
5038
- align-items: center;
5039
- justify-content: center;
5040
- column-gap: 6px;
5041
- font-size: 13px;
5042
- .step-item-prefix-container {
5043
- display: inline-flex;
5044
- align-items: center;
5045
- min-width: 20px;
5046
- min-height: 20px;
5047
- color: $gray-a75-8;
5048
- justify-content: center;
5049
- }
5050
- }
5051
-
5052
-
5053
- .E_t13ef470 {
5054
- height: 100%;
5055
- .table-loading-item {
5056
- padding: 12px 4px;
5057
- border-bottom: 1px solid rgba($gray-50, 0.18);
5058
- display: flex;
5059
-
5060
- > * {
5061
- height: 16px;
5062
- margin: 4px;
5063
- background: rgba($gray-50, 0.18);
5064
- border-radius: 2px;
5065
- }
5066
- .checkbox-loading {
5067
- width: 16px;
5068
- }
5069
- .td-loading {
5070
- flex: 1;
5071
- }
5072
- }
5073
-
5074
- :nth-child(1) {
5075
- padding: 8px 4px;
5076
- > * {
5077
- background: rgba($gray-70, 0.18);
5078
- }
5079
- }
5080
- :nth-child(1) {
5081
- > * {
5082
- background: rgba($gray-60, 0.18);
5083
- }
5084
- }
5085
- }
5086
-
5087
-
5088
- .E_m11nzl2x {
5089
- color: $text-light-secondary;
5090
- text-align: center;
5091
-
5092
- display: flex;
5093
- align-items: center;
5094
- justify-content: center;
5095
- flex-direction: column;
5096
- height: 100%;
5097
-
5098
- .link {
5099
- color: $text-light-general;
5100
- cursor: pointer;
5101
- }
5102
- }
5103
-
5104
- .E_mn7joto {
5105
- width: 100%;
5106
- height: 100%;
5107
- display: flex;
5108
- flex-direction: column;
5109
-
5110
- .name-toolbar {
5111
- width: 100%;
5112
- display: flex;
5113
- line-height: 30px;
5114
- justify-content: space-between;
5115
- .metric-extra {
5116
- display: flex;
5117
- font-size: 12px;
5118
- align-items: center;
5119
-
5120
- .info-item {
5121
- color: $gray-60;
5122
- }
5123
- .info-item + .info-item {
5124
- margin-left: 10px;
5125
- }
5126
-
5127
- .menu-trigger {
5128
- margin-left: 10px;
5129
- cursor: pointer;
5125
+
5126
+ .menu-trigger {
5127
+ margin-left: 10px;
5128
+ cursor: pointer;
5130
5129
  }
5131
5130
  }
5132
5131
  }
@@ -5504,29 +5503,6 @@
5504
5503
  }
5505
5504
 
5506
5505
 
5507
- .E_t1gvlxt5 {
5508
- min-width: 0;
5509
- flex: 1;
5510
- .tag {
5511
- flex: 0 0 auto;
5512
- }
5513
- .progress-title {
5514
- flex: 2;
5515
- max-width: fit-content;
5516
- }
5517
- .progress-desc {
5518
- flex: 1;
5519
- max-width: fit-content;
5520
- }
5521
- }
5522
-
5523
- .E_a1ji6r68 {
5524
- display: flex;
5525
- align-items: center;
5526
- column-gap: var(--a1ji6r68-0);
5527
- }
5528
-
5529
-
5530
5506
  .E_bpgac8u {
5531
5507
  color: #FFFFFF;
5532
5508
  display: flex;
@@ -5555,11 +5531,6 @@
5555
5531
  }
5556
5532
 
5557
5533
 
5558
- .E_b1jaupqb {
5559
- color: #F0483E;
5560
- }
5561
-
5562
-
5563
5534
  .E_t59qhqp {
5564
5535
  padding: 0px;
5565
5536
  padding-top: 5px;
@@ -5615,6 +5586,11 @@
5615
5586
  }
5616
5587
 
5617
5588
 
5589
+ .E_b1jaupqb {
5590
+ color: #F0483E;
5591
+ }
5592
+
5593
+
5618
5594
  .E_icab5o7 {
5619
5595
  --modal-to-viewport-margin: 10px;
5620
5596
  --modal-body-padding-bottom: 40px;
@@ -5822,6 +5798,47 @@
5822
5798
  }
5823
5799
 
5824
5800
 
5801
+ .E_sqv6dmy {
5802
+ display: flex;
5803
+ justify-content: flex-end;
5804
+ }
5805
+
5806
+ .E_p1rm8wzb {
5807
+ margin-right: 8px;
5808
+ }
5809
+
5810
+ .E_sd7qcf4 {
5811
+ height: 100%;
5812
+ width: 100%;
5813
+ overflow: auto;
5814
+ }
5815
+
5816
+ .E_r1fxc9gq {
5817
+ &.right {
5818
+ overflow: auto;
5819
+ padding-right: 2px;
5820
+ width: calc(192px + 6px + 2px);
5821
+ height: fit-content;
5822
+ max-height: calc(
5823
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
5824
+ --modal-body-padding-bottom
5825
+ ) - var(--modal-footer-height)
5826
+ );
5827
+ scrollbar-gutter: stable;
5828
+ &::-webkit-scrollbar {
5829
+ width: 6px;
5830
+ }
5831
+ &::-webkit-scrollbar-track {
5832
+ background: #E1E6F199;
5833
+ }
5834
+ &::-webkit-scrollbar-thumb {
5835
+ background: #ACBAD399;
5836
+ border-radius: 8px;
5837
+ }
5838
+ }
5839
+ }
5840
+
5841
+
5825
5842
  .E_s20iney {
5826
5843
  &.skeleton-box {
5827
5844
  display: flex;
@@ -5998,55 +6015,14 @@
5998
6015
  }
5999
6016
 
6000
6017
 
6001
- .E_sqv6dmy {
6002
- display: flex;
6003
- justify-content: flex-end;
6004
- }
6005
-
6006
- .E_p1rm8wzb {
6007
- margin-right: 8px;
6008
- }
6009
-
6010
- .E_sd7qcf4 {
6018
+ .E_t1g36k2w {
6019
+ overflow: hidden;
6011
6020
  height: 100%;
6012
- width: 100%;
6013
- overflow: auto;
6014
- }
6015
-
6016
- .E_r1fxc9gq {
6017
- &.right {
6018
- overflow: auto;
6019
- padding-right: 2px;
6020
- width: calc(192px + 6px + 2px);
6021
- height: fit-content;
6022
- max-height: calc(
6023
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6024
- --modal-body-padding-bottom
6025
- ) - var(--modal-footer-height)
6026
- );
6027
- scrollbar-gutter: stable;
6028
- &::-webkit-scrollbar {
6029
- width: 6px;
6030
- }
6031
- &::-webkit-scrollbar-track {
6032
- background: #E1E6F199;
6033
- }
6034
- &::-webkit-scrollbar-thumb {
6035
- background: #ACBAD399;
6036
- border-radius: 8px;
6037
- }
6038
- }
6039
- }
6040
-
6041
-
6042
- .E_t1g36k2w {
6043
- overflow: hidden;
6044
- height: 100%;
6045
- background: white;
6046
- .table-loading-item {
6047
- padding: 8px 4px;
6048
- display: flex;
6049
- align-items: center;
6021
+ background: white;
6022
+ .table-loading-item {
6023
+ padding: 8px 4px;
6024
+ display: flex;
6025
+ align-items: center;
6050
6026
 
6051
6027
  > * {
6052
6028
  height: 16px;
@@ -6071,8 +6047,27 @@
6071
6047
  }
6072
6048
 
6073
6049
 
6074
- .E_t1616y1o {
6075
- color: $text-light-on-tint;
6050
+ .E_t1gvlxt5 {
6051
+ min-width: 0;
6052
+ flex: 1;
6053
+ .tag {
6054
+ flex: 0 0 auto;
6055
+ }
6056
+ .progress-title {
6057
+ flex: 2;
6058
+ max-width: fit-content;
6059
+ color: #00122E;
6060
+ }
6061
+ .progress-desc {
6062
+ flex: 1;
6063
+ max-width: fit-content;
6064
+ }
6065
+ }
6066
+
6067
+ .E_a1ji6r68 {
6068
+ display: flex;
6069
+ align-items: center;
6070
+ column-gap: var(--a1ji6r68-0);
6076
6071
  }
6077
6072
 
6078
6073
 
@@ -6102,6 +6097,11 @@
6102
6097
  }
6103
6098
 
6104
6099
 
6100
+ .E_t1616y1o {
6101
+ color: $text-light-on-tint;
6102
+ }
6103
+
6104
+
6105
6105
  .E_a9y3flr {
6106
6106
  margin-left: 8px;
6107
6107
  }
@@ -6112,19 +6112,6 @@
6112
6112
  }
6113
6113
 
6114
6114
 
6115
- .E_i14c7jc8 {
6116
- color: var(--i14c7jc8-0);
6117
- }
6118
-
6119
- .E_i1ibuolf {
6120
- display: flex;
6121
- align-items: center;
6122
- column-gap: 4px;
6123
- font-size: 12px;
6124
- color: #2C3852BF;
6125
- }
6126
-
6127
-
6128
6115
  .E_d1u4ndxc {
6129
6116
  color: #2C3852BF;
6130
6117
  font-size: 12px;
@@ -6163,116 +6150,16 @@
6163
6150
  }
6164
6151
 
6165
6152
 
6166
- .E_clm1wy1 {
6167
- width: 192px;
6168
- height: 246px;
6169
- border-radius: 4px;
6170
-
6171
- > .ant-picker-calendar,
6172
- > .ant-picker-calendar .ant-picker-panel {
6173
- width: 100%;
6174
- background-color: rgba(245, 247, 250, 0.6);
6175
- border-top: none;
6176
-
6177
- .ant-picker-body {
6178
- padding: 0 16px;
6179
- }
6180
-
6181
- .ant-picker-content {
6182
- width: 100%;
6183
- height: 180px;
6184
- border-spacing: 0;
6185
-
6186
- thead {
6187
- margin-bottom: 8px;
6188
- }
6189
- th {
6190
- width: 22px;
6191
- }
6192
- td {
6193
- padding: 0;
6194
- }
6195
- }
6196
- }
6197
-
6198
- .ant-picker-cell {
6199
- color: rgba(62, 70, 82, 0.6);
6200
- opacity: 0.4;
6201
- }
6202
- .ant-picker-cell-in-view {
6203
- color: rgba(62, 70, 82, 0.6);
6204
- opacity: 1;
6205
- }
6206
- .ant-picker-cell-in-view > .active {
6207
- color: #3e4652;
6208
- }
6209
-
6210
- .ant-picker-cell::before {
6211
- pointer-events: none;
6212
- }
6213
- }
6214
-
6215
- .E_t1tsm00v {
6216
- color: rgba(129, 138, 153, 0.6);
6217
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6218
- backdrop-filter: blur(10px);
6219
- padding: 7px 10px;
6153
+ .E_i14c7jc8 {
6154
+ color: var(--i14c7jc8-0);
6220
6155
  }
6221
6156
 
6222
- .E_c167wnad {
6223
- color: rgba(62, 70, 82, 0.6);
6157
+ .E_i1ibuolf {
6224
6158
  display: flex;
6225
- justify-content: space-between;
6226
6159
  align-items: center;
6227
- padding: 8px 16px;
6228
-
6229
- .anticon {
6230
- cursor: pointer;
6231
- &:hover {
6232
- color: $blue;
6233
- }
6234
- }
6235
- }
6236
-
6237
- .E_cxhf7dh {
6238
- text-align: center;
6239
-
6240
- .dots {
6241
- display: flex;
6242
- justify-content: center;
6243
- }
6244
- .dot {
6245
- display: inline-block;
6246
- width: 2px;
6247
- height: 2px;
6248
- border-radius: 1px;
6249
- background: $blue;
6250
-
6251
- &:not(:last-child) {
6252
- margin-right: 2px;
6253
- }
6254
- }
6255
- .bar {
6256
- width: 9px;
6257
- height: 2px;
6258
- background: $blue;
6259
- border-radius: 2px;
6260
- }
6261
- }
6262
-
6263
-
6264
- .E_skwah65 {
6265
- height: 8px;
6266
- box-sizing: border-box;
6267
- border-radius: 2px;
6268
- background: #f5f7fa;
6269
- display: flex;
6270
- width: 100%;
6271
- overflow: hidden;
6272
-
6273
- .stack-bar-item + .stack-bar-item {
6274
- margin-left: 1px;
6275
- }
6160
+ column-gap: 4px;
6161
+ font-size: 12px;
6162
+ color: #2C3852BF;
6276
6163
  }
6277
6164
 
6278
6165
 
@@ -6398,56 +6285,154 @@
6398
6285
  }
6399
6286
 
6400
6287
 
6401
- .E_c1up1pdz {
6402
- width: 648px;
6288
+ .E_clm1wy1 {
6289
+ width: 192px;
6290
+ height: 246px;
6291
+ border-radius: 4px;
6403
6292
 
6404
- &.active {
6405
- border-color: $blue-60;
6293
+ > .ant-picker-calendar,
6294
+ > .ant-picker-calendar .ant-picker-panel {
6295
+ width: 100%;
6296
+ background-color: rgba(245, 247, 250, 0.6);
6297
+ border-top: none;
6406
6298
 
6407
- > header {
6408
- background: rgba($blue-60, 0.1);
6299
+ .ant-picker-body {
6300
+ padding: 0 16px;
6409
6301
  }
6410
- }
6411
-
6412
- .expand {
6413
- padding: 12px;
6414
- }
6415
-
6416
- .field-item {
6417
- display: flex;
6418
- padding: 10px 0;
6419
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6420
6302
 
6421
- &:last-child {
6422
- border-bottom: none;
6423
- padding-bottom: 0;
6424
- }
6303
+ .ant-picker-content {
6304
+ width: 100%;
6305
+ height: 180px;
6306
+ border-spacing: 0;
6425
6307
 
6426
- label {
6427
- line-height: 32px;
6428
- width: 100px;
6429
- color: rgba(62, 70, 82, 0.6);
6308
+ thead {
6309
+ margin-bottom: 8px;
6310
+ }
6311
+ th {
6312
+ width: 22px;
6313
+ }
6314
+ td {
6315
+ padding: 0;
6316
+ }
6430
6317
  }
6431
6318
  }
6432
6319
 
6433
- .help {
6320
+ .ant-picker-cell {
6434
6321
  color: rgba(62, 70, 82, 0.6);
6435
- margin-top: 5px;
6322
+ opacity: 0.4;
6323
+ }
6324
+ .ant-picker-cell-in-view {
6325
+ color: rgba(62, 70, 82, 0.6);
6326
+ opacity: 1;
6327
+ }
6328
+ .ant-picker-cell-in-view > .active {
6329
+ color: #3e4652;
6436
6330
  }
6437
6331
 
6438
- .ant-input-affix-wrapper,
6439
- .ant-picker {
6440
- width: 128px;
6332
+ .ant-picker-cell::before {
6333
+ pointer-events: none;
6441
6334
  }
6442
6335
  }
6443
6336
 
6444
- .E_c156wh19 {
6445
- display: flex;
6446
- align-items: center;
6447
- justify-content: space-between;
6448
- word-break: keep-all;
6449
-
6450
- .title {
6337
+ .E_t1tsm00v {
6338
+ color: rgba(129, 138, 153, 0.6);
6339
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6340
+ backdrop-filter: blur(10px);
6341
+ padding: 7px 10px;
6342
+ }
6343
+
6344
+ .E_c167wnad {
6345
+ color: rgba(62, 70, 82, 0.6);
6346
+ display: flex;
6347
+ justify-content: space-between;
6348
+ align-items: center;
6349
+ padding: 8px 16px;
6350
+
6351
+ .anticon {
6352
+ cursor: pointer;
6353
+ &:hover {
6354
+ color: $blue;
6355
+ }
6356
+ }
6357
+ }
6358
+
6359
+ .E_cxhf7dh {
6360
+ text-align: center;
6361
+
6362
+ .dots {
6363
+ display: flex;
6364
+ justify-content: center;
6365
+ }
6366
+ .dot {
6367
+ display: inline-block;
6368
+ width: 2px;
6369
+ height: 2px;
6370
+ border-radius: 1px;
6371
+ background: $blue;
6372
+
6373
+ &:not(:last-child) {
6374
+ margin-right: 2px;
6375
+ }
6376
+ }
6377
+ .bar {
6378
+ width: 9px;
6379
+ height: 2px;
6380
+ background: $blue;
6381
+ border-radius: 2px;
6382
+ }
6383
+ }
6384
+
6385
+
6386
+ .E_c1up1pdz {
6387
+ width: 648px;
6388
+
6389
+ &.active {
6390
+ border-color: $blue-60;
6391
+
6392
+ > header {
6393
+ background: rgba($blue-60, 0.1);
6394
+ }
6395
+ }
6396
+
6397
+ .expand {
6398
+ padding: 12px;
6399
+ }
6400
+
6401
+ .field-item {
6402
+ display: flex;
6403
+ padding: 10px 0;
6404
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6405
+
6406
+ &:last-child {
6407
+ border-bottom: none;
6408
+ padding-bottom: 0;
6409
+ }
6410
+
6411
+ label {
6412
+ line-height: 32px;
6413
+ width: 100px;
6414
+ color: rgba(62, 70, 82, 0.6);
6415
+ }
6416
+ }
6417
+
6418
+ .help {
6419
+ color: rgba(62, 70, 82, 0.6);
6420
+ margin-top: 5px;
6421
+ }
6422
+
6423
+ .ant-input-affix-wrapper,
6424
+ .ant-picker {
6425
+ width: 128px;
6426
+ }
6427
+ }
6428
+
6429
+ .E_c156wh19 {
6430
+ display: flex;
6431
+ align-items: center;
6432
+ justify-content: space-between;
6433
+ word-break: keep-all;
6434
+
6435
+ .title {
6451
6436
  margin: 0 16px 0 8px;
6452
6437
  }
6453
6438
 
@@ -6562,6 +6547,36 @@
6562
6547
  }
6563
6548
 
6564
6549
 
6550
+ .E_n12mqh7z {
6551
+ display: flex;
6552
+ align-items: center;
6553
+ font-size: 12px;
6554
+ line-height: 18px;
6555
+
6556
+ &:not(:last-child) {
6557
+ margin-bottom: 4px;
6558
+ }
6559
+ }
6560
+
6561
+ .E_tf5bynu {
6562
+ margin: 0 3px;
6563
+ }
6564
+
6565
+ .E_tcckoz1 {
6566
+ max-height: 400px;
6567
+ overflow: auto;
6568
+ }
6569
+
6570
+
6571
+ .E_tqjc4ui {
6572
+ @at-root {
6573
+ span#{&} {
6574
+ margin: 0 2px;
6575
+ }
6576
+ }
6577
+ }
6578
+
6579
+
6565
6580
  .E_gmyahx3 {
6566
6581
  cursor: pointer;
6567
6582
 
@@ -6575,59 +6590,117 @@
6575
6590
  }
6576
6591
 
6577
6592
 
6578
- .E_tqjc4ui {
6579
- @at-root {
6580
- span#{&} {
6581
- margin: 0 2px;
6593
+ .E_t1sqg15u {
6594
+ background: white;
6595
+
6596
+ &.inline {
6597
+ .table-row {
6598
+ flex-direction: column;
6599
+
6600
+ > label {
6601
+ padding: 0 16px 7px 0;
6602
+ }
6582
6603
  }
6583
6604
  }
6584
- }
6585
6605
 
6606
+ &.has-border {
6607
+ .table-header {
6608
+ border-bottom: 1px solid $strokes-light-trans-1;
6609
+ }
6586
6610
 
6587
- .E_wg1tsps {
6588
- display: flex;
6589
- align-items: center;
6590
- justify-content: flex-end;
6611
+ .hiddenBorder {
6612
+ border-top: none !important;
6613
+ }
6614
+
6615
+ .table-row + .table-row {
6616
+ border-top: 1px solid $strokes-light-trans-1;
6617
+ }
6618
+
6619
+ .table-row:last-of-type {
6620
+ padding-bottom: 0;
6621
+ }
6622
+ }
6623
+
6624
+ &.align-right {
6625
+ .content {
6626
+ text-align: right;
6627
+ }
6628
+ }
6629
+ .uuid-row {
6630
+ display: flex;
6631
+ justify-content: space-between;
6632
+
6633
+ .id-text {
6634
+ white-space: nowrap;
6635
+ overflow: hidden;
6636
+ text-overflow: ellipsis;
6637
+ }
6638
+ }
6591
6639
  }
6592
6640
 
6593
- .E_b1ctd5xy {
6641
+ .E_t4zczcp {
6594
6642
  display: flex;
6643
+ justify-content: space-between;
6595
6644
  align-items: center;
6596
- width: calc(100% - 40px);
6645
+ padding: 8px;
6646
+ min-height: 32px;
6597
6647
 
6598
- .chart {
6599
- display: inline-block;
6600
- width: 100%;
6648
+ .table-title {
6649
+ color: $text-secondary-light;
6650
+ font-weight: 600;
6651
+ font-size: 12px;
6652
+ line-height: 8px;
6653
+ }
6654
+
6655
+ .edit-icon {
6656
+ font-size: 16px;
6657
+ color: $strokes-translucent-2-light;
6658
+ cursor: pointer;
6601
6659
  }
6602
6660
  }
6603
6661
 
6604
- .E_u1p8acpn {
6605
- min-width: 40px;
6662
+ .E_t1s7goww {
6663
+ font-size: 12px;
6664
+ line-height: 18px;
6665
+ }
6606
6666
 
6607
- .unit {
6608
- color: $text-light-primary !important;
6667
+ .E_t93e4cf {
6668
+ display: flex;
6669
+ padding: 8px 0;
6670
+ color: $text-primary-light;
6671
+
6672
+ .hidden {
6673
+ display: none;
6609
6674
  }
6610
- }
6611
6675
 
6676
+ .ant-btn.ant-btn-link {
6677
+ height: auto;
6678
+ }
6612
6679
 
6613
- .E_u15heuvq {
6614
- &.content {
6615
- cursor: default !important;
6616
- &.link {
6617
- cursor: pointer !important;
6618
- &:hover {
6619
- color: $text-colorful-outstanding;
6620
- }
6621
- }
6622
- &.black {
6623
- color: $text-neutral-primary;
6680
+ .content {
6681
+ overflow: hidden;
6682
+ overflow-x: auto;
6683
+ width: 100%;
6684
+ white-space: pre-wrap;
6685
+
6686
+ .ant-btn {
6687
+ white-space: pre-wrap;
6688
+ text-align: left;
6624
6689
  }
6625
- &.gray {
6626
- color: $text-neutral-secondary;
6690
+
6691
+ .unit-chart {
6692
+ justify-content: flex-start;
6627
6693
  }
6628
6694
  }
6629
6695
  }
6630
6696
 
6697
+ .E_rhz2uv5 {
6698
+ width: var(--rhz2uv5-0);
6699
+ flex-shrink: 0;
6700
+ color: $text-secondary-light;
6701
+ padding-right: 12px;
6702
+ }
6703
+
6631
6704
 
6632
6705
  .E_s1iv0tp1 {
6633
6706
  .enabled-switch {
@@ -6641,11 +6714,240 @@
6641
6714
  }
6642
6715
 
6643
6716
 
6644
- .E_t160l1cm {
6717
+ .E_wg1tsps {
6645
6718
  display: flex;
6646
- flex-direction: column;
6647
- flex: 1;
6648
-
6719
+ align-items: center;
6720
+ justify-content: flex-end;
6721
+ }
6722
+
6723
+ .E_b1ctd5xy {
6724
+ display: flex;
6725
+ align-items: center;
6726
+ width: calc(100% - 40px);
6727
+
6728
+ .chart {
6729
+ display: inline-block;
6730
+ width: 100%;
6731
+ }
6732
+ }
6733
+
6734
+ .E_u1p8acpn {
6735
+ min-width: 40px;
6736
+
6737
+ .unit {
6738
+ color: $text-light-primary !important;
6739
+ }
6740
+ }
6741
+
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
+ }
6769
+ }
6770
+ }
6771
+
6772
+
6773
+ .E_skwah65 {
6774
+ height: 8px;
6775
+ box-sizing: border-box;
6776
+ border-radius: 2px;
6777
+ background: #f5f7fa;
6778
+ display: flex;
6779
+ width: 100%;
6780
+ overflow: hidden;
6781
+
6782
+ .stack-bar-item + .stack-bar-item {
6783
+ margin-left: 1px;
6784
+ }
6785
+ }
6786
+
6787
+
6788
+ .E_u15heuvq {
6789
+ &.content {
6790
+ cursor: default !important;
6791
+ &.link {
6792
+ cursor: pointer !important;
6793
+ &:hover {
6794
+ color: $text-colorful-outstanding;
6795
+ }
6796
+ }
6797
+ &.black {
6798
+ color: $text-neutral-primary;
6799
+ }
6800
+ &.gray {
6801
+ color: $text-neutral-secondary;
6802
+ }
6803
+ }
6804
+ }
6805
+
6806
+
6807
+ .E_s1at6qmn {
6808
+ &.ant-layout-sider {
6809
+ background: $backgrounds-light-grouped;
6810
+ padding: 32px 8px;
6811
+ overflow: auto;
6812
+ }
6813
+
6814
+ .ant-layout-sider-children {
6815
+ display: flex;
6816
+ flex-direction: column;
6817
+ justify-content: space-between;
6818
+ }
6819
+
6820
+ footer {
6821
+ display: flex;
6822
+ }
6823
+
6824
+ .ant-menu {
6825
+ background: $backgrounds-light-grouped;
6826
+ a {
6827
+ color: $text-light-primary;
6828
+ width: 180px;
6829
+ overflow: hidden;
6830
+ text-overflow: ellipsis;
6831
+ }
6832
+ }
6833
+
6834
+ .ant-menu-vertical {
6835
+ margin-bottom: 24px;
6836
+
6837
+ .ant-menu-item-group {
6838
+ .ant-menu-item {
6839
+ margin: 0;
6840
+ }
6841
+ .ant-menu-item-group-title {
6842
+ font-size: 12px;
6843
+ padding: 0 8px 4px;
6844
+ line-height: 18px;
6845
+
6846
+ &:empty {
6847
+ padding: 0;
6848
+ }
6849
+ }
6850
+ &:not(:last-child) {
6851
+ padding-bottom: 24px;
6852
+ &.split {
6853
+ margin-bottom: 24px;
6854
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6855
+ }
6856
+ }
6857
+ }
6858
+
6859
+ .ant-menu-item {
6860
+ transition: none;
6861
+ display: flex;
6862
+ align-items: center;
6863
+ height: 32px;
6864
+ line-height: 22px;
6865
+ padding: 0 8px;
6866
+
6867
+ > .icon-wrapper {
6868
+ margin-right: 12px;
6869
+ }
6870
+
6871
+ &:not(:last-child) {
6872
+ margin: 0;
6873
+ margin-bottom: 2px;
6874
+ }
6875
+ &.ant-menu-item-selected {
6876
+ background: $background-selected;
6877
+ box-shadow: $box-shadow-light-selected;
6878
+ border-radius: 6px;
6879
+ color: $text-light-on-tint;
6880
+ a {
6881
+ color: $text-light-on-tint;
6882
+ }
6883
+ }
6884
+ &:not(.ant-menu-item-selected) {
6885
+ &.ant-menu-item:hover,
6886
+ &.ant-menu-item-active {
6887
+ background: $background-onhover;
6888
+ box-shadow: $box-shadow-light-onhover;
6889
+ border-radius: 6px;
6890
+ }
6891
+ }
6892
+ }
6893
+ }
6894
+ }
6895
+
6896
+ .E_s1wu0lms {
6897
+ .ant-menu-item-group-title {
6898
+ white-space: nowrap;
6899
+ transition: all 0s;
6900
+ }
6901
+
6902
+ &.shrink {
6903
+ transition: all 0s;
6904
+ overflow: hidden;
6905
+
6906
+ .ant-menu-item-group-title {
6907
+ visibility: hidden;
6908
+ }
6909
+
6910
+ .ant-menu-item {
6911
+ width: 36px;
6912
+ padding: 0 6px;
6913
+ }
6914
+ }
6915
+ }
6916
+
6917
+ .E_n1ugzfva {
6918
+ display: flex;
6919
+ place-items: center;
6920
+ width: 100% !important;
6921
+
6922
+ &[disabled] {
6923
+ color: rgba(0, 0, 0, 0.25) !important;
6924
+ opacity: 1 !important;
6925
+ }
6926
+
6927
+ &.ant-btn {
6928
+ width: 100%;
6929
+ color: $text-light-primary;
6930
+ }
6931
+
6932
+ .icon-wrapper {
6933
+ margin-right: 12px;
6934
+ }
6935
+
6936
+ .link-title {
6937
+ flex: 1;
6938
+ overflow: hidden;
6939
+ white-space: nowrap;
6940
+ text-overflow: ellipsis;
6941
+ text-align: left;
6942
+ }
6943
+ }
6944
+
6945
+
6946
+ .E_t160l1cm {
6947
+ display: flex;
6948
+ flex-direction: column;
6949
+ flex: 1;
6950
+
6649
6951
  .tab-bar {
6650
6952
  flex-shrink: 0;
6651
6953
  display: flex;
@@ -6896,318 +7198,16 @@
6896
7198
  height: 1px;
6897
7199
  width: calc(100% + 10px);
6898
7200
  background: $strokes-translucent-1-light;
6899
- display: block;
6900
- }
6901
- }
6902
-
6903
- &.ant-dropdown-menu-item-selected {
6904
- color: $blue-60;
6905
- background: transparent;
6906
- }
6907
- }
6908
- }
6909
- }
6910
-
6911
-
6912
- .E_s1at6qmn {
6913
- &.ant-layout-sider {
6914
- background: $backgrounds-light-grouped;
6915
- padding: 32px 8px;
6916
- overflow: auto;
6917
- }
6918
-
6919
- .ant-layout-sider-children {
6920
- display: flex;
6921
- flex-direction: column;
6922
- justify-content: space-between;
6923
- }
6924
-
6925
- footer {
6926
- display: flex;
6927
- }
6928
-
6929
- .ant-menu {
6930
- background: $backgrounds-light-grouped;
6931
- a {
6932
- color: $text-light-primary;
6933
- width: 180px;
6934
- overflow: hidden;
6935
- text-overflow: ellipsis;
6936
- }
6937
- }
6938
-
6939
- .ant-menu-vertical {
6940
- margin-bottom: 24px;
6941
-
6942
- .ant-menu-item-group {
6943
- .ant-menu-item {
6944
- margin: 0;
6945
- }
6946
- .ant-menu-item-group-title {
6947
- font-size: 12px;
6948
- padding: 0 8px 4px;
6949
- line-height: 18px;
6950
-
6951
- &:empty {
6952
- padding: 0;
6953
- }
6954
- }
6955
- &:not(:last-child) {
6956
- padding-bottom: 24px;
6957
- &.split {
6958
- margin-bottom: 24px;
6959
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6960
- }
6961
- }
6962
- }
6963
-
6964
- .ant-menu-item {
6965
- transition: none;
6966
- display: flex;
6967
- align-items: center;
6968
- height: 32px;
6969
- line-height: 22px;
6970
- padding: 0 8px;
6971
-
6972
- > .icon-wrapper {
6973
- margin-right: 12px;
6974
- }
6975
-
6976
- &:not(:last-child) {
6977
- margin: 0;
6978
- margin-bottom: 2px;
6979
- }
6980
- &.ant-menu-item-selected {
6981
- background: $background-selected;
6982
- box-shadow: $box-shadow-light-selected;
6983
- border-radius: 6px;
6984
- color: $text-light-on-tint;
6985
- a {
6986
- color: $text-light-on-tint;
6987
- }
6988
- }
6989
- &:not(.ant-menu-item-selected) {
6990
- &.ant-menu-item:hover,
6991
- &.ant-menu-item-active {
6992
- background: $background-onhover;
6993
- box-shadow: $box-shadow-light-onhover;
6994
- border-radius: 6px;
6995
- }
6996
- }
6997
- }
6998
- }
6999
- }
7000
-
7001
- .E_s1wu0lms {
7002
- .ant-menu-item-group-title {
7003
- white-space: nowrap;
7004
- transition: all 0s;
7005
- }
7006
-
7007
- &.shrink {
7008
- transition: all 0s;
7009
- overflow: hidden;
7010
-
7011
- .ant-menu-item-group-title {
7012
- visibility: hidden;
7013
- }
7014
-
7015
- .ant-menu-item {
7016
- width: 36px;
7017
- padding: 0 6px;
7018
- }
7019
- }
7020
- }
7021
-
7022
- .E_n1ugzfva {
7023
- display: flex;
7024
- place-items: center;
7025
- width: 100% !important;
7026
-
7027
- &[disabled] {
7028
- color: rgba(0, 0, 0, 0.25) !important;
7029
- opacity: 1 !important;
7030
- }
7031
-
7032
- &.ant-btn {
7033
- width: 100%;
7034
- color: $text-light-primary;
7035
- }
7036
-
7037
- .icon-wrapper {
7038
- margin-right: 12px;
7039
- }
7040
-
7041
- .link-title {
7042
- flex: 1;
7043
- overflow: hidden;
7044
- white-space: nowrap;
7045
- text-overflow: ellipsis;
7046
- text-align: left;
7047
- }
7048
- }
7049
-
7050
-
7051
- .E_t1sqg15u {
7052
- background: white;
7053
-
7054
- &.inline {
7055
- .table-row {
7056
- flex-direction: column;
7057
-
7058
- > label {
7059
- padding: 0 16px 7px 0;
7060
- }
7061
- }
7062
- }
7063
-
7064
- &.has-border {
7065
- .table-header {
7066
- border-bottom: 1px solid $strokes-light-trans-1;
7067
- }
7068
-
7069
- .hiddenBorder {
7070
- border-top: none !important;
7071
- }
7072
-
7073
- .table-row + .table-row {
7074
- border-top: 1px solid $strokes-light-trans-1;
7075
- }
7076
-
7077
- .table-row:last-of-type {
7078
- padding-bottom: 0;
7079
- }
7080
- }
7081
-
7082
- &.align-right {
7083
- .content {
7084
- text-align: right;
7085
- }
7086
- }
7087
- .uuid-row {
7088
- display: flex;
7089
- justify-content: space-between;
7090
-
7091
- .id-text {
7092
- white-space: nowrap;
7093
- overflow: hidden;
7094
- text-overflow: ellipsis;
7095
- }
7096
- }
7097
- }
7098
-
7099
- .E_t4zczcp {
7100
- display: flex;
7101
- justify-content: space-between;
7102
- align-items: center;
7103
- padding: 8px;
7104
- min-height: 32px;
7105
-
7106
- .table-title {
7107
- color: $text-secondary-light;
7108
- font-weight: 600;
7109
- font-size: 12px;
7110
- line-height: 8px;
7111
- }
7112
-
7113
- .edit-icon {
7114
- font-size: 16px;
7115
- color: $strokes-translucent-2-light;
7116
- cursor: pointer;
7117
- }
7118
- }
7119
-
7120
- .E_t1s7goww {
7121
- font-size: 12px;
7122
- line-height: 18px;
7123
- }
7124
-
7125
- .E_t93e4cf {
7126
- display: flex;
7127
- padding: 8px 0;
7128
- color: $text-primary-light;
7129
-
7130
- .hidden {
7131
- display: none;
7132
- }
7133
-
7134
- .ant-btn.ant-btn-link {
7135
- height: auto;
7136
- }
7137
-
7138
- .content {
7139
- overflow: hidden;
7140
- overflow-x: auto;
7141
- width: 100%;
7142
- white-space: pre-wrap;
7143
-
7144
- .ant-btn {
7145
- white-space: pre-wrap;
7146
- text-align: left;
7147
- }
7148
-
7149
- .unit-chart {
7150
- justify-content: flex-start;
7151
- }
7152
- }
7153
- }
7154
-
7155
- .E_rhz2uv5 {
7156
- width: var(--rhz2uv5-0);
7157
- flex-shrink: 0;
7158
- color: $text-secondary-light;
7159
- padding-right: 12px;
7160
- }
7161
-
7162
-
7163
- .E_ou7iq30 {
7164
- overflow: hidden;
7165
- text-overflow: ellipsis;
7166
- }
7167
-
7168
- .E_s1tui002 {
7169
- white-space: nowrap;
7170
- }
7171
-
7172
- .E_mxrc2zg {
7173
- display: -webkit-box;
7174
- -webkit-line-clamp: var(--mxrc2zg-0);
7175
- -webkit-box-orient: vertical;
7176
- word-break: break-all;
7177
- }
7178
-
7179
- .E_t1vv6d68 {
7180
- .ant-tooltip-arrow {
7181
- display: none;
7182
- }
7183
- .ant-tooltip-inner {
7184
- background: $gray-a80-9;
7185
- border-radius: 4px;
7186
- &:has(.eagle-ellipsis-content) {
7187
- visibility: hidden;
7188
- }
7189
- }
7190
- }
7191
-
7192
-
7193
- .E_n12mqh7z {
7194
- display: flex;
7195
- align-items: center;
7196
- font-size: 12px;
7197
- line-height: 18px;
7198
-
7199
- &:not(:last-child) {
7200
- margin-bottom: 4px;
7201
- }
7202
- }
7203
-
7204
- .E_tf5bynu {
7205
- margin: 0 3px;
7206
- }
7201
+ display: block;
7202
+ }
7203
+ }
7207
7204
 
7208
- .E_tcckoz1 {
7209
- max-height: 400px;
7210
- overflow: auto;
7205
+ &.ant-dropdown-menu-item-selected {
7206
+ color: $blue-60;
7207
+ background: transparent;
7208
+ }
7209
+ }
7210
+ }
7211
7211
  }
7212
7212
 
7213
7213
 
@@ -7275,57 +7275,6 @@
7275
7275
  }
7276
7276
 
7277
7277
 
7278
- .E_h1ol2wl7 {
7279
- font-weight: bold;
7280
- background-color: unset;
7281
- padding: unset;
7282
- }
7283
-
7284
-
7285
- .E_i5w779o {
7286
- padding: 8px 0;
7287
-
7288
- .col-label {
7289
- flex-shrink: unset;
7290
- * {
7291
- line-height: 18px;
7292
- }
7293
- }
7294
- .col-content {
7295
- flex: 1 1 0;
7296
- display: flex;
7297
- align-items: center;
7298
- * {
7299
- line-height: 18px;
7300
- }
7301
- }
7302
- }
7303
-
7304
- .E_l18dja44 {
7305
- padding: 6px 0;
7306
-
7307
- .col-label * {
7308
- font-size: 13px;
7309
- line-height: 20px;
7310
- }
7311
- .col-content * {
7312
- font-size: 14px;
7313
- line-height: 20px;
7314
- }
7315
- }
7316
-
7317
- .E_c8c2hys {
7318
- display: flex;
7319
- justify-content: space-between;
7320
- flex: 1;
7321
- min-width: 0;
7322
- }
7323
-
7324
- .E_n4m6c4d {
7325
- color: $text-light-tertiary;
7326
- }
7327
-
7328
-
7329
7278
  .E_kr6am0s {
7330
7279
  .ant-modal-body {
7331
7280
  padding: 60px 128px;
@@ -7400,23 +7349,110 @@
7400
7349
  }
7401
7350
 
7402
7351
 
7403
- .E_l12xdkhl {
7404
- width: 64px;
7405
- height: 64px;
7406
- max-width: 64px;
7407
- max-height: 64px;
7408
- overflow: hidden;
7352
+ .E_h1ol2wl7 {
7353
+ font-weight: bold;
7354
+ background-color: unset;
7355
+ padding: unset;
7356
+ }
7357
+
7358
+
7359
+ .E_i5w779o {
7360
+ padding: 8px 0;
7361
+
7362
+ .col-label {
7363
+ flex-shrink: unset;
7364
+ * {
7365
+ line-height: 18px;
7366
+ }
7367
+ }
7368
+ .col-content {
7369
+ flex: 1 1 0;
7370
+ display: flex;
7371
+ align-items: center;
7372
+ * {
7373
+ line-height: 18px;
7374
+ }
7375
+ }
7376
+ }
7377
+
7378
+ .E_l18dja44 {
7379
+ padding: 6px 0;
7380
+
7381
+ .col-label * {
7382
+ font-size: 13px;
7383
+ line-height: 20px;
7384
+ }
7385
+ .col-content * {
7386
+ font-size: 14px;
7387
+ line-height: 20px;
7388
+ }
7389
+ }
7390
+
7391
+ .E_c8c2hys {
7409
7392
  display: flex;
7410
- align-items: center;
7411
- justify-content: center;
7412
- position: relative;
7413
- opacity: 0.6;
7393
+ justify-content: space-between;
7394
+ flex: 1;
7395
+ min-width: 0;
7396
+ }
7397
+
7398
+ .E_n4m6c4d {
7399
+ color: $text-light-tertiary;
7400
+ }
7401
+
7402
+
7403
+ .E_c1ss4prm {
7404
+ color: $text-light-secondary;
7405
+
7406
+ li {
7407
+ margin-bottom: 4px;
7408
+
7409
+ &:last-child {
7410
+ margin-bottom: 0;
7411
+ }
7412
+ }
7413
+ }
7414
+
7415
+ .E_ms3tlei {
7416
+ background: $fill-neutral-trans-2;
7417
+ padding: 8px;
7418
+ border-radius: 6px;
7419
+ color: $gray-a60-8;
7420
+
7414
7421
  .icon-wrapper {
7415
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7416
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7422
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7423
+ margin-right: 4px;
7424
+ }
7425
+
7426
+ li {
7427
+ margin-bottom: 4px;
7428
+ display: flex;
7429
+ align-items: flex-start;
7430
+
7431
+ &:last-child {
7432
+ margin-bottom: 0;
7433
+ }
7417
7434
  }
7418
7435
  }
7419
7436
 
7437
+ .E_du44iy7 {
7438
+ margin-bottom: 4px;
7439
+ }
7440
+
7441
+ .E_p1qmhanr {
7442
+ margin-bottom: 8px;
7443
+ }
7444
+
7445
+ .E_srje1h0 {
7446
+ color: $text-light-secondary;
7447
+ margin-bottom: 8px;
7448
+ }
7449
+
7450
+ .E_di3zi7v {
7451
+ height: 1px;
7452
+ background: $strokes-light-opaque-2;
7453
+ margin: 16px 0;
7454
+ }
7455
+
7420
7456
 
7421
7457
  .E_c14ouk5o {
7422
7458
  width: 100%;
@@ -7469,6 +7505,16 @@
7469
7505
  }
7470
7506
 
7471
7507
 
7508
+ .E_cevhqx7 {
7509
+ color: $text-light-primary;
7510
+ }
7511
+
7512
+ .E_snbqlt4 {
7513
+ margin-top: 8px;
7514
+ color: $text-light-secondary;
7515
+ }
7516
+
7517
+
7472
7518
  .E_c1kchka8 {
7473
7519
  height: 100%;
7474
7520
  width: 100%;
@@ -8068,66 +8114,20 @@
8068
8114
  }
8069
8115
 
8070
8116
 
8071
- .E_c1ss4prm {
8072
- color: $text-light-secondary;
8073
-
8074
- li {
8075
- margin-bottom: 4px;
8076
-
8077
- &:last-child {
8078
- margin-bottom: 0;
8079
- }
8080
- }
8081
- }
8082
-
8083
- .E_ms3tlei {
8084
- background: $fill-neutral-trans-2;
8085
- padding: 8px;
8086
- border-radius: 6px;
8087
- color: $gray-a60-8;
8088
-
8117
+ .E_l12xdkhl {
8118
+ width: 64px;
8119
+ height: 64px;
8120
+ max-width: 64px;
8121
+ max-height: 64px;
8122
+ overflow: hidden;
8123
+ display: flex;
8124
+ align-items: center;
8125
+ justify-content: center;
8126
+ position: relative;
8127
+ opacity: 0.6;
8089
8128
  .icon-wrapper {
8090
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8091
- margin-right: 4px;
8092
- }
8093
-
8094
- li {
8095
- margin-bottom: 4px;
8096
- display: flex;
8097
- align-items: flex-start;
8098
-
8099
- &:last-child {
8100
- margin-bottom: 0;
8101
- }
8129
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8130
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8102
8131
  }
8103
8132
  }
8104
8133
 
8105
- .E_du44iy7 {
8106
- margin-bottom: 4px;
8107
- }
8108
-
8109
- .E_p1qmhanr {
8110
- margin-bottom: 8px;
8111
- }
8112
-
8113
- .E_srje1h0 {
8114
- color: $text-light-secondary;
8115
- margin-bottom: 8px;
8116
- }
8117
-
8118
- .E_di3zi7v {
8119
- height: 1px;
8120
- background: $strokes-light-opaque-2;
8121
- margin: 16px 0;
8122
- }
8123
-
8124
-
8125
- .E_cevhqx7 {
8126
- color: $text-light-primary;
8127
- }
8128
-
8129
- .E_snbqlt4 {
8130
- margin-top: 8px;
8131
- color: $text-light-secondary;
8132
- }
8133
-