@cloudtower/eagle 0.33.34 → 0.33.35

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,6 +51,74 @@
51
51
  }
52
52
 
53
53
 
54
+ .E_berrcjl {
55
+ color: $text-terdiary-light;
56
+ margin-bottom: 4px;
57
+
58
+ .breadcrumb-link {
59
+ color: $text-terdiary-light;
60
+ cursor: pointer;
61
+ transition: color 160ms ease;
62
+
63
+ &:hover {
64
+ color: $blue-60;
65
+ }
66
+ &:active {
67
+ color: $blue-80;
68
+ }
69
+ }
70
+ }
71
+
72
+
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
76
+
77
+ .E_bqamoqe {
78
+ white-space: nowrap;
79
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
+
81
+ & > .ant-btn {
82
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
+ --color: #{$text-light-general};
84
+
85
+ &[disabled],
86
+ &:hover[disabled] {
87
+ --color: #{$text-light-general};
88
+ }
89
+ }
90
+ }
91
+
92
+ & > .ant-btn:not(:only-child) {
93
+ & + .ant-btn {
94
+ margin-left: 1px;
95
+ }
96
+
97
+ &:first-child {
98
+ border-top-right-radius: 0;
99
+ border-bottom-right-radius: 0;
100
+ }
101
+
102
+ &:last-child {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
106
+
107
+ &:not(:first-child, :last-child) {
108
+ border-radius: unset;
109
+ }
110
+ }
111
+ }
112
+
113
+
114
+ .E_c1yyuluq {
115
+ border-radius: 8px;
116
+ .ant-card-body {
117
+ padding: 20px 24px 24px 24px;
118
+ }
119
+ }
120
+
121
+
54
122
  .E_ccrbeuz {
55
123
  .ant-collapse-item {
56
124
  border: 0px;
@@ -83,6 +151,24 @@
83
151
  }
84
152
 
85
153
 
154
+ .E_d133fzv0 {
155
+ .ant-dropdown-menu-item-group {
156
+ .ant-dropdown-menu-item-group-title {
157
+ padding: 4px 8px 0 8px;
158
+ color: $text-light-secondary;
159
+ font-size: 12px;
160
+ }
161
+ .ant-dropdown-menu-item-group-list {
162
+ padding-bottom: 6px;
163
+ }
164
+ &:not(:first-child) {
165
+ padding-top: 4px;
166
+ border-top: 1px solid $strokes-light-trans-2;
167
+ }
168
+ }
169
+ }
170
+
171
+
86
172
  .E_c1uzzomf {
87
173
  margin-bottom: 16px;
88
174
 
@@ -108,20 +194,9 @@
108
194
  }
109
195
 
110
196
 
111
- .E_d133fzv0 {
112
- .ant-dropdown-menu-item-group {
113
- .ant-dropdown-menu-item-group-title {
114
- padding: 4px 8px 0 8px;
115
- color: $text-light-secondary;
116
- font-size: 12px;
117
- }
118
- .ant-dropdown-menu-item-group-list {
119
- padding-bottom: 6px;
120
- }
121
- &:not(:first-child) {
122
- padding-top: 4px;
123
- border-top: 1px solid $strokes-light-trans-2;
124
- }
197
+ .E_sx1bpnu {
198
+ .ant-input-sm {
199
+ line-height: 18px;
125
200
  }
126
201
  }
127
202
 
@@ -217,21 +292,6 @@
217
292
  }
218
293
 
219
294
 
220
- .E_sx1bpnu {
221
- .ant-input-sm {
222
- line-height: 18px;
223
- }
224
- }
225
-
226
-
227
- .E_c1yyuluq {
228
- border-radius: 8px;
229
- .ant-card-body {
230
- padding: 20px 24px 24px 24px;
231
- }
232
- }
233
-
234
-
235
295
  .E_b1wx3t3t {
236
296
  &.ant-btn-icon-only {
237
297
  justify-content: center;
@@ -590,94 +650,57 @@
590
650
  }
591
651
 
592
652
 
593
- .E_berrcjl {
594
- color: $text-terdiary-light;
595
- margin-bottom: 4px;
596
-
597
- .breadcrumb-link {
598
- color: $text-terdiary-light;
599
- cursor: pointer;
600
- transition: color 160ms ease;
601
-
602
- &:hover {
603
- color: $blue-60;
604
- }
605
- &:active {
606
- color: $blue-80;
607
- }
608
- }
609
- }
610
-
611
-
612
- .E_b1nip9bk {
613
- padding: 4px 11px;
614
- }
615
-
616
- .E_bqamoqe {
617
- white-space: nowrap;
618
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
619
-
620
- & > .ant-btn {
621
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
622
- --color: #{$text-light-general};
623
-
624
- &[disabled],
625
- &:hover[disabled] {
626
- --color: #{$text-light-general};
627
- }
628
- }
629
- }
630
-
631
- & > .ant-btn:not(:only-child) {
632
- & + .ant-btn {
633
- margin-left: 1px;
634
- }
635
-
636
- &:first-child {
637
- border-top-right-radius: 0;
638
- border-bottom-right-radius: 0;
639
- }
640
-
641
- &:last-child {
642
- border-top-left-radius: 0;
643
- border-bottom-left-radius: 0;
644
- }
645
-
646
- &:not(:first-child, :last-child) {
647
- border-radius: unset;
648
- }
649
- }
650
- }
651
-
652
-
653
- .E_i11gg7mj {
654
- .ant-input-prefix {
655
- margin-right: 8px;
656
- }
657
- .ant-input-suffix {
658
- margin-left: 8px;
653
+ .E_itxley7 {
654
+ &.ant-input-group.ant-input-group-compact {
655
+ display: flex;
659
656
  }
660
- }
661
-
662
- .E_cc368xp {
663
- color: $gray-120;
664
- border-right: 1px solid $gray-a60-5;
665
- margin-right: 8px;
666
- padding-right: 8px;
667
- }
668
-
669
- .E_i11o6xqj {
670
- display: flex;
671
- gap: 4px;
672
657
 
673
- .icon-wrapper {
674
- cursor: pointer;
658
+ &.ant-input-group.ant-input-group-compact > *:first-child,
659
+ &.ant-input-group.ant-input-group-compact
660
+ > .ant-select:first-child
661
+ > .ant-select-selector,
662
+ &.ant-input-group.ant-input-group-compact
663
+ > .ant-calendar-picker:first-child
664
+ .ant-input,
665
+ &.ant-input-group.ant-input-group-compact
666
+ > .ant-select-auto-complete:first-child
667
+ .ant-input,
668
+ &.ant-input-group.ant-input-group-compact
669
+ > .ant-cascader-picker:first-child
670
+ .ant-input,
671
+ &.ant-input-group.ant-input-group-compact
672
+ > .ant-mention-wrapper:first-child
673
+ .ant-mention-editor,
674
+ &.ant-input-group.ant-input-group-compact
675
+ > .ant-time-picker:first-child
676
+ .ant-time-picker-input {
677
+ border-bottom-left-radius: 5px;
678
+ border-top-left-radius: 5px;
675
679
  }
676
- }
677
-
678
- .E_d19ruhdj {
679
- &.icon-wrapper {
680
- cursor: not-allowed;
680
+ &.ant-input-group.ant-input-group-compact > *:last-child,
681
+ &.ant-input-group.ant-input-group-compact
682
+ > .ant-select:last-child
683
+ > .ant-select-selector,
684
+ &.ant-input-group.ant-input-group-compact
685
+ > .ant-calendar-picker:last-child
686
+ .ant-input,
687
+ &.ant-input-group.ant-input-group-compact
688
+ > .ant-select-auto-complete:last-child
689
+ .ant-input,
690
+ &.ant-input-group.ant-input-group-compact
691
+ > .ant-cascader-picker:last-child
692
+ .ant-input,
693
+ &.ant-input-group.ant-input-group-compact
694
+ > .ant-cascader-picker-focused:last-child
695
+ .ant-input,
696
+ &.ant-input-group.ant-input-group-compact
697
+ > .ant-mention-wrapper:last-child
698
+ .ant-mention-editor,
699
+ &.ant-input-group.ant-input-group-compact
700
+ > .ant-time-picker:last-child
701
+ .ant-time-picker-input {
702
+ border-bottom-right-radius: 5px;
703
+ border-top-right-radius: 5px;
681
704
  }
682
705
  }
683
706
 
@@ -749,57 +772,117 @@
749
772
  }
750
773
 
751
774
 
752
- .E_itxley7 {
753
- &.ant-input-group.ant-input-group-compact {
754
- display: flex;
755
- }
756
-
757
- &.ant-input-group.ant-input-group-compact > *:first-child,
758
- &.ant-input-group.ant-input-group-compact
759
- > .ant-select:first-child
760
- > .ant-select-selector,
761
- &.ant-input-group.ant-input-group-compact
762
- > .ant-calendar-picker:first-child
763
- .ant-input,
764
- &.ant-input-group.ant-input-group-compact
765
- > .ant-select-auto-complete:first-child
766
- .ant-input,
767
- &.ant-input-group.ant-input-group-compact
768
- > .ant-cascader-picker:first-child
769
- .ant-input,
770
- &.ant-input-group.ant-input-group-compact
771
- > .ant-mention-wrapper:first-child
772
- .ant-mention-editor,
773
- &.ant-input-group.ant-input-group-compact
774
- > .ant-time-picker:first-child
775
- .ant-time-picker-input {
776
- border-bottom-left-radius: 5px;
777
- border-top-left-radius: 5px;
775
+ .E_s1dizucg {
776
+ &.ant-switch {
777
+ min-width: 40px;
778
+ height: 24px;
779
+ background: $fills-trans-quinary-light;
780
+ overflow: hidden;
781
+ &:focus {
782
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
783
+ }
778
784
  }
779
- &.ant-input-group.ant-input-group-compact > *:last-child,
780
- &.ant-input-group.ant-input-group-compact
781
- > .ant-select:last-child
782
- > .ant-select-selector,
783
- &.ant-input-group.ant-input-group-compact
784
- > .ant-calendar-picker:last-child
785
- .ant-input,
786
- &.ant-input-group.ant-input-group-compact
787
- > .ant-select-auto-complete:last-child
788
- .ant-input,
789
- &.ant-input-group.ant-input-group-compact
790
- > .ant-cascader-picker:last-child
791
- .ant-input,
792
- &.ant-input-group.ant-input-group-compact
793
- > .ant-cascader-picker-focused:last-child
794
- .ant-input,
795
- &.ant-input-group.ant-input-group-compact
796
- > .ant-mention-wrapper:last-child
797
- .ant-mention-editor,
798
- &.ant-input-group.ant-input-group-compact
799
- > .ant-time-picker:last-child
800
- .ant-time-picker-input {
801
- border-bottom-right-radius: 5px;
802
- border-top-right-radius: 5px;
785
+ &.ant-switch-small {
786
+ min-width: 26px;
787
+ height: 16px;
788
+ }
789
+ &.ant-switch-large {
790
+ min-width: 52px;
791
+ height: 32px;
792
+ }
793
+
794
+ &.ant-switch .ant-switch-handle {
795
+ height: 20px;
796
+ width: 20px;
797
+ &::before {
798
+ border-radius: 10px;
799
+ transition-delay: 120ms;
800
+ }
801
+ }
802
+ &.ant-switch-small .ant-switch-handle {
803
+ height: 14px;
804
+ width: 14px;
805
+ top: 1px;
806
+ left: 1px;
807
+ }
808
+ &.ant-switch-large .ant-switch-handle {
809
+ height: 28px;
810
+ width: 28px;
811
+ &::before {
812
+ border-radius: 14px;
813
+ }
814
+ }
815
+
816
+ &.ant-switch-checked {
817
+ background-color: $green-60;
818
+ }
819
+ &.ant-switch-checked .ant-switch-handle {
820
+ left: calc(100% - 20px - 2px);
821
+ }
822
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
823
+ left: calc(100% - 14px - 1px);
824
+ }
825
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
826
+ left: calc(100% - 28px - 2px);
827
+ }
828
+ }
829
+
830
+ .E_c1up6e3y {
831
+ margin-left: 5px;
832
+ }
833
+
834
+
835
+ .E_ivqqkzv {
836
+ height: 24px;
837
+ width: 56px !important;
838
+ margin-right: 4px;
839
+ }
840
+
841
+ .E_c1wk4q29 {
842
+ color: $text-secondary-light;
843
+ }
844
+
845
+
846
+ .E_c1bus5hc {
847
+ --color: white;
848
+ height: 14px;
849
+ width: 14px;
850
+ border-radius: 50%;
851
+ flex-shrink: 0;
852
+ display: flex;
853
+ align-items: center;
854
+ justify-content: center;
855
+ border: 1px solid var(--color);
856
+
857
+ .circle-inner {
858
+ position: relative;
859
+ height: 10px;
860
+ width: 10px;
861
+ border-radius: 50%;
862
+ overflow: hidden;
863
+ }
864
+
865
+ .circle-content {
866
+ position: absolute;
867
+ height: 100%;
868
+ width: 100%;
869
+ left: 0;
870
+ top: 0;
871
+ border-radius: 50%;
872
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
873
+ transform: rotate(180deg);
874
+ }
875
+
876
+ .circle-child {
877
+ position: absolute;
878
+ height: 100%;
879
+ width: 100%;
880
+ left: 0;
881
+ top: 0;
882
+ margin-left: 50%;
883
+ transform-origin: left;
884
+ background: white;
885
+ transform: rotate(0deg);
803
886
  }
804
887
  }
805
888
 
@@ -985,119 +1068,134 @@
985
1068
  }
986
1069
 
987
1070
 
988
- .E_ivqqkzv {
989
- height: 24px;
990
- width: 56px !important;
991
- margin-right: 4px;
1071
+ .E_i11gg7mj {
1072
+ .ant-input-prefix {
1073
+ margin-right: 8px;
1074
+ }
1075
+ .ant-input-suffix {
1076
+ margin-left: 8px;
1077
+ }
992
1078
  }
993
1079
 
994
- .E_c1wk4q29 {
995
- color: $text-secondary-light;
996
- }
997
-
1080
+ .E_cc368xp {
1081
+ color: $gray-120;
1082
+ border-right: 1px solid $gray-a60-5;
1083
+ margin-right: 8px;
1084
+ padding-right: 8px;
1085
+ }
998
1086
 
999
- .E_c1bus5hc {
1000
- --color: white;
1001
- height: 14px;
1002
- width: 14px;
1003
- border-radius: 50%;
1004
- flex-shrink: 0;
1087
+ .E_i11o6xqj {
1005
1088
  display: flex;
1006
- align-items: center;
1007
- justify-content: center;
1008
- border: 1px solid var(--color);
1089
+ gap: 4px;
1009
1090
 
1010
- .circle-inner {
1011
- position: relative;
1012
- height: 10px;
1013
- width: 10px;
1014
- border-radius: 50%;
1015
- overflow: hidden;
1091
+ .icon-wrapper {
1092
+ cursor: pointer;
1016
1093
  }
1094
+ }
1017
1095
 
1018
- .circle-content {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- border-radius: 50%;
1025
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
- transform: rotate(180deg);
1096
+ .E_d19ruhdj {
1097
+ &.icon-wrapper {
1098
+ cursor: not-allowed;
1027
1099
  }
1100
+ }
1028
1101
 
1029
- .circle-child {
1030
- position: absolute;
1031
- height: 100%;
1032
- width: 100%;
1033
- left: 0;
1034
- top: 0;
1035
- margin-left: 50%;
1036
- transform-origin: left;
1037
- background: white;
1038
- transform: rotate(0deg);
1102
+
1103
+ .E_tju3gfj {
1104
+ .date {
1105
+ margin-right: 4px;
1039
1106
  }
1040
1107
  }
1041
1108
 
1042
1109
 
1043
- .E_s1dizucg {
1044
- &.ant-switch {
1045
- min-width: 40px;
1046
- height: 24px;
1047
- background: $fills-trans-quinary-light;
1048
- overflow: hidden;
1049
- &:focus {
1050
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1051
- }
1052
- }
1053
- &.ant-switch-small {
1054
- min-width: 26px;
1055
- height: 16px;
1110
+ .E_s1sck0th {
1111
+ padding: 0 8px;
1112
+ border-radius: 4px;
1056
1113
  }
1057
- &.ant-switch-large {
1058
- min-width: 52px;
1059
- height: 32px;
1114
+
1115
+ .E_m855nr1 {
1116
+ padding: 2px 8px;
1117
+ border-radius: 3px;
1060
1118
  }
1061
1119
 
1062
- &.ant-switch .ant-switch-handle {
1063
- height: 20px;
1064
- width: 20px;
1065
- &::before {
1066
- border-radius: 10px;
1067
- transition-delay: 120ms;
1068
- }
1120
+ .E_l1270xpg {
1121
+ padding: 3px 8px;
1122
+ border-radius: 2px;
1069
1123
  }
1070
- &.ant-switch-small .ant-switch-handle {
1071
- height: 14px;
1072
- width: 14px;
1073
- top: 1px;
1074
- left: 1px;
1124
+
1125
+ .E_t14rextb {
1126
+ &.ant-tag:hover {
1127
+ opacity: unset;
1075
1128
  }
1076
- &.ant-switch-large .ant-switch-handle {
1077
- height: 28px;
1078
- width: 28px;
1079
- &::before {
1080
- border-radius: 14px;
1129
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1130
+ margin: 0;
1131
+ margin-right: 8px;
1132
+ display: inline-flex;
1133
+ align-items: center;
1134
+ border: none;
1135
+ & .ant-tag-close-icon {
1136
+ width: 16px;
1137
+ height: 16px;
1138
+ color: inherit;
1139
+ margin-left: 4px;
1140
+ opacity: 0.6;
1141
+ display: inline-flex;
1142
+ &:hover {
1143
+ opacity: 1;
1144
+ }
1145
+ }
1146
+ &.ant-tag-blue {
1147
+ color: $fills-light-general-general;
1148
+ background-color: $fills-light-general-general-light;
1149
+ }
1150
+ &.ant-tag-red {
1151
+ color: $fills-light-serious-serious;
1152
+ background-color: $fills-light-serious-serious-light;
1153
+ }
1154
+ &.ant-tag-yellow {
1155
+ color: $fills-light-notice-notice-dark;
1156
+ background-color: $fills-light-notice-notice-light;
1157
+ }
1158
+ &.ant-tag-green {
1159
+ color: $fills-light-positive-positive-dark;
1160
+ background-color: $fills-light-positive-positive-light;
1161
+ }
1162
+ &.ant-tag-gray {
1163
+ color: $text-light-super;
1164
+ background-color: $fills-element-light-container-general;
1165
+ }
1166
+ &.ant-tag-purple {
1167
+ color: $text-colorful-purple;
1168
+ background-color: $fill-purple-light;
1081
1169
  }
1082
- }
1083
1170
 
1084
- &.ant-switch-checked {
1085
- background-color: $green-60;
1086
- }
1087
- &.ant-switch-checked .ant-switch-handle {
1088
- left: calc(100% - 20px - 2px);
1089
- }
1090
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1091
- left: calc(100% - 14px - 1px);
1092
- }
1093
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1094
- left: calc(100% - 28px - 2px);
1171
+ &.ui-kit-token-checked {
1172
+ color: $text-light-on-tint;
1173
+ &.ant-tag-red {
1174
+ background-color: $fills-light-serious-serious;
1175
+ }
1176
+ &.ant-tag-yellow {
1177
+ background-color: $fills-light-notice-notice;
1178
+ }
1179
+ &.ant-tag-green {
1180
+ background-color: $fills-light-positive-positive;
1181
+ }
1182
+ &.ant-tag-blue {
1183
+ background-color: $fills-light-general-general;
1184
+ }
1185
+ &.ant-tag-gray {
1186
+ background-color: $gray-70;
1187
+ }
1188
+ &.ant-tag-purple {
1189
+ background-color: $fill-purple-base;
1190
+ }
1191
+ }
1095
1192
  }
1096
1193
  }
1097
1194
 
1098
- .E_c1up6e3y {
1099
- margin-left: 5px;
1100
- }
1195
+
1196
+ .E_iq1gosr {
1197
+ display: inline-block;
1198
+ }
1101
1199
 
1102
1200
 
1103
1201
  .E_s1dni7lo {
@@ -1189,99 +1287,104 @@
1189
1287
  }
1190
1288
 
1191
1289
 
1192
- .E_tju3gfj {
1193
- .date {
1194
- margin-right: 4px;
1195
- }
1196
- }
1290
+ .E_f7pxqmh {
1291
+ width: 100%;
1292
+ margin-bottom: 0 !important;
1293
+ flex-flow: nowrap !important;
1294
+ line-break: auto;
1197
1295
 
1296
+ & > .ant-form-item-label {
1297
+ text-align: left !important;
1298
+ padding-bottom: 0 !important;
1198
1299
 
1199
- .E_s1sck0th {
1200
- padding: 0 8px;
1201
- border-radius: 4px;
1300
+ & > label {
1301
+ min-height: 32px;
1302
+ height: auto;
1303
+ font-size: 13px;
1304
+ color: rgba(44, 56, 82, 0.6);
1305
+ white-space: normal;
1306
+ }
1202
1307
  }
1203
1308
 
1204
- .E_m855nr1 {
1205
- padding: 2px 8px;
1206
- border-radius: 3px;
1309
+ &.ant-form-item-has-error {
1310
+ .ant-input {
1311
+ border-color: #ff4d4f !important;
1312
+ }
1313
+ .ant-input-password {
1314
+ border-color: #ff4d4f !important;
1315
+ }
1207
1316
  }
1208
1317
 
1209
- .E_l1270xpg {
1210
- padding: 3px 8px;
1211
- border-radius: 2px;
1318
+ .ant-form-item-explain {
1319
+ margin-top: 4px;
1320
+ font-size: 12px;
1321
+ min-height: 0px;
1212
1322
  }
1213
1323
 
1214
- .E_t14rextb {
1215
- &.ant-tag:hover {
1216
- opacity: unset;
1324
+ .ant-form-item-extra {
1325
+ font-size: 12px;
1326
+ color: rgba(44, 56, 82, 0.6);
1327
+ min-height: 0px;
1217
1328
  }
1218
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1219
- margin: 0;
1220
- margin-right: 8px;
1329
+ }
1330
+
1331
+
1332
+ .E_iouxfgt {
1333
+ display: inline-flex;
1334
+ align-items: center;
1335
+
1336
+ .icon-inner {
1221
1337
  display: inline-flex;
1222
1338
  align-items: center;
1223
- border: none;
1224
- & .ant-tag-close-icon {
1225
- width: 16px;
1226
- height: 16px;
1227
- color: inherit;
1228
- margin-left: 4px;
1229
- opacity: 0.6;
1230
- display: inline-flex;
1231
- &:hover {
1232
- opacity: 1;
1233
- }
1234
- }
1235
- &.ant-tag-blue {
1236
- color: $fills-light-general-general;
1237
- background-color: $fills-light-general-general-light;
1238
- }
1239
- &.ant-tag-red {
1240
- color: $fills-light-serious-serious;
1241
- background-color: $fills-light-serious-serious-light;
1242
- }
1243
- &.ant-tag-yellow {
1244
- color: $fills-light-notice-notice-dark;
1245
- background-color: $fills-light-notice-notice-light;
1246
- }
1247
- &.ant-tag-green {
1248
- color: $fills-light-positive-positive-dark;
1249
- background-color: $fills-light-positive-positive-light;
1250
- }
1251
- &.ant-tag-gray {
1252
- color: $text-light-super;
1253
- background-color: $fills-element-light-container-general;
1254
- }
1255
- &.ant-tag-purple {
1256
- color: $text-colorful-purple;
1257
- background-color: $fill-purple-light;
1339
+ justify-content: center;
1340
+ }
1341
+ .icon-inner + span,
1342
+ span + .icon-inner.suffix {
1343
+ margin-left: 4px;
1344
+ }
1345
+ &.is-rotate {
1346
+ img,
1347
+ svg {
1348
+ animation: rotate 680ms linear infinite;
1258
1349
  }
1350
+ }
1351
+ }
1259
1352
 
1260
- &.ui-kit-token-checked {
1261
- color: $text-light-on-tint;
1262
- &.ant-tag-red {
1263
- background-color: $fills-light-serious-serious;
1264
- }
1265
- &.ant-tag-yellow {
1266
- background-color: $fills-light-notice-notice;
1267
- }
1268
- &.ant-tag-green {
1269
- background-color: $fills-light-positive-positive;
1270
- }
1271
- &.ant-tag-blue {
1272
- background-color: $fills-light-general-general;
1273
- }
1274
- &.ant-tag-gray {
1275
- background-color: $gray-70;
1276
- }
1277
- &.ant-tag-purple {
1278
- background-color: $fill-purple-base;
1279
- }
1280
- }
1353
+
1354
+ .E_i1inqkme {
1355
+ height: 18px;
1356
+ line-height: 18px;
1357
+ padding: 0 4px;
1358
+ border-radius: 4px;
1359
+ background: rgba(235, 239, 245, 0.6);
1360
+ border: 1px solid rgba(223, 228, 235, 0.6);
1361
+ display: flex;
1362
+ align-items: center;
1363
+ white-space: nowrap;
1364
+ margin-right: 4px;
1365
+ }
1366
+
1367
+
1368
+ .E_atcz0kf {
1369
+ .ant-input-suffix {
1370
+ margin-left: 8px;
1371
+ }
1372
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1373
+ padding: 2px 7px 2px 12px;
1281
1374
  }
1282
1375
  }
1283
1376
 
1284
1377
 
1378
+ .E_owd0kml {
1379
+ display: inline-block;
1380
+ }
1381
+
1382
+ .E_h1jsgezc {
1383
+ visibility: hidden;
1384
+ position: absolute;
1385
+ }
1386
+
1387
+
1285
1388
  .E_t1m2x205 {
1286
1389
  .ant-tooltip-arrow {
1287
1390
  display: none;
@@ -1296,11 +1399,6 @@
1296
1399
  }
1297
1400
 
1298
1401
 
1299
- .E_iq1gosr {
1300
- display: inline-block;
1301
- }
1302
-
1303
-
1304
1402
  .E_fzh9mnb {
1305
1403
  width: 100%;
1306
1404
  height: 100%;
@@ -1318,6 +1416,43 @@
1318
1416
  }
1319
1417
 
1320
1418
 
1419
+ .E_a1wfy30z {
1420
+ .ant-input-number-handler-wrap {
1421
+ display: var(--a1wfy30z-0);
1422
+ }
1423
+ .ant-input-number-input-wrap {
1424
+ padding: 4px 11px;
1425
+ display: inline-flex;
1426
+ line-height: 1.5715;
1427
+ height: inherit;
1428
+ }
1429
+
1430
+ .ant-input-number-input-wrap::after {
1431
+ content: var(--a1wfy30z-1);
1432
+ display: var(--a1wfy30z-2);
1433
+ flex: none;
1434
+ align-items: center;
1435
+ margin-left: 4px;
1436
+ }
1437
+
1438
+ .ant-input-number-input-wrap::before {
1439
+ content: var(--a1wfy30z-3);
1440
+ display: var(--a1wfy30z-4);
1441
+ flex: none;
1442
+ align-items: center;
1443
+ margin-right: 4px;
1444
+ cursor: auto;
1445
+ }
1446
+
1447
+ .ant-input-number-input {
1448
+ padding: 0;
1449
+ margin: 0;
1450
+ height: auto;
1451
+ font-size: inherit;
1452
+ }
1453
+ }
1454
+
1455
+
1321
1456
  .E_ai7qkf2 {
1322
1457
  .ant-input-number-handler-wrap {
1323
1458
  display: var(--ai7qkf2-0);
@@ -1399,141 +1534,6 @@
1399
1534
  }
1400
1535
 
1401
1536
 
1402
- .E_i1inqkme {
1403
- height: 18px;
1404
- line-height: 18px;
1405
- padding: 0 4px;
1406
- border-radius: 4px;
1407
- background: rgba(235, 239, 245, 0.6);
1408
- border: 1px solid rgba(223, 228, 235, 0.6);
1409
- display: flex;
1410
- align-items: center;
1411
- white-space: nowrap;
1412
- margin-right: 4px;
1413
- }
1414
-
1415
-
1416
- .E_a1wfy30z {
1417
- .ant-input-number-handler-wrap {
1418
- display: var(--a1wfy30z-0);
1419
- }
1420
- .ant-input-number-input-wrap {
1421
- padding: 4px 11px;
1422
- display: inline-flex;
1423
- line-height: 1.5715;
1424
- height: inherit;
1425
- }
1426
-
1427
- .ant-input-number-input-wrap::after {
1428
- content: var(--a1wfy30z-1);
1429
- display: var(--a1wfy30z-2);
1430
- flex: none;
1431
- align-items: center;
1432
- margin-left: 4px;
1433
- }
1434
-
1435
- .ant-input-number-input-wrap::before {
1436
- content: var(--a1wfy30z-3);
1437
- display: var(--a1wfy30z-4);
1438
- flex: none;
1439
- align-items: center;
1440
- margin-right: 4px;
1441
- cursor: auto;
1442
- }
1443
-
1444
- .ant-input-number-input {
1445
- padding: 0;
1446
- margin: 0;
1447
- height: auto;
1448
- font-size: inherit;
1449
- }
1450
- }
1451
-
1452
-
1453
- .E_f7pxqmh {
1454
- width: 100%;
1455
- margin-bottom: 0 !important;
1456
- flex-flow: nowrap !important;
1457
- line-break: auto;
1458
-
1459
- & > .ant-form-item-label {
1460
- text-align: left !important;
1461
- padding-bottom: 0 !important;
1462
-
1463
- & > label {
1464
- min-height: 32px;
1465
- height: auto;
1466
- font-size: 13px;
1467
- color: rgba(44, 56, 82, 0.6);
1468
- white-space: normal;
1469
- }
1470
- }
1471
-
1472
- &.ant-form-item-has-error {
1473
- .ant-input {
1474
- border-color: #ff4d4f !important;
1475
- }
1476
- .ant-input-password {
1477
- border-color: #ff4d4f !important;
1478
- }
1479
- }
1480
-
1481
- .ant-form-item-explain {
1482
- margin-top: 4px;
1483
- font-size: 12px;
1484
- min-height: 0px;
1485
- }
1486
-
1487
- .ant-form-item-extra {
1488
- font-size: 12px;
1489
- color: rgba(44, 56, 82, 0.6);
1490
- min-height: 0px;
1491
- }
1492
- }
1493
-
1494
-
1495
- .E_iouxfgt {
1496
- display: inline-flex;
1497
- align-items: center;
1498
-
1499
- .icon-inner {
1500
- display: inline-flex;
1501
- align-items: center;
1502
- justify-content: center;
1503
- }
1504
- .icon-inner + span,
1505
- span + .icon-inner.suffix {
1506
- margin-left: 4px;
1507
- }
1508
- &.is-rotate {
1509
- img,
1510
- svg {
1511
- animation: rotate 680ms linear infinite;
1512
- }
1513
- }
1514
- }
1515
-
1516
-
1517
- .E_owd0kml {
1518
- display: inline-block;
1519
- }
1520
-
1521
- .E_h1jsgezc {
1522
- visibility: hidden;
1523
- position: absolute;
1524
- }
1525
-
1526
-
1527
- .E_atcz0kf {
1528
- .ant-input-suffix {
1529
- margin-left: 8px;
1530
- }
1531
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1532
- padding: 2px 7px 2px 12px;
1533
- }
1534
- }
1535
-
1536
-
1537
1537
  .E_cnujxq2 {
1538
1538
  display: flex;
1539
1539
  flex-direction: column;
@@ -2348,11 +2348,6 @@
2348
2348
  }
2349
2349
 
2350
2350
 
2351
- .E_m196gn1d {
2352
- min-width: 1280px;
2353
- }
2354
-
2355
-
2356
2351
  .E_a1b5xrg3 {
2357
2352
  .user-icon-inner {
2358
2353
  display: inline-flex;
@@ -2744,6 +2739,11 @@
2744
2739
  }
2745
2740
 
2746
2741
 
2742
+ .E_m196gn1d {
2743
+ min-width: 1280px;
2744
+ }
2745
+
2746
+
2747
2747
  .E_s17wv897 {
2748
2748
  &.ant-select,
2749
2749
  &.ant-select div.ant-select-selector {
@@ -2846,67 +2846,6 @@
2846
2846
  }
2847
2847
 
2848
2848
 
2849
- .E_oa99sl3 {
2850
- display: flex;
2851
- justify-content: space-between;
2852
- align-items: center;
2853
- gap: 8px;
2854
-
2855
- &,
2856
- :first-child {
2857
- // unset the global style
2858
- line-height: inherit !important;
2859
- }
2860
- }
2861
-
2862
- .E_lvp5pj7 {
2863
- display: flex;
2864
- justify-content: space-between;
2865
- align-items: center;
2866
- gap: 8px;
2867
- min-width: 0;
2868
- }
2869
-
2870
- .E_s1io1lws {
2871
- display: flex;
2872
- align-items: center;
2873
- flex-shrink: 0;
2874
- }
2875
-
2876
-
2877
- .E_suhck3k {
2878
- height: 24px;
2879
- width: 24px;
2880
- border-radius: 6px;
2881
- padding: 4px;
2882
- &:hover {
2883
- background-color: $fill-outstanding-light;
2884
- svg {
2885
- path {
2886
- fill: blue;
2887
- }
2888
- }
2889
- }
2890
- }
2891
-
2892
-
2893
- .E_ryby9ds {
2894
- display: flex;
2895
- align-items: center;
2896
- .order {
2897
- height: 24px;
2898
- width: 24px;
2899
- border-radius: 20px;
2900
- color: $text-light-general;
2901
- background: $fill-light-element-container-outstanding;
2902
- display: flex;
2903
- align-items: center;
2904
- justify-content: center;
2905
- margin-right: 6px;
2906
- }
2907
- }
2908
-
2909
-
2910
2849
  .E_s4ivdfu {
2911
2850
  &.ant-select {
2912
2851
  .ant-select-selection-placeholder {
@@ -3108,19 +3047,31 @@
3108
3047
  }
3109
3048
 
3110
3049
 
3111
- .E_w1dxz879 {
3050
+ .E_oa99sl3 {
3112
3051
  display: flex;
3113
- flex-direction: column;
3114
- gap: 6px;
3115
- .ellipsis-tooltip {
3116
- max-height: var(--w1dxz879-0);
3117
- text-overflow: clip;
3118
- overflow: hidden;
3119
- }
3120
- .tips {
3121
- color: #fff;
3122
- opacity: 0.8;
3123
- }
3052
+ justify-content: space-between;
3053
+ align-items: center;
3054
+ gap: 8px;
3055
+
3056
+ &,
3057
+ :first-child {
3058
+ // unset the global style
3059
+ line-height: inherit !important;
3060
+ }
3061
+ }
3062
+
3063
+ .E_lvp5pj7 {
3064
+ display: flex;
3065
+ justify-content: space-between;
3066
+ align-items: center;
3067
+ gap: 8px;
3068
+ min-width: 0;
3069
+ }
3070
+
3071
+ .E_s1io1lws {
3072
+ display: flex;
3073
+ align-items: center;
3074
+ flex-shrink: 0;
3124
3075
  }
3125
3076
 
3126
3077
 
@@ -3316,6 +3267,55 @@
3316
3267
  }
3317
3268
 
3318
3269
 
3270
+ .E_suhck3k {
3271
+ height: 24px;
3272
+ width: 24px;
3273
+ border-radius: 6px;
3274
+ padding: 4px;
3275
+ &:hover {
3276
+ background-color: $fill-outstanding-light;
3277
+ svg {
3278
+ path {
3279
+ fill: blue;
3280
+ }
3281
+ }
3282
+ }
3283
+ }
3284
+
3285
+
3286
+ .E_ryby9ds {
3287
+ display: flex;
3288
+ align-items: center;
3289
+ .order {
3290
+ height: 24px;
3291
+ width: 24px;
3292
+ border-radius: 20px;
3293
+ color: $text-light-general;
3294
+ background: $fill-light-element-container-outstanding;
3295
+ display: flex;
3296
+ align-items: center;
3297
+ justify-content: center;
3298
+ margin-right: 6px;
3299
+ }
3300
+ }
3301
+
3302
+
3303
+ .E_w1dxz879 {
3304
+ display: flex;
3305
+ flex-direction: column;
3306
+ gap: 6px;
3307
+ .ellipsis-tooltip {
3308
+ max-height: var(--w1dxz879-0);
3309
+ text-overflow: clip;
3310
+ overflow: hidden;
3311
+ }
3312
+ .tips {
3313
+ color: #fff;
3314
+ opacity: 0.8;
3315
+ }
3316
+ }
3317
+
3318
+
3319
3319
  .E_h12yihis {
3320
3320
  height: 50px;
3321
3321
  border-bottom: 2px solid #edf0f7;
@@ -3645,77 +3645,41 @@
3645
3645
  }
3646
3646
 
3647
3647
 
3648
- .E_l48ei06 {
3649
- @at-root {
3650
- button#{&}.ant-btn,
3651
- button#{&}.ant-btn.ant-btn-sm,
3652
- button#{&}.ant-btn.ant-btn-lg {
3653
- font-size: 12px;
3654
- line-height: 18px;
3655
- height: 18px;
3656
- }
3657
- button#{&} {
3658
- color: #0080FF;
3659
- height: unset;
3660
- .button-prefix-icon {
3661
- margin-right: 4px;
3662
- }
3663
- .button-suffix-icon {
3664
- margin-left: 4px;
3665
- }
3666
-
3667
- &:hover,
3668
- &.__pseudo-states-hover {
3669
- color: #009DFF;
3670
- }
3671
-
3672
- &:active,
3673
- &.__pseudo-states-active {
3674
- color: #005ED1;
3675
- }
3676
- &.ui-kit-link-disabled {
3677
- color: #0080FF;
3678
- }
3679
- &.ui-kit-link-primary {
3680
- color: #00122E;
3681
-
3682
- &:hover,
3683
- &.__pseudo-states-hover {
3684
- color: #0080FF;
3685
- }
3686
-
3687
- &:active,
3688
- &.__pseudo-states-active {
3689
- color: #005ED1;
3690
- }
3691
-
3692
- &.ui-kit-link-disabled {
3693
- color: #00122E;
3694
- }
3695
- }
3696
-
3697
- &.ui-kit-link-secondary {
3698
- color: #2C3852BF;
3699
-
3700
- &:hover,
3701
- &.__pseudo-states-hover {
3702
- color: #0080FF;
3703
- }
3648
+ .E_b14q2gmw {
3649
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3650
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3651
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3652
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3653
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3654
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3655
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3656
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3657
+ }
3704
3658
 
3705
- &:active,
3706
- &.__pseudo-states-active {
3707
- color: #005ED1;
3708
- }
3659
+ .E_c1eym6el {
3660
+ border-radius: 8px;
3661
+ background-color: white;
3662
+ &.hoverable {
3663
+ cursor: pointer;
3709
3664
 
3710
- &.ui-kit-link-disabled {
3711
- color: #2C3852BF;
3712
- }
3713
- }
3665
+ &:hover {
3666
+ transition: all 200ms ease;
3667
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3668
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3669
+ transform: translateY(-4px);
3714
3670
  }
3715
3671
  }
3716
3672
  }
3717
3673
 
3718
3674
 
3675
+ .E_ckui4s7 {
3676
+ color: $text-primary-light;
3677
+ line-height: 22px;
3678
+ display: inline-flex;
3679
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3680
+ }
3681
+
3682
+
3719
3683
  .E_sddwhm6 {
3720
3684
  $prefix: ui-kit-status-capsule;
3721
3685
  margin: 0;
@@ -3800,28 +3764,72 @@
3800
3764
  }
3801
3765
 
3802
3766
 
3803
- .E_b14q2gmw {
3804
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3805
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3806
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3807
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3808
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3809
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3810
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3811
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3812
- }
3767
+ .E_l48ei06 {
3768
+ @at-root {
3769
+ button#{&}.ant-btn,
3770
+ button#{&}.ant-btn.ant-btn-sm,
3771
+ button#{&}.ant-btn.ant-btn-lg {
3772
+ font-size: 12px;
3773
+ line-height: 18px;
3774
+ height: 18px;
3775
+ }
3776
+ button#{&} {
3777
+ color: #0080FF;
3778
+ height: unset;
3779
+ .button-prefix-icon {
3780
+ margin-right: 4px;
3781
+ }
3782
+ .button-suffix-icon {
3783
+ margin-left: 4px;
3784
+ }
3813
3785
 
3814
- .E_c1eym6el {
3815
- border-radius: 8px;
3816
- background-color: white;
3817
- &.hoverable {
3818
- cursor: pointer;
3786
+ &:hover,
3787
+ &.__pseudo-states-hover {
3788
+ color: #009DFF;
3789
+ }
3819
3790
 
3820
- &:hover {
3821
- transition: all 200ms ease;
3822
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3823
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3824
- transform: translateY(-4px);
3791
+ &:active,
3792
+ &.__pseudo-states-active {
3793
+ color: #005ED1;
3794
+ }
3795
+ &.ui-kit-link-disabled {
3796
+ color: #0080FF;
3797
+ }
3798
+ &.ui-kit-link-primary {
3799
+ color: #00122E;
3800
+
3801
+ &:hover,
3802
+ &.__pseudo-states-hover {
3803
+ color: #0080FF;
3804
+ }
3805
+
3806
+ &:active,
3807
+ &.__pseudo-states-active {
3808
+ color: #005ED1;
3809
+ }
3810
+
3811
+ &.ui-kit-link-disabled {
3812
+ color: #00122E;
3813
+ }
3814
+ }
3815
+
3816
+ &.ui-kit-link-secondary {
3817
+ color: #2C3852BF;
3818
+
3819
+ &:hover,
3820
+ &.__pseudo-states-hover {
3821
+ color: #0080FF;
3822
+ }
3823
+
3824
+ &:active,
3825
+ &.__pseudo-states-active {
3826
+ color: #005ED1;
3827
+ }
3828
+
3829
+ &.ui-kit-link-disabled {
3830
+ color: #2C3852BF;
3831
+ }
3832
+ }
3825
3833
  }
3826
3834
  }
3827
3835
  }
@@ -3832,14 +3840,6 @@
3832
3840
  }
3833
3841
 
3834
3842
 
3835
- .E_ckui4s7 {
3836
- color: $text-primary-light;
3837
- line-height: 22px;
3838
- display: inline-flex;
3839
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3840
- }
3841
-
3842
-
3843
3843
  .E_c1kghdax {
3844
3844
  color: $text-primary-light;
3845
3845
  padding: 7px 12px;
@@ -3888,6 +3888,251 @@
3888
3888
  }
3889
3889
 
3890
3890
 
3891
+ .E_r77hffu {
3892
+ display: flex;
3893
+ align-items: center;
3894
+ justify-content: space-between;
3895
+ column-gap: 6px;
3896
+ }
3897
+
3898
+ .E_p1cmxsf7 {
3899
+ display: flex;
3900
+ flex-direction: column;
3901
+ justify-content: center;
3902
+ row-gap: var(--p1cmxsf7-0);
3903
+
3904
+ .antd5-progress-line {
3905
+ font-size: 0;
3906
+ margin-bottom: unset;
3907
+ margin-inline-end: unset;
3908
+ }
3909
+ }
3910
+
3911
+
3912
+ .E_sjob3jg {
3913
+ $item: ant-steps-item;
3914
+ --item-min-width: 60px;
3915
+ .#{$item} {
3916
+ &-tail,
3917
+ &-icon {
3918
+ display: none !important;
3919
+ }
3920
+ }
3921
+ .#{$item}.#{$item}-active {
3922
+ flex-shrink: 0 !important;
3923
+ .step-item-prefix-container {
3924
+ color: $text-colorful-outstanding;
3925
+ }
3926
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3927
+ color: $text-colorful-outstanding;
3928
+ font-weight: normal;
3929
+ }
3930
+ }
3931
+ .#{$item}.#{$item}-finish {
3932
+ .#{$item}-container .#{$item}-content .#{$item}-title,
3933
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
3934
+ color: $text-neutral-tertiary;
3935
+ }
3936
+ }
3937
+ .#{$item}.#{$item}-wait {
3938
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3939
+ color: $text-neutral-primary;
3940
+ }
3941
+ }
3942
+ .step-item-text {
3943
+ display: inline-block;
3944
+ }
3945
+ .step-item-title {
3946
+ overflow: hidden;
3947
+ white-space: nowrap;
3948
+ text-overflow: ellipsis;
3949
+ }
3950
+ }
3951
+
3952
+ .E_hjvj6s6 {
3953
+ $item: ant-steps-item;
3954
+ @mixin rightTriangle($color: $fills-light-trans-1) {
3955
+ content: "";
3956
+ width: 0;
3957
+ height: 0;
3958
+ border: 13px solid transparent;
3959
+ position: absolute;
3960
+ top: 0;
3961
+ border-left: 8px solid $color;
3962
+ }
3963
+ .#{$item}-container {
3964
+ min-width: var(--item-min-width);
3965
+ }
3966
+ .#{$item}-disabled {
3967
+ cursor: not-allowed !important;
3968
+ }
3969
+ .ant-steps-horizontal.ant-steps-label-horizontal {
3970
+ flex-direction: row;
3971
+ justify-content: stretch;
3972
+ .#{$item} {
3973
+ padding: 0;
3974
+ margin-right: 4px;
3975
+ flex: 1;
3976
+ overflow: visible;
3977
+ .#{$item}-content {
3978
+ width: 100%;
3979
+ min-height: unset;
3980
+ .#{$item}-title {
3981
+ height: 26px;
3982
+ line-height: 26px;
3983
+ width: 100%;
3984
+ padding: 0;
3985
+ font-size: 12px;
3986
+ .step-count {
3987
+ margin-right: 10px;
3988
+ }
3989
+ &::after {
3990
+ display: none;
3991
+ }
3992
+ }
3993
+ }
3994
+ &:first-child {
3995
+ .#{$item}-container {
3996
+ padding-left: 8px;
3997
+ padding-right: 4px;
3998
+ border-radius: 4px 0 0 4px;
3999
+ }
4000
+ }
4001
+ &:last-child {
4002
+ margin-right: 0;
4003
+ .#{$item}-container {
4004
+ padding-right: 8px;
4005
+ padding-left: 12px;
4006
+ border-radius: 0 4px 4px 0;
4007
+ }
4008
+ }
4009
+ &:not(&:last-child) {
4010
+ &::after {
4011
+ @include rightTriangle();
4012
+ z-index: 2;
4013
+ position: relative;
4014
+ top: -50%;
4015
+ right: -100%;
4016
+ }
4017
+ }
4018
+ &:not(:first-child):not(:last-child) {
4019
+ .#{$item}-container {
4020
+ padding: 0 4px 0 12px;
4021
+ }
4022
+ }
4023
+ &:not(&:first-child) {
4024
+ &::before {
4025
+ @include rightTriangle(#fff);
4026
+ left: 0;
4027
+ }
4028
+ }
4029
+ }
4030
+ .#{$item}-active {
4031
+ max-width: calc(100% - var(--item-min-width) * 2);
4032
+ .#{$item}-container {
4033
+ background-color: $fills-light-general-general-light;
4034
+ }
4035
+ &::after {
4036
+ border-left-color: $fills-light-general-general-light !important;
4037
+ }
4038
+ }
4039
+ .#{$item}-finish {
4040
+ cursor: pointer;
4041
+ min-width: var(--item-min-width);
4042
+ }
4043
+ .#{$item}-wait,
4044
+ .#{$item}-finish {
4045
+ min-width: var(--item-min-width);
4046
+ .#{$item}-container {
4047
+ background-color: $fills-light-trans-1;
4048
+ }
4049
+ }
4050
+ }
4051
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4052
+ .ant-steps-vertical
4053
+ )
4054
+ .#{$item} {
4055
+ padding: 0;
4056
+ }
4057
+ }
4058
+
4059
+ .E_v4tv3mf {
4060
+ $item: ant-steps-item;
4061
+ .ant-steps.ant-steps-vertical {
4062
+ width: 192px;
4063
+ row-gap: 2px;
4064
+
4065
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4066
+ &:hover {
4067
+ background-color: $fill-neutral-trans-2;
4068
+ }
4069
+ .#{$item}-title {
4070
+ color: $text-neutral-primary !important;
4071
+ }
4072
+ }
4073
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4074
+ .#{$item}-container:hover {
4075
+ background-color: $fill-neutral-trans-2;
4076
+ }
4077
+ .#{$item}-container {
4078
+ padding: 0 8px;
4079
+ border-radius: 4px;
4080
+ height: 32px;
4081
+ display: flex;
4082
+ align-items: center;
4083
+ .#{$item}-content {
4084
+ min-height: auto;
4085
+ white-space: nowrap;
4086
+ & .ant-steps-item-title {
4087
+ font-size: 13px;
4088
+ line-height: 20px;
4089
+ max-width: 100%;
4090
+ padding-right: 0;
4091
+ }
4092
+ }
4093
+ }
4094
+ .#{$item}-active {
4095
+ .ant-steps-item-container {
4096
+ background: rgba($blue-60, 0.1);
4097
+ }
4098
+ }
4099
+ }
4100
+ }
4101
+
4102
+ .E_h6l1tj4 {
4103
+ width: 100%;
4104
+ display: inline-flex;
4105
+ align-items: center;
4106
+ justify-content: center;
4107
+ column-gap: 4px;
4108
+ .step-item-prefix-container {
4109
+ display: inline-flex;
4110
+ align-items: center;
4111
+ width: 18px;
4112
+ height: 18px;
4113
+ color: $gray-a75-8;
4114
+ justify-content: center;
4115
+ }
4116
+ }
4117
+
4118
+ .E_v18frne8 {
4119
+ width: 100%;
4120
+ display: flex;
4121
+ align-items: center;
4122
+ justify-content: center;
4123
+ column-gap: 6px;
4124
+ font-size: 13px;
4125
+ .step-item-prefix-container {
4126
+ display: inline-flex;
4127
+ align-items: center;
4128
+ min-width: 20px;
4129
+ min-height: 20px;
4130
+ color: $gray-a75-8;
4131
+ justify-content: center;
4132
+ }
4133
+ }
4134
+
4135
+
3891
4136
  .E_lht19u8 {
3892
4137
  width: 64px;
3893
4138
  height: 64px;
@@ -4382,259 +4627,340 @@
4382
4627
  }
