@newskit-render/core 0.131.1 → 0.138.1

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 (29) hide show
  1. package/CHANGELOG.md +169 -0
  2. package/README.md +1 -1
  3. package/__pacts__/client.ts +10 -6
  4. package/__tests__/pages/[articleSlug].test.tsx +20 -7
  5. package/__tests__/pages/__snapshots__/home.test.tsx.snap +599 -690
  6. package/__tests__/pages/home.test.tsx +22 -10
  7. package/components/404/404.tsx +9 -5
  8. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +650 -687
  9. package/components/common/NavLink.tsx +4 -3
  10. package/components/footer/__snapshots__/index.test.tsx.snap +15 -23
  11. package/components/header/index.tsx +4 -3
  12. package/components/section/__tests__/ArticleSlice.test.tsx +2 -2
  13. package/components/section/layouts/FallBack.tsx +3 -3
  14. package/components/section/layouts/SectionRow.tsx +4 -3
  15. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +152 -167
  16. package/components/section/layouts/__tests__/__snapshots__/SectionRow.test.tsx.snap +857 -952
  17. package/helpers/addCacheHeaders.ts +8 -0
  18. package/infrastructure/.circleci/config.yml +2 -2
  19. package/jest.config.js +4 -0
  20. package/jest.config.pact.js +3 -2
  21. package/package.json +11 -9
  22. package/pages/[section]/[articleId]/[articleSlug].tsx +11 -4
  23. package/pages/[section]/index.tsx +11 -4
  24. package/pages/api/account/zuora/generate-rsa.ts +5 -0
  25. package/pages/index.tsx +11 -4
  26. package/pages/preview/[articleId]/version/[versionId]/index.tsx +4 -2
  27. package/temp/header.tsx +4 -3
  28. package/tsconfig.json +3 -2
  29. package/helpers/createApolloClient.tsx +0 -28
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -4,12 +4,12 @@ exports[`getServerSideProps Homepage 1`] = `
4
4
  <DocumentFragment>
5
5
  .emotion-0 {
6
6
  height: 64px;
7
- background-color: #0a0a0a;
7
+ background-color: #0A0A0A;
8
8
  }
9
9
 
10
10
  .emotion-0 a,
11
11
  .emotion-0 a:visited:not(:disabled) {
12
- color: #ffffff;
12
+ color: #FFFFFF;
13
13
  font-weight: bold;
14
14
  line-height: 1.5;
15
15
  }
@@ -134,41 +134,33 @@ exports[`getServerSideProps Homepage 1`] = `
134
134
  transition-property: color;
135
135
  transition-duration: 200ms;
136
136
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
137
- color: #ffffff;
137
+ color: #FFFFFF;
138
138
  -webkit-text-decoration: none;
139
139
  text-decoration: none;
140
140
  }
141
141
 
142
142
  .emotion-5 svg {
143
- fill: #ffffff;
143
+ fill: #FFFFFF;
144
144
  }
145
145
 
146
146
  .emotion-5:hover:not(:disabled) {
147
- color: #ffffff;
147
+ color: #FFFFFF;
148
148
  -webkit-text-decoration: underline;
149
149
  text-decoration: underline;
150
150
  }
151
151
 
152
152
  .emotion-5:hover:not(:disabled) svg {
153
- fill: #ffffff;
153
+ fill: #FFFFFF;
154
154
  }
155
155
 
156
156
  .emotion-5:active:not(:disabled) {
157
- color: #ffffff;
157
+ color: #FFFFFF;
158
158
  -webkit-text-decoration: underline;
159
159
  text-decoration: underline;
160
160
  }
161
161
 
162
162
  .emotion-5:active:not(:disabled) svg {
163
- fill: #ffffff;
164
- }
165
-
166
- .emotion-5:visited:not(:disabled) {
167
- color: rgba(255,255,255,0.8);
168
- }
169
-
170
- .emotion-5:visited:not(:disabled) svg {
171
- fill: rgba(255,255,255,0.8);
163
+ fill: #FFFFFF;
172
164
  }
173
165
 
174
166
  .emotion-6 {
@@ -233,8 +225,8 @@ exports[`getServerSideProps Homepage 1`] = `
233
225
 
234
226
  .emotion-9 {
235
227
  display: inline-block;
236
- fill: #ffffff;
237
- color: #ffffff;
228
+ fill: #FFFFFF;
229
+ color: #FFFFFF;
238
230
  width: 160px;
239
231
  }
240
232
 
@@ -299,7 +291,7 @@ exports[`getServerSideProps Homepage 1`] = `
299
291
  overflow: auto;
300
292
  width: 100%;
301
293
  min-height: 100vh;
302
- background-color: #0a0a0a;
294
+ background-color: #0A0A0A;
303
295
  left: 0;
304
296
  top: 64px;
305
297
  z-index: 1;
@@ -387,11 +379,11 @@ exports[`getServerSideProps Homepage 1`] = `
387
379
  .emotion-19 {
388
380
  margin: 0;
389
381
  padding: 1px 0;
390
- font-family: "Noto Sans",sans-serif;
382
+ font-family: "DM Sans",sans-serif;
391
383
  font-size: 14px;
392
384
  line-height: 1.4285714285714286;
393
385
  font-weight: 500;
394
- letter-spacing: 0;
386
+ letter-spacing: -0.5px;
395
387
  display: inline-block;
396
388
  display: block;
397
389
  }
@@ -401,7 +393,7 @@ exports[`getServerSideProps Homepage 1`] = `
401
393
  display: block;
402
394
  height: 0;
403
395
  width: 0;
404
- margin-bottom: -0.32678571428571435em;
396
+ margin-bottom: -0.3955357142857143em;
405
397
  }
406
398
 
407
399
  .emotion-19::after {
@@ -409,7 +401,7 @@ exports[`getServerSideProps Homepage 1`] = `
409
401
  display: block;
410
402
  height: 0;
411
403
  width: 0;
412
- margin-top: -0.4267857142857143em;
404
+ margin-top: -0.3955357142857143em;
413
405
  }
414
406
 
415
407
  .emotion-29 {
@@ -420,59 +412,49 @@ exports[`getServerSideProps Homepage 1`] = `
420
412
  display: inline-block;
421
413
  vertical-align: middle;
422
414
  overflow: hidden;
423
- color: #ffffff;
415
+ color: #FFFFFF;
424
416
  -webkit-text-decoration: none;
425
417
  text-decoration: none;
426
- fill: #ffffff;
418
+ fill: #FFFFFF;
427
419
  vertical-align: unset;
428
420
  display: inline-block;
429
421
  }
430
422
 
431
423
  .emotion-30:hover:not(:disabled) {
432
- color: #ffffff;
424
+ color: #FFFFFF;
433
425
  -webkit-text-decoration: underline;
434
426
  text-decoration: underline;
435
- fill: #ffffff;
427
+ fill: #FFFFFF;
436
428
  }
437
429
 
438
430
  .emotion-30:active:not(:disabled) {
439
- color: #ffffff;
431
+ color: #FFFFFF;
440
432
  -webkit-text-decoration: underline;
441
433
  text-decoration: underline;
442
- fill: #ffffff;
443
- }
444
-
445
- .emotion-30:visited:not(:disabled) {
446
- color: rgba(255,255,255,0.8);
447
- fill: rgba(255,255,255,0.8);
434
+ fill: #FFFFFF;
448
435
  }
449
436
 
450
437
  .emotion-30.emotion-30 {
451
438
  width: 32px;
452
439
  height: 32px;
453
- color: #ffffff;
440
+ color: #FFFFFF;
454
441
  -webkit-text-decoration: none;
455
442
  text-decoration: none;
456
- fill: #ffffff;
443
+ fill: #FFFFFF;
457
444
  }
458
445
 
459
446
  .emotion-30.emotion-30:hover:not(:disabled) {
460
- color: #ffffff;
447
+ color: #FFFFFF;
461
448
  -webkit-text-decoration: underline;
462
449
  text-decoration: underline;
463
- fill: #ffffff;
450
+ fill: #FFFFFF;
464
451
  }
465
452
 
466
453
  .emotion-30.emotion-30:active:not(:disabled) {
467
- color: #ffffff;
454
+ color: #FFFFFF;
468
455
  -webkit-text-decoration: underline;
469
456
  text-decoration: underline;
470
- fill: #ffffff;
471
- }
472
-
473
- .emotion-30.emotion-30:visited:not(:disabled) {
474
- color: rgba(255,255,255,0.8);
475
- fill: rgba(255,255,255,0.8);
457
+ fill: #FFFFFF;
476
458
  }
477
459
 
478
460
  <div
@@ -684,7 +666,7 @@ exports[`getServerSideProps Homepage 1`] = `
684
666
  />
685
667
  @media screen {
686
668
  .emotion-0 {
687
- background-color: #ffffff;
669
+ background-color: #FFFFFF;
688
670
  }
689
671
  }
690
672
 
@@ -865,8 +847,8 @@ exports[`getServerSideProps Homepage 1`] = `
865
847
  .emotion-8 {
866
848
  box-sizing: border-box;
867
849
  overflow: hidden;
868
- color: #2e2e2e;
869
- background-color: #ffffff;
850
+ color: #2E2E2E;
851
+ background-color: #FFFFFF;
870
852
  position: relative;
871
853
  display: -webkit-box;
872
854
  display: -webkit-flex;
@@ -896,19 +878,16 @@ exports[`getServerSideProps Homepage 1`] = `
896
878
  }
897
879
 
898
880
  .emotion-10 {
899
- width: 100%;
900
- }
901
-
902
- .emotion-11 {
903
881
  position: relative;
904
882
  width: 100%;
905
883
  display: block;
906
884
  height: auto;
907
885
  padding-top: 0;
886
+ width: 100%;
908
887
  border-radius: 0;
909
888
  }
910
889
 
911
- .emotion-12 {
890
+ .emotion-11 {
912
891
  opacity: 1;
913
892
  display: block;
914
893
  border-radius: inherit;
@@ -918,67 +897,67 @@ exports[`getServerSideProps Homepage 1`] = `
918
897
  animation: fadeIn 300ms;
919
898
  }
920
899
 
