@cloudtower/eagle 0.34.12 → 0.34.14

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.
@@ -1,28 +1,3 @@
1
- .E_m74vjol {
2
- display: flex;
3
- justify-content: space-between;
4
- width: 100%;
5
- & .action {
6
- margin-left: 16px;
7
- }
8
- }
9
-
10
- .E_a1o35uvh {
11
- &.ant-alert-closable {
12
- padding-right: 12px;
13
-
14
- .ant-alert-close-icon {
15
- height: fit-content;
16
- margin-left: 16px;
17
- }
18
- }
19
-
20
- .ant-alert-message {
21
- flex: 1;
22
- }
23
- }
24
-
25
-
26
1
  .E_c18gxmrl {
27
2
  border: 1px solid $gray-40;
28
3
  border-radius: 4px;
@@ -51,164 +26,27 @@
51
26
  }
52
27
 
53
28
 
54
- .E_c1yyuluq {
55
- border-radius: 8px;
56
- .ant-card-body {
57
- padding: 20px 24px 24px 24px;
58
- }
59
- }
60
-
61
-
62
- .E_phljevk {
29
+ .E_m74vjol {
63
30
  display: flex;
64
31
  justify-content: space-between;
65
- align-items: center;
66
- padding: 10px 0;
67
- color: $text-light-secondary;
68
- font-size: 12px;
69
- line-height: 24px;
70
-
71
- .pagination-left {
72
- padding: 2px 8px;
73
- }
74
-
75
- .dropdown-trigger {
76
- display: flex;
77
- align-items: center;
78
- border-radius: 6px;
79
- cursor: pointer;
80
- transition: all 0.3s ease;
81
-
82
- &:hover {
83
- background: $fills-interaction-light-general-hover;
84
- color: $text-light-general;
85
- }
86
- .icon-inner {
87
- margin-left: 4px;
88
- }
89
- }
90
-
91
- .pagination-right {
92
- display: flex;
93
- align-items: center;
94
- color: $blue-60;
95
- font-weight: bold;
96
- .icon-inner {
97
- margin-left: 4px;
98
- }
99
- .prev-btn,
100
- .next-btn {
101
- padding: 0 8px;
102
- > span {
103
- color: $text-light-general;
104
- }
105
- }
106
-
107
- .next-btn {
108
- .icon-inner {
109
- transform: rotate(180deg);
110
- }
111
- }
112
- }
113
- }
114
-
115
- .E_d12rtyeg {
116
- &.ant-dropdown .ant-dropdown-menu {
117
- max-height: calc(100vh - 128px);
118
- overflow-y: auto;
119
-
120
- .ant-dropdown-menu-item {
121
- padding: 4px 20px;
122
- font-size: 12px;
123
- line-height: 18px;
124
- }
125
- }
126
- }
127
-
128
-
129
- .E_itxley7 {
130
- &.ant-input-group.ant-input-group-compact {
131
- display: flex;
132
- }
133
-
134
- &.ant-input-group.ant-input-group-compact > *:first-child,
135
- &.ant-input-group.ant-input-group-compact
136
- > .ant-select:first-child
137
- > .ant-select-selector,
138
- &.ant-input-group.ant-input-group-compact
139
- > .ant-calendar-picker:first-child
140
- .ant-input,
141
- &.ant-input-group.ant-input-group-compact
142
- > .ant-select-auto-complete:first-child
143
- .ant-input,
144
- &.ant-input-group.ant-input-group-compact
145
- > .ant-cascader-picker:first-child
146
- .ant-input,
147
- &.ant-input-group.ant-input-group-compact
148
- > .ant-mention-wrapper:first-child
149
- .ant-mention-editor,
150
- &.ant-input-group.ant-input-group-compact
151
- > .ant-time-picker:first-child
152
- .ant-time-picker-input {
153
- border-bottom-left-radius: 5px;
154
- border-top-left-radius: 5px;
155
- }
156
- &.ant-input-group.ant-input-group-compact > *:last-child,
157
- &.ant-input-group.ant-input-group-compact
158
- > .ant-select:last-child
159
- > .ant-select-selector,
160
- &.ant-input-group.ant-input-group-compact
161
- > .ant-calendar-picker:last-child
162
- .ant-input,
163
- &.ant-input-group.ant-input-group-compact
164
- > .ant-select-auto-complete:last-child
165
- .ant-input,
166
- &.ant-input-group.ant-input-group-compact
167
- > .ant-cascader-picker:last-child
168
- .ant-input,
169
- &.ant-input-group.ant-input-group-compact
170
- > .ant-cascader-picker-focused:last-child
171
- .ant-input,
172
- &.ant-input-group.ant-input-group-compact
173
- > .ant-mention-wrapper:last-child
174
- .ant-mention-editor,
175
- &.ant-input-group.ant-input-group-compact
176
- > .ant-time-picker:last-child
177
- .ant-time-picker-input {
178
- border-bottom-right-radius: 5px;
179
- border-top-right-radius: 5px;
32
+ width: 100%;
33
+ & .action {
34
+ margin-left: 16px;
180
35
  }
181
36
  }
182
37
 
38
+ .E_a1o35uvh {
39
+ &.ant-alert-closable {
40
+ padding-right: 12px;
183
41
 
184
- .E_ccrbeuz {
185
- .ant-collapse-item {
186
- border: 0px;
187
- background-color: $fills-light-white;
188
-
189
- .ant-collapse-header {
190
- padding-top: 0px;
191
- padding-bottom: 0px;
192
- padding-left: 0px !important;
193
- padding-right: 24px;
194
- .ant-collapse-arrow {
195
- right: 0px;
196
- }
197
- }
198
- .ant-collapse-content {
199
- .ant-collapse-content-box {
200
- padding: 0px;
201
- }
42
+ .ant-alert-close-icon {
43
+ height: fit-content;
44
+ margin-left: 16px;
202
45
  }
203
46
  }
204
- }
205
47
 
206
- .E_c1fljvag {
207
- .ant-collapse-item {
208
- .ant-collapse-header {
209
- padding-right: 0px;
210
- cursor: default;
211
- }
48
+ .ant-alert-message {
49
+ flex: 1;
212
50
  }
213
51
  }
214
52
 
@@ -232,27 +70,43 @@
232
70
  }
233
71
 
234
72
 
235
- .E_c1uzzomf {
236
- margin-bottom: 16px;
73
+ .E_b1nip9bk {
74
+ padding: 4px 11px;
75
+ }
237
76
 
238
- .card-title {
239
- font-size: 16px;
240
- color: $text-secondary-light;
241
- font-weight: 700;
242
- line-height: 32px;
243
- }
244
- .card-body {
245
- padding: 24px;
246
- border-radius: 8px;
247
- background: $fills-light-white;
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
+ }
248
90
  }
249
91
 
250
- .empty {
251
- font-weight: 700;
252
- font-size: 14px;
253
- line-height: 22px;
254
- color: $text-light-tertiary;
255
- text-align: center;
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
+ }
256
110
  }
257
111
  }
258
112
 
@@ -275,6 +129,14 @@
275
129
  }
276
130
 
277
131
 
132
+ .E_c1yyuluq {
133
+ border-radius: 8px;
134
+ .ant-card-body {
135
+ padding: 20px 24px 24px 24px;
136
+ }
137
+ }
138
+
139
+
278
140
  .E_b1wx3t3t {
279
141
  &.ant-btn-icon-only {
280
142
  justify-content: center;
@@ -633,16 +495,41 @@
633
495
  }
634
496
 
635
497
 
636
- .E_d1bw7c5z {
637
- position: relative;
638
- max-width: 388px;
639
- min-width: 285px;
640
- .center {
641
- position: absolute;
642
- font-size: 12px;
643
- width: 80px;
644
- height: 100px;
645
- top: 0;
498
+ .E_c1uzzomf {
499
+ margin-bottom: 16px;
500
+
501
+ .card-title {
502
+ font-size: 16px;
503
+ color: $text-secondary-light;
504
+ font-weight: 700;
505
+ line-height: 32px;
506
+ }
507
+ .card-body {
508
+ padding: 24px;
509
+ border-radius: 8px;
510
+ background: $fills-light-white;
511
+ }
512
+
513
+ .empty {
514
+ font-weight: 700;
515
+ font-size: 14px;
516
+ line-height: 22px;
517
+ color: $text-light-tertiary;
518
+ text-align: center;
519
+ }
520
+ }
521
+
522
+
523
+ .E_d1bw7c5z {
524
+ position: relative;
525
+ max-width: 388px;
526
+ min-width: 285px;
527
+ .center {
528
+ position: absolute;
529
+ font-size: 12px;
530
+ width: 80px;
531
+ height: 100px;
532
+ top: 0;
646
533
  left: 35px;
647
534
  display: flex;
648
535
  flex-direction: column;
@@ -724,50 +611,96 @@
724
611
  }
725
612
 
726
613
 
727
- .E_sx1bpnu {
728
- .ant-input-sm {
729
- line-height: 18px;
614
+ .E_ccrbeuz {
615
+ .ant-collapse-item {
616
+ border: 0px;
617
+ background-color: $fills-light-white;
618
+
619
+ .ant-collapse-header {
620
+ padding-top: 0px;
621
+ padding-bottom: 0px;
622
+ padding-left: 0px !important;
623
+ padding-right: 24px;
624
+ .ant-collapse-arrow {
625
+ right: 0px;
626
+ }
627
+ }
628
+ .ant-collapse-content {
629
+ .ant-collapse-content-box {
630
+ padding: 0px;
631
+ }
632
+ }
730
633
  }
731
634
  }
732
635
 
733
-
734
- .E_b1nip9bk {
735
- padding: 4px 11px;
636
+ .E_c1fljvag {
637
+ .ant-collapse-item {
638
+ .ant-collapse-header {
639
+ padding-right: 0px;
640
+ cursor: default;
641
+ }
642
+ }
736
643
  }
737
644
 
738
- .E_bqamoqe {
739
- white-space: nowrap;
740
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
741
-
742
- & > .ant-btn {
743
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
744
- --color: #{$text-light-general};
745
645
 
746
- &[disabled],
747
- &:hover[disabled] {
748
- --color: #{$text-light-general};
749
- }
750
- }
646
+ .E_itxley7 {
647
+ &.ant-input-group.ant-input-group-compact {
648
+ display: flex;
751
649
  }
752
650
 
753
- & > .ant-btn:not(:only-child) {
754
- & + .ant-btn {
755
- margin-left: 1px;
756
- }
757
-
758
- &:first-child {
759
- border-top-right-radius: 0;
760
- border-bottom-right-radius: 0;
761
- }
651
+ &.ant-input-group.ant-input-group-compact > *:first-child,
652
+ &.ant-input-group.ant-input-group-compact
653
+ > .ant-select:first-child
654
+ > .ant-select-selector,
655
+ &.ant-input-group.ant-input-group-compact
656
+ > .ant-calendar-picker:first-child
657
+ .ant-input,
658
+ &.ant-input-group.ant-input-group-compact
659
+ > .ant-select-auto-complete:first-child
660
+ .ant-input,
661
+ &.ant-input-group.ant-input-group-compact
662
+ > .ant-cascader-picker:first-child
663
+ .ant-input,
664
+ &.ant-input-group.ant-input-group-compact
665
+ > .ant-mention-wrapper:first-child
666
+ .ant-mention-editor,
667
+ &.ant-input-group.ant-input-group-compact
668
+ > .ant-time-picker:first-child
669
+ .ant-time-picker-input {
670
+ border-bottom-left-radius: 5px;
671
+ border-top-left-radius: 5px;
672
+ }
673
+ &.ant-input-group.ant-input-group-compact > *:last-child,
674
+ &.ant-input-group.ant-input-group-compact
675
+ > .ant-select:last-child
676
+ > .ant-select-selector,
677
+ &.ant-input-group.ant-input-group-compact
678
+ > .ant-calendar-picker:last-child
679
+ .ant-input,
680
+ &.ant-input-group.ant-input-group-compact
681
+ > .ant-select-auto-complete:last-child
682
+ .ant-input,
683
+ &.ant-input-group.ant-input-group-compact
684
+ > .ant-cascader-picker:last-child
685
+ .ant-input,
686
+ &.ant-input-group.ant-input-group-compact
687
+ > .ant-cascader-picker-focused:last-child
688
+ .ant-input,
689
+ &.ant-input-group.ant-input-group-compact
690
+ > .ant-mention-wrapper:last-child
691
+ .ant-mention-editor,
692
+ &.ant-input-group.ant-input-group-compact
693
+ > .ant-time-picker:last-child
694
+ .ant-time-picker-input {
695
+ border-bottom-right-radius: 5px;
696
+ border-top-right-radius: 5px;
697
+ }
698
+ }
762
699
 
763
- &:last-child {
764
- border-top-left-radius: 0;
765
- border-bottom-left-radius: 0;
766
- }
767
700
 
768
- &:not(:first-child, :last-child) {
769
- border-radius: unset;
770
- }
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
771
704
  }
772
705
  }
773
706
 
@@ -783,50 +716,6 @@
783
716
  }
784
717
 
785
718
 
786
- .E_c1bus5hc {
787
- --color: white;
788
- height: 14px;
789
- width: 14px;
790
- border-radius: 50%;
791
- flex-shrink: 0;
792
- display: flex;
793
- align-items: center;
794
- justify-content: center;
795
- border: 1px solid var(--color);
796
-
797
- .circle-inner {
798
- position: relative;
799
- height: 10px;
800
- width: 10px;
801
- border-radius: 50%;
802
- overflow: hidden;
803
- }
804
-
805
- .circle-content {
806
- position: absolute;
807
- height: 100%;
808
- width: 100%;
809
- left: 0;
810
- top: 0;
811
- border-radius: 50%;
812
- background: linear-gradient(to right, var(--color) 50%, white 50%);
813
- transform: rotate(180deg);
814
- }
815
-
816
- .circle-child {
817
- position: absolute;
818
- height: 100%;
819
- width: 100%;
820
- left: 0;
821
- top: 0;
822
- margin-left: 50%;
823
- transform-origin: left;
824
- background: white;
825
- transform: rotate(0deg);
826
- }
827
- }
828
-
829
-
830
719
  .E_i11gg7mj {
831
720
  .ant-input-prefix {
832
721
  margin-right: 8px;
@@ -859,257 +748,68 @@
859
748
  }
860
749
 
861
750
 
862
- .E_tju3gfj {
863
- .date {
864
- margin-right: 4px;
865
- }
866
- }
867
-
868
-
869
- .E_s1sck0th {
870
- padding: 0 8px;
871
- border-radius: 4px;
872
- }
751
+ .E_phljevk {
752
+ display: flex;
753
+ justify-content: space-between;
754
+ align-items: center;
755
+ padding: 10px 0;
756
+ color: $text-light-secondary;
757
+ font-size: 12px;
758
+ line-height: 24px;
873
759
 
874
- .E_m855nr1 {
760
+ .pagination-left {
875
761
  padding: 2px 8px;
876
- border-radius: 3px;
877
762
  }
878
763
 
879
- .E_l1270xpg {
880
- padding: 3px 8px;
881
- border-radius: 2px;
882
- }
764
+ .dropdown-trigger {
765
+ display: flex;
766
+ align-items: center;
767
+ border-radius: 6px;
768
+ cursor: pointer;
769
+ transition: all 0.3s ease;
883
770
 
884
- .E_t14rextb {
885
- &.ant-tag:hover {
886
- opacity: unset;
771
+ &:hover {
772
+ background: $fills-interaction-light-general-hover;
773
+ color: $text-light-general;
774
+ }
775
+ .icon-inner {
776
+ margin-left: 4px;
777
+ }
887
778
  }
888
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
889
- margin: 0;
890
- margin-right: 8px;
891
- display: inline-flex;
779
+
780
+ .pagination-right {
781
+ display: flex;
892
782
  align-items: center;
893
- border: none;
894
- & .ant-tag-close-icon {
895
- width: 16px;
896
- height: 16px;
897
- color: inherit;
783
+ color: $blue-60;
784
+ font-weight: bold;
785
+ .icon-inner {
898
786
  margin-left: 4px;
899
- opacity: 0.6;
900
- display: inline-flex;
901
- &:hover {
902
- opacity: 1;
903
- }
904
787
  }
905
- &.ant-tag-blue {
906
- color: $fills-light-general-general;
907
- background-color: $fills-light-general-general-light;
908
- }
909
- &.ant-tag-red {
910
- color: $fills-light-serious-serious;
911
- background-color: $fills-light-serious-serious-light;
912
- }
913
- &.ant-tag-yellow {
914
- color: $fills-light-notice-notice-dark;
915
- background-color: $fills-light-notice-notice-light;
916
- }
917
- &.ant-tag-green {
918
- color: $fills-light-positive-positive-dark;
919
- background-color: $fills-light-positive-positive-light;
920
- }
921
- &.ant-tag-gray {
922
- color: $text-light-super;
923
- background-color: $fills-element-light-container-general;
924
- }
925
- &.ant-tag-purple {
926
- color: $text-colorful-purple;
927
- background-color: $fill-purple-light;
928
- }
929
-
930
- &.ui-kit-token-checked {
931
- color: $text-light-on-tint;
932
- &.ant-tag-red {
933
- background-color: $fills-light-serious-serious;
934
- }
935
- &.ant-tag-yellow {
936
- background-color: $fills-light-notice-notice;
937
- }
938
- &.ant-tag-green {
939
- background-color: $fills-light-positive-positive;
940
- }
941
- &.ant-tag-blue {
942
- background-color: $fills-light-general-general;
943
- }
944
- &.ant-tag-gray {
945
- background-color: $gray-70;
946
- }
947
- &.ant-tag-purple {
948
- background-color: $fill-purple-base;
949
- }
950
- }
951
- }
952
- }
953
-
954
-
955
- .E_s1dizucg {
956
- &.ant-switch {
957
- min-width: 40px;
958
- height: 24px;
959
- background: $fills-trans-quinary-light;
960
- overflow: hidden;
961
- &:focus {
962
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
963
- }
964
- }
965
- &.ant-switch-small {
966
- min-width: 26px;
967
- height: 16px;
968
- }
969
- &.ant-switch-large {
970
- min-width: 52px;
971
- height: 32px;
972
- }
973
-
974
- &.ant-switch .ant-switch-handle {
975
- height: 20px;
976
- width: 20px;
977
- &::before {
978
- border-radius: 10px;
979
- transition-delay: 120ms;
980
- }
981
- }
982
- &.ant-switch-small .ant-switch-handle {
983
- height: 14px;
984
- width: 14px;
985
- top: 1px;
986
- left: 1px;
987
- }
988
- &.ant-switch-large .ant-switch-handle {
989
- height: 28px;
990
- width: 28px;
991
- &::before {
992
- border-radius: 14px;
993
- }
994
- }
995
-
996
- &.ant-switch-checked {
997
- background-color: $green-60;
998
- }
999
- &.ant-switch-checked .ant-switch-handle {
1000
- left: calc(100% - 20px - 2px);
1001
- }
1002
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1003
- left: calc(100% - 14px - 1px);
1004
- }
1005
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1006
- left: calc(100% - 28px - 2px);
1007
- }
1008
- }
1009
-
1010
- .E_c1up6e3y {
1011
- margin-left: 5px;
1012
- }
1013
-
1014
-
1015
- .E_s1dni7lo {
1016
- width: 430px !important;
1017
- }
1018
-
1019
- .E_d1wwmmm5 {
1020
- .ant-select-item-group {
1021
- padding: 8px 16px;
1022
- line-height: 18px;
1023
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1024
- height: 34px;
1025
- min-height: 34px;
1026
- box-sizing: border-box;
1027
- margin-top: 8px;
1028
- }
1029
- }
1030
-
1031
- .E_o1ugr09p {
1032
- display: flex;
1033
- flex-direction: column;
1034
- margin: 1px 8px;
1035
- padding: 8px;
1036
- border-radius: 4px;
1037
-
1038
- .selected-icon {
1039
- display: none;
1040
- }
1041
-
1042
- &.ant-select-item-option-grouped {
1043
- padding-left: 8px;
1044
- }
1045
-
1046
- &.ant-select-item-option-selected {
1047
- background-color: white;
1048
- .timezone-title {
1049
- color: #0080ff;
1050
- }
1051
- .selected-icon {
1052
- display: block;
788
+ .prev-btn,
789
+ .next-btn {
790
+ padding: 0 8px;
791
+ > span {
792
+ color: $text-light-general;
1053
793
  }
1054
794
  }
1055
795
 
1056
- &.ant-select-item-option-active {
1057
- background: rgba(0, 136, 255, 0.16);
1058
- .timezone-title {
1059
- color: #0080ff;
1060
- }
1061
- .timezone-tag {
1062
- background: rgba(0, 136, 255, 0.1);
1063
- color: #0080ff;
796
+ .next-btn {
797
+ .icon-inner {
798
+ transform: rotate(180deg);
1064
799
  }
1065
800
  }
1066
801
  }
1067
-
1068
- .E_o1ifxsq4 {
1069
- display: flex;
1070
- justify-content: space-between;
1071
- height: 20px;
1072
- line-height: 20px;
1073
-
1074
- .timezone-title {
1075
- color: #2d3a56;
1076
- overflow: hidden;
1077
- text-overflow: ellipsis;
1078
- }
1079
- }
1080
-
1081
- .E_o1zue7 {
1082
- display: flex;
1083
- justify-content: space-between;
1084
- color: $text-light-secondary;
1085
- height: 18px;
1086
- line-height: 18px;
1087
- margin-top: 2px;
1088
- }
1089
-
1090
- .E_tyfmlxg {
1091
- border: none;
1092
- margin-right: 0;
1093
- background: rgba(225, 230, 241, 0.6);
1094
- }
1095
-
1096
- .E_o18uybox {
1097
- pointer-events: none;
1098
- height: 32px;
1099
- width: 100%;
1100
- opacity: 0;
1101
802
  }
1102
803
 
804
+ .E_d12rtyeg {
805
+ &.ant-dropdown .ant-dropdown-menu {
806
+ max-height: calc(100vh - 128px);
807
+ overflow-y: auto;
1103
808
 
1104
- .E_t1m2x205 {
1105
- .ant-tooltip-arrow {
1106
- display: none;
1107
- }
1108
- .ant-tooltip-inner {
1109
- background: $gray-a80-9;
1110
- border-radius: 4px;
1111
- &:has(.eagle-ellipsis-content) {
1112
- visibility: hidden;
809
+ .ant-dropdown-menu-item {
810
+ padding: 4px 20px;
811
+ font-size: 12px;
812
+ line-height: 18px;
1113
813
  }
1114
814
  }
1115
815
  }
@@ -1296,136 +996,361 @@
1296
996
  }
1297
997
 
1298
998
 
1299
- .E_iq1gosr {
1300
- display: inline-block;
1301
- }
1302
-
1303
-
1304
- .E_fzh9mnb {
1305
- width: 100%;
1306
- height: 100%;
1307
- min-height: 124px;
999
+ .E_c1bus5hc {
1000
+ --color: white;
1001
+ height: 14px;
1002
+ width: 14px;
1003
+ border-radius: 50%;
1004
+ flex-shrink: 0;
1308
1005
  display: flex;
1309
- flex-direction: column;
1310
- justify-content: center;
1311
1006
  align-items: center;
1007
+ justify-content: center;
1008
+ border: 1px solid var(--color);
1312
1009
 
1313
- .error-text {
1314
- color: $text-terdiary-light;
1315
- margin-bottom: 16px;
1316
- font-size: 18px;
1010
+ .circle-inner {
1011
+ position: relative;
1012
+ height: 10px;
1013
+ width: 10px;
1014
+ border-radius: 50%;
1015
+ overflow: hidden;
1317
1016
  }
1318
- }
1319
1017
 
1018
+ .circle-content {
1019
+ position: absolute;
1020
+ height: 100%;
1021
+ width: 100%;
1022
+ left: 0;
1023
+ top: 0;
1024
+ border-radius: 50%;
1025
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
+ transform: rotate(180deg);
1027
+ }
1320
1028
 
1321
- .E_atcz0kf {
1322
- .ant-input-suffix {
1323
- margin-left: 8px;
1029
+ .circle-child {
1030
+ position: absolute;
1031
+ height: 100%;
1032
+ width: 100%;
1033
+ left: 0;
1034
+ top: 0;
1035
+ margin-left: 50%;
1036
+ transform-origin: left;
1037
+ background: white;
1038
+ transform: rotate(0deg);
1324
1039
  }
1325
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1326
- padding: 2px 7px 2px 12px;
1040
+ }
1041
+
1042
+
1043
+ .E_tju3gfj {
1044
+ .date {
1045
+ margin-right: 4px;
1327
1046
  }
1328
1047
  }
1329
1048
 
1330
1049
 
1331
- .E_iouxfgt {
1332
- display: inline-flex;
1333
- align-items: center;
1050
+ .E_s1dni7lo {
1051
+ width: 430px !important;
1052
+ }
1334
1053
 
1335
- .icon-inner {
1336
- display: inline-flex;
1337
- align-items: center;
1338
- justify-content: center;
1054
+ .E_d1wwmmm5 {
1055
+ .ant-select-item-group {
1056
+ padding: 8px 16px;
1057
+ line-height: 18px;
1058
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
1059
+ height: 34px;
1060
+ min-height: 34px;
1061
+ box-sizing: border-box;
1062
+ margin-top: 8px;
1339
1063
  }
1340
- .icon-inner + span,
1341
- span + .icon-inner.suffix {
1342
- margin-left: 4px;
1064
+ }
1065
+
1066
+ .E_o1ugr09p {
1067
+ display: flex;
1068
+ flex-direction: column;
1069
+ margin: 1px 8px;
1070
+ padding: 8px;
1071
+ border-radius: 4px;
1072
+
1073
+ .selected-icon {
1074
+ display: none;
1075
+ }
1076
+
1077
+ &.ant-select-item-option-grouped {
1078
+ padding-left: 8px;
1079
+ }
1080
+
1081
+ &.ant-select-item-option-selected {
1082
+ background-color: white;
1083
+ .timezone-title {
1084
+ color: #0080ff;
1085
+ }
1086
+ .selected-icon {
1087
+ display: block;
1088
+ }
1089
+ }
1090
+
1091
+ &.ant-select-item-option-active {
1092
+ background: rgba(0, 136, 255, 0.16);
1093
+ .timezone-title {
1094
+ color: #0080ff;
1095
+ }
1096
+ .timezone-tag {
1097
+ background: rgba(0, 136, 255, 0.1);
1098
+ color: #0080ff;
1099
+ }
1100
+ }
1343
1101
  }
1344
- &.is-rotate {
1345
- img,
1346
- svg {
1347
- animation: rotate 680ms linear infinite;
1102
+
1103
+ .E_o1ifxsq4 {
1104
+ display: flex;
1105
+ justify-content: space-between;
1106
+ height: 20px;
1107
+ line-height: 20px;
1108
+
1109
+ .timezone-title {
1110
+ color: #2d3a56;
1111
+ overflow: hidden;
1112
+ text-overflow: ellipsis;
1348
1113
  }
1349
1114
  }
1115
+
1116
+ .E_o1zue7 {
1117
+ display: flex;
1118
+ justify-content: space-between;
1119
+ color: $text-light-secondary;
1120
+ height: 18px;
1121
+ line-height: 18px;
1122
+ margin-top: 2px;
1123
+ }
1124
+
1125
+ .E_tyfmlxg {
1126
+ border: none;
1127
+ margin-right: 0;
1128
+ background: rgba(225, 230, 241, 0.6);
1350
1129
  }
1351
1130
 
1131
+ .E_o18uybox {
1132
+ pointer-events: none;
1133
+ height: 32px;
1134
+ width: 100%;
1135
+ opacity: 0;
1136
+ }
1352
1137
 
1353
- .E_a1wfy30z {
1354
- .ant-input-number-handler-wrap {
1355
- display: var(--a1wfy30z-0);
1356
- }
1357
- .ant-input-number-input-wrap {
1358
- padding: 4px 11px;
1359
- display: inline-flex;
1360
- line-height: 1.5715;
1361
- height: inherit;
1138
+
1139
+ .E_iq1gosr {
1140
+ display: inline-block;
1141
+ }
1142
+
1143
+
1144
+ .E_s1sck0th {
1145
+ padding: 0 8px;
1146
+ border-radius: 4px;
1362
1147
  }
1363
1148
 
1364
- .ant-input-number-input-wrap::after {
1365
- content: var(--a1wfy30z-1);
1366
- display: var(--a1wfy30z-2);
1367
- flex: none;
1368
- align-items: center;
1369
- margin-left: 4px;
1149
+ .E_m855nr1 {
1150
+ padding: 2px 8px;
1151
+ border-radius: 3px;
1370
1152
  }
1371
1153
 
1372
- .ant-input-number-input-wrap::before {
1373
- content: var(--a1wfy30z-3);
1374
- display: var(--a1wfy30z-4);
1375
- flex: none;
1376
- align-items: center;
1377
- margin-right: 4px;
1378
- cursor: auto;
1154
+ .E_l1270xpg {
1155
+ padding: 3px 8px;
1156
+ border-radius: 2px;
1379
1157
  }
1380
1158
 
1381
- .ant-input-number-input {
1382
- padding: 0;
1159
+ .E_t14rextb {
1160
+ &.ant-tag:hover {
1161
+ opacity: unset;
1162
+ }
1163
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1383
1164
  margin: 0;
1384
- height: auto;
1385
- font-size: inherit;
1165
+ margin-right: 8px;
1166
+ display: inline-flex;
1167
+ align-items: center;
1168
+ border: none;
1169
+ & .ant-tag-close-icon {
1170
+ width: 16px;
1171
+ height: 16px;
1172
+ color: inherit;
1173
+ margin-left: 4px;
1174
+ opacity: 0.6;
1175
+ display: inline-flex;
1176
+ &:hover {
1177
+ opacity: 1;
1178
+ }
1179
+ }
1180
+ &.ant-tag-blue {
1181
+ color: $fills-light-general-general;
1182
+ background-color: $fills-light-general-general-light;
1183
+ }
1184
+ &.ant-tag-red {
1185
+ color: $fills-light-serious-serious;
1186
+ background-color: $fills-light-serious-serious-light;
1187
+ }
1188
+ &.ant-tag-yellow {
1189
+ color: $fills-light-notice-notice-dark;
1190
+ background-color: $fills-light-notice-notice-light;
1191
+ }
1192
+ &.ant-tag-green {
1193
+ color: $fills-light-positive-positive-dark;
1194
+ background-color: $fills-light-positive-positive-light;
1195
+ }
1196
+ &.ant-tag-gray {
1197
+ color: $text-light-super;
1198
+ background-color: $fills-element-light-container-general;
1199
+ }
1200
+ &.ant-tag-purple {
1201
+ color: $text-colorful-purple;
1202
+ background-color: $fill-purple-light;
1203
+ }
1204
+
1205
+ &.ui-kit-token-checked {
1206
+ color: $text-light-on-tint;
1207
+ &.ant-tag-red {
1208
+ background-color: $fills-light-serious-serious;
1209
+ }
1210
+ &.ant-tag-yellow {
1211
+ background-color: $fills-light-notice-notice;
1212
+ }
1213
+ &.ant-tag-green {
1214
+ background-color: $fills-light-positive-positive;
1215
+ }
1216
+ &.ant-tag-blue {
1217
+ background-color: $fills-light-general-general;
1218
+ }
1219
+ &.ant-tag-gray {
1220
+ background-color: $gray-70;
1221
+ }
1222
+ &.ant-tag-purple {
1223
+ background-color: $fill-purple-base;
1224
+ }
1225
+ }
1386
1226
  }
1387
1227
  }
1388
1228
 
1389
1229
 
1390
- .E_f7pxqmh {
1391
- width: 100%;
1392
- margin-bottom: 0 !important;
1393
- flex-flow: nowrap !important;
1394
- line-break: auto;
1230
+ .E_t1m2x205 {
1231
+ .ant-tooltip-arrow {
1232
+ display: none;
1233
+ }
1234
+ .ant-tooltip-inner {
1235
+ background: $gray-a80-9;
1236
+ border-radius: 4px;
1237
+ &:has(.eagle-ellipsis-content) {
1238
+ visibility: hidden;
1239
+ }
1240
+ }
1241
+ }
1395
1242
 
1396
- & > .ant-form-item-label {
1397
- text-align: left !important;
1398
- padding-bottom: 0 !important;
1399
1243
 
1400
- & > label {
1401
- min-height: 32px;
1402
- height: auto;
1403
- font-size: 13px;
1404
- color: rgba(44, 56, 82, 0.6);
1405
- white-space: normal;
1244
+ .E_s1dizucg {
1245
+ &.ant-switch {
1246
+ min-width: 40px;
1247
+ height: 24px;
1248
+ background: $fills-trans-quinary-light;
1249
+ overflow: hidden;
1250
+ &:focus {
1251
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1406
1252
  }
1407
1253
  }
1254
+ &.ant-switch-small {
1255
+ min-width: 26px;
1256
+ height: 16px;
1257
+ }
1258
+ &.ant-switch-large {
1259
+ min-width: 52px;
1260
+ height: 32px;
1261
+ }
1408
1262
 
1409
- &.ant-form-item-has-error {
1410
- .ant-input {
1411
- border-color: #ff4d4f !important;
1263
+ &.ant-switch .ant-switch-handle {
1264
+ height: 20px;
1265
+ width: 20px;
1266
+ &::before {
1267
+ border-radius: 10px;
1268
+ transition-delay: 120ms;
1412
1269
  }
1413
- .ant-input-password {
1414
- border-color: #ff4d4f !important;
1270
+ }
1271
+ &.ant-switch-small .ant-switch-handle {
1272
+ height: 14px;
1273
+ width: 14px;
1274
+ top: 1px;
1275
+ left: 1px;
1276
+ }
1277
+ &.ant-switch-large .ant-switch-handle {
1278
+ height: 28px;
1279
+ width: 28px;
1280
+ &::before {
1281
+ border-radius: 14px;
1415
1282
  }
1416
1283
  }
1417
1284
 
1418
- .ant-form-item-explain {
1419
- margin-top: 4px;
1420
- font-size: 12px;
1421
- min-height: 0px;
1285
+ &.ant-switch-checked {
1286
+ background-color: $green-60;
1287
+ }
1288
+ &.ant-switch-checked .ant-switch-handle {
1289
+ left: calc(100% - 20px - 2px);
1290
+ }
1291
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1292
+ left: calc(100% - 14px - 1px);
1422
1293
  }
1294
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1295
+ left: calc(100% - 28px - 2px);
1296
+ }
1297
+ }
1423
1298
 
1424
- .ant-form-item-extra {
1425
- font-size: 12px;
1426
- color: rgba(44, 56, 82, 0.6);
1427
- min-height: 0px;
1299
+ .E_c1up6e3y {
1300
+ margin-left: 5px;
1428
1301
  }
1302
+
1303
+
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1317
+ }
1318
+ }
1319
+
1320
+
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1324
+
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1329
+ }
1330
+ .icon-inner + span,
1331
+ span + .icon-inner.suffix {
1332
+ margin-left: 4px;
1333
+ }
1334
+ &.is-rotate {
1335
+ img,
1336
+ svg {
1337
+ animation: rotate 680ms linear infinite;
1338
+ }
1339
+ }
1340
+ }
1341
+
1342
+
1343
+ .E_i1inqkme {
1344
+ height: 18px;
1345
+ line-height: 18px;
1346
+ padding: 0 4px;
1347
+ border-radius: 4px;
1348
+ background: rgba(235, 239, 245, 0.6);
1349
+ border: 1px solid rgba(223, 228, 235, 0.6);
1350
+ display: flex;
1351
+ align-items: center;
1352
+ white-space: nowrap;
1353
+ margin-right: 4px;
1429
1354
  }
1430
1355
 
1431
1356
 
@@ -1510,69 +1435,102 @@
1510
1435
  }
1511
1436
 
1512
1437
 
1513
- .E_i1inqkme {
1514
- height: 18px;
1515
- line-height: 18px;
1516
- padding: 0 4px;
1517
- border-radius: 4px;
1518
- background: rgba(235, 239, 245, 0.6);
1519
- border: 1px solid rgba(223, 228, 235, 0.6);
1520
- display: flex;
1521
- align-items: center;
1522
- white-space: nowrap;
1523
- margin-right: 4px;
1524
- }
1438
+ .E_a1wfy30z {
1439
+ .ant-input-number-handler-wrap {
1440
+ display: var(--a1wfy30z-0);
1441
+ }
1442
+ .ant-input-number-input-wrap {
1443
+ padding: 4px 11px;
1444
+ display: inline-flex;
1445
+ line-height: 1.5715;
1446
+ height: inherit;
1447
+ }
1525
1448
 
1449
+ .ant-input-number-input-wrap::after {
1450
+ content: var(--a1wfy30z-1);
1451
+ display: var(--a1wfy30z-2);
1452
+ flex: none;
1453
+ align-items: center;
1454
+ margin-left: 4px;
1455
+ }
1526
1456
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1457
+ .ant-input-number-input-wrap::before {
1458
+ content: var(--a1wfy30z-3);
1459
+ display: var(--a1wfy30z-4);
1460
+ flex: none;
1461
+ align-items: center;
1462
+ margin-right: 4px;
1463
+ cursor: auto;
1464
+ }
1465
+
1466
+ .ant-input-number-input {
1467
+ padding: 0;
1468
+ margin: 0;
1469
+ height: auto;
1470
+ font-size: inherit;
1471
+ }
1529
1472
  }
1530
1473
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
1474
+
1475
+ .E_atcz0kf {
1476
+ .ant-input-suffix {
1477
+ margin-left: 8px;
1478
+ }
1479
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1480
+ padding: 2px 7px 2px 12px;
1481
+ }
1534
1482
  }
1535
1483
 
1536
1484
 
1537
- .E_a1b5xrg3 {
1538
- .user-icon-inner {
1539
- display: inline-flex;
1540
- align-items: center;
1541
- justify-content: center;
1542
- color: $white;
1543
- font-weight: bold;
1544
- font-size: 12px;
1545
- width: 24px;
1546
- height: 24px;
1547
- border-radius: 50%;
1548
- background: var(--a1b5xrg3-0);
1485
+ .E_f7pxqmh {
1486
+ width: 100%;
1487
+ margin-bottom: 0 !important;
1488
+ flex-flow: nowrap !important;
1489
+ line-break: auto;
1490
+
1491
+ & > .ant-form-item-label {
1492
+ text-align: left !important;
1493
+ padding-bottom: 0 !important;
1494
+
1495
+ & > label {
1496
+ min-height: 32px;
1497
+ height: auto;
1498
+ font-size: 13px;
1499
+ color: rgba(44, 56, 82, 0.6);
1500
+ white-space: normal;
1501
+ }
1549
1502
  }
1550
- &.btn-item {
1551
- transition: all 160ms ease;
1552
- cursor: pointer;
1553
- width: 56px;
1554
- height: 40px;
1555
- display: inline-flex;
1556
- align-items: center;
1557
- justify-content: center;
1558
- border-radius: 6px;
1559
1503
 
1560
- &:hover {
1561
- box-shadow:
1562
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1504
+ &.ant-form-item-has-error {
1505
+ .ant-input {
1506
+ border-color: #ff4d4f !important;
1564
1507
  }
1565
-
1566
- &:active {
1567
- transform: translateY(2px);
1568
- transition: all 320ms ease;
1508
+ .ant-input-password {
1509
+ border-color: #ff4d4f !important;
1569
1510
  }
1570
1511
  }
1512
+
1513
+ .ant-form-item-explain {
1514
+ margin-top: 4px;
1515
+ font-size: 12px;
1516
+ min-height: 0px;
1517
+ }
1518
+
1519
+ .ant-form-item-extra {
1520
+ font-size: 12px;
1521
+ color: rgba(44, 56, 82, 0.6);
1522
+ min-height: 0px;
1523
+ }
1571
1524
  }
1572
1525
 
1573
1526
 
1574
- .E_m196gn1d {
1575
- min-width: 1280px;
1527
+ .E_owd0kml {
1528
+ display: inline-block;
1529
+ }
1530
+
1531
+ .E_h1jsgezc {
1532
+ visibility: hidden;
1533
+ position: absolute;
1576
1534
  }
1577
1535
 
1578
1536
 
@@ -2389,6 +2347,43 @@
2389
2347
  }
2390
2348
 
2391
2349
 
2350
+ .E_a1b5xrg3 {
2351
+ .user-icon-inner {
2352
+ display: inline-flex;
2353
+ align-items: center;
2354
+ justify-content: center;
2355
+ color: $white;
2356
+ font-weight: bold;
2357
+ font-size: 12px;
2358
+ width: 24px;
2359
+ height: 24px;
2360
+ border-radius: 50%;
2361
+ background: var(--a1b5xrg3-0);
2362
+ }
2363
+ &.btn-item {
2364
+ transition: all 160ms ease;
2365
+ cursor: pointer;
2366
+ width: 56px;
2367
+ height: 40px;
2368
+ display: inline-flex;
2369
+ align-items: center;
2370
+ justify-content: center;
2371
+ border-radius: 6px;
2372
+
2373
+ &:hover {
2374
+ box-shadow:
2375
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2376
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2377
+ }
2378
+
2379
+ &:active {
2380
+ transform: translateY(2px);
2381
+ transition: all 320ms ease;
2382
+ }
2383
+ }
2384
+ }
2385
+
2386
+
2392
2387
  .E_dsnbhzf {
2393
2388
  @include Inter(bold);
2394
2389
  font-size: 32px;
@@ -2743,105 +2738,8 @@
2743
2738
  }
2744
2739
 
2745
2740
 
2746
- .E_s17wv897 {
2747
- &.ant-select,
2748
- &.ant-select div.ant-select-selector {
2749
- border-radius: 6px;
2750
- }
2751
-
2752
- &.ant-select {
2753
- &.ant-select-single {
2754
- width: 100%;
2755
- &[data-size="small"] {
2756
- }
2757
- &[data-size="middle"] {
2758
- height: 30px;
2759
- }
2760
- &[data-size="large"] {
2761
- }
2762
- color: $text-primary-light;
2763
- border-color: $strokes-light-trans-2;
2764
- transition:
2765
- border 160ms ease 8ms,
2766
- box-shadow 160ms ease 8ms;
2767
- font-size: 13px;
2768
-
2769
- &.ant-select-lg {
2770
- height: 38px;
2771
- font-size: 13px;
2772
- }
2773
-
2774
- .ant-select-arrow,
2775
- .ant-select-arrow .anticon-down {
2776
- transition: 160ms ease;
2777
- }
2778
-
2779
- .ant-select-arrow-loading {
2780
- color: $fills-light-general-general;
2781
- }
2782
-
2783
- &:not(.ant-select-disabled) {
2784
- &:hover .ant-select-selector,
2785
- &.__pseudo-states-hover .ant-select-selector {
2786
- border-color: $strokes-light-trans-4;
2787
- box-shadow: $shadow-light-hover;
2788
- }
2789
-
2790
- &:hover .ant-select-arrow,
2791
- &.__pseudo-states-hover .ant-select-arrow {
2792
- color: $fills-light-general-general;
2793
- }
2794
-
2795
- &:active,
2796
- &:focus,
2797
- &.ant-select-focused,
2798
- &.ant-select-open,
2799
- &.__pseudo-states-active,
2800
- &.__pseudo-states-focus {
2801
- .ant-select-selector {
2802
- border-color: $fills-light-general-general;
2803
- box-shadow: $shadow-light-active;
2804
- }
2805
- }
2806
-
2807
- &.ant-select-open .ant-select-arrow .anticon-down {
2808
- transform: rotate(180deg);
2809
- }
2810
- }
2811
-
2812
- &.ant-select-disabled .ant-select-selector {
2813
- background: $fills-light-trans-3;
2814
- border-color: $strokes-light-trans-3;
2815
- cursor: "not-allowed";
2816
- }
2817
- }
2818
- &.select-error:not(.ant-select-disabled) {
2819
- .ant-select-selector {
2820
- border-color: $fills-light-serious-serious !important;
2821
- }
2822
-
2823
- &:hover .ant-select-arrow,
2824
- &.__pseudo-states-hover .ant-select-arrow {
2825
- color: $text-light-super;
2826
- }
2827
-
2828
- &:active,
2829
- &:focus,
2830
- &.ant-select-focused,
2831
- &.ant-select-open,
2832
- &.__pseudo-states-focus,
2833
- &.__pseudo-states-active {
2834
- .ant-select-selector {
2835
- border-color: $fills-light-general-general;
2836
- box-shadow: $shadow-light-error;
2837
- }
2838
- }
2839
-
2840
- &.ant-select-open .ant-select-arrow .anticon-down {
2841
- transform: rotate(180deg);
2842
- }
2843
- }
2844
- }
2741
+ .E_m196gn1d {
2742
+ min-width: 1280px;
2845
2743
  }
2846
2744
 
2847
2745
 
@@ -3067,10 +2965,112 @@
3067
2965
  min-width: 0;
3068
2966
  }
3069
2967
 
3070
- .E_s1io1lws {
3071
- display: flex;
3072
- align-items: center;
3073
- flex-shrink: 0;
2968
+ .E_s1io1lws {
2969
+ display: flex;
2970
+ align-items: center;
2971
+ flex-shrink: 0;
2972
+ }
2973
+
2974
+
2975
+ .E_s17wv897 {
2976
+ &.ant-select,
2977
+ &.ant-select div.ant-select-selector {
2978
+ border-radius: 6px;
2979
+ }
2980
+
2981
+ &.ant-select {
2982
+ &.ant-select-single {
2983
+ width: 100%;
2984
+ &[data-size="small"] {
2985
+ }
2986
+ &[data-size="middle"] {
2987
+ height: 30px;
2988
+ }
2989
+ &[data-size="large"] {
2990
+ }
2991
+ color: $text-primary-light;
2992
+ border-color: $strokes-light-trans-2;
2993
+ transition:
2994
+ border 160ms ease 8ms,
2995
+ box-shadow 160ms ease 8ms;
2996
+ font-size: 13px;
2997
+
2998
+ &.ant-select-lg {
2999
+ height: 38px;
3000
+ font-size: 13px;
3001
+ }
3002
+
3003
+ .ant-select-arrow,
3004
+ .ant-select-arrow .anticon-down {
3005
+ transition: 160ms ease;
3006
+ }
3007
+
3008
+ .ant-select-arrow-loading {
3009
+ color: $fills-light-general-general;
3010
+ }
3011
+
3012
+ &:not(.ant-select-disabled) {
3013
+ &:hover .ant-select-selector,
3014
+ &.__pseudo-states-hover .ant-select-selector {
3015
+ border-color: $strokes-light-trans-4;
3016
+ box-shadow: $shadow-light-hover;
3017
+ }
3018
+
3019
+ &:hover .ant-select-arrow,
3020
+ &.__pseudo-states-hover .ant-select-arrow {
3021
+ color: $fills-light-general-general;
3022
+ }
3023
+
3024
+ &:active,
3025
+ &:focus,
3026
+ &.ant-select-focused,
3027
+ &.ant-select-open,
3028
+ &.__pseudo-states-active,
3029
+ &.__pseudo-states-focus {
3030
+ .ant-select-selector {
3031
+ border-color: $fills-light-general-general;
3032
+ box-shadow: $shadow-light-active;
3033
+ }
3034
+ }
3035
+
3036
+ &.ant-select-open .ant-select-arrow .anticon-down {
3037
+ transform: rotate(180deg);
3038
+ }
3039
+ }
3040
+
3041
+ &.ant-select-disabled .ant-select-selector {
3042
+ background: $fills-light-trans-3;
3043
+ border-color: $strokes-light-trans-3;
3044
+ cursor: "not-allowed";
3045
+ }
3046
+ }
3047
+ &.select-error:not(.ant-select-disabled) {
3048
+ .ant-select-selector {
3049
+ border-color: $fills-light-serious-serious !important;
3050
+ }
3051
+
3052
+ &:hover .ant-select-arrow,
3053
+ &.__pseudo-states-hover .ant-select-arrow {
3054
+ color: $text-light-super;
3055
+ }
3056
+
3057
+ &:active,
3058
+ &:focus,
3059
+ &.ant-select-focused,
3060
+ &.ant-select-open,
3061
+ &.__pseudo-states-focus,
3062
+ &.__pseudo-states-active {
3063
+ .ant-select-selector {
3064
+ border-color: $fills-light-general-general;
3065
+ box-shadow: $shadow-light-error;
3066
+ }
3067
+ }
3068
+
3069
+ &.ant-select-open .ant-select-arrow .anticon-down {
3070
+ transform: rotate(180deg);
3071
+ }
3072
+ }
3073
+ }
3074
3074
  }
3075
3075
 
3076
3076
 
@@ -3090,23 +3090,6 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_ryby9ds {
3094
- display: flex;
3095
- align-items: center;
3096
- .order {
3097
- height: 24px;
3098
- width: 24px;
3099
- border-radius: 20px;
3100
- color: $text-light-general;
3101
- background: $fill-light-element-container-outstanding;
3102
- display: flex;
3103
- align-items: center;
3104
- justify-content: center;
3105
- margin-right: 6px;
3106
- }
3107
- }
3108
-
3109
-
3110
3093
  .E_suhck3k {
3111
3094
  height: 24px;
3112
3095
  width: 24px;
@@ -3123,40 +3106,19 @@
3123
3106
  }
3124
3107
 
3125
3108
 
3126
- .E_b1lj76ty {
3127
- width: 100%;
3128
- height: 100%;
3129
- margin: 0 auto;
3109
+ .E_ryby9ds {
3130
3110
  display: flex;
3131
- flex-direction: column;
3132
3111
  align-items: center;
3133
- justify-content: center;
3134
- color: $gray-a30-10;
3135
- &.large {
3136
- max-width: 648px;
3137
- }
3138
- &.medium {
3139
- max-width: 412px;
3140
- }
3141
- &.gray {
3142
- background-color: $fills-trans-primary-light;
3143
- }
3144
- &.white {
3145
- background-color: $fills-light-light-white;
3146
- }
3147
- .title {
3148
- margin-bottom: 4px;
3149
- }
3150
- .title,
3151
- .desc {
3152
- word-break: break-all;
3153
- text-align: center;
3154
- }
3155
- .action-button.middle {
3156
- margin-top: 16px;
3157
- }
3158
- .action-button.small {
3159
- margin-top: 8px;
3112
+ .order {
3113
+ height: 24px;
3114
+ width: 24px;
3115
+ border-radius: 20px;
3116
+ color: $text-light-general;
3117
+ background: $fill-light-element-container-outstanding;
3118
+ display: flex;
3119
+ align-items: center;
3120
+ justify-content: center;
3121
+ margin-right: 6px;
3160
3122
  }
3161
3123
  }
3162
3124
 
@@ -3353,6 +3315,136 @@
3353
3315
  }
3354
3316
 
3355
3317
 
3318
+ .E_b1lj76ty {
3319
+ width: 100%;
3320
+ height: 100%;
3321
+ margin: 0 auto;
3322
+ display: flex;
3323
+ flex-direction: column;
3324
+ align-items: center;
3325
+ justify-content: center;
3326
+ color: $gray-a30-10;
3327
+ &.large {
3328
+ max-width: 648px;
3329
+ }
3330
+ &.medium {
3331
+ max-width: 412px;
3332
+ }
3333
+ &.gray {
3334
+ background-color: $fills-trans-primary-light;
3335
+ }
3336
+ &.white {
3337
+ background-color: $fills-light-light-white;
3338
+ }
3339
+ .title {
3340
+ margin-bottom: 4px;
3341
+ }
3342
+ .title,
3343
+ .desc {
3344
+ word-break: break-all;
3345
+ text-align: center;
3346
+ }
3347
+ .action-button.middle {
3348
+ margin-top: 16px;
3349
+ }
3350
+ .action-button.small {
3351
+ margin-top: 8px;
3352
+ }
3353
+ }
3354
+
3355
+
3356
+ .E_m5foqp8 {
3357
+ --footer-height: 96px;
3358
+ --modal-content-width: 720px;
3359
+ --modal-content-min-height: 200px;
3360
+ --modal-content-max-height: calc(100vh - 136px);
3361
+ --modal-header-padding: 40px 60px 8px;
3362
+ --modal-content-padding-top: 24px;
3363
+ --modal-content-padding-bottom: 32px;
3364
+ --modal-content-padding-x: 60px;
3365
+ --modal-footer-padding: 0 60px;
3366
+
3367
+ &.content-full.ant-modal {
3368
+ height: calc(100vh - 80px);
3369
+ width: calc(100vw - 160px);
3370
+ .ant-modal-content {
3371
+ width: 100%;
3372
+ height: 100%;
3373
+ max-width: unset;
3374
+ max-height: unset;
3375
+ display: flex;
3376
+ flex-direction: column;
3377
+ }
3378
+ .ant-modal-body {
3379
+ flex: 1;
3380
+ }
3381
+ }
3382
+
3383
+ .initializing-title {
3384
+ height: 32px;
3385
+ }
3386
+ }
3387
+
3388
+
3389
+ .E_s11wux3h {
3390
+ .antd5-segmented-item:not(:last-child) {
3391
+ margin-right: 2px;
3392
+ }
3393
+ }
3394
+
3395
+ .E_s1t2an3z {
3396
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3397
+ padding-left: 8px;
3398
+ padding-right: 8px;
3399
+ font-size: 12px;
3400
+ }
3401
+
3402
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3403
+ border-radius: 4px;
3404
+ }
3405
+
3406
+ &.antd5-segmented
3407
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3408
+ .antd5-segmented-item-disabled
3409
+ ) {
3410
+ border-radius: 4px;
3411
+ }
3412
+ }
3413
+
3414
+ .E_ma64lna {
3415
+ .antd5-segmented-item-label {
3416
+ padding-left: 12px;
3417
+ padding-right: 12px;
3418
+ }
3419
+ }
3420
+
3421
+ .E_ckld275 {
3422
+ background-color: $fill-neutral-trans-2;
3423
+ &.antd5-segmented
3424
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3425
+ .antd5-segmented-item-disabled
3426
+ ) {
3427
+ background-color: $fill-neutral-light-white;
3428
+ color: $text-neutral-secondary-light;
3429
+ }
3430
+ // on animate remove hover bg color
3431
+ &.antd5-segmented
3432
+ .antd5-segmented-thumb
3433
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3434
+ .antd5-segmented-item-disabled
3435
+ ) {
3436
+ background-color: transparent;
3437
+ }
3438
+ // remove after's bg color
3439
+ &.antd5-segmented
3440
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3441
+ .antd5-segmented-item-disabled
3442
+ )::after {
3443
+ background-color: transparent;
3444
+ }
3445
+ }
3446
+
3447
+
3356
3448
  .E_h12yihis {
3357
3449
  height: 50px;
3358
3450
  border-bottom: 2px solid #edf0f7;
@@ -3623,95 +3715,82 @@
3623
3715
  }
3624
3716
 
3625
3717
 
3626
- .E_m5foqp8 {
3627
- --footer-height: 96px;
3628
- --modal-content-width: 720px;
3629
- --modal-content-min-height: 200px;
3630
- --modal-content-max-height: calc(100vh - 136px);
3631
- --modal-header-padding: 40px 60px 8px;
3632
- --modal-content-padding-top: 24px;
3633
- --modal-content-padding-bottom: 32px;
3634
- --modal-content-padding-x: 60px;
3635
- --modal-footer-padding: 0 60px;
3636
-
3637
- &.content-full.ant-modal {
3638
- height: calc(100vh - 80px);
3639
- width: calc(100vw - 160px);
3640
- .ant-modal-content {
3641
- width: 100%;
3642
- height: 100%;
3643
- max-width: unset;
3644
- max-height: unset;
3645
- display: flex;
3646
- flex-direction: column;
3647
- }
3648
- .ant-modal-body {
3649
- flex: 1;
3718
+ .E_l48ei06 {
3719
+ @at-root {
3720
+ button#{&}.ant-btn,
3721
+ button#{&}.ant-btn.ant-btn-sm,
3722
+ button#{&}.ant-btn.ant-btn-lg {
3723
+ font-size: 12px;
3724
+ line-height: 18px;
3725
+ height: 18px;
3650
3726
  }
3651
- }
3727
+ button#{&} {
3728
+ color: #0080FF;
3729
+ height: unset;
3730
+ .button-prefix-icon {
3731
+ margin-right: 4px;
3732
+ }
3733
+ .button-suffix-icon {
3734
+ margin-left: 4px;
3735
+ }
3736
+
3737
+ &:hover,
3738
+ &.__pseudo-states-hover {
3739
+ color: #009DFF;
3740
+ }
3652
3741
 
3653
- .initializing-title {
3654
- height: 32px;
3655
- }
3656
- }
3742
+ &:active,
3743
+ &.__pseudo-states-active {
3744
+ color: #005ED1;
3745
+ }
3746
+ &.ui-kit-link-disabled {
3747
+ color: #0080FF;
3748
+ }
3749
+ &.ui-kit-link-primary {
3750
+ color: #00122E;
3657
3751
 
3752
+ &:hover,
3753
+ &.__pseudo-states-hover {
3754
+ color: #0080FF;
3755
+ }
3658
3756
 
3659
- .E_s11wux3h {
3660
- .antd5-segmented-item:not(:last-child) {
3661
- margin-right: 2px;
3662
- }
3663
- }
3757
+ &:active,
3758
+ &.__pseudo-states-active {
3759
+ color: #005ED1;
3760
+ }
3664
3761
 
3665
- .E_s1t2an3z {
3666
- &.antd5-segmented-sm .antd5-segmented-item-label {
3667
- padding-left: 8px;
3668
- padding-right: 8px;
3669
- font-size: 12px;
3670
- }
3762
+ &.ui-kit-link-disabled {
3763
+ color: #00122E;
3764
+ }
3765
+ }
3671
3766
 
3672
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3673
- border-radius: 4px;
3674
- }
3767
+ &.ui-kit-link-secondary {
3768
+ color: #2C3852BF;
3675
3769
 
3676
- &.antd5-segmented
3677
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3678
- .antd5-segmented-item-disabled
3679
- ) {
3680
- border-radius: 4px;
3681
- }
3682
- }
3770
+ &:hover,
3771
+ &.__pseudo-states-hover {
3772
+ color: #0080FF;
3773
+ }
3683
3774
 
3684
- .E_ma64lna {
3685
- .antd5-segmented-item-label {
3686
- padding-left: 12px;
3687
- padding-right: 12px;
3775
+ &:active,
3776
+ &.__pseudo-states-active {
3777
+ color: #005ED1;
3778
+ }
3779
+
3780
+ &.ui-kit-link-disabled {
3781
+ color: #2C3852BF;
3782
+ }
3783
+ }
3784
+ }
3688
3785
  }
3689
3786
  }
3690
3787
 
3691
- .E_ckld275 {
3692
- background-color: $fill-neutral-trans-2;
3693
- &.antd5-segmented
3694
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3695
- .antd5-segmented-item-disabled
3696
- ) {
3697
- background-color: $fill-neutral-light-white;
3698
- color: $text-neutral-secondary-light;
3699
- }
3700
- // on animate remove hover bg color
3701
- &.antd5-segmented
3702
- .antd5-segmented-thumb
3703
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3704
- .antd5-segmented-item-disabled
3705
- ) {
3706
- background-color: transparent;
3707
- }
3708
- // remove after's bg color
3709
- &.antd5-segmented
3710
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3711
- .antd5-segmented-item-disabled
3712
- )::after {
3713
- background-color: transparent;
3714
- }
3788
+
3789
+ .E_ckui4s7 {
3790
+ color: $text-primary-light;
3791
+ line-height: 22px;
3792
+ display: inline-flex;
3793
+ .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; } } }
3715
3794
  }
3716
3795
 
3717
3796
 
@@ -3768,70 +3847,6 @@
3768
3847
  }
3769
3848
 
3770
3849
 
3771
- .E_ckui4s7 {
3772
- color: $text-primary-light;
3773
- line-height: 22px;
3774
- display: inline-flex;
3775
- .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; } } }
3776
- }
3777
-
3778
-
3779
- .E_lht19u8 {
3780
- width: 64px;
3781
- height: 64px;
3782
- display: flex;
3783
- align-items: center;
3784
- justify-content: center;
3785
- position: relative;
3786
- opacity: 0.2;
3787
- }
3788
-
3789
- .E_lk3gkp4 {
3790
- position: absolute;
3791
- width: 5px;
3792
- height: 48px;
3793
- left: 9.33px;
3794
- top: 40.5px;
3795
-
3796
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3797
- border-radius: 5px;
3798
- transform: rotate(-128deg);
3799
- transform-origin: top left;
3800
-
3801
- animation: loading-indicator1 1100ms ease-out infinite;
3802
- }
3803
-
3804
- .E_ll4n94n {
3805
- position: absolute;
3806
- width: 5px;
3807
- height: 48px;
3808
- left: 40.8px;
3809
- top: 8.4px;
3810
-
3811
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3812
- border-radius: 5px;
3813
- transform: rotate(-8deg);
3814
- transform-origin: top left;
3815
-
3816
- animation: loading-indicator2 1100ms ease-out infinite;
3817
- }
3818
-
3819
- .E_l17lbdo6 {
3820
- position: absolute;
3821
- width: 5px;
3822
- height: 48px;
3823
- left: 52.9px;
3824
- top: 51.8px;
3825
-
3826
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3827
- border-radius: 5px;
3828
- transform: rotate(112deg);
3829
- transform-origin: top left;
3830
-
3831
- animation: loading-indicator3 1100ms ease-out infinite;
3832
- }
3833
-
3834
-
3835
3850
  .E_b14q2gmw {
3836
3851
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3837
3852
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3912,107 +3927,36 @@
3912
3927
  background-color: $fill-notice-light-hover;
3913
3928
  }
3914
3929
  }
3915
- &.ant-tag-green {
3916
- background-color: $fill-positive-light;
3917
- .#{$prefix}-icon {
3918
- background-color: $fill-positive-base;
3919
- }
3920
- &.tag-hover:hover,
3921
- &.__pseudo-states-hover {
3922
- background-color: $fill-positive-light-hover;
3923
- }
3924
- }
3925
- &.ant-tag-gray {
3926
- background-color: $fill-neutral-trans-2;
3927
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3928
- background-color: $gray-70;
3929
- }
3930
- &.tag-hover:hover,
3931
- &.__pseudo-states-hover {
3932
- background-color: $fill-neutral-trans-3-trans-2-hover;
3933
- }
3934
- }
3935
- }
3936
- }
3937
-
3938
- .E_satwmqm {
3939
- width: 8px;
3940
- height: 8px;
3941
- border-radius: 50%;
3942
- display: inline-block;
3943
- }
3944
-
3945
-
3946
- .E_l48ei06 {
3947
- @at-root {
3948
- button#{&}.ant-btn,
3949
- button#{&}.ant-btn.ant-btn-sm,
3950
- button#{&}.ant-btn.ant-btn-lg {
3951
- font-size: 12px;
3952
- line-height: 18px;
3953
- height: 18px;
3954
- }
3955
- button#{&} {
3956
- color: #0080FF;
3957
- height: unset;
3958
- .button-prefix-icon {
3959
- margin-right: 4px;
3960
- }
3961
- .button-suffix-icon {
3962
- margin-left: 4px;
3963
- }
3964
-
3965
- &:hover,
3966
- &.__pseudo-states-hover {
3967
- color: #009DFF;
3968
- }
3969
-
3970
- &:active,
3971
- &.__pseudo-states-active {
3972
- color: #005ED1;
3973
- }
3974
- &.ui-kit-link-disabled {
3975
- color: #0080FF;
3976
- }
3977
- &.ui-kit-link-primary {
3978
- color: #00122E;
3979
-
3980
- &:hover,
3981
- &.__pseudo-states-hover {
3982
- color: #0080FF;
3983
- }
3984
-
3985
- &:active,
3986
- &.__pseudo-states-active {
3987
- color: #005ED1;
3988
- }
3989
-
3990
- &.ui-kit-link-disabled {
3991
- color: #00122E;
3992
- }
3993
- }
3994
-
3995
- &.ui-kit-link-secondary {
3996
- color: #2C3852BF;
3997
-
3998
- &:hover,
3999
- &.__pseudo-states-hover {
4000
- color: #0080FF;
4001
- }
4002
-
4003
- &:active,
4004
- &.__pseudo-states-active {
4005
- color: #005ED1;
4006
- }
4007
-
4008
- &.ui-kit-link-disabled {
4009
- color: #2C3852BF;
4010
- }
3930
+ &.ant-tag-green {
3931
+ background-color: $fill-positive-light;
3932
+ .#{$prefix}-icon {
3933
+ background-color: $fill-positive-base;
3934
+ }
3935
+ &.tag-hover:hover,
3936
+ &.__pseudo-states-hover {
3937
+ background-color: $fill-positive-light-hover;
3938
+ }
3939
+ }
3940
+ &.ant-tag-gray {
3941
+ background-color: $fill-neutral-trans-2;
3942
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3943
+ background-color: $gray-70;
3944
+ }
3945
+ &.tag-hover:hover,
3946
+ &.__pseudo-states-hover {
3947
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4011
3948
  }
4012
3949
  }
4013
3950
  }
4014
3951
  }
4015
3952
 
3953
+ .E_satwmqm {
3954
+ width: 8px;
3955
+ height: 8px;
3956
+ border-radius: 50%;
3957
+ display: inline-block;
3958
+ }
3959
+
4016
3960
 
4017
3961
  .E_tc97u5y {
4018
3962
  height: 100%;
@@ -4452,227 +4396,59 @@
4452
4396
  }
4453
4397
 
4454
4398
 
4455
- .E_sjob3jg {
4456
- $item: ant-steps-item;
4457
- --item-min-width: 60px;
4458
- .#{$item} {
4459
- &-tail,
4460
- &-icon {
4461
- display: none !important;
4462
- }
4463
- }
4464
- .#{$item}.#{$item}-active {
4465
- flex-shrink: 0 !important;
4466
- .step-item-prefix-container {
4467
- color: $text-colorful-outstanding;
4468
- }
4469
- .#{$item}-container .#{$item}-content .#{$item}-title {
4470
- color: $text-colorful-outstanding;
4471
- font-weight: normal;
4472
- }
4473
- }
4474
- .#{$item}.#{$item}-finish {
4475
- .#{$item}-container .#{$item}-content .#{$item}-title,
4476
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4477
- color: $text-neutral-tertiary;
4478
- }
4479
- }
4480
- .#{$item}.#{$item}-wait {
4481
- .#{$item}-container .#{$item}-content .#{$item}-title {
4482
- color: $text-neutral-primary;
4483
- }
4484
- }
4485
- .step-item-text {
4486
- display: inline-block;
4487
- }
4488
- .step-item-title {
4489
- overflow: hidden;
4490
- white-space: nowrap;
4491
- text-overflow: ellipsis;
4492
- }
4399
+ .E_lht19u8 {
4400
+ width: 64px;
4401
+ height: 64px;
4402
+ display: flex;
4403
+ align-items: center;
4404
+ justify-content: center;
4405
+ position: relative;
4406
+ opacity: 0.2;
4493
4407
  }
4494
4408
 
4495
- .E_hjvj6s6 {
4496
- $item: ant-steps-item;
4497
- @mixin rightTriangle($color: $fills-light-trans-1) {
4498
- content: "";
4499
- width: 0;
4500
- height: 0;
4501
- border: 13px solid transparent;
4502
- position: absolute;
4503
- top: 0;
4504
- border-left: 8px solid $color;
4505
- }
4506
- .#{$item}-container {
4507
- min-width: var(--item-min-width);
4508
- }
4509
- .#{$item}-disabled {
4510
- cursor: not-allowed !important;
4511
- }
4512
- .ant-steps-horizontal.ant-steps-label-horizontal {
4513
- flex-direction: row;
4514
- justify-content: stretch;
4515
- .#{$item} {
4516
- padding: 0;
4517
- margin-right: 4px;
4518
- flex: 1;
4519
- overflow: visible;
4520
- .#{$item}-content {
4521
- width: 100%;
4522
- min-height: unset;
4523
- .#{$item}-title {
4524
- height: 26px;
4525
- line-height: 26px;
4526
- width: 100%;
4527
- padding: 0;
4528
- font-size: 12px;
4529
- .step-count {
4530
- margin-right: 10px;
4531
- }
4532
- &::after {
4533
- display: none;
4534
- }
4535
- }
4536
- }
4537
- &:first-child {
4538
- .#{$item}-container {
4539
- padding-left: 8px;
4540
- padding-right: 4px;
4541
- border-radius: 4px 0 0 4px;
4542
- }
4543
- }
4544
- &:last-child {
4545
- margin-right: 0;
4546
- .#{$item}-container {
4547
- padding-right: 8px;
4548
- padding-left: 12px;
4549
- border-radius: 0 4px 4px 0;
4550
- }
4551
- }
4552
- &:not(&:last-child) {
4553
- &::after {
4554
- @include rightTriangle();
4555
- z-index: 2;
4556
- position: relative;
4557
- top: -50%;
4558
- right: -100%;
4559
- }
4560
- }
4561
- &:not(:first-child):not(:last-child) {
4562
- .#{$item}-container {
4563
- padding: 0 4px 0 12px;
4564
- }
4565
- }
4566
- &:not(&:first-child) {
4567
- &::before {
4568
- @include rightTriangle(#fff);
4569
- left: 0;
4570
- }
4571
- }
4572
- }
4573
- .#{$item}-active {
4574
- max-width: calc(100% - var(--item-min-width) * 2);
4575
- .#{$item}-container {
4576
- background-color: $fills-light-general-general-light;
4577
- }
4578
- &::after {
4579
- border-left-color: $fills-light-general-general-light !important;
4580
- }
4581
- }
4582
- .#{$item}-finish {
4583
- cursor: pointer;
4584
- min-width: var(--item-min-width);
4585
- }
4586
- .#{$item}-wait,
4587
- .#{$item}-finish {
4588
- min-width: var(--item-min-width);
4589
- .#{$item}-container {
4590
- background-color: $fills-light-trans-1;
4591
- }
4592
- }
4593
- }
4594
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4595
- .ant-steps-vertical
4596
- )
4597
- .#{$item} {
4598
- padding: 0;
4599
- }
4600
- }
4409
+ .E_lk3gkp4 {
4410
+ position: absolute;
4411
+ width: 5px;
4412
+ height: 48px;
4413
+ left: 9.33px;
4414
+ top: 40.5px;
4601
4415
 
4602
- .E_v4tv3mf {
4603
- $item: ant-steps-item;
4604
- .ant-steps.ant-steps-vertical {
4605
- width: 192px;
4606
- row-gap: 2px;
4416
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4417
+ border-radius: 5px;
4418
+ transform: rotate(-128deg);
4419
+ transform-origin: top left;
4607
4420
 
4608
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4609
- &:hover {
4610
- background-color: $fill-neutral-trans-2;
4611
- }
4612
- .#{$item}-title {
4613
- color: $text-neutral-primary !important;
4614
- }
4615
- }
4616
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4617
- .#{$item}-container:hover {
4618
- background-color: $fill-neutral-trans-2;
4619
- }
4620
- .#{$item}-container {
4621
- padding: 0 8px;
4622
- border-radius: 4px;
4623
- height: 32px;
4624
- display: flex;
4625
- align-items: center;
4626
- .#{$item}-content {
4627
- min-height: auto;
4628
- white-space: nowrap;
4629
- & .ant-steps-item-title {
4630
- font-size: 13px;
4631
- line-height: 20px;
4632
- max-width: 100%;
4633
- padding-right: 0;
4634
- }
4635
- }
4636
- }
4637
- .#{$item}-active {
4638
- .ant-steps-item-container {
4639
- background: rgba($blue-60, 0.1);
4640
- }
4641
- }
4642
- }
4421
+ animation: loading-indicator1 1100ms ease-out infinite;
4643
4422
  }
