@cloudtower/eagle 0.34.9 → 0.34.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/coreX/CheckPointList/index.js +39 -13
  2. package/dist/cjs/stats1.html +1 -1
  3. package/dist/components.css +2384 -2370
  4. package/dist/esm/coreX/CheckPointList/index.js +37 -12
  5. package/dist/esm/stats1.html +1 -1
  6. package/dist/linaria.merged.scss +2240 -2219
  7. package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +17 -1
  8. package/dist/stories/docs/core/MediumDialog.stories.d.ts +4 -0
  9. package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +1 -1
  10. package/dist/style.css +2384 -2370
  11. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -51,25 +51,6 @@
51
51
  }
52
52
 
53
53
 
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
54
  .E_d133fzv0 {
74
55
  .ant-dropdown-menu-item-group {
75
56
  .ant-dropdown-menu-item-group-title {
@@ -88,55 +69,6 @@
88
69
  }
89
70
 
90
71
 
91
- .E_b1nip9bk {
92
- padding: 4px 11px;
93
- }
94
-
95
- .E_bqamoqe {
96
- white-space: nowrap;
97
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
98
-
99
- & > .ant-btn {
100
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
101
- --color: #{$text-light-general};
102
-
103
- &[disabled],
104
- &:hover[disabled] {
105
- --color: #{$text-light-general};
106
- }
107
- }
108
- }
109
-
110
- & > .ant-btn:not(:only-child) {
111
- & + .ant-btn {
112
- margin-left: 1px;
113
- }
114
-
115
- &:first-child {
116
- border-top-right-radius: 0;
117
- border-bottom-right-radius: 0;
118
- }
119
-
120
- &:last-child {
121
- border-top-left-radius: 0;
122
- border-bottom-left-radius: 0;
123
- }
124
-
125
- &:not(:first-child, :last-child) {
126
- border-radius: unset;
127
- }
128
- }
129
- }
130
-
131
-
132
- .E_c1yyuluq {
133
- border-radius: 8px;
134
- .ant-card-body {
135
- padding: 20px 24px 24px 24px;
136
- }
137
- }
138
-
139
-
140
72
  .E_b1wx3t3t {
141
73
  &.ant-btn-icon-only {
142
74
  justify-content: center;
@@ -495,6 +427,25 @@
495
427
  }
496
428
 
497
429
 
430
+ .E_berrcjl {
431
+ color: $text-terdiary-light;
432
+ margin-bottom: 4px;
433
+
434
+ .breadcrumb-link {
435
+ color: $text-terdiary-light;
436
+ cursor: pointer;
437
+ transition: color 160ms ease;
438
+
439
+ &:hover {
440
+ color: $blue-60;
441
+ }
442
+ &:active {
443
+ color: $blue-80;
444
+ }
445
+ }
446
+ }
447
+
448
+
498
449
  .E_c1uzzomf {
499
450
  margin-bottom: 16px;
500
451
 
@@ -520,6 +471,47 @@
520
471
  }
521
472
 
522
473
 
474
+ .E_b1nip9bk {
475
+ padding: 4px 11px;
476
+ }
477
+
478
+ .E_bqamoqe {
479
+ white-space: nowrap;
480
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
481
+
482
+ & > .ant-btn {
483
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
484
+ --color: #{$text-light-general};
485
+
486
+ &[disabled],
487
+ &:hover[disabled] {
488
+ --color: #{$text-light-general};
489
+ }
490
+ }
491
+ }
492
+
493
+ & > .ant-btn:not(:only-child) {
494
+ & + .ant-btn {
495
+ margin-left: 1px;
496
+ }
497
+
498
+ &:first-child {
499
+ border-top-right-radius: 0;
500
+ border-bottom-right-radius: 0;
501
+ }
502
+
503
+ &:last-child {
504
+ border-top-left-radius: 0;
505
+ border-bottom-left-radius: 0;
506
+ }
507
+
508
+ &:not(:first-child, :last-child) {
509
+ border-radius: unset;
510
+ }
511
+ }
512
+ }
513
+
514
+
523
515
  .E_ccrbeuz {
524
516
  .ant-collapse-item {
525
517
  border: 0px;
@@ -552,6 +544,14 @@
552
544
  }
553
545
 
554
546
 
547
+ .E_c1yyuluq {
548
+ border-radius: 8px;
549
+ .ant-card-body {
550
+ padding: 20px 24px 24px 24px;
551
+ }
552
+ }
553
+
554
+
555
555
  .E_d1bw7c5z {
556
556
  position: relative;
557
557
  max-width: 388px;
@@ -643,13 +643,6 @@
643
643
  }
644
644
 
645
645
 
646
- .E_sx1bpnu {
647
- .ant-input-sm {
648
- line-height: 18px;
649
- }
650
- }
651
-
652
-
653
646
  .E_itxley7 {
654
647
  &.ant-input-group.ant-input-group-compact {
655
648
  display: flex;
@@ -705,6 +698,13 @@
705
698
  }
706
699
 
707
700
 
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
704
+ }
705
+ }
706
+
707
+
708
708
  .E_rapgekc {
709
709
  &.ant-radio-wrapper {
710
710
  display: inline-flex;
@@ -897,38 +897,6 @@
897
897
  }
898
898
 
899
899
 
900
- .E_i11gg7mj {
901
- .ant-input-prefix {
902
- margin-right: 8px;
903
- }
904
- .ant-input-suffix {
905
- margin-left: 8px;
906
- }
907
- }
908
-
909
- .E_cc368xp {
910
- color: $gray-120;
911
- border-right: 1px solid $gray-a60-5;
912
- margin-right: 8px;
913
- padding-right: 8px;
914
- }
915
-
916
- .E_i11o6xqj {
917
- display: flex;
918
- gap: 4px;
919
-
920
- .icon-wrapper {
921
- cursor: pointer;
922
- }
923
- }
924
-
925
- .E_d19ruhdj {
926
- &.icon-wrapper {
927
- cursor: not-allowed;
928
- }
929
- }
930
-
931
-
932
900
  .E_phljevk {
933
901
  display: flex;
934
902
  justify-content: space-between;
@@ -996,6 +964,38 @@
996
964
  }
997
965
 
998
966
 
967
+ .E_i11gg7mj {
968
+ .ant-input-prefix {
969
+ margin-right: 8px;
970
+ }
971
+ .ant-input-suffix {
972
+ margin-left: 8px;
973
+ }
974
+ }
975
+
976
+ .E_cc368xp {
977
+ color: $gray-120;
978
+ border-right: 1px solid $gray-a60-5;
979
+ margin-right: 8px;
980
+ padding-right: 8px;
981
+ }
982
+
983
+ .E_i11o6xqj {
984
+ display: flex;
985
+ gap: 4px;
986
+
987
+ .icon-wrapper {
988
+ cursor: pointer;
989
+ }
990
+ }
991
+
992
+ .E_d19ruhdj {
993
+ &.icon-wrapper {
994
+ cursor: not-allowed;
995
+ }
996
+ }
997
+
998
+
999
999
  .E_c1bus5hc {
1000
1000
  --color: white;
1001
1001
  height: 14px;
@@ -1040,13 +1040,6 @@
1040
1040
  }
1041
1041
 
1042
1042
 
1043
- .E_tju3gfj {
1044
- .date {
1045
- margin-right: 4px;
1046
- }
1047
- }
1048
-
1049
-
1050
1043
  .E_s1dizucg {
1051
1044
  &.ant-switch {
1052
1045
  min-width: 40px;
@@ -1107,25 +1100,121 @@
1107
1100
  }
1108
1101
 
1109
1102
 
1110
- .E_iq1gosr {
1111
- display: inline-block;
1103
+ .E_s1dni7lo {
1104
+ width: 430px !important;
1112
1105
  }
1113
1106
 
1114
-
1115
- .E_s1sck0th {
1116
- padding: 0 8px;
1117
- border-radius: 4px;
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;
1118
1116
  }
1117
+ }
1119
1118
 
1120
- .E_m855nr1 {
1121
- padding: 2px 8px;
1122
- border-radius: 3px;
1123
- }
1119
+ .E_o1ugr09p {
1120
+ display: flex;
1121
+ flex-direction: column;
1122
+ margin: 1px 8px;
1123
+ padding: 8px;
1124
+ border-radius: 4px;
1124
1125
 
1125
- .E_l1270xpg {
1126
- padding: 3px 8px;
1127
- border-radius: 2px;
1128
- }
1126
+ .selected-icon {
1127
+ display: none;
1128
+ }
1129
+
1130
+ &.ant-select-item-option-grouped {
1131
+ padding-left: 8px;
1132
+ }
1133
+
1134
+ &.ant-select-item-option-selected {
1135
+ background-color: white;
1136
+ .timezone-title {
1137
+ color: #0080ff;
1138
+ }
1139
+ .selected-icon {
1140
+ display: block;
1141
+ }
1142
+ }
1143
+
1144
+ &.ant-select-item-option-active {
1145
+ background: rgba(0, 136, 255, 0.16);
1146
+ .timezone-title {
1147
+ color: #0080ff;
1148
+ }
1149
+ .timezone-tag {
1150
+ background: rgba(0, 136, 255, 0.1);
1151
+ color: #0080ff;
1152
+ }
1153
+ }
1154
+ }
1155
+
1156
+ .E_o1ifxsq4 {
1157
+ display: flex;
1158
+ justify-content: space-between;
1159
+ height: 20px;
1160
+ line-height: 20px;
1161
+
1162
+ .timezone-title {
1163
+ color: #2d3a56;
1164
+ overflow: hidden;
1165
+ text-overflow: ellipsis;
1166
+ }
1167
+ }
1168
+
1169
+ .E_o1zue7 {
1170
+ display: flex;
1171
+ justify-content: space-between;
1172
+ color: $text-light-secondary;
1173
+ height: 18px;
1174
+ line-height: 18px;
1175
+ margin-top: 2px;
1176
+ }
1177
+
1178
+ .E_tyfmlxg {
1179
+ border: none;
1180
+ margin-right: 0;
1181
+ background: rgba(225, 230, 241, 0.6);
1182
+ }
1183
+
1184
+ .E_o18uybox {
1185
+ pointer-events: none;
1186
+ height: 32px;
1187
+ width: 100%;
1188
+ opacity: 0;
1189
+ }
1190
+
1191
+
1192
+ .E_iq1gosr {
1193
+ display: inline-block;
1194
+ }
1195
+
1196
+
1197
+ .E_tju3gfj {
1198
+ .date {
1199
+ margin-right: 4px;
1200
+ }
1201
+ }
1202
+
1203
+
1204
+ .E_s1sck0th {
1205
+ padding: 0 8px;
1206
+ border-radius: 4px;
1207
+ }
1208
+
1209
+ .E_m855nr1 {
1210
+ padding: 2px 8px;
1211
+ border-radius: 3px;
1212
+ }
1213
+
1214
+ .E_l1270xpg {
1215
+ padding: 3px 8px;
1216
+ border-radius: 2px;
1217
+ }
1129
1218
 
1130
1219
  .E_t14rextb {
1131
1220
  &.ant-tag:hover {
@@ -1198,6 +1287,101 @@
1198
1287
  }
1199
1288
 
1200
1289
 
1290
+ .E_t1m2x205 {
1291
+ .ant-tooltip-arrow {
1292
+ display: none;
1293
+ }
1294
+ .ant-tooltip-inner {
1295
+ background: $gray-a80-9;
1296
+ border-radius: 4px;
1297
+ &:has(.eagle-ellipsis-content) {
1298
+ visibility: hidden;
1299
+ }
1300
+ }
1301
+ }
1302
+
1303
+
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1317
+ }
1318
+ }
1319
+
1320
+
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1324
+
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1329
+ }
1330
+ .icon-inner + span,
1331
+ span + .icon-inner.suffix {
1332
+ margin-left: 4px;
1333
+ }
1334
+ &.is-rotate {
1335
+ img,
1336
+ svg {
1337
+ animation: rotate 680ms linear infinite;
1338
+ }
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_f7pxqmh {
1344
+ width: 100%;
1345
+ margin-bottom: 0 !important;
1346
+ flex-flow: nowrap !important;
1347
+ line-break: auto;
1348
+
1349
+ & > .ant-form-item-label {
1350
+ text-align: left !important;
1351
+ padding-bottom: 0 !important;
1352
+
1353
+ & > label {
1354
+ min-height: 32px;
1355
+ height: auto;
1356
+ font-size: 13px;
1357
+ color: rgba(44, 56, 82, 0.6);
1358
+ white-space: normal;
1359
+ }
1360
+ }
1361
+
1362
+ &.ant-form-item-has-error {
1363
+ .ant-input {
1364
+ border-color: #ff4d4f !important;
1365
+ }
1366
+ .ant-input-password {
1367
+ border-color: #ff4d4f !important;
1368
+ }
1369
+ }
1370
+
1371
+ .ant-form-item-explain {
1372
+ margin-top: 4px;
1373
+ font-size: 12px;
1374
+ min-height: 0px;
1375
+ }
1376
+
1377
+ .ant-form-item-extra {
1378
+ font-size: 12px;
1379
+ color: rgba(44, 56, 82, 0.6);
1380
+ min-height: 0px;
1381
+ }
1382
+ }
1383
+
1384
+
1201
1385
  .E_atcz0kf {
1202
1386
  .ant-input-suffix {
1203
1387
  margin-left: 8px;
@@ -1289,389 +1473,596 @@
1289
1473
  }
1290
1474
 
1291
1475
 
1292
- .E_t1m2x205 {
1293
- .ant-tooltip-arrow {
1294
- display: none;
1476
+ .E_a1wfy30z {
1477
+ .ant-input-number-handler-wrap {
1478
+ display: var(--a1wfy30z-0);
1295
1479
  }
1296
- .ant-tooltip-inner {
1297
- background: $gray-a80-9;
1298
- border-radius: 4px;
1299
- &:has(.eagle-ellipsis-content) {
1300
- visibility: hidden;
1301
- }
1480
+ .ant-input-number-input-wrap {
1481
+ padding: 4px 11px;
1482
+ display: inline-flex;
1483
+ line-height: 1.5715;
1484
+ height: inherit;
1302
1485
  }
1303
- }
1304
1486
 
1487
+ .ant-input-number-input-wrap::after {
1488
+ content: var(--a1wfy30z-1);
1489
+ display: var(--a1wfy30z-2);
1490
+ flex: none;
1491
+ align-items: center;
1492
+ margin-left: 4px;
1493
+ }
1305
1494
 
1306
- .E_s1dni7lo {
1307
- width: 430px !important;
1308
- }
1495
+ .ant-input-number-input-wrap::before {
1496
+ content: var(--a1wfy30z-3);
1497
+ display: var(--a1wfy30z-4);
1498
+ flex: none;
1499
+ align-items: center;
1500
+ margin-right: 4px;
1501
+ cursor: auto;
1502
+ }
1309
1503
 
1310
- .E_d1wwmmm5 {
1311
- .ant-select-item-group {
1312
- padding: 8px 16px;
1313
- line-height: 18px;
1314
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1315
- height: 34px;
1316
- min-height: 34px;
1317
- box-sizing: border-box;
1318
- margin-top: 8px;
1504
+ .ant-input-number-input {
1505
+ padding: 0;
1506
+ margin: 0;
1507
+ height: auto;
1508
+ font-size: inherit;
1319
1509
  }
1320
1510
  }
1321
1511
 
1322
- .E_o1ugr09p {
1323
- display: flex;
1324
- flex-direction: column;
1325
- margin: 1px 8px;
1326
- padding: 8px;
1327
- border-radius: 4px;
1328
1512
 
1329
- .selected-icon {
1330
- display: none;
1331
- }
1513
+ .E_i1inqkme {
1514
+ height: 18px;
1515
+ line-height: 18px;
1516
+ padding: 0 4px;
1517
+ border-radius: 4px;
1518
+ background: rgba(235, 239, 245, 0.6);
1519
+ border: 1px solid rgba(223, 228, 235, 0.6);
1520
+ display: flex;
1521
+ align-items: center;
1522
+ white-space: nowrap;
1523
+ margin-right: 4px;
1524
+ }
1332
1525
 
1333
- &.ant-select-item-option-grouped {
1334
- padding-left: 8px;
1335
- }
1336
1526
 
1337
- &.ant-select-item-option-selected {
1338
- background-color: white;
1339
- .timezone-title {
1340
- color: #0080ff;
1341
- }
1342
- .selected-icon {
1343
- display: block;
1344
- }
1345
- }
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1529
+ }
1346
1530
 
1347
- &.ant-select-item-option-active {
1348
- background: rgba(0, 136, 255, 0.16);
1349
- .timezone-title {
1350
- color: #0080ff;
1351
- }
1352
- .timezone-tag {
1353
- background: rgba(0, 136, 255, 0.1);
1354
- color: #0080ff;
1355
- }
1356
- }
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1534
+ }
1535
+
1536
+
1537
+ .E_m196gn1d {
1538
+ min-width: 1280px;
1539
+ }
1540
+
1541
+
1542
+ .E_a1b5xrg3 {
1543
+ .user-icon-inner {
1544
+ display: inline-flex;
1545
+ align-items: center;
1546
+ justify-content: center;
1547
+ color: $white;
1548
+ font-weight: bold;
1549
+ font-size: 12px;
1550
+ width: 24px;
1551
+ height: 24px;
1552
+ border-radius: 50%;
1553
+ background: var(--a1b5xrg3-0);
1357
1554
  }
1555
+ &.btn-item {
1556
+ transition: all 160ms ease;
1557
+ cursor: pointer;
1558
+ width: 56px;
1559
+ height: 40px;
1560
+ display: inline-flex;
1561
+ align-items: center;
1562
+ justify-content: center;
1563
+ border-radius: 6px;
1358
1564
 
1359
- .E_o1ifxsq4 {
1360
- display: flex;
1361
- justify-content: space-between;
1362
- height: 20px;
1363
- line-height: 20px;
1565
+ &:hover {
1566
+ box-shadow:
1567
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1568
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1569
+ }
1364
1570
 
1365
- .timezone-title {
1366
- color: #2d3a56;
1367
- overflow: hidden;
1368
- text-overflow: ellipsis;
1571
+ &:active {
1572
+ transform: translateY(2px);
1573
+ transition: all 320ms ease;
1369
1574
  }
1370
1575
  }
1576
+ }
1371
1577
 
1372
- .E_o1zue7 {
1373
- display: flex;
1374
- justify-content: space-between;
1375
- color: $text-light-secondary;
1376
- height: 18px;
1377
- line-height: 18px;
1378
- margin-top: 2px;
1379
- }
1380
1578
 
1381
- .E_tyfmlxg {
1382
- border: none;
1383
- margin-right: 0;
1384
- background: rgba(225, 230, 241, 0.6);
1579
+ .E_dsnbhzf {
1580
+ @include Inter(bold);
1581
+ font-size: 32px;
1582
+ line-height: 40px;
1385
1583
  }
1386
1584
 
1387
- .E_o18uybox {
1388
- pointer-events: none;
1389
- height: 32px;
1390
- width: 100%;
1391
- opacity: 0;
1585
+ .E_d1mvo22k {
1586
+ @include Inter(bold);
1587
+ font-size: 24px;
1588
+ line-height: 32px;
1392
1589
  }
1393
1590
 
1591
+ .E_d1b444tr {
1592
+ @include Inter();
1593
+ font-size: 32px;
1594
+ line-height: 40px;
1595
+ }
1394
1596
 
1395
- .E_i1inqkme {
1396
- height: 18px;
1397
- line-height: 18px;
1398
- padding: 0 4px;
1399
- border-radius: 4px;
1400
- background: rgba(235, 239, 245, 0.6);
1401
- border: 1px solid rgba(223, 228, 235, 0.6);
1402
- display: flex;
1403
- align-items: center;
1404
- white-space: nowrap;
1405
- margin-right: 4px;
1597
+ .E_dvs0kue {
1598
+ @include Inter(bold);
1599
+ font-size: 20px;
1600
+ line-height: 24px;
1406
1601
  }
1407
1602
 
1603
+ .E_d1hcbfcq {
1604
+ @include Inter();
1605
+ font-size: 20px;
1606
+ line-height: 24px;
1607
+ }
1408
1608
 
1409
- .E_fzh9mnb {
1410
- width: 100%;
1411
- height: 100%;
1412
- min-height: 124px;
1413
- display: flex;
1414
- flex-direction: column;
1415
- justify-content: center;
1416
- align-items: center;
1609
+ .E_d1cz922v {
1610
+ @include Inter(bold);
1611
+ font-size: 18px;
1612
+ line-height: 22px;
1613
+ }
1417
1614
 
1418
- .error-text {
1419
- color: $text-terdiary-light;
1420
- margin-bottom: 16px;
1421
- font-size: 18px;
1422
- }
1615
+ .E_d3nzbrm {
1616
+ @include Inter();
1617
+ font-size: 18px;
1618
+ line-height: 22px;
1423
1619
  }
1424
1620
 
1621
+ .E_h1g0p5ob {
1622
+ @include Inter(bold);
1623
+ font-size: 16px;
1624
+ line-height: 22px;
1625
+ }
1425
1626
 
1426
- .E_f7pxqmh {
1427
- width: 100%;
1428
- margin-bottom: 0 !important;
1429
- flex-flow: nowrap !important;
1430
- line-break: auto;
1627
+ .E_hydo2ej {
1628
+ @include Inter();
1629
+ font-size: 16px;
1630
+ line-height: 22px;
1631
+ }
1431
1632
 
1432
- & > .ant-form-item-label {
1433
- text-align: left !important;
1434
- padding-bottom: 0 !important;
1633
+ .E_h1hbuq0r {
1634
+ @include Inter(bold);
1635
+ font-size: 14px;
1636
+ line-height: 20px;
1637
+ }
1435
1638
 
1436
- & > label {
1437
- min-height: 32px;
1438
- height: auto;
1439
- font-size: 13px;
1440
- color: rgba(44, 56, 82, 0.6);
1441
- white-space: normal;
1442
- }
1443
- }
1639
+ .E_h13bondg {
1640
+ @include Inter();
1641
+ font-size: 14px;
1642
+ line-height: 20px;
1643
+ }
1444
1644
 
1445
- &.ant-form-item-has-error {
1446
- .ant-input {
1447
- border-color: #ff4d4f !important;
1448
- }
1449
- .ant-input-password {
1450
- border-color: #ff4d4f !important;
1451
- }
1452
- }
1645
+ .E_h1mhvdlx {
1646
+ @include Inter(bold);
1647
+ font-size: 12px;
1648
+ line-height: 18px;
1649
+ }
1453
1650
 
1454
- .ant-form-item-explain {
1455
- margin-top: 4px;
1456
- font-size: 12px;
1457
- min-height: 0px;
1458
- }
1651
+ .E_h1inmfq6 {
1652
+ @include Inter();
1653
+ font-size: 12px;
1654
+ line-height: 18px;
1655
+ }
1459
1656
 
1460
- .ant-form-item-extra {
1461
- font-size: 12px;
1462
- color: rgba(44, 56, 82, 0.6);
1463
- min-height: 0px;
1464
- }
1657
+ .E_h1kfc0la {
1658
+ @include Inter(bold);
1659
+ @include Uppercase();
1660
+ font-size: 12px;
1661
+ line-height: 18px;
1465
1662
  }
1466
1663
 
1664
+ .E_h10xnyuu {
1665
+ @include Inter();
1666
+ @include Uppercase();
1667
+ font-size: 12px;
1668
+ line-height: 18px;
1669
+ }
1467
1670
 
1468
- .E_owd0kml {
1469
- display: inline-block;
1671
+ .E_lrcmi0v {
1672
+ @include Inter();
1673
+ font-size: 16px;
1674
+ line-height: 24px;
1470
1675
  }
1471
1676
 
1472
- .E_h1jsgezc {
1473
- visibility: hidden;
1474
- position: absolute;
1677
+ .E_lzt43lp {
1678
+ @include Inter(bold);
1679
+ font-size: 16px;
1680
+ line-height: 24px;
1475
1681
  }
1476
1682
 
1683
+ .E_l5yc9nt {
1684
+ @include Inter();
1685
+ font-size: 16px;
1686
+ line-height: 24px;
1687
+ }
1477
1688
 
1478
- .E_a1wfy30z {
1479
- .ant-input-number-handler-wrap {
1480
- display: var(--a1wfy30z-0);
1481
- }
1482
- .ant-input-number-input-wrap {
1483
- padding: 4px 11px;
1484
- display: inline-flex;
1485
- line-height: 1.5715;
1486
- height: inherit;
1487
- }
1689
+ .E_l1fbkbzo {
1690
+ @include Inter(bold);
1691
+ font-size: 16px;
1692
+ line-height: 24px;
1693
+ }
1488
1694
 
1489
- .ant-input-number-input-wrap::after {
1490
- content: var(--a1wfy30z-1);
1491
- display: var(--a1wfy30z-2);
1492
- flex: none;
1493
- align-items: center;
1494
- margin-left: 4px;
1495
- }
1496
-
1497
- .ant-input-number-input-wrap::before {
1498
- content: var(--a1wfy30z-3);
1499
- display: var(--a1wfy30z-4);
1500
- flex: none;
1501
- align-items: center;
1502
- margin-right: 4px;
1503
- cursor: auto;
1504
- }
1505
-
1506
- .ant-input-number-input {
1507
- padding: 0;
1508
- margin: 0;
1509
- height: auto;
1510
- font-size: inherit;
1511
- }
1695
+ .E_lahvcax {
1696
+ @include Inter();
1697
+ @include Uppercase();
1698
+ font-size: 16px;
1699
+ line-height: 24px;
1512
1700
  }
1513
1701
 
1702
+ .E_l11q3pxd {
1703
+ @include Inter(bold);
1704
+ @include Uppercase();
1705
+ font-size: 16px;
1706
+ line-height: 24px;
1707
+ }
1514
1708
 
1515
- .E_iouxfgt {
1516
- display: inline-flex;
1517
- align-items: center;
1709
+ .E_lfuc2qu {
1710
+ @include Inter();
1711
+ font-size: 14px;
1712
+ line-height: 22px;
1713
+ }
1518
1714
 
1519
- .icon-inner {
1520
- display: inline-flex;
1521
- align-items: center;
1522
- justify-content: center;
1523
- }
1524
- .icon-inner + span,
1525
- span + .icon-inner.suffix {
1526
- margin-left: 4px;
1527
- }
1528
- &.is-rotate {
1529
- img,
1530
- svg {
1531
- animation: rotate 680ms linear infinite;
1532
- }
1533
- }
1715
+ .E_l1jmp8r0 {
1716
+ @include Inter(500);
1717
+ font-size: 14px;
1718
+ line-height: 22px;
1534
1719
  }
1535
1720
 
1721
+ .E_lcnm221 {
1722
+ @include Inter(bold);
1723
+ font-size: 14px;
1724
+ line-height: 22px;
1725
+ }
1536
1726
 
1537
- .E_m196gn1d {
1538
- min-width: 1280px;
1727
+ .E_lu1z2n5 {
1728
+ @include Inter();
1729
+ font-size: 14px;
1730
+ line-height: 22px;
1539
1731
  }
1540
1732
 
1733
+ .E_l1r59djn {
1734
+ @include Inter(bold);
1735
+ font-size: 14px;
1736
+ line-height: 22px;
1737
+ }
1541
1738
 
1542
- .E_cnujxq2 {
1543
- display: flex;
1544
- flex-direction: column;
1739
+ .E_ljm2911 {
1740
+ @include Inter();
1741
+ @include Uppercase();
1742
+ font-size: 14px;
1743
+ line-height: 22px;
1545
1744
  }
1546
1745
 
1547
- .E_m7s48ia {
1548
- max-width: 1120px;
1549
- width: 100%;
1550
- margin: 0 auto;
1551
- height: 100%;
1746
+ .E_l124mzmr {
1747
+ @include Inter(bold);
1748
+ @include Uppercase();
1749
+ font-size: 14px;
1750
+ line-height: 22px;
1552
1751
  }
1553
1752
 
1554
- .E_wt5zbg6 {
1555
- max-width: 1120px;
1556
- width: 100%;
1557
- margin: 0 auto;
1558
- display: flex;
1753
+ .E_lb3chel {
1754
+ @include Inter();
1755
+ font-size: 13px;
1756
+ line-height: 20px;
1757
+ }
1559
1758
 
1560
- .left,
1561
- .right {
1562
- flex-grow: 0;
1563
- flex-shrink: 0;
1564
- flex-basis: 21%;
1565
- }
1759
+ .E_lv9jstu {
1760
+ @include Inter(600);
1761
+ font-size: 13px;
1762
+ line-height: 20px;
1763
+ }
1566
1764
 
1567
- .left {
1568
- display: flex;
1569
- justify-content: flex-end;
1570
- padding-right: 44px;
1571
- }
1765
+ .E_lwqlh3x {
1766
+ @include Inter(bold);
1767
+ font-size: 13px;
1768
+ line-height: 20px;
1769
+ }
1572
1770
 
1573
- .right {
1574
- padding-left: 44px;
1575
- }
1771
+ .E_lalum9y {
1772
+ @include Inter();
1773
+ font-size: 13px;
1774
+ line-height: 20px;
1775
+ }
1576
1776
 
1577
- .middle {
1578
- margin-bottom: 40px;
1579
- flex-grow: 0;
1580
- flex-shrink: 0;
1581
- flex-basis: 58%;
1582
- overflow: hidden;
1583
- .form-base-field {
1584
- width: 100%;
1585
- .form-base-field {
1586
- width: auto;
1587
- }
1588
- }
1589
- }
1777
+ .E_l1t6dj5o {
1778
+ @include Inter(600);
1779
+ font-size: 13px;
1780
+ line-height: 20px;
1590
1781
  }
1591
1782
 
1592
- .E_h18jprzg {
1593
- .ant-modal-header {
1594
- margin: 0 auto;
1595
- width: 100%;
1596
- max-width: 648px;
1597
- }
1598
- .ant-modal-header .ant-modal-title {
1599
- margin-left: 0;
1600
- }
1601
- .ant-modal-body {
1602
- margin: 0 auto;
1603
- padding: 0;
1604
- width: 100%;
1605
- max-width: 648px;
1606
- overflow: hidden;
1607
- }
1608
- .ant-modal-body .horizontal-steps-wrapper {
1609
- margin-bottom: 40px;
1610
- }
1611
- .ant-modal-body .horizontal-content-wrapper {
1612
- height: calc(100vh - 225px);
1613
- overflow-y: auto;
1614
- }
1615
- .ant-modal-footer .footer-content {
1616
- margin: 0 auto;
1617
- max-width: 648px;
1618
- }
1783
+ .E_l12f6ic {
1784
+ @include Inter(bold);
1785
+ font-size: 13px;
1786
+ line-height: 20px;
1619
1787
  }
1620
1788
 
1621
- .E_h16z9xgz {
1622
- .ant-modal-header {
1623
- margin: 0 auto;
1624
- width: 100%;
1625
- max-width: 1024px;
1626
- }
1627
- .ant-modal-header .ant-modal-title {
1628
- margin-left: 0;
1629
- }
1630
- .ant-modal-body {
1631
- margin: 0 auto;
1632
- padding: 0;
1633
- width: 100%;
1634
- max-width: 1024px;
1635
- overflow: hidden;
1636
- }
1637
- .ant-modal-body .horizontal-steps-wrapper {
1638
- margin-bottom: 40px;
1639
- }
1640
- .ant-modal-body .horizontal-content-wrapper {
1641
- height: calc(100vh - 225px);
1642
- overflow-y: auto;
1643
- }
1644
- .ant-modal-footer .footer-content {
1645
- margin: 0 auto;
1646
- max-width: 1024px;
1647
- }
1789
+ .E_l7gmukq {
1790
+ @include Inter();
1791
+ @include Uppercase();
1792
+ font-size: 13px;
1793
+ line-height: 20px;
1648
1794
  }
1649
1795
 
1650
- .E_f1lrhghm {
1651
- flex: 1;
1796
+ .E_lkwl0yp {
1797
+ @include Inter(bold);
1798
+ @include Uppercase();
1799
+ font-size: 13px;
1800
+ line-height: 20px;
1801
+ }
1652
1802
 
1653
- label {
1654
- font-size: 13px;
1655
- line-height: 20px;
1656
- color: $text-secondary-light;
1657
- }
1803
+ .E_l10knv48 {
1804
+ @include Inter();
1805
+ font-size: 12px;
1806
+ line-height: 18px;
1807
+ }
1658
1808
 
1659
- .title {
1660
- font-size: 14px;
1661
- line-height: 20px;
1662
- color: $text-primary-light;
1663
- margin-bottom: 12px;
1664
- }
1809
+ .E_l6526ld {
1810
+ @include Inter(500);
1811
+ font-size: 12px;
1812
+ line-height: 18px;
1813
+ }
1665
1814
 
1666
- &.connect-cluster .title {
1667
- padding-bottom: 26px;
1668
- }
1815
+ .E_l1j81vli {
1816
+ @include Inter(bold);
1817
+ font-size: 12px;
1818
+ line-height: 18px;
1669
1819
  }
1670
1820
 
1671
- .E_f18ot8em {
1672
- padding: 25px 0 15px 0;
1673
- border-bottom: 1px solid #e1e5eb;
1674
- margin-bottom: 16px;
1821
+ .E_l1x7n1mk {
1822
+ @include Inter();
1823
+ font-size: 12px;
1824
+ line-height: 18px;
1825
+ }
1826
+
1827
+ .E_l9fqufz {
1828
+ @include Inter(500);
1829
+ font-size: 12px;
1830
+ line-height: 18px;
1831
+ }
1832
+
1833
+ .E_l1iwnybd {
1834
+ @include Inter(bold);
1835
+ font-size: 12px;
1836
+ line-height: 18px;
1837
+ }
1838
+
1839
+ .E_lprtm1e {
1840
+ @include Inter();
1841
+ @include Uppercase();
1842
+ font-size: 12px;
1843
+ line-height: 18px;
1844
+ }
1845
+
1846
+ .E_l1lln87h {
1847
+ @include Inter(bold);
1848
+ @include Uppercase();
1849
+ font-size: 12px;
1850
+ line-height: 18px;
1851
+ }
1852
+
1853
+ .E_f2pb48l {
1854
+ @include Inter();
1855
+ font-size: 13px;
1856
+ line-height: 20px;
1857
+ }
1858
+
1859
+ .E_fi9emkw {
1860
+ @include Inter();
1861
+ font-size: 13px;
1862
+ line-height: 20px;
1863
+ }
1864
+
1865
+ .E_f1nrg7da {
1866
+ @include Inter();
1867
+ font-size: 12px;
1868
+ line-height: 18px;
1869
+ }
1870
+
1871
+ .E_f17k1i3n {
1872
+ @include Inter();
1873
+ font-size: 12px;
1874
+ line-height: 18px;
1875
+ }
1876
+
1877
+ .E_t1tvuj2e {
1878
+ @include Inter();
1879
+ @include Monospace();
1880
+ font-size: 13px;
1881
+ line-height: 20px;
1882
+ }
1883
+
1884
+ .E_t17uajlu {
1885
+ @include Inter();
1886
+ @include Slashed();
1887
+ font-size: 13px;
1888
+ line-height: 20px;
1889
+ }
1890
+
1891
+ .E_t114zbyz {
1892
+ @include Inter();
1893
+ @include Monospace();
1894
+ font-size: 12px;
1895
+ line-height: 18px;
1896
+ }
1897
+
1898
+ .E_t1il0kvi {
1899
+ @include Inter(500);
1900
+ @include Monospace();
1901
+ font-size: 12px;
1902
+ line-height: 18px;
1903
+ }
1904
+
1905
+ .E_t10dv8p1 {
1906
+ @include Inter();
1907
+ @include Slashed();
1908
+ font-size: 12px;
1909
+ line-height: 18px;
1910
+ }
1911
+
1912
+ .E_tc2oqpq {
1913
+ @include Inter(500);
1914
+ @include Slashed();
1915
+ font-size: 12px;
1916
+ line-height: 18px;
1917
+ }
1918
+
1919
+ .E_tzvddmc {
1920
+ @include Inter(bold);
1921
+ @include Slashed();
1922
+ font-size: 16px;
1923
+ line-height: 24px;
1924
+ }
1925
+
1926
+ .E_u18llj45 {
1927
+ @include Inter();
1928
+ font-size: 10px;
1929
+ line-height: 12px;
1930
+ }
1931
+
1932
+
1933
+ .E_cnujxq2 {
1934
+ display: flex;
1935
+ flex-direction: column;
1936
+ }
1937
+
1938
+ .E_m7s48ia {
1939
+ max-width: 1120px;
1940
+ width: 100%;
1941
+ margin: 0 auto;
1942
+ height: 100%;
1943
+ }
1944
+
1945
+ .E_wt5zbg6 {
1946
+ max-width: 1120px;
1947
+ width: 100%;
1948
+ margin: 0 auto;
1949
+ display: flex;
1950
+
1951
+ .left,
1952
+ .right {
1953
+ flex-grow: 0;
1954
+ flex-shrink: 0;
1955
+ flex-basis: 21%;
1956
+ }
1957
+
1958
+ .left {
1959
+ display: flex;
1960
+ justify-content: flex-end;
1961
+ padding-right: 44px;
1962
+ }
1963
+
1964
+ .right {
1965
+ padding-left: 44px;
1966
+ }
1967
+
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
+ }
1979
+ }
1980
+ }
1981
+ }
1982
+
1983
+ .E_h18jprzg {
1984
+ .ant-modal-header {
1985
+ margin: 0 auto;
1986
+ width: 100%;
1987
+ max-width: 648px;
1988
+ }
1989
+ .ant-modal-header .ant-modal-title {
1990
+ margin-left: 0;
1991
+ }
1992
+ .ant-modal-body {
1993
+ margin: 0 auto;
1994
+ padding: 0;
1995
+ width: 100%;
1996
+ max-width: 648px;
1997
+ overflow: hidden;
1998
+ }
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
+ }
2011
+
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;
2020
+ }
2021
+ .ant-modal-body {
2022
+ margin: 0 auto;
2023
+ padding: 0;
2024
+ width: 100%;
2025
+ max-width: 1024px;
2026
+ overflow: hidden;
2027
+ }
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;
2034
+ }
2035
+ .ant-modal-footer .footer-content {
2036
+ margin: 0 auto;
2037
+ max-width: 1024px;
2038
+ }
2039
+ }
2040
+
2041
+ .E_f1lrhghm {
2042
+ flex: 1;
2043
+
2044
+ label {
2045
+ font-size: 13px;
2046
+ line-height: 20px;
2047
+ color: $text-secondary-light;
2048
+ }
2049
+
2050
+ .title {
2051
+ font-size: 14px;
2052
+ line-height: 20px;
2053
+ color: $text-primary-light;
2054
+ margin-bottom: 12px;
2055
+ }
2056
+
2057
+ &.connect-cluster .title {
2058
+ padding-bottom: 26px;
2059
+ }
2060
+ }
2061
+
2062
+ .E_f18ot8em {
2063
+ padding: 25px 0 15px 0;
2064
+ border-bottom: 1px solid #e1e5eb;
2065
+ margin-bottom: 16px;
1675
2066
  }
1676
2067
 
1677
2068
  .E_f1l1g2k0 {
@@ -2353,407 +2744,16 @@
2353
2744
  }
2354
2745
 
2355
2746
 
2356
- .E_dsnbhzf {
2357
- @include Inter(bold);
2358
- font-size: 32px;
2359
- line-height: 40px;
2360
- }
2361
-
2362
- .E_d1mvo22k {
2363
- @include Inter(bold);
2364
- font-size: 24px;
2365
- line-height: 32px;
2366
- }
2367
-
2368
- .E_d1b444tr {
2369
- @include Inter();
2370
- font-size: 32px;
2371
- line-height: 40px;
2372
- }
2373
-
2374
- .E_dvs0kue {
2375
- @include Inter(bold);
2376
- font-size: 20px;
2377
- line-height: 24px;
2378
- }
2379
-
2380
- .E_d1hcbfcq {
2381
- @include Inter();
2382
- font-size: 20px;
2383
- line-height: 24px;
2384
- }
2385
-
2386
- .E_d1cz922v {
2387
- @include Inter(bold);
2388
- font-size: 18px;
2389
- line-height: 22px;
2390
- }
2391
-
2392
- .E_d3nzbrm {
2393
- @include Inter();
2394
- font-size: 18px;
2395
- line-height: 22px;
2396
- }
2397
-
2398
- .E_h1g0p5ob {
2399
- @include Inter(bold);
2400
- font-size: 16px;
2401
- line-height: 22px;
2402
- }
2403
-
2404
- .E_hydo2ej {
2405
- @include Inter();
2406
- font-size: 16px;
2407
- line-height: 22px;
2408
- }
2409
-
2410
- .E_h1hbuq0r {
2411
- @include Inter(bold);
2412
- font-size: 14px;
2413
- line-height: 20px;
2414
- }
2415
-
2416
- .E_h13bondg {
2417
- @include Inter();
2418
- font-size: 14px;
2419
- line-height: 20px;
2420
- }
2421
-
2422
- .E_h1mhvdlx {
2423
- @include Inter(bold);
2424
- font-size: 12px;
2425
- line-height: 18px;
2426
- }
2427
-
2428
- .E_h1inmfq6 {
2429
- @include Inter();
2430
- font-size: 12px;
2431
- line-height: 18px;
2432
- }
2433
-
2434
- .E_h1kfc0la {
2435
- @include Inter(bold);
2436
- @include Uppercase();
2437
- font-size: 12px;
2438
- line-height: 18px;
2439
- }
2440
-
2441
- .E_h10xnyuu {
2442
- @include Inter();
2443
- @include Uppercase();
2444
- font-size: 12px;
2445
- line-height: 18px;
2446
- }
2447
-
2448
- .E_lrcmi0v {
2449
- @include Inter();
2450
- font-size: 16px;
2451
- line-height: 24px;
2452
- }
2453
-
2454
- .E_lzt43lp {
2455
- @include Inter(bold);
2456
- font-size: 16px;
2457
- line-height: 24px;
2458
- }
2459
-
2460
- .E_l5yc9nt {
2461
- @include Inter();
2462
- font-size: 16px;
2463
- line-height: 24px;
2464
- }
2465
-
2466
- .E_l1fbkbzo {
2467
- @include Inter(bold);
2468
- font-size: 16px;
2469
- line-height: 24px;
2470
- }
2471
-
2472
- .E_lahvcax {
2473
- @include Inter();
2474
- @include Uppercase();
2475
- font-size: 16px;
2476
- line-height: 24px;
2477
- }
2478
-
2479
- .E_l11q3pxd {
2480
- @include Inter(bold);
2481
- @include Uppercase();
2482
- font-size: 16px;
2483
- line-height: 24px;
2484
- }
2485
-
2486
- .E_lfuc2qu {
2487
- @include Inter();
2488
- font-size: 14px;
2489
- line-height: 22px;
2490
- }
2491
-
2492
- .E_l1jmp8r0 {
2493
- @include Inter(500);
2494
- font-size: 14px;
2495
- line-height: 22px;
2496
- }
2497
-
2498
- .E_lcnm221 {
2499
- @include Inter(bold);
2500
- font-size: 14px;
2501
- line-height: 22px;
2502
- }
2503
-
2504
- .E_lu1z2n5 {
2505
- @include Inter();
2506
- font-size: 14px;
2507
- line-height: 22px;
2508
- }
2509
-
2510
- .E_l1r59djn {
2511
- @include Inter(bold);
2512
- font-size: 14px;
2513
- line-height: 22px;
2514
- }
2515
-
2516
- .E_ljm2911 {
2517
- @include Inter();
2518
- @include Uppercase();
2519
- font-size: 14px;
2520
- line-height: 22px;
2521
- }
2522
-
2523
- .E_l124mzmr {
2524
- @include Inter(bold);
2525
- @include Uppercase();
2526
- font-size: 14px;
2527
- line-height: 22px;
2528
- }
2529
-
2530
- .E_lb3chel {
2531
- @include Inter();
2532
- font-size: 13px;
2533
- line-height: 20px;
2534
- }
2535
-
2536
- .E_lv9jstu {
2537
- @include Inter(600);
2538
- font-size: 13px;
2539
- line-height: 20px;
2540
- }
2541
-
2542
- .E_lwqlh3x {
2543
- @include Inter(bold);
2544
- font-size: 13px;
2545
- line-height: 20px;
2546
- }
2547
-
2548
- .E_lalum9y {
2549
- @include Inter();
2550
- font-size: 13px;
2551
- line-height: 20px;
2552
- }
2553
-
2554
- .E_l1t6dj5o {
2555
- @include Inter(600);
2556
- font-size: 13px;
2557
- line-height: 20px;
2558
- }
2559
-
2560
- .E_l12f6ic {
2561
- @include Inter(bold);
2562
- font-size: 13px;
2563
- line-height: 20px;
2564
- }
2565
-
2566
- .E_l7gmukq {
2567
- @include Inter();
2568
- @include Uppercase();
2569
- font-size: 13px;
2570
- line-height: 20px;
2571
- }
2572
-
2573
- .E_lkwl0yp {
2574
- @include Inter(bold);
2575
- @include Uppercase();
2576
- font-size: 13px;
2577
- line-height: 20px;
2578
- }
2579
-
2580
- .E_l10knv48 {
2581
- @include Inter();
2582
- font-size: 12px;
2583
- line-height: 18px;
2584
- }
2585
-
2586
- .E_l6526ld {
2587
- @include Inter(500);
2588
- font-size: 12px;
2589
- line-height: 18px;
2590
- }
2591
-
2592
- .E_l1j81vli {
2593
- @include Inter(bold);
2594
- font-size: 12px;
2595
- line-height: 18px;
2596
- }
2597
-
2598
- .E_l1x7n1mk {
2599
- @include Inter();
2600
- font-size: 12px;
2601
- line-height: 18px;
2602
- }
2603
-
2604
- .E_l9fqufz {
2605
- @include Inter(500);
2606
- font-size: 12px;
2607
- line-height: 18px;
2608
- }
2609
-
2610
- .E_l1iwnybd {
2611
- @include Inter(bold);
2612
- font-size: 12px;
2613
- line-height: 18px;
2614
- }
2615
-
2616
- .E_lprtm1e {
2617
- @include Inter();
2618
- @include Uppercase();
2619
- font-size: 12px;
2620
- line-height: 18px;
2621
- }
2622
-
2623
- .E_l1lln87h {
2624
- @include Inter(bold);
2625
- @include Uppercase();
2626
- font-size: 12px;
2627
- line-height: 18px;
2628
- }
2629
-
2630
- .E_f2pb48l {
2631
- @include Inter();
2632
- font-size: 13px;
2633
- line-height: 20px;
2634
- }
2635
-
2636
- .E_fi9emkw {
2637
- @include Inter();
2638
- font-size: 13px;
2639
- line-height: 20px;
2640
- }
2641
-
2642
- .E_f1nrg7da {
2643
- @include Inter();
2644
- font-size: 12px;
2645
- line-height: 18px;
2646
- }
2647
-
2648
- .E_f17k1i3n {
2649
- @include Inter();
2650
- font-size: 12px;
2651
- line-height: 18px;
2652
- }
2653
-
2654
- .E_t1tvuj2e {
2655
- @include Inter();
2656
- @include Monospace();
2657
- font-size: 13px;
2658
- line-height: 20px;
2659
- }
2660
-
2661
- .E_t17uajlu {
2662
- @include Inter();
2663
- @include Slashed();
2664
- font-size: 13px;
2665
- line-height: 20px;
2666
- }
2667
-
2668
- .E_t114zbyz {
2669
- @include Inter();
2670
- @include Monospace();
2671
- font-size: 12px;
2672
- line-height: 18px;
2673
- }
2674
-
2675
- .E_t1il0kvi {
2676
- @include Inter(500);
2677
- @include Monospace();
2678
- font-size: 12px;
2679
- line-height: 18px;
2680
- }
2681
-
2682
- .E_t10dv8p1 {
2683
- @include Inter();
2684
- @include Slashed();
2685
- font-size: 12px;
2686
- line-height: 18px;
2687
- }
2688
-
2689
- .E_tc2oqpq {
2690
- @include Inter(500);
2691
- @include Slashed();
2692
- font-size: 12px;
2693
- line-height: 18px;
2694
- }
2695
-
2696
- .E_tzvddmc {
2697
- @include Inter(bold);
2698
- @include Slashed();
2699
- font-size: 16px;
2700
- line-height: 24px;
2701
- }
2702
-
2703
- .E_u18llj45 {
2704
- @include Inter();
2705
- font-size: 10px;
2706
- line-height: 12px;
2707
- }
2708
-
2709
-
2710
- .E_a1b5xrg3 {
2711
- .user-icon-inner {
2712
- display: inline-flex;
2713
- align-items: center;
2714
- justify-content: center;
2715
- color: $white;
2716
- font-weight: bold;
2717
- font-size: 12px;
2718
- width: 24px;
2719
- height: 24px;
2720
- border-radius: 50%;
2721
- background: var(--a1b5xrg3-0);
2722
- }
2723
- &.btn-item {
2724
- transition: all 160ms ease;
2725
- cursor: pointer;
2726
- width: 56px;
2727
- height: 40px;
2728
- display: inline-flex;
2729
- align-items: center;
2730
- justify-content: center;
2731
- border-radius: 6px;
2732
-
2733
- &:hover {
2734
- box-shadow:
2735
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2736
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2737
- }
2738
-
2739
- &:active {
2740
- transform: translateY(2px);
2741
- transition: all 320ms ease;
2742
- }
2743
- }
2744
- }
2745
-
2746
-
2747
- .E_s4ivdfu {
2748
- &.ant-select {
2749
- .ant-select-selection-placeholder {
2750
- opacity: 1;
2751
- }
2752
-
2753
- &.select-loading-value {
2754
- pointer-events: none;
2755
- }
2756
- }
2747
+ .E_s4ivdfu {
2748
+ &.ant-select {
2749
+ .ant-select-selection-placeholder {
2750
+ opacity: 1;
2751
+ }
2752
+
2753
+ &.select-loading-value {
2754
+ pointer-events: none;
2755
+ }
2756
+ }
2757
2757
  }
2758
2758
 
2759
2759
  .E_sks9xr8 {
@@ -3075,6 +3075,22 @@
3075
3075
  }
3076
3076
 
3077
3077
 
3078
+ .E_w1dxz879 {
3079
+ display: flex;
3080
+ flex-direction: column;
3081
+ gap: 6px;
3082
+ .ellipsis-tooltip {
3083
+ max-height: var(--w1dxz879-0);
3084
+ text-overflow: clip;
3085
+ overflow: hidden;
3086
+ }
3087
+ .tips {
3088
+ color: #fff;
3089
+ opacity: 0.8;
3090
+ }
3091
+ }
3092
+
3093
+
3078
3094
  .E_suhck3k {
3079
3095
  height: 24px;
3080
3096
  width: 24px;
@@ -3091,23 +3107,6 @@
3091
3107
  }
3092
3108
 
3093
3109
 
3094
- .E_ryby9ds {
3095
- display: flex;
3096
- align-items: center;
3097
- .order {
3098
- height: 24px;
3099
- width: 24px;
3100
- border-radius: 20px;
3101
- color: $text-light-general;
3102
- background: $fill-light-element-container-outstanding;
3103
- display: flex;
3104
- align-items: center;
3105
- justify-content: center;
3106
- margin-right: 6px;
3107
- }
3108
- }
3109
-
3110
-
3111
3110
  .E_b1lj76ty {
3112
3111
  width: 100%;
3113
3112
  height: 100%;
@@ -3146,6 +3145,23 @@
3146
3145
  }
3147
3146
 
3148
3147
 
3148
+ .E_ryby9ds {
3149
+ display: flex;
3150
+ align-items: center;
3151
+ .order {
3152
+ height: 24px;
3153
+ width: 24px;
3154
+ border-radius: 20px;
3155
+ color: $text-light-general;
3156
+ background: $fill-light-element-container-outstanding;
3157
+ display: flex;
3158
+ align-items: center;
3159
+ justify-content: center;
3160
+ margin-right: 6px;
3161
+ }
3162
+ }
3163
+
3164
+
3149
3165
  .E_hrhfj7c {
3150
3166
  display: none;
3151
3167
  }
@@ -3338,30 +3354,11 @@
3338
3354
  }
3339
3355
 
3340
3356
 
3341
- .E_w1dxz879 {
3342
- display: flex;
3343
- flex-direction: column;
3344
- gap: 6px;
3345
- .ellipsis-tooltip {
3346
- max-height: var(--w1dxz879-0);
3347
- text-overflow: clip;
3348
- overflow: hidden;
3349
- }
3350
- .tips {
3351
- color: #fff;
3352
- opacity: 0.8;
3353
- }
3354
- }
3355
-
3356
-
3357
3357
  .E_m5foqp8 {
3358
3358
  --footer-height: 96px;
3359
- --header-height: 80px;
3360
3359
  --modal-content-width: 720px;
3361
3360
  --modal-content-min-height: 200px;
3362
- --modal-content-max-height: calc(
3363
- 100vh - 136px - var(--header-height) - var(--footer-height)
3364
- );
3361
+ --modal-content-max-height: calc(100vh - 136px);
3365
3362
  --modal-header-padding: 40px 60px 8px;
3366
3363
  --modal-content-padding-top: 24px;
3367
3364
  --modal-content-padding-bottom: 32px;
@@ -3757,125 +3754,36 @@
3757
3754
  &.__pseudo-states-hover {
3758
3755
  color: #0080FF;
3759
3756
  }
3760
-
3761
- &:active,
3762
- &.__pseudo-states-active {
3763
- color: #005ED1;
3764
- }
3765
-
3766
- &.ui-kit-link-disabled {
3767
- color: #00122E;
3768
- }
3769
- }
3770
-
3771
- &.ui-kit-link-secondary {
3772
- color: #2C3852BF;
3773
-
3774
- &:hover,
3775
- &.__pseudo-states-hover {
3776
- color: #0080FF;
3777
- }
3778
-
3779
- &:active,
3780
- &.__pseudo-states-active {
3781
- color: #005ED1;
3782
- }
3783
-
3784
- &.ui-kit-link-disabled {
3785
- color: #2C3852BF;
3786
- }
3787
- }
3788
- }
3789
- }
3790
- }
3791
-
3792
-
3793
- .E_sddwhm6 {
3794
- $prefix: ui-kit-status-capsule;
3795
- margin: 0;
3796
- border-radius: 20px;
3797
- padding: 2px 10px;
3798
- height: 22px;
3799
-
3800
- &.ant-tag.#{$prefix}.off-white {
3801
- background-color: $fill-neutral-trans-1 !important;
3802
- &.tag-hover:hover,
3803
- &.__pseudo-states-hover {
3804
- background-color: $fill-neutral-trans-2 !important;
3805
- }
3806
- }
3807
- &.ant-tag.#{$prefix} {
3808
- color: $text-neutral-primary;
3809
- .#{$prefix}-icon {
3810
- margin-right: 6px;
3811
- }
3812
- .#{$prefix}-number {
3813
- margin-left: 8px;
3814
- color: #2C385299;
3815
- }
3816
- &.ant-tag-blue {
3817
- background-color: $fill-outstanding-light;
3818
- .#{$prefix}-icon {
3819
- background-color: $fill-outstanding-base;
3820
- }
3821
- &.tag-hover:hover,
3822
- &.__pseudo-states-hover {
3823
- background-color: $fill-outstanding-light-hover;
3824
- }
3825
- }
3826
- &.ant-tag-red {
3827
- background-color: $fill-serious-light;
3828
- .#{$prefix}-icon {
3829
- background-color: $fill-serious-base;
3830
- }
3831
- &.tag-hover:hover,
3832
- &.__pseudo-states-hover {
3833
- background-color: $fill-serious-light-hover;
3834
- }
3835
- }
3836
- &.ant-tag-yellow {
3837
- background-color: $fill-notice-light;
3838
- .#{$prefix}-icon {
3839
- background-color: $fill-notice-base;
3840
- }
3841
- &.tag-hover:hover,
3842
- &.__pseudo-states-hover {
3843
- background-color: $fill-notice-light-hover;
3844
- }
3845
- }
3846
- &.ant-tag-green {
3847
- background-color: $fill-positive-light;
3848
- .#{$prefix}-icon {
3849
- background-color: $fill-positive-base;
3850
- }
3851
- &.tag-hover:hover,
3852
- &.__pseudo-states-hover {
3853
- background-color: $fill-positive-light-hover;
3854
- }
3855
- }
3856
- &.ant-tag-gray {
3857
- background-color: $fill-neutral-trans-2;
3858
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3859
- background-color: $gray-70;
3860
- }
3861
- &.tag-hover:hover,
3862
- &.__pseudo-states-hover {
3863
- background-color: $fill-neutral-trans-3-trans-2-hover;
3757
+
3758
+ &:active,
3759
+ &.__pseudo-states-active {
3760
+ color: #005ED1;
3761
+ }
3762
+
3763
+ &.ui-kit-link-disabled {
3764
+ color: #00122E;
3765
+ }
3864
3766
  }
3865
- }
3866
- }
3867
- }
3868
3767
 
3869
- .E_satwmqm {
3870
- width: 8px;
3871
- height: 8px;
3872
- border-radius: 50%;
3873
- display: inline-block;
3874
- }
3768
+ &.ui-kit-link-secondary {
3769
+ color: #2C3852BF;
3770
+
3771
+ &:hover,
3772
+ &.__pseudo-states-hover {
3773
+ color: #0080FF;
3774
+ }
3875
3775
 
3776
+ &:active,
3777
+ &.__pseudo-states-active {
3778
+ color: #005ED1;
3779
+ }
3876
3780
 
3877
- .E_c1yd35n {
3878
- padding: 0 12px 14px 12px;
3781
+ &.ui-kit-link-disabled {
3782
+ color: #2C3852BF;
3783
+ }
3784
+ }
3785
+ }
3786
+ }
3879
3787
  }
3880
3788
 
3881
3789
 
@@ -3927,6 +3835,11 @@
3927
3835
  }
3928
3836
 
3929
3837
 
3838
+ .E_c1yd35n {
3839
+ padding: 0 12px 14px 12px;
3840
+ }
3841
+
3842
+
3930
3843
  .E_ckui4s7 {
3931
3844
  color: $text-primary-light;
3932
3845
  line-height: 22px;
@@ -3962,304 +3875,87 @@
3962
3875
  }
3963
3876
 
3964
3877
 
3965
- .E_lht19u8 {
3966
- width: 64px;
3967
- height: 64px;
3968
- display: flex;
3969
- align-items: center;
3970
- justify-content: center;
3971
- position: relative;
3972
- opacity: 0.2;
3973
- }
3974
-
3975
- .E_lk3gkp4 {
3976
- position: absolute;
3977
- width: 5px;
3978
- height: 48px;
3979
- left: 9.33px;
3980
- top: 40.5px;
3981
-
3982
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3983
- border-radius: 5px;
3984
- transform: rotate(-128deg);
3985
- transform-origin: top left;
3986
-
3987
- animation: loading-indicator1 1100ms ease-out infinite;
3988
- }
3989
-
3990
- .E_ll4n94n {
3991
- position: absolute;
3992
- width: 5px;
3993
- height: 48px;
3994
- left: 40.8px;
3995
- top: 8.4px;
3996
-
3997
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3998
- border-radius: 5px;
3999
- transform: rotate(-8deg);
4000
- transform-origin: top left;
4001
-
4002
- animation: loading-indicator2 1100ms ease-out infinite;
4003
- }
4004
-
4005
- .E_l17lbdo6 {
4006
- position: absolute;
4007
- width: 5px;
4008
- height: 48px;
4009
- left: 52.9px;
4010
- top: 51.8px;
4011
-
4012
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4013
- border-radius: 5px;
4014
- transform: rotate(112deg);
4015
- transform-origin: top left;
4016
-
4017
- animation: loading-indicator3 1100ms ease-out infinite;
4018
- }
4019
-
3878
+ .E_sddwhm6 {
3879
+ $prefix: ui-kit-status-capsule;
3880
+ margin: 0;
3881
+ border-radius: 20px;
3882
+ padding: 2px 10px;
3883
+ height: 22px;
4020
3884
 
4021
- .E_sjob3jg {
4022
- $item: ant-steps-item;
4023
- --item-min-width: 60px;
4024
- .#{$item} {
4025
- &-tail,
4026
- &-icon {
4027
- display: none !important;
4028
- }
4029
- }
4030
- .#{$item}.#{$item}-active {
4031
- flex-shrink: 0 !important;
4032
- .step-item-prefix-container {
4033
- color: $text-colorful-outstanding;
4034
- }
4035
- .#{$item}-container .#{$item}-content .#{$item}-title {
4036
- color: $text-colorful-outstanding;
4037
- font-weight: normal;
3885
+ &.ant-tag.#{$prefix}.off-white {
3886
+ background-color: $fill-neutral-trans-1 !important;
3887
+ &.tag-hover:hover,
3888
+ &.__pseudo-states-hover {
3889
+ background-color: $fill-neutral-trans-2 !important;
4038
3890
  }
4039
3891
  }
4040
- .#{$item}.#{$item}-finish {
4041
- .#{$item}-container .#{$item}-content .#{$item}-title,
4042
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4043
- color: $text-neutral-tertiary;
3892
+ &.ant-tag.#{$prefix} {
3893
+ color: $text-neutral-primary;
3894
+ .#{$prefix}-icon {
3895
+ margin-right: 6px;
4044
3896
  }
4045
- }
4046
- .#{$item}.#{$item}-wait {
4047
- .#{$item}-container .#{$item}-content .#{$item}-title {
4048
- color: $text-neutral-primary;
3897
+ .#{$prefix}-number {
3898
+ margin-left: 8px;
3899
+ color: #2C385299;
4049
3900
  }
4050
- }
4051
- .step-item-text {
4052
- display: inline-block;
4053
- }
4054
- .step-item-title {
4055
- overflow: hidden;
4056
- white-space: nowrap;
4057
- text-overflow: ellipsis;
4058
- }
4059
- }
4060
-
4061
- .E_hjvj6s6 {
4062
- $item: ant-steps-item;
4063
- @mixin rightTriangle($color: $fills-light-trans-1) {
4064
- content: "";
4065
- width: 0;
4066
- height: 0;
4067
- border: 13px solid transparent;
4068
- position: absolute;
4069
- top: 0;
4070
- border-left: 8px solid $color;
4071
- }
4072
- .#{$item}-container {
4073
- min-width: var(--item-min-width);
4074
- }
4075
- .#{$item}-disabled {
4076
- cursor: not-allowed !important;
4077
- }
4078
- .ant-steps-horizontal.ant-steps-label-horizontal {
4079
- flex-direction: row;
4080
- justify-content: stretch;
4081
- .#{$item} {
4082
- padding: 0;
4083
- margin-right: 4px;
4084
- flex: 1;
4085
- overflow: visible;
4086
- .#{$item}-content {
4087
- width: 100%;
4088
- min-height: unset;
4089
- .#{$item}-title {
4090
- height: 26px;
4091
- line-height: 26px;
4092
- width: 100%;
4093
- padding: 0;
4094
- font-size: 12px;
4095
- .step-count {
4096
- margin-right: 10px;
4097
- }
4098
- &::after {
4099
- display: none;
4100
- }
4101
- }
4102
- }
4103
- &:first-child {
4104
- .#{$item}-container {
4105
- padding-left: 8px;
4106
- padding-right: 4px;
4107
- border-radius: 4px 0 0 4px;
4108
- }
4109
- }
4110
- &:last-child {
4111
- margin-right: 0;
4112
- .#{$item}-container {
4113
- padding-right: 8px;
4114
- padding-left: 12px;
4115
- border-radius: 0 4px 4px 0;
4116
- }
4117
- }
4118
- &:not(&:last-child) {
4119
- &::after {
4120
- @include rightTriangle();
4121
- z-index: 2;
4122
- position: relative;
4123
- top: -50%;
4124
- right: -100%;
4125
- }
4126
- }
4127
- &:not(:first-child):not(:last-child) {
4128
- .#{$item}-container {
4129
- padding: 0 4px 0 12px;
4130
- }
3901
+ &.ant-tag-blue {
3902
+ background-color: $fill-outstanding-light;
3903
+ .#{$prefix}-icon {
3904
+ background-color: $fill-outstanding-base;
4131
3905
  }
