@cloudtower/eagle 0.33.8 → 0.34.0

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 (21) hide show
  1. package/dist/cjs/core/LineChart/LineChartLegend.js +2 -2
  2. package/dist/cjs/core/LineChart/RenderChart.js +19 -6
  3. package/dist/cjs/core/SearchInput/index.js +22 -11
  4. package/dist/cjs/core/Table/index.js +4 -2
  5. package/dist/cjs/coreX/CheckPointList/index.js +3 -2
  6. package/dist/cjs/stats1.html +1 -1
  7. package/dist/components.css +1954 -1945
  8. package/dist/esm/core/LineChart/LineChartLegend.js +2 -2
  9. package/dist/esm/core/LineChart/RenderChart.js +19 -6
  10. package/dist/esm/core/SearchInput/index.js +22 -11
  11. package/dist/esm/core/Table/index.js +4 -2
  12. package/dist/esm/coreX/CheckPointList/index.js +3 -2
  13. package/dist/esm/stats1.html +1 -1
  14. package/dist/linaria.merged.scss +1927 -1920
  15. package/dist/src/core/SearchInput/searchInput.type.d.ts +5 -0
  16. package/dist/src/core/Table/table.type.d.ts +2 -1
  17. package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +1 -0
  18. package/dist/stories/docs/core/SearchInput.stories.d.ts +28 -1
  19. package/dist/stories/docs/core/Table.stories.d.ts +6 -0
  20. package/dist/style.css +1716 -1709
  21. package/package.json +4 -5
package/dist/linaria.merged.scss CHANGED
@@ -1,3 +1,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,31 +51,6 @@
26
51
  }
27
52
 
28
53
 
29
- .E_m74vjol {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 100%;
33
- & .action {
34
- margin-left: 16px;
35
- }
36
- }
37
-
38
- .E_a1o35uvh {
39
- &.ant-alert-closable {
40
- padding-right: 12px;
41
-
42
- .ant-alert-close-icon {
43
- height: fit-content;
44
- margin-left: 16px;
45
- }
46
- }
47
-
48
- .ant-alert-message {
49
- flex: 1;
50
- }
51
- }
52
-
53
-
54
54
  .E_b1nip9bk {
55
55
  padding: 4px 11px;
56
56
  }
@@ -111,6 +111,31 @@
111
111
  }
112
112
 
113
113
 
