@newskit-render/core 1.17.4 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/__tests__/pages/__snapshots__/home.test.tsx.snap +174 -323
  3. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +278 -516
  4. package/components/footer/__snapshots__/index.test.tsx.snap +7 -11
  5. package/components/header/index.tsx +51 -25
  6. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +30 -50
  7. package/components/section/layouts/__tests__/__snapshots__/SectionRow.test.tsx.snap +205 -358
  8. package/package.json +10 -9
  9. package/pages/_app.tsx +39 -13
  10. package/pages/_document.tsx +15 -7
  11. package/pages/checkout/account-creation/index.tsx +9 -1
  12. package/theme/colours.json +4 -0
  13. package/theme/render-custom-theme.ts +5 -2
  14. package/helpers/articleUtil.ts +0 -4
package/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -4,7 +4,6 @@ exports[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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,115 +334,56 @@ exports[`Article should render tile and sub title 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
- color: #FFFFFF;
416
- -webkit-text-decoration: none;
417
- text-decoration: none;
418
- fill: #FFFFFF;
419
380
  vertical-align: unset;
420
381
  display: inline-block;
421
382
  }
422
383
 
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 {
384
+ .emotion-28.emotion-28 {
438
385
  width: 32px;
439
386
  height: 32px;
440
- 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
- fill: #FFFFFF;
458
387
  }
459
388
 
460
389
  <div
@@ -482,81 +411,73 @@ exports[`Article should render tile and sub title 1`] = `
482
411
  <span
483
412
  class="emotion-6"
484
413
  >
485
- <span
414
+ <div
486
415
  class="emotion-7"
487
416
  >
488
- <div
417
+ <svg
489
418
  class="emotion-8"
419
+ height="40px"
420
+ viewBox="0 0 244 40"
490
421
  >
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"
422
+ <title>
423
+ NewsKit Logo
424
+ </title>
425
+ <path
426
+ 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"
427
+ fill="#fff"
428
+ />
429
+ <path
430
+ 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"
431
+ fill="#aebfff"
432
+ />
433
+ <path
434
+ 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"
435
+ fill="#3358cc"
436
+ />
437
+ <path
438
+ 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"
439
+ fill="#577ffb"
440
+ />
441
+ </svg>
442
+ </div>
443
+ <div
444
+ class="emotion-9"
520
445
  >
521
- <div
522
- class="emotion-11"
446
+ <svg
447
+ class="emotion-8"
448
+ height="40px"
449
+ viewBox="0 0 244 40"
523
450
  >
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>
451
+ <title>
452
+ NewsKit Logo
453
+ </title>
454
+ <path
455
+ 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"
456
+ fill="#aebfff"
457
+ />
458
+ <path
459
+ 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"
460
+ fill="#3358cc"
461
+ />
462
+ <path
463
+ 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"
464
+ fill="#577ffb"
465
+ />
466
+ </svg>
467
+ </div>
547
468
  </span>
548
469
  </a>
549
470
  <div
550
- class="emotion-13"
471
+ class="emotion-11"
551
472
  >
552
473
  <div
553
- class="emotion-14"
474
+ class="emotion-12"
554
475
  >
555
476
  <div
556
- class="emotion-15"
477
+ class="emotion-13"
557
478
  >
558
479
  <span
559
- class="emotion-16"
480
+ class="emotion-14"
560
481
  >
561
482
  <a
562
483
  aria-label="Section One Link"
@@ -564,10 +485,10 @@ exports[`Article should render tile and sub title 1`] = `
564
485
  href="/section-one"
565
486
  >
566
487
  <span
567
- class="emotion-18"
488
+ class="emotion-6"
568
489
  >
569
490
  <span
570
- class="emotion-19"
491
+ class="emotion-17"
571
492
  >
572
493
  Section One
573
494
  </span>
@@ -575,7 +496,7 @@ exports[`Article should render tile and sub title 1`] = `
575
496
  </a>
576
497
  </span>
577
498
  <span
578
- class="emotion-16"
499
+ class="emotion-14"
579
500
  >
580
501
  <a
581
502
  aria-label="Section Two Link"
@@ -583,10 +504,10 @@ exports[`Article should render tile and sub title 1`] = `
583
504
  href="/section-two"
584
505
  >
585
506
  <span
586
- class="emotion-18"
507
+ class="emotion-6"
587
508
  >
588
509
  <span
589
- class="emotion-19"
510
+ class="emotion-17"
590
511
  >
591
512
  Section Two
592
513
  </span>
@@ -594,7 +515,7 @@ exports[`Article should render tile and sub title 1`] = `
594
515
  </a>
595
516
  </span>
596
517
  <span
597
- class="emotion-16"
518
+ class="emotion-14"
598
519
  >
599
520
  <a
600
521
  aria-label="Section Three Link"
@@ -602,10 +523,10 @@ exports[`Article should render tile and sub title 1`] = `
602
523
  href="/section-three"
603
524
  >
604
525
  <span
605
- class="emotion-18"
526
+ class="emotion-6"
606
527
  >
607
528
  <span
608
- class="emotion-19"
529
+ class="emotion-17"
609
530
  >
610
531
  Section Three
611
532
  </span>
@@ -615,15 +536,15 @@ exports[`Article should render tile and sub title 1`] = `
615
536
  </div>
616
537
  </div>
617
538
  <div
618
- class="emotion-11"
539
+ class="emotion-9"
619
540
  >
620
541
  <div
621
- class="emotion-29"
542
+ class="emotion-27"
622
543
  >
623
544
  <svg
624
545
  aria-hidden="true"
625
546
  aria-label="Mobile Menu Button"
626
- class="emotion-30 emotion-31"
547
+ class="emotion-28 emotion-29"
627
548
  data-testid="mobile-menu-btn"
628
549
  fill="currentColor"
629
550
  focusable="false"
@@ -642,18 +563,6 @@ exports[`Article should render tile and sub title 1`] = `
642
563
  </svg>
643
564
  </div>
644
565
  </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
566
  </div>
658
567
  </div>
659
568
  </div>
@@ -796,33 +705,26 @@ exports[`Article should render tile and sub title 1`] = `
796
705
  margin-bottom: 24px;
797
706
  }
798
707
 
799
- .emotion-7 {
800
- padding: 1px 0px;
801
- }
802
-
803
708
  @media screen and (max-width: 767px) {
804
709
  .emotion-7 {
805
710
  font-family: "Bitter",serif;
806
711
  font-size: 28px;
807
- line-height: 1.1428571428571428;
712
+ line-height: 31.5px;
808
713
  font-weight: 500;
809
- letter-spacing: -0.5px;
714
+ letter-spacing: 0;
715
+ padding: 0.5px 0px;
810
716
  }
811
717
 
812
718
  .emotion-7::before {
813
719
  content: '';
720
+ margin-bottom: -0.2055em;
814
721
  display: block;
815
- height: 0;
816
- width: 0;
817
- margin-bottom: -0.22142857142857142em;
818
722
  }
819
723
 
820
724
  .emotion-7::after {
821
725
  content: '';
726
+ margin-top: -0.2275em;
822
727
  display: block;
823
- height: 0;
824
- width: 0;
825
- margin-top: -0.2839285714285714em;
826
728
  }
827
729
  }
828
730
 
@@ -830,25 +732,22 @@ exports[`Article should render tile and sub title 1`] = `
830
732
  .emotion-7 {
831
733
  font-family: "Bitter",serif;
832
734
  font-size: 36px;
833
- line-height: 1.1111111111111112;
735
+ line-height: 40.5px;
834
736
  font-weight: 500;
835
- letter-spacing: -0.5px;
737
+ letter-spacing: 0;
738
+ padding: 0.5px 0px;
836
739
  }
837
740
 
838
741
  .emotion-7::before {
839
742
  content: '';
743
+ margin-bottom: -0.2055em;
840
744
  display: block;
841
- height: 0;
842
- width: 0;
843
- margin-bottom: -0.2055555555555556em;
844
745
  }
845
746
 
846
747
  .emotion-7::after {
847
748
  content: '';
749
+ margin-top: -0.2275em;
848
750
  display: block;
849
- height: 0;
850
- width: 0;
851
- margin-top: -0.2680555555555556em;
852
751
  }
853
752
  }
854
753
 
@@ -856,25 +755,22 @@ exports[`Article should render tile and sub title 1`] = `
856
755
  .emotion-7 {
857
756
  font-family: "Bitter",serif;
858
757
  font-size: 36px;
859
- line-height: 1.1111111111111112;
758
+ line-height: 40.5px;
860
759
  font-weight: 500;
861
- letter-spacing: -0.5px;
760
+ letter-spacing: 0;
761
+ padding: 0.5px 0px;
862
762
  }
863
763
 
864
764
  .emotion-7::before {
865
765
  content: '';
766
+ margin-bottom: -0.2055em;
866
767
  display: block;
867
- height: 0;
868
- width: 0;
869
- margin-bottom: -0.2055555555555556em;
870
768
  }
871
769
 
872
770
  .emotion-7::after {
873
771
  content: '';
772
+ margin-top: -0.2275em;
874
773
  display: block;
875
- height: 0;
876
- width: 0;
877
- margin-top: -0.2680555555555556em;
878
774
  }
879
775
  }