4644
4423
 
4645
- .E_h6l1tj4 {
4646
- width: 100%;
4647
- display: inline-flex;
4648
- align-items: center;
4649
- justify-content: center;
4650
- column-gap: 4px;
4651
- .step-item-prefix-container {
4652
- display: inline-flex;
4653
- align-items: center;
4654
- width: 18px;
4655
- height: 18px;
4656
- color: $gray-a75-8;
4657
- justify-content: center;
4658
- }
4424
+ .E_ll4n94n {
4425
+ position: absolute;
4426
+ width: 5px;
4427
+ height: 48px;
4428
+ left: 40.8px;
4429
+ top: 8.4px;
4430
+
4431
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4432
+ border-radius: 5px;
4433
+ transform: rotate(-8deg);
4434
+ transform-origin: top left;
4435
+
4436
+ animation: loading-indicator2 1100ms ease-out infinite;
4659
4437
  }
4660
4438
 
4661
- .E_v18frne8 {
4662
- width: 100%;
4663
- display: flex;
4664
- align-items: center;
4665
- justify-content: center;
4666
- column-gap: 6px;
4667
- font-size: 13px;
4668
- .step-item-prefix-container {
4669
- display: inline-flex;
4670
- align-items: center;
4671
- min-width: 20px;
4672
- min-height: 20px;
4673
- color: $gray-a75-8;
4674
- justify-content: center;
4675
- }
4439
+ .E_l17lbdo6 {
4440
+ position: absolute;
4441
+ width: 5px;
4442
+ height: 48px;
4443
+ left: 52.9px;
4444
+ top: 51.8px;
4445
+
4446
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4447
+ border-radius: 5px;
4448
+ transform: rotate(112deg);
4449
+ transform-origin: top left;
4450
+
4451
+ animation: loading-indicator3 1100ms ease-out infinite;
4676
4452
  }
4677
4453
 
4678
4454
 
@@ -4688,12 +4464,6 @@
4688
4464
  }
4689
4465
 
4690
4466
 
4691
- .E_i1g85yz3 {
4692
- margin-right: 4px;
4693
- height: 16px;
4694
- }
4695
-
4696
-
4697
4467
  .E_l1ucdodl {
4698
4468
  $prefix: ui-kit-status-legend;
4699
4469
  margin: 0;
@@ -4778,6 +4548,27 @@
4778
4548
  }
4779
4549
 
4780
4550
 
4551
+ .E_r77hffu {
4552
+ display: flex;
4553
+ align-items: center;
4554
+ justify-content: space-between;
4555
+ column-gap: 6px;
4556
+ }
4557
+
4558
+ .E_p1cmxsf7 {
4559
+ display: flex;
4560
+ flex-direction: column;
4561
+ justify-content: center;
4562
+ row-gap: var(--p1cmxsf7-0);
4563
+
4564
+ .antd5-progress-line {
4565
+ font-size: 0;
4566
+ margin-bottom: unset;
4567
+ margin-inline-end: unset;
4568
+ }
4569
+ }
4570
+
4571
+
4781
4572
  .E_slr2ynn {
4782
4573
  padding: 0 8px;
4783
4574
  height: 18px;
@@ -4810,6 +4601,12 @@
4810
4601
  }
4811
4602
 
4812
4603
 
4604
+ .E_i1g85yz3 {
4605
+ margin-right: 4px;
4606
+ height: 16px;
4607
+ }
4608
+
4609
+
4813
4610
  .E_t1dtlqs1 {
4814
4611
  margin-bottom: 4px;
4815
4612
  color: $text-secondary-light;
@@ -4986,65 +4783,268 @@
4986
4783
  }
4987
4784
  }