921
- .emotion-13 {
900
+ .emotion-12 {
922
901
  box-sizing: border-box;
923
902
  }
924
903
 
925
- .emotion-14 {
904
+ .emotion-13 {
926
905
  box-sizing: border-box;
927
906
  padding: 0;
928
907
  }
929
908
 
930
- .emotion-14 a:not(.nk-card-link) {
909
+ .emotion-13 a:not(.nk-card-link) {
931
910
  z-index: 2;
932
911
  position: relative;
933
912
  }
934
913
 
935
- .emotion-15 {
914
+ .emotion-14 {
936
915
  -webkit-text-decoration: none;
937
916
  text-decoration: none;
938
917
  border: none;
939
918
  }
940
919
 
941
- .emotion-15 .nk-headline-kicker {
942
- color: #0a68c1;
920
+ .emotion-14 .nk-headline-kicker {
921
+ color: #3358CC;
943
922
  }
944
923
 
945
- .emotion-15:hover:not(:disabled) .nk-headline-kicker {
946
- color: #02509b;
924
+ .emotion-14:hover:not(:disabled) .nk-headline-kicker {
925
+ color: #2B4AAB;
947
926
  -webkit-text-decoration: underline;
948
927
  text-decoration: underline;
949
928
  }
950
929
 
951
- .emotion-15:active:not(:disabled) .nk-headline-kicker {
952
- color: #01396e;
930
+ .emotion-14:active:not(:disabled) .nk-headline-kicker {
931
+ color: #213A82;
953
932
  -webkit-text-decoration: underline;
954
933
  text-decoration: underline;
955
934
  }
956
935
 
957
- .emotion-15:visited:not(:disabled) .nk-headline-kicker {
958
- color: #7547a3;
936
+ .emotion-14:visited:not(:disabled) .nk-headline-kicker {
937
+ color: #5E44E4;
959
938
  }
960
939
 
961
- .emotion-15 .nk-headline-heading {
962
- color: #2e2e2e;
940
+ .emotion-14 .nk-headline-heading {
941
+ color: #2E2E2E;
963
942
  }
964
943
 
965
- .emotion-15:hover:not(:disabled) .nk-headline-heading {
966
- color: #02509b;
944
+ .emotion-14:hover:not(:disabled) .nk-headline-heading {
945
+ color: #2B4AAB;
967
946
  -webkit-text-decoration: underline;
968
947
  text-decoration: underline;
969
948
  }
970
949
 
971
- .emotion-15:active:not(:disabled) .nk-headline-heading {
972
- color: #01396e;
950
+ .emotion-14:active:not(:disabled) .nk-headline-heading {
951
+ color: #213A82;
973
952
  -webkit-text-decoration: underline;
974
953
  text-decoration: underline;
975
954
  }
976
955
 
977
- .emotion-15:visited:not(:disabled) .nk-headline-heading {
978
- color: #7547a3;
956
+ .emotion-14:visited:not(:disabled) .nk-headline-heading {
957
+ color: #5E44E4;
979
958
  }
980
959
 
981
- .emotion-15:before {
960
+ .emotion-14:before {
982
961
  content: '';
983
962
  top: 0;
984
963
  right: 0;
@@ -990,106 +969,106 @@ exports[`getServerSideProps Homepage 1`] = `
990
969
  }
991
970
 
992
971
  @media screen and (max-width: 767px) {
993
- .emotion-16 {
972
+ .emotion-15 {
994
973
  margin-bottom: 20px;
995
974
  }
996
975
  }
997
976
 
998
977
  @media screen and (min-width: 768px) {
999
- .emotion-16 {
978
+ .emotion-15 {
1000
979
  margin-bottom: 24px;
1001
980
  }
1002
981
  }
1003
982
 
1004
- .emotion-17 {
983
+ .emotion-16 {
1005
984
  margin: 0;
1006
985
  padding: 1px 0;
1007
- color: #0a0a0a;
986
+ color: #0A0A0A;
1008
987
  }
1009
988
 
1010
- .emotion-17 svg {
1011
- fill: #0a0a0a;
989
+ .emotion-16 svg {
990
+ fill: #0A0A0A;
1012
991
  }
1013
992
 
1014
993
  @media screen and (max-width: 767px) {
1015
- .emotion-17 {
1016
- font-family: "Source Serif Pro",serif;
1017
- font-size: 28px;
1018
- line-height: 1.1428571428571428;
1019
- font-weight: 600;
1020
- letter-spacing: 0;
994
+ .emotion-16 {
995
+ font-family: "Bitter",serif;
996
+ font-size: 24px;
997
+ line-height: 1.1666666666666667;
998
+ font-weight: 500;
999
+ letter-spacing: -0.5px;
1021
1000
  }
1022
1001
 
1023
- .emotion-17::before {
1002
+ .emotion-16::before {
1024
1003
  content: '';
1025
1004
  display: block;
1026
1005
  height: 0;
1027
1006
  width: 0;
1028
- margin-bottom: -0.09955357142857141em;
1007
+ margin-bottom: -0.2333333333333334em;
1029
1008
  }
1030
1009
 
1031
- .emotion-17::after {
1010
+ .emotion-16::after {
1032
1011
  content: '';
1033
1012
  display: block;
1034
1013
  height: 0;
1035
1014
  width: 0;
1036
- margin-top: -0.2839285714285714em;
1015
+ margin-top: -0.2958333333333334em;
1037
1016
  }
1038
1017
  }
1039
1018
 
1040
1019
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1041
- .emotion-17 {
1042
- font-family: "Source Serif Pro",serif;
1043
- font-size: 40px;
1044
- line-height: 1.1;
1045
- font-weight: 600;
1046
- letter-spacing: 0;
1020
+ .emotion-16 {
1021
+ font-family: "Bitter",serif;
1022
+ font-size: 36px;
1023
+ line-height: 1.1111111111111112;
1024
+ font-weight: 500;
1025
+ letter-spacing: -0.5px;
1047
1026
  }
1048
1027
 
1049
- .emotion-17::before {
1028
+ .emotion-16::before {
1050
1029
  content: '';
1051
1030
  display: block;
1052
1031
  height: 0;
1053
1032
  width: 0;
1054
- margin-bottom: -0.07812500000000006em;
1033
+ margin-bottom: -0.2055555555555556em;
1055
1034
  }
1056
1035
 
1057
- .emotion-17::after {
1036
+ .emotion-16::after {
1058
1037
  content: '';
1059
1038
  display: block;
1060
1039
  height: 0;
1061
1040
  width: 0;
1062
- margin-top: -0.26250000000000007em;
1041
+ margin-top: -0.2680555555555556em;
1063
1042
  }
1064
1043
  }
1065
1044
 
1066
1045
  @media screen and (min-width: 1440px) {
1067
- .emotion-17 {
1068
- font-family: "Source Serif Pro",serif;
1069
- font-size: 48px;
1070
- line-height: 1.1666666666666667;
1071
- font-weight: 600;
1072
- letter-spacing: 0;
1046
+ .emotion-16 {
1047
+ font-family: "Bitter",serif;
1048
+ font-size: 40px;
1049
+ line-height: 1.2;
1050
+ font-weight: 500;
1051
+ letter-spacing: -0.5px;
1073
1052
  }
1074
1053
 
1075
- .emotion-17::before {
1054
+ .emotion-16::before {
1076
1055
  content: '';
1077
1056
  display: block;
1078
1057
  height: 0;
1079
1058
  width: 0;
1080
- margin-bottom: -0.11145833333333338em;
1059
+ margin-bottom: -0.25em;
1081
1060
  }
1082
1061
 
1083
- .emotion-17::after {
1062
+ .emotion-16::after {
1084
1063
  content: '';
1085
1064
  display: block;
1086
1065
  height: 0;
1087
1066
  width: 0;
1088
- margin-top: -0.2958333333333334em;
1067
+ margin-top: -0.3125em;
1089
1068
  }
1090
1069
  }
1091
1070
 
1092
- .emotion-18 {
1071
+ .emotion-17 {
1093
1072
  box-sizing: border-box;
1094
1073
  -webkit-background-clip: padding-box;
1095
1074
  background-clip: padding-box;
@@ -1099,7 +1078,7 @@ exports[`getServerSideProps Homepage 1`] = `
1099
1078
  }
1100
1079
 
1101
1080
  @media screen {
1102
- .emotion-18 {
1081
+ .emotion-17 {
1103
1082
  padding: 0 8px;
1104
1083
  margin-top: 40px;
1105
1084
  -webkit-flex-basis: 100%;
@@ -1110,19 +1089,19 @@ exports[`getServerSideProps Homepage 1`] = `
1110
1089
  }
1111
1090
 
1112
1091
  @media screen and (min-width: 768px) {
1113
- .emotion-18 {
1092
+ .emotion-17 {
1114
1093
  margin-top: 32px;
1115
1094
  }
1116
1095
  }
1117
1096
 
1118
1097
  @media screen and (min-width: 1024px) {
1119
- .emotion-18 {
1098
+ .emotion-17 {
1120
1099
  padding: 0 12px;
1121
1100
  }
1122
1101
  }
1123
1102
 
1124
1103
  @media screen and (min-width: 1440px) {
1125
- .emotion-18 {
1104
+ .emotion-17 {
1126
1105
  margin-top: 0;
1127
1106
  -webkit-flex-basis: 33.333333333333336%;
1128
1107
  -ms-flex-preferred-size: 33.333333333333336%;
@@ -1131,7 +1110,7 @@ exports[`getServerSideProps Homepage 1`] = `
1131
1110
  }
1132
1111
  }
1133
1112
 
1134
- .emotion-20 {
1113
+ .emotion-19 {
1135
1114
  box-sizing: border-box;
1136
1115
  -webkit-background-clip: padding-box;
1137
1116
  background-clip: padding-box;
@@ -1149,36 +1128,36 @@ exports[`getServerSideProps Homepage 1`] = `
1149
1128
  }
1150
1129
 
1151
1130
  @media screen {
1152
- .emotion-20 {
1131
+ .emotion-19 {
1153
1132
  margin: -40px -8px 0 -8px;
1154
1133
  }
1155
1134
  }
1156
1135
 
1157
1136
  @media screen and (min-width: 480px) {
1158
- .emotion-20 {
1137
+ .emotion-19 {
1159
1138
  margin: -40px -8px 0 -8px;
1160
1139
  }
1161
1140
  }
1162
1141
 
1163
1142
  @media screen and (min-width: 768px) {
1164
- .emotion-20 {
1143
+ .emotion-19 {
1165
1144
  margin: -32px -8px 0 -8px;
1166
1145
  }
1167
1146
  }
1168
1147
 
1169
1148
  @media screen and (min-width: 1024px) {
1170
- .emotion-20 {
1149
+ .emotion-19 {
1171
1150
  margin: -32px -12px 0 -12px;
1172
1151
  }
1173
1152
  }
1174
1153
 
1175
1154
  @media screen and (min-width: 1440px) {
1176
- .emotion-20 {
1155
+ .emotion-19 {
1177
1156
  margin: -24px -12px 0 -12px;
1178
1157
  }
1179
1158
  }
1180
1159
 
1181
- .emotion-21 {
1160
+ .emotion-20 {
1182
1161
  box-sizing: border-box;
1183
1162
  -webkit-background-clip: padding-box;
1184
1163
  background-clip: padding-box;
@@ -1188,7 +1167,7 @@ exports[`getServerSideProps Homepage 1`] = `
1188
1167
  }
1189
1168
 
1190
1169
  @media screen {
1191
- .emotion-21 {
1170
+ .emotion-20 {
1192
1171
  padding: 0 8px;
1193
1172
  margin-top: 40px;
1194
1173
  -webkit-flex-basis: 100%;
@@ -1199,7 +1178,7 @@ exports[`getServerSideProps Homepage 1`] = `
1199
1178
  }
1200
1179
 
1201
1180
  @media screen and (min-width: 768px) {
1202
- .emotion-21 {
1181
+ .emotion-20 {
1203
1182
  margin-top: 32px;
1204
1183
  -webkit-flex-basis: 50%;
1205
1184
  -ms-flex-preferred-size: 50%;
@@ -1209,13 +1188,13 @@ exports[`getServerSideProps Homepage 1`] = `
1209
1188
  }
1210
1189
 
1211
1190
  @media screen and (min-width: 1024px) {
1212
- .emotion-21 {
1191
+ .emotion-20 {
1213
1192
  padding: 0 12px;
1214
1193
  }
1215
1194
  }
1216
1195
 
1217
1196
  @media screen and (min-width: 1440px) {
1218
- .emotion-21 {
1197
+ .emotion-20 {
1219
1198
  margin-top: 24px;
1220
1199
  -webkit-flex-basis: 100%;
1221
1200
  -ms-flex-preferred-size: 100%;
@@ -1224,115 +1203,115 @@ exports[`getServerSideProps Homepage 1`] = `
1224
1203
  }
1225
1204
  }
1226
1205
 
1227
- .emotion-23 {
1206
+ .emotion-22 {
1228
1207
  box-sizing: border-box;
1229
1208
  display: block;
1230
1209
  position: relative;
1231
1210
  margin-bottom: 20px;
1232
1211
  }
1233
1212
 
1234
- .emotion-30 {
1213
+ .emotion-28 {
1235
1214
  margin-bottom: 16px;
1236
1215
  }
1237
1216
 
1238
- .emotion-31 {
1217
+ .emotion-29 {
1239
1218
  margin: 0;
1240
1219
  padding: 1px 0;
1241
- color: #0a0a0a;
1220
+ color: #0A0A0A;
1242
1221
  }
1243
1222
 
1244
- .emotion-31 svg {
1245
- fill: #0a0a0a;
1223
+ .emotion-29 svg {
1224
+ fill: #0A0A0A;
1246
1225
  }
1247
1226
 
1248
1227
  @media screen and (max-width: 767px) {
1249
- .emotion-31 {
1250
- font-family: "Source Serif Pro",serif;
1251
- font-size: 28px;
1252
- line-height: 1.1428571428571428;
1253
- font-weight: 600;
1254
- letter-spacing: 0;
1228
+ .emotion-29 {
1229
+ font-family: "Bitter",serif;
1230
+ font-size: 24px;
1231
+ line-height: 1.1666666666666667;
1232
+ font-weight: 500;
1233
+ letter-spacing: -0.5px;
1255
1234
  }
1256
1235
 
1257
- .emotion-31::before {
1236
+ .emotion-29::before {
1258
1237
  content: '';
1259
1238
  display: block;
1260
1239
  height: 0;
1261
1240
  width: 0;
1262
- margin-bottom: -0.09955357142857141em;
1241
+ margin-bottom: -0.2333333333333334em;
1263
1242
  }
1264
1243
 
1265
- .emotion-31::after {
1244
+ .emotion-29::after {
1266
1245
  content: '';
1267
1246
  display: block;
1268
1247
  height: 0;
1269
1248
  width: 0;
1270
- margin-top: -0.2839285714285714em;
1249
+ margin-top: -0.2958333333333334em;
1271
1250
  }
1272
1251
  }
1273
1252
 
1274
1253
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1275
- .emotion-31 {
1276
- font-family: "Source Serif Pro",serif;
1277
- font-size: 32px;
1278
- line-height: 1.125;
1279
- font-weight: 600;
1280
- letter-spacing: 0;
1254
+ .emotion-29 {
1255
+ font-family: "Bitter",serif;
1256
+ font-size: 28px;
1257
+ line-height: 1.1428571428571428;
1258
+ font-weight: 500;
1259
+ letter-spacing: -0.5px;
1281
1260
  }
1282
1261
 
1283
- .emotion-31::before {
1262
+ .emotion-29::before {
1284
1263
  content: '';
1285
1264
  display: block;
1286
1265
  height: 0;
1287
1266
  width: 0;
1288
- margin-bottom: -0.09062500000000001em;
1267
+ margin-bottom: -0.22142857142857142em;
1289
1268
  }
1290
1269
 
1291
- .emotion-31::after {
1270
+ .emotion-29::after {
1292
1271
  content: '';
1293
1272
  display: block;
1294
1273
  height: 0;
1295
1274
  width: 0;
1296
- margin-top: -0.275em;
1275
+ margin-top: -0.2839285714285714em;
1297
1276
  }
1298
1277
  }
1299
1278
 
1300
1279
  @media screen and (min-width: 1440px) {
1301
- .emotion-31 {
1302
- font-family: "Source Serif Pro",serif;
1303
- font-size: 36px;
1304
- line-height: 1.1111111111111112;
1305
- font-weight: 600;
1306
- letter-spacing: 0;
1280
+ .emotion-29 {
1281
+ font-family: "Bitter",serif;
1282
+ font-size: 32px;
1283
+ line-height: 1.125;
1284
+ font-weight: 500;
1285
+ letter-spacing: -0.5px;
1307
1286
  }
1308
1287
 
1309
- .emotion-31::before {
1288
+ .emotion-29::before {
1310
1289
  content: '';
1311
1290
  display: block;
1312
1291
  height: 0;
1313
1292
  width: 0;
1314
- margin-bottom: -0.08368055555555559em;
1293
+ margin-bottom: -0.21250000000000002em;
1315
1294
  }
1316
1295
 
1317
- .emotion-31::after {
1296
+ .emotion-29::after {
1318
1297
  content: '';
1319
1298
  display: block;
1320
1299
  height: 0;
1321
1300
  width: 0;
1322
- margin-top: -0.2680555555555556em;
1301
+ margin-top: -0.275em;
1323
1302
  }
1324
1303
  }
1325
1304
 
1326
- .emotion-44 {
1305
+ .emotion-41 {
1327
1306
  background:color: transparent;
1328
1307
  }
1329
1308
 
1330
- .emotion-45 {
1309
+ .emotion-42 {
1331
1310
  margin-bottom: 32px;
1332
- background: #0a68c1;
1311
+ background: #3358CC;
1333
1312
  }
1334
1313
 
1335
- .emotion-46 {
1314
+ .emotion-43 {
1336
1315
  display: -webkit-box;
1337
1316
  display: -webkit-flex;
1338
1317
  display: -ms-flexbox;
@@ -1352,157 +1331,157 @@ exports[`getServerSideProps Homepage 1`] = `
1352
1331
  }
1353
1332
 
1354
1333
  @media screen and (max-width: 1023px) {
1355
- .emotion-46 {
1334
+ .emotion-43 {
1356
1335
  padding: 12px 16px;
1357
1336
  }
1358
1337
  }
1359
1338
 
1360
1339
  @media screen and (min-width: 1024px) {
1361
- .emotion-46 {
1340
+ .emotion-43 {
1362
1341
  padding: 16px 24px;
1363
1342
  }
1364
1343
  }
1365
1344
 
1366
- .emotion-47 {
1345
+ .emotion-44 {
1367
1346
  margin-right: 16px;
1368
1347
  }
1369
1348
 
1370
- .emotion-48 {
1349
+ .emotion-45 {
1371
1350
  padding: 1px 0px;
1372
1351
  }
1373
1352
 
1374
1353
  @media screen and (max-width: 767px) {
1375
- .emotion-48 {
1376
- font-family: "Source Serif Pro",serif;
1377
- font-size: 32px;
1378
- line-height: 1.125;
1379
- font-weight: 600;
1380
- letter-spacing: 0;
1354
+ .emotion-45 {
1355
+ font-family: "Bitter",serif;
1356
+ font-size: 28px;
1357
+ line-height: 1.1428571428571428;
1358
+ font-weight: 500;
1359
+ letter-spacing: -0.5px;
1381
1360
  }
1382
1361
 
1383
- .emotion-48::before {
1362
+ .emotion-45::before {
1384
1363
  content: '';
1385
1364
  display: block;
1386
1365
  height: 0;
1387
1366
  width: 0;
1388
- margin-bottom: -0.09062500000000001em;
1367
+ margin-bottom: -0.22142857142857142em;
1389
1368
  }
1390
1369
 
1391
- .emotion-48::after {
1370
+ .emotion-45::after {
1392
1371
  content: '';
1393
1372
  display: block;
1394
1373
  height: 0;
1395
1374
  width: 0;
1396
- margin-top: -0.275em;
1375
+ margin-top: -0.2839285714285714em;
1397
1376
  }
1398
1377
  }
1399
1378
 
1400
1379
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1401
- .emotion-48 {
1402
- font-family: "Source Serif Pro",serif;
1403
- font-size: 36px;
1404
- line-height: 1.1111111111111112;
1405
- font-weight: 600;
1406
- letter-spacing: 0;
1380
+ .emotion-45 {
1381
+ font-family: "Bitter",serif;
1382
+ font-size: 32px;
1383
+ line-height: 1.125;
1384
+ font-weight: 500;
1385
+ letter-spacing: -0.5px;
1407
1386
  }
1408
1387
 
1409
- .emotion-48::before {
1388
+ .emotion-45::before {
1410
1389
  content: '';
1411
1390
  display: block;
1412
1391
  height: 0;
1413
1392
  width: 0;
1414
- margin-bottom: -0.08368055555555559em;
1393
+ margin-bottom: -0.21250000000000002em;
1415
1394
  }
1416
1395
 
1417
- .emotion-48::after {
1396
+ .emotion-45::after {
1418
1397
  content: '';
1419
1398
  display: block;
1420
1399
  height: 0;
1421
1400
  width: 0;
1422
- margin-top: -0.2680555555555556em;
1401
+ margin-top: -0.275em;
1423
1402
  }
1424
1403
  }
1425
1404
 
1426
1405
  @media screen and (min-width: 1440px) {
1427
- .emotion-48 {
1428
- font-family: "Source Serif Pro",serif;
1429
- font-size: 40px;
1430
- line-height: 1.1;
1431
- font-weight: 600;
1432
- letter-spacing: 0;
1406
+ .emotion-45 {
1407
+ font-family: "Bitter",serif;
1408
+ font-size: 36px;
1409
+ line-height: 1.1111111111111112;
1410
+ font-weight: 500;
1411
+ letter-spacing: -0.5px;
1433
1412
  }
1434
1413
 
1435
- .emotion-48::before {
1414
+ .emotion-45::before {
1436
1415
  content: '';
1437
1416
  display: block;
1438
1417
  height: 0;
1439
1418
  width: 0;
1440
- margin-bottom: -0.07812500000000006em;
1419
+ margin-bottom: -0.2055555555555556em;
1441
1420
  }
1442
1421
 
1443
- .emotion-48::after {
1422
+ .emotion-45::after {
1444
1423
  content: '';
1445
1424
  display: block;
1446
1425
  height: 0;
1447
1426
  width: 0;
1448
- margin-top: -0.26250000000000007em;
1427
+ margin-top: -0.2680555555555556em;
1449
1428
  }
1450
1429
  }
1451
1430
 
1452
- .emotion-49 {
1431
+ .emotion-46 {
1453
1432
  display: inline;
1454
1433
  font: inherit;
1455
1434
  margin: 0;
1456
- color: #ffffff;
1435
+ color: #FFFFFF;
1457
1436
  }
1458
1437
 
1459
- .emotion-49 svg {
1460
- fill: #ffffff;
1438
+ .emotion-46 svg {
1439
+ fill: #FFFFFF;
1461
1440
  }
1462
1441
 
1463
1442
  @media screen {
1464
- .emotion-50 {
1443
+ .emotion-47 {
1465
1444
  display: none;
1466
1445
  }
1467
1446
  }
1468
1447
 
1469
1448
  @media screen and (min-width: 480px) {
1470
- .emotion-50 {
1449
+ .emotion-47 {
1471
1450
  display: block;
1472
1451
  }
1473
1452
  }
1474
1453
 
1475
1454
  @media screen and (min-width: 768px) {
1476
- .emotion-50 {
1455
+ .emotion-47 {
1477
1456
  display: block;
1478
1457
  }
1479
1458
  }
1480
1459
 
1481
1460
  @media screen and (min-width: 1024px) {
1482
- .emotion-50 {
1461
+ .emotion-47 {
1483
1462
  display: block;
1484
1463
  }
1485
1464
  }
1486
1465
 
1487
1466
  @media screen and (min-width: 1440px) {
1488
- .emotion-50 {
1467
+ .emotion-47 {
1489
1468
  display: block;
1490
1469
  }
1491
1470
  }
1492
1471
 
1493
- .emotion-51 {
1472
+ .emotion-48 {
1494
1473
  display: inline-block;
1495
1474
  transition-property: color;
1496
1475
  transition-duration: 200ms;
1497
1476
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
1498
- color: #ffffff;
1477
+ color: #FFFFFF;
1499
1478
  }
1500
1479
 
1501
- .emotion-51 svg {
1502
- fill: #ffffff;
1480
+ .emotion-48 svg {
1481
+ fill: #FFFFFF;
1503
1482
  }
1504
1483
 
1505
- .emotion-52 {
1484
+ .emotion-49 {
1506
1485
  display: -webkit-box;
1507
1486
  display: -webkit-flex;
1508
1487
  display: -ms-flexbox;
@@ -1523,7 +1502,7 @@ exports[`getServerSideProps Homepage 1`] = `
1523
1502
  margin-right: calc(-8px/2);
1524
1503
  }
1525
1504
 
1526
- .emotion-53 {
1505
+ .emotion-50 {
1527
1506
  display: -webkit-inline-box;
1528
1507
  display: -webkit-inline-flex;
1529
1508
  display: -ms-inline-flexbox;
@@ -1532,51 +1511,51 @@ exports[`getServerSideProps Homepage 1`] = `
1532
1511
  margin-right: calc(8px/2);
1533
1512
  }
1534
1513
 
1535
- .emotion-54 {
1514
+ .emotion-51 {
1536
1515
  margin: 0;
1537
1516
  padding: 1px 0;
1538
- font-family: "Noto Sans",sans-serif;
1517
+ font-family: "Poppins",sans-serif;
1539
1518
  font-size: 14px;
1540
1519
  line-height: 1.4285714285714286;
1541
1520
  font-weight: 500;
1542
- letter-spacing: 0;
1521
+ letter-spacing: -0.5px;
1543
1522
  display: inline-block;
1544
1523
  display: block;
1545
1524
  }
1546
1525
 
1547
- .emotion-54::before {
1526
+ .emotion-51::before {
1548
1527
  content: '';
1549
1528
  display: block;
1550
1529
  height: 0;
1551
1530
  width: 0;
1552
- margin-bottom: -0.32678571428571435em;
1531
+ margin-bottom: -0.3955357142857143em;
1553
1532
  }
1554
1533
 
1555
- .emotion-54::after {
1534
+ .emotion-51::after {
1556
1535
  content: '';
1557
1536
  display: block;
1558
1537
  height: 0;
1559
1538
  width: 0;
1560
- margin-top: -0.4267857142857143em;
1539
+ margin-top: -0.3955357142857143em;
1561
1540
  }
1562
1541
 
1563
- .emotion-56 {
1542
+ .emotion-53 {
1564
1543
  display: inline-block;
1565
1544
  vertical-align: middle;
1566
1545
  overflow: hidden;
1567
- fill: #2e2e2e;
1546
+ fill: #2E2E2E;
1568
1547
  vertical-align: unset;
1569
1548
  display: inline-block;
1570
1549
  top: 1px;
1571
1550
  position: relative;
1572
1551
  }
1573
1552
 
1574
- .emotion-56.emotion-56 {
1553
+ .emotion-53.emotion-53 {
1575
1554
  width: 24px;
1576
1555
  height: 24px;
1577
1556
  }
1578
1557
 
1579
- .emotion-61 {
1558
+ .emotion-58 {
1580
1559
  box-sizing: border-box;
1581
1560
  -webkit-background-clip: padding-box;
1582
1561
  background-clip: padding-box;
@@ -1586,7 +1565,7 @@ exports[`getServerSideProps Homepage 1`] = `
1586
1565
  }
1587
1566
 
1588
1567
  @media screen {
1589
- .emotion-61 {
1568
+ .emotion-58 {
1590
1569
  padding: 0 8px;
1591
1570
  margin-top: 40px;
1592
1571
  -webkit-flex-basis: 100%;
@@ -1597,7 +1576,7 @@ exports[`getServerSideProps Homepage 1`] = `
1597
1576
  }
1598
1577
 
1599
1578
  @media screen and (min-width: 768px) {
1600
- .emotion-61 {
1579
+ .emotion-58 {
1601
1580
  margin-top: 32px;
1602
1581
  -webkit-flex-basis: 50%;
1603
1582
  -ms-flex-preferred-size: 50%;
@@ -1607,13 +1586,13 @@ exports[`getServerSideProps Homepage 1`] = `
1607
1586
  }
1608
1587
 
1609
1588
  @media screen and (min-width: 1024px) {
1610
- .emotion-61 {
1589
+ .emotion-58 {
1611
1590
  padding: 0 12px;
1612
1591
  }
1613
1592
  }
1614
1593
 
1615
1594
  @media screen and (min-width: 1440px) {
1616
- .emotion-61 {
1595
+ .emotion-58 {
1617
1596
  margin-top: 0;
1618
1597
  -webkit-flex-basis: 25%;
1619
1598
  -ms-flex-preferred-size: 25%;
@@ -1622,21 +1601,22 @@ exports[`getServerSideProps Homepage 1`] = `
1622
1601
  }
1623
1602
  }
1624
1603
 
1625
- .emotion-65 {
1604
+ .emotion-61 {
1626
1605
  position: relative;
1627
1606
  width: 100%;
1628
1607
  display: block;
1629
1608
  padding-top: 0;
1630
1609
  height: 0;
1610
+ width: 100%;
1631
1611
  border-radius: 0;
1632
- background-color: #fafafa;
1612
+ background-color: #F4F4F4;
1633
1613
  }
1634
1614
 
1635
- .emotion-65 svg {
1636
- fill: #c0c0c0;
1615
+ .emotion-61 svg {
1616
+ fill: #C0C0C0;
1637
1617
  }
1638
1618
 
1639
- .emotion-66 {
1619
+ .emotion-62 {
1640
1620
  top: 0;
1641
1621
  left: 0;
1642
1622
  position: absolute;
@@ -1656,7 +1636,7 @@ exports[`getServerSideProps Homepage 1`] = `
1656
1636
  margin: 0;
1657
1637
  }
1658
1638
 
1659
- .emotion-67 {
1639
+ .emotion-63 {
1660
1640
  opacity: 0;
1661
1641
  display: block;
1662
1642
  border-radius: inherit;
@@ -1667,38 +1647,38 @@ exports[`getServerSideProps Homepage 1`] = `
1667
1647
  position: absolute;
1668
1648
  }
1669
1649
 
1670
- .emotion-71 {
1650
+ .emotion-67 {
1671
1651
  margin-bottom: 20px;
1672
1652
  }
1673
1653
 
1674
- .emotion-72 {
1654
+ .emotion-68 {
1675
1655
  margin: 0;
1676
1656
  padding: 1px 0;
1677
- color: #0a0a0a;
1657
+ color: #0A0A0A;
1678
1658
  }
1679
1659
 
1680
- .emotion-72 svg {
1681
- fill: #0a0a0a;
1660
+ .emotion-68 svg {
1661
+ fill: #0A0A0A;
1682
1662
  }
1683
1663
 
1684
1664
  @media screen and (max-width: 767px) {
1685
- .emotion-72 {
1686
- font-family: "Source Serif Pro",serif;
1665
+ .emotion-68 {
1666
+ font-family: "Bitter",serif;
1687
1667
  font-size: 20px;
1688
1668
  line-height: 1.2;
1689
- font-weight: 600;
1690
- letter-spacing: 0;
1669
+ font-weight: 500;
1670
+ letter-spacing: -0.5px;
1691
1671
  }
1692
1672
 
1693
- .emotion-72::before {
1673
+ .emotion-68::before {
1694
1674
  content: '';
1695
1675
  display: block;
1696
1676
  height: 0;
1697
1677
  width: 0;
1698
- margin-bottom: -0.128125em;
1678
+ margin-bottom: -0.25em;
1699
1679
  }
1700
1680
 
1701
- .emotion-72::after {
1681
+ .emotion-68::after {
1702
1682
  content: '';
1703
1683
  display: block;
1704
1684
  height: 0;
@@ -1708,126 +1688,126 @@ exports[`getServerSideProps Homepage 1`] = `
1708
1688
  }
1709
1689
 
1710
1690
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1711
- .emotion-72 {
1712
- font-family: "Source Serif Pro",serif;
1713
- font-size: 24px;
1714
- line-height: 1.1666666666666667;
1715
- font-weight: 600;
1716
- letter-spacing: 0;
1691
+ .emotion-68 {
1692
+ font-family: "Bitter",serif;
1693
+ font-size: 22px;
1694
+ line-height: 1.0909090909090908;
1695
+ font-weight: 500;
1696
+ letter-spacing: -0.5px;
1717
1697
  }
1718
1698
 
1719
- .emotion-72::before {
1699
+ .emotion-68::before {
1720
1700
  content: '';
1721
1701
  display: block;
1722
1702
  height: 0;
1723
1703
  width: 0;
1724
- margin-bottom: -0.11145833333333338em;
1704
+ margin-bottom: -0.19545454545454544em;
1725
1705
  }
1726
1706
 
1727
- .emotion-72::after {
1707
+ .emotion-68::after {
1728
1708
  content: '';
1729
1709
  display: block;
1730
1710
  height: 0;
1731
1711
  width: 0;
1732
- margin-top: -0.2958333333333334em;
1712
+ margin-top: -0.25795454545454544em;
1733
1713
  }
1734
1714
  }
1735
1715
 
1736
1716
  @media screen and (min-width: 1440px) {
1737
- .emotion-72 {
1738
- font-family: "Source Serif Pro",serif;
1739
- font-size: 28px;
1740
- line-height: 1.1428571428571428;
1741
- font-weight: 600;
1742
- letter-spacing: 0;
1717
+ .emotion-68 {
1718
+ font-family: "Bitter",serif;
1719
+ font-size: 24px;
1720
+ line-height: 1.1666666666666667;
1721
+ font-weight: 500;
1722
+ letter-spacing: -0.5px;
1743
1723
  }
1744
1724
 
1745
- .emotion-72::before {
1725
+ .emotion-68::before {
1746
1726
  content: '';
1747
1727
  display: block;
1748
1728
  height: 0;
1749
1729
  width: 0;
1750
- margin-bottom: -0.09955357142857141em;
1730
+ margin-bottom: -0.2333333333333334em;
1751
1731
  }
1752
1732
 
1753
- .emotion-72::after {
1733
+ .emotion-68::after {
1754
1734
  content: '';
1755
1735
  display: block;
1756
1736
  height: 0;
1757
1737
  width: 0;
1758
- margin-top: -0.2839285714285714em;
1738
+ margin-top: -0.2958333333333334em;
1759
1739
  }
1760
1740
  }
1761
1741
 
1762
- .emotion-73 {
1742
+ .emotion-69 {
1763
1743
  margin-bottom: 12px;
1764
1744
  }
1765
1745
 
1766
- .emotion-74 {
1746
+ .emotion-70 {
1767
1747
  margin: 0;
1768
1748
  padding: 1px 0;
1769
- color: #0a0a0a;
1749
+ color: #0A0A0A;
1770
1750
  }
1771
1751
 
1772
- .emotion-74 svg {
1773
- fill: #0a0a0a;
1752
+ .emotion-70 svg {
1753
+ fill: #0A0A0A;
1774
1754
  }
1775
1755
 
1776
1756
  @media screen and (max-width: 767px) {
1777
- .emotion-74 {
1778
- font-family: "Noto Sans",sans-serif;
1757
+ .emotion-70 {
1758
+ font-family: "DM Sans",sans-serif;
1779
1759
  font-size: 14px;
1780
1760
  line-height: 1.4285714285714286;
1781
1761
  font-weight: 400;
1782
- letter-spacing: 0;
1762
+ letter-spacing: -0.5px;
1783
1763
  }
1784
1764
 
1785
- .emotion-74::before {
1765
+ .emotion-70::before {
1786
1766
  content: '';
1787
1767
  display: block;
1788
1768
  height: 0;
1789
1769
  width: 0;
1790
- margin-bottom: -0.32678571428571435em;
1770
+ margin-bottom: -0.3955357142857143em;
1791
1771
  }
1792
1772
 
1793
- .emotion-74::after {
1773
+ .emotion-70::after {
1794
1774
  content: '';
1795
1775
  display: block;
1796
1776
  height: 0;
1797
1777
  width: 0;
1798
- margin-top: -0.4267857142857143em;
1778
+ margin-top: -0.3955357142857143em;
1799
1779
  }
1800
1780
  }
1801
1781
 
1802
1782
  @media screen and (min-width: 768px) {
1803
- .emotion-74 {
1804
- font-family: "Noto Sans",sans-serif;
1783
+ .emotion-70 {
1784
+ font-family: "DM Sans",sans-serif;
1805
1785
  font-size: 16px;
1806
1786
  line-height: 1.5;
1807
1787
  font-weight: 400;
1808
- letter-spacing: 0;
1788
+ letter-spacing: -0.5px;
1809
1789
  }
1810
1790
 
1811
- .emotion-74::before {
1791
+ .emotion-70::before {
1812
1792
  content: '';
1813
1793
  display: block;
1814
1794
  height: 0;
1815
1795
  width: 0;
1816
- margin-bottom: -0.36250000000000004em;
1796
+ margin-bottom: -0.43125em;
1817
1797
  }
1818
1798
 
1819
- .emotion-74::after {
1799
+ .emotion-70::after {
1820
1800
  content: '';
1821
1801
  display: block;
1822
1802
  height: 0;
1823
1803
  width: 0;
1824
- margin-top: -0.4625em;
1804
+ margin-top: -0.43125em;
1825
1805
  }
1826
1806
  }
1827
1807
 
1828
- .emotion-117 {
1808
+ .emotion-110 {
1829
1809
  border-style: solid;
1830
- border-color: #e4e4e4;
1810
+ border-color: #DEDEDE;
1831
1811
  border-width: 1px;
1832
1812
  border-width: 0px;
1833
1813
  margin: 0;
@@ -1837,49 +1817,41 @@ exports[`getServerSideProps Homepage 1`] = `
1837
1817
  border-color: transparent;
1838
1818
  }
1839
1819
 
1840
- .emotion-119 {
1820
+ .emotion-112 {
1841
1821
  display: inline-block;
1842
1822
  transition-property: color;
1843
1823
  transition-duration: 200ms;
1844
1824
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
1845
- color: #0a68c1;
1825
+ color: #3358CC;
1846
1826
  -webkit-text-decoration: none;
1847
1827
  text-decoration: none;
1848
1828
  }
1849
1829
 
1850
- .emotion-119 svg {
1851
- fill: #0a68c1;
1830
+ .emotion-112 svg {
1831
+ fill: #3358CC;
1852
1832
  }
1853
1833
 
1854
- .emotion-119:hover:not(:disabled) {
1855
- color: #02509b;
1834
+ .emotion-112:hover:not(:disabled) {
1835
+ color: #2B4AAB;
1856
1836
  -webkit-text-decoration: underline;
1857
1837
  text-decoration: underline;
1858
1838
  }
1859
1839
 
1860
- .emotion-119:hover:not(:disabled) svg {
1861
- fill: #02509b;
1840
+ .emotion-112:hover:not(:disabled) svg {
1841
+ fill: #2B4AAB;
1862
1842
  }
1863
1843
 
1864
- .emotion-119:active:not(:disabled) {
1865
- color: #01396e;
1844
+ .emotion-112:active:not(:disabled) {
1845
+ color: #213A82;
1866
1846
  -webkit-text-decoration: underline;
1867
1847
  text-decoration: underline;
1868
1848
  }
1869
1849
 
1870
- .emotion-119:active:not(:disabled) svg {
1871
- fill: #01396e;
1850
+ .emotion-112:active:not(:disabled) svg {
1851
+ fill: #213A82;
1872
1852
  }
1873
1853
 
1874
- .emotion-119:visited:not(:disabled) {
1875
- color: #7547a3;
1876
- }
1877
-
1878
- .emotion-119:visited:not(:disabled) svg {
1879
- fill: #7547a3;
1880
- }
1881
-
1882
- .emotion-120 {
1854
+ .emotion-113 {
1883
1855
  display: -webkit-box;
1884
1856
  display: -webkit-flex;
1885
1857
  display: -ms-flexbox;
@@ -1898,22 +1870,23 @@ exports[`getServerSideProps Homepage 1`] = `
1898
1870
  justify-content: flex-start;
1899
1871
  }
1900
1872
 
1901
- .emotion-142 {
1873
+ .emotion-134 {
1902
1874
  position: relative;
1903
1875
  width: 100%;
1904
1876
  display: block;
1905
1877
  padding-top: 56%;
1906
1878
  height: 0;
1879
+ width: 100%;
1907
1880
  border-radius: 0;
1908
- background-color: #fafafa;
1881
+ background-color: #F4F4F4;
1909
1882
  }
1910
1883
 
1911
- .emotion-142 svg {
1912
- fill: #c0c0c0;
1884
+ .emotion-134 svg {
1885
+ fill: #C0C0C0;
1913
1886
  }
1914
1887
 
1915
- .emotion-175 {
1916
- background:color: #f0f0f0;
1888
+ .emotion-165 {
1889
+ background:color: #F4F4F4;
1917
1890
  }
1918
1891
 
1919
1892
  <div
@@ -1950,35 +1923,31 @@ exports[`getServerSideProps Homepage 1`] = `
1950
1923
  <div
1951
1924
  class="emotion-9"
1952
1925
  >
1953
- <div
1926
+ <picture
1954
1927
  class="emotion-10"
1955
1928
  >
1956
- <picture
1929
+ <img
1930
+ alt=""
1957
1931
  class="emotion-11"
1958
- >
1959
- <img
1960
- alt=""
1961
- class="emotion-12"
1962
- src=""
1963
- />
1964
- </picture>
1965
- </div>
1932
+ src=""
1933
+ />
1934
+ </picture>
1966
1935
  </div>
1967
1936
  <div
1968
- class="emotion-13"
1937
+ class="emotion-12"
1969
1938
  >
1970
1939
  <div
1971
- class="emotion-14"
1940
+ class="emotion-13"
1972
1941
  >
1973
1942
  <a
1974
- class="nk-card-link emotion-15"
1943
+ class="nk-card-link emotion-14"
1975
1944
  href="catagory-one/demo-1/test-headline"
1976
1945
  >
1977
1946
  <div
1978
- class="emotion-16"
1947
+ class="emotion-15"
1979
1948
  >
1980
1949
  <h3
1981
- class="emotion-17"
1950
+ class="emotion-16"
1982
1951
  >
1983
1952
  test headline
1984
1953
  </h3>
@@ -1989,55 +1958,51 @@ exports[`getServerSideProps Homepage 1`] = `
1989
1958
  </div>
1990
1959
  </div>
1991
1960
  <div
1992
- class="emotion-18"
1961
+ class="emotion-17"
1993
1962
  data-testid="titleTeaserVerticalsCell"
1994
1963
  >
1995
1964
  <div
1996
1965
  class="emotion-1"
1997
1966
  >
1998
1967
  <div
1999
- class="emotion-20"
1968
+ class="emotion-19"
2000
1969
  data-testid="LEAD_1_AND_2-InnerGrid"
2001
1970
  >
2002
1971
  <div
2003
- class="emotion-21"
1972
+ class="emotion-20"
2004
1973
  data-testid="titleVerticalCell-1"
2005
1974
  >
2006
1975
  <div
2007
1976
  class="emotion-8"
2008
1977
  >
2009
1978
  <div
2010
- class="emotion-23"
1979
+ class="emotion-22"
2011
1980
  >
2012
- <div
1981
+ <picture
2013
1982
  class="emotion-10"
2014
1983
  >
2015
- <picture
1984
+ <img
1985
+ alt=""
2016
1986
  class="emotion-11"
2017
- >
2018
- <img
2019
- alt=""
2020
- class="emotion-12"
2021
- src=""
2022
- />
2023
- </picture>
2024
- </div>
1987
+ src=""
1988
+ />
1989
+ </picture>
2025
1990
  </div>
2026
1991
  <div
2027
- class="emotion-13"
1992
+ class="emotion-12"
2028
1993
  >
2029
1994
  <div
2030
- class="emotion-14"
1995
+ class="emotion-13"
2031
1996
  >
2032
1997
  <a
2033
- class="nk-card-link emotion-15"
1998
+ class="nk-card-link emotion-14"
2034
1999
  href="catagory-two/demo-2/test-headline-2"
2035
2000
  >
2036
2001
  <div
2037
- class="emotion-30"
2002
+ class="emotion-28"
2038
2003
  >
2039
2004
  <h3
2040
- class="emotion-31"
2005
+ class="emotion-29"
2041
2006
  >
2042
2007
  test headline 2
2043
2008
  </h3>
@@ -2048,44 +2013,40 @@ exports[`getServerSideProps Homepage 1`] = `
2048
2013
  </div>
2049
2014
  </div>
2050
2015
  <div
2051
- class="emotion-21"
2016
+ class="emotion-20"
2052
2017
  data-testid="titleVerticalCell-2"
2053
2018
  >
2054
2019
  <div
2055
2020
  class="emotion-8"
2056
2021
  >
2057
2022
  <div
2058
- class="emotion-23"
2023
+ class="emotion-22"
2059
2024
  >
2060
- <div
2025
+ <picture
2061
2026
  class="emotion-10"
2062
2027
  >
2063
- <picture
2028
+ <img
2029
+ alt=""
2064
2030
  class="emotion-11"
2065
- >
2066
- <img
2067
- alt=""
2068
- class="emotion-12"
2069
- src=""
2070
- />
2071
- </picture>
2072
- </div>
2031
+ src=""
2032
+ />
2033
+ </picture>
2073
2034
  </div>
2074
2035
  <div
2075
- class="emotion-13"
2036
+ class="emotion-12"
2076
2037
  >
2077
2038
  <div
2078
- class="emotion-14"
2039
+ class="emotion-13"
2079
2040
  >
2080
2041
  <a
2081
- class="nk-card-link emotion-15"
2042
+ class="nk-card-link emotion-14"
2082
2043
  href="catagory-three/demo-3/test-headline-3"
2083
2044
  >
2084
2045
  <div
2085
- class="emotion-30"
2046
+ class="emotion-28"
2086
2047
  >
2087
2048
  <h3
2088
- class="emotion-31"
2049
+ class="emotion-29"
2089
2050
  >
2090
2051
  test headline 3
2091
2052
  </h3>
@@ -2104,51 +2065,51 @@ exports[`getServerSideProps Homepage 1`] = `
2104
2065
  class="emotion-4"
2105
2066
  />
2106
2067
  <div
2107
- class="emotion-44"
2068
+ class="emotion-41"
2108
2069
  >
2109
2070
  <div
2110
- class="emotion-45"
2071
+ class="emotion-42"
2111
2072
  data-testid="SectionTitleBar"
2112
2073
  >
2113
2074
  <div
2114
- class="emotion-46"
2075
+ class="emotion-43"
2115
2076
  >
2116
2077
  <div
2117
- class="emotion-47"
2078
+ class="emotion-44"
2118
2079
  >
2119
2080
  <section
2120
- class="emotion-48"
2081
+ class="emotion-45"
2121
2082
  >
2122
2083
  <h3
2123
- class="nk-headline-heading emotion-49"
2084
+ class="nk-headline-heading emotion-46"
2124
2085
  />
2125
2086
  </section>
2126
2087
  </div>
2127
2088
  <div
2128
- class="emotion-50"
2089
+ class="emotion-47"
2129
2090
  >
2130
2091
  <a
2131
- class="emotion-51"
2092
+ class="emotion-48"
2132
2093
  href="/section-one"
2133
2094
  >
2134
2095
  <span
2135
- class="emotion-52"
2096
+ class="emotion-49"
2136
2097
  >
2137
2098
  <span
2138
- class="emotion-53"
2099
+ class="emotion-50"
2139
2100
  >
2140
2101
  <span
2141
- class="emotion-54"
2102
+ class="emotion-51"
2142
2103
  >
2143
2104
  Link
2144
2105
  </span>
2145
2106
  </span>
2146
2107
  <span
2147
- class="emotion-53"
2108
+ class="emotion-50"
2148
2109
  >
2149
2110
  <svg
2150
2111
  aria-hidden="true"
2151
- class="emotion-56 emotion-57"
2112
+ class="emotion-53 emotion-54"
2152
2113
  fill="currentColor"
2153
2114
  focusable="false"
2154
2115
  viewBox="0 0 24 24"
@@ -2179,56 +2140,52 @@ exports[`getServerSideProps Homepage 1`] = `
2179
2140
  data-testid="SECONDARY_4-Grid"
2180
2141
  >
2181
2142
  <div
2182
- class="emotion-61"
2143
+ class="emotion-58"
2183
2144
  data-testid="titleTeaserVertical-0"
2184
2145
  >
2185
2146
  <div
2186
2147
  class="emotion-8"
2187
2148
  >
2188
2149
  <div
2189
- class="emotion-23"
2150
+ class="emotion-22"
2190
2151
  >
2191
- <div
2192
- class="emotion-10"
2152
+ <picture
2153
+ class="emotion-61"
2193
2154
  >
2194
- <picture
2195
- class="emotion-65"
2196
- >
2197
- <div
2198
- class="emotion-66"
2199
- />
2200
- <img
2201
- alt="image alt"
2202
- class="emotion-67"
2203
- src="some-url-to-image"
2204
- />
2205
- </picture>
2206
- </div>
2155
+ <div
2156
+ class="emotion-62"
2157
+ />
2158
+ <img
2159
+ alt="image alt"
2160
+ class="emotion-63"
2161
+ src="some-url-to-image"
2162
+ />
2163
+ </picture>
2207
2164
  </div>
2208
2165
  <div
2209
- class="emotion-13"
2166
+ class="emotion-12"
2210
2167
  >
2211
2168
  <div
2212
- class="emotion-14"
2169
+ class="emotion-13"
2213
2170
  >
2214
2171
  <a
2215
- class="nk-card-link emotion-15"
2172
+ class="nk-card-link emotion-14"
2216
2173
  href="catagory-one/demo-1/test-headline"
2217
2174
  >
2218
2175
  <div
2219
- class="emotion-71"
2176
+ class="emotion-67"
2220
2177
  >
2221
2178
  <h3
2222
- class="emotion-72"
2179
+ class="emotion-68"
2223
2180
  >
2224
2181
  test headline
2225
2182
  </h3>
2226
2183
  </div>
2227
2184
  <div
2228
- class="emotion-73"
2185
+ class="emotion-69"
2229
2186
  >
2230
2187
  <p
2231
- class="emotion-74"
2188
+ class="emotion-70"
2232
2189
  >
2233
2190
  teaser test text
2234
2191
  </p>
@@ -2239,56 +2196,52 @@ exports[`getServerSideProps Homepage 1`] = `
2239
2196
  </div>
2240
2197
  </div>
2241
2198
  <div
2242
- class="emotion-61"
2199
+ class="emotion-58"
2243
2200
  data-testid="titleTeaserVertical-1"
2244
2201
  >
2245
2202
  <div
2246
2203
  class="emotion-8"
2247
2204
  >
2248
2205
  <div
2249
- class="emotion-23"
2206
+ class="emotion-22"
2250
2207
  >
2251
- <div
2252
- class="emotion-10"
2208
+ <picture
2209
+ class="emotion-61"
2253
2210
  >
2254
- <picture
2255
- class="emotion-65"
2256
- >
2257
- <div
2258
- class="emotion-66"
2259
- />
2260
- <img
2261
- alt="image alt 2"
2262
- class="emotion-67"
2263
- src="some-url-to-image"
2264
- />
2265
- </picture>
2266
- </div>
2211
+ <div
2212
+ class="emotion-62"
2213
+ />
2214
+ <img
2215
+ alt="image alt 2"
2216
+ class="emotion-63"
2217
+ src="some-url-to-image"
2218
+ />
2219
+ </picture>
2267
2220
  </div>
2268
2221
  <div
2269
- class="emotion-13"
2222
+ class="emotion-12"
2270
2223
  >
2271
2224
  <div
2272
- class="emotion-14"
2225
+ class="emotion-13"
2273
2226
  >
2274
2227
  <a
2275
- class="nk-card-link emotion-15"
2228
+ class="nk-card-link emotion-14"
2276
2229
  href="catagory-two/demo-2/test-headline-2"
2277
2230
  >
2278
2231
  <div
2279
- class="emotion-71"
2232
+ class="emotion-67"
2280
2233
  >
2281
2234
  <h3
2282
- class="emotion-72"
2235
+ class="emotion-68"
2283
2236
  >
2284
2237
  test headline 2
2285
2238
  </h3>
2286
2239
  </div>
2287
2240
  <div
2288
- class="emotion-73"
2241
+ class="emotion-69"
2289
2242
  >
2290
2243
  <p
2291
- class="emotion-74"
2244
+ class="emotion-70"
2292
2245
  >
2293
2246
  teaser test text 2
2294
2247
  </p>
@@ -2299,56 +2252,52 @@ exports[`getServerSideProps Homepage 1`] = `
2299
2252
  </div>
2300
2253
  </div>
2301
2254
  <div
2302
- class="emotion-61"
2255
+ class="emotion-58"
2303
2256
  data-testid="titleTeaserVertical-2"
2304
2257
  >
2305
2258
  <div
2306
2259
  class="emotion-8"
2307
2260
  >
2308
2261
  <div
2309
- class="emotion-23"
2262
+ class="emotion-22"
2310
2263
  >
2311
- <div
2312
- class="emotion-10"
2264
+ <picture
2265
+ class="emotion-61"
2313
2266
  >
2314
- <picture
2315
- class="emotion-65"
2316
- >
2317
- <div
2318
- class="emotion-66"
2319
- />
2320
- <img
2321
- alt="image alt 3"
2322
- class="emotion-67"
2323
- src="some-url-to-image"
2324
- />
2325
- </picture>
2326
- </div>
2267
+ <div
2268
+ class="emotion-62"
2269
+ />
2270
+ <img
2271
+ alt="image alt 3"
2272
+ class="emotion-63"
2273
+ src="some-url-to-image"
2274
+ />
2275
+ </picture>
2327
2276
  </div>
2328
2277
  <div
2329
- class="emotion-13"
2278
+ class="emotion-12"
2330
2279
  >
2331
2280
  <div
2332
- class="emotion-14"
2281
+ class="emotion-13"
2333
2282
  >
2334
2283
  <a
2335
- class="nk-card-link emotion-15"
2284
+ class="nk-card-link emotion-14"
2336
2285
  href="catagory-three/demo-3/test-headline-3"
2337
2286
  >
2338
2287
  <div
2339
- class="emotion-71"
2288
+ class="emotion-67"
2340
2289
  >
2341
2290
  <h3
2342
- class="emotion-72"
2291
+ class="emotion-68"
2343
2292
  >
2344
2293
  test headline 3
2345
2294
  </h3>
2346
2295
  </div>
2347
2296
  <div
2348
- class="emotion-73"
2297
+ class="emotion-69"
2349
2298
  >
2350
2299
  <p
2351
- class="emotion-74"
2300
+ class="emotion-70"
2352
2301
  >
2353
2302
  teaser test text 3
2354
2303
  </p>
@@ -2359,56 +2308,52 @@ exports[`getServerSideProps Homepage 1`] = `
2359
2308
  </div>
2360
2309
  </div>
2361
2310
  <div
2362
- class="emotion-61"
2311
+ class="emotion-58"
2363
2312
  data-testid="titleTeaserVertical-3"
2364
2313
  >
2365
2314
  <div
2366
2315
  class="emotion-8"
2367
2316
  >
2368
2317
  <div
2369
- class="emotion-23"
2318
+ class="emotion-22"
2370
2319
  >
2371
- <div
2372
- class="emotion-10"
2320
+ <picture
2321
+ class="emotion-61"
2373
2322
  >
2374
- <picture
2375
- class="emotion-65"
2376
- >
2377
- <div
2378
- class="emotion-66"
2379
- />
2380
- <img
2381
- alt="image alt 3"
2382
- class="emotion-67"
2383
- src="some-url-to-image"
2384
- />
2385
- </picture>
2386
- </div>
2323
+ <div
2324
+ class="emotion-62"
2325
+ />
2326
+ <img
2327
+ alt="image alt 3"
2328
+ class="emotion-63"
2329
+ src="some-url-to-image"
2330
+ />
2331
+ </picture>
2387
2332
  </div>
2388
2333
  <div
2389
- class="emotion-13"
2334
+ class="emotion-12"
2390
2335
  >
2391
2336
  <div
2392
- class="emotion-14"
2337
+ class="emotion-13"
2393
2338
  >
2394
2339
  <a
2395
- class="nk-card-link emotion-15"
2340
+ class="nk-card-link emotion-14"
2396
2341
  href="catagory-four/demo-4/test-headline-4"
2397
2342
  >
2398
2343
  <div
2399
- class="emotion-71"
2344
+ class="emotion-67"
2400
2345
  >
2401
2346
  <h3
2402
- class="emotion-72"
2347
+ class="emotion-68"
2403
2348
  >
2404
2349
  test headline 4
2405
2350
  </h3>
2406
2351
  </div>
2407
2352
  <div
2408
- class="emotion-73"
2353
+ class="emotion-69"
2409
2354
  >
2410
2355
  <p
2411
- class="emotion-74"
2356
+ class="emotion-70"
2412
2357
  >
2413
2358
  teaser test text 4
2414
2359
  </p>
@@ -2423,7 +2368,7 @@ exports[`getServerSideProps Homepage 1`] = `
2423
2368
  </div>
2424
2369
  <hr
2425
2370
  aria-hidden="true"
2426
- class="emotion-117"
2371
+ class="emotion-110"
2427
2372
  data-testid="divider"
2428
2373
  />
2429
2374
  </div>
@@ -2438,14 +2383,14 @@ exports[`getServerSideProps Homepage 1`] = `
2438
2383
  </h2>
2439
2384
  <p>
2440
2385
  <a
2441
- class="emotion-119"
2442
- href="catagory-one/demo-1/test-headline"
2386
+ class="emotion-112"
2387
+ href="/catagory-one/demo-1/test-headline"
2443
2388
  >
2444
2389
  <span
2445
- class="emotion-120"
2390
+ class="emotion-113"
2446
2391
  >
2447
2392
  <span
2448
- class="emotion-54"
2393
+ class="emotion-51"
2449
2394
  >
2450
2395
  test headline
2451
2396
  </span>
@@ -2454,14 +2399,14 @@ exports[`getServerSideProps Homepage 1`] = `
2454
2399
  </p>
2455
2400
  <p>
2456
2401
  <a
2457
- class="emotion-119"
2458
- href="catagory-two/demo-2/test-headline-2"
2402
+ class="emotion-112"
2403
+ href="/catagory-two/demo-2/test-headline-2"
2459
2404
  >
2460
2405
  <span
2461
- class="emotion-120"
2406
+ class="emotion-113"
2462
2407
  >
2463
2408
  <span
2464
- class="emotion-54"
2409
+ class="emotion-51"
2465
2410
  >
2466
2411
  test headline 2
2467
2412
  </span>
@@ -2480,14 +2425,14 @@ exports[`getServerSideProps Homepage 1`] = `
2480
2425
  </h2>
2481
2426
  <p>
2482
2427
  <a
2483
- class="emotion-119"
2484
- href="uncategorized"
2428
+ class="emotion-112"
2429
+ href="/uncategorized"
2485
2430
  >
2486
2431
  <span
2487
- class="emotion-120"
2432
+ class="emotion-113"
2488
2433
  >
2489
2434
  <span
2490
- class="emotion-54"
2435
+ class="emotion-51"
2491
2436
  >
2492
2437
  TODO - External Reference
2493
2438
  </span>
@@ -2496,14 +2441,14 @@ exports[`getServerSideProps Homepage 1`] = `
2496
2441
  </p>
2497
2442
  <p>
2498
2443
  <a
2499
- class="emotion-119"
2500
- href="uncategorized"
2444
+ class="emotion-112"
2445
+ href="/uncategorized"
2501
2446
  >
2502
2447
  <span
2503
- class="emotion-120"
2448
+ class="emotion-113"
2504
2449
  >
2505
2450
  <span
2506
- class="emotion-54"
2451
+ class="emotion-51"
2507
2452
  >
2508
2453
  TODO - Video
2509
2454
  </span>
@@ -2512,14 +2457,14 @@ exports[`getServerSideProps Homepage 1`] = `
2512
2457
  </p>
2513
2458
  <p>
2514
2459
  <a
2515
- class="emotion-119"
2516
- href="uncategorized"
2460
+ class="emotion-112"
2461
+ href="/uncategorized"
2517
2462
  >
2518
2463
  <span
2519
- class="emotion-120"
2464
+ class="emotion-113"
2520
2465
  >
2521
2466
  <span
2522
- class="emotion-54"
2467
+ class="emotion-51"
2523
2468
  >
2524
2469
  Unknown slice block - something
2525
2470
  </span>
@@ -2547,33 +2492,29 @@ exports[`getServerSideProps Homepage 1`] = `
2547
2492
  <div
2548
2493
  class="emotion-9"
2549
2494
  >
2550
- <div
2551
- class="emotion-10"
2495
+ <picture
2496
+ class="emotion-134"
2552
2497
  >
2553
- <picture
2554
- class="emotion-142"
2555
- >
2556
- <div
2557
- class="emotion-66"
2558
- />
2559
- <img
2560
- class="emotion-67"
2561
- src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2562
- />
2563
- </picture>
2564
- </div>
2498
+ <div
2499
+ class="emotion-62"
2500
+ />
2501
+ <img
2502
+ class="emotion-63"
2503
+ src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2504
+ />
2505
+ </picture>
2565
2506
  </div>
2566
2507
  <div
2567
- class="emotion-13"
2508
+ class="emotion-12"
2568
2509
  >
2569
2510
  <div
2570
- class="emotion-14"
2511
+ class="emotion-13"
2571
2512
  >
2572
2513
  <div
2573
- class="emotion-16"
2514
+ class="emotion-15"
2574
2515
  >
2575
2516
  <h3
2576
- class="emotion-17"
2517
+ class="emotion-16"
2577
2518
  >
2578
2519
  TODO - External Reference
2579
2520
  </h3>
@@ -2583,53 +2524,49 @@ exports[`getServerSideProps Homepage 1`] = `
2583
2524
  </div>
2584
2525
  </div>
2585
2526
  <div
2586
- class="emotion-18"
2527
+ class="emotion-17"
2587
2528
  data-testid="titleTeaserVerticalsCell"
2588
2529
  >
2589
2530
  <div
2590
2531
  class="emotion-1"
2591
2532
  >
2592
2533
  <div
2593
- class="emotion-20"
2534
+ class="emotion-19"
2594
2535
  data-testid="LEAD_1_AND_2-InnerGrid"
2595
2536
  >
2596
2537
  <div
2597
- class="emotion-21"
2538
+ class="emotion-20"
2598
2539
  data-testid="titleVerticalCell-1"
2599
2540
  >
2600
2541
  <div
2601
2542
  class="emotion-8"
2602
2543
  >
2603
2544
  <div
2604
- class="emotion-23"
2545
+ class="emotion-22"
2605
2546
  >
2606
- <div
2607
- class="emotion-10"
2547
+ <picture
2548
+ class="emotion-134"
2608
2549
  >
2609
- <picture
2610
- class="emotion-142"
2611
- >
2612
- <div
2613
- class="emotion-66"
2614
- />
2615
- <img
2616
- class="emotion-67"
2617
- src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2618
- />
2619
- </picture>
2620
- </div>
2550
+ <div
2551
+ class="emotion-62"
2552
+ />
2553
+ <img
2554
+ class="emotion-63"
2555
+ src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2556
+ />
2557
+ </picture>
2621
2558
  </div>
2622
2559
  <div
2623
- class="emotion-13"
2560
+ class="emotion-12"
2624
2561
  >
2625
2562
  <div
2626
- class="emotion-14"
2563
+ class="emotion-13"
2627
2564
  >
2628
2565
  <div
2629
- class="emotion-30"
2566
+ class="emotion-28"
2630
2567
  >
2631
2568
  <h3
2632
- class="emotion-31"
2569
+ class="emotion-29"
2633
2570
  >
2634
2571
  TODO - Video
2635
2572
  </h3>
@@ -2639,42 +2576,38 @@ exports[`getServerSideProps Homepage 1`] = `
2639
2576
  </div>
2640
2577
  </div>
2641
2578
  <div
2642
- class="emotion-21"
2579
+ class="emotion-20"
2643
2580
  data-testid="titleVerticalCell-2"
2644
2581
  >
2645
2582
  <div
2646
2583
  class="emotion-8"
2647
2584
  >
2648
2585
  <div
2649
- class="emotion-23"
2586
+ class="emotion-22"
2650
2587
  >
2651
- <div
2652
- class="emotion-10"
2588
+ <picture
2589
+ class="emotion-134"
2653
2590
  >
2654
- <picture
2655
- class="emotion-142"
2656
- >
2657
- <div
2658
- class="emotion-66"
2659
- />
2660
- <img
2661
- class="emotion-67"
2662
- src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2663
- />
2664
- </picture>
2665
- </div>
2591
+ <div
2592
+ class="emotion-62"
2593
+ />
2594
+ <img
2595
+ class="emotion-63"
2596
+ src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2597
+ />
2598
+ </picture>
2666
2599
  </div>
2667
2600
  <div
2668
- class="emotion-13"
2601
+ class="emotion-12"
2669
2602
  >
2670
2603
  <div
2671
- class="emotion-14"
2604
+ class="emotion-13"
2672
2605
  >
2673
2606
  <div
2674
- class="emotion-30"
2607
+ class="emotion-28"
2675
2608
  >
2676
2609
  <h3
2677
- class="emotion-31"
2610
+ class="emotion-29"
2678
2611
  >
2679
2612
  Unknown slice block - something
2680
2613
  </h3>
@@ -2692,51 +2625,51 @@ exports[`getServerSideProps Homepage 1`] = `
2692
2625
  class="emotion-4"
2693
2626
  />
2694
2627
  <div
2695
- class="emotion-175"
2628
+ class="emotion-165"
2696
2629
  >
2697
2630
  <div
2698
- class="emotion-45"
2631
+ class="emotion-42"
2699
2632
  data-testid="SectionTitleBar"
2700
2633
  >
2701
2634
  <div
2702
- class="emotion-46"
2635
+ class="emotion-43"
2703
2636
  >
2704
2637
  <div
2705
- class="emotion-47"
2638
+ class="emotion-44"
2706
2639
  >
2707
2640
  <section
2708
- class="emotion-48"
2641
+ class="emotion-45"
2709
2642
  >
2710
2643
  <h3
2711
- class="nk-headline-heading emotion-49"
2644
+ class="nk-headline-heading emotion-46"
2712
2645
  />
2713
2646
  </section>
2714
2647
  </div>
2715
2648
  <div
2716
- class="emotion-50"
2649
+ class="emotion-47"
2717
2650
  >
2718
2651
  <a
2719
- class="emotion-51"
2652
+ class="emotion-48"
2720
2653
  href="/section-one"
2721
2654
  >
2722
2655
  <span
2723
- class="emotion-52"
2656
+ class="emotion-49"
2724
2657
  >
2725
2658
  <span
2726
- class="emotion-53"
2659
+ class="emotion-50"
2727
2660
  >
2728
2661
  <span
2729
- class="emotion-54"
2662
+ class="emotion-51"
2730
2663
  >
2731
2664
  Link
2732
2665
  </span>
2733
2666
  </span>
2734
2667
  <span
2735
- class="emotion-53"
2668
+ class="emotion-50"
2736
2669
  >
2737
2670
  <svg
2738
2671
  aria-hidden="true"
2739
- class="emotion-56 emotion-57"
2672
+ class="emotion-53 emotion-54"
2740
2673
  fill="currentColor"
2741
2674
  focusable="false"
2742
2675
  viewBox="0 0 24 24"
@@ -2767,56 +2700,52 @@ exports[`getServerSideProps Homepage 1`] = `
2767
2700
  data-testid="SECONDARY_4_ODD-Grid"
2768
2701
  >
2769
2702
  <div
2770
- class="emotion-61"
2703
+ class="emotion-58"
2771
2704
  data-testid="titleTeaserVertical-0"
2772
2705
  >
2773
2706
  <div
2774
2707
  class="emotion-8"
2775
2708
  >
2776
2709
  <div
2777
- class="emotion-23"
2710
+ class="emotion-22"
2778
2711
  >
2779
- <div
2780
- class="emotion-10"
2712
+ <picture
2713
+ class="emotion-61"
2781
2714
  >
2782
- <picture
2783
- class="emotion-65"
2784
- >
2785
- <div
2786
- class="emotion-66"
2787
- />
2788
- <img
2789
- alt="image alt"
2790
- class="emotion-67"
2791
- src="some-url-to-image"
2792
- />
2793
- </picture>
2794
- </div>
2715
+ <div
2716
+ class="emotion-62"
2717
+ />
2718
+ <img
2719
+ alt="image alt"
2720
+ class="emotion-63"
2721
+ src="some-url-to-image"
2722
+ />
2723
+ </picture>
2795
2724
  </div>
2796
2725
  <div
2797
- class="emotion-13"
2726
+ class="emotion-12"
2798
2727
  >
2799
2728
  <div
2800
- class="emotion-14"
2729
+ class="emotion-13"
2801
2730
  >
2802
2731
  <a
2803
- class="nk-card-link emotion-15"
2732
+ class="nk-card-link emotion-14"
2804
2733
  href="catagory-one/demo-1/test-headline"
2805
2734
  >
2806
2735
  <div
2807
- class="emotion-71"
2736
+ class="emotion-67"
2808
2737
  >
2809
2738
  <h3
2810
- class="emotion-72"
2739
+ class="emotion-68"
2811
2740
  >
2812
2741
  test headline
2813
2742
  </h3>
2814
2743
  </div>
2815
2744
  <div
2816
- class="emotion-73"
2745
+ class="emotion-69"
2817
2746
  >
2818
2747
  <p
2819
- class="emotion-74"
2748
+ class="emotion-70"
2820
2749
  >
2821
2750
  teaser test text
2822
2751
  </p>
@@ -2827,56 +2756,52 @@ exports[`getServerSideProps Homepage 1`] = `
2827
2756
  </div>
2828
2757
  </div>
2829
2758
  <div
2830
- class="emotion-61"
2759
+ class="emotion-58"
2831
2760
  data-testid="titleTeaserVertical-1"
2832
2761
  >
2833
2762
  <div
2834
2763
  class="emotion-8"
2835
2764
  >
2836
2765
  <div
2837
- class="emotion-23"
2766
+ class="emotion-22"
2838
2767
  >
2839
- <div
2840
- class="emotion-10"
2768
+ <picture
2769
+ class="emotion-61"
2841
2770
  >
2842
- <picture
2843
- class="emotion-65"
2844
- >
2845
- <div
2846
- class="emotion-66"
2847
- />
2848
- <img
2849
- alt="image alt 2"
2850
- class="emotion-67"
2851
- src="some-url-to-image"
2852
- />
2853
- </picture>
2854
- </div>
2771
+ <div
2772
+ class="emotion-62"
2773
+ />
2774
+ <img
2775
+ alt="image alt 2"
2776
+ class="emotion-63"
2777
+ src="some-url-to-image"
2778
+ />
2779
+ </picture>
2855
2780
  </div>
2856
2781
  <div
2857
- class="emotion-13"
2782
+ class="emotion-12"
2858
2783
  >
2859
2784
  <div
2860
- class="emotion-14"
2785
+ class="emotion-13"
2861
2786
  >
2862
2787
  <a
2863
- class="nk-card-link emotion-15"
2788
+ class="nk-card-link emotion-14"
2864
2789
  href="catagory-one/demo-2/test-headline-2"
2865
2790
  >
2866
2791
  <div
2867
- class="emotion-71"
2792
+ class="emotion-67"
2868
2793
  >
2869
2794
  <h3
2870
- class="emotion-72"
2795
+ class="emotion-68"
2871
2796
  >
2872
2797
  test headline 2
2873
2798
  </h3>
2874
2799
  </div>
2875
2800
  <div
2876
- class="emotion-73"
2801
+ class="emotion-69"
2877
2802
  >
2878
2803
  <p
2879
- class="emotion-74"
2804
+ class="emotion-70"
2880
2805
  >
2881
2806
  teaser test text 2
2882
2807
  </p>
@@ -2887,56 +2812,52 @@ exports[`getServerSideProps Homepage 1`] = `
2887
2812
  </div>
2888
2813
  </div>
2889
2814
  <div
2890
- class="emotion-61"
2815
+ class="emotion-58"
2891
2816
  data-testid="titleTeaserVertical-2"
2892
2817
  >
2893
2818
  <div
2894
2819
  class="emotion-8"
2895
2820
  >
2896
2821
  <div
2897
- class="emotion-23"
2822
+ class="emotion-22"
2898
2823
  >
2899
- <div
2900
- class="emotion-10"
2824
+ <picture
2825
+ class="emotion-61"
2901
2826
  >
2902
- <picture
2903
- class="emotion-65"
2904
- >
2905
- <div
2906
- class="emotion-66"
2907
- />
2908
- <img
2909
- alt="image alt 3"
2910
- class="emotion-67"
2911
- src="some-url-to-image"
2912
- />
2913
- </picture>
2914
- </div>
2827
+ <div
2828
+ class="emotion-62"
2829
+ />
2830
+ <img
2831
+ alt="image alt 3"
2832
+ class="emotion-63"
2833
+ src="some-url-to-image"
2834
+ />
2835
+ </picture>
2915
2836
  </div>
2916
2837
  <div
2917
- class="emotion-13"
2838
+ class="emotion-12"
2918
2839
  >
2919
2840
  <div
2920
- class="emotion-14"
2841
+ class="emotion-13"
2921
2842
  >
2922
2843
  <a
2923
- class="nk-card-link emotion-15"
2844
+ class="nk-card-link emotion-14"
2924
2845
  href="catagory-one/demo-3/test-headline-3"
2925
2846
  >
2926
2847
  <div
2927
- class="emotion-71"
2848
+ class="emotion-67"
2928
2849
  >
2929
2850
  <h3
2930
- class="emotion-72"
2851
+ class="emotion-68"
2931
2852
  >
2932
2853
  test headline 3
2933
2854
  </h3>
2934
2855
  </div>
2935
2856
  <div
2936
- class="emotion-73"
2857
+ class="emotion-69"
2937
2858
  >
2938
2859
  <p
2939
- class="emotion-74"
2860
+ class="emotion-70"
2940
2861
  >
2941
2862
  teaser test text 3
2942
2863
  </p>
@@ -2947,56 +2868,52 @@ exports[`getServerSideProps Homepage 1`] = `
2947
2868
  </div>
2948
2869
  </div>
2949
2870
  <div
2950
- class="emotion-61"
2871
+ class="emotion-58"
2951
2872
  data-testid="titleTeaserVertical-3"
2952
2873
  >
2953
2874
  <div
2954
2875
  class="emotion-8"
2955
2876
  >
2956
2877
  <div
2957
- class="emotion-23"
2878
+ class="emotion-22"
2958
2879
  >
2959
- <div
2960
- class="emotion-10"
2880
+ <picture
2881
+ class="emotion-61"
2961
2882
  >
2962
- <picture
2963
- class="emotion-65"
2964
- >
2965
- <div
2966
- class="emotion-66"
2967
- />
2968
- <img
2969
- alt="image alt 3"
2970
- class="emotion-67"
2971
- src="some-url-to-image"
2972
- />
2973
- </picture>
2974
- </div>
2883
+ <div
2884
+ class="emotion-62"
2885
+ />
2886
+ <img
2887
+ alt="image alt 3"
2888
+ class="emotion-63"
2889
+ src="some-url-to-image"
2890
+ />
2891
+ </picture>
2975
2892
  </div>
2976
2893
  <div
2977
- class="emotion-13"
2894
+ class="emotion-12"
2978
2895
  >
2979
2896
  <div
2980
- class="emotion-14"
2897
+ class="emotion-13"
2981
2898
  >
2982
2899
  <a
2983
- class="nk-card-link emotion-15"
2900
+ class="nk-card-link emotion-14"
2984
2901
  href="catagory-one/demo-4/test-headline-4"
2985
2902
  >
2986
2903
  <div
2987
- class="emotion-71"
2904
+ class="emotion-67"
2988
2905
  >
2989
2906
  <h3
2990
- class="emotion-72"
2907
+ class="emotion-68"
2991
2908
  >
2992
2909
  test headline 4
2993
2910
  </h3>
2994
2911
  </div>
2995
2912
  <div
2996
- class="emotion-73"
2913
+ class="emotion-69"
2997
2914
  >
2998
2915
  <p
2999
- class="emotion-74"
2916
+ class="emotion-70"
3000
2917
  >
3001
2918
  teaser test text 4
3002
2919
  </p>
@@ -3011,7 +2928,7 @@ exports[`getServerSideProps Homepage 1`] = `
3011
2928
  </div>
3012
2929
  <hr
3013
2930
  aria-hidden="true"
3014
- class="emotion-117"
2931
+ class="emotion-110"
3015
2932
  data-testid="divider"
3016
2933
  />
3017
2934
  </div>
@@ -3020,7 +2937,7 @@ exports[`getServerSideProps Homepage 1`] = `
3020
2937
  </div>
3021
2938
  </div>
3022
2939
  .emotion-0 {
3023
- background-color: #0a0a0a;
2940
+ background-color: #0A0A0A;
3024
2941
  width: 100%;
3025
2942
  bottom: 0;
3026
2943
  display: block;
@@ -3105,8 +3022,8 @@ exports[`getServerSideProps Homepage 1`] = `
3105
3022
 
3106
3023
  .emotion-5 {
3107
3024
  display: inline-block;
3108
- fill: #ffffff;
3109
- color: #ffffff;
3025
+ fill: #FFFFFF;
3026
+ color: #FFFFFF;
3110
3027
  width: 160px;
3111
3028
  }
3112
3029
 
@@ -3167,41 +3084,33 @@ exports[`getServerSideProps Homepage 1`] = `
3167
3084
  transition-property: color;
3168
3085
  transition-duration: 200ms;
3169
3086
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
3170
- color: #ffffff;
3087
+ color: #FFFFFF;
3171
3088
  -webkit-text-decoration: none;
3172
3089
  text-decoration: none;
3173
3090
  }
3174
3091
 
3175
3092
  .emotion-10 svg {
3176
- fill: #ffffff;
3093
+ fill: #FFFFFF;
3177
3094
  }
3178
3095
 
3179
3096
  .emotion-10:hover:not(:disabled) {
3180
- color: #ffffff;
3097
+ color: #FFFFFF;
3181
3098
  -webkit-text-decoration: underline;
3182
3099
  text-decoration: underline;
3183
3100
  }
3184
3101
 
3185
3102
  .emotion-10:hover:not(:disabled) svg {
3186
- fill: #ffffff;
3103
+ fill: #FFFFFF;
3187
3104
  }
3188
3105
 
3189
3106
  .emotion-10:active:not(:disabled) {
3190
- color: #ffffff;
3107
+ color: #FFFFFF;
3191
3108
  -webkit-text-decoration: underline;
3192
3109
  text-decoration: underline;
3193
3110
  }
3194
3111
 
3195
3112
  .emotion-10:active:not(:disabled) svg {
3196
- fill: #ffffff;
3197
- }
3198
-
3199
- .emotion-10:visited:not(:disabled) {
3200
- color: rgba(255,255,255,0.8);
3201
- }
3202
-
3203
- .emotion-10:visited:not(:disabled) svg {
3204
- fill: rgba(255,255,255,0.8);
3113
+ fill: #FFFFFF;
3205
3114
  }
3206
3115
 
3207
3116
  .emotion-11 {
@@ -3226,11 +3135,11 @@ exports[`getServerSideProps Homepage 1`] = `
3226
3135
  .emotion-12 {
3227
3136
  margin: 0;
3228
3137
  padding: 1px 0;
3229
- font-family: "Noto Sans",sans-serif;
3138
+ font-family: "DM Sans",sans-serif;
3230
3139
  font-size: 14px;
3231
3140
  line-height: 1.4285714285714286;
3232
3141
  font-weight: 500;
3233
- letter-spacing: 0;
3142
+ letter-spacing: -0.5px;
3234
3143
  display: inline-block;
3235
3144
  display: block;
3236
3145
  }
@@ -3240,7 +3149,7 @@ exports[`getServerSideProps Homepage 1`] = `
3240
3149
  display: block;
3241
3150
  height: 0;
3242
3151
  width: 0;
3243
- margin-bottom: -0.32678571428571435em;
3152
+ margin-bottom: -0.3955357142857143em;
3244
3153
  }
3245
3154
 
3246
3155
  .emotion-12::after {
@@ -3248,17 +3157,17 @@ exports[`getServerSideProps Homepage 1`] = `
3248
3157
  display: block;
3249
3158
  height: 0;
3250
3159
  width: 0;
3251
- margin-top: -0.4267857142857143em;
3160
+ margin-top: -0.3955357142857143em;
3252
3161
  }
3253
3162
 
3254
3163
  .emotion-35 {
3255
3164
  margin: 0;
3256
3165
  color: #535353;
3257
- font-family: "Noto Sans",sans-serif;
3166
+ font-family: "DM Sans",sans-serif;
3258
3167
  font-size: 14px;
3259
3168
  line-height: 1.4285714285714286;
3260
3169
  font-weight: 500;
3261
- letter-spacing: 0;
3170
+ letter-spacing: -0.5px;
3262
3171
  }
3263
3172
 
3264
3173
  .emotion-35 svg {