@cloudtower/eagle 490.0.13 → 490.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/core/Typo/index.js +106 -54
  2. package/dist/cjs/index.js +1 -0
  3. package/dist/cjs/stats1.html +1 -1
  4. package/dist/components.css +1662 -1643
  5. package/dist/esm/core/Typo/index.js +106 -55
  6. package/dist/esm/index.js +1 -1
  7. package/dist/esm/stats1.html +1 -1
  8. package/dist/linaria.merged.scss +1976 -1961
  9. package/dist/src/core/Typo/index.d.ts +50 -0
  10. package/dist/style.css +1662 -1643
  11. package/docs/llms.txt +2 -1
  12. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -453,6 +453,89 @@
453
453
  }
454
454
 
455
455
 
456
+ .E_ccrbeuz {
457
+ .ant-collapse-item {
458
+ border: 0px;
459
+ background-color: $fills-light-white;
460
+
461
+ .ant-collapse-header {
462
+ padding-top: 0px;
463
+ padding-bottom: 0px;
464
+ padding-left: 0px !important;
465
+ padding-right: 24px;
466
+ .ant-collapse-arrow {
467
+ right: 0px;
468
+ }
469
+ }
470
+ .ant-collapse-content {
471
+ .ant-collapse-content-box {
472
+ padding: 0px;
473
+ }
474
+ }
475
+ }
476
+ }
477
+
478
+ .E_c1fljvag {
479
+ .ant-collapse-item {
480
+ .ant-collapse-header {
481
+ padding-right: 0px;
482
+ cursor: default;
483
+ }
484
+ }
485
+ }
486
+
487
+
488
+ .E_d133fzv0 {
489
+ .ant-dropdown-menu-item-group {
490
+ .ant-dropdown-menu-item-group-title {
491
+ padding: 4px 8px 0 8px;
492
+ color: $text-light-secondary;
493
+ font-size: 12px;
494
+ }
495
+ .ant-dropdown-menu-item-group-list {
496
+ padding-bottom: 6px;
497
+ }
498
+ &:not(:first-child) {
499
+ padding-top: 4px;
500
+ border-top: 1px solid $strokes-light-trans-2;
501
+ }
502
+ }
503
+ }
504
+
505
+
506
+ .E_c1yyuluq {
507
+ border-radius: 8px;
508
+ .ant-card-body {
509
+ padding: 20px 24px 24px 24px;
510
+ }
511
+ }
512
+
513
+
514
+ .E_c1uzzomf {
515
+ margin-bottom: 16px;
516
+
517
+ .card-title {
518
+ font-size: 16px;
519
+ color: $text-secondary-light;
520
+ font-weight: 700;
521
+ line-height: 32px;
522
+ }
523
+ .card-body {
524
+ padding: 24px;
525
+ border-radius: 8px;
526
+ background: $fills-light-white;
527
+ }
528
+
529
+ .empty {
530
+ font-weight: 700;
531
+ font-size: 14px;
532
+ line-height: 22px;
533
+ color: $text-light-tertiary;
534
+ text-align: center;
535
+ }
536
+ }
537
+
538
+
456
539
  .E_d1bw7c5z {
457
540
  position: relative;
458
541
  max-width: 388px;
@@ -544,81 +627,6 @@
544
627
  }
545
628
 
546
629
 
