@cloudtower/eagle 0.33.48 → 0.33.50

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.
@@ -26,6 +26,25 @@
26
26
  }
27
27
 
28
28
 
29
+ .E_berrcjl {
30
+ color: $text-terdiary-light;
31
+ margin-bottom: 4px;
32
+
33
+ .breadcrumb-link {
34
+ color: $text-terdiary-light;
35
+ cursor: pointer;
36
+ transition: color 160ms ease;
37
+
38
+ &:hover {
39
+ color: $blue-60;
40
+ }
41
+ &:active {
42
+ color: $blue-80;
43
+ }
44
+ }
45
+ }
46
+
47
+
29
48
  .E_m74vjol {
30
49
  display: flex;
31
50
  justify-content: space-between;
@@ -450,71 +469,6 @@
450
469
  }
451
470
 
452
471
 
453
- .E_ccrbeuz {
454
- .ant-collapse-item {
455
- border: 0px;
456
- background-color: $fills-light-white;
457
-
458
- .ant-collapse-header {
459
- padding-top: 0px;
460
- padding-bottom: 0px;
461
- padding-left: 0px !important;
462
- padding-right: 24px;
463
- .ant-collapse-arrow {
464
- right: 0px;
465
- }
466
- }
467
- .ant-collapse-content {
468
- .ant-collapse-content-box {
469
- padding: 0px;
470
- }
471
- }
472
- }
473
- }
474
-
475
- .E_c1fljvag {
476
- .ant-collapse-item {
477
- .ant-collapse-header {
478
- padding-right: 0px;
479
- cursor: default;
480
- }
481
- }
482
- }
483
-
484
-
485
- .E_c1yyuluq {
486
- border-radius: 8px;
487
- .ant-card-body {
488
- padding: 20px 24px 24px 24px;
489
- }
490
- }
491
-
492
-
493
- .E_c1uzzomf {
494
- margin-bottom: 16px;
495
-
496
- .card-title {
497
- font-size: 16px;
498
- color: $text-secondary-light;
499
- font-weight: 700;
500
- line-height: 32px;
501
- }
502
- .card-body {
503
- padding: 24px;
504
- border-radius: 8px;
505
- background: $fills-light-white;
506
- }
507
-
508
- .empty {
509
- font-weight: 700;
510
- font-size: 14px;
511
- line-height: 22px;
512
- color: $text-light-tertiary;
513
- text-align: center;
514
- }
515
- }
516
-
517
-
518
472
  .E_d133fzv0 {
519
473
  .ant-dropdown-menu-item-group {
520
474
  .ant-dropdown-menu-item-group-title {
@@ -533,25 +487,6 @@
533
487
  }
534
488
 
535
489
 
536
- .E_berrcjl {
537
- color: $text-terdiary-light;
538
- margin-bottom: 4px;
539
-
540
- .breadcrumb-link {
541
- color: $text-terdiary-light;
542
- cursor: pointer;
543
- transition: color 160ms ease;
544
-
545
- &:hover {
546
- color: $blue-60;
547
- }
548
- &:active {
549
- color: $blue-80;
550
- }
551
- }
552
- }
553
-
554
-
555
490
  .E_d1bw7c5z {
556
491
  position: relative;
557
492
  max-width: 388px;
@@ -643,201 +578,129 @@
643
578
  }
644
579
 
645
580
 
646
- .E_sx1bpnu {
647
- .ant-input-sm {
648
- line-height: 18px;
649
- }
650
- }
581
+ .E_c1uzzomf {
582
+ margin-bottom: 16px;
651
583
 
584
+ .card-title {
585
+ font-size: 16px;
586
+ color: $text-secondary-light;
587
+ font-weight: 700;
588
+ line-height: 32px;
589
+ }
590
+ .card-body {
591
+ padding: 24px;
592
+ border-radius: 8px;
593
+ background: $fills-light-white;
594
+ }
652
595
 
653
- .E_ivqqkzv {
654
- height: 24px;
655
- width: 56px !important;
656
- margin-right: 4px;
596
+ .empty {
597
+ font-weight: 700;
598
+ font-size: 14px;
599
+ line-height: 22px;
600
+ color: $text-light-tertiary;
601
+ text-align: center;
602
+ }
657
603
  }
658
604
 
659
- .E_c1wk4q29 {
660
- color: $text-secondary-light;
661
- }
662
-
663
-
664
- .E_rapgekc {
665
- &.ant-radio-wrapper {
666
- display: inline-flex;
667
- align-items: baseline;
668
- white-space: pre-wrap;
669
-
670
- .ant-radio {
671
- position: relative;
672
- top: 3px;
673
-
674
- .ant-radio-inner {
675
- border-color: $strokes-light-trans-4;
676
- }
677
-
678
- &:hover .ant-radio-inner {
679
- border-color: $blue-60;
680
- }
681
-
682
- &.ant-radio-checked .ant-radio-inner {
683
- border-color: $blue-60;
684
- background: $blue-60;
685
- &::after {
686
- top: 4px;
687
- left: 4px;
688
- width: 6px;
689
- height: 6px;
690
- background: $white;
691
- }
692
- }
693
-
694
- &.ant-radio-disabled {
695
- opacity: 0.5;
696
-
697
- .ant-radio-inner {
698
- border-color: $strokes-light-trans-4;
699
- background: $fills-light-trans-3;
700
- &::after {
701
- background: $text-light-primary;
702
- }
703
- }
704
-
705
- & + span {
706
- color: $text-light-primary;
707
- opacity: 0.5;
708
-
709
- .radio-description {
710
- color: $text-light-primary;
711
- }
712
- }
713
- }
714
605
 
715
- & + span {
716
- display: inline-block;
717
- padding: 0;
718
- padding-left: 10px;
606
+ .E_ccrbeuz {
607
+ .ant-collapse-item {
608
+ border: 0px;
609
+ background-color: $fills-light-white;
719
610
 
720
- .radio-description {
721
- margin-bottom: 0;
722
- white-space: pre-wrap;
723
- color: $text-secondary-light;
724
- }
611
+ .ant-collapse-header {
612
+ padding-top: 0px;
613
+ padding-bottom: 0px;
614
+ padding-left: 0px !important;
615
+ padding-right: 24px;
616
+ .ant-collapse-arrow {
617
+ right: 0px;
725
618
  }
726
619
  }
727
- }
728
-
729
- &.ant-radio-wrapper.compact {
730
- .ant-radio + span {
731
- padding-left: 8px;
620
+ .ant-collapse-content {
621
+ .ant-collapse-content-box {
622
+ padding: 0px;
623
+ }
732
624
  }
733
625
  }
734
626
  }
735
627
 
736
- .E_rp906go {
737
- & .ant-radio-button-wrapper:first-child {
738
- border-radius: 5px 0 0 5px;
739
- }
740
- & .ant-radio-button-wrapper:last-child {
741
- border-radius: 0 5px 5px 0;
628
+ .E_c1fljvag {
629
+ .ant-collapse-item {
630
+ .ant-collapse-header {
631
+ padding-right: 0px;
632
+ cursor: default;
633
+ }
742
634
  }
743
635
  }
744
636
 
745
- .E_rcc63c8 {
746
- color: $text-light-primary;
747
- border-color: $strokes-light-opaque-3;
748
637
 
749
- &:first-child {
750
- border-color: $strokes-light-opaque-4;
638
+ .E_c1yyuluq {
639
+ border-radius: 8px;
640
+ .ant-card-body {
641
+ padding: 20px 24px 24px 24px;
751
642
  }
643
+ }
752
644
 
753
- &.ant-radio-button-wrapper {
754
- padding: 0 12px;
755
- line-height: 32px;
756
- height: 32px;
757
-
758
- > span + span {
759
- white-space: nowrap;
760
- }
761
- }
762
645
 
763
- .ant-radio-group-small &.ant-radio-button-wrapper {
764
- height: 22px;
765
- padding: 0 7px;
766
- line-height: 20px;
646
+ .E_itxley7 {
647
+ &.ant-input-group.ant-input-group-compact {
648
+ display: flex;
767
649
  }
768
650
 
769
- &.ant-radio-button-wrapper:not(:first-child)::before {
770
- background: $strokes-light-opaque-3;
771
- }
772
-
773
- &.ant-radio-button-wrapper-checked:not(:first-child)::before {
774
- background: $fills-light-general-general;
775
- }
776
-
777
- &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
778
- background: $strokes-light-opaque-3;
779
- opacity: 0.5;
780
- }
781
-
782
- &.ant-radio-button-wrapper-checked:not(
783
- [class*=" ant-radio-button-wrapper-disabled"]
784
- ).ant-radio-button-wrapper:first-child {
785
- border-right-color: $fills-light-general-general;
786
- }
787
-
788
- &.ant-radio-button-wrapper-checked:not(
789
- .ant-radio-button-wrapper-disabled
790
- ):first-child {
791
- border-color: $fills-light-general-general;
792
- }
793
-
794
- &.ant-radio-button-wrapper-checked {
795
- background: $fills-light-general-general-light;
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;
796
672
  }
797
-
798
- &.ant-radio-button-wrapper-disabled {
799
- background: $fills-light-trans-3;
800
- border-color: $strokes-light-opaque-3;
801
- opacity: 0.5;
802
- &:hover {
803
- color: $text-light-primary;
804
- border-color: $strokes-light-opaque-3;
805
- }
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;
806
697
  }
698
+ }
807
699
 
808
- &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
809
- color: $text-light-primary;
810
- border-color: $strokes-light-opaque-3;
811
- background: $fills-light-trans-5;
812
- }
813
700
 
814
- & .ant-radio-button-input {
815
- margin-right: 8px;
816
- display: inline;
817
- border: none;
818
- padding: 0;
819
- width: 36px;
820
- background: transparent;
821
- &:focus {
822
- box-shadow: none;
823
- }
824
- }
825
- & .ant-radio-button-input.ant-input-number {
826
- margin-right: 0;
827
- width: initial;
828
- box-shadow: none;
829
- }
830
- & .ant-radio-button-input .ant-input-number-handler-wrap {
831
- display: none;
832
- }
833
- & .ant-radio-button-input .ant-input-number-input-wrap {
834
- display: inline;
835
- }
836
- & .ant-radio-button-input .ant-input-number-input-wrap input {
837
- display: inline;
838
- margin-right: 8px;
839
- padding: 0;
840
- width: 36px;
701
+ .E_sx1bpnu {
702
+ .ant-input-sm {
703
+ line-height: 18px;
841
704
  }
842
705
  }
843
706
 
@@ -909,91 +772,15 @@
909
772
  }
910
773
 
911
774
 
912
- .E_i11gg7mj {
913
- .ant-input-prefix {
914
- margin-right: 8px;
915
- }
916
- .ant-input-suffix {
917
- margin-left: 8px;
918
- }
919
- }
920
-
921
- .E_cc368xp {
922
- color: $gray-120;
923
- border-right: 1px solid $gray-a60-5;
924
- margin-right: 8px;
925
- padding-right: 8px;
926
- }
927
-
928
- .E_i11o6xqj {
929
- display: flex;
930
- gap: 4px;
931
-
932
- .icon-wrapper {
933
- cursor: pointer;
934
- }
935
- }
936
-
937
- .E_d19ruhdj {
938
- &.icon-wrapper {
939
- cursor: not-allowed;
940
- }
775
+ .E_ivqqkzv {
776
+ height: 24px;
777
+ width: 56px !important;
778
+ margin-right: 4px;
941
779
  }
942
780
 
943
-
944
- .E_itxley7 {
945
- &.ant-input-group.ant-input-group-compact {
946
- display: flex;
947
- }
948
-
949
- &.ant-input-group.ant-input-group-compact > *:first-child,
950
- &.ant-input-group.ant-input-group-compact
951
- > .ant-select:first-child
952
- > .ant-select-selector,
953
- &.ant-input-group.ant-input-group-compact
954
- > .ant-calendar-picker:first-child
955
- .ant-input,
956
- &.ant-input-group.ant-input-group-compact
957
- > .ant-select-auto-complete:first-child
958
- .ant-input,
959
- &.ant-input-group.ant-input-group-compact
960
- > .ant-cascader-picker:first-child
961
- .ant-input,
962
- &.ant-input-group.ant-input-group-compact
963
- > .ant-mention-wrapper:first-child
964
- .ant-mention-editor,
965
- &.ant-input-group.ant-input-group-compact
966
- > .ant-time-picker:first-child
967
- .ant-time-picker-input {
968
- border-bottom-left-radius: 5px;
969
- border-top-left-radius: 5px;
970
- }
971
- &.ant-input-group.ant-input-group-compact > *:last-child,
972
- &.ant-input-group.ant-input-group-compact
973
- > .ant-select:last-child
974
- > .ant-select-selector,
975
- &.ant-input-group.ant-input-group-compact
976
- > .ant-calendar-picker:last-child
977
- .ant-input,
978
- &.ant-input-group.ant-input-group-compact
979
- > .ant-select-auto-complete:last-child
980
- .ant-input,
981
- &.ant-input-group.ant-input-group-compact
982
- > .ant-cascader-picker:last-child
983
- .ant-input,
984
- &.ant-input-group.ant-input-group-compact
985
- > .ant-cascader-picker-focused:last-child
986
- .ant-input,
987
- &.ant-input-group.ant-input-group-compact
988
- > .ant-mention-wrapper:last-child
989
- .ant-mention-editor,
990
- &.ant-input-group.ant-input-group-compact
991
- > .ant-time-picker:last-child
992
- .ant-time-picker-input {
993
- border-bottom-right-radius: 5px;
994
- border-top-right-radius: 5px;
995
- }
996
- }
781
+ .E_c1wk4q29 {
782
+ color: $text-secondary-light;
783
+ }
997
784
 
998
785
 
999
786
  .E_c1bus5hc {
@@ -1100,94 +887,184 @@
1100
887
  }
1101
888
 
1102
889
 
1103
- .E_iq1gosr {
1104
- display: inline-block;
1105
- }
890
+ .E_rapgekc {
891
+ &.ant-radio-wrapper {
892
+ display: inline-flex;
893
+ align-items: baseline;
894
+ white-space: pre-wrap;
1106
895
 
896
+ .ant-radio {
897
+ position: relative;
898
+ top: 3px;
1107
899
 
1108
- .E_s1sck0th {
1109
- padding: 0 8px;
1110
- border-radius: 4px;
1111
- }
900
+ .ant-radio-inner {
901
+ border-color: $strokes-light-trans-4;
902
+ }
1112
903
 
1113
- .E_m855nr1 {
1114
- padding: 2px 8px;
1115
- border-radius: 3px;
1116
- }
904
+ &:hover .ant-radio-inner {
905
+ border-color: $blue-60;
906
+ }
1117
907
 
1118
- .E_l1270xpg {
1119
- padding: 3px 8px;
1120
- border-radius: 2px;
1121
- }
908
+ &.ant-radio-checked .ant-radio-inner {
909
+ border-color: $blue-60;
910
+ background: $blue-60;
911
+ &::after {
912
+ top: 4px;
913
+ left: 4px;
914
+ width: 6px;
915
+ height: 6px;
916
+ background: $white;
917
+ }
918
+ }
1122
919
 
1123
- .E_t14rextb {
1124
- &.ant-tag:hover {
1125
- opacity: unset;
1126
- }
1127
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1128
- margin: 0;
1129
- margin-right: 8px;
1130
- display: inline-flex;
1131
- align-items: center;
1132
- border: none;
1133
- & .ant-tag-close-icon {
1134
- width: 16px;
1135
- height: 16px;
1136
- color: inherit;
1137
- margin-left: 4px;
1138
- opacity: 0.6;
1139
- display: inline-flex;
1140
- &:hover {
1141
- opacity: 1;
920
+ &.ant-radio-disabled {
921
+ opacity: 0.5;
922
+
923
+ .ant-radio-inner {
924
+ border-color: $strokes-light-trans-4;
925
+ background: $fills-light-trans-3;
926
+ &::after {
927
+ background: $text-light-primary;
928
+ }
929
+ }
930
+
931
+ & + span {
932
+ color: $text-light-primary;
933
+ opacity: 0.5;
934
+
935
+ .radio-description {
936
+ color: $text-light-primary;
937
+ }
938
+ }
939
+ }
940
+
941
+ & + span {
942
+ display: inline-block;
943
+ padding: 0;
944
+ padding-left: 10px;
945
+
946
+ .radio-description {
947
+ margin-bottom: 0;
948
+ white-space: pre-wrap;
949
+ color: $text-secondary-light;
950
+ }
1142
951
  }
1143
952
  }
1144
- &.ant-tag-blue {
1145
- color: $fills-light-general-general;
1146
- background-color: $fills-light-general-general-light;
1147
- }
1148
- &.ant-tag-red {
1149
- color: $fills-light-serious-serious;
1150
- background-color: $fills-light-serious-serious-light;
1151
- }
1152
- &.ant-tag-yellow {
1153
- color: $fills-light-notice-notice-dark;
1154
- background-color: $fills-light-notice-notice-light;
1155
- }
1156
- &.ant-tag-green {
1157
- color: $fills-light-positive-positive-dark;
1158
- background-color: $fills-light-positive-positive-light;
953
+ }
954
+
955
+ &.ant-radio-wrapper.compact {
956
+ .ant-radio + span {
957
+ padding-left: 8px;
1159
958
  }
1160
- &.ant-tag-gray {
1161
- color: $text-light-super;
1162
- background-color: $fills-element-light-container-general;
959
+ }
960
+ }
961
+
962
+ .E_rp906go {
963
+ & .ant-radio-button-wrapper:first-child {
964
+ border-radius: 5px 0 0 5px;
965
+ }
966
+ & .ant-radio-button-wrapper:last-child {
967
+ border-radius: 0 5px 5px 0;
968
+ }
969
+ }
970
+
971
+ .E_rcc63c8 {
972
+ color: $text-light-primary;
973
+ border-color: $strokes-light-opaque-3;
974
+
975
+ &:first-child {
976
+ border-color: $strokes-light-opaque-4;
977
+ }
978
+
979
+ &.ant-radio-button-wrapper {
980
+ padding: 0 12px;
981
+ line-height: 32px;
982
+ height: 32px;
983
+
984
+ > span + span {
985
+ white-space: nowrap;
1163
986
  }
1164
- &.ant-tag-purple {
1165
- color: $text-colorful-purple;
1166
- background-color: $fill-purple-light;
987
+ }
988
+
989
+ .ant-radio-group-small &.ant-radio-button-wrapper {
990
+ height: 22px;
991
+ padding: 0 7px;
992
+ line-height: 20px;
993
+ }
994
+
995
+ &.ant-radio-button-wrapper:not(:first-child)::before {
996
+ background: $strokes-light-opaque-3;
997
+ }
998
+
999
+ &.ant-radio-button-wrapper-checked:not(:first-child)::before {
1000
+ background: $fills-light-general-general;
1001
+ }
1002
+
1003
+ &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
1004
+ background: $strokes-light-opaque-3;
1005
+ opacity: 0.5;
1006
+ }
1007
+
1008
+ &.ant-radio-button-wrapper-checked:not(
1009
+ [class*=" ant-radio-button-wrapper-disabled"]
1010
+ ).ant-radio-button-wrapper:first-child {
1011
+ border-right-color: $fills-light-general-general;
1012
+ }
1013
+
1014
+ &.ant-radio-button-wrapper-checked:not(
1015
+ .ant-radio-button-wrapper-disabled
1016
+ ):first-child {
1017
+ border-color: $fills-light-general-general;
1018
+ }
1019
+
1020
+ &.ant-radio-button-wrapper-checked {
1021
+ background: $fills-light-general-general-light;
1022
+ }
1023
+
1024
+ &.ant-radio-button-wrapper-disabled {
1025
+ background: $fills-light-trans-3;
1026
+ border-color: $strokes-light-opaque-3;
1027
+ opacity: 0.5;
1028
+ &:hover {
1029
+ color: $text-light-primary;
1030
+ border-color: $strokes-light-opaque-3;
1167
1031
  }
1032
+ }
1168
1033
 
1169
- &.ui-kit-token-checked {
1170
- color: $text-light-on-tint;
1171
- &.ant-tag-red {
1172
- background-color: $fills-light-serious-serious;
1173
- }
1174
- &.ant-tag-yellow {
1175
- background-color: $fills-light-notice-notice;
1176
- }
1177
- &.ant-tag-green {
1178
- background-color: $fills-light-positive-positive;
1179
- }
1180
- &.ant-tag-blue {
1181
- background-color: $fills-light-general-general;
1182
- }
1183
- &.ant-tag-gray {
1184
- background-color: $gray-70;
1185
- }
1186
- &.ant-tag-purple {
1187
- background-color: $fill-purple-base;
1188
- }
1034
+ &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
1035
+ color: $text-light-primary;
1036
+ border-color: $strokes-light-opaque-3;
1037
+ background: $fills-light-trans-5;
1038
+ }
1039
+
1040
+ & .ant-radio-button-input {
1041
+ margin-right: 8px;
1042
+ display: inline;
1043
+ border: none;
1044
+ padding: 0;
1045
+ width: 36px;
1046
+ background: transparent;
1047
+ &:focus {
1048
+ box-shadow: none;
1189
1049
  }
1190
1050
  }
1051
+ & .ant-radio-button-input.ant-input-number {
1052
+ margin-right: 0;
1053
+ width: initial;
1054
+ box-shadow: none;
1055
+ }
1056
+ & .ant-radio-button-input .ant-input-number-handler-wrap {
1057
+ display: none;
1058
+ }
1059
+ & .ant-radio-button-input .ant-input-number-input-wrap {
1060
+ display: inline;
1061
+ }
1062
+ & .ant-radio-button-input .ant-input-number-input-wrap input {
1063
+ display: inline;
1064
+ margin-right: 8px;
1065
+ padding: 0;
1066
+ width: 36px;
1067
+ }
1191
1068
  }
1192
1069
 
1193
1070
 
@@ -1280,20 +1157,6 @@
1280
1157
  }
1281
1158
 
1282
1159
 
1283
- .E_t1m2x205 {
1284
- .ant-tooltip-arrow {
1285
- display: none;
1286
- }
1287
- .ant-tooltip-inner {
1288
- background: $gray-a80-9;
1289
- border-radius: 4px;
1290
- &:has(.eagle-ellipsis-content) {
1291
- visibility: hidden;
1292
- }
1293
- }
1294
- }
1295
-
1296
-
1297
1160
  .E_tju3gfj {
1298
1161
  .date {
1299
1162
  margin-right: 4px;
@@ -1301,120 +1164,163 @@
1301
1164
  }
1302
1165
 
1303
1166
 
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;
1167
+ .E_s1sck0th {
1168
+ padding: 0 8px;
1169
+ border-radius: 4px;
1317
1170
  }
1318
- }
1319
-
1320
-
1321
- .E_f7pxqmh {
1322
- width: 100%;
1323
- margin-bottom: 0 !important;
1324
- flex-flow: nowrap !important;
1325
- line-break: auto;
1326
-
1327
- & > .ant-form-item-label {
1328
- text-align: left !important;
1329
- padding-bottom: 0 !important;
1330
1171
 
1331
- & > label {
1332
- min-height: 32px;
1333
- height: auto;
1334
- font-size: 13px;
1335
- color: rgba(44, 56, 82, 0.6);
1336
- white-space: normal;
1337
- }
1172
+ .E_m855nr1 {
1173
+ padding: 2px 8px;
1174
+ border-radius: 3px;
1338
1175
  }
1339
1176
 
1340
- &.ant-form-item-has-error {
1341
- .ant-input {
1342
- border-color: #ff4d4f !important;
1343
- }
1344
- .ant-input-password {
1345
- border-color: #ff4d4f !important;
1346
- }
1177
+ .E_l1270xpg {
1178
+ padding: 3px 8px;
1179
+ border-radius: 2px;
1347
1180
  }
1348
1181
 
1349
- .ant-form-item-explain {
1350
- margin-top: 4px;
1351
- font-size: 12px;
1352
- min-height: 0px;
1353
- }
1182
+ .E_t14rextb {
1183
+ &.ant-tag:hover {
1184
+ opacity: unset;
1185
+ }
1186
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1187
+ margin: 0;
1188
+ margin-right: 8px;
1189
+ display: inline-flex;
1190
+ align-items: center;
1191
+ border: none;
1192
+ & .ant-tag-close-icon {
1193
+ width: 16px;
1194
+ height: 16px;
1195
+ color: inherit;
1196
+ margin-left: 4px;
1197
+ opacity: 0.6;
1198
+ display: inline-flex;
1199
+ &:hover {
1200
+ opacity: 1;
1201
+ }
1202
+ }
1203
+ &.ant-tag-blue {
1204
+ color: $fills-light-general-general;
1205
+ background-color: $fills-light-general-general-light;
1206
+ }
1207
+ &.ant-tag-red {
1208
+ color: $fills-light-serious-serious;
1209
+ background-color: $fills-light-serious-serious-light;
1210
+ }
1211
+ &.ant-tag-yellow {
1212
+ color: $fills-light-notice-notice-dark;
1213
+ background-color: $fills-light-notice-notice-light;
1214
+ }
1215
+ &.ant-tag-green {
1216
+ color: $fills-light-positive-positive-dark;
1217
+ background-color: $fills-light-positive-positive-light;
1218
+ }
1219
+ &.ant-tag-gray {
1220
+ color: $text-light-super;
1221
+ background-color: $fills-element-light-container-general;
1222
+ }
1223
+ &.ant-tag-purple {
1224
+ color: $text-colorful-purple;
1225
+ background-color: $fill-purple-light;
1226
+ }
1354
1227
 
1355
- .ant-form-item-extra {
1356
- font-size: 12px;
1357
- color: rgba(44, 56, 82, 0.6);
1358
- min-height: 0px;
1228
+ &.ui-kit-token-checked {
1229
+ color: $text-light-on-tint;
1230
+ &.ant-tag-red {
1231
+ background-color: $fills-light-serious-serious;
1232
+ }
1233
+ &.ant-tag-yellow {
1234
+ background-color: $fills-light-notice-notice;
1235
+ }
1236
+ &.ant-tag-green {
1237
+ background-color: $fills-light-positive-positive;
1238
+ }
1239
+ &.ant-tag-blue {
1240
+ background-color: $fills-light-general-general;
1241
+ }
1242
+ &.ant-tag-gray {
1243
+ background-color: $gray-70;
1244
+ }
1245
+ &.ant-tag-purple {
1246
+ background-color: $fill-purple-base;
1247
+ }
1248
+ }
1359
1249
  }
1360
1250
  }
1361
1251
 
1362
1252
 
1363
- .E_iouxfgt {
1364
- display: inline-flex;
1365
- align-items: center;
1366
-
1367
- .icon-inner {
1368
- display: inline-flex;
1369
- align-items: center;
1370
- justify-content: center;
1371
- }
1372
- .icon-inner + span,
1373
- span + .icon-inner.suffix {
1374
- margin-left: 4px;
1253
+ .E_i11gg7mj {
1254
+ .ant-input-prefix {
1255
+ margin-right: 8px;
1375
1256
  }
1376
- &.is-rotate {
1377
- img,
1378
- svg {
1379
- animation: rotate 680ms linear infinite;
1380
- }
1257
+ .ant-input-suffix {
1258
+ margin-left: 8px;
1381
1259
  }
1382
1260
  }
1383
1261
 
1262
+ .E_cc368xp {
1263
+ color: $gray-120;
1264
+ border-right: 1px solid $gray-a60-5;
1265
+ margin-right: 8px;
1266
+ padding-right: 8px;
1267
+ }
1268
+
1269
+ .E_i11o6xqj {
1270
+ display: flex;
1271
+ gap: 4px;
1384
1272
 
1385
- .E_a1wfy30z {
1386
- .ant-input-number-handler-wrap {
1387
- display: var(--a1wfy30z-0);
1388
- }
1389
- .ant-input-number-input-wrap {
1390
- padding: 4px 11px;
1391
- display: inline-flex;
1392
- line-height: 1.5715;
1393
- height: inherit;
1273
+ .icon-wrapper {
1274
+ cursor: pointer;
1394
1275
  }
1276
+ }
1395
1277
 
1396
- .ant-input-number-input-wrap::after {
1397
- content: var(--a1wfy30z-1);
1398
- display: var(--a1wfy30z-2);
1399
- flex: none;
1400
- align-items: center;
1401
- margin-left: 4px;
1278
+ .E_d19ruhdj {
1279
+ &.icon-wrapper {
1280
+ cursor: not-allowed;
1402
1281
  }
1282
+ }
1403
1283
 
1404
- .ant-input-number-input-wrap::before {
1405
- content: var(--a1wfy30z-3);
1406
- display: var(--a1wfy30z-4);
1407
- flex: none;
1408
- align-items: center;
1409
- margin-right: 4px;
1410
- cursor: auto;
1284
+
1285
+ .E_t1m2x205 {
1286
+ .ant-tooltip-arrow {
1287
+ display: none;
1288
+ }
1289
+ .ant-tooltip-inner {
1290
+ background: $gray-a80-9;
1291
+ border-radius: 4px;
1292
+ &:has(.eagle-ellipsis-content) {
1293
+ visibility: hidden;
1294
+ }
1411
1295
  }
1296
+ }
1412
1297
 
1413
- .ant-input-number-input {
1414
- padding: 0;
1415
- margin: 0;
1416
- height: auto;
1417
- font-size: inherit;
1298
+
1299
+ .E_iq1gosr {
1300
+ display: inline-block;
1301
+ }
1302
+
1303
+
1304
+ .E_i1inqkme {
1305
+ height: 18px;
1306
+ line-height: 18px;
1307
+ padding: 0 4px;
1308
+ border-radius: 4px;
1309
+ background: rgba(235, 239, 245, 0.6);
1310
+ border: 1px solid rgba(223, 228, 235, 0.6);
1311
+ display: flex;
1312
+ align-items: center;
1313
+ white-space: nowrap;
1314
+ margin-right: 4px;
1315
+ }
1316
+
1317
+
1318
+ .E_atcz0kf {
1319
+ .ant-input-suffix {
1320
+ margin-left: 8px;
1321
+ }
1322
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1323
+ padding: 2px 7px 2px 12px;
1418
1324
  }
1419
1325
  }
1420
1326
 
@@ -1500,88 +1406,182 @@
1500
1406
  }
1501
1407
 
1502
1408
 
1503
- .E_owd0kml {
1504
- display: inline-block;
1505
- }
1506
-
1507
- .E_h1jsgezc {
1508
- visibility: hidden;
1509
- position: absolute;
1510
- }
1511
-
1512
-
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;
1409
+ .E_iouxfgt {
1410
+ display: inline-flex;
1521
1411
  align-items: center;
1522
- white-space: nowrap;
1523
- margin-right: 4px;
1524
- }
1525
-
1526
-
1527
- .E_atcz0kf {
1528
- .ant-input-suffix {
1529
- margin-left: 8px;
1530
- }
1531
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1532
- padding: 2px 7px 2px 12px;
1533
- }
1534
- }
1535
-
1536
1412
 
1537
- .E_a1b5xrg3 {
1538
- .user-icon-inner {
1413
+ .icon-inner {
1539
1414
  display: inline-flex;
1540
1415
  align-items: center;
1541
1416
  justify-content: center;
1542
- color: $white;
1543
- font-weight: bold;
1544
- font-size: 12px;
1545
- width: 24px;
1546
- height: 24px;
1547
- border-radius: 50%;
1548
- background: var(--a1b5xrg3-0);
1549
1417
  }
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
-
1560
- &:hover {
1561
- box-shadow:
1562
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1564
- }
1565
-
1566
- &:active {
1567
- transform: translateY(2px);
1568
- transition: all 320ms ease;
1418
+ .icon-inner + span,
1419
+ span + .icon-inner.suffix {
1420
+ margin-left: 4px;
1421
+ }
1422
+ &.is-rotate {
1423
+ img,
1424
+ svg {
1425
+ animation: rotate 680ms linear infinite;
1569
1426
  }
1570
1427
  }
1571
1428
  }
1572
1429
 
1573
1430
 
1574
- .E_m196gn1d {
1575
- min-width: 1280px;
1576
- }
1577
-
1578
-
1579
- .E_dsnbhzf {
1580
- @include Inter(bold);
1581
- font-size: 32px;
1582
- line-height: 40px;
1583
- }
1584
-
1431
+ .E_a1wfy30z {
1432
+ .ant-input-number-handler-wrap {
1433
+ display: var(--a1wfy30z-0);
1434
+ }
1435
+ .ant-input-number-input-wrap {
1436
+ padding: 4px 11px;
1437
+ display: inline-flex;
1438
+ line-height: 1.5715;
1439
+ height: inherit;
1440
+ }
1441
+
1442
+ .ant-input-number-input-wrap::after {
1443
+ content: var(--a1wfy30z-1);
1444
+ display: var(--a1wfy30z-2);
1445
+ flex: none;
1446
+ align-items: center;
1447
+ margin-left: 4px;
1448
+ }
1449
+
1450
+ .ant-input-number-input-wrap::before {
1451
+ content: var(--a1wfy30z-3);
1452
+ display: var(--a1wfy30z-4);
1453
+ flex: none;
1454
+ align-items: center;
1455
+ margin-right: 4px;
1456
+ cursor: auto;
1457
+ }
1458
+
1459
+ .ant-input-number-input {
1460
+ padding: 0;
1461
+ margin: 0;
1462
+ height: auto;
1463
+ font-size: inherit;
1464
+ }
1465
+ }
1466
+
1467
+
1468
+ .E_f7pxqmh {
1469
+ width: 100%;
1470
+ margin-bottom: 0 !important;
1471
+ flex-flow: nowrap !important;
1472
+ line-break: auto;
1473
+
1474
+ & > .ant-form-item-label {
1475
+ text-align: left !important;
1476
+ padding-bottom: 0 !important;
1477
+
1478
+ & > label {
1479
+ min-height: 32px;
1480
+ height: auto;
1481
+ font-size: 13px;
1482
+ color: rgba(44, 56, 82, 0.6);
1483
+ white-space: normal;
1484
+ }
1485
+ }
1486
+
1487
+ &.ant-form-item-has-error {
1488
+ .ant-input {
1489
+ border-color: #ff4d4f !important;
1490
+ }
1491
+ .ant-input-password {
1492
+ border-color: #ff4d4f !important;
1493
+ }
1494
+ }
1495
+
1496
+ .ant-form-item-explain {
1497
+ margin-top: 4px;
1498
+ font-size: 12px;
1499
+ min-height: 0px;
1500
+ }
1501
+
1502
+ .ant-form-item-extra {
1503
+ font-size: 12px;
1504
+ color: rgba(44, 56, 82, 0.6);
1505
+ min-height: 0px;
1506
+ }
1507
+ }
1508
+
1509
+
1510
+ .E_owd0kml {
1511
+ display: inline-block;
1512
+ }
1513
+
1514
+ .E_h1jsgezc {
1515
+ visibility: hidden;
1516
+ position: absolute;
1517
+ }
1518
+
1519
+
1520
+ .E_fzh9mnb {
1521
+ width: 100%;
1522
+ height: 100%;
1523
+ min-height: 124px;
1524
+ display: flex;
1525
+ flex-direction: column;
1526
+ justify-content: center;
1527
+ align-items: center;
1528
+
1529
+ .error-text {
1530
+ color: $text-terdiary-light;
1531
+ margin-bottom: 16px;
1532
+ font-size: 18px;
1533
+ }
1534
+ }
1535
+
1536
+
1537
+ .E_m196gn1d {
1538
+ min-width: 1280px;
1539
+ }
1540
+
1541
+
1542
+ .E_a1b5xrg3 {
1543
+ .user-icon-inner {
1544
+ display: inline-flex;
1545
+ align-items: center;
1546
+ justify-content: center;
1547
+ color: $white;
1548
+ font-weight: bold;
1549
+ font-size: 12px;
1550
+ width: 24px;
1551
+ height: 24px;
1552
+ border-radius: 50%;
1553
+ background: var(--a1b5xrg3-0);
1554
+ }
1555
+ &.btn-item {
1556
+ transition: all 160ms ease;
1557
+ cursor: pointer;
1558
+ width: 56px;
1559
+ height: 40px;
1560
+ display: inline-flex;
1561
+ align-items: center;
1562
+ justify-content: center;
1563
+ border-radius: 6px;
1564
+
1565
+ &:hover {
1566
+ box-shadow:
1567
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1568
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1569
+ }
1570
+
1571
+ &:active {
1572
+ transform: translateY(2px);
1573
+ transition: all 320ms ease;
1574
+ }
1575
+ }
1576
+ }
1577
+
1578
+
1579
+ .E_dsnbhzf {
1580
+ @include Inter(bold);
1581
+ font-size: 32px;
1582
+ line-height: 40px;
1583
+ }
1584
+
1585
1585
  .E_d1mvo22k {
1586
1586
  @include Inter(bold);
1587
1587
  font-size: 24px;
@@ -2744,6 +2744,108 @@
2744
2744
  }
2745
2745
 
2746
2746
 
2747
+ .E_s17wv897 {
2748
+ &.ant-select,
2749
+ &.ant-select div.ant-select-selector {
2750
+ border-radius: 6px;
2751
+ }
2752
+
2753
+ &.ant-select {
2754
+ &.ant-select-single {
2755
+ width: 100%;
2756
+ &[data-size="small"] {
2757
+ }
2758
+ &[data-size="middle"] {
2759
+ height: 30px;
2760
+ }
2761
+ &[data-size="large"] {
2762
+ }
2763
+ color: $text-primary-light;
2764
+ border-color: $strokes-light-trans-2;
2765
+ transition:
2766
+ border 160ms ease 8ms,
2767
+ box-shadow 160ms ease 8ms;
2768
+ font-size: 13px;
2769
+
2770
+ &.ant-select-lg {
2771
+ height: 38px;
2772
+ font-size: 13px;
2773
+ }
2774
+
2775
+ .ant-select-arrow,
2776
+ .ant-select-arrow .anticon-down {
2777
+ transition: 160ms ease;
2778
+ }
2779
+
2780
+ .ant-select-arrow-loading {
2781
+ color: $fills-light-general-general;
2782
+ }
2783
+
2784
+ &:not(.ant-select-disabled) {
2785
+ &:hover .ant-select-selector,
2786
+ &.__pseudo-states-hover .ant-select-selector {
2787
+ border-color: $strokes-light-trans-4;
2788
+ box-shadow: $shadow-light-hover;
2789
+ }
2790
+
2791
+ &:hover .ant-select-arrow,
2792
+ &.__pseudo-states-hover .ant-select-arrow {
2793
+ color: $fills-light-general-general;
2794
+ }
2795
+
2796
+ &:active,
2797
+ &:focus,
2798
+ &.ant-select-focused,
2799
+ &.ant-select-open,
2800
+ &.__pseudo-states-active,
2801
+ &.__pseudo-states-focus {
2802
+ .ant-select-selector {
2803
+ border-color: $fills-light-general-general;
2804
+ box-shadow: $shadow-light-active;
2805
+ }
2806
+ }
2807
+
2808
+ &.ant-select-open .ant-select-arrow .anticon-down {
2809
+ transform: rotate(180deg);
2810
+ }
2811
+ }
2812
+
2813
+ &.ant-select-disabled .ant-select-selector {
2814
+ background: $fills-light-trans-3;
2815
+ border-color: $strokes-light-trans-3;
2816
+ cursor: "not-allowed";
2817
+ }
2818
+ }
2819
+ &.select-error:not(.ant-select-disabled) {
2820
+ .ant-select-selector {
2821
+ border-color: $fills-light-serious-serious !important;
2822
+ }
2823
+
2824
+ &:hover .ant-select-arrow,
2825
+ &.__pseudo-states-hover .ant-select-arrow {
2826
+ color: $text-light-super;
2827
+ }
2828
+
2829
+ &:active,
2830
+ &:focus,
2831
+ &.ant-select-focused,
2832
+ &.ant-select-open,
2833
+ &.__pseudo-states-focus,
2834
+ &.__pseudo-states-active {
2835
+ .ant-select-selector {
2836
+ border-color: $fills-light-general-general;
2837
+ box-shadow: $shadow-light-error;
2838
+ }
2839
+ }
2840
+
2841
+ &.ant-select-open .ant-select-arrow .anticon-down {
2842
+ transform: rotate(180deg);
2843
+ }
2844
+ }
2845
+ }
2846
+ }
2847
+
2848
+
2747
2849
  .E_s4ivdfu {
2748
2850
  &.ant-select {
2749
2851
  .ant-select-selection-placeholder {
@@ -2973,104 +3075,18 @@
2973
3075
  }
2974
3076
 
2975
3077
 
2976
- .E_s17wv897 {
2977
- &.ant-select,
2978
- &.ant-select div.ant-select-selector {
2979
- border-radius: 6px;
3078
+ .E_w1dxz879 {
3079
+ display: flex;
3080
+ flex-direction: column;
3081
+ gap: 6px;
3082
+ .ellipsis-tooltip {
3083
+ max-height: var(--w1dxz879-0);
3084
+ text-overflow: clip;
3085
+ overflow: hidden;
2980
3086
  }
2981
-
2982
- &.ant-select {
2983
- &.ant-select-single {
2984
- width: 100%;
2985
- &[data-size="small"] {
2986
- }
2987
- &[data-size="middle"] {
2988
- height: 30px;
2989
- }
2990
- &[data-size="large"] {
2991
- }
2992
- color: $text-primary-light;
2993
- border-color: $strokes-light-trans-2;
2994
- transition:
2995
- border 160ms ease 8ms,
2996
- box-shadow 160ms ease 8ms;
2997
- font-size: 13px;
2998
-
2999
- &.ant-select-lg {
3000
- height: 38px;
3001
- font-size: 13px;
3002
- }
3003
-
3004
- .ant-select-arrow,
3005
- .ant-select-arrow .anticon-down {
3006
- transition: 160ms ease;
3007
- }
3008
-
3009
- .ant-select-arrow-loading {
3010
- color: $fills-light-general-general;
3011
- }
3012
-
3013
- &:not(.ant-select-disabled) {
3014
- &:hover .ant-select-selector,
3015
- &.__pseudo-states-hover .ant-select-selector {
3016
- border-color: $strokes-light-trans-4;
3017
- box-shadow: $shadow-light-hover;
3018
- }
3019
-
3020
- &:hover .ant-select-arrow,
3021
- &.__pseudo-states-hover .ant-select-arrow {
3022
- color: $fills-light-general-general;
3023
- }
3024
-
3025
- &:active,
3026
- &:focus,
3027
- &.ant-select-focused,
3028
- &.ant-select-open,
3029
- &.__pseudo-states-active,
3030
- &.__pseudo-states-focus {
3031
- .ant-select-selector {
3032
- border-color: $fills-light-general-general;
3033
- box-shadow: $shadow-light-active;
3034
- }
3035
- }
3036
-
3037
- &.ant-select-open .ant-select-arrow .anticon-down {
3038
- transform: rotate(180deg);
3039
- }
3040
- }
3041
-
3042
- &.ant-select-disabled .ant-select-selector {
3043
- background: $fills-light-trans-3;
3044
- border-color: $strokes-light-trans-3;
3045
- cursor: "not-allowed";
3046
- }
3047
- }
3048
- &.select-error:not(.ant-select-disabled) {
3049
- .ant-select-selector {
3050
- border-color: $fills-light-serious-serious !important;
3051
- }
3052
-
3053
- &:hover .ant-select-arrow,
3054
- &.__pseudo-states-hover .ant-select-arrow {
3055
- color: $text-light-super;
3056
- }
3057
-
3058
- &:active,
3059
- &:focus,
3060
- &.ant-select-focused,
3061
- &.ant-select-open,
3062
- &.__pseudo-states-focus,
3063
- &.__pseudo-states-active {
3064
- .ant-select-selector {
3065
- border-color: $fills-light-general-general;
3066
- box-shadow: $shadow-light-error;
3067
- }
3068
- }
3069
-
3070
- &.ant-select-open .ant-select-arrow .anticon-down {
3071
- transform: rotate(180deg);
3072
- }
3073
- }
3087
+ .tips {
3088
+ color: #fff;
3089
+ opacity: 0.8;
3074
3090
  }
3075
3091
  }
3076
3092
 
@@ -3091,39 +3107,6 @@
3091
3107
  }
3092
3108
 
3093
3109
 
3094
- .E_ryby9ds {
3095
- display: flex;
3096
- align-items: center;
3097
- .order {
3098
- height: 24px;
3099
- width: 24px;
3100
- border-radius: 20px;
3101
- color: $text-light-general;
3102
- background: $fill-light-element-container-outstanding;
3103
- display: flex;
3104
- align-items: center;
3105
- justify-content: center;
3106
- margin-right: 6px;
3107
- }
3108
- }
3109
-
3110
-
3111
- .E_w1dxz879 {
3112
- display: flex;
3113
- flex-direction: column;
3114
- gap: 6px;
3115
- .ellipsis-tooltip {
3116
- max-height: var(--w1dxz879-0);
3117
- text-overflow: clip;
3118
- overflow: hidden;
3119
- }
3120
- .tips {
3121
- color: #fff;
3122
- opacity: 0.8;
3123
- }
3124
- }
3125
-
3126
-
3127
3110
  .E_hrhfj7c {
3128
3111
  display: none;
3129
3112
  }
@@ -3316,6 +3299,82 @@
3316
3299
  }
3317
3300
 
3318
3301
 
3302
+ .E_ryby9ds {
3303
+ display: flex;
3304
+ align-items: center;
3305
+ .order {
3306
+ height: 24px;
3307
+ width: 24px;
3308
+ border-radius: 20px;
3309
+ color: $text-light-general;
3310
+ background: $fill-light-element-container-outstanding;
3311
+ display: flex;
3312
+ align-items: center;
3313
+ justify-content: center;
3314
+ margin-right: 6px;
3315
+ }
3316
+ }
3317
+
3318
+
3319
+ .E_s11wux3h {
3320
+ .antd5-segmented-item:not(:last-child) {
3321
+ margin-right: 2px;
3322
+ }
3323
+ }
3324
+
3325
+ .E_s1t2an3z {
3326
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3327
+ padding-left: 8px;
3328
+ padding-right: 8px;
3329
+ font-size: 12px;
3330
+ }
3331
+
3332
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3333
+ border-radius: 4px;
3334
+ }
3335
+
3336
+ &.antd5-segmented
3337
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3338
+ .antd5-segmented-item-disabled
3339
+ ) {
3340
+ border-radius: 4px;
3341
+ }
3342
+ }
3343
+
3344
+ .E_ma64lna {
3345
+ .antd5-segmented-item-label {
3346
+ padding-left: 12px;
3347
+ padding-right: 12px;
3348
+ }
3349
+ }
3350
+
3351
+ .E_ckld275 {
3352
+ background-color: $fill-neutral-trans-2;
3353
+ &.antd5-segmented
3354
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3355
+ .antd5-segmented-item-disabled
3356
+ ) {
3357
+ background-color: $fill-neutral-light-white;
3358
+ color: $text-neutral-secondary-light;
3359
+ }
3360
+ // on animate remove hover bg color
3361
+ &.antd5-segmented
3362
+ .antd5-segmented-thumb
3363
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3364
+ .antd5-segmented-item-disabled
3365
+ ) {
3366
+ background-color: transparent;
3367
+ }
3368
+ // remove after's bg color
3369
+ &.antd5-segmented
3370
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3371
+ .antd5-segmented-item-disabled
3372
+ )::after {
3373
+ background-color: transparent;
3374
+ }
3375
+ }
3376
+
3377
+
3319
3378
  .E_m5foqp8 {
3320
3379
  --footer-height: 96px;
3321
3380
  --header-height: 80px;
@@ -3622,70 +3681,56 @@
3622
3681
  }
3623
3682
 
3624
3683
 
3625
- .E_s11wux3h {
3626
- .antd5-segmented-item:not(:last-child) {
3627
- margin-right: 2px;
3628
- }
3629
- }
3684
+ .E_c1kghdax {
3685
+ color: $text-primary-light;
3686
+ padding: 7px 12px;
3687
+ display: flex;
3688
+ justify-content: space-between;
3689
+ align-items: center;
3630
3690
 
3631
- .E_s1t2an3z {
3632
- &.antd5-segmented-sm .antd5-segmented-item-label {
3633
- padding-left: 8px;
3634
- padding-right: 8px;
3635
- font-size: 12px;
3636
- }
3691
+ &.has-arrow {
3692
+ padding-left: 10px;
3637
3693
 
3638
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3639
- border-radius: 4px;
3640
- }
3694
+ .title-wrapper {
3695
+ cursor: pointer;
3696
+ color: $text-light-primary;
3641
3697
 
3642
- &.antd5-segmented
3643
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3644
- .antd5-segmented-item-disabled
3645
- ) {
3646
- border-radius: 4px;
3647
- }
3648
- }
3698
+ &.is-open {
3699
+ color: $text-primary-light;
3700
+ font-weight: 600;
3649
3701
 
3650
- .E_ma64lna {
3651
- .antd5-segmented-item-label {
3652
- padding-left: 12px;
3653
- padding-right: 12px;
3702
+ .collapse-arrow {
3703
+ transform: rotate(90deg);
3704
+ }
3705
+ }
3706
+ }
3654
3707
  }
3655
- }
3656
3708
 
3657
- .E_ckld275 {
3658
- background-color: $fill-neutral-trans-2;
3659
- &.antd5-segmented
3660
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3661
- .antd5-segmented-item-disabled
3662
- ) {
3663
- background-color: $fill-neutral-light-white;
3664
- color: $text-neutral-secondary-light;
3709
+ .sub-info {
3710
+ font-size: 12px;
3711
+ line-height: 18px;
3665
3712
  }
3666
- // on animate remove hover bg color
3667
- &.antd5-segmented
3668
- .antd5-segmented-thumb
3669
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3670
- .antd5-segmented-item-disabled
3671
- ) {
3672
- background-color: transparent;
3713
+
3714
+ .title-wrapper {
3715
+ display: flex;
3716
+ align-items: center;
3717
+ user-select: none;
3718
+ flex-grow: 1;
3719
+ font-size: 12px;
3720
+ line-height: 18px;
3721
+ color: $text-primary-light;
3722
+ font-weight: 700;
3673
3723
  }
3674
- // remove after's bg color
3675
- &.antd5-segmented
3676
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3677
- .antd5-segmented-item-disabled
3678
- )::after {
3679
- background-color: transparent;
3724
+
3725
+ .collapse-arrow {
3726
+ transition: all 50ms ease-out 0ms;
3727
+ margin-right: 2px;
3680
3728
  }
3681
3729
  }
3682
3730
 
3683
3731
 
3684
- .E_ckui4s7 {
3685
- color: $text-primary-light;
3686
- line-height: 22px;
3687
- display: inline-flex;
3688
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3732
+ .E_c1yd35n {
3733
+ padding: 0 12px 14px 12px;
3689
3734
  }
3690
3735
 
3691
3736
 
@@ -3716,59 +3761,173 @@
3716
3761
  }
3717
3762
 
3718
3763
 
3719
- .E_c1kghdax {
3764
+ .E_ckui4s7 {
3720
3765
  color: $text-primary-light;
3721
- padding: 7px 12px;
3766
+ line-height: 22px;
3767
+ display: inline-flex;
3768
+ .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; } } }
3769
+ }
3770
+
3771
+
3772
+ .E_lht19u8 {
3773
+ width: 64px;
3774
+ height: 64px;
3722
3775
  display: flex;
3723
- justify-content: space-between;
3724
3776
  align-items: center;
3777
+ justify-content: center;
3778
+ position: relative;
3779
+ opacity: 0.2;
3780
+ }
3725
3781
 
3726
- &.has-arrow {
3727
- padding-left: 10px;
3782
+ .E_lk3gkp4 {
3783
+ position: absolute;
3784
+ width: 5px;
3785
+ height: 48px;
3786
+ left: 9.33px;
3787
+ top: 40.5px;
3728
3788
 
3729
- .title-wrapper {
3730
- cursor: pointer;
3731
- color: $text-light-primary;
3789
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3790
+ border-radius: 5px;
3791
+ transform: rotate(-128deg);
3792
+ transform-origin: top left;
3732
3793
 
3733
- &.is-open {
3734
- color: $text-primary-light;
3735
- font-weight: 600;
3794
+ animation: loading-indicator1 1100ms ease-out infinite;
3795
+ }
3736
3796
 
3737
- .collapse-arrow {
3738
- transform: rotate(90deg);
3739
- }
3740
- }
3741
- }
3797
+ .E_ll4n94n {
3798
+ position: absolute;
3799
+ width: 5px;
3800
+ height: 48px;
3801
+ left: 40.8px;
3802
+ top: 8.4px;
3803
+
3804
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3805
+ border-radius: 5px;
3806
+ transform: rotate(-8deg);
3807
+ transform-origin: top left;
3808
+
3809
+ animation: loading-indicator2 1100ms ease-out infinite;
3810
+ }
3811
+
3812
+ .E_l17lbdo6 {
3813
+ position: absolute;
3814
+ width: 5px;
3815
+ height: 48px;
3816
+ left: 52.9px;
3817
+ top: 51.8px;
3818
+
3819
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3820
+ border-radius: 5px;
3821
+ transform: rotate(112deg);
3822
+ transform-origin: top left;
3823
+
3824
+ animation: loading-indicator3 1100ms ease-out infinite;
3825
+ }
3826
+
3827
+
3828
+ .E_slr2ynn {
3829
+ padding: 0 8px;
3830
+ height: 18px;
3742
3831
  }
3743
3832
 
3744
- .sub-info {
3745
- font-size: 12px;
3746
- line-height: 18px;
3833
+ .E_m140wbb6 {
3834
+ padding: 2px 8px;
3835
+ height: 24px;
3747
3836
  }
3748
3837
 
3749
- .title-wrapper {
3750
- display: flex;
3751
- align-items: center;
3752
- user-select: none;
3753
- flex-grow: 1;
3754
- font-size: 12px;
3755
- line-height: 18px;
3756
- color: $text-primary-light;
3838
+ .E_t1fozc1i {
3839
+ margin: 0;
3840
+ }
3841
+
3842
+ .E_i1vxv4ln {
3843
+ margin-right: 4px;
3844
+ height: 16px;
3845
+ }
3846
+
3847
+ .E_n1afl31m {
3848
+ &.ant-tag.ant-tag-gray {
3757
3849
  font-weight: 700;
3850
+ color: $text-neutral-primary;
3851
+ background-color: $fill-neutral-trans-1;
3852
+ border: 1px solid $stroke-neutral-trans-2;
3853
+ word-break: break-all;
3854
+ display: inline;
3855
+ white-space: normal;
3758
3856
  }
3857
+ }
3759
3858
 
3760
- .collapse-arrow {
3761
- transition: all 50ms ease-out 0ms;
3762
- margin-right: 2px;
3859
+
3860
+ .E_l48ei06 {
3861
+ @at-root {
3862
+ button#{&}.ant-btn,
3863
+ button#{&}.ant-btn.ant-btn-sm,
3864
+ button#{&}.ant-btn.ant-btn-lg {
3865
+ font-size: 12px;
3866
+ line-height: 18px;
3867
+ height: 18px;
3868
+ }
3869
+ button#{&} {
3870
+ color: #0080FF;
3871
+ height: unset;
3872
+ .button-prefix-icon {
3873
+ margin-right: 4px;
3874
+ }
3875
+ .button-suffix-icon {
3876
+ margin-left: 4px;
3877
+ }
3878
+
3879
+ &:hover,
3880
+ &.__pseudo-states-hover {
3881
+ color: #009DFF;
3882
+ }
3883
+
3884
+ &:active,
3885
+ &.__pseudo-states-active {
3886
+ color: #005ED1;
3887
+ }
3888
+ &.ui-kit-link-disabled {
3889
+ color: #0080FF;
3890
+ }
3891
+ &.ui-kit-link-primary {
3892
+ color: #00122E;
3893
+
3894
+ &:hover,
3895
+ &.__pseudo-states-hover {
3896
+ color: #0080FF;
3897
+ }
3898
+
3899
+ &:active,
3900
+ &.__pseudo-states-active {
3901
+ color: #005ED1;
3902
+ }
3903
+
3904
+ &.ui-kit-link-disabled {
3905
+ color: #00122E;
3906
+ }
3907
+ }
3908
+
3909
+ &.ui-kit-link-secondary {
3910
+ color: #2C3852BF;
3911
+
3912
+ &:hover,
3913
+ &.__pseudo-states-hover {
3914
+ color: #0080FF;
3915
+ }
3916
+
3917
+ &:active,
3918
+ &.__pseudo-states-active {
3919
+ color: #005ED1;
3920
+ }
3921
+
3922
+ &.ui-kit-link-disabled {
3923
+ color: #2C3852BF;
3924
+ }
3925
+ }
3926
+ }
3763
3927
  }
3764
3928
  }
3765
3929
 
3766
3930
 
3767
- .E_c1yd35n {
3768
- padding: 0 12px 14px 12px;
3769
- }
3770
-
3771
-
3772
3931
  .E_sddwhm6 {
3773
3932
  $prefix: ui-kit-status-capsule;
3774
3933
  margin: 0;
@@ -3853,77 +4012,6 @@
3853
4012
  }
3854
4013
 
3855
4014
 
3856
- .E_l48ei06 {
3857
- @at-root {
3858
- button#{&}.ant-btn,
3859
- button#{&}.ant-btn.ant-btn-sm,
3860
- button#{&}.ant-btn.ant-btn-lg {
3861
- font-size: 12px;
3862
- line-height: 18px;
3863
- height: 18px;
3864
- }
3865
- button#{&} {
3866
- color: #0080FF;
3867
- height: unset;
3868
- .button-prefix-icon {
3869
- margin-right: 4px;
3870
- }
3871
- .button-suffix-icon {
3872
- margin-left: 4px;
3873
- }
3874
-
3875
- &:hover,
3876
- &.__pseudo-states-hover {
3877
- color: #009DFF;
3878
- }
3879
-
3880
- &:active,
3881
- &.__pseudo-states-active {
3882
- color: #005ED1;
3883
- }
3884
- &.ui-kit-link-disabled {
3885
- color: #0080FF;
3886
- }
3887
- &.ui-kit-link-primary {
3888
- color: #00122E;
3889
-
3890
- &:hover,
3891
- &.__pseudo-states-hover {
3892
- color: #0080FF;
3893
- }
3894
-
3895
- &:active,
3896
- &.__pseudo-states-active {
3897
- color: #005ED1;
3898
- }
3899
-
3900
- &.ui-kit-link-disabled {
3901
- color: #00122E;
3902
- }
3903
- }
3904
-
3905
- &.ui-kit-link-secondary {
3906
- color: #2C3852BF;
3907
-
3908
- &:hover,
3909
- &.__pseudo-states-hover {
3910
- color: #0080FF;
3911
- }
3912
-
3913
- &:active,
3914
- &.__pseudo-states-active {
3915
- color: #005ED1;
3916
- }
3917
-
3918
- &.ui-kit-link-disabled {
3919
- color: #2C3852BF;
3920
- }
3921
- }
3922
- }
3923
- }
3924
- }
3925
-
3926
-
3927
4015
  .E_tc97u5y {
3928
4016
  height: 100%;
3929
4017
  }
@@ -4362,27 +4450,6 @@
4362
4450
  }
4363
4451
 
4364
4452
 
4365
- .E_r77hffu {
4366
- display: flex;
4367
- align-items: center;
4368
- justify-content: space-between;
4369
- column-gap: 6px;
4370
- }
4371
-
4372
- .E_p1cmxsf7 {
4373
- display: flex;
4374
- flex-direction: column;
4375
- justify-content: center;
4376
- row-gap: var(--p1cmxsf7-0);
4377
-
4378
- .antd5-progress-line {
4379
- font-size: 0;
4380
- margin-bottom: unset;
4381
- margin-inline-end: unset;
4382
- }
4383
- }
4384
-
4385
-
4386
4453
  .E_w7ob4th {
4387
4454
  &.outside-tag {
4388
4455
  padding-left: 0;
@@ -4395,93 +4462,11 @@
4395
4462
  }
4396
4463
 
4397
4464
 
4398
- .E_slr2ynn {
4399
- padding: 0 8px;
4400
- height: 18px;
4401
- }
4402
-
4403
- .E_m140wbb6 {
4404
- padding: 2px 8px;
4405
- height: 24px;
4406
- }
4407
-
4408
- .E_t1fozc1i {
4409
- margin: 0;
4410
- }
4411
-
4412
- .E_i1vxv4ln {
4465
+ .E_i1g85yz3 {
4413
4466
  margin-right: 4px;
4414
4467
  height: 16px;
4415
4468
  }
4416
4469
 
4417
- .E_n1afl31m {
4418
- &.ant-tag.ant-tag-gray {
4419
- font-weight: 700;
4420
- color: $text-neutral-primary;
4421
- background-color: $fill-neutral-trans-1;
4422
- border: 1px solid $stroke-neutral-trans-2;
4423
- word-break: break-all;
4424
- display: inline;
4425
- white-space: normal;
4426
- }
4427
- }
4428
-
4429
-
4430
- .E_lht19u8 {
4431
- width: 64px;
4432
- height: 64px;
4433
- display: flex;
4434
- align-items: center;
4435
- justify-content: center;
4436
- position: relative;
4437
- opacity: 0.2;
4438
- }
4439
-
4440
- .E_lk3gkp4 {
4441
- position: absolute;
4442
- width: 5px;
4443
- height: 48px;
4444
- left: 9.33px;
4445
- top: 40.5px;
4446
-
4447
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4448
- border-radius: 5px;
4449
- transform: rotate(-128deg);
4450
- transform-origin: top left;
4451
-
4452
- animation: loading-indicator1 1100ms ease-out infinite;
4453
- }
4454
-
4455
- .E_ll4n94n {
4456
- position: absolute;
4457
- width: 5px;
4458
- height: 48px;
4459
- left: 40.8px;
4460
- top: 8.4px;
4461
-
4462
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4463
- border-radius: 5px;
4464
- transform: rotate(-8deg);
4465
- transform-origin: top left;
4466
-
4467
- animation: loading-indicator2 1100ms ease-out infinite;
4468
- }
4469
-
4470
- .E_l17lbdo6 {
4471
- position: absolute;
4472
- width: 5px;
4473
- height: 48px;
4474
- left: 52.9px;
4475
- top: 51.8px;
4476
-
4477
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4478
- border-radius: 5px;
4479
- transform: rotate(112deg);
4480
- transform-origin: top left;
4481
-
4482
- animation: loading-indicator3 1100ms ease-out infinite;
4483
- }
4484
-
4485
4470
 
4486
4471
  .E_sjob3jg {
4487
4472
  $item: ant-steps-item;
@@ -4924,9 +4909,24 @@
4924
4909
  }
4925
4910
 
4926
4911
 
4927
- .E_i1g85yz3 {
4928
- margin-right: 4px;
4929
- height: 16px;
4912
+ .E_r77hffu {
4913
+ display: flex;
4914
+ align-items: center;
4915
+ justify-content: space-between;
4916
+ column-gap: 6px;
4917
+ }
4918
+
4919
+ .E_p1cmxsf7 {
4920
+ display: flex;
4921
+ flex-direction: column;
4922
+ justify-content: center;
4923
+ row-gap: var(--p1cmxsf7-0);
4924
+
4925
+ .antd5-progress-line {
4926
+ font-size: 0;
4927
+ margin-bottom: unset;
4928
+ margin-inline-end: unset;
4929
+ }
4930
4930
  }
4931
4931
 
4932
4932
 
@@ -5072,7 +5072,7 @@
5072
5072
  }
5073
5073
 
5074
5074
 
5075
- .E_msn7nxt {
5075
+ .E_m11nzl2x {
5076
5076
  color: $text-light-secondary;
5077
5077
  text-align: center;
5078
5078
 
@@ -5088,7 +5088,7 @@
5088
5088
  }
5089
5089
  }
5090
5090
 
5091
- .E_mp64wfi {
5091
+ .E_mn7joto {
5092
5092
  width: 100%;
5093
5093
  height: 100%;
5094
5094
  display: flex;
@@ -5098,7 +5098,6 @@
5098
5098
  width: 100%;
5099
5099
  display: flex;
5100
5100
  line-height: 30px;
5101
- padding: 0 16px;
5102
5101
  justify-content: space-between;
5103
5102
  .metric-extra {
5104
5103
  display: flex;
@@ -5118,59 +5117,105 @@
5118
5117
  }
5119
5118
  }
5120
5119
  }
5121
-
5122
- .content {
5123
- flex: 1;
5124
- width: 100%;
5120
+
5121
+ .content {
5122
+ flex: 1;
5123
+ width: 100%;
5124
+ display: flex;
5125
+ justify-content: center;
5126
+ align-items: center;
5127
+ }
5128
+ .single-content {
5129
+ height: 65px;
5130
+ }
5131
+ }
5132
+
5133
+ .E_l1bifhon {
5134
+ display: flex;
5135
+ align-items: center;
5136
+ white-space: nowrap;
5137
+ overflow: hidden;
5138
+ width: 100%;
5139
+
5140
+ .ant-dropdown-trigger {
5141
+ font-size: 12px;
5142
+ margin-left: 8px;
5143
+ }
5144
+ }
5145
+
5146
+ .E_ltthzck {
5147
+ display: flex;
5148
+ justify-content: flex-start;
5149
+ align-items: center;
5150
+ font-size: 12px;
5151
+ cursor: pointer;
5152
+ &:not(:first-child) {
5153
+ margin-left: 8px;
5154
+ }
5155
+
5156
+ &.deselected,
5157
+ &.hovering {
5158
+ opacity: 0.3;
5159
+
5160
+ &:not(.hoverering-self) .color-block {
5161
+ background: #b4beca !important;
5162
+ border-radius: 2px;
5163
+ }
5164
+ }
5165
+ &.hoverering-self {
5166
+ opacity: 1;
5167
+ }
5168
+ .dropdown-trigger {
5169
+ margin-left: 12px;
5170
+ }
5171
+ .legend-name {
5172
+ color: $text-light-primary;
5173
+ }
5174
+ .icon-suffix-wrapper {
5125
5175
  display: flex;
5126
- justify-content: center;
5127
5176
  align-items: center;
5128
- }
5129
- .single-content {
5130
- height: 65px;
5131
- }
5132
- }
5133
-
5134
- .E_l1oyigan {
5135
- display: flex;
5136
- align-items: center;
5137
- white-space: nowrap;
5138
- overflow: hidden;
5139
- width: 100%;
5140
-
5141
- .ant-dropdown-trigger {
5142
- margin-left: auto;
5143
- font-size: 12px;
5177
+ margin-left: 4px;
5144
5178
  }
5145
5179
  }
5146
5180
 
5147
- .E_l1noi4n1 {
5181
+ .E_l1mumj7o {
5148
5182
  display: flex;
5149
5183
  justify-content: flex-start;
5150
5184
  align-items: center;
5151
5185
  font-size: 12px;
5152
5186
  cursor: pointer;
5153
5187
 
5154
- &:not(:last-child) {
5155
- margin-right: 20px;
5156
- }
5157
- &.deselected {
5158
- opacity: 0.4;
5188
+ &.deselected,
5189
+ &.hovering {
5190
+ opacity: 0.3;
5159
5191
 
5160
- .color-block {
5192
+ &:not(.hoverering-self) .color-block {
5161
5193
  background: #b4beca !important;
5194
+ border-radius: 2px;
5162
5195
  }
5163
5196
  }
5197
+ .legend-name {
5198
+ color: $text-light-primary;
5199
+ }
5200
+ &.hoverering-self {
5201
+ opacity: 1;
5202
+ }
5203
+ .icon-suffix-wrapper {
5204
+ margin-left: 4px;
5205
+ display: flex;
5206
+ align-items: center;
5207
+ }
5164
5208
  }
5165
5209
 
5166
- .E_cz19rz6 {
5210
+ .E_c14rn6j5 {
5167
5211
  display: inline-block;
5168
5212
  height: 8px;
5169
5213
  width: 8px;
5170
- margin-right: 8px;
5214
+ margin-right: 6px;
5215
+ border-radius: 2px;
5171
5216
  }
5172
5217
 
5173
- .E_e17r5r9c {
5218
+ .E_e45tc5l {
5174
5219
  .ant-dropdown-menu-item {
5175
5220
  display: flex;
5176
5221
  align-items: center;
@@ -5179,7 +5224,7 @@
5179
5224
  }
5180
5225
  }
5181
5226
 
5182
- .E_m1y1hhnr {
5227
+ .E_lqeaosa {
5183
5228
  position: relative;
5184
5229
 
5185
5230
  &.hidden-xaxis .pointer-wrapper {
@@ -5190,10 +5235,9 @@
5190
5235
  display: flex;
5191
5236
  justify-content: space-between;
5192
5237
  line-height: 30px;
5193
- margin: 0 16px;
5194
-
5195
5238
  .metric-extra {
5196
5239
  display: flex;
5240
+ flex-shrink: 0;
5197
5241
  font-size: 12px;
5198
5242
  align-items: center;
5199
5243
 
@@ -5219,26 +5263,28 @@
5219
5263
  position: absolute;
5220
5264
  bottom: 10px;
5221
5265
  padding: 0 8px;
5222
- border-radius: 4px;
5223
5266
  font-size: 12px;
5224
5267
  color: $white;
5225
- background: rgba(0, 0, 0, 0.75);
5226
5268
  transform: translateX(-50%);
5227
5269
  }
5228
5270
  }
5229
5271
 
5230
- .E_tnvijvs {
5272
+ .E_t2pr38p {
5231
5273
  min-width: 200px;
5274
+ background-color: $fill-neutral-trans-8;
5275
+ border-radius: 4px;
5276
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5277
+ padding: 8px;
5232
5278
  }
5233
5279
 
5234
- .E_t1ub2aex {
5280
+ .E_tecdsj7 {
5235
5281
  display: flex;
5236
5282
  align-items: center;
5283
+ background-color: unset;
5284
+ color: $text-neutral-ontint;
5237
5285
  justify-content: space-between;
5238
- background-color: rgba(0, 0, 0, 0.75);
5239
- color: #b4beca;
5240
5286
  font-size: 12px;
5241
- padding: 3px 6px;
5287
+ padding-top: 6px;
5242
5288
 
5243
5289
  &:first-child {
5244
5290
  padding-top: 3px;
@@ -5247,13 +5293,24 @@
5247
5293
  padding-bottom: 3px;
5248
5294
  }
5249
5295
  .column-value {
5250
- color: $white;
5296
+ color: $text-neutral-ontint;
5251
5297
  margin-left: 8px;
5252
5298
  }
5253
5299
  }
5254
5300
 
5301
+ .E_ljhvvia {
5302
+ display: inline-block;
5303
+ height: 8px;
5304
+ width: 8px;
5305
+ margin-right: 8px;
5306
+ border-radius: 2px;
5307
+ &.borderd {
5308
+ border: 1px solid $stroke-neutral-white;
5309
+ }
5310
+ }
5311
+
5255
5312
 
5256
- .E_m11nzl2x {
5313
+ .E_msn7nxt {
5257
5314
  color: $text-light-secondary;
5258
5315
  text-align: center;
5259
5316
 
@@ -5269,7 +5326,7 @@
5269
5326
  }
5270
5327
  }
5271
5328
 
5272
- .E_mn7joto {
5329
+ .E_mp64wfi {
5273
5330
  width: 100%;
5274
5331
  height: 100%;
5275
5332
  display: flex;
@@ -5279,6 +5336,7 @@
5279
5336
  width: 100%;
5280
5337
  display: flex;
5281
5338
  line-height: 30px;
5339
+ padding: 0 16px;
5282
5340
  justify-content: space-between;
5283
5341
  .metric-extra {
5284
5342
  display: flex;
@@ -5311,7 +5369,7 @@
5311
5369
  }
5312
5370
  }
5313
5371
 
5314
- .E_l1bifhon {
5372
+ .E_l1oyigan {
5315
5373
  display: flex;
5316
5374
  align-items: center;
5317
5375
  white-space: nowrap;
@@ -5319,84 +5377,38 @@
5319
5377
  width: 100%;
5320
5378
 
5321
5379
  .ant-dropdown-trigger {
5380
+ margin-left: auto;
5322
5381
  font-size: 12px;
5323
- margin-left: 8px;
5324
5382
  }
5325
5383
  }
5326
5384
 
5327
- .E_ltthzck {
5385
+ .E_l1noi4n1 {
5328
5386
  display: flex;
5329
5387
  justify-content: flex-start;
5330
5388
  align-items: center;
5331
5389
  font-size: 12px;
5332
5390
  cursor: pointer;
5333
- &:not(:first-child) {
5334
- margin-left: 8px;
5335
- }
5336
-
5337
- &.deselected,
5338
- &.hovering {
5339
- opacity: 0.3;
5340
5391
 
5341
- &:not(.hoverering-self) .color-block {
5342
- background: #b4beca !important;
5343
- border-radius: 2px;
5344
- }
5345
- }
5346
- &.hoverering-self {
5347
- opacity: 1;
5348
- }
5349
- .dropdown-trigger {
5350
- margin-left: 12px;
5351
- }
5352
- .legend-name {
5353
- color: $text-light-primary;
5354
- }
5355
- .icon-suffix-wrapper {
5356
- display: flex;
5357
- align-items: center;
5358
- margin-left: 4px;
5392
+ &:not(:last-child) {
5393
+ margin-right: 20px;
5359
5394
  }
5360
- }
5361
-
5362
- .E_l1mumj7o {
5363
- display: flex;
5364
- justify-content: flex-start;
5365
- align-items: center;
5366
- font-size: 12px;
5367
- cursor: pointer;
5368
-
5369
- &.deselected,
5370
- &.hovering {
5371
- opacity: 0.3;
5395
+ &.deselected {
5396
+ opacity: 0.4;
5372
5397
 
5373
- &:not(.hoverering-self) .color-block {
5398
+ .color-block {
5374
5399
  background: #b4beca !important;
5375
- border-radius: 2px;
5376
5400
  }
5377
5401
  }
5378
- .legend-name {
5379
- color: $text-light-primary;
5380
- }
5381
- &.hoverering-self {
5382
- opacity: 1;
5383
- }
5384
- .icon-suffix-wrapper {
5385
- margin-left: 4px;
5386
- display: flex;
5387
- align-items: center;
5388
- }
5389
5402
  }
5390
5403
 
5391
- .E_c14rn6j5 {
5404
+ .E_cz19rz6 {
5392
5405
  display: inline-block;
5393
5406
  height: 8px;
5394
5407
  width: 8px;
5395
- margin-right: 6px;
5396
- border-radius: 2px;
5408
+ margin-right: 8px;
5397
5409
  }
5398
5410
 
5399
- .E_e45tc5l {
5411
+ .E_e17r5r9c {
5400
5412
  .ant-dropdown-menu-item {
5401
5413
  display: flex;
5402
5414
  align-items: center;
@@ -5405,7 +5417,7 @@
5405
5417
  }
5406
5418
  }
5407
5419
 
5408
- .E_lqeaosa {
5420
+ .E_m1y1hhnr {
5409
5421
  position: relative;
5410
5422
 
5411
5423
  &.hidden-xaxis .pointer-wrapper {
@@ -5416,9 +5428,10 @@
5416
5428
  display: flex;
5417
5429
  justify-content: space-between;
5418
5430
  line-height: 30px;
5431
+ margin: 0 16px;
5432
+
5419
5433
  .metric-extra {
5420
5434
  display: flex;
5421
- flex-shrink: 0;
5422
5435
  font-size: 12px;
5423
5436
  align-items: center;
5424
5437
 
@@ -5444,28 +5457,26 @@
5444
5457
  position: absolute;
5445
5458
  bottom: 10px;
5446
5459
  padding: 0 8px;
5460
+ border-radius: 4px;
5447
5461
  font-size: 12px;
5448
5462
  color: $white;
5463
+ background: rgba(0, 0, 0, 0.75);
5449
5464
  transform: translateX(-50%);
5450
5465
  }
5451
5466
  }
5452
5467
 
5453
- .E_t2pr38p {
5468
+ .E_tnvijvs {
5454
5469
  min-width: 200px;
5455
- background-color: $fill-neutral-trans-8;
5456
- border-radius: 4px;
5457
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5458
- padding: 8px;
5459
5470
  }
5460
5471
 
5461
- .E_tecdsj7 {
5472
+ .E_t1ub2aex {
5462
5473
  display: flex;
5463
5474
  align-items: center;
5464
- background-color: unset;
5465
- color: $text-neutral-ontint;
5466
5475
  justify-content: space-between;
5476
+ background-color: rgba(0, 0, 0, 0.75);
5477
+ color: #b4beca;
5467
5478
  font-size: 12px;
5468
- padding-top: 6px;
5479
+ padding: 3px 6px;
5469
5480
 
5470
5481
  &:first-child {
5471
5482
  padding-top: 3px;
@@ -5474,22 +5485,11 @@
5474
5485
  padding-bottom: 3px;
5475
5486
  }
5476
5487
  .column-value {
5477
- color: $text-neutral-ontint;
5488
+ color: $white;
5478
5489
  margin-left: 8px;
5479
5490
  }
5480
5491
  }
5481
5492
 
5482
- .E_ljhvvia {
5483
- display: inline-block;
5484
- height: 8px;
5485
- width: 8px;
5486
- margin-right: 8px;
5487
- border-radius: 2px;
5488
- &.borderd {
5489
- border: 1px solid $stroke-neutral-white;
5490
- }
5491
- }
5492
-
5493
5493
 
5494
5494
  .E_bpgac8u {
5495
5495
  color: #FFFFFF;
@@ -6019,11 +6019,6 @@
6019
6019
  }
6020
6020
 
6021
6021
 
6022
- .E_t1616y1o {
6023
- color: $text-light-on-tint;
6024
- }
6025
-
6026
-
6027
6022
  .E_f16blduf {
6028
6023
  &.ant-form-item {
6029
6024
  margin-bottom: 0;
@@ -6050,6 +6045,11 @@
6050
6045
  }
6051
6046
 
6052
6047
 
6048
+ .E_t1616y1o {
6049
+ color: $text-light-on-tint;
6050
+ }
6051
+
6052
+
6053
6053
  .E_a9y3flr {
6054
6054
  margin-left: 8px;
6055
6055
  }
@@ -6060,6 +6060,19 @@
6060
6060
  }
6061
6061
 
6062
6062
 
6063
+ .E_i14c7jc8 {
6064
+ color: var(--i14c7jc8-0);
6065
+ }
6066
+
6067
+ .E_i1ibuolf {
6068
+ display: flex;
6069
+ align-items: center;
6070
+ column-gap: 4px;
6071
+ font-size: 12px;
6072
+ color: #2C3852BF;
6073
+ }
6074
+
6075
+
6063
6076
  .E_d1u4ndxc {
6064
6077
  color: #2C3852BF;
6065
6078
  font-size: 12px;
@@ -6087,27 +6100,81 @@
6087
6100
  opacity: 1;
6088
6101
  }
6089
6102
 
6090
- @keyframes loading {
6091
- from {
6092
- transform: translateX(-100%);
6093
- }
6094
- to {
6095
- transform: translateX(100%);
6103
+ @keyframes loading {
6104
+ from {
6105
+ transform: translateX(-100%);
6106
+ }
6107
+ to {
6108
+ transform: translateX(100%);
6109
+ }
6110
+ }
6111
+ }
6112
+
6113
+
6114
+ .E_s1ebs0ra {
6115
+ display: flex;
6116
+ align-items: center;
6117
+ justify-content: space-between;
6118
+ background: $backgrounds-light-grouped;
6119
+ padding: 8px 12px;
6120
+ position: sticky;
6121
+ top: 0;
6122
+ z-index: 1;
6123
+ margin-bottom: -52px;
6124
+
6125
+ .select-total {
6126
+ display: flex;
6127
+ align-items: center;
6128
+ font-weight: 700;
6129
+ flex-shrink: 0;
6130
+
6131
+ .icon-wrapper {
6132
+ cursor: pointer;
6133
+ margin-left: 8px;
6134
+ width: 32px;
6135
+ height: 32px;
6136
+ border-radius: 50%;
6137
+ justify-content: center;
6138
+
6139
+ &:hover {
6140
+ background: $fills-light-trans-2;
6141
+ }
6096
6142
  }
6097
6143
  }
6098
- }
6099
-
6144
+ .action-group {
6145
+ flex: 1;
6146
+ margin-left: 88px;
6147
+ white-space: nowrap;
6148
+ text-align: right;
6149
+ position: relative;
6150
+ padding: 4px 0;
6151
+ margin-top: -4px;
6152
+ overflow: hidden;
6153
+ .sub-menu-delete {
6154
+ transform: translateY(-4px);
6155
+ }
6156
+ button {
6157
+ border: none;
6158
+ }
6159
+ > *:not(:last-child) {
6160
+ margin-right: 8px;
6161
+ }
6100
6162
 
6101
- .E_i14c7jc8 {
6102
- color: var(--i14c7jc8-0);
6103
- }
6163
+ > button:last-child {
6164
+ margin-right: 4px;
6165
+ }
6166
+ .more-btn {
6167
+ cursor: pointer;
6168
+ width: 32px;
6169
+ height: 32px;
6170
+ justify-content: center;
6171
+ border-radius: 50%;
6104
6172
 
6105
- .E_i1ibuolf {
6106
- display: flex;
6107
- align-items: center;
6108
- column-gap: 4px;
6109
- font-size: 12px;
6110
- color: #2C3852BF;
6173
+ &:hover {
6174
+ background: $white;
6175
+ }
6176
+ }
6177
+ }
6111
6178
  }
6112
6179
 
6113
6180
 
@@ -6209,101 +6276,6 @@
6209
6276
  }
6210
6277
 
6211
6278
 
6212
- .E_skwah65 {
6213
- height: 8px;
6214
- box-sizing: border-box;
6215
- border-radius: 2px;
6216
- background: #f5f7fa;
6217
- display: flex;
6218
- width: 100%;
6219
- overflow: hidden;
6220
-
6221
- .stack-bar-item + .stack-bar-item {
6222
- margin-left: 1px;
6223
- }
6224
- }
6225
-
6226
-
6227
- .E_s1ebs0ra {
6228
- display: flex;
6229
- align-items: center;
6230
- justify-content: space-between;
6231
- background: $backgrounds-light-grouped;
6232
- padding: 8px 12px;
6233
- position: sticky;
6234
- top: 0;
6235
- z-index: 1;
6236
- margin-bottom: -52px;
6237
-
6238
- .select-total {
6239
- display: flex;
6240
- align-items: center;
6241
- font-weight: 700;
6242
- flex-shrink: 0;
6243
-
6244
- .icon-wrapper {
6245
- cursor: pointer;
6246
- margin-left: 8px;
6247
- width: 32px;
6248
- height: 32px;
6249
- border-radius: 50%;
6250
- justify-content: center;
6251
-
6252
- &:hover {
6253
- background: $fills-light-trans-2;
6254
- }
6255
- }
6256
- }
6257
- .action-group {
6258
- flex: 1;
6259
- margin-left: 88px;
6260
- white-space: nowrap;
6261
- text-align: right;
6262
- position: relative;
6263
- padding: 4px 0;
6264
- margin-top: -4px;
6265
- overflow: hidden;
6266
- .sub-menu-delete {
6267
- transform: translateY(-4px);
6268
- }
6269
- button {
6270
- border: none;
6271
- }
6272
- > *:not(:last-child) {
6273
- margin-right: 8px;
6274
- }
6275
-
6276
- > button:last-child {
6277
- margin-right: 4px;
6278
- }
6279
- .more-btn {
6280
- cursor: pointer;
6281
- width: 32px;
6282
- height: 32px;
6283
- justify-content: center;
6284
- border-radius: 50%;
6285
-
6286
- &:hover {
6287
- background: $white;
6288
- }
6289
- }
6290
- }
6291
- }
6292
-
6293
-
6294
- .E_gmyahx3 {
6295
- cursor: pointer;
6296
-
6297
- .link-text {
6298
- color: $text-light-tertiary;
6299
- }
6300
-
6301
- &:hover .link-text {
6302
- color: $text-light-general;
6303
- }
6304
- }
6305
-
6306
-
6307
6279
  .E_c18bcrac {
6308
6280
  display: inline-block;
6309
6281
  width: 100%;
@@ -6511,162 +6483,57 @@
6511
6483
  }
6512
6484
  .month-day-option {
6513
6485
  width: 32px;
6514
- padding: 0;
6515
- margin-bottom: 8px;
6516
-
6517
- &.active {
6518
- background-color: $blue;
6519
- border-color: $blue;
6520
- color: $white;
6521
- }
6522
- }
6523
- }
6524
-
6525
-
6526
- .E_tqjc4ui {
6527
- @at-root {
6528
- span#{&} {
6529
- margin: 0 2px;
6530
- }
6531
- }
6532
- }
6533
-
6534
-
6535
- .E_s1at6qmn {
6536
- &.ant-layout-sider {
6537
- background: $backgrounds-light-grouped;
6538
- padding: 32px 8px;
6539
- overflow: auto;
6540
- }
6541
-
6542
- .ant-layout-sider-children {
6543
- display: flex;
6544
- flex-direction: column;
6545
- justify-content: space-between;
6546
- }
6547
-
6548
- footer {
6549
- display: flex;
6550
- }
6551
-
6552
- .ant-menu {
6553
- background: $backgrounds-light-grouped;
6554
- a {
6555
- color: $text-light-primary;
6556
- width: 180px;
6557
- overflow: hidden;
6558
- text-overflow: ellipsis;
6559
- }
6560
- }
6561
-
6562
- .ant-menu-vertical {
6563
- margin-bottom: 24px;
6564
-
6565
- .ant-menu-item-group {
6566
- .ant-menu-item {
6567
- margin: 0;
6568
- }
6569
- .ant-menu-item-group-title {
6570
- font-size: 12px;
6571
- padding: 0 8px 4px;
6572
- line-height: 18px;
6573
-
6574
- &:empty {
6575
- padding: 0;
6576
- }
6577
- }
6578
- &:not(:last-child) {
6579
- padding-bottom: 24px;
6580
- &.split {
6581
- margin-bottom: 24px;
6582
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6583
- }
6584
- }
6585
- }
6586
-
6587
- .ant-menu-item {
6588
- transition: none;
6589
- display: flex;
6590
- align-items: center;
6591
- height: 32px;
6592
- line-height: 22px;
6593
- padding: 0 8px;
6594
-
6595
- > .icon-wrapper {
6596
- margin-right: 12px;
6597
- }
6598
-
6599
- &:not(:last-child) {
6600
- margin: 0;
6601
- margin-bottom: 2px;
6602
- }
6603
- &.ant-menu-item-selected {
6604
- background: $background-selected;
6605
- box-shadow: $box-shadow-light-selected;
6606
- border-radius: 6px;
6607
- color: $text-light-on-tint;
6608
- a {
6609
- color: $text-light-on-tint;
6610
- }
6611
- }
6612
- &:not(.ant-menu-item-selected) {
6613
- &.ant-menu-item:hover,
6614
- &.ant-menu-item-active {
6615
- background: $background-onhover;
6616
- box-shadow: $box-shadow-light-onhover;
6617
- border-radius: 6px;
6618
- }
6619
- }
6486
+ padding: 0;
6487
+ margin-bottom: 8px;
6488
+
6489
+ &.active {
6490
+ background-color: $blue;
6491
+ border-color: $blue;
6492
+ color: $white;
6620
6493
  }
6621
6494
  }
6622
6495
  }
6623
6496
 
6624
- .E_s1wu0lms {
6625
- .ant-menu-item-group-title {
6626
- white-space: nowrap;
6627
- transition: all 0s;
6628
- }
6629
6497
 
6630
- &.shrink {
6631
- transition: all 0s;
6632
- overflow: hidden;
6498
+ .E_gmyahx3 {
6499
+ cursor: pointer;
6633
6500
 
6634
- .ant-menu-item-group-title {
6635
- visibility: hidden;
6636
- }
6501
+ .link-text {
6502
+ color: $text-light-tertiary;
6503
+ }
6637
6504
 
6638
- .ant-menu-item {
6639
- width: 36px;
6640
- padding: 0 6px;
6641
- }
6505
+ &:hover .link-text {
6506
+ color: $text-light-general;
6642
6507
  }
6643
6508
  }
6644
6509
 
6645
- .E_n1ugzfva {
6510
+
6511
+ .E_n12mqh7z {
6646
6512
  display: flex;
6647
- place-items: center;
6648
- width: 100% !important;
6513
+ align-items: center;
6514
+ font-size: 12px;
6515
+ line-height: 18px;
6649
6516
 
6650
- &[disabled] {
6651
- color: rgba(0, 0, 0, 0.25) !important;
6652
- opacity: 1 !important;
6517
+ &:not(:last-child) {
6518
+ margin-bottom: 4px;
6653
6519
  }
6520
+ }
6654
6521
 
6655
- &.ant-btn {
6656
- width: 100%;
6657
- color: $text-light-primary;
6658
- }
6522
+ .E_tf5bynu {
6523
+ margin: 0 3px;
6524
+ }
6659
6525
 
6660
- .icon-wrapper {
6661
- margin-right: 12px;
6662
- }
6526
+ .E_tcckoz1 {
6527
+ max-height: 400px;
6528
+ overflow: auto;
6529
+ }
6663
6530
 
6664
- .link-title {
6665
- flex: 1;
6666
- overflow: hidden;
6667
- white-space: nowrap;
6668
- text-overflow: ellipsis;
6669
- text-align: left;
6531
+
6532
+ .E_tqjc4ui {
6533
+ @at-root {
6534
+ span#{&} {
6535
+ margin: 0 2px;
6536
+ }
6670
6537
  }
6671
6538
  }
6672
6539
 
@@ -6821,24 +6688,206 @@
6821
6688
  }
6822
6689
 
6823
6690
 
6824
- .E_n12mqh7z {
6691
+ .E_ou7iq30 {
6692
+ overflow: hidden;
6693
+ text-overflow: ellipsis;
6694
+ }
6695
+
6696
+ .E_s1tui002 {
6697
+ white-space: nowrap;
6698
+ }
6699
+
6700
+ .E_mxrc2zg {
6701
+ display: -webkit-box;
6702
+ -webkit-line-clamp: var(--mxrc2zg-0);
6703
+ -webkit-box-orient: vertical;
6704
+ word-break: break-all;
6705
+ }
6706
+
6707
+ .E_t1vv6d68 {
6708
+ .ant-tooltip-arrow {
6709
+ display: none;
6710
+ }
6711
+ .ant-tooltip-inner {
6712
+ background: $gray-a80-9;
6713
+ border-radius: 4px;
6714
+ &:has(.eagle-ellipsis-content) {
6715
+ visibility: hidden;
6716
+ }
6717
+ }
6718
+ }
6719
+
6720
+
6721
+ .E_skwah65 {
6722
+ height: 8px;
6723
+ box-sizing: border-box;
6724
+ border-radius: 2px;
6725
+ background: #f5f7fa;
6825
6726
  display: flex;
6826
- align-items: center;
6827
- font-size: 12px;
6828
- line-height: 18px;
6727
+ width: 100%;
6728
+ overflow: hidden;
6829
6729
 
6830
- &:not(:last-child) {
6831
- margin-bottom: 4px;
6730
+ .stack-bar-item + .stack-bar-item {
6731
+ margin-left: 1px;
6832
6732
  }
6833
6733
  }
6834
6734
 
6835
- .E_tf5bynu {
6836
- margin: 0 3px;
6735
+
6736
+ .E_s1at6qmn {
6737
+ &.ant-layout-sider {
6738
+ background: $backgrounds-light-grouped;
6739
+ padding: 32px 8px;
6740
+ overflow: auto;
6741
+ }
6742
+
6743
+ .ant-layout-sider-children {
6744
+ display: flex;
6745
+ flex-direction: column;
6746
+ justify-content: space-between;
6747
+ }
6748
+
6749
+ footer {
6750
+ display: flex;
6751
+ }
6752
+
6753
+ .ant-menu {
6754
+ background: $backgrounds-light-grouped;
6755
+ a {
6756
+ color: $text-light-primary;
6757
+ width: 180px;
6758
+ overflow: hidden;
6759
+ text-overflow: ellipsis;
6760
+ }
6761
+ }
6762
+
6763
+ .ant-menu-vertical {
6764
+ margin-bottom: 24px;
6765
+
6766
+ .ant-menu-item-group {
6767
+ .ant-menu-item {
6768
+ margin: 0;
6769
+ }
6770
+ .ant-menu-item-group-title {
6771
+ font-size: 12px;
6772
+ padding: 0 8px 4px;
6773
+ line-height: 18px;
6774
+
6775
+ &:empty {
6776
+ padding: 0;
6777
+ }
6778
+ }
6779
+ &:not(:last-child) {
6780
+ padding-bottom: 24px;
6781
+ &.split {
6782
+ margin-bottom: 24px;
6783
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6784
+ }
6785
+ }
6786
+ }
6787
+
6788
+ .ant-menu-item {
6789
+ transition: none;
6790
+ display: flex;
6791
+ align-items: center;
6792
+ height: 32px;
6793
+ line-height: 22px;
6794
+ padding: 0 8px;
6795
+
6796
+ > .icon-wrapper {
6797
+ margin-right: 12px;
6798
+ }
6799
+
6800
+ &:not(:last-child) {
6801
+ margin: 0;
6802
+ margin-bottom: 2px;
6803
+ }
6804
+ &.ant-menu-item-selected {
6805
+ background: $background-selected;
6806
+ box-shadow: $box-shadow-light-selected;
6807
+ border-radius: 6px;
6808
+ color: $text-light-on-tint;
6809
+ a {
6810
+ color: $text-light-on-tint;
6811
+ }
6812
+ }
6813
+ &:not(.ant-menu-item-selected) {
6814
+ &.ant-menu-item:hover,
6815
+ &.ant-menu-item-active {
6816
+ background: $background-onhover;
6817
+ box-shadow: $box-shadow-light-onhover;
6818
+ border-radius: 6px;
6819
+ }
6820
+ }
6821
+ }
6822
+ }
6837
6823
  }
6838
6824
 
6839
- .E_tcckoz1 {
6840
- max-height: 400px;
6841
- overflow: auto;
6825
+ .E_s1wu0lms {
6826
+ .ant-menu-item-group-title {
6827
+ white-space: nowrap;
6828
+ transition: all 0s;
6829
+ }
6830
+
6831
+ &.shrink {
6832
+ transition: all 0s;
6833
+ overflow: hidden;
6834
+
6835
+ .ant-menu-item-group-title {
6836
+ visibility: hidden;
6837
+ }
6838
+
6839
+ .ant-menu-item {
6840
+ width: 36px;
6841
+ padding: 0 6px;
6842
+ }
6843
+ }
6844
+ }
6845
+
6846
+ .E_n1ugzfva {
6847
+ display: flex;
6848
+ place-items: center;
6849
+ width: 100% !important;
6850
+
6851
+ &[disabled] {
6852
+ color: rgba(0, 0, 0, 0.25) !important;
6853
+ opacity: 1 !important;
6854
+ }
6855
+
6856
+ &.ant-btn {
6857
+ width: 100%;
6858
+ color: $text-light-primary;
6859
+ }
6860
+
6861
+ .icon-wrapper {
6862
+ margin-right: 12px;
6863
+ }
6864
+
6865
+ .link-title {
6866
+ flex: 1;
6867
+ overflow: hidden;
6868
+ white-space: nowrap;
6869
+ text-overflow: ellipsis;
6870
+ text-align: left;
6871
+ }
6872
+ }
6873
+
6874
+
6875
+ .E_u15heuvq {
6876
+ &.content {
6877
+ cursor: default !important;
6878
+ &.link {
6879
+ cursor: pointer !important;
6880
+ &:hover {
6881
+ color: $text-colorful-outstanding;
6882
+ }
6883
+ }
6884
+ &.black {
6885
+ color: $text-neutral-primary;
6886
+ }
6887
+ &.gray {
6888
+ color: $text-neutral-secondary;
6889
+ }
6890
+ }
6842
6891
  }
6843
6892
 
6844
6893
 
@@ -7110,36 +7159,6 @@
7110
7159
  }
7111
7160
 
7112
7161
 
7113
- .E_ou7iq30 {
7114
- overflow: hidden;
7115
- text-overflow: ellipsis;
7116
- }
7117
-
7118
- .E_s1tui002 {
7119
- white-space: nowrap;
7120
- }
7121
-
7122
- .E_mxrc2zg {
7123
- display: -webkit-box;
7124
- -webkit-line-clamp: var(--mxrc2zg-0);
7125
- -webkit-box-orient: vertical;
7126
- word-break: break-all;
7127
- }
7128
-
7129
- .E_t1vv6d68 {
7130
- .ant-tooltip-arrow {
7131
- display: none;
7132
- }
7133
- .ant-tooltip-inner {
7134
- background: $gray-a80-9;
7135
- border-radius: 4px;
7136
- &:has(.eagle-ellipsis-content) {
7137
- visibility: hidden;
7138
- }
7139
- }
7140
- }
7141
-
7142
-
7143
7162
  .E_cyms3br {
7144
7163
  background: #fff;
7145
7164
  width: 100%;
@@ -7196,57 +7215,6 @@
7196
7215
  }
7197
7216
 
7198
7217
 
7199
- .E_h1ol2wl7 {
7200
- font-weight: bold;
7201
- background-color: unset;
7202
- padding: unset;
7203
- }
7204
-
7205
-
7206
- .E_i5w779o {
7207
- padding: 8px 0;
7208
-
7209
- .col-label {
7210
- flex-shrink: unset;
7211
- * {
7212
- line-height: 18px;
7213
- }
7214
- }
7215
- .col-content {
7216
- flex: 1 1 0;
7217
- display: flex;
7218
- align-items: center;
7219
- * {
7220
- line-height: 18px;
7221
- }
7222
- }
7223
- }
7224
-
7225
- .E_l18dja44 {
7226
- padding: 6px 0;
7227
-
7228
- .col-label * {
7229
- font-size: 13px;
7230
- line-height: 20px;
7231
- }
7232
- .col-content * {
7233
- font-size: 14px;
7234
- line-height: 20px;
7235
- }
7236
- }
7237
-
7238
- .E_c8c2hys {
7239
- display: flex;
7240
- justify-content: space-between;
7241
- flex: 1;
7242
- min-width: 0;
7243
- }
7244
-
7245
- .E_n4m6c4d {
7246
- color: $text-light-tertiary;
7247
- }
7248
-
7249
-
7250
7218
  .E_kr6am0s {
7251
7219
  .ant-modal-body {
7252
7220
  padding: 60px 128px;
@@ -7321,31 +7289,54 @@
7321
7289
  }
7322
7290
 
7323
7291
 
7324
- .E_l12xdkhl {
7325
- width: 64px;
7326
- height: 64px;
7327
- max-width: 64px;
7328
- max-height: 64px;
7329
- overflow: hidden;
7330
- display: flex;
7331
- align-items: center;
7332
- justify-content: center;
7333
- position: relative;
7334
- opacity: 0.6;
7335
- .icon-wrapper {
7336
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7337
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7292
+ .E_i5w779o {
7293
+ padding: 8px 0;
7294
+
7295
+ .col-label {
7296
+ flex-shrink: unset;
7297
+ * {
7298
+ line-height: 18px;
7299
+ }
7300
+ }
7301
+ .col-content {
7302
+ flex: 1 1 0;
7303
+ display: flex;
7304
+ align-items: center;
7305
+ * {
7306
+ line-height: 18px;
7307
+ }
7338
7308
  }
7339
7309
  }
7340
7310
 
7311
+ .E_l18dja44 {
7312
+ padding: 6px 0;
7341
7313
 
7342
- .E_cevhqx7 {
7343
- color: $text-light-primary;
7314
+ .col-label * {
7315
+ font-size: 13px;
7316
+ line-height: 20px;
7317
+ }
7318
+ .col-content * {
7319
+ font-size: 14px;
7320
+ line-height: 20px;
7321
+ }
7344
7322
  }
7345
7323
 
7346
- .E_snbqlt4 {
7347
- margin-top: 8px;
7348
- color: $text-light-secondary;
7324
+ .E_c8c2hys {
7325
+ display: flex;
7326
+ justify-content: space-between;
7327
+ flex: 1;
7328
+ min-width: 0;
7329
+ }
7330
+
7331
+ .E_n4m6c4d {
7332
+ color: $text-light-tertiary;
7333
+ }
7334
+
7335
+
7336
+ .E_h1ol2wl7 {
7337
+ font-weight: bold;
7338
+ background-color: unset;
7339
+ padding: unset;
7349
7340
  }
7350
7341
 
7351
7342
 
@@ -7400,6 +7391,59 @@
7400
7391
  }
7401
7392
 
7402
7393
 
7394
+ .E_c1ss4prm {
7395
+ color: $text-light-secondary;
7396
+
7397
+ li {
7398
+ margin-bottom: 4px;
7399
+
7400
+ &:last-child {
7401
+ margin-bottom: 0;
7402
+ }
7403
+ }
7404
+ }
7405
+
7406
+ .E_ms3tlei {
7407
+ background: $fill-neutral-trans-2;
7408
+ padding: 8px;
7409
+ border-radius: 6px;
7410
+ color: $gray-a60-8;
7411
+
7412
+ li {
7413
+ margin-bottom: 4px;
7414
+
7415
+ &:last-child {
7416
+ margin-bottom: 0;
7417
+ }
7418
+ }
7419
+ }
7420
+
7421
+ .E_du44iy7 {
7422
+ margin-bottom: 4px;
7423
+ }
7424
+
7425
+ .E_s1qmhanr {
7426
+ color: $text-light-secondary;
7427
+ margin-bottom: 8px;
7428
+ }
7429
+
7430
+ .E_drje1h0 {
7431
+ height: 1px;
7432
+ background: $strokes-light-opaque-2;
7433
+ margin: 16px 0;
7434
+ }
7435
+
7436
+
7437
+ .E_cevhqx7 {
7438
+ color: $text-light-primary;
7439
+ }
7440
+
7441
+ .E_snbqlt4 {
7442
+ margin-top: 8px;
7443
+ color: $text-light-secondary;
7444
+ }
7445
+
7446
+
7403
7447
  .E_c1kchka8 {
7404
7448
  height: 100%;
7405
7449
  width: 100%;
@@ -7999,45 +8043,20 @@
7999
8043
  }
8000
8044
 
8001
8045
 
8002
- .E_c1ss4prm {
8003
- color: $text-light-secondary;
8004
-
8005
- li {
8006
- margin-bottom: 4px;
8007
-
8008
- &:last-child {
8009
- margin-bottom: 0;
8010
- }
8011
- }
8012
- }
8013
-
8014
- .E_ms3tlei {
8015
- background: $fill-neutral-trans-2;
8016
- padding: 8px;
8017
- border-radius: 6px;
8018
- color: $gray-a60-8;
8019
-
8020
- li {
8021
- margin-bottom: 4px;
8022
-
8023
- &:last-child {
8024
- margin-bottom: 0;
8025
- }
8046
+ .E_l12xdkhl {
8047
+ width: 64px;
8048
+ height: 64px;
8049
+ max-width: 64px;
8050
+ max-height: 64px;
8051
+ overflow: hidden;
8052
+ display: flex;
8053
+ align-items: center;
8054
+ justify-content: center;
8055
+ position: relative;
8056
+ opacity: 0.6;
8057
+ .icon-wrapper {
8058
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
8059
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
8026
8060
  }
8027
8061
  }
8028
8062
 
8029
- .E_du44iy7 {
8030
- margin-bottom: 4px;
8031
- }
8032
-
8033
- .E_s1qmhanr {
8034
- color: $text-light-secondary;
8035
- margin-bottom: 8px;
8036
- }
8037
-
8038
- .E_drje1h0 {
8039
- height: 1px;
8040
- background: $strokes-light-opaque-2;
8041
- margin: 16px 0;
8042
- }
8043
-