@cloudtower/eagle 0.34.22 → 0.34.24

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 (44) hide show
  1. package/dist/cjs/UIKitProvider/index.js +5 -10
  2. package/dist/cjs/core/ImmersiveDialog/index.js +8 -2
  3. package/dist/cjs/core/{Modal → LegacyModal}/index.js +7 -3
  4. package/dist/cjs/core/LegacySelect/index.js +4 -0
  5. package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
  6. package/dist/cjs/core/SmallDialog/SmallDialog.js +7 -5
  7. package/dist/cjs/core/message/message.js +24 -1
  8. package/dist/cjs/coreX/KubeConfigModal/index.js +4 -4
  9. package/dist/cjs/hooks/useLegacyComponentWarning.js +16 -0
  10. package/dist/cjs/index.js +16 -16
  11. package/dist/cjs/legacy-antd.js +2 -2
  12. package/dist/cjs/stats1.html +1 -1
  13. package/dist/components.css +1317 -1295
  14. package/dist/esm/UIKitProvider/index.js +5 -10
  15. package/dist/esm/core/ImmersiveDialog/index.js +8 -2
  16. package/dist/esm/core/{Modal → LegacyModal}/index.js +9 -5
  17. package/dist/esm/core/LegacySelect/index.js +4 -0
  18. package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
  19. package/dist/esm/core/SmallDialog/SmallDialog.js +6 -4
  20. package/dist/esm/core/message/message.js +24 -1
  21. package/dist/esm/coreX/KubeConfigModal/index.js +5 -5
  22. package/dist/esm/hooks/useLegacyComponentWarning.js +14 -0
  23. package/dist/esm/index.js +1 -1
  24. package/dist/esm/legacy-antd.js +4 -4
  25. package/dist/esm/stats1.html +1 -1
  26. package/dist/linaria.merged.scss +1406 -1377
  27. package/dist/src/core/ImmersiveDialog/type.d.ts +2 -0
  28. package/dist/src/core/{Modal/modal.type.d.ts → LegacyModal/LegacyModal.type.d.ts} +12 -1
  29. package/dist/src/core/LegacyModal/index.d.ts +16 -0
  30. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +2 -0
  31. package/dist/src/core/index.d.ts +2 -2
  32. package/dist/src/core/message/message.d.ts +5 -0
  33. package/dist/src/hooks/useLegacyComponentWarning.d.ts +2 -0
  34. package/dist/src/spec/base.d.ts +2 -2
  35. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +5 -0
  36. package/dist/stories/docs/core/LegacyModal.stories.d.ts +23 -0
  37. package/dist/stories/docs/core/MediumDialog.stories.d.ts +5 -1
  38. package/dist/stories/docs/core/SmallDialog.stories.d.ts +5 -1
  39. package/dist/stories/docs/core/WizardDialog.stories.d.ts +2 -0
  40. package/dist/stories/docs/core/message-group.stories.d.ts +1 -0
  41. package/dist/style.css +1317 -1295
  42. package/package.json +4 -4
  43. package/dist/src/core/Modal/index.d.ts +0 -5
  44. package/dist/stories/docs/core/Modal.stories.d.ts +0 -13
@@ -70,38 +70,6 @@
70
70
  }
71
71
 
72
72
 
73
- .E_ccrbeuz {
74
- .ant-collapse-item {
75
- border: 0px;
76
- background-color: $fills-light-white;
77
-
78
- .ant-collapse-header {
79
- padding-top: 0px;
80
- padding-bottom: 0px;
81
- padding-left: 0px !important;
82
- padding-right: 24px;
83
- .ant-collapse-arrow {
84
- right: 0px;
85
- }
86
- }
87
- .ant-collapse-content {
88
- .ant-collapse-content-box {
89
- padding: 0px;
90
- }
91
- }
92
- }
93
- }
94
-
95
- .E_c1fljvag {
96
- .ant-collapse-item {
97
- .ant-collapse-header {
98
- padding-right: 0px;
99
- cursor: default;
100
- }
101
- }
102
- }
103
-
104
-
105
73
  .E_b1wx3t3t {
106
74
  &.ant-btn-icon-only {
107
75
  justify-content: center;
@@ -460,24 +428,6 @@
460
428
  }
461
429
 
462
430
 
463
- .E_d133fzv0 {
464
- .ant-dropdown-menu-item-group {
465
- .ant-dropdown-menu-item-group-title {
466
- padding: 4px 8px 0 8px;
467
- color: $text-light-secondary;
468
- font-size: 12px;
469
- }
470
- .ant-dropdown-menu-item-group-list {
471
- padding-bottom: 6px;
472
- }
473
- &:not(:first-child) {
474
- padding-top: 4px;
475
- border-top: 1px solid $strokes-light-trans-2;
476
- }
477
- }
478
- }
479
-
480
-
481
431
  .E_b1nip9bk {
482
432
  padding: 4px 11px;
483
433
  }
@@ -519,6 +469,123 @@
519
469
  }
520
470
 
