@cloudtower/eagle 0.33.30 → 0.33.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,22 @@
1
+ .E_berrcjl {
2
+ color: $text-terdiary-light;
3
+ margin-bottom: 4px;
4
+
5
+ .breadcrumb-link {
6
+ color: $text-terdiary-light;
7
+ cursor: pointer;
8
+ transition: color 160ms ease;
9
+
10
+ &:hover {
11
+ color: $blue-60;
12
+ }
13
+ &:active {
14
+ color: $blue-80;
15
+ }
16
+ }
17
+ }
18
+
19
+
1
20
  .E_m74vjol {
2
21
  display: flex;
3
22
  justify-content: space-between;
@@ -23,50 +42,6 @@
23
42
  }
24
43
 
25
44
 
26
- .E_c1uzzomf {
27
- margin-bottom: 16px;
28
-
29
- .card-title {
30
- font-size: 16px;
31
- color: $text-secondary-light;
32
- font-weight: 700;
33
- line-height: 32px;
34
- }
35
- .card-body {
36
- padding: 24px;
37
- border-radius: 8px;
38
- background: $fills-light-white;
39
- }
40
-
41
- .empty {
42
- font-weight: 700;
43
- font-size: 14px;
44
- line-height: 22px;
45
- color: $text-light-tertiary;
46
- text-align: center;
47
- }
48
- }
49
-
50
-
51
- .E_berrcjl {
52
- color: $text-terdiary-light;
53
- margin-bottom: 4px;
54
-
55
- .breadcrumb-link {
56
- color: $text-terdiary-light;
57
- cursor: pointer;
58
- transition: color 160ms ease;
59
-
60
- &:hover {
61
- color: $blue-60;
62
- }
63
- &:active {
64
- color: $blue-80;
65
- }
66
- }
67
- }
68
-
69
-
70
45
  .E_c18gxmrl {
71
46
  border: 1px solid $gray-40;
72
47
  border-radius: 4px;
@@ -494,6 +469,97 @@
494
469
  }
495
470
 
496
471
 
