@newskit-render/core 0.131.1 → 0.138.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,12 +4,12 @@ exports[`Article should render tile and sub title 1`] = `
4
4
  <DocumentFragment>
5
5
  .emotion-0 {
6
6
  height: 64px;
7
- background-color: #0a0a0a;
7
+ background-color: #0A0A0A;
8
8
  }
9
9
 
10
10
  .emotion-0 a,
11
11
  .emotion-0 a:visited:not(:disabled) {
12
- color: #ffffff;
12
+ color: #FFFFFF;
13
13
  font-weight: bold;
14
14
  line-height: 1.5;
15
15
  }
@@ -134,41 +134,33 @@ exports[`Article should render tile and sub title 1`] = `
134
134
  transition-property: color;
135
135
  transition-duration: 200ms;
136
136
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
137
- color: #ffffff;
137
+ color: #FFFFFF;
138
138
  -webkit-text-decoration: none;
139
139
  text-decoration: none;
140
140
  }
141
141
 
142
142
  .emotion-5 svg {
143
- fill: #ffffff;
143
+ fill: #FFFFFF;
144
144
  }
145
145
 
146
146
  .emotion-5:hover:not(:disabled) {
147
- color: #ffffff;
147
+ color: #FFFFFF;
148
148
  -webkit-text-decoration: underline;
149
149
  text-decoration: underline;
150
150
  }
151
151
 
152
152
  .emotion-5:hover:not(:disabled) svg {
153
- fill: #ffffff;
153
+ fill: #FFFFFF;
154
154
  }
155
155
 
156
156
  .emotion-5:active:not(:disabled) {
157
- color: #ffffff;
157
+ color: #FFFFFF;
158
158
  -webkit-text-decoration: underline;
159
159
  text-decoration: underline;
160
160
  }
161
161
 
162
162
  .emotion-5:active:not(:disabled) svg {
163
- fill: #ffffff;
164
- }
165
-
166
- .emotion-5:visited:not(:disabled) {
167
- color: rgba(255,255,255,0.8);
168
- }
169
-
170
- .emotion-5:visited:not(:disabled) svg {
171
- fill: rgba(255,255,255,0.8);
163
+ fill: #FFFFFF;
172
164
  }
173
165
 
174
166
  .emotion-6 {
@@ -233,8 +225,8 @@ exports[`Article should render tile and sub title 1`] = `
233
225
 
234
226
  .emotion-9 {
235
227
  display: inline-block;
236
- fill: #ffffff;
237
- color: #ffffff;
228
+ fill: #FFFFFF;
229
+ color: #FFFFFF;
238
230
  width: 160px;
239
231
  }
240
232
 
@@ -299,7 +291,7 @@ exports[`Article should render tile and sub title 1`] = `
299
291
  overflow: auto;
300
292
  width: 100%;
301
293
  min-height: 100vh;
302
- background-color: #0a0a0a;
294
+ background-color: #0A0A0A;
303
295
  left: 0;
304
296
  top: 64px;
305
297
  z-index: 1;
@@ -387,11 +379,11 @@ exports[`Article should render tile and sub title 1`] = `
387
379
  .emotion-19 {
388
380
  margin: 0;
389
381
  padding: 1px 0;
390
- font-family: "Noto Sans",sans-serif;
382
+ font-family: "DM Sans",sans-serif;
391
383
  font-size: 14px;
392
384
  line-height: 1.4285714285714286;
393
385
  font-weight: 500;
394
- letter-spacing: 0;
386
+ letter-spacing: -0.5px;
395
387
  display: inline-block;
396
388
  display: block;
397
389
  }
@@ -401,7 +393,7 @@ exports[`Article should render tile and sub title 1`] = `
401
393
  display: block;
402
394
  height: 0;
403
395
  width: 0;
404
- margin-bottom: -0.32678571428571435em;
396
+ margin-bottom: -0.3955357142857143em;
405
397
  }
406
398
 
407
399
  .emotion-19::after {
@@ -409,7 +401,7 @@ exports[`Article should render tile and sub title 1`] = `
409
401
  display: block;
410
402
  height: 0;
411
403
  width: 0;
412
- margin-top: -0.4267857142857143em;
404
+ margin-top: -0.3955357142857143em;
413
405
  }
414
406
 
415
407
  .emotion-29 {
@@ -420,59 +412,49 @@ exports[`Article should render tile and sub title 1`] = `
420
412
  display: inline-block;
421
413
  vertical-align: middle;
422
414
  overflow: hidden;
423
- color: #ffffff;
415
+ color: #FFFFFF;
424
416
  -webkit-text-decoration: none;
425
417
  text-decoration: none;
426
- fill: #ffffff;
418
+ fill: #FFFFFF;
427
419
  vertical-align: unset;
428
420
  display: inline-block;
429
421
  }
430
422
 
431
423
  .emotion-30:hover:not(:disabled) {
432
- color: #ffffff;
424
+ color: #FFFFFF;
433
425
  -webkit-text-decoration: underline;
434
426
  text-decoration: underline;
435
- fill: #ffffff;
427
+ fill: #FFFFFF;
436
428
  }
437
429
 
438
430
  .emotion-30:active:not(:disabled) {
439
- color: #ffffff;
431
+ color: #FFFFFF;
440
432
  -webkit-text-decoration: underline;
441
433
  text-decoration: underline;
442
- fill: #ffffff;
443
- }
444
-
445
- .emotion-30:visited:not(:disabled) {
446
- color: rgba(255,255,255,0.8);
447
- fill: rgba(255,255,255,0.8);
434
+ fill: #FFFFFF;
448
435
  }
449
436
 
450
437
  .emotion-30.emotion-30 {
451
438
  width: 32px;
452
439
  height: 32px;
453
- color: #ffffff;
440
+ color: #FFFFFF;
454
441
  -webkit-text-decoration: none;
455
442
  text-decoration: none;
456
- fill: #ffffff;
443
+ fill: #FFFFFF;
457
444
  }
458
445
 
459
446
  .emotion-30.emotion-30:hover:not(:disabled) {
460
- color: #ffffff;
447
+ color: #FFFFFF;
461
448
  -webkit-text-decoration: underline;
462
449
  text-decoration: underline;
463
- fill: #ffffff;
450
+ fill: #FFFFFF;
464
451
  }
465
452
 
466
453
  .emotion-30.emotion-30:active:not(:disabled) {
467
- color: #ffffff;
454
+ color: #FFFFFF;
468
455
  -webkit-text-decoration: underline;
469
456
  text-decoration: underline;
470
- fill: #ffffff;
471
- }
472
-
473
- .emotion-30.emotion-30:visited:not(:disabled) {
474
- color: rgba(255,255,255,0.8);
475
- fill: rgba(255,255,255,0.8);
457
+ fill: #FFFFFF;
476
458
  }
477
459
 
478
460
  <div
@@ -684,7 +666,7 @@ exports[`Article should render tile and sub title 1`] = `
684
666
  />
685
667
  @media screen {
686
668
  .emotion-0 {
687
- background-color: #ffffff;
669
+ background-color: #FFFFFF;
688
670
  }
689
671
  }
690
672
 
@@ -820,11 +802,11 @@ exports[`Article should render tile and sub title 1`] = `
820
802
 
821
803
  @media screen and (max-width: 767px) {
822
804
  .emotion-7 {
823
- font-family: "Source Serif Pro",serif;
824
- font-size: 32px;
825
- line-height: 1.125;
826
- font-weight: 600;
827
- letter-spacing: 0;
805
+ font-family: "Bitter",serif;
806
+ font-size: 28px;
807
+ line-height: 1.1428571428571428;
808
+ font-weight: 500;
809
+ letter-spacing: -0.5px;
828
810
  }
829
811
 
830
812
  .emotion-7::before {
@@ -832,7 +814,7 @@ exports[`Article should render tile and sub title 1`] = `
832
814
  display: block;
833
815
  height: 0;
834
816
  width: 0;
835
- margin-bottom: -0.09062500000000001em;
817
+ margin-bottom: -0.22142857142857142em;
836
818
  }
837
819
 
838
820
  .emotion-7::after {
@@ -840,17 +822,17 @@ exports[`Article should render tile and sub title 1`] = `
840
822
  display: block;
841
823
  height: 0;
842
824
  width: 0;
843
- margin-top: -0.275em;
825
+ margin-top: -0.2839285714285714em;
844
826
  }
845
827
  }
846
828
 
847
829
  @media screen and (min-width: 768px) and (max-width: 1023px) {
848
830
  .emotion-7 {
849
- font-family: "Source Serif Pro",serif;
850
- font-size: 40px;
851
- line-height: 1.1;
852
- font-weight: 600;
853
- letter-spacing: 0;
831
+ font-family: "Bitter",serif;
832
+ font-size: 36px;
833
+ line-height: 1.1111111111111112;
834
+ font-weight: 500;
835
+ letter-spacing: -0.5px;
854
836
  }
855
837
 
856
838
  .emotion-7::before {
@@ -858,7 +840,7 @@ exports[`Article should render tile and sub title 1`] = `
858
840
  display: block;
859
841
  height: 0;
860
842
  width: 0;
861
- margin-bottom: -0.07812500000000006em;
843
+ margin-bottom: -0.2055555555555556em;
862
844
  }
863
845
 
864
846
  .emotion-7::after {
@@ -866,17 +848,17 @@ exports[`Article should render tile and sub title 1`] = `
866
848
  display: block;
867
849
  height: 0;
868
850
  width: 0;
869
- margin-top: -0.26250000000000007em;
851
+ margin-top: -0.2680555555555556em;
870
852
  }
871
853
  }
872
854
 
873
855
  @media screen and (min-width: 1024px) and (max-width: 1439px) {
874
856
  .emotion-7 {
875
- font-family: "Source Serif Pro",serif;
876
- font-size: 40px;
877
- line-height: 1.1;
878
- font-weight: 600;
879
- letter-spacing: 0;
857
+ font-family: "Bitter",serif;
858
+ font-size: 36px;
859
+ line-height: 1.1111111111111112;
860
+ font-weight: 500;
861
+ letter-spacing: -0.5px;
880
862
  }
881
863
 
882
864
  .emotion-7::before {
@@ -884,7 +866,7 @@ exports[`Article should render tile and sub title 1`] = `
884
866
  display: block;
885
867
  height: 0;
886
868
  width: 0;
887
- margin-bottom: -0.07812500000000006em;
869
+ margin-bottom: -0.2055555555555556em;
888
870
  }
889
871
 
890
872
  .emotion-7::after {
@@ -892,17 +874,17 @@ exports[`Article should render tile and sub title 1`] = `
892
874
  display: block;
893
875
  height: 0;
894
876
  width: 0;
895
- margin-top: -0.26250000000000007em;
877
+ margin-top: -0.2680555555555556em;
896
878
  }
897
879
  }
898
880
 
899
881
  @media screen and (min-width: 1440px) {
900
882
  .emotion-7 {
901
- font-family: "Source Serif Pro",serif;
902
- font-size: 48px;
903
- line-height: 1.1666666666666667;
904
- font-weight: 600;
905
- letter-spacing: 0;
883
+ font-family: "Bitter",serif;
884
+ font-size: 40px;
885
+ line-height: 1.2;
886
+ font-weight: 500;
887
+ letter-spacing: -0.5px;
906
888
  }
907
889
 
908
890
  .emotion-7::before {
@@ -910,7 +892,7 @@ exports[`Article should render tile and sub title 1`] = `
910
892
  display: block;
911
893
  height: 0;
912
894
  width: 0;
913
- margin-bottom: -0.11145833333333338em;
895
+ margin-bottom: -0.25em;
914
896
  }
915
897
 
916
898
  .emotion-7::after {
@@ -918,7 +900,7 @@ exports[`Article should render tile and sub title 1`] = `
918
900
  display: block;
919
901
  height: 0;
920
902
  width: 0;
921
- margin-top: -0.2958333333333334em;
903
+ margin-top: -0.3125em;
922
904
  }
923
905
  }
924
906
 
@@ -926,11 +908,11 @@ exports[`Article should render tile and sub title 1`] = `
926
908
  display: inline;
927
909
  font: inherit;
928
910
  margin: 0;
929
- color: #0a0a0a;
911
+ color: #0A0A0A;
930
912
  }
931
913
 
932
914
  .emotion-8 svg {
933
- fill: #0a0a0a;
915
+ fill: #0A0A0A;
934
916
  }
935
917
 
936
918
  .emotion-9 {
@@ -943,11 +925,11 @@ exports[`Article should render tile and sub title 1`] = `
943
925
 
944
926
  @media screen and (max-width: 767px) {
945
927
  .emotion-10 {
946
- font-family: "Source Serif Pro",serif;
947
- font-size: 24px;
948
- line-height: 1.1666666666666667;
949
- font-weight: 600;
950
- letter-spacing: 0;
928
+ font-family: "Bitter",serif;
929
+ font-size: 20px;
930
+ line-height: 1.2;
931
+ font-weight: 400;
932
+ letter-spacing: -0.5px;
951
933
  }
952
934
 
953
935
  .emotion-10::before {
@@ -955,7 +937,7 @@ exports[`Article should render tile and sub title 1`] = `
955
937
  display: block;
956
938
  height: 0;
957
939
  width: 0;
958
- margin-bottom: -0.11145833333333338em;
940
+ margin-bottom: -0.25em;
959
941
  }
960
942
 
961
943
  .emotion-10::after {
@@ -963,16 +945,16 @@ exports[`Article should render tile and sub title 1`] = `
963
945
  display: block;
964
946
  height: 0;
965
947
  width: 0;
966
- margin-top: -0.2958333333333334em;
948
+ margin-top: -0.3125em;
967
949
  }
968
950
  }
969
951
 
970
952
  @media screen and (min-width: 768px) and (max-width: 1023px) {
971
953
  .emotion-10 {
972
- font-family: "Source Serif Pro",serif;
973
- font-size: 32px;
974
- line-height: 1.125;
975
- font-weight: 600;
954
+ font-family: "Bitter",serif;
955
+ font-size: 24px;
956
+ line-height: 1.1666666666666667;
957
+ font-weight: 400;
976
958
  letter-spacing: 0;
977
959
  }
978
960
 
@@ -981,7 +963,7 @@ exports[`Article should render tile and sub title 1`] = `
981
963
  display: block;
982
964
  height: 0;
983
965
  width: 0;
984
- margin-bottom: -0.09062500000000001em;
966
+ margin-bottom: -0.2333333333333334em;
985
967
  }
986
968
 
987
969
  .emotion-10::after {
@@ -989,16 +971,16 @@ exports[`Article should render tile and sub title 1`] = `
989
971
  display: block;
990
972
  height: 0;
991
973
  width: 0;
992
- margin-top: -0.275em;
974
+ margin-top: -0.2958333333333334em;
993
975
  }