880
776
 
@@ -882,25 +778,22 @@ exports[`Article should render tile and sub title 1`] = `
882
778
  .emotion-7 {
883
779
  font-family: "Bitter",serif;
884
780
  font-size: 40px;
885
- line-height: 1.2;
781
+ line-height: 45px;
886
782
  font-weight: 500;
887
- letter-spacing: -0.5px;
783
+ letter-spacing: 0;
784
+ padding: 0.5px 0px;
888
785
  }
889
786
 
890
787
  .emotion-7::before {
891
788
  content: '';
789
+ margin-bottom: -0.2055em;
892
790
  display: block;
893
- height: 0;
894
- width: 0;
895
- margin-bottom: -0.25em;
896
791
  }
897
792
 
898
793
  .emotion-7::after {
899
794
  content: '';
795
+ margin-top: -0.2275em;
900
796
  display: block;
901
- height: 0;
902
- width: 0;
903
- margin-top: -0.3125em;
904
797
  }
905
798
  }
906
799
 
@@ -919,33 +812,26 @@ exports[`Article should render tile and sub title 1`] = `
919
812
  margin-bottom: 48px;
920
813
  }
921
814
 
922
- .emotion-10 {
923
- padding: 1px 0px;
924
- }
925
-
926
815
  @media screen and (max-width: 767px) {
927
816
  .emotion-10 {
928
817
  font-family: "Bitter",serif;
929
818
  font-size: 20px;
930
- line-height: 1.2;
819
+ line-height: 22.5px;
931
820
  font-weight: 400;
932
- letter-spacing: -0.5px;
821
+ letter-spacing: 0;
822
+ padding: 0.5px 0px;
933
823
  }
934
824
 
935
825
  .emotion-10::before {
936
826
  content: '';
827
+ margin-bottom: -0.2055em;
937
828
  display: block;
938
- height: 0;
939
- width: 0;
940
- margin-bottom: -0.25em;
941
829
  }
942
830
 
943
831
  .emotion-10::after {
944
832
  content: '';
833
+ margin-top: -0.2275em;
945
834
  display: block;
946
- height: 0;
947
- width: 0;
948
- margin-top: -0.3125em;
949
835
  }
950
836
  }
951
837
 
@@ -953,25 +839,22 @@ exports[`Article should render tile and sub title 1`] = `
953
839
  .emotion-10 {
954
840
  font-family: "Bitter",serif;
955
841
  font-size: 24px;
956
- line-height: 1.1666666666666667;
842
+ line-height: 27px;
957
843
  font-weight: 400;
958
844
  letter-spacing: 0;
845
+ padding: 0.5px 0px;
959
846
  }
960
847
 
961
848
  .emotion-10::before {
962
849
  content: '';
850
+ margin-bottom: -0.2055em;
963
851
  display: block;
964
- height: 0;
965
- width: 0;
966
- margin-bottom: -0.2333333333333334em;
967
852
  }
968
853
 
969
854
  .emotion-10::after {
970
855
  content: '';
856
+ margin-top: -0.2275em;
971
857
  display: block;
972
- height: 0;
973
- width: 0;
974
- margin-top: -0.2958333333333334em;
975
858
  }
976
859
  }
977
860
 
@@ -979,25 +862,22 @@ exports[`Article should render tile and sub title 1`] = `
979
862
  .emotion-10 {
980
863
  font-family: "Bitter",serif;
981
864
  font-size: 24px;
982
- line-height: 1.1666666666666667;
865
+ line-height: 27px;
983
866
  font-weight: 400;
984
867
  letter-spacing: 0;
868
+ padding: 0.5px 0px;
985
869
  }
