@transferwise/components 0.0.0-experimental-536d239 → 0.0.0-experimental-6e04f56

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 (95) hide show
  1. package/build/Snackbar/Snackbar.js +98 -101
  2. package/build/Snackbar/Snackbar.js.map +1 -1
  3. package/build/Snackbar/Snackbar.mjs +99 -102
  4. package/build/Snackbar/Snackbar.mjs.map +1 -1
  5. package/build/main.css +1530 -2883
  6. package/build/styles/Inputs/Input/Input.css +28 -62
  7. package/build/styles/Inputs/TextArea/TextArea.css +28 -62
  8. package/build/styles/Popover/Popover.css +9 -3
  9. package/build/styles/_deprecated/Select/Select.css +7 -27
  10. package/build/styles/css/accordion.css +52 -23
  11. package/build/styles/css/button-groups.css +8 -29
  12. package/build/styles/css/buttons.css +2 -26
  13. package/build/styles/css/decision.css +52 -23
  14. package/build/styles/css/dropdowns.css +62 -39
  15. package/build/styles/css/droppable.css +8 -28
  16. package/build/styles/css/footer.css +14 -41
  17. package/build/styles/css/input-groups.css +165 -172
  18. package/build/styles/css/list-group.css +45 -0
  19. package/build/styles/css/navbar.css +62 -39
  20. package/build/styles/css/neptune-addons.css +0 -15
  21. package/build/styles/css/neptune-core.css +526 -250
  22. package/build/styles/css/neptune.css +1486 -2823
  23. package/build/styles/css/popovers.css +60 -35
  24. package/build/styles/css/sequences.css +1 -6
  25. package/build/styles/css/tooltip.css +7 -27
  26. package/build/styles/less/neptune-tokens.less +48 -0
  27. package/build/styles/main.css +1530 -2883
  28. package/build/styles/props/neptune-tokens.css +1 -793
  29. package/build/styles/styles/less/accordion.css +52 -23
  30. package/build/styles/styles/less/button-groups.css +8 -29
  31. package/build/styles/styles/less/buttons.css +2 -26
  32. package/build/styles/styles/less/decision.css +52 -23
  33. package/build/styles/styles/less/dropdowns.css +62 -39
  34. package/build/styles/styles/less/droppable.css +8 -28
  35. package/build/styles/styles/less/footer.css +14 -41
  36. package/build/styles/styles/less/forms/bootstrap-forms.css +91 -137
  37. package/build/styles/styles/less/input-groups.css +165 -172
  38. package/build/styles/styles/less/list-group.css +45 -0
  39. package/build/styles/styles/less/navbar.css +62 -39
  40. package/build/styles/styles/less/neptune-addons.css +0 -15
  41. package/build/styles/styles/less/neptune-core.css +526 -250
  42. package/build/styles/styles/less/neptune.css +1486 -2823
  43. package/build/styles/styles/less/popovers.css +60 -35
  44. package/build/styles/styles/less/sequences.css +1 -6
  45. package/build/styles/styles/less/tooltip.css +7 -27
  46. package/build/types/Body/Body.d.ts +2 -2
  47. package/build/types/IconButton/IconButton.d.ts +1 -1
  48. package/build/types/MoneyInput/MoneyInput.d.ts +1 -1
  49. package/build/types/MoneyInput/MoneyInput.d.ts.map +1 -1
  50. package/build/types/Snackbar/Snackbar.d.ts +1 -15
  51. package/build/types/Snackbar/Snackbar.d.ts.map +1 -1
  52. package/build/types/Title/Title.d.ts +2 -2
  53. package/build/types/Upload/Steps/UploadImageStep/UploadImageStep.d.ts +1 -1
  54. package/build/types/UploadInput/UploadItem/UploadItemLink.d.ts +1 -1
  55. package/package.json +1 -1
  56. package/src/Inputs/Input/Input.css +28 -62
  57. package/src/Inputs/TextArea/TextArea.css +28 -62
  58. package/src/Popover/Popover.css +9 -3
  59. package/src/Snackbar/Snackbar.test.tsx +190 -0
  60. package/src/Snackbar/Snackbar.tsx +90 -88
  61. package/src/_deprecated/Select/Select.css +7 -27
  62. package/src/main.css +1530 -2883
  63. package/src/styles/less/accordion.css +52 -23
  64. package/src/styles/less/addons/_background-utilities.less +0 -5
  65. package/src/styles/less/button-groups.css +8 -29
  66. package/src/styles/less/button-groups.less +2 -3
  67. package/src/styles/less/buttons.css +2 -26
  68. package/src/styles/less/buttons.less +1 -1
  69. package/src/styles/less/core/_typography.less +221 -67
  70. package/src/styles/less/decision.css +52 -23
  71. package/src/styles/less/decision.less +2 -2
  72. package/src/styles/less/dropdowns.css +62 -39
  73. package/src/styles/less/dropdowns.less +5 -6
  74. package/src/styles/less/droppable.css +8 -28
  75. package/src/styles/less/droppable.less +4 -4
  76. package/src/styles/less/footer.css +14 -41
  77. package/src/styles/less/footer.less +3 -4
  78. package/src/styles/less/forms/bootstrap-forms.css +91 -137
  79. package/src/styles/less/forms/bootstrap-forms.less +57 -70
  80. package/src/styles/less/input-groups.css +165 -172
  81. package/src/styles/less/input-groups.less +5 -5
  82. package/src/styles/less/list-group.css +45 -0
  83. package/src/styles/less/list-group.less +4 -7
  84. package/src/styles/less/mixins/_text-emphasis.less +1 -7
  85. package/src/styles/less/navbar.css +62 -39
  86. package/src/styles/less/neptune-addons.css +0 -15
  87. package/src/styles/less/neptune-core.css +526 -250
  88. package/src/styles/less/neptune.bundle.less +0 -4
  89. package/src/styles/less/neptune.css +1486 -2823
  90. package/src/styles/less/popovers.css +60 -35
  91. package/src/styles/less/popovers.less +3 -3
  92. package/src/styles/less/sequences.css +1 -6
  93. package/src/styles/less/sequences.less +2 -7
  94. package/src/styles/less/tooltip.css +7 -27
  95. package/src/styles/less/tooltip.less +1 -1
@@ -91,10 +91,6 @@
91
91
  --space-medium: 32px;
92
92
  --space-large: 40px;
93
93
  --space-x-large: 56px;
94
- }
95
-
96
- /* Deprecated — do not use */
97
- :root {
98
94
  --font-size-12: 0.75rem;
99
95
  --font-size-14: 0.875rem;
100
96
  --font-size-16: 1rem;
@@ -106,13 +102,6 @@
106
102
  --font-size-28: 1.75rem;
107
103
  --font-size-30: 1.875rem;
108
104
  --font-size-32: 2rem;
109
- --font-size-40: 2.5rem;
110
- --font-size-48: 3rem;
111
- --font-size-52: 3.25rem;
112
- --font-size-56: 3.5rem;
113
- --font-size-60: 3.75rem;
114
- --font-size-64: 4rem;
115
- --font-size-100: 6.25rem;
116
105
  --letter-spacing-xxs: 0.005em;
117
106
  --letter-spacing-xs: 0.01em;
118
107
  --letter-spacing-sm: 0.0125em;
@@ -140,798 +129,18 @@
140
129
  --line-height-42: 2.625rem;
141
130
  --line-height-48: 3rem;
142
131
  --line-height-title: 1.2;
143
- --line-height-control: 1.2;
144
132
  --line-height-body: 1.5;
133
+ --line-height-control: 1.2;
145
134
  --font-weight-light: 300;
146
135
  --font-weight-regular: 400;
147
136
  --font-weight-medium: 500;
148
137
  --font-weight-semi-bold: 600;
149
138
  --font-weight-bold: 700;
150
- --font-weight-heavy: 800;
151
139
  --font-weight-black: 900;
152
140
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
153
141
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
154
142
  }
155
143
 
156
- :root {
157
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
158
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
159
-
160
- --wds-font-weight-display-large: 800;
161
- --wds-font-size-display-large: 4rem;
162
- --wds-line-height-display-large: 0.85;
163
- --wds-letter-spacing-display-large: 0;
164
-
165
- --wds-font-weight-display-medium: 800;
166
- --wds-font-size-display-medium: 3.25rem;
167
- --wds-line-height-display-medium: 0.8115;
168
- --wds-letter-spacing-display-medium: 0;
169
-
170
- --wds-font-weight-display-small: 800;
171
- --wds-font-size-display-small: 2.5rem;
172
- --wds-line-height-display-small: 0.85;
173
- --wds-letter-spacing-display-small: 0;
174
-
175
- --wds-font-weight-display-number-small: 600;
176
- --wds-font-size-display-number-small: 2.5rem;
177
- --wds-line-height-display-number-small: 1.1;
178
- --wds-letter-spacing-display-number-small: -0.022em;
179
-
180
- --wds-font-weight-display-number-medium: 800;
181
- --wds-font-size-display-number-medium: 3.25rem;
182
- --wds-line-height-display-number-medium: 0.8462;
183
- --wds-letter-spacing-display-number-medium: 0;
184
-
185
- --wds-font-weight-display-number-large: 800;
186
- --wds-font-size-display-number-large: 6.25rem;
187
- --wds-line-height-display-number-large: 0.85;
188
- --wds-letter-spacing-display-number-large: 0;
189
-
190
- --wds-font-weight-title-screen: 600;
191
- --wds-font-size-title-screen: 1.875rem;
192
- --wds-line-height-title-screen: 1.15;
193
- --wds-letter-spacing-title-screen: -0.021em;
194
- --wds-paragraph-spacing-title-screen: 0.5rem;
195
-
196
- --wds-font-weight-title-section: 600;
197
- --wds-font-size-title-section: 1.625rem;
198
- --wds-line-height-title-section: 1.22;
199
- --wds-letter-spacing-title-section: -0.02em;
200
- --wds-paragraph-spacing-title-section: 0.5rem;
201
-
202
- --wds-font-weight-title-subsection: 600;
203
- --wds-font-size-title-subsection: 1.375rem;
204
- --wds-line-height-title-subsection: 1.25;
205
- --wds-letter-spacing-title-subsection: -0.018em;
206
- --wds-paragraph-spacing-title-subsection: 0.5rem;
207
-
208
- --wds-font-weight-title-body: 600;
209
- --wds-font-size-title-body: 1.125rem;
210
- --wds-line-height-title-body: 1.35;
211
- --wds-letter-spacing-title-body: -0.014em;
212
- --wds-paragraph-spacing-title-body: 0.5rem;
213
-
214
- --wds-font-weight-title-group: 500;
215
- --wds-font-size-title-group: 0.875rem;
216
- --wds-line-height-title-group: 1.4;
217
- --wds-letter-spacing-title-group: -0.018em;
218
- --wds-paragraph-spacing-title-group: 0.5rem;
219
-
220
- --wds-font-weight-body-large-regular: 400;
221
- --wds-font-weight-body-large-bold: 600;
222
- --wds-font-size-body-large: 1rem;
223
- --wds-line-height-body-large: 1.5;
224
- --wds-letter-spacing-body-large: -0.011em;
225
- --wds-paragraph-spacing-body-large: 0.5rem;
226
-
227
- --wds-font-weight-body-regular: 400;
228
- --wds-font-weight-body-bold: 600;
229
- --wds-font-size-body: 0.875rem;
230
- --wds-line-height-body: 1.55;
231
- --wds-letter-spacing-body: -0.006em;
232
- --wds-paragraph-spacing-body: 0.5rem;
233
-
234
- --wds-font-weight-nav-regular: 400;
235
- --wds-font-weight-nav-bold: 600;
236
- --wds-font-size-nav: 0.75rem;
237
- --wds-line-height-nav: 1.5;
238
- --wds-letter-spacing-nav: 0;
239
- }
240
-
241
- :lang(ar) {
242
- --wds-font-family-display: 'Rubik', sans-serif;
243
- --wds-font-family-regular: 'Vazirmatn', sans-serif;
244
-
245
- --wds-font-weight-display-large: 900;
246
- --wds-font-size-display-large: 4rem;
247
- --wds-line-height-display-large: 1.45;
248
- --wds-letter-spacing-display-large: 0;
249
-
250
- --wds-font-weight-display-medium: 900;
251
- --wds-font-size-display-medium: 3.25rem;
252
- --wds-line-height-display-medium: 1.45;
253
- --wds-letter-spacing-display-medium: 0;
254
-
255
- --wds-font-weight-display-small: 900;
256
- --wds-font-size-display-small: 2.6875rem;
257
- --wds-line-height-display-small: 1.4498;
258
- --wds-letter-spacing-display-small: 0;
259
-
260
- --wds-font-weight-display-number-small: 600;
261
- --wds-font-size-display-number-small: 2.6875rem;
262
- --wds-line-height-display-number-small: 1.24;
263
- --wds-letter-spacing-display-number-small: 0;
264
-
265
- --wds-font-weight-display-number-medium: 800;
266
- --wds-font-size-display-number-medium: 3.25rem;
267
- --wds-line-height-display-number-medium: 0.8;
268
- --wds-letter-spacing-display-number-medium: 0;
269
-
270
- --wds-font-weight-display-number-large: 800;
271
- --wds-font-size-display-number-large: 6.25rem;
272
- --wds-line-height-display-number-large: 0.85;
273
- --wds-letter-spacing-display-number-large: 0;
274
-
275
- --wds-font-weight-title-screen: 600;
276
- --wds-font-size-title-screen: 2.125rem;
277
- --wds-line-height-title-screen: 1.6;
278
- --wds-letter-spacing-title-screen: 0;
279
- --wds-paragraph-spacing-title-screen: 0.875rem;
280
-
281
- --wds-font-weight-title-section: 600;
282
- --wds-font-size-title-section: 1.875rem;
283
- --wds-line-height-title-section: 1.68;
284
- --wds-letter-spacing-title-section: 0;
285
- --wds-paragraph-spacing-title-section: 0.875rem;
286
-
287
- --wds-font-weight-title-subsection: 600;
288
- --wds-font-size-title-subsection: 1.625rem;
289
- --wds-line-height-title-subsection: 1.74;
290
- --wds-letter-spacing-title-subsection: 0;
291
- --wds-paragraph-spacing-title-subsection: 0.875rem;
292
-
293
- --wds-font-weight-title-body: 600;
294
- --wds-font-size-title-body: 1.375rem;
295
- --wds-line-height-title-body: 1.84;
296
- --wds-letter-spacing-title-body: 0;
297
- --wds-paragraph-spacing-title-body: 0.875rem;
298
-
299
- --wds-font-weight-title-group: 500;
300
- --wds-font-size-title-group: 1.0625rem;
301
- --wds-line-height-title-group: 1.9;
302
- --wds-letter-spacing-title-group: 0;
303
- --wds-paragraph-spacing-title-group: 0.875rem;
304
-
305
- --wds-font-weight-body-large-regular: 300;
306
- --wds-font-weight-body-large-bold: 600;
307
- --wds-font-size-body-large: 1.1875rem;
308
- --wds-line-height-body-large: 1.75;
309
- --wds-letter-spacing-body-large: 0;
310
- --wds-paragraph-spacing-body-large: 0.875rem;
311
-
312
- --wds-font-weight-body-regular: 300;
313
- --wds-font-weight-body-bold: 600;
314
- --wds-font-size-body: 1.0625rem;
315
- --wds-line-height-body: 1.8;
316
- --wds-letter-spacing-body: 0;
317
- --wds-paragraph-spacing-body: 0.875rem;
318
-
319
- --wds-font-weight-nav-regular: 300;
320
- --wds-font-weight-nav-bold: 600;
321
- --wds-font-size-nav: 0.9375rem;
322
- --wds-line-height-nav: 1.9;
323
- --wds-letter-spacing-nav: 0;
324
- }
325
-
326
- :lang(fr),
327
- :lang(de),
328
- :lang(es),
329
- :lang(pt),
330
- :lang(it),
331
- :lang(nl),
332
- :lang(pl),
333
- :lang(ro),
334
- :lang(cs),
335
- :lang(hu),
336
- :lang(tr),
337
- :lang(id) {
338
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
339
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
340
-
341
- --wds-font-weight-display-large: 800;
342
- --wds-font-size-display-large: 4rem;
343
- --wds-line-height-display-large: 1.05;
344
- --wds-letter-spacing-display-large: 0;
345
-
346
- --wds-font-weight-display-medium: 800;
347
- --wds-font-size-display-medium: 3.25rem;
348
- --wds-line-height-display-medium: 1.05;
349
- --wds-letter-spacing-display-medium: 0;
350
-
351
- --wds-font-weight-display-small: 800;
352
- --wds-font-size-display-small: 2.5rem;
353
- --wds-line-height-display-small: 1.05;
354
- --wds-letter-spacing-display-small: 0;
355
-
356
- --wds-font-weight-display-number-small: 600;
357
- --wds-font-size-display-number-small: 2.5rem;
358
- --wds-line-height-display-number-small: 1.1;
359
- --wds-letter-spacing-display-number-small: -0.022em;
360
-
361
- --wds-font-weight-display-number-medium: 800;
362
- --wds-font-size-display-number-medium: 3.25rem;
363
- --wds-line-height-display-number-medium: 0.8462;
364
- --wds-letter-spacing-display-number-medium: 0;
365
-
366
- --wds-font-weight-display-number-large: 800;
367
- --wds-font-size-display-number-large: 6.25rem;
368
- --wds-line-height-display-number-large: 0.85;
369
- --wds-letter-spacing-display-number-large: 0;
370
-
371
- --wds-font-weight-title-screen: 600;
372
- --wds-font-size-title-screen: 1.875rem;
373
- --wds-line-height-title-screen: 1.15;
374
- --wds-letter-spacing-title-screen: -0.021em;
375
- --wds-paragraph-spacing-title-screen: 0.5rem;
376
-
377
- --wds-font-weight-title-section: 600;
378
- --wds-font-size-title-section: 1.625rem;
379
- --wds-line-height-title-section: 1.22;
380
- --wds-letter-spacing-title-section: -0.02em;
381
- --wds-paragraph-spacing-title-section: 0.5rem;
382
-
383
- --wds-font-weight-title-subsection: 600;
384
- --wds-font-size-title-subsection: 1.375rem;
385
- --wds-line-height-title-subsection: 1.25;
386
- --wds-letter-spacing-title-subsection: -0.018em;
387
- --wds-paragraph-spacing-title-subsection: 0.5rem;
388
-
389
- --wds-font-weight-title-body: 600;
390
- --wds-font-size-title-body: 1.125rem;
391
- --wds-line-height-title-body: 1.35;
392
- --wds-letter-spacing-title-body: -0.014em;
393
- --wds-paragraph-spacing-title-body: 0.5rem;
394
-
395
- --wds-font-weight-title-group: 500;
396
- --wds-font-size-title-group: 0.875rem;
397
- --wds-line-height-title-group: 1.4;
398
- --wds-letter-spacing-title-group: -0.018em;
399
- --wds-paragraph-spacing-title-group: 0.5rem;
400
-
401
- --wds-font-weight-body-large-regular: 400;
402
- --wds-font-weight-body-large-bold: 600;
403
- --wds-font-size-body-large: 1rem;
404
- --wds-line-height-body-large: 1.5;
405
- --wds-letter-spacing-body-large: -0.011em;
406
- --wds-paragraph-spacing-body-large: 0.5rem;
407
-
408
- --wds-font-weight-body-regular: 400;
409
- --wds-font-weight-body-bold: 600;
410
- --wds-font-size-body: 0.875rem;
411
- --wds-line-height-body: 1.55;
412
- --wds-letter-spacing-body: -0.006em;
413
- --wds-paragraph-spacing-body: 0.5rem;
414
-
415
- --wds-font-weight-nav-regular: 400;
416
- --wds-font-weight-nav-bold: 600;
417
- --wds-font-size-nav: 0.75rem;
418
- --wds-line-height-nav: 1.5;
419
- --wds-letter-spacing-nav: 0;
420
- }
421
-
422
- :lang(el),
423
- :lang(ru),
424
- :lang(uk) {
425
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
426
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
427
-
428
- --wds-font-weight-display-large: 800;
429
- --wds-font-size-display-large: 3.75rem;
430
- --wds-line-height-display-large: 1.2;
431
- --wds-letter-spacing-display-large: 0;
432
-
433
- --wds-font-weight-display-medium: 800;
434
- --wds-font-size-display-medium: 3rem;
435
- --wds-line-height-display-medium: 1.2;
436
- --wds-letter-spacing-display-medium: 0;
437
-
438
- --wds-font-weight-display-small: 800;
439
- --wds-font-size-display-small: 2.5rem;
440
- --wds-line-height-display-small: 1.2;
441
- --wds-letter-spacing-display-small: 0;
442
-
443
- --wds-font-weight-display-number-small: 600;
444
- --wds-font-size-display-number-small: 2.5rem;
445
- --wds-line-height-display-number-small: 1.1;
446
- --wds-letter-spacing-display-number-small: -0.022em;
447
-
448
- --wds-font-weight-display-number-medium: 800;
449
- --wds-font-size-display-number-medium: 3.25rem;
450
- --wds-line-height-display-number-medium: 0.8462;
451
- --wds-letter-spacing-display-number-medium: 0;
452
-
453
- --wds-font-weight-display-number-large: 800;
454
- --wds-font-size-display-number-large: 6.25rem;
455
- --wds-line-height-display-number-large: 0.85;
456
- --wds-letter-spacing-display-number-large: 0;
457
-
458
- --wds-font-weight-title-screen: 600;
459
- --wds-font-size-title-screen: 1.875rem;
460
- --wds-line-height-title-screen: 1.15;
461
- --wds-letter-spacing-title-screen: -0.021em;
462
- --wds-paragraph-spacing-title-screen: 0.5rem;
463
-
464
- --wds-font-weight-title-section: 600;
465
- --wds-font-size-title-section: 1.625rem;
466
- --wds-line-height-title-section: 1.22;
467
- --wds-letter-spacing-title-section: -0.02em;
468
- --wds-paragraph-spacing-title-section: 0.5rem;
469
-
470
- --wds-font-weight-title-subsection: 600;
471
- --wds-font-size-title-subsection: 1.375rem;
472
- --wds-line-height-title-subsection: 1.25;
473
- --wds-letter-spacing-title-subsection: -0.018em;
474
- --wds-paragraph-spacing-title-subsection: 0.5rem;
475
-
476
- --wds-font-weight-title-body: 600;
477
- --wds-font-size-title-body: 1.125rem;
478
- --wds-line-height-title-body: 1.35;
479
- --wds-letter-spacing-title-body: -0.014em;
480
- --wds-paragraph-spacing-title-body: 0.5rem;
481
-
482
- --wds-font-weight-title-group: 500;
483
- --wds-font-size-title-group: 0.875rem;
484
- --wds-line-height-title-group: 1.4;
485
- --wds-letter-spacing-title-group: -0.018em;
486
- --wds-paragraph-spacing-title-group: 0.5rem;
487
-
488
- --wds-font-weight-body-large-regular: 400;
489
- --wds-font-weight-body-large-bold: 600;
490
- --wds-font-size-body-large: 1rem;
491
- --wds-line-height-body-large: 1.5;
492
- --wds-letter-spacing-body-large: -0.011em;
493
- --wds-paragraph-spacing-body-large: 0.5rem;
494
-
495
- --wds-font-weight-body-regular: 400;
496
- --wds-font-weight-body-bold: 600;
497
- --wds-font-size-body: 0.875rem;
498
- --wds-line-height-body: 1.55;
499
- --wds-letter-spacing-body: -0.006em;
500
- --wds-paragraph-spacing-body: 0.5rem;
501
-
502
- --wds-font-weight-nav-regular: 400;
503
- --wds-font-weight-nav-bold: 600;
504
- --wds-font-size-nav: 0.75rem;
505
- --wds-line-height-nav: 1.5;
506
- --wds-letter-spacing-nav: 0;
507
- }
508
-
509
- :lang(ja) {
510
- --wds-font-family-display: 'Zen Kaku Gothic Antique', sans-serif;
511
- --wds-font-family-regular: 'Zen Kaku Gothic Antique', sans-serif;
512
-
513
- --wds-font-weight-display-large: 900;
514
- --wds-font-size-display-large: 3.5rem;
515
- --wds-line-height-display-large: 1.2;
516
- --wds-letter-spacing-display-large: 0;
517
-
518
- --wds-font-weight-display-medium: 900;
519
- --wds-font-size-display-medium: 3rem;
520
- --wds-line-height-display-medium: 1.2;
521
- --wds-letter-spacing-display-medium: 0;
522
-
523
- --wds-font-weight-display-small: 900;
524
- --wds-font-size-display-small: 2.5rem;
525
- --wds-line-height-display-small: 1.2;
526
- --wds-letter-spacing-display-small: 0;
527
-
528
- --wds-font-weight-display-number-small: 900;
529
- --wds-font-size-display-number-small: 2.5rem;
530
- --wds-line-height-display-number-small: 1.2;
531
- --wds-letter-spacing-display-number-small: 0;
532
-
533
- --wds-font-weight-display-number-medium: 900;
534
- --wds-font-size-display-number-medium: 3.25rem;
535
- --wds-line-height-display-number-medium: 0.8;
536
- --wds-letter-spacing-display-number-medium: 0;
537
-
538
- --wds-font-weight-display-number-large: 900;
539
- --wds-font-size-display-number-large: 6.25rem;
540
- --wds-line-height-display-number-large: 0.8;
541
- --wds-letter-spacing-display-number-large: 0;
542
-
543
- --wds-font-weight-title-screen: 700;
544
- --wds-font-size-title-screen: 1.875rem;
545
- --wds-line-height-title-screen: 1.1333;
546
- --wds-letter-spacing-title-screen: 0;
547
- --wds-paragraph-spacing-title-screen: 0.5rem;
548
-
549
- --wds-font-weight-title-section: 700;
550
- --wds-font-size-title-section: 1.625rem;
551
- --wds-line-height-title-section: 1.2308;
552
- --wds-letter-spacing-title-section: 0;
553
- --wds-paragraph-spacing-title-section: 0.5rem;
554
-
555
- --wds-font-weight-title-subsection: 700;
556
- --wds-font-size-title-subsection: 1.375rem;
557
- --wds-line-height-title-subsection: 1.2727;
558
- --wds-letter-spacing-title-subsection: 0;
559
- --wds-paragraph-spacing-title-subsection: 0.5rem;
560
-
561
- --wds-font-weight-title-body: 700;
562
- --wds-font-size-title-body: 1.125rem;
563
- --wds-line-height-title-body: 1.3333;
564
- --wds-letter-spacing-title-body: 0;
565
- --wds-paragraph-spacing-title-body: 0.5rem;
566
-
567
- --wds-font-weight-title-group: 700;
568
- --wds-font-size-title-group: 0.875rem;
569
- --wds-line-height-title-group: 1.4286;
570
- --wds-letter-spacing-title-group: 0;
571
- --wds-paragraph-spacing-title-group: 0;
572
-
573
- --wds-font-weight-body-large-regular: 400;
574
- --wds-font-weight-body-large-bold: 700;
575
- --wds-font-size-body-large: 1rem;
576
- --wds-line-height-body-large: 1.5;
577
- --wds-letter-spacing-body-large: 0;
578
- --wds-paragraph-spacing-body-large: 0.5rem;
579
-
580
- --wds-font-weight-body-regular: 400;
581
- --wds-font-weight-body-bold: 700;
582
- --wds-font-size-body: 0.875rem;
583
- --wds-line-height-body: 1.5714;
584
- --wds-letter-spacing-body: 0;
585
- --wds-paragraph-spacing-body: 0.5rem;
586
-
587
- --wds-font-weight-nav-regular: 500;
588
- --wds-font-weight-nav-bold: 700;
589
- --wds-font-size-nav: 0.75rem;
590
- --wds-line-height-nav: 1.5;
591
- --wds-letter-spacing-nav: 0;
592
- }
593
-
594
- :lang(zh-CN),
595
- :lang(zh-HK) {
596
- --wds-font-family-display: 'Noto Sans SC', sans-serif;
597
- --wds-font-family-regular: 'Noto Sans SC', sans-serif;
598
-
599
- --wds-font-weight-display-large: 700;
600
- --wds-font-size-display-large: 3.5rem;
601
- --wds-line-height-display-large: 1.2;
602
- --wds-letter-spacing-display-large: 0;
603
-
604
- --wds-font-weight-display-medium: 700;
605
- --wds-font-size-display-medium: 3rem;
606
- --wds-line-height-display-medium: 1.2;
607
- --wds-letter-spacing-display-medium: 0;
608
-
609
- --wds-font-weight-display-small: 700;
610
- --wds-font-size-display-small: 2.5rem;
611
- --wds-line-height-display-small: 1.2;
612
- --wds-letter-spacing-display-small: 0;
613
-
614
- --wds-font-weight-display-number-small: 700;
615
- --wds-font-size-display-number-small: 2.5rem;
616
- --wds-line-height-display-number-small: 1.2;
617
- --wds-letter-spacing-display-number-small: 0;
618
-
619
- --wds-font-weight-display-number-medium: 800;
620
- --wds-font-size-display-number-medium: 3.25rem;
621
- --wds-line-height-display-number-medium: 0.8462;
622
- --wds-letter-spacing-display-number-medium: 0;
623
-
624
- --wds-font-weight-display-number-large: 800;
625
- --wds-font-size-display-number-large: 6.25rem;
626
- --wds-line-height-display-number-large: 0.85;
627
- --wds-letter-spacing-display-number-large: 0;
628
-
629
- --wds-font-weight-title-screen: 700;
630
- --wds-font-size-title-screen: 1.875rem;
631
- --wds-line-height-title-screen: 1.1333;
632
- --wds-letter-spacing-title-screen: 0;
633
- --wds-paragraph-spacing-title-screen: 0.5rem;
634
-
635
- --wds-font-weight-title-section: 700;
636
- --wds-font-size-title-section: 1.625rem;
637
- --wds-line-height-title-section: 1.2308;
638
- --wds-letter-spacing-title-section: 0;
639
- --wds-paragraph-spacing-title-section: 0.5rem;
640
-
641
- --wds-font-weight-title-subsection: 700;
642
- --wds-font-size-title-subsection: 1.375rem;
643
- --wds-line-height-title-subsection: 1.2727;
644
- --wds-letter-spacing-title-subsection: 0;
645
- --wds-paragraph-spacing-title-subsection: 0.5rem;
646
-
647
- --wds-font-weight-title-body: 700;
648
- --wds-font-size-title-body: 1.125rem;
649
- --wds-line-height-title-body: 1.3333;
650
- --wds-letter-spacing-title-body: 0;
651
- --wds-paragraph-spacing-title-body: 0.5rem;
652
-
653
- --wds-font-weight-title-group: 700;
654
- --wds-font-size-title-group: 0.875rem;
655
- --wds-line-height-title-group: 1.4286;
656
- --wds-letter-spacing-title-group: 0;
657
- --wds-paragraph-spacing-title-group: 0;
658
-
659
- --wds-font-weight-body-large-regular: 400;
660
- --wds-font-weight-body-large-bold: 700;
661
- --wds-font-size-body-large: 1rem;
662
- --wds-line-height-body-large: 1.5;
663
- --wds-letter-spacing-body-large: 0;
664
- --wds-paragraph-spacing-body-large: 0.5rem;
665
-
666
- --wds-font-weight-body-regular: 400;
667
- --wds-font-weight-body-bold: 700;
668
- --wds-font-size-body: 0.875rem;
669
- --wds-line-height-body: 1.5714;
670
- --wds-letter-spacing-body: 0;
671
- --wds-paragraph-spacing-body: 0.5rem;
672
-
673
- --wds-font-weight-nav-regular: 500;
674
- --wds-font-weight-nav-bold: 700;
675
- --wds-font-size-nav: 0.75rem;
676
- --wds-line-height-nav: 1.5;
677
- --wds-letter-spacing-nav: 0;
678
- }
679
-
680
- :lang(th) {
681
- --wds-font-family-display: 'Noto Sans Thai', sans-serif;
682
- --wds-font-family-regular: 'Noto Sans Thai', sans-serif;
683
-
684
- --wds-font-weight-display-large: 700;
685
- --wds-font-size-display-large: 3.5rem;
686
- --wds-line-height-display-large: 1.3036;
687
- --wds-letter-spacing-display-large: 0;
688
-
689
- --wds-font-weight-display-medium: 700;
690
- --wds-font-size-display-medium: 3rem;
691
- --wds-line-height-display-medium: 1.2917;
692
- --wds-letter-spacing-display-medium: 0;
693
-
694
- --wds-font-weight-display-small: 700;
695
- --wds-font-size-display-small: 2.5rem;
696
- --wds-line-height-display-small: 1.3;
697
- --wds-letter-spacing-display-small: 0;
698
-
699
- --wds-font-weight-display-number-small: 700;
700
- --wds-font-size-display-number-small: 2.5rem;
701
- --wds-line-height-display-number-small: 1.3;
702
- --wds-letter-spacing-display-number-small: 0;
703
-
704
- --wds-font-weight-display-number-medium: 800;
705
- --wds-font-size-display-number-medium: 3.25rem;
706
- --wds-line-height-display-number-medium: 0.8462;
707
- --wds-letter-spacing-display-number-medium: 0;
708
-
709
- --wds-font-weight-display-number-large: 800;
710
- --wds-font-size-display-number-large: 6.25rem;
711
- --wds-line-height-display-number-large: 0.85;
712
- --wds-letter-spacing-display-number-large: 0;
713
-
714
- --wds-font-weight-title-screen: 700;
715
- --wds-font-size-title-screen: 1.875rem;
716
- --wds-line-height-title-screen: 1.1333;
717
- --wds-letter-spacing-title-screen: 0;
718
- --wds-paragraph-spacing-title-screen: 0.5rem;
719
-
720
- --wds-font-weight-title-section: 700;
721
- --wds-font-size-title-section: 1.625rem;
722
- --wds-line-height-title-section: 1.2308;
723
- --wds-letter-spacing-title-section: 0;
724
- --wds-paragraph-spacing-title-section: 0.5rem;
725
-
726
- --wds-font-weight-title-subsection: 700;
727
- --wds-font-size-title-subsection: 1.375rem;
728
- --wds-line-height-title-subsection: 1.2727;
729
- --wds-letter-spacing-title-subsection: 0;
730
- --wds-paragraph-spacing-title-subsection: 0.5rem;
731
-
732
- --wds-font-weight-title-body: 700;
733
- --wds-font-size-title-body: 1.125rem;
734
- --wds-line-height-title-body: 1.3333;
735
- --wds-letter-spacing-title-body: 0;
736
- --wds-paragraph-spacing-title-body: 0.5rem;
737
-
738
- --wds-font-weight-title-group: 700;
739
- --wds-font-size-title-group: 0.875rem;
740
- --wds-line-height-title-group: 1.4286;
741
- --wds-letter-spacing-title-group: 0;
742
- --wds-paragraph-spacing-title-group: 0;
743
-
744
- --wds-font-weight-body-large-regular: 400;
745
- --wds-font-weight-body-large-bold: 700;
746
- --wds-font-size-body-large: 1rem;
747
- --wds-line-height-body-large: 1.5;
748
- --wds-letter-spacing-body-large: 0;
749
- --wds-paragraph-spacing-body-large: 0.5rem;
750
-
751
- --wds-font-weight-body-regular: 400;
752
- --wds-font-weight-body-bold: 700;
753
- --wds-font-size-body: 0.875rem;
754
- --wds-line-height-body: 1.5714;
755
- --wds-letter-spacing-body: 0;
756
- --wds-paragraph-spacing-body: 0.5rem;
757
-
758
- --wds-font-weight-nav-regular: 500;
759
- --wds-font-weight-nav-bold: 700;
760
- --wds-font-size-nav: 0.75rem;
761
- --wds-line-height-nav: 1.5;
762
- --wds-letter-spacing-nav: 0;
763
- }
764
-
765
- :lang(ko) {
766
- --wds-font-family-display: 'Noto Sans KR', sans-serif;
767
- --wds-font-family-regular: 'Noto Sans KR', sans-serif;
768
-
769
- --wds-font-weight-display-large: 700;
770
- --wds-font-size-display-large: 3.5rem;
771
- --wds-line-height-display-large: 1.2;
772
- --wds-letter-spacing-display-large: 0;
773
-
774
- --wds-font-weight-display-medium: 700;
775
- --wds-font-size-display-medium: 3rem;
776
- --wds-line-height-display-medium: 1.2;
777
- --wds-letter-spacing-display-medium: 0;
778
-
779
- --wds-font-weight-display-small: 700;
780
- --wds-font-size-display-small: 2.5rem;
781
- --wds-line-height-display-small: 1.2;
782
- --wds-letter-spacing-display-small: 0;
783
-
784
- --wds-font-weight-display-number-small: 700;
785
- --wds-font-size-display-number-small: 2.5rem;
786
- --wds-line-height-display-number-small: 1.2;
787
- --wds-letter-spacing-display-number-small: 0;
788
-
789
- --wds-font-weight-display-number-medium: 800;
790
- --wds-font-size-display-number-medium: 3.25rem;
791
- --wds-line-height-display-number-medium: 0.8462;
792
- --wds-letter-spacing-display-number-medium: 0;
793
-
794
- --wds-font-weight-display-number-large: 800;
795
- --wds-font-size-display-number-large: 6.25rem;
796
- --wds-line-height-display-number-large: 0.85;
797
- --wds-letter-spacing-display-number-large: 0;
798
-
799
- --wds-font-weight-title-screen: 700;
800
- --wds-font-size-title-screen: 1.875rem;
801
- --wds-line-height-title-screen: 1.1333;
802
- --wds-letter-spacing-title-screen: 0;
803
- --wds-paragraph-spacing-title-screen: 0.5rem;
804
-
805
- --wds-font-weight-title-section: 700;
806
- --wds-font-size-title-section: 1.625rem;
807
- --wds-line-height-title-section: 1.2308;
808
- --wds-letter-spacing-title-section: 0;
809
- --wds-paragraph-spacing-title-section: 0.5rem;
810
-
811
- --wds-font-weight-title-subsection: 700;
812
- --wds-font-size-title-subsection: 1.375rem;
813
- --wds-line-height-title-subsection: 1.2727;
814
- --wds-letter-spacing-title-subsection: 0;
815
- --wds-paragraph-spacing-title-subsection: 0.5rem;
816
-
817
- --wds-font-weight-title-body: 700;
818
- --wds-font-size-title-body: 1.125rem;
819
- --wds-line-height-title-body: 1.3333;
820
- --wds-letter-spacing-title-body: 0;
821
- --wds-paragraph-spacing-title-body: 0.5rem;
822
-
823
- --wds-font-weight-title-group: 700;
824
- --wds-font-size-title-group: 0.875rem;
825
- --wds-line-height-title-group: 1.4286;
826
- --wds-letter-spacing-title-group: 0;
827
- --wds-paragraph-spacing-title-group: 0;
828
-
829
- --wds-font-weight-body-large-regular: 400;
830
- --wds-font-weight-body-large-bold: 700;
831
- --wds-font-size-body-large: 1rem;
832
- --wds-line-height-body-large: 1.5;
833
- --wds-letter-spacing-body-large: 0;
834
- --wds-paragraph-spacing-body-large: 0.5rem;
835
-
836
- --wds-font-weight-body-regular: 400;
837
- --wds-font-weight-body-bold: 700;
838
- --wds-font-size-body: 0.875rem;
839
- --wds-line-height-body: 1.5714;
840
- --wds-letter-spacing-body: 0;
841
- --wds-paragraph-spacing-body: 0.5rem;
842
-
843
- --wds-font-weight-nav-regular: 500;
844
- --wds-font-weight-nav-bold: 700;
845
- --wds-font-size-nav: 0.75rem;
846
- --wds-line-height-nav: 1.5;
847
- --wds-letter-spacing-nav: 0;
848
- }
849
-
850
- :lang(he) {
851
- --wds-font-family-display: 'Noto Sans Hebrew', sans-serif;
852
- --wds-font-family-regular: 'Noto Sans Hebrew', sans-serif;
853
-
854
- --wds-font-weight-display-large: 700;
855
- --wds-font-size-display-large: 4rem;
856
- --wds-line-height-display-large: 1.2031;
857
- --wds-letter-spacing-display-large: 0;
858
-
859
- --wds-font-weight-display-medium: 700;
860
- --wds-font-size-display-medium: 3.25rem;
861
- --wds-line-height-display-medium: 1.1923;
862
- --wds-letter-spacing-display-medium: 0;
863
-
864
- --wds-font-weight-display-small: 700;
865
- --wds-font-size-display-small: 2.5rem;
866
- --wds-line-height-display-small: 1.2;
867
- --wds-letter-spacing-display-small: 0;
868
-
869
- --wds-font-weight-display-number-small: 700;
870
- --wds-font-size-display-number-small: 2.5rem;
871
- --wds-line-height-display-number-small: 1.2;
872
- --wds-letter-spacing-display-number-small: 0;
873
-
874
- --wds-font-weight-display-number-medium: 800;
875
- --wds-font-size-display-number-medium: 3.25rem;
876
- --wds-line-height-display-number-medium: 0.8462;
877
- --wds-letter-spacing-display-number-medium: 0;
878
-
879
- --wds-font-weight-display-number-large: 800;
880
- --wds-font-size-display-number-large: 6.25rem;
881
- --wds-line-height-display-number-large: 0.85;
882
- --wds-letter-spacing-display-number-large: 0;
883
-
884
- --wds-font-weight-title-screen: 700;
885
- --wds-font-size-title-screen: 1.875rem;
886
- --wds-line-height-title-screen: 1.2;
887
- --wds-letter-spacing-title-screen: 0;
888
- --wds-paragraph-spacing-title-screen: 0.5rem;
889
-
890
- --wds-font-weight-title-section: 700;
891
- --wds-font-size-title-section: 1.625rem;
892
- --wds-line-height-title-section: 1.2308;
893
- --wds-letter-spacing-title-section: 0;
894
- --wds-paragraph-spacing-title-section: 0.5rem;
895
-
896
- --wds-font-weight-title-subsection: 700;
897
- --wds-font-size-title-subsection: 1.375rem;
898
- --wds-line-height-title-subsection: 1.2727;
899
- --wds-letter-spacing-title-subsection: 0;
900
- --wds-paragraph-spacing-title-subsection: 0.5rem;
901
-
902
- --wds-font-weight-title-body: 700;
903
- --wds-font-size-title-body: 1.125rem;
904
- --wds-line-height-title-body: 1.3333;
905
- --wds-letter-spacing-title-body: 0;
906
- --wds-paragraph-spacing-title-body: 0.5rem;
907
-
908
- --wds-font-weight-title-group: 700;
909
- --wds-font-size-title-group: 0.875rem;
910
- --wds-line-height-title-group: 1.4286;
911
- --wds-letter-spacing-title-group: 0;
912
- --wds-paragraph-spacing-title-group: 0;
913
-
914
- --wds-font-weight-body-large-regular: 400;
915
- --wds-font-weight-body-large-bold: 700;
916
- --wds-font-size-body-large: 1rem;
917
- --wds-line-height-body-large: 1.5;
918
- --wds-letter-spacing-body-large: 0;
919
- --wds-paragraph-spacing-body-large: 0.5rem;
920
-
921
- --wds-font-weight-body-regular: 400;
922
- --wds-font-weight-body-bold: 700;
923
- --wds-font-size-body: 0.875rem;
924
- --wds-line-height-body: 1.5714;
925
- --wds-letter-spacing-body: 0;
926
- --wds-paragraph-spacing-body: 0.5rem;
927
-
928
- --wds-font-weight-nav-regular: 500;
929
- --wds-font-weight-nav-bold: 700;
930
- --wds-font-size-nav: 0.75rem;
931
- --wds-line-height-nav: 1.5;
932
- --wds-letter-spacing-nav: 0;
933
- }
934
-
935
144
  /**
936
145
  * Do not edit directly, this file was auto-generated.
937
146
  */