4132
- &:not(&:first-child) {
4133
- &::before {
4134
- @include rightTriangle(#fff);
4135
- left: 0;
4136
- }
3906
+ &.tag-hover:hover,
3907
+ &.__pseudo-states-hover {
3908
+ background-color: $fill-outstanding-light-hover;
4137
3909
  }
4138
3910
  }
4139
- .#{$item}-active {
4140
- max-width: calc(100% - var(--item-min-width) * 2);
4141
- .#{$item}-container {
4142
- background-color: $fills-light-general-general-light;
3911
+ &.ant-tag-red {
3912
+ background-color: $fill-serious-light;
3913
+ .#{$prefix}-icon {
3914
+ background-color: $fill-serious-base;
4143
3915
  }
4144
- &::after {
4145
- border-left-color: $fills-light-general-general-light !important;
3916
+ &.tag-hover:hover,
3917
+ &.__pseudo-states-hover {
3918
+ background-color: $fill-serious-light-hover;
4146
3919
  }
4147
3920
  }
4148
- .#{$item}-finish {
4149
- cursor: pointer;
4150
- min-width: var(--item-min-width);
4151
- }
4152
- .#{$item}-wait,
4153
- .#{$item}-finish {
4154
- min-width: var(--item-min-width);
4155
- .#{$item}-container {
4156
- background-color: $fills-light-trans-1;
3921
+ &.ant-tag-yellow {
3922
+ background-color: $fill-notice-light;
3923
+ .#{$prefix}-icon {
3924
+ background-color: $fill-notice-base;
3925
+ }
3926
+ &.tag-hover:hover,
3927
+ &.__pseudo-states-hover {
3928
+ background-color: $fill-notice-light-hover;
4157
3929
  }