4383
4628
 
4384
4629
 
4385
- .E_sjob3jg {
4386
- $item: ant-steps-item;
4387
- --item-min-width: 60px;
4388
- .#{$item} {
4389
- &-tail,
4390
- &-icon {
4391
- display: none !important;
4392
- }
4393
- }
4394
- .#{$item}.#{$item}-active {
4395
- flex-shrink: 0 !important;
4396
- .step-item-prefix-container {
4397
- color: $text-colorful-outstanding;
4398
- }
4399
- .#{$item}-container .#{$item}-content .#{$item}-title {
4400
- color: $text-colorful-outstanding;
4401
- font-weight: normal;
4402
- }
4403
- }
4404
- .#{$item}.#{$item}-finish {
4405
- .#{$item}-container .#{$item}-content .#{$item}-title,
4406
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4407
- color: $text-neutral-tertiary;
4408
- }
4409
- }
4410
- .#{$item}.#{$item}-wait {
4411
- .#{$item}-container .#{$item}-content .#{$item}-title {
4412
- color: $text-neutral-primary;
4413
- }
4414
- }
4415
- .step-item-text {
4416
- display: inline-block;
4417
- }
4418
- .step-item-title {
4419
- overflow: hidden;
4420
- white-space: nowrap;
4421
- text-overflow: ellipsis;
4422
- }
4423
- }
4630
+ .E_l1ucdodl {
4631
+ $prefix: ui-kit-status-legend;
4632
+ margin: 0;
4633
+ border-radius: 20px;
4634
+ padding: 2px 10px;
4635
+ height: 22px;
4636
+ display: flex;
4637
+ align-items: center;
4424
4638
 
4425
- .E_hjvj6s6 {
4426
- $item: ant-steps-item;
4427
- @mixin rightTriangle($color: $fills-light-trans-1) {
4428
- content: "";
4429
- width: 0;
4430
- height: 0;
4431
- border: 13px solid transparent;
4432
- position: absolute;
4433
- top: 0;
4434
- border-left: 8px solid $color;
4435
- }
4436
- .#{$item}-container {
4437
- min-width: var(--item-min-width);
4639
+ &.ui-kit-status-legend.on-tint {
4640
+ color: $text-neutral-ontint;
4438
4641
  }
4439
- .#{$item}-disabled {
4440
- cursor: not-allowed !important;
4642
+ &.tag-hover {
4643
+ cursor: pointer;
4441
4644
  }
4442
- .ant-steps-horizontal.ant-steps-label-horizontal {
4443
- flex-direction: row;
4444
- justify-content: stretch;
4445
- .#{$item} {
4446
- padding: 0;
4447
- margin-right: 4px;
4448
- flex: 1;
4449
- overflow: visible;
4450
- .#{$item}-content {
4451
- width: 100%;
4452
- min-height: unset;
4453
- .#{$item}-title {
4454
- height: 26px;
4455
- line-height: 26px;
4456
- width: 100%;
4457
- padding: 0;
4458
- font-size: 12px;
4459
- .step-count {
4460
- margin-right: 10px;
4461
- }
4462
- &::after {
4463
- display: none;
4464
- }
4465
- }
4466
- }
4467
- &:first-child {
4468
- .#{$item}-container {
4469
- padding-left: 8px;
4470
- padding-right: 4px;
4471
- border-radius: 4px 0 0 4px;
4472
- }
4473
- }
4474
- &:last-child {
4475
- margin-right: 0;
4476
- .#{$item}-container {
4477
- padding-right: 8px;
4478
- padding-left: 12px;
4479
- border-radius: 0 4px 4px 0;
4480
- }
4481
- }
4482
- &:not(&:last-child) {
4483
- &::after {
4484
- @include rightTriangle();
4485
- z-index: 2;
4486
- position: relative;
4487
- top: -50%;
4488
- right: -100%;
4489
- }
4645
+
4646
+ &.#{$prefix} {
4647
+ color: $text-neutral-primary;
4648
+ .#{$prefix}-icon {
4649
+ margin-right: 6px;
4650
+ }
4651
+ .#{$prefix}-number {
4652
+ margin-left: 8px;
4653
+ color: #2C385299;
4654
+ &.#{$prefix}-number.on-tint {
4655
+ color: $text-neutral-ontint;
4490
4656
  }