@@ -1065,6 +274,54 @@
1065
274
  --space-medium: 32px;
1066
275
  --space-large: 40px;
1067
276
  --space-x-large: 56px;
277
+ --font-size-12: 0.75rem;
278
+ --font-size-14: 0.875rem;
279
+ --font-size-16: 1rem;
280
+ --font-size-18: 1.125rem;
281
+ --font-size-20: 1.25rem;
282
+ --font-size-22: 1.375rem;
283
+ --font-size-24: 1.5rem;
284
+ --font-size-26: 1.625rem;
285
+ --font-size-28: 1.75rem;
286
+ --font-size-30: 1.875rem;
287
+ --font-size-32: 2rem;
288
+ --letter-spacing-xxs: 0.005em;
289
+ --letter-spacing-xs: 0.01em;
290
+ --letter-spacing-sm: 0.0125em;
291
+ --letter-spacing-md: 0.015em;
292
+ --letter-spacing-lg: 0.02em;
293
+ --letter-spacing-xl: 0.025em;
294
+ --letter-spacing-negative-xxs: -0.005em;
295
+ --letter-spacing-negative-xs: -0.01em;
296
+ --letter-spacing-negative-sm: -0.0125em;
297
+ --letter-spacing-negative-md: -0.015em;
298
+ --letter-spacing-negative-lg: -0.02em;
299
+ --letter-spacing-negative-xl: -0.025em;
300
+ --letter-spacing-negative-xxl: -0.03em;
301
+ --letter-spacing-negative-xxxl: -0.04em;
302
+ --letter-spacing-negative-xxxxl: -0.05em;
303
+ --line-height-18: 1.125rem;
304
+ --line-height-20: 1.25rem;
305
+ --line-height-22: 1.375rem;
306
+ --line-height-24: 1.5rem;
307
+ --line-height-28: 1.75rem;
308
+ --line-height-30: 1.875rem;
309
+ --line-height-32: 2rem;
310
+ --line-height-34: 2.125rem;
311
+ --line-height-36: 2.25rem;
312
+ --line-height-42: 2.625rem;
313
+ --line-height-48: 3rem;
314
+ --line-height-title: 1.2;
315
+ --line-height-body: 1.5;
316
+ --line-height-control: 1.2;
317
+ --font-weight-light: 300;
318
+ --font-weight-regular: 400;
319
+ --font-weight-medium: 500;
320
+ --font-weight-semi-bold: 600;
321
+ --font-weight-bold: 700;
322
+ --font-weight-black: 900;
323
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
324
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1068
325
  }
1069
326
 
1070
327
  /**
@@ -1200,6 +457,54 @@
1200
457
  --space-medium: 32px;
1201
458
  --space-large: 40px;
1202
459
  --space-x-large: 56px;
460
+ --font-size-12: 0.75rem;
461
+ --font-size-14: 0.875rem;
462
+ --font-size-16: 1rem;
463
+ --font-size-18: 1.125rem;
464
+ --font-size-20: 1.25rem;
465
+ --font-size-22: 1.375rem;
466
+ --font-size-24: 1.5rem;
467
+ --font-size-26: 1.625rem;
468
+ --font-size-28: 1.75rem;
469
+ --font-size-30: 1.875rem;
470
+ --font-size-32: 2rem;
471
+ --letter-spacing-xxs: 0.005em;
472
+ --letter-spacing-xs: 0.01em;
473
+ --letter-spacing-sm: 0.0125em;
474
+ --letter-spacing-md: 0.015em;
475
+ --letter-spacing-lg: 0.02em;
476
+ --letter-spacing-xl: 0.025em;
477
+ --letter-spacing-negative-xxs: -0.005em;
478
+ --letter-spacing-negative-xs: -0.01em;
479
+ --letter-spacing-negative-sm: -0.0125em;
480
+ --letter-spacing-negative-md: -0.015em;
481
+ --letter-spacing-negative-lg: -0.02em;
482
+ --letter-spacing-negative-xl: -0.025em;
483
+ --letter-spacing-negative-xxl: -0.03em;
484
+ --letter-spacing-negative-xxxl: -0.04em;
485
+ --letter-spacing-negative-xxxxl: -0.05em;
486
+ --line-height-18: 1.125rem;
487
+ --line-height-20: 1.25rem;
488
+ --line-height-22: 1.375rem;
489
+ --line-height-24: 1.5rem;
490
+ --line-height-28: 1.75rem;
491
+ --line-height-30: 1.875rem;
492
+ --line-height-32: 2rem;
493
+ --line-height-34: 2.125rem;
494
+ --line-height-36: 2.25rem;
495
+ --line-height-42: 2.625rem;
496
+ --line-height-48: 3rem;
497
+ --line-height-title: 1.2;
498
+ --line-height-body: 1.5;
499
+ --line-height-control: 1.2;
500
+ --font-weight-light: 300;
501
+ --font-weight-regular: 400;
502
+ --font-weight-medium: 500;
503
+ --font-weight-semi-bold: 600;
504
+ --font-weight-bold: 700;
505
+ --font-weight-black: 900;
506
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
507
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1203
508
  }
1204
509
 
1205
510
  /**
@@ -1335,14 +640,62 @@
1335
640
  --space-medium: 32px;
1336
641
  --space-large: 40px;
1337
642
  --space-x-large: 56px;
1338
- }
1339
-
1340
- /**
1341
- * Do not edit directly, this file was auto-generated.
1342
- */
1343
-
1344
- .np-theme-personal--dark {
1345
- --color-bright-yellow: #ffeb69;
643
+ --font-size-12: 0.75rem;
644
+ --font-size-14: 0.875rem;
645
+ --font-size-16: 1rem;
646
+ --font-size-18: 1.125rem;
647
+ --font-size-20: 1.25rem;
648
+ --font-size-22: 1.375rem;
649
+ --font-size-24: 1.5rem;
650
+ --font-size-26: 1.625rem;
651
+ --font-size-28: 1.75rem;
652
+ --font-size-30: 1.875rem;
653
+ --font-size-32: 2rem;
654
+ --letter-spacing-xxs: 0.005em;
655
+ --letter-spacing-xs: 0.01em;
656
+ --letter-spacing-sm: 0.0125em;
657
+ --letter-spacing-md: 0.015em;
658
+ --letter-spacing-lg: 0.02em;
659
+ --letter-spacing-xl: 0.025em;
660
+ --letter-spacing-negative-xxs: -0.005em;
661
+ --letter-spacing-negative-xs: -0.01em;
662
+ --letter-spacing-negative-sm: -0.0125em;
663
+ --letter-spacing-negative-md: -0.015em;
664
+ --letter-spacing-negative-lg: -0.02em;
665
+ --letter-spacing-negative-xl: -0.025em;
666
+ --letter-spacing-negative-xxl: -0.03em;
667
+ --letter-spacing-negative-xxxl: -0.04em;
668
+ --letter-spacing-negative-xxxxl: -0.05em;
669
+ --line-height-18: 1.125rem;
670
+ --line-height-20: 1.25rem;
671
+ --line-height-22: 1.375rem;
672
+ --line-height-24: 1.5rem;
673
+ --line-height-28: 1.75rem;
674
+ --line-height-30: 1.875rem;
675
+ --line-height-32: 2rem;
676
+ --line-height-34: 2.125rem;
677
+ --line-height-36: 2.25rem;
678
+ --line-height-42: 2.625rem;
679
+ --line-height-48: 3rem;
680
+ --line-height-title: 1.2;
681
+ --line-height-body: 1.5;
682
+ --line-height-control: 1.2;
683
+ --font-weight-light: 300;
684
+ --font-weight-regular: 400;
685
+ --font-weight-medium: 500;
686
+ --font-weight-semi-bold: 600;
687
+ --font-weight-bold: 700;
688
+ --font-weight-black: 900;
689
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
690
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
691
+ }
692
+
693
+ /**
694
+ * Do not edit directly, this file was auto-generated.
695
+ */
696
+
697
+ .np-theme-personal--dark {
698
+ --color-bright-yellow: #ffeb69;
1346
699
  --color-bright-orange: #ffc091;
1347
700
  --color-dark-purple: #260a2f;
1348
701
  --color-dark-gold: #3a341c;
@@ -1470,6 +823,54 @@
1470
823
  --space-medium: 32px;
1471
824
  --space-large: 40px;
1472
825
  --space-x-large: 56px;
826
+ --font-size-12: 0.75rem;
827
+ --font-size-14: 0.875rem;
828
+ --font-size-16: 1rem;
829
+ --font-size-18: 1.125rem;
830
+ --font-size-20: 1.25rem;
831
+ --font-size-22: 1.375rem;
832
+ --font-size-24: 1.5rem;
833
+ --font-size-26: 1.625rem;
834
+ --font-size-28: 1.75rem;
835
+ --font-size-30: 1.875rem;
836
+ --font-size-32: 2rem;
837
+ --letter-spacing-xxs: 0.005em;
838
+ --letter-spacing-xs: 0.01em;
839
+ --letter-spacing-sm: 0.0125em;
840
+ --letter-spacing-md: 0.015em;
841
+ --letter-spacing-lg: 0.02em;
842
+ --letter-spacing-xl: 0.025em;
843
+ --letter-spacing-negative-xxs: -0.005em;
844
+ --letter-spacing-negative-xs: -0.01em;
845
+ --letter-spacing-negative-sm: -0.0125em;
846
+ --letter-spacing-negative-md: -0.015em;
847
+ --letter-spacing-negative-lg: -0.02em;
848
+ --letter-spacing-negative-xl: -0.025em;
849
+ --letter-spacing-negative-xxl: -0.03em;
850
+ --letter-spacing-negative-xxxl: -0.04em;
851
+ --letter-spacing-negative-xxxxl: -0.05em;
852
+ --line-height-18: 1.125rem;
853
+ --line-height-20: 1.25rem;
854
+ --line-height-22: 1.375rem;
855
+ --line-height-24: 1.5rem;
856
+ --line-height-28: 1.75rem;
857
+ --line-height-30: 1.875rem;
858
+ --line-height-32: 2rem;
859
+ --line-height-34: 2.125rem;
860
+ --line-height-36: 2.25rem;
861
+ --line-height-42: 2.625rem;
862
+ --line-height-48: 3rem;
863
+ --line-height-title: 1.2;
864
+ --line-height-body: 1.5;
865
+ --line-height-control: 1.2;
866
+ --font-weight-light: 300;
867
+ --font-weight-regular: 400;
868
+ --font-weight-medium: 500;
869
+ --font-weight-semi-bold: 600;
870
+ --font-weight-bold: 700;
871
+ --font-weight-black: 900;
872
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
873
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1473
874
  }
1474
875
 