4158
3930
  }
4159
- }
4160
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4161
- .ant-steps-vertical
4162
- )
4163
- .#{$item} {
4164
- padding: 0;
4165
- }
4166
- }
4167
-
4168
- .E_v4tv3mf {
4169
- $item: ant-steps-item;
4170
- .ant-steps.ant-steps-vertical {
4171
- width: 192px;
4172
- row-gap: 2px;
4173
-
4174
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4175
- &:hover {
4176
- background-color: $fill-neutral-trans-2;
3931
+ &.ant-tag-green {
3932
+ background-color: $fill-positive-light;
3933
+ .#{$prefix}-icon {
3934
+ background-color: $fill-positive-base;
4177
3935
  }
4178
- .#{$item}-title {
4179
- color: $text-neutral-primary !important;
3936
+ &.tag-hover:hover,
3937
+ &.__pseudo-states-hover {
3938
+ background-color: $fill-positive-light-hover;
4180
3939
  }
4181
3940
  }
4182
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4183
- .#{$item}-container:hover {
3941
+ &.ant-tag-gray {
4184
3942
  background-color: $fill-neutral-trans-2;
4185
- }
4186
- .#{$item}-container {
4187
- padding: 0 8px;
4188
- border-radius: 4px;
4189
- height: 32px;
4190
- display: flex;
4191
- align-items: center;
4192
- .#{$item}-content {
4193
- min-height: auto;
4194
- white-space: nowrap;
4195
- & .ant-steps-item-title {
4196
- font-size: 13px;
4197
- line-height: 20px;
4198
- max-width: 100%;
4199
- padding-right: 0;
4200
- }
3943
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3944
+ background-color: $gray-70;
4201
3945
  }
4202
- }
4203
- .#{$item}-active {
4204
- .ant-steps-item-container {
4205
- background: rgba($blue-60, 0.1);
3946
+ &.tag-hover:hover,
3947
+ &.__pseudo-states-hover {
3948
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4206
3949
  }
4207
3950
  }
