@cloudtower/eagle 0.33.46 → 0.33.48

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 (29) hide show
  1. package/dist/cjs/core/ImmersiveDialog/index.js +33 -11
  2. package/dist/cjs/core/MediumDialog/MediumDialog.js +6 -3
  3. package/dist/cjs/core/SmallDialog/SmallDialog.js +30 -10
  4. package/dist/cjs/core/SmallDialog/SmallDialog.style.js +6 -0
  5. package/dist/cjs/core/SmallDialog/SmallDialog.widget.js +28 -0
  6. package/dist/cjs/index.js +3 -0
  7. package/dist/cjs/stats1.html +1 -1
  8. package/dist/components.css +2077 -2018
  9. package/dist/esm/core/ImmersiveDialog/index.js +32 -11
  10. package/dist/esm/core/MediumDialog/MediumDialog.js +6 -3
  11. package/dist/esm/core/SmallDialog/SmallDialog.js +30 -10
  12. package/dist/esm/core/SmallDialog/SmallDialog.style.js +4 -1
  13. package/dist/esm/core/SmallDialog/SmallDialog.widget.js +20 -0
  14. package/dist/esm/index.js +1 -1
  15. package/dist/esm/stats1.html +1 -1
  16. package/dist/linaria.merged.scss +2344 -2273
  17. package/dist/src/core/ImmersiveDialog/type.d.ts +4 -0
  18. package/dist/src/core/MediumDialog/MediumDialog.d.ts +2 -2
  19. package/dist/src/core/MediumDialog/MediumDialog.type.d.ts +5 -0
  20. package/dist/src/core/SmallDialog/SmallDialog.style.d.ts +3 -0
  21. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +8 -0
  22. package/dist/src/core/SmallDialog/SmallDialog.widget.d.ts +8 -0
  23. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +6 -0
  24. package/dist/stories/docs/core/MediumDialog.stories.d.ts +8 -0
  25. package/dist/stories/docs/core/SmallDialog.stories.d.ts +4 -0
  26. package/dist/stories/docs/core/WizardDialog.stories.d.ts +3 -0
  27. package/dist/stories/utils.d.ts +12 -0
  28. package/dist/style.css +2077 -2018
  29. package/package.json +4 -4
@@ -51,25 +51,6 @@
51
51
  }
52
52
 
