@newskit-render/core 1.2.3 → 1.5.2

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 (19) hide show
  1. package/CHANGELOG.md +140 -0
  2. package/__tests__/pages/[articleSlug].test.tsx +0 -9
  3. package/__tests__/pages/__snapshots__/home.test.tsx.snap +738 -250
  4. package/__tests__/pages/home.test.tsx +0 -9
  5. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +383 -97
  6. package/components/article/__tests__/index.test.tsx +0 -9
  7. package/components/footer/__snapshots__/index.test.tsx.snap +144 -9
  8. package/components/footer/index.test.tsx +0 -9
  9. package/components/header/index.test.tsx +0 -9
  10. package/components/header/index.tsx +1 -1
  11. package/components/section/__tests__/ArticleSlice.test.tsx +2 -10
  12. package/components/section/layouts/__tests__/SectionRow.test.tsx +0 -9
  13. package/components/section/layouts/__tests__/__snapshots__/SectionRow.test.tsx.snap +854 -506
  14. package/next.config.js +0 -13
  15. package/package.json +16 -14
  16. package/pages/account/payment/index.tsx +18 -0
  17. package/pages/checkout/index.tsx +7 -0
  18. package/temp/header.tsx +76 -76
  19. package/pages/api/account/zuora/generate-rsa.ts +0 -5
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -129,37 +129,101 @@ exports[`getServerSideProps Homepage 1`] = `
129
129
  justify-content: space-between;
130
130
  }
131
131
 
132
+ .emotion-5 {
133
+ display: inline-block;
134
+ transition-property: color;
135
+ transition-duration: 200ms;
136
+ transition-timing-function: cubic-bezier(0, 0, .5, 1);
137
+ color: #FFFFFF;
138
+ -webkit-text-decoration: none;
139
+ text-decoration: none;
140
+ }
141
+
142
+ .emotion-5 svg {
143
+ fill: #FFFFFF;
144
+ }
145
+
146
+ .emotion-5:hover:not(:disabled) {
147
+ color: #FFFFFF;
148
+ -webkit-text-decoration: underline;
149
+ text-decoration: underline;
150
+ }
151
+
152
+ .emotion-5:hover:not(:disabled) svg {
153
+ fill: #FFFFFF;
154
+ }
155
+
156
+ .emotion-5:active:not(:disabled) {
157
+ color: #FFFFFF;
158
+ -webkit-text-decoration: underline;
159
+ text-decoration: underline;
160
+ }
161
+
162
+ .emotion-5:active:not(:disabled) svg {
163
+ fill: #FFFFFF;
164
+ }
165
+
166
+ .emotion-6 {
167
+ display: -webkit-box;
168
+ display: -webkit-flex;
169
+ display: -ms-flexbox;
170
+ display: flex;
171
+ height: 100%;
172
+ -webkit-align-items: center;
173
+ -webkit-box-align: center;
174
+ -ms-flex-align: center;
175
+ align-items: center;
176
+ -webkit-flex-direction: row;
177
+ -ms-flex-direction: row;
178
+ flex-direction: row;
179
+ -webkit-box-pack: start;
180
+ -ms-flex-pack: start;
181
+ -webkit-justify-content: flex-start;
182
+ justify-content: flex-start;
183
+ margin-left: calc(-4px/2);
184
+ margin-right: calc(-4px/2);
185
+ }
186
+
187
+ .emotion-7 {
188
+ display: -webkit-inline-box;
189
+ display: -webkit-inline-flex;
190
+ display: -ms-inline-flexbox;
191
+ display: inline-flex;
192
+ margin-left: calc(4px/2);
193
+ margin-right: calc(4px/2);
194
+ }
195
+
132
196
  @media screen {
133
- .emotion-5 {
197
+ .emotion-8 {
134
198
  display: none;
135
199
  }
136
200
  }
137
201
 
138
202
  @media screen and (min-width: 480px) {
139
- .emotion-5 {
203
+ .emotion-8 {
140
204
  display: none;
141
205
  }
142
206
  }
143
207
 
144
208
  @media screen and (min-width: 768px) {
145
- .emotion-5 {
209
+ .emotion-8 {
146
210
  display: block;
147
211
  }
148
212
  }
149
213
 
150
214
  @media screen and (min-width: 1024px) {
151
- .emotion-5 {
215
+ .emotion-8 {
152
216
  display: block;
153
217
  }
154
218
  }
155
219
 
156
220
  @media screen and (min-width: 1440px) {
157
- .emotion-5 {
221
+ .emotion-8 {
158
222
  display: block;
159
223
  }
160
224
  }
161
225
 
162
- .emotion-6 {
226
+ .emotion-9 {
163
227
  display: inline-block;
164
228
  fill: #FFFFFF;
165
229
  color: #FFFFFF;
@@ -167,36 +231,36 @@ exports[`getServerSideProps Homepage 1`] = `
167
231
  }
168
232
 
