@cloudtower/eagle 0.34.15 → 0.34.16

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.
@@ -51,25 +51,6 @@
51
51
  }
52
52
 
53
53
 
54
- .E_berrcjl {
55
- color: $text-terdiary-light;
56
- margin-bottom: 4px;
57
-
58
- .breadcrumb-link {
59
- color: $text-terdiary-light;
60
- cursor: pointer;
61
- transition: color 160ms ease;
62
-
63
- &:hover {
64
- color: $blue-60;
65
- }
66
- &:active {
67
- color: $blue-80;
68
- }
69
- }
70
- }
71
-
72
-
73
54
  .E_b1wx3t3t {
74
55
  &.ant-btn-icon-only {
75
56
  justify-content: center;
@@ -428,6 +409,25 @@
428
409
  }
429
410
 
430
411
 
412
+ .E_berrcjl {
413
+ color: $text-terdiary-light;
414
+ margin-bottom: 4px;
415
+
416
+ .breadcrumb-link {
417
+ color: $text-terdiary-light;
418
+ cursor: pointer;
419
+ transition: color 160ms ease;
420
+
421
+ &:hover {
422
+ color: $blue-60;
423
+ }
424
+ &:active {
425
+ color: $blue-80;
426
+ }
427
+ }
428
+ }
429
+
430
+
431
431
  .E_b1nip9bk {
432
432
  padding: 4px 11px;
433
433
  }
@@ -469,39 +469,6 @@
469
469
  }
470
470
 
471
471
 