4208
3951
  }
4209
3952
  }
4210
3953
 
4211
- .E_h6l1tj4 {
4212
- width: 100%;
4213
- display: inline-flex;
4214
- align-items: center;
4215
- justify-content: center;
4216
- column-gap: 4px;
4217
- .step-item-prefix-container {
4218
- display: inline-flex;
4219
- align-items: center;
4220
- width: 18px;
4221
- height: 18px;
4222
- color: $gray-a75-8;
4223
- justify-content: center;
4224
- }
4225
- }
4226
-
4227
- .E_v18frne8 {
4228
- width: 100%;
4229
- display: flex;
4230
- align-items: center;
4231
- justify-content: center;
4232
- column-gap: 6px;
4233
- font-size: 13px;
4234
- .step-item-prefix-container {
4235
- display: inline-flex;
4236
- align-items: center;
4237
- min-width: 20px;
4238
- min-height: 20px;
4239
- color: $gray-a75-8;
4240
- justify-content: center;
4241
- }
4242
- }
4243
-
4244
-
4245
- .E_r77hffu {
4246
- display: flex;
4247
- align-items: center;
4248
- justify-content: space-between;
4249
- column-gap: 6px;
4250
- }
4251
-
4252
- .E_p1cmxsf7 {
4253
- display: flex;
4254
- flex-direction: column;
4255
- justify-content: center;
4256
- row-gap: var(--p1cmxsf7-0);
4257
-
4258
- .antd5-progress-line {
4259
- font-size: 0;
4260
- margin-bottom: unset;
4261
- margin-inline-end: unset;
4262
- }
3954
+ .E_satwmqm {
3955
+ width: 8px;
3956
+ height: 8px;
3957
+ border-radius: 50%;
3958
+ display: inline-block;
4263
3959
  }
4264
3960
 
4265
3961
 
@@ -4663,40 +4359,161 @@
4663
4359
  vertical-align: middle;
4664
4360
  }
4665
4361
 
4666
- .table-default-empty,
4667
- .ant-table-expanded-row-fixed {
4668
- font-weight: bold;
4669
- font-size: 20px;
4670
- color: $text-terdiary-light;
4671
- }
4672
- }
4673
- th.ant-table-cell-scrollbar,
4674
- th.cell__action_ {
4675
- z-index: 10;
4676
- }
4677
- td.cell__action_ {
4678
- padding: 0 !important;
4679
- position: relative;
4680
- background: $white;
4681
- > * {
4682
- height: 100%;
4683
- display: flex;
4684
- align-items: center;
4685
- justify-content: flex-end;
4686
- padding-right: 8px;
4687
- }
4688
- .menu-button {
4689
- width: 24px;
4690
- height: 24px;
4691
- cursor: pointer;
4692
- justify-content: center;
4693
- border-radius: 4px;
4362
+ .table-default-empty,
4363
+ .ant-table-expanded-row-fixed {
4364
+ font-weight: bold;
4365
+ font-size: 20px;
4366
+ color: $text-terdiary-light;
4367
+ }
4368
+ }
4369
+ th.ant-table-cell-scrollbar,
4370
+ th.cell__action_ {
4371
+ z-index: 10;
4372
+ }
4373
+ td.cell__action_ {
4374
+ padding: 0 !important;
4375
+ position: relative;
4376
+ background: $white;
4377
+ > * {
4378
+ height: 100%;
4379
+ display: flex;
4380
+ align-items: center;
4381
+ justify-content: flex-end;
4382
+ padding-right: 8px;
4383
+ }
4384
+ .menu-button {
4385
+ width: 24px;
4386
+ height: 24px;
4387
+ cursor: pointer;
4388
+ justify-content: center;
4389
+ border-radius: 4px;
4390
+
4391
+ &:hover {
4392
+ background: $white;
4393
+ }
4394
+ }
4395
+ }
4396
+ }
4397
+ }
4398
+
4399
+
4400
+ .E_lht19u8 {
4401
+ width: 64px;
4402
+ height: 64px;
4403
+ display: flex;
4404
+ align-items: center;
4405
+ justify-content: center;
4406
+ position: relative;
4407
+ opacity: 0.2;
4408
+ }
4409
+
4410
+ .E_lk3gkp4 {
4411
+ position: absolute;
4412
+ width: 5px;
4413
+ height: 48px;
4414
+ left: 9.33px;
4415
+ top: 40.5px;
4416
+
4417
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4418
+ border-radius: 5px;
4419
+ transform: rotate(-128deg);
4420
+ transform-origin: top left;
4421
+
4422
+ animation: loading-indicator1 1100ms ease-out infinite;
4423
+ }
4424
+
4425
+ .E_ll4n94n {
4426
+ position: absolute;
4427
+ width: 5px;
4428
+ height: 48px;
4429
+ left: 40.8px;
4430
+ top: 8.4px;
4431
+
4432
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4433
+ border-radius: 5px;
4434
+ transform: rotate(-8deg);
4435
+ transform-origin: top left;
4436
+
4437
+ animation: loading-indicator2 1100ms ease-out infinite;
4438
+ }
4439
+
4440
+ .E_l17lbdo6 {
4441
+ position: absolute;
4442
+ width: 5px;
4443
+ height: 48px;
4444
+ left: 52.9px;
4445
+ top: 51.8px;
4446
+
4447
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4448
+ border-radius: 5px;
4449
+ transform: rotate(112deg);
4450
+ transform-origin: top left;
4451
+
4452
+ animation: loading-indicator3 1100ms ease-out infinite;
4453
+ }
4454
+
4455
+
4456
+ .E_w7ob4th {
4457
+ &.outside-tag {
4458
+ padding-left: 0;
4459
+ .inside-tag {
4460
+ border-radius: 4px 0 0 4px;
4461
+ padding-right: 4px;
4462
+ margin-right: 4px;
4463
+ }
4464
+ }
4465
+ }
4466
+
4467
+
4468
+ .E_r77hffu {
4469
+ display: flex;
4470
+ align-items: center;
4471
+ justify-content: space-between;
4472
+ column-gap: 6px;
4473
+ }
4474
+
4475
+ .E_p1cmxsf7 {
4476
+ display: flex;
4477
+ flex-direction: column;
4478
+ justify-content: center;
4479
+ row-gap: var(--p1cmxsf7-0);
4480
+
4481
+ .antd5-progress-line {
4482
+ font-size: 0;
4483
+ margin-bottom: unset;
4484
+ margin-inline-end: unset;
4485
+ }
4486
+ }
4487
+
4488
+
4489
+ .E_slr2ynn {
4490
+ padding: 0 8px;
4491
+ height: 18px;
4492
+ }
4493
+
4494
+ .E_m140wbb6 {
4495
+ padding: 2px 8px;
4496
+ height: 24px;
4497
+ }
4498
+
4499
+ .E_t1fozc1i {
4500
+ margin: 0;
4501
+ }
4694
4502
 