1475
876
  /**
@@ -1605,6 +1006,54 @@
1605
1006
  --space-medium: 32px;
1606
1007
  --space-large: 40px;
1607
1008
  --space-x-large: 56px;
1009
+ --font-size-12: 0.75rem;
1010
+ --font-size-14: 0.875rem;
1011
+ --font-size-16: 1rem;
1012
+ --font-size-18: 1.125rem;
1013
+ --font-size-20: 1.25rem;
1014
+ --font-size-22: 1.375rem;
1015
+ --font-size-24: 1.5rem;
1016
+ --font-size-26: 1.625rem;
1017
+ --font-size-28: 1.75rem;
1018
+ --font-size-30: 1.875rem;
1019
+ --font-size-32: 2rem;
1020
+ --letter-spacing-xxs: 0.005em;
1021
+ --letter-spacing-xs: 0.01em;
1022
+ --letter-spacing-sm: 0.0125em;
1023
+ --letter-spacing-md: 0.015em;
1024
+ --letter-spacing-lg: 0.02em;
1025
+ --letter-spacing-xl: 0.025em;
1026
+ --letter-spacing-negative-xxs: -0.005em;
1027
+ --letter-spacing-negative-xs: -0.01em;
1028
+ --letter-spacing-negative-sm: -0.0125em;
1029
+ --letter-spacing-negative-md: -0.015em;
1030
+ --letter-spacing-negative-lg: -0.02em;
1031
+ --letter-spacing-negative-xl: -0.025em;
1032
+ --letter-spacing-negative-xxl: -0.03em;
1033
+ --letter-spacing-negative-xxxl: -0.04em;
1034
+ --letter-spacing-negative-xxxxl: -0.05em;
1035
+ --line-height-18: 1.125rem;
1036
+ --line-height-20: 1.25rem;
1037
+ --line-height-22: 1.375rem;
1038
+ --line-height-24: 1.5rem;
1039
+ --line-height-28: 1.75rem;
1040
+ --line-height-30: 1.875rem;
1041
+ --line-height-32: 2rem;
1042
+ --line-height-34: 2.125rem;
1043
+ --line-height-36: 2.25rem;
1044
+ --line-height-42: 2.625rem;
1045
+ --line-height-48: 3rem;
1046
+ --line-height-title: 1.2;
1047
+ --line-height-body: 1.5;
1048
+ --line-height-control: 1.2;
1049
+ --font-weight-light: 300;
1050
+ --font-weight-regular: 400;
1051
+ --font-weight-medium: 500;
1052
+ --font-weight-semi-bold: 600;
1053
+ --font-weight-bold: 700;
1054
+ --font-weight-black: 900;
1055
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1056
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1608
1057
  }
1609
1058
 
1610
1059
  /**
@@ -1740,6 +1189,54 @@
1740
1189
  --space-medium: 32px;
1741
1190
  --space-large: 40px;
1742
1191
  --space-x-large: 56px;
1192
+ --font-size-12: 0.75rem;
1193
+ --font-size-14: 0.875rem;
1194
+ --font-size-16: 1rem;
1195
+ --font-size-18: 1.125rem;
1196
+ --font-size-20: 1.25rem;
1197
+ --font-size-22: 1.375rem;
1198
+ --font-size-24: 1.5rem;
1199
+ --font-size-26: 1.625rem;
1200
+ --font-size-28: 1.75rem;
1201
+ --font-size-30: 1.875rem;
1202
+ --font-size-32: 2rem;
1203
+ --letter-spacing-xxs: 0.005em;
1204
+ --letter-spacing-xs: 0.01em;
1205
+ --letter-spacing-sm: 0.0125em;
1206
+ --letter-spacing-md: 0.015em;
1207
+ --letter-spacing-lg: 0.02em;
1208
+ --letter-spacing-xl: 0.025em;
1209
+ --letter-spacing-negative-xxs: -0.005em;
1210
+ --letter-spacing-negative-xs: -0.01em;
1211
+ --letter-spacing-negative-sm: -0.0125em;
1212
+ --letter-spacing-negative-md: -0.015em;
1213
+ --letter-spacing-negative-lg: -0.02em;
1214
+ --letter-spacing-negative-xl: -0.025em;
1215
+ --letter-spacing-negative-xxl: -0.03em;
1216
+ --letter-spacing-negative-xxxl: -0.04em;
1217
+ --letter-spacing-negative-xxxxl: -0.05em;
1218
+ --line-height-18: 1.125rem;
1219
+ --line-height-20: 1.25rem;
1220
+ --line-height-22: 1.375rem;
1221
+ --line-height-24: 1.5rem;
1222
+ --line-height-28: 1.75rem;
1223
+ --line-height-30: 1.875rem;
1224
+ --line-height-32: 2rem;
1225
+ --line-height-34: 2.125rem;
1226
+ --line-height-36: 2.25rem;
1227
+ --line-height-42: 2.625rem;
1228
+ --line-height-48: 3rem;
1229
+ --line-height-title: 1.2;
1230
+ --line-height-body: 1.5;
1231
+ --line-height-control: 1.2;
1232
+ --font-weight-light: 300;
1233
+ --font-weight-regular: 400;
1234
+ --font-weight-medium: 500;
1235
+ --font-weight-semi-bold: 600;
1236
+ --font-weight-bold: 700;
1237
+ --font-weight-black: 900;
1238
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1239
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1743
1240
  }
1744
1241
 
1745
1242
  /**
@@ -1876,6 +1373,54 @@
1876
1373
  --space-medium: 32px;
1877
1374
  --space-large: 40px;
1878
1375
  --space-x-large: 56px;
1376
+ --font-size-12: 0.75rem;
1377
+ --font-size-14: 0.875rem;
1378
+ --font-size-16: 1rem;
1379
+ --font-size-18: 1.125rem;
1380
+ --font-size-20: 1.25rem;
1381
+ --font-size-22: 1.375rem;
1382
+ --font-size-24: 1.5rem;
1383
+ --font-size-26: 1.625rem;
1384
+ --font-size-28: 1.75rem;
1385
+ --font-size-30: 1.875rem;
1386
+ --font-size-32: 2rem;
1387
+ --letter-spacing-xxs: 0.005em;
1388
+ --letter-spacing-xs: 0.01em;
1389
+ --letter-spacing-sm: 0.0125em;
1390
+ --letter-spacing-md: 0.015em;
1391
+ --letter-spacing-lg: 0.02em;
1392
+ --letter-spacing-xl: 0.025em;
1393
+ --letter-spacing-negative-xxs: -0.005em;
1394
+ --letter-spacing-negative-xs: -0.01em;
1395
+ --letter-spacing-negative-sm: -0.0125em;
1396
+ --letter-spacing-negative-md: -0.015em;
1397
+ --letter-spacing-negative-lg: -0.02em;
1398
+ --letter-spacing-negative-xl: -0.025em;
1399
+ --letter-spacing-negative-xxl: -0.03em;
1400
+ --letter-spacing-negative-xxxl: -0.04em;
1401
+ --letter-spacing-negative-xxxxl: -0.05em;
1402
+ --line-height-18: 1.125rem;
1403
+ --line-height-20: 1.25rem;
1404
+ --line-height-22: 1.375rem;
1405
+ --line-height-24: 1.5rem;
1406
+ --line-height-28: 1.75rem;
1407
+ --line-height-30: 1.875rem;
1408
+ --line-height-32: 2rem;
1409
+ --line-height-34: 2.125rem;
1410
+ --line-height-36: 2.25rem;
1411
+ --line-height-42: 2.625rem;
1412
+ --line-height-48: 3rem;
1413
+ --line-height-title: 1.2;
1414
+ --line-height-body: 1.5;
1415
+ --line-height-control: 1.2;
1416
+ --font-weight-light: 300;
1417
+ --font-weight-regular: 400;
1418
+ --font-weight-medium: 500;
1419
+ --font-weight-semi-bold: 600;
1420
+ --font-weight-bold: 700;
1421
+ --font-weight-black: 900;
1422
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1423
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1879
1424
  }
1880
1425
 
1881
1426
  /**
@@ -2012,14 +1557,62 @@
2012
1557
  --space-medium: 32px;
2013
1558
  --space-large: 40px;
2014
1559
  --space-x-large: 56px;
2015
- }
2016
-
2017
- /**
2018
- * Do not edit directly, this file was auto-generated.
2019
- */
2020
-
2021
- .np-theme-business--forest-green {
2022
- --color-bright-yellow: #ffeb69;
1560
+ --font-size-12: 0.75rem;
1561
+ --font-size-14: 0.875rem;
1562
+ --font-size-16: 1rem;
1563
+ --font-size-18: 1.125rem;
1564
+ --font-size-20: 1.25rem;
1565
+ --font-size-22: 1.375rem;
1566
+ --font-size-24: 1.5rem;
1567
+ --font-size-26: 1.625rem;
1568
+ --font-size-28: 1.75rem;
1569
+ --font-size-30: 1.875rem;
1570
+ --font-size-32: 2rem;
1571
+ --letter-spacing-xxs: 0.005em;
1572
+ --letter-spacing-xs: 0.01em;
1573
+ --letter-spacing-sm: 0.0125em;
1574
+ --letter-spacing-md: 0.015em;
1575
+ --letter-spacing-lg: 0.02em;
1576
+ --letter-spacing-xl: 0.025em;
1577
+ --letter-spacing-negative-xxs: -0.005em;
1578
+ --letter-spacing-negative-xs: -0.01em;
1579
+ --letter-spacing-negative-sm: -0.0125em;
1580
+ --letter-spacing-negative-md: -0.015em;
1581
+ --letter-spacing-negative-lg: -0.02em;
1582
+ --letter-spacing-negative-xl: -0.025em;
1583
+ --letter-spacing-negative-xxl: -0.03em;
1584
+ --letter-spacing-negative-xxxl: -0.04em;
1585
+ --letter-spacing-negative-xxxxl: -0.05em;
1586
+ --line-height-18: 1.125rem;
1587
+ --line-height-20: 1.25rem;
1588
+ --line-height-22: 1.375rem;
1589
+ --line-height-24: 1.5rem;
1590
+ --line-height-28: 1.75rem;
1591
+ --line-height-30: 1.875rem;
1592
+ --line-height-32: 2rem;
1593
+ --line-height-34: 2.125rem;
1594
+ --line-height-36: 2.25rem;
1595
+ --line-height-42: 2.625rem;
1596
+ --line-height-48: 3rem;
1597
+ --line-height-title: 1.2;
1598
+ --line-height-body: 1.5;
1599
+ --line-height-control: 1.2;
1600
+ --font-weight-light: 300;
1601
+ --font-weight-regular: 400;
1602
+ --font-weight-medium: 500;
1603
+ --font-weight-semi-bold: 600;
1604
+ --font-weight-bold: 700;
1605
+ --font-weight-black: 900;
1606
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1607
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1608
+ }
1609
+
1610
+ /**
1611
+ * Do not edit directly, this file was auto-generated.
1612
+ */
1613
+
1614
+ .np-theme-business--forest-green {
1615
+ --color-bright-yellow: #ffeb69;
2023
1616
  --color-bright-orange: #ffc091;
2024
1617
  --color-dark-purple: #260a2f;
2025
1618
  --color-dark-gold: #3a341c;
@@ -2148,6 +1741,54 @@
2148
1741
  --space-medium: 32px;
2149
1742
  --space-large: 40px;
2150
1743
  --space-x-large: 56px;
1744
+ --font-size-12: 0.75rem;
1745
+ --font-size-14: 0.875rem;
1746
+ --font-size-16: 1rem;
1747
+ --font-size-18: 1.125rem;
1748
+ --font-size-20: 1.25rem;
1749
+ --font-size-22: 1.375rem;
1750
+ --font-size-24: 1.5rem;
1751
+ --font-size-26: 1.625rem;
1752
+ --font-size-28: 1.75rem;
1753
+ --font-size-30: 1.875rem;
1754
+ --font-size-32: 2rem;
1755
+ --letter-spacing-xxs: 0.005em;
1756
+ --letter-spacing-xs: 0.01em;
1757
+ --letter-spacing-sm: 0.0125em;
1758
+ --letter-spacing-md: 0.015em;
1759
+ --letter-spacing-lg: 0.02em;
1760
+ --letter-spacing-xl: 0.025em;
1761
+ --letter-spacing-negative-xxs: -0.005em;
1762
+ --letter-spacing-negative-xs: -0.01em;
1763
+ --letter-spacing-negative-sm: -0.0125em;
1764
+ --letter-spacing-negative-md: -0.015em;
1765
+ --letter-spacing-negative-lg: -0.02em;
1766
+ --letter-spacing-negative-xl: -0.025em;
1767
+ --letter-spacing-negative-xxl: -0.03em;
1768
+ --letter-spacing-negative-xxxl: -0.04em;
1769
+ --letter-spacing-negative-xxxxl: -0.05em;
1770
+ --line-height-18: 1.125rem;
1771
+ --line-height-20: 1.25rem;
1772
+ --line-height-22: 1.375rem;
1773
+ --line-height-24: 1.5rem;
1774
+ --line-height-28: 1.75rem;
1775
+ --line-height-30: 1.875rem;
1776
+ --line-height-32: 2rem;
1777
+ --line-height-34: 2.125rem;
1778
+ --line-height-36: 2.25rem;
1779
+ --line-height-42: 2.625rem;
1780
+ --line-height-48: 3rem;
1781
+ --line-height-title: 1.2;
1782
+ --line-height-body: 1.5;
1783
+ --line-height-control: 1.2;
1784
+ --font-weight-light: 300;
1785
+ --font-weight-regular: 400;
1786
+ --font-weight-medium: 500;
1787
+ --font-weight-semi-bold: 600;
1788
+ --font-weight-bold: 700;
1789
+ --font-weight-black: 900;
1790
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1791
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
2151
1792
  }
2152
1793
 