521
471
 
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
+ .E_d133fzv0 {
498
+ .ant-dropdown-menu-item-group {
499
+ .ant-dropdown-menu-item-group-title {
500
+ padding: 4px 8px 0 8px;
501
+ color: $text-light-secondary;
502
+ font-size: 12px;
503
+ }
504
+ .ant-dropdown-menu-item-group-list {
505
+ padding-bottom: 6px;
506
+ }
507
+ &:not(:first-child) {
508
+ padding-top: 4px;
509
+ border-top: 1px solid $strokes-light-trans-2;
510
+ }
511
+ }
512
+ }
513
+
514
+
515
+ .E_sx1bpnu {
516
+ .ant-input-sm {
517
+ line-height: 18px;
518
+ }
519
+ }
520
+
521
+
522
+ .E_phljevk {
523
+ display: flex;
524
+ justify-content: space-between;
525
+ align-items: center;
526
+ padding: 10px 0;
527
+ color: $text-light-secondary;
528
+ font-size: 12px;
529
+ line-height: 24px;
530
+
531
+ .pagination-left {
532
+ padding: 2px 8px;
533
+ }
534
+
535
+ .dropdown-trigger {
536
+ display: flex;
537
+ align-items: center;
538
+ border-radius: 6px;
539
+ cursor: pointer;
540
+ transition: all 0.3s ease;
541
+
542
+ &:hover {
543
+ background: $fills-interaction-light-general-hover;
544
+ color: $text-light-general;
545
+ }
546
+ .icon-inner {
547
+ margin-left: 4px;
548
+ }
549
+ }
550
+
551
+ .pagination-right {
552
+ display: flex;
553
+ align-items: center;
554
+ color: $blue-60;
555
+ font-weight: bold;
556
+ .icon-inner {
557
+ margin-left: 4px;
558
+ }
559
+ .prev-btn,
560
+ .next-btn {
561
+ padding: 0 8px;
562
+ > span {
563
+ color: $text-light-general;
564
+ }
565
+ }
566
+
567
+ .next-btn {
568
+ .icon-inner {
569
+ transform: rotate(180deg);
570
+ }
571
+ }
572
+ }
573
+ }
574
+
575
+ .E_d12rtyeg {
576
+ &.ant-dropdown .ant-dropdown-menu {
577
+ max-height: calc(100vh - 128px);
578
+ overflow-y: auto;
579
+
580
+ .ant-dropdown-menu-item {
581
+ padding: 4px 20px;
582
+ font-size: 12px;
583
+ line-height: 18px;
584
+ }
585
+ }
586
+ }
587
+
588
+
522
589
  .E_c1yyuluq {
523
590
  border-radius: 8px;
524
591
  .ant-card-body {
@@ -582,31 +649,6 @@
582
649
  }
583
650
 
584
651
 
585
- .E_c1uzzomf {
586
- margin-bottom: 16px;
587
-
588
- .card-title {
589
- font-size: 16px;
590
- color: $text-secondary-light;
591
- font-weight: 700;
592
- line-height: 32px;
593
- }
594
- .card-body {
595
- padding: 24px;
596
- border-radius: 8px;
597
- background: $fills-light-white;
598
- }
599
-
600
- .empty {
601
- font-weight: 700;
602
- font-size: 14px;
603
- line-height: 22px;
604
- color: $text-light-tertiary;
605
- text-align: center;
606
- }
607
- }
608
-
609
-
610
652
  .E_d1bw7c5z {
611
653
  position: relative;
612
654
  max-width: 388px;
@@ -698,103 +740,47 @@
698
740
  }
699
741
 
700
742
 
701
- .E_sx1bpnu {
702
- .ant-input-sm {
703
- line-height: 18px;
704
- }
705
- }
706
-
743
+ .E_ccrbeuz {
744
+ .ant-collapse-item {
745
+ border: 0px;
746
+ background-color: $fills-light-white;
707
747
 
708
- .E_s1dizucg {
709
- &.ant-switch {
710
- min-width: 40px;
711
- height: 24px;
712
- background: $fills-trans-quinary-light;
713
- overflow: hidden;
714
- &:focus {
715
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
748
+ .ant-collapse-header {
749
+ padding-top: 0px;
750
+ padding-bottom: 0px;
751
+ padding-left: 0px !important;
752
+ padding-right: 24px;
753
+ .ant-collapse-arrow {
754
+ right: 0px;
755
+ }
716
756
  }
717
- }
718
- &.ant-switch-small {
719
- min-width: 26px;
720
- height: 16px;
721
- }
722
- &.ant-switch-large {
723
- min-width: 52px;
724
- height: 32px;
725
- }
726
-
727
- &.ant-switch .ant-switch-handle {
728
- height: 20px;
729
- width: 20px;
730
- &::before {
731
- border-radius: 10px;
732
- transition-delay: 120ms;
757
+ .ant-collapse-content {
758
+ .ant-collapse-content-box {
759
+ padding: 0px;
760
+ }
733
761
  }
734
762
  }
735
- &.ant-switch-small .ant-switch-handle {
736
- height: 14px;
737
- width: 14px;
738
- top: 1px;
739
- left: 1px;
740
- }
741
- &.ant-switch-large .ant-switch-handle {
742
- height: 28px;
743
- width: 28px;
744
- &::before {
745
- border-radius: 14px;
763
+ }
764
+
765
+ .E_c1fljvag {
766
+ .ant-collapse-item {
767
+ .ant-collapse-header {
768
+ padding-right: 0px;
769
+ cursor: default;
746
770
  }
747
771
  }
748
-
749
- &.ant-switch-checked {
750
- background-color: $green-60;
751
- }
752
- &.ant-switch-checked .ant-switch-handle {
753
- left: calc(100% - 20px - 2px);
754
- }
755
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
756
- left: calc(100% - 14px - 1px);
757
- }
758
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
759
- left: calc(100% - 28px - 2px);
760
- }
761
- }
762
-
763
- .E_c1up6e3y {
764
- margin-left: 5px;
765
- }
766
-
767
-
768
- .E_i11gg7mj {
769
- .ant-input-prefix {
770
- margin-right: 8px;
771
- }
772
- .ant-input-suffix {
773
- margin-left: 8px;
774
- }
775
- }
776
-
777
- .E_cc368xp {
778
- color: $gray-120;
779
- border-right: 1px solid $gray-a60-5;
780
- margin-right: 8px;
781
- padding-right: 8px;
782
772
  }
783
773
 
784
- .E_i11o6xqj {
785
- display: flex;
786
- gap: 4px;
787
774
 
788
- .icon-wrapper {
789
- cursor: pointer;
790
- }
775
+ .E_ivqqkzv {
776
+ height: 24px;
777
+ width: 56px !important;
778
+ margin-right: 4px;
791
779
  }
792
780
 
793
- .E_d19ruhdj {
794
- &.icon-wrapper {
795
- cursor: not-allowed;
796
- }
797
- }
781
+ .E_c1wk4q29 {
782
+ color: $text-secondary-light;
783
+ }
798
784
 
799
785
 
800
786
  .E_c1bus5hc {
@@ -841,79 +827,59 @@
841
827
  }
842
828
 
843
829
 
844
- .E_ivqqkzv {
845
- height: 24px;
846
- width: 56px !important;
847
- margin-right: 4px;
830
+ .E_i11gg7mj {
831
+ .ant-input-prefix {
832
+ margin-right: 8px;
833
+ }
834
+ .ant-input-suffix {
835
+ margin-left: 8px;
836
+ }
848
837
  }
849
838
 
850
- .E_c1wk4q29 {
851
- color: $text-secondary-light;
852
- }
853
-
839
+ .E_cc368xp {
840
+ color: $gray-120;
841
+ border-right: 1px solid $gray-a60-5;
842
+ margin-right: 8px;
843
+ padding-right: 8px;
844
+ }
854
845
 
855
- .E_phljevk {
846
+ .E_i11o6xqj {
856
847
  display: flex;
857
- justify-content: space-between;
858
- align-items: center;
859
- padding: 10px 0;
860
- color: $text-light-secondary;
861
- font-size: 12px;
862
- line-height: 24px;
863
-
864
- .pagination-left {
865
- padding: 2px 8px;
866
- }
848
+ gap: 4px;
867
849
 
868
- .dropdown-trigger {
869
- display: flex;
870
- align-items: center;
871
- border-radius: 6px;
850
+ .icon-wrapper {
872
851
  cursor: pointer;
873
- transition: all 0.3s ease;
852
+ }
853
+ }
874
854
 
875
- &:hover {
876
- background: $fills-interaction-light-general-hover;
877
- color: $text-light-general;
878
- }
879
- .icon-inner {
880
- margin-left: 4px;
881
- }
855
+ .E_d19ruhdj {
856
+ &.icon-wrapper {
857
+ cursor: not-allowed;
882
858
  }
859
+ }
883
860
 
884
- .pagination-right {
885
- display: flex;
886
- align-items: center;
887
- color: $blue-60;
888
- font-weight: bold;
889
- .icon-inner {
890
- margin-left: 4px;
891
- }
892
- .prev-btn,
893
- .next-btn {
894
- padding: 0 8px;
895
- > span {
896
- color: $text-light-general;
897
- }
898
- }
899
861
 
900
- .next-btn {
901
- .icon-inner {
902
- transform: rotate(180deg);
903
- }
904
- }
862
+ .E_tju3gfj {
863
+ .date {
864
+ margin-right: 4px;
905
865
  }
906
866
  }
907
867
 
908
- .E_d12rtyeg {
909
- &.ant-dropdown .ant-dropdown-menu {
910
- max-height: calc(100vh - 128px);
911
- overflow-y: auto;
912
868
 
913
- .ant-dropdown-menu-item {
914
- padding: 4px 20px;
915
- font-size: 12px;
916
- line-height: 18px;
869
+ .E_iq1gosr {
870
+ display: inline-block;
871
+ }
872
+
873
+
874
+ .E_t1m2x205 {
875
+ .ant-tooltip-arrow {
876
+ display: none;
877
+ }
878
+ .ant-tooltip-inner {
879
+ background: $gray-a80-9;
880
+ border-radius: 4px;
881
+ &:has(.eagle-ellipsis-content) {
882
+ visibility: hidden;
917
883
  }
918
884
  }
919
885
  }
@@ -1100,119 +1066,64 @@
1100
1066
  }
1101
1067
 
1102
1068
 
1103
- .E_s1sck0th {
1104
- padding: 0 8px;
1105
- border-radius: 4px;
1069
+ .E_s1dizucg {
1070
+ &.ant-switch {
1071
+ min-width: 40px;
1072
+ height: 24px;
1073
+ background: $fills-trans-quinary-light;
1074
+ overflow: hidden;
1075
+ &:focus {
1076
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1077
+ }
1078
+ }
1079
+ &.ant-switch-small {
1080
+ min-width: 26px;
1081
+ height: 16px;
1082
+ }
1083
+ &.ant-switch-large {
1084
+ min-width: 52px;
1085
+ height: 32px;
1106
1086
  }
1107
1087
 
1108
- .E_m855nr1 {
1109
- padding: 2px 8px;
1110
- border-radius: 3px;
1088
+ &.ant-switch .ant-switch-handle {
1089
+ height: 20px;
1090
+ width: 20px;
1091
+ &::before {
1092
+ border-radius: 10px;
1093
+ transition-delay: 120ms;
1094
+ }
1095
+ }
1096
+ &.ant-switch-small .ant-switch-handle {
1097
+ height: 14px;
1098
+ width: 14px;
1099
+ top: 1px;
1100
+ left: 1px;
1101
+ }
1102
+ &.ant-switch-large .ant-switch-handle {
1103
+ height: 28px;
1104
+ width: 28px;
1105
+ &::before {
1106
+ border-radius: 14px;
1107
+ }
1111
1108
  }
1112
1109
 
1113
- .E_l1270xpg {
1114
- padding: 3px 8px;
1115
- border-radius: 2px;
1110
+ &.ant-switch-checked {
1111
+ background-color: $green-60;
1112
+ }
1113
+ &.ant-switch-checked .ant-switch-handle {
1114
+ left: calc(100% - 20px - 2px);
1115
+ }
1116
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1117
+ left: calc(100% - 14px - 1px);
1116
1118
  }
1119
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1120
+ left: calc(100% - 28px - 2px);
1121
+ }
1122
+ }
1117
1123
 
1118
- .E_t14rextb {
1119
- &.ant-tag:hover {
1120
- opacity: unset;
1124
+ .E_c1up6e3y {
1125
+ margin-left: 5px;
1121
1126
  }
1122
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1123
- margin: 0;
1124
- margin-right: 8px;
1125
- display: inline-flex;
1126
- align-items: center;
1127
- border: none;
1128
- & .ant-tag-close-icon {
1129
- width: 16px;
1130
- height: 16px;
1131
- color: inherit;
1132
- margin-left: 4px;
1133
- opacity: 0.6;
1134
- display: inline-flex;
1135
- &:hover {
1136
- opacity: 1;
1137
- }
1138
- }
1139
- &.ant-tag-blue {
1140
- color: $fills-light-general-general;
1141
- background-color: $fills-light-general-general-light;
1142
- }
1143
- &.ant-tag-red {
1144
- color: $fills-light-serious-serious;
1145
- background-color: $fills-light-serious-serious-light;
1146
- }
1147
- &.ant-tag-yellow {
1148
- color: $fills-light-notice-notice-dark;
1149
- background-color: $fills-light-notice-notice-light;
1150
- }
1151
- &.ant-tag-green {
1152
- color: $fills-light-positive-positive-dark;
1153
- background-color: $fills-light-positive-positive-light;
1154
- }
1155
- &.ant-tag-gray {
1156
- color: $text-light-super;
1157
- background-color: $fills-element-light-container-general;
1158
- }
1159
- &.ant-tag-purple {
1160
- color: $text-colorful-purple;
1161
- background-color: $fill-purple-light;
1162
- }
1163
-
1164
- &.ui-kit-token-checked {
1165
- color: $text-light-on-tint;
1166
- &.ant-tag-red {
1167
- background-color: $fills-light-serious-serious;
1168
- }
1169
- &.ant-tag-yellow {
1170
- background-color: $fills-light-notice-notice;
1171
- }
1172
- &.ant-tag-green {
1173
- background-color: $fills-light-positive-positive;
1174
- }
1175
- &.ant-tag-blue {
1176
- background-color: $fills-light-general-general;
1177
- }
1178
- &.ant-tag-gray {
1179
- background-color: $gray-70;
1180
- }
1181
- &.ant-tag-purple {
1182
- background-color: $fill-purple-base;
1183
- }
1184
- }
1185
- }
1186
- }
1187
-
1188
-
1189
- .E_iq1gosr {
1190
- display: inline-block;
1191
- }
1192
-
1193
-
1194
- .E_fzh9mnb {
1195
- width: 100%;
1196
- height: 100%;
1197
- min-height: 124px;
1198
- display: flex;
1199
- flex-direction: column;
1200
- justify-content: center;
1201
- align-items: center;
1202
-
1203
- .error-text {
1204
- color: $text-terdiary-light;
1205
- margin-bottom: 16px;
1206
- font-size: 18px;
1207
- }
1208
- }
1209
-
1210
-
1211
- .E_tju3gfj {
1212
- .date {
1213
- margin-right: 4px;
1214
- }
1215
- }
1216
1127
 
1217
1128
 
1218
1129
  .E_s1dni7lo {
@@ -1304,26 +1215,88 @@
1304
1215
  }
1305
1216
 
1306
1217
 
1307
- .E_t1m2x205 {
1308
- .ant-tooltip-arrow {
1309
- display: none;
1310
- }
1311
- .ant-tooltip-inner {
1312
- background: $gray-a80-9;
1218
+ .E_s1sck0th {
1219
+ padding: 0 8px;
1313
1220
  border-radius: 4px;
1314
- &:has(.eagle-ellipsis-content) {
1315
- visibility: hidden;
1316
- }
1317
1221
  }
1318
- }
1319
1222
 
1223
+ .E_m855nr1 {
1224
+ padding: 2px 8px;
1225
+ border-radius: 3px;
1226
+ }
1227
+
1228
+ .E_l1270xpg {
1229
+ padding: 3px 8px;
1230
+ border-radius: 2px;
1231
+ }
1320
1232
 
1321
- .E_atcz0kf {
1322
- .ant-input-suffix {
1323
- margin-left: 8px;
1233
+ .E_t14rextb {
1234
+ &.ant-tag:hover {
1235
+ opacity: unset;
1324
1236
  }
1325
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1326
- padding: 2px 7px 2px 12px;
1237
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1238
+ margin: 0;
1239
+ margin-right: 8px;
1240
+ display: inline-flex;
1241
+ align-items: center;
1242
+ border: none;
1243
+ & .ant-tag-close-icon {
1244
+ width: 16px;
1245
+ height: 16px;
1246
+ color: inherit;
1247
+ margin-left: 4px;
1248
+ opacity: 0.6;
1249
+ display: inline-flex;
1250
+ &:hover {
1251
+ opacity: 1;
1252
+ }
1253
+ }
1254
+ &.ant-tag-blue {
1255
+ color: $fills-light-general-general;
1256
+ background-color: $fills-light-general-general-light;
1257
+ }
1258
+ &.ant-tag-red {
1259
+ color: $fills-light-serious-serious;
1260
+ background-color: $fills-light-serious-serious-light;
1261
+ }
1262
+ &.ant-tag-yellow {
1263
+ color: $fills-light-notice-notice-dark;
1264
+ background-color: $fills-light-notice-notice-light;
1265
+ }
1266
+ &.ant-tag-green {
1267
+ color: $fills-light-positive-positive-dark;
1268
+ background-color: $fills-light-positive-positive-light;
1269
+ }
1270
+ &.ant-tag-gray {
1271
+ color: $text-light-super;
1272
+ background-color: $fills-element-light-container-general;
1273
+ }
1274
+ &.ant-tag-purple {
1275
+ color: $text-colorful-purple;
1276
+ background-color: $fill-purple-light;
1277
+ }
1278
+
1279
+ &.ui-kit-token-checked {
1280
+ color: $text-light-on-tint;
1281
+ &.ant-tag-red {
1282
+ background-color: $fills-light-serious-serious;
1283
+ }
1284
+ &.ant-tag-yellow {
1285
+ background-color: $fills-light-notice-notice;
1286
+ }
1287
+ &.ant-tag-green {
1288
+ background-color: $fills-light-positive-positive;
1289
+ }
1290
+ &.ant-tag-blue {
1291
+ background-color: $fills-light-general-general;
1292
+ }
1293
+ &.ant-tag-gray {
1294
+ background-color: $gray-70;
1295
+ }
1296
+ &.ant-tag-purple {
1297
+ background-color: $fill-purple-base;
1298
+ }
1299
+ }
1327
1300
  }
1328
1301
  }
1329
1302
 
@@ -1350,6 +1323,33 @@
1350
1323
  }
1351
1324
 
1352
1325
 
1326
+ .E_fzh9mnb {
1327
+ width: 100%;
1328
+ height: 100%;
1329
+ min-height: 124px;
1330
+ display: flex;
1331
+ flex-direction: column;
1332
+ justify-content: center;
1333
+ align-items: center;
1334
+
1335
+ .error-text {
1336
+ color: $text-terdiary-light;
1337
+ margin-bottom: 16px;
1338
+ font-size: 18px;
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_atcz0kf {
1344
+ .ant-input-suffix {
1345
+ margin-left: 8px;
1346
+ }
1347
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1348
+ padding: 2px 7px 2px 12px;
1349
+ }
1350
+ }
1351
+
1352
+
1353
1353
  .E_i1inqkme {
1354
1354
  height: 18px;
1355
1355
  line-height: 18px;
@@ -1364,40 +1364,13 @@
1364
1364
  }
1365
1365
 
1366
1366
 
1367
- .E_a1wfy30z {
1368
- .ant-input-number-handler-wrap {
1369
- display: var(--a1wfy30z-0);
1370
- }
1371
- .ant-input-number-input-wrap {
1372
- padding: 4px 11px;
1373
- display: inline-flex;
1374
- line-height: 1.5715;
1375
- height: inherit;
1376
- }
1377
-
1378
- .ant-input-number-input-wrap::after {
1379
- content: var(--a1wfy30z-1);
1380
- display: var(--a1wfy30z-2);
1381
- flex: none;
1382
- align-items: center;
1383
- margin-left: 4px;
1384
- }
1385
-
1386
- .ant-input-number-input-wrap::before {
1387
- content: var(--a1wfy30z-3);
1388
- display: var(--a1wfy30z-4);
1389
- flex: none;
1390
- align-items: center;
1391
- margin-right: 4px;
1392
- cursor: auto;
1393
- }
1367
+ .E_owd0kml {
1368
+ display: inline-block;
1369
+ }
1394
1370
 
1395
- .ant-input-number-input {
1396
- padding: 0;
1397
- margin: 0;
1398
- height: auto;
1399
- font-size: inherit;
1400
- }
1371
+ .E_h1jsgezc {
1372
+ visibility: hidden;
1373
+ position: absolute;
1401
1374
  }
1402
1375
 
1403
1376
 
@@ -1524,13 +1497,40 @@
1524
1497
  }
1525
1498
 
1526
1499
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1529
- }
1500
+ .E_a1wfy30z {
1501
+ .ant-input-number-handler-wrap {
1502
+ display: var(--a1wfy30z-0);
1503
+ }
1504
+ .ant-input-number-input-wrap {
1505
+ padding: 4px 11px;
1506
+ display: inline-flex;
1507
+ line-height: 1.5715;
1508
+ height: inherit;
1509
+ }
1530
1510
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1511
+ .ant-input-number-input-wrap::after {
1512
+ content: var(--a1wfy30z-1);
1513
+ display: var(--a1wfy30z-2);
1514
+ flex: none;
1515
+ align-items: center;
1516
+ margin-left: 4px;
1517
+ }
1518
+
1519
+ .ant-input-number-input-wrap::before {
1520
+ content: var(--a1wfy30z-3);
1521
+ display: var(--a1wfy30z-4);
1522
+ flex: none;
1523
+ align-items: center;
1524
+ margin-right: 4px;
1525
+ cursor: auto;
1526
+ }
1527
+
1528
+ .ant-input-number-input {
1529
+ padding: 0;
1530
+ margin: 0;
1531
+ height: auto;
1532
+ font-size: inherit;
1533
+ }
1534
1534
  }
1535
1535
 
1536
1536
 
@@ -1888,43 +1888,6 @@
1888
1888
  }
1889
1889
 
1890
1890
 
1891
- .E_a1b5xrg3 {
1892
- .user-icon-inner {
1893
- display: inline-flex;
1894
- align-items: center;
1895
- justify-content: center;
1896
- color: $white;
1897
- font-weight: bold;
1898
- font-size: 12px;
1899
- width: 24px;
1900
- height: 24px;
1901
- border-radius: 50%;
1902
- background: var(--a1b5xrg3-0);
1903
- }
1904
- &.btn-item {
1905
- transition: all 160ms ease;
1906
- cursor: pointer;
1907
- width: 56px;
1908
- height: 40px;
1909
- display: inline-flex;
1910
- align-items: center;
1911
- justify-content: center;
1912
- border-radius: 6px;
1913
-
1914
- &:hover {
1915
- box-shadow:
1916
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1917
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1918
- }
1919
-
1920
- &:active {
1921
- transform: translateY(2px);
1922
- transition: all 320ms ease;
1923
- }
1924
- }
1925
- }
1926
-
1927
-
1928
1891
  .E_m196gn1d {
1929
1892
  min-width: 1280px;
1930
1893
  }
@@ -2743,6 +2706,43 @@
2743
2706
  }
2744
2707
 
2745
2708
 
2709
+ .E_a1b5xrg3 {
2710
+ .user-icon-inner {
2711
+ display: inline-flex;
2712
+ align-items: center;
2713
+ justify-content: center;
2714
+ color: $white;
2715
+ font-weight: bold;
2716
+ font-size: 12px;
2717
+ width: 24px;
2718
+ height: 24px;
2719
+ border-radius: 50%;
2720
+ background: var(--a1b5xrg3-0);
2721
+ }
2722
+ &.btn-item {
2723
+ transition: all 160ms ease;
2724
+ cursor: pointer;
2725
+ width: 56px;
2726
+ height: 40px;
2727
+ display: inline-flex;
2728
+ align-items: center;
2729
+ justify-content: center;
2730
+ border-radius: 6px;
2731
+
2732
+ &:hover {
2733
+ box-shadow:
2734
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2735
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2736
+ }
2737
+
2738
+ &:active {
2739
+ transform: translateY(2px);
2740
+ transition: all 320ms ease;
2741
+ }
2742
+ }
2743
+ }
2744
+
2745
+
2746
2746
  .E_s17wv897 {
2747
2747
  &.ant-select,
2748
2748
  &.ant-select div.ant-select-selector {
@@ -2845,6 +2845,34 @@
2845
2845
  }
2846
2846
 
2847
2847
 
2848
+ .E_oa99sl3 {
2849
+ display: flex;
2850
+ justify-content: space-between;
2851
+ align-items: center;
2852
+ gap: 8px;
2853
+
2854
+ &,
2855
+ :first-child {
2856
+ // unset the global style
2857
+ line-height: inherit !important;
2858
+ }
2859
+ }
2860
+
2861
+ .E_lvp5pj7 {
2862
+ display: flex;
2863
+ justify-content: space-between;
2864
+ align-items: center;
2865
+ gap: 8px;
2866
+ min-width: 0;
2867
+ }
2868
+
2869
+ .E_s1io1lws {
2870
+ display: flex;
2871
+ align-items: center;
2872
+ flex-shrink: 0;
2873
+ }
2874
+
2875
+
2848
2876
  .E_s4ivdfu {
2849
2877
  &.ant-select {
2850
2878
  .ant-select-selection-placeholder {
@@ -3046,46 +3074,18 @@
3046
3074
  }
3047
3075
 
3048
3076
 
3049
- .E_oa99sl3 {
3077
+ .E_w1dxz879 {
3050
3078
  display: flex;
3051
- justify-content: space-between;
3052
- align-items: center;
3053
- gap: 8px;
3054
-
3055
- &,
3056
- :first-child {
3057
- // unset the global style
3058
- line-height: inherit !important;
3079
+ flex-direction: column;
3080
+ gap: 6px;
3081
+ .ellipsis-tooltip {
3082
+ max-height: var(--w1dxz879-0);
3083
+ text-overflow: clip;
3084
+ overflow: hidden;
3059
3085
  }
3060
- }
3061
-
3062
- .E_lvp5pj7 {
3063
- display: flex;
3064
- justify-content: space-between;
3065
- align-items: center;
3066
- gap: 8px;
3067
- min-width: 0;
3068
- }
3069
-
3070
- .E_s1io1lws {
3071
- display: flex;
3072
- align-items: center;
3073
- flex-shrink: 0;
3074
- }
3075
-
3076
-
3077
- .E_suhck3k {
3078
- height: 24px;
3079
- width: 24px;
3080
- border-radius: 6px;
3081
- padding: 4px;
3082
- &:hover {
3083
- background-color: $fill-outstanding-light;
3084
- svg {
3085
- path {
3086
- fill: blue;
3087
- }
3088
- }
3086
+ .tips {
3087
+ color: #fff;
3088
+ opacity: 0.8;
3089
3089
  }
3090
3090
  }
3091
3091
 
@@ -3128,23 +3128,6 @@
3128
3128
  }
3129
3129
 
3130
3130
 
3131
- .E_ryby9ds {
3132
- display: flex;
3133
- align-items: center;
3134
- .order {
3135
- height: 24px;
3136
- width: 24px;
3137
- border-radius: 20px;
3138
- color: $text-light-general;
3139
- background: $fill-light-element-container-outstanding;
3140
- display: flex;
3141
- align-items: center;
3142
- justify-content: center;
3143
- margin-right: 6px;
3144
- }
3145
- }
3146
-
3147
-
3148
3131
  .E_hrhfj7c {
3149
3132
  display: none;
3150
3133
  }
@@ -3337,18 +3320,35 @@
3337
3320
  }
3338
3321
 
3339
3322
 
3340
- .E_w1dxz879 {
3341
- display: flex;
3342
- flex-direction: column;
3343
- gap: 6px;
3344
- .ellipsis-tooltip {
3345
- max-height: var(--w1dxz879-0);
3346
- text-overflow: clip;
3347
- overflow: hidden;
3323
+ .E_suhck3k {
3324
+ height: 24px;
3325
+ width: 24px;
3326
+ border-radius: 6px;
3327
+ padding: 4px;
3328
+ &:hover {
3329
+ background-color: $fill-outstanding-light;
3330
+ svg {
3331
+ path {
3332
+ fill: blue;
3333
+ }
3334
+ }
3348
3335
  }
3349
- .tips {
3350
- color: #fff;
3351
- opacity: 0.8;
3336
+ }
3337
+
3338
+
3339
+ .E_ryby9ds {
3340
+ display: flex;
3341
+ align-items: center;
3342
+ .order {
3343
+ height: 24px;
3344
+ width: 24px;
3345
+ border-radius: 20px;
3346
+ color: $text-light-general;
3347
+ background: $fill-light-element-container-outstanding;
3348
+ display: flex;
3349
+ align-items: center;
3350
+ justify-content: center;
3351
+ margin-right: 6px;
3352
3352
  }
3353
3353
  }
3354
3354
 
@@ -3794,56 +3794,140 @@
3794
3794
  }
3795
3795
 
3796
3796
 
3797
- .E_tc97u5y {
3798
- height: 100%;
3799
- }
3800
-
3801
- .E_efzf37v {
3802
- .ant-table-content,
3803
- .ant-table-body {
3804
- overflow: visible !important;
3805
- height: 100%;
3806
- }
3807
-
3808
- .ant-table-tbody .ant-table-placeholder td {
3809
- height: 100%;
3810
- }
3797
+ .E_sddwhm6 {
3798
+ $prefix: ui-kit-status-capsule;
3799
+ margin: 0;
3800
+ border-radius: 20px;
3801
+ padding: 2px 10px;
3802
+ height: 22px;
3811
3803
 
3812
- table {
3813
- width: 100% !important;
3814
- height: 100%;
3815
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3816
- padding: 15px 0;
3804
+ &.ant-tag.#{$prefix}.off-white {
3805
+ background-color: $fill-neutral-trans-1 !important;
3806
+ &.tag-hover:hover,
3807
+ &.__pseudo-states-hover {
3808
+ background-color: $fill-neutral-trans-2 !important;
3817
3809
  }
3818
3810
  }
3819
-
3820
- table thead.ant-table-thead {
3821
- display: none;
3822
- }
3823
- }
3824
-
3825
- .E_t1fisho6 {
3826
- height: 100%;
3827
-
3828
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3829
- padding-top: 6px;
3830
- padding-bottom: 6px;
3831
- }
3832
-
3833
- .active-row td:nth-child(1) {
3834
- font-weight: 700;
3835
- }
3836
- &.has-selection .active-row td:nth-child(2) {
3837
- font-weight: 700;
3838
- }
3839
-
3840
- .ant-spin-nested-loading {
3841
- height: 100%;
3842
-
3843
- .ant-spin-container {
3844
- height: 100%;
3845
- overflow: visible;
3846
- }
3811
+ &.ant-tag.#{$prefix} {
3812
+ color: $text-neutral-primary;
3813
+ .#{$prefix}-icon {
3814
+ margin-right: 6px;
3815
+ }
3816
+ .#{$prefix}-number {
3817
+ margin-left: 8px;
3818
+ color: #2C385299;
3819
+ }
3820
+ &.ant-tag-blue {
3821
+ background-color: $fill-outstanding-light;
3822
+ .#{$prefix}-icon {
3823
+ background-color: $fill-outstanding-base;
3824
+ }
3825
+ &.tag-hover:hover,
3826
+ &.__pseudo-states-hover {
3827
+ background-color: $fill-outstanding-light-hover;
3828
+ }
3829
+ }
3830
+ &.ant-tag-red {
3831
+ background-color: $fill-serious-light;
3832
+ .#{$prefix}-icon {
3833
+ background-color: $fill-serious-base;
3834
+ }
3835
+ &.tag-hover:hover,
3836
+ &.__pseudo-states-hover {
3837
+ background-color: $fill-serious-light-hover;
3838
+ }
3839
+ }
3840
+ &.ant-tag-yellow {
3841
+ background-color: $fill-notice-light;
3842
+ .#{$prefix}-icon {
3843
+ background-color: $fill-notice-base;
3844
+ }
3845
+ &.tag-hover:hover,
3846
+ &.__pseudo-states-hover {
3847
+ background-color: $fill-notice-light-hover;
3848
+ }
3849
+ }
3850
+ &.ant-tag-green {
3851
+ background-color: $fill-positive-light;
3852
+ .#{$prefix}-icon {
3853
+ background-color: $fill-positive-base;
3854
+ }
3855
+ &.tag-hover:hover,
3856
+ &.__pseudo-states-hover {
3857
+ background-color: $fill-positive-light-hover;
3858
+ }
3859
+ }
3860
+ &.ant-tag-gray {
3861
+ background-color: $fill-neutral-trans-2;
3862
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3863
+ background-color: $gray-70;
3864
+ }
3865
+ &.tag-hover:hover,
3866
+ &.__pseudo-states-hover {
3867
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3868
+ }
3869
+ }
3870
+ }
3871
+ }
3872
+
3873
+ .E_satwmqm {
3874
+ width: 8px;
3875
+ height: 8px;
3876
+ border-radius: 50%;
3877
+ display: inline-block;
3878
+ }
3879
+
3880
+
3881
+ .E_tc97u5y {
3882
+ height: 100%;
3883
+ }
3884
+
3885
+ .E_efzf37v {
3886
+ .ant-table-content,
3887
+ .ant-table-body {
3888
+ overflow: visible !important;
3889
+ height: 100%;
3890
+ }
3891
+
3892
+ .ant-table-tbody .ant-table-placeholder td {
3893
+ height: 100%;
3894
+ }
3895
+
3896
+ table {
3897
+ width: 100% !important;
3898
+ height: 100%;
3899
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3900
+ padding: 15px 0;
3901
+ }
3902
+ }
3903
+
3904
+ table thead.ant-table-thead {
3905
+ display: none;
3906
+ }
3907
+ }
3908
+
3909
+ .E_t1fisho6 {
3910
+ height: 100%;
3911
+
3912
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3913
+ padding-top: 6px;
3914
+ padding-bottom: 6px;
3915
+ }
3916
+
3917
+ .active-row td:nth-child(1) {
3918
+ font-weight: 700;
3919
+ }
3920
+ &.has-selection .active-row td:nth-child(2) {
3921
+ font-weight: 700;
3922
+ }
3923
+
3924
+ .ant-spin-nested-loading {
3925
+ height: 100%;
3926
+
3927
+ .ant-spin-container {
3928
+ height: 100%;
3929
+ overflow: visible;
3930
+ }
3847
3931
  .ant-spin {
3848
3932
  max-height: none;
3849
3933
  }
@@ -4232,87 +4316,64 @@
4232
4316
  }
4233
4317
 
4234
4318
 
4235
- .E_sddwhm6 {
4236
- $prefix: ui-kit-status-capsule;
4237
- margin: 0;
4238
- border-radius: 20px;
4239
- padding: 2px 10px;
4240
- height: 22px;
4319
+ .E_c1yd35n {
4320
+ padding: 0 12px 14px 12px;
4321
+ }
4241
4322
 
4242
- &.ant-tag.#{$prefix}.off-white {
4243
- background-color: $fill-neutral-trans-1 !important;
4244
- &.tag-hover:hover,
4245
- &.__pseudo-states-hover {
4246
- background-color: $fill-neutral-trans-2 !important;
4247
- }
4248
- }
4249
- &.ant-tag.#{$prefix} {
4250
- color: $text-neutral-primary;
4251
- .#{$prefix}-icon {
4252
- margin-right: 6px;
4253
- }
4254
- .#{$prefix}-number {
4255
- margin-left: 8px;
4256
- color: #2C385299;
4257
- }
4258
- &.ant-tag-blue {
4259
- background-color: $fill-outstanding-light;
4260
- .#{$prefix}-icon {
4261
- background-color: $fill-outstanding-base;
4262
- }
4263
- &.tag-hover:hover,
4264
- &.__pseudo-states-hover {
4265
- background-color: $fill-outstanding-light-hover;
4266
- }
4267
- }
4268
- &.ant-tag-red {
4269
- background-color: $fill-serious-light;
4270
- .#{$prefix}-icon {
4271
- background-color: $fill-serious-base;
4272
- }
4273
- &.tag-hover:hover,
4274
- &.__pseudo-states-hover {
4275
- background-color: $fill-serious-light-hover;
4276
- }
4277
- }
4278
- &.ant-tag-yellow {
4279
- background-color: $fill-notice-light;
4280
- .#{$prefix}-icon {
4281
- background-color: $fill-notice-base;
4282
- }
4283
- &.tag-hover:hover,
4284
- &.__pseudo-states-hover {
4285
- background-color: $fill-notice-light-hover;
4286
- }
4287
- }
4288
- &.ant-tag-green {
4289
- background-color: $fill-positive-light;
4290
- .#{$prefix}-icon {
4291
- background-color: $fill-positive-base;
4292
- }
4293
- &.tag-hover:hover,
4294
- &.__pseudo-states-hover {
4295
- background-color: $fill-positive-light-hover;
4296
- }
4297
- }
4298
- &.ant-tag-gray {
4299
- background-color: $fill-neutral-trans-2;
4300
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4301
- background-color: $gray-70;
4302
- }
4303
- &.tag-hover:hover,
4304
- &.__pseudo-states-hover {
4305
- background-color: $fill-neutral-trans-3-trans-2-hover;
4306
- }
4307
- }
4308
- }
4323
+
4324
+ .E_lht19u8 {
4325
+ width: 64px;
4326
+ height: 64px;
4327
+ display: flex;
4328
+ align-items: center;
4329
+ justify-content: center;
4330
+ position: relative;
4331
+ opacity: 0.2;
4309
4332
  }
4310
4333
 
4311
- .E_satwmqm {
4312
- width: 8px;
4313
- height: 8px;
4314
- border-radius: 50%;
4315
- display: inline-block;
4334
+ .E_lk3gkp4 {
4335
+ position: absolute;
4336
+ width: 5px;
4337
+ height: 48px;
4338
+ left: 9.33px;
4339
+ top: 40.5px;
4340
+
4341
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4342
+ border-radius: 5px;
4343
+ transform: rotate(-128deg);
4344
+ transform-origin: top left;
4345
+
4346
+ animation: loading-indicator1 1100ms ease-out infinite;
4347
+ }
4348
+
4349
+ .E_ll4n94n {
4350
+ position: absolute;
4351
+ width: 5px;
4352
+ height: 48px;
4353
+ left: 40.8px;
4354
+ top: 8.4px;
4355
+
4356
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4357
+ border-radius: 5px;
4358
+ transform: rotate(-8deg);
4359
+ transform-origin: top left;
4360
+
4361
+ animation: loading-indicator2 1100ms ease-out infinite;
4362
+ }
4363
+
4364
+ .E_l17lbdo6 {
4365
+ position: absolute;
4366
+ width: 5px;
4367
+ height: 48px;
4368
+ left: 52.9px;
4369
+ top: 51.8px;
4370
+
4371
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4372
+ border-radius: 5px;
4373
+ transform: rotate(112deg);
4374
+ transform-origin: top left;
4375
+
4376
+ animation: loading-indicator3 1100ms ease-out infinite;
4316
4377
  }
4317
4378
 
4318
4379
 
@@ -4372,11 +4433,6 @@
4372
4433
  }
4373
4434
 
4374
4435
 
4375
- .E_c1yd35n {
4376
- padding: 0 12px 14px 12px;
4377
- }
4378
-
4379
-
4380
4436
  .E_b14q2gmw {
4381
4437
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4382
4438
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -4605,59 +4661,36 @@
4605
4661
  }
4606
4662
 
4607
4663
 
4608
- .E_lht19u8 {
4609
- width: 64px;
4610
- height: 64px;
4664
+ .E_r77hffu {
4611
4665
  display: flex;
4612
4666
  align-items: center;
4613
- justify-content: center;
4614
- position: relative;
4615
- opacity: 0.2;
4616
- }
4617
-
4618
- .E_lk3gkp4 {
4619
- position: absolute;
4620
- width: 5px;
4621
- height: 48px;
4622
- left: 9.33px;
4623
- top: 40.5px;
4624
-
4625
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4626
- border-radius: 5px;
4627
- transform: rotate(-128deg);
4628
- transform-origin: top left;
4629
-
4630
- animation: loading-indicator1 1100ms ease-out infinite;
4667
+ justify-content: space-between;
4668
+ column-gap: 6px;
4631
4669
  }
4632
4670
 
4633
- .E_ll4n94n {
4634
- position: absolute;
4635
- width: 5px;
4636
- height: 48px;
4637
- left: 40.8px;
4638
- top: 8.4px;
4639
-
4640
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4641
- border-radius: 5px;
4642
- transform: rotate(-8deg);
4643
- transform-origin: top left;
4671
+ .E_p1cmxsf7 {
4672
+ display: flex;
4673
+ flex-direction: column;
4674
+ justify-content: center;
4675
+ row-gap: var(--p1cmxsf7-0);
4644
4676
 
4645
- animation: loading-indicator2 1100ms ease-out infinite;
4677
+ .antd5-progress-line {
4678
+ font-size: 0;
4679
+ margin-bottom: unset;
4680
+ margin-inline-end: unset;
4681
+ }
4646
4682
  }
4647
4683
 
4648
- .E_l17lbdo6 {
4649
- position: absolute;
4650
- width: 5px;
4651
- height: 48px;
4652
- left: 52.9px;
4653
- top: 51.8px;
4654
-
4655
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4656
- border-radius: 5px;
4657
- transform: rotate(112deg);
4658
- transform-origin: top left;
4659
4684
 
4660
- animation: loading-indicator3 1100ms ease-out infinite;
4685
+ .E_w7ob4th {
4686
+ &.outside-tag {
4687
+ padding-left: 0;
4688
+ .inside-tag {
4689
+ border-radius: 4px 0 0 4px;
4690
+ padding-right: 4px;
4691
+ margin-right: 4px;
4692
+ }
4693
+ }
4661
4694
  }
4662
4695
 
4663
4696
 
@@ -4885,158 +4918,6 @@
4885
4918
  }
4886
4919
 
4887
4920
 
4888
- .E_t13ef470 {
4889
- height: 100%;
4890
- .table-loading-item {
4891
- padding: 12px 4px;
4892
- border-bottom: 1px solid rgba($gray-50, 0.18);
4893
- display: flex;
4894
-
4895
- > * {
4896
- height: 16px;
4897
- margin: 4px;
4898
- background: rgba($gray-50, 0.18);
4899
- border-radius: 2px;
4900
- }
4901
- .checkbox-loading {
4902
- width: 16px;
4903
- }
4904
- .td-loading {
4905
- flex: 1;
4906
- }
4907
- }
4908
-
4909
- :nth-child(1) {
4910
- padding: 8px 4px;
4911
- > * {
4912
- background: rgba($gray-70, 0.18);
4913
- }
4914
- }
4915
- :nth-child(1) {
4916
- > * {
4917
- background: rgba($gray-60, 0.18);
4918
- }
4919
- }
4920
- }
4921
-
4922
-
4923
- .E_r77hffu {
4924
- display: flex;
4925
- align-items: center;
4926
- justify-content: space-between;
4927
- column-gap: 6px;
4928
- }
4929
-
4930
- .E_p1cmxsf7 {
4931
- display: flex;
4932
- flex-direction: column;
4933
- justify-content: center;
4934
- row-gap: var(--p1cmxsf7-0);
4935
-
4936
- .antd5-progress-line {
4937
- font-size: 0;
4938
- margin-bottom: unset;
4939
- margin-inline-end: unset;
4940
- }
4941
- }
4942
-
4943
-
4944
- .E_l1ucdodl {
4945
- $prefix: ui-kit-status-legend;
4946
- margin: 0;
4947
- border-radius: 20px;
4948
- padding: 2px 10px;
4949
- height: 22px;
4950
- display: flex;
4951
- align-items: center;
4952
-
4953
- &.ui-kit-status-legend.on-tint {
4954
- color: $text-neutral-ontint;
4955
- }
4956
- &.tag-hover {
4957
- cursor: pointer;
4958
- }
4959
-
4960
- &.#{$prefix} {
4961
- color: $text-neutral-primary;
4962
- .#{$prefix}-icon {
4963
- margin-right: 6px;
4964
- }
4965
- .#{$prefix}-number {
4966
- margin-left: 8px;
4967
- color: #2C385299;
4968
- &.#{$prefix}-number.on-tint {
4969
- color: $text-neutral-ontint;
4970
- }
4971
- }
4972
- &.eagle-legend-blue {
4973
- .#{$prefix}-icon {
4974
- background-color: $fill-outstanding-base;
4975
- }
4976
- }
4977
- &.eagle-legend-red {
4978
- .#{$prefix}-icon {
4979
- background-color: $fill-serious-base;
4980
- }
4981
- }
4982
- &.eagle-legend-yellow {
4983
- .#{$prefix}-icon {
4984
- background-color: $fill-notice-base;
4985
- }
4986
- }
4987
- &.eagle-legend-green {
4988
- .#{$prefix}-icon {
4989
- background-color: $fill-positive-base;
4990
- }
4991
- }
4992
- &.eagle-legend-gray {
4993
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4994
- background-color: $gray-70;
4995
- }
4996
- }
4997
- &.eagle-legend-purple {
4998
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4999
- background-color: $purple-50;
5000
- }
5001
- }
5002
- }
5003
- }
5004
-
5005
- .E_s1qj66nc {
5006
- width: 8px;
5007
- height: 8px;
5008
- border-radius: 50%;
5009
- display: inline-block;
5010
- }
5011
-
5012
- .E_s5x1boq {
5013
- width: 8px;
5014
- height: 8px;
5015
- border-radius: 2px;
5016
- display: inline-block;
5017
- }
5018
-
5019
- .E_c1xm185 {
5020
- color: #2C385299;
5021
- }
5022
-
5023
- .E_c1x5l5qc {
5024
- flex: 1;
5025
- }
5026
-
5027
-
5028
- .E_w7ob4th {
5029
- &.outside-tag {
5030
- padding-left: 0;
5031
- .inside-tag {
5032
- border-radius: 4px 0 0 4px;
5033
- padding-right: 4px;
5034
- margin-right: 4px;
5035
- }
5036
- }
5037
- }
5038
-
5039
-
5040
4921
  .E_slr2ynn {
5041
4922
  padding: 0 8px;
5042
4923
  height: 18px;
@@ -5069,9 +4950,38 @@
5069
4950
  }