4491
- &:not(:first-child):not(:last-child) {
4492
- .#{$item}-container {
4493
- padding: 0 4px 0 12px;
4494
- }
4657
+ }
4658
+ &.eagle-legend-blue {
4659
+ .#{$prefix}-icon {
4660
+ background-color: $fill-outstanding-base;
4495
4661
  }
4496
- &:not(&:first-child) {
4497
- &::before {
4498
- @include rightTriangle(#fff);
4499
- left: 0;
4500
- }
4662
+ }
4663
+ &.eagle-legend-red {
4664
+ .#{$prefix}-icon {
4665
+ background-color: $fill-serious-base;
4501
4666
  }
4502
4667
  }
4503
- .#{$item}-active {
4504
- max-width: calc(100% - var(--item-min-width) * 2);
4505
- .#{$item}-container {
4506
- background-color: $fills-light-general-general-light;
4668
+ &.eagle-legend-yellow {
4669
+ .#{$prefix}-icon {
4670
+ background-color: $fill-notice-base;
4507
4671
  }
4508
- &::after {
4509
- border-left-color: $fills-light-general-general-light !important;
4672
+ }
4673
+ &.eagle-legend-green {
4674
+ .#{$prefix}-icon {
4675
+ background-color: $fill-positive-base;
4510
4676
  }