472
- .E_c1uzzomf {
473
- margin-bottom: 16px;
474
-
475
- .card-title {
476
- font-size: 16px;
477
- color: $text-secondary-light;
478
- font-weight: 700;
479
- line-height: 32px;
480
- }
481
- .card-body {
482
- padding: 24px;
483
- border-radius: 8px;
484
- background: $fills-light-white;
485
- }
486
-
487
- .empty {
488
- font-weight: 700;
489
- font-size: 14px;
490
- line-height: 22px;
491
- color: $text-light-tertiary;
492
- text-align: center;
493
- }
494
- }
495
-
496
-
497
- .E_c1yyuluq {
498
- border-radius: 8px;
499
- .ant-card-body {
500
- padding: 20px 24px 24px 24px;
501
- }
502
- }
503
-
504
-
505
472
  .E_d133fzv0 {
506
473
  .ant-dropdown-menu-item-group {
507
474
  .ant-dropdown-menu-item-group-title {
@@ -520,124 +487,27 @@
520
487
  }
521
488
 
522
489
 
523
- .E_phljevk {
524
- display: flex;
525
- justify-content: space-between;
526
- align-items: center;
527
- padding: 10px 0;
528
- color: $text-light-secondary;
529
- font-size: 12px;
530
- line-height: 24px;
531
-
532
- .pagination-left {
533
- padding: 2px 8px;
534
- }
535
-
536
- .dropdown-trigger {
537
- display: flex;
538
- align-items: center;
539
- border-radius: 6px;
540
- cursor: pointer;
541
- transition: all 0.3s ease;
542
-
543
- &:hover {
544
- background: $fills-interaction-light-general-hover;
545
- color: $text-light-general;
546
- }
547
- .icon-inner {
548
- margin-left: 4px;
549
- }
550
- }
551
-
552
- .pagination-right {
553
- display: flex;
554
- align-items: center;
555
- color: $blue-60;
556
- font-weight: bold;
557
- .icon-inner {
558
- margin-left: 4px;
559
- }
560
- .prev-btn,
561
- .next-btn {
562
- padding: 0 8px;
563
- > span {
564
- color: $text-light-general;
565
- }
566
- }
567
-
568
- .next-btn {
569
- .icon-inner {
570
- transform: rotate(180deg);
571
- }
572
- }
573
- }
574
- }
575
-
576
- .E_d12rtyeg {
577
- &.ant-dropdown .ant-dropdown-menu {
578
- max-height: calc(100vh - 128px);
579
- overflow-y: auto;
490
+ .E_c1uzzomf {
491
+ margin-bottom: 16px;
580
492
 
581
- .ant-dropdown-menu-item {
582
- padding: 4px 20px;
583
- font-size: 12px;
584
- line-height: 18px;
585
- }
493
+ .card-title {
494
+ font-size: 16px;
495
+ color: $text-secondary-light;
496
+ font-weight: 700;
497
+ line-height: 32px;
586
498
  }
587
- }
588
-
589
-
590
- .E_itxley7 {
591
- &.ant-input-group.ant-input-group-compact {
592
- display: flex;
499
+ .card-body {
500
+ padding: 24px;
501
+ border-radius: 8px;
502
+ background: $fills-light-white;
593
503
  }
594
504
 
595
- &.ant-input-group.ant-input-group-compact > *:first-child,
596
- &.ant-input-group.ant-input-group-compact
597
- > .ant-select:first-child
598
- > .ant-select-selector,
599
- &.ant-input-group.ant-input-group-compact
600
- > .ant-calendar-picker:first-child
601
- .ant-input,
602
- &.ant-input-group.ant-input-group-compact
603
- > .ant-select-auto-complete:first-child
604
- .ant-input,
605
- &.ant-input-group.ant-input-group-compact
606
- > .ant-cascader-picker:first-child
607
- .ant-input,
608
- &.ant-input-group.ant-input-group-compact
609
- > .ant-mention-wrapper:first-child
610
- .ant-mention-editor,
611
- &.ant-input-group.ant-input-group-compact
612
- > .ant-time-picker:first-child
613
- .ant-time-picker-input {
614
- border-bottom-left-radius: 5px;
615
- border-top-left-radius: 5px;
616
- }
617
- &.ant-input-group.ant-input-group-compact > *:last-child,
618
- &.ant-input-group.ant-input-group-compact
619
- > .ant-select:last-child
620
- > .ant-select-selector,
621
- &.ant-input-group.ant-input-group-compact
622
- > .ant-calendar-picker:last-child
623
- .ant-input,
624
- &.ant-input-group.ant-input-group-compact
625
- > .ant-select-auto-complete:last-child
626
- .ant-input,
627
- &.ant-input-group.ant-input-group-compact
628
- > .ant-cascader-picker:last-child
629
- .ant-input,
630
- &.ant-input-group.ant-input-group-compact
631
- > .ant-cascader-picker-focused:last-child
632
- .ant-input,
633
- &.ant-input-group.ant-input-group-compact
634
- > .ant-mention-wrapper:last-child
635
- .ant-mention-editor,
636
- &.ant-input-group.ant-input-group-compact
637
- > .ant-time-picker:last-child
638
- .ant-time-picker-input {
639
- border-bottom-right-radius: 5px;
640
- border-top-right-radius: 5px;
505
+ .empty {
506
+ font-weight: 700;
507
+ font-size: 14px;
508
+ line-height: 22px;
509
+ color: $text-light-tertiary;
510
+ text-align: center;
641
511
  }
642
512
  }
643
513
 
@@ -765,57 +635,187 @@
765
635
  }
766
636
 
767
637
 
768
- .E_sx1bpnu {
769
- .ant-input-sm {
770
- line-height: 18px;
638
+ .E_c1yyuluq {
639
+ border-radius: 8px;
640
+ .ant-card-body {
641
+ padding: 20px 24px 24px 24px;
771
642
  }
772
643
  }
773
644
 
774
645
 
775
- .E_rapgekc {
776
- &.ant-radio-wrapper {
777
- display: inline-flex;
778
- align-items: baseline;
779
- white-space: pre-wrap;
780
-
781
- .ant-radio {
782
- position: relative;
783
- top: 3px;
784
-
785
- .ant-radio-inner {
786
- border-color: $strokes-light-trans-4;
787
- }
788
-
789
- &:hover .ant-radio-inner {
790
- border-color: $blue-60;
791
- }
792
-
793
- &.ant-radio-checked .ant-radio-inner {
794
- border-color: $blue-60;
795
- background: $blue-60;
796
- &::after {
797
- top: 4px;
798
- left: 4px;
799
- width: 6px;
800
- height: 6px;
801
- background: $white;
802
- }
803
- }
804
-
805
- &.ant-radio-disabled {
806
- opacity: 0.5;
807
-
808
- .ant-radio-inner {
809
- border-color: $strokes-light-trans-4;
810
- background: $fills-light-trans-3;
811
- &::after {
812
- background: $text-light-primary;
813
- }
814
- }
646
+ .E_itxley7 {
647
+ &.ant-input-group.ant-input-group-compact {
648
+ display: flex;
649
+ }
815
650
 
816
- & + span {
817
- color: $text-light-primary;
818
- opacity: 0.5;
651
+ &.ant-input-group.ant-input-group-compact > *:first-child,
652
+ &.ant-input-group.ant-input-group-compact
653
+ > .ant-select:first-child
654
+ > .ant-select-selector,
655
+ &.ant-input-group.ant-input-group-compact
656
+ > .ant-calendar-picker:first-child
657
+ .ant-input,
658
+ &.ant-input-group.ant-input-group-compact
659
+ > .ant-select-auto-complete:first-child
660
+ .ant-input,
661
+ &.ant-input-group.ant-input-group-compact
662
+ > .ant-cascader-picker:first-child
663
+ .ant-input,
664
+ &.ant-input-group.ant-input-group-compact
665
+ > .ant-mention-wrapper:first-child
666
+ .ant-mention-editor,
667
+ &.ant-input-group.ant-input-group-compact
668
+ > .ant-time-picker:first-child
669
+ .ant-time-picker-input {
670
+ border-bottom-left-radius: 5px;
671
+ border-top-left-radius: 5px;
672
+ }
673
+ &.ant-input-group.ant-input-group-compact > *:last-child,
674
+ &.ant-input-group.ant-input-group-compact
675
+ > .ant-select:last-child
676
+ > .ant-select-selector,
677
+ &.ant-input-group.ant-input-group-compact
678
+ > .ant-calendar-picker:last-child
679
+ .ant-input,
680
+ &.ant-input-group.ant-input-group-compact
681
+ > .ant-select-auto-complete:last-child
682
+ .ant-input,
683
+ &.ant-input-group.ant-input-group-compact
684
+ > .ant-cascader-picker:last-child
685
+ .ant-input,
686
+ &.ant-input-group.ant-input-group-compact
687
+ > .ant-cascader-picker-focused:last-child
688
+ .ant-input,
689
+ &.ant-input-group.ant-input-group-compact
690
+ > .ant-mention-wrapper:last-child
691
+ .ant-mention-editor,
692
+ &.ant-input-group.ant-input-group-compact
693
+ > .ant-time-picker:last-child
694
+ .ant-time-picker-input {
695
+ border-bottom-right-radius: 5px;
696
+ border-top-right-radius: 5px;
697
+ }
698
+ }
699
+
700
+
701
+ .E_phljevk {
702
+ display: flex;
703
+ justify-content: space-between;
704
+ align-items: center;
705
+ padding: 10px 0;
706
+ color: $text-light-secondary;
707
+ font-size: 12px;
708
+ line-height: 24px;
709
+
710
+ .pagination-left {
711
+ padding: 2px 8px;
712
+ }
713
+
714
+ .dropdown-trigger {
715
+ display: flex;
716
+ align-items: center;
717
+ border-radius: 6px;
718
+ cursor: pointer;
719
+ transition: all 0.3s ease;
720
+
721
+ &:hover {
722
+ background: $fills-interaction-light-general-hover;
723
+ color: $text-light-general;
724
+ }
725
+ .icon-inner {
726
+ margin-left: 4px;
727
+ }
728
+ }
729
+
730
+ .pagination-right {
731
+ display: flex;
732
+ align-items: center;
733
+ color: $blue-60;
734
+ font-weight: bold;
735
+ .icon-inner {
736
+ margin-left: 4px;
737
+ }
738
+ .prev-btn,
739
+ .next-btn {
740
+ padding: 0 8px;
741
+ > span {
742
+ color: $text-light-general;
743
+ }
744
+ }
745
+
746
+ .next-btn {
747
+ .icon-inner {
748
+ transform: rotate(180deg);
749
+ }
750
+ }
751
+ }
752
+ }
753
+
754
+ .E_d12rtyeg {
755
+ &.ant-dropdown .ant-dropdown-menu {
756
+ max-height: calc(100vh - 128px);
757
+ overflow-y: auto;
758
+
759
+ .ant-dropdown-menu-item {
760
+ padding: 4px 20px;
761
+ font-size: 12px;
762
+ line-height: 18px;
763
+ }
764
+ }
765
+ }
766
+
767
+
768
+ .E_sx1bpnu {
769
+ .ant-input-sm {
770
+ line-height: 18px;
771
+ }
772
+ }
773
+
774
+
775
+ .E_rapgekc {
776
+ &.ant-radio-wrapper {
777
+ display: inline-flex;
778
+ align-items: baseline;
779
+ white-space: pre-wrap;
780
+
781
+ .ant-radio {
782
+ position: relative;
783
+ top: 3px;
784
+
785
+ .ant-radio-inner {
786
+ border-color: $strokes-light-trans-4;
787
+ }
788
+
789
+ &:hover .ant-radio-inner {
790
+ border-color: $blue-60;
791
+ }
792
+
793
+ &.ant-radio-checked .ant-radio-inner {
794
+ border-color: $blue-60;
795
+ background: $blue-60;
796
+ &::after {
797
+ top: 4px;
798
+ left: 4px;
799
+ width: 6px;
800
+ height: 6px;
801
+ background: $white;
802
+ }
803
+ }
804
+
805
+ &.ant-radio-disabled {
806
+ opacity: 0.5;
807
+
808
+ .ant-radio-inner {
809
+ border-color: $strokes-light-trans-4;
810
+ background: $fills-light-trans-3;
811
+ &::after {
812
+ background: $text-light-primary;
813
+ }
814
+ }
815
+
816
+ & + span {
817
+ color: $text-light-primary;
818
+ opacity: 0.5;
819
819
 
820
820
  .radio-description {
821
821
  color: $text-light-primary;
@@ -997,17 +997,6 @@
997
997
  }
998
998
 
999
999
 
1000
- .E_ivqqkzv {
1001
- height: 24px;
1002
- width: 56px !important;
1003
- margin-right: 4px;
1004
- }
1005
-
1006
- .E_c1wk4q29 {
1007
- color: $text-secondary-light;
1008
- }
1009
-
1010
-
1011
1000
  .E_i11gg7mj {
1012
1001
  .ant-input-prefix {
1013
1002
  margin-right: 8px;
@@ -1040,6 +1029,17 @@
1040
1029
  }
1041
1030
 
1042
1031
 
1032
+ .E_ivqqkzv {
1033
+ height: 24px;
1034
+ width: 56px !important;
1035
+ margin-right: 4px;
1036
+ }
1037
+
1038
+ .E_c1wk4q29 {
1039
+ color: $text-secondary-light;
1040
+ }
1041
+
1042
+
1043
1043
  .E_s1dizucg {
1044
1044
  &.ant-switch {
1045
1045
  min-width: 40px;
@@ -1193,20 +1193,6 @@
1193
1193
  }
1194
1194
 
1195
1195
 
1196
- .E_t1m2x205 {
1197
- .ant-tooltip-arrow {
1198
- display: none;
1199
- }
1200
- .ant-tooltip-inner {
1201
- background: $gray-a80-9;
1202
- border-radius: 4px;
1203
- &:has(.eagle-ellipsis-content) {
1204
- visibility: hidden;
1205
- }
1206
- }
1207
- }
1208
-
1209
-
1210
1196
  .E_s1dni7lo {
1211
1197
  width: 430px !important;
1212
1198
  }
@@ -1301,6 +1287,20 @@
1301
1287
  }
1302
1288
 
1303
1289
 
1290
+ .E_t1m2x205 {
1291
+ .ant-tooltip-arrow {
1292
+ display: none;
1293
+ }
1294
+ .ant-tooltip-inner {
1295
+ background: $gray-a80-9;
1296
+ border-radius: 4px;
1297
+ &:has(.eagle-ellipsis-content) {
1298
+ visibility: hidden;
1299
+ }
1300
+ }
1301
+ }
1302
+
1303
+
1304
1304
  .E_fzh9mnb {
1305
1305
  width: 100%;
1306
1306
  height: 100%;
@@ -1318,6 +1318,43 @@
1318
1318
  }
1319
1319
 
1320
1320
 
1321
+ .E_a1wfy30z {
1322
+ .ant-input-number-handler-wrap {
1323
+ display: var(--a1wfy30z-0);
1324
+ }
1325
+ .ant-input-number-input-wrap {
1326
+ padding: 4px 11px;
1327
+ display: inline-flex;
1328
+ line-height: 1.5715;
1329
+ height: inherit;
1330
+ }
1331
+
1332
+ .ant-input-number-input-wrap::after {
1333
+ content: var(--a1wfy30z-1);
1334
+ display: var(--a1wfy30z-2);
1335
+ flex: none;
1336
+ align-items: center;
1337
+ margin-left: 4px;
1338
+ }
1339
+
1340
+ .ant-input-number-input-wrap::before {
1341
+ content: var(--a1wfy30z-3);
1342
+ display: var(--a1wfy30z-4);
1343
+ flex: none;
1344
+ align-items: center;
1345
+ margin-right: 4px;
1346
+ cursor: auto;
1347
+ }
1348
+
1349
+ .ant-input-number-input {
1350
+ padding: 0;
1351
+ margin: 0;
1352
+ height: auto;
1353
+ font-size: inherit;
1354
+ }
1355
+ }
1356
+
1357
+
1321
1358
  .E_f7pxqmh {
1322
1359
  width: 100%;
1323
1360
  margin-bottom: 0 !important;
@@ -1382,7 +1419,17 @@
1382
1419
  }
1383
1420
 
1384
1421
 
1385
- .E_ai7qkf2 {
1422
+ .E_atcz0kf {
1423
+ .ant-input-suffix {
1424
+ margin-left: 8px;
1425
+ }
1426
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1427
+ padding: 2px 7px 2px 12px;
1428
+ }
1429
+ }
1430
+
1431
+
1432
+ .E_ai7qkf2 {
1386
1433
  .ant-input-number-handler-wrap {
1387
1434
  display: var(--ai7qkf2-0);
1388
1435
  }
@@ -1463,53 +1510,6 @@
1463
1510
  }
1464
1511
 
1465
1512
 
1466
- .E_a1wfy30z {
1467
- .ant-input-number-handler-wrap {
1468
- display: var(--a1wfy30z-0);
1469
- }
1470
- .ant-input-number-input-wrap {
1471
- padding: 4px 11px;
1472
- display: inline-flex;
1473
- line-height: 1.5715;
1474
- height: inherit;
1475
- }
1476
-
1477
- .ant-input-number-input-wrap::after {
1478
- content: var(--a1wfy30z-1);
1479
- display: var(--a1wfy30z-2);
1480
- flex: none;
1481
- align-items: center;
1482
- margin-left: 4px;
1483
- }
1484
-
1485
- .ant-input-number-input-wrap::before {
1486
- content: var(--a1wfy30z-3);
1487
- display: var(--a1wfy30z-4);
1488
- flex: none;
1489
- align-items: center;
1490
- margin-right: 4px;
1491
- cursor: auto;
1492
- }
1493
-
1494
- .ant-input-number-input {
1495
- padding: 0;
1496
- margin: 0;
1497
- height: auto;
1498
- font-size: inherit;
1499
- }
1500
- }
1501
-
1502
-
1503
- .E_atcz0kf {
1504
- .ant-input-suffix {
1505
- margin-left: 8px;
1506
- }
1507
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
- padding: 2px 7px 2px 12px;
1509
- }
1510
- }
1511
-
1512
-
1513
1513
  .E_i1inqkme {
1514
1514
  height: 18px;
1515
1515
  line-height: 18px;
@@ -1534,43 +1534,6 @@
1534
1534
  }
1535
1535
 
1536
1536
 
1537
- .E_a1b5xrg3 {
1538
- .user-icon-inner {
1539
- display: inline-flex;
1540
- align-items: center;
1541
- justify-content: center;
1542
- color: $white;
1543
- font-weight: bold;
1544
- font-size: 12px;
1545
- width: 24px;
1546
- height: 24px;
1547
- border-radius: 50%;
1548
- background: var(--a1b5xrg3-0);
1549
- }
1550
- &.btn-item {
1551
- transition: all 160ms ease;
1552
- cursor: pointer;
1553
- width: 56px;
1554
- height: 40px;
1555
- display: inline-flex;
1556
- align-items: center;
1557
- justify-content: center;
1558
- border-radius: 6px;
1559
-
1560
- &:hover {
1561
- box-shadow:
1562
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1564
- }
1565
-
1566
- &:active {
1567
- transform: translateY(2px);
1568
- transition: all 320ms ease;
1569
- }
1570
- }
1571
- }
1572
-
1573
-
1574
1537
  .E_dsnbhzf {
1575
1538
  @include Inter(bold);
1576
1539
  font-size: 32px;
@@ -1930,6 +1893,43 @@
1930
1893
  }
1931
1894
 
1932
1895
 
1896
+ .E_a1b5xrg3 {
1897
+ .user-icon-inner {
1898
+ display: inline-flex;
1899
+ align-items: center;
1900
+ justify-content: center;
1901
+ color: $white;
1902
+ font-weight: bold;
1903
+ font-size: 12px;
1904
+ width: 24px;
1905
+ height: 24px;
1906
+ border-radius: 50%;
1907
+ background: var(--a1b5xrg3-0);
1908
+ }
1909
+ &.btn-item {
1910
+ transition: all 160ms ease;
1911
+ cursor: pointer;
1912
+ width: 56px;
1913
+ height: 40px;
1914
+ display: inline-flex;
1915
+ align-items: center;
1916
+ justify-content: center;
1917
+ border-radius: 6px;
1918
+
1919
+ &:hover {
1920
+ box-shadow:
1921
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1922
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1923
+ }
1924
+
1925
+ &:active {
1926
+ transform: translateY(2px);
1927
+ transition: all 320ms ease;
1928
+ }
1929
+ }
1930
+ }
1931
+
1932
+
1933
1933
  .E_cnujxq2 {
1934
1934
  display: flex;
1935
1935
  flex-direction: column;
@@ -3107,44 +3107,6 @@
3107
3107
  }
3108
3108
 
3109
3109
 
3110
- .E_b1lj76ty {
3111
- width: 100%;
3112
- height: 100%;
3113
- margin: 0 auto;
3114
- display: flex;
3115
- flex-direction: column;
3116
- align-items: center;
3117
- justify-content: center;
3118
- color: $gray-a30-10;
3119
- &.large {
3120
- max-width: 648px;
3121
- }
3122
- &.medium {
3123
- max-width: 412px;
3124
- }
3125
- &.gray {
3126
- background-color: $fills-trans-primary-light;
3127
- }
3128
- &.white {
3129
- background-color: $fills-light-light-white;
3130
- }
3131
- .title {
3132
- margin-bottom: 4px;
3133
- }
3134
- .title,
3135
- .desc {
3136
- word-break: break-all;
3137
- text-align: center;
3138
- }
3139
- .action-button.middle {
3140
- margin-top: 16px;
3141
- }
3142
- .action-button.small {
3143
- margin-top: 8px;
3144
- }
3145
- }
3146
-
3147
-
3148
3110
  .E_suhck3k {
3149
3111
  height: 24px;
3150
3112
  width: 24px;
@@ -3161,136 +3123,44 @@
3161
3123
  }
3162
3124
 
3163
3125
 
3164
- .E_s11wux3h {
3165
- .antd5-segmented-item:not(:last-child) {
3166
- margin-right: 2px;
3167
- }
3126
+ .E_hrhfj7c {
3127
+ display: none;
3168
3128
  }
3169
3129
 
3170
- .E_s1t2an3z {
3171
- &.antd5-segmented-sm .antd5-segmented-item-label {
3172
- padding-left: 8px;
3173
- padding-right: 8px;
3174
- font-size: 12px;
3130
+ .E_dt9qoak {
3131
+ .bottom {
3132
+ color: $text-neutral-secondary;
3175
3133
  }
3176
-
3177
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3178
- border-radius: 4px;
3134
+ .left {
3135
+ min-width: 0;
3179
3136
  }
3137
+ }
3180
3138
 
3181
- &.antd5-segmented
3182
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3183
- .antd5-segmented-item-disabled
3184
- ) {
3185
- border-radius: 4px;
3139
+ .E_crhnxq5 {
3140
+ display: flex;
3141
+ flex-direction: row;
3142
+ justify-content: space-between;
3143
+ .label {
3144
+ color: $text-neutral-tertiary;
3145
+ font-weight: 400;
3186
3146
  }
3187
3147
  }
3188
3148
 
3189
- .E_ma64lna {
3190
- .antd5-segmented-item-label {
3191
- padding-left: 12px;
3192
- padding-right: 12px;
3193
- }
3149
+ .E_c1iq43vd {
3150
+ display: flex;
3151
+ flex-direction: column;
3152
+ justify-content: center;
3153
+ align-items: center;
3154
+ height: 240px;
3155
+ width: 432px;
3194
3156
  }
3195
3157
 
3196
- .E_ckld275 {
3197
- background-color: $fill-neutral-trans-2;
3198
- &.antd5-segmented
3199
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3200
- .antd5-segmented-item-disabled
3201
- ) {
3202
- background-color: $fill-neutral-light-white;
3203
- color: $text-neutral-secondary-light;
3204
- }
3205
- // on animate remove hover bg color
3206
- &.antd5-segmented
3207
- .antd5-segmented-thumb
3208
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3209
- .antd5-segmented-item-disabled
3210
- ) {
3211
- background-color: transparent;
3212
- }
3213
- // remove after's bg color
3214
- &.antd5-segmented
3215
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3216
- .antd5-segmented-item-disabled
3217
- )::after {
3218
- background-color: transparent;
3219
- }
3220
- }
3221
-
3222
-
3223
- .E_m5foqp8 {
3224
- --footer-height: 96px;
3225
- --modal-content-width: 720px;
3226
- --modal-content-min-height: 200px;
3227
- --modal-content-max-height: calc(100vh - 136px);
3228
- --modal-header-padding: 40px 60px 8px;
3229
- --modal-content-padding-top: 24px;
3230
- --modal-content-padding-bottom: 32px;
3231
- --modal-content-padding-x: 60px;
3232
- --modal-footer-padding: 0 60px;
3233
-
3234
- &.content-full.ant-modal {
3235
- height: calc(100vh - 80px);
3236
- width: calc(100vw - 160px);
3237
- .ant-modal-content {
3238
- width: 100%;
3239
- height: 100%;
3240
- max-width: unset;
3241
- max-height: unset;
3242
- display: flex;
3243
- flex-direction: column;
3244
- }
3245
- .ant-modal-body {
3246
- flex: 1;
3247
- }
3248
- }
3249
-
3250
- .initializing-title {
3251
- height: 32px;
3252
- }
3253
- }
3254
-
3255
-
3256
- .E_hrhfj7c {
3257
- display: none;
3258
- }
3259
-
3260
- .E_dt9qoak {
3261
- .bottom {
3262
- color: $text-neutral-secondary;
3263
- }
3264
- .left {
3265
- min-width: 0;
3266
- }
3267
- }
3268
-
3269
- .E_crhnxq5 {
3270
- display: flex;
3271
- flex-direction: row;
3272
- justify-content: space-between;
3273
- .label {
3274
- color: $text-neutral-tertiary;
3275
- font-weight: 400;
3276
- }
3277
- }
3278
-
3279
- .E_c1iq43vd {
3280
- display: flex;
3281
- flex-direction: column;
3282
- justify-content: center;
3283
- align-items: center;
3284
- height: 240px;
3285
- width: 432px;
3286
- }
3287
-
3288
- .E_c1h2v0a8 {
3289
- &.ant-input-affix-wrapper {
3290
- border-radius: 0px;
3291
- box-shadow: unset;
3292
- border: 0;
3293
- border-bottom: 1px solid $gray-30;
3158
+ .E_c1h2v0a8 {
3159
+ &.ant-input-affix-wrapper {
3160
+ border-radius: 0px;
3161
+ box-shadow: unset;
3162
+ border: 0;
3163
+ border-bottom: 1px solid $gray-30;
3294
3164
  }
3295
3165
  }
3296
3166
 
@@ -3445,6 +3315,136 @@
3445
3315
  }
3446
3316
 
3447
3317
 
3318
+ .E_s11wux3h {
3319
+ .antd5-segmented-item:not(:last-child) {
3320
+ margin-right: 2px;
3321
+ }
3322
+ }
3323
+
3324
+ .E_s1t2an3z {
3325
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3326
+ padding-left: 8px;
3327
+ padding-right: 8px;
3328
+ font-size: 12px;
3329
+ }
3330
+
3331
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3332
+ border-radius: 4px;
3333
+ }
3334
+
3335
+ &.antd5-segmented
3336
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3337
+ .antd5-segmented-item-disabled
3338
+ ) {
3339
+ border-radius: 4px;
3340
+ }
3341
+ }
3342
+
3343
+ .E_ma64lna {
3344
+ .antd5-segmented-item-label {
3345
+ padding-left: 12px;
3346
+ padding-right: 12px;
3347
+ }
3348
+ }
3349
+
3350
+ .E_ckld275 {
3351
+ background-color: $fill-neutral-trans-2;
3352
+ &.antd5-segmented
3353
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3354
+ .antd5-segmented-item-disabled
3355
+ ) {
3356
+ background-color: $fill-neutral-light-white;
3357
+ color: $text-neutral-secondary-light;
3358
+ }
3359
+ // on animate remove hover bg color
3360
+ &.antd5-segmented
3361
+ .antd5-segmented-thumb
3362
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3363
+ .antd5-segmented-item-disabled
3364
+ ) {
3365
+ background-color: transparent;
3366
+ }
3367
+ // remove after's bg color
3368
+ &.antd5-segmented
3369
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3370
+ .antd5-segmented-item-disabled
3371
+ )::after {
3372
+ background-color: transparent;
3373
+ }
3374
+ }
3375
+
3376
+
3377
+ .E_b1lj76ty {
3378
+ width: 100%;
3379
+ height: 100%;
3380
+ margin: 0 auto;
3381
+ display: flex;
3382
+ flex-direction: column;
3383
+ align-items: center;
3384
+ justify-content: center;
3385
+ color: $gray-a30-10;
3386
+ &.large {
3387
+ max-width: 648px;
3388
+ }
3389
+ &.medium {
3390
+ max-width: 412px;
3391
+ }
3392
+ &.gray {
3393
+ background-color: $fills-trans-primary-light;
3394
+ }
3395
+ &.white {
3396
+ background-color: $fills-light-light-white;
3397
+ }
3398
+ .title {
3399
+ margin-bottom: 4px;
3400
+ }
3401
+ .title,
3402
+ .desc {
3403
+ word-break: break-all;
3404
+ text-align: center;
3405
+ }
3406
+ .action-button.middle {
3407
+ margin-top: 16px;
3408
+ }
3409
+ .action-button.small {
3410
+ margin-top: 8px;
3411
+ }
3412
+ }
3413
+
3414
+
3415
+ .E_m5foqp8 {
3416
+ --footer-height: 96px;
3417
+ --modal-content-width: 720px;
3418
+ --modal-content-min-height: 200px;
3419
+ --modal-content-max-height: calc(100vh - 136px);
3420
+ --modal-header-padding: 40px 60px 8px;
3421
+ --modal-content-padding-top: 24px;
3422
+ --modal-content-padding-bottom: 32px;
3423
+ --modal-content-padding-x: 60px;
3424
+ --modal-footer-padding: 0 60px;
3425
+
3426
+ &.content-full.ant-modal {
3427
+ height: calc(100vh - 80px);
3428
+ width: calc(100vw - 160px);
3429
+ .ant-modal-content {
3430
+ width: 100%;
3431
+ height: 100%;
3432
+ max-width: unset;
3433
+ max-height: unset;
3434
+ display: flex;
3435
+ flex-direction: column;
3436
+ }
3437
+ .ant-modal-body {
3438
+ flex: 1;
3439
+ }
3440
+ }
3441
+
3442
+ .initializing-title {
3443
+ height: 32px;
3444
+ }
3445
+ }
3446
+
3447
+
3448
3448
  .E_h12yihis {
3449
3449
  height: 50px;
3450
3450
  border-bottom: 2px solid #edf0f7;
@@ -3715,53 +3715,209 @@
3715
3715
  }
3716
3716
 
3717
3717
 
3718
- .E_sddwhm6 {
3719
- $prefix: ui-kit-status-capsule;
3720
- margin: 0;
3721
- border-radius: 20px;
3722
- padding: 2px 10px;
3723
- height: 22px;
3718
+ .E_c1kghdax {
3719
+ color: $text-primary-light;
3720
+ padding: 7px 12px;
3721
+ display: flex;
3722
+ justify-content: space-between;
3723
+ align-items: center;
3724
3724
 
3725
- &.ant-tag.#{$prefix}.off-white {
3726
- background-color: $fill-neutral-trans-1 !important;
3727
- &.tag-hover:hover,
3728
- &.__pseudo-states-hover {
3729
- background-color: $fill-neutral-trans-2 !important;
3730
- }
3731
- }
3732
- &.ant-tag.#{$prefix} {
3733
- color: $text-neutral-primary;
3734
- .#{$prefix}-icon {
3735
- margin-right: 6px;
3736
- }
3737
- .#{$prefix}-number {
3738
- margin-left: 8px;
3739
- color: #2C385299;
3740
- }
3741
- &.ant-tag-blue {
3742
- background-color: $fill-outstanding-light;
3743
- .#{$prefix}-icon {
3744
- background-color: $fill-outstanding-base;
3745
- }
3746
- &.tag-hover:hover,
3747
- &.__pseudo-states-hover {
3748
- background-color: $fill-outstanding-light-hover;
3749
- }
3750
- }
3751
- &.ant-tag-red {
3752
- background-color: $fill-serious-light;
3753
- .#{$prefix}-icon {
3754
- background-color: $fill-serious-base;
3755
- }
3756
- &.tag-hover:hover,
3757
- &.__pseudo-states-hover {
3758
- background-color: $fill-serious-light-hover;
3725
+ &.has-arrow {
3726
+ padding-left: 10px;
3727
+
3728
+ .title-wrapper {
3729
+ cursor: pointer;
3730
+ color: $text-light-primary;
3731
+
3732
+ &.is-open {
3733
+ color: $text-primary-light;
3734
+ font-weight: 600;
3735
+
3736
+ .collapse-arrow {
3737
+ transform: rotate(90deg);
3738
+ }
3759
3739
  }
3760
3740
  }
3761
- &.ant-tag-yellow {
3762
- background-color: $fill-notice-light;
3763
- .#{$prefix}-icon {
3764
- background-color: $fill-notice-base;
3741
+ }
3742
+
3743
+ .sub-info {
3744
+ font-size: 12px;
3745
+ line-height: 18px;
3746
+ }
3747
+
3748
+ .title-wrapper {
3749
+ display: flex;
3750
+ align-items: center;
3751
+ user-select: none;
3752
+ flex-grow: 1;
3753
+ font-size: 12px;
3754
+ line-height: 18px;
3755
+ color: $text-primary-light;
3756
+ font-weight: 700;
3757
+ }
3758
+
3759
+ .collapse-arrow {
3760
+ transition: all 50ms ease-out 0ms;
3761
+ margin-right: 2px;
3762
+ }
3763
+ }
3764
+
3765
+
3766
+ .E_c1yd35n {
3767
+ padding: 0 12px 14px 12px;
3768
+ }
3769
+
3770
+
3771
+ .E_b14q2gmw {
3772
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3773
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3774
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3775
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3776
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3777
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3778
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3779
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3780
+ }
3781
+
3782
+ .E_c1eym6el {
3783
+ border-radius: 8px;
3784
+ background-color: white;
3785
+ &.hoverable {
3786
+ cursor: pointer;
3787
+
3788
+ &:hover {
3789
+ transition: all 200ms ease;
3790
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3791
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3792
+ transform: translateY(-4px);
3793
+ }
3794
+ }
3795
+ }
3796
+
3797
+
3798
+ .E_lht19u8 {
3799
+ width: 64px;
3800
+ height: 64px;
3801
+ display: flex;
3802
+ align-items: center;
3803
+ justify-content: center;
3804
+ position: relative;
3805
+ opacity: 0.2;
3806
+ }
3807
+
3808
+ .E_lk3gkp4 {
3809
+ position: absolute;
3810
+ width: 5px;
3811
+ height: 48px;
3812
+ left: 9.33px;
3813
+ top: 40.5px;
3814
+
3815
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3816
+ border-radius: 5px;
3817
+ transform: rotate(-128deg);
3818
+ transform-origin: top left;
3819
+
3820
+ animation: loading-indicator1 1100ms ease-out infinite;
3821
+ }
3822
+
3823
+ .E_ll4n94n {
3824
+ position: absolute;
3825
+ width: 5px;
3826
+ height: 48px;
3827
+ left: 40.8px;
3828
+ top: 8.4px;
3829
+
3830
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3831
+ border-radius: 5px;
3832
+ transform: rotate(-8deg);
3833
+ transform-origin: top left;
3834
+
3835
+ animation: loading-indicator2 1100ms ease-out infinite;
3836
+ }
3837
+
3838
+ .E_l17lbdo6 {
3839
+ position: absolute;
3840
+ width: 5px;
3841
+ height: 48px;
3842
+ left: 52.9px;
3843
+ top: 51.8px;
3844
+
3845
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3846
+ border-radius: 5px;
3847
+ transform: rotate(112deg);
3848
+ transform-origin: top left;
3849
+
3850
+ animation: loading-indicator3 1100ms ease-out infinite;
3851
+ }
3852
+
3853
+
3854
+ .E_ckui4s7 {
3855
+ color: $text-primary-light;
3856
+ line-height: 22px;
3857
+ display: inline-flex;
3858
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3859
+ }
3860
+
3861
+
3862
+ .E_w7ob4th {
3863
+ &.outside-tag {
3864
+ padding-left: 0;
3865
+ .inside-tag {
3866
+ border-radius: 4px 0 0 4px;
3867
+ padding-right: 4px;
3868
+ margin-right: 4px;
3869
+ }
3870
+ }
3871
+ }
3872
+
3873
+
3874
+ .E_sddwhm6 {
3875
+ $prefix: ui-kit-status-capsule;
3876
+ margin: 0;
3877
+ border-radius: 20px;
3878
+ padding: 2px 10px;
3879
+ height: 22px;
3880
+
3881
+ &.ant-tag.#{$prefix}.off-white {
3882
+ background-color: $fill-neutral-trans-1 !important;
3883
+ &.tag-hover:hover,
3884
+ &.__pseudo-states-hover {
3885
+ background-color: $fill-neutral-trans-2 !important;
3886
+ }
3887
+ }
3888
+ &.ant-tag.#{$prefix} {
3889
+ color: $text-neutral-primary;
3890
+ .#{$prefix}-icon {
3891
+ margin-right: 6px;
3892
+ }
3893
+ .#{$prefix}-number {
3894
+ margin-left: 8px;
3895
+ color: #2C385299;
3896
+ }
3897
+ &.ant-tag-blue {
3898
+ background-color: $fill-outstanding-light;
3899
+ .#{$prefix}-icon {
3900
+ background-color: $fill-outstanding-base;
3901
+ }
3902
+ &.tag-hover:hover,
3903
+ &.__pseudo-states-hover {
3904
+ background-color: $fill-outstanding-light-hover;
3905
+ }
3906
+ }
3907
+ &.ant-tag-red {
3908
+ background-color: $fill-serious-light;
3909
+ .#{$prefix}-icon {
3910
+ background-color: $fill-serious-base;
3911
+ }
3912
+ &.tag-hover:hover,
3913
+ &.__pseudo-states-hover {
3914
+ background-color: $fill-serious-light-hover;
3915
+ }
3916
+ }
3917
+ &.ant-tag-yellow {
3918
+ background-color: $fill-notice-light;
3919
+ .#{$prefix}-icon {
3920
+ background-color: $fill-notice-base;
3765
3921
  }
3766
3922
  &.tag-hover:hover,
3767
3923
  &.__pseudo-states-hover {
@@ -3799,6 +3955,77 @@
3799
3955
  }
3800
3956
 
3801
3957
 
3958
+ .E_l48ei06 {
3959
+ @at-root {
3960
+ button#{&}.ant-btn,
3961
+ button#{&}.ant-btn.ant-btn-sm,
3962
+ button#{&}.ant-btn.ant-btn-lg {
3963
+ font-size: 12px;
3964
+ line-height: 18px;
3965
+ height: 18px;
3966
+ }
3967
+ button#{&} {
3968
+ color: #0080FF;
3969
+ height: unset;
3970
+ .button-prefix-icon {
3971
+ margin-right: 4px;
3972
+ }
3973
+ .button-suffix-icon {
3974
+ margin-left: 4px;
3975
+ }
3976
+
3977
+ &:hover,
3978
+ &.__pseudo-states-hover {
3979
+ color: #009DFF;
3980
+ }
3981
+
3982
+ &:active,
3983
+ &.__pseudo-states-active {
3984
+ color: #005ED1;
3985
+ }
3986
+ &.ui-kit-link-disabled {
3987
+ color: #0080FF;
3988
+ }
3989
+ &.ui-kit-link-primary {
3990
+ color: #00122E;
3991
+
3992
+ &:hover,
3993
+ &.__pseudo-states-hover {
3994
+ color: #0080FF;
3995
+ }
3996
+
3997
+ &:active,
3998
+ &.__pseudo-states-active {
3999
+ color: #005ED1;
4000
+ }
4001
+
4002
+ &.ui-kit-link-disabled {
4003
+ color: #00122E;
4004
+ }
4005
+ }
4006
+
4007
+ &.ui-kit-link-secondary {
4008
+ color: #2C3852BF;
4009
+
4010
+ &:hover,
4011
+ &.__pseudo-states-hover {
4012
+ color: #0080FF;
4013
+ }
4014
+
4015
+ &:active,
4016
+ &.__pseudo-states-active {
4017
+ color: #005ED1;
4018
+ }
4019
+
4020
+ &.ui-kit-link-disabled {
4021
+ color: #2C3852BF;
4022
+ }
4023
+ }
4024
+ }
4025
+ }
4026
+ }
4027
+
4028
+
3802
4029
  .E_tc97u5y {
3803
4030
  height: 100%;
3804
4031
  }
@@ -4237,489 +4464,6 @@
4237
4464
  }
4238
4465
 
4239
4466
 
4240
- .E_l48ei06 {
4241
- @at-root {
4242
- button#{&}.ant-btn,
4243
- button#{&}.ant-btn.ant-btn-sm,
4244
- button#{&}.ant-btn.ant-btn-lg {
4245
- font-size: 12px;
4246
- line-height: 18px;
4247
- height: 18px;
4248
- }
4249
- button#{&} {
4250
- color: #0080FF;
4251
- height: unset;
4252
- .button-prefix-icon {
4253
- margin-right: 4px;
4254
- }
4255
- .button-suffix-icon {
4256
- margin-left: 4px;
4257
- }
4258
-
4259
- &:hover,
4260
- &.__pseudo-states-hover {
4261
- color: #009DFF;
4262
- }
4263
-
4264
- &:active,
4265
- &.__pseudo-states-active {
4266
- color: #005ED1;
4267
- }
4268
- &.ui-kit-link-disabled {
4269
- color: #0080FF;
4270
- }
4271
- &.ui-kit-link-primary {
4272
- color: #00122E;
4273
-
4274
- &:hover,
4275
- &.__pseudo-states-hover {
4276
- color: #0080FF;
4277
- }
4278
-
4279
- &:active,
4280
- &.__pseudo-states-active {
4281
- color: #005ED1;
4282
- }
4283
-
4284
- &.ui-kit-link-disabled {
4285
- color: #00122E;
4286
- }
4287
- }
4288
-
4289
- &.ui-kit-link-secondary {
4290
- color: #2C3852BF;
4291
-
4292
- &:hover,
4293
- &.__pseudo-states-hover {
4294
- color: #0080FF;
4295
- }
4296
-
4297
- &:active,
4298
- &.__pseudo-states-active {
4299
- color: #005ED1;
4300
- }
4301
-
4302
- &.ui-kit-link-disabled {
4303
- color: #2C3852BF;
4304
- }
4305
- }
4306
- }
4307
- }
4308
- }
4309
-
4310
-
4311
- .E_c1yd35n {
4312
- padding: 0 12px 14px 12px;
4313
- }
4314
-
4315
-
4316
- .E_c1kghdax {
4317
- color: $text-primary-light;
4318
- padding: 7px 12px;
4319
- display: flex;
4320
- justify-content: space-between;
4321
- align-items: center;
4322
-
4323
- &.has-arrow {
4324
- padding-left: 10px;
4325
-
4326
- .title-wrapper {
4327
- cursor: pointer;
4328
- color: $text-light-primary;
4329
-
4330
- &.is-open {
4331
- color: $text-primary-light;
4332
- font-weight: 600;
4333
-
4334
- .collapse-arrow {
4335
- transform: rotate(90deg);
4336
- }
4337
- }
4338
- }
4339
- }
4340
-
4341
- .sub-info {
4342
- font-size: 12px;
4343
- line-height: 18px;
4344
- }
4345
-
4346
- .title-wrapper {
4347
- display: flex;
4348
- align-items: center;
4349
- user-select: none;
4350
- flex-grow: 1;
4351
- font-size: 12px;
4352
- line-height: 18px;
4353
- color: $text-primary-light;
4354
- font-weight: 700;
4355
- }
4356
-
4357
- .collapse-arrow {
4358
- transition: all 50ms ease-out 0ms;
4359
- margin-right: 2px;
4360
- }
4361
- }
4362
-
4363
-
4364
- .E_ckui4s7 {
4365
- color: $text-primary-light;
4366
- line-height: 22px;
4367
- display: inline-flex;
4368
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
4369
- }
4370
-
4371
-
4372
- .E_b14q2gmw {
4373
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4374
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4375
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4376
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4377
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4378
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4379
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4380
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4381
- }
4382
-
4383
- .E_c1eym6el {
4384
- border-radius: 8px;
4385
- background-color: white;
4386
- &.hoverable {
4387
- cursor: pointer;
4388
-
4389
- &:hover {
4390
- transition: all 200ms ease;
4391
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4392
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4393
- transform: translateY(-4px);
4394
- }
4395
- }
4396
- }
4397
-
4398
-
4399
- .E_lht19u8 {
4400
- width: 64px;
4401
- height: 64px;
4402
- display: flex;
4403
- align-items: center;
4404
- justify-content: center;
4405
- position: relative;
4406
- opacity: 0.2;
4407
- }
4408
-
4409
- .E_lk3gkp4 {
4410
- position: absolute;
4411
- width: 5px;
4412
- height: 48px;
4413
- left: 9.33px;
4414
- top: 40.5px;
4415
-
4416
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4417
- border-radius: 5px;
4418
- transform: rotate(-128deg);
4419
- transform-origin: top left;
4420
-
4421
- animation: loading-indicator1 1100ms ease-out infinite;
4422
- }
4423
-
4424
- .E_ll4n94n {
4425
- position: absolute;
4426
- width: 5px;
4427
- height: 48px;
4428
- left: 40.8px;
4429
- top: 8.4px;
4430
-
4431
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4432
- border-radius: 5px;
4433
- transform: rotate(-8deg);
4434
- transform-origin: top left;
4435
-
4436
- animation: loading-indicator2 1100ms ease-out infinite;
4437
- }
4438
-
4439
- .E_l17lbdo6 {
4440
- position: absolute;
4441
- width: 5px;
4442
- height: 48px;
4443
- left: 52.9px;
4444
- top: 51.8px;
4445
-
4446
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4447
- border-radius: 5px;
4448
- transform: rotate(112deg);
4449
- transform-origin: top left;
4450
-
4451
- animation: loading-indicator3 1100ms ease-out infinite;
4452
- }
4453
-
4454
-
4455
- .E_w7ob4th {
4456
- &.outside-tag {
4457
- padding-left: 0;
4458
- .inside-tag {
4459
- border-radius: 4px 0 0 4px;
4460
- padding-right: 4px;
4461
- margin-right: 4px;
4462
- }
4463
- }
4464
- }
4465
-
4466
-
4467
- .E_t1dtlqs1 {
4468
- margin-bottom: 4px;
4469
- color: $text-secondary-light;
4470
- }
4471
-
4472
- .E_s1ese5oy {
4473
- color: rgba(44, 56, 82, 0.6);
4474
- line-height: 32px;
4475
- height: 32px;
4476
- margin-bottom: 0;
4477
- &.primary,
4478
- &.info {
4479
- color: $text-light-general;
4480
- }
4481
- &.warning {
4482
- color: #ffa500;
4483
- }
4484
- &.success {
4485
- color: $text-light-positive;
4486
- }
4487
- &.danger,
4488
- &.error {
4489
- color: $text-light-serious;
4490
- }
4491
- &.normal {
4492
- color: $text-secondary-light;
4493
- }
4494
- }
4495
-
4496
- .E_b1ibis43 {
4497
- margin-bottom: 0;
4498
- color: $text-light-primary;
4499
- }
4500
-
4501
- .E_b11xxjd2 {
4502
- line-height: 32px;
4503
- margin-right: 6px;
4504
- }
4505
-
4506
- .E_bsub5bw {
4507
- &.with-description {
4508
- height: 24px;
4509
- flex: 1;
4510
- position: relative;
4511
- top: -7px;
4512
- }
4513
- p {
4514
- width: 100%;
4515
- overflow: hidden;
4516
- text-overflow: ellipsis;
4517
- white-space: nowrap;
4518
- }
4519
- }
4520
-
4521
- .E_tmoyoag {
4522
- border: 1px solid $strokes-light-trans-2;
4523
- border-radius: 8px;
4524
- overflow: auto;
4525
- .ant-list {
4526
- position: relative;
4527
- .ant-list-item:last-child {
4528
- border-bottom: none;
4529
- }
4530
- .eagle-table-form-header {
4531
- position: sticky;
4532
- top: 0;
4533
- z-index: $eagle-table-form-header-index;
4534
- display: flex;
4535
- padding: 8px;
4536
- & {
4537
- align-items: inherit;
4538
- }
4539
- flex-wrap: nowrap;
4540
- justify-content: flex-start;
4541
- background: $fills-light-opaque-1;
4542
- font-size: 14px;
4543
- color: $text-secondary-light;
4544
- border-bottom: 1px solid $fills-light-trans-2;
4545
- }
4546
- .eagle-table-form-header .eagle-table-form-cell > p {
4547
- margin-bottom: 0;
4548
- }
4549
- .eagle-table-form-row {
4550
- display: flex;
4551
- justify-content: flex-start;
4552
- align-items: flex-start;
4553
- flex-wrap: wrap;
4554
- padding: 8px;
4555
- border: none;
4556
- .row-description {
4557
- flex-basis: 100%;
4558
- margin: 12px 0 0;
4559
- order: 99;
4560
- color: $text-secondary-light;
4561
- }
4562
- .row-error-message {
4563
- color: $text-light-serious;
4564
- flex-basis: 100%;
4565
- order: 98;
4566
- margin: 12px 0 0;
4567
- }
4568
- &:hover {
4569
- background-color: $fills-light-trans-1;
4570
- }
4571
- &.isDragging {
4572
- background-color: $fills-light-general-general-light;
4573
- }
4574
- }
4575
- .eagle-table-form-cell {
4576
- flex: 1 0 0;
4577
- overflow: hidden;
4578
- .cell-description {
4579
- color: $text-secondary-light;
4580
- margin: 0;
4581
- }
4582
-
4583
- @mixin text-align-style($align-position) {
4584
- & > * {
4585
- text-align: $align-position;
4586
- }
4587
- .ant-form-item-control-input-content {
4588
- &,
4589
- & > * {
4590
- text-align: $align-position;
4591
- }
4592
- }
4593
- }
4594
-
4595
- &.align-center {
4596
- @include text-align-style(center);
4597
- }
4598
- &.align-left {
4599
- @include text-align-style(left);
4600
- }
4601
- &.align-right {
4602
- @include text-align-style(right);
4603
- }
4604
-
4605
- &:not(:last-of-type) {
4606
- margin-right: 8px;
4607
- }
4608
- }
4609
- .ant-list-item-action {
4610
- padding: 4px;
4611
- width: 24px;
4612
- height: 24px;
4613
- overflow: hidden;
4614
- li {
4615
- padding: 0;
4616
- }
4617
- }
4618
- .delete-row-icon.disabled {
4619
- cursor: not-allowed;
4620
- opacity: 0.5;
4621
- }
4622
- &.size-default {
4623
- .ant-list-item-action {
4624
- margin: 0;
4625
- }
4626
- .eagle-table-form-cell {
4627
- .ant-input,
4628
- .ant-select-selector {
4629
- border-radius: 5px;
4630
- font-size: 12px;
4631
- }
4632
- .ant-input-affix-wrapper {
4633
- font-size: inherit;
4634
- }
4635
-
4636
- .ant-form-item-control-input {
4637
- min-height: 24px;
4638
- font-size: 12px;
4639
- position: relative;
4640
- }
4641
- }
4642
- }
4643
- }
4644
- &.row-split-by-border {
4645
- .eagle-table-form-row {
4646
- border-bottom: 1px solid $fills-light-trans-2;
4647
- }
4648
- }
4649
- &.row-split-by-zebraMarking {
4650
- .draggable-container {
4651
- & > :nth-child(2n) {
4652
- background-color: $fills-trans-primary-light;
4653
- }
4654
- }
4655
- }
4656
- }
4657
-
4658
- .E_a138syjm {
4659
- display: flex;
4660
- align-items: center;
4661
- margin-top: 8px;
4662
- gap: 8px;
4663
-
4664
- button.ant-btn {
4665
- padding: 2px 8px;
4666
- height: 24px;
4667
- }
4668
- & > span.maximum-desc {
4669
- display: none;
4670
- color: $text-secondary-light;
4671
- &.disabled {
4672
- display: inline;
4673
- }
4674
- }
4675
- }
4676
-
4677
- .E_d77i8u0 {
4678
- width: 24px;
4679
- height: 24px;
4680
- padding: 4px;
4681
- margin-right: 8px;
4682
- }
4683
-
4684
-
4685
- .E_slr2ynn {
4686
- padding: 0 8px;
4687
- height: 18px;
4688
- }
4689
-
4690
- .E_m140wbb6 {
4691
- padding: 2px 8px;
4692
- height: 24px;
4693
- }
4694
-
4695
- .E_t1fozc1i {
4696
- margin: 0;
4697
- }
4698
-
4699
- .E_i1vxv4ln {
4700
- margin-right: 4px;
4701
- height: 16px;
4702
- }
4703
-
4704
- .E_n1afl31m {
4705
- &.ant-tag.ant-tag-gray {
4706
- font-weight: 700;
4707
- color: $text-neutral-primary;
4708
- background-color: $fill-neutral-trans-1;
4709
- border: 1px solid $stroke-neutral-trans-2;
4710
- word-break: break-all;
4711
- display: inline;
4712
- white-space: normal;
4713
- }
4714
- }
4715
-
4716
-
4717
- .E_i1g85yz3 {
4718
- margin-right: 4px;
4719
- height: 16px;
4720
- }
4721
-
4722
-
4723
4467
  .E_sjob3jg {
4724
4468
  $item: ant-steps-item;
4725
4469
  --item-min-width: 60px;
@@ -4926,23 +4670,279 @@
4926
4670
  }
4927
4671
  }
4928
4672
 
4929
- .E_v18frne8 {
4930
- width: 100%;
4673
+ .E_v18frne8 {
4674
+ width: 100%;
4675
+ display: flex;
4676
+ align-items: center;
4677
+ justify-content: center;
4678
+ column-gap: 6px;
4679
+ font-size: 13px;
4680
+ .step-item-prefix-container {
4681
+ display: inline-flex;
4682
+ align-items: center;
4683
+ min-width: 20px;
4684
+ min-height: 20px;
4685
+ color: $gray-a75-8;
4686
+ justify-content: center;
4687
+ }
4688
+ }
4689
+
4690
+
4691
+ .E_slr2ynn {
4692
+ padding: 0 8px;
4693
+ height: 18px;
4694
+ }
4695
+
4696
+ .E_m140wbb6 {
4697
+ padding: 2px 8px;
4698
+ height: 24px;
4699
+ }
4700
+
4701
+ .E_t1fozc1i {
4702
+ margin: 0;
4703
+ }
4704
+
4705
+ .E_i1vxv4ln {
4706
+ margin-right: 4px;
4707
+ height: 16px;
4708
+ }
4709
+
4710
+ .E_n1afl31m {
4711
+ &.ant-tag.ant-tag-gray {
4712
+ font-weight: 700;
4713
+ color: $text-neutral-primary;
4714
+ background-color: $fill-neutral-trans-1;
4715
+ border: 1px solid $stroke-neutral-trans-2;
4716
+ word-break: break-all;
4717
+ display: inline;
4718
+ white-space: normal;
4719
+ }
4720
+ }
4721
+
4722
+
4723
+ .E_t1dtlqs1 {
4724
+ margin-bottom: 4px;
4725
+ color: $text-secondary-light;
4726
+ }
4727
+
4728
+ .E_s1ese5oy {
4729
+ color: rgba(44, 56, 82, 0.6);
4730
+ line-height: 32px;
4731
+ height: 32px;
4732
+ margin-bottom: 0;
4733
+ &.primary,
4734
+ &.info {
4735
+ color: $text-light-general;
4736
+ }
4737
+ &.warning {
4738
+ color: #ffa500;
4739
+ }
4740
+ &.success {
4741
+ color: $text-light-positive;
4742
+ }
4743
+ &.danger,
4744
+ &.error {
4745
+ color: $text-light-serious;
4746
+ }
4747
+ &.normal {
4748
+ color: $text-secondary-light;
4749
+ }
4750
+ }
4751
+
4752
+ .E_b1ibis43 {
4753
+ margin-bottom: 0;
4754
+ color: $text-light-primary;
4755
+ }
4756
+
4757
+ .E_b11xxjd2 {
4758
+ line-height: 32px;
4759
+ margin-right: 6px;
4760
+ }
4761
+
4762
+ .E_bsub5bw {
4763
+ &.with-description {
4764
+ height: 24px;
4765
+ flex: 1;
4766
+ position: relative;
4767
+ top: -7px;
4768
+ }
4769
+ p {
4770
+ width: 100%;
4771
+ overflow: hidden;
4772
+ text-overflow: ellipsis;
4773
+ white-space: nowrap;
4774
+ }
4775
+ }
4776
+
4777
+ .E_tmoyoag {
4778
+ border: 1px solid $strokes-light-trans-2;
4779
+ border-radius: 8px;
4780
+ overflow: auto;
4781
+ .ant-list {
4782
+ position: relative;
4783
+ .ant-list-item:last-child {
4784
+ border-bottom: none;
4785
+ }
4786
+ .eagle-table-form-header {
4787
+ position: sticky;
4788
+ top: 0;
4789
+ z-index: $eagle-table-form-header-index;
4790
+ display: flex;
4791
+ padding: 8px;
4792
+ & {
4793
+ align-items: inherit;
4794
+ }
4795
+ flex-wrap: nowrap;
4796
+ justify-content: flex-start;
4797
+ background: $fills-light-opaque-1;
4798
+ font-size: 14px;
4799
+ color: $text-secondary-light;
4800
+ border-bottom: 1px solid $fills-light-trans-2;
4801
+ }
4802
+ .eagle-table-form-header .eagle-table-form-cell > p {
4803
+ margin-bottom: 0;
4804
+ }
4805
+ .eagle-table-form-row {
4806
+ display: flex;
4807
+ justify-content: flex-start;
4808
+ align-items: flex-start;
4809
+ flex-wrap: wrap;
4810
+ padding: 8px;
4811
+ border: none;
4812
+ .row-description {
4813
+ flex-basis: 100%;
4814
+ margin: 12px 0 0;
4815
+ order: 99;
4816
+ color: $text-secondary-light;
4817
+ }
4818
+ .row-error-message {
4819
+ color: $text-light-serious;
4820
+ flex-basis: 100%;
4821
+ order: 98;
4822
+ margin: 12px 0 0;
4823
+ }
4824
+ &:hover {
4825
+ background-color: $fills-light-trans-1;
4826
+ }
4827
+ &.isDragging {
4828
+ background-color: $fills-light-general-general-light;
4829
+ }
4830
+ }
4831
+ .eagle-table-form-cell {
4832
+ flex: 1 0 0;
4833
+ overflow: hidden;
4834
+ .cell-description {
4835
+ color: $text-secondary-light;
4836
+ margin: 0;
4837
+ }
4838
+
4839
+ @mixin text-align-style($align-position) {
4840
+ & > * {
4841
+ text-align: $align-position;
4842
+ }
4843
+ .ant-form-item-control-input-content {
4844
+ &,
4845
+ & > * {
4846
+ text-align: $align-position;
4847
+ }
4848
+ }
4849
+ }
4850
+
4851
+ &.align-center {
4852
+ @include text-align-style(center);
4853
+ }
4854
+ &.align-left {
4855
+ @include text-align-style(left);
4856
+ }
4857
+ &.align-right {
4858
+ @include text-align-style(right);
4859
+ }
4860
+
4861
+ &:not(:last-of-type) {
4862
+ margin-right: 8px;
4863
+ }
4864
+ }
4865
+ .ant-list-item-action {
4866
+ padding: 4px;
4867
+ width: 24px;
4868
+ height: 24px;
4869
+ overflow: hidden;
4870
+ li {
4871
+ padding: 0;
4872
+ }
4873
+ }
4874
+ .delete-row-icon.disabled {
4875
+ cursor: not-allowed;
4876
+ opacity: 0.5;
4877
+ }
4878
+ &.size-default {
4879
+ .ant-list-item-action {
4880
+ margin: 0;
4881
+ }
4882
+ .eagle-table-form-cell {
4883
+ .ant-input,
4884
+ .ant-select-selector {
4885
+ border-radius: 5px;
4886
+ font-size: 12px;
4887
+ }
4888
+ .ant-input-affix-wrapper {
4889
+ font-size: inherit;
4890
+ }
4891
+
4892
+ .ant-form-item-control-input {
4893
+ min-height: 24px;
4894
+ font-size: 12px;
4895
+ position: relative;
4896
+ }
4897
+ }
4898
+ }
4899
+ }
4900
+ &.row-split-by-border {
4901
+ .eagle-table-form-row {
4902
+ border-bottom: 1px solid $fills-light-trans-2;
4903
+ }
4904
+ }
4905
+ &.row-split-by-zebraMarking {
4906
+ .draggable-container {
4907
+ & > :nth-child(2n) {
4908
+ background-color: $fills-trans-primary-light;
4909
+ }
4910
+ }
4911
+ }
4912
+ }
4913
+
4914
+ .E_a138syjm {
4931
4915
  display: flex;
4932
4916
  align-items: center;
4933
- justify-content: center;
4934
- column-gap: 6px;
4935
- font-size: 13px;
4936
- .step-item-prefix-container {
4937
- display: inline-flex;
4938
- align-items: center;
4939
- min-width: 20px;
4940
- min-height: 20px;
4941
- color: $gray-a75-8;
4942
- justify-content: center;
4917
+ margin-top: 8px;
4918
+ gap: 8px;
4919
+
4920
+ button.ant-btn {
4921
+ padding: 2px 8px;
4922
+ height: 24px;
4923
+ }
4924
+ & > span.maximum-desc {
4925
+ display: none;
4926
+ color: $text-secondary-light;
4927
+ &.disabled {
4928
+ display: inline;
4929
+ }
4943
4930
  }
4944
4931
  }
4945
4932
 
4933
+ .E_d77i8u0 {
4934
+ width: 24px;
4935
+ height: 24px;
4936
+ padding: 4px;
4937
+ margin-right: 8px;
4938
+ }
4939
+
4940
+
4941
+ .E_i1g85yz3 {
4942
+ margin-right: 4px;
4943
+ height: 16px;
4944
+ }
4945
+
4946
4946
 
4947
4947
  .E_t13ef470 {
4948
4948
  height: 100%;
@@ -4979,27 +4979,6 @@
4979
4979
  }
4980
4980
 
4981
4981
 
4982
- .E_r77hffu {
4983
- display: flex;
4984
- align-items: center;
4985
- justify-content: space-between;
4986
- column-gap: 6px;
4987
- }
4988
-
4989
- .E_p1cmxsf7 {
4990
- display: flex;
4991
- flex-direction: column;
4992
- justify-content: center;
4993
- row-gap: var(--p1cmxsf7-0);
4994
-
4995
- .antd5-progress-line {
4996
- font-size: 0;
4997
- margin-bottom: unset;
4998
- margin-inline-end: unset;
4999
- }
5000
- }
5001
-
5002
-
5003
4982
  .E_l1ucdodl {
5004
4983
  $prefix: ui-kit-status-legend;
5005
4984
  margin: 0;
@@ -5084,7 +5063,28 @@
5084
5063
  }
5085
5064
 
5086
5065
 
5087
- .E_msn7nxt {
5066
+ .E_r77hffu {
5067
+ display: flex;
5068
+ align-items: center;
5069
+ justify-content: space-between;
5070
+ column-gap: 6px;
5071
+ }
5072
+
5073
+ .E_p1cmxsf7 {
5074
+ display: flex;
5075
+ flex-direction: column;
5076
+ justify-content: center;
5077
+ row-gap: var(--p1cmxsf7-0);
5078
+
5079
+ .antd5-progress-line {
5080
+ font-size: 0;
5081
+ margin-bottom: unset;
5082
+ margin-inline-end: unset;
5083
+ }
5084
+ }
5085
+
5086
+
5087
+ .E_m11nzl2x {
5088
5088
  color: $text-light-secondary;
5089
5089
  text-align: center;
5090
5090
 
@@ -5100,7 +5100,7 @@
5100
5100
  }
5101
5101
  }
5102
5102
 
5103
- .E_mp64wfi {
5103
+ .E_mn7joto {
5104
5104
  width: 100%;
5105
5105
  height: 100%;
5106
5106
  display: flex;
@@ -5110,7 +5110,6 @@
5110
5110
  width: 100%;
5111
5111
  display: flex;
5112
5112
  line-height: 30px;
5113
- padding: 0 16px;
5114
5113
  justify-content: space-between;
5115
5114
  .metric-extra {
5116
5115
  display: flex;
@@ -5143,7 +5142,7 @@
5143
5142
  }
5144
5143
  }
5145
5144
 
5146
- .E_l1oyigan {
5145
+ .E_l1bifhon {
5147
5146
  display: flex;
5148
5147
  align-items: center;
5149
5148
  white-space: nowrap;
@@ -5151,38 +5150,84 @@
5151
5150
  width: 100%;
5152
5151
 
5153
5152
  .ant-dropdown-trigger {
5154
- margin-left: auto;
5155
5153
  font-size: 12px;
5154
+ margin-left: 8px;
5156
5155
  }
5157
5156
  }
5158
5157
 
5159
- .E_l1noi4n1 {
5158
+ .E_ltthzck {
5160
5159
  display: flex;
5161
5160
  justify-content: flex-start;
5162
5161
  align-items: center;
5163
5162
  font-size: 12px;
5164
5163
  cursor: pointer;
5164
+ &:not(:first-child) {
5165
+ margin-left: 8px;
5166
+ }
5165
5167
 
5166
- &:not(:last-child) {
5167
- margin-right: 20px;
5168
+ &.deselected,
5169
+ &.hovering {
5170
+ opacity: 0.3;
5171
+
5172
+ &:not(.hoverering-self) .color-block {
5173
+ background: #b4beca !important;
5174
+ border-radius: 2px;
5175
+ }
5168
5176
  }
5169
- &.deselected {
5170
- opacity: 0.4;
5177
+ &.hoverering-self {
5178
+ opacity: 1;
5179
+ }
5180
+ .dropdown-trigger {
5181
+ margin-left: 12px;
5182
+ }
5183
+ .legend-name {
5184
+ color: $text-light-primary;
5185
+ }
5186
+ .icon-suffix-wrapper {
5187
+ display: flex;
5188
+ align-items: center;
5189
+ margin-left: 4px;
5190
+ }
5191
+ }
5171
5192
 
5172
- .color-block {
5193
+ .E_l1mumj7o {
5194
+ display: flex;
5195
+ justify-content: flex-start;
5196
+ align-items: center;
5197
+ font-size: 12px;
5198
+ cursor: pointer;
5199
+
5200
+ &.deselected,
5201
+ &.hovering {
5202
+ opacity: 0.3;
5203
+
5204
+ &:not(.hoverering-self) .color-block {
5173
5205
  background: #b4beca !important;
5206
+ border-radius: 2px;
5174
5207
  }
5175
5208
  }
5209
+ .legend-name {
5210
+ color: $text-light-primary;
5211
+ }
5212
+ &.hoverering-self {
5213
+ opacity: 1;
5214
+ }
5215
+ .icon-suffix-wrapper {
5216
+ margin-left: 4px;
5217
+ display: flex;
5218
+ align-items: center;
5219
+ }
5176
5220
  }
5177
5221
 
5178
- .E_cz19rz6 {
5222
+ .E_c14rn6j5 {
5179
5223
  display: inline-block;
5180
5224
  height: 8px;
5181
5225
  width: 8px;
5182
- margin-right: 8px;
5226
+ margin-right: 6px;
5227
+ border-radius: 2px;
5183
5228
  }
5184
5229
 
5185
- .E_e17r5r9c {
5230
+ .E_e45tc5l {
5186
5231
  .ant-dropdown-menu-item {
5187
5232
  display: flex;
5188
5233
  align-items: center;
@@ -5191,7 +5236,7 @@
5191
5236
  }
5192
5237
  }
5193
5238
 
5194
- .E_m1y1hhnr {
5239
+ .E_lqeaosa {
5195
5240
  position: relative;
5196
5241
 
5197
5242
  &.hidden-xaxis .pointer-wrapper {
@@ -5202,10 +5247,9 @@
5202
5247
  display: flex;
5203
5248
  justify-content: space-between;
5204
5249
  line-height: 30px;
5205
- margin: 0 16px;
5206
-
5207
5250
  .metric-extra {
5208
5251
  display: flex;
5252
+ flex-shrink: 0;
5209
5253
  font-size: 12px;
5210
5254
  align-items: center;
5211
5255
 
@@ -5231,26 +5275,28 @@
5231
5275
  position: absolute;
5232
5276
  bottom: 10px;
5233
5277
  padding: 0 8px;
5234
- border-radius: 4px;
5235
5278
  font-size: 12px;
5236
5279
  color: $white;
5237
- background: rgba(0, 0, 0, 0.75);
5238
5280
  transform: translateX(-50%);
5239
5281
  }
5240
5282
  }
5241
5283
 
5242
- .E_tnvijvs {
5284
+ .E_t2pr38p {
5243
5285
  min-width: 200px;
5286
+ background-color: $fill-neutral-trans-8;
5287
+ border-radius: 4px;
5288
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5289
+ padding: 8px;
5244
5290
  }
5245
5291
 
5246
- .E_t1ub2aex {
5292
+ .E_tecdsj7 {
5247
5293
  display: flex;
5248
5294
  align-items: center;
5295
+ background-color: unset;
5296
+ color: $text-neutral-ontint;
5249
5297
  justify-content: space-between;
5250
- background-color: rgba(0, 0, 0, 0.75);
5251
- color: #b4beca;
5252
5298
  font-size: 12px;
5253
- padding: 3px 6px;
5299
+ padding-top: 6px;
5254
5300
 
5255
5301
  &:first-child {
5256
5302
  padding-top: 3px;
@@ -5259,13 +5305,24 @@
5259
5305
  padding-bottom: 3px;
5260
5306
  }
5261
5307
  .column-value {
5262
- color: $white;
5308
+ color: $text-neutral-ontint;
5263
5309
  margin-left: 8px;
5264
5310
  }
5265
5311
  }
5266
5312
 
5313
+ .E_ljhvvia {
5314
+ display: inline-block;
5315
+ height: 8px;
5316
+ width: 8px;
5317
+ margin-right: 8px;
5318
+ border-radius: 2px;
5319
+ &.borderd {
5320
+ border: 1px solid $stroke-neutral-white;
5321
+ }
5322
+ }
5323
+
5267
5324
 
5268
- .E_m11nzl2x {
5325
+ .E_msn7nxt {
5269
5326
  color: $text-light-secondary;
5270
5327
  text-align: center;
5271
5328
 
@@ -5281,7 +5338,7 @@
5281
5338
  }
5282
5339
  }
5283
5340
 
5284
- .E_mn7joto {
5341
+ .E_mp64wfi {
5285
5342
  width: 100%;
5286
5343
  height: 100%;
5287
5344
  display: flex;
@@ -5291,6 +5348,7 @@
5291
5348
  width: 100%;
5292
5349
  display: flex;
5293
5350
  line-height: 30px;
5351
+ padding: 0 16px;
5294
5352
  justify-content: space-between;
5295
5353
  .metric-extra {
5296
5354
  display: flex;
@@ -5323,7 +5381,7 @@
5323
5381
  }
5324
5382
  }
5325
5383
 
5326
- .E_l1bifhon {
5384
+ .E_l1oyigan {
5327
5385
  display: flex;
5328
5386
  align-items: center;
5329
5387
  white-space: nowrap;
@@ -5331,84 +5389,38 @@
5331
5389
  width: 100%;
5332
5390
 
5333
5391
  .ant-dropdown-trigger {
5392
+ margin-left: auto;
5334
5393
  font-size: 12px;
5335
- margin-left: 8px;
5336
- }
5337
- }
5338
-
5339
- .E_ltthzck {
5340
- display: flex;
5341
- justify-content: flex-start;
5342
- align-items: center;
5343
- font-size: 12px;
5344
- cursor: pointer;
5345
- &:not(:first-child) {
5346
- margin-left: 8px;
5347
- }
5348
-
5349
- &.deselected,
5350
- &.hovering {
5351
- opacity: 0.3;
5352
-
5353
- &:not(.hoverering-self) .color-block {
5354
- background: #b4beca !important;
5355
- border-radius: 2px;
5356
- }
5357
- }
5358
- &.hoverering-self {
5359
- opacity: 1;
5360
- }
5361
- .dropdown-trigger {
5362
- margin-left: 12px;
5363
- }
5364
- .legend-name {
5365
- color: $text-light-primary;
5366
- }
5367
- .icon-suffix-wrapper {
5368
- display: flex;
5369
- align-items: center;
5370
- margin-left: 4px;
5371
5394
  }
5372
5395
  }
5373
5396
 
5374
- .E_l1mumj7o {
5397
+ .E_l1noi4n1 {
5375
5398
  display: flex;
5376
5399
  justify-content: flex-start;
5377
5400
  align-items: center;
5378
5401
  font-size: 12px;
5379
5402
  cursor: pointer;
5380
5403
 
5381
- &.deselected,
5382
- &.hovering {
5383
- opacity: 0.3;
5384
-
5385
- &:not(.hoverering-self) .color-block {
5386
- background: #b4beca !important;
5387
- border-radius: 2px;
5388
- }
5389
- }
5390
- .legend-name {
5391
- color: $text-light-primary;
5392
- }
5393
- &.hoverering-self {
5394
- opacity: 1;
5404
+ &:not(:last-child) {
5405
+ margin-right: 20px;
5395
5406
  }
5396
- .icon-suffix-wrapper {
5397
- margin-left: 4px;
5398
- display: flex;
5399
- align-items: center;
5407
+ &.deselected {
5408
+ opacity: 0.4;
5409
+
5410
+ .color-block {
5411
+ background: #b4beca !important;
5412
+ }
5400
5413
  }
5401
5414
  }
5402
5415
 
5403
- .E_c14rn6j5 {
5416
+ .E_cz19rz6 {
5404
5417
  display: inline-block;
5405
5418
  height: 8px;
5406
5419
  width: 8px;
5407
- margin-right: 6px;
5408
- border-radius: 2px;
5420
+ margin-right: 8px;
5409
5421
  }
5410
5422
 
5411
- .E_e45tc5l {
5423
+ .E_e17r5r9c {
5412
5424
  .ant-dropdown-menu-item {
5413
5425
  display: flex;
5414
5426
  align-items: center;
@@ -5417,7 +5429,7 @@
5417
5429
  }
5418
5430
  }
5419
5431
 
5420
- .E_lqeaosa {
5432
+ .E_m1y1hhnr {
5421
5433
  position: relative;
5422
5434
 
5423
5435
  &.hidden-xaxis .pointer-wrapper {
@@ -5428,9 +5440,10 @@
5428
5440
  display: flex;
5429
5441
  justify-content: space-between;
5430
5442
  line-height: 30px;
5443
+ margin: 0 16px;
5444
+
5431
5445
  .metric-extra {
5432
5446
  display: flex;
5433
- flex-shrink: 0;
5434
5447
  font-size: 12px;
5435
5448
  align-items: center;
5436
5449
 
@@ -5456,28 +5469,26 @@
5456
5469
  position: absolute;
5457
5470
  bottom: 10px;
5458
5471
  padding: 0 8px;
5472
+ border-radius: 4px;
5459
5473
  font-size: 12px;
5460
5474
  color: $white;
5475
+ background: rgba(0, 0, 0, 0.75);
5461
5476
  transform: translateX(-50%);
5462
5477
  }
5463
5478
  }
5464
5479
 
5465
- .E_t2pr38p {
5480
+ .E_tnvijvs {
5466
5481
  min-width: 200px;
5467
- background-color: $fill-neutral-trans-8;
5468
- border-radius: 4px;
5469
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
5470
- padding: 8px;
5471
5482
  }
5472
5483
 
5473
- .E_tecdsj7 {
5484
+ .E_t1ub2aex {
5474
5485
  display: flex;
5475
5486
  align-items: center;
5476
- background-color: unset;
5477
- color: $text-neutral-ontint;
5478
5487
  justify-content: space-between;
5488
+ background-color: rgba(0, 0, 0, 0.75);
5489
+ color: #b4beca;
5479
5490
  font-size: 12px;
5480
- padding-top: 6px;
5491
+ padding: 3px 6px;
5481
5492
 
5482
5493
  &:first-child {
5483
5494
  padding-top: 3px;
@@ -5486,22 +5497,11 @@
5486
5497
  padding-bottom: 3px;
5487
5498
  }
5488
5499
  .column-value {
5489
- color: $text-neutral-ontint;
5500
+ color: $white;
5490
5501
  margin-left: 8px;
5491
5502
  }
5492
5503
  }
5493
5504
 
5494
- .E_ljhvvia {
5495
- display: inline-block;
5496
- height: 8px;
5497
- width: 8px;
5498
- margin-right: 8px;
5499
- border-radius: 2px;
5500
- &.borderd {
5501
- border: 1px solid $stroke-neutral-white;
5502
- }
5503
- }
5504
-
5505
5505
 
5506
5506
  .E_bpgac8u {
5507
5507
  color: #FFFFFF;
@@ -5531,6 +5531,11 @@
5531
5531
  }
5532
5532
 
5533
5533
 
5534
+ .E_b1jaupqb {
5535
+ color: #F0483E;
5536
+ }
5537
+
5538
+
5534
5539
  .E_t59qhqp {
5535
5540
  padding: 0px;
5536
5541
  padding-top: 5px;
@@ -5586,11 +5591,6 @@
5586
5591
  }
5587
5592
 
5588
5593
 
5589
- .E_b1jaupqb {
5590
- color: #F0483E;
5591
- }
5592
-
5593
-
5594
5594
  .E_icab5o7 {
5595
5595
  --modal-to-viewport-margin: 10px;
5596
5596
  --modal-body-padding-bottom: 40px;
@@ -5798,6 +5798,39 @@
5798
5798
  }
5799
5799
 
5800
5800
 
5801
+ .E_s20iney {
5802
+ &.skeleton-box {
5803
+ display: flex;
5804
+ align-items: center;
5805
+ justify-content: center;
5806
+ position: relative;
5807
+ border-radius: 2px;
5808
+ background: #E1E6F199;
5809
+ overflow: hidden;
5810
+
5811
+ & > .skeleton-shimmer {
5812
+ width: 200%;
5813
+ height: 200%;
5814
+ transform: rotate(15deg);
5815
+ position: absolute;
5816
+ top: -50%;
5817
+ flex-shrink: 0;
5818
+ opacity: 0.8;
5819
+ background: linear-gradient(
5820
+ 90deg,
5821
+ rgba(255, 255, 255, 0) 15%,
5822
+ #FFFFFF99 50%,
5823
+ rgba(255, 255, 255, 0) 85%
5824
+ );
5825
+
5826
+ animation: shimmer 1100ms infinite;
5827
+ }
5828
+
5829
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5830
+ }
5831
+ }
5832
+
5833
+
5801
5834
  .E_dxyv8bv {
5802
5835
  --footer-height: 80px;
5803
5836
  --modal-content-width: 492px;
@@ -5941,39 +5974,6 @@
5941
5974
  }
5942
5975
 
5943
5976
 
5944
- .E_s20iney {
5945
- &.skeleton-box {
5946
- display: flex;
5947
- align-items: center;
5948
- justify-content: center;
5949
- position: relative;
5950
- border-radius: 2px;
5951
- background: #E1E6F199;
5952
- overflow: hidden;
5953
-
5954
- & > .skeleton-shimmer {
5955
- width: 200%;
5956
- height: 200%;
5957
- transform: rotate(15deg);
5958
- position: absolute;
5959
- top: -50%;
5960
- flex-shrink: 0;
5961
- opacity: 0.8;
5962
- background: linear-gradient(
5963
- 90deg,
5964
- rgba(255, 255, 255, 0) 15%,
5965
- #FFFFFF99 50%,
5966
- rgba(255, 255, 255, 0) 85%
5967
- );
5968
-
5969
- animation: shimmer 1100ms infinite;
5970
- }
5971
-
5972
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5973
- }
5974
- }
5975
-
5976
-
5977
5977
  .E_sqv6dmy {
5978
5978
  display: flex;
5979
5979
  justify-content: flex-end;
@@ -6163,73 +6163,6 @@
6163
6163
  }
6164
6164
 
6165
6165
 
6166
- .E_s1ebs0ra {
6167
- display: flex;
6168
- align-items: center;
6169
- justify-content: space-between;
6170
- background: $backgrounds-light-grouped;
6171
- padding: 8px 12px;
6172
- position: sticky;
6173
- top: 0;
6174
- z-index: 1;
6175
- margin-bottom: -52px;
6176
-
6177
- .select-total {
6178
- display: flex;
6179
- align-items: center;
6180
- font-weight: 700;
6181
- flex-shrink: 0;
6182
-
6183
- .icon-wrapper {
6184
- cursor: pointer;
6185
- margin-left: 8px;
6186
- width: 32px;
6187
- height: 32px;
6188
- border-radius: 50%;
6189
- justify-content: center;
6190
-
6191
- &:hover {
6192
- background: $fills-light-trans-2;
6193
- }
6194
- }
6195
- }
6196
- .action-group {
6197
- flex: 1;
6198
- margin-left: 88px;
6199
- white-space: nowrap;
6200
- text-align: right;
6201
- position: relative;
6202
- padding: 4px 0;
6203
- margin-top: -4px;
6204
- overflow: hidden;
6205
- .sub-menu-delete {
6206
- transform: translateY(-4px);
6207
- }
6208
- button {
6209
- border: none;
6210
- }
6211
- > *:not(:last-child) {
6212
- margin-right: 8px;
6213
- }
6214
-
6215
- > button:last-child {
6216
- margin-right: 4px;
6217
- }
6218
- .more-btn {
6219
- cursor: pointer;
6220
- width: 32px;
6221
- height: 32px;
6222
- justify-content: center;
6223
- border-radius: 50%;
6224
-
6225
- &:hover {
6226
- background: $white;
6227
- }
6228
- }
6229
- }
6230
- }
6231
-
6232
-
6233
6166
  .E_c18bcrac {
6234
6167
  display: inline-block;
6235
6168
  width: 100%;
@@ -6285,6 +6218,19 @@
6285
6218
  }
6286
6219
 
6287
6220
 
6221
+ .E_gmyahx3 {
6222
+ cursor: pointer;
6223
+
6224
+ .link-text {
6225
+ color: $text-light-tertiary;
6226
+ }
6227
+
6228
+ &:hover .link-text {
6229
+ color: $text-light-general;
6230
+ }
6231
+ }
6232
+
6233
+
6288
6234
  .E_n12mqh7z {
6289
6235
  display: flex;
6290
6236
  align-items: center;
@@ -6306,23 +6252,77 @@
6306
6252
  }
6307
6253
 
6308
6254
 
6309
- .E_gmyahx3 {
6310
- cursor: pointer;
6311
-
6312
- .link-text {
6313
- color: $text-light-tertiary;
6255
+ .E_tqjc4ui {
6256
+ @at-root {
6257
+ span#{&} {
6258
+ margin: 0 2px;
6259
+ }
6314
6260
  }
6261
+ }
6315
6262
 
6316
- &:hover .link-text {
6317
- color: $text-light-general;
6263
+
6264
+ .E_s1ebs0ra {
6265
+ display: flex;
6266
+ align-items: center;
6267
+ justify-content: space-between;
6268
+ background: $backgrounds-light-grouped;
6269
+ padding: 8px 12px;
6270
+ position: sticky;
6271
+ top: 0;
6272
+ z-index: 1;
6273
+ margin-bottom: -52px;
6274
+
6275
+ .select-total {
6276
+ display: flex;
6277
+ align-items: center;
6278
+ font-weight: 700;
6279
+ flex-shrink: 0;
6280
+
6281
+ .icon-wrapper {
6282
+ cursor: pointer;
6283
+ margin-left: 8px;
6284
+ width: 32px;
6285
+ height: 32px;
6286
+ border-radius: 50%;
6287
+ justify-content: center;
6288
+
6289
+ &:hover {
6290
+ background: $fills-light-trans-2;
6291
+ }
6292
+ }
6318
6293
  }
6319
- }
6294
+ .action-group {
6295
+ flex: 1;
6296
+ margin-left: 88px;
6297
+ white-space: nowrap;
6298
+ text-align: right;
6299
+ position: relative;
6300
+ padding: 4px 0;
6301
+ margin-top: -4px;
6302
+ overflow: hidden;
6303
+ .sub-menu-delete {
6304
+ transform: translateY(-4px);
6305
+ }
6306
+ button {
6307
+ border: none;
6308
+ }
6309
+ > *:not(:last-child) {
6310
+ margin-right: 8px;
6311
+ }
6320
6312
 
6313
+ > button:last-child {
6314
+ margin-right: 4px;
6315
+ }
6316
+ .more-btn {
6317
+ cursor: pointer;
6318
+ width: 32px;
6319
+ height: 32px;
6320
+ justify-content: center;
6321
+ border-radius: 50%;
6321
6322
 
6322
- .E_tqjc4ui {
6323
- @at-root {
6324
- span#{&} {
6325
- margin: 0 2px;
6323
+ &:hover {
6324
+ background: $white;
6325
+ }
6326
6326
  }
6327
6327
  }
6328
6328
  }
@@ -6426,18 +6426,6 @@
6426
6426
  }
6427
6427
 
6428
6428
 
6429
- .E_s1iv0tp1 {
6430
- .enabled-switch {
6431
- display: flex;
6432
- align-items: center;
6433
- }
6434
-
6435
- .enabled-text {
6436
- margin-right: 8px;
6437
- }
6438
- }
6439
-
6440
-
6441
6429
  .E_wg1tsps {
6442
6430
  display: flex;
6443
6431
  align-items: center;
@@ -6464,36 +6452,6 @@
6464
6452
  }
6465
6453
 
6466
6454
 
6467
- .E_ou7iq30 {
6468
- overflow: hidden;
6469
- text-overflow: ellipsis;
6470
- }
6471
-
6472
- .E_s1tui002 {
6473
- white-space: nowrap;
6474
- }
6475
-
6476
- .E_mxrc2zg {
6477
- display: -webkit-box;
6478
- -webkit-line-clamp: var(--mxrc2zg-0);
6479
- -webkit-box-orient: vertical;
6480
- word-break: break-all;
6481
- }
6482
-
6483
- .E_t1vv6d68 {
6484
- .ant-tooltip-arrow {
6485
- display: none;
6486
- }
6487
- .ant-tooltip-inner {
6488
- background: $gray-a80-9;
6489
- border-radius: 4px;
6490
- &:has(.eagle-ellipsis-content) {
6491
- visibility: hidden;
6492
- }
6493
- }
6494
- }
6495
-
6496
-
6497
6455
  .E_t1sqg15u {
6498
6456
  background: white;
6499
6457
 
@@ -6606,6 +6564,48 @@
6606
6564
  }
6607
6565
 
6608
6566
 
6567
+ .E_ou7iq30 {
6568
+ overflow: hidden;
6569
+ text-overflow: ellipsis;
6570
+ }
6571
+
6572
+ .E_s1tui002 {
6573
+ white-space: nowrap;
6574
+ }
6575
+
6576
+ .E_mxrc2zg {
6577
+ display: -webkit-box;
6578
+ -webkit-line-clamp: var(--mxrc2zg-0);
6579
+ -webkit-box-orient: vertical;
6580
+ word-break: break-all;
6581
+ }
6582
+
6583
+ .E_t1vv6d68 {
6584
+ .ant-tooltip-arrow {
6585
+ display: none;
6586
+ }
6587
+ .ant-tooltip-inner {
6588
+ background: $gray-a80-9;
6589
+ border-radius: 4px;
6590
+ &:has(.eagle-ellipsis-content) {
6591
+ visibility: hidden;
6592
+ }
6593
+ }
6594
+ }
6595
+
6596
+
6597
+ .E_s1iv0tp1 {
6598
+ .enabled-switch {
6599
+ display: flex;
6600
+ align-items: center;
6601
+ }
6602
+
6603
+ .enabled-text {
6604
+ margin-right: 8px;
6605
+ }
6606
+ }
6607
+
6608
+
6609
6609
  .E_c1up1pdz {
6610
6610
  width: 648px;
6611
6611
 
@@ -6763,148 +6763,9 @@
6763
6763
 
6764
6764
  &.active {
6765
6765
  background-color: $blue;
6766
- border-color: $blue;
6767
- color: $white;
6768
- }
6769
- }
6770
- }
6771
-
6772
-
6773
- .E_s1at6qmn {
6774
- &.ant-layout-sider {
6775
- background: $backgrounds-light-grouped;
6776
- padding: 32px 8px;
6777
- overflow: auto;
6778
- }
6779
-
6780
- .ant-layout-sider-children {
6781
- display: flex;
6782
- flex-direction: column;
6783
- justify-content: space-between;
6784
- }
6785
-
6786
- footer {
6787
- display: flex;
6788
- }
6789
-
6790
- .ant-menu {
6791
- background: $backgrounds-light-grouped;
6792
- a {
6793
- color: $text-light-primary;
6794
- width: 180px;
6795
- overflow: hidden;
6796
- text-overflow: ellipsis;
6797
- }
6798
- }
6799
-
6800
- .ant-menu-vertical {
6801
- margin-bottom: 24px;
6802
-
6803
- .ant-menu-item-group {
6804
- .ant-menu-item {
6805
- margin: 0;
6806
- }
6807
- .ant-menu-item-group-title {
6808
- font-size: 12px;
6809
- padding: 0 8px 4px;
6810
- line-height: 18px;
6811
-
6812
- &:empty {
6813
- padding: 0;
6814
- }
6815
- }
6816
- &:not(:last-child) {
6817
- padding-bottom: 24px;
6818
- &.split {
6819
- margin-bottom: 24px;
6820
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6821
- }
6822
- }
6823
- }
6824
-
6825
- .ant-menu-item {
6826
- transition: none;
6827
- display: flex;
6828
- align-items: center;
6829
- height: 32px;
6830
- line-height: 22px;
6831
- padding: 0 8px;
6832
-
6833
- > .icon-wrapper {
6834
- margin-right: 12px;
6835
- }
6836
-
6837
- &:not(:last-child) {
6838
- margin: 0;
6839
- margin-bottom: 2px;
6840
- }
6841
- &.ant-menu-item-selected {
6842
- background: $background-selected;
6843
- box-shadow: $box-shadow-light-selected;
6844
- border-radius: 6px;
6845
- color: $text-light-on-tint;
6846
- a {
6847
- color: $text-light-on-tint;
6848
- }
6849
- }
6850
- &:not(.ant-menu-item-selected) {
6851
- &.ant-menu-item:hover,
6852
- &.ant-menu-item-active {
6853
- background: $background-onhover;
6854
- box-shadow: $box-shadow-light-onhover;
6855
- border-radius: 6px;
6856
- }
6857
- }
6858
- }
6859
- }
6860
- }
6861
-
6862
- .E_s1wu0lms {
6863
- .ant-menu-item-group-title {
6864
- white-space: nowrap;
6865
- transition: all 0s;
6866
- }
6867
-
6868
- &.shrink {
6869
- transition: all 0s;
6870
- overflow: hidden;
6871
-
6872
- .ant-menu-item-group-title {
6873
- visibility: hidden;
6874
- }
6875
-
6876
- .ant-menu-item {
6877
- width: 36px;
6878
- padding: 0 6px;
6879
- }
6880
- }
6881
- }
6882
-
6883
- .E_n1ugzfva {
6884
- display: flex;
6885
- place-items: center;
6886
- width: 100% !important;
6887
-
6888
- &[disabled] {
6889
- color: rgba(0, 0, 0, 0.25) !important;
6890
- opacity: 1 !important;
6891
- }
6892
-
6893
- &.ant-btn {
6894
- width: 100%;
6895
- color: $text-light-primary;
6896
- }
6897
-
6898
- .icon-wrapper {
6899
- margin-right: 12px;
6900
- }
6901
-
6902
- .link-title {
6903
- flex: 1;
6904
- overflow: hidden;
6905
- white-space: nowrap;
6906
- text-overflow: ellipsis;
6907
- text-align: left;
6766
+ border-color: $blue;
6767
+ color: $white;
6768
+ }
6908
6769
  }
6909
6770
  }
6910
6771
 
@@ -7192,22 +7053,269 @@
7192
7053
  }
7193
7054
 
7194
7055
 
7195
- .E_u15heuvq {
7196
- &.content {
7197
- cursor: default !important;
7198
- &.link {
7199
- cursor: pointer !important;
7200
- &:hover {
7201
- color: $text-colorful-outstanding;
7202
- }
7203
- }
7204
- &.black {
7205
- color: $text-neutral-primary;
7206
- }
7207
- &.gray {
7208
- color: $text-neutral-secondary;
7209
- }
7210
- }
7056
+ .E_u15heuvq {
7057
+ &.content {
7058
+ cursor: default !important;
7059
+ &.link {
7060
+ cursor: pointer !important;
7061
+ &:hover {
7062
+ color: $text-colorful-outstanding;
7063
+ }
7064
+ }
7065
+ &.black {
7066
+ color: $text-neutral-primary;
7067
+ }
7068
+ &.gray {
7069
+ color: $text-neutral-secondary;
7070
+ }
7071
+ }
7072
+ }
7073
+
7074
+
7075
+ .E_s1at6qmn {
7076
+ &.ant-layout-sider {
7077
+ background: $backgrounds-light-grouped;
7078
+ padding: 32px 8px;
7079
+ overflow: auto;
7080
+ }
7081
+
7082
+ .ant-layout-sider-children {
7083
+ display: flex;
7084
+ flex-direction: column;
7085
+ justify-content: space-between;
7086
+ }
7087
+
7088
+ footer {
7089
+ display: flex;
7090
+ }
7091
+
7092
+ .ant-menu {
7093
+ background: $backgrounds-light-grouped;
7094
+ a {
7095
+ color: $text-light-primary;
7096
+ width: 180px;
7097
+ overflow: hidden;
7098
+ text-overflow: ellipsis;
7099
+ }
7100
+ }
7101
+
7102
+ .ant-menu-vertical {
7103
+ margin-bottom: 24px;
7104
+
7105
+ .ant-menu-item-group {
7106
+ .ant-menu-item {
7107
+ margin: 0;
7108
+ }
7109
+ .ant-menu-item-group-title {
7110
+ font-size: 12px;
7111
+ padding: 0 8px 4px;
7112
+ line-height: 18px;
7113
+
7114
+ &:empty {
7115
+ padding: 0;
7116
+ }
7117
+ }
7118
+ &:not(:last-child) {
7119
+ padding-bottom: 24px;
7120
+ &.split {
7121
+ margin-bottom: 24px;
7122
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7123
+ }
7124
+ }
7125
+ }
7126
+
7127
+ .ant-menu-item {
7128
+ transition: none;
7129
+ display: flex;
7130
+ align-items: center;
7131
+ height: 32px;
7132
+ line-height: 22px;
7133
+ padding: 0 8px;
7134
+
7135
+ > .icon-wrapper {
7136
+ margin-right: 12px;
7137
+ }
7138
+
7139
+ &:not(:last-child) {
7140
+ margin: 0;
7141
+ margin-bottom: 2px;
7142
+ }
7143
+ &.ant-menu-item-selected {
7144
+ background: $background-selected;
7145
+ box-shadow: $box-shadow-light-selected;
7146
+ border-radius: 6px;
7147
+ color: $text-light-on-tint;
7148
+ a {
7149
+ color: $text-light-on-tint;
7150
+ }
7151
+ }
7152
+ &:not(.ant-menu-item-selected) {
7153
+ &.ant-menu-item:hover,
7154
+ &.ant-menu-item-active {
7155
+ background: $background-onhover;
7156
+ box-shadow: $box-shadow-light-onhover;
7157
+ border-radius: 6px;
7158
+ }
7159
+ }
7160
+ }
7161
+ }
7162
+ }
7163
+
7164
+ .E_s1wu0lms {
7165
+ .ant-menu-item-group-title {
7166
+ white-space: nowrap;
7167
+ transition: all 0s;
7168
+ }
7169
+
7170
+ &.shrink {
7171
+ transition: all 0s;
7172
+ overflow: hidden;
7173
+
7174
+ .ant-menu-item-group-title {
7175
+ visibility: hidden;
7176
+ }
7177
+
7178
+ .ant-menu-item {
7179
+ width: 36px;
7180
+ padding: 0 6px;
7181
+ }
7182
+ }
7183
+ }
7184
+
7185
+ .E_n1ugzfva {
7186
+ display: flex;
7187
+ place-items: center;
7188
+ width: 100% !important;
7189
+
7190
+ &[disabled] {
7191
+ color: rgba(0, 0, 0, 0.25) !important;
7192
+ opacity: 1 !important;
7193
+ }
7194
+
7195
+ &.ant-btn {
7196
+ width: 100%;
7197
+ color: $text-light-primary;
7198
+ }
7199
+
7200
+ .icon-wrapper {
7201
+ margin-right: 12px;
7202
+ }
7203
+
7204
+ .link-title {
7205
+ flex: 1;
7206
+ overflow: hidden;
7207
+ white-space: nowrap;
7208
+ text-overflow: ellipsis;
7209
+ text-align: left;
7210
+ }
7211
+ }
7212
+
7213
+
7214
+ .E_cyms3br {
7215
+ background: #fff;
7216
+ width: 100%;
7217
+ border: none;
7218
+ border-radius: 0;
7219
+ .ant-list {
7220
+ padding: 12px;
7221
+ }
7222
+ .ant-list-item {
7223
+ padding: 4px 0;
7224
+ }
7225
+ .ant-alert {
7226
+ margin-left: 24px;
7227
+ }
7228
+ header {
7229
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7230
+ font-size: 12px;
7231
+ color: rgba(29, 50, 108, 1);
7232
+ font-weight: 700;
7233
+ padding: 6px 12px;
7234
+ display: flex;
7235
+ flex-direction: row;
7236
+ align-items: center;
7237
+ justify-content: space-between;
7238
+ .switch-text {
7239
+ display: flex;
7240
+ flex-direction: row;
7241
+ align-items: center;
7242
+ justify-content: space-between;
7243
+ gap: 6px;
7244
+ font-size: 12px;
7245
+ font-weight: 400;
7246
+ color: rgba(0, 18, 46, 1);
7247
+ }
7248
+ }
7249
+ &.border {
7250
+ border-radius: 8px;
7251
+ border: 1px solid rgba(228, 233, 242, 1);
7252
+ header {
7253
+ border-bottom: none;
7254
+ background: rgba(225, 230, 241, 0.6);
7255
+ }
7256
+ }
7257
+ }
7258
+
7259
+ .E_c157gu4z {
7260
+ .ant-list-item {
7261
+ display: flex;
7262
+ flex-direction: row;
7263
+ }
7264
+ .description {
7265
+ flex-grow: 1;
7266
+ margin-left: 8px;
7267
+ }
7268
+ }
7269
+
7270
+ .E_eu1sysj {
7271
+ display: flex;
7272
+ flex-direction: column;
7273
+ align-items: center;
7274
+ justify-content: center;
7275
+ }
7276
+
7277
+
7278
+ .E_i5w779o {
7279
+ padding: 8px 0;
7280
+
7281
+ .col-label {
7282
+ flex-shrink: unset;
7283
+ * {
7284
+ line-height: 18px;
7285
+ }
7286
+ }
7287
+ .col-content {
7288
+ flex: 1 1 0;
7289
+ display: flex;
7290
+ align-items: center;
7291
+ * {
7292
+ line-height: 18px;
7293
+ }
7294
+ }
7295
+ }
7296
+
7297
+ .E_l18dja44 {
7298
+ padding: 6px 0;
7299
+
7300
+ .col-label * {
7301
+ font-size: 13px;
7302
+ line-height: 20px;
7303
+ }
7304
+ .col-content * {
7305
+ font-size: 14px;
7306
+ line-height: 20px;
7307
+ }
7308
+ }
7309
+
7310
+ .E_c8c2hys {
7311
+ display: flex;
7312
+ justify-content: space-between;
7313
+ flex: 1;
7314
+ min-width: 0;
7315
+ }
7316
+
7317
+ .E_n4m6c4d {
7318
+ color: $text-light-tertiary;
7211
7319
  }
7212
7320
 
7213
7321
 
@@ -7285,114 +7393,6 @@
7285
7393
  }
7286
7394
 
7287
7395
 
7288
- .E_i5w779o {
7289
- padding: 8px 0;
7290
-
7291
- .col-label {
7292
- flex-shrink: unset;
7293
- * {
7294
- line-height: 18px;
7295
- }
7296
- }
7297
- .col-content {
7298
- flex: 1 1 0;
7299
- display: flex;
7300
- align-items: center;
7301
- * {
7302
- line-height: 18px;
7303
- }
7304
- }
7305
- }
7306
-
7307
- .E_l18dja44 {
7308
- padding: 6px 0;
7309
-
7310
- .col-label * {
7311
- font-size: 13px;
7312
- line-height: 20px;
7313
- }
7314
- .col-content * {
7315
- font-size: 14px;
7316
- line-height: 20px;
7317
- }
7318
- }
7319
-
7320
- .E_c8c2hys {
7321
- display: flex;
7322
- justify-content: space-between;
7323
- flex: 1;
7324
- min-width: 0;
7325
- }
7326
-
7327
- .E_n4m6c4d {
7328
- color: $text-light-tertiary;
7329
- }
7330
-
7331
-
7332
- .E_cyms3br {
7333
- background: #fff;
7334
- width: 100%;
7335
- border: none;
7336
- border-radius: 0;
7337
- .ant-list {
7338
- padding: 12px;
7339
- }
7340
- .ant-list-item {
7341
- padding: 4px 0;
7342
- }
7343
- .ant-alert {
7344
- margin-left: 24px;
7345
- }
7346
- header {
7347
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7348
- font-size: 12px;
7349
- color: rgba(29, 50, 108, 1);
7350
- font-weight: 700;
7351
- padding: 6px 12px;
7352
- display: flex;
7353
- flex-direction: row;
7354
- align-items: center;
7355
- justify-content: space-between;
7356
- .switch-text {
7357
- display: flex;
7358
- flex-direction: row;
7359
- align-items: center;
7360
- justify-content: space-between;
7361
- gap: 6px;
7362
- font-size: 12px;
7363
- font-weight: 400;
7364
- color: rgba(0, 18, 46, 1);
7365
- }
7366
- }
7367
- &.border {
7368
- border-radius: 8px;
7369
- border: 1px solid rgba(228, 233, 242, 1);
7370
- header {
7371
- border-bottom: none;
7372
- background: rgba(225, 230, 241, 0.6);
7373
- }
7374
- }
7375
- }
7376
-
7377
- .E_c157gu4z {
7378
- .ant-list-item {
7379
- display: flex;
7380
- flex-direction: row;
7381
- }
7382
- .description {
7383
- flex-grow: 1;
7384
- margin-left: 8px;
7385
- }
7386
- }
7387
-
7388
- .E_eu1sysj {
7389
- display: flex;
7390
- flex-direction: column;
7391
- align-items: center;
7392
- justify-content: center;
7393
- }
7394
-
7395
-
7396
7396
  .E_h1ol2wl7 {
7397
7397
  font-weight: bold;
7398
7398
  background-color: unset;
@@ -7400,16 +7400,6 @@
7400
7400
  }
7401
7401
 
7402
7402
 
7403
- .E_cevhqx7 {
7404
- color: $text-light-primary;
7405
- }
7406
-
7407
- .E_snbqlt4 {
7408
- margin-top: 8px;
7409
- color: $text-light-secondary;
7410
- }
7411
-
7412
-
7413
7403
  .E_c14ouk5o {
7414
7404
  width: 100%;
7415
7405
  height: 100%;
@@ -7461,60 +7451,13 @@
7461
7451
  }
7462
7452
 
7463
7453
 
7464
- .E_c1ss4prm {
7465
- color: $text-light-secondary;
7466
- &:is(ul, ol) {
7467
- padding-inline-start: 12px;
7468
- }
7469
-
7470
- li {
7471
- margin-bottom: 4px;
7472
-
7473
- &:last-child {
7474
- margin-bottom: 0;
7475
- }
7476
- }
7477
- }
7478
-
7479
- .E_ms3tlei {
7480
- background: $fill-neutral-trans-2;
7481
- padding: 8px;
7482
- border-radius: 6px;
7483
- color: $gray-a60-8;
7484
-
7485
- .icon-wrapper {
7486
- margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
7487
- margin-right: 4px;
7488
- }
7489
-
7490
- li {
7491
- margin-bottom: 4px;
7492
- display: flex;
7493
- align-items: flex-start;
7494
-
7495
- &:last-child {
7496
- margin-bottom: 0;
7497
- }
7498
- }
7499
- }
7500
-
7501
- .E_du44iy7 {
7502
- margin-bottom: 4px;
7503
- }
7504
-
7505
- .E_p1qmhanr {
7506
- margin-bottom: 8px;
7454
+ .E_cevhqx7 {
7455
+ color: $text-light-primary;
7507
7456
  }
7508
7457
 
7509
- .E_srje1h0 {
7458
+ .E_snbqlt4 {
7459
+ margin-top: 8px;
7510
7460
  color: $text-light-secondary;
7511
- margin-bottom: 8px;
7512
- }
7513
-
7514
- .E_di3zi7v {
7515
- height: 1px;
7516
- background: $strokes-light-opaque-2;
7517
- margin: 16px 0;
7518
7461
  }
7519
7462
 
7520
7463
 
@@ -8117,6 +8060,63 @@
8117
8060
  }
8118
8061
 
8119
8062
 
8063
+ .E_c1ss4prm {
8064
+ color: $text-light-secondary;
8065
+ &:is(ul, ol) {
8066
+ padding-inline-start: 12px;
8067
+ }
8068
+
8069
+ li {
8070
+ margin-bottom: 4px;
8071
+
8072
+ &:last-child {
8073
+ margin-bottom: 0;
8074
+ }
8075
+ }
8076
+ }
8077
+
8078
+ .E_ms3tlei {
8079
+ background: $fill-neutral-trans-2;
8080
+ padding: 8px;
8081
+ border-radius: 6px;
8082
+ color: $gray-a60-8;
8083
+
8084
+ .icon-wrapper {
8085
+ margin-top: 1px; // The text line height is 18px, the icon height is 16px, so a 1px offset is needed
8086
+ margin-right: 4px;
8087
+ }
8088
+
8089
+ li {
8090
+ margin-bottom: 4px;
8091
+ display: flex;
8092
+ align-items: flex-start;
8093
+
8094
+ &:last-child {
8095
+ margin-bottom: 0;
8096
+ }
8097
+ }
8098
+ }
8099
+
8100
+ .E_du44iy7 {
8101
+ margin-bottom: 4px;
8102
+ }
8103
+
8104
+ .E_p1qmhanr {
8105
+ margin-bottom: 8px;
8106
+ }
8107
+
8108
+ .E_srje1h0 {
8109
+ color: $text-light-secondary;
8110
+ margin-bottom: 8px;
8111
+ }
8112
+
8113
+ .E_di3zi7v {
8114
+ height: 1px;
8115
+ background: $strokes-light-opaque-2;
8116
+ margin: 16px 0;
8117
+ }
8118
+
8119
+
8120
8120
  .E_l12xdkhl {
8121
8121
  width: 64px;
8122
8122
  height: 64px;