547
- .E_c1uzzomf {
548
- margin-bottom: 16px;
549
-
550
- .card-title {
551
- font-size: 16px;
552
- color: $text-secondary-light;
553
- font-weight: 700;
554
- line-height: 32px;
555
- }
556
- .card-body {
557
- padding: 24px;
558
- border-radius: 8px;
559
- background: $fills-light-white;
560
- }
561
-
562
- .empty {
563
- font-weight: 700;
564
- font-size: 14px;
565
- line-height: 22px;
566
- color: $text-light-tertiary;
567
- text-align: center;
568
- }
569
- }
570
-
571
-
572
- .E_d133fzv0 {
573
- .ant-dropdown-menu-item-group {
574
- .ant-dropdown-menu-item-group-title {
575
- padding: 4px 8px 0 8px;
576
- color: $text-light-secondary;
577
- font-size: 12px;
578
- }
579
- .ant-dropdown-menu-item-group-list {
580
- padding-bottom: 6px;
581
- }
582
- &:not(:first-child) {
583
- padding-top: 4px;
584
- border-top: 1px solid $strokes-light-trans-2;
585
- }
586
- }
587
- }
588
-
589
-
590
- .E_ccrbeuz {
591
- .ant-collapse-item {
592
- border: 0px;
593
- background-color: $fills-light-white;
594
-
595
- .ant-collapse-header {
596
- padding-top: 0px;
597
- padding-bottom: 0px;
598
- padding-left: 0px !important;
599
- padding-right: 24px;
600
- .ant-collapse-arrow {
601
- right: 0px;
602
- }
603
- }
604
- .ant-collapse-content {
605
- .ant-collapse-content-box {
606
- padding: 0px;
607
- }
608
- }
609
- }
610
- }
611
-
612
- .E_c1fljvag {
613
- .ant-collapse-item {
614
- .ant-collapse-header {
615
- padding-right: 0px;
616
- cursor: default;
617
- }
618
- }
619
- }
620
-
621
-
622
630
  .E_sx1bpnu {
623
631
  .ant-input-sm {
624
632
  line-height: 18px;
@@ -626,61 +634,6 @@
626
634
  }
627
635
 
628
636
 
629
- .E_itxley7 {
630
- &.ant-input-group.ant-input-group-compact {
631
- display: flex;
632
- }
633
-
634
- &.ant-input-group.ant-input-group-compact > *:first-child,
635
- &.ant-input-group.ant-input-group-compact
636
- > .ant-select:first-child
637
- > .ant-select-selector,
638
- &.ant-input-group.ant-input-group-compact
639
- > .ant-calendar-picker:first-child
640
- .ant-input,
641
- &.ant-input-group.ant-input-group-compact
642
- > .ant-select-auto-complete:first-child
643
- .ant-input,
644
- &.ant-input-group.ant-input-group-compact
645
- > .ant-cascader-picker:first-child
646
- .ant-input,
647
- &.ant-input-group.ant-input-group-compact
648
- > .ant-mention-wrapper:first-child
649
- .ant-mention-editor,
650
- &.ant-input-group.ant-input-group-compact
651
- > .ant-time-picker:first-child
652
- .ant-time-picker-input {
653
- border-bottom-left-radius: 5px;
654
- border-top-left-radius: 5px;
655
- }
656
- &.ant-input-group.ant-input-group-compact > *:last-child,
657
- &.ant-input-group.ant-input-group-compact
658
- > .ant-select:last-child
659
- > .ant-select-selector,
660
- &.ant-input-group.ant-input-group-compact
661
- > .ant-calendar-picker:last-child
662
- .ant-input,
663
- &.ant-input-group.ant-input-group-compact
664
- > .ant-select-auto-complete:last-child
665
- .ant-input,
666
- &.ant-input-group.ant-input-group-compact
667
- > .ant-cascader-picker:last-child
668
- .ant-input,
669
- &.ant-input-group.ant-input-group-compact
670
- > .ant-cascader-picker-focused:last-child
671
- .ant-input,
672
- &.ant-input-group.ant-input-group-compact
673
- > .ant-mention-wrapper:last-child
674
- .ant-mention-editor,
675
- &.ant-input-group.ant-input-group-compact
676
- > .ant-time-picker:last-child
677
- .ant-time-picker-input {
678
- border-bottom-right-radius: 5px;
679
- border-top-right-radius: 5px;
680
- }
681
- }
682
-
683
-
684
637
  .E_rapgekc {
685
638
  &.ant-radio-wrapper {
686
639
  display: inline-flex;
@@ -862,92 +815,61 @@
862
815
  }
863
816
 
864
817
 
865
- .E_c1yyuluq {
866
- border-radius: 8px;
867
- .ant-card-body {
868
- padding: 20px 24px 24px 24px;
869
- }
870
- }
871
-
872
-
873
- .E_phljevk {
874
- display: flex;
875
- justify-content: space-between;
876
- align-items: center;
877
- padding: 10px 0;
878
- color: $text-light-secondary;
879
- font-size: 12px;
880
- line-height: 24px;
881
-
882
- .pagination-left {
883
- padding: 2px 8px;
884
- }
885
-
886
- .dropdown-trigger {
818
+ .E_itxley7 {
819
+ &.ant-input-group.ant-input-group-compact {
887
820
  display: flex;
888
- align-items: center;
889
- border-radius: 6px;
890
- cursor: pointer;
891
- transition: all 0.3s ease;
892
-
893
- &:hover {
894
- background: $fills-interaction-light-general-hover;
895
- color: $text-light-general;
896
- }
897
- .icon-inner {
898
- margin-left: 4px;
899
- }
900
821
  }
901
822
 
902
- .pagination-right {
903
- display: flex;
904
- align-items: center;
905
- color: $blue-60;
906
- font-weight: bold;
907
- .icon-inner {
908
- margin-left: 4px;
909
- }
910
- .prev-btn,
911
- .next-btn {
912
- padding: 0 8px;
913
- > span {
914
- color: $text-light-general;
915
- }
916
- }
917
-
918
- .next-btn {
919
- .icon-inner {
920
- transform: rotate(180deg);
921
- }
922
- }
823
+ &.ant-input-group.ant-input-group-compact > *:first-child,
824
+ &.ant-input-group.ant-input-group-compact
825
+ > .ant-select:first-child
826
+ > .ant-select-selector,
827
+ &.ant-input-group.ant-input-group-compact
828
+ > .ant-calendar-picker:first-child
829
+ .ant-input,
830
+ &.ant-input-group.ant-input-group-compact
831
+ > .ant-select-auto-complete:first-child
832
+ .ant-input,
833
+ &.ant-input-group.ant-input-group-compact
834
+ > .ant-cascader-picker:first-child
835
+ .ant-input,
836
+ &.ant-input-group.ant-input-group-compact
837
+ > .ant-mention-wrapper:first-child
838
+ .ant-mention-editor,
839
+ &.ant-input-group.ant-input-group-compact
840
+ > .ant-time-picker:first-child
841
+ .ant-time-picker-input {
842
+ border-bottom-left-radius: 5px;
843
+ border-top-left-radius: 5px;
923
844
  }
924
- }
925
-
926
- .E_d12rtyeg {
927
- &.ant-dropdown .ant-dropdown-menu {
928
- max-height: calc(100vh - 128px);
929
- overflow-y: auto;
930
-
931
- .ant-dropdown-menu-item {
932
- padding: 4px 20px;
933
- font-size: 12px;
934
- line-height: 18px;
935
- }
845
+ &.ant-input-group.ant-input-group-compact > *:last-child,
846
+ &.ant-input-group.ant-input-group-compact
847
+ > .ant-select:last-child
848
+ > .ant-select-selector,
849
+ &.ant-input-group.ant-input-group-compact
850
+ > .ant-calendar-picker:last-child
851
+ .ant-input,
852
+ &.ant-input-group.ant-input-group-compact
853
+ > .ant-select-auto-complete:last-child
854
+ .ant-input,
855
+ &.ant-input-group.ant-input-group-compact
856
+ > .ant-cascader-picker:last-child
857
+ .ant-input,
858
+ &.ant-input-group.ant-input-group-compact
859
+ > .ant-cascader-picker-focused:last-child
860
+ .ant-input,
861
+ &.ant-input-group.ant-input-group-compact
862
+ > .ant-mention-wrapper:last-child
863
+ .ant-mention-editor,
864
+ &.ant-input-group.ant-input-group-compact
865
+ > .ant-time-picker:last-child
866
+ .ant-time-picker-input {
867
+ border-bottom-right-radius: 5px;
868
+ border-top-right-radius: 5px;
936
869
  }
937
870
  }
938
871
 
939
872
 
940
- .E_ivqqkzv {
941
- height: 24px;
942
- width: 56px !important;
943
- margin-right: 4px;
944
- }
945
-
946
- .E_c1wk4q29 {
947
- color: $text-secondary-light;
948
- }
949
-
950
-
951
873
  .E_c1bus5hc {
952
874
  --color: white;
953
875
  height: 14px;
@@ -992,6 +914,144 @@
992
914
  }
993
915
 
994
916
 
917
+ .E_ivqqkzv {
918
+ height: 24px;
919
+ width: 56px !important;
920
+ margin-right: 4px;
921
+ }
922
+
923
+ .E_c1wk4q29 {
924
+ color: $text-secondary-light;
925
+ }
926
+
927
+
928
+ .E_phljevk {
929
+ display: flex;
930
+ justify-content: space-between;
931
+ align-items: center;
932
+ padding: 10px 0;
933
+ color: $text-light-secondary;
934
+ font-size: 12px;
935
+ line-height: 24px;
936
+
937
+ .pagination-left {
938
+ padding: 2px 8px;
939
+ }
940
+
941
+ .dropdown-trigger {
942
+ display: flex;
943
+ align-items: center;
944
+ border-radius: 6px;
945
+ cursor: pointer;
946
+ transition: all 0.3s ease;
947
+
948
+ &:hover {
949
+ background: $fills-interaction-light-general-hover;
950
+ color: $text-light-general;
951
+ }
952
+ .icon-inner {
953
+ margin-left: 4px;
954
+ }
955
+ }
956
+
957
+ .pagination-right {
958
+ display: flex;
959
+ align-items: center;
960
+ color: $blue-60;
961
+ font-weight: bold;
962
+ .icon-inner {
963
+ margin-left: 4px;
964
+ }
965
+ .prev-btn,
966
+ .next-btn {
967
+ padding: 0 8px;
968
+ > span {
969
+ color: $text-light-general;
970
+ }
971
+ }
972
+
973
+ .next-btn {
974
+ .icon-inner {
975
+ transform: rotate(180deg);
976
+ }
977
+ }
978
+ }
979
+ }
980
+
981
+ .E_d12rtyeg {
982
+ &.ant-dropdown .ant-dropdown-menu {
983
+ max-height: calc(100vh - 128px);
984
+ overflow-y: auto;
985
+
986
+ .ant-dropdown-menu-item {
987
+ padding: 4px 20px;
988
+ font-size: 12px;
989
+ line-height: 18px;
990
+ }
991
+ }
992
+ }
993
+
994
+
995
+ .E_s1dizucg {
996
+ &.ant-switch {
997
+ min-width: 40px;
998
+ height: 24px;
999
+ background: $fills-trans-quinary-light;
1000
+ overflow: hidden;
1001
+ &:focus {
1002
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1003
+ }
1004
+ }
1005
+ &.ant-switch-small {
1006
+ min-width: 26px;
1007
+ height: 16px;
1008
+ }
1009
+ &.ant-switch-large {
1010
+ min-width: 52px;
1011
+ height: 32px;
1012
+ }
1013
+
1014
+ &.ant-switch .ant-switch-handle {
1015
+ height: 20px;
1016
+ width: 20px;
1017
+ &::before {
1018
+ border-radius: 10px;
1019
+ transition-delay: 120ms;
1020
+ }
1021
+ }
1022
+ &.ant-switch-small .ant-switch-handle {
1023
+ height: 14px;
1024
+ width: 14px;
1025
+ top: 1px;
1026
+ left: 1px;
1027
+ }
1028
+ &.ant-switch-large .ant-switch-handle {
1029
+ height: 28px;
1030
+ width: 28px;
1031
+ &::before {
1032
+ border-radius: 14px;
1033
+ }
1034
+ }
1035
+
1036
+ &.ant-switch-checked {
1037
+ background-color: $green-60;
1038
+ }
1039
+ &.ant-switch-checked .ant-switch-handle {
1040
+ left: calc(100% - 20px - 2px);
1041
+ }
1042
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1043
+ left: calc(100% - 14px - 1px);
1044
+ }
1045
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1046
+ left: calc(100% - 28px - 2px);
1047
+ }
1048
+ }
1049
+
1050
+ .E_c1up6e3y {
1051
+ margin-left: 5px;
1052
+ }
1053
+
1054
+
995
1055
  .E_tju3gfj {
996
1056
  .date {
997
1057
  margin-right: 4px;
@@ -1085,100 +1145,21 @@
1085
1145
  }
1086
1146
 
1087
1147
 
1088
- .E_iq1gosr {
1089
- display: inline-block;
1148
+ .E_s1dni7lo {
1149
+ width: 430px !important;
1090
1150
  }
1091
1151
 
1092
-
1093
- .E_s1dizucg {
1094
- &.ant-switch {
1095
- min-width: 40px;
1096
- height: 24px;
1097
- background: $fills-trans-quinary-light;
1098
- overflow: hidden;
1099
- &:focus {
1100
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1101
- }
1102
- }
1103
- &.ant-switch-small {
1104
- min-width: 26px;
1105
- height: 16px;
1106
- }
1107
- &.ant-switch-large {
1108
- min-width: 52px;
1109
- height: 32px;
1152
+ .E_d1wwmmm5 {
1153
+ .ant-select-item-group {
1154
+ padding: 8px 16px;
1155
+ line-height: 18px;
1156
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
1157
+ height: 34px;
1158
+ min-height: 34px;
1159
+ box-sizing: border-box;
1160
+ margin-top: 8px;
1110
1161
  }
1111
-
1112
- &.ant-switch .ant-switch-handle {
1113
- height: 20px;
1114
- width: 20px;
1115
- &::before {
1116
- border-radius: 10px;
1117
- transition-delay: 120ms;
1118
- }
1119
- }
1120
- &.ant-switch-small .ant-switch-handle {
1121
- height: 14px;
1122
- width: 14px;
1123
- top: 1px;
1124
- left: 1px;
1125
- }
1126
- &.ant-switch-large .ant-switch-handle {
1127
- height: 28px;
1128
- width: 28px;
1129
- &::before {
1130
- border-radius: 14px;
1131
- }
1132
- }
1133
-
1134
- &.ant-switch-checked {
1135
- background-color: $green-60;
1136
- }
1137
- &.ant-switch-checked .ant-switch-handle {
1138
- left: calc(100% - 20px - 2px);
1139
- }
1140
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1141
- left: calc(100% - 14px - 1px);
1142
- }
1143
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1144
- left: calc(100% - 28px - 2px);
1145
- }
1146
- }
1147
-
1148
- .E_c1up6e3y {
1149
- margin-left: 5px;
1150
- }
1151
-
1152
-
1153
- .E_t1m2x205 {
1154
- .ant-tooltip-arrow {
1155
- display: none;
1156
- }
1157
- .ant-tooltip-inner {
1158
- background: $gray-a80-9;
1159
- border-radius: 4px;
1160
- &:has(.eagle-ellipsis-content) {
1161
- visibility: hidden;
1162
- }
1163
- }
1164
- }
1165
-
1166
-
1167
- .E_s1dni7lo {
1168
- width: 430px !important;
1169
- }
1170
-
1171
- .E_d1wwmmm5 {
1172
- .ant-select-item-group {
1173
- padding: 8px 16px;
1174
- line-height: 18px;
1175
- border-top: 1px solid rgba(211, 218, 235, 0.6);
1176
- height: 34px;
1177
- min-height: 34px;
1178
- box-sizing: border-box;
1179
- margin-top: 8px;
1180
- }
1181
- }
1162
+ }
1182
1163
 
1183
1164
  .E_o1ugr09p {
1184
1165
  display: flex;
@@ -1253,40 +1234,20 @@
1253
1234
  }
1254
1235
 
1255
1236
 
1256
- .E_fzh9mnb {
1257
- width: 100%;
1258
- height: 100%;
1259
- min-height: 124px;
1260
- display: flex;
1261
- flex-direction: column;
1262
- justify-content: center;
1263
- align-items: center;
1264
-
1265
- .error-text {
1266
- color: $text-terdiary-light;
1267
- margin-bottom: 16px;
1268
- font-size: 18px;
1269
- }
1237
+ .E_iq1gosr {
1238
+ display: inline-block;
1270
1239
  }
1271
1240
 
1272
1241
 
1273
- .E_iouxfgt {
1274
- display: inline-flex;
1275
- align-items: center;
1276
-
1277
- .icon-inner {
1278
- display: inline-flex;
1279
- align-items: center;
1280
- justify-content: center;
1281
- }
1282
- .icon-inner + span,
1283
- span + .icon-inner.suffix {
1284
- margin-left: 4px;
1242
+ .E_t1m2x205 {
1243
+ .ant-tooltip-arrow {
1244
+ display: none;
1285
1245
  }
1286
- &.is-rotate {
1287
- img,
1288
- svg {
1289
- animation: rotate 680ms linear infinite;
1246
+ .ant-tooltip-inner {
1247
+ background: $gray-a80-9;
1248
+ border-radius: 4px;
1249
+ &:has(.eagle-ellipsis-content) {
1250
+ visibility: hidden;
1290
1251
  }
1291
1252
  }
1292
1253
  }
@@ -1334,6 +1295,92 @@
1334
1295
  }
1335
1296
 
1336
1297
 
1298
+ .E_fzh9mnb {
1299
+ width: 100%;
1300
+ height: 100%;
1301
+ min-height: 124px;
1302
+ display: flex;
1303
+ flex-direction: column;
1304
+ justify-content: center;
1305
+ align-items: center;
1306
+
1307
+ .error-text {
1308
+ color: $text-terdiary-light;
1309
+ margin-bottom: 16px;
1310
+ font-size: 18px;
1311
+ }
1312
+ }
1313
+
1314
+
1315
+ .E_a1wfy30z {
1316
+ .ant-input-number-handler-wrap {
1317
+ display: var(--a1wfy30z-0);
1318
+ }
1319
+ .ant-input-number-input-wrap {
1320
+ padding: 4px 11px;
1321
+ display: inline-flex;
1322
+ line-height: 1.5715;
1323
+ height: inherit;
1324
+ }
1325
+
1326
+ .ant-input-number-input-wrap::after {
1327
+ content: var(--a1wfy30z-1);
1328
+ display: var(--a1wfy30z-2);
1329
+ flex: none;
1330
+ align-items: center;
1331
+ margin-left: 4px;
1332
+ }
1333
+
1334
+ .ant-input-number-input-wrap::before {
1335
+ content: var(--a1wfy30z-3);
1336
+ display: var(--a1wfy30z-4);
1337
+ flex: none;
1338
+ align-items: center;
1339
+ margin-right: 4px;
1340
+ cursor: auto;
1341
+ }
1342
+
1343
+ .ant-input-number-input {
1344
+ padding: 0;
1345
+ margin: 0;
1346
+ height: auto;
1347
+ font-size: inherit;
1348
+ }
1349
+ }
1350
+
1351
+
1352
+ .E_iouxfgt {
1353
+ display: inline-flex;
1354
+ align-items: center;
1355
+
1356
+ .icon-inner {
1357
+ display: inline-flex;
1358
+ align-items: center;
1359
+ justify-content: center;
1360
+ }
1361
+ .icon-inner + span,
1362
+ span + .icon-inner.suffix {
1363
+ margin-left: 4px;
1364
+ }
1365
+ &.is-rotate {
1366
+ img,
1367
+ svg {
1368
+ animation: rotate 680ms linear infinite;
1369
+ }
1370
+ }
1371
+ }
1372
+
1373
+
1374
+ .E_atcz0kf {
1375
+ .ant-input-suffix {
1376
+ margin-left: 8px;
1377
+ }
1378
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1379
+ padding: 2px 7px 2px 12px;
1380
+ }
1381
+ }
1382
+
1383
+
1337
1384
  .E_i1inqkme {
1338
1385
  height: 18px;
1339
1386
  line-height: 18px;
@@ -1429,1270 +1476,1238 @@
1429
1476
  }
1430
1477
 
1431
1478
 
1432
- .E_a1wfy30z {
1433
- .ant-input-number-handler-wrap {
1434
- display: var(--a1wfy30z-0);
1435
- }
1436
- .ant-input-number-input-wrap {
1437
- padding: 4px 11px;
1438
- display: inline-flex;
1439
- line-height: 1.5715;
1440
- height: inherit;
1441
- }
1442
-
1443
- .ant-input-number-input-wrap::after {
1444
- content: var(--a1wfy30z-1);
1445
- display: var(--a1wfy30z-2);
1446
- flex: none;
1447
- align-items: center;
1448
- margin-left: 4px;
1449
- }
1450
-
1451
- .ant-input-number-input-wrap::before {
1452
- content: var(--a1wfy30z-3);
1453
- display: var(--a1wfy30z-4);
1454
- flex: none;
1455
- align-items: center;
1456
- margin-right: 4px;
1457
- cursor: auto;
1458
- }
1479
+ .E_cnujxq2 {
1480
+ display: flex;
1481
+ flex-direction: column;
1482
+ }
1459
1483
 
1460
- .ant-input-number-input {
1461
- padding: 0;
1462
- margin: 0;
1463
- height: auto;
1464
- font-size: inherit;
1465
- }
1484
+ .E_m7s48ia {
1485
+ max-width: 1120px;
1486
+ width: 100%;
1487
+ margin: 0 auto;
1488
+ height: 100%;
1466
1489
  }
1467
1490
 
1491
+ .E_wt5zbg6 {
1492
+ max-width: 1120px;
1493
+ width: 100%;
1494
+ margin: 0 auto;
1495
+ display: flex;
1468
1496
 
1469
- .E_atcz0kf {
1470
- .ant-input-suffix {
1471
- margin-left: 8px;
1497
+ .left,
1498
+ .right {
1499
+ flex-grow: 0;
1500
+ flex-shrink: 0;
1501
+ flex-basis: 21%;
1472
1502
  }
1473
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1474
- padding: 2px 7px 2px 12px;
1503
+
1504
+ .left {
1505
+ display: flex;
1506
+ justify-content: flex-end;
1507
+ padding-right: 44px;
1475
1508
  }
1476
- }
1477
1509
 
1510
+ .right {
1511
+ padding-left: 44px;
1512
+ }
1478
1513
 
1479
- .E_owd0kml {
1480
- display: inline-block;
1514
+ .middle {
1515
+ margin-bottom: 40px;
1516
+ flex-grow: 0;
1517
+ flex-shrink: 0;
1518
+ flex-basis: 58%;
1519
+ overflow: hidden;
1520
+ .form-base-field {
1521
+ width: 100%;
1522
+ .form-base-field {
1523
+ width: auto;
1524
+ }
1525
+ }
1526
+ }
1481
1527
  }
1482
1528
 
1483
- .E_h1jsgezc {
1484
- visibility: hidden;
1485
- position: absolute;
1529
+ .E_h18jprzg {
1530
+ .ant-modal-header {
1531
+ margin: 0 auto;
1532
+ width: 100%;
1533
+ max-width: 648px;
1534
+ }
1535
+ .ant-modal-header .ant-modal-title {
1536
+ margin-left: 0;
1537
+ }
1538
+ .ant-modal-body {
1539
+ margin: 0 auto;
1540
+ padding: 0;
1541
+ width: 100%;
1542
+ max-width: 648px;
1543
+ overflow: hidden;
1544
+ }
1545
+ .ant-modal-body .horizontal-steps-wrapper {
1546
+ margin-bottom: 40px;
1547
+ }
1548
+ .ant-modal-body .horizontal-content-wrapper {
1549
+ height: calc(100vh - 225px);
1550
+ overflow-y: auto;
1551
+ }
1552
+ .ant-modal-footer .footer-content {
1553
+ margin: 0 auto;
1554
+ max-width: 648px;
1555
+ }
1486
1556
  }
1487
1557
 
1488
-
1489
- .E_a1b5xrg3 {
1490
- .user-icon-inner {
1491
- display: inline-flex;
1492
- align-items: center;
1493
- justify-content: center;
1494
- color: $white;
1495
- font-weight: bold;
1496
- font-size: 12px;
1497
- width: 24px;
1498
- height: 24px;
1499
- border-radius: 50%;
1500
- background: var(--a1b5xrg3-0);
1558
+ .E_h16z9xgz {
1559
+ .ant-modal-header {
1560
+ margin: 0 auto;
1561
+ width: 100%;
1562
+ max-width: 1024px;
1501
1563
  }
1502
- &.btn-item {
1503
- transition: all 160ms ease;
1504
- cursor: pointer;
1505
- width: 56px;
1506
- height: 40px;
1507
- display: inline-flex;
1508
- align-items: center;
1509
- justify-content: center;
1510
- border-radius: 6px;
1564
+ .ant-modal-header .ant-modal-title {
1565
+ margin-left: 0;
1566
+ }
1567
+ .ant-modal-body {
1568
+ margin: 0 auto;
1569
+ padding: 0;
1570
+ width: 100%;
1571
+ max-width: 1024px;
1572
+ overflow: hidden;
1573
+ }
1574
+ .ant-modal-body .horizontal-steps-wrapper {
1575
+ margin-bottom: 40px;
1576
+ }
1577
+ .ant-modal-body .horizontal-content-wrapper {
1578
+ height: calc(100vh - 225px);
1579
+ overflow-y: auto;
1580
+ }
1581
+ .ant-modal-footer .footer-content {
1582
+ margin: 0 auto;
1583
+ max-width: 1024px;
1584
+ }
1585
+ }
1511
1586
 
1512
- &:hover {
1513
- box-shadow:
1514
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1515
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1516
- }
1587
+ .E_f1lrhghm {
1588
+ flex: 1;
1517
1589
 
1518
- &:active {
1519
- transform: translateY(2px);
1520
- transition: all 320ms ease;
1521
- }
1590
+ label {
1591
+ font-size: 13px;
1592
+ line-height: 20px;
1593
+ color: $text-secondary-light;
1522
1594
  }
1523
- }
1524
1595
 
1596
+ .title {
1597
+ font-size: 14px;
1598
+ line-height: 20px;
1599
+ color: $text-primary-light;
1600
+ margin-bottom: 12px;
1601
+ }
1525
1602
 
1526
- .E_dsnbhzf {
1527
- @include Inter(bold);
1528
- font-size: 32px;
1529
- line-height: 40px;
1603
+ &.connect-cluster .title {
1604
+ padding-bottom: 26px;
1605
+ }
1530
1606
  }
1531
1607
 
1532
- .E_d1mvo22k {
1533
- @include Inter(bold);
1534
- font-size: 24px;
1535
- line-height: 32px;
1608
+ .E_f18ot8em {
1609
+ padding: 25px 0 15px 0;
1610
+ border-bottom: 1px solid #e1e5eb;
1611
+ margin-bottom: 16px;
1536
1612
  }
1537
1613
 
1538
- .E_d1b444tr {
1539
- @include Inter();
1540
- font-size: 32px;
1541
- line-height: 40px;
1542
- }
1614
+ .E_f1l1g2k0 {
1615
+ display: flex;
1616
+ align-items: center;
1617
+ margin-bottom: 8px;
1543
1618
 
1544
- .E_dvs0kue {
1545
- @include Inter(bold);
1546
- font-size: 20px;
1547
- line-height: 24px;
1548
- }
1619
+ > label {
1620
+ width: 216px;
1621
+ }
1549
1622
 
1550
- .E_d1hcbfcq {
1551
- @include Inter();
1552
- font-size: 20px;
1553
- line-height: 24px;
1554
- }
1623
+ > label + * {
1624
+ width: 100%;
1625
+ }
1555
1626
 
1556
- .E_d1cz922v {
1557
- @include Inter(bold);
1558
- font-size: 18px;
1559
- line-height: 22px;
1627
+ .ant-select {
1628
+ width: 100%;
1629
+ }
1560
1630
  }
1561
1631
 
1562
- .E_d3nzbrm {
1563
- @include Inter();
1564
- font-size: 18px;
1565
- line-height: 22px;
1632
+ .E_e1k89cwg {
1633
+ color: $red;
1634
+ margin-right: 10px;
1566
1635
  }
1567
1636
 
1568
- .E_h1g0p5ob {
1569
- @include Inter(bold);
1570
- font-size: 16px;
1571
- line-height: 22px;
1637
+ .E_d1oui1gf {
1638
+ width: 100%;
1639
+ height: 1px;
1640
+ background: rgba(213, 219, 227, 0.6);
1641
+ margin: 24px 0;
1572
1642
  }
1573
1643
 
1574
- .E_hydo2ej {
1575
- @include Inter();
1576
- font-size: 16px;
1577
- line-height: 22px;
1644
+ .E_l15itdbb {
1645
+ display: flex;
1646
+ justify-content: center;
1647
+ align-items: center;
1648
+ height: 100%;
1578
1649
  }
1579
1650
 
1580
- .E_h1hbuq0r {
1581
- @include Inter(bold);
1582
- font-size: 14px;
1583
- line-height: 20px;
1651
+ .E_d1y3z4w {
1652
+ display: inline-block;
1653
+ width: 4px;
1654
+ height: 4px;
1655
+ background: #8e9aa9;
1656
+ opacity: 0.4;
1657
+ border-radius: 50%;
1658
+ margin: 0 4px;
1584
1659
  }
1585
1660
 
1586
- .E_h13bondg {
1587
- @include Inter();
1588
- font-size: 14px;
1589
- line-height: 20px;
1590
- }
1661
+ .E_m177r7a3 {
1662
+ .ant-modal-header,
1663
+ .ant-modal-footer .footer-content {
1664
+ width: 648px;
1665
+ margin: 0 auto;
1666
+ }
1591
1667
 
1592
- .E_h1mhvdlx {
1593
- @include Inter(bold);
1594
- font-size: 12px;
1595
- line-height: 18px;
1596
- }
1668
+ .ant-modal-header {
1669
+ padding: 35px 0 24px;
1670
+ border: none;
1597
1671
 
1598
- .E_h1inmfq6 {
1599
- @include Inter();
1600
- font-size: 12px;
1601
- line-height: 18px;
1602
- }
1672
+ .ant-modal-title {
1673
+ font-size: 30px;
1674
+ }
1675
+ }
1603
1676
 
1604
- .E_h1kfc0la {
1605
- @include Inter(bold);
1606
- @include Uppercase();
1607
- font-size: 12px;
1608
- line-height: 18px;
1677
+ .ant-modal-body {
1678
+ padding: 4px 0 2px;
1679
+ }
1680
+
1681
+ .ant-modal-footer {
1682
+ border: none;
1683
+ }
1609
1684
  }
1610
1685
 
1611
- .E_h10xnyuu {
1612
- @include Inter();
1613
- @include Uppercase();
1686
+ .E_t1wwio3v {
1614
1687
  font-size: 12px;
1615
1688
  line-height: 18px;
1689
+ font-weight: bold;
1690
+ color: $white;
1691
+ padding: 0 4px;
1692
+ border-radius: 4px;
1693
+ display: inline-block;
1694
+ background: var(--t1wwio3v-0);
1695
+ &:not(:first-child) {
1696
+ margin-left: 4px;
1697
+ }
1616
1698
  }
1617
1699
 
1618
- .E_lrcmi0v {
1619
- @include Inter();
1620
- font-size: 16px;
1621
- line-height: 24px;
1700
+ .E_f17jvtfk {
1701
+ width: 100%;
1702
+ height: 100%;
1703
+ display: flex;
1704
+ align-items: center;
1705
+ justify-content: center;
1622
1706
  }
1623
1707
 
1624
- .E_lzt43lp {
1625
- @include Inter(bold);
1626
- font-size: 16px;
1627
- line-height: 24px;
1708
+ .E_nzppkea {
1709
+ font-size: 90%;
1710
+ font-weight: bold;
1711
+ background-color: rgba(240, 243, 247, 0.6);
1712
+ padding: 1px 4px 1px;
1713
+ margin-left: 2px;
1714
+ margin-right: 2px;
1715
+ border: 1px solid rgba(213, 219, 227, 0.6);
1716
+ border-radius: 4px;
1628
1717
  }
1629
1718
 
1630
- .E_l5yc9nt {
1631
- @include Inter();
1632
- font-size: 16px;
1633
- line-height: 24px;
1634
- }
1719
+ .E_f4mi9eq {
1720
+ &.form-item-general {
1721
+ width: 640px;
1722
+ &.form-item + &.form-item {
1723
+ margin-top: 16px;
1724
+ }
1725
+ }
1726
+ &.form-item-compact {
1727
+ width: 412px;
1728
+ &.form-item + &.form-item {
1729
+ margin-top: 8px;
1730
+ }
1731
+ }
1732
+ & .form-item {
1733
+ width: auto;
1734
+ }
1735
+ .form-item-main {
1736
+ position: relative;
1737
+ display: flex;
1738
+ }
1739
+ .form-item-extra {
1740
+ margin-top: 4px;
1741
+ width: 100%;
1742
+ padding: 14px;
1743
+ background: #f2f4f6;
1744
+ font-size: 13px;
1745
+ line-height: 1.8;
1746
+ color: #8e9aa9;
1747
+ }
1748
+ .form-item-label {
1749
+ padding-right: 12px;
1750
+ font-size: 13px;
1751
+ color: $text-secondary-light;
1635
1752
 
1636
- .E_l1fbkbzo {
1637
- @include Inter(bold);
1638
- font-size: 16px;
1639
- line-height: 24px;
1753
+ &.label-right {
1754
+ text-align: right;
1755
+ }
1756
+ }
1757
+ .form-item-label,
1758
+ .form-item-control {
1759
+ line-height: 32px;
1760
+ }
1761
+ .form-item-control .form-item-error {
1762
+ line-height: 18px;
1763
+ }
1764
+ .form-item-children {
1765
+ width: 100%;
1766
+ > *:only-child {
1767
+ &.ant-select,
1768
+ &.ant-radio-group,
1769
+ &.ant-checkbox-group {
1770
+ width: 100%;
1771
+ }
1772
+ }
1773
+ }
1774
+ .form-item-error {
1775
+ color: $red;
1776
+ height: 0;
1777
+ overflow: hidden;
1778
+ }
1779
+ .form-item-error-enter-done {
1780
+ margin-top: 4px;
1781
+ height: auto;
1782
+ overflow: auto;
1783
+ }
1784
+ &.form-base-field:not(.form-base-field-array) {
1785
+ .form-item-control.field-error .form-item-error {
1786
+ > input:not(.ant-input),
1787
+ :not(.ant-select) input {
1788
+ border: 1px solid $red;
1789
+ color: $red;
1790
+ }
1791
+ }
1792
+ }
1640
1793
  }
1641
1794
 
1642
- .E_lahvcax {
1643
- @include Inter();
1644
- @include Uppercase();
1645
- font-size: 16px;
1646
- line-height: 24px;
1647
- }
1795
+ .E_fh0ewl8 {
1796
+ color: $gray-80;
1797
+ font-size: var(--field-title-font-size, 12px);
1798
+ font-weight: bold;
1799
+ padding-bottom: 6px;
1800
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
1801
+ margin-bottom: 16px;
1648
1802
 
1649
- .E_l11q3pxd {
1650
- @include Inter(bold);
1651
- @include Uppercase();
1652
- font-size: 16px;
1653
- line-height: 24px;
1803
+ &:not(:first-of-type) {
1804
+ margin-top: 16px;
1805
+ }
1654
1806
  }
1655
1807
 
1656
- .E_lfuc2qu {
1657
- @include Inter();
1658
- font-size: 14px;
1659
- line-height: 22px;
1660
- }
1808
+ .E_e1qrlvot {
1809
+ width: 8px;
1810
+ height: 24px;
1811
+ display: flex;
1812
+ justify-content: center;
1813
+ align-items: center;
1814
+ cursor: pointer;
1815
+ transition: all 200ms ease-out 40ms;
1661
1816
 
1662
- .E_l1jmp8r0 {
1663
- @include Inter(500);
1664
- font-size: 14px;
1665
- line-height: 22px;
1817
+ &:before,
1818
+ &:after {
1819
+ content: "";
1820
+ width: 1px;
1821
+ height: 6px;
1822
+ border-radius: 1px;
1823
+ background: $gray-50;
1824
+ position: relative;
1825
+ right: 2px;
1826
+ transform: rotate(-45deg);
1827
+ }
1828
+
1829
+ &:after {
1830
+ transform: rotate(45deg);
1831
+ left: 1px;
1832
+ }
1666
1833
  }
1667
1834
 
1668
- .E_lcnm221 {
1669
- @include Inter(bold);
1670
- font-size: 14px;
1671
- line-height: 22px;
1835
+ .E_w9ic984 {
1836
+ &.ant-alert-warning {
1837
+ border: 0;
1838
+ background: rgba(255, 187, 0, 0.1);
1839
+ border-radius: 6px;
1840
+ }
1841
+ &.ant-alert,
1842
+ .ant-alert-message {
1843
+ color: #e07f00;
1844
+ .dashed-border-bottom {
1845
+ border-bottom-color: #e07f00;
1846
+ }
1847
+ }
1672
1848
  }
1673
1849
 
1674
- .E_lu1z2n5 {
1675
- @include Inter();
1676
- font-size: 14px;
1677
- line-height: 22px;
1850
+ .E_n1k9qi4r {
1851
+ display: flex;
1852
+ flex-direction: row;
1853
+ padding: 7px 12px;
1854
+ background: rgba(255, 187, 0, 0.1);
1855
+ border-radius: 6px;
1856
+ color: $fills-light-notice-notice-dark;
1857
+ font-size: 12px;
1858
+ line-height: 18px;
1859
+ .icon-wrapper {
1860
+ margin-right: 10px;
1861
+ height: 18px;
1862
+ }
1678
1863
  }
1679
1864
 
1680
- .E_l1r59djn {
1681
- @include Inter(bold);
1682
- font-size: 14px;
1683
- line-height: 22px;
1865
+ .E_n16fsg9x {
1866
+ display: flex;
1867
+ flex-direction: row;
1868
+ padding: 7px 12px;
1869
+ background: rgba(225, 230, 241, 0.6);
1870
+ border-radius: 6px;
1871
+ color: $text-light-secondary;
1872
+ font-size: 12px;
1873
+ line-height: 18px;
1874
+ .icon-wrapper {
1875
+ margin-right: 10px;
1876
+ height: 18px;
1877
+ }
1684
1878
  }
1685
1879
 
1686
- .E_ljm2911 {
1687
- @include Inter();
1688
- @include Uppercase();
1689
- font-size: 14px;
1690
- line-height: 22px;
1880
+ .E_i173wxzw {
1881
+ display: flex;
1882
+ flex-direction: row;
1883
+ padding: 7px 12px;
1884
+ background: rgba(0, 136, 255, 0.1);
1885
+ border-radius: 6px;
1886
+ color: $fills-light-general-general-dark;
1887
+ font-size: 12px;
1888
+ line-height: 18px;
1889
+ .icon-wrapper {
1890
+ margin-right: 10px;
1891
+ height: 18px;
1892
+ }
1691
1893
  }
1692
1894
 
1693
- .E_l124mzmr {
1694
- @include Inter(bold);
1695
- @include Uppercase();
1696
- font-size: 14px;
1697
- line-height: 22px;
1895
+ .E_dld369h {
1896
+ color: $text-light-secondary;
1897
+ margin-top: 5px;
1898
+ font-size: 12px;
1899
+ line-height: 18px;
1698
1900
  }
1699
1901
 
1700
- .E_lb3chel {
1701
- @include Inter();
1702
- font-size: 13px;
1703
- line-height: 20px;
1902
+ .E_s1epv22q {
1903
+ color: $text-light-serious;
1904
+ font-size: 12px;
1905
+ white-space: pre-wrap;
1704
1906
  }
1705
1907
 
1706
- .E_lv9jstu {
1707
- @include Inter(600);
1708
- font-size: 13px;
1709
- line-height: 20px;
1908
+ .E_okus5hk {
1909
+ display: flex;
1910
+ align-items: center;
1911
+ justify-content: flex-end;
1912
+ .icon-wrapper {
1913
+ margin-right: 16px;
1914
+ }
1710
1915
  }
1711
1916
 
1712
- .E_lwqlh3x {
1713
- @include Inter(bold);
1714
- font-size: 13px;
1715
- line-height: 20px;
1716
- }
1717
-
1718
- .E_lalum9y {
1719
- @include Inter();
1720
- font-size: 13px;
1721
- line-height: 20px;
1722
- }
1723
-
1724
- .E_l1t6dj5o {
1725
- @include Inter(600);
1726
- font-size: 13px;
1727
- line-height: 20px;
1728
- }
1729
-
1730
- .E_l12f6ic {
1731
- @include Inter(bold);
1732
- font-size: 13px;
1733
- line-height: 20px;
1734
- }
1735
-
1736
- .E_l7gmukq {
1737
- @include Inter();
1738
- @include Uppercase();
1739
- font-size: 13px;
1740
- line-height: 20px;
1741
- }
1742
-
1743
- .E_lkwl0yp {
1744
- @include Inter(bold);
1745
- @include Uppercase();
1746
- font-size: 13px;
1747
- line-height: 20px;
1748
- }
1749
-
1750
- .E_l10knv48 {
1751
- @include Inter();
1752
- font-size: 12px;
1753
- line-height: 18px;
1754
- }
1755
-
1756
- .E_l6526ld {
1757
- @include Inter(500);
1758
- font-size: 12px;
1759
- line-height: 18px;
1760
- }
1761
-
1762
- .E_l1j81vli {
1763
- @include Inter(bold);
1764
- font-size: 12px;
1765
- line-height: 18px;
1766
- }
1767
-
1768
- .E_l1x7n1mk {
1769
- @include Inter();
1770
- font-size: 12px;
1771
- line-height: 18px;
1772
- }
1773
-
1774
- .E_l9fqufz {
1775
- @include Inter(500);
1776
- font-size: 12px;
1777
- line-height: 18px;
1778
- }
1779
-
1780
- .E_l1iwnybd {
1781
- @include Inter(bold);
1782
- font-size: 12px;
1783
- line-height: 18px;
1784
- }
1785
-
1786
- .E_lprtm1e {
1787
- @include Inter();
1788
- @include Uppercase();
1789
- font-size: 12px;
1790
- line-height: 18px;
1791
- }
1792
-
1793
- .E_l1lln87h {
1794
- @include Inter(bold);
1795
- @include Uppercase();
1796
- font-size: 12px;
1797
- line-height: 18px;
1917
+ .E_t1auuzri {
1918
+ color: $text-light-tertiary;
1798
1919
  }
1799
1920
 
1800
- .E_f2pb48l {
1801
- @include Inter();
1802
- font-size: 13px;
1803
- line-height: 20px;
1804
- }
1921
+ .E_i74cfyt {
1922
+ &.ant-input {
1923
+ padding: 5px 12px;
1924
+ line-height: 20px;
1925
+ color: $text-primary-light;
1926
+ border-radius: 6px;
1927
+ border-color: $strokes-light-trans-3;
1928
+ transition:
1929
+ height 240ms ease 8ms,
1930
+ border 160ms ease 8ms,
1931
+ box-shadow 160ms ease 8ms;
1932
+ }
1805
1933
 
1806
- .E_fi9emkw {
1807
- @include Inter();
1808
- font-size: 13px;
1809
- line-height: 20px;
1810
- }
1934
+ &.ant-input.ant-input-lg {
1935
+ padding: 8px 16px;
1936
+ line-height: 22px;
1937
+ }
1811
1938
 
1812
- .E_f1nrg7da {
1813
- @include Inter();
1814
- font-size: 12px;
1815
- line-height: 18px;
1816
- }
1939
+ &.ant-input.ant-input-sm {
1940
+ padding: 2px 8px;
1941
+ line-height: 18px;
1942
+ }
1817
1943
 
1818
- .E_f17k1i3n {
1819
- @include Inter();
1820
- font-size: 12px;
1821
- line-height: 18px;
1822
- }
1944
+ &.ant-input:not([disabled]),
1945
+ &.ant-input-number:not([disabled]) {
1946
+ &:hover,
1947
+ &.__pseudo-states-hover {
1948
+ border-color: $strokes-light-trans-4;
1949
+ box-shadow: $shadow-light-hover;
1950
+ z-index: $input-hover-index;
1951
+ }
1823
1952
 
1824
- .E_t1tvuj2e {
1825
- @include Inter();
1826
- @include Monospace();
1827
- font-size: 13px;
1828
- line-height: 20px;
1829
- }
1953
+ &:active,
1954
+ &:focus,
1955
+ &.__pseudo-states-active,
1956
+ &.__pseudo-states-focus {
1957
+ border-color: $blue;
1958
+ box-shadow: $shadow-light-active;
1959
+ z-index: $input-hover-index;
1960
+ }
1961
+ }
1830
1962
 
1831
- .E_t17uajlu {
1832
- @include Inter();
1833
- @include Slashed();
1834
- font-size: 13px;
1835
- line-height: 20px;
1836
- }
1963
+ &.ant-input.error:not([disabled]),
1964
+ &.ant-picker.error:not([disabled]),
1965
+ &.ant-input-number.error:not([disabled]) {
1966
+ border-color: $red;
1967
+ color: $red;
1837
1968
 
1838
- .E_t114zbyz {
1839
- @include Inter();
1840
- @include Monospace();
1841
- font-size: 12px;
1842
- line-height: 18px;
1843
- }
1969
+ &:hover,
1970
+ &.__pseudo-states-hover {
1971
+ border-color: $red;
1972
+ box-shadow: $shadow-light-hover;
1973
+ }
1844
1974
 
1845
- .E_t1il0kvi {
1846
- @include Inter(500);
1847
- @include Monospace();
1848
- font-size: 12px;
1849
- line-height: 18px;
1850
- }
1975
+ &:active,
1976
+ &:focus,
1977
+ &.__pseudo-states-active,
1978
+ &.__pseudo-states-focus {
1979
+ border-color: $red;
1980
+ box-shadow: $shadow-light-error;
1981
+ }
1982
+ }
1851
1983
 
1852
- .E_t10dv8p1 {
1853
- @include Inter();
1854
- @include Slashed();
1855
- font-size: 12px;
1856
- line-height: 18px;
1857
- }
1984
+ &.ant-input[disabled],
1985
+ &.ant-input.ant-input-disabled,
1986
+ &.ant-input-number[disabled],
1987
+ &.ant-input-number.ant-input-number-disabled {
1988
+ background: $fills-trans-terdiary-light;
1989
+ color: $text-light-tertiary;
1990
+ border-color: $strokes-light-trans-3;
1991
+ }
1858
1992
 
1859
- .E_tc2oqpq {
1860
- @include Inter(500);
1861
- @include Slashed();
1862
- font-size: 12px;
1863
- line-height: 18px;
1864
- }
1993
+ &.ant-input-affix-wrapper {
1994
+ padding: 5px 12px;
1995
+ border-radius: 6px;
1996
+ border-color: $strokes-light-trans-3;
1997
+ line-height: 20px;
1998
+ color: $text-primary-light;
1999
+ transition:
2000
+ height 240ms ease 8ms,
2001
+ border 160ms ease 8ms,
2002
+ box-shadow 160ms ease 8ms;
1865
2003
 
1866
- .E_tzvddmc {
1867
- @include Inter(bold);
1868
- @include Slashed();
1869
- font-size: 16px;
1870
- line-height: 24px;
1871
- }
2004
+ .ant-input-suffix,
2005
+ .ant-input-prefix {
2006
+ color: $text-secondary-light;
2007
+ }
2008
+ }
1872
2009
 
1873
- .E_u18llj45 {
1874
- @include Inter();
1875
- font-size: 10px;
1876
- line-height: 12px;
1877
- }
2010
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2011
+ padding: 8px 16px;
2012
+ line-height: 22px;
2013
+ }
1878
2014
 
2015
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2016
+ padding: 2px 8px;
2017
+ line-height: 18px;
2018
+ }
1879
2019
 
1880
- .E_cnujxq2 {
1881
- display: flex;
1882
- flex-direction: column;
1883
- }
2020
+ &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2021
+ &:hover,
2022
+ &.__pseudo-states-hover {
2023
+ border-color: $strokes-light-trans-4;
2024
+ box-shadow: $shadow-light-hover;
2025
+ }
1884
2026
 
1885
- .E_m7s48ia {
1886
- max-width: 1120px;
1887
- width: 100%;
1888
- margin: 0 auto;
1889
- height: 100%;
1890
- }
2027
+ &:active,
2028
+ &:focus,
2029
+ &.ant-input-affix-wrapper-focused,
2030
+ &.__pseudo-states-active,
2031
+ &.__pseudo-states-focus {
2032
+ border-color: $blue;
2033
+ box-shadow: $shadow-light-active;
2034
+ }
2035
+ }
1891
2036
 
1892
- .E_wt5zbg6 {
1893
- max-width: 1120px;
1894
- width: 100%;
1895
- margin: 0 auto;
1896
- display: flex;
2037
+ &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2038
+ border-color: $red;
2039
+ > .ant-input {
2040
+ color: $red;
2041
+ }
1897
2042
 
1898
- .left,
1899
- .right {
1900
- flex-grow: 0;
1901
- flex-shrink: 0;
1902
- flex-basis: 21%;
1903
- }
2043
+ &:hover,
2044
+ &.__pseudo-states-hover {
2045
+ border-color: $red;
2046
+ box-shadow: $shadow-light-hover;
2047
+ }
1904
2048
 
1905
- .left {
1906
- display: flex;
1907
- justify-content: flex-end;
1908
- padding-right: 44px;
2049
+ &:active,
2050
+ &:focus,
2051
+ &.ant-input-affix-wrapper-focused,
2052
+ &.__pseudo-states-active,
2053
+ &.__pseudo-states-focus {
2054
+ border-color: $red;
2055
+ box-shadow: $shadow-light-error;
2056
+ }
1909
2057
  }
1910
2058
 
1911
- .right {
1912
- padding-left: 44px;
2059
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2060
+ background: $fills-trans-terdiary-light;
2061
+ color: $text-light-tertiary;
2062
+ border-color: $strokes-light-trans-3;
1913
2063
  }
1914
2064
 
1915
- .middle {
1916
- margin-bottom: 40px;
1917
- flex-grow: 0;
1918
- flex-shrink: 0;
1919
- flex-basis: 58%;
1920
- overflow: hidden;
1921
- .form-base-field {
1922
- width: 100%;
1923
- .form-base-field {
1924
- width: auto;
2065
+ @at-root {
2066
+ textarea#{&}.ant-input {
2067
+ transition-property: height;
2068
+ transition-delay: 50ms;
2069
+ &.textarea-large {
2070
+ min-height: 40px;
2071
+ height: 40px;
2072
+ }
2073
+ &.textarea-large:focus {
2074
+ height: 80px;
2075
+ }
2076
+ &.textarea-middle {
2077
+ min-height: 32px;
2078
+ height: 32px;
2079
+ }
2080
+ &.textarea-middle:focus {
2081
+ height: 64px;
2082
+ }
2083
+ &.textarea-small {
2084
+ min-height: 24px;
2085
+ height: 24px;
2086
+ }
2087
+ &.textarea-small:focus {
2088
+ height: 40px;
1925
2089
  }
1926
2090
  }
1927
2091
  }
1928
2092
  }
1929
2093
 
1930
- .E_h18jprzg {
1931
- .ant-modal-header {
1932
- margin: 0 auto;
1933
- width: 100%;
1934
- max-width: 648px;
2094
+ .E_k1ci6977 {
2095
+ &.input-tags {
2096
+ border: 1px solid rgba(213, 219, 227, 0.6);
2097
+ border-radius: 4px;
1935
2098
  }
1936
- .ant-modal-header .ant-modal-title {
1937
- margin-left: 0;
2099
+ &.input-tags {
2100
+ position: relative;
2101
+ padding: 6px;
2102
+ height: 32px;
2103
+ cursor: pointer;
2104
+ transition: border 150ms;
2105
+
2106
+ &:hover {
2107
+ border-color: $blue-60;
2108
+ box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2109
+ }
2110
+
2111
+ &.kit-input-suffix-wrapper {
2112
+ padding-right: 30px;
2113
+ }
2114
+
2115
+ .input-tags-inner {
2116
+ display: flex;
2117
+ .tags-overflow-auto {
2118
+ display: flex;
2119
+ }
2120
+ }
2121
+
2122
+ .input-tag-suffix {
2123
+ position: absolute;
2124
+ right: 12px;
2125
+ top: 50%;
2126
+ transform: translateY(-50%);
2127
+ .anticon-close-circle {
2128
+ color: rgba(0, 0, 0, 0.25);
2129
+ font-size: 12px;
2130
+ cursor: pointer;
2131
+ &:hover {
2132
+ color: rgba(0, 0, 0, 0.45);
2133
+ }
2134
+ }
2135
+ }
1938
2136
  }
1939
- .ant-modal-body {
1940
- margin: 0 auto;
1941
- padding: 0;
1942
- width: 100%;
1943
- max-width: 648px;
2137
+ &.has-focus-indicator {
2138
+ position: relative;
1944
2139
  overflow: hidden;
1945
- }
1946
- .ant-modal-body .horizontal-steps-wrapper {
1947
- margin-bottom: 40px;
1948
- }
1949
- .ant-modal-body .horizontal-content-wrapper {
1950
- height: calc(100vh - 225px);
1951
- overflow-y: auto;
1952
- }
1953
- .ant-modal-footer .footer-content {
1954
- margin: 0 auto;
1955
- max-width: 648px;
2140
+
2141
+ .ant-input-prefix {
2142
+ position: absolute;
2143
+ top: 50%;
2144
+ transform: translateY(-50%);
2145
+ left: -16px;
2146
+ transition: left 150ms ease;
2147
+ opacity: 0;
2148
+ }
2149
+ &.ant-input-affix-wrapper-focused .ant-input-prefix {
2150
+ left: 8px;
2151
+ opacity: 1;
2152
+ }
2153
+
2154
+ input {
2155
+ transition: margin-left 150ms ease;
2156
+ margin-left: 0px;
2157
+ &:focus {
2158
+ margin-left: 16px;
2159
+ }
2160
+ }
1956
2161
  }
1957
2162
  }
1958
2163
 
1959
- .E_h16z9xgz {
1960
- .ant-modal-header {
1961
- margin: 0 auto;
1962
- width: 100%;
1963
- max-width: 1024px;
1964
- }
1965
- .ant-modal-header .ant-modal-title {
1966
- margin-left: 0;
1967
- }
1968
- .ant-modal-body {
1969
- margin: 0 auto;
1970
- padding: 0;
1971
- width: 100%;
1972
- max-width: 1024px;
1973
- overflow: hidden;
1974
- }
1975
- .ant-modal-body .horizontal-steps-wrapper {
1976
- margin-bottom: 40px;
1977
- }
1978
- .ant-modal-body .horizontal-content-wrapper {
1979
- height: calc(100vh - 225px);
1980
- overflow-y: auto;
2164
+ .E_l1f7td1d {
2165
+ @at-root {
2166
+ input#{&}.ant-input {
2167
+ border-top-right-radius: 0;
2168
+ border-bottom-right-radius: 0;
2169
+ }
1981
2170
  }
1982
- .ant-modal-footer .footer-content {
1983
- margin: 0 auto;
1984
- max-width: 1024px;
2171
+ &.ant-input-affix-wrapper {
2172
+ border-top-right-radius: 0;
2173
+ border-bottom-right-radius: 0;
1985
2174
  }
1986
2175
  }
1987
2176
 
1988
- .E_f1lrhghm {
1989
- flex: 1;
1990
-
1991
- label {
1992
- font-size: 13px;
1993
- line-height: 20px;
1994
- color: $text-secondary-light;
2177
+ .E_rf8rlle {
2178
+ @at-root {
2179
+ input#{&}.ant-input {
2180
+ border-top-left-radius: 0;
2181
+ border-bottom-left-radius: 0;
2182
+ }
1995
2183
  }
1996
2184
 
1997
- .title {
1998
- font-size: 14px;
1999
- line-height: 20px;
2000
- color: $text-primary-light;
2001
- margin-bottom: 12px;
2185
+ &.ant-input-affix-wrapper {
2186
+ border-top-left-radius: 0;
2187
+ border-bottom-left-radius: 0;
2002
2188
  }
2189
+ }
2003
2190
 
2004
- &.connect-cluster .title {
2005
- padding-bottom: 26px;
2191
+ .E_llt2k48 {
2192
+ &.ant-select.select,
2193
+ &.ant-select.select .ant-select-selector {
2194
+ border-top-right-radius: 0;
2195
+ border-bottom-right-radius: 0;
2006
2196
  }
2007
2197
  }
2008
2198
 
2009
- .E_f18ot8em {
2010
- padding: 25px 0 15px 0;
2011
- border-bottom: 1px solid #e1e5eb;
2012
- margin-bottom: 16px;
2199
+ .E_rdwz7eh {
2200
+ &.ant-select.select,
2201
+ &.ant-select.select .ant-select-selector {
2202
+ border-top-left-radius: 0;
2203
+ border-bottom-left-radius: 0;
2204
+ }
2013
2205
  }
2014
2206
 
2015
- .E_f1l1g2k0 {
2207
+ .E_c3ni091 {
2016
2208
  display: flex;
2017
- align-items: center;
2018
- margin-bottom: 8px;
2209
+ flex-direction: column;
2019
2210
 
2020
- > label {
2021
- width: 216px;
2211
+ .select-wrapper {
2212
+ margin-top: 12px;
2213
+
2214
+ .select {
2215
+ width: 100%;
2216
+ }
2022
2217
  }
2023
2218
 
2024
- > label + * {
2025
- width: 100%;
2219
+ .radio-wrapper {
2220
+ margin-top: 24px;
2026
2221
  }
2027
2222
 
2028
- .ant-select {
2223
+ div.form-item {
2029
2224
  width: 100%;
2030
2225
  }
2031
2226
  }
2032
2227
 
2033
- .E_e1k89cwg {
2034
- color: $red;
2035
- margin-right: 10px;
2036
- }
2228
+ .E_d105ju2d {
2229
+ font-size: 14px;
2230
+ font-weight: 500;
2231
+ color: #3e4652;
2232
+ line-height: 18px;
2037
2233
 
2038
- .E_d1oui1gf {
2039
- width: 100%;
2040
- height: 1px;
2041
- background: rgba(213, 219, 227, 0.6);
2042
- margin: 24px 0;
2234
+ & + & {
2235
+ margin-top: 16px;
2236
+ }
2237
+
2238
+ & + * {
2239
+ margin-top: 16px;
2240
+ }
2043
2241
  }
2044
2242
 
2045
- .E_l15itdbb {
2046
- display: flex;
2047
- justify-content: center;
2048
- align-items: center;
2049
- height: 100%;
2243
+ .E_lh0l62z.E_d105ju2d {
2244
+ font-size: 12px;
2245
+ color: $gray-a60-8;
2246
+ margin-top: 12px;
2050
2247
  }
2051
2248
 
2052
- .E_d1y3z4w {
2053
- display: inline-block;
2054
- width: 4px;
2055
- height: 4px;
2056
- background: #8e9aa9;
2057
- opacity: 0.4;
2058
- border-radius: 50%;
2059
- margin: 0 4px;
2249
+ .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2250
+ line-height: 18px;
2251
+ font-weight: 500;
2252
+ margin-top: 0;
2253
+ white-space: initial;
2060
2254
  }
2061
2255
 
2062
- .E_m177r7a3 {
2063
- .ant-modal-header,
2064
- .ant-modal-footer .footer-content {
2065
- width: 648px;
2066
- margin: 0 auto;
2067
- }
2256
+ .E_r1skkc3l {
2257
+ display: block;
2068
2258
 
2069
- .ant-modal-header {
2070
- padding: 35px 0 24px;
2071
- border: none;
2259
+ span {
2260
+ font-size: 14px;
2261
+ font-weight: 500;
2262
+ line-height: 32px;
2263
+ color: #3e4652;
2264
+ }
2265
+ }
2072
2266
 
2073
- .ant-modal-title {
2074
- font-size: 30px;
2075
- }
2267
+ .E_c3cobmo {
2268
+ margin-top: 16px;
2269
+ padding: 8px;
2270
+ border-radius: 6px;
2271
+ background: $fills-element-light-container-general;
2272
+ color: $text-light-secondary;
2273
+ font-size: 12px;
2274
+ div {
2275
+ line-height: 20px;
2276
+ display: flex;
2277
+ align-items: center;
2278
+ word-break: break-all;
2076
2279
  }
2077
2280
 
2078
- .ant-modal-body {
2079
- padding: 4px 0 2px;
2281
+ .title {
2282
+ font-weight: 700;
2283
+ line-height: 18px;
2284
+ margin: 4px 0;
2080
2285
  }
2286
+ }
2081
2287
 
2082
- .ant-modal-footer {
2083
- border: none;
2084
- }
2288
+ .E_uqv57uv {
2289
+ color: #2C3852BF;
2085
2290
  }
2086
2291
 
2087
- .E_t1wwio3v {
2088
- font-size: 12px;
2089
- line-height: 18px;
2090
- font-weight: bold;
2091
- color: $white;
2092
- padding: 0 4px;
2093
- border-radius: 4px;
2094
- display: inline-block;
2095
- background: var(--t1wwio3v-0);
2096
- &:not(:first-child) {
2097
- margin-left: 4px;
2098
- }
2292
+
2293
+ .E_dsnbhzf {
2294
+ @include Inter(bold);
2295
+ font-size: 32px;
2296
+ line-height: 40px;
2099
2297
  }
2100
2298
 
2101
- .E_f17jvtfk {
2102
- width: 100%;
2103
- height: 100%;
2104
- display: flex;
2105
- align-items: center;
2106
- justify-content: center;
2299
+ .E_d1mvo22k {
2300
+ @include Inter(bold);
2301
+ font-size: 24px;
2302
+ line-height: 32px;
2107
2303
  }
2108
2304
 
2109
- .E_nzppkea {
2110
- font-size: 90%;
2111
- font-weight: bold;
2112
- background-color: rgba(240, 243, 247, 0.6);
2113
- padding: 1px 4px 1px;
2114
- margin-left: 2px;
2115
- margin-right: 2px;
2116
- border: 1px solid rgba(213, 219, 227, 0.6);
2117
- border-radius: 4px;
2305
+ .E_d1b444tr {
2306
+ @include Inter();
2307
+ font-size: 24px;
2308
+ line-height: 32px;
2118
2309
  }
2119
2310
 
2120
- .E_f4mi9eq {
2121
- &.form-item-general {
2122
- width: 640px;
2123
- &.form-item + &.form-item {
2124
- margin-top: 16px;
2125
- }
2126
- }
2127
- &.form-item-compact {
2128
- width: 412px;
2129
- &.form-item + &.form-item {
2130
- margin-top: 8px;
2131
- }
2132
- }
2133
- & .form-item {
2134
- width: auto;
2135
- }
2136
- .form-item-main {
2137
- position: relative;
2138
- display: flex;
2139
- }
2140
- .form-item-extra {
2141
- margin-top: 4px;
2142
- width: 100%;
2143
- padding: 14px;
2144
- background: #f2f4f6;
2145
- font-size: 13px;
2146
- line-height: 1.8;
2147
- color: #8e9aa9;
2148
- }
2149
- .form-item-label {
2150
- padding-right: 12px;
2151
- font-size: 13px;
2152
- color: $text-secondary-light;
2311
+ .E_dvs0kue {
2312
+ @include Inter();
2313
+ font-size: 32px;
2314
+ line-height: 40px;
2315
+ }
2153
2316
 
2154
- &.label-right {
2155
- text-align: right;
2156
- }
2157
- }
2158
- .form-item-label,
2159
- .form-item-control {
2160
- line-height: 32px;
2161
- }
2162
- .form-item-control .form-item-error {
2163
- line-height: 18px;
2164
- }
2165
- .form-item-children {
2166
- width: 100%;
2167
- > *:only-child {
2168
- &.ant-select,
2169
- &.ant-radio-group,
2170
- &.ant-checkbox-group {
2171
- width: 100%;
2172
- }
2173
- }
2174
- }
2175
- .form-item-error {
2176
- color: $red;
2177
- height: 0;
2178
- overflow: hidden;
2179
- }
2180
- .form-item-error-enter-done {
2181
- margin-top: 4px;
2182
- height: auto;
2183
- overflow: auto;
2184
- }
2185
- &.form-base-field:not(.form-base-field-array) {
2186
- .form-item-control.field-error .form-item-error {
2187
- > input:not(.ant-input),
2188
- :not(.ant-select) input {
2189
- border: 1px solid $red;
2190
- color: $red;
2191
- }
2192
- }
2193
- }
2317
+ .E_d1hcbfcq {
2318
+ @include Inter(bold);
2319
+ font-size: 20px;
2320
+ line-height: 24px;
2194
2321
  }
2195
2322
 
2196
- .E_fh0ewl8 {
2197
- color: $gray-80;
2198
- font-size: var(--field-title-font-size, 12px);
2199
- font-weight: bold;
2200
- padding-bottom: 6px;
2201
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
2202
- margin-bottom: 16px;
2323
+ .E_d1cz922v {
2324
+ @include Inter();
2325
+ font-size: 20px;
2326
+ line-height: 24px;
2327
+ }
2203
2328
 
2204
- &:not(:first-of-type) {
2205
- margin-top: 16px;
2206
- }
2329
+ .E_d3nzbrm {
2330
+ @include Inter(bold);
2331
+ font-size: 18px;
2332
+ line-height: 22px;
2207
2333
  }
2208
2334
 
2209
- .E_e1qrlvot {
2210
- width: 8px;
2211
- height: 24px;
2212
- display: flex;
2213
- justify-content: center;
2214
- align-items: center;
2215
- cursor: pointer;
2216
- transition: all 200ms ease-out 40ms;
2335
+ .E_d1g0p5ob {
2336
+ @include Inter();
2337
+ font-size: 18px;
2338
+ line-height: 22px;
2339
+ }
2217
2340
 
2218
- &:before,
2219
- &:after {
2220
- content: "";
2221
- width: 1px;
2222
- height: 6px;
2223
- border-radius: 1px;
2224
- background: $gray-50;
2225
- position: relative;
2226
- right: 2px;
2227
- transform: rotate(-45deg);
2228
- }
2341
+ .E_hydo2ej {
2342
+ @include Inter(bold);
2343
+ font-size: 16px;
2344
+ line-height: 22px;
2345
+ }
2229
2346
 
2230
- &:after {
2231
- transform: rotate(45deg);
2232
- left: 1px;
2233
- }
2347
+ .E_h1hbuq0r {
2348
+ @include Inter();
2349
+ font-size: 16px;
2350
+ line-height: 22px;
2234
2351
  }
2235
2352
 
2236
- .E_w9ic984 {
2237
- &.ant-alert-warning {
2238
- border: 0;
2239
- background: rgba(255, 187, 0, 0.1);
2240
- border-radius: 6px;
2241
- }
2242
- &.ant-alert,
2243
- .ant-alert-message {
2244
- color: #e07f00;
2245
- .dashed-border-bottom {
2246
- border-bottom-color: #e07f00;
2247
- }
2248
- }
2353
+ .E_h13bondg {
2354
+ @include Inter(bold);
2355
+ font-size: 14px;
2356
+ line-height: 20px;
2249
2357
  }
2250
2358
 
2251
- .E_n1k9qi4r {
2252
- display: flex;
2253
- flex-direction: row;
2254
- padding: 7px 12px;
2255
- background: rgba(255, 187, 0, 0.1);
2256
- border-radius: 6px;
2257
- color: $fills-light-notice-notice-dark;
2359
+ .E_h1mhvdlx {
2360
+ @include Inter();
2361
+ font-size: 14px;
2362
+ line-height: 20px;
2363
+ }
2364
+
2365
+ .E_h1inmfq6 {
2366
+ @include Inter(bold);
2258
2367
  font-size: 12px;
2259
2368
  line-height: 18px;
2260
- .icon-wrapper {
2261
- margin-right: 10px;
2262
- height: 18px;
2263
- }
2264
2369
  }
2265
2370
 
2266
- .E_n16fsg9x {
2267
- display: flex;
2268
- flex-direction: row;
2269
- padding: 7px 12px;
2270
- background: rgba(225, 230, 241, 0.6);
2271
- border-radius: 6px;
2272
- color: $text-light-secondary;
2371
+ .E_h1kfc0la {
2372
+ @include Inter();
2273
2373
  font-size: 12px;
2274
2374
  line-height: 18px;
2275
- .icon-wrapper {
2276
- margin-right: 10px;
2277
- height: 18px;
2278
- }
2279
2375
  }
2280
2376
 
2281
- .E_i173wxzw {
2282
- display: flex;
2283
- flex-direction: row;
2284
- padding: 7px 12px;
2285
- background: rgba(0, 136, 255, 0.1);
2286
- border-radius: 6px;
2287
- color: $fills-light-general-general-dark;
2377
+ .E_h10xnyuu {
2378
+ @include Inter(bold);
2379
+ @include Uppercase();
2288
2380
  font-size: 12px;
2289
2381
  line-height: 18px;
2290
- .icon-wrapper {
2291
- margin-right: 10px;
2292
- height: 18px;
2293
- }
2294
2382
  }
2295
2383
 
2296
- .E_dld369h {
2297
- color: $text-light-secondary;
2298
- margin-top: 5px;
2384
+ .E_hrcmi0v {
2385
+ @include Inter();
2386
+ @include Uppercase();
2299
2387
  font-size: 12px;
2300
2388
  line-height: 18px;
2301
2389
  }
2302
2390
 
2303
- .E_s1epv22q {
2304
- color: $text-light-serious;
2305
- font-size: 12px;
2306
- white-space: pre-wrap;
2391
+ .E_lzt43lp {
2392
+ @include Inter();
2393
+ font-size: 16px;
2394
+ line-height: 24px;
2307
2395
  }
2308
2396
 
2309
- .E_okus5hk {
2310
- display: flex;
2311
- align-items: center;
2312
- justify-content: flex-end;
2313
- .icon-wrapper {
2314
- margin-right: 16px;
2315
- }
2397
+ .E_l5yc9nt {
2398
+ @include Inter(bold);
2399
+ font-size: 16px;
2400
+ line-height: 24px;
2316
2401
  }
2317
2402
 
2318
- .E_t1auuzri {
2319
- color: $text-light-tertiary;
2403
+ .E_l1fbkbzo {
2404
+ @include Inter();
2405
+ font-size: 16px;
2406
+ line-height: 24px;
2320
2407
  }
2321
2408
 
2322
- .E_i74cfyt {
2323
- &.ant-input {
2324
- padding: 5px 12px;
2325
- line-height: 20px;
2326
- color: $text-primary-light;
2327
- border-radius: 6px;
2328
- border-color: $strokes-light-trans-3;
2329
- transition:
2330
- height 240ms ease 8ms,
2331
- border 160ms ease 8ms,
2332
- box-shadow 160ms ease 8ms;
2333
- }
2334
-
2335
- &.ant-input.ant-input-lg {
2336
- padding: 8px 16px;
2337
- line-height: 22px;
2338
- }
2339
-
2340
- &.ant-input.ant-input-sm {
2341
- padding: 2px 8px;
2342
- line-height: 18px;
2343
- }
2344
-
2345
- &.ant-input:not([disabled]),
2346
- &.ant-input-number:not([disabled]) {
2347
- &:hover,
2348
- &.__pseudo-states-hover {
2349
- border-color: $strokes-light-trans-4;
2350
- box-shadow: $shadow-light-hover;
2351
- z-index: $input-hover-index;
2352
- }
2353
-
2354
- &:active,
2355
- &:focus,
2356
- &.__pseudo-states-active,
2357
- &.__pseudo-states-focus {
2358
- border-color: $blue;
2359
- box-shadow: $shadow-light-active;
2360
- z-index: $input-hover-index;
2361
- }
2362
- }
2363
-
2364
- &.ant-input.error:not([disabled]),
2365
- &.ant-picker.error:not([disabled]),
2366
- &.ant-input-number.error:not([disabled]) {
2367
- border-color: $red;
2368
- color: $red;
2369
-
2370
- &:hover,
2371
- &.__pseudo-states-hover {
2372
- border-color: $red;
2373
- box-shadow: $shadow-light-hover;
2374
- }
2409
+ .E_lahvcax {
2410
+ @include Inter(bold);
2411
+ font-size: 16px;
2412
+ line-height: 24px;
2413
+ }
2375
2414
 
2376
- &:active,
2377
- &:focus,
2378
- &.__pseudo-states-active,
2379
- &.__pseudo-states-focus {
2380
- border-color: $red;
2381
- box-shadow: $shadow-light-error;
2382
- }
2383
- }
2415
+ .E_l11q3pxd {
2416
+ @include Inter();
2417
+ @include Uppercase();
2418
+ font-size: 16px;
2419
+ line-height: 24px;
2420
+ }
2384
2421
 
2385
- &.ant-input[disabled],
2386
- &.ant-input.ant-input-disabled,
2387
- &.ant-input-number[disabled],
2388
- &.ant-input-number.ant-input-number-disabled {
2389
- background: $fills-trans-terdiary-light;
2390
- color: $text-light-tertiary;
2391
- border-color: $strokes-light-trans-3;
2392
- }
2422
+ .E_lfuc2qu {
2423
+ @include Inter(bold);
2424
+ @include Uppercase();
2425
+ font-size: 16px;
2426
+ line-height: 24px;
2427
+ }
2393
2428
 
2394
- &.ant-input-affix-wrapper {
2395
- padding: 5px 12px;
2396
- border-radius: 6px;
2397
- border-color: $strokes-light-trans-3;
2398
- line-height: 20px;
2399
- color: $text-primary-light;
2400
- transition:
2401
- height 240ms ease 8ms,
2402
- border 160ms ease 8ms,
2403
- box-shadow 160ms ease 8ms;
2429
+ .E_l1jmp8r0 {
2430
+ @include Inter();
2431
+ font-size: 14px;
2432
+ line-height: 22px;
2433
+ }
2404
2434
 
2405
- .ant-input-suffix,
2406
- .ant-input-prefix {
2407
- color: $text-secondary-light;
2408
- }
2409
- }
2435
+ .E_lcnm221 {
2436
+ @include Inter(500);
2437
+ font-size: 14px;
2438
+ line-height: 22px;
2439
+ }
2410
2440
 
2411
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
2412
- padding: 8px 16px;
2413
- line-height: 22px;
2414
- }
2441
+ .E_lu1z2n5 {
2442
+ @include Inter(bold);
2443
+ font-size: 14px;
2444
+ line-height: 22px;
2445
+ }
2415
2446
 
2416
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
2417
- padding: 2px 8px;
2418
- line-height: 18px;
2419
- }
2447
+ .E_l1r59djn {
2448
+ @include Inter(bold);
2449
+ text-decoration-line: line-through;
2450
+ text-decoration-style: solid;
2451
+ text-decoration-skip-ink: none;
2452
+ font-size: 14px;
2453
+ line-height: 22px;
2454
+ }
2420
2455
 
2421
- &.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
2422
- &:hover,
2423
- &.__pseudo-states-hover {
2424
- border-color: $strokes-light-trans-4;
2425
- box-shadow: $shadow-light-hover;
2426
- }
2456
+ .E_ljm2911 {
2457
+ @include Inter();
2458
+ font-size: 14px;
2459
+ line-height: 22px;
2460
+ }
2427
2461
 
2428
- &:active,
2429
- &:focus,
2430
- &.ant-input-affix-wrapper-focused,
2431
- &.__pseudo-states-active,
2432
- &.__pseudo-states-focus {
2433
- border-color: $blue;
2434
- box-shadow: $shadow-light-active;
2435
- }
2436
- }
2462
+ .E_l124mzmr {
2463
+ @include Inter(bold);
2464
+ font-size: 14px;
2465
+ line-height: 22px;
2466
+ }
2437
2467
 
2438
- &.ant-input-affix-wrapper.error:not(.ant-input-affix-wrapper-disabled) {
2439
- border-color: $red;
2440
- > .ant-input {
2441
- color: $red;
2442
- }
2468
+ .E_lb3chel {
2469
+ @include Inter();
2470
+ @include Uppercase();
2471
+ font-size: 14px;
2472
+ line-height: 22px;
2473
+ }
2443
2474
 
2444
- &:hover,
2445
- &.__pseudo-states-hover {
2446
- border-color: $red;
2447
- box-shadow: $shadow-light-hover;
2448
- }
2475
+ .E_lv9jstu {
2476
+ @include Inter(bold);
2477
+ @include Uppercase();
2478
+ font-size: 14px;
2479
+ line-height: 22px;
2480
+ }
2449
2481
 
2450
- &:active,
2451
- &:focus,
2452
- &.ant-input-affix-wrapper-focused,
2453
- &.__pseudo-states-active,
2454
- &.__pseudo-states-focus {
2455
- border-color: $red;
2456
- box-shadow: $shadow-light-error;
2457
- }
2458
- }
2482
+ .E_lwqlh3x {
2483
+ @include Inter();
2484
+ font-size: 13px;
2485
+ line-height: 20px;
2486
+ }
2459
2487
 
2460
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
2461
- background: $fills-trans-terdiary-light;
2462
- color: $text-light-tertiary;
2463
- border-color: $strokes-light-trans-3;
2464
- }
2488
+ .E_lalum9y {
2489
+ @include Inter(600);
2490
+ font-size: 13px;
2491
+ line-height: 20px;
2492
+ }
2465
2493
 
2466
- @at-root {
2467
- textarea#{&}.ant-input {
2468
- transition-property: height;
2469
- transition-delay: 50ms;
2470
- &.textarea-large {
2471
- min-height: 40px;
2472
- height: 40px;
2473
- }
2474
- &.textarea-large:focus {
2475
- height: 80px;
2476
- }
2477
- &.textarea-middle {
2478
- min-height: 32px;
2479
- height: 32px;
2480
- }
2481
- &.textarea-middle:focus {
2482
- height: 64px;
2483
- }
2484
- &.textarea-small {
2485
- min-height: 24px;
2486
- height: 24px;
2487
- }
2488
- &.textarea-small:focus {
2489
- height: 40px;
2490
- }
2491
- }
2492
- }
2494
+ .E_l1t6dj5o {
2495
+ @include Inter(bold);
2496
+ font-size: 13px;
2497
+ line-height: 20px;
2493
2498
  }
2494
2499
 
2495
- .E_k1ci6977 {
2496
- &.input-tags {
2497
- border: 1px solid rgba(213, 219, 227, 0.6);
2498
- border-radius: 4px;
2499
- }
2500
- &.input-tags {
2501
- position: relative;
2502
- padding: 6px;
2503
- height: 32px;
2504
- cursor: pointer;
2505
- transition: border 150ms;
2506
-
2507
- &:hover {
2508
- border-color: $blue-60;
2509
- box-shadow: 0 0 0px 2px rgba($blue-60, 0.1);
2510
- }
2500
+ .E_l12f6ic {
2501
+ @include Inter();
2502
+ font-size: 13px;
2503
+ line-height: 20px;
2504
+ }
2511
2505
 
2512
- &.kit-input-suffix-wrapper {
2513
- padding-right: 30px;
2514
- }
2506
+ .E_l7gmukq {
2507
+ @include Inter(600);
2508
+ font-size: 13px;
2509
+ line-height: 20px;
2510
+ }
2515
2511
 
2516
- .input-tags-inner {
2517
- display: flex;
2518
- .tags-overflow-auto {
2519
- display: flex;
2520
- }
2521
- }
2512
+ .E_lkwl0yp {
2513
+ @include Inter(bold);
2514
+ font-size: 13px;
2515
+ line-height: 20px;
2516
+ }
2522
2517
 
2523
- .input-tag-suffix {
2524
- position: absolute;
2525
- right: 12px;
2526
- top: 50%;
2527
- transform: translateY(-50%);
2528
- .anticon-close-circle {
2529
- color: rgba(0, 0, 0, 0.25);
2530
- font-size: 12px;
2531
- cursor: pointer;
2532
- &:hover {
2533
- color: rgba(0, 0, 0, 0.45);
2534
- }
2535
- }
2536
- }
2537
- }
2538
- &.has-focus-indicator {
2539
- position: relative;
2540
- overflow: hidden;
2518
+ .E_l10knv48 {
2519
+ @include Inter();
2520
+ @include Uppercase();
2521
+ font-size: 13px;
2522
+ line-height: 20px;
2523
+ }
2541
2524
 
2542
- .ant-input-prefix {
2543
- position: absolute;
2544
- top: 50%;
2545
- transform: translateY(-50%);
2546
- left: -16px;
2547
- transition: left 150ms ease;
2548
- opacity: 0;
2549
- }
2550
- &.ant-input-affix-wrapper-focused .ant-input-prefix {
2551
- left: 8px;
2552
- opacity: 1;
2553
- }
2525
+ .E_l6526ld {
2526
+ @include Inter(bold);
2527
+ @include Uppercase();
2528
+ font-size: 13px;
2529
+ line-height: 20px;
2530
+ }
2554
2531
 
2555
- input {
2556
- transition: margin-left 150ms ease;
2557
- margin-left: 0px;
2558
- &:focus {
2559
- margin-left: 16px;
2560
- }
2561
- }
2562
- }
2532
+ .E_l1j81vli {
2533
+ @include Inter();
2534
+ font-size: 12px;
2535
+ line-height: 18px;
2563
2536
  }
2564
2537
 
2565
- .E_l1f7td1d {
2566
- @at-root {
2567
- input#{&}.ant-input {
2568
- border-top-right-radius: 0;
2569
- border-bottom-right-radius: 0;
2570
- }
2571
- }
2572
- &.ant-input-affix-wrapper {
2573
- border-top-right-radius: 0;
2574
- border-bottom-right-radius: 0;
2575
- }
2538
+ .E_l1x7n1mk {
2539
+ @include Inter(500);
2540
+ font-size: 12px;
2541
+ line-height: 18px;
2576
2542
  }
2577
2543
 
2578
- .E_rf8rlle {
2579
- @at-root {
2580
- input#{&}.ant-input {
2581
- border-top-left-radius: 0;
2582
- border-bottom-left-radius: 0;
2583
- }
2584
- }
2544
+ .E_l9fqufz {
2545
+ @include Inter(bold);
2546
+ font-size: 12px;
2547
+ line-height: 18px;
2548
+ }
2585
2549
 
2586
- &.ant-input-affix-wrapper {
2587
- border-top-left-radius: 0;
2588
- border-bottom-left-radius: 0;
2589
- }
2550
+ .E_l1iwnybd {
2551
+ @include Inter();
2552
+ font-size: 12px;
2553
+ line-height: 18px;
2590
2554
  }
2591
2555
 
2592
- .E_llt2k48 {
2593
- &.ant-select.select,
2594
- &.ant-select.select .ant-select-selector {
2595
- border-top-right-radius: 0;
2596
- border-bottom-right-radius: 0;
2597
- }
2556
+ .E_lprtm1e {
2557
+ @include Inter(500);
2558
+ font-size: 12px;
2559
+ line-height: 18px;
2598
2560
  }
2599
2561
 
2600
- .E_rdwz7eh {
2601
- &.ant-select.select,
2602
- &.ant-select.select .ant-select-selector {
2603
- border-top-left-radius: 0;
2604
- border-bottom-left-radius: 0;
2605
- }
2562
+ .E_l1lln87h {
2563
+ @include Inter(bold);
2564
+ font-size: 12px;
2565
+ line-height: 18px;
2606
2566
  }
2607
2567
 
2608
- .E_c3ni091 {
2609
- display: flex;
2610
- flex-direction: column;
2568
+ .E_l2pb48l {
2569
+ @include Inter();
2570
+ @include Uppercase();
2571
+ font-size: 12px;
2572
+ line-height: 18px;
2573
+ }
2611
2574
 
2612
- .select-wrapper {
2613
- margin-top: 12px;
2575
+ .E_li9emkw {
2576
+ @include Inter(bold);
2577
+ @include Uppercase();
2578
+ font-size: 12px;
2579
+ line-height: 18px;
2580
+ }
2614
2581
 
2615
- .select {
2616
- width: 100%;
2617
- }
2618
- }
2582
+ .E_f1nrg7da {
2583
+ @include Inter();
2584
+ font-size: 13px;
2585
+ line-height: 20px;
2586
+ }
2619
2587
 
2620
- .radio-wrapper {
2621
- margin-top: 24px;
2622
- }
2588
+ .E_f17k1i3n {
2589
+ @include Inter();
2590
+ font-size: 13px;
2591
+ line-height: 20px;
2592
+ }
2623
2593
 
2624
- div.form-item {
2625
- width: 100%;
2626
- }
2594
+ .E_f1tvuj2e {
2595
+ @include Inter();
2596
+ font-size: 12px;
2597
+ line-height: 18px;
2627
2598
  }
2628
2599
 
2629
- .E_d105ju2d {
2630
- font-size: 14px;
2631
- font-weight: 500;
2632
- color: #3e4652;
2600
+ .E_f17uajlu {
2601
+ @include Inter();
2602
+ font-size: 12px;
2633
2603
  line-height: 18px;
2604
+ }
2634
2605
 
2635
- & + & {
2636
- margin-top: 16px;
2637
- }
2606
+ .E_t114zbyz {
2607
+ @include Inter();
2608
+ @include Monospace();
2609
+ font-size: 13px;
2610
+ line-height: 20px;
2611
+ }
2638
2612
 
2639
- & + * {
2640
- margin-top: 16px;
2641
- }
2613
+ .E_t1il0kvi {
2614
+ @include Inter();
2615
+ @include Slashed();
2616
+ font-size: 13px;
2617
+ line-height: 20px;
2642
2618
  }
2643
2619
 
2644
- .E_lh0l62z.E_d105ju2d {
2620
+ .E_t10dv8p1 {
2621
+ @include Inter();
2622
+ @include Monospace();
2645
2623
  font-size: 12px;
2646
- color: $gray-a60-8;
2647
- margin-top: 12px;
2624
+ line-height: 18px;
2648
2625
  }
2649
2626
 
2650
- .E_r1o4v2oc.E_lh0l62z.E_d105ju2d {
2627
+ .E_tc2oqpq {
2628
+ @include Inter(500);
2629
+ @include Monospace();
2630
+ font-size: 12px;
2651
2631
  line-height: 18px;
2652
- font-weight: 500;
2653
- margin-top: 0;
2654
- white-space: initial;
2655
2632
  }
2656
2633
 
2657
- .E_r1skkc3l {
2658
- display: block;
2634
+ .E_tzvddmc {
2635
+ @include Inter();
2636
+ @include Slashed();
2637
+ font-size: 12px;
2638
+ line-height: 18px;
2639
+ }
2659
2640
 
2660
- span {
2661
- font-size: 14px;
2662
- font-weight: 500;
2663
- line-height: 32px;
2664
- color: #3e4652;
2665
- }
2641
+ .E_t18llj45 {
2642
+ @include Inter(500);
2643
+ @include Slashed();
2644
+ font-size: 12px;
2645
+ line-height: 18px;
2646
+ }
2647
+
2648
+ .E_t1rw95vc {
2649
+ @include Inter(bold);
2650
+ @include Slashed();
2651
+ font-size: 16px;
2652
+ line-height: 24px;
2653
+ }
2654
+
2655
+ .E_u1fx9fic {
2656
+ @include Inter();
2657
+ font-size: 10px;
2658
+ line-height: 12px;
2666
2659
  }
2667
2660
 
2668
- .E_c3cobmo {
2669
- margin-top: 16px;
2670
- padding: 8px;
2671
- border-radius: 6px;
2672
- background: $fills-element-light-container-general;
2673
- color: $text-light-secondary;
2674
- font-size: 12px;
2675
- div {
2676
- line-height: 20px;
2677
- display: flex;
2661
+
2662
+ .E_m196gn1d {
2663
+ min-width: 1280px;
2664
+ }
2665
+
2666
+
2667
+ .E_a1b5xrg3 {
2668
+ .user-icon-inner {
2669
+ display: inline-flex;
2678
2670
  align-items: center;
2679
- word-break: break-all;
2671
+ justify-content: center;
2672
+ color: $white;
2673
+ font-weight: bold;
2674
+ font-size: 12px;
2675
+ width: 24px;
2676
+ height: 24px;
2677
+ border-radius: 50%;
2678
+ background: var(--a1b5xrg3-0);
2680
2679
  }
2680
+ &.btn-item {
2681
+ transition: all 160ms ease;
2682
+ cursor: pointer;
2683
+ width: 56px;
2684
+ height: 40px;
2685
+ display: inline-flex;
2686
+ align-items: center;
2687
+ justify-content: center;
2688
+ border-radius: 6px;
2681
2689
 
2682
- .title {
2683
- font-weight: 700;
2684
- line-height: 18px;
2685
- margin: 4px 0;
2690
+ &:hover {
2691
+ box-shadow:
2692
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2693
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2694
+ }
2695
+
2696
+ &:active {
2697
+ transform: translateY(2px);
2698
+ transition: all 320ms ease;
2699
+ }
2686
2700
  }
2687
2701
  }
2688
2702
 
2689
- .E_uqv57uv {
2690
- color: #2C3852BF;
2691
- }
2692
2703
 
2704
+ .E_owd0kml {
2705
+ display: inline-block;
2706
+ }
2693
2707
 
2694
- .E_m196gn1d {
2695
- min-width: 1280px;
2708
+ .E_h1jsgezc {
2709
+ visibility: hidden;
2710
+ position: absolute;
2696
2711
  }
2697
2712
 
2698
2713
 
@@ -3435,77 +3450,6 @@
3435
3450
  }
3436
3451
 
3437
3452
 
3438
- .E_l48ei06 {
3439
- @at-root {
3440
- button#{&}.ant-btn,
3441
- button#{&}.ant-btn.ant-btn-sm,
3442
- button#{&}.ant-btn.ant-btn-lg {
3443
- font-size: 12px;
3444
- line-height: 18px;
3445
- height: 18px;
3446
- }
3447
- button#{&} {
3448
- color: #0080FF;
3449
- height: unset;
3450
- .button-prefix-icon {
3451
- margin-right: 4px;
3452
- }
3453
- .button-suffix-icon {
3454
- margin-left: 4px;
3455
- }
3456
-
3457
- &:hover,
3458
- &.__pseudo-states-hover {
3459
- color: #009DFF;
3460
- }
3461
-
3462
- &:active,
3463
- &.__pseudo-states-active {
3464
- color: #005ED1;
3465
- }
3466
- &.ui-kit-link-disabled {
3467
- color: #0080FF;
3468
- }
3469
- &.ui-kit-link-primary {
3470
- color: #00122E;
3471
-
3472
- &:hover,
3473
- &.__pseudo-states-hover {
3474
- color: #0080FF;
3475
- }
3476
-
3477
- &:active,
3478
- &.__pseudo-states-active {
3479
- color: #005ED1;
3480
- }
3481
-
3482
- &.ui-kit-link-disabled {
3483
- color: #00122E;
3484
- }
3485
- }
3486
-
3487
- &.ui-kit-link-secondary {
3488
- color: #2C3852BF;
3489
-
3490
- &:hover,
3491
- &.__pseudo-states-hover {
3492
- color: #0080FF;
3493
- }
3494
-
3495
- &:active,
3496
- &.__pseudo-states-active {
3497
- color: #005ED1;
3498
- }
3499
-
3500
- &.ui-kit-link-disabled {
3501
- color: #2C3852BF;
3502
- }
3503
- }
3504
- }
3505
- }
3506
- }
3507
-
3508
-
3509
3453
  .E_h12yihis {
3510
3454
  height: 50px;
3511
3455
  border-bottom: 2px solid #edf0f7;
@@ -3776,6 +3720,77 @@
3776
3720
  }
3777
3721
 
3778
3722
 
3723
+ .E_l48ei06 {
3724
+ @at-root {
3725
+ button#{&}.ant-btn,
3726
+ button#{&}.ant-btn.ant-btn-sm,
3727
+ button#{&}.ant-btn.ant-btn-lg {
3728
+ font-size: 12px;
3729
+ line-height: 18px;
3730
+ height: 18px;
3731
+ }
3732
+ button#{&} {
3733
+ color: #0080FF;
3734
+ height: unset;
3735
+ .button-prefix-icon {
3736
+ margin-right: 4px;
3737
+ }
3738
+ .button-suffix-icon {
3739
+ margin-left: 4px;
3740
+ }
3741
+
3742
+ &:hover,
3743
+ &.__pseudo-states-hover {
3744
+ color: #009DFF;
3745
+ }
3746
+
3747
+ &:active,
3748
+ &.__pseudo-states-active {
3749
+ color: #005ED1;
3750
+ }
3751
+ &.ui-kit-link-disabled {
3752
+ color: #0080FF;
3753
+ }
3754
+ &.ui-kit-link-primary {
3755
+ color: #00122E;
3756
+
3757
+ &:hover,
3758
+ &.__pseudo-states-hover {
3759
+ color: #0080FF;
3760
+ }
3761
+
3762
+ &:active,
3763
+ &.__pseudo-states-active {
3764
+ color: #005ED1;
3765
+ }
3766
+
3767
+ &.ui-kit-link-disabled {
3768
+ color: #00122E;
3769
+ }
3770
+ }
3771
+
3772
+ &.ui-kit-link-secondary {
3773
+ color: #2C3852BF;
3774
+
3775
+ &:hover,
3776
+ &.__pseudo-states-hover {
3777
+ color: #0080FF;
3778
+ }
3779
+
3780
+ &:active,
3781
+ &.__pseudo-states-active {
3782
+ color: #005ED1;
3783
+ }
3784
+
3785
+ &.ui-kit-link-disabled {
3786
+ color: #2C3852BF;
3787
+ }
3788
+ }
3789
+ }
3790
+ }
3791
+ }
3792
+
3793
+
3779
3794
  .E_sddwhm6 {
3780
3795
  $prefix: ui-kit-status-capsule;
3781
3796
  margin: 0;
@@ -4299,11 +4314,24 @@
4299
4314
  }
4300
4315
 
4301
4316
 
4302
- .E_ckui4s7 {
4303
- color: $text-primary-light;
4304
- line-height: 22px;
4305
- display: inline-flex;
4306
- .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; } } }
4317
+ .E_r77hffu {
4318
+ display: flex;
4319
+ align-items: center;
4320
+ justify-content: space-between;
4321
+ column-gap: 6px;
4322
+ }
4323
+
4324
+ .E_p1cmxsf7 {
4325
+ display: flex;
4326
+ flex-direction: column;
4327
+ justify-content: center;
4328
+ row-gap: var(--p1cmxsf7-0);
4329
+
4330
+ .antd5-progress-line {
4331
+ font-size: 0;
4332
+ margin-bottom: unset;
4333
+ margin-inline-end: unset;
4334
+ }
4307
4335
  }
4308
4336
 
4309
4337
 
@@ -4549,6 +4577,14 @@
4549
4577
  }
4550
4578
 
4551
4579
 
4580
+ .E_ckui4s7 {
4581
+ color: $text-primary-light;
4582
+ line-height: 22px;
4583
+ display: inline-flex;
4584
+ .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; } } }
4585
+ }
4586
+
4587
+
4552
4588
  .E_lht19u8 {
4553
4589
  width: 64px;
4554
4590
  height: 64px;
@@ -4601,7 +4637,34 @@
4601
4637
  transform: rotate(112deg);
4602
4638
  transform-origin: top left;
4603
4639
 
4604
- animation: loading-indicator3 1100ms ease-out infinite;
4640
+ animation: loading-indicator3 1100ms ease-out infinite;
4641
+ }
4642
+
4643
+
4644
+ .E_b14q2gmw {
4645
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4646
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4647
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4648
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4649
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4650
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4651
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4652
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4653
+ }
4654
+
4655
+ .E_c1eym6el {
4656
+ border-radius: 8px;
4657
+ background-color: white;
4658
+ &.hoverable {
4659
+ cursor: pointer;
4660
+
4661
+ &:hover {
4662
+ transition: all 200ms ease;
4663
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4664
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4665
+ transform: translateY(-4px);
4666
+ }
4667
+ }
4605
4668
  }
4606
4669
 
4607
4670
 
@@ -4766,7 +4829,7 @@
4766
4829
  background: $fills-light-general-general-light;
4767
4830
  color: $text-light-general;
4768
4831
 
4769
- &E_l1fbkbzo {
4832
+ &E_lahvcax {
4770
4833
  @include Inter(bold !important);
4771
4834
  }
4772
4835
  }
@@ -4806,33 +4869,6 @@
4806
4869
  }
4807
4870
 
4808
4871
 
4809
- .E_b14q2gmw {
4810
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4811
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4812
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4813
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4814
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4815
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4816
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4817
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4818
- }
4819
-
4820
- .E_c1eym6el {
4821
- border-radius: 8px;
4822
- background-color: white;
4823
- &.hoverable {
4824
- cursor: pointer;
4825
-
4826
- &:hover {
4827
- transition: all 200ms ease;
4828
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4829
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4830
- transform: translateY(-4px);
4831
- }
4832
- }
4833
- }
4834
-
4835
-
4836
4872
  .E_l1ucdodl {
4837
4873
  $prefix: ui-kit-status-legend;
4838
4874
  margin: 0;
@@ -4917,27 +4953,6 @@
4917
4953
  }
4918
4954
 
4919
4955
 
4920
- .E_r77hffu {
4921
- display: flex;
4922
- align-items: center;
4923
- justify-content: space-between;
4924
- column-gap: 6px;
4925
- }
4926
-
4927
- .E_p1cmxsf7 {
4928
- display: flex;
4929
- flex-direction: column;
4930
- justify-content: center;
4931
- row-gap: var(--p1cmxsf7-0);
4932
-
4933
- .antd5-progress-line {
4934
- font-size: 0;
4935
- margin-bottom: unset;
4936
- margin-inline-end: unset;
4937
- }
4938
- }
4939
-
4940
-
4941
4956
  .E_w7ob4th {
4942
4957
  &.outside-tag {
4943
4958
  padding-left: 0;
@@ -4950,6 +4965,38 @@
4950
4965
  }
4951
4966
 
4952
4967
 
4968
+ .E_slr2ynn {
4969
+ padding: 0 8px;
4970
+ height: 18px;
4971
+ }
4972
+
4973
+ .E_m140wbb6 {
4974
+ padding: 2px 8px;
4975
+ height: 24px;
4976
+ }
4977
+
4978
+ .E_t1fozc1i {
4979
+ margin: 0;
4980
+ }
4981
+
4982
+ .E_i1vxv4ln {
4983
+ margin-right: 4px;
4984
+ height: 16px;
4985
+ }
4986
+
4987
+ .E_n1afl31m {
4988
+ &.ant-tag.ant-tag-gray {
4989
+ font-weight: 700;
4990
+ color: $text-neutral-primary;
4991
+ background-color: $fill-neutral-trans-1;
4992
+ border: 1px solid $stroke-neutral-trans-2;
4993
+ word-break: break-all;
4994
+ display: inline;
4995
+ white-space: normal;
4996
+ }
4997
+ }
4998
+
4999
+
4953
5000
  .E_t1dtlqs1 {
4954
5001
  margin-bottom: 4px;
4955
5002
  color: $text-secondary-light;
@@ -5183,38 +5230,6 @@
5183
5230
  }
5184
5231
 
5185
5232
 
5186
- .E_slr2ynn {
5187
- padding: 0 8px;
5188
- height: 18px;
5189
- }
5190
-
5191
- .E_m140wbb6 {
5192
- padding: 2px 8px;
5193
- height: 24px;
5194
- }
5195
-
5196
- .E_t1fozc1i {
5197
- margin: 0;
5198
- }
5199
-
5200
- .E_i1vxv4ln {
5201
- margin-right: 4px;
5202
- height: 16px;
5203
- }
5204
-
5205
- .E_n1afl31m {
5206
- &.ant-tag.ant-tag-gray {
5207
- font-weight: 700;
5208
- color: $text-neutral-primary;
5209
- background-color: $fill-neutral-trans-1;
5210
- border: 1px solid $stroke-neutral-trans-2;
5211
- word-break: break-all;
5212
- display: inline;
5213
- white-space: normal;
5214
- }
5215
- }
5216
-
5217
-
5218
5233
  .E_sjob3jg {
5219
5234
  $item: ant-steps-item;
5220
5235
  --item-min-width: 60px;
@@ -5927,6 +5942,11 @@
5927
5942
  }
5928
5943
 
5929
5944
 
5945
+ .E_b1jaupqb {
5946
+ color: #F0483E;
5947
+ }
5948
+
5949
+
5930
5950
  .E_t59qhqp {
5931
5951
  padding: 0px;
5932
5952
  padding-top: 5px;
@@ -5982,11 +6002,6 @@
5982
6002
  }
5983
6003
 
5984
6004
 
5985
- .E_b1jaupqb {
5986
- color: #F0483E;
5987
- }
5988
-
5989
-
5990
6005
  .E_icab5o7 {
5991
6006
  --modal-to-viewport-margin: 10px;
5992
6007
  --modal-body-padding-bottom: 40px;
@@ -6244,47 +6259,6 @@
6244
6259
  }
6245
6260
 
6246
6261
 
6247
- .E_sqv6dmy {
6248
- display: flex;
6249
- justify-content: flex-end;
6250
- }
6251
-
6252
- .E_p1rm8wzb {
6253
- margin-right: 8px;
6254
- }
6255
-
6256
- .E_sd7qcf4 {
6257
- height: 100%;
6258
- width: 100%;
6259
- overflow: auto;
6260
- }
6261
-
6262
- .E_r1fxc9gq {
6263
- &.right {
6264
- overflow: auto;
6265
- padding-right: 2px;
6266
- width: calc(192px + 6px + 2px);
6267
- height: fit-content;
6268
- max-height: calc(
6269
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6270
- --modal-body-padding-bottom
6271
- ) - var(--modal-footer-height)
6272
- );
6273
- scrollbar-gutter: stable;
6274
- &::-webkit-scrollbar {
6275
- width: 6px;
6276
- }
6277
- &::-webkit-scrollbar-track {
6278
- background: #E1E6F199;
6279
- }
6280
- &::-webkit-scrollbar-thumb {
6281
- background: #ACBAD399;
6282
- border-radius: 8px;
6283
- }
6284
- }
6285
- }
6286
-
6287
-
6288
6262
  .E_dxyv8bv {
6289
6263
  --footer-height: 80px;
6290
6264
  --modal-content-width: 492px;
@@ -6441,6 +6415,47 @@
6441
6415
  }
6442
6416
 
6443
6417
 
6418
+ .E_sqv6dmy {
6419
+ display: flex;
6420
+ justify-content: flex-end;
6421
+ }
6422
+
6423
+ .E_p1rm8wzb {
6424
+ margin-right: 8px;
6425
+ }
6426
+
6427
+ .E_sd7qcf4 {
6428
+ height: 100%;
6429
+ width: 100%;
6430
+ overflow: auto;
6431
+ }
6432
+
6433
+ .E_r1fxc9gq {
6434
+ &.right {
6435
+ overflow: auto;
6436
+ padding-right: 2px;
6437
+ width: calc(192px + 6px + 2px);
6438
+ height: fit-content;
6439
+ max-height: calc(
6440
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6441
+ --modal-body-padding-bottom
6442
+ ) - var(--modal-footer-height)
6443
+ );
6444
+ scrollbar-gutter: stable;
6445
+ &::-webkit-scrollbar {
6446
+ width: 6px;
6447
+ }
6448
+ &::-webkit-scrollbar-track {
6449
+ background: #E1E6F199;
6450
+ }
6451
+ &::-webkit-scrollbar-thumb {
6452
+ background: #ACBAD399;
6453
+ border-radius: 8px;
6454
+ }
6455
+ }
6456
+ }
6457
+
6458
+
6444
6459
  .E_t1g36k2w {
6445
6460
  overflow: hidden;
6446
6461
  height: 100%;
@@ -6534,6 +6549,11 @@
6534
6549
  }
6535
6550
 
6536
6551
 
6552
+ .E_t1616y1o {
6553
+ color: $text-light-on-tint;
6554
+ }
6555
+
6556
+
6537
6557
  .E_t1gvlxt5 {
6538
6558
  min-width: 0;
6539
6559
  flex: 1;
@@ -6558,11 +6578,6 @@
6558
6578
  }
6559
6579
 
6560
6580
 
6561
- .E_t1616y1o {
6562
- color: $text-light-on-tint;
6563
- }
6564
-
6565
-
6566
6581
  .E_f16blduf {
6567
6582
  &.ant-form-item {
6568
6583
  margin-bottom: 0;
@@ -6637,44 +6652,16 @@
6637
6652
  }
6638
6653
 
6639
6654
 
6640
- .E_i14c7jc8 {
6641
- color: var(--i14c7jc8-0);
6642
- }
6643
-
6644
- .E_i1ibuolf {
6645
- display: flex;
6646
- align-items: center;
6647
- column-gap: 4px;
6648
- font-size: 12px;
6649
- color: #2C3852BF;
6650
- }
6651
-
6652
-
6653
- .E_gmyahx3 {
6654
- cursor: pointer;
6655
-
6656
- .link-text {
6657
- color: $text-light-tertiary;
6658
- }
6659
-
6660
- &:hover .link-text {
6661
- color: $text-light-general;
6662
- }
6663
- }
6664
-
6665
-
6666
- .E_skwah65 {
6667
- height: 8px;
6668
- box-sizing: border-box;
6669
- border-radius: 2px;
6670
- background: #f5f7fa;
6671
- display: flex;
6672
- width: 100%;
6673
- overflow: hidden;
6655
+ .E_i14c7jc8 {
6656
+ color: var(--i14c7jc8-0);
6657
+ }
6674
6658
 
6675
- .stack-bar-item + .stack-bar-item {
6676
- margin-left: 1px;
6677
- }
6659
+ .E_i1ibuolf {
6660
+ display: flex;
6661
+ align-items: center;
6662
+ column-gap: 4px;
6663
+ font-size: 12px;
6664
+ color: #2C3852BF;
6678
6665
  }
6679
6666
 
6680
6667
 
@@ -6751,6 +6738,21 @@
6751
6738
  }
6752
6739
 
6753
6740
 
6741
+ .E_skwah65 {
6742
+ height: 8px;
6743
+ box-sizing: border-box;
6744
+ border-radius: 2px;
6745
+ background: #f5f7fa;
6746
+ display: flex;
6747
+ width: 100%;
6748
+ overflow: hidden;
6749
+
6750
+ .stack-bar-item + .stack-bar-item {
6751
+ margin-left: 1px;
6752
+ }
6753
+ }
6754
+
6755
+
6754
6756
  .E_c18bcrac {
6755
6757
  display: inline-block;
6756
6758
  width: 100%;
@@ -6806,6 +6808,28 @@
6806
6808
  }
6807
6809
 
6808
6810
 
6811
+ .E_tqjc4ui {
6812
+ @at-root {
6813
+ span#{&} {
6814
+ margin: 0 2px;
6815
+ }
6816
+ }
6817
+ }
6818
+
6819
+
6820
+ .E_gmyahx3 {
6821
+ cursor: pointer;
6822
+
6823
+ .link-text {
6824
+ color: $text-light-tertiary;
6825
+ }
6826
+
6827
+ &:hover .link-text {
6828
+ color: $text-light-general;
6829
+ }
6830
+ }
6831
+
6832
+
6809
6833
  .E_clm1wy1 {
6810
6834
  width: 192px;
6811
6835
  height: 246px;
@@ -7006,242 +7030,64 @@
7006
7030
  border-radius: 4px;
7007
7031
 
7008
7032
  &.active {
7009
- background: rgba(0, 128, 255, 0.1);
7010
- color: $blue;
7011
- }
7012
- }
7013
-
7014
- padding-bottom: 4px;
7015
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
7016
- }
7017
-
7018
- .E_wpbf4pq {
7019
- padding: 10px 0;
7020
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
7021
-
7022
- .ant-input,
7023
- .ant-picker {
7024
- width: 80px;
7025
- margin: 0 9px;
7026
- text-align: center;
7027
- }
7028
-
7029
- .options {
7030
- padding: 12px 0 12px 16px;
7031
- border-left: 2px solid rgba(129, 138, 153, 0.6);
7032
- margin: 5px 0 5px 8px;
7033
- }
7034
- .week-day-option,
7035
- .month-day-option {
7036
- background: #f5f7fa;
7037
- box-sizing: border-box;
7038
- border-radius: 16px;
7039
- margin-right: 8px;
7040
-
7041
- &:focus {
7042
- color: inherit;
7043
- border-color: #d9d9d9;
7044
- }
7045
- }
7046
- .week-day-option {
7047
- &.active {
7048
- background-color: $blue;
7049
- border-color: $blue;
7050
- color: $white;
7051
- }
7052
- &.en-text {
7053
- width: 110px;
7054
- margin-top: 4px;
7055
- }
7056
- }
7057
- .month-day-option {
7058
- width: 32px;
7059
- padding: 0;
7060
- margin-bottom: 8px;
7061
-
7062
- &.active {
7063
- background-color: $blue;
7064
- border-color: $blue;
7065
- color: $white;
7066
- }
7067
- }
7068
- }
7069
-
7070
-
7071
- .E_tqjc4ui {
7072
- @at-root {
7073
- span#{&} {
7074
- margin: 0 2px;
7075
- }
7076
- }
7077
- }
7078
-
7079
-
7080
- .E_ou7iq30 {
7081
- overflow: hidden;
7082
- text-overflow: ellipsis;
7083
- }
7084
-
7085
- .E_s1tui002 {
7086
- white-space: nowrap;
7087
- }
7088
-
7089
- .E_mxrc2zg {
7090
- display: -webkit-box;
7091
- -webkit-line-clamp: var(--mxrc2zg-0);
7092
- -webkit-box-orient: vertical;
7093
- word-break: break-all;
7094
- }
7095
-
7096
- .E_t1vv6d68 {
7097
- .ant-tooltip-arrow {
7098
- display: none;
7099
- }
7100
- .ant-tooltip-inner {
7101
- background: $gray-a80-9;
7102
- border-radius: 4px;
7103
- &:has(.eagle-ellipsis-content) {
7104
- visibility: hidden;
7105
- }
7106
- }
7107
- }
7108
-
7109
-
7110
- .E_s1at6qmn {
7111
- &.ant-layout-sider {
7112
- background: $backgrounds-light-grouped;
7113
- padding: 32px 8px;
7114
- overflow: auto;
7115
- }
7116
-
7117
- .ant-layout-sider-children {
7118
- display: flex;
7119
- flex-direction: column;
7120
- justify-content: space-between;
7121
- }
7122
-
7123
- footer {
7124
- display: flex;
7125
- }
7126
-
7127
- .ant-menu {
7128
- background: $backgrounds-light-grouped;
7129
- a {
7130
- color: $text-light-primary;
7131
- width: 180px;
7132
- overflow: hidden;
7133
- text-overflow: ellipsis;
7134
- }
7135
- }
7136
-
7137
- .ant-menu-vertical {
7138
- margin-bottom: 24px;
7139
-
7140
- .ant-menu-item-group {
7141
- .ant-menu-item {
7142
- margin: 0;
7143
- }
7144
- .ant-menu-item-group-title {
7145
- font-size: 12px;
7146
- padding: 0 8px 4px;
7147
- line-height: 18px;
7148
-
7149
- &:empty {
7150
- padding: 0;
7151
- }
7152
- }
7153
- &:not(:last-child) {
7154
- padding-bottom: 24px;
7155
- &.split {
7156
- margin-bottom: 24px;
7157
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7158
- }
7159
- }
7160
- }
7161
-
7162
- .ant-menu-item {
7163
- transition: none;
7164
- display: flex;
7165
- align-items: center;
7166
- height: 32px;
7167
- line-height: 22px;
7168
- padding: 0 8px;
7169
-
7170
- > .icon-wrapper {
7171
- margin-right: 12px;
7172
- }
7173
-
7174
- &:not(:last-child) {
7175
- margin: 0;
7176
- margin-bottom: 2px;
7177
- }
7178
- &.ant-menu-item-selected {
7179
- background: $background-selected;
7180
- box-shadow: $box-shadow-light-selected;
7181
- border-radius: 6px;
7182
- color: $text-light-on-tint;
7183
- a {
7184
- color: $text-light-on-tint;
7185
- }
7186
- }
7187
- &:not(.ant-menu-item-selected) {
7188
- &.ant-menu-item:hover,
7189
- &.ant-menu-item-active {
7190
- background: $background-onhover;
7191
- box-shadow: $box-shadow-light-onhover;
7192
- border-radius: 6px;
7193
- }
7194
- }
7195
- }
7196
- }
7197
- }
7198
-
7199
- .E_s1wu0lms {
7200
- .ant-menu-item-group-title {
7201
- white-space: nowrap;
7202
- transition: all 0s;
7203
- }
7204
-
7205
- &.shrink {
7206
- transition: all 0s;
7207
- overflow: hidden;
7208
-
7209
- .ant-menu-item-group-title {
7210
- visibility: hidden;
7211
- }
7212
-
7213
- .ant-menu-item {
7214
- width: 36px;
7215
- padding: 0 6px;
7033
+ background: rgba(0, 128, 255, 0.1);
7034
+ color: $blue;
7216
7035
  }
7217
7036
  }
7037
+
7038
+ padding-bottom: 4px;
7039
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
7218
7040
  }
7219
7041
 
7220
- .E_n1ugzfva {
7221
- display: flex;
7222
- place-items: center;
7223
- width: 100% !important;
7042
+ .E_wpbf4pq {
7043
+ padding: 10px 0;
7044
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
7224
7045
 
7225
- &[disabled] {
7226
- color: rgba(0, 0, 0, 0.25) !important;
7227
- opacity: 1 !important;
7046
+ .ant-input,
7047
+ .ant-picker {
7048
+ width: 80px;
7049
+ margin: 0 9px;
7050
+ text-align: center;
7228
7051
  }
7229
7052
 
7230
- &.ant-btn {
7231
- width: 100%;
7232
- color: $text-light-primary;
7053
+ .options {
7054
+ padding: 12px 0 12px 16px;
7055
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
7056
+ margin: 5px 0 5px 8px;
7233
7057
  }
7058
+ .week-day-option,
7059
+ .month-day-option {
7060
+ background: #f5f7fa;
7061
+ box-sizing: border-box;
7062
+ border-radius: 16px;
7063
+ margin-right: 8px;
7234
7064
 
7235
- .icon-wrapper {
7236
- margin-right: 12px;
7065
+ &:focus {
7066
+ color: inherit;
7067
+ border-color: #d9d9d9;
7068
+ }
7069
+ }
7070
+ .week-day-option {
7071
+ &.active {
7072
+ background-color: $blue;
7073
+ border-color: $blue;
7074
+ color: $white;
7075
+ }
7076
+ &.en-text {
7077
+ width: 110px;
7078
+ margin-top: 4px;
7079
+ }
7237
7080
  }
7081
+ .month-day-option {
7082
+ width: 32px;
7083
+ padding: 0;
7084
+ margin-bottom: 8px;
7238
7085
 
7239
- .link-title {
7240
- flex: 1;
7241
- overflow: hidden;
7242
- white-space: nowrap;
7243
- text-overflow: ellipsis;
7244
- text-align: left;
7086
+ &.active {
7087
+ background-color: $blue;
7088
+ border-color: $blue;
7089
+ color: $white;
7090
+ }
7245
7091
  }
7246
7092
  }
7247
7093
 
@@ -7267,20 +7113,31 @@
7267
7113
  }
7268
7114
 
7269
7115
 
7270
- .E_u15heuvq {
7271
- &.content {
7272
- cursor: default !important;
7273
- &.link {
7274
- cursor: pointer !important;
7275
- &:hover {
7276
- color: $text-colorful-outstanding;
7277
- }
7278
- }
7279
- &.black {
7280
- color: $text-neutral-primary;
7281
- }
7282
- &.gray {
7283
- color: $text-neutral-secondary;
7116
+ .E_ou7iq30 {
7117
+ overflow: hidden;
7118
+ text-overflow: ellipsis;
7119
+ }
7120
+
7121
+ .E_s1tui002 {
7122
+ white-space: nowrap;
7123
+ }
7124
+
7125
+ .E_mxrc2zg {
7126
+ display: -webkit-box;
7127
+ -webkit-line-clamp: var(--mxrc2zg-0);
7128
+ -webkit-box-orient: vertical;
7129
+ word-break: break-all;
7130
+ }
7131
+
7132
+ .E_t1vv6d68 {
7133
+ .ant-tooltip-arrow {
7134
+ display: none;
7135
+ }
7136
+ .ant-tooltip-inner {
7137
+ background: $gray-a80-9;
7138
+ border-radius: 4px;
7139
+ &:has(.eagle-ellipsis-content) {
7140
+ visibility: hidden;
7284
7141
  }
7285
7142
  }
7286
7143
  }
@@ -7335,106 +7192,264 @@
7335
7192
  padding: 0 16px 7px 0;
7336
7193
  }
7337
7194
  }
7338
- }
7195
+ }
7196
+
7197
+ &.has-border {
7198
+ .table-header {
7199
+ border-bottom: 1px solid $strokes-light-trans-1;
7200
+ }
7201
+
7202
+ .hiddenBorder {
7203
+ border-top: none !important;
7204
+ }
7205
+
7206
+ .table-row + .table-row {
7207
+ border-top: 1px solid $strokes-light-trans-1;
7208
+ }
7209
+
7210
+ .table-row:last-of-type {
7211
+ padding-bottom: 0;
7212
+ }
7213
+ }
7214
+
7215
+ &.align-right {
7216
+ .content {
7217
+ text-align: right;
7218
+ }
7219
+ }
7220
+ .uuid-row {
7221
+ display: flex;
7222
+ justify-content: space-between;
7223
+
7224
+ .id-text {
7225
+ white-space: nowrap;
7226
+ overflow: hidden;
7227
+ text-overflow: ellipsis;
7228
+ }
7229
+ }
7230
+ }
7231
+
7232
+ .E_t4zczcp {
7233
+ display: flex;
7234
+ justify-content: space-between;
7235
+ align-items: center;
7236
+ padding: 8px;
7237
+ min-height: 32px;
7238
+
7239
+ .table-title {
7240
+ color: $text-secondary-light;
7241
+ font-weight: 600;
7242
+ font-size: 12px;
7243
+ line-height: 8px;
7244
+ }
7245
+
7246
+ .edit-icon {
7247
+ font-size: 16px;
7248
+ color: $strokes-translucent-2-light;
7249
+ cursor: pointer;
7250
+ }
7251
+ }
7252
+
7253
+ .E_t1s7goww {
7254
+ font-size: 12px;
7255
+ line-height: 18px;
7256
+ }
7257
+
7258
+ .E_t93e4cf {
7259
+ display: flex;
7260
+ padding: 8px 0;
7261
+ color: $text-primary-light;
7262
+
7263
+ .hidden {
7264
+ display: none;
7265
+ }
7266
+
7267
+ .ant-btn.ant-btn-link {
7268
+ height: auto;
7269
+ }
7270
+
7271
+ .content {
7272
+ overflow: hidden;
7273
+ overflow-x: auto;
7274
+ width: 100%;
7275
+ white-space: pre-wrap;
7276
+
7277
+ .ant-btn {
7278
+ white-space: pre-wrap;
7279
+ text-align: left;
7280
+ }
7281
+
7282
+ .unit-chart {
7283
+ justify-content: flex-start;
7284
+ }
7285
+ }
7286
+ }
7287
+
7288
+ .E_rhz2uv5 {
7289
+ width: var(--rhz2uv5-0);
7290
+ flex-shrink: 0;
7291
+ color: $text-secondary-light;
7292
+ padding-right: 12px;
7293
+ }
7294
+
7295
+
7296
+ .E_s1at6qmn {
7297
+ &.ant-layout-sider {
7298
+ background: $backgrounds-light-grouped;
7299
+ padding: 32px 8px;
7300
+ overflow: auto;
7301
+ }
7302
+
7303
+ .ant-layout-sider-children {
7304
+ display: flex;
7305
+ flex-direction: column;
7306
+ justify-content: space-between;
7307
+ }
7308
+
7309
+ footer {
7310
+ display: flex;
7311
+ }
7312
+
7313
+ .ant-menu {
7314
+ background: $backgrounds-light-grouped;
7315
+ a {
7316
+ color: $text-light-primary;
7317
+ width: 180px;
7318
+ overflow: hidden;
7319
+ text-overflow: ellipsis;
7320
+ }
7321
+ }
7322
+
7323
+ .ant-menu-vertical {
7324
+ margin-bottom: 24px;
7325
+
7326
+ .ant-menu-item-group {
7327
+ .ant-menu-item {
7328
+ margin: 0;
7329
+ }
7330
+ .ant-menu-item-group-title {
7331
+ font-size: 12px;
7332
+ padding: 0 8px 4px;
7333
+ line-height: 18px;
7334
+
7335
+ &:empty {
7336
+ padding: 0;
7337
+ }
7338
+ }
7339
+ &:not(:last-child) {
7340
+ padding-bottom: 24px;
7341
+ &.split {
7342
+ margin-bottom: 24px;
7343
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7344
+ }
7345
+ }
7346
+ }
7339
7347
 
7340
- &.has-border {
7341
- .table-header {
7342
- border-bottom: 1px solid $strokes-light-trans-1;
7343
- }
7348
+ .ant-menu-item {
7349
+ transition: none;
7350
+ display: flex;
7351
+ align-items: center;
7352
+ height: 32px;
7353
+ line-height: 22px;
7354
+ padding: 0 8px;
7344
7355
 
7345
- .hiddenBorder {
7346
- border-top: none !important;
7347
- }
7356
+ > .icon-wrapper {
7357
+ margin-right: 12px;
7358
+ }
7348
7359
 
7349
- .table-row + .table-row {
7350
- border-top: 1px solid $strokes-light-trans-1;
7360
+ &:not(:last-child) {
7361
+ margin: 0;
7362
+ margin-bottom: 2px;
7363
+ }
7364
+ &.ant-menu-item-selected {
7365
+ background: $background-selected;
7366
+ box-shadow: $box-shadow-light-selected;
7367
+ border-radius: 6px;
7368
+ color: $text-light-on-tint;
7369
+ a {
7370
+ color: $text-light-on-tint;
7371
+ }
7372
+ }
7373
+ &:not(.ant-menu-item-selected) {
7374
+ &.ant-menu-item:hover,
7375
+ &.ant-menu-item-active {
7376
+ background: $background-onhover;
7377
+ box-shadow: $box-shadow-light-onhover;
7378
+ border-radius: 6px;
7379
+ }
7380
+ }
7351
7381
  }
7382
+ }
7383
+ }
7352
7384
 
7353
- .table-row:last-of-type {
7354
- padding-bottom: 0;
7355
- }
7385
+ .E_s1wu0lms {
7386
+ .ant-menu-item-group-title {
7387
+ white-space: nowrap;
7388
+ transition: all 0s;
7356
7389
  }
7357
7390
 
7358
- &.align-right {
7359
- .content {
7360
- text-align: right;
7391
+ &.shrink {
7392
+ transition: all 0s;
7393
+ overflow: hidden;
7394
+
7395
+ .ant-menu-item-group-title {
7396
+ visibility: hidden;
7361
7397
  }
7362
- }
7363
- .uuid-row {
7364
- display: flex;
7365
- justify-content: space-between;
7366
7398
 
7367
- .id-text {
7368
- white-space: nowrap;
7369
- overflow: hidden;
7370
- text-overflow: ellipsis;
7399
+ .ant-menu-item {
7400
+ width: 36px;
7401
+ padding: 0 6px;
7371
7402
  }
7372
7403
  }
7373
7404
  }
7374
7405
 
7375
- .E_t4zczcp {
7406
+ .E_n1ugzfva {
7376
7407
  display: flex;
7377
- justify-content: space-between;
7378
- align-items: center;
7379
- padding: 8px;
7380
- min-height: 32px;
7408
+ place-items: center;
7409
+ width: 100% !important;
7381
7410
 
7382
- .table-title {
7383
- color: $text-secondary-light;
7384
- font-weight: 600;
7385
- font-size: 12px;
7386
- line-height: 8px;
7411
+ &[disabled] {
7412
+ color: rgba(0, 0, 0, 0.25) !important;
7413
+ opacity: 1 !important;
7387
7414
  }
7388
7415
 
7389
- .edit-icon {
7390
- font-size: 16px;
7391
- color: $strokes-translucent-2-light;
7392
- cursor: pointer;
7416
+ &.ant-btn {
7417
+ width: 100%;
7418
+ color: $text-light-primary;
7393
7419
  }
7394
- }
7395
-
7396
- .E_t1s7goww {
7397
- font-size: 12px;
7398
- line-height: 18px;
7399
- }
7400
-
7401
- .E_t93e4cf {
7402
- display: flex;
7403
- padding: 8px 0;
7404
- color: $text-primary-light;
7405
7420
 
7406
- .hidden {
7407
- display: none;
7421
+ .icon-wrapper {
7422
+ margin-right: 12px;
7408
7423
  }
7409
7424
 
7410
- .ant-btn.ant-btn-link {
7411
- height: auto;
7425
+ .link-title {
7426
+ flex: 1;
7427
+ overflow: hidden;
7428
+ white-space: nowrap;
7429
+ text-overflow: ellipsis;
7430
+ text-align: left;
7412
7431
  }
7432
+ }
7413
7433
 
7414
- .content {
7415
- overflow: hidden;
7416
- overflow-x: auto;
7417
- width: 100%;
7418
- white-space: pre-wrap;
7419
7434
 
7420
- .ant-btn {
7421
- white-space: pre-wrap;
7422
- text-align: left;
7435
+ .E_u15heuvq {
7436
+ &.content {
7437
+ cursor: default !important;
7438
+ &.link {
7439
+ cursor: pointer !important;
7440
+ &:hover {
7441
+ color: $text-colorful-outstanding;
7442
+ }
7423
7443
  }
7424
-
7425
- .unit-chart {
7426
- justify-content: flex-start;
7444
+ &.black {
7445
+ color: $text-neutral-primary;
7446
+ }
7447
+ &.gray {
7448
+ color: $text-neutral-secondary;
7427
7449
  }
7428
7450
  }
7429
7451
  }
7430
7452
 
7431
- .E_rhz2uv5 {
7432
- width: var(--rhz2uv5-0);
7433
- flex-shrink: 0;
7434
- color: $text-secondary-light;
7435
- padding-right: 12px;
7436
- }
7437
-
7438
7453
 
7439
7454
  .E_t160l1cm {
7440
7455
  display: flex;
@@ -7789,50 +7804,6 @@
7789
7804
  }
7790
7805
 
7791
7806
 
7792
- .E_i5w779o {
7793
- padding: 8px 0;
7794
-
7795
- .col-label {
7796
- flex-shrink: unset;
7797
- * {
7798
- line-height: 18px;
7799
- }
7800
- }
7801
- .col-content {
7802
- flex: 1 1 0;
7803
- display: flex;
7804
- align-items: center;
7805
- * {
7806
- line-height: 18px;
7807
- }
7808
- }
7809
- }
7810
-
7811
- .E_l18dja44 {
7812
- padding: 6px 0;
7813
-
7814
- .col-label * {
7815
- font-size: 13px;
7816
- line-height: 20px;
7817
- }
7818
- .col-content * {
7819
- font-size: 14px;
7820
- line-height: 20px;
7821
- }
7822
- }
7823
-
7824
- .E_c8c2hys {
7825
- display: flex;
7826
- justify-content: space-between;
7827
- flex: 1;
7828
- min-width: 0;
7829
- }
7830
-
7831
- .E_n4m6c4d {
7832
- color: $text-light-tertiary;
7833
- }
7834
-
7835
-
7836
7807
  .E_kr6am0s {
7837
7808
  .ant-modal-body {
7838
7809
  padding: 60px 128px;
@@ -7907,6 +7878,50 @@
7907
7878
  }
7908
7879
 
7909
7880
 
7881
+ .E_i5w779o {
7882
+ padding: 8px 0;
7883
+
7884
+ .col-label {
7885
+ flex-shrink: unset;
7886
+ * {
7887
+ line-height: 18px;
7888
+ }
7889
+ }
7890
+ .col-content {
7891
+ flex: 1 1 0;
7892
+ display: flex;
7893
+ align-items: center;
7894
+ * {
7895
+ line-height: 18px;
7896
+ }
7897
+ }
7898
+ }
7899
+
7900
+ .E_l18dja44 {
7901
+ padding: 6px 0;
7902
+
7903
+ .col-label * {
7904
+ font-size: 13px;
7905
+ line-height: 20px;
7906
+ }
7907
+ .col-content * {
7908
+ font-size: 14px;
7909
+ line-height: 20px;
7910
+ }
7911
+ }
7912
+
7913
+ .E_c8c2hys {
7914
+ display: flex;
7915
+ justify-content: space-between;
7916
+ flex: 1;
7917
+ min-width: 0;
7918
+ }
7919
+
7920
+ .E_n4m6c4d {
7921
+ color: $text-light-tertiary;
7922
+ }
7923
+
7924
+
7910
7925
  .E_l12xdkhl {
7911
7926
  width: 64px;
7912
7927
  height: 64px;
@@ -7925,16 +7940,6 @@
7925
7940
  }
7926
7941
 
7927
7942
 
7928
- .E_cevhqx7 {
7929
- color: $text-light-primary;
7930
- }
7931
-
7932
- .E_snbqlt4 {
7933
- margin-top: 8px;
7934
- color: $text-light-secondary;
7935
- }
7936
-
7937
-
7938
7943
  .E_c1kchka8 {
7939
7944
  height: 100%;
7940
7945
  width: 100%;
@@ -8534,6 +8539,16 @@
8534
8539
  }
8535
8540
 
8536
8541
 
8542
+ .E_cevhqx7 {
8543
+ color: $text-light-primary;
8544
+ }
8545
+
8546
+ .E_snbqlt4 {
8547
+ margin-top: 8px;
8548
+ color: $text-light-secondary;
8549
+ }
8550
+
8551
+
8537
8552
  .E_c1ss4prm {
8538
8553
  color: $text-light-secondary;
8539
8554
  &:is(ul, ol) {