4988
4785
  }
4989
- }
4990
- &.row-split-by-border {
4991
- .eagle-table-form-row {
4992
- border-bottom: 1px solid $fills-light-trans-2;
4786
+ }
4787
+ &.row-split-by-border {
4788
+ .eagle-table-form-row {
4789
+ border-bottom: 1px solid $fills-light-trans-2;
4790
+ }
4791
+ }
4792
+ &.row-split-by-zebraMarking {
4793
+ .draggable-container {
4794
+ & > :nth-child(2n) {
4795
+ background-color: $fills-trans-primary-light;
4796
+ }
4797
+ }
4798
+ }
4799
+ }
4800
+
4801
+ .E_a138syjm {
4802
+ display: flex;
4803
+ align-items: center;
4804
+ margin-top: 8px;
4805
+ gap: 8px;
4806
+
4807
+ button.ant-btn {
4808
+ padding: 2px 8px;
4809
+ height: 24px;
4810
+ }
4811
+ & > span.maximum-desc {
4812
+ display: none;
4813
+ color: $text-secondary-light;
4814
+ &.disabled {
4815
+ display: inline;
4816
+ }
4817
+ }
4818
+ }
4819
+
4820
+ .E_d77i8u0 {
4821
+ width: 24px;
4822
+ height: 24px;
4823
+ padding: 4px;
4824
+ margin-right: 8px;
4825
+ }
4826
+
4827
+
4828
+ .E_sjob3jg {
4829
+ $item: ant-steps-item;
4830
+ --item-min-width: 60px;
4831
+ .#{$item} {
4832
+ &-tail,
4833
+ &-icon {
4834
+ display: none !important;
4835
+ }
4836
+ }
4837
+ .#{$item}.#{$item}-active {
4838
+ flex-shrink: 0 !important;
4839
+ .step-item-prefix-container {
4840
+ color: $text-colorful-outstanding;
4841
+ }
4842
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4843
+ color: $text-colorful-outstanding;
4844
+ font-weight: normal;
4845
+ }
4846
+ }
4847
+ .#{$item}.#{$item}-finish {
4848
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4849
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4850
+ color: $text-neutral-tertiary;
4851
+ }
4852
+ }
4853
+ .#{$item}.#{$item}-wait {
4854
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4855
+ color: $text-neutral-primary;
4856
+ }
4857
+ }
4858
+ .step-item-text {
4859
+ display: inline-block;
4860
+ }
4861
+ .step-item-title {
4862
+ overflow: hidden;
4863
+ white-space: nowrap;
4864
+ text-overflow: ellipsis;
4865
+ }
4866
+ }
4867
+
4868
+ .E_hjvj6s6 {
4869
+ $item: ant-steps-item;
4870
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4871
+ content: "";
4872
+ width: 0;
4873
+ height: 0;
4874
+ border: 13px solid transparent;
4875
+ position: absolute;
4876
+ top: 0;
4877
+ border-left: 8px solid $color;
4878
+ }
4879
+ .#{$item}-container {
4880
+ min-width: var(--item-min-width);
4881
+ }
4882
+ .#{$item}-disabled {
4883
+ cursor: not-allowed !important;
4884
+ }
4885
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4886
+ flex-direction: row;
4887
+ justify-content: stretch;
4888
+ .#{$item} {
4889
+ padding: 0;
4890
+ margin-right: 4px;
4891
+ flex: 1;
4892
+ overflow: visible;
4893
+ .#{$item}-content {
4894
+ width: 100%;
4895
+ min-height: unset;
4896
+ .#{$item}-title {
4897
+ height: 26px;
4898
+ line-height: 26px;
4899
+ width: 100%;
4900
+ padding: 0;
4901
+ font-size: 12px;
4902
+ .step-count {
4903
+ margin-right: 10px;
4904
+ }
4905
+ &::after {
4906
+ display: none;
4907
+ }
4908
+ }
4909
+ }
4910
+ &:first-child {
4911
+ .#{$item}-container {
4912
+ padding-left: 8px;
4913
+ padding-right: 4px;
4914
+ border-radius: 4px 0 0 4px;
4915
+ }
4916
+ }
4917
+ &:last-child {
4918
+ margin-right: 0;
4919
+ .#{$item}-container {
4920
+ padding-right: 8px;
4921
+ padding-left: 12px;
4922
+ border-radius: 0 4px 4px 0;
4923
+ }
4924
+ }
4925
+ &:not(&:last-child) {
4926
+ &::after {
4927
+ @include rightTriangle();
4928
+ z-index: 2;
4929
+ position: relative;
4930
+ top: -50%;
4931
+ right: -100%;
4932
+ }
4933
+ }
4934
+ &:not(:first-child):not(:last-child) {
4935
+ .#{$item}-container {
4936
+ padding: 0 4px 0 12px;
4937
+ }
4938
+ }
4939
+ &:not(&:first-child) {
4940
+ &::before {
4941
+ @include rightTriangle(#fff);
4942
+ left: 0;
4943
+ }
4944
+ }
4945
+ }
4946
+ .#{$item}-active {
4947
+ max-width: calc(100% - var(--item-min-width) * 2);
4948
+ .#{$item}-container {
4949
+ background-color: $fills-light-general-general-light;
4950
+ }
4951
+ &::after {
4952
+ border-left-color: $fills-light-general-general-light !important;
4953
+ }
4954
+ }
4955
+ .#{$item}-finish {
4956
+ cursor: pointer;
4957
+ min-width: var(--item-min-width);
4958
+ }
4959
+ .#{$item}-wait,
4960
+ .#{$item}-finish {
4961
+ min-width: var(--item-min-width);
4962
+ .#{$item}-container {
4963
+ background-color: $fills-light-trans-1;
4964
+ }
4965
+ }
4966
+ }
4967
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4968
+ .ant-steps-vertical
4969
+ )
4970
+ .#{$item} {
4971
+ padding: 0;
4972
+ }
4973
+ }
4974
+
4975
+ .E_v4tv3mf {
4976
+ $item: ant-steps-item;
4977
+ .ant-steps.ant-steps-vertical {
4978
+ width: 192px;
4979
+ row-gap: 2px;
4980
+
4981
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4982
+ &:hover {
4983
+ background-color: $fill-neutral-trans-2;
4984
+ }
4985
+ .#{$item}-title {
4986
+ color: $text-neutral-primary !important;
4987
+ }
4988
+ }
4989
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4990
+ .#{$item}-container:hover {
4991
+ background-color: $fill-neutral-trans-2;
4993
4992
  }
