@wix/design-system-illustrations 2.41.0 → 2.42.0

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 (46) hide show
  1. package/dist/cjs/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +10 -10
  2. package/dist/cjs/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +10 -10
  3. package/dist/cjs/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +10 -10
  4. package/dist/cjs/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +9 -9
  5. package/dist/cjs/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +9 -9
  6. package/dist/cjs/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +9 -9
  7. package/dist/cjs/animated/{Split01.js → ThumbnailSplitTransparent.js} +9 -9
  8. package/dist/cjs/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +9 -9
  9. package/dist/cjs/animated/animated.global.css +1448 -1448
  10. package/dist/cjs/animated/index.js +26 -26
  11. package/dist/esm/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +6 -6
  12. package/dist/esm/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +6 -6
  13. package/dist/esm/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +6 -6
  14. package/dist/esm/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +5 -5
  15. package/dist/esm/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +5 -5
  16. package/dist/esm/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +5 -5
  17. package/dist/esm/animated/{Split01.js → ThumbnailSplitTransparent.js} +5 -5
  18. package/dist/esm/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +5 -5
  19. package/dist/esm/animated/animated.global.css +1448 -1448
  20. package/dist/esm/animated/index.js +17 -17
  21. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimits.d.ts +7 -0
  22. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimitsMobile.d.ts +7 -0
  23. package/dist/types/animated/ResponsiveBehaviorElementsStackOnMobile.d.ts +7 -0
  24. package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +7 -0
  25. package/dist/types/animated/ThumbnailGridTransparent.d.ts +7 -0
  26. package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +7 -0
  27. package/dist/types/animated/ThumbnailSplitTransparent.d.ts +7 -0
  28. package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +7 -0
  29. package/dist/types/animated/index.d.ts +16 -16
  30. package/package.json +3 -3
  31. package/dist/types/animated/FullWidth2.d.ts +0 -7
  32. package/dist/types/animated/HoverSquareInvertText.d.ts +0 -7
  33. package/dist/types/animated/LimitScaling2.d.ts +0 -7
  34. package/dist/types/animated/MaxMin.d.ts +0 -7
  35. package/dist/types/animated/MobileAlgoFast.d.ts +0 -7
  36. package/dist/types/animated/Split01.d.ts +0 -7
  37. package/dist/types/animated/ThumbnailContainer.d.ts +0 -7
  38. package/dist/types/animated/ThumbnailContainer2.d.ts +0 -7
  39. /package/src/animated/{MaxMin.html → ResponsiveBehaviorElementsScaleWithLimits.html} +0 -0
  40. /package/src/animated/{LimitScaling2.html → ResponsiveBehaviorElementsScaleWithLimitsMobile.html} +0 -0
  41. /package/src/animated/{MobileAlgoFast.html → ResponsiveBehaviorElementsStackOnMobile.html} +0 -0
  42. /package/src/animated/{FullWidth2.html → ThumbnailFullWidthTransparent.html} +0 -0
  43. /package/src/animated/{HoverSquareInvertText.html → ThumbnailGridTransparent.html} +0 -0
  44. /package/src/animated/{ThumbnailContainer2.html → ThumbnailSideBySideTransparent.html} +0 -0
  45. /package/src/animated/{Split01.html → ThumbnailSplitTransparent.html} +0 -0
  46. /package/src/animated/{ThumbnailContainer.html → ThumbnailZigzagTransparent.html} +0 -0
@@ -485,80 +485,6 @@
485
485
  }
486
486
 
487
487
 
488
- /* FullWidth2 */
489
-
490
- .FullWidth2-root {
491
- max-width: 100%;
492
- height: auto;
493
- }
494
-
495
- .FullWidth2-root {
496
- --color-1: #F8F6F6;
497
- --color-2: #002294;
498
- --color-3: #7896FF;
499
- }
500
-
501
- .FullWidth2-Frame-1707483277 {
502
- transform-box: fill-box;
503
- transform-origin: 50% 50%;
504
- animation: FullWidth2-Frame-1707483277-transform 2375ms linear infinite both;
505
- }
506
-
507
- @keyframes FullWidth2-Frame-1707483277-transform {
508
- 0% {
509
- transform: translate(0px, 57.591696px);
510
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
511
- }
512
- 40.336842% {
513
- transform: translate(0px, 0px);
514
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
515
- }
516
- 100% {
517
- transform: translate(0px, 0px);
518
- }
519
- }
520
-
521
- .FullWidth2-Frame-1707483278 {
522
- transform-box: fill-box;
523
- transform-origin: 50% 50%;
524
- animation: FullWidth2-Frame-1707483278-transform 2375ms linear infinite both;
525
- }
526
-
527
- @keyframes FullWidth2-Frame-1707483278-transform {
528
- 0% {
529
- transform: translate(0px, 51.778772px);
530
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
531
- }
532
- 33.347368% {
533
- transform: translate(0px, 0px);
534
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
535
- }
536
- 100% {
537
- transform: translate(0px, 0px);
538
- }
539
- }
540
-
541
- .FullWidth2-Frame-1707483281 {
542
- transform-box: fill-box;
543
- transform-origin: 50% 50%;
544
- animation: FullWidth2-Frame-1707483281-transform 2375ms linear infinite both;
545
- }
546
-
547
- @keyframes FullWidth2-Frame-1707483281-transform {
548
- 0% {
549
- transform: translate(0px, 30px);
550
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
551
- }
552
- 26.315789% {
553
- transform: translate(0px, 0px);
554
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
555
- }
556
- 100% {
557
- transform: translate(0px, 0px);
558
- }
559
- }
560
-
561
-
562
488
  /* HeaderScrollEffectDisappear */
563
489
 
564
490
  .HeaderScrollEffectDisappear-root {
@@ -905,2306 +831,2197 @@
905
831
  }
906
832
 
907
833
 
908
- /* HoverSquareInvertText */
834
+ /* ResponsiveBehaviorElementsAutoHeight */
909
835
 