4511
4677
  }
4512
- .#{$item}-finish {
4513
- cursor: pointer;
4514
- min-width: var(--item-min-width);
4678
+ &.eagle-legend-gray {
4679
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4680
+ background-color: $gray-70;
4681
+ }
4515
4682
  }
4516
- .#{$item}-wait,
4517
- .#{$item}-finish {
4518
- min-width: var(--item-min-width);
4519
- .#{$item}-container {
4520
- background-color: $fills-light-trans-1;
4683
+ &.eagle-legend-purple {
4684
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4685
+ background-color: $purple-50;
4521
4686
  }
4522
4687
  }
4523
4688
  }
4524
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4525
- .ant-steps-vertical
4526
- )
4527
- .#{$item} {
4528
- padding: 0;
4689
+ }
4690
+
4691
+ .E_s1qj66nc {
4692
+ width: 8px;
4693
+ height: 8px;
4694
+ border-radius: 50%;
4695
+ display: inline-block;
4696
+ }
4697
+
4698
+ .E_s5x1boq {
4699
+ width: 8px;
4700
+ height: 8px;
4701
+ border-radius: 2px;
4702
+ display: inline-block;
4703
+ }
4704
+
4705
+ .E_c1xm185 {
4706
+ color: #2C385299;
4707
+ }
4708
+
4709
+ .E_c1x5l5qc {
4710
+ flex: 1;
4711
+ }
4712
+
4713
+
4714
+ .E_t1gvlxt5 {
4715
+ min-width: 0;
4716
+ flex: 1;
4717
+ .tag {
4718
+ flex: 0 0 auto;
4719
+ }
4720
+ .progress-title {
4721
+ flex: 2;
4722
+ max-width: fit-content;
4723
+ }
4724
+ .progress-desc {
4725
+ flex: 1;
4726
+ max-width: fit-content;
4529
4727
  }
4530
4728
  }