169
233
  @media screen {
170
- .emotion-7 {
234
+ .emotion-11 {
171
235
  display: block;
172
236
  }
173
237
  }
174
238
 
175
239
  @media screen and (min-width: 480px) {
176
- .emotion-7 {
240
+ .emotion-11 {
177
241
  display: block;
178
242
  }
179
243
  }
180
244
 
181
245
  @media screen and (min-width: 768px) {
182
- .emotion-7 {
246
+ .emotion-11 {
183
247
  display: none;
184
248
  }
185
249
  }
186
250
 
187
251
  @media screen and (min-width: 1024px) {
188
- .emotion-7 {
252
+ .emotion-11 {
189
253
  display: none;
190
254
  }
191
255
  }
192
256
 
193
257
  @media screen and (min-width: 1440px) {
194
- .emotion-7 {
258
+ .emotion-11 {
195
259
  display: none;
196
260
  }
197
261
  }
198
262
 
199
- .emotion-9 {
263
+ .emotion-13 {
200
264
  display: -webkit-box;
201
265
  display: -webkit-flex;
202
266
  display: -ms-flexbox;
@@ -222,7 +286,7 @@ exports[`getServerSideProps Homepage 1`] = `
222
286
  justify-content: flex-end;
223
287
  }
224
288
 
225
- .emotion-10 {
289
+ .emotion-14 {
226
290
  position: fixed;
227
291
  overflow: auto;
228
292
  width: 100%;
@@ -235,7 +299,7 @@ exports[`getServerSideProps Homepage 1`] = `
235
299
  }
236
300
 
237
301
  @media screen and (min-width: 768px) {
238
- .emotion-10 {
302
+ .emotion-14 {
239
303
  display: block;
240
304
  position: relative;
241
305
  overflow: auto;
@@ -248,7 +312,7 @@ exports[`getServerSideProps Homepage 1`] = `
248
312
  }
249
313
  }
250
314
 
251
- .emotion-11 {
315
+ .emotion-15 {
252
316
  display: -webkit-box;
253
317
  display: -webkit-flex;
254
318
  display: -ms-flexbox;
@@ -270,7 +334,7 @@ exports[`getServerSideProps Homepage 1`] = `
270
334
  }
271
335
 
272
336
  @media screen and (min-width: 768px) {
273
- .emotion-11 {
337
+ .emotion-15 {
274
338
  -webkit-box-pack: end;
275
339
  -ms-flex-pack: end;
276
340
  -webkit-justify-content: flex-end;
@@ -282,22 +346,69 @@ exports[`getServerSideProps Homepage 1`] = `
282
346
  }
283
347
 
284
348
  @media screen and (max-width: 767px) {
285
- .emotion-12 {
349
+ .emotion-16 {
286
350
  margin-right: 0;
287
351
  }
288
352
  }
289
353
 
290
354
  @media screen and (min-width: 768px) {
291
- .emotion-12 {
355
+ .emotion-16 {
292
356
  margin-right: 24px;
293
357
  }
294
358
  }
295
359
 
296
- .emotion-16 {
360
+ .emotion-18 {
361
+ display: -webkit-box;
362
+ display: -webkit-flex;
363
+ display: -ms-flexbox;
364
+ display: flex;
365
+ height: 100%;
366
+ -webkit-align-items: center;
367
+ -webkit-box-align: center;
368
+ -ms-flex-align: center;
369
+ align-items: center;
370
+ -webkit-flex-direction: row;
371
+ -ms-flex-direction: row;
372
+ flex-direction: row;
373
+ -webkit-box-pack: start;
374
+ -ms-flex-pack: start;
375
+ -webkit-justify-content: flex-start;
376
+ justify-content: flex-start;
377
+ }
378
+
379
+ .emotion-19 {
380
+ margin: 0;
381
+ padding: 1px 0;
382
+ font-family: "DM Sans",sans-serif;
383
+ font-size: 14px;
384
+ line-height: 1.4285714285714286;
385
+ font-weight: 500;
386
+ letter-spacing: -0.5px;
387
+ display: inline-block;
388
+ display: block;
389
+ }
390
+
391
+ .emotion-19::before {
392
+ content: '';
393
+ display: block;
394
+ height: 0;
395
+ width: 0;
396
+ margin-bottom: -0.3955357142857143em;
397
+ }
398
+
399
+ .emotion-19::after {
400
+ content: '';
401
+ display: block;
402
+ height: 0;
403
+ width: 0;
404
+ margin-top: -0.3955357142857143em;
405
+ }
406
+
407
+ .emotion-29 {
297
408
  margin-right: 24px;
298
409
  }
299
410
 
300
- .emotion-17 {
411
+ .emotion-30 {
301
412
  display: inline-block;
302
413
  vertical-align: middle;
303
414
  overflow: hidden;
@@ -309,21 +420,21 @@ exports[`getServerSideProps Homepage 1`] = `
309
420
  display: inline-block;
310
421
  }
311
422
 
312
- .emotion-17:hover:not(:disabled) {
423
+ .emotion-30:hover:not(:disabled) {
313
424
  color: #FFFFFF;
314
425
  -webkit-text-decoration: underline;
315
426
  text-decoration: underline;
316
427
  fill: #FFFFFF;
317
428
  }
318
429
 
319
- .emotion-17:active:not(:disabled) {
430
+ .emotion-30:active:not(:disabled) {
320
431
  color: #FFFFFF;
321
432
  -webkit-text-decoration: underline;
322
433
  text-decoration: underline;
323
434
  fill: #FFFFFF;
324
435
  }
325
436
 
326
- .emotion-17.emotion-17 {
437
+ .emotion-30.emotion-30 {
327
438
  width: 32px;
328
439
  height: 32px;
329
440
  color: #FFFFFF;
@@ -332,14 +443,14 @@ exports[`getServerSideProps Homepage 1`] = `
332
443
  fill: #FFFFFF;
333
444
  }
334
445
 
335
- .emotion-17.emotion-17:hover:not(:disabled) {
446
+ .emotion-30.emotion-30:hover:not(:disabled) {
336
447
  color: #FFFFFF;
337
448
  -webkit-text-decoration: underline;
338
449
  text-decoration: underline;
339
450
  fill: #FFFFFF;
340
451
  }
341
452
 
342
- .emotion-17.emotion-17:active:not(:disabled) {
453
+ .emotion-30.emotion-30:active:not(:disabled) {
343
454
  color: #FFFFFF;
344
455
  -webkit-text-decoration: underline;
345
456
  text-decoration: underline;
@@ -365,114 +476,154 @@ exports[`getServerSideProps Homepage 1`] = `
365
476
  >
366
477
  <a
367
478
  aria-label="Home Page"
479
+ class="emotion-5"
368
480
  href="/"
369
481
  >
370
- <div
371
- class="emotion-5"
482
+ <span
483
+ class="emotion-6"
372
484
  >
373
- <svg
374
- class="emotion-6"
375
- height="40px"
376
- viewBox="0 0 244 40"
485
+ <span
486
+ class="emotion-7"
377
487
  >
378
- <title>
379
- NewsKit Logo
380
- </title>
381
- <path
382
- d="M86.93 34.078V19.006l12.017 15.462a.63.63 0 0 0 .496.243h5.94a.63.63 0 0 0 .629-.633V6.715a.63.63 0 0 0-.629-.633h-6.553a.63.63 0 0 0-.629.633v14.499L86.671 6.326a.63.63 0 0 0-.496-.244h-6.427a.63.63 0 0 0-.629.633v27.363a.63.63 0 0 0 .629.633h6.553a.63.63 0 0 0 .629-.633zm134.203-20.324c2.389 0 4.325-1.947 4.325-4.35s-1.936-4.35-4.325-4.35-4.325 1.947-4.325 4.35 1.936 4.35 4.325 4.35zM120.484 35.185c4.133 0 7.092-1.617 9.192-4.085.112-.132.196-.514-.023-.696l-3.487-2.897c-.267-.222-.691-.111-.819.004-1.437 1.296-2.778 1.881-4.496 1.881-2.401 0-4.151-1.224-4.761-3.631h13.949c.26 0 .821-.208.821-.638v-.953c0-6.487-3.499-12.077-11.067-12.077-6.51 0-11.108 5.1-11.108 11.546v.082c0 6.813 4.882 11.465 11.799 11.465zm3.299-13.444h-7.706c.407-2.421 1.794-3.954 3.832-3.954 2.121 0 3.588 1.533 3.874 3.954zm20.504 12.53l3.366-10.581c.026-.083.115-.129.198-.102.049.016.087.054.102.103l3.289 10.576a.63.63 0 0 0 .601.444h5.737a.63.63 0 0 0 .601-.447l6.399-20.955c.102-.334-.084-.688-.416-.79-.06-.018-.122-.028-.185-.028h-6.102a.63.63 0 0 0-.607.469l-2.7 10.167c-.023.084-.109.135-.193.112-.052-.014-.094-.054-.11-.107l-3.116-10.276a.63.63 0 0 0-.602-.448h-5.409a.63.63 0 0 0-.601.447l-3.114 10.193c-.026.084-.114.13-.197.105-.052-.016-.092-.058-.106-.111L138.5 12.963a.63.63 0 0 0-.608-.473h-6.184a.63.63 0 0 0-.629.633c0 .062.009.124.027.184l6.323 20.955a.63.63 0 0 0 .602.449h5.657a.63.63 0 0 0 .599-.44zm30.749.914c5.364 0 8.981-2.538 8.981-7.411v-.082c0-3.869-2.798-5.483-6.527-6.663l-.25-.078-.253-.077-.255-.076-.258-.075-.259-.074-.69-.212-.285-.09-.205-.066-.197-.065-.189-.064-.181-.063-.116-.042-.113-.041-.109-.041-.106-.041-.102-.041-.098-.041-.095-.041-.045-.021-.089-.042-.085-.042-.082-.042-.039-.021-.076-.043-.071-.043-.068-.044c-.351-.235-.536-.495-.536-.819v-.082c0-.655.61-1.105 1.788-1.105 1.631 0 3.897.677 6.042 1.831l.116.063.017.006.024.007.029.007a.6.6 0 0 0 .034.006l.038.004c.124.009.29-.019.36-.192l.176-.536.147-.454.26-.816.273-.875.224-.726.421-1.38c.067-.22-.02-.337-.088-.391l-.019-.014-.025-.015c-2.353-1.248-5.173-1.93-7.947-1.93-5.08 0-8.819 2.62-8.819 7.329v.082c0 3.759 2.496 5.387 5.915 6.496l.243.077.246.076.248.074.252.073.254.072.256.071.259.07.13.035.55.157.367.106.277.082.198.061.128.04.185.059.118.039.115.039.111.039.107.039.103.039.051.02.097.04.048.02.092.04.088.04.084.041.081.041c.511.268.776.569.776.983v.082c0 .778-.65 1.187-1.991 1.187-2.157 0-4.714-.772-7.12-2.281l-.116-.074-.025-.015-.029-.015-.032-.015c-.106-.044-.251-.065-.332.079l-1.527 4.645-.051.153c-.103.295.109.504.212.565 2.713 1.602 5.831 2.403 8.979 2.403zm20.475-1.265V27.17a.16.16 0 0 1 .041-.106l2.707-2.996c.059-.065.158-.069.223-.011.009.008.017.018.024.028l6.887 10.19a.63.63 0 0 0 .52.277h7.894a.63.63 0 0 0 .519-.99l-10.382-15.267c-.041-.06-.036-.14.012-.194l9.756-11.126c.23-.262.205-.662-.055-.893-.115-.102-.263-.158-.416-.158h-7.614a.63.63 0 0 0-.479.223l-9.36 11.065c-.056.066-.155.075-.222.018-.035-.03-.055-.074-.055-.12V6.557a.63.63 0 0 0-.629-.633h-6.618a.63.63 0 0 0-.63.633V33.92a.63.63 0 0 0 .63.633h6.618a.63.63 0 0 0 .629-.633zm29.554 0V16.93a.63.63 0 0 0-.629-.633h-6.448a.63.63 0 0 0-.629.633v16.99a.63.63 0 0 0 .629.633h6.448a.63.63 0 0 0 .629-.633zm13.423 1.107c1.945 0 3.625-.433 4.951-1.088l.096-.048.026-.014.028-.017c.117-.074.267-.222.267-.559v-5.177c0-.267-.213-.294-.37-.268l-.035.007-.047.013c-.01.003-.019.006-.027.01l-.012.005c-.785.321-1.597.517-2.437.517-1.423 0-2.115-.654-2.115-2.206v-7.36c0-.087.071-.158.158-.158h4.337a.63.63 0 0 0 .629-.633v-4.946a.63.63 0 0 0-.629-.633h-4.337c-.087 0-.158-.071-.158-.158V7.506a.63.63 0 0 0-.629-.633h-6.428a.63.63 0 0 0-.629.633v4.807c0 .087-.07.158-.157.158h-1.816a.63.63 0 0 0-.629.633v4.946a.63.63 0 0 0 .629.633h1.816c.087 0 .157.071.157.158v8.872c0 5.271 2.725 7.314 7.361 7.314z"
383
- fill="#fff"
384
- />
385
- <path
386
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
387
- fill="#aebfff"
388
- />
389
- <path
390
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
391
- fill="#3358cc"
392
- />
393
- <path
394
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
395
- fill="#577ffb"
396
- />
397
- </svg>
398
- </div>
399
- <div
400
- class="emotion-7"
401
- >
402
- <svg
403
- class="emotion-6"
404
- height="40px"
405
- viewBox="0 0 244 40"
488
+ <div
489
+ class="emotion-8"
490
+ >
491
+ <svg
492
+ class="emotion-9"
493
+ height="40px"
494
+ viewBox="0 0 244 40"
495
+ >
496
+ <title>
497
+ NewsKit Logo
498
+ </title>
499
+ <path
500
+ d="M86.93 34.078V19.006l12.017 15.462a.63.63 0 0 0 .496.243h5.94a.63.63 0 0 0 .629-.633V6.715a.63.63 0 0 0-.629-.633h-6.553a.63.63 0 0 0-.629.633v14.499L86.671 6.326a.63.63 0 0 0-.496-.244h-6.427a.63.63 0 0 0-.629.633v27.363a.63.63 0 0 0 .629.633h6.553a.63.63 0 0 0 .629-.633zm134.203-20.324c2.389 0 4.325-1.947 4.325-4.35s-1.936-4.35-4.325-4.35-4.325 1.947-4.325 4.35 1.936 4.35 4.325 4.35zM120.484 35.185c4.133 0 7.092-1.617 9.192-4.085.112-.132.196-.514-.023-.696l-3.487-2.897c-.267-.222-.691-.111-.819.004-1.437 1.296-2.778 1.881-4.496 1.881-2.401 0-4.151-1.224-4.761-3.631h13.949c.26 0 .821-.208.821-.638v-.953c0-6.487-3.499-12.077-11.067-12.077-6.51 0-11.108 5.1-11.108 11.546v.082c0 6.813 4.882 11.465 11.799 11.465zm3.299-13.444h-7.706c.407-2.421 1.794-3.954 3.832-3.954 2.121 0 3.588 1.533 3.874 3.954zm20.504 12.53l3.366-10.581c.026-.083.115-.129.198-.102.049.016.087.054.102.103l3.289 10.576a.63.63 0 0 0 .601.444h5.737a.63.63 0 0 0 .601-.447l6.399-20.955c.102-.334-.084-.688-.416-.79-.06-.018-.122-.028-.185-.028h-6.102a.63.63 0 0 0-.607.469l-2.7 10.167c-.023.084-.109.135-.193.112-.052-.014-.094-.054-.11-.107l-3.116-10.276a.63.63 0 0 0-.602-.448h-5.409a.63.63 0 0 0-.601.447l-3.114 10.193c-.026.084-.114.13-.197.105-.052-.016-.092-.058-.106-.111L138.5 12.963a.63.63 0 0 0-.608-.473h-6.184a.63.63 0 0 0-.629.633c0 .062.009.124.027.184l6.323 20.955a.63.63 0 0 0 .602.449h5.657a.63.63 0 0 0 .599-.44zm30.749.914c5.364 0 8.981-2.538 8.981-7.411v-.082c0-3.869-2.798-5.483-6.527-6.663l-.25-.078-.253-.077-.255-.076-.258-.075-.259-.074-.69-.212-.285-.09-.205-.066-.197-.065-.189-.064-.181-.063-.116-.042-.113-.041-.109-.041-.106-.041-.102-.041-.098-.041-.095-.041-.045-.021-.089-.042-.085-.042-.082-.042-.039-.021-.076-.043-.071-.043-.068-.044c-.351-.235-.536-.495-.536-.819v-.082c0-.655.61-1.105 1.788-1.105 1.631 0 3.897.677 6.042 1.831l.116.063.017.006.024.007.029.007a.6.6 0 0 0 .034.006l.038.004c.124.009.29-.019.36-.192l.176-.536.147-.454.26-.816.273-.875.224-.726.421-1.38c.067-.22-.02-.337-.088-.391l-.019-.014-.025-.015c-2.353-1.248-5.173-1.93-7.947-1.93-5.08 0-8.819 2.62-8.819 7.329v.082c0 3.759 2.496 5.387 5.915 6.496l.243.077.246.076.248.074.252.073.254.072.256.071.259.07.13.035.55.157.367.106.277.082.198.061.128.04.185.059.118.039.115.039.111.039.107.039.103.039.051.02.097.04.048.02.092.04.088.04.084.041.081.041c.511.268.776.569.776.983v.082c0 .778-.65 1.187-1.991 1.187-2.157 0-4.714-.772-7.12-2.281l-.116-.074-.025-.015-.029-.015-.032-.015c-.106-.044-.251-.065-.332.079l-1.527 4.645-.051.153c-.103.295.109.504.212.565 2.713 1.602 5.831 2.403 8.979 2.403zm20.475-1.265V27.17a.16.16 0 0 1 .041-.106l2.707-2.996c.059-.065.158-.069.223-.011.009.008.017.018.024.028l6.887 10.19a.63.63 0 0 0 .52.277h7.894a.63.63 0 0 0 .519-.99l-10.382-15.267c-.041-.06-.036-.14.012-.194l9.756-11.126c.23-.262.205-.662-.055-.893-.115-.102-.263-.158-.416-.158h-7.614a.63.63 0 0 0-.479.223l-9.36 11.065c-.056.066-.155.075-.222.018-.035-.03-.055-.074-.055-.12V6.557a.63.63 0 0 0-.629-.633h-6.618a.63.63 0 0 0-.63.633V33.92a.63.63 0 0 0 .63.633h6.618a.63.63 0 0 0 .629-.633zm29.554 0V16.93a.63.63 0 0 0-.629-.633h-6.448a.63.63 0 0 0-.629.633v16.99a.63.63 0 0 0 .629.633h6.448a.63.63 0 0 0 .629-.633zm13.423 1.107c1.945 0 3.625-.433 4.951-1.088l.096-.048.026-.014.028-.017c.117-.074.267-.222.267-.559v-5.177c0-.267-.213-.294-.37-.268l-.035.007-.047.013c-.01.003-.019.006-.027.01l-.012.005c-.785.321-1.597.517-2.437.517-1.423 0-2.115-.654-2.115-2.206v-7.36c0-.087.071-.158.158-.158h4.337a.63.63 0 0 0 .629-.633v-4.946a.63.63 0 0 0-.629-.633h-4.337c-.087 0-.158-.071-.158-.158V7.506a.63.63 0 0 0-.629-.633h-6.428a.63.63 0 0 0-.629.633v4.807c0 .087-.07.158-.157.158h-1.816a.63.63 0 0 0-.629.633v4.946a.63.63 0 0 0 .629.633h1.816c.087 0 .157.071.157.158v8.872c0 5.271 2.725 7.314 7.361 7.314z"
501
+ fill="#fff"
502
+ />
503
+ <path
504
+ d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
505
+ fill="#aebfff"
506
+ />
507
+ <path
508
+ d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
509
+ fill="#3358cc"
510
+ />
511
+ <path
512
+ d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
513
+ fill="#577ffb"
514
+ />
515
+ </svg>
516
+ </div>
517
+ </span>
518
+ <span
519
+ class="emotion-7"
406
520
  >
407
- <title>
408
- NewsKit Logo
409
- </title>
410
- <path
411
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
412
- fill="#aebfff"
413
- />
414
- <path
415
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
416
- fill="#3358cc"
417
- />
418
- <path
419
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
420
- fill="#577ffb"
421
- />
422
- </svg>
423
- </div>
521
+ <div
522
+ class="emotion-11"
523
+ >
524
+ <svg
525
+ class="emotion-9"
526
+ height="40px"
527
+ viewBox="0 0 244 40"
528
+ >
529
+ <title>
530
+ NewsKit Logo
531
+ </title>
532
+ <path
533
+ d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
534
+ fill="#aebfff"
535
+ />
536
+ <path
537
+ d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
538
+ fill="#3358cc"
539
+ />
540
+ <path
541
+ d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
542
+ fill="#577ffb"
543
+ />
544
+ </svg>
545
+ </div>
546
+ </span>
547
+ </span>
424
548
  </a>
425
549
  <div
426
- class="emotion-9"
550
+ class="emotion-13"
427
551
  >
428
552
  <div
429
- class="emotion-10"
553
+ class="emotion-14"
430
554
  >
431
555
  <div
432
- class="emotion-11"
556
+ class="emotion-15"
433
557
  >
434
558
  <span
435
- class="emotion-12"
559
+ class="emotion-16"
436
560
  >
437
561
  <a
438
562
  aria-label="Section One Link"
563
+ class="emotion-5"
439
564
  href="/section-one"
440
565
  >
441
- Section One
566
+ <span
567
+ class="emotion-18"
568
+ >
569
+ <span
570
+ class="emotion-19"
571
+ >
572
+ Section One
573
+ </span>
574
+ </span>
442
575
  </a>
443
576
  </span>
444
577
  <span
445
- class="emotion-12"
578
+ class="emotion-16"
446
579
  >
447
580
  <a
448
581
  aria-label="Section Two Link"
582
+ class="emotion-5"
449
583
  href="/section-two"
450
584
  >
451
- Section Two
585
+ <span
586
+ class="emotion-18"
587
+ >
588
+ <span
589
+ class="emotion-19"
590
+ >
591
+ Section Two
592
+ </span>
593
+ </span>
452
594
  </a>
453
595
  </span>
454
596
  <span
455
- class="emotion-12"
597
+ class="emotion-16"
456
598
  >
457
599
  <a
458
600
  aria-label="Section Three Link"
601
+ class="emotion-5"
459
602
  href="/section-three"
460
603
  >
461
- Section Three
604
+ <span
605
+ class="emotion-18"
606
+ >
607
+ <span
608
+ class="emotion-19"
609
+ >
610
+ Section Three
611
+ </span>
612
+ </span>
462
613
  </a>
463
614
  </span>
464
615
  </div>
465
616
  </div>
466
617
  <div
467
- class="emotion-7"
618
+ class="emotion-11"
468
619
  >
469
620
  <div
470
- class="emotion-16"
621
+ class="emotion-29"
471
622
  >
472
623
  <svg
473
624
  aria-hidden="true"
474
625
  aria-label="Mobile Menu Button"
475
- class="emotion-17 emotion-18"
626
+ class="emotion-30 emotion-31"
476
627
  data-testid="mobile-menu-btn"
477
628
  fill="currentColor"
478
629
  focusable="false"
@@ -1319,6 +1470,76 @@ exports[`getServerSideProps Homepage 1`] = `
1319
1470
  }
1320
1471
 
1321
1472
  .emotion-48 {
1473
+ display: inline-block;
1474
+ transition-property: color;
1475
+ transition-duration: 200ms;
1476
+ transition-timing-function: cubic-bezier(0, 0, .5, 1);
1477
+ color: #FFFFFF;
1478
+ }
1479
+
1480
+ .emotion-48 svg {
1481
+ fill: #FFFFFF;
1482
+ }
1483
+
1484
+ .emotion-49 {
1485
+ display: -webkit-box;
1486
+ display: -webkit-flex;
1487
+ display: -ms-flexbox;
1488
+ display: flex;
1489
+ height: 100%;
1490
+ -webkit-align-items: center;
1491
+ -webkit-box-align: center;
1492
+ -ms-flex-align: center;
1493
+ align-items: center;
1494
+ -webkit-flex-direction: row;
1495
+ -ms-flex-direction: row;
1496
+ flex-direction: row;
1497
+ -webkit-box-pack: start;
1498
+ -ms-flex-pack: start;
1499
+ -webkit-justify-content: flex-start;
1500
+ justify-content: flex-start;
1501
+ margin-left: calc(-8px/2);
1502
+ margin-right: calc(-8px/2);
1503
+ }
1504
+
1505
+ .emotion-50 {
1506
+ display: -webkit-inline-box;
1507
+ display: -webkit-inline-flex;
1508
+ display: -ms-inline-flexbox;
1509
+ display: inline-flex;
1510
+ margin-left: calc(8px/2);
1511
+ margin-right: calc(8px/2);
1512
+ }
1513
+
1514
+ .emotion-51 {
1515
+ margin: 0;
1516
+ padding: 1px 0;
1517
+ font-family: "Poppins",sans-serif;
1518
+ font-size: 14px;
1519
+ line-height: 1.4285714285714286;
1520
+ font-weight: 500;
1521
+ letter-spacing: -0.5px;
1522
+ display: inline-block;
1523
+ display: block;
1524
+ }
1525
+
1526
+ .emotion-51::before {
1527
+ content: '';
1528
+ display: block;
1529
+ height: 0;
1530
+ width: 0;
1531
+ margin-bottom: -0.3955357142857143em;
1532
+ }
1533
+
1534
+ .emotion-51::after {
1535
+ content: '';
1536
+ display: block;
1537
+ height: 0;
1538
+ width: 0;
1539
+ margin-top: -0.3955357142857143em;
1540
+ }
1541
+
1542
+ .emotion-53 {
1322
1543
  display: inline-block;
1323
1544
  vertical-align: middle;
1324
1545
  overflow: hidden;
@@ -1329,12 +1550,12 @@ exports[`getServerSideProps Homepage 1`] = `
1329
1550
  position: relative;
1330
1551
  }
1331
1552
 
1332
- .emotion-48.emotion-48 {
1553
+ .emotion-53.emotion-53 {
1333
1554
  width: 24px;
1334
1555
  height: 24px;
1335
1556
  }
1336
1557
 
1337
- .emotion-53 {
1558
+ .emotion-58 {
1338
1559
  box-sizing: border-box;
1339
1560
  -webkit-background-clip: padding-box;
1340
1561
  background-clip: padding-box;
@@ -1344,7 +1565,7 @@ exports[`getServerSideProps Homepage 1`] = `
1344
1565
  }
1345
1566
 
1346
1567
  @media screen {
1347
- .emotion-53 {
1568
+ .emotion-58 {
1348
1569
  padding: 0 8px;
1349
1570
  margin-top: 40px;
1350
1571
  -webkit-flex-basis: 100%;
@@ -1355,7 +1576,7 @@ exports[`getServerSideProps Homepage 1`] = `
1355
1576
  }
1356
1577
 
1357
1578
  @media screen and (min-width: 768px) {
1358
- .emotion-53 {
1579
+ .emotion-58 {
1359
1580
  margin-top: 32px;
1360
1581
  -webkit-flex-basis: 50%;
1361
1582
  -ms-flex-preferred-size: 50%;
@@ -1365,13 +1586,13 @@ exports[`getServerSideProps Homepage 1`] = `
1365
1586
  }
1366
1587
 
1367
1588
  @media screen and (min-width: 1024px) {
1368
- .emotion-53 {
1589
+ .emotion-58 {
1369
1590
  padding: 0 12px;
1370
1591
  }
1371
1592
  }
1372
1593
 
1373
1594
  @media screen and (min-width: 1440px) {
1374
- .emotion-53 {
1595
+ .emotion-58 {
1375
1596
  margin-top: 0;
1376
1597
  -webkit-flex-basis: 25%;
1377
1598
  -ms-flex-preferred-size: 25%;
@@ -1380,7 +1601,7 @@ exports[`getServerSideProps Homepage 1`] = `
1380
1601
  }
1381
1602
  }
1382
1603
 
1383
- .emotion-56 {
1604
+ .emotion-61 {
1384
1605
  position: relative;
1385
1606
  width: 100%;
1386
1607
  display: block;
@@ -1391,11 +1612,11 @@ exports[`getServerSideProps Homepage 1`] = `
1391
1612
  background-color: #F4F4F4;
1392
1613
  }
1393
1614
 
1394
- .emotion-56 svg {
1615
+ .emotion-61 svg {
1395
1616
  fill: #C0C0C0;
1396
1617
  }
1397
1618
 
1398
- .emotion-57 {
1619
+ .emotion-62 {
1399
1620
  top: 0;
1400
1621
  left: 0;
1401
1622
  position: absolute;
@@ -1415,7 +1636,7 @@ exports[`getServerSideProps Homepage 1`] = `
1415
1636
  margin: 0;
1416
1637
  }
1417
1638
 
1418
- .emotion-58 {
1639
+ .emotion-63 {
1419
1640
  opacity: 0;
1420
1641
  display: block;
1421
1642
  border-radius: inherit;
@@ -1426,22 +1647,22 @@ exports[`getServerSideProps Homepage 1`] = `
1426
1647
  position: absolute;
1427
1648
  }
1428
1649
 
1429
- .emotion-62 {
1650
+ .emotion-67 {
1430
1651
  margin-bottom: 20px;
1431
1652
  }
1432
1653
 
1433
- .emotion-63 {
1654
+ .emotion-68 {
1434
1655
  margin: 0;
1435
1656
  padding: 1px 0;
1436
1657
  color: #0A0A0A;
1437
1658
  }
1438
1659
 
1439
- .emotion-63 svg {
1660
+ .emotion-68 svg {
1440
1661
  fill: #0A0A0A;
1441
1662
  }
1442
1663
 
1443
1664
  @media screen and (max-width: 767px) {
1444
- .emotion-63 {
1665
+ .emotion-68 {
1445
1666
  font-family: "Bitter",serif;
1446
1667
  font-size: 20px;
1447
1668
  line-height: 1.2;
@@ -1449,7 +1670,7 @@ exports[`getServerSideProps Homepage 1`] = `
1449
1670
  letter-spacing: -0.5px;
1450
1671
  }
1451
1672
 
1452
- .emotion-63::before {
1673
+ .emotion-68::before {
1453
1674
  content: '';
1454
1675
  display: block;
1455
1676
  height: 0;
@@ -1457,7 +1678,7 @@ exports[`getServerSideProps Homepage 1`] = `
1457
1678
  margin-bottom: -0.25em;
1458
1679
  }
1459
1680
 
1460
- .emotion-63::after {
1681
+ .emotion-68::after {
1461
1682
  content: '';
1462
1683
  display: block;
1463
1684
  height: 0;
@@ -1467,7 +1688,7 @@ exports[`getServerSideProps Homepage 1`] = `
1467
1688
  }
1468
1689
 
1469
1690
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1470
- .emotion-63 {
1691
+ .emotion-68 {
1471
1692
  font-family: "Bitter",serif;
1472
1693
  font-size: 22px;
1473
1694
  line-height: 1.0909090909090908;
@@ -1475,7 +1696,7 @@ exports[`getServerSideProps Homepage 1`] = `
1475
1696
  letter-spacing: -0.5px;
1476
1697
  }
1477
1698
 
1478
- .emotion-63::before {
1699
+ .emotion-68::before {
1479
1700
  content: '';
1480
1701
  display: block;
1481
1702
  height: 0;
@@ -1483,7 +1704,7 @@ exports[`getServerSideProps Homepage 1`] = `
1483
1704
  margin-bottom: -0.19545454545454544em;
1484
1705
  }
1485
1706
 
1486
- .emotion-63::after {
1707
+ .emotion-68::after {
1487
1708
  content: '';
1488
1709
  display: block;
1489
1710
  height: 0;
@@ -1493,7 +1714,7 @@ exports[`getServerSideProps Homepage 1`] = `
1493
1714
  }
1494
1715
 
1495
1716
  @media screen and (min-width: 1440px) {
1496
- .emotion-63 {
1717
+ .emotion-68 {
1497
1718
  font-family: "Bitter",serif;
1498
1719
  font-size: 24px;
1499
1720
  line-height: 1.1666666666666667;
@@ -1501,7 +1722,7 @@ exports[`getServerSideProps Homepage 1`] = `
1501
1722
  letter-spacing: -0.5px;
1502
1723
  }
1503
1724
 
1504
- .emotion-63::before {
1725
+ .emotion-68::before {
1505
1726
  content: '';
1506
1727
  display: block;
1507
1728
  height: 0;
@@ -1509,7 +1730,7 @@ exports[`getServerSideProps Homepage 1`] = `
1509
1730
  margin-bottom: -0.2333333333333334em;
1510
1731
  }
1511
1732
 
1512
- .emotion-63::after {
1733
+ .emotion-68::after {
1513
1734
  content: '';
1514
1735
  display: block;
1515
1736
  height: 0;
@@ -1518,22 +1739,22 @@ exports[`getServerSideProps Homepage 1`] = `
1518
1739
  }
1519
1740
  }
1520
1741
 
1521
- .emotion-64 {
1742
+ .emotion-69 {
1522
1743
  margin-bottom: 12px;
1523
1744
  }
1524
1745
 
1525
- .emotion-65 {
1746
+ .emotion-70 {
1526
1747
  margin: 0;
1527
1748
  padding: 1px 0;
1528
1749
  color: #0A0A0A;
1529
1750
  }
1530
1751
 
1531
- .emotion-65 svg {
1752
+ .emotion-70 svg {
1532
1753
  fill: #0A0A0A;
1533
1754
  }
1534
1755
 
1535
1756
  @media screen and (max-width: 767px) {
1536
- .emotion-65 {
1757
+ .emotion-70 {
1537
1758
  font-family: "DM Sans",sans-serif;
1538
1759
  font-size: 14px;
1539
1760
  line-height: 1.4285714285714286;
@@ -1541,7 +1762,7 @@ exports[`getServerSideProps Homepage 1`] = `
1541
1762
  letter-spacing: -0.5px;
1542
1763
  }
1543
1764
 
1544
- .emotion-65::before {
1765
+ .emotion-70::before {
1545
1766
  content: '';
1546
1767
  display: block;
1547
1768
  height: 0;
@@ -1549,7 +1770,7 @@ exports[`getServerSideProps Homepage 1`] = `
1549
1770
  margin-bottom: -0.3955357142857143em;
1550
1771
  }
1551
1772
 
1552
- .emotion-65::after {
1773
+ .emotion-70::after {
1553
1774
  content: '';
1554
1775
  display: block;
1555
1776
  height: 0;
@@ -1559,7 +1780,7 @@ exports[`getServerSideProps Homepage 1`] = `
1559
1780
  }
1560
1781
 
1561
1782
  @media screen and (min-width: 768px) {
1562
- .emotion-65 {
1783
+ .emotion-70 {
1563
1784
  font-family: "DM Sans",sans-serif;
1564
1785
  font-size: 16px;
1565
1786
  line-height: 1.5;
@@ -1567,7 +1788,7 @@ exports[`getServerSideProps Homepage 1`] = `
1567
1788
  letter-spacing: -0.5px;
1568
1789
  }
1569
1790
 
1570
- .emotion-65::before {
1791
+ .emotion-70::before {
1571
1792
  content: '';
1572
1793
  display: block;
1573
1794
  height: 0;
@@ -1575,7 +1796,7 @@ exports[`getServerSideProps Homepage 1`] = `
1575
1796
  margin-bottom: -0.43125em;
1576
1797
  }
1577
1798
 
1578
- .emotion-65::after {
1799
+ .emotion-70::after {
1579
1800
  content: '';
1580
1801
  display: block;
1581
1802
  height: 0;
@@ -1584,7 +1805,7 @@ exports[`getServerSideProps Homepage 1`] = `
1584
1805
  }
1585
1806
  }
1586
1807
 
1587
- .emotion-105 {
1808
+ .emotion-110 {
1588
1809
  border-style: solid;
1589
1810
  border-color: #DEDEDE;
1590
1811
  border-width: 1px;
@@ -1596,7 +1817,60 @@ exports[`getServerSideProps Homepage 1`] = `
1596
1817
  border-color: transparent;
1597
1818
  }
1598
1819
 
1599
- .emotion-114 {
1820
+ .emotion-112 {
1821
+ display: inline-block;
1822
+ transition-property: color;
1823
+ transition-duration: 200ms;
1824
+ transition-timing-function: cubic-bezier(0, 0, .5, 1);
1825
+ color: #3358CC;
1826
+ -webkit-text-decoration: none;
1827
+ text-decoration: none;
1828
+ }
1829
+
1830
+ .emotion-112 svg {
1831
+ fill: #3358CC;
1832
+ }
1833
+
1834
+ .emotion-112:hover:not(:disabled) {
1835
+ color: #2B4AAB;
1836
+ -webkit-text-decoration: underline;
1837
+ text-decoration: underline;
1838
+ }
1839
+
1840
+ .emotion-112:hover:not(:disabled) svg {
1841
+ fill: #2B4AAB;
1842
+ }
1843
+
1844
+ .emotion-112:active:not(:disabled) {
1845
+ color: #213A82;
1846
+ -webkit-text-decoration: underline;
1847
+ text-decoration: underline;
1848
+ }
1849
+
1850
+ .emotion-112:active:not(:disabled) svg {
1851
+ fill: #213A82;
1852
+ }
1853
+
1854
+ .emotion-113 {
1855
+ display: -webkit-box;
1856
+ display: -webkit-flex;
1857
+ display: -ms-flexbox;
1858
+ display: flex;
1859
+ height: 100%;
1860
+ -webkit-align-items: center;
1861
+ -webkit-box-align: center;
1862
+ -ms-flex-align: center;
1863
+ align-items: center;
1864
+ -webkit-flex-direction: row;
1865
+ -ms-flex-direction: row;
1866
+ flex-direction: row;
1867
+ -webkit-box-pack: start;
1868
+ -ms-flex-pack: start;
1869
+ -webkit-justify-content: flex-start;
1870
+ justify-content: flex-start;
1871
+ }
1872
+
1873
+ .emotion-134 {
1600
1874
  position: relative;
1601
1875
  width: 100%;
1602
1876
  display: block;
@@ -1607,11 +1881,11 @@ exports[`getServerSideProps Homepage 1`] = `
1607
1881
  background-color: #F4F4F4;
1608
1882
  }
1609
1883
 
1610
- .emotion-114 svg {
1884
+ .emotion-134 svg {
1611
1885
  fill: #C0C0C0;
1612
1886
  }
1613
1887
 
1614
- .emotion-145 {
1888
+ .emotion-165 {
1615
1889
  background:color: #F4F4F4;
1616
1890
  }
1617
1891
 
@@ -1815,25 +2089,42 @@ exports[`getServerSideProps Homepage 1`] = `
1815
2089
  class="emotion-47"
1816
2090
  >
1817
2091
  <a
2092
+ class="emotion-48"
1818
2093
  href="/section-one"
1819
2094
  >
1820
- Link
1821
- <svg
1822
- aria-hidden="true"
1823
- class="emotion-48 emotion-49"
1824
- fill="currentColor"
1825
- focusable="false"
1826
- viewBox="0 0 24 24"
1827
- xmlns="http://www.w3.org/2000/svg"
2095
+ <span
2096
+ class="emotion-49"
1828
2097
  >
1829
- <path
1830
- d="M0 0h24v24H0z"
1831
- fill="none"
1832
- />
1833
- <path
1834
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1835
- />
1836
- </svg>
2098
+ <span
2099
+ class="emotion-50"
2100
+ >
2101
+ <span
2102
+ class="emotion-51"
2103
+ >
2104
+ Link
2105
+ </span>
2106
+ </span>
2107
+ <span
2108
+ class="emotion-50"
2109
+ >
2110
+ <svg
2111
+ aria-hidden="true"
2112
+ class="emotion-53 emotion-54"
2113
+ fill="currentColor"
2114
+ focusable="false"
2115
+ viewBox="0 0 24 24"
2116
+ xmlns="http://www.w3.org/2000/svg"
2117
+ >
2118
+ <path
2119
+ d="M0 0h24v24H0z"
2120
+ fill="none"
2121
+ />
2122
+ <path
2123
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
2124
+ />
2125
+ </svg>
2126
+ </span>
2127
+ </span>
1837
2128
  </a>
1838
2129
  </div>
1839
2130
  </div>
@@ -1849,7 +2140,7 @@ exports[`getServerSideProps Homepage 1`] = `
1849
2140
  data-testid="SECONDARY_4-Grid"
1850
2141
  >
1851
2142
  <div
1852
- class="emotion-53"
2143
+ class="emotion-58"
1853
2144
  data-testid="titleTeaserVertical-0"
1854
2145
  >
1855
2146
  <div
@@ -1859,14 +2150,14 @@ exports[`getServerSideProps Homepage 1`] = `
1859
2150
  class="emotion-22"
1860
2151
  >
1861
2152
  <picture
1862
- class="emotion-56"
2153
+ class="emotion-61"
1863
2154
  >
1864
2155
  <div
1865
- class="emotion-57"
2156
+ class="emotion-62"
1866
2157
  />
1867
2158
  <img
1868
2159
  alt="image alt"
1869
- class="emotion-58"
2160
+ class="emotion-63"
1870
2161
  src="some-url-to-image"
1871
2162
  />
1872
2163
  </picture>
@@ -1882,19 +2173,19 @@ exports[`getServerSideProps Homepage 1`] = `
1882
2173
  href="catagory-one/demo-1/test-headline"
1883
2174
  >
1884
2175
  <div
1885
- class="emotion-62"
2176
+ class="emotion-67"
1886
2177
  >
1887
2178
  <h3
1888
- class="emotion-63"
2179
+ class="emotion-68"
1889
2180
  >
1890
2181
  test headline
1891
2182
  </h3>
1892
2183
  </div>
1893
2184
  <div
1894
- class="emotion-64"
2185
+ class="emotion-69"
1895
2186
  >
1896
2187
  <p
1897
- class="emotion-65"
2188
+ class="emotion-70"
1898
2189
  >
1899
2190
  teaser test text
1900
2191
  </p>
@@ -1905,7 +2196,7 @@ exports[`getServerSideProps Homepage 1`] = `
1905
2196
  </div>
1906
2197
  </div>
1907
2198
  <div
1908
- class="emotion-53"
2199
+ class="emotion-58"
1909
2200
  data-testid="titleTeaserVertical-1"
1910
2201
  >
1911
2202
  <div
@@ -1915,14 +2206,14 @@ exports[`getServerSideProps Homepage 1`] = `
1915
2206
  class="emotion-22"
1916
2207
  >
1917
2208
  <picture
1918
- class="emotion-56"
2209
+ class="emotion-61"
1919
2210
  >
1920
2211
  <div
1921
- class="emotion-57"
2212
+ class="emotion-62"
1922
2213
  />
1923
2214
  <img
1924
2215
  alt="image alt 2"
1925
- class="emotion-58"
2216
+ class="emotion-63"
1926
2217
  src="some-url-to-image"
1927
2218
  />
1928
2219
  </picture>
@@ -1938,19 +2229,19 @@ exports[`getServerSideProps Homepage 1`] = `
1938
2229
  href="catagory-two/demo-2/test-headline-2"
1939
2230
  >
1940
2231
  <div
1941
- class="emotion-62"
2232
+ class="emotion-67"
1942
2233
  >
1943
2234
  <h3
1944
- class="emotion-63"
2235
+ class="emotion-68"
1945
2236
  >
1946
2237
  test headline 2
1947
2238
  </h3>
1948
2239
  </div>
1949
2240
  <div
1950
- class="emotion-64"
2241
+ class="emotion-69"
1951
2242
  >
1952
2243
  <p
1953
- class="emotion-65"
2244
+ class="emotion-70"
1954
2245
  >
1955
2246
  teaser test text 2
1956
2247
  </p>
@@ -1961,7 +2252,7 @@ exports[`getServerSideProps Homepage 1`] = `
1961
2252
  </div>
1962
2253
  </div>
1963
2254
  <div
1964
- class="emotion-53"
2255
+ class="emotion-58"
1965
2256
  data-testid="titleTeaserVertical-2"
1966
2257
  >
1967
2258
  <div
@@ -1971,14 +2262,14 @@ exports[`getServerSideProps Homepage 1`] = `
1971
2262
  class="emotion-22"
1972
2263
  >
1973
2264
  <picture
1974
- class="emotion-56"
2265
+ class="emotion-61"
1975
2266
  >
1976
2267
  <div
1977
- class="emotion-57"
2268
+ class="emotion-62"
1978
2269
  />
1979
2270
  <img
1980
2271
  alt="image alt 3"
1981
- class="emotion-58"
2272
+ class="emotion-63"
1982
2273
  src="some-url-to-image"
1983
2274
  />
1984
2275
  </picture>
@@ -1994,19 +2285,19 @@ exports[`getServerSideProps Homepage 1`] = `
1994
2285
  href="catagory-three/demo-3/test-headline-3"
1995
2286
  >
1996
2287
  <div
1997
- class="emotion-62"
2288
+ class="emotion-67"
1998
2289
  >
1999
2290
  <h3
2000
- class="emotion-63"
2291
+ class="emotion-68"
2001
2292
  >
2002
2293
  test headline 3
2003
2294
  </h3>
2004
2295
  </div>
2005
2296
  <div
2006
- class="emotion-64"
2297
+ class="emotion-69"
2007
2298
  >
2008
2299
  <p
2009
- class="emotion-65"
2300
+ class="emotion-70"
2010
2301
  >
2011
2302
  teaser test text 3
2012
2303
  </p>
@@ -2017,7 +2308,7 @@ exports[`getServerSideProps Homepage 1`] = `
2017
2308
  </div>
2018
2309
  </div>
2019
2310
  <div
2020
- class="emotion-53"
2311
+ class="emotion-58"
2021
2312
  data-testid="titleTeaserVertical-3"
2022
2313
  >
2023
2314
  <div
@@ -2027,14 +2318,14 @@ exports[`getServerSideProps Homepage 1`] = `
2027
2318
  class="emotion-22"
2028
2319
  >
2029
2320
  <picture
2030
- class="emotion-56"
2321
+ class="emotion-61"
2031
2322
  >
2032
2323
  <div
2033
- class="emotion-57"
2324
+ class="emotion-62"
2034
2325
  />
2035
2326
  <img
2036
2327
  alt="image alt 3"
2037
- class="emotion-58"
2328
+ class="emotion-63"
2038
2329
  src="some-url-to-image"
2039
2330
  />
2040
2331
  </picture>
@@ -2050,19 +2341,19 @@ exports[`getServerSideProps Homepage 1`] = `
2050
2341
  href="catagory-four/demo-4/test-headline-4"
2051
2342
  >
2052
2343
  <div
2053
- class="emotion-62"
2344
+ class="emotion-67"
2054
2345
  >
2055
2346
  <h3
2056
- class="emotion-63"
2347
+ class="emotion-68"
2057
2348
  >
2058
2349
  test headline 4
2059
2350
  </h3>
2060
2351
  </div>
2061
2352
  <div
2062
- class="emotion-64"
2353
+ class="emotion-69"
2063
2354
  >
2064
2355
  <p
2065
- class="emotion-65"
2356
+ class="emotion-70"
2066
2357
  >
2067
2358
  teaser test text 4
2068
2359
  </p>
@@ -2077,7 +2368,7 @@ exports[`getServerSideProps Homepage 1`] = `
2077
2368
  </div>
2078
2369
  <hr
2079
2370
  aria-hidden="true"
2080
- class="emotion-105"
2371
+ class="emotion-110"
2081
2372
  data-testid="divider"
2082
2373
  />
2083
2374
  </div>
@@ -2092,16 +2383,34 @@ exports[`getServerSideProps Homepage 1`] = `
2092
2383
  </h2>
2093
2384
  <p>
2094
2385
  <a
2095
- href="catagory-one/demo-1/test-headline"
2386
+ class="emotion-112"
2387
+ href="/catagory-one/demo-1/test-headline"
2096
2388
  >
2097
- test headline
2389
+ <span
2390
+ class="emotion-113"
2391
+ >
2392
+ <span
2393
+ class="emotion-51"
2394
+ >
2395
+ test headline
2396
+ </span>
2397
+ </span>
2098
2398
  </a>
2099
2399
  </p>
2100
2400
  <p>
2101
2401
  <a
2102
- href="catagory-two/demo-2/test-headline-2"
2402
+ class="emotion-112"
2403
+ href="/catagory-two/demo-2/test-headline-2"
2103
2404
  >
2104
- test headline 2
2405
+ <span
2406
+ class="emotion-113"
2407
+ >
2408
+ <span
2409
+ class="emotion-51"
2410
+ >
2411
+ test headline 2
2412
+ </span>
2413
+ </span>
2105
2414
  </a>
2106
2415
  </p>
2107
2416
  </div>
@@ -2116,23 +2425,50 @@ exports[`getServerSideProps Homepage 1`] = `
2116
2425
  </h2>
2117
2426
  <p>
2118
2427
  <a
2119
- href="uncategorized"
2428
+ class="emotion-112"
2429
+ href="/uncategorized"
2120
2430
  >
2121
- TODO - External Reference
2431
+ <span
2432
+ class="emotion-113"
2433
+ >
2434
+ <span
2435
+ class="emotion-51"
2436
+ >
2437
+ TODO - External Reference
2438
+ </span>
2439
+ </span>
2122
2440
  </a>
2123
2441
  </p>
2124
2442
  <p>
2125
2443
  <a
2126
- href="uncategorized"
2444
+ class="emotion-112"
2445
+ href="/uncategorized"
2127
2446
  >
2128
- TODO - Video
2447
+ <span
2448
+ class="emotion-113"
2449
+ >
2450
+ <span
2451
+ class="emotion-51"
2452
+ >
2453
+ TODO - Video
2454
+ </span>
2455
+ </span>
2129
2456
  </a>
2130
2457
  </p>
2131
2458
  <p>
2132
2459
  <a
2133
- href="uncategorized"
2460
+ class="emotion-112"
2461
+ href="/uncategorized"
2134
2462
  >
2135
- Unknown slice block - something
2463
+ <span
2464
+ class="emotion-113"
2465
+ >
2466
+ <span
2467
+ class="emotion-51"
2468
+ >
2469
+ Unknown slice block - something
2470
+ </span>
2471
+ </span>
2136
2472
  </a>
2137
2473
  </p>
2138
2474
  </div>
@@ -2157,13 +2493,13 @@ exports[`getServerSideProps Homepage 1`] = `
2157
2493
  class="emotion-9"
2158
2494
  >
2159
2495
  <picture
2160
- class="emotion-114"
2496
+ class="emotion-134"
2161
2497
  >
2162
2498
  <div
2163
- class="emotion-57"
2499
+ class="emotion-62"
2164
2500
  />
2165
2501
  <img
2166
- class="emotion-58"
2502
+ class="emotion-63"
2167
2503
  src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2168
2504
  />
2169
2505
  </picture>
@@ -2209,13 +2545,13 @@ exports[`getServerSideProps Homepage 1`] = `
2209
2545
  class="emotion-22"
2210
2546
  >
2211
2547
  <picture
2212
- class="emotion-114"
2548
+ class="emotion-134"
2213
2549
  >
2214
2550
  <div
2215
- class="emotion-57"
2551
+ class="emotion-62"
2216
2552
  />
2217
2553
  <img
2218
- class="emotion-58"
2554
+ class="emotion-63"
2219
2555
  src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2220
2556
  />
2221
2557
  </picture>
@@ -2250,13 +2586,13 @@ exports[`getServerSideProps Homepage 1`] = `
2250
2586
  class="emotion-22"
2251
2587
  >
2252
2588
  <picture
2253
- class="emotion-114"
2589
+ class="emotion-134"
2254
2590
  >
2255
2591
  <div
2256
- class="emotion-57"
2592
+ class="emotion-62"
2257
2593
  />
2258
2594
  <img
2259
- class="emotion-58"
2595
+ class="emotion-63"
2260
2596
  src="https://plchldr.co/i/802x451?bg=F0F0F0&fc=111111&text=img"
2261
2597
  />
2262
2598
  </picture>
@@ -2289,7 +2625,7 @@ exports[`getServerSideProps Homepage 1`] = `
2289
2625
  class="emotion-4"
2290
2626
  />
2291
2627
  <div
2292
- class="emotion-145"
2628
+ class="emotion-165"
2293
2629
  >
2294
2630
  <div
2295
2631
  class="emotion-42"
@@ -2313,25 +2649,42 @@ exports[`getServerSideProps Homepage 1`] = `
2313
2649
  class="emotion-47"
2314
2650
  >
2315
2651
  <a
2652
+ class="emotion-48"
2316
2653
  href="/section-one"
2317
2654
  >
2318
- Link
2319
- <svg
2320
- aria-hidden="true"
2321
- class="emotion-48 emotion-49"
2322
- fill="currentColor"
2323
- focusable="false"
2324
- viewBox="0 0 24 24"
2325
- xmlns="http://www.w3.org/2000/svg"
2655
+ <span
2656
+ class="emotion-49"
2326
2657
  >
2327
- <path
2328
- d="M0 0h24v24H0z"
2329
- fill="none"
2330
- />
2331
- <path
2332
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
2333
- />
2334
- </svg>
2658
+ <span
2659
+ class="emotion-50"
2660
+ >
2661
+ <span
2662
+ class="emotion-51"
2663
+ >
2664
+ Link
2665
+ </span>
2666
+ </span>
2667
+ <span
2668
+ class="emotion-50"
2669
+ >
2670
+ <svg
2671
+ aria-hidden="true"
2672
+ class="emotion-53 emotion-54"
2673
+ fill="currentColor"
2674
+ focusable="false"
2675
+ viewBox="0 0 24 24"
2676
+ xmlns="http://www.w3.org/2000/svg"
2677
+ >
2678
+ <path
2679
+ d="M0 0h24v24H0z"
2680
+ fill="none"
2681
+ />
2682
+ <path
2683
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
2684
+ />
2685
+ </svg>
2686
+ </span>
2687
+ </span>
2335
2688
  </a>
2336
2689
  </div>
2337
2690
  </div>
@@ -2347,7 +2700,7 @@ exports[`getServerSideProps Homepage 1`] = `
2347
2700
  data-testid="SECONDARY_4_ODD-Grid"
2348
2701
  >
2349
2702
  <div
2350
- class="emotion-53"
2703
+ class="emotion-58"
2351
2704
  data-testid="titleTeaserVertical-0"
2352
2705
  >
2353
2706
  <div
@@ -2357,14 +2710,14 @@ exports[`getServerSideProps Homepage 1`] = `
2357
2710
  class="emotion-22"
2358
2711
  >
2359
2712
  <picture
2360
- class="emotion-56"
2713
+ class="emotion-61"
2361
2714
  >
2362
2715
  <div
2363
- class="emotion-57"
2716
+ class="emotion-62"
2364
2717
  />
2365
2718
  <img
2366
2719
  alt="image alt"
2367
- class="emotion-58"
2720
+ class="emotion-63"
2368
2721
  src="some-url-to-image"
2369
2722
  />
2370
2723
  </picture>
@@ -2380,19 +2733,19 @@ exports[`getServerSideProps Homepage 1`] = `
2380
2733
  href="catagory-one/demo-1/test-headline"
2381
2734
  >
2382
2735
  <div
2383
- class="emotion-62"
2736
+ class="emotion-67"
2384
2737
  >
2385
2738
  <h3
2386
- class="emotion-63"
2739
+ class="emotion-68"
2387
2740
  >
2388
2741
  test headline
2389
2742
  </h3>
2390
2743
  </div>
2391
2744
  <div
2392
- class="emotion-64"
2745
+ class="emotion-69"
2393
2746
  >
2394
2747
  <p
2395
- class="emotion-65"
2748
+ class="emotion-70"
2396
2749
  >
2397
2750
  teaser test text
2398
2751
  </p>
@@ -2403,7 +2756,7 @@ exports[`getServerSideProps Homepage 1`] = `
2403
2756
  </div>
2404
2757
  </div>
2405
2758
  <div
2406
- class="emotion-53"
2759
+ class="emotion-58"
2407
2760
  data-testid="titleTeaserVertical-1"
2408
2761
  >
2409
2762
  <div
@@ -2413,14 +2766,14 @@ exports[`getServerSideProps Homepage 1`] = `
2413
2766
  class="emotion-22"
2414
2767
  >
2415
2768
  <picture
2416
- class="emotion-56"
2769
+ class="emotion-61"
2417
2770
  >
2418
2771
  <div
2419
- class="emotion-57"
2772
+ class="emotion-62"
2420
2773
  />
2421
2774
  <img
2422
2775
  alt="image alt 2"
2423
- class="emotion-58"
2776
+ class="emotion-63"
2424
2777
  src="some-url-to-image"
2425
2778
  />
2426
2779
  </picture>
@@ -2436,19 +2789,19 @@ exports[`getServerSideProps Homepage 1`] = `
2436
2789
  href="catagory-one/demo-2/test-headline-2"
2437
2790
  >
2438
2791
  <div
2439
- class="emotion-62"
2792
+ class="emotion-67"
2440
2793
  >
2441
2794
  <h3
2442
- class="emotion-63"
2795
+ class="emotion-68"
2443
2796
  >
2444
2797
  test headline 2
2445
2798
  </h3>
2446
2799
  </div>
2447
2800
  <div
2448
- class="emotion-64"
2801
+ class="emotion-69"
2449
2802
  >
2450
2803
  <p
2451
- class="emotion-65"
2804
+ class="emotion-70"
2452
2805
  >
2453
2806
  teaser test text 2
2454
2807
  </p>
@@ -2459,7 +2812,7 @@ exports[`getServerSideProps Homepage 1`] = `
2459
2812
  </div>
2460
2813
  </div>
2461
2814
  <div
2462
- class="emotion-53"
2815
+ class="emotion-58"
2463
2816
  data-testid="titleTeaserVertical-2"
2464
2817
  >
2465
2818
  <div
@@ -2469,14 +2822,14 @@ exports[`getServerSideProps Homepage 1`] = `
2469
2822
  class="emotion-22"
2470
2823
  >
2471
2824
  <picture
2472
- class="emotion-56"
2825
+ class="emotion-61"
2473
2826
  >
2474
2827
  <div
2475
- class="emotion-57"
2828
+ class="emotion-62"
2476
2829
  />
2477
2830
  <img
2478
2831
  alt="image alt 3"
2479
- class="emotion-58"
2832
+ class="emotion-63"
2480
2833
  src="some-url-to-image"
2481
2834
  />
2482
2835
  </picture>
@@ -2492,19 +2845,19 @@ exports[`getServerSideProps Homepage 1`] = `
2492
2845
  href="catagory-one/demo-3/test-headline-3"
2493
2846
  >
2494
2847
  <div
2495
- class="emotion-62"
2848
+ class="emotion-67"
2496
2849
  >
2497
2850
  <h3
2498
- class="emotion-63"
2851
+ class="emotion-68"
2499
2852
  >
2500
2853
  test headline 3
2501
2854
  </h3>
2502
2855
  </div>
2503
2856
  <div
2504
- class="emotion-64"
2857
+ class="emotion-69"
2505
2858
  >
2506
2859
  <p
2507
- class="emotion-65"
2860
+ class="emotion-70"
2508
2861
  >
2509
2862
  teaser test text 3
2510
2863
  </p>
@@ -2515,7 +2868,7 @@ exports[`getServerSideProps Homepage 1`] = `
2515
2868
  </div>
2516
2869
  </div>
2517
2870
  <div
2518
- class="emotion-53"
2871
+ class="emotion-58"
2519
2872
  data-testid="titleTeaserVertical-3"
2520
2873
  >
2521
2874
  <div
@@ -2525,14 +2878,14 @@ exports[`getServerSideProps Homepage 1`] = `
2525
2878
  class="emotion-22"
2526
2879
  >
2527
2880
  <picture
2528
- class="emotion-56"
2881
+ class="emotion-61"
2529
2882
  >
2530
2883
  <div
2531
- class="emotion-57"
2884
+ class="emotion-62"
2532
2885
  />
2533
2886
  <img
2534
2887
  alt="image alt 3"
2535
- class="emotion-58"
2888
+ class="emotion-63"
2536
2889
  src="some-url-to-image"
2537
2890
  />
2538
2891
  </picture>
@@ -2548,19 +2901,19 @@ exports[`getServerSideProps Homepage 1`] = `
2548
2901
  href="catagory-one/demo-4/test-headline-4"
2549
2902
  >
2550
2903
  <div
2551
- class="emotion-62"
2904
+ class="emotion-67"
2552
2905
  >
2553
2906
  <h3
2554
- class="emotion-63"
2907
+ class="emotion-68"
2555
2908
  >
2556
2909
  test headline 4
2557
2910
  </h3>
2558
2911
  </div>
2559
2912
  <div
2560
- class="emotion-64"
2913
+ class="emotion-69"
2561
2914
  >
2562
2915
  <p
2563
- class="emotion-65"
2916
+ class="emotion-70"
2564
2917
  >
2565
2918
  teaser test text 4
2566
2919
  </p>
@@ -2575,7 +2928,7 @@ exports[`getServerSideProps Homepage 1`] = `
2575
2928
  </div>
2576
2929
  <hr
2577
2930
  aria-hidden="true"
2578
- class="emotion-105"
2931
+ class="emotion-110"
2579
2932
  data-testid="divider"
2580
2933
  />
2581
2934
  </div>
@@ -2726,7 +3079,88 @@ exports[`getServerSideProps Homepage 1`] = `
2726
3079
  }
2727
3080
  }
2728
3081
 
2729
- .emotion-17 {
3082
+ .emotion-10 {
3083
+ display: inline-block;
3084
+ transition-property: color;
3085
+ transition-duration: 200ms;
3086
+ transition-timing-function: cubic-bezier(0, 0, .5, 1);
3087
+ color: #FFFFFF;
3088
+ -webkit-text-decoration: none;
3089
+ text-decoration: none;
3090
+ }
3091
+
3092
+ .emotion-10 svg {
3093
+ fill: #FFFFFF;
3094
+ }
3095
+
3096
+ .emotion-10:hover:not(:disabled) {
3097
+ color: #FFFFFF;
3098
+ -webkit-text-decoration: underline;
3099
+ text-decoration: underline;
3100
+ }
3101
+
3102
+ .emotion-10:hover:not(:disabled) svg {
3103
+ fill: #FFFFFF;
3104
+ }
3105
+
3106
+ .emotion-10:active:not(:disabled) {
3107
+ color: #FFFFFF;
3108
+ -webkit-text-decoration: underline;
3109
+ text-decoration: underline;
3110
+ }
3111
+
3112
+ .emotion-10:active:not(:disabled) svg {
3113
+ fill: #FFFFFF;
3114
+ }
3115
+
3116
+ .emotion-11 {
3117
+ display: -webkit-box;
3118
+ display: -webkit-flex;
3119
+ display: -ms-flexbox;
3120
+ display: flex;
3121
+ height: 100%;
3122
+ -webkit-align-items: center;
3123
+ -webkit-box-align: center;
3124
+ -ms-flex-align: center;
3125
+ align-items: center;
3126
+ -webkit-flex-direction: row;
3127
+ -ms-flex-direction: row;
3128
+ flex-direction: row;
3129
+ -webkit-box-pack: start;
3130
+ -ms-flex-pack: start;
3131
+ -webkit-justify-content: flex-start;
3132
+ justify-content: flex-start;
3133
+ }
3134
+
3135
+ .emotion-12 {
3136
+ margin: 0;
3137
+ padding: 1px 0;
3138
+ font-family: "DM Sans",sans-serif;
3139
+ font-size: 14px;
3140
+ line-height: 1.4285714285714286;
3141
+ font-weight: 500;
3142
+ letter-spacing: -0.5px;
3143
+ display: inline-block;
3144
+ display: block;
3145
+ }
3146
+
3147
+ .emotion-12::before {
3148
+ content: '';
3149
+ display: block;
3150
+ height: 0;
3151
+ width: 0;
3152
+ margin-bottom: -0.3955357142857143em;
3153
+ }
3154
+
3155
+ .emotion-12::after {
3156
+ content: '';
3157
+ display: block;
3158
+ height: 0;
3159
+ width: 0;
3160
+ margin-top: -0.3955357142857143em;
3161
+ }
3162
+
3163
+ .emotion-35 {
2730
3164
  margin: 0;
2731
3165
  color: #535353;
2732
3166
  font-family: "DM Sans",sans-serif;
@@ -2736,7 +3170,7 @@ exports[`getServerSideProps Homepage 1`] = `
2736
3170
  letter-spacing: -0.5px;
2737
3171
  }
2738
3172
 
2739
- .emotion-17 svg {
3173
+ .emotion-35 svg {
2740
3174
  fill: #535353;
2741
3175
  }
2742
3176
 
@@ -2796,9 +3230,18 @@ exports[`getServerSideProps Homepage 1`] = `
2796
3230
  >
2797
3231
  <a
2798
3232
  aria-label="NavLink One"
3233
+ class="emotion-10"
2799
3234
  href="/link-one"
2800
3235
  >
2801
- NavLink One
3236
+ <span
3237
+ class="emotion-11"
3238
+ >
3239
+ <span
3240
+ class="emotion-12"
3241
+ >
3242
+ NavLink One
3243
+ </span>
3244
+ </span>
2802
3245
  </a>
2803
3246
  </span>
2804
3247
  <span
@@ -2806,9 +3249,18 @@ exports[`getServerSideProps Homepage 1`] = `
2806
3249
  >
2807
3250
  <a
2808
3251
  aria-label="NavLink Two"
3252
+ class="emotion-10"
2809
3253
  href="/link-two"
2810
3254
  >
2811
- NavLink Two
3255
+ <span
3256
+ class="emotion-11"
3257
+ >
3258
+ <span
3259
+ class="emotion-12"
3260
+ >
3261
+ NavLink Two
3262
+ </span>
3263
+ </span>
2812
3264
  </a>
2813
3265
  </span>
2814
3266
  <span
@@ -2816,9 +3268,18 @@ exports[`getServerSideProps Homepage 1`] = `
2816
3268
  >
2817
3269
  <a
2818
3270
  aria-label="NavLink Three"
3271
+ class="emotion-10"
2819
3272
  href="/link-three"
2820
3273
  >
2821
- NavLink Three
3274
+ <span
3275
+ class="emotion-11"
3276
+ >
3277
+ <span
3278
+ class="emotion-12"
3279
+ >
3280
+ NavLink Three
3281
+ </span>
3282
+ </span>
2822
3283
  </a>
2823
3284
  </span>
2824
3285
  <span
@@ -2826,9 +3287,18 @@ exports[`getServerSideProps Homepage 1`] = `
2826
3287
  >
2827
3288
  <a
2828
3289
  aria-label="NavLink Four"
3290
+ class="emotion-10"
2829
3291
  href="/link-four"
2830
3292
  >
2831
- NavLink Four
3293
+ <span
3294
+ class="emotion-11"
3295
+ >
3296
+ <span
3297
+ class="emotion-12"
3298
+ >
3299
+ NavLink Four
3300
+ </span>
3301
+ </span>
2832
3302
  </a>
2833
3303
  </span>
2834
3304
  <span
@@ -2836,9 +3306,18 @@ exports[`getServerSideProps Homepage 1`] = `
2836
3306
  >
2837
3307
  <a
2838
3308
  aria-label="NavLink Five"
3309
+ class="emotion-10"
2839
3310
  href="/link-five"
2840
3311
  >
2841
- NavLink Five
3312
+ <span
3313
+ class="emotion-11"
3314
+ >
3315
+ <span
3316
+ class="emotion-12"
3317
+ >
3318
+ NavLink Five
3319
+ </span>
3320
+ </span>
2842
3321
  </a>
2843
3322
  </span>
2844
3323
  <span
@@ -2846,9 +3325,18 @@ exports[`getServerSideProps Homepage 1`] = `
2846
3325
  >
2847
3326
  <a
2848
3327
  aria-label="NavLink Six"
3328
+ class="emotion-10"
2849
3329
  href="/link-six"
2850
3330
  >
2851
- NavLink Six
3331
+ <span
3332
+ class="emotion-11"
3333
+ >
3334
+ <span
3335
+ class="emotion-12"
3336
+ >
3337
+ NavLink Six
3338
+ </span>
3339
+ </span>
2852
3340
  </a>
2853
3341
  </span>
2854
3342
  </div>
@@ -2862,7 +3350,7 @@ exports[`getServerSideProps Homepage 1`] = `
2862
3350
  />
2863
3351
  </div>
2864
3352
  <p
2865
- class="emotion-17"
3353
+ class="emotion-35"
2866
3354
  >
2867
3355
  Copyright © 2020 News Corp. All rights reserved.
2868
3356
  </p>