986
870
 
987
871
  .emotion-10::before {
988
872
  content: '';
873
+ margin-bottom: -0.2055em;
989
874
  display: block;
990
- height: 0;
991
- width: 0;
992
- margin-bottom: -0.2333333333333334em;
993
875
  }
994
876
 
995
877
  .emotion-10::after {
996
878
  content: '';
879
+ margin-top: -0.2275em;
997
880
  display: block;
998
- height: 0;
999
- width: 0;
1000
- margin-top: -0.2958333333333334em;
1001
881
  }
1002
882
  }
1003
883
 
@@ -1005,25 +885,22 @@ exports[`Article should render tile and sub title 1`] = `
1005
885
  .emotion-10 {
1006
886
  font-family: "Bitter",serif;
1007
887
  font-size: 28px;
1008
- line-height: 1.1428571428571428;
888
+ line-height: 31.5px;
1009
889
  font-weight: 400;
1010
- letter-spacing: -0.5px;
890
+ letter-spacing: 0;
891
+ padding: 0.5px 0px;
1011
892
  }
1012
893
 
1013
894
  .emotion-10::before {
1014
895
  content: '';
896
+ margin-bottom: -0.2055em;
1015
897
  display: block;
1016
- height: 0;
1017
- width: 0;
1018
- margin-bottom: -0.22142857142857142em;
1019
898
  }
1020
899
 
1021
900
  .emotion-10::after {
1022
901
  content: '';
902
+ margin-top: -0.2275em;
1023
903
  display: block;
1024
- height: 0;
1025
- width: 0;
1026
- margin-top: -0.2839285714285714em;
1027
904
  }
1028
905
  }
1029
906
 
@@ -1125,13 +1002,13 @@ exports[`Article should render tile and sub title 1`] = `
1125
1002
 
1126
1003
  .emotion-18 {
1127
1004
  margin: 0;
1128
- padding: 1px 0;
1129
1005
  color: #2E2E2E;
1130
1006
  font-family: "DM Sans",sans-serif;
1131
1007
  font-size: 14px;
1132
- line-height: 1.4285714285714286;
1008
+ line-height: 21px;
1133
1009
  font-weight: 500;
1134
- letter-spacing: -0.5px;
1010
+ letter-spacing: 0;
1011
+ padding: 0.5px 0px;
1135
1012
  display: inline-block;
1136
1013
  }
1137
1014
 
@@ -1141,18 +1018,14 @@ exports[`Article should render tile and sub title 1`] = `
1141
1018
 
1142
1019
  .emotion-18::before {
1143
1020
  content: '';
1021
+ margin-bottom: -0.391em;
1144
1022
  display: block;
1145
- height: 0;
1146
- width: 0;
1147
- margin-bottom: -0.3955357142857143em;
1148
1023
  }
1149
1024
 
1150
1025
  .emotion-18::after {
1151
1026
  content: '';
1027
+ margin-top: -0.409em;
1152
1028
  display: block;
1153
- height: 0;
1154
- width: 0;
1155
- margin-top: -0.3955357142857143em;
1156
1029
  }
1157
1030
 
1158
1031
  .emotion-19 {
@@ -1194,30 +1067,12 @@ exports[`Article should render tile and sub title 1`] = `
1194
1067
 
1195
1068
  .emotion-22 {
1196
1069
  margin: 0;
1197
- padding: 1px 0;
1198
1070
  font-family: "DM Sans",sans-serif;
1199
1071
  font-size: 14px;
1200
- line-height: 1.4285714285714286;
1072
+ line-height: 1.5;
1201
1073
  font-weight: 500;
1202
- letter-spacing: -0.5px;
1203
- display: inline-block;
1204
- display: block;
1205
- }
1206
-
1207
- .emotion-22::before {
1208
- content: '';
1074
+ letter-spacing: 0;
1209
1075
  display: block;
1210
- height: 0;
1211
- width: 0;
1212
- margin-bottom: -0.3955357142857143em;
1213
- }
1214
-
1215
- .emotion-22::after {
1216
- content: '';
1217
- display: block;
1218
- height: 0;
1219
- width: 0;
1220
- margin-top: -0.3955357142857143em;
1221
1076
  }
1222
1077
 