4531
4729
 
4532
- .E_v4tv3mf {
4533
- $item: ant-steps-item;
4534
- .ant-steps.ant-steps-vertical {
4535
- width: 192px;
4536
- row-gap: 2px;
4730
+ .E_a1ji6r68 {
4731
+ display: flex;
4732
+ align-items: center;
4733
+ column-gap: var(--a1ji6r68-0);
4734
+ }
4537
4735
 
4538
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4539
- &:hover {
4540
- background-color: $fill-neutral-trans-2;
4541
- }
4542
- .#{$item}-title {
4543
- color: $text-neutral-primary !important;
4544
- }
4545
- }
4546
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4547
- .#{$item}-container:hover {
4548
- background-color: $fill-neutral-trans-2;
4736
+
4737
+ .E_w7ob4th {
4738
+ &.outside-tag {
4739
+ padding-left: 0;
4740
+ .inside-tag {
4741
+ border-radius: 4px 0 0 4px;
4742
+ padding-right: 4px;
4743
+ margin-right: 4px;
4549
4744
  }
4550
- .#{$item}-container {
4551
- padding: 0 8px;
4552
- border-radius: 4px;
4553
- height: 32px;
4745
+ }
4746
+ }
4747
+
4748
+
4749
+ .E_i1g85yz3 {
4750
+ margin-right: 4px;
4751
+ height: 16px;
4752
+ }
4753
+
4754
+
4755
+ .E_slr2ynn {
4756
+ padding: 0 8px;
4757
+ height: 18px;
4758
+ }
4759
+
4760
+ .E_m140wbb6 {
4761
+ padding: 2px 8px;
4762
+ height: 24px;
4763
+ }
4764
+
4765
+ .E_t1fozc1i {
4766
+ margin: 0;
4767
+ }
4768
+
4769
+ .E_i1vxv4ln {
4770
+ margin-right: 4px;
4771
+ height: 16px;
4772
+ }
4773
+
4774
+ .E_n1afl31m {
4775
+ &.ant-tag.ant-tag-gray {
4776
+ font-weight: 700;
4777
+ color: $text-neutral-primary;
4778
+ background-color: $fill-neutral-trans-1;
4779
+ border: 1px solid $stroke-neutral-trans-2;
4780
+ word-break: break-all;
4781
+ display: inline;
4782
+ white-space: normal;
4783
+ }
4784
+ }
4785
+
4786
+
4787
+ .E_msn7nxt {
4788
+ color: $text-light-secondary;
4789
+ text-align: center;
4790
+
4791
+ display: flex;
4792
+ align-items: center;
4793
+ justify-content: center;
4794
+ flex-direction: column;
4795
+ height: 100%;
4796
+
4797
+ .link {
4798
+ color: $text-light-general;
4799
+ cursor: pointer;
4800
+ }
4801
+ }
4802
+
4803
+ .E_mp64wfi {
4804
+ width: 100%;
4805
+ height: 100%;
4806
+ display: flex;
4807
+ flex-direction: column;
4808
+
4809
+ .name-toolbar {
4810
+ width: 100%;
4811
+ display: flex;
4812
+ line-height: 30px;
4813
+ padding: 0 16px;
4814
+ justify-content: space-between;
4815
+ .metric-extra {
4554
4816
  display: flex;
4817
+ font-size: 12px;
4555
4818
  align-items: center;
4556
- .#{$item}-content {
4557
- min-height: auto;
4558
- white-space: nowrap;
4559
- & .ant-steps-item-title {
4560
- font-size: 13px;
4561
- line-height: 20px;
4562
- max-width: 100%;
4563
- padding-right: 0;
4564
- }
4819
+
4820
+ .info-item {
4821
+ color: $gray-60;
4565
4822
  }
4566
- }
4567
- .#{$item}-active {
4568
- .ant-steps-item-container {
4569
- background: rgba($blue-60, 0.1);
4823
+ .info-item + .info-item {
4824
+ margin-left: 10px;
4825
+ }
4826
+
4827
+ .menu-trigger {
4828
+ margin-left: 10px;
4829
+ cursor: pointer;
4570
4830
  }
4571
4831
  }
4572
4832
  }
4833
+
4834
+ .content {
4835
+ flex: 1;
4836
+ width: 100%;
4837
+ display: flex;
4838
+ justify-content: center;
4839
+ align-items: center;
4840
+ }
4841
+ .single-content {
4842
+ height: 65px;
4843
+ }
4573
4844
  }
4574
4845
 