910
- .HoverSquareInvertText-root {
836
+ .ResponsiveBehaviorElementsAutoHeight-root {
911
837
  max-width: 100%;
912
838
  height: auto;
913
839
  }
914
840
 
915
- .HoverSquareInvertText-root {
916
- --color-1: #F8F6F6;
917
- --color-2: #002294;
918
- --color-3: #7896FF;
841
+ .ResponsiveBehaviorElementsAutoHeight-root {
842
+ --color-1: #002294;
843
+ --color-2: #B8C4FF;
844
+ --color-3: #303030;
845
+ --color-4: #F8F6F6;
919
846
  }
920
847
 
921
- .HoverSquareInvertText-Group-2147222318 {
848
+ .ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape {
922
849
  transform-box: fill-box;
923
850
  transform-origin: 50% 50%;
924
- animation: HoverSquareInvertText-Group-2147222318-transform 2375ms linear infinite both;
851
+ animation: ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape-transform 3333ms linear infinite both;
925
852
  }
926
853
 
927
- @keyframes HoverSquareInvertText-Group-2147222318-transform {
854
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape-transform {
928
855
  0% {
929
- transform: translate(0px, 30px);
930
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
931
- }
932
- 26.315789% {
933
856
  transform: translate(0px, 0px);
934
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
857
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
858
+ }
859
+ 50.005001% {
860
+ transform: translate(37px, 9px);
861
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
935
862
  }
936
863
  100% {
937
- transform: translate(0px, 0px);
864
+ transform: translate(0.000001px, 0px);
938
865
  }
939
866
  }
940
867
 
941
- .HoverSquareInvertText-Group-2147222319 {
868
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724 {
942
869
  transform-box: fill-box;
943
870
  transform-origin: 50% 50%;
944
- animation: HoverSquareInvertText-Group-2147222319-transform 2375ms linear infinite both;
871
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-transform 3333ms linear infinite both;
872
+ }
873
+
874
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-shape {
875
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-width 3333ms linear infinite both;
945
876
  }
946
877
 
947
- @keyframes HoverSquareInvertText-Group-2147222319-transform {
878
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-transform {
948
879
  0% {
949
- transform: translate(0px, 51.778772px);
950
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
880
+ transform: translate(-26.5px, 0px);
881
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
951
882
  }
952
- 33.347368% {
883
+ 50.005001% {
953
884
  transform: translate(0px, 0px);
954
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
885
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
955
886
  }
956
887
  100% {
957
- transform: translate(0px, 0px);
888
+ transform: translate(-26.499999px, 0px);
958
889
  }
959
890
  }
960
891
 
961
- .HoverSquareInvertText-Group-2147222320 {
962
- transform-box: fill-box;
963
- transform-origin: 50% 50%;
964
- animation: HoverSquareInvertText-Group-2147222320-transform 2375ms linear infinite both;
965
- }
966
-
967
- @keyframes HoverSquareInvertText-Group-2147222320-transform {
892
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-width {
968
893
  0% {
969
- transform: translate(0px, 57.591696px);
970
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
894
+ width: 98px;
895
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
971
896
  }
972
- 40.336842% {
973
- transform: translate(0px, 0px);
974
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
897
+ 50.005001% {
898
+ width: 45px;
899
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
975
900
  }
976
901
  100% {
977
- transform: translate(0px, 0px);
902
+ width: 97.999999px;
978
903
  }
979
904
  }
980
-
981
-
982
- /* LimitScaling2 */
983
-
984
- .LimitScaling2-root {
985
- max-width: 100%;
986
- height: auto;
987
- }
988
-
989
- .LimitScaling2-root {
990
- --color-1: #303030;
991
- --color-2: #002294;
992
- --color-3: #B8C4FF;
993
- --color-4: #F8F6F6;
994
- --color-5: #18a0fb;
995
- --color-6: #0d8ae0;
996
- --color-7: #f8f6f6;
997
- }
998
905
 
999
- .LimitScaling2-node-10 {
906
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727 {
1000
907
  transform-box: fill-box;
1001
908
  transform-origin: 50% 50%;
1002
- animation: LimitScaling2-node-10-transform 3375ms linear infinite both;
909
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-transform 3333ms linear infinite both;
1003
910
  }
1004
911
 
1005
- .LimitScaling2-node-10-shape {
1006
- animation: LimitScaling2-node-10-width 3375ms linear infinite both;
912
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-shape {
913
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-width 3333ms linear infinite both;
1007
914
  }
1008
915
 
1009
- @keyframes LimitScaling2-node-10-transform {
916
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-transform {
1010
917
  0% {
1011
- transform: translate(16.5908px, -3px);
1012
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1013
- }
1014
- 32.088889% {
1015
- transform: translate(12px, -3px);
1016
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1017
- }
1018
- 64.207407% {
1019
- transform: translate(0px, -3px);
918
+ transform: translate(-7.69445px, 0px);
1020
919
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1021
920
  }
1022
- 98.755556% {
1023
- transform: translate(16.5908px, -3px);
921
+ 50.005001% {
922
+ transform: translate(0px, 0px);
1024
923
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1025
924
  }
1026
925
  100% {
1027
- transform: translate(16.5908px, -3px);
926
+ transform: translate(-7.69445px, 0px);
1028
927
  }
1029
928
  }
1030
929
 
1031
- @keyframes LimitScaling2-node-10-width {
930
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-width {
1032
931
  0% {
1033
- width: 20.8184px;
1034
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1035
- }
1036
- 32.088889% {
1037
- width: 30px;
1038
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1039
- }
1040
- 64.207407% {
1041
- width: 54px;
932
+ width: 60.3889px;
1042
933
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1043
934
  }
1044
- 98.755556% {
1045
- width: 20.8184px;
935
+ 50.005001% {
936
+ width: 45px;
1046
937
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1047
938
  }
1048
939
  100% {
1049
- width: 20.8184px;
940
+ width: 60.3889px;
1050
941
  }
1051
942
  }
1052
943
 
1053
- .LimitScaling2-node-11 {
944
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2 {
1054
945
  transform-box: fill-box;
1055
946
  transform-origin: 50% 50%;
1056
- animation: LimitScaling2-node-11-transform 3375ms linear infinite both;
947
+ animation:
948
+ ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-transform 3333ms linear infinite both,
949
+ ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-opacity 3333ms linear infinite both;
1057
950
  }
1058
951
 
1059
- .LimitScaling2-node-11-shape {
1060
- animation: LimitScaling2-node-11-width 3375ms linear infinite both;
952
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-shape {
953
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-width 3333ms linear infinite both;
1061
954
  }
1062
955
 
1063
- @keyframes LimitScaling2-node-11-transform {
956
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-transform {
1064
957
  0% {
1065
- transform: translate(8.82205px, -3px);
1066
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1067
- }
1068
- 32.088889% {
1069
- transform: translate(5.5px, -3px);
1070
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1071
- }
1072
- 64.207407% {
1073
- transform: translate(0px, -3px);
958
+ transform: translate(22.505px, 7.5px);
1074
959
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1075
960
  }
1076
- 98.755556% {
1077
- transform: translate(8.82205px, -3px);
961
+ 50.005001% {
962
+ transform: translate(0px, 7.5px);
1078
963
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1079
964
  }
1080
965
  100% {
1081
- transform: translate(8.82205px, -3px);
966
+ transform: translate(22.505px, 7.5px);
1082
967
  }
1083
968
  }
1084
969
 
1085
- @keyframes LimitScaling2-node-11-width {
970
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-opacity {
1086
971
  0% {
1087
- width: 11.3559px;
1088
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1089
- }
1090
- 32.088889% {
1091
- width: 18px;
1092
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
972
+ opacity: 0;
973
+ animation-timing-function: steps(1, jump-end);
1093
974
  }
1094
- 64.207407% {
1095
- width: 29px;
1096
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
975
+ 24.992499% {
976
+ opacity: 1;
977
+ animation-timing-function: steps(1, jump-end);
1097
978
  }
1098
- 98.755556% {
1099
- width: 11.3559px;
1100
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
979
+ 77.49775% {
980
+ opacity: 0;
981
+ animation-timing-function: steps(1, jump-end);
1101
982
  }
1102
983
  100% {
1103
- width: 11.3559px;
984
+ opacity: 0;
1104
985
  }
1105
986
  }
1106
987
 
1107
- .LimitScaling2-node-3 {
1108
- transform-box: fill-box;
1109
- transform-origin: 50% 50%;
1110
- animation: LimitScaling2-node-3-transform 3375ms linear infinite both;
1111
- }
1112
-
1113
- @keyframes LimitScaling2-node-3-transform {
988
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-width {
1114
989
  0% {
1115
- transform: translate(0px, 0px);
1116
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1117
- }
1118
- 32.088889% {
1119
- transform: translate(-13px, 0px);
1120
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1121
- }
1122
- 64.207407% {
1123
- transform: translate(-27px, 0px);
990
+ width: 0px;
1124
991
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1125
992
  }
1126
- 98.755556% {
1127
- transform: translate(0px, 0px);
993
+ 50.005001% {
994
+ width: 45px;
1128
995
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1129
996
  }
1130
997
  100% {
1131
- transform: translate(0px, 0px);
998
+ width: 0.000001px;
1132
999
  }
1133
1000
  }
1134
1001
 
1135
- .LimitScaling2-node-4 {
1002
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2 {
1136
1003
  transform-box: fill-box;
1137
1004
  transform-origin: 50% 50%;
1138
- animation: LimitScaling2-node-4-transform 3375ms linear infinite both;
1005
+ animation:
1006
+ ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-transform 3333ms linear infinite both,
1007
+ ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-opacity 3333ms linear infinite both;
1008
+ }
1009
+
1010
+ .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-shape {
1011
+ animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-width 3333ms linear infinite both;
1139
1012
  }
1140
1013
 
1141
- @keyframes LimitScaling2-node-4-transform {
1014
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-transform {
1142
1015
  0% {
1143
- transform: translate(0px, 0px);
1016
+ transform: translate(22.505px, 15px);
1144
1017
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1145
1018
  }
1146
- 32.088889% {
1147
- transform: translate(13px, 0px);
1148
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1149
- }
1150
- 64.207407% {
1151
- transform: translate(25px, 0px);
1152
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1153
- }
1154
- 98.755556% {
1155
- transform: translate(0px, 0px);
1019
+ 50.005001% {
1020
+ transform: translate(5.1px, 15px);
1156
1021
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1157
1022
  }
1158
1023
  100% {
1159
- transform: translate(0px, 0px);
1024
+ transform: translate(22.505px, 15px);
1160
1025
  }
1161
1026
  }
1162
1027
 
1163
- .LimitScaling2-rect-msbq6at1-n {
1164
- transform-box: fill-box;
1165
- transform-origin: 50% 50%;
1166
- animation: LimitScaling2-rect-msbq6at1-n-transform 3375ms linear infinite both;
1167
- }
1168
-
1169
- .LimitScaling2-rect-msbq6at1-n-shape {
1170
- animation:
1171
- LimitScaling2-rect-msbq6at1-n-width 3375ms linear infinite both,
1172
- LimitScaling2-rect-msbq6at1-n-height 3375ms linear infinite both;
1173
- }
1174
-
1175
- @keyframes LimitScaling2-rect-msbq6at1-n-transform {
1028
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-opacity {
1176
1029
  0% {
1177
- transform: translate(26.5px, 0px);
1178
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1179
- }
1180
- 32.088889% {
1181
- transform: translate(13.5px, 0px);
1182
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1030
+ opacity: 0;
1031
+ animation-timing-function: steps(1, jump-end);
1183
1032
  }
1184
- 64.207407% {
1185
- transform: translate(0px, 0px);
1186
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1033
+ 26.252625% {
1034
+ opacity: 1;
1035
+ animation-timing-function: steps(1, jump-end);
1187
1036
  }
1188
- 98.755556% {
1189
- transform: translate(26.5px, 0px);
1190
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1037
+ 75.007501% {
1038
+ opacity: 0;
1039
+ animation-timing-function: steps(1, jump-end);
1191
1040
  }
1192
1041
  100% {
1193
- transform: translate(26.5px, 0px);
1042
+ opacity: 0;
1194
1043
  }
1195
1044
  }
1196
1045
 
1197
- @keyframes LimitScaling2-rect-msbq6at1-n-width {
1046
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-width {
1198
1047
  0% {
1199
- width: 46px;
1048
+ width: 0px;
1200
1049
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1201
1050
  }
1202
- 32.088889% {
1203
- width: 72px;
1051
+ 50.005001% {
1052
+ width: 34.938px;
1204
1053
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1205
1054
  }
1206
- 64.207407% {
1207
- width: 99px;
1055
+ 100% {
1056
+ width: 0.000001px;
1057
+ }
1058
+ }
1059
+
1060
+ .ResponsiveBehaviorElementsAutoHeight-Vector {
1061
+ transform-box: fill-box;
1062
+ transform-origin: 50% 50%;
1063
+ animation: ResponsiveBehaviorElementsAutoHeight-Vector-transform 3333ms linear infinite both;
1064
+ }
1065
+
1066
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Vector-transform {
1067
+ 0% {
1068
+ transform: translate(0px, 0px);
1208
1069
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1209
1070
  }
1210
- 98.755556% {
1211
- width: 46px;
1071
+ 50.005001% {
1072
+ transform: translate(37px, 0px);
1212
1073
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1213
1074
  }
1214
1075
  100% {
1215
- width: 46px;
1076
+ transform: translate(0.000001px, 0px);
1216
1077
  }
1217
1078
  }
1218
1079
 
1219
- @keyframes LimitScaling2-rect-msbq6at1-n-height {
1080
+ .ResponsiveBehaviorElementsAutoHeight-Vector_2 {
1081
+ transform-box: fill-box;
1082
+ transform-origin: 50% 50%;
1083
+ animation: ResponsiveBehaviorElementsAutoHeight-Vector_2-transform 3333ms linear infinite both;
1084
+ }
1085
+
1086
+ @keyframes ResponsiveBehaviorElementsAutoHeight-Vector_2-transform {
1220
1087
  0% {
1221
- height: 60px;
1088
+ transform: translate(0px, 0px);
1089
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1090
+ }
1091
+ 50.005001% {
1092
+ transform: translate(-37px, 0px);
1222
1093
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1223
1094
  }
1224
1095
  100% {
1225
- height: 60px;
1096
+ transform: translate(-0.000001px, 0px);
1226
1097
  }
1227
1098
  }
1228
1099
 
1229
- .LimitScaling2-rect-msbqafp2-p {
1100
+ .ResponsiveBehaviorElementsAutoHeight-node-3 {
1230
1101
  transform-box: fill-box;
1231
1102
  transform-origin: 50% 50%;
1232
- animation: LimitScaling2-rect-msbqafp2-p-transform 3375ms linear infinite both;
1103
+ animation: ResponsiveBehaviorElementsAutoHeight-node-3-transform 3333ms linear infinite both;
1233
1104
  }
1234
1105
 
1235
- .LimitScaling2-rect-msbqafp2-p-shape {
1236
- animation:
1237
- LimitScaling2-rect-msbqafp2-p-width 3375ms linear infinite both,
1238
- LimitScaling2-rect-msbqafp2-p-height 3375ms linear infinite both;
1106
+ .ResponsiveBehaviorElementsAutoHeight-node-3-shape {
1107
+ animation: ResponsiveBehaviorElementsAutoHeight-node-3-width 3333ms linear infinite both;
1239
1108
  }
1240
1109
 
1241
- @keyframes LimitScaling2-rect-msbqafp2-p-transform {
1110
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-3-transform {
1242
1111
  0% {
1243
- transform: translate(12.242996px, 6.807801px);
1244
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1245
- }
1246
- 32.088889% {
1247
- transform: translate(9.242996px, 4.307801px);
1248
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1249
- }
1250
- 64.207407% {
1251
- transform: translate(0.742996px, 4.307801px);
1112
+ transform: translate(0px, 0px);
1252
1113
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1253
1114
  }
1254
- 98.755556% {
1255
- transform: translate(12.242996px, 6.807801px);
1115
+ 50.005001% {
1116
+ transform: translate(37px, 0px);
1256
1117
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1257
1118
  }
1258
1119
  100% {
1259
- transform: translate(12.242996px, 6.807801px);
1120
+ transform: translate(0.000001px, 0px);
1260
1121
  }
1261
1122
  }
1262
1123
 
1263
- @keyframes LimitScaling2-rect-msbqafp2-p-width {
1124
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-3-width {
1264
1125
  0% {
1265
- width: 15px;
1266
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1267
- }
1268
- 32.088889% {
1269
- width: 21px;
1270
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1271
- }
1272
- 64.207407% {
1273
- width: 38px;
1126
+ width: 147px;
1274
1127
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1275
1128
  }
1276
- 98.755556% {
1277
- width: 15px;
1129
+ 50.015002% {
1130
+ width: 73px;
1278
1131
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1279
1132
  }
1280
1133
  100% {
1281
- width: 15px;
1134
+ width: 147px;
1282
1135
  }
1283
1136
  }
1284
1137
 
1285
- @keyframes LimitScaling2-rect-msbqafp2-p-height {
1138
+ .ResponsiveBehaviorElementsAutoHeight-node-6-shape {
1139
+ animation: node-6-height 3333ms linear infinite both;
1140
+ }
1141
+
1142
+ @keyframes node-6-height {
1286
1143
  0% {
1287
- height: 12px;
1288
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1289
- }
1290
- 32.088889% {
1291
- height: 17px;
1292
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1293
- }
1294
- 64.207407% {
1295
- height: 17px;
1144
+ height: 56px;
1296
1145
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1297
1146
  }
1298
- 98.755556% {
1299
- height: 12px;
1147
+ 50.005001% {
1148
+ height: 71px;
1300
1149
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1301
1150
  }
1302
1151
  100% {
1303
- height: 12px;
1152
+ height: 56px;
1304
1153
  }
1305
1154
  }
1306
1155
 
1307
- .LimitScaling2-rect-msbr3mcn-w {
1156
+ .ResponsiveBehaviorElementsAutoHeight-node-7-3 {
1308
1157
  transform-box: fill-box;
1309
- transform-origin: 50% 50%;
1310
- animation: LimitScaling2-rect-msbr3mcn-w-transform 3375ms linear infinite both;
1158
+ transform-origin: 73.5px 0px;
1159
+ animation: ResponsiveBehaviorElementsAutoHeight-node-7-3-transform 3333ms linear infinite both;
1311
1160
  }
1312
1161
 
1313
- .LimitScaling2-rect-msbr3mcn-w-shape {
1314
- animation: LimitScaling2-rect-msbr3mcn-w-width 3375ms linear infinite both;
1162
+ .ResponsiveBehaviorElementsAutoHeight-node-7-3-shape {
1163
+ animation:
1164
+ ResponsiveBehaviorElementsAutoHeight-node-7-3-width 3333ms linear infinite both,
1165
+ ResponsiveBehaviorElementsAutoHeight-node-7-3-height 3333ms linear infinite both;
1315
1166
  }
1316
1167
 
1317
- @keyframes LimitScaling2-rect-msbr3mcn-w-transform {
1168
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-transform {
1318
1169
  0% {
1319
- transform: translate(26.5px, 0px);
1170
+ transform: translate(0px, -12.5px);
1320
1171
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1321
1172
  }
1322
- 32.088889% {
1323
- transform: translate(13.5px, 0px);
1173
+ 50.015002% {
1174
+ transform: translate(37px, -12.5px);
1324
1175
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1325
1176
  }
1326
- 64.207407% {
1327
- transform: translate(0px, 0px);
1177
+ 100% {
1178
+ transform: translate(0px, -12.5px);
1179
+ }
1180
+ }
1181
+
1182
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-width {
1183
+ 0% {
1184
+ width: 147px;
1328
1185
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1329
1186
  }
1330
- 98.755556% {
1331
- transform: translate(26.5px, 0px);
1187
+ 50.015002% {
1188
+ width: 73px;
1332
1189
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1333
1190
  }
1334
1191
  100% {
1335
- transform: translate(26.5px, 0px);
1192
+ width: 147px;
1336
1193
  }
1337
1194
  }
1338
1195
 
1339
- @keyframes LimitScaling2-rect-msbr3mcn-w-width {
1196
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-height {
1340
1197
  0% {
1341
- width: 46px;
1198
+ height: 56px;
1342
1199
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1343
1200
  }
1344
- 32.088889% {
1345
- width: 72px;
1201
+ 50.005001% {
1202
+ height: 71px;
1346
1203
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1347
1204
  }
1348
- 64.207407% {
1349
- width: 99px;
1205
+ 100% {
1206
+ height: 56px;
1207
+ }
1208
+ }
1209
+
1210
+ .ResponsiveBehaviorElementsAutoHeight-node-8 {
1211
+ transform-box: fill-box;
1212
+ transform-origin: 50% 50%;
1213
+ animation: ResponsiveBehaviorElementsAutoHeight-node-8-transform 3333ms linear infinite both;
1214
+ }
1215
+
1216
+ @keyframes ResponsiveBehaviorElementsAutoHeight-node-8-transform {
1217
+ 0% {
1218
+ transform: translate(0px, 0px);
1350
1219
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1351
1220
  }
1352
- 98.755556% {
1353
- width: 46px;
1221
+ 50.005001% {
1222
+ transform: translate(0px, 15px);
1354
1223
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1355
1224
  }
1356
1225
  100% {
1357
- width: 46px;
1226
+ transform: translate(0px, 0px);
1358
1227
  }
1359
1228
  }
1360
1229
 
1361
1230
 
1362
- /* MaxMin */
1231
+ /* ResponsiveBehaviorElementsFixed */
1363
1232
 
1364
- .MaxMin-root {
1233
+ .ResponsiveBehaviorElementsFixed-root {
1365
1234
  max-width: 100%;
1366
1235
  height: auto;
1367
1236
  }
1368
1237
 
1369
- .MaxMin-root {
1370
- --color-1: #303030;
1371
- --color-2: #002294;
1372
- --color-3: #B8C4FF;
1373
- --color-4: #F8F6F6;
1374
- --color-5: #18a0fb;
1238
+ .ResponsiveBehaviorElementsFixed-root {
1239
+ --color-1: #B8C4FF;
1240
+ --color-2: #303030;
1241
+ --color-3: #EAEFFF;
1242
+ --color-4: #002294;
1243
+ --color-5: #f8f6f6;
1375
1244
  --color-6: #0d8ae0;
1376
1245
  }
1377
1246
 
1378
- .MaxMin-node-1-4 {
1247
+ .ResponsiveBehaviorElementsFixed-Vector_4 {
1379
1248
  transform-box: fill-box;
1380
1249
  transform-origin: 50% 50%;
1381
- animation: MaxMin-node-1-4-transform 3375ms linear infinite both;
1250
+ animation: ResponsiveBehaviorElementsFixed-Vector_4-transform 3375ms linear infinite both;
1382
1251
  }
1383
1252
 
1384
- @keyframes MaxMin-node-1-4-transform {
1253
+ @keyframes ResponsiveBehaviorElementsFixed-Vector_4-transform {
1385
1254
  0% {
1386
- transform: translate(68px, -25px);
1387
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1388
- }
1389
- 32.088889% {
1390
- transform: translate(55px, -25px);
1255
+ transform: translate(-37.2px, 0px);
1391
1256
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1392
1257
  }
1393
- 64.207407% {
1394
- transform: translate(44px, -18px);
1258
+ 49.382716% {
1259
+ transform: translate(0px, 0px);
1395
1260
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1396
1261
  }
1397
- 98.755556% {
1398
- transform: translate(68px, -25px);
1262
+ 98.765432% {
1263
+ transform: translate(-37.2px, 0px);
1399
1264
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1400
1265
  }
1401
1266
  100% {
1402
- transform: translate(68px, -25px);
1267
+ transform: translate(-37.2px, 0px);
1403
1268
  }
1404
1269
  }
1405
1270
 
1406
- .MaxMin-node-10 {
1271
+ .ResponsiveBehaviorElementsFixed-Vector_5 {
1407
1272
  transform-box: fill-box;
1408
- transform-origin: 0px 0px;
1409
- animation: MaxMin-node-10-transform 3375ms linear infinite both;
1273
+ transform-origin: 50% 50%;
1274
+ animation: ResponsiveBehaviorElementsFixed-Vector_5-transform 3375ms linear infinite both;
1410
1275
  }
1411
1276
 
1412
- @keyframes MaxMin-node-10-transform {
1277
+ @keyframes ResponsiveBehaviorElementsFixed-Vector_5-transform {
1413
1278
  0% {
1414
- transform: translate(0px, 0px) scale(1, 1);
1415
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1416
- }
1417
- 32.088889% {
1418
- transform: translate(-6px, -40px) scale(1.74, 1.74);
1279
+ transform: translate(37.2px, 0px);
1419
1280
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1420
1281
  }
1421
- 64.207407% {
1422
- transform: translate(-6px, -40px) scale(1.74, 1.74);
1282
+ 49.382716% {
1283
+ transform: translate(0px, 0px);
1423
1284
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1424
1285
  }
1425
- 98.755556% {
1426
- transform: translate(0px, 0px) scale(1, 1);
1286
+ 98.765432% {
1287
+ transform: translate(37.2px, 0px);
1427
1288
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1428
1289
  }
1429
1290
  100% {
1430
- transform: translate(0px, 0px) scale(1, 1);
1291
+ transform: translate(37.2px, 0px);
1431
1292
  }
1432
1293
  }
1433
1294
 
1434
- .MaxMin-node-2 {
1295
+ .ResponsiveBehaviorElementsFixed-rect-msbreia1-12 {
1435
1296
  transform-box: fill-box;
1436
1297
  transform-origin: 50% 50%;
1437
- animation: MaxMin-node-2-transform 3375ms linear infinite both;
1298
+ animation: ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform 3375ms linear infinite both;
1299
+ }
1300
+
1301
+ .ResponsiveBehaviorElementsFixed-rect-msbreia1-12-shape {
1302
+ animation:
1303
+ ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width 3375ms linear infinite both,
1304
+ ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height 3375ms linear infinite both;
1438
1305
  }
1439
1306
 
1440
- @keyframes MaxMin-node-2-transform {
1307
+ @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform {
1441
1308
  0% {
1442
- transform: translate(-1px, 0px);
1443
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1444
- }
1445
- 32.088889% {
1446
- transform: translate(-12px, 0px);
1309
+ transform: translate(-23.6px, 8px);
1447
1310
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1448
1311
  }
1449
- 64.207407% {
1450
- transform: translate(-23px, 0px);
1312
+ 49.382716% {
1313
+ transform: translate(13.5px, 8px);
1451
1314
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1452
1315
  }
1453
- 98.755556% {
1454
- transform: translate(-1px, 0px);
1316
+ 98.765432% {
1317
+ transform: translate(-23.6px, 8px);
1455
1318
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1456
1319
  }
1457
1320
  100% {
1458
- transform: translate(-1px, 0px);
1321
+ transform: translate(-23.6px, 8px);
1459
1322
  }
1460
1323
  }
1461
1324
 
1462
- .MaxMin-node-3 {
1463
- transform-box: fill-box;
1464
- transform-origin: 50% 50%;
1465
- animation: MaxMin-node-3-transform 3375ms linear infinite both;
1466
- }
1467
-
1468
- @keyframes MaxMin-node-3-transform {
1325
+ @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width {
1469
1326
  0% {
1470
- transform: translate(-0.043px, 0px);
1327
+ width: 147px;
1471
1328
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1472
1329
  }
1473
- 32.088889% {
1474
- transform: translate(11.957px, 0px);
1330
+ 49.382716% {
1331
+ width: 73px;
1475
1332
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1476
1333
  }
1477
- 64.207407% {
1478
- transform: translate(23.504px, 0px);
1479
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1334
+ 98.765432% {
1335
+ width: 147px;
1336
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1480
1337
  }
1481
- 98.755556% {
1482
- transform: translate(-0.043px, 0px);
1483
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1338
+ 100% {
1339
+ width: 147px;
1340
+ }
1341
+ }
1342
+
1343
+ @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height {
1344
+ 0% {
1345
+ height: 81px;
1484
1346
  }
1485
1347
  100% {
1486
- transform: translate(-0.043px, 0px);
1348
+ height: 81px;
1487
1349
  }
1488
1350
  }
1351
+
1489
1352
 
1490
- .MaxMin-node-8 {
1491
- transform-box: fill-box;
1492
- transform-origin: 50% 50%;
1493
- animation: MaxMin-node-8-transform 3375ms linear infinite both;
1353
+ /* ResponsiveBehaviorElementsRelativeWidth */
1354
+
1355
+ .ResponsiveBehaviorElementsRelativeWidth-root {
1356
+ max-width: 100%;
1357
+ height: auto;
1494
1358
  }
1495
1359
 
1496
- .MaxMin-node-8-shape {
1497
- animation: MaxMin-node-8-width 3375ms linear infinite both;
1360
+ .ResponsiveBehaviorElementsRelativeWidth-root {
1361
+ --color-1: #002294;
1362
+ --color-2: #B8C4FF;
1363
+ --color-3: #D9D9D9;
1364
+ --color-4: #303030;
1365
+ --color-5: #F8F6F6;
1366
+ --color-6: #EAEFFF;
1367
+ }
1368
+
1369
+ .ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4 {
1370
+ transform-box: fill-box;
1371
+ transform-origin: 50% 50%;
1372
+ animation: ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4-transform 3375ms linear infinite both;
1498
1373
  }
1499
1374
 
1500
- @keyframes MaxMin-node-8-transform {
1375
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4-transform {
1501
1376
  0% {
1502
- transform: translate(12.5852px, 0px);
1503
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1504
- }
1505
- 32.088889% {
1506
- transform: translate(0px, -4px);
1377
+ transform: scale(1, 1);
1507
1378
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1508
1379
  }
1509
- 64.207407% {
1510
- transform: translate(0px, -4px);
1380
+ 49.392593% {
1381
+ transform: scale(0.56, 1);
1511
1382
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1512
1383
  }
1513
1384
  98.755556% {
1514
- transform: translate(12.5852px, 0px);
1515
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1385
+ transform: scale(1, 1);
1386
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1516
1387
  }
1517
1388
  100% {
1518
- transform: translate(12.5852px, 0px);
1389
+ transform: scale(1, 1);
1519
1390
  }
1520
1391
  }
1521
1392
 
1522
- @keyframes MaxMin-node-8-width {
1393
+ .ResponsiveBehaviorElementsRelativeWidth-node-10-3 {
1394
+ transform-box: fill-box;
1395
+ transform-origin: 50% 50%;
1396
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-10-3-transform 3375ms linear infinite both;
1397
+ }
1398
+
1399
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-10-3-transform {
1523
1400
  0% {
1524
- width: 33.8296px;
1525
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1526
- }
1527
- 32.088889% {
1528
- width: 59px;
1401
+ transform: translate(0px, 0px);
1529
1402
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1530
1403
  }
1531
- 64.207407% {
1532
- width: 59px;
1404
+ 49.392593% {
1405
+ transform: translate(9px, 0px);
1533
1406
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1534
1407
  }
1535
1408
  98.755556% {
1536
- width: 33.8296px;
1537
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1409
+ transform: translate(0px, 0px);
1410
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1538
1411
  }
1539
1412
  100% {
1540
- width: 33.8296px;
1413
+ transform: translate(0px, 0px);
1541
1414
  }
1542
1415
  }
1543
1416
 
1544
- .MaxMin-node-9 {
1417
+ .ResponsiveBehaviorElementsRelativeWidth-node-14-3 {
1545
1418
  transform-box: fill-box;
1546
1419
  transform-origin: 50% 50%;
1547
- animation: MaxMin-node-9-transform 3375ms linear infinite both;
1548
- }
1549
-
1550
- .MaxMin-node-9-shape {
1551
- animation: MaxMin-node-9-width 3375ms linear infinite both;
1420
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-14-3-transform 3375ms linear infinite both;
1552
1421
  }
1553
1422
 
1554
- @keyframes MaxMin-node-9-transform {
1423
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-14-3-transform {
1555
1424
  0% {
1556
- transform: translate(6.77335px, 0px);
1557
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1558
- }
1559
- 32.088889% {
1560
- transform: translate(0px, -4px);
1561
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1562
- }
1563
- 32.118519% {
1564
- transform: translate(0px, -4px);
1425
+ transform: translate(0px, 0px);
1565
1426
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1566
1427
  }
1567
- 64.207407% {
1568
- transform: translate(0px, -4px);
1428
+ 49.392593% {
1429
+ transform: translate(37px, 0px);
1569
1430
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1570
1431
  }
1571
1432
  98.755556% {
1572
- transform: translate(6.77335px, 0px);
1573
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1433
+ transform: translate(0px, 0px);
1434
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1574
1435
  }
1575
1436
  100% {
1576
- transform: translate(6.77335px, 0px);
1437
+ transform: translate(0px, 0px);
1577
1438
  }
1578
1439
  }
1579
1440
 
1580
- @keyframes MaxMin-node-9-width {
1441
+ .ResponsiveBehaviorElementsRelativeWidth-node-15 {
1442
+ transform-box: fill-box;
1443
+ transform-origin: 50% 50%;
1444
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-15-transform 3375ms linear infinite both;
1445
+ }
1446
+
1447
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-15-transform {
1581
1448
  0% {
1582
- width: 18.4533px;
1583
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1584
- }
1585
- 32.088889% {
1586
- width: 32px;
1449
+ transform: translate(0px, 0px);
1587
1450
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1588
1451
  }
1589
- 64.207407% {
1590
- width: 32px;
1452
+ 49.392593% {
1453
+ transform: translate(-37px, 0px);
1591
1454
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1592
1455
  }
1593
1456
  98.755556% {
1594
- width: 18.4533px;
1595
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1457
+ transform: translate(0px, 0px);
1458
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1596
1459
  }
1597
1460
  100% {
1598
- width: 18.4533px;
1461
+ transform: translate(0px, 0px);
1599
1462
  }
1600
1463
  }
1601
1464
 
1602
- .MaxMin-rect-msbm1tdl-9 {
1465
+ .ResponsiveBehaviorElementsRelativeWidth-node-16 {
1603
1466
  transform-box: fill-box;
1604
1467
  transform-origin: 50% 50%;
1605
- animation: MaxMin-rect-msbm1tdl-9-transform 3375ms linear infinite both;
1468
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-16-transform 3375ms linear infinite both;
1606
1469
  }
1607
1470
 
1608
- .MaxMin-rect-msbm1tdl-9-shape {
1609
- animation:
1610
- MaxMin-rect-msbm1tdl-9-width 3375ms linear infinite both,
1611
- MaxMin-rect-msbm1tdl-9-height 3375ms linear infinite both;
1471
+ .ResponsiveBehaviorElementsRelativeWidth-node-16-shape {
1472
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-16-width 3375ms linear infinite both;
1612
1473
  }
1613
1474
 
1614
- @keyframes MaxMin-rect-msbm1tdl-9-transform {
1475
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-16-transform {
1615
1476
  0% {
1616
- transform: translate(12px, 0px);
1617
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1618
- }
1619
- 32.088889% {
1620
- transform: translate(0px, 0px);
1477
+ transform: translate(-24px, 0px);
1621
1478
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1622
1479
  }
1623
- 64.207407% {
1480
+ 49.392593% {
1624
1481
  transform: translate(0px, 0px);
1625
1482
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1626
1483
  }
1627
1484
  98.755556% {
1628
- transform: translate(12px, 0px);
1629
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1485
+ transform: translate(-24px, 0px);
1486
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1630
1487
  }
1631
1488
  100% {
1632
- transform: translate(12px, 0px);
1489
+ transform: translate(-24px, 0px);
1633
1490
  }
1634
1491
  }
1635
1492
 
1636
- @keyframes MaxMin-rect-msbm1tdl-9-width {
1493
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-16-width {
1637
1494
  0% {
1638
1495
  width: 100px;
1639
1496
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1640
1497
  }
1641
- 32.088889% {
1642
- width: 124px;
1643
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1644
- }
1645
- 64.207407% {
1646
- width: 124px;
1498
+ 49.392593% {
1499
+ width: 52px;
1647
1500
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1648
1501
  }
1649
1502
  98.755556% {
1650
1503
  width: 100px;
1651
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1504
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1652
1505
  }
1653
1506
  100% {
1654
1507
  width: 100px;
1655
1508
  }
1656
1509
  }
1657
1510
 
1658
- @keyframes MaxMin-rect-msbm1tdl-9-height {
1511
+ .ResponsiveBehaviorElementsRelativeWidth-node-4-3 {
1512
+ transform-box: fill-box;
1513
+ transform-origin: 50% 50%;
1514
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-4-3-transform 3375ms linear infinite both;
1515
+ }
1516
+
1517
+ .ResponsiveBehaviorElementsRelativeWidth-node-4-3-shape {
1518
+ animation: ResponsiveBehaviorElementsRelativeWidth-node-4-3-width 3375ms linear infinite both;
1519
+ }
1520
+
1521
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-4-3-transform {
1659
1522
  0% {
1660
- height: 60px;
1661
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1662
- }
1663
- 32.088889% {
1664
- height: 60px;
1523
+ transform: translate(-37px, 0px);
1665
1524
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1666
1525
  }
1667
- 64.207407% {
1668
- height: 60px;
1526
+ 49.392593% {
1527
+ transform: translate(0px, 0px);
1669
1528
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1670
1529
  }
1671
1530
  98.755556% {
1672
- height: 60px;
1673
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1531
+ transform: translate(-37px, 0px);
1532
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1674
1533
  }
1675
1534
  100% {
1676
- height: 60px;
1535
+ transform: translate(-37px, 0px);
1677
1536
  }
1678
1537
  }
1679
1538
 
1680
- .MaxMin-rect-msbreia1-12 {
1681
- transform-box: fill-box;
1682
- transform-origin: 50% 50%;
1683
- animation: MaxMin-rect-msbreia1-12-transform 3375ms linear infinite both;
1684
- }
1685
-
1686
- .MaxMin-rect-msbreia1-12-shape {
1687
- animation:
1688
- MaxMin-rect-msbreia1-12-width 3375ms linear infinite both,
1689
- MaxMin-rect-msbreia1-12-height 3375ms linear infinite both;
1690
- }
1691
-
1692
- @keyframes MaxMin-rect-msbreia1-12-transform {
1539
+ @keyframes ResponsiveBehaviorElementsRelativeWidth-node-4-3-width {
1693
1540
  0% {
1694
- transform: translate(0px, 8px);
1695
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1696
- }
1697
- 32.088889% {
1698
- transform: translate(-12px, 8px);
1541
+ width: 147px;
1699
1542
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1700
1543
  }
1701
- 64.197531% {
1702
- transform: translate(-23px, 8px);
1544
+ 49.392593% {
1545
+ width: 73px;
1703
1546
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1704
1547
  }
1705
- 98.765432% {
1706
- transform: translate(0px, 8px);
1707
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1548
+ 98.755556% {
1549
+ width: 147px;
1550
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1708
1551
  }
1709
1552
  100% {
1710
- transform: translate(0px, 8px);
1553
+ width: 147px;
1711
1554
  }
1712
1555
  }
1713
1556
 
1714
- @keyframes MaxMin-rect-msbreia1-12-width {
1557
+ .ResponsiveBehaviorElementsRelativeWidth-node-7-3-shape {
1558
+ animation:
1559
+ node-7-3-width 3375ms linear infinite both,
1560
+ node-7-3-height 3375ms linear infinite both;
1561
+ }
1562
+
1563
+ @keyframes node-7-3-width {
1715
1564
  0% {
1716
1565
  width: 100px;
1717
1566
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1718
1567
  }
1719
- 32.088889% {
1720
- width: 124px;
1721
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1722
- }
1723
- 64.197531% {
1724
- width: 146px;
1725
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1726
- }
1727
- 98.765432% {
1728
- width: 100px;
1729
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1730
- }
1731
1568
  100% {
1732
1569
  width: 100px;
1733
1570
  }
1734
1571
  }
1735
1572
 
1736
- @keyframes MaxMin-rect-msbreia1-12-height {
1573
+ @keyframes node-7-3-height {
1737
1574
  0% {
1738
- height: 81px;
1739
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1740
- }
1741
- 32.088889% {
1742
- height: 81px;
1743
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1744
- }
1745
- 64.197531% {
1746
- height: 81px;
1747
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1748
- }
1749
- 98.765432% {
1750
- height: 81px;
1575
+ height: 58px;
1751
1576
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1752
1577
  }
1753
1578
  100% {
1754
- height: 81px;
1579
+ height: 58px;
1755
1580
  }
1756
1581
  }
1757
1582
 
1758
1583
 
1759
- /* MobileAlgoFast */
1584
+ /* ResponsiveBehaviorElementsScaleProportionally */
1760
1585
 
1761
- .MobileAlgoFast-root {
1586
+ .ResponsiveBehaviorElementsScaleProportionally-root {
1762
1587
  max-width: 100%;
1763
1588
  height: auto;
1764
1589
  }
1765
1590
 
1766
- .MobileAlgoFast-root {
1767
- --color-1: #303030;
1768
- --color-2: #002294;
1769
- --color-3: #B8C4FF;
1770
- --color-4: #F8F6F6;
1771
- --color-5: #18a0fb;
1772
- --color-6: #0d8ae0;
1773
- --color-7: #f8f6f6;
1591
+ .ResponsiveBehaviorElementsScaleProportionally-root {
1592
+ --color-1: #002294;
1593
+ --color-2: #303030;
1594
+ --color-3: #F8F6F6;
1595
+ --color-4: #B8C4FF;
1596
+ --color-5: #EAEFFF;
1597
+ --color-6: #18a0fb;
1598
+ --color-7: #0d8ae0;
1774
1599
  }
1775
1600
 
1776
- .MobileAlgoFast-group-msbrk4t8-13-2 {
1777
- animation: MobileAlgoFast-group-msbrk4t8-13-2-opacity 3375ms linear infinite both;
1601
+ .ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d {
1602
+ transform-box: fill-box;
1603
+ transform-origin: 50% 50%;
1604
+ animation: ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d-transform 3375ms linear infinite both;
1778
1605
  }
1779
1606
 
1780
- @keyframes MobileAlgoFast-group-msbrk4t8-13-2-opacity {
1607
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d-transform {
1781
1608
  0% {
1782
- opacity: 0;
1783
- }
1784
- 24.680481% {
1785
- opacity: 0;
1786
- }
1787
- 24.681481% {
1788
- opacity: 1;
1609
+ transform: translate(0px, 0px) scale(1, 1);
1610
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1789
1611
  }
1790
- 74.074074% {
1791
- opacity: 1;
1612
+ 49.392593% {
1613
+ transform: translate(0px, -3px) scale(0.38, 0.45);
1614
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1792
1615
  }
1793
- 74.075074% {
1794
- opacity: 0;
1616
+ 98.755556% {
1617
+ transform: translate(0px, 0px) scale(1, 1);
1618
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1795
1619
  }
1796
1620
  100% {
1797
- opacity: 0;
1621
+ transform: translate(0px, 0px) scale(1, 1);
1798
1622
  }
1799
1623
  }
1800
1624
 
1801
- .MobileAlgoFast-group-msbrl69e-14 {
1802
- animation: MobileAlgoFast-group-msbrl69e-14-opacity 3375ms linear infinite both;
1625
+ .ResponsiveBehaviorElementsScaleProportionally-node-11 {
1626
+ transform-box: fill-box;
1627
+ transform-origin: 50% 50%;
1628
+ animation: ResponsiveBehaviorElementsScaleProportionally-node-11-transform 3375ms linear infinite both;
1803
1629
  }
1804
1630
 
1805
- @keyframes MobileAlgoFast-group-msbrl69e-14-opacity {
1631
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-node-11-transform {
1806
1632
  0% {
1807
- opacity: 1;
1808
- animation-timing-function: steps(1, jump-end);
1633
+ transform: translate(0px, 0px) scale(1, 1);
1634
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1809
1635
  }
1810
- 24.681481% {
1811
- opacity: 0;
1812
- animation-timing-function: steps(1, jump-end);
1636
+ 49.392593% {
1637
+ transform: translate(10px, 10px) scale(0.43, 0.43);
1638
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1813
1639
  }
1814
- 74.074074% {
1815
- opacity: 1;
1816
- animation-timing-function: steps(1, jump-end);
1640
+ 98.755556% {
1641
+ transform: translate(0px, 0px) scale(1, 1);
1642
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1817
1643
  }
1818
1644
  100% {
1819
- opacity: 1;
1645
+ transform: translate(0px, 0px) scale(1, 1);
1820
1646
  }
1821
1647
  }
1822
1648
 
1823
- .MobileAlgoFast-node-11-2 {
1649
+ .ResponsiveBehaviorElementsScaleProportionally-node-4 {
1824
1650
  transform-box: fill-box;
1825
1651
  transform-origin: 50% 50%;
1826
- animation: MobileAlgoFast-node-11-2-transform 3375ms linear infinite both;
1652
+ animation: ResponsiveBehaviorElementsScaleProportionally-node-4-transform 3375ms linear infinite both;
1827
1653
  }
1828
1654
 
1829
- .MobileAlgoFast-node-11-2-shape {
1830
- animation: MobileAlgoFast-node-11-2-width 3375ms linear infinite both;
1655
+ .ResponsiveBehaviorElementsScaleProportionally-node-4-shape {
1656
+ animation: ResponsiveBehaviorElementsScaleProportionally-node-4-width 3375ms linear infinite both;
1831
1657
  }
1832
1658
 
1833
- @keyframes MobileAlgoFast-node-11-2-transform {
1659
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-node-4-transform {
1834
1660
  0% {
1835
- transform: translate(-15.4814px, 0px);
1661
+ transform: translate(-37px, 0px);
1836
1662
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1837
1663
  }
1838
1664
  49.392593% {
1839
- transform: translate(0px, -15px);
1665
+ transform: translate(0px, 0px);
1840
1666
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1841
1667
  }
1842
1668
  98.755556% {
1843
- transform: translate(-15.4814px, 0px);
1844
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1669
+ transform: translate(-37px, 0px);
1670
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1845
1671
  }
1846
1672
  100% {
1847
- transform: translate(-15.4814px, 0px);
1673
+ transform: translate(-37px, 0px);
1848
1674
  }
1849
1675
  }
1850
1676
 
1851
- @keyframes MobileAlgoFast-node-11-2-width {
1677
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-node-4-width {
1852
1678
  0% {
1853
- width: 58.9628px;
1679
+ width: 147px;
1854
1680
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1855
1681
  }
1856
1682
  49.392593% {
1857
- width: 28px;
1683
+ width: 73px;
1858
1684
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1859
1685
  }
1860
1686
  98.755556% {
1861
- width: 58.9628px;
1862
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1687
+ width: 147px;
1688
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1863
1689
  }
1864
1690
  100% {
1865
- width: 58.9628px;
1691
+ width: 147px;
1866
1692
  }
1867
1693
  }
1868
1694
 
1869
- .MobileAlgoFast-node-11-3 {
1695
+ .ResponsiveBehaviorElementsScaleProportionally-node-5 {
1870
1696
  transform-box: fill-box;
1871
1697
  transform-origin: 50% 50%;
1872
- animation: MobileAlgoFast-node-11-3-transform 3375ms linear infinite both;
1698
+ animation: ResponsiveBehaviorElementsScaleProportionally-node-5-transform 3375ms linear infinite both;
1873
1699
  }
1874
1700
 
1875
- @keyframes MobileAlgoFast-node-11-3-transform {
1701
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-node-5-transform {
1876
1702
  0% {
1877
- transform: translate(-14px, 3px);
1878
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1703
+ transform: translate(0px, 0px);
1704
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1879
1705
  }
1880
- 24.681481% {
1881
- transform: translate(-14px, 3px);
1882
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1706
+ 49.392593% {
1707
+ transform: translate(37px, 0px);
1708
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1883
1709
  }
1884
- 44.444444% {
1885
- transform: translate(0px, 3px);
1710
+ 98.755556% {
1711
+ transform: translate(0px, 0px);
1712
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1886
1713
  }
1887
- 54.320988% {
1888
- transform: translate(0px, 3px);
1889
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1714
+ 100% {
1715
+ transform: translate(0px, 0px);
1890
1716
  }
1891
- 74.074074% {
1892
- transform: translate(-14px, 3px);
1717
+ }
1718
+
1719
+ .ResponsiveBehaviorElementsScaleProportionally-node-6 {
1720
+ transform-box: fill-box;
1721
+ transform-origin: 50% 50%;
1722
+ animation: ResponsiveBehaviorElementsScaleProportionally-node-6-transform 3375ms linear infinite both;
1723
+ }
1724
+
1725
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-node-6-transform {
1726
+ 0% {
1727
+ transform: translate(0px, 0px);
1728
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1729
+ }
1730
+ 49.392593% {
1731
+ transform: translate(-37px, 0px);
1732
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1733
+ }
1734
+ 98.755556% {
1735
+ transform: translate(0px, 0px);
1736
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
1893
1737
  }
1894
1738
  100% {
1895
- transform: translate(-14px, 3px);
1739
+ transform: translate(0px, 0px);
1896
1740
  }
1897
1741
  }
1898
1742
 
1899
- .MobileAlgoFast-node-12 {
1743
+ .ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k {
1900
1744
  transform-box: fill-box;
1901
1745
  transform-origin: 50% 50%;
1902
- animation: MobileAlgoFast-node-12-transform 3375ms linear infinite both;
1746
+ animation: ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-transform 3375ms linear infinite both;
1903
1747
  }
1904
1748
 
1905
- .MobileAlgoFast-node-12-shape {
1906
- animation: MobileAlgoFast-node-12-width 3375ms linear infinite both;
1749
+ .ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-shape {
1750
+ animation:
1751
+ ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-rx 3375ms linear infinite both,
1752
+ ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-ry 3375ms linear infinite both,
1753
+ ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-width 3375ms linear infinite both,
1754
+ ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-height 3375ms linear infinite both;
1907
1755
  }
1908
1756
 
1909
- @keyframes MobileAlgoFast-node-12-transform {
1757
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-transform {
1910
1758
  0% {
1911
- transform: translate(-8.58075px, 0px);
1759
+ transform: translate(-31px, -15px);
1912
1760
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1913
1761
  }
1914
1762
  49.392593% {
1915
- transform: translate(0px, -15px);
1763
+ transform: translate(0px, 0px);
1916
1764
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1917
1765
  }
1918
1766
  98.755556% {
1919
- transform: translate(-8.58075px, 0px);
1920
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1767
+ transform: translate(-31px, -15px);
1921
1768
  }
1922
1769
  100% {
1923
- transform: translate(-8.58075px, 0px);
1770
+ transform: translate(-31px, -15px);
1924
1771
  }
1925
1772
  }
1926
1773
 
1927
- @keyframes MobileAlgoFast-node-12-width {
1774
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-rx {
1928
1775
  0% {
1929
- width: 32.1615px;
1776
+ rx: 4px;
1930
1777
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1931
1778
  }
1932
1779
  49.392593% {
1933
- width: 15px;
1780
+ rx: 3px;
1934
1781
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1935
1782
  }
1936
1783
  98.755556% {
1937
- width: 32.1615px;
1938
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1784
+ rx: 4px;
1939
1785
  }
1940
1786
  100% {
1941
- width: 32.1615px;
1787
+ rx: 4px;
1942
1788
  }
1943
1789
  }
1944
1790
 
1945
- .MobileAlgoFast-node-13 {
1946
- transform-box: fill-box;
1947
- transform-origin: 50% 50%;
1948
- animation: MobileAlgoFast-node-13-transform 3375ms linear infinite both;
1949
- }
1950
-
1951
- @keyframes MobileAlgoFast-node-13-transform {
1791
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-ry {
1952
1792
  0% {
1953
- transform: translate(0px, 0px);
1954
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1793
+ ry: 4px;
1794
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1955
1795
  }
1956
- 4.948148% {
1957
- transform: translate(0px, 0px);
1958
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1796
+ 49.392593% {
1797
+ ry: 3px;
1798
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1959
1799
  }
1960
- 24.681481% {
1961
- transform: translate(2px, -11.97119px);
1800
+ 98.755556% {
1801
+ ry: 4px;
1962
1802
  }
1963
- 24.691358% {
1964
- transform: translate(2.0004px, -12px);
1803
+ 100% {
1804
+ ry: 4px;
1965
1805
  }
1966
- 74.074074% {
1967
- transform: translate(4px, -11px);
1968
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1806
+ }
1807
+
1808
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-width {
1809
+ 0% {
1810
+ width: 100px;
1811
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1969
1812
  }
1970
- 95.051852% {
1971
- transform: translate(0.000004px, 0px);
1813
+ 49.392593% {
1814
+ width: 38px;
1815
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1972
1816
  }
1973
- 95.081481% {
1974
- transform: translate(0px, 0px);
1817
+ 98.755556% {
1818
+ width: 100px;
1975
1819
  }
1976
1820
  100% {
1977
- transform: translate(0px, 0px);
1821
+ width: 100px;
1978
1822
  }
1979
1823
  }
1980
1824
 
1981
- .MobileAlgoFast-node-17 {
1982
- transform-box: fill-box;
1983
- transform-origin: 50% 50%;
1984
- animation: MobileAlgoFast-node-17-transform 3375ms linear infinite both;
1985
- }
1986
-
1987
- @keyframes MobileAlgoFast-node-17-transform {
1825
+ @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-height {
1988
1826
  0% {
1989
- transform: translate(0px, 0px);
1990
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1827
+ height: 58px;
1828
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1991
1829
  }
1992
- 24.691358% {
1993
- transform: translate(0px, 0px);
1994
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1830
+ 49.392593% {
1831
+ height: 28px;
1832
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1995
1833
  }
1996
- 44.444444% {
1997
- transform: translate(-0.043px, 0.297px);
1998
- }
1999
- 54.320988% {
2000
- transform: translate(-0.043px, 0.297px);
2001
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2002
- }
2003
- 74.074074% {
2004
- transform: translate(0px, 0px);
1834
+ 98.755556% {
1835
+ height: 58px;
2005
1836
  }
2006
1837
  100% {
2007
- transform: translate(0px, 0px);
1838
+ height: 58px;
2008
1839
  }
2009
1840
  }
1841
+
1842
+
1843
+ /* ResponsiveBehaviorElementsScaleWithLimits */
1844
+
1845
+ .ResponsiveBehaviorElementsScaleWithLimits-root {
1846
+ max-width: 100%;
1847
+ height: auto;
1848
+ }
1849
+
1850
+ .ResponsiveBehaviorElementsScaleWithLimits-root {
1851
+ --color-1: #303030;
1852
+ --color-2: #002294;
1853
+ --color-3: #B8C4FF;
1854
+ --color-4: #F8F6F6;
1855
+ --color-5: #18a0fb;
1856
+ --color-6: #0d8ae0;
1857
+ }
2010
1858
 
2011
- .MobileAlgoFast-node-19-2-2 {
1859
+ .ResponsiveBehaviorElementsScaleWithLimits-node-1-4 {
2012
1860
  transform-box: fill-box;
2013
1861
  transform-origin: 50% 50%;
2014
- animation: MobileAlgoFast-node-19-2-2-transform 3375ms linear infinite both;
1862
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-1-4-transform 3375ms linear infinite both;
2015
1863
  }
2016
1864
 
2017
- @keyframes MobileAlgoFast-node-19-2-2-transform {
1865
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-1-4-transform {
2018
1866
  0% {
2019
- transform: translate(14px, -3px);
2020
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2021
- }
2022
- 24.681481% {
2023
- transform: translate(14px, -3px);
2024
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1867
+ transform: translate(68px, -25px);
1868
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2025
1869
  }
2026
- 44.444444% {
2027
- transform: translate(0px, -3px);
1870
+ 32.088889% {
1871
+ transform: translate(55px, -25px);
1872
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2028
1873
  }
2029
- 54.320988% {
2030
- transform: translate(0px, -3px);
2031
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
1874
+ 64.207407% {
1875
+ transform: translate(44px, -18px);
1876
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2032
1877
  }
2033
- 74.074074% {
2034
- transform: translate(14px, -3px);
1878
+ 98.755556% {
1879
+ transform: translate(68px, -25px);
1880
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2035
1881
  }
2036
1882
  100% {
2037
- transform: translate(14px, -3px);
1883
+ transform: translate(68px, -25px);
2038
1884
  }
2039
1885
  }
2040
1886
 
2041
- .MobileAlgoFast-node-2-3 {
1887
+ .ResponsiveBehaviorElementsScaleWithLimits-node-10 {
2042
1888
  transform-box: fill-box;
2043
- transform-origin: 50% 50%;
2044
- animation: MobileAlgoFast-node-2-3-transform 3375ms linear infinite both;
1889
+ transform-origin: 0px 0px;
1890
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-10-transform 3375ms linear infinite both;
2045
1891
  }
2046
1892
 
2047
- @keyframes MobileAlgoFast-node-2-3-transform {
1893
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-10-transform {
2048
1894
  0% {
2049
- transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
1895
+ transform: translate(0px, 0px) scale(1, 1);
2050
1896
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2051
1897
  }
2052
- 49.392593% {
2053
- transform: translate(-24.695009px, 45.647px) scale(1.23, 1.23);
1898
+ 32.088889% {
1899
+ transform: translate(-6px, -40px) scale(1.74, 1.74);
1900
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1901
+ }
1902
+ 64.207407% {
1903
+ transform: translate(-6px, -40px) scale(1.74, 1.74);
2054
1904
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2055
1905
  }
2056
1906
  98.755556% {
2057
- transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
1907
+ transform: translate(0px, 0px) scale(1, 1);
2058
1908
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2059
1909
  }
2060
1910
  100% {
2061
- transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
1911
+ transform: translate(0px, 0px) scale(1, 1);
2062
1912
  }
2063
1913
  }
2064
1914
 
2065
- .MobileAlgoFast-node-21 {
1915
+ .ResponsiveBehaviorElementsScaleWithLimits-node-2 {
2066
1916
  transform-box: fill-box;
2067
1917
  transform-origin: 50% 50%;
2068
- animation: MobileAlgoFast-node-21-transform 3375ms linear infinite both;
1918
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-2-transform 3375ms linear infinite both;
2069
1919
  }
2070
1920
 
2071
- @keyframes MobileAlgoFast-node-21-transform {
1921
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-2-transform {
2072
1922
  0% {
2073
- transform: translate(0px, 0px);
2074
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2075
- }
2076
- 4.948148% {
2077
- transform: translate(0px, 0px);
2078
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2079
- }
2080
- 24.681481% {
2081
- transform: translate(-2px, 11.97119px);
2082
- }
2083
- 24.691358% {
2084
- transform: translate(-2.0004px, 12px);
1923
+ transform: translate(-1px, 0px);
1924
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2085
1925
  }
2086
- 74.074074% {
2087
- transform: translate(-4px, 12px);
2088
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1926
+ 32.088889% {
1927
+ transform: translate(-12px, 0px);
1928
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2089
1929
  }
2090
- 95.051852% {
2091
- transform: translate(-0.000004px, 0px);
1930
+ 64.207407% {
1931
+ transform: translate(-23px, 0px);
1932
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2092
1933
  }
2093
- 95.081481% {
2094
- transform: translate(0px, 0px);
1934
+ 98.755556% {
1935
+ transform: translate(-1px, 0px);
1936
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2095
1937
  }
2096
1938
  100% {
2097
- transform: translate(0px, 0px);
1939
+ transform: translate(-1px, 0px);
2098
1940
  }
2099
1941
  }
2100
1942
 
2101
- .MobileAlgoFast-node-3-2 {
1943
+ .ResponsiveBehaviorElementsScaleWithLimits-node-3 {
2102
1944
  transform-box: fill-box;
2103
1945
  transform-origin: 50% 50%;
2104
- animation: MobileAlgoFast-node-3-2-transform 3375ms linear infinite both;
1946
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-3-transform 3375ms linear infinite both;
2105
1947
  }
2106
1948
 
2107
- @keyframes MobileAlgoFast-node-3-2-transform {
1949
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-3-transform {
2108
1950
  0% {
2109
- transform: translate(0px, 0px);
1951
+ transform: translate(-0.043px, 0px);
2110
1952
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2111
1953
  }
2112
- 49.392593% {
2113
- transform: translate(50px, 0px);
1954
+ 32.088889% {
1955
+ transform: translate(11.957px, 0px);
1956
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1957
+ }
1958
+ 64.207407% {
1959
+ transform: translate(23.504px, 0px);
2114
1960
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2115
1961
  }
2116
1962
  98.755556% {
2117
- transform: translate(0px, 0px);
1963
+ transform: translate(-0.043px, 0px);
2118
1964
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2119
1965
  }
2120
1966
  100% {
2121
- transform: translate(0px, 0px);
1967
+ transform: translate(-0.043px, 0px);
2122
1968
  }
2123
1969
  }
2124
1970
 
2125
- .MobileAlgoFast-node-4-2 {
1971
+ .ResponsiveBehaviorElementsScaleWithLimits-node-8 {
2126
1972
  transform-box: fill-box;
2127
1973
  transform-origin: 50% 50%;
2128
- animation: MobileAlgoFast-node-4-2-transform 3375ms linear infinite both;
1974
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-8-transform 3375ms linear infinite both;
1975
+ }
1976
+
1977
+ .ResponsiveBehaviorElementsScaleWithLimits-node-8-shape {
1978
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-8-width 3375ms linear infinite both;
2129
1979
  }
2130
1980
 
2131
- @keyframes MobileAlgoFast-node-4-2-transform {
1981
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-8-transform {
2132
1982
  0% {
2133
- transform: translate(0px, 0px);
1983
+ transform: translate(12.5852px, 0px);
2134
1984
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2135
1985
  }
2136
- 49.392593% {
2137
- transform: translate(-50px, 0px);
1986
+ 32.088889% {
1987
+ transform: translate(0px, -4px);
1988
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
1989
+ }
1990
+ 64.207407% {
1991
+ transform: translate(0px, -4px);
2138
1992
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2139
1993
  }
2140
1994
  98.755556% {
2141
- transform: translate(0px, 0px);
1995
+ transform: translate(12.5852px, 0px);
2142
1996
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2143
1997
  }
2144
1998
  100% {
2145
- transform: translate(0px, 0px);
1999
+ transform: translate(12.5852px, 0px);
2146
2000
  }
2147
2001
  }
2148
2002
 
2149
- .MobileAlgoFast-rect-msbrdyhf-11 {
2150
- transform-box: fill-box;
2151
- transform-origin: 50% 50%;
2152
- animation: MobileAlgoFast-rect-msbrdyhf-11-transform 3375ms linear infinite both;
2153
- }
2154
-
2155
- .MobileAlgoFast-rect-msbrdyhf-11-shape {
2156
- animation:
2157
- MobileAlgoFast-rect-msbrdyhf-11-width 3375ms linear infinite both,
2158
- MobileAlgoFast-rect-msbrdyhf-11-height 3375ms linear infinite both;
2159
- }
2160
-
2161
- @keyframes MobileAlgoFast-rect-msbrdyhf-11-transform {
2003
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-8-width {
2162
2004
  0% {
2163
- transform: translate(-50.5px, 18.5px);
2005
+ width: 33.8296px;
2164
2006
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2165
2007
  }
2166
- 49.392593% {
2167
- transform: translate(0px, 0px);
2008
+ 32.088889% {
2009
+ width: 59px;
2010
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2011
+ }
2012
+ 64.207407% {
2013
+ width: 59px;
2168
2014
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2169
2015
  }
2170
2016
  98.755556% {
2171
- transform: translate(-50.5px, 18.5px);
2017
+ width: 33.8296px;
2172
2018
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2173
2019
  }
2174
2020
  100% {
2175
- transform: translate(-50.5px, 18.5px);
2021
+ width: 33.8296px;
2176
2022
  }
2177
2023
  }
2178
2024
 
2179
- @keyframes MobileAlgoFast-rect-msbrdyhf-11-width {
2025
+ .ResponsiveBehaviorElementsScaleWithLimits-node-9 {
2026
+ transform-box: fill-box;
2027
+ transform-origin: 50% 50%;
2028
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-9-transform 3375ms linear infinite both;
2029
+ }
2030
+
2031
+ .ResponsiveBehaviorElementsScaleWithLimits-node-9-shape {
2032
+ animation: ResponsiveBehaviorElementsScaleWithLimits-node-9-width 3375ms linear infinite both;
2033
+ }
2034
+
2035
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-9-transform {
2180
2036
  0% {
2181
- width: 147px;
2037
+ transform: translate(6.77335px, 0px);
2182
2038
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2183
2039
  }
2184
- 49.392593% {
2185
- width: 46px;
2040
+ 32.088889% {
2041
+ transform: translate(0px, -4px);
2042
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2043
+ }
2044
+ 32.118519% {
2045
+ transform: translate(0px, -4px);
2046
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2047
+ }
2048
+ 64.207407% {
2049
+ transform: translate(0px, -4px);
2186
2050
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2187
2051
  }
2188
2052
  98.755556% {
2189
- width: 147px;
2053
+ transform: translate(6.77335px, 0px);
2190
2054
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2191
2055
  }
2192
2056
  100% {
2193
- width: 147px;
2057
+ transform: translate(6.77335px, 0px);
2194
2058
  }
2195
2059
  }
2196
2060
 
2197
- @keyframes MobileAlgoFast-rect-msbrdyhf-11-height {
2061
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-node-9-width {
2198
2062
  0% {
2199
- height: 60px;
2063
+ width: 18.4533px;
2200
2064
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2201
2065
  }
2202
- 49.392593% {
2203
- height: 97px;
2066
+ 32.088889% {
2067
+ width: 32px;
2068
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2069
+ }
2070
+ 64.207407% {
2071
+ width: 32px;
2204
2072
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2205
2073
  }
2206
2074
  98.755556% {
2207
- height: 60px;
2075
+ width: 18.4533px;
2208
2076
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2209
2077
  }
2210
2078
  100% {
2211
- height: 60px;
2079
+ width: 18.4533px;
2212
2080
  }
2213
2081
  }
2214
2082
 
2215
- .MobileAlgoFast-rect-msbreia1-12 {
2083
+ .ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9 {
2216
2084
  transform-box: fill-box;
2217
2085
  transform-origin: 50% 50%;
2218
- animation: MobileAlgoFast-rect-msbreia1-12-transform 3375ms linear infinite both;
2086
+ animation: ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-transform 3375ms linear infinite both;
2219
2087
  }
2220
2088
 
2221
- .MobileAlgoFast-rect-msbreia1-12-shape {
2089
+ .ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-shape {
2222
2090
  animation:
2223
- MobileAlgoFast-rect-msbreia1-12-width 3375ms linear infinite both,
2224
- MobileAlgoFast-rect-msbreia1-12-height 3375ms linear infinite both;
2091
+ ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-width 3375ms linear infinite both,
2092
+ ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-height 3375ms linear infinite both;
2225
2093
  }
2226
2094
 
2227
- @keyframes MobileAlgoFast-rect-msbreia1-12-transform {
2095
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-transform {
2228
2096
  0% {
2229
- transform: translate(-50.5px, 8px);
2097
+ transform: translate(12px, 0px);
2230
2098
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2231
2099
  }
2232
- 49.392593% {
2100
+ 32.088889% {
2101
+ transform: translate(0px, 0px);
2102
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2103
+ }
2104
+ 64.207407% {
2233
2105
  transform: translate(0px, 0px);
2234
2106
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2235
2107
  }
2236
2108
  98.755556% {
2237
- transform: translate(-50.5px, 8px);
2109
+ transform: translate(12px, 0px);
2238
2110
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2239
2111
  }
2240
2112
  100% {
2241
- transform: translate(-50.5px, 8px);
2113
+ transform: translate(12px, 0px);
2242
2114
  }
2243
2115
  }
2244
2116
 
2245
- @keyframes MobileAlgoFast-rect-msbreia1-12-width {
2117
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-width {
2246
2118
  0% {
2247
- width: 147px;
2119
+ width: 100px;
2248
2120
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2249
2121
  }
2250
- 49.392593% {
2251
- width: 46px;
2122
+ 32.088889% {
2123
+ width: 124px;
2124
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2125
+ }
2126
+ 64.207407% {
2127
+ width: 124px;
2252
2128
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2253
2129
  }
2254
2130
  98.755556% {
2255
- width: 147px;
2131
+ width: 100px;
2256
2132
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2257
2133
  }
2258
2134
  100% {
2259
- width: 147px;
2135
+ width: 100px;
2260
2136
  }
2261
2137
  }
2262
2138
 
2263
- @keyframes MobileAlgoFast-rect-msbreia1-12-height {
2139
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbm1tdl-9-height {
2264
2140
  0% {
2265
- height: 81px;
2141
+ height: 60px;
2266
2142
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2267
2143
  }
2268
- 49.392593% {
2269
- height: 97px;
2144
+ 32.088889% {
2145
+ height: 60px;
2146
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2147
+ }
2148
+ 64.207407% {
2149
+ height: 60px;
2270
2150
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2271
2151
  }
2272
2152
  98.755556% {
2273
- height: 81px;
2153
+ height: 60px;
2274
2154
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2275
2155
  }
2276
2156
  100% {
2277
- height: 81px;
2157
+ height: 60px;
2278
2158
  }
2279
2159
  }
2280
-
2281
-
2282
- /* ResponsiveBehaviorElementsAutoHeight */
2283
-
2284
- .ResponsiveBehaviorElementsAutoHeight-root {
2285
- max-width: 100%;
2286
- height: auto;
2287
- }
2288
-
2289
- .ResponsiveBehaviorElementsAutoHeight-root {
2290
- --color-1: #002294;
2291
- --color-2: #B8C4FF;
2292
- --color-3: #303030;
2293
- --color-4: #F8F6F6;
2294
- }
2295
2160
 
2296
- .ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape {
2161
+ .ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12 {
2297
2162
  transform-box: fill-box;
2298
2163
  transform-origin: 50% 50%;
2299
- animation: ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape-transform 3333ms linear infinite both;
2164
+ animation: ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-transform 3375ms linear infinite both;
2300
2165
  }
2301
2166
 
2302
- @keyframes ResponsiveBehaviorElementsAutoHeight-Illustration-Background-Shape-transform {
2167
+ .ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-shape {
2168
+ animation:
2169
+ ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-width 3375ms linear infinite both,
2170
+ ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-height 3375ms linear infinite both;
2171
+ }
2172
+
2173
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-transform {
2303
2174
  0% {
2304
- transform: translate(0px, 0px);
2175
+ transform: translate(0px, 8px);
2305
2176
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2306
2177
  }
2307
- 50.005001% {
2308
- transform: translate(37px, 9px);
2178
+ 32.088889% {
2179
+ transform: translate(-12px, 8px);
2309
2180
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2310
2181
  }
2311
- 100% {
2312
- transform: translate(0.000001px, 0px);
2313
- }
2314
- }
2315
-
2316
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724 {
2317
- transform-box: fill-box;
2318
- transform-origin: 50% 50%;
2319
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-transform 3333ms linear infinite both;
2320
- }
2321
-
2322
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-shape {
2323
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-width 3333ms linear infinite both;
2324
- }
2325
-
2326
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-transform {
2327
- 0% {
2328
- transform: translate(-26.5px, 0px);
2182
+ 64.197531% {
2183
+ transform: translate(-23px, 8px);
2329
2184
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2330
2185
  }
2331
- 50.005001% {
2332
- transform: translate(0px, 0px);
2186
+ 98.765432% {
2187
+ transform: translate(0px, 8px);
2333
2188
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2334
2189
  }
2335
2190
  100% {
2336
- transform: translate(-26.499999px, 0px);
2191
+ transform: translate(0px, 8px);
2337
2192
  }
2338
2193
  }
2339
2194
 
2340
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002724-width {
2195
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-width {
2341
2196
  0% {
2342
- width: 98px;
2197
+ width: 100px;
2343
2198
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2344
2199
  }
2345
- 50.005001% {
2346
- width: 45px;
2200
+ 32.088889% {
2201
+ width: 124px;
2347
2202
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2348
2203
  }
2349
- 100% {
2350
- width: 97.999999px;
2351
- }
2352
- }
2353
-
2354
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727 {
2355
- transform-box: fill-box;
2356
- transform-origin: 50% 50%;
2357
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-transform 3333ms linear infinite both;
2358
- }
2359
-
2360
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-shape {
2361
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-width 3333ms linear infinite both;
2362
- }
2363
-
2364
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-transform {
2365
- 0% {
2366
- transform: translate(-7.69445px, 0px);
2204
+ 64.197531% {
2205
+ width: 146px;
2367
2206
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2368
2207
  }
2369
- 50.005001% {
2370
- transform: translate(0px, 0px);
2208
+ 98.765432% {
2209
+ width: 100px;
2371
2210
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2372
2211
  }
2373
2212
  100% {
2374
- transform: translate(-7.69445px, 0px);
2213
+ width: 100px;
2375
2214
  }
2376
2215
  }
2377
2216
 
2378
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-width {
2217
+ @keyframes ResponsiveBehaviorElementsScaleWithLimits-rect-msbreia1-12-height {
2379
2218
  0% {
2380
- width: 60.3889px;
2219
+ height: 81px;
2381
2220
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2382
2221
  }
2383
- 50.005001% {
2384
- width: 45px;
2222
+ 32.088889% {
2223
+ height: 81px;
2224
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2225
+ }
2226
+ 64.197531% {
2227
+ height: 81px;
2228
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2229
+ }
2230
+ 98.765432% {
2231
+ height: 81px;
2385
2232
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2386
2233
  }
2387
2234
  100% {
2388
- width: 60.3889px;
2235
+ height: 81px;
2389
2236
  }
2390
2237
  }
2238
+
2391
2239
 
2392
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2 {
2240
+ /* ResponsiveBehaviorElementsScaleWithLimitsMobile */
2241
+
2242
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-root {
2243
+ max-width: 100%;
2244
+ height: auto;
2245
+ }
2246
+
2247
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-root {
2248
+ --color-1: #303030;
2249
+ --color-2: #002294;
2250
+ --color-3: #B8C4FF;
2251
+ --color-4: #F8F6F6;
2252
+ --color-5: #18a0fb;
2253
+ --color-6: #0d8ae0;
2254
+ --color-7: #f8f6f6;
2255
+ }
2256
+
2257
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10 {
2393
2258
  transform-box: fill-box;
2394
2259
  transform-origin: 50% 50%;
2395
- animation:
2396
- ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-transform 3333ms linear infinite both,
2397
- ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-opacity 3333ms linear infinite both;
2260
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-transform 3375ms linear infinite both;
2398
2261
  }
2399
2262
 
2400
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-shape {
2401
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-width 3333ms linear infinite both;
2263
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-shape {
2264
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-width 3375ms linear infinite both;
2402
2265
  }
2403
2266
 
2404
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-transform {
2267
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-transform {
2405
2268
  0% {
2406
- transform: translate(22.505px, 7.5px);
2269
+ transform: translate(16.5908px, -3px);
2407
2270
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2408
2271
  }
2409
- 50.005001% {
2410
- transform: translate(0px, 7.5px);
2272
+ 32.088889% {
2273
+ transform: translate(12px, -3px);
2411
2274
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2412
2275
  }
2413
- 100% {
2414
- transform: translate(22.505px, 7.5px);
2415
- }
2416
- }
2417
-
2418
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-opacity {
2419
- 0% {
2420
- opacity: 0;
2421
- animation-timing-function: steps(1, jump-end);
2422
- }
2423
- 24.992499% {
2424
- opacity: 1;
2425
- animation-timing-function: steps(1, jump-end);
2276
+ 64.207407% {
2277
+ transform: translate(0px, -3px);
2278
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2426
2279
  }
2427
- 77.49775% {
2428
- opacity: 0;
2429
- animation-timing-function: steps(1, jump-end);
2280
+ 98.755556% {
2281
+ transform: translate(16.5908px, -3px);
2282
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2430
2283
  }
2431
2284
  100% {
2432
- opacity: 0;
2285
+ transform: translate(16.5908px, -3px);
2433
2286
  }
2434
2287
  }
2435
2288
 
2436
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-width {
2289
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-10-width {
2437
2290
  0% {
2438
- width: 0px;
2291
+ width: 20.8184px;
2439
2292
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2440
2293
  }
2441
- 50.005001% {
2442
- width: 45px;
2294
+ 32.088889% {
2295
+ width: 30px;
2296
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2297
+ }
2298
+ 64.207407% {
2299
+ width: 54px;
2300
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2301
+ }
2302
+ 98.755556% {
2303
+ width: 20.8184px;
2443
2304
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2444
2305
  }
2445
2306
  100% {
2446
- width: 0.000001px;
2307
+ width: 20.8184px;
2447
2308
  }
2448
2309
  }
2449
2310
 
2450
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2 {
2311
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11 {
2451
2312
  transform-box: fill-box;
2452
2313
  transform-origin: 50% 50%;
2453
- animation:
2454
- ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-transform 3333ms linear infinite both,
2455
- ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-opacity 3333ms linear infinite both;
2314
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-transform 3375ms linear infinite both;
2456
2315
  }
2457
2316
 
2458
- .ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-shape {
2459
- animation: ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-width 3333ms linear infinite both;
2317
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-shape {
2318
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-width 3375ms linear infinite both;
2460
2319
  }
2461
2320
 
2462
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-transform {
2321
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-transform {
2463
2322
  0% {
2464
- transform: translate(22.505px, 15px);
2323
+ transform: translate(8.82205px, -3px);
2465
2324
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2466
2325
  }
2467
- 50.005001% {
2468
- transform: translate(5.1px, 15px);
2326
+ 32.088889% {
2327
+ transform: translate(5.5px, -3px);
2469
2328
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2470
2329
  }
2471
- 100% {
2472
- transform: translate(22.505px, 15px);
2473
- }
2474
- }
2475
-
2476
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-opacity {
2477
- 0% {
2478
- opacity: 0;
2479
- animation-timing-function: steps(1, jump-end);
2480
- }
2481
- 26.252625% {
2482
- opacity: 1;
2483
- animation-timing-function: steps(1, jump-end);
2330
+ 64.207407% {
2331
+ transform: translate(0px, -3px);
2332
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2484
2333
  }
2485
- 75.007501% {
2486
- opacity: 0;
2487
- animation-timing-function: steps(1, jump-end);
2334
+ 98.755556% {
2335
+ transform: translate(8.82205px, -3px);
2336
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2488
2337
  }
2489
2338
  100% {
2490
- opacity: 0;
2339
+ transform: translate(8.82205px, -3px);
2491
2340
  }
2492
2341
  }
2493
2342
 
2494
- @keyframes ResponsiveBehaviorElementsAutoHeight-Rectangle-1000002727-2-2-width {
2343
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-11-width {
2495
2344
  0% {
2496
- width: 0px;
2345
+ width: 11.3559px;
2497
2346
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2498
2347
  }
2499
- 50.005001% {
2500
- width: 34.938px;
2348
+ 32.088889% {
2349
+ width: 18px;
2350
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2351
+ }
2352
+ 64.207407% {
2353
+ width: 29px;
2354
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2355
+ }
2356
+ 98.755556% {
2357
+ width: 11.3559px;
2501
2358
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2502
2359
  }
2503
2360
  100% {
2504
- width: 0.000001px;
2361
+ width: 11.3559px;
2505
2362
  }
2506
2363
  }
2507
2364
 
2508
- .ResponsiveBehaviorElementsAutoHeight-Vector {
2365
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-3 {
2509
2366
  transform-box: fill-box;
2510
2367
  transform-origin: 50% 50%;
2511
- animation: ResponsiveBehaviorElementsAutoHeight-Vector-transform 3333ms linear infinite both;
2368
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-3-transform 3375ms linear infinite both;
2512
2369
  }
2513
2370
 
2514
- @keyframes ResponsiveBehaviorElementsAutoHeight-Vector-transform {
2371
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-3-transform {
2515
2372
  0% {
2516
2373
  transform: translate(0px, 0px);
2517
2374
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2518
2375
  }
2519
- 50.005001% {
2520
- transform: translate(37px, 0px);
2376
+ 32.088889% {
2377
+ transform: translate(-13px, 0px);
2378
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2379
+ }
2380
+ 64.207407% {
2381
+ transform: translate(-27px, 0px);
2382
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2383
+ }
2384
+ 98.755556% {
2385
+ transform: translate(0px, 0px);
2521
2386
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2522
2387
  }
2523
2388
  100% {
2524
- transform: translate(0.000001px, 0px);
2389
+ transform: translate(0px, 0px);
2525
2390
  }
2526
2391
  }
2527
2392
 
2528
- .ResponsiveBehaviorElementsAutoHeight-Vector_2 {
2393
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-node-4 {
2529
2394
  transform-box: fill-box;
2530
2395
  transform-origin: 50% 50%;
2531
- animation: ResponsiveBehaviorElementsAutoHeight-Vector_2-transform 3333ms linear infinite both;
2396
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-node-4-transform 3375ms linear infinite both;
2532
2397
  }
2533
2398
 
2534
- @keyframes ResponsiveBehaviorElementsAutoHeight-Vector_2-transform {
2399
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-node-4-transform {
2535
2400
  0% {
2536
2401
  transform: translate(0px, 0px);
2537
2402
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2538
2403
  }
2539
- 50.005001% {
2540
- transform: translate(-37px, 0px);
2404
+ 32.088889% {
2405
+ transform: translate(13px, 0px);
2406
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2407
+ }
2408
+ 64.207407% {
2409
+ transform: translate(25px, 0px);
2410
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2411
+ }
2412
+ 98.755556% {
2413
+ transform: translate(0px, 0px);
2541
2414
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2542
2415
  }
2543
2416
  100% {
2544
- transform: translate(-0.000001px, 0px);
2417
+ transform: translate(0px, 0px);
2545
2418
  }
2546
2419
  }
2547
2420
 
2548
- .ResponsiveBehaviorElementsAutoHeight-node-3 {
2421
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n {
2549
2422
  transform-box: fill-box;
2550
2423
  transform-origin: 50% 50%;
2551
- animation: ResponsiveBehaviorElementsAutoHeight-node-3-transform 3333ms linear infinite both;
2424
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-transform 3375ms linear infinite both;
2552
2425
  }
2553
2426
 
2554
- .ResponsiveBehaviorElementsAutoHeight-node-3-shape {
2555
- animation: ResponsiveBehaviorElementsAutoHeight-node-3-width 3333ms linear infinite both;
2427
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-shape {
2428
+ animation:
2429
+ ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-width 3375ms linear infinite both,
2430
+ ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-height 3375ms linear infinite both;
2556
2431
  }
2557
2432
 
2558
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-3-transform {
2433
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-transform {
2559
2434
  0% {
2435
+ transform: translate(26.5px, 0px);
2436
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2437
+ }
2438
+ 32.088889% {
2439
+ transform: translate(13.5px, 0px);
2440
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2441
+ }
2442
+ 64.207407% {
2560
2443
  transform: translate(0px, 0px);
2561
2444
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2562
2445
  }
2563
- 50.005001% {
2564
- transform: translate(37px, 0px);
2446
+ 98.755556% {
2447
+ transform: translate(26.5px, 0px);
2565
2448
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2566
2449
  }
2567
2450
  100% {
2568
- transform: translate(0.000001px, 0px);
2451
+ transform: translate(26.5px, 0px);
2569
2452
  }
2570
2453
  }
2571
2454
 
2572
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-3-width {
2455
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-width {
2573
2456
  0% {
2574
- width: 147px;
2457
+ width: 46px;
2575
2458
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2576
2459
  }
2577
- 50.015002% {
2578
- width: 73px;
2460
+ 32.088889% {
2461
+ width: 72px;
2462
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2463
+ }
2464
+ 64.207407% {
2465
+ width: 99px;
2466
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2467
+ }
2468
+ 98.755556% {
2469
+ width: 46px;
2579
2470
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2580
2471
  }
2581
2472
  100% {
2582
- width: 147px;
2473
+ width: 46px;
2583
2474
  }
2584
2475
  }
2585
2476
 
2586
- .ResponsiveBehaviorElementsAutoHeight-node-6-shape {
2587
- animation: node-6-height 3333ms linear infinite both;
2588
- }
2589
-
2590
- @keyframes node-6-height {
2477
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbq6at1-n-height {
2591
2478
  0% {
2592
- height: 56px;
2593
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2594
- }
2595
- 50.005001% {
2596
- height: 71px;
2479
+ height: 60px;
2597
2480
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2598
2481
  }
2599
2482
  100% {
2600
- height: 56px;
2483
+ height: 60px;
2601
2484
  }
2602
2485
  }
2603
2486
 
2604
- .ResponsiveBehaviorElementsAutoHeight-node-7-3 {
2487
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p {
2605
2488
  transform-box: fill-box;
2606
- transform-origin: 73.5px 0px;
2607
- animation: ResponsiveBehaviorElementsAutoHeight-node-7-3-transform 3333ms linear infinite both;
2489
+ transform-origin: 50% 50%;
2490
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-transform 3375ms linear infinite both;
2608
2491
  }
2609
2492
 
2610
- .ResponsiveBehaviorElementsAutoHeight-node-7-3-shape {
2493
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-shape {
2611
2494
  animation:
2612
- ResponsiveBehaviorElementsAutoHeight-node-7-3-width 3333ms linear infinite both,
2613
- ResponsiveBehaviorElementsAutoHeight-node-7-3-height 3333ms linear infinite both;
2495
+ ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-width 3375ms linear infinite both,
2496
+ ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-height 3375ms linear infinite both;
2614
2497
  }
2615
2498
 
2616
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-transform {
2499
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-transform {
2617
2500
  0% {
2618
- transform: translate(0px, -12.5px);
2501
+ transform: translate(12.242996px, 6.807801px);
2619
2502
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2620
2503
  }
2621
- 50.015002% {
2622
- transform: translate(37px, -12.5px);
2504
+ 32.088889% {
2505
+ transform: translate(9.242996px, 4.307801px);
2623
2506
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2624
2507
  }
2625
- 100% {
2626
- transform: translate(0px, -12.5px);
2627
- }
2628
- }
2629
-
2630
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-width {
2631
- 0% {
2632
- width: 147px;
2508
+ 64.207407% {
2509
+ transform: translate(0.742996px, 4.307801px);
2633
2510
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2634
2511
  }
2635
- 50.015002% {
2636
- width: 73px;
2512
+ 98.755556% {
2513
+ transform: translate(12.242996px, 6.807801px);
2637
2514
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2638
2515
  }
2639
2516
  100% {
2640
- width: 147px;
2517
+ transform: translate(12.242996px, 6.807801px);
2641
2518
  }
2642
2519
  }
2643
2520
 
2644
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-7-3-height {
2521
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-width {
2645
2522
  0% {
2646
- height: 56px;
2523
+ width: 15px;
2647
2524
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2648
2525
  }
2649
- 50.005001% {
2650
- height: 71px;
2526
+ 32.088889% {
2527
+ width: 21px;
2651
2528
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2652
2529
  }
2653
- 100% {
2654
- height: 56px;
2655
- }
2656
- }
2657
-
2658
- .ResponsiveBehaviorElementsAutoHeight-node-8 {
2659
- transform-box: fill-box;
2660
- transform-origin: 50% 50%;
2661
- animation: ResponsiveBehaviorElementsAutoHeight-node-8-transform 3333ms linear infinite both;
2662
- }
2663
-
2664
- @keyframes ResponsiveBehaviorElementsAutoHeight-node-8-transform {
2665
- 0% {
2666
- transform: translate(0px, 0px);
2530
+ 64.207407% {
2531
+ width: 38px;
2667
2532
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2668
2533
  }
2669
- 50.005001% {
2670
- transform: translate(0px, 15px);
2534
+ 98.755556% {
2535
+ width: 15px;
2671
2536
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2672
2537
  }
2673
2538
  100% {
2674
- transform: translate(0px, 0px);
2539
+ width: 15px;
2675
2540
  }
2676
2541
  }
2677
-
2678
-
2679
- /* ResponsiveBehaviorElementsFixed */
2680
-
2681
- .ResponsiveBehaviorElementsFixed-root {
2682
- max-width: 100%;
2683
- height: auto;
2684
- }
2685
-
2686
- .ResponsiveBehaviorElementsFixed-root {
2687
- --color-1: #B8C4FF;
2688
- --color-2: #303030;
2689
- --color-3: #EAEFFF;
2690
- --color-4: #002294;
2691
- --color-5: #f8f6f6;
2692
- --color-6: #0d8ae0;
2693
- }
2694
-
2695
- .ResponsiveBehaviorElementsFixed-Vector_4 {
2696
- transform-box: fill-box;
2697
- transform-origin: 50% 50%;
2698
- animation: ResponsiveBehaviorElementsFixed-Vector_4-transform 3375ms linear infinite both;
2699
- }
2700
2542
 
2701
- @keyframes ResponsiveBehaviorElementsFixed-Vector_4-transform {
2543
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbqafp2-p-height {
2702
2544
  0% {
2703
- transform: translate(-37.2px, 0px);
2704
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2705
- }
2706
- 49.382716% {
2707
- transform: translate(0px, 0px);
2708
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2709
- }
2710
- 98.765432% {
2711
- transform: translate(-37.2px, 0px);
2545
+ height: 12px;
2712
2546
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2713
2547
  }
2714
- 100% {
2715
- transform: translate(-37.2px, 0px);
2716
- }
2717
- }
2718
-
2719
- .ResponsiveBehaviorElementsFixed-Vector_5 {
2720
- transform-box: fill-box;
2721
- transform-origin: 50% 50%;
2722
- animation: ResponsiveBehaviorElementsFixed-Vector_5-transform 3375ms linear infinite both;
2723
- }
2724
-
2725
- @keyframes ResponsiveBehaviorElementsFixed-Vector_5-transform {
2726
- 0% {
2727
- transform: translate(37.2px, 0px);
2548
+ 32.088889% {
2549
+ height: 17px;
2728
2550
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2729
2551
  }
2730
- 49.382716% {
2731
- transform: translate(0px, 0px);
2552
+ 64.207407% {
2553
+ height: 17px;
2732
2554
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2733
2555
  }
2734
- 98.765432% {
2735
- transform: translate(37.2px, 0px);
2556
+ 98.755556% {
2557
+ height: 12px;
2736
2558
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2737
2559
  }
2738
2560
  100% {
2739
- transform: translate(37.2px, 0px);
2561
+ height: 12px;
2740
2562
  }
2741
2563
  }
2742
2564
 
2743
- .ResponsiveBehaviorElementsFixed-rect-msbreia1-12 {
2565
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w {
2744
2566
  transform-box: fill-box;
2745
2567
  transform-origin: 50% 50%;
2746
- animation: ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform 3375ms linear infinite both;
2568
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-transform 3375ms linear infinite both;
2747
2569
  }
2748
2570
 
2749
- .ResponsiveBehaviorElementsFixed-rect-msbreia1-12-shape {
2750
- animation:
2751
- ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width 3375ms linear infinite both,
2752
- ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height 3375ms linear infinite both;
2571
+ .ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-shape {
2572
+ animation: ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-width 3375ms linear infinite both;
2753
2573
  }
2754
2574
 
2755
- @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform {
2575
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-transform {
2756
2576
  0% {
2757
- transform: translate(-23.6px, 8px);
2577
+ transform: translate(26.5px, 0px);
2758
2578
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2759
2579
  }
2760
- 49.382716% {
2761
- transform: translate(13.5px, 8px);
2580
+ 32.088889% {
2581
+ transform: translate(13.5px, 0px);
2762
2582
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2763
2583
  }
2764
- 98.765432% {
2765
- transform: translate(-23.6px, 8px);
2584
+ 64.207407% {
2585
+ transform: translate(0px, 0px);
2586
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2587
+ }
2588
+ 98.755556% {
2589
+ transform: translate(26.5px, 0px);
2766
2590
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2767
2591
  }
2768
2592
  100% {
2769
- transform: translate(-23.6px, 8px);
2593
+ transform: translate(26.5px, 0px);
2770
2594
  }
2771
2595
  }
2772
2596
 
2773
- @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width {
2597
+ @keyframes ResponsiveBehaviorElementsScaleWithLimitsMobile-rect-msbr3mcn-w-width {
2774
2598
  0% {
2775
- width: 147px;
2599
+ width: 46px;
2776
2600
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2777
2601
  }
2778
- 49.382716% {
2779
- width: 73px;
2602
+ 32.088889% {
2603
+ width: 72px;
2780
2604
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2781
2605
  }
2782
- 98.765432% {
2783
- width: 147px;
2784
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2785
- }
2786
- 100% {
2787
- width: 147px;
2606
+ 64.207407% {
2607
+ width: 99px;
2608
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2788
2609
  }
2789
- }
2790
-
2791
- @keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height {
2792
- 0% {
2793
- height: 81px;
2610
+ 98.755556% {
2611
+ width: 46px;
2612
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2794
2613
  }
2795
2614
  100% {
2796
- height: 81px;
2615
+ width: 46px;
2797
2616
  }
2798
2617
  }
2799
2618
 
2800
2619
 
2801
- /* ResponsiveBehaviorElementsRelativeWidth */
2620
+ /* ResponsiveBehaviorElementsStackOnMobile */
2802
2621
 
2803
- .ResponsiveBehaviorElementsRelativeWidth-root {
2622
+ .ResponsiveBehaviorElementsStackOnMobile-root {
2804
2623
  max-width: 100%;
2805
2624
  height: auto;
2806
2625
  }
2807
2626
 
2808
- .ResponsiveBehaviorElementsRelativeWidth-root {
2809
- --color-1: #002294;
2810
- --color-2: #B8C4FF;
2811
- --color-3: #D9D9D9;
2812
- --color-4: #303030;
2813
- --color-5: #F8F6F6;
2814
- --color-6: #EAEFFF;
2627
+ .ResponsiveBehaviorElementsStackOnMobile-root {
2628
+ --color-1: #303030;
2629
+ --color-2: #002294;
2630
+ --color-3: #B8C4FF;
2631
+ --color-4: #F8F6F6;
2632
+ --color-5: #18a0fb;
2633
+ --color-6: #0d8ae0;
2634
+ --color-7: #f8f6f6;
2815
2635
  }
2816
2636
 
2817
- .ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4 {
2818
- transform-box: fill-box;
2819
- transform-origin: 50% 50%;
2820
- animation: ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4-transform 3375ms linear infinite both;
2637
+ .ResponsiveBehaviorElementsStackOnMobile-group-msbrk4t8-13-2 {
2638
+ animation: ResponsiveBehaviorElementsStackOnMobile-group-msbrk4t8-13-2-opacity 3375ms linear infinite both;
2821
2639
  }
2822
2640
 
2823
- @keyframes ResponsiveBehaviorElementsRelativeWidth-group-mrw4nj39-4-transform {
2641
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-group-msbrk4t8-13-2-opacity {
2824
2642
  0% {
2825
- transform: scale(1, 1);
2826
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2643
+ opacity: 0;
2827
2644
  }
2828
- 49.392593% {
2829
- transform: scale(0.56, 1);
2830
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2645
+ 24.680481% {
2646
+ opacity: 0;
2831
2647
  }
2832
- 98.755556% {
2833
- transform: scale(1, 1);
2834
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2648
+ 24.681481% {
2649
+ opacity: 1;
2650
+ }
2651
+ 74.074074% {
2652
+ opacity: 1;
2653
+ }
2654
+ 74.075074% {
2655
+ opacity: 0;
2835
2656
  }
2836
2657
  100% {
2837
- transform: scale(1, 1);
2658
+ opacity: 0;
2838
2659
  }
2839
2660
  }
2840
2661
 
2841
- .ResponsiveBehaviorElementsRelativeWidth-node-10-3 {
2842
- transform-box: fill-box;
2843
- transform-origin: 50% 50%;
2844
- animation: ResponsiveBehaviorElementsRelativeWidth-node-10-3-transform 3375ms linear infinite both;
2662
+ .ResponsiveBehaviorElementsStackOnMobile-group-msbrl69e-14 {
2663
+ animation: ResponsiveBehaviorElementsStackOnMobile-group-msbrl69e-14-opacity 3375ms linear infinite both;
2845
2664
  }
2846
2665
 
2847
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-10-3-transform {
2666
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-group-msbrl69e-14-opacity {
2848
2667
  0% {
2849
- transform: translate(0px, 0px);
2850
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2668
+ opacity: 1;
2669
+ animation-timing-function: steps(1, jump-end);
2851
2670
  }
2852
- 49.392593% {
2853
- transform: translate(9px, 0px);
2854
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2671
+ 24.681481% {
2672
+ opacity: 0;
2673
+ animation-timing-function: steps(1, jump-end);
2855
2674
  }
2856
- 98.755556% {
2857
- transform: translate(0px, 0px);
2858
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2675
+ 74.074074% {
2676
+ opacity: 1;
2677
+ animation-timing-function: steps(1, jump-end);
2859
2678
  }
2860
2679
  100% {
2861
- transform: translate(0px, 0px);
2680
+ opacity: 1;
2862
2681
  }
2863
2682
  }
2864
2683
 
2865
- .ResponsiveBehaviorElementsRelativeWidth-node-14-3 {
2684
+ .ResponsiveBehaviorElementsStackOnMobile-node-11-2 {
2866
2685
  transform-box: fill-box;
2867
2686
  transform-origin: 50% 50%;
2868
- animation: ResponsiveBehaviorElementsRelativeWidth-node-14-3-transform 3375ms linear infinite both;
2687
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-11-2-transform 3375ms linear infinite both;
2869
2688
  }
2870
2689
 
2871
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-14-3-transform {
2690
+ .ResponsiveBehaviorElementsStackOnMobile-node-11-2-shape {
2691
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-11-2-width 3375ms linear infinite both;
2692
+ }
2693
+
2694
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-11-2-transform {
2872
2695
  0% {
2873
- transform: translate(0px, 0px);
2696
+ transform: translate(-15.4814px, 0px);
2874
2697
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2875
2698
  }
2876
2699
  49.392593% {
2877
- transform: translate(37px, 0px);
2700
+ transform: translate(0px, -15px);
2878
2701
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2879
2702
  }
2880
2703
  98.755556% {
2881
- transform: translate(0px, 0px);
2882
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2704
+ transform: translate(-15.4814px, 0px);
2705
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2883
2706
  }
2884
2707
  100% {
2885
- transform: translate(0px, 0px);
2708
+ transform: translate(-15.4814px, 0px);
2886
2709
  }
2887
2710
  }
2888
2711
 
2889
- .ResponsiveBehaviorElementsRelativeWidth-node-15 {
2890
- transform-box: fill-box;
2891
- transform-origin: 50% 50%;
2892
- animation: ResponsiveBehaviorElementsRelativeWidth-node-15-transform 3375ms linear infinite both;
2893
- }
2894
-
2895
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-15-transform {
2712
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-11-2-width {
2896
2713
  0% {
2897
- transform: translate(0px, 0px);
2714
+ width: 58.9628px;
2898
2715
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2899
2716
  }
2900
2717
  49.392593% {
2901
- transform: translate(-37px, 0px);
2718
+ width: 28px;
2902
2719
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2903
2720
  }
2904
2721
  98.755556% {
2905
- transform: translate(0px, 0px);
2906
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2722
+ width: 58.9628px;
2723
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2907
2724
  }
2908
2725
  100% {
2909
- transform: translate(0px, 0px);
2726
+ width: 58.9628px;
2910
2727
  }
2911
2728
  }
2912
2729
 
2913
- .ResponsiveBehaviorElementsRelativeWidth-node-16 {
2730
+ .ResponsiveBehaviorElementsStackOnMobile-node-11-3 {
2914
2731
  transform-box: fill-box;
2915
2732
  transform-origin: 50% 50%;
2916
- animation: ResponsiveBehaviorElementsRelativeWidth-node-16-transform 3375ms linear infinite both;
2733
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-11-3-transform 3375ms linear infinite both;
2917
2734
  }
2918
2735
 
2919
- .ResponsiveBehaviorElementsRelativeWidth-node-16-shape {
2920
- animation: ResponsiveBehaviorElementsRelativeWidth-node-16-width 3375ms linear infinite both;
2921
- }
2922
-
2923
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-16-transform {
2736
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-11-3-transform {
2924
2737
  0% {
2925
- transform: translate(-24px, 0px);
2926
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2927
- }
2928
- 49.392593% {
2929
- transform: translate(0px, 0px);
2930
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2931
- }
2932
- 98.755556% {
2933
- transform: translate(-24px, 0px);
2934
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2738
+ transform: translate(-14px, 3px);
2739
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2935
2740
  }
2936
- 100% {
2937
- transform: translate(-24px, 0px);
2741
+ 24.681481% {
2742
+ transform: translate(-14px, 3px);
2743
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2938
2744
  }
2939
- }
2940
-
2941
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-16-width {
2942
- 0% {
2943
- width: 100px;
2944
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2745
+ 44.444444% {
2746
+ transform: translate(0px, 3px);
2945
2747
  }
2946
- 49.392593% {
2947
- width: 52px;
2948
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2748
+ 54.320988% {
2749
+ transform: translate(0px, 3px);
2750
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2949
2751
  }
2950
- 98.755556% {
2951
- width: 100px;
2952
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2752
+ 74.074074% {
2753
+ transform: translate(-14px, 3px);
2953
2754
  }
2954
2755
  100% {
2955
- width: 100px;
2756
+ transform: translate(-14px, 3px);
2956
2757
  }
2957
2758
  }
2958
2759
 
2959
- .ResponsiveBehaviorElementsRelativeWidth-node-4-3 {
2760
+ .ResponsiveBehaviorElementsStackOnMobile-node-12 {
2960
2761
  transform-box: fill-box;
2961
2762
  transform-origin: 50% 50%;
2962
- animation: ResponsiveBehaviorElementsRelativeWidth-node-4-3-transform 3375ms linear infinite both;
2763
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-12-transform 3375ms linear infinite both;
2963
2764
  }
2964
2765
 
2965
- .ResponsiveBehaviorElementsRelativeWidth-node-4-3-shape {
2966
- animation: ResponsiveBehaviorElementsRelativeWidth-node-4-3-width 3375ms linear infinite both;
2766
+ .ResponsiveBehaviorElementsStackOnMobile-node-12-shape {
2767
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-12-width 3375ms linear infinite both;
2967
2768
  }
2968
2769
 
2969
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-4-3-transform {
2770
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-12-transform {
2970
2771
  0% {
2971
- transform: translate(-37px, 0px);
2772
+ transform: translate(-8.58075px, 0px);
2972
2773
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2973
2774
  }
2974
2775
  49.392593% {
2975
- transform: translate(0px, 0px);
2776
+ transform: translate(0px, -15px);
2976
2777
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2977
2778
  }
2978
2779
  98.755556% {
2979
- transform: translate(-37px, 0px);
2980
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2780
+ transform: translate(-8.58075px, 0px);
2781
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2981
2782
  }
2982
2783
  100% {
2983
- transform: translate(-37px, 0px);
2784
+ transform: translate(-8.58075px, 0px);
2984
2785
  }
2985
2786
  }
2986
2787
 
2987
- @keyframes ResponsiveBehaviorElementsRelativeWidth-node-4-3-width {
2788
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-12-width {
2988
2789
  0% {
2989
- width: 147px;
2790
+ width: 32.1615px;
2990
2791
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2991
2792
  }
2992
2793
  49.392593% {
2993
- width: 73px;
2794
+ width: 15px;
2994
2795
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2995
2796
  }
2996
2797
  98.755556% {
2997
- width: 147px;
2998
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2798
+ width: 32.1615px;
2799
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2999
2800
  }
3000
2801
  100% {
3001
- width: 147px;
2802
+ width: 32.1615px;
3002
2803
  }
3003
2804
  }
3004
2805
 
3005
- .ResponsiveBehaviorElementsRelativeWidth-node-7-3-shape {
3006
- animation:
3007
- node-7-3-width 3375ms linear infinite both,
3008
- node-7-3-height 3375ms linear infinite both;
2806
+ .ResponsiveBehaviorElementsStackOnMobile-node-13 {
2807
+ transform-box: fill-box;
2808
+ transform-origin: 50% 50%;
2809
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-13-transform 3375ms linear infinite both;
3009
2810
  }
3010
2811
 
3011
- @keyframes node-7-3-width {
2812
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-13-transform {
3012
2813
  0% {
3013
- width: 100px;
3014
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2814
+ transform: translate(0px, 0px);
2815
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3015
2816
  }
3016
- 100% {
3017
- width: 100px;
2817
+ 4.948148% {
2818
+ transform: translate(0px, 0px);
2819
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3018
2820
  }
3019
- }
3020
-
3021
- @keyframes node-7-3-height {
3022
- 0% {
3023
- height: 58px;
3024
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2821
+ 24.681481% {
2822
+ transform: translate(2px, -11.97119px);
2823
+ }
2824
+ 24.691358% {
2825
+ transform: translate(2.0004px, -12px);
2826
+ }
2827
+ 74.074074% {
2828
+ transform: translate(4px, -11px);
2829
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2830
+ }
2831
+ 95.051852% {
2832
+ transform: translate(0.000004px, 0px);
2833
+ }
2834
+ 95.081481% {
2835
+ transform: translate(0px, 0px);
3025
2836
  }
3026
2837
  100% {
3027
- height: 58px;
2838
+ transform: translate(0px, 0px);
3028
2839
  }
3029
2840
  }
3030
-
3031
2841
 
3032
- /* ResponsiveBehaviorElementsScaleProportionally */
3033
-
3034
- .ResponsiveBehaviorElementsScaleProportionally-root {
3035
- max-width: 100%;
3036
- height: auto;
2842
+ .ResponsiveBehaviorElementsStackOnMobile-node-17 {
2843
+ transform-box: fill-box;
2844
+ transform-origin: 50% 50%;
2845
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-17-transform 3375ms linear infinite both;
3037
2846
  }
3038
2847
 
3039
- .ResponsiveBehaviorElementsScaleProportionally-root {
3040
- --color-1: #002294;
3041
- --color-2: #303030;
3042
- --color-3: #F8F6F6;
3043
- --color-4: #B8C4FF;
3044
- --color-5: #EAEFFF;
3045
- --color-6: #18a0fb;
3046
- --color-7: #0d8ae0;
2848
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-17-transform {
2849
+ 0% {
2850
+ transform: translate(0px, 0px);
2851
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2852
+ }
2853
+ 24.691358% {
2854
+ transform: translate(0px, 0px);
2855
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2856
+ }
2857
+ 44.444444% {
2858
+ transform: translate(-0.043px, 0.297px);
2859
+ }
2860
+ 54.320988% {
2861
+ transform: translate(-0.043px, 0.297px);
2862
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2863
+ }
2864
+ 74.074074% {
2865
+ transform: translate(0px, 0px);
2866
+ }
2867
+ 100% {
2868
+ transform: translate(0px, 0px);
2869
+ }
3047
2870
  }
3048
2871
 
3049
- .ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d {
2872
+ .ResponsiveBehaviorElementsStackOnMobile-node-19-2-2 {
3050
2873
  transform-box: fill-box;
3051
2874
  transform-origin: 50% 50%;
3052
- animation: ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d-transform 3375ms linear infinite both;
2875
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-19-2-2-transform 3375ms linear infinite both;
3053
2876
  }
3054
2877
 
3055
- @keyframes ResponsiveBehaviorElementsScaleProportionally-group-mrx7juoz-d-transform {
2878
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-19-2-2-transform {
3056
2879
  0% {
3057
- transform: translate(0px, 0px) scale(1, 1);
3058
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2880
+ transform: translate(14px, -3px);
2881
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3059
2882
  }
3060
- 49.392593% {
3061
- transform: translate(0px, -3px) scale(0.38, 0.45);
3062
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2883
+ 24.681481% {
2884
+ transform: translate(14px, -3px);
2885
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3063
2886
  }
3064
- 98.755556% {
3065
- transform: translate(0px, 0px) scale(1, 1);
3066
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2887
+ 44.444444% {
2888
+ transform: translate(0px, -3px);
2889
+ }
2890
+ 54.320988% {
2891
+ transform: translate(0px, -3px);
2892
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2893
+ }
2894
+ 74.074074% {
2895
+ transform: translate(14px, -3px);
3067
2896
  }
3068
2897
  100% {
3069
- transform: translate(0px, 0px) scale(1, 1);
2898
+ transform: translate(14px, -3px);
3070
2899
  }
3071
2900
  }
3072
2901
 
3073
- .ResponsiveBehaviorElementsScaleProportionally-node-11 {
2902
+ .ResponsiveBehaviorElementsStackOnMobile-node-2-3 {
3074
2903
  transform-box: fill-box;
3075
2904
  transform-origin: 50% 50%;
3076
- animation: ResponsiveBehaviorElementsScaleProportionally-node-11-transform 3375ms linear infinite both;
2905
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-2-3-transform 3375ms linear infinite both;
3077
2906
  }
3078
2907
 
3079
- @keyframes ResponsiveBehaviorElementsScaleProportionally-node-11-transform {
2908
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-2-3-transform {
3080
2909
  0% {
3081
- transform: translate(0px, 0px) scale(1, 1);
2910
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
3082
2911
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3083
2912
  }
3084
2913
  49.392593% {
3085
- transform: translate(10px, 10px) scale(0.43, 0.43);
2914
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1.23);
3086
2915
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3087
2916
  }
3088
2917
  98.755556% {
3089
- transform: translate(0px, 0px) scale(1, 1);
3090
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2918
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
2919
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3091
2920
  }
3092
2921
  100% {
3093
- transform: translate(0px, 0px) scale(1, 1);
2922
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
3094
2923
  }
3095
2924
  }
3096
2925
 
3097
- .ResponsiveBehaviorElementsScaleProportionally-node-4 {
2926
+ .ResponsiveBehaviorElementsStackOnMobile-node-21 {
3098
2927
  transform-box: fill-box;
3099
2928
  transform-origin: 50% 50%;
3100
- animation: ResponsiveBehaviorElementsScaleProportionally-node-4-transform 3375ms linear infinite both;
3101
- }
3102
-
3103
- .ResponsiveBehaviorElementsScaleProportionally-node-4-shape {
3104
- animation: ResponsiveBehaviorElementsScaleProportionally-node-4-width 3375ms linear infinite both;
2929
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-21-transform 3375ms linear infinite both;
3105
2930
  }
3106
2931
 
3107
- @keyframes ResponsiveBehaviorElementsScaleProportionally-node-4-transform {
2932
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-21-transform {
3108
2933
  0% {
3109
- transform: translate(-37px, 0px);
3110
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2934
+ transform: translate(0px, 0px);
2935
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3111
2936
  }
3112
- 49.392593% {
2937
+ 4.948148% {
3113
2938
  transform: translate(0px, 0px);
3114
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2939
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3115
2940
  }
3116
- 98.755556% {
3117
- transform: translate(-37px, 0px);
3118
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2941
+ 24.681481% {
2942
+ transform: translate(-2px, 11.97119px);
3119
2943
  }
3120
- 100% {
3121
- transform: translate(-37px, 0px);
2944
+ 24.691358% {
2945
+ transform: translate(-2.0004px, 12px);
3122
2946
  }
3123
- }
3124
-
3125
- @keyframes ResponsiveBehaviorElementsScaleProportionally-node-4-width {
3126
- 0% {
3127
- width: 147px;
3128
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2947
+ 74.074074% {
2948
+ transform: translate(-4px, 12px);
2949
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3129
2950
  }
3130
- 49.392593% {
3131
- width: 73px;
3132
- animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
2951
+ 95.051852% {
2952
+ transform: translate(-0.000004px, 0px);
3133
2953
  }
3134
- 98.755556% {
3135
- width: 147px;
3136
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2954
+ 95.081481% {
2955
+ transform: translate(0px, 0px);
3137
2956
  }
3138
2957
  100% {
3139
- width: 147px;
2958
+ transform: translate(0px, 0px);
3140
2959
  }
3141
2960
  }
3142
2961
 
3143
- .ResponsiveBehaviorElementsScaleProportionally-node-5 {
2962
+ .ResponsiveBehaviorElementsStackOnMobile-node-3-2 {
3144
2963
  transform-box: fill-box;
3145
2964
  transform-origin: 50% 50%;
3146
- animation: ResponsiveBehaviorElementsScaleProportionally-node-5-transform 3375ms linear infinite both;
2965
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-3-2-transform 3375ms linear infinite both;
3147
2966
  }
3148
2967
 
3149
- @keyframes ResponsiveBehaviorElementsScaleProportionally-node-5-transform {
2968
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-3-2-transform {
3150
2969
  0% {
3151
2970
  transform: translate(0px, 0px);
3152
2971
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3153
2972
  }
3154
2973
  49.392593% {
3155
- transform: translate(37px, 0px);
2974
+ transform: translate(50px, 0px);
3156
2975
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3157
2976
  }
3158
2977
  98.755556% {
3159
2978
  transform: translate(0px, 0px);
3160
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
2979
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3161
2980
  }
3162
2981
  100% {
3163
2982
  transform: translate(0px, 0px);
3164
2983
  }
3165
2984
  }
3166
2985
 
3167
- .ResponsiveBehaviorElementsScaleProportionally-node-6 {
2986
+ .ResponsiveBehaviorElementsStackOnMobile-node-4-2 {
3168
2987
  transform-box: fill-box;
3169
2988
  transform-origin: 50% 50%;
3170
- animation: ResponsiveBehaviorElementsScaleProportionally-node-6-transform 3375ms linear infinite both;
2989
+ animation: ResponsiveBehaviorElementsStackOnMobile-node-4-2-transform 3375ms linear infinite both;
3171
2990
  }
3172
2991
 
3173
- @keyframes ResponsiveBehaviorElementsScaleProportionally-node-6-transform {
2992
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-node-4-2-transform {
3174
2993
  0% {
3175
2994
  transform: translate(0px, 0px);
3176
2995
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3177
2996
  }
3178
2997
  49.392593% {
3179
- transform: translate(-37px, 0px);
2998
+ transform: translate(-50px, 0px);
3180
2999
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3181
3000
  }
3182
3001
  98.755556% {
3183
3002
  transform: translate(0px, 0px);
3184
- animation-timing-function: cubic-bezier(0, 0, 1, 1);
3003
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3185
3004
  }
3186
3005
  100% {
3187
3006
  transform: translate(0px, 0px);
3188
3007
  }
3189
3008
  }
3190
3009
 
3191
- .ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k {
3010
+ .ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11 {
3192
3011
  transform-box: fill-box;
3193
3012
  transform-origin: 50% 50%;
3194
- animation: ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-transform 3375ms linear infinite both;
3013
+ animation: ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-transform 3375ms linear infinite both;
3195
3014
  }
3196
3015
 
3197
- .ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-shape {
3016
+ .ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-shape {
3198
3017
  animation:
3199
- ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-rx 3375ms linear infinite both,
3200
- ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-ry 3375ms linear infinite both,
3201
- ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-width 3375ms linear infinite both,
3202
- ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-height 3375ms linear infinite both;
3018
+ ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-width 3375ms linear infinite both,
3019
+ ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-height 3375ms linear infinite both;
3203
3020
  }
3204
3021
 
3205
- @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-transform {
3022
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-transform {
3206
3023
  0% {
3207
- transform: translate(-31px, -15px);
3024
+ transform: translate(-50.5px, 18.5px);
3208
3025
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3209
3026
  }
3210
3027
  49.392593% {
@@ -3212,78 +3029,113 @@
3212
3029
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3213
3030
  }
3214
3031
  98.755556% {
3215
- transform: translate(-31px, -15px);
3032
+ transform: translate(-50.5px, 18.5px);
3033
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3216
3034
  }
3217
3035
  100% {
3218
- transform: translate(-31px, -15px);
3036
+ transform: translate(-50.5px, 18.5px);
3219
3037
  }
3220
3038
  }
3221
3039
 
3222
- @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-rx {
3040
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-width {
3223
3041
  0% {
3224
- rx: 4px;
3042
+ width: 147px;
3225
3043
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3226
3044
  }
3227
3045
  49.392593% {
3228
- rx: 3px;
3046
+ width: 46px;
3229
3047
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3230
3048
  }
3231
3049
  98.755556% {
3232
- rx: 4px;
3050
+ width: 147px;
3051
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3233
3052
  }
3234
3053
  100% {
3235
- rx: 4px;
3054
+ width: 147px;
3236
3055
  }
3237
3056
  }
3238
3057
 
3239
- @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-ry {
3058
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbrdyhf-11-height {
3240
3059
  0% {
3241
- ry: 4px;
3060
+ height: 60px;
3242
3061
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3243
3062
  }
3244
3063
  49.392593% {
3245
- ry: 3px;
3064
+ height: 97px;
3246
3065
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3247
3066
  }
3248
3067
  98.755556% {
3249
- ry: 4px;
3068
+ height: 60px;
3069
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3250
3070
  }
3251
3071
  100% {
3252
- ry: 4px;
3072
+ height: 60px;
3253
3073
  }
3254
3074
  }
3255
3075
 
3256
- @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-width {
3076
+ .ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12 {
3077
+ transform-box: fill-box;
3078
+ transform-origin: 50% 50%;
3079
+ animation: ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-transform 3375ms linear infinite both;
3080
+ }
3081
+
3082
+ .ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-shape {
3083
+ animation:
3084
+ ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-width 3375ms linear infinite both,
3085
+ ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-height 3375ms linear infinite both;
3086
+ }
3087
+
3088
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-transform {
3257
3089
  0% {
3258
- width: 100px;
3090
+ transform: translate(-50.5px, 8px);
3259
3091
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3260
3092
  }
3261
3093
  49.392593% {
3262
- width: 38px;
3094
+ transform: translate(0px, 0px);
3263
3095
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3264
3096
  }
3265
3097
  98.755556% {
3266
- width: 100px;
3098
+ transform: translate(-50.5px, 8px);
3099
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3267
3100
  }
3268
3101
  100% {
3269
- width: 100px;
3102
+ transform: translate(-50.5px, 8px);
3270
3103
  }
3271
3104
  }
3272
3105
 
3273
- @keyframes ResponsiveBehaviorElementsScaleProportionally-rect-mrxa8x22-k-height {
3106
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-width {
3274
3107
  0% {
3275
- height: 58px;
3108
+ width: 147px;
3276
3109
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3277
3110
  }
3278
3111
  49.392593% {
3279
- height: 28px;
3112
+ width: 46px;
3280
3113
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3281
3114
  }
3282
3115
  98.755556% {
3283
- height: 58px;
3116
+ width: 147px;
3117
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3284
3118
  }
3285
3119
  100% {
3286
- height: 58px;
3120
+ width: 147px;
3121
+ }
3122
+ }
3123
+
3124
+ @keyframes ResponsiveBehaviorElementsStackOnMobile-rect-msbreia1-12-height {
3125
+ 0% {
3126
+ height: 81px;
3127
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3128
+ }
3129
+ 49.392593% {
3130
+ height: 97px;
3131
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3132
+ }
3133
+ 98.755556% {
3134
+ height: 81px;
3135
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
3136
+ }
3137
+ 100% {
3138
+ height: 81px;
3287
3139
  }
3288
3140
  }
3289
3141
 
@@ -7552,40 +7404,114 @@
7552
7404
  clip-path: inset(33.5px 81.5px 63.5px 81.5px round 4px) view-box;
7553
7405
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
7554
7406
  }
7555
- 98.755556% {
7556
- clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
7407
+ 98.755556% {
7408
+ clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
7409
+ }
7410
+ 100% {
7411
+ clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
7412
+ }
7413
+ }
7414
+
7415
+
7416
+ /* ThumbnailFullWidth */
7417
+
7418
+ .ThumbnailFullWidth-root {
7419
+ max-width: 100%;
7420
+ height: auto;
7421
+ }
7422
+
7423
+ .ThumbnailFullWidth-root {
7424
+ --color-1: #F8F6F6;
7425
+ --color-2: #002294;
7426
+ --color-3: #7896FF;
7427
+ }
7428
+
7429
+ .ThumbnailFullWidth-Frame-1707483277 {
7430
+ transform-box: fill-box;
7431
+ transform-origin: 50% 50%;
7432
+ animation: ThumbnailFullWidth-Frame-1707483277-transform 2375ms linear infinite both;
7433
+ }
7434
+
7435
+ @keyframes ThumbnailFullWidth-Frame-1707483277-transform {
7436
+ 0% {
7437
+ transform: translate(0px, 57.591696px);
7438
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7439
+ }
7440
+ 40.336842% {
7441
+ transform: translate(0px, 0px);
7442
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7443
+ }
7444
+ 100% {
7445
+ transform: translate(0px, 0px);
7446
+ }
7447
+ }
7448
+
7449
+ .ThumbnailFullWidth-Frame-1707483278 {
7450
+ transform-box: fill-box;
7451
+ transform-origin: 50% 50%;
7452
+ animation: ThumbnailFullWidth-Frame-1707483278-transform 2375ms linear infinite both;
7453
+ }
7454
+
7455
+ @keyframes ThumbnailFullWidth-Frame-1707483278-transform {
7456
+ 0% {
7457
+ transform: translate(0px, 51.778772px);
7458
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7459
+ }
7460
+ 33.347368% {
7461
+ transform: translate(0px, 0px);
7462
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7463
+ }
7464
+ 100% {
7465
+ transform: translate(0px, 0px);
7466
+ }
7467
+ }
7468
+
7469
+ .ThumbnailFullWidth-Frame-1707483281 {
7470
+ transform-box: fill-box;
7471
+ transform-origin: 50% 50%;
7472
+ animation: ThumbnailFullWidth-Frame-1707483281-transform 2375ms linear infinite both;
7473
+ }
7474
+
7475
+ @keyframes ThumbnailFullWidth-Frame-1707483281-transform {
7476
+ 0% {
7477
+ transform: translate(0px, 30px);
7478
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7479
+ }
7480
+ 26.315789% {
7481
+ transform: translate(0px, 0px);
7482
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7557
7483
  }
7558
7484
  100% {
7559
- clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
7485
+ transform: translate(0px, 0px);
7560
7486
  }
7561
7487
  }
7562
7488
 
7563
7489
 
7564
- /* Split01 */
7490
+ /* ThumbnailFullWidthTransparent */
7565
7491
 
7566
- .Split01-root {
7492
+ .ThumbnailFullWidthTransparent-root {
7567
7493
  max-width: 100%;
7568
7494
  height: auto;
7569
7495
  }
7570
7496
 
7571
- .Split01-root {
7497
+ .ThumbnailFullWidthTransparent-root {
7572
7498
  --color-1: #F8F6F6;
7573
7499
  --color-2: #002294;
7574
7500
  --color-3: #7896FF;
7575
7501
  }
7576
7502
 
7577
- .Split01-Frame-1707483277 {
7503
+ .ThumbnailFullWidthTransparent-Frame-1707483277 {
7578
7504
  transform-box: fill-box;
7579
7505
  transform-origin: 50% 50%;
7580
- animation: Split01-Frame-1707483277-transform 2375ms linear infinite both;
7506
+ animation: ThumbnailFullWidthTransparent-Frame-1707483277-transform 2375ms linear infinite both;
7581
7507
  }
7582
7508
 
7583
- @keyframes Split01-Frame-1707483277-transform {
7509
+ @keyframes ThumbnailFullWidthTransparent-Frame-1707483277-transform {
7584
7510
  0% {
7585
- transform: translate(0px, 57.377876px);
7511
+ transform: translate(0px, 57.591696px);
7586
7512
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7587
7513
  }
7588
- 38.568421% {
7514
+ 40.336842% {
7589
7515
  transform: translate(0px, 0px);
7590
7516
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7591
7517
  }
@@ -7594,18 +7520,18 @@
7594
7520
  }
7595
7521
  }
7596
7522
 
7597
- .Split01-Frame-1707483278 {
7523
+ .ThumbnailFullWidthTransparent-Frame-1707483278 {
7598
7524
  transform-box: fill-box;
7599
7525
  transform-origin: 50% 50%;
7600
- animation: Split01-Frame-1707483278-transform 2375ms linear infinite both;
7526
+ animation: ThumbnailFullWidthTransparent-Frame-1707483278-transform 2375ms linear infinite both;
7601
7527
  }
7602
7528
 
7603
- @keyframes Split01-Frame-1707483278-transform {
7529
+ @keyframes ThumbnailFullWidthTransparent-Frame-1707483278-transform {
7604
7530
  0% {
7605
- transform: translate(0px, 50.823251px);
7531
+ transform: translate(0px, 51.778772px);
7606
7532
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7607
7533
  }
7608
- 31.578947% {
7534
+ 33.347368% {
7609
7535
  transform: translate(0px, 0px);
7610
7536
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7611
7537
  }
@@ -7614,18 +7540,18 @@
7614
7540
  }
7615
7541
  }
7616
7542
 
7617
- .Split01-Frame-1707483281 {
7543
+ .ThumbnailFullWidthTransparent-Frame-1707483281 {
7618
7544
  transform-box: fill-box;
7619
7545
  transform-origin: 50% 50%;
7620
- animation: Split01-Frame-1707483281-transform 2375ms linear infinite both;
7546
+ animation: ThumbnailFullWidthTransparent-Frame-1707483281-transform 2375ms linear infinite both;
7621
7547
  }
7622
7548
 
7623
- @keyframes Split01-Frame-1707483281-transform {
7549
+ @keyframes ThumbnailFullWidthTransparent-Frame-1707483281-transform {
7624
7550
  0% {
7625
- transform: translate(0px, 24.979506px);
7551
+ transform: translate(0px, 30px);
7626
7552
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7627
7553
  }
7628
- 24.561403% {
7554
+ 26.315789% {
7629
7555
  transform: translate(0px, 0px);
7630
7556
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7631
7557
  }
@@ -7635,52 +7561,31 @@
7635
7561
  }
7636
7562
 
7637
7563
 
7638
- /* ThumbnailContainer */
7564
+ /* ThumbnailGrid */
7639
7565
 
7640
- .ThumbnailContainer-root {
7566
+ .ThumbnailGrid-root {
7641
7567
  max-width: 100%;
7642
7568
  height: auto;
7643
7569
  }
7644
7570
 
7645
- .ThumbnailContainer-root {
7571
+ .ThumbnailGrid-root {
7646
7572
  --color-1: #F8F6F6;
7647
7573
  --color-2: #002294;
7648
- --color-3: #D5DFFF;
7649
- --color-4: #7896FF;
7650
- }
7651
-
7652
- .ThumbnailContainer-Frame-1707483282 {
7653
- transform-box: fill-box;
7654
- transform-origin: 50% 50%;
7655
- animation: ThumbnailContainer-Frame-1707483282-transform 2375ms linear infinite both;
7656
- }
7657
-
7658
- @keyframes ThumbnailContainer-Frame-1707483282-transform {
7659
- 0% {
7660
- transform: translate(0px, 59.807137px);
7661
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7662
- }
7663
- 64.884211% {
7664
- transform: translate(0px, 0px);
7665
- animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7666
- }
7667
- 100% {
7668
- transform: translate(0px, 0px);
7669
- }
7574
+ --color-3: #7896FF;
7670
7575
  }
7671
7576
 
7672
- .ThumbnailContainer-Frame-1707483283 {
7577
+ .ThumbnailGrid-Group-2147222318 {
7673
7578
  transform-box: fill-box;
7674
7579
  transform-origin: 50% 50%;
7675
- animation: ThumbnailContainer-Frame-1707483283-transform 2375ms linear infinite both;
7580
+ animation: ThumbnailGrid-Group-2147222318-transform 2375ms linear infinite both;
7676
7581
  }
7677
7582
 
7678
- @keyframes ThumbnailContainer-Frame-1707483283-transform {
7583
+ @keyframes ThumbnailGrid-Group-2147222318-transform {
7679
7584
  0% {
7680
- transform: translate(0px, 51.14881px);
7585
+ transform: translate(0px, 30px);
7681
7586
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7682
7587
  }
7683
- 43.859649% {
7588
+ 26.315789% {
7684
7589
  transform: translate(0px, 0px);
7685
7590
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7686
7591
  }
@@ -7689,18 +7594,18 @@
7689
7594
  }
7690
7595
  }
7691
7596
 
7692
- .ThumbnailContainer-Frame-1707483284 {
7597
+ .ThumbnailGrid-Group-2147222319 {
7693
7598
  transform-box: fill-box;
7694
7599
  transform-origin: 50% 50%;
7695
- animation: ThumbnailContainer-Frame-1707483284-transform 2375ms linear infinite both;
7600
+ animation: ThumbnailGrid-Group-2147222319-transform 2375ms linear infinite both;
7696
7601
  }
7697
7602
 
7698
- @keyframes ThumbnailContainer-Frame-1707483284-transform {
7603
+ @keyframes ThumbnailGrid-Group-2147222319-transform {
7699
7604
  0% {
7700
- transform: translate(0px, 58.777289px);
7605
+ transform: translate(0px, 51.778772px);
7701
7606
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7702
7607
  }
7703
- 57.852632% {
7608
+ 33.347368% {
7704
7609
  transform: translate(0px, 0px);
7705
7610
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7706
7611
  }
@@ -7709,18 +7614,18 @@
7709
7614
  }
7710
7615
  }
7711
7616
 
7712
- .ThumbnailContainer-Frame-1707483285 {
7617
+ .ThumbnailGrid-Group-2147222320 {
7713
7618
  transform-box: fill-box;
7714
7619
  transform-origin: 50% 50%;
7715
- animation: ThumbnailContainer-Frame-1707483285-transform 2375ms linear infinite both;
7620
+ animation: ThumbnailGrid-Group-2147222320-transform 2375ms linear infinite both;
7716
7621
  }
7717
7622
 
7718
- @keyframes ThumbnailContainer-Frame-1707483285-transform {
7623
+ @keyframes ThumbnailGrid-Group-2147222320-transform {
7719
7624
  0% {
7720
- transform: translate(0px, 56.367048px);
7625
+ transform: translate(0px, 57.591696px);
7721
7626
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7722
7627
  }
7723
- 50.863158% {
7628
+ 40.336842% {
7724
7629
  transform: translate(0px, 0px);
7725
7630
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7726
7631
  }
@@ -7730,26 +7635,26 @@
7730
7635
  }
7731
7636
 
7732
7637
 
7733
- /* ThumbnailContainer2 */
7638
+ /* ThumbnailGridTransparent */
7734
7639
 
7735
- .ThumbnailContainer2-root {
7640
+ .ThumbnailGridTransparent-root {
7736
7641
  max-width: 100%;
7737
7642
  height: auto;
7738
7643
  }
7739
7644
 
7740
- .ThumbnailContainer2-root {
7741
- --color-1: #7896FF;
7645
+ .ThumbnailGridTransparent-root {
7646
+ --color-1: #F8F6F6;
7742
7647
  --color-2: #002294;
7743
- --color-3: #F8F6F6;
7648
+ --color-3: #7896FF;
7744
7649
  }
7745
7650
 
7746
- .ThumbnailContainer2-group-mtr8nkm4-1 {
7651
+ .ThumbnailGridTransparent-Group-2147222318 {
7747
7652
  transform-box: fill-box;
7748
7653
  transform-origin: 50% 50%;
7749
- animation: ThumbnailContainer2-group-mtr8nkm4-1-transform 2375ms linear infinite both;
7654
+ animation: ThumbnailGridTransparent-Group-2147222318-transform 2375ms linear infinite both;
7750
7655
  }
7751
7656
 
7752
- @keyframes ThumbnailContainer2-group-mtr8nkm4-1-transform {
7657
+ @keyframes ThumbnailGridTransparent-Group-2147222318-transform {
7753
7658
  0% {
7754
7659
  transform: translate(0px, 30px);
7755
7660
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7763,13 +7668,13 @@
7763
7668
  }
7764
7669
  }
7765
7670
 
7766
- .ThumbnailContainer2-group-mtr8o0p7-2 {
7671
+ .ThumbnailGridTransparent-Group-2147222319 {
7767
7672
  transform-box: fill-box;
7768
7673
  transform-origin: 50% 50%;
7769
- animation: ThumbnailContainer2-group-mtr8o0p7-2-transform 2375ms linear infinite both;
7674
+ animation: ThumbnailGridTransparent-Group-2147222319-transform 2375ms linear infinite both;
7770
7675
  }
7771
7676
 
7772
- @keyframes ThumbnailContainer2-group-mtr8o0p7-2-transform {
7677
+ @keyframes ThumbnailGridTransparent-Group-2147222319-transform {
7773
7678
  0% {
7774
7679
  transform: translate(0px, 51.778772px);
7775
7680
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7783,13 +7688,13 @@
7783
7688
  }
7784
7689
  }
7785
7690
 
7786
- .ThumbnailContainer2-group-mtr8obho-3 {
7691
+ .ThumbnailGridTransparent-Group-2147222320 {
7787
7692
  transform-box: fill-box;
7788
7693
  transform-origin: 50% 50%;
7789
- animation: ThumbnailContainer2-group-mtr8obho-3-transform 2375ms linear infinite both;
7694
+ animation: ThumbnailGridTransparent-Group-2147222320-transform 2375ms linear infinite both;
7790
7695
  }
7791
7696
 
7792
- @keyframes ThumbnailContainer2-group-mtr8obho-3-transform {
7697
+ @keyframes ThumbnailGridTransparent-Group-2147222320-transform {
7793
7698
  0% {
7794
7699
  transform: translate(0px, 57.591696px);
7795
7700
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7804,31 +7709,31 @@
7804
7709
  }
7805
7710
 
7806
7711
 
7807
- /* ThumbnailFullWidth */
7712
+ /* ThumbnailSideBySide */
7808
7713
 
7809
- .ThumbnailFullWidth-root {
7714
+ .ThumbnailSideBySide-root {
7810
7715
  max-width: 100%;
7811
7716
  height: auto;
7812
7717
  }
7813
7718
 
7814
- .ThumbnailFullWidth-root {
7815
- --color-1: #F8F6F6;
7719
+ .ThumbnailSideBySide-root {
7720
+ --color-1: #7896FF;
7816
7721
  --color-2: #002294;
7817
- --color-3: #7896FF;
7722
+ --color-3: #F8F6F6;
7818
7723
  }
7819
7724
 
7820
- .ThumbnailFullWidth-Frame-1707483277 {
7725
+ .ThumbnailSideBySide-group-mtr8nkm4-1 {
7821
7726
  transform-box: fill-box;
7822
7727
  transform-origin: 50% 50%;
7823
- animation: ThumbnailFullWidth-Frame-1707483277-transform 2375ms linear infinite both;
7728
+ animation: ThumbnailSideBySide-group-mtr8nkm4-1-transform 2375ms linear infinite both;
7824
7729
  }
7825
7730
 
7826
- @keyframes ThumbnailFullWidth-Frame-1707483277-transform {
7731
+ @keyframes ThumbnailSideBySide-group-mtr8nkm4-1-transform {
7827
7732
  0% {
7828
- transform: translate(0px, 57.591696px);
7733
+ transform: translate(0px, 30px);
7829
7734
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7830
7735
  }
7831
- 40.336842% {
7736
+ 26.315789% {
7832
7737
  transform: translate(0px, 0px);
7833
7738
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7834
7739
  }
@@ -7837,13 +7742,13 @@
7837
7742
  }
7838
7743
  }
7839
7744
 
7840
- .ThumbnailFullWidth-Frame-1707483278 {
7745
+ .ThumbnailSideBySide-group-mtr8o0p7-2 {
7841
7746
  transform-box: fill-box;
7842
7747
  transform-origin: 50% 50%;
7843
- animation: ThumbnailFullWidth-Frame-1707483278-transform 2375ms linear infinite both;
7748
+ animation: ThumbnailSideBySide-group-mtr8o0p7-2-transform 2375ms linear infinite both;
7844
7749
  }
7845
7750
 
7846
- @keyframes ThumbnailFullWidth-Frame-1707483278-transform {
7751
+ @keyframes ThumbnailSideBySide-group-mtr8o0p7-2-transform {
7847
7752
  0% {
7848
7753
  transform: translate(0px, 51.778772px);
7849
7754
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7857,18 +7762,18 @@
7857
7762
  }
7858
7763
  }
7859
7764
 
7860
- .ThumbnailFullWidth-Frame-1707483281 {
7765
+ .ThumbnailSideBySide-group-mtr8obho-3 {
7861
7766
  transform-box: fill-box;
7862
7767
  transform-origin: 50% 50%;
7863
- animation: ThumbnailFullWidth-Frame-1707483281-transform 2375ms linear infinite both;
7768
+ animation: ThumbnailSideBySide-group-mtr8obho-3-transform 2375ms linear infinite both;
7864
7769
  }
7865
7770
 
7866
- @keyframes ThumbnailFullWidth-Frame-1707483281-transform {
7771
+ @keyframes ThumbnailSideBySide-group-mtr8obho-3-transform {
7867
7772
  0% {
7868
- transform: translate(0px, 30px);
7773
+ transform: translate(0px, 57.591696px);
7869
7774
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7870
7775
  }
7871
- 26.315789% {
7776
+ 40.336842% {
7872
7777
  transform: translate(0px, 0px);
7873
7778
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7874
7779
  }
@@ -7878,26 +7783,26 @@
7878
7783
  }
7879
7784
 
7880
7785
 
7881
- /* ThumbnailGrid */
7786
+ /* ThumbnailSideBySideTransparent */
7882
7787
 
7883
- .ThumbnailGrid-root {
7788
+ .ThumbnailSideBySideTransparent-root {
7884
7789
  max-width: 100%;
7885
7790
  height: auto;
7886
7791
  }
7887
7792
 
7888
- .ThumbnailGrid-root {
7889
- --color-1: #F8F6F6;
7793
+ .ThumbnailSideBySideTransparent-root {
7794
+ --color-1: #7896FF;
7890
7795
  --color-2: #002294;
7891
- --color-3: #7896FF;
7796
+ --color-3: #F8F6F6;
7892
7797
  }
7893
7798
 
7894
- .ThumbnailGrid-Group-2147222318 {
7799
+ .ThumbnailSideBySideTransparent-group-mtr8nkm4-1 {
7895
7800
  transform-box: fill-box;
7896
7801
  transform-origin: 50% 50%;
7897
- animation: ThumbnailGrid-Group-2147222318-transform 2375ms linear infinite both;
7802
+ animation: ThumbnailSideBySideTransparent-group-mtr8nkm4-1-transform 2375ms linear infinite both;
7898
7803
  }
7899
7804
 
7900
- @keyframes ThumbnailGrid-Group-2147222318-transform {
7805
+ @keyframes ThumbnailSideBySideTransparent-group-mtr8nkm4-1-transform {
7901
7806
  0% {
7902
7807
  transform: translate(0px, 30px);
7903
7808
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7911,13 +7816,13 @@
7911
7816
  }
7912
7817
  }
7913
7818
 
7914
- .ThumbnailGrid-Group-2147222319 {
7819
+ .ThumbnailSideBySideTransparent-group-mtr8o0p7-2 {
7915
7820
  transform-box: fill-box;
7916
7821
  transform-origin: 50% 50%;
7917
- animation: ThumbnailGrid-Group-2147222319-transform 2375ms linear infinite both;
7822
+ animation: ThumbnailSideBySideTransparent-group-mtr8o0p7-2-transform 2375ms linear infinite both;
7918
7823
  }
7919
7824
 
7920
- @keyframes ThumbnailGrid-Group-2147222319-transform {
7825
+ @keyframes ThumbnailSideBySideTransparent-group-mtr8o0p7-2-transform {
7921
7826
  0% {
7922
7827
  transform: translate(0px, 51.778772px);
7923
7828
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7931,13 +7836,13 @@
7931
7836
  }
7932
7837
  }
7933
7838
 
7934
- .ThumbnailGrid-Group-2147222320 {
7839
+ .ThumbnailSideBySideTransparent-group-mtr8obho-3 {
7935
7840
  transform-box: fill-box;
7936
7841
  transform-origin: 50% 50%;
7937
- animation: ThumbnailGrid-Group-2147222320-transform 2375ms linear infinite both;
7842
+ animation: ThumbnailSideBySideTransparent-group-mtr8obho-3-transform 2375ms linear infinite both;
7938
7843
  }
7939
7844
 
7940
- @keyframes ThumbnailGrid-Group-2147222320-transform {
7845
+ @keyframes ThumbnailSideBySideTransparent-group-mtr8obho-3-transform {
7941
7846
  0% {
7942
7847
  transform: translate(0px, 57.591696px);
7943
7848
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -7952,31 +7857,31 @@
7952
7857
  }
7953
7858
 
7954
7859
 
7955
- /* ThumbnailSideBySide */
7860
+ /* ThumbnailSplit */
7956
7861
 
7957
- .ThumbnailSideBySide-root {
7862
+ .ThumbnailSplit-root {
7958
7863
  max-width: 100%;
7959
7864
  height: auto;
7960
7865
  }
7961
7866
 
7962
- .ThumbnailSideBySide-root {
7963
- --color-1: #7896FF;
7867
+ .ThumbnailSplit-root {
7868
+ --color-1: #F8F6F6;
7964
7869
  --color-2: #002294;
7965
- --color-3: #F8F6F6;
7870
+ --color-3: #7896FF;
7966
7871
  }
7967
7872
 
7968
- .ThumbnailSideBySide-group-mtr8nkm4-1 {
7873
+ .ThumbnailSplit-Frame-1707483277 {
7969
7874
  transform-box: fill-box;
7970
7875
  transform-origin: 50% 50%;
7971
- animation: ThumbnailSideBySide-group-mtr8nkm4-1-transform 2375ms linear infinite both;
7876
+ animation: ThumbnailSplit-Frame-1707483277-transform 2375ms linear infinite both;
7972
7877
  }
7973
7878
 
7974
- @keyframes ThumbnailSideBySide-group-mtr8nkm4-1-transform {
7879
+ @keyframes ThumbnailSplit-Frame-1707483277-transform {
7975
7880
  0% {
7976
- transform: translate(0px, 30px);
7881
+ transform: translate(0px, 57.377876px);
7977
7882
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7978
7883
  }
7979
- 26.315789% {
7884
+ 38.568421% {
7980
7885
  transform: translate(0px, 0px);
7981
7886
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7982
7887
  }
@@ -7985,18 +7890,18 @@
7985
7890
  }
7986
7891
  }
7987
7892
 
7988
- .ThumbnailSideBySide-group-mtr8o0p7-2 {
7893
+ .ThumbnailSplit-Frame-1707483278 {
7989
7894
  transform-box: fill-box;
7990
7895
  transform-origin: 50% 50%;
7991
- animation: ThumbnailSideBySide-group-mtr8o0p7-2-transform 2375ms linear infinite both;
7896
+ animation: ThumbnailSplit-Frame-1707483278-transform 2375ms linear infinite both;
7992
7897
  }
7993
7898
 
7994
- @keyframes ThumbnailSideBySide-group-mtr8o0p7-2-transform {
7899
+ @keyframes ThumbnailSplit-Frame-1707483278-transform {
7995
7900
  0% {
7996
- transform: translate(0px, 51.778772px);
7901
+ transform: translate(0px, 50.823251px);
7997
7902
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
7998
7903
  }
7999
- 33.347368% {
7904
+ 31.578947% {
8000
7905
  transform: translate(0px, 0px);
8001
7906
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8002
7907
  }
@@ -8005,18 +7910,18 @@
8005
7910
  }
8006
7911
  }
8007
7912
 
8008
- .ThumbnailSideBySide-group-mtr8obho-3 {
7913
+ .ThumbnailSplit-Frame-1707483281 {
8009
7914
  transform-box: fill-box;
8010
7915
  transform-origin: 50% 50%;
8011
- animation: ThumbnailSideBySide-group-mtr8obho-3-transform 2375ms linear infinite both;
7916
+ animation: ThumbnailSplit-Frame-1707483281-transform 2375ms linear infinite both;
8012
7917
  }
8013
7918
 
8014
- @keyframes ThumbnailSideBySide-group-mtr8obho-3-transform {
7919
+ @keyframes ThumbnailSplit-Frame-1707483281-transform {
8015
7920
  0% {
8016
- transform: translate(0px, 57.591696px);
7921
+ transform: translate(0px, 24.979506px);
8017
7922
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8018
7923
  }
8019
- 40.336842% {
7924
+ 24.561403% {
8020
7925
  transform: translate(0px, 0px);
8021
7926
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8022
7927
  }
@@ -8026,26 +7931,26 @@
8026
7931
  }
8027
7932
 
8028
7933
 
8029
- /* ThumbnailSplit */
7934
+ /* ThumbnailSplitTransparent */
8030
7935
 
8031
- .ThumbnailSplit-root {
7936
+ .ThumbnailSplitTransparent-root {
8032
7937
  max-width: 100%;
8033
7938
  height: auto;
8034
7939
  }
8035
7940
 
8036
- .ThumbnailSplit-root {
7941
+ .ThumbnailSplitTransparent-root {
8037
7942
  --color-1: #F8F6F6;
8038
7943
  --color-2: #002294;
8039
7944
  --color-3: #7896FF;
8040
7945
  }
8041
7946
 
8042
- .ThumbnailSplit-Frame-1707483277 {
7947
+ .ThumbnailSplitTransparent-Frame-1707483277 {
8043
7948
  transform-box: fill-box;
8044
7949
  transform-origin: 50% 50%;
8045
- animation: ThumbnailSplit-Frame-1707483277-transform 2375ms linear infinite both;
7950
+ animation: ThumbnailSplitTransparent-Frame-1707483277-transform 2375ms linear infinite both;
8046
7951
  }
8047
7952
 
8048
- @keyframes ThumbnailSplit-Frame-1707483277-transform {
7953
+ @keyframes ThumbnailSplitTransparent-Frame-1707483277-transform {
8049
7954
  0% {
8050
7955
  transform: translate(0px, 57.377876px);
8051
7956
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -8059,13 +7964,13 @@
8059
7964
  }
8060
7965
  }
8061
7966
 
8062
- .ThumbnailSplit-Frame-1707483278 {
7967
+ .ThumbnailSplitTransparent-Frame-1707483278 {
8063
7968
  transform-box: fill-box;
8064
7969
  transform-origin: 50% 50%;
8065
- animation: ThumbnailSplit-Frame-1707483278-transform 2375ms linear infinite both;
7970
+ animation: ThumbnailSplitTransparent-Frame-1707483278-transform 2375ms linear infinite both;
8066
7971
  }
8067
7972
 
8068
- @keyframes ThumbnailSplit-Frame-1707483278-transform {
7973
+ @keyframes ThumbnailSplitTransparent-Frame-1707483278-transform {
8069
7974
  0% {
8070
7975
  transform: translate(0px, 50.823251px);
8071
7976
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -8079,13 +7984,13 @@
8079
7984
  }
8080
7985
  }
8081
7986
 
8082
- .ThumbnailSplit-Frame-1707483281 {
7987
+ .ThumbnailSplitTransparent-Frame-1707483281 {
8083
7988
  transform-box: fill-box;
8084
7989
  transform-origin: 50% 50%;
8085
- animation: ThumbnailSplit-Frame-1707483281-transform 2375ms linear infinite both;
7990
+ animation: ThumbnailSplitTransparent-Frame-1707483281-transform 2375ms linear infinite both;
8086
7991
  }
8087
7992
 
8088
- @keyframes ThumbnailSplit-Frame-1707483281-transform {
7993
+ @keyframes ThumbnailSplitTransparent-Frame-1707483281-transform {
8089
7994
  0% {
8090
7995
  transform: translate(0px, 24.979506px);
8091
7996
  animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
@@ -8193,4 +8098,99 @@
8193
8098
  transform: translate(0px, 0px);
8194
8099
  }
8195
8100
  }
8101
+
8102
+
8103
+ /* ThumbnailZigzagTransparent */
8104
+
8105
+ .ThumbnailZigzagTransparent-root {
8106
+ max-width: 100%;
8107
+ height: auto;
8108
+ }
8109
+
8110
+ .ThumbnailZigzagTransparent-root {
8111
+ --color-1: #F8F6F6;
8112
+ --color-2: #002294;
8113
+ --color-3: #D5DFFF;
8114
+ --color-4: #7896FF;
8115
+ }
8116
+
8117
+ .ThumbnailZigzagTransparent-Frame-1707483282 {
8118
+ transform-box: fill-box;
8119
+ transform-origin: 50% 50%;
8120
+ animation: ThumbnailZigzagTransparent-Frame-1707483282-transform 2375ms linear infinite both;
8121
+ }
8122
+
8123
+ @keyframes ThumbnailZigzagTransparent-Frame-1707483282-transform {
8124
+ 0% {
8125
+ transform: translate(0px, 59.807137px);
8126
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8127
+ }
8128
+ 64.884211% {
8129
+ transform: translate(0px, 0px);
8130
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8131
+ }
8132
+ 100% {
8133
+ transform: translate(0px, 0px);
8134
+ }
8135
+ }
8136
+
8137
+ .ThumbnailZigzagTransparent-Frame-1707483283 {
8138
+ transform-box: fill-box;
8139
+ transform-origin: 50% 50%;
8140
+ animation: ThumbnailZigzagTransparent-Frame-1707483283-transform 2375ms linear infinite both;
8141
+ }
8142
+
8143
+ @keyframes ThumbnailZigzagTransparent-Frame-1707483283-transform {
8144
+ 0% {
8145
+ transform: translate(0px, 51.14881px);
8146
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8147
+ }
8148
+ 43.859649% {
8149
+ transform: translate(0px, 0px);
8150
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8151
+ }
8152
+ 100% {
8153
+ transform: translate(0px, 0px);
8154
+ }
8155
+ }
8156
+
8157
+ .ThumbnailZigzagTransparent-Frame-1707483284 {
8158
+ transform-box: fill-box;
8159
+ transform-origin: 50% 50%;
8160
+ animation: ThumbnailZigzagTransparent-Frame-1707483284-transform 2375ms linear infinite both;
8161
+ }
8162
+
8163
+ @keyframes ThumbnailZigzagTransparent-Frame-1707483284-transform {
8164
+ 0% {
8165
+ transform: translate(0px, 58.777289px);
8166
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8167
+ }
8168
+ 57.852632% {
8169
+ transform: translate(0px, 0px);
8170
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8171
+ }
8172
+ 100% {
8173
+ transform: translate(0px, 0px);
8174
+ }
8175
+ }
8176
+
8177
+ .ThumbnailZigzagTransparent-Frame-1707483285 {
8178
+ transform-box: fill-box;
8179
+ transform-origin: 50% 50%;
8180
+ animation: ThumbnailZigzagTransparent-Frame-1707483285-transform 2375ms linear infinite both;
8181
+ }
8182
+
8183
+ @keyframes ThumbnailZigzagTransparent-Frame-1707483285-transform {
8184
+ 0% {
8185
+ transform: translate(0px, 56.367048px);
8186
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8187
+ }
8188
+ 50.863158% {
8189
+ transform: translate(0px, 0px);
8190
+ animation-timing-function: cubic-bezier(0.801, 0, 0.199, 1);
8191
+ }
8192
+ 100% {
8193
+ transform: translate(0px, 0px);
8194
+ }
8195
+ }
8196
8196