1223
1078
  .emotion-24 {
@@ -1236,13 +1091,13 @@ exports[`Article should render tile and sub title 1`] = `
1236
1091
 
1237
1092
  .emotion-28 {
1238
1093
  margin: 0;
1239
- padding: 1px 0;
1240
1094
  color: #2E2E2E;
1241
1095
  font-family: "DM Sans",sans-serif;
1242
1096
  font-size: 12px;
1243
- line-height: 1.6666666666666667;
1097
+ line-height: 18px;
1244
1098
  font-weight: 400;
1245
- letter-spacing: -0.5px;
1099
+ letter-spacing: 0;
1100
+ padding: 0.5px 0px;
1246
1101
  display: inline-block;
1247
1102
  white-space: pre;
1248
1103
  }
@@ -1253,18 +1108,14 @@ exports[`Article should render tile and sub title 1`] = `
1253
1108
 
1254
1109
  .emotion-28::before {
1255
1110
  content: '';
1111
+ margin-bottom: -0.391em;
1256
1112
  display: block;
1257
- height: 0;
1258
- width: 0;
1259
- margin-bottom: -0.5145833333333334em;
1260
1113
  }
1261
1114
 
1262
1115
  .emotion-28::after {
1263
1116
  content: '';
1117
+ margin-top: -0.409em;
1264
1118
  display: block;
1265
- height: 0;
1266
- width: 0;
1267
- margin-top: -0.5145833333333334em;
1268
1119
  }
1269
1120
 
1270
1121
  .emotion-30 {
@@ -1384,27 +1235,26 @@ exports[`Article should render tile and sub title 1`] = `
1384
1235
  }
1385
1236
 
1386
1237
  .emotion-38 {
1238
+ margin: 0;
1387
1239
  font-family: "Poppins",sans-serif;
1388
1240
  font-size: 12px;
1389
- line-height: 1.6666666666666667;
1241
+ line-height: 18px;
1390
1242
  font-weight: 500;
1391
- letter-spacing: -0.5px;
1243
+ letter-spacing: 0;
1244
+ padding: 0.5px 0px;
1245
+ display: inline-block;
1392
1246
  }
1393
1247
 
1394
1248
  .emotion-38::before {
1395
1249
  content: '';
1250
+ margin-bottom: -0.403em;
1396
1251
  display: block;
1397
- height: 0;
1398
- width: 0;
1399
- margin-bottom: -0.5145833333333334em;
1400
1252
  }
1401
1253
 
1402
1254
  .emotion-38::after {
1403
1255
  content: '';
1256
+ margin-top: -0.4em;
1404
1257
  display: block;
1405
- height: 0;
1406
- width: 0;
1407
- margin-top: -0.5145833333333334em;
1408
1258
  }
1409
1259
 
1410
1260
  @media screen {
@@ -1494,27 +1344,24 @@ exports[`Article should render tile and sub title 1`] = `
1494
1344
  .emotion-57 {
1495
1345
  font-family: "Poppins",sans-serif;
1496
1346
  font-size: 14px;
1497
- line-height: 1.4285714285714286;
1347
+ line-height: 21px;
1498
1348
  font-weight: 500;
1499
- letter-spacing: -0.5px;
1349
+ letter-spacing: 0;
1350
+ padding: 0.5px 0px;
1500
1351
  color: #2E2E2E;
1501
1352
  margin-right: 24px;
1502
1353
  }
1503
1354
 
1504
1355
  .emotion-57::before {
1505
1356
  content: '';
1357
+ margin-bottom: -0.403em;
1506
1358
  display: block;
1507
- height: 0;
1508
- width: 0;
1509
- margin-bottom: -0.3955357142857143em;
1510
1359
  }
1511
1360
 
1512
1361
  .emotion-57::after {
1513
1362
  content: '';
1363
+ margin-top: -0.4em;
1514
1364
  display: block;
1515
- height: 0;
1516
- width: 0;
1517
- margin-top: -0.3955357142857143em;
1518
1365
  }
1519
1366
 
1520
1367
  .emotion-57 svg {
@@ -1676,7 +1523,6 @@ exports[`Article should render tile and sub title 1`] = `
1676
1523
 
1677
1524
  .emotion-76 {
1678
1525
  margin: 0;
1679
- padding: 1px 0;
1680
1526
  color: #0A0A0A;
1681
1527
  }
1682
1528
 
@@ -1688,25 +1534,22 @@ exports[`Article should render tile and sub title 1`] = `
1688
1534
  .emotion-76 {
1689
1535
  font-family: "DM Sans",sans-serif;
1690
1536
  font-size: 14px;
1691
- line-height: 1.4285714285714286;
1537
+ line-height: 21px;
1692
1538
  font-weight: 400;
1693
- letter-spacing: -0.5px;
1539
+ letter-spacing: 0;
1540
+ padding: 0.5px 0px;
1694
1541
  }
1695
1542
 
1696
1543
  .emotion-76::before {
1697
1544
  content: '';
1545
+ margin-bottom: -0.391em;
1698
1546
  display: block;
1699
- height: 0;
1700
- width: 0;
1701
- margin-bottom: -0.3955357142857143em;
1702
1547
  }
1703
1548
 
1704
1549
  .emotion-76::after {
1705
1550
  content: '';
1551
+ margin-top: -0.409em;
1706
1552
  display: block;
1707
- height: 0;
1708
- width: 0;
1709
- margin-top: -0.3955357142857143em;
1710
1553
  }
1711
1554
  }
1712
1555
 
@@ -1714,25 +1557,22 @@ exports[`Article should render tile and sub title 1`] = `
1714
1557
  .emotion-76 {
1715
1558
  font-family: "DM Sans",sans-serif;
1716
1559
  font-size: 16px;
1717
- line-height: 1.5;
1560
+ line-height: 24px;
1718
1561
  font-weight: 400;
1719
- letter-spacing: -0.5px;
1562
+ letter-spacing: 0;
1563
+ padding: 0.5px 0px;
1720
1564
  }
1721
1565
 
1722
1566
  .emotion-76::before {
1723
1567
  content: '';
1568
+ margin-bottom: -0.391em;
1724
1569
  display: block;
1725
- height: 0;
1726
- width: 0;
1727
- margin-bottom: -0.43125em;
1728
1570
  }
1729
1571
 
1730
1572
  .emotion-76::after {
1731
1573
  content: '';
1574
+ margin-top: -0.409em;
1732
1575
  display: block;
1733
- height: 0;
1734
- width: 0;
1735
- margin-top: -0.43125em;
1736
1576
  }
1737
1577
  }
1738
1578
 
@@ -1740,25 +1580,22 @@ exports[`Article should render tile and sub title 1`] = `
1740
1580
  .emotion-76 {
1741
1581
  font-family: "DM Sans",sans-serif;
1742
1582
  font-size: 18px;
1743
- line-height: 1.5555555555555556;
1583
+ line-height: 27px;
1744
1584
  font-weight: 400;
1745
- letter-spacing: -0.5px;
1585
+ letter-spacing: 0;
1586
+ padding: 0.5px 0px;
1746
1587
  }
1747
1588
 
1748
1589
  .emotion-76::before {
1749
1590
  content: '';
1591
+ margin-bottom: -0.391em;
1750
1592
  display: block;
1751
- height: 0;
1752
- width: 0;
1753
- margin-bottom: -0.4590277777777778em;
1754
1593
  }
1755
1594
 
1756
1595
  .emotion-76::after {
1757
1596
  content: '';
1597
+ margin-top: -0.409em;
1758
1598
  display: block;
1759
- height: 0;
1760
- width: 0;
1761
- margin-top: -0.4590277777777778em;
1762
1599
  }
1763
1600
  }
1764
1601
 
@@ -1803,33 +1640,26 @@ exports[`Article should render tile and sub title 1`] = `
1803
1640
  margin-right: calc(32px/2);
1804
1641
  }
1805
1642
 
1806
- .emotion-115 {
1807
- padding: 1px 0px;
1808
- }
1809
-
1810
1643
  @media screen and (max-width: 767px) {
1811
1644
  .emotion-115 {
1812
1645
  font-family: "Bitter",serif;
1813
1646
  font-size: 20px;
1814
- line-height: 1.2;
1647
+ line-height: 22.5px;
1815
1648
  font-weight: 500;
1816
- letter-spacing: -0.5px;
1649
+ letter-spacing: 0;
1650
+ padding: 0.5px 0px;
1817
1651
  }
1818
1652
 
1819
1653
  .emotion-115::before {
1820
1654
  content: '';
1655
+ margin-bottom: -0.2055em;
1821
1656
  display: block;
1822
- height: 0;
1823
- width: 0;
1824
- margin-bottom: -0.25em;
1825
1657
  }
1826
1658
 
1827
1659
  .emotion-115::after {
1828
1660
  content: '';
1661
+ margin-top: -0.2275em;
1829
1662
  display: block;
1830
- height: 0;
1831
- width: 0;
1832
- margin-top: -0.3125em;
1833
1663
  }
1834
1664
  }
1835
1665
 
@@ -1837,25 +1667,22 @@ exports[`Article should render tile and sub title 1`] = `
1837
1667
  .emotion-115 {
1838
1668
  font-family: "Bitter",serif;
1839
1669
  font-size: 22px;
1840
- line-height: 1.0909090909090908;
1670
+ line-height: 24.75px;
1841
1671
  font-weight: 500;
1842
- letter-spacing: -0.5px;
1672
+ letter-spacing: 0;
1673
+ padding: 0.5px 0px;
1843
1674
  }
1844
1675
 
1845
1676
  .emotion-115::before {
1846
1677
  content: '';
1678
+ margin-bottom: -0.2055em;
1847
1679
  display: block;
1848
- height: 0;
1849
- width: 0;
1850
- margin-bottom: -0.19545454545454544em;
1851
1680
  }
1852
1681
 
1853
1682
  .emotion-115::after {
1854
1683
  content: '';
1684
+ margin-top: -0.2275em;
1855
1685
  display: block;
1856
- height: 0;
1857
- width: 0;
1858
- margin-top: -0.25795454545454544em;
1859
1686
  }
1860
1687
  }