4575
- .E_h6l1tj4 {
4846
+ .E_l1oyigan {
4847
+ display: flex;
4848
+ align-items: center;
4849
+ white-space: nowrap;
4850
+ overflow: hidden;
4576
4851
  width: 100%;
4577
- display: inline-flex;
4852
+
4853
+ .ant-dropdown-trigger {
4854
+ margin-left: auto;
4855
+ font-size: 12px;
4856
+ }
4857
+ }
4858
+
4859
+ .E_l1noi4n1 {
4860
+ display: flex;
4861
+ justify-content: flex-start;
4578
4862
  align-items: center;
4579
- justify-content: center;
4580
- column-gap: 4px;
4581
- .step-item-prefix-container {
4582
- display: inline-flex;
4863
+ font-size: 12px;
4864
+ cursor: pointer;
4865
+
4866
+ &:not(:last-child) {
4867
+ margin-right: 20px;
4868
+ }
4869
+ &.deselected {
4870
+ opacity: 0.4;
4871
+
4872
+ .color-block {
4873
+ background: #b4beca !important;
4874
+ }
4875
+ }
4876
+ }
4877
+
4878
+ .E_cz19rz6 {
4879
+ display: inline-block;
4880
+ height: 8px;
4881
+ width: 8px;
4882
+ margin-right: 8px;
4883
+ }
4884
+
4885
+ .E_e17r5r9c {
4886
+ .ant-dropdown-menu-item {
4887
+ display: flex;
4583
4888
  align-items: center;
4584
- width: 18px;
4585
- height: 18px;
4586
- color: $gray-a75-8;
4587
- justify-content: center;
4889
+ font-size: 12px;
4890
+ margin: 0;
4891
+ }
4892
+ }
4893
+
4894
+ .E_m1y1hhnr {
4895
+ position: relative;
4896
+
4897
+ &.hidden-xaxis .pointer-wrapper {
4898
+ bottom: -12px;
4899
+ }
4900
+
4901
+ .metric-toolbar {
4902
+ display: flex;
4903
+ justify-content: space-between;
4904
+ line-height: 30px;
4905
+ margin: 0 16px;
4906
+
4907
+ .metric-extra {
4908
+ display: flex;
4909
+ font-size: 12px;
4910
+ align-items: center;
4911
+
4912
+ .info-item {
4913
+ color: $gray-60;
4914
+ }
4915
+ .info-item + .info-item {
4916
+ margin-left: 10px;
4917
+ }
4918
+
4919
+ .menu-trigger {
4920
+ margin-left: 10px;
4921
+ cursor: pointer;
4922
+ }
4923
+ }
4924
+ }
4925
+
4926
+ .recharts-xAxis {
4927
+ font-size: 12px;
4928
+ }
4929
+
4930
+ .pointer-wrapper {
4931
+ position: absolute;
4932
+ bottom: 10px;
4933
+ padding: 0 8px;
4934
+ border-radius: 4px;
4935
+ font-size: 12px;
4936
+ color: $white;
4937
+ background: rgba(0, 0, 0, 0.75);
4938
+ transform: translateX(-50%);
4588
4939
  }
4589
4940
  }
4590
4941
 
4591
- .E_v18frne8 {
4592
- width: 100%;
4593
- display: flex;
4594
- align-items: center;
4595
- justify-content: center;
4596
- column-gap: 6px;
4597
- font-size: 13px;
4598
- .step-item-prefix-container {
4599
- display: inline-flex;
4600
- align-items: center;
4601
- min-width: 20px;
4602
- min-height: 20px;
4603
- color: $gray-a75-8;
4604
- justify-content: center;
4605
- }
4942
+ .E_tnvijvs {
4943
+ min-width: 200px;
4606
4944
  }
4607
4945
 
4608
-
4609
- .E_r77hffu {
4946
+ .E_t1ub2aex {
4610
4947
  display: flex;
4611
4948
  align-items: center;
4612
4949
  justify-content: space-between;
4613
- column-gap: 6px;
4614
- }
4615
-
4616
- .E_p1cmxsf7 {
4617
- display: flex;
4618
- flex-direction: column;
4619
- justify-content: center;
4620
- row-gap: var(--p1cmxsf7-0);
4950
+ background-color: rgba(0, 0, 0, 0.75);
4951
+ color: #b4beca;
4952
+ font-size: 12px;
4953
+ padding: 3px 6px;
4621
4954
 
4622
- .antd5-progress-line {
4623
- font-size: 0;
4624
- margin-bottom: unset;
4625
- margin-inline-end: unset;
4955
+ &:first-child {
4956
+ padding-top: 3px;
4626
4957
  }
4627
- }
4628
-
4629
-
4630
- .E_w7ob4th {
4631
- &.outside-tag {
4632
- padding-left: 0;
4633
- .inside-tag {
4634
- border-radius: 4px 0 0 4px;
4635
- padding-right: 4px;
4636
- margin-right: 4px;
4637
- }
4958
+ &:last-child {
4959
+ padding-bottom: 3px;
4960
+ }
4961
+ .column-value {
4962
+ color: $white;
4963
+ margin-left: 8px;
4638
4964
  }
4639
4965
  }
4640
4966
 
@@ -4802,237 +5128,57 @@
4802
5128
  .ant-input,
4803
5129
  .ant-select-selector {
4804
5130
  border-radius: 5px;
4805
- font-size: 12px;
4806
- }
4807
- .ant-input-affix-wrapper {
4808
- font-size: inherit;
4809
- }
4810
-
4811
- .ant-form-item-control-input {
4812
- min-height: 24px;
4813
- font-size: 12px;
4814
- position: relative;
4815
- }
4816
- }
4817
- }
4818
- }
4819
- &.row-split-by-border {
4820
- .eagle-table-form-row {
4821
- border-bottom: 1px solid $fills-light-trans-2;
4822
- }
4823
- }
4824
- &.row-split-by-zebraMarking {
4825
- .draggable-container {
4826
- & > :nth-child(2n) {
4827
- background-color: $fills-trans-primary-light;
4828
- }
4829
- }
4830
- }
4831
- }
4832
-
4833
- .E_a138syjm {
4834
- display: flex;
4835
- align-items: center;
4836
- margin-top: 8px;
4837
- button.ant-btn {
4838
- padding: 2px 8px;
4839
- height: 24px;
4840
- }
4841
- & > span.maximum-desc {
4842
- display: none;
4843
- margin-left: 8px;
4844
- color: $text-secondary-light;
4845
- &.disabled {
4846
- display: inline;
4847
- }
4848
- }
4849
- }
4850
-
4851
- .E_d77i8u0 {
4852
- width: 24px;
4853
- height: 24px;
4854
- padding: 4px;
4855
- margin-right: 8px;
4856
- }
4857
-
4858
-
4859
- .E_slr2ynn {
4860
- padding: 0 8px;
4861
- height: 18px;
4862
- }
4863
-
4864
- .E_m140wbb6 {
4865
- padding: 2px 8px;
4866
- height: 24px;
4867
- }
4868
-
4869
- .E_t1fozc1i {
4870
- margin: 0;
4871
- }
4872
-
4873
- .E_i1vxv4ln {
4874
- margin-right: 4px;
4875
- height: 16px;
4876
- }
4877
-
4878
- .E_n1afl31m {
4879
- &.ant-tag.ant-tag-gray {
4880
- font-weight: 700;
4881
- color: $text-neutral-primary;
4882
- background-color: $fill-neutral-trans-1;
4883
- border: 1px solid $stroke-neutral-trans-2;
4884
- word-break: break-all;
4885
- display: inline;
4886
- white-space: normal;
4887
- }
4888
- }
4889
-
4890
-
4891
- .E_i1g85yz3 {
4892
- margin-right: 4px;
4893
- height: 16px;
4894
- }
4895
-
4896
-
4897
- .E_l1ucdodl {
4898
- $prefix: ui-kit-status-legend;
4899
- margin: 0;
4900
- border-radius: 20px;
4901
- padding: 2px 10px;
4902
- height: 22px;
4903
- display: flex;
4904
- align-items: center;
4905
-
4906
- &.ui-kit-status-legend.on-tint {
4907
- color: $text-neutral-ontint;
4908
- }
4909
- &.tag-hover {
4910
- cursor: pointer;
4911
- }
4912
-
4913
- &.#{$prefix} {
4914
- color: $text-neutral-primary;
4915
- .#{$prefix}-icon {
4916
- margin-right: 6px;
4917
- }
4918
- .#{$prefix}-number {
4919
- margin-left: 8px;
4920
- color: #2C385299;
4921
- &.#{$prefix}-number.on-tint {
4922
- color: $text-neutral-ontint;
4923
- }
4924
- }
4925
- &.eagle-legend-blue {
4926
- .#{$prefix}-icon {
4927
- background-color: $fill-outstanding-base;
4928
- }
4929
- }
4930
- &.eagle-legend-red {
4931
- .#{$prefix}-icon {
4932
- background-color: $fill-serious-base;
4933
- }
4934
- }
4935
- &.eagle-legend-yellow {
4936
- .#{$prefix}-icon {
4937
- background-color: $fill-notice-base;
4938
- }
4939
- }
4940
- &.eagle-legend-green {
4941
- .#{$prefix}-icon {
4942
- background-color: $fill-positive-base;
4943
- }
4944
- }
4945
- &.eagle-legend-gray {
4946
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4947
- background-color: $gray-70;
4948
- }
4949
- }
4950
- &.eagle-legend-purple {
4951
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4952
- background-color: $purple-50;
4953
- }
4954
- }
4955
- }
4956
- }
4957
-
4958
- .E_s1qj66nc {
4959
- width: 8px;
4960
- height: 8px;
4961
- border-radius: 50%;
4962
- display: inline-block;
4963
- }
4964
-
4965
- .E_s5x1boq {
4966
- width: 8px;
4967
- height: 8px;
4968
- border-radius: 2px;
4969
- display: inline-block;
4970
- }
4971
-
4972
- .E_c1xm185 {
4973
- color: #2C385299;
4974
- }
4975
-
4976
- .E_c1x5l5qc {
4977
- flex: 1;
4978
- }
4979
-
4980
-
4981
- .E_t13ef470 {
4982
- height: 100%;
4983
- .table-loading-item {
4984
- padding: 12px 4px;
4985
- border-bottom: 1px solid rgba($gray-50, 0.18);
4986
- display: flex;
4987
-
4988
- > * {
4989
- height: 16px;
4990
- margin: 4px;
4991
- background: rgba($gray-50, 0.18);
4992
- border-radius: 2px;
4993
- }
4994
- .checkbox-loading {
4995
- width: 16px;
4996
- }
4997
- .td-loading {
4998
- flex: 1;
5131
+ font-size: 12px;
5132
+ }
5133
+ .ant-input-affix-wrapper {
5134
+ font-size: inherit;
5135
+ }
5136
+
5137
+ .ant-form-item-control-input {
5138
+ min-height: 24px;
5139
+ font-size: 12px;
5140
+ position: relative;
5141
+ }
5142
+ }
4999
5143
  }
5000
5144
  }