994
976
  }
995
977
 
996
978
  @media screen and (min-width: 1024px) and (max-width: 1439px) {
997
979
  .emotion-10 {
998
- font-family: "Source Serif Pro",serif;
999
- font-size: 32px;
1000
- line-height: 1.125;
1001
- font-weight: 600;
980
+ font-family: "Bitter",serif;
981
+ font-size: 24px;
982
+ line-height: 1.1666666666666667;
983
+ font-weight: 400;
1002
984
  letter-spacing: 0;
1003
985
  }
1004
986
 
@@ -1007,7 +989,7 @@ exports[`Article should render tile and sub title 1`] = `
1007
989
  display: block;
1008
990
  height: 0;
1009
991
  width: 0;
1010
- margin-bottom: -0.09062500000000001em;
992
+ margin-bottom: -0.2333333333333334em;
1011
993
  }
1012
994
 
1013
995
  .emotion-10::after {
@@ -1015,17 +997,17 @@ exports[`Article should render tile and sub title 1`] = `
1015
997
  display: block;
1016
998
  height: 0;
1017
999
  width: 0;
1018
- margin-top: -0.275em;
1000
+ margin-top: -0.2958333333333334em;
1019
1001
  }
1020
1002
  }
1021
1003
 
1022
1004
  @media screen and (min-width: 1440px) {
1023
1005
  .emotion-10 {
1024
- font-family: "Source Serif Pro",serif;
1025
- font-size: 36px;
1026
- line-height: 1.1111111111111112;
1027
- font-weight: 600;
1028
- letter-spacing: 0;
1006
+ font-family: "Bitter",serif;
1007
+ font-size: 28px;
1008
+ line-height: 1.1428571428571428;
1009
+ font-weight: 400;
1010
+ letter-spacing: -0.5px;
1029
1011
  }
1030
1012
 
1031
1013
  .emotion-10::before {
@@ -1033,7 +1015,7 @@ exports[`Article should render tile and sub title 1`] = `
1033
1015
  display: block;
1034
1016
  height: 0;
1035
1017
  width: 0;
1036
- margin-bottom: -0.08368055555555559em;
1018
+ margin-bottom: -0.22142857142857142em;
1037
1019
  }
1038
1020
 
1039
1021
  .emotion-10::after {
@@ -1041,7 +1023,7 @@ exports[`Article should render tile and sub title 1`] = `
1041
1023
  display: block;
1042
1024
  height: 0;
1043
1025
  width: 0;
1044
- margin-top: -0.2680555555555556em;
1026
+ margin-top: -0.2839285714285714em;
1045
1027
  }
1046
1028
  }
1047
1029
 
@@ -1049,11 +1031,11 @@ exports[`Article should render tile and sub title 1`] = `
1049
1031
  display: inline;
1050
1032
  font: inherit;
1051
1033
  margin: 0;
1052
- color: #2e2e2e;
1034
+ color: #2E2E2E;
1053
1035
  }
1054
1036
 
1055
1037
  .emotion-11 svg {
1056
- fill: #2e2e2e;
1038
+ fill: #2E2E2E;
1057
1039
  }
1058
1040
 
1059
1041
  @media screen and (max-width: 767px) {
@@ -1144,17 +1126,17 @@ exports[`Article should render tile and sub title 1`] = `
1144
1126
  .emotion-18 {
1145
1127
  margin: 0;
1146
1128
  padding: 1px 0;
1147
- color: #2e2e2e;
1148
- font-family: "Noto Sans",sans-serif;
1129
+ color: #2E2E2E;
1130
+ font-family: "DM Sans",sans-serif;
1149
1131
  font-size: 14px;
1150
1132
  line-height: 1.4285714285714286;
1151
1133
  font-weight: 500;
1152
- letter-spacing: 0;
1134
+ letter-spacing: -0.5px;
1153
1135
  display: inline-block;
1154
1136
  }
1155
1137
 
1156
1138
  .emotion-18 svg {
1157
- fill: #2e2e2e;
1139
+ fill: #2E2E2E;
1158
1140
  }
1159
1141
 
1160
1142
  .emotion-18::before {
@@ -1162,7 +1144,7 @@ exports[`Article should render tile and sub title 1`] = `
1162
1144
  display: block;
1163
1145
  height: 0;
1164
1146
  width: 0;
1165
- margin-bottom: -0.32678571428571435em;
1147
+ margin-bottom: -0.3955357142857143em;
1166
1148
  }
1167
1149
 
1168
1150
  .emotion-18::after {
@@ -1170,7 +1152,7 @@ exports[`Article should render tile and sub title 1`] = `
1170
1152
  display: block;
1171
1153
  height: 0;
1172
1154
  width: 0;
1173
- margin-top: -0.4267857142857143em;
1155
+ margin-top: -0.3955357142857143em;
1174
1156
  }
1175
1157
 
1176
1158
  .emotion-19 {
@@ -1213,11 +1195,11 @@ exports[`Article should render tile and sub title 1`] = `
1213
1195
  .emotion-22 {
1214
1196
  margin: 0;
1215
1197
  padding: 1px 0;
1216
- font-family: "Noto Sans",sans-serif;
1198
+ font-family: "DM Sans",sans-serif;
1217
1199
  font-size: 14px;
1218
1200
  line-height: 1.4285714285714286;
1219
1201
  font-weight: 500;
1220
- letter-spacing: 0;
1202
+ letter-spacing: -0.5px;
1221
1203
  display: inline-block;
1222
1204
  display: block;
1223
1205
  }
@@ -1227,7 +1209,7 @@ exports[`Article should render tile and sub title 1`] = `
1227
1209
  display: block;
1228
1210
  height: 0;
1229
1211
  width: 0;
1230
- margin-bottom: -0.32678571428571435em;
1212
+ margin-bottom: -0.3955357142857143em;
1231
1213
  }
1232
1214
 
1233
1215
  .emotion-22::after {
@@ -1235,14 +1217,14 @@ exports[`Article should render tile and sub title 1`] = `
1235
1217
  display: block;
1236
1218
  height: 0;
1237
1219
  width: 0;
1238
- margin-top: -0.4267857142857143em;
1220
+ margin-top: -0.3955357142857143em;
1239
1221
  }
1240
1222
 
1241
1223
  .emotion-24 {
1242
1224
  display: inline-block;
1243
1225
  vertical-align: middle;
1244
1226
  overflow: hidden;
1245
- fill: #2e2e2e;
1227
+ fill: #2E2E2E;
1246
1228
  vertical-align: unset;
1247
1229
  display: inline-block;
1248
1230
  }
@@ -1255,18 +1237,18 @@ exports[`Article should render tile and sub title 1`] = `
1255
1237
  .emotion-28 {
1256
1238
  margin: 0;
1257
1239
  padding: 1px 0;
1258
- color: #2e2e2e;
1259
- font-family: "Noto Sans",sans-serif;
1260
- font-size: 14px;
1261
- line-height: 1.4285714285714286;
1240
+ color: #2E2E2E;
1241
+ font-family: "DM Sans",sans-serif;
1242
+ font-size: 12px;
1243
+ line-height: 1.6666666666666667;
1262
1244
  font-weight: 400;
1263
- letter-spacing: 0;
1245
+ letter-spacing: -0.5px;
1264
1246
  display: inline-block;
1265
1247
  white-space: pre;
1266
1248
  }
1267
1249
 
1268
1250
  .emotion-28 svg {
1269
- fill: #2e2e2e;
1251
+ fill: #2E2E2E;
1270
1252
  }
1271
1253
 
1272
1254
  .emotion-28::before {
@@ -1274,7 +1256,7 @@ exports[`Article should render tile and sub title 1`] = `
1274
1256
  display: block;
1275
1257
  height: 0;
1276
1258
  width: 0;
1277
- margin-bottom: -0.32678571428571435em;
1259
+ margin-bottom: -0.5145833333333334em;
1278
1260
  }
1279
1261
 
1280
1262
  .emotion-28::after {
@@ -1282,12 +1264,12 @@ exports[`Article should render tile and sub title 1`] = `
1282
1264
  display: block;
1283
1265
  height: 0;
1284
1266
  width: 0;
1285
- margin-top: -0.4267857142857143em;
1267
+ margin-top: -0.5145833333333334em;
1286
1268
  }
1287
1269
 
1288
1270
  .emotion-30 {
1289
1271
  border-style: solid;
1290
- border-color: #e4e4e4;
1272
+ border-color: #DEDEDE;
1291
1273
  border-width: 1px;
1292
1274
  border-width: 0px;
1293
1275
  margin: 0;
@@ -1323,10 +1305,10 @@ exports[`Article should render tile and sub title 1`] = `
1323
1305
  appearance: none;
1324
1306
  background-color: transparent;
1325
1307
  border-style: solid;
1326
- border-color: #0a68c1;
1308
+ border-color: #3358CC;
1327
1309
  border-width: 1px;
1328
1310
  border-radius: 8px;
1329
- color: #0a68c1;
1311
+ color: #3358CC;
1330
1312
  margin: 0;
1331
1313
  transition-property: background-color;
1332
1314
  transition-duration: 200ms;
@@ -1340,26 +1322,26 @@ exports[`Article should render tile and sub title 1`] = `
1340
1322
  }
1341
1323
 
1342
1324
  .emotion-32 svg {
1343
- fill: #0a68c1;
1325
+ fill: #3358CC;
1344
1326
  }
1345
1327
 
1346
1328
  .emotion-32:hover:not(:disabled) {
1347
- background-color: #e6f4ff;
1348
- border-color: #02509b;
1329
+ background-color: #E0E7FF;
1330
+ border-color: #2B4AAB;
1349
1331
  }
1350
1332
 
1351
1333
  .emotion-32:active:not(:disabled) {
1352
- background-color: #d5ebff;
1353
- border-color: #01396e;
1334
+ background-color: #AEBFFF;
1335
+ border-color: #213A82;
1354
1336
  }
1355
1337
 
1356
1338
  .emotion-32:disabled {
1357
- border-color: #e4e4e4;
1358
- color: #c0c0c0;
1339
+ border-color: #F4F4F4;
1340
+ color: #C0C0C0;
1359
1341
  }
1360
1342
 
1361
1343
  .emotion-32:disabled svg {
1362
- fill: #c0c0c0;
1344
+ fill: #C0C0C0;
1363
1345
  }
1364
1346
 
1365
1347
  .emotion-33 {
@@ -1396,17 +1378,17 @@ exports[`Article should render tile and sub title 1`] = `
1396
1378
  display: inline-block;
1397
1379
  vertical-align: middle;
1398
1380
  overflow: hidden;
1399
- fill: #2e2e2e;
1381
+ fill: #2E2E2E;
1400
1382
  vertical-align: unset;
1401
1383
  display: inline-block;
1402
1384
  }
1403
1385
 
1404
1386
  .emotion-38 {
1405
- font-family: "Noto Sans",sans-serif;
1387
+ font-family: "Poppins",sans-serif;
1406
1388
  font-size: 12px;
1407
1389
  line-height: 1.6666666666666667;
1408
1390
  font-weight: 500;
1409
- letter-spacing: 0;
1391
+ letter-spacing: -0.5px;
1410
1392
  }
1411
1393
 
1412
1394
  .emotion-38::before {
@@ -1414,7 +1396,7 @@ exports[`Article should render tile and sub title 1`] = `
1414
1396
  display: block;
1415
1397
  height: 0;
1416
1398
  width: 0;
1417
- margin-bottom: -0.4458333333333334em;
1399
+ margin-bottom: -0.5145833333333334em;
1418
1400
  }
1419
1401
 
1420
1402
  .emotion-38::after {
@@ -1422,7 +1404,7 @@ exports[`Article should render tile and sub title 1`] = `
1422
1404
  display: block;
1423
1405
  height: 0;
1424
1406
  width: 0;
1425
- margin-top: -0.5458333333333334em;
1407
+ margin-top: -0.5145833333333334em;
1426
1408
  }
1427
1409
 
1428
1410
  @media screen {
@@ -1510,12 +1492,12 @@ exports[`Article should render tile and sub title 1`] = `
1510
1492
  }
1511
1493
 
1512
1494
  .emotion-57 {
1513
- font-family: "Noto Sans",sans-serif;
1495
+ font-family: "Poppins",sans-serif;
1514
1496
  font-size: 14px;
1515
1497
  line-height: 1.4285714285714286;
1516
1498
  font-weight: 500;
1517
- letter-spacing: 0;
1518
- color: #2e2e2e;
1499
+ letter-spacing: -0.5px;
1500
+ color: #2E2E2E;
1519
1501
  margin-right: 24px;
1520
1502
  }
1521
1503
 
@@ -1524,7 +1506,7 @@ exports[`Article should render tile and sub title 1`] = `
1524
1506
  display: block;
1525
1507
  height: 0;
1526
1508
  width: 0;
1527
- margin-bottom: -0.32678571428571435em;
1509
+ margin-bottom: -0.3955357142857143em;
1528
1510
  }
1529
1511
 
1530
1512
  .emotion-57::after {
@@ -1532,11 +1514,11 @@ exports[`Article should render tile and sub title 1`] = `
1532
1514
  display: block;
1533
1515
  height: 0;
1534
1516
  width: 0;
1535
- margin-top: -0.4267857142857143em;
1517
+ margin-top: -0.3955357142857143em;
1536
1518
  }
1537
1519
 
1538
1520
  .emotion-57 svg {
1539
- fill: #2e2e2e;
1521
+ fill: #2E2E2E;
1540
1522
  }
1541
1523
 
1542
1524
  .emotion-58 {
@@ -1573,8 +1555,8 @@ exports[`Article should render tile and sub title 1`] = `
1573
1555
  display: inline-block;
1574
1556
  vertical-align: middle;
1575
1557
  overflow: hidden;
1576
- color: #0a68c1;
1577
- fill: #0a68c1;
1558
+ color: #3358CC;
1559
+ fill: #3358CC;
1578
1560
  vertical-align: unset;
1579
1561
  display: inline-block;
1580
1562
  }
@@ -1582,13 +1564,13 @@ exports[`Article should render tile and sub title 1`] = `
1582
1564
  .emotion-60.emotion-60 {
1583
1565
  width: 24px;
1584
1566
  height: 24px;
1585
- color: #0a68c1;
1586
- fill: #0a68c1;
1567
+ color: #3358CC;
1568
+ fill: #3358CC;
1587
1569
  }
1588
1570
 
1589
1571
  .emotion-63 {
1590
- color: #0a68c1;
1591
- fill: #0a68c1;
1572
+ color: #3358CC;
1573
+ fill: #3358CC;
1592
1574
  vertical-align: unset;
1593
1575
  display: inline-block;
1594
1576
  }
@@ -1596,8 +1578,8 @@ exports[`Article should render tile and sub title 1`] = `
1596
1578
  .emotion-63.emotion-63 {
1597
1579
  width: 24px;
1598
1580
  height: 24px;
1599
- color: #0a68c1;
1600
- fill: #0a68c1;
1581
+ color: #3358CC;
1582
+ fill: #3358CC;
1601
1583
  }
1602
1584
 
1603
1585
  @media screen and (max-width: 1023px) {
@@ -1617,24 +1599,21 @@ exports[`Article should render tile and sub title 1`] = `
1617
1599
  }