1861
1688
 
@@ -1863,25 +1690,22 @@ exports[`Article should render tile and sub title 1`] = `
1863
1690
  .emotion-115 {
1864
1691
  font-family: "Bitter",serif;
1865
1692
  font-size: 24px;
1866
- line-height: 1.1666666666666667;
1693
+ line-height: 27px;
1867
1694
  font-weight: 500;
1868
- letter-spacing: -0.5px;
1695
+ letter-spacing: 0;
1696
+ padding: 0.5px 0px;
1869
1697
  }
1870
1698
 
1871
1699
  .emotion-115::before {
1872
1700
  content: '';
1701
+ margin-bottom: -0.2055em;
1873
1702
  display: block;
1874
- height: 0;
1875
- width: 0;
1876
- margin-bottom: -0.2333333333333334em;
1877
1703
  }
1878
1704
 
1879
1705
  .emotion-115::after {
1880
1706
  content: '';
1707
+ margin-top: -0.2275em;
1881
1708
  display: block;
1882
- height: 0;
1883
- width: 0;
1884
- margin-top: -0.2958333333333334em;
1885
1709
  }
1886
1710
  }
1887
1711
 
@@ -2001,29 +1825,31 @@ exports[`Article should render tile and sub title 1`] = `
2001
1825
  margin-right: calc(-4px/2);
2002
1826
  }
2003
1827
 
1828
+ .emotion-124 {
1829
+ margin: 0;
1830
+ display: inline-block;
1831
+ }
1832
+
2004
1833
  @media screen and (max-width: 767px) {
2005
1834
  .emotion-124 {
2006
1835
  font-family: "Poppins",sans-serif;
2007
1836
  font-size: 12px;
2008
- line-height: 1.6666666666666667;
1837
+ line-height: 18px;
2009
1838
  font-weight: 500;
2010
- letter-spacing: -0.5px;
1839
+ letter-spacing: 0;
1840
+ padding: 0.5px 0px;
2011
1841
  }
2012
1842
 
2013
1843
  .emotion-124::before {
2014
1844
  content: '';
1845
+ margin-bottom: -0.403em;
2015
1846
  display: block;
2016
- height: 0;
2017
- width: 0;
2018
- margin-bottom: -0.5145833333333334em;
2019
1847
  }
2020
1848
 
2021
1849
  .emotion-124::after {
2022
1850
  content: '';
1851
+ margin-top: -0.4em;
2023
1852
  display: block;
2024
- height: 0;
2025
- width: 0;
2026
- margin-top: -0.5145833333333334em;
2027
1853
  }
2028
1854
  }
2029
1855
 
@@ -2031,25 +1857,22 @@ exports[`Article should render tile and sub title 1`] = `
2031
1857
  .emotion-124 {
2032
1858
  font-family: "Poppins",sans-serif;
2033
1859
  font-size: 14px;
2034
- line-height: 1.4285714285714286;
1860
+ line-height: 21px;
2035
1861
  font-weight: 500;
2036
- letter-spacing: -0.5px;
1862
+ letter-spacing: 0;
1863
+ padding: 0.5px 0px;
2037
1864
  }
2038
1865
 
2039
1866
  .emotion-124::before {
2040
1867
  content: '';
1868
+ margin-bottom: -0.403em;
2041
1869
  display: block;
2042
- height: 0;
2043
- width: 0;
2044
- margin-bottom: -0.3955357142857143em;
2045
1870
  }
2046
1871
 
2047
1872
  .emotion-124::after {
2048
1873
  content: '';
1874
+ margin-top: -0.4em;
2049
1875
  display: block;
2050
- height: 0;
2051
- width: 0;
2052
- margin-top: -0.3955357142857143em;
2053
1876
  }
2054
1877
  }
2055
1878
 
@@ -2057,25 +1880,22 @@ exports[`Article should render tile and sub title 1`] = `
2057
1880
  .emotion-124 {
2058
1881
  font-family: "Poppins",sans-serif;
2059
1882
  font-size: 16px;
2060
- line-height: 1.5;
1883
+ line-height: 24px;
2061
1884
  font-weight: 500;
2062
- letter-spacing: -0.5px;
1885
+ letter-spacing: 0;
1886
+ padding: 0.5px 0px;
2063
1887
  }