5070
4951
 
5071
4952
 
5072
- .E_i1g85yz3 {
5073
- margin-right: 4px;
5074
- height: 16px;
4953
+ .E_t13ef470 {
4954
+ height: 100%;
4955
+ .table-loading-item {
4956
+ padding: 12px 4px;
4957
+ border-bottom: 1px solid rgba($gray-50, 0.18);
4958
+ display: flex;
4959
+
4960
+ > * {
4961
+ height: 16px;
4962
+ margin: 4px;
4963
+ background: rgba($gray-50, 0.18);
4964
+ border-radius: 2px;
4965
+ }
4966
+ .checkbox-loading {
4967
+ width: 16px;
4968
+ }
4969
+ .td-loading {
4970
+ flex: 1;
4971
+ }
4972
+ }
4973
+
4974
+ :nth-child(1) {
4975
+ padding: 8px 4px;
4976
+ > * {
4977
+ background: rgba($gray-70, 0.18);
4978
+ }
4979
+ }
4980
+ :nth-child(1) {
4981
+ > * {
4982
+ background: rgba($gray-60, 0.18);
4983
+ }
4984
+ }
5075
4985
  }
5076
4986
 
5077
4987
 
@@ -5293,7 +5203,97 @@
5293
5203
  }
5294
5204
 