2153
1794
  /**
@@ -2228,1231 +1869,112 @@
2228
1869
  --color-sentiment-warning-primary-active: #ffd11a;
2229
1870
  --color-sentiment-warning-secondary: #fff7d7;
2230
1871
  --color-sentiment-warning-secondary-hover: #fff7d7;
2231
- --color-sentiment-warning-secondary-active: #fff7d7;
2232
- --color-sentiment-warning-content: #4a3b1c;
2233
- --color-sentiment-warning-content-hover: #3b2f16;
2234
- --color-sentiment-warning-content-active: #2c2311;
2235
- --color-contrast: rgba(255,255,255,0);
2236
- --color-light: #ffffff;
2237
- --color-dark: #121511;
2238
- --color-contrast-overlay: #ffffff;
2239
- --color-contrast-theme: #163300;
2240
- --padding-x-small: 8px;
2241
- --padding-small: 16px;
2242
- --padding-medium: 24px;
2243
- --padding-large: 32px;
2244
- --radius-full: 9999px;
2245
- --radius-small: 10px;
2246
- --radius-medium: 16px;
2247
- --radius-large: 24px;
2248
- --radius-xlarge: 32px;
2249
- --size-4: 4px;
2250
- --size-5: 5px;
2251
- --size-8: 8px;
2252
- --size-10: 10px;
2253
- --size-12: 12px;
2254
- --size-14: 14px;
2255
- --size-16: 16px;
2256
- --size-24: 24px;
2257
- --size-32: 32px;
2258
- --size-40: 40px;
2259
- --size-48: 48px;
2260
- --size-52: 52px;
2261
- --size-56: 56px;
2262
- --size-60: 60px;
2263
- --size-64: 64px;
2264
- --size-72: 72px;
2265
- --size-80: 80px;
2266
- --size-88: 88px;
2267
- --size-96: 96px;
2268
- --size-104: 104px;
2269
- --size-112: 112px;
2270
- --size-120: 120px;
2271
- --size-126: 126px;
2272
- --size-128: 128px;
2273
- --size-146: 146px;
2274
- --size-154: 154px;
2275
- --size-160: 160px;
2276
- --size-x-small: 24px;
2277
- --size-small: 32px;
2278
- --size-medium: 40px;
2279
- --size-large: 48px;
2280
- --size-x-large: 56px;
2281
- --size-2x-large: 72px;
2282
- --space-content-horizontal: 16px;
2283
- --space-small: 16px;
2284
- --space-medium: 32px;
2285
- --space-large: 40px;
2286
- --space-x-large: 56px;
2287
- }
2288
-
2289
- /**
2290
- * Do not edit directly, this file was auto-generated.
2291
- */
2292
-
2293
-
2294
- :root {
2295
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2296
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2297
-
2298
- --wds-font-weight-display-large: 800;
2299
- --wds-font-size-display-large: 4rem;
2300
- --wds-line-height-display-large: 0.85;
2301
- --wds-letter-spacing-display-large: 0;
2302
-
2303
- --wds-font-weight-display-medium: 800;
2304
- --wds-font-size-display-medium: 3.25rem;
2305
- --wds-line-height-display-medium: 0.8115;
2306
- --wds-letter-spacing-display-medium: 0;
2307
-
2308
- --wds-font-weight-display-small: 800;
2309
- --wds-font-size-display-small: 2.5rem;
2310
- --wds-line-height-display-small: 0.85;
2311
- --wds-letter-spacing-display-small: 0;
2312
-
2313
- --wds-font-weight-display-number-small: 600;
2314
- --wds-font-size-display-number-small: 2.5rem;
2315
- --wds-line-height-display-number-small: 1.1;
2316
- --wds-letter-spacing-display-number-small: -0.022em;
2317
-
2318
- --wds-font-weight-display-number-medium: 800;
2319
- --wds-font-size-display-number-medium: 3.25rem;
2320
- --wds-line-height-display-number-medium: 0.8462;
2321
- --wds-letter-spacing-display-number-medium: 0;
2322
-
2323
- --wds-font-weight-display-number-large: 800;
2324
- --wds-font-size-display-number-large: 6.25rem;
2325
- --wds-line-height-display-number-large: 0.85;
2326
- --wds-letter-spacing-display-number-large: 0;
2327
-
2328
- --wds-font-weight-title-screen: 600;
2329
- --wds-font-size-title-screen: 1.875rem;
2330
- --wds-line-height-title-screen: 1.15;
2331
- --wds-letter-spacing-title-screen: -0.021em;
2332
- --wds-paragraph-spacing-title-screen: 0.5rem;
2333
-
2334
- --wds-font-weight-title-section: 600;
2335
- --wds-font-size-title-section: 1.625rem;
2336
- --wds-line-height-title-section: 1.22;
2337
- --wds-letter-spacing-title-section: -0.02em;
2338
- --wds-paragraph-spacing-title-section: 0.5rem;
2339
-
2340
- --wds-font-weight-title-subsection: 600;
2341
- --wds-font-size-title-subsection: 1.375rem;
2342
- --wds-line-height-title-subsection: 1.25;
2343
- --wds-letter-spacing-title-subsection: -0.018em;
2344
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2345
-
2346
- --wds-font-weight-title-body: 600;
2347
- --wds-font-size-title-body: 1.125rem;
2348
- --wds-line-height-title-body: 1.35;
2349
- --wds-letter-spacing-title-body: -0.014em;
2350
- --wds-paragraph-spacing-title-body: 0.5rem;
2351
-
2352
- --wds-font-weight-title-group: 500;
2353
- --wds-font-size-title-group: 0.875rem;
2354
- --wds-line-height-title-group: 1.4;
2355
- --wds-letter-spacing-title-group: -0.018em;
2356
- --wds-paragraph-spacing-title-group: 0.5rem;
2357
-
2358
- --wds-font-weight-body-large-regular: 400;
2359
- --wds-font-weight-body-large-bold: 600;
2360
- --wds-font-size-body-large: 1rem;
2361
- --wds-line-height-body-large: 1.5;
2362
- --wds-letter-spacing-body-large: -0.011em;
2363
- --wds-paragraph-spacing-body-large: 0.5rem;
2364
-
2365
- --wds-font-weight-body-regular: 400;
2366
- --wds-font-weight-body-bold: 600;
2367
- --wds-font-size-body: 0.875rem;
2368
- --wds-line-height-body: 1.55;
2369
- --wds-letter-spacing-body: -0.006em;
2370
- --wds-paragraph-spacing-body: 0.5rem;
2371
-
2372
- --wds-font-weight-nav-regular: 400;
2373
- --wds-font-weight-nav-bold: 600;
2374
- --wds-font-size-nav: 0.75rem;
2375
- --wds-line-height-nav: 1.5;
2376
- --wds-letter-spacing-nav: 0;
2377
- }
2378
-
2379
- :lang(ar) {
2380
- --wds-font-family-display: 'Rubik', sans-serif;
2381
- --wds-font-family-regular: 'Vazirmatn', sans-serif;
2382
-
2383
- --wds-font-weight-display-large: 900;
2384
- --wds-font-size-display-large: 4rem;
2385
- --wds-line-height-display-large: 1.45;
2386
- --wds-letter-spacing-display-large: 0;
2387
-
2388
- --wds-font-weight-display-medium: 900;
2389
- --wds-font-size-display-medium: 3.25rem;
2390
- --wds-line-height-display-medium: 1.45;
2391
- --wds-letter-spacing-display-medium: 0;
2392
-
2393
- --wds-font-weight-display-small: 900;
2394
- --wds-font-size-display-small: 2.6875rem;
2395
- --wds-line-height-display-small: 1.4498;
2396
- --wds-letter-spacing-display-small: 0;
2397
-
2398
- --wds-font-weight-display-number-small: 600;
2399
- --wds-font-size-display-number-small: 2.6875rem;
2400
- --wds-line-height-display-number-small: 1.24;
2401
- --wds-letter-spacing-display-number-small: 0;
2402
-
2403
- --wds-font-weight-display-number-medium: 800;
2404
- --wds-font-size-display-number-medium: 3.25rem;
2405
- --wds-line-height-display-number-medium: 0.8;
2406
- --wds-letter-spacing-display-number-medium: 0;
2407
-
2408
- --wds-font-weight-display-number-large: 800;
2409
- --wds-font-size-display-number-large: 6.25rem;
2410
- --wds-line-height-display-number-large: 0.85;
2411
- --wds-letter-spacing-display-number-large: 0;
2412
-
2413
- --wds-font-weight-title-screen: 600;
2414
- --wds-font-size-title-screen: 2.125rem;
2415
- --wds-line-height-title-screen: 1.6;
2416
- --wds-letter-spacing-title-screen: 0;
2417
- --wds-paragraph-spacing-title-screen: 0.875rem;
2418
-
2419
- --wds-font-weight-title-section: 600;
2420
- --wds-font-size-title-section: 1.875rem;
2421
- --wds-line-height-title-section: 1.68;
2422
- --wds-letter-spacing-title-section: 0;
2423
- --wds-paragraph-spacing-title-section: 0.875rem;
2424
-
2425
- --wds-font-weight-title-subsection: 600;
2426
- --wds-font-size-title-subsection: 1.625rem;
2427
- --wds-line-height-title-subsection: 1.74;
2428
- --wds-letter-spacing-title-subsection: 0;
2429
- --wds-paragraph-spacing-title-subsection: 0.875rem;
2430
-
2431
- --wds-font-weight-title-body: 600;
2432
- --wds-font-size-title-body: 1.375rem;
2433
- --wds-line-height-title-body: 1.84;
2434
- --wds-letter-spacing-title-body: 0;
2435
- --wds-paragraph-spacing-title-body: 0.875rem;
2436
-
2437
- --wds-font-weight-title-group: 500;
2438
- --wds-font-size-title-group: 1.0625rem;
2439
- --wds-line-height-title-group: 1.9;
2440
- --wds-letter-spacing-title-group: 0;
2441
- --wds-paragraph-spacing-title-group: 0.875rem;
2442
-
2443
- --wds-font-weight-body-large-regular: 300;
2444
- --wds-font-weight-body-large-bold: 600;
2445
- --wds-font-size-body-large: 1.1875rem;
2446
- --wds-line-height-body-large: 1.75;
2447
- --wds-letter-spacing-body-large: 0;
2448
- --wds-paragraph-spacing-body-large: 0.875rem;
2449
-
2450
- --wds-font-weight-body-regular: 300;
2451
- --wds-font-weight-body-bold: 600;
2452
- --wds-font-size-body: 1.0625rem;
2453
- --wds-line-height-body: 1.8;
2454
- --wds-letter-spacing-body: 0;
2455
- --wds-paragraph-spacing-body: 0.875rem;
2456
-
2457
- --wds-font-weight-nav-regular: 300;
2458
- --wds-font-weight-nav-bold: 600;
2459
- --wds-font-size-nav: 0.9375rem;
2460
- --wds-line-height-nav: 1.9;
2461
- --wds-letter-spacing-nav: 0;
2462
- }
2463
-
2464
- :lang(fr),
2465
- :lang(de),
2466
- :lang(es),
2467
- :lang(pt),
2468
- :lang(it),
2469
- :lang(nl),
2470
- :lang(pl),
2471
- :lang(ro),
2472
- :lang(cs),
2473
- :lang(hu),
2474
- :lang(tr),
2475
- :lang(id) {
2476
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2477
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2478
-
2479
- --wds-font-weight-display-large: 800;
2480
- --wds-font-size-display-large: 4rem;
2481
- --wds-line-height-display-large: 1.05;
2482
- --wds-letter-spacing-display-large: 0;
2483
-
2484
- --wds-font-weight-display-medium: 800;
2485
- --wds-font-size-display-medium: 3.25rem;
2486
- --wds-line-height-display-medium: 1.05;
2487
- --wds-letter-spacing-display-medium: 0;
2488
-
2489
- --wds-font-weight-display-small: 800;
2490
- --wds-font-size-display-small: 2.5rem;
2491
- --wds-line-height-display-small: 1.05;
2492
- --wds-letter-spacing-display-small: 0;
2493
-
2494
- --wds-font-weight-display-number-small: 600;
2495
- --wds-font-size-display-number-small: 2.5rem;
2496
- --wds-line-height-display-number-small: 1.1;
2497
- --wds-letter-spacing-display-number-small: -0.022em;
2498
-
2499
- --wds-font-weight-display-number-medium: 800;
2500
- --wds-font-size-display-number-medium: 3.25rem;
2501
- --wds-line-height-display-number-medium: 0.8462;
2502
- --wds-letter-spacing-display-number-medium: 0;
2503
-
2504
- --wds-font-weight-display-number-large: 800;
2505
- --wds-font-size-display-number-large: 6.25rem;
2506
- --wds-line-height-display-number-large: 0.85;
2507
- --wds-letter-spacing-display-number-large: 0;
2508
-
2509
- --wds-font-weight-title-screen: 600;
2510
- --wds-font-size-title-screen: 1.875rem;
2511
- --wds-line-height-title-screen: 1.15;
2512
- --wds-letter-spacing-title-screen: -0.021em;
2513
- --wds-paragraph-spacing-title-screen: 0.5rem;
2514
-
2515
- --wds-font-weight-title-section: 600;
2516
- --wds-font-size-title-section: 1.625rem;
2517
- --wds-line-height-title-section: 1.22;
2518
- --wds-letter-spacing-title-section: -0.02em;
2519
- --wds-paragraph-spacing-title-section: 0.5rem;
2520
-
2521
- --wds-font-weight-title-subsection: 600;
2522
- --wds-font-size-title-subsection: 1.375rem;
2523
- --wds-line-height-title-subsection: 1.25;
2524
- --wds-letter-spacing-title-subsection: -0.018em;
2525
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2526
-
2527
- --wds-font-weight-title-body: 600;
2528
- --wds-font-size-title-body: 1.125rem;
2529
- --wds-line-height-title-body: 1.35;
2530
- --wds-letter-spacing-title-body: -0.014em;
2531
- --wds-paragraph-spacing-title-body: 0.5rem;
2532
-
2533
- --wds-font-weight-title-group: 500;
2534
- --wds-font-size-title-group: 0.875rem;
2535
- --wds-line-height-title-group: 1.4;
2536
- --wds-letter-spacing-title-group: -0.018em;
2537
- --wds-paragraph-spacing-title-group: 0.5rem;
2538
-
2539
- --wds-font-weight-body-large-regular: 400;
2540
- --wds-font-weight-body-large-bold: 600;
2541
- --wds-font-size-body-large: 1rem;
2542
- --wds-line-height-body-large: 1.5;
2543
- --wds-letter-spacing-body-large: -0.011em;
2544
- --wds-paragraph-spacing-body-large: 0.5rem;
2545
-
2546
- --wds-font-weight-body-regular: 400;
2547
- --wds-font-weight-body-bold: 600;
2548
- --wds-font-size-body: 0.875rem;
2549
- --wds-line-height-body: 1.55;
2550
- --wds-letter-spacing-body: -0.006em;
2551
- --wds-paragraph-spacing-body: 0.5rem;
2552
-
2553
- --wds-font-weight-nav-regular: 400;
2554
- --wds-font-weight-nav-bold: 600;
2555
- --wds-font-size-nav: 0.75rem;
2556
- --wds-line-height-nav: 1.5;
2557
- --wds-letter-spacing-nav: 0;
2558
- }
2559
-
2560
- :lang(el),
2561
- :lang(ru),
2562
- :lang(uk) {
2563
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2564
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2565
-
2566
- --wds-font-weight-display-large: 800;
2567
- --wds-font-size-display-large: 3.75rem;
2568
- --wds-line-height-display-large: 1.2;
2569
- --wds-letter-spacing-display-large: 0;
2570
-
2571
- --wds-font-weight-display-medium: 800;
2572
- --wds-font-size-display-medium: 3rem;
2573
- --wds-line-height-display-medium: 1.2;
2574
- --wds-letter-spacing-display-medium: 0;
2575
-
2576
- --wds-font-weight-display-small: 800;
2577
- --wds-font-size-display-small: 2.5rem;
2578
- --wds-line-height-display-small: 1.2;
2579
- --wds-letter-spacing-display-small: 0;
2580
-
2581
- --wds-font-weight-display-number-small: 600;
2582
- --wds-font-size-display-number-small: 2.5rem;
2583
- --wds-line-height-display-number-small: 1.1;
2584
- --wds-letter-spacing-display-number-small: -0.022em;
2585
-
2586
- --wds-font-weight-display-number-medium: 800;
2587
- --wds-font-size-display-number-medium: 3.25rem;
2588
- --wds-line-height-display-number-medium: 0.8462;
2589
- --wds-letter-spacing-display-number-medium: 0;
2590
-
2591
- --wds-font-weight-display-number-large: 800;
2592
- --wds-font-size-display-number-large: 6.25rem;
2593
- --wds-line-height-display-number-large: 0.85;
2594
- --wds-letter-spacing-display-number-large: 0;
2595
-
2596
- --wds-font-weight-title-screen: 600;
2597
- --wds-font-size-title-screen: 1.875rem;
2598
- --wds-line-height-title-screen: 1.15;
2599
- --wds-letter-spacing-title-screen: -0.021em;
2600
- --wds-paragraph-spacing-title-screen: 0.5rem;
2601
-
2602
- --wds-font-weight-title-section: 600;
2603
- --wds-font-size-title-section: 1.625rem;
2604
- --wds-line-height-title-section: 1.22;
2605
- --wds-letter-spacing-title-section: -0.02em;
2606
- --wds-paragraph-spacing-title-section: 0.5rem;
2607
-
2608
- --wds-font-weight-title-subsection: 600;
2609
- --wds-font-size-title-subsection: 1.375rem;
2610
- --wds-line-height-title-subsection: 1.25;
2611
- --wds-letter-spacing-title-subsection: -0.018em;
2612
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2613
-
2614
- --wds-font-weight-title-body: 600;
2615
- --wds-font-size-title-body: 1.125rem;
2616
- --wds-line-height-title-body: 1.35;
2617
- --wds-letter-spacing-title-body: -0.014em;
2618
- --wds-paragraph-spacing-title-body: 0.5rem;
2619
-
2620
- --wds-font-weight-title-group: 500;
2621
- --wds-font-size-title-group: 0.875rem;
2622
- --wds-line-height-title-group: 1.4;
2623
- --wds-letter-spacing-title-group: -0.018em;
2624
- --wds-paragraph-spacing-title-group: 0.5rem;
2625
-
2626
- --wds-font-weight-body-large-regular: 400;
2627
- --wds-font-weight-body-large-bold: 600;
2628
- --wds-font-size-body-large: 1rem;
2629
- --wds-line-height-body-large: 1.5;
2630
- --wds-letter-spacing-body-large: -0.011em;
2631
- --wds-paragraph-spacing-body-large: 0.5rem;
2632
-
2633
- --wds-font-weight-body-regular: 400;
2634
- --wds-font-weight-body-bold: 600;
2635
- --wds-font-size-body: 0.875rem;
2636
- --wds-line-height-body: 1.55;
2637
- --wds-letter-spacing-body: -0.006em;
2638
- --wds-paragraph-spacing-body: 0.5rem;
2639
-
2640
- --wds-font-weight-nav-regular: 400;
2641
- --wds-font-weight-nav-bold: 600;
2642
- --wds-font-size-nav: 0.75rem;
2643
- --wds-line-height-nav: 1.5;
2644
- --wds-letter-spacing-nav: 0;
2645
- }
2646
-
2647
- :lang(ja) {
2648
- --wds-font-family-display: 'Zen Kaku Gothic Antique', sans-serif;
2649
- --wds-font-family-regular: 'Zen Kaku Gothic Antique', sans-serif;
2650
-
2651
- --wds-font-weight-display-large: 900;
2652
- --wds-font-size-display-large: 3.5rem;
2653
- --wds-line-height-display-large: 1.2;
2654
- --wds-letter-spacing-display-large: 0;
2655
-
2656
- --wds-font-weight-display-medium: 900;
2657
- --wds-font-size-display-medium: 3rem;
2658
- --wds-line-height-display-medium: 1.2;
2659
- --wds-letter-spacing-display-medium: 0;
2660
-
2661
- --wds-font-weight-display-small: 900;
2662
- --wds-font-size-display-small: 2.5rem;
2663
- --wds-line-height-display-small: 1.2;
2664
- --wds-letter-spacing-display-small: 0;
2665
-
2666
- --wds-font-weight-display-number-small: 900;
2667
- --wds-font-size-display-number-small: 2.5rem;
2668
- --wds-line-height-display-number-small: 1.2;
2669
- --wds-letter-spacing-display-number-small: 0;
2670
-
2671
- --wds-font-weight-display-number-medium: 900;
2672
- --wds-font-size-display-number-medium: 3.25rem;
2673
- --wds-line-height-display-number-medium: 0.8;
2674
- --wds-letter-spacing-display-number-medium: 0;
2675
-
2676
- --wds-font-weight-display-number-large: 900;
2677
- --wds-font-size-display-number-large: 6.25rem;
2678
- --wds-line-height-display-number-large: 0.8;
2679
- --wds-letter-spacing-display-number-large: 0;
2680
-
2681
- --wds-font-weight-title-screen: 700;
2682
- --wds-font-size-title-screen: 1.875rem;
2683
- --wds-line-height-title-screen: 1.1333;
2684
- --wds-letter-spacing-title-screen: 0;
2685
- --wds-paragraph-spacing-title-screen: 0.5rem;
2686
-
2687
- --wds-font-weight-title-section: 700;
2688
- --wds-font-size-title-section: 1.625rem;
2689
- --wds-line-height-title-section: 1.2308;
2690
- --wds-letter-spacing-title-section: 0;
2691
- --wds-paragraph-spacing-title-section: 0.5rem;
2692
-
2693
- --wds-font-weight-title-subsection: 700;
2694
- --wds-font-size-title-subsection: 1.375rem;
2695
- --wds-line-height-title-subsection: 1.2727;
2696
- --wds-letter-spacing-title-subsection: 0;
2697
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2698
-
2699
- --wds-font-weight-title-body: 700;
2700
- --wds-font-size-title-body: 1.125rem;
2701
- --wds-line-height-title-body: 1.3333;
2702
- --wds-letter-spacing-title-body: 0;
2703
- --wds-paragraph-spacing-title-body: 0.5rem;
2704
-
2705
- --wds-font-weight-title-group: 700;
2706
- --wds-font-size-title-group: 0.875rem;
2707
- --wds-line-height-title-group: 1.4286;
2708
- --wds-letter-spacing-title-group: 0;
2709
- --wds-paragraph-spacing-title-group: 0;
2710
-
2711
- --wds-font-weight-body-large-regular: 400;
2712
- --wds-font-weight-body-large-bold: 700;
2713
- --wds-font-size-body-large: 1rem;
2714
- --wds-line-height-body-large: 1.5;
2715
- --wds-letter-spacing-body-large: 0;
2716
- --wds-paragraph-spacing-body-large: 0.5rem;
2717
-
2718
- --wds-font-weight-body-regular: 400;
2719
- --wds-font-weight-body-bold: 700;
2720
- --wds-font-size-body: 0.875rem;
2721
- --wds-line-height-body: 1.5714;
2722
- --wds-letter-spacing-body: 0;
2723
- --wds-paragraph-spacing-body: 0.5rem;
2724
-
2725
- --wds-font-weight-nav-regular: 500;
2726
- --wds-font-weight-nav-bold: 700;
2727
- --wds-font-size-nav: 0.75rem;
2728
- --wds-line-height-nav: 1.5;
2729
- --wds-letter-spacing-nav: 0;
2730
- }
2731
-
2732
- :lang(zh-CN),
2733
- :lang(zh-HK) {
2734
- --wds-font-family-display: 'Noto Sans SC', sans-serif;
2735
- --wds-font-family-regular: 'Noto Sans SC', sans-serif;
2736
-
2737
- --wds-font-weight-display-large: 700;
2738
- --wds-font-size-display-large: 3.5rem;
2739
- --wds-line-height-display-large: 1.2;
2740
- --wds-letter-spacing-display-large: 0;
2741
-
2742
- --wds-font-weight-display-medium: 700;
2743
- --wds-font-size-display-medium: 3rem;
2744
- --wds-line-height-display-medium: 1.2;
2745
- --wds-letter-spacing-display-medium: 0;
2746
-
2747
- --wds-font-weight-display-small: 700;
2748
- --wds-font-size-display-small: 2.5rem;
2749
- --wds-line-height-display-small: 1.2;
2750
- --wds-letter-spacing-display-small: 0;
2751
-
2752
- --wds-font-weight-display-number-small: 700;
2753
- --wds-font-size-display-number-small: 2.5rem;
2754
- --wds-line-height-display-number-small: 1.2;
2755
- --wds-letter-spacing-display-number-small: 0;
2756
-
2757
- --wds-font-weight-display-number-medium: 800;
2758
- --wds-font-size-display-number-medium: 3.25rem;
2759
- --wds-line-height-display-number-medium: 0.8462;
2760
- --wds-letter-spacing-display-number-medium: 0;
2761
-
2762
- --wds-font-weight-display-number-large: 800;
2763
- --wds-font-size-display-number-large: 6.25rem;
2764
- --wds-line-height-display-number-large: 0.85;
2765
- --wds-letter-spacing-display-number-large: 0;
2766
-
2767
- --wds-font-weight-title-screen: 700;
2768
- --wds-font-size-title-screen: 1.875rem;
2769
- --wds-line-height-title-screen: 1.1333;
2770
- --wds-letter-spacing-title-screen: 0;
2771
- --wds-paragraph-spacing-title-screen: 0.5rem;
2772
-
2773
- --wds-font-weight-title-section: 700;
2774
- --wds-font-size-title-section: 1.625rem;
2775
- --wds-line-height-title-section: 1.2308;
2776
- --wds-letter-spacing-title-section: 0;
2777
- --wds-paragraph-spacing-title-section: 0.5rem;
2778
-
2779
- --wds-font-weight-title-subsection: 700;
2780
- --wds-font-size-title-subsection: 1.375rem;
2781
- --wds-line-height-title-subsection: 1.2727;
2782
- --wds-letter-spacing-title-subsection: 0;
2783
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2784
-
2785
- --wds-font-weight-title-body: 700;
2786
- --wds-font-size-title-body: 1.125rem;
2787
- --wds-line-height-title-body: 1.3333;
2788
- --wds-letter-spacing-title-body: 0;
2789
- --wds-paragraph-spacing-title-body: 0.5rem;
2790
-
2791
- --wds-font-weight-title-group: 700;
2792
- --wds-font-size-title-group: 0.875rem;
2793
- --wds-line-height-title-group: 1.4286;
2794
- --wds-letter-spacing-title-group: 0;
2795
- --wds-paragraph-spacing-title-group: 0;
2796
-
2797
- --wds-font-weight-body-large-regular: 400;
2798
- --wds-font-weight-body-large-bold: 700;
2799
- --wds-font-size-body-large: 1rem;
2800
- --wds-line-height-body-large: 1.5;
2801
- --wds-letter-spacing-body-large: 0;
2802
- --wds-paragraph-spacing-body-large: 0.5rem;
2803
-
2804
- --wds-font-weight-body-regular: 400;
2805
- --wds-font-weight-body-bold: 700;
2806
- --wds-font-size-body: 0.875rem;
2807
- --wds-line-height-body: 1.5714;
2808
- --wds-letter-spacing-body: 0;
2809
- --wds-paragraph-spacing-body: 0.5rem;
2810
-
2811
- --wds-font-weight-nav-regular: 500;
2812
- --wds-font-weight-nav-bold: 700;
2813
- --wds-font-size-nav: 0.75rem;
2814
- --wds-line-height-nav: 1.5;
2815
- --wds-letter-spacing-nav: 0;
2816
- }
2817
-
2818
- :lang(th) {
2819
- --wds-font-family-display: 'Noto Sans Thai', sans-serif;
2820
- --wds-font-family-regular: 'Noto Sans Thai', sans-serif;
2821
-
2822
- --wds-font-weight-display-large: 700;
2823
- --wds-font-size-display-large: 3.5rem;
2824
- --wds-line-height-display-large: 1.3036;
2825
- --wds-letter-spacing-display-large: 0;
2826
-
2827
- --wds-font-weight-display-medium: 700;
2828
- --wds-font-size-display-medium: 3rem;
2829
- --wds-line-height-display-medium: 1.2917;
2830
- --wds-letter-spacing-display-medium: 0;
2831
-
2832
- --wds-font-weight-display-small: 700;
2833
- --wds-font-size-display-small: 2.5rem;
2834
- --wds-line-height-display-small: 1.3;
2835
- --wds-letter-spacing-display-small: 0;
2836
-
2837
- --wds-font-weight-display-number-small: 700;
2838
- --wds-font-size-display-number-small: 2.5rem;
2839
- --wds-line-height-display-number-small: 1.3;
2840
- --wds-letter-spacing-display-number-small: 0;
2841
-
2842
- --wds-font-weight-display-number-medium: 800;
2843
- --wds-font-size-display-number-medium: 3.25rem;
2844
- --wds-line-height-display-number-medium: 0.8462;
2845
- --wds-letter-spacing-display-number-medium: 0;
2846
-
2847
- --wds-font-weight-display-number-large: 800;
2848
- --wds-font-size-display-number-large: 6.25rem;
2849
- --wds-line-height-display-number-large: 0.85;
2850
- --wds-letter-spacing-display-number-large: 0;
2851
-
2852
- --wds-font-weight-title-screen: 700;
2853
- --wds-font-size-title-screen: 1.875rem;
2854
- --wds-line-height-title-screen: 1.1333;
2855
- --wds-letter-spacing-title-screen: 0;
2856
- --wds-paragraph-spacing-title-screen: 0.5rem;
2857
-
2858
- --wds-font-weight-title-section: 700;
2859
- --wds-font-size-title-section: 1.625rem;
2860
- --wds-line-height-title-section: 1.2308;
2861
- --wds-letter-spacing-title-section: 0;
2862
- --wds-paragraph-spacing-title-section: 0.5rem;
2863
-
2864
- --wds-font-weight-title-subsection: 700;
2865
- --wds-font-size-title-subsection: 1.375rem;
2866
- --wds-line-height-title-subsection: 1.2727;
2867
- --wds-letter-spacing-title-subsection: 0;
2868
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2869
-
2870
- --wds-font-weight-title-body: 700;
2871
- --wds-font-size-title-body: 1.125rem;
2872
- --wds-line-height-title-body: 1.3333;
2873
- --wds-letter-spacing-title-body: 0;
2874
- --wds-paragraph-spacing-title-body: 0.5rem;
2875
-
2876
- --wds-font-weight-title-group: 700;
2877
- --wds-font-size-title-group: 0.875rem;
2878
- --wds-line-height-title-group: 1.4286;
2879
- --wds-letter-spacing-title-group: 0;
2880
- --wds-paragraph-spacing-title-group: 0;
2881
-
2882
- --wds-font-weight-body-large-regular: 400;
2883
- --wds-font-weight-body-large-bold: 700;
2884
- --wds-font-size-body-large: 1rem;
2885
- --wds-line-height-body-large: 1.5;
2886
- --wds-letter-spacing-body-large: 0;
2887
- --wds-paragraph-spacing-body-large: 0.5rem;
2888
-
2889
- --wds-font-weight-body-regular: 400;
2890
- --wds-font-weight-body-bold: 700;
2891
- --wds-font-size-body: 0.875rem;
2892
- --wds-line-height-body: 1.5714;
2893
- --wds-letter-spacing-body: 0;
2894
- --wds-paragraph-spacing-body: 0.5rem;
2895
-
2896
- --wds-font-weight-nav-regular: 500;
2897
- --wds-font-weight-nav-bold: 700;
2898
- --wds-font-size-nav: 0.75rem;
2899
- --wds-line-height-nav: 1.5;
2900
- --wds-letter-spacing-nav: 0;
2901
- }
2902
-
2903
- :lang(ko) {
2904
- --wds-font-family-display: 'Noto Sans KR', sans-serif;
2905
- --wds-font-family-regular: 'Noto Sans KR', sans-serif;
2906
-
2907
- --wds-font-weight-display-large: 700;
2908
- --wds-font-size-display-large: 3.5rem;
2909
- --wds-line-height-display-large: 1.2;
2910
- --wds-letter-spacing-display-large: 0;
2911
-
2912
- --wds-font-weight-display-medium: 700;
2913
- --wds-font-size-display-medium: 3rem;
2914
- --wds-line-height-display-medium: 1.2;
2915
- --wds-letter-spacing-display-medium: 0;
2916
-
2917
- --wds-font-weight-display-small: 700;
2918
- --wds-font-size-display-small: 2.5rem;
2919
- --wds-line-height-display-small: 1.2;
2920
- --wds-letter-spacing-display-small: 0;
2921
-
2922
- --wds-font-weight-display-number-small: 700;
2923
- --wds-font-size-display-number-small: 2.5rem;
2924
- --wds-line-height-display-number-small: 1.2;
2925
- --wds-letter-spacing-display-number-small: 0;
2926
-
2927
- --wds-font-weight-display-number-medium: 800;
2928
- --wds-font-size-display-number-medium: 3.25rem;
2929
- --wds-line-height-display-number-medium: 0.8462;
2930
- --wds-letter-spacing-display-number-medium: 0;
2931
-
2932
- --wds-font-weight-display-number-large: 800;
2933
- --wds-font-size-display-number-large: 6.25rem;
2934
- --wds-line-height-display-number-large: 0.85;
2935
- --wds-letter-spacing-display-number-large: 0;
2936
-
2937
- --wds-font-weight-title-screen: 700;
2938
- --wds-font-size-title-screen: 1.875rem;
2939
- --wds-line-height-title-screen: 1.1333;
2940
- --wds-letter-spacing-title-screen: 0;
2941
- --wds-paragraph-spacing-title-screen: 0.5rem;
2942
-
2943
- --wds-font-weight-title-section: 700;
2944
- --wds-font-size-title-section: 1.625rem;
2945
- --wds-line-height-title-section: 1.2308;
2946
- --wds-letter-spacing-title-section: 0;
2947
- --wds-paragraph-spacing-title-section: 0.5rem;
2948
-
2949
- --wds-font-weight-title-subsection: 700;
2950
- --wds-font-size-title-subsection: 1.375rem;
2951
- --wds-line-height-title-subsection: 1.2727;
2952
- --wds-letter-spacing-title-subsection: 0;
2953
- --wds-paragraph-spacing-title-subsection: 0.5rem;
2954
-
2955
- --wds-font-weight-title-body: 700;
2956
- --wds-font-size-title-body: 1.125rem;
2957
- --wds-line-height-title-body: 1.3333;
2958
- --wds-letter-spacing-title-body: 0;
2959
- --wds-paragraph-spacing-title-body: 0.5rem;
2960
-
2961
- --wds-font-weight-title-group: 700;
2962
- --wds-font-size-title-group: 0.875rem;
2963
- --wds-line-height-title-group: 1.4286;
2964
- --wds-letter-spacing-title-group: 0;
2965
- --wds-paragraph-spacing-title-group: 0;
2966
-
2967
- --wds-font-weight-body-large-regular: 400;
2968
- --wds-font-weight-body-large-bold: 700;
2969
- --wds-font-size-body-large: 1rem;
2970
- --wds-line-height-body-large: 1.5;
2971
- --wds-letter-spacing-body-large: 0;
2972
- --wds-paragraph-spacing-body-large: 0.5rem;
2973
-
2974
- --wds-font-weight-body-regular: 400;
2975
- --wds-font-weight-body-bold: 700;
2976
- --wds-font-size-body: 0.875rem;
2977
- --wds-line-height-body: 1.5714;
2978
- --wds-letter-spacing-body: 0;
2979
- --wds-paragraph-spacing-body: 0.5rem;
2980
-
2981
- --wds-font-weight-nav-regular: 500;
2982
- --wds-font-weight-nav-bold: 700;
2983
- --wds-font-size-nav: 0.75rem;
2984
- --wds-line-height-nav: 1.5;
2985
- --wds-letter-spacing-nav: 0;
2986
- }
2987
-
2988
- :lang(he) {
2989
- --wds-font-family-display: 'Noto Sans Hebrew', sans-serif;
2990
- --wds-font-family-regular: 'Noto Sans Hebrew', sans-serif;
2991
-
2992
- --wds-font-weight-display-large: 700;
2993
- --wds-font-size-display-large: 4rem;
2994
- --wds-line-height-display-large: 1.2031;
2995
- --wds-letter-spacing-display-large: 0;
2996
-
2997
- --wds-font-weight-display-medium: 700;
2998
- --wds-font-size-display-medium: 3.25rem;
2999
- --wds-line-height-display-medium: 1.1923;
3000
- --wds-letter-spacing-display-medium: 0;
3001
-
3002
- --wds-font-weight-display-small: 700;
3003
- --wds-font-size-display-small: 2.5rem;
3004
- --wds-line-height-display-small: 1.2;
3005
- --wds-letter-spacing-display-small: 0;
3006
-
3007
- --wds-font-weight-display-number-small: 700;
3008
- --wds-font-size-display-number-small: 2.5rem;
3009
- --wds-line-height-display-number-small: 1.2;
3010
- --wds-letter-spacing-display-number-small: 0;
3011
-
3012
- --wds-font-weight-display-number-medium: 800;
3013
- --wds-font-size-display-number-medium: 3.25rem;
3014
- --wds-line-height-display-number-medium: 0.8462;
3015
- --wds-letter-spacing-display-number-medium: 0;
3016
-
3017
- --wds-font-weight-display-number-large: 800;
3018
- --wds-font-size-display-number-large: 6.25rem;
3019
- --wds-line-height-display-number-large: 0.85;
3020
- --wds-letter-spacing-display-number-large: 0;
3021
-
3022
- --wds-font-weight-title-screen: 700;
3023
- --wds-font-size-title-screen: 1.875rem;
3024
- --wds-line-height-title-screen: 1.2;
3025
- --wds-letter-spacing-title-screen: 0;
3026
- --wds-paragraph-spacing-title-screen: 0.5rem;
3027
-
3028
- --wds-font-weight-title-section: 700;
3029
- --wds-font-size-title-section: 1.625rem;
3030
- --wds-line-height-title-section: 1.2308;
3031
- --wds-letter-spacing-title-section: 0;
3032
- --wds-paragraph-spacing-title-section: 0.5rem;
3033
-
3034
- --wds-font-weight-title-subsection: 700;
3035
- --wds-font-size-title-subsection: 1.375rem;
3036
- --wds-line-height-title-subsection: 1.2727;
3037
- --wds-letter-spacing-title-subsection: 0;
3038
- --wds-paragraph-spacing-title-subsection: 0.5rem;
3039
-
3040
- --wds-font-weight-title-body: 700;
3041
- --wds-font-size-title-body: 1.125rem;
3042
- --wds-line-height-title-body: 1.3333;
3043
- --wds-letter-spacing-title-body: 0;
3044
- --wds-paragraph-spacing-title-body: 0.5rem;
3045
-
3046
- --wds-font-weight-title-group: 700;
3047
- --wds-font-size-title-group: 0.875rem;
3048
- --wds-line-height-title-group: 1.4286;
3049
- --wds-letter-spacing-title-group: 0;
3050
- --wds-paragraph-spacing-title-group: 0;
3051
-
3052
- --wds-font-weight-body-large-regular: 400;
3053
- --wds-font-weight-body-large-bold: 700;
3054
- --wds-font-size-body-large: 1rem;
3055
- --wds-line-height-body-large: 1.5;
3056
- --wds-letter-spacing-body-large: 0;
3057
- --wds-paragraph-spacing-body-large: 0.5rem;
3058
-
3059
- --wds-font-weight-body-regular: 400;
3060
- --wds-font-weight-body-bold: 700;
3061
- --wds-font-size-body: 0.875rem;
3062
- --wds-line-height-body: 1.5714;
3063
- --wds-letter-spacing-body: 0;
3064
- --wds-paragraph-spacing-body: 0.5rem;
3065
-
3066
- --wds-font-weight-nav-regular: 500;
3067
- --wds-font-weight-nav-bold: 700;
3068
- --wds-font-size-nav: 0.75rem;
3069
- --wds-line-height-nav: 1.5;
3070
- --wds-letter-spacing-nav: 0;
3071
- }
3072
-
3073
- /**
3074
- * Do not edit directly, this file was auto-generated.
3075
- */
3076
- .wds-text-display-large,
3077
- .np-text-display-extra-large,
3078
- .np-text-display-large,
3079
- .wds-text-display-large,
3080
- .np-text-display-extra-large,
3081
- .np-text-display-large {
3082
- font-family: 'Wise Sans', 'Inter', sans-serif;
3083
- font-family: var(--wds-font-family-display);
3084
- font-weight: 800;
3085
- font-weight: var(--wds-font-weight-display-large);
3086
- font-size: 4rem;
3087
- font-size: var(--wds-font-size-display-large);
3088
- line-height: 0.85;
3089
- line-height: var(--wds-line-height-display-large);
3090
- letter-spacing: 0;
3091
- letter-spacing: var(--wds-letter-spacing-display-large);
3092
- }
3093
- .wds-text-display-medium,
3094
- .np-text-display-medium,
3095
- .wds-text-display-medium,
3096
- .np-text-display-medium {
3097
- font-family: 'Wise Sans', 'Inter', sans-serif;
3098
- font-family: var(--wds-font-family-display);
3099
- font-weight: 800;
3100
- font-weight: var(--wds-font-weight-display-medium);
3101
- font-size: 3.25rem;
3102
- font-size: var(--wds-font-size-display-medium);
3103
- line-height: 0.8115;
3104
- line-height: var(--wds-line-height-display-medium);
3105
- letter-spacing: 0;
3106
- letter-spacing: var(--wds-letter-spacing-display-medium);
3107
- }
3108
- .wds-text-display-small,
3109
- .np-text-display-small,
3110
- .wds-text-display-small,
3111
- .np-text-display-small {
3112
- font-family: 'Wise Sans', 'Inter', sans-serif;
3113
- font-family: var(--wds-font-family-display);
3114
- font-weight: 800;
3115
- font-weight: var(--wds-font-weight-display-small);
3116
- font-size: 2.5rem;
3117
- font-size: var(--wds-font-size-display-small);
3118
- line-height: 0.85;
3119
- line-height: var(--wds-line-height-display-small);
3120
- letter-spacing: 0;
3121
- letter-spacing: var(--wds-letter-spacing-display-small);
3122
- }
3123
- .wds-text-display-number-small,
3124
- .np-text-display-number-small,
3125
- .wds-text-display-number-small,
3126
- .np-text-display-number-small {
3127
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3128
- font-family: var(--wds-font-family-regular);
3129
- font-weight: 600;
3130
- font-weight: var(--wds-font-weight-display-number-small);
3131
- font-size: 2.5rem;
3132
- font-size: var(--wds-font-size-display-number-small);
3133
- line-height: 1.1;
3134
- line-height: var(--wds-line-height-display-number-small);
3135
- letter-spacing: -0.022em;
3136
- letter-spacing: var(--wds-letter-spacing-display-number-small);
3137
- }
3138
- .wds-text-display-number-medium,
3139
- .np-text-display-number-medium,
3140
- .wds-text-display-number-medium,
3141
- .np-text-display-number-medium {
3142
- font-family: 'Wise Sans', 'Inter', sans-serif;
3143
- font-family: var(--wds-font-family-display);
3144
- font-weight: 800;
3145
- font-weight: var(--wds-font-weight-display-number-medium);
3146
- font-size: 3.25rem;
3147
- font-size: var(--wds-font-size-display-number-medium);
3148
- line-height: 0.8462;
3149
- line-height: var(--wds-line-height-display-number-medium);
3150
- letter-spacing: 0;
3151
- letter-spacing: var(--wds-letter-spacing-display-number-medium);
3152
- }
3153
- .wds-text-display-number-large,
3154
- .np-text-display-number-large,
3155
- .wds-text-display-number-large,
3156
- .np-text-display-number-large {
3157
- font-family: 'Wise Sans', 'Inter', sans-serif;
3158
- font-family: var(--wds-font-family-display);
3159
- font-weight: 800;
3160
- font-weight: var(--wds-font-weight-display-number-large);
3161
- font-size: 6.25rem;
3162
- font-size: var(--wds-font-size-display-number-large);
3163
- line-height: 0.85;
3164
- line-height: var(--wds-line-height-display-number-large);
3165
- letter-spacing: 0;
3166
- letter-spacing: var(--wds-letter-spacing-display-number-large);
3167
- }
3168
- .wds-text-title-screen,
3169
- .h1,
3170
- .title-1,
3171
- h1,
3172
- .np-text-title-screen,
3173
- .wds-text-title-screen,
3174
- .h1,
3175
- .title-1,
3176
- h1,
3177
- .np-text-title-screen {
3178
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3179
- font-family: var(--wds-font-family-regular);
3180
- font-weight: 600;
3181
- font-weight: var(--wds-font-weight-title-screen);
3182
- font-size: 1.875rem;
3183
- font-size: var(--wds-font-size-title-screen);
3184
- line-height: 1.15;
3185
- line-height: var(--wds-line-height-title-screen);
3186
- letter-spacing: -0.021em;
3187
- letter-spacing: var(--wds-letter-spacing-title-screen);
3188
- }
3189
- .wds-text-title-section,
3190
- .h2,
3191
- .title-2,
3192
- h2,
3193
- .np-text-title-section,
3194
- .wds-text-title-section,
3195
- .h2,
3196
- .title-2,
3197
- h2,
3198
- .np-text-title-section {
3199
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3200
- font-family: var(--wds-font-family-regular);
3201
- font-weight: 600;
3202
- font-weight: var(--wds-font-weight-title-section);
3203
- font-size: 1.625rem;
3204
- font-size: var(--wds-font-size-title-section);
3205
- line-height: 1.22;
3206
- line-height: var(--wds-line-height-title-section);
3207
- letter-spacing: -0.02em;
3208
- letter-spacing: var(--wds-letter-spacing-title-section);
3209
- }
3210
- .wds-text-title-subsection,
3211
- .h3,
3212
- .title-3,
3213
- h3,
3214
- .np-text-title-subsection,
3215
- .wds-text-title-subsection,
3216
- .input-group-lg > .form-control,
3217
- .input-group-lg > .input-group-addon,
3218
- .input-group-lg > .input-group-btn .btn,
3219
- .h3,
3220
- .title-3,
3221
- h3,
3222
- .np-text-title-subsection,
3223
- .input-group-lg > .form-control,
3224
- .input-group-lg > .input-group-addon,
3225
- .input-group-lg > .input-group-btn .btn {
3226
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3227
- font-family: var(--wds-font-family-regular);
3228
- font-weight: 600;
3229
- font-weight: var(--wds-font-weight-title-subsection);
3230
- font-size: 1.375rem;
3231
- font-size: var(--wds-font-size-title-subsection);
3232
- line-height: 1.25;
3233
- line-height: var(--wds-line-height-title-subsection);
3234
- letter-spacing: -0.018em;
3235
- letter-spacing: var(--wds-letter-spacing-title-subsection);
3236
- }
3237
- .wds-text-title-body,
3238
- .h4,
3239
- .title-4,
3240
- h4,
3241
- .np-text-title-body,
3242
- .wds-text-title-body,
3243
- .decision__title,
3244
- .popover-title,
3245
- .h4,
3246
- .title-4,
3247
- h4,
3248
- .np-text-title-body,
3249
- .decision__title,
3250
- .popover-title {
3251
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3252
- font-family: var(--wds-font-family-regular);
3253
- font-weight: 600;
3254
- font-weight: var(--wds-font-weight-title-body);
3255
- font-size: 1.125rem;
3256
- font-size: var(--wds-font-size-title-body);
3257
- line-height: 1.35;
3258
- line-height: var(--wds-line-height-title-body);
3259
- letter-spacing: -0.014em;
3260
- letter-spacing: var(--wds-letter-spacing-title-body);
3261
- }
3262
- .wds-text-title-group,
3263
- .h5,
3264
- .h6,
3265
- .title-5,
3266
- h5,
3267
- h6,
3268
- .np-text-title-group,
3269
- .wds-text-title-group,
3270
- .dropdown-header,
3271
- .list-group-item-heading,
3272
- .h5,
3273
- .h6,
3274
- .title-5,
3275
- h5,
3276
- h6,
3277
- .np-text-title-group,
3278
- .dropdown-header,
3279
- .list-group-item-heading {
3280
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3281
- font-family: var(--wds-font-family-regular);
3282
- font-weight: 500;
3283
- font-weight: var(--wds-font-weight-title-group);
3284
- font-size: 0.875rem;
3285
- font-size: var(--wds-font-size-title-group);
3286
- line-height: 1.4;
3287
- line-height: var(--wds-line-height-title-group);
3288
- letter-spacing: -0.018em;
3289
- letter-spacing: var(--wds-letter-spacing-title-group);
3290
- }
3291
- .wds-text-body-large,
3292
- .body-1,
3293
- .value,
3294
- .np-text-body-large,
3295
- .wds-text-body-large,
3296
- .form-control,
3297
- .input-lg,
3298
- .form-control-placeholder,
3299
- .input-group-lg > .form-control,
3300
- .input-group-lg > .input-group-addon,
3301
- .input-group-lg > .input-group-btn .btn,
3302
- .droppable,
3303
- .body-1,
3304
- .value,
3305
- .np-text-body-large,
3306
- .form-control,
3307
- .input-lg,
3308
- .form-control-placeholder,
3309
- .input-group-lg > .form-control,
3310
- .input-group-lg > .input-group-addon,
3311
- .input-group-lg > .input-group-btn .btn,
3312
- .droppable {
3313
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3314
- font-family: var(--wds-font-family-regular);
3315
- font-weight: 400;
3316
- font-weight: var(--wds-font-weight-body-large-regular);
3317
- font-size: 1rem;
3318
- font-size: var(--wds-font-size-body-large);
3319
- line-height: 1.5;
3320
- line-height: var(--wds-line-height-body-large);
3321
- letter-spacing: -0.011em;
3322
- letter-spacing: var(--wds-letter-spacing-body-large);
3323
- }
3324
- .wds-text-body-large-bold,
3325
- .control-1,
3326
- .np-text-body-large-bold,
3327
- .wds-text-body-large-bold,
3328
- .btn,
3329
- .control-1,
3330
- .np-text-body-large-bold,
3331
- .btn {
3332
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3333
- font-family: var(--wds-font-family-regular);
3334
- font-weight: 600;
3335
- font-weight: var(--wds-font-weight-body-large-bold);
3336
- font-size: 1rem;
3337
- font-size: var(--wds-font-size-body-large);
3338
- line-height: 1.5;
3339
- line-height: var(--wds-line-height-body-large);
3340
- letter-spacing: -0.011em;
3341
- letter-spacing: var(--wds-letter-spacing-body-large);
3342
- }
3343
- .wds-text-body-default,
3344
- .body-2,
3345
- .body-3,
3346
- .small,
3347
- .tiny,
3348
- body,
3349
- small,
3350
- .np-text-body-default,
3351
- .wds-text-body-default,
3352
- .btn-group .secondary,
3353
- .input-sm,
3354
- .input-group-sm > .form-control,
3355
- .input-group-sm > .input-group-addon,
3356
- .decision__content,
3357
- .dropdown-menu,
3358
- .dropdown-menu > li > a,
3359
- .footer,
3360
- .footer .footer-link,
3361
- .footer .link-icon,
3362
- .popover,
3363
- .popover-content,
3364
- .tooltip-inner,
3365
- .body-2,
3366
- .body-3,
3367
- .small,
3368
- .tiny,
3369
- body,
3370
- small,
3371
- .np-text-body-default,
3372
- .btn-group .secondary,
3373
- .input-sm,
3374
- .input-group-sm > .form-control,
3375
- .input-group-sm > .input-group-addon,
3376
- .decision__content,
3377
- .dropdown-menu,
3378
- .dropdown-menu > li > a,
3379
- .footer,
3380
- .footer .footer-link,
3381
- .footer .link-icon,
3382
- .popover,
3383
- .popover-content,
3384
- .tooltip-inner {
3385
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3386
- font-family: var(--wds-font-family-regular);
3387
- font-weight: 400;
3388
- font-weight: var(--wds-font-weight-body-regular);
3389
- font-size: 0.875rem;
3390
- font-size: var(--wds-font-size-body);
3391
- line-height: 1.55;
3392
- line-height: var(--wds-line-height-body);
3393
- letter-spacing: -0.006em;
3394
- letter-spacing: var(--wds-letter-spacing-body);
3395
- }
3396
- .wds-text-body-default-bold,
3397
- .control-2,
3398
- .label,
3399
- .control-label,
3400
- .np-text-body-default-bold,
3401
- .wds-text-body-default-bold,
3402
- .control-2,
3403
- .label,
3404
- .control-label,
3405
- .np-text-body-default-bold {
3406
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3407
- font-family: var(--wds-font-family-regular);
3408
- font-weight: 600;
3409
- font-weight: var(--wds-font-weight-body-bold);
3410
- font-size: 0.875rem;
3411
- font-size: var(--wds-font-size-body);
3412
- line-height: 1.55;
3413
- line-height: var(--wds-line-height-body);
3414
- letter-spacing: -0.006em;
3415
- letter-spacing: var(--wds-letter-spacing-body);
3416
- }
3417
- .wds-text-nav {
3418
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3419
- font-family: var(--wds-font-family-regular);
3420
- font-weight: 400;
3421
- font-weight: var(--wds-font-weight-nav-regular);
3422
- font-size: 0.75rem;
3423
- font-size: var(--wds-font-size-nav);
3424
- line-height: 1.5;
3425
- line-height: var(--wds-line-height-nav);
3426
- letter-spacing: 0;
3427
- letter-spacing: var(--wds-letter-spacing-nav);
3428
- }
3429
- .wds-text-nav-bold {
3430
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3431
- font-family: var(--wds-font-family-regular);
3432
- font-weight: 600;
3433
- font-weight: var(--wds-font-weight-nav-bold);
3434
- font-size: 0.75rem;
3435
- font-size: var(--wds-font-size-nav);
3436
- line-height: 1.5;
3437
- line-height: var(--wds-line-height-nav);
3438
- letter-spacing: 0;
3439
- letter-spacing: var(--wds-letter-spacing-nav);
3440
- }
3441
- .wds-text-display-number,
3442
- .np-text-display-number,
3443
- .wds-text-display-number,
3444
- .np-text-display-number {
3445
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3446
- font-family: var(--wds-font-family-regular);
3447
- font-weight: 600;
3448
- font-weight: var(--wds-font-weight-display-number-small);
3449
- font-size: 2.5rem;
3450
- font-size: var(--wds-font-size-display-number-small);
3451
- line-height: 1.1;
3452
- line-height: var(--wds-line-height-display-number-small);
3453
- letter-spacing: -0.022em;
3454
- letter-spacing: var(--wds-letter-spacing-display-number-small);
1872
+ --color-sentiment-warning-secondary-active: #fff7d7;
1873
+ --color-sentiment-warning-content: #4a3b1c;
1874
+ --color-sentiment-warning-content-hover: #3b2f16;
1875
+ --color-sentiment-warning-content-active: #2c2311;
1876
+ --color-contrast: rgba(255,255,255,0);
1877
+ --color-light: #ffffff;
1878
+ --color-dark: #121511;
1879
+ --color-contrast-overlay: #ffffff;
1880
+ --color-contrast-theme: #163300;
1881
+ --padding-x-small: 8px;
1882
+ --padding-small: 16px;
1883
+ --padding-medium: 24px;
1884
+ --padding-large: 32px;
1885
+ --radius-full: 9999px;
1886
+ --radius-small: 10px;
1887
+ --radius-medium: 16px;
1888
+ --radius-large: 24px;
1889
+ --radius-xlarge: 32px;
1890
+ --size-4: 4px;
1891
+ --size-5: 5px;
1892
+ --size-8: 8px;
1893
+ --size-10: 10px;
1894
+ --size-12: 12px;
1895
+ --size-14: 14px;
1896
+ --size-16: 16px;
1897
+ --size-24: 24px;
1898
+ --size-32: 32px;
1899
+ --size-40: 40px;
1900
+ --size-48: 48px;
1901
+ --size-52: 52px;
1902
+ --size-56: 56px;
1903
+ --size-60: 60px;
1904
+ --size-64: 64px;
1905
+ --size-72: 72px;
1906
+ --size-80: 80px;
1907
+ --size-88: 88px;
1908
+ --size-96: 96px;
1909
+ --size-104: 104px;
1910
+ --size-112: 112px;
1911
+ --size-120: 120px;
1912
+ --size-126: 126px;
1913
+ --size-128: 128px;
1914
+ --size-146: 146px;
1915
+ --size-154: 154px;
1916
+ --size-160: 160px;
1917
+ --size-x-small: 24px;
1918
+ --size-small: 32px;
1919
+ --size-medium: 40px;
1920
+ --size-large: 48px;
1921
+ --size-x-large: 56px;
1922
+ --size-2x-large: 72px;
1923
+ --space-content-horizontal: 16px;
1924
+ --space-small: 16px;
1925
+ --space-medium: 32px;
1926
+ --space-large: 40px;
1927
+ --space-x-large: 56px;
1928
+ --font-size-12: 0.75rem;
1929
+ --font-size-14: 0.875rem;
1930
+ --font-size-16: 1rem;
1931
+ --font-size-18: 1.125rem;
1932
+ --font-size-20: 1.25rem;
1933
+ --font-size-22: 1.375rem;
1934
+ --font-size-24: 1.5rem;
1935
+ --font-size-26: 1.625rem;
1936
+ --font-size-28: 1.75rem;
1937
+ --font-size-30: 1.875rem;
1938
+ --font-size-32: 2rem;
1939
+ --letter-spacing-xxs: 0.005em;
1940
+ --letter-spacing-xs: 0.01em;
1941
+ --letter-spacing-sm: 0.0125em;
1942
+ --letter-spacing-md: 0.015em;
1943
+ --letter-spacing-lg: 0.02em;
1944
+ --letter-spacing-xl: 0.025em;
1945
+ --letter-spacing-negative-xxs: -0.005em;
1946
+ --letter-spacing-negative-xs: -0.01em;
1947
+ --letter-spacing-negative-sm: -0.0125em;
1948
+ --letter-spacing-negative-md: -0.015em;
1949
+ --letter-spacing-negative-lg: -0.02em;
1950
+ --letter-spacing-negative-xl: -0.025em;
1951
+ --letter-spacing-negative-xxl: -0.03em;
1952
+ --letter-spacing-negative-xxxl: -0.04em;
1953
+ --letter-spacing-negative-xxxxl: -0.05em;
1954
+ --line-height-18: 1.125rem;
1955
+ --line-height-20: 1.25rem;
1956
+ --line-height-22: 1.375rem;
1957
+ --line-height-24: 1.5rem;
1958
+ --line-height-28: 1.75rem;
1959
+ --line-height-30: 1.875rem;
1960
+ --line-height-32: 2rem;
1961
+ --line-height-34: 2.125rem;
1962
+ --line-height-36: 2.25rem;
1963
+ --line-height-42: 2.625rem;
1964
+ --line-height-48: 3rem;
1965
+ --line-height-title: 1.2;
1966
+ --line-height-body: 1.5;
1967
+ --line-height-control: 1.2;
1968
+ --font-weight-light: 300;
1969
+ --font-weight-regular: 400;
1970
+ --font-weight-medium: 500;
1971
+ --font-weight-semi-bold: 600;
1972
+ --font-weight-bold: 700;
1973
+ --font-weight-black: 900;
1974
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1975
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
3455
1976
  }