4994
- }
4995
- &.row-split-by-zebraMarking {
4996
- .draggable-container {
4997
- & > :nth-child(2n) {
4998
- background-color: $fills-trans-primary-light;
4993
+ .#{$item}-container {
4994
+ padding: 0 8px;
4995
+ border-radius: 4px;
4996
+ height: 32px;
4997
+ display: flex;
4998
+ align-items: center;
4999
+ .#{$item}-content {
5000
+ min-height: auto;
5001
+ white-space: nowrap;
5002
+ & .ant-steps-item-title {
5003
+ font-size: 13px;
5004
+ line-height: 20px;
5005
+ max-width: 100%;
5006
+ padding-right: 0;
5007
+ }
5008
+ }
5009
+ }
5010
+ .#{$item}-active {
5011
+ .ant-steps-item-container {
5012
+ background: rgba($blue-60, 0.1);
4999
5013
  }
5000
5014
  }
5001
5015
  }
5002
5016
  }
5003
5017
 
5004
- .E_a138syjm {
5005
- display: flex;
5018
+ .E_h6l1tj4 {
5019
+ width: 100%;
5020
+ display: inline-flex;
5006
5021
  align-items: center;
5007
- margin-top: 8px;
5008
- gap: 8px;
5009
-
5010
- button.ant-btn {
5011
- padding: 2px 8px;
5012
- height: 24px;
5013
- }
5014
- & > span.maximum-desc {
5015
- display: none;
5016
- color: $text-secondary-light;
5017
- &.disabled {
5018
- display: inline;
5019
- }
5022
+ justify-content: center;
5023
+ column-gap: 4px;
5024
+ .step-item-prefix-container {
5025
+ display: inline-flex;
5026
+ align-items: center;
5027
+ width: 18px;
5028
+ height: 18px;
5029
+ color: $gray-a75-8;
5030
+ justify-content: center;
5020
5031
  }
5021
5032
  }
5022
5033
 
5023
- .E_d77i8u0 {
5024
- width: 24px;
5025
- height: 24px;
5026
- padding: 4px;
5027
- margin-right: 8px;
5028
- }
5029
-
5030
-
5031
- .E_r77hffu {
5034
+ .E_v18frne8 {
5035
+ width: 100%;
5032
5036
  display: flex;
5033
5037
  align-items: center;
5034
- justify-content: space-between;
5035
- column-gap: 6px;
5036
- }
5037
-
5038
- .E_p1cmxsf7 {
5039
- display: flex;
5040
- flex-direction: column;
5041
5038
  justify-content: center;
5042
- row-gap: var(--p1cmxsf7-0);
5043
-
5044
- .antd5-progress-line {
5045
- font-size: 0;
5046
- margin-bottom: unset;
5047
- margin-inline-end: unset;
5039
+ column-gap: 6px;
5040
+ font-size: 13px;
5041
+ .step-item-prefix-container {
5042
+ display: inline-flex;
5043
+ align-items: center;
5044
+ min-width: 20px;
5045
+ min-height: 20px;
5046
+ color: $gray-a75-8;
5047
+ justify-content: center;
5048
5048
  }
5049
5049
  }
5050
5050
 
@@ -5531,6 +5531,11 @@
5531
5531
  }
5532
5532
 
5533
5533
 
5534
+ .E_b1jaupqb {
5535
+ color: #F0483E;
5536
+ }
5537
+
5538
+
5534
5539
  .E_t59qhqp {
5535
5540
  padding: 0px;
5536
5541
  padding-top: 5px;
@@ -5586,11 +5591,6 @@
5586
5591
  }
5587
5592
 
5588
5593
 
5589
- .E_b1jaupqb {
5590
- color: #F0483E;
5591
- }
5592
-
5593
-
5594
5594
  .E_icab5o7 {
5595
5595
  --modal-to-viewport-margin: 10px;
5596
5596
  --modal-body-padding-bottom: 40px;
@@ -5798,80 +5798,6 @@
5798
5798
  }
5799
5799
 
5800
5800
 
5801
- .E_s20iney {
5802
- &.skeleton-box {
5803
- display: flex;
5804
- align-items: center;
5805
- justify-content: center;
5806
- position: relative;
5807
- border-radius: 2px;
5808
- background: #E1E6F199;
5809
- overflow: hidden;
5810
-
5811
- & > .skeleton-shimmer {
5812
- width: 200%;
5813
- height: 200%;
5814
- transform: rotate(15deg);
5815
- position: absolute;
5816
- top: -50%;
5817
- flex-shrink: 0;
5818
- opacity: 0.8;
5819
- background: linear-gradient(
5820
- 90deg,
5821
- rgba(255, 255, 255, 0) 15%,
5822
- #FFFFFF99 50%,
5823
- rgba(255, 255, 255, 0) 85%
5824
- );
5825
-
5826
- animation: shimmer 1100ms infinite;
5827
- }
5828
-
5829
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5830
- }
5831
- }
5832
-
5833
-
5834
- .E_sqv6dmy {
5835
- display: flex;
5836
- justify-content: flex-end;
5837
- }
5838
-
5839
- .E_p1rm8wzb {
5840
- margin-right: 8px;
5841
- }
5842
-
5843
- .E_sd7qcf4 {
5844
- height: 100%;
5845
- width: 100%;
5846
- overflow: auto;
5847
- }
5848
-
5849
- .E_r1fxc9gq {
5850
- &.right {
5851
- overflow: auto;
5852
- padding-right: 2px;
5853
- width: calc(192px + 6px + 2px);
5854
- height: fit-content;
5855
- max-height: calc(
5856
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
5857
- --modal-body-padding-bottom
5858
- ) - var(--modal-footer-height)
5859
- );
5860
- scrollbar-gutter: stable;
5861
- &::-webkit-scrollbar {
5862
- width: 6px;
5863
- }
5864
- &::-webkit-scrollbar-track {
5865
- background: #E1E6F199;
5866
- }
5867
- &::-webkit-scrollbar-thumb {
5868
- background: #ACBAD399;
5869
- border-radius: 8px;
5870
- }
5871
- }
5872
- }
5873
-
5874
-
5875
5801
  .E_dxyv8bv {
5876
5802
  --footer-height: 80px;
5877
5803
  --modal-content-width: 492px;
@@ -6015,6 +5941,80 @@
6015
5941
  }
6016
5942
 
6017
5943
 
5944
+ .E_s20iney {
5945
+ &.skeleton-box {
5946
+ display: flex;
5947
+ align-items: center;
5948
+ justify-content: center;
5949
+ position: relative;
5950
+ border-radius: 2px;
5951
+ background: #E1E6F199;
5952
+ overflow: hidden;
5953
+
5954
+ & > .skeleton-shimmer {
5955
+ width: 200%;
5956
+ height: 200%;
5957
+ transform: rotate(15deg);
5958
+ position: absolute;
5959
+ top: -50%;
5960
+ flex-shrink: 0;
5961
+ opacity: 0.8;
5962
+ background: linear-gradient(
5963
+ 90deg,
5964
+ rgba(255, 255, 255, 0) 15%,
5965
+ #FFFFFF99 50%,
5966
+ rgba(255, 255, 255, 0) 85%
5967
+ );
5968
+
5969
+ animation: shimmer 1100ms infinite;
5970
+ }
5971
+
5972
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5973
+ }
5974
+ }
5975
+
5976
+
5977
+ .E_sqv6dmy {
5978
+ display: flex;
5979
+ justify-content: flex-end;
5980
+ }
5981
+
5982
+ .E_p1rm8wzb {
5983
+ margin-right: 8px;
5984
+ }
5985
+
5986
+ .E_sd7qcf4 {
5987
+ height: 100%;
5988
+ width: 100%;
5989
+ overflow: auto;
5990
+ }
5991
+
5992
+ .E_r1fxc9gq {
5993
+ &.right {
5994
+ overflow: auto;
5995
+ padding-right: 2px;
5996
+ width: calc(192px + 6px + 2px);
5997
+ height: fit-content;
5998
+ max-height: calc(
5999
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6000
+ --modal-body-padding-bottom
6001
+ ) - var(--modal-footer-height)
6002
+ );
6003
+ scrollbar-gutter: stable;
6004
+ &::-webkit-scrollbar {
6005
+ width: 6px;
6006
+ }
6007
+ &::-webkit-scrollbar-track {
6008
+ background: #E1E6F199;
6009
+ }
6010
+ &::-webkit-scrollbar-thumb {
6011
+ background: #ACBAD399;
6012
+ border-radius: 8px;
6013
+ }
6014
+ }
6015
+ }
6016
+
6017
+
6018
6018
  .E_t1g36k2w {
6019
6019
  overflow: hidden;
6020
6020
  height: 100%;
@@ -6071,432 +6071,164 @@
6071
6071
  }
6072
6072
 
6073
6073
 
6074
- .E_f16blduf {
6075
- &.ant-form-item {
6076
- margin-bottom: 0;
6077
- }
6078
-
6079
- .ant-form-item-explain {
6080
- display: none;
6081
- min-height: 18px;
6082
- margin-top: 5px;
6083
- font-family: "Inter";
6084
- font-weight: 400;
6085
- font-size: 12px;
6086
- line-height: 18px;
6087
- }
6088
-
6089
- &.ant-form-item[class*="ant-form-item-has"]:not(
6090
- .ant-form-item-has-error-leave
6091
- ) {
6092
- white-space: pre-wrap;
6093
- .ant-form-item-explain {
6094
- display: block;
6095
- }
6096
- }
6097
- }
6098
-
6099
-
6100
6074
  .E_t1616y1o {
6101
6075
  color: $text-light-on-tint;
6102
6076
  }
6103
6077
 
6104
6078
 
6105
- .E_a9y3flr {
6106
- margin-left: 8px;
6107
- }
6108
-
6109
- .E_a1njc627 {
6110
- font-size: 12px;
6111
- color: $text-neutral-primary;
6112
- }
6113
-
6114
-
6115
- .E_d1u4ndxc {
6116
- color: #2C3852BF;
6117
- font-size: 12px;
6118
- }
6119
-
6120
- .E_f6xb0iv {
6121
- min-width: 0;
6122
- flex: 1;
6123
- }
6124
-
6125
- .E_b1dhu7ov {
6126
- &.antd5-progress {
6127
- width: 220px;
6128
- }
6129
- }
6130
-
6131
- .E_p1as1j2z {
6132
- .antd5-progress.antd5-progress-status-active
6133
- .antd5-progress-bg::before {
6134
- content: "";
6135
- display: block;
6136
- height: 8px;
6137
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6138
- animation: loading 1600ms ease-out infinite;
6139
- opacity: 1;
6140
- }
6141
-
6142
- @keyframes loading {
6143
- from {
6144
- transform: translateX(-100%);
6145
- }
6146
- to {
6147
- transform: translateX(100%);
6148
- }
6149
- }
6150
- }
6151
-
6152
-
6153
- .E_i14c7jc8 {
6154
- color: var(--i14c7jc8-0);
6155
- }
6156
-
6157
- .E_i1ibuolf {
6158
- display: flex;
6159
- align-items: center;
6160
- column-gap: 4px;
6161
- font-size: 12px;
6162
- color: #2C3852BF;
6163
- }
6164
-
6165
-
6166
- .E_c18bcrac {
6167
- display: inline-block;
6168
- width: 100%;
6169
- .recharts-wrapper {
6170
- margin-left: 4px;
6171
- }
6172
- }
6173
-
6174
- .E_cro7kg2 {
6175
- padding: 4px;
6176
-
6177
- .unit {
6178
- color: white;
6179
- }
6180
- }
6181
-
6182
- .E_c14wcxf0 {
6183
- display: flex;
6184
- justify-content: space-between;
6185
- align-items: center;
6186
- font-size: 13px;
6187
- line-height: 24px;
6188
- color: #cccccc;
6189
- white-space: nowrap;
6190
-
6191
- label {
6192
- margin-right: 32px;
6193
- }
6194
- }
6195
-
6196
- .E_coy29mj.E_c14wcxf0 {
6197
- font-weight: bold;
6198
- color: white;
6199
- }
6200
-
6201
- .E_s11212zy {
6202
- width: 8px;
6203
- height: 8px;
6204
- border-radius: 2px;
6205
- display: inline-block;
6206
- background: var(--s11212zy-0);
6207
- border: 1px solid $fills-light-white;
6208
- box-sizing: content-box;
6209
- margin-right: 6px;
6210
- }
6211
-
6212
- .E_p1lyky6c {
6213
- & > :first-child {
6214
- font-weight: bold;
6215
- color: white;
6216
- margin-right: 4px;
6217
- }
6218
- }
6219
-
6220
-
6221
- .E_ou7iq30 {
6222
- overflow: hidden;
6223
- text-overflow: ellipsis;
6224
- }
6225
-
6226
- .E_s1tui002 {
6227
- white-space: nowrap;
6228
- }
6229
-
6230
- .E_mxrc2zg {
6231
- display: -webkit-box;
6232
- -webkit-line-clamp: var(--mxrc2zg-0);
6233
- -webkit-box-orient: vertical;
6234
- word-break: break-all;
6235
- }
6236
-
6237
- .E_t1vv6d68 {
6238
- .ant-tooltip-arrow {
6239
- display: none;
6240
- }
6241
- .ant-tooltip-inner {
6242
- background: $gray-a80-9;
6243
- border-radius: 4px;
6244
- &:has(.eagle-ellipsis-content) {
6245
- visibility: hidden;
6246
- }
6247
- }
6248
- }
6249
-
6250
-
6251
- .E_tqjc4ui {
6252
- @at-root {
6253
- span#{&} {
6254
- margin: 0 2px;
6255
- }
6256
- }
6257
- }
6258
-
6259
-
6260
- .E_gmyahx3 {
6261
- cursor: pointer;
6262
-
6263
- .link-text {
6264
- color: $text-light-tertiary;
6265
- }
6266
-
6267
- &:hover .link-text {
6268
- color: $text-light-general;
6269
- }
6270
- }
6271
-
6272
-
6273
- .E_s1ebs0ra {
6274
- display: flex;
6275
- align-items: center;
6276
- justify-content: space-between;
6277
- background: $backgrounds-light-grouped;
6278
- padding: 8px 12px;
6279
- position: sticky;
6280
- top: 0;
6281
- z-index: 1;
6282
- margin-bottom: -52px;
6283
-
6284
- .select-total {
6285
- display: flex;
6286
- align-items: center;
6287
- font-weight: 700;
6288
- flex-shrink: 0;
6289
-
6290
- .icon-wrapper {
6291
- cursor: pointer;
6292
- margin-left: 8px;
6293
- width: 32px;
6294
- height: 32px;
6295
- border-radius: 50%;
6296
- justify-content: center;
6297
-
6298
- &:hover {
6299
- background: $fills-light-trans-2;
6300
- }
6301
- }
6302
- }
6303
- .action-group {
6304
- flex: 1;
6305
- margin-left: 88px;
6306
- white-space: nowrap;
6307
- text-align: right;
6308
- position: relative;
6309
- padding: 4px 0;
6310
- margin-top: -4px;
6311
- overflow: hidden;
6312
- .sub-menu-delete {
6313
- transform: translateY(-4px);
6314
- }
6315
- button {
6316
- border: none;
6317
- }
6318
- > *:not(:last-child) {
6319
- margin-right: 8px;
6320
- }
6321
-
6322
- > button:last-child {
6323
- margin-right: 4px;
6324
- }
6325
- .more-btn {
6326
- cursor: pointer;
6327
- width: 32px;
6328
- height: 32px;
6329
- justify-content: center;
6330
- border-radius: 50%;
6079
+ .E_f16blduf {
6080
+ &.ant-form-item {
6081
+ margin-bottom: 0;
6082
+ }
6331
6083
 
6332
- &:hover {
6333
- background: $white;
6334
- }
6084
+ .ant-form-item-explain {
6085
+ display: none;
6086
+ min-height: 18px;
6087
+ margin-top: 5px;
6088
+ font-family: "Inter";
6089
+ font-weight: 400;
6090
+ font-size: 12px;
6091
+ line-height: 18px;
6092
+ }
6093
+
6094
+ &.ant-form-item[class*="ant-form-item-has"]:not(
6095
+ .ant-form-item-has-error-leave
6096
+ ) {
6097
+ white-space: pre-wrap;
6098
+ .ant-form-item-explain {
6099
+ display: block;
6335
6100
  }
6336
6101
  }
6337
6102
  }
6338
6103
 
6339
6104
 
6340
- .E_c1up1pdz {
6341
- width: 648px;
6105
+ .E_a9y3flr {
6106
+ margin-left: 8px;
6107
+ }
6342
6108
 
6343
- &.active {
6344
- border-color: $blue-60;
6109
+ .E_a1njc627 {
6110
+ font-size: 12px;
6111
+ color: $text-neutral-primary;
6112
+ }
6345
6113
 
6346
- > header {
6347
- background: rgba($blue-60, 0.1);
6348
- }
6349
- }
6350
6114
 
6351
- .expand {
6352
- padding: 12px;
6115
+ .E_d1u4ndxc {
6116
+ color: #2C3852BF;
6117
+ font-size: 12px;
6118
+ }
6119
+
6120
+ .E_f6xb0iv {
6121
+ min-width: 0;
6122
+ flex: 1;
6123
+ }
6124
+
6125
+ .E_b1dhu7ov {
6126
+ &.antd5-progress {
6127
+ width: 220px;
6353
6128
  }
6129
+ }
6354
6130
 
6355
- .field-item {
6356
- display: flex;
6357
- padding: 10px 0;
6358
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6131
+ .E_p1as1j2z {
6132
+ .antd5-progress.antd5-progress-status-active
6133
+ .antd5-progress-bg::before {
6134
+ content: "";
6135
+ display: block;
6136
+ height: 8px;
6137
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
6138
+ animation: loading 1600ms ease-out infinite;
6139
+ opacity: 1;
6140
+ }
6359
6141
 
6360
- &:last-child {
6361
- border-bottom: none;
6362
- padding-bottom: 0;
6142
+ @keyframes loading {
6143
+ from {
6144
+ transform: translateX(-100%);
6363
6145
  }
6364
-
6365
- label {
6366
- line-height: 32px;
6367
- width: 100px;
6368
- color: rgba(62, 70, 82, 0.6);
6146
+ to {
6147
+ transform: translateX(100%);
6369
6148
  }
6370
6149
  }
6150
+ }
6371
6151
 
6372
- .help {
6373
- color: rgba(62, 70, 82, 0.6);
6374
- margin-top: 5px;
6375
- }
6376
6152
 
6377
- .ant-input-affix-wrapper,
6378
- .ant-picker {
6379
- width: 128px;
6380
- }
6153
+ .E_i14c7jc8 {
6154
+ color: var(--i14c7jc8-0);
6381
6155
  }
6382
6156
 
6383
- .E_c156wh19 {
6157
+ .E_i1ibuolf {
6384
6158
  display: flex;
6385
6159
  align-items: center;
6386
- justify-content: space-between;
6387
- word-break: keep-all;
6388
-
6389
- .title {
6390
- margin: 0 16px 0 8px;
6391
- }
6392
-
6393
- .retain {
6394
- color: rgba(129, 138, 153, 0.6);
6395
- }
6160
+ column-gap: 4px;
6161
+ font-size: 12px;
6162
+ color: #2C3852BF;
6163
+ }
6396
6164
 
6397
- div.left {
6398
- flex: 1;
6399
- display: flex;
6400
- overflow: hidden;
6401
- align-items: center;
6402
- justify-content: flex-start;
6403
- white-space: nowrap;
6404
6165
 
6405
- .title {
6406
- max-width: 100%;
6407
- overflow: hidden;
6408
- text-overflow: ellipsis;
6409
- }
6410
- }
6166
+ .E_skwah65 {
6167
+ height: 8px;
6168
+ box-sizing: border-box;
6169
+ border-radius: 2px;
6170
+ background: #f5f7fa;
6171
+ display: flex;
6172
+ width: 100%;
6173
+ overflow: hidden;
6411
6174
 
6412
- div.right {
6413
- display: flex;
6414
- align-items: center;
6175
+ .stack-bar-item + .stack-bar-item {
6176
+ margin-left: 1px;
6415
6177
  }
6178
+ }
6416
6179
 
6417
- .reverse {
6418
- display: flex;
6419
- flex-direction: row-reverse;
6420
- align-items: center;
6421
-
6422
- .ant-switch {
6423
- margin-left: 8px;
6424
- }
6425
- }
6426
6180
 
6427
- .close {
6428
- padding-left: 14px;
6429
- margin-left: 14px;
6430
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6431
- cursor: pointer;
6181
+ .E_c18bcrac {
6182
+ display: inline-block;
6183
+ width: 100%;
6184
+ .recharts-wrapper {
6185
+ margin-left: 4px;
6432
6186
  }
6433
6187
  }
6434
6188
 
6435
- .E_m126spxy {
6436
- .ant-btn.ant-btn-link {
6437
- padding: 1px 10px;
6438
- color: rgba(62, 70, 82, 0.6);
6439
- border-radius: 4px;
6189
+ .E_cro7kg2 {
6190
+ padding: 4px;
6440
6191
 
6441
- &.active {
6442
- background: rgba(0, 128, 255, 0.1);
6443
- color: $blue;
6444
- }
6192
+ .unit {
6193
+ color: white;
6445
6194
  }
6446
-
6447
- padding-bottom: 4px;
6448
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6449
6195
  }
6450
6196
 
6451
- .E_wpbf4pq {
6452
- padding: 10px 0;
6453
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6197
+ .E_c14wcxf0 {
6198
+ display: flex;
6199
+ justify-content: space-between;
6200
+ align-items: center;
6201
+ font-size: 13px;
6202
+ line-height: 24px;
6203
+ color: #cccccc;
6204
+ white-space: nowrap;
6454
6205
 
6455
- .ant-input,
6456
- .ant-picker {
6457
- width: 80px;
6458
- margin: 0 9px;
6459
- text-align: center;
6206
+ label {
6207
+ margin-right: 32px;
6460
6208
  }
6209
+ }
6461
6210
 
6462
- .options {
6463
- padding: 12px 0 12px 16px;
6464
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6465
- margin: 5px 0 5px 8px;
6466
- }
6467
- .week-day-option,
6468
- .month-day-option {
6469
- background: #f5f7fa;
6470
- box-sizing: border-box;
6471
- border-radius: 16px;
6472
- margin-right: 8px;
6211
+ .E_coy29mj.E_c14wcxf0 {
6212
+ font-weight: bold;
6213
+ color: white;
6214
+ }
6473
6215
 
6474
- &:focus {
6475
- color: inherit;
6476
- border-color: #d9d9d9;
6477
- }
6478
- }
6479
- .week-day-option {
6480
- &.active {
6481
- background-color: $blue;
6482
- border-color: $blue;
6483
- color: $white;
6484
- }
6485
- &.en-text {
6486
- width: 110px;
6487
- margin-top: 4px;
6488
- }
6489
- }
6490
- .month-day-option {
6491
- width: 32px;
6492
- padding: 0;
6493
- margin-bottom: 8px;
6216
+ .E_s11212zy {
6217
+ width: 8px;
6218
+ height: 8px;
6219
+ border-radius: 2px;
6220
+ display: inline-block;
6221
+ background: var(--s11212zy-0);
6222
+ border: 1px solid $fills-light-white;
6223
+ box-sizing: content-box;
6224
+ margin-right: 6px;
6225
+ }
6494
6226
 
6495
- &.active {
6496
- background-color: $blue;
6497
- border-color: $blue;
6498
- color: $white;
6499
- }
6227
+ .E_p1lyky6c {
6228
+ & > :first-child {
6229
+ font-weight: bold;
6230
+ color: white;
6231
+ margin-right: 4px;
6500
6232
  }
6501
6233
  }
6502
6234
 
@@ -6599,206 +6331,245 @@
6599
6331
  }
6600
6332
 
6601
6333
 
6602
- .E_wg1tsps {
6334
+ .E_s1ebs0ra {
6603
6335
  display: flex;
6604
6336
  align-items: center;
6605
- justify-content: flex-end;
6606
- }
6337
+ justify-content: space-between;
6338
+ background: $backgrounds-light-grouped;
6339
+ padding: 8px 12px;
6340
+ position: sticky;
6341
+ top: 0;
6342
+ z-index: 1;
6343
+ margin-bottom: -52px;
6344
+
6345
+ .select-total {
6346
+ display: flex;
6347
+ align-items: center;
6348
+ font-weight: 700;
6349
+ flex-shrink: 0;
6607
6350
 
6608
- .E_b1ctd5xy {
6609
- display: flex;
6610
- align-items: center;
6611
- width: calc(100% - 40px);
6351
+ .icon-wrapper {
6352
+ cursor: pointer;
6353
+ margin-left: 8px;
6354
+ width: 32px;
6355
+ height: 32px;
6356
+ border-radius: 50%;
6357
+ justify-content: center;
6612
6358
 
6613
- .chart {
6614
- display: inline-block;
6615
- width: 100%;
6359
+ &:hover {
6360
+ background: $fills-light-trans-2;
6361
+ }
6362
+ }
6616
6363
  }
6617
- }
6364
+ .action-group {
6365
+ flex: 1;
6366
+ margin-left: 88px;
6367
+ white-space: nowrap;
6368
+ text-align: right;
6369
+ position: relative;
6370
+ padding: 4px 0;
6371
+ margin-top: -4px;
6372
+ overflow: hidden;
6373
+ .sub-menu-delete {
6374
+ transform: translateY(-4px);
6375
+ }
6376
+ button {
6377
+ border: none;
6378
+ }
6379
+ > *:not(:last-child) {
6380
+ margin-right: 8px;
6381
+ }
6618
6382
 
6619
- .E_u1p8acpn {
6620
- min-width: 40px;
6383
+ > button:last-child {
6384
+ margin-right: 4px;
6385
+ }
6386
+ .more-btn {
6387
+ cursor: pointer;
6388
+ width: 32px;
6389
+ height: 32px;
6390
+ justify-content: center;
6391
+ border-radius: 50%;
6621
6392
 
6622
- .unit {
6623
- color: $text-light-primary !important;
6393
+ &:hover {
6394
+ background: $white;
6395
+ }
6396
+ }
6624
6397
  }
6625
6398
  }
6626
6399
 
6627
6400
 
6628
- .E_s1iv0tp1 {
6629
- .enabled-switch {
6630
- display: flex;
6631
- align-items: center;
6401
+ .E_gmyahx3 {
6402
+ cursor: pointer;
6403
+
6404
+ .link-text {
6405
+ color: $text-light-tertiary;
6632
6406
  }
6633
6407
 
6634
- .enabled-text {
6635
- margin-right: 8px;
6408
+ &:hover .link-text {
6409
+ color: $text-light-general;
6636
6410
  }
6637
6411
  }
6638
6412
 
6639
6413
 
6640
- .E_t1sqg15u {
6641
- background: white;
6414
+ .E_c1up1pdz {
6415
+ width: 648px;
6642
6416
 
6643
- &.inline {
6644
- .table-row {
6645
- flex-direction: column;
6417
+ &.active {
6418
+ border-color: $blue-60;
6646
6419
 
6647
- > label {
6648
- padding: 0 16px 7px 0;
6649
- }
6420
+ > header {
6421
+ background: rgba($blue-60, 0.1);
6650
6422
  }
6651
6423
  }
6652
6424
 
6653
- &.has-border {
6654
- .table-header {
6655
- border-bottom: 1px solid $strokes-light-trans-1;
6656
- }
6425
+ .expand {
6426
+ padding: 12px;
6427
+ }
6657
6428
 
6658
- .hiddenBorder {
6659
- border-top: none !important;
6660
- }
6429
+ .field-item {
6430
+ display: flex;
6431
+ padding: 10px 0;
6432
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6661
6433
 
6662
- .table-row + .table-row {
6663
- border-top: 1px solid $strokes-light-trans-1;
6434
+ &:last-child {
6435
+ border-bottom: none;
6436
+ padding-bottom: 0;
6664
6437
  }
6665
6438
 
6666
- .table-row:last-of-type {
6667
- padding-bottom: 0;
6439
+ label {
6440
+ line-height: 32px;
6441
+ width: 100px;
6442
+ color: rgba(62, 70, 82, 0.6);
6668
6443
  }
6669
6444
  }
6670
6445
 
6671
- &.align-right {
6672
- .content {
6673
- text-align: right;
6674
- }
6446
+ .help {
6447
+ color: rgba(62, 70, 82, 0.6);
6448
+ margin-top: 5px;
6675
6449
  }
6676
- .uuid-row {
6677
- display: flex;
6678
- justify-content: space-between;
6679
6450
 
6680
- .id-text {
6681
- white-space: nowrap;
6682
- overflow: hidden;
6683
- text-overflow: ellipsis;
6684
- }
6451
+ .ant-input-affix-wrapper,
6452
+ .ant-picker {
6453
+ width: 128px;
6685
6454
  }
6686
6455
  }
6687
6456
 
6688
- .E_t4zczcp {
6457
+ .E_c156wh19 {
6689
6458
  display: flex;
6690
- justify-content: space-between;
6691
6459
  align-items: center;
6692
- padding: 8px;
6693
- min-height: 32px;
6460
+ justify-content: space-between;
6461
+ word-break: keep-all;
6694
6462
 
6695
- .table-title {
6696
- color: $text-secondary-light;
6697
- font-weight: 600;
6698
- font-size: 12px;
6699
- line-height: 8px;
6463
+ .title {
6464
+ margin: 0 16px 0 8px;
6700
6465
  }
6701
6466
 
6702
- .edit-icon {
6703
- font-size: 16px;
6704
- color: $strokes-translucent-2-light;
6705
- cursor: pointer;
6467
+ .retain {
6468
+ color: rgba(129, 138, 153, 0.6);
6706
6469
  }
6707
- }
6708
-
6709
- .E_t1s7goww {
6710
- font-size: 12px;
6711
- line-height: 18px;
6712
- }
6713
6470
 
6714
- .E_t93e4cf {
6715
- display: flex;
6716
- padding: 8px 0;
6717
- color: $text-primary-light;
6471
+ div.left {
6472
+ flex: 1;
6473
+ display: flex;
6474
+ overflow: hidden;
6475
+ align-items: center;
6476
+ justify-content: flex-start;
6477
+ white-space: nowrap;
6718
6478
 
6719
- .hidden {
6720
- display: none;
6479
+ .title {
6480
+ max-width: 100%;
6481
+ overflow: hidden;
6482
+ text-overflow: ellipsis;
6483
+ }
6721
6484
  }
6722
6485
 
6723
- .ant-btn.ant-btn-link {
6724
- height: auto;
6486
+ div.right {
6487
+ display: flex;
6488
+ align-items: center;
6725
6489
  }
6726
6490
 
6727
- .content {
6728
- overflow: hidden;
6729
- overflow-x: auto;
6730
- width: 100%;
6731
- white-space: pre-wrap;
6732
-
6733
- .ant-btn {
6734
- white-space: pre-wrap;
6735
- text-align: left;
6736
- }
6491
+ .reverse {
6492
+ display: flex;
6493
+ flex-direction: row-reverse;
6494
+ align-items: center;
6737
6495
 
6738
- .unit-chart {
6739
- justify-content: flex-start;
6496
+ .ant-switch {
6497
+ margin-left: 8px;
6740
6498
  }
6741
6499
  }
6742
- }
6743
6500
 
6744
- .E_rhz2uv5 {
6745
- width: var(--rhz2uv5-0);
6746
- flex-shrink: 0;
6747
- color: $text-secondary-light;
6748
- padding-right: 12px;
6501
+ .close {
6502
+ padding-left: 14px;
6503
+ margin-left: 14px;
6504
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6505
+ cursor: pointer;
6506
+ }
6749
6507
  }
6750
6508
 
6509
+ .E_m126spxy {
6510
+ .ant-btn.ant-btn-link {
6511
+ padding: 1px 10px;
6512
+ color: rgba(62, 70, 82, 0.6);
6513
+ border-radius: 4px;
6751
6514
 
6752
- .E_n12mqh7z {
6753
- display: flex;
6754
- align-items: center;
6755
- font-size: 12px;
6756
- line-height: 18px;
6757
-
6758
- &:not(:last-child) {
6759
- margin-bottom: 4px;
6515
+ &.active {
6516
+ background: rgba(0, 128, 255, 0.1);
6517
+ color: $blue;
6518
+ }
6760
6519
  }
6761
- }
6762
6520
 
6763
- .E_tf5bynu {
6764
- margin: 0 3px;
6521
+ padding-bottom: 4px;
6522
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6765
6523
  }
6766
6524
 
6767
- .E_tcckoz1 {
6768
- max-height: 400px;
6769
- overflow: auto;
6770
- }
6525
+ .E_wpbf4pq {
6526
+ padding: 10px 0;
6527
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6771
6528
 
6529
+ .ant-input,
6530
+ .ant-picker {
6531
+ width: 80px;
6532
+ margin: 0 9px;
6533
+ text-align: center;
6534
+ }
6772
6535
 
6773
- .E_skwah65 {
6774
- height: 8px;
6775
- box-sizing: border-box;
6776
- border-radius: 2px;
6777
- background: #f5f7fa;
6778
- display: flex;
6779
- width: 100%;
6780
- overflow: hidden;
6536
+ .options {
6537
+ padding: 12px 0 12px 16px;
6538
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6539
+ margin: 5px 0 5px 8px;
6540
+ }
6541
+ .week-day-option,
6542
+ .month-day-option {
6543
+ background: #f5f7fa;
6544
+ box-sizing: border-box;
6545
+ border-radius: 16px;
6546
+ margin-right: 8px;
6781
6547
 
6782
- .stack-bar-item + .stack-bar-item {
6783
- margin-left: 1px;
6548
+ &:focus {
6549
+ color: inherit;
6550
+ border-color: #d9d9d9;
6551
+ }
6784
6552
  }
6785
- }
6786
-
6787
-
6788
- .E_u15heuvq {
6789
- &.content {
6790
- cursor: default !important;
6791
- &.link {
6792
- cursor: pointer !important;
6793
- &:hover {
6794
- color: $text-colorful-outstanding;
6795
- }
6553
+ .week-day-option {
6554
+ &.active {
6555
+ background-color: $blue;
6556
+ border-color: $blue;
6557
+ color: $white;
6796
6558
  }
6797
- &.black {
6798
- color: $text-neutral-primary;
6559
+ &.en-text {
6560
+ width: 110px;
6561
+ margin-top: 4px;
6799
6562
  }
6800
- &.gray {
6801
- color: $text-neutral-secondary;
6563
+ }
6564
+ .month-day-option {
6565
+ width: 32px;
6566
+ padding: 0;
6567
+ margin-bottom: 8px;
6568
+
6569
+ &.active {
6570
+ background-color: $blue;
6571
+ border-color: $blue;
6572
+ color: $white;
6802
6573
  }
6803
6574
  }
6804
6575
  }
@@ -7072,6 +6843,71 @@
7072
6843
  }
7073
6844
 
7074
6845
 
6846
+ .E_ou7iq30 {
6847
+ overflow: hidden;
6848
+ text-overflow: ellipsis;
6849
+ }
6850
+
6851
+ .E_s1tui002 {
6852
+ white-space: nowrap;
6853
+ }
6854
+
6855
+ .E_mxrc2zg {
6856
+ display: -webkit-box;
6857
+ -webkit-line-clamp: var(--mxrc2zg-0);
6858
+ -webkit-box-orient: vertical;
6859
+ word-break: break-all;
6860
+ }
6861
+
6862
+ .E_t1vv6d68 {
6863
+ .ant-tooltip-arrow {
6864
+ display: none;
6865
+ }
6866
+ .ant-tooltip-inner {
6867
+ background: $gray-a80-9;
6868
+ border-radius: 4px;
6869
+ &:has(.eagle-ellipsis-content) {
6870
+ visibility: hidden;
6871
+ }
6872
+ }
6873
+ }
6874
+
6875
+
6876
+ .E_tqjc4ui {
6877
+ @at-root {
6878
+ span#{&} {
6879
+ margin: 0 2px;
6880
+ }
6881
+ }
6882
+ }
6883
+
6884
+
6885
+ .E_wg1tsps {
6886
+ display: flex;
6887
+ align-items: center;
6888
+ justify-content: flex-end;
6889
+ }
6890
+
6891
+ .E_b1ctd5xy {
6892
+ display: flex;
6893
+ align-items: center;
6894
+ width: calc(100% - 40px);
6895
+
6896
+ .chart {
6897
+ display: inline-block;
6898
+ width: 100%;
6899
+ }
6900
+ }
6901
+
6902
+ .E_u1p8acpn {
6903
+ min-width: 40px;
6904
+
6905
+ .unit {
6906
+ color: $text-light-primary !important;
6907
+ }
6908
+ }
6909
+
6910
+
7075
6911
  .E_s1at6qmn {
7076
6912
  &.ant-layout-sider {
7077
6913
  background: $backgrounds-light-grouped;
@@ -7192,24 +7028,188 @@
7192
7028
  opacity: 1 !important;
7193
7029
  }
7194
7030
 
7195
- &.ant-btn {
7196
- width: 100%;
7197
- color: $text-light-primary;
7031
+ &.ant-btn {
7032
+ width: 100%;
7033
+ color: $text-light-primary;
7034
+ }
7035
+
7036
+ .icon-wrapper {
7037
+ margin-right: 12px;
7038
+ }
7039
+
7040
+ .link-title {
7041
+ flex: 1;
7042
+ overflow: hidden;
7043
+ white-space: nowrap;
7044
+ text-overflow: ellipsis;
7045
+ text-align: left;
7046
+ }
7047
+ }
7048
+
7049
+
7050
+ .E_s1iv0tp1 {
7051
+ .enabled-switch {
7052
+ display: flex;
7053
+ align-items: center;
7054
+ }
7055
+
7056
+ .enabled-text {
7057
+ margin-right: 8px;
7058
+ }
7059
+ }
7060
+
7061
+
7062
+ .E_u15heuvq {
7063
+ &.content {
7064
+ cursor: default !important;
7065
+ &.link {
7066
+ cursor: pointer !important;
7067
+ &:hover {
7068
+ color: $text-colorful-outstanding;
7069
+ }
7070
+ }
7071
+ &.black {
7072
+ color: $text-neutral-primary;
7073
+ }
7074
+ &.gray {
7075
+ color: $text-neutral-secondary;
7076
+ }
7077
+ }
7078
+ }
7079
+
7080
+
7081
+ .E_n12mqh7z {
7082
+ display: flex;
7083
+ align-items: center;
7084
+ font-size: 12px;
7085
+ line-height: 18px;
7086
+
7087
+ &:not(:last-child) {
7088
+ margin-bottom: 4px;
7089
+ }
7090
+ }
7091
+
7092
+ .E_tf5bynu {
7093
+ margin: 0 3px;
7094
+ }
7095
+
7096
+ .E_tcckoz1 {
7097
+ max-height: 400px;
7098
+ overflow: auto;
7099
+ }
7100
+
7101
+
7102
+ .E_t1sqg15u {
7103
+ background: white;
7104
+
7105
+ &.inline {
7106
+ .table-row {
7107
+ flex-direction: column;
7108
+
7109
+ > label {
7110
+ padding: 0 16px 7px 0;
7111
+ }
7112
+ }
7113
+ }
7114
+
7115
+ &.has-border {
7116
+ .table-header {
7117
+ border-bottom: 1px solid $strokes-light-trans-1;
7118
+ }
7119
+
7120
+ .hiddenBorder {
7121
+ border-top: none !important;
7122
+ }
7123
+
7124
+ .table-row + .table-row {
7125
+ border-top: 1px solid $strokes-light-trans-1;
7126
+ }
7127
+
7128
+ .table-row:last-of-type {
7129
+ padding-bottom: 0;
7130
+ }
7131
+ }
7132
+
7133
+ &.align-right {
7134
+ .content {
7135
+ text-align: right;
7136
+ }
7137
+ }
7138
+ .uuid-row {
7139
+ display: flex;
7140
+ justify-content: space-between;
7141
+
7142
+ .id-text {
7143
+ white-space: nowrap;
7144
+ overflow: hidden;
7145
+ text-overflow: ellipsis;
7146
+ }
7147
+ }
7148
+ }
7149
+
7150
+ .E_t4zczcp {
7151
+ display: flex;
7152
+ justify-content: space-between;
7153
+ align-items: center;
7154
+ padding: 8px;
7155
+ min-height: 32px;
7156
+
7157
+ .table-title {
7158
+ color: $text-secondary-light;
7159
+ font-weight: 600;
7160
+ font-size: 12px;
7161
+ line-height: 8px;
7162
+ }
7163
+
7164
+ .edit-icon {
7165
+ font-size: 16px;
7166
+ color: $strokes-translucent-2-light;
7167
+ cursor: pointer;
7168
+ }
7169
+ }
7170
+
7171
+ .E_t1s7goww {
7172
+ font-size: 12px;
7173
+ line-height: 18px;
7174
+ }
7175
+
7176
+ .E_t93e4cf {
7177
+ display: flex;
7178
+ padding: 8px 0;
7179
+ color: $text-primary-light;
7180
+
7181
+ .hidden {
7182
+ display: none;
7198
7183
  }
7199
7184
 
7200
- .icon-wrapper {
7201
- margin-right: 12px;
7185
+ .ant-btn.ant-btn-link {
7186
+ height: auto;
7202
7187
  }
7203
7188
 
7204
- .link-title {
7205
- flex: 1;
7189
+ .content {
7206
7190
  overflow: hidden;
7207
- white-space: nowrap;
7208
- text-overflow: ellipsis;
7209
- text-align: left;
7191
+ overflow-x: auto;
7192
+ width: 100%;
7193
+ white-space: pre-wrap;
7194
+
7195
+ .ant-btn {
7196
+ white-space: pre-wrap;
7197
+ text-align: left;
7198
+ }
7199
+
7200
+ .unit-chart {
7201
+ justify-content: flex-start;
7202
+ }
7210
7203
  }
7211
7204
  }
7212
7205
 
7206
+ .E_rhz2uv5 {
7207
+ width: var(--rhz2uv5-0);
7208
+ flex-shrink: 0;
7209
+ color: $text-secondary-light;
7210
+ padding-right: 12px;
7211
+ }
7212
+
7213
7213
 
7214
7214
  .E_cyms3br {
7215
7215
  background: #fff;
@@ -7282,6 +7282,50 @@
7282
7282
  }
7283
7283
 
7284
7284
 
7285
+ .E_i5w779o {
7286
+ padding: 8px 0;
7287
+
7288
+ .col-label {
7289
+ flex-shrink: unset;
7290
+ * {
7291
+ line-height: 18px;
7292
+ }
7293
+ }
7294
+ .col-content {
7295
+ flex: 1 1 0;
7296
+ display: flex;
7297
+ align-items: center;
7298
+ * {
7299
+ line-height: 18px;
7300
+ }
7301
+ }
7302
+ }
7303
+
7304
+ .E_l18dja44 {
7305
+ padding: 6px 0;
7306
+
7307
+ .col-label * {
7308
+ font-size: 13px;
7309
+ line-height: 20px;
7310
+ }
7311
+ .col-content * {
7312
+ font-size: 14px;
7313
+ line-height: 20px;
7314
+ }
7315
+ }
7316
+
7317
+ .E_c8c2hys {
7318
+ display: flex;
7319
+ justify-content: space-between;
7320
+ flex: 1;
7321
+ min-width: 0;
7322
+ }
7323
+
7324
+ .E_n4m6c4d {
7325
+ color: $text-light-tertiary;
7326
+ }
7327
+
7328
+
7285
7329
  .E_kr6am0s {
7286
7330
  .ant-modal-body {
7287
7331
  padding: 60px 128px;
@@ -7356,57 +7400,72 @@
7356
7400
  }
7357
7401
 
7358
7402
 
7359
- .E_i5w779o {
7360
- padding: 8px 0;
7361
-
7362
- .col-label {
7363
- flex-shrink: unset;
7364
- * {
7365
- line-height: 18px;
7366
- }
7367
- }
7368
- .col-content {
7369
- flex: 1 1 0;
7370
- display: flex;
7371
- align-items: center;
7372
- * {
7373
- line-height: 18px;
7374
- }
7403
+ .E_l12xdkhl {
7404
+ width: 64px;
7405
+ height: 64px;
7406
+ max-width: 64px;
7407
+ max-height: 64px;
7408
+ overflow: hidden;
7409
+ display: flex;
7410
+ align-items: center;
7411
+ justify-content: center;
7412
+ position: relative;
7413
+ opacity: 0.6;
7414
+ .icon-wrapper {
7415
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7416
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7375
7417
  }
7376
7418
  }
7377
7419
 
7378
- .E_l18dja44 {
7379
- padding: 6px 0;
7380
7420
 
7381
- .col-label * {
7382
- font-size: 13px;
7383
- line-height: 20px;
7384
- }
7385
- .col-content * {
7386
- font-size: 14px;
7387
- line-height: 20px;
7421
+ .E_c14ouk5o {
7422
+ width: 100%;
7423
+ height: 100%;
7424
+ display: flex;
7425
+ font-size: 12px;
7426
+ line-height: 18px;
7427
+ padding: 8px 0;
7428
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7429
+
7430
+ &:last-of-type {
7431
+ box-shadow: none;
7432
+ padding-bottom: 0;
7388
7433
  }
7389
- }
7434
+ &.collapsed {
7435
+ flex-direction: column;
7390
7436
 
7391
- .E_c8c2hys {
7392
- display: flex;
7393
- justify-content: space-between;
7394
- flex: 1;
7395
- min-width: 0;
7396
- }
7437
+ .collapsed-content {
7438
+ display: flex;
7397
7439
 
7398
- .E_n4m6c4d {
7399
- color: $text-light-tertiary;
7400
- }
7440
+ > span {
7441
+ flex: 1;
7442
+ display: flex;
7443
+ justify-content: space-between;
7444
+ .ant-btn {
7445
+ height: auto;
7446
+ }
7447
+ }
7448
+ }
7449
+ .extra-content {
7450
+ margin-left: 162px;
7451
+ }
7452
+ }
7401
7453
 
7454
+ .col-label {
7455
+ width: 216px;
7456
+ color: $text-secondary-light;
7457
+ margin-right: 12px;
7458
+ flex-shrink: 0;
7459
+ }
7402
7460
 
7403
- .E_cevhqx7 {
7404
- color: $text-light-primary;
7405
- }
7461
+ .col-content {
7462
+ color: $text-primary-light;
7406
7463
 
7407
- .E_snbqlt4 {
7408
- margin-top: 8px;
7409
- color: $text-light-secondary;
7464
+ /* make btn link in info row have the same height as normal text */
7465
+ .ant-btn.ant-btn-link {
7466
+ height: auto;
7467
+ }
7468
+ }
7410
7469
  }
7411
7470
 
7412
7471
 
@@ -8009,9 +8068,21 @@
8009
8068
  }
8010
8069
 
8011
8070
 
8071
+ .E_cevhqx7 {
8072
+ color: $text-light-primary;
8073
+ }
8074
+
8075
+ .E_snbqlt4 {
8076
+ margin-top: 8px;
8077
+ color: $text-light-secondary;
8078
+ }
8079
+
8080
+
8012
8081
  .E_c1ss4prm {
8013
8082
  color: $text-light-secondary;
8014
- padding-inline-start: 12px;
8083
+ &:is(ul, ol) {
8084
+ padding-inline-start: 12px;
8085
+ }
8015
8086
 
8016
8087
  li {
8017
8088
  margin-bottom: 4px;
@@ -8063,72 +8134,3 @@
8063
8134
  margin: 16px 0;
8064
8135
  }
8065
8136
 
8066
-
8067
- .E_c14ouk5o {
8068
- width: 100%;
8069
- height: 100%;
8070
- display: flex;
8071
- font-size: 12px;
8072
- line-height: 18px;
8073
- padding: 8px 0;
8074
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8075
-
8076
- &:last-of-type {
8077
- box-shadow: none;
8078
- padding-bottom: 0;
8079
- }
8080
- &.collapsed {
8081
- flex-direction: column;
8082
-
8083
- .collapsed-content {
8084
- display: flex;
8085
-
8086
- > span {
8087
- flex: 1;
8088
- display: flex;
8089
- justify-content: space-between;
8090
- .ant-btn {
8091
- height: auto;
8092
- }
8093
- }
8094
- }
8095
- .extra-content {
8096
- margin-left: 162px;
8097
- }
8098
- }
8099
-
8100
- .col-label {
8101
- width: 216px;
8102
- color: $text-secondary-light;
8103
- margin-right: 12px;
8104
- flex-shrink: 0;
8105
- }
8106
-
8107
- .col-content {
8108
- color: $text-primary-light;
8109
-
8110
- /* make btn link in info row have the same height as normal text */
8111
- .ant-btn.ant-btn-link {
8112
- height: auto;
8113
- }
8114
- }
8115
- }
8116
-
8117
-
8118
- .E_l12xdkhl {
8119
- width: 64px;
8120
- height: 64px;
8121
- max-width: 64px;
8122
- max-height: 64px;
8123
- overflow: hidden;
8124
- display: flex;
8125
- align-items: center;
8126
- justify-content: center;
8127
- position: relative;
8128
- opacity: 0.6;
8129
- .icon-wrapper {
8130
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8131
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8132
- }
8133
- }
8134
-