@cloudtower/eagle 490.0.10 → 490.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -70,65 +70,6 @@
70
70
  }
71
71
 
72
72
 
73
- .E_b1nip9bk {
74
- padding: 4px 11px;
75
- }
76
-
77
- .E_bqamoqe {
78
- white-space: nowrap;
79
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
-
81
- & > .ant-btn {
82
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
- --color: #{$text-light-general};
84
-
85
- &[disabled],
86
- &:hover[disabled] {
87
- --color: #{$text-light-general};
88
- }
89
- }
90
- }
91
-
92
- & > .ant-btn:not(:only-child) {
93
- & + .ant-btn {
94
- margin-left: 1px;
95
- }
96
-
97
- &:first-child {
98
- border-top-right-radius: 0;
99
- border-bottom-right-radius: 0;
100
- }
101
-
102
- &:last-child {
103
- border-top-left-radius: 0;
104
- border-bottom-left-radius: 0;
105
- }
106
-
107
- &:not(:first-child, :last-child) {
108
- border-radius: unset;
109
- }
110
- }
111
- }
112
-
113
-
114
- .E_d133fzv0 {
115
- .ant-dropdown-menu-item-group {
116
- .ant-dropdown-menu-item-group-title {
117
- padding: 4px 8px 0 8px;
118
- color: $text-light-secondary;
119
- font-size: 12px;
120
- }
121
- .ant-dropdown-menu-item-group-list {
122
- padding-bottom: 6px;
123
- }
124
- &:not(:first-child) {
125
- padding-top: 4px;
126
- border-top: 1px solid $strokes-light-trans-2;
127
- }
128
- }
129
- }
130
-
131
-
132
73
  .E_b1wx3t3t {
133
74
  &.ant-btn-icon-only {
134
75
  justify-content: center;
@@ -496,48 +437,6 @@
496
437
  }
497
438
 
498
439
 
499
- .E_c1uzzomf {
500
- margin-bottom: 16px;
501
-
502
- .card-title {
503
- font-size: 16px;
504
- color: $text-secondary-light;
505
- font-weight: 700;
506
- line-height: 32px;
507
- }
508
- .card-body {
509
- padding: 24px;
510
- border-radius: 8px;
511
- background: $fills-light-white;
512
- }
513
-
514
- .empty {
515
- font-weight: 700;
516
- font-size: 14px;
517
- line-height: 22px;
518
- color: $text-light-tertiary;
519
- text-align: center;
520
- }
521
- }
522
-
523
-
524
- .E_fzh9mnb {
525
- width: 100%;
526
- height: 100%;
527
- min-height: 124px;
528
- display: flex;
529
- flex-direction: column;
530
- justify-content: center;
531
- align-items: center;
532
-
533
- .error-text {
534
- color: $text-terdiary-light;
535
- margin-bottom: 16px;
536
- font-size: 18px;
537
- }
538
- }
539
-
540
-
541
440
  .E_d1bw7c5z {
542
441
  position: relative;
543
442
  max-width: 388px;
@@ -629,90 +528,86 @@
629
528
  }
630
529
 
631
530
 
632
- .E_ai7qkf2 {
633
- .ant-input-number-handler-wrap {
634
- display: var(--ai7qkf2-0);
531
+ .E_c1uzzomf {
532
+ margin-bottom: 16px;
533
+
534
+ .card-title {
535
+ font-size: 16px;
536
+ color: $text-secondary-light;
537
+ font-weight: 700;
538
+ line-height: 32px;
635
539
  }
636
- .ant-input-number-input-wrap {
637
- display: inline-flex;
638
- line-height: 1.5715;
639
- height: 100%;
640
- width: 100%;
540
+ .card-body {
541
+ padding: 24px;
542
+ border-radius: 8px;
543
+ background: $fills-light-white;
641
544
  }
642
545
 
643
- .ant-input-number-input-wrap::after {
644
- content: var(--ai7qkf2-1);
645
- display: var(--ai7qkf2-2);
646
- flex: none;
647
- align-items: center;
648
- margin-left: 4px;
649
- padding: 5px 12px 5px 0;
650
- color: rgba(44, 56, 82, 0.6);
546
+ .empty {
547
+ font-weight: 700;
548
+ font-size: 14px;
549
+ line-height: 22px;
550
+ color: $text-light-tertiary;
551
+ text-align: center;
651
552
  }
553
+ }
652
554
 
653
- .ant-input-number-input-wrap::before {
654
- content: var(--ai7qkf2-3);
655
- display: var(--ai7qkf2-4);
656
- flex: none;
657
- align-items: center;
658
- margin-right: 4px;
659
- cursor: auto;
660
- color: rgba(44, 56, 82, 0.6);
661
- }
662
555
 
663
- .ant-input-group.ant-input-group-compact > & {
664
- border-radius: 0;
665
- }
556
+ .E_b1nip9bk {
557
+ padding: 4px 11px;
558
+ }
666
559
 
667
- &.ant-input-number {
668
- width: 100%;
669
- border-radius: 6px;
670
- }
671
- &.ant-input-number:not([disabled]) {
672
- &:focus,
673
- &:active,
674
- &.ant-input-number-focused {
675
- &.ant-input-number {
676
- border-color: $blue;
677
- box-shadow: $shadow-light-active;
678
- z-index: $input-hover-index;
679
- }
680
- }
681
- &.error {
682
- &:hover,
683
- &.ant-input-number-focused {
684
- &.ant-input-number {
685
- border-color: $red;
686
- box-shadow: $shadow-light-error;
687
- }
560
+ .E_bqamoqe {
561
+ white-space: nowrap;
562
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
563
+
564
+ & > .ant-btn {
565
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
566
+ --color: #{$text-light-general};
567
+
568
+ &[disabled],
569
+ &:hover[disabled] {
570
+ --color: #{$text-light-general};
688
571
  }
689
572
  }
690
573
  }
691
574
 
692
- .ant-input-number-input {
693
- height: 30px;
694
- border: 1px;
695
- padding: 5px 12px;
696
- font-size: inherit;
697
- }
575
+ & > .ant-btn:not(:only-child) {
576
+ & + .ant-btn {
577
+ margin-left: 1px;
578
+ }
698
579
 
699
- &.ant-input-number-lg input {
700
- height: 38px;
701
- border: 1px;
702
- padding: 8px 16px;
703
- }
580
+ &:first-child {
581
+ border-top-right-radius: 0;
582
+ border-bottom-right-radius: 0;
583
+ }
704
584
 
705
- &.ant-input-number-sm input {
706
- height: 22px;
707
- border: 1px;
708
- padding: 2px 8px;
585
+ &:last-child {
586
+ border-top-left-radius: 0;
587
+ border-bottom-left-radius: 0;
588
+ }
589
+
590
+ &:not(:first-child, :last-child) {
591
+ border-radius: unset;
592
+ }
709
593
  }
710
594
  }
711
595
 
712
596
 
713
- .E_sx1bpnu {
714
- .ant-input-sm {
715
- line-height: 18px;
597
+ .E_d133fzv0 {
598
+ .ant-dropdown-menu-item-group {
599
+ .ant-dropdown-menu-item-group-title {
600
+ padding: 4px 8px 0 8px;
601
+ color: $text-light-secondary;
602
+ font-size: 12px;
603
+ }
604
+ .ant-dropdown-menu-item-group-list {
605
+ padding-bottom: 6px;
606
+ }
607
+ &:not(:first-child) {
608
+ padding-top: 4px;
609
+ border-top: 1px solid $strokes-light-trans-2;
610
+ }
716
611
  }
717
612
  }
718
613
 
@@ -731,46 +626,9 @@
731
626
  }
732
627
 
733
628
 
734
- .E_a1wfy30z {
735
- .ant-input-number-handler-wrap {
736
- display: var(--a1wfy30z-0);
737
- }
738
- .ant-input-number-input-wrap {
739
- padding: 4px 11px;
740
- display: inline-flex;
741
- line-height: 1.5715;
742
- height: inherit;
743
- }
744
-
745
- .ant-input-number-input-wrap::after {
746
- content: var(--a1wfy30z-1);
747
- display: var(--a1wfy30z-2);
748
- flex: none;
749
- align-items: center;
750
- margin-left: 4px;
751
- }
752
-
753
- .ant-input-number-input-wrap::before {
754
- content: var(--a1wfy30z-3);
755
- display: var(--a1wfy30z-4);
756
- flex: none;
757
- align-items: center;
758
- margin-right: 4px;
759
- cursor: auto;
760
- }
761
-
762
- .ant-input-number-input {
763
- padding: 0;
764
- margin: 0;
765
- height: auto;
766
- font-size: inherit;
767
- }
768
- }
769
-
770
-
771
- .E_itxley7 {
772
- &.ant-input-group.ant-input-group-compact {
773
- display: flex;
629
+ .E_itxley7 {
630
+ &.ant-input-group.ant-input-group-compact {
631
+ display: flex;
774
632
  }
775
633
 
776
634
  &.ant-input-group.ant-input-group-compact > *:first-child,
@@ -823,6 +681,109 @@
823
681
  }
824
682
 
825
683
 
684
+ .E_f7pxqmh {
685
+ width: 100%;
686
+ margin-bottom: 0 !important;
687
+ flex-flow: nowrap !important;
688
+ line-break: auto;
689
+
690
+ & > .ant-form-item-label {
691
+ text-align: left !important;
692
+ padding-bottom: 0 !important;
693
+
694
+ & > label {
695
+ min-height: 32px;
696
+ height: auto;
697
+ font-size: 13px;
698
+ color: rgba(44, 56, 82, 0.6);
699
+ white-space: normal;
700
+ }
701
+ }
702
+
703
+ &.ant-form-item-has-error {
704
+ .ant-input {
705
+ border-color: #ff4d4f !important;
706
+ }
707
+ .ant-input-password {
708
+ border-color: #ff4d4f !important;
709
+ }
710
+ }
711
+
712
+ .ant-form-item-explain {
713
+ margin-top: 4px;
714
+ font-size: 12px;
715
+ min-height: 0px;
716
+ }
717
+
718
+ .ant-form-item-extra {
719
+ font-size: 12px;
720
+ color: rgba(44, 56, 82, 0.6);
721
+ min-height: 0px;
722
+ }
723
+ }
724
+
725
+
726
+ .E_sx1bpnu {
727
+ .ant-input-sm {
728
+ line-height: 18px;
729
+ }
730
+ }
731
+
732
+
733
+ .E_a1wfy30z {
734
+ .ant-input-number-handler-wrap {
735
+ display: var(--a1wfy30z-0);
736
+ }
737
+ .ant-input-number-input-wrap {
738
+ padding: 4px 11px;
739
+ display: inline-flex;
740
+ line-height: 1.5715;
741
+ height: inherit;
742
+ }
743
+
744
+ .ant-input-number-input-wrap::after {
745
+ content: var(--a1wfy30z-1);
746
+ display: var(--a1wfy30z-2);
747
+ flex: none;
748
+ align-items: center;
749
+ margin-left: 4px;
750
+ }
751
+
752
+ .ant-input-number-input-wrap::before {
753
+ content: var(--a1wfy30z-3);
754
+ display: var(--a1wfy30z-4);
755
+ flex: none;
756
+ align-items: center;
757
+ margin-right: 4px;
758
+ cursor: auto;
759
+ }
760
+
761
+ .ant-input-number-input {
762
+ padding: 0;
763
+ margin: 0;
764
+ height: auto;
765
+ font-size: inherit;
766
+ }
767
+ }
768
+
769
+
770
+ .E_fzh9mnb {
771
+ width: 100%;
772
+ height: 100%;
773
+ min-height: 124px;
774
+ display: flex;
775
+ flex-direction: column;
776
+ justify-content: center;
777
+ align-items: center;
778
+
779
+ .error-text {
780
+ color: $text-terdiary-light;
781
+ margin-bottom: 16px;
782
+ font-size: 18px;
783
+ }
784
+ }
785
+
786
+
826
787
  .E_atcz0kf {
827
788
  .ant-input-suffix {
828
789
  margin-left: 8px;
@@ -855,44 +816,83 @@
855
816
  }
856
817
 
857
818
 
858
- .E_f7pxqmh {
859
- width: 100%;
860
- margin-bottom: 0 !important;
861
- flex-flow: nowrap !important;
862
- line-break: auto;
819
+ .E_ai7qkf2 {
820
+ .ant-input-number-handler-wrap {
821
+ display: var(--ai7qkf2-0);
822
+ }
823
+ .ant-input-number-input-wrap {
824
+ display: inline-flex;
825
+ line-height: 1.5715;
826
+ height: 100%;
827
+ width: 100%;
828
+ }
863
829
 
864
- & > .ant-form-item-label {
865
- text-align: left !important;
866
- padding-bottom: 0 !important;
830
+ .ant-input-number-input-wrap::after {
831
+ content: var(--ai7qkf2-1);
832
+ display: var(--ai7qkf2-2);
833
+ flex: none;
834
+ align-items: center;
835
+ margin-left: 4px;
836
+ padding: 5px 12px 5px 0;
837
+ color: rgba(44, 56, 82, 0.6);
838
+ }
867
839
 
868
- & > label {
869
- min-height: 32px;
870
- height: auto;
871
- font-size: 13px;
872
- color: rgba(44, 56, 82, 0.6);
873
- white-space: normal;
874
- }
840
+ .ant-input-number-input-wrap::before {
841
+ content: var(--ai7qkf2-3);
842
+ display: var(--ai7qkf2-4);
843
+ flex: none;
844
+ align-items: center;
845
+ margin-right: 4px;
846
+ cursor: auto;
847
+ color: rgba(44, 56, 82, 0.6);
875
848
  }
876
849
 
877
- &.ant-form-item-has-error {
878
- .ant-input {
879
- border-color: #ff4d4f !important;
850
+ .ant-input-group.ant-input-group-compact > & {
851
+ border-radius: 0;
852
+ }
853
+
854
+ &.ant-input-number {
855
+ width: 100%;
856
+ border-radius: 6px;
857
+ }
858
+ &.ant-input-number:not([disabled]) {
859
+ &:focus,
860
+ &:active,
861
+ &.ant-input-number-focused {
862
+ &.ant-input-number {
863
+ border-color: $blue;
864
+ box-shadow: $shadow-light-active;
865
+ z-index: $input-hover-index;
866
+ }
880
867
  }
881
- .ant-input-password {
882
- border-color: #ff4d4f !important;
868
+ &.error {
869
+ &:hover,
870
+ &.ant-input-number-focused {
871
+ &.ant-input-number {
872
+ border-color: $red;
873
+ box-shadow: $shadow-light-error;
874
+ }
875
+ }
883
876
  }
884
877
  }
885
878
 
886
- .ant-form-item-explain {
887
- margin-top: 4px;
888
- font-size: 12px;
889
- min-height: 0px;
879
+ .ant-input-number-input {
880
+ height: 30px;
881
+ border: 1px;
882
+ padding: 5px 12px;
883
+ font-size: inherit;
890
884
  }
891
885
 
892
- .ant-form-item-extra {
893
- font-size: 12px;
894
- color: rgba(44, 56, 82, 0.6);
895
- min-height: 0px;
886
+ &.ant-input-number-lg input {
887
+ height: 38px;
888
+ border: 1px;
889
+ padding: 8px 16px;
890
+ }
891
+
892
+ &.ant-input-number-sm input {
893
+ height: 22px;
894
+ border: 1px;
895
+ padding: 2px 8px;
896
896
  }
897
897
  }
898
898
 
@@ -985,63 +985,19 @@
985
985
  }
986
986
 
987
987
 
988
- .E_c1bus5hc {
989
- --color: white;
990
- height: 14px;
991
- width: 14px;
992
- border-radius: 50%;
993
- flex-shrink: 0;
994
- display: flex;
995
- align-items: center;
996
- justify-content: center;
997
- border: 1px solid var(--color);
988
+ .E_rapgekc {
989
+ &.ant-radio-wrapper {
990
+ display: inline-flex;
991
+ align-items: baseline;
992
+ white-space: pre-wrap;
998
993
 
999
- .circle-inner {
1000
- position: relative;
1001
- height: 10px;
1002
- width: 10px;
1003
- border-radius: 50%;
1004
- overflow: hidden;
1005
- }
994
+ .ant-radio {
995
+ position: relative;
996
+ top: 3px;
1006
997
 
1007
- .circle-content {
1008
- position: absolute;
1009
- height: 100%;
1010
- width: 100%;
1011
- left: 0;
1012
- top: 0;
1013
- border-radius: 50%;
1014
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1015
- transform: rotate(180deg);
1016
- }
1017
-
1018
- .circle-child {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- margin-left: 50%;
1025
- transform-origin: left;
1026
- background: white;
1027
- transform: rotate(0deg);
1028
- }
1029
- }
1030
-
1031
-
1032
- .E_rapgekc {
1033
- &.ant-radio-wrapper {
1034
- display: inline-flex;
1035
- align-items: baseline;
1036
- white-space: pre-wrap;
1037
-
1038
- .ant-radio {
1039
- position: relative;
1040
- top: 3px;
1041
-
1042
- .ant-radio-inner {
1043
- border-color: $strokes-light-trans-4;
1044
- }
998
+ .ant-radio-inner {
999
+ border-color: $strokes-light-trans-4;
1000
+ }
1045
1001
 
1046
1002
  &:hover .ant-radio-inner {
1047
1003
  border-color: $blue-60;
@@ -1210,6 +1166,110 @@
1210
1166
  }
1211
1167
 
1212
1168
 
1169
+ .E_c1bus5hc {
1170
+ --color: white;
1171
+ height: 14px;
1172
+ width: 14px;
1173
+ border-radius: 50%;
1174
+ flex-shrink: 0;
1175
+ display: flex;
1176
+ align-items: center;
1177
+ justify-content: center;
1178
+ border: 1px solid var(--color);
1179
+
1180
+ .circle-inner {
1181
+ position: relative;
1182
+ height: 10px;
1183
+ width: 10px;
1184
+ border-radius: 50%;
1185
+ overflow: hidden;
1186
+ }
1187
+
1188
+ .circle-content {
1189
+ position: absolute;
1190
+ height: 100%;
1191
+ width: 100%;
1192
+ left: 0;
1193
+ top: 0;
1194
+ border-radius: 50%;
1195
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1196
+ transform: rotate(180deg);
1197
+ }
1198
+
1199
+ .circle-child {
1200
+ position: absolute;
1201
+ height: 100%;
1202
+ width: 100%;
1203
+ left: 0;
1204
+ top: 0;
1205
+ margin-left: 50%;
1206
+ transform-origin: left;
1207
+ background: white;
1208
+ transform: rotate(0deg);
1209
+ }
1210
+ }
1211
+
1212
+
1213
+ .E_s1dizucg {
1214
+ &.ant-switch {
1215
+ min-width: 40px;
1216
+ height: 24px;
1217
+ background: $fills-trans-quinary-light;
1218
+ overflow: hidden;
1219
+ &:focus {
1220
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1221
+ }
1222
+ }
1223
+ &.ant-switch-small {
1224
+ min-width: 26px;
1225
+ height: 16px;
1226
+ }
1227
+ &.ant-switch-large {
1228
+ min-width: 52px;
1229
+ height: 32px;
1230
+ }
1231
+
1232
+ &.ant-switch .ant-switch-handle {
1233
+ height: 20px;
1234
+ width: 20px;
1235
+ &::before {
1236
+ border-radius: 10px;
1237
+ transition-delay: 120ms;
1238
+ }
1239
+ }
1240
+ &.ant-switch-small .ant-switch-handle {
1241
+ height: 14px;
1242
+ width: 14px;
1243
+ top: 1px;
1244
+ left: 1px;
1245
+ }
1246
+ &.ant-switch-large .ant-switch-handle {
1247
+ height: 28px;
1248
+ width: 28px;
1249
+ &::before {
1250
+ border-radius: 14px;
1251
+ }
1252
+ }
1253
+
1254
+ &.ant-switch-checked {
1255
+ background-color: $green-60;
1256
+ }
1257
+ &.ant-switch-checked .ant-switch-handle {
1258
+ left: calc(100% - 20px - 2px);
1259
+ }
1260
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1261
+ left: calc(100% - 14px - 1px);
1262
+ }
1263
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1264
+ left: calc(100% - 28px - 2px);
1265
+ }
1266
+ }
1267
+
1268
+ .E_c1up6e3y {
1269
+ margin-left: 5px;
1270
+ }
1271
+
1272
+
1213
1273
  .E_cnujxq2 {
1214
1274
  display: flex;
1215
1275
  flex-direction: column;
@@ -2024,242 +2084,52 @@
2024
2084
  }
2025
2085
 
2026
2086
 
2027
- .E_s1dizucg {
2028
- &.ant-switch {
2029
- min-width: 40px;
2030
- height: 24px;
2031
- background: $fills-trans-quinary-light;
2032
- overflow: hidden;
2033
- &:focus {
2034
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
2035
- }
2036
- }
2037
- &.ant-switch-small {
2038
- min-width: 26px;
2039
- height: 16px;
2040
- }
2041
- &.ant-switch-large {
2042
- min-width: 52px;
2043
- height: 32px;
2044
- }
2045
-
2046
- &.ant-switch .ant-switch-handle {
2047
- height: 20px;
2048
- width: 20px;
2049
- &::before {
2050
- border-radius: 10px;
2051
- transition-delay: 120ms;
2052
- }
2053
- }
2054
- &.ant-switch-small .ant-switch-handle {
2055
- height: 14px;
2056
- width: 14px;
2057
- top: 1px;
2058
- left: 1px;
2059
- }
2060
- &.ant-switch-large .ant-switch-handle {
2061
- height: 28px;
2062
- width: 28px;
2063
- &::before {
2064
- border-radius: 14px;
2065
- }
2066
- }
2067
-
2068
- &.ant-switch-checked {
2069
- background-color: $green-60;
2070
- }
2071
- &.ant-switch-checked .ant-switch-handle {
2072
- left: calc(100% - 20px - 2px);
2073
- }
2074
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2075
- left: calc(100% - 14px - 1px);
2076
- }
2077
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2078
- left: calc(100% - 28px - 2px);
2079
- }
2087
+ .E_iq1gosr {
2088
+ display: inline-block;
2080
2089
  }
2081
2090
 
2082
- .E_c1up6e3y {
2083
- margin-left: 5px;
2084
- }
2085
2091
 
2092
+ .E_dsnbhzf {
2093
+ @include Inter(bold);
2094
+ font-size: 32px;
2095
+ line-height: 40px;
2096
+ }
2086
2097
 
2087
- .E_a1b5xrg3 {
2088
- .user-icon-inner {
2089
- display: inline-flex;
2090
- align-items: center;
2091
- justify-content: center;
2092
- color: $white;
2093
- font-weight: bold;
2094
- font-size: 12px;
2095
- width: 24px;
2096
- height: 24px;
2097
- border-radius: 50%;
2098
- background: var(--a1b5xrg3-0);
2099
- }
2100
- &.btn-item {
2101
- transition: all 160ms ease;
2102
- cursor: pointer;
2103
- width: 56px;
2104
- height: 40px;
2105
- display: inline-flex;
2106
- align-items: center;
2107
- justify-content: center;
2108
- border-radius: 6px;
2098
+ .E_d1mvo22k {
2099
+ @include Inter(bold);
2100
+ font-size: 24px;
2101
+ line-height: 32px;
2102
+ }
2109
2103
 
2110
- &:hover {
2111
- box-shadow:
2112
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2113
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2114
- }
2104
+ .E_d1b444tr {
2105
+ @include Inter();
2106
+ font-size: 32px;
2107
+ line-height: 40px;
2108
+ }
2115
2109
 
2116
- &:active {
2117
- transform: translateY(2px);
2118
- transition: all 320ms ease;
2119
- }
2120
- }
2110
+ .E_dvs0kue {
2111
+ @include Inter(bold);
2112
+ font-size: 20px;
2113
+ line-height: 24px;
2121
2114
  }
2122
2115
 
2116
+ .E_d1hcbfcq {
2117
+ @include Inter();
2118
+ font-size: 20px;
2119
+ line-height: 24px;
2120
+ }
2123
2121
 
2124
- .E_iq1gosr {
2125
- display: inline-block;
2122
+ .E_d1cz922v {
2123
+ @include Inter(bold);
2124
+ font-size: 18px;
2125
+ line-height: 22px;
2126
2126
  }
2127
2127
 
2128
-
2129
- .E_s1sck0th {
2130
- padding: 0 8px;
2131
- border-radius: 4px;
2132
- }
2133
-
2134
- .E_m855nr1 {
2135
- padding: 2px 8px;
2136
- border-radius: 3px;
2137
- }
2138
-
2139
- .E_l1270xpg {
2140
- padding: 3px 8px;
2141
- border-radius: 2px;
2142
- }
2143
-
2144
- .E_t14rextb {
2145
- &.ant-tag:hover {
2146
- opacity: unset;
2147
- }
2148
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2149
- margin: 0;
2150
- margin-right: 8px;
2151
- display: inline-flex;
2152
- align-items: center;
2153
- border: none;
2154
- & .ant-tag-close-icon {
2155
- width: 16px;
2156
- height: 16px;
2157
- color: inherit;
2158
- margin-left: 4px;
2159
- opacity: 0.6;
2160
- display: inline-flex;
2161
- &:hover {
2162
- opacity: 1;
2163
- }
2164
- }
2165
- &.ant-tag-blue {
2166
- color: $fills-light-general-general;
2167
- background-color: $fills-light-general-general-light;
2168
- }
2169
- &.ant-tag-red {
2170
- color: $fills-light-serious-serious;
2171
- background-color: $fills-light-serious-serious-light;
2172
- }
2173
- &.ant-tag-yellow {
2174
- color: $fills-light-notice-notice-dark;
2175
- background-color: $fills-light-notice-notice-light;
2176
- }
2177
- &.ant-tag-green {
2178
- color: $fills-light-positive-positive-dark;
2179
- background-color: $fills-light-positive-positive-light;
2180
- }
2181
- &.ant-tag-gray {
2182
- color: $text-light-super;
2183
- background-color: $fills-element-light-container-general;
2184
- }
2185
- &.ant-tag-purple {
2186
- color: $text-colorful-purple;
2187
- background-color: $fill-purple-light;
2188
- }
2189
-
2190
- &.ui-kit-token-checked {
2191
- color: $text-light-on-tint;
2192
- &.ant-tag-red {
2193
- background-color: $fills-light-serious-serious;
2194
- }
2195
- &.ant-tag-yellow {
2196
- background-color: $fills-light-notice-notice;
2197
- }
2198
- &.ant-tag-green {
2199
- background-color: $fills-light-positive-positive;
2200
- }
2201
- &.ant-tag-blue {
2202
- background-color: $fills-light-general-general;
2203
- }
2204
- &.ant-tag-gray {
2205
- background-color: $gray-70;
2206
- }
2207
- &.ant-tag-purple {
2208
- background-color: $fill-purple-base;
2209
- }
2210
- }
2211
- }
2212
- }
2213
-
2214
-
2215
- .E_tju3gfj {
2216
- .date {
2217
- margin-right: 4px;
2218
- }
2219
- }
2220
-
2221
-
2222
- .E_dsnbhzf {
2223
- @include Inter(bold);
2224
- font-size: 32px;
2225
- line-height: 40px;
2226
- }
2227
-
2228
- .E_d1mvo22k {
2229
- @include Inter(bold);
2230
- font-size: 24px;
2231
- line-height: 32px;
2232
- }
2233
-
2234
- .E_d1b444tr {
2235
- @include Inter();
2236
- font-size: 32px;
2237
- line-height: 40px;
2238
- }
2239
-
2240
- .E_dvs0kue {
2241
- @include Inter(bold);
2242
- font-size: 20px;
2243
- line-height: 24px;
2244
- }
2245
-
2246
- .E_d1hcbfcq {
2247
- @include Inter();
2248
- font-size: 20px;
2249
- line-height: 24px;
2250
- }
2251
-
2252
- .E_d1cz922v {
2253
- @include Inter(bold);
2254
- font-size: 18px;
2255
- line-height: 22px;
2256
- }
2257
-
2258
- .E_d3nzbrm {
2259
- @include Inter();
2260
- font-size: 18px;
2261
- line-height: 22px;
2262
- }
2128
+ .E_d3nzbrm {
2129
+ @include Inter();
2130
+ font-size: 18px;
2131
+ line-height: 22px;
2132
+ }
2263
2133
 
2264
2134
  .E_h1g0p5ob {
2265
2135
  @include Inter(bold);
@@ -2573,6 +2443,13 @@
2573
2443
  }
2574
2444
 
2575
2445
 
2446
+ .E_tju3gfj {
2447
+ .date {
2448
+ margin-right: 4px;
2449
+ }
2450
+ }
2451
+
2452
+
2576
2453
  .E_t1m2x205 {
2577
2454
  .ant-tooltip-arrow {
2578
2455
  display: none;
@@ -2587,11 +2464,6 @@
2587
2464
  }
2588
2465
 
2589
2466
 
2590
- .E_m196gn1d {
2591
- min-width: 1280px;
2592
- }
2593
-
2594
-
2595
2467
  .E_s1dni7lo {
2596
2468
  width: 430px !important;
2597
2469
  }
@@ -2681,56 +2553,184 @@
2681
2553
  }
2682
2554
 
2683
2555
 
2684
- .E_c1yyuluq {
2685
- border-radius: 8px;
2686
- .ant-card-body {
2687
- padding: 20px 24px 24px 24px;
2556
+ .E_s1sck0th {
2557
+ padding: 0 8px;
2558
+ border-radius: 4px;
2688
2559
  }
2689
- }
2690
2560
 
2561
+ .E_m855nr1 {
2562
+ padding: 2px 8px;
2563
+ border-radius: 3px;
2564
+ }
2691
2565
 
2692
- .E_ccrbeuz {
2693
- .ant-collapse-item {
2694
- border: 0px;
2695
- background-color: $fills-light-white;
2566
+ .E_l1270xpg {
2567
+ padding: 3px 8px;
2568
+ border-radius: 2px;
2569
+ }
2696
2570
 
2697
- .ant-collapse-header {
2698
- padding-top: 0px;
2699
- padding-bottom: 0px;
2700
- padding-left: 0px !important;
2701
- padding-right: 24px;
2702
- .ant-collapse-arrow {
2703
- right: 0px;
2571
+ .E_t14rextb {
2572
+ &.ant-tag:hover {
2573
+ opacity: unset;
2574
+ }
2575
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2576
+ margin: 0;
2577
+ margin-right: 8px;
2578
+ display: inline-flex;
2579
+ align-items: center;
2580
+ border: none;
2581
+ & .ant-tag-close-icon {
2582
+ width: 16px;
2583
+ height: 16px;
2584
+ color: inherit;
2585
+ margin-left: 4px;
2586
+ opacity: 0.6;
2587
+ display: inline-flex;
2588
+ &:hover {
2589
+ opacity: 1;
2704
2590
  }
2705
2591
  }
2706
- .ant-collapse-content {
2707
- .ant-collapse-content-box {
2708
- padding: 0px;
2709
- }
2592
+ &.ant-tag-blue {
2593
+ color: $fills-light-general-general;
2594
+ background-color: $fills-light-general-general-light;
2595
+ }
2596
+ &.ant-tag-red {
2597
+ color: $fills-light-serious-serious;
2598
+ background-color: $fills-light-serious-serious-light;
2599
+ }
2600
+ &.ant-tag-yellow {
2601
+ color: $fills-light-notice-notice-dark;
2602
+ background-color: $fills-light-notice-notice-light;
2603
+ }
2604
+ &.ant-tag-green {
2605
+ color: $fills-light-positive-positive-dark;
2606
+ background-color: $fills-light-positive-positive-light;
2607
+ }
2608
+ &.ant-tag-gray {
2609
+ color: $text-light-super;
2610
+ background-color: $fills-element-light-container-general;
2611
+ }
2612
+ &.ant-tag-purple {
2613
+ color: $text-colorful-purple;
2614
+ background-color: $fill-purple-light;
2710
2615
  }
2711
- }
2712
- }
2713
2616
 
2714
- .E_c1fljvag {
2715
- .ant-collapse-item {
2716
- .ant-collapse-header {
2717
- padding-right: 0px;
2718
- cursor: default;
2617
+ &.ui-kit-token-checked {
2618
+ color: $text-light-on-tint;
2619
+ &.ant-tag-red {
2620
+ background-color: $fills-light-serious-serious;
2621
+ }
2622
+ &.ant-tag-yellow {
2623
+ background-color: $fills-light-notice-notice;
2624
+ }
2625
+ &.ant-tag-green {
2626
+ background-color: $fills-light-positive-positive;
2627
+ }
2628
+ &.ant-tag-blue {
2629
+ background-color: $fills-light-general-general;
2630
+ }
2631
+ &.ant-tag-gray {
2632
+ background-color: $gray-70;
2633
+ }
2634
+ &.ant-tag-purple {
2635
+ background-color: $fill-purple-base;
2636
+ }
2719
2637
  }
2720
2638
  }
2721
2639
  }
2722
2640
 
2723
2641
 
2724
- .E_b1lj76ty {
2725
- width: 100%;
2726
- height: 100%;
2727
- margin: 0 auto;
2728
- display: flex;
2729
- flex-direction: column;
2730
- align-items: center;
2731
- justify-content: center;
2732
- color: $gray-a30-10;
2733
- &.large {
2642
+ .E_a1b5xrg3 {
2643
+ .user-icon-inner {
2644
+ display: inline-flex;
2645
+ align-items: center;
2646
+ justify-content: center;
2647
+ color: $white;
2648
+ font-weight: bold;
2649
+ font-size: 12px;
2650
+ width: 24px;
2651
+ height: 24px;
2652
+ border-radius: 50%;
2653
+ background: var(--a1b5xrg3-0);
2654
+ }
2655
+ &.btn-item {
2656
+ transition: all 160ms ease;
2657
+ cursor: pointer;
2658
+ width: 56px;
2659
+ height: 40px;
2660
+ display: inline-flex;
2661
+ align-items: center;
2662
+ justify-content: center;
2663
+ border-radius: 6px;
2664
+
2665
+ &:hover {
2666
+ box-shadow:
2667
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2668
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2669
+ }
2670
+
2671
+ &:active {
2672
+ transform: translateY(2px);
2673
+ transition: all 320ms ease;
2674
+ }
2675
+ }
2676
+ }
2677
+
2678
+
2679
+ .E_m196gn1d {
2680
+ min-width: 1280px;
2681
+ }
2682
+
2683
+
2684
+ .E_ccrbeuz {
2685
+ .ant-collapse-item {
2686
+ border: 0px;
2687
+ background-color: $fills-light-white;
2688
+
2689
+ .ant-collapse-header {
2690
+ padding-top: 0px;
2691
+ padding-bottom: 0px;
2692
+ padding-left: 0px !important;
2693
+ padding-right: 24px;
2694
+ .ant-collapse-arrow {
2695
+ right: 0px;
2696
+ }
2697
+ }
2698
+ .ant-collapse-content {
2699
+ .ant-collapse-content-box {
2700
+ padding: 0px;
2701
+ }
2702
+ }
2703
+ }
2704
+ }
2705
+
2706
+ .E_c1fljvag {
2707
+ .ant-collapse-item {
2708
+ .ant-collapse-header {
2709
+ padding-right: 0px;
2710
+ cursor: default;
2711
+ }
2712
+ }
2713
+ }
2714
+
2715
+
2716
+ .E_c1yyuluq {
2717
+ border-radius: 8px;
2718
+ .ant-card-body {
2719
+ padding: 20px 24px 24px 24px;
2720
+ }
2721
+ }
2722
+
2723
+
2724
+ .E_b1lj76ty {
2725
+ width: 100%;
2726
+ height: 100%;
2727
+ margin: 0 auto;
2728
+ display: flex;
2729
+ flex-direction: column;
2730
+ align-items: center;
2731
+ justify-content: center;
2732
+ color: $gray-a30-10;
2733
+ &.large {
2734
2734
  max-width: 648px;
2735
2735
  }
2736
2736
  &.medium {
@@ -2759,73 +2759,6 @@
2759
2759
  }
2760
2760
 
2761
2761
 
2762
- .E_suhck3k {
2763
- height: 24px;
2764
- width: 24px;
2765
- border-radius: 6px;
2766
- padding: 4px;
2767
- &:hover {
2768
- background-color: $fill-outstanding-light;
2769
- svg {
2770
- path {
2771
- fill: blue;
2772
- }
2773
- }
2774
- }
2775
- }
2776
-
2777
-
2778
- .E_ryby9ds {
2779
- display: flex;
2780
- align-items: center;
2781
- .order {
2782
- height: 24px;
2783
- width: 24px;
2784
- border-radius: 20px;
2785
- color: $text-light-general;
2786
- background: $fill-light-element-container-outstanding;
2787
- display: flex;
2788
- align-items: center;
2789
- justify-content: center;
2790
- margin-right: 6px;
2791
- }
2792
- }
2793
-
2794
-
2795
- .E_m5foqp8 {
2796
- &.medium {
2797
- --footer-height: 96px;
2798
- --modal-content-width: 720px;
2799
- --modal-content-min-height: 200px;
2800
- --modal-header-padding: 40px 60px 8px;
2801
- --modal-content-padding-top: 24px;
2802
- --modal-content-padding-bottom: 32px;
2803
- --modal-content-padding-x: 60px;
2804
- --modal-footer-padding: 0 60px;
2805
-
2806
- &.content-full.ant-modal {
2807
- height: calc(100vh - 80px);
2808
- width: calc(100vw - 160px);
2809
- .ant-modal-content {
2810
- width: 100%;
2811
- height: 100%;
2812
- max-width: unset;
2813
- max-height: unset;
2814
- display: flex;
2815
- flex-direction: column;
2816
- }
2817
- .ant-modal-body {
2818
- flex: 1;
2819
- }
2820
- }
2821
-
2822
- .initializing-title {
2823
- height: 32px;
2824
- }
2825
- }
2826
- }
2827
-
2828
-
2829
2762
  .E_hrhfj7c {
2830
2763
  display: none;
2831
2764
  }
@@ -3019,6 +2952,39 @@
3019
2952
  }
3020
2953
 
3021
2954
 
2955
+ .E_suhck3k {
2956
+ height: 24px;
2957
+ width: 24px;
2958
+ border-radius: 6px;
2959
+ padding: 4px;
2960
+ &:hover {
2961
+ background-color: $fill-outstanding-light;
2962
+ svg {
2963
+ path {
2964
+ fill: blue;
2965
+ }
2966
+ }
2967
+ }
2968
+ }
2969
+
2970
+
2971
+ .E_ryby9ds {
2972
+ display: flex;
2973
+ align-items: center;
2974
+ .order {
2975
+ height: 24px;
2976
+ width: 24px;
2977
+ border-radius: 20px;
2978
+ color: $text-light-general;
2979
+ background: $fill-light-element-container-outstanding;
2980
+ display: flex;
2981
+ align-items: center;
2982
+ justify-content: center;
2983
+ margin-right: 6px;
2984
+ }
2985
+ }
2986
+
2987
+
3022
2988
  .E_s17wv897 {
3023
2989
  &.ant-select,
3024
2990
  &.ant-select div.ant-select-selector {
@@ -3121,6 +3087,40 @@
3121
3087
  }
3122
3088
 
3123
3089
 
3090
+ .E_m5foqp8 {
3091
+ &.medium {
3092
+ --footer-height: 96px;
3093
+ --modal-content-width: 720px;
3094
+ --modal-content-min-height: 200px;
3095
+ --modal-header-padding: 40px 60px 8px;
3096
+ --modal-content-padding-top: 24px;
3097
+ --modal-content-padding-bottom: 32px;
3098
+ --modal-content-padding-x: 60px;
3099
+ --modal-footer-padding: 0 60px;
3100
+
3101
+ &.content-full.ant-modal {
3102
+ height: calc(100vh - 80px);
3103
+ width: calc(100vw - 160px);
3104
+ .ant-modal-content {
3105
+ width: 100%;
3106
+ height: 100%;
3107
+ max-width: unset;
3108
+ max-height: unset;
3109
+ display: flex;
3110
+ flex-direction: column;
3111
+ }
3112
+ .ant-modal-body {
3113
+ flex: 1;
3114
+ }
3115
+ }
3116
+
3117
+ .initializing-title {
3118
+ height: 32px;
3119
+ }
3120
+ }
3121
+ }
3122
+
3123
+
3124
3124
  .E_s4ivdfu {
3125
3125
  &.ant-select {
3126
3126
  .ant-select-selection-placeholder {
@@ -3914,109 +3914,21 @@
3914
3914
  }
3915
3915
 
3916
3916
 
3917
- .E_c1yd35n {
3918
- padding: 0 12px 14px 12px;
3919
- }
3920
-
3921
-
3922
- .E_c1kghdax {
3923
- color: $text-primary-light;
3924
- padding: 7px 12px;
3917
+ .E_l1ucdodl {
3918
+ $prefix: ui-kit-status-legend;
3919
+ margin: 0;
3920
+ border-radius: 20px;
3921
+ padding: 2px 10px;
3922
+ height: 22px;
3925
3923
  display: flex;
3926
- justify-content: space-between;
3927
3924
  align-items: center;
3928
3925
 
3929
- &.has-arrow {
3930
- padding-left: 10px;
3931
-
3932
- .title-wrapper {
3933
- cursor: pointer;
3934
- color: $text-light-primary;
3935
-
3936
- &.is-open {
3937
- color: $text-primary-light;
3938
- font-weight: 600;
3939
-
3940
- .collapse-arrow {
3941
- transform: rotate(90deg);
3942
- }
3943
- }
3944
- }
3945
- }
3946
-
3947
- .sub-info {
3948
- font-size: 12px;
3949
- line-height: 18px;
3950
- }
3951
-
3952
- .title-wrapper {
3953
- display: flex;
3954
- align-items: center;
3955
- user-select: none;
3956
- flex-grow: 1;
3957
- font-size: 12px;
3958
- line-height: 18px;
3959
- color: $text-primary-light;
3960
- font-weight: 700;
3961
- }
3962
-
3963
- .collapse-arrow {
3964
- transition: all 50ms ease-out 0ms;
3965
- margin-right: 2px;
3966
- }
3967
- }
3968
-
3969
-
3970
- .E_ckui4s7 {
3971
- color: $text-primary-light;
3972
- line-height: 22px;
3973
- display: inline-flex;
3974
- .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; } } }
3975
- }
3976
-
3977
-
3978
- .E_b14q2gmw {
3979
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3980
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3981
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3982
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3983
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3984
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3985
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3986
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3987
- }
3988
-
3989
- .E_c1eym6el {
3990
- border-radius: 8px;
3991
- background-color: white;
3992
- &.hoverable {
3993
- cursor: pointer;
3994
-
3995
- &:hover {
3996
- transition: all 200ms ease;
3997
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3998
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3999
- transform: translateY(-4px);
4000
- }
4001
- }
4002
- }
4003
-
4004
-
4005
- .E_l1ucdodl {
4006
- $prefix: ui-kit-status-legend;
4007
- margin: 0;
4008
- border-radius: 20px;
4009
- padding: 2px 10px;
4010
- height: 22px;
4011
- display: flex;
4012
- align-items: center;
4013
-
4014
- &.ui-kit-status-legend.on-tint {
4015
- color: $text-neutral-ontint;
4016
- }
4017
- &.tag-hover {
4018
- cursor: pointer;
4019
- }
3926
+ &.ui-kit-status-legend.on-tint {
3927
+ color: $text-neutral-ontint;
3928
+ }
3929
+ &.tag-hover {
3930
+ cursor: pointer;
3931
+ }
4020
3932
 
4021
3933
  &.#{$prefix} {
4022
3934
  color: $text-neutral-primary;
@@ -4086,6 +3998,77 @@
4086
3998
  }
4087
3999
 
4088
4000
 
4001
+ .E_l48ei06 {
4002
+ @at-root {
4003
+ button#{&}.ant-btn,
4004
+ button#{&}.ant-btn.ant-btn-sm,
4005
+ button#{&}.ant-btn.ant-btn-lg {
4006
+ font-size: 12px;
4007
+ line-height: 18px;
4008
+ height: 18px;
4009
+ }
4010
+ button#{&} {
4011
+ color: #0080FF;
4012
+ height: unset;
4013
+ .button-prefix-icon {
4014
+ margin-right: 4px;
4015
+ }
4016
+ .button-suffix-icon {
4017
+ margin-left: 4px;
4018
+ }
4019
+
4020
+ &:hover,
4021
+ &.__pseudo-states-hover {
4022
+ color: #009DFF;
4023
+ }
4024
+
4025
+ &:active,
4026
+ &.__pseudo-states-active {
4027
+ color: #005ED1;
4028
+ }
4029
+ &.ui-kit-link-disabled {
4030
+ color: #0080FF;
4031
+ }
4032
+ &.ui-kit-link-primary {
4033
+ color: #00122E;
4034
+
4035
+ &:hover,
4036
+ &.__pseudo-states-hover {
4037
+ color: #0080FF;
4038
+ }
4039
+
4040
+ &:active,
4041
+ &.__pseudo-states-active {
4042
+ color: #005ED1;
4043
+ }
4044
+
4045
+ &.ui-kit-link-disabled {
4046
+ color: #00122E;
4047
+ }
4048
+ }
4049
+
4050
+ &.ui-kit-link-secondary {
4051
+ color: #2C3852BF;
4052
+
4053
+ &:hover,
4054
+ &.__pseudo-states-hover {
4055
+ color: #0080FF;
4056
+ }
4057
+
4058
+ &:active,
4059
+ &.__pseudo-states-active {
4060
+ color: #005ED1;
4061
+ }
4062
+
4063
+ &.ui-kit-link-disabled {
4064
+ color: #2C3852BF;
4065
+ }
4066
+ }
4067
+ }
4068
+ }
4069
+ }
4070
+
4071
+
4089
4072
  .E_sddwhm6 {
4090
4073
  $prefix: ui-kit-status-capsule;
4091
4074
  margin: 0;
@@ -4170,77 +4153,6 @@
4170
4153
  }
4171
4154
 
4172
4155
 
4173
- .E_l48ei06 {
4174
- @at-root {
4175
- button#{&}.ant-btn,
4176
- button#{&}.ant-btn.ant-btn-sm,
4177
- button#{&}.ant-btn.ant-btn-lg {
4178
- font-size: 12px;
4179
- line-height: 18px;
4180
- height: 18px;
4181
- }
4182
- button#{&} {
4183
- color: #0080FF;
4184
- height: unset;
4185
- .button-prefix-icon {
4186
- margin-right: 4px;
4187
- }
4188
- .button-suffix-icon {
4189
- margin-left: 4px;
4190
- }
4191
-
4192
- &:hover,
4193
- &.__pseudo-states-hover {
4194
- color: #009DFF;
4195
- }
4196
-
4197
- &:active,
4198
- &.__pseudo-states-active {
4199
- color: #005ED1;
4200
- }
4201
- &.ui-kit-link-disabled {
4202
- color: #0080FF;
4203
- }
4204
- &.ui-kit-link-primary {
4205
- color: #00122E;
4206
-
4207
- &:hover,
4208
- &.__pseudo-states-hover {
4209
- color: #0080FF;
4210
- }
4211
-
4212
- &:active,
4213
- &.__pseudo-states-active {
4214
- color: #005ED1;
4215
- }
4216
-
4217
- &.ui-kit-link-disabled {
4218
- color: #00122E;
4219
- }
4220
- }
4221
-
4222
- &.ui-kit-link-secondary {
4223
- color: #2C3852BF;
4224
-
4225
- &:hover,
4226
- &.__pseudo-states-hover {
4227
- color: #0080FF;
4228
- }
4229
-
4230
- &:active,
4231
- &.__pseudo-states-active {
4232
- color: #005ED1;
4233
- }
4234
-
4235
- &.ui-kit-link-disabled {
4236
- color: #2C3852BF;
4237
- }
4238
- }
4239
- }
4240
- }
4241
- }
4242
-
4243
-
4244
4156
  .E_tc97u5y {
4245
4157
  height: 100%;
4246
4158
  }
@@ -4680,240 +4592,64 @@
4680
4592
  }
4681
4593
 
4682
4594
 
4683
- .E_msn7nxt {
4684
- color: $text-light-secondary;
4685
- text-align: center;
4686
-
4595
+ .E_c1kghdax {
4596
+ color: $text-primary-light;
4597
+ padding: 7px 12px;
4687
4598
  display: flex;
4599
+ justify-content: space-between;
4688
4600
  align-items: center;
4689
- justify-content: center;
4690
- flex-direction: column;
4691
- height: 100%;
4692
4601
 
4693
- .link {
4694
- color: $text-light-general;
4695
- cursor: pointer;
4696
- }
4697
- }
4602
+ &.has-arrow {
4603
+ padding-left: 10px;
4698
4604
 
4699
- .E_mp64wfi {
4700
- width: 100%;
4701
- height: 100%;
4702
- display: flex;
4703
- flex-direction: column;
4605
+ .title-wrapper {
4606
+ cursor: pointer;
4607
+ color: $text-light-primary;
4704
4608
 
4705
- .name-toolbar {
4706
- width: 100%;
4707
- display: flex;
4708
- line-height: 30px;
4709
- padding: 0 16px;
4710
- justify-content: space-between;
4711
- .metric-extra {
4712
- display: flex;
4713
- font-size: 12px;
4714
- align-items: center;
4715
-
4716
- .info-item {
4717
- color: $gray-60;
4718
- }
4719
- .info-item + .info-item {
4720
- margin-left: 10px;
4721
- }
4609
+ &.is-open {
4610
+ color: $text-primary-light;
4611
+ font-weight: 600;
4722
4612
 
4723
- .menu-trigger {
4724
- margin-left: 10px;
4725
- cursor: pointer;
4613
+ .collapse-arrow {
4614
+ transform: rotate(90deg);
4615
+ }
4726
4616
  }
4727
4617
  }
4728
4618
  }
4729
4619
 
4730
- .content {
4731
- flex: 1;
4732
- width: 100%;
4733
- display: flex;
4734
- justify-content: center;
4735
- align-items: center;
4736
- }
4737
- .single-content {
4738
- height: 65px;
4739
- }
4740
- }
4741
-
4742
- .E_l1oyigan {
4743
- display: flex;
4744
- align-items: center;
4745
- white-space: nowrap;
4746
- overflow: hidden;
4747
- width: 100%;
4748
-
4749
- .ant-dropdown-trigger {
4750
- margin-left: auto;
4620
+ .sub-info {
4751
4621
  font-size: 12px;
4622
+ line-height: 18px;
4752
4623
  }
4753
- }
4754
-
4755
- .E_l1noi4n1 {
4756
- display: flex;
4757
- justify-content: flex-start;
4758
- align-items: center;
4759
- font-size: 12px;
4760
- cursor: pointer;
4761
-
4762
- &:not(:last-child) {
4763
- margin-right: 20px;
4764
- }
4765
- &.deselected {
4766
- opacity: 0.4;
4767
-
4768
- .color-block {
4769
- background: #b4beca !important;
4770
- }
4771
- }
4772
- }
4773
-
4774
- .E_cz19rz6 {
4775
- display: inline-block;
4776
- height: 8px;
4777
- width: 8px;
4778
- margin-right: 8px;
4779
- }
4780
4624
 
4781
- .E_e17r5r9c {
4782
- .ant-dropdown-menu-item {
4625
+ .title-wrapper {
4783
4626
  display: flex;
4784
4627
  align-items: center;
4628
+ user-select: none;
4629
+ flex-grow: 1;
4785
4630
  font-size: 12px;
4786
- margin: 0;
4787
- }
4788
- }
4789
-
4790
- .E_m1y1hhnr {
4791
- position: relative;
4792
-
4793
- &.hidden-xaxis .pointer-wrapper {
4794
- bottom: -12px;
4795
- }
4796
-
4797
- .metric-toolbar {
4798
- display: flex;
4799
- justify-content: space-between;
4800
- line-height: 30px;
4801
- margin: 0 16px;
4802
-
4803
- .metric-extra {
4804
- display: flex;
4805
- font-size: 12px;
4806
- align-items: center;
4807
-
4808
- .info-item {
4809
- color: $gray-60;
4810
- }
4811
- .info-item + .info-item {
4812
- margin-left: 10px;
4813
- }
4814
-
4815
- .menu-trigger {
4816
- margin-left: 10px;
4817
- cursor: pointer;
4818
- }
4819
- }
4820
- }
4821
-
4822
- .recharts-xAxis {
4823
- font-size: 12px;
4824
- }
4825
-
4826
- .pointer-wrapper {
4827
- position: absolute;
4828
- bottom: 10px;
4829
- padding: 0 8px;
4830
- border-radius: 4px;
4831
- font-size: 12px;
4832
- color: $white;
4833
- background: rgba(0, 0, 0, 0.75);
4834
- transform: translateX(-50%);
4631
+ line-height: 18px;
4632
+ color: $text-primary-light;
4633
+ font-weight: 700;
4835
4634
  }
4836
- }
4837
4635
 
4838
- .E_tnvijvs {
4839
- min-width: 200px;
4840
- }
4841
-
4842
- .E_t1ub2aex {
4843
- display: flex;
4844
- align-items: center;
4845
- justify-content: space-between;
4846
- background-color: rgba(0, 0, 0, 0.75);
4847
- color: #b4beca;
4848
- font-size: 12px;
4849
- padding: 3px 6px;
4850
-
4851
- &:first-child {
4852
- padding-top: 3px;
4853
- }
4854
- &:last-child {
4855
- padding-bottom: 3px;
4856
- }
4857
- .column-value {
4858
- color: $white;
4859
- margin-left: 8px;
4636
+ .collapse-arrow {
4637
+ transition: all 50ms ease-out 0ms;
4638
+ margin-right: 2px;
4860
4639
  }
4861
4640
  }
4862
4641
 
4863
4642
 
4864
- .E_lht19u8 {
4865
- width: 64px;
4866
- height: 64px;
4867
- display: flex;
4868
- align-items: center;
4869
- justify-content: center;
4870
- position: relative;
4871
- opacity: 0.2;
4872
- }
4873
-
4874
- .E_lk3gkp4 {
4875
- position: absolute;
4876
- width: 5px;
4877
- height: 48px;
4878
- left: 9.33px;
4879
- top: 40.5px;
4880
-
4881
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4882
- border-radius: 5px;
4883
- transform: rotate(-128deg);
4884
- transform-origin: top left;
4885
-
4886
- animation: loading-indicator1 1100ms ease-out infinite;
4887
- }
4888
-
4889
- .E_ll4n94n {
4890
- position: absolute;
4891
- width: 5px;
4892
- height: 48px;
4893
- left: 40.8px;
4894
- top: 8.4px;
4895
-
4896
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4897
- border-radius: 5px;
4898
- transform: rotate(-8deg);
4899
- transform-origin: top left;
4900
-
4901
- animation: loading-indicator2 1100ms ease-out infinite;
4643
+ .E_ckui4s7 {
4644
+ color: $text-primary-light;
4645
+ line-height: 22px;
4646
+ display: inline-flex;
4647
+ .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; } } }
4902
4648
  }
4903
4649
 
4904
- .E_l17lbdo6 {
4905
- position: absolute;
4906
- width: 5px;
4907
- height: 48px;
4908
- left: 52.9px;
4909
- top: 51.8px;
4910
-
4911
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4912
- border-radius: 5px;
4913
- transform: rotate(112deg);
4914
- transform-origin: top left;
4915
4650
 
4916
- animation: loading-indicator3 1100ms ease-out infinite;
4651
+ .E_c1yd35n {
4652
+ padding: 0 12px 14px 12px;
4917
4653
  }
4918
4654
 
4919
4655
 
@@ -5043,82 +4779,403 @@
5043
4779
  }
5044
4780
  }
5045
4781
 
5046
- .E_ti12z2 {
5047
- &.ant-dropdown-open {
5048
- color: $text-light-general;
5049
- background: $fills-light-trans-3;
4782
+ .E_ti12z2 {
4783
+ &.ant-dropdown-open {
4784
+ color: $text-light-general;
4785
+ background: $fills-light-trans-3;
4786
+ }
4787
+ }
4788
+
4789
+ .E_m19lu3v {
4790
+ cursor: default;
4791
+ & .menu-wrapper {
4792
+ min-width: 160px;
4793
+ max-width: 400px;
4794
+ padding: 6px;
4795
+ background: $white;
4796
+ box-shadow:
4797
+ 0px 0px 10px rgba(107, 125, 153, 0.18),
4798
+ 0px 12px 40px rgba(45, 58, 86, 0.3);
4799
+ border-radius: 8px;
4800
+ max-height: calc(100vh - 250px);
4801
+ overflow: auto;
4802
+
4803
+ & .tab-menu-item {
4804
+ display: flex;
4805
+ place-items: center;
4806
+ width: var(--itemWidth);
4807
+
4808
+ & + .tab-menu-item {
4809
+ margin-top: 8px;
4810
+ }
4811
+
4812
+ &.__selected {
4813
+ padding: 6px;
4814
+ background: $fills-light-general-general-light;
4815
+ color: $text-light-general;
4816
+
4817
+ &E_l1fbkbzo {
4818
+ @include Inter(bold !important);
4819
+ }
4820
+ }
4821
+
4822
+ &.ant-dropdown-menu-item {
4823
+ padding: 5px 12px;
4824
+ border-radius: 4px;
4825
+ }
4826
+
4827
+ &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
4828
+ color: $text-light-general;
4829
+ background: $fills-light-trans-3;
4830
+ }
4831
+
4832
+ &-text {
4833
+ text-align: left;
4834
+ flex: 1;
4835
+ overflow: hidden;
4836
+ text-overflow: ellipsis;
4837
+ white-space: nowrap;
4838
+ }
4839
+ }
4840
+ }
4841
+ }
4842
+
4843
+ .E_i1bmwe2m {
4844
+ margin: auto;
4845
+ cursor: pointer;
4846
+ line-height: normal;
4847
+ height: 16px;
4848
+ margin-right: 3px;
4849
+
4850
+ .icon-inner {
4851
+ display: block;
4852
+ height: 16px;
4853
+ }
4854
+ }
4855
+
4856
+
4857
+ .E_b14q2gmw {
4858
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4859
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4860
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4861
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4862
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4863
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4864
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4865
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4866
+ }
4867
+
4868
+ .E_c1eym6el {
4869
+ border-radius: 8px;
4870
+ background-color: white;
4871
+ &.hoverable {
4872
+ cursor: pointer;
4873
+
4874
+ &:hover {
4875
+ transition: all 200ms ease;
4876
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4877
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4878
+ transform: translateY(-4px);
4879
+ }
4880
+ }
4881
+ }
4882
+
4883
+
4884
+ .E_m11nzl2x {
4885
+ color: $text-light-secondary;
4886
+ text-align: center;
4887
+
4888
+ display: flex;
4889
+ align-items: center;
4890
+ justify-content: center;
4891
+ flex-direction: column;
4892
+ height: 100%;
4893
+
4894
+ .link {
4895
+ color: $text-light-general;
4896
+ cursor: pointer;
4897
+ }
4898
+ }
4899
+
4900
+ .E_mn7joto {
4901
+ width: 100%;
4902
+ height: 100%;
4903
+ display: flex;
4904
+ flex-direction: column;
4905
+
4906
+ .name-toolbar {
4907
+ width: 100%;
4908
+ display: flex;
4909
+ line-height: 30px;
4910
+ justify-content: space-between;
4911
+ .metric-extra {
4912
+ display: flex;
4913
+ font-size: 12px;
4914
+ align-items: center;
4915
+
4916
+ .info-item {
4917
+ color: $gray-60;
4918
+ }
4919
+ .info-item + .info-item {
4920
+ margin-left: 10px;
4921
+ }
4922
+
4923
+ .menu-trigger {
4924
+ margin-left: 10px;
4925
+ cursor: pointer;
4926
+ }
4927
+ }
4928
+ }
4929
+
4930
+ .content {
4931
+ flex: 1;
4932
+ width: 100%;
4933
+ display: flex;
4934
+ justify-content: center;
4935
+ align-items: center;
4936
+ }
4937
+ .single-content {
4938
+ height: 65px;
4939
+ }
4940
+ }
4941
+
4942
+ .E_l1bifhon {
4943
+ display: flex;
4944
+ align-items: center;
4945
+ white-space: nowrap;
4946
+ overflow: hidden;
4947
+ width: 100%;
4948
+
4949
+ .ant-dropdown-trigger {
4950
+ font-size: 12px;
4951
+ margin-left: 8px;
4952
+ }
4953
+ }
4954
+
4955
+ .E_ltthzck {
4956
+ display: flex;
4957
+ justify-content: flex-start;
4958
+ align-items: center;
4959
+ font-size: 12px;
4960
+ cursor: pointer;
4961
+ &:not(:first-child) {
4962
+ margin-left: 8px;
4963
+ }
4964
+
4965
+ &.deselected,
4966
+ &.hovering {
4967
+ opacity: 0.3;
4968
+
4969
+ &:not(.hoverering-self) .color-block {
4970
+ background: #b4beca !important;
4971
+ border-radius: 2px;
4972
+ }
4973
+ }
4974
+ &.hoverering-self {
4975
+ opacity: 1;
4976
+ }
4977
+ .dropdown-trigger {
4978
+ margin-left: 12px;
4979
+ }
4980
+ .legend-name {
4981
+ color: $text-light-primary;
4982
+ }
4983
+ .icon-suffix-wrapper {
4984
+ display: flex;
4985
+ align-items: center;
4986
+ margin-left: 4px;
4987
+ }
4988
+ }
4989
+
4990
+ .E_l1mumj7o {
4991
+ display: flex;
4992
+ justify-content: flex-start;
4993
+ align-items: center;
4994
+ font-size: 12px;
4995
+ cursor: pointer;
4996
+
4997
+ &.deselected,
4998
+ &.hovering {
4999
+ opacity: 0.3;
5000
+
5001
+ &:not(.hoverering-self) .color-block {
5002
+ background: #b4beca !important;
5003
+ border-radius: 2px;
5004
+ }
5005
+ }
5006
+ .legend-name {
5007
+ color: $text-light-primary;
5008
+ }
5009
+ &.hoverering-self {
5010
+ opacity: 1;
5011
+ }
5012
+ .icon-suffix-wrapper {
5013
+ margin-left: 4px;
5014
+ display: flex;
5015
+ align-items: center;
5016
+ }
5017
+ }
5018
+
5019
+ .E_c14rn6j5 {
5020
+ display: inline-block;
5021
+ height: 8px;
5022
+ width: 8px;
5023
+ margin-right: 6px;
5024
+ border-radius: 2px;
5025
+ }
5026
+
5027
+ .E_e45tc5l {
5028
+ .ant-dropdown-menu-item {
5029
+ display: flex;
5030
+ align-items: center;
5031
+ font-size: 12px;
5032
+ margin: 0;
5033
+ }
5034
+ }
5035
+
5036
+ .E_lqeaosa {
5037
+ position: relative;
5038
+
5039
+ &.hidden-xaxis .pointer-wrapper {
5040
+ bottom: -12px;
5041
+ }
5042
+
5043
+ .metric-toolbar {
5044
+ display: flex;
5045
+ justify-content: space-between;
5046
+ line-height: 30px;
5047
+ .metric-extra {
5048
+ display: flex;
5049
+ flex-shrink: 0;
5050
+ font-size: 12px;
5051
+ align-items: center;
5052
+
5053
+ .info-item {
5054
+ color: $gray-60;
5055
+ }
5056
+ .info-item + .info-item {
5057
+ margin-left: 10px;
5058
+ }
5059
+
5060
+ .menu-trigger {
5061
+ margin-left: 10px;
5062
+ cursor: pointer;
5063
+ }
5064
+ }
5065
+ }
5066
+
5067
+ .recharts-xAxis {
5068
+ font-size: 12px;
5069
+ }
5070
+
5071
+ .pointer-wrapper {
5072
+ position: absolute;
5073
+ bottom: 10px;
5074
+ padding: 0 8px;
5075
+ font-size: 12px;
5076
+ color: $white;
5077
+ transform: translateX(-50%);
5078
+ }
5079
+ }
5080
+
5081
+ .E_t2pr38p {
5082
+ min-width: 200px;
5083
+ background-color: $fill-neutral-trans-8;
5084
+ border-radius: 4px;
5085
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5086
+ padding: 8px;
5087
+ }
5088
+
5089
+ .E_tecdsj7 {
5090
+ display: flex;
5091
+ align-items: center;
5092
+ background-color: unset;
5093
+ color: $text-neutral-ontint;
5094
+ justify-content: space-between;
5095
+ font-size: 12px;
5096
+ padding-top: 6px;
5097
+
5098
+ &:first-child {
5099
+ padding-top: 3px;
5100
+ }
5101
+ &:last-child {
5102
+ padding-bottom: 3px;
5103
+ }
5104
+ .column-value {
5105
+ color: $text-neutral-ontint;
5106
+ margin-left: 8px;
5107
+ }
5108
+ }
5109
+
5110
+ .E_ljhvvia {
5111
+ display: inline-block;
5112
+ height: 8px;
5113
+ width: 8px;
5114
+ margin-right: 8px;
5115
+ border-radius: 2px;
5116
+ &.borderd {
5117
+ border: 1px solid $stroke-neutral-white;
5050
5118
  }
5051
5119
  }
5052
5120
 
5053
- .E_m19lu3v {
5054
- cursor: default;
5055
- & .menu-wrapper {
5056
- min-width: 160px;
5057
- max-width: 400px;
5058
- padding: 6px;
5059
- background: $white;
5060
- box-shadow:
5061
- 0px 0px 10px rgba(107, 125, 153, 0.18),
5062
- 0px 12px 40px rgba(45, 58, 86, 0.3);
5063
- border-radius: 8px;
5064
- max-height: calc(100vh - 250px);
5065
- overflow: auto;
5066
5121
 
5067
- & .tab-menu-item {
5068
- display: flex;
5069
- place-items: center;
5070
- width: var(--itemWidth);
5122
+ .E_lht19u8 {
5123
+ width: 64px;
5124
+ height: 64px;
5125
+ display: flex;
5126
+ align-items: center;
5127
+ justify-content: center;
5128
+ position: relative;
5129
+ opacity: 0.2;
5130
+ }
5071
5131
 
5072
- & + .tab-menu-item {
5073
- margin-top: 8px;
5074
- }
5132
+ .E_lk3gkp4 {
5133
+ position: absolute;
5134
+ width: 5px;
5135
+ height: 48px;
5136
+ left: 9.33px;
5137
+ top: 40.5px;
5075
5138
 
5076
- &.__selected {
5077
- padding: 6px;
5078
- background: $fills-light-general-general-light;
5079
- color: $text-light-general;
5139
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5140
+ border-radius: 5px;
5141
+ transform: rotate(-128deg);
5142
+ transform-origin: top left;
5080
5143
 
5081
- &E_l1fbkbzo {
5082
- @include Inter(bold !important);
5083
- }
5084
- }
5144
+ animation: loading-indicator1 1100ms ease-out infinite;
5145
+ }
5085
5146
 
5086
- &.ant-dropdown-menu-item {
5087
- padding: 5px 12px;
5088
- border-radius: 4px;
5089
- }
5147
+ .E_ll4n94n {
5148
+ position: absolute;
5149
+ width: 5px;
5150
+ height: 48px;
5151
+ left: 40.8px;
5152
+ top: 8.4px;
5090
5153
 
5091
- &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
5092
- color: $text-light-general;
5093
- background: $fills-light-trans-3;
5094
- }
5154
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5155
+ border-radius: 5px;
5156
+ transform: rotate(-8deg);
5157
+ transform-origin: top left;
5095
5158
 
5096
- &-text {
5097
- text-align: left;
5098
- flex: 1;
5099
- overflow: hidden;
5100
- text-overflow: ellipsis;
5101
- white-space: nowrap;
5102
- }
5103
- }
5104
- }
5159
+ animation: loading-indicator2 1100ms ease-out infinite;
5105
5160
  }
5106
5161
 
5107
- .E_i1bmwe2m {
5108
- margin: auto;
5109
- cursor: pointer;
5110
- line-height: normal;
5111
- height: 16px;
5112
- margin-right: 3px;
5162
+ .E_l17lbdo6 {
5163
+ position: absolute;
5164
+ width: 5px;
5165
+ height: 48px;
5166
+ left: 52.9px;
5167
+ top: 51.8px;
5113
5168
 
5114
- .icon-inner {
5115
- display: block;
5116
- height: 16px;
5117
- }
5169
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5170
+ border-radius: 5px;
5171
+ transform: rotate(112deg);
5172
+ transform-origin: top left;
5173
+
5174
+ animation: loading-indicator3 1100ms ease-out infinite;
5118
5175
  }
5119
5176
 
5120
5177
 
5121
- .E_m11nzl2x {
5178
+ .E_msn7nxt {
5122
5179
  color: $text-light-secondary;
5123
5180
  text-align: center;
5124
5181
 
@@ -5134,7 +5191,7 @@
5134
5191
  }
5135
5192
  }
5136
5193
 
5137
- .E_mn7joto {
5194
+ .E_mp64wfi {
5138
5195
  width: 100%;
5139
5196
  height: 100%;
5140
5197
  display: flex;
@@ -5144,6 +5201,7 @@
5144
5201
  width: 100%;
5145
5202
  display: flex;
5146
5203
  line-height: 30px;
5204
+ padding: 0 16px;
5147
5205
  justify-content: space-between;
5148
5206
  .metric-extra {
5149
5207
  display: flex;
@@ -5176,7 +5234,7 @@
5176
5234
  }
5177
5235
  }
5178
5236
 
5179
- .E_l1bifhon {
5237
+ .E_l1oyigan {
5180
5238
  display: flex;
5181
5239
  align-items: center;
5182
5240
  white-space: nowrap;
@@ -5184,84 +5242,38 @@
5184
5242
  width: 100%;
5185
5243
 
5186
5244
  .ant-dropdown-trigger {
5245
+ margin-left: auto;
5187
5246
  font-size: 12px;
5188
- margin-left: 8px;
5189
5247
  }
5190
5248
  }
5191
5249
 
5192
- .E_ltthzck {
5250
+ .E_l1noi4n1 {
5193
5251
  display: flex;
5194
5252
  justify-content: flex-start;
5195
5253
  align-items: center;
5196
5254
  font-size: 12px;
5197
5255
  cursor: pointer;
5198
- &:not(:first-child) {
5199
- margin-left: 8px;
5200
- }
5201
-
5202
- &.deselected,
5203
- &.hovering {
5204
- opacity: 0.3;
5205
5256
 
5206
- &:not(.hoverering-self) .color-block {
5207
- background: #b4beca !important;
5208
- border-radius: 2px;
5209
- }
5210
- }
5211
- &.hoverering-self {
5212
- opacity: 1;
5213
- }
5214
- .dropdown-trigger {
5215
- margin-left: 12px;
5216
- }
5217
- .legend-name {
5218
- color: $text-light-primary;
5219
- }
5220
- .icon-suffix-wrapper {
5221
- display: flex;
5222
- align-items: center;
5223
- margin-left: 4px;
5257
+ &:not(:last-child) {
5258
+ margin-right: 20px;
5224
5259
  }
5225
- }
5226
-
5227
- .E_l1mumj7o {
5228
- display: flex;
5229
- justify-content: flex-start;
5230
- align-items: center;
5231
- font-size: 12px;
5232
- cursor: pointer;
5233
-
5234
- &.deselected,
5235
- &.hovering {
5236
- opacity: 0.3;
5260
+ &.deselected {
5261
+ opacity: 0.4;
5237
5262
 
5238
- &:not(.hoverering-self) .color-block {
5263
+ .color-block {
5239
5264
  background: #b4beca !important;
5240
- border-radius: 2px;
5241
5265
  }
5242
5266
  }
5243
- .legend-name {
5244
- color: $text-light-primary;
5245
- }
5246
- &.hoverering-self {
5247
- opacity: 1;
5248
- }
5249
- .icon-suffix-wrapper {
5250
- margin-left: 4px;
5251
- display: flex;
5252
- align-items: center;
5253
- }
5254
5267
  }
5255
5268
 
5256
- .E_c14rn6j5 {
5269
+ .E_cz19rz6 {
5257
5270
  display: inline-block;
5258
5271
  height: 8px;
5259
5272
  width: 8px;
5260
- margin-right: 6px;
5261
- border-radius: 2px;
5273
+ margin-right: 8px;
5262
5274
  }
5263
5275
 
5264
- .E_e45tc5l {
5276
+ .E_e17r5r9c {
5265
5277
  .ant-dropdown-menu-item {
5266
5278
  display: flex;
5267
5279
  align-items: center;
@@ -5270,7 +5282,7 @@
5270
5282
  }
5271
5283
  }
5272
5284
 
5273
- .E_lqeaosa {
5285
+ .E_m1y1hhnr {
5274
5286
  position: relative;
5275
5287
 
5276
5288
  &.hidden-xaxis .pointer-wrapper {
@@ -5281,9 +5293,10 @@
5281
5293
  display: flex;
5282
5294
  justify-content: space-between;
5283
5295
  line-height: 30px;
5296
+ margin: 0 16px;
5297
+
5284
5298
  .metric-extra {
5285
5299
  display: flex;
5286
- flex-shrink: 0;
5287
5300
  font-size: 12px;
5288
5301
  align-items: center;
5289
5302
 
@@ -5309,28 +5322,26 @@
5309
5322
  position: absolute;
5310
5323
  bottom: 10px;
5311
5324
  padding: 0 8px;
5325
+ border-radius: 4px;
5312
5326
  font-size: 12px;
5313
5327
  color: $white;
5328
+ background: rgba(0, 0, 0, 0.75);
5314
5329
  transform: translateX(-50%);
5315
5330
  }
5316
5331
  }
5317
5332
 
5318
- .E_t2pr38p {
5333
+ .E_tnvijvs {
5319
5334
  min-width: 200px;
5320
- background-color: $fill-neutral-trans-8;
5321
- border-radius: 4px;
5322
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5323
- padding: 8px;
5324
5335
  }
5325
5336
 
5326
- .E_tecdsj7 {
5337
+ .E_t1ub2aex {
5327
5338
  display: flex;
5328
5339
  align-items: center;
5329
- background-color: unset;
5330
- color: $text-neutral-ontint;
5331
5340
  justify-content: space-between;
5341
+ background-color: rgba(0, 0, 0, 0.75);
5342
+ color: #b4beca;
5332
5343
  font-size: 12px;
5333
- padding-top: 6px;
5344
+ padding: 3px 6px;
5334
5345
 
5335
5346
  &:first-child {
5336
5347
  padding-top: 3px;
@@ -5339,28 +5350,11 @@
5339
5350
  padding-bottom: 3px;
5340
5351
  }
5341
5352
  .column-value {
5342
- color: $text-neutral-ontint;
5353
+ color: $white;
5343
5354
  margin-left: 8px;
5344
5355
  }
5345
5356
  }
5346
5357
 
5347
- .E_ljhvvia {
5348
- display: inline-block;
5349
- height: 8px;
5350
- width: 8px;
5351
- margin-right: 8px;
5352
- border-radius: 2px;
5353
- &.borderd {
5354
- border: 1px solid $stroke-neutral-white;
5355
- }
5356
- }
5357
-
5358
-
5359
- .E_i1g85yz3 {
5360
- margin-right: 4px;
5361
- height: 16px;
5362
- }
5363
-
5364
5358
 
5365
5359
  .E_sjob3jg {
5366
5360
  $item: ant-steps-item;
@@ -5863,6 +5857,12 @@
5863
5857
  }
5864
5858
 
5865
5859
 
5860
+ .E_i1g85yz3 {
5861
+ margin-right: 4px;
5862
+ height: 16px;
5863
+ }
5864
+
5865
+
5866
5866
  .E_bpgac8u {
5867
5867
  color: #FFFFFF;
5868
5868
  display: flex;
@@ -6145,13 +6145,46 @@
6145
6145
  flex-shrink: 0;
6146
6146
  }
6147
6147
 
6148
- .E_eb58k2y {
6149
- align-self: flex-start;
6150
- margin-top: 5px;
6151
- }
6148
+ .E_eb58k2y {
6149
+ align-self: flex-start;
6150
+ margin-top: 5px;
6151
+ }
6152
+
6153
+ .E_c1bad0d {
6154
+ font-weight: bold;
6155
+ }
6156
+
6157
+
6158
+ .E_s20iney {
6159
+ &.skeleton-box {
6160
+ display: flex;
6161
+ align-items: center;
6162
+ justify-content: center;
6163
+ position: relative;
6164
+ border-radius: 2px;
6165
+ background: #E1E6F199;
6166
+ overflow: hidden;
6167
+
6168
+ & > .skeleton-shimmer {
6169
+ width: 200%;
6170
+ height: 200%;
6171
+ transform: rotate(15deg);
6172
+ position: absolute;
6173
+ top: -50%;
6174
+ flex-shrink: 0;
6175
+ opacity: 0.8;
6176
+ background: linear-gradient(
6177
+ 90deg,
6178
+ rgba(255, 255, 255, 0) 15%,
6179
+ #FFFFFF99 50%,
6180
+ rgba(255, 255, 255, 0) 85%
6181
+ );
6182
+
6183
+ animation: shimmer 1100ms infinite;
6184
+ }
6152
6185
 
6153
- .E_c1bad0d {
6154
- font-weight: bold;
6186
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6187
+ }
6155
6188
  }
6156
6189
 
6157
6190
 
@@ -6210,47 +6243,6 @@
6210
6243
  }
6211
6244
 
6212
6245
 
6213
- .E_sqv6dmy {
6214
- display: flex;
6215
- justify-content: flex-end;
6216
- }
6217
-
6218
- .E_p1rm8wzb {
6219
- margin-right: 8px;
6220
- }
6221
-
6222
- .E_sd7qcf4 {
6223
- height: 100%;
6224
- width: 100%;
6225
- overflow: auto;
6226
- }
6227
-
6228
- .E_r1fxc9gq {
6229
- &.right {
6230
- overflow: auto;
6231
- padding-right: 2px;
6232
- width: calc(192px + 6px + 2px);
6233
- height: fit-content;
6234
- max-height: calc(
6235
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6236
- --modal-body-padding-bottom
6237
- ) - var(--modal-footer-height)
6238
- );
6239
- scrollbar-gutter: stable;
6240
- &::-webkit-scrollbar {
6241
- width: 6px;
6242
- }
6243
- &::-webkit-scrollbar-track {
6244
- background: #E1E6F199;
6245
- }
6246
- &::-webkit-scrollbar-thumb {
6247
- background: #ACBAD399;
6248
- border-radius: 8px;
6249
- }
6250
- }
6251
- }
6252
-
6253
-
6254
6246
  .E_dxyv8bv {
6255
6247
  --footer-height: 80px;
6256
6248
  --modal-content-width: 492px;
@@ -6407,35 +6399,43 @@
6407
6399
  }
6408
6400
 
6409
6401
 
6410
- .E_s20iney {
6411
- &.skeleton-box {
6412
- display: flex;
6413
- align-items: center;
6414
- justify-content: center;
6415
- position: relative;
6416
- border-radius: 2px;
6417
- background: #E1E6F199;
6418
- overflow: hidden;
6402
+ .E_sqv6dmy {
6403
+ display: flex;
6404
+ justify-content: flex-end;
6405
+ }
6419
6406
 
6420
- & > .skeleton-shimmer {
6421
- width: 200%;
6422
- height: 200%;
6423
- transform: rotate(15deg);
6424
- position: absolute;
6425
- top: -50%;
6426
- flex-shrink: 0;
6427
- opacity: 0.8;
6428
- background: linear-gradient(
6429
- 90deg,
6430
- rgba(255, 255, 255, 0) 15%,
6431
- #FFFFFF99 50%,
6432
- rgba(255, 255, 255, 0) 85%
6433
- );
6407
+ .E_p1rm8wzb {
6408
+ margin-right: 8px;
6409
+ }
6434
6410
 
6435
- animation: shimmer 1100ms infinite;
6436
- }
6411
+ .E_sd7qcf4 {
6412
+ height: 100%;
6413
+ width: 100%;
6414
+ overflow: auto;
6415
+ }
6437
6416
 
6438
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6417
+ .E_r1fxc9gq {
6418
+ &.right {
6419
+ overflow: auto;
6420
+ padding-right: 2px;
6421
+ width: calc(192px + 6px + 2px);
6422
+ height: fit-content;
6423
+ max-height: calc(
6424
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6425
+ --modal-body-padding-bottom
6426
+ ) - var(--modal-footer-height)
6427
+ );
6428
+ scrollbar-gutter: stable;
6429
+ &::-webkit-scrollbar {
6430
+ width: 6px;
6431
+ }
6432
+ &::-webkit-scrollbar-track {
6433
+ background: #E1E6F199;
6434
+ }
6435
+ &::-webkit-scrollbar-thumb {
6436
+ background: #ACBAD399;
6437
+ border-radius: 8px;
6438
+ }
6439
6439
  }
6440
6440
  }
6441
6441
 
@@ -6689,149 +6689,33 @@
6689
6689
  color: #cccccc;
6690
6690
  white-space: nowrap;
6691
6691
 
6692
- label {
6693
- margin-right: 32px;
6694
- }
6695
- }
6696
-
6697
- .E_coy29mj.E_c14wcxf0 {
6698
- font-weight: bold;
6699
- color: white;
6700
- }
6701
-
6702
- .E_s11212zy {
6703
- width: 8px;
6704
- height: 8px;
6705
- border-radius: 2px;
6706
- display: inline-block;
6707
- background: var(--s11212zy-0);
6708
- border: 1px solid $fills-light-white;
6709
- box-sizing: content-box;
6710
- margin-right: 6px;
6711
- }
6712
-
6713
- .E_p1lyky6c {
6714
- & > :first-child {
6715
- font-weight: bold;
6716
- color: white;
6717
- margin-right: 4px;
6718
- }
6719
- }
6720
-
6721
-
6722
- .E_gmyahx3 {
6723
- cursor: pointer;
6724
-
6725
- .link-text {
6726
- color: $text-light-tertiary;
6727
- }
6728
-
6729
- &:hover .link-text {
6730
- color: $text-light-general;
6731
- }
6732
- }
6733
-
6734
-
6735
- .E_tqjc4ui {
6736
- @at-root {
6737
- span#{&} {
6738
- margin: 0 2px;
6739
- }
6740
- }
6741
- }
6742
-
6743
-
6744
- .E_n12mqh7z {
6745
- display: flex;
6746
- align-items: center;
6747
- font-size: 12px;
6748
- line-height: 18px;
6749
-
6750
- &:not(:last-child) {
6751
- margin-bottom: 4px;
6752
- }
6753
- }
6754
-
6755
- .E_tf5bynu {
6756
- margin: 0 3px;
6757
- }
6758
-
6759
- .E_tcckoz1 {
6760
- max-height: 400px;
6761
- overflow: auto;
6762
- }
6763
-
6764
-
6765
- .E_s1ebs0ra {
6766
- display: flex;
6767
- align-items: center;
6768
- justify-content: space-between;
6769
- background: $backgrounds-light-grouped;
6770
- padding: 8px 12px;
6771
- position: sticky;
6772
- top: 0;
6773
- z-index: 1;
6774
- margin-bottom: -52px;
6775
-
6776
- .select-total {
6777
- display: flex;
6778
- align-items: center;
6779
- font-weight: 700;
6780
- flex-shrink: 0;
6781
-
6782
- .icon-wrapper {
6783
- cursor: pointer;
6784
- margin-left: 8px;
6785
- width: 32px;
6786
- height: 32px;
6787
- border-radius: 50%;
6788
- justify-content: center;
6789
-
6790
- &:hover {
6791
- background: $fills-light-trans-2;
6792
- }
6793
- }
6794
- }
6795
- .action-group {
6796
- flex: 1;
6797
- margin-left: 88px;
6798
- white-space: nowrap;
6799
- text-align: right;
6800
- position: relative;
6801
- padding: 4px 0;
6802
- margin-top: -4px;
6803
- overflow: hidden;
6804
- .sub-menu-delete {
6805
- transform: translateY(-4px);
6806
- }
6807
- button {
6808
- border: none;
6809
- }
6810
- > *:not(:last-child) {
6811
- margin-right: 8px;
6812
- }
6813
-
6814
- > button:last-child {
6815
- margin-right: 4px;
6816
- }
6817
- .more-btn {
6818
- cursor: pointer;
6819
- width: 32px;
6820
- height: 32px;
6821
- justify-content: center;
6822
- border-radius: 50%;
6823
-
6824
- &:hover {
6825
- background: $white;
6826
- }
6827
- }
6692
+ label {
6693
+ margin-right: 32px;
6828
6694
  }
6829
6695
  }
6830
6696
 
6831
- .E_mzzncgx {
6832
- display: inline-flex;
6833
- align-items: center;
6834
- gap: 4px;
6697
+ .E_coy29mj.E_c14wcxf0 {
6698
+ font-weight: bold;
6699
+ color: white;
6700
+ }
6701
+
6702
+ .E_s11212zy {
6703
+ width: 8px;
6704
+ height: 8px;
6705
+ border-radius: 2px;
6706
+ display: inline-block;
6707
+ background: var(--s11212zy-0);
6708
+ border: 1px solid $fills-light-white;
6709
+ box-sizing: content-box;
6710
+ margin-right: 6px;
6711
+ }
6712
+
6713
+ .E_p1lyky6c {
6714
+ & > :first-child {
6715
+ font-weight: bold;
6716
+ color: white;
6717
+ margin-right: 4px;
6718
+ }
6835
6719
  }
6836
6720
 
6837
6721
 
@@ -6933,36 +6817,6 @@
6933
6817
  }
6934
6818
 
6935
6819
 
6936
- .E_ou7iq30 {
6937
- overflow: hidden;
6938
- text-overflow: ellipsis;
6939
- }
6940
-
6941
- .E_s1tui002 {
6942
- white-space: nowrap;
6943
- }
6944
-
6945
- .E_mxrc2zg {
6946
- display: -webkit-box;
6947
- -webkit-line-clamp: var(--mxrc2zg-0);
6948
- -webkit-box-orient: vertical;
6949
- word-break: break-all;
6950
- }
6951
-
6952
- .E_t1vv6d68 {
6953
- .ant-tooltip-arrow {
6954
- display: none;
6955
- }
6956
- .ant-tooltip-inner {
6957
- background: $gray-a80-9;
6958
- border-radius: 4px;
6959
- &:has(.eagle-ellipsis-content) {
6960
- visibility: hidden;
6961
- }
6962
- }
6963
- }
6964
-
6965
-
6966
6820
  .E_c1up1pdz {
6967
6821
  width: 648px;
6968
6822
 
@@ -7127,24 +6981,215 @@
7127
6981
  }
7128
6982
 
7129
6983
 
7130
- .E_u15heuvq {
7131
- &.content {
7132
- cursor: default !important;
7133
- &.link {
7134
- cursor: pointer !important;
6984
+ .E_s1ebs0ra {
6985
+ display: flex;
6986
+ align-items: center;
6987
+ justify-content: space-between;
6988
+ background: $backgrounds-light-grouped;
6989
+ padding: 8px 12px;
6990
+ position: sticky;
6991
+ top: 0;
6992
+ z-index: 1;
6993
+ margin-bottom: -52px;
6994
+
6995
+ .select-total {
6996
+ display: flex;
6997
+ align-items: center;
6998
+ font-weight: 700;
6999
+ flex-shrink: 0;
7000
+
7001
+ .icon-wrapper {
7002
+ cursor: pointer;
7003
+ margin-left: 8px;
7004
+ width: 32px;
7005
+ height: 32px;
7006
+ border-radius: 50%;
7007
+ justify-content: center;
7008
+
7135
7009
  &:hover {
7136
- color: $text-colorful-outstanding;
7010
+ background: $fills-light-trans-2;
7137
7011
  }
7138
7012
  }
7139
- &.black {
7140
- color: $text-neutral-primary;
7013
+ }
7014
+ .action-group {
7015
+ flex: 1;
7016
+ margin-left: 88px;
7017
+ white-space: nowrap;
7018
+ text-align: right;
7019
+ position: relative;
7020
+ padding: 4px 0;
7021
+ margin-top: -4px;
7022
+ overflow: hidden;
7023
+ .sub-menu-delete {
7024
+ transform: translateY(-4px);
7141
7025
  }
7142
- &.gray {
7143
- color: $text-neutral-secondary;
7026
+ button {
7027
+ border: none;
7028
+ }
7029
+ > *:not(:last-child) {
7030
+ margin-right: 8px;
7031
+ }
7032
+
7033
+ > button:last-child {
7034
+ margin-right: 4px;
7035
+ }
7036
+ .more-btn {
7037
+ cursor: pointer;
7038
+ width: 32px;
7039
+ height: 32px;
7040
+ justify-content: center;
7041
+ border-radius: 50%;
7042
+
7043
+ &:hover {
7044
+ background: $white;
7045
+ }
7046
+ }
7047
+ }
7048
+ }
7049
+
7050
+ .E_mzzncgx {
7051
+ display: inline-flex;
7052
+ align-items: center;
7053
+ gap: 4px;
7054
+ }
7055
+
7056
+
7057
+ .E_gmyahx3 {
7058
+ cursor: pointer;
7059
+
7060
+ .link-text {
7061
+ color: $text-light-tertiary;
7062
+ }
7063
+
7064
+ &:hover .link-text {
7065
+ color: $text-light-general;
7066
+ }
7067
+ }
7068
+
7069
+
7070
+ .E_t1sqg15u {
7071
+ background: white;
7072
+
7073
+ &.inline {
7074
+ .table-row {
7075
+ flex-direction: column;
7076
+
7077
+ > label {
7078
+ padding: 0 16px 7px 0;
7079
+ }
7080
+ }
7081
+ }
7082
+
7083
+ &.has-border {
7084
+ .table-header {
7085
+ border-bottom: 1px solid $strokes-light-trans-1;
7086
+ }
7087
+
7088
+ .hiddenBorder {
7089
+ border-top: none !important;
7090
+ }
7091
+
7092
+ .table-row + .table-row {
7093
+ border-top: 1px solid $strokes-light-trans-1;
7094
+ }
7095
+
7096
+ .table-row:last-of-type {
7097
+ padding-bottom: 0;
7098
+ }
7099
+ }
7100
+
7101
+ &.align-right {
7102
+ .content {
7103
+ text-align: right;
7104
+ }
7105
+ }
7106
+ .uuid-row {
7107
+ display: flex;
7108
+ justify-content: space-between;
7109
+
7110
+ .id-text {
7111
+ white-space: nowrap;
7112
+ overflow: hidden;
7113
+ text-overflow: ellipsis;
7114
+ }
7115
+ }
7116
+ }
7117
+
7118
+ .E_t4zczcp {
7119
+ display: flex;
7120
+ justify-content: space-between;
7121
+ align-items: center;
7122
+ padding: 8px;
7123
+ min-height: 32px;
7124
+
7125
+ .table-title {
7126
+ color: $text-secondary-light;
7127
+ font-weight: 600;
7128
+ font-size: 12px;
7129
+ line-height: 8px;
7130
+ }
7131
+
7132
+ .edit-icon {
7133
+ font-size: 16px;
7134
+ color: $strokes-translucent-2-light;
7135
+ cursor: pointer;
7136
+ }
7137
+ }
7138
+
7139
+ .E_t1s7goww {
7140
+ font-size: 12px;
7141
+ line-height: 18px;
7142
+ }
7143
+
7144
+ .E_t93e4cf {
7145
+ display: flex;
7146
+ padding: 8px 0;
7147
+ color: $text-primary-light;
7148
+
7149
+ .hidden {
7150
+ display: none;
7151
+ }
7152
+
7153
+ .ant-btn.ant-btn-link {
7154
+ height: auto;
7155
+ }
7156
+
7157
+ .content {
7158
+ overflow: hidden;
7159
+ overflow-x: auto;
7160
+ width: 100%;
7161
+ white-space: pre-wrap;
7162
+
7163
+ .ant-btn {
7164
+ white-space: pre-wrap;
7165
+ text-align: left;
7166
+ }
7167
+
7168
+ .unit-chart {
7169
+ justify-content: flex-start;
7144
7170
  }
7145
7171
  }
7146
7172
  }
7147
7173
 
7174
+ .E_rhz2uv5 {
7175
+ width: var(--rhz2uv5-0);
7176
+ flex-shrink: 0;
7177
+ color: $text-secondary-light;
7178
+ padding-right: 12px;
7179
+ }
7180
+
7181
+
7182
+ .E_s1iv0tp1 {
7183
+ .enabled-switch {
7184
+ display: flex;
7185
+ align-items: center;
7186
+ }
7187
+
7188
+ .enabled-text {
7189
+ margin-right: 8px;
7190
+ }
7191
+ }
7192
+
7148
7193
 
7149
7194
  .E_t160l1cm {
7150
7195
  display: flex;
@@ -7414,129 +7459,84 @@
7414
7459
  }
7415
7460
 
7416
7461
 
7417
- .E_s1iv0tp1 {
7418
- .enabled-switch {
7419
- display: flex;
7420
- align-items: center;
7421
- }
7422
-
7423
- .enabled-text {
7424
- margin-right: 8px;
7462
+ .E_tqjc4ui {
7463
+ @at-root {
7464
+ span#{&} {
7465
+ margin: 0 2px;
7466
+ }
7425
7467
  }
7426
7468
  }
7427
7469
 
7428
7470
 
7429
- .E_t1sqg15u {
7430
- background: white;
7431
-
7432
- &.inline {
7433
- .table-row {
7434
- flex-direction: column;
7435
-
7436
- > label {
7437
- padding: 0 16px 7px 0;
7471
+ .E_u15heuvq {
7472
+ &.content {
7473
+ cursor: default !important;
7474
+ &.link {
7475
+ cursor: pointer !important;
7476
+ &:hover {
7477
+ color: $text-colorful-outstanding;
7438
7478
  }
7439
7479
  }
7440
- }
7441
-
7442
- &.has-border {
7443
- .table-header {
7444
- border-bottom: 1px solid $strokes-light-trans-1;
7445
- }
7446
-
7447
- .hiddenBorder {
7448
- border-top: none !important;
7449
- }
7450
-
7451
- .table-row + .table-row {
7452
- border-top: 1px solid $strokes-light-trans-1;
7453
- }
7454
-
7455
- .table-row:last-of-type {
7456
- padding-bottom: 0;
7457
- }
7458
- }
7459
-
7460
- &.align-right {
7461
- .content {
7462
- text-align: right;
7480
+ &.black {
7481
+ color: $text-neutral-primary;
7463
7482
  }
7464
- }
7465
- .uuid-row {
7466
- display: flex;
7467
- justify-content: space-between;
7468
-
7469
- .id-text {
7470
- white-space: nowrap;
7471
- overflow: hidden;
7472
- text-overflow: ellipsis;
7483
+ &.gray {
7484
+ color: $text-neutral-secondary;
7473
7485
  }
7474
7486
  }
7475
7487
  }
7476
7488
 
7477
- .E_t4zczcp {
7489
+
7490
+ .E_n12mqh7z {
7478
7491
  display: flex;
7479
- justify-content: space-between;
7480
7492
  align-items: center;
7481
- padding: 8px;
7482
- min-height: 32px;
7483
-
7484
- .table-title {
7485
- color: $text-secondary-light;
7486
- font-weight: 600;
7487
- font-size: 12px;
7488
- line-height: 8px;
7489
- }
7493
+ font-size: 12px;
7494
+ line-height: 18px;
7490
7495
 
7491
- .edit-icon {
7492
- font-size: 16px;
7493
- color: $strokes-translucent-2-light;
7494
- cursor: pointer;
7496
+ &:not(:last-child) {
7497
+ margin-bottom: 4px;
7495
7498
  }
7496
7499
  }
7497
7500
 
7498
- .E_t1s7goww {
7499
- font-size: 12px;
7500
- line-height: 18px;
7501
+ .E_tf5bynu {
7502
+ margin: 0 3px;
7501
7503
  }
7502
7504
 
7503
- .E_t93e4cf {
7504
- display: flex;
7505
- padding: 8px 0;
7506
- color: $text-primary-light;
7505
+ .E_tcckoz1 {
7506
+ max-height: 400px;
7507
+ overflow: auto;
7508
+ }
7507
7509
 
7508
- .hidden {
7509
- display: none;
7510
- }
7511
7510
 
7512
- .ant-btn.ant-btn-link {
7513
- height: auto;
7514
- }
7511
+ .E_ou7iq30 {
7512
+ overflow: hidden;
7513
+ text-overflow: ellipsis;
7514
+ }
7515
7515
 
7516
- .content {
7517
- overflow: hidden;
7518
- overflow-x: auto;
7519
- width: 100%;
7520
- white-space: pre-wrap;
7516
+ .E_s1tui002 {
7517
+ white-space: nowrap;
7518
+ }
7521
7519
 
7522
- .ant-btn {
7523
- white-space: pre-wrap;
7524
- text-align: left;
7525
- }
7520
+ .E_mxrc2zg {
7521
+ display: -webkit-box;
7522
+ -webkit-line-clamp: var(--mxrc2zg-0);
7523
+ -webkit-box-orient: vertical;
7524
+ word-break: break-all;
7525
+ }
7526
7526
 
7527
- .unit-chart {
7528
- justify-content: flex-start;
7527
+ .E_t1vv6d68 {
7528
+ .ant-tooltip-arrow {
7529
+ display: none;
7530
+ }
7531
+ .ant-tooltip-inner {
7532
+ background: $gray-a80-9;
7533
+ border-radius: 4px;
7534
+ &:has(.eagle-ellipsis-content) {
7535
+ visibility: hidden;
7529
7536
  }
7530
7537
  }
7531
7538
  }
7532
7539
 
7533
- .E_rhz2uv5 {
7534
- width: var(--rhz2uv5-0);
7535
- flex-shrink: 0;
7536
- color: $text-secondary-light;
7537
- padding-right: 12px;
7538
- }
7539
-
7540
7540
 
7541
7541
  .E_wg1tsps {
7542
7542
  display: flex;
@@ -7647,132 +7647,58 @@
7647
7647
  background: $background-onhover;
7648
7648
  box-shadow: $box-shadow-light-onhover;
7649
7649
  border-radius: 6px;
7650
- }
7651
- }
7652
- }
7653
- }
7654
- }
7655
-
7656
- .E_s1wu0lms {
7657
- .ant-menu-item-group-title {
7658
- white-space: nowrap;
7659
- transition: all 0s;
7660
- }
7661
-
7662
- &.shrink {
7663
- transition: all 0s;
7664
- overflow: hidden;
7665
-
7666
- .ant-menu-item-group-title {
7667
- visibility: hidden;
7668
- }
7669
-
7670
- .ant-menu-item {
7671
- width: 36px;
7672
- padding: 0 6px;
7673
- }
7674
- }
7675
- }
7676
-
7677
- .E_n1ugzfva {
7678
- display: flex;
7679
- place-items: center;
7680
- width: 100% !important;
7681
-
7682
- &[disabled] {
7683
- color: rgba(0, 0, 0, 0.25) !important;
7684
- opacity: 1 !important;
7685
- }
7686
-
7687
- &.ant-btn {
7688
- width: 100%;
7689
- color: $text-light-primary;
7690
- }
7691
-
7692
- .icon-wrapper {
7693
- margin-right: 12px;
7694
- }
7695
-
7696
- .link-title {
7697
- flex: 1;
7698
- overflow: hidden;
7699
- white-space: nowrap;
7700
- text-overflow: ellipsis;
7701
- text-align: left;
7702
- }
7703
- }
7704
-
7705
-
7706
- .E_kr6am0s {
7707
- .ant-modal-body {
7708
- padding: 60px 128px;
7709
- }
7710
- }
7711
-
7712
- .E_k1h3cl5q {
7713
- display: flex;
7714
- flex-direction: column;
7715
- height: 100%;
7716
- }
7717
-
7718
- .E_k1a6j97w {
7719
- color: $gray-120;
7720
- font-size: 32px !important;
7721
- margin-bottom: 16px;
7722
- }
7723
-
7724
- .E_k1uim1fg {
7725
- margin-bottom: 32px;
7726
- color: $gray-120;
7727
- }
7728
-
7729
- .E_kobelzt {
7730
- font-family:
7731
- Roboto Mono,
7732
- SFMono-Regular,
7733
- SF Mono,
7734
- Menlo,
7735
- Consolas,
7736
- Liberation Mono,
7737
- monospace;
7738
- min-height: 0;
7739
- flex: 1;
7740
- padding: 16px;
7741
- background-color: $gray-80;
7742
- color: $white;
7743
- overflow: auto;
7744
- max-width: 100%;
7745
- min-height: 0;
7746
- border-radius: 8px;
7747
- white-space: pre-wrap;
7650
+ }
7651
+ }
7652
+ }
7653
+ }
7748
7654
  }
7749
7655
 
7750
- .E_kxzv3id {
7751
- width: 100%;
7752
- display: flex;
7753
- justify-content: space-between;
7754
- padding: 0 128px;
7755
- }
7656
+ .E_s1wu0lms {
7657
+ .ant-menu-item-group-title {
7658
+ white-space: nowrap;
7659
+ transition: all 0s;
7660
+ }
7756
7661
 
7757
- .E_eld9lt {
7758
- display: flex;
7759
- flex-direction: column;
7760
- justify-content: center;
7761
- align-items: center;
7762
- height: 100%;
7662
+ &.shrink {
7663
+ transition: all 0s;
7664
+ overflow: hidden;
7665
+
7666
+ .ant-menu-item-group-title {
7667
+ visibility: hidden;
7668
+ }
7669
+
7670
+ .ant-menu-item {
7671
+ width: 36px;
7672
+ padding: 0 6px;
7673
+ }
7674
+ }
7763
7675
  }
7764
7676
 
7765
- .E_e1505fqc {
7677
+ .E_n1ugzfva {
7766
7678
  display: flex;
7767
- flex-direction: column;
7768
- align-items: center;
7679
+ place-items: center;
7680
+ width: 100% !important;
7769
7681
 
7770
- .title {
7771
- margin-bottom: 8px;
7772
- background-clip: text;
7773
- -webkit-background-clip: text;
7774
- -webkit-text-fill-color: transparent;
7775
- background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7682
+ &[disabled] {
7683
+ color: rgba(0, 0, 0, 0.25) !important;
7684
+ opacity: 1 !important;
7685
+ }
7686
+
7687
+ &.ant-btn {
7688
+ width: 100%;
7689
+ color: $text-light-primary;
7690
+ }
7691
+
7692
+ .icon-wrapper {
7693
+ margin-right: 12px;
7694
+ }
7695
+
7696
+ .link-title {
7697
+ flex: 1;
7698
+ overflow: hidden;
7699
+ white-space: nowrap;
7700
+ text-overflow: ellipsis;
7701
+ text-align: left;
7776
7702
  }
7777
7703
  }
7778
7704
 
@@ -7855,6 +7781,13 @@
7855
7781
  }
7856
7782
 
7857
7783
 
7784
+ .E_h1ol2wl7 {
7785
+ font-weight: bold;
7786
+ background-color: unset;
7787
+ padding: unset;
7788
+ }
7789
+
7790
+
7858
7791
  .E_i5w779o {
7859
7792
  padding: 8px 0;
7860
7793
 
@@ -7899,60 +7832,76 @@
7899
7832
  }
7900
7833
 
7901
7834
 
7902
- .E_h1ol2wl7 {
7903
- font-weight: bold;
7904
- background-color: unset;
7905
- padding: unset;
7835
+ .E_kr6am0s {
7836
+ .ant-modal-body {
7837
+ padding: 60px 128px;
7838
+ }
7906
7839
  }
7907
7840
 
7908
-
7909
- .E_c14ouk5o {
7910
- width: 100%;
7911
- height: 100%;
7841
+ .E_k1h3cl5q {
7912
7842
  display: flex;
7913
- font-size: 12px;
7914
- line-height: 18px;
7915
- padding: 8px 0;
7916
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7843
+ flex-direction: column;
7844
+ height: 100%;
7845
+ }
7917
7846
 
7918
- &:last-of-type {
7919
- box-shadow: none;
7920
- padding-bottom: 0;
7921
- }
7922
- &.collapsed {
7923
- flex-direction: column;
7847
+ .E_k1a6j97w {
7848
+ color: $gray-120;
7849
+ font-size: 32px !important;
7850
+ margin-bottom: 16px;
7851
+ }
7924
7852
 
7925
- .collapsed-content {
7926
- display: flex;
7853
+ .E_k1uim1fg {
7854
+ margin-bottom: 32px;
7855
+ color: $gray-120;
7856
+ }
7927
7857
 
7928
- > span {
7929
- flex: 1;
7930
- display: flex;
7931
- justify-content: space-between;
7932
- .ant-btn {
7933
- height: auto;
7934
- }
7935
- }
7936
- }
7937
- .extra-content {
7938
- margin-left: 162px;
7939
- }
7940
- }
7858
+ .E_kobelzt {
7859
+ font-family:
7860
+ Roboto Mono,
7861
+ SFMono-Regular,
7862
+ SF Mono,
7863
+ Menlo,
7864
+ Consolas,
7865
+ Liberation Mono,
7866
+ monospace;
7867
+ min-height: 0;
7868
+ flex: 1;
7869
+ padding: 16px;
7870
+ background-color: $gray-80;
7871
+ color: $white;
7872
+ overflow: auto;
7873
+ max-width: 100%;
7874
+ min-height: 0;
7875
+ border-radius: 8px;
7876
+ white-space: pre-wrap;
7877
+ }
7941
7878
 
7942
- .col-label {
7943
- width: 216px;
7944
- color: $text-secondary-light;
7945
- margin-right: 12px;
7946
- flex-shrink: 0;
7947
- }
7879
+ .E_kxzv3id {
7880
+ width: 100%;
7881
+ display: flex;
7882
+ justify-content: space-between;
7883
+ padding: 0 128px;
7884
+ }
7948
7885
 
7949
- .col-content {
7950
- color: $text-primary-light;
7886
+ .E_eld9lt {
7887
+ display: flex;
7888
+ flex-direction: column;
7889
+ justify-content: center;
7890
+ align-items: center;
7891
+ height: 100%;
7892
+ }
7951
7893
 
7952
- /* make btn link in info row have the same height as normal text */
7953
- .ant-btn.ant-btn-link {
7954
- height: auto;
7955
- }
7894
+ .E_e1505fqc {
7895
+ display: flex;
7896
+ flex-direction: column;
7897
+ align-items: center;
7898
+
7899
+ .title {
7900
+ margin-bottom: 8px;
7901
+ background-clip: text;
7902
+ -webkit-background-clip: text;
7903
+ -webkit-text-fill-color: transparent;
7904
+ background-image: linear-gradient(211.41deg, #929dad 0%, #d3dbe3 100%);
7956
7905
  }
7957
7906
  }
7958
7907
 
@@ -8024,6 +7973,24 @@
8024
7973
  }
8025
7974
 
8026
7975
 
7976
+ .E_l12xdkhl {
7977
+ width: 64px;
7978
+ height: 64px;
7979
+ max-width: 64px;
7980
+ max-height: 64px;
7981
+ overflow: hidden;
7982
+ display: flex;
7983
+ align-items: center;
7984
+ justify-content: center;
7985
+ position: relative;
7986
+ opacity: 0.6;
7987
+ .icon-wrapper {
7988
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7989
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7990
+ }
7991
+ }
7992
+
7993
+
8027
7994
  .E_c1kchka8 {
8028
7995
  height: 100%;
8029
7996
  width: 100%;
@@ -8623,20 +8590,53 @@
8623
8590
  }
8624
8591
 
8625
8592
 
8626
- .E_l12xdkhl {
8627
- width: 64px;
8628
- height: 64px;
8629
- max-width: 64px;
8630
- max-height: 64px;
8631
- overflow: hidden;
8593
+ .E_c14ouk5o {
8594
+ width: 100%;
8595
+ height: 100%;
8632
8596
  display: flex;
8633
- align-items: center;
8634
- justify-content: center;
8635
- position: relative;
8636
- opacity: 0.6;
8637
- .icon-wrapper {
8638
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8639
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8597
+ font-size: 12px;
8598
+ line-height: 18px;
8599
+ padding: 8px 0;
8600
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8601
+
8602
+ &:last-of-type {
8603
+ box-shadow: none;
8604
+ padding-bottom: 0;
8605
+ }
8606
+ &.collapsed {
8607
+ flex-direction: column;
8608
+
8609
+ .collapsed-content {
8610
+ display: flex;
8611
+
8612
+ > span {
8613
+ flex: 1;
8614
+ display: flex;
8615
+ justify-content: space-between;
8616
+ .ant-btn {
8617
+ height: auto;
8618
+ }
8619
+ }
8620
+ }
8621
+ .extra-content {
8622
+ margin-left: 162px;
8623
+ }
8624
+ }
8625
+
8626
+ .col-label {
8627
+ width: 216px;
8628
+ color: $text-secondary-light;
8629
+ margin-right: 12px;
8630
+ flex-shrink: 0;
8631
+ }
8632
+
8633
+ .col-content {
8634
+ color: $text-primary-light;
8635
+
8636
+ /* make btn link in info row have the same height as normal text */
8637
+ .ant-btn.ant-btn-link {
8638
+ height: auto;
8639
+ }
8640
8640
  }
8641
8641
  }
8642
8642