472
+ .E_d1bw7c5z {
473
+ position: relative;
474
+ max-width: 388px;
475
+ min-width: 285px;
476
+ .center {
477
+ position: absolute;
478
+ font-size: 12px;
479
+ width: 80px;
480
+ height: 100px;
481
+ top: 0;
482
+ left: 35px;
483
+ display: flex;
484
+ flex-direction: column;
485
+ justify-content: center;
486
+ align-items: center;
487
+ color: $text-light-primary;
488
+
489
+ .number {
490
+ font-size: 24px;
491
+ font-weight: 700;
492
+ }
493
+
494
+ .text {
495
+ padding: 0 5px;
496
+ font-size: 12px;
497
+ width: inherit;
498
+ text-align: center;
499
+ }
500
+ }
501
+ .recharts-wrapper {
502
+ display: flex;
503
+ .recharts-legend-wrapper {
504
+ position: relative !important;
505
+ min-width: calc(
506
+ 100% - var(--d1bw7c5z-0)
507
+ ) !important;
508
+ left: 0 !important;
509
+ bottom: 0 !important;
510
+ display: flex;
511
+ align-items: center;
512
+ .recharts-default-legend {
513
+ width: 100%;
514
+ }
515
+ li {
516
+ width: 100%;
517
+ margin-right: 0 !important;
518
+ line-height: 18px;
519
+ & > svg {
520
+ border-radius: 2px;
521
+ }
522
+ & > .recharts-legend-item-text {
523
+ min-width: 75px;
524
+ max-width: 198px;
525
+ width: calc(100% - 20px);
526
+ margin-left: 2px;
527
+ color: $text-light-primary !important;
528
+ display: inline-flex;
529
+ justify-content: space-between;
530
+ }
531
+ }
532
+ }
533
+ }
534
+ .tooltip-text {
535
+ maxwidth: calc(100% - 12px);
536
+ cursor: pointer;
537
+ border-bottom: 1px dashed $strokes-light-trans-4;
538
+ overflow: hidden;
539
+ text-overflow: ellipsis;
540
+ white-space: nowrap;
541
+ }
542
+
543
+ .value {
544
+ color: $text-neutral-secondary;
545
+ }
546
+ }
547
+
548
+ .E_t10pqbtc {
549
+ width: 140px;
550
+
551
+ .item {
552
+ margin: 6px auto;
553
+ display: flex;
554
+ justify-content: space-between;
555
+
556
+ .name {
557
+ width: 102px;
558
+ }
559
+ }
560
+ }
561
+
562
+
497
563
  .E_d133fzv0 {
498
564
  .ant-dropdown-menu-item-group {
499
565
  .ant-dropdown-menu-item-group-title {
@@ -512,76 +578,231 @@
512
578
  }
513
579
 
514
580
 
515
- .E_i11gg7mj {
516
- .ant-input-prefix {
517
- margin-right: 8px;
581
+ .E_c1uzzomf {
582
+ margin-bottom: 16px;
583
+
584
+ .card-title {
585
+ font-size: 16px;
586
+ color: $text-secondary-light;
587
+ font-weight: 700;
588
+ line-height: 32px;
518
589
  }
519
- .ant-input-suffix {
520
- margin-left: 8px;
590
+ .card-body {
591
+ padding: 24px;
592
+ border-radius: 8px;
593
+ background: $fills-light-white;
521
594
  }
522
- }
523
595
 
524
- .E_cc368xp {
525
- color: $gray-120;
526
- border-right: 1px solid $gray-a60-5;
527
- margin-right: 8px;
528
- padding-right: 8px;
596
+ .empty {
597
+ font-weight: 700;
598
+ font-size: 14px;
599
+ line-height: 22px;
600
+ color: $text-light-tertiary;
601
+ text-align: center;
602
+ }
529
603
  }
530
604
 
531
- .E_i11o6xqj {
532
- display: flex;
533
- gap: 4px;
534
605
 
535
- .icon-wrapper {
536
- cursor: pointer;
606
+ .E_c1yyuluq {
607
+ border-radius: 8px;
608
+ .ant-card-body {
609
+ padding: 20px 24px 24px 24px;
537
610
  }
538
611
  }
539
612
 
540
- .E_d19ruhdj {
541
- &.icon-wrapper {
542
- cursor: not-allowed;
543
- }
544
- }
545
613
 
614
+ .E_phljevk {
615
+ display: flex;
616
+ justify-content: space-between;
617
+ align-items: center;
618
+ padding: 10px 0;
619
+ color: $text-light-secondary;
620
+ font-size: 12px;
621
+ line-height: 24px;
546
622
 
547
- .E_sx1bpnu {
548
- .ant-input-sm {
549
- line-height: 18px;
623
+ .pagination-left {
624
+ padding: 2px 8px;
550
625
  }
551
- }
552
626
 
627
+ .dropdown-trigger {
628
+ display: flex;
629
+ align-items: center;
630
+ border-radius: 6px;
631
+ cursor: pointer;
632
+ transition: all 0.3s ease;
553
633
 
554
- .E_ccrbeuz {
555
- .ant-collapse-item {
556
- border: 0px;
557
- background-color: $fills-light-white;
558
-
559
- .ant-collapse-header {
560
- padding-top: 0px;
561
- padding-bottom: 0px;
562
- padding-left: 0px !important;
563
- padding-right: 24px;
564
- .ant-collapse-arrow {
565
- right: 0px;
566
- }
634
+ &:hover {
635
+ background: $fills-interaction-light-general-hover;
636
+ color: $text-light-general;
567
637
  }
568
- .ant-collapse-content {
569
- .ant-collapse-content-box {
570
- padding: 0px;
571
- }
638
+ .icon-inner {
639
+ margin-left: 4px;
572
640
  }
573
641
  }
574
- }
575
642
 
576
- .E_c1fljvag {
577
- .ant-collapse-item {
578
- .ant-collapse-header {
579
- padding-right: 0px;
580
- cursor: default;
643
+ .pagination-right {
644
+ display: flex;
645
+ align-items: center;
646
+ color: $blue-60;
647
+ font-weight: bold;
648
+ .icon-inner {
649
+ margin-left: 4px;
581
650
  }
582
- }
583
- }
584
-
651
+ .prev-btn,
652
+ .next-btn {
653
+ padding: 0 8px;
654
+ > span {
655
+ color: $text-light-general;
656
+ }
657
+ }
658
+
659
+ .next-btn {
660
+ .icon-inner {
661
+ transform: rotate(180deg);
662
+ }
663
+ }
664
+ }
665
+ }
666
+
667
+ .E_d12rtyeg {
668
+ &.ant-dropdown .ant-dropdown-menu {
669
+ max-height: calc(100vh - 128px);
670
+ overflow-y: auto;
671
+
672
+ .ant-dropdown-menu-item {
673
+ padding: 4px 20px;
674
+ font-size: 12px;
675
+ line-height: 18px;
676
+ }
677
+ }
678
+ }
679
+
680
+
681
+ .E_itxley7 {
682
+ &.ant-input-group.ant-input-group-compact {
683
+ display: flex;
684
+ }
685
+
686
+ &.ant-input-group.ant-input-group-compact > *:first-child,
687
+ &.ant-input-group.ant-input-group-compact
688
+ > .ant-select:first-child
689
+ > .ant-select-selector,
690
+ &.ant-input-group.ant-input-group-compact
691
+ > .ant-calendar-picker:first-child
692
+ .ant-input,
693
+ &.ant-input-group.ant-input-group-compact
694
+ > .ant-select-auto-complete:first-child
695
+ .ant-input,
696
+ &.ant-input-group.ant-input-group-compact
697
+ > .ant-cascader-picker:first-child
698
+ .ant-input,
699
+ &.ant-input-group.ant-input-group-compact
700
+ > .ant-mention-wrapper:first-child
701
+ .ant-mention-editor,
702
+ &.ant-input-group.ant-input-group-compact
703
+ > .ant-time-picker:first-child
704
+ .ant-time-picker-input {
705
+ border-bottom-left-radius: 5px;
706
+ border-top-left-radius: 5px;
707
+ }
708
+ &.ant-input-group.ant-input-group-compact > *:last-child,
709
+ &.ant-input-group.ant-input-group-compact
710
+ > .ant-select:last-child
711
+ > .ant-select-selector,
712
+ &.ant-input-group.ant-input-group-compact
713
+ > .ant-calendar-picker:last-child
714
+ .ant-input,
715
+ &.ant-input-group.ant-input-group-compact
716
+ > .ant-select-auto-complete:last-child
717
+ .ant-input,
718
+ &.ant-input-group.ant-input-group-compact
719
+ > .ant-cascader-picker:last-child
720
+ .ant-input,
721
+ &.ant-input-group.ant-input-group-compact
722
+ > .ant-cascader-picker-focused:last-child
723
+ .ant-input,
724
+ &.ant-input-group.ant-input-group-compact
725
+ > .ant-mention-wrapper:last-child
726
+ .ant-mention-editor,
727
+ &.ant-input-group.ant-input-group-compact
728
+ > .ant-time-picker:last-child
729
+ .ant-time-picker-input {
730
+ border-bottom-right-radius: 5px;
731
+ border-top-right-radius: 5px;
732
+ }
733
+ }
734
+
735
+
736
+ .E_i11gg7mj {
737
+ .ant-input-prefix {
738
+ margin-right: 8px;
739
+ }
740
+ .ant-input-suffix {
741
+ margin-left: 8px;
742
+ }
743
+ }
744
+
745
+ .E_cc368xp {
746
+ color: $gray-120;
747
+ border-right: 1px solid $gray-a60-5;
748
+ margin-right: 8px;
749
+ padding-right: 8px;
750
+ }
751
+
752
+ .E_i11o6xqj {
753
+ display: flex;
754
+ gap: 4px;
755
+
756
+ .icon-wrapper {
757
+ cursor: pointer;
758
+ }
759
+ }
760
+
761
+ .E_d19ruhdj {
762
+ &.icon-wrapper {
763
+ cursor: not-allowed;
764
+ }
765
+ }
766
+
767
+
768
+ .E_sx1bpnu {
769
+ .ant-input-sm {
770
+ line-height: 18px;
771
+ }
772
+ }
773
+
774
+
775
+ .E_ccrbeuz {
776
+ .ant-collapse-item {
777
+ border: 0px;
778
+ background-color: $fills-light-white;
779
+
780
+ .ant-collapse-header {
781
+ padding-top: 0px;
782
+ padding-bottom: 0px;
783
+ padding-left: 0px !important;
784
+ padding-right: 24px;
785
+ .ant-collapse-arrow {
786
+ right: 0px;
787
+ }
788
+ }
789
+ .ant-collapse-content {
790
+ .ant-collapse-content-box {
791
+ padding: 0px;
792
+ }
793
+ }
794
+ }
795
+ }
796
+
797
+ .E_c1fljvag {
798
+ .ant-collapse-item {
799
+ .ant-collapse-header {
800
+ padding-right: 0px;
801
+ cursor: default;
802
+ }
803
+ }
804
+ }
805
+
585
806
 
586
807
  .E_rapgekc {
587
808
  &.ant-radio-wrapper {
@@ -764,252 +985,86 @@
764
985
  }
765
986
 
766
987
 
767
- .E_d1bw7c5z {
768
- position: relative;
769
- max-width: 388px;
770
- min-width: 285px;
771
- .center {
988
+ .E_ivqqkzv {
989
+ height: 24px;
990
+ width: 56px !important;
991
+ margin-right: 4px;
992
+ }
993
+
994
+ .E_c1wk4q29 {
995
+ color: $text-secondary-light;
996
+ }
997
+
998
+
999
+ .E_c1bus5hc {
1000
+ --color: white;
1001
+ height: 14px;
1002
+ width: 14px;
1003
+ border-radius: 50%;
1004
+ flex-shrink: 0;
1005
+ display: flex;
1006
+ align-items: center;
1007
+ justify-content: center;
1008
+ border: 1px solid var(--color);
1009
+
1010
+ .circle-inner {
1011
+ position: relative;
1012
+ height: 10px;
1013
+ width: 10px;
1014
+ border-radius: 50%;
1015
+ overflow: hidden;
1016
+ }
1017
+
1018
+ .circle-content {
772
1019
  position: absolute;
773
- font-size: 12px;
774
- width: 80px;
775
- height: 100px;
1020
+ height: 100%;
1021
+ width: 100%;
1022
+ left: 0;
776
1023
  top: 0;
777
- left: 35px;
778
- display: flex;
779
- flex-direction: column;
780
- justify-content: center;
781
- align-items: center;
782
- color: $text-light-primary;
1024
+ border-radius: 50%;
1025
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
+ transform: rotate(180deg);
1027
+ }
783
1028
 
784
- .number {
785
- font-size: 24px;
786
- font-weight: 700;
1029
+ .circle-child {
1030
+ position: absolute;
1031
+ height: 100%;
1032
+ width: 100%;
1033
+ left: 0;
1034
+ top: 0;
1035
+ margin-left: 50%;
1036
+ transform-origin: left;
1037
+ background: white;
1038
+ transform: rotate(0deg);
1039
+ }
1040
+ }
1041
+
1042
+
1043
+ .E_s1dizucg {
1044
+ &.ant-switch {
1045
+ min-width: 40px;
1046
+ height: 24px;
1047
+ background: $fills-trans-quinary-light;
1048
+ overflow: hidden;
1049
+ &:focus {
1050
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
787
1051
  }
1052
+ }
1053
+ &.ant-switch-small {
1054
+ min-width: 26px;
1055
+ height: 16px;
1056
+ }
1057
+ &.ant-switch-large {
1058
+ min-width: 52px;
1059
+ height: 32px;
1060
+ }
788
1061
 
789
- .text {
790
- padding: 0 5px;
791
- font-size: 12px;
792
- width: inherit;
793
- text-align: center;
794
- }
795
- }
796
- .recharts-wrapper {
797
- display: flex;
798
- .recharts-legend-wrapper {
799
- position: relative !important;
800
- min-width: calc(
801
- 100% - var(--d1bw7c5z-0)
802
- ) !important;
803
- left: 0 !important;
804
- bottom: 0 !important;
805
- display: flex;
806
- align-items: center;
807
- .recharts-default-legend {
808
- width: 100%;
809
- }
810
- li {
811
- width: 100%;
812
- margin-right: 0 !important;
813
- line-height: 18px;
814
- & > svg {
815
- border-radius: 2px;
816
- }
817
- & > .recharts-legend-item-text {
818
- min-width: 75px;
819
- max-width: 198px;
820
- width: calc(100% - 20px);
821
- margin-left: 2px;
822
- color: $text-light-primary !important;
823
- display: inline-flex;
824
- justify-content: space-between;
825
- }
826
- }
827
- }
828
- }
829
- .tooltip-text {
830
- maxwidth: calc(100% - 12px);
831
- cursor: pointer;
832
- border-bottom: 1px dashed $strokes-light-trans-4;
833
- overflow: hidden;
834
- text-overflow: ellipsis;
835
- white-space: nowrap;
836
- }
837
-
838
- .value {
839
- color: $text-neutral-secondary;
840
- }
841
- }
842
-
843
- .E_t10pqbtc {
844
- width: 140px;
845
-
846
- .item {
847
- margin: 6px auto;
848
- display: flex;
849
- justify-content: space-between;
850
-
851
- .name {
852
- width: 102px;
853
- }
854
- }
855
- }
856
-
857
-
858
- .E_itxley7 {
859
- &.ant-input-group.ant-input-group-compact {
860
- display: flex;
861
- }
862
-
863
- &.ant-input-group.ant-input-group-compact > *:first-child,
864
- &.ant-input-group.ant-input-group-compact
865
- > .ant-select:first-child
866
- > .ant-select-selector,
867
- &.ant-input-group.ant-input-group-compact
868
- > .ant-calendar-picker:first-child
869
- .ant-input,
870
- &.ant-input-group.ant-input-group-compact
871
- > .ant-select-auto-complete:first-child
872
- .ant-input,
873
- &.ant-input-group.ant-input-group-compact
874
- > .ant-cascader-picker:first-child
875
- .ant-input,
876
- &.ant-input-group.ant-input-group-compact
877
- > .ant-mention-wrapper:first-child
878
- .ant-mention-editor,
879
- &.ant-input-group.ant-input-group-compact
880
- > .ant-time-picker:first-child
881
- .ant-time-picker-input {
882
- border-bottom-left-radius: 5px;
883
- border-top-left-radius: 5px;
884
- }
885
- &.ant-input-group.ant-input-group-compact > *:last-child,
886
- &.ant-input-group.ant-input-group-compact
887
- > .ant-select:last-child
888
- > .ant-select-selector,
889
- &.ant-input-group.ant-input-group-compact
890
- > .ant-calendar-picker:last-child
891
- .ant-input,
892
- &.ant-input-group.ant-input-group-compact
893
- > .ant-select-auto-complete:last-child
894
- .ant-input,
895
- &.ant-input-group.ant-input-group-compact
896
- > .ant-cascader-picker:last-child
897
- .ant-input,
898
- &.ant-input-group.ant-input-group-compact
899
- > .ant-cascader-picker-focused:last-child
900
- .ant-input,
901
- &.ant-input-group.ant-input-group-compact
902
- > .ant-mention-wrapper:last-child
903
- .ant-mention-editor,
904
- &.ant-input-group.ant-input-group-compact
905
- > .ant-time-picker:last-child
906
- .ant-time-picker-input {
907
- border-bottom-right-radius: 5px;
908
- border-top-right-radius: 5px;
909
- }
910
- }
911
-
912
-
913
- .E_c1yyuluq {
914
- border-radius: 8px;
915
- .ant-card-body {
916
- padding: 20px 24px 24px 24px;
917
- }
918
- }
919
-
920
-
921
- .E_phljevk {
922
- display: flex;
923
- justify-content: space-between;
924
- align-items: center;
925
- padding: 10px 0;
926
- color: $text-light-secondary;
927
- font-size: 12px;
928
- line-height: 24px;
929
-
930
- .pagination-left {
931
- padding: 2px 8px;
932
- }
933
-
934
- .dropdown-trigger {
935
- display: flex;
936
- align-items: center;
937
- border-radius: 6px;
938
- cursor: pointer;
939
- transition: all 0.3s ease;
940
-
941
- &:hover {
942
- background: $fills-interaction-light-general-hover;
943
- color: $text-light-general;
944
- }
945
- .icon-inner {
946
- margin-left: 4px;
947
- }
948
- }
949
-
950
- .pagination-right {
951
- display: flex;
952
- align-items: center;
953
- color: $blue-60;
954
- font-weight: bold;
955
- .icon-inner {
956
- margin-left: 4px;
957
- }
958
- .prev-btn,
959
- .next-btn {
960
- padding: 0 8px;
961
- > span {
962
- color: $text-light-general;
963
- }
964
- }
965
-
966
- .next-btn {
967
- .icon-inner {
968
- transform: rotate(180deg);
969
- }
970
- }
971
- }
972
- }
973
-
974
- .E_d12rtyeg {
975
- &.ant-dropdown .ant-dropdown-menu {
976
- max-height: calc(100vh - 128px);
977
- overflow-y: auto;
978
-
979
- .ant-dropdown-menu-item {
980
- padding: 4px 20px;
981
- font-size: 12px;
982
- line-height: 18px;
983
- }
984
- }
985
- }
986
-
987
-
988
- .E_s1dizucg {
989
- &.ant-switch {
990
- min-width: 40px;
991
- height: 24px;
992
- background: $fills-trans-quinary-light;
993
- overflow: hidden;
994
- &:focus {
995
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
996
- }
997
- }
998
- &.ant-switch-small {
999
- min-width: 26px;
1000
- height: 16px;
1001
- }
1002
- &.ant-switch-large {
1003
- min-width: 52px;
1004
- height: 32px;
1005
- }
1006
-
1007
- &.ant-switch .ant-switch-handle {
1008
- height: 20px;
1009
- width: 20px;
1010
- &::before {
1011
- border-radius: 10px;
1012
- transition-delay: 120ms;
1062
+ &.ant-switch .ant-switch-handle {
1063
+ height: 20px;
1064
+ width: 20px;
1065
+ &::before {
1066
+ border-radius: 10px;
1067
+ transition-delay: 120ms;
1013
1068
  }
1014
1069
  }
1015
1070
  &.ant-switch-small .ant-switch-handle {
@@ -1052,60 +1107,96 @@
1052
1107
  }
1053
1108
 
1054
1109
 
1055
- .E_c1bus5hc {
1056
- --color: white;
1057
- height: 14px;
1058
- width: 14px;
1059
- border-radius: 50%;
1060
- flex-shrink: 0;
1061
- display: flex;
1062
- align-items: center;
1063
- justify-content: center;
1064
- border: 1px solid var(--color);
1110
+ .E_iq1gosr {
1111
+ display: inline-block;
1112
+ }
1065
1113
 
1066
- .circle-inner {
1067
- position: relative;
1068
- height: 10px;
1069
- width: 10px;
1070
- border-radius: 50%;
1071
- overflow: hidden;
1114
+
1115
+ .E_s1sck0th {
1116
+ padding: 0 8px;
1117
+ border-radius: 4px;
1072
1118
  }
1073
1119
 
1074
- .circle-content {
1075
- position: absolute;
1076
- height: 100%;
1077
- width: 100%;
1078
- left: 0;
1079
- top: 0;
1080
- border-radius: 50%;
1081
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1082
- transform: rotate(180deg);
1120
+ .E_m855nr1 {
1121
+ padding: 2px 8px;
1122
+ border-radius: 3px;
1083
1123
  }
1084
1124
 
1085
- .circle-child {
1086
- position: absolute;
1087
- height: 100%;
1088
- width: 100%;
1089
- left: 0;
1090
- top: 0;
1091
- margin-left: 50%;
1092
- transform-origin: left;
1093
- background: white;
1094
- transform: rotate(0deg);
1125
+ .E_l1270xpg {
1126
+ padding: 3px 8px;
1127
+ border-radius: 2px;
1095
1128
  }
1096
- }
1097
1129
 
1130
+ .E_t14rextb {
1131
+ &.ant-tag:hover {
1132
+ opacity: unset;
1133
+ }
1134
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1135
+ margin: 0;
1136
+ margin-right: 8px;
1137
+ display: inline-flex;
1138
+ align-items: center;
1139
+ border: none;
1140
+ & .ant-tag-close-icon {
1141
+ width: 16px;
1142
+ height: 16px;
1143
+ color: inherit;
1144
+ margin-left: 4px;
1145
+ opacity: 0.6;
1146
+ display: inline-flex;
1147
+ &:hover {
1148
+ opacity: 1;
1149
+ }
1150
+ }
1151
+ &.ant-tag-blue {
1152
+ color: $fills-light-general-general;
1153
+ background-color: $fills-light-general-general-light;
1154
+ }
1155
+ &.ant-tag-red {
1156
+ color: $fills-light-serious-serious;
1157
+ background-color: $fills-light-serious-serious-light;
1158
+ }
1159
+ &.ant-tag-yellow {
1160
+ color: $fills-light-notice-notice-dark;
1161
+ background-color: $fills-light-notice-notice-light;
1162
+ }
1163
+ &.ant-tag-green {
1164
+ color: $fills-light-positive-positive-dark;
1165
+ background-color: $fills-light-positive-positive-light;
1166
+ }
1167
+ &.ant-tag-gray {
1168
+ color: $text-light-super;
1169
+ background-color: $fills-element-light-container-general;
1170
+ }
1171
+ &.ant-tag-purple {
1172
+ color: $text-colorful-purple;
1173
+ background-color: $fill-purple-light;
1174
+ }
1098
1175
 
1099
- .E_ivqqkzv {
1100
- height: 24px;
1101
- width: 56px !important;
1102
- margin-right: 4px;
1176
+ &.ui-kit-token-checked {
1177
+ color: $text-light-on-tint;
1178
+ &.ant-tag-red {
1179
+ background-color: $fills-light-serious-serious;
1180
+ }
1181
+ &.ant-tag-yellow {
1182
+ background-color: $fills-light-notice-notice;
1183
+ }
1184
+ &.ant-tag-green {
1185
+ background-color: $fills-light-positive-positive;
1186
+ }
1187
+ &.ant-tag-blue {
1188
+ background-color: $fills-light-general-general;
1189
+ }
1190
+ &.ant-tag-gray {
1191
+ background-color: $gray-70;
1192
+ }
1193
+ &.ant-tag-purple {
1194
+ background-color: $fill-purple-base;
1195
+ }
1196
+ }
1197
+ }
1103
1198
  }
1104
1199
 
1105
- .E_c1wk4q29 {
1106
- color: $text-secondary-light;
1107
- }
1108
-
1109
1200
 
1110
1201
  .E_s1dni7lo {
1111
1202
  width: 430px !important;
@@ -1196,97 +1287,6 @@
1196
1287
  }
1197
1288
 
1198
1289
 
1199
- .E_iq1gosr {
1200
- display: inline-block;
1201
- }
1202
-
1203
-
1204
- .E_s1sck0th {
1205
- padding: 0 8px;
1206
- border-radius: 4px;
1207
- }
1208
-
1209
- .E_m855nr1 {
1210
- padding: 2px 8px;
1211
- border-radius: 3px;
1212
- }
1213
-
1214
- .E_l1270xpg {
1215
- padding: 3px 8px;
1216
- border-radius: 2px;
1217
- }
1218
-
1219
- .E_t14rextb {
1220
- &.ant-tag:hover {
1221
- opacity: unset;
1222
- }
1223
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1224
- margin: 0;
1225
- margin-right: 8px;
1226
- display: inline-flex;
1227
- align-items: center;
1228
- border: none;
1229
- & .ant-tag-close-icon {
1230
- width: 16px;
1231
- height: 16px;
1232
- color: inherit;
1233
- margin-left: 4px;
1234
- opacity: 0.6;
1235
- display: inline-flex;
1236
- &:hover {
1237
- opacity: 1;
1238
- }
1239
- }
1240
- &.ant-tag-blue {
1241
- color: $fills-light-general-general;
1242
- background-color: $fills-light-general-general-light;
1243
- }
1244
- &.ant-tag-red {
1245
- color: $fills-light-serious-serious;
1246
- background-color: $fills-light-serious-serious-light;
1247
- }
1248
- &.ant-tag-yellow {
1249
- color: $fills-light-notice-notice-dark;
1250
- background-color: $fills-light-notice-notice-light;
1251
- }
1252
- &.ant-tag-green {
1253
- color: $fills-light-positive-positive-dark;
1254
- background-color: $fills-light-positive-positive-light;
1255
- }
1256
- &.ant-tag-gray {
1257
- color: $text-light-super;
1258
- background-color: $fills-element-light-container-general;
1259
- }
1260
- &.ant-tag-purple {
1261
- color: $text-colorful-purple;
1262
- background-color: $fill-purple-light;
1263
- }
1264
-
1265
- &.ui-kit-token-checked {
1266
- color: $text-light-on-tint;
1267
- &.ant-tag-red {
1268
- background-color: $fills-light-serious-serious;
1269
- }
1270
- &.ant-tag-yellow {
1271
- background-color: $fills-light-notice-notice;
1272
- }
1273
- &.ant-tag-green {
1274
- background-color: $fills-light-positive-positive;
1275
- }
1276
- &.ant-tag-blue {
1277
- background-color: $fills-light-general-general;
1278
- }
1279
- &.ant-tag-gray {
1280
- background-color: $gray-70;
1281
- }
1282
- &.ant-tag-purple {
1283
- background-color: $fill-purple-base;
1284
- }
1285
- }
1286
- }
1287
- }
1288
-
1289
-
1290
1290
  .E_t1m2x205 {
1291
1291
  .ant-tooltip-arrow {
1292
1292
  display: none;
@@ -1301,43 +1301,6 @@
1301
1301
  }
1302
1302
 
1303
1303
 
1304
- .E_a1wfy30z {
1305
- .ant-input-number-handler-wrap {
1306
- display: var(--a1wfy30z-0);
1307
- }
1308
- .ant-input-number-input-wrap {
1309
- padding: 4px 11px;
1310
- display: inline-flex;
1311
- line-height: 1.5715;
1312
- height: inherit;
1313
- }
1314
-
1315
- .ant-input-number-input-wrap::after {
1316
- content: var(--a1wfy30z-1);
1317
- display: var(--a1wfy30z-2);
1318
- flex: none;
1319
- align-items: center;
1320
- margin-left: 4px;
1321
- }
1322
-
1323
- .ant-input-number-input-wrap::before {
1324
- content: var(--a1wfy30z-3);
1325
- display: var(--a1wfy30z-4);
1326
- flex: none;
1327
- align-items: center;
1328
- margin-right: 4px;
1329
- cursor: auto;
1330
- }
1331
-
1332
- .ant-input-number-input {
1333
- padding: 0;
1334
- margin: 0;
1335
- height: auto;
1336
- font-size: inherit;
1337
- }
1338
- }
1339
-
1340
-
1341
1304
  .E_f7pxqmh {
1342
1305
  width: 100%;
1343
1306
  margin-bottom: 0 !important;
@@ -1419,6 +1382,30 @@
1419
1382
  }
1420
1383
 
1421
1384
 
1385
+ .E_owd0kml {
1386
+ display: inline-block;
1387
+ }
1388
+
1389
+ .E_h1jsgezc {
1390
+ visibility: hidden;
1391
+ position: absolute;
1392
+ }
1393
+
1394
+
1395
+ .E_i1inqkme {
1396
+ height: 18px;
1397
+ line-height: 18px;
1398
+ padding: 0 4px;
1399
+ border-radius: 4px;
1400
+ background: rgba(235, 239, 245, 0.6);
1401
+ border: 1px solid rgba(223, 228, 235, 0.6);
1402
+ display: flex;
1403
+ align-items: center;
1404
+ white-space: nowrap;
1405
+ margin-right: 4px;
1406
+ }
1407
+
1408
+
1422
1409
  .E_ai7qkf2 {
1423
1410
  .ant-input-number-handler-wrap {
1424
1411
  display: var(--ai7qkf2-0);
@@ -1500,37 +1487,50 @@
1500
1487
  }
1501
1488
 
1502
1489
 
1503
- .E_i1inqkme {
1504
- height: 18px;
1505
- line-height: 18px;
1506
- padding: 0 4px;
1507
- border-radius: 4px;
1508
- background: rgba(235, 239, 245, 0.6);
1509
- border: 1px solid rgba(223, 228, 235, 0.6);
1510
- display: flex;
1511
- align-items: center;
1512
- white-space: nowrap;
1513
- margin-right: 4px;
1514
- }
1515
-
1516
-
1517
- .E_atcz0kf {
1518
- .ant-input-suffix {
1519
- margin-left: 8px;
1490
+ .E_a1wfy30z {
1491
+ .ant-input-number-handler-wrap {
1492
+ display: var(--a1wfy30z-0);
1520
1493
  }
1521
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1522
- padding: 2px 7px 2px 12px;
1494
+ .ant-input-number-input-wrap {
1495
+ padding: 4px 11px;
1496
+ display: inline-flex;
1497
+ line-height: 1.5715;
1498
+ height: inherit;
1523
1499
  }
1524
- }
1525
1500
 
1501
+ .ant-input-number-input-wrap::after {
1502
+ content: var(--a1wfy30z-1);
1503
+ display: var(--a1wfy30z-2);
1504
+ flex: none;
1505
+ align-items: center;
1506
+ margin-left: 4px;
1507
+ }
1526
1508
 
1527
- .E_owd0kml {
1528
- display: inline-block;
1509
+ .ant-input-number-input-wrap::before {
1510
+ content: var(--a1wfy30z-3);
1511
+ display: var(--a1wfy30z-4);
1512
+ flex: none;
1513
+ align-items: center;
1514
+ margin-right: 4px;
1515
+ cursor: auto;
1516
+ }
1517
+
1518
+ .ant-input-number-input {
1519
+ padding: 0;
1520
+ margin: 0;
1521
+ height: auto;
1522
+ font-size: inherit;
1523
+ }
1529
1524
  }
1530
1525
 
1531
- .E_h1jsgezc {
1532
- visibility: hidden;
1533
- position: absolute;
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
1534
  }
1535
1535
 
1536
1536
 
@@ -2743,108 +2743,6 @@
2743
2743
  }
2744
2744
 
2745
2745
 
2746
- .E_s17wv897 {
2747
- &.ant-select,
2748
- &.ant-select div.ant-select-selector {
2749
- border-radius: 6px;
2750
- }
2751
-
2752
- &.ant-select {
2753
- &.ant-select-single {
2754
- width: 100%;
2755
- &[data-size="small"] {
2756
- }
2757
- &[data-size="middle"] {
2758
- height: 30px;
2759
- }
2760
- &[data-size="large"] {
2761
- }
2762
- color: $text-primary-light;
2763
- border-color: $strokes-light-trans-2;
2764
- transition:
2765
- border 160ms ease 8ms,
2766
- box-shadow 160ms ease 8ms;
2767
- font-size: 13px;
2768
-
2769
- &.ant-select-lg {
2770
- height: 38px;
2771
- font-size: 13px;
2772
- }
2773
-
2774
- .ant-select-arrow,
2775
- .ant-select-arrow .anticon-down {
2776
- transition: 160ms ease;
2777
- }
2778
-
2779
- .ant-select-arrow-loading {
2780
- color: $fills-light-general-general;
2781
- }
2782
-
2783
- &:not(.ant-select-disabled) {
2784
- &:hover .ant-select-selector,
2785
- &.__pseudo-states-hover .ant-select-selector {
2786
- border-color: $strokes-light-trans-4;
2787
- box-shadow: $shadow-light-hover;
2788
- }
2789
-
2790
- &:hover .ant-select-arrow,
2791
- &.__pseudo-states-hover .ant-select-arrow {
2792
- color: $fills-light-general-general;
2793
- }
2794
-
2795
- &:active,
2796
- &:focus,
2797
- &.ant-select-focused,
2798
- &.ant-select-open,
2799
- &.__pseudo-states-active,
2800
- &.__pseudo-states-focus {
2801
- .ant-select-selector {
2802
- border-color: $fills-light-general-general;
2803
- box-shadow: $shadow-light-active;
2804
- }
2805
- }
2806
-
2807
- &.ant-select-open .ant-select-arrow .anticon-down {
2808
- transform: rotate(180deg);
2809
- }
2810
- }
2811
-
2812
- &.ant-select-disabled .ant-select-selector {
2813
- background: $fills-light-trans-3;
2814
- border-color: $strokes-light-trans-3;
2815
- cursor: "not-allowed";
2816
- }
2817
- }
2818
- &.select-error:not(.ant-select-disabled) {
2819
- .ant-select-selector {
2820
- border-color: $fills-light-serious-serious !important;
2821
- }
2822
-
2823
- &:hover .ant-select-arrow,
2824
- &.__pseudo-states-hover .ant-select-arrow {
2825
- color: $text-light-super;
2826
- }
2827
-
2828
- &:active,
2829
- &:focus,
2830
- &.ant-select-focused,
2831
- &.ant-select-open,
2832
- &.__pseudo-states-focus,
2833
- &.__pseudo-states-active {
2834
- .ant-select-selector {
2835
- border-color: $fills-light-general-general;
2836
- box-shadow: $shadow-light-error;
2837
- }
2838
- }
2839
-
2840
- &.ant-select-open .ant-select-arrow .anticon-down {
2841
- transform: rotate(180deg);
2842
- }
2843
- }
2844
- }
2845
- }
2846
-
2847
-
2848
2746
  .E_s4ivdfu {
2849
2747
  &.ant-select {
2850
2748
  .ant-select-selection-placeholder {
@@ -3046,6 +2944,108 @@
3046
2944
  }
3047
2945
 
3048
2946
 
2947
+ .E_s17wv897 {
2948
+ &.ant-select,
2949
+ &.ant-select div.ant-select-selector {
2950
+ border-radius: 6px;
2951
+ }
2952
+
2953
+ &.ant-select {
2954
+ &.ant-select-single {
2955
+ width: 100%;
2956
+ &[data-size="small"] {
2957
+ }
2958
+ &[data-size="middle"] {
2959
+ height: 30px;
2960
+ }
2961
+ &[data-size="large"] {
2962
+ }
2963
+ color: $text-primary-light;
2964
+ border-color: $strokes-light-trans-2;
2965
+ transition:
2966
+ border 160ms ease 8ms,
2967
+ box-shadow 160ms ease 8ms;
2968
+ font-size: 13px;
2969
+
2970
+ &.ant-select-lg {
2971
+ height: 38px;
2972
+ font-size: 13px;
2973
+ }
2974
+
2975
+ .ant-select-arrow,
2976
+ .ant-select-arrow .anticon-down {
2977
+ transition: 160ms ease;
2978
+ }
2979
+
2980
+ .ant-select-arrow-loading {
2981
+ color: $fills-light-general-general;
2982
+ }
2983
+
2984
+ &:not(.ant-select-disabled) {
2985
+ &:hover .ant-select-selector,
2986
+ &.__pseudo-states-hover .ant-select-selector {
2987
+ border-color: $strokes-light-trans-4;
2988
+ box-shadow: $shadow-light-hover;
2989
+ }
2990
+
2991
+ &:hover .ant-select-arrow,
2992
+ &.__pseudo-states-hover .ant-select-arrow {
2993
+ color: $fills-light-general-general;
2994
+ }
2995
+
2996
+ &:active,
2997
+ &:focus,
2998
+ &.ant-select-focused,
2999
+ &.ant-select-open,
3000
+ &.__pseudo-states-active,
3001
+ &.__pseudo-states-focus {
3002
+ .ant-select-selector {
3003
+ border-color: $fills-light-general-general;
3004
+ box-shadow: $shadow-light-active;
3005
+ }
3006
+ }
3007
+
3008
+ &.ant-select-open .ant-select-arrow .anticon-down {
3009
+ transform: rotate(180deg);
3010
+ }
3011
+ }
3012
+
3013
+ &.ant-select-disabled .ant-select-selector {
3014
+ background: $fills-light-trans-3;
3015
+ border-color: $strokes-light-trans-3;
3016
+ cursor: "not-allowed";
3017
+ }
3018
+ }
3019
+ &.select-error:not(.ant-select-disabled) {
3020
+ .ant-select-selector {
3021
+ border-color: $fills-light-serious-serious !important;
3022
+ }
3023
+
3024
+ &:hover .ant-select-arrow,
3025
+ &.__pseudo-states-hover .ant-select-arrow {
3026
+ color: $text-light-super;
3027
+ }
3028
+
3029
+ &:active,
3030
+ &:focus,
3031
+ &.ant-select-focused,
3032
+ &.ant-select-open,
3033
+ &.__pseudo-states-focus,
3034
+ &.__pseudo-states-active {
3035
+ .ant-select-selector {
3036
+ border-color: $fills-light-general-general;
3037
+ box-shadow: $shadow-light-error;
3038
+ }
3039
+ }
3040
+
3041
+ &.ant-select-open .ant-select-arrow .anticon-down {
3042
+ transform: rotate(180deg);
3043
+ }
3044
+ }
3045
+ }
3046
+ }
3047
+
3048
+
3049
3049
  .E_oa99sl3 {
3050
3050
  display: flex;
3051
3051
  justify-content: space-between;
@@ -3090,39 +3090,6 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_suhck3k {
3094
- height: 24px;
3095
- width: 24px;
3096
- border-radius: 6px;
3097
- padding: 4px;
3098
- &:hover {
3099
- background-color: $fill-outstanding-light;
3100
- svg {
3101
- path {
3102
- fill: blue;
3103
- }
3104
- }
3105
- }
3106
- }
3107
-
3108
-
3109
- .E_ryby9ds {
3110
- display: flex;
3111
- align-items: center;
3112
- .order {
3113
- height: 24px;
3114
- width: 24px;
3115
- border-radius: 20px;
3116
- color: $text-light-general;
3117
- background: $fill-light-element-container-outstanding;
3118
- display: flex;
3119
- align-items: center;
3120
- justify-content: center;
3121
- margin-right: 6px;
3122
- }
3123
- }
3124
-
3125
-
3126
3093
  .E_hrhfj7c {
3127
3094
  display: none;
3128
3095
  }
@@ -3315,6 +3282,39 @@
3315
3282
  }
3316
3283
 
3317
3284
 
3285
+ .E_suhck3k {
3286
+ height: 24px;
3287
+ width: 24px;
3288
+ border-radius: 6px;
3289
+ padding: 4px;
3290
+ &:hover {
3291
+ background-color: $fill-outstanding-light;
3292
+ svg {
3293
+ path {
3294
+ fill: blue;
3295
+ }
3296
+ }
3297
+ }
3298
+ }
3299
+
3300
+
3301
+ .E_ryby9ds {
3302
+ display: flex;
3303
+ align-items: center;
3304
+ .order {
3305
+ height: 24px;
3306
+ width: 24px;
3307
+ border-radius: 20px;
3308
+ color: $text-light-general;
3309
+ background: $fill-light-element-container-outstanding;
3310
+ display: flex;
3311
+ align-items: center;
3312
+ justify-content: center;
3313
+ margin-right: 6px;
3314
+ }
3315
+ }
3316
+
3317
+
3318
3318
  .E_s11wux3h {
3319
3319
  .antd5-segmented-item:not(:last-child) {
3320
3320
  margin-right: 2px;
@@ -3644,30 +3644,8 @@
3644
3644
  }
3645
3645
 
3646
3646
 
3647
- .E_b14q2gmw {
3648
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3649
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3650
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3651
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3652
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3653
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3654
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3655
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3656
- }
3657
-
3658
- .E_c1eym6el {
3659
- border-radius: 8px;
3660
- background-color: white;
3661
- &.hoverable {
3662
- cursor: pointer;
3663
-
3664
- &:hover {
3665
- transition: all 200ms ease;
3666
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3667
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3668
- transform: translateY(-4px);
3669
- }
3670
- }
3647
+ .E_c1yd35n {
3648
+ padding: 0 12px 14px 12px;
3671
3649
  }
3672
3650
 
3673
3651
 
@@ -3719,11 +3697,6 @@
3719
3697
  }
3720
3698
 
3721
3699
 
3722
- .E_c1yd35n {
3723
- padding: 0 12px 14px 12px;
3724
- }
3725
-
3726
-
3727
3700
  .E_ckui4s7 {
3728
3701
  color: $text-primary-light;
3729
3702
  line-height: 22px;
@@ -3732,92 +3705,417 @@
3732
3705
  }
3733
3706
 
3734
3707
 
3735
- .E_t1dtlqs1 {
3736
- margin-bottom: 4px;
3737
- color: $text-secondary-light;
3708
+ .E_b14q2gmw {
3709
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3710
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3711
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3712
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3713
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3714
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3715
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3716
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3738
3717
  }
3739
3718
 
3740
- .E_s1ese5oy {
3741
- color: rgba(44, 56, 82, 0.6);
3742
- line-height: 32px;
3743
- height: 32px;
3744
- margin-bottom: 0;
3745
- &.primary,
3746
- &.info {
3747
- color: $text-light-general;
3748
- }
3749
- &.warning {
3750
- color: #ffa500;
3751
- }
3752
- &.success {
3753
- color: $text-light-positive;
3754
- }
3755
- &.danger,
3756
- &.error {
3757
- color: $text-light-serious;
3758
- }
3759
- &.normal {
3760
- color: $text-secondary-light;
3719
+ .E_c1eym6el {
3720
+ border-radius: 8px;
3721
+ background-color: white;
3722
+ &.hoverable {
3723
+ cursor: pointer;
3724
+
3725
+ &:hover {
3726
+ transition: all 200ms ease;
3727
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3728
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3729
+ transform: translateY(-4px);
3730
+ }
3761
3731
  }
3762
3732
  }
3763
3733
 
3764
- .E_b1ibis43 {
3765
- margin-bottom: 0;
3766
- color: $text-light-primary;
3734
+
3735
+ .E_lht19u8 {
3736
+ width: 64px;
3737
+ height: 64px;
3738
+ display: flex;
3739
+ align-items: center;
3740
+ justify-content: center;
3741
+ position: relative;
3742
+ opacity: 0.2;
3767
3743
  }
3768
3744
 
3769
- .E_b11xxjd2 {
3770
- line-height: 32px;
3771
- margin-right: 6px;
3745
+ .E_lk3gkp4 {
3746
+ position: absolute;
3747
+ width: 5px;
3748
+ height: 48px;
3749
+ left: 9.33px;
3750
+ top: 40.5px;
3751
+
3752
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3753
+ border-radius: 5px;
3754
+ transform: rotate(-128deg);
3755
+ transform-origin: top left;
3756
+
3757
+ animation: loading-indicator1 1100ms ease-out infinite;
3772
3758
  }
3773
3759
 
3774
- .E_bsub5bw {
3775
- &.with-description {
3776
- height: 24px;
3777
- flex: 1;
3778
- position: relative;
3779
- top: -7px;
3780
- }
3781
- p {
3782
- width: 100%;
3783
- overflow: hidden;
3784
- text-overflow: ellipsis;
3785
- white-space: nowrap;
3760
+ .E_ll4n94n {
3761
+ position: absolute;
3762
+ width: 5px;
3763
+ height: 48px;
3764
+ left: 40.8px;
3765
+ top: 8.4px;
3766
+
3767
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3768
+ border-radius: 5px;
3769
+ transform: rotate(-8deg);
3770
+ transform-origin: top left;
3771
+
3772
+ animation: loading-indicator2 1100ms ease-out infinite;
3773
+ }
3774
+
3775
+ .E_l17lbdo6 {
3776
+ position: absolute;
3777
+ width: 5px;
3778
+ height: 48px;
3779
+ left: 52.9px;
3780
+ top: 51.8px;
3781
+
3782
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3783
+ border-radius: 5px;
3784
+ transform: rotate(112deg);
3785
+ transform-origin: top left;
3786
+
3787
+ animation: loading-indicator3 1100ms ease-out infinite;
3788
+ }
3789
+
3790
+
3791
+ .E_w7ob4th {
3792
+ &.outside-tag {
3793
+ padding-left: 0;
3794
+ .inside-tag {
3795
+ border-radius: 4px 0 0 4px;
3796
+ padding-right: 4px;
3797
+ margin-right: 4px;
3798
+ }
3786
3799
  }
3787
3800
  }
3788
3801
 
3789
- .E_tmoyoag {
3790
- border: 1px solid $strokes-light-trans-2;
3791
- border-radius: 8px;
3792
- overflow: auto;
3793
- .ant-list {
3794
- position: relative;
3795
- .ant-list-item:last-child {
3796
- border-bottom: none;
3802
+
3803
+ .E_sjob3jg {
3804
+ $item: ant-steps-item;
3805
+ --item-min-width: 60px;
3806
+ .#{$item} {
3807
+ &-tail,
3808
+ &-icon {
3809
+ display: none !important;
3797
3810
  }
3798
- .eagle-table-form-header {
3799
- position: sticky;
3800
- top: 0;
3801
- z-index: $eagle-table-form-header-index;
3802
- display: flex;
3803
- padding: 8px;
3804
- & {
3805
- align-items: inherit;
3806
- }
3807
- flex-wrap: nowrap;
3808
- justify-content: flex-start;
3809
- background: $fills-light-opaque-1;
3810
- font-size: 14px;
3811
- color: $text-secondary-light;
3812
- border-bottom: 1px solid $fills-light-trans-2;
3811
+ }
3812
+ .#{$item}.#{$item}-active {
3813
+ flex-shrink: 0 !important;
3814
+ .step-item-prefix-container {
3815
+ color: $text-colorful-outstanding;
3813
3816
  }
3814
- .eagle-table-form-header .eagle-table-form-cell > p {
3815
- margin-bottom: 0;
3817
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3818
+ color: $text-colorful-outstanding;
3819
+ font-weight: normal;
3816
3820
  }
3817
- .eagle-table-form-row {
3818
- display: flex;
3819
- justify-content: flex-start;
3820
- align-items: flex-start;
3821
+ }
3822
+ .#{$item}.#{$item}-finish {
3823
+ .#{$item}-container .#{$item}-content .#{$item}-title,
3824
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
3825
+ color: $text-neutral-tertiary;
3826
+ }
3827
+ }
3828
+ .#{$item}.#{$item}-wait {
3829
+ .#{$item}-container .#{$item}-content .#{$item}-title {
3830
+ color: $text-neutral-primary;
3831
+ }
3832
+ }
3833
+ .step-item-text {
3834
+ display: inline-block;
3835
+ }
3836
+ .step-item-title {
3837
+ overflow: hidden;
3838
+ white-space: nowrap;
3839
+ text-overflow: ellipsis;
3840
+ }
3841
+ }
3842
+
3843
+ .E_hjvj6s6 {
3844
+ $item: ant-steps-item;
3845
+ @mixin rightTriangle($color: $fills-light-trans-1) {
3846
+ content: "";
3847
+ width: 0;
3848
+ height: 0;
3849
+ border: 13px solid transparent;
3850
+ position: absolute;
3851
+ top: 0;
3852
+ border-left: 8px solid $color;
3853
+ }
3854
+ .#{$item}-container {
3855
+ min-width: var(--item-min-width);
3856
+ }
3857
+ .#{$item}-disabled {
3858
+ cursor: not-allowed !important;
3859
+ }
3860
+ .ant-steps-horizontal.ant-steps-label-horizontal {
3861
+ flex-direction: row;
3862
+ justify-content: stretch;
3863
+ .#{$item} {
3864
+ padding: 0;
3865
+ margin-right: 4px;
3866
+ flex: 1;
3867
+ overflow: visible;
3868
+ .#{$item}-content {
3869
+ width: 100%;
3870
+ min-height: unset;
3871
+ .#{$item}-title {
3872
+ height: 26px;
3873
+ line-height: 26px;
3874
+ width: 100%;
3875
+ padding: 0;
3876
+ font-size: 12px;
3877
+ .step-count {
3878
+ margin-right: 10px;
3879
+ }
3880
+ &::after {
3881
+ display: none;
3882
+ }
3883
+ }
3884
+ }
3885
+ &:first-child {
3886
+ .#{$item}-container {
3887
+ padding-left: 8px;
3888
+ padding-right: 4px;
3889
+ border-radius: 4px 0 0 4px;
3890
+ }
3891
+ }
3892
+ &:last-child {
3893
+ margin-right: 0;
3894
+ .#{$item}-container {
3895
+ padding-right: 8px;
3896
+ padding-left: 12px;
3897
+ border-radius: 0 4px 4px 0;
3898
+ }
3899
+ }
3900
+ &:not(&:last-child) {
3901
+ &::after {
3902
+ @include rightTriangle();
3903
+ z-index: 2;
3904
+ position: relative;
3905
+ top: -50%;
3906
+ right: -100%;
3907
+ }
3908
+ }
3909
+ &:not(:first-child):not(:last-child) {
3910
+ .#{$item}-container {
3911
+ padding: 0 4px 0 12px;
3912
+ }
3913
+ }
3914
+ &:not(&:first-child) {
3915
+ &::before {
3916
+ @include rightTriangle(#fff);
3917
+ left: 0;
3918
+ }
3919
+ }
3920
+ }
3921
+ .#{$item}-active {
3922
+ max-width: calc(100% - var(--item-min-width) * 2);
3923
+ .#{$item}-container {
3924
+ background-color: $fills-light-general-general-light;
3925
+ }
3926
+ &::after {
3927
+ border-left-color: $fills-light-general-general-light !important;
3928
+ }
3929
+ }
3930
+ .#{$item}-finish {
3931
+ cursor: pointer;
3932
+ min-width: var(--item-min-width);
3933
+ }
3934
+ .#{$item}-wait,
3935
+ .#{$item}-finish {
3936
+ min-width: var(--item-min-width);
3937
+ .#{$item}-container {
3938
+ background-color: $fills-light-trans-1;
3939
+ }
3940
+ }
3941
+ }
3942
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
3943
+ .ant-steps-vertical
3944
+ )
3945
+ .#{$item} {
3946
+ padding: 0;
3947
+ }
3948
+ }
3949
+
3950
+ .E_v4tv3mf {
3951
+ $item: ant-steps-item;
3952
+ .ant-steps.ant-steps-vertical {
3953
+ width: 192px;
3954
+ row-gap: 2px;
3955
+
3956
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
3957
+ &:hover {
3958
+ background-color: $fill-neutral-trans-2;
3959
+ }
3960
+ .#{$item}-title {
3961
+ color: $text-neutral-primary !important;
3962
+ }
3963
+ }
3964
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
3965
+ .#{$item}-container:hover {
3966
+ background-color: $fill-neutral-trans-2;
3967
+ }
3968
+ .#{$item}-container {
3969
+ padding: 0 8px;
3970
+ border-radius: 4px;
3971
+ height: 32px;
3972
+ display: flex;
3973
+ align-items: center;
3974
+ .#{$item}-content {
3975
+ min-height: auto;
3976
+ white-space: nowrap;
3977
+ & .ant-steps-item-title {
3978
+ font-size: 13px;
3979
+ line-height: 20px;
3980
+ max-width: 100%;
3981
+ padding-right: 0;
3982
+ }
3983
+ }
3984
+ }
3985
+ .#{$item}-active {
3986
+ .ant-steps-item-container {
3987
+ background: rgba($blue-60, 0.1);
3988
+ }
3989
+ }
3990
+ }
3991
+ }
3992
+
3993
+ .E_h6l1tj4 {
3994
+ width: 100%;
3995
+ display: inline-flex;
3996
+ align-items: center;
3997
+ justify-content: center;
3998
+ column-gap: 4px;
3999
+ .step-item-prefix-container {
4000
+ display: inline-flex;
4001
+ align-items: center;
4002
+ width: 18px;
4003
+ height: 18px;
4004
+ color: $gray-a75-8;
4005
+ justify-content: center;
4006
+ }
4007
+ }
4008
+
4009
+ .E_v18frne8 {
4010
+ width: 100%;
4011
+ display: flex;
4012
+ align-items: center;
4013
+ justify-content: center;
4014
+ column-gap: 6px;
4015
+ font-size: 13px;
4016
+ .step-item-prefix-container {
4017
+ display: inline-flex;
4018
+ align-items: center;
4019
+ min-width: 20px;
4020
+ min-height: 20px;
4021
+ color: $gray-a75-8;
4022
+ justify-content: center;
4023
+ }
4024
+ }
4025
+
4026
+
4027
+ .E_i1g85yz3 {
4028
+ margin-right: 4px;
4029
+ height: 16px;
4030
+ }
4031
+
4032
+
4033
+ .E_t1dtlqs1 {
4034
+ margin-bottom: 4px;
4035
+ color: $text-secondary-light;
4036
+ }
4037
+
4038
+ .E_s1ese5oy {
4039
+ color: rgba(44, 56, 82, 0.6);
4040
+ line-height: 32px;
4041
+ height: 32px;
4042
+ margin-bottom: 0;
4043
+ &.primary,
4044
+ &.info {
4045
+ color: $text-light-general;
4046
+ }
4047
+ &.warning {
4048
+ color: #ffa500;
4049
+ }
4050
+ &.success {
4051
+ color: $text-light-positive;
4052
+ }
4053
+ &.danger,
4054
+ &.error {
4055
+ color: $text-light-serious;
4056
+ }
4057
+ &.normal {
4058
+ color: $text-secondary-light;
4059
+ }
4060
+ }
4061
+
4062
+ .E_b1ibis43 {
4063
+ margin-bottom: 0;
4064
+ color: $text-light-primary;
4065
+ }
4066
+
4067
+ .E_b11xxjd2 {
4068
+ line-height: 32px;
4069
+ margin-right: 6px;
4070
+ }
4071
+
4072
+ .E_bsub5bw {
4073
+ &.with-description {
4074
+ height: 24px;
4075
+ flex: 1;
4076
+ position: relative;
4077
+ top: -7px;
4078
+ }
4079
+ p {
4080
+ width: 100%;
4081
+ overflow: hidden;
4082
+ text-overflow: ellipsis;
4083
+ white-space: nowrap;
4084
+ }
4085
+ }
4086
+
4087
+ .E_tmoyoag {
4088
+ border: 1px solid $strokes-light-trans-2;
4089
+ border-radius: 8px;
4090
+ overflow: auto;
4091
+ .ant-list {
4092
+ position: relative;
4093
+ .ant-list-item:last-child {
4094
+ border-bottom: none;
4095
+ }
4096
+ .eagle-table-form-header {
4097
+ position: sticky;
4098
+ top: 0;
4099
+ z-index: $eagle-table-form-header-index;
4100
+ display: flex;
4101
+ padding: 8px;
4102
+ & {
4103
+ align-items: inherit;
4104
+ }
4105
+ flex-wrap: nowrap;
4106
+ justify-content: flex-start;
4107
+ background: $fills-light-opaque-1;
4108
+ font-size: 14px;
4109
+ color: $text-secondary-light;
4110
+ border-bottom: 1px solid $fills-light-trans-2;
4111
+ }
4112
+ .eagle-table-form-header .eagle-table-form-cell > p {
4113
+ margin-bottom: 0;
4114
+ }
4115
+ .eagle-table-form-row {
4116
+ display: flex;
4117
+ justify-content: flex-start;
4118
+ align-items: flex-start;
3821
4119
  flex-wrap: wrap;
3822
4120
  padding: 8px;
3823
4121
  border: none;
@@ -3932,90 +4230,22 @@
3932
4230
  height: 24px;
3933
4231
  }
3934
4232
  & > span.maximum-desc {
3935
- display: none;
3936
- margin-left: 8px;
3937
- color: $text-secondary-light;
3938
- &.disabled {
3939
- display: inline;
3940
- }
3941
- }
3942
- }
3943
-
3944
- .E_d77i8u0 {
3945
- width: 24px;
3946
- height: 24px;
3947
- padding: 4px;
3948
- margin-right: 8px;
3949
- }
3950
-
3951
-
3952
- .E_lht19u8 {
3953
- width: 64px;
3954
- height: 64px;
3955
- display: flex;
3956
- align-items: center;
3957
- justify-content: center;
3958
- position: relative;
3959
- opacity: 0.2;
3960
- }
3961
-
3962
- .E_lk3gkp4 {
3963
- position: absolute;
3964
- width: 5px;
3965
- height: 48px;
3966
- left: 9.33px;
3967
- top: 40.5px;
3968
-
3969
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3970
- border-radius: 5px;
3971
- transform: rotate(-128deg);
3972
- transform-origin: top left;
3973
-
3974
- animation: loading-indicator1 1100ms ease-out infinite;
3975
- }
3976
-
3977
- .E_ll4n94n {
3978
- position: absolute;
3979
- width: 5px;
3980
- height: 48px;
3981
- left: 40.8px;
3982
- top: 8.4px;
3983
-
3984
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3985
- border-radius: 5px;
3986
- transform: rotate(-8deg);
3987
- transform-origin: top left;
3988
-
3989
- animation: loading-indicator2 1100ms ease-out infinite;
3990
- }
3991
-
3992
- .E_l17lbdo6 {
3993
- position: absolute;
3994
- width: 5px;
3995
- height: 48px;
3996
- left: 52.9px;
3997
- top: 51.8px;
3998
-
3999
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4000
- border-radius: 5px;
4001
- transform: rotate(112deg);
4002
- transform-origin: top left;
4003
-
4004
- animation: loading-indicator3 1100ms ease-out infinite;
4005
- }
4006
-
4007
-
4008
- .E_w7ob4th {
4009
- &.outside-tag {
4010
- padding-left: 0;
4011
- .inside-tag {
4012
- border-radius: 4px 0 0 4px;
4013
- padding-right: 4px;
4014
- margin-right: 4px;
4233
+ display: none;
4234
+ margin-left: 8px;
4235
+ color: $text-secondary-light;
4236
+ &.disabled {
4237
+ display: inline;
4015
4238
  }
4016
4239
  }
4017
4240
  }
4018
4241
 
4242
+ .E_d77i8u0 {
4243
+ width: 24px;
4244
+ height: 24px;
4245
+ padding: 4px;
4246
+ margin-right: 8px;
4247
+ }
4248
+
4019
4249
 
4020
4250
  .E_slr2ynn {
4021
4251
  padding: 0 8px;
@@ -4642,253 +4872,58 @@
4642
4872
  }
4643
4873
 
4644
4874
 
4645
- .E_i1g85yz3 {
4646
- margin-right: 4px;
4647
- height: 16px;
4875
+ .E_r77hffu {
4876
+ display: flex;
4877
+ align-items: center;
4878
+ justify-content: space-between;
4879
+ column-gap: 6px;
4648
4880
  }
4649
4881
 
4882
+ .E_p1cmxsf7 {
4883
+ display: flex;
4884
+ flex-direction: column;
4885
+ justify-content: center;
4886
+ row-gap: var(--p1cmxsf7-0);
4650
4887
 
4651
- .E_sjob3jg {
4652
- $item: ant-steps-item;
4653
- --item-min-width: 60px;
4654
- .#{$item} {
4655
- &-tail,
4656
- &-icon {
4657
- display: none !important;
4658
- }
4659
- }
4660
- .#{$item}.#{$item}-active {
4661
- flex-shrink: 0 !important;
4662
- .step-item-prefix-container {
4663
- color: $text-colorful-outstanding;
4664
- }
4665
- .#{$item}-container .#{$item}-content .#{$item}-title {
4666
- color: $text-colorful-outstanding;
4667
- font-weight: normal;
4668
- }
4669
- }
4670
- .#{$item}.#{$item}-finish {
4671
- .#{$item}-container .#{$item}-content .#{$item}-title,
4672
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4673
- color: $text-neutral-tertiary;
4674
- }
4675
- }
4676
- .#{$item}.#{$item}-wait {
4677
- .#{$item}-container .#{$item}-content .#{$item}-title {
4678
- color: $text-neutral-primary;
4679
- }
4680
- }
4681
- .step-item-text {
4682
- display: inline-block;
4683
- }
4684
- .step-item-title {
4685
- overflow: hidden;
4686
- white-space: nowrap;
4687
- text-overflow: ellipsis;
4888
+ .antd5-progress-line {
4889
+ font-size: 0;
4890
+ margin-bottom: unset;
4891
+ margin-inline-end: unset;
4688
4892
  }
4689
4893
  }
4690
4894
 
4691
- .E_hjvj6s6 {
4692
- $item: ant-steps-item;
4693
- @mixin rightTriangle($color: $fills-light-trans-1) {
4694
- content: "";
4695
- width: 0;
4696
- height: 0;
4697
- border: 13px solid transparent;
4698
- position: absolute;
4699
- top: 0;
4700
- border-left: 8px solid $color;
4701
- }
4702
- .#{$item}-container {
4703
- min-width: var(--item-min-width);
4704
- }
4705
- .#{$item}-disabled {
4706
- cursor: not-allowed !important;
4707
- }
4708
- .ant-steps-horizontal.ant-steps-label-horizontal {
4709
- flex-direction: row;
4710
- justify-content: stretch;
4711
- .#{$item} {
4712
- padding: 0;
4713
- margin-right: 4px;
4714
- flex: 1;
4715
- overflow: visible;
4716
- .#{$item}-content {
4717
- width: 100%;
4718
- min-height: unset;
4719
- .#{$item}-title {
4720
- height: 26px;
4721
- line-height: 26px;
4722
- width: 100%;
4723
- padding: 0;
4724
- font-size: 12px;
4725
- .step-count {
4726
- margin-right: 10px;
4727
- }
4728
- &::after {
4729
- display: none;
4730
- }
4731
- }
4732
- }
4733
- &:first-child {
4734
- .#{$item}-container {
4735
- padding-left: 8px;
4736
- padding-right: 4px;
4737
- border-radius: 4px 0 0 4px;
4738
- }
4739
- }
4740
- &:last-child {
4741
- margin-right: 0;
4742
- .#{$item}-container {
4743
- padding-right: 8px;
4744
- padding-left: 12px;
4745
- border-radius: 0 4px 4px 0;
4746
- }
4747
- }
4748
- &:not(&:last-child) {
4749
- &::after {
4750
- @include rightTriangle();
4751
- z-index: 2;
4752
- position: relative;
4753
- top: -50%;
4754
- right: -100%;
4755
- }
4756
- }
4757
- &:not(:first-child):not(:last-child) {
4758
- .#{$item}-container {
4759
- padding: 0 4px 0 12px;
4760
- }
4761
- }
4762
- &:not(&:first-child) {
4763
- &::before {
4764
- @include rightTriangle(#fff);
4765
- left: 0;
4766
- }
4767
- }
4768
- }
4769
- .#{$item}-active {
4770
- max-width: calc(100% - var(--item-min-width) * 2);
4771
- .#{$item}-container {
4772
- background-color: $fills-light-general-general-light;
4773
- }
4774
- &::after {
4775
- border-left-color: $fills-light-general-general-light !important;
4776
- }
4777
- }
4778
- .#{$item}-finish {
4779
- cursor: pointer;
4780
- min-width: var(--item-min-width);
4781
- }
4782
- .#{$item}-wait,
4783
- .#{$item}-finish {
4784
- min-width: var(--item-min-width);
4785
- .#{$item}-container {
4786
- background-color: $fills-light-trans-1;
4787
- }
4788
- }
4789
- }
4790
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4791
- .ant-steps-vertical
4792
- )
4793
- .#{$item} {
4794
- padding: 0;
4795
- }
4796
- }
4797
4895
 