2064
1888
 
2065
1889
  .emotion-124::before {
2066
1890
  content: '';
1891
+ margin-bottom: -0.403em;
2067
1892
  display: block;
2068
- height: 0;
2069
- width: 0;
2070
- margin-bottom: -0.43125em;
2071
1893
  }
2072
1894
 
2073
1895
  .emotion-124::after {
2074
1896
  content: '';
1897
+ margin-top: -0.4em;
2075
1898
  display: block;
2076
- height: 0;
2077
- width: 0;
2078
- margin-top: -0.43125em;
2079
1899
  }
2080
1900
  }
2081
1901
 
@@ -2161,33 +1981,26 @@ exports[`Article should render tile and sub title 1`] = `
2161
1981
  }
2162
1982
  }
2163
1983
 
2164
- .emotion-139 {
2165
- padding: 1px 0px;
2166
- }
2167
-
2168
1984
  @media screen and (max-width: 1439px) {
2169
1985
  .emotion-139 {
2170
1986
  font-family: "Bitter",serif;
2171
1987
  font-size: 24px;
2172
- line-height: 1.1666666666666667;
1988
+ line-height: 27px;
2173
1989
  font-weight: 500;
2174
- letter-spacing: -0.5px;
1990
+ letter-spacing: 0;
1991
+ padding: 0.5px 0px;
2175
1992
  }
2176
1993
 
2177
1994
  .emotion-139::before {
2178
1995
  content: '';
1996
+ margin-bottom: -0.2055em;
2179
1997
  display: block;
2180
- height: 0;
2181
- width: 0;
2182
- margin-bottom: -0.2333333333333334em;
2183
1998
  }
2184
1999
 
2185
2000
  .emotion-139::after {
2186
2001
  content: '';
2002
+ margin-top: -0.2275em;
2187
2003
  display: block;
2188
- height: 0;
2189
- width: 0;
2190
- margin-top: -0.2958333333333334em;
2191
2004
  }
2192
2005
  }
2193
2006
 
@@ -2195,25 +2008,22 @@ exports[`Article should render tile and sub title 1`] = `
2195
2008
  .emotion-139 {
2196
2009
  font-family: "Bitter",serif;
2197
2010
  font-size: 28px;
2198
- line-height: 1.1428571428571428;
2011
+ line-height: 31.5px;
2199
2012
  font-weight: 500;
2200
- letter-spacing: -0.5px;
2013
+ letter-spacing: 0;
2014
+ padding: 0.5px 0px;
2201
2015
  }
2202
2016
 
2203
2017
  .emotion-139::before {
2204
2018
  content: '';
2019
+ margin-bottom: -0.2055em;
2205
2020
  display: block;
2206
- height: 0;
2207
- width: 0;
2208
- margin-bottom: -0.22142857142857142em;
2209
2021
  }
2210
2022
 
2211
2023
  .emotion-139::after {
2212
2024
  content: '';
2025
+ margin-top: -0.2275em;
2213
2026
  display: block;
2214
- height: 0;
2215
- width: 0;
2216
- margin-top: -0.2839285714285714em;
2217
2027
  }
2218
2028
  }
2219
2029
 
@@ -2350,27 +2160,26 @@ exports[`Article should render tile and sub title 1`] = `
2350
2160
  }
2351
2161
 
2352
2162
  .emotion-150 {
2163
+ margin: 0;
2353
2164
  font-family: "Poppins",sans-serif;
2354
2165
  font-size: 14px;
2355
- line-height: 1.4285714285714286;
2166
+ line-height: 21px;
2356
2167
  font-weight: 500;
2357
- letter-spacing: -0.5px;
2168
+ letter-spacing: 0;
2169
+ padding: 0.5px 0px;
2170
+ display: inline-block;
2358
2171
  }
2359
2172
 
2360
2173
  .emotion-150::before {
2361
2174
  content: '';
2175
+ margin-bottom: -0.403em;
2362
2176
  display: block;
2363
- height: 0;
2364
- width: 0;
2365
- margin-bottom: -0.3955357142857143em;
2366
2177
  }
2367
2178
 
2368
2179
  .emotion-150::after {
2369
2180
  content: '';
2181
+ margin-top: -0.4em;
2370
2182
  display: block;
2371
- height: 0;
2372
- width: 0;
2373
- margin-top: -0.3955357142857143em;
2374
2183
  }
2375
2184
 
2376
2185
  .emotion-152 {
@@ -2608,33 +2417,26 @@ exports[`Article should render tile and sub title 1`] = `
2608
2417
  z-index: 1;
2609
2418
  }
2610
2419
 
2611
- .emotion-167 {
2612
- padding: 1px 0px;
2613
- }
2614
-
2615
2420
  @media screen and (max-width: 1439px) {
2616
2421
  .emotion-167 {
2617
2422
  font-family: "Bitter",serif;
2618
2423
  font-size: 24px;
2619
- line-height: 1.1666666666666667;
2424
+ line-height: 27px;
2620
2425
  font-weight: 500;
2621
- letter-spacing: -0.5px;
2426
+ letter-spacing: 0;
2427
+ padding: 0.5px 0px;
2622
2428
  }
2623
2429
 
2624
2430
  .emotion-167::before {
2625
2431
  content: '';
2432
+ margin-bottom: -0.2055em;
2626
2433
  display: block;
2627
- height: 0;
2628
- width: 0;
2629
- margin-bottom: -0.2333333333333334em;
2630
2434
  }
2631
2435
 
2632
2436
  .emotion-167::after {
2633
2437
  content: '';
2438
+ margin-top: -0.2275em;
2634
2439
  display: block;
2635
- height: 0;
2636
- width: 0;
2637
- margin-top: -0.2958333333333334em;
2638
2440
  }
2639
2441
  }
2640
2442
 