4695
- &:hover {
4696
- background: $white;
4697
- }
4698
- }
4699
- }
4503
+ .E_i1vxv4ln {
4504
+ margin-right: 4px;
4505
+ height: 16px;
4506
+ }
4507
+
4508
+ .E_n1afl31m {
4509
+ &.ant-tag.ant-tag-gray {
4510
+ font-weight: 700;
4511
+ color: $text-neutral-primary;
4512
+ background-color: $fill-neutral-trans-1;
4513
+ border: 1px solid $stroke-neutral-trans-2;
4514
+ word-break: break-all;
4515
+ display: inline;
4516
+ white-space: normal;
4700
4517
  }
4701
4518
  }
4702
4519
 
@@ -4785,70 +4602,221 @@
4785
4602
  }
4786
4603
 
4787
4604
 
4788
- .E_w7ob4th {
4789
- &.outside-tag {
4790
- padding-left: 0;
4791
- .inside-tag {
4792
- border-radius: 4px 0 0 4px;
4793
- padding-right: 4px;
4794
- margin-right: 4px;
4795
- }
4605
+ .E_t1dtlqs1 {
4606
+ margin-bottom: 4px;
4607
+ color: $text-secondary-light;
4608
+ }
4609
+
4610
+ .E_s1ese5oy {
4611
+ color: rgba(44, 56, 82, 0.6);
4612
+ line-height: 32px;
4613
+ height: 32px;
4614
+ margin-bottom: 0;
4615
+ &.primary,
4616
+ &.info {
4617
+ color: $text-light-general;
4618
+ }
4619
+ &.warning {
4620
+ color: #ffa500;
4621
+ }
4622
+ &.success {
4623
+ color: $text-light-positive;
4624
+ }
4625
+ &.danger,
4626
+ &.error {
4627
+ color: $text-light-serious;
4628
+ }
4629
+ &.normal {
4630
+ color: $text-secondary-light;
4796
4631
  }
4797
4632
  }
4798
4633
 
4634
+ .E_b1ibis43 {
4635
+ margin-bottom: 0;
4636
+ color: $text-light-primary;
4637
+ }
4799
4638
 
4800
- .E_slr2ynn {
4801
- padding: 0 8px;
4802
- height: 18px;
4803
- }
4639
+ .E_b11xxjd2 {
4640
+ line-height: 32px;
4641
+ margin-right: 6px;
4642
+ }
4804
4643
 
4805
- .E_m140wbb6 {
4806
- padding: 2px 8px;
4644
+ .E_bsub5bw {
4645
+ &.with-description {
4807
4646
  height: 24px;
4647
+ flex: 1;
4648
+ position: relative;
4649
+ top: -7px;
4650
+ }
4651
+ p {
4652
+ width: 100%;
4653
+ overflow: hidden;
4654
+ text-overflow: ellipsis;
4655
+ white-space: nowrap;
4808
4656
  }
4809
-
4810
- .E_t1fozc1i {
4811
- margin: 0;
4812
4657
  }
4813
4658
 
4814
- .E_i1vxv4ln {
4815
- margin-right: 4px;
4816
- height: 16px;
4817
- }
4659
+ .E_tmoyoag {
4660
+ border: 1px solid $strokes-light-trans-2;
4661
+ border-radius: 8px;
4662
+ overflow: auto;
4663
+ .ant-list {
4664
+ position: relative;
4665
+ .ant-list-item:last-child {
4666
+ border-bottom: none;
4667
+ }
4668
+ .eagle-table-form-header {
4669
+ position: sticky;
4670
+ top: 0;
4671
+ z-index: $eagle-table-form-header-index;
4672
+ display: flex;
4673
+ padding: 8px;
4674
+ & {
4675
+ align-items: inherit;
4676
+ }
4677
+ flex-wrap: nowrap;
4678
+ justify-content: flex-start;
4679
+ background: $fills-light-opaque-1;
4680
+ font-size: 14px;
4681
+ color: $text-secondary-light;
4682
+ border-bottom: 1px solid $fills-light-trans-2;
4683
+ }
4684
+ .eagle-table-form-header .eagle-table-form-cell > p {
4685
+ margin-bottom: 0;
4686
+ }
4687
+ .eagle-table-form-row {
4688
+ display: flex;
4689
+ justify-content: flex-start;
4690
+ align-items: flex-start;
4691
+ flex-wrap: wrap;
4692
+ padding: 8px;
4693
+ border: none;
4694
+ .row-description {
4695
+ flex-basis: 100%;
4696
+ margin: 12px 0 0;
4697
+ order: 99;
4698
+ color: $text-secondary-light;
4699
+ }
4700
+ .row-error-message {
4701
+ color: $text-light-serious;
4702
+ flex-basis: 100%;
4703
+ order: 98;
4704
+ margin: 12px 0 0;
4705
+ }
4706
+ &:hover {
4707
+ background-color: $fills-light-trans-1;
4708
+ }
4709
+ &.isDragging {
4710
+ background-color: $fills-light-general-general-light;
4711
+ }
4712
+ }
4713
+ .eagle-table-form-cell {
4714
+ flex: 1 0 0;
4715
+ overflow: hidden;
4716
+ .cell-description {
4717
+ color: $text-secondary-light;
4718
+ margin: 0;
4719
+ }
4818
4720
 
4819
- .E_n1afl31m {
4820
- &.ant-tag.ant-tag-gray {
4821
- font-weight: 700;
4822
- color: $text-neutral-primary;
4823
- background-color: $fill-neutral-trans-1;
4824
- border: 1px solid $stroke-neutral-trans-2;
4825
- word-break: break-all;
4826
- display: inline;
4827
- white-space: normal;
4721
+ @mixin text-align-style($align-position) {
4722
+ & > * {
4723
+ text-align: $align-position;
4724
+ }
4725
+ .ant-form-item-control-input-content {
4726
+ &,
4727
+ & > * {
4728
+ text-align: $align-position;
4729
+ }
4730
+ }
4731
+ }
4732
+
4733
+ &.align-center {
4734
+ @include text-align-style(center);
4735
+ }
4736
+ &.align-left {
4737
+ @include text-align-style(left);
4738
+ }
4739
+ &.align-right {
4740
+ @include text-align-style(right);
4741
+ }
4742
+
4743
+ &:not(:last-of-type) {
4744
+ margin-right: 8px;
4745
+ }
4746
+ }
4747
+ .ant-list-item-action {
4748
+ padding: 4px;
4749
+ width: 24px;
4750
+ height: 24px;
4751
+ overflow: hidden;
4752
+ li {
4753
+ padding: 0;
4754
+ }
4755
+ }
4756
+ .delete-row-icon.disabled {
4757
+ cursor: not-allowed;
4758
+ opacity: 0.5;
4759
+ }
4760
+ &.size-default {
4761
+ .ant-list-item-action {
4762
+ margin: 0;
4763
+ }
4764
+ .eagle-table-form-cell {
4765
+ .ant-input,
4766
+ .ant-select-selector {
4767
+ border-radius: 5px;
4768
+ font-size: 12px;
4769
+ }
4770
+ .ant-input-affix-wrapper {
4771
+ font-size: inherit;
4772
+ }
4773
+
4774
+ .ant-form-item-control-input {
4775
+ min-height: 24px;
4776
+ font-size: 12px;
4777
+ position: relative;
4778
+ }
4779
+ }
4780
+ }
4781
+ }
4782
+ &.row-split-by-border {
4783
+ .eagle-table-form-row {
4784
+ border-bottom: 1px solid $fills-light-trans-2;
4785
+ }
4786
+ }
4787
+ &.row-split-by-zebraMarking {
4788
+ .draggable-container {
4789
+ & > :nth-child(2n) {
4790
+ background-color: $fills-trans-primary-light;
4791
+ }
4792
+ }
4828
4793
  }
4829
4794
  }
4830
4795
 
4796
+ .E_a138syjm {
4797
+ display: flex;
4798
+ align-items: center;
4799
+ margin-top: 8px;
4800
+ gap: 8px;
4831
4801
 
4832
- .E_t1gvlxt5 {
4833
- min-width: 0;
4834
- flex: 1;
4835
- .tag {
4836
- flex: 0 0 auto;
4837
- }
4838
- .progress-title {
4839
- flex: 2;
4840
- max-width: fit-content;
4802
+ button.ant-btn {
4803
+ padding: 2px 8px;
4804
+ height: 24px;
4841
4805
  }
4842
- .progress-desc {
4843
- flex: 1;
4844
- max-width: fit-content;
4806
+ & > span.maximum-desc {
4807
+ display: none;
4808
+ color: $text-secondary-light;
4809
+ &.disabled {
4810
+ display: inline;
4811
+ }
4845
4812
  }
4846
4813
  }
4847
4814
 
4848
- .E_a1ji6r68 {
4849
- display: flex;
4850
- align-items: center;
4851
- column-gap: var(--a1ji6r68-0);
4815
+ .E_d77i8u0 {
4816
+ width: 24px;
4817
+ height: 24px;
4818
+ padding: 4px;
4819
+ margin-right: 8px;
4852
4820
  }
4853
4821
 
4854
4822
 
@@ -4858,183 +4826,261 @@
4858
4826
  }
4859
4827
 
4860
4828
 
4861
- .E_msn7nxt {
4862
- color: $text-light-secondary;
4863
- text-align: center;
4864
-
4865
- display: flex;
4866
- align-items: center;
4867
- justify-content: center;
4868
- flex-direction: column;
4869
- height: 100%;
4870
-
4871
- .link {
4872
- color: $text-light-general;
4873
- cursor: pointer;
4829
+ .E_sjob3jg {
4830
+ $item: ant-steps-item;
4831
+ --item-min-width: 60px;
4832
+ .#{$item} {
4833
+ &-tail,
4834
+ &-icon {
4835
+ display: none !important;
4836
+ }
4874
4837
  }
4875
- }
4876
-
4877
- .E_mp64wfi {
4878
- width: 100%;
4879
- height: 100%;
4880
- display: flex;
4881
- flex-direction: column;
4882
-
4883
- .name-toolbar {
4884
- width: 100%;
4885
- display: flex;
4886
- line-height: 30px;
4887
- padding: 0 16px;
4888
- justify-content: space-between;
4889
- .metric-extra {
4890
- display: flex;
4891
- font-size: 12px;
4892
- align-items: center;
4893
-
4894
- .info-item {
4895
- color: $gray-60;
4896
- }
4897
- .info-item + .info-item {
4898
- margin-left: 10px;
4899
- }
4900
-
4901
- .menu-trigger {
4902
- margin-left: 10px;
4903
- cursor: pointer;
4904
- }
4838
+ .#{$item}.#{$item}-active {
4839
+ flex-shrink: 0 !important;
4840
+ .step-item-prefix-container {
4841
+ color: $text-colorful-outstanding;
4842
+ }
4843
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4844
+ color: $text-colorful-outstanding;
4845
+ font-weight: normal;
4905
4846
  }
4906
4847
  }
4907
-
4908
- .content {
4909
- flex: 1;
4910
- width: 100%;
4911
- display: flex;
4912
- justify-content: center;
4913
- align-items: center;
4848
+ .#{$item}.#{$item}-finish {
4849
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4850
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4851
+ color: $text-neutral-tertiary;
4852
+ }
4914
4853
  }
4915
- .single-content {
4916
- height: 65px;
4854
+ .#{$item}.#{$item}-wait {
4855
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4856
+ color: $text-neutral-primary;
4857
+ }
4917
4858
  }
4918
- }
4919
-
4920
- .E_l1oyigan {
4921
- display: flex;
4922
- align-items: center;
4923
- white-space: nowrap;
4924
- overflow: hidden;
4925
- width: 100%;
4926
-
4927
- .ant-dropdown-trigger {
4928
- margin-left: auto;
4929
- font-size: 12px;
4859
+ .step-item-text {
4860
+ display: inline-block;
4861
+ }
4862
+ .step-item-title {
4863
+ overflow: hidden;
4864
+ white-space: nowrap;
4865
+ text-overflow: ellipsis;
4930
4866
  }
4931
4867
  }
4932
4868
 
4933
- .E_l1noi4n1 {
4934
- display: flex;
4935
- justify-content: flex-start;
4936
- align-items: center;
4937
- font-size: 12px;
4938
- cursor: pointer;
4939
-
4940
- &:not(:last-child) {
4941
- margin-right: 20px;
4869
+ .E_hjvj6s6 {
4870
+ $item: ant-steps-item;
4871
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4872
+ content: "";
4873
+ width: 0;
4874
+ height: 0;
4875
+ border: 13px solid transparent;
4876
+ position: absolute;
4877
+ top: 0;
4878
+ border-left: 8px solid $color;
4942
4879
  }
4943
- &.deselected {
4944
- opacity: 0.4;
4945
-
4946
- .color-block {
4947
- background: #b4beca !important;
4948
- }
4880
+ .#{$item}-container {
4881
+ min-width: var(--item-min-width);
4949
4882
  }
4950
- }
4951
-
4952
- .E_cz19rz6 {
4953
- display: inline-block;
4954
- height: 8px;
4955
- width: 8px;
4956
- margin-right: 8px;
4957
- }
4958
-
4959
- .E_e17r5r9c {
4960
- .ant-dropdown-menu-item {
4961
- display: flex;
4962
- align-items: center;
4963
- font-size: 12px;
4964
- margin: 0;
4883
+ .#{$item}-disabled {
4884
+ cursor: not-allowed !important;
4885
+ }
4886
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4887
+ flex-direction: row;
4888
+ justify-content: stretch;
4889
+ .#{$item} {
4890
+ padding: 0;
4891
+ margin-right: 4px;
4892
+ flex: 1;
4893
+ overflow: visible;
4894
+ .#{$item}-content {
4895
+ width: 100%;
4896
+ min-height: unset;
4897
+ .#{$item}-title {
4898
+ height: 26px;
4899
+ line-height: 26px;
4900
+ width: 100%;
4901
+ padding: 0;
4902
+ font-size: 12px;
4903
+ .step-count {
4904
+ margin-right: 10px;
4905
+ }
4906
+ &::after {
4907
+ display: none;
4908
+ }
4909
+ }
4910
+ }
4911
+ &:first-child {
4912
+ .#{$item}-container {
4913
+ padding-left: 8px;
4914
+ padding-right: 4px;
4915
+ border-radius: 4px 0 0 4px;
4916
+ }
4917
+ }
4918
+ &:last-child {
4919
+ margin-right: 0;
4920
+ .#{$item}-container {
4921
+ padding-right: 8px;
4922
+ padding-left: 12px;
4923
+ border-radius: 0 4px 4px 0;
4924
+ }
4925
+ }
4926
+ &:not(&:last-child) {
4927
+ &::after {
4928
+ @include rightTriangle();
4929
+ z-index: 2;
4930
+ position: relative;
4931
+ top: -50%;
4932
+ right: -100%;
4933
+ }
4934
+ }
4935
+ &:not(:first-child):not(:last-child) {
4936
+ .#{$item}-container {
4937
+ padding: 0 4px 0 12px;
4938
+ }
4939
+ }
4940
+ &:not(&:first-child) {
4941
+ &::before {
4942
+ @include rightTriangle(#fff);
4943
+ left: 0;
4944
+ }
4945
+ }
4946
+ }
4947
+ .#{$item}-active {
4948
+ max-width: calc(100% - var(--item-min-width) * 2);
4949
+ .#{$item}-container {
4950
+ background-color: $fills-light-general-general-light;
4951
+ }
4952
+ &::after {
4953
+ border-left-color: $fills-light-general-general-light !important;
4954
+ }
4955
+ }
4956
+ .#{$item}-finish {
4957
+ cursor: pointer;
4958
+ min-width: var(--item-min-width);
4959
+ }
4960
+ .#{$item}-wait,
4961
+ .#{$item}-finish {
4962
+ min-width: var(--item-min-width);
4963
+ .#{$item}-container {
4964
+ background-color: $fills-light-trans-1;
4965
+ }
4966
+ }
4965
4967
  }
4966
- }
4967
-
4968
- .E_m1y1hhnr {
4969
- position: relative;
4970
-
4971
- &.hidden-xaxis .pointer-wrapper {
4972
- bottom: -12px;
4968
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4969
+ .ant-steps-vertical
4970
+ )
4971
+ .#{$item} {
4972
+ padding: 0;
4973
4973
  }
4974
+ }
4974
4975
 
