@cloudtower/eagle 0.33.37 → 0.33.38

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.
@@ -70,112 +70,6 @@
70
70
  }
71
71
 
72
72
 
73
- .E_b1nip9bk {
74
- padding: 4px 11px;
75
- }
76
-
77
- .E_bqamoqe {
78
- white-space: nowrap;
79
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
-
81
- & > .ant-btn {
82
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
- --color: #{$text-light-general};
84
-
85
- &[disabled],
86
- &:hover[disabled] {
87
- --color: #{$text-light-general};
88
- }
89
- }
90
- }
91
-
92
- & > .ant-btn:not(:only-child) {
93
- & + .ant-btn {
94
- margin-left: 1px;
95
- }
96
-
97
- &:first-child {
98
- border-top-right-radius: 0;
99
- border-bottom-right-radius: 0;
100
- }
101
-
102
- &:last-child {
103
- border-top-left-radius: 0;
104
- border-bottom-left-radius: 0;
105
- }
106
-
107
- &:not(:first-child, :last-child) {
108
- border-radius: unset;
109
- }
110
- }
111
- }
112
-
113
-
114
- .E_c1yyuluq {
115
- border-radius: 8px;
116
- .ant-card-body {
117
- padding: 20px 24px 24px 24px;
118
- }
119
- }
120
-
121
-
122
- .E_d133fzv0 {
123
- .ant-dropdown-menu-item-group {
124
- .ant-dropdown-menu-item-group-title {
125
- padding: 4px 8px 0 8px;
126
- color: $text-light-secondary;
127
- font-size: 12px;
128
- }
129
- .ant-dropdown-menu-item-group-list {
130
- padding-bottom: 6px;
131
- }
132
- &:not(:first-child) {
133
- padding-top: 4px;
134
- border-top: 1px solid $strokes-light-trans-2;
135
- }
136
- }
137
- }
138
-
139
-
140
- .E_ccrbeuz {
141
- .ant-collapse-item {
142
- border: 0px;
143
- background-color: $fills-light-white;
144
-
145
- .ant-collapse-header {
146
- padding-top: 0px;
147
- padding-bottom: 0px;
148
- padding-left: 0px !important;
149
- padding-right: 24px;
150
- .ant-collapse-arrow {
151
- right: 0px;
152
- }
153
- }
154
- .ant-collapse-content {
155
- .ant-collapse-content-box {
156
- padding: 0px;
157
- }
158
- }
159
- }
160
- }
161
-
162
- .E_c1fljvag {
163
- .ant-collapse-item {
164
- .ant-collapse-header {
165
- padding-right: 0px;
166
- cursor: default;
167
- }
168
- }
169
- }
170
-
171
-
172
- .E_sx1bpnu {
173
- .ant-input-sm {
174
- line-height: 18px;
175
- }
176
- }
177
-
178
-
179
73
  .E_b1wx3t3t {
180
74
  &.ant-btn-icon-only {
181
75
  justify-content: center;
@@ -534,57 +428,100 @@
534
428
  }
535
429
 
536
430
 
537
- .E_itxley7 {
538
- &.ant-input-group.ant-input-group-compact {
539
- display: flex;
431
+ .E_b1nip9bk {
432
+ padding: 4px 11px;
433
+ }
434
+
435
+ .E_bqamoqe {
436
+ white-space: nowrap;
437
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
438
+
439
+ & > .ant-btn {
440
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
441
+ --color: #{$text-light-general};
442
+
443
+ &[disabled],
444
+ &:hover[disabled] {
445
+ --color: #{$text-light-general};
446
+ }
447
+ }
540
448
  }
541
449
 
542
- &.ant-input-group.ant-input-group-compact > *:first-child,
543
- &.ant-input-group.ant-input-group-compact
544
- > .ant-select:first-child
545
- > .ant-select-selector,
546
- &.ant-input-group.ant-input-group-compact
547
- > .ant-calendar-picker:first-child
548
- .ant-input,
549
- &.ant-input-group.ant-input-group-compact
550
- > .ant-select-auto-complete:first-child
551
- .ant-input,
552
- &.ant-input-group.ant-input-group-compact
553
- > .ant-cascader-picker:first-child
554
- .ant-input,
555
- &.ant-input-group.ant-input-group-compact
556
- > .ant-mention-wrapper:first-child
557
- .ant-mention-editor,
558
- &.ant-input-group.ant-input-group-compact
559
- > .ant-time-picker:first-child
560
- .ant-time-picker-input {
561
- border-bottom-left-radius: 5px;
562
- border-top-left-radius: 5px;
450
+ & > .ant-btn:not(:only-child) {
451
+ & + .ant-btn {
452
+ margin-left: 1px;
453
+ }
454
+
455
+ &:first-child {
456
+ border-top-right-radius: 0;
457
+ border-bottom-right-radius: 0;
458
+ }
459
+
460
+ &:last-child {
461
+ border-top-left-radius: 0;
462
+ border-bottom-left-radius: 0;
463
+ }
464
+
465
+ &:not(:first-child, :last-child) {
466
+ border-radius: unset;
467
+ }
563
468
  }
564
- &.ant-input-group.ant-input-group-compact > *:last-child,
565
- &.ant-input-group.ant-input-group-compact
566
- > .ant-select:last-child
567
- > .ant-select-selector,
568
- &.ant-input-group.ant-input-group-compact
569
- > .ant-calendar-picker:last-child
570
- .ant-input,
571
- &.ant-input-group.ant-input-group-compact
572
- > .ant-select-auto-complete:last-child
573
- .ant-input,
574
- &.ant-input-group.ant-input-group-compact
575
- > .ant-cascader-picker:last-child
576
- .ant-input,
577
- &.ant-input-group.ant-input-group-compact
578
- > .ant-cascader-picker-focused:last-child
579
- .ant-input,
580
- &.ant-input-group.ant-input-group-compact
581
- > .ant-mention-wrapper:last-child
582
- .ant-mention-editor,
583
- &.ant-input-group.ant-input-group-compact
584
- > .ant-time-picker:last-child
585
- .ant-time-picker-input {
586
- border-bottom-right-radius: 5px;
587
- border-top-right-radius: 5px;
469
+ }
470
+
471
+
472
+ .E_c1uzzomf {
473
+ margin-bottom: 16px;
474
+
475
+ .card-title {
476
+ font-size: 16px;
477
+ color: $text-secondary-light;
478
+ font-weight: 700;
479
+ line-height: 32px;
480
+ }
481
+ .card-body {
482
+ padding: 24px;
483
+ border-radius: 8px;
484
+ background: $fills-light-white;
485
+ }
486
+
487
+ .empty {
488
+ font-weight: 700;
489
+ font-size: 14px;
490
+ line-height: 22px;
491
+ color: $text-light-tertiary;
492
+ text-align: center;
493
+ }
494
+ }
495
+
496
+
497
+ .E_ccrbeuz {
498
+ .ant-collapse-item {
499
+ border: 0px;
500
+ background-color: $fills-light-white;
501
+
502
+ .ant-collapse-header {
503
+ padding-top: 0px;
504
+ padding-bottom: 0px;
505
+ padding-left: 0px !important;
506
+ padding-right: 24px;
507
+ .ant-collapse-arrow {
508
+ right: 0px;
509
+ }
510
+ }
511
+ .ant-collapse-content {
512
+ .ant-collapse-content-box {
513
+ padding: 0px;
514
+ }
515
+ }
516
+ }
517
+ }
518
+
519
+ .E_c1fljvag {
520
+ .ant-collapse-item {
521
+ .ant-collapse-header {
522
+ padding-right: 0px;
523
+ cursor: default;
524
+ }
588
525
  }
589
526
  }
590
527
 
@@ -680,89 +617,202 @@
680
617
  }
681
618
 
682
619
 
683
- .E_c1uzzomf {
684
- margin-bottom: 16px;
620
+ .E_c1yyuluq {
621
+ border-radius: 8px;
622
+ .ant-card-body {
623
+ padding: 20px 24px 24px 24px;
624
+ }
625
+ }
685
626
 
686
- .card-title {
687
- font-size: 16px;
688
- color: $text-secondary-light;
689
- font-weight: 700;
690
- line-height: 32px;
691
- }
692
- .card-body {
693
- padding: 24px;
694
- border-radius: 8px;
695
- background: $fills-light-white;
696
- }
697
627
 
698
- .empty {
699
- font-weight: 700;
700
- font-size: 14px;
701
- line-height: 22px;
702
- color: $text-light-tertiary;
703
- text-align: center;
628
+ .E_sx1bpnu {
629
+ .ant-input-sm {
630
+ line-height: 18px;
704
631
  }
705
632
  }
706
633
 
707
634
 
708
- .E_s1dizucg {
709
- &.ant-switch {
710
- min-width: 40px;
711
- height: 24px;
712
- background: $fills-trans-quinary-light;
713
- overflow: hidden;
714
- &:focus {
715
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
635
+ .E_d133fzv0 {
636
+ .ant-dropdown-menu-item-group {
637
+ .ant-dropdown-menu-item-group-title {
638
+ padding: 4px 8px 0 8px;
639
+ color: $text-light-secondary;
640
+ font-size: 12px;
641
+ }
642
+ .ant-dropdown-menu-item-group-list {
643
+ padding-bottom: 6px;
644
+ }
645
+ &:not(:first-child) {
646
+ padding-top: 4px;
647
+ border-top: 1px solid $strokes-light-trans-2;
716
648
  }
717
649
  }
718
- &.ant-switch-small {
719
- min-width: 26px;
720
- height: 16px;
650
+ }
651
+
652
+
653
+ .E_itxley7 {
654
+ &.ant-input-group.ant-input-group-compact {
655
+ display: flex;
721
656
  }
722
- &.ant-switch-large {
723
- min-width: 52px;
724
- height: 32px;
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;
725
704
  }
705
+ }
726
706
 
727
- &.ant-switch .ant-switch-handle {
728
- height: 20px;
729
- width: 20px;
730
- &::before {
731
- border-radius: 10px;
732
- transition-delay: 120ms;
733
- }
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;
734
719
  }
735
- &.ant-switch-small .ant-switch-handle {
736
- height: 14px;
737
- width: 14px;
738
- top: 1px;
739
- left: 1px;
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
+ }
740
735
  }
741
- &.ant-switch-large .ant-switch-handle {
742
- height: 28px;
743
- width: 28px;
744
- &::before {
745
- border-radius: 14px;
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
+ }
746
757
  }
747
758
  }
759
+ }
748
760
 
749
- &.ant-switch-checked {
750
- background-color: $green-60;
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
+ }
751
771
  }
752
- &.ant-switch-checked .ant-switch-handle {
753
- left: calc(100% - 20px - 2px);
772
+ }
773
+
774
+
775
+ .E_i11gg7mj {
776
+ .ant-input-prefix {
777
+ margin-right: 8px;
754
778
  }
755
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
756
- left: calc(100% - 14px - 1px);
779
+ .ant-input-suffix {
780
+ margin-left: 8px;
757
781
  }
758
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
759
- left: calc(100% - 28px - 2px);
782
+ }
783
+
784
+ .E_cc368xp {
785
+ color: $gray-120;
786
+ border-right: 1px solid $gray-a60-5;
787
+ margin-right: 8px;
788
+ padding-right: 8px;
789
+ }
790
+
791
+ .E_i11o6xqj {
792
+ display: flex;
793
+ gap: 4px;
794
+
795
+ .icon-wrapper {
796
+ cursor: pointer;
760
797
  }
761
798
  }
762
799
 
763
- .E_c1up6e3y {
764
- margin-left: 5px;
800
+ .E_d19ruhdj {
801
+ &.icon-wrapper {
802
+ cursor: not-allowed;
765
803
  }
804
+ }
805
+
806
+
807
+ .E_ivqqkzv {
808
+ height: 24px;
809
+ width: 56px !important;
810
+ margin-right: 4px;
811
+ }
812
+
813
+ .E_c1wk4q29 {
814
+ color: $text-secondary-light;
815
+ }
766
816
 
767
817
 
768
818
  .E_rapgekc {
@@ -946,90 +996,23 @@
946
996
  }
947
997
 
948
998
 
949
- .E_phljevk {
999
+ .E_c1bus5hc {
1000
+ --color: white;
1001
+ height: 14px;
1002
+ width: 14px;
1003
+ border-radius: 50%;
1004
+ flex-shrink: 0;
950
1005
  display: flex;
951
- justify-content: space-between;
952
1006
  align-items: center;
953
- padding: 10px 0;
954
- color: $text-light-secondary;
955
- font-size: 12px;
956
- line-height: 24px;
1007
+ justify-content: center;
1008
+ border: 1px solid var(--color);
957
1009
 
958
- .pagination-left {
959
- padding: 2px 8px;
960
- }
961
-
962
- .dropdown-trigger {
963
- display: flex;
964
- align-items: center;
965
- border-radius: 6px;
966
- cursor: pointer;
967
- transition: all 0.3s ease;
968
-
969
- &:hover {
970
- background: $fills-interaction-light-general-hover;
971
- color: $text-light-general;
972
- }
973
- .icon-inner {
974
- margin-left: 4px;
975
- }
976
- }
977
-
978
- .pagination-right {
979
- display: flex;
980
- align-items: center;
981
- color: $blue-60;
982
- font-weight: bold;
983
- .icon-inner {
984
- margin-left: 4px;
985
- }
986
- .prev-btn,
987
- .next-btn {
988
- padding: 0 8px;
989
- > span {
990
- color: $text-light-general;
991
- }
992
- }
993
-
994
- .next-btn {
995
- .icon-inner {
996
- transform: rotate(180deg);
997
- }
998
- }
999
- }
1000
- }
1001
-
1002
- .E_d12rtyeg {
1003
- &.ant-dropdown .ant-dropdown-menu {
1004
- max-height: calc(100vh - 128px);
1005
- overflow-y: auto;
1006
-
1007
- .ant-dropdown-menu-item {
1008
- padding: 4px 20px;
1009
- font-size: 12px;
1010
- line-height: 18px;
1011
- }
1012
- }
1013
- }
1014
-
1015
-
1016
- .E_c1bus5hc {
1017
- --color: white;
1018
- height: 14px;
1019
- width: 14px;
1020
- border-radius: 50%;
1021
- flex-shrink: 0;
1022
- display: flex;
1023
- align-items: center;
1024
- justify-content: center;
1025
- border: 1px solid var(--color);
1026
-
1027
- .circle-inner {
1028
- position: relative;
1029
- height: 10px;
1030
- width: 10px;
1031
- border-radius: 50%;
1032
- overflow: hidden;
1010
+ .circle-inner {
1011
+ position: relative;
1012
+ height: 10px;
1013
+ width: 10px;
1014
+ border-radius: 50%;
1015
+ overflow: hidden;
1033
1016
  }
1034
1017
 
1035
1018
  .circle-content {
@@ -1057,47 +1040,64 @@
1057
1040
  }
1058
1041
 
1059
1042
 
1060
- .E_ivqqkzv {
1061
- height: 24px;
1062
- width: 56px !important;
1063
- margin-right: 4px;
1064
- }
1065
-
1066
- .E_c1wk4q29 {
1067
- color: $text-secondary-light;
1068
- }
1069
-
1070
-
1071
- .E_i11gg7mj {
1072
- .ant-input-prefix {
1073
- margin-right: 8px;
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
+ }
1074
1052
  }
1075
- .ant-input-suffix {
1076
- margin-left: 8px;
1053
+ &.ant-switch-small {
1054
+ min-width: 26px;
1055
+ height: 16px;
1056
+ }
1057
+ &.ant-switch-large {
1058
+ min-width: 52px;
1059
+ height: 32px;
1077
1060
  }
1078
- }
1079
-
1080
- .E_cc368xp {
1081
- color: $gray-120;
1082
- border-right: 1px solid $gray-a60-5;
1083
- margin-right: 8px;
1084
- padding-right: 8px;
1085
- }
1086
1061
 
1087
- .E_i11o6xqj {
1088
- display: flex;
1089
- gap: 4px;
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
+ }
1090
1083
 
1091
- .icon-wrapper {
1092
- cursor: pointer;
1084
+ &.ant-switch-checked {
1085
+ background-color: $green-60;
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);
1093
1095
  }
1094
1096
  }
1095
1097
 
1096
- .E_d19ruhdj {
1097
- &.icon-wrapper {
1098
- cursor: not-allowed;
1098
+ .E_c1up6e3y {
1099
+ margin-left: 5px;
1099
1100
  }
1100
- }
1101
1101
 
1102
1102
 
1103
1103
  .E_tju3gfj {
@@ -1193,11 +1193,6 @@
1193
1193
  }
1194
1194
 
1195
1195
 
1196
- .E_iq1gosr {
1197
- display: inline-block;
1198
- }
1199
-
1200
-
1201
1196
  .E_t1m2x205 {
1202
1197
  .ant-tooltip-arrow {
1203
1198
  display: none;
@@ -1301,6 +1296,11 @@
1301
1296
  }
1302
1297
 
1303
1298
 
1299
+ .E_iq1gosr {
1300
+ display: inline-block;
1301
+ }
1302
+
1303
+
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1360,28 +1360,6 @@
1360
1360
  }
1361
1361
 
1362
1362
 
1363
- .E_iouxfgt {
1364
- display: inline-flex;
1365
- align-items: center;
1366
-
1367
- .icon-inner {
1368
- display: inline-flex;
1369
- align-items: center;
1370
- justify-content: center;
1371
- }
1372
- .icon-inner + span,
1373
- span + .icon-inner.suffix {
1374
- margin-left: 4px;
1375
- }
1376
- &.is-rotate {
1377
- img,
1378
- svg {
1379
- animation: rotate 680ms linear infinite;
1380
- }
1381
- }
1382
- }
1383
-
1384
-
1385
1363
  .E_ai7qkf2 {
1386
1364
  .ant-input-number-handler-wrap {
1387
1365
  display: var(--ai7qkf2-0);
@@ -1463,6 +1441,28 @@
1463
1441
  }
1464
1442
 
1465
1443
 
1444
+ .E_iouxfgt {
1445
+ display: inline-flex;
1446
+ align-items: center;
1447
+
1448
+ .icon-inner {
1449
+ display: inline-flex;
1450
+ align-items: center;
1451
+ justify-content: center;
1452
+ }
1453
+ .icon-inner + span,
1454
+ span + .icon-inner.suffix {
1455
+ margin-left: 4px;
1456
+ }
1457
+ &.is-rotate {
1458
+ img,
1459
+ svg {
1460
+ animation: rotate 680ms linear infinite;
1461
+ }
1462
+ }
1463
+ }
1464
+
1465
+
1466
1466
  .E_a1wfy30z {
1467
1467
  .ant-input-number-handler-wrap {
1468
1468
  display: var(--a1wfy30z-0);
@@ -1500,6 +1500,16 @@
1500
1500
  }
1501
1501
 
1502
1502
 
1503
+ .E_atcz0kf {
1504
+ .ant-input-suffix {
1505
+ margin-left: 8px;
1506
+ }
1507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
+ padding: 2px 7px 2px 12px;
1509
+ }
1510
+ }
1511
+
1512
+
1503
1513
  .E_i1inqkme {
1504
1514
  height: 18px;
1505
1515
  line-height: 18px;
@@ -1514,16 +1524,6 @@
1514
1524
  }
1515
1525
 
1516
1526
 
1517
- .E_atcz0kf {
1518
- .ant-input-suffix {
1519
- margin-left: 8px;
1520
- }
1521
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1522
- padding: 2px 7px 2px 12px;
1523
- }
1524
- }
1525
-
1526
-
1527
1527
  .E_owd0kml {
1528
1528
  display: inline-block;
1529
1529
  }
@@ -1534,1210 +1534,1210 @@
1534
1534
  }
1535
1535
 
1536
1536
 
1537
- .E_cnujxq2 {
1538
- display: flex;
1539
- flex-direction: column;
1537
+ .E_dsnbhzf {
1538
+ @include Inter(bold);
1539
+ font-size: 32px;
1540
+ line-height: 40px;
1540
1541
  }
1541
1542
 
1542
- .E_m7s48ia {
1543
- max-width: 1120px;
1544
- width: 100%;
1545
- margin: 0 auto;
1546
- height: 100%;
1543
+ .E_d1mvo22k {
1544
+ @include Inter(bold);
1545
+ font-size: 24px;
1546
+ line-height: 32px;
1547
1547
  }
1548
1548
 
1549
- .E_wt5zbg6 {
1550
- max-width: 1120px;
1551
- width: 100%;
1552
- margin: 0 auto;
1553
- display: flex;
1549
+ .E_d1b444tr {
1550
+ @include Inter();
1551
+ font-size: 32px;
1552
+ line-height: 40px;
1553
+ }
1554
1554
 
1555
- .left,
1556
- .right {
1557
- flex-grow: 0;
1558
- flex-shrink: 0;
1559
- flex-basis: 21%;
1560
- }
1555
+ .E_dvs0kue {
1556
+ @include Inter(bold);
1557
+ font-size: 20px;
1558
+ line-height: 24px;
1559
+ }
1561
1560
 
1562
- .left {
1563
- display: flex;
1564
- justify-content: flex-end;
1565
- padding-right: 44px;
1566
- }
1561
+ .E_d1hcbfcq {
1562
+ @include Inter();
1563
+ font-size: 20px;
1564
+ line-height: 24px;
1565
+ }
1567
1566
 
1568
- .right {
1569
- padding-left: 44px;
1570
- }
1567
+ .E_d1cz922v {
1568
+ @include Inter(bold);
1569
+ font-size: 18px;
1570
+ line-height: 22px;
1571
+ }
1571
1572
 
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
- }
1573
+ .E_d3nzbrm {
1574
+ @include Inter();
1575
+ font-size: 18px;
1576
+ line-height: 22px;
1585
1577
  }
1586
1578
 
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
- }
1579
+ .E_h1g0p5ob {
1580
+ @include Inter(bold);
1581
+ font-size: 16px;
1582
+ line-height: 22px;
1614
1583
  }
1615
1584
 
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
- }
1585
+ .E_hydo2ej {
1586
+ @include Inter();
1587
+ font-size: 16px;
1588
+ line-height: 22px;
1643
1589
  }
1644
1590
 
1645
- .E_f1lrhghm {
1646
- flex: 1;
1591
+ .E_h1hbuq0r {
1592
+ @include Inter(bold);
1593
+ font-size: 14px;
1594
+ line-height: 20px;
1595
+ }
1647
1596
 
1648
- label {
1649
- font-size: 13px;
1650
- line-height: 20px;
1651
- color: $text-secondary-light;
1652
- }
1597
+ .E_h13bondg {
1598
+ @include Inter();
1599
+ font-size: 14px;
1600
+ line-height: 20px;
1601
+ }
1653
1602
 
1654
- .title {
1655
- font-size: 14px;
1656
- line-height: 20px;
1657
- color: $text-primary-light;
1658
- margin-bottom: 12px;
1659
- }
1603
+ .E_h1mhvdlx {
1604
+ @include Inter(bold);
1605
+ font-size: 12px;
1606
+ line-height: 18px;
1607
+ }
1660
1608
 
1661
- &.connect-cluster .title {
1662
- padding-bottom: 26px;
1663
- }
1609
+ .E_h1inmfq6 {
1610
+ @include Inter();
1611
+ font-size: 12px;
1612
+ line-height: 18px;
1664
1613
  }
1665
1614
 
1666
- .E_f18ot8em {
1667
- padding: 25px 0 15px 0;
1668
- border-bottom: 1px solid #e1e5eb;
1669
- margin-bottom: 16px;
1615
+ .E_h1kfc0la {
1616
+ @include Inter(bold);
1617
+ @include Uppercase();
1618
+ font-size: 12px;
1619
+ line-height: 18px;
1670
1620
  }
1671
1621
 
1672
- .E_f1l1g2k0 {
1673
- display: flex;
1674
- align-items: center;
1675
- margin-bottom: 8px;
1622
+ .E_h10xnyuu {
1623
+ @include Inter();
1624
+ @include Uppercase();
1625
+ font-size: 12px;
1626
+ line-height: 18px;
1627
+ }
1676
1628
 
1677
- > label {
1678
- width: 216px;
1679
- }
1629
+ .E_lrcmi0v {
1630
+ @include Inter();
1631
+ font-size: 16px;
1632
+ line-height: 24px;
1633
+ }
1680
1634
 
1681
- > label + * {
1682
- width: 100%;
1683
- }
1635
+ .E_lzt43lp {
1636
+ @include Inter(bold);
1637
+ font-size: 16px;
1638
+ line-height: 24px;
1639
+ }
1684
1640
 
1685
- .ant-select {
1686
- width: 100%;
1687
- }
1641
+ .E_l5yc9nt {
1642
+ @include Inter();
1643
+ font-size: 16px;
1644
+ line-height: 24px;
1688
1645
  }
1689
1646
 
1690
- .E_e1k89cwg {
1691
- color: $red;
1692
- margin-right: 10px;
1647
+ .E_l1fbkbzo {
1648
+ @include Inter(bold);
1649
+ font-size: 16px;
1650
+ line-height: 24px;
1693
1651
  }
1694
1652
 
1695
- .E_d1oui1gf {
1696
- width: 100%;
1697
- height: 1px;
1698
- background: rgba(213, 219, 227, 0.6);
1699
- margin: 24px 0;
1653
+ .E_lahvcax {
1654
+ @include Inter();
1655
+ @include Uppercase();
1656
+ font-size: 16px;
1657
+ line-height: 24px;
1700
1658
  }
1701
1659
 
1702
- .E_l15itdbb {
1703
- display: flex;
1704
- justify-content: center;
1705
- align-items: center;
1706
- height: 100%;
1660
+ .E_l11q3pxd {
1661
+ @include Inter(bold);
1662
+ @include Uppercase();
1663
+ font-size: 16px;
1664
+ line-height: 24px;
1707
1665
  }
1708
1666
 
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;
1667
+ .E_lfuc2qu {
1668
+ @include Inter();
1669
+ font-size: 14px;
1670
+ line-height: 22px;
1717
1671
  }
1718
1672
 
1719
- .E_m177r7a3 {
1720
- .ant-modal-header,
1721
- .ant-modal-footer .footer-content {
1722
- width: 648px;
1723
- margin: 0 auto;
1724
- }
1673
+ .E_l1jmp8r0 {
1674
+ @include Inter(500);
1675
+ font-size: 14px;
1676
+ line-height: 22px;
1677
+ }
1725
1678
 
1726
- .ant-modal-header {
1727
- padding: 35px 0 24px;
1728
- border: none;
1679
+ .E_lcnm221 {
1680
+ @include Inter(bold);
1681
+ font-size: 14px;
1682
+ line-height: 22px;
1683
+ }
1729
1684
 
1730
- .ant-modal-title {
1731
- font-size: 30px;
1732
- }
1733
- }
1685
+ .E_lu1z2n5 {
1686
+ @include Inter();
1687
+ font-size: 14px;
1688
+ line-height: 22px;
1689
+ }
1734
1690
 
1735
- .ant-modal-body {
1736
- padding: 4px 0 2px;
1737
- }
1691
+ .E_l1r59djn {
1692
+ @include Inter(bold);
1693
+ font-size: 14px;
1694
+ line-height: 22px;
1695
+ }
1738
1696
 
1739
- .ant-modal-footer {
1740
- border: none;
1741
- }
1697
+ .E_ljm2911 {
1698
+ @include Inter();
1699
+ @include Uppercase();
1700
+ font-size: 14px;
1701
+ line-height: 22px;
1742
1702
  }
1743
1703
 
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
- }
1704
+ .E_l124mzmr {
1705
+ @include Inter(bold);
1706
+ @include Uppercase();
1707
+ font-size: 14px;
1708
+ line-height: 22px;
1756
1709
  }
1757
1710
 
1758
- .E_f17jvtfk {
1759
- width: 100%;
1760
- height: 100%;
1761
- display: flex;
1762
- align-items: center;
1763
- justify-content: center;
1711
+ .E_lb3chel {
1712
+ @include Inter();
1713
+ font-size: 13px;
1714
+ line-height: 20px;
1764
1715
  }
1765
1716
 
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;
1717
+ .E_lv9jstu {
1718
+ @include Inter(600);
1719
+ font-size: 13px;
1720
+ line-height: 20px;
1775
1721
  }
1776
1722
 
1777
- .E_f4mi9eq {
1778
- &.form-item-general {
1779
- width: 640px;
1780
- &.form-item + &.form-item {
1781
- margin-top: 16px;
1782
- }
1783
- }
1784
- &.form-item-compact {
1785
- width: 412px;
1786
- &.form-item + &.form-item {
1787
- margin-top: 8px;
1788
- }
1789
- }
1790
- & .form-item {
1791
- width: auto;
1792
- }
1793
- .form-item-main {
1794
- position: relative;
1795
- display: flex;
1796
- }
1797
- .form-item-extra {
1798
- margin-top: 4px;
1799
- width: 100%;
1800
- padding: 14px;
1801
- background: #f2f4f6;
1802
- font-size: 13px;
1803
- line-height: 1.8;
1804
- color: #8e9aa9;
1805
- }
1806
- .form-item-label {
1807
- padding-right: 12px;
1808
- font-size: 13px;
1809
- color: $text-secondary-light;
1810
-
1811
- &.label-right {
1812
- text-align: right;
1813
- }
1814
- }
1815
- .form-item-label,
1816
- .form-item-control {
1817
- line-height: 32px;
1818
- }
1819
- .form-item-control .form-item-error {
1820
- line-height: 18px;
1821
- }
1822
- .form-item-children {
1823
- width: 100%;
1824
- > *:only-child {
1825
- &.ant-select,
1826
- &.ant-radio-group,
1827
- &.ant-checkbox-group {
1828
- width: 100%;
1829
- }
1830
- }
1831
- }
1832
- .form-item-error {
1833
- color: $red;
1834
- height: 0;
1835
- overflow: hidden;
1836
- }
1837
- .form-item-error-enter-done {
1838
- margin-top: 4px;
1839
- height: auto;
1840
- overflow: auto;
1841
- }
1842
- &.form-base-field:not(.form-base-field-array) {
1843
- .form-item-control.field-error .form-item-error {
1844
- > input:not(.ant-input),
1845
- :not(.ant-select) input {
1846
- border: 1px solid $red;
1847
- color: $red;
1848
- }
1849
- }
1850
- }
1723
+ .E_lwqlh3x {
1724
+ @include Inter(bold);
1725
+ font-size: 13px;
1726
+ line-height: 20px;
1851
1727
  }
1852
1728
 
1853
- .E_fh0ewl8 {
1854
- color: $gray-80;
1855
- font-weight: bold;
1856
- padding-bottom: 6px;
1857
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
1858
- margin-bottom: 16px;
1859
-
1860
- &:not(:first-of-type) {
1861
- margin-top: 16px;
1862
- }
1729
+ .E_lalum9y {
1730
+ @include Inter();
1731
+ font-size: 13px;
1732
+ line-height: 20px;
1863
1733
  }
1864
1734
 
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;
1735
+ .E_l1t6dj5o {
1736
+ @include Inter(600);
1737
+ font-size: 13px;
1738
+ line-height: 20px;
1739
+ }
1873
1740
 
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
- }
1741
+ .E_l12f6ic {
1742
+ @include Inter(bold);
1743
+ font-size: 13px;
1744
+ line-height: 20px;
1745
+ }
1885
1746
 
1886
- &:after {
1887
- transform: rotate(45deg);
1888
- left: 1px;
1889
- }
1747
+ .E_l7gmukq {
1748
+ @include Inter();
1749
+ @include Uppercase();
1750
+ font-size: 13px;
1751
+ line-height: 20px;
1890
1752
  }
1891
1753
 
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
- }
1754
+ .E_lkwl0yp {
1755
+ @include Inter(bold);
1756
+ @include Uppercase();
1757
+ font-size: 13px;
1758
+ line-height: 20px;
1905
1759
  }
1906
1760
 
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;
1761
+ .E_l10knv48 {
1762
+ @include Inter();
1914
1763
  font-size: 12px;
1915
1764
  line-height: 18px;
1916
- .icon-wrapper {
1917
- margin-right: 10px;
1918
- height: 18px;
1919
- }
1920
1765
  }
1921
1766
 
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;
1767
+ .E_l6526ld {
1768
+ @include Inter(500);
1929
1769
  font-size: 12px;
1930
1770
  line-height: 18px;
1931
- .icon-wrapper {
1932
- margin-right: 10px;
1933
- height: 18px;
1934
- }
1935
1771
  }
1936
1772
 
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;
1773
+ .E_l1j81vli {
1774
+ @include Inter(bold);
1944
1775
  font-size: 12px;
1945
1776
  line-height: 18px;
1946
- .icon-wrapper {
1947
- margin-right: 10px;
1948
- height: 18px;
1949
- }
1950
1777
  }
1951
1778
 
1952
- .E_dld369h {
1953
- color: $text-light-secondary;
1954
- margin-top: 5px;
1779
+ .E_l1x7n1mk {
1780
+ @include Inter();
1955
1781
  font-size: 12px;
1956
1782
  line-height: 18px;
1957
1783
  }
1958
1784
 
1959
- .E_s1epv22q {
1960
- color: $text-light-serious;
1785
+ .E_l9fqufz {
1786
+ @include Inter(500);
1961
1787
  font-size: 12px;
1962
- white-space: pre-wrap;
1788
+ line-height: 18px;
1963
1789
  }
1964
1790
 
1965
- .E_okus5hk {
1966
- display: flex;
1967
- align-items: center;
1968
- justify-content: flex-end;
1969
- .icon-wrapper {
1970
- margin-right: 16px;
1971
- }
1791
+ .E_l1iwnybd {
1792
+ @include Inter(bold);
1793
+ font-size: 12px;
1794
+ line-height: 18px;
1972
1795
  }
1973
1796
 
1974
- .E_t1auuzri {
1975
- color: $text-light-tertiary;
1797
+ .E_lprtm1e {
1798
+ @include Inter();
1799
+ @include Uppercase();
1800
+ font-size: 12px;
1801
+ line-height: 18px;
1976
1802
  }
1977
1803
 
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
- }
1804
+ .E_l1lln87h {
1805
+ @include Inter(bold);
1806
+ @include Uppercase();
1807
+ font-size: 12px;
1808
+ line-height: 18px;
1809
+ }
1990
1810
 
1991
- &.ant-input.ant-input-lg {
1992
- padding: 8px 16px;
1993
- line-height: 22px;
1994
- }
1811
+ .E_f2pb48l {
1812
+ @include Inter();
1813
+ font-size: 13px;
1814
+ line-height: 20px;
1815
+ }
1995
1816
 
1996
- &.ant-input.ant-input-sm {
1997
- padding: 2px 8px;
1998
- line-height: 18px;
1999
- }
1817
+ .E_fi9emkw {
1818
+ @include Inter();
1819
+ font-size: 13px;
1820
+ line-height: 20px;
1821
+ }
2000
1822
 
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
- }
1823
+ .E_f1nrg7da {
1824
+ @include Inter();
1825
+ font-size: 12px;
1826
+ line-height: 18px;
1827
+ }
2009
1828
 
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
- }
1829
+ .E_f17k1i3n {
1830
+ @include Inter();
1831
+ font-size: 12px;
1832
+ line-height: 18px;
1833
+ }
2019
1834
 
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;
1835
+ .E_t1tvuj2e {
1836
+ @include Inter();
1837
+ @include Monospace();
1838
+ font-size: 13px;
1839
+ line-height: 20px;
1840
+ }
2025
1841
 
2026
- &:hover,
2027
- &.__pseudo-states-hover {
2028
- border-color: $red;
2029
- box-shadow: $shadow-light-hover;
2030
- }
1842
+ .E_t17uajlu {
1843
+ @include Inter();
1844
+ @include Slashed();
1845
+ font-size: 13px;
1846
+ line-height: 20px;
1847
+ }
2031
1848
 
2032
- &:active,
2033
- &:focus,
2034
- &.__pseudo-states-active,
2035
- &.__pseudo-states-focus {
2036
- border-color: $red;
2037
- box-shadow: $shadow-light-error;
2038
- }
2039
- }
1849
+ .E_t114zbyz {
1850
+ @include Inter();
1851
+ @include Monospace();
1852
+ font-size: 12px;
1853
+ line-height: 18px;
1854
+ }
2040
1855
 
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
- }
1856
+ .E_t1il0kvi {
1857
+ @include Inter(500);
1858
+ @include Monospace();
1859
+ font-size: 12px;
1860
+ line-height: 18px;
1861
+ }
2049
1862
 
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;
1863
+ .E_t10dv8p1 {
1864
+ @include Inter();
1865
+ @include Slashed();
1866
+ font-size: 12px;
1867
+ line-height: 18px;
1868
+ }
2060
1869
 
2061
- .ant-input-suffix,
2062
- .ant-input-prefix {
2063
- color: $text-secondary-light;
2064
- }
2065
- }
1870
+ .E_tc2oqpq {
1871
+ @include Inter(500);
1872
+ @include Slashed();
1873
+ font-size: 12px;
1874
+ line-height: 18px;
1875
+ }
2066
1876
 
2067
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2068
- padding: 8px 16px;
2069
- line-height: 22px;
2070
- }
1877
+ .E_tzvddmc {
1878
+ @include Inter(bold);
1879
+ @include Slashed();
1880
+ font-size: 16px;
1881
+ line-height: 24px;
1882
+ }
2071
1883
 
2072
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2073
- padding: 2px 8px;
2074
- line-height: 18px;
1884
+ .E_u18llj45 {
1885
+ @include Inter();
1886
+ font-size: 10px;
1887
+ line-height: 12px;
1888
+ }
1889
+
1890
+
1891
+ .E_a1b5xrg3 {
1892
+ .user-icon-inner {
1893
+ display: inline-flex;
1894
+ align-items: center;
1895
+ justify-content: center;
1896
+ color: $white;
1897
+ font-weight: bold;
1898
+ font-size: 12px;
1899
+ width: 24px;
1900
+ height: 24px;
1901
+ border-radius: 50%;
1902
+ background: var(--a1b5xrg3-0);
2075
1903
  }
1904
+ &.btn-item {
1905
+ transition: all 160ms ease;
1906
+ cursor: pointer;
1907
+ width: 56px;
1908
+ height: 40px;
1909
+ display: inline-flex;
1910
+ align-items: center;
1911
+ justify-content: center;
1912
+ border-radius: 6px;
2076
1913
 
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;
1914
+ &:hover {
1915
+ box-shadow:
1916
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1917
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2082
1918
  }
2083
1919
 
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;
1920
+ &:active {
1921
+ transform: translateY(2px);
1922
+ transition: all 320ms ease;
2091
1923
  }
2092
1924
  }
1925
+ }
2093
1926
 
2094
- &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2095
- border-color: $red;
2096
- > .ant-input {
2097
- color: $red;
2098
- }
2099
1927
 
2100
- &:hover,
2101
- &.__pseudo-states-hover {
2102
- border-color: $red;
2103
- box-shadow: $shadow-light-hover;
2104
- }
1928
+ .E_cnujxq2 {
1929
+ display: flex;
1930
+ flex-direction: column;
1931
+ }
2105
1932
 
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
- }
1933
+ .E_m7s48ia {
1934
+ max-width: 1120px;
1935
+ width: 100%;
1936
+ margin: 0 auto;
1937
+ height: 100%;
1938
+ }
1939
+
1940
+ .E_wt5zbg6 {
1941
+ max-width: 1120px;
1942
+ width: 100%;
1943
+ margin: 0 auto;
1944
+ display: flex;
1945
+
1946
+ .left,
1947
+ .right {
1948
+ flex-grow: 0;
1949
+ flex-shrink: 0;
1950
+ flex-basis: 21%;
2114
1951
  }
2115
1952
 
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;
1953
+ .left {
1954
+ display: flex;
1955
+ justify-content: flex-end;
1956
+ padding-right: 44px;
2120
1957
  }
2121
1958
 
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;
1959
+ .right {
1960
+ padding-left: 44px;
1961
+ }
1962
+
1963
+ .middle {
1964
+ margin-bottom: 40px;
1965
+ flex-grow: 0;
1966
+ flex-shrink: 0;
1967
+ flex-basis: 58%;
1968
+ overflow: hidden;
1969
+ .form-base-field {
1970
+ width: 100%;
1971
+ .form-base-field {
1972
+ width: auto;
2146
1973
  }
2147
1974
  }
2148
1975
  }
2149
1976
  }
2150
1977
 
2151
- .E_k1ci6977 {
2152
- input,
2153
- &.input-tags {
2154
- border: 1px solid rgba(213, 219, 227, 0.6);
2155
- border-radius: 4px;
1978
+ .E_h18jprzg {
1979
+ .ant-modal-header {
1980
+ margin: 0 auto;
1981
+ width: 100%;
1982
+ max-width: 648px;
2156
1983
  }
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
- }
1984
+ .ant-modal-header .ant-modal-title {
1985
+ margin-left: 0;
2194
1986
  }
2195
- &.has-focus-indicator {
2196
- position: relative;
1987
+ .ant-modal-body {
1988
+ margin: 0 auto;
1989
+ padding: 0;
1990
+ width: 100%;
1991
+ max-width: 648px;
2197
1992
  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
- }
1993
+ }
1994
+ .ant-modal-body .horizontal-steps-wrapper {
1995
+ margin-bottom: 40px;
1996
+ }
1997
+ .ant-modal-body .horizontal-content-wrapper {
1998
+ height: calc(100vh - 225px);
1999
+ overflow-y: auto;
2000
+ }
2001
+ .ant-modal-footer .footer-content {
2002
+ margin: 0 auto;
2003
+ max-width: 648px;
2219
2004
  }
2220
2005
  }
2221
2006
 
2222
- .E_l1f7td1d {
2223
- @at-root {
2224
- input#{&}.ant-input {
2225
- border-top-right-radius: 0;
2226
- border-bottom-right-radius: 0;
2227
- }
2007
+ .E_h16z9xgz {
2008
+ .ant-modal-header {
2009
+ margin: 0 auto;
2010
+ width: 100%;
2011
+ max-width: 1024px;
2228
2012
  }
2229
- &.ant-input-affix-wrapper {
2230
- border-top-right-radius: 0;
2231
- border-bottom-right-radius: 0;
2013
+ .ant-modal-header .ant-modal-title {
2014
+ margin-left: 0;
2015
+ }
2016
+ .ant-modal-body {
2017
+ margin: 0 auto;
2018
+ padding: 0;
2019
+ width: 100%;
2020
+ max-width: 1024px;
2021
+ overflow: hidden;
2022
+ }
2023
+ .ant-modal-body .horizontal-steps-wrapper {
2024
+ margin-bottom: 40px;
2025
+ }
2026
+ .ant-modal-body .horizontal-content-wrapper {
2027
+ height: calc(100vh - 225px);
2028
+ overflow-y: auto;
2029
+ }
2030
+ .ant-modal-footer .footer-content {
2031
+ margin: 0 auto;
2032
+ max-width: 1024px;
2232
2033
  }
2233
2034
  }
2234
2035
 
2235
- .E_rf8rlle {
2236
- @at-root {
2237
- input#{&}.ant-input {
2238
- border-top-left-radius: 0;
2239
- border-bottom-left-radius: 0;
2240
- }
2036
+ .E_f1lrhghm {
2037
+ flex: 1;
2038
+
2039
+ label {
2040
+ font-size: 13px;
2041
+ line-height: 20px;
2042
+ color: $text-secondary-light;
2241
2043
  }
2242
2044
 
2243
- &.ant-input-affix-wrapper {
2244
- border-top-left-radius: 0;
2245
- border-bottom-left-radius: 0;
2045
+ .title {
2046
+ font-size: 14px;
2047
+ line-height: 20px;
2048
+ color: $text-primary-light;
2049
+ margin-bottom: 12px;
2246
2050
  }
2247
- }
2248
2051
 
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;
2052
+ &.connect-cluster .title {
2053
+ padding-bottom: 26px;
2254
2054
  }
2255
2055
  }
2256
2056
 
2257
- .E_rdwz7eh {
2258
- &.ant-select.select,
2259
- &.ant-select.select .ant-select-selector {
2260
- border-top-left-radius: 0;
2261
- border-bottom-left-radius: 0;
2262
- }
2057
+ .E_f18ot8em {
2058
+ padding: 25px 0 15px 0;
2059
+ border-bottom: 1px solid #e1e5eb;
2060
+ margin-bottom: 16px;
2263
2061
  }
2264
2062
 
2265
- .E_c3ni091 {
2063
+ .E_f1l1g2k0 {
2266
2064
  display: flex;
2267
- flex-direction: column;
2268
-
2269
- .select-wrapper {
2270
- margin-top: 12px;
2065
+ align-items: center;
2066
+ margin-bottom: 8px;
2271
2067
 
2272
- .select {
2273
- width: 100%;
2274
- }
2068
+ > label {
2069
+ width: 216px;
2275
2070
  }
2276
2071
 
2277
- .radio-wrapper {
2278
- margin-top: 24px;
2072
+ > label + * {
2073
+ width: 100%;
2279
2074
  }
2280
2075
 
2281
- div.form-item {
2076
+ .ant-select {
2282
2077
  width: 100%;
2283
2078
  }
2284
2079
  }
2285
2080
 
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
- }
2081
+ .E_e1k89cwg {
2082
+ color: $red;
2083
+ margin-right: 10px;
2084
+ }
2295
2085
 
2296
- & + * {
2297
- margin-top: 16px;
2298
- }
2086
+ .E_d1oui1gf {
2087
+ width: 100%;
2088
+ height: 1px;
2089
+ background: rgba(213, 219, 227, 0.6);
2090
+ margin: 24px 0;
2299
2091
  }
2300
2092
 
2301
- .E_lh0l62z.E_d105ju2d {
2302
- font-size: 12px;
2303
- color: $gray-a60-8;
2304
- margin-top: 12px;
2093
+ .E_l15itdbb {
2094
+ display: flex;
2095
+ justify-content: center;
2096
+ align-items: center;
2097
+ height: 100%;
2305
2098
  }
2306
2099
 
2307
- .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2308
- line-height: 18px;
2309
- font-weight: 500;
2310
- margin-top: 0;
2311
- white-space: initial;
2100
+ .E_d1y3z4w {
2101
+ display: inline-block;
2102
+ width: 4px;
2103
+ height: 4px;
2104
+ background: #8e9aa9;
2105
+ opacity: 0.4;
2106
+ border-radius: 50%;
2107
+ margin: 0 4px;
2312
2108
  }
2313
2109
 
2314
- .E_r1skkc3l {
2315
- display: block;
2316
-
2317
- span {
2318
- font-size: 14px;
2319
- font-weight: 500;
2320
- line-height: 32px;
2321
- color: #3e4652;
2110
+ .E_m177r7a3 {
2111
+ .ant-modal-header,
2112
+ .ant-modal-footer .footer-content {
2113
+ width: 648px;
2114
+ margin: 0 auto;
2322
2115
  }
2323
- }
2324
2116
 
2325
- .E_c3cobmo {
2326
- margin-top: 16px;
2327
- padding: 8px;
2328
- border-radius: 6px;
2329
- background: $fills-element-light-container-general;
2330
- color: $text-light-secondary;
2331
- font-size: 12px;
2332
- div {
2333
- line-height: 20px;
2334
- display: flex;
2335
- align-items: center;
2336
- word-break: break-all;
2337
- }
2117
+ .ant-modal-header {
2118
+ padding: 35px 0 24px;
2119
+ border: none;
2338
2120
 
2339
- .title {
2340
- font-weight: 700;
2341
- line-height: 18px;
2342
- margin: 4px 0;
2121
+ .ant-modal-title {
2122
+ font-size: 30px;
2123
+ }
2343
2124
  }
2344
- }
2345
-
2346
- .E_uqv57uv {
2347
- color: #2C3852BF;
2348
- }
2349
2125
 
2126
+ .ant-modal-body {
2127
+ padding: 4px 0 2px;
2128
+ }
2350
2129
 
2351
- .E_dsnbhzf {
2352
- @include Inter(bold);
2353
- font-size: 32px;
2354
- line-height: 40px;
2130
+ .ant-modal-footer {
2131
+ border: none;
2132
+ }
2355
2133
  }
2356
2134
 
2357
- .E_d1mvo22k {
2358
- @include Inter(bold);
2359
- font-size: 24px;
2360
- line-height: 32px;
2135
+ .E_t1wwio3v {
2136
+ font-size: 12px;
2137
+ line-height: 18px;
2138
+ font-weight: bold;
2139
+ color: $white;
2140
+ padding: 0 4px;
2141
+ border-radius: 4px;
2142
+ display: inline-block;
2143
+ background: var(--t1wwio3v-0);
2144
+ &:not(:first-child) {
2145
+ margin-left: 4px;
2146
+ }
2361
2147
  }
2362
2148
 
2363
- .E_d1b444tr {
2364
- @include Inter();
2365
- font-size: 32px;
2366
- line-height: 40px;
2149
+ .E_f17jvtfk {
2150
+ width: 100%;
2151
+ height: 100%;
2152
+ display: flex;
2153
+ align-items: center;
2154
+ justify-content: center;
2367
2155
  }
2368
2156
 
2369
- .E_dvs0kue {
2370
- @include Inter(bold);
2371
- font-size: 20px;
2372
- line-height: 24px;
2157
+ .E_nzppkea {
2158
+ font-size: 90%;
2159
+ font-weight: bold;
2160
+ background-color: rgba(240, 243, 247, 0.6);
2161
+ padding: 1px 4px 1px;
2162
+ margin-left: 2px;
2163
+ margin-right: 2px;
2164
+ border: 1px solid rgba(213, 219, 227, 0.6);
2165
+ border-radius: 4px;
2373
2166
  }
2374
2167
 
2375
- .E_d1hcbfcq {
2376
- @include Inter();
2377
- font-size: 20px;
2378
- line-height: 24px;
2379
- }
2168
+ .E_f4mi9eq {
2169
+ &.form-item-general {
2170
+ width: 640px;
2171
+ &.form-item + &.form-item {
2172
+ margin-top: 16px;
2173
+ }
2174
+ }
2175
+ &.form-item-compact {
2176
+ width: 412px;
2177
+ &.form-item + &.form-item {
2178
+ margin-top: 8px;
2179
+ }
2180
+ }
2181
+ & .form-item {
2182
+ width: auto;
2183
+ }
2184
+ .form-item-main {
2185
+ position: relative;
2186
+ display: flex;
2187
+ }
2188
+ .form-item-extra {
2189
+ margin-top: 4px;
2190
+ width: 100%;
2191
+ padding: 14px;
2192
+ background: #f2f4f6;
2193
+ font-size: 13px;
2194
+ line-height: 1.8;
2195
+ color: #8e9aa9;
2196
+ }
2197
+ .form-item-label {
2198
+ padding-right: 12px;
2199
+ font-size: 13px;
2200
+ color: $text-secondary-light;
2380
2201
 
2381
- .E_d1cz922v {
2382
- @include Inter(bold);
2383
- font-size: 18px;
2384
- line-height: 22px;
2202
+ &.label-right {
2203
+ text-align: right;
2204
+ }
2205
+ }
2206
+ .form-item-label,
2207
+ .form-item-control {
2208
+ line-height: 32px;
2209
+ }
2210
+ .form-item-control .form-item-error {
2211
+ line-height: 18px;
2212
+ }
2213
+ .form-item-children {
2214
+ width: 100%;
2215
+ > *:only-child {
2216
+ &.ant-select,
2217
+ &.ant-radio-group,
2218
+ &.ant-checkbox-group {
2219
+ width: 100%;
2220
+ }
2221
+ }
2222
+ }
2223
+ .form-item-error {
2224
+ color: $red;
2225
+ height: 0;
2226
+ overflow: hidden;
2227
+ }
2228
+ .form-item-error-enter-done {
2229
+ margin-top: 4px;
2230
+ height: auto;
2231
+ overflow: auto;
2232
+ }
2233
+ &.form-base-field:not(.form-base-field-array) {
2234
+ .form-item-control.field-error .form-item-error {
2235
+ > input:not(.ant-input),
2236
+ :not(.ant-select) input {
2237
+ border: 1px solid $red;
2238
+ color: $red;
2239
+ }
2240
+ }
2241
+ }
2385
2242
  }
2386
2243
 
2387
- .E_d3nzbrm {
2388
- @include Inter();
2389
- font-size: 18px;
2390
- line-height: 22px;
2391
- }
2244
+ .E_fh0ewl8 {
2245
+ color: $gray-80;
2246
+ font-weight: bold;
2247
+ padding-bottom: 6px;
2248
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
2249
+ margin-bottom: 16px;
2392
2250
 
2393
- .E_h1g0p5ob {
2394
- @include Inter(bold);
2395
- font-size: 16px;
2396
- line-height: 22px;
2251
+ &:not(:first-of-type) {
2252
+ margin-top: 16px;
2253
+ }
2397
2254
  }
2398
2255
 
2399
- .E_hydo2ej {
2400
- @include Inter();
2401
- font-size: 16px;
2402
- line-height: 22px;
2403
- }
2256
+ .E_e1qrlvot {
2257
+ width: 8px;
2258
+ height: 24px;
2259
+ display: flex;
2260
+ justify-content: center;
2261
+ align-items: center;
2262
+ cursor: pointer;
2263
+ transition: all 200ms ease-out 40ms;
2404
2264
 
2405
- .E_h1hbuq0r {
2406
- @include Inter(bold);
2407
- font-size: 14px;
2408
- line-height: 20px;
2409
- }
2265
+ &:before,
2266
+ &:after {
2267
+ content: "";
2268
+ width: 1px;
2269
+ height: 6px;
2270
+ border-radius: 1px;
2271
+ background: $gray-50;
2272
+ position: relative;
2273
+ right: 2px;
2274
+ transform: rotate(-45deg);
2275
+ }
2410
2276
 
2411
- .E_h13bondg {
2412
- @include Inter();
2413
- font-size: 14px;
2414
- line-height: 20px;
2277
+ &:after {
2278
+ transform: rotate(45deg);
2279
+ left: 1px;
2280
+ }
2415
2281
  }
2416
2282
 
2417
- .E_h1mhvdlx {
2418
- @include Inter(bold);
2419
- font-size: 12px;
2420
- line-height: 18px;
2283
+ .E_w9ic984 {
2284
+ &.ant-alert-warning {
2285
+ border: 0;
2286
+ background: rgba(255, 187, 0, 0.1);
2287
+ border-radius: 6px;
2288
+ }
2289
+ &.ant-alert,
2290
+ .ant-alert-message {
2291
+ color: #e07f00;
2292
+ .dashed-border-bottom {
2293
+ border-bottom-color: #e07f00;
2294
+ }
2295
+ }
2421
2296
  }
2422
2297
 
2423
- .E_h1inmfq6 {
2424
- @include Inter();
2298
+ .E_n1k9qi4r {
2299
+ display: flex;
2300
+ flex-direction: row;
2301
+ padding: 7px 12px;
2302
+ background: rgba(255, 187, 0, 0.1);
2303
+ border-radius: 6px;
2304
+ color: $fills-light-notice-notice-dark;
2425
2305
  font-size: 12px;
2426
2306
  line-height: 18px;
2307
+ .icon-wrapper {
2308
+ margin-right: 10px;
2309
+ height: 18px;
2310
+ }
2427
2311
  }
2428
2312
 
2429
- .E_h1kfc0la {
2430
- @include Inter(bold);
2431
- @include Uppercase();
2313
+ .E_n16fsg9x {
2314
+ display: flex;
2315
+ flex-direction: row;
2316
+ padding: 7px 12px;
2317
+ background: rgba(225, 230, 241, 0.6);
2318
+ border-radius: 6px;
2319
+ color: $text-light-secondary;
2432
2320
  font-size: 12px;
2433
2321
  line-height: 18px;
2322
+ .icon-wrapper {
2323
+ margin-right: 10px;
2324
+ height: 18px;
2325
+ }
2434
2326
  }
2435
2327
 
2436
- .E_h10xnyuu {
2437
- @include Inter();
2438
- @include Uppercase();
2328
+ .E_i173wxzw {
2329
+ display: flex;
2330
+ flex-direction: row;
2331
+ padding: 7px 12px;
2332
+ background: rgba(0, 136, 255, 0.1);
2333
+ border-radius: 6px;
2334
+ color: $fills-light-general-general-dark;
2439
2335
  font-size: 12px;
2440
2336
  line-height: 18px;
2337
+ .icon-wrapper {
2338
+ margin-right: 10px;
2339
+ height: 18px;
2340
+ }
2441
2341
  }
2442
2342
 
2443
- .E_lrcmi0v {
2444
- @include Inter();
2445
- font-size: 16px;
2446
- line-height: 24px;
2343
+ .E_dld369h {
2344
+ color: $text-light-secondary;
2345
+ margin-top: 5px;
2346
+ font-size: 12px;
2347
+ line-height: 18px;
2447
2348
  }
2448
2349
 
2449
- .E_lzt43lp {
2450
- @include Inter(bold);
2451
- font-size: 16px;
2452
- line-height: 24px;
2350
+ .E_s1epv22q {
2351
+ color: $text-light-serious;
2352
+ font-size: 12px;
2353
+ white-space: pre-wrap;
2453
2354
  }
2454
2355
 
2455
- .E_l5yc9nt {
2456
- @include Inter();
2457
- font-size: 16px;
2458
- line-height: 24px;
2356
+ .E_okus5hk {
2357
+ display: flex;
2358
+ align-items: center;
2359
+ justify-content: flex-end;
2360
+ .icon-wrapper {
2361
+ margin-right: 16px;
2362
+ }
2459
2363
  }
2460
2364
 
2461
- .E_l1fbkbzo {
2462
- @include Inter(bold);
2463
- font-size: 16px;
2464
- line-height: 24px;
2365
+ .E_t1auuzri {
2366
+ color: $text-light-tertiary;
2465
2367
  }
2466
2368
 
2467
- .E_lahvcax {
2468
- @include Inter();
2469
- @include Uppercase();
2470
- font-size: 16px;
2471
- line-height: 24px;
2472
- }
2369
+ .E_i74cfyt {
2370
+ &.ant-input {
2371
+ padding: 5px 12px;
2372
+ line-height: 20px;
2373
+ color: $text-primary-light;
2374
+ border-radius: 6px;
2375
+ border-color: $strokes-light-trans-3;
2376
+ transition:
2377
+ height 240ms ease 8ms,
2378
+ border 160ms ease 8ms,
2379
+ box-shadow 160ms ease 8ms;
2380
+ }
2473
2381
 
2474
- .E_l11q3pxd {
2475
- @include Inter(bold);
2476
- @include Uppercase();
2477
- font-size: 16px;
2478
- line-height: 24px;
2479
- }
2382
+ &.ant-input.ant-input-lg {
2383
+ padding: 8px 16px;
2384
+ line-height: 22px;
2385
+ }
2480
2386
 
2481
- .E_lfuc2qu {
2482
- @include Inter();
2483
- font-size: 14px;
2484
- line-height: 22px;
2485
- }
2387
+ &.ant-input.ant-input-sm {
2388
+ padding: 2px 8px;
2389
+ line-height: 18px;
2390
+ }
2486
2391
 
2487
- .E_l1jmp8r0 {
2488
- @include Inter(500);
2489
- font-size: 14px;
2490
- line-height: 22px;
2491
- }
2392
+ &.ant-input:not([disabled]),
2393
+ &.ant-input-number:not([disabled]) {
2394
+ &:hover,
2395
+ &.__pseudo-states-hover {
2396
+ border-color: $strokes-light-trans-4;
2397
+ box-shadow: $shadow-light-hover;
2398
+ z-index: $input-hover-index;
2399
+ }
2492
2400
 
2493
- .E_lcnm221 {
2494
- @include Inter(bold);
2495
- font-size: 14px;
2496
- line-height: 22px;
2497
- }
2401
+ &:active,
2402
+ &:focus,
2403
+ &.__pseudo-states-active,
2404
+ &.__pseudo-states-focus {
2405
+ border-color: $blue;
2406
+ box-shadow: $shadow-light-active;
2407
+ z-index: $input-hover-index;
2408
+ }
2409
+ }
2498
2410
 
2499
- .E_lu1z2n5 {
2500
- @include Inter();
2501
- font-size: 14px;
2502
- line-height: 22px;
2503
- }
2411
+ &.ant-input.error:not([disabled]),
2412
+ &.ant-picker.error:not([disabled]),
2413
+ &.ant-input-number.error:not([disabled]) {
2414
+ border-color: $red;
2415
+ color: $red;
2504
2416
 
2505
- .E_l1r59djn {
2506
- @include Inter(bold);
2507
- font-size: 14px;
2508
- line-height: 22px;
2509
- }
2417
+ &:hover,
2418
+ &.__pseudo-states-hover {
2419
+ border-color: $red;
2420
+ box-shadow: $shadow-light-hover;
2421
+ }
2510
2422
 
2511
- .E_ljm2911 {
2512
- @include Inter();
2513
- @include Uppercase();
2514
- font-size: 14px;
2515
- line-height: 22px;
2516
- }
2423
+ &:active,
2424
+ &:focus,
2425
+ &.__pseudo-states-active,
2426
+ &.__pseudo-states-focus {
2427
+ border-color: $red;
2428
+ box-shadow: $shadow-light-error;
2429
+ }
2430
+ }
2517
2431
 
2518
- .E_l124mzmr {
2519
- @include Inter(bold);
2520
- @include Uppercase();
2521
- font-size: 14px;
2522
- line-height: 22px;
2523
- }
2432
+ &.ant-input[disabled],
2433
+ &.ant-input.ant-input-disabled,
2434
+ &.ant-input-number[disabled],
2435
+ &.ant-input-number.ant-input-number-disabled {
2436
+ background: $fills-trans-terdiary-light;
2437
+ color: $text-light-tertiary;
2438
+ border-color: $strokes-light-trans-3;
2439
+ }
2524
2440
 
2525
- .E_lb3chel {
2526
- @include Inter();
2527
- font-size: 13px;
2528
- line-height: 20px;
2529
- }
2441
+ &.ant-input-affix-wrapper {
2442
+ padding: 5px 12px;
2443
+ border-radius: 6px;
2444
+ border-color: $strokes-light-trans-3;
2445
+ line-height: 20px;
2446
+ color: $text-primary-light;
2447
+ transition:
2448
+ height 240ms ease 8ms,
2449
+ border 160ms ease 8ms,
2450
+ box-shadow 160ms ease 8ms;
2530
2451
 
2531
- .E_lv9jstu {
2532
- @include Inter(600);
2533
- font-size: 13px;
2534
- line-height: 20px;
2535
- }
2452
+ .ant-input-suffix,
2453
+ .ant-input-prefix {
2454
+ color: $text-secondary-light;
2455
+ }
2456
+ }
2536
2457
 
2537
- .E_lwqlh3x {
2538
- @include Inter(bold);
2539
- font-size: 13px;
2540
- line-height: 20px;
2541
- }
2458
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2459
+ padding: 8px 16px;
2460
+ line-height: 22px;
2461
+ }
2542
2462
 
2543
- .E_lalum9y {
2544
- @include Inter();
2545
- font-size: 13px;
2546
- line-height: 20px;
2547
- }
2463
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2464
+ padding: 2px 8px;
2465
+ line-height: 18px;
2466
+ }
2548
2467
 
2549
- .E_l1t6dj5o {
2550
- @include Inter(600);
2551
- font-size: 13px;
2552
- line-height: 20px;
2553
- }
2468
+ &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2469
+ &:hover,
2470
+ &.__pseudo-states-hover {
2471
+ border-color: $strokes-light-trans-4;
2472
+ box-shadow: $shadow-light-hover;
2473
+ }
2554
2474
 
2555
- .E_l12f6ic {
2556
- @include Inter(bold);
2557
- font-size: 13px;
2558
- line-height: 20px;
2559
- }
2475
+ &:active,
2476
+ &:focus,
2477
+ &.ant-input-affix-wrapper-focused,
2478
+ &.__pseudo-states-active,
2479
+ &.__pseudo-states-focus {
2480
+ border-color: $blue;
2481
+ box-shadow: $shadow-light-active;
2482
+ }
2483
+ }
2560
2484
 
2561
- .E_l7gmukq {
2562
- @include Inter();
2563
- @include Uppercase();
2564
- font-size: 13px;
2565
- line-height: 20px;
2485
+ &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2486
+ border-color: $red;
2487
+ > .ant-input {
2488
+ color: $red;
2489
+ }
2490
+
2491
+ &:hover,
2492
+ &.__pseudo-states-hover {
2493
+ border-color: $red;
2494
+ box-shadow: $shadow-light-hover;
2495
+ }
2496
+
2497
+ &:active,
2498
+ &:focus,
2499
+ &.ant-input-affix-wrapper-focused,
2500
+ &.__pseudo-states-active,
2501
+ &.__pseudo-states-focus {
2502
+ border-color: $red;
2503
+ box-shadow: $shadow-light-error;
2504
+ }
2505
+ }
2506
+
2507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2508
+ background: $fills-trans-terdiary-light;
2509
+ color: $text-light-tertiary;
2510
+ border-color: $strokes-light-trans-3;
2511
+ }
2512
+
2513
+ @at-root {
2514
+ textarea#{&}.ant-input {
2515
+ transition-property: height;
2516
+ transition-delay: 50ms;
2517
+ &.textarea-large {
2518
+ min-height: 40px;
2519
+ height: 40px;
2520
+ }
2521
+ &.textarea-large:focus {
2522
+ height: 80px;
2523
+ }
2524
+ &.textarea-middle {
2525
+ min-height: 32px;
2526
+ height: 32px;
2527
+ }
2528
+ &.textarea-middle:focus {
2529
+ height: 64px;
2530
+ }
2531
+ &.textarea-small {
2532
+ min-height: 24px;
2533
+ height: 24px;
2534
+ }
2535
+ &.textarea-small:focus {
2536
+ height: 40px;
2537
+ }
2538
+ }
2539
+ }
2566
2540
  }
2567
2541
 
2568
- .E_lkwl0yp {
2569
- @include Inter(bold);
2570
- @include Uppercase();
2571
- font-size: 13px;
2572
- line-height: 20px;
2573
- }
2542
+ .E_k1ci6977 {
2543
+ input,
2544
+ &.input-tags {
2545
+ border: 1px solid rgba(213, 219, 227, 0.6);
2546
+ border-radius: 4px;
2547
+ }
2548
+ &.input-tags {
2549
+ position: relative;
2550
+ padding: 6px;
2551
+ height: 32px;
2552
+ cursor: pointer;
2553
+ transition: border 150ms;
2554
+
2555
+ &:hover {
2556
+ border-color: $blue-60;
2557
+ box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2558
+ }
2574
2559
 
2575
- .E_l10knv48 {
2576
- @include Inter();
2577
- font-size: 12px;
2578
- line-height: 18px;
2579
- }
2560
+ &.kit-input-suffix-wrapper {
2561
+ padding-right: 30px;
2562
+ }
2580
2563
 
2581
- .E_l6526ld {
2582
- @include Inter(500);
2583
- font-size: 12px;
2584
- line-height: 18px;
2585
- }
2564
+ .input-tags-inner {
2565
+ display: flex;
2566
+ .tags-overflow-auto {
2567
+ display: flex;
2568
+ }
2569
+ }
2586
2570
 
2587
- .E_l1j81vli {
2588
- @include Inter(bold);
2589
- font-size: 12px;
2590
- line-height: 18px;
2591
- }
2571
+ .input-tag-suffix {
2572
+ position: absolute;
2573
+ right: 12px;
2574
+ top: 50%;
2575
+ transform: translateY(-50%);
2576
+ .anticon-close-circle {
2577
+ color: rgba(0, 0, 0, 0.25);
2578
+ font-size: 12px;
2579
+ cursor: pointer;
2580
+ &:hover {
2581
+ color: rgba(0, 0, 0, 0.45);
2582
+ }
2583
+ }
2584
+ }
2585
+ }
2586
+ &.has-focus-indicator {
2587
+ position: relative;
2588
+ overflow: hidden;
2592
2589
 
2593
- .E_l1x7n1mk {
2594
- @include Inter();
2595
- font-size: 12px;
2596
- line-height: 18px;
2597
- }
2590
+ .ant-input-prefix {
2591
+ position: absolute;
2592
+ top: 50%;
2593
+ transform: translateY(-50%);
2594
+ left: -16px;
2595
+ transition: left 150ms ease;
2596
+ opacity: 0;
2597
+ }
2598
+ &.ant-input-affix-wrapper-focused .ant-input-prefix {
2599
+ left: 8px;
2600
+ opacity: 1;
2601
+ }
2598
2602
 
2599
- .E_l9fqufz {
2600
- @include Inter(500);
2601
- font-size: 12px;
2602
- line-height: 18px;
2603
+ input {
2604
+ transition: margin-left 150ms ease;
2605
+ margin-left: 0px;
2606
+ &:focus {
2607
+ margin-left: 16px;
2608
+ }
2609
+ }
2610
+ }
2603
2611
  }
2604
2612
 
2605
- .E_l1iwnybd {
2606
- @include Inter(bold);
2607
- font-size: 12px;
2608
- line-height: 18px;
2613
+ .E_l1f7td1d {
2614
+ @at-root {
2615
+ input#{&}.ant-input {
2616
+ border-top-right-radius: 0;
2617
+ border-bottom-right-radius: 0;
2618
+ }
2619
+ }
2620
+ &.ant-input-affix-wrapper {
2621
+ border-top-right-radius: 0;
2622
+ border-bottom-right-radius: 0;
2623
+ }
2609
2624
  }
2610
2625
 
2611
- .E_lprtm1e {
2612
- @include Inter();
2613
- @include Uppercase();
2614
- font-size: 12px;
2615
- line-height: 18px;
2616
- }
2626
+ .E_rf8rlle {
2627
+ @at-root {
2628
+ input#{&}.ant-input {
2629
+ border-top-left-radius: 0;
2630
+ border-bottom-left-radius: 0;
2631
+ }
2632
+ }
2617
2633
 
2618
- .E_l1lln87h {
2619
- @include Inter(bold);
2620
- @include Uppercase();
2621
- font-size: 12px;
2622
- line-height: 18px;
2634
+ &.ant-input-affix-wrapper {
2635
+ border-top-left-radius: 0;
2636
+ border-bottom-left-radius: 0;
2637
+ }
2623
2638
  }
2624
2639
 
2625
- .E_f2pb48l {
2626
- @include Inter();
2627
- font-size: 13px;
2628
- line-height: 20px;
2640
+ .E_llt2k48 {
2641
+ &.ant-select.select,
2642
+ &.ant-select.select .ant-select-selector {
2643
+ border-top-right-radius: 0;
2644
+ border-bottom-right-radius: 0;
2645
+ }
2629
2646
  }
2630
2647
 
2631
- .E_fi9emkw {
2632
- @include Inter();
2633
- font-size: 13px;
2634
- line-height: 20px;
2648
+ .E_rdwz7eh {
2649
+ &.ant-select.select,
2650
+ &.ant-select.select .ant-select-selector {
2651
+ border-top-left-radius: 0;
2652
+ border-bottom-left-radius: 0;
2653
+ }
2635
2654
  }
2636
2655
 
2637
- .E_f1nrg7da {
2638
- @include Inter();
2639
- font-size: 12px;
2640
- line-height: 18px;
2641
- }
2656
+ .E_c3ni091 {
2657
+ display: flex;
2658
+ flex-direction: column;
2642
2659
 
2643
- .E_f17k1i3n {
2644
- @include Inter();
2645
- font-size: 12px;
2646
- line-height: 18px;
2647
- }
2660
+ .select-wrapper {
2661
+ margin-top: 12px;
2648
2662
 
2649
- .E_t1tvuj2e {
2650
- @include Inter();
2651
- @include Monospace();
2652
- font-size: 13px;
2653
- line-height: 20px;
2654
- }
2663
+ .select {
2664
+ width: 100%;
2665
+ }
2666
+ }
2655
2667
 
2656
- .E_t17uajlu {
2657
- @include Inter();
2658
- @include Slashed();
2659
- font-size: 13px;
2660
- line-height: 20px;
2661
- }
2668
+ .radio-wrapper {
2669
+ margin-top: 24px;
2670
+ }
2662
2671
 
2663
- .E_t114zbyz {
2664
- @include Inter();
2665
- @include Monospace();
2666
- font-size: 12px;
2667
- line-height: 18px;
2672
+ div.form-item {
2673
+ width: 100%;
2674
+ }
2668
2675
  }
2669
2676
 
2670
- .E_t1il0kvi {
2671
- @include Inter(500);
2672
- @include Monospace();
2673
- font-size: 12px;
2677
+ .E_d105ju2d {
2678
+ font-size: 14px;
2679
+ font-weight: 500;
2680
+ color: #3e4652;
2674
2681
  line-height: 18px;
2675
- }
2676
2682
 
2677
- .E_t10dv8p1 {
2678
- @include Inter();
2679
- @include Slashed();
2680
- font-size: 12px;
2681
- line-height: 18px;
2682
- }
2683
+ & + & {
2684
+ margin-top: 16px;
2685
+ }
2683
2686
 
2684
- .E_tc2oqpq {
2685
- @include Inter(500);
2686
- @include Slashed();
2687
- font-size: 12px;
2688
- line-height: 18px;
2687
+ & + * {
2688
+ margin-top: 16px;
2689
+ }
2689
2690
  }
2690
2691
 
2691
- .E_tzvddmc {
2692
- @include Inter(bold);
2693
- @include Slashed();
2694
- font-size: 16px;
2695
- line-height: 24px;
2692
+ .E_lh0l62z.E_d105ju2d {
2693
+ font-size: 12px;
2694
+ color: $gray-a60-8;
2695
+ margin-top: 12px;
2696
2696
  }
2697
2697
 
2698
- .E_u18llj45 {
2699
- @include Inter();
2700
- font-size: 10px;
2701
- line-height: 12px;
2698
+ .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2699
+ line-height: 18px;
2700
+ font-weight: 500;
2701
+ margin-top: 0;
2702
+ white-space: initial;
2702
2703
  }
2703
2704
 
2705
+ .E_r1skkc3l {
2706
+ display: block;
2704
2707
 
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);
2717
- }
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;
2708
+ span {
2709
+ font-size: 14px;
2710
+ font-weight: 500;
2711
+ line-height: 32px;
2712
+ color: #3e4652;
2713
+ }
2714
+ }
2727
2715
 
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);
2732
- }
2716
+ .E_c3cobmo {
2717
+ margin-top: 16px;
2718
+ padding: 8px;
2719
+ border-radius: 6px;
2720
+ background: $fills-element-light-container-general;
2721
+ color: $text-light-secondary;
2722
+ font-size: 12px;
2723
+ div {
2724
+ line-height: 20px;
2725
+ display: flex;
2726
+ align-items: center;
2727
+ word-break: break-all;
2728
+ }
2733
2729
 
2734
- &:active {
2735
- transform: translateY(2px);
2736
- transition: all 320ms ease;
2737
- }
2730
+ .title {
2731
+ font-weight: 700;
2732
+ line-height: 18px;
2733
+ margin: 4px 0;
2738
2734
  }
2739
2735
  }
2740
2736
 
2737
+ .E_uqv57uv {
2738
+ color: #2C3852BF;
2739
+ }
2740
+
2741
2741
 
2742
2742
  .E_m196gn1d {
2743
2743
  min-width: 1280px;
@@ -3107,6 +3107,23 @@
3107
3107
  }
3108
3108
 
3109
3109
 
3110
+ .E_ryby9ds {
3111
+ display: flex;
3112
+ align-items: center;
3113
+ .order {
3114
+ height: 24px;
3115
+ width: 24px;
3116
+ border-radius: 20px;
3117
+ color: $text-light-general;
3118
+ background: $fill-light-element-container-outstanding;
3119
+ display: flex;
3120
+ align-items: center;
3121
+ justify-content: center;
3122
+ margin-right: 6px;
3123
+ }
3124
+ }
3125
+
3126
+
3110
3127
  .E_hrhfj7c {
3111
3128
  display: none;
3112
3129
  }
@@ -3299,79 +3316,18 @@
3299
3316
  }
3300
3317
 
3301
3318
 
3302
- .E_ryby9ds {
3303
- display: flex;
3304
- align-items: center;
3305
- .order {
3306
- height: 24px;
3307
- width: 24px;
3308
- border-radius: 20px;
3309
- color: $text-light-general;
3310
- background: $fill-light-element-container-outstanding;
3311
- display: flex;
3312
- align-items: center;
3313
- justify-content: center;
3314
- margin-right: 6px;
3315
- }
3316
- }
3317
-
3318
-
3319
- .E_s11wux3h {
3320
- .antd5-segmented-item:not(:last-child) {
3321
- margin-right: 2px;
3322
- }
3323
- }
3324
-
3325
- .E_s1t2an3z {
3326
- &.antd5-segmented-sm .antd5-segmented-item-label {
3327
- padding-left: 8px;
3328
- padding-right: 8px;
3329
- font-size: 12px;
3330
- }
3331
-
3332
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3333
- border-radius: 4px;
3334
- }
3335
-
3336
- &.antd5-segmented
3337
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3338
- .antd5-segmented-item-disabled
3339
- ) {
3340
- border-radius: 4px;
3341
- }
3342
- }
3343
-
3344
- .E_ma64lna {
3345
- .antd5-segmented-item-label {
3346
- padding-left: 12px;
3347
- padding-right: 12px;
3348
- }
3349
- }
3350
-
3351
- .E_ckld275 {
3352
- background-color: $fill-neutral-trans-2;
3353
- &.antd5-segmented
3354
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3355
- .antd5-segmented-item-disabled
3356
- ) {
3357
- background-color: $fill-neutral-light-white;
3358
- color: $text-neutral-secondary-light;
3359
- }
3360
- // on animate remove hover bg color
3361
- &.antd5-segmented
3362
- .antd5-segmented-thumb
3363
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3364
- .antd5-segmented-item-disabled
3365
- ) {
3366
- background-color: transparent;
3367
- }
3368
- // remove after's bg color
3369
- &.antd5-segmented
3370
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3371
- .antd5-segmented-item-disabled
3372
- )::after {
3373
- background-color: transparent;
3374
- }
3319
+ .E_m5foqp8 {
3320
+ --footer-height: 96px;
3321
+ --header-height: 80px;
3322
+ --modal-content-width: 720px;
3323
+ --modal-content-min-height: 200px;
3324
+ --modal-content-max-height: calc(
3325
+ 100vh - 136px - var(--header-height) - var(--footer-height)
3326
+ );
3327
+ --modal-header-padding: 36px 60px 0;
3328
+ --modal-content-padding-y: 36px;
3329
+ --modal-content-padding-x: 60px;
3330
+ --modal-footer-padding: 0 60px;
3375
3331
  }
3376
3332
 
3377
3333
 
@@ -3645,18 +3601,62 @@
3645
3601
  }
3646
3602
 
3647
3603
 
3648
- .E_m5foqp8 {
3649
- --footer-height: 96px;
3650
- --header-height: 80px;
3651
- --modal-content-width: 720px;
3652
- --modal-content-min-height: 200px;
3653
- --modal-content-max-height: calc(
3654
- 100vh - 136px - var(--header-height) - var(--footer-height)
3655
- );
3656
- --modal-header-padding: 36px 60px 0;
3657
- --modal-content-padding-y: 36px;
3658
- --modal-content-padding-x: 60px;
3659
- --modal-footer-padding: 0 60px;
3604
+ .E_s11wux3h {
3605
+ .antd5-segmented-item:not(:last-child) {
3606
+ margin-right: 2px;
3607
+ }
3608
+ }
3609
+
3610
+ .E_s1t2an3z {
3611
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3612
+ padding-left: 8px;
3613
+ padding-right: 8px;
3614
+ font-size: 12px;
3615
+ }
3616
+
3617
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3618
+ border-radius: 4px;
3619
+ }
3620
+
3621
+ &.antd5-segmented
3622
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3623
+ .antd5-segmented-item-disabled
3624
+ ) {
3625
+ border-radius: 4px;
3626
+ }
3627
+ }
3628
+
3629
+ .E_ma64lna {
3630
+ .antd5-segmented-item-label {
3631
+ padding-left: 12px;
3632
+ padding-right: 12px;
3633
+ }
3634
+ }
3635
+
3636
+ .E_ckld275 {
3637
+ background-color: $fill-neutral-trans-2;
3638
+ &.antd5-segmented
3639
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3640
+ .antd5-segmented-item-disabled
3641
+ ) {
3642
+ background-color: $fill-neutral-light-white;
3643
+ color: $text-neutral-secondary-light;
3644
+ }
3645
+ // on animate remove hover bg color
3646
+ &.antd5-segmented
3647
+ .antd5-segmented-thumb
3648
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3649
+ .antd5-segmented-item-disabled
3650
+ ) {
3651
+ background-color: transparent;
3652
+ }
3653
+ // remove after's bg color
3654
+ &.antd5-segmented
3655
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3656
+ .antd5-segmented-item-disabled
3657
+ )::after {
3658
+ background-color: transparent;
3659
+ }
3660
3660
  }
3661
3661
 
3662
3662
 
@@ -3694,38 +3694,126 @@
3694
3694
  &.ui-kit-link-primary {
3695
3695
  color: #00122E;
3696
3696
 
3697
- &:hover,
3698
- &.__pseudo-states-hover {
3699
- color: #0080FF;
3700
- }
3697
+ &:hover,
3698
+ &.__pseudo-states-hover {
3699
+ color: #0080FF;
3700
+ }
3701
+
3702
+ &:active,
3703
+ &.__pseudo-states-active {
3704
+ color: #005ED1;
3705
+ }
3706
+
3707
+ &.ui-kit-link-disabled {
3708
+ color: #00122E;
3709
+ }
3710
+ }
3711
+
3712
+ &.ui-kit-link-secondary {
3713
+ color: #2C3852BF;
3714
+
3715
+ &:hover,
3716
+ &.__pseudo-states-hover {
3717
+ color: #0080FF;
3718
+ }
3719
+
3720
+ &:active,
3721
+ &.__pseudo-states-active {
3722
+ color: #005ED1;
3723
+ }
3724
+
3725
+ &.ui-kit-link-disabled {
3726
+ color: #2C3852BF;
3727
+ }
3728
+ }
3729
+ }
3730
+ }
3731
+ }
3732
+
3733
+
3734
+ .E_ckui4s7 {
3735
+ color: $text-primary-light;
3736
+ line-height: 22px;
3737
+ display: inline-flex;
3738
+ .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; } } }
3739
+ }
3740
+
3741
+
3742
+ .E_c1kghdax {
3743
+ color: $text-primary-light;
3744
+ padding: 7px 12px;
3745
+ display: flex;
3746
+ justify-content: space-between;
3747
+ align-items: center;
3748
+
3749
+ &.has-arrow {
3750
+ padding-left: 10px;
3751
+
3752
+ .title-wrapper {
3753
+ cursor: pointer;
3754
+ color: $text-light-primary;
3701
3755
 
3702
- &:active,
3703
- &.__pseudo-states-active {
3704
- color: #005ED1;
3705
- }
3756
+ &.is-open {
3757
+ color: $text-primary-light;
3758
+ font-weight: 600;
3706
3759
 
3707
- &.ui-kit-link-disabled {
3708
- color: #00122E;
3760
+ .collapse-arrow {
3761
+ transform: rotate(90deg);
3709
3762
  }
3710
3763
  }
3764
+ }
3765
+ }
3711
3766
 
3712
- &.ui-kit-link-secondary {
3713
- color: #2C3852BF;
3767
+ .sub-info {
3768
+ font-size: 12px;
3769
+ line-height: 18px;
3770
+ }
3714
3771
 
3715
- &:hover,
3716
- &.__pseudo-states-hover {
3717
- color: #0080FF;
3718
- }
3772
+ .title-wrapper {
3773
+ display: flex;
3774
+ align-items: center;
3775
+ user-select: none;
3776
+ flex-grow: 1;
3777
+ font-size: 12px;
3778
+ line-height: 18px;
3779
+ color: $text-primary-light;
3780
+ font-weight: 700;
3781
+ }
3719
3782
 
3720
- &:active,
3721
- &.__pseudo-states-active {
3722
- color: #005ED1;
3723
- }
3783
+ .collapse-arrow {
3784
+ transition: all 50ms ease-out 0ms;
3785
+ margin-right: 2px;
3786
+ }
3787
+ }
3724
3788
 
3725
- &.ui-kit-link-disabled {
3726
- color: #2C3852BF;
3727
- }
3728
- }
3789
+
3790
+ .E_c1yd35n {
3791
+ padding: 0 12px 14px 12px;
3792
+ }
3793
+
3794
+
3795
+ .E_b14q2gmw {
3796
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3797
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3798
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3799
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3800
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3801
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3802
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3803
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3804
+ }
3805
+
3806
+ .E_c1eym6el {
3807
+ border-radius: 8px;
3808
+ background-color: white;
3809
+ &.hoverable {
3810
+ cursor: pointer;
3811
+
3812
+ &:hover {
3813
+ transition: all 200ms ease;
3814
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3815
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3816
+ transform: translateY(-4px);
3729
3817
  }
3730
3818
  }
3731
3819
  }
@@ -4253,94 +4341,6 @@
4253
4341
  }
4254
4342
 
4255
4343
 
4256
- .E_c1yd35n {
4257
- padding: 0 12px 14px 12px;
4258
- }
4259
-
4260
-
4261
- .E_c1kghdax {
4262
- color: $text-primary-light;
4263
- padding: 7px 12px;
4264
- display: flex;
4265
- justify-content: space-between;
4266
- align-items: center;
4267
-
4268
- &.has-arrow {
4269
- padding-left: 10px;
4270
-
4271
- .title-wrapper {
4272
- cursor: pointer;
4273
- color: $text-light-primary;
4274
-
4275
- &.is-open {
4276
- color: $text-primary-light;
4277
- font-weight: 600;
4278
-
4279
- .collapse-arrow {
4280
- transform: rotate(90deg);
4281
- }
4282
- }
4283
- }
4284
- }
4285
-
4286
- .sub-info {
4287
- font-size: 12px;
4288
- line-height: 18px;
4289
- }
4290
-
4291
- .title-wrapper {
4292
- display: flex;
4293
- align-items: center;
4294
- user-select: none;
4295
- flex-grow: 1;
4296
- font-size: 12px;
4297
- line-height: 18px;
4298
- color: $text-primary-light;
4299
- font-weight: 700;
4300
- }
4301
-
4302
- .collapse-arrow {
4303
- transition: all 50ms ease-out 0ms;
4304
- margin-right: 2px;
4305
- }
4306
- }
4307
-
4308
-
4309
- .E_ckui4s7 {
4310
- color: $text-primary-light;
4311
- line-height: 22px;
4312
- display: inline-flex;
4313
- .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; } } }
4314
- }
4315
-
4316
-
4317
- .E_b14q2gmw {
4318
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4319
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4320
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4321
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4322
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4323
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4324
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4325
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4326
- }
4327
-
4328
- .E_c1eym6el {
4329
- border-radius: 8px;
4330
- background-color: white;
4331
- &.hoverable {
4332
- cursor: pointer;
4333
-
4334
- &:hover {
4335
- transition: all 200ms ease;
4336
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4337
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4338
- transform: translateY(-4px);
4339
- }
4340
- }
4341
- }
4342
-
4343
-
4344
4344
  .E_r77hffu {
4345
4345
  display: flex;
4346
4346
  align-items: center;
@@ -4642,41 +4642,6 @@
4642
4642
  }
4643
4643
 
4644
4644
 
4645
- .E_t13ef470 {
4646
- height: 100%;
4647
- .table-loading-item {
4648
- padding: 12px 4px;
4649
- border-bottom: 1px solid rgba($gray-50, 0.18);
4650
- display: flex;
4651
-
4652
- > * {
4653
- height: 16px;
4654
- margin: 4px;
4655
- background: rgba($gray-50, 0.18);
4656
- border-radius: 2px;
4657
- }
4658
- .checkbox-loading {
4659
- width: 16px;
4660
- }
4661
- .td-loading {
4662
- flex: 1;
4663
- }
4664
- }
4665
-
4666
- :nth-child(1) {
4667
- padding: 8px 4px;
4668
- > * {
4669
- background: rgba($gray-70, 0.18);
4670
- }
4671
- }
4672
- :nth-child(1) {
4673
- > * {
4674
- background: rgba($gray-60, 0.18);
4675
- }
4676
- }
4677
- }
4678
-
4679
-
4680
4645
  .E_w7ob4th {
4681
4646
  &.outside-tag {
4682
4647
  padding-left: 0;
@@ -4805,6 +4770,12 @@
4805
4770
  }
4806
4771
 
4807
4772
 
4773
+ .E_i1g85yz3 {
4774
+ margin-right: 4px;
4775
+ height: 16px;
4776
+ }
4777
+
4778
+
4808
4779
  .E_t1dtlqs1 {
4809
4780
  margin-bottom: 4px;
4810
4781
  color: $text-secondary-light;
@@ -5022,9 +4993,38 @@
5022
4993
  }
5023
4994
 
5024
4995
 
5025
- .E_i1g85yz3 {
5026
- margin-right: 4px;
5027
- height: 16px;
4996
+ .E_t13ef470 {
4997
+ height: 100%;
4998
+ .table-loading-item {
4999
+ padding: 12px 4px;
5000
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5001
+ display: flex;
5002
+
5003
+ > * {
5004
+ height: 16px;
5005
+ margin: 4px;
5006
+ background: rgba($gray-50, 0.18);
5007
+ border-radius: 2px;
5008
+ }
5009
+ .checkbox-loading {
5010
+ width: 16px;
5011
+ }
5012
+ .td-loading {
5013
+ flex: 1;
5014
+ }
5015
+ }
5016
+
5017
+ :nth-child(1) {
5018
+ padding: 8px 4px;
5019
+ > * {
5020
+ background: rgba($gray-70, 0.18);
5021
+ }
5022
+ }
5023
+ :nth-child(1) {
5024
+ > * {
5025
+ background: rgba($gray-60, 0.18);
5026
+ }
5027
+ }
5028
5028
  }
5029
5029
 
5030
5030
 
@@ -5711,11 +5711,6 @@
5711
5711
  }
5712
5712
 
5713
5713
 
5714
- .E_t1616y1o {
5715
- color: $text-light-on-tint;
5716
- }
5717
-
5718
-
5719
5714
  .E_f16blduf {
5720
5715
  &.ant-form-item {
5721
5716
  margin-bottom: 0;
@@ -5742,6 +5737,11 @@
5742
5737
  }
5743
5738
 
5744
5739
 
5740
+ .E_t1616y1o {
5741
+ color: $text-light-on-tint;
5742
+ }
5743
+
5744
+
5745
5745
  .E_a9y3flr {
5746
5746
  margin-left: 8px;
5747
5747
  }
@@ -5885,57 +5885,15 @@
5885
5885
  }
5886
5886
 
5887
5887
 
5888
- .E_c18bcrac {
5889
- display: inline-block;
5890
- width: 100%;
5891
- .recharts-wrapper {
5892
- margin-left: 4px;
5893
- }
5894
- }
5895
-
5896
- .E_cro7kg2 {
5897
- padding: 4px;
5898
-
5899
- .unit {
5900
- color: white;
5901
- }
5902
- }
5903
-
5904
- .E_c14wcxf0 {
5905
- display: flex;
5906
- justify-content: space-between;
5907
- align-items: center;
5908
- font-size: 13px;
5909
- line-height: 24px;
5910
- color: #cccccc;
5911
- white-space: nowrap;
5888
+ .E_gmyahx3 {
5889
+ cursor: pointer;
5912
5890
 
5913
- label {
5914
- margin-right: 32px;
5891
+ .link-text {
5892
+ color: $text-light-tertiary;
5915
5893
  }
5916
- }
5917
-
5918
- .E_coy29mj.E_c14wcxf0 {
5919
- font-weight: bold;
5920
- color: white;
5921
- }
5922
-
5923
- .E_s11212zy {
5924
- width: 8px;
5925
- height: 8px;
5926
- border-radius: 2px;
5927
- display: inline-block;
5928
- background: var(--s11212zy-0);
5929
- border: 1px solid $fills-light-white;
5930
- box-sizing: content-box;
5931
- margin-right: 6px;
5932
- }
5933
5894
 
5934
- .E_p1lyky6c {
5935
- & > :first-child {
5936
- font-weight: bold;
5937
- color: white;
5938
- margin-right: 4px;
5895
+ &:hover .link-text {
5896
+ color: $text-light-general;
5939
5897
  }
5940
5898
  }
5941
5899
 
@@ -6038,66 +5996,57 @@
6038
5996
  }
6039
5997
 
6040
5998
 
6041
- .E_n12mqh7z {
6042
- display: flex;
6043
- align-items: center;
6044
- font-size: 12px;
6045
- line-height: 18px;
6046
-
6047
- &:not(:last-child) {
6048
- margin-bottom: 4px;
5999
+ .E_c18bcrac {
6000
+ display: inline-block;
6001
+ width: 100%;
6002
+ .recharts-wrapper {
6003
+ margin-left: 4px;
6049
6004
  }
6050
6005
  }
6051
6006
 
6052
- .E_tf5bynu {
6053
- margin: 0 3px;
6054
- }
6055
-
6056
- .E_tcckoz1 {
6057
- max-height: 400px;
6058
- overflow: auto;
6059
- }
6060
-
6007
+ .E_cro7kg2 {
6008
+ padding: 4px;
6061
6009
 
6062
- .E_ou7iq30 {
6063
- overflow: hidden;
6064
- text-overflow: ellipsis;
6010
+ .unit {
6011
+ color: white;
6012
+ }
6065
6013
  }
6066
6014
 
6067
- .E_s1tui002 {
6015
+ .E_c14wcxf0 {
6016
+ display: flex;
6017
+ justify-content: space-between;
6018
+ align-items: center;
6019
+ font-size: 13px;
6020
+ line-height: 24px;
6021
+ color: #cccccc;
6068
6022
  white-space: nowrap;
6069
- }
6070
-
6071
- .E_mxrc2zg {
6072
- display: -webkit-box;
6073
- -webkit-line-clamp: var(--mxrc2zg-0);
6074
- -webkit-box-orient: vertical;
6075
- word-break: break-all;
6076
- }
6077
6023
 
6078
- .E_t1vv6d68 {
6079
- .ant-tooltip-arrow {
6080
- display: none;
6081
- }
6082
- .ant-tooltip-inner {
6083
- background: $gray-a80-9;
6084
- border-radius: 4px;
6085
- &:has(.eagle-ellipsis-content) {
6086
- visibility: hidden;
6087
- }
6024
+ label {
6025
+ margin-right: 32px;
6088
6026
  }
6089
6027
  }
6090
6028
 
6029
+ .E_coy29mj.E_c14wcxf0 {
6030
+ font-weight: bold;
6031
+ color: white;
6032
+ }
6091
6033
 
6092
- .E_gmyahx3 {
6093
- cursor: pointer;
6094
-
6095
- .link-text {
6096
- color: $text-light-tertiary;
6097
- }
6034
+ .E_s11212zy {
6035
+ width: 8px;
6036
+ height: 8px;
6037
+ border-radius: 2px;
6038
+ display: inline-block;
6039
+ background: var(--s11212zy-0);
6040
+ border: 1px solid $fills-light-white;
6041
+ box-sizing: content-box;
6042
+ margin-right: 6px;
6043
+ }
6098
6044
 
6099
- &:hover .link-text {
6100
- color: $text-light-general;
6045
+ .E_p1lyky6c {
6046
+ & > :first-child {
6047
+ font-weight: bold;
6048
+ color: white;
6049
+ margin-right: 4px;
6101
6050
  }
6102
6051
  }
6103
6052
 
@@ -6414,14 +6363,53 @@
6414
6363
  }
6415
6364
 
6416
6365
 
6417
- .E_s1iv0tp1 {
6418
- .enabled-switch {
6419
- display: flex;
6420
- align-items: center;
6366
+ .E_n12mqh7z {
6367
+ display: flex;
6368
+ align-items: center;
6369
+ font-size: 12px;
6370
+ line-height: 18px;
6371
+
6372
+ &:not(:last-child) {
6373
+ margin-bottom: 4px;
6421
6374
  }
6375
+ }
6422
6376
 
6423
- .enabled-text {
6424
- margin-right: 8px;
6377
+ .E_tf5bynu {
6378
+ margin: 0 3px;
6379
+ }
6380
+
6381
+ .E_tcckoz1 {
6382
+ max-height: 400px;
6383
+ overflow: auto;
6384
+ }
6385
+
6386
+
6387
+ .E_ou7iq30 {
6388
+ overflow: hidden;
6389
+ text-overflow: ellipsis;
6390
+ }
6391
+
6392
+ .E_s1tui002 {
6393
+ white-space: nowrap;
6394
+ }
6395
+
6396
+ .E_mxrc2zg {
6397
+ display: -webkit-box;
6398
+ -webkit-line-clamp: var(--mxrc2zg-0);
6399
+ -webkit-box-orient: vertical;
6400
+ word-break: break-all;
6401
+ }
6402
+
6403
+ .E_t1vv6d68 {
6404
+ .ant-tooltip-arrow {
6405
+ display: none;
6406
+ }
6407
+ .ant-tooltip-inner {
6408
+ background: $gray-a80-9;
6409
+ border-radius: 4px;
6410
+ &:has(.eagle-ellipsis-content) {
6411
+ visibility: hidden;
6412
+ }
6425
6413
  }
6426
6414
  }
6427
6415
 
@@ -6538,6 +6526,44 @@
6538
6526
  }
6539
6527
 
6540
6528
 
6529
+ .E_wg1tsps {
6530
+ display: flex;
6531
+ align-items: center;
6532
+ justify-content: flex-end;
6533
+ }
6534
+
6535
+ .E_b1ctd5xy {
6536
+ display: flex;
6537
+ align-items: center;
6538
+ width: calc(100% - 40px);
6539
+
6540
+ .chart {
6541
+ display: inline-block;
6542
+ width: 100%;
6543
+ }
6544
+ }
6545
+
6546
+ .E_u1p8acpn {
6547
+ min-width: 40px;
6548
+
6549
+ .unit {
6550
+ color: $text-light-primary !important;
6551
+ }
6552
+ }
6553
+
6554
+
6555
+ .E_s1iv0tp1 {
6556
+ .enabled-switch {
6557
+ display: flex;
6558
+ align-items: center;
6559
+ }
6560
+
6561
+ .enabled-text {
6562
+ margin-right: 8px;
6563
+ }
6564
+ }
6565
+
6566
+
6541
6567
  .E_t160l1cm {
6542
6568
  display: flex;
6543
6569
  flex-direction: column;
@@ -6788,47 +6814,28 @@
6788
6814
  white-space: nowrap;
6789
6815
 
6790
6816
  &:not(:first-child) {
6791
- &::before {
6792
- content: " ";
6793
- height: 1px;
6794
- width: calc(100% + 10px);
6795
- background: $strokes-translucent-1-light;
6796
- display: block;
6797
- }
6798
- }
6799
-
6800
- &.ant-dropdown-menu-item-selected {
6801
- color: $blue-60;
6802
- background: transparent;
6803
- }
6804
- }
6805
- }
6806
- }
6807
-
6808
-
6809
- .E_wg1tsps {
6810
- display: flex;
6811
- align-items: center;
6812
- justify-content: flex-end;
6813
- }
6814
-
6815
- .E_b1ctd5xy {
6816
- display: flex;
6817
- align-items: center;
6818
- width: calc(100% - 40px);
6817
+ &::before {
6818
+ content: " ";
6819
+ height: 1px;
6820
+ width: calc(100% + 10px);
6821
+ background: $strokes-translucent-1-light;
6822
+ display: block;
6823
+ }
6824
+ }
6819
6825
 
6820
- .chart {
6821
- display: inline-block;
6822
- width: 100%;
6826
+ &.ant-dropdown-menu-item-selected {
6827
+ color: $blue-60;
6828
+ background: transparent;
6829
+ }
6830
+ }
6823
6831
  }
6824
6832
  }
6825
6833
 
6826
- .E_u1p8acpn {
6827
- min-width: 40px;
6828
6834
 
6829
- .unit {
6830
- color: $text-light-primary !important;
6831
- }
6835
+ .E_h1ol2wl7 {
6836
+ font-weight: bold;
6837
+ background-color: unset;
6838
+ padding: unset;
6832
6839
  }
6833
6840
 
6834
6841
 
@@ -6932,13 +6939,6 @@
6932
6939
  }
6933
6940
 
6934
6941
 
6935
- .E_h1ol2wl7 {
6936
- font-weight: bold;
6937
- background-color: unset;
6938
- padding: unset;
6939
- }
6940
-
6941
-
6942
6942
  .E_kr6am0s {
6943
6943
  .ant-modal-body {
6944
6944
  padding: 60px 128px;
@@ -7013,118 +7013,6 @@
7013
7013
  }
7014
7014
 
7015
7015
 
7016
- .E_c1ss4prm {
7017
- color: $text-light-secondary;
7018
-
7019
- li {
7020
- margin-bottom: 4px;
7021
-
7022
- &:last-child {
7023
- margin-bottom: 0;
7024
- }
7025
- }
7026
- }
7027
-
7028
- .E_ms3tlei {
7029
- background: $fill-neutral-trans-2;
7030
- padding: 8px;
7031
- border-radius: 6px;
7032
- color: $gray-a60-8;
7033
-
7034
- li {
7035
- margin-bottom: 4px;
7036
-
7037
- &:last-child {
7038
- margin-bottom: 0;
7039
- }
7040
- }
7041
- }
7042
-
7043
- .E_du44iy7 {
7044
- margin-bottom: 4px;
7045
- }
7046
-
7047
- .E_s1qmhanr {
7048
- color: $text-light-secondary;
7049
- margin-bottom: 8px;
7050
- }
7051
-
7052
- .E_drje1h0 {
7053
- height: 1px;
7054
- background: $strokes-light-opaque-2;
7055
- margin: 16px 0;
7056
- }
7057
-
7058
-
7059
- .E_l12xdkhl {
7060
- width: 64px;
7061
- height: 64px;
7062
- max-width: 64px;
7063
- max-height: 64px;
7064
- overflow: hidden;
7065
- display: flex;
7066
- align-items: center;
7067
- justify-content: center;
7068
- position: relative;
7069
- opacity: 0.6;
7070
- .icon-wrapper {
7071
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7072
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7073
- }
7074
- }
7075
-
7076
-
7077
- .E_c14ouk5o {
7078
- width: 100%;
7079
- height: 100%;
7080
- display: flex;
7081
- font-size: 12px;
7082
- line-height: 18px;
7083
- padding: 8px 0;
7084
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7085
-
7086
- &:last-of-type {
7087
- box-shadow: none;
7088
- padding-bottom: 0;
7089
- }
7090
- &.collapsed {
7091
- flex-direction: column;
7092
-
7093
- .collapsed-content {
7094
- display: flex;
7095
-
7096
- > span {
7097
- flex: 1;
7098
- display: flex;
7099
- justify-content: space-between;
7100
- .ant-btn {
7101
- height: auto;
7102
- }
7103
- }
7104
- }
7105
- .extra-content {
7106
- margin-left: 162px;
7107
- }
7108
- }
7109
-
7110
- .col-label {
7111
- width: 216px;
7112
- color: $text-secondary-light;
7113
- margin-right: 12px;
7114
- flex-shrink: 0;
7115
- }
7116
-
7117
- .col-content {
7118
- color: $text-primary-light;
7119
-
7120
- /* make btn link in info row have the same height as normal text */
7121
- .ant-btn.ant-btn-link {
7122
- height: auto;
7123
- }
7124
- }
7125
- }
7126
-
7127
-
7128
7016
  .E_c1kchka8 {
7129
7017
  height: 100%;
7130
7018
  width: 100%;
@@ -7724,6 +7612,67 @@
7724
7612
  }
7725
7613
 
7726
7614
 
7615
+ .E_l12xdkhl {
7616
+ width: 64px;
7617
+ height: 64px;
7618
+ max-width: 64px;
7619
+ max-height: 64px;
7620
+ overflow: hidden;
7621
+ display: flex;
7622
+ align-items: center;
7623
+ justify-content: center;
7624
+ position: relative;
7625
+ opacity: 0.6;
7626
+ .icon-wrapper {
7627
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7628
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7629
+ }
7630
+ }
7631
+
7632
+
7633
+ .E_c1ss4prm {
7634
+ color: $text-light-secondary;
7635
+
7636
+ li {
7637
+ margin-bottom: 4px;
7638
+
7639
+ &:last-child {
7640
+ margin-bottom: 0;
7641
+ }
7642
+ }
7643
+ }
7644
+
7645
+ .E_ms3tlei {
7646
+ background: $fill-neutral-trans-2;
7647
+ padding: 8px;
7648
+ border-radius: 6px;
7649
+ color: $gray-a60-8;
7650
+
7651
+ li {
7652
+ margin-bottom: 4px;
7653
+
7654
+ &:last-child {
7655
+ margin-bottom: 0;
7656
+ }
7657
+ }
7658
+ }
7659
+
7660
+ .E_du44iy7 {
7661
+ margin-bottom: 4px;
7662
+ }
7663
+
7664
+ .E_s1qmhanr {
7665
+ color: $text-light-secondary;
7666
+ margin-bottom: 8px;
7667
+ }
7668
+
7669
+ .E_drje1h0 {
7670
+ height: 1px;
7671
+ background: $strokes-light-opaque-2;
7672
+ margin: 16px 0;
7673
+ }
7674
+
7675
+
7727
7676
  .E_cevhqx7 {
7728
7677
  color: $text-light-primary;
7729
7678
  }
@@ -7733,3 +7682,54 @@
7733
7682
  color: $text-light-secondary;
7734
7683
  }
7735
7684
 
7685
+
7686
+ .E_c14ouk5o {
7687
+ width: 100%;
7688
+ height: 100%;
7689
+ display: flex;
7690
+ font-size: 12px;
7691
+ line-height: 18px;
7692
+ padding: 8px 0;
7693
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7694
+
7695
+ &:last-of-type {
7696
+ box-shadow: none;
7697
+ padding-bottom: 0;
7698
+ }
7699
+ &.collapsed {
7700
+ flex-direction: column;
7701
+
7702
+ .collapsed-content {
7703
+ display: flex;
7704
+
7705
+ > span {
7706
+ flex: 1;
7707
+ display: flex;
7708
+ justify-content: space-between;
7709
+ .ant-btn {
7710
+ height: auto;
7711
+ }
7712
+ }
7713
+ }
7714
+ .extra-content {
7715
+ margin-left: 162px;
7716
+ }
7717
+ }
7718
+
7719
+ .col-label {
7720
+ width: 216px;
7721
+ color: $text-secondary-light;
7722
+ margin-right: 12px;
7723
+ flex-shrink: 0;
7724
+ }
7725
+
7726
+ .col-content {
7727
+ color: $text-primary-light;
7728
+
7729
+ /* make btn link in info row have the same height as normal text */
7730
+ .ant-btn.ant-btn-link {
7731
+ height: auto;
7732
+ }
7733
+ }
7734
+ }
7735
+