@@ -2642,25 +2444,22 @@ exports[`Article should render tile and sub title 1`] = `
2642
2444
  .emotion-167 {
2643
2445
  font-family: "Bitter",serif;
2644
2446
  font-size: 20px;
2645
- line-height: 1.2;
2447
+ line-height: 22.5px;
2646
2448
  font-weight: 500;
2647
- letter-spacing: -0.5px;
2449
+ letter-spacing: 0;
2450
+ padding: 0.5px 0px;
2648
2451
  }
2649
2452
 
2650
2453
  .emotion-167::before {
2651
2454
  content: '';
2455
+ margin-bottom: -0.2055em;
2652
2456
  display: block;
2653
- height: 0;
2654
- width: 0;
2655
- margin-bottom: -0.25em;
2656
2457
  }
2657
2458
 
2658
2459
  .emotion-167::after {
2659
2460
  content: '';
2461
+ margin-top: -0.2275em;
2660
2462
  display: block;
2661
- height: 0;
2662
- width: 0;
2663
- margin-top: -0.3125em;
2664
2463
  }
2665
2464
  }
2666
2465
 
@@ -2743,33 +2542,26 @@ exports[`Article should render tile and sub title 1`] = `
2743
2542
  align-self: center;
2744
2543
  }
2745
2544
 
2746
- .emotion-199 {
2747
- padding: 1px 0px;
2748
- }
2749
-
2750
2545
  @media screen and (max-width: 767px) {
2751
2546
  .emotion-199 {
2752
2547
  font-family: "Bitter",serif;
2753
2548
  font-size: 28px;
2754
- line-height: 1.1428571428571428;
2549
+ line-height: 31.5px;
2755
2550
  font-weight: 500;
2756
- letter-spacing: -0.5px;
2551
+ letter-spacing: 0;
2552
+ padding: 0.5px 0px;
2757
2553
  }
2758
2554
 
2759
2555
  .emotion-199::before {
2760
2556
  content: '';
2557
+ margin-bottom: -0.2055em;
2761
2558
  display: block;
2762
- height: 0;
2763
- width: 0;
2764
- margin-bottom: -0.22142857142857142em;
2765
2559
  }
2766
2560
 
2767
2561
  .emotion-199::after {
2768
2562
  content: '';
2563
+ margin-top: -0.2275em;
2769
2564
  display: block;
2770
- height: 0;
2771
- width: 0;
2772
- margin-top: -0.2839285714285714em;
2773
2565
  }
2774
2566
  }
2775
2567
 
@@ -2777,25 +2569,22 @@ exports[`Article should render tile and sub title 1`] = `
2777
2569
  .emotion-199 {
2778
2570
  font-family: "Bitter",serif;
2779
2571
  font-size: 32px;
2780
- line-height: 1.125;
2572
+ line-height: 36px;
2781
2573
  font-weight: 500;
2782
- letter-spacing: -0.5px;
2574
+ letter-spacing: 0;
2575
+ padding: 0.5px 0px;
2783
2576
  }
2784
2577
 
2785
2578
  .emotion-199::before {
2786
2579
  content: '';
2580
+ margin-bottom: -0.2055em;
2787
2581
  display: block;
2788
- height: 0;
2789
- width: 0;
2790
- margin-bottom: -0.21250000000000002em;
2791
2582
  }
2792
2583
 
2793
2584
  .emotion-199::after {
2794
2585
  content: '';
2586
+ margin-top: -0.2275em;
2795
2587
  display: block;
2796
- height: 0;
2797
- width: 0;
2798
- margin-top: -0.275em;
2799
2588
  }
2800
2589
  }
2801
2590
 
@@ -2803,25 +2592,22 @@ exports[`Article should render tile and sub title 1`] = `
2803
2592
  .emotion-199 {
2804
2593
  font-family: "Bitter",serif;
2805
2594
  font-size: 36px;
2806
- line-height: 1.1111111111111112;
2595
+ line-height: 40.5px;
2807
2596
  font-weight: 500;
2808
- letter-spacing: -0.5px;
2597
+ letter-spacing: 0;
2598
+ padding: 0.5px 0px;
2809
2599
  }
2810
2600
 
2811
2601
  .emotion-199::before {
2812
2602
  content: '';
2603
+ margin-bottom: -0.2055em;
2813
2604
  display: block;
2814
- height: 0;
2815
- width: 0;
2816
- margin-bottom: -0.2055555555555556em;
2817
2605
  }
2818
2606
 
2819
2607
  .emotion-199::after {
2820
2608
  content: '';
2609
+ margin-top: -0.2275em;
2821
2610
  display: block;
2822
- height: 0;
2823
- width: 0;
2824
- margin-top: -0.2680555555555556em;
2825
2611
  }
2826
2612
  }
2827
2613
 
@@ -2928,33 +2714,26 @@ exports[`Article should render tile and sub title 1`] = `
2928
2714
  }
2929
2715
  }
2930
2716
 
2931
- .emotion-221 {
2932
- padding: 1px 0px;
2933
- }
2934
-
2935
2717
  @media screen and (max-width: 767px) {
2936
2718
  .emotion-221 {
2937
2719
  font-family: "Bitter",serif;
2938
2720
  font-size: 20px;
2939
- line-height: 1.2;
2721
+ line-height: 22.5px;
2940
2722
  font-weight: 500;
2941
- letter-spacing: -0.5px;
2723
+ letter-spacing: 0;
2724
+ padding: 0.5px 0px;
2942
2725
  }
2943
2726
 
2944
2727
  .emotion-221::before {
2945
2728
  content: '';
2729
+ margin-bottom: -0.2055em;
2946
2730
  display: block;
2947
- height: 0;
2948
- width: 0;
2949
- margin-bottom: -0.25em;
2950
2731
  }
2951
2732
 
2952
2733
  .emotion-221::after {
2953
2734
  content: '';
2735
+ margin-top: -0.2275em;
2954
2736
  display: block;
2955
- height: 0;
2956
- width: 0;
2957
- margin-top: -0.3125em;
2958
2737
  }
2959
2738
  }
2960
2739
 
@@ -2962,25 +2741,22 @@ exports[`Article should render tile and sub title 1`] = `
2962
2741
  .emotion-221 {
2963
2742
  font-family: "Bitter",serif;
2964
2743
  font-size: 22px;
2965
- line-height: 1.0909090909090908;
2744
+ line-height: 24.75px;
2966
2745
  font-weight: 500;
2967
- letter-spacing: -0.5px;
2746
+ letter-spacing: 0;
2747
+ padding: 0.5px 0px;
2968
2748
  }