4975
- .metric-toolbar {
4976
- display: flex;
4977
- justify-content: space-between;
4978
- line-height: 30px;
4979
- margin: 0 16px;
4976
+ .E_v4tv3mf {
4977
+ $item: ant-steps-item;
4978
+ .ant-steps.ant-steps-vertical {
4979
+ width: 192px;
4980
+ row-gap: 2px;
4980
4981
 
4981
- .metric-extra {
4982
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4983
+ &:hover {
4984
+ background-color: $fill-neutral-trans-2;
4985
+ }
4986
+ .#{$item}-title {
4987
+ color: $text-neutral-primary !important;
4988
+ }
4989
+ }
4990
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4991
+ .#{$item}-container:hover {
4992
+ background-color: $fill-neutral-trans-2;
4993
+ }
4994
+ .#{$item}-container {
4995
+ padding: 0 8px;
4996
+ border-radius: 4px;
4997
+ height: 32px;
4982
4998
  display: flex;
4983
- font-size: 12px;
4984
4999
  align-items: center;
4985
-
4986
- .info-item {
4987
- color: $gray-60;
4988
- }
4989
- .info-item + .info-item {
4990
- margin-left: 10px;
5000
+ .#{$item}-content {
5001
+ min-height: auto;
5002
+ white-space: nowrap;
5003
+ & .ant-steps-item-title {
5004
+ font-size: 13px;
5005
+ line-height: 20px;
5006
+ max-width: 100%;
5007
+ padding-right: 0;
5008
+ }
4991
5009
  }
4992
-
4993
- .menu-trigger {
4994
- margin-left: 10px;
4995
- cursor: pointer;
5010
+ }
5011
+ .#{$item}-active {
5012
+ .ant-steps-item-container {
5013
+ background: rgba($blue-60, 0.1);
4996
5014
  }
4997
5015
  }
4998
5016
  }
5017
+ }
4999
5018
 