114
+ .E_c1uzzomf {
115
+ margin-bottom: 16px;
116
+
117
+ .card-title {
118
+ font-size: 16px;
119
+ color: $text-secondary-light;
120
+ font-weight: 700;
121
+ line-height: 32px;
122
+ }
123
+ .card-body {
124
+ padding: 24px;
125
+ border-radius: 8px;
126
+ background: $fills-light-white;
127
+ }
128
+
129
+ .empty {
130
+ font-weight: 700;
131
+ font-size: 14px;
132
+ line-height: 22px;
133
+ color: $text-light-tertiary;
134
+ text-align: center;
135
+ }
136
+ }
137
+
138
+
114
139
  .E_b1wx3t3t {
115
140
  &.ant-btn-icon-only {
116
141
  justify-content: center;
@@ -469,31 +494,6 @@
469
494
  }
470
495
 
471
496
 
472
- .E_c1uzzomf {
473
- margin-bottom: 16px;
474
-
475
- .card-title {
476
- font-size: 16px;
477
- color: $text-secondary-light;
478
- font-weight: 700;
479
- line-height: 32px;
480
- }
481
- .card-body {
482
- padding: 24px;
483
- border-radius: 8px;
484
- background: $fills-light-white;
485
- }
486
-
487
- .empty {
488
- font-weight: 700;
489
- font-size: 14px;
490
- line-height: 22px;
491
- color: $text-light-tertiary;
492
- text-align: center;
493
- }
494
- }
495
-
496
-
497
497
  .E_d1bw7c5z {
498
498
  position: relative;
499
499
  max-width: 388px;
@@ -611,9 +611,34 @@
611
611
  }
612
612
 
613
613
 
614
- .E_sx1bpnu {
615
- .ant-input-sm {
616
- line-height: 18px;
614
+ .E_ccrbeuz {
615
+ .ant-collapse-item {
616
+ border: 0px;
617
+ background-color: $fills-light-white;
618
+
619
+ .ant-collapse-header {
620
+ padding-top: 0px;
621
+ padding-bottom: 0px;
622
+ padding-left: 0px !important;
623
+ padding-right: 24px;
624
+ .ant-collapse-arrow {
625
+ right: 0px;
626
+ }
627
+ }
628
+ .ant-collapse-content {
629
+ .ant-collapse-content-box {
630
+ padding: 0px;
631
+ }
632
+ }
633
+ }
634
+ }
635
+
636
+ .E_c1fljvag {
637
+ .ant-collapse-item {
638
+ .ant-collapse-header {
639
+ padding-right: 0px;
640
+ cursor: default;
641
+ }
617
642
  }
618
643
  }
619
644
 
@@ -673,34 +698,9 @@
673
698
  }
674
699
 
675
700
 
676
- .E_ccrbeuz {
677
- .ant-collapse-item {
678
- border: 0px;
679
- background-color: $fills-light-white;
680
-
681
- .ant-collapse-header {
682
- padding-top: 0px;
683
- padding-bottom: 0px;
684
- padding-left: 0px !important;
685
- padding-right: 24px;
686
- .ant-collapse-arrow {
687
- right: 0px;
688
- }
689
- }
690
- .ant-collapse-content {
691
- .ant-collapse-content-box {
692
- padding: 0px;
693
- }
694
- }
695
- }
696
- }
697
-
698
- .E_c1fljvag {
699
- .ant-collapse-item {
700
- .ant-collapse-header {
701
- padding-right: 0px;
702
- cursor: default;
703
- }
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
704
704
  }
705
705
  }
706
706
 
@@ -985,47 +985,8 @@
985
985
  }
986
986
 
987
987
 
988
- .E_c1bus5hc {
989
- --color: white;
990
- height: 14px;
991
- width: 14px;
992
- border-radius: 50%;
993
- flex-shrink: 0;
994
- display: flex;
995
- align-items: center;
996
- justify-content: center;
997
- border: 1px solid var(--color);
998
-
999
- .circle-inner {
1000
- position: relative;
1001
- height: 10px;
1002
- width: 10px;
1003
- border-radius: 50%;
1004
- overflow: hidden;
1005
- }
1006
-
1007
- .circle-content {
1008
- position: absolute;
1009
- height: 100%;
1010
- width: 100%;
1011
- left: 0;
1012
- top: 0;
1013
- border-radius: 50%;
1014
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1015
- transform: rotate(180deg);
1016
- }
1017
-
1018
- .circle-child {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- margin-left: 50%;
1025
- transform-origin: left;
1026
- background: white;
1027
- transform: rotate(0deg);
1028
- }
988
+ .E_iq1gosr {
989
+ display: inline-block;
1029
990
  }
1030
991
 
1031
992
 
@@ -1036,90 +997,33 @@
1036
997
  }
1037
998
 
1038
999
 
1039
- .E_ivqqkzv {
1040
- height: 24px;
1041
- width: 56px !important;
1042
- margin-right: 4px;
1000
+ .E_t1m2x205 {
1001
+ .ant-tooltip-arrow {
1002
+ display: none;
1003
+ }
1004
+ .ant-tooltip-inner {
1005
+ background: $gray-a80-9;
1006
+ border-radius: 4px;
1007
+ &:has(.eagle-ellipsis-content) {
1008
+ visibility: hidden;
1009
+ }
1010
+ }
1043
1011
  }
1044
1012
 
1045
- .E_c1wk4q29 {
1046
- color: $text-secondary-light;
1047
- }
1048
-
1049
1013
 
1050
- .E_s1dizucg {
1051
- &.ant-switch {
1052
- min-width: 40px;
1053
- height: 24px;
1054
- background: $fills-trans-quinary-light;
1055
- overflow: hidden;
1056
- &:focus {
1057
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1058
- }
1014
+ .E_s1sck0th {
1015
+ padding: 0 8px;
1016
+ border-radius: 4px;
1059
1017
  }
1060
- &.ant-switch-small {
1061
- min-width: 26px;
1062
- height: 16px;
1018
+
1019
+ .E_m855nr1 {
1020
+ padding: 2px 8px;
1021
+ border-radius: 3px;
1063
1022
  }
1064
- &.ant-switch-large {
1065
- min-width: 52px;
1066
- height: 32px;
1067
- }
1068
-
1069
- &.ant-switch .ant-switch-handle {
1070
- height: 20px;
1071
- width: 20px;
1072
- &::before {
1073
- border-radius: 10px;
1074
- transition-delay: 120ms;
1075
- }
1076
- }
1077
- &.ant-switch-small .ant-switch-handle {
1078
- height: 14px;
1079
- width: 14px;
1080
- top: 1px;
1081
- left: 1px;
1082
- }
1083
- &.ant-switch-large .ant-switch-handle {
1084
- height: 28px;
1085
- width: 28px;
1086
- &::before {
1087
- border-radius: 14px;
1088
- }
1089
- }
1090
-
1091
- &.ant-switch-checked {
1092
- background-color: $green-60;
1093
- }
1094
- &.ant-switch-checked .ant-switch-handle {
1095
- left: calc(100% - 20px - 2px);
1096
- }
1097
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1098
- left: calc(100% - 14px - 1px);
1099
- }
1100
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1101
- left: calc(100% - 28px - 2px);
1102
- }
1103
- }
1104
-
1105
- .E_c1up6e3y {
1106
- margin-left: 5px;
1107
- }
1108
-
1109
-
1110
- .E_s1sck0th {
1111
- padding: 0 8px;
1112
- border-radius: 4px;
1113
- }
1114
-
1115
- .E_m855nr1 {
1116
- padding: 2px 8px;
1117
- border-radius: 3px;
1118
- }
1119
-
1120
- .E_l1270xpg {
1121
- padding: 3px 8px;
1122
- border-radius: 2px;
1023
+
1024
+ .E_l1270xpg {
1025
+ padding: 3px 8px;
1026
+ border-radius: 2px;
1123
1027
  }
1124
1028
 
1125
1029
  .E_t14rextb {
@@ -1193,24 +1097,76 @@
1193
1097
  }
1194
1098
 
1195
1099
 
1196
- .E_iq1gosr {
1197
- display: inline-block;
1198
- }
1199
-
1100
+ .E_s1dizucg {
1101
+ &.ant-switch {
1102
+ min-width: 40px;
1103
+ height: 24px;
1104
+ background: $fills-trans-quinary-light;
1105
+ overflow: hidden;
1106
+ &:focus {
1107
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1108
+ }
1109
+ }
1110
+ &.ant-switch-small {
1111
+ min-width: 26px;
1112
+ height: 16px;
1113
+ }
1114
+ &.ant-switch-large {
1115
+ min-width: 52px;
1116
+ height: 32px;
1117
+ }
1200
1118
 
1201
- .E_t1m2x205 {
1202
- .ant-tooltip-arrow {
1203
- display: none;
1119
+ &.ant-switch .ant-switch-handle {
1120
+ height: 20px;
1121
+ width: 20px;
1122
+ &::before {
1123
+ border-radius: 10px;
1124
+ transition-delay: 120ms;
1125
+ }
1204
1126
  }
1205
- .ant-tooltip-inner {
1206
- background: $gray-a80-9;
1207
- border-radius: 4px;
1208
- &:has(.eagle-ellipsis-content) {
1209
- visibility: hidden;
1127
+ &.ant-switch-small .ant-switch-handle {
1128
+ height: 14px;
1129
+ width: 14px;
1130
+ top: 1px;
1131
+ left: 1px;
1132
+ }
1133
+ &.ant-switch-large .ant-switch-handle {
1134
+ height: 28px;
1135
+ width: 28px;
1136
+ &::before {
1137
+ border-radius: 14px;
1210
1138
  }
1211
1139
  }
1140
+
1141
+ &.ant-switch-checked {
1142
+ background-color: $green-60;
1143
+ }
1144
+ &.ant-switch-checked .ant-switch-handle {
1145
+ left: calc(100% - 20px - 2px);
1146
+ }
1147
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1148
+ left: calc(100% - 14px - 1px);
1149
+ }
1150
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1151
+ left: calc(100% - 28px - 2px);
1152
+ }
1153
+ }
1154
+
1155
+ .E_c1up6e3y {
1156
+ margin-left: 5px;
1157
+ }
1158
+
1159
+
1160
+ .E_ivqqkzv {
1161
+ height: 24px;
1162
+ width: 56px !important;
1163
+ margin-right: 4px;
1212
1164
  }
1213
1165
 
1166
+ .E_c1wk4q29 {
1167
+ color: $text-secondary-light;
1168
+ }
1169
+
1214
1170
 
1215
1171
  .E_s1dni7lo {
1216
1172
  width: 430px !important;
@@ -1301,6 +1257,50 @@
1301
1257
  }
1302
1258
 
1303
1259
 
1260
+ .E_c1bus5hc {
1261
+ --color: white;
1262
+ height: 14px;
1263
+ width: 14px;
1264
+ border-radius: 50%;
1265
+ flex-shrink: 0;
1266
+ display: flex;
1267
+ align-items: center;
1268
+ justify-content: center;
1269
+ border: 1px solid var(--color);
1270
+
1271
+ .circle-inner {
1272
+ position: relative;
1273
+ height: 10px;
1274
+ width: 10px;
1275
+ border-radius: 50%;
1276
+ overflow: hidden;
1277
+ }
1278
+
1279
+ .circle-content {
1280
+ position: absolute;
1281
+ height: 100%;
1282
+ width: 100%;
1283
+ left: 0;
1284
+ top: 0;
1285
+ border-radius: 50%;
1286
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1287
+ transform: rotate(180deg);
1288
+ }
1289
+
1290
+ .circle-child {
1291
+ position: absolute;
1292
+ height: 100%;
1293
+ width: 100%;
1294
+ left: 0;
1295
+ top: 0;
1296
+ margin-left: 50%;
1297
+ transform-origin: left;
1298
+ background: white;
1299
+ transform: rotate(0deg);
1300
+ }
1301
+ }
1302
+
1303
+
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1318,79 +1318,6 @@
1318
1318
  }
1319
1319
 
1320
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_a1wfy30z {
1344
- .ant-input-number-handler-wrap {
1345
- display: var(--a1wfy30z-0);
1346
- }
1347
- .ant-input-number-input-wrap {
1348
- padding: 4px 11px;
1349
- display: inline-flex;
1350
- line-height: 1.5715;
1351
- height: inherit;
1352
- }
1353
-
1354
- .ant-input-number-input-wrap::after {
1355
- content: var(--a1wfy30z-1);
1356
- display: var(--a1wfy30z-2);
1357
- flex: none;
1358
- align-items: center;
1359
- margin-left: 4px;
1360
- }
1361
-
1362
- .ant-input-number-input-wrap::before {
1363
- content: var(--a1wfy30z-3);
1364
- display: var(--a1wfy30z-4);
1365
- flex: none;
1366
- align-items: center;
1367
- margin-right: 4px;
1368
- cursor: auto;
1369
- }
1370
-
1371
- .ant-input-number-input {
1372
- padding: 0;
1373
- margin: 0;
1374
- height: auto;
1375
- font-size: inherit;
1376
- }
1377
- }
1378
-
1379
-
1380
- .E_i1inqkme {
1381
- height: 18px;
1382
- line-height: 18px;
1383
- padding: 0 4px;
1384
- border-radius: 4px;
1385
- background: rgba(235, 239, 245, 0.6);
1386
- border: 1px solid rgba(223, 228, 235, 0.6);
1387
- display: flex;
1388
- align-items: center;
1389
- white-space: nowrap;
1390
- margin-right: 4px;
1391
- }
1392
-
1393
-
1394
1321
  .E_f7pxqmh {
1395
1322
  width: 100%;
1396
1323
  margin-bottom: 0 !important;
@@ -1514,1232 +1441,1305 @@
1514
1441
  }
1515
1442
 
1516
1443
 
1517
- .E_atcz0kf {
1518
- .ant-input-suffix {
1519
- margin-left: 8px;
1520
- }
1521
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1522
- padding: 2px 7px 2px 12px;
1523
- }
1524
- }
1525
-
1444
+ .E_iouxfgt {
1445
+ display: inline-flex;
1446
+ align-items: center;
1526
1447
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1529
- }
1530
-
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1534
- }
1535
-
1536
-
1537
- .E_a1b5xrg3 {
1538
- .user-icon-inner {
1448
+ .icon-inner {
1539
1449
  display: inline-flex;
1540
1450
  align-items: center;
1541
1451
  justify-content: center;
1542
- color: $white;
1543
- font-weight: bold;
1544
- font-size: 12px;
1545
- width: 24px;
1546
- height: 24px;
1547
- border-radius: 50%;
1548
- background: var(--a1b5xrg3-0);
1549
1452
  }
1550
- &.btn-item {
1551
- transition: all 160ms ease;
1552
- cursor: pointer;
1553
- width: 56px;
1554
- height: 40px;
1555
- display: inline-flex;
1556
- align-items: center;
1557
- justify-content: center;
1558
- border-radius: 6px;
1559
-
1560
- &:hover {
1561
- box-shadow:
1562
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1564
- }
1565
-
1566
- &:active {
1567
- transform: translateY(2px);
1568
- transition: all 320ms ease;
1453
+ .icon-inner + span,
1454
+ span + .icon-inner.suffix {
1455
+ margin-left: 4px;
1456
+ }
1457
+ &.is-rotate {
1458
+ img,
1459
+ svg {
1460
+ animation: rotate 680ms linear infinite;
1569
1461
  }
1570
1462
  }
1571
1463
  }
1572
1464
 
1573
1465
 
1574
- .E_dsnbhzf {
1575
- @include Inter(bold);
1576
- font-size: 32px;
1577
- line-height: 40px;
1578
- }
1579
-
1580
- .E_d1mvo22k {
1581
- @include Inter(bold);
1582
- font-size: 24px;
1583
- line-height: 32px;
1584
- }
1585
-
1586
- .E_d1b444tr {
1587
- @include Inter();
1588
- font-size: 32px;
1589
- line-height: 40px;
1590
- }
1591
-
1592
- .E_dvs0kue {
1593
- @include Inter(bold);
1594
- font-size: 20px;
1595
- line-height: 24px;
1596
- }
1597
-
1598
- .E_d1hcbfcq {
1599
- @include Inter();
1600
- font-size: 20px;
1601
- line-height: 24px;
1602
- }
1466
+ .E_a1wfy30z {
1467
+ .ant-input-number-handler-wrap {
1468
+ display: var(--a1wfy30z-0);
1469
+ }
1470
+ .ant-input-number-input-wrap {
1471
+ padding: 4px 11px;
1472
+ display: inline-flex;
1473
+ line-height: 1.5715;
1474
+ height: inherit;
1475
+ }
1603
1476
 
1604
- .E_d1cz922v {
1605
- @include Inter(bold);
1606
- font-size: 18px;
1607
- line-height: 22px;
1608
- }
1477
+ .ant-input-number-input-wrap::after {
1478
+ content: var(--a1wfy30z-1);
1479
+ display: var(--a1wfy30z-2);
1480
+ flex: none;
1481
+ align-items: center;
1482
+ margin-left: 4px;
1483
+ }
1609
1484
 
1610
- .E_d3nzbrm {
1611
- @include Inter();
1612
- font-size: 18px;
1613
- line-height: 22px;
1614
- }
1485
+ .ant-input-number-input-wrap::before {
1486
+ content: var(--a1wfy30z-3);
1487
+ display: var(--a1wfy30z-4);
1488
+ flex: none;
1489
+ align-items: center;
1490
+ margin-right: 4px;
1491
+ cursor: auto;
1492
+ }
1615
1493
 
1616
- .E_h1g0p5ob {
1617
- @include Inter(bold);
1618
- font-size: 16px;
1619
- line-height: 22px;
1494
+ .ant-input-number-input {
1495
+ padding: 0;
1496
+ margin: 0;
1497
+ height: auto;
1498
+ font-size: inherit;
1499
+ }
1620
1500
  }
1621
1501
 
1622
- .E_hydo2ej {
1623
- @include Inter();
1624
- font-size: 16px;
1625
- line-height: 22px;
1626
- }
1627
1502
 
1628
- .E_h1hbuq0r {
1629
- @include Inter(bold);
1630
- font-size: 14px;
1631
- line-height: 20px;
1503
+ .E_atcz0kf {
1504
+ .ant-input-suffix {
1505
+ margin-left: 8px;
1506
+ }
1507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
+ padding: 2px 7px 2px 12px;
1509
+ }
1632
1510
  }
1633
1511
 
1634
- .E_h13bondg {
1635
- @include Inter();
1636
- font-size: 14px;
1637
- line-height: 20px;
1638
- }
1639
1512
 
1640
- .E_h1mhvdlx {
1641
- @include Inter(bold);
1642
- font-size: 12px;
1513
+ .E_i1inqkme {
1514
+ height: 18px;
1643
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;
1644
1524
  }
1645
1525
 
1646
- .E_h1inmfq6 {
1647
- @include Inter();
1648
- font-size: 12px;
1649
- line-height: 18px;
1650
- }
1651
1526
 
1652
- .E_h1kfc0la {
1653
- @include Inter(bold);
1654
- @include Uppercase();
1655
- font-size: 12px;
1656
- line-height: 18px;
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1657
1529
  }
1658
1530
 
1659
- .E_h10xnyuu {
1660
- @include Inter();
1661
- @include Uppercase();
1662
- font-size: 12px;
1663
- line-height: 18px;
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1664
1534
  }
1665
1535
 
1666
- .E_lrcmi0v {
1667
- @include Inter();
1668
- font-size: 16px;
1669
- line-height: 24px;
1670
- }
1671
1536
 
1672
- .E_lzt43lp {
1673
- @include Inter(bold);
1674
- font-size: 16px;
1675
- line-height: 24px;
1537
+ .E_cnujxq2 {
1538
+ display: flex;
1539
+ flex-direction: column;
1676
1540
  }
1677
1541
 
1678
- .E_l5yc9nt {
1679
- @include Inter();
1680
- font-size: 16px;
1681
- line-height: 24px;
1542
+ .E_m7s48ia {
1543
+ max-width: 1120px;
1544
+ width: 100%;
1545
+ margin: 0 auto;
1546
+ height: 100%;
1682
1547
  }
1683
1548
 
1684
- .E_l1fbkbzo {
1685
- @include Inter(bold);
1686
- font-size: 16px;
1687
- line-height: 24px;
1688
- }
1549
+ .E_wt5zbg6 {
1550
+ max-width: 1120px;
1551
+ width: 100%;
1552
+ margin: 0 auto;
1553
+ display: flex;
1689
1554
 
1690
- .E_lahvcax {
1691
- @include Inter();
1692
- @include Uppercase();
1693
- font-size: 16px;
1694
- line-height: 24px;
1695
- }
1555
+ .left,
1556
+ .right {
1557
+ flex-grow: 0;
1558
+ flex-shrink: 0;
1559
+ flex-basis: 21%;
1560
+ }
1696
1561
 
1697
- .E_l11q3pxd {
1698
- @include Inter(bold);
1699
- @include Uppercase();
1700
- font-size: 16px;
1701
- line-height: 24px;
1702
- }
1562
+ .left {
1563
+ display: flex;
1564
+ justify-content: flex-end;
1565
+ padding-right: 44px;
1566
+ }
1703
1567
 
1704
- .E_lfuc2qu {
1705
- @include Inter();
1706
- font-size: 14px;
1707
- line-height: 22px;
1708
- }
1568
+ .right {
1569
+ padding-left: 44px;
1570
+ }
1709
1571
 
1710
- .E_l1jmp8r0 {
1711
- @include Inter(500);
1712
- font-size: 14px;
1713
- line-height: 22px;
1572
+ .middle {
1573
+ margin-bottom: 40px;
1574
+ flex-grow: 0;
1575
+ flex-shrink: 0;
1576
+ flex-basis: 58%;
1577
+ .form-base-field {
1578
+ width: 100%;
1579
+ .form-base-field {
1580
+ width: auto;
1581
+ }
1582
+ }
1583
+ }
1714
1584
  }
1715
1585
 
1716
- .E_lcnm221 {
1717
- @include Inter(bold);
1718
- font-size: 14px;
1719
- line-height: 22px;
1586
+ .E_h18jprzg {
1587
+ .ant-modal-header {
1588
+ margin: 0 auto;
1589
+ width: 100%;
1590
+ max-width: 648px;
1591
+ }
1592
+ .ant-modal-header .ant-modal-title {
1593
+ margin-left: 0;
1594
+ }
1595
+ .ant-modal-body {
1596
+ margin: 0 auto;
1597
+ padding: 0;
1598
+ width: 100%;
1599
+ max-width: 648px;
1600
+ overflow: hidden;
1601
+ }
1602
+ .ant-modal-body .horizontal-steps-wrapper {
1603
+ margin-bottom: 40px;
1604
+ }
1605
+ .ant-modal-body .horizontal-content-wrapper {
1606
+ height: calc(100vh - 225px);
1607
+ overflow-y: auto;
1608
+ }
1609
+ .ant-modal-footer .footer-content {
1610
+ margin: 0 auto;
1611
+ max-width: 648px;
1612
+ }
1720
1613
  }
1721
1614
 
1722
- .E_lu1z2n5 {
1723
- @include Inter();
1724
- font-size: 14px;
1725
- line-height: 22px;
1615
+ .E_h16z9xgz {
1616
+ .ant-modal-header {
1617
+ margin: 0 auto;
1618
+ width: 100%;
1619
+ max-width: 1024px;
1620
+ }
1621
+ .ant-modal-header .ant-modal-title {
1622
+ margin-left: 0;
1623
+ }
1624
+ .ant-modal-body {
1625
+ margin: 0 auto;
1626
+ padding: 0;
1627
+ width: 100%;
1628
+ max-width: 1024px;
1629
+ overflow: hidden;
1630
+ }
1631
+ .ant-modal-body .horizontal-steps-wrapper {
1632
+ margin-bottom: 40px;
1633
+ }
1634
+ .ant-modal-body .horizontal-content-wrapper {
1635
+ height: calc(100vh - 225px);
1636
+ overflow-y: auto;
1637
+ }
1638
+ .ant-modal-footer .footer-content {
1639
+ margin: 0 auto;
1640
+ max-width: 1024px;
1641
+ }
1726
1642
  }
1727
1643
 
1728
- .E_l1r59djn {
1729
- @include Inter(bold);
1730
- font-size: 14px;
1731
- line-height: 22px;
1732
- }
1644
+ .E_f1lrhghm {
1645
+ flex: 1;
1733
1646
 
1734
- .E_ljm2911 {
1735
- @include Inter();
1736
- @include Uppercase();
1737
- font-size: 14px;
1738
- line-height: 22px;
1739
- }
1647
+ label {
1648
+ font-size: 13px;
1649
+ line-height: 20px;
1650
+ color: $text-secondary-light;
1651
+ }
1740
1652
 
1741
- .E_l124mzmr {
1742
- @include Inter(bold);
1743
- @include Uppercase();
1744
- font-size: 14px;
1745
- line-height: 22px;
1746
- }
1653
+ .title {
1654
+ font-size: 14px;
1655
+ line-height: 20px;
1656
+ color: $text-primary-light;
1657
+ margin-bottom: 12px;
1658
+ }
1747
1659
 
1748
- .E_lb3chel {
1749
- @include Inter();
1750
- font-size: 13px;
1751
- line-height: 20px;
1660
+ &.connect-cluster .title {
1661
+ padding-bottom: 26px;
1662
+ }
1752
1663
  }
1753
1664
 
1754
- .E_lv9jstu {
1755
- @include Inter(600);
1756
- font-size: 13px;
1757
- line-height: 20px;
1665
+ .E_f18ot8em {
1666
+ padding: 25px 0 15px 0;
1667
+ border-bottom: 1px solid #e1e5eb;
1668
+ margin-bottom: 16px;
1758
1669
  }
1759
1670
 
1760
- .E_lwqlh3x {
1761
- @include Inter(bold);
1762
- font-size: 13px;
1763
- line-height: 20px;
1764
- }
1671
+ .E_f1l1g2k0 {
1672
+ display: flex;
1673
+ align-items: center;
1674
+ margin-bottom: 8px;
1765
1675
 
1766
- .E_lalum9y {
1767
- @include Inter();
1768
- font-size: 13px;
1769
- line-height: 20px;
1770
- }
1676
+ > label {
1677
+ width: 216px;
1678
+ }
1771
1679
 
1772
- .E_l1t6dj5o {
1773
- @include Inter(600);
1774
- font-size: 13px;
1775
- line-height: 20px;
1776
- }
1680
+ > label + * {
1681
+ width: 100%;
1682
+ }
1777
1683
 
1778
- .E_l12f6ic {
1779
- @include Inter(bold);
1780
- font-size: 13px;
1781
- line-height: 20px;
1684
+ .ant-select {
1685
+ width: 100%;
1686
+ }
1782
1687
  }
1783
1688
 
1784
- .E_l7gmukq {
1785
- @include Inter();
1786
- @include Uppercase();
1787
- font-size: 13px;
1788
- line-height: 20px;
1689
+ .E_e1k89cwg {
1690
+ color: $red;
1691
+ margin-right: 10px;
1789
1692
  }
1790
1693
 
1791
- .E_lkwl0yp {
1792
- @include Inter(bold);
1793
- @include Uppercase();
1794
- font-size: 13px;
1795
- line-height: 20px;
1694
+ .E_d1oui1gf {
1695
+ width: 100%;
1696
+ height: 1px;
1697
+ background: rgba(213, 219, 227, 0.6);
1698
+ margin: 24px 0;
1796
1699
  }
1797
1700
 
1798
- .E_l10knv48 {
1799
- @include Inter();
1800
- font-size: 12px;
1801
- line-height: 18px;
1701
+ .E_l15itdbb {
1702
+ display: flex;
1703
+ justify-content: center;
1704
+ align-items: center;
1705
+ height: 100%;
1802
1706
  }
1803
1707
 
1804
- .E_l6526ld {
1805
- @include Inter(500);
1806
- font-size: 12px;
1807
- line-height: 18px;
1708
+ .E_d1y3z4w {
1709
+ display: inline-block;
1710
+ width: 4px;
1711
+ height: 4px;
1712
+ background: #8e9aa9;
1713
+ opacity: 0.4;
1714
+ border-radius: 50%;
1715
+ margin: 0 4px;
1808
1716
  }
1809
1717
 
1810
- .E_l1j81vli {
1811
- @include Inter(bold);
1812
- font-size: 12px;
1813
- line-height: 18px;
1814
- }
1718
+ .E_m177r7a3 {
1719
+ .ant-modal-header,
1720
+ .ant-modal-footer .footer-content {
1721
+ width: 648px;
1722
+ margin: 0 auto;
1723
+ }
1815
1724
 
1816
- .E_l1x7n1mk {
1817
- @include Inter();
1818
- font-size: 12px;
1819
- line-height: 18px;
1820
- }
1725
+ .ant-modal-header {
1726
+ padding: 35px 0 24px;
1727
+ border: none;
1821
1728
 
1822
- .E_l9fqufz {
1823
- @include Inter(500);
1824
- font-size: 12px;
1825
- line-height: 18px;
1826
- }
1729
+ .ant-modal-title {
1730
+ font-size: 30px;
1731
+ }
1732
+ }
1827
1733
 
1828
- .E_l1iwnybd {
1829
- @include Inter(bold);
1830
- font-size: 12px;
1831
- line-height: 18px;
1832
- }
1734
+ .ant-modal-body {
1735
+ padding: 4px 0 2px;
1736
+ }
1833
1737
 
1834
- .E_lprtm1e {
1835
- @include Inter();
1836
- @include Uppercase();
1837
- font-size: 12px;
1838
- line-height: 18px;
1738
+ .ant-modal-footer {
1739
+ border: none;
1740
+ }
1839
1741
  }
1840
1742
 
1841
- .E_l1lln87h {
1842
- @include Inter(bold);
1843
- @include Uppercase();
1743
+ .E_t1wwio3v {
1844
1744
  font-size: 12px;
1845
1745
  line-height: 18px;
1746
+ font-weight: bold;
1747
+ color: $white;
1748
+ padding: 0 4px;
1749
+ border-radius: 4px;
1750
+ display: inline-block;
1751
+ background: var(--t1wwio3v-0);
1752
+ &:not(:first-child) {
1753
+ margin-left: 4px;
1754
+ }
1846
1755
  }
1847
1756
 
1848
- .E_f2pb48l {
1849
- @include Inter();
1850
- font-size: 13px;
1851
- line-height: 20px;
1757
+ .E_f17jvtfk {
1758
+ width: 100%;
1759
+ height: 100%;
1760
+ display: flex;
1761
+ align-items: center;
1762
+ justify-content: center;
1852
1763
  }
1853
1764
 
1854
- .E_fi9emkw {
1855
- @include Inter();
1856
- font-size: 13px;
1857
- line-height: 20px;
1765
+ .E_nzppkea {
1766
+ font-size: 90%;
1767
+ font-weight: bold;
1768
+ background-color: rgba(240, 243, 247, 0.6);
1769
+ padding: 1px 4px 1px;
1770
+ margin-left: 2px;
1771
+ margin-right: 2px;
1772
+ border: 1px solid rgba(213, 219, 227, 0.6);
1773
+ border-radius: 4px;
1858
1774
  }
1859
1775
 
1860
- .E_f1nrg7da {
1861
- @include Inter();
1862
- font-size: 12px;
1863
- line-height: 18px;
1776
+ .E_f4mi9eq {
1777
+ &.form-item-general {
1778
+ width: 640px;
1779
+ &.form-item + &.form-item {
1780
+ margin-top: 16px;
1781
+ }
1782
+ }
1783
+ &.form-item-compact {
1784
+ width: 412px;
1785
+ &.form-item + &.form-item {
1786
+ margin-top: 8px;
1787
+ }
1788
+ }
1789
+ & .form-item {
1790
+ width: auto;
1791
+ }
1792
+ .form-item-main {
1793
+ position: relative;
1794
+ display: flex;
1795
+ }
1796
+ .form-item-extra {
1797
+ margin-top: 4px;
1798
+ width: 100%;
1799
+ padding: 14px;
1800
+ background: #f2f4f6;
1801
+ font-size: 13px;
1802
+ line-height: 1.8;
1803
+ color: #8e9aa9;
1804
+ }
1805
+ .form-item-label {
1806
+ padding-right: 12px;
1807
+ font-size: 13px;
1808
+ color: $text-secondary-light;
1809
+
1810
+ &.label-right {
1811
+ text-align: right;
1812
+ }
1813
+ }
1814
+ .form-item-label,
1815
+ .form-item-control {
1816
+ line-height: 32px;
1817
+ }
1818
+ .form-item-control .form-item-error {
1819
+ line-height: 18px;
1820
+ }
1821
+ .form-item-children {
1822
+ width: 100%;
1823
+ > *:only-child {
1824
+ &.ant-select,
1825
+ &.ant-radio-group,
1826
+ &.ant-checkbox-group {
1827
+ width: 100%;
1828
+ }
1829
+ }
1830
+ }
1831
+ .form-item-error {
1832
+ color: $red;
1833
+ height: 0;
1834
+ overflow: hidden;
1835
+ }
1836
+ .form-item-error-enter-done {
1837
+ margin-top: 4px;
1838
+ height: auto;
1839
+ overflow: auto;
1840
+ }
1841
+ &.form-base-field:not(.form-base-field-array) {
1842
+ .form-item-control.field-error .form-item-error {
1843
+ > input:not(.ant-input),
1844
+ :not(.ant-select) input {
1845
+ border: 1px solid $red;
1846
+ color: $red;
1847
+ }
1848
+ }
1849
+ }
1864
1850
  }
1865
1851
 
1866
- .E_f17k1i3n {
1867
- @include Inter();
1868
- font-size: 12px;
1869
- line-height: 18px;
1852
+ .E_fh0ewl8 {
1853
+ color: $gray-80;
1854
+ font-weight: bold;
1855
+ padding-bottom: 6px;
1856
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
1857
+ margin-bottom: 16px;
1858
+
1859
+ &:not(:first-of-type) {
1860
+ margin-top: 16px;
1861
+ }
1870
1862
  }
1871
1863
 
1872
- .E_t1tvuj2e {
1873
- @include Inter();
1874
- @include Monospace();
1875
- font-size: 13px;
1876
- line-height: 20px;
1864
+ .E_e1qrlvot {
1865
+ width: 8px;
1866
+ height: 24px;
1867
+ display: flex;
1868
+ justify-content: center;
1869
+ align-items: center;
1870
+ cursor: pointer;
1871
+ transition: all 200ms ease-out 40ms;
1872
+
1873
+ &:before,
1874
+ &:after {
1875
+ content: "";
1876
+ width: 1px;
1877
+ height: 6px;
1878
+ border-radius: 1px;
1879
+ background: $gray-50;
1880
+ position: relative;
1881
+ right: 2px;
1882
+ transform: rotate(-45deg);
1883
+ }
1884
+
1885
+ &:after {
1886
+ transform: rotate(45deg);
1887
+ left: 1px;
1888
+ }
1877
1889
  }
1878
1890
 
1879
- .E_t17uajlu {
1880
- @include Inter();
1881
- @include Slashed();
1882
- font-size: 13px;
1883
- line-height: 20px;
1891
+ .E_w9ic984 {
1892
+ &.ant-alert-warning {
1893
+ border: 0;
1894
+ background: rgba(255, 187, 0, 0.1);
1895
+ border-radius: 6px;
1896
+ }
1897
+ &.ant-alert,
1898
+ .ant-alert-message {
1899
+ color: #e07f00;
1900
+ .dashed-border-bottom {
1901
+ border-bottom-color: #e07f00;
1902
+ }
1903
+ }
1884
1904
  }
1885
1905
 
1886
- .E_t114zbyz {
1887
- @include Inter();
1888
- @include Monospace();
1906
+ .E_n1k9qi4r {
1907
+ display: flex;
1908
+ flex-direction: row;
1909
+ padding: 7px 12px;
1910
+ background: rgba(255, 187, 0, 0.1);
1911
+ border-radius: 6px;
1912
+ color: $fills-light-notice-notice-dark;
1889
1913
  font-size: 12px;
1890
1914
  line-height: 18px;
1915
+ .icon-wrapper {
1916
+ margin-right: 10px;
1917
+ height: 18px;
1918
+ }
1891
1919
  }
1892
1920
 
1893
- .E_t1il0kvi {
1894
- @include Inter(500);
1895
- @include Monospace();
1921
+ .E_n16fsg9x {
1922
+ display: flex;
1923
+ flex-direction: row;
1924
+ padding: 7px 12px;
1925
+ background: rgba(225, 230, 241, 0.6);
1926
+ border-radius: 6px;
1927
+ color: $text-light-secondary;
1896
1928
  font-size: 12px;
1897
1929
  line-height: 18px;
1930
+ .icon-wrapper {
1931
+ margin-right: 10px;
1932
+ height: 18px;
1933
+ }
1898
1934
  }
1899
1935
 
1900
- .E_t10dv8p1 {
1901
- @include Inter();
1902
- @include Slashed();
1936
+ .E_i173wxzw {
1937
+ display: flex;
1938
+ flex-direction: row;
1939
+ padding: 7px 12px;
1940
+ background: rgba(0, 136, 255, 0.1);
1941
+ border-radius: 6px;
1942
+ color: $fills-light-general-general-dark;
1903
1943
  font-size: 12px;
1904
1944
  line-height: 18px;
1945
+ .icon-wrapper {
1946
+ margin-right: 10px;
1947
+ height: 18px;
1948
+ }
1905
1949
  }
1906
1950
 
1907
- .E_tc2oqpq {
1908
- @include Inter(500);
1909
- @include Slashed();
1951
+ .E_dld369h {
1952
+ color: $text-light-secondary;
1953
+ margin-top: 5px;
1910
1954
  font-size: 12px;
1911
1955
  line-height: 18px;
1912
1956
  }
1913
1957
 
1914
- .E_tzvddmc {
1915
- @include Inter(bold);
1916
- @include Slashed();
1917
- font-size: 16px;
1918
- line-height: 24px;
1919
- }
1920
-
1921
- .E_u18llj45 {
1922
- @include Inter();
1923
- font-size: 10px;
1924
- line-height: 12px;
1925
- }
1926
-
1927
-
1928
- .E_m196gn1d {
1929
- min-width: 1280px;
1958
+ .E_s1epv22q {
1959
+ color: $text-light-serious;
1960
+ font-size: 12px;
1961
+ white-space: pre-wrap;
1930
1962
  }
1931
1963
 
1932
-
1933
- .E_cnujxq2 {
1964
+ .E_okus5hk {
1934
1965
  display: flex;
1935
- flex-direction: column;
1966
+ align-items: center;
1967
+ justify-content: flex-end;
1968
+ .icon-wrapper {
1969
+ margin-right: 16px;
1970
+ }
1936
1971
  }
1937
1972
 
1938
- .E_m7s48ia {
1939
- max-width: 1120px;
1940
- width: 100%;
1941
- margin: 0 auto;
1942
- height: 100%;
1973
+ .E_t1auuzri {
1974
+ color: $text-light-tertiary;
1943
1975
  }
1944
1976
 
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%;
1977
+ .E_i74cfyt {
1978
+ &.ant-input {
1979
+ padding: 5px 12px;
1980
+ line-height: 20px;
1981
+ color: $text-primary-light;
1982
+ border-radius: 6px;
1983
+ border-color: $strokes-light-trans-3;
1984
+ transition:
1985
+ height 240ms ease 8ms,
1986
+ border 160ms ease 8ms,
1987
+ box-shadow 160ms ease 8ms;
1956
1988
  }
1957
1989
 
1958
- .left {
1959
- display: flex;
1960
- justify-content: flex-end;
1961
- padding-right: 44px;
1990
+ &.ant-input.ant-input-lg {
1991
+ padding: 8px 16px;
1992
+ line-height: 22px;
1962
1993
  }
1963
1994
 
1964
- .right {
1965
- padding-left: 44px;
1995
+ &.ant-input.ant-input-sm {
1996
+ padding: 2px 8px;
1997
+ line-height: 18px;
1966
1998
  }
1967
1999
 
1968
- .middle {
1969
- margin-bottom: 40px;
1970
- flex-grow: 0;
1971
- flex-shrink: 0;
1972
- flex-basis: 58%;
1973
- .form-base-field {
1974
- width: 100%;
1975
- .form-base-field {
1976
- width: auto;
1977
- }
2000
+ &.ant-input:not([disabled]),
2001
+ &.ant-input-number:not([disabled]) {
2002
+ &:hover,
2003
+ &.__pseudo-states-hover {
2004
+ border-color: $strokes-light-trans-4;
2005
+ box-shadow: $shadow-light-hover;
2006
+ z-index: $input-hover-index;
1978
2007
  }
1979
- }
1980
- }
1981
-
1982
- .E_h18jprzg {
1983
- .ant-modal-header {
1984
- margin: 0 auto;
1985
- width: 100%;
1986
- max-width: 648px;
1987
- }
1988
- .ant-modal-header .ant-modal-title {
1989
- margin-left: 0;
1990
- }
1991
- .ant-modal-body {
1992
- margin: 0 auto;
1993
- padding: 0;
1994
- width: 100%;
1995
- max-width: 648px;
1996
- overflow: hidden;
1997
- }
1998
- .ant-modal-body .horizontal-steps-wrapper {
1999
- margin-bottom: 40px;
2000
- }
2001
- .ant-modal-body .horizontal-content-wrapper {
2002
- height: calc(100vh - 225px);
2003
- overflow-y: auto;
2004
- }
2005
- .ant-modal-footer .footer-content {
2006
- margin: 0 auto;
2007
- max-width: 648px;
2008
- }
2009
- }
2010
2008
 
2011
- .E_h16z9xgz {
2012
- .ant-modal-header {
2013
- margin: 0 auto;
2014
- width: 100%;
2015
- max-width: 1024px;
2016
- }
2017
- .ant-modal-header .ant-modal-title {
2018
- margin-left: 0;
2019
- }
2020
- .ant-modal-body {
2021
- margin: 0 auto;
2022
- padding: 0;
2023
- width: 100%;
2024
- max-width: 1024px;
2025
- overflow: hidden;
2026
- }
2027
- .ant-modal-body .horizontal-steps-wrapper {
2028
- margin-bottom: 40px;
2029
- }
2030
- .ant-modal-body .horizontal-content-wrapper {
2031
- height: calc(100vh - 225px);
2032
- overflow-y: auto;
2033
- }
2034
- .ant-modal-footer .footer-content {
2035
- margin: 0 auto;
2036
- max-width: 1024px;
2009
+ &:active,
2010
+ &:focus,
2011
+ &.__pseudo-states-active,
2012
+ &.__pseudo-states-focus {
2013
+ border-color: $blue;
2014
+ box-shadow: $shadow-light-active;
2015
+ z-index: $input-hover-index;
2016
+ }
2037
2017
  }
2038
- }
2039
2018
 
2040
- .E_f1lrhghm {
2041
- flex: 1;
2019
+ &.ant-input.error:not([disabled]),
2020
+ &.ant-picker.error:not([disabled]),
2021
+ &.ant-input-number.error:not([disabled]) {
2022
+ border-color: $red;
2023
+ color: $red;
2042
2024
 
2043
- label {
2044
- font-size: 13px;
2045
- line-height: 20px;
2046
- color: $text-secondary-light;
2047
- }
2025
+ &:hover,
2026
+ &.__pseudo-states-hover {
2027
+ border-color: $red;
2028
+ box-shadow: $shadow-light-hover;
2029
+ }
2048
2030
 
2049
- .title {
2050
- font-size: 14px;
2051
- line-height: 20px;
2052
- color: $text-primary-light;
2053
- margin-bottom: 12px;
2031
+ &:active,
2032
+ &:focus,
2033
+ &.__pseudo-states-active,
2034
+ &.__pseudo-states-focus {
2035
+ border-color: $red;
2036
+ box-shadow: $shadow-light-error;
2037
+ }
2054
2038
  }
2055
2039
 
2056
- &.connect-cluster .title {
2057
- padding-bottom: 26px;
2040
+ &.ant-input[disabled],
2041
+ &.ant-input.ant-input-disabled,
2042
+ &.ant-input-number[disabled],
2043
+ &.ant-input-number.ant-input-number-disabled {
2044
+ background: $fills-trans-terdiary-light;
2045
+ color: $text-light-tertiary;
2046
+ border-color: $strokes-light-trans-3;
2058
2047
  }
2059
- }
2060
-
2061
- .E_f18ot8em {
2062
- padding: 25px 0 15px 0;
2063
- border-bottom: 1px solid #e1e5eb;
2064
- margin-bottom: 16px;
2065
- }
2066
2048
 
2067
- .E_f1l1g2k0 {
2068
- display: flex;
2069
- align-items: center;
2070
- margin-bottom: 8px;
2049
+ &.ant-input-affix-wrapper {
2050
+ padding: 5px 12px;
2051
+ border-radius: 6px;
2052
+ border-color: $strokes-light-trans-3;
2053
+ line-height: 20px;
2054
+ color: $text-primary-light;
2055
+ transition:
2056
+ height 240ms ease 8ms,
2057
+ border 160ms ease 8ms,
2058
+ box-shadow 160ms ease 8ms;
2071
2059
 
2072
- > label {
2073
- width: 216px;
2060
+ .ant-input-suffix,
2061
+ .ant-input-prefix {
2062
+ color: $text-secondary-light;
2063
+ }
2074
2064
  }
2075
2065
 
2076
- > label + * {
2077
- width: 100%;
2066
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2067
+ padding: 8px 16px;
2068
+ line-height: 22px;
2078
2069
  }
2079
2070
 
2080
- .ant-select {
2081
- width: 100%;
2071
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2072
+ padding: 2px 8px;
2073
+ line-height: 18px;
2082
2074
  }
2083
- }
2084
-
2085
- .E_e1k89cwg {
2086
- color: $red;
2087
- margin-right: 10px;
2088
- }
2089
-
2090
- .E_d1oui1gf {
2091
- width: 100%;
2092
- height: 1px;
2093
- background: rgba(213, 219, 227, 0.6);
2094
- margin: 24px 0;
2095
- }
2096
-
2097
- .E_l15itdbb {
2098
- display: flex;
2099
- justify-content: center;
2100
- align-items: center;
2101
- height: 100%;
2102
- }
2103
2075
 
2104
- .E_d1y3z4w {
2105
- display: inline-block;
2106
- width: 4px;
2107
- height: 4px;
2108
- background: #8e9aa9;
2109
- opacity: 0.4;
2110
- border-radius: 50%;
2111
- margin: 0 4px;
2112
- }
2076
+ &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2077
+ &:hover,
2078
+ &.__pseudo-states-hover {
2079
+ border-color: $strokes-light-trans-4;
2080
+ box-shadow: $shadow-light-hover;
2081
+ }
2113
2082
 
2114
- .E_m177r7a3 {
2115
- .ant-modal-header,
2116
- .ant-modal-footer .footer-content {
2117
- width: 648px;
2118
- margin: 0 auto;
2083
+ &:active,
2084
+ &:focus,
2085
+ &.ant-input-affix-wrapper-focused,
2086
+ &.__pseudo-states-active,
2087
+ &.__pseudo-states-focus {
2088
+ border-color: $blue;
2089
+ box-shadow: $shadow-light-active;
2090
+ }
2119
2091
  }
2120
2092
 
2121
- .ant-modal-header {
2122
- padding: 35px 0 24px;
2123
- border: none;
2124
-
2125
- .ant-modal-title {
2126
- font-size: 30px;
2093
+ &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2094
+ border-color: $red;
2095
+ > .ant-input {
2096
+ color: $red;
2127
2097
  }
2128
- }
2129
2098
 
2130
- .ant-modal-body {
2131
- padding: 4px 0 2px;
2132
- }
2099
+ &:hover,
2100
+ &.__pseudo-states-hover {
2101
+ border-color: $red;
2102
+ box-shadow: $shadow-light-hover;
2103
+ }
2133
2104
 
2134
- .ant-modal-footer {
2135
- border: none;
2105
+ &:active,
2106
+ &:focus,
2107
+ &.ant-input-affix-wrapper-focused,
2108
+ &.__pseudo-states-active,
2109
+ &.__pseudo-states-focus {
2110
+ border-color: $red;
2111
+ box-shadow: $shadow-light-error;
2112
+ }
2136
2113
  }
2137
- }
2138
2114
 
2139
- .E_t1wwio3v {
2140
- font-size: 12px;
2141
- line-height: 18px;
2142
- font-weight: bold;
2143
- color: $white;
2144
- padding: 0 4px;
2145
- border-radius: 4px;
2146
- display: inline-block;
2147
- background: var(--t1wwio3v-0);
2148
- &:not(:first-child) {
2149
- margin-left: 4px;
2115
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2116
+ background: $fills-trans-terdiary-light;
2117
+ color: $text-light-tertiary;
2118
+ border-color: $strokes-light-trans-3;
2150
2119
  }
2151
- }
2152
2120
 
2153
- .E_f17jvtfk {
2154
- width: 100%;
2155
- height: 100%;
2156
- display: flex;
2157
- align-items: center;
2158
- justify-content: center;
2121
+ @at-root {
2122
+ textarea#{&}.ant-input {
2123
+ transition-property: height;
2124
+ transition-delay: 50ms;
2125
+ &.textarea-large {
2126
+ min-height: 40px;
2127
+ height: 40px;
2128
+ }
2129
+ &.textarea-large:focus {
2130
+ height: 80px;
2131
+ }
2132
+ &.textarea-middle {
2133
+ min-height: 32px;
2134
+ height: 32px;
2135
+ }
2136
+ &.textarea-middle:focus {
2137
+ height: 64px;
2138
+ }
2139
+ &.textarea-small {
2140
+ min-height: 24px;
2141
+ height: 24px;
2142
+ }
2143
+ &.textarea-small:focus {
2144
+ height: 40px;
2145
+ }
2146
+ }
2147
+ }
2159
2148
  }
2160
2149
 
2161
- .E_nzppkea {
2162
- font-size: 90%;
2163
- font-weight: bold;
2164
- background-color: rgba(240, 243, 247, 0.6);
2165
- padding: 1px 4px 1px;
2166
- margin-left: 2px;
2167
- margin-right: 2px;
2168
- border: 1px solid rgba(213, 219, 227, 0.6);
2169
- border-radius: 4px;
2170
- }
2150
+ .E_k1ci6977 {
2151
+ input,
2152
+ &.input-tags {
2153
+ border: 1px solid rgba(213, 219, 227, 0.6);
2154
+ border-radius: 4px;
2155
+ }
2156
+ &.input-tags {
2157
+ position: relative;
2158
+ padding: 6px;
2159
+ height: 32px;
2160
+ cursor: pointer;
2161
+ transition: border 150ms;
2171
2162
 
2172
- .E_f4mi9eq {
2173
- &.form-item-general {
2174
- width: 640px;
2175
- &.form-item + &.form-item {
2176
- margin-top: 16px;
2163
+ &:hover {
2164
+ border-color: $blue-60;
2165
+ box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2177
2166
  }
2178
- }
2179
- &.form-item-compact {
2180
- width: 412px;
2181
- &.form-item + &.form-item {
2182
- margin-top: 8px;
2167
+
2168
+ &.kit-input-suffix-wrapper {
2169
+ padding-right: 30px;
2183
2170
  }
2184
- }
2185
- & .form-item {
2186
- width: auto;
2187
- }
2188
- .form-item-main {
2189
- position: relative;
2190
- display: flex;
2191
- }
2192
- .form-item-extra {
2193
- margin-top: 4px;
2194
- width: 100%;
2195
- padding: 14px;
2196
- background: #f2f4f6;
2197
- font-size: 13px;
2198
- line-height: 1.8;
2199
- color: #8e9aa9;
2200
- }
2201
- .form-item-label {
2202
- padding-right: 12px;
2203
- font-size: 13px;
2204
- color: $text-secondary-light;
2205
2171
 
2206
- &.label-right {
2207
- text-align: right;
2172
+ .input-tags-inner {
2173
+ display: flex;
2174
+ .tags-overflow-auto {
2175
+ display: flex;
2176
+ }
2208
2177
  }
2209
- }
2210
- .form-item-label,
2211
- .form-item-control {
2212
- line-height: 32px;
2213
- }
2214
- .form-item-control .form-item-error {
2215
- line-height: 18px;
2216
- }
2217
- .form-item-children {
2218
- width: 100%;
2219
- > *:only-child {
2220
- &.ant-select,
2221
- &.ant-radio-group,
2222
- &.ant-checkbox-group {
2223
- width: 100%;
2178
+
2179
+ .input-tag-suffix {
2180
+ position: absolute;
2181
+ right: 12px;
2182
+ top: 50%;
2183
+ transform: translateY(-50%);
2184
+ .anticon-close-circle {
2185
+ color: rgba(0, 0, 0, 0.25);
2186
+ font-size: 12px;
2187
+ cursor: pointer;
2188
+ &:hover {
2189
+ color: rgba(0, 0, 0, 0.45);
2190
+ }
2224
2191
  }
2225
2192
  }
2226
2193
  }
2227
- .form-item-error {
2228
- color: $red;
2229
- height: 0;
2194
+ &.has-focus-indicator {
2195
+ position: relative;
2230
2196
  overflow: hidden;
2231
- }
2232
- .form-item-error-enter-done {
2233
- margin-top: 4px;
2234
- height: auto;
2235
- overflow: auto;
2236
- }
2237
- &.form-base-field:not(.form-base-field-array) {
2238
- .form-item-control.field-error .form-item-error {
2239
- > input:not(.ant-input),
2240
- :not(.ant-select) input {
2241
- border: 1px solid $red;
2242
- color: $red;
2197
+
2198
+ .ant-input-prefix {
2199
+ position: absolute;
2200
+ top: 50%;
2201
+ transform: translateY(-50%);
2202
+ left: -16px;
2203
+ transition: left 150ms ease;
2204
+ opacity: 0;
2205
+ }
2206
+ &.ant-input-affix-wrapper-focused .ant-input-prefix {
2207
+ left: 8px;
2208
+ opacity: 1;
2209
+ }
2210
+
2211
+ input {
2212
+ transition: margin-left 150ms ease;
2213
+ margin-left: 0px;
2214
+ &:focus {
2215
+ margin-left: 16px;
2243
2216
  }
2244
2217
  }
2245
2218
  }
2246
2219
  }
2247
2220
 
2248
- .E_fh0ewl8 {
2249
- color: $gray-80;
2250
- font-weight: bold;
2251
- padding-bottom: 6px;
2252
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
2253
- margin-bottom: 16px;
2254
-
2255
- &:not(:first-of-type) {
2256
- margin-top: 16px;
2221
+ .E_l1f7td1d {
2222
+ @at-root {
2223
+ input#{&}.ant-input {
2224
+ border-top-right-radius: 0;
2225
+ border-bottom-right-radius: 0;
2226
+ }
2227
+ }
2228
+ &.ant-input-affix-wrapper {
2229
+ border-top-right-radius: 0;
2230
+ border-bottom-right-radius: 0;
2257
2231
  }
2258
2232
  }
2259
2233
 
2260
- .E_e1qrlvot {
2261
- width: 8px;
2262
- height: 24px;
2263
- display: flex;
2264
- justify-content: center;
2265
- align-items: center;
2266
- cursor: pointer;
2267
- transition: all 200ms ease-out 40ms;
2268
-
2269
- &:before,
2270
- &:after {
2271
- content: "";
2272
- width: 1px;
2273
- height: 6px;
2274
- border-radius: 1px;
2275
- background: $gray-50;
2276
- position: relative;
2277
- right: 2px;
2278
- transform: rotate(-45deg);
2234
+ .E_rf8rlle {
2235
+ @at-root {
2236
+ input#{&}.ant-input {
2237
+ border-top-left-radius: 0;
2238
+ border-bottom-left-radius: 0;
2239
+ }
2279
2240
  }
2280
2241
 
2281
- &:after {
2282
- transform: rotate(45deg);
2283
- left: 1px;
2242
+ &.ant-input-affix-wrapper {
2243
+ border-top-left-radius: 0;
2244
+ border-bottom-left-radius: 0;
2284
2245
  }
2285
2246
  }
2286
2247
 
2287
- .E_w9ic984 {
2288
- &.ant-alert-warning {
2289
- border: 0;
2290
- background: rgba(255, 187, 0, 0.1);
2291
- border-radius: 6px;
2292
- }
2293
- &.ant-alert,
2294
- .ant-alert-message {
2295
- color: #e07f00;
2296
- .dashed-border-bottom {
2297
- border-bottom-color: #e07f00;
2298
- }
2248
+ .E_llt2k48 {
2249
+ &.ant-select.select,
2250
+ &.ant-select.select .ant-select-selector {
2251
+ border-top-right-radius: 0;
2252
+ border-bottom-right-radius: 0;
2299
2253
  }
2300
2254
  }
2301
2255
 
2302
- .E_n1k9qi4r {
2303
- display: flex;
2304
- flex-direction: row;
2305
- padding: 7px 12px;
2306
- background: rgba(255, 187, 0, 0.1);
2307
- border-radius: 6px;
2308
- color: $fills-light-notice-notice-dark;
2309
- font-size: 12px;
2310
- line-height: 18px;
2311
- .icon-wrapper {
2312
- margin-right: 10px;
2313
- height: 18px;
2256
+ .E_rdwz7eh {
2257
+ &.ant-select.select,
2258
+ &.ant-select.select .ant-select-selector {
2259
+ border-top-left-radius: 0;
2260
+ border-bottom-left-radius: 0;
2314
2261
  }
2315
2262
  }
2316
2263
 
2317
- .E_n16fsg9x {
2264
+ .E_c3ni091 {
2318
2265
  display: flex;
2319
- flex-direction: row;
2320
- padding: 7px 12px;
2321
- background: rgba(225, 230, 241, 0.6);
2322
- border-radius: 6px;
2323
- color: $text-light-secondary;
2324
- font-size: 12px;
2325
- line-height: 18px;
2326
- .icon-wrapper {
2327
- margin-right: 10px;
2328
- height: 18px;
2329
- }
2330
- }
2266
+ flex-direction: column;
2331
2267
 
2332
- .E_i173wxzw {
2333
- display: flex;
2334
- flex-direction: row;
2335
- padding: 7px 12px;
2336
- background: rgba(0, 136, 255, 0.1);
2337
- border-radius: 6px;
2338
- color: $fills-light-general-general-dark;
2339
- font-size: 12px;
2340
- line-height: 18px;
2341
- .icon-wrapper {
2342
- margin-right: 10px;
2343
- height: 18px;
2268
+ .select-wrapper {
2269
+ margin-top: 12px;
2270
+
2271
+ .select {
2272
+ width: 100%;
2273
+ }
2274
+ }
2275
+
2276
+ .radio-wrapper {
2277
+ margin-top: 24px;
2278
+ }
2279
+
2280
+ div.form-item {
2281
+ width: 100%;
2344
2282
  }
2345
2283
  }
2346
2284
 
2347
- .E_dld369h {
2348
- color: $text-light-secondary;
2349
- margin-top: 5px;
2350
- font-size: 12px;
2285
+ .E_d105ju2d {
2286
+ font-size: 14px;
2287
+ font-weight: 500;
2288
+ color: #3e4652;
2351
2289
  line-height: 18px;
2290
+
2291
+ & + & {
2292
+ margin-top: 16px;
2293
+ }
2294
+
2295
+ & + * {
2296
+ margin-top: 16px;
2297
+ }
2352
2298
  }
2353
2299
 
2354
- .E_s1epv22q {
2355
- color: $text-light-serious;
2300
+ .E_lh0l62z.E_d105ju2d {
2356
2301
  font-size: 12px;
2357
- white-space: pre-wrap;
2302
+ color: $gray-a60-8;
2303
+ margin-top: 12px;
2358
2304
  }
2359
2305
 
2360
- .E_okus5hk {
2361
- display: flex;
2362
- align-items: center;
2363
- justify-content: flex-end;
2364
- .icon-wrapper {
2365
- margin-right: 16px;
2366
- }
2306
+ .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2307
+ line-height: 18px;
2308
+ font-weight: 500;
2309
+ margin-top: 0;
2310
+ white-space: initial;
2367
2311
  }
2368
2312
 
2369
- .E_t1auuzri {
2370
- color: $text-light-tertiary;
2371
- }
2313
+ .E_r1skkc3l {
2314
+ display: block;
2372
2315
 
2373
- .E_i74cfyt {
2374
- &.ant-input {
2375
- padding: 5px 12px;
2376
- line-height: 20px;
2377
- color: $text-primary-light;
2378
- border-radius: 6px;
2379
- border-color: $strokes-light-trans-3;
2380
- transition:
2381
- height 240ms ease 8ms,
2382
- border 160ms ease 8ms,
2383
- box-shadow 160ms ease 8ms;
2316
+ span {
2317
+ font-size: 14px;
2318
+ font-weight: 500;
2319
+ line-height: 32px;
2320
+ color: #3e4652;
2384
2321
  }
2322
+ }
2385
2323
 
2386
- &.ant-input.ant-input-lg {
2387
- padding: 8px 16px;
2388
- line-height: 22px;
2324
+ .E_c3cobmo {
2325
+ margin-top: 16px;
2326
+ padding: 8px;
2327
+ border-radius: 6px;
2328
+ background: $fills-element-light-container-general;
2329
+ color: $text-light-secondary;
2330
+ font-size: 12px;
2331
+ div {
2332
+ line-height: 20px;
2333
+ display: flex;
2334
+ align-items: center;
2335
+ word-break: break-all;
2389
2336
  }
2390
2337
 
2391
- &.ant-input.ant-input-sm {
2392
- padding: 2px 8px;
2338
+ .title {
2339
+ font-weight: 700;
2393
2340
  line-height: 18px;
2341
+ margin: 4px 0;
2394
2342
  }
2343
+ }
2395
2344
 
2396
- &.ant-input:not([disabled]),
2397
- &.ant-input-number:not([disabled]) {
2398
- &:hover,
2399
- &.__pseudo-states-hover {
2400
- border-color: $strokes-light-trans-4;
2401
- box-shadow: $shadow-light-hover;
2402
- z-index: $input-hover-index;
2403
- }
2404
-
2405
- &:active,
2406
- &:focus,
2407
- &.__pseudo-states-active,
2408
- &.__pseudo-states-focus {
2409
- border-color: $blue;
2410
- box-shadow: $shadow-light-active;
2411
- z-index: $input-hover-index;
2412
- }
2413
- }
2345
+ .E_uqv57uv {
2346
+ color: #2C3852BF;
2347
+ }
2414
2348
 
2415
- &.ant-input.error:not([disabled]),
2416
- &.ant-picker.error:not([disabled]),
2417
- &.ant-input-number.error:not([disabled]) {
2418
- border-color: $red;
2419
- color: $red;
2420
2349
 
2421
- &:hover,
2422
- &.__pseudo-states-hover {
2423
- border-color: $red;
2424
- box-shadow: $shadow-light-hover;
2425
- }
2350
+ .E_dsnbhzf {
2351
+ @include Inter(bold);
2352
+ font-size: 32px;
2353
+ line-height: 40px;
2354
+ }
2426
2355
 
2427
- &:active,
2428
- &:focus,
2429
- &.__pseudo-states-active,
2430
- &.__pseudo-states-focus {
2431
- border-color: $red;
2432
- box-shadow: $shadow-light-error;
2433
- }
2434
- }
2356
+ .E_d1mvo22k {
2357
+ @include Inter(bold);
2358
+ font-size: 24px;
2359
+ line-height: 32px;
2360
+ }
2435
2361
 
2436
- &.ant-input[disabled],
2437
- &.ant-input.ant-input-disabled,
2438
- &.ant-input-number[disabled],
2439
- &.ant-input-number.ant-input-number-disabled {
2440
- background: $fills-trans-terdiary-light;
2441
- color: $text-light-tertiary;
2442
- border-color: $strokes-light-trans-3;
2443
- }
2362
+ .E_d1b444tr {
2363
+ @include Inter();
2364
+ font-size: 32px;
2365
+ line-height: 40px;
2366
+ }
2444
2367
 
2445
- &.ant-input-affix-wrapper {
2446
- padding: 5px 12px;
2447
- border-radius: 6px;
2448
- border-color: $strokes-light-trans-3;
2449
- line-height: 20px;
2450
- color: $text-primary-light;
2451
- transition:
2452
- height 240ms ease 8ms,
2453
- border 160ms ease 8ms,
2454
- box-shadow 160ms ease 8ms;
2368
+ .E_dvs0kue {
2369
+ @include Inter(bold);
2370
+ font-size: 20px;
2371
+ line-height: 24px;
2372
+ }
2455
2373
 
2456
- .ant-input-suffix,
2457
- .ant-input-prefix {
2458
- color: $text-secondary-light;
2459
- }
2460
- }
2374
+ .E_d1hcbfcq {
2375
+ @include Inter();
2376
+ font-size: 20px;
2377
+ line-height: 24px;
2378
+ }
2461
2379
 
2462
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2463
- padding: 8px 16px;
2464
- line-height: 22px;
2465
- }
2380
+ .E_d1cz922v {
2381
+ @include Inter(bold);
2382
+ font-size: 18px;
2383
+ line-height: 22px;
2384
+ }
2466
2385
 
2467
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2468
- padding: 2px 8px;
2469
- line-height: 18px;
2470
- }
2386
+ .E_d3nzbrm {
2387
+ @include Inter();
2388
+ font-size: 18px;
2389
+ line-height: 22px;
2390
+ }
2471
2391
 
2472
- &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2473
- &:hover,
2474
- &.__pseudo-states-hover {
2475
- border-color: $strokes-light-trans-4;
2476
- box-shadow: $shadow-light-hover;
2477
- }
2392
+ .E_h1g0p5ob {
2393
+ @include Inter(bold);
2394
+ font-size: 16px;
2395
+ line-height: 22px;
2396
+ }
2478
2397
 
2479
- &:active,
2480
- &:focus,
2481
- &.ant-input-affix-wrapper-focused,
2482
- &.__pseudo-states-active,
2483
- &.__pseudo-states-focus {
2484
- border-color: $blue;
2485
- box-shadow: $shadow-light-active;
2486
- }
2487
- }
2398
+ .E_hydo2ej {
2399
+ @include Inter();
2400
+ font-size: 16px;
2401
+ line-height: 22px;
2402
+ }
2488
2403
 
2489
- &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2490
- border-color: $red;
2491
- > .ant-input {
2492
- color: $red;
2493
- }
2404
+ .E_h1hbuq0r {
2405
+ @include Inter(bold);
2406
+ font-size: 14px;
2407
+ line-height: 20px;
2408
+ }
2494
2409
 
2495
- &:hover,
2496
- &.__pseudo-states-hover {
2497
- border-color: $red;
2498
- box-shadow: $shadow-light-hover;
2499
- }
2410
+ .E_h13bondg {
2411
+ @include Inter();
2412
+ font-size: 14px;
2413
+ line-height: 20px;
2414
+ }
2500
2415
 
2501
- &:active,
2502
- &:focus,
2503
- &.ant-input-affix-wrapper-focused,
2504
- &.__pseudo-states-active,
2505
- &.__pseudo-states-focus {
2506
- border-color: $red;
2507
- box-shadow: $shadow-light-error;
2508
- }
2509
- }
2416
+ .E_h1mhvdlx {
2417
+ @include Inter(bold);
2418
+ font-size: 12px;
2419
+ line-height: 18px;
2420
+ }
2510
2421
 
2511
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2512
- background: $fills-trans-terdiary-light;
2513
- color: $text-light-tertiary;
2514
- border-color: $strokes-light-trans-3;
2515
- }
2422
+ .E_h1inmfq6 {
2423
+ @include Inter();
2424
+ font-size: 12px;
2425
+ line-height: 18px;
2426
+ }
2516
2427
 
2517
- @at-root {
2518
- textarea#{&}.ant-input {
2519
- transition-property: height;
2520
- transition-delay: 50ms;
2521
- &.textarea-large {
2522
- min-height: 40px;
2523
- height: 40px;
2524
- }
2525
- &.textarea-large:focus {
2526
- height: 80px;
2527
- }
2528
- &.textarea-middle {
2529
- min-height: 32px;
2530
- height: 32px;
2531
- }
2532
- &.textarea-middle:focus {
2533
- height: 64px;
2534
- }
2535
- &.textarea-small {
2536
- min-height: 24px;
2537
- height: 24px;
2538
- }
2539
- &.textarea-small:focus {
2540
- height: 40px;
2541
- }
2542
- }
2543
- }
2428
+ .E_h1kfc0la {
2429
+ @include Inter(bold);
2430
+ @include Uppercase();
2431
+ font-size: 12px;
2432
+ line-height: 18px;
2544
2433
  }
2545
2434
 
2546
- .E_k1ci6977 {
2547
- input,
2548
- &.input-tags {
2549
- border: 1px solid rgba(213, 219, 227, 0.6);
2550
- border-radius: 4px;
2551
- }
2552
- &.input-tags {
2553
- position: relative;
2554
- padding: 6px;
2555
- height: 32px;
2556
- cursor: pointer;
2557
- transition: border 150ms;
2435
+ .E_h10xnyuu {
2436
+ @include Inter();
2437
+ @include Uppercase();
2438
+ font-size: 12px;
2439
+ line-height: 18px;
2440
+ }
2558
2441
 
2559
- &:hover {
2560
- border-color: $blue-60;
2561
- box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2562
- }
2442
+ .E_lrcmi0v {
2443
+ @include Inter();
2444
+ font-size: 16px;
2445
+ line-height: 24px;
2446
+ }
2563
2447
 
2564
- &.kit-input-suffix-wrapper {
2565
- padding-right: 30px;
2566
- }
2448
+ .E_lzt43lp {
2449
+ @include Inter(bold);
2450
+ font-size: 16px;
2451
+ line-height: 24px;
2452
+ }
2567
2453
 
2568
- .input-tags-inner {
2569
- display: flex;
2570
- .tags-overflow-auto {
2571
- display: flex;
2572
- }
2573
- }
2454
+ .E_l5yc9nt {
2455
+ @include Inter();
2456
+ font-size: 16px;
2457
+ line-height: 24px;
2458
+ }
2574
2459
 
2575
- .input-tag-suffix {
2576
- position: absolute;
2577
- right: 12px;
2578
- top: 50%;
2579
- transform: translateY(-50%);
2580
- .anticon-close-circle {
2581
- color: rgba(0, 0, 0, 0.25);
2582
- font-size: 12px;
2583
- cursor: pointer;
2584
- &:hover {
2585
- color: rgba(0, 0, 0, 0.45);
2586
- }
2587
- }
2588
- }
2589
- }
2590
- &.has-focus-indicator {
2591
- position: relative;
2592
- overflow: hidden;
2460
+ .E_l1fbkbzo {
2461
+ @include Inter(bold);
2462
+ font-size: 16px;
2463
+ line-height: 24px;
2464
+ }
2593
2465
 
2594
- .ant-input-prefix {
2595
- position: absolute;
2596
- top: 50%;
2597
- transform: translateY(-50%);
2598
- left: -16px;
2599
- transition: left 150ms ease;
2600
- opacity: 0;
2601
- }
2602
- &.ant-input-affix-wrapper-focused .ant-input-prefix {
2603
- left: 8px;
2604
- opacity: 1;
2605
- }
2466
+ .E_lahvcax {
2467
+ @include Inter();
2468
+ @include Uppercase();
2469
+ font-size: 16px;
2470
+ line-height: 24px;
2471
+ }
2472
+
2473
+ .E_l11q3pxd {
2474
+ @include Inter(bold);
2475
+ @include Uppercase();
2476
+ font-size: 16px;
2477
+ line-height: 24px;
2478
+ }
2479
+
2480
+ .E_lfuc2qu {
2481
+ @include Inter();
2482
+ font-size: 14px;
2483
+ line-height: 22px;
2484
+ }
2485
+
2486
+ .E_l1jmp8r0 {
2487
+ @include Inter(500);
2488
+ font-size: 14px;
2489
+ line-height: 22px;
2490
+ }
2491
+
2492
+ .E_lcnm221 {
2493
+ @include Inter(bold);
2494
+ font-size: 14px;
2495
+ line-height: 22px;
2496
+ }
2497
+
2498
+ .E_lu1z2n5 {
2499
+ @include Inter();
2500
+ font-size: 14px;
2501
+ line-height: 22px;
2502
+ }
2503
+
2504
+ .E_l1r59djn {
2505
+ @include Inter(bold);
2506
+ font-size: 14px;
2507
+ line-height: 22px;
2508
+ }
2509
+
2510
+ .E_ljm2911 {
2511
+ @include Inter();
2512
+ @include Uppercase();
2513
+ font-size: 14px;
2514
+ line-height: 22px;
2515
+ }
2516
+
2517
+ .E_l124mzmr {
2518
+ @include Inter(bold);
2519
+ @include Uppercase();
2520
+ font-size: 14px;
2521
+ line-height: 22px;
2522
+ }
2523
+
2524
+ .E_lb3chel {
2525
+ @include Inter();
2526
+ font-size: 13px;
2527
+ line-height: 20px;
2528
+ }
2529
+
2530
+ .E_lv9jstu {
2531
+ @include Inter(600);
2532
+ font-size: 13px;
2533
+ line-height: 20px;
2534
+ }
2535
+
2536
+ .E_lwqlh3x {
2537
+ @include Inter(bold);
2538
+ font-size: 13px;
2539
+ line-height: 20px;
2540
+ }
2541
+
2542
+ .E_lalum9y {
2543
+ @include Inter();
2544
+ font-size: 13px;
2545
+ line-height: 20px;
2546
+ }
2547
+
2548
+ .E_l1t6dj5o {
2549
+ @include Inter(600);
2550
+ font-size: 13px;
2551
+ line-height: 20px;
2552
+ }
2553
+
2554
+ .E_l12f6ic {
2555
+ @include Inter(bold);
2556
+ font-size: 13px;
2557
+ line-height: 20px;
2558
+ }
2559
+
2560
+ .E_l7gmukq {
2561
+ @include Inter();
2562
+ @include Uppercase();
2563
+ font-size: 13px;
2564
+ line-height: 20px;
2565
+ }
2566
+
2567
+ .E_lkwl0yp {
2568
+ @include Inter(bold);
2569
+ @include Uppercase();
2570
+ font-size: 13px;
2571
+ line-height: 20px;
2572
+ }
2573
+
2574
+ .E_l10knv48 {
2575
+ @include Inter();
2576
+ font-size: 12px;
2577
+ line-height: 18px;
2578
+ }
2579
+
2580
+ .E_l6526ld {
2581
+ @include Inter(500);
2582
+ font-size: 12px;
2583
+ line-height: 18px;
2584
+ }
2585
+
2586
+ .E_l1j81vli {
2587
+ @include Inter(bold);
2588
+ font-size: 12px;
2589
+ line-height: 18px;
2590
+ }
2606
2591
 
2607
- input {
2608
- transition: margin-left 150ms ease;
2609
- margin-left: 0px;
2610
- &:focus {
2611
- margin-left: 16px;
2612
- }
2613
- }
2614
- }
2592
+ .E_l1x7n1mk {
2593
+ @include Inter();
2594
+ font-size: 12px;
2595
+ line-height: 18px;
2615
2596
  }
2616
2597
 
2617
- .E_l1f7td1d {
2618
- @at-root {
2619
- input#{&}.ant-input {
2620
- border-top-right-radius: 0;
2621
- border-bottom-right-radius: 0;
2622
- }
2623
- }
2624
- &.ant-input-affix-wrapper {
2625
- border-top-right-radius: 0;
2626
- border-bottom-right-radius: 0;
2627
- }
2598
+ .E_l9fqufz {
2599
+ @include Inter(500);
2600
+ font-size: 12px;
2601
+ line-height: 18px;
2628
2602
  }
2629
2603
 
2630
- .E_rf8rlle {
2631
- @at-root {
2632
- input#{&}.ant-input {
2633
- border-top-left-radius: 0;
2634
- border-bottom-left-radius: 0;
2635
- }
2636
- }
2604
+ .E_l1iwnybd {
2605
+ @include Inter(bold);
2606
+ font-size: 12px;
2607
+ line-height: 18px;
2608
+ }
2637
2609
 
2638
- &.ant-input-affix-wrapper {
2639
- border-top-left-radius: 0;
2640
- border-bottom-left-radius: 0;
2641
- }
2610
+ .E_lprtm1e {
2611
+ @include Inter();
2612
+ @include Uppercase();
2613
+ font-size: 12px;
2614
+ line-height: 18px;
2642
2615
  }
2643
2616
 
2644
- .E_llt2k48 {
2645
- &.ant-select.select,
2646
- &.ant-select.select .ant-select-selector {
2647
- border-top-right-radius: 0;
2648
- border-bottom-right-radius: 0;
2649
- }
2617
+ .E_l1lln87h {
2618
+ @include Inter(bold);
2619
+ @include Uppercase();
2620
+ font-size: 12px;
2621
+ line-height: 18px;
2650
2622
  }
2651
2623
 
2652
- .E_rdwz7eh {
2653
- &.ant-select.select,
2654
- &.ant-select.select .ant-select-selector {
2655
- border-top-left-radius: 0;
2656
- border-bottom-left-radius: 0;
2657
- }
2624
+ .E_f2pb48l {
2625
+ @include Inter();
2626
+ font-size: 13px;
2627
+ line-height: 20px;
2658
2628
  }
2659
2629
 
2660
- .E_c3ni091 {
2661
- display: flex;
2662
- flex-direction: column;
2630
+ .E_fi9emkw {
2631
+ @include Inter();
2632
+ font-size: 13px;
2633
+ line-height: 20px;
2634
+ }
2663
2635
 
2664
- .select-wrapper {
2665
- margin-top: 12px;
2636
+ .E_f1nrg7da {
2637
+ @include Inter();
2638
+ font-size: 12px;
2639
+ line-height: 18px;
2640
+ }
2666
2641
 
2667
- .select {
2668
- width: 100%;
2669
- }
2670
- }
2642
+ .E_f17k1i3n {
2643
+ @include Inter();
2644
+ font-size: 12px;
2645
+ line-height: 18px;
2646
+ }
2671
2647
 
2672
- .radio-wrapper {
2673
- margin-top: 24px;
2674
- }
2648
+ .E_t1tvuj2e {
2649
+ @include Inter();
2650
+ @include Monospace();
2651
+ font-size: 13px;
2652
+ line-height: 20px;
2653
+ }
2675
2654
 
2676
- div.form-item {
2677
- width: 100%;
2678
- }
2655
+ .E_t17uajlu {
2656
+ @include Inter();
2657
+ @include Slashed();
2658
+ font-size: 13px;
2659
+ line-height: 20px;
2679
2660
  }
2680
2661
 
2681
- .E_d105ju2d {
2682
- font-size: 14px;
2683
- font-weight: 500;
2684
- color: #3e4652;
2662
+ .E_t114zbyz {
2663
+ @include Inter();
2664
+ @include Monospace();
2665
+ font-size: 12px;
2685
2666
  line-height: 18px;
2667
+ }
2686
2668
 
2687
- & + & {
2688
- margin-top: 16px;
2689
- }
2690
-
2691
- & + * {
2692
- margin-top: 16px;
2693
- }
2669
+ .E_t1il0kvi {
2670
+ @include Inter(500);
2671
+ @include Monospace();
2672
+ font-size: 12px;
2673
+ line-height: 18px;
2694
2674
  }
2695
2675
 
2696
- .E_lh0l62z.E_d105ju2d {
2676
+ .E_t10dv8p1 {
2677
+ @include Inter();
2678
+ @include Slashed();
2697
2679
  font-size: 12px;
2698
- color: $gray-a60-8;
2699
- margin-top: 12px;
2680
+ line-height: 18px;
2700
2681
  }
2701
2682
 
2702
- .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2683
+ .E_tc2oqpq {
2684
+ @include Inter(500);
2685
+ @include Slashed();
2686
+ font-size: 12px;
2703
2687
  line-height: 18px;
2704
- font-weight: 500;
2705
- margin-top: 0;
2706
- white-space: initial;
2707
2688
  }
2708
2689
 
2709
- .E_r1skkc3l {
2710
- display: block;
2690
+ .E_tzvddmc {
2691
+ @include Inter(bold);
2692
+ @include Slashed();
2693
+ font-size: 16px;
2694
+ line-height: 24px;
2695
+ }
2711
2696
 
2712
- span {
2713
- font-size: 14px;
2714
- font-weight: 500;
2715
- line-height: 32px;
2716
- color: #3e4652;
2717
- }
2697
+ .E_u18llj45 {
2698
+ @include Inter();
2699
+ font-size: 10px;
2700
+ line-height: 12px;
2718
2701
  }
2719
2702
 
2720
- .E_c3cobmo {
2721
- margin-top: 16px;
2722
- padding: 8px;
2723
- border-radius: 6px;
2724
- background: $fills-element-light-container-general;
2725
- color: $text-light-secondary;
2726
- font-size: 12px;
2727
- div {
2728
- line-height: 20px;
2729
- display: flex;
2703
+
2704
+ .E_a1b5xrg3 {
2705
+ .user-icon-inner {
2706
+ display: inline-flex;
2730
2707
  align-items: center;
2731
- word-break: break-all;
2708
+ justify-content: center;
2709
+ color: $white;
2710
+ font-weight: bold;
2711
+ font-size: 12px;
2712
+ width: 24px;
2713
+ height: 24px;
2714
+ border-radius: 50%;
2715
+ background: var(--a1b5xrg3-0);
2732
2716
  }
2717
+ &.btn-item {
2718
+ transition: all 160ms ease;
2719
+ cursor: pointer;
2720
+ width: 56px;
2721
+ height: 40px;
2722
+ display: inline-flex;
2723
+ align-items: center;
2724
+ justify-content: center;
2725
+ border-radius: 6px;
2733
2726
 
2734
- .title {
2735
- font-weight: 700;
2736
- line-height: 18px;
2737
- margin: 4px 0;
2727
+ &:hover {
2728
+ box-shadow:
2729
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2730
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2731
+ }
2732
+
2733
+ &:active {
2734
+ transform: translateY(2px);
2735
+ transition: all 320ms ease;
2736
+ }
2738
2737
  }
2739
2738
  }
2740
2739
 
2741
- .E_uqv57uv {
2742
- color: #2C3852BF;
2740
+
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2743
2743
  }
2744
2744
 
2745
2745
 
@@ -3090,22 +3090,6 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_suhck3k {
3094
- height: 24px;
3095
- width: 24px;
3096
- border-radius: 6px;
3097
- padding: 4px;
3098
- &:hover {
3099
- background-color: $fill-outstanding-light;
3100
- svg {
3101
- path {
3102
- fill: blue;
3103
- }
3104
- }
3105
- }
3106
- }
3107
-
3108
-
3109
3093
  .E_ryby9ds {
3110
3094
  display: flex;
3111
3095
  align-items: center;
@@ -3123,6 +3107,22 @@
3123
3107
  }
3124
3108
 
3125
3109
 
3110
+ .E_suhck3k {
3111
+ height: 24px;
3112
+ width: 24px;
3113
+ border-radius: 6px;
3114
+ padding: 4px;
3115
+ &:hover {
3116
+ background-color: $fill-outstanding-light;
3117
+ svg {
3118
+ path {
3119
+ fill: blue;
3120
+ }
3121
+ }
3122
+ }
3123
+ }
3124
+
3125
+
3126
3126
  .E_hrhfj7c {
3127
3127
  display: none;
3128
3128
  }
@@ -3595,6 +3595,7 @@
3595
3595
  &.antd5-segmented-sm .antd5-segmented-item-label {
3596
3596
  padding-left: 8px;
3597
3597
  padding-right: 8px;
3598
+ font-size: 12px;
3598
3599
  }
3599
3600
 
3600
3601
  &.antd5-segmented-sm .antd5-segmented-item-selected {
@@ -3643,14 +3644,6 @@
3643
3644
  }
3644
3645
 
3645
3646
 
3646
- .E_ckui4s7 {
3647
- color: $text-primary-light;
3648
- line-height: 22px;
3649
- display: inline-flex;
3650
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3651
- }
3652
-
3653
-
3654
3647
  .E_c1kghdax {
3655
3648
  color: $text-primary-light;
3656
3649
  padding: 7px 12px;
@@ -3704,59 +3697,11 @@
3704
3697
  }
3705
3698
 
3706
3699
 
3707
- .E_lht19u8 {
3708
- width: 64px;
3709
- height: 64px;
3710
- display: flex;
3711
- align-items: center;
3712
- justify-content: center;
3713
- position: relative;
3714
- opacity: 0.2;
3715
- }
3716
-
3717
- .E_lk3gkp4 {
3718
- position: absolute;
3719
- width: 5px;
3720
- height: 48px;
3721
- left: 9.33px;
3722
- top: 40.5px;
3723
-
3724
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3725
- border-radius: 5px;
3726
- transform: rotate(-128deg);
3727
- transform-origin: top left;
3728
-
3729
- animation: loading-indicator1 1100ms ease-out infinite;
3730
- }
3731
-
3732
- .E_ll4n94n {
3733
- position: absolute;
3734
- width: 5px;
3735
- height: 48px;
3736
- left: 40.8px;
3737
- top: 8.4px;
3738
-
3739
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3740
- border-radius: 5px;
3741
- transform: rotate(-8deg);
3742
- transform-origin: top left;
3743
-
3744
- animation: loading-indicator2 1100ms ease-out infinite;
3745
- }
3746
-
3747
- .E_l17lbdo6 {
3748
- position: absolute;
3749
- width: 5px;
3750
- height: 48px;
3751
- left: 52.9px;
3752
- top: 51.8px;
3753
-
3754
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3755
- border-radius: 5px;
3756
- transform: rotate(112deg);
3757
- transform-origin: top left;
3758
-
3759
- animation: loading-indicator3 1100ms ease-out infinite;
3700
+ .E_ckui4s7 {
3701
+ color: $text-primary-light;
3702
+ line-height: 22px;
3703
+ display: inline-flex;
3704
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3760
3705
  }
3761
3706
 
3762
3707
 
@@ -3786,209 +3731,60 @@
3786
3731
  }
3787
3732
  }
3788
3733
 
3789
-
3790
- .E_w7ob4th {
3791
- &.outside-tag {
3792
- padding-left: 0;
3793
- .inside-tag {
3794
- border-radius: 4px 0 0 4px;
3795
- padding-right: 4px;
3796
- margin-right: 4px;
3797
- }
3798
- }
3799
- }
3800
-
3801
-
3802
- .E_i1g85yz3 {
3803
- margin-right: 4px;
3804
- height: 16px;
3805
- }
3806
-
3807
-
3808
- .E_slr2ynn {
3809
- padding: 0 8px;
3810
- height: 18px;
3811
- }
3812
-
3813
- .E_m140wbb6 {
3814
- padding: 2px 8px;
3815
- height: 24px;
3816
- }
3817
-
3818
- .E_t1fozc1i {
3819
- margin: 0;
3820
- }
3821
-
3822
- .E_i1vxv4ln {
3823
- margin-right: 4px;
3824
- height: 16px;
3825
- }
3826
-
3827
- .E_n1afl31m {
3828
- &.ant-tag.ant-tag-gray {
3829
- font-weight: 700;
3830
- color: $text-neutral-primary;
3831
- background-color: $fill-neutral-trans-1;
3832
- border: 1px solid $stroke-neutral-trans-2;
3833
- word-break: break-all;
3834
- display: inline;
3835
- white-space: normal;
3836
- }
3837
- }
3838
-
3839
-
3840
- .E_l48ei06 {
3841
- @at-root {
3842
- button#{&}.ant-btn,
3843
- button#{&}.ant-btn.ant-btn-sm,
3844
- button#{&}.ant-btn.ant-btn-lg {
3845
- font-size: 12px;
3846
- line-height: 18px;
3847
- height: 18px;
3848
- }
3849
- button#{&} {
3850
- color: #0080FF;
3851
- height: unset;
3852
- .button-prefix-icon {
3853
- margin-right: 4px;
3854
- }
3855
- .button-suffix-icon {
3856
- margin-left: 4px;
3857
- }
3858
-
3859
- &:hover,
3860
- &.__pseudo-states-hover {
3861
- color: #009DFF;
3862
- }
3863
-
3864
- &:active,
3865
- &.__pseudo-states-active {
3866
- color: #005ED1;
3867
- }
3868
- &.ui-kit-link-disabled {
3869
- color: #0080FF;
3870
- }
3871
- &.ui-kit-link-primary {
3872
- color: #00122E;
3873
-
3874
- &:hover,
3875
- &.__pseudo-states-hover {
3876
- color: #0080FF;
3877
- }
3878
-
3879
- &:active,
3880
- &.__pseudo-states-active {
3881
- color: #005ED1;
3882
- }
3883
-
3884
- &.ui-kit-link-disabled {
3885
- color: #00122E;
3886
- }
3887
- }
3888
-
3889
- &.ui-kit-link-secondary {
3890
- color: #2C3852BF;
3891
-
3892
- &:hover,
3893
- &.__pseudo-states-hover {
3894
- color: #0080FF;
3895
- }
3896
-
3897
- &:active,
3898
- &.__pseudo-states-active {
3899
- color: #005ED1;
3900
- }
3901
-
3902
- &.ui-kit-link-disabled {
3903
- color: #2C3852BF;
3904
- }
3905
- }
3906
- }
3907
- }
3908
- }
3909
-
3910
-
3911
- .E_sddwhm6 {
3912
- $prefix: ui-kit-status-capsule;
3913
- margin: 0;
3914
- border-radius: 20px;
3915
- padding: 2px 10px;
3916
- height: 22px;
3917
-
3918
- &.ant-tag.#{$prefix}.off-white {
3919
- background-color: $fill-neutral-trans-1 !important;
3920
- &.tag-hover:hover,
3921
- &.__pseudo-states-hover {
3922
- background-color: $fill-neutral-trans-2 !important;
3923
- }
3924
- }
3925
- &.ant-tag.#{$prefix} {
3926
- color: $text-neutral-primary;
3927
- .#{$prefix}-icon {
3928
- margin-right: 6px;
3929
- }
3930
- .#{$prefix}-number {
3931
- margin-left: 8px;
3932
- color: #2C385299;
3933
- }
3934
- &.ant-tag-blue {
3935
- background-color: $fill-outstanding-light;
3936
- .#{$prefix}-icon {
3937
- background-color: $fill-outstanding-base;
3938
- }
3939
- &.tag-hover:hover,
3940
- &.__pseudo-states-hover {
3941
- background-color: $fill-outstanding-light-hover;
3942
- }
3943
- }
3944
- &.ant-tag-red {
3945
- background-color: $fill-serious-light;
3946
- .#{$prefix}-icon {
3947
- background-color: $fill-serious-base;
3948
- }
3949
- &.tag-hover:hover,
3950
- &.__pseudo-states-hover {
3951
- background-color: $fill-serious-light-hover;
3952
- }
3953
- }
3954
- &.ant-tag-yellow {
3955
- background-color: $fill-notice-light;
3956
- .#{$prefix}-icon {
3957
- background-color: $fill-notice-base;
3958
- }
3959
- &.tag-hover:hover,
3960
- &.__pseudo-states-hover {
3961
- background-color: $fill-notice-light-hover;
3962
- }
3963
- }
3964
- &.ant-tag-green {
3965
- background-color: $fill-positive-light;
3966
- .#{$prefix}-icon {
3967
- background-color: $fill-positive-base;
3968
- }
3969
- &.tag-hover:hover,
3970
- &.__pseudo-states-hover {
3971
- background-color: $fill-positive-light-hover;
3972
- }
3973
- }
3974
- &.ant-tag-gray {
3975
- background-color: $fill-neutral-trans-2;
3976
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3977
- background-color: $gray-70;
3978
- }
3979
- &.tag-hover:hover,
3980
- &.__pseudo-states-hover {
3981
- background-color: $fill-neutral-trans-3-trans-2-hover;
3982
- }
3983
- }
3984
- }
3985
- }
3986
-
3987
- .E_satwmqm {
3988
- width: 8px;
3989
- height: 8px;
3990
- border-radius: 50%;
3991
- display: inline-block;
3734
+
3735
+ .E_lht19u8 {
3736
+ width: 64px;
3737
+ height: 64px;
3738
+ display: flex;
3739
+ align-items: center;
3740
+ justify-content: center;
3741
+ position: relative;
3742
+ opacity: 0.2;
3743
+ }
3744
+
3745
+ .E_lk3gkp4 {
3746
+ position: absolute;
3747
+ width: 5px;
3748
+ height: 48px;
3749
+ left: 9.33px;
3750
+ top: 40.5px;
3751
+
3752
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3753
+ border-radius: 5px;
3754
+ transform: rotate(-128deg);
3755
+ transform-origin: top left;
3756
+
3757
+ animation: loading-indicator1 1100ms ease-out infinite;
3758
+ }
3759
+
3760
+ .E_ll4n94n {
3761
+ position: absolute;
3762
+ width: 5px;
3763
+ height: 48px;
3764
+ left: 40.8px;
3765
+ top: 8.4px;
3766
+
3767
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3768
+ border-radius: 5px;
3769
+ transform: rotate(-8deg);
3770
+ transform-origin: top left;
3771
+
3772
+ animation: loading-indicator2 1100ms ease-out infinite;
3773
+ }
3774
+
3775
+ .E_l17lbdo6 {
3776
+ position: absolute;
3777
+ width: 5px;
3778
+ height: 48px;
3779
+ left: 52.9px;
3780
+ top: 51.8px;
3781
+
3782
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3783
+ border-radius: 5px;
3784
+ transform: rotate(112deg);
3785
+ transform-origin: top left;
3786
+
3787
+ animation: loading-indicator3 1100ms ease-out infinite;
3992
3788
  }
3993
3789
 
3994
3790
 
@@ -4378,54 +4174,259 @@
4378
4174
  }
4379
4175
  }
4380
4176
 
4381
- .ant-table-hide-scrollbar {
4382
- background: $white;
4177
+ .ant-table-hide-scrollbar {
4178
+ background: $white;
4179
+ }
4180
+ .ant-table-placeholder {
4181
+ background: inherit;
4182
+
4183
+ td {
4184
+ position: static;
4185
+ border: none;
4186
+ background: inherit !important;
4187
+ height: 100px;
4188
+ vertical-align: middle;
4189
+ }
4190
+
4191
+ .table-default-empty,
4192
+ .ant-table-expanded-row-fixed {
4193
+ font-weight: bold;
4194
+ font-size: 20px;
4195
+ color: $text-terdiary-light;
4196
+ }
4197
+ }
4198
+ th.ant-table-cell-scrollbar,
4199
+ th.cell__action_ {
4200
+ z-index: 10;
4201
+ }
4202
+ td.cell__action_ {
4203
+ padding: 0 !important;
4204
+ position: relative;
4205
+ background: $white;
4206
+ > * {
4207
+ height: 100%;
4208
+ display: flex;
4209
+ align-items: center;
4210
+ justify-content: flex-end;
4211
+ padding-right: 8px;
4212
+ }
4213
+ .menu-button {
4214
+ width: 24px;
4215
+ height: 24px;
4216
+ cursor: pointer;
4217
+ justify-content: center;
4218
+ border-radius: 4px;
4219
+
4220
+ &:hover {
4221
+ background: $white;
4222
+ }
4223
+ }
4224
+ }
4225
+ }
4226
+ }
4227
+
4228
+
4229
+ .E_sddwhm6 {
4230
+ $prefix: ui-kit-status-capsule;
4231
+ margin: 0;
4232
+ border-radius: 20px;
4233
+ padding: 2px 10px;
4234
+ height: 22px;
4235
+
4236
+ &.ant-tag.#{$prefix}.off-white {
4237
+ background-color: $fill-neutral-trans-1 !important;
4238
+ &.tag-hover:hover,
4239
+ &.__pseudo-states-hover {
4240
+ background-color: $fill-neutral-trans-2 !important;
4241
+ }
4242
+ }
4243
+ &.ant-tag.#{$prefix} {
4244
+ color: $text-neutral-primary;
4245
+ .#{$prefix}-icon {
4246
+ margin-right: 6px;
4247
+ }
4248
+ .#{$prefix}-number {
4249
+ margin-left: 8px;
4250
+ color: #2C385299;
4251
+ }
4252
+ &.ant-tag-blue {
4253
+ background-color: $fill-outstanding-light;
4254
+ .#{$prefix}-icon {
4255
+ background-color: $fill-outstanding-base;
4256
+ }
4257
+ &.tag-hover:hover,
4258
+ &.__pseudo-states-hover {
4259
+ background-color: $fill-outstanding-light-hover;
4260
+ }
4261
+ }
4262
+ &.ant-tag-red {
4263
+ background-color: $fill-serious-light;
4264
+ .#{$prefix}-icon {
4265
+ background-color: $fill-serious-base;
4266
+ }
4267
+ &.tag-hover:hover,
4268
+ &.__pseudo-states-hover {
4269
+ background-color: $fill-serious-light-hover;
4270
+ }
4271
+ }
4272
+ &.ant-tag-yellow {
4273
+ background-color: $fill-notice-light;
4274
+ .#{$prefix}-icon {
4275
+ background-color: $fill-notice-base;
4276
+ }
4277
+ &.tag-hover:hover,
4278
+ &.__pseudo-states-hover {
4279
+ background-color: $fill-notice-light-hover;
4280
+ }
4281
+ }
4282
+ &.ant-tag-green {
4283
+ background-color: $fill-positive-light;
4284
+ .#{$prefix}-icon {
4285
+ background-color: $fill-positive-base;
4286
+ }
4287
+ &.tag-hover:hover,
4288
+ &.__pseudo-states-hover {
4289
+ background-color: $fill-positive-light-hover;
4290
+ }
4291
+ }
4292
+ &.ant-tag-gray {
4293
+ background-color: $fill-neutral-trans-2;
4294
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4295
+ background-color: $gray-70;
4296
+ }
4297
+ &.tag-hover:hover,
4298
+ &.__pseudo-states-hover {
4299
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4300
+ }
4301
+ }
4302
+ }
4303
+ }
4304
+
4305
+ .E_satwmqm {
4306
+ width: 8px;
4307
+ height: 8px;
4308
+ border-radius: 50%;
4309
+ display: inline-block;
4310
+ }
4311
+
4312
+
4313
+ .E_l48ei06 {
4314
+ @at-root {
4315
+ button#{&}.ant-btn,
4316
+ button#{&}.ant-btn.ant-btn-sm,
4317
+ button#{&}.ant-btn.ant-btn-lg {
4318
+ font-size: 12px;
4319
+ line-height: 18px;
4320
+ height: 18px;
4321
+ }
4322
+ button#{&} {
4323
+ color: #0080FF;
4324
+ height: unset;
4325
+ .button-prefix-icon {
4326
+ margin-right: 4px;
4327
+ }
4328
+ .button-suffix-icon {
4329
+ margin-left: 4px;
4330
+ }
4331
+
4332
+ &:hover,
4333
+ &.__pseudo-states-hover {
4334
+ color: #009DFF;
4335
+ }
4336
+
4337
+ &:active,
4338
+ &.__pseudo-states-active {
4339
+ color: #005ED1;
4340
+ }
4341
+ &.ui-kit-link-disabled {
4342
+ color: #0080FF;
4343
+ }
4344
+ &.ui-kit-link-primary {
4345
+ color: #00122E;
4346
+
4347
+ &:hover,
4348
+ &.__pseudo-states-hover {
4349
+ color: #0080FF;
4350
+ }
4351
+
4352
+ &:active,
4353
+ &.__pseudo-states-active {
4354
+ color: #005ED1;
4355
+ }
4356
+
4357
+ &.ui-kit-link-disabled {
4358
+ color: #00122E;
4359
+ }
4360
+ }
4361
+
4362
+ &.ui-kit-link-secondary {
4363
+ color: #2C3852BF;
4364
+
4365
+ &:hover,
4366
+ &.__pseudo-states-hover {
4367
+ color: #0080FF;
4368
+ }
4369
+
4370
+ &:active,
4371
+ &.__pseudo-states-active {
4372
+ color: #005ED1;
4373
+ }
4374
+
4375
+ &.ui-kit-link-disabled {
4376
+ color: #2C3852BF;
4377
+ }
4378
+ }
4379
+ }
4380
+ }
4381
+ }
4382
+
4383
+
4384
+ .E_w7ob4th {
4385
+ &.outside-tag {
4386
+ padding-left: 0;
4387
+ .inside-tag {
4388
+ border-radius: 4px 0 0 4px;
4389
+ padding-right: 4px;
4390
+ margin-right: 4px;
4383
4391
  }
4384
- .ant-table-placeholder {
4385
- background: inherit;
4392
+ }
4393
+ }
4386
4394
 
4387
- td {
4388
- position: static;
4389
- border: none;
4390
- background: inherit !important;
4391
- height: 100px;
4392
- vertical-align: middle;
4393
- }
4394
4395
 
4395
- .table-default-empty,
4396
- .ant-table-expanded-row-fixed {
4397
- font-weight: bold;
4398
- font-size: 20px;
4399
- color: $text-terdiary-light;
4400
- }
4401
- }
4402
- th.ant-table-cell-scrollbar,
4403
- th.cell__action_ {
4404
- z-index: 10;
4405
- }
4406
- td.cell__action_ {
4407
- padding: 0 !important;
4408
- position: relative;
4409
- background: $white;
4410
- > * {
4411
- height: 100%;
4412
- display: flex;
4413
- align-items: center;
4414
- justify-content: flex-end;
4415
- padding-right: 8px;
4416
- }
4417
- .menu-button {
4418
- width: 24px;
4419
- height: 24px;
4420
- cursor: pointer;
4421
- justify-content: center;
4422
- border-radius: 4px;
4396
+ .E_i1g85yz3 {
4397
+ margin-right: 4px;
4398
+ height: 16px;
4399
+ }
4423
4400
 
4424
- &:hover {
4425
- background: $white;
4426
- }
4427
- }
4428
- }
4401
+
4402
+ .E_slr2ynn {
4403
+ padding: 0 8px;
4404
+ height: 18px;
4405
+ }
4406
+
4407
+ .E_m140wbb6 {
4408
+ padding: 2px 8px;
4409
+ height: 24px;
4410
+ }
4411
+
4412
+ .E_t1fozc1i {
4413
+ margin: 0;
4414
+ }
4415
+
4416
+ .E_i1vxv4ln {
4417
+ margin-right: 4px;
4418
+ height: 16px;
4419
+ }
4420
+
4421
+ .E_n1afl31m {
4422
+ &.ant-tag.ant-tag-gray {
4423
+ font-weight: 700;
4424
+ color: $text-neutral-primary;
4425
+ background-color: $fill-neutral-trans-1;
4426
+ border: 1px solid $stroke-neutral-trans-2;
4427
+ word-break: break-all;
4428
+ display: inline;
4429
+ white-space: normal;
4429
4430
  }
4430
4431
  }
4431
4432
 
@@ -5311,6 +5312,9 @@
5311
5312
  .dropdown-trigger {
5312
5313
  margin-left: 12px;
5313
5314
  }
5315
+ .legend-name {
5316
+ color: $text-light-primary;
5317
+ }
5314
5318
  }
5315
5319
 
5316
5320
  .E_l1mumj7o {
@@ -5329,6 +5333,9 @@
5329
5333
  border-radius: 2px;
5330
5334
  }
5331
5335
  }
5336
+ .legend-name {
5337
+ color: $text-light-primary;
5338
+ }
5332
5339
  &.hoverering-self {
5333
5340
  opacity: 1;
5334
5341
  }
@@ -5598,6 +5605,19 @@
5598
5605
  }
5599
5606
 
5600
5607
 
5608
+ .E_i14c7jc8 {
5609
+ color: var(--i14c7jc8-0);
5610
+ }
5611
+
5612
+ .E_i1ibuolf {
5613
+ display: flex;
5614
+ align-items: center;
5615
+ column-gap: 4px;
5616
+ font-size: 12px;
5617
+ color: #2C3852BF;
5618
+ }
5619
+
5620
+
5601
5621
  .E_d1u4ndxc {
5602
5622
  color: #2C3852BF;
5603
5623
  font-size: 12px;
@@ -5636,16 +5656,54 @@
5636
5656
  }
5637
5657
 
5638
5658
 
5639
- .E_i14c7jc8 {
5640
- color: var(--i14c7jc8-0);
5659
+ .E_c18bcrac {
5660
+ display: inline-block;
5661
+ width: 100%;
5662
+ .recharts-wrapper {
5663
+ margin-left: 4px;
5664
+ }
5641
5665
  }
5642
5666
 
5643
- .E_i1ibuolf {
5667
+ .E_cro7kg2 {
5668
+ padding: 4px;
5669
+ }
5670
+
5671
+ .E_c14wcxf0 {
5644
5672
  display: flex;
5673
+ justify-content: space-between;
5645
5674
  align-items: center;
5646
- column-gap: 4px;
5647
- font-size: 12px;
5648
- color: #2C3852BF;
5675
+ font-size: 13px;
5676
+ line-height: 24px;
5677
+ color: #cccccc;
5678
+ white-space: nowrap;
5679
+
5680
+ label {
5681
+ margin-right: 32px;
5682
+ }
5683
+ }
5684
+
5685
+ .E_coy29mj.E_c14wcxf0 {
5686
+ font-weight: bold;
5687
+ color: white;
5688
+ }
5689
+
5690
+ .E_s11212zy {
5691
+ width: 8px;
5692
+ height: 8px;
5693
+ border-radius: 2px;
5694
+ display: inline-block;
5695
+ background: var(--s11212zy-0);
5696
+ border: 1px solid $fills-light-white;
5697
+ box-sizing: content-box;
5698
+ margin-right: 6px;
5699
+ }
5700
+
5701
+ .E_p1lyky6c {
5702
+ & > :first-child {
5703
+ font-weight: bold;
5704
+ color: white;
5705
+ margin-right: 4px;
5706
+ }
5649
5707
  }
5650
5708
 
5651
5709
 
@@ -5702,186 +5760,85 @@
5702
5760
  margin-right: 4px;
5703
5761
  }
5704
5762
  .more-btn {
5705
- cursor: pointer;
5706
- width: 32px;
5707
- height: 32px;
5708
- justify-content: center;
5709
- border-radius: 50%;
5710
-
5711
- &:hover {
5712
- background: $white;
5713
- }
5714
- }
5715
- }
5716
- }
5717
-
5718
-
5719
- .E_c18bcrac {
5720
- display: inline-block;
5721
- width: 100%;
5722
- .recharts-wrapper {
5723
- margin-left: 4px;
5724
- }
5725
- }
5726
-
5727
- .E_cro7kg2 {
5728
- padding: 4px;
5729
- }
5730
-
5731
- .E_c14wcxf0 {
5732
- display: flex;
5733
- justify-content: space-between;
5734
- align-items: center;
5735
- font-size: 13px;
5736
- line-height: 24px;
5737
- color: #cccccc;
5738
- white-space: nowrap;
5739
-
5740
- label {
5741
- margin-right: 32px;
5742
- }
5743
- }
5744
-
5745
- .E_coy29mj.E_c14wcxf0 {
5746
- font-weight: bold;
5747
- color: white;
5748
- }
5749
-
5750
- .E_s11212zy {
5751
- width: 8px;
5752
- height: 8px;
5753
- border-radius: 2px;
5754
- display: inline-block;
5755
- background: var(--s11212zy-0);
5756
- border: 1px solid $fills-light-white;
5757
- box-sizing: content-box;
5758
- margin-right: 6px;
5759
- }
5760
-
5761
- .E_p1lyky6c {
5762
- & > :first-child {
5763
- font-weight: bold;
5764
- color: white;
5765
- margin-right: 4px;
5766
- }
5767
- }
5768
-
5769
-
5770
- .E_clm1wy1 {
5771
- width: 192px;
5772
- height: 246px;
5773
- border-radius: 4px;
5774
-
5775
- > .ant-picker-calendar,
5776
- > .ant-picker-calendar .ant-picker-panel {
5777
- width: 100%;
5778
- background-color: rgba(245, 247, 250, 0.6);
5779
- border-top: none;
5780
-
5781
- .ant-picker-body {
5782
- padding: 0 16px;
5783
- }
5784
-
5785
- .ant-picker-content {
5786
- width: 100%;
5787
- height: 180px;
5788
- border-spacing: 0;
5789
-
5790
- thead {
5791
- margin-bottom: 8px;
5792
- }
5793
- th {
5794
- width: 22px;
5795
- }
5796
- td {
5797
- padding: 0;
5763
+ cursor: pointer;
5764
+ width: 32px;
5765
+ height: 32px;
5766
+ justify-content: center;
5767
+ border-radius: 50%;
5768
+
5769
+ &:hover {
5770
+ background: $white;
5798
5771
  }
5799
5772
  }
5800
5773
  }
5774
+ }
5801
5775
 
5802
- .ant-picker-cell {
5803
- color: rgba(62, 70, 82, 0.6);
5804
- opacity: 0.4;
5805
- }
5806
- .ant-picker-cell-in-view {
5807
- color: rgba(62, 70, 82, 0.6);
5808
- opacity: 1;
5776
+
5777
+ .E_tqjc4ui {
5778
+ @at-root {
5779
+ span#{&} {
5780
+ margin: 0 2px;
5781
+ }
5809
5782
  }
5810
- .ant-picker-cell-in-view > .active {
5811
- color: #3e4652;
5783
+ }
5784
+
5785
+
5786
+ .E_gmyahx3 {
5787
+ cursor: pointer;
5788
+
5789
+ .link-text {
5790
+ color: $text-light-tertiary;
5812
5791
  }
5813
5792
 
5814
- .ant-picker-cell::before {
5815
- pointer-events: none;
5793
+ &:hover .link-text {
5794
+ color: $text-light-general;
5816
5795
  }
5817
5796
  }
5818
5797
 
5819
- .E_t1tsm00v {
5820
- color: rgba(129, 138, 153, 0.6);
5821
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5822
- backdrop-filter: blur(10px);
5823
- padding: 7px 10px;
5824
- }
5825
5798
 
5826
- .E_c167wnad {
5827
- color: rgba(62, 70, 82, 0.6);
5799
+ .E_n12mqh7z {
5828
5800
  display: flex;
5829
- justify-content: space-between;
5830
5801
  align-items: center;
5831
- padding: 8px 16px;
5802
+ font-size: 12px;
5803
+ line-height: 18px;
5832
5804
 
5833
- .anticon {
5834
- cursor: pointer;
5835
- &:hover {
5836
- color: $blue;
5837
- }
5805
+ &:not(:last-child) {
5806
+ margin-bottom: 4px;
5838
5807
  }
5839
5808
  }
5840
5809
 
5841
- .E_cxhf7dh {
5842
- text-align: center;
5843
-
5844
- .dots {
5845
- display: flex;
5846
- justify-content: center;
5847
- }
5848
- .dot {
5849
- display: inline-block;
5850
- width: 2px;
5851
- height: 2px;
5852
- border-radius: 1px;
5853
- background: $blue;
5810
+ .E_tf5bynu {
5811
+ margin: 0 3px;
5812
+ }
5854
5813
 
5855
- &:not(:last-child) {
5856
- margin-right: 2px;
5857
- }
5858
- }
5859
- .bar {
5860
- width: 9px;
5861
- height: 2px;
5862
- background: $blue;
5863
- border-radius: 2px;
5864
- }
5814
+ .E_tcckoz1 {
5815
+ max-height: 400px;
5816
+ overflow: auto;
5865
5817
  }
5866
5818
 
5867
5819
 
5868
- .E_tqjc4ui {
5869
- @at-root {
5870
- span#{&} {
5871
- margin: 0 2px;
5872
- }
5873
- }
5820
+ .E_wg1tsps {
5821
+ display: flex;
5822
+ align-items: center;
5823
+ justify-content: flex-end;
5874
5824
  }
5875
5825
 
5826
+ .E_b1ctd5xy {
5827
+ display: flex;
5828
+ align-items: center;
5829
+ width: calc(100% - 40px);
5876
5830
 
5877
- .E_s1iv0tp1 {
5878
- .enabled-switch {
5879
- display: flex;
5880
- align-items: center;
5831
+ .chart {
5832
+ display: inline-block;
5833
+ width: 100%;
5881
5834
  }
5835
+ }
5882
5836
 
5883
- .enabled-text {
5884
- margin-right: 8px;
5837
+ .E_u1p8acpn {
5838
+ min-width: 40px;
5839
+
5840
+ .unit {
5841
+ color: $text-light-primary !important;
5885
5842
  }
5886
5843
  }
5887
5844
 
@@ -6028,56 +5985,112 @@
6028
5985
  }
6029
5986
 
6030
5987
 
6031
- .E_skwah65 {
6032
- height: 8px;
6033
- box-sizing: border-box;
6034
- border-radius: 2px;
6035
- background: #f5f7fa;
6036
- display: flex;
6037
- width: 100%;
6038
- overflow: hidden;
5988
+ .E_s1iv0tp1 {
5989
+ .enabled-switch {
5990
+ display: flex;
5991
+ align-items: center;
5992
+ }
6039
5993
 
6040
- .stack-bar-item + .stack-bar-item {
6041
- margin-left: 1px;
5994
+ .enabled-text {
5995
+ margin-right: 8px;
6042
5996
  }
6043
5997
  }
6044
5998
 
6045
5999
 
6046
- .E_wg1tsps {
6047
- display: flex;
6048
- align-items: center;
6049
- justify-content: flex-end;
6050
- }
6051
-
6052
- .E_b1ctd5xy {
6053
- display: flex;
6054
- align-items: center;
6055
- width: calc(100% - 40px);
6000
+ .E_clm1wy1 {
6001
+ width: 192px;
6002
+ height: 246px;
6003
+ border-radius: 4px;
6056
6004
 
6057
- .chart {
6058
- display: inline-block;
6005
+ > .ant-picker-calendar,
6006
+ > .ant-picker-calendar .ant-picker-panel {
6059
6007
  width: 100%;
6008
+ background-color: rgba(245, 247, 250, 0.6);
6009
+ border-top: none;
6010
+
6011
+ .ant-picker-body {
6012
+ padding: 0 16px;
6013
+ }
6014
+
6015
+ .ant-picker-content {
6016
+ width: 100%;
6017
+ height: 180px;
6018
+ border-spacing: 0;
6019
+
6020
+ thead {
6021
+ margin-bottom: 8px;
6022
+ }
6023
+ th {
6024
+ width: 22px;
6025
+ }
6026
+ td {
6027
+ padding: 0;
6028
+ }
6029
+ }
6060
6030
  }
6061
- }
6062
6031
 
6063
- .E_u1p8acpn {
6064
- min-width: 40px;
6032
+ .ant-picker-cell {
6033
+ color: rgba(62, 70, 82, 0.6);
6034
+ opacity: 0.4;
6035
+ }
6036
+ .ant-picker-cell-in-view {
6037
+ color: rgba(62, 70, 82, 0.6);
6038
+ opacity: 1;
6039
+ }
6040
+ .ant-picker-cell-in-view > .active {
6041
+ color: #3e4652;
6042
+ }
6065
6043
 
6066
- .unit {
6067
- color: $text-light-primary !important;
6044
+ .ant-picker-cell::before {
6045
+ pointer-events: none;
6068
6046
  }
6069
6047
  }
6070
6048
 
6049
+ .E_t1tsm00v {
6050
+ color: rgba(129, 138, 153, 0.6);
6051
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6052
+ backdrop-filter: blur(10px);
6053
+ padding: 7px 10px;
6054
+ }
6055
+
6056
+ .E_c167wnad {
6057
+ color: rgba(62, 70, 82, 0.6);
6058
+ display: flex;
6059
+ justify-content: space-between;
6060
+ align-items: center;
6061
+ padding: 8px 16px;
6071
6062
 
6072
- .E_gmyahx3 {
6073
- cursor: pointer;
6063
+ .anticon {
6064
+ cursor: pointer;
6065
+ &:hover {
6066
+ color: $blue;
6067
+ }
6068
+ }
6069
+ }
6074
6070
 
6075
- .link-text {
6076
- color: $text-light-tertiary;
6071
+ .E_cxhf7dh {
6072
+ text-align: center;
6073
+
6074
+ .dots {
6075
+ display: flex;
6076
+ justify-content: center;
6077
6077
  }
6078
+ .dot {
6079
+ display: inline-block;
6080
+ width: 2px;
6081
+ height: 2px;
6082
+ border-radius: 1px;
6083
+ background: $blue;
6078
6084
 
6079
- &:hover .link-text {
6080
- color: $text-light-general;
6085
+ &:not(:last-child) {
6086
+ margin-right: 2px;
6087
+ }
6088
+ }
6089
+ .bar {
6090
+ width: 9px;
6091
+ height: 2px;
6092
+ background: $blue;
6093
+ border-radius: 2px;
6081
6094
  }
6082
6095
  }
6083
6096
 
@@ -6246,24 +6259,18 @@
6246
6259
  }
6247
6260
 
6248
6261
 
6249
- .E_n12mqh7z {
6262
+ .E_skwah65 {
6263
+ height: 8px;
6264
+ box-sizing: border-box;
6265
+ border-radius: 2px;
6266
+ background: #f5f7fa;
6250
6267
  display: flex;
6251
- align-items: center;
6252
- font-size: 12px;
6253
- line-height: 18px;
6254
-
6255
- &:not(:last-child) {
6256
- margin-bottom: 4px;
6257
- }
6258
- }
6259
-
6260
- .E_tf5bynu {
6261
- margin: 0 3px;
6262
- }
6268
+ width: 100%;
6269
+ overflow: hidden;
6263
6270
 
6264
- .E_tcckoz1 {
6265
- max-height: 400px;
6266
- overflow: auto;
6271
+ .stack-bar-item + .stack-bar-item {
6272
+ margin-left: 1px;
6273
+ }
6267
6274
  }
6268
6275
 
6269
6276
 
@@ -6674,58 +6681,6 @@
6674
6681
  }
6675
6682
 
6676
6683
 
6677
- .E_d11hhzf9 {
6678
- width: 492px !important;
6679
- margin: 40px auto !important;
6680
- padding-bottom: 0 !important;
6681
-
6682
- .ant-modal-content {
6683
- background: $backgrounds-light-primary;
6684
- border-radius: 16px;
6685
- }
6686
-
6687
- .ant-modal-header {
6688
- padding: 32px 40px 0;
6689
- border-bottom: none;
6690
- border-radius: 16px 16px 0 0;
6691
- }
6692
-
6693
- .ant-modal-close {
6694
- right: 40px;
6695
- top: 32px;
6696
- }
6697
-
6698
- .ant-modal-body {
6699
- padding: 32px 40px;
6700
- min-height: 160px;
6701
- max-height: calc(
6702
- 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6703
- );
6704
- overflow-y: auto;
6705
- }
6706
-
6707
- .ant-modal-footer {
6708
- padding: 24px 40px;
6709
- margin-top: 0;
6710
- border-top: none;
6711
- box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6712
- }
6713
- }
6714
-
6715
- .E_f1g147n6 {
6716
- display: flex;
6717
- justify-content: flex-end;
6718
- gap: 8px;
6719
- }
6720
-
6721
-
6722
- .E_h1ol2wl7 {
6723
- font-weight: bold;
6724
- background-color: unset;
6725
- padding: unset;
6726
- }
6727
-
6728
-
6729
6684
  .E_cyms3br {
6730
6685
  background: #fff;
6731
6686
  width: 100%;
@@ -6826,56 +6781,106 @@
6826
6781
  }
6827
6782
 
6828
6783
 
6829
- .E_cevhqx7 {
6830
- color: $text-light-primary;
6831
- }
6784
+ .E_d11hhzf9 {
6785
+ width: 492px !important;
6786
+ margin: 40px auto !important;
6787
+ padding-bottom: 0 !important;
6832
6788
 
6833
- .E_snbqlt4 {
6834
- margin-top: 8px;
6835
- color: $text-light-secondary;
6836
- }
6789
+ .ant-modal-content {
6790
+ background: $backgrounds-light-primary;
6791
+ border-radius: 16px;
6792
+ }
6837
6793
 
6794
+ .ant-modal-header {
6795
+ padding: 32px 40px 0;
6796
+ border-bottom: none;
6797
+ border-radius: 16px 16px 0 0;
6798
+ }
6838
6799
 
6839
- .E_c1ss4prm {
6840
- color: $text-light-secondary;
6800
+ .ant-modal-close {
6801
+ right: 40px;
6802
+ top: 32px;
6803
+ }
6841
6804
 
6842
- li {
6843
- margin-bottom: 4px;
6805
+ .ant-modal-body {
6806
+ padding: 32px 40px;
6807
+ min-height: 160px;
6808
+ max-height: calc(
6809
+ 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6810
+ );
6811
+ overflow-y: auto;
6812
+ }
6844
6813
 
6845
- &:last-child {
6846
- margin-bottom: 0;
6847
- }
6814
+ .ant-modal-footer {
6815
+ padding: 24px 40px;
6816
+ margin-top: 0;
6817
+ border-top: none;
6818
+ box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6848
6819
  }
6849
6820
  }
6850
6821
 
6851
- .E_ms3tlei {
6852
- background: $fill-neutral-trans-2;
6853
- padding: 8px;
6854
- border-radius: 6px;
6855
- color: $gray-a60-8;
6822
+ .E_f1g147n6 {
6823
+ display: flex;
6824
+ justify-content: flex-end;
6825
+ gap: 8px;
6826
+ }
6856
6827
 
6857
- li {
6858
- margin-bottom: 4px;
6859
6828
 
6860
- &:last-child {
6861
- margin-bottom: 0;
6829
+ .E_h1ol2wl7 {
6830
+ font-weight: bold;
6831
+ background-color: unset;
6832
+ padding: unset;
6833
+ }
6834
+
6835
+
6836
+ .E_c14ouk5o {
6837
+ width: 100%;
6838
+ height: 100%;
6839
+ display: flex;
6840
+ font-size: 12px;
6841
+ line-height: 18px;
6842
+ padding: 8px 0;
6843
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6844
+
6845
+ &:last-of-type {
6846
+ box-shadow: none;
6847
+ padding-bottom: 0;
6848
+ }
6849
+ &.collapsed {
6850
+ flex-direction: column;
6851
+
6852
+ .collapsed-content {
6853
+ display: flex;
6854
+
6855
+ > span {
6856
+ flex: 1;
6857
+ display: flex;
6858
+ justify-content: space-between;
6859
+ .ant-btn {
6860
+ height: auto;
6861
+ }
6862
+ }
6863
+ }
6864
+ .extra-content {
6865
+ margin-left: 162px;
6862
6866
  }
6863
6867
  }
6864
- }
6865
6868
 
6866
- .E_du44iy7 {
6867
- margin-bottom: 4px;
6868
- }
6869
+ .col-label {
6870
+ width: 216px;
6871
+ color: $text-secondary-light;
6872
+ margin-right: 12px;
6873
+ flex-shrink: 0;
6874
+ }
6869
6875
 
6870
- .E_s1qmhanr {
6871
- color: $text-light-secondary;
6872
- margin-bottom: 8px;
6873
- }
6876
+ .col-content {
6877
+ color: $text-primary-light;
6874
6878
 
6875
- .E_drje1h0 {
6876
- height: 1px;
6877
- background: $strokes-light-opaque-2;
6878
- margin: 16px 0;
6879
+ /* make btn link in info row have the same height as normal text */
6880
+ .ant-btn.ant-btn-link {
6881
+ height: auto;
6882
+ }
6883
+ }
6879
6884
  }
6880
6885
 
6881
6886
 
@@ -7458,56 +7463,58 @@
7458
7463
  }
7459
7464
 
7460
7465
 
7461
- .E_c14ouk5o {
7462
- width: 100%;
7463
- height: 100%;
7464
- display: flex;
7465
- font-size: 12px;
7466
- line-height: 18px;
7467
- padding: 8px 0;
7468
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7466
+ .E_cevhqx7 {
7467
+ color: $text-light-primary;
7468
+ }
7469
7469
 
7470
- &:last-of-type {
7471
- box-shadow: none;
7472
- padding-bottom: 0;
7473
- }
7474
- &.collapsed {
7475
- flex-direction: column;
7470
+ .E_snbqlt4 {
7471
+ margin-top: 8px;
7472
+ color: $text-light-secondary;
7473
+ }
7476
7474
 
7477
- .collapsed-content {
7478
- display: flex;
7479
7475
 
7480
- > span {
7481
- flex: 1;
7482
- display: flex;
7483
- justify-content: space-between;
7484
- .ant-btn {
7485
- height: auto;
7486
- }
7487
- }
7488
- }
7489
- .extra-content {
7490
- margin-left: 162px;
7476
+ .E_c1ss4prm {
7477
+ color: $text-light-secondary;
7478
+
7479
+ li {
7480
+ margin-bottom: 4px;
7481
+
7482
+ &:last-child {
7483
+ margin-bottom: 0;
7491
7484
  }
7492
7485
  }
7486
+ }
7493
7487
 
7494
- .col-label {
7495
- width: 216px;
7496
- color: $text-secondary-light;
7497
- margin-right: 12px;
7498
- flex-shrink: 0;
7499
- }
7488
+ .E_ms3tlei {
7489
+ background: $fill-neutral-trans-2;
7490
+ padding: 8px;
7491
+ border-radius: 6px;
7492
+ color: $gray-a60-8;
7500
7493
 
7501
- .col-content {
7502
- color: $text-primary-light;
7494
+ li {
7495
+ margin-bottom: 4px;
7503
7496
 
7504
- /* make btn link in info row have the same height as normal text */
7505
- .ant-btn.ant-btn-link {
7506
- height: auto;
7497
+ &:last-child {
7498
+ margin-bottom: 0;
7507
7499
  }
7508
7500
  }
7509
7501
  }
7510
7502
 
7503
+ .E_du44iy7 {
7504
+ margin-bottom: 4px;
7505
+ }
7506
+
7507
+ .E_s1qmhanr {
7508
+ color: $text-light-secondary;
7509
+ margin-bottom: 8px;
7510
+ }
7511
+
7512
+ .E_drje1h0 {
7513
+ height: 1px;
7514
+ background: $strokes-light-opaque-2;
7515
+ margin: 16px 0;
7516
+ }
7517
+
7511
7518
 
7512
7519
  .E_l12xdkhl {
7513
7520
  width: 64px;