2969
2749
 
2970
2750
  .emotion-221::before {
2971
2751
  content: '';
2752
+ margin-bottom: -0.2055em;
2972
2753
  display: block;
2973
- height: 0;
2974
- width: 0;
2975
- margin-bottom: -0.19545454545454544em;
2976
2754
  }
2977
2755
 
2978
2756
  .emotion-221::after {
2979
2757
  content: '';
2758
+ margin-top: -0.2275em;
2980
2759
  display: block;
2981
- height: 0;
2982
- width: 0;
2983
- margin-top: -0.25795454545454544em;
2984
2760
  }
2985
2761
  }
2986
2762
 
@@ -2988,31 +2764,27 @@ exports[`Article should render tile and sub title 1`] = `
2988
2764
  .emotion-221 {
2989
2765
  font-family: "Bitter",serif;
2990
2766
  font-size: 24px;
2991
- line-height: 1.1666666666666667;
2767
+ line-height: 27px;
2992
2768
  font-weight: 500;
2993
- letter-spacing: -0.5px;
2769
+ letter-spacing: 0;
2770
+ padding: 0.5px 0px;
2994
2771
  }
2995
2772
 
2996
2773
  .emotion-221::before {
2997
2774
  content: '';
2775
+ margin-bottom: -0.2055em;
2998
2776
  display: block;
2999
- height: 0;
3000
- width: 0;
3001
- margin-bottom: -0.2333333333333334em;
3002
2777
  }
3003
2778
 
3004
2779
  .emotion-221::after {
3005
2780
  content: '';
2781
+ margin-top: -0.2275em;
3006
2782
  display: block;
3007
- height: 0;
3008
- width: 0;
3009
- margin-top: -0.2958333333333334em;
3010
2783
  }
3011
2784
  }
3012
2785
 
3013
2786
  .emotion-224 {
3014
2787
  margin: 0;
3015
- padding: 1px 0;
3016
2788
  color: #0A0A0A;
3017
2789
  }
3018
2790
 
@@ -3024,25 +2796,22 @@ exports[`Article should render tile and sub title 1`] = `
3024
2796
  .emotion-224 {
3025
2797
  font-family: "DM Sans",sans-serif;
3026
2798
  font-size: 14px;
3027
- line-height: 1.4285714285714286;
2799
+ line-height: 21px;
3028
2800
  font-weight: 400;
3029
- letter-spacing: -0.5px;
2801
+ letter-spacing: 0;
2802
+ padding: 0.5px 0px;
3030
2803
  }
3031
2804
 
3032
2805
  .emotion-224::before {
3033
2806
  content: '';
2807
+ margin-bottom: -0.391em;
3034
2808
  display: block;
3035
- height: 0;
3036
- width: 0;
3037
- margin-bottom: -0.3955357142857143em;
3038
2809
  }
3039
2810
 
3040
2811
  .emotion-224::after {
3041
2812
  content: '';
2813
+ margin-top: -0.409em;
3042
2814
  display: block;
3043
- height: 0;
3044
- width: 0;
3045
- margin-top: -0.3955357142857143em;
3046
2815
  }
3047
2816
  }
3048
2817
 
@@ -3050,25 +2819,22 @@ exports[`Article should render tile and sub title 1`] = `
3050
2819
  .emotion-224 {
3051
2820
  font-family: "DM Sans",sans-serif;
3052
2821
  font-size: 16px;
3053
- line-height: 1.5;
2822
+ line-height: 24px;
3054
2823
  font-weight: 400;
3055
- letter-spacing: -0.5px;
2824
+ letter-spacing: 0;
2825
+ padding: 0.5px 0px;
3056
2826
  }
3057
2827
 
3058
2828
  .emotion-224::before {
3059
2829
  content: '';
2830
+ margin-bottom: -0.391em;
3060
2831
  display: block;
3061
- height: 0;
3062
- width: 0;
3063
- margin-bottom: -0.43125em;
3064
2832
  }
3065
2833
 
3066
2834
  .emotion-224::after {
3067
2835
  content: '';
2836
+ margin-top: -0.409em;
3068
2837
  display: block;
3069
- height: 0;
3070
- width: 0;
3071
- margin-top: -0.43125em;
3072
2838
  }
3073
2839
  }
3074
2840
 
@@ -4554,30 +4320,26 @@ exports[`Article should render tile and sub title 1`] = `
4554
4320
 
4555
4321
  .emotion-12 {
4556
4322
  margin: 0;
4557
- padding: 1px 0;
4558
4323
  font-family: "DM Sans",sans-serif;
4559
4324
  font-size: 14px;
4560
- line-height: 1.4285714285714286;
4325
+ line-height: 21px;
4561
4326
  font-weight: 500;
4562
- letter-spacing: -0.5px;
4327
+ letter-spacing: 0;
4328
+ padding: 0.5px 0px;
4563
4329
  display: inline-block;
4564
4330
  display: block;
4565
4331
  }
4566
4332
 
4567
4333
  .emotion-12::before {
4568
4334
  content: '';
4335
+ margin-bottom: -0.391em;
4569
4336
  display: block;
4570
- height: 0;
4571
- width: 0;
4572
- margin-bottom: -0.3955357142857143em;
4573
4337
  }
4574
4338
 
4575
4339
  .emotion-12::after {
4576
4340
  content: '';
4341
+ margin-top: -0.409em;
4577
4342
  display: block;
4578
- height: 0;
4579
- width: 0;
4580
- margin-top: -0.3955357142857143em;
4581
4343
  }
4582
4344
 
4583
4345
  .emotion-35 {
@@ -4585,9 +4347,9 @@ exports[`Article should render tile and sub title 1`] = `
4585
4347
  color: #535353;
4586
4348
  font-family: "DM Sans",sans-serif;
4587
4349
  font-size: 14px;
4588
- line-height: 1.4285714285714286;
4350
+ line-height: 1.5;
4589
4351
  font-weight: 500;
4590
- letter-spacing: -0.5px;
4352
+ letter-spacing: 0;
4591
4353
  }
4592
4354
 
4593
4355
  .emotion-35 svg {