@newskit-render/core 1.17.4 → 1.27.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 (40) hide show
  1. package/.eslintrc +1 -1
  2. package/CHANGELOG.md +185 -0
  3. package/Dockerfile +1 -1
  4. package/__tests__/pages/__snapshots__/home.test.tsx.snap +179 -320
  5. package/__tests__/pages/home.test.tsx +4 -0
  6. package/applitools.config.js +9 -0
  7. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +288 -513
  8. package/components/article/__tests__/index.test.tsx +4 -0
  9. package/components/footer/__snapshots__/index.test.tsx.snap +8 -12
  10. package/components/footer/index.test.tsx +4 -0
  11. package/components/footer/index.tsx +93 -65
  12. package/components/header/index.tsx +52 -26
  13. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +30 -50
  14. package/components/section/layouts/__tests__/__snapshots__/SectionRow.test.tsx.snap +221 -358
  15. package/cypress/config/config.e2e.json +14 -0
  16. package/cypress/config/config.visual.json +8 -0
  17. package/cypress/e2e/account/SkipToContent.spec.js +12 -0
  18. package/cypress/e2e/account/accessibility.spec.js +69 -0
  19. package/cypress/e2e/account/account-page.spec.js +339 -0
  20. package/cypress/e2e/account/commenting-notifications.spec.js +44 -0
  21. package/cypress/e2e/account/main-api.spec.js +93 -0
  22. package/cypress/e2e/account/payment-page.spec.js +42 -0
  23. package/cypress/{integration → e2e/core}/home-page.spec.js +0 -0
  24. package/cypress/plugins/index.js +31 -0
  25. package/cypress/support/commands.js +48 -25
  26. package/cypress/support/index.js +2 -0
  27. package/cypress/visual/account/visual-regression.spec.js +31 -0
  28. package/helpers/getYear.ts +1 -0
  29. package/infrastructure/.circleci/config.yml +3 -3
  30. package/package.json +21 -15
  31. package/pages/_app.tsx +44 -13
  32. package/pages/_document.tsx +15 -7
  33. package/pages/checkout/account-creation/index.tsx +9 -1
  34. package/public/MyAccount/no-subscription.svg +15 -0
  35. package/public/MyAccount/previous-subscription.svg +15 -0
  36. package/public/MyAccount/primary-navigation-logo-white.svg +6 -0
  37. package/theme/colours.json +4 -0
  38. package/theme/render-custom-theme.ts +12 -2
  39. package/tsconfig.json +4 -1
  40. package/helpers/articleUtil.ts +0 -4
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -4,7 +4,6 @@ exports[`getServerSideProps Homepage 1`] = `
4
4
  <DocumentFragment>
5
5
  .emotion-0 {
6
6
  height: 64px;
7
- background-color: #0A0A0A;
8
7
  }
9
8
 
10
9
  .emotion-0 a,
@@ -180,50 +179,39 @@ exports[`getServerSideProps Homepage 1`] = `
180
179
  -ms-flex-pack: start;
181
180
  -webkit-justify-content: flex-start;
182
181
  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
182
  }
195
183
 