4798
- .E_v4tv3mf {
4799
- $item: ant-steps-item;
4800
- .ant-steps.ant-steps-vertical {
4801
- width: 192px;
4802
- row-gap: 2px;
4896
+ .E_t13ef470 {
4897
+ height: 100%;
4898
+ .table-loading-item {
4899
+ padding: 12px 4px;
4900
+ border-bottom: 1px solid rgba($gray-50, 0.18);
4901
+ display: flex;
4803
4902
 
4804
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4805
- &:hover {
4806
- background-color: $fill-neutral-trans-2;
4807
- }
4808
- .#{$item}-title {
4809
- color: $text-neutral-primary !important;
4810
- }
4811
- }
4812
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4813
- .#{$item}-container:hover {
4814
- background-color: $fill-neutral-trans-2;
4815
- }
4816
- .#{$item}-container {
4817
- padding: 0 8px;
4818
- border-radius: 4px;
4819
- height: 32px;
4820
- display: flex;
4821
- align-items: center;
4822
- .#{$item}-content {
4823
- min-height: auto;
4824
- white-space: nowrap;
4825
- & .ant-steps-item-title {
4826
- font-size: 13px;
4827
- line-height: 20px;
4828
- max-width: 100%;
4829
- padding-right: 0;
4830
- }
4831
- }
4903
+ > * {
4904
+ height: 16px;
4905
+ margin: 4px;
4906
+ background: rgba($gray-50, 0.18);
4907
+ border-radius: 2px;
4832
4908
  }