5295
5205
 
5296
- .E_m11nzl2x {
5206
+ .E_i1g85yz3 {
5207
+ margin-right: 4px;
5208
+ height: 16px;
5209
+ }
5210
+
5211
+
5212
+ .E_l1ucdodl {
5213
+ $prefix: ui-kit-status-legend;
5214
+ margin: 0;
5215
+ border-radius: 20px;
5216
+ padding: 2px 10px;
5217
+ height: 22px;
5218
+ display: flex;
5219
+ align-items: center;
5220
+
5221
+ &.ui-kit-status-legend.on-tint {
5222
+ color: $text-neutral-ontint;
5223
+ }
5224
+ &.tag-hover {
5225
+ cursor: pointer;
5226
+ }
5227
+
5228
+ &.#{$prefix} {
5229
+ color: $text-neutral-primary;
5230
+ .#{$prefix}-icon {
5231
+ margin-right: 6px;
5232
+ }
5233
+ .#{$prefix}-number {
5234
+ margin-left: 8px;
5235
+ color: #2C385299;
5236
+ &.#{$prefix}-number.on-tint {
5237
+ color: $text-neutral-ontint;
5238
+ }
5239
+ }
5240
+ &.eagle-legend-blue {
5241
+ .#{$prefix}-icon {
5242
+ background-color: $fill-outstanding-base;
5243
+ }
5244
+ }
5245
+ &.eagle-legend-red {
5246
+ .#{$prefix}-icon {
5247
+ background-color: $fill-serious-base;
5248
+ }
5249
+ }
5250
+ &.eagle-legend-yellow {
5251
+ .#{$prefix}-icon {
5252
+ background-color: $fill-notice-base;
5253
+ }
5254
+ }
5255
+ &.eagle-legend-green {
5256
+ .#{$prefix}-icon {
5257
+ background-color: $fill-positive-base;
5258
+ }
5259
+ }
5260
+ &.eagle-legend-gray {
5261
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5262
+ background-color: $gray-70;
5263
+ }
5264
+ }
5265
+ &.eagle-legend-purple {
5266
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
5267
+ background-color: $purple-50;
5268
+ }
5269
+ }
5270
+ }
5271
+ }
5272
+
5273
+ .E_s1qj66nc {
5274
+ width: 8px;
5275
+ height: 8px;
5276
+ border-radius: 50%;
5277
+ display: inline-block;
5278
+ }
5279
+
5280
+ .E_s5x1boq {
5281
+ width: 8px;
5282
+ height: 8px;
5283
+ border-radius: 2px;
5284
+ display: inline-block;
5285
+ }
5286
+
5287
+ .E_c1xm185 {
5288
+ color: #2C385299;
5289
+ }
5290
+
5291
+ .E_c1x5l5qc {
5292
+ flex: 1;
5293
+ }
5294
+
5295
+
5296
+ .E_msn7nxt {
5297
5297
  color: $text-light-secondary;
5298
5298
  text-align: center;
5299
5299
 
@@ -5309,7 +5309,7 @@
5309
5309
  }