196
184
  @media screen {
197
- .emotion-8 {
185
+ .emotion-7 {
198
186
  display: none;
199
187
  }
200
188
  }
201
189
 
202
190
  @media screen and (min-width: 480px) {
203
- .emotion-8 {
191
+ .emotion-7 {
204
192
  display: none;
205
193
  }
206
194
  }
207
195
 
208
196
  @media screen and (min-width: 768px) {
209
- .emotion-8 {
197
+ .emotion-7 {
210
198
  display: block;
211
199
  }
212
200
  }
213
201
 
214
202
  @media screen and (min-width: 1024px) {
215
- .emotion-8 {
203
+ .emotion-7 {
216
204
  display: block;
217
205
  }
218
206
  }
219
207
 
220
208
  @media screen and (min-width: 1440px) {
221
- .emotion-8 {
209
+ .emotion-7 {
222
210
  display: block;
223
211
  }
224
212
  }
225
213
 
226
- .emotion-9 {
214
+ .emotion-8 {
227
215
  display: inline-block;
228
216
  fill: #FFFFFF;
229
217
  color: #FFFFFF;
@@ -231,36 +219,36 @@ exports[`getServerSideProps Homepage 1`] = `
231
219
  }
232
220
 
233
221
  @media screen {
234
- .emotion-11 {
222
+ .emotion-9 {
235
223
  display: block;
236
224
  }
237
225
  }
238
226
 
239
227
  @media screen and (min-width: 480px) {
240
- .emotion-11 {
228
+ .emotion-9 {
241
229
  display: block;
242
230
  }
243
231
  }
244
232
 
245
233
  @media screen and (min-width: 768px) {
246
- .emotion-11 {
234
+ .emotion-9 {
247
235
  display: none;
248
236
  }
249
237
  }
250
238
 
251
239
  @media screen and (min-width: 1024px) {
252
- .emotion-11 {
240
+ .emotion-9 {
253
241
  display: none;
254
242
  }
255
243
  }
256
244
 
257
245
  @media screen and (min-width: 1440px) {
258
- .emotion-11 {
246
+ .emotion-9 {
259
247
  display: none;
260
248
  }
261
249
  }
262
250
 
263
- .emotion-13 {
251
+ .emotion-11 {
264
252
  display: -webkit-box;
265
253
  display: -webkit-flex;
266
254
  display: -ms-flexbox;
@@ -286,7 +274,7 @@ exports[`getServerSideProps Homepage 1`] = `
286
274
  justify-content: flex-end;
287
275
  }
288
276
 
289
- .emotion-14 {
277
+ .emotion-12 {
290
278
  position: fixed;
291
279
  overflow: auto;
292
280
  width: 100%;
@@ -299,7 +287,7 @@ exports[`getServerSideProps Homepage 1`] = `
299
287
  }
300
288
 
301
289
  @media screen and (min-width: 768px) {
302
- .emotion-14 {
290
+ .emotion-12 {
303
291
  display: block;
304
292
  position: relative;
305
293
  overflow: auto;
@@ -312,7 +300,7 @@ exports[`getServerSideProps Homepage 1`] = `
312
300
  }
313
301
  }
314
302
 
315
- .emotion-15 {
303
+ .emotion-13 {
316
304
  display: -webkit-box;
317
305
  display: -webkit-flex;
318
306
  display: -ms-flexbox;
@@ -334,7 +322,7 @@ exports[`getServerSideProps Homepage 1`] = `
334
322
  }
335
323
 
336
324
  @media screen and (min-width: 768px) {
337
- .emotion-15 {
325
+ .emotion-13 {
338
326
  -webkit-box-pack: end;
339
327
  -ms-flex-pack: end;
340
328
  -webkit-justify-content: flex-end;
@@ -346,114 +334,59 @@ exports[`getServerSideProps Homepage 1`] = `
346
334
  }
347
335
 
348
336
  @media screen and (max-width: 767px) {
349
- .emotion-16 {
337
+ .emotion-14 {
350
338
  margin-right: 0;
351
339
  }
352
340
  }
353
341
 
354
342
  @media screen and (min-width: 768px) {
355
- .emotion-16 {
343
+ .emotion-14 {
356
344
  margin-right: 24px;
357
345
  }
358
346
  }
359
347
 
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 {
348
+ .emotion-17 {
380
349
  margin: 0;
381
- padding: 1px 0;
382
350
  font-family: "DM Sans",sans-serif;
383
351
  font-size: 14px;
384
- line-height: 1.4285714285714286;
352
+ line-height: 21px;
385
353
  font-weight: 500;
386
- letter-spacing: -0.5px;
354
+ letter-spacing: 0;
355
+ padding: 0.5px 0px;
387
356
  display: inline-block;
388
357
  display: block;
389
358
  }
390
359
 
391
- .emotion-19::before {
360
+ .emotion-17::before {
392
361
  content: '';
362
+ margin-bottom: -0.391em;
393
363
  display: block;
394
- height: 0;
395
- width: 0;
396
- margin-bottom: -0.3955357142857143em;
397
364
  }
398
365
 
399
- .emotion-19::after {
366
+ .emotion-17::after {
400
367
  content: '';
368
+ margin-top: -0.409em;
401
369
  display: block;
402
- height: 0;
403
- width: 0;
404
- margin-top: -0.3955357142857143em;
405
370
  }
406
371
 
407
- .emotion-29 {
372
+ .emotion-27 {
408
373
  margin-right: 24px;
409
374
  }
410
375
 
411
- .emotion-30 {
376
+ .emotion-28 {
412
377
  display: inline-block;
413
378
  vertical-align: middle;
414
379
  overflow: hidden;
415
380
  color: #FFFFFF;
416
- -webkit-text-decoration: none;
417
- text-decoration: none;
418
381
  fill: #FFFFFF;
419
382
  vertical-align: unset;
420
383
  display: inline-block;
421
384
  }
422
385
 
423
- .emotion-30:hover:not(:disabled) {
424
- color: #FFFFFF;
425
- -webkit-text-decoration: underline;
426
- text-decoration: underline;
427
- fill: #FFFFFF;
428
- }
429
-
430
- .emotion-30:active:not(:disabled) {
431
- color: #FFFFFF;
432
- -webkit-text-decoration: underline;
433
- text-decoration: underline;
434
- fill: #FFFFFF;
435
- }
436
-
437
- .emotion-30.emotion-30 {
386
+ .emotion-28.emotion-28 {
438
387
  width: 32px;
439
388
  height: 32px;
440
389
  color: #FFFFFF;
441
- -webkit-text-decoration: none;
442
- text-decoration: none;
443
- fill: #FFFFFF;
444
- }
445
-
446
- .emotion-30.emotion-30:hover:not(:disabled) {
447
- color: #FFFFFF;
448
- -webkit-text-decoration: underline;
449
- text-decoration: underline;
450
- fill: #FFFFFF;
451
- }
452
-
453
- .emotion-30.emotion-30:active:not(:disabled) {
454
- color: #FFFFFF;
455
- -webkit-text-decoration: underline;
456
- text-decoration: underline;
457
390
  fill: #FFFFFF;
458
391
  }
459
392
 
@@ -482,81 +415,73 @@ exports[`getServerSideProps Homepage 1`] = `
482
415
  <span
483
416
  class="emotion-6"
484
417
  >
485
- <span
418
+ <div
486
419
  class="emotion-7"
487
420
  >
488
- <div
421
+ <svg
489
422
  class="emotion-8"
423
+ height="40px"
424
+ viewBox="0 0 244 40"
490
425
  >
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"
426
+ <title>
427
+ NewsKit Logo
428
+ </title>
429
+ <path
430
+ 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"
431
+ fill="#fff"
432
+ />
433
+ <path
434
+ 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"
435
+ fill="#aebfff"
436
+ />
437
+ <path
438
+ 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"
439
+ fill="#3358cc"
440
+ />
441
+ <path
442
+ 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"
443
+ fill="#577ffb"
444
+ />
445
+ </svg>
446
+ </div>
447
+ <div
448
+ class="emotion-9"
520
449
  >
521
- <div
522
- class="emotion-11"
450
+ <svg
451
+ class="emotion-8"
452
+ height="40px"
453
+ viewBox="0 0 244 40"
523
454
  >
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>
455
+ <title>
456
+ NewsKit Logo
457
+ </title>
458
+ <path
459
+ 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"
460
+ fill="#aebfff"
461
+ />
462
+ <path
463
+ 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"
464
+ fill="#3358cc"
465
+ />
466
+ <path
467
+ 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"
468
+ fill="#577ffb"
469
+ />
470
+ </svg>
471
+ </div>
547
472
  </span>
548
473
  </a>
549
474
  <div
550
- class="emotion-13"
475
+ class="emotion-11"
551
476
  >
552
477
  <div
553
- class="emotion-14"
478
+ class="emotion-12"
554
479
  >
555
480
  <div
556
- class="emotion-15"
481
+ class="emotion-13"
557
482
  >
558
483
  <span
559
- class="emotion-16"
484
+ class="emotion-14"
560
485
  >
561
486
  <a
562
487
  aria-label="Section One Link"
@@ -564,10 +489,10 @@ exports[`getServerSideProps Homepage 1`] = `
564
489
  href="/section-one"
565
490
  >
566
491
  <span
567
- class="emotion-18"
492
+ class="emotion-6"
568
493
  >
569
494
  <span
570
- class="emotion-19"
495
+ class="emotion-17"
571
496
  >
572
497
  Section One
573
498
  </span>
@@ -575,7 +500,7 @@ exports[`getServerSideProps Homepage 1`] = `
575
500
  </a>
576
501
  </span>
577
502
  <span
578
- class="emotion-16"
503
+ class="emotion-14"
579
504
  >
580
505
  <a
581
506
  aria-label="Section Two Link"
@@ -583,10 +508,10 @@ exports[`getServerSideProps Homepage 1`] = `
583
508
  href="/section-two"
584
509
  >
585
510
  <span
586
- class="emotion-18"
511
+ class="emotion-6"
587
512
  >
588
513
  <span
589
- class="emotion-19"
514
+ class="emotion-17"
590
515
  >
591
516
  Section Two
592
517
  </span>
@@ -594,7 +519,7 @@ exports[`getServerSideProps Homepage 1`] = `
594
519
  </a>
595
520
  </span>
596
521
  <span
597
- class="emotion-16"
522
+ class="emotion-14"
598
523
  >
599
524
  <a
600
525
  aria-label="Section Three Link"
@@ -602,10 +527,10 @@ exports[`getServerSideProps Homepage 1`] = `
602
527
  href="/section-three"
603
528
  >
604
529
  <span
605
- class="emotion-18"
530
+ class="emotion-6"
606
531
  >
607
532
  <span
608
- class="emotion-19"
533
+ class="emotion-17"
609
534
  >
610
535
  Section Three
611
536
  </span>
@@ -615,15 +540,15 @@ exports[`getServerSideProps Homepage 1`] = `
615
540
  </div>
616
541
  </div>
617
542
  <div
618
- class="emotion-11"
543
+ class="emotion-9"
619
544
  >
620
545
  <div
621
- class="emotion-29"
546
+ class="emotion-27"
622
547
  >
623
548
  <svg
624
549
  aria-hidden="true"
625
550
  aria-label="Mobile Menu Button"
626
- class="emotion-30 emotion-31"
551
+ class="emotion-28 emotion-29"
627
552
  data-testid="mobile-menu-btn"
628
553
  fill="currentColor"
629
554
  focusable="false"
@@ -642,18 +567,6 @@ exports[`getServerSideProps Homepage 1`] = `
642
567
  </svg>
643
568
  </div>
644
569
  </div>
645
- <select>
646
- <option
647
- value="LightTheme"
648
- >
649
- LightTheme
650
- </option>
651
- <option
652
- value="DarkTheme"
653
- >
654
- DarkTheme
655
- </option>
656
- </select>
657
570
  </div>
658
571
  </div>
659
572
  </div>
@@ -982,7 +895,6 @@ exports[`getServerSideProps Homepage 1`] = `
982
895
 
983
896
  .emotion-16 {
984
897
  margin: 0;
985
- padding: 1px 0;
986
898
  color: #0A0A0A;
987
899
  }
988
900
 
@@ -994,25 +906,22 @@ exports[`getServerSideProps Homepage 1`] = `
994
906
  .emotion-16 {
995
907
  font-family: "Bitter",serif;
996
908
  font-size: 24px;
997
- line-height: 1.1666666666666667;
909
+ line-height: 27px;
998
910
  font-weight: 500;
999
- letter-spacing: -0.5px;
911
+ letter-spacing: 0;
912
+ padding: 0.5px 0px;
1000
913
  }
1001
914
 
1002
915
  .emotion-16::before {
1003
916
  content: '';
917
+ margin-bottom: -0.2055em;
1004
918
  display: block;
1005
- height: 0;
1006
- width: 0;
1007
- margin-bottom: -0.2333333333333334em;
1008
919
  }
1009
920
 
1010
921
  .emotion-16::after {
1011
922
  content: '';
923
+ margin-top: -0.2275em;
1012
924
  display: block;
1013
- height: 0;
1014
- width: 0;
1015
- margin-top: -0.2958333333333334em;
1016
925
  }
1017
926
  }
1018
927
 
@@ -1020,25 +929,22 @@ exports[`getServerSideProps Homepage 1`] = `
1020
929
  .emotion-16 {
1021
930
  font-family: "Bitter",serif;
1022
931
  font-size: 36px;
1023
- line-height: 1.1111111111111112;
932
+ line-height: 40.5px;
1024
933
  font-weight: 500;
1025
- letter-spacing: -0.5px;
934
+ letter-spacing: 0;
935
+ padding: 0.5px 0px;
1026
936
  }
1027
937
 
1028
938
  .emotion-16::before {
1029
939
  content: '';
940
+ margin-bottom: -0.2055em;
1030
941
  display: block;
1031
- height: 0;
1032
- width: 0;
1033
- margin-bottom: -0.2055555555555556em;
1034
942
  }
1035
943
 
1036
944
  .emotion-16::after {
1037
945
  content: '';
946
+ margin-top: -0.2275em;
1038
947
  display: block;
1039
- height: 0;
1040
- width: 0;
1041
- margin-top: -0.2680555555555556em;
1042
948
  }
1043
949
  }
1044
950
 
@@ -1046,25 +952,22 @@ exports[`getServerSideProps Homepage 1`] = `
1046
952
  .emotion-16 {
1047
953
  font-family: "Bitter",serif;
1048
954
  font-size: 40px;
1049
- line-height: 1.2;
955
+ line-height: 45px;
1050
956
  font-weight: 500;
1051
- letter-spacing: -0.5px;
957
+ letter-spacing: 0;
958
+ padding: 0.5px 0px;
1052
959
  }
1053
960
 
1054
961
  .emotion-16::before {
1055
962
  content: '';
963
+ margin-bottom: -0.2055em;
1056
964
  display: block;
1057
- height: 0;
1058
- width: 0;
1059
- margin-bottom: -0.25em;
1060
965
  }
1061
966
 
1062
967
  .emotion-16::after {
1063
968
  content: '';
969
+ margin-top: -0.2275em;
1064
970
  display: block;
1065
- height: 0;
1066
- width: 0;
1067
- margin-top: -0.3125em;
1068
971
  }
1069
972
  }
1070
973
 
@@ -1216,7 +1119,6 @@ exports[`getServerSideProps Homepage 1`] = `
1216
1119
 
1217
1120
  .emotion-29 {
1218
1121
  margin: 0;
1219
- padding: 1px 0;
1220
1122
  color: #0A0A0A;
1221
1123
  }
1222
1124
 
@@ -1228,25 +1130,22 @@ exports[`getServerSideProps Homepage 1`] = `
1228
1130
  .emotion-29 {
1229
1131
  font-family: "Bitter",serif;
1230
1132
  font-size: 24px;
1231
- line-height: 1.1666666666666667;
1133
+ line-height: 27px;
1232
1134
  font-weight: 500;
1233
- letter-spacing: -0.5px;
1135
+ letter-spacing: 0;
1136
+ padding: 0.5px 0px;
1234
1137
  }
1235
1138
 
1236
1139
  .emotion-29::before {
1237
1140
  content: '';
1141
+ margin-bottom: -0.2055em;
1238
1142
  display: block;
1239
- height: 0;
1240
- width: 0;
1241
- margin-bottom: -0.2333333333333334em;
1242
1143
  }
1243
1144
 
1244
1145
  .emotion-29::after {
1245
1146
  content: '';
1147
+ margin-top: -0.2275em;
1246
1148
  display: block;
1247
- height: 0;
1248
- width: 0;
1249
- margin-top: -0.2958333333333334em;
1250
1149
  }
1251
1150
  }
1252
1151
 
@@ -1254,25 +1153,22 @@ exports[`getServerSideProps Homepage 1`] = `
1254
1153
  .emotion-29 {
1255
1154
  font-family: "Bitter",serif;
1256
1155
  font-size: 28px;
1257
- line-height: 1.1428571428571428;
1156
+ line-height: 31.5px;
1258
1157
  font-weight: 500;
1259
- letter-spacing: -0.5px;
1158
+ letter-spacing: 0;
1159
+ padding: 0.5px 0px;
1260
1160
  }
1261
1161
 
1262
1162
  .emotion-29::before {
1263
1163
  content: '';
1164
+ margin-bottom: -0.2055em;
1264
1165
  display: block;
1265
- height: 0;
1266
- width: 0;
1267
- margin-bottom: -0.22142857142857142em;
1268
1166
  }
1269
1167
 
1270
1168
  .emotion-29::after {
1271
1169
  content: '';
1170
+ margin-top: -0.2275em;
1272
1171
  display: block;
1273
- height: 0;
1274
- width: 0;
1275
- margin-top: -0.2839285714285714em;
1276
1172
  }
1277
1173
  }
1278
1174
 
@@ -1280,25 +1176,22 @@ exports[`getServerSideProps Homepage 1`] = `
1280
1176
  .emotion-29 {
1281
1177
  font-family: "Bitter",serif;
1282
1178
  font-size: 32px;
1283
- line-height: 1.125;
1179
+ line-height: 36px;
1284
1180
  font-weight: 500;
1285
- letter-spacing: -0.5px;
1181
+ letter-spacing: 0;
1182
+ padding: 0.5px 0px;
1286
1183
  }
1287
1184
 
1288
1185
  .emotion-29::before {
1289
1186
  content: '';
1187
+ margin-bottom: -0.2055em;
1290
1188
  display: block;
1291
- height: 0;
1292
- width: 0;
1293
- margin-bottom: -0.21250000000000002em;
1294
1189
  }
1295
1190
 
1296
1191
  .emotion-29::after {
1297
1192
  content: '';
1193
+ margin-top: -0.2275em;
1298
1194
  display: block;
1299
- height: 0;
1300
- width: 0;
1301
- margin-top: -0.275em;
1302
1195
  }
1303
1196
  }
1304
1197
 
@@ -1344,35 +1237,32 @@ exports[`getServerSideProps Homepage 1`] = `
1344
1237
 
1345
1238
  .emotion-44 {
1346
1239
  margin-right: 16px;
1347
- }
1348
-
1349
- .emotion-45 {
1350
- padding: 1px 0px;
1240
+ -webkit-box-flex: 1;
1241
+ -webkit-flex-grow: 1;
1242
+ -ms-flex-positive: 1;
1243
+ flex-grow: 1;
1351
1244
  }
1352
1245
 
1353
1246
  @media screen and (max-width: 767px) {
1354
1247
  .emotion-45 {
1355
1248
  font-family: "Bitter",serif;
1356
1249
  font-size: 28px;
1357
- line-height: 1.1428571428571428;
1250
+ line-height: 31.5px;
1358
1251
  font-weight: 500;
1359
- letter-spacing: -0.5px;
1252
+ letter-spacing: 0;
1253
+ padding: 0.5px 0px;
1360
1254
  }
1361
1255
 
1362
1256
  .emotion-45::before {
1363
1257
  content: '';
1258
+ margin-bottom: -0.2055em;
1364
1259
  display: block;
1365
- height: 0;
1366
- width: 0;
1367
- margin-bottom: -0.22142857142857142em;
1368
1260
  }
1369
1261
 
1370
1262
  .emotion-45::after {
1371
1263
  content: '';
1264
+ margin-top: -0.2275em;
1372
1265
  display: block;
1373
- height: 0;
1374
- width: 0;
1375
- margin-top: -0.2839285714285714em;
1376
1266
  }
1377
1267
  }
1378
1268
 
@@ -1380,25 +1270,22 @@ exports[`getServerSideProps Homepage 1`] = `
1380
1270
  .emotion-45 {
1381
1271
  font-family: "Bitter",serif;
1382
1272
  font-size: 32px;
1383
- line-height: 1.125;
1273
+ line-height: 36px;
1384
1274
  font-weight: 500;
1385
- letter-spacing: -0.5px;
1275
+ letter-spacing: 0;
1276
+ padding: 0.5px 0px;
1386
1277
  }
1387
1278
 
1388
1279
  .emotion-45::before {
1389
1280
  content: '';
1281
+ margin-bottom: -0.2055em;
1390
1282
  display: block;
1391
- height: 0;
1392
- width: 0;
1393
- margin-bottom: -0.21250000000000002em;
1394
1283
  }
1395
1284
 
1396
1285
  .emotion-45::after {
1397
1286
  content: '';
1287
+ margin-top: -0.2275em;
1398
1288
  display: block;
1399
- height: 0;
1400
- width: 0;
1401
- margin-top: -0.275em;
1402
1289
  }
1403
1290
  }
1404
1291
 
@@ -1406,25 +1293,22 @@ exports[`getServerSideProps Homepage 1`] = `
1406
1293
  .emotion-45 {
1407
1294
  font-family: "Bitter",serif;
1408
1295
  font-size: 36px;
1409
- line-height: 1.1111111111111112;
1296
+ line-height: 40.5px;
1410
1297
  font-weight: 500;
1411
- letter-spacing: -0.5px;
1298
+ letter-spacing: 0;
1299
+ padding: 0.5px 0px;
1412
1300
  }
1413
1301
 
1414
1302
  .emotion-45::before {
1415
1303
  content: '';
1304
+ margin-bottom: -0.2055em;
1416
1305
  display: block;
1417
- height: 0;
1418
- width: 0;
1419
- margin-bottom: -0.2055555555555556em;
1420
1306
  }
1421
1307
 
1422
1308
  .emotion-45::after {
1423
1309
  content: '';
1310
+ margin-top: -0.2275em;
1424
1311
  display: block;
1425
- height: 0;
1426
- width: 0;
1427
- margin-top: -0.2680555555555556em;
1428
1312
  }
1429
1313
  }
1430
1314
 
@@ -1513,30 +1397,26 @@ exports[`getServerSideProps Homepage 1`] = `
1513
1397
 
1514
1398
  .emotion-51 {
1515
1399
  margin: 0;
1516
- padding: 1px 0;
1517
1400
  font-family: "Poppins",sans-serif;
1518
1401
  font-size: 14px;
1519
- line-height: 1.4285714285714286;
1402
+ line-height: 21px;
1520
1403
  font-weight: 500;
1521
- letter-spacing: -0.5px;
1404
+ letter-spacing: 0;
1405
+ padding: 0.5px 0px;
1522
1406
  display: inline-block;
1523
1407
  display: block;
1524
1408
  }
1525
1409
 
1526
1410
  .emotion-51::before {
1527
1411
  content: '';
1412
+ margin-bottom: -0.403em;
1528
1413
  display: block;
1529
- height: 0;
1530
- width: 0;
1531
- margin-bottom: -0.3955357142857143em;
1532
1414
  }
1533
1415
 
1534
1416
  .emotion-51::after {
1535
1417
  content: '';
1418
+ margin-top: -0.4em;
1536
1419
  display: block;
1537
- height: 0;
1538
- width: 0;
1539
- margin-top: -0.3955357142857143em;
1540
1420
  }
1541
1421
 
1542
1422
  .emotion-53 {
@@ -1653,7 +1533,6 @@ exports[`getServerSideProps Homepage 1`] = `
1653
1533
 
1654
1534
  .emotion-68 {
1655
1535
  margin: 0;
1656
- padding: 1px 0;
1657
1536
  color: #0A0A0A;
1658
1537
  }
1659
1538
 
@@ -1665,25 +1544,22 @@ exports[`getServerSideProps Homepage 1`] = `
1665
1544
  .emotion-68 {
1666
1545
  font-family: "Bitter",serif;
1667
1546
  font-size: 20px;
1668
- line-height: 1.2;
1547
+ line-height: 22.5px;
1669
1548
  font-weight: 500;
1670
- letter-spacing: -0.5px;
1549
+ letter-spacing: 0;
1550
+ padding: 0.5px 0px;
1671
1551
  }
1672
1552
 
1673
1553
  .emotion-68::before {
1674
1554
  content: '';
1555
+ margin-bottom: -0.2055em;
1675
1556
  display: block;
1676
- height: 0;
1677
- width: 0;
1678
- margin-bottom: -0.25em;
1679
1557
  }
1680
1558
 
1681
1559
  .emotion-68::after {
1682
1560
  content: '';
1561
+ margin-top: -0.2275em;
1683
1562
  display: block;
1684
- height: 0;
1685
- width: 0;
1686
- margin-top: -0.3125em;
1687
1563
  }
1688
1564
  }
1689
1565
 
@@ -1691,25 +1567,22 @@ exports[`getServerSideProps Homepage 1`] = `
1691
1567
  .emotion-68 {
1692
1568
  font-family: "Bitter",serif;
1693
1569
  font-size: 22px;
1694
- line-height: 1.0909090909090908;
1570
+ line-height: 24.75px;
1695
1571
  font-weight: 500;
1696
- letter-spacing: -0.5px;
1572
+ letter-spacing: 0;
1573
+ padding: 0.5px 0px;
1697
1574
  }
1698
1575
 
1699
1576
  .emotion-68::before {
1700
1577
  content: '';
1578
+ margin-bottom: -0.2055em;
1701
1579
  display: block;
1702
- height: 0;
1703
- width: 0;
1704
- margin-bottom: -0.19545454545454544em;
1705
1580
  }
1706
1581
 
1707
1582
  .emotion-68::after {
1708
1583
  content: '';
1584
+ margin-top: -0.2275em;
1709
1585
  display: block;
1710
- height: 0;
1711
- width: 0;
1712
- margin-top: -0.25795454545454544em;
1713
1586
  }
1714
1587
  }
1715
1588
 
@@ -1717,25 +1590,22 @@ exports[`getServerSideProps Homepage 1`] = `
1717
1590
  .emotion-68 {
1718
1591
  font-family: "Bitter",serif;
1719
1592
  font-size: 24px;
1720
- line-height: 1.1666666666666667;
1593
+ line-height: 27px;
1721
1594
  font-weight: 500;
1722
- letter-spacing: -0.5px;
1595
+ letter-spacing: 0;
1596
+ padding: 0.5px 0px;
1723
1597
  }
1724
1598
 
1725
1599
  .emotion-68::before {
1726
1600
  content: '';
1601
+ margin-bottom: -0.2055em;
1727
1602
  display: block;
1728
- height: 0;
1729
- width: 0;
1730
- margin-bottom: -0.2333333333333334em;
1731
1603
  }
1732
1604
 
1733
1605
  .emotion-68::after {
1734
1606
  content: '';
1607
+ margin-top: -0.2275em;
1735
1608
  display: block;
1736
- height: 0;
1737
- width: 0;
1738
- margin-top: -0.2958333333333334em;
1739
1609
  }
1740
1610
  }
1741
1611
 
@@ -1745,7 +1615,6 @@ exports[`getServerSideProps Homepage 1`] = `
1745
1615
 
1746
1616
  .emotion-70 {
1747
1617
  margin: 0;
1748
- padding: 1px 0;
1749
1618
  color: #0A0A0A;
1750
1619
  }
1751
1620
 
@@ -1757,25 +1626,22 @@ exports[`getServerSideProps Homepage 1`] = `
1757
1626
  .emotion-70 {
1758
1627
  font-family: "DM Sans",sans-serif;
1759
1628
  font-size: 14px;
1760
- line-height: 1.4285714285714286;
1629
+ line-height: 21px;
1761
1630
  font-weight: 400;
1762
- letter-spacing: -0.5px;
1631
+ letter-spacing: 0;
1632
+ padding: 0.5px 0px;
1763
1633
  }
1764
1634
 
1765
1635
  .emotion-70::before {
1766
1636
  content: '';
1637
+ margin-bottom: -0.391em;
1767
1638
  display: block;
1768
- height: 0;
1769
- width: 0;
1770
- margin-bottom: -0.3955357142857143em;
1771
1639
  }
1772
1640
 
1773
1641
  .emotion-70::after {
1774
1642
  content: '';
1643
+ margin-top: -0.409em;
1775
1644
  display: block;
1776
- height: 0;
1777
- width: 0;
1778
- margin-top: -0.3955357142857143em;
1779
1645
  }
1780
1646
  }
1781
1647
 
@@ -1783,25 +1649,22 @@ exports[`getServerSideProps Homepage 1`] = `
1783
1649
  .emotion-70 {
1784
1650
  font-family: "DM Sans",sans-serif;
1785
1651
  font-size: 16px;
1786
- line-height: 1.5;
1652
+ line-height: 24px;
1787
1653
  font-weight: 400;
1788
- letter-spacing: -0.5px;
1654
+ letter-spacing: 0;
1655
+ padding: 0.5px 0px;
1789
1656
  }
1790
1657
 
1791
1658
  .emotion-70::before {
1792
1659
  content: '';
1660
+ margin-bottom: -0.391em;
1793
1661
  display: block;
1794
- height: 0;
1795
- width: 0;
1796
- margin-bottom: -0.43125em;
1797
1662
  }
1798
1663
 
1799
1664
  .emotion-70::after {
1800
1665
  content: '';
1666
+ margin-top: -0.409em;
1801
1667
  display: block;
1802
- height: 0;
1803
- width: 0;
1804
- margin-top: -0.43125em;
1805
1668
  }
1806
1669
  }
1807
1670
 
@@ -3134,30 +2997,26 @@ exports[`getServerSideProps Homepage 1`] = `
3134
2997
 
3135
2998
  .emotion-12 {
3136
2999
  margin: 0;
3137
- padding: 1px 0;
3138
3000
  font-family: "DM Sans",sans-serif;
3139
3001
  font-size: 14px;
3140
- line-height: 1.4285714285714286;
3002
+ line-height: 21px;
3141
3003
  font-weight: 500;
3142
- letter-spacing: -0.5px;
3004
+ letter-spacing: 0;
3005
+ padding: 0.5px 0px;
3143
3006
  display: inline-block;
3144
3007
  display: block;
3145
3008
  }
3146
3009
 
3147
3010
  .emotion-12::before {
3148
3011
  content: '';
3012
+ margin-bottom: -0.391em;
3149
3013
  display: block;
3150
- height: 0;
3151
- width: 0;
3152
- margin-bottom: -0.3955357142857143em;
3153
3014
  }
3154
3015
 
3155
3016
  .emotion-12::after {
3156
3017
  content: '';
3018
+ margin-top: -0.409em;
3157
3019
  display: block;
3158
- height: 0;
3159
- width: 0;
3160
- margin-top: -0.3955357142857143em;
3161
3020
  }
3162
3021
 
3163
3022
  .emotion-35 {
@@ -3165,9 +3024,9 @@ exports[`getServerSideProps Homepage 1`] = `
3165
3024
  color: #535353;
3166
3025
  font-family: "DM Sans",sans-serif;
3167
3026
  font-size: 14px;
3168
- line-height: 1.4285714285714286;
3027
+ line-height: 1.5;
3169
3028
  font-weight: 500;
3170
- letter-spacing: -0.5px;
3029
+ letter-spacing: 0;
3171
3030
  }
3172
3031
 
3173
3032
  .emotion-35 svg {
@@ -3352,7 +3211,7 @@ exports[`getServerSideProps Homepage 1`] = `
3352
3211
  <p
3353
3212
  class="emotion-35"
3354
3213
  >
3355
- Copyright © 2020 News Corp. All rights reserved.
3214
+ Copyright © YYYY News Corp. All rights reserved.
3356
3215
  </p>
3357
3216
  </div>
3358
3217
  </div>