4833
- .#{$item}-active {
4834
- .ant-steps-item-container {
4835
- background: rgba($blue-60, 0.1);
4836
- }
4909
+ .checkbox-loading {
4910
+ width: 16px;
4911
+ }
4912
+ .td-loading {
4913
+ flex: 1;
4837
4914
  }
4838
4915
  }
4839
- }
4840
-
4841
- .E_h6l1tj4 {
4842
- width: 100%;
4843
- display: inline-flex;
4844
- align-items: center;
4845
- justify-content: center;
4846
- column-gap: 4px;
4847
- .step-item-prefix-container {
4848
- display: inline-flex;
4849
- align-items: center;
4850
- width: 18px;
4851
- height: 18px;
4852
- color: $gray-a75-8;
4853
- justify-content: center;
4854
- }
4855
- }
4856
-
4857
- .E_v18frne8 {
4858
- width: 100%;
4859
- display: flex;
4860
- align-items: center;
4861
- justify-content: center;
4862
- column-gap: 6px;
4863
- font-size: 13px;
4864
- .step-item-prefix-container {
4865
- display: inline-flex;
4866
- align-items: center;
4867
- min-width: 20px;
4868
- min-height: 20px;
4869
- color: $gray-a75-8;
4870
- justify-content: center;
4871
- }
4872
- }
4873
-
4874
-
4875
- .E_r77hffu {
4876
- display: flex;
4877
- align-items: center;
4878
- justify-content: space-between;
4879
- column-gap: 6px;
4880
- }
4881
-
4882
- .E_p1cmxsf7 {
4883
- display: flex;
4884
- flex-direction: column;
4885
- justify-content: center;
4886
- row-gap: var(--p1cmxsf7-0);
4887
4916
 
4888
- .antd5-progress-line {
4889
- font-size: 0;
4890
- margin-bottom: unset;
4891
- margin-inline-end: unset;
4917
+ :nth-child(1) {
4918
+ padding: 8px 4px;
4919
+ > * {
4920
+ background: rgba($gray-70, 0.18);
4921
+ }
4922
+ }
4923
+ :nth-child(1) {
4924
+ > * {
4925
+ background: rgba($gray-60, 0.18);
4926
+ }
4892
4927
  }
4893
4928
  }
4894
4929
 
@@ -4977,41 +5012,6 @@
4977
5012
  }