5310
5310
  }
5311
5311
 
5312
- .E_mn7joto {
5312
+ .E_mp64wfi {
5313
5313
  width: 100%;
5314
5314
  height: 100%;
5315
5315
  display: flex;
@@ -5319,6 +5319,7 @@
5319
5319
  width: 100%;
5320
5320
  display: flex;
5321
5321
  line-height: 30px;
5322
+ padding: 0 16px;
5322
5323
  justify-content: space-between;
5323
5324
  .metric-extra {
5324
5325
  display: flex;
@@ -5351,7 +5352,7 @@
5351
5352
  }
5352
5353
  }
5353
5354
 
5354
- .E_l1bifhon {
5355
+ .E_l1oyigan {
5355
5356
  display: flex;
5356
5357
  align-items: center;
5357
5358
  white-space: nowrap;
@@ -5359,84 +5360,38 @@
5359
5360
  width: 100%;
5360
5361
 
5361
5362
  .ant-dropdown-trigger {
5363
+ margin-left: auto;
5362
5364
  font-size: 12px;
5363
- margin-left: 8px;
5364
5365
  }
5365
5366
  }
5366
5367
 
5367
- .E_ltthzck {
5368
+ .E_l1noi4n1 {
5368
5369
  display: flex;
5369
5370
  justify-content: flex-start;
5370
5371
  align-items: center;
5371
5372
  font-size: 12px;
5372
5373
  cursor: pointer;
5373
- &:not(:first-child) {
5374
- margin-left: 8px;
5375
- }
5376
5374
 
5377
- &.deselected,
5378
- &.hovering {
5379
- opacity: 0.3;
5380
-
5381
- &:not(.hoverering-self) .color-block {
5382
- background: #b4beca !important;
5383
- border-radius: 2px;
5384
- }
5385
- }
5386
- &.hoverering-self {
5387
- opacity: 1;
5388
- }
5389
- .dropdown-trigger {
5390
- margin-left: 12px;
5391
- }
5392
- .legend-name {
5393
- color: $text-light-primary;
5394
- }
5395
- .icon-suffix-wrapper {
5396
- display: flex;
5397
- align-items: center;
5398
- margin-left: 4px;
5375
+ &:not(:last-child) {
5376
+ margin-right: 20px;
5399
5377
  }
5400
- }
5401
-
5402
- .E_l1mumj7o {
5403
- display: flex;
5404
- justify-content: flex-start;
5405
- align-items: center;
5406
- font-size: 12px;
5407
- cursor: pointer;
5408
-
5409
- &.deselected,
5410
- &.hovering {
5411
- opacity: 0.3;
5378
+ &.deselected {
5379
+ opacity: 0.4;
5412
5380
 
5413
- &:not(.hoverering-self) .color-block {
5381
+ .color-block {
5414
5382
  background: #b4beca !important;
5415
- border-radius: 2px;
5416
5383
  }
5417
5384
  }
5418
- .legend-name {
5419
- color: $text-light-primary;
5420
- }
5421
- &.hoverering-self {
5422
- opacity: 1;
5423
- }
5424
- .icon-suffix-wrapper {
5425
- margin-left: 4px;
5426
- display: flex;
5427
- align-items: center;
5428
- }
5429
5385
  }
5430
5386
 
5431
- .E_c14rn6j5 {
5387
+ .E_cz19rz6 {
5432
5388
  display: inline-block;
5433
5389
  height: 8px;
5434
5390
  width: 8px;
5435
- margin-right: 6px;
5436
- border-radius: 2px;
5391
+ margin-right: 8px;
5437
5392
  }
5438
5393
 
5439
- .E_e45tc5l {
5394
+ .E_e17r5r9c {
5440
5395
  .ant-dropdown-menu-item {
5441
5396
  display: flex;
5442
5397
  align-items: center;
@@ -5445,7 +5400,7 @@
5445
5400
  }
5446
5401
  }
5447
5402
 
5448
- .E_lqeaosa {
5403
+ .E_m1y1hhnr {
5449
5404
  position: relative;
5450
5405
 
5451
5406
  &.hidden-xaxis .pointer-wrapper {
@@ -5456,9 +5411,10 @@
5456
5411
  display: flex;
5457
5412
  justify-content: space-between;
5458
5413
  line-height: 30px;
5414
+ margin: 0 16px;
5415
+
5459
5416
  .metric-extra {
5460
5417
  display: flex;
5461
- flex-shrink: 0;
5462
5418
  font-size: 12px;
5463
5419
  align-items: center;
5464
5420
 
@@ -5484,28 +5440,26 @@
5484
5440
  position: absolute;
5485
5441
  bottom: 10px;
5486
5442
  padding: 0 8px;
5443
+ border-radius: 4px;
5487
5444
  font-size: 12px;
5488
5445
  color: $white;
5446
+ background: rgba(0, 0, 0, 0.75);
5489
5447
  transform: translateX(-50%);
5490
5448
  }
5491
5449
  }
5492
5450
 
5493
- .E_t2pr38p {
5451
+ .E_tnvijvs {
5494
5452
  min-width: 200px;
5495
- background-color: $fill-neutral-trans-8;
5496
- border-radius: 4px;
5497
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5498
- padding: 8px;
5499
5453
  }
5500
5454
 
5501
- .E_tecdsj7 {
5455
+ .E_t1ub2aex {
5502
5456
  display: flex;
5503
5457
  align-items: center;
5504
- background-color: unset;
5505
- color: $text-neutral-ontint;
5506
5458
  justify-content: space-between;
5459
+ background-color: rgba(0, 0, 0, 0.75);
5460
+ color: #b4beca;
5507
5461
  font-size: 12px;
5508
- padding-top: 6px;
5462
+ padding: 3px 6px;
5509
5463
 
5510
5464
  &:first-child {
5511
5465
  padding-top: 3px;
@@ -5514,24 +5468,13 @@
5514
5468
  padding-bottom: 3px;
5515
5469
  }
5516
5470
  .column-value {
5517
- color: $text-neutral-ontint;
5471
+ color: $white;
5518
5472
  margin-left: 8px;
5519
5473
  }
5520
5474
  }
5521
5475
 
5522
- .E_ljhvvia {
5523
- display: inline-block;
5524
- height: 8px;
5525
- width: 8px;
5526
- margin-right: 8px;
5527
- border-radius: 2px;
5528
- &.borderd {
5529
- border: 1px solid $stroke-neutral-white;
5530
- }
5531
- }
5532
-
5533
5476
 
5534
- .E_msn7nxt {
5477
+ .E_m11nzl2x {
5535
5478
  color: $text-light-secondary;
5536
5479
  text-align: center;
5537
5480
 
@@ -5547,7 +5490,7 @@
5547
5490
  }
5548
5491
  }
5549
5492
 
5550
- .E_mp64wfi {
5493
+ .E_mn7joto {
5551
5494
  width: 100%;
5552
5495
  height: 100%;
5553
5496
  display: flex;
@@ -5557,7 +5500,6 @@
5557
5500
  width: 100%;
5558
5501
  display: flex;
5559
5502
  line-height: 30px;
5560
- padding: 0 16px;
5561
5503
  justify-content: space-between;
5562
5504
  .metric-extra {
5563
5505
  display: flex;
@@ -5590,7 +5532,7 @@
5590
5532
  }
5591
5533
  }
5592
5534
 
5593
- .E_l1oyigan {
5535
+ .E_l1bifhon {
5594
5536
  display: flex;
5595
5537
  align-items: center;
5596
5538
  white-space: nowrap;
@@ -5598,61 +5540,106 @@
5598
5540
  width: 100%;
5599
5541
 
5600
5542
  .ant-dropdown-trigger {
5601
- margin-left: auto;
5602
5543
  font-size: 12px;
5544
+ margin-left: 8px;
5603
5545
  }
5604
5546
  }
5605
5547
 
5606
- .E_l1noi4n1 {
5548
+ .E_ltthzck {
5607
5549
  display: flex;
5608
5550
  justify-content: flex-start;
5609
5551
  align-items: center;
5610
5552
  font-size: 12px;
5611
5553
  cursor: pointer;
5612
-
5613
- &:not(:last-child) {
5614
- margin-right: 20px;
5554
+ &:not(:first-child) {
5555
+ margin-left: 8px;
5615
5556
  }
5616
- &.deselected {
5617
- opacity: 0.4;
5618
5557
 
5619
- .color-block {
5558
+ &.deselected,
5559
+ &.hovering {
5560
+ opacity: 0.3;
5561
+
5562
+ &:not(.hoverering-self) .color-block {
5620
5563
  background: #b4beca !important;
5564
+ border-radius: 2px;
5621
5565
  }
5622
5566
  }
5623
- }
5624
-
5625
- .E_cz19rz6 {
5626
- display: inline-block;
5627
- height: 8px;
5628
- width: 8px;
5629
- margin-right: 8px;
5630
- }
5631
-
5632
- .E_e17r5r9c {
5633
- .ant-dropdown-menu-item {
5567
+ &.hoverering-self {
5568
+ opacity: 1;
5569
+ }
5570
+ .dropdown-trigger {
5571
+ margin-left: 12px;
5572
+ }
5573
+ .legend-name {
5574
+ color: $text-light-primary;
5575
+ }
5576
+ .icon-suffix-wrapper {
5634
5577
  display: flex;
5635
5578
  align-items: center;
5636
- font-size: 12px;
5637
- margin: 0;
5579
+ margin-left: 4px;
5638
5580
  }
5639
5581
  }
5640
5582
 
5641
- .E_m1y1hhnr {
5642
- position: relative;
5583
+ .E_l1mumj7o {
5584
+ display: flex;
5585
+ justify-content: flex-start;
5586
+ align-items: center;
5587
+ font-size: 12px;
5588
+ cursor: pointer;
5643
5589
 
5644
- &.hidden-xaxis .pointer-wrapper {
5645
- bottom: -12px;
5590
+ &.deselected,
5591
+ &.hovering {
5592
+ opacity: 0.3;
5593
+
5594
+ &:not(.hoverering-self) .color-block {
5595
+ background: #b4beca !important;
5596
+ border-radius: 2px;
5597
+ }
5598
+ }
5599
+ .legend-name {
5600
+ color: $text-light-primary;
5601
+ }
5602
+ &.hoverering-self {
5603
+ opacity: 1;
5604
+ }
5605
+ .icon-suffix-wrapper {
5606
+ margin-left: 4px;
5607
+ display: flex;
5608
+ align-items: center;
5609
+ }
5610
+ }
5611
+
5612
+ .E_c14rn6j5 {
5613
+ display: inline-block;
5614
+ height: 8px;
5615
+ width: 8px;
5616
+ margin-right: 6px;
5617
+ border-radius: 2px;
5618
+ }
5619
+
5620
+ .E_e45tc5l {
5621
+ .ant-dropdown-menu-item {
5622
+ display: flex;
5623
+ align-items: center;
5624
+ font-size: 12px;
5625
+ margin: 0;
5626
+ }
5627
+ }
5628
+
5629
+ .E_lqeaosa {
5630
+ position: relative;
5631
+
5632
+ &.hidden-xaxis .pointer-wrapper {
5633
+ bottom: -12px;
5646
5634
  }
5647
5635
 
5648
5636
  .metric-toolbar {
5649
5637
  display: flex;
5650
5638
  justify-content: space-between;
5651
5639
  line-height: 30px;
5652
- margin: 0 16px;
5653
-
5654
5640
  .metric-extra {
5655
5641
  display: flex;
5642
+ flex-shrink: 0;
5656
5643
  font-size: 12px;
5657
5644
  align-items: center;
5658
5645
 
@@ -5678,26 +5665,28 @@
5678
5665
  position: absolute;
5679
5666
  bottom: 10px;
5680
5667
  padding: 0 8px;
5681
- border-radius: 4px;
5682
5668
  font-size: 12px;
5683
5669
  color: $white;
5684
- background: rgba(0, 0, 0, 0.75);
5685
5670
  transform: translateX(-50%);
5686
5671
  }
5687
5672
  }
5688
5673
 
5689
- .E_tnvijvs {
5674
+ .E_t2pr38p {
5690
5675
  min-width: 200px;
5676
+ background-color: $fill-neutral-trans-8;
5677
+ border-radius: 4px;
5678
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5679
+ padding: 8px;
5691
5680
  }
5692
5681
 
5693
- .E_t1ub2aex {
5682
+ .E_tecdsj7 {
5694
5683
  display: flex;
5695
5684
  align-items: center;
5685
+ background-color: unset;
5686
+ color: $text-neutral-ontint;
5696
5687
  justify-content: space-between;
5697
- background-color: rgba(0, 0, 0, 0.75);
5698
- color: #b4beca;
5699
5688
  font-size: 12px;
5700
- padding: 3px 6px;
5689
+ padding-top: 6px;
5701
5690
 
5702
5691
  &:first-child {
5703
5692
  padding-top: 3px;
@@ -5706,11 +5695,22 @@
5706
5695
  padding-bottom: 3px;
5707
5696
  }
5708
5697
  .column-value {
5709
- color: $white;
5698
+ color: $text-neutral-ontint;
5710
5699
  margin-left: 8px;
5711
5700
  }
5712
5701
  }
5713
5702
 
5703
+ .E_ljhvvia {
5704
+ display: inline-block;
5705
+ height: 8px;
5706
+ width: 8px;
5707
+ margin-right: 8px;
5708
+ border-radius: 2px;
5709
+ &.borderd {
5710
+ border: 1px solid $stroke-neutral-white;
5711
+ }
5712
+ }
5713
+
5714
5714
 
5715
5715
  .E_bpgac8u {
5716
5716
  color: #FFFFFF;
@@ -5740,11 +5740,6 @@
5740
5740
  }
5741
5741
 
5742
5742
 
5743
- .E_b1jaupqb {
5744
- color: #F0483E;
5745
- }
5746
-
5747
-
5748
5743
  .E_t59qhqp {
5749
5744
  padding: 0px;
5750
5745
  padding-top: 5px;
@@ -5800,10 +5795,17 @@
5800
5795
  }
5801
5796
 
5802
5797
 
5798
+ .E_b1jaupqb {
5799
+ color: #F0483E;
5800
+ }
5801
+
5802
+
5803
5803
  .E_icab5o7 {
5804
5804
  --modal-to-viewport-margin: 10px;
5805
5805
  --modal-body-padding-bottom: 40px;
5806
5806
  --modal-footer-height: 124px;
5807
+ --modal-empty-footer-height: 40px;
5808
+
5807
5809
  &.ant-modal {
5808
5810
  height: calc(100% - var(--modal-to-viewport-margin) * 2);
5809
5811
  width: calc(100% - var(--modal-to-viewport-margin) * 2);
@@ -5871,6 +5873,21 @@
5871
5873
  height: var(--modal-footer-height);
5872
5874
  padding: 24px 0 60px 0;
5873
5875
  }
5876
+
5877
+ &.no-footer {
5878
+ .ant-modal-body {
5879
+ padding-bottom: 0;
5880
+ .middle {
5881
+ padding-bottom: 0;
5882
+ }
5883
+ }
5884
+ .ant-modal-footer {
5885
+ padding: 0;
5886
+ border-top: none;
5887
+ height: var(--modal-empty-footer-height);
5888
+ content: "";
5889
+ }
5890
+ }
5874
5891
  }
5875
5892
  }
5876
5893
 
@@ -6052,6 +6069,7 @@
6052
6069
  --modal-content-padding-bottom: 32px;
6053
6070
  --modal-content-padding-x: 40px;
6054
6071
  --modal-footer-padding: 0 40px;
6072
+ --modal-empty-footer-height: 32px;
6055
6073
 
6056
6074
  padding-bottom: 0;
6057
6075
 
@@ -6127,6 +6145,17 @@
6127
6145
  font-weight: 700;
6128
6146
  }
6129
6147
  }
6148
+
6149
+ &.no-footer {
6150
+ .ant-modal-body {
6151
+ padding-bottom: 0;
6152
+ }
6153
+ .ant-modal-footer {
6154
+ box-shadow: none;
6155
+ height: var(--modal-empty-footer-height);
6156
+ content: "";
6157
+ }
6158
+ }
6130
6159
  }
6131
6160
 
6132
6161
  .E_fbgo4wr {
@@ -6280,21 +6309,6 @@
6280
6309
  }
6281
6310
 
6282
6311
 
6283
- .E_t1616y1o {
6284
- color: $text-light-on-tint;
6285
- }
6286
-
6287
-
6288
- .E_a9y3flr {
6289
- margin-left: 8px;
6290
- }
6291
-
6292
- .E_a1njc627 {
6293
- font-size: 12px;
6294
- color: $text-neutral-primary;
6295
- }
6296
-
6297
-
6298
6312
  .E_f16blduf {
6299
6313
  &.ant-form-item {
6300
6314
  margin-bottom: 0;
@@ -6321,6 +6335,21 @@
6321
6335
  }
6322
6336
 
6323
6337
 
6338
+ .E_t1616y1o {
6339
+ color: $text-light-on-tint;
6340
+ }
6341
+
6342
+
6343
+ .E_a9y3flr {
6344
+ margin-left: 8px;
6345
+ }
6346
+
6347
+ .E_a1njc627 {
6348
+ font-size: 12px;
6349
+ color: $text-neutral-primary;
6350
+ }
6351
+
6352
+
6324
6353
  .E_d1u4ndxc {
6325
6354
  color: #2C3852BF;
6326
6355
  font-size: 12px;
@@ -6372,72 +6401,381 @@
6372
6401
  }
6373
6402
 
6374
6403
 
6375
- .E_skwah65 {
6404
+ .E_clm1wy1 {
6405
+ width: 192px;
6406
+ height: 246px;
6407
+ border-radius: 4px;
6408
+
6409
+ > .ant-picker-calendar,
6410
+ > .ant-picker-calendar .ant-picker-panel {
6411
+ width: 100%;
6412
+ background-color: rgba(245, 247, 250, 0.6);
6413
+ border-top: none;
6414
+
6415
+ .ant-picker-body {
6416
+ padding: 0 16px;
6417
+ }
6418
+
6419
+ .ant-picker-content {
6420
+ width: 100%;
6421
+ height: 180px;
6422
+ border-spacing: 0;
6423
+
6424
+ thead {
6425
+ margin-bottom: 8px;
6426
+ }
6427
+ th {
6428
+ width: 22px;
6429
+ }
6430
+ td {
6431
+ padding: 0;
6432
+ }
6433
+ }
6434
+ }
6435
+
6436
+ .ant-picker-cell {
6437
+ color: rgba(62, 70, 82, 0.6);
6438
+ opacity: 0.4;
6439
+ }
6440
+ .ant-picker-cell-in-view {
6441
+ color: rgba(62, 70, 82, 0.6);
6442
+ opacity: 1;
6443
+ }
6444
+ .ant-picker-cell-in-view > .active {
6445
+ color: #3e4652;
6446
+ }
6447
+
6448
+ .ant-picker-cell::before {
6449
+ pointer-events: none;
6450
+ }
6451
+ }
6452
+
6453
+ .E_t1tsm00v {
6454
+ color: rgba(129, 138, 153, 0.6);
6455
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6456
+ backdrop-filter: blur(10px);
6457
+ padding: 7px 10px;
6458
+ }
6459
+
6460
+ .E_c167wnad {
6461
+ color: rgba(62, 70, 82, 0.6);
6462
+ display: flex;
6463
+ justify-content: space-between;
6464
+ align-items: center;
6465
+ padding: 8px 16px;
6466
+
6467
+ .anticon {
6468
+ cursor: pointer;
6469
+ &:hover {
6470
+ color: $blue;
6471
+ }
6472
+ }
6473
+ }
6474
+
6475
+ .E_cxhf7dh {
6476
+ text-align: center;
6477
+
6478
+ .dots {
6479
+ display: flex;
6480
+ justify-content: center;
6481
+ }
6482
+ .dot {
6483
+ display: inline-block;
6484
+ width: 2px;
6485
+ height: 2px;
6486
+ border-radius: 1px;
6487
+ background: $blue;
6488
+
6489
+ &:not(:last-child) {
6490
+ margin-right: 2px;
6491
+ }
6492
+ }
6493
+ .bar {
6494
+ width: 9px;
6495
+ height: 2px;
6496
+ background: $blue;
6497
+ border-radius: 2px;
6498
+ }
6499
+ }
6500
+
6501
+
6502
+ .E_c18bcrac {
6503
+ display: inline-block;
6504
+ width: 100%;
6505
+ .recharts-wrapper {
6506
+ margin-left: 4px;
6507
+ }
6508
+ }
6509
+
6510
+ .E_cro7kg2 {
6511
+ padding: 4px;
6512
+
6513
+ .unit {
6514
+ color: white;
6515
+ }
6516
+ }
6517
+
6518
+ .E_c14wcxf0 {
6519
+ display: flex;
6520
+ justify-content: space-between;
6521
+ align-items: center;
6522
+ font-size: 13px;
6523
+ line-height: 24px;
6524
+ color: #cccccc;
6525
+ white-space: nowrap;
6526
+
6527
+ label {
6528
+ margin-right: 32px;
6529
+ }
6530
+ }
6531
+
6532
+ .E_coy29mj.E_c14wcxf0 {
6533
+ font-weight: bold;
6534
+ color: white;
6535
+ }
6536
+
6537
+ .E_s11212zy {
6538
+ width: 8px;
6376
6539
  height: 8px;
6377
- box-sizing: border-box;
6378
6540
  border-radius: 2px;
6379
- background: #f5f7fa;
6541
+ display: inline-block;
6542
+ background: var(--s11212zy-0);
6543
+ border: 1px solid $fills-light-white;
6544
+ box-sizing: content-box;
6545
+ margin-right: 6px;
6546
+ }
6547
+
6548
+ .E_p1lyky6c {
6549
+ & > :first-child {
6550
+ font-weight: bold;
6551
+ color: white;
6552
+ margin-right: 4px;
6553
+ }
6554
+ }
6555
+
6556
+
6557
+ .E_gmyahx3 {
6558
+ cursor: pointer;
6559
+
6560
+ .link-text {
6561
+ color: $text-light-tertiary;
6562
+ }
6563
+
6564
+ &:hover .link-text {
6565
+ color: $text-light-general;
6566
+ }
6567
+ }
6568
+
6569
+
6570
+ .E_n12mqh7z {
6380
6571
  display: flex;
6381
- width: 100%;
6572
+ align-items: center;
6573
+ font-size: 12px;
6574
+ line-height: 18px;
6575
+
6576
+ &:not(:last-child) {
6577
+ margin-bottom: 4px;
6578
+ }
6579
+ }
6580
+
6581
+ .E_tf5bynu {
6582
+ margin: 0 3px;
6583
+ }
6584
+
6585
+ .E_tcckoz1 {
6586
+ max-height: 400px;
6587
+ overflow: auto;
6588
+ }
6589
+
6590
+
6591
+ .E_ou7iq30 {
6382
6592
  overflow: hidden;
6593
+ text-overflow: ellipsis;
6594
+ }
6383
6595
 
6384
- .stack-bar-item + .stack-bar-item {
6385
- margin-left: 1px;
6596
+ .E_s1tui002 {
6597
+ white-space: nowrap;
6598
+ }
6599
+
6600
+ .E_mxrc2zg {
6601
+ display: -webkit-box;
6602
+ -webkit-line-clamp: var(--mxrc2zg-0);
6603
+ -webkit-box-orient: vertical;
6604
+ word-break: break-all;
6605
+ }
6606
+
6607
+ .E_t1vv6d68 {
6608
+ .ant-tooltip-arrow {
6609
+ display: none;
6610
+ }
6611
+ .ant-tooltip-inner {
6612
+ background: $gray-a80-9;
6613
+ border-radius: 4px;
6614
+ &:has(.eagle-ellipsis-content) {
6615
+ visibility: hidden;
6616
+ }
6386
6617
  }
6387
6618
  }
6388
6619
 
6389
6620
 
6390
- .E_c18bcrac {
6391
- display: inline-block;
6392
- width: 100%;
6393
- .recharts-wrapper {
6394
- margin-left: 4px;
6621
+ .E_t1sqg15u {
6622
+ background: white;
6623
+
6624
+ &.inline {
6625
+ .table-row {
6626
+ flex-direction: column;
6627
+
6628
+ > label {
6629
+ padding: 0 16px 7px 0;
6630
+ }
6631
+ }
6632
+ }
6633
+
6634
+ &.has-border {
6635
+ .table-header {
6636
+ border-bottom: 1px solid $strokes-light-trans-1;
6637
+ }
6638
+
6639
+ .hiddenBorder {
6640
+ border-top: none !important;
6641
+ }
6642
+
6643
+ .table-row + .table-row {
6644
+ border-top: 1px solid $strokes-light-trans-1;
6645
+ }
6646
+
6647
+ .table-row:last-of-type {
6648
+ padding-bottom: 0;
6649
+ }
6650
+ }
6651
+
6652
+ &.align-right {
6653
+ .content {
6654
+ text-align: right;
6655
+ }
6656
+ }
6657
+ .uuid-row {
6658
+ display: flex;
6659
+ justify-content: space-between;
6660
+
6661
+ .id-text {
6662
+ white-space: nowrap;
6663
+ overflow: hidden;
6664
+ text-overflow: ellipsis;
6665
+ }
6666
+ }
6667
+ }
6668
+
6669
+ .E_t4zczcp {
6670
+ display: flex;
6671
+ justify-content: space-between;
6672
+ align-items: center;
6673
+ padding: 8px;
6674
+ min-height: 32px;
6675
+
6676
+ .table-title {
6677
+ color: $text-secondary-light;
6678
+ font-weight: 600;
6679
+ font-size: 12px;
6680
+ line-height: 8px;
6681
+ }
6682
+
6683
+ .edit-icon {
6684
+ font-size: 16px;
6685
+ color: $strokes-translucent-2-light;
6686
+ cursor: pointer;
6687
+ }
6688
+ }
6689
+
6690
+ .E_t1s7goww {
6691
+ font-size: 12px;
6692
+ line-height: 18px;
6693
+ }
6694
+
6695
+ .E_t93e4cf {
6696
+ display: flex;
6697
+ padding: 8px 0;
6698
+ color: $text-primary-light;
6699
+
6700
+ .hidden {
6701
+ display: none;
6702
+ }
6703
+
6704
+ .ant-btn.ant-btn-link {
6705
+ height: auto;
6706
+ }
6707
+
6708
+ .content {
6709
+ overflow: hidden;
6710
+ overflow-x: auto;
6711
+ width: 100%;
6712
+ white-space: pre-wrap;
6713
+
6714
+ .ant-btn {
6715
+ white-space: pre-wrap;
6716
+ text-align: left;
6717
+ }
6718
+
6719
+ .unit-chart {
6720
+ justify-content: flex-start;
6721
+ }
6722
+ }
6723
+ }
6724
+
6725
+ .E_rhz2uv5 {
6726
+ width: var(--rhz2uv5-0);
6727
+ flex-shrink: 0;
6728
+ color: $text-secondary-light;
6729
+ padding-right: 12px;
6730
+ }
6731
+
6732
+
6733
+ .E_wg1tsps {
6734
+ display: flex;
6735
+ align-items: center;
6736
+ justify-content: flex-end;
6737
+ }
6738
+
6739
+ .E_b1ctd5xy {
6740
+ display: flex;
6741
+ align-items: center;
6742
+ width: calc(100% - 40px);
6743
+
6744
+ .chart {
6745
+ display: inline-block;
6746
+ width: 100%;
6395
6747
  }
6396
6748
  }
6397
6749
 
6398
- .E_cro7kg2 {
6399
- padding: 4px;
6750
+ .E_u1p8acpn {
6751
+ min-width: 40px;
6400
6752
 
6401
6753
  .unit {
6402
- color: white;
6754
+ color: $text-light-primary !important;
6403
6755
  }
6404
6756
  }
6405
6757
 
6406
- .E_c14wcxf0 {
6407
- display: flex;
6408
- justify-content: space-between;
6409
- align-items: center;
6410
- font-size: 13px;
6411
- line-height: 24px;
6412
- color: #cccccc;
6413
- white-space: nowrap;
6414
6758
 
6415
- label {
6416
- margin-right: 32px;
6759
+ .E_tqjc4ui {
6760
+ @at-root {
6761
+ span#{&} {
6762
+ margin: 0 2px;
6763
+ }
6417
6764
  }
6418
6765
  }
6419
6766
 
6420
- .E_coy29mj.E_c14wcxf0 {
6421
- font-weight: bold;
6422
- color: white;
6423
- }
6424
6767
 
6425
- .E_s11212zy {
6426
- width: 8px;
6768
+ .E_skwah65 {
6427
6769
  height: 8px;
6770
+ box-sizing: border-box;
6428
6771
  border-radius: 2px;
6429
- display: inline-block;
6430
- background: var(--s11212zy-0);
6431
- border: 1px solid $fills-light-white;
6432
- box-sizing: content-box;
6433
- margin-right: 6px;
6434
- }
6772
+ background: #f5f7fa;
6773
+ display: flex;
6774
+ width: 100%;
6775
+ overflow: hidden;
6435
6776
 
6436
- .E_p1lyky6c {
6437
- & > :first-child {
6438
- font-weight: bold;
6439
- color: white;
6440
- margin-right: 4px;
6777
+ .stack-bar-item + .stack-bar-item {
6778
+ margin-left: 1px;
6441
6779
  }
6442
6780
  }
6443
6781
 
@@ -6509,122 +6847,14 @@
6509
6847
  }
6510
6848
 
6511
6849
 
6512
- .E_tqjc4ui {
6513
- @at-root {
6514
- span#{&} {
6515
- margin: 0 2px;
6516
- }
6517
- }
6518
- }
6519
-
6520
-
6521
- .E_clm1wy1 {
6522
- width: 192px;
6523
- height: 246px;
6524
- border-radius: 4px;
6525
-
6526
- > .ant-picker-calendar,
6527
- > .ant-picker-calendar .ant-picker-panel {
6528
- width: 100%;
6529
- background-color: rgba(245, 247, 250, 0.6);
6530
- border-top: none;
6531
-
6532
- .ant-picker-body {
6533
- padding: 0 16px;
6534
- }
6535
-
6536
- .ant-picker-content {
6537
- width: 100%;
6538
- height: 180px;
6539
- border-spacing: 0;
6540
-
6541
- thead {
6542
- margin-bottom: 8px;
6543
- }
6544
- th {
6545
- width: 22px;
6546
- }
6547
- td {
6548
- padding: 0;
6549
- }
6550
- }
6551
- }
6552
-
6553
- .ant-picker-cell {
6554
- color: rgba(62, 70, 82, 0.6);
6555
- opacity: 0.4;
6556
- }
6557
- .ant-picker-cell-in-view {
6558
- color: rgba(62, 70, 82, 0.6);
6559
- opacity: 1;
6560
- }
6561
- .ant-picker-cell-in-view > .active {
6562
- color: #3e4652;
6563
- }
6564
-
6565
- .ant-picker-cell::before {
6566
- pointer-events: none;
6567
- }
6568
- }
6569
-
6570
- .E_t1tsm00v {
6571
- color: rgba(129, 138, 153, 0.6);
6572
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6573
- backdrop-filter: blur(10px);
6574
- padding: 7px 10px;
6575
- }
6576
-
6577
- .E_c167wnad {
6578
- color: rgba(62, 70, 82, 0.6);
6579
- display: flex;
6580
- justify-content: space-between;
6581
- align-items: center;
6582
- padding: 8px 16px;
6583
-
6584
- .anticon {
6585
- cursor: pointer;
6586
- &:hover {
6587
- color: $blue;
6588
- }
6589
- }
6590
- }
6591
-
6592
- .E_cxhf7dh {
6593
- text-align: center;
6594
-
6595
- .dots {
6850
+ .E_s1iv0tp1 {
6851
+ .enabled-switch {
6596
6852
  display: flex;
6597
- justify-content: center;
6598
- }
6599
- .dot {
6600
- display: inline-block;
6601
- width: 2px;
6602
- height: 2px;
6603
- border-radius: 1px;
6604
- background: $blue;
6605
-
6606
- &:not(:last-child) {
6607
- margin-right: 2px;
6608
- }
6609
- }
6610
- .bar {
6611
- width: 9px;
6612
- height: 2px;
6613
- background: $blue;
6614
- border-radius: 2px;
6615
- }
6616
- }
6617
-
6618
-
6619
- .E_gmyahx3 {
6620
- cursor: pointer;
6621
-
6622
- .link-text {
6623
- color: $text-light-tertiary;
6853
+ align-items: center;
6624
6854
  }
6625
6855
 
6626
- &:hover .link-text {
6627
- color: $text-light-general;
6856
+ .enabled-text {
6857
+ margin-right: 8px;
6628
6858
  }
6629
6859
  }
6630
6860
 
@@ -6793,79 +7023,21 @@
6793
7023
  }
6794
7024
 
6795
7025
 
6796
- .E_n12mqh7z {
6797
- display: flex;
6798
- align-items: center;
6799
- font-size: 12px;
6800
- line-height: 18px;
6801
-
6802
- &:not(:last-child) {
6803
- margin-bottom: 4px;
6804
- }
6805
- }
6806
-
6807
- .E_tf5bynu {
6808
- margin: 0 3px;
6809
- }
6810
-
6811
- .E_tcckoz1 {
6812
- max-height: 400px;
6813
- overflow: auto;
6814
- }
6815
-
6816
-
6817
- .E_ou7iq30 {
6818
- overflow: hidden;
6819
- text-overflow: ellipsis;
6820
- }
6821
-
6822
- .E_s1tui002 {
6823
- white-space: nowrap;
6824
- }
6825
-
6826
- .E_mxrc2zg {
6827
- display: -webkit-box;
6828
- -webkit-line-clamp: var(--mxrc2zg-0);
6829
- -webkit-box-orient: vertical;
6830
- word-break: break-all;
6831
- }
6832
-
6833
- .E_t1vv6d68 {
6834
- .ant-tooltip-arrow {
6835
- display: none;
6836
- }
6837
- .ant-tooltip-inner {
6838
- background: $gray-a80-9;
6839
- border-radius: 4px;
6840
- &:has(.eagle-ellipsis-content) {
6841
- visibility: hidden;
7026
+ .E_u15heuvq {
7027
+ &.content {
7028
+ cursor: default !important;
7029
+ &.link {
7030
+ cursor: pointer !important;
7031
+ &:hover {
7032
+ color: $text-colorful-outstanding;
7033
+ }
7034
+ }
7035
+ &.black {
7036
+ color: $text-neutral-primary;
7037
+ }
7038
+ &.gray {
7039
+ color: $text-neutral-secondary;
6842
7040
  }
6843
- }
6844
- }
6845
-
6846
-
6847
- .E_wg1tsps {
6848
- display: flex;
6849
- align-items: center;
6850
- justify-content: flex-end;
6851
- }
6852
-
6853
- .E_b1ctd5xy {
6854
- display: flex;
6855
- align-items: center;
6856
- width: calc(100% - 40px);
6857
-
6858
- .chart {
6859
- display: inline-block;
6860
- width: 100%;
6861
- }
6862
- }
6863
-
6864
- .E_u1p8acpn {
6865
- min-width: 40px;
6866
-
6867
- .unit {
6868
- color: $text-light-primary !important;
6869
7041
  }
6870
7042
  }
6871
7043
 
@@ -7009,25 +7181,6 @@
7009
7181
  }
7010
7182
 
7011
7183
 
7012
- .E_u15heuvq {
7013
- &.content {
7014
- cursor: default !important;
7015
- &.link {
7016
- cursor: pointer !important;
7017
- &:hover {
7018
- color: $text-colorful-outstanding;
7019
- }
7020
- }
7021
- &.black {
7022
- color: $text-neutral-primary;
7023
- }
7024
- &.gray {
7025
- color: $text-neutral-secondary;
7026
- }
7027
- }
7028
- }
7029
-
7030
-
7031
7184
  .E_t160l1cm {
7032
7185
  display: flex;
7033
7186
  flex-direction: column;
@@ -7296,174 +7449,6 @@
7296
7449
  }
7297
7450
 
7298
7451
 
7299
- .E_t1sqg15u {
7300
- background: white;
7301
-
7302
- &.inline {
7303
- .table-row {
7304
- flex-direction: column;
7305
-
7306
- > label {
7307
- padding: 0 16px 7px 0;
7308
- }
7309
- }
7310
- }
7311
-
7312
- &.has-border {
7313
- .table-header {
7314
- border-bottom: 1px solid $strokes-light-trans-1;
7315
- }
7316
-
7317
- .hiddenBorder {
7318
- border-top: none !important;
7319
- }
7320
-
7321
- .table-row + .table-row {
7322
- border-top: 1px solid $strokes-light-trans-1;
7323
- }
7324
-
7325
- .table-row:last-of-type {
7326
- padding-bottom: 0;
7327
- }
7328
- }
7329
-
7330
- &.align-right {
7331
- .content {
7332
- text-align: right;
7333
- }
7334
- }
7335
- .uuid-row {
7336
- display: flex;
7337
- justify-content: space-between;
7338
-
7339
- .id-text {
7340
- white-space: nowrap;
7341
- overflow: hidden;
7342
- text-overflow: ellipsis;
7343
- }
7344
- }
7345
- }
7346
-
7347
- .E_t4zczcp {
7348
- display: flex;
7349
- justify-content: space-between;
7350
- align-items: center;
7351
- padding: 8px;
7352
- min-height: 32px;
7353
-
7354
- .table-title {
7355
- color: $text-secondary-light;
7356
- font-weight: 600;
7357
- font-size: 12px;
7358
- line-height: 8px;
7359
- }
7360
-
7361
- .edit-icon {
7362
- font-size: 16px;
7363
- color: $strokes-translucent-2-light;
7364
- cursor: pointer;
7365
- }
7366
- }
7367
-
7368
- .E_t1s7goww {
7369
- font-size: 12px;
7370
- line-height: 18px;
7371
- }
7372
-
7373
- .E_t93e4cf {
7374
- display: flex;
7375
- padding: 8px 0;
7376
- color: $text-primary-light;
7377
-
7378
- .hidden {
7379
- display: none;
7380
- }
7381
-
7382
- .ant-btn.ant-btn-link {
7383
- height: auto;
7384
- }
7385
-
7386
- .content {
7387
- overflow: hidden;
7388
- overflow-x: auto;
7389
- width: 100%;
7390
- white-space: pre-wrap;
7391
-
7392
- .ant-btn {
7393
- white-space: pre-wrap;
7394
- text-align: left;
7395
- }
7396
-
7397
- .unit-chart {
7398
- justify-content: flex-start;
7399
- }
7400
- }
7401
- }
7402
-
7403
- .E_rhz2uv5 {
7404
- width: var(--rhz2uv5-0);
7405
- flex-shrink: 0;
7406
- color: $text-secondary-light;
7407
- padding-right: 12px;
7408
- }
7409
-
7410
-
7411
- .E_s1iv0tp1 {
7412
- .enabled-switch {
7413
- display: flex;
7414
- align-items: center;
7415
- }
7416
-
7417
- .enabled-text {
7418
- margin-right: 8px;
7419
- }
7420
- }
7421
-
7422
-
7423
- .E_i5w779o {
7424
- padding: 8px 0;
7425
-
7426
- .col-label {
7427
- flex-shrink: unset;
7428
- * {
7429
- line-height: 18px;
7430
- }
7431
- }
7432
- .col-content {
7433
- flex: 1 1 0;
7434
- display: flex;
7435
- align-items: center;
7436
- * {
7437
- line-height: 18px;
7438
- }
7439
- }
7440
- }
7441
-
7442
- .E_l18dja44 {
7443
- padding: 6px 0;
7444
-
7445
- .col-label * {
7446
- font-size: 13px;
7447
- line-height: 20px;
7448
- }
7449
- .col-content * {
7450
- font-size: 14px;
7451
- line-height: 20px;
7452
- }
7453
- }
7454
-
7455
- .E_c8c2hys {
7456
- display: flex;
7457
- justify-content: space-between;
7458
- flex: 1;
7459
- min-width: 0;
7460
- }
7461
-
7462
- .E_n4m6c4d {
7463
- color: $text-light-tertiary;
7464
- }
7465
-
7466
-
7467
7452
  .E_cyms3br {
7468
7453
  background: #fff;
7469
7454
  width: 100%;
@@ -7602,6 +7587,50 @@
7602
7587
  }
7603
7588
 
7604
7589
 
7590
+ .E_i5w779o {
7591
+ padding: 8px 0;
7592
+
7593
+ .col-label {
7594
+ flex-shrink: unset;
7595
+ * {
7596
+ line-height: 18px;
7597
+ }
7598
+ }
7599
+ .col-content {
7600
+ flex: 1 1 0;
7601
+ display: flex;
7602
+ align-items: center;
7603
+ * {
7604
+ line-height: 18px;
7605
+ }
7606
+ }
7607
+ }
7608
+
7609
+ .E_l18dja44 {
7610
+ padding: 6px 0;
7611
+
7612
+ .col-label * {
7613
+ font-size: 13px;
7614
+ line-height: 20px;
7615
+ }
7616
+ .col-content * {
7617
+ font-size: 14px;
7618
+ line-height: 20px;
7619
+ }
7620
+ }
7621
+
7622
+ .E_c8c2hys {
7623
+ display: flex;
7624
+ justify-content: space-between;
7625
+ flex: 1;
7626
+ min-width: 0;
7627
+ }
7628
+
7629
+ .E_n4m6c4d {
7630
+ color: $text-light-tertiary;
7631
+ }
7632
+
7633
+
7605
7634
  .E_h1ol2wl7 {
7606
7635
  font-weight: bold;
7607
7636
  background-color: unset;
@@ -7609,6 +7638,16 @@
7609
7638
  }
7610
7639
 
7611
7640
 
7641
+ .E_cevhqx7 {
7642
+ color: $text-light-primary;
7643
+ }
7644
+
7645
+ .E_snbqlt4 {
7646
+ margin-top: 8px;
7647
+ color: $text-light-secondary;
7648
+ }
7649
+
7650
+
7612
7651
  .E_c14ouk5o {
7613
7652
  width: 100%;
7614
7653
  height: 100%;
@@ -7717,16 +7756,6 @@
7717
7756
  }
7718
7757
 
7719
7758
 
7720
- .E_cevhqx7 {
7721
- color: $text-light-primary;
7722
- }
7723
-
7724
- .E_snbqlt4 {
7725
- margin-top: 8px;
7726
- color: $text-light-secondary;
7727
- }
7728
-
7729
-
7730
7759
  .E_c1kchka8 {
7731
7760
  height: 100%;
7732
7761
  width: 100%;