1977
+
3456
1978
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
3457
1979
  @font-face {
3458
1980
  font-family: Inter;
@@ -4054,7 +2576,7 @@ video {
4054
2576
  clip: auto;
4055
2577
  }
4056
2578
  /* stylelint-disable selector-max-empty-lines */
4057
- /* DEPRECATED: use `.wds-text-*` instead */
2579
+ /* DEPRECATED: use .np-text-*-title instead */
4058
2580
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4059
2581
  .h1,
4060
2582
  .h2,
@@ -4081,6 +2603,9 @@ h6,
4081
2603
  margin: 0;
4082
2604
  color: #37517e;
4083
2605
  color: var(--color-content-primary);
2606
+ line-height: 1.2;
2607
+ line-height: var(--line-height-title);
2608
+ letter-spacing: 0;
4084
2609
  word-wrap: break-word;
4085
2610
  }
4086
2611
  @supports (hyphenate-limit-chars: 1) {
@@ -4285,53 +2810,77 @@ h6 + ol:not(.list-unstyled),
4285
2810
  margin-block-start: 8px;
4286
2811
  margin-block-start: var(--size-8);
4287
2812
  }
4288
- /* DEPRECATED: use `.wds-text-title-screen` instead */
2813
+ /* DEPRECATED: use .np-text-title-screen instead */
4289
2814
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4290
2815
  .h1,
4291
2816
  .title-1,
4292
2817
  h1,
4293
- .np-text-title-screen,
4294
- .wds-text-title-screen,
4295
- .h1,
4296
- .title-1,
4297
- h1,
4298
2818
  .np-text-title-screen {
4299
2819
  margin-block-end: initial;
2820
+ font-size: 1.875rem;
2821
+ font-size: var(--font-size-30);
2822
+ font-weight: 600;
2823
+ font-weight: var(--font-weight-semi-bold);
2824
+ letter-spacing: -0.021em;
2825
+ line-height: 115%;
4300
2826
  }
4301
- /* DEPRECATED: use `.wds-text-title-section` instead */
2827
+ /* DEPRECATED: use .np-text-title-section instead */
4302
2828
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4303
2829
  .h2,
4304
2830
  .title-2,
4305
2831
  h2,
4306
- .np-text-title-section,
4307
- .wds-text-title-section,
4308
- .h2,
4309
- .title-2,
4310
- h2,
4311
2832
  .np-text-title-section {
4312
2833
  margin-block-end: initial;
2834
+ font-weight: 600;
2835
+ font-weight: var(--font-weight-semi-bold);
2836
+ font-size: 1.625rem;
2837
+ font-size: var(--font-size-26);
2838
+ letter-spacing: -0.02em;
2839
+ line-height: 122%;
4313
2840
  }
4314
- /* DEPRECATED: use `.wds-text-title-subsection` instead */
2841
+ /* DEPRECATED: use .np-text-title-subsection instead */
4315
2842
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4316
2843
  .h3,
4317
2844
  .title-3,
4318
2845
  h3,
4319
- .np-text-title-subsection,
4320
- .wds-text-title-subsection,
4321
- .h3,
4322
- .title-3,
4323
- h3,
4324
- .np-text-title-subsection,
4325
- .input-group-lg > .form-control,
4326
- .input-group-lg > .input-group-addon,
4327
- .input-group-lg > .input-group-btn .btn {
2846
+ .np-text-title-subsection {
4328
2847
  margin-block-end: initial;
2848
+ font-size: 1.375rem;
2849
+ font-size: var(--font-size-22);
2850
+ font-weight: 600;
2851
+ font-weight: var(--font-weight-semi-bold);
2852
+ letter-spacing: -0.018em;
2853
+ line-height: 125%;
4329
2854
  }
4330
- /* DEPRECATED: use `.wds-text-title-body` instead */
2855
+ /* DEPRECATED: use .np-text-title-body instead */
4331
2856
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4332
- /* DEPRECATED: use `.wds-text-title-group` instead */
2857
+ .h4,
2858
+ .title-4,
2859
+ h4,
2860
+ .np-text-title-body {
2861
+ font-size: 1.125rem;
2862
+ font-size: var(--font-size-18);
2863
+ font-weight: 600;
2864
+ font-weight: var(--font-weight-semi-bold);
2865
+ letter-spacing: -0.014em;
2866
+ line-height: 135%;
2867
+ }
2868
+ /* DEPRECATED: use .np-text-title-group instead */
4333
2869
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4334
- /* DEPRECATED: use `.wds-text-title-body` instead */
2870
+ .h5,
2871
+ .h6,
2872
+ .title-5,
2873
+ h5,
2874
+ h6,
2875
+ .np-text-title-group {
2876
+ font-weight: 500;
2877
+ font-weight: var(--font-weight-medium);
2878
+ font-size: 0.875rem;
2879
+ font-size: var(--font-size-14);
2880
+ letter-spacing: -0.006em;
2881
+ line-height: 140%;
2882
+ }
2883
+ /* DEPRECATED: use .np-text-title-body instead */
4335
2884
  .lead {
4336
2885
  margin-block-end: 24px;
4337
2886
  margin-block-end: var(--size-24);
@@ -4344,7 +2893,7 @@ h3,
4344
2893
  color: #5d7079;
4345
2894
  color: var(--color-content-secondary);
4346
2895
  }
4347
- /* DEPRECATED: use `.wds-text-body-default` instead */
2896
+ /* DEPRECATED: use .np-text-body-default instead */
4348
2897
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4349
2898
  .body-2,
4350
2899
  .body-3,
@@ -4352,28 +2901,13 @@ h3,
4352
2901
  .tiny,
4353
2902
  body,
4354
2903
  small,
4355
- .np-text-body-default,
4356
- .wds-text-body-default,
4357
- .body-2,
4358
- .body-3,
4359
- .small,
4360
- .tiny,
4361
- body,
4362
- small,
4363
- .np-text-body-default,
4364
- .btn-group .secondary,
4365
- .input-sm,
4366
- .input-group-sm > .form-control,
4367
- .input-group-sm > .input-group-addon,
4368
- .decision__content,
4369
- .dropdown-menu,
4370
- .dropdown-menu > li > a,
4371
- .footer,
4372
- .footer .footer-link,
4373
- .footer .link-icon,
4374
- .popover,
4375
- .popover-content,
4376
- .tooltip-inner {
2904
+ .np-text-body-default {
2905
+ font-size: 0.875rem;
2906
+ font-size: var(--font-size-14);
2907
+ line-height: 155%;
2908
+ letter-spacing: -0.006em;
2909
+ font-weight: 400;
2910
+ font-weight: var(--font-weight-regular);
4377
2911
  word-wrap: break-word;
4378
2912
  }
4379
2913
  @supports (hyphenate-limit-chars: 1) {
@@ -4383,49 +2917,7 @@ small,
4383
2917
  .tiny,
4384
2918
  body,
4385
2919
  small,
4386
- .np-text-body-default,
4387
- .wds-text-body-default,
4388
- .body-2,
4389
- .body-3,
4390
- .small,
4391
- .tiny,
4392
- body,
4393
- small,
4394
- .np-text-body-default,
4395
- .wds-text-body-default,
4396
- .btn-group .secondary,
4397
- .input-sm,
4398
- .input-group-sm > .form-control,
4399
- .input-group-sm > .input-group-addon,
4400
- .decision__content,
4401
- .dropdown-menu,
4402
- .dropdown-menu > li > a,
4403
- .footer,
4404
- .footer .footer-link,
4405
- .footer .link-icon,
4406
- .popover,
4407
- .popover-content,
4408
- .tooltip-inner,
4409
- .body-2,
4410
- .body-3,
4411
- .small,
4412
- .tiny,
4413
- body,
4414
- small,
4415
- .np-text-body-default,
4416
- .btn-group .secondary,
4417
- .input-sm,
4418
- .input-group-sm > .form-control,
4419
- .input-group-sm > .input-group-addon,
4420
- .decision__content,
4421
- .dropdown-menu,
4422
- .dropdown-menu > li > a,
4423
- .footer,
4424
- .footer .footer-link,
4425
- .footer .link-icon,
4426
- .popover,
4427
- .popover-content,
4428
- .tooltip-inner {
2920
+ .np-text-body-default {
4429
2921
  hyphens: auto;
4430
2922
  hyphenate-limit-chars: 7 3;
4431
2923
  }
@@ -4436,49 +2928,7 @@ small,
4436
2928
  .tiny,
4437
2929
  body,
4438
2930
  small,
4439
- .np-text-body-default,
4440
- .wds-text-body-default,
4441
- .body-2,
4442
- .body-3,
4443
- .small,
4444
- .tiny,
4445
- body,
4446
- small,
4447
- .np-text-body-default,
4448
- .wds-text-body-default,
4449
- .btn-group .secondary,
4450
- .input-sm,
4451
- .input-group-sm > .form-control,
4452
- .input-group-sm > .input-group-addon,
4453
- .decision__content,
4454
- .dropdown-menu,
4455
- .dropdown-menu > li > a,
4456
- .footer,
4457
- .footer .footer-link,
4458
- .footer .link-icon,
4459
- .popover,
4460
- .popover-content,
4461
- .tooltip-inner,
4462
- .body-2,
4463
- .body-3,
4464
- .small,
4465
- .tiny,
4466
- body,
4467
- small,
4468
- .np-text-body-default,
4469
- .btn-group .secondary,
4470
- .input-sm,
4471
- .input-group-sm > .form-control,
4472
- .input-group-sm > .input-group-addon,
4473
- .decision__content,
4474
- .dropdown-menu,
4475
- .dropdown-menu > li > a,
4476
- .footer,
4477
- .footer .footer-link,
4478
- .footer .link-icon,
4479
- .popover,
4480
- .popover-content,
4481
- .tooltip-inner {
2931
+ .np-text-body-default {
4482
2932
  hyphenate-limit-chars: 8 3;
4483
2933
  }
4484
2934
  }
@@ -4489,49 +2939,7 @@ small,
4489
2939
  .tiny,
4490
2940
  body,
4491
2941
  small,
4492
- .np-text-body-default,
4493
- .wds-text-body-default,
4494
- .body-2,
4495
- .body-3,
4496
- .small,
4497
- .tiny,
4498
- body,
4499
- small,
4500
- .np-text-body-default,
4501
- .wds-text-body-default,
4502
- .btn-group .secondary,
4503
- .input-sm,
4504
- .input-group-sm > .form-control,
4505
- .input-group-sm > .input-group-addon,
4506
- .decision__content,
4507
- .dropdown-menu,
4508
- .dropdown-menu > li > a,
4509
- .footer,
4510
- .footer .footer-link,
4511
- .footer .link-icon,
4512
- .popover,
4513
- .popover-content,
4514
- .tooltip-inner,
4515
- .body-2,
4516
- .body-3,
4517
- .small,
4518
- .tiny,
4519
- body,
4520
- small,
4521
- .np-text-body-default,
4522
- .btn-group .secondary,
4523
- .input-sm,
4524
- .input-group-sm > .form-control,
4525
- .input-group-sm > .input-group-addon,
4526
- .decision__content,
4527
- .dropdown-menu,
4528
- .dropdown-menu > li > a,
4529
- .footer,
4530
- .footer .footer-link,
4531
- .footer .link-icon,
4532
- .popover,
4533
- .popover-content,
4534
- .tooltip-inner {
2942
+ .np-text-body-default {
4535
2943
  hyphenate-limit-chars: 10 4 3;
4536
2944
  }
4537
2945
  }
@@ -4543,131 +2951,38 @@ small,
4543
2951
  .tiny,
4544
2952
  body,
4545
2953
  small,
4546
- .np-text-body-default,
4547
- .wds-text-body-default,
4548
- .body-2,
4549
- .body-3,
4550
- .small,
4551
- .tiny,
4552
- body,
4553
- small,
4554
- .np-text-body-default,
4555
- .wds-text-body-default,
4556
- .btn-group .secondary,
4557
- .input-sm,
4558
- .input-group-sm > .form-control,
4559
- .input-group-sm > .input-group-addon,
4560
- .decision__content,
4561
- .dropdown-menu,
4562
- .dropdown-menu > li > a,
4563
- .footer,
4564
- .footer .footer-link,
4565
- .footer .link-icon,
4566
- .popover,
4567
- .popover-content,
4568
- .tooltip-inner,
4569
- .body-2,
4570
- .body-3,
4571
- .small,
4572
- .tiny,
4573
- body,
4574
- small,
4575
- .np-text-body-default,
4576
- .btn-group .secondary,
4577
- .input-sm,
4578
- .input-group-sm > .form-control,
4579
- .input-group-sm > .input-group-addon,
4580
- .decision__content,
4581
- .dropdown-menu,
4582
- .dropdown-menu > li > a,
4583
- .footer,
4584
- .footer .footer-link,
4585
- .footer .link-icon,
4586
- .popover,
4587
- .popover-content,
4588
- .tooltip-inner {
2954
+ .np-text-body-default {
4589
2955
  hyphens: auto;
4590
2956
  -webkit-hyphenate-limit-before: 3;
4591
2957
  -webkit-hyphenate-limit-after: 3;
4592
- }
4593
- @media (min-width: 1160px) {
4594
- .body-2,
4595
- .body-3,
4596
- .small,
4597
- .tiny,
4598
- body,
4599
- small,
4600
- .np-text-body-default,
4601
- .wds-text-body-default,
4602
- .body-2,
4603
- .body-3,
4604
- .small,
4605
- .tiny,
4606
- body,
4607
- small,
4608
- .np-text-body-default,
4609
- .wds-text-body-default,
4610
- .btn-group .secondary,
4611
- .input-sm,
4612
- .input-group-sm > .form-control,
4613
- .input-group-sm > .input-group-addon,
4614
- .decision__content,
4615
- .dropdown-menu,
4616
- .dropdown-menu > li > a,
4617
- .footer,
4618
- .footer .footer-link,
4619
- .footer .link-icon,
4620
- .popover,
4621
- .popover-content,
4622
- .tooltip-inner,
2958
+ }
2959
+ @media (min-width: 1160px) {
4623
2960
  .body-2,
4624
2961
  .body-3,
4625
2962
  .small,
4626
2963
  .tiny,
4627
2964
  body,
4628
2965
  small,
4629
- .np-text-body-default,
4630
- .btn-group .secondary,
4631
- .input-sm,
4632
- .input-group-sm > .form-control,
4633
- .input-group-sm > .input-group-addon,
4634
- .decision__content,
4635
- .dropdown-menu,
4636
- .dropdown-menu > li > a,
4637
- .footer,
4638
- .footer .footer-link,
4639
- .footer .link-icon,
4640
- .popover,
4641
- .popover-content,
4642
- .tooltip-inner {
2966
+ .np-text-body-default {
4643
2967
  -webkit-hyphenate-limit-before: 4;
4644
2968
  }
4645
2969
  }
4646
2970
  }
4647
- /* DEPRECATED: use `.wds-text-body-default-bold` instead */
2971
+ /* DEPRECATED: use .np-text-body-default-bold instead */
4648
2972
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4649
2973
  .control-2,
4650
2974
  .label,
4651
2975
  .control-label,
4652
- .np-text-body-default-bold,
4653
- .wds-text-body-default-bold,
4654
- .control-2,
4655
- .label,
4656
- .control-label,
4657
2976
  .np-text-body-default-bold {
2977
+ font-size: 0.875rem;
2978
+ font-size: var(--font-size-14);
2979
+ line-height: 155%;
2980
+ letter-spacing: -0.006em;
2981
+ font-weight: 600;
2982
+ font-weight: var(--font-weight-semi-bold);
4658
2983
  word-wrap: break-word;
4659
2984
  }
4660
2985
  @supports (hyphenate-limit-chars: 1) {
4661
- .control-2,
4662
- .label,
4663
- .control-label,
4664
- .np-text-body-default-bold,
4665
- .wds-text-body-default-bold,
4666
- .control-2,
4667
- .label,
4668
- .control-label,
4669
- .np-text-body-default-bold,
4670
- .wds-text-body-default-bold,
4671
2986
  .control-2,
4672
2987
  .label,
4673
2988
  .control-label,
@@ -4676,16 +2991,6 @@ small,
4676
2991
  hyphenate-limit-chars: 7 3;
4677
2992
  }
4678
2993
  @media (min-width: 840px) {
4679
- .control-2,
4680
- .label,
4681
- .control-label,
4682
- .np-text-body-default-bold,
4683
- .wds-text-body-default-bold,
4684
- .control-2,
4685
- .label,
4686
- .control-label,
4687
- .np-text-body-default-bold,
4688
- .wds-text-body-default-bold,
4689
2994
  .control-2,
4690
2995
  .label,
4691
2996
  .control-label,
@@ -4694,16 +2999,6 @@ small,
4694
2999
  }
4695
3000
  }
4696
3001
  @media (min-width: 1160px) {
4697
- .control-2,
4698
- .label,
4699
- .control-label,
4700
- .np-text-body-default-bold,
4701
- .wds-text-body-default-bold,
4702
- .control-2,
4703
- .label,
4704
- .control-label,
4705
- .np-text-body-default-bold,
4706
- .wds-text-body-default-bold,
4707
3002
  .control-2,
4708
3003
  .label,
4709
3004
  .control-label,
@@ -4713,16 +3008,6 @@ small,
4713
3008
  }
4714
3009
  }
4715
3010
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4716
- .control-2,
4717
- .label,
4718
- .control-label,
4719
- .np-text-body-default-bold,
4720
- .wds-text-body-default-bold,
4721
- .control-2,
4722
- .label,
4723
- .control-label,
4724
- .np-text-body-default-bold,
4725
- .wds-text-body-default-bold,
4726
3011
  .control-2,
4727
3012
  .label,
4728
3013
  .control-label,
@@ -4732,16 +3017,6 @@ small,
4732
3017
  -webkit-hyphenate-limit-after: 3;
4733
3018
  }
4734
3019
  @media (min-width: 1160px) {
4735
- .control-2,
4736
- .label,
4737
- .control-label,
4738
- .np-text-body-default-bold,
4739
- .wds-text-body-default-bold,
4740
- .control-2,
4741
- .label,
4742
- .control-label,
4743
- .np-text-body-default-bold,
4744
- .wds-text-body-default-bold,
4745
3020
  .control-2,
4746
3021
  .label,
4747
3022
  .control-label,
@@ -4750,108 +3025,37 @@ small,
4750
3025
  }
4751
3026
  }
4752
3027
  }
