@cloudtower/eagle 0.33.32 → 0.33.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,19 +1,28 @@
1
- .E_berrcjl {
2
- color: $text-terdiary-light;
3
- margin-bottom: 4px;
1
+ .E_c18gxmrl {
2
+ border: 1px solid $gray-40;
3
+ border-radius: 4px;
4
4
 
5
- .breadcrumb-link {
6
- color: $text-terdiary-light;
7
- cursor: pointer;
8
- transition: color 160ms ease;
5
+ & + & {
6
+ margin-top: 8px;
7
+ }
9
8
 
10
- &:hover {
11
- color: $blue-60;
9
+ &:hover {
10
+ border-color: $blue-60;
11
+
12
+ > header {
13
+ background: rgba($blue-60, 0.1);
12
14
  }
13
- &:active {
14
- color: $blue-80;
15
+ }
16
+
17
+ &.active {
18
+ header {
19
+ border-bottom: 1px solid $gray-40;
15
20
  }
16
21
  }
22
+
23
+ > header {
24
+ padding: 8px 12px;
25
+ }
17
26
  }
18
27
 
19
28
 
@@ -42,34 +51,6 @@
42
51
  }
43
52
 
44
53
 
45
- .E_c18gxmrl {
46
- border: 1px solid $gray-40;
47
- border-radius: 4px;
48
-
49
- & + & {
50
- margin-top: 8px;
51
- }
52
-
53
- &:hover {
54
- border-color: $blue-60;
55
-
56
- > header {
57
- background: rgba($blue-60, 0.1);
58
- }
59
- }
60
-
61
- &.active {
62
- header {
63
- border-bottom: 1px solid $gray-40;
64
- }
65
- }
66
-
67
- > header {
68
- padding: 8px 12px;
69
- }
70
- }
71
-
72
-
73
54
  .E_ccrbeuz {
74
55
  .ant-collapse-item {
75
56
  border: 0px;
@@ -102,6 +83,147 @@
102
83
  }
103
84
 
104
85
 
86
+ .E_c1uzzomf {
87
+ margin-bottom: 16px;
88
+
89
+ .card-title {
90
+ font-size: 16px;
91
+ color: $text-secondary-light;
92
+ font-weight: 700;
93
+ line-height: 32px;
94
+ }
95
+ .card-body {
96
+ padding: 24px;
97
+ border-radius: 8px;
98
+ background: $fills-light-white;
99
+ }
100
+
101
+ .empty {
102
+ font-weight: 700;
103
+ font-size: 14px;
104
+ line-height: 22px;
105
+ color: $text-light-tertiary;
106
+ text-align: center;
107
+ }
108
+ }
109
+
110
+
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
+ }
125
+ }
126
+ }
127
+
128
+
129
+ .E_d1bw7c5z {
130
+ position: relative;
131
+ max-width: 388px;
132
+ min-width: 285px;
133
+ .center {
134
+ position: absolute;
135
+ font-size: 12px;
136
+ width: 80px;
137
+ height: 100px;
138
+ top: 0;
139
+ left: 35px;
140
+ display: flex;
141
+ flex-direction: column;
142
+ justify-content: center;
143
+ align-items: center;
144
+ color: $text-light-primary;
145
+
146
+ .number {
147
+ font-size: 24px;
148
+ font-weight: 700;
149
+ }
150
+
151
+ .text {
152
+ padding: 0 5px;
153
+ font-size: 12px;
154
+ width: inherit;
155
+ text-align: center;
156
+ }
157
+ }
158
+ .recharts-wrapper {
159
+ display: flex;
160
+ .recharts-legend-wrapper {
161
+ position: relative !important;
162
+ min-width: calc(
163
+ 100% - var(--d1bw7c5z-0)
164
+ ) !important;
165
+ left: 0 !important;
166
+ bottom: 0 !important;
167
+ display: flex;
168
+ align-items: center;
169
+ .recharts-default-legend {
170
+ width: 100%;
171
+ }
172
+ li {
173
+ width: 100%;
174
+ margin-right: 0 !important;
175
+ line-height: 18px;
176
+ & > svg {
177
+ border-radius: 2px;
178
+ }
179
+ & > .recharts-legend-item-text {
180
+ min-width: 75px;
181
+ max-width: 198px;
182
+ width: calc(100% - 20px);
183
+ margin-left: 2px;
184
+ color: $text-light-primary !important;
185
+ display: inline-flex;
186
+ justify-content: space-between;
187
+ }
188
+ }
189
+ }
190
+ }
191
+ .tooltip-text {
192
+ maxwidth: calc(100% - 12px);
193
+ cursor: pointer;
194
+ border-bottom: 1px dashed $strokes-light-trans-4;
195
+ overflow: hidden;
196
+ text-overflow: ellipsis;
197
+ white-space: nowrap;
198
+ }
199
+
200
+ .value {
201
+ color: $text-neutral-secondary;
202
+ }
203
+ }
204
+
205
+ .E_t10pqbtc {
206
+ width: 140px;
207
+
208
+ .item {
209
+ margin: 6px auto;
210
+ display: flex;
211
+ justify-content: space-between;
212
+
213
+ .name {
214
+ width: 102px;
215
+ }
216
+ }
217
+ }
218
+
219
+
220
+ .E_sx1bpnu {
221
+ .ant-input-sm {
222
+ line-height: 18px;
223
+ }
224
+ }
225
+
226
+
105
227
  .E_c1yyuluq {
106
228
  border-radius: 8px;
107
229
  .ant-card-body {
@@ -468,27 +590,21 @@
468
590
  }
469
591
 
470
592
 
471
- .E_c1uzzomf {
472
- margin-bottom: 16px;
593
+ .E_berrcjl {
594
+ color: $text-terdiary-light;
595
+ margin-bottom: 4px;
473
596
 
474
- .card-title {
475
- font-size: 16px;
476
- color: $text-secondary-light;
477
- font-weight: 700;
478
- line-height: 32px;
479
- }
480
- .card-body {
481
- padding: 24px;
482
- border-radius: 8px;
483
- background: $fills-light-white;
484
- }
597
+ .breadcrumb-link {
598
+ color: $text-terdiary-light;
599
+ cursor: pointer;
600
+ transition: color 160ms ease;
485
601
 
486
- .empty {
487
- font-weight: 700;
488
- font-size: 14px;
489
- line-height: 22px;
490
- color: $text-light-tertiary;
491
- text-align: center;
602
+ &:hover {
603
+ color: $blue-60;
604
+ }
605
+ &:active {
606
+ color: $blue-80;
607
+ }
492
608
  }
493
609
  }
494
610
 
@@ -534,117 +650,100 @@
534
650
  }
535
651
 
536
652
 
537
- .E_d133fzv0 {
538
- .ant-dropdown-menu-item-group {
539
- .ant-dropdown-menu-item-group-title {
540
- padding: 4px 8px 0 8px;
541
- color: $text-light-secondary;
542
- font-size: 12px;
543
- }
544
- .ant-dropdown-menu-item-group-list {
545
- padding-bottom: 6px;
546
- }
547
- &:not(:first-child) {
548
- padding-top: 4px;
549
- border-top: 1px solid $strokes-light-trans-2;
550
- }
653
+ .E_i11gg7mj {
654
+ .ant-input-prefix {
655
+ margin-right: 8px;
656
+ }
657
+ .ant-input-suffix {
658
+ margin-left: 8px;
551
659
  }
552
660
  }
553
661
 
554
-
555
- .E_sx1bpnu {
556
- .ant-input-sm {
557
- line-height: 18px;
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
+
673
+ .icon-wrapper {
674
+ cursor: pointer;
675
+ }
676
+ }
677
+
678
+ .E_d19ruhdj {
679
+ &.icon-wrapper {
680
+ cursor: not-allowed;
558
681
  }
559
682
  }
560
683
 
561
684
 
562
- .E_d1bw7c5z {
563
- position: relative;
564
- max-width: 388px;
565
- min-width: 285px;
566
- .center {
567
- position: absolute;
568
- font-size: 12px;
569
- width: 80px;
570
- height: 100px;
571
- top: 0;
572
- left: 35px;
685
+ .E_phljevk {
686
+ display: flex;
687
+ justify-content: space-between;
688
+ align-items: center;
689
+ padding: 10px 0;
690
+ color: $text-light-secondary;
691
+ font-size: 12px;
692
+ line-height: 24px;
693
+
694
+ .pagination-left {
695
+ padding: 2px 8px;
696
+ }
697
+
698
+ .dropdown-trigger {
573
699
  display: flex;
574
- flex-direction: column;
575
- justify-content: center;
576
700
  align-items: center;
577
- color: $text-light-primary;
701
+ border-radius: 6px;
702
+ cursor: pointer;
703
+ transition: all 0.3s ease;
578
704
 
579
- .number {
580
- font-size: 24px;
581
- font-weight: 700;
705
+ &:hover {
706
+ background: $fills-interaction-light-general-hover;
707
+ color: $text-light-general;
582
708
  }
583
-
584
- .text {
585
- padding: 0 5px;
586
- font-size: 12px;
587
- width: inherit;
588
- text-align: center;
709
+ .icon-inner {
710
+ margin-left: 4px;
589
711
  }
590
712
  }
591
- .recharts-wrapper {
713
+
714
+ .pagination-right {
592
715
  display: flex;
593
- .recharts-legend-wrapper {
594
- position: relative !important;
595
- min-width: calc(
596
- 100% - var(--d1bw7c5z-0)
597
- ) !important;
598
- left: 0 !important;
599
- bottom: 0 !important;
600
- display: flex;
601
- align-items: center;
602
- .recharts-default-legend {
603
- width: 100%;
604
- }
605
- li {
606
- width: 100%;
607
- margin-right: 0 !important;
608
- line-height: 18px;
609
- & > svg {
610
- border-radius: 2px;
611
- }
612
- & > .recharts-legend-item-text {
613
- min-width: 75px;
614
- max-width: 198px;
615
- width: calc(100% - 20px);
616
- margin-left: 2px;
617
- color: $text-light-primary !important;
618
- display: inline-flex;
619
- justify-content: space-between;
620
- }
716
+ align-items: center;
717
+ color: $blue-60;
718
+ font-weight: bold;
719
+ .icon-inner {
720
+ margin-left: 4px;
721
+ }
722
+ .prev-btn,
723
+ .next-btn {
724
+ padding: 0 8px;
725
+ > span {
726
+ color: $text-light-general;
621
727
  }
622
728
  }
623
- }
624
- .tooltip-text {
625
- maxwidth: calc(100% - 12px);
626
- cursor: pointer;
627
- border-bottom: 1px dashed $strokes-light-trans-4;
628
- overflow: hidden;
629
- text-overflow: ellipsis;
630
- white-space: nowrap;
631
- }
632
729
 
633
- .value {
634
- color: $text-neutral-secondary;
730
+ .next-btn {
731
+ .icon-inner {
732
+ transform: rotate(180deg);
733
+ }
734
+ }
635
735
  }
636
736
  }
637
737
 
638
- .E_t10pqbtc {
639
- width: 140px;
640
-
641
- .item {
642
- margin: 6px auto;
643
- display: flex;
644
- justify-content: space-between;
738
+ .E_d12rtyeg {
739
+ &.ant-dropdown .ant-dropdown-menu {
740
+ max-height: calc(100vh - 128px);
741
+ overflow-y: auto;
645
742
 
646
- .name {
647
- width: 102px;
743
+ .ant-dropdown-menu-item {
744
+ padding: 4px 20px;
745
+ font-size: 12px;
746
+ line-height: 18px;
648
747
  }
649
748
  }
650
749
  }
@@ -705,17 +804,6 @@
705
804
  }
706
805
 
707
806
 
708
- .E_ivqqkzv {
709
- height: 24px;
710
- width: 56px !important;
711
- margin-right: 4px;
712
- }
713
-
714
- .E_c1wk4q29 {
715
- color: $text-secondary-light;
716
- }
717
-
718
-
719
807
  .E_rapgekc {
720
808
  &.ant-radio-wrapper {
721
809
  display: inline-flex;
@@ -897,6 +985,61 @@
897
985
  }
898
986
 
899
987
 
988
+ .E_ivqqkzv {
989
+ height: 24px;
990
+ width: 56px !important;
991
+ margin-right: 4px;
992
+ }
993
+
994
+ .E_c1wk4q29 {
995
+ color: $text-secondary-light;
996
+ }
997
+
998
+
999
+ .E_c1bus5hc {
1000
+ --color: white;
1001
+ height: 14px;
1002
+ width: 14px;
1003
+ border-radius: 50%;
1004
+ flex-shrink: 0;
1005
+ display: flex;
1006
+ align-items: center;
1007
+ justify-content: center;
1008
+ border: 1px solid var(--color);
1009
+
1010
+ .circle-inner {
1011
+ position: relative;
1012
+ height: 10px;
1013
+ width: 10px;
1014
+ border-radius: 50%;
1015
+ overflow: hidden;
1016
+ }
1017
+
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);
1027
+ }
1028
+
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);
1039
+ }
1040
+ }
1041
+
1042
+
900
1043
  .E_s1dizucg {
901
1044
  &.ant-switch {
902
1045
  min-width: 40px;
@@ -957,183 +1100,35 @@
957
1100
  }
958
1101
 
959
1102
 
960
- .E_phljevk {
961
- display: flex;
962
- justify-content: space-between;
963
- align-items: center;
964
- padding: 10px 0;
965
- color: $text-light-secondary;
966
- font-size: 12px;
967
- line-height: 24px;
1103
+ .E_s1dni7lo {
1104
+ width: 430px !important;
1105
+ }
968
1106
 
969
- .pagination-left {
970
- padding: 2px 8px;
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;
971
1116
  }
1117
+ }
972
1118
 
973
- .dropdown-trigger {
1119
+ .E_o1ugr09p {
974
1120
  display: flex;
975
- align-items: center;
976
- border-radius: 6px;
977
- cursor: pointer;
978
- transition: all 0.3s ease;
1121
+ flex-direction: column;
1122
+ margin: 1px 8px;
1123
+ padding: 8px;
1124
+ border-radius: 4px;
979
1125
 
980
- &:hover {
981
- background: $fills-interaction-light-general-hover;
982
- color: $text-light-general;
983
- }
984
- .icon-inner {
985
- margin-left: 4px;
1126
+ .selected-icon {
1127
+ display: none;
986
1128
  }
987
- }
988
1129
 
989
- .pagination-right {
990
- display: flex;
991
- align-items: center;
992
- color: $blue-60;
993
- font-weight: bold;
994
- .icon-inner {
995
- margin-left: 4px;
996
- }
997
- .prev-btn,
998
- .next-btn {
999
- padding: 0 8px;
1000
- > span {
1001
- color: $text-light-general;
1002
- }
1003
- }
1004
-
1005
- .next-btn {
1006
- .icon-inner {
1007
- transform: rotate(180deg);
1008
- }
1009
- }
1010
- }
1011
- }
1012
-
1013
- .E_d12rtyeg {
1014
- &.ant-dropdown .ant-dropdown-menu {
1015
- max-height: calc(100vh - 128px);
1016
- overflow-y: auto;
1017
-
1018
- .ant-dropdown-menu-item {
1019
- padding: 4px 20px;
1020
- font-size: 12px;
1021
- line-height: 18px;
1022
- }
1023
- }
1024
- }
1025
-
1026
-
1027
- .E_c1bus5hc {
1028
- --color: white;
1029
- height: 14px;
1030
- width: 14px;
1031
- border-radius: 50%;
1032
- flex-shrink: 0;
1033
- display: flex;
1034
- align-items: center;
1035
- justify-content: center;
1036
- border: 1px solid var(--color);
1037
-
1038
- .circle-inner {
1039
- position: relative;
1040
- height: 10px;
1041
- width: 10px;
1042
- border-radius: 50%;
1043
- overflow: hidden;
1044
- }
1045
-
1046
- .circle-content {
1047
- position: absolute;
1048
- height: 100%;
1049
- width: 100%;
1050
- left: 0;
1051
- top: 0;
1052
- border-radius: 50%;
1053
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1054
- transform: rotate(180deg);
1055
- }
1056
-
1057
- .circle-child {
1058
- position: absolute;
1059
- height: 100%;
1060
- width: 100%;
1061
- left: 0;
1062
- top: 0;
1063
- margin-left: 50%;
1064
- transform-origin: left;
1065
- background: white;
1066
- transform: rotate(0deg);
1067
- }
1068
- }
1069
-
1070
-
1071
- .E_i11gg7mj {
1072
- .ant-input-prefix {
1073
- margin-right: 8px;
1074
- }
1075
- .ant-input-suffix {
1076
- margin-left: 8px;
1077
- }
1078
- }
1079
-
1080
- .E_cc368xp {
1081
- color: $gray-120;
1082
- border-right: 1px solid $gray-a60-5;
1083
- margin-right: 8px;
1084
- padding-right: 8px;
1085
- }
1086
-
1087
- .E_i11o6xqj {
1088
- display: flex;
1089
- gap: 4px;
1090
-
1091
- .icon-wrapper {
1092
- cursor: pointer;
1093
- }
1094
- }
1095
-
1096
- .E_d19ruhdj {
1097
- &.icon-wrapper {
1098
- cursor: not-allowed;
1099
- }
1100
- }
1101
-
1102
-
1103
- .E_iq1gosr {
1104
- display: inline-block;
1105
- }
1106
-
1107
-
1108
- .E_s1dni7lo {
1109
- width: 430px !important;
1110
- }
1111
-
1112
- .E_d1wwmmm5 {
1113
- .ant-select-item-group {
1114
- padding: 8px 16px;
1115
- line-height: 18px;
1116
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1117
- height: 34px;
1118
- min-height: 34px;
1119
- box-sizing: border-box;
1120
- margin-top: 8px;
1121
- }
1122
- }
1123
-
1124
- .E_o1ugr09p {
1125
- display: flex;
1126
- flex-direction: column;
1127
- margin: 1px 8px;
1128
- padding: 8px;
1129
- border-radius: 4px;
1130
-
1131
- .selected-icon {
1132
- display: none;
1133
- }
1134
-
1135
- &.ant-select-item-option-grouped {
1136
- padding-left: 8px;
1130
+ &.ant-select-item-option-grouped {
1131
+ padding-left: 8px;
1137
1132
  }
1138
1133
 
1139
1134
  &.ant-select-item-option-selected {
@@ -1194,6 +1189,13 @@
1194
1189
  }
1195
1190
 
1196
1191
 
1192
+ .E_tju3gfj {
1193
+ .date {
1194
+ margin-right: 4px;
1195
+ }
1196
+ }
1197
+
1198
+
1197
1199
  .E_s1sck0th {
1198
1200
  padding: 0 8px;
1199
1201
  border-radius: 4px;
@@ -1280,13 +1282,6 @@
1280
1282
  }
1281
1283
 
1282
1284
 
1283
- .E_tju3gfj {
1284
- .date {
1285
- margin-right: 4px;
1286
- }
1287
- }
1288
-
1289
-
1290
1285
  .E_t1m2x205 {
1291
1286
  .ant-tooltip-arrow {
1292
1287
  display: none;
@@ -1301,157 +1296,37 @@
1301
1296
  }
1302
1297
 
1303
1298
 
1304
- .E_f7pxqmh {
1305
- width: 100%;
1306
- margin-bottom: 0 !important;
1307
- flex-flow: nowrap !important;
1308
- line-break: auto;
1309
-
1310
- & > .ant-form-item-label {
1311
- text-align: left !important;
1312
- padding-bottom: 0 !important;
1313
-
1314
- & > label {
1315
- min-height: 32px;
1316
- height: auto;
1317
- font-size: 13px;
1318
- color: rgba(44, 56, 82, 0.6);
1319
- white-space: normal;
1320
- }
1321
- }
1322
-
1323
- &.ant-form-item-has-error {
1324
- .ant-input {
1325
- border-color: #ff4d4f !important;
1326
- }
1327
- .ant-input-password {
1328
- border-color: #ff4d4f !important;
1329
- }
1330
- }
1331
-
1332
- .ant-form-item-explain {
1333
- margin-top: 4px;
1334
- font-size: 12px;
1335
- min-height: 0px;
1336
- }
1337
-
1338
- .ant-form-item-extra {
1339
- font-size: 12px;
1340
- color: rgba(44, 56, 82, 0.6);
1341
- min-height: 0px;
1342
- }
1299
+ .E_iq1gosr {
1300
+ display: inline-block;
1343
1301
  }
1344
1302
 
1345
1303
 
1346
- .E_i1inqkme {
1347
- height: 18px;
1348
- line-height: 18px;
1349
- padding: 0 4px;
1350
- border-radius: 4px;
1351
- background: rgba(235, 239, 245, 0.6);
1352
- border: 1px solid rgba(223, 228, 235, 0.6);
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1353
1308
  display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1354
1311
  align-items: center;
1355
- white-space: nowrap;
1356
- margin-right: 4px;
1357
- }
1358
-
1359
-
1360
- .E_iouxfgt {
1361
- display: inline-flex;
1362
- align-items: center;
1363
-
1364
- .icon-inner {
1365
- display: inline-flex;
1366
- align-items: center;
1367
- justify-content: center;
1368
- }
1369
- .icon-inner + span,
1370
- span + .icon-inner.suffix {
1371
- margin-left: 4px;
1372
- }
1373
- &.is-rotate {
1374
- img,
1375
- svg {
1376
- animation: rotate 680ms linear infinite;
1377
- }
1378
- }
1379
- }
1380
1312
 
1381
-
1382
- .E_atcz0kf {
1383
- .ant-input-suffix {
1384
- margin-left: 8px;
1385
- }
1386
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1387
- padding: 2px 7px 2px 12px;
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1388
1317
  }
1389
1318
  }
1390
1319
 
1391
1320
 
1392
- .E_a1wfy30z {
1321
+ .E_ai7qkf2 {
1393
1322
  .ant-input-number-handler-wrap {
1394
- display: var(--a1wfy30z-0);
1323
+ display: var(--ai7qkf2-0);
1395
1324
  }
1396
1325
  .ant-input-number-input-wrap {
1397
- padding: 4px 11px;
1398
1326
  display: inline-flex;
1399
1327
  line-height: 1.5715;
1400
- height: inherit;
1401
- }
1402
-
1403
- .ant-input-number-input-wrap::after {
1404
- content: var(--a1wfy30z-1);
1405
- display: var(--a1wfy30z-2);
1406
- flex: none;
1407
- align-items: center;
1408
- margin-left: 4px;
1409
- }
1410
-
1411
- .ant-input-number-input-wrap::before {
1412
- content: var(--a1wfy30z-3);
1413
- display: var(--a1wfy30z-4);
1414
- flex: none;
1415
- align-items: center;
1416
- margin-right: 4px;
1417
- cursor: auto;
1418
- }
1419
-
1420
- .ant-input-number-input {
1421
- padding: 0;
1422
- margin: 0;
1423
- height: auto;
1424
- font-size: inherit;
1425
- }
1426
- }
1427
-
1428
-
1429
- .E_fzh9mnb {
1430
- width: 100%;
1431
- height: 100%;
1432
- min-height: 124px;
1433
- display: flex;
1434
- flex-direction: column;
1435
- justify-content: center;
1436
- align-items: center;
1437
-
1438
- .error-text {
1439
- color: $text-terdiary-light;
1440
- margin-bottom: 16px;
1441
- font-size: 18px;
1442
- }
1443
- }
1444
-
1445
-
1446
- .E_ai7qkf2 {
1447
- .ant-input-number-handler-wrap {
1448
- display: var(--ai7qkf2-0);
1449
- }
1450
- .ant-input-number-input-wrap {
1451
- display: inline-flex;
1452
- line-height: 1.5715;
1453
- height: 100%;
1454
- width: 100%;
1328
+ height: 100%;
1329
+ width: 100%;
1455
1330
  }
1456
1331
 
1457
1332
  .ant-input-number-input-wrap::after {
@@ -1524,1223 +1399,1348 @@
1524
1399
  }
1525
1400
 
1526
1401
 
1527
- .E_owd0kml {
1528
- display: inline-block;
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;
1529
1413
  }
1530
1414
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1534
- }
1535
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
+ }
1536
1426
 
1537
- .E_dsnbhzf {
1538
- @include Inter(bold);
1539
- font-size: 32px;
1540
- line-height: 40px;
1541
- }
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
+ }
1542
1434
 
1543
- .E_d1mvo22k {
1544
- @include Inter(bold);
1545
- font-size: 24px;
1546
- line-height: 32px;
1547
- }
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
+ }
1548
1443
 
1549
- .E_d1b444tr {
1550
- @include Inter();
1551
- font-size: 32px;
1552
- line-height: 40px;
1444
+ .ant-input-number-input {
1445
+ padding: 0;
1446
+ margin: 0;
1447
+ height: auto;
1448
+ font-size: inherit;
1449
+ }
1553
1450
  }
1554
1451
 
1555
- .E_dvs0kue {
1556
- @include Inter(bold);
1557
- font-size: 20px;
1558
- line-height: 24px;
1559
- }
1560
1452
 
1561
- .E_d1hcbfcq {
1562
- @include Inter();
1563
- font-size: 20px;
1564
- line-height: 24px;
1565
- }
1453
+ .E_f7pxqmh {
1454
+ width: 100%;
1455
+ margin-bottom: 0 !important;
1456
+ flex-flow: nowrap !important;
1457
+ line-break: auto;
1566
1458
 
1567
- .E_d1cz922v {
1568
- @include Inter(bold);
1569
- font-size: 18px;
1570
- line-height: 22px;
1571
- }
1459
+ & > .ant-form-item-label {
1460
+ text-align: left !important;
1461
+ padding-bottom: 0 !important;
1572
1462
 
1573
- .E_d3nzbrm {
1574
- @include Inter();
1575
- font-size: 18px;
1576
- line-height: 22px;
1577
- }
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
+ }
1578
1471
 
1579
- .E_h1g0p5ob {
1580
- @include Inter(bold);
1581
- font-size: 16px;
1582
- line-height: 22px;
1583
- }
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
+ }
1584
1480
 
1585
- .E_hydo2ej {
1586
- @include Inter();
1587
- font-size: 16px;
1588
- line-height: 22px;
1589
- }
1481
+ .ant-form-item-explain {
1482
+ margin-top: 4px;
1483
+ font-size: 12px;
1484
+ min-height: 0px;
1485
+ }
1590
1486
 
1591
- .E_h1hbuq0r {
1592
- @include Inter(bold);
1593
- font-size: 14px;
1594
- line-height: 20px;
1487
+ .ant-form-item-extra {
1488
+ font-size: 12px;
1489
+ color: rgba(44, 56, 82, 0.6);
1490
+ min-height: 0px;
1491
+ }
1595
1492
  }
1596
1493
 
1597
- .E_h13bondg {
1598
- @include Inter();
1599
- font-size: 14px;
1600
- line-height: 20px;
1601
- }
1602
1494
 
1603
- .E_h1mhvdlx {
1604
- @include Inter(bold);
1605
- font-size: 12px;
1606
- line-height: 18px;
1607
- }
1495
+ .E_iouxfgt {
1496
+ display: inline-flex;
1497
+ align-items: center;
1608
1498
 
1609
- .E_h1inmfq6 {
1610
- @include Inter();
1611
- font-size: 12px;
1612
- line-height: 18px;
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
+ }
1613
1514
  }
1614
1515
 
1615
- .E_h1kfc0la {
1616
- @include Inter(bold);
1617
- @include Uppercase();
1618
- font-size: 12px;
1619
- line-height: 18px;
1620
- }
1621
1516
 
1622
- .E_h10xnyuu {
1623
- @include Inter();
1624
- @include Uppercase();
1625
- font-size: 12px;
1626
- line-height: 18px;
1517
+ .E_owd0kml {
1518
+ display: inline-block;
1627
1519
  }
1628
1520
 
1629
- .E_lrcmi0v {
1630
- @include Inter();
1631
- font-size: 16px;
1632
- line-height: 24px;
1521
+ .E_h1jsgezc {
1522
+ visibility: hidden;
1523
+ position: absolute;
1633
1524
  }
1634
1525
 
1635
- .E_lzt43lp {
1636
- @include Inter(bold);
1637
- font-size: 16px;
1638
- line-height: 24px;
1639
- }
1640
1526
 
1641
- .E_l5yc9nt {
1642
- @include Inter();
1643
- font-size: 16px;
1644
- line-height: 24px;
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
+ }
1645
1534
  }
1646
1535
 
1647
- .E_l1fbkbzo {
1648
- @include Inter(bold);
1649
- font-size: 16px;
1650
- line-height: 24px;
1651
- }
1652
1536
 
1653
- .E_lahvcax {
1654
- @include Inter();
1655
- @include Uppercase();
1656
- font-size: 16px;
1657
- line-height: 24px;
1658
- }
1659
-
1660
- .E_l11q3pxd {
1661
- @include Inter(bold);
1662
- @include Uppercase();
1663
- font-size: 16px;
1664
- line-height: 24px;
1537
+ .E_cnujxq2 {
1538
+ display: flex;
1539
+ flex-direction: column;
1665
1540
  }
1666
1541
 
1667
- .E_lfuc2qu {
1668
- @include Inter();
1669
- font-size: 14px;
1670
- line-height: 22px;
1542
+ .E_m7s48ia {
1543
+ max-width: 1120px;
1544
+ width: 100%;
1545
+ margin: 0 auto;
1546
+ height: 100%;
1671
1547
  }
1672
1548
 
1673
- .E_l1jmp8r0 {
1674
- @include Inter(500);
1675
- font-size: 14px;
1676
- line-height: 22px;
1677
- }
1549
+ .E_wt5zbg6 {
1550
+ max-width: 1120px;
1551
+ width: 100%;
1552
+ margin: 0 auto;
1553
+ display: flex;
1678
1554
 
1679
- .E_lcnm221 {
1680
- @include Inter(bold);
1681
- font-size: 14px;
1682
- line-height: 22px;
1683
- }
1555
+ .left,
1556
+ .right {
1557
+ flex-grow: 0;
1558
+ flex-shrink: 0;
1559
+ flex-basis: 21%;
1560
+ }
1684
1561
 
1685
- .E_lu1z2n5 {
1686
- @include Inter();
1687
- font-size: 14px;
1688
- line-height: 22px;
1689
- }
1562
+ .left {
1563
+ display: flex;
1564
+ justify-content: flex-end;
1565
+ padding-right: 44px;
1566
+ }
1690
1567
 
1691
- .E_l1r59djn {
1692
- @include Inter(bold);
1693
- font-size: 14px;
1694
- line-height: 22px;
1695
- }
1568
+ .right {
1569
+ padding-left: 44px;
1570
+ }
1696
1571
 
1697
- .E_ljm2911 {
1698
- @include Inter();
1699
- @include Uppercase();
1700
- font-size: 14px;
1701
- line-height: 22px;
1572
+ .middle {
1573
+ margin-bottom: 40px;
1574
+ flex-grow: 0;
1575
+ flex-shrink: 0;
1576
+ flex-basis: 58%;
1577
+ overflow: hidden;
1578
+ .form-base-field {
1579
+ width: 100%;
1580
+ .form-base-field {
1581
+ width: auto;
1582
+ }
1583
+ }
1584
+ }
1702
1585
  }
1703
1586
 
1704
- .E_l124mzmr {
1705
- @include Inter(bold);
1706
- @include Uppercase();
1707
- font-size: 14px;
1708
- line-height: 22px;
1587
+ .E_h18jprzg {
1588
+ .ant-modal-header {
1589
+ margin: 0 auto;
1590
+ width: 100%;
1591
+ max-width: 648px;
1592
+ }
1593
+ .ant-modal-header .ant-modal-title {
1594
+ margin-left: 0;
1595
+ }
1596
+ .ant-modal-body {
1597
+ margin: 0 auto;
1598
+ padding: 0;
1599
+ width: 100%;
1600
+ max-width: 648px;
1601
+ overflow: hidden;
1602
+ }
1603
+ .ant-modal-body .horizontal-steps-wrapper {
1604
+ margin-bottom: 40px;
1605
+ }
1606
+ .ant-modal-body .horizontal-content-wrapper {
1607
+ height: calc(100vh - 225px);
1608
+ overflow-y: auto;
1609
+ }
1610
+ .ant-modal-footer .footer-content {
1611
+ margin: 0 auto;
1612
+ max-width: 648px;
1613
+ }
1709
1614
  }
1710
1615
 
1711
- .E_lb3chel {
1712
- @include Inter();
1713
- font-size: 13px;
1714
- line-height: 20px;
1616
+ .E_h16z9xgz {
1617
+ .ant-modal-header {
1618
+ margin: 0 auto;
1619
+ width: 100%;
1620
+ max-width: 1024px;
1621
+ }
1622
+ .ant-modal-header .ant-modal-title {
1623
+ margin-left: 0;
1624
+ }
1625
+ .ant-modal-body {
1626
+ margin: 0 auto;
1627
+ padding: 0;
1628
+ width: 100%;
1629
+ max-width: 1024px;
1630
+ overflow: hidden;
1631
+ }
1632
+ .ant-modal-body .horizontal-steps-wrapper {
1633
+ margin-bottom: 40px;
1634
+ }
1635
+ .ant-modal-body .horizontal-content-wrapper {
1636
+ height: calc(100vh - 225px);
1637
+ overflow-y: auto;
1638
+ }
1639
+ .ant-modal-footer .footer-content {
1640
+ margin: 0 auto;
1641
+ max-width: 1024px;
1642
+ }
1715
1643
  }
1716
1644
 
1717
- .E_lv9jstu {
1718
- @include Inter(600);
1719
- font-size: 13px;
1720
- line-height: 20px;
1721
- }
1645
+ .E_f1lrhghm {
1646
+ flex: 1;
1722
1647
 
1723
- .E_lwqlh3x {
1724
- @include Inter(bold);
1725
- font-size: 13px;
1726
- line-height: 20px;
1727
- }
1648
+ label {
1649
+ font-size: 13px;
1650
+ line-height: 20px;
1651
+ color: $text-secondary-light;
1652
+ }
1728
1653
 
1729
- .E_lalum9y {
1730
- @include Inter();
1731
- font-size: 13px;
1732
- line-height: 20px;
1733
- }
1654
+ .title {
1655
+ font-size: 14px;
1656
+ line-height: 20px;
1657
+ color: $text-primary-light;
1658
+ margin-bottom: 12px;
1659
+ }
1734
1660
 
1735
- .E_l1t6dj5o {
1736
- @include Inter(600);
1737
- font-size: 13px;
1738
- line-height: 20px;
1661
+ &.connect-cluster .title {
1662
+ padding-bottom: 26px;
1663
+ }
1739
1664
  }
1740
1665
 
1741
- .E_l12f6ic {
1742
- @include Inter(bold);
1743
- font-size: 13px;
1744
- line-height: 20px;
1666
+ .E_f18ot8em {
1667
+ padding: 25px 0 15px 0;
1668
+ border-bottom: 1px solid #e1e5eb;
1669
+ margin-bottom: 16px;
1745
1670
  }
1746
1671
 
1747
- .E_l7gmukq {
1748
- @include Inter();
1749
- @include Uppercase();
1750
- font-size: 13px;
1751
- line-height: 20px;
1752
- }
1672
+ .E_f1l1g2k0 {
1673
+ display: flex;
1674
+ align-items: center;
1675
+ margin-bottom: 8px;
1753
1676
 
1754
- .E_lkwl0yp {
1755
- @include Inter(bold);
1756
- @include Uppercase();
1757
- font-size: 13px;
1758
- line-height: 20px;
1759
- }
1677
+ > label {
1678
+ width: 216px;
1679
+ }
1760
1680
 
1761
- .E_l10knv48 {
1762
- @include Inter();
1763
- font-size: 12px;
1764
- line-height: 18px;
1765
- }
1681
+ > label + * {
1682
+ width: 100%;
1683
+ }
1766
1684
 
1767
- .E_l6526ld {
1768
- @include Inter(500);
1769
- font-size: 12px;
1770
- line-height: 18px;
1685
+ .ant-select {
1686
+ width: 100%;
1687
+ }
1771
1688
  }
1772
1689
 
1773
- .E_l1j81vli {
1774
- @include Inter(bold);
1775
- font-size: 12px;
1776
- line-height: 18px;
1690
+ .E_e1k89cwg {
1691
+ color: $red;
1692
+ margin-right: 10px;
1777
1693
  }
1778
1694
 
1779
- .E_l1x7n1mk {
1780
- @include Inter();
1781
- font-size: 12px;
1782
- line-height: 18px;
1695
+ .E_d1oui1gf {
1696
+ width: 100%;
1697
+ height: 1px;
1698
+ background: rgba(213, 219, 227, 0.6);
1699
+ margin: 24px 0;
1783
1700
  }
1784
1701
 
1785
- .E_l9fqufz {
1786
- @include Inter(500);
1787
- font-size: 12px;
1788
- line-height: 18px;
1702
+ .E_l15itdbb {
1703
+ display: flex;
1704
+ justify-content: center;
1705
+ align-items: center;
1706
+ height: 100%;
1789
1707
  }
1790
1708
 
1791
- .E_l1iwnybd {
1792
- @include Inter(bold);
1793
- font-size: 12px;
1794
- line-height: 18px;
1709
+ .E_d1y3z4w {
1710
+ display: inline-block;
1711
+ width: 4px;
1712
+ height: 4px;
1713
+ background: #8e9aa9;
1714
+ opacity: 0.4;
1715
+ border-radius: 50%;
1716
+ margin: 0 4px;
1795
1717
  }
1796
1718
 
1797
- .E_lprtm1e {
1798
- @include Inter();
1799
- @include Uppercase();
1800
- font-size: 12px;
1801
- line-height: 18px;
1719
+ .E_m177r7a3 {
1720
+ .ant-modal-header,
1721
+ .ant-modal-footer .footer-content {
1722
+ width: 648px;
1723
+ margin: 0 auto;
1724
+ }
1725
+
1726
+ .ant-modal-header {
1727
+ padding: 35px 0 24px;
1728
+ border: none;
1729
+
1730
+ .ant-modal-title {
1731
+ font-size: 30px;
1732
+ }
1733
+ }
1734
+
1735
+ .ant-modal-body {
1736
+ padding: 4px 0 2px;
1737
+ }
1738
+
1739
+ .ant-modal-footer {
1740
+ border: none;
1741
+ }
1802
1742
  }
1803
1743
 
1804
- .E_l1lln87h {
1805
- @include Inter(bold);
1806
- @include Uppercase();
1744
+ .E_t1wwio3v {
1807
1745
  font-size: 12px;
1808
1746
  line-height: 18px;
1747
+ font-weight: bold;
1748
+ color: $white;
1749
+ padding: 0 4px;
1750
+ border-radius: 4px;
1751
+ display: inline-block;
1752
+ background: var(--t1wwio3v-0);
1753
+ &:not(:first-child) {
1754
+ margin-left: 4px;
1755
+ }
1809
1756
  }
1810
1757
 
1811
- .E_f2pb48l {
1812
- @include Inter();
1813
- font-size: 13px;
1814
- line-height: 20px;
1758
+ .E_f17jvtfk {
1759
+ width: 100%;
1760
+ height: 100%;
1761
+ display: flex;
1762
+ align-items: center;
1763
+ justify-content: center;
1815
1764
  }
1816
1765
 
1817
- .E_fi9emkw {
1818
- @include Inter();
1819
- font-size: 13px;
1820
- line-height: 20px;
1766
+ .E_nzppkea {
1767
+ font-size: 90%;
1768
+ font-weight: bold;
1769
+ background-color: rgba(240, 243, 247, 0.6);
1770
+ padding: 1px 4px 1px;
1771
+ margin-left: 2px;
1772
+ margin-right: 2px;
1773
+ border: 1px solid rgba(213, 219, 227, 0.6);
1774
+ border-radius: 4px;
1821
1775
  }
1822
1776
 
1823
- .E_f1nrg7da {
1824
- @include Inter();
1825
- font-size: 12px;
1826
- line-height: 18px;
1777
+ .E_f4mi9eq {
1778
+ &.form-item-general {
1779
+ width: 640px;
1780
+ &.form-item + &.form-item {
1781
+ margin-top: 16px;
1782
+ }
1783
+ }
1784
+ &.form-item-compact {
1785
+ width: 412px;
1786
+ &.form-item + &.form-item {
1787
+ margin-top: 8px;
1788
+ }
1789
+ }
1790
+ & .form-item {
1791
+ width: auto;
1792
+ }
1793
+ .form-item-main {
1794
+ position: relative;
1795
+ display: flex;
1796
+ }
1797
+ .form-item-extra {
1798
+ margin-top: 4px;
1799
+ width: 100%;
1800
+ padding: 14px;
1801
+ background: #f2f4f6;
1802
+ font-size: 13px;
1803
+ line-height: 1.8;
1804
+ color: #8e9aa9;
1805
+ }
1806
+ .form-item-label {
1807
+ padding-right: 12px;
1808
+ font-size: 13px;
1809
+ color: $text-secondary-light;
1810
+
1811
+ &.label-right {
1812
+ text-align: right;
1813
+ }
1814
+ }
1815
+ .form-item-label,
1816
+ .form-item-control {
1817
+ line-height: 32px;
1818
+ }
1819
+ .form-item-control .form-item-error {
1820
+ line-height: 18px;
1821
+ }
1822
+ .form-item-children {
1823
+ width: 100%;
1824
+ > *:only-child {
1825
+ &.ant-select,
1826
+ &.ant-radio-group,
1827
+ &.ant-checkbox-group {
1828
+ width: 100%;
1829
+ }
1830
+ }
1831
+ }
1832
+ .form-item-error {
1833
+ color: $red;
1834
+ height: 0;
1835
+ overflow: hidden;
1836
+ }
1837
+ .form-item-error-enter-done {
1838
+ margin-top: 4px;
1839
+ height: auto;
1840
+ overflow: auto;
1841
+ }
1842
+ &.form-base-field:not(.form-base-field-array) {
1843
+ .form-item-control.field-error .form-item-error {
1844
+ > input:not(.ant-input),
1845
+ :not(.ant-select) input {
1846
+ border: 1px solid $red;
1847
+ color: $red;
1848
+ }
1849
+ }
1850
+ }
1827
1851
  }
1828
1852
 
1829
- .E_f17k1i3n {
1830
- @include Inter();
1831
- font-size: 12px;
1832
- line-height: 18px;
1853
+ .E_fh0ewl8 {
1854
+ color: $gray-80;
1855
+ font-weight: bold;
1856
+ padding-bottom: 6px;
1857
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
1858
+ margin-bottom: 16px;
1859
+
1860
+ &:not(:first-of-type) {
1861
+ margin-top: 16px;
1862
+ }
1833
1863
  }
1834
1864
 
1835
- .E_t1tvuj2e {
1836
- @include Inter();
1837
- @include Monospace();
1838
- font-size: 13px;
1839
- line-height: 20px;
1865
+ .E_e1qrlvot {
1866
+ width: 8px;
1867
+ height: 24px;
1868
+ display: flex;
1869
+ justify-content: center;
1870
+ align-items: center;
1871
+ cursor: pointer;
1872
+ transition: all 200ms ease-out 40ms;
1873
+
1874
+ &:before,
1875
+ &:after {
1876
+ content: "";
1877
+ width: 1px;
1878
+ height: 6px;
1879
+ border-radius: 1px;
1880
+ background: $gray-50;
1881
+ position: relative;
1882
+ right: 2px;
1883
+ transform: rotate(-45deg);
1884
+ }
1885
+
1886
+ &:after {
1887
+ transform: rotate(45deg);
1888
+ left: 1px;
1889
+ }
1840
1890
  }
1841
1891
 
1842
- .E_t17uajlu {
1843
- @include Inter();
1844
- @include Slashed();
1845
- font-size: 13px;
1846
- line-height: 20px;
1892
+ .E_w9ic984 {
1893
+ &.ant-alert-warning {
1894
+ border: 0;
1895
+ background: rgba(255, 187, 0, 0.1);
1896
+ border-radius: 6px;
1897
+ }
1898
+ &.ant-alert,
1899
+ .ant-alert-message {
1900
+ color: #e07f00;
1901
+ .dashed-border-bottom {
1902
+ border-bottom-color: #e07f00;
1903
+ }
1904
+ }
1847
1905
  }
1848
1906
 
1849
- .E_t114zbyz {
1850
- @include Inter();
1851
- @include Monospace();
1907
+ .E_n1k9qi4r {
1908
+ display: flex;
1909
+ flex-direction: row;
1910
+ padding: 7px 12px;
1911
+ background: rgba(255, 187, 0, 0.1);
1912
+ border-radius: 6px;
1913
+ color: $fills-light-notice-notice-dark;
1852
1914
  font-size: 12px;
1853
1915
  line-height: 18px;
1916
+ .icon-wrapper {
1917
+ margin-right: 10px;
1918
+ height: 18px;
1919
+ }
1854
1920
  }
1855
1921
 
1856
- .E_t1il0kvi {
1857
- @include Inter(500);
1858
- @include Monospace();
1922
+ .E_n16fsg9x {
1923
+ display: flex;
1924
+ flex-direction: row;
1925
+ padding: 7px 12px;
1926
+ background: rgba(225, 230, 241, 0.6);
1927
+ border-radius: 6px;
1928
+ color: $text-light-secondary;
1859
1929
  font-size: 12px;
1860
1930
  line-height: 18px;
1931
+ .icon-wrapper {
1932
+ margin-right: 10px;
1933
+ height: 18px;
1934
+ }
1861
1935
  }
1862
1936
 
1863
- .E_t10dv8p1 {
1864
- @include Inter();
1865
- @include Slashed();
1937
+ .E_i173wxzw {
1938
+ display: flex;
1939
+ flex-direction: row;
1940
+ padding: 7px 12px;
1941
+ background: rgba(0, 136, 255, 0.1);
1942
+ border-radius: 6px;
1943
+ color: $fills-light-general-general-dark;
1866
1944
  font-size: 12px;
1867
1945
  line-height: 18px;
1946
+ .icon-wrapper {
1947
+ margin-right: 10px;
1948
+ height: 18px;
1949
+ }
1868
1950
  }
1869
1951
 
1870
- .E_tc2oqpq {
1871
- @include Inter(500);
1872
- @include Slashed();
1952
+ .E_dld369h {
1953
+ color: $text-light-secondary;
1954
+ margin-top: 5px;
1873
1955
  font-size: 12px;
1874
1956
  line-height: 18px;
1875
1957
  }
1876
1958
 
1877
- .E_tzvddmc {
1878
- @include Inter(bold);
1879
- @include Slashed();
1880
- font-size: 16px;
1881
- line-height: 24px;
1959
+ .E_s1epv22q {
1960
+ color: $text-light-serious;
1961
+ font-size: 12px;
1962
+ white-space: pre-wrap;
1882
1963
  }
1883
1964
 
1884
- .E_u18llj45 {
1885
- @include Inter();
1886
- font-size: 10px;
1887
- line-height: 12px;
1965
+ .E_okus5hk {
1966
+ display: flex;
1967
+ align-items: center;
1968
+ justify-content: flex-end;
1969
+ .icon-wrapper {
1970
+ margin-right: 16px;
1971
+ }
1888
1972
  }
1889
1973
 
1974
+ .E_t1auuzri {
1975
+ color: $text-light-tertiary;
1976
+ }
1890
1977
 
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;
1978
+ .E_i74cfyt {
1979
+ &.ant-input {
1980
+ padding: 5px 12px;
1981
+ line-height: 20px;
1982
+ color: $text-primary-light;
1912
1983
  border-radius: 6px;
1984
+ border-color: $strokes-light-trans-3;
1985
+ transition:
1986
+ height 240ms ease 8ms,
1987
+ border 160ms ease 8ms,
1988
+ box-shadow 160ms ease 8ms;
1989
+ }
1913
1990
 
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);
1991
+ &.ant-input.ant-input-lg {
1992
+ padding: 8px 16px;
1993
+ line-height: 22px;
1994
+ }
1995
+
1996
+ &.ant-input.ant-input-sm {
1997
+ padding: 2px 8px;
1998
+ line-height: 18px;
1999
+ }
2000
+
2001
+ &.ant-input:not([disabled]),
2002
+ &.ant-input-number:not([disabled]) {
2003
+ &:hover,
2004
+ &.__pseudo-states-hover {
2005
+ border-color: $strokes-light-trans-4;
2006
+ box-shadow: $shadow-light-hover;
2007
+ z-index: $input-hover-index;
1918
2008
  }
1919
2009
 
1920
- &:active {
1921
- transform: translateY(2px);
1922
- transition: all 320ms ease;
2010
+ &:active,
2011
+ &:focus,
2012
+ &.__pseudo-states-active,
2013
+ &.__pseudo-states-focus {
2014
+ border-color: $blue;
2015
+ box-shadow: $shadow-light-active;
2016
+ z-index: $input-hover-index;
1923
2017
  }
1924
2018
  }
1925
- }
1926
2019
 
2020
+ &.ant-input.error:not([disabled]),
2021
+ &.ant-picker.error:not([disabled]),
2022
+ &.ant-input-number.error:not([disabled]) {
2023
+ border-color: $red;
2024
+ color: $red;
1927
2025
 
1928
- .E_m196gn1d {
1929
- min-width: 1280px;
1930
- }
2026
+ &:hover,
2027
+ &.__pseudo-states-hover {
2028
+ border-color: $red;
2029
+ box-shadow: $shadow-light-hover;
2030
+ }
1931
2031
 
2032
+ &:active,
2033
+ &:focus,
2034
+ &.__pseudo-states-active,
2035
+ &.__pseudo-states-focus {
2036
+ border-color: $red;
2037
+ box-shadow: $shadow-light-error;
2038
+ }
2039
+ }
1932
2040
 
1933
- .E_cnujxq2 {
1934
- display: flex;
1935
- flex-direction: column;
1936
- }
2041
+ &.ant-input[disabled],
2042
+ &.ant-input.ant-input-disabled,
2043
+ &.ant-input-number[disabled],
2044
+ &.ant-input-number.ant-input-number-disabled {
2045
+ background: $fills-trans-terdiary-light;
2046
+ color: $text-light-tertiary;
2047
+ border-color: $strokes-light-trans-3;
2048
+ }
1937
2049
 
1938
- .E_m7s48ia {
1939
- max-width: 1120px;
1940
- width: 100%;
1941
- margin: 0 auto;
1942
- height: 100%;
1943
- }
2050
+ &.ant-input-affix-wrapper {
2051
+ padding: 5px 12px;
2052
+ border-radius: 6px;
2053
+ border-color: $strokes-light-trans-3;
2054
+ line-height: 20px;
2055
+ color: $text-primary-light;
2056
+ transition:
2057
+ height 240ms ease 8ms,
2058
+ border 160ms ease 8ms,
2059
+ box-shadow 160ms ease 8ms;
1944
2060
 
1945
- .E_wt5zbg6 {
1946
- max-width: 1120px;
1947
- width: 100%;
1948
- margin: 0 auto;
1949
- display: flex;
2061
+ .ant-input-suffix,
2062
+ .ant-input-prefix {
2063
+ color: $text-secondary-light;
2064
+ }
2065
+ }
1950
2066
 
1951
- .left,
1952
- .right {
1953
- flex-grow: 0;
1954
- flex-shrink: 0;
1955
- flex-basis: 21%;
2067
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2068
+ padding: 8px 16px;
2069
+ line-height: 22px;
1956
2070
  }
1957
2071
 
1958
- .left {
1959
- display: flex;
1960
- justify-content: flex-end;
1961
- padding-right: 44px;
2072
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2073
+ padding: 2px 8px;
2074
+ line-height: 18px;
1962
2075
  }
1963
2076
 
1964
- .right {
1965
- padding-left: 44px;
2077
+ &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2078
+ &:hover,
2079
+ &.__pseudo-states-hover {
2080
+ border-color: $strokes-light-trans-4;
2081
+ box-shadow: $shadow-light-hover;
2082
+ }
2083
+
2084
+ &:active,
2085
+ &:focus,
2086
+ &.ant-input-affix-wrapper-focused,
2087
+ &.__pseudo-states-active,
2088
+ &.__pseudo-states-focus {
2089
+ border-color: $blue;
2090
+ box-shadow: $shadow-light-active;
2091
+ }
1966
2092
  }
1967
2093
 
1968
- .middle {
1969
- margin-bottom: 40px;
1970
- flex-grow: 0;
1971
- flex-shrink: 0;
1972
- flex-basis: 58%;
1973
- overflow: hidden;
1974
- .form-base-field {
1975
- width: 100%;
1976
- .form-base-field {
1977
- width: auto;
1978
- }
2094
+ &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2095
+ border-color: $red;
2096
+ > .ant-input {
2097
+ color: $red;
2098
+ }
2099
+
2100
+ &:hover,
2101
+ &.__pseudo-states-hover {
2102
+ border-color: $red;
2103
+ box-shadow: $shadow-light-hover;
2104
+ }
2105
+
2106
+ &:active,
2107
+ &:focus,
2108
+ &.ant-input-affix-wrapper-focused,
2109
+ &.__pseudo-states-active,
2110
+ &.__pseudo-states-focus {
2111
+ border-color: $red;
2112
+ box-shadow: $shadow-light-error;
1979
2113
  }
1980
2114
  }
1981
- }
1982
2115
 
1983
- .E_h18jprzg {
1984
- .ant-modal-header {
1985
- margin: 0 auto;
1986
- width: 100%;
1987
- max-width: 648px;
2116
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2117
+ background: $fills-trans-terdiary-light;
2118
+ color: $text-light-tertiary;
2119
+ border-color: $strokes-light-trans-3;
1988
2120
  }
1989
- .ant-modal-header .ant-modal-title {
1990
- margin-left: 0;
2121
+
2122
+ @at-root {
2123
+ textarea#{&}.ant-input {
2124
+ transition-property: height;
2125
+ transition-delay: 50ms;
2126
+ &.textarea-large {
2127
+ min-height: 40px;
2128
+ height: 40px;
2129
+ }
2130
+ &.textarea-large:focus {
2131
+ height: 80px;
2132
+ }
2133
+ &.textarea-middle {
2134
+ min-height: 32px;
2135
+ height: 32px;
2136
+ }
2137
+ &.textarea-middle:focus {
2138
+ height: 64px;
2139
+ }
2140
+ &.textarea-small {
2141
+ min-height: 24px;
2142
+ height: 24px;
2143
+ }
2144
+ &.textarea-small:focus {
2145
+ height: 40px;
2146
+ }
2147
+ }
1991
2148
  }
1992
- .ant-modal-body {
1993
- margin: 0 auto;
1994
- padding: 0;
1995
- width: 100%;
1996
- max-width: 648px;
1997
- overflow: hidden;
2149
+ }
2150
+
2151
+ .E_k1ci6977 {
2152
+ input,
2153
+ &.input-tags {
2154
+ border: 1px solid rgba(213, 219, 227, 0.6);
2155
+ border-radius: 4px;
1998
2156
  }
1999
- .ant-modal-body .horizontal-steps-wrapper {
2000
- margin-bottom: 40px;
2001
- }
2002
- .ant-modal-body .horizontal-content-wrapper {
2003
- height: calc(100vh - 225px);
2004
- overflow-y: auto;
2005
- }
2006
- .ant-modal-footer .footer-content {
2007
- margin: 0 auto;
2008
- max-width: 648px;
2009
- }
2010
- }
2157
+ &.input-tags {
2158
+ position: relative;
2159
+ padding: 6px;
2160
+ height: 32px;
2161
+ cursor: pointer;
2162
+ transition: border 150ms;
2011
2163
 
2012
- .E_h16z9xgz {
2013
- .ant-modal-header {
2014
- margin: 0 auto;
2015
- width: 100%;
2016
- max-width: 1024px;
2017
- }
2018
- .ant-modal-header .ant-modal-title {
2019
- margin-left: 0;
2164
+ &:hover {
2165
+ border-color: $blue-60;
2166
+ box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2167
+ }
2168
+
2169
+ &.kit-input-suffix-wrapper {
2170
+ padding-right: 30px;
2171
+ }
2172
+
2173
+ .input-tags-inner {
2174
+ display: flex;
2175
+ .tags-overflow-auto {
2176
+ display: flex;
2177
+ }
2178
+ }
2179
+
2180
+ .input-tag-suffix {
2181
+ position: absolute;
2182
+ right: 12px;
2183
+ top: 50%;
2184
+ transform: translateY(-50%);
2185
+ .anticon-close-circle {
2186
+ color: rgba(0, 0, 0, 0.25);
2187
+ font-size: 12px;
2188
+ cursor: pointer;
2189
+ &:hover {
2190
+ color: rgba(0, 0, 0, 0.45);
2191
+ }
2192
+ }
2193
+ }
2020
2194
  }
2021
- .ant-modal-body {
2022
- margin: 0 auto;
2023
- padding: 0;
2024
- width: 100%;
2025
- max-width: 1024px;
2195
+ &.has-focus-indicator {
2196
+ position: relative;
2026
2197
  overflow: hidden;
2198
+
2199
+ .ant-input-prefix {
2200
+ position: absolute;
2201
+ top: 50%;
2202
+ transform: translateY(-50%);
2203
+ left: -16px;
2204
+ transition: left 150ms ease;
2205
+ opacity: 0;
2206
+ }
2207
+ &.ant-input-affix-wrapper-focused .ant-input-prefix {
2208
+ left: 8px;
2209
+ opacity: 1;
2210
+ }
2211
+
2212
+ input {
2213
+ transition: margin-left 150ms ease;
2214
+ margin-left: 0px;
2215
+ &:focus {
2216
+ margin-left: 16px;
2217
+ }
2218
+ }
2027
2219
  }
2028
- .ant-modal-body .horizontal-steps-wrapper {
2029
- margin-bottom: 40px;
2030
- }
2031
- .ant-modal-body .horizontal-content-wrapper {
2032
- height: calc(100vh - 225px);
2033
- overflow-y: auto;
2220
+ }
2221
+
2222
+ .E_l1f7td1d {
2223
+ @at-root {
2224
+ input#{&}.ant-input {
2225
+ border-top-right-radius: 0;
2226
+ border-bottom-right-radius: 0;
2227
+ }
2034
2228
  }
2035
- .ant-modal-footer .footer-content {
2036
- margin: 0 auto;
2037
- max-width: 1024px;
2229
+ &.ant-input-affix-wrapper {
2230
+ border-top-right-radius: 0;
2231
+ border-bottom-right-radius: 0;
2038
2232
  }
2039
2233
  }
2040
2234
 
2041
- .E_f1lrhghm {
2042
- flex: 1;
2043
-
2044
- label {
2045
- font-size: 13px;
2046
- line-height: 20px;
2047
- color: $text-secondary-light;
2235
+ .E_rf8rlle {
2236
+ @at-root {
2237
+ input#{&}.ant-input {
2238
+ border-top-left-radius: 0;
2239
+ border-bottom-left-radius: 0;
2240
+ }
2048
2241
  }
2049
2242
 
2050
- .title {
2051
- font-size: 14px;
2052
- line-height: 20px;
2053
- color: $text-primary-light;
2054
- margin-bottom: 12px;
2243
+ &.ant-input-affix-wrapper {
2244
+ border-top-left-radius: 0;
2245
+ border-bottom-left-radius: 0;
2055
2246
  }
2247
+ }
2056
2248
 
2057
- &.connect-cluster .title {
2058
- padding-bottom: 26px;
2249
+ .E_llt2k48 {
2250
+ &.ant-select.select,
2251
+ &.ant-select.select .ant-select-selector {
2252
+ border-top-right-radius: 0;
2253
+ border-bottom-right-radius: 0;
2059
2254
  }
2060
2255
  }
2061
2256
 
2062
- .E_f18ot8em {
2063
- padding: 25px 0 15px 0;
2064
- border-bottom: 1px solid #e1e5eb;
2065
- margin-bottom: 16px;
2257
+ .E_rdwz7eh {
2258
+ &.ant-select.select,
2259
+ &.ant-select.select .ant-select-selector {
2260
+ border-top-left-radius: 0;
2261
+ border-bottom-left-radius: 0;
2262
+ }
2066
2263
  }
2067
2264
 
2068
- .E_f1l1g2k0 {
2265
+ .E_c3ni091 {
2069
2266
  display: flex;
2070
- align-items: center;
2071
- margin-bottom: 8px;
2267
+ flex-direction: column;
2072
2268
 
2073
- > label {
2074
- width: 216px;
2269
+ .select-wrapper {
2270
+ margin-top: 12px;
2271
+
2272
+ .select {
2273
+ width: 100%;
2274
+ }
2075
2275
  }
2076
2276
 
2077
- > label + * {
2078
- width: 100%;
2277
+ .radio-wrapper {
2278
+ margin-top: 24px;
2079
2279
  }
2080
2280
 
2081
- .ant-select {
2281
+ div.form-item {
2082
2282
  width: 100%;
2083
2283
  }
2084
2284
  }
2085
2285
 
2086
- .E_e1k89cwg {
2087
- color: $red;
2088
- margin-right: 10px;
2089
- }
2286
+ .E_d105ju2d {
2287
+ font-size: 14px;
2288
+ font-weight: 500;
2289
+ color: #3e4652;
2290
+ line-height: 18px;
2090
2291
 
2091
- .E_d1oui1gf {
2092
- width: 100%;
2093
- height: 1px;
2094
- background: rgba(213, 219, 227, 0.6);
2095
- margin: 24px 0;
2096
- }
2292
+ & + & {
2293
+ margin-top: 16px;
2294
+ }
2097
2295
 
2098
- .E_l15itdbb {
2099
- display: flex;
2100
- justify-content: center;
2101
- align-items: center;
2102
- height: 100%;
2296
+ & + * {
2297
+ margin-top: 16px;
2298
+ }
2103
2299
  }
2104
2300
 
2105
- .E_d1y3z4w {
2106
- display: inline-block;
2107
- width: 4px;
2108
- height: 4px;
2109
- background: #8e9aa9;
2110
- opacity: 0.4;
2111
- border-radius: 50%;
2112
- margin: 0 4px;
2301
+ .E_lh0l62z.E_d105ju2d {
2302
+ font-size: 12px;
2303
+ color: $gray-a60-8;
2304
+ margin-top: 12px;
2113
2305
  }
2114
2306
 
2115
- .E_m177r7a3 {
2116
- .ant-modal-header,
2117
- .ant-modal-footer .footer-content {
2118
- width: 648px;
2119
- margin: 0 auto;
2120
- }
2307
+ .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2308
+ line-height: 18px;
2309
+ font-weight: 500;
2310
+ margin-top: 0;
2311
+ white-space: initial;
2312
+ }
2121
2313
 
2122
- .ant-modal-header {
2123
- padding: 35px 0 24px;
2124
- border: none;
2314
+ .E_r1skkc3l {
2315
+ display: block;
2125
2316
 
2126
- .ant-modal-title {
2127
- font-size: 30px;
2128
- }
2317
+ span {
2318
+ font-size: 14px;
2319
+ font-weight: 500;
2320
+ line-height: 32px;
2321
+ color: #3e4652;
2129
2322
  }
2323
+ }
2130
2324
 
2131
- .ant-modal-body {
2132
- padding: 4px 0 2px;
2325
+ .E_c3cobmo {
2326
+ margin-top: 16px;
2327
+ padding: 8px;
2328
+ border-radius: 6px;
2329
+ background: $fills-element-light-container-general;
2330
+ color: $text-light-secondary;
2331
+ font-size: 12px;
2332
+ div {
2333
+ line-height: 20px;
2334
+ display: flex;
2335
+ align-items: center;
2336
+ word-break: break-all;
2133
2337
  }
2134
2338
 
2135
- .ant-modal-footer {
2136
- border: none;
2339
+ .title {
2340
+ font-weight: 700;
2341
+ line-height: 18px;
2342
+ margin: 4px 0;
2137
2343
  }
2138
2344
  }
2139
2345
 
2140
- .E_t1wwio3v {
2141
- font-size: 12px;
2142
- line-height: 18px;
2143
- font-weight: bold;
2144
- color: $white;
2145
- padding: 0 4px;
2146
- border-radius: 4px;
2147
- display: inline-block;
2148
- background: var(--t1wwio3v-0);
2149
- &:not(:first-child) {
2150
- margin-left: 4px;
2151
- }
2346
+ .E_uqv57uv {
2347
+ color: #2C3852BF;
2152
2348
  }
2153
2349
 
2154
- .E_f17jvtfk {
2155
- width: 100%;
2156
- height: 100%;
2157
- display: flex;
2158
- align-items: center;
2159
- justify-content: center;
2160
- }
2161
2350
 
2162
- .E_nzppkea {
2163
- font-size: 90%;
2164
- font-weight: bold;
2165
- background-color: rgba(240, 243, 247, 0.6);
2166
- padding: 1px 4px 1px;
2167
- margin-left: 2px;
2168
- margin-right: 2px;
2169
- border: 1px solid rgba(213, 219, 227, 0.6);
2170
- border-radius: 4px;
2351
+ .E_m196gn1d {
2352
+ min-width: 1280px;
2171
2353
  }
2172
2354
 
2173
- .E_f4mi9eq {
2174
- &.form-item-general {
2175
- width: 640px;
2176
- &.form-item + &.form-item {
2177
- margin-top: 16px;
2178
- }
2179
- }
2180
- &.form-item-compact {
2181
- width: 412px;
2182
- &.form-item + &.form-item {
2183
- margin-top: 8px;
2184
- }
2185
- }
2186
- & .form-item {
2187
- width: auto;
2188
- }
2189
- .form-item-main {
2190
- position: relative;
2191
- display: flex;
2192
- }
2193
- .form-item-extra {
2194
- margin-top: 4px;
2195
- width: 100%;
2196
- padding: 14px;
2197
- background: #f2f4f6;
2198
- font-size: 13px;
2199
- line-height: 1.8;
2200
- color: #8e9aa9;
2201
- }
2202
- .form-item-label {
2203
- padding-right: 12px;
2204
- font-size: 13px;
2205
- color: $text-secondary-light;
2206
2355
 
2207
- &.label-right {
2208
- text-align: right;
2209
- }
2210
- }
2211
- .form-item-label,
2212
- .form-item-control {
2213
- line-height: 32px;
2214
- }
2215
- .form-item-control .form-item-error {
2216
- line-height: 18px;
2356
+ .E_a1b5xrg3 {
2357
+ .user-icon-inner {
2358
+ display: inline-flex;
2359
+ align-items: center;
2360
+ justify-content: center;
2361
+ color: $white;
2362
+ font-weight: bold;
2363
+ font-size: 12px;
2364
+ width: 24px;
2365
+ height: 24px;
2366
+ border-radius: 50%;
2367
+ background: var(--a1b5xrg3-0);
2217
2368
  }
2218
- .form-item-children {
2219
- width: 100%;
2220
- > *:only-child {
2221
- &.ant-select,
2222
- &.ant-radio-group,
2223
- &.ant-checkbox-group {
2224
- width: 100%;
2225
- }
2369
+ &.btn-item {
2370
+ transition: all 160ms ease;
2371
+ cursor: pointer;
2372
+ width: 56px;
2373
+ height: 40px;
2374
+ display: inline-flex;
2375
+ align-items: center;
2376
+ justify-content: center;
2377
+ border-radius: 6px;
2378
+
2379
+ &:hover {
2380
+ box-shadow:
2381
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2382
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2226
2383
  }
2227
- }
2228
- .form-item-error {
2229
- color: $red;
2230
- height: 0;
2231
- overflow: hidden;
2232
- }
2233
- .form-item-error-enter-done {
2234
- margin-top: 4px;
2235
- height: auto;
2236
- overflow: auto;
2237
- }
2238
- &.form-base-field:not(.form-base-field-array) {
2239
- .form-item-control.field-error .form-item-error {
2240
- > input:not(.ant-input),
2241
- :not(.ant-select) input {
2242
- border: 1px solid $red;
2243
- color: $red;
2244
- }
2384
+
2385
+ &:active {
2386
+ transform: translateY(2px);
2387
+ transition: all 320ms ease;
2245
2388
  }
2246
2389
  }
2247
2390
  }
2248
2391
 
2249
- .E_fh0ewl8 {
2250
- color: $gray-80;
2251
- font-weight: bold;
2252
- padding-bottom: 6px;
2253
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
2254
- margin-bottom: 16px;
2255
2392
 
2256
- &:not(:first-of-type) {
2257
- margin-top: 16px;
2258
- }
2393
+ .E_dsnbhzf {
2394
+ @include Inter(bold);
2395
+ font-size: 32px;
2396
+ line-height: 40px;
2259
2397
  }
2260
2398
 
2261
- .E_e1qrlvot {
2262
- width: 8px;
2263
- height: 24px;
2264
- display: flex;
2265
- justify-content: center;
2266
- align-items: center;
2267
- cursor: pointer;
2268
- transition: all 200ms ease-out 40ms;
2399
+ .E_d1mvo22k {
2400
+ @include Inter(bold);
2401
+ font-size: 24px;
2402
+ line-height: 32px;
2403
+ }
2269
2404
 
2270
- &:before,
2271
- &:after {
2272
- content: "";
2273
- width: 1px;
2274
- height: 6px;
2275
- border-radius: 1px;
2276
- background: $gray-50;
2277
- position: relative;
2278
- right: 2px;
2279
- transform: rotate(-45deg);
2280
- }
2405
+ .E_d1b444tr {
2406
+ @include Inter();
2407
+ font-size: 32px;
2408
+ line-height: 40px;
2409
+ }
2281
2410
 
2282
- &:after {
2283
- transform: rotate(45deg);
2284
- left: 1px;
2285
- }
2411
+ .E_dvs0kue {
2412
+ @include Inter(bold);
2413
+ font-size: 20px;
2414
+ line-height: 24px;
2286
2415
  }
2287
2416
 
2288
- .E_w9ic984 {
2289
- &.ant-alert-warning {
2290
- border: 0;
2291
- background: rgba(255, 187, 0, 0.1);
2292
- border-radius: 6px;
2293
- }
2294
- &.ant-alert,
2295
- .ant-alert-message {
2296
- color: #e07f00;
2297
- .dashed-border-bottom {
2298
- border-bottom-color: #e07f00;
2299
- }
2300
- }
2417
+ .E_d1hcbfcq {
2418
+ @include Inter();
2419
+ font-size: 20px;
2420
+ line-height: 24px;
2301
2421
  }
2302
2422
 
2303
- .E_n1k9qi4r {
2304
- display: flex;
2305
- flex-direction: row;
2306
- padding: 7px 12px;
2307
- background: rgba(255, 187, 0, 0.1);
2308
- border-radius: 6px;
2309
- color: $fills-light-notice-notice-dark;
2310
- font-size: 12px;
2311
- line-height: 18px;
2312
- .icon-wrapper {
2313
- margin-right: 10px;
2314
- height: 18px;
2315
- }
2423
+ .E_d1cz922v {
2424
+ @include Inter(bold);
2425
+ font-size: 18px;
2426
+ line-height: 22px;
2316
2427
  }
2317
2428
 
2318
- .E_n16fsg9x {
2319
- display: flex;
2320
- flex-direction: row;
2321
- padding: 7px 12px;
2322
- background: rgba(225, 230, 241, 0.6);
2323
- border-radius: 6px;
2324
- color: $text-light-secondary;
2325
- font-size: 12px;
2326
- line-height: 18px;
2327
- .icon-wrapper {
2328
- margin-right: 10px;
2329
- height: 18px;
2330
- }
2429
+ .E_d3nzbrm {
2430
+ @include Inter();
2431
+ font-size: 18px;
2432
+ line-height: 22px;
2331
2433
  }
2332
2434
 
2333
- .E_i173wxzw {
2334
- display: flex;
2335
- flex-direction: row;
2336
- padding: 7px 12px;
2337
- background: rgba(0, 136, 255, 0.1);
2338
- border-radius: 6px;
2339
- color: $fills-light-general-general-dark;
2340
- font-size: 12px;
2341
- line-height: 18px;
2342
- .icon-wrapper {
2343
- margin-right: 10px;
2344
- height: 18px;
2345
- }
2435
+ .E_h1g0p5ob {
2436
+ @include Inter(bold);
2437
+ font-size: 16px;
2438
+ line-height: 22px;
2346
2439
  }
2347
2440
 
2348
- .E_dld369h {
2349
- color: $text-light-secondary;
2350
- margin-top: 5px;
2351
- font-size: 12px;
2352
- line-height: 18px;
2441
+ .E_hydo2ej {
2442
+ @include Inter();
2443
+ font-size: 16px;
2444
+ line-height: 22px;
2353
2445
  }
2354
2446
 
2355
- .E_s1epv22q {
2356
- color: $text-light-serious;
2357
- font-size: 12px;
2358
- white-space: pre-wrap;
2447
+ .E_h1hbuq0r {
2448
+ @include Inter(bold);
2449
+ font-size: 14px;
2450
+ line-height: 20px;
2359
2451
  }
2360
2452
 
2361
- .E_okus5hk {
2362
- display: flex;
2363
- align-items: center;
2364
- justify-content: flex-end;
2365
- .icon-wrapper {
2366
- margin-right: 16px;
2367
- }
2453
+ .E_h13bondg {
2454
+ @include Inter();
2455
+ font-size: 14px;
2456
+ line-height: 20px;
2368
2457
  }
2369
2458
 
2370
- .E_t1auuzri {
2371
- color: $text-light-tertiary;
2459
+ .E_h1mhvdlx {
2460
+ @include Inter(bold);
2461
+ font-size: 12px;
2462
+ line-height: 18px;
2372
2463
  }
2373
2464
 
2374
- .E_i74cfyt {
2375
- &.ant-input {
2376
- padding: 5px 12px;
2377
- line-height: 20px;
2378
- color: $text-primary-light;
2379
- border-radius: 6px;
2380
- border-color: $strokes-light-trans-3;
2381
- transition:
2382
- height 240ms ease 8ms,
2383
- border 160ms ease 8ms,
2384
- box-shadow 160ms ease 8ms;
2385
- }
2386
-
2387
- &.ant-input.ant-input-lg {
2388
- padding: 8px 16px;
2389
- line-height: 22px;
2390
- }
2391
-
2392
- &.ant-input.ant-input-sm {
2393
- padding: 2px 8px;
2394
- line-height: 18px;
2395
- }
2465
+ .E_h1inmfq6 {
2466
+ @include Inter();
2467
+ font-size: 12px;
2468
+ line-height: 18px;
2469
+ }
2396
2470
 
2397
- &.ant-input:not([disabled]),
2398
- &.ant-input-number:not([disabled]) {
2399
- &:hover,
2400
- &.__pseudo-states-hover {
2401
- border-color: $strokes-light-trans-4;
2402
- box-shadow: $shadow-light-hover;
2403
- z-index: $input-hover-index;
2404
- }
2471
+ .E_h1kfc0la {
2472
+ @include Inter(bold);
2473
+ @include Uppercase();
2474
+ font-size: 12px;
2475
+ line-height: 18px;
2476
+ }
2405
2477
 
2406
- &:active,
2407
- &:focus,
2408
- &.__pseudo-states-active,
2409
- &.__pseudo-states-focus {
2410
- border-color: $blue;
2411
- box-shadow: $shadow-light-active;
2412
- z-index: $input-hover-index;
2413
- }
2414
- }
2478
+ .E_h10xnyuu {
2479
+ @include Inter();
2480
+ @include Uppercase();
2481
+ font-size: 12px;
2482
+ line-height: 18px;
2483
+ }
2415
2484
 
2416
- &.ant-input.error:not([disabled]),
2417
- &.ant-picker.error:not([disabled]),
2418
- &.ant-input-number.error:not([disabled]) {
2419
- border-color: $red;
2420
- color: $red;
2485
+ .E_lrcmi0v {
2486
+ @include Inter();
2487
+ font-size: 16px;
2488
+ line-height: 24px;
2489
+ }
2421
2490
 
2422
- &:hover,
2423
- &.__pseudo-states-hover {
2424
- border-color: $red;
2425
- box-shadow: $shadow-light-hover;
2426
- }
2491
+ .E_lzt43lp {
2492
+ @include Inter(bold);
2493
+ font-size: 16px;
2494
+ line-height: 24px;
2495
+ }
2427
2496
 
2428
- &:active,
2429
- &:focus,
2430
- &.__pseudo-states-active,
2431
- &.__pseudo-states-focus {
2432
- border-color: $red;
2433
- box-shadow: $shadow-light-error;
2434
- }
2435
- }
2497
+ .E_l5yc9nt {
2498
+ @include Inter();
2499
+ font-size: 16px;
2500
+ line-height: 24px;
2501
+ }
2436
2502
 
2437
- &.ant-input[disabled],
2438
- &.ant-input.ant-input-disabled,
2439
- &.ant-input-number[disabled],
2440
- &.ant-input-number.ant-input-number-disabled {
2441
- background: $fills-trans-terdiary-light;
2442
- color: $text-light-tertiary;
2443
- border-color: $strokes-light-trans-3;
2444
- }
2503
+ .E_l1fbkbzo {
2504
+ @include Inter(bold);
2505
+ font-size: 16px;
2506
+ line-height: 24px;
2507
+ }
2445
2508
 
2446
- &.ant-input-affix-wrapper {
2447
- padding: 5px 12px;
2448
- border-radius: 6px;
2449
- border-color: $strokes-light-trans-3;
2450
- line-height: 20px;
2451
- color: $text-primary-light;
2452
- transition:
2453
- height 240ms ease 8ms,
2454
- border 160ms ease 8ms,
2455
- box-shadow 160ms ease 8ms;
2509
+ .E_lahvcax {
2510
+ @include Inter();
2511
+ @include Uppercase();
2512
+ font-size: 16px;
2513
+ line-height: 24px;
2514
+ }
2456
2515
 
2457
- .ant-input-suffix,
2458
- .ant-input-prefix {
2459
- color: $text-secondary-light;
2460
- }
2461
- }
2516
+ .E_l11q3pxd {
2517
+ @include Inter(bold);
2518
+ @include Uppercase();
2519
+ font-size: 16px;
2520
+ line-height: 24px;
2521
+ }
2462
2522
 
2463
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2464
- padding: 8px 16px;
2465
- line-height: 22px;
2466
- }
2523
+ .E_lfuc2qu {
2524
+ @include Inter();
2525
+ font-size: 14px;
2526
+ line-height: 22px;
2527
+ }
2467
2528
 
2468
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2469
- padding: 2px 8px;
2470
- line-height: 18px;
2471
- }
2529
+ .E_l1jmp8r0 {
2530
+ @include Inter(500);
2531
+ font-size: 14px;
2532
+ line-height: 22px;
2533
+ }
2472
2534
 
2473
- &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2474
- &:hover,
2475
- &.__pseudo-states-hover {
2476
- border-color: $strokes-light-trans-4;
2477
- box-shadow: $shadow-light-hover;
2478
- }
2535
+ .E_lcnm221 {
2536
+ @include Inter(bold);
2537
+ font-size: 14px;
2538
+ line-height: 22px;
2539
+ }
2479
2540
 
2480
- &:active,
2481
- &:focus,
2482
- &.ant-input-affix-wrapper-focused,
2483
- &.__pseudo-states-active,
2484
- &.__pseudo-states-focus {
2485
- border-color: $blue;
2486
- box-shadow: $shadow-light-active;
2487
- }
2488
- }
2541
+ .E_lu1z2n5 {
2542
+ @include Inter();
2543
+ font-size: 14px;
2544
+ line-height: 22px;
2545
+ }
2489
2546
 
2490
- &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2491
- border-color: $red;
2492
- > .ant-input {
2493
- color: $red;
2494
- }
2547
+ .E_l1r59djn {
2548
+ @include Inter(bold);
2549
+ font-size: 14px;
2550
+ line-height: 22px;
2551
+ }
2495
2552
 
2496
- &:hover,
2497
- &.__pseudo-states-hover {
2498
- border-color: $red;
2499
- box-shadow: $shadow-light-hover;
2500
- }
2553
+ .E_ljm2911 {
2554
+ @include Inter();
2555
+ @include Uppercase();
2556
+ font-size: 14px;
2557
+ line-height: 22px;
2558
+ }
2501
2559
 
2502
- &:active,
2503
- &:focus,
2504
- &.ant-input-affix-wrapper-focused,
2505
- &.__pseudo-states-active,
2506
- &.__pseudo-states-focus {
2507
- border-color: $red;
2508
- box-shadow: $shadow-light-error;
2509
- }
2510
- }
2560
+ .E_l124mzmr {
2561
+ @include Inter(bold);
2562
+ @include Uppercase();
2563
+ font-size: 14px;
2564
+ line-height: 22px;
2565
+ }
2511
2566
 
2512
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2513
- background: $fills-trans-terdiary-light;
2514
- color: $text-light-tertiary;
2515
- border-color: $strokes-light-trans-3;
2516
- }
2567
+ .E_lb3chel {
2568
+ @include Inter();
2569
+ font-size: 13px;
2570
+ line-height: 20px;
2571
+ }
2517
2572
 
2518
- @at-root {
2519
- textarea#{&}.ant-input {
2520
- transition-property: height;
2521
- transition-delay: 50ms;
2522
- &.textarea-large {
2523
- min-height: 40px;
2524
- height: 40px;
2525
- }
2526
- &.textarea-large:focus {
2527
- height: 80px;
2528
- }
2529
- &.textarea-middle {
2530
- min-height: 32px;
2531
- height: 32px;
2532
- }
2533
- &.textarea-middle:focus {
2534
- height: 64px;
2535
- }
2536
- &.textarea-small {
2537
- min-height: 24px;
2538
- height: 24px;
2539
- }
2540
- &.textarea-small:focus {
2541
- height: 40px;
2542
- }
2543
- }
2544
- }
2573
+ .E_lv9jstu {
2574
+ @include Inter(600);
2575
+ font-size: 13px;
2576
+ line-height: 20px;
2545
2577
  }
2546
2578
 
2547
- .E_k1ci6977 {
2548
- input,
2549
- &.input-tags {
2550
- border: 1px solid rgba(213, 219, 227, 0.6);
2551
- border-radius: 4px;
2552
- }
2553
- &.input-tags {
2554
- position: relative;
2555
- padding: 6px;
2556
- height: 32px;
2557
- cursor: pointer;
2558
- transition: border 150ms;
2579
+ .E_lwqlh3x {
2580
+ @include Inter(bold);
2581
+ font-size: 13px;
2582
+ line-height: 20px;
2583
+ }
2559
2584
 
2560
- &:hover {
2561
- border-color: $blue-60;
2562
- box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2563
- }
2585
+ .E_lalum9y {
2586
+ @include Inter();
2587
+ font-size: 13px;
2588
+ line-height: 20px;
2589
+ }
2564
2590
 
2565
- &.kit-input-suffix-wrapper {
2566
- padding-right: 30px;
2567
- }
2591
+ .E_l1t6dj5o {
2592
+ @include Inter(600);
2593
+ font-size: 13px;
2594
+ line-height: 20px;
2595
+ }
2568
2596
 
2569
- .input-tags-inner {
2570
- display: flex;
2571
- .tags-overflow-auto {
2572
- display: flex;
2573
- }
2574
- }
2597
+ .E_l12f6ic {
2598
+ @include Inter(bold);
2599
+ font-size: 13px;
2600
+ line-height: 20px;
2601
+ }
2575
2602
 
2576
- .input-tag-suffix {
2577
- position: absolute;
2578
- right: 12px;
2579
- top: 50%;
2580
- transform: translateY(-50%);
2581
- .anticon-close-circle {
2582
- color: rgba(0, 0, 0, 0.25);
2583
- font-size: 12px;
2584
- cursor: pointer;
2585
- &:hover {
2586
- color: rgba(0, 0, 0, 0.45);
2587
- }
2588
- }
2589
- }
2590
- }
2591
- &.has-focus-indicator {
2592
- position: relative;
2593
- overflow: hidden;
2603
+ .E_l7gmukq {
2604
+ @include Inter();
2605
+ @include Uppercase();
2606
+ font-size: 13px;
2607
+ line-height: 20px;
2608
+ }
2594
2609
 
2595
- .ant-input-prefix {
2596
- position: absolute;
2597
- top: 50%;
2598
- transform: translateY(-50%);
2599
- left: -16px;
2600
- transition: left 150ms ease;
2601
- opacity: 0;
2602
- }
2603
- &.ant-input-affix-wrapper-focused .ant-input-prefix {
2604
- left: 8px;
2605
- opacity: 1;
2606
- }
2610
+ .E_lkwl0yp {
2611
+ @include Inter(bold);
2612
+ @include Uppercase();
2613
+ font-size: 13px;
2614
+ line-height: 20px;
2615
+ }
2607
2616
 
2608
- input {
2609
- transition: margin-left 150ms ease;
2610
- margin-left: 0px;
2611
- &:focus {
2612
- margin-left: 16px;
2613
- }
2614
- }
2615
- }
2617
+ .E_l10knv48 {
2618
+ @include Inter();
2619
+ font-size: 12px;
2620
+ line-height: 18px;
2616
2621
  }
2617
2622
 
2618
- .E_l1f7td1d {
2619
- @at-root {
2620
- input#{&}.ant-input {
2621
- border-top-right-radius: 0;
2622
- border-bottom-right-radius: 0;
2623
- }
2624
- }
2625
- &.ant-input-affix-wrapper {
2626
- border-top-right-radius: 0;
2627
- border-bottom-right-radius: 0;
2628
- }
2623
+ .E_l6526ld {
2624
+ @include Inter(500);
2625
+ font-size: 12px;
2626
+ line-height: 18px;
2629
2627
  }
2630
2628
 
2631
- .E_rf8rlle {
2632
- @at-root {
2633
- input#{&}.ant-input {
2634
- border-top-left-radius: 0;
2635
- border-bottom-left-radius: 0;
2636
- }
2637
- }
2629
+ .E_l1j81vli {
2630
+ @include Inter(bold);
2631
+ font-size: 12px;
2632
+ line-height: 18px;
2633
+ }
2638
2634
 
2639
- &.ant-input-affix-wrapper {
2640
- border-top-left-radius: 0;
2641
- border-bottom-left-radius: 0;
2642
- }
2635
+ .E_l1x7n1mk {
2636
+ @include Inter();
2637
+ font-size: 12px;
2638
+ line-height: 18px;
2643
2639
  }
2644
2640
 
2645
- .E_llt2k48 {
2646
- &.ant-select.select,
2647
- &.ant-select.select .ant-select-selector {
2648
- border-top-right-radius: 0;
2649
- border-bottom-right-radius: 0;
2650
- }
2641
+ .E_l9fqufz {
2642
+ @include Inter(500);
2643
+ font-size: 12px;
2644
+ line-height: 18px;
2651
2645
  }
2652
2646
 
2653
- .E_rdwz7eh {
2654
- &.ant-select.select,
2655
- &.ant-select.select .ant-select-selector {
2656
- border-top-left-radius: 0;
2657
- border-bottom-left-radius: 0;
2658
- }
2647
+ .E_l1iwnybd {
2648
+ @include Inter(bold);
2649
+ font-size: 12px;
2650
+ line-height: 18px;
2659
2651
  }
2660
2652
 
2661
- .E_c3ni091 {
2662
- display: flex;
2663
- flex-direction: column;
2653
+ .E_lprtm1e {
2654
+ @include Inter();
2655
+ @include Uppercase();
2656
+ font-size: 12px;
2657
+ line-height: 18px;
2658
+ }
2664
2659
 
2665
- .select-wrapper {
2666
- margin-top: 12px;
2660
+ .E_l1lln87h {
2661
+ @include Inter(bold);
2662
+ @include Uppercase();
2663
+ font-size: 12px;
2664
+ line-height: 18px;
2665
+ }
2667
2666
 
2668
- .select {
2669
- width: 100%;
2670
- }
2671
- }
2667
+ .E_f2pb48l {
2668
+ @include Inter();
2669
+ font-size: 13px;
2670
+ line-height: 20px;
2671
+ }
2672
2672
 
2673
- .radio-wrapper {
2674
- margin-top: 24px;
2675
- }
2673
+ .E_fi9emkw {
2674
+ @include Inter();
2675
+ font-size: 13px;
2676
+ line-height: 20px;
2677
+ }
2676
2678
 
2677
- div.form-item {
2678
- width: 100%;
2679
- }
2679
+ .E_f1nrg7da {
2680
+ @include Inter();
2681
+ font-size: 12px;
2682
+ line-height: 18px;
2680
2683
  }
2681
2684
 
2682
- .E_d105ju2d {
2683
- font-size: 14px;
2684
- font-weight: 500;
2685
- color: #3e4652;
2685
+ .E_f17k1i3n {
2686
+ @include Inter();
2687
+ font-size: 12px;
2686
2688
  line-height: 18px;
2689
+ }
2687
2690
 
2688
- & + & {
2689
- margin-top: 16px;
2690
- }
2691
+ .E_t1tvuj2e {
2692
+ @include Inter();
2693
+ @include Monospace();
2694
+ font-size: 13px;
2695
+ line-height: 20px;
2696
+ }
2691
2697
 
2692
- & + * {
2693
- margin-top: 16px;
2694
- }
2698
+ .E_t17uajlu {
2699
+ @include Inter();
2700
+ @include Slashed();
2701
+ font-size: 13px;
2702
+ line-height: 20px;
2695
2703
  }
2696
2704
 
2697
- .E_lh0l62z.E_d105ju2d {
2705
+ .E_t114zbyz {
2706
+ @include Inter();
2707
+ @include Monospace();
2698
2708
  font-size: 12px;
2699
- color: $gray-a60-8;
2700
- margin-top: 12px;
2709
+ line-height: 18px;
2701
2710
  }
2702
2711
 
2703
- .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2712
+ .E_t1il0kvi {
2713
+ @include Inter(500);
2714
+ @include Monospace();
2715
+ font-size: 12px;
2704
2716
  line-height: 18px;
2705
- font-weight: 500;
2706
- margin-top: 0;
2707
- white-space: initial;
2708
2717
  }
2709
2718
 
2710
- .E_r1skkc3l {
2711
- display: block;
2712
-
2713
- span {
2714
- font-size: 14px;
2715
- font-weight: 500;
2716
- line-height: 32px;
2717
- color: #3e4652;
2718
- }
2719
+ .E_t10dv8p1 {
2720
+ @include Inter();
2721
+ @include Slashed();
2722
+ font-size: 12px;
2723
+ line-height: 18px;
2719
2724
  }
2720
2725
 
2721
- .E_c3cobmo {
2722
- margin-top: 16px;
2723
- padding: 8px;
2724
- border-radius: 6px;
2725
- background: $fills-element-light-container-general;
2726
- color: $text-light-secondary;
2726
+ .E_tc2oqpq {
2727
+ @include Inter(500);
2728
+ @include Slashed();
2727
2729
  font-size: 12px;
2728
- div {
2729
- line-height: 20px;
2730
- display: flex;
2731
- align-items: center;
2732
- word-break: break-all;
2733
- }
2730
+ line-height: 18px;
2731
+ }
2734
2732
 
2735
- .title {
2736
- font-weight: 700;
2737
- line-height: 18px;
2738
- margin: 4px 0;
2739
- }
2733
+ .E_tzvddmc {
2734
+ @include Inter(bold);
2735
+ @include Slashed();
2736
+ font-size: 16px;
2737
+ line-height: 24px;
2740
2738
  }
2741
2739
 
2742
- .E_uqv57uv {
2743
- color: #2C3852BF;
2740
+ .E_u18llj45 {
2741
+ @include Inter();
2742
+ font-size: 10px;
2743
+ line-height: 12px;
2744
2744
  }
2745
2745
 
2746
2746
 
@@ -2846,6 +2846,67 @@
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
+
2849
2910
  .E_s4ivdfu {
2850
2911
  &.ant-select {
2851
2912
  .ant-select-selection-placeholder {
@@ -3047,50 +3108,6 @@
3047
3108
  }
3048
3109
 
3049
3110
 
3050
- .E_oa99sl3 {
3051
- display: flex;
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;
3075
- }
3076
-
3077
-
3078
- .E_suhck3k {
3079
- height: 24px;
3080
- width: 24px;
3081
- border-radius: 6px;
3082
- padding: 4px;
3083
- &:hover {
3084
- background-color: $fill-outstanding-light;
3085
- svg {
3086
- path {
3087
- fill: blue;
3088
- }
3089
- }
3090
- }
3091
- }
3092
-
3093
-
3094
3111
  .E_w1dxz879 {
3095
3112
  display: flex;
3096
3113
  flex-direction: column;
@@ -3107,23 +3124,6 @@
3107
3124
  }
3108
3125
 
3109
3126
 
3110
- .E_ryby9ds {
3111
- display: flex;
3112
- align-items: center;
3113
- .order {
3114
- height: 24px;
3115
- width: 24px;
3116
- border-radius: 20px;
3117
- color: $text-light-general;
3118
- background: $fill-light-element-container-outstanding;
3119
- display: flex;
3120
- align-items: center;
3121
- justify-content: center;
3122
- margin-right: 6px;
3123
- }
3124
- }
3125
-
3126
-
3127
3127
  .E_hrhfj7c {
3128
3128
  display: none;
3129
3129
  }
@@ -3645,81 +3645,6 @@
3645
3645
  }
3646
3646
 
3647
3647
 
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
- }
3658
-
3659
- .E_c1eym6el {
3660
- border-radius: 8px;
3661
- background-color: white;
3662
- &.hoverable {
3663
- cursor: pointer;
3664
-
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);
3670
- }
3671
- }
3672
- }
3673
-
3674
-
3675
- .E_c1kghdax {
3676
- color: $text-primary-light;
3677
- padding: 7px 12px;
3678
- display: flex;
3679
- justify-content: space-between;
3680
- align-items: center;
3681
-
3682
- &.has-arrow {
3683
- padding-left: 10px;
3684
-
3685
- .title-wrapper {
3686
- cursor: pointer;
3687
- color: $text-light-primary;
3688
-
3689
- &.is-open {
3690
- color: $text-primary-light;
3691
- font-weight: 600;
3692
-
3693
- .collapse-arrow {
3694
- transform: rotate(90deg);
3695
- }
3696
- }
3697
- }
3698
- }
3699
-
3700
- .sub-info {
3701
- font-size: 12px;
3702
- line-height: 18px;
3703
- }
3704
-
3705
- .title-wrapper {
3706
- display: flex;
3707
- align-items: center;
3708
- user-select: none;
3709
- flex-grow: 1;
3710
- font-size: 12px;
3711
- line-height: 18px;
3712
- color: $text-primary-light;
3713
- font-weight: 700;
3714
- }
3715
-
3716
- .collapse-arrow {
3717
- transition: all 50ms ease-out 0ms;
3718
- margin-right: 2px;
3719
- }
3720
- }
3721
-
3722
-
3723
3648
  .E_l48ei06 {
3724
3649
  @at-root {
3725
3650
  button#{&}.ant-btn,
@@ -3867,24 +3792,155 @@
3867
3792
  }
3868
3793
  }
3869
3794
 
3870
- .E_satwmqm {
3871
- width: 8px;
3872
- height: 8px;
3873
- border-radius: 50%;
3874
- display: inline-block;
3795
+ .E_satwmqm {
3796
+ width: 8px;
3797
+ height: 8px;
3798
+ border-radius: 50%;
3799
+ display: inline-block;
3800
+ }
3801
+
3802
+
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
+ }
3813
+
3814
+ .E_c1eym6el {
3815
+ border-radius: 8px;
3816
+ background-color: white;
3817
+ &.hoverable {
3818
+ cursor: pointer;
3819
+
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);
3825
+ }
3826
+ }
3827
+ }
3828
+
3829
+
3830
+ .E_c1yd35n {
3831
+ padding: 0 12px 14px 12px;
3832
+ }
3833
+
3834
+
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
+ .E_c1kghdax {
3844
+ color: $text-primary-light;
3845
+ padding: 7px 12px;
3846
+ display: flex;
3847
+ justify-content: space-between;
3848
+ align-items: center;
3849
+
3850
+ &.has-arrow {
3851
+ padding-left: 10px;
3852
+
3853
+ .title-wrapper {
3854
+ cursor: pointer;
3855
+ color: $text-light-primary;
3856
+
3857
+ &.is-open {
3858
+ color: $text-primary-light;
3859
+ font-weight: 600;
3860
+
3861
+ .collapse-arrow {
3862
+ transform: rotate(90deg);
3863
+ }
3864
+ }
3865
+ }
3866
+ }
3867
+
3868
+ .sub-info {
3869
+ font-size: 12px;
3870
+ line-height: 18px;
3871
+ }
3872
+
3873
+ .title-wrapper {
3874
+ display: flex;
3875
+ align-items: center;
3876
+ user-select: none;
3877
+ flex-grow: 1;
3878
+ font-size: 12px;
3879
+ line-height: 18px;
3880
+ color: $text-primary-light;
3881
+ font-weight: 700;
3882
+ }
3883
+
3884
+ .collapse-arrow {
3885
+ transition: all 50ms ease-out 0ms;
3886
+ margin-right: 2px;
3887
+ }
3888
+ }
3889
+
3890
+
3891
+ .E_lht19u8 {
3892
+ width: 64px;
3893
+ height: 64px;
3894
+ display: flex;
3895
+ align-items: center;
3896
+ justify-content: center;
3897
+ position: relative;
3898
+ opacity: 0.2;
3899
+ }
3900
+
3901
+ .E_lk3gkp4 {
3902
+ position: absolute;
3903
+ width: 5px;
3904
+ height: 48px;
3905
+ left: 9.33px;
3906
+ top: 40.5px;
3907
+
3908
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3909
+ border-radius: 5px;
3910
+ transform: rotate(-128deg);
3911
+ transform-origin: top left;
3912
+
3913
+ animation: loading-indicator1 1100ms ease-out infinite;
3875
3914
  }
3876
3915
 
3916
+ .E_ll4n94n {
3917
+ position: absolute;
3918
+ width: 5px;
3919
+ height: 48px;
3920
+ left: 40.8px;
3921
+ top: 8.4px;
3877
3922
 
3878
- .E_c1yd35n {
3879
- padding: 0 12px 14px 12px;
3923
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3924
+ border-radius: 5px;
3925
+ transform: rotate(-8deg);
3926
+ transform-origin: top left;
3927
+
3928
+ animation: loading-indicator2 1100ms ease-out infinite;
3880
3929
  }
3881
3930
 
3931
+ .E_l17lbdo6 {
3932
+ position: absolute;
3933
+ width: 5px;
3934
+ height: 48px;
3935
+ left: 52.9px;
3936
+ top: 51.8px;
3882
3937
 
3883
- .E_ckui4s7 {
3884
- color: $text-primary-light;
3885
- line-height: 22px;
3886
- display: inline-flex;
3887
- .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; } } }
3938
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3939
+ border-radius: 5px;
3940
+ transform: rotate(112deg);
3941
+ transform-origin: top left;
3942
+
3943
+ animation: loading-indicator3 1100ms ease-out infinite;
3888
3944
  }
3889
3945
 
3890
3946
 
@@ -4326,83 +4382,6 @@
4326
4382
  }
4327
4383
 
4328
4384
 
4329
- .E_r77hffu {
4330
- display: flex;
4331
- align-items: center;
4332
- justify-content: space-between;
4333
- column-gap: 6px;
4334
- }
4335
-
4336
- .E_p1cmxsf7 {
4337
- display: flex;
4338
- flex-direction: column;
4339
- justify-content: center;
4340
- row-gap: var(--p1cmxsf7-0);
4341
-
4342
- .antd5-progress-line {
4343
- font-size: 0;
4344
- margin-bottom: unset;
4345
- margin-inline-end: unset;
4346
- }
4347
- }
4348
-
4349
-
4350
- .E_lht19u8 {
4351
- width: 64px;
4352
- height: 64px;
4353
- display: flex;
4354
- align-items: center;
4355
- justify-content: center;
4356
- position: relative;
4357
- opacity: 0.2;
4358
- }
4359
-
4360
- .E_lk3gkp4 {
4361
- position: absolute;
4362
- width: 5px;
4363
- height: 48px;
4364
- left: 9.33px;
4365
- top: 40.5px;
4366
-
4367
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4368
- border-radius: 5px;
4369
- transform: rotate(-128deg);
4370
- transform-origin: top left;
4371
-
4372
- animation: loading-indicator1 1100ms ease-out infinite;
4373
- }
4374
-
4375
- .E_ll4n94n {
4376
- position: absolute;
4377
- width: 5px;
4378
- height: 48px;
4379
- left: 40.8px;
4380
- top: 8.4px;
4381
-
4382
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4383
- border-radius: 5px;
4384
- transform: rotate(-8deg);
4385
- transform-origin: top left;
4386
-
4387
- animation: loading-indicator2 1100ms ease-out infinite;
4388
- }
4389
-
4390
- .E_l17lbdo6 {
4391
- position: absolute;
4392
- width: 5px;
4393
- height: 48px;
4394
- left: 52.9px;
4395
- top: 51.8px;
4396
-
4397
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4398
- border-radius: 5px;
4399
- transform: rotate(112deg);
4400
- transform-origin: top left;
4401
-
4402
- animation: loading-indicator3 1100ms ease-out infinite;
4403
- }
4404
-
4405
-
4406
4385
  .E_sjob3jg {
4407
4386
  $item: ant-steps-item;
4408
4387
  --item-min-width: 60px;
@@ -4560,197 +4539,102 @@
4560
4539
  &:hover {
4561
4540
  background-color: $fill-neutral-trans-2;
4562
4541
  }
4563
- .#{$item}-title {
4564
- color: $text-neutral-primary !important;
4565
- }
4566
- }
4567
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4568
- .#{$item}-container:hover {
4569
- background-color: $fill-neutral-trans-2;
4570
- }
4571
- .#{$item}-container {
4572
- padding: 0 8px;
4573
- border-radius: 4px;
4574
- height: 32px;
4575
- display: flex;
4576
- align-items: center;
4577
- .#{$item}-content {
4578
- min-height: auto;
4579
- white-space: nowrap;
4580
- & .ant-steps-item-title {
4581
- font-size: 13px;
4582
- line-height: 20px;
4583
- max-width: 100%;
4584
- padding-right: 0;
4585
- }
4586
- }
4587
- }
4588
- .#{$item}-active {
4589
- .ant-steps-item-container {
4590
- background: rgba($blue-60, 0.1);
4591
- }
4592
- }
4593
- }
4594
- }
4595
-
4596
- .E_h6l1tj4 {
4597
- width: 100%;
4598
- display: inline-flex;
4599
- align-items: center;
4600
- justify-content: center;
4601
- column-gap: 4px;
4602
- .step-item-prefix-container {
4603
- display: inline-flex;
4604
- align-items: center;
4605
- width: 18px;
4606
- height: 18px;
4607
- color: $gray-a75-8;
4608
- justify-content: center;
4609
- }
4610
- }
4611
-
4612
- .E_v18frne8 {
4613
- width: 100%;
4614
- display: flex;
4615
- align-items: center;
4616
- justify-content: center;
4617
- column-gap: 6px;
4618
- font-size: 13px;
4619
- .step-item-prefix-container {
4620
- display: inline-flex;
4621
- align-items: center;
4622
- min-width: 20px;
4623
- min-height: 20px;
4624
- color: $gray-a75-8;
4625
- justify-content: center;
4626
- }
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
- }
4638
- }
4639
- }
4640
-
4641
-
4642
- .E_l1ucdodl {
4643
- $prefix: ui-kit-status-legend;
4644
- margin: 0;
4645
- border-radius: 20px;
4646
- padding: 2px 10px;
4647
- height: 22px;
4648
- display: flex;
4649
- align-items: center;
4650
-
4651
- &.ui-kit-status-legend.on-tint {
4652
- color: $text-neutral-ontint;
4653
- }
4654
- &.tag-hover {
4655
- cursor: pointer;
4656
- }
4657
-
4658
- &.#{$prefix} {
4659
- color: $text-neutral-primary;
4660
- .#{$prefix}-icon {
4661
- margin-right: 6px;
4662
- }
4663
- .#{$prefix}-number {
4664
- margin-left: 8px;
4665
- color: #2C385299;
4666
- &.#{$prefix}-number.on-tint {
4667
- color: $text-neutral-ontint;
4668
- }
4669
- }
4670
- &.eagle-legend-blue {
4671
- .#{$prefix}-icon {
4672
- background-color: $fill-outstanding-base;
4673
- }
4674
- }
4675
- &.eagle-legend-red {
4676
- .#{$prefix}-icon {
4677
- background-color: $fill-serious-base;
4678
- }
4679
- }
4680
- &.eagle-legend-yellow {
4681
- .#{$prefix}-icon {
4682
- background-color: $fill-notice-base;
4683
- }
4684
- }
4685
- &.eagle-legend-green {
4686
- .#{$prefix}-icon {
4687
- background-color: $fill-positive-base;
4542
+ .#{$item}-title {
4543
+ color: $text-neutral-primary !important;
4688
4544
  }
4689
4545
  }
4690
- &.eagle-legend-gray {
4691
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4692
- background-color: $gray-70;
4546
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4547
+ .#{$item}-container:hover {
4548
+ background-color: $fill-neutral-trans-2;
4549
+ }
4550
+ .#{$item}-container {
4551
+ padding: 0 8px;
4552
+ border-radius: 4px;
4553
+ height: 32px;
4554
+ display: flex;
4555
+ 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
+ }
4693
4565
  }
4694
4566
  }
4695
- &.eagle-legend-purple {
4696
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4697
- background-color: $purple-50;
4567
+ .#{$item}-active {
4568
+ .ant-steps-item-container {
4569
+ background: rgba($blue-60, 0.1);
4698
4570
  }
4699
4571
  }
4700
4572
  }
4701
4573
  }
4702
4574
 
4703
- .E_s1qj66nc {
4704
- width: 8px;
4705
- height: 8px;
4706
- border-radius: 50%;
4707
- display: inline-block;
4575
+ .E_h6l1tj4 {
4576
+ width: 100%;
4577
+ display: inline-flex;
4578
+ align-items: center;
4579
+ justify-content: center;
4580
+ column-gap: 4px;
4581
+ .step-item-prefix-container {
4582
+ display: inline-flex;
4583
+ align-items: center;
4584
+ width: 18px;
4585
+ height: 18px;
4586
+ color: $gray-a75-8;
4587
+ justify-content: center;
4588
+ }
4708
4589
  }
4709
4590
 
4710
- .E_s5x1boq {
4711
- width: 8px;
4712
- height: 8px;
4713
- border-radius: 2px;
4714
- display: inline-block;
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
+ }
4715
4606
  }
4716
4607
 
4717
- .E_c1xm185 {
4718
- color: #2C385299;
4719
- }
4720
-
4721
- .E_c1x5l5qc {
4722
- flex: 1;
4723
- }
4724
4608
 
4609
+ .E_r77hffu {
4610
+ display: flex;
4611
+ align-items: center;
4612
+ justify-content: space-between;
4613
+ column-gap: 6px;
4614
+ }
4725
4615
 
4726
- .E_slr2ynn {
4727
- padding: 0 8px;
4728
- height: 18px;
4729
- }
4616
+ .E_p1cmxsf7 {
4617
+ display: flex;
4618
+ flex-direction: column;
4619
+ justify-content: center;
4620
+ row-gap: var(--p1cmxsf7-0);
4730
4621
 
4731
- .E_m140wbb6 {
4732
- padding: 2px 8px;
4733
- height: 24px;
4622
+ .antd5-progress-line {
4623
+ font-size: 0;
4624
+ margin-bottom: unset;
4625
+ margin-inline-end: unset;
4734
4626
  }
4735
-
4736
- .E_t1fozc1i {
4737
- margin: 0;
4738
4627
  }
4739
4628
 
4740
- .E_i1vxv4ln {
4741
- margin-right: 4px;
4742
- height: 16px;
4743
- }
4744
4629
 
4745
- .E_n1afl31m {
4746
- &.ant-tag.ant-tag-gray {
4747
- font-weight: 700;
4748
- color: $text-neutral-primary;
4749
- background-color: $fill-neutral-trans-1;
4750
- border: 1px solid $stroke-neutral-trans-2;
4751
- word-break: break-all;
4752
- display: inline;
4753
- white-space: normal;
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
+ }
4754
4638
  }
4755
4639
  }
4756
4640
 
@@ -4972,12 +4856,128 @@
4972
4856
  }
4973
4857
 
4974
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
+
4975
4891
  .E_i1g85yz3 {
4976
4892
  margin-right: 4px;
4977
4893
  height: 16px;
4978
4894
  }
4979
4895
 
4980
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
4981
  .E_t13ef470 {
4982
4982
  height: 100%;
4983
4983
  .table-loading-item {
@@ -5473,11 +5473,6 @@
5473
5473
  }
5474
5474
 
5475
5475
 
5476
- .E_b1jaupqb {
5477
- color: #F0483E;
5478
- }
5479
-
5480
-
5481
5476
  .E_t59qhqp {
5482
5477
  background: #FFFFFF;
5483
5478
  padding: 24px 32px;
@@ -5533,6 +5528,11 @@
5533
5528
  }
5534
5529
 
5535
5530
 
5531
+ .E_b1jaupqb {
5532
+ color: #F0483E;
5533
+ }
5534
+
5535
+
5536
5536
  .E_s20iney {
5537
5537
  &.skeleton-box {
5538
5538
  display: flex;
@@ -5598,11 +5598,6 @@
5598
5598
  }
5599
5599
 
5600
5600
 
5601
- .E_t1616y1o {
5602
- color: $text-light-on-tint;
5603
- }
5604
-
5605
-
5606
5601
  .E_f16blduf {
5607
5602
  &.ant-form-item {
5608
5603
  margin-bottom: 0;
@@ -5629,6 +5624,11 @@
5629
5624
  }
5630
5625
 
5631
5626
 
5627
+ .E_t1616y1o {
5628
+ color: $text-light-on-tint;
5629
+ }
5630
+
5631
+
5632
5632
  .E_a9y3flr {
5633
5633
  margin-left: 8px;
5634
5634
  }
@@ -5639,6 +5639,19 @@
5639
5639
  }
5640
5640
 
5641
5641
 
5642
+ .E_i14c7jc8 {
5643
+ color: var(--i14c7jc8-0);
5644
+ }
5645
+
5646
+ .E_i1ibuolf {
5647
+ display: flex;
5648
+ align-items: center;
5649
+ column-gap: 4px;
5650
+ font-size: 12px;
5651
+ color: #2C3852BF;
5652
+ }
5653
+
5654
+
5642
5655
  .E_d1u4ndxc {
5643
5656
  color: #2C3852BF;
5644
5657
  font-size: 12px;
@@ -5677,19 +5690,6 @@
5677
5690
  }
5678
5691
 
5679
5692
 
5680
- .E_i14c7jc8 {
5681
- color: var(--i14c7jc8-0);
5682
- }
5683
-
5684
- .E_i1ibuolf {
5685
- display: flex;
5686
- align-items: center;
5687
- column-gap: 4px;
5688
- font-size: 12px;
5689
- color: #2C3852BF;
5690
- }
5691
-
5692
-
5693
5693
  .E_skwah65 {
5694
5694
  height: 8px;
5695
5695
  box-sizing: border-box;
@@ -5705,73 +5705,6 @@
5705
5705
  }
5706
5706
 
5707
5707
 
5708
- .E_s1ebs0ra {
5709
- display: flex;
5710
- align-items: center;
5711
- justify-content: space-between;
5712
- background: $backgrounds-light-grouped;
5713
- padding: 8px 12px;
5714
- position: sticky;
5715
- top: 0;
5716
- z-index: 1;
5717
- margin-bottom: -52px;
5718
-
5719
- .select-total {
5720
- display: flex;
5721
- align-items: center;
5722
- font-weight: 700;
5723
- flex-shrink: 0;
5724
-
5725
- .icon-wrapper {
5726
- cursor: pointer;
5727
- margin-left: 8px;
5728
- width: 32px;
5729
- height: 32px;
5730
- border-radius: 50%;
5731
- justify-content: center;
5732
-
5733
- &:hover {
5734
- background: $fills-light-trans-2;
5735
- }
5736
- }
5737
- }
5738
- .action-group {
5739
- flex: 1;
5740
- margin-left: 88px;
5741
- white-space: nowrap;
5742
- text-align: right;
5743
- position: relative;
5744
- padding: 4px 0;
5745
- margin-top: -4px;
5746
- overflow: hidden;
5747
- .sub-menu-delete {
5748
- transform: translateY(-4px);
5749
- }
5750
- button {
5751
- border: none;
5752
- }
5753
- > *:not(:last-child) {
5754
- margin-right: 8px;
5755
- }
5756
-
5757
- > button:last-child {
5758
- margin-right: 4px;
5759
- }
5760
- .more-btn {
5761
- cursor: pointer;
5762
- width: 32px;
5763
- height: 32px;
5764
- justify-content: center;
5765
- border-radius: 50%;
5766
-
5767
- &:hover {
5768
- background: $white;
5769
- }
5770
- }
5771
- }
5772
- }
5773
-
5774
-
5775
5708
  .E_c18bcrac {
5776
5709
  display: inline-block;
5777
5710
  width: 100%;
@@ -5830,12 +5763,186 @@
5830
5763
  .E_gmyahx3 {
5831
5764
  cursor: pointer;
5832
5765
 
5833
- .link-text {
5834
- color: $text-light-tertiary;
5835
- }
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
+ }
5853
+ }
5854
+ }
5855
+
5856
+ .E_cxhf7dh {
5857
+ text-align: center;
5858
+
5859
+ .dots {
5860
+ display: flex;
5861
+ justify-content: center;
5862
+ }
5863
+ .dot {
5864
+ display: inline-block;
5865
+ width: 2px;
5866
+ height: 2px;
5867
+ border-radius: 1px;
5868
+ background: $blue;
5869
+
5870
+ &:not(:last-child) {
5871
+ margin-right: 2px;
5872
+ }
5873
+ }
5874
+ .bar {
5875
+ width: 9px;
5876
+ height: 2px;
5877
+ background: $blue;
5878
+ border-radius: 2px;
5879
+ }
5880
+ }
5881
+
5882
+
5883
+ .E_s1ebs0ra {
5884
+ display: flex;
5885
+ align-items: center;
5886
+ justify-content: space-between;
5887
+ background: $backgrounds-light-grouped;
5888
+ padding: 8px 12px;
5889
+ position: sticky;
5890
+ top: 0;
5891
+ z-index: 1;
5892
+ margin-bottom: -52px;
5893
+
5894
+ .select-total {
5895
+ display: flex;
5896
+ align-items: center;
5897
+ font-weight: 700;
5898
+ flex-shrink: 0;
5899
+
5900
+ .icon-wrapper {
5901
+ cursor: pointer;
5902
+ margin-left: 8px;
5903
+ width: 32px;
5904
+ height: 32px;
5905
+ border-radius: 50%;
5906
+ justify-content: center;
5907
+
5908
+ &:hover {
5909
+ background: $fills-light-trans-2;
5910
+ }
5911
+ }
5912
+ }
5913
+ .action-group {
5914
+ flex: 1;
5915
+ margin-left: 88px;
5916
+ white-space: nowrap;
5917
+ text-align: right;
5918
+ position: relative;
5919
+ padding: 4px 0;
5920
+ margin-top: -4px;
5921
+ overflow: hidden;
5922
+ .sub-menu-delete {
5923
+ transform: translateY(-4px);
5924
+ }
5925
+ button {
5926
+ border: none;
5927
+ }
5928
+ > *:not(:last-child) {
5929
+ margin-right: 8px;
5930
+ }
5931
+
5932
+ > button:last-child {
5933
+ margin-right: 4px;
5934
+ }
5935
+ .more-btn {
5936
+ cursor: pointer;
5937
+ width: 32px;
5938
+ height: 32px;
5939
+ justify-content: center;
5940
+ border-radius: 50%;
5836
5941
 
5837
- &:hover .link-text {
5838
- color: $text-light-general;
5942
+ &:hover {
5943
+ background: $white;
5944
+ }
5945
+ }
5839
5946
  }
5840
5947
  }
5841
5948
 
@@ -6004,101 +6111,24 @@
6004
6111
  }
6005
6112
 
6006
6113
 
6007
- .E_clm1wy1 {
6008
- width: 192px;
6009
- height: 246px;
6010
- border-radius: 4px;
6011
-
6012
- > .ant-picker-calendar,
6013
- > .ant-picker-calendar .ant-picker-panel {
6014
- width: 100%;
6015
- background-color: rgba(245, 247, 250, 0.6);
6016
- border-top: none;
6017
-
6018
- .ant-picker-body {
6019
- padding: 0 16px;
6020
- }
6021
-
6022
- .ant-picker-content {
6023
- width: 100%;
6024
- height: 180px;
6025
- border-spacing: 0;
6026
-
6027
- thead {
6028
- margin-bottom: 8px;
6029
- }
6030
- th {
6031
- width: 22px;
6032
- }
6033
- td {
6034
- padding: 0;
6035
- }
6036
- }
6037
- }
6038
-
6039
- .ant-picker-cell {
6040
- color: rgba(62, 70, 82, 0.6);
6041
- opacity: 0.4;
6042
- }
6043
- .ant-picker-cell-in-view {
6044
- color: rgba(62, 70, 82, 0.6);
6045
- opacity: 1;
6046
- }
6047
- .ant-picker-cell-in-view > .active {
6048
- color: #3e4652;
6049
- }
6050
-
6051
- .ant-picker-cell::before {
6052
- pointer-events: none;
6053
- }
6054
- }
6055
-
6056
- .E_t1tsm00v {
6057
- color: rgba(129, 138, 153, 0.6);
6058
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6059
- backdrop-filter: blur(10px);
6060
- padding: 7px 10px;
6061
- }
6062
-
6063
- .E_c167wnad {
6064
- color: rgba(62, 70, 82, 0.6);
6114
+ .E_n12mqh7z {
6065
6115
  display: flex;
6066
- justify-content: space-between;
6067
6116
  align-items: center;
6068
- padding: 8px 16px;
6117
+ font-size: 12px;
6118
+ line-height: 18px;
6069
6119
 
6070
- .anticon {
6071
- cursor: pointer;
6072
- &:hover {
6073
- color: $blue;
6074
- }
6120
+ &:not(:last-child) {
6121
+ margin-bottom: 4px;
6075
6122
  }
6076
6123
  }
6077
6124
 
6078
- .E_cxhf7dh {
6079
- text-align: center;
6080
-
6081
- .dots {
6082
- display: flex;
6083
- justify-content: center;
6084
- }
6085
- .dot {
6086
- display: inline-block;
6087
- width: 2px;
6088
- height: 2px;
6089
- border-radius: 1px;
6090
- background: $blue;
6125
+ .E_tf5bynu {
6126
+ margin: 0 3px;
6127
+ }
6091
6128
 
6092
- &:not(:last-child) {
6093
- margin-right: 2px;
6094
- }
6095
- }
6096
- .bar {
6097
- width: 9px;
6098
- height: 2px;
6099
- background: $blue;
6100
- border-radius: 2px;
6101
- }
6129
+ .E_tcckoz1 {
6130
+ max-height: 400px;
6131
+ overflow: auto;
6102
6132
  }
6103
6133
 
6104
6134
 
@@ -6132,24 +6162,29 @@
6132
6162
  }
6133
6163
 
6134
6164
 
6135
- .E_n12mqh7z {
6165
+ .E_wg1tsps {
6136
6166
  display: flex;
6137
6167
  align-items: center;
6138
- font-size: 12px;
6139
- line-height: 18px;
6168
+ justify-content: flex-end;
6169
+ }
6140
6170
 
6141
- &:not(:last-child) {
6142
- margin-bottom: 4px;
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%;
6143
6179
  }
6144
6180
  }
6145
6181
 
6146
- .E_tf5bynu {
6147
- margin: 0 3px;
6148
- }
6182
+ .E_u1p8acpn {
6183
+ min-width: 40px;
6149
6184
 
6150
- .E_tcckoz1 {
6151
- max-height: 400px;
6152
- overflow: auto;
6185
+ .unit {
6186
+ color: $text-light-primary !important;
6187
+ }
6153
6188
  }
6154
6189
 
6155
6190
 
@@ -6286,121 +6321,21 @@
6286
6321
  flex: 1;
6287
6322
  overflow: hidden;
6288
6323
  white-space: nowrap;
6289
- text-overflow: ellipsis;
6290
- text-align: left;
6291
- }
6292
- }
6293
-
6294
-
6295
- .E_t1sqg15u {
6296
- background: white;
6297
-
6298
- &.inline {
6299
- .table-row {
6300
- flex-direction: column;
6301
-
6302
- > label {
6303
- padding: 0 16px 7px 0;
6304
- }
6305
- }
6306
- }
6307
-
6308
- &.has-border {
6309
- .table-header {
6310
- border-bottom: 1px solid $strokes-light-trans-1;
6311
- }
6312
-
6313
- .hiddenBorder {
6314
- border-top: none !important;
6315
- }
6316
-
6317
- .table-row + .table-row {
6318
- border-top: 1px solid $strokes-light-trans-1;
6319
- }
6320
-
6321
- .table-row:last-of-type {
6322
- padding-bottom: 0;
6323
- }
6324
- }
6325
-
6326
- &.align-right {
6327
- .content {
6328
- text-align: right;
6329
- }
6330
- }
6331
- .uuid-row {
6332
- display: flex;
6333
- justify-content: space-between;
6334
-
6335
- .id-text {
6336
- white-space: nowrap;
6337
- overflow: hidden;
6338
- text-overflow: ellipsis;
6339
- }
6340
- }
6341
- }
6342
-
6343
- .E_t4zczcp {
6344
- display: flex;
6345
- justify-content: space-between;
6346
- align-items: center;
6347
- padding: 8px;
6348
- min-height: 32px;
6349
-
6350
- .table-title {
6351
- color: $text-secondary-light;
6352
- font-weight: 600;
6353
- font-size: 12px;
6354
- line-height: 8px;
6355
- }
6356
-
6357
- .edit-icon {
6358
- font-size: 16px;
6359
- color: $strokes-translucent-2-light;
6360
- cursor: pointer;
6361
- }
6362
- }
6363
-
6364
- .E_t1s7goww {
6365
- font-size: 12px;
6366
- line-height: 18px;
6367
- }
6368
-
6369
- .E_t93e4cf {
6370
- display: flex;
6371
- padding: 8px 0;
6372
- color: $text-primary-light;
6373
-
6374
- .hidden {
6375
- display: none;
6376
- }
6377
-
6378
- .ant-btn.ant-btn-link {
6379
- height: auto;
6380
- }
6381
-
6382
- .content {
6383
- overflow: hidden;
6384
- overflow-x: auto;
6385
- width: 100%;
6386
- white-space: pre-wrap;
6387
-
6388
- .ant-btn {
6389
- white-space: pre-wrap;
6390
- text-align: left;
6391
- }
6392
-
6393
- .unit-chart {
6394
- justify-content: flex-start;
6395
- }
6324
+ text-overflow: ellipsis;
6325
+ text-align: left;
6396
6326
  }
6397
6327
  }
6398
6328
 
6399
- .E_rhz2uv5 {
6400
- width: var(--rhz2uv5-0);
6401
- flex-shrink: 0;
6402
- color: $text-secondary-light;
6403
- padding-right: 12px;
6329
+
6330
+ .E_s1iv0tp1 {
6331
+ .enabled-switch {
6332
+ display: flex;
6333
+ align-items: center;
6334
+ }
6335
+
6336
+ .enabled-text {
6337
+ margin-right: 8px;
6338
+ }
6404
6339
  }
6405
6340
 
6406
6341
 
@@ -6672,52 +6607,117 @@
6672
6607
  }
6673
6608
 
6674
6609
 
6675
- .E_tqjc4ui {
6676
- @at-root {
6677
- span#{&} {
6678
- margin: 0 2px;
6610
+ .E_t1sqg15u {
6611
+ background: white;
6612
+
6613
+ &.inline {
6614
+ .table-row {
6615
+ flex-direction: column;
6616
+
6617
+ > label {
6618
+ padding: 0 16px 7px 0;
6619
+ }
6679
6620
  }
6680
6621
  }
6681
- }
6682
6622
 
6623
+ &.has-border {
6624
+ .table-header {
6625
+ border-bottom: 1px solid $strokes-light-trans-1;
6626
+ }
6683
6627
 
6684
- .E_wg1tsps {
6685
- display: flex;
6686
- align-items: center;
6687
- justify-content: flex-end;
6628
+ .hiddenBorder {
6629
+ border-top: none !important;
6630
+ }
6631
+
6632
+ .table-row + .table-row {
6633
+ border-top: 1px solid $strokes-light-trans-1;
6634
+ }
6635
+
6636
+ .table-row:last-of-type {
6637
+ padding-bottom: 0;
6638
+ }
6639
+ }
6640
+
6641
+ &.align-right {
6642
+ .content {
6643
+ text-align: right;
6644
+ }
6645
+ }
6646
+ .uuid-row {
6647
+ display: flex;
6648
+ justify-content: space-between;
6649
+
6650
+ .id-text {
6651
+ white-space: nowrap;
6652
+ overflow: hidden;
6653
+ text-overflow: ellipsis;
6654
+ }
6655
+ }
6688
6656
  }
6689
6657
 
6690
- .E_b1ctd5xy {
6658
+ .E_t4zczcp {
6691
6659
  display: flex;
6660
+ justify-content: space-between;
6692
6661
  align-items: center;
6693
- width: calc(100% - 40px);
6662
+ padding: 8px;
6663
+ min-height: 32px;
6694
6664
 
6695
- .chart {
6696
- display: inline-block;
6697
- width: 100%;
6665
+ .table-title {
6666
+ color: $text-secondary-light;
6667
+ font-weight: 600;
6668
+ font-size: 12px;
6669
+ line-height: 8px;
6698
6670
  }
6699
- }
6700
-
6701
- .E_u1p8acpn {
6702
- min-width: 40px;
6703
6671
 
6704
- .unit {
6705
- color: $text-light-primary !important;
6672
+ .edit-icon {
6673
+ font-size: 16px;
6674
+ color: $strokes-translucent-2-light;
6675
+ cursor: pointer;
6706
6676
  }
6707
6677
  }
6708
6678
 
6679
+ .E_t1s7goww {
6680
+ font-size: 12px;
6681
+ line-height: 18px;
6682
+ }
6683
+
6684
+ .E_t93e4cf {
6685
+ display: flex;
6686
+ padding: 8px 0;
6687
+ color: $text-primary-light;
6709
6688
 
6710
- .E_s1iv0tp1 {
6711
- .enabled-switch {
6712
- display: flex;
6713
- align-items: center;
6689
+ .hidden {
6690
+ display: none;
6714
6691
  }
6715
6692
 
6716
- .enabled-text {
6717
- margin-right: 8px;
6693
+ .ant-btn.ant-btn-link {
6694
+ height: auto;
6695
+ }
6696
+
6697
+ .content {
6698
+ overflow: hidden;
6699
+ overflow-x: auto;
6700
+ width: 100%;
6701
+ white-space: pre-wrap;
6702
+
6703
+ .ant-btn {
6704
+ white-space: pre-wrap;
6705
+ text-align: left;
6706
+ }
6707
+
6708
+ .unit-chart {
6709
+ justify-content: flex-start;
6710
+ }
6718
6711
  }
6719
6712
  }
6720
6713
 
6714
+ .E_rhz2uv5 {
6715
+ width: var(--rhz2uv5-0);
6716
+ flex-shrink: 0;
6717
+ color: $text-secondary-light;
6718
+ padding-right: 12px;
6719
+ }
6720
+
6721
6721
 
6722
6722
  .E_cyms3br {
6723
6723
  background: #fff;
@@ -6945,6 +6945,16 @@
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
+
6948
6958
  .E_c1ss4prm {
6949
6959
  color: $text-light-secondary;
6950
6960
 
@@ -7006,6 +7016,57 @@
7006
7016
  }
7007
7017
 
7008
7018
 
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
+
7009
7070
  .E_c1kchka8 {
7010
7071
  height: 100%;
7011
7072
  width: 100%;
@@ -7604,64 +7665,3 @@
7604
7665
  }
7605
7666
  }
7606
7667
 
7607
-
7608
- .E_cevhqx7 {
7609
- color: $text-light-primary;
7610
- }
7611
-
7612
- .E_snbqlt4 {
7613
- margin-top: 8px;
7614
- color: $text-light-secondary;
7615
- }
7616
-
7617
-
7618
- .E_c14ouk5o {
7619
- width: 100%;
7620
- height: 100%;
7621
- display: flex;
7622
- font-size: 12px;
7623
- line-height: 18px;
7624
- padding: 8px 0;
7625
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7626
-
7627
- &:last-of-type {
7628
- box-shadow: none;
7629
- padding-bottom: 0;
7630
- }
7631
- &.collapsed {
7632
- flex-direction: column;
7633
-
7634
- .collapsed-content {
7635
- display: flex;
7636
-
7637
- > span {
7638
- flex: 1;
7639
- display: flex;
7640
- justify-content: space-between;
7641
- .ant-btn {
7642
- height: auto;
7643
- }
7644
- }
7645
- }
7646
- .extra-content {
7647
- margin-left: 162px;
7648
- }
7649
- }
7650
-
7651
- .col-label {
7652
- width: 216px;
7653
- color: $text-secondary-light;
7654
- margin-right: 12px;
7655
- flex-shrink: 0;
7656
- }
7657
-
7658
- .col-content {
7659
- color: $text-primary-light;
7660
-
7661
- /* make btn link in info row have the same height as normal text */
7662
- .ant-btn.ant-btn-link {
7663
- height: auto;
7664
- }
7665
- }
7666
- }
7667
-