5001
-
5002
- :nth-child(1) {
5003
- padding: 8px 4px;
5004
- > * {
5005
- background: rgba($gray-70, 0.18);
5145
+ &.row-split-by-border {
5146
+ .eagle-table-form-row {
5147
+ border-bottom: 1px solid $fills-light-trans-2;
5006
5148
  }
5007
5149
  }
5008
- :nth-child(1) {
5009
- > * {
5010
- background: rgba($gray-60, 0.18);
5150
+ &.row-split-by-zebraMarking {
5151
+ .draggable-container {
5152
+ & > :nth-child(2n) {
5153
+ background-color: $fills-trans-primary-light;
5154
+ }
5011
5155
  }
5012
5156
  }
5013
5157
  }
5014
5158
 
5015
-
5016
- .E_t1gvlxt5 {
5017
- min-width: 0;
5018
- flex: 1;
5019
- .tag {
5020
- flex: 0 0 auto;
5021
- }
5022
- .progress-title {
5023
- flex: 2;
5024
- max-width: fit-content;
5159
+ .E_a138syjm {
5160
+ display: flex;
5161
+ align-items: center;
5162
+ margin-top: 8px;
5163
+ button.ant-btn {
5164
+ padding: 2px 8px;
5165
+ height: 24px;
5025
5166
  }
5026
- .progress-desc {
5027
- flex: 1;
5028
- max-width: fit-content;
5167
+ & > span.maximum-desc {
5168
+ display: none;
5169
+ margin-left: 8px;
5170
+ color: $text-secondary-light;
5171
+ &.disabled {
5172
+ display: inline;
5173
+ }
5029
5174
  }
5030
5175
  }
5031
5176
 
5032
- .E_a1ji6r68 {
5033
- display: flex;
5034
- align-items: center;
5035
- column-gap: var(--a1ji6r68-0);
5177
+ .E_d77i8u0 {
5178
+ width: 24px;
5179
+ height: 24px;
5180
+ padding: 4px;
5181
+ margin-right: 8px;
5036
5182
  }
5037
5183
 
5038
5184
 
@@ -5231,206 +5377,14 @@
5231
5377
  padding: 8px;
5232
5378
  }
5233
5379
 
5234
- .E_tecdsj7 {
5235
- display: flex;
5236
- align-items: center;
5237
- background-color: unset;
5238
- color: $text-neutral-ontint;
5239
- justify-content: space-between;
5240
- font-size: 12px;
5241
- padding-top: 6px;
5242
-
5243
- &:first-child {
5244
- padding-top: 3px;
5245
- }
5246
- &:last-child {
5247
- padding-bottom: 3px;
5248
- }
5249
- .column-value {
5250
- color: $text-neutral-ontint;
5251
- margin-left: 8px;
5252
- }
5253
- }
5254
-
5255
- .E_ljhvvia {
5256
- display: inline-block;
5257
- height: 8px;
5258
- width: 8px;
5259
- margin-right: 8px;
5260
- border-radius: 2px;
5261
- &.borderd {
5262
- border: 1px solid $stroke-neutral-white;
5263
- }
5264
- }
5265
-
5266
-
5267
- .E_msn7nxt {
5268
- color: $text-light-secondary;
5269
- text-align: center;
5270
-
5271
- display: flex;
5272
- align-items: center;
5273
- justify-content: center;
5274
- flex-direction: column;
5275
- height: 100%;
5276
-
5277
- .link {
5278
- color: $text-light-general;
5279
- cursor: pointer;
5280
- }
5281
- }
5282
-
5283
- .E_mp64wfi {
5284
- width: 100%;
5285
- height: 100%;
5286
- display: flex;
5287
- flex-direction: column;
5288
-
5289
- .name-toolbar {
5290
- width: 100%;
5291
- display: flex;
5292
- line-height: 30px;
5293
- padding: 0 16px;
5294
- justify-content: space-between;
5295
- .metric-extra {
5296
- display: flex;
5297
- font-size: 12px;
5298
- align-items: center;
5299
-
5300
- .info-item {
5301
- color: $gray-60;
5302
- }
5303
- .info-item + .info-item {
5304
- margin-left: 10px;
5305
- }
5306
-
5307
- .menu-trigger {
5308
- margin-left: 10px;
5309
- cursor: pointer;
5310
- }
5311
- }
5312
- }
5313
-
5314
- .content {
5315
- flex: 1;
5316
- width: 100%;
5317
- display: flex;
5318
- justify-content: center;
5319
- align-items: center;
5320
- }
5321
- .single-content {
5322
- height: 65px;
5323
- }
5324
- }
5325
-
5326
- .E_l1oyigan {
5327
- display: flex;
5328
- align-items: center;
5329
- white-space: nowrap;
5330
- overflow: hidden;
5331
- width: 100%;
5332
-
5333
- .ant-dropdown-trigger {
5334
- margin-left: auto;
5335
- font-size: 12px;
5336
- }
5337
- }
5338
-
5339
- .E_l1noi4n1 {
5340
- display: flex;
5341
- justify-content: flex-start;
5342
- align-items: center;
5343
- font-size: 12px;
5344
- cursor: pointer;
5345
-
5346
- &:not(:last-child) {
5347
- margin-right: 20px;
5348
- }
5349
- &.deselected {
5350
- opacity: 0.4;
5351
-
5352
- .color-block {
5353
- background: #b4beca !important;
5354
- }
5355
- }
5356
- }
5357
-
5358
- .E_cz19rz6 {
5359
- display: inline-block;
5360
- height: 8px;
5361
- width: 8px;
5362
- margin-right: 8px;
5363
- }
5364
-
5365
- .E_e17r5r9c {
5366
- .ant-dropdown-menu-item {
5367
- display: flex;
5368
- align-items: center;
5369
- font-size: 12px;
5370
- margin: 0;
5371
- }
5372
- }
5373
-
5374
- .E_m1y1hhnr {
5375
- position: relative;
5376
-
5377
- &.hidden-xaxis .pointer-wrapper {
5378
- bottom: -12px;
5379
- }
5380
-
5381
- .metric-toolbar {
5382
- display: flex;
5383
- justify-content: space-between;
5384
- line-height: 30px;
5385
- margin: 0 16px;
5386
-
5387
- .metric-extra {
5388
- display: flex;
5389
- font-size: 12px;
5390
- align-items: center;
5391
-
5392
- .info-item {
5393
- color: $gray-60;
5394
- }
5395
- .info-item + .info-item {
5396
- margin-left: 10px;
5397
- }
5398
-
5399
- .menu-trigger {
5400
- margin-left: 10px;
5401
- cursor: pointer;
5402
- }
5403
- }
5404
- }
5405
-
5406
- .recharts-xAxis {
5407
- font-size: 12px;
5408
- }
5409
-
5410
- .pointer-wrapper {
5411
- position: absolute;
5412
- bottom: 10px;
5413
- padding: 0 8px;
5414
- border-radius: 4px;
5415
- font-size: 12px;
5416
- color: $white;
5417
- background: rgba(0, 0, 0, 0.75);
5418
- transform: translateX(-50%);
5419
- }
5420
- }
5421
-
5422
- .E_tnvijvs {
5423
- min-width: 200px;
5424
- }
5425
-
5426
- .E_t1ub2aex {
5380
+ .E_tecdsj7 {
5427
5381
  display: flex;
5428
5382
  align-items: center;
5383
+ background-color: unset;
5384
+ color: $text-neutral-ontint;
5429
5385
  justify-content: space-between;
5430
- background-color: rgba(0, 0, 0, 0.75);
5431
- color: #b4beca;
5432
5386
  font-size: 12px;
5433
- padding: 3px 6px;
5387
+ padding-top: 6px;
5434
5388
 
5435
5389
  &:first-child {
5436
5390
  padding-top: 3px;
@@ -5439,11 +5393,57 @@
5439
5393
  padding-bottom: 3px;
5440
5394
  }
5441
5395
  .column-value {
5442
- color: $white;
5396
+ color: $text-neutral-ontint;
5443
5397
  margin-left: 8px;
5444
5398
  }
5445
5399
  }
5446
5400
 
5401
+ .E_ljhvvia {
5402
+ display: inline-block;
5403
+ height: 8px;
5404
+ width: 8px;
5405
+ margin-right: 8px;
5406
+ border-radius: 2px;
5407
+ &.borderd {
5408
+ border: 1px solid $stroke-neutral-white;
5409
+ }
5410
+ }
5411
+
5412
+
5413
+ .E_t13ef470 {
5414
+ height: 100%;
5415
+ .table-loading-item {
5416
+ padding: 12px 4px;
5417
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5418
+ display: flex;
5419
+
5420
+ > * {
5421
+ height: 16px;
5422
+ margin: 4px;
5423
+ background: rgba($gray-50, 0.18);
5424
+ border-radius: 2px;
5425
+ }
5426
+ .checkbox-loading {
5427
+ width: 16px;
5428
+ }
5429
+ .td-loading {
5430
+ flex: 1;
5431
+ }
5432
+ }
5433
+
5434
+ :nth-child(1) {
5435
+ padding: 8px 4px;
5436
+ > * {
5437
+ background: rgba($gray-70, 0.18);
5438
+ }
5439
+ }
5440
+ :nth-child(1) {
5441
+ > * {
5442
+ background: rgba($gray-60, 0.18);
5443
+ }
5444
+ }
5445
+ }
5446
+
5447
5447
 
5448
5448
  .E_bpgac8u {
5449
5449
  color: #FFFFFF;
@@ -5474,9 +5474,9 @@
5474
5474
 
5475
5475
 
5476
5476
  .E_t59qhqp {
5477
- background: #FFFFFF;
5478
- padding: 24px 32px;
5479
- border-radius: 8px;
5477
+ padding: 0px;
5478
+ padding-top: 5px;
5479
+ padding-left: 5px;
5480
5480
 
5481
5481
  .ant-timeline-item {
5482
5482
  margin-bottom: 16px;
@@ -5598,6 +5598,11 @@
5598
5598
  }
5599
5599
 
5600
5600
 
5601
+ .E_t1616y1o {
5602
+ color: $text-light-on-tint;
5603
+ }
5604
+
5605
+
5601
5606
  .E_f16blduf {
5602
5607
  &.ant-form-item {
5603
5608
  margin-bottom: 0;
@@ -5624,11 +5629,6 @@
5624
5629
  }
5625
5630
 
5626
5631
 
5627
- .E_t1616y1o {
5628
- color: $text-light-on-tint;
5629
- }
5630
-
5631
-
5632
5632
  .E_a9y3flr {
5633
5633
  margin-left: 8px;
5634
5634
  }
@@ -5662,220 +5662,45 @@
5662
5662
  flex: 1;
5663
5663
  }
5664
5664
 
5665
- .E_b1dhu7ov {
5666
- &.antd5-progress {
5667
- width: 220px;
5668
- }
5669
- }
5670
-
5671
- .E_p1as1j2z {
5672
- .antd5-progress.antd5-progress-status-active
5673
- .antd5-progress-bg::before {
5674
- content: "";
5675
- display: block;
5676
- height: 8px;
5677
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5678
- animation: loading 1600ms ease-out infinite;
5679
- opacity: 1;
5680
- }
5681
-
5682
- @keyframes loading {
5683
- from {
5684
- transform: translateX(-100%);
5685
- }
5686
- to {
5687
- transform: translateX(100%);
5688
- }
5689
- }
5690
- }
5691
-
5692
-
5693
- .E_skwah65 {
5694
- height: 8px;
5695
- box-sizing: border-box;
5696
- border-radius: 2px;
5697
- background: #f5f7fa;
5698
- display: flex;
5699
- width: 100%;
5700
- overflow: hidden;
5701
-
5702
- .stack-bar-item + .stack-bar-item {
5703
- margin-left: 1px;
5704
- }
5705
- }
5706
-
5707
-
5708
- .E_c18bcrac {
5709
- display: inline-block;
5710
- width: 100%;
5711
- .recharts-wrapper {
5712
- margin-left: 4px;
5713
- }
5714
- }
5715
-
5716
- .E_cro7kg2 {
5717
- padding: 4px;
5718
-
5719
- .unit {
5720
- color: white;
5721
- }
5722
- }
5723
-
5724
- .E_c14wcxf0 {
5725
- display: flex;
5726
- justify-content: space-between;
5727
- align-items: center;
5728
- font-size: 13px;
5729
- line-height: 24px;
5730
- color: #cccccc;
5731
- white-space: nowrap;
5732
-
5733
- label {
5734
- margin-right: 32px;
5735
- }
5736
- }
5737
-
5738
- .E_coy29mj.E_c14wcxf0 {
5739
- font-weight: bold;
5740
- color: white;
5741
- }
5742
-
5743
- .E_s11212zy {
5744
- width: 8px;
5745
- height: 8px;
5746
- border-radius: 2px;
5747
- display: inline-block;
5748
- background: var(--s11212zy-0);
5749
- border: 1px solid $fills-light-white;
5750
- box-sizing: content-box;
5751
- margin-right: 6px;
5752
- }
5753
-
5754
- .E_p1lyky6c {
5755
- & > :first-child {
5756
- font-weight: bold;
5757
- color: white;
5758
- margin-right: 4px;
5759
- }
5760
- }
5761
-
5762
-
5763
- .E_gmyahx3 {
5764
- cursor: pointer;
5765
-
5766
- .link-text {
5767
- color: $text-light-tertiary;
5768
- }
5769
-
5770
- &:hover .link-text {
5771
- color: $text-light-general;
5772
- }
5773
- }
5774
-
5775
-
5776
- .E_tqjc4ui {
5777
- @at-root {
5778
- span#{&} {
5779
- margin: 0 2px;
5780
- }
5781
- }
5782
- }
5783
-
5784
-
5785
- .E_clm1wy1 {
5786
- width: 192px;
5787
- height: 246px;
5788
- border-radius: 4px;
5789
-
5790
- > .ant-picker-calendar,
5791
- > .ant-picker-calendar .ant-picker-panel {
5792
- width: 100%;
5793
- background-color: rgba(245, 247, 250, 0.6);
5794
- border-top: none;
5795
-
5796
- .ant-picker-body {
5797
- padding: 0 16px;
5798
- }
5799
-
5800
- .ant-picker-content {
5801
- width: 100%;
5802
- height: 180px;
5803
- border-spacing: 0;
5804
-
5805
- thead {
5806
- margin-bottom: 8px;
5807
- }
5808
- th {
5809
- width: 22px;
5810
- }
5811
- td {
5812
- padding: 0;
5813
- }
5814
- }
5815
- }
5816
-
5817
- .ant-picker-cell {
5818
- color: rgba(62, 70, 82, 0.6);
5819
- opacity: 0.4;
5820
- }
5821
- .ant-picker-cell-in-view {
5822
- color: rgba(62, 70, 82, 0.6);
5823
- opacity: 1;
5824
- }
5825
- .ant-picker-cell-in-view > .active {
5826
- color: #3e4652;
5827
- }
5828
-
5829
- .ant-picker-cell::before {
5830
- pointer-events: none;
5831
- }
5832
- }
5833
-
5834
- .E_t1tsm00v {
5835
- color: rgba(129, 138, 153, 0.6);
5836
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5837
- backdrop-filter: blur(10px);
5838
- padding: 7px 10px;
5839
- }
5840
-
5841
- .E_c167wnad {
5842
- color: rgba(62, 70, 82, 0.6);
5843
- display: flex;
5844
- justify-content: space-between;
5845
- align-items: center;
5846
- padding: 8px 16px;
5847
-
5848
- .anticon {
5849
- cursor: pointer;
5850
- &:hover {
5851
- color: $blue;
5852
- }
5665
+ .E_b1dhu7ov {
5666
+ &.antd5-progress {
5667
+ width: 220px;
5853
5668
  }
5854
5669
  }
5855
5670
 
5856
- .E_cxhf7dh {
5857
- text-align: center;
5858
-
5859
- .dots {
5860
- display: flex;
5861
- justify-content: center;
5671
+ .E_p1as1j2z {
5672
+ .antd5-progress.antd5-progress-status-active
5673
+ .antd5-progress-bg::before {
5674
+ content: "";
5675
+ display: block;
5676
+ height: 8px;
5677
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5678
+ animation: loading 1600ms ease-out infinite;
5679
+ opacity: 1;
5862
5680
  }
5863
- .dot {
5864
- display: inline-block;
5865
- width: 2px;
5866
- height: 2px;
5867
- border-radius: 1px;
5868
- background: $blue;
5869
5681
 
5870
- &:not(:last-child) {
5871
- margin-right: 2px;
5682
+ @keyframes loading {
5683
+ from {
5684
+ transform: translateX(-100%);
5685
+ }
5686
+ to {
5687
+ transform: translateX(100%);
5872
5688
  }
5873
5689
  }
5874
- .bar {
5875
- width: 9px;
5876
- height: 2px;
5877
- background: $blue;
5878
- border-radius: 2px;
5690
+ }
5691
+
5692
+
5693
+ .E_skwah65 {
5694
+ height: 8px;
5695
+ box-sizing: border-box;
5696
+ border-radius: 2px;
5697
+ background: #f5f7fa;
5698
+ display: flex;
5699
+ width: 100%;
5700
+ overflow: hidden;
5701
+
5702
+ .stack-bar-item + .stack-bar-item {
5703
+ margin-left: 1px;
5879
5704
  }
5880
5705
  }
5881
5706
 
@@ -6111,6 +5936,19 @@
6111
5936
  }
6112
5937
 
6113
5938
 
5939
+ .E_gmyahx3 {
5940
+ cursor: pointer;
5941
+
5942
+ .link-text {
5943
+ color: $text-light-tertiary;
5944
+ }
5945
+
5946
+ &:hover .link-text {
5947
+ color: $text-light-general;
5948
+ }
5949
+ }
5950
+
5951
+
6114
5952
  .E_n12mqh7z {
6115
5953
  display: flex;
6116
5954
  align-items: center;
@@ -6132,6 +5970,168 @@
6132
5970
  }
6133
5971
 
6134
5972
 
5973
+ .E_c18bcrac {
5974
+ display: inline-block;
5975
+ width: 100%;
5976
+ .recharts-wrapper {
5977
+ margin-left: 4px;
5978
+ }
5979
+ }
5980
+
5981
+ .E_cro7kg2 {
5982
+ padding: 4px;
5983
+
5984
+ .unit {
5985
+ color: white;
5986
+ }
5987
+ }
5988
+
5989
+ .E_c14wcxf0 {
5990
+ display: flex;
5991
+ justify-content: space-between;
5992
+ align-items: center;
5993
+ font-size: 13px;
5994
+ line-height: 24px;
5995
+ color: #cccccc;
5996
+ white-space: nowrap;
5997
+
5998
+ label {
5999
+ margin-right: 32px;
6000
+ }
6001
+ }
6002
+
6003
+ .E_coy29mj.E_c14wcxf0 {
6004
+ font-weight: bold;
6005
+ color: white;
6006
+ }
6007
+
6008
+ .E_s11212zy {
6009
+ width: 8px;
6010
+ height: 8px;
6011
+ border-radius: 2px;
6012
+ display: inline-block;
6013
+ background: var(--s11212zy-0);
6014
+ border: 1px solid $fills-light-white;
6015
+ box-sizing: content-box;
6016
+ margin-right: 6px;
6017
+ }
6018
+
6019
+ .E_p1lyky6c {
6020
+ & > :first-child {
6021
+ font-weight: bold;
6022
+ color: white;
6023
+ margin-right: 4px;
6024
+ }
6025
+ }
6026
+
6027
+
6028
+ .E_clm1wy1 {
6029
+ width: 192px;
6030
+ height: 246px;
6031
+ border-radius: 4px;
6032
+
6033
+ > .ant-picker-calendar,
6034
+ > .ant-picker-calendar .ant-picker-panel {
6035
+ width: 100%;
6036
+ background-color: rgba(245, 247, 250, 0.6);
6037
+ border-top: none;
6038
+
6039
+ .ant-picker-body {
6040
+ padding: 0 16px;
6041
+ }
6042
+
6043
+ .ant-picker-content {
6044
+ width: 100%;
6045
+ height: 180px;
6046
+ border-spacing: 0;
6047
+
6048
+ thead {
6049
+ margin-bottom: 8px;
6050
+ }
6051
+ th {
6052
+ width: 22px;
6053
+ }
6054
+ td {
6055
+ padding: 0;
6056
+ }
6057
+ }
6058
+ }
6059
+
6060
+ .ant-picker-cell {
6061
+ color: rgba(62, 70, 82, 0.6);
6062
+ opacity: 0.4;
6063
+ }
6064
+ .ant-picker-cell-in-view {
6065
+ color: rgba(62, 70, 82, 0.6);
6066
+ opacity: 1;
6067
+ }
6068
+ .ant-picker-cell-in-view > .active {
6069
+ color: #3e4652;
6070
+ }
6071
+
6072
+ .ant-picker-cell::before {
6073
+ pointer-events: none;
6074
+ }
6075
+ }
6076
+
6077
+ .E_t1tsm00v {
6078
+ color: rgba(129, 138, 153, 0.6);
6079
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6080
+ backdrop-filter: blur(10px);
6081
+ padding: 7px 10px;
6082
+ }
6083
+
6084
+ .E_c167wnad {
6085
+ color: rgba(62, 70, 82, 0.6);
6086
+ display: flex;
6087
+ justify-content: space-between;
6088
+ align-items: center;
6089
+ padding: 8px 16px;
6090
+
6091
+ .anticon {
6092
+ cursor: pointer;
6093
+ &:hover {
6094
+ color: $blue;
6095
+ }
6096
+ }
6097
+ }
6098
+
6099
+ .E_cxhf7dh {
6100
+ text-align: center;
6101
+
6102
+ .dots {
6103
+ display: flex;
6104
+ justify-content: center;
6105
+ }
6106
+ .dot {
6107
+ display: inline-block;
6108
+ width: 2px;
6109
+ height: 2px;
6110
+ border-radius: 1px;
6111
+ background: $blue;
6112
+
6113
+ &:not(:last-child) {
6114
+ margin-right: 2px;
6115
+ }
6116
+ }
6117
+ .bar {
6118
+ width: 9px;
6119
+ height: 2px;
6120
+ background: $blue;
6121
+ border-radius: 2px;
6122
+ }
6123
+ }
6124
+
6125
+
6126
+ .E_tqjc4ui {
6127
+ @at-root {
6128
+ span#{&} {
6129
+ margin: 0 2px;
6130
+ }
6131
+ }
6132
+ }
6133
+
6134
+
6135
6135
  .E_ou7iq30 {
6136
6136
  overflow: hidden;
6137
6137
  text-overflow: ellipsis;
@@ -6162,32 +6162,6 @@
6162
6162
  }
6163
6163
 
6164
6164
 
6165
- .E_wg1tsps {
6166
- display: flex;
6167
- align-items: center;
6168
- justify-content: flex-end;
6169
- }
6170
-
6171
- .E_b1ctd5xy {
6172
- display: flex;
6173
- align-items: center;
6174
- width: calc(100% - 40px);
6175
-
6176
- .chart {
6177
- display: inline-block;
6178
- width: 100%;
6179
- }
6180
- }
6181
-
6182
- .E_u1p8acpn {
6183
- min-width: 40px;
6184
-
6185
- .unit {
6186
- color: $text-light-primary !important;
6187
- }
6188
- }
6189
-
6190
-
6191
6165
  .E_s1at6qmn {
6192
6166
  &.ant-layout-sider {
6193
6167
  background: $backgrounds-light-grouped;
@@ -6327,14 +6301,28 @@
6327
6301
  }
6328
6302
 
6329
6303
 
6330
- .E_s1iv0tp1 {
6331
- .enabled-switch {
6332
- display: flex;
6333
- align-items: center;
6304
+ .E_wg1tsps {
6305
+ display: flex;
6306
+ align-items: center;
6307
+ justify-content: flex-end;
6308
+ }
6309
+
6310
+ .E_b1ctd5xy {
6311
+ display: flex;
6312
+ align-items: center;
6313
+ width: calc(100% - 40px);
6314
+
6315
+ .chart {
6316
+ display: inline-block;
6317
+ width: 100%;
6334
6318
  }
6319
+ }
6335
6320
 
6336
- .enabled-text {
6337
- margin-right: 8px;
6321
+ .E_u1p8acpn {
6322
+ min-width: 40px;
6323
+
6324
+ .unit {
6325
+ color: $text-light-primary !important;
6338
6326
  }
6339
6327
  }
6340
6328
 
@@ -6607,6 +6595,18 @@
6607
6595
  }
6608
6596
 
6609
6597
 
6598
+ .E_s1iv0tp1 {
6599
+ .enabled-switch {
6600
+ display: flex;
6601
+ align-items: center;
6602
+ }
6603
+
6604
+ .enabled-text {
6605
+ margin-right: 8px;
6606
+ }
6607
+ }
6608
+
6609
+
6610
6610
  .E_t1sqg15u {
6611
6611
  background: white;
6612
6612
 
@@ -6820,13 +6820,6 @@
6820
6820
  }
6821
6821
 
6822
6822
 
6823
- .E_h1ol2wl7 {
6824
- font-weight: bold;
6825
- background-color: unset;
6826
- padding: unset;
6827
- }
6828
-
6829
-
6830
6823
  .E_i5w779o {
6831
6824
  padding: 8px 0;
6832
6825
 
@@ -6871,6 +6864,13 @@
6871
6864
  }
6872
6865
 
6873
6866
 
6867
+ .E_h1ol2wl7 {
6868
+ font-weight: bold;
6869
+ background-color: unset;
6870
+ padding: unset;
6871
+ }
6872
+
6873
+
6874
6874
  .E_kr6am0s {
6875
6875
  .ant-modal-body {
6876
6876
  padding: 60px 128px;
@@ -6945,59 +6945,6 @@
6945
6945
  }
6946
6946
 
6947
6947
 
6948
- .E_cevhqx7 {
6949
- color: $text-light-primary;
6950
- }
6951
-
6952
- .E_snbqlt4 {
6953
- margin-top: 8px;
6954
- color: $text-light-secondary;
6955
- }
6956
-
6957
-
6958
- .E_c1ss4prm {
6959
- color: $text-light-secondary;
6960
-
6961
- li {
6962
- margin-bottom: 4px;
6963
-
6964
- &:last-child {
6965
- margin-bottom: 0;
6966
- }
6967
- }
6968
- }
6969
-
6970
- .E_ms3tlei {
6971
- background: $fill-neutral-trans-2;
6972
- padding: 8px;
6973
- border-radius: 6px;
6974
- color: $gray-a60-8;
6975
-
6976
- li {
6977
- margin-bottom: 4px;
6978
-
6979
- &:last-child {
6980
- margin-bottom: 0;
6981
- }
6982
- }
6983
- }
6984
-
6985
- .E_du44iy7 {
6986
- margin-bottom: 4px;
6987
- }
6988
-
6989
- .E_s1qmhanr {
6990
- color: $text-light-secondary;
6991
- margin-bottom: 8px;
6992
- }
6993
-
6994
- .E_drje1h0 {
6995
- height: 1px;
6996
- background: $strokes-light-opaque-2;
6997
- margin: 16px 0;
6998
- }
6999
-
7000
-
7001
6948
  .E_l12xdkhl {
7002
6949
  width: 64px;
7003
6950
  height: 64px;
@@ -7016,57 +6963,6 @@
7016
6963
  }
7017
6964
 
7018
6965
 
7019
- .E_c14ouk5o {
7020
- width: 100%;
7021
- height: 100%;
7022
- display: flex;
7023
- font-size: 12px;
7024
- line-height: 18px;
7025
- padding: 8px 0;
7026
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7027
-
7028
- &:last-of-type {
7029
- box-shadow: none;
7030
- padding-bottom: 0;
7031
- }
7032
- &.collapsed {
7033
- flex-direction: column;
7034
-
7035
- .collapsed-content {
7036
- display: flex;
7037
-
7038
- > span {
7039
- flex: 1;
7040
- display: flex;
7041
- justify-content: space-between;
7042
- .ant-btn {
7043
- height: auto;
7044
- }
7045
- }
7046
- }
7047
- .extra-content {
7048
- margin-left: 162px;
7049
- }
7050
- }
7051
-
7052
- .col-label {
7053
- width: 216px;
7054
- color: $text-secondary-light;
7055
- margin-right: 12px;
7056
- flex-shrink: 0;
7057
- }
7058
-
7059
- .col-content {
7060
- color: $text-primary-light;
7061
-
7062
- /* make btn link in info row have the same height as normal text */
7063
- .ant-btn.ant-btn-link {
7064
- height: auto;
7065
- }
7066
- }
7067
- }
7068
-
7069
-
7070
6966
  .E_c1kchka8 {
7071
6967
  height: 100%;
7072
6968
  width: 100%;
@@ -7665,3 +7561,107 @@
7665
7561
  }
7666
7562
  }
7667
7563
 
7564
+
7565
+ .E_c14ouk5o {
7566
+ width: 100%;
7567
+ height: 100%;
7568
+ display: flex;
7569
+ font-size: 12px;
7570
+ line-height: 18px;
7571
+ padding: 8px 0;
7572
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7573
+
7574
+ &:last-of-type {
7575
+ box-shadow: none;
7576
+ padding-bottom: 0;
7577
+ }
7578
+ &.collapsed {
7579
+ flex-direction: column;
7580
+
7581
+ .collapsed-content {
7582
+ display: flex;
7583
+
7584
+ > span {
7585
+ flex: 1;
7586
+ display: flex;
7587
+ justify-content: space-between;
7588
+ .ant-btn {
7589
+ height: auto;
7590
+ }
7591
+ }
7592
+ }
7593
+ .extra-content {
7594
+ margin-left: 162px;
7595
+ }
7596
+ }
7597
+
7598
+ .col-label {
7599
+ width: 216px;
7600
+ color: $text-secondary-light;
7601
+ margin-right: 12px;
7602
+ flex-shrink: 0;
7603
+ }
7604
+
7605
+ .col-content {
7606
+ color: $text-primary-light;
7607
+
7608
+ /* make btn link in info row have the same height as normal text */
7609
+ .ant-btn.ant-btn-link {
7610
+ height: auto;
7611
+ }
7612
+ }
7613
+ }
7614
+
7615
+
7616
+ .E_cevhqx7 {
7617
+ color: $text-light-primary;
7618
+ }
7619
+
7620
+ .E_snbqlt4 {
7621
+ margin-top: 8px;
7622
+ color: $text-light-secondary;
7623
+ }
7624
+
7625
+
7626
+ .E_c1ss4prm {
7627
+ color: $text-light-secondary;
7628
+
7629
+ li {
7630
+ margin-bottom: 4px;
7631
+
7632
+ &:last-child {
7633
+ margin-bottom: 0;
7634
+ }
7635
+ }
7636
+ }
7637
+
7638
+ .E_ms3tlei {
7639
+ background: $fill-neutral-trans-2;
7640
+ padding: 8px;
7641
+ border-radius: 6px;
7642
+ color: $gray-a60-8;
7643
+
7644
+ li {
7645
+ margin-bottom: 4px;
7646
+
7647
+ &:last-child {
7648
+ margin-bottom: 0;
7649
+ }
7650
+ }
7651
+ }
7652
+
7653
+ .E_du44iy7 {
7654
+ margin-bottom: 4px;
7655
+ }
7656
+
7657
+ .E_s1qmhanr {
7658
+ color: $text-light-secondary;
7659
+ margin-bottom: 8px;
7660
+ }
7661
+
7662
+ .E_drje1h0 {
7663
+ height: 1px;
7664
+ background: $strokes-light-opaque-2;
7665
+ margin: 16px 0;
7666
+ }
7667
+