4753
- /* DEPRECATED: use `.wds-text-body-large` instead */
3028
+ /* DEPRECATED: use .np-text-body-large instead */
4754
3029
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4755
3030
  .body-1,
4756
3031
  .value,
4757
- .np-text-body-large,
4758
- .wds-text-body-large,
4759
- .body-1,
4760
- .value,
4761
- .np-text-body-large,
4762
- .form-control,
4763
- .input-lg,
4764
- .form-control-placeholder,
4765
- .input-group-lg > .form-control,
4766
- .input-group-lg > .input-group-addon,
4767
- .input-group-lg > .input-group-btn .btn,
4768
- .droppable {
3032
+ .np-text-body-large {
3033
+ font-weight: 400;
3034
+ font-weight: var(--font-weight-regular);
3035
+ font-size: 1rem;
3036
+ font-size: var(--font-size-16);
3037
+ line-height: 150%;
3038
+ letter-spacing: -0.011em;
4769
3039
  word-wrap: break-word;
4770
3040
  }
4771
3041
  @supports (hyphenate-limit-chars: 1) {
4772
3042
  .body-1,
4773
3043
  .value,
4774
- .np-text-body-large,
4775
- .wds-text-body-large,
4776
- .body-1,
4777
- .value,
4778
- .np-text-body-large,
4779
- .wds-text-body-large,
4780
- .form-control,
4781
- .input-lg,
4782
- .form-control-placeholder,
4783
- .input-group-lg > .form-control,
4784
- .input-group-lg > .input-group-addon,
4785
- .input-group-lg > .input-group-btn .btn,
4786
- .droppable,
4787
- .body-1,
4788
- .value,
4789
- .np-text-body-large,
4790
- .form-control,
4791
- .input-lg,
4792
- .form-control-placeholder,
4793
- .input-group-lg > .form-control,
4794
- .input-group-lg > .input-group-addon,
4795
- .input-group-lg > .input-group-btn .btn,
4796
- .droppable {
3044
+ .np-text-body-large {
4797
3045
  hyphens: auto;
4798
3046
  hyphenate-limit-chars: 7 3;
4799
3047
  }
4800
3048
  @media (min-width: 840px) {
4801
3049
  .body-1,
4802
3050
  .value,
4803
- .np-text-body-large,
4804
- .wds-text-body-large,
4805
- .body-1,
4806
- .value,
4807
- .np-text-body-large,
4808
- .wds-text-body-large,
4809
- .form-control,
4810
- .input-lg,
4811
- .form-control-placeholder,
4812
- .input-group-lg > .form-control,
4813
- .input-group-lg > .input-group-addon,
4814
- .input-group-lg > .input-group-btn .btn,
4815
- .droppable,
4816
- .body-1,
4817
- .value,
4818
- .np-text-body-large,
4819
- .form-control,
4820
- .input-lg,
4821
- .form-control-placeholder,
4822
- .input-group-lg > .form-control,
4823
- .input-group-lg > .input-group-addon,
4824
- .input-group-lg > .input-group-btn .btn,
4825
- .droppable {
3051
+ .np-text-body-large {
4826
3052
  hyphenate-limit-chars: 8 3;
4827
3053
  }
4828
3054
  }
4829
3055
  @media (min-width: 1160px) {
4830
3056
  .body-1,
4831
3057
  .value,
4832
- .np-text-body-large,
4833
- .wds-text-body-large,
4834
- .body-1,
4835
- .value,
4836
- .np-text-body-large,
4837
- .wds-text-body-large,
4838
- .form-control,
4839
- .input-lg,
4840
- .form-control-placeholder,
4841
- .input-group-lg > .form-control,
4842
- .input-group-lg > .input-group-addon,
4843
- .input-group-lg > .input-group-btn .btn,
4844
- .droppable,
4845
- .body-1,
4846
- .value,
4847
- .np-text-body-large,
4848
- .form-control,
4849
- .input-lg,
4850
- .form-control-placeholder,
4851
- .input-group-lg > .form-control,
4852
- .input-group-lg > .input-group-addon,
4853
- .input-group-lg > .input-group-btn .btn,
4854
- .droppable {
3058
+ .np-text-body-large {
4855
3059
  hyphenate-limit-chars: 10 4 3;
4856
3060
  }
4857
3061
  }
@@ -4859,29 +3063,7 @@ small,
4859
3063
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4860
3064
  .body-1,
4861
3065
  .value,
4862
- .np-text-body-large,
4863
- .wds-text-body-large,
4864
- .body-1,
4865
- .value,
4866
- .np-text-body-large,
4867
- .wds-text-body-large,
4868
- .form-control,
4869
- .input-lg,
4870
- .form-control-placeholder,
4871
- .input-group-lg > .form-control,
4872
- .input-group-lg > .input-group-addon,
4873
- .input-group-lg > .input-group-btn .btn,
4874
- .droppable,
4875
- .body-1,
4876
- .value,
4877
- .np-text-body-large,
4878
- .form-control,
4879
- .input-lg,
4880
- .form-control-placeholder,
4881
- .input-group-lg > .form-control,
4882
- .input-group-lg > .input-group-addon,
4883
- .input-group-lg > .input-group-btn .btn,
4884
- .droppable {
3066
+ .np-text-body-large {
4885
3067
  hyphens: auto;
4886
3068
  -webkit-hyphenate-limit-before: 3;
4887
3069
  -webkit-hyphenate-limit-after: 3;
@@ -4889,112 +3071,52 @@ small,
4889
3071
  @media (min-width: 1160px) {
4890
3072
  .body-1,
4891
3073
  .value,
4892
- .np-text-body-large,
4893
- .wds-text-body-large,
4894
- .body-1,
4895
- .value,
4896
- .np-text-body-large,
4897
- .wds-text-body-large,
4898
- .form-control,
4899
- .input-lg,
4900
- .form-control-placeholder,
4901
- .input-group-lg > .form-control,
4902
- .input-group-lg > .input-group-addon,
4903
- .input-group-lg > .input-group-btn .btn,
4904
- .droppable,
4905
- .body-1,
4906
- .value,
4907
- .np-text-body-large,
4908
- .form-control,
4909
- .input-lg,
4910
- .form-control-placeholder,
4911
- .input-group-lg > .form-control,
4912
- .input-group-lg > .input-group-addon,
4913
- .input-group-lg > .input-group-btn .btn,
4914
- .droppable {
3074
+ .np-text-body-large {
4915
3075
  -webkit-hyphenate-limit-before: 4;
4916
3076
  }
4917
3077
  }
4918
3078
  }
4919
- /* DEPRECATED: use `.wds-text-body-large-bold` instead */
3079
+ /* DEPRECATED: use np-text-body-large-bold instead */
4920
3080
  /* stylelint-disable-next-line selector-list-comma-newline-after */
4921
3081
  .control-1,
4922
- .np-text-body-large-bold,
4923
- .wds-text-body-large-bold,
4924
- .control-1,
4925
- .np-text-body-large-bold,
4926
- .btn {
3082
+ .np-text-body-large-bold {
3083
+ font-weight: 600;
3084
+ font-weight: var(--font-weight-semi-bold);
3085
+ font-size: 1rem;
3086
+ font-size: var(--font-size-16);
3087
+ line-height: 150%;
3088
+ letter-spacing: -0.011em;
4927
3089
  word-wrap: break-word;
4928
3090
  }
4929
3091
  @supports (hyphenate-limit-chars: 1) {
4930
3092
  .control-1,
4931
- .np-text-body-large-bold,
4932
- .wds-text-body-large-bold,
4933
- .control-1,
4934
- .np-text-body-large-bold,
4935
- .wds-text-body-large-bold,
4936
- .btn,
4937
- .control-1,
4938
- .np-text-body-large-bold,
4939
- .btn {
3093
+ .np-text-body-large-bold {
4940
3094
  hyphens: auto;
4941
3095
  hyphenate-limit-chars: 7 3;
4942
3096
  }
4943
3097
  @media (min-width: 840px) {
4944
3098
  .control-1,
4945
- .np-text-body-large-bold,
4946
- .wds-text-body-large-bold,
4947
- .control-1,
4948
- .np-text-body-large-bold,
4949
- .wds-text-body-large-bold,
4950
- .btn,
4951
- .control-1,
4952
- .np-text-body-large-bold,
4953
- .btn {
3099
+ .np-text-body-large-bold {
4954
3100
  hyphenate-limit-chars: 8 3;
4955
3101
  }
4956
3102
  }
4957
3103
  @media (min-width: 1160px) {
4958
3104
  .control-1,
4959
- .np-text-body-large-bold,
4960
- .wds-text-body-large-bold,
4961
- .control-1,
4962
- .np-text-body-large-bold,
4963
- .wds-text-body-large-bold,
4964
- .btn,
4965
- .control-1,
4966
- .np-text-body-large-bold,
4967
- .btn {
3105
+ .np-text-body-large-bold {
4968
3106
  hyphenate-limit-chars: 10 4 3;
4969
3107
  }
4970
3108
  }
4971
3109
  }
4972
3110
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4973
3111
  .control-1,
4974
- .np-text-body-large-bold,
4975
- .wds-text-body-large-bold,
4976
- .control-1,
4977
- .np-text-body-large-bold,
4978
- .wds-text-body-large-bold,
4979
- .btn,
4980
- .control-1,
4981
- .np-text-body-large-bold,
4982
- .btn {
3112
+ .np-text-body-large-bold {
4983
3113
  hyphens: auto;
4984
3114
  -webkit-hyphenate-limit-before: 3;
4985
3115
  -webkit-hyphenate-limit-after: 3;
4986
3116
  }
4987
3117
  @media (min-width: 1160px) {
4988
3118
  .control-1,
4989
- .np-text-body-large-bold,
4990
- .wds-text-body-large-bold,
4991
- .control-1,
4992
- .np-text-body-large-bold,
4993
- .wds-text-body-large-bold,
4994
- .btn,
4995
- .control-1,
4996
- .np-text-body-large-bold,
4997
- .btn {
3119
+ .np-text-body-large-bold {
4998
3120
  -webkit-hyphenate-limit-before: 4;
4999
3121
  }
5000
3122
  }
@@ -5020,7 +3142,12 @@ a,
5020
3142
  letter-spacing: -0.006em;
5021
3143
  line-height: 155%;
5022
3144
  }
5023
- /* DEPRECATED: use .wds-text-display-number-small instead */
3145
+ .np-text-display-number {
3146
+ font-weight: 600;
3147
+ font-weight: var(--font-weight-semi-bold);
3148
+ font-size: 40px;
3149
+ line-height: 110%;
3150
+ }
5024
3151
  .display-1,
5025
3152
  .display-2,
5026
3153
  .display-3,
@@ -5029,9 +3156,7 @@ a,
5029
3156
  .np-text-display-extra-large,
5030
3157
  .np-text-display-large,
5031
3158
  .np-text-display-medium,
5032
- .np-text-display-small {
5033
- font-synthesis: none;
5034
- }
3159
+ .np-text-display-small,
5035
3160
  .display-1--forced,
5036
3161
  .display-2--forced,
5037
3162
  .display-3--forced,
@@ -5045,11 +3170,62 @@ a,
5045
3170
  font-family: var(--font-family-display);
5046
3171
  font-synthesis: none;
5047
3172
  }
3173
+ :lang(ja) .display-1,
3174
+ :lang(ja) .display-2,
3175
+ :lang(ja) .display-3,
3176
+ :lang(ja) .display-4,
3177
+ :lang(ja) .display-5,
3178
+ :lang(ja) .np-text-display-extra-large,
3179
+ :lang(ja) .np-text-display-large,
3180
+ :lang(ja) .np-text-display-medium,
3181
+ :lang(ja) .np-text-display-small,
3182
+ :lang(th) .display-1,
3183
+ :lang(th) .display-2,
3184
+ :lang(th) .display-3,
3185
+ :lang(th) .display-4,
3186
+ :lang(th) .display-5,
3187
+ :lang(th) .np-text-display-extra-large,
3188
+ :lang(th) .np-text-display-large,
3189
+ :lang(th) .np-text-display-medium,
3190
+ :lang(th) .np-text-display-small,
3191
+ :lang(zh-CN) .display-1,
3192
+ :lang(zh-CN) .display-2,
3193
+ :lang(zh-CN) .display-3,
3194
+ :lang(zh-CN) .display-4,
3195
+ :lang(zh-CN) .display-5,
3196
+ :lang(zh-CN) .np-text-display-extra-large,
3197
+ :lang(zh-CN) .np-text-display-large,
3198
+ :lang(zh-CN) .np-text-display-medium,
3199
+ :lang(zh-CN) .np-text-display-small,
3200
+ :lang(zh-HK) .display-1,
3201
+ :lang(zh-HK) .display-2,
3202
+ :lang(zh-HK) .display-3,
3203
+ :lang(zh-HK) .display-4,
3204
+ :lang(zh-HK) .display-5,
3205
+ :lang(zh-HK) .np-text-display-extra-large,
3206
+ :lang(zh-HK) .np-text-display-large,
3207
+ :lang(zh-HK) .np-text-display-medium,
3208
+ :lang(zh-HK) .np-text-display-small {
3209
+ /**
3210
+ * Wise Sans covers extended Latin glyphs for logged-in experiences and a small subset
3211
+ * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
3212
+ * font files are browser-cached and we carried over to launchpad, where it causes issues
3213
+ * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
3214
+ * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
3215
+ * numeric input of ExpressiveMoneyInput.
3216
+ * Add `--forced` BEM modifier to the original class name to guarantee it.
3217
+ */
3218
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3219
+ font-family: var(--font-family-regular);
3220
+ line-height: 1.2;
3221
+ line-height: var(--line-height-title);
3222
+ }
5048
3223
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
5049
3224
  .np-text-display-extra-large,
5050
3225
  .np-text-display-large,
5051
3226
  .np-text-display-medium,
5052
3227
  .np-text-display-small {
3228
+ letter-spacing: normal;
5053
3229
  word-wrap: break-word;
5054
3230
  }
5055
3231
  @supports (hyphenate-limit-chars: 1) {
@@ -5095,6 +3271,50 @@ a,
5095
3271
  }
5096
3272
  }
5097
3273
  }
3274
+ .np-text-display-extra-large,
3275
+ .np-text-display-large {
3276
+ font-size: 64px;
3277
+ font-size: var(--size-64);
3278
+ line-height: normal;
3279
+ font-weight: 700;
3280
+ font-weight: var(--font-weight-bold);
3281
+ }
3282
+ .np-text-display-medium {
3283
+ font-size: 52px;
3284
+ font-size: var(--size-52);
3285
+ line-height: normal;
3286
+ font-weight: 700;
3287
+ font-weight: var(--font-weight-bold);
3288
+ }
3289
+ .np-text-display-small {
3290
+ font-size: 40px;
3291
+ font-size: var(--size-40);
3292
+ line-height: normal;
3293
+ font-weight: 700;
3294
+ font-weight: var(--font-weight-bold);
3295
+ }
3296
+ :lang(en) > .np-text-display-extra-large,
3297
+ :lang(en) > .np-text-display-large {
3298
+ font-size: 64px;
3299
+ font-size: var(--size-64);
3300
+ line-height: 0.85;
3301
+ font-weight: 400;
3302
+ font-weight: var(--font-weight-regular);
3303
+ }
3304
+ :lang(en) > .np-text-display-medium {
3305
+ font-size: 52px;
3306
+ font-size: var(--size-52);
3307
+ line-height: 0.85;
3308
+ font-weight: 400;
3309
+ font-weight: var(--font-weight-regular);
3310
+ }
3311
+ :lang(en) > .np-text-display-small {
3312
+ font-size: 40px;
3313
+ font-size: var(--size-40);
3314
+ line-height: 0.85;
3315
+ font-weight: 400;
3316
+ font-weight: var(--font-weight-regular);
3317
+ }
5098
3318
  /* Disable hyphenation for English
5099
3319
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
5100
3320
  :lang(en),
@@ -5104,6 +3324,350 @@ a,
5104
3324
  :lang(zh-HK) {
5105
3325
  hyphens: none;
5106
3326
  }
3327
+ :lang(af) .np-text-display-extra-large,
3328
+ :lang(sq) .np-text-display-extra-large,
3329
+ :lang(eu) .np-text-display-extra-large,
3330
+ :lang(bs) .np-text-display-extra-large,
3331
+ :lang(ca) .np-text-display-extra-large,
3332
+ :lang(kw) .np-text-display-extra-large,
3333
+ :lang(hr) .np-text-display-extra-large,
3334
+ :lang(cs) .np-text-display-extra-large,
3335
+ :lang(da) .np-text-display-extra-large,
3336
+ :lang(nl) .np-text-display-extra-large,
3337
+ :lang(eo) .np-text-display-extra-large,
3338
+ :lang(et) .np-text-display-extra-large,
3339
+ :lang(fo) .np-text-display-extra-large,
3340
+ :lang(fi) .np-text-display-extra-large,
3341
+ :lang(fr) .np-text-display-extra-large,
3342
+ :lang(gl) .np-text-display-extra-large,
3343
+ :lang(lg) .np-text-display-extra-large,
3344
+ :lang(de) .np-text-display-extra-large,
3345
+ :lang(hu) .np-text-display-extra-large,
3346
+ :lang(is) .np-text-display-extra-large,
3347
+ :lang(se) .np-text-display-extra-large,
3348
+ :lang(id) .np-text-display-extra-large,
3349
+ :lang(in) .np-text-display-extra-large,
3350
+ :lang(ga) .np-text-display-extra-large,
3351
+ :lang(it) .np-text-display-extra-large,
3352
+ :lang(kl) .np-text-display-extra-large,
3353
+ :lang(ki) .np-text-display-extra-large,
3354
+ :lang(rw) .np-text-display-extra-large,
3355
+ :lang(lv) .np-text-display-extra-large,
3356
+ :lang(lt) .np-text-display-extra-large,
3357
+ :lang(lb) .np-text-display-extra-large,
3358
+ :lang(mg) .np-text-display-extra-large,
3359
+ :lang(ms) .np-text-display-extra-large,
3360
+ :lang(mt) .np-text-display-extra-large,
3361
+ :lang(gv) .np-text-display-extra-large,
3362
+ :lang(mi) .np-text-display-extra-large,
3363
+ :lang(nd) .np-text-display-extra-large,
3364
+ :lang(nb) .np-text-display-extra-large,
3365
+ :lang(nn) .np-text-display-extra-large,
3366
+ :lang(om) .np-text-display-extra-large,
3367
+ :lang(pl) .np-text-display-extra-large,
3368
+ :lang(pt) .np-text-display-extra-large,
3369
+ :lang(ro) .np-text-display-extra-large,
3370
+ :lang(rm) .np-text-display-extra-large,
3371
+ :lang(rn) .np-text-display-extra-large,
3372
+ :lang(sg) .np-text-display-extra-large,
3373
+ :lang(gd) .np-text-display-extra-large,
3374
+ :lang(sr) .np-text-display-extra-large,
3375
+ :lang(sn) .np-text-display-extra-large,
3376
+ :lang(sk) .np-text-display-extra-large,
3377
+ :lang(sl) .np-text-display-extra-large,
3378
+ :lang(so) .np-text-display-extra-large,
3379
+ :lang(es) .np-text-display-extra-large,
3380
+ :lang(sw) .np-text-display-extra-large,
3381
+ :lang(sv) .np-text-display-extra-large,
3382
+ :lang(tr) .np-text-display-extra-large,
3383
+ :lang(cy) .np-text-display-extra-large,
3384
+ :lang(fy) .np-text-display-extra-large,
3385
+ :lang(wo) .np-text-display-extra-large,
3386
+ :lang(zu) .np-text-display-extra-large,
3387
+ :lang(hsb) .np-text-display-extra-large,
3388
+ :lang(gsw) .np-text-display-extra-large,
3389
+ :lang(dsb) .np-text-display-extra-large,
3390
+ :lang(fil) .np-text-display-extra-large,
3391
+ :lang(af) .np-text-display-large,
3392
+ :lang(sq) .np-text-display-large,
3393
+ :lang(eu) .np-text-display-large,
3394
+ :lang(bs) .np-text-display-large,
3395
+ :lang(ca) .np-text-display-large,
3396
+ :lang(kw) .np-text-display-large,
3397
+ :lang(hr) .np-text-display-large,
3398
+ :lang(cs) .np-text-display-large,
3399
+ :lang(da) .np-text-display-large,
3400
+ :lang(nl) .np-text-display-large,
3401
+ :lang(eo) .np-text-display-large,
3402
+ :lang(et) .np-text-display-large,
3403
+ :lang(fo) .np-text-display-large,
3404
+ :lang(fi) .np-text-display-large,
3405
+ :lang(fr) .np-text-display-large,
3406
+ :lang(gl) .np-text-display-large,
3407
+ :lang(lg) .np-text-display-large,
3408
+ :lang(de) .np-text-display-large,
3409
+ :lang(hu) .np-text-display-large,
3410
+ :lang(is) .np-text-display-large,
3411
+ :lang(se) .np-text-display-large,
3412
+ :lang(id) .np-text-display-large,
3413
+ :lang(in) .np-text-display-large,
3414
+ :lang(ga) .np-text-display-large,
3415
+ :lang(it) .np-text-display-large,
3416
+ :lang(kl) .np-text-display-large,
3417
+ :lang(ki) .np-text-display-large,
3418
+ :lang(rw) .np-text-display-large,
3419
+ :lang(lv) .np-text-display-large,
3420
+ :lang(lt) .np-text-display-large,
3421
+ :lang(lb) .np-text-display-large,
3422
+ :lang(mg) .np-text-display-large,
3423
+ :lang(ms) .np-text-display-large,
3424
+ :lang(mt) .np-text-display-large,
3425
+ :lang(gv) .np-text-display-large,
3426
+ :lang(mi) .np-text-display-large,
3427
+ :lang(nd) .np-text-display-large,
3428
+ :lang(nb) .np-text-display-large,
3429
+ :lang(nn) .np-text-display-large,
3430
+ :lang(om) .np-text-display-large,
3431
+ :lang(pl) .np-text-display-large,
3432
+ :lang(pt) .np-text-display-large,
3433
+ :lang(ro) .np-text-display-large,
3434
+ :lang(rm) .np-text-display-large,
3435
+ :lang(rn) .np-text-display-large,
3436
+ :lang(sg) .np-text-display-large,
3437
+ :lang(gd) .np-text-display-large,
3438
+ :lang(sr) .np-text-display-large,
3439
+ :lang(sn) .np-text-display-large,
3440
+ :lang(sk) .np-text-display-large,
3441
+ :lang(sl) .np-text-display-large,
3442
+ :lang(so) .np-text-display-large,
3443
+ :lang(es) .np-text-display-large,
3444
+ :lang(sw) .np-text-display-large,
3445
+ :lang(sv) .np-text-display-large,
3446
+ :lang(tr) .np-text-display-large,
3447
+ :lang(cy) .np-text-display-large,
3448
+ :lang(fy) .np-text-display-large,
3449
+ :lang(wo) .np-text-display-large,
3450
+ :lang(zu) .np-text-display-large,
3451
+ :lang(hsb) .np-text-display-large,
3452
+ :lang(gsw) .np-text-display-large,
3453
+ :lang(dsb) .np-text-display-large,
3454
+ :lang(fil) .np-text-display-large {
3455
+ font-size: 64px;
3456
+ font-size: var(--size-64);
3457
+ line-height: 1.05;
3458
+ font-weight: 400;
3459
+ font-weight: var(--font-weight-regular);
3460
+ }
3461
+ :lang(af) .np-text-display-medium,
3462
+ :lang(sq) .np-text-display-medium,
3463
+ :lang(eu) .np-text-display-medium,
3464
+ :lang(bs) .np-text-display-medium,
3465
+ :lang(ca) .np-text-display-medium,
3466
+ :lang(kw) .np-text-display-medium,
3467
+ :lang(hr) .np-text-display-medium,
3468
+ :lang(cs) .np-text-display-medium,
3469
+ :lang(da) .np-text-display-medium,
3470
+ :lang(nl) .np-text-display-medium,
3471
+ :lang(eo) .np-text-display-medium,
3472
+ :lang(et) .np-text-display-medium,
3473
+ :lang(fo) .np-text-display-medium,
3474
+ :lang(fi) .np-text-display-medium,
3475
+ :lang(fr) .np-text-display-medium,
3476
+ :lang(gl) .np-text-display-medium,
3477
+ :lang(lg) .np-text-display-medium,
3478
+ :lang(de) .np-text-display-medium,
3479
+ :lang(hu) .np-text-display-medium,
3480
+ :lang(is) .np-text-display-medium,
3481
+ :lang(se) .np-text-display-medium,
3482
+ :lang(id) .np-text-display-medium,
3483
+ :lang(in) .np-text-display-medium,
3484
+ :lang(ga) .np-text-display-medium,
3485
+ :lang(it) .np-text-display-medium,
3486
+ :lang(kl) .np-text-display-medium,
3487
+ :lang(ki) .np-text-display-medium,
3488
+ :lang(rw) .np-text-display-medium,
3489
+ :lang(lv) .np-text-display-medium,
3490
+ :lang(lt) .np-text-display-medium,
3491
+ :lang(lb) .np-text-display-medium,
3492
+ :lang(mg) .np-text-display-medium,
3493
+ :lang(ms) .np-text-display-medium,
3494
+ :lang(mt) .np-text-display-medium,
3495
+ :lang(gv) .np-text-display-medium,
3496
+ :lang(mi) .np-text-display-medium,
3497
+ :lang(nd) .np-text-display-medium,
3498
+ :lang(nb) .np-text-display-medium,
3499
+ :lang(nn) .np-text-display-medium,
3500
+ :lang(om) .np-text-display-medium,
3501
+ :lang(pl) .np-text-display-medium,
3502
+ :lang(pt) .np-text-display-medium,
3503
+ :lang(ro) .np-text-display-medium,
3504
+ :lang(rm) .np-text-display-medium,
3505
+ :lang(rn) .np-text-display-medium,
3506
+ :lang(sg) .np-text-display-medium,
3507
+ :lang(gd) .np-text-display-medium,
3508
+ :lang(sr) .np-text-display-medium,
3509
+ :lang(sn) .np-text-display-medium,
3510
+ :lang(sk) .np-text-display-medium,
3511
+ :lang(sl) .np-text-display-medium,
3512
+ :lang(so) .np-text-display-medium,
3513
+ :lang(es) .np-text-display-medium,
3514
+ :lang(sw) .np-text-display-medium,
3515
+ :lang(sv) .np-text-display-medium,
3516
+ :lang(tr) .np-text-display-medium,
3517
+ :lang(cy) .np-text-display-medium,
3518
+ :lang(fy) .np-text-display-medium,
3519
+ :lang(wo) .np-text-display-medium,
3520
+ :lang(zu) .np-text-display-medium,
3521
+ :lang(hsb) .np-text-display-medium,
3522
+ :lang(gsw) .np-text-display-medium,
3523
+ :lang(dsb) .np-text-display-medium,
3524
+ :lang(fil) .np-text-display-medium {
3525
+ font-size: 52px;
3526
+ font-size: var(--size-52);
3527
+ line-height: 1.05;
3528
+ font-weight: 400;
3529
+ font-weight: var(--font-weight-regular);
3530
+ }
3531
+ :lang(af) .np-text-display-small,
3532
+ :lang(sq) .np-text-display-small,
3533
+ :lang(eu) .np-text-display-small,
3534
+ :lang(bs) .np-text-display-small,
3535
+ :lang(ca) .np-text-display-small,
3536
+ :lang(kw) .np-text-display-small,
3537
+ :lang(hr) .np-text-display-small,
3538
+ :lang(cs) .np-text-display-small,
3539
+ :lang(da) .np-text-display-small,
3540
+ :lang(nl) .np-text-display-small,
3541
+ :lang(eo) .np-text-display-small,
3542
+ :lang(et) .np-text-display-small,
3543
+ :lang(fo) .np-text-display-small,
3544
+ :lang(fi) .np-text-display-small,
3545
+ :lang(fr) .np-text-display-small,
3546
+ :lang(gl) .np-text-display-small,
3547
+ :lang(lg) .np-text-display-small,
3548
+ :lang(de) .np-text-display-small,
3549
+ :lang(hu) .np-text-display-small,
3550
+ :lang(is) .np-text-display-small,
3551
+ :lang(se) .np-text-display-small,
3552
+ :lang(id) .np-text-display-small,
3553
+ :lang(in) .np-text-display-small,
3554
+ :lang(ga) .np-text-display-small,
3555
+ :lang(it) .np-text-display-small,
3556
+ :lang(kl) .np-text-display-small,
3557
+ :lang(ki) .np-text-display-small,
3558
+ :lang(rw) .np-text-display-small,
3559
+ :lang(lv) .np-text-display-small,
3560
+ :lang(lt) .np-text-display-small,
3561
+ :lang(lb) .np-text-display-small,
3562
+ :lang(mg) .np-text-display-small,
3563
+ :lang(ms) .np-text-display-small,
3564
+ :lang(mt) .np-text-display-small,
3565
+ :lang(gv) .np-text-display-small,
3566
+ :lang(mi) .np-text-display-small,
3567
+ :lang(nd) .np-text-display-small,
3568
+ :lang(nb) .np-text-display-small,
3569
+ :lang(nn) .np-text-display-small,
3570
+ :lang(om) .np-text-display-small,
3571
+ :lang(pl) .np-text-display-small,
3572
+ :lang(pt) .np-text-display-small,
3573
+ :lang(ro) .np-text-display-small,
3574
+ :lang(rm) .np-text-display-small,
3575
+ :lang(rn) .np-text-display-small,
3576
+ :lang(sg) .np-text-display-small,
3577
+ :lang(gd) .np-text-display-small,
3578
+ :lang(sr) .np-text-display-small,
3579
+ :lang(sn) .np-text-display-small,
3580
+ :lang(sk) .np-text-display-small,
3581
+ :lang(sl) .np-text-display-small,
3582
+ :lang(so) .np-text-display-small,
3583
+ :lang(es) .np-text-display-small,
3584
+ :lang(sw) .np-text-display-small,
3585
+ :lang(sv) .np-text-display-small,
3586
+ :lang(tr) .np-text-display-small,
3587
+ :lang(cy) .np-text-display-small,
3588
+ :lang(fy) .np-text-display-small,
3589
+ :lang(wo) .np-text-display-small,
3590
+ :lang(zu) .np-text-display-small,
3591
+ :lang(hsb) .np-text-display-small,
3592
+ :lang(gsw) .np-text-display-small,
3593
+ :lang(dsb) .np-text-display-small,
3594
+ :lang(fil) .np-text-display-small {
3595
+ font-size: 40px;
3596
+ font-size: var(--size-40);
3597
+ line-height: 1.05;
3598
+ font-weight: 400;
3599
+ font-weight: var(--font-weight-regular);
3600
+ }
3601
+ :lang(el) .np-text-display-extra-large,
3602
+ :lang(az) .np-text-display-extra-large,
3603
+ :lang(be) .np-text-display-extra-large,
3604
+ :lang(bs) .np-text-display-extra-large,
3605
+ :lang(bg) .np-text-display-extra-large,
3606
+ :lang(ce) .np-text-display-extra-large,
3607
+ :lang(mk) .np-text-display-extra-large,
3608
+ :lang(os) .np-text-display-extra-large,
3609
+ :lang(ru) .np-text-display-extra-large,
3610
+ :lang(sr) .np-text-display-extra-large,
3611
+ :lang(uk) .np-text-display-extra-large,
3612
+ :lang(uz) .np-text-display-extra-large,
3613
+ :lang(sah) .np-text-display-extra-large,
3614
+ :lang(el) .np-text-display-large,
3615
+ :lang(az) .np-text-display-large,
3616
+ :lang(be) .np-text-display-large,
3617
+ :lang(bs) .np-text-display-large,
3618
+ :lang(bg) .np-text-display-large,
3619
+ :lang(ce) .np-text-display-large,
3620
+ :lang(mk) .np-text-display-large,
3621
+ :lang(os) .np-text-display-large,
3622
+ :lang(ru) .np-text-display-large,
3623
+ :lang(sr) .np-text-display-large,
3624
+ :lang(uk) .np-text-display-large,
3625
+ :lang(uz) .np-text-display-large,
3626
+ :lang(sah) .np-text-display-large {
3627
+ font-size: 60px;
3628
+ font-size: var(--size-60);
3629
+ line-height: 120%;
3630
+ font-weight: 600;
3631
+ font-weight: var(--font-weight-semi-bold);
3632
+ }
3633
+ :lang(el) .np-text-display-medium,
3634
+ :lang(az) .np-text-display-medium,
3635
+ :lang(be) .np-text-display-medium,
3636
+ :lang(bs) .np-text-display-medium,
3637
+ :lang(bg) .np-text-display-medium,
3638
+ :lang(ce) .np-text-display-medium,
3639
+ :lang(mk) .np-text-display-medium,
3640
+ :lang(os) .np-text-display-medium,
3641
+ :lang(ru) .np-text-display-medium,
3642
+ :lang(sr) .np-text-display-medium,
3643
+ :lang(uk) .np-text-display-medium,
3644
+ :lang(uz) .np-text-display-medium,
3645
+ :lang(sah) .np-text-display-medium {
3646
+ font-size: 48px;
3647
+ font-size: var(--size-48);
3648
+ line-height: 120%;
3649
+ font-weight: 600;
3650
+ font-weight: var(--font-weight-semi-bold);
3651
+ }
3652
+ :lang(el) .np-text-display-small,
3653
+ :lang(az) .np-text-display-small,
3654
+ :lang(be) .np-text-display-small,
3655
+ :lang(bs) .np-text-display-small,
3656
+ :lang(bg) .np-text-display-small,
3657
+ :lang(ce) .np-text-display-small,
3658
+ :lang(mk) .np-text-display-small,
3659
+ :lang(os) .np-text-display-small,
3660
+ :lang(ru) .np-text-display-small,
3661
+ :lang(sr) .np-text-display-small,
3662
+ :lang(uk) .np-text-display-small,
3663
+ :lang(uz) .np-text-display-small,
3664
+ :lang(sah) .np-text-display-small {
3665
+ font-size: 40px;
3666
+ font-size: var(--size-40);
3667
+ line-height: 120%;
3668
+ font-weight: 600;
3669
+ font-weight: var(--font-weight-semi-bold);
3670
+ }
5107
3671
  /* DEPRECATED: use `.np-text-display-*` instead */
5108
3672
  .display-1 {
5109
3673
  margin-block-end: 24px;
@@ -5724,21 +4288,6 @@ a.text-inverse:focus {
5724
4288
  .bg-primary .np-text-title-group,
5725
4289
  .bg-info .np-text-title-group,
5726
4290
  .bg-accent .np-text-title-group,
5727
- .bg-primary .wds-text-title-screen,
5728
- .bg-info .wds-text-title-screen,
5729
- .bg-accent .wds-text-title-screen,
5730
- .bg-primary .wds-text-title-section,
5731
- .bg-info .wds-text-title-section,
5732
- .bg-accent .wds-text-title-section,
5733
- .bg-primary .wds-text-title-subsection,
5734
- .bg-info .wds-text-title-subsection,
5735
- .bg-accent .wds-text-title-subsection,
5736
- .bg-primary .wds-text-title-body,
5737
- .bg-info .wds-text-title-body,
5738
- .bg-accent .wds-text-title-body,
5739
- .bg-primary .wds-text-title-group,
5740
- .bg-info .wds-text-title-group,
5741
- .bg-accent .wds-text-title-group,
5742
4291
  .bg-primary strong,
5743
4292
  .bg-info strong,
5744
4293
  .bg-accent strong {
@@ -7825,16 +6374,8 @@ a.badge:focus {
7825
6374
  block-size: 32px;
7826
6375
  }
7827
6376
  .btn {
7828
- font-family: 'Inter', Helvetica, Arial, sans-serif;
7829
- font-family: var(--wds-font-family-regular);
7830
- font-weight: 600;
7831
- font-weight: var(--wds-font-weight-body-large-bold);
7832
- font-size: 1rem;
7833
- font-size: var(--wds-font-size-body-large);
7834
- line-height: 1.5;
7835
- line-height: var(--wds-line-height-body-large);
6377
+ line-height: 150%;
7836
6378
  letter-spacing: -0.011em;
7837
- letter-spacing: var(--wds-letter-spacing-body-large);
7838
6379
  word-wrap: break-word;
7839
6380
  display: inline-block;
7840
6381
  margin-block-end: 0;
@@ -7846,10 +6387,12 @@ a.badge:focus {
7846
6387
  border: 1px solid transparent;
7847
6388
  white-space: nowrap;
7848
6389
  padding-block-end: 10px;
6390
+ font-weight: 600;
7849
6391
  font-weight: var(--font-weight-semi-bold);
7850
6392
  padding-block: 12px calc(12px - 2px);
7851
6393
  padding-inline: 24px;
7852
6394
  padding: var(--btn-padding);
6395
+ font-size: 1rem;
7853
6396
  font-size: var(--font-size-16);
7854
6397
  line-height: 1.5rem;
7855
6398
  line-height: var(--line-height-24);
@@ -9618,9 +8161,8 @@ a.btn {
9618
8161
  .btn-group .btn-input + .dropdown-menu > li > a {
9619
8162
  white-space: normal;
9620
8163
  }
9621
- .btn-group .body-2,
9622
8164
  .btn-group .np-text-body-default,
9623
- .btn-group .wds-text-body-default,
8165
+ .btn-group .body-2,
9624
8166
  .btn-group .small {
9625
8167
  color: #5d7079;
9626
8168
  color: var(--color-content-secondary);
@@ -9631,16 +8173,12 @@ a.btn {
9631
8173
  }
9632
8174
  }
9633
8175
  .btn-group .secondary {
9634
- font-family: 'Inter', Helvetica, Arial, sans-serif;
9635
- font-family: var(--wds-font-family-regular);
9636
- font-weight: 400;
9637
- font-weight: var(--wds-font-weight-body-regular);
9638
8176
  font-size: 0.875rem;
9639
- font-size: var(--wds-font-size-body);
9640
- line-height: 1.55;
9641
- line-height: var(--wds-line-height-body);
8177
+ font-size: var(--font-size-14);
8178
+ line-height: 155%;
9642
8179
  letter-spacing: -0.006em;
9643
- letter-spacing: var(--wds-letter-spacing-body);
8180
+ font-weight: 400;
8181
+ font-weight: var(--font-weight-regular);
9644
8182
  word-wrap: break-word;
9645
8183
  color: #5d7079;
9646
8184
  color: var(--color-content-secondary);
@@ -9701,31 +8239,31 @@ label,
9701
8239
  font-size: var(--font-size-14);
9702
8240
  line-height: 20px;
9703
8241
  }
9704
- input[type="search"] {
8242
+ input[type='search'] {
9705
8243
  box-sizing: border-box;
9706
8244
  }
9707
- input[type="number"] {
8245
+ input[type='number'] {
9708
8246
  -webkit-appearance: textfield;
9709
8247
  -moz-appearance: textfield;
9710
8248
  appearance: textfield;
9711
8249
  }
9712
- input[type="number"]::-webkit-outer-spin-button,
9713
- input[type="number"]::-webkit-inner-spin-button {
8250
+ input[type='number']::-webkit-outer-spin-button,
8251
+ input[type='number']::-webkit-inner-spin-button {
9714
8252
  -webkit-appearance: none;
9715
8253
  appearance: none;
9716
8254
  margin: 0;
9717
8255
  }
9718
- input[type="radio"],
9719
- input[type="checkbox"] {
8256
+ input[type='radio'],
8257
+ input[type='checkbox'] {
9720
8258
  margin-block: 4px 0;
9721
8259
  margin-inline: 0;
9722
8260
  margin-block-start: 1px;
9723
8261
  line-height: normal;
9724
8262
  }
9725
- input[type="file"] {
8263
+ input[type='file'] {
9726
8264
  display: block;
9727
8265
  }
9728
- input[type="range"] {
8266
+ input[type='range'] {
9729
8267
  display: block;
9730
8268
  inline-size: 100%;
9731
8269
  }
@@ -9733,9 +8271,9 @@ select[multiple],
9733
8271
  select[size] {
9734
8272
  block-size: auto;
9735
8273
  }
9736
- input[type="file"]:focus,
9737
- input[type="radio"]:focus,
9738
- input[type="checkbox"]:focus {
8274
+ input[type='file']:focus,
8275
+ input[type='radio']:focus,
8276
+ input[type='checkbox']:focus {
9739
8277
  outline: #37517e solid 2px;
9740
8278
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
9741
8279
  outline-offset: 2px;
@@ -9762,22 +8300,17 @@ output {
9762
8300
  border: 1px solid #c9cbce;
9763
8301
  border: 1px solid var(--color-interactive-secondary);
9764
8302
  transition: border-color ease-in-out 0.15s;
9765
- font-size: 1rem;
9766
- font-size: var(--font-size-16);
9767
8303
  min-block-size: var(--input-height-base);
9768
8304
  padding-block: 12px calc(12px - 2px);
9769
8305
  padding-inline: 16px;
9770
8306
  padding: var(--input-padding);
9771
8307
  border-radius: 3px;
9772
- font-family: 'Inter', Helvetica, Arial, sans-serif;
9773
- font-family: var(--wds-font-family-regular);
9774
8308
  font-weight: 400;
9775
- font-weight: var(--wds-font-weight-body-large-regular);
9776
- font-size: var(--wds-font-size-body-large);
9777
- line-height: 1.5;
9778
- line-height: var(--wds-line-height-body-large);
8309
+ font-weight: var(--font-weight-regular);
8310
+ font-size: 1rem;
8311
+ font-size: var(--font-size-16);
8312
+ line-height: 150%;
9779
8313
  letter-spacing: -0.011em;
9780
- letter-spacing: var(--wds-letter-spacing-body-large);
9781
8314
  word-wrap: break-word;
9782
8315
  background-clip: padding-box;
9783
8316
  }
@@ -9857,36 +8390,36 @@ textarea.form-control {
9857
8390
  .np-theme-personal .form-control:focus {
9858
8391
  border-color: var(--color-interactive-primary);
9859
8392
  }
9860
- input[type="search"] {
8393
+ input[type='search'] {
9861
8394
  -webkit-appearance: none;
9862
8395
  -moz-appearance: none;
9863
8396
  appearance: none;
9864
8397
  }
9865
8398
  @media screen and (min-device-pixel-ratio: 0) {
9866
- input[type="date"],
9867
- input[type="time"],
9868
- input[type="datetime-local"],
9869
- input[type="month"] {
8399
+ input[type='date'],
8400
+ input[type='time'],
8401
+ input[type='datetime-local'],
8402
+ input[type='month'] {
9870
8403
  line-height: var(--input-height-base);
9871
8404
  }
9872
- input[type="date"].input-sm,
9873
- input[type="time"].input-sm,
9874
- input[type="datetime-local"].input-sm,
9875
- input[type="month"].input-sm,
9876
- .input-group-sm input[type="date"],
9877
- .input-group-sm input[type="time"],
9878
- .input-group-sm input[type="datetime-local"],
9879
- .input-group-sm input[type="month"] {
8405
+ input[type='date'].input-sm,
8406
+ input[type='time'].input-sm,
8407
+ input[type='datetime-local'].input-sm,
8408
+ input[type='month'].input-sm,
8409
+ .input-group-sm input[type='date'],
8410
+ .input-group-sm input[type='time'],
8411
+ .input-group-sm input[type='datetime-local'],
8412
+ .input-group-sm input[type='month'] {
9880
8413
  line-height: var(--input-height-small);
9881
8414
  }
9882
- input[type="date"].input-lg,
9883
- input[type="time"].input-lg,
9884
- input[type="datetime-local"].input-lg,
9885
- input[type="month"].input-lg,
9886
- .input-group-lg input[type="date"],
9887
- .input-group-lg input[type="time"],
9888
- .input-group-lg input[type="datetime-local"],
9889
- .input-group-lg input[type="month"] {
8415
+ input[type='date'].input-lg,
8416
+ input[type='time'].input-lg,
8417
+ input[type='datetime-local'].input-lg,
8418
+ input[type='month'].input-lg,
8419
+ .input-group-lg input[type='date'],
8420
+ .input-group-lg input[type='time'],
8421
+ .input-group-lg input[type='datetime-local'],
8422
+ .input-group-lg input[type='month'] {
9890
8423
  line-height: calc(var(--input-height-large) - 1.5);
9891
8424
  line-height: calc(var(--input-height-large) - var(--line-height-body));
9892
8425
  }
@@ -9902,7 +8435,7 @@ input[type="search"] {
9902
8435
  color: #37517e;
9903
8436
  color: var(--color-content-primary);
9904
8437
  }
9905
- .row-equal-height > [class*="col-"] > .form-group {
8438
+ .row-equal-height > [class*='col-'] > .form-group {
9906
8439
  inline-size: 100%;
9907
8440
  }
9908
8441
  .radio,
@@ -9921,10 +8454,10 @@ input[type="search"] {
9921
8454
  .checkbox + .checkbox {
9922
8455
  margin-block-start: 12px;
9923
8456
  }
9924
- .radio input[type="radio"],
9925
- .radio-inline input[type="radio"],
9926
- .checkbox input[type="checkbox"],
9927
- .checkbox-inline input[type="checkbox"] {
8457
+ .radio input[type='radio'],
8458
+ .radio-inline input[type='radio'],
8459
+ .checkbox input[type='checkbox'],
8460
+ .checkbox-inline input[type='checkbox'] {
9928
8461
  position: absolute;
9929
8462
  margin-inline-start: -20px;
9930
8463
  margin-block-start: 4px \9;
@@ -9950,12 +8483,12 @@ fieldset[disabled] .checkbox-inline {
9950
8483
  margin-block-start: 0;
9951
8484
  margin-inline-start: 10px;
9952
8485
  }
9953
- input[type="radio"][disabled],
9954
- input[type="checkbox"][disabled],
9955
- input[type="radio"].disabled,
9956
- input[type="checkbox"].disabled,
9957
- fieldset[disabled] input[type="radio"],
9958
- fieldset[disabled] input[type="checkbox"] {
8486
+ input[type='radio'][disabled],
8487
+ input[type='checkbox'][disabled],
8488
+ input[type='radio'].disabled,
8489
+ input[type='checkbox'].disabled,
8490
+ fieldset[disabled] input[type='radio'],
8491
+ fieldset[disabled] input[type='checkbox'] {
9959
8492
  cursor: not-allowed;
9960
8493
  }
9961
8494
  input[type="password"]::-ms-reveal {
@@ -9995,16 +8528,12 @@ fieldset[disabled] .checkbox label {
9995
8528
  border-radius: 3px;
9996
8529
  font-size: 14px;
9997
8530
  line-height: 24px;
9998
- font-family: 'Inter', Helvetica, Arial, sans-serif;
9999
- font-family: var(--wds-font-family-regular);
10000
- font-weight: 400;
10001
- font-weight: var(--wds-font-weight-body-regular);
10002
8531
  font-size: 0.875rem;
10003
- font-size: var(--wds-font-size-body);
10004
- line-height: 1.55;
10005
- line-height: var(--wds-line-height-body);
8532
+ font-size: var(--font-size-14);
8533
+ line-height: 155%;
10006
8534
  letter-spacing: -0.006em;
10007
- letter-spacing: var(--wds-letter-spacing-body);
8535
+ font-weight: 400;
8536
+ font-weight: var(--font-weight-regular);
10008
8537
  word-wrap: break-word;
10009
8538
  }
10010
8539
  select.input-sm {
@@ -10082,16 +8611,12 @@ select[multiple].input-sm {
10082
8611
  padding-inline: 16px;
10083
8612
  padding: var(--input-padding-large);
10084
8613
  border-radius: 3px;
10085
- font-family: 'Inter', Helvetica, Arial, sans-serif;
10086
- font-family: var(--wds-font-family-regular);
10087
8614
  font-weight: 400;
10088
- font-weight: var(--wds-font-weight-body-large-regular);
8615
+ font-weight: var(--font-weight-regular);
10089
8616
  font-size: 1rem;
10090
- font-size: var(--wds-font-size-body-large);
10091
- line-height: 1.5;
10092
- line-height: var(--wds-line-height-body-large);
8617
+ font-size: var(--font-size-16);
8618
+ line-height: 150%;
10093
8619
  letter-spacing: -0.011em;
10094
- letter-spacing: var(--wds-letter-spacing-body-large);
10095
8620
  word-wrap: break-word;
10096
8621
  }
10097
8622
  select.input-lg {
@@ -11076,8 +9601,8 @@ select[multiple].input-lg {
11076
9601
  .form-inline .checkbox label {
11077
9602
  padding-inline-start: 0;
11078
9603
  }
11079
- .form-inline .radio input[type="radio"],
11080
- .form-inline .checkbox input[type="checkbox"] {
9604
+ .form-inline .radio input[type='radio'],
9605
+ .form-inline .checkbox input[type='checkbox'] {
11081
9606
  position: relative;
11082
9607
  margin-inline-start: 0;
11083
9608
  }
@@ -11509,42 +10034,42 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11509
10034
  margin-inline-start: -6px;
11510
10035
  margin-inline-end: -6px;
11511
10036
  }
11512
- .form-group .row [class*="col-"] {
10037
+ .form-group .row [class*='col-'] {
11513
10038
  padding-inline-start: 6px;
11514
10039
  padding-inline-end: 6px;
11515
10040
  }
11516
10041
  @media (max-width: 599.98px) {
11517
- .form-group .row [class*="col-sm-"] {
10042
+ .form-group .row [class*='col-sm-'] {
11518
10043
  margin-block-end: 0;
11519
10044
  }
11520
- .form-group .row [class*="col-sm-"] .btn-input {
10045
+ .form-group .row [class*='col-sm-'] .btn-input {
11521
10046
  margin-block-end: 12px;
11522
10047
  }
11523
10048
  }
11524
10049
  @media (max-width: 839.98px) {
11525
- .form-group .row [class*="col-md-"] {
10050
+ .form-group .row [class*='col-md-'] {
11526
10051
  margin-block-end: 0;
11527
10052
  }
11528
- .form-group .row [class*="col-md-"] .form-control,
11529
- .form-group .row [class*="col-md-"] .btn-input {
10053
+ .form-group .row [class*='col-md-'] .form-control,
10054
+ .form-group .row [class*='col-md-'] .btn-input {
11530
10055
  margin-block-end: 12px;
11531
10056
  }
11532
10057
  }
11533
10058
  @media (max-width: 1159.98px) {
11534
- .form-group .row [class*="col-lg-"] {
10059
+ .form-group .row [class*='col-lg-'] {
11535
10060
  margin-block-end: 0;
11536
10061
  }
11537
- .form-group .row [class*="col-lg-"] .form-control,
11538
- .form-group .row [class*="col-lg-"] .btn-input {
10062
+ .form-group .row [class*='col-lg-'] .form-control,
10063
+ .form-group .row [class*='col-lg-'] .btn-input {
11539
10064
  margin-block-end: 12px;
11540
10065
  }
11541
10066
  }
11542
10067
  @media (max-width: 1159.98px) {
11543
- .form-group .row [class*="col-xl-"] {
10068
+ .form-group .row [class*='col-xl-'] {
11544
10069
  margin-block-end: 0;
11545
10070
  }
11546
- .form-group .row [class*="col-xl-"] .form-control,
11547
- .form-group .row [class*="col-xl-"] .btn-input {
10071
+ .form-group .row [class*='col-xl-'] .form-control,
10072
+ .form-group .row [class*='col-xl-'] .btn-input {
11548
10073
  margin-block-end: 12px;
11549
10074
  }
11550
10075
  }
@@ -11627,11 +10152,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11627
10152
  .checkbox.checkbox-lg > label .np-text-body-default,
11628
10153
  .radio.checkbox-lg > label .np-text-body-default,
11629
10154
  .checkbox.radio-lg > label .np-text-body-default,
11630
- .radio.radio-lg > label .np-text-body-default,
11631
- .checkbox.checkbox-lg > label .wds-text-body-default,
11632
- .radio.checkbox-lg > label .wds-text-body-default,
11633
- .checkbox.radio-lg > label .wds-text-body-default,
11634
- .radio.radio-lg > label .wds-text-body-default {
10155
+ .radio.radio-lg > label .np-text-body-default {
11635
10156
  display: block;
11636
10157
  color: #5d7079;
11637
10158
  color: var(--color-content-secondary);
@@ -11728,16 +10249,12 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11728
10249
  .form-control-placeholder {
11729
10250
  text-overflow: ellipsis;
11730
10251
  overflow: hidden;
11731
- font-family: 'Inter', Helvetica, Arial, sans-serif;
11732
- font-family: var(--wds-font-family-regular);
11733
10252
  font-weight: 400;
11734
- font-weight: var(--wds-font-weight-body-large-regular);
10253
+ font-weight: var(--font-weight-regular);
11735
10254
  font-size: 1rem;
11736
- font-size: var(--wds-font-size-body-large);
11737
- line-height: 1.5;
11738
- line-height: var(--wds-line-height-body-large);
10255
+ font-size: var(--font-size-16);
10256
+ line-height: 150%;
11739
10257
  letter-spacing: -0.011em;
11740
- letter-spacing: var(--wds-letter-spacing-body-large);
11741
10258
  word-wrap: break-word;
11742
10259
  display: block;
11743
10260
  inline-size: 100%;
@@ -11864,23 +10381,23 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11864
10381
  .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
11865
10382
  .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
11866
10383
  .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
11867
- .np-theme-personal .has-error input[type="checkbox"]:hover + .tw-checkbox-button,
11868
- .np-theme-personal .has-error input[type="radio"]:not(.disabled):not(:disabled):hover + .tw-radio-button,
11869
- .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
10384
+ .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
10385
+ .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
10386
+ .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
11870
10387
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
11871
10388
  }
11872
10389
  .np-theme-personal .has-error .tw-checkbox-button.checked,
11873
10390
  .np-theme-personal .has-error .tw-checkbox-button:checked,
11874
- .np-theme-personal .has-error input[type="checkbox"]:checked + .tw-checkbox-button,
10391
+ .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
11875
10392
  .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
11876
10393
  .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
11877
- .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
10394
+ .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
11878
10395
  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
11879
10396
  background: var(--color-sentiment-negative);
11880
10397
  }
11881
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type="checkbox"] + .tw-checkbox-button,
11882
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type="checkbox"] + .tw-checkbox-button,
11883
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type="checkbox"] + .tw-checkbox-button {
10398
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
10399
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
10400
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
11884
10401
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
11885
10402
  }
11886
10403
  .np-theme-personal .tw-radio-button,
@@ -11986,25 +10503,25 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
11986
10503
  padding: var(--input-padding-large);
11987
10504
  border-radius: 3px;
11988
10505
  font-weight: 400;
11989
- font-weight: var(--wds-font-weight-body-large-regular);
10506
+ font-weight: var(--font-weight-regular);
11990
10507
  font-size: 1rem;
11991
- font-size: var(--wds-font-size-body-large);
11992
- line-height: 1.5;
11993
- line-height: var(--wds-line-height-body-large);
10508
+ font-size: var(--font-size-16);
10509
+ line-height: 150%;
11994
10510
  letter-spacing: -0.011em;
11995
- letter-spacing: var(--wds-letter-spacing-body-large);
10511
+ margin: 0;
10512
+ color: #37517e;
10513
+ color: var(--color-content-primary);
10514
+ line-height: 1.2;
10515
+ line-height: var(--line-height-title);
10516
+ letter-spacing: 0;
11996
10517
  word-wrap: break-word;
11997
- font-family: 'Inter', Helvetica, Arial, sans-serif;
11998
- font-family: var(--wds-font-family-regular);
11999
- font-weight: 600;
12000
- font-weight: var(--wds-font-weight-title-subsection);
10518
+ margin-block-end: initial;
12001
10519
  font-size: 1.375rem;
12002
- font-size: var(--wds-font-size-title-subsection);
12003
- line-height: 1.25;
12004
- line-height: var(--wds-line-height-title-subsection);
10520
+ font-size: var(--font-size-22);
10521
+ font-weight: 600;
10522
+ font-weight: var(--font-weight-semi-bold);
12005
10523
  letter-spacing: -0.018em;
12006
- letter-spacing: var(--wds-letter-spacing-title-subsection);
12007
- margin-block-end: initial;
10524
+ line-height: 125%;
12008
10525
  margin-block-end: 0;
12009
10526
  }
12010
10527
  select.input-group-lg > .form-control,
@@ -12012,13 +10529,51 @@ select.input-group-lg > .input-group-addon,
12012
10529
  select.input-group-lg > .input-group-btn .btn {
12013
10530
  min-block-size: var(--input-height-large);
12014
10531
  }
12015
- textarea.input-group-lg > .form-control,
12016
- textarea.input-group-lg > .input-group-addon,
12017
- textarea.input-group-lg > .input-group-btn .btn,
12018
- select[multiple].input-group-lg > .form-control,
12019
- select[multiple].input-group-lg > .input-group-addon,
12020
- select[multiple].input-group-lg > .input-group-btn .btn {
12021
- block-size: auto;
10532
+ textarea.input-group-lg > .form-control,
10533
+ textarea.input-group-lg > .input-group-addon,
10534
+ textarea.input-group-lg > .input-group-btn .btn,
10535
+ select[multiple].input-group-lg > .form-control,
10536
+ select[multiple].input-group-lg > .input-group-addon,
10537
+ select[multiple].input-group-lg > .input-group-btn .btn {
10538
+ block-size: auto;
10539
+ }
10540
+ @supports (hyphenate-limit-chars: 1) {
10541
+ .input-group-lg > .form-control,
10542
+ .input-group-lg > .input-group-addon,
10543
+ .input-group-lg > .input-group-btn .btn {
10544
+ hyphens: auto;
10545
+ hyphenate-limit-chars: 7 3;
10546
+ }
10547
+ @media (min-width: 840px) {
10548
+ .input-group-lg > .form-control,
10549
+ .input-group-lg > .input-group-addon,
10550
+ .input-group-lg > .input-group-btn .btn {
10551
+ hyphenate-limit-chars: 8 3;
10552
+ }
10553
+ }
10554
+ @media (min-width: 1160px) {
10555
+ .input-group-lg > .form-control,
10556
+ .input-group-lg > .input-group-addon,
10557
+ .input-group-lg > .input-group-btn .btn {
10558
+ hyphenate-limit-chars: 10 4 3;
10559
+ }
10560
+ }
10561
+ }
10562
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10563
+ .input-group-lg > .form-control,
10564
+ .input-group-lg > .input-group-addon,
10565
+ .input-group-lg > .input-group-btn .btn {
10566
+ hyphens: auto;
10567
+ -webkit-hyphenate-limit-before: 3;
10568
+ -webkit-hyphenate-limit-after: 3;
10569
+ }
10570
+ @media (min-width: 1160px) {
10571
+ .input-group-lg > .form-control,
10572
+ .input-group-lg > .input-group-addon,
10573
+ .input-group-lg > .input-group-btn .btn {
10574
+ -webkit-hyphenate-limit-before: 4;
10575
+ }
10576
+ }
12022
10577
  }
12023
10578
  @supports (hyphenate-limit-chars: 1) {
12024
10579
  .input-group-lg > .form-control,
@@ -12058,6 +10613,18 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12058
10613
  }
12059
10614
  }
12060
10615
  }
10616
+ .input-group-lg > .form-control + p,
10617
+ .input-group-lg > .input-group-addon + p,
10618
+ .input-group-lg > .input-group-btn .btn + p,
10619
+ .input-group-lg > .form-control + ul:not(.list-unstyled),
10620
+ .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
10621
+ .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
10622
+ .input-group-lg > .form-control + ol:not(.list-unstyled),
10623
+ .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
10624
+ .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
10625
+ margin-block-start: 8px;
10626
+ margin-block-start: var(--size-8);
10627
+ }
12061
10628
  .input-group-sm > .form-control,
12062
10629
  .input-group-sm > .input-group-addon {
12063
10630
  min-block-size: 32px;
@@ -12067,16 +10634,12 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12067
10634
  border-radius: 3px;
12068
10635
  font-size: 14px;
12069
10636
  line-height: 24px;
12070
- font-family: 'Inter', Helvetica, Arial, sans-serif;
12071
- font-family: var(--wds-font-family-regular);
12072
- font-weight: 400;
12073
- font-weight: var(--wds-font-weight-body-regular);
12074
10637
  font-size: 0.875rem;
12075
- font-size: var(--wds-font-size-body);
12076
- line-height: 1.55;
12077
- line-height: var(--wds-line-height-body);
10638
+ font-size: var(--font-size-14);
10639
+ line-height: 155%;
12078
10640
  letter-spacing: -0.006em;
12079
- letter-spacing: var(--wds-letter-spacing-body);
10641
+ font-weight: 400;
10642
+ font-weight: var(--font-weight-regular);
12080
10643
  word-wrap: break-word;
12081
10644
  }
12082
10645
  select.input-group-sm > .form-control,
@@ -12746,28 +11309,61 @@ li > a > .currency-flag:first-child {
12746
11309
  --ring-outline-offset: 0;
12747
11310
  }
12748
11311
  .decision__title {
12749
- font-family: 'Inter', Helvetica, Arial, sans-serif;
12750
- font-family: var(--wds-font-family-regular);
12751
- font-weight: 600;
12752
- font-weight: var(--wds-font-weight-title-body);
11312
+ margin: 0;
11313
+ color: #37517e;
11314
+ color: var(--color-content-primary);
11315
+ line-height: 1.2;
11316
+ line-height: var(--line-height-title);
11317
+ letter-spacing: 0;
11318
+ word-wrap: break-word;
12753
11319
  font-size: 1.125rem;
12754
- font-size: var(--wds-font-size-title-body);
12755
- line-height: 1.35;
12756
- line-height: var(--wds-line-height-title-body);
11320
+ font-size: var(--font-size-18);
11321
+ font-weight: 600;
11322
+ font-weight: var(--font-weight-semi-bold);
12757
11323
  letter-spacing: -0.014em;
12758
- letter-spacing: var(--wds-letter-spacing-title-body);
11324
+ line-height: 135%;
11325
+ }
11326
+ @supports (hyphenate-limit-chars: 1) {
11327
+ .decision__title {
11328
+ hyphens: auto;
11329
+ hyphenate-limit-chars: 7 3;
11330
+ }
11331
+ @media (min-width: 840px) {
11332
+ .decision__title {
11333
+ hyphenate-limit-chars: 8 3;
11334
+ }
11335
+ }
11336
+ @media (min-width: 1160px) {
11337
+ .decision__title {
11338
+ hyphenate-limit-chars: 10 4 3;
11339
+ }
11340
+ }
11341
+ }
11342
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11343
+ .decision__title {
11344
+ hyphens: auto;
11345
+ -webkit-hyphenate-limit-before: 3;
11346
+ -webkit-hyphenate-limit-after: 3;
11347
+ }
11348
+ @media (min-width: 1160px) {
11349
+ .decision__title {
11350
+ -webkit-hyphenate-limit-before: 4;
11351
+ }
11352
+ }
11353
+ }
11354
+ .decision__title + p,
11355
+ .decision__title + ul:not(.list-unstyled),
11356
+ .decision__title + ol:not(.list-unstyled) {
11357
+ margin-block-start: 8px;
11358
+ margin-block-start: var(--size-8);
12759
11359
  }
12760
11360
  .decision__content {
12761
- font-family: 'Inter', Helvetica, Arial, sans-serif;
12762
- font-family: var(--wds-font-family-regular);
12763
- font-weight: 400;
12764
- font-weight: var(--wds-font-weight-body-regular);
12765
11361
  font-size: 0.875rem;
12766
- font-size: var(--wds-font-size-body);
12767
- line-height: 1.55;
12768
- line-height: var(--wds-line-height-body);
11362
+ font-size: var(--font-size-14);
11363
+ line-height: 155%;
12769
11364
  letter-spacing: -0.006em;
12770
- letter-spacing: var(--wds-letter-spacing-body);
11365
+ font-weight: 400;
11366
+ font-weight: var(--font-weight-regular);
12771
11367
  word-wrap: break-word;
12772
11368
  margin-block-start: 4px;
12773
11369
  margin-block-start: var(--size-4);
@@ -12877,16 +11473,12 @@ li > a > .currency-flag:first-child {
12877
11473
  padding: 8px;
12878
11474
  margin: 0;
12879
11475
  list-style: none;
12880
- font-family: 'Inter', Helvetica, Arial, sans-serif;
12881
- font-family: var(--wds-font-family-regular);
12882
- font-weight: 400;
12883
- font-weight: var(--wds-font-weight-body-regular);
12884
11476
  font-size: 0.875rem;
12885
- font-size: var(--wds-font-size-body);
12886
- line-height: 1.55;
12887
- line-height: var(--wds-line-height-body);
11477
+ font-size: var(--font-size-14);
11478
+ line-height: 155%;
12888
11479
  letter-spacing: -0.006em;
12889
- letter-spacing: var(--wds-letter-spacing-body);
11480
+ font-weight: 400;
11481
+ font-weight: var(--font-weight-regular);
12890
11482
  word-wrap: break-word;
12891
11483
  text-align: start;
12892
11484
  background-color: #ffffff;
@@ -12967,16 +11559,12 @@ li > a > .currency-flag:first-child {
12967
11559
  padding: var(--dropdown-link-padding);
12968
11560
  clear: both;
12969
11561
  border-radius: 3px;
12970
- font-family: 'Inter', Helvetica, Arial, sans-serif;
12971
- font-family: var(--wds-font-family-regular);
12972
- font-weight: 400;
12973
- font-weight: var(--wds-font-weight-body-regular);
12974
11562
  font-size: 0.875rem;
12975
- font-size: var(--wds-font-size-body);
12976
- line-height: 1.55;
12977
- line-height: var(--wds-line-height-body);
11563
+ font-size: var(--font-size-14);
11564
+ line-height: 155%;
12978
11565
  letter-spacing: -0.006em;
12979
- letter-spacing: var(--wds-letter-spacing-body);
11566
+ font-weight: 400;
11567
+ font-weight: var(--font-weight-regular);
12980
11568
  word-wrap: break-word;
12981
11569
  color: #37517e;
12982
11570
  color: var(--color-content-primary);
@@ -13075,12 +11663,10 @@ li > a > .currency-flag:first-child {
13075
11663
  .dropdown-menu > .selected > a strong {
13076
11664
  color: inherit;
13077
11665
  }
13078
- .dropdown-menu > .active > a .small,
13079
- .dropdown-menu > .selected > a .small,
13080
11666
  .dropdown-menu > .active > a .np-text-body-default,
13081
11667
  .dropdown-menu > .selected > a .np-text-body-default,
13082
- .dropdown-menu > .active > a .wds-text-body-default,
13083
- .dropdown-menu > .selected > a .wds-text-body-default,
11668
+ .dropdown-menu > .active > a .small,
11669
+ .dropdown-menu > .selected > a .small,
13084
11670
  .dropdown-menu > .active > a .secondary,
13085
11671
  .dropdown-menu > .selected > a .secondary {
13086
11672
  color: #c9cbce;
@@ -13175,22 +11761,58 @@ li > a > .currency-flag:first-child {
13175
11761
  display: block;
13176
11762
  padding-block: 8px;
13177
11763
  padding-inline: 16px;
13178
- font-size: 0.875rem;
13179
- font-size: var(--font-size-14);
13180
11764
  line-height: 1.5;
13181
11765
  line-height: var(--line-height-body);
13182
11766
  color: #5d7079;
13183
11767
  color: var(--color-content-secondary);
13184
11768
  white-space: nowrap;
13185
- font-family: 'Inter', Helvetica, Arial, sans-serif;
13186
- font-family: var(--wds-font-family-regular);
11769
+ margin: 0;
11770
+ color: #37517e;
11771
+ color: var(--color-content-primary);
11772
+ line-height: 1.2;
11773
+ line-height: var(--line-height-title);
11774
+ letter-spacing: 0;
11775
+ word-wrap: break-word;
13187
11776
  font-weight: 500;
13188
- font-weight: var(--wds-font-weight-title-group);
13189
- font-size: var(--wds-font-size-title-group);
13190
- line-height: 1.4;
13191
- line-height: var(--wds-line-height-title-group);
13192
- letter-spacing: -0.018em;
13193
- letter-spacing: var(--wds-letter-spacing-title-group);
11777
+ font-weight: var(--font-weight-medium);
11778
+ font-size: 0.875rem;
11779
+ font-size: var(--font-size-14);
11780
+ letter-spacing: -0.006em;
11781
+ line-height: 140%;
11782
+ }
11783
+ @supports (hyphenate-limit-chars: 1) {
11784
+ .dropdown-header {
11785
+ hyphens: auto;
11786
+ hyphenate-limit-chars: 7 3;
11787
+ }
11788
+ @media (min-width: 840px) {
11789
+ .dropdown-header {
11790
+ hyphenate-limit-chars: 8 3;
11791
+ }
11792
+ }
11793
+ @media (min-width: 1160px) {
11794
+ .dropdown-header {
11795
+ hyphenate-limit-chars: 10 4 3;
11796
+ }
11797
+ }
11798
+ }
11799
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11800
+ .dropdown-header {
11801
+ hyphens: auto;
11802
+ -webkit-hyphenate-limit-before: 3;
11803
+ -webkit-hyphenate-limit-after: 3;
11804
+ }
11805
+ @media (min-width: 1160px) {
11806
+ .dropdown-header {
11807
+ -webkit-hyphenate-limit-before: 4;
11808
+ }
11809
+ }
11810
+ }
11811
+ .dropdown-header + p,
11812
+ .dropdown-header + ul:not(.list-unstyled),
11813
+ .dropdown-header + ol:not(.list-unstyled) {
11814
+ margin-block-start: 8px;
11815
+ margin-block-start: var(--size-8);
13194
11816
  }
13195
11817
  .dropdown-backdrop {
13196
11818
  position: fixed;
@@ -13222,16 +11844,12 @@ li > a > .currency-flag:first-child {
13222
11844
  }
13223
11845
  .droppable {
13224
11846
  position: relative;
13225
- font-family: 'Inter', Helvetica, Arial, sans-serif;
13226
- font-family: var(--wds-font-family-regular);
13227
11847
  font-weight: 400;
13228
- font-weight: var(--wds-font-weight-body-large-regular);
11848
+ font-weight: var(--font-weight-regular);
13229
11849
  font-size: 1rem;
13230
- font-size: var(--wds-font-size-body-large);
13231
- line-height: 1.5;
13232
- line-height: var(--wds-line-height-body-large);
11850
+ font-size: var(--font-size-16);
11851
+ line-height: 150%;
13233
11852
  letter-spacing: -0.011em;
13234
- letter-spacing: var(--wds-letter-spacing-body-large);
13235
11853
  word-wrap: break-word;
13236
11854
  text-align: center;
13237
11855
  border: 1px solid #c9cbce;
@@ -13393,7 +12011,7 @@ li > a > .currency-flag:first-child {
13393
12011
  z-index: 1;
13394
12012
  }
13395
12013
  .np-theme-personal .droppable-dropping-card {
13396
- background-color: #e1e4df;
12014
+ background-color: #E1E4DF;
13397
12015
  color: #37517e;
13398
12016
  color: var(--color-content-primary);
13399
12017
  }
@@ -13401,7 +12019,7 @@ li > a > .currency-flag:first-child {
13401
12019
  background-color: #404440;
13402
12020
  }
13403
12021
  .np-theme-personal--forest-green .droppable-dropping-card {
13404
- background-color: #455c35;
12022
+ background-color: #455C35;
13405
12023
  }
13406
12024
  .droppable-dropping .droppable-dropping-card {
13407
12025
  display: flex;
@@ -13982,16 +12600,12 @@ li > a > .currency-flag:first-child {
13982
12600
  .footer {
13983
12601
  background-color: rgba(134,167,189,0.10196);
13984
12602
  background-color: var(--color-background-neutral);
13985
- font-family: 'Inter', Helvetica, Arial, sans-serif;
13986
- font-family: var(--wds-font-family-regular);
13987
- font-weight: 400;
13988
- font-weight: var(--wds-font-weight-body-regular);
13989
12603
  font-size: 0.875rem;
13990
- font-size: var(--wds-font-size-body);
13991
- line-height: 1.55;
13992
- line-height: var(--wds-line-height-body);
12604
+ font-size: var(--font-size-14);
12605
+ line-height: 155%;
13993
12606
  letter-spacing: -0.006em;
13994
- letter-spacing: var(--wds-letter-spacing-body);
12607
+ font-weight: 400;
12608
+ font-weight: var(--font-weight-regular);
13995
12609
  word-wrap: break-word;
13996
12610
  padding-block-start: calc(8px * 10);
13997
12611
  padding-block-start: calc(var(--size-8) * 10);
@@ -14046,16 +12660,12 @@ li > a > .currency-flag:first-child {
14046
12660
  .footer .link-icon {
14047
12661
  color: #5d7079;
14048
12662
  color: var(--color-content-secondary);
14049
- font-family: 'Inter', Helvetica, Arial, sans-serif;
14050
- font-family: var(--wds-font-family-regular);
14051
- font-weight: 400;
14052
- font-weight: var(--wds-font-weight-body-regular);
14053
12663
  font-size: 0.875rem;
14054
- font-size: var(--wds-font-size-body);
14055
- line-height: 1.55;
14056
- line-height: var(--wds-line-height-body);
12664
+ font-size: var(--font-size-14);
12665
+ line-height: 155%;
14057
12666
  letter-spacing: -0.006em;
14058
- letter-spacing: var(--wds-letter-spacing-body);
12667
+ font-weight: 400;
12668
+ font-weight: var(--font-weight-regular);
14059
12669
  word-wrap: break-word;
14060
12670
  }
14061
12671
  @supports (hyphenate-limit-chars: 1) {
@@ -14172,8 +12782,7 @@ li > a > .currency-flag:first-child {
14172
12782
  }
14173
12783
  .footer.footer-inverse .tiny,
14174
12784
  .footer.footer-inverse .body-3,
14175
- .footer.footer-inverse .np-text-body-default,
14176
- .footer.footer-inverse .wds-text-body-default {
12785
+ .footer.footer-inverse .np-text-body-default {
14177
12786
  color: #ffffff;
14178
12787
  }
14179
12788
  @media (max-width: 599.98px) {
@@ -15621,19 +14230,54 @@ li > a > .currency-flag:first-child {
15621
14230
  }
15622
14231
  .list-group-item-heading {
15623
14232
  margin-block-end: 0;
15624
- font-family: 'Inter', Helvetica, Arial, sans-serif;
15625
- font-family: var(--wds-font-family-regular);
14233
+ margin: 0;
14234
+ line-height: 1.2;
14235
+ line-height: var(--line-height-title);
14236
+ letter-spacing: 0;
14237
+ word-wrap: break-word;
15626
14238
  font-weight: 500;
15627
- font-weight: var(--wds-font-weight-title-group);
14239
+ font-weight: var(--font-weight-medium);
15628
14240
  font-size: 0.875rem;
15629
- font-size: var(--wds-font-size-title-group);
15630
- line-height: 1.4;
15631
- line-height: var(--wds-line-height-title-group);
15632
- letter-spacing: -0.018em;
15633
- letter-spacing: var(--wds-letter-spacing-title-group);
14241
+ font-size: var(--font-size-14);
14242
+ letter-spacing: -0.006em;
14243
+ line-height: 140%;
15634
14244
  color: #37517e;
15635
14245
  color: var(--color-content-primary);
15636
14246
  }
14247
+ @supports (hyphenate-limit-chars: 1) {
14248
+ .list-group-item-heading {
14249
+ hyphens: auto;
14250
+ hyphenate-limit-chars: 7 3;
14251
+ }
14252
+ @media (min-width: 840px) {
14253
+ .list-group-item-heading {
14254
+ hyphenate-limit-chars: 8 3;
14255
+ }
14256
+ }
14257
+ @media (min-width: 1160px) {
14258
+ .list-group-item-heading {
14259
+ hyphenate-limit-chars: 10 4 3;
14260
+ }
14261
+ }
14262
+ }
14263
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
14264
+ .list-group-item-heading {
14265
+ hyphens: auto;
14266
+ -webkit-hyphenate-limit-before: 3;
14267
+ -webkit-hyphenate-limit-after: 3;
14268
+ }
14269
+ @media (min-width: 1160px) {
14270
+ .list-group-item-heading {
14271
+ -webkit-hyphenate-limit-before: 4;
14272
+ }
14273
+ }
14274
+ }
14275
+ .list-group-item-heading + p,
14276
+ .list-group-item-heading + ul:not(.list-unstyled),
14277
+ .list-group-item-heading + ol:not(.list-unstyled) {
14278
+ margin-block-start: 8px;
14279
+ margin-block-start: var(--size-8);
14280
+ }
15637
14281
  .list-group-item-text {
15638
14282
  margin-block-end: 0;
15639
14283
  color: #5d7079;
@@ -16674,8 +15318,8 @@ a.list-group-item-danger:hover {
16674
15318
  .navbar-form .checkbox label {
16675
15319
  padding-inline-start: 0;
16676
15320
  }
16677
- .navbar-form .radio input[type="radio"],
16678
- .navbar-form .checkbox input[type="checkbox"] {
15321
+ .navbar-form .radio input[type='radio'],
15322
+ .navbar-form .checkbox input[type='checkbox'] {
16679
15323
  position: relative;
16680
15324
  margin-inline-start: 0;
16681
15325
  }
@@ -18441,15 +17085,12 @@ button.close {
18441
17085
  word-break: normal;
18442
17086
  word-spacing: normal;
18443
17087
  word-wrap: normal;
18444
- font-family: var(--wds-font-family-regular);
18445
- font-weight: 400;
18446
- font-weight: var(--wds-font-weight-body-regular);
18447
17088
  font-size: 0.875rem;
18448
- font-size: var(--wds-font-size-body);
18449
- line-height: 1.55;
18450
- line-height: var(--wds-line-height-body);
17089
+ font-size: var(--font-size-14);
17090
+ line-height: 155%;
18451
17091
  letter-spacing: -0.006em;
18452
- letter-spacing: var(--wds-letter-spacing-body);
17092
+ font-weight: 400;
17093
+ font-weight: var(--font-weight-regular);
18453
17094
  word-wrap: break-word;
18454
17095
  background-color: #ffffff;
18455
17096
  background-color: var(--color-background-screen);
@@ -18636,18 +17277,20 @@ button.close {
18636
17277
  margin-inline: 0;
18637
17278
  }
18638
17279
  .popover-title {
18639
- margin: 0;
18640
17280
  padding: 0;
18641
- font-family: 'Inter', Helvetica, Arial, sans-serif;
18642
- font-family: var(--wds-font-family-regular);
18643
- font-weight: 600;
18644
- font-weight: var(--wds-font-weight-title-body);
17281
+ margin: 0;
17282
+ color: #37517e;
17283
+ color: var(--color-content-primary);
17284
+ line-height: 1.2;
17285
+ line-height: var(--line-height-title);
17286
+ letter-spacing: 0;
17287
+ word-wrap: break-word;
18645
17288
  font-size: 1.125rem;
18646
- font-size: var(--wds-font-size-title-body);
18647
- line-height: 1.35;
18648
- line-height: var(--wds-line-height-title-body);
17289
+ font-size: var(--font-size-18);
17290
+ font-weight: 600;
17291
+ font-weight: var(--font-weight-semi-bold);
18649
17292
  letter-spacing: -0.014em;
18650
- letter-spacing: var(--wds-letter-spacing-title-body);
17293
+ line-height: 135%;
18651
17294
  background-color: #ffffff;
18652
17295
  background-color: var(--color-background-screen);
18653
17296
  border-block-end: 0;
@@ -18655,21 +17298,50 @@ button.close {
18655
17298
  border-start-end-radius: 2px;
18656
17299
  border-end-end-radius: 0;
18657
17300
  border-end-start-radius: 0;
18658
- color: #37517e !important;
18659
17301
  color: var(--color-content-primary) !important;
18660
17302
  }
17303
+ @supports (hyphenate-limit-chars: 1) {
17304
+ .popover-title {
17305
+ hyphens: auto;
17306
+ hyphenate-limit-chars: 7 3;
17307
+ }
17308
+ @media (min-width: 840px) {
17309
+ .popover-title {
17310
+ hyphenate-limit-chars: 8 3;
17311
+ }
17312
+ }
17313
+ @media (min-width: 1160px) {
17314
+ .popover-title {
17315
+ hyphenate-limit-chars: 10 4 3;
17316
+ }
17317
+ }
17318
+ }
17319
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17320
+ .popover-title {
17321
+ hyphens: auto;
17322
+ -webkit-hyphenate-limit-before: 3;
17323
+ -webkit-hyphenate-limit-after: 3;
17324
+ }
17325
+ @media (min-width: 1160px) {
17326
+ .popover-title {
17327
+ -webkit-hyphenate-limit-before: 4;
17328
+ }
17329
+ }
17330
+ }
17331
+ .popover-title + p,
17332
+ .popover-title + ul:not(.list-unstyled),
17333
+ .popover-title + ol:not(.list-unstyled) {
17334
+ margin-block-start: 8px;
17335
+ margin-block-start: var(--size-8);
17336
+ }
18661
17337
  .popover-content {
18662
17338
  padding: 0;
18663
- font-family: 'Inter', Helvetica, Arial, sans-serif;
18664
- font-family: var(--wds-font-family-regular);
18665
- font-weight: 400;
18666
- font-weight: var(--wds-font-weight-body-regular);
18667
17339
  font-size: 0.875rem;
18668
- font-size: var(--wds-font-size-body);
18669
- line-height: 1.55;
18670
- line-height: var(--wds-line-height-body);
17340
+ font-size: var(--font-size-14);
17341
+ line-height: 155%;
18671
17342
  letter-spacing: -0.006em;
18672
- letter-spacing: var(--wds-letter-spacing-body);
17343
+ font-weight: 400;
17344
+ font-weight: var(--font-weight-regular);
18673
17345
  word-wrap: break-word;
18674
17346
  color: #5d7079;
18675
17347
  color: var(--color-content-secondary);
@@ -19608,10 +18280,6 @@ textarea:focus-visible {
19608
18280
  .sequence > li .h2,
19609
18281
  .sequence > li .h3,
19610
18282
  .sequence > li .h4,
19611
- .sequence > li .wds-text-title-screen,
19612
- .sequence > li .wds-text-title-section,
19613
- .sequence > li .wds-text-title-subsection,
19614
- .sequence > li .wds-text-title-body,
19615
18283
  .sequence > li .btn-toolbar {
19616
18284
  margin-block-end: 16px;
19617
18285
  }
@@ -19702,8 +18370,7 @@ textarea:focus-visible {
19702
18370
  }
19703
18371
  .sequence-inverse > .active .small,
19704
18372
  .sequence-inverse > .active .body-2,
19705
- .sequence-inverse > .active .np-text-body-default,
19706
- .sequence-inverse > .active .wds-text-body-default {
18373
+ .sequence-inverse > .active .np-text-body-default {
19707
18374
  color: #5d7079;
19708
18375
  color: var(--color-content-secondary);
19709
18376
  }
@@ -20713,16 +19380,12 @@ table col[class*="col-"] {
20713
19380
  padding-inline: 5px;
20714
19381
  }
20715
19382
  .tooltip-inner {
20716
- font-family: 'Inter', Helvetica, Arial, sans-serif;
20717
- font-family: var(--wds-font-family-regular);
20718
- font-weight: 400;
20719
- font-weight: var(--wds-font-weight-body-regular);
20720
19383
  font-size: 0.875rem;
20721
- font-size: var(--wds-font-size-body);
20722
- line-height: 1.55;
20723
- line-height: var(--wds-line-height-body);
19384
+ font-size: var(--font-size-14);
19385
+ line-height: 155%;
20724
19386
  letter-spacing: -0.006em;
20725
- letter-spacing: var(--wds-letter-spacing-body);
19387
+ font-weight: 400;
19388
+ font-weight: var(--font-weight-regular);
20726
19389
  word-wrap: break-word;
20727
19390
  max-inline-size: 200px;
20728
19391
  min-inline-size: 120px;