5000
- .recharts-xAxis {
5001
- font-size: 12px;
5019
+ .E_h6l1tj4 {
5020
+ width: 100%;
5021
+ display: inline-flex;
5022
+ align-items: center;
5023
+ justify-content: center;
5024
+ column-gap: 4px;
5025
+ .step-item-prefix-container {
5026
+ display: inline-flex;
5027
+ align-items: center;
5028
+ width: 18px;
5029
+ height: 18px;
5030
+ color: $gray-a75-8;
5031
+ justify-content: center;
5002
5032
  }
5033
+ }
5003
5034
 
5004
- .pointer-wrapper {
5005
- position: absolute;
5006
- bottom: 10px;
5007
- padding: 0 8px;
5008
- border-radius: 4px;
5009
- font-size: 12px;
5010
- color: $white;
5011
- background: rgba(0, 0, 0, 0.75);
5012
- transform: translateX(-50%);
5035
+ .E_v18frne8 {
5036
+ width: 100%;
5037
+ display: flex;
5038
+ align-items: center;
5039
+ justify-content: center;
5040
+ column-gap: 6px;
5041
+ font-size: 13px;
5042
+ .step-item-prefix-container {
5043
+ display: inline-flex;
5044
+ align-items: center;
5045
+ min-width: 20px;
5046
+ min-height: 20px;
5047
+ color: $gray-a75-8;
5048
+ justify-content: center;
5013
5049
  }
5014
5050
  }
5015
5051
 
5016
- .E_tnvijvs {
5017
- min-width: 200px;
5018
- }
5019
5052
 
5020
- .E_t1ub2aex {
5021
- display: flex;
5022
- align-items: center;
5023
- justify-content: space-between;
5024
- background-color: rgba(0, 0, 0, 0.75);
5025
- color: #b4beca;
5026
- font-size: 12px;
5027
- padding: 3px 6px;
5053
+ .E_t13ef470 {
5054
+ height: 100%;
5055
+ .table-loading-item {
5056
+ padding: 12px 4px;
5057
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5058
+ display: flex;
5028
5059
 
5029
- &:first-child {
5030
- padding-top: 3px;
5060
+ > * {
5061
+ height: 16px;
5062
+ margin: 4px;
5063
+ background: rgba($gray-50, 0.18);
5064
+ border-radius: 2px;
5065
+ }
5066
+ .checkbox-loading {
5067
+ width: 16px;
5068
+ }
5069
+ .td-loading {
5070
+ flex: 1;
5071
+ }
5031
5072
  }
5032
- &:last-child {
5033
- padding-bottom: 3px;
5073
+
5074
+ :nth-child(1) {
5075
+ padding: 8px 4px;
5076
+ > * {
5077
+ background: rgba($gray-70, 0.18);
5078
+ }
5034
5079
  }
5035
- .column-value {
5036
- color: $white;
5037
- margin-left: 8px;
5080
+ :nth-child(1) {
5081
+ > * {
5082
+ background: rgba($gray-60, 0.18);
5083
+ }
5038
5084
  }
5039
5085
  }
5040
5086
 
@@ -5204,7 +5250,109 @@
5204
5250
  line-height: 30px;
5205
5251
  .metric-extra {
5206
5252
  display: flex;
5207
- flex-shrink: 0;
5253
+ flex-shrink: 0;
5254
+ font-size: 12px;
5255
+ align-items: center;
5256
+
5257
+ .info-item {
5258
+ color: $gray-60;
5259
+ }
5260
+ .info-item + .info-item {
5261
+ margin-left: 10px;
5262
+ }
5263
+
5264
+ .menu-trigger {
5265
+ margin-left: 10px;
5266
+ cursor: pointer;
5267
+ }
5268
+ }
5269
+ }
5270
+
5271
+ .recharts-xAxis {
5272
+ font-size: 12px;
5273
+ }
5274
+
5275
+ .pointer-wrapper {
5276
+ position: absolute;
5277
+ bottom: 10px;
5278
+ padding: 0 8px;
5279
+ font-size: 12px;
5280
+ color: $white;
5281
+ transform: translateX(-50%);
5282
+ }
5283
+ }
5284
+
5285
+ .E_t2pr38p {
5286
+ min-width: 200px;
5287
+ background-color: $fill-neutral-trans-8;
5288
+ border-radius: 4px;
5289
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5290
+ padding: 8px;
5291
+ }
5292
+
5293
+ .E_tecdsj7 {
5294
+ display: flex;
5295
+ align-items: center;
5296
+ background-color: unset;
5297
+ color: $text-neutral-ontint;
5298
+ justify-content: space-between;
5299
+ font-size: 12px;
5300
+ padding-top: 6px;
5301
+
5302
+ &:first-child {
5303
+ padding-top: 3px;
5304
+ }
5305
+ &:last-child {
5306
+ padding-bottom: 3px;
5307
+ }
5308
+ .column-value {
5309
+ color: $text-neutral-ontint;
5310
+ margin-left: 8px;
5311
+ }
5312
+ }
5313
+
5314
+ .E_ljhvvia {
5315
+ display: inline-block;
5316
+ height: 8px;
5317
+ width: 8px;
5318
+ margin-right: 8px;
5319
+ border-radius: 2px;
5320
+ &.borderd {
5321
+ border: 1px solid $stroke-neutral-white;
5322
+ }
5323
+ }
5324
+
5325
+
5326
+ .E_msn7nxt {
5327
+ color: $text-light-secondary;
5328
+ text-align: center;
5329
+
5330
+ display: flex;
5331
+ align-items: center;
5332
+ justify-content: center;
5333
+ flex-direction: column;
5334
+ height: 100%;
5335
+
5336
+ .link {
5337
+ color: $text-light-general;
5338
+ cursor: pointer;
5339
+ }
5340
+ }
5341
+
5342
+ .E_mp64wfi {
5343
+ width: 100%;
5344
+ height: 100%;
5345
+ display: flex;
5346
+ flex-direction: column;
5347
+
5348
+ .name-toolbar {
5349
+ width: 100%;
5350
+ display: flex;
5351
+ line-height: 30px;
5352
+ padding: 0 16px;
5353
+ justify-content: space-between;
5354
+ .metric-extra {
5355
+ display: flex;
5208
5356
  font-size: 12px;
5209
5357
  align-items: center;
5210
5358
 
@@ -5222,313 +5370,162 @@
5222
5370
  }
5223
5371
  }
5224
5372
 
5225
- .recharts-xAxis {
5226
- font-size: 12px;
5373
+ .content {
5374
+ flex: 1;
5375
+ width: 100%;
5376
+ display: flex;
5377
+ justify-content: center;
5378
+ align-items: center;
5227
5379
  }
5228
-
5229
- .pointer-wrapper {
5230
- position: absolute;
5231
- bottom: 10px;
5232
- padding: 0 8px;
5233
- font-size: 12px;
5234
- color: $white;
5235
- transform: translateX(-50%);
5380
+ .single-content {
5381
+ height: 65px;
5236
5382
  }
5237
5383
  }
5238
5384
 
5239
- .E_t2pr38p {
5240
- min-width: 200px;
5241
- background-color: $fill-neutral-trans-8;
5242
- border-radius: 4px;
5243
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5244
- padding: 8px;
5385
+ .E_l1oyigan {
5386
+ display: flex;
5387
+ align-items: center;
5388
+ white-space: nowrap;
5389
+ overflow: hidden;
5390
+ width: 100%;
5391
+
5392
+ .ant-dropdown-trigger {
5393
+ margin-left: auto;
5394
+ font-size: 12px;
5395
+ }
5245
5396
  }
5246
5397
 
5247
- .E_tecdsj7 {
5398
+ .E_l1noi4n1 {
5248
5399
  display: flex;
5400
+ justify-content: flex-start;
5249
5401
  align-items: center;
5250
- background-color: unset;
5251
- color: $text-neutral-ontint;
5252
- justify-content: space-between;
5253
5402
  font-size: 12px;
5254
- padding-top: 6px;
5403
+ cursor: pointer;
5255
5404
 
5256
- &:first-child {
5257
- padding-top: 3px;
5258
- }
5259
- &:last-child {
5260
- padding-bottom: 3px;
5405
+ &:not(:last-child) {
5406
+ margin-right: 20px;
5261
5407
  }
5262
- .column-value {
5263
- color: $text-neutral-ontint;
5264
- margin-left: 8px;
5408
+ &.deselected {
5409
+ opacity: 0.4;
5410
+
5411
+ .color-block {
5412
+ background: #b4beca !important;
5413
+ }
5265
5414
  }
5266
5415
  }
5267
5416
 
5268
- .E_ljhvvia {
5417
+ .E_cz19rz6 {
5269
5418
  display: inline-block;
5270
5419
  height: 8px;
5271
5420
  width: 8px;
5272
5421
  margin-right: 8px;
5273
- border-radius: 2px;
5274
- &.borderd {
5275
- border: 1px solid $stroke-neutral-white;
5276
- }
5277
- }
5278
-
5279
-
5280
- .E_t1dtlqs1 {
5281
- margin-bottom: 4px;
5282
- color: $text-secondary-light;
5283
5422
  }
5284
5423
 
5285
- .E_s1ese5oy {
5286
- color: rgba(44, 56, 82, 0.6);
5287
- line-height: 32px;
5288
- height: 32px;
5289
- margin-bottom: 0;
5290
- &.primary,
5291
- &.info {
5292
- color: $text-light-general;
5293
- }
5294
- &.warning {
5295
- color: #ffa500;
5296
- }
5297
- &.success {
5298
- color: $text-light-positive;
5299
- }
5300
- &.danger,
5301
- &.error {
5302
- color: $text-light-serious;
5303
- }
5304
- &.normal {
5305
- color: $text-secondary-light;
5424
+ .E_e17r5r9c {
5425
+ .ant-dropdown-menu-item {
5426
+ display: flex;
5427
+ align-items: center;
5428
+ font-size: 12px;
5429
+ margin: 0;
5306
5430
  }
5307
5431
  }
5308
5432
 
5309
- .E_b1ibis43 {
5310
- margin-bottom: 0;
5311
- color: $text-light-primary;
5312
- }
5313
-
5314
- .E_b11xxjd2 {
5315
- line-height: 32px;
5316
- margin-right: 6px;
5317
- }
5433
+ .E_m1y1hhnr {
5434
+ position: relative;
5318
5435
 
5319
- .E_bsub5bw {
5320
- &.with-description {
5321
- height: 24px;
5322
- flex: 1;
5323
- position: relative;
5324
- top: -7px;
5325
- }
5326
- p {
5327
- width: 100%;
5328
- overflow: hidden;
5329
- text-overflow: ellipsis;
5330
- white-space: nowrap;
5436
+ &.hidden-xaxis .pointer-wrapper {
5437
+ bottom: -12px;
5331
5438
  }
5332
- }
5333
-
5334
- .E_tmoyoag {
5335
- border: 1px solid $strokes-light-trans-2;
5336
- border-radius: 8px;
5337
- overflow: auto;
5338
- .ant-list {
5339
- position: relative;
5340
- .ant-list-item:last-child {
5341
- border-bottom: none;
5342
- }
5343
- .eagle-table-form-header {
5344
- position: sticky;
5345
- top: 0;
5346
- z-index: $eagle-table-form-header-index;
5347
- display: flex;
5348
- padding: 8px;
5349
- & {
5350
- align-items: inherit;
5351
- }
5352
- flex-wrap: nowrap;
5353
- justify-content: flex-start;
5354
- background: $fills-light-opaque-1;
5355
- font-size: 14px;
5356
- color: $text-secondary-light;
5357
- border-bottom: 1px solid $fills-light-trans-2;
5358
- }
5359
- .eagle-table-form-header .eagle-table-form-cell > p {
5360
- margin-bottom: 0;
5361
- }
5362
- .eagle-table-form-row {
5363
- display: flex;
5364
- justify-content: flex-start;
5365
- align-items: flex-start;
5366
- flex-wrap: wrap;
5367
- padding: 8px;
5368
- border: none;
5369
- .row-description {
5370
- flex-basis: 100%;
5371
- margin: 12px 0 0;
5372
- order: 99;
5373
- color: $text-secondary-light;
5374
- }
5375
- .row-error-message {
5376
- color: $text-light-serious;
5377
- flex-basis: 100%;
5378
- order: 98;
5379
- margin: 12px 0 0;
5380
- }
5381
- &:hover {
5382
- background-color: $fills-light-trans-1;
5383
- }
5384
- &.isDragging {
5385
- background-color: $fills-light-general-general-light;
5386
- }
5387
- }
5388
- .eagle-table-form-cell {
5389
- flex: 1 0 0;
5390
- overflow: hidden;
5391
- .cell-description {
5392
- color: $text-secondary-light;
5393
- margin: 0;
5394
- }
5395
5439
 
5396
- @mixin text-align-style($align-position) {
5397
- & > * {
5398
- text-align: $align-position;
5399
- }
5400
- .ant-form-item-control-input-content {
5401
- &,
5402
- & > * {
5403
- text-align: $align-position;
5404
- }
5405
- }
5406
- }
5440
+ .metric-toolbar {
5441
+ display: flex;
5442
+ justify-content: space-between;
5443
+ line-height: 30px;
5444
+ margin: 0 16px;
5407
5445
 
5408
- &.align-center {
5409
- @include text-align-style(center);
5410
- }
5411
- &.align-left {
5412
- @include text-align-style(left);
5413
- }
5414
- &.align-right {
5415
- @include text-align-style(right);
5416
- }
5446
+ .metric-extra {
5447
+ display: flex;
5448
+ font-size: 12px;
5449
+ align-items: center;
5417
5450
 
5418
- &:not(:last-of-type) {
5419
- margin-right: 8px;
5420
- }
5421
- }
5422
- .ant-list-item-action {
5423
- padding: 4px;
5424
- width: 24px;
5425
- height: 24px;
5426
- overflow: hidden;
5427
- li {
5428
- padding: 0;
5451
+ .info-item {
5452
+ color: $gray-60;
5429
5453
  }
5430
- }
5431
- .delete-row-icon.disabled {
5432
- cursor: not-allowed;
5433
- opacity: 0.5;
5434
- }
5435
- &.size-default {
5436
- .ant-list-item-action {
5437
- margin: 0;
5454
+ .info-item + .info-item {
5455
+ margin-left: 10px;
5438
5456
  }
5439
- .eagle-table-form-cell {
5440
- .ant-input,
5441
- .ant-select-selector {
5442
- border-radius: 5px;
5443
- font-size: 12px;
5444
- }
5445
- .ant-input-affix-wrapper {
5446
- font-size: inherit;
5447
- }
5448
5457
 
5449
- .ant-form-item-control-input {
5450
- min-height: 24px;
5451
- font-size: 12px;
5452
- position: relative;
5453
- }
5458
+ .menu-trigger {
5459
+ margin-left: 10px;
5460
+ cursor: pointer;
5454
5461
  }
5455
5462
  }
5456
5463
  }
5457
- &.row-split-by-border {
5458
- .eagle-table-form-row {
5459
- border-bottom: 1px solid $fills-light-trans-2;
5460
- }
5464
+
5465
+ .recharts-xAxis {
5466
+ font-size: 12px;
5461
5467
  }
5462
- &.row-split-by-zebraMarking {
5463
- .draggable-container {
5464
- & > :nth-child(2n) {
5465
- background-color: $fills-trans-primary-light;
5466
- }
5467
- }
5468
+
5469
+ .pointer-wrapper {
5470
+ position: absolute;
5471
+ bottom: 10px;
5472
+ padding: 0 8px;
5473
+ border-radius: 4px;
5474
+ font-size: 12px;
5475
+ color: $white;
5476
+ background: rgba(0, 0, 0, 0.75);
5477
+ transform: translateX(-50%);
5468
5478
  }
5469
5479
  }
5470
5480
 
5471
- .E_a138syjm {
5481
+ .E_tnvijvs {
5482
+ min-width: 200px;
5483
+ }
5484
+
5485
+ .E_t1ub2aex {
5472
5486
  display: flex;
5473
5487
  align-items: center;
5474
- margin-top: 8px;
5475
- gap: 8px;
5488
+ justify-content: space-between;
5489
+ background-color: rgba(0, 0, 0, 0.75);
5490
+ color: #b4beca;
5491
+ font-size: 12px;
5492
+ padding: 3px 6px;
5476
5493
 
5477
- button.ant-btn {
5478
- padding: 2px 8px;
5479
- height: 24px;
5494
+ &:first-child {
5495
+ padding-top: 3px;
5480
5496
  }
5481
- & > span.maximum-desc {
5482
- display: none;
5483
- color: $text-secondary-light;
5484
- &.disabled {
5485
- display: inline;
5486
- }
5497
+ &:last-child {
5498
+ padding-bottom: 3px;
5499
+ }
5500
+ .column-value {
5501
+ color: $white;
5502
+ margin-left: 8px;
5487
5503
  }
5488
5504
  }
5489
5505
 
5490
- .E_d77i8u0 {
5491
- width: 24px;
5492
- height: 24px;
5493
- padding: 4px;
5494
- margin-right: 8px;
5495
- }
5496
-
5497
-
5498
- .E_t13ef470 {
5499
- height: 100%;
5500
- .table-loading-item {
5501
- padding: 12px 4px;
5502
- border-bottom: 1px solid rgba($gray-50, 0.18);
5503
- display: flex;
5504
5506
 
5505
- > * {
5506
- height: 16px;
5507
- margin: 4px;
5508
- background: rgba($gray-50, 0.18);
5509
- border-radius: 2px;
5510
- }
5511
- .checkbox-loading {
5512
- width: 16px;
5513
- }
5514
- .td-loading {
5515
- flex: 1;
5516
- }
5507
+ .E_t1gvlxt5 {
5508
+ min-width: 0;
5509
+ flex: 1;
5510
+ .tag {
5511
+ flex: 0 0 auto;
5517
5512
  }
5518
-
5519
- :nth-child(1) {
5520
- padding: 8px 4px;
5521
- > * {
5522
- background: rgba($gray-70, 0.18);
5523
- }
5513
+ .progress-title {
5514
+ flex: 2;
5515
+ max-width: fit-content;
5524
5516
  }
5525
- :nth-child(1) {
5526
- > * {
5527
- background: rgba($gray-60, 0.18);
5528
- }
5517
+ .progress-desc {
5518
+ flex: 1;
5519
+ max-width: fit-content;
5529
5520
  }
5530
5521
  }
5531
5522
 
5523
+ .E_a1ji6r68 {
5524
+ display: flex;
5525
+ align-items: center;
5526
+ column-gap: var(--a1ji6r68-0);
5527
+ }
5528
+
5532
5529
 
5533
5530
  .E_bpgac8u {
5534
5531
  color: #FFFFFF;
@@ -5618,44 +5615,13 @@
5618
5615
  }
5619
5616
 
5620
5617
 
5621
- .E_s20iney {
5622
- &.skeleton-box {
5623
- display: flex;
5624
- align-items: center;
5625
- justify-content: center;
5626
- position: relative;
5627
- border-radius: 2px;
5628
- background: #E1E6F199;
5629
- overflow: hidden;
5630
-
5631
- & > .skeleton-shimmer {
5632
- width: 200%;
5633
- height: 200%;
5634
- transform: rotate(15deg);
5635
- position: absolute;
5636
- top: -50%;
5637
- flex-shrink: 0;
5638
- opacity: 0.8;
5639
- background: linear-gradient(
5640
- 90deg,
5641
- rgba(255, 255, 255, 0) 15%,
5642
- #FFFFFF99 50%,
5643
- rgba(255, 255, 255, 0) 85%
5644
- );
5645
-
5646
- animation: shimmer 1100ms infinite;
5647
- }
5648
-
5649
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5650
- }
5651
- }
5652
-
5653
-
5654
5618
  .E_icab5o7 {
5655
- --modal-header-height: 140px;
5619
+ --modal-to-viewport-margin: 10px;
5620
+ --modal-body-padding-bottom: 40px;
5621
+ --modal-footer-height: 124px;
5656
5622
  &.ant-modal {
5657
- height: calc(100% - 20px);
5658
- width: calc(100% - 20px);
5623
+ height: calc(100% - var(--modal-to-viewport-margin) * 2);
5624
+ width: calc(100% - var(--modal-to-viewport-margin) * 2);
5659
5625
  padding-bottom: 0;
5660
5626
  margin: 0 auto;
5661
5627
  top: 10px;
@@ -5680,14 +5646,14 @@
5680
5646
 
5681
5647
  .ant-modal-header {
5682
5648
  padding: 60px 0 40px 0;
5683
- height: var(--modal-header-height);
5684
5649
  border: 0;
5650
+ flex-shrink: 0; // Prevent header from being compressed
5685
5651
  }
5686
5652
 
5687
5653
  .ant-modal-body {
5688
5654
  padding: 0;
5689
- flex: 1;
5690
- min-height: 0;
5655
+ flex: 1; // Take up remaining space
5656
+ min-height: 0; // Allow flex item to shrink below content height
5691
5657
  overflow-y: auto;
5692
5658
  scrollbar-gutter: stable;
5693
5659
  &::-webkit-scrollbar {
@@ -5717,6 +5683,7 @@
5717
5683
 
5718
5684
  .ant-modal-footer {
5719
5685
  border-top: 1px solid rgba(225, 230, 241, 0.6);
5686
+ height: var(--modal-footer-height);
5720
5687
  padding: 24px 0 60px 0;
5721
5688
  }
5722
5689
  }
@@ -5774,7 +5741,7 @@
5774
5741
  .middle {
5775
5742
  height: 100%;
5776
5743
  overflow: auto;
5777
- padding-bottom: 40px;
5744
+ padding-bottom: var(--modal-body-padding-bottom);
5778
5745
  }
5779
5746
  }
5780
5747
 
@@ -5790,12 +5757,13 @@
5790
5757
  ) * 2
5791
5758
  ) / 2
5792
5759
  );
5760
+ --side-panel-margin-top: 140px;
5793
5761
  .left {
5794
5762
  width: var(--left-width);
5795
5763
  overflow: auto;
5796
5764
  position: fixed;
5797
5765
  left: var(--modal-body-padding);
5798
- top: var(--modal-header-height);
5766
+ top: calc(var(--modal-to-viewport-margin) + var(--side-panel-margin-top));
5799
5767
  }
5800
5768
 
5801
5769
  .middle {
@@ -5809,7 +5777,7 @@
5809
5777
  overflow: auto;
5810
5778
  position: fixed;
5811
5779
  right: var(--modal-body-padding);
5812
- top: var(--modal-header-height);
5780
+ top: calc(var(--modal-to-viewport-margin) + var(--side-panel-margin-top));
5813
5781
  }
5814
5782
  }
5815
5783
 
@@ -5854,32 +5822,71 @@
5854
5822
  }
5855
5823
 
5856
5824
 
5825
+ .E_s20iney {
5826
+ &.skeleton-box {
5827
+ display: flex;
5828
+ align-items: center;
5829
+ justify-content: center;
5830
+ position: relative;
5831
+ border-radius: 2px;
5832
+ background: #E1E6F199;
5833
+ overflow: hidden;
5834
+
5835
+ & > .skeleton-shimmer {
5836
+ width: 200%;
5837
+ height: 200%;
5838
+ transform: rotate(15deg);
5839
+ position: absolute;
5840
+ top: -50%;
5841
+ flex-shrink: 0;
5842
+ opacity: 0.8;
5843
+ background: linear-gradient(
5844
+ 90deg,
5845
+ rgba(255, 255, 255, 0) 15%,
5846
+ #FFFFFF99 50%,
5847
+ rgba(255, 255, 255, 0) 85%
5848
+ );
5849
+
5850
+ animation: shimmer 1100ms infinite;
5851
+ }
5852
+
5853
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5854
+ }
5855
+ }
5856
+
5857
+
5857
5858
  .E_dxyv8bv {
5858
5859
  --footer-height: 80px;
5859
- --header-height: 56px;
5860
5860
  --modal-content-width: 492px;
5861
5861
  --modal-content-min-height: 160px;
5862
5862
  --modal-content-max-height: calc(
5863
- 100vh - 144px - var(--header-height) - var(--footer-height)
5864
- );
5863
+ 100vh - 144px
5864
+ ); // Only consider vertical margins, do not subtract header and footer height
5865
5865
  --modal-header-padding: 32px 40px 0;
5866
5866
  --modal-content-padding-top: 32px;
5867
5867
  --modal-content-padding-bottom: 32px;
5868
5868
  --modal-content-padding-x: 40px;
5869
5869
  --modal-footer-padding: 0 40px;
5870
5870
 
5871
+ padding-bottom: 0;
5872
+
5871
5873
  .ant-modal-content {
5872
5874
  background: $backgrounds-light-primary;
5873
5875
  border-radius: 16px;
5874
5876
  max-width: var(--modal-content-width);
5875
5877
  min-width: var(--modal-content-width);
5878
+ max-height: var(
5879
+ --modal-content-max-height
5880
+ ); // Set the max height for the entire modal
5881
+ display: flex;
5882
+ flex-direction: column; // Use flexbox layout
5876
5883
  }
5877
5884
 
5878
5885
  .ant-modal-header {
5879
5886
  padding: var(--modal-header-padding);
5880
- height: var(--header-height);
5881
5887
  border-bottom: none;
5882
5888
  border-radius: 16px 16px 0 0;
5889
+ flex-shrink: 0; // Prevent header from being compressed
5883
5890
  .ant-modal-title {
5884
5891
  color: #00122E;
5885
5892
  }
@@ -5897,7 +5904,8 @@
5897
5904
  var(--modal-content-padding-x) - 6px
5898
5905
  ); // Reserve 6px width for scrollbar
5899
5906
  min-height: var(--modal-content-min-height);
5900
- max-height: var(--modal-content-max-height);
5907
+ flex: 1; // Take up remaining space
5908
+ min-height: 0; // Allow flex item to shrink below content height
5901
5909
  overflow-y: auto;
5902
5910
  overflow-x: hidden;
5903
5911
  scrollbar-gutter: stable;
@@ -5928,6 +5936,7 @@
5928
5936
  margin-top: 0;
5929
5937
  border-top: none;
5930
5938
  box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
5939
+ flex-shrink: 0; // Prevent footer from being compressed
5931
5940
  .ant-btn-quiet {
5932
5941
  color: #2C3852BF;
5933
5942
  font-weight: 700;
@@ -6010,7 +6019,11 @@
6010
6019
  padding-right: 2px;
6011
6020
  width: calc(192px + 6px + 2px);
6012
6021
  height: fit-content;
6013
- max-height: calc(100vh - 300px);
6022
+ max-height: calc(
6023
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6024
+ --modal-body-padding-bottom
6025
+ ) - var(--modal-footer-height)
6026
+ );
6014
6027
  scrollbar-gutter: stable;
6015
6028
  &::-webkit-scrollbar {
6016
6029
  width: 6px;
@@ -6139,91 +6152,12 @@
6139
6152
  opacity: 1;
6140
6153
  }
6141
6154
 
6142
- @keyframes loading {
6143
- from {
6144
- transform: translateX(-100%);
6145
- }
6146
- to {
6147
- transform: translateX(100%);
6148
- }
6149
- }
6150
- }
6151
-
6152
-
6153
- .E_c18bcrac {
6154
- display: inline-block;
6155
- width: 100%;
6156
- .recharts-wrapper {
6157
- margin-left: 4px;
6158
- }
6159
- }
6160
-
6161
- .E_cro7kg2 {
6162
- padding: 4px;
6163
-
6164
- .unit {
6165
- color: white;
6166
- }
6167
- }
6168
-
6169
- .E_c14wcxf0 {
6170
- display: flex;
6171
- justify-content: space-between;
6172
- align-items: center;
6173
- font-size: 13px;
6174
- line-height: 24px;
6175
- color: #cccccc;
6176
- white-space: nowrap;
6177
-
6178
- label {
6179
- margin-right: 32px;
6180
- }
6181
- }
6182
-
6183
- .E_coy29mj.E_c14wcxf0 {
6184
- font-weight: bold;
6185
- color: white;
6186
- }
6187
-
6188
- .E_s11212zy {
6189
- width: 8px;
6190
- height: 8px;
6191
- border-radius: 2px;
6192
- display: inline-block;
6193
- background: var(--s11212zy-0);
6194
- border: 1px solid $fills-light-white;
6195
- box-sizing: content-box;
6196
- margin-right: 6px;
6197
- }
6198
-
6199
- .E_p1lyky6c {
6200
- & > :first-child {
6201
- font-weight: bold;
6202
- color: white;
6203
- margin-right: 4px;
6204
- }
6205
- }
6206
-
6207
-
6208
- .E_skwah65 {
6209
- height: 8px;
6210
- box-sizing: border-box;
6211
- border-radius: 2px;
6212
- background: #f5f7fa;
6213
- display: flex;
6214
- width: 100%;
6215
- overflow: hidden;
6216
-
6217
- .stack-bar-item + .stack-bar-item {
6218
- margin-left: 1px;
6219
- }
6220
- }
6221
-
6222
-
6223
- .E_tqjc4ui {
6224
- @at-root {
6225
- span#{&} {
6226
- margin: 0 2px;
6155
+ @keyframes loading {
6156
+ from {
6157
+ transform: translateX(-100%);
6158
+ }
6159
+ to {
6160
+ transform: translateX(100%);
6227
6161
  }
6228
6162
  }
6229
6163
  }
@@ -6327,15 +6261,17 @@
6327
6261
  }
6328
6262
 
6329
6263
 
6330
- .E_gmyahx3 {
6331
- cursor: pointer;
6332
-
6333
- .link-text {
6334
- color: $text-light-tertiary;
6335
- }
6264
+ .E_skwah65 {
6265
+ height: 8px;
6266
+ box-sizing: border-box;
6267
+ border-radius: 2px;
6268
+ background: #f5f7fa;
6269
+ display: flex;
6270
+ width: 100%;
6271
+ overflow: hidden;
6336
6272
 
6337
- &:hover .link-text {
6338
- color: $text-light-general;
6273
+ .stack-bar-item + .stack-bar-item {
6274
+ margin-left: 1px;
6339
6275
  }
6340
6276
  }
6341
6277
 
@@ -6407,6 +6343,61 @@
6407
6343
  }
6408
6344
 
6409
6345
 
6346
+ .E_c18bcrac {
6347
+ display: inline-block;
6348
+ width: 100%;
6349
+ .recharts-wrapper {
6350
+ margin-left: 4px;
6351
+ }
6352
+ }
6353
+
6354
+ .E_cro7kg2 {
6355
+ padding: 4px;
6356
+
6357
+ .unit {
6358
+ color: white;
6359
+ }
6360
+ }
6361
+
6362
+ .E_c14wcxf0 {
6363
+ display: flex;
6364
+ justify-content: space-between;
6365
+ align-items: center;
6366
+ font-size: 13px;
6367
+ line-height: 24px;
6368
+ color: #cccccc;
6369
+ white-space: nowrap;
6370
+
6371
+ label {
6372
+ margin-right: 32px;
6373
+ }
6374
+ }
6375
+
6376
+ .E_coy29mj.E_c14wcxf0 {
6377
+ font-weight: bold;
6378
+ color: white;
6379
+ }
6380
+
6381
+ .E_s11212zy {
6382
+ width: 8px;
6383
+ height: 8px;
6384
+ border-radius: 2px;
6385
+ display: inline-block;
6386
+ background: var(--s11212zy-0);
6387
+ border: 1px solid $fills-light-white;
6388
+ box-sizing: content-box;
6389
+ margin-right: 6px;
6390
+ }
6391
+
6392
+ .E_p1lyky6c {
6393
+ & > :first-child {
6394
+ font-weight: bold;
6395
+ color: white;
6396
+ margin-right: 4px;
6397
+ }
6398
+ }
6399
+
6400
+
6410
6401
  .E_c1up1pdz {
6411
6402
  width: 648px;
6412
6403
 
@@ -6562,227 +6553,78 @@
6562
6553
  padding: 0;
6563
6554
  margin-bottom: 8px;
6564
6555
 
6565
- &.active {
6566
- background-color: $blue;
6567
- border-color: $blue;
6568
- color: $white;
6569
- }
6570
- }
6571
- }
6572
-
6573
-
6574
- .E_n12mqh7z {
6575
- display: flex;
6576
- align-items: center;
6577
- font-size: 12px;
6578
- line-height: 18px;
6579
-
6580
- &:not(:last-child) {
6581
- margin-bottom: 4px;
6582
- }
6583
- }
6584
-
6585
- .E_tf5bynu {
6586
- margin: 0 3px;
6587
- }
6588
-
6589
- .E_tcckoz1 {
6590
- max-height: 400px;
6591
- overflow: auto;
6592
- }
6593
-
6594
-
6595
- .E_ou7iq30 {
6596
- overflow: hidden;
6597
- text-overflow: ellipsis;
6598
- }
6599
-
6600
- .E_s1tui002 {
6601
- white-space: nowrap;
6602
- }
6603
-
6604
- .E_mxrc2zg {
6605
- display: -webkit-box;
6606
- -webkit-line-clamp: var(--mxrc2zg-0);
6607
- -webkit-box-orient: vertical;
6608
- word-break: break-all;
6609
- }
6610
-
6611
- .E_t1vv6d68 {
6612
- .ant-tooltip-arrow {
6613
- display: none;
6614
- }
6615
- .ant-tooltip-inner {
6616
- background: $gray-a80-9;
6617
- border-radius: 4px;
6618
- &:has(.eagle-ellipsis-content) {
6619
- visibility: hidden;
6620
- }
6621
- }
6622
- }
6623
-
6624
-
6625
- .E_wg1tsps {
6626
- display: flex;
6627
- align-items: center;
6628
- justify-content: flex-end;
6629
- }
6630
-
6631
- .E_b1ctd5xy {
6632
- display: flex;
6633
- align-items: center;
6634
- width: calc(100% - 40px);
6635
-
6636
- .chart {
6637
- display: inline-block;
6638
- width: 100%;
6639
- }
6640
- }
6641
-
6642
- .E_u1p8acpn {
6643
- min-width: 40px;
6644
-
6645
- .unit {
6646
- color: $text-light-primary !important;
6647
- }
6648
- }
6649
-
6650
-
6651
- .E_s1at6qmn {
6652
- &.ant-layout-sider {
6653
- background: $backgrounds-light-grouped;
6654
- padding: 32px 8px;
6655
- overflow: auto;
6656
- }
6657
-
6658
- .ant-layout-sider-children {
6659
- display: flex;
6660
- flex-direction: column;
6661
- justify-content: space-between;
6662
- }
6663
-
6664
- footer {
6665
- display: flex;
6666
- }
6667
-
6668
- .ant-menu {
6669
- background: $backgrounds-light-grouped;
6670
- a {
6671
- color: $text-light-primary;
6672
- width: 180px;
6673
- overflow: hidden;
6674
- text-overflow: ellipsis;
6675
- }
6676
- }
6677
-
6678
- .ant-menu-vertical {
6679
- margin-bottom: 24px;
6680
-
6681
- .ant-menu-item-group {
6682
- .ant-menu-item {
6683
- margin: 0;
6684
- }
6685
- .ant-menu-item-group-title {
6686
- font-size: 12px;
6687
- padding: 0 8px 4px;
6688
- line-height: 18px;
6689
-
6690
- &:empty {
6691
- padding: 0;
6692
- }
6693
- }
6694
- &:not(:last-child) {
6695
- padding-bottom: 24px;
6696
- &.split {
6697
- margin-bottom: 24px;
6698
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6699
- }
6700
- }
6701
- }
6702
-
6703
- .ant-menu-item {
6704
- transition: none;
6705
- display: flex;
6706
- align-items: center;
6707
- height: 32px;
6708
- line-height: 22px;
6709
- padding: 0 8px;
6710
-
6711
- > .icon-wrapper {
6712
- margin-right: 12px;
6713
- }
6714
-
6715
- &:not(:last-child) {
6716
- margin: 0;
6717
- margin-bottom: 2px;
6718
- }
6719
- &.ant-menu-item-selected {
6720
- background: $background-selected;
6721
- box-shadow: $box-shadow-light-selected;
6722
- border-radius: 6px;
6723
- color: $text-light-on-tint;
6724
- a {
6725
- color: $text-light-on-tint;
6726
- }
6727
- }
6728
- &:not(.ant-menu-item-selected) {
6729
- &.ant-menu-item:hover,
6730
- &.ant-menu-item-active {
6731
- background: $background-onhover;
6732
- box-shadow: $box-shadow-light-onhover;
6733
- border-radius: 6px;
6734
- }
6735
- }
6556
+ &.active {
6557
+ background-color: $blue;
6558
+ border-color: $blue;
6559
+ color: $white;
6736
6560
  }
6737
6561
  }
6738
6562
  }
6739
6563
 
6740
- .E_s1wu0lms {
6741
- .ant-menu-item-group-title {
6742
- white-space: nowrap;
6743
- transition: all 0s;
6564
+
6565
+ .E_gmyahx3 {
6566
+ cursor: pointer;
6567
+
6568
+ .link-text {
6569
+ color: $text-light-tertiary;
6744
6570
  }
6745
6571
 
6746
- &.shrink {
6747
- transition: all 0s;
6748
- overflow: hidden;
6572
+ &:hover .link-text {
6573
+ color: $text-light-general;
6574
+ }
6575
+ }
6749
6576
 
6750
- .ant-menu-item-group-title {
6751
- visibility: hidden;
6752
- }
6753
6577
 
6754
- .ant-menu-item {
6755
- width: 36px;
6756
- padding: 0 6px;
6578
+ .E_tqjc4ui {
6579
+ @at-root {
6580
+ span#{&} {
6581
+ margin: 0 2px;
6757
6582
  }
6758
6583
  }
6759
6584
  }
6760
6585
 
6761
- .E_n1ugzfva {
6586
+
6587
+ .E_wg1tsps {
6762
6588
  display: flex;
6763
- place-items: center;
6764
- width: 100% !important;
6589
+ align-items: center;
6590
+ justify-content: flex-end;
6591
+ }
6765
6592
 
6766
- &[disabled] {
6767
- color: rgba(0, 0, 0, 0.25) !important;
6768
- opacity: 1 !important;
6769
- }
6593
+ .E_b1ctd5xy {
6594
+ display: flex;
6595
+ align-items: center;
6596
+ width: calc(100% - 40px);
6770
6597
 
6771
- &.ant-btn {
6598
+ .chart {
6599
+ display: inline-block;
6772
6600
  width: 100%;
6773
- color: $text-light-primary;
6774
6601
  }
6602
+ }
6775
6603
 
6776
- .icon-wrapper {
6777
- margin-right: 12px;
6604
+ .E_u1p8acpn {
6605
+ min-width: 40px;
6606
+
6607
+ .unit {
6608
+ color: $text-light-primary !important;
6778
6609
  }
6610
+ }
6779
6611
 
6780
- .link-title {
6781
- flex: 1;
6782
- overflow: hidden;
6783
- white-space: nowrap;
6784
- text-overflow: ellipsis;
6785
- text-align: left;
6612
+
6613
+ .E_u15heuvq {
6614
+ &.content {
6615
+ cursor: default !important;
6616
+ &.link {
6617
+ cursor: pointer !important;
6618
+ &:hover {
6619
+ color: $text-colorful-outstanding;
6620
+ }
6621
+ }
6622
+ &.black {
6623
+ color: $text-neutral-primary;
6624
+ }
6625
+ &.gray {
6626
+ color: $text-neutral-secondary;
6627
+ }
6786
6628
  }
6787
6629
  }
6788
6630
 
@@ -7067,24 +6909,144 @@
7067
6909
  }
7068
6910
 
7069
6911
 
7070
- .E_u15heuvq {
7071
- &.content {
7072
- cursor: default !important;
7073
- &.link {
7074
- cursor: pointer !important;
7075
- &:hover {
7076
- color: $text-colorful-outstanding;
6912
+ .E_s1at6qmn {
6913
+ &.ant-layout-sider {
6914
+ background: $backgrounds-light-grouped;
6915
+ padding: 32px 8px;
6916
+ overflow: auto;
6917
+ }
6918
+
6919
+ .ant-layout-sider-children {
6920
+ display: flex;
6921
+ flex-direction: column;
6922
+ justify-content: space-between;
6923
+ }
6924
+
6925
+ footer {
6926
+ display: flex;
6927
+ }
6928
+
6929
+ .ant-menu {
6930
+ background: $backgrounds-light-grouped;
6931
+ a {
6932
+ color: $text-light-primary;
6933
+ width: 180px;
6934
+ overflow: hidden;
6935
+ text-overflow: ellipsis;
6936
+ }
6937
+ }
6938
+
6939
+ .ant-menu-vertical {
6940
+ margin-bottom: 24px;
6941
+
6942
+ .ant-menu-item-group {
6943
+ .ant-menu-item {
6944
+ margin: 0;
6945
+ }
6946
+ .ant-menu-item-group-title {
6947
+ font-size: 12px;
6948
+ padding: 0 8px 4px;
6949
+ line-height: 18px;
6950
+
6951
+ &:empty {
6952
+ padding: 0;
6953
+ }
6954
+ }
6955
+ &:not(:last-child) {
6956
+ padding-bottom: 24px;
6957
+ &.split {
6958
+ margin-bottom: 24px;
6959
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6960
+ }
7077
6961
  }
7078
6962
  }
7079
- &.black {
7080
- color: $text-neutral-primary;
6963
+
6964
+ .ant-menu-item {
6965
+ transition: none;
6966
+ display: flex;
6967
+ align-items: center;
6968
+ height: 32px;
6969
+ line-height: 22px;
6970
+ padding: 0 8px;
6971
+
6972
+ > .icon-wrapper {
6973
+ margin-right: 12px;
6974
+ }
6975
+
6976
+ &:not(:last-child) {
6977
+ margin: 0;
6978
+ margin-bottom: 2px;
6979
+ }
6980
+ &.ant-menu-item-selected {
6981
+ background: $background-selected;
6982
+ box-shadow: $box-shadow-light-selected;
6983
+ border-radius: 6px;
6984
+ color: $text-light-on-tint;
6985
+ a {
6986
+ color: $text-light-on-tint;
6987
+ }
6988
+ }
6989
+ &:not(.ant-menu-item-selected) {
6990
+ &.ant-menu-item:hover,
6991
+ &.ant-menu-item-active {
6992
+ background: $background-onhover;
6993
+ box-shadow: $box-shadow-light-onhover;
6994
+ border-radius: 6px;
6995
+ }
6996
+ }
7081
6997
  }
7082
- &.gray {
7083
- color: $text-neutral-secondary;
6998
+ }
6999
+ }
7000
+
7001
+ .E_s1wu0lms {
7002
+ .ant-menu-item-group-title {
7003
+ white-space: nowrap;
7004
+ transition: all 0s;
7005
+ }
7006
+
7007
+ &.shrink {
7008
+ transition: all 0s;
7009
+ overflow: hidden;
7010
+
7011
+ .ant-menu-item-group-title {
7012
+ visibility: hidden;
7013
+ }
7014
+
7015
+ .ant-menu-item {
7016
+ width: 36px;
7017
+ padding: 0 6px;
7084
7018
  }
7085
7019
  }
7086
7020
  }
7087
7021
 
7022
+ .E_n1ugzfva {
7023
+ display: flex;
7024
+ place-items: center;
7025
+ width: 100% !important;
7026
+
7027
+ &[disabled] {
7028
+ color: rgba(0, 0, 0, 0.25) !important;
7029
+ opacity: 1 !important;
7030
+ }
7031
+
7032
+ &.ant-btn {
7033
+ width: 100%;
7034
+ color: $text-light-primary;
7035
+ }
7036
+
7037
+ .icon-wrapper {
7038
+ margin-right: 12px;
7039
+ }
7040
+
7041
+ .link-title {
7042
+ flex: 1;
7043
+ overflow: hidden;
7044
+ white-space: nowrap;
7045
+ text-overflow: ellipsis;
7046
+ text-align: left;
7047
+ }
7048
+ }
7049
+
7088
7050
 
7089
7051
  .E_t1sqg15u {
7090
7052
  background: white;
@@ -7198,55 +7160,62 @@
7198
7160
  }
7199
7161
 
7200
7162
 
7201
- .E_i5w779o {
7202
- padding: 8px 0;
7163
+ .E_ou7iq30 {
7164
+ overflow: hidden;
7165
+ text-overflow: ellipsis;
7166
+ }
7203
7167
 
7204
- .col-label {
7205
- flex-shrink: unset;
7206
- * {
7207
- line-height: 18px;
7208
- }
7168
+ .E_s1tui002 {
7169
+ white-space: nowrap;
7170
+ }
7171
+
7172
+ .E_mxrc2zg {
7173
+ display: -webkit-box;
7174
+ -webkit-line-clamp: var(--mxrc2zg-0);
7175
+ -webkit-box-orient: vertical;
7176
+ word-break: break-all;
7177
+ }
7178
+
7179
+ .E_t1vv6d68 {
7180
+ .ant-tooltip-arrow {
7181
+ display: none;
7209
7182
  }
7210
- .col-content {
7211
- flex: 1 1 0;
7212
- display: flex;
7213
- align-items: center;
7214
- * {
7215
- line-height: 18px;
7183
+ .ant-tooltip-inner {
7184
+ background: $gray-a80-9;
7185
+ border-radius: 4px;
7186
+ &:has(.eagle-ellipsis-content) {
7187
+ visibility: hidden;
7216
7188
  }
7217
7189
  }
7218
7190
  }
7219
7191
 
7220
- .E_l18dja44 {
7221
- padding: 6px 0;
7222
7192
 
7223
- .col-label * {
7224
- font-size: 13px;
7225
- line-height: 20px;
7226
- }
7227
- .col-content * {
7228
- font-size: 14px;
7229
- line-height: 20px;
7193
+ .E_n12mqh7z {
7194
+ display: flex;
7195
+ align-items: center;
7196
+ font-size: 12px;
7197
+ line-height: 18px;
7198
+
7199
+ &:not(:last-child) {
7200
+ margin-bottom: 4px;
7230
7201
  }
7231
7202
  }
7232
7203
 
7233
- .E_c8c2hys {
7234
- display: flex;
7235
- justify-content: space-between;
7236
- flex: 1;
7237
- min-width: 0;
7204
+ .E_tf5bynu {
7205
+ margin: 0 3px;
7238
7206
  }
7239
7207
 
7240
- .E_n4m6c4d {
7241
- color: $text-light-tertiary;
7208
+ .E_tcckoz1 {
7209
+ max-height: 400px;
7210
+ overflow: auto;
7242
7211
  }
7243
7212
 
7244
7213
 
7245
7214
  .E_cyms3br {
7246
7215
  background: #fff;
7247
7216
  width: 100%;
7248
- border-radius: 8px;
7249
- border: 1px solid rgba(228, 233, 242, 1);
7217
+ border: none;
7218
+ border-radius: 0;
7250
7219
  .ant-list {
7251
7220
  padding: 12px;
7252
7221
  }
@@ -7257,7 +7226,7 @@
7257
7226
  margin-left: 24px;
7258
7227
  }
7259
7228
  header {
7260
- background: rgba(225, 230, 241, 0.6);
7229
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7261
7230
  font-size: 12px;
7262
7231
  color: rgba(29, 50, 108, 1);
7263
7232
  font-weight: 700;
@@ -7277,6 +7246,14 @@
7277
7246
  color: rgba(0, 18, 46, 1);
7278
7247
  }
7279
7248
  }
7249
+ &.border {
7250
+ border-radius: 8px;
7251
+ border: 1px solid rgba(228, 233, 242, 1);
7252
+ header {
7253
+ border-bottom: none;
7254
+ background: rgba(225, 230, 241, 0.6);
7255
+ }
7256
+ }
7280
7257
  }
7281
7258
 
7282
7259
  .E_c157gu4z {
@@ -7298,6 +7275,57 @@
7298
7275
  }
7299
7276
 
7300
7277
 
7278
+ .E_h1ol2wl7 {
7279
+ font-weight: bold;
7280
+ background-color: unset;
7281
+ padding: unset;
7282
+ }
7283
+
7284
+
7285
+ .E_i5w779o {
7286
+ padding: 8px 0;
7287
+
7288
+ .col-label {
7289
+ flex-shrink: unset;
7290
+ * {
7291
+ line-height: 18px;
7292
+ }
7293
+ }
7294
+ .col-content {
7295
+ flex: 1 1 0;
7296
+ display: flex;
7297
+ align-items: center;
7298
+ * {
7299
+ line-height: 18px;
7300
+ }
7301
+ }
7302
+ }
7303
+
7304
+ .E_l18dja44 {
7305
+ padding: 6px 0;
7306
+
7307
+ .col-label * {
7308
+ font-size: 13px;
7309
+ line-height: 20px;
7310
+ }
7311
+ .col-content * {
7312
+ font-size: 14px;
7313
+ line-height: 20px;
7314
+ }
7315
+ }
7316
+
7317
+ .E_c8c2hys {
7318
+ display: flex;
7319
+ justify-content: space-between;
7320
+ flex: 1;
7321
+ min-width: 0;
7322
+ }
7323
+
7324
+ .E_n4m6c4d {
7325
+ color: $text-light-tertiary;
7326
+ }
7327
+
7328
+
7301
7329
  .E_kr6am0s {
7302
7330
  .ant-modal-body {
7303
7331
  padding: 60px 128px;
@@ -7372,10 +7400,21 @@
7372
7400
  }
7373
7401
 
7374
7402
 
7375
- .E_h1ol2wl7 {
7376
- font-weight: bold;
7377
- background-color: unset;
7378
- padding: unset;
7403
+ .E_l12xdkhl {
7404
+ width: 64px;
7405
+ height: 64px;
7406
+ max-width: 64px;
7407
+ max-height: 64px;
7408
+ overflow: hidden;
7409
+ display: flex;
7410
+ align-items: center;
7411
+ justify-content: center;
7412
+ position: relative;
7413
+ opacity: 0.6;
7414
+ .icon-wrapper {
7415
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7416
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7417
+ }
7379
7418
  }
7380
7419
 
7381
7420
 
@@ -7430,88 +7469,6 @@
7430
7469
  }
7431
7470
 
7432
7471
 
7433
- .E_l12xdkhl {
7434
- width: 64px;
7435
- height: 64px;
7436
- max-width: 64px;
7437
- max-height: 64px;
7438
- overflow: hidden;
7439
- display: flex;
7440
- align-items: center;
7441
- justify-content: center;
7442
- position: relative;
7443
- opacity: 0.6;
7444
- .icon-wrapper {
7445
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7446
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7447
- }
7448
- }
7449
-
7450
-
7451
- .E_c1ss4prm {
7452
- color: $text-light-secondary;
7453
-
7454
- li {
7455
- margin-bottom: 4px;
7456
-
7457
- &:last-child {
7458
- margin-bottom: 0;
7459
- }
7460
- }
7461
- }
7462
-
7463
- .E_ms3tlei {
7464
- background: $fill-neutral-trans-2;
7465
- padding: 8px;
7466
- border-radius: 6px;
7467
- color: $gray-a60-8;
7468
-
7469
- .icon-wrapper {
7470
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7471
- margin-right: 4px;
7472
- }
7473
-
7474
- li {
7475
- margin-bottom: 4px;
7476
- display: flex;
7477
- align-items: flex-start;
7478
-
7479
- &:last-child {
7480
- margin-bottom: 0;
7481
- }
7482
- }
7483
- }
7484
-
7485
- .E_du44iy7 {
7486
- margin-bottom: 4px;
7487
- }
7488
-
7489
- .E_p1qmhanr {
7490
- margin-bottom: 8px;
7491
- }
7492
-
7493
- .E_srje1h0 {
7494
- color: $text-light-secondary;
7495
- margin-bottom: 8px;
7496
- }
7497
-
7498
- .E_di3zi7v {
7499
- height: 1px;
7500
- background: $strokes-light-opaque-2;
7501
- margin: 16px 0;
7502
- }
7503
-
7504
-
7505
- .E_cevhqx7 {
7506
- color: $text-light-primary;
7507
- }
7508
-
7509
- .E_snbqlt4 {
7510
- margin-top: 8px;
7511
- color: $text-light-secondary;
7512
- }
7513
-
7514
-
7515
7472
  .E_c1kchka8 {
7516
7473
  height: 100%;
7517
7474
  width: 100%;
@@ -8110,3 +8067,67 @@
8110
8067
  }
8111
8068
  }
8112
8069
 
8070
+
8071
+ .E_c1ss4prm {
8072
+ color: $text-light-secondary;
8073
+
8074
+ li {
8075
+ margin-bottom: 4px;
8076
+
8077
+ &:last-child {
8078
+ margin-bottom: 0;
8079
+ }
8080
+ }
8081
+ }
8082
+
8083
+ .E_ms3tlei {
8084
+ background: $fill-neutral-trans-2;
8085
+ padding: 8px;
8086
+ border-radius: 6px;
8087
+ color: $gray-a60-8;
8088
+
8089
+ .icon-wrapper {
8090
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8091
+ margin-right: 4px;
8092
+ }
8093
+
8094
+ li {
8095
+ margin-bottom: 4px;
8096
+ display: flex;
8097
+ align-items: flex-start;
8098
+
8099
+ &:last-child {
8100
+ margin-bottom: 0;
8101
+ }
8102
+ }
8103
+ }
8104
+
8105
+ .E_du44iy7 {
8106
+ margin-bottom: 4px;
8107
+ }
8108
+
8109
+ .E_p1qmhanr {
8110
+ margin-bottom: 8px;
8111
+ }
8112
+
8113
+ .E_srje1h0 {
8114
+ color: $text-light-secondary;
8115
+ margin-bottom: 8px;
8116
+ }
8117
+
8118
+ .E_di3zi7v {
8119
+ height: 1px;
8120
+ background: $strokes-light-opaque-2;
8121
+ margin: 16px 0;
8122
+ }
8123
+
8124
+
8125
+ .E_cevhqx7 {
8126
+ color: $text-light-primary;
8127
+ }
8128
+
8129
+ .E_snbqlt4 {
8130
+ margin-top: 8px;
8131
+ color: $text-light-secondary;
8132
+ }
8133
+