53
53
 
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
54
  .E_b1wx3t3t {
74
55
  &.ant-btn-icon-only {
75
56
  justify-content: center;
@@ -469,9 +450,34 @@
469
450
  }
470
451
 
471
452
 
472
- .E_sx1bpnu {
473
- .ant-input-sm {
474
- line-height: 18px;
453
+ .E_ccrbeuz {
454
+ .ant-collapse-item {
455
+ border: 0px;
456
+ background-color: $fills-light-white;
457
+
458
+ .ant-collapse-header {
459
+ padding-top: 0px;
460
+ padding-bottom: 0px;
461
+ padding-left: 0px !important;
462
+ padding-right: 24px;
463
+ .ant-collapse-arrow {
464
+ right: 0px;
465
+ }
466
+ }
467
+ .ant-collapse-content {
468
+ .ant-collapse-content-box {
469
+ padding: 0px;
470
+ }
471
+ }
472
+ }
473
+ }
474
+
475
+ .E_c1fljvag {
476
+ .ant-collapse-item {
477
+ .ant-collapse-header {
478
+ padding-right: 0px;
479
+ cursor: default;
480
+ }
475
481
  }
476
482
  }
477
483
 
@@ -509,38 +515,6 @@
509
515
  }
510
516
 
511
517
 
512
- .E_ccrbeuz {
513
- .ant-collapse-item {
514
- border: 0px;
515
- background-color: $fills-light-white;
516
-
517
- .ant-collapse-header {
518
- padding-top: 0px;
519
- padding-bottom: 0px;
520
- padding-left: 0px !important;
521
- padding-right: 24px;
522
- .ant-collapse-arrow {
523
- right: 0px;
524
- }
525
- }
526
- .ant-collapse-content {
527
- .ant-collapse-content-box {
528
- padding: 0px;
529
- }
530
- }
531
- }
532
- }
533
-
534
- .E_c1fljvag {
535
- .ant-collapse-item {
536
- .ant-collapse-header {
537
- padding-right: 0px;
538
- cursor: default;
539
- }
540
- }
541
- }
542
-
543
-
544
518
  .E_d133fzv0 {
545
519
  .ant-dropdown-menu-item-group {
546
520
  .ant-dropdown-menu-item-group-title {
@@ -559,6 +533,25 @@
559
533
  }
560
534
 
561
535
 
536
+ .E_berrcjl {
537
+ color: $text-terdiary-light;
538
+ margin-bottom: 4px;
539
+
540
+ .breadcrumb-link {
541
+ color: $text-terdiary-light;
542
+ cursor: pointer;
543
+ transition: color 160ms ease;
544
+
545
+ &:hover {
546
+ color: $blue-60;
547
+ }
548
+ &:active {
549
+ color: $blue-80;
550
+ }
551
+ }
552
+ }
553
+
554
+
562
555
  .E_d1bw7c5z {
563
556
  position: relative;
564
557
  max-width: 388px;
@@ -650,124 +643,9 @@
650
643
  }
651
644
 
652
645
 
653
- .E_itxley7 {
654
- &.ant-input-group.ant-input-group-compact {
655
- display: flex;
656
- }
657
-
658
- &.ant-input-group.ant-input-group-compact > *:first-child,
659
- &.ant-input-group.ant-input-group-compact
660
- > .ant-select:first-child
661
- > .ant-select-selector,
662
- &.ant-input-group.ant-input-group-compact
663
- > .ant-calendar-picker:first-child
664
- .ant-input,
665
- &.ant-input-group.ant-input-group-compact
666
- > .ant-select-auto-complete:first-child
667
- .ant-input,
668
- &.ant-input-group.ant-input-group-compact
669
- > .ant-cascader-picker:first-child
670
- .ant-input,
671
- &.ant-input-group.ant-input-group-compact
672
- > .ant-mention-wrapper:first-child
673
- .ant-mention-editor,
674
- &.ant-input-group.ant-input-group-compact
675
- > .ant-time-picker:first-child
676
- .ant-time-picker-input {
677
- border-bottom-left-radius: 5px;
678
- border-top-left-radius: 5px;
679
- }
680
- &.ant-input-group.ant-input-group-compact > *:last-child,
681
- &.ant-input-group.ant-input-group-compact
682
- > .ant-select:last-child
683
- > .ant-select-selector,
684
- &.ant-input-group.ant-input-group-compact
685
- > .ant-calendar-picker:last-child
686
- .ant-input,
687
- &.ant-input-group.ant-input-group-compact
688
- > .ant-select-auto-complete:last-child
689
- .ant-input,
690
- &.ant-input-group.ant-input-group-compact
691
- > .ant-cascader-picker:last-child
692
- .ant-input,
693
- &.ant-input-group.ant-input-group-compact
694
- > .ant-cascader-picker-focused:last-child
695
- .ant-input,
696
- &.ant-input-group.ant-input-group-compact
697
- > .ant-mention-wrapper:last-child
698
- .ant-mention-editor,
699
- &.ant-input-group.ant-input-group-compact
700
- > .ant-time-picker:last-child
701
- .ant-time-picker-input {
702
- border-bottom-right-radius: 5px;
703
- border-top-right-radius: 5px;
704
- }
705
- }
706
-
707
-
708
- .E_phljevk {
709
- display: flex;
710
- justify-content: space-between;
711
- align-items: center;
712
- padding: 10px 0;
713
- color: $text-light-secondary;
714
- font-size: 12px;
715
- line-height: 24px;
716
-
717
- .pagination-left {
718
- padding: 2px 8px;
719
- }
720
-
721
- .dropdown-trigger {
722
- display: flex;
723
- align-items: center;
724
- border-radius: 6px;
725
- cursor: pointer;
726
- transition: all 0.3s ease;
727
-
728
- &:hover {
729
- background: $fills-interaction-light-general-hover;
730
- color: $text-light-general;
731
- }
732
- .icon-inner {
733
- margin-left: 4px;
734
- }
735
- }
736
-
737
- .pagination-right {
738
- display: flex;
739
- align-items: center;
740
- color: $blue-60;
741
- font-weight: bold;
742
- .icon-inner {
743
- margin-left: 4px;
744
- }
745
- .prev-btn,
746
- .next-btn {
747
- padding: 0 8px;
748
- > span {
749
- color: $text-light-general;
750
- }
751
- }
752
-
753
- .next-btn {
754
- .icon-inner {
755
- transform: rotate(180deg);
756
- }
757
- }
758
- }
759
- }
760
-
761
- .E_d12rtyeg {
762
- &.ant-dropdown .ant-dropdown-menu {
763
- max-height: calc(100vh - 128px);
764
- overflow-y: auto;
765
-
766
- .ant-dropdown-menu-item {
767
- padding: 4px 20px;
768
- font-size: 12px;
769
- line-height: 18px;
770
- }
646
+ .E_sx1bpnu {
647
+ .ant-input-sm {
648
+ line-height: 18px;
771
649
  }
772
650
  }
773
651
 
@@ -783,38 +661,6 @@
783
661
  }
784
662
 
785
663
 
786
- .E_i11gg7mj {
787
- .ant-input-prefix {
788
- margin-right: 8px;
789
- }
790
- .ant-input-suffix {
791
- margin-left: 8px;
792
- }
793
- }
794
-
795
- .E_cc368xp {
796
- color: $gray-120;
797
- border-right: 1px solid $gray-a60-5;
798
- margin-right: 8px;
799
- padding-right: 8px;
800
- }
801
-
802
- .E_i11o6xqj {
803
- display: flex;
804
- gap: 4px;
805
-
806
- .icon-wrapper {
807
- cursor: pointer;
808
- }
809
- }
810
-
811
- .E_d19ruhdj {
812
- &.icon-wrapper {
813
- cursor: not-allowed;
814
- }
815
- }
816
-
817
-
818
664
  .E_rapgekc {
819
665
  &.ant-radio-wrapper {
820
666
  display: inline-flex;
@@ -996,64 +842,158 @@
996
842
  }
997
843
 
998
844
 
999
- .E_s1dizucg {
1000
- &.ant-switch {
1001
- min-width: 40px;
1002
- height: 24px;
1003
- background: $fills-trans-quinary-light;
1004
- overflow: hidden;
1005
- &:focus {
1006
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1007
- }
1008
- }
1009
- &.ant-switch-small {
1010
- min-width: 26px;
1011
- height: 16px;
1012
- }
1013
- &.ant-switch-large {
1014
- min-width: 52px;
1015
- height: 32px;
845
+ .E_phljevk {
846
+ display: flex;
847
+ justify-content: space-between;
848
+ align-items: center;
849
+ padding: 10px 0;
850
+ color: $text-light-secondary;
851
+ font-size: 12px;
852
+ line-height: 24px;
853
+
854
+ .pagination-left {
855
+ padding: 2px 8px;
1016
856
  }
1017
857
 
1018
- &.ant-switch .ant-switch-handle {
1019
- height: 20px;
1020
- width: 20px;
1021
- &::before {
1022
- border-radius: 10px;
1023
- transition-delay: 120ms;
858
+ .dropdown-trigger {
859
+ display: flex;
860
+ align-items: center;
861
+ border-radius: 6px;
862
+ cursor: pointer;
863
+ transition: all 0.3s ease;
864
+
865
+ &:hover {
866
+ background: $fills-interaction-light-general-hover;
867
+ color: $text-light-general;
868
+ }
869
+ .icon-inner {
870
+ margin-left: 4px;
1024
871
  }
1025
872
  }
1026
- &.ant-switch-small .ant-switch-handle {
1027
- height: 14px;
1028
- width: 14px;
1029
- top: 1px;
1030
- left: 1px;
873
+
874
+ .pagination-right {
875
+ display: flex;
876
+ align-items: center;
877
+ color: $blue-60;
878
+ font-weight: bold;
879
+ .icon-inner {
880
+ margin-left: 4px;
881
+ }
882
+ .prev-btn,
883
+ .next-btn {
884
+ padding: 0 8px;
885
+ > span {
886
+ color: $text-light-general;
887
+ }
888
+ }
889
+
890
+ .next-btn {
891
+ .icon-inner {
892
+ transform: rotate(180deg);
893
+ }
894
+ }
1031
895
  }
1032
- &.ant-switch-large .ant-switch-handle {
1033
- height: 28px;
1034
- width: 28px;
1035
- &::before {
1036
- border-radius: 14px;
896
+ }
897
+
898
+ .E_d12rtyeg {
899
+ &.ant-dropdown .ant-dropdown-menu {
900
+ max-height: calc(100vh - 128px);
901
+ overflow-y: auto;
902
+
903
+ .ant-dropdown-menu-item {
904
+ padding: 4px 20px;
905
+ font-size: 12px;
906
+ line-height: 18px;
1037
907
  }
1038
908
  }
909
+ }
1039
910
 
1040
- &.ant-switch-checked {
1041
- background-color: $green-60;
911
+
912
+ .E_i11gg7mj {
913
+ .ant-input-prefix {
914
+ margin-right: 8px;
1042
915
  }
1043
- &.ant-switch-checked .ant-switch-handle {
1044
- left: calc(100% - 20px - 2px);
916
+ .ant-input-suffix {
917
+ margin-left: 8px;
1045
918
  }
1046
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1047
- left: calc(100% - 14px - 1px);
919
+ }
920
+
921
+ .E_cc368xp {
922
+ color: $gray-120;
923
+ border-right: 1px solid $gray-a60-5;
924
+ margin-right: 8px;
925
+ padding-right: 8px;
926
+ }
927
+
928
+ .E_i11o6xqj {
929
+ display: flex;
930
+ gap: 4px;
931
+
932
+ .icon-wrapper {
933
+ cursor: pointer;
1048
934
  }
1049
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1050
- left: calc(100% - 28px - 2px);
935
+ }
936
+
937
+ .E_d19ruhdj {
938
+ &.icon-wrapper {
939
+ cursor: not-allowed;
1051
940
  }
1052
941
  }
1053
942
 
1054
- .E_c1up6e3y {
1055
- margin-left: 5px;
943
+
944
+ .E_itxley7 {
945
+ &.ant-input-group.ant-input-group-compact {
946
+ display: flex;
947
+ }
948
+
949
+ &.ant-input-group.ant-input-group-compact > *:first-child,
950
+ &.ant-input-group.ant-input-group-compact
951
+ > .ant-select:first-child
952
+ > .ant-select-selector,
953
+ &.ant-input-group.ant-input-group-compact
954
+ > .ant-calendar-picker:first-child
955
+ .ant-input,
956
+ &.ant-input-group.ant-input-group-compact
957
+ > .ant-select-auto-complete:first-child
958
+ .ant-input,
959
+ &.ant-input-group.ant-input-group-compact
960
+ > .ant-cascader-picker:first-child
961
+ .ant-input,
962
+ &.ant-input-group.ant-input-group-compact
963
+ > .ant-mention-wrapper:first-child
964
+ .ant-mention-editor,
965
+ &.ant-input-group.ant-input-group-compact
966
+ > .ant-time-picker:first-child
967
+ .ant-time-picker-input {
968
+ border-bottom-left-radius: 5px;
969
+ border-top-left-radius: 5px;
970
+ }
971
+ &.ant-input-group.ant-input-group-compact > *:last-child,
972
+ &.ant-input-group.ant-input-group-compact
973
+ > .ant-select:last-child
974
+ > .ant-select-selector,
975
+ &.ant-input-group.ant-input-group-compact
976
+ > .ant-calendar-picker:last-child
977
+ .ant-input,
978
+ &.ant-input-group.ant-input-group-compact
979
+ > .ant-select-auto-complete:last-child
980
+ .ant-input,
981
+ &.ant-input-group.ant-input-group-compact
982
+ > .ant-cascader-picker:last-child
983
+ .ant-input,
984
+ &.ant-input-group.ant-input-group-compact
985
+ > .ant-cascader-picker-focused:last-child
986
+ .ant-input,
987
+ &.ant-input-group.ant-input-group-compact
988
+ > .ant-mention-wrapper:last-child
989
+ .ant-mention-editor,
990
+ &.ant-input-group.ant-input-group-compact
991
+ > .ant-time-picker:last-child
992
+ .ant-time-picker-input {
993
+ border-bottom-right-radius: 5px;
994
+ border-top-right-radius: 5px;
1056
995
  }
996
+ }
1057
997
 
1058
998
 
1059
999
  .E_c1bus5hc {
@@ -1100,10 +1040,68 @@
1100
1040
  }
1101
1041
 
1102
1042
 
1103
- .E_tju3gfj {
1104
- .date {
1105
- margin-right: 4px;
1043
+ .E_s1dizucg {
1044
+ &.ant-switch {
1045
+ min-width: 40px;
1046
+ height: 24px;
1047
+ background: $fills-trans-quinary-light;
1048
+ overflow: hidden;
1049
+ &:focus {
1050
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1051
+ }
1052
+ }
1053
+ &.ant-switch-small {
1054
+ min-width: 26px;
1055
+ height: 16px;
1056
+ }
1057
+ &.ant-switch-large {
1058
+ min-width: 52px;
1059
+ height: 32px;
1060
+ }
1061
+
1062
+ &.ant-switch .ant-switch-handle {
1063
+ height: 20px;
1064
+ width: 20px;
1065
+ &::before {
1066
+ border-radius: 10px;
1067
+ transition-delay: 120ms;
1068
+ }
1069
+ }
1070
+ &.ant-switch-small .ant-switch-handle {
1071
+ height: 14px;
1072
+ width: 14px;
1073
+ top: 1px;
1074
+ left: 1px;
1075
+ }
1076
+ &.ant-switch-large .ant-switch-handle {
1077
+ height: 28px;
1078
+ width: 28px;
1079
+ &::before {
1080
+ border-radius: 14px;
1081
+ }
1082
+ }
1083
+
1084
+ &.ant-switch-checked {
1085
+ background-color: $green-60;
1106
1086
  }
1087
+ &.ant-switch-checked .ant-switch-handle {
1088
+ left: calc(100% - 20px - 2px);
1089
+ }
1090
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1091
+ left: calc(100% - 14px - 1px);
1092
+ }
1093
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1094
+ left: calc(100% - 28px - 2px);
1095
+ }
1096
+ }
1097
+
1098
+ .E_c1up6e3y {
1099
+ margin-left: 5px;
1100
+ }
1101
+
1102
+
1103
+ .E_iq1gosr {
1104
+ display: inline-block;
1107
1105
  }
1108
1106
 
1109
1107
 
@@ -1193,27 +1191,8 @@
1193
1191
  }
1194
1192
 
1195
1193
 
1196
- .E_t1m2x205 {
1197
- .ant-tooltip-arrow {
1198
- display: none;
1199
- }
1200
- .ant-tooltip-inner {
1201
- background: $gray-a80-9;
1202
- border-radius: 4px;
1203
- &:has(.eagle-ellipsis-content) {
1204
- visibility: hidden;
1205
- }
1206
- }
1207
- }
1208
-
1209
-
1210
- .E_iq1gosr {
1211
- display: inline-block;
1212
- }
1213
-
1214
-
1215
- .E_s1dni7lo {
1216
- width: 430px !important;
1194
+ .E_s1dni7lo {
1195
+ width: 430px !important;
1217
1196
  }
1218
1197
 
1219
1198
  .E_d1wwmmm5 {
@@ -1301,6 +1280,27 @@
1301
1280
  }
1302
1281
 
1303
1282
 
1283
+ .E_t1m2x205 {
1284
+ .ant-tooltip-arrow {
1285
+ display: none;
1286
+ }
1287
+ .ant-tooltip-inner {
1288
+ background: $gray-a80-9;
1289
+ border-radius: 4px;
1290
+ &:has(.eagle-ellipsis-content) {
1291
+ visibility: hidden;
1292
+ }
1293
+ }
1294
+ }
1295
+
1296
+
1297
+ .E_tju3gfj {
1298
+ .date {
1299
+ margin-right: 4px;
1300
+ }
1301
+ }
1302
+
1303
+
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1500,6 +1500,16 @@
1500
1500
  }
1501
1501
 
1502
1502
 
1503
+ .E_owd0kml {
1504
+ display: inline-block;
1505
+ }
1506
+
1507
+ .E_h1jsgezc {
1508
+ visibility: hidden;
1509
+ position: absolute;
1510
+ }
1511
+
1512
+
1503
1513
  .E_i1inqkme {
1504
1514
  height: 18px;
1505
1515
  line-height: 18px;
@@ -1524,1327 +1534,1215 @@
1524
1534
  }
1525
1535
 
1526
1536
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1529
- }
1537
+ .E_a1b5xrg3 {
1538
+ .user-icon-inner {
1539
+ display: inline-flex;
1540
+ align-items: center;
1541
+ 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
+ }
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;
1530
1559
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
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;
1569
+ }
1570
+ }
1534
1571
  }
1535
1572
 
1536
1573
 
1537
- .E_cnujxq2 {
1538
- display: flex;
1539
- flex-direction: column;
1574
+ .E_m196gn1d {
1575
+ min-width: 1280px;
1540
1576
  }
1541
1577
 
1542
- .E_m7s48ia {
1543
- max-width: 1120px;
1544
- width: 100%;
1545
- margin: 0 auto;
1546
- height: 100%;
1578
+
1579
+ .E_dsnbhzf {
1580
+ @include Inter(bold);
1581
+ font-size: 32px;
1582
+ line-height: 40px;
1547
1583
  }
1548
1584
 
1549
- .E_wt5zbg6 {
1550
- max-width: 1120px;
1551
- width: 100%;
1552
- margin: 0 auto;
1553
- display: flex;
1585
+ .E_d1mvo22k {
1586
+ @include Inter(bold);
1587
+ font-size: 24px;
1588
+ line-height: 32px;
1589
+ }
1554
1590
 
1555
- .left,
1556
- .right {
1557
- flex-grow: 0;
1558
- flex-shrink: 0;
1559
- flex-basis: 21%;
1560
- }
1591
+ .E_d1b444tr {
1592
+ @include Inter();
1593
+ font-size: 32px;
1594
+ line-height: 40px;
1595
+ }
1561
1596
 
1562
- .left {
1563
- display: flex;
1564
- justify-content: flex-end;
1565
- padding-right: 44px;
1566
- }
1597
+ .E_dvs0kue {
1598
+ @include Inter(bold);
1599
+ font-size: 20px;
1600
+ line-height: 24px;
1601
+ }
1567
1602
 
1568
- .right {
1569
- padding-left: 44px;
1570
- }
1603
+ .E_d1hcbfcq {
1604
+ @include Inter();
1605
+ font-size: 20px;
1606
+ line-height: 24px;
1607
+ }
1571
1608
 
1572
- .middle {
1573
- margin-bottom: 40px;
1574
- flex-grow: 0;
1575
- flex-shrink: 0;
1576
- flex-basis: 58%;
1577
- overflow: hidden;
1578
- .form-base-field {
1579
- width: 100%;
1580
- .form-base-field {
1581
- width: auto;
1582
- }
1583
- }
1584
- }
1609
+ .E_d1cz922v {
1610
+ @include Inter(bold);
1611
+ font-size: 18px;
1612
+ line-height: 22px;
1585
1613
  }
1586
1614
 
1587
- .E_h18jprzg {
1588
- .ant-modal-header {
1589
- margin: 0 auto;
1590
- width: 100%;
1591
- max-width: 648px;
1592
- }
1593
- .ant-modal-header .ant-modal-title {
1594
- margin-left: 0;
1595
- }
1596
- .ant-modal-body {
1597
- margin: 0 auto;
1598
- padding: 0;
1599
- width: 100%;
1600
- max-width: 648px;
1601
- overflow: hidden;
1602
- }
1603
- .ant-modal-body .horizontal-steps-wrapper {
1604
- margin-bottom: 40px;
1605
- }
1606
- .ant-modal-body .horizontal-content-wrapper {
1607
- height: calc(100vh - 225px);
1608
- overflow-y: auto;
1609
- }
1610
- .ant-modal-footer .footer-content {
1611
- margin: 0 auto;
1612
- max-width: 648px;
1613
- }
1615
+ .E_d3nzbrm {
1616
+ @include Inter();
1617
+ font-size: 18px;
1618
+ line-height: 22px;
1614
1619
  }
1615
1620
 
1616
- .E_h16z9xgz {
1617
- .ant-modal-header {
1618
- margin: 0 auto;
1619
- width: 100%;
1620
- max-width: 1024px;
1621
- }
1622
- .ant-modal-header .ant-modal-title {
1623
- margin-left: 0;
1624
- }
1625
- .ant-modal-body {
1626
- margin: 0 auto;
1627
- padding: 0;
1628
- width: 100%;
1629
- max-width: 1024px;
1630
- overflow: hidden;
1631
- }
1632
- .ant-modal-body .horizontal-steps-wrapper {
1633
- margin-bottom: 40px;
1634
- }
1635
- .ant-modal-body .horizontal-content-wrapper {
1636
- height: calc(100vh - 225px);
1637
- overflow-y: auto;
1638
- }
1639
- .ant-modal-footer .footer-content {
1640
- margin: 0 auto;
1641
- max-width: 1024px;
1642
- }
1621
+ .E_h1g0p5ob {
1622
+ @include Inter(bold);
1623
+ font-size: 16px;
1624
+ line-height: 22px;
1643
1625
  }
1644
1626
 
1645
- .E_f1lrhghm {
1646
- flex: 1;
1627
+ .E_hydo2ej {
1628
+ @include Inter();
1629
+ font-size: 16px;
1630
+ line-height: 22px;
1631
+ }
1647
1632
 
1648
- label {
1649
- font-size: 13px;
1650
- line-height: 20px;
1651
- color: $text-secondary-light;
1652
- }
1633
+ .E_h1hbuq0r {
1634
+ @include Inter(bold);
1635
+ font-size: 14px;
1636
+ line-height: 20px;
1637
+ }
1653
1638
 
1654
- .title {
1655
- font-size: 14px;
1656
- line-height: 20px;
1657
- color: $text-primary-light;
1658
- margin-bottom: 12px;
1659
- }
1639
+ .E_h13bondg {
1640
+ @include Inter();
1641
+ font-size: 14px;
1642
+ line-height: 20px;
1643
+ }
1660
1644
 
1661
- &.connect-cluster .title {
1662
- padding-bottom: 26px;
1663
- }
1645
+ .E_h1mhvdlx {
1646
+ @include Inter(bold);
1647
+ font-size: 12px;
1648
+ line-height: 18px;
1664
1649
  }
1665
1650
 
1666
- .E_f18ot8em {
1667
- padding: 25px 0 15px 0;
1668
- border-bottom: 1px solid #e1e5eb;
1669
- margin-bottom: 16px;
1651
+ .E_h1inmfq6 {
1652
+ @include Inter();
1653
+ font-size: 12px;
1654
+ line-height: 18px;
1670
1655
  }
1671
1656
 
1672
- .E_f1l1g2k0 {
1673
- display: flex;
1674
- align-items: center;
1675
- margin-bottom: 8px;
1657
+ .E_h1kfc0la {
1658
+ @include Inter(bold);
1659
+ @include Uppercase();
1660
+ font-size: 12px;
1661
+ line-height: 18px;
1662
+ }
1676
1663
 
1677
- > label {
1678
- width: 216px;
1679
- }
1664
+ .E_h10xnyuu {
1665
+ @include Inter();
1666
+ @include Uppercase();
1667
+ font-size: 12px;
1668
+ line-height: 18px;
1669
+ }
1680
1670
 
1681
- > label + * {
1682
- width: 100%;
1683
- }
1671
+ .E_lrcmi0v {
1672
+ @include Inter();
1673
+ font-size: 16px;
1674
+ line-height: 24px;
1675
+ }
1684
1676
 
1685
- .ant-select {
1686
- width: 100%;
1687
- }
1677
+ .E_lzt43lp {
1678
+ @include Inter(bold);
1679
+ font-size: 16px;
1680
+ line-height: 24px;
1688
1681
  }
1689
1682
 
1690
- .E_e1k89cwg {
1691
- color: $red;
1692
- margin-right: 10px;
1683
+ .E_l5yc9nt {
1684
+ @include Inter();
1685
+ font-size: 16px;
1686
+ line-height: 24px;
1693
1687
  }
1694
1688
 
1695
- .E_d1oui1gf {
1696
- width: 100%;
1697
- height: 1px;
1698
- background: rgba(213, 219, 227, 0.6);
1699
- margin: 24px 0;
1689
+ .E_l1fbkbzo {
1690
+ @include Inter(bold);
1691
+ font-size: 16px;
1692
+ line-height: 24px;
1700
1693
  }
1701
1694
 
1702
- .E_l15itdbb {
1703
- display: flex;
1704
- justify-content: center;
1705
- align-items: center;
1706
- height: 100%;
1695
+ .E_lahvcax {
1696
+ @include Inter();
1697
+ @include Uppercase();
1698
+ font-size: 16px;
1699
+ line-height: 24px;
1707
1700
  }
1708
1701
 
1709
- .E_d1y3z4w {
1710
- display: inline-block;
1711
- width: 4px;
1712
- height: 4px;
1713
- background: #8e9aa9;
1714
- opacity: 0.4;
1715
- border-radius: 50%;
1716
- margin: 0 4px;
1702
+ .E_l11q3pxd {
1703
+ @include Inter(bold);
1704
+ @include Uppercase();
1705
+ font-size: 16px;
1706
+ line-height: 24px;
1717
1707
  }
1718
1708
 
1719
- .E_m177r7a3 {
1720
- .ant-modal-header,
1721
- .ant-modal-footer .footer-content {
1722
- width: 648px;
1723
- margin: 0 auto;
1724
- }
1709
+ .E_lfuc2qu {
1710
+ @include Inter();
1711
+ font-size: 14px;
1712
+ line-height: 22px;
1713
+ }
1725
1714
 
1726
- .ant-modal-header {
1727
- padding: 35px 0 24px;
1728
- border: none;
1715
+ .E_l1jmp8r0 {
1716
+ @include Inter(500);
1717
+ font-size: 14px;
1718
+ line-height: 22px;
1719
+ }
1729
1720
 
1730
- .ant-modal-title {
1731
- font-size: 30px;
1732
- }
1733
- }
1721
+ .E_lcnm221 {
1722
+ @include Inter(bold);
1723
+ font-size: 14px;
1724
+ line-height: 22px;
1725
+ }
1734
1726
 
1735
- .ant-modal-body {
1736
- padding: 4px 0 2px;
1737
- }
1727
+ .E_lu1z2n5 {
1728
+ @include Inter();
1729
+ font-size: 14px;
1730
+ line-height: 22px;
1731
+ }
1738
1732
 
1739
- .ant-modal-footer {
1740
- border: none;
1741
- }
1733
+ .E_l1r59djn {
1734
+ @include Inter(bold);
1735
+ font-size: 14px;
1736
+ line-height: 22px;
1742
1737
  }
1743
1738
 
1744
- .E_t1wwio3v {
1745
- font-size: 12px;
1746
- line-height: 18px;
1747
- font-weight: bold;
1748
- color: $white;
1749
- padding: 0 4px;
1750
- border-radius: 4px;
1751
- display: inline-block;
1752
- background: var(--t1wwio3v-0);
1753
- &:not(:first-child) {
1754
- margin-left: 4px;
1755
- }
1739
+ .E_ljm2911 {
1740
+ @include Inter();
1741
+ @include Uppercase();
1742
+ font-size: 14px;
1743
+ line-height: 22px;
1756
1744
  }
1757
1745
 
1758
- .E_f17jvtfk {
1759
- width: 100%;
1760
- height: 100%;
1761
- display: flex;
1762
- align-items: center;
1763
- justify-content: center;
1746
+ .E_l124mzmr {
1747
+ @include Inter(bold);
1748
+ @include Uppercase();
1749
+ font-size: 14px;
1750
+ line-height: 22px;
1764
1751
  }
1765
1752
 
1766
- .E_nzppkea {
1767
- font-size: 90%;
1768
- font-weight: bold;
1769
- background-color: rgba(240, 243, 247, 0.6);
1770
- padding: 1px 4px 1px;
1771
- margin-left: 2px;
1772
- margin-right: 2px;
1773
- border: 1px solid rgba(213, 219, 227, 0.6);
1774
- border-radius: 4px;
1753
+ .E_lb3chel {
1754
+ @include Inter();
1755
+ font-size: 13px;
1756
+ line-height: 20px;
1775
1757
  }
1776
1758
 
1777
- .E_f4mi9eq {
1778
- &.form-item-general {
1779
- width: 640px;
1780
- &.form-item + &.form-item {
1781
- margin-top: 16px;
1782
- }
1783
- }
1784
- &.form-item-compact {
1785
- width: 412px;
1786
- &.form-item + &.form-item {
1787
- margin-top: 8px;
1788
- }
1789
- }
1790
- & .form-item {
1791
- width: auto;
1792
- }
1793
- .form-item-main {
1794
- position: relative;
1795
- display: flex;
1796
- }
1797
- .form-item-extra {
1798
- margin-top: 4px;
1799
- width: 100%;
1800
- padding: 14px;
1801
- background: #f2f4f6;
1802
- font-size: 13px;
1803
- line-height: 1.8;
1804
- color: #8e9aa9;
1805
- }
1806
- .form-item-label {
1807
- padding-right: 12px;
1808
- font-size: 13px;
1809
- color: $text-secondary-light;
1759
+ .E_lv9jstu {
1760
+ @include Inter(600);
1761
+ font-size: 13px;
1762
+ line-height: 20px;
1763
+ }
1810
1764
 
1811
- &.label-right {
1812
- text-align: right;
1813
- }
1814
- }
1815
- .form-item-label,
1816
- .form-item-control {
1817
- line-height: 32px;
1818
- }
1819
- .form-item-control .form-item-error {
1820
- line-height: 18px;
1821
- }
1822
- .form-item-children {
1823
- width: 100%;
1824
- > *:only-child {
1825
- &.ant-select,
1826
- &.ant-radio-group,
1827
- &.ant-checkbox-group {
1828
- width: 100%;
1829
- }
1830
- }
1831
- }
1832
- .form-item-error {
1833
- color: $red;
1834
- height: 0;
1835
- overflow: hidden;
1836
- }
1837
- .form-item-error-enter-done {
1838
- margin-top: 4px;
1839
- height: auto;
1840
- overflow: auto;
1841
- }
1842
- &.form-base-field:not(.form-base-field-array) {
1843
- .form-item-control.field-error .form-item-error {
1844
- > input:not(.ant-input),
1845
- :not(.ant-select) input {
1846
- border: 1px solid $red;
1847
- color: $red;
1848
- }
1849
- }
1850
- }
1765
+ .E_lwqlh3x {
1766
+ @include Inter(bold);
1767
+ font-size: 13px;
1768
+ line-height: 20px;
1851
1769
  }
1852
1770
 
1853
- .E_fh0ewl8 {
1854
- color: $gray-80;
1855
- font-weight: bold;
1856
- padding-bottom: 6px;
1857
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
1858
- margin-bottom: 16px;
1771
+ .E_lalum9y {
1772
+ @include Inter();
1773
+ font-size: 13px;
1774
+ line-height: 20px;
1775
+ }
1859
1776
 
1860
- &:not(:first-of-type) {
1861
- margin-top: 16px;
1862
- }
1777
+ .E_l1t6dj5o {
1778
+ @include Inter(600);
1779
+ font-size: 13px;
1780
+ line-height: 20px;
1863
1781
  }
1864
1782
 
1865
- .E_e1qrlvot {
1866
- width: 8px;
1867
- height: 24px;
1868
- display: flex;
1869
- justify-content: center;
1870
- align-items: center;
1871
- cursor: pointer;
1872
- transition: all 200ms ease-out 40ms;
1783
+ .E_l12f6ic {
1784
+ @include Inter(bold);
1785
+ font-size: 13px;
1786
+ line-height: 20px;
1787
+ }
1873
1788
 
1874
- &:before,
1875
- &:after {
1876
- content: "";
1877
- width: 1px;
1878
- height: 6px;
1879
- border-radius: 1px;
1880
- background: $gray-50;
1881
- position: relative;
1882
- right: 2px;
1883
- transform: rotate(-45deg);
1884
- }
1789
+ .E_l7gmukq {
1790
+ @include Inter();
1791
+ @include Uppercase();
1792
+ font-size: 13px;
1793
+ line-height: 20px;
1794
+ }
1885
1795
 
1886
- &:after {
1887
- transform: rotate(45deg);
1888
- left: 1px;
1889
- }
1796
+ .E_lkwl0yp {
1797
+ @include Inter(bold);
1798
+ @include Uppercase();
1799
+ font-size: 13px;
1800
+ line-height: 20px;
1890
1801
  }
1891
1802
 
1892
- .E_w9ic984 {
1893
- &.ant-alert-warning {
1894
- border: 0;
1895
- background: rgba(255, 187, 0, 0.1);
1896
- border-radius: 6px;
1897
- }
1898
- &.ant-alert,
1899
- .ant-alert-message {
1900
- color: #e07f00;
1901
- .dashed-border-bottom {
1902
- border-bottom-color: #e07f00;
1903
- }
1904
- }
1803
+ .E_l10knv48 {
1804
+ @include Inter();
1805
+ font-size: 12px;
1806
+ line-height: 18px;
1905
1807
  }
1906
1808
 
1907
- .E_n1k9qi4r {
1908
- display: flex;
1909
- flex-direction: row;
1910
- padding: 7px 12px;
1911
- background: rgba(255, 187, 0, 0.1);
1912
- border-radius: 6px;
1913
- color: $fills-light-notice-notice-dark;
1809
+ .E_l6526ld {
1810
+ @include Inter(500);
1914
1811
  font-size: 12px;
1915
1812
  line-height: 18px;
1916
- .icon-wrapper {
1917
- margin-right: 10px;
1918
- height: 18px;
1919
- }
1920
1813
  }
1921
1814
 
1922
- .E_n16fsg9x {
1923
- display: flex;
1924
- flex-direction: row;
1925
- padding: 7px 12px;
1926
- background: rgba(225, 230, 241, 0.6);
1927
- border-radius: 6px;
1928
- color: $text-light-secondary;
1815
+ .E_l1j81vli {
1816
+ @include Inter(bold);
1929
1817
  font-size: 12px;
1930
1818
  line-height: 18px;
1931
- .icon-wrapper {
1932
- margin-right: 10px;
1933
- height: 18px;
1934
- }
1935
1819
  }
1936
1820
 
1937
- .E_i173wxzw {
1938
- display: flex;
1939
- flex-direction: row;
1940
- padding: 7px 12px;
1941
- background: rgba(0, 136, 255, 0.1);
1942
- border-radius: 6px;
1943
- color: $fills-light-general-general-dark;
1821
+ .E_l1x7n1mk {
1822
+ @include Inter();
1944
1823
  font-size: 12px;
1945
1824
  line-height: 18px;
1946
- .icon-wrapper {
1947
- margin-right: 10px;
1948
- height: 18px;
1949
- }
1950
1825
  }
1951
1826
 
1952
- .E_dld369h {
1953
- color: $text-light-secondary;
1954
- margin-top: 5px;
1827
+ .E_l9fqufz {
1828
+ @include Inter(500);
1955
1829
  font-size: 12px;
1956
1830
  line-height: 18px;
1957
1831
  }
1958
1832
 
1959
- .E_s1epv22q {
1960
- color: $text-light-serious;
1833
+ .E_l1iwnybd {
1834
+ @include Inter(bold);
1961
1835
  font-size: 12px;
1962
- white-space: pre-wrap;
1836
+ line-height: 18px;
1963
1837
  }
1964
1838
 
1965
- .E_okus5hk {
1966
- display: flex;
1967
- align-items: center;
1968
- justify-content: flex-end;
1969
- .icon-wrapper {
1970
- margin-right: 16px;
1971
- }
1839
+ .E_lprtm1e {
1840
+ @include Inter();
1841
+ @include Uppercase();
1842
+ font-size: 12px;
1843
+ line-height: 18px;
1972
1844
  }
1973
1845
 
1974
- .E_t1auuzri {
1975
- color: $text-light-tertiary;
1846
+ .E_l1lln87h {
1847
+ @include Inter(bold);
1848
+ @include Uppercase();
1849
+ font-size: 12px;
1850
+ line-height: 18px;
1976
1851
  }
1977
1852
 
1978
- .E_i74cfyt {
1979
- &.ant-input {
1980
- padding: 5px 12px;
1981
- line-height: 20px;
1982
- color: $text-primary-light;
1983
- border-radius: 6px;
1984
- border-color: $strokes-light-trans-3;
1985
- transition:
1986
- height 240ms ease 8ms,
1987
- border 160ms ease 8ms,
1988
- box-shadow 160ms ease 8ms;
1989
- }
1853
+ .E_f2pb48l {
1854
+ @include Inter();
1855
+ font-size: 13px;
1856
+ line-height: 20px;
1857
+ }
1990
1858
 
1991
- &.ant-input.ant-input-lg {
1992
- padding: 8px 16px;
1993
- line-height: 22px;
1994
- }
1859
+ .E_fi9emkw {
1860
+ @include Inter();
1861
+ font-size: 13px;
1862
+ line-height: 20px;
1863
+ }
1995
1864
 
1996
- &.ant-input.ant-input-sm {
1997
- padding: 2px 8px;
1998
- line-height: 18px;
1999
- }
1865
+ .E_f1nrg7da {
1866
+ @include Inter();
1867
+ font-size: 12px;
1868
+ line-height: 18px;
1869
+ }
2000
1870
 
2001
- &.ant-input:not([disabled]),
2002
- &.ant-input-number:not([disabled]) {
2003
- &:hover,
2004
- &.__pseudo-states-hover {
2005
- border-color: $strokes-light-trans-4;
2006
- box-shadow: $shadow-light-hover;
2007
- z-index: $input-hover-index;
2008
- }
1871
+ .E_f17k1i3n {
1872
+ @include Inter();
1873
+ font-size: 12px;
1874
+ line-height: 18px;
1875
+ }
2009
1876
 
2010
- &:active,
2011
- &:focus,
2012
- &.__pseudo-states-active,
2013
- &.__pseudo-states-focus {
2014
- border-color: $blue;
2015
- box-shadow: $shadow-light-active;
2016
- z-index: $input-hover-index;
2017
- }
2018
- }
1877
+ .E_t1tvuj2e {
1878
+ @include Inter();
1879
+ @include Monospace();
1880
+ font-size: 13px;
1881
+ line-height: 20px;
1882
+ }
2019
1883
 
2020
- &.ant-input.error:not([disabled]),
2021
- &.ant-picker.error:not([disabled]),
2022
- &.ant-input-number.error:not([disabled]) {
2023
- border-color: $red;
2024
- color: $red;
1884
+ .E_t17uajlu {
1885
+ @include Inter();
1886
+ @include Slashed();
1887
+ font-size: 13px;
1888
+ line-height: 20px;
1889
+ }
2025
1890
 
2026
- &:hover,
2027
- &.__pseudo-states-hover {
2028
- border-color: $red;
2029
- box-shadow: $shadow-light-hover;
2030
- }
1891
+ .E_t114zbyz {
1892
+ @include Inter();
1893
+ @include Monospace();
1894
+ font-size: 12px;
1895
+ line-height: 18px;
1896
+ }
2031
1897
 
2032
- &:active,
2033
- &:focus,
2034
- &.__pseudo-states-active,
2035
- &.__pseudo-states-focus {
2036
- border-color: $red;
2037
- box-shadow: $shadow-light-error;
2038
- }
2039
- }
1898
+ .E_t1il0kvi {
1899
+ @include Inter(500);
1900
+ @include Monospace();
1901
+ font-size: 12px;
1902
+ line-height: 18px;
1903
+ }
2040
1904
 
2041
- &.ant-input[disabled],
2042
- &.ant-input.ant-input-disabled,
2043
- &.ant-input-number[disabled],
2044
- &.ant-input-number.ant-input-number-disabled {
2045
- background: $fills-trans-terdiary-light;
2046
- color: $text-light-tertiary;
2047
- border-color: $strokes-light-trans-3;
2048
- }
1905
+ .E_t10dv8p1 {
1906
+ @include Inter();
1907
+ @include Slashed();
1908
+ font-size: 12px;
1909
+ line-height: 18px;
1910
+ }
2049
1911
 
2050
- &.ant-input-affix-wrapper {
2051
- padding: 5px 12px;
2052
- border-radius: 6px;
2053
- border-color: $strokes-light-trans-3;
2054
- line-height: 20px;
2055
- color: $text-primary-light;
2056
- transition:
2057
- height 240ms ease 8ms,
2058
- border 160ms ease 8ms,
2059
- box-shadow 160ms ease 8ms;
1912
+ .E_tc2oqpq {
1913
+ @include Inter(500);
1914
+ @include Slashed();
1915
+ font-size: 12px;
1916
+ line-height: 18px;
1917
+ }
2060
1918
 
2061
- .ant-input-suffix,
2062
- .ant-input-prefix {
2063
- color: $text-secondary-light;
2064
- }
2065
- }
1919
+ .E_tzvddmc {
1920
+ @include Inter(bold);
1921
+ @include Slashed();
1922
+ font-size: 16px;
1923
+ line-height: 24px;
1924
+ }
2066
1925
 
2067
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2068
- padding: 8px 16px;
2069
- line-height: 22px;
2070
- }
1926
+ .E_u18llj45 {
1927
+ @include Inter();
1928
+ font-size: 10px;
1929
+ line-height: 12px;
1930
+ }
2071
1931
 
2072
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2073
- padding: 2px 8px;
2074
- line-height: 18px;
2075
- }
2076
1932
 
2077
- &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2078
- &:hover,
2079
- &.__pseudo-states-hover {
2080
- border-color: $strokes-light-trans-4;
2081
- box-shadow: $shadow-light-hover;
2082
- }
1933
+ .E_cnujxq2 {
1934
+ display: flex;
1935
+ flex-direction: column;
1936
+ }
2083
1937
 
2084
- &:active,
2085
- &:focus,
2086
- &.ant-input-affix-wrapper-focused,
2087
- &.__pseudo-states-active,
2088
- &.__pseudo-states-focus {
2089
- border-color: $blue;
2090
- box-shadow: $shadow-light-active;
2091
- }
2092
- }
1938
+ .E_m7s48ia {
1939
+ max-width: 1120px;
1940
+ width: 100%;
1941
+ margin: 0 auto;
1942
+ height: 100%;
1943
+ }
2093
1944
 
2094
- &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2095
- border-color: $red;
2096
- > .ant-input {
2097
- color: $red;
2098
- }
1945
+ .E_wt5zbg6 {
1946
+ max-width: 1120px;
1947
+ width: 100%;
1948
+ margin: 0 auto;
1949
+ display: flex;
2099
1950
 
2100
- &:hover,
2101
- &.__pseudo-states-hover {
2102
- border-color: $red;
2103
- box-shadow: $shadow-light-hover;
2104
- }
1951
+ .left,
1952
+ .right {
1953
+ flex-grow: 0;
1954
+ flex-shrink: 0;
1955
+ flex-basis: 21%;
1956
+ }
2105
1957
 
2106
- &:active,
2107
- &:focus,
2108
- &.ant-input-affix-wrapper-focused,
2109
- &.__pseudo-states-active,
2110
- &.__pseudo-states-focus {
2111
- border-color: $red;
2112
- box-shadow: $shadow-light-error;
2113
- }
1958
+ .left {
1959
+ display: flex;
1960
+ justify-content: flex-end;
1961
+ padding-right: 44px;
2114
1962
  }
2115
1963
 
2116
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2117
- background: $fills-trans-terdiary-light;
2118
- color: $text-light-tertiary;
2119
- border-color: $strokes-light-trans-3;
1964
+ .right {
1965
+ padding-left: 44px;
2120
1966
  }
2121
1967
 
2122
- @at-root {
2123
- textarea#{&}.ant-input {
2124
- transition-property: height;
2125
- transition-delay: 50ms;
2126
- &.textarea-large {
2127
- min-height: 40px;
2128
- height: 40px;
2129
- }
2130
- &.textarea-large:focus {
2131
- height: 80px;
2132
- }
2133
- &.textarea-middle {
2134
- min-height: 32px;
2135
- height: 32px;
2136
- }
2137
- &.textarea-middle:focus {
2138
- height: 64px;
2139
- }
2140
- &.textarea-small {
2141
- min-height: 24px;
2142
- height: 24px;
2143
- }
2144
- &.textarea-small:focus {
2145
- height: 40px;
1968
+ .middle {
1969
+ margin-bottom: 40px;
1970
+ flex-grow: 0;
1971
+ flex-shrink: 0;
1972
+ flex-basis: 58%;
1973
+ overflow: hidden;
1974
+ .form-base-field {
1975
+ width: 100%;
1976
+ .form-base-field {
1977
+ width: auto;
2146
1978
  }
2147
1979
  }
2148
1980
  }
2149
1981
  }
2150
1982
 
2151
- .E_k1ci6977 {
2152
- input,
2153
- &.input-tags {
2154
- border: 1px solid rgba(213, 219, 227, 0.6);
2155
- border-radius: 4px;
1983
+ .E_h18jprzg {
1984
+ .ant-modal-header {
1985
+ margin: 0 auto;
1986
+ width: 100%;
1987
+ max-width: 648px;
2156
1988
  }
2157
- &.input-tags {
2158
- position: relative;
2159
- padding: 6px;
2160
- height: 32px;
2161
- cursor: pointer;
2162
- transition: border 150ms;
2163
-
2164
- &:hover {
2165
- border-color: $blue-60;
2166
- box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2167
- }
2168
-
2169
- &.kit-input-suffix-wrapper {
2170
- padding-right: 30px;
2171
- }
2172
-
2173
- .input-tags-inner {
2174
- display: flex;
2175
- .tags-overflow-auto {
2176
- display: flex;
2177
- }
2178
- }
2179
-
2180
- .input-tag-suffix {
2181
- position: absolute;
2182
- right: 12px;
2183
- top: 50%;
2184
- transform: translateY(-50%);
2185
- .anticon-close-circle {
2186
- color: rgba(0, 0, 0, 0.25);
2187
- font-size: 12px;
2188
- cursor: pointer;
2189
- &:hover {
2190
- color: rgba(0, 0, 0, 0.45);
2191
- }
2192
- }
2193
- }
1989
+ .ant-modal-header .ant-modal-title {
1990
+ margin-left: 0;
2194
1991
  }
2195
- &.has-focus-indicator {
2196
- position: relative;
1992
+ .ant-modal-body {
1993
+ margin: 0 auto;
1994
+ padding: 0;
1995
+ width: 100%;
1996
+ max-width: 648px;
2197
1997
  overflow: hidden;
2198
-
2199
- .ant-input-prefix {
2200
- position: absolute;
2201
- top: 50%;
2202
- transform: translateY(-50%);
2203
- left: -16px;
2204
- transition: left 150ms ease;
2205
- opacity: 0;
2206
- }
2207
- &.ant-input-affix-wrapper-focused .ant-input-prefix {
2208
- left: 8px;
2209
- opacity: 1;
2210
- }
2211
-
2212
- input {
2213
- transition: margin-left 150ms ease;
2214
- margin-left: 0px;
2215
- &:focus {
2216
- margin-left: 16px;
2217
- }
2218
- }
2219
1998
  }
2220
- }
2221
-
2222
- .E_l1f7td1d {
2223
- @at-root {
2224
- input#{&}.ant-input {
2225
- border-top-right-radius: 0;
2226
- border-bottom-right-radius: 0;
2227
- }
1999
+ .ant-modal-body .horizontal-steps-wrapper {
2000
+ margin-bottom: 40px;
2228
2001
  }
2229
- &.ant-input-affix-wrapper {
2230
- border-top-right-radius: 0;
2231
- border-bottom-right-radius: 0;
2002
+ .ant-modal-body .horizontal-content-wrapper {
2003
+ height: calc(100vh - 225px);
2004
+ overflow-y: auto;
2005
+ }
2006
+ .ant-modal-footer .footer-content {
2007
+ margin: 0 auto;
2008
+ max-width: 648px;
2232
2009
  }
2233
2010
  }
2234
2011
 
2235
- .E_rf8rlle {
2236
- @at-root {
2237
- input#{&}.ant-input {
2238
- border-top-left-radius: 0;
2239
- border-bottom-left-radius: 0;
2240
- }
2012
+ .E_h16z9xgz {
2013
+ .ant-modal-header {
2014
+ margin: 0 auto;
2015
+ width: 100%;
2016
+ max-width: 1024px;
2241
2017
  }
2242
-
2243
- &.ant-input-affix-wrapper {
2244
- border-top-left-radius: 0;
2245
- border-bottom-left-radius: 0;
2018
+ .ant-modal-header .ant-modal-title {
2019
+ margin-left: 0;
2246
2020
  }
2247
- }
2248
-
2249
- .E_llt2k48 {
2250
- &.ant-select.select,
2251
- &.ant-select.select .ant-select-selector {
2252
- border-top-right-radius: 0;
2253
- border-bottom-right-radius: 0;
2021
+ .ant-modal-body {
2022
+ margin: 0 auto;
2023
+ padding: 0;
2024
+ width: 100%;
2025
+ max-width: 1024px;
2026
+ overflow: hidden;
2254
2027
  }
2255
- }
2256
-
2257
- .E_rdwz7eh {
2258
- &.ant-select.select,
2259
- &.ant-select.select .ant-select-selector {
2260
- border-top-left-radius: 0;
2261
- border-bottom-left-radius: 0;
2028
+ .ant-modal-body .horizontal-steps-wrapper {
2029
+ margin-bottom: 40px;
2262
2030
  }
2263
- }
2264
-
2265
- .E_c3ni091 {
2266
- display: flex;
2267
- flex-direction: column;
2268
-
2269
- .select-wrapper {
2270
- margin-top: 12px;
2271
-
2272
- .select {
2273
- width: 100%;
2274
- }
2275
- }
2276
-
2277
- .radio-wrapper {
2278
- margin-top: 24px;
2031
+ .ant-modal-body .horizontal-content-wrapper {
2032
+ height: calc(100vh - 225px);
2033
+ overflow-y: auto;
2279
2034
  }
2280
-
2281
- div.form-item {
2282
- width: 100%;
2035
+ .ant-modal-footer .footer-content {
2036
+ margin: 0 auto;
2037
+ max-width: 1024px;
2283
2038
  }
2284
2039
  }
2285
2040
 
2286
- .E_d105ju2d {
2287
- font-size: 14px;
2288
- font-weight: 500;
2289
- color: #3e4652;
2290
- line-height: 18px;
2291
-
2292
- & + & {
2293
- margin-top: 16px;
2294
- }
2041
+ .E_f1lrhghm {
2042
+ flex: 1;
2295
2043
 
2296
- & + * {
2297
- margin-top: 16px;
2044
+ label {
2045
+ font-size: 13px;
2046
+ line-height: 20px;
2047
+ color: $text-secondary-light;
2298
2048
  }
2299
- }
2300
-
2301
- .E_lh0l62z.E_d105ju2d {
2302
- font-size: 12px;
2303
- color: $gray-a60-8;
2304
- margin-top: 12px;
2305
- }
2306
-
2307
- .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2308
- line-height: 18px;
2309
- font-weight: 500;
2310
- margin-top: 0;
2311
- white-space: initial;
2312
- }
2313
2049
 
2314
- .E_r1skkc3l {
2315
- display: block;
2316
-
2317
- span {
2050
+ .title {
2318
2051
  font-size: 14px;
2319
- font-weight: 500;
2320
- line-height: 32px;
2321
- color: #3e4652;
2322
- }
2323
- }
2324
-
2325
- .E_c3cobmo {
2326
- margin-top: 16px;
2327
- padding: 8px;
2328
- border-radius: 6px;
2329
- background: $fills-element-light-container-general;
2330
- color: $text-light-secondary;
2331
- font-size: 12px;
2332
- div {
2333
2052
  line-height: 20px;
2334
- display: flex;
2335
- align-items: center;
2336
- word-break: break-all;
2053
+ color: $text-primary-light;
2054
+ margin-bottom: 12px;
2337
2055
  }
2338
2056
 
2339
- .title {
2340
- font-weight: 700;
2341
- line-height: 18px;
2342
- margin: 4px 0;
2057
+ &.connect-cluster .title {
2058
+ padding-bottom: 26px;
2343
2059
  }
2344
2060
  }
2345
2061
 
2346
- .E_uqv57uv {
2347
- color: #2C3852BF;
2348
- }
2349
-
2350
-
2351
- .E_dsnbhzf {
2352
- @include Inter(bold);
2353
- font-size: 32px;
2354
- line-height: 40px;
2062
+ .E_f18ot8em {
2063
+ padding: 25px 0 15px 0;
2064
+ border-bottom: 1px solid #e1e5eb;
2065
+ margin-bottom: 16px;
2355
2066
  }
2356
2067
 
2357
- .E_d1mvo22k {
2358
- @include Inter(bold);
2359
- font-size: 24px;
2360
- line-height: 32px;
2361
- }
2068
+ .E_f1l1g2k0 {
2069
+ display: flex;
2070
+ align-items: center;
2071
+ margin-bottom: 8px;
2362
2072
 
2363
- .E_d1b444tr {
2364
- @include Inter();
2365
- font-size: 32px;
2366
- line-height: 40px;
2367
- }
2073
+ > label {
2074
+ width: 216px;
2075
+ }
2368
2076
 
2369
- .E_dvs0kue {
2370
- @include Inter(bold);
2371
- font-size: 20px;
2372
- line-height: 24px;
2373
- }
2077
+ > label + * {
2078
+ width: 100%;
2079
+ }
2374
2080
 
2375
- .E_d1hcbfcq {
2376
- @include Inter();
2377
- font-size: 20px;
2378
- line-height: 24px;
2081
+ .ant-select {
2082
+ width: 100%;
2083
+ }
2379
2084
  }
2380
2085
 
2381
- .E_d1cz922v {
2382
- @include Inter(bold);
2383
- font-size: 18px;
2384
- line-height: 22px;
2086
+ .E_e1k89cwg {
2087
+ color: $red;
2088
+ margin-right: 10px;
2385
2089
  }
2386
2090
 
2387
- .E_d3nzbrm {
2388
- @include Inter();
2389
- font-size: 18px;
2390
- line-height: 22px;
2091
+ .E_d1oui1gf {
2092
+ width: 100%;
2093
+ height: 1px;
2094
+ background: rgba(213, 219, 227, 0.6);
2095
+ margin: 24px 0;
2391
2096
  }
2392
2097
 
2393
- .E_h1g0p5ob {
2394
- @include Inter(bold);
2395
- font-size: 16px;
2396
- line-height: 22px;
2098
+ .E_l15itdbb {
2099
+ display: flex;
2100
+ justify-content: center;
2101
+ align-items: center;
2102
+ height: 100%;
2397
2103
  }
2398
2104
 
2399
- .E_hydo2ej {
2400
- @include Inter();
2401
- font-size: 16px;
2402
- line-height: 22px;
2105
+ .E_d1y3z4w {
2106
+ display: inline-block;
2107
+ width: 4px;
2108
+ height: 4px;
2109
+ background: #8e9aa9;
2110
+ opacity: 0.4;
2111
+ border-radius: 50%;
2112
+ margin: 0 4px;
2403
2113
  }
2404
2114
 
2405
- .E_h1hbuq0r {
2406
- @include Inter(bold);
2407
- font-size: 14px;
2408
- line-height: 20px;
2409
- }
2115
+ .E_m177r7a3 {
2116
+ .ant-modal-header,
2117
+ .ant-modal-footer .footer-content {
2118
+ width: 648px;
2119
+ margin: 0 auto;
2120
+ }
2410
2121
 
2411
- .E_h13bondg {
2412
- @include Inter();
2413
- font-size: 14px;
2414
- line-height: 20px;
2415
- }
2122
+ .ant-modal-header {
2123
+ padding: 35px 0 24px;
2124
+ border: none;
2416
2125
 
2417
- .E_h1mhvdlx {
2418
- @include Inter(bold);
2419
- font-size: 12px;
2420
- line-height: 18px;
2421
- }
2126
+ .ant-modal-title {
2127
+ font-size: 30px;
2128
+ }
2129
+ }
2422
2130
 
2423
- .E_h1inmfq6 {
2424
- @include Inter();
2425
- font-size: 12px;
2426
- line-height: 18px;
2427
- }
2131
+ .ant-modal-body {
2132
+ padding: 4px 0 2px;
2133
+ }
2428
2134
 
2429
- .E_h1kfc0la {
2430
- @include Inter(bold);
2431
- @include Uppercase();
2432
- font-size: 12px;
2433
- line-height: 18px;
2135
+ .ant-modal-footer {
2136
+ border: none;
2137
+ }
2434
2138
  }
2435
2139
 
2436
- .E_h10xnyuu {
2437
- @include Inter();
2438
- @include Uppercase();
2140
+ .E_t1wwio3v {
2439
2141
  font-size: 12px;
2440
2142
  line-height: 18px;
2143
+ font-weight: bold;
2144
+ color: $white;
2145
+ padding: 0 4px;
2146
+ border-radius: 4px;
2147
+ display: inline-block;
2148
+ background: var(--t1wwio3v-0);
2149
+ &:not(:first-child) {
2150
+ margin-left: 4px;
2151
+ }
2441
2152
  }
2442
2153
 
2443
- .E_lrcmi0v {
2444
- @include Inter();
2445
- font-size: 16px;
2446
- line-height: 24px;
2447
- }
2448
-
2449
- .E_lzt43lp {
2450
- @include Inter(bold);
2451
- font-size: 16px;
2452
- line-height: 24px;
2154
+ .E_f17jvtfk {
2155
+ width: 100%;
2156
+ height: 100%;
2157
+ display: flex;
2158
+ align-items: center;
2159
+ justify-content: center;
2453
2160
  }
2454
2161
 
2455
- .E_l5yc9nt {
2456
- @include Inter();
2457
- font-size: 16px;
2458
- line-height: 24px;
2162
+ .E_nzppkea {
2163
+ font-size: 90%;
2164
+ font-weight: bold;
2165
+ background-color: rgba(240, 243, 247, 0.6);
2166
+ padding: 1px 4px 1px;
2167
+ margin-left: 2px;
2168
+ margin-right: 2px;
2169
+ border: 1px solid rgba(213, 219, 227, 0.6);
2170
+ border-radius: 4px;
2459
2171
  }
2460
2172
 
2461
- .E_l1fbkbzo {
2462
- @include Inter(bold);
2463
- font-size: 16px;
2464
- line-height: 24px;
2465
- }
2173
+ .E_f4mi9eq {
2174
+ &.form-item-general {
2175
+ width: 640px;
2176
+ &.form-item + &.form-item {
2177
+ margin-top: 16px;
2178
+ }
2179
+ }
2180
+ &.form-item-compact {
2181
+ width: 412px;
2182
+ &.form-item + &.form-item {
2183
+ margin-top: 8px;
2184
+ }
2185
+ }
2186
+ & .form-item {
2187
+ width: auto;
2188
+ }
2189
+ .form-item-main {
2190
+ position: relative;
2191
+ display: flex;
2192
+ }
2193
+ .form-item-extra {
2194
+ margin-top: 4px;
2195
+ width: 100%;
2196
+ padding: 14px;
2197
+ background: #f2f4f6;
2198
+ font-size: 13px;
2199
+ line-height: 1.8;
2200
+ color: #8e9aa9;
2201
+ }
2202
+ .form-item-label {
2203
+ padding-right: 12px;
2204
+ font-size: 13px;
2205
+ color: $text-secondary-light;
2466
2206
 
2467
- .E_lahvcax {
2468
- @include Inter();
2469
- @include Uppercase();
2470
- font-size: 16px;
2471
- line-height: 24px;
2207
+ &.label-right {
2208
+ text-align: right;
2209
+ }
2210
+ }
2211
+ .form-item-label,
2212
+ .form-item-control {
2213
+ line-height: 32px;
2214
+ }
2215
+ .form-item-control .form-item-error {
2216
+ line-height: 18px;
2217
+ }
2218
+ .form-item-children {
2219
+ width: 100%;
2220
+ > *:only-child {
2221
+ &.ant-select,
2222
+ &.ant-radio-group,
2223
+ &.ant-checkbox-group {
2224
+ width: 100%;
2225
+ }
2226
+ }
2227
+ }
2228
+ .form-item-error {
2229
+ color: $red;
2230
+ height: 0;
2231
+ overflow: hidden;
2232
+ }
2233
+ .form-item-error-enter-done {
2234
+ margin-top: 4px;
2235
+ height: auto;
2236
+ overflow: auto;
2237
+ }
2238
+ &.form-base-field:not(.form-base-field-array) {
2239
+ .form-item-control.field-error .form-item-error {
2240
+ > input:not(.ant-input),
2241
+ :not(.ant-select) input {
2242
+ border: 1px solid $red;
2243
+ color: $red;
2244
+ }
2245
+ }
2246
+ }
2472
2247
  }
2473
2248
 
2474
- .E_l11q3pxd {
2475
- @include Inter(bold);
2476
- @include Uppercase();
2477
- font-size: 16px;
2478
- line-height: 24px;
2479
- }
2249
+ .E_fh0ewl8 {
2250
+ color: $gray-80;
2251
+ font-weight: bold;
2252
+ padding-bottom: 6px;
2253
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
2254
+ margin-bottom: 16px;
2480
2255
 
2481
- .E_lfuc2qu {
2482
- @include Inter();
2483
- font-size: 14px;
2484
- line-height: 22px;
2256
+ &:not(:first-of-type) {
2257
+ margin-top: 16px;
2258
+ }
2485
2259
  }
2486
2260
 
2487
- .E_l1jmp8r0 {
2488
- @include Inter(500);
2489
- font-size: 14px;
2490
- line-height: 22px;
2491
- }
2261
+ .E_e1qrlvot {
2262
+ width: 8px;
2263
+ height: 24px;
2264
+ display: flex;
2265
+ justify-content: center;
2266
+ align-items: center;
2267
+ cursor: pointer;
2268
+ transition: all 200ms ease-out 40ms;
2492
2269
 
2493
- .E_lcnm221 {
2494
- @include Inter(bold);
2495
- font-size: 14px;
2496
- line-height: 22px;
2497
- }
2270
+ &:before,
2271
+ &:after {
2272
+ content: "";
2273
+ width: 1px;
2274
+ height: 6px;
2275
+ border-radius: 1px;
2276
+ background: $gray-50;
2277
+ position: relative;
2278
+ right: 2px;
2279
+ transform: rotate(-45deg);
2280
+ }
2498
2281
 
2499
- .E_lu1z2n5 {
2500
- @include Inter();
2501
- font-size: 14px;
2502
- line-height: 22px;
2282
+ &:after {
2283
+ transform: rotate(45deg);
2284
+ left: 1px;
2285
+ }
2503
2286
  }
2504
2287
 
2505
- .E_l1r59djn {
2506
- @include Inter(bold);
2507
- font-size: 14px;
2508
- line-height: 22px;
2288
+ .E_w9ic984 {
2289
+ &.ant-alert-warning {
2290
+ border: 0;
2291
+ background: rgba(255, 187, 0, 0.1);
2292
+ border-radius: 6px;
2293
+ }
2294
+ &.ant-alert,
2295
+ .ant-alert-message {
2296
+ color: #e07f00;
2297
+ .dashed-border-bottom {
2298
+ border-bottom-color: #e07f00;
2299
+ }
2300
+ }
2509
2301
  }
2510
2302
 
2511
- .E_ljm2911 {
2512
- @include Inter();
2513
- @include Uppercase();
2514
- font-size: 14px;
2515
- line-height: 22px;
2303
+ .E_n1k9qi4r {
2304
+ display: flex;
2305
+ flex-direction: row;
2306
+ padding: 7px 12px;
2307
+ background: rgba(255, 187, 0, 0.1);
2308
+ border-radius: 6px;
2309
+ color: $fills-light-notice-notice-dark;
2310
+ font-size: 12px;
2311
+ line-height: 18px;
2312
+ .icon-wrapper {
2313
+ margin-right: 10px;
2314
+ height: 18px;
2315
+ }
2516
2316
  }
2517
2317
 
2518
- .E_l124mzmr {
2519
- @include Inter(bold);
2520
- @include Uppercase();
2521
- font-size: 14px;
2522
- line-height: 22px;
2318
+ .E_n16fsg9x {
2319
+ display: flex;
2320
+ flex-direction: row;
2321
+ padding: 7px 12px;
2322
+ background: rgba(225, 230, 241, 0.6);
2323
+ border-radius: 6px;
2324
+ color: $text-light-secondary;
2325
+ font-size: 12px;
2326
+ line-height: 18px;
2327
+ .icon-wrapper {
2328
+ margin-right: 10px;
2329
+ height: 18px;
2330
+ }
2523
2331
  }
2524
2332
 
2525
- .E_lb3chel {
2526
- @include Inter();
2527
- font-size: 13px;
2528
- line-height: 20px;
2333
+ .E_i173wxzw {
2334
+ display: flex;
2335
+ flex-direction: row;
2336
+ padding: 7px 12px;
2337
+ background: rgba(0, 136, 255, 0.1);
2338
+ border-radius: 6px;
2339
+ color: $fills-light-general-general-dark;
2340
+ font-size: 12px;
2341
+ line-height: 18px;
2342
+ .icon-wrapper {
2343
+ margin-right: 10px;
2344
+ height: 18px;
2345
+ }
2529
2346
  }
2530
2347
 
2531
- .E_lv9jstu {
2532
- @include Inter(600);
2533
- font-size: 13px;
2534
- line-height: 20px;
2348
+ .E_dld369h {
2349
+ color: $text-light-secondary;
2350
+ margin-top: 5px;
2351
+ font-size: 12px;
2352
+ line-height: 18px;
2535
2353
  }
2536
2354
 
2537
- .E_lwqlh3x {
2538
- @include Inter(bold);
2539
- font-size: 13px;
2540
- line-height: 20px;
2355
+ .E_s1epv22q {
2356
+ color: $text-light-serious;
2357
+ font-size: 12px;
2358
+ white-space: pre-wrap;
2541
2359
  }
2542
2360
 
2543
- .E_lalum9y {
2544
- @include Inter();
2545
- font-size: 13px;
2546
- line-height: 20px;
2361
+ .E_okus5hk {
2362
+ display: flex;
2363
+ align-items: center;
2364
+ justify-content: flex-end;
2365
+ .icon-wrapper {
2366
+ margin-right: 16px;
2367
+ }
2547
2368
  }
2548
2369
 
2549
- .E_l1t6dj5o {
2550
- @include Inter(600);
2551
- font-size: 13px;
2552
- line-height: 20px;
2370
+ .E_t1auuzri {
2371
+ color: $text-light-tertiary;
2553
2372
  }
2554
2373
 
2555
- .E_l12f6ic {
2556
- @include Inter(bold);
2557
- font-size: 13px;
2558
- line-height: 20px;
2559
- }
2374
+ .E_i74cfyt {
2375
+ &.ant-input {
2376
+ padding: 5px 12px;
2377
+ line-height: 20px;
2378
+ color: $text-primary-light;
2379
+ border-radius: 6px;
2380
+ border-color: $strokes-light-trans-3;
2381
+ transition:
2382
+ height 240ms ease 8ms,
2383
+ border 160ms ease 8ms,
2384
+ box-shadow 160ms ease 8ms;
2385
+ }
2560
2386
 
2561
- .E_l7gmukq {
2562
- @include Inter();
2563
- @include Uppercase();
2564
- font-size: 13px;
2565
- line-height: 20px;
2566
- }
2387
+ &.ant-input.ant-input-lg {
2388
+ padding: 8px 16px;
2389
+ line-height: 22px;
2390
+ }
2567
2391
 
2568
- .E_lkwl0yp {
2569
- @include Inter(bold);
2570
- @include Uppercase();
2571
- font-size: 13px;
2572
- line-height: 20px;
2573
- }
2392
+ &.ant-input.ant-input-sm {
2393
+ padding: 2px 8px;
2394
+ line-height: 18px;
2395
+ }
2574
2396
 
2575
- .E_l10knv48 {
2576
- @include Inter();
2577
- font-size: 12px;
2578
- line-height: 18px;
2579
- }
2397
+ &.ant-input:not([disabled]),
2398
+ &.ant-input-number:not([disabled]) {
2399
+ &:hover,
2400
+ &.__pseudo-states-hover {
2401
+ border-color: $strokes-light-trans-4;
2402
+ box-shadow: $shadow-light-hover;
2403
+ z-index: $input-hover-index;
2404
+ }
2580
2405
 
2581
- .E_l6526ld {
2582
- @include Inter(500);
2583
- font-size: 12px;
2584
- line-height: 18px;
2585
- }
2406
+ &:active,
2407
+ &:focus,
2408
+ &.__pseudo-states-active,
2409
+ &.__pseudo-states-focus {
2410
+ border-color: $blue;
2411
+ box-shadow: $shadow-light-active;
2412
+ z-index: $input-hover-index;
2413
+ }
2414
+ }
2586
2415
 
2587
- .E_l1j81vli {
2588
- @include Inter(bold);
2589
- font-size: 12px;
2590
- line-height: 18px;
2591
- }
2416
+ &.ant-input.error:not([disabled]),
2417
+ &.ant-picker.error:not([disabled]),
2418
+ &.ant-input-number.error:not([disabled]) {
2419
+ border-color: $red;
2420
+ color: $red;
2592
2421
 
2593
- .E_l1x7n1mk {
2594
- @include Inter();
2595
- font-size: 12px;
2596
- line-height: 18px;
2597
- }
2422
+ &:hover,
2423
+ &.__pseudo-states-hover {
2424
+ border-color: $red;
2425
+ box-shadow: $shadow-light-hover;
2426
+ }
2598
2427
 
2599
- .E_l9fqufz {
2600
- @include Inter(500);
2601
- font-size: 12px;
2602
- line-height: 18px;
2603
- }
2428
+ &:active,
2429
+ &:focus,
2430
+ &.__pseudo-states-active,
2431
+ &.__pseudo-states-focus {
2432
+ border-color: $red;
2433
+ box-shadow: $shadow-light-error;
2434
+ }
2435
+ }
2604
2436
 
2605
- .E_l1iwnybd {
2606
- @include Inter(bold);
2607
- font-size: 12px;
2608
- line-height: 18px;
2609
- }
2437
+ &.ant-input[disabled],
2438
+ &.ant-input.ant-input-disabled,
2439
+ &.ant-input-number[disabled],
2440
+ &.ant-input-number.ant-input-number-disabled {
2441
+ background: $fills-trans-terdiary-light;
2442
+ color: $text-light-tertiary;
2443
+ border-color: $strokes-light-trans-3;
2444
+ }
2610
2445
 
2611
- .E_lprtm1e {
2612
- @include Inter();
2613
- @include Uppercase();
2614
- font-size: 12px;
2615
- line-height: 18px;
2616
- }
2446
+ &.ant-input-affix-wrapper {
2447
+ padding: 5px 12px;
2448
+ border-radius: 6px;
2449
+ border-color: $strokes-light-trans-3;
2450
+ line-height: 20px;
2451
+ color: $text-primary-light;
2452
+ transition:
2453
+ height 240ms ease 8ms,
2454
+ border 160ms ease 8ms,
2455
+ box-shadow 160ms ease 8ms;
2617
2456
 
2618
- .E_l1lln87h {
2619
- @include Inter(bold);
2620
- @include Uppercase();
2621
- font-size: 12px;
2622
- line-height: 18px;
2623
- }
2457
+ .ant-input-suffix,
2458
+ .ant-input-prefix {
2459
+ color: $text-secondary-light;
2460
+ }
2461
+ }
2624
2462
 
2625
- .E_f2pb48l {
2626
- @include Inter();
2627
- font-size: 13px;
2628
- line-height: 20px;
2629
- }
2463
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2464
+ padding: 8px 16px;
2465
+ line-height: 22px;
2466
+ }
2630
2467
 
2631
- .E_fi9emkw {
2632
- @include Inter();
2633
- font-size: 13px;
2634
- line-height: 20px;
2635
- }
2468
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2469
+ padding: 2px 8px;
2470
+ line-height: 18px;
2471
+ }
2636
2472
 
2637
- .E_f1nrg7da {
2638
- @include Inter();
2639
- font-size: 12px;
2640
- line-height: 18px;
2641
- }
2473
+ &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2474
+ &:hover,
2475
+ &.__pseudo-states-hover {
2476
+ border-color: $strokes-light-trans-4;
2477
+ box-shadow: $shadow-light-hover;
2478
+ }
2642
2479
 
2643
- .E_f17k1i3n {
2644
- @include Inter();
2645
- font-size: 12px;
2646
- line-height: 18px;
2647
- }
2480
+ &:active,
2481
+ &:focus,
2482
+ &.ant-input-affix-wrapper-focused,
2483
+ &.__pseudo-states-active,
2484
+ &.__pseudo-states-focus {
2485
+ border-color: $blue;
2486
+ box-shadow: $shadow-light-active;
2487
+ }
2488
+ }
2648
2489
 
2649
- .E_t1tvuj2e {
2650
- @include Inter();
2651
- @include Monospace();
2652
- font-size: 13px;
2653
- line-height: 20px;
2654
- }
2490
+ &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2491
+ border-color: $red;
2492
+ > .ant-input {
2493
+ color: $red;
2494
+ }
2655
2495
 
2656
- .E_t17uajlu {
2657
- @include Inter();
2658
- @include Slashed();
2659
- font-size: 13px;
2660
- line-height: 20px;
2661
- }
2496
+ &:hover,
2497
+ &.__pseudo-states-hover {
2498
+ border-color: $red;
2499
+ box-shadow: $shadow-light-hover;
2500
+ }
2662
2501
 
2663
- .E_t114zbyz {
2664
- @include Inter();
2665
- @include Monospace();
2666
- font-size: 12px;
2667
- line-height: 18px;
2502
+ &:active,
2503
+ &:focus,
2504
+ &.ant-input-affix-wrapper-focused,
2505
+ &.__pseudo-states-active,
2506
+ &.__pseudo-states-focus {
2507
+ border-color: $red;
2508
+ box-shadow: $shadow-light-error;
2509
+ }
2510
+ }
2511
+
2512
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2513
+ background: $fills-trans-terdiary-light;
2514
+ color: $text-light-tertiary;
2515
+ border-color: $strokes-light-trans-3;
2516
+ }
2517
+
2518
+ @at-root {
2519
+ textarea#{&}.ant-input {
2520
+ transition-property: height;
2521
+ transition-delay: 50ms;
2522
+ &.textarea-large {
2523
+ min-height: 40px;
2524
+ height: 40px;
2525
+ }
2526
+ &.textarea-large:focus {
2527
+ height: 80px;
2528
+ }
2529
+ &.textarea-middle {
2530
+ min-height: 32px;
2531
+ height: 32px;
2532
+ }
2533
+ &.textarea-middle:focus {
2534
+ height: 64px;
2535
+ }
2536
+ &.textarea-small {
2537
+ min-height: 24px;
2538
+ height: 24px;
2539
+ }
2540
+ &.textarea-small:focus {
2541
+ height: 40px;
2542
+ }
2543
+ }
2544
+ }
2668
2545
  }
2669
2546
 
2670
- .E_t1il0kvi {
2671
- @include Inter(500);
2672
- @include Monospace();
2673
- font-size: 12px;
2674
- line-height: 18px;
2675
- }
2547
+ .E_k1ci6977 {
2548
+ input,
2549
+ &.input-tags {
2550
+ border: 1px solid rgba(213, 219, 227, 0.6);
2551
+ border-radius: 4px;
2552
+ }
2553
+ &.input-tags {
2554
+ position: relative;
2555
+ padding: 6px;
2556
+ height: 32px;
2557
+ cursor: pointer;
2558
+ transition: border 150ms;
2676
2559
 
2677
- .E_t10dv8p1 {
2678
- @include Inter();
2679
- @include Slashed();
2680
- font-size: 12px;
2681
- line-height: 18px;
2682
- }
2560
+ &:hover {
2561
+ border-color: $blue-60;
2562
+ box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2563
+ }
2683
2564
 
2684
- .E_tc2oqpq {
2685
- @include Inter(500);
2686
- @include Slashed();
2687
- font-size: 12px;
2688
- line-height: 18px;
2689
- }
2565
+ &.kit-input-suffix-wrapper {
2566
+ padding-right: 30px;
2567
+ }
2690
2568
 
2691
- .E_tzvddmc {
2692
- @include Inter(bold);
2693
- @include Slashed();
2694
- font-size: 16px;
2695
- line-height: 24px;
2696
- }
2569
+ .input-tags-inner {
2570
+ display: flex;
2571
+ .tags-overflow-auto {
2572
+ display: flex;
2573
+ }
2574
+ }
2697
2575
 
2698
- .E_u18llj45 {
2699
- @include Inter();
2700
- font-size: 10px;
2701
- line-height: 12px;
2702
- }
2576
+ .input-tag-suffix {
2577
+ position: absolute;
2578
+ right: 12px;
2579
+ top: 50%;
2580
+ transform: translateY(-50%);
2581
+ .anticon-close-circle {
2582
+ color: rgba(0, 0, 0, 0.25);
2583
+ font-size: 12px;
2584
+ cursor: pointer;
2585
+ &:hover {
2586
+ color: rgba(0, 0, 0, 0.45);
2587
+ }
2588
+ }
2589
+ }
2590
+ }
2591
+ &.has-focus-indicator {
2592
+ position: relative;
2593
+ overflow: hidden;
2703
2594
 
2595
+ .ant-input-prefix {
2596
+ position: absolute;
2597
+ top: 50%;
2598
+ transform: translateY(-50%);
2599
+ left: -16px;
2600
+ transition: left 150ms ease;
2601
+ opacity: 0;
2602
+ }
2603
+ &.ant-input-affix-wrapper-focused .ant-input-prefix {
2604
+ left: 8px;
2605
+ opacity: 1;
2606
+ }
2704
2607
 
2705
- .E_a1b5xrg3 {
2706
- .user-icon-inner {
2707
- display: inline-flex;
2708
- align-items: center;
2709
- justify-content: center;
2710
- color: $white;
2711
- font-weight: bold;
2712
- font-size: 12px;
2713
- width: 24px;
2714
- height: 24px;
2715
- border-radius: 50%;
2716
- background: var(--a1b5xrg3-0);
2608
+ input {
2609
+ transition: margin-left 150ms ease;
2610
+ margin-left: 0px;
2611
+ &:focus {
2612
+ margin-left: 16px;
2613
+ }
2614
+ }
2717
2615
  }
2718
- &.btn-item {
2719
- transition: all 160ms ease;
2720
- cursor: pointer;
2721
- width: 56px;
2722
- height: 40px;
2723
- display: inline-flex;
2724
- align-items: center;
2725
- justify-content: center;
2726
- border-radius: 6px;
2616
+ }
2727
2617
 
2728
- &:hover {
2729
- box-shadow:
2730
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2731
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2618
+ .E_l1f7td1d {
2619
+ @at-root {
2620
+ input#{&}.ant-input {
2621
+ border-top-right-radius: 0;
2622
+ border-bottom-right-radius: 0;
2732
2623
  }
2624
+ }
2625
+ &.ant-input-affix-wrapper {
2626
+ border-top-right-radius: 0;
2627
+ border-bottom-right-radius: 0;
2628
+ }
2629
+ }
2733
2630
 
2734
- &:active {
2735
- transform: translateY(2px);
2736
- transition: all 320ms ease;
2631
+ .E_rf8rlle {
2632
+ @at-root {
2633
+ input#{&}.ant-input {
2634
+ border-top-left-radius: 0;
2635
+ border-bottom-left-radius: 0;
2737
2636
  }
2738
2637
  }
2638
+
2639
+ &.ant-input-affix-wrapper {
2640
+ border-top-left-radius: 0;
2641
+ border-bottom-left-radius: 0;
2642
+ }
2739
2643
  }
2740
2644
 
2645
+ .E_llt2k48 {
2646
+ &.ant-select.select,
2647
+ &.ant-select.select .ant-select-selector {
2648
+ border-top-right-radius: 0;
2649
+ border-bottom-right-radius: 0;
2650
+ }
2651
+ }
2741
2652
 
2742
- .E_m196gn1d {
2743
- min-width: 1280px;
2653
+ .E_rdwz7eh {
2654
+ &.ant-select.select,
2655
+ &.ant-select.select .ant-select-selector {
2656
+ border-top-left-radius: 0;
2657
+ border-bottom-left-radius: 0;
2658
+ }
2744
2659
  }
2745
2660
 
2661
+ .E_c3ni091 {
2662
+ display: flex;
2663
+ flex-direction: column;
2746
2664
 
2747
- .E_s17wv897 {
2748
- &.ant-select,
2749
- &.ant-select div.ant-select-selector {
2750
- border-radius: 6px;
2751
- }
2665
+ .select-wrapper {
2666
+ margin-top: 12px;
2752
2667
 
2753
- &.ant-select {
2754
- &.ant-select-single {
2668
+ .select {
2755
2669
  width: 100%;
2756
- &[data-size="small"] {
2757
- }
2758
- &[data-size="middle"] {
2759
- height: 30px;
2760
- }
2761
- &[data-size="large"] {
2762
- }
2763
- color: $text-primary-light;
2764
- border-color: $strokes-light-trans-2;
2765
- transition:
2766
- border 160ms ease 8ms,
2767
- box-shadow 160ms ease 8ms;
2768
- font-size: 13px;
2769
-
2770
- &.ant-select-lg {
2771
- height: 38px;
2772
- font-size: 13px;
2773
- }
2670
+ }
2671
+ }
2774
2672
 
2775
- .ant-select-arrow,
2776
- .ant-select-arrow .anticon-down {
2777
- transition: 160ms ease;
2778
- }
2673
+ .radio-wrapper {
2674
+ margin-top: 24px;
2675
+ }
2779
2676
 
2780
- .ant-select-arrow-loading {
2781
- color: $fills-light-general-general;
2782
- }
2677
+ div.form-item {
2678
+ width: 100%;
2679
+ }
2680
+ }
2783
2681
 
2784
- &:not(.ant-select-disabled) {
2785
- &:hover .ant-select-selector,
2786
- &.__pseudo-states-hover .ant-select-selector {
2787
- border-color: $strokes-light-trans-4;
2788
- box-shadow: $shadow-light-hover;
2789
- }
2682
+ .E_d105ju2d {
2683
+ font-size: 14px;
2684
+ font-weight: 500;
2685
+ color: #3e4652;
2686
+ line-height: 18px;
2790
2687
 
2791
- &:hover .ant-select-arrow,
2792
- &.__pseudo-states-hover .ant-select-arrow {
2793
- color: $fills-light-general-general;
2794
- }
2688
+ & + & {
2689
+ margin-top: 16px;
2690
+ }
2795
2691
 
2796
- &:active,
2797
- &:focus,
2798
- &.ant-select-focused,
2799
- &.ant-select-open,
2800
- &.__pseudo-states-active,
2801
- &.__pseudo-states-focus {
2802
- .ant-select-selector {
2803
- border-color: $fills-light-general-general;
2804
- box-shadow: $shadow-light-active;
2805
- }
2806
- }
2692
+ & + * {
2693
+ margin-top: 16px;
2694
+ }
2695
+ }
2807
2696
 
2808
- &.ant-select-open .ant-select-arrow .anticon-down {
2809
- transform: rotate(180deg);
2810
- }
2811
- }
2697
+ .E_lh0l62z.E_d105ju2d {
2698
+ font-size: 12px;
2699
+ color: $gray-a60-8;
2700
+ margin-top: 12px;
2701
+ }
2812
2702
 
2813
- &.ant-select-disabled .ant-select-selector {
2814
- background: $fills-light-trans-3;
2815
- border-color: $strokes-light-trans-3;
2816
- cursor: "not-allowed";
2817
- }
2818
- }
2819
- &.select-error:not(.ant-select-disabled) {
2820
- .ant-select-selector {
2821
- border-color: $fills-light-serious-serious !important;
2822
- }
2703
+ .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2704
+ line-height: 18px;
2705
+ font-weight: 500;
2706
+ margin-top: 0;
2707
+ white-space: initial;
2708
+ }
2823
2709
 
2824
- &:hover .ant-select-arrow,
2825
- &.__pseudo-states-hover .ant-select-arrow {
2826
- color: $text-light-super;
2827
- }
2710
+ .E_r1skkc3l {
2711
+ display: block;
2828
2712
 
2829
- &:active,
2830
- &:focus,
2831
- &.ant-select-focused,
2832
- &.ant-select-open,
2833
- &.__pseudo-states-focus,
2834
- &.__pseudo-states-active {
2835
- .ant-select-selector {
2836
- border-color: $fills-light-general-general;
2837
- box-shadow: $shadow-light-error;
2838
- }
2839
- }
2713
+ span {
2714
+ font-size: 14px;
2715
+ font-weight: 500;
2716
+ line-height: 32px;
2717
+ color: #3e4652;
2718
+ }
2719
+ }
2840
2720
 
2841
- &.ant-select-open .ant-select-arrow .anticon-down {
2842
- transform: rotate(180deg);
2843
- }
2844
- }
2721
+ .E_c3cobmo {
2722
+ margin-top: 16px;
2723
+ padding: 8px;
2724
+ border-radius: 6px;
2725
+ background: $fills-element-light-container-general;
2726
+ color: $text-light-secondary;
2727
+ font-size: 12px;
2728
+ div {
2729
+ line-height: 20px;
2730
+ display: flex;
2731
+ align-items: center;
2732
+ word-break: break-all;
2733
+ }
2734
+
2735
+ .title {
2736
+ font-weight: 700;
2737
+ line-height: 18px;
2738
+ margin: 4px 0;
2845
2739
  }
2846
2740
  }
2847
2741
 
2742
+ .E_uqv57uv {
2743
+ color: #2C3852BF;
2744
+ }
2745
+
2848
2746
 
2849
2747
  .E_s4ivdfu {
2850
2748
  &.ant-select {
@@ -3075,6 +2973,108 @@
3075
2973
  }
3076
2974
 
3077
2975
 
2976
+ .E_s17wv897 {
2977
+ &.ant-select,
2978
+ &.ant-select div.ant-select-selector {
2979
+ border-radius: 6px;
2980
+ }
2981
+
2982
+ &.ant-select {
2983
+ &.ant-select-single {
2984
+ width: 100%;
2985
+ &[data-size="small"] {
2986
+ }
2987
+ &[data-size="middle"] {
2988
+ height: 30px;
2989
+ }
2990
+ &[data-size="large"] {
2991
+ }
2992
+ color: $text-primary-light;
2993
+ border-color: $strokes-light-trans-2;
2994
+ transition:
2995
+ border 160ms ease 8ms,
2996
+ box-shadow 160ms ease 8ms;
2997
+ font-size: 13px;
2998
+
2999
+ &.ant-select-lg {
3000
+ height: 38px;
3001
+ font-size: 13px;
3002
+ }
3003
+
3004
+ .ant-select-arrow,
3005
+ .ant-select-arrow .anticon-down {
3006
+ transition: 160ms ease;
3007
+ }
3008
+
3009
+ .ant-select-arrow-loading {
3010
+ color: $fills-light-general-general;
3011
+ }
3012
+
3013
+ &:not(.ant-select-disabled) {
3014
+ &:hover .ant-select-selector,
3015
+ &.__pseudo-states-hover .ant-select-selector {
3016
+ border-color: $strokes-light-trans-4;
3017
+ box-shadow: $shadow-light-hover;
3018
+ }
3019
+
3020
+ &:hover .ant-select-arrow,
3021
+ &.__pseudo-states-hover .ant-select-arrow {
3022
+ color: $fills-light-general-general;
3023
+ }
3024
+
3025
+ &:active,
3026
+ &:focus,
3027
+ &.ant-select-focused,
3028
+ &.ant-select-open,
3029
+ &.__pseudo-states-active,
3030
+ &.__pseudo-states-focus {
3031
+ .ant-select-selector {
3032
+ border-color: $fills-light-general-general;
3033
+ box-shadow: $shadow-light-active;
3034
+ }
3035
+ }
3036
+
3037
+ &.ant-select-open .ant-select-arrow .anticon-down {
3038
+ transform: rotate(180deg);
3039
+ }
3040
+ }
3041
+
3042
+ &.ant-select-disabled .ant-select-selector {
3043
+ background: $fills-light-trans-3;
3044
+ border-color: $strokes-light-trans-3;
3045
+ cursor: "not-allowed";
3046
+ }
3047
+ }
3048
+ &.select-error:not(.ant-select-disabled) {
3049
+ .ant-select-selector {
3050
+ border-color: $fills-light-serious-serious !important;
3051
+ }
3052
+
3053
+ &:hover .ant-select-arrow,
3054
+ &.__pseudo-states-hover .ant-select-arrow {
3055
+ color: $text-light-super;
3056
+ }
3057
+
3058
+ &:active,
3059
+ &:focus,
3060
+ &.ant-select-focused,
3061
+ &.ant-select-open,
3062
+ &.__pseudo-states-focus,
3063
+ &.__pseudo-states-active {
3064
+ .ant-select-selector {
3065
+ border-color: $fills-light-general-general;
3066
+ box-shadow: $shadow-light-error;
3067
+ }
3068
+ }
3069
+
3070
+ &.ant-select-open .ant-select-arrow .anticon-down {
3071
+ transform: rotate(180deg);
3072
+ }
3073
+ }
3074
+ }
3075
+ }
3076
+
3077
+
3078
3078
  .E_suhck3k {
3079
3079
  height: 24px;
3080
3080
  width: 24px;
@@ -3324,68 +3324,30 @@
3324
3324
  --modal-content-max-height: calc(
3325
3325
  100vh - 136px - var(--header-height) - var(--footer-height)
3326
3326
  );
3327
- --modal-header-padding: 36px 60px 0;
3328
- --modal-content-padding-y: 36px;
3327
+ --modal-header-padding: 40px 60px 8px;
3328
+ --modal-content-padding-top: 24px;
3329
+ --modal-content-padding-bottom: 32px;
3329
3330
  --modal-content-padding-x: 60px;
3330
3331
  --modal-footer-padding: 0 60px;
3331
- }
3332
-
3333
3332
 
3334
- .E_s11wux3h {
3335
- .antd5-segmented-item:not(:last-child) {
3336
- margin-right: 2px;
3337
- }
3338
- }
3339
-
3340
- .E_s1t2an3z {
3341
- &.antd5-segmented-sm .antd5-segmented-item-label {
3342
- padding-left: 8px;
3343
- padding-right: 8px;
3344
- font-size: 12px;
3345
- }
3346
-
3347
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3348
- border-radius: 4px;
3349
- }
3350
-
3351
- &.antd5-segmented
3352
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3353
- .antd5-segmented-item-disabled
3354
- ) {
3355
- border-radius: 4px;
3356
- }
3357
- }
3358
-
3359
- .E_ma64lna {
3360
- .antd5-segmented-item-label {
3361
- padding-left: 12px;
3362
- padding-right: 12px;
3333
+ &.content-full.ant-modal {
3334
+ height: calc(100vh - 80px);
3335
+ width: calc(100vw - 160px);
3336
+ .ant-modal-content {
3337
+ width: 100%;
3338
+ height: 100%;
3339
+ max-width: unset;
3340
+ max-height: unset;
3341
+ display: flex;
3342
+ flex-direction: column;
3343
+ }
3344
+ .ant-modal-body {
3345
+ flex: 1;
3346
+ }
3363
3347
  }
3364
- }
3365
3348
 
3366
- .E_ckld275 {
3367
- background-color: $fill-neutral-trans-2;
3368
- &.antd5-segmented
3369
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3370
- .antd5-segmented-item-disabled
3371
- ) {
3372
- background-color: $fill-neutral-light-white;
3373
- color: $text-neutral-secondary-light;
3374
- }
3375
- // on animate remove hover bg color
3376
- &.antd5-segmented
3377
- .antd5-segmented-thumb
3378
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3379
- .antd5-segmented-item-disabled
3380
- ) {
3381
- background-color: transparent;
3382
- }
3383
- // remove after's bg color
3384
- &.antd5-segmented
3385
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3386
- .antd5-segmented-item-disabled
3387
- )::after {
3388
- background-color: transparent;
3349
+ .initializing-title {
3350
+ height: 32px;
3389
3351
  }
3390
3352
  }
3391
3353
 
@@ -3646,20 +3608,87 @@
3646
3608
  }
3647
3609
  }
3648
3610
 
3649
- &.is-scrolled .name-text {
3650
- transform: translateY(-100%);
3651
- opacity: 0;
3652
- position: absolute;
3611
+ &.is-scrolled .name-text {
3612
+ transform: translateY(-100%);
3613
+ opacity: 0;
3614
+ position: absolute;
3615
+ }
3616
+
3617
+ &.is-scrolled .nav-info {
3618
+ transform: translateY(0);
3619
+ opacity: 1;
3620
+ position: static;
3621
+ }
3622
+ }
3623
+
3624
+
3625
+ .E_s11wux3h {
3626
+ .antd5-segmented-item:not(:last-child) {
3627
+ margin-right: 2px;
3628
+ }
3629
+ }
3630
+
3631
+ .E_s1t2an3z {
3632
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3633
+ padding-left: 8px;
3634
+ padding-right: 8px;
3635
+ font-size: 12px;
3636
+ }
3637
+
3638
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3639
+ border-radius: 4px;
3640
+ }
3641
+
3642
+ &.antd5-segmented
3643
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3644
+ .antd5-segmented-item-disabled
3645
+ ) {
3646
+ border-radius: 4px;
3647
+ }
3648
+ }
3649
+
3650
+ .E_ma64lna {
3651
+ .antd5-segmented-item-label {
3652
+ padding-left: 12px;
3653
+ padding-right: 12px;
3653
3654
  }
3655
+ }
3654
3656
 
3655
- &.is-scrolled .nav-info {
3656
- transform: translateY(0);
3657
- opacity: 1;
3658
- position: static;
3657
+ .E_ckld275 {
3658
+ background-color: $fill-neutral-trans-2;
3659
+ &.antd5-segmented
3660
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3661
+ .antd5-segmented-item-disabled
3662
+ ) {
3663
+ background-color: $fill-neutral-light-white;
3664
+ color: $text-neutral-secondary-light;
3665
+ }
3666
+ // on animate remove hover bg color
3667
+ &.antd5-segmented
3668
+ .antd5-segmented-thumb
3669
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3670
+ .antd5-segmented-item-disabled
3671
+ ) {
3672
+ background-color: transparent;
3673
+ }
3674
+ // remove after's bg color
3675
+ &.antd5-segmented
3676
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3677
+ .antd5-segmented-item-disabled
3678
+ )::after {
3679
+ background-color: transparent;
3659
3680
  }
3660
3681
  }
3661
3682
 
3662
3683
 
3684
+ .E_ckui4s7 {
3685
+ color: $text-primary-light;
3686
+ line-height: 22px;
3687
+ display: inline-flex;
3688
+ .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; } } }
3689
+ }
3690
+
3691
+
3663
3692
  .E_b14q2gmw {
3664
3693
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3665
3694
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3687,77 +3716,59 @@
3687
3716
  }
3688
3717
 
3689
3718
 
3690
- .E_l48ei06 {
3691
- @at-root {
3692
- button#{&}.ant-btn,
3693
- button#{&}.ant-btn.ant-btn-sm,
3694
- button#{&}.ant-btn.ant-btn-lg {
3695
- font-size: 12px;
3696
- line-height: 18px;
3697
- height: 18px;
3698
- }
3699
- button#{&} {
3700
- color: #0080FF;
3701
- height: unset;
3702
- .button-prefix-icon {
3703
- margin-right: 4px;
3704
- }
3705
- .button-suffix-icon {
3706
- margin-left: 4px;
3707
- }
3708
-
3709
- &:hover,
3710
- &.__pseudo-states-hover {
3711
- color: #009DFF;
3712
- }
3719
+ .E_c1kghdax {
3720
+ color: $text-primary-light;
3721
+ padding: 7px 12px;
3722
+ display: flex;
3723
+ justify-content: space-between;
3724
+ align-items: center;
3713
3725
 
3714
- &:active,
3715
- &.__pseudo-states-active {
3716
- color: #005ED1;
3717
- }
3718
- &.ui-kit-link-disabled {
3719
- color: #0080FF;
3720
- }
3721
- &.ui-kit-link-primary {
3722
- color: #00122E;
3726
+ &.has-arrow {
3727
+ padding-left: 10px;
3723
3728
 
3724
- &:hover,
3725
- &.__pseudo-states-hover {
3726
- color: #0080FF;
3727
- }
3729
+ .title-wrapper {
3730
+ cursor: pointer;
3731
+ color: $text-light-primary;
3728
3732
 
3729
- &:active,
3730
- &.__pseudo-states-active {
3731
- color: #005ED1;
3732
- }
3733
+ &.is-open {
3734
+ color: $text-primary-light;
3735
+ font-weight: 600;
3733
3736
 
3734
- &.ui-kit-link-disabled {
3735
- color: #00122E;
3737
+ .collapse-arrow {
3738
+ transform: rotate(90deg);
3736
3739
  }
3737
3740
  }
3741
+ }
3742
+ }
3738
3743
 
3739
- &.ui-kit-link-secondary {
3740
- color: #2C3852BF;
3741
-
3742
- &:hover,
3743
- &.__pseudo-states-hover {
3744
- color: #0080FF;
3745
- }
3744
+ .sub-info {
3745
+ font-size: 12px;
3746
+ line-height: 18px;
3747
+ }
3746
3748
 
3747
- &:active,
3748
- &.__pseudo-states-active {
3749
- color: #005ED1;
3750
- }
3749
+ .title-wrapper {
3750
+ display: flex;
3751
+ align-items: center;
3752
+ user-select: none;
3753
+ flex-grow: 1;
3754
+ font-size: 12px;
3755
+ line-height: 18px;
3756
+ color: $text-primary-light;
3757
+ font-weight: 700;
3758
+ }
3751
3759
 
3752
- &.ui-kit-link-disabled {
3753
- color: #2C3852BF;
3754
- }
3755
- }
3756
- }
3760
+ .collapse-arrow {
3761
+ transition: all 50ms ease-out 0ms;
3762
+ margin-right: 2px;
3757
3763
  }
3758
3764
  }
3759
3765
 
3760
3766
 
3767
+ .E_c1yd35n {
3768
+ padding: 0 12px 14px 12px;
3769
+ }
3770
+
3771
+
3761
3772
  .E_sddwhm6 {
3762
3773
  $prefix: ui-kit-status-capsule;
3763
3774
  margin: 0;
@@ -3842,6 +3853,77 @@
3842
3853
  }
3843
3854
 
3844
3855
 
3856
+ .E_l48ei06 {
3857
+ @at-root {
3858
+ button#{&}.ant-btn,
3859
+ button#{&}.ant-btn.ant-btn-sm,
3860
+ button#{&}.ant-btn.ant-btn-lg {
3861
+ font-size: 12px;
3862
+ line-height: 18px;
3863
+ height: 18px;
3864
+ }
3865
+ button#{&} {
3866
+ color: #0080FF;
3867
+ height: unset;
3868
+ .button-prefix-icon {
3869
+ margin-right: 4px;
3870
+ }
3871
+ .button-suffix-icon {
3872
+ margin-left: 4px;
3873
+ }
3874
+
3875
+ &:hover,
3876
+ &.__pseudo-states-hover {
3877
+ color: #009DFF;
3878
+ }
3879
+
3880
+ &:active,
3881
+ &.__pseudo-states-active {
3882
+ color: #005ED1;
3883
+ }
3884
+ &.ui-kit-link-disabled {
3885
+ color: #0080FF;
3886
+ }
3887
+ &.ui-kit-link-primary {
3888
+ color: #00122E;
3889
+
3890
+ &:hover,
3891
+ &.__pseudo-states-hover {
3892
+ color: #0080FF;
3893
+ }
3894
+
3895
+ &:active,
3896
+ &.__pseudo-states-active {
3897
+ color: #005ED1;
3898
+ }
3899
+
3900
+ &.ui-kit-link-disabled {
3901
+ color: #00122E;
3902
+ }
3903
+ }
3904
+
3905
+ &.ui-kit-link-secondary {
3906
+ color: #2C3852BF;
3907
+
3908
+ &:hover,
3909
+ &.__pseudo-states-hover {
3910
+ color: #0080FF;
3911
+ }
3912
+
3913
+ &:active,
3914
+ &.__pseudo-states-active {
3915
+ color: #005ED1;
3916
+ }
3917
+
3918
+ &.ui-kit-link-disabled {
3919
+ color: #2C3852BF;
3920
+ }
3921
+ }
3922
+ }
3923
+ }
3924
+ }
3925
+
3926
+
3845
3927
  .E_tc97u5y {
3846
3928
  height: 100%;
3847
3929
  }
@@ -4280,64 +4362,68 @@
4280
4362
  }
4281
4363
 
4282
4364
 
4283
- .E_c1yd35n {
4284
- padding: 0 12px 14px 12px;
4285
- }
4286
-
4287
-
4288
- .E_c1kghdax {
4289
- color: $text-primary-light;
4290
- padding: 7px 12px;
4365
+ .E_r77hffu {
4291
4366
  display: flex;
4292
- justify-content: space-between;
4293
4367
  align-items: center;
4368
+ justify-content: space-between;
4369
+ column-gap: 6px;
4370
+ }
4294
4371
 
4295
- &.has-arrow {
4296
- padding-left: 10px;
4372
+ .E_p1cmxsf7 {
4373
+ display: flex;
4374
+ flex-direction: column;
4375
+ justify-content: center;
4376
+ row-gap: var(--p1cmxsf7-0);
4297
4377
 
4298
- .title-wrapper {
4299
- cursor: pointer;
4300
- color: $text-light-primary;
4378
+ .antd5-progress-line {
4379
+ font-size: 0;
4380
+ margin-bottom: unset;
4381
+ margin-inline-end: unset;
4382
+ }
4383
+ }
4301
4384
 
4302
- &.is-open {
4303
- color: $text-primary-light;
4304
- font-weight: 600;
4305
4385
 
4306
- .collapse-arrow {
4307
- transform: rotate(90deg);
4308
- }
4309
- }
4386
+ .E_w7ob4th {
4387
+ &.outside-tag {
4388
+ padding-left: 0;
4389
+ .inside-tag {
4390
+ border-radius: 4px 0 0 4px;
4391
+ padding-right: 4px;
4392
+ margin-right: 4px;
4310
4393
  }
4311
4394
  }
4395
+ }
4312
4396
 
4313
- .sub-info {
4314
- font-size: 12px;
4315
- line-height: 18px;
4316
- }
4317
4397
 
4318
- .title-wrapper {
4319
- display: flex;
4320
- align-items: center;
4321
- user-select: none;
4322
- flex-grow: 1;
4323
- font-size: 12px;
4324
- line-height: 18px;
4325
- color: $text-primary-light;
4326
- font-weight: 700;
4398
+ .E_slr2ynn {
4399
+ padding: 0 8px;
4400
+ height: 18px;
4327
4401
  }
4328
4402
 
4329
- .collapse-arrow {
4330
- transition: all 50ms ease-out 0ms;
4331
- margin-right: 2px;
4403
+ .E_m140wbb6 {
4404
+ padding: 2px 8px;
4405
+ height: 24px;
4332
4406
  }
4407
+
4408
+ .E_t1fozc1i {
4409
+ margin: 0;
4333
4410
  }
4334
4411
 
4412
+ .E_i1vxv4ln {
4413
+ margin-right: 4px;
4414
+ height: 16px;
4415
+ }
4335
4416
 
4336
- .E_ckui4s7 {
4337
- color: $text-primary-light;
4338
- line-height: 22px;
4339
- display: inline-flex;
4340
- .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; } } }
4417
+ .E_n1afl31m {
4418
+ &.ant-tag.ant-tag-gray {
4419
+ font-weight: 700;
4420
+ color: $text-neutral-primary;
4421
+ background-color: $fill-neutral-trans-1;
4422
+ border: 1px solid $stroke-neutral-trans-2;
4423
+ word-break: break-all;
4424
+ display: inline;
4425
+ white-space: normal;
4426
+ }
4341
4427
  }
4342
4428
 
4343
4429
 
@@ -4381,19 +4467,243 @@
4381
4467
  animation: loading-indicator2 1100ms ease-out infinite;
4382
4468
  }
4383
4469
 
4384
- .E_l17lbdo6 {
4385
- position: absolute;
4386
- width: 5px;
4387
- height: 48px;
4388
- left: 52.9px;
4389
- top: 51.8px;
4390
-
4391
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4392
- border-radius: 5px;
4393
- transform: rotate(112deg);
4394
- transform-origin: top left;
4470
+ .E_l17lbdo6 {
4471
+ position: absolute;
4472
+ width: 5px;
4473
+ height: 48px;
4474
+ left: 52.9px;
4475
+ top: 51.8px;
4476
+
4477
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4478
+ border-radius: 5px;
4479
+ transform: rotate(112deg);
4480
+ transform-origin: top left;
4481
+
4482
+ animation: loading-indicator3 1100ms ease-out infinite;
4483
+ }
4484
+
4485
+
4486
+ .E_sjob3jg {
4487
+ $item: ant-steps-item;
4488
+ --item-min-width: 60px;
4489
+ .#{$item} {
4490
+ &-tail,
4491
+ &-icon {
4492
+ display: none !important;
4493
+ }
4494
+ }
4495
+ .#{$item}.#{$item}-active {
4496
+ flex-shrink: 0 !important;
4497
+ .step-item-prefix-container {
4498
+ color: $text-colorful-outstanding;
4499
+ }
4500
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4501
+ color: $text-colorful-outstanding;
4502
+ font-weight: normal;
4503
+ }
4504
+ }
4505
+ .#{$item}.#{$item}-finish {
4506
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4507
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4508
+ color: $text-neutral-tertiary;
4509
+ }
4510
+ }
4511
+ .#{$item}.#{$item}-wait {
4512
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4513
+ color: $text-neutral-primary;
4514
+ }
4515
+ }
4516
+ .step-item-text {
4517
+ display: inline-block;
4518
+ }
4519
+ .step-item-title {
4520
+ overflow: hidden;
4521
+ white-space: nowrap;
4522
+ text-overflow: ellipsis;
4523
+ }
4524
+ }
4525
+
4526
+ .E_hjvj6s6 {
4527
+ $item: ant-steps-item;
4528
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4529
+ content: "";
4530
+ width: 0;
4531
+ height: 0;
4532
+ border: 13px solid transparent;
4533
+ position: absolute;
4534
+ top: 0;
4535
+ border-left: 8px solid $color;
4536
+ }
4537
+ .#{$item}-container {
4538
+ min-width: var(--item-min-width);
4539
+ }
4540
+ .#{$item}-disabled {
4541
+ cursor: not-allowed !important;
4542
+ }
4543
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4544
+ flex-direction: row;
4545
+ justify-content: stretch;
4546
+ .#{$item} {
4547
+ padding: 0;
4548
+ margin-right: 4px;
4549
+ flex: 1;
4550
+ overflow: visible;
4551
+ .#{$item}-content {
4552
+ width: 100%;
4553
+ min-height: unset;
4554
+ .#{$item}-title {
4555
+ height: 26px;
4556
+ line-height: 26px;
4557
+ width: 100%;
4558
+ padding: 0;
4559
+ font-size: 12px;
4560
+ .step-count {
4561
+ margin-right: 10px;
4562
+ }
4563
+ &::after {
4564
+ display: none;
4565
+ }
4566
+ }
4567
+ }
4568
+ &:first-child {
4569
+ .#{$item}-container {
4570
+ padding-left: 8px;
4571
+ padding-right: 4px;
4572
+ border-radius: 4px 0 0 4px;
4573
+ }
4574
+ }
4575
+ &:last-child {
4576
+ margin-right: 0;
4577
+ .#{$item}-container {
4578
+ padding-right: 8px;
4579
+ padding-left: 12px;
4580
+ border-radius: 0 4px 4px 0;
4581
+ }
4582
+ }
4583
+ &:not(&:last-child) {
4584
+ &::after {
4585
+ @include rightTriangle();
4586
+ z-index: 2;
4587
+ position: relative;
4588
+ top: -50%;
4589
+ right: -100%;
4590
+ }
4591
+ }
4592
+ &:not(:first-child):not(:last-child) {
4593
+ .#{$item}-container {
4594
+ padding: 0 4px 0 12px;
4595
+ }
4596
+ }
4597
+ &:not(&:first-child) {
4598
+ &::before {
4599
+ @include rightTriangle(#fff);
4600
+ left: 0;
4601
+ }
4602
+ }
4603
+ }
4604
+ .#{$item}-active {
4605
+ max-width: calc(100% - var(--item-min-width) * 2);
4606
+ .#{$item}-container {
4607
+ background-color: $fills-light-general-general-light;
4608
+ }
4609
+ &::after {
4610
+ border-left-color: $fills-light-general-general-light !important;
4611
+ }
4612
+ }
4613
+ .#{$item}-finish {
4614
+ cursor: pointer;
4615
+ min-width: var(--item-min-width);
4616
+ }
4617
+ .#{$item}-wait,
4618
+ .#{$item}-finish {
4619
+ min-width: var(--item-min-width);
4620
+ .#{$item}-container {
4621
+ background-color: $fills-light-trans-1;
4622
+ }
4623
+ }
4624
+ }
4625
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4626
+ .ant-steps-vertical
4627
+ )
4628
+ .#{$item} {
4629
+ padding: 0;
4630
+ }
4631
+ }
4632
+
4633
+ .E_v4tv3mf {
4634
+ $item: ant-steps-item;
4635
+ .ant-steps.ant-steps-vertical {
4636
+ width: 192px;
4637
+ row-gap: 2px;
4638
+
4639
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4640
+ &:hover {
4641
+ background-color: $fill-neutral-trans-2;
4642
+ }
4643
+ .#{$item}-title {
4644
+ color: $text-neutral-primary !important;
4645
+ }
4646
+ }
4647
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4648
+ .#{$item}-container:hover {
4649
+ background-color: $fill-neutral-trans-2;
4650
+ }
4651
+ .#{$item}-container {
4652
+ padding: 0 8px;
4653
+ border-radius: 4px;
4654
+ height: 32px;
4655
+ display: flex;
4656
+ align-items: center;
4657
+ .#{$item}-content {
4658
+ min-height: auto;
4659
+ white-space: nowrap;
4660
+ & .ant-steps-item-title {
4661
+ font-size: 13px;
4662
+ line-height: 20px;
4663
+ max-width: 100%;
4664
+ padding-right: 0;
4665
+ }
4666
+ }
4667
+ }
4668
+ .#{$item}-active {
4669
+ .ant-steps-item-container {
4670
+ background: rgba($blue-60, 0.1);
4671
+ }
4672
+ }
4673
+ }
4674
+ }
4675
+
4676
+ .E_h6l1tj4 {
4677
+ width: 100%;
4678
+ display: inline-flex;
4679
+ align-items: center;
4680
+ justify-content: center;
4681
+ column-gap: 4px;
4682
+ .step-item-prefix-container {
4683
+ display: inline-flex;
4684
+ align-items: center;
4685
+ width: 18px;
4686
+ height: 18px;
4687
+ color: $gray-a75-8;
4688
+ justify-content: center;
4689
+ }
4690
+ }
4395
4691
 
4396
- animation: loading-indicator3 1100ms ease-out infinite;
4692
+ .E_v18frne8 {
4693
+ width: 100%;
4694
+ display: flex;
4695
+ align-items: center;
4696
+ justify-content: center;
4697
+ column-gap: 6px;
4698
+ font-size: 13px;
4699
+ .step-item-prefix-container {
4700
+ display: inline-flex;
4701
+ align-items: center;
4702
+ min-width: 20px;
4703
+ min-height: 20px;
4704
+ color: $gray-a75-8;
4705
+ justify-content: center;
4706
+ }
4397
4707
  }
4398
4708
 
4399
4709
 
@@ -4512,329 +4822,111 @@
4512
4822
  color: $text-secondary-light;
4513
4823
  margin: 0;
4514
4824
  }
4515
-
4516
- @mixin text-align-style($align-position) {
4517
- & > * {
4518
- text-align: $align-position;
4519
- }
4520
- .ant-form-item-control-input-content {
4521
- &,
4522
- & > * {
4523
- text-align: $align-position;
4524
- }
4525
- }
4526
- }
4527
-
4528
- &.align-center {
4529
- @include text-align-style(center);
4530
- }
4531
- &.align-left {
4532
- @include text-align-style(left);
4533
- }
4534
- &.align-right {
4535
- @include text-align-style(right);
4536
- }
4537
-
4538
- &:not(:last-of-type) {
4539
- margin-right: 8px;
4540
- }
4541
- }
4542
- .ant-list-item-action {
4543
- padding: 4px;
4544
- width: 24px;
4545
- height: 24px;
4546
- overflow: hidden;
4547
- li {
4548
- padding: 0;
4549
- }
4550
- }
4551
- .delete-row-icon.disabled {
4552
- cursor: not-allowed;
4553
- opacity: 0.5;
4554
- }
4555
- &.size-default {
4556
- .ant-list-item-action {
4557
- margin: 0;
4558
- }
4559
- .eagle-table-form-cell {
4560
- .ant-input,
4561
- .ant-select-selector {
4562
- border-radius: 5px;
4563
- font-size: 12px;
4564
- }
4565
- .ant-input-affix-wrapper {
4566
- font-size: inherit;
4567
- }
4568
-
4569
- .ant-form-item-control-input {
4570
- min-height: 24px;
4571
- font-size: 12px;
4572
- position: relative;
4573
- }
4574
- }
4575
- }
4576
- }
4577
- &.row-split-by-border {
4578
- .eagle-table-form-row {
4579
- border-bottom: 1px solid $fills-light-trans-2;
4580
- }
4581
- }
4582
- &.row-split-by-zebraMarking {
4583
- .draggable-container {
4584
- & > :nth-child(2n) {
4585
- background-color: $fills-trans-primary-light;
4586
- }
4587
- }
4588
- }
4589
- }
4590
-
4591
- .E_a138syjm {
4592
- display: flex;
4593
- align-items: center;
4594
- margin-top: 8px;
4595
- button.ant-btn {
4596
- padding: 2px 8px;
4597
- height: 24px;
4598
- }
4599
- & > span.maximum-desc {
4600
- display: none;
4601
- margin-left: 8px;
4602
- color: $text-secondary-light;
4603
- &.disabled {
4604
- display: inline;
4605
- }
4606
- }
4607
- }
4608
-
4609
- .E_d77i8u0 {
4610
- width: 24px;
4611
- height: 24px;
4612
- padding: 4px;
4613
- margin-right: 8px;
4614
- }
4615
-
4616
-
4617
- .E_sjob3jg {
4618
- $item: ant-steps-item;
4619
- --item-min-width: 60px;
4620
- .#{$item} {
4621
- &-tail,
4622
- &-icon {
4623
- display: none !important;
4624
- }
4625
- }
4626
- .#{$item}.#{$item}-active {
4627
- flex-shrink: 0 !important;
4628
- .step-item-prefix-container {
4629
- color: $text-colorful-outstanding;
4630
- }
4631
- .#{$item}-container .#{$item}-content .#{$item}-title {
4632
- color: $text-colorful-outstanding;
4633
- font-weight: normal;
4634
- }
4635
- }
4636
- .#{$item}.#{$item}-finish {
4637
- .#{$item}-container .#{$item}-content .#{$item}-title,
4638
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4639
- color: $text-neutral-tertiary;
4640
- }
4641
- }
4642
- .#{$item}.#{$item}-wait {
4643
- .#{$item}-container .#{$item}-content .#{$item}-title {
4644
- color: $text-neutral-primary;
4645
- }
4646
- }
4647
- .step-item-text {
4648
- display: inline-block;
4649
- }
4650
- .step-item-title {
4651
- overflow: hidden;
4652
- white-space: nowrap;
4653
- text-overflow: ellipsis;
4654
- }
4655
- }
4656
-
4657
- .E_hjvj6s6 {
4658
- $item: ant-steps-item;
4659
- @mixin rightTriangle($color: $fills-light-trans-1) {
4660
- content: "";
4661
- width: 0;
4662
- height: 0;
4663
- border: 13px solid transparent;
4664
- position: absolute;
4665
- top: 0;
4666
- border-left: 8px solid $color;
4667
- }
4668
- .#{$item}-container {
4669
- min-width: var(--item-min-width);
4670
- }
4671
- .#{$item}-disabled {
4672
- cursor: not-allowed !important;
4673
- }
4674
- .ant-steps-horizontal.ant-steps-label-horizontal {
4675
- flex-direction: row;
4676
- justify-content: stretch;
4677
- .#{$item} {
4678
- padding: 0;
4679
- margin-right: 4px;
4680
- flex: 1;
4681
- overflow: visible;
4682
- .#{$item}-content {
4683
- width: 100%;
4684
- min-height: unset;
4685
- .#{$item}-title {
4686
- height: 26px;
4687
- line-height: 26px;
4688
- width: 100%;
4689
- padding: 0;
4690
- font-size: 12px;
4691
- .step-count {
4692
- margin-right: 10px;
4693
- }
4694
- &::after {
4695
- display: none;
4696
- }
4697
- }
4698
- }
4699
- &:first-child {
4700
- .#{$item}-container {
4701
- padding-left: 8px;
4702
- padding-right: 4px;
4703
- border-radius: 4px 0 0 4px;
4704
- }
4705
- }
4706
- &:last-child {
4707
- margin-right: 0;
4708
- .#{$item}-container {
4709
- padding-right: 8px;
4710
- padding-left: 12px;
4711
- border-radius: 0 4px 4px 0;
4712
- }
4713
- }
4714
- &:not(&:last-child) {
4715
- &::after {
4716
- @include rightTriangle();
4717
- z-index: 2;
4718
- position: relative;
4719
- top: -50%;
4720
- right: -100%;
4721
- }
4722
- }
4723
- &:not(:first-child):not(:last-child) {
4724
- .#{$item}-container {
4725
- padding: 0 4px 0 12px;
4726
- }
4727
- }
4728
- &:not(&:first-child) {
4729
- &::before {
4730
- @include rightTriangle(#fff);
4731
- left: 0;
4825
+
4826
+ @mixin text-align-style($align-position) {
4827
+ & > * {
4828
+ text-align: $align-position;
4829
+ }
4830
+ .ant-form-item-control-input-content {
4831
+ &,
4832
+ & > * {
4833
+ text-align: $align-position;
4834
+ }
4732
4835
  }
4733
4836
  }
4734
- }
4735
- .#{$item}-active {
4736
- max-width: calc(100% - var(--item-min-width) * 2);
4737
- .#{$item}-container {
4738
- background-color: $fills-light-general-general-light;
4837
+
4838
+ &.align-center {
4839
+ @include text-align-style(center);
4739
4840
  }
4740
- &::after {
4741
- border-left-color: $fills-light-general-general-light !important;
4841
+ &.align-left {
4842
+ @include text-align-style(left);
4742
4843
  }
4743
- }
4744
- .#{$item}-finish {
4745
- cursor: pointer;
4746
- min-width: var(--item-min-width);
4747
- }
4748
- .#{$item}-wait,
4749
- .#{$item}-finish {
4750
- min-width: var(--item-min-width);
4751
- .#{$item}-container {
4752
- background-color: $fills-light-trans-1;
4844
+ &.align-right {
4845
+ @include text-align-style(right);
4753
4846
  }
4754
- }
4755
- }
4756
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4757
- .ant-steps-vertical
4758
- )
4759
- .#{$item} {
4760
- padding: 0;
4761
- }
4762
- }
4763
-
4764
- .E_v4tv3mf {
4765
- $item: ant-steps-item;
4766
- .ant-steps.ant-steps-vertical {
4767
- width: 192px;
4768
- row-gap: 2px;
4769
4847
 
4770
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4771
- &:hover {
4772
- background-color: $fill-neutral-trans-2;
4848
+ &:not(:last-of-type) {
4849
+ margin-right: 8px;
4773
4850
  }
4774
- .#{$item}-title {
4775
- color: $text-neutral-primary !important;
4851
+ }
4852
+ .ant-list-item-action {
4853
+ padding: 4px;
4854
+ width: 24px;
4855
+ height: 24px;
4856
+ overflow: hidden;
4857
+ li {
4858
+ padding: 0;
4776
4859
  }
4777
4860
  }
4778
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4779
- .#{$item}-container:hover {
4780
- background-color: $fill-neutral-trans-2;
4861
+ .delete-row-icon.disabled {
4862
+ cursor: not-allowed;
4863
+ opacity: 0.5;
4781
4864
  }
4782
- .#{$item}-container {
4783
- padding: 0 8px;
4784
- border-radius: 4px;
4785
- height: 32px;
4786
- display: flex;
4787
- align-items: center;
4788
- .#{$item}-content {
4789
- min-height: auto;
4790
- white-space: nowrap;
4791
- & .ant-steps-item-title {
4792
- font-size: 13px;
4793
- line-height: 20px;
4794
- max-width: 100%;
4795
- padding-right: 0;
4865
+ &.size-default {
4866
+ .ant-list-item-action {
4867
+ margin: 0;
4868
+ }
4869
+ .eagle-table-form-cell {
4870
+ .ant-input,
4871
+ .ant-select-selector {
4872
+ border-radius: 5px;
4873
+ font-size: 12px;
4874
+ }
4875
+ .ant-input-affix-wrapper {
4876
+ font-size: inherit;
4877
+ }
4878
+
4879
+ .ant-form-item-control-input {
4880
+ min-height: 24px;
4881
+ font-size: 12px;
4882
+ position: relative;
4796
4883
  }
4797
4884
  }
4798
4885
  }
4799
- .#{$item}-active {
4800
- .ant-steps-item-container {
4801
- background: rgba($blue-60, 0.1);
4886
+ }
4887
+ &.row-split-by-border {
4888
+ .eagle-table-form-row {
4889
+ border-bottom: 1px solid $fills-light-trans-2;
4890
+ }
4891
+ }
4892
+ &.row-split-by-zebraMarking {
4893
+ .draggable-container {
4894
+ & > :nth-child(2n) {
4895
+ background-color: $fills-trans-primary-light;
4802
4896
  }
4803
4897
  }
4804
4898
  }
4805
4899
  }
4806
4900
 
4807
- .E_h6l1tj4 {
4808
- width: 100%;
4809
- display: inline-flex;
4901
+ .E_a138syjm {
4902
+ display: flex;
4810
4903
  align-items: center;
4811
- justify-content: center;
4812
- column-gap: 4px;
4813
- .step-item-prefix-container {
4814
- display: inline-flex;
4815
- align-items: center;
4816
- width: 18px;
4817
- height: 18px;
4818
- color: $gray-a75-8;
4819
- justify-content: center;
4904
+ margin-top: 8px;
4905
+ button.ant-btn {
4906
+ padding: 2px 8px;
4907
+ height: 24px;
4908
+ }
4909
+ & > span.maximum-desc {
4910
+ display: none;
4911
+ margin-left: 8px;
4912
+ color: $text-secondary-light;
4913
+ &.disabled {
4914
+ display: inline;
4915
+ }
4820
4916
  }
4821
4917
  }
4822
4918
 
4823
- .E_v18frne8 {
4824
- width: 100%;
4825
- display: flex;
4826
- align-items: center;
4827
- justify-content: center;
4828
- column-gap: 6px;
4829
- font-size: 13px;
4830
- .step-item-prefix-container {
4831
- display: inline-flex;
4832
- align-items: center;
4833
- min-width: 20px;
4834
- min-height: 20px;
4835
- color: $gray-a75-8;
4836
- justify-content: center;
4837
- }
4919
+ .E_d77i8u0 {
4920
+ width: 24px;
4921
+ height: 24px;
4922
+ padding: 4px;
4923
+ margin-right: 8px;
4924
+ }
4925
+
4926
+
4927
+ .E_i1g85yz3 {
4928
+ margin-right: 4px;
4929
+ height: 16px;
4838
4930
  }
4839
4931
 
4840
4932
 
@@ -4849,98 +4941,27 @@
4849
4941
  height: 16px;
4850
4942
  margin: 4px;
4851
4943
  background: rgba($gray-50, 0.18);
4852
- border-radius: 2px;
4853
- }
4854
- .checkbox-loading {
4855
- width: 16px;
4856
- }
4857
- .td-loading {
4858
- flex: 1;
4859
- }
4860
- }
4861
-
4862
- :nth-child(1) {
4863
- padding: 8px 4px;
4864
- > * {
4865
- background: rgba($gray-70, 0.18);
4866
- }
4867
- }
4868
- :nth-child(1) {
4869
- > * {
4870
- background: rgba($gray-60, 0.18);
4871
- }
4872
- }
4873
- }
4874
-
4875
-
4876
- .E_w7ob4th {
4877
- &.outside-tag {
4878
- padding-left: 0;
4879
- .inside-tag {
4880
- border-radius: 4px 0 0 4px;
4881
- padding-right: 4px;
4882
- margin-right: 4px;
4883
- }
4884
- }
4885
- }
4886
-
4887
-
4888
- .E_r77hffu {
4889
- display: flex;
4890
- align-items: center;
4891
- justify-content: space-between;
4892
- column-gap: 6px;
4893
- }
4894
-
4895
- .E_p1cmxsf7 {
4896
- display: flex;
4897
- flex-direction: column;
4898
- justify-content: center;
4899
- row-gap: var(--p1cmxsf7-0);
4900
-
4901
- .antd5-progress-line {
4902
- font-size: 0;
4903
- margin-bottom: unset;
4904
- margin-inline-end: unset;
4905
- }
4906
- }
4907
-
4908
-
4909
- .E_slr2ynn {
4910
- padding: 0 8px;
4911
- height: 18px;
4912
- }
4913
-
4914
- .E_m140wbb6 {
4915
- padding: 2px 8px;
4916
- height: 24px;
4917
- }
4918
-
4919
- .E_t1fozc1i {
4920
- margin: 0;
4921
- }
4922
-
4923
- .E_i1vxv4ln {
4924
- margin-right: 4px;
4925
- height: 16px;
4926
- }
4927
-
4928
- .E_n1afl31m {
4929
- &.ant-tag.ant-tag-gray {
4930
- font-weight: 700;
4931
- color: $text-neutral-primary;
4932
- background-color: $fill-neutral-trans-1;
4933
- border: 1px solid $stroke-neutral-trans-2;
4934
- word-break: break-all;
4935
- display: inline;
4936
- white-space: normal;
4944
+ border-radius: 2px;
4945
+ }
4946
+ .checkbox-loading {
4947
+ width: 16px;
4948
+ }
4949
+ .td-loading {
4950
+ flex: 1;
4951
+ }
4937
4952
  }
4938
- }
4939
-
4940
4953
 
4941
- .E_i1g85yz3 {
4942
- margin-right: 4px;
4943
- height: 16px;
4954
+ :nth-child(1) {
4955
+ padding: 8px 4px;
4956
+ > * {
4957
+ background: rgba($gray-70, 0.18);
4958
+ }
4959
+ }
4960
+ :nth-child(1) {
4961
+ > * {
4962
+ background: rgba($gray-60, 0.18);
4963
+ }
4964
+ }
4944
4965
  }
4945
4966
 
4946
4967
 
@@ -5498,6 +5519,11 @@
5498
5519
  }
5499
5520
 
5500
5521
 
5522
+ .E_b1jaupqb {
5523
+ color: #F0483E;
5524
+ }
5525
+
5526
+
5501
5527
  .E_t59qhqp {
5502
5528
  padding: 0px;
5503
5529
  padding-top: 5px;
@@ -5553,44 +5579,6 @@
5553
5579
  }
5554
5580
 
5555
5581
 
5556
- .E_b1jaupqb {
5557
- color: #F0483E;
5558
- }
5559
-
5560
-
5561
- .E_s20iney {
5562
- &.skeleton-box {
5563
- display: flex;
5564
- align-items: center;
5565
- justify-content: center;
5566
- position: relative;
5567
- border-radius: 2px;
5568
- background: #E1E6F199;
5569
- overflow: hidden;
5570
-
5571
- & > .skeleton-shimmer {
5572
- width: 200%;
5573
- height: 200%;
5574
- transform: rotate(15deg);
5575
- position: absolute;
5576
- top: -50%;
5577
- flex-shrink: 0;
5578
- opacity: 0.8;
5579
- background: linear-gradient(
5580
- 90deg,
5581
- rgba(255, 255, 255, 0) 15%,
5582
- #FFFFFF99 50%,
5583
- rgba(255, 255, 255, 0) 85%
5584
- );
5585
-
5586
- animation: shimmer 1100ms infinite;
5587
- }
5588
-
5589
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5590
- }
5591
- }
5592
-
5593
-
5594
5582
  .E_icab5o7 {
5595
5583
  --modal-header-height: 140px;
5596
5584
  &.ant-modal {
@@ -5642,6 +5630,19 @@
5642
5630
  }
5643
5631
  }
5644
5632
 
5633
+ &.initializing-error {
5634
+ .ant-modal-body {
5635
+ display: flex;
5636
+ justify-content: center;
5637
+ align-items: center;
5638
+ height: 100%;
5639
+ }
5640
+ }
5641
+
5642
+ .initializing-title {
5643
+ height: 40px;
5644
+ }
5645
+
5645
5646
  .ant-modal-footer {
5646
5647
  border-top: 1px solid rgba(225, 230, 241, 0.6);
5647
5648
  padding: 24px 0 60px 0;
@@ -5781,6 +5782,39 @@
5781
5782
  }
5782
5783
 
5783
5784
 
5785
+ .E_s20iney {
5786
+ &.skeleton-box {
5787
+ display: flex;
5788
+ align-items: center;
5789
+ justify-content: center;
5790
+ position: relative;
5791
+ border-radius: 2px;
5792
+ background: #E1E6F199;
5793
+ overflow: hidden;
5794
+
5795
+ & > .skeleton-shimmer {
5796
+ width: 200%;
5797
+ height: 200%;
5798
+ transform: rotate(15deg);
5799
+ position: absolute;
5800
+ top: -50%;
5801
+ flex-shrink: 0;
5802
+ opacity: 0.8;
5803
+ background: linear-gradient(
5804
+ 90deg,
5805
+ rgba(255, 255, 255, 0) 15%,
5806
+ #FFFFFF99 50%,
5807
+ rgba(255, 255, 255, 0) 85%
5808
+ );
5809
+
5810
+ animation: shimmer 1100ms infinite;
5811
+ }
5812
+
5813
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5814
+ }
5815
+ }
5816
+
5817
+
5784
5818
  .E_dxyv8bv {
5785
5819
  --footer-height: 80px;
5786
5820
  --header-height: 56px;
@@ -5790,7 +5824,8 @@
5790
5824
  100vh - 144px - var(--header-height) - var(--footer-height)
5791
5825
  );
5792
5826
  --modal-header-padding: 32px 40px 0;
5793
- --modal-content-padding-y: 32px;
5827
+ --modal-content-padding-top: 32px;
5828
+ --modal-content-padding-bottom: 32px;
5794
5829
  --modal-content-padding-x: 40px;
5795
5830
  --modal-footer-padding: 0 40px;
5796
5831
 
@@ -5817,8 +5852,11 @@
5817
5852
  }
5818
5853
 
5819
5854
  .ant-modal-body {
5820
- padding: var(--modal-content-padding-y) var(--modal-content-padding-x);
5821
- padding-right: calc(var(--modal-content-padding-x) - 6px);
5855
+ padding: var(--modal-content-padding-top) var(--modal-content-padding-x)
5856
+ var(--modal-content-padding-bottom);
5857
+ padding-right: calc(
5858
+ var(--modal-content-padding-x) - 6px
5859
+ ); // Reserve 6px width for scrollbar
5822
5860
  min-height: var(--modal-content-min-height);
5823
5861
  max-height: var(--modal-content-max-height);
5824
5862
  overflow-y: auto;
@@ -5836,6 +5874,15 @@
5836
5874
  }
5837
5875
  }
5838
5876
 
5877
+ &.initializing-error {
5878
+ .ant-modal-body {
5879
+ display: flex;
5880
+ justify-content: center;
5881
+ align-items: center;
5882
+ height: 100%;
5883
+ }
5884
+ }
5885
+
5839
5886
  .ant-modal-footer {
5840
5887
  height: var(--footer-height);
5841
5888
  padding: var(--modal-footer-padding);
@@ -5878,6 +5925,30 @@
5878
5925
  }
5879
5926
  }
5880
5927
 
5928
+ .E_m1k84ymw {
5929
+ width: 132px;
5930
+ height: 24px;
5931
+ }
5932
+
5933
+ .E_m15ds5xe {
5934
+ width: 100%;
5935
+ height: 100%;
5936
+ .skeleton-wrapper {
5937
+ width: 100%;
5938
+ height: 32px;
5939
+ }
5940
+ }
5941
+
5942
+ .E_ma56n19 {
5943
+ display: flex;
5944
+ flex-direction: column;
5945
+ gap: 4px;
5946
+ justify-content: center;
5947
+ align-items: center;
5948
+ height: 100%;
5949
+ color: #0015404D;
5950
+ }
5951
+
5881
5952
 
5882
5953
  .E_sqv6dmy {
5883
5954
  display: flex;
@@ -5948,6 +6019,11 @@
5948
6019
  }
5949
6020
 
5950
6021
 
6022
+ .E_t1616y1o {
6023
+ color: $text-light-on-tint;
6024
+ }
6025
+
6026
+
5951
6027
  .E_f16blduf {
5952
6028
  &.ant-form-item {
5953
6029
  margin-bottom: 0;
@@ -5967,216 +6043,74 @@
5967
6043
  .ant-form-item-has-error-leave
5968
6044
  ) {
5969
6045
  white-space: pre-wrap;
5970
- .ant-form-item-explain {
5971
- display: block;
5972
- }
5973
- }
5974
- }
5975
-
5976
-
5977
- .E_t1616y1o {
5978
- color: $text-light-on-tint;
5979
- }
5980
-
5981
-
5982
- .E_a9y3flr {
5983
- margin-left: 8px;
5984
- }
5985
-
5986
- .E_a1njc627 {
5987
- font-size: 12px;
5988
- color: $text-neutral-primary;
5989
- }
5990
-
5991
-
5992
- .E_i14c7jc8 {
5993
- color: var(--i14c7jc8-0);
5994
- }
5995
-
5996
- .E_i1ibuolf {
5997
- display: flex;
5998
- align-items: center;
5999
- column-gap: 4px;
6000
- font-size: 12px;
6001
- color: #2C3852BF;
6002
- }
6003
-
6004
-
6005
- .E_d1u4ndxc {
6006
- color: #2C3852BF;
6007
- font-size: 12px;
6008
- }
6009
-
6010
- .E_f6xb0iv {
6011
- min-width: 0;
6012
- flex: 1;
6013
- }
6014
-
6015
- .E_b1dhu7ov {
6016
- &.antd5-progress {
6017
- width: 220px;
6018
- }
6019
- }
6020
-
6021
- .E_p1as1j2z {
6022
- .antd5-progress.antd5-progress-status-active
6023
- .antd5-progress-bg::before {
6024
- content: "";
6025
- display: block;
6026
- height: 8px;
6027
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6028
- animation: loading 1600ms ease-out infinite;
6029
- opacity: 1;
6030
- }
6031
-
6032
- @keyframes loading {
6033
- from {
6034
- transform: translateX(-100%);
6035
- }
6036
- to {
6037
- transform: translateX(100%);
6038
- }
6039
- }
6040
- }
6041
-
6042
-
6043
- .E_skwah65 {
6044
- height: 8px;
6045
- box-sizing: border-box;
6046
- border-radius: 2px;
6047
- background: #f5f7fa;
6048
- display: flex;
6049
- width: 100%;
6050
- overflow: hidden;
6051
-
6052
- .stack-bar-item + .stack-bar-item {
6053
- margin-left: 1px;
6054
- }
6055
- }
6056
-
6057
-
6058
- .E_c18bcrac {
6059
- display: inline-block;
6060
- width: 100%;
6061
- .recharts-wrapper {
6062
- margin-left: 4px;
6063
- }
6064
- }
6065
-
6066
- .E_cro7kg2 {
6067
- padding: 4px;
6068
-
6069
- .unit {
6070
- color: white;
6071
- }
6072
- }
6073
-
6074
- .E_c14wcxf0 {
6075
- display: flex;
6076
- justify-content: space-between;
6077
- align-items: center;
6078
- font-size: 13px;
6079
- line-height: 24px;
6080
- color: #cccccc;
6081
- white-space: nowrap;
6082
-
6083
- label {
6084
- margin-right: 32px;
6046
+ .ant-form-item-explain {
6047
+ display: block;
6048
+ }
6085
6049
  }
6086
6050
  }
6087
6051
 
6088
- .E_coy29mj.E_c14wcxf0 {
6089
- font-weight: bold;
6090
- color: white;
6091
- }
6092
6052
 
6093
- .E_s11212zy {
6094
- width: 8px;
6095
- height: 8px;
6096
- border-radius: 2px;
6097
- display: inline-block;
6098
- background: var(--s11212zy-0);
6099
- border: 1px solid $fills-light-white;
6100
- box-sizing: content-box;
6101
- margin-right: 6px;
6053
+ .E_a9y3flr {
6054
+ margin-left: 8px;
6102
6055
  }
6103
6056
 
6104
- .E_p1lyky6c {
6105
- & > :first-child {
6106
- font-weight: bold;
6107
- color: white;
6108
- margin-right: 4px;
6109
- }
6057
+ .E_a1njc627 {
6058
+ font-size: 12px;
6059
+ color: $text-neutral-primary;
6110
6060
  }
6111
6061
 
6112
6062
 
6113
- .E_s1ebs0ra {
6114
- display: flex;
6115
- align-items: center;
6116
- justify-content: space-between;
6117
- background: $backgrounds-light-grouped;
6118
- padding: 8px 12px;
6119
- position: sticky;
6120
- top: 0;
6121
- z-index: 1;
6122
- margin-bottom: -52px;
6063
+ .E_d1u4ndxc {
6064
+ color: #2C3852BF;
6065
+ font-size: 12px;
6066
+ }
6123
6067
 
6124
- .select-total {
6125
- display: flex;
6126
- align-items: center;
6127
- font-weight: 700;
6128
- flex-shrink: 0;
6068
+ .E_f6xb0iv {
6069
+ min-width: 0;
6070
+ flex: 1;
6071
+ }
6129
6072
 
6130
- .icon-wrapper {
6131
- cursor: pointer;
6132
- margin-left: 8px;
6133
- width: 32px;
6134
- height: 32px;
6135
- border-radius: 50%;
6136
- justify-content: center;
6073
+ .E_b1dhu7ov {
6074
+ &.antd5-progress {
6075
+ width: 220px;
6076
+ }
6077
+ }
6137
6078
 
6138
- &:hover {
6139
- background: $fills-light-trans-2;
6140
- }
6141
- }
6079
+ .E_p1as1j2z {
6080
+ .antd5-progress.antd5-progress-status-active
6081
+ .antd5-progress-bg::before {
6082
+ content: "";
6083
+ display: block;
6084
+ height: 8px;
6085
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6086
+ animation: loading 1600ms ease-out infinite;
6087
+ opacity: 1;
6142
6088
  }
6143
- .action-group {
6144
- flex: 1;
6145
- margin-left: 88px;
6146
- white-space: nowrap;
6147
- text-align: right;
6148
- position: relative;
6149
- padding: 4px 0;
6150
- margin-top: -4px;
6151
- overflow: hidden;
6152
- .sub-menu-delete {
6153
- transform: translateY(-4px);
6154
- }
6155
- button {
6156
- border: none;
6157
- }
6158
- > *:not(:last-child) {
6159
- margin-right: 8px;
6160
- }
6161
6089
 
6162
- > button:last-child {
6163
- margin-right: 4px;
6090
+ @keyframes loading {
6091
+ from {
6092
+ transform: translateX(-100%);
6164
6093
  }
6165
- .more-btn {
6166
- cursor: pointer;
6167
- width: 32px;
6168
- height: 32px;
6169
- justify-content: center;
6170
- border-radius: 50%;
6171
-
6172
- &:hover {
6173
- background: $white;
6174
- }
6094
+ to {
6095
+ transform: translateX(100%);
6175
6096
  }
6176
6097
  }
6177
6098
  }
6178
6099
 
6179
6100
 
6101
+ .E_i14c7jc8 {
6102
+ color: var(--i14c7jc8-0);
6103
+ }
6104
+
6105
+ .E_i1ibuolf {
6106
+ display: flex;
6107
+ align-items: center;
6108
+ column-gap: 4px;
6109
+ font-size: 12px;
6110
+ color: #2C3852BF;
6111
+ }
6112
+
6113
+
6180
6114
  .E_clm1wy1 {
6181
6115
  width: 192px;
6182
6116
  height: 246px;
@@ -6275,6 +6209,88 @@
6275
6209
  }
6276
6210
 
6277
6211
 
6212
+ .E_skwah65 {
6213
+ height: 8px;
6214
+ box-sizing: border-box;
6215
+ border-radius: 2px;
6216
+ background: #f5f7fa;
6217
+ display: flex;
6218
+ width: 100%;
6219
+ overflow: hidden;
6220
+
6221
+ .stack-bar-item + .stack-bar-item {
6222
+ margin-left: 1px;
6223
+ }
6224
+ }
6225
+
6226
+
6227
+ .E_s1ebs0ra {
6228
+ display: flex;
6229
+ align-items: center;
6230
+ justify-content: space-between;
6231
+ background: $backgrounds-light-grouped;
6232
+ padding: 8px 12px;
6233
+ position: sticky;
6234
+ top: 0;
6235
+ z-index: 1;
6236
+ margin-bottom: -52px;
6237
+
6238
+ .select-total {
6239
+ display: flex;
6240
+ align-items: center;
6241
+ font-weight: 700;
6242
+ flex-shrink: 0;
6243
+
6244
+ .icon-wrapper {
6245
+ cursor: pointer;
6246
+ margin-left: 8px;
6247
+ width: 32px;
6248
+ height: 32px;
6249
+ border-radius: 50%;
6250
+ justify-content: center;
6251
+
6252
+ &:hover {
6253
+ background: $fills-light-trans-2;
6254
+ }
6255
+ }
6256
+ }
6257
+ .action-group {
6258
+ flex: 1;
6259
+ margin-left: 88px;
6260
+ white-space: nowrap;
6261
+ text-align: right;
6262
+ position: relative;
6263
+ padding: 4px 0;
6264
+ margin-top: -4px;
6265
+ overflow: hidden;
6266
+ .sub-menu-delete {
6267
+ transform: translateY(-4px);
6268
+ }
6269
+ button {
6270
+ border: none;
6271
+ }
6272
+ > *:not(:last-child) {
6273
+ margin-right: 8px;
6274
+ }
6275
+
6276
+ > button:last-child {
6277
+ margin-right: 4px;
6278
+ }
6279
+ .more-btn {
6280
+ cursor: pointer;
6281
+ width: 32px;
6282
+ height: 32px;
6283
+ justify-content: center;
6284
+ border-radius: 50%;
6285
+
6286
+ &:hover {
6287
+ background: $white;
6288
+ }
6289
+ }
6290
+ }
6291
+ }
6292
+
6293
+
6278
6294
  .E_gmyahx3 {
6279
6295
  cursor: pointer;
6280
6296
 
@@ -6288,11 +6304,57 @@
6288
6304
  }
6289
6305
 
6290
6306
 
6291
- .E_tqjc4ui {
6292
- @at-root {
6293
- span#{&} {
6294
- margin: 0 2px;
6295
- }
6307
+ .E_c18bcrac {
6308
+ display: inline-block;
6309
+ width: 100%;
6310
+ .recharts-wrapper {
6311
+ margin-left: 4px;
6312
+ }
6313
+ }
6314
+
6315
+ .E_cro7kg2 {
6316
+ padding: 4px;
6317
+
6318
+ .unit {
6319
+ color: white;
6320
+ }
6321
+ }
6322
+
6323
+ .E_c14wcxf0 {
6324
+ display: flex;
6325
+ justify-content: space-between;
6326
+ align-items: center;
6327
+ font-size: 13px;
6328
+ line-height: 24px;
6329
+ color: #cccccc;
6330
+ white-space: nowrap;
6331
+
6332
+ label {
6333
+ margin-right: 32px;
6334
+ }
6335
+ }
6336
+
6337
+ .E_coy29mj.E_c14wcxf0 {
6338
+ font-weight: bold;
6339
+ color: white;
6340
+ }
6341
+
6342
+ .E_s11212zy {
6343
+ width: 8px;
6344
+ height: 8px;
6345
+ border-radius: 2px;
6346
+ display: inline-block;
6347
+ background: var(--s11212zy-0);
6348
+ border: 1px solid $fills-light-white;
6349
+ box-sizing: content-box;
6350
+ margin-right: 6px;
6351
+ }
6352
+
6353
+ .E_p1lyky6c {
6354
+ & > :first-child {
6355
+ font-weight: bold;
6356
+ color: white;
6357
+ margin-right: 4px;
6296
6358
  }
6297
6359
  }
6298
6360
 
@@ -6461,57 +6523,15 @@
6461
6523
  }
6462
6524
 
6463
6525
 
6464
- .E_ou7iq30 {
6465
- overflow: hidden;
6466
- text-overflow: ellipsis;
6467
- }
6468
-
6469
- .E_s1tui002 {
6470
- white-space: nowrap;
6471
- }
6472
-
6473
- .E_mxrc2zg {
6474
- display: -webkit-box;
6475
- -webkit-line-clamp: var(--mxrc2zg-0);
6476
- -webkit-box-orient: vertical;
6477
- word-break: break-all;
6478
- }
6479
-
6480
- .E_t1vv6d68 {
6481
- .ant-tooltip-arrow {
6482
- display: none;
6483
- }
6484
- .ant-tooltip-inner {
6485
- background: $gray-a80-9;
6486
- border-radius: 4px;
6487
- &:has(.eagle-ellipsis-content) {
6488
- visibility: hidden;
6526
+ .E_tqjc4ui {
6527
+ @at-root {
6528
+ span#{&} {
6529
+ margin: 0 2px;
6489
6530
  }
6490
6531
  }
6491
6532
  }
6492
6533
 
6493
6534
 
6494
- .E_n12mqh7z {
6495
- display: flex;
6496
- align-items: center;
6497
- font-size: 12px;
6498
- line-height: 18px;
6499
-
6500
- &:not(:last-child) {
6501
- margin-bottom: 4px;
6502
- }
6503
- }
6504
-
6505
- .E_tf5bynu {
6506
- margin: 0 3px;
6507
- }
6508
-
6509
- .E_tcckoz1 {
6510
- max-height: 400px;
6511
- overflow: auto;
6512
- }
6513
-
6514
-
6515
6535
  .E_s1at6qmn {
6516
6536
  &.ant-layout-sider {
6517
6537
  background: $backgrounds-light-grouped;
@@ -6775,6 +6795,53 @@
6775
6795
  }
6776
6796
 
6777
6797
 
6798
+ .E_wg1tsps {
6799
+ display: flex;
6800
+ align-items: center;
6801
+ justify-content: flex-end;
6802
+ }
6803
+
6804
+ .E_b1ctd5xy {
6805
+ display: flex;
6806
+ align-items: center;
6807
+ width: calc(100% - 40px);
6808
+
6809
+ .chart {
6810
+ display: inline-block;
6811
+ width: 100%;
6812
+ }
6813
+ }
6814
+
6815
+ .E_u1p8acpn {
6816
+ min-width: 40px;
6817
+
6818
+ .unit {
6819
+ color: $text-light-primary !important;
6820
+ }
6821
+ }
6822
+
6823
+
6824
+ .E_n12mqh7z {
6825
+ display: flex;
6826
+ align-items: center;
6827
+ font-size: 12px;
6828
+ line-height: 18px;
6829
+
6830
+ &:not(:last-child) {
6831
+ margin-bottom: 4px;
6832
+ }
6833
+ }
6834
+
6835
+ .E_tf5bynu {
6836
+ margin: 0 3px;
6837
+ }
6838
+
6839
+ .E_tcckoz1 {
6840
+ max-height: 400px;
6841
+ overflow: auto;
6842
+ }
6843
+
6844
+
6778
6845
  .E_t160l1cm {
6779
6846
  display: flex;
6780
6847
  flex-direction: column;
@@ -7043,28 +7110,32 @@
7043
7110
  }
7044
7111
 
7045
7112
 
7046
- .E_wg1tsps {
7047
- display: flex;
7048
- align-items: center;
7049
- justify-content: flex-end;
7113
+ .E_ou7iq30 {
7114
+ overflow: hidden;
7115
+ text-overflow: ellipsis;
7050
7116
  }
7051
7117
 
7052
- .E_b1ctd5xy {
7053
- display: flex;
7054
- align-items: center;
7055
- width: calc(100% - 40px);
7056
-
7057
- .chart {
7058
- display: inline-block;
7059
- width: 100%;
7060
- }
7118
+ .E_s1tui002 {
7119
+ white-space: nowrap;
7061
7120
  }
7062
7121
 
7063
- .E_u1p8acpn {
7064
- min-width: 40px;
7122
+ .E_mxrc2zg {
7123
+ display: -webkit-box;
7124
+ -webkit-line-clamp: var(--mxrc2zg-0);
7125
+ -webkit-box-orient: vertical;
7126
+ word-break: break-all;
7127
+ }
7065
7128
 
7066
- .unit {
7067
- color: $text-light-primary !important;
7129
+ .E_t1vv6d68 {
7130
+ .ant-tooltip-arrow {
7131
+ display: none;
7132
+ }
7133
+ .ant-tooltip-inner {
7134
+ background: $gray-a80-9;
7135
+ border-radius: 4px;
7136
+ &:has(.eagle-ellipsis-content) {
7137
+ visibility: hidden;
7138
+ }
7068
7139
  }
7069
7140
  }
7070
7141
 
@@ -7125,6 +7196,13 @@
7125
7196
  }
7126
7197
 
7127
7198
 
7199
+ .E_h1ol2wl7 {
7200
+ font-weight: bold;
7201
+ background-color: unset;
7202
+ padding: unset;
7203
+ }
7204
+
7205
+
7128
7206
  .E_i5w779o {
7129
7207
  padding: 8px 0;
7130
7208
 
@@ -7169,13 +7247,6 @@
7169
7247
  }
7170
7248
 
7171
7249
 
7172
- .E_h1ol2wl7 {
7173
- font-weight: bold;
7174
- background-color: unset;
7175
- padding: unset;
7176
- }
7177
-
7178
-
7179
7250
  .E_kr6am0s {
7180
7251
  .ant-modal-body {
7181
7252
  padding: 60px 128px;
@@ -7278,6 +7349,57 @@
7278
7349
  }
7279
7350
 
7280
7351
 
7352
+ .E_c14ouk5o {
7353
+ width: 100%;
7354
+ height: 100%;
7355
+ display: flex;
7356
+ font-size: 12px;
7357
+ line-height: 18px;
7358
+ padding: 8px 0;
7359
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7360
+
7361
+ &:last-of-type {
7362
+ box-shadow: none;
7363
+ padding-bottom: 0;
7364
+ }
7365
+ &.collapsed {
7366
+ flex-direction: column;
7367
+
7368
+ .collapsed-content {
7369
+ display: flex;
7370
+
7371
+ > span {
7372
+ flex: 1;
7373
+ display: flex;
7374
+ justify-content: space-between;
7375
+ .ant-btn {
7376
+ height: auto;
7377
+ }
7378
+ }
7379
+ }
7380
+ .extra-content {
7381
+ margin-left: 162px;
7382
+ }
7383
+ }
7384
+
7385
+ .col-label {
7386
+ width: 216px;
7387
+ color: $text-secondary-light;
7388
+ margin-right: 12px;
7389
+ flex-shrink: 0;
7390
+ }
7391
+
7392
+ .col-content {
7393
+ color: $text-primary-light;
7394
+
7395
+ /* make btn link in info row have the same height as normal text */
7396
+ .ant-btn.ant-btn-link {
7397
+ height: auto;
7398
+ }
7399
+ }
7400
+ }
7401
+
7402
+
7281
7403
  .E_c1kchka8 {
7282
7404
  height: 100%;
7283
7405
  width: 100%;
@@ -7877,57 +7999,6 @@
7877
7999
  }
7878
8000
 
7879
8001
 
7880
- .E_c14ouk5o {
7881
- width: 100%;
7882
- height: 100%;
7883
- display: flex;
7884
- font-size: 12px;
7885
- line-height: 18px;
7886
- padding: 8px 0;
7887
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7888
-
7889
- &:last-of-type {
7890
- box-shadow: none;
7891
- padding-bottom: 0;
7892
- }
7893
- &.collapsed {
7894
- flex-direction: column;
7895
-
7896
- .collapsed-content {
7897
- display: flex;
7898
-
7899
- > span {
7900
- flex: 1;
7901
- display: flex;
7902
- justify-content: space-between;
7903
- .ant-btn {
7904
- height: auto;
7905
- }
7906
- }
7907
- }
7908
- .extra-content {
7909
- margin-left: 162px;
7910
- }
7911
- }
7912
-
7913
- .col-label {
7914
- width: 216px;
7915
- color: $text-secondary-light;
7916
- margin-right: 12px;
7917
- flex-shrink: 0;
7918
- }
7919
-
7920
- .col-content {
7921
- color: $text-primary-light;
7922
-
7923
- /* make btn link in info row have the same height as normal text */
7924
- .ant-btn.ant-btn-link {
7925
- height: auto;
7926
- }
7927
- }
7928
- }
7929
-
7930
-
7931
8002
  .E_c1ss4prm {
7932
8003
  color: $text-light-secondary;
7933
8004