1618
1600
 
1619
1601
  .emotion-71 {
1620
- width: 100%;
1621
- }
1622
-
1623
- .emotion-72 {
1624
1602
  position: relative;
1625
1603
  width: 100%;
1626
1604
  display: block;
1627
1605
  padding-top: 0;
1628
1606
  height: 0;
1607
+ width: 100%;
1629
1608
  border-radius: 0;
1630
- background-color: #fafafa;
1609
+ background-color: #F4F4F4;
1631
1610
  }
1632
1611
 
1633
- .emotion-72 svg {
1634
- fill: #c0c0c0;
1612
+ .emotion-71 svg {
1613
+ fill: #C0C0C0;
1635
1614
  }
1636
1615
 
1637
- .emotion-73 {
1616
+ .emotion-72 {
1638
1617
  top: 0;
1639
1618
  left: 0;
1640
1619
  position: absolute;
@@ -1654,7 +1633,7 @@ exports[`Article should render tile and sub title 1`] = `
1654
1633
  margin: 0;
1655
1634
  }
1656
1635
 
1657
- .emotion-74 {
1636
+ .emotion-73 {
1658
1637
  opacity: 0;
1659
1638
  display: block;
1660
1639
  border-radius: inherit;
@@ -1666,128 +1645,128 @@ exports[`Article should render tile and sub title 1`] = `
1666
1645
  }
1667
1646
 
1668
1647
  @media screen and (max-width: 767px) {
1669
- .emotion-75 {
1648
+ .emotion-74 {
1670
1649
  margin-bottom: 32px;
1671
1650
  }
1672
1651
  }
1673
1652
 
1674
1653
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1675
- .emotion-75 {
1654
+ .emotion-74 {
1676
1655
  margin-bottom: 48px;
1677
1656
  }
1678
1657
  }
1679
1658
 
1680
1659
  @media screen and (min-width: 1024px) {
1681
- .emotion-75 {
1660
+ .emotion-74 {
1682
1661
  margin-bottom: 80px;
1683
1662
  }
1684
1663
  }
1685
1664
 
1686
1665
  @media screen and (max-width: 1023px) {
1687
- .emotion-76 {
1666
+ .emotion-75 {
1688
1667
  margin-bottom: 24px;
1689
1668
  }
1690
1669
  }
1691
1670
 
1692
1671
  @media screen and (min-width: 1024px) {
1693
- .emotion-76 {
1672
+ .emotion-75 {
1694
1673
  margin-bottom: 40px;
1695
1674
  }
1696
1675
  }
1697
1676
 
1698
- .emotion-77 {
1677
+ .emotion-76 {
1699
1678
  margin: 0;
1700
1679
  padding: 1px 0;
1701
- color: #0a0a0a;
1680
+ color: #0A0A0A;
1702
1681
  }
1703
1682
 
1704
- .emotion-77 svg {
1705
- fill: #0a0a0a;
1683
+ .emotion-76 svg {
1684
+ fill: #0A0A0A;
1706
1685
  }
1707
1686
 
1708
1687
  @media screen and (max-width: 767px) {
1709
- .emotion-77 {
1710
- font-family: "Noto Sans",sans-serif;
1688
+ .emotion-76 {
1689
+ font-family: "DM Sans",sans-serif;
1711
1690
  font-size: 14px;
1712
1691
  line-height: 1.4285714285714286;
1713
1692
  font-weight: 400;
1714
- letter-spacing: 0;
1693
+ letter-spacing: -0.5px;
1715
1694
  }
1716
1695
 
1717
- .emotion-77::before {
1696
+ .emotion-76::before {
1718
1697
  content: '';
1719
1698
  display: block;
1720
1699
  height: 0;
1721
1700
  width: 0;
1722
- margin-bottom: -0.32678571428571435em;
1701
+ margin-bottom: -0.3955357142857143em;
1723
1702
  }
1724
1703
 
1725
- .emotion-77::after {
1704
+ .emotion-76::after {
1726
1705
  content: '';
1727
1706
  display: block;
1728
1707
  height: 0;
1729
1708
  width: 0;
1730
- margin-top: -0.4267857142857143em;
1709
+ margin-top: -0.3955357142857143em;
1731
1710
  }
1732
1711
  }
1733
1712
 
1734
1713
  @media screen and (min-width: 768px) and (max-width: 1439px) {
1735
- .emotion-77 {
1736
- font-family: "Noto Sans",sans-serif;
1714
+ .emotion-76 {
1715
+ font-family: "DM Sans",sans-serif;
1737
1716
  font-size: 16px;
1738
1717
  line-height: 1.5;
1739
1718
  font-weight: 400;
1740
- letter-spacing: 0;
1719
+ letter-spacing: -0.5px;
1741
1720
  }
1742
1721
 
1743
- .emotion-77::before {
1722
+ .emotion-76::before {
1744
1723
  content: '';
1745
1724
  display: block;
1746
1725
  height: 0;
1747
1726
  width: 0;
1748
- margin-bottom: -0.36250000000000004em;
1727
+ margin-bottom: -0.43125em;
1749
1728
  }
1750
1729
 
1751
- .emotion-77::after {
1730
+ .emotion-76::after {
1752
1731
  content: '';
1753
1732
  display: block;
1754
1733
  height: 0;
1755
1734
  width: 0;
1756
- margin-top: -0.4625em;
1735
+ margin-top: -0.43125em;
1757
1736
  }
1758
1737
  }
1759
1738
 
1760
1739
  @media screen and (min-width: 1440px) {
1761
- .emotion-77 {
1762
- font-family: "Noto Sans",sans-serif;
1740
+ .emotion-76 {
1741
+ font-family: "DM Sans",sans-serif;
1763
1742
  font-size: 18px;
1764
1743
  line-height: 1.5555555555555556;
1765
1744
  font-weight: 400;
1766
- letter-spacing: 0;
1745
+ letter-spacing: -0.5px;
1767
1746
  }
1768
1747
 
1769
- .emotion-77::before {
1748
+ .emotion-76::before {
1770
1749
  content: '';
1771
1750
  display: block;
1772
1751
  height: 0;
1773
1752
  width: 0;
1774
- margin-bottom: -0.39027777777777783em;
1753
+ margin-bottom: -0.4590277777777778em;
1775
1754
  }
1776
1755
 
1777
- .emotion-77::after {
1756
+ .emotion-76::after {
1778
1757
  content: '';
1779
1758
  display: block;
1780
1759
  height: 0;
1781
1760
  width: 0;
1782
- margin-top: -0.4902777777777778em;
1761
+ margin-top: -0.4590277777777778em;
1783
1762
  }
1784
1763
  }
1785
1764
 
1786
- .emotion-87 {
1765
+ .emotion-86 {
1787
1766
  margin-bottom: 80px;
1788
1767
  }
1789
1768
 
1790
- .emotion-99 {
1769
+ .emotion-98 {
1791
1770
  display: -webkit-box;
1792
1771
  display: -webkit-flex;
1793
1772
  display: -ms-flexbox;
@@ -1815,7 +1794,7 @@ exports[`Article should render tile and sub title 1`] = `
1815
1794
  margin-right: calc(-32px/2);
1816
1795
  }
1817
1796
 
1818
- .emotion-100 {
1797
+ .emotion-99 {
1819
1798
  display: -webkit-inline-box;
1820
1799
  display: -webkit-inline-flex;
1821
1800
  display: -ms-inline-flexbox;
@@ -1824,28 +1803,28 @@ exports[`Article should render tile and sub title 1`] = `
1824
1803
  margin-right: calc(32px/2);
1825
1804
  }
1826
1805
 
1827
- .emotion-116 {
1806
+ .emotion-115 {
1828
1807
  padding: 1px 0px;
1829
1808
  }
1830
1809
 
1831
1810
  @media screen and (max-width: 767px) {
1832
- .emotion-116 {
1833
- font-family: "Source Serif Pro",serif;
1811
+ .emotion-115 {
1812
+ font-family: "Bitter",serif;
1834
1813
  font-size: 20px;
1835
1814
  line-height: 1.2;
1836
- font-weight: 600;
1837
- letter-spacing: 0;
1815
+ font-weight: 500;
1816
+ letter-spacing: -0.5px;
1838
1817
  }
1839
1818
 
1840
- .emotion-116::before {
1819
+ .emotion-115::before {
1841
1820
  content: '';
1842
1821
  display: block;
1843
1822
  height: 0;
1844
1823
  width: 0;
1845
- margin-bottom: -0.128125em;
1824
+ margin-bottom: -0.25em;
1846
1825
  }
1847
1826
 
1848
- .emotion-116::after {
1827
+ .emotion-115::after {
1849
1828
  content: '';
1850
1829
  display: block;
1851
1830
  height: 0;
@@ -1855,62 +1834,62 @@ exports[`Article should render tile and sub title 1`] = `
1855
1834
  }
1856
1835
 
1857
1836
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1858
- .emotion-116 {
1859
- font-family: "Source Serif Pro",serif;
1860
- font-size: 24px;
1861
- line-height: 1.1666666666666667;
1862
- font-weight: 600;
1863
- letter-spacing: 0;
1837
+ .emotion-115 {
1838
+ font-family: "Bitter",serif;
1839
+ font-size: 22px;
1840
+ line-height: 1.0909090909090908;
1841
+ font-weight: 500;
1842
+ letter-spacing: -0.5px;
1864
1843
  }
1865
1844
 
1866
- .emotion-116::before {
1845
+ .emotion-115::before {
1867
1846
  content: '';
1868
1847
  display: block;
1869
1848
  height: 0;
1870
1849
  width: 0;
1871
- margin-bottom: -0.11145833333333338em;
1850
+ margin-bottom: -0.19545454545454544em;
1872
1851
  }
1873
1852
 
1874
- .emotion-116::after {
1853
+ .emotion-115::after {
1875
1854
  content: '';
1876
1855
  display: block;
1877
1856
  height: 0;
1878
1857
  width: 0;
1879
- margin-top: -0.2958333333333334em;
1858
+ margin-top: -0.25795454545454544em;
1880
1859
  }
1881
1860
  }
1882
1861
 
1883
1862
  @media screen and (min-width: 1024px) {
1884
- .emotion-116 {
1885
- font-family: "Source Serif Pro",serif;
1886
- font-size: 28px;
1887
- line-height: 1.1428571428571428;
1888
- font-weight: 600;
1889
- letter-spacing: 0;
1863
+ .emotion-115 {
1864
+ font-family: "Bitter",serif;
1865
+ font-size: 24px;
1866
+ line-height: 1.1666666666666667;
1867
+ font-weight: 500;
1868
+ letter-spacing: -0.5px;
1890
1869
  }
1891
1870
 
1892
- .emotion-116::before {
1871
+ .emotion-115::before {
1893
1872
  content: '';
1894
1873
  display: block;
1895
1874
  height: 0;
1896
1875
  width: 0;
1897
- margin-bottom: -0.09955357142857141em;
1876
+ margin-bottom: -0.2333333333333334em;
1898
1877
  }
1899
1878
 
1900
- .emotion-116::after {
1879
+ .emotion-115::after {
1901
1880
  content: '';
1902
1881
  display: block;
1903
1882
  height: 0;
1904
1883
  width: 0;
1905
- margin-top: -0.2839285714285714em;
1884
+ margin-top: -0.2958333333333334em;
1906
1885
  }
1907
1886
  }
1908
1887
 
1909
- .emotion-118 {
1888
+ .emotion-117 {
1910
1889
  margin-bottom: 32px;
1911
1890
  }
1912
1891
 
1913
- .emotion-119 {
1892
+ .emotion-118 {
1914
1893
  display: -webkit-box;
1915
1894
  display: -webkit-flex;
1916
1895
  display: -ms-flexbox;
@@ -1938,7 +1917,7 @@ exports[`Article should render tile and sub title 1`] = `
1938
1917
  margin-right: calc(-16px/2);
1939
1918
  }
1940
1919
 
1941
- .emotion-120 {
1920
+ .emotion-119 {
1942
1921
  display: -webkit-inline-box;
1943
1922
  display: -webkit-inline-flex;
1944
1923
  display: -ms-inline-flexbox;
@@ -1947,11 +1926,11 @@ exports[`Article should render tile and sub title 1`] = `
1947
1926
  margin-right: calc(16px/2);
1948
1927
  }
1949
1928
 
1950
- .emotion-121 {
1929
+ .emotion-120 {
1951
1930
  margin-bottom: 16px;
1952
1931
  }
1953
1932
 
1954
- .emotion-122 {
1933
+ .emotion-121 {
1955
1934
  box-sizing: border-box;
1956
1935
  display: -webkit-inline-box;
1957
1936
  display: -webkit-inline-flex;
@@ -1980,28 +1959,28 @@ exports[`Article should render tile and sub title 1`] = `
1980
1959
  border-style: solid;
1981
1960
  border-color: #535353;
1982
1961
  border-width: 1px;
1983
- color: #2e2e2e;
1962
+ color: #2E2E2E;
1984
1963
  border-radius: 0;
1985
1964
  }
1986
1965
 
1987
- .emotion-122 svg {
1966
+ .emotion-121 svg {
1988
1967
  width: 16px;
1989
1968
  height: 16px;
1990
1969
  }
1991
1970
 
1992
- .emotion-122 svg {
1993
- fill: #2e2e2e;
1971
+ .emotion-121 svg {
1972
+ fill: #2E2E2E;
1994
1973
  }
1995
1974
 
1996
- .emotion-122:hover:not(:disabled) {
1997
- background-color: #f0f0f0;
1975
+ .emotion-121:hover:not(:disabled) {
1976
+ background-color: #F4F4F4;
1998
1977
  }
1999
1978
 
2000
- .emotion-122:active:not(:disabled) {
1979
+ .emotion-121:active:not(:disabled) {
2001
1980
  border-width: 1px;
2002
1981
  }
2003
1982
 
2004
- .emotion-123 {
1983
+ .emotion-122 {
2005
1984
  display: -webkit-box;
2006
1985
  display: -webkit-flex;
2007
1986
  display: -ms-flexbox;
@@ -2023,84 +2002,84 @@ exports[`Article should render tile and sub title 1`] = `
2023
2002
  }
2024
2003
 
2025
2004
  @media screen and (max-width: 767px) {
2026
- .emotion-125 {
2027
- font-family: "Noto Sans",sans-serif;
2005
+ .emotion-124 {
2006
+ font-family: "Poppins",sans-serif;
2028
2007
  font-size: 12px;
2029
2008
  line-height: 1.6666666666666667;
2030
2009
  font-weight: 500;
2031
- letter-spacing: 0;
2010
+ letter-spacing: -0.5px;
2032
2011
  }
2033
2012
 
2034
- .emotion-125::before {
2013
+ .emotion-124::before {
2035
2014
  content: '';
2036
2015
  display: block;
2037
2016
  height: 0;
2038
2017
  width: 0;
2039
- margin-bottom: -0.4458333333333334em;
2018
+ margin-bottom: -0.5145833333333334em;
2040
2019
  }
2041
2020
 
2042
- .emotion-125::after {
2021
+ .emotion-124::after {
2043
2022
  content: '';
2044
2023
  display: block;
2045
2024
  height: 0;
2046
2025
  width: 0;
2047
- margin-top: -0.5458333333333334em;
2026
+ margin-top: -0.5145833333333334em;
2048
2027
  }
2049
2028
  }
2050
2029
 
2051
2030
  @media screen and (min-width: 768px) and (max-width: 1439px) {
2052
- .emotion-125 {
2053
- font-family: "Noto Sans",sans-serif;
2031
+ .emotion-124 {
2032
+ font-family: "Poppins",sans-serif;
2054
2033
  font-size: 14px;
2055
2034
  line-height: 1.4285714285714286;
2056
2035
  font-weight: 500;
2057
- letter-spacing: 0;
2036
+ letter-spacing: -0.5px;
2058
2037
  }
2059
2038
 
2060
- .emotion-125::before {
2039
+ .emotion-124::before {
2061
2040
  content: '';
2062
2041
  display: block;
2063
2042
  height: 0;
2064
2043
  width: 0;
2065
- margin-bottom: -0.32678571428571435em;
2044
+ margin-bottom: -0.3955357142857143em;
2066
2045
  }
2067
2046
 
2068
- .emotion-125::after {
2047
+ .emotion-124::after {
2069
2048
  content: '';
2070
2049
  display: block;
2071
2050
  height: 0;
2072
2051
  width: 0;
2073
- margin-top: -0.4267857142857143em;
2052
+ margin-top: -0.3955357142857143em;
2074
2053
  }
2075
2054
  }
2076
2055
 
2077
2056
  @media screen and (min-width: 1440px) {
2078
- .emotion-125 {
2079
- font-family: "Noto Sans",sans-serif;
2057
+ .emotion-124 {
2058
+ font-family: "Poppins",sans-serif;
2080
2059
  font-size: 16px;
2081
2060
  line-height: 1.5;
2082
2061
  font-weight: 500;
2083
- letter-spacing: 0;
2062
+ letter-spacing: -0.5px;
2084
2063
  }
2085
2064
 
2086
- .emotion-125::before {
2065
+ .emotion-124::before {
2087
2066
  content: '';
2088
2067
  display: block;
2089
2068
  height: 0;
2090
2069
  width: 0;
2091
- margin-bottom: -0.36250000000000004em;
2070
+ margin-bottom: -0.43125em;
2092
2071
  }
2093
2072
 
2094
- .emotion-125::after {
2073
+ .emotion-124::after {
2095
2074
  content: '';
2096
2075
  display: block;
2097
2076
  height: 0;
2098
2077
  width: 0;
2099
- margin-top: -0.4625em;
2078
+ margin-top: -0.43125em;
2100
2079
  }
2101
2080
  }
2102
2081
 
2103
- .emotion-134 {
2082
+ .emotion-133 {
2104
2083
  box-sizing: border-box;
2105
2084
  -webkit-background-clip: padding-box;
2106
2085
  background-clip: padding-box;
@@ -2110,7 +2089,7 @@ exports[`Article should render tile and sub title 1`] = `
2110
2089
  }
2111
2090
 
2112
2091
  @media screen {
2113
- .emotion-134 {
2092
+ .emotion-133 {
2114
2093
  padding: 0 8px;
2115
2094
  -webkit-flex-basis: 100%;
2116
2095
  -ms-flex-preferred-size: 100%;
@@ -2120,7 +2099,7 @@ exports[`Article should render tile and sub title 1`] = `
2120
2099
  }
2121
2100
 
2122
2101
  @media screen and (min-width: 1024px) {
2123
- .emotion-134 {
2102
+ .emotion-133 {
2124
2103
  margin-left: 8.333333333333334%;
2125
2104
  -webkit-flex-basis: 25%;
2126
2105
  -ms-flex-preferred-size: 25%;
@@ -2129,23 +2108,23 @@ exports[`Article should render tile and sub title 1`] = `
2129
2108
  }
2130
2109
  }
2131
2110
 
2132
- .emotion-135 {
2111
+ .emotion-134 {
2133
2112
  padding: 8px 12px;
2134
2113
  }
2135
2114
 
2136
2115
  @media screen and (max-width: 1023px) {
2137
- .emotion-135 {
2116
+ .emotion-134 {
2138
2117
  margin-bottom: 40px;
2139
2118
  }
2140
2119
  }
2141
2120
 
2142
2121
  @media screen and (min-width: 1024px) {
2143
- .emotion-135 {
2122
+ .emotion-134 {
2144
2123
  margin-bottom: 24px;
2145
2124
  }
2146
2125
  }
2147
2126
 
2148
- .emotion-136 {
2127
+ .emotion-135 {
2149
2128
  height: 250px;
2150
2129
  max-width: 300px;
2151
2130
  width: 100%;
@@ -2153,122 +2132,122 @@ exports[`Article should render tile and sub title 1`] = `
2153
2132
  }
2154
2133
 
2155
2134
  @media screen {
2156
- .emotion-139 {
2135
+ .emotion-138 {
2157
2136
  display: block;
2158
2137
  }
2159
2138
  }
2160
2139
 
2161
2140
  @media screen and (min-width: 480px) {
2162
- .emotion-139 {
2141
+ .emotion-138 {
2163
2142
  display: none;
2164
2143
  }
2165
2144
  }
2166
2145
 
2167
2146
  @media screen and (min-width: 768px) {
2168
- .emotion-139 {
2147
+ .emotion-138 {
2169
2148
  display: none;
2170
2149
  }
2171
2150
  }
2172
2151
 
2173
2152
  @media screen and (min-width: 1024px) {
2174
- .emotion-139 {
2153
+ .emotion-138 {
2175
2154
  display: block;
2176
2155
  }
2177
2156
  }
2178
2157
 
2179
2158
  @media screen and (min-width: 1440px) {
2180
- .emotion-139 {
2159
+ .emotion-138 {
2181
2160
  display: block;
2182
2161
  }
2183
2162
  }
2184
2163
 
2185
- .emotion-140 {
2164
+ .emotion-139 {
2186
2165
  padding: 1px 0px;
2187
2166
  }
2188
2167
 
2189
2168
  @media screen and (max-width: 1439px) {
2190
- .emotion-140 {
2191
- font-family: "Source Serif Pro",serif;
2192
- font-size: 28px;
2193
- line-height: 1.1428571428571428;
2194
- font-weight: 600;
2195
- letter-spacing: 0;
2169
+ .emotion-139 {
2170
+ font-family: "Bitter",serif;
2171
+ font-size: 24px;
2172
+ line-height: 1.1666666666666667;
2173
+ font-weight: 500;
2174
+ letter-spacing: -0.5px;
2196
2175
  }
2197
2176
 
2198
- .emotion-140::before {
2177
+ .emotion-139::before {
2199
2178
  content: '';
2200
2179
  display: block;
2201
2180
  height: 0;
2202
2181
  width: 0;
2203
- margin-bottom: -0.09955357142857141em;
2182
+ margin-bottom: -0.2333333333333334em;
2204
2183
  }
2205
2184
 
2206
- .emotion-140::after {
2185
+ .emotion-139::after {
2207
2186
  content: '';
2208
2187
  display: block;
2209
2188
  height: 0;
2210
2189
  width: 0;
2211
- margin-top: -0.2839285714285714em;
2190
+ margin-top: -0.2958333333333334em;
2212
2191
  }
2213
2192
  }
2214
2193
 
2215
2194
  @media screen and (min-width: 1440px) {
2216
- .emotion-140 {
2217
- font-family: "Source Serif Pro",serif;
2218
- font-size: 32px;
2219
- line-height: 1.125;
2220
- font-weight: 600;
2221
- letter-spacing: 0;
2195
+ .emotion-139 {
2196
+ font-family: "Bitter",serif;
2197
+ font-size: 28px;
2198
+ line-height: 1.1428571428571428;
2199
+ font-weight: 500;
2200
+ letter-spacing: -0.5px;
2222
2201
  }
2223
2202
 
2224
- .emotion-140::before {
2203
+ .emotion-139::before {
2225
2204
  content: '';
2226
2205
  display: block;
2227
2206
  height: 0;
2228
2207
  width: 0;
2229
- margin-bottom: -0.09062500000000001em;
2208
+ margin-bottom: -0.22142857142857142em;
2230
2209
  }
2231
2210
 
2232
- .emotion-140::after {
2211
+ .emotion-139::after {
2233
2212
  content: '';
2234
2213
  display: block;
2235
2214
  height: 0;
2236
2215
  width: 0;
2237
- margin-top: -0.275em;
2216
+ margin-top: -0.2839285714285714em;
2238
2217
  }
2239
2218
  }
2240
2219
 
2241
2220
  @media screen {
2242
- .emotion-142 {
2221
+ .emotion-141 {
2243
2222
  display: none;
2244
2223
  }
2245
2224
  }
2246
2225
 
2247
2226
  @media screen and (min-width: 480px) {
2248
- .emotion-142 {
2227
+ .emotion-141 {
2249
2228
  display: block;
2250
2229
  }
2251
2230
  }
2252
2231
 
2253
2232
  @media screen and (min-width: 768px) {
2254
- .emotion-142 {
2233
+ .emotion-141 {
2255
2234
  display: block;
2256
2235
  }
2257
2236
  }
2258
2237
 
2259
2238
  @media screen and (min-width: 1024px) {
2260
- .emotion-142 {
2239
+ .emotion-141 {
2261
2240
  display: none;
2262
2241
  }
2263
2242
  }
2264
2243
 
2265
2244
  @media screen and (min-width: 1440px) {
2266
- .emotion-142 {
2245
+ .emotion-141 {
2267
2246
  display: none;
2268
2247
  }
2269
2248
  }
2270
2249
 
2271
- .emotion-143 {
2250
+ .emotion-142 {
2272
2251
  display: -webkit-box;
2273
2252
  display: -webkit-flex;
2274
2253
  display: -ms-flexbox;
@@ -2288,46 +2267,46 @@ exports[`Article should render tile and sub title 1`] = `
2288
2267
  }
2289
2268
 
2290
2269
  @media screen {
2291
- .emotion-143 {
2270
+ .emotion-142 {
2292
2271
  padding: 0;
2293
2272
  }
2294
2273
  }
2295
2274
 
2296
- .emotion-144 {
2275
+ .emotion-143 {
2297
2276
  margin-right: 16px;
2298
2277
  }
2299
2278
 
2300
2279
  @media screen {
2301
- .emotion-147 {
2280
+ .emotion-146 {
2302
2281
  display: none;
2303
2282
  }
2304
2283
  }
2305
2284
 
2306
2285
  @media screen and (min-width: 480px) {
2307
- .emotion-147 {
2286
+ .emotion-146 {
2308
2287
  display: block;
2309
2288
  }
2310
2289
  }
2311
2290
 
2312
2291
  @media screen and (min-width: 768px) {
2313
- .emotion-147 {
2292
+ .emotion-146 {
2314
2293
  display: block;
2315
2294
  }
2316
2295
  }
2317
2296
 
2318
2297
  @media screen and (min-width: 1024px) {
2319
- .emotion-147 {
2298
+ .emotion-146 {
2320
2299
  display: block;
2321
2300
  }
2322
2301
  }
2323
2302
 
2324
2303
  @media screen and (min-width: 1440px) {
2325
- .emotion-147 {
2304
+ .emotion-146 {
2326
2305
  display: block;
2327
2306
  }
2328
2307
  }
2329
2308
 
2330
- .emotion-148 {
2309
+ .emotion-147 {
2331
2310
  box-sizing: border-box;
2332
2311
  display: -webkit-inline-box;
2333
2312
  display: -webkit-inline-flex;
@@ -2353,7 +2332,7 @@ exports[`Article should render tile and sub title 1`] = `
2353
2332
  -moz-appearance: none;
2354
2333
  -ms-appearance: none;
2355
2334
  appearance: none;
2356
- color: #0a68c1;
2335
+ color: #3358CC;
2357
2336
  margin: 0;
2358
2337
  transition-property: background-color;
2359
2338
  transition-duration: 200ms;
@@ -2361,54 +2340,54 @@ exports[`Article should render tile and sub title 1`] = `
2361
2340
  cursor: pointer;
2362
2341
  }
2363
2342
 
2364
- .emotion-148 svg {
2343
+ .emotion-147 svg {
2365
2344
  width: 24px;
2366
2345
  height: 24px;
2367
2346
  }
2368
2347
 
2369
- .emotion-148 svg {
2370
- fill: #0a68c1;
2348
+ .emotion-147 svg {
2349
+ fill: #3358CC;
2371
2350
  }
2372
2351
 
2373
- .emotion-151 {
2374
- font-family: "Noto Sans",sans-serif;
2352
+ .emotion-150 {
2353
+ font-family: "Poppins",sans-serif;
2375
2354
  font-size: 14px;
2376
2355
  line-height: 1.4285714285714286;
2377
2356
  font-weight: 500;
2378
- letter-spacing: 0;
2357
+ letter-spacing: -0.5px;
2379
2358
  }
2380
2359
 
2381
- .emotion-151::before {
2360
+ .emotion-150::before {
2382
2361
  content: '';
2383
2362
  display: block;
2384
2363
  height: 0;
2385
2364
  width: 0;
2386
- margin-bottom: -0.32678571428571435em;
2365
+ margin-bottom: -0.3955357142857143em;
2387
2366
  }
2388
2367
 
2389
- .emotion-151::after {
2368
+ .emotion-150::after {
2390
2369
  content: '';
2391
2370
  display: block;
2392
2371
  height: 0;
2393
2372
  width: 0;
2394
- margin-top: -0.4267857142857143em;
2373
+ margin-top: -0.3955357142857143em;
2395
2374
  }
2396
2375
 
2397
- .emotion-153 {
2376
+ .emotion-152 {
2398
2377
  display: inline-block;
2399
2378
  vertical-align: middle;
2400
2379
  overflow: hidden;
2401
- fill: #2e2e2e;
2380
+ fill: #2E2E2E;
2402
2381
  vertical-align: unset;
2403
2382
  display: inline-block;
2404
2383
  }
2405
2384
 
2406
- .emotion-153.emotion-153 {
2385
+ .emotion-152.emotion-152 {
2407
2386
  width: 24px;
2408
2387
  height: 24px;
2409
2388
  }
2410
2389
 
2411
- .emotion-157 {
2390
+ .emotion-156 {
2412
2391
  box-sizing: border-box;
2413
2392
  -webkit-background-clip: padding-box;
2414
2393
  background-clip: padding-box;
@@ -2426,36 +2405,36 @@ exports[`Article should render tile and sub title 1`] = `
2426
2405
  }
2427
2406
 
2428
2407
  @media screen {
2429
- .emotion-157 {
2408
+ .emotion-156 {
2430
2409
  margin: -16px -8px 0 -8px;
2431
2410
  }
2432
2411
  }
2433
2412
 
2434
2413
  @media screen and (min-width: 480px) {
2435
- .emotion-157 {
2414
+ .emotion-156 {
2436
2415
  margin: -16px -8px 0 -8px;
2437
2416
  }
2438
2417
  }
2439
2418
 
2440
2419
  @media screen and (min-width: 768px) {
2441
- .emotion-157 {
2420
+ .emotion-156 {
2442
2421
  margin: -16px -8px 0 -8px;
2443
2422
  }
2444
2423
  }
2445
2424
 
2446
2425
  @media screen and (min-width: 1024px) {
2447
- .emotion-157 {
2426
+ .emotion-156 {
2448
2427
  margin: -24px -12px 0 -12px;
2449
2428
  }
2450
2429
  }
2451
2430
 
2452
2431
  @media screen and (min-width: 1440px) {
2453
- .emotion-157 {
2432
+ .emotion-156 {
2454
2433
  margin: -24px -12px 0 -12px;
2455
2434
  }
2456
2435
  }
2457
2436
 
2458
- .emotion-158 {
2437
+ .emotion-157 {
2459
2438
  box-sizing: border-box;
2460
2439
  -webkit-background-clip: padding-box;
2461
2440
  background-clip: padding-box;
@@ -2465,7 +2444,7 @@ exports[`Article should render tile and sub title 1`] = `
2465
2444
  }
2466
2445
 
2467
2446
  @media screen {
2468
- .emotion-158 {
2447
+ .emotion-157 {
2469
2448
  padding: 0 8px;
2470
2449
  margin-top: 16px;
2471
2450
  -webkit-flex-basis: 100%;
@@ -2476,7 +2455,7 @@ exports[`Article should render tile and sub title 1`] = `
2476
2455
  }
2477
2456
 
2478
2457
  @media screen and (min-width: 480px) {
2479
- .emotion-158 {
2458
+ .emotion-157 {
2480
2459
  -webkit-flex-basis: 50%;
2481
2460
  -ms-flex-preferred-size: 50%;
2482
2461
  flex-basis: 50%;
@@ -2485,7 +2464,7 @@ exports[`Article should render tile and sub title 1`] = `
2485
2464
  }
2486
2465
 
2487
2466
  @media screen and (min-width: 1024px) {
2488
- .emotion-158 {
2467
+ .emotion-157 {
2489
2468
  padding: 0 12px;
2490
2469
  margin-top: 24px;
2491
2470
  -webkit-flex-basis: 100%;
@@ -2495,11 +2474,11 @@ exports[`Article should render tile and sub title 1`] = `
2495
2474
  }
2496
2475
  }
2497
2476
 
2498
- .emotion-160 {
2477
+ .emotion-159 {
2499
2478
  box-sizing: border-box;
2500
2479
  overflow: hidden;
2501
- color: #2e2e2e;
2502
- background-color: #ffffff;
2480
+ color: #2E2E2E;
2481
+ background-color: #FFFFFF;
2503
2482
  position: relative;
2504
2483
  display: -webkit-box;
2505
2484
  display: -webkit-flex;
@@ -2510,7 +2489,7 @@ exports[`Article should render tile and sub title 1`] = `
2510
2489
  flex-direction: rowfalse;
2511
2490
  }
2512
2491
 
2513
- .emotion-161 {
2492
+ .emotion-160 {
2514
2493
  box-sizing: border-box;
2515
2494
  display: block;
2516
2495
  position: relative;
@@ -2520,25 +2499,22 @@ exports[`Article should render tile and sub title 1`] = `
2520
2499
  margin-right: 12px;
2521
2500
  }
2522
2501
 
2523
- .emotion-162 {
2524
- width: 150px;
2525
- }
2526
-
2527
- .emotion-163 {
2502
+ .emotion-161 {
2528
2503
  position: relative;
2529
2504
  width: 100%;
2530
2505
  display: block;
2531
2506
  padding-top: 66%;
2532
2507
  height: 0;
2508
+ width: 150px;
2533
2509
  border-radius: 0;
2534
- background-color: #fafafa;
2510
+ background-color: #F4F4F4;
2535
2511
  }
2536
2512
 
2537
- .emotion-163 svg {
2538
- fill: #c0c0c0;
2513
+ .emotion-161 svg {
2514
+ fill: #C0C0C0;
2539
2515
  }
2540
2516
 
2541
- .emotion-165 {
2517
+ .emotion-163 {
2542
2518
  opacity: 0;
2543
2519
  display: block;
2544
2520
  border-radius: inherit;
@@ -2549,7 +2525,7 @@ exports[`Article should render tile and sub title 1`] = `
2549
2525
  position: absolute;
2550
2526
  }
2551
2527
 
2552
- .emotion-166 {
2528
+ .emotion-164 {
2553
2529
  box-sizing: border-box;
2554
2530
  display: -webkit-box;
2555
2531
  display: -webkit-flex;
@@ -2563,7 +2539,7 @@ exports[`Article should render tile and sub title 1`] = `
2563
2539
  flex: 1;
2564
2540
  }
2565
2541
 
2566
- .emotion-167 {
2542
+ .emotion-165 {
2567
2543
  box-sizing: border-box;
2568
2544
  -webkit-flex: 1;
2569
2545
  -ms-flex: 1;
@@ -2571,58 +2547,58 @@ exports[`Article should render tile and sub title 1`] = `
2571
2547
  padding: 0;
2572
2548
  }
2573
2549
 
2574
- .emotion-167 a:not(.nk-card-link) {
2550
+ .emotion-165 a:not(.nk-card-link) {
2575
2551
  z-index: 2;
2576
2552
  position: relative;
2577
2553
  }
2578
2554
 
2579
- .emotion-168 {
2555
+ .emotion-166 {
2580
2556
  -webkit-text-decoration: none;
2581
2557
  text-decoration: none;
2582
2558
  border: none;
2583
2559
  }
2584
2560
 
2585
- .emotion-168 .nk-headline-kicker {
2586
- color: #0a68c1;
2561
+ .emotion-166 .nk-headline-kicker {
2562
+ color: #3358CC;
2587
2563
  }
2588
2564
 
2589
- .emotion-168:hover:not(:disabled) .nk-headline-kicker {
2590
- color: #02509b;
2565
+ .emotion-166:hover:not(:disabled) .nk-headline-kicker {
2566
+ color: #2B4AAB;
2591
2567
  -webkit-text-decoration: underline;
2592
2568
  text-decoration: underline;
2593
2569
  }
2594
2570
 
2595
- .emotion-168:active:not(:disabled) .nk-headline-kicker {
2596
- color: #01396e;
2571
+ .emotion-166:active:not(:disabled) .nk-headline-kicker {
2572
+ color: #213A82;
2597
2573
  -webkit-text-decoration: underline;
2598
2574
  text-decoration: underline;
2599
2575
  }
2600
2576
 
2601
- .emotion-168:visited:not(:disabled) .nk-headline-kicker {
2602
- color: #7547a3;
2577
+ .emotion-166:visited:not(:disabled) .nk-headline-kicker {
2578
+ color: #5E44E4;
2603
2579
  }
2604
2580
 
2605
- .emotion-168 .nk-headline-heading {
2606
- color: #2e2e2e;
2581
+ .emotion-166 .nk-headline-heading {
2582
+ color: #2E2E2E;
2607
2583
  }
2608
2584
 
2609
- .emotion-168:hover:not(:disabled) .nk-headline-heading {
2610
- color: #02509b;
2585
+ .emotion-166:hover:not(:disabled) .nk-headline-heading {
2586
+ color: #2B4AAB;
2611
2587
  -webkit-text-decoration: underline;
2612
2588
  text-decoration: underline;
2613
2589
  }
2614
2590
 
2615
- .emotion-168:active:not(:disabled) .nk-headline-heading {
2616
- color: #01396e;
2591
+ .emotion-166:active:not(:disabled) .nk-headline-heading {
2592
+ color: #213A82;
2617
2593
  -webkit-text-decoration: underline;
2618
2594
  text-decoration: underline;
2619
2595
  }
2620
2596
 
2621
- .emotion-168:visited:not(:disabled) .nk-headline-heading {
2622
- color: #7547a3;
2597
+ .emotion-166:visited:not(:disabled) .nk-headline-heading {
2598
+ color: #5E44E4;
2623
2599
  }
2624
2600
 
2625
- .emotion-168:before {
2601
+ .emotion-166:before {
2626
2602
  content: '';
2627
2603
  top: 0;
2628
2604
  right: 0;
@@ -2633,54 +2609,54 @@ exports[`Article should render tile and sub title 1`] = `
2633
2609
  z-index: 1;
2634
2610
  }
2635
2611
 
2636
- .emotion-169 {
2612
+ .emotion-167 {
2637
2613
  padding: 1px 0px;
2638
2614
  }
2639
2615
 
2640
2616
  @media screen and (max-width: 1439px) {
2641
- .emotion-169 {
2642
- font-family: "Source Serif Pro",serif;
2643
- font-size: 28px;
2644
- line-height: 1.1428571428571428;
2645
- font-weight: 600;
2646
- letter-spacing: 0;
2617
+ .emotion-167 {
2618
+ font-family: "Bitter",serif;
2619
+ font-size: 24px;
2620
+ line-height: 1.1666666666666667;
2621
+ font-weight: 500;
2622
+ letter-spacing: -0.5px;
2647
2623
  }
2648
2624
 
2649
- .emotion-169::before {
2625
+ .emotion-167::before {
2650
2626
  content: '';
2651
2627
  display: block;
2652
2628
  height: 0;
2653
2629
  width: 0;
2654
- margin-bottom: -0.09955357142857141em;
2630
+ margin-bottom: -0.2333333333333334em;
2655
2631
  }
2656
2632
 
2657
- .emotion-169::after {
2633
+ .emotion-167::after {
2658
2634
  content: '';
2659
2635
  display: block;
2660
2636
  height: 0;
2661
2637
  width: 0;
2662
- margin-top: -0.2839285714285714em;
2638
+ margin-top: -0.2958333333333334em;
2663
2639
  }
2664
2640
  }
2665
2641
 
2666
2642
  @media screen and (min-width: 1440px) {
2667
- .emotion-169 {
2668
- font-family: "Source Serif Pro",serif;
2643
+ .emotion-167 {
2644
+ font-family: "Bitter",serif;
2669
2645
  font-size: 20px;
2670
2646
  line-height: 1.2;
2671
- font-weight: 600;
2672
- letter-spacing: 0;
2647
+ font-weight: 500;
2648
+ letter-spacing: -0.5px;
2673
2649
  }
2674
2650
 
2675
- .emotion-169::before {
2651
+ .emotion-167::before {
2676
2652
  content: '';
2677
2653
  display: block;
2678
2654
  height: 0;
2679
2655
  width: 0;
2680
- margin-bottom: -0.128125em;
2656
+ margin-bottom: -0.25em;
2681
2657
  }
2682
2658
 
2683
- .emotion-169::after {
2659
+ .emotion-167::after {
2684
2660
  content: '';
2685
2661
  display: block;
2686
2662
  height: 0;
@@ -2689,30 +2665,30 @@ exports[`Article should render tile and sub title 1`] = `
2689
2665
  }
2690
2666
  }
2691
2667
 
2692
- .emotion-170 {
2668
+ .emotion-168 {
2693
2669
  display: inline;
2694
2670
  font: inherit;
2695
2671
  margin: 0;
2696
- color: #2e2e2e;
2672
+ color: #2E2E2E;
2697
2673
  }
2698
2674
 
2699
- .emotion-170:hover:not(:disabled) {
2700
- color: #02509b;
2675
+ .emotion-168:hover:not(:disabled) {
2676
+ color: #2B4AAB;
2701
2677
  -webkit-text-decoration: underline;
2702
2678
  text-decoration: underline;
2703
2679
  }
2704
2680
 
2705
- .emotion-170:active:not(:disabled) {
2706
- color: #01396e;
2681
+ .emotion-168:active:not(:disabled) {
2682
+ color: #213A82;
2707
2683
  -webkit-text-decoration: underline;
2708
2684
  text-decoration: underline;
2709
2685
  }
2710
2686
 
2711
- .emotion-170:visited:not(:disabled) {
2712
- color: #7547a3;
2687
+ .emotion-168:visited:not(:disabled) {
2688
+ color: #5E44E4;
2713
2689
  }
2714
2690
 
2715
- .emotion-184 {
2691
+ .emotion-181 {
2716
2692
  box-sizing: border-box;
2717
2693
  -webkit-background-clip: padding-box;
2718
2694
  background-clip: padding-box;
@@ -2722,7 +2698,7 @@ exports[`Article should render tile and sub title 1`] = `
2722
2698
  }
2723
2699
 
2724
2700
  @media screen {
2725
- .emotion-184 {
2701
+ .emotion-181 {
2726
2702
  padding: 0 8px;
2727
2703
  margin-top: 16px;
2728
2704
  -webkit-flex-basis: 100%;
@@ -2733,13 +2709,13 @@ exports[`Article should render tile and sub title 1`] = `
2733
2709
  }
2734
2710
 
2735
2711
  @media screen and (min-width: 1024px) {
2736
- .emotion-184 {
2712
+ .emotion-181 {
2737
2713
  padding: 0 12px;
2738
2714
  margin-top: 24px;
2739
2715
  }
2740
2716
  }
2741
2717
 
2742
- .emotion-187 {
2718
+ .emotion-184 {
2743
2719
  display: -webkit-box;
2744
2720
  display: -webkit-flex;
2745
2721
  display: -ms-flexbox;
@@ -2758,7 +2734,7 @@ exports[`Article should render tile and sub title 1`] = `
2758
2734
  justify-content: flex-start;
2759
2735
  }
2760
2736
 
2761
- .emotion-188 {
2737
+ .emotion-185 {
2762
2738
  display: -webkit-inline-box;
2763
2739
  display: -webkit-inline-flex;
2764
2740
  display: -ms-inline-flexbox;
@@ -2768,89 +2744,89 @@ exports[`Article should render tile and sub title 1`] = `
2768
2744
  align-self: center;
2769
2745
  }
2770
2746
 
2771
- .emotion-202 {
2747
+ .emotion-199 {
2772
2748
  padding: 1px 0px;
2773
2749
  }
2774
2750
 
2775
2751
  @media screen and (max-width: 767px) {
2776
- .emotion-202 {
2777
- font-family: "Source Serif Pro",serif;
2778
- font-size: 32px;
2779
- line-height: 1.125;
2780
- font-weight: 600;
2781
- letter-spacing: 0;
2752
+ .emotion-199 {
2753
+ font-family: "Bitter",serif;
2754
+ font-size: 28px;
2755
+ line-height: 1.1428571428571428;
2756
+ font-weight: 500;
2757
+ letter-spacing: -0.5px;
2782
2758
  }
2783
2759
 
2784
- .emotion-202::before {
2760
+ .emotion-199::before {
2785
2761
  content: '';
2786
2762
  display: block;
2787
2763
  height: 0;
2788
2764
  width: 0;
2789
- margin-bottom: -0.09062500000000001em;
2765
+ margin-bottom: -0.22142857142857142em;
2790
2766
  }
2791
2767
 
2792
- .emotion-202::after {
2768
+ .emotion-199::after {
2793
2769
  content: '';
2794
2770
  display: block;
2795
2771
  height: 0;
2796
2772
  width: 0;
2797
- margin-top: -0.275em;
2773
+ margin-top: -0.2839285714285714em;
2798
2774
  }
2799
2775
  }
2800
2776
 
2801
2777
  @media screen and (min-width: 768px) and (max-width: 1439px) {
2802
- .emotion-202 {
2803
- font-family: "Source Serif Pro",serif;
2804
- font-size: 36px;
2805
- line-height: 1.1111111111111112;
2806
- font-weight: 600;
2807
- letter-spacing: 0;
2778
+ .emotion-199 {
2779
+ font-family: "Bitter",serif;
2780
+ font-size: 32px;
2781
+ line-height: 1.125;
2782
+ font-weight: 500;
2783
+ letter-spacing: -0.5px;
2808
2784
  }
2809
2785
 
2810
- .emotion-202::before {
2786
+ .emotion-199::before {
2811
2787
  content: '';
2812
2788
  display: block;
2813
2789
  height: 0;
2814
2790
  width: 0;
2815
- margin-bottom: -0.08368055555555559em;
2791
+ margin-bottom: -0.21250000000000002em;
2816
2792
  }
2817
2793
 
2818
- .emotion-202::after {
2794
+ .emotion-199::after {
2819
2795
  content: '';
2820
2796
  display: block;
2821
2797
  height: 0;
2822
2798
  width: 0;
2823
- margin-top: -0.2680555555555556em;
2799
+ margin-top: -0.275em;
2824
2800
  }
2825
2801
  }
2826
2802
 
2827
2803
  @media screen and (min-width: 1440px) {
2828
- .emotion-202 {
2829
- font-family: "Source Serif Pro",serif;
2830
- font-size: 40px;
2831
- line-height: 1.1;
2832
- font-weight: 600;
2833
- letter-spacing: 0;
2804
+ .emotion-199 {
2805
+ font-family: "Bitter",serif;
2806
+ font-size: 36px;
2807
+ line-height: 1.1111111111111112;
2808
+ font-weight: 500;
2809
+ letter-spacing: -0.5px;
2834
2810
  }
2835
2811
 
2836
- .emotion-202::before {
2812
+ .emotion-199::before {
2837
2813
  content: '';
2838
2814
  display: block;
2839
2815
  height: 0;
2840
2816
  width: 0;
2841
- margin-bottom: -0.07812500000000006em;
2817
+ margin-bottom: -0.2055555555555556em;
2842
2818
  }
2843
2819
 
2844
- .emotion-202::after {
2820
+ .emotion-199::after {
2845
2821
  content: '';
2846
2822
  display: block;
2847
2823
  height: 0;
2848
2824
  width: 0;
2849
- margin-top: -0.26250000000000007em;
2825
+ margin-top: -0.2680555555555556em;
2850
2826
  }
2851
2827
  }
2852
2828
 
2853
- .emotion-214 {
2829
+ .emotion-211 {
2854
2830
  box-sizing: border-box;
2855
2831
  -webkit-background-clip: padding-box;
2856
2832
  background-clip: padding-box;
@@ -2860,7 +2836,7 @@ exports[`Article should render tile and sub title 1`] = `
2860
2836
  }
2861
2837
 
2862
2838
  @media screen {
2863
- .emotion-214 {
2839
+ .emotion-211 {
2864
2840
  padding: 0 8px;
2865
2841
  margin-top: 16px;
2866
2842
  -webkit-flex-basis: 100%;
@@ -2871,7 +2847,7 @@ exports[`Article should render tile and sub title 1`] = `
2871
2847
  }
2872
2848
 
2873
2849
  @media screen and (min-width: 480px) {
2874
- .emotion-214 {
2850
+ .emotion-211 {
2875
2851
  -webkit-flex-basis: 50%;
2876
2852
  -ms-flex-preferred-size: 50%;
2877
2853
  flex-basis: 50%;
@@ -2880,7 +2856,7 @@ exports[`Article should render tile and sub title 1`] = `
2880
2856
  }
2881
2857
 
2882
2858
  @media screen and (min-width: 1024px) {
2883
- .emotion-214 {
2859
+ .emotion-211 {
2884
2860
  padding: 0 12px;
2885
2861
  margin-top: 24px;
2886
2862
  -webkit-flex-basis: 25%;
@@ -2890,11 +2866,11 @@ exports[`Article should render tile and sub title 1`] = `
2890
2866
  }
2891
2867
  }
2892
2868
 
2893
- .emotion-215 {
2869
+ .emotion-212 {
2894
2870
  box-sizing: border-box;
2895
2871
  overflow: hidden;
2896
- color: #2e2e2e;
2897
- background-color: #ffffff;
2872
+ color: #2E2E2E;
2873
+ background-color: #FFFFFF;
2898
2874
  position: relative;
2899
2875
  display: -webkit-box;
2900
2876
  display: -webkit-flex;
@@ -2905,61 +2881,76 @@ exports[`Article should render tile and sub title 1`] = `
2905
2881
  flex-direction: column;
2906
2882
  }
2907
2883
 
2908
- .emotion-216 {
2884
+ .emotion-213 {
2909
2885
  box-sizing: border-box;
2910
2886
  display: block;
2911
2887
  position: relative;
2912
2888
  margin-bottom: 12px;
2913
2889
  }
2914
2890
 
2915
- .emotion-221 {
2891
+ .emotion-214 {
2892
+ position: relative;
2893
+ width: 100%;
2894
+ display: block;
2895
+ padding-top: 66%;
2896
+ height: 0;
2897
+ width: 100%;
2898
+ border-radius: 0;
2899
+ background-color: #F4F4F4;
2900
+ }
2901
+
2902
+ .emotion-214 svg {
2903
+ fill: #C0C0C0;
2904
+ }
2905
+
2906
+ .emotion-217 {
2916
2907
  box-sizing: border-box;
2917
2908
  }
2918
2909
 
2919
- .emotion-222 {
2910
+ .emotion-218 {
2920
2911
  box-sizing: border-box;
2921
2912
  padding: 0;
2922
2913
  }
2923
2914
 
2924
- .emotion-222 a:not(.nk-card-link) {
2915
+ .emotion-218 a:not(.nk-card-link) {
2925
2916
  z-index: 2;
2926
2917
  position: relative;
2927
2918
  }
2928
2919
 
2929
2920
  @media screen and (max-width: 767px) {
2930
- .emotion-224 {
2921
+ .emotion-220 {
2931
2922
  margin-bottom: 16px;
2932
2923
  }
2933
2924
  }
2934
2925
 
2935
2926
  @media screen and (min-width: 768px) {
2936
- .emotion-224 {
2927
+ .emotion-220 {
2937
2928
  margin-bottom: 24px;
2938
2929
  }
2939
2930
  }
2940
2931
 
2941
- .emotion-225 {
2932
+ .emotion-221 {
2942
2933
  padding: 1px 0px;
2943
2934
  }
2944
2935
 
2945
2936
  @media screen and (max-width: 767px) {
2946
- .emotion-225 {
2947
- font-family: "Source Serif Pro",serif;
2937
+ .emotion-221 {
2938
+ font-family: "Bitter",serif;
2948
2939
  font-size: 20px;
2949
2940
  line-height: 1.2;
2950
- font-weight: 600;
2951
- letter-spacing: 0;
2941
+ font-weight: 500;
2942
+ letter-spacing: -0.5px;
2952
2943
  }
2953
2944
 
2954
- .emotion-225::before {
2945
+ .emotion-221::before {
2955
2946
  content: '';
2956
2947
  display: block;
2957
2948
  height: 0;
2958
2949
  width: 0;
2959
- margin-bottom: -0.128125em;
2950
+ margin-bottom: -0.25em;
2960
2951
  }
2961
2952
 
2962
- .emotion-225::after {
2953
+ .emotion-221::after {
2963
2954
  content: '';
2964
2955
  display: block;
2965
2956
  height: 0;
@@ -2969,151 +2960,151 @@ exports[`Article should render tile and sub title 1`] = `
2969
2960
  }
2970
2961
 
2971
2962
  @media screen and (min-width: 768px) and (max-width: 1439px) {
2972
- .emotion-225 {
2973
- font-family: "Source Serif Pro",serif;
2974
- font-size: 24px;
2975
- line-height: 1.1666666666666667;
2976
- font-weight: 600;
2977
- letter-spacing: 0;
2963
+ .emotion-221 {
2964
+ font-family: "Bitter",serif;
2965
+ font-size: 22px;
2966
+ line-height: 1.0909090909090908;
2967
+ font-weight: 500;
2968
+ letter-spacing: -0.5px;
2978
2969
  }
2979
2970
 
2980
- .emotion-225::before {
2971
+ .emotion-221::before {
2981
2972
  content: '';
2982
2973
  display: block;
2983
2974
  height: 0;
2984
2975
  width: 0;
2985
- margin-bottom: -0.11145833333333338em;
2976
+ margin-bottom: -0.19545454545454544em;
2986
2977
  }
2987
2978
 
2988
- .emotion-225::after {
2979
+ .emotion-221::after {
2989
2980
  content: '';
2990
2981
  display: block;
2991
2982
  height: 0;
2992
2983
  width: 0;
2993
- margin-top: -0.2958333333333334em;
2984
+ margin-top: -0.25795454545454544em;
2994
2985
  }
2995
2986
  }
2996
2987
 
2997
2988
  @media screen and (min-width: 1440px) {
2998
- .emotion-225 {
2999
- font-family: "Source Serif Pro",serif;
3000
- font-size: 28px;
3001
- line-height: 1.1428571428571428;
3002
- font-weight: 600;
3003
- letter-spacing: 0;
2989
+ .emotion-221 {
2990
+ font-family: "Bitter",serif;
2991
+ font-size: 24px;
2992
+ line-height: 1.1666666666666667;
2993
+ font-weight: 500;
2994
+ letter-spacing: -0.5px;
3004
2995
  }
3005
2996
 
3006
- .emotion-225::before {
2997
+ .emotion-221::before {
3007
2998
  content: '';
3008
2999
  display: block;
3009
3000
  height: 0;
3010
3001
  width: 0;
3011
- margin-bottom: -0.09955357142857141em;
3002
+ margin-bottom: -0.2333333333333334em;
3012
3003
  }
3013
3004
 
3014
- .emotion-225::after {
3005
+ .emotion-221::after {
3015
3006
  content: '';
3016
3007
  display: block;
3017
3008
  height: 0;
3018
3009
  width: 0;
3019
- margin-top: -0.2839285714285714em;
3010
+ margin-top: -0.2958333333333334em;
3020
3011
  }
3021
3012
  }
3022
3013
 
3023
- .emotion-228 {
3014
+ .emotion-224 {
3024
3015
  margin: 0;
3025
3016
  padding: 1px 0;
3026
- color: #0a0a0a;
3017
+ color: #0A0A0A;
3027
3018
  }
3028
3019
 
3029
- .emotion-228 svg {
3030
- fill: #0a0a0a;
3020
+ .emotion-224 svg {
3021
+ fill: #0A0A0A;
3031
3022
  }
3032
3023
 
3033
3024
  @media screen and (max-width: 767px) {
3034
- .emotion-228 {
3035
- font-family: "Noto Sans",sans-serif;
3025
+ .emotion-224 {
3026
+ font-family: "DM Sans",sans-serif;
3036
3027
  font-size: 14px;
3037
3028
  line-height: 1.4285714285714286;
3038
3029
  font-weight: 400;
3039
- letter-spacing: 0;
3030
+ letter-spacing: -0.5px;
3040
3031
  }
3041
3032
 
3042
- .emotion-228::before {
3033
+ .emotion-224::before {
3043
3034
  content: '';
3044
3035
  display: block;
3045
3036
  height: 0;
3046
3037
  width: 0;
3047
- margin-bottom: -0.32678571428571435em;
3038
+ margin-bottom: -0.3955357142857143em;
3048
3039
  }
3049
3040
 
3050
- .emotion-228::after {
3041
+ .emotion-224::after {
3051
3042
  content: '';
3052
3043
  display: block;
3053
3044
  height: 0;
3054
3045
  width: 0;
3055
- margin-top: -0.4267857142857143em;
3046
+ margin-top: -0.3955357142857143em;
3056
3047
  }
3057
3048
  }
3058
3049
 
3059
3050
  @media screen and (min-width: 768px) {
3060
- .emotion-228 {
3061
- font-family: "Noto Sans",sans-serif;
3051
+ .emotion-224 {
3052
+ font-family: "DM Sans",sans-serif;
3062
3053
  font-size: 16px;
3063
3054
  line-height: 1.5;
3064
3055
  font-weight: 400;
3065
- letter-spacing: 0;
3056
+ letter-spacing: -0.5px;
3066
3057
  }
3067
3058
 
3068
- .emotion-228::before {
3059
+ .emotion-224::before {
3069
3060
  content: '';
3070
3061
  display: block;
3071
3062
  height: 0;
3072
3063
  width: 0;
3073
- margin-bottom: -0.36250000000000004em;
3064
+ margin-bottom: -0.43125em;
3074
3065
  }
3075
3066
 
3076
- .emotion-228::after {
3067
+ .emotion-224::after {
3077
3068
  content: '';
3078
3069
  display: block;
3079
3070
  height: 0;
3080
3071
  width: 0;
3081
- margin-top: -0.4625em;
3072
+ margin-top: -0.43125em;
3082
3073
  }
3083
3074
  }
3084
3075
 
3085
3076
  @media screen {
3086
- .emotion-245 {
3077
+ .emotion-240 {
3087
3078
  display: block;
3088
3079
  }
3089
3080
  }
3090
3081
 
3091
3082
  @media screen and (min-width: 480px) {
3092
- .emotion-245 {
3083
+ .emotion-240 {
3093
3084
  display: none;
3094
3085
  }
3095
3086
  }
3096
3087
 
3097
3088
  @media screen and (min-width: 768px) {
3098
- .emotion-245 {
3089
+ .emotion-240 {
3099
3090
  display: none;
3100
3091
  }
3101
3092
  }
3102
3093
 
3103
3094
  @media screen and (min-width: 1024px) {
3104
- .emotion-245 {
3095
+ .emotion-240 {
3105
3096
  display: block;
3106
3097
  }
3107
3098
  }
3108
3099
 
3109
3100
  @media screen and (min-width: 1440px) {
3110
- .emotion-245 {
3101
+ .emotion-240 {
3111
3102
  display: none;
3112
3103
  }
3113
3104
  }
3114
3105
 
3115
3106
  @media screen {
3116
- .emotion-258 {
3107
+ .emotion-253 {
3117
3108
  margin-bottom: 64px;
3118
3109
  }
3119
3110
  }
@@ -3495,64 +3486,60 @@ exports[`Article should render tile and sub title 1`] = `
3495
3486
  <figure
3496
3487
  class="emotion-70"
3497
3488
  >
3498
- <div
3489
+ <picture
3499
3490
  class="emotion-71"
3500
3491
  >
3501
- <picture
3492
+ <div
3502
3493
  class="emotion-72"
3503
- >
3504
- <div
3505
- class="emotion-73"
3506
- />
3507
- <img
3508
- alt="testIMG"
3509
- class="emotion-74"
3510
- src="img//url"
3511
- />
3512
- </picture>
3513
- </div>
3494
+ />
3495
+ <img
3496
+ alt="testIMG"
3497
+ class="emotion-73"
3498
+ src="img//url"
3499
+ />
3500
+ </picture>
3514
3501
  </figure>
3515
3502
  </div>
3516
3503
  <div
3517
- class="emotion-75"
3504
+ class="emotion-74"
3518
3505
  data-testid="ArticleContent"
3519
3506
  >
3520
3507
  <div
3521
- class="emotion-76"
3508
+ class="emotion-75"
3522
3509
  data-testid="ArticleParagraph"
3523
3510
  >
3524
3511
  <p
3525
- class="emotion-77"
3512
+ class="emotion-76"
3526
3513
  >
3527
3514
  paragraph one
3528
3515
  </p>
3529
3516
  </div>
3530
3517
  <div
3531
- class="emotion-76"
3518
+ class="emotion-75"
3532
3519
  data-testid="ArticleParagraph"
3533
3520
  >
3534
3521
  <p
3535
- class="emotion-77"
3522
+ class="emotion-76"
3536
3523
  >
3537
3524
  paragraph two
3538
3525
  </p>
3539
3526
  </div>
3540
3527
  <div
3541
- class="emotion-76"
3528
+ class="emotion-75"
3542
3529
  data-testid="ArticleParagraph"
3543
3530
  >
3544
3531
  <p
3545
- class="emotion-77"
3532
+ class="emotion-76"
3546
3533
  >
3547
3534
  paragraph three
3548
3535
  </p>
3549
3536
  </div>
3550
3537
  <div
3551
- class="emotion-76"
3538
+ class="emotion-75"
3552
3539
  data-testid="ArticleParagraph"
3553
3540
  >
3554
3541
  <p
3555
- class="emotion-77"
3542
+ class="emotion-76"
3556
3543
  >
3557
3544
  paragraph four
3558
3545
  </p>
@@ -3571,7 +3558,7 @@ exports[`Article should render tile and sub title 1`] = `
3571
3558
  />
3572
3559
  </div>
3573
3560
  <div
3574
- class="emotion-87"
3561
+ class="emotion-86"
3575
3562
  >
3576
3563
  <a
3577
3564
  class="emotion-32"
@@ -3627,13 +3614,13 @@ exports[`Article should render tile and sub title 1`] = `
3627
3614
  />
3628
3615
  </div>
3629
3616
  <div
3630
- class="emotion-87"
3617
+ class="emotion-86"
3631
3618
  >
3632
3619
  <div
3633
- class="emotion-99"
3620
+ class="emotion-98"
3634
3621
  >
3635
3622
  <div
3636
- class="emotion-100"
3623
+ class="emotion-99"
3637
3624
  >
3638
3625
  <div
3639
3626
  class="emotion-56"
@@ -3734,7 +3721,7 @@ exports[`Article should render tile and sub title 1`] = `
3734
3721
  class="emotion-6"
3735
3722
  >
3736
3723
  <section
3737
- class="emotion-116"
3724
+ class="emotion-115"
3738
3725
  >
3739
3726
  <h1
3740
3727
  class="nk-headline-heading emotion-11"
@@ -3744,30 +3731,30 @@ exports[`Article should render tile and sub title 1`] = `
3744
3731
  </section>
3745
3732
  </div>
3746
3733
  <div
3747
- class="emotion-118"
3734
+ class="emotion-117"
3748
3735
  >
3749
3736
  <div
3750
- class="emotion-119"
3737
+ class="emotion-118"
3751
3738
  data-testid="RelatedTopics"
3752
3739
  >
3753
3740
  <div
3754
- class="emotion-120"
3741
+ class="emotion-119"
3755
3742
  >
3756
3743
  <div
3757
- class="emotion-121"
3744
+ class="emotion-120"
3758
3745
  >
3759
3746
  <div
3760
- class="emotion-122"
3747
+ class="emotion-121"
3761
3748
  data-testid="tag"
3762
3749
  >
3763
3750
  <div
3764
- class="emotion-123"
3751
+ class="emotion-122"
3765
3752
  >
3766
3753
  <div
3767
3754
  class="emotion-21"
3768
3755
  >
3769
3756
  <span
3770
- class="emotion-125"
3757
+ class="emotion-124"
3771
3758
  >
3772
3759
  Some topic one
3773
3760
  </span>
@@ -3777,23 +3764,23 @@ exports[`Article should render tile and sub title 1`] = `
3777
3764
  </div>
3778
3765
  </div>
3779
3766
  <div
3780
- class="emotion-120"
3767
+ class="emotion-119"
3781
3768
  >
3782
3769
  <div
3783
- class="emotion-121"
3770
+ class="emotion-120"
3784
3771
  >
3785
3772
  <div
3786
- class="emotion-122"
3773
+ class="emotion-121"
3787
3774
  data-testid="tag"
3788
3775
  >
3789
3776
  <div
3790
- class="emotion-123"
3777
+ class="emotion-122"
3791
3778
  >
3792
3779
  <div
3793
3780
  class="emotion-21"
3794
3781
  >
3795
3782
  <span
3796
- class="emotion-125"
3783
+ class="emotion-124"
3797
3784
  >
3798
3785
  Some topic one
3799
3786
  </span>
@@ -3816,30 +3803,30 @@ exports[`Article should render tile and sub title 1`] = `
3816
3803
  </div>
3817
3804
  </div>
3818
3805
  <div
3819
- class="emotion-134"
3806
+ class="emotion-133"
3820
3807
  data-testid="PageLayout"
3821
3808
  >
3822
3809
  <div
3823
- class="emotion-135"
3810
+ class="emotion-134"
3824
3811
  data-testid="Ads"
3825
3812
  >
3826
3813
  <div
3827
- class="emotion-136"
3814
+ class="emotion-135"
3828
3815
  id="advert-article-sidebar"
3829
3816
  />
3830
3817
  </div>
3831
3818
  <div
3832
- class="emotion-118"
3819
+ class="emotion-117"
3833
3820
  data-testid="Highlights"
3834
3821
  >
3835
3822
  <div
3836
- class="emotion-118"
3823
+ class="emotion-117"
3837
3824
  >
3838
3825
  <div
3839
- class="emotion-139"
3826
+ class="emotion-138"
3840
3827
  >
3841
3828
  <section
3842
- class="emotion-140"
3829
+ class="emotion-139"
3843
3830
  >
3844
3831
  <h1
3845
3832
  class="nk-headline-heading emotion-8"
@@ -3849,16 +3836,16 @@ exports[`Article should render tile and sub title 1`] = `
3849
3836
  </section>
3850
3837
  </div>
3851
3838
  <div
3852
- class="emotion-142"
3839
+ class="emotion-141"
3853
3840
  >
3854
3841
  <div
3855
- class="emotion-143"
3842
+ class="emotion-142"
3856
3843
  >
3857
3844
  <div
3858
- class="emotion-144"
3845
+ class="emotion-143"
3859
3846
  >
3860
3847
  <section
3861
- class="emotion-140"
3848
+ class="emotion-139"
3862
3849
  >
3863
3850
  <h3
3864
3851
  class="nk-headline-heading emotion-8"
@@ -3868,10 +3855,10 @@ exports[`Article should render tile and sub title 1`] = `
3868
3855
  </section>
3869
3856
  </div>
3870
3857
  <div
3871
- class="emotion-147"
3858
+ class="emotion-146"
3872
3859
  >
3873
3860
  <a
3874
- class="emotion-148"
3861
+ class="emotion-147"
3875
3862
  data-testid="buttonLink"
3876
3863
  href="/"
3877
3864
  >
@@ -3882,7 +3869,7 @@ exports[`Article should render tile and sub title 1`] = `
3882
3869
  class="emotion-34"
3883
3870
  >
3884
3871
  <span
3885
- class="emotion-151"
3872
+ class="emotion-150"
3886
3873
  >
3887
3874
  View all
3888
3875
  </span>
@@ -3892,7 +3879,7 @@ exports[`Article should render tile and sub title 1`] = `
3892
3879
  >
3893
3880
  <svg
3894
3881
  aria-hidden="true"
3895
- class="emotion-153 emotion-25"
3882
+ class="emotion-152 emotion-25"
3896
3883
  fill="currentColor"
3897
3884
  focusable="false"
3898
3885
  viewBox="0 0 24 24"
@@ -3914,59 +3901,55 @@ exports[`Article should render tile and sub title 1`] = `
3914
3901
  </div>
3915
3902
  </div>
3916
3903
  <div
3917
- class="emotion-121"
3904
+ class="emotion-120"
3918
3905
  >
3919
3906
  <div
3920
3907
  class="emotion-1"
3921
3908
  >
3922
3909
  <div
3923
- class="emotion-157"
3910
+ class="emotion-156"
3924
3911
  >
3925
3912
  <div
3926
- class="emotion-158"
3913
+ class="emotion-157"
3927
3914
  >
3928
3915
  <div
3929
- class="emotion-121"
3916
+ class="emotion-120"
3930
3917
  data-testid="HighlightsHorizontalCard"
3931
3918
  >
3932
3919
  <div
3933
- class="emotion-160"
3920
+ class="emotion-159"
3934
3921
  >
3935
3922
  <div
3936
- class="emotion-161"
3923
+ class="emotion-160"
3937
3924
  >
3938
- <div
3939
- class="emotion-162"
3925
+ <picture
3926
+ class="emotion-161"
3940
3927
  >
3941
- <picture
3928
+ <div
3929
+ class="emotion-72"
3930
+ />
3931
+ <img
3932
+ alt="Card Media"
3942
3933
  class="emotion-163"
3943
- >
3944
- <div
3945
- class="emotion-73"
3946
- />
3947
- <img
3948
- alt="Card Media"
3949
- class="emotion-165"
3950
- src="https://plchldr.co/i/50x50"
3951
- />
3952
- </picture>
3953
- </div>
3934
+ src="https://plchldr.co/i/50x50"
3935
+ />
3936
+ </picture>
3954
3937
  </div>
3955
3938
  <div
3956
- class="emotion-166"
3939
+ class="emotion-164"
3957
3940
  >
3958
3941
  <div
3959
- class="emotion-167"
3942
+ class="emotion-165"
3960
3943
  >
3961
3944
  <a
3962
- class="nk-card-link emotion-168"
3945
+ class="nk-card-link emotion-166"
3963
3946
  href="https://newskit.co.uk/"
3964
3947
  >
3965
3948
  <section
3966
- class="emotion-169"
3949
+ class="emotion-167"
3967
3950
  >
3968
3951
  <h4
3969
- class="nk-headline-heading emotion-170"
3952
+ class="nk-headline-heading emotion-168"
3970
3953
  >
3971
3954
  Test Box
3972
3955
  </h4>
@@ -3978,50 +3961,46 @@ exports[`Article should render tile and sub title 1`] = `
3978
3961
  </div>
3979
3962
  </div>
3980
3963
  <div
3981
- class="emotion-158"
3964
+ class="emotion-157"
3982
3965
  >
3983
3966
  <div
3984
- class="emotion-121"
3967
+ class="emotion-120"
3985
3968
  data-testid="HighlightsHorizontalCard"
3986
3969
  >
3987
3970
  <div
3988
- class="emotion-160"
3971
+ class="emotion-159"
3989
3972
  >
3990
3973
  <div
3991
- class="emotion-161"
3974
+ class="emotion-160"
3992
3975
  >
3993
- <div
3994
- class="emotion-162"
3976
+ <picture
3977
+ class="emotion-161"
3995
3978
  >
3996
- <picture
3979
+ <div
3980
+ class="emotion-72"
3981
+ />
3982
+ <img
3983
+ alt="Card Media"
3997
3984
  class="emotion-163"
3998
- >
3999
- <div
4000
- class="emotion-73"
4001
- />
4002
- <img
4003
- alt="Card Media"
4004
- class="emotion-165"
4005
- src="https://plchldr.co/i/50x50"
4006
- />
4007
- </picture>
4008
- </div>
3985
+ src="https://plchldr.co/i/50x50"
3986
+ />
3987
+ </picture>
4009
3988
  </div>
4010
3989
  <div
4011
- class="emotion-166"
3990
+ class="emotion-164"
4012
3991
  >
4013
3992
  <div
4014
- class="emotion-167"
3993
+ class="emotion-165"
4015
3994
  >
4016
3995
  <a
4017
- class="nk-card-link emotion-168"
3996
+ class="nk-card-link emotion-166"
4018
3997
  href="https://newskit.co.uk/"
4019
3998
  >
4020
3999
  <section
4021
- class="emotion-169"
4000
+ class="emotion-167"
4022
4001
  >
4023
4002
  <h4
4024
- class="nk-headline-heading emotion-170"
4003
+ class="nk-headline-heading emotion-168"
4025
4004
  >
4026
4005
  Prince Harry
4027
4006
  </h4>
@@ -4033,10 +4012,10 @@ exports[`Article should render tile and sub title 1`] = `
4033
4012
  </div>
4034
4013
  </div>
4035
4014
  <div
4036
- class="emotion-184"
4015
+ class="emotion-181"
4037
4016
  >
4038
4017
  <div
4039
- class="emotion-139"
4018
+ class="emotion-138"
4040
4019
  >
4041
4020
  <hr
4042
4021
  aria-hidden="true"
@@ -4044,13 +4023,13 @@ exports[`Article should render tile and sub title 1`] = `
4044
4023
  data-testid="divider"
4045
4024
  />
4046
4025
  <div
4047
- class="emotion-187"
4026
+ class="emotion-184"
4048
4027
  >
4049
4028
  <div
4050
- class="emotion-188"
4029
+ class="emotion-185"
4051
4030
  >
4052
4031
  <a
4053
- class="emotion-148"
4032
+ class="emotion-147"
4054
4033
  data-testid="buttonLink"
4055
4034
  href="/"
4056
4035
  >
@@ -4061,7 +4040,7 @@ exports[`Article should render tile and sub title 1`] = `
4061
4040
  class="emotion-34"
4062
4041
  >
4063
4042
  <span
4064
- class="emotion-151"
4043
+ class="emotion-150"
4065
4044
  >
4066
4045
  View all
4067
4046
  </span>
@@ -4071,7 +4050,7 @@ exports[`Article should render tile and sub title 1`] = `
4071
4050
  >
4072
4051
  <svg
4073
4052
  aria-hidden="true"
4074
- class="emotion-153 emotion-25"
4053
+ class="emotion-152 emotion-25"
4075
4054
  fill="currentColor"
4076
4055
  focusable="false"
4077
4056
  viewBox="0 0 24 24"
@@ -4114,13 +4093,13 @@ exports[`Article should render tile and sub title 1`] = `
4114
4093
  class="emotion-9"
4115
4094
  >
4116
4095
  <div
4117
- class="emotion-143"
4096
+ class="emotion-142"
4118
4097
  >
4119
4098
  <div
4120
- class="emotion-144"
4099
+ class="emotion-143"
4121
4100
  >
4122
4101
  <section
4123
- class="emotion-202"
4102
+ class="emotion-199"
4124
4103
  >
4125
4104
  <h3
4126
4105
  class="nk-headline-heading emotion-8"
@@ -4130,10 +4109,10 @@ exports[`Article should render tile and sub title 1`] = `
4130
4109
  </section>
4131
4110
  </div>
4132
4111
  <div
4133
- class="emotion-147"
4112
+ class="emotion-146"
4134
4113
  >
4135
4114
  <a
4136
- class="emotion-148"
4115
+ class="emotion-147"
4137
4116
  data-testid="buttonLink"
4138
4117
  href="/"
4139
4118
  >
@@ -4144,7 +4123,7 @@ exports[`Article should render tile and sub title 1`] = `
4144
4123
  class="emotion-34"
4145
4124
  >
4146
4125
  <span
4147
- class="emotion-151"
4126
+ class="emotion-150"
4148
4127
  >
4149
4128
  View all
4150
4129
  </span>
@@ -4154,7 +4133,7 @@ exports[`Article should render tile and sub title 1`] = `
4154
4133
  >
4155
4134
  <svg
4156
4135
  aria-hidden="true"
4157
- class="emotion-153 emotion-25"
4136
+ class="emotion-152 emotion-25"
4158
4137
  fill="currentColor"
4159
4138
  focusable="false"
4160
4139
  viewBox="0 0 24 24"
@@ -4178,49 +4157,45 @@ exports[`Article should render tile and sub title 1`] = `
4178
4157
  class="emotion-1"
4179
4158
  >
4180
4159
  <div
4181
- class="emotion-157"
4160
+ class="emotion-156"
4182
4161
  >
4183
4162
  <div
4184
- class="emotion-214"
4163
+ class="emotion-211"
4185
4164
  data-testid="RelatedArticlesVerticalCard"
4186
4165
  >
4187
4166
  <div
4188
- class="emotion-215"
4167
+ class="emotion-212"
4189
4168
  >
4190
4169
  <div
4191
- class="emotion-216"
4170
+ class="emotion-213"
4192
4171
  >
4193
- <div
4194
- class="emotion-71"
4172
+ <picture
4173
+ class="emotion-214"
4195
4174
  >
4196
- <picture
4197
- class="emotion-163"
4198
- >
4199
- <div
4200
- class="emotion-73"
4201
- />
4202
- <img
4203
- alt="Prince Harry"
4204
- class="emotion-74"
4205
- src="https://plchldr.co/i/70x50"
4206
- />
4207
- </picture>
4208
- </div>
4175
+ <div
4176
+ class="emotion-72"
4177
+ />
4178
+ <img
4179
+ alt="Prince Harry"
4180
+ class="emotion-73"
4181
+ src="https://plchldr.co/i/70x50"
4182
+ />
4183
+ </picture>
4209
4184
  </div>
4210
4185
  <div
4211
- class="emotion-221"
4186
+ class="emotion-217"
4212
4187
  >
4213
4188
  <div
4214
- class="emotion-222"
4189
+ class="emotion-218"
4215
4190
  >
4216
4191
  <div
4217
- class="emotion-118"
4192
+ class="emotion-117"
4218
4193
  >
4219
4194
  <div
4220
- class="emotion-224"
4195
+ class="emotion-220"
4221
4196
  >
4222
4197
  <section
4223
- class="emotion-225"
4198
+ class="emotion-221"
4224
4199
  >
4225
4200
  <h6
4226
4201
  class="nk-headline-heading emotion-8"
@@ -4230,10 +4205,10 @@ exports[`Article should render tile and sub title 1`] = `
4230
4205
  </section>
4231
4206
  </div>
4232
4207
  <div
4233
- class="emotion-224"
4208
+ class="emotion-220"
4234
4209
  >
4235
4210
  <p
4236
- class="emotion-228"
4211
+ class="emotion-224"
4237
4212
  >
4238
4213
  news
4239
4214
  </p>
@@ -4244,46 +4219,42 @@ exports[`Article should render tile and sub title 1`] = `
4244
4219
  </div>
4245
4220
  </div>
4246
4221
  <div
4247
- class="emotion-214"
4222
+ class="emotion-211"
4248
4223
  data-testid="RelatedArticlesVerticalCard"
4249
4224
  >
4250
4225
  <div
4251
- class="emotion-215"
4226
+ class="emotion-212"
4252
4227
  >
4253
4228
  <div
4254
- class="emotion-216"
4229
+ class="emotion-213"
4255
4230
  >
4256
- <div
4257
- class="emotion-71"
4231
+ <picture
4232
+ class="emotion-214"
4258
4233
  >
4259
- <picture
4260
- class="emotion-163"
4261
- >
4262
- <div
4263
- class="emotion-73"
4264
- />
4265
- <img
4266
- alt="Meghan Markle"
4267
- class="emotion-74"
4268
- src="https://plchldr.co/i/70x50"
4269
- />
4270
- </picture>
4271
- </div>
4234
+ <div
4235
+ class="emotion-72"
4236
+ />
4237
+ <img
4238
+ alt="Meghan Markle"
4239
+ class="emotion-73"
4240
+ src="https://plchldr.co/i/70x50"
4241
+ />
4242
+ </picture>
4272
4243
  </div>
4273
4244
  <div
4274
- class="emotion-221"
4245
+ class="emotion-217"
4275
4246
  >
4276
4247
  <div
4277
- class="emotion-222"
4248
+ class="emotion-218"
4278
4249
  >
4279
4250
  <div
4280
- class="emotion-118"
4251
+ class="emotion-117"
4281
4252
  >
4282
4253
  <div
4283
- class="emotion-224"
4254
+ class="emotion-220"
4284
4255
  >
4285
4256
  <section
4286
- class="emotion-225"
4257
+ class="emotion-221"
4287
4258
  >
4288
4259
  <h6
4289
4260
  class="nk-headline-heading emotion-8"
@@ -4293,10 +4264,10 @@ exports[`Article should render tile and sub title 1`] = `
4293
4264
  </section>
4294
4265
  </div>
4295
4266
  <div
4296
- class="emotion-224"
4267
+ class="emotion-220"
4297
4268
  >
4298
4269
  <p
4299
- class="emotion-228"
4270
+ class="emotion-224"
4300
4271
  >
4301
4272
  news
4302
4273
  </p>
@@ -4307,10 +4278,10 @@ exports[`Article should render tile and sub title 1`] = `
4307
4278
  </div>
4308
4279
  </div>
4309
4280
  <div
4310
- class="emotion-184"
4281
+ class="emotion-181"
4311
4282
  >
4312
4283
  <div
4313
- class="emotion-245"
4284
+ class="emotion-240"
4314
4285
  >
4315
4286
  <hr
4316
4287
  aria-hidden="true"
@@ -4318,13 +4289,13 @@ exports[`Article should render tile and sub title 1`] = `
4318
4289
  data-testid="divider"
4319
4290
  />
4320
4291
  <div
4321
- class="emotion-187"
4292
+ class="emotion-184"
4322
4293
  >
4323
4294
  <div
4324
- class="emotion-188"
4295
+ class="emotion-185"
4325
4296
  >
4326
4297
  <a
4327
- class="emotion-148"
4298
+ class="emotion-147"
4328
4299
  data-testid="buttonLink"
4329
4300
  href="/"
4330
4301
  >
@@ -4335,7 +4306,7 @@ exports[`Article should render tile and sub title 1`] = `
4335
4306
  class="emotion-34"
4336
4307
  >
4337
4308
  <span
4338
- class="emotion-151"
4309
+ class="emotion-150"
4339
4310
  >
4340
4311
  View all
4341
4312
  </span>
@@ -4345,7 +4316,7 @@ exports[`Article should render tile and sub title 1`] = `
4345
4316
  >
4346
4317
  <svg
4347
4318
  aria-hidden="true"
4348
- class="emotion-153 emotion-25"
4319
+ class="emotion-152 emotion-25"
4349
4320
  fill="currentColor"
4350
4321
  focusable="false"
4351
4322
  viewBox="0 0 24 24"
@@ -4380,14 +4351,14 @@ exports[`Article should render tile and sub title 1`] = `
4380
4351
  data-testid="PageLayout"
4381
4352
  >
4382
4353
  <div
4383
- class="emotion-258"
4354
+ class="emotion-253"
4384
4355
  />
4385
4356
  </div>
4386
4357
  </div>
4387
4358
  </div>
4388
4359
  </div>
4389
4360
  .emotion-0 {
4390
- background-color: #0a0a0a;
4361
+ background-color: #0A0A0A;
4391
4362
  width: 100%;
4392
4363
  bottom: 0;
4393
4364
  display: block;
@@ -4472,8 +4443,8 @@ exports[`Article should render tile and sub title 1`] = `
4472
4443
 
4473
4444
  .emotion-5 {
4474
4445
  display: inline-block;
4475
- fill: #ffffff;
4476
- color: #ffffff;
4446
+ fill: #FFFFFF;
4447
+ color: #FFFFFF;
4477
4448
  width: 160px;
4478
4449
  }
4479
4450
 
@@ -4534,41 +4505,33 @@ exports[`Article should render tile and sub title 1`] = `
4534
4505
  transition-property: color;
4535
4506
  transition-duration: 200ms;
4536
4507
  transition-timing-function: cubic-bezier(0, 0, .5, 1);
4537
- color: #ffffff;
4508
+ color: #FFFFFF;
4538
4509
  -webkit-text-decoration: none;
4539
4510
  text-decoration: none;
4540
4511
  }
4541
4512
 
4542
4513
  .emotion-10 svg {
4543
- fill: #ffffff;
4514
+ fill: #FFFFFF;
4544
4515
  }
4545
4516
 
4546
4517
  .emotion-10:hover:not(:disabled) {
4547
- color: #ffffff;
4518
+ color: #FFFFFF;
4548
4519
  -webkit-text-decoration: underline;
4549
4520
  text-decoration: underline;
4550
4521
  }
4551
4522
 
4552
4523
  .emotion-10:hover:not(:disabled) svg {
4553
- fill: #ffffff;
4524
+ fill: #FFFFFF;
4554
4525
  }
4555
4526
 
4556
4527
  .emotion-10:active:not(:disabled) {
4557
- color: #ffffff;
4528
+ color: #FFFFFF;
4558
4529
  -webkit-text-decoration: underline;
4559
4530
  text-decoration: underline;
4560
4531
  }
4561
4532
 
4562
4533
  .emotion-10:active:not(:disabled) svg {
4563
- fill: #ffffff;
4564
- }
4565
-
4566
- .emotion-10:visited:not(:disabled) {
4567
- color: rgba(255,255,255,0.8);
4568
- }
4569
-
4570
- .emotion-10:visited:not(:disabled) svg {
4571
- fill: rgba(255,255,255,0.8);
4534
+ fill: #FFFFFF;
4572
4535
  }
4573
4536
 
4574
4537
  .emotion-11 {
@@ -4593,11 +4556,11 @@ exports[`Article should render tile and sub title 1`] = `
4593
4556
  .emotion-12 {
4594
4557
  margin: 0;
4595
4558
  padding: 1px 0;
4596
- font-family: "Noto Sans",sans-serif;
4559
+ font-family: "DM Sans",sans-serif;
4597
4560
  font-size: 14px;
4598
4561
  line-height: 1.4285714285714286;
4599
4562
  font-weight: 500;
4600
- letter-spacing: 0;
4563
+ letter-spacing: -0.5px;
4601
4564
  display: inline-block;
4602
4565
  display: block;
4603
4566
  }
@@ -4607,7 +4570,7 @@ exports[`Article should render tile and sub title 1`] = `
4607
4570
  display: block;
4608
4571
  height: 0;
4609
4572
  width: 0;
4610
- margin-bottom: -0.32678571428571435em;
4573
+ margin-bottom: -0.3955357142857143em;
4611
4574
  }
4612
4575
 
4613
4576
  .emotion-12::after {
@@ -4615,17 +4578,17 @@ exports[`Article should render tile and sub title 1`] = `
4615
4578
  display: block;
4616
4579
  height: 0;
4617
4580
  width: 0;
4618
- margin-top: -0.4267857142857143em;
4581
+ margin-top: -0.3955357142857143em;
4619
4582
  }
4620
4583
 
4621
4584
  .emotion-35 {
4622
4585
  margin: 0;
4623
4586
  color: #535353;
4624
- font-family: "Noto Sans",sans-serif;
4587
+ font-family: "DM Sans",sans-serif;
4625
4588
  font-size: 14px;
4626
4589
  line-height: 1.4285714285714286;
4627
4590
  font-weight: 500;
4628
- letter-spacing: 0;
4591
+ letter-spacing: -0.5px;
4629
4592
  }
4630
4593
 
4631
4594
  .emotion-35 svg {