4978
5013
 
4979
5014
 
4980
- .E_t13ef470 {
4981
- height: 100%;
4982
- .table-loading-item {
4983
- padding: 12px 4px;
4984
- border-bottom: 1px solid rgba($gray-50, 0.18);
4985
- display: flex;
4986
-
4987
- > * {
4988
- height: 16px;
4989
- margin: 4px;
4990
- background: rgba($gray-50, 0.18);
4991
- border-radius: 2px;
4992
- }
4993
- .checkbox-loading {
4994
- width: 16px;
4995
- }
4996
- .td-loading {
4997
- flex: 1;
4998
- }
4999
- }
5000
-
5001
- :nth-child(1) {
5002
- padding: 8px 4px;
5003
- > * {
5004
- background: rgba($gray-70, 0.18);
5005
- }
5006
- }
5007
- :nth-child(1) {
5008
- > * {
5009
- background: rgba($gray-60, 0.18);
5010
- }
5011
- }
5012
- }
5013
-
5014
-
5015
5015
  .E_t1gvlxt5 {
5016
5016
  min-width: 0;
5017
5017
  flex: 1;
@@ -5035,7 +5035,7 @@
5035
5035
  }
5036
5036
 
5037
5037
 
5038
- .E_m11nzl2x {
5038
+ .E_msn7nxt {
5039
5039
  color: $text-light-secondary;
5040
5040
  text-align: center;
5041
5041
 
@@ -5051,7 +5051,7 @@
5051
5051
  }
5052
5052
  }
5053
5053
 
5054
- .E_mn7joto {
5054
+ .E_mp64wfi {
5055
5055
  width: 100%;
5056
5056
  height: 100%;
5057
5057
  display: flex;
@@ -5061,6 +5061,7 @@
5061
5061
  width: 100%;
5062
5062
  display: flex;
5063
5063
  line-height: 30px;
5064
+ padding: 0 16px;
5064
5065
  justify-content: space-between;
5065
5066
  .metric-extra {
5066
5067
  display: flex;
@@ -5093,7 +5094,7 @@
5093
5094
  }
5094
5095
  }
5095
5096
 
5096
- .E_l1bifhon {
5097
+ .E_l1oyigan {
5097
5098
  display: flex;
5098
5099
  align-items: center;
5099
5100
  white-space: nowrap;
@@ -5101,74 +5102,38 @@
5101
5102
  width: 100%;
5102
5103
 
5103
5104
  .ant-dropdown-trigger {
5105
+ margin-left: auto;
5104
5106
  font-size: 12px;
5105
- margin-left: 8px;
5106
5107
  }
5107
5108
  }
5108
5109
 
5109
- .E_ltthzck {
5110
+ .E_l1noi4n1 {
5110
5111
  display: flex;
5111
5112
  justify-content: flex-start;
5112
5113
  align-items: center;
5113
5114
  font-size: 12px;
5114
5115
  cursor: pointer;
5115
- &:not(:first-child) {
5116
- margin-left: 8px;
5117
- }
5118
5116
 
5119
- &.deselected,
5120
- &.hovering {
5121
- opacity: 0.3;
5122
-
5123
- &:not(.hoverering-self) .color-block {
5124
- background: #b4beca !important;
5125
- border-radius: 2px;
5126
- }
5127
- }
5128
- &.hoverering-self {
5129
- opacity: 1;
5130
- }
5131
- .dropdown-trigger {
5132
- margin-left: 12px;
5133
- }
5134
- .legend-name {
5135
- color: $text-light-primary;
5117
+ &:not(:last-child) {
5118
+ margin-right: 20px;
5136
5119
  }
5137
- }
5138
-
5139
- .E_l1mumj7o {
5140
- display: flex;
5141
- justify-content: flex-start;
5142
- align-items: center;
5143
- font-size: 12px;
5144
- cursor: pointer;
5145
-
5146
- &.deselected,
5147
- &.hovering {
5148
- opacity: 0.3;
5120
+ &.deselected {
5121
+ opacity: 0.4;
5149
5122
 
5150
- &:not(.hoverering-self) .color-block {
5123
+ .color-block {
5151
5124
  background: #b4beca !important;
5152
- border-radius: 2px;
5153
5125
  }
5154
5126
  }
5155
- .legend-name {
5156
- color: $text-light-primary;
5157
- }
5158
- &.hoverering-self {
5159
- opacity: 1;
5160
- }
5161
5127
  }
5162
5128
 
5163
- .E_c14rn6j5 {
5129
+ .E_cz19rz6 {
5164
5130
  display: inline-block;
5165
5131
  height: 8px;
5166
5132
  width: 8px;
5167
- margin-right: 6px;
5168
- border-radius: 2px;
5133
+ margin-right: 8px;
5169
5134
  }
5170
5135
 
5171
- .E_e45tc5l {
5136
+ .E_e17r5r9c {
5172
5137
  .ant-dropdown-menu-item {
5173
5138
  display: flex;
5174
5139
  align-items: center;
@@ -5177,7 +5142,7 @@
5177
5142
  }
5178
5143
  }
5179
5144
 
5180
- .E_lqeaosa {
5145
+ .E_m1y1hhnr {
5181
5146
  position: relative;
5182
5147
 
5183
5148
  &.hidden-xaxis .pointer-wrapper {
@@ -5188,9 +5153,10 @@
5188
5153
  display: flex;
5189
5154
  justify-content: space-between;
5190
5155
  line-height: 30px;
5156
+ margin: 0 16px;
5157
+
5191
5158
  .metric-extra {
5192
5159
  display: flex;
5193
- flex-shrink: 0;
5194
5160
  font-size: 12px;
5195
5161
  align-items: center;
5196
5162
 
@@ -5216,28 +5182,26 @@
5216
5182
  position: absolute;
5217
5183
  bottom: 10px;
5218
5184
  padding: 0 8px;
5185
+ border-radius: 4px;
5219
5186
  font-size: 12px;
5220
5187
  color: $white;
5188
+ background: rgba(0, 0, 0, 0.75);
5221
5189
  transform: translateX(-50%);
5222
5190
  }
5223
5191
  }
5224
5192
 
5225
- .E_t2pr38p {
5193
+ .E_tnvijvs {
5226
5194
  min-width: 200px;
5227
- background-color: $fill-neutral-trans-8;
5228
- border-radius: 4px;
5229
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5230
- padding: 8px;
5231
5195
  }
5232
5196
 
5233
- .E_tecdsj7 {
5197
+ .E_t1ub2aex {
5234
5198
  display: flex;
5235
5199
  align-items: center;
5236
- background-color: unset;
5237
- color: $text-neutral-ontint;
5238
5200
  justify-content: space-between;
5201
+ background-color: rgba(0, 0, 0, 0.75);
5202
+ color: #b4beca;
5239
5203
  font-size: 12px;
5240
- padding-top: 6px;
5204
+ padding: 3px 6px;
5241
5205
 
5242
5206
  &:first-child {
5243
5207
  padding-top: 3px;
@@ -5246,24 +5210,13 @@
5246
5210
  padding-bottom: 3px;
5247
5211
  }
5248
5212
  .column-value {
5249
- color: $text-neutral-ontint;
5213
+ color: $white;
5250
5214
  margin-left: 8px;
5251
5215
  }
5252
5216
  }
5253
5217
 
5254
- .E_ljhvvia {
5255
- display: inline-block;
5256
- height: 8px;
5257
- width: 8px;
5258
- margin-right: 8px;
5259
- border-radius: 2px;
5260
- &.borderd {
5261
- border: 1px solid $stroke-neutral-white;
5262
- }
5263
- }
5264
-
5265
5218
 
5266
- .E_msn7nxt {
5219
+ .E_m11nzl2x {
5267
5220
  color: $text-light-secondary;
5268
5221
  text-align: center;
5269
5222
 
@@ -5279,7 +5232,7 @@
5279
5232
  }
5280
5233
  }
5281
5234
 
5282
- .E_mp64wfi {
5235
+ .E_mn7joto {
5283
5236
  width: 100%;
5284
5237
  height: 100%;
5285
5238
  display: flex;
@@ -5289,7 +5242,6 @@
5289
5242
  width: 100%;
5290
5243
  display: flex;
5291
5244
  line-height: 30px;
5292
- padding: 0 16px;
5293
5245
  justify-content: space-between;
5294
5246
  .metric-extra {
5295
5247
  display: flex;
@@ -5322,7 +5274,7 @@
5322
5274
  }
5323
5275
  }
5324
5276
 
5325
- .E_l1oyigan {
5277
+ .E_l1bifhon {
5326
5278
  display: flex;
5327
5279
  align-items: center;
5328
5280
  white-space: nowrap;
@@ -5330,38 +5282,74 @@
5330
5282
  width: 100%;
5331
5283
 
5332
5284
  .ant-dropdown-trigger {
5333
- margin-left: auto;
5334
5285
  font-size: 12px;
5286
+ margin-left: 8px;
5335
5287
  }
5336
5288
  }
5337
5289
 
5338
- .E_l1noi4n1 {
5290
+ .E_ltthzck {
5339
5291
  display: flex;
5340
5292
  justify-content: flex-start;
5341
5293
  align-items: center;
5342
5294
  font-size: 12px;
5343
5295
  cursor: pointer;
5296
+ &:not(:first-child) {
5297
+ margin-left: 8px;
5298
+ }
5344
5299
 
5345
- &:not(:last-child) {
5346
- margin-right: 20px;
5300
+ &.deselected,
5301
+ &.hovering {
5302
+ opacity: 0.3;
5303
+
5304
+ &:not(.hoverering-self) .color-block {
5305
+ background: #b4beca !important;
5306
+ border-radius: 2px;
5307
+ }
5347
5308
  }
5348
- &.deselected {
5349
- opacity: 0.4;
5309
+ &.hoverering-self {
5310
+ opacity: 1;
5311
+ }
5312
+ .dropdown-trigger {
5313
+ margin-left: 12px;
5314
+ }
5315
+ .legend-name {
5316
+ color: $text-light-primary;
5317
+ }
5318
+ }
5350
5319
 
5351
- .color-block {
5320
+ .E_l1mumj7o {
5321
+ display: flex;
5322
+ justify-content: flex-start;
5323
+ align-items: center;
5324
+ font-size: 12px;
5325
+ cursor: pointer;
5326
+
5327
+ &.deselected,
5328
+ &.hovering {
5329
+ opacity: 0.3;
5330
+
5331
+ &:not(.hoverering-self) .color-block {
5352
5332
  background: #b4beca !important;
5333
+ border-radius: 2px;
5353
5334
  }
5354
5335
  }
5336
+ .legend-name {
5337
+ color: $text-light-primary;
5338
+ }
5339
+ &.hoverering-self {
5340
+ opacity: 1;
5341
+ }
5355
5342
  }
5356
5343
 
5357
- .E_cz19rz6 {
5344
+ .E_c14rn6j5 {
5358
5345
  display: inline-block;
5359
5346
  height: 8px;
5360
5347
  width: 8px;
5361
- margin-right: 8px;
5348
+ margin-right: 6px;
5349
+ border-radius: 2px;
5362
5350
  }
5363
5351
 
5364
- .E_e17r5r9c {
5352
+ .E_e45tc5l {
5365
5353
  .ant-dropdown-menu-item {
5366
5354
  display: flex;
5367
5355
  align-items: center;
@@ -5370,7 +5358,7 @@
5370
5358
  }
5371
5359
  }
5372
5360
 
5373
- .E_m1y1hhnr {
5361
+ .E_lqeaosa {
5374
5362
  position: relative;
5375
5363
 
5376
5364
  &.hidden-xaxis .pointer-wrapper {
@@ -5381,10 +5369,9 @@
5381
5369
  display: flex;
5382
5370
  justify-content: space-between;
5383
5371
  line-height: 30px;
5384
- margin: 0 16px;
5385
-
5386
5372
  .metric-extra {
5387
5373
  display: flex;
5374
+ flex-shrink: 0;
5388
5375
  font-size: 12px;
5389
5376
  align-items: center;
5390
5377
 
@@ -5410,26 +5397,28 @@
5410
5397
  position: absolute;
5411
5398
  bottom: 10px;
5412
5399
  padding: 0 8px;
5413
- border-radius: 4px;
5414
5400
  font-size: 12px;
5415
5401
  color: $white;
5416
- background: rgba(0, 0, 0, 0.75);
5417
5402
  transform: translateX(-50%);
5418
5403
  }
5419
5404
  }
5420
5405
 
5421
- .E_tnvijvs {
5406
+ .E_t2pr38p {
5422
5407
  min-width: 200px;
5408
+ background-color: $fill-neutral-trans-8;
5409
+ border-radius: 4px;
5410
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5411
+ padding: 8px;
5423
5412
  }
5424
5413
 
5425
- .E_t1ub2aex {
5414
+ .E_tecdsj7 {
5426
5415
  display: flex;
5427
5416
  align-items: center;
5417
+ background-color: unset;
5418
+ color: $text-neutral-ontint;
5428
5419
  justify-content: space-between;
5429
- background-color: rgba(0, 0, 0, 0.75);
5430
- color: #b4beca;
5431
5420
  font-size: 12px;
5432
- padding: 3px 6px;
5421
+ padding-top: 6px;
5433
5422
 
5434
5423
  &:first-child {
5435
5424
  padding-top: 3px;
@@ -5438,11 +5427,27 @@
5438
5427
  padding-bottom: 3px;
5439
5428
  }
5440
5429
  .column-value {
5441
- color: $white;
5430
+ color: $text-neutral-ontint;
5442
5431
  margin-left: 8px;
5443
5432
  }
5444
5433
  }
5445
5434
 
5435
+ .E_ljhvvia {
5436
+ display: inline-block;
5437
+ height: 8px;
5438
+ width: 8px;
5439
+ margin-right: 8px;
5440
+ border-radius: 2px;
5441
+ &.borderd {
5442
+ border: 1px solid $stroke-neutral-white;
5443
+ }
5444
+ }
5445
+
5446
+
5447
+ .E_b1jaupqb {
5448
+ color: #F0483E;
5449
+ }
5450
+
5446
5451
 
5447
5452
  .E_bpgac8u {
5448
5453
  color: #FFFFFF;
@@ -5527,11 +5532,6 @@
5527
5532
  }
5528
5533
 
5529
5534
 
5530
- .E_b1jaupqb {
5531
- color: #F0483E;
5532
- }
5533
-
5534
-
5535
5535
  .E_s20iney {
5536
5536
  &.skeleton-box {
5537
5537
  display: flex;
@@ -5630,377 +5630,116 @@
5630
5630
 
5631
5631
  .E_a9y3flr {
5632
5632
  margin-left: 8px;
5633
- }
5634
-
5635
- .E_a1njc627 {
5636
- font-size: 12px;
5637
- color: $text-neutral-primary;
5638
- }
5639
-
5640
-
5641
- .E_i14c7jc8 {
5642
- color: var(--i14c7jc8-0);
5643
- }
5644
-
5645
- .E_i1ibuolf {
5646
- display: flex;
5647
- align-items: center;
5648
- column-gap: 4px;
5649
- font-size: 12px;
5650
- color: #2C3852BF;
5651
- }
5652
-
5653
-
5654
- .E_d1u4ndxc {
5655
- color: #2C3852BF;
5656
- font-size: 12px;
5657
- }
5658
-
5659
- .E_f6xb0iv {
5660
- min-width: 0;
5661
- flex: 1;
5662
- }
5663
-
5664
- .E_b1dhu7ov {
5665
- &.antd5-progress {
5666
- width: 220px;
5667
- }
5668
- }
5669
-
5670
- .E_p1as1j2z {
5671
- .antd5-progress.antd5-progress-status-active
5672
- .antd5-progress-bg::before {
5673
- content: "";
5674
- display: block;
5675
- height: 8px;
5676
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5677
- animation: loading 1600ms ease-out infinite;
5678
- opacity: 1;
5679
- }
5680
-
5681
- @keyframes loading {
5682
- from {
5683
- transform: translateX(-100%);
5684
- }
5685
- to {
5686
- transform: translateX(100%);
5687
- }
5688
- }
5689
- }
5690
-
5691
-
5692
- .E_s1ebs0ra {
5693
- display: flex;
5694
- align-items: center;
5695
- justify-content: space-between;
5696
- background: $backgrounds-light-grouped;
5697
- padding: 8px 12px;
5698
- position: sticky;
5699
- top: 0;
5700
- z-index: 1;
5701
- margin-bottom: -52px;
5702
-
5703
- .select-total {
5704
- display: flex;
5705
- align-items: center;
5706
- font-weight: 700;
5707
- flex-shrink: 0;
5708
-
5709
- .icon-wrapper {
5710
- cursor: pointer;
5711
- margin-left: 8px;
5712
- width: 32px;
5713
- height: 32px;
5714
- border-radius: 50%;
5715
- justify-content: center;
5716
-
5717
- &:hover {
5718
- background: $fills-light-trans-2;
5719
- }
5720
- }
5721
- }
5722
- .action-group {
5723
- flex: 1;
5724
- margin-left: 88px;
5725
- white-space: nowrap;
5726
- text-align: right;
5727
- position: relative;
5728
- padding: 4px 0;
5729
- margin-top: -4px;
5730
- overflow: hidden;
5731
- .sub-menu-delete {
5732
- transform: translateY(-4px);
5733
- }
5734
- button {
5735
- border: none;
5736
- }
5737
- > *:not(:last-child) {
5738
- margin-right: 8px;
5739
- }
5740
-
5741
- > button:last-child {
5742
- margin-right: 4px;
5743
- }
5744
- .more-btn {
5745
- cursor: pointer;
5746
- width: 32px;
5747
- height: 32px;
5748
- justify-content: center;
5749
- border-radius: 50%;
5750
-
5751
- &:hover {
5752
- background: $white;
5753
- }
5754
- }
5755
- }
5756
- }
5757
-
5758
-
5759
- .E_c18bcrac {
5760
- display: inline-block;
5761
- width: 100%;
5762
- .recharts-wrapper {
5763
- margin-left: 4px;
5764
- }
5765
- }
5766
-
5767
- .E_cro7kg2 {
5768
- padding: 4px;
5769
-
5770
- .unit {
5771
- color: white;
5772
- }
5773
- }
5774
-
5775
- .E_c14wcxf0 {
5776
- display: flex;
5777
- justify-content: space-between;
5778
- align-items: center;
5779
- font-size: 13px;
5780
- line-height: 24px;
5781
- color: #cccccc;
5782
- white-space: nowrap;
5783
-
5784
- label {
5785
- margin-right: 32px;
5786
- }
5787
- }
5788
-
5789
- .E_coy29mj.E_c14wcxf0 {
5790
- font-weight: bold;
5791
- color: white;
5792
- }
5793
-
5794
- .E_s11212zy {
5795
- width: 8px;
5796
- height: 8px;
5797
- border-radius: 2px;
5798
- display: inline-block;
5799
- background: var(--s11212zy-0);
5800
- border: 1px solid $fills-light-white;
5801
- box-sizing: content-box;
5802
- margin-right: 6px;
5803
- }
5804
-
5805
- .E_p1lyky6c {
5806
- & > :first-child {
5807
- font-weight: bold;
5808
- color: white;
5809
- margin-right: 4px;
5810
- }
5811
- }
5812
-
5813
-
5814
- .E_ou7iq30 {
5815
- overflow: hidden;
5816
- text-overflow: ellipsis;
5817
- }
5818
-
5819
- .E_s1tui002 {
5820
- white-space: nowrap;
5821
- }
5822
-
5823
- .E_mxrc2zg {
5824
- display: -webkit-box;
5825
- -webkit-line-clamp: var(--mxrc2zg-0);
5826
- -webkit-box-orient: vertical;
5827
- word-break: break-all;
5828
- }
5829
-
5830
- .E_t1vv6d68 {
5831
- .ant-tooltip-arrow {
5832
- display: none;
5833
- }
5834
- .ant-tooltip-inner {
5835
- background: $gray-a80-9;
5836
- border-radius: 4px;
5837
- &:has(.eagle-ellipsis-content) {
5838
- visibility: hidden;
5839
- }
5840
- }
5841
- }
5842
-
5843
-
5844
- .E_c1up1pdz {
5845
- width: 648px;
5846
-
5847
- &.active {
5848
- border-color: $blue-60;
5849
-
5850
- > header {
5851
- background: rgba($blue-60, 0.1);
5852
- }
5853
- }
5854
-
5855
- .expand {
5856
- padding: 12px;
5857
- }
5858
-
5859
- .field-item {
5860
- display: flex;
5861
- padding: 10px 0;
5862
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5863
-
5864
- &:last-child {
5865
- border-bottom: none;
5866
- padding-bottom: 0;
5867
- }
5868
-
5869
- label {
5870
- line-height: 32px;
5871
- width: 100px;
5872
- color: rgba(62, 70, 82, 0.6);
5873
- }
5874
- }
5633
+ }
5875
5634
 
5876
- .help {
5877
- color: rgba(62, 70, 82, 0.6);
5878
- margin-top: 5px;
5879
- }
5635
+ .E_a1njc627 {
5636
+ font-size: 12px;
5637
+ color: $text-neutral-primary;
5638
+ }
5880
5639
 
5881
- .ant-input-affix-wrapper,
5882
- .ant-picker {
5883
- width: 128px;
5884
- }
5640
+
5641
+ .E_i14c7jc8 {
5642
+ color: var(--i14c7jc8-0);
5885
5643
  }
5886
5644
 
5887
- .E_c156wh19 {
5645
+ .E_i1ibuolf {
5888
5646
  display: flex;
5889
5647
  align-items: center;
5890
- justify-content: space-between;
5891
- word-break: keep-all;
5648
+ column-gap: 4px;
5649
+ font-size: 12px;
5650
+ color: #2C3852BF;
5651
+ }
5892
5652
 
5893
- .title {
5894
- margin: 0 16px 0 8px;
5895
- }
5896
5653
 
5897
- .retain {
5898
- color: rgba(129, 138, 153, 0.6);
5899
- }
5654
+ .E_d1u4ndxc {
5655
+ color: #2C3852BF;
5656
+ font-size: 12px;
5657
+ }
5900
5658
 
5901
- div.left {
5902
- flex: 1;
5903
- display: flex;
5904
- overflow: hidden;
5905
- align-items: center;
5906
- justify-content: flex-start;
5907
- white-space: nowrap;
5659
+ .E_f6xb0iv {
5660
+ min-width: 0;
5661
+ flex: 1;
5662
+ }
5908
5663
 
5909
- .title {
5910
- max-width: 100%;
5911
- overflow: hidden;
5912
- text-overflow: ellipsis;
5913
- }
5664
+ .E_b1dhu7ov {
5665
+ &.antd5-progress {
5666
+ width: 220px;
5914
5667
  }
5668
+ }
5915
5669
 
5916
- div.right {
5917
- display: flex;
5918
- align-items: center;
5670
+ .E_p1as1j2z {
5671
+ .antd5-progress.antd5-progress-status-active
5672
+ .antd5-progress-bg::before {
5673
+ content: "";
5674
+ display: block;
5675
+ height: 8px;
5676
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5677
+ animation: loading 1600ms ease-out infinite;
5678
+ opacity: 1;
5919
5679
  }
5920
5680
 
5921
- .reverse {
5922
- display: flex;
5923
- flex-direction: row-reverse;
5924
- align-items: center;
5925
-
5926
- .ant-switch {
5927
- margin-left: 8px;
5681
+ @keyframes loading {
5682
+ from {
5683
+ transform: translateX(-100%);
5684
+ }
5685
+ to {
5686
+ transform: translateX(100%);
5928
5687
  }
5929
5688
  }
5689
+ }
5930
5690
 
5931
- .close {
5932
- padding-left: 14px;
5933
- margin-left: 14px;
5934
- border-left: 1px solid rgba(129, 138, 153, 0.6);
5935
- cursor: pointer;
5691
+
5692
+ .E_c18bcrac {
5693
+ display: inline-block;
5694
+ width: 100%;
5695
+ .recharts-wrapper {
5696
+ margin-left: 4px;
5936
5697
  }
5937
5698
  }
5938
5699
 
5939
- .E_m126spxy {
5940
- .ant-btn.ant-btn-link {
5941
- padding: 1px 10px;
5942
- color: rgba(62, 70, 82, 0.6);
5943
- border-radius: 4px;
5700
+ .E_cro7kg2 {
5701
+ padding: 4px;
5944
5702
 
5945
- &.active {
5946
- background: rgba(0, 128, 255, 0.1);
5947
- color: $blue;
5948
- }
5703
+ .unit {
5704
+ color: white;
5949
5705
  }
5950
-
5951
- padding-bottom: 4px;
5952
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5953
5706
  }
5954
5707
 
5955
- .E_wpbf4pq {
5956
- padding: 10px 0;
5957
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5708
+ .E_c14wcxf0 {
5709
+ display: flex;
5710
+ justify-content: space-between;
5711
+ align-items: center;
5712
+ font-size: 13px;
5713
+ line-height: 24px;
5714
+ color: #cccccc;
5715
+ white-space: nowrap;
5958
5716
 
5959
- .ant-input,
5960
- .ant-picker {
5961
- width: 80px;
5962
- margin: 0 9px;
5963
- text-align: center;
5717
+ label {
5718
+ margin-right: 32px;
5964
5719
  }
5720
+ }
5965
5721
 
5966
- .options {
5967
- padding: 12px 0 12px 16px;
5968
- border-left: 2px solid rgba(129, 138, 153, 0.6);
5969
- margin: 5px 0 5px 8px;
5970
- }
5971
- .week-day-option,
5972
- .month-day-option {
5973
- background: #f5f7fa;
5974
- box-sizing: border-box;
5975
- border-radius: 16px;
5976
- margin-right: 8px;
5722
+ .E_coy29mj.E_c14wcxf0 {
5723
+ font-weight: bold;
5724
+ color: white;
5725
+ }
5977
5726
 
5978
- &:focus {
5979
- color: inherit;
5980
- border-color: #d9d9d9;
5981
- }
5982
- }
5983
- .week-day-option {
5984
- &.active {
5985
- background-color: $blue;
5986
- border-color: $blue;
5987
- color: $white;
5988
- }
5989
- &.en-text {
5990
- width: 110px;
5991
- margin-top: 4px;
5992
- }
5993
- }
5994
- .month-day-option {
5995
- width: 32px;
5996
- padding: 0;
5997
- margin-bottom: 8px;
5727
+ .E_s11212zy {
5728
+ width: 8px;
5729
+ height: 8px;
5730
+ border-radius: 2px;
5731
+ display: inline-block;
5732
+ background: var(--s11212zy-0);
5733
+ border: 1px solid $fills-light-white;
5734
+ box-sizing: content-box;
5735
+ margin-right: 6px;
5736
+ }
5998
5737
 
5999
- &.active {
6000
- background-color: $blue;
6001
- border-color: $blue;
6002
- color: $white;
6003
- }
5738
+ .E_p1lyky6c {
5739
+ & > :first-child {
5740
+ font-weight: bold;
5741
+ color: white;
5742
+ margin-right: 4px;
6004
5743
  }
6005
5744
  }
6006
5745
 
@@ -6103,17 +5842,93 @@
6103
5842
  }
6104
5843
 
6105
5844
 
6106
- .E_s1iv0tp1 {
6107
- .enabled-switch {
5845
+ .E_s1ebs0ra {
5846
+ display: flex;
5847
+ align-items: center;
5848
+ justify-content: space-between;
5849
+ background: $backgrounds-light-grouped;
5850
+ padding: 8px 12px;
5851
+ position: sticky;
5852
+ top: 0;
5853
+ z-index: 1;
5854
+ margin-bottom: -52px;
5855
+
5856
+ .select-total {
6108
5857
  display: flex;
6109
5858
  align-items: center;
5859
+ font-weight: 700;
5860
+ flex-shrink: 0;
5861
+
5862
+ .icon-wrapper {
5863
+ cursor: pointer;
5864
+ margin-left: 8px;
5865
+ width: 32px;
5866
+ height: 32px;
5867
+ border-radius: 50%;
5868
+ justify-content: center;
5869
+
5870
+ &:hover {
5871
+ background: $fills-light-trans-2;
5872
+ }
5873
+ }
5874
+ }
5875
+ .action-group {
5876
+ flex: 1;
5877
+ margin-left: 88px;
5878
+ white-space: nowrap;
5879
+ text-align: right;
5880
+ position: relative;
5881
+ padding: 4px 0;
5882
+ margin-top: -4px;
5883
+ overflow: hidden;
5884
+ .sub-menu-delete {
5885
+ transform: translateY(-4px);
5886
+ }
5887
+ button {
5888
+ border: none;
5889
+ }
5890
+ > *:not(:last-child) {
5891
+ margin-right: 8px;
5892
+ }
5893
+
5894
+ > button:last-child {
5895
+ margin-right: 4px;
5896
+ }
5897
+ .more-btn {
5898
+ cursor: pointer;
5899
+ width: 32px;
5900
+ height: 32px;
5901
+ justify-content: center;
5902
+ border-radius: 50%;
5903
+
5904
+ &:hover {
5905
+ background: $white;
5906
+ }
5907
+ }
6110
5908
  }
5909
+ }
6111
5910
 
6112
- .enabled-text {
6113
- margin-right: 8px;
5911
+
5912
+ .E_n12mqh7z {
5913
+ display: flex;
5914
+ align-items: center;
5915
+ font-size: 12px;
5916
+ line-height: 18px;
5917
+
5918
+ &:not(:last-child) {
5919
+ margin-bottom: 4px;
6114
5920
  }
6115
5921
  }
6116
5922
 
5923
+ .E_tf5bynu {
5924
+ margin: 0 3px;
5925
+ }
5926
+
5927
+ .E_tcckoz1 {
5928
+ max-height: 400px;
5929
+ overflow: auto;
5930
+ }
5931
+
6117
5932
 
6118
5933
  .E_t1sqg15u {
6119
5934
  background: white;
@@ -6236,77 +6051,153 @@
6236
6051
  }
6237
6052
 
6238
6053
 
6239
- .E_n12mqh7z {
6240
- display: flex;
6241
- align-items: center;
6242
- font-size: 12px;
6243
- line-height: 18px;
6244
-
6245
- &:not(:last-child) {
6246
- margin-bottom: 4px;
6054
+ .E_s1iv0tp1 {
6055
+ .enabled-switch {
6056
+ display: flex;
6057
+ align-items: center;
6247
6058
  }
6248
- }
6249
6059
 
6250
- .E_tf5bynu {
6251
- margin: 0 3px;
6060
+ .enabled-text {
6061
+ margin-right: 8px;
6062
+ }
6252
6063
  }
6253
6064
 
6254
- .E_tcckoz1 {
6255
- max-height: 400px;
6256
- overflow: auto;
6257
- }
6258
6065
 
6066
+ .E_s1at6qmn {
6067
+ &.ant-layout-sider {
6068
+ background: $backgrounds-light-grouped;
6069
+ padding: 32px 8px;
6070
+ overflow: auto;
6071
+ }
6259
6072
 
6260
- .E_wg1tsps {
6261
- display: flex;
6262
- align-items: center;
6263
- justify-content: flex-end;
6264
- }
6073
+ .ant-layout-sider-children {
6074
+ display: flex;
6075
+ flex-direction: column;
6076
+ justify-content: space-between;
6077
+ }
6265
6078
 
6266
- .E_b1ctd5xy {
6267
- display: flex;
6268
- align-items: center;
6269
- width: calc(100% - 40px);
6079
+ footer {
6080
+ display: flex;
6081
+ }
6270
6082
 
6271
- .chart {
6272
- display: inline-block;
6273
- width: 100%;
6083
+ .ant-menu {
6084
+ background: $backgrounds-light-grouped;
6085
+ a {
6086
+ color: $text-light-primary;
6087
+ width: 180px;
6088
+ overflow: hidden;
6089
+ text-overflow: ellipsis;
6090
+ }
6274
6091
  }
6275
- }
6276
6092
 
6277
- .E_u1p8acpn {
6278
- min-width: 40px;
6093
+ .ant-menu-vertical {
6094
+ margin-bottom: 24px;
6279
6095
 
6280
- .unit {
6281
- color: $text-light-primary !important;
6096
+ .ant-menu-item-group {
6097
+ .ant-menu-item {
6098
+ margin: 0;
6099
+ }
6100
+ .ant-menu-item-group-title {
6101
+ font-size: 12px;
6102
+ padding: 0 8px 4px;
6103
+ line-height: 18px;
6104
+
6105
+ &:empty {
6106
+ padding: 0;
6107
+ }
6108
+ }
6109
+ &:not(:last-child) {
6110
+ padding-bottom: 24px;
6111
+ &.split {
6112
+ margin-bottom: 24px;
6113
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6114
+ }
6115
+ }
6116
+ }
6117
+
6118
+ .ant-menu-item {
6119
+ transition: none;
6120
+ display: flex;
6121
+ align-items: center;
6122
+ height: 32px;
6123
+ line-height: 22px;
6124
+ padding: 0 8px;
6125
+
6126
+ > .icon-wrapper {
6127
+ margin-right: 12px;
6128
+ }
6129
+
6130
+ &:not(:last-child) {
6131
+ margin: 0;
6132
+ margin-bottom: 2px;
6133
+ }
6134
+ &.ant-menu-item-selected {
6135
+ background: $background-selected;
6136
+ box-shadow: $box-shadow-light-selected;
6137
+ border-radius: 6px;
6138
+ color: $text-light-on-tint;
6139
+ a {
6140
+ color: $text-light-on-tint;
6141
+ }
6142
+ }
6143
+ &:not(.ant-menu-item-selected) {
6144
+ &.ant-menu-item:hover,
6145
+ &.ant-menu-item-active {
6146
+ background: $background-onhover;
6147
+ box-shadow: $box-shadow-light-onhover;
6148
+ border-radius: 6px;
6149
+ }
6150
+ }
6151
+ }
6282
6152
  }
6283
6153
  }
6284
6154
 
6155
+ .E_s1wu0lms {
6156
+ .ant-menu-item-group-title {
6157
+ white-space: nowrap;
6158
+ transition: all 0s;
6159
+ }
6285
6160
 
6286
- .E_gmyahx3 {
6287
- cursor: pointer;
6161
+ &.shrink {
6162
+ transition: all 0s;
6163
+ overflow: hidden;
6288
6164
 
6289
- .link-text {
6290
- color: $text-light-tertiary;
6291
- }
6165
+ .ant-menu-item-group-title {
6166
+ visibility: hidden;
6167
+ }
6292
6168
 
6293
- &:hover .link-text {
6294
- color: $text-light-general;
6169
+ .ant-menu-item {
6170
+ width: 36px;
6171
+ padding: 0 6px;
6172
+ }
6295
6173
  }
6296
6174
  }
6297
6175
 
6298
-
6299
- .E_skwah65 {
6300
- height: 8px;
6301
- box-sizing: border-box;
6302
- border-radius: 2px;
6303
- background: #f5f7fa;
6176
+ .E_n1ugzfva {
6304
6177
  display: flex;
6305
- width: 100%;
6306
- overflow: hidden;
6178
+ place-items: center;
6179
+ width: 100% !important;
6307
6180
 
6308
- .stack-bar-item + .stack-bar-item {
6309
- margin-left: 1px;
6181
+ &[disabled] {
6182
+ color: rgba(0, 0, 0, 0.25) !important;
6183
+ opacity: 1 !important;
6184
+ }
6185
+
6186
+ &.ant-btn {
6187
+ width: 100%;
6188
+ color: $text-light-primary;
6189
+ }
6190
+
6191
+ .icon-wrapper {
6192
+ margin-right: 12px;
6193
+ }
6194
+
6195
+ .link-title {
6196
+ flex: 1;
6197
+ overflow: hidden;
6198
+ white-space: nowrap;
6199
+ text-overflow: ellipsis;
6200
+ text-align: left;
6310
6201
  }
6311
6202
  }
6312
6203
 
@@ -6579,142 +6470,307 @@
6579
6470
  }
6580
6471
 
6581
6472
 
6582
- .E_s1at6qmn {
6583
- &.ant-layout-sider {
6584
- background: $backgrounds-light-grouped;
6585
- padding: 32px 8px;
6586
- overflow: auto;
6473
+ .E_gmyahx3 {
6474
+ cursor: pointer;
6475
+
6476
+ .link-text {
6477
+ color: $text-light-tertiary;
6478
+ }
6479
+
6480
+ &:hover .link-text {
6481
+ color: $text-light-general;
6482
+ }
6483
+ }
6484
+
6485
+
6486
+ .E_wg1tsps {
6487
+ display: flex;
6488
+ align-items: center;
6489
+ justify-content: flex-end;
6490
+ }
6491
+
6492
+ .E_b1ctd5xy {
6493
+ display: flex;
6494
+ align-items: center;
6495
+ width: calc(100% - 40px);
6496
+
6497
+ .chart {
6498
+ display: inline-block;
6499
+ width: 100%;
6500
+ }
6501
+ }
6502
+
6503
+ .E_u1p8acpn {
6504
+ min-width: 40px;
6505
+
6506
+ .unit {
6507
+ color: $text-light-primary !important;
6508
+ }
6509
+ }
6510
+
6511
+
6512
+ .E_c1up1pdz {
6513
+ width: 648px;
6514
+
6515
+ &.active {
6516
+ border-color: $blue-60;
6517
+
6518
+ > header {
6519
+ background: rgba($blue-60, 0.1);
6520
+ }
6521
+ }
6522
+
6523
+ .expand {
6524
+ padding: 12px;
6525
+ }
6526
+
6527
+ .field-item {
6528
+ display: flex;
6529
+ padding: 10px 0;
6530
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6531
+
6532
+ &:last-child {
6533
+ border-bottom: none;
6534
+ padding-bottom: 0;
6535
+ }
6536
+
6537
+ label {
6538
+ line-height: 32px;
6539
+ width: 100px;
6540
+ color: rgba(62, 70, 82, 0.6);
6541
+ }
6542
+ }
6543
+
6544
+ .help {
6545
+ color: rgba(62, 70, 82, 0.6);
6546
+ margin-top: 5px;
6547
+ }
6548
+
6549
+ .ant-input-affix-wrapper,
6550
+ .ant-picker {
6551
+ width: 128px;
6552
+ }
6553
+ }
6554
+
6555
+ .E_c156wh19 {
6556
+ display: flex;
6557
+ align-items: center;
6558
+ justify-content: space-between;
6559
+ word-break: keep-all;
6560
+
6561
+ .title {
6562
+ margin: 0 16px 0 8px;
6587
6563
  }
6588
6564
 
6589
- .ant-layout-sider-children {
6590
- display: flex;
6591
- flex-direction: column;
6592
- justify-content: space-between;
6565
+ .retain {
6566
+ color: rgba(129, 138, 153, 0.6);
6593
6567
  }
6594
6568
 
6595
- footer {
6569
+ div.left {
6570
+ flex: 1;
6596
6571
  display: flex;
6597
- }
6572
+ overflow: hidden;
6573
+ align-items: center;
6574
+ justify-content: flex-start;
6575
+ white-space: nowrap;
6598
6576
 
6599
- .ant-menu {
6600
- background: $backgrounds-light-grouped;
6601
- a {
6602
- color: $text-light-primary;
6603
- width: 180px;
6577
+ .title {
6578
+ max-width: 100%;
6604
6579
  overflow: hidden;
6605
6580
  text-overflow: ellipsis;
6606
6581
  }
6607
6582
  }
6608
6583
 
6609
- .ant-menu-vertical {
6610
- margin-bottom: 24px;
6584
+ div.right {
6585
+ display: flex;
6586
+ align-items: center;
6587
+ }
6611
6588
 
6612
- .ant-menu-item-group {
6613
- .ant-menu-item {
6614
- margin: 0;
6615
- }
6616
- .ant-menu-item-group-title {
6617
- font-size: 12px;
6618
- padding: 0 8px 4px;
6619
- line-height: 18px;
6589
+ .reverse {
6590
+ display: flex;
6591
+ flex-direction: row-reverse;
6592
+ align-items: center;
6620
6593
 
6621
- &:empty {
6622
- padding: 0;
6623
- }
6624
- }
6625
- &:not(:last-child) {
6626
- padding-bottom: 24px;
6627
- &.split {
6628
- margin-bottom: 24px;
6629
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6630
- }
6631
- }
6594
+ .ant-switch {
6595
+ margin-left: 8px;
6632
6596
  }
6597
+ }
6633
6598
 
6634
- .ant-menu-item {
6635
- transition: none;
6636
- display: flex;
6637
- align-items: center;
6638
- height: 32px;
6639
- line-height: 22px;
6640
- padding: 0 8px;
6599
+ .close {
6600
+ padding-left: 14px;
6601
+ margin-left: 14px;
6602
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6603
+ cursor: pointer;
6604
+ }
6605
+ }
6641
6606
 
6642
- > .icon-wrapper {
6643
- margin-right: 12px;
6644
- }
6607
+ .E_m126spxy {
6608
+ .ant-btn.ant-btn-link {
6609
+ padding: 1px 10px;
6610
+ color: rgba(62, 70, 82, 0.6);
6611
+ border-radius: 4px;
6645
6612
 
6646
- &:not(:last-child) {
6647
- margin: 0;
6648
- margin-bottom: 2px;
6649
- }
6650
- &.ant-menu-item-selected {
6651
- background: $background-selected;
6652
- box-shadow: $box-shadow-light-selected;
6653
- border-radius: 6px;
6654
- color: $text-light-on-tint;
6655
- a {
6656
- color: $text-light-on-tint;
6657
- }
6658
- }
6659
- &:not(.ant-menu-item-selected) {
6660
- &.ant-menu-item:hover,
6661
- &.ant-menu-item-active {
6662
- background: $background-onhover;
6663
- box-shadow: $box-shadow-light-onhover;
6664
- border-radius: 6px;
6665
- }
6666
- }
6613
+ &.active {
6614
+ background: rgba(0, 128, 255, 0.1);
6615
+ color: $blue;
6667
6616
  }
6668
6617
  }
6618
+
6619
+ padding-bottom: 4px;
6620
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6669
6621
  }
6670
6622
 
6671
- .E_s1wu0lms {
6672
- .ant-menu-item-group-title {
6673
- white-space: nowrap;
6674
- transition: all 0s;
6623
+ .E_wpbf4pq {
6624
+ padding: 10px 0;
6625
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6626
+
6627
+ .ant-input,
6628
+ .ant-picker {
6629
+ width: 80px;
6630
+ margin: 0 9px;
6631
+ text-align: center;
6675
6632
  }
6676
6633
 
6677
- &.shrink {
6678
- transition: all 0s;
6679
- overflow: hidden;
6634
+ .options {
6635
+ padding: 12px 0 12px 16px;
6636
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6637
+ margin: 5px 0 5px 8px;
6638
+ }
6639
+ .week-day-option,
6640
+ .month-day-option {
6641
+ background: #f5f7fa;
6642
+ box-sizing: border-box;
6643
+ border-radius: 16px;
6644
+ margin-right: 8px;
6680
6645
 
6681
- .ant-menu-item-group-title {
6682
- visibility: hidden;
6646
+ &:focus {
6647
+ color: inherit;
6648
+ border-color: #d9d9d9;
6649
+ }
6650
+ }
6651
+ .week-day-option {
6652
+ &.active {
6653
+ background-color: $blue;
6654
+ border-color: $blue;
6655
+ color: $white;
6656
+ }
6657
+ &.en-text {
6658
+ width: 110px;
6659
+ margin-top: 4px;
6683
6660
  }
6661
+ }
6662
+ .month-day-option {
6663
+ width: 32px;
6664
+ padding: 0;
6665
+ margin-bottom: 8px;
6684
6666
 
6685
- .ant-menu-item {
6686
- width: 36px;
6687
- padding: 0 6px;
6667
+ &.active {
6668
+ background-color: $blue;
6669
+ border-color: $blue;
6670
+ color: $white;
6688
6671
  }
6689
6672
  }
6690
6673
  }
6691
6674
 
6692
- .E_n1ugzfva {
6675
+
6676
+ .E_skwah65 {
6677
+ height: 8px;
6678
+ box-sizing: border-box;
6679
+ border-radius: 2px;
6680
+ background: #f5f7fa;
6693
6681
  display: flex;
6694
- place-items: center;
6695
- width: 100% !important;
6682
+ width: 100%;
6683
+ overflow: hidden;
6696
6684
 
6697
- &[disabled] {
6698
- color: rgba(0, 0, 0, 0.25) !important;
6699
- opacity: 1 !important;
6685
+ .stack-bar-item + .stack-bar-item {
6686
+ margin-left: 1px;
6687
+ }
6688
+ }
6689
+
6690
+
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_cyms3br {
6722
+ background: #fff;
6723
+ width: 100%;
6724
+ border-radius: 8px;
6725
+ border: 1px solid rgba(228, 233, 242, 1);
6726
+ .ant-list {
6727
+ padding: 12px;
6728
+ }
6729
+ .ant-list-item {
6730
+ padding: 4px 0;
6731
+ }
6732
+ .ant-alert {
6733
+ margin-left: 24px;
6734
+ }
6735
+ header {
6736
+ background: rgba(225, 230, 241, 0.6);
6737
+ font-size: 12px;
6738
+ color: rgba(29, 50, 108, 1);
6739
+ font-weight: 700;
6740
+ padding: 6px 12px;
6741
+ display: flex;
6742
+ flex-direction: row;
6743
+ align-items: center;
6744
+ justify-content: space-between;
6745
+ .switch-text {
6746
+ display: flex;
6747
+ flex-direction: row;
6748
+ align-items: center;
6749
+ justify-content: space-between;
6750
+ gap: 6px;
6751
+ font-size: 12px;
6752
+ font-weight: 400;
6753
+ color: rgba(0, 18, 46, 1);
6754
+ }
6700
6755
  }
6756
+ }
6701
6757
 
6702
- &.ant-btn {
6703
- width: 100%;
6704
- color: $text-light-primary;
6758
+ .E_c157gu4z {
6759
+ .ant-list-item {
6760
+ display: flex;
6761
+ flex-direction: row;
6705
6762
  }
6706
-
6707
- .icon-wrapper {
6708
- margin-right: 12px;
6763
+ .description {
6764
+ flex-grow: 1;
6765
+ margin-left: 8px;
6709
6766
  }
6767
+ }
6710
6768
 
6711
- .link-title {
6712
- flex: 1;
6713
- overflow: hidden;
6714
- white-space: nowrap;
6715
- text-overflow: ellipsis;
6716
- text-align: left;
6717
- }
6769
+ .E_eu1sysj {
6770
+ display: flex;
6771
+ flex-direction: column;
6772
+ align-items: center;
6773
+ justify-content: center;
6718
6774
  }
6719
6775
 
6720
6776
 
@@ -6762,6 +6818,51 @@
6762
6818
  }
6763
6819
 
6764
6820
 
6821
+ .E_d11hhzf9 {
6822
+ width: 492px !important;
6823
+ margin: 40px auto !important;
6824
+ padding-bottom: 0 !important;
6825
+
6826
+ .ant-modal-content {
6827
+ background: $backgrounds-light-primary;
6828
+ border-radius: 16px;
6829
+ }
6830
+
6831
+ .ant-modal-header {
6832
+ padding: 32px 40px 0;
6833
+ border-bottom: none;
6834
+ border-radius: 16px 16px 0 0;
6835
+ }
6836
+
6837
+ .ant-modal-close {
6838
+ right: 40px;
6839
+ top: 32px;
6840
+ }
6841
+
6842
+ .ant-modal-body {
6843
+ padding: 32px 40px;
6844
+ min-height: 160px;
6845
+ max-height: calc(
6846
+ 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6847
+ );
6848
+ overflow-y: auto;
6849
+ }
6850
+
6851
+ .ant-modal-footer {
6852
+ padding: 24px 40px;
6853
+ margin-top: 0;
6854
+ border-top: none;
6855
+ box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6856
+ }
6857
+ }
6858
+
6859
+ .E_f1g147n6 {
6860
+ display: flex;
6861
+ justify-content: flex-end;
6862
+ gap: 8px;
6863
+ }
6864
+
6865
+
6765
6866
  .E_kr6am0s {
6766
6867
  .ant-modal-body {
6767
6868
  padding: 60px 128px;
@@ -6836,111 +6937,63 @@
6836
6937
  }
6837
6938
 
6838
6939
 
6839
- .E_cyms3br {
6840
- background: #fff;
6841
- width: 100%;
6842
- border-radius: 8px;
6843
- border: 1px solid rgba(228, 233, 242, 1);
6844
- .ant-list {
6845
- padding: 12px;
6846
- }
6847
- .ant-list-item {
6848
- padding: 4px 0;
6849
- }
6850
- .ant-alert {
6851
- margin-left: 24px;
6852
- }
6853
- header {
6854
- background: rgba(225, 230, 241, 0.6);
6855
- font-size: 12px;
6856
- color: rgba(29, 50, 108, 1);
6857
- font-weight: 700;
6858
- padding: 6px 12px;
6859
- display: flex;
6860
- flex-direction: row;
6861
- align-items: center;
6862
- justify-content: space-between;
6863
- .switch-text {
6864
- display: flex;
6865
- flex-direction: row;
6866
- align-items: center;
6867
- justify-content: space-between;
6868
- gap: 6px;
6869
- font-size: 12px;
6870
- font-weight: 400;
6871
- color: rgba(0, 18, 46, 1);
6872
- }
6873
- }
6940
+ .E_h1ol2wl7 {
6941
+ font-weight: bold;
6942
+ background-color: unset;
6943
+ padding: unset;
6874
6944
  }
6875
6945
 
6876
- .E_c157gu4z {
6877
- .ant-list-item {
6878
- display: flex;
6879
- flex-direction: row;
6880
- }
6881
- .description {
6882
- flex-grow: 1;
6883
- margin-left: 8px;
6884
- }
6946
+
6947
+ .E_cevhqx7 {
6948
+ color: $text-light-primary;
6885
6949
  }
6886
6950
 
6887
- .E_eu1sysj {
6888
- display: flex;
6889
- flex-direction: column;
6890
- align-items: center;
6891
- justify-content: center;
6951
+ .E_snbqlt4 {
6952
+ margin-top: 8px;
6953
+ color: $text-light-secondary;
6892
6954
  }
6893
6955
 
6894
6956
 
6895
- .E_d11hhzf9 {
6896
- width: 492px !important;
6897
- margin: 40px auto !important;
6898
- padding-bottom: 0 !important;
6957
+ .E_c1ss4prm {
6958
+ color: $text-light-secondary;
6899
6959
 
6900
- .ant-modal-content {
6901
- background: $backgrounds-light-primary;
6902
- border-radius: 16px;
6903
- }
6960
+ li {
6961
+ margin-bottom: 4px;
6904
6962
 
6905
- .ant-modal-header {
6906
- padding: 32px 40px 0;
6907
- border-bottom: none;
6908
- border-radius: 16px 16px 0 0;
6963
+ &:last-child {
6964
+ margin-bottom: 0;
6965
+ }
6909
6966
  }
6967
+ }
6910
6968
 
6911
- .ant-modal-close {
6912
- right: 40px;
6913
- top: 32px;
6914
- }
6969
+ .E_ms3tlei {
6970
+ background: $fill-neutral-trans-2;
6971
+ padding: 8px;
6972
+ border-radius: 6px;
6973
+ color: $gray-a60-8;
6915
6974
 
6916
- .ant-modal-body {
6917
- padding: 32px 40px;
6918
- min-height: 160px;
6919
- max-height: calc(
6920
- 100vh - 80px - 64px - var(--header-height) - var(--footer-height)
6921
- );
6922
- overflow-y: auto;
6923
- }
6975
+ li {
6976
+ margin-bottom: 4px;
6924
6977
 
6925
- .ant-modal-footer {
6926
- padding: 24px 40px;
6927
- margin-top: 0;
6928
- border-top: none;
6929
- box-shadow: 0px 1px 0px 0px #e1e6f199 inset;
6978
+ &:last-child {
6979
+ margin-bottom: 0;
6980
+ }
6930
6981
  }
6931
6982
  }
6932
6983
 
6933
- .E_f1g147n6 {
6934
- display: flex;
6935
- justify-content: flex-end;
6936
- gap: 8px;
6984
+ .E_du44iy7 {
6985
+ margin-bottom: 4px;
6937
6986
  }
6938
6987
 
6988
+ .E_s1qmhanr {
6989
+ color: $text-light-secondary;
6990
+ margin-bottom: 8px;
6991
+ }
6939
6992
 
6940
- .E_h1ol2wl7 {
6941
- font-weight: bold;
6942
- background-color: unset;
6943
- padding: unset;
6993
+ .E_drje1h0 {
6994
+ height: 1px;
6995
+ background: $strokes-light-opaque-2;
6996
+ margin: 16px 0;
6944
6997
  }
6945
6998
 
6946
6999
 
@@ -6995,59 +7048,6 @@
6995
7048
  }
6996
7049
 
6997
7050
 
6998
- .E_cevhqx7 {
6999
- color: $text-light-primary;
7000
- }
7001
-
7002
- .E_snbqlt4 {
7003
- margin-top: 8px;
7004
- color: $text-light-secondary;
7005
- }
7006
-
7007
-
7008
- .E_c1ss4prm {
7009
- color: $text-light-secondary;
7010
-
7011
- li {
7012
- margin-bottom: 4px;
7013
-
7014
- &:last-child {
7015
- margin-bottom: 0;
7016
- }
7017
- }
7018
- }
7019
-
7020
- .E_ms3tlei {
7021
- background: $fill-neutral-trans-2;
7022
- padding: 8px;
7023
- border-radius: 6px;
7024
- color: $gray-a60-8;
7025
-
7026
- li {
7027
- margin-bottom: 4px;
7028
-
7029
- &:last-child {
7030
- margin-bottom: 0;
7031
- }
7032
- }
7033
- }
7034
-
7035
- .E_du44iy7 {
7036
- margin-bottom: 4px;
7037
- }
7038
-
7039
- .E_s1qmhanr {
7040
- color: $text-light-secondary;
7041
- margin-bottom: 8px;
7042
- }
7043
-
7044
- .E_drje1h0 {
7045
- height: 1px;
7046
- background: $strokes-light-opaque-2;
7047
- margin: 16px 0;
7048
- }
7049
-
7050
-
7051
7051
  .E_c1kchka8 {
7052
7052
  height: 100%;
7053
7053
  width: 100%;