@transferwise/components 0.0.0-experimental-7f15621 → 0.0.0-experimental-c70eb7d

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 (80) hide show
  1. package/build/main.css +2872 -1501
  2. package/build/styles/Inputs/Input/Input.css +62 -28
  3. package/build/styles/Inputs/TextArea/TextArea.css +62 -28
  4. package/build/styles/Popover/Popover.css +3 -9
  5. package/build/styles/_deprecated/Select/Select.css +27 -7
  6. package/build/styles/css/accordion.css +23 -52
  7. package/build/styles/css/button-groups.css +29 -8
  8. package/build/styles/css/buttons.css +26 -2
  9. package/build/styles/css/decision.css +23 -52
  10. package/build/styles/css/dropdowns.css +39 -62
  11. package/build/styles/css/droppable.css +28 -8
  12. package/build/styles/css/footer.css +41 -14
  13. package/build/styles/css/input-groups.css +172 -165
  14. package/build/styles/css/list-group.css +0 -45
  15. package/build/styles/css/navbar.css +39 -62
  16. package/build/styles/css/neptune-addons.css +15 -0
  17. package/build/styles/css/neptune-core.css +250 -526
  18. package/build/styles/css/neptune.css +2777 -1422
  19. package/build/styles/css/popovers.css +35 -60
  20. package/build/styles/css/sequences.css +6 -1
  21. package/build/styles/css/tooltip.css +27 -7
  22. package/build/styles/less/neptune-tokens.less +0 -48
  23. package/build/styles/main.css +2872 -1501
  24. package/build/styles/props/neptune-tokens.css +802 -1
  25. package/build/styles/styles/less/accordion.css +23 -52
  26. package/build/styles/styles/less/button-groups.css +29 -8
  27. package/build/styles/styles/less/buttons.css +26 -2
  28. package/build/styles/styles/less/decision.css +23 -52
  29. package/build/styles/styles/less/dropdowns.css +39 -62
  30. package/build/styles/styles/less/droppable.css +28 -8
  31. package/build/styles/styles/less/footer.css +41 -14
  32. package/build/styles/styles/less/forms/bootstrap-forms.css +137 -91
  33. package/build/styles/styles/less/input-groups.css +172 -165
  34. package/build/styles/styles/less/list-group.css +0 -45
  35. package/build/styles/styles/less/navbar.css +39 -62
  36. package/build/styles/styles/less/neptune-addons.css +15 -0
  37. package/build/styles/styles/less/neptune-core.css +250 -526
  38. package/build/styles/styles/less/neptune.css +2777 -1422
  39. package/build/styles/styles/less/popovers.css +35 -60
  40. package/build/styles/styles/less/sequences.css +6 -1
  41. package/build/styles/styles/less/tooltip.css +27 -7
  42. package/package.json +1 -1
  43. package/src/Inputs/Input/Input.css +62 -28
  44. package/src/Inputs/TextArea/TextArea.css +62 -28
  45. package/src/Popover/Popover.css +3 -9
  46. package/src/_deprecated/Select/Select.css +27 -7
  47. package/src/main.css +2872 -1501
  48. package/src/styles/less/accordion.css +23 -52
  49. package/src/styles/less/addons/_background-utilities.less +5 -0
  50. package/src/styles/less/button-groups.css +29 -8
  51. package/src/styles/less/button-groups.less +3 -2
  52. package/src/styles/less/buttons.css +26 -2
  53. package/src/styles/less/buttons.less +1 -1
  54. package/src/styles/less/core/_typography.less +67 -221
  55. package/src/styles/less/decision.css +23 -52
  56. package/src/styles/less/decision.less +2 -2
  57. package/src/styles/less/dropdowns.css +39 -62
  58. package/src/styles/less/dropdowns.less +6 -5
  59. package/src/styles/less/droppable.css +28 -8
  60. package/src/styles/less/droppable.less +4 -4
  61. package/src/styles/less/footer.css +41 -14
  62. package/src/styles/less/footer.less +4 -3
  63. package/src/styles/less/forms/bootstrap-forms.css +137 -91
  64. package/src/styles/less/forms/bootstrap-forms.less +70 -57
  65. package/src/styles/less/input-groups.css +172 -165
  66. package/src/styles/less/input-groups.less +5 -5
  67. package/src/styles/less/list-group.css +0 -45
  68. package/src/styles/less/list-group.less +7 -4
  69. package/src/styles/less/mixins/_text-emphasis.less +7 -1
  70. package/src/styles/less/navbar.css +39 -62
  71. package/src/styles/less/neptune-addons.css +15 -0
  72. package/src/styles/less/neptune-core.css +250 -526
  73. package/src/styles/less/neptune.bundle.less +4 -0
  74. package/src/styles/less/neptune.css +2777 -1422
  75. package/src/styles/less/popovers.css +35 -60
  76. package/src/styles/less/popovers.less +3 -3
  77. package/src/styles/less/sequences.css +6 -1
  78. package/src/styles/less/sequences.less +7 -2
  79. package/src/styles/less/tooltip.css +27 -7
  80. package/src/styles/less/tooltip.less +1 -1
package/src/styles/less/neptune.css CHANGED
@@ -91,6 +91,10 @@
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 {
94
98
  --font-size-12: 0.75rem;
95
99
  --font-size-14: 0.875rem;
96
100
  --font-size-16: 1rem;
@@ -102,6 +106,13 @@
102
106
  --font-size-28: 1.75rem;
103
107
  --font-size-30: 1.875rem;
104
108
  --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;
105
116
  --letter-spacing-xxs: 0.005em;
106
117
  --letter-spacing-xs: 0.01em;
107
118
  --letter-spacing-sm: 0.0125em;
@@ -129,18 +140,807 @@
129
140
  --line-height-42: 2.625rem;
130
141
  --line-height-48: 3rem;
131
142
  --line-height-title: 1.2;
132
- --line-height-body: 1.5;
133
143
  --line-height-control: 1.2;
144
+ --line-height-body: 1.5;
134
145
  --font-weight-light: 300;
135
146
  --font-weight-regular: 400;
136
147
  --font-weight-medium: 500;
137
148
  --font-weight-semi-bold: 600;
138
149
  --font-weight-bold: 700;
150
+ --font-weight-heavy: 800;
139
151
  --font-weight-black: 900;
140
152
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
141
153
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
142
154
  }
143
155
 
156
+ :root {
157
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
158
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
159
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
160
+
161
+ --wds-font-weight-display-large: 800;
162
+ --wds-font-size-display-large: 4rem;
163
+ --wds-line-height-display-large: 0.85;
164
+ --wds-letter-spacing-display-large: 0;
165
+
166
+ --wds-font-weight-display-medium: 800;
167
+ --wds-font-size-display-medium: 3.25rem;
168
+ --wds-line-height-display-medium: 0.8115;
169
+ --wds-letter-spacing-display-medium: 0;
170
+
171
+ --wds-font-weight-display-small: 800;
172
+ --wds-font-size-display-small: 2.5rem;
173
+ --wds-line-height-display-small: 0.85;
174
+ --wds-letter-spacing-display-small: 0;
175
+
176
+ --wds-font-weight-display-number-small: 600;
177
+ --wds-font-size-display-number-small: 2.5rem;
178
+ --wds-line-height-display-number-small: 1.1;
179
+ --wds-letter-spacing-display-number-small: -0.022em;
180
+
181
+ --wds-font-weight-display-number-medium: 800;
182
+ --wds-font-size-display-number-medium: 3.25rem;
183
+ --wds-line-height-display-number-medium: 0.8462;
184
+ --wds-letter-spacing-display-number-medium: 0;
185
+
186
+ --wds-font-weight-display-number-large: 800;
187
+ --wds-font-size-display-number-large: 6.25rem;
188
+ --wds-line-height-display-number-large: 0.85;
189
+ --wds-letter-spacing-display-number-large: 0;
190
+
191
+ --wds-font-weight-title-screen: 600;
192
+ --wds-font-size-title-screen: 1.875rem;
193
+ --wds-line-height-title-screen: 1.15;
194
+ --wds-letter-spacing-title-screen: -0.021em;
195
+ --wds-paragraph-spacing-title-screen: 0.5rem;
196
+
197
+ --wds-font-weight-title-section: 600;
198
+ --wds-font-size-title-section: 1.625rem;
199
+ --wds-line-height-title-section: 1.22;
200
+ --wds-letter-spacing-title-section: -0.02em;
201
+ --wds-paragraph-spacing-title-section: 0.5rem;
202
+
203
+ --wds-font-weight-title-subsection: 600;
204
+ --wds-font-size-title-subsection: 1.375rem;
205
+ --wds-line-height-title-subsection: 1.25;
206
+ --wds-letter-spacing-title-subsection: -0.018em;
207
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
208
+
209
+ --wds-font-weight-title-body: 600;
210
+ --wds-font-size-title-body: 1.125rem;
211
+ --wds-line-height-title-body: 1.35;
212
+ --wds-letter-spacing-title-body: -0.014em;
213
+ --wds-paragraph-spacing-title-body: 0.5rem;
214
+
215
+ --wds-font-weight-title-group: 500;
216
+ --wds-font-size-title-group: 0.875rem;
217
+ --wds-line-height-title-group: 1.4;
218
+ --wds-letter-spacing-title-group: -0.018em;
219
+ --wds-paragraph-spacing-title-group: 0.5rem;
220
+
221
+ --wds-font-weight-body-large-regular: 400;
222
+ --wds-font-weight-body-large-bold: 600;
223
+ --wds-font-size-body-large: 1rem;
224
+ --wds-line-height-body-large: 1.5;
225
+ --wds-letter-spacing-body-large: -0.011em;
226
+ --wds-paragraph-spacing-body-large: 0.5rem;
227
+
228
+ --wds-font-weight-body-regular: 400;
229
+ --wds-font-weight-body-bold: 600;
230
+ --wds-font-size-body: 0.875rem;
231
+ --wds-line-height-body: 1.55;
232
+ --wds-letter-spacing-body: -0.006em;
233
+ --wds-paragraph-spacing-body: 0.5rem;
234
+
235
+ --wds-font-weight-nav-regular: 400;
236
+ --wds-font-weight-nav-bold: 600;
237
+ --wds-font-size-nav: 0.75rem;
238
+ --wds-line-height-nav: 1.5;
239
+ --wds-letter-spacing-nav: 0;
240
+ }
241
+
242
+ :lang(ar) {
243
+ --wds-font-family-display: 'Rubik', sans-serif;
244
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Vazirmatn', sans-serif;
245
+ --wds-font-family-regular: 'Vazirmatn', sans-serif;
246
+
247
+ --wds-font-weight-display-large: 900;
248
+ --wds-font-size-display-large: 4rem;
249
+ --wds-line-height-display-large: 1.45;
250
+ --wds-letter-spacing-display-large: 0;
251
+
252
+ --wds-font-weight-display-medium: 900;
253
+ --wds-font-size-display-medium: 3.25rem;
254
+ --wds-line-height-display-medium: 1.45;
255
+ --wds-letter-spacing-display-medium: 0;
256
+
257
+ --wds-font-weight-display-small: 900;
258
+ --wds-font-size-display-small: 2.6875rem;
259
+ --wds-line-height-display-small: 1.4498;
260
+ --wds-letter-spacing-display-small: 0;
261
+
262
+ --wds-font-weight-display-number-small: 600;
263
+ --wds-font-size-display-number-small: 2.6875rem;
264
+ --wds-line-height-display-number-small: 1.24;
265
+ --wds-letter-spacing-display-number-small: 0;
266
+
267
+ --wds-font-weight-display-number-medium: 800;
268
+ --wds-font-size-display-number-medium: 3.25rem;
269
+ --wds-line-height-display-number-medium: 0.8;
270
+ --wds-letter-spacing-display-number-medium: 0;
271
+
272
+ --wds-font-weight-display-number-large: 800;
273
+ --wds-font-size-display-number-large: 6.25rem;
274
+ --wds-line-height-display-number-large: 0.85;
275
+ --wds-letter-spacing-display-number-large: 0;
276
+
277
+ --wds-font-weight-title-screen: 600;
278
+ --wds-font-size-title-screen: 2.125rem;
279
+ --wds-line-height-title-screen: 1.6;
280
+ --wds-letter-spacing-title-screen: 0;
281
+ --wds-paragraph-spacing-title-screen: 0.875rem;
282
+
283
+ --wds-font-weight-title-section: 600;
284
+ --wds-font-size-title-section: 1.875rem;
285
+ --wds-line-height-title-section: 1.68;
286
+ --wds-letter-spacing-title-section: 0;
287
+ --wds-paragraph-spacing-title-section: 0.875rem;
288
+
289
+ --wds-font-weight-title-subsection: 600;
290
+ --wds-font-size-title-subsection: 1.625rem;
291
+ --wds-line-height-title-subsection: 1.74;
292
+ --wds-letter-spacing-title-subsection: 0;
293
+ --wds-paragraph-spacing-title-subsection: 0.875rem;
294
+
295
+ --wds-font-weight-title-body: 600;
296
+ --wds-font-size-title-body: 1.375rem;
297
+ --wds-line-height-title-body: 1.84;
298
+ --wds-letter-spacing-title-body: 0;
299
+ --wds-paragraph-spacing-title-body: 0.875rem;
300
+
301
+ --wds-font-weight-title-group: 500;
302
+ --wds-font-size-title-group: 1.0625rem;
303
+ --wds-line-height-title-group: 1.9;
304
+ --wds-letter-spacing-title-group: 0;
305
+ --wds-paragraph-spacing-title-group: 0.875rem;
306
+
307
+ --wds-font-weight-body-large-regular: 300;
308
+ --wds-font-weight-body-large-bold: 600;
309
+ --wds-font-size-body-large: 1.1875rem;
310
+ --wds-line-height-body-large: 1.75;
311
+ --wds-letter-spacing-body-large: 0;
312
+ --wds-paragraph-spacing-body-large: 0.875rem;
313
+
314
+ --wds-font-weight-body-regular: 300;
315
+ --wds-font-weight-body-bold: 600;
316
+ --wds-font-size-body: 1.0625rem;
317
+ --wds-line-height-body: 1.8;
318
+ --wds-letter-spacing-body: 0;
319
+ --wds-paragraph-spacing-body: 0.875rem;
320
+
321
+ --wds-font-weight-nav-regular: 300;
322
+ --wds-font-weight-nav-bold: 600;
323
+ --wds-font-size-nav: 0.9375rem;
324
+ --wds-line-height-nav: 1.9;
325
+ --wds-letter-spacing-nav: 0;
326
+ }
327
+
328
+ :lang(fr),
329
+ :lang(de),
330
+ :lang(es),
331
+ :lang(pt),
332
+ :lang(it),
333
+ :lang(nl),
334
+ :lang(pl),
335
+ :lang(ro),
336
+ :lang(cs),
337
+ :lang(hu),
338
+ :lang(tr),
339
+ :lang(id) {
340
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
341
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
342
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
343
+
344
+ --wds-font-weight-display-large: 800;
345
+ --wds-font-size-display-large: 4rem;
346
+ --wds-line-height-display-large: 1.05;
347
+ --wds-letter-spacing-display-large: 0;
348
+
349
+ --wds-font-weight-display-medium: 800;
350
+ --wds-font-size-display-medium: 3.25rem;
351
+ --wds-line-height-display-medium: 1.05;
352
+ --wds-letter-spacing-display-medium: 0;
353
+
354
+ --wds-font-weight-display-small: 800;
355
+ --wds-font-size-display-small: 2.5rem;
356
+ --wds-line-height-display-small: 1.05;
357
+ --wds-letter-spacing-display-small: 0;
358
+
359
+ --wds-font-weight-display-number-small: 600;
360
+ --wds-font-size-display-number-small: 2.5rem;
361
+ --wds-line-height-display-number-small: 1.1;
362
+ --wds-letter-spacing-display-number-small: -0.022em;
363
+
364
+ --wds-font-weight-display-number-medium: 800;
365
+ --wds-font-size-display-number-medium: 3.25rem;
366
+ --wds-line-height-display-number-medium: 0.8462;
367
+ --wds-letter-spacing-display-number-medium: 0;
368
+
369
+ --wds-font-weight-display-number-large: 800;
370
+ --wds-font-size-display-number-large: 6.25rem;
371
+ --wds-line-height-display-number-large: 0.85;
372
+ --wds-letter-spacing-display-number-large: 0;
373
+
374
+ --wds-font-weight-title-screen: 600;
375
+ --wds-font-size-title-screen: 1.875rem;
376
+ --wds-line-height-title-screen: 1.15;
377
+ --wds-letter-spacing-title-screen: -0.021em;
378
+ --wds-paragraph-spacing-title-screen: 0.5rem;
379
+
380
+ --wds-font-weight-title-section: 600;
381
+ --wds-font-size-title-section: 1.625rem;
382
+ --wds-line-height-title-section: 1.22;
383
+ --wds-letter-spacing-title-section: -0.02em;
384
+ --wds-paragraph-spacing-title-section: 0.5rem;
385
+
386
+ --wds-font-weight-title-subsection: 600;
387
+ --wds-font-size-title-subsection: 1.375rem;
388
+ --wds-line-height-title-subsection: 1.25;
389
+ --wds-letter-spacing-title-subsection: -0.018em;
390
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
391
+
392
+ --wds-font-weight-title-body: 600;
393
+ --wds-font-size-title-body: 1.125rem;
394
+ --wds-line-height-title-body: 1.35;
395
+ --wds-letter-spacing-title-body: -0.014em;
396
+ --wds-paragraph-spacing-title-body: 0.5rem;
397
+
398
+ --wds-font-weight-title-group: 500;
399
+ --wds-font-size-title-group: 0.875rem;
400
+ --wds-line-height-title-group: 1.4;
401
+ --wds-letter-spacing-title-group: -0.018em;
402
+ --wds-paragraph-spacing-title-group: 0.5rem;
403
+
404
+ --wds-font-weight-body-large-regular: 400;
405
+ --wds-font-weight-body-large-bold: 600;
406
+ --wds-font-size-body-large: 1rem;
407
+ --wds-line-height-body-large: 1.5;
408
+ --wds-letter-spacing-body-large: -0.011em;
409
+ --wds-paragraph-spacing-body-large: 0.5rem;
410
+
411
+ --wds-font-weight-body-regular: 400;
412
+ --wds-font-weight-body-bold: 600;
413
+ --wds-font-size-body: 0.875rem;
414
+ --wds-line-height-body: 1.55;
415
+ --wds-letter-spacing-body: -0.006em;
416
+ --wds-paragraph-spacing-body: 0.5rem;
417
+
418
+ --wds-font-weight-nav-regular: 400;
419
+ --wds-font-weight-nav-bold: 600;
420
+ --wds-font-size-nav: 0.75rem;
421
+ --wds-line-height-nav: 1.5;
422
+ --wds-letter-spacing-nav: 0;
423
+ }
424
+
425
+ :lang(el),
426
+ :lang(ru),
427
+ :lang(uk) {
428
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
429
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
430
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
431
+
432
+ --wds-font-weight-display-large: 800;
433
+ --wds-font-size-display-large: 3.75rem;
434
+ --wds-line-height-display-large: 1.2;
435
+ --wds-letter-spacing-display-large: 0;
436
+
437
+ --wds-font-weight-display-medium: 800;
438
+ --wds-font-size-display-medium: 3rem;
439
+ --wds-line-height-display-medium: 1.2;
440
+ --wds-letter-spacing-display-medium: 0;
441
+
442
+ --wds-font-weight-display-small: 800;
443
+ --wds-font-size-display-small: 2.5rem;
444
+ --wds-line-height-display-small: 1.2;
445
+ --wds-letter-spacing-display-small: 0;
446
+
447
+ --wds-font-weight-display-number-small: 600;
448
+ --wds-font-size-display-number-small: 2.5rem;
449
+ --wds-line-height-display-number-small: 1.1;
450
+ --wds-letter-spacing-display-number-small: -0.022em;
451
+
452
+ --wds-font-weight-display-number-medium: 800;
453
+ --wds-font-size-display-number-medium: 3.25rem;
454
+ --wds-line-height-display-number-medium: 0.8462;
455
+ --wds-letter-spacing-display-number-medium: 0;
456
+
457
+ --wds-font-weight-display-number-large: 800;
458
+ --wds-font-size-display-number-large: 6.25rem;
459
+ --wds-line-height-display-number-large: 0.85;
460
+ --wds-letter-spacing-display-number-large: 0;
461
+
462
+ --wds-font-weight-title-screen: 600;
463
+ --wds-font-size-title-screen: 1.875rem;
464
+ --wds-line-height-title-screen: 1.15;
465
+ --wds-letter-spacing-title-screen: -0.021em;
466
+ --wds-paragraph-spacing-title-screen: 0.5rem;
467
+
468
+ --wds-font-weight-title-section: 600;
469
+ --wds-font-size-title-section: 1.625rem;
470
+ --wds-line-height-title-section: 1.22;
471
+ --wds-letter-spacing-title-section: -0.02em;
472
+ --wds-paragraph-spacing-title-section: 0.5rem;
473
+
474
+ --wds-font-weight-title-subsection: 600;
475
+ --wds-font-size-title-subsection: 1.375rem;
476
+ --wds-line-height-title-subsection: 1.25;
477
+ --wds-letter-spacing-title-subsection: -0.018em;
478
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
479
+
480
+ --wds-font-weight-title-body: 600;
481
+ --wds-font-size-title-body: 1.125rem;
482
+ --wds-line-height-title-body: 1.35;
483
+ --wds-letter-spacing-title-body: -0.014em;
484
+ --wds-paragraph-spacing-title-body: 0.5rem;
485
+
486
+ --wds-font-weight-title-group: 500;
487
+ --wds-font-size-title-group: 0.875rem;
488
+ --wds-line-height-title-group: 1.4;
489
+ --wds-letter-spacing-title-group: -0.018em;
490
+ --wds-paragraph-spacing-title-group: 0.5rem;
491
+
492
+ --wds-font-weight-body-large-regular: 400;
493
+ --wds-font-weight-body-large-bold: 600;
494
+ --wds-font-size-body-large: 1rem;
495
+ --wds-line-height-body-large: 1.5;
496
+ --wds-letter-spacing-body-large: -0.011em;
497
+ --wds-paragraph-spacing-body-large: 0.5rem;
498
+
499
+ --wds-font-weight-body-regular: 400;
500
+ --wds-font-weight-body-bold: 600;
501
+ --wds-font-size-body: 0.875rem;
502
+ --wds-line-height-body: 1.55;
503
+ --wds-letter-spacing-body: -0.006em;
504
+ --wds-paragraph-spacing-body: 0.5rem;
505
+
506
+ --wds-font-weight-nav-regular: 400;
507
+ --wds-font-weight-nav-bold: 600;
508
+ --wds-font-size-nav: 0.75rem;
509
+ --wds-line-height-nav: 1.5;
510
+ --wds-letter-spacing-nav: 0;
511
+ }
512
+
513
+ :lang(ja) {
514
+ --wds-font-family-display: 'Zen Kaku Gothic Antique', sans-serif;
515
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Zen Kaku Gothic Antique', sans-serif;
516
+ --wds-font-family-regular: 'Zen Kaku Gothic Antique', sans-serif;
517
+
518
+ --wds-font-weight-display-large: 900;
519
+ --wds-font-size-display-large: 3.5rem;
520
+ --wds-line-height-display-large: 1.2;
521
+ --wds-letter-spacing-display-large: 0;
522
+
523
+ --wds-font-weight-display-medium: 900;
524
+ --wds-font-size-display-medium: 3rem;
525
+ --wds-line-height-display-medium: 1.2;
526
+ --wds-letter-spacing-display-medium: 0;
527
+
528
+ --wds-font-weight-display-small: 900;
529
+ --wds-font-size-display-small: 2.5rem;
530
+ --wds-line-height-display-small: 1.2;
531
+ --wds-letter-spacing-display-small: 0;
532
+
533
+ --wds-font-weight-display-number-small: 900;
534
+ --wds-font-size-display-number-small: 2.5rem;
535
+ --wds-line-height-display-number-small: 1.2;
536
+ --wds-letter-spacing-display-number-small: 0;
537
+
538
+ --wds-font-weight-display-number-medium: 900;
539
+ --wds-font-size-display-number-medium: 3.25rem;
540
+ --wds-line-height-display-number-medium: 0.8;
541
+ --wds-letter-spacing-display-number-medium: 0;
542
+
543
+ --wds-font-weight-display-number-large: 900;
544
+ --wds-font-size-display-number-large: 6.25rem;
545
+ --wds-line-height-display-number-large: 0.8;
546
+ --wds-letter-spacing-display-number-large: 0;
547
+
548
+ --wds-font-weight-title-screen: 700;
549
+ --wds-font-size-title-screen: 1.875rem;
550
+ --wds-line-height-title-screen: 1.1333;
551
+ --wds-letter-spacing-title-screen: 0;
552
+ --wds-paragraph-spacing-title-screen: 0.5rem;
553
+
554
+ --wds-font-weight-title-section: 700;
555
+ --wds-font-size-title-section: 1.625rem;
556
+ --wds-line-height-title-section: 1.2308;
557
+ --wds-letter-spacing-title-section: 0;
558
+ --wds-paragraph-spacing-title-section: 0.5rem;
559
+
560
+ --wds-font-weight-title-subsection: 700;
561
+ --wds-font-size-title-subsection: 1.375rem;
562
+ --wds-line-height-title-subsection: 1.2727;
563
+ --wds-letter-spacing-title-subsection: 0;
564
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
565
+
566
+ --wds-font-weight-title-body: 700;
567
+ --wds-font-size-title-body: 1.125rem;
568
+ --wds-line-height-title-body: 1.3333;
569
+ --wds-letter-spacing-title-body: 0;
570
+ --wds-paragraph-spacing-title-body: 0.5rem;
571
+
572
+ --wds-font-weight-title-group: 700;
573
+ --wds-font-size-title-group: 0.875rem;
574
+ --wds-line-height-title-group: 1.4286;
575
+ --wds-letter-spacing-title-group: 0;
576
+ --wds-paragraph-spacing-title-group: 0;
577
+
578
+ --wds-font-weight-body-large-regular: 400;
579
+ --wds-font-weight-body-large-bold: 700;
580
+ --wds-font-size-body-large: 1rem;
581
+ --wds-line-height-body-large: 1.5;
582
+ --wds-letter-spacing-body-large: 0;
583
+ --wds-paragraph-spacing-body-large: 0.5rem;
584
+
585
+ --wds-font-weight-body-regular: 400;
586
+ --wds-font-weight-body-bold: 700;
587
+ --wds-font-size-body: 0.875rem;
588
+ --wds-line-height-body: 1.5714;
589
+ --wds-letter-spacing-body: 0;
590
+ --wds-paragraph-spacing-body: 0.5rem;
591
+
592
+ --wds-font-weight-nav-regular: 500;
593
+ --wds-font-weight-nav-bold: 700;
594
+ --wds-font-size-nav: 0.75rem;
595
+ --wds-line-height-nav: 1.5;
596
+ --wds-letter-spacing-nav: 0;
597
+ }
598
+
599
+ :lang(zh-CN),
600
+ :lang(zh-HK) {
601
+ --wds-font-family-display: 'Noto Sans SC', sans-serif;
602
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans SC', sans-serif;
603
+ --wds-font-family-regular: 'Noto Sans SC', sans-serif;
604
+
605
+ --wds-font-weight-display-large: 700;
606
+ --wds-font-size-display-large: 3.5rem;
607
+ --wds-line-height-display-large: 1.2;
608
+ --wds-letter-spacing-display-large: 0;
609
+
610
+ --wds-font-weight-display-medium: 700;
611
+ --wds-font-size-display-medium: 3rem;
612
+ --wds-line-height-display-medium: 1.2;
613
+ --wds-letter-spacing-display-medium: 0;
614
+
615
+ --wds-font-weight-display-small: 700;
616
+ --wds-font-size-display-small: 2.5rem;
617
+ --wds-line-height-display-small: 1.2;
618
+ --wds-letter-spacing-display-small: 0;
619
+
620
+ --wds-font-weight-display-number-small: 700;
621
+ --wds-font-size-display-number-small: 2.5rem;
622
+ --wds-line-height-display-number-small: 1.2;
623
+ --wds-letter-spacing-display-number-small: 0;
624
+
625
+ --wds-font-weight-display-number-medium: 800;
626
+ --wds-font-size-display-number-medium: 3.25rem;
627
+ --wds-line-height-display-number-medium: 0.8462;
628
+ --wds-letter-spacing-display-number-medium: 0;
629
+
630
+ --wds-font-weight-display-number-large: 800;
631
+ --wds-font-size-display-number-large: 6.25rem;
632
+ --wds-line-height-display-number-large: 0.85;
633
+ --wds-letter-spacing-display-number-large: 0;
634
+
635
+ --wds-font-weight-title-screen: 700;
636
+ --wds-font-size-title-screen: 1.875rem;
637
+ --wds-line-height-title-screen: 1.1333;
638
+ --wds-letter-spacing-title-screen: 0;
639
+ --wds-paragraph-spacing-title-screen: 0.5rem;
640
+
641
+ --wds-font-weight-title-section: 700;
642
+ --wds-font-size-title-section: 1.625rem;
643
+ --wds-line-height-title-section: 1.2308;
644
+ --wds-letter-spacing-title-section: 0;
645
+ --wds-paragraph-spacing-title-section: 0.5rem;
646
+
647
+ --wds-font-weight-title-subsection: 700;
648
+ --wds-font-size-title-subsection: 1.375rem;
649
+ --wds-line-height-title-subsection: 1.2727;
650
+ --wds-letter-spacing-title-subsection: 0;
651
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
652
+
653
+ --wds-font-weight-title-body: 700;
654
+ --wds-font-size-title-body: 1.125rem;
655
+ --wds-line-height-title-body: 1.3333;
656
+ --wds-letter-spacing-title-body: 0;
657
+ --wds-paragraph-spacing-title-body: 0.5rem;
658
+
659
+ --wds-font-weight-title-group: 700;
660
+ --wds-font-size-title-group: 0.875rem;
661
+ --wds-line-height-title-group: 1.4286;
662
+ --wds-letter-spacing-title-group: 0;
663
+ --wds-paragraph-spacing-title-group: 0;
664
+
665
+ --wds-font-weight-body-large-regular: 400;
666
+ --wds-font-weight-body-large-bold: 700;
667
+ --wds-font-size-body-large: 1rem;
668
+ --wds-line-height-body-large: 1.5;
669
+ --wds-letter-spacing-body-large: 0;
670
+ --wds-paragraph-spacing-body-large: 0.5rem;
671
+
672
+ --wds-font-weight-body-regular: 400;
673
+ --wds-font-weight-body-bold: 700;
674
+ --wds-font-size-body: 0.875rem;
675
+ --wds-line-height-body: 1.5714;
676
+ --wds-letter-spacing-body: 0;
677
+ --wds-paragraph-spacing-body: 0.5rem;
678
+
679
+ --wds-font-weight-nav-regular: 500;
680
+ --wds-font-weight-nav-bold: 700;
681
+ --wds-font-size-nav: 0.75rem;
682
+ --wds-line-height-nav: 1.5;
683
+ --wds-letter-spacing-nav: 0;
684
+ }
685
+
686
+ :lang(th) {
687
+ --wds-font-family-display: 'Noto Sans Thai', sans-serif;
688
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Thai', sans-serif;
689
+ --wds-font-family-regular: 'Noto Sans Thai', sans-serif;
690
+
691
+ --wds-font-weight-display-large: 700;
692
+ --wds-font-size-display-large: 3.5rem;
693
+ --wds-line-height-display-large: 1.3036;
694
+ --wds-letter-spacing-display-large: 0;
695
+
696
+ --wds-font-weight-display-medium: 700;
697
+ --wds-font-size-display-medium: 3rem;
698
+ --wds-line-height-display-medium: 1.2917;
699
+ --wds-letter-spacing-display-medium: 0;
700
+
701
+ --wds-font-weight-display-small: 700;
702
+ --wds-font-size-display-small: 2.5rem;
703
+ --wds-line-height-display-small: 1.3;
704
+ --wds-letter-spacing-display-small: 0;
705
+
706
+ --wds-font-weight-display-number-small: 700;
707
+ --wds-font-size-display-number-small: 2.5rem;
708
+ --wds-line-height-display-number-small: 1.3;
709
+ --wds-letter-spacing-display-number-small: 0;
710
+
711
+ --wds-font-weight-display-number-medium: 800;
712
+ --wds-font-size-display-number-medium: 3.25rem;
713
+ --wds-line-height-display-number-medium: 0.8462;
714
+ --wds-letter-spacing-display-number-medium: 0;
715
+
716
+ --wds-font-weight-display-number-large: 800;
717
+ --wds-font-size-display-number-large: 6.25rem;
718
+ --wds-line-height-display-number-large: 0.85;
719
+ --wds-letter-spacing-display-number-large: 0;
720
+
721
+ --wds-font-weight-title-screen: 700;
722
+ --wds-font-size-title-screen: 1.875rem;
723
+ --wds-line-height-title-screen: 1.1333;
724
+ --wds-letter-spacing-title-screen: 0;
725
+ --wds-paragraph-spacing-title-screen: 0.5rem;
726
+
727
+ --wds-font-weight-title-section: 700;
728
+ --wds-font-size-title-section: 1.625rem;
729
+ --wds-line-height-title-section: 1.2308;
730
+ --wds-letter-spacing-title-section: 0;
731
+ --wds-paragraph-spacing-title-section: 0.5rem;
732
+
733
+ --wds-font-weight-title-subsection: 700;
734
+ --wds-font-size-title-subsection: 1.375rem;
735
+ --wds-line-height-title-subsection: 1.2727;
736
+ --wds-letter-spacing-title-subsection: 0;
737
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
738
+
739
+ --wds-font-weight-title-body: 700;
740
+ --wds-font-size-title-body: 1.125rem;
741
+ --wds-line-height-title-body: 1.3333;
742
+ --wds-letter-spacing-title-body: 0;
743
+ --wds-paragraph-spacing-title-body: 0.5rem;
744
+
745
+ --wds-font-weight-title-group: 700;
746
+ --wds-font-size-title-group: 0.875rem;
747
+ --wds-line-height-title-group: 1.4286;
748
+ --wds-letter-spacing-title-group: 0;
749
+ --wds-paragraph-spacing-title-group: 0;
750
+
751
+ --wds-font-weight-body-large-regular: 400;
752
+ --wds-font-weight-body-large-bold: 700;
753
+ --wds-font-size-body-large: 1rem;
754
+ --wds-line-height-body-large: 1.5;
755
+ --wds-letter-spacing-body-large: 0;
756
+ --wds-paragraph-spacing-body-large: 0.5rem;
757
+
758
+ --wds-font-weight-body-regular: 400;
759
+ --wds-font-weight-body-bold: 700;
760
+ --wds-font-size-body: 0.875rem;
761
+ --wds-line-height-body: 1.5714;
762
+ --wds-letter-spacing-body: 0;
763
+ --wds-paragraph-spacing-body: 0.5rem;
764
+
765
+ --wds-font-weight-nav-regular: 500;
766
+ --wds-font-weight-nav-bold: 700;
767
+ --wds-font-size-nav: 0.75rem;
768
+ --wds-line-height-nav: 1.5;
769
+ --wds-letter-spacing-nav: 0;
770
+ }
771
+
772
+ :lang(ko) {
773
+ --wds-font-family-display: 'Noto Sans KR', sans-serif;
774
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans KR', sans-serif;
775
+ --wds-font-family-regular: 'Noto Sans KR', sans-serif;
776
+
777
+ --wds-font-weight-display-large: 700;
778
+ --wds-font-size-display-large: 3.5rem;
779
+ --wds-line-height-display-large: 1.2;
780
+ --wds-letter-spacing-display-large: 0;
781
+
782
+ --wds-font-weight-display-medium: 700;
783
+ --wds-font-size-display-medium: 3rem;
784
+ --wds-line-height-display-medium: 1.2;
785
+ --wds-letter-spacing-display-medium: 0;
786
+
787
+ --wds-font-weight-display-small: 700;
788
+ --wds-font-size-display-small: 2.5rem;
789
+ --wds-line-height-display-small: 1.2;
790
+ --wds-letter-spacing-display-small: 0;
791
+
792
+ --wds-font-weight-display-number-small: 700;
793
+ --wds-font-size-display-number-small: 2.5rem;
794
+ --wds-line-height-display-number-small: 1.2;
795
+ --wds-letter-spacing-display-number-small: 0;
796
+
797
+ --wds-font-weight-display-number-medium: 800;
798
+ --wds-font-size-display-number-medium: 3.25rem;
799
+ --wds-line-height-display-number-medium: 0.8462;
800
+ --wds-letter-spacing-display-number-medium: 0;
801
+
802
+ --wds-font-weight-display-number-large: 800;
803
+ --wds-font-size-display-number-large: 6.25rem;
804
+ --wds-line-height-display-number-large: 0.85;
805
+ --wds-letter-spacing-display-number-large: 0;
806
+
807
+ --wds-font-weight-title-screen: 700;
808
+ --wds-font-size-title-screen: 1.875rem;
809
+ --wds-line-height-title-screen: 1.1333;
810
+ --wds-letter-spacing-title-screen: 0;
811
+ --wds-paragraph-spacing-title-screen: 0.5rem;
812
+
813
+ --wds-font-weight-title-section: 700;
814
+ --wds-font-size-title-section: 1.625rem;
815
+ --wds-line-height-title-section: 1.2308;
816
+ --wds-letter-spacing-title-section: 0;
817
+ --wds-paragraph-spacing-title-section: 0.5rem;
818
+
819
+ --wds-font-weight-title-subsection: 700;
820
+ --wds-font-size-title-subsection: 1.375rem;
821
+ --wds-line-height-title-subsection: 1.2727;
822
+ --wds-letter-spacing-title-subsection: 0;
823
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
824
+
825
+ --wds-font-weight-title-body: 700;
826
+ --wds-font-size-title-body: 1.125rem;
827
+ --wds-line-height-title-body: 1.3333;
828
+ --wds-letter-spacing-title-body: 0;
829
+ --wds-paragraph-spacing-title-body: 0.5rem;
830
+
831
+ --wds-font-weight-title-group: 700;
832
+ --wds-font-size-title-group: 0.875rem;
833
+ --wds-line-height-title-group: 1.4286;
834
+ --wds-letter-spacing-title-group: 0;
835
+ --wds-paragraph-spacing-title-group: 0;
836
+
837
+ --wds-font-weight-body-large-regular: 400;
838
+ --wds-font-weight-body-large-bold: 700;
839
+ --wds-font-size-body-large: 1rem;
840
+ --wds-line-height-body-large: 1.5;
841
+ --wds-letter-spacing-body-large: 0;
842
+ --wds-paragraph-spacing-body-large: 0.5rem;
843
+
844
+ --wds-font-weight-body-regular: 400;
845
+ --wds-font-weight-body-bold: 700;
846
+ --wds-font-size-body: 0.875rem;
847
+ --wds-line-height-body: 1.5714;
848
+ --wds-letter-spacing-body: 0;
849
+ --wds-paragraph-spacing-body: 0.5rem;
850
+
851
+ --wds-font-weight-nav-regular: 500;
852
+ --wds-font-weight-nav-bold: 700;
853
+ --wds-font-size-nav: 0.75rem;
854
+ --wds-line-height-nav: 1.5;
855
+ --wds-letter-spacing-nav: 0;
856
+ }
857
+
858
+ :lang(he) {
859
+ --wds-font-family-display: 'Noto Sans Hebrew', sans-serif;
860
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Hebrew', sans-serif;
861
+ --wds-font-family-regular: 'Noto Sans Hebrew', sans-serif;
862
+
863
+ --wds-font-weight-display-large: 700;
864
+ --wds-font-size-display-large: 4rem;
865
+ --wds-line-height-display-large: 1.2031;
866
+ --wds-letter-spacing-display-large: 0;
867
+
868
+ --wds-font-weight-display-medium: 700;
869
+ --wds-font-size-display-medium: 3.25rem;
870
+ --wds-line-height-display-medium: 1.1923;
871
+ --wds-letter-spacing-display-medium: 0;
872
+
873
+ --wds-font-weight-display-small: 700;
874
+ --wds-font-size-display-small: 2.5rem;
875
+ --wds-line-height-display-small: 1.2;
876
+ --wds-letter-spacing-display-small: 0;
877
+
878
+ --wds-font-weight-display-number-small: 700;
879
+ --wds-font-size-display-number-small: 2.5rem;
880
+ --wds-line-height-display-number-small: 1.2;
881
+ --wds-letter-spacing-display-number-small: 0;
882
+
883
+ --wds-font-weight-display-number-medium: 800;
884
+ --wds-font-size-display-number-medium: 3.25rem;
885
+ --wds-line-height-display-number-medium: 0.8462;
886
+ --wds-letter-spacing-display-number-medium: 0;
887
+
888
+ --wds-font-weight-display-number-large: 800;
889
+ --wds-font-size-display-number-large: 6.25rem;
890
+ --wds-line-height-display-number-large: 0.85;
891
+ --wds-letter-spacing-display-number-large: 0;
892
+
893
+ --wds-font-weight-title-screen: 700;
894
+ --wds-font-size-title-screen: 1.875rem;
895
+ --wds-line-height-title-screen: 1.2;
896
+ --wds-letter-spacing-title-screen: 0;
897
+ --wds-paragraph-spacing-title-screen: 0.5rem;
898
+
899
+ --wds-font-weight-title-section: 700;
900
+ --wds-font-size-title-section: 1.625rem;
901
+ --wds-line-height-title-section: 1.2308;
902
+ --wds-letter-spacing-title-section: 0;
903
+ --wds-paragraph-spacing-title-section: 0.5rem;
904
+
905
+ --wds-font-weight-title-subsection: 700;
906
+ --wds-font-size-title-subsection: 1.375rem;
907
+ --wds-line-height-title-subsection: 1.2727;
908
+ --wds-letter-spacing-title-subsection: 0;
909
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
910
+
911
+ --wds-font-weight-title-body: 700;
912
+ --wds-font-size-title-body: 1.125rem;
913
+ --wds-line-height-title-body: 1.3333;
914
+ --wds-letter-spacing-title-body: 0;
915
+ --wds-paragraph-spacing-title-body: 0.5rem;
916
+
917
+ --wds-font-weight-title-group: 700;
918
+ --wds-font-size-title-group: 0.875rem;
919
+ --wds-line-height-title-group: 1.4286;
920
+ --wds-letter-spacing-title-group: 0;
921
+ --wds-paragraph-spacing-title-group: 0;
922
+
923
+ --wds-font-weight-body-large-regular: 400;
924
+ --wds-font-weight-body-large-bold: 700;
925
+ --wds-font-size-body-large: 1rem;
926
+ --wds-line-height-body-large: 1.5;
927
+ --wds-letter-spacing-body-large: 0;
928
+ --wds-paragraph-spacing-body-large: 0.5rem;
929
+
930
+ --wds-font-weight-body-regular: 400;
931
+ --wds-font-weight-body-bold: 700;
932
+ --wds-font-size-body: 0.875rem;
933
+ --wds-line-height-body: 1.5714;
934
+ --wds-letter-spacing-body: 0;
935
+ --wds-paragraph-spacing-body: 0.5rem;
936
+
937
+ --wds-font-weight-nav-regular: 500;
938
+ --wds-font-weight-nav-bold: 700;
939
+ --wds-font-size-nav: 0.75rem;
940
+ --wds-line-height-nav: 1.5;
941
+ --wds-letter-spacing-nav: 0;
942
+ }
943
+
144
944
  /**
145
945
  * Do not edit directly, this file was auto-generated.
146
946
  */
@@ -274,54 +1074,6 @@
274
1074
  --space-medium: 32px;
275
1075
  --space-large: 40px;
276
1076
  --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;
325
1077
  }
326
1078
 
327
1079
  /**
@@ -457,54 +1209,6 @@
457
1209
  --space-medium: 32px;
458
1210
  --space-large: 40px;
459
1211
  --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;
508
1212
  }
509
1213
 
510
1214
  /**
@@ -640,54 +1344,6 @@
640
1344
  --space-medium: 32px;
641
1345
  --space-large: 40px;
642
1346
  --space-x-large: 56px;
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
1347
  }
692
1348
 
693
1349
  /**
@@ -823,54 +1479,6 @@
823
1479
  --space-medium: 32px;
824
1480
  --space-large: 40px;
825
1481
  --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;
874
1482
  }
875
1483
 
876
1484
  /**
@@ -1006,54 +1614,6 @@
1006
1614
  --space-medium: 32px;
1007
1615
  --space-large: 40px;
1008
1616
  --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;
1057
1617
  }
1058
1618
 
1059
1619
  /**
@@ -1189,54 +1749,6 @@
1189
1749
  --space-medium: 32px;
1190
1750
  --space-large: 40px;
1191
1751
  --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;
1240
1752
  }
1241
1753
 
1242
1754
  /**
@@ -1373,54 +1885,6 @@
1373
1885
  --space-medium: 32px;
1374
1886
  --space-large: 40px;
1375
1887
  --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;
1424
1888
  }
1425
1889
 
1426
1890
  /**
@@ -1557,54 +2021,6 @@
1557
2021
  --space-medium: 32px;
1558
2022
  --space-large: 40px;
1559
2023
  --space-x-large: 56px;
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
2024
  }
1609
2025
 
1610
2026
  /**
@@ -1741,54 +2157,6 @@
1741
2157
  --space-medium: 32px;
1742
2158
  --space-large: 40px;
1743
2159
  --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;
1792
2160
  }
1793
2161
 
1794
2162
  /**
@@ -1925,56 +2293,1184 @@
1925
2293
  --space-medium: 32px;
1926
2294
  --space-large: 40px;
1927
2295
  --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;
1976
2296
  }
1977
-
2297
+
2298
+ /**
2299
+ * Do not edit directly, this file was auto-generated.
2300
+ */
2301
+
2302
+
2303
+ :root {
2304
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2305
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
2306
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2307
+
2308
+ --wds-font-weight-display-large: 800;
2309
+ --wds-font-size-display-large: 4rem;
2310
+ --wds-line-height-display-large: 0.85;
2311
+ --wds-letter-spacing-display-large: 0;
2312
+
2313
+ --wds-font-weight-display-medium: 800;
2314
+ --wds-font-size-display-medium: 3.25rem;
2315
+ --wds-line-height-display-medium: 0.8115;
2316
+ --wds-letter-spacing-display-medium: 0;
2317
+
2318
+ --wds-font-weight-display-small: 800;
2319
+ --wds-font-size-display-small: 2.5rem;
2320
+ --wds-line-height-display-small: 0.85;
2321
+ --wds-letter-spacing-display-small: 0;
2322
+
2323
+ --wds-font-weight-display-number-small: 600;
2324
+ --wds-font-size-display-number-small: 2.5rem;
2325
+ --wds-line-height-display-number-small: 1.1;
2326
+ --wds-letter-spacing-display-number-small: -0.022em;
2327
+
2328
+ --wds-font-weight-display-number-medium: 800;
2329
+ --wds-font-size-display-number-medium: 3.25rem;
2330
+ --wds-line-height-display-number-medium: 0.8462;
2331
+ --wds-letter-spacing-display-number-medium: 0;
2332
+
2333
+ --wds-font-weight-display-number-large: 800;
2334
+ --wds-font-size-display-number-large: 6.25rem;
2335
+ --wds-line-height-display-number-large: 0.85;
2336
+ --wds-letter-spacing-display-number-large: 0;
2337
+
2338
+ --wds-font-weight-title-screen: 600;
2339
+ --wds-font-size-title-screen: 1.875rem;
2340
+ --wds-line-height-title-screen: 1.15;
2341
+ --wds-letter-spacing-title-screen: -0.021em;
2342
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2343
+
2344
+ --wds-font-weight-title-section: 600;
2345
+ --wds-font-size-title-section: 1.625rem;
2346
+ --wds-line-height-title-section: 1.22;
2347
+ --wds-letter-spacing-title-section: -0.02em;
2348
+ --wds-paragraph-spacing-title-section: 0.5rem;
2349
+
2350
+ --wds-font-weight-title-subsection: 600;
2351
+ --wds-font-size-title-subsection: 1.375rem;
2352
+ --wds-line-height-title-subsection: 1.25;
2353
+ --wds-letter-spacing-title-subsection: -0.018em;
2354
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2355
+
2356
+ --wds-font-weight-title-body: 600;
2357
+ --wds-font-size-title-body: 1.125rem;
2358
+ --wds-line-height-title-body: 1.35;
2359
+ --wds-letter-spacing-title-body: -0.014em;
2360
+ --wds-paragraph-spacing-title-body: 0.5rem;
2361
+
2362
+ --wds-font-weight-title-group: 500;
2363
+ --wds-font-size-title-group: 0.875rem;
2364
+ --wds-line-height-title-group: 1.4;
2365
+ --wds-letter-spacing-title-group: -0.018em;
2366
+ --wds-paragraph-spacing-title-group: 0.5rem;
2367
+
2368
+ --wds-font-weight-body-large-regular: 400;
2369
+ --wds-font-weight-body-large-bold: 600;
2370
+ --wds-font-size-body-large: 1rem;
2371
+ --wds-line-height-body-large: 1.5;
2372
+ --wds-letter-spacing-body-large: -0.011em;
2373
+ --wds-paragraph-spacing-body-large: 0.5rem;
2374
+
2375
+ --wds-font-weight-body-regular: 400;
2376
+ --wds-font-weight-body-bold: 600;
2377
+ --wds-font-size-body: 0.875rem;
2378
+ --wds-line-height-body: 1.55;
2379
+ --wds-letter-spacing-body: -0.006em;
2380
+ --wds-paragraph-spacing-body: 0.5rem;
2381
+
2382
+ --wds-font-weight-nav-regular: 400;
2383
+ --wds-font-weight-nav-bold: 600;
2384
+ --wds-font-size-nav: 0.75rem;
2385
+ --wds-line-height-nav: 1.5;
2386
+ --wds-letter-spacing-nav: 0;
2387
+ }
2388
+
2389
+ :lang(ar) {
2390
+ --wds-font-family-display: 'Rubik', sans-serif;
2391
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Vazirmatn', sans-serif;
2392
+ --wds-font-family-regular: 'Vazirmatn', sans-serif;
2393
+
2394
+ --wds-font-weight-display-large: 900;
2395
+ --wds-font-size-display-large: 4rem;
2396
+ --wds-line-height-display-large: 1.45;
2397
+ --wds-letter-spacing-display-large: 0;
2398
+
2399
+ --wds-font-weight-display-medium: 900;
2400
+ --wds-font-size-display-medium: 3.25rem;
2401
+ --wds-line-height-display-medium: 1.45;
2402
+ --wds-letter-spacing-display-medium: 0;
2403
+
2404
+ --wds-font-weight-display-small: 900;
2405
+ --wds-font-size-display-small: 2.6875rem;
2406
+ --wds-line-height-display-small: 1.4498;
2407
+ --wds-letter-spacing-display-small: 0;
2408
+
2409
+ --wds-font-weight-display-number-small: 600;
2410
+ --wds-font-size-display-number-small: 2.6875rem;
2411
+ --wds-line-height-display-number-small: 1.24;
2412
+ --wds-letter-spacing-display-number-small: 0;
2413
+
2414
+ --wds-font-weight-display-number-medium: 800;
2415
+ --wds-font-size-display-number-medium: 3.25rem;
2416
+ --wds-line-height-display-number-medium: 0.8;
2417
+ --wds-letter-spacing-display-number-medium: 0;
2418
+
2419
+ --wds-font-weight-display-number-large: 800;
2420
+ --wds-font-size-display-number-large: 6.25rem;
2421
+ --wds-line-height-display-number-large: 0.85;
2422
+ --wds-letter-spacing-display-number-large: 0;
2423
+
2424
+ --wds-font-weight-title-screen: 600;
2425
+ --wds-font-size-title-screen: 2.125rem;
2426
+ --wds-line-height-title-screen: 1.6;
2427
+ --wds-letter-spacing-title-screen: 0;
2428
+ --wds-paragraph-spacing-title-screen: 0.875rem;
2429
+
2430
+ --wds-font-weight-title-section: 600;
2431
+ --wds-font-size-title-section: 1.875rem;
2432
+ --wds-line-height-title-section: 1.68;
2433
+ --wds-letter-spacing-title-section: 0;
2434
+ --wds-paragraph-spacing-title-section: 0.875rem;
2435
+
2436
+ --wds-font-weight-title-subsection: 600;
2437
+ --wds-font-size-title-subsection: 1.625rem;
2438
+ --wds-line-height-title-subsection: 1.74;
2439
+ --wds-letter-spacing-title-subsection: 0;
2440
+ --wds-paragraph-spacing-title-subsection: 0.875rem;
2441
+
2442
+ --wds-font-weight-title-body: 600;
2443
+ --wds-font-size-title-body: 1.375rem;
2444
+ --wds-line-height-title-body: 1.84;
2445
+ --wds-letter-spacing-title-body: 0;
2446
+ --wds-paragraph-spacing-title-body: 0.875rem;
2447
+
2448
+ --wds-font-weight-title-group: 500;
2449
+ --wds-font-size-title-group: 1.0625rem;
2450
+ --wds-line-height-title-group: 1.9;
2451
+ --wds-letter-spacing-title-group: 0;
2452
+ --wds-paragraph-spacing-title-group: 0.875rem;
2453
+
2454
+ --wds-font-weight-body-large-regular: 300;
2455
+ --wds-font-weight-body-large-bold: 600;
2456
+ --wds-font-size-body-large: 1.1875rem;
2457
+ --wds-line-height-body-large: 1.75;
2458
+ --wds-letter-spacing-body-large: 0;
2459
+ --wds-paragraph-spacing-body-large: 0.875rem;
2460
+
2461
+ --wds-font-weight-body-regular: 300;
2462
+ --wds-font-weight-body-bold: 600;
2463
+ --wds-font-size-body: 1.0625rem;
2464
+ --wds-line-height-body: 1.8;
2465
+ --wds-letter-spacing-body: 0;
2466
+ --wds-paragraph-spacing-body: 0.875rem;
2467
+
2468
+ --wds-font-weight-nav-regular: 300;
2469
+ --wds-font-weight-nav-bold: 600;
2470
+ --wds-font-size-nav: 0.9375rem;
2471
+ --wds-line-height-nav: 1.9;
2472
+ --wds-letter-spacing-nav: 0;
2473
+ }
2474
+
2475
+ :lang(fr),
2476
+ :lang(de),
2477
+ :lang(es),
2478
+ :lang(pt),
2479
+ :lang(it),
2480
+ :lang(nl),
2481
+ :lang(pl),
2482
+ :lang(ro),
2483
+ :lang(cs),
2484
+ :lang(hu),
2485
+ :lang(tr),
2486
+ :lang(id) {
2487
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2488
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
2489
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2490
+
2491
+ --wds-font-weight-display-large: 800;
2492
+ --wds-font-size-display-large: 4rem;
2493
+ --wds-line-height-display-large: 1.05;
2494
+ --wds-letter-spacing-display-large: 0;
2495
+
2496
+ --wds-font-weight-display-medium: 800;
2497
+ --wds-font-size-display-medium: 3.25rem;
2498
+ --wds-line-height-display-medium: 1.05;
2499
+ --wds-letter-spacing-display-medium: 0;
2500
+
2501
+ --wds-font-weight-display-small: 800;
2502
+ --wds-font-size-display-small: 2.5rem;
2503
+ --wds-line-height-display-small: 1.05;
2504
+ --wds-letter-spacing-display-small: 0;
2505
+
2506
+ --wds-font-weight-display-number-small: 600;
2507
+ --wds-font-size-display-number-small: 2.5rem;
2508
+ --wds-line-height-display-number-small: 1.1;
2509
+ --wds-letter-spacing-display-number-small: -0.022em;
2510
+
2511
+ --wds-font-weight-display-number-medium: 800;
2512
+ --wds-font-size-display-number-medium: 3.25rem;
2513
+ --wds-line-height-display-number-medium: 0.8462;
2514
+ --wds-letter-spacing-display-number-medium: 0;
2515
+
2516
+ --wds-font-weight-display-number-large: 800;
2517
+ --wds-font-size-display-number-large: 6.25rem;
2518
+ --wds-line-height-display-number-large: 0.85;
2519
+ --wds-letter-spacing-display-number-large: 0;
2520
+
2521
+ --wds-font-weight-title-screen: 600;
2522
+ --wds-font-size-title-screen: 1.875rem;
2523
+ --wds-line-height-title-screen: 1.15;
2524
+ --wds-letter-spacing-title-screen: -0.021em;
2525
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2526
+
2527
+ --wds-font-weight-title-section: 600;
2528
+ --wds-font-size-title-section: 1.625rem;
2529
+ --wds-line-height-title-section: 1.22;
2530
+ --wds-letter-spacing-title-section: -0.02em;
2531
+ --wds-paragraph-spacing-title-section: 0.5rem;
2532
+
2533
+ --wds-font-weight-title-subsection: 600;
2534
+ --wds-font-size-title-subsection: 1.375rem;
2535
+ --wds-line-height-title-subsection: 1.25;
2536
+ --wds-letter-spacing-title-subsection: -0.018em;
2537
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2538
+
2539
+ --wds-font-weight-title-body: 600;
2540
+ --wds-font-size-title-body: 1.125rem;
2541
+ --wds-line-height-title-body: 1.35;
2542
+ --wds-letter-spacing-title-body: -0.014em;
2543
+ --wds-paragraph-spacing-title-body: 0.5rem;
2544
+
2545
+ --wds-font-weight-title-group: 500;
2546
+ --wds-font-size-title-group: 0.875rem;
2547
+ --wds-line-height-title-group: 1.4;
2548
+ --wds-letter-spacing-title-group: -0.018em;
2549
+ --wds-paragraph-spacing-title-group: 0.5rem;
2550
+
2551
+ --wds-font-weight-body-large-regular: 400;
2552
+ --wds-font-weight-body-large-bold: 600;
2553
+ --wds-font-size-body-large: 1rem;
2554
+ --wds-line-height-body-large: 1.5;
2555
+ --wds-letter-spacing-body-large: -0.011em;
2556
+ --wds-paragraph-spacing-body-large: 0.5rem;
2557
+
2558
+ --wds-font-weight-body-regular: 400;
2559
+ --wds-font-weight-body-bold: 600;
2560
+ --wds-font-size-body: 0.875rem;
2561
+ --wds-line-height-body: 1.55;
2562
+ --wds-letter-spacing-body: -0.006em;
2563
+ --wds-paragraph-spacing-body: 0.5rem;
2564
+
2565
+ --wds-font-weight-nav-regular: 400;
2566
+ --wds-font-weight-nav-bold: 600;
2567
+ --wds-font-size-nav: 0.75rem;
2568
+ --wds-line-height-nav: 1.5;
2569
+ --wds-letter-spacing-nav: 0;
2570
+ }
2571
+
2572
+ :lang(el),
2573
+ :lang(ru),
2574
+ :lang(uk) {
2575
+ --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
2576
+ --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
2577
+ --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2578
+
2579
+ --wds-font-weight-display-large: 800;
2580
+ --wds-font-size-display-large: 3.75rem;
2581
+ --wds-line-height-display-large: 1.2;
2582
+ --wds-letter-spacing-display-large: 0;
2583
+
2584
+ --wds-font-weight-display-medium: 800;
2585
+ --wds-font-size-display-medium: 3rem;
2586
+ --wds-line-height-display-medium: 1.2;
2587
+ --wds-letter-spacing-display-medium: 0;
2588
+
2589
+ --wds-font-weight-display-small: 800;
2590
+ --wds-font-size-display-small: 2.5rem;
2591
+ --wds-line-height-display-small: 1.2;
2592
+ --wds-letter-spacing-display-small: 0;
2593
+
2594
+ --wds-font-weight-display-number-small: 600;
2595
+ --wds-font-size-display-number-small: 2.5rem;
2596
+ --wds-line-height-display-number-small: 1.1;
2597
+ --wds-letter-spacing-display-number-small: -0.022em;
2598
+
2599
+ --wds-font-weight-display-number-medium: 800;
2600
+ --wds-font-size-display-number-medium: 3.25rem;
2601
+ --wds-line-height-display-number-medium: 0.8462;
2602
+ --wds-letter-spacing-display-number-medium: 0;
2603
+
2604
+ --wds-font-weight-display-number-large: 800;
2605
+ --wds-font-size-display-number-large: 6.25rem;
2606
+ --wds-line-height-display-number-large: 0.85;
2607
+ --wds-letter-spacing-display-number-large: 0;
2608
+
2609
+ --wds-font-weight-title-screen: 600;
2610
+ --wds-font-size-title-screen: 1.875rem;
2611
+ --wds-line-height-title-screen: 1.15;
2612
+ --wds-letter-spacing-title-screen: -0.021em;
2613
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2614
+
2615
+ --wds-font-weight-title-section: 600;
2616
+ --wds-font-size-title-section: 1.625rem;
2617
+ --wds-line-height-title-section: 1.22;
2618
+ --wds-letter-spacing-title-section: -0.02em;
2619
+ --wds-paragraph-spacing-title-section: 0.5rem;
2620
+
2621
+ --wds-font-weight-title-subsection: 600;
2622
+ --wds-font-size-title-subsection: 1.375rem;
2623
+ --wds-line-height-title-subsection: 1.25;
2624
+ --wds-letter-spacing-title-subsection: -0.018em;
2625
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2626
+
2627
+ --wds-font-weight-title-body: 600;
2628
+ --wds-font-size-title-body: 1.125rem;
2629
+ --wds-line-height-title-body: 1.35;
2630
+ --wds-letter-spacing-title-body: -0.014em;
2631
+ --wds-paragraph-spacing-title-body: 0.5rem;
2632
+
2633
+ --wds-font-weight-title-group: 500;
2634
+ --wds-font-size-title-group: 0.875rem;
2635
+ --wds-line-height-title-group: 1.4;
2636
+ --wds-letter-spacing-title-group: -0.018em;
2637
+ --wds-paragraph-spacing-title-group: 0.5rem;
2638
+
2639
+ --wds-font-weight-body-large-regular: 400;
2640
+ --wds-font-weight-body-large-bold: 600;
2641
+ --wds-font-size-body-large: 1rem;
2642
+ --wds-line-height-body-large: 1.5;
2643
+ --wds-letter-spacing-body-large: -0.011em;
2644
+ --wds-paragraph-spacing-body-large: 0.5rem;
2645
+
2646
+ --wds-font-weight-body-regular: 400;
2647
+ --wds-font-weight-body-bold: 600;
2648
+ --wds-font-size-body: 0.875rem;
2649
+ --wds-line-height-body: 1.55;
2650
+ --wds-letter-spacing-body: -0.006em;
2651
+ --wds-paragraph-spacing-body: 0.5rem;
2652
+
2653
+ --wds-font-weight-nav-regular: 400;
2654
+ --wds-font-weight-nav-bold: 600;
2655
+ --wds-font-size-nav: 0.75rem;
2656
+ --wds-line-height-nav: 1.5;
2657
+ --wds-letter-spacing-nav: 0;
2658
+ }
2659
+
2660
+ :lang(ja) {
2661
+ --wds-font-family-display: 'Zen Kaku Gothic Antique', sans-serif;
2662
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Zen Kaku Gothic Antique', sans-serif;
2663
+ --wds-font-family-regular: 'Zen Kaku Gothic Antique', sans-serif;
2664
+
2665
+ --wds-font-weight-display-large: 900;
2666
+ --wds-font-size-display-large: 3.5rem;
2667
+ --wds-line-height-display-large: 1.2;
2668
+ --wds-letter-spacing-display-large: 0;
2669
+
2670
+ --wds-font-weight-display-medium: 900;
2671
+ --wds-font-size-display-medium: 3rem;
2672
+ --wds-line-height-display-medium: 1.2;
2673
+ --wds-letter-spacing-display-medium: 0;
2674
+
2675
+ --wds-font-weight-display-small: 900;
2676
+ --wds-font-size-display-small: 2.5rem;
2677
+ --wds-line-height-display-small: 1.2;
2678
+ --wds-letter-spacing-display-small: 0;
2679
+
2680
+ --wds-font-weight-display-number-small: 900;
2681
+ --wds-font-size-display-number-small: 2.5rem;
2682
+ --wds-line-height-display-number-small: 1.2;
2683
+ --wds-letter-spacing-display-number-small: 0;
2684
+
2685
+ --wds-font-weight-display-number-medium: 900;
2686
+ --wds-font-size-display-number-medium: 3.25rem;
2687
+ --wds-line-height-display-number-medium: 0.8;
2688
+ --wds-letter-spacing-display-number-medium: 0;
2689
+
2690
+ --wds-font-weight-display-number-large: 900;
2691
+ --wds-font-size-display-number-large: 6.25rem;
2692
+ --wds-line-height-display-number-large: 0.8;
2693
+ --wds-letter-spacing-display-number-large: 0;
2694
+
2695
+ --wds-font-weight-title-screen: 700;
2696
+ --wds-font-size-title-screen: 1.875rem;
2697
+ --wds-line-height-title-screen: 1.1333;
2698
+ --wds-letter-spacing-title-screen: 0;
2699
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2700
+
2701
+ --wds-font-weight-title-section: 700;
2702
+ --wds-font-size-title-section: 1.625rem;
2703
+ --wds-line-height-title-section: 1.2308;
2704
+ --wds-letter-spacing-title-section: 0;
2705
+ --wds-paragraph-spacing-title-section: 0.5rem;
2706
+
2707
+ --wds-font-weight-title-subsection: 700;
2708
+ --wds-font-size-title-subsection: 1.375rem;
2709
+ --wds-line-height-title-subsection: 1.2727;
2710
+ --wds-letter-spacing-title-subsection: 0;
2711
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2712
+
2713
+ --wds-font-weight-title-body: 700;
2714
+ --wds-font-size-title-body: 1.125rem;
2715
+ --wds-line-height-title-body: 1.3333;
2716
+ --wds-letter-spacing-title-body: 0;
2717
+ --wds-paragraph-spacing-title-body: 0.5rem;
2718
+
2719
+ --wds-font-weight-title-group: 700;
2720
+ --wds-font-size-title-group: 0.875rem;
2721
+ --wds-line-height-title-group: 1.4286;
2722
+ --wds-letter-spacing-title-group: 0;
2723
+ --wds-paragraph-spacing-title-group: 0;
2724
+
2725
+ --wds-font-weight-body-large-regular: 400;
2726
+ --wds-font-weight-body-large-bold: 700;
2727
+ --wds-font-size-body-large: 1rem;
2728
+ --wds-line-height-body-large: 1.5;
2729
+ --wds-letter-spacing-body-large: 0;
2730
+ --wds-paragraph-spacing-body-large: 0.5rem;
2731
+
2732
+ --wds-font-weight-body-regular: 400;
2733
+ --wds-font-weight-body-bold: 700;
2734
+ --wds-font-size-body: 0.875rem;
2735
+ --wds-line-height-body: 1.5714;
2736
+ --wds-letter-spacing-body: 0;
2737
+ --wds-paragraph-spacing-body: 0.5rem;
2738
+
2739
+ --wds-font-weight-nav-regular: 500;
2740
+ --wds-font-weight-nav-bold: 700;
2741
+ --wds-font-size-nav: 0.75rem;
2742
+ --wds-line-height-nav: 1.5;
2743
+ --wds-letter-spacing-nav: 0;
2744
+ }
2745
+
2746
+ :lang(zh-CN),
2747
+ :lang(zh-HK) {
2748
+ --wds-font-family-display: 'Noto Sans SC', sans-serif;
2749
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans SC', sans-serif;
2750
+ --wds-font-family-regular: 'Noto Sans SC', sans-serif;
2751
+
2752
+ --wds-font-weight-display-large: 700;
2753
+ --wds-font-size-display-large: 3.5rem;
2754
+ --wds-line-height-display-large: 1.2;
2755
+ --wds-letter-spacing-display-large: 0;
2756
+
2757
+ --wds-font-weight-display-medium: 700;
2758
+ --wds-font-size-display-medium: 3rem;
2759
+ --wds-line-height-display-medium: 1.2;
2760
+ --wds-letter-spacing-display-medium: 0;
2761
+
2762
+ --wds-font-weight-display-small: 700;
2763
+ --wds-font-size-display-small: 2.5rem;
2764
+ --wds-line-height-display-small: 1.2;
2765
+ --wds-letter-spacing-display-small: 0;
2766
+
2767
+ --wds-font-weight-display-number-small: 700;
2768
+ --wds-font-size-display-number-small: 2.5rem;
2769
+ --wds-line-height-display-number-small: 1.2;
2770
+ --wds-letter-spacing-display-number-small: 0;
2771
+
2772
+ --wds-font-weight-display-number-medium: 800;
2773
+ --wds-font-size-display-number-medium: 3.25rem;
2774
+ --wds-line-height-display-number-medium: 0.8462;
2775
+ --wds-letter-spacing-display-number-medium: 0;
2776
+
2777
+ --wds-font-weight-display-number-large: 800;
2778
+ --wds-font-size-display-number-large: 6.25rem;
2779
+ --wds-line-height-display-number-large: 0.85;
2780
+ --wds-letter-spacing-display-number-large: 0;
2781
+
2782
+ --wds-font-weight-title-screen: 700;
2783
+ --wds-font-size-title-screen: 1.875rem;
2784
+ --wds-line-height-title-screen: 1.1333;
2785
+ --wds-letter-spacing-title-screen: 0;
2786
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2787
+
2788
+ --wds-font-weight-title-section: 700;
2789
+ --wds-font-size-title-section: 1.625rem;
2790
+ --wds-line-height-title-section: 1.2308;
2791
+ --wds-letter-spacing-title-section: 0;
2792
+ --wds-paragraph-spacing-title-section: 0.5rem;
2793
+
2794
+ --wds-font-weight-title-subsection: 700;
2795
+ --wds-font-size-title-subsection: 1.375rem;
2796
+ --wds-line-height-title-subsection: 1.2727;
2797
+ --wds-letter-spacing-title-subsection: 0;
2798
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2799
+
2800
+ --wds-font-weight-title-body: 700;
2801
+ --wds-font-size-title-body: 1.125rem;
2802
+ --wds-line-height-title-body: 1.3333;
2803
+ --wds-letter-spacing-title-body: 0;
2804
+ --wds-paragraph-spacing-title-body: 0.5rem;
2805
+
2806
+ --wds-font-weight-title-group: 700;
2807
+ --wds-font-size-title-group: 0.875rem;
2808
+ --wds-line-height-title-group: 1.4286;
2809
+ --wds-letter-spacing-title-group: 0;
2810
+ --wds-paragraph-spacing-title-group: 0;
2811
+
2812
+ --wds-font-weight-body-large-regular: 400;
2813
+ --wds-font-weight-body-large-bold: 700;
2814
+ --wds-font-size-body-large: 1rem;
2815
+ --wds-line-height-body-large: 1.5;
2816
+ --wds-letter-spacing-body-large: 0;
2817
+ --wds-paragraph-spacing-body-large: 0.5rem;
2818
+
2819
+ --wds-font-weight-body-regular: 400;
2820
+ --wds-font-weight-body-bold: 700;
2821
+ --wds-font-size-body: 0.875rem;
2822
+ --wds-line-height-body: 1.5714;
2823
+ --wds-letter-spacing-body: 0;
2824
+ --wds-paragraph-spacing-body: 0.5rem;
2825
+
2826
+ --wds-font-weight-nav-regular: 500;
2827
+ --wds-font-weight-nav-bold: 700;
2828
+ --wds-font-size-nav: 0.75rem;
2829
+ --wds-line-height-nav: 1.5;
2830
+ --wds-letter-spacing-nav: 0;
2831
+ }
2832
+
2833
+ :lang(th) {
2834
+ --wds-font-family-display: 'Noto Sans Thai', sans-serif;
2835
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Thai', sans-serif;
2836
+ --wds-font-family-regular: 'Noto Sans Thai', sans-serif;
2837
+
2838
+ --wds-font-weight-display-large: 700;
2839
+ --wds-font-size-display-large: 3.5rem;
2840
+ --wds-line-height-display-large: 1.3036;
2841
+ --wds-letter-spacing-display-large: 0;
2842
+
2843
+ --wds-font-weight-display-medium: 700;
2844
+ --wds-font-size-display-medium: 3rem;
2845
+ --wds-line-height-display-medium: 1.2917;
2846
+ --wds-letter-spacing-display-medium: 0;
2847
+
2848
+ --wds-font-weight-display-small: 700;
2849
+ --wds-font-size-display-small: 2.5rem;
2850
+ --wds-line-height-display-small: 1.3;
2851
+ --wds-letter-spacing-display-small: 0;
2852
+
2853
+ --wds-font-weight-display-number-small: 700;
2854
+ --wds-font-size-display-number-small: 2.5rem;
2855
+ --wds-line-height-display-number-small: 1.3;
2856
+ --wds-letter-spacing-display-number-small: 0;
2857
+
2858
+ --wds-font-weight-display-number-medium: 800;
2859
+ --wds-font-size-display-number-medium: 3.25rem;
2860
+ --wds-line-height-display-number-medium: 0.8462;
2861
+ --wds-letter-spacing-display-number-medium: 0;
2862
+
2863
+ --wds-font-weight-display-number-large: 800;
2864
+ --wds-font-size-display-number-large: 6.25rem;
2865
+ --wds-line-height-display-number-large: 0.85;
2866
+ --wds-letter-spacing-display-number-large: 0;
2867
+
2868
+ --wds-font-weight-title-screen: 700;
2869
+ --wds-font-size-title-screen: 1.875rem;
2870
+ --wds-line-height-title-screen: 1.1333;
2871
+ --wds-letter-spacing-title-screen: 0;
2872
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2873
+
2874
+ --wds-font-weight-title-section: 700;
2875
+ --wds-font-size-title-section: 1.625rem;
2876
+ --wds-line-height-title-section: 1.2308;
2877
+ --wds-letter-spacing-title-section: 0;
2878
+ --wds-paragraph-spacing-title-section: 0.5rem;
2879
+
2880
+ --wds-font-weight-title-subsection: 700;
2881
+ --wds-font-size-title-subsection: 1.375rem;
2882
+ --wds-line-height-title-subsection: 1.2727;
2883
+ --wds-letter-spacing-title-subsection: 0;
2884
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2885
+
2886
+ --wds-font-weight-title-body: 700;
2887
+ --wds-font-size-title-body: 1.125rem;
2888
+ --wds-line-height-title-body: 1.3333;
2889
+ --wds-letter-spacing-title-body: 0;
2890
+ --wds-paragraph-spacing-title-body: 0.5rem;
2891
+
2892
+ --wds-font-weight-title-group: 700;
2893
+ --wds-font-size-title-group: 0.875rem;
2894
+ --wds-line-height-title-group: 1.4286;
2895
+ --wds-letter-spacing-title-group: 0;
2896
+ --wds-paragraph-spacing-title-group: 0;
2897
+
2898
+ --wds-font-weight-body-large-regular: 400;
2899
+ --wds-font-weight-body-large-bold: 700;
2900
+ --wds-font-size-body-large: 1rem;
2901
+ --wds-line-height-body-large: 1.5;
2902
+ --wds-letter-spacing-body-large: 0;
2903
+ --wds-paragraph-spacing-body-large: 0.5rem;
2904
+
2905
+ --wds-font-weight-body-regular: 400;
2906
+ --wds-font-weight-body-bold: 700;
2907
+ --wds-font-size-body: 0.875rem;
2908
+ --wds-line-height-body: 1.5714;
2909
+ --wds-letter-spacing-body: 0;
2910
+ --wds-paragraph-spacing-body: 0.5rem;
2911
+
2912
+ --wds-font-weight-nav-regular: 500;
2913
+ --wds-font-weight-nav-bold: 700;
2914
+ --wds-font-size-nav: 0.75rem;
2915
+ --wds-line-height-nav: 1.5;
2916
+ --wds-letter-spacing-nav: 0;
2917
+ }
2918
+
2919
+ :lang(ko) {
2920
+ --wds-font-family-display: 'Noto Sans KR', sans-serif;
2921
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans KR', sans-serif;
2922
+ --wds-font-family-regular: 'Noto Sans KR', sans-serif;
2923
+
2924
+ --wds-font-weight-display-large: 700;
2925
+ --wds-font-size-display-large: 3.5rem;
2926
+ --wds-line-height-display-large: 1.2;
2927
+ --wds-letter-spacing-display-large: 0;
2928
+
2929
+ --wds-font-weight-display-medium: 700;
2930
+ --wds-font-size-display-medium: 3rem;
2931
+ --wds-line-height-display-medium: 1.2;
2932
+ --wds-letter-spacing-display-medium: 0;
2933
+
2934
+ --wds-font-weight-display-small: 700;
2935
+ --wds-font-size-display-small: 2.5rem;
2936
+ --wds-line-height-display-small: 1.2;
2937
+ --wds-letter-spacing-display-small: 0;
2938
+
2939
+ --wds-font-weight-display-number-small: 700;
2940
+ --wds-font-size-display-number-small: 2.5rem;
2941
+ --wds-line-height-display-number-small: 1.2;
2942
+ --wds-letter-spacing-display-number-small: 0;
2943
+
2944
+ --wds-font-weight-display-number-medium: 800;
2945
+ --wds-font-size-display-number-medium: 3.25rem;
2946
+ --wds-line-height-display-number-medium: 0.8462;
2947
+ --wds-letter-spacing-display-number-medium: 0;
2948
+
2949
+ --wds-font-weight-display-number-large: 800;
2950
+ --wds-font-size-display-number-large: 6.25rem;
2951
+ --wds-line-height-display-number-large: 0.85;
2952
+ --wds-letter-spacing-display-number-large: 0;
2953
+
2954
+ --wds-font-weight-title-screen: 700;
2955
+ --wds-font-size-title-screen: 1.875rem;
2956
+ --wds-line-height-title-screen: 1.1333;
2957
+ --wds-letter-spacing-title-screen: 0;
2958
+ --wds-paragraph-spacing-title-screen: 0.5rem;
2959
+
2960
+ --wds-font-weight-title-section: 700;
2961
+ --wds-font-size-title-section: 1.625rem;
2962
+ --wds-line-height-title-section: 1.2308;
2963
+ --wds-letter-spacing-title-section: 0;
2964
+ --wds-paragraph-spacing-title-section: 0.5rem;
2965
+
2966
+ --wds-font-weight-title-subsection: 700;
2967
+ --wds-font-size-title-subsection: 1.375rem;
2968
+ --wds-line-height-title-subsection: 1.2727;
2969
+ --wds-letter-spacing-title-subsection: 0;
2970
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
2971
+
2972
+ --wds-font-weight-title-body: 700;
2973
+ --wds-font-size-title-body: 1.125rem;
2974
+ --wds-line-height-title-body: 1.3333;
2975
+ --wds-letter-spacing-title-body: 0;
2976
+ --wds-paragraph-spacing-title-body: 0.5rem;
2977
+
2978
+ --wds-font-weight-title-group: 700;
2979
+ --wds-font-size-title-group: 0.875rem;
2980
+ --wds-line-height-title-group: 1.4286;
2981
+ --wds-letter-spacing-title-group: 0;
2982
+ --wds-paragraph-spacing-title-group: 0;
2983
+
2984
+ --wds-font-weight-body-large-regular: 400;
2985
+ --wds-font-weight-body-large-bold: 700;
2986
+ --wds-font-size-body-large: 1rem;
2987
+ --wds-line-height-body-large: 1.5;
2988
+ --wds-letter-spacing-body-large: 0;
2989
+ --wds-paragraph-spacing-body-large: 0.5rem;
2990
+
2991
+ --wds-font-weight-body-regular: 400;
2992
+ --wds-font-weight-body-bold: 700;
2993
+ --wds-font-size-body: 0.875rem;
2994
+ --wds-line-height-body: 1.5714;
2995
+ --wds-letter-spacing-body: 0;
2996
+ --wds-paragraph-spacing-body: 0.5rem;
2997
+
2998
+ --wds-font-weight-nav-regular: 500;
2999
+ --wds-font-weight-nav-bold: 700;
3000
+ --wds-font-size-nav: 0.75rem;
3001
+ --wds-line-height-nav: 1.5;
3002
+ --wds-letter-spacing-nav: 0;
3003
+ }
3004
+
3005
+ :lang(he) {
3006
+ --wds-font-family-display: 'Noto Sans Hebrew', sans-serif;
3007
+ --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Hebrew', sans-serif;
3008
+ --wds-font-family-regular: 'Noto Sans Hebrew', sans-serif;
3009
+
3010
+ --wds-font-weight-display-large: 700;
3011
+ --wds-font-size-display-large: 4rem;
3012
+ --wds-line-height-display-large: 1.2031;
3013
+ --wds-letter-spacing-display-large: 0;
3014
+
3015
+ --wds-font-weight-display-medium: 700;
3016
+ --wds-font-size-display-medium: 3.25rem;
3017
+ --wds-line-height-display-medium: 1.1923;
3018
+ --wds-letter-spacing-display-medium: 0;
3019
+
3020
+ --wds-font-weight-display-small: 700;
3021
+ --wds-font-size-display-small: 2.5rem;
3022
+ --wds-line-height-display-small: 1.2;
3023
+ --wds-letter-spacing-display-small: 0;
3024
+
3025
+ --wds-font-weight-display-number-small: 700;
3026
+ --wds-font-size-display-number-small: 2.5rem;
3027
+ --wds-line-height-display-number-small: 1.2;
3028
+ --wds-letter-spacing-display-number-small: 0;
3029
+
3030
+ --wds-font-weight-display-number-medium: 800;
3031
+ --wds-font-size-display-number-medium: 3.25rem;
3032
+ --wds-line-height-display-number-medium: 0.8462;
3033
+ --wds-letter-spacing-display-number-medium: 0;
3034
+
3035
+ --wds-font-weight-display-number-large: 800;
3036
+ --wds-font-size-display-number-large: 6.25rem;
3037
+ --wds-line-height-display-number-large: 0.85;
3038
+ --wds-letter-spacing-display-number-large: 0;
3039
+
3040
+ --wds-font-weight-title-screen: 700;
3041
+ --wds-font-size-title-screen: 1.875rem;
3042
+ --wds-line-height-title-screen: 1.2;
3043
+ --wds-letter-spacing-title-screen: 0;
3044
+ --wds-paragraph-spacing-title-screen: 0.5rem;
3045
+
3046
+ --wds-font-weight-title-section: 700;
3047
+ --wds-font-size-title-section: 1.625rem;
3048
+ --wds-line-height-title-section: 1.2308;
3049
+ --wds-letter-spacing-title-section: 0;
3050
+ --wds-paragraph-spacing-title-section: 0.5rem;
3051
+
3052
+ --wds-font-weight-title-subsection: 700;
3053
+ --wds-font-size-title-subsection: 1.375rem;
3054
+ --wds-line-height-title-subsection: 1.2727;
3055
+ --wds-letter-spacing-title-subsection: 0;
3056
+ --wds-paragraph-spacing-title-subsection: 0.5rem;
3057
+
3058
+ --wds-font-weight-title-body: 700;
3059
+ --wds-font-size-title-body: 1.125rem;
3060
+ --wds-line-height-title-body: 1.3333;
3061
+ --wds-letter-spacing-title-body: 0;
3062
+ --wds-paragraph-spacing-title-body: 0.5rem;
3063
+
3064
+ --wds-font-weight-title-group: 700;
3065
+ --wds-font-size-title-group: 0.875rem;
3066
+ --wds-line-height-title-group: 1.4286;
3067
+ --wds-letter-spacing-title-group: 0;
3068
+ --wds-paragraph-spacing-title-group: 0;
3069
+
3070
+ --wds-font-weight-body-large-regular: 400;
3071
+ --wds-font-weight-body-large-bold: 700;
3072
+ --wds-font-size-body-large: 1rem;
3073
+ --wds-line-height-body-large: 1.5;
3074
+ --wds-letter-spacing-body-large: 0;
3075
+ --wds-paragraph-spacing-body-large: 0.5rem;
3076
+
3077
+ --wds-font-weight-body-regular: 400;
3078
+ --wds-font-weight-body-bold: 700;
3079
+ --wds-font-size-body: 0.875rem;
3080
+ --wds-line-height-body: 1.5714;
3081
+ --wds-letter-spacing-body: 0;
3082
+ --wds-paragraph-spacing-body: 0.5rem;
3083
+
3084
+ --wds-font-weight-nav-regular: 500;
3085
+ --wds-font-weight-nav-bold: 700;
3086
+ --wds-font-size-nav: 0.75rem;
3087
+ --wds-line-height-nav: 1.5;
3088
+ --wds-letter-spacing-nav: 0;
3089
+ }
3090
+
3091
+ /**
3092
+ * Do not edit directly, this file was auto-generated.
3093
+ */
3094
+ .wds-text-display-large,
3095
+ .np-text-display-extra-large,
3096
+ .np-text-display-large,
3097
+ .wds-text-display-large,
3098
+ .np-text-display-extra-large,
3099
+ .np-text-display-large {
3100
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3101
+ font-family: var(--wds-font-family-display);
3102
+ font-weight: 800;
3103
+ font-weight: var(--wds-font-weight-display-large);
3104
+ font-size: 4rem;
3105
+ font-size: var(--wds-font-size-display-large);
3106
+ line-height: 0.85;
3107
+ line-height: var(--wds-line-height-display-large);
3108
+ letter-spacing: 0;
3109
+ letter-spacing: var(--wds-letter-spacing-display-large);
3110
+ }
3111
+ .wds-text-display-medium,
3112
+ .np-text-display-medium,
3113
+ .wds-text-display-medium,
3114
+ .np-text-display-medium {
3115
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3116
+ font-family: var(--wds-font-family-display);
3117
+ font-weight: 800;
3118
+ font-weight: var(--wds-font-weight-display-medium);
3119
+ font-size: 3.25rem;
3120
+ font-size: var(--wds-font-size-display-medium);
3121
+ line-height: 0.8115;
3122
+ line-height: var(--wds-line-height-display-medium);
3123
+ letter-spacing: 0;
3124
+ letter-spacing: var(--wds-letter-spacing-display-medium);
3125
+ }
3126
+ .wds-text-display-small,
3127
+ .np-text-display-small,
3128
+ .wds-text-display-small,
3129
+ .np-text-display-small {
3130
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3131
+ font-family: var(--wds-font-family-display);
3132
+ font-weight: 800;
3133
+ font-weight: var(--wds-font-weight-display-small);
3134
+ font-size: 2.5rem;
3135
+ font-size: var(--wds-font-size-display-small);
3136
+ line-height: 0.85;
3137
+ line-height: var(--wds-line-height-display-small);
3138
+ letter-spacing: 0;
3139
+ letter-spacing: var(--wds-letter-spacing-display-small);
3140
+ }
3141
+ .wds-text-display-number-small,
3142
+ .np-text-display-number-small,
3143
+ .wds-text-display-number-small,
3144
+ .np-text-display-number-small {
3145
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3146
+ font-family: var(--wds-font-family-display-number);
3147
+ font-weight: 600;
3148
+ font-weight: var(--wds-font-weight-display-number-small);
3149
+ font-size: 2.5rem;
3150
+ font-size: var(--wds-font-size-display-number-small);
3151
+ line-height: 1.1;
3152
+ line-height: var(--wds-line-height-display-number-small);
3153
+ letter-spacing: -0.022em;
3154
+ letter-spacing: var(--wds-letter-spacing-display-number-small);
3155
+ }
3156
+ .wds-text-display-number-medium,
3157
+ .np-text-display-number-medium,
3158
+ .wds-text-display-number-medium,
3159
+ .np-text-display-number-medium {
3160
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3161
+ font-family: var(--wds-font-family-display-number);
3162
+ font-weight: 800;
3163
+ font-weight: var(--wds-font-weight-display-number-medium);
3164
+ font-size: 3.25rem;
3165
+ font-size: var(--wds-font-size-display-number-medium);
3166
+ line-height: 0.8462;
3167
+ line-height: var(--wds-line-height-display-number-medium);
3168
+ letter-spacing: 0;
3169
+ letter-spacing: var(--wds-letter-spacing-display-number-medium);
3170
+ }
3171
+ .wds-text-display-number-large,
3172
+ .np-text-display-number-large,
3173
+ .wds-text-display-number-large,
3174
+ .np-text-display-number-large {
3175
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3176
+ font-family: var(--wds-font-family-display-number);
3177
+ font-weight: 800;
3178
+ font-weight: var(--wds-font-weight-display-number-large);
3179
+ font-size: 6.25rem;
3180
+ font-size: var(--wds-font-size-display-number-large);
3181
+ line-height: 0.85;
3182
+ line-height: var(--wds-line-height-display-number-large);
3183
+ letter-spacing: 0;
3184
+ letter-spacing: var(--wds-letter-spacing-display-number-large);
3185
+ }
3186
+ .wds-text-title-screen,
3187
+ .h1,
3188
+ .title-1,
3189
+ h1,
3190
+ .np-text-title-screen,
3191
+ .wds-text-title-screen,
3192
+ .h1,
3193
+ .title-1,
3194
+ h1,
3195
+ .np-text-title-screen {
3196
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3197
+ font-family: var(--wds-font-family-regular);
3198
+ font-weight: 600;
3199
+ font-weight: var(--wds-font-weight-title-screen);
3200
+ font-size: 1.875rem;
3201
+ font-size: var(--wds-font-size-title-screen);
3202
+ line-height: 1.15;
3203
+ line-height: var(--wds-line-height-title-screen);
3204
+ letter-spacing: -0.021em;
3205
+ letter-spacing: var(--wds-letter-spacing-title-screen);
3206
+ }
3207
+ .wds-text-title-section,
3208
+ .h2,
3209
+ .title-2,
3210
+ h2,
3211
+ .np-text-title-section,
3212
+ .wds-text-title-section,
3213
+ .h2,
3214
+ .title-2,
3215
+ h2,
3216
+ .np-text-title-section {
3217
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3218
+ font-family: var(--wds-font-family-regular);
3219
+ font-weight: 600;
3220
+ font-weight: var(--wds-font-weight-title-section);
3221
+ font-size: 1.625rem;
3222
+ font-size: var(--wds-font-size-title-section);
3223
+ line-height: 1.22;
3224
+ line-height: var(--wds-line-height-title-section);
3225
+ letter-spacing: -0.02em;
3226
+ letter-spacing: var(--wds-letter-spacing-title-section);
3227
+ }
3228
+ .wds-text-title-subsection,
3229
+ .h3,
3230
+ .title-3,
3231
+ h3,
3232
+ .np-text-title-subsection,
3233
+ .wds-text-title-subsection,
3234
+ .input-group-lg > .form-control,
3235
+ .input-group-lg > .input-group-addon,
3236
+ .input-group-lg > .input-group-btn .btn,
3237
+ .h3,
3238
+ .title-3,
3239
+ h3,
3240
+ .np-text-title-subsection,
3241
+ .input-group-lg > .form-control,
3242
+ .input-group-lg > .input-group-addon,
3243
+ .input-group-lg > .input-group-btn .btn {
3244
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3245
+ font-family: var(--wds-font-family-regular);
3246
+ font-weight: 600;
3247
+ font-weight: var(--wds-font-weight-title-subsection);
3248
+ font-size: 1.375rem;
3249
+ font-size: var(--wds-font-size-title-subsection);
3250
+ line-height: 1.25;
3251
+ line-height: var(--wds-line-height-title-subsection);
3252
+ letter-spacing: -0.018em;
3253
+ letter-spacing: var(--wds-letter-spacing-title-subsection);
3254
+ }
3255
+ .wds-text-title-body,
3256
+ .h4,
3257
+ .title-4,
3258
+ h4,
3259
+ .np-text-title-body,
3260
+ .wds-text-title-body,
3261
+ .decision__title,
3262
+ .popover-title,
3263
+ .h4,
3264
+ .title-4,
3265
+ h4,
3266
+ .np-text-title-body,
3267
+ .decision__title,
3268
+ .popover-title {
3269
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3270
+ font-family: var(--wds-font-family-regular);
3271
+ font-weight: 600;
3272
+ font-weight: var(--wds-font-weight-title-body);
3273
+ font-size: 1.125rem;
3274
+ font-size: var(--wds-font-size-title-body);
3275
+ line-height: 1.35;
3276
+ line-height: var(--wds-line-height-title-body);
3277
+ letter-spacing: -0.014em;
3278
+ letter-spacing: var(--wds-letter-spacing-title-body);
3279
+ }
3280
+ .wds-text-title-group,
3281
+ .h5,
3282
+ .h6,
3283
+ .title-5,
3284
+ h5,
3285
+ h6,
3286
+ .np-text-title-group,
3287
+ .wds-text-title-group,
3288
+ .dropdown-header,
3289
+ .list-group-item-heading,
3290
+ .h5,
3291
+ .h6,
3292
+ .title-5,
3293
+ h5,
3294
+ h6,
3295
+ .np-text-title-group,
3296
+ .dropdown-header,
3297
+ .list-group-item-heading {
3298
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3299
+ font-family: var(--wds-font-family-regular);
3300
+ font-weight: 500;
3301
+ font-weight: var(--wds-font-weight-title-group);
3302
+ font-size: 0.875rem;
3303
+ font-size: var(--wds-font-size-title-group);
3304
+ line-height: 1.4;
3305
+ line-height: var(--wds-line-height-title-group);
3306
+ letter-spacing: -0.018em;
3307
+ letter-spacing: var(--wds-letter-spacing-title-group);
3308
+ }
3309
+ .wds-text-body-large,
3310
+ .body-1,
3311
+ .value,
3312
+ .np-text-body-large,
3313
+ .wds-text-body-large,
3314
+ .form-control,
3315
+ .input-lg,
3316
+ .form-control-placeholder,
3317
+ .input-group-lg > .form-control,
3318
+ .input-group-lg > .input-group-addon,
3319
+ .input-group-lg > .input-group-btn .btn,
3320
+ .droppable,
3321
+ .body-1,
3322
+ .value,
3323
+ .np-text-body-large,
3324
+ .form-control,
3325
+ .input-lg,
3326
+ .form-control-placeholder,
3327
+ .input-group-lg > .form-control,
3328
+ .input-group-lg > .input-group-addon,
3329
+ .input-group-lg > .input-group-btn .btn,
3330
+ .droppable {
3331
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3332
+ font-family: var(--wds-font-family-regular);
3333
+ font-weight: 400;
3334
+ font-weight: var(--wds-font-weight-body-large-regular);
3335
+ font-size: 1rem;
3336
+ font-size: var(--wds-font-size-body-large);
3337
+ line-height: 1.5;
3338
+ line-height: var(--wds-line-height-body-large);
3339
+ letter-spacing: -0.011em;
3340
+ letter-spacing: var(--wds-letter-spacing-body-large);
3341
+ }
3342
+ .wds-text-body-large-bold,
3343
+ .control-1,
3344
+ .np-text-body-large-bold,
3345
+ .wds-text-body-large-bold,
3346
+ .btn,
3347
+ .control-1,
3348
+ .np-text-body-large-bold,
3349
+ .btn {
3350
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3351
+ font-family: var(--wds-font-family-regular);
3352
+ font-weight: 600;
3353
+ font-weight: var(--wds-font-weight-body-large-bold);
3354
+ font-size: 1rem;
3355
+ font-size: var(--wds-font-size-body-large);
3356
+ line-height: 1.5;
3357
+ line-height: var(--wds-line-height-body-large);
3358
+ letter-spacing: -0.011em;
3359
+ letter-spacing: var(--wds-letter-spacing-body-large);
3360
+ }
3361
+ .wds-text-body-default,
3362
+ .body-2,
3363
+ .body-3,
3364
+ .small,
3365
+ .tiny,
3366
+ body,
3367
+ small,
3368
+ .np-text-body-default,
3369
+ .wds-text-body-default,
3370
+ .btn-group .secondary,
3371
+ .input-sm,
3372
+ .input-group-sm > .form-control,
3373
+ .input-group-sm > .input-group-addon,
3374
+ .decision__content,
3375
+ .dropdown-menu,
3376
+ .dropdown-menu > li > a,
3377
+ .footer,
3378
+ .footer .footer-link,
3379
+ .footer .link-icon,
3380
+ .popover,
3381
+ .popover-content,
3382
+ .tooltip-inner,
3383
+ .body-2,
3384
+ .body-3,
3385
+ .small,
3386
+ .tiny,
3387
+ body,
3388
+ small,
3389
+ .np-text-body-default,
3390
+ .btn-group .secondary,
3391
+ .input-sm,
3392
+ .input-group-sm > .form-control,
3393
+ .input-group-sm > .input-group-addon,
3394
+ .decision__content,
3395
+ .dropdown-menu,
3396
+ .dropdown-menu > li > a,
3397
+ .footer,
3398
+ .footer .footer-link,
3399
+ .footer .link-icon,
3400
+ .popover,
3401
+ .popover-content,
3402
+ .tooltip-inner {
3403
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3404
+ font-family: var(--wds-font-family-regular);
3405
+ font-weight: 400;
3406
+ font-weight: var(--wds-font-weight-body-regular);
3407
+ font-size: 0.875rem;
3408
+ font-size: var(--wds-font-size-body);
3409
+ line-height: 1.55;
3410
+ line-height: var(--wds-line-height-body);
3411
+ letter-spacing: -0.006em;
3412
+ letter-spacing: var(--wds-letter-spacing-body);
3413
+ }
3414
+ .wds-text-body-default-bold,
3415
+ .control-2,
3416
+ .label,
3417
+ .control-label,
3418
+ .np-text-body-default-bold,
3419
+ .wds-text-body-default-bold,
3420
+ .control-2,
3421
+ .label,
3422
+ .control-label,
3423
+ .np-text-body-default-bold {
3424
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3425
+ font-family: var(--wds-font-family-regular);
3426
+ font-weight: 600;
3427
+ font-weight: var(--wds-font-weight-body-bold);
3428
+ font-size: 0.875rem;
3429
+ font-size: var(--wds-font-size-body);
3430
+ line-height: 1.55;
3431
+ line-height: var(--wds-line-height-body);
3432
+ letter-spacing: -0.006em;
3433
+ letter-spacing: var(--wds-letter-spacing-body);
3434
+ }
3435
+ .wds-text-nav {
3436
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3437
+ font-family: var(--wds-font-family-regular);
3438
+ font-weight: 400;
3439
+ font-weight: var(--wds-font-weight-nav-regular);
3440
+ font-size: 0.75rem;
3441
+ font-size: var(--wds-font-size-nav);
3442
+ line-height: 1.5;
3443
+ line-height: var(--wds-line-height-nav);
3444
+ letter-spacing: 0;
3445
+ letter-spacing: var(--wds-letter-spacing-nav);
3446
+ }
3447
+ .wds-text-nav-bold {
3448
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
3449
+ font-family: var(--wds-font-family-regular);
3450
+ font-weight: 600;
3451
+ font-weight: var(--wds-font-weight-nav-bold);
3452
+ font-size: 0.75rem;
3453
+ font-size: var(--wds-font-size-nav);
3454
+ line-height: 1.5;
3455
+ line-height: var(--wds-line-height-nav);
3456
+ letter-spacing: 0;
3457
+ letter-spacing: var(--wds-letter-spacing-nav);
3458
+ }
3459
+ .wds-text-display-number,
3460
+ .np-text-display-number,
3461
+ .wds-text-display-number,
3462
+ .np-text-display-number {
3463
+ font-family: 'Wise Sans', 'Inter', sans-serif;
3464
+ font-family: var(--wds-font-family-display-number);
3465
+ font-weight: 600;
3466
+ font-weight: var(--wds-font-weight-display-number-small);
3467
+ font-size: 2.5rem;
3468
+ font-size: var(--wds-font-size-display-number-small);
3469
+ line-height: 1.1;
3470
+ line-height: var(--wds-line-height-display-number-small);
3471
+ letter-spacing: -0.022em;
3472
+ letter-spacing: var(--wds-letter-spacing-display-number-small);
3473
+ }
1978
3474
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
1979
3475
  @font-face {
1980
3476
  font-family: "Wise Sans";
@@ -8208,7 +9704,7 @@ video {
8208
9704
  clip: auto;
8209
9705
  }
8210
9706
  /* stylelint-disable selector-max-empty-lines */
8211
- /* DEPRECATED: use .np-text-*-title instead */
9707
+ /* DEPRECATED: use `.wds-text-*` instead */
8212
9708
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8213
9709
  .h1,
8214
9710
  .h2,
@@ -8235,9 +9731,6 @@ h6,
8235
9731
  margin: 0;
8236
9732
  color: #37517e;
8237
9733
  color: var(--color-content-primary);
8238
- line-height: 1.2;
8239
- line-height: var(--line-height-title);
8240
- letter-spacing: 0;
8241
9734
  word-wrap: break-word;
8242
9735
  }
8243
9736
  @supports (hyphenate-limit-chars: 1) {
@@ -8442,77 +9935,53 @@ h6 + ol:not(.list-unstyled),
8442
9935
  margin-block-start: 8px;
8443
9936
  margin-block-start: var(--size-8);
8444
9937
  }
8445
- /* DEPRECATED: use .np-text-title-screen instead */
9938
+ /* DEPRECATED: use `.wds-text-title-screen` instead */
8446
9939
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8447
9940
  .h1,
8448
9941
  .title-1,
8449
9942
  h1,
9943
+ .np-text-title-screen,
9944
+ .wds-text-title-screen,
9945
+ .h1,
9946
+ .title-1,
9947
+ h1,
8450
9948
  .np-text-title-screen {
8451
9949
  margin-block-end: initial;
8452
- font-size: 1.875rem;
8453
- font-size: var(--font-size-30);
8454
- font-weight: 600;
8455
- font-weight: var(--font-weight-semi-bold);
8456
- letter-spacing: -0.021em;
8457
- line-height: 115%;
8458
9950
  }
8459
- /* DEPRECATED: use .np-text-title-section instead */
9951
+ /* DEPRECATED: use `.wds-text-title-section` instead */
8460
9952
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8461
9953
  .h2,
8462
9954
  .title-2,
8463
9955
  h2,
9956
+ .np-text-title-section,
9957
+ .wds-text-title-section,
9958
+ .h2,
9959
+ .title-2,
9960
+ h2,
8464
9961
  .np-text-title-section {
8465
9962
  margin-block-end: initial;
8466
- font-weight: 600;
8467
- font-weight: var(--font-weight-semi-bold);
8468
- font-size: 1.625rem;
8469
- font-size: var(--font-size-26);
8470
- letter-spacing: -0.02em;
8471
- line-height: 122%;
8472
9963
  }
8473
- /* DEPRECATED: use .np-text-title-subsection instead */
9964
+ /* DEPRECATED: use `.wds-text-title-subsection` instead */
8474
9965
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8475
9966
  .h3,
8476
9967
  .title-3,
8477
9968
  h3,
8478
- .np-text-title-subsection {
9969
+ .np-text-title-subsection,
9970
+ .wds-text-title-subsection,
9971
+ .h3,
9972
+ .title-3,
9973
+ h3,
9974
+ .np-text-title-subsection,
9975
+ .input-group-lg > .form-control,
9976
+ .input-group-lg > .input-group-addon,
9977
+ .input-group-lg > .input-group-btn .btn {
8479
9978
  margin-block-end: initial;
8480
- font-size: 1.375rem;
8481
- font-size: var(--font-size-22);
8482
- font-weight: 600;
8483
- font-weight: var(--font-weight-semi-bold);
8484
- letter-spacing: -0.018em;
8485
- line-height: 125%;
8486
9979
  }
8487
- /* DEPRECATED: use .np-text-title-body instead */
9980
+ /* DEPRECATED: use `.wds-text-title-body` instead */
8488
9981
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8489
- .h4,
8490
- .title-4,
8491
- h4,
8492
- .np-text-title-body {
8493
- font-size: 1.125rem;
8494
- font-size: var(--font-size-18);
8495
- font-weight: 600;
8496
- font-weight: var(--font-weight-semi-bold);
8497
- letter-spacing: -0.014em;
8498
- line-height: 135%;
8499
- }
8500
- /* DEPRECATED: use .np-text-title-group instead */
9982
+ /* DEPRECATED: use `.wds-text-title-group` instead */
8501
9983
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8502
- .h5,
8503
- .h6,
8504
- .title-5,
8505
- h5,
8506
- h6,
8507
- .np-text-title-group {
8508
- font-weight: 500;
8509
- font-weight: var(--font-weight-medium);
8510
- font-size: 0.875rem;
8511
- font-size: var(--font-size-14);
8512
- letter-spacing: -0.006em;
8513
- line-height: 140%;
8514
- }
8515
- /* DEPRECATED: use .np-text-title-body instead */
9984
+ /* DEPRECATED: use `.wds-text-title-body` instead */
8516
9985
  .lead {
8517
9986
  margin-block-end: 24px;
8518
9987
  margin-block-end: var(--size-24);
@@ -8525,7 +9994,7 @@ h6,
8525
9994
  color: #5d7079;
8526
9995
  color: var(--color-content-secondary);
8527
9996
  }
8528
- /* DEPRECATED: use .np-text-body-default instead */
9997
+ /* DEPRECATED: use `.wds-text-body-default` instead */
8529
9998
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8530
9999
  .body-2,
8531
10000
  .body-3,
@@ -8533,13 +10002,28 @@ h6,
8533
10002
  .tiny,
8534
10003
  body,
8535
10004
  small,
8536
- .np-text-body-default {
8537
- font-size: 0.875rem;
8538
- font-size: var(--font-size-14);
8539
- line-height: 155%;
8540
- letter-spacing: -0.006em;
8541
- font-weight: 400;
8542
- font-weight: var(--font-weight-regular);
10005
+ .np-text-body-default,
10006
+ .wds-text-body-default,
10007
+ .body-2,
10008
+ .body-3,
10009
+ .small,
10010
+ .tiny,
10011
+ body,
10012
+ small,
10013
+ .np-text-body-default,
10014
+ .btn-group .secondary,
10015
+ .input-sm,
10016
+ .input-group-sm > .form-control,
10017
+ .input-group-sm > .input-group-addon,
10018
+ .decision__content,
10019
+ .dropdown-menu,
10020
+ .dropdown-menu > li > a,
10021
+ .footer,
10022
+ .footer .footer-link,
10023
+ .footer .link-icon,
10024
+ .popover,
10025
+ .popover-content,
10026
+ .tooltip-inner {
8543
10027
  word-wrap: break-word;
8544
10028
  }
8545
10029
  @supports (hyphenate-limit-chars: 1) {
@@ -8549,7 +10033,49 @@ small,
8549
10033
  .tiny,
8550
10034
  body,
8551
10035
  small,
8552
- .np-text-body-default {
10036
+ .np-text-body-default,
10037
+ .wds-text-body-default,
10038
+ .body-2,
10039
+ .body-3,
10040
+ .small,
10041
+ .tiny,
10042
+ body,
10043
+ small,
10044
+ .np-text-body-default,
10045
+ .wds-text-body-default,
10046
+ .btn-group .secondary,
10047
+ .input-sm,
10048
+ .input-group-sm > .form-control,
10049
+ .input-group-sm > .input-group-addon,
10050
+ .decision__content,
10051
+ .dropdown-menu,
10052
+ .dropdown-menu > li > a,
10053
+ .footer,
10054
+ .footer .footer-link,
10055
+ .footer .link-icon,
10056
+ .popover,
10057
+ .popover-content,
10058
+ .tooltip-inner,
10059
+ .body-2,
10060
+ .body-3,
10061
+ .small,
10062
+ .tiny,
10063
+ body,
10064
+ small,
10065
+ .np-text-body-default,
10066
+ .btn-group .secondary,
10067
+ .input-sm,
10068
+ .input-group-sm > .form-control,
10069
+ .input-group-sm > .input-group-addon,
10070
+ .decision__content,
10071
+ .dropdown-menu,
10072
+ .dropdown-menu > li > a,
10073
+ .footer,
10074
+ .footer .footer-link,
10075
+ .footer .link-icon,
10076
+ .popover,
10077
+ .popover-content,
10078
+ .tooltip-inner {
8553
10079
  hyphens: auto;
8554
10080
  hyphenate-limit-chars: 7 3;
8555
10081
  }
@@ -8560,7 +10086,49 @@ small,
8560
10086
  .tiny,
8561
10087
  body,
8562
10088
  small,
8563
- .np-text-body-default {
10089
+ .np-text-body-default,
10090
+ .wds-text-body-default,
10091
+ .body-2,
10092
+ .body-3,
10093
+ .small,
10094
+ .tiny,
10095
+ body,
10096
+ small,
10097
+ .np-text-body-default,
10098
+ .wds-text-body-default,
10099
+ .btn-group .secondary,
10100
+ .input-sm,
10101
+ .input-group-sm > .form-control,
10102
+ .input-group-sm > .input-group-addon,
10103
+ .decision__content,
10104
+ .dropdown-menu,
10105
+ .dropdown-menu > li > a,
10106
+ .footer,
10107
+ .footer .footer-link,
10108
+ .footer .link-icon,
10109
+ .popover,
10110
+ .popover-content,
10111
+ .tooltip-inner,
10112
+ .body-2,
10113
+ .body-3,
10114
+ .small,
10115
+ .tiny,
10116
+ body,
10117
+ small,
10118
+ .np-text-body-default,
10119
+ .btn-group .secondary,
10120
+ .input-sm,
10121
+ .input-group-sm > .form-control,
10122
+ .input-group-sm > .input-group-addon,
10123
+ .decision__content,
10124
+ .dropdown-menu,
10125
+ .dropdown-menu > li > a,
10126
+ .footer,
10127
+ .footer .footer-link,
10128
+ .footer .link-icon,
10129
+ .popover,
10130
+ .popover-content,
10131
+ .tooltip-inner {
8564
10132
  hyphenate-limit-chars: 8 3;
8565
10133
  }
8566
10134
  }
@@ -8571,7 +10139,49 @@ small,
8571
10139
  .tiny,
8572
10140
  body,
8573
10141
  small,
8574
- .np-text-body-default {
10142
+ .np-text-body-default,
10143
+ .wds-text-body-default,
10144
+ .body-2,
10145
+ .body-3,
10146
+ .small,
10147
+ .tiny,
10148
+ body,
10149
+ small,
10150
+ .np-text-body-default,
10151
+ .wds-text-body-default,
10152
+ .btn-group .secondary,
10153
+ .input-sm,
10154
+ .input-group-sm > .form-control,
10155
+ .input-group-sm > .input-group-addon,
10156
+ .decision__content,
10157
+ .dropdown-menu,
10158
+ .dropdown-menu > li > a,
10159
+ .footer,
10160
+ .footer .footer-link,
10161
+ .footer .link-icon,
10162
+ .popover,
10163
+ .popover-content,
10164
+ .tooltip-inner,
10165
+ .body-2,
10166
+ .body-3,
10167
+ .small,
10168
+ .tiny,
10169
+ body,
10170
+ small,
10171
+ .np-text-body-default,
10172
+ .btn-group .secondary,
10173
+ .input-sm,
10174
+ .input-group-sm > .form-control,
10175
+ .input-group-sm > .input-group-addon,
10176
+ .decision__content,
10177
+ .dropdown-menu,
10178
+ .dropdown-menu > li > a,
10179
+ .footer,
10180
+ .footer .footer-link,
10181
+ .footer .link-icon,
10182
+ .popover,
10183
+ .popover-content,
10184
+ .tooltip-inner {
8575
10185
  hyphenate-limit-chars: 10 4 3;
8576
10186
  }
8577
10187
  }
@@ -8583,7 +10193,49 @@ small,
8583
10193
  .tiny,
8584
10194
  body,
8585
10195
  small,
8586
- .np-text-body-default {
10196
+ .np-text-body-default,
10197
+ .wds-text-body-default,
10198
+ .body-2,
10199
+ .body-3,
10200
+ .small,
10201
+ .tiny,
10202
+ body,
10203
+ small,
10204
+ .np-text-body-default,
10205
+ .wds-text-body-default,
10206
+ .btn-group .secondary,
10207
+ .input-sm,
10208
+ .input-group-sm > .form-control,
10209
+ .input-group-sm > .input-group-addon,
10210
+ .decision__content,
10211
+ .dropdown-menu,
10212
+ .dropdown-menu > li > a,
10213
+ .footer,
10214
+ .footer .footer-link,
10215
+ .footer .link-icon,
10216
+ .popover,
10217
+ .popover-content,
10218
+ .tooltip-inner,
10219
+ .body-2,
10220
+ .body-3,
10221
+ .small,
10222
+ .tiny,
10223
+ body,
10224
+ small,
10225
+ .np-text-body-default,
10226
+ .btn-group .secondary,
10227
+ .input-sm,
10228
+ .input-group-sm > .form-control,
10229
+ .input-group-sm > .input-group-addon,
10230
+ .decision__content,
10231
+ .dropdown-menu,
10232
+ .dropdown-menu > li > a,
10233
+ .footer,
10234
+ .footer .footer-link,
10235
+ .footer .link-icon,
10236
+ .popover,
10237
+ .popover-content,
10238
+ .tooltip-inner {
8587
10239
  hyphens: auto;
8588
10240
  -webkit-hyphenate-limit-before: 3;
8589
10241
  -webkit-hyphenate-limit-after: 3;
@@ -8595,26 +10247,77 @@ small,
8595
10247
  .tiny,
8596
10248
  body,
8597
10249
  small,
8598
- .np-text-body-default {
10250
+ .np-text-body-default,
10251
+ .wds-text-body-default,
10252
+ .body-2,
10253
+ .body-3,
10254
+ .small,
10255
+ .tiny,
10256
+ body,
10257
+ small,
10258
+ .np-text-body-default,
10259
+ .wds-text-body-default,
10260
+ .btn-group .secondary,
10261
+ .input-sm,
10262
+ .input-group-sm > .form-control,
10263
+ .input-group-sm > .input-group-addon,
10264
+ .decision__content,
10265
+ .dropdown-menu,
10266
+ .dropdown-menu > li > a,
10267
+ .footer,
10268
+ .footer .footer-link,
10269
+ .footer .link-icon,
10270
+ .popover,
10271
+ .popover-content,
10272
+ .tooltip-inner,
10273
+ .body-2,
10274
+ .body-3,
10275
+ .small,
10276
+ .tiny,
10277
+ body,
10278
+ small,
10279
+ .np-text-body-default,
10280
+ .btn-group .secondary,
10281
+ .input-sm,
10282
+ .input-group-sm > .form-control,
10283
+ .input-group-sm > .input-group-addon,
10284
+ .decision__content,
10285
+ .dropdown-menu,
10286
+ .dropdown-menu > li > a,
10287
+ .footer,
10288
+ .footer .footer-link,
10289
+ .footer .link-icon,
10290
+ .popover,
10291
+ .popover-content,
10292
+ .tooltip-inner {
8599
10293
  -webkit-hyphenate-limit-before: 4;
8600
10294
  }
8601
10295
  }
8602
10296
  }
8603
- /* DEPRECATED: use .np-text-body-default-bold instead */
10297
+ /* DEPRECATED: use `.wds-text-body-default-bold` instead */
8604
10298
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8605
10299
  .control-2,
8606
10300
  .label,
8607
10301
  .control-label,
10302
+ .np-text-body-default-bold,
10303
+ .wds-text-body-default-bold,
10304
+ .control-2,
10305
+ .label,
10306
+ .control-label,
8608
10307
  .np-text-body-default-bold {
8609
- font-size: 0.875rem;
8610
- font-size: var(--font-size-14);
8611
- line-height: 155%;
8612
- letter-spacing: -0.006em;
8613
- font-weight: 600;
8614
- font-weight: var(--font-weight-semi-bold);
8615
10308
  word-wrap: break-word;
8616
10309
  }
8617
10310
  @supports (hyphenate-limit-chars: 1) {
10311
+ .control-2,
10312
+ .label,
10313
+ .control-label,
10314
+ .np-text-body-default-bold,
10315
+ .wds-text-body-default-bold,
10316
+ .control-2,
10317
+ .label,
10318
+ .control-label,
10319
+ .np-text-body-default-bold,
10320
+ .wds-text-body-default-bold,
8618
10321
  .control-2,
8619
10322
  .label,
8620
10323
  .control-label,
@@ -8623,6 +10326,16 @@ small,
8623
10326
  hyphenate-limit-chars: 7 3;
8624
10327
  }
8625
10328
  @media (min-width: 840px) {
10329
+ .control-2,
10330
+ .label,
10331
+ .control-label,
10332
+ .np-text-body-default-bold,
10333
+ .wds-text-body-default-bold,
10334
+ .control-2,
10335
+ .label,
10336
+ .control-label,
10337
+ .np-text-body-default-bold,
10338
+ .wds-text-body-default-bold,
8626
10339
  .control-2,
8627
10340
  .label,
8628
10341
  .control-label,
@@ -8631,6 +10344,16 @@ small,
8631
10344
  }
8632
10345
  }
8633
10346
  @media (min-width: 1160px) {
10347
+ .control-2,
10348
+ .label,
10349
+ .control-label,
10350
+ .np-text-body-default-bold,
10351
+ .wds-text-body-default-bold,
10352
+ .control-2,
10353
+ .label,
10354
+ .control-label,
10355
+ .np-text-body-default-bold,
10356
+ .wds-text-body-default-bold,
8634
10357
  .control-2,
8635
10358
  .label,
8636
10359
  .control-label,
@@ -8640,6 +10363,16 @@ small,
8640
10363
  }
8641
10364
  }
8642
10365
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10366
+ .control-2,
10367
+ .label,
10368
+ .control-label,
10369
+ .np-text-body-default-bold,
10370
+ .wds-text-body-default-bold,
10371
+ .control-2,
10372
+ .label,
10373
+ .control-label,
10374
+ .np-text-body-default-bold,
10375
+ .wds-text-body-default-bold,
8643
10376
  .control-2,
8644
10377
  .label,
8645
10378
  .control-label,
@@ -8649,6 +10382,16 @@ small,
8649
10382
  -webkit-hyphenate-limit-after: 3;
8650
10383
  }
8651
10384
  @media (min-width: 1160px) {
10385
+ .control-2,
10386
+ .label,
10387
+ .control-label,
10388
+ .np-text-body-default-bold,
10389
+ .wds-text-body-default-bold,
10390
+ .control-2,
10391
+ .label,
10392
+ .control-label,
10393
+ .np-text-body-default-bold,
10394
+ .wds-text-body-default-bold,
8652
10395
  .control-2,
8653
10396
  .label,
8654
10397
  .control-label,
@@ -8657,37 +10400,108 @@ small,
8657
10400
  }
8658
10401
  }
8659
10402
  }
8660
- /* DEPRECATED: use .np-text-body-large instead */
10403
+ /* DEPRECATED: use `.wds-text-body-large` instead */
8661
10404
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8662
10405
  .body-1,
8663
10406
  .value,
8664
- .np-text-body-large {
8665
- font-weight: 400;
8666
- font-weight: var(--font-weight-regular);
8667
- font-size: 1rem;
8668
- font-size: var(--font-size-16);
8669
- line-height: 150%;
8670
- letter-spacing: -0.011em;
10407
+ .np-text-body-large,
10408
+ .wds-text-body-large,
10409
+ .body-1,
10410
+ .value,
10411
+ .np-text-body-large,
10412
+ .form-control,
10413
+ .input-lg,
10414
+ .form-control-placeholder,
10415
+ .input-group-lg > .form-control,
10416
+ .input-group-lg > .input-group-addon,
10417
+ .input-group-lg > .input-group-btn .btn,
10418
+ .droppable {
8671
10419
  word-wrap: break-word;
8672
10420
  }
8673
10421
  @supports (hyphenate-limit-chars: 1) {
8674
10422
  .body-1,
8675
10423
  .value,
8676
- .np-text-body-large {
10424
+ .np-text-body-large,
10425
+ .wds-text-body-large,
10426
+ .body-1,
10427
+ .value,
10428
+ .np-text-body-large,
10429
+ .wds-text-body-large,
10430
+ .form-control,
10431
+ .input-lg,
10432
+ .form-control-placeholder,
10433
+ .input-group-lg > .form-control,
10434
+ .input-group-lg > .input-group-addon,
10435
+ .input-group-lg > .input-group-btn .btn,
10436
+ .droppable,
10437
+ .body-1,
10438
+ .value,
10439
+ .np-text-body-large,
10440
+ .form-control,
10441
+ .input-lg,
10442
+ .form-control-placeholder,
10443
+ .input-group-lg > .form-control,
10444
+ .input-group-lg > .input-group-addon,
10445
+ .input-group-lg > .input-group-btn .btn,
10446
+ .droppable {
8677
10447
  hyphens: auto;
8678
10448
  hyphenate-limit-chars: 7 3;
8679
10449
  }
8680
10450
  @media (min-width: 840px) {
8681
10451
  .body-1,
8682
10452
  .value,
8683
- .np-text-body-large {
10453
+ .np-text-body-large,
10454
+ .wds-text-body-large,
10455
+ .body-1,
10456
+ .value,
10457
+ .np-text-body-large,
10458
+ .wds-text-body-large,
10459
+ .form-control,
10460
+ .input-lg,
10461
+ .form-control-placeholder,
10462
+ .input-group-lg > .form-control,
10463
+ .input-group-lg > .input-group-addon,
10464
+ .input-group-lg > .input-group-btn .btn,
10465
+ .droppable,
10466
+ .body-1,
10467
+ .value,
10468
+ .np-text-body-large,
10469
+ .form-control,
10470
+ .input-lg,
10471
+ .form-control-placeholder,
10472
+ .input-group-lg > .form-control,
10473
+ .input-group-lg > .input-group-addon,
10474
+ .input-group-lg > .input-group-btn .btn,
10475
+ .droppable {
8684
10476
  hyphenate-limit-chars: 8 3;
8685
10477
  }
8686
10478
  }
8687
10479
  @media (min-width: 1160px) {
8688
10480
  .body-1,
8689
10481
  .value,
8690
- .np-text-body-large {
10482
+ .np-text-body-large,
10483
+ .wds-text-body-large,
10484
+ .body-1,
10485
+ .value,
10486
+ .np-text-body-large,
10487
+ .wds-text-body-large,
10488
+ .form-control,
10489
+ .input-lg,
10490
+ .form-control-placeholder,
10491
+ .input-group-lg > .form-control,
10492
+ .input-group-lg > .input-group-addon,
10493
+ .input-group-lg > .input-group-btn .btn,
10494
+ .droppable,
10495
+ .body-1,
10496
+ .value,
10497
+ .np-text-body-large,
10498
+ .form-control,
10499
+ .input-lg,
10500
+ .form-control-placeholder,
10501
+ .input-group-lg > .form-control,
10502
+ .input-group-lg > .input-group-addon,
10503
+ .input-group-lg > .input-group-btn .btn,
10504
+ .droppable {
8691
10505
  hyphenate-limit-chars: 10 4 3;
8692
10506
  }
8693
10507
  }
@@ -8695,7 +10509,29 @@ small,
8695
10509
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8696
10510
  .body-1,
8697
10511
  .value,
8698
- .np-text-body-large {
10512
+ .np-text-body-large,
10513
+ .wds-text-body-large,
10514
+ .body-1,
10515
+ .value,
10516
+ .np-text-body-large,
10517
+ .wds-text-body-large,
10518
+ .form-control,
10519
+ .input-lg,
10520
+ .form-control-placeholder,
10521
+ .input-group-lg > .form-control,
10522
+ .input-group-lg > .input-group-addon,
10523
+ .input-group-lg > .input-group-btn .btn,
10524
+ .droppable,
10525
+ .body-1,
10526
+ .value,
10527
+ .np-text-body-large,
10528
+ .form-control,
10529
+ .input-lg,
10530
+ .form-control-placeholder,
10531
+ .input-group-lg > .form-control,
10532
+ .input-group-lg > .input-group-addon,
10533
+ .input-group-lg > .input-group-btn .btn,
10534
+ .droppable {
8699
10535
  hyphens: auto;
8700
10536
  -webkit-hyphenate-limit-before: 3;
8701
10537
  -webkit-hyphenate-limit-after: 3;
@@ -8703,52 +10539,112 @@ small,
8703
10539
  @media (min-width: 1160px) {
8704
10540
  .body-1,
8705
10541
  .value,
8706
- .np-text-body-large {
10542
+ .np-text-body-large,
10543
+ .wds-text-body-large,
10544
+ .body-1,
10545
+ .value,
10546
+ .np-text-body-large,
10547
+ .wds-text-body-large,
10548
+ .form-control,
10549
+ .input-lg,
10550
+ .form-control-placeholder,
10551
+ .input-group-lg > .form-control,
10552
+ .input-group-lg > .input-group-addon,
10553
+ .input-group-lg > .input-group-btn .btn,
10554
+ .droppable,
10555
+ .body-1,
10556
+ .value,
10557
+ .np-text-body-large,
10558
+ .form-control,
10559
+ .input-lg,
10560
+ .form-control-placeholder,
10561
+ .input-group-lg > .form-control,
10562
+ .input-group-lg > .input-group-addon,
10563
+ .input-group-lg > .input-group-btn .btn,
10564
+ .droppable {
8707
10565
  -webkit-hyphenate-limit-before: 4;
8708
10566
  }
8709
10567
  }
8710
10568
  }
8711
- /* DEPRECATED: use np-text-body-large-bold instead */
10569
+ /* DEPRECATED: use `.wds-text-body-large-bold` instead */
8712
10570
  /* stylelint-disable-next-line selector-list-comma-newline-after */
8713
10571
  .control-1,
8714
- .np-text-body-large-bold {
8715
- font-weight: 600;
8716
- font-weight: var(--font-weight-semi-bold);
8717
- font-size: 1rem;
8718
- font-size: var(--font-size-16);
8719
- line-height: 150%;
8720
- letter-spacing: -0.011em;
10572
+ .np-text-body-large-bold,
10573
+ .wds-text-body-large-bold,
10574
+ .control-1,
10575
+ .np-text-body-large-bold,
10576
+ .btn {
8721
10577
  word-wrap: break-word;
8722
10578
  }
8723
10579
  @supports (hyphenate-limit-chars: 1) {
8724
10580
  .control-1,
8725
- .np-text-body-large-bold {
10581
+ .np-text-body-large-bold,
10582
+ .wds-text-body-large-bold,
10583
+ .control-1,
10584
+ .np-text-body-large-bold,
10585
+ .wds-text-body-large-bold,
10586
+ .btn,
10587
+ .control-1,
10588
+ .np-text-body-large-bold,
10589
+ .btn {
8726
10590
  hyphens: auto;
8727
10591
  hyphenate-limit-chars: 7 3;
8728
10592
  }
8729
10593
  @media (min-width: 840px) {
8730
10594
  .control-1,
8731
- .np-text-body-large-bold {
10595
+ .np-text-body-large-bold,
10596
+ .wds-text-body-large-bold,
10597
+ .control-1,
10598
+ .np-text-body-large-bold,
10599
+ .wds-text-body-large-bold,
10600
+ .btn,
10601
+ .control-1,
10602
+ .np-text-body-large-bold,
10603
+ .btn {
8732
10604
  hyphenate-limit-chars: 8 3;
8733
10605
  }
8734
10606
  }
8735
10607
  @media (min-width: 1160px) {
8736
10608
  .control-1,
8737
- .np-text-body-large-bold {
10609
+ .np-text-body-large-bold,
10610
+ .wds-text-body-large-bold,
10611
+ .control-1,
10612
+ .np-text-body-large-bold,
10613
+ .wds-text-body-large-bold,
10614
+ .btn,
10615
+ .control-1,
10616
+ .np-text-body-large-bold,
10617
+ .btn {
8738
10618
  hyphenate-limit-chars: 10 4 3;
8739
10619
  }
8740
10620
  }
8741
10621
  }
8742
10622
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
8743
10623
  .control-1,
8744
- .np-text-body-large-bold {
10624
+ .np-text-body-large-bold,
10625
+ .wds-text-body-large-bold,
10626
+ .control-1,
10627
+ .np-text-body-large-bold,
10628
+ .wds-text-body-large-bold,
10629
+ .btn,
10630
+ .control-1,
10631
+ .np-text-body-large-bold,
10632
+ .btn {
8745
10633
  hyphens: auto;
8746
10634
  -webkit-hyphenate-limit-before: 3;
8747
10635
  -webkit-hyphenate-limit-after: 3;
8748
10636
  }
8749
10637
  @media (min-width: 1160px) {
8750
10638
  .control-1,
8751
- .np-text-body-large-bold {
10639
+ .np-text-body-large-bold,
10640
+ .wds-text-body-large-bold,
10641
+ .control-1,
10642
+ .np-text-body-large-bold,
10643
+ .wds-text-body-large-bold,
10644
+ .btn,
10645
+ .control-1,
10646
+ .np-text-body-large-bold,
10647
+ .btn {
8752
10648
  -webkit-hyphenate-limit-before: 4;
8753
10649
  }
8754
10650
  }
@@ -8774,12 +10670,7 @@ a,
8774
10670
  letter-spacing: -0.006em;
8775
10671
  line-height: 155%;
8776
10672
  }
8777
- .np-text-display-number {
8778
- font-weight: 600;
8779
- font-weight: var(--font-weight-semi-bold);
8780
- font-size: 40px;
8781
- line-height: 110%;
8782
- }
10673
+ /* DEPRECATED: use .wds-text-display-number-small instead */
8783
10674
  .display-1,
8784
10675
  .display-2,
8785
10676
  .display-3,
@@ -8788,7 +10679,9 @@ a,
8788
10679
  .np-text-display-extra-large,
8789
10680
  .np-text-display-large,
8790
10681
  .np-text-display-medium,
8791
- .np-text-display-small,
10682
+ .np-text-display-small {
10683
+ font-synthesis: none;
10684
+ }
8792
10685
  .display-1--forced,
8793
10686
  .display-2--forced,
8794
10687
  .display-3--forced,
@@ -8802,62 +10695,11 @@ a,
8802
10695
  font-family: var(--font-family-display);
8803
10696
  font-synthesis: none;
8804
10697
  }
8805
- :lang(ja) .display-1,
8806
- :lang(ja) .display-2,
8807
- :lang(ja) .display-3,
8808
- :lang(ja) .display-4,
8809
- :lang(ja) .display-5,
8810
- :lang(ja) .np-text-display-extra-large,
8811
- :lang(ja) .np-text-display-large,
8812
- :lang(ja) .np-text-display-medium,
8813
- :lang(ja) .np-text-display-small,
8814
- :lang(th) .display-1,
8815
- :lang(th) .display-2,
8816
- :lang(th) .display-3,
8817
- :lang(th) .display-4,
8818
- :lang(th) .display-5,
8819
- :lang(th) .np-text-display-extra-large,
8820
- :lang(th) .np-text-display-large,
8821
- :lang(th) .np-text-display-medium,
8822
- :lang(th) .np-text-display-small,
8823
- :lang(zh-CN) .display-1,
8824
- :lang(zh-CN) .display-2,
8825
- :lang(zh-CN) .display-3,
8826
- :lang(zh-CN) .display-4,
8827
- :lang(zh-CN) .display-5,
8828
- :lang(zh-CN) .np-text-display-extra-large,
8829
- :lang(zh-CN) .np-text-display-large,
8830
- :lang(zh-CN) .np-text-display-medium,
8831
- :lang(zh-CN) .np-text-display-small,
8832
- :lang(zh-HK) .display-1,
8833
- :lang(zh-HK) .display-2,
8834
- :lang(zh-HK) .display-3,
8835
- :lang(zh-HK) .display-4,
8836
- :lang(zh-HK) .display-5,
8837
- :lang(zh-HK) .np-text-display-extra-large,
8838
- :lang(zh-HK) .np-text-display-large,
8839
- :lang(zh-HK) .np-text-display-medium,
8840
- :lang(zh-HK) .np-text-display-small {
8841
- /**
8842
- * Wise Sans covers extended Latin glyphs for logged-in experiences and a small subset
8843
- * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
8844
- * font files are browser-cached and we carried over to launchpad, where it causes issues
8845
- * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
8846
- * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
8847
- * numeric input of ExpressiveMoneyInput.
8848
- * Add `--forced` BEM modifier to the original class name to guarantee it.
8849
- */
8850
- font-family: 'Inter', Helvetica, Arial, sans-serif;
8851
- font-family: var(--font-family-regular);
8852
- line-height: 1.2;
8853
- line-height: var(--line-height-title);
8854
- }
8855
10698
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
8856
10699
  .np-text-display-extra-large,
8857
10700
  .np-text-display-large,
8858
10701
  .np-text-display-medium,
8859
10702
  .np-text-display-small {
8860
- letter-spacing: normal;
8861
10703
  word-wrap: break-word;
8862
10704
  }
8863
10705
  @supports (hyphenate-limit-chars: 1) {
@@ -8903,50 +10745,6 @@ a,
8903
10745
  }
8904
10746
  }
8905
10747
  }
8906
- .np-text-display-extra-large,
8907
- .np-text-display-large {
8908
- font-size: 64px;
8909
- font-size: var(--size-64);
8910
- line-height: normal;
8911
- font-weight: 700;
8912
- font-weight: var(--font-weight-bold);
8913
- }
8914
- .np-text-display-medium {
8915
- font-size: 52px;
8916
- font-size: var(--size-52);
8917
- line-height: normal;
8918
- font-weight: 700;
8919
- font-weight: var(--font-weight-bold);
8920
- }
8921
- .np-text-display-small {
8922
- font-size: 40px;
8923
- font-size: var(--size-40);
8924
- line-height: normal;
8925
- font-weight: 700;
8926
- font-weight: var(--font-weight-bold);
8927
- }
8928
- :lang(en) > .np-text-display-extra-large,
8929
- :lang(en) > .np-text-display-large {
8930
- font-size: 64px;
8931
- font-size: var(--size-64);
8932
- line-height: 0.85;
8933
- font-weight: 400;
8934
- font-weight: var(--font-weight-regular);
8935
- }
8936
- :lang(en) > .np-text-display-medium {
8937
- font-size: 52px;
8938
- font-size: var(--size-52);
8939
- line-height: 0.85;
8940
- font-weight: 400;
8941
- font-weight: var(--font-weight-regular);
8942
- }
8943
- :lang(en) > .np-text-display-small {
8944
- font-size: 40px;
8945
- font-size: var(--size-40);
8946
- line-height: 0.85;
8947
- font-weight: 400;
8948
- font-weight: var(--font-weight-regular);
8949
- }
8950
10748
  /* Disable hyphenation for English
8951
10749
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
8952
10750
  :lang(en),
@@ -8956,350 +10754,6 @@ a,
8956
10754
  :lang(zh-HK) {
8957
10755
  hyphens: none;
8958
10756
  }
8959
- :lang(af) .np-text-display-extra-large,
8960
- :lang(sq) .np-text-display-extra-large,
8961
- :lang(eu) .np-text-display-extra-large,
8962
- :lang(bs) .np-text-display-extra-large,
8963
- :lang(ca) .np-text-display-extra-large,
8964
- :lang(kw) .np-text-display-extra-large,
8965
- :lang(hr) .np-text-display-extra-large,
8966
- :lang(cs) .np-text-display-extra-large,
8967
- :lang(da) .np-text-display-extra-large,
8968
- :lang(nl) .np-text-display-extra-large,
8969
- :lang(eo) .np-text-display-extra-large,
8970
- :lang(et) .np-text-display-extra-large,
8971
- :lang(fo) .np-text-display-extra-large,
8972
- :lang(fi) .np-text-display-extra-large,
8973
- :lang(fr) .np-text-display-extra-large,
8974
- :lang(gl) .np-text-display-extra-large,
8975
- :lang(lg) .np-text-display-extra-large,
8976
- :lang(de) .np-text-display-extra-large,
8977
- :lang(hu) .np-text-display-extra-large,
8978
- :lang(is) .np-text-display-extra-large,
8979
- :lang(se) .np-text-display-extra-large,
8980
- :lang(id) .np-text-display-extra-large,
8981
- :lang(in) .np-text-display-extra-large,
8982
- :lang(ga) .np-text-display-extra-large,
8983
- :lang(it) .np-text-display-extra-large,
8984
- :lang(kl) .np-text-display-extra-large,
8985
- :lang(ki) .np-text-display-extra-large,
8986
- :lang(rw) .np-text-display-extra-large,
8987
- :lang(lv) .np-text-display-extra-large,
8988
- :lang(lt) .np-text-display-extra-large,
8989
- :lang(lb) .np-text-display-extra-large,
8990
- :lang(mg) .np-text-display-extra-large,
8991
- :lang(ms) .np-text-display-extra-large,
8992
- :lang(mt) .np-text-display-extra-large,
8993
- :lang(gv) .np-text-display-extra-large,
8994
- :lang(mi) .np-text-display-extra-large,
8995
- :lang(nd) .np-text-display-extra-large,
8996
- :lang(nb) .np-text-display-extra-large,
8997
- :lang(nn) .np-text-display-extra-large,
8998
- :lang(om) .np-text-display-extra-large,
8999
- :lang(pl) .np-text-display-extra-large,
9000
- :lang(pt) .np-text-display-extra-large,
9001
- :lang(ro) .np-text-display-extra-large,
9002
- :lang(rm) .np-text-display-extra-large,
9003
- :lang(rn) .np-text-display-extra-large,
9004
- :lang(sg) .np-text-display-extra-large,
9005
- :lang(gd) .np-text-display-extra-large,
9006
- :lang(sr) .np-text-display-extra-large,
9007
- :lang(sn) .np-text-display-extra-large,
9008
- :lang(sk) .np-text-display-extra-large,
9009
- :lang(sl) .np-text-display-extra-large,
9010
- :lang(so) .np-text-display-extra-large,
9011
- :lang(es) .np-text-display-extra-large,
9012
- :lang(sw) .np-text-display-extra-large,
9013
- :lang(sv) .np-text-display-extra-large,
9014
- :lang(tr) .np-text-display-extra-large,
9015
- :lang(cy) .np-text-display-extra-large,
9016
- :lang(fy) .np-text-display-extra-large,
9017
- :lang(wo) .np-text-display-extra-large,
9018
- :lang(zu) .np-text-display-extra-large,
9019
- :lang(hsb) .np-text-display-extra-large,
9020
- :lang(gsw) .np-text-display-extra-large,
9021
- :lang(dsb) .np-text-display-extra-large,
9022
- :lang(fil) .np-text-display-extra-large,
9023
- :lang(af) .np-text-display-large,
9024
- :lang(sq) .np-text-display-large,
9025
- :lang(eu) .np-text-display-large,
9026
- :lang(bs) .np-text-display-large,
9027
- :lang(ca) .np-text-display-large,
9028
- :lang(kw) .np-text-display-large,
9029
- :lang(hr) .np-text-display-large,
9030
- :lang(cs) .np-text-display-large,
9031
- :lang(da) .np-text-display-large,
9032
- :lang(nl) .np-text-display-large,
9033
- :lang(eo) .np-text-display-large,
9034
- :lang(et) .np-text-display-large,
9035
- :lang(fo) .np-text-display-large,
9036
- :lang(fi) .np-text-display-large,
9037
- :lang(fr) .np-text-display-large,
9038
- :lang(gl) .np-text-display-large,
9039
- :lang(lg) .np-text-display-large,
9040
- :lang(de) .np-text-display-large,
9041
- :lang(hu) .np-text-display-large,
9042
- :lang(is) .np-text-display-large,
9043
- :lang(se) .np-text-display-large,
9044
- :lang(id) .np-text-display-large,
9045
- :lang(in) .np-text-display-large,
9046
- :lang(ga) .np-text-display-large,
9047
- :lang(it) .np-text-display-large,
9048
- :lang(kl) .np-text-display-large,
9049
- :lang(ki) .np-text-display-large,
9050
- :lang(rw) .np-text-display-large,
9051
- :lang(lv) .np-text-display-large,
9052
- :lang(lt) .np-text-display-large,
9053
- :lang(lb) .np-text-display-large,
9054
- :lang(mg) .np-text-display-large,
9055
- :lang(ms) .np-text-display-large,
9056
- :lang(mt) .np-text-display-large,
9057
- :lang(gv) .np-text-display-large,
9058
- :lang(mi) .np-text-display-large,
9059
- :lang(nd) .np-text-display-large,
9060
- :lang(nb) .np-text-display-large,
9061
- :lang(nn) .np-text-display-large,
9062
- :lang(om) .np-text-display-large,
9063
- :lang(pl) .np-text-display-large,
9064
- :lang(pt) .np-text-display-large,
9065
- :lang(ro) .np-text-display-large,
9066
- :lang(rm) .np-text-display-large,
9067
- :lang(rn) .np-text-display-large,
9068
- :lang(sg) .np-text-display-large,
9069
- :lang(gd) .np-text-display-large,
9070
- :lang(sr) .np-text-display-large,
9071
- :lang(sn) .np-text-display-large,
9072
- :lang(sk) .np-text-display-large,
9073
- :lang(sl) .np-text-display-large,
9074
- :lang(so) .np-text-display-large,
9075
- :lang(es) .np-text-display-large,
9076
- :lang(sw) .np-text-display-large,
9077
- :lang(sv) .np-text-display-large,
9078
- :lang(tr) .np-text-display-large,
9079
- :lang(cy) .np-text-display-large,
9080
- :lang(fy) .np-text-display-large,
9081
- :lang(wo) .np-text-display-large,
9082
- :lang(zu) .np-text-display-large,
9083
- :lang(hsb) .np-text-display-large,
9084
- :lang(gsw) .np-text-display-large,
9085
- :lang(dsb) .np-text-display-large,
9086
- :lang(fil) .np-text-display-large {
9087
- font-size: 64px;
9088
- font-size: var(--size-64);
9089
- line-height: 1.05;
9090
- font-weight: 400;
9091
- font-weight: var(--font-weight-regular);
9092
- }
9093
- :lang(af) .np-text-display-medium,
9094
- :lang(sq) .np-text-display-medium,
9095
- :lang(eu) .np-text-display-medium,
9096
- :lang(bs) .np-text-display-medium,
9097
- :lang(ca) .np-text-display-medium,
9098
- :lang(kw) .np-text-display-medium,
9099
- :lang(hr) .np-text-display-medium,
9100
- :lang(cs) .np-text-display-medium,
9101
- :lang(da) .np-text-display-medium,
9102
- :lang(nl) .np-text-display-medium,
9103
- :lang(eo) .np-text-display-medium,
9104
- :lang(et) .np-text-display-medium,
9105
- :lang(fo) .np-text-display-medium,
9106
- :lang(fi) .np-text-display-medium,
9107
- :lang(fr) .np-text-display-medium,
9108
- :lang(gl) .np-text-display-medium,
9109
- :lang(lg) .np-text-display-medium,
9110
- :lang(de) .np-text-display-medium,
9111
- :lang(hu) .np-text-display-medium,
9112
- :lang(is) .np-text-display-medium,
9113
- :lang(se) .np-text-display-medium,
9114
- :lang(id) .np-text-display-medium,
9115
- :lang(in) .np-text-display-medium,
9116
- :lang(ga) .np-text-display-medium,
9117
- :lang(it) .np-text-display-medium,
9118
- :lang(kl) .np-text-display-medium,
9119
- :lang(ki) .np-text-display-medium,
9120
- :lang(rw) .np-text-display-medium,
9121
- :lang(lv) .np-text-display-medium,
9122
- :lang(lt) .np-text-display-medium,
9123
- :lang(lb) .np-text-display-medium,
9124
- :lang(mg) .np-text-display-medium,
9125
- :lang(ms) .np-text-display-medium,
9126
- :lang(mt) .np-text-display-medium,
9127
- :lang(gv) .np-text-display-medium,
9128
- :lang(mi) .np-text-display-medium,
9129
- :lang(nd) .np-text-display-medium,
9130
- :lang(nb) .np-text-display-medium,
9131
- :lang(nn) .np-text-display-medium,
9132
- :lang(om) .np-text-display-medium,
9133
- :lang(pl) .np-text-display-medium,
9134
- :lang(pt) .np-text-display-medium,
9135
- :lang(ro) .np-text-display-medium,
9136
- :lang(rm) .np-text-display-medium,
9137
- :lang(rn) .np-text-display-medium,
9138
- :lang(sg) .np-text-display-medium,
9139
- :lang(gd) .np-text-display-medium,
9140
- :lang(sr) .np-text-display-medium,
9141
- :lang(sn) .np-text-display-medium,
9142
- :lang(sk) .np-text-display-medium,
9143
- :lang(sl) .np-text-display-medium,
9144
- :lang(so) .np-text-display-medium,
9145
- :lang(es) .np-text-display-medium,
9146
- :lang(sw) .np-text-display-medium,
9147
- :lang(sv) .np-text-display-medium,
9148
- :lang(tr) .np-text-display-medium,
9149
- :lang(cy) .np-text-display-medium,
9150
- :lang(fy) .np-text-display-medium,
9151
- :lang(wo) .np-text-display-medium,
9152
- :lang(zu) .np-text-display-medium,
9153
- :lang(hsb) .np-text-display-medium,
9154
- :lang(gsw) .np-text-display-medium,
9155
- :lang(dsb) .np-text-display-medium,
9156
- :lang(fil) .np-text-display-medium {
9157
- font-size: 52px;
9158
- font-size: var(--size-52);
9159
- line-height: 1.05;
9160
- font-weight: 400;
9161
- font-weight: var(--font-weight-regular);
9162
- }
9163
- :lang(af) .np-text-display-small,
9164
- :lang(sq) .np-text-display-small,
9165
- :lang(eu) .np-text-display-small,
9166
- :lang(bs) .np-text-display-small,
9167
- :lang(ca) .np-text-display-small,
9168
- :lang(kw) .np-text-display-small,
9169
- :lang(hr) .np-text-display-small,
9170
- :lang(cs) .np-text-display-small,
9171
- :lang(da) .np-text-display-small,
9172
- :lang(nl) .np-text-display-small,
9173
- :lang(eo) .np-text-display-small,
9174
- :lang(et) .np-text-display-small,
9175
- :lang(fo) .np-text-display-small,
9176
- :lang(fi) .np-text-display-small,
9177
- :lang(fr) .np-text-display-small,
9178
- :lang(gl) .np-text-display-small,
9179
- :lang(lg) .np-text-display-small,
9180
- :lang(de) .np-text-display-small,
9181
- :lang(hu) .np-text-display-small,
9182
- :lang(is) .np-text-display-small,
9183
- :lang(se) .np-text-display-small,
9184
- :lang(id) .np-text-display-small,
9185
- :lang(in) .np-text-display-small,
9186
- :lang(ga) .np-text-display-small,
9187
- :lang(it) .np-text-display-small,
9188
- :lang(kl) .np-text-display-small,
9189
- :lang(ki) .np-text-display-small,
9190
- :lang(rw) .np-text-display-small,
9191
- :lang(lv) .np-text-display-small,
9192
- :lang(lt) .np-text-display-small,
9193
- :lang(lb) .np-text-display-small,
9194
- :lang(mg) .np-text-display-small,
9195
- :lang(ms) .np-text-display-small,
9196
- :lang(mt) .np-text-display-small,
9197
- :lang(gv) .np-text-display-small,
9198
- :lang(mi) .np-text-display-small,
9199
- :lang(nd) .np-text-display-small,
9200
- :lang(nb) .np-text-display-small,
9201
- :lang(nn) .np-text-display-small,
9202
- :lang(om) .np-text-display-small,
9203
- :lang(pl) .np-text-display-small,
9204
- :lang(pt) .np-text-display-small,
9205
- :lang(ro) .np-text-display-small,
9206
- :lang(rm) .np-text-display-small,
9207
- :lang(rn) .np-text-display-small,
9208
- :lang(sg) .np-text-display-small,
9209
- :lang(gd) .np-text-display-small,
9210
- :lang(sr) .np-text-display-small,
9211
- :lang(sn) .np-text-display-small,
9212
- :lang(sk) .np-text-display-small,
9213
- :lang(sl) .np-text-display-small,
9214
- :lang(so) .np-text-display-small,
9215
- :lang(es) .np-text-display-small,
9216
- :lang(sw) .np-text-display-small,
9217
- :lang(sv) .np-text-display-small,
9218
- :lang(tr) .np-text-display-small,
9219
- :lang(cy) .np-text-display-small,
9220
- :lang(fy) .np-text-display-small,
9221
- :lang(wo) .np-text-display-small,
9222
- :lang(zu) .np-text-display-small,
9223
- :lang(hsb) .np-text-display-small,
9224
- :lang(gsw) .np-text-display-small,
9225
- :lang(dsb) .np-text-display-small,
9226
- :lang(fil) .np-text-display-small {
9227
- font-size: 40px;
9228
- font-size: var(--size-40);
9229
- line-height: 1.05;
9230
- font-weight: 400;
9231
- font-weight: var(--font-weight-regular);
9232
- }
9233
- :lang(el) .np-text-display-extra-large,
9234
- :lang(az) .np-text-display-extra-large,
9235
- :lang(be) .np-text-display-extra-large,
9236
- :lang(bs) .np-text-display-extra-large,
9237
- :lang(bg) .np-text-display-extra-large,
9238
- :lang(ce) .np-text-display-extra-large,
9239
- :lang(mk) .np-text-display-extra-large,
9240
- :lang(os) .np-text-display-extra-large,
9241
- :lang(ru) .np-text-display-extra-large,
9242
- :lang(sr) .np-text-display-extra-large,
9243
- :lang(uk) .np-text-display-extra-large,
9244
- :lang(uz) .np-text-display-extra-large,
9245
- :lang(sah) .np-text-display-extra-large,
9246
- :lang(el) .np-text-display-large,
9247
- :lang(az) .np-text-display-large,
9248
- :lang(be) .np-text-display-large,
9249
- :lang(bs) .np-text-display-large,
9250
- :lang(bg) .np-text-display-large,
9251
- :lang(ce) .np-text-display-large,
9252
- :lang(mk) .np-text-display-large,
9253
- :lang(os) .np-text-display-large,
9254
- :lang(ru) .np-text-display-large,
9255
- :lang(sr) .np-text-display-large,
9256
- :lang(uk) .np-text-display-large,
9257
- :lang(uz) .np-text-display-large,
9258
- :lang(sah) .np-text-display-large {
9259
- font-size: 60px;
9260
- font-size: var(--size-60);
9261
- line-height: 120%;
9262
- font-weight: 600;
9263
- font-weight: var(--font-weight-semi-bold);
9264
- }
9265
- :lang(el) .np-text-display-medium,
9266
- :lang(az) .np-text-display-medium,
9267
- :lang(be) .np-text-display-medium,
9268
- :lang(bs) .np-text-display-medium,
9269
- :lang(bg) .np-text-display-medium,
9270
- :lang(ce) .np-text-display-medium,
9271
- :lang(mk) .np-text-display-medium,
9272
- :lang(os) .np-text-display-medium,
9273
- :lang(ru) .np-text-display-medium,
9274
- :lang(sr) .np-text-display-medium,
9275
- :lang(uk) .np-text-display-medium,
9276
- :lang(uz) .np-text-display-medium,
9277
- :lang(sah) .np-text-display-medium {
9278
- font-size: 48px;
9279
- font-size: var(--size-48);
9280
- line-height: 120%;
9281
- font-weight: 600;
9282
- font-weight: var(--font-weight-semi-bold);
9283
- }
9284
- :lang(el) .np-text-display-small,
9285
- :lang(az) .np-text-display-small,
9286
- :lang(be) .np-text-display-small,
9287
- :lang(bs) .np-text-display-small,
9288
- :lang(bg) .np-text-display-small,
9289
- :lang(ce) .np-text-display-small,
9290
- :lang(mk) .np-text-display-small,
9291
- :lang(os) .np-text-display-small,
9292
- :lang(ru) .np-text-display-small,
9293
- :lang(sr) .np-text-display-small,
9294
- :lang(uk) .np-text-display-small,
9295
- :lang(uz) .np-text-display-small,
9296
- :lang(sah) .np-text-display-small {
9297
- font-size: 40px;
9298
- font-size: var(--size-40);
9299
- line-height: 120%;
9300
- font-weight: 600;
9301
- font-weight: var(--font-weight-semi-bold);
9302
- }
9303
10757
  /* DEPRECATED: use `.np-text-display-*` instead */
9304
10758
  .display-1 {
9305
10759
  margin-block-end: 24px;
@@ -9920,6 +11374,21 @@ a.text-inverse:focus {
9920
11374
  .bg-primary .np-text-title-group,
9921
11375
  .bg-info .np-text-title-group,
9922
11376
  .bg-accent .np-text-title-group,
11377
+ .bg-primary .wds-text-title-screen,
11378
+ .bg-info .wds-text-title-screen,
11379
+ .bg-accent .wds-text-title-screen,
11380
+ .bg-primary .wds-text-title-section,
11381
+ .bg-info .wds-text-title-section,
11382
+ .bg-accent .wds-text-title-section,
11383
+ .bg-primary .wds-text-title-subsection,
11384
+ .bg-info .wds-text-title-subsection,
11385
+ .bg-accent .wds-text-title-subsection,
11386
+ .bg-primary .wds-text-title-body,
11387
+ .bg-info .wds-text-title-body,
11388
+ .bg-accent .wds-text-title-body,
11389
+ .bg-primary .wds-text-title-group,
11390
+ .bg-info .wds-text-title-group,
11391
+ .bg-accent .wds-text-title-group,
9923
11392
  .bg-primary strong,
9924
11393
  .bg-info strong,
9925
11394
  .bg-accent strong {
@@ -12006,8 +13475,16 @@ a.badge:focus {
12006
13475
  block-size: 32px;
12007
13476
  }
12008
13477
  .btn {
12009
- line-height: 150%;
13478
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13479
+ font-family: var(--wds-font-family-regular);
13480
+ font-weight: 600;
13481
+ font-weight: var(--wds-font-weight-body-large-bold);
13482
+ font-size: 1rem;
13483
+ font-size: var(--wds-font-size-body-large);
13484
+ line-height: 1.5;
13485
+ line-height: var(--wds-line-height-body-large);
12010
13486
  letter-spacing: -0.011em;
13487
+ letter-spacing: var(--wds-letter-spacing-body-large);
12011
13488
  word-wrap: break-word;
12012
13489
  display: inline-block;
12013
13490
  margin-block-end: 0;
@@ -12019,12 +13496,10 @@ a.badge:focus {
12019
13496
  border: 1px solid transparent;
12020
13497
  white-space: nowrap;
12021
13498
  padding-block-end: 10px;
12022
- font-weight: 600;
12023
13499
  font-weight: var(--font-weight-semi-bold);
12024
13500
  padding-block: 12px calc(12px - 2px);
12025
13501
  padding-inline: 24px;
12026
13502
  padding: var(--btn-padding);
12027
- font-size: 1rem;
12028
13503
  font-size: var(--font-size-16);
12029
13504
  line-height: 1.5rem;
12030
13505
  line-height: var(--line-height-24);
@@ -13793,8 +15268,9 @@ a.btn {
13793
15268
  .btn-group .btn-input + .dropdown-menu > li > a {
13794
15269
  white-space: normal;
13795
15270
  }
13796
- .btn-group .np-text-body-default,
13797
15271
  .btn-group .body-2,
15272
+ .btn-group .np-text-body-default,
15273
+ .btn-group .wds-text-body-default,
13798
15274
  .btn-group .small {
13799
15275
  color: #5d7079;
13800
15276
  color: var(--color-content-secondary);
@@ -13805,12 +15281,16 @@ a.btn {
13805
15281
  }
13806
15282
  }
13807
15283
  .btn-group .secondary {
15284
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15285
+ font-family: var(--wds-font-family-regular);
15286
+ font-weight: 400;
15287
+ font-weight: var(--wds-font-weight-body-regular);
13808
15288
  font-size: 0.875rem;
13809
- font-size: var(--font-size-14);
13810
- line-height: 155%;
15289
+ font-size: var(--wds-font-size-body);
15290
+ line-height: 1.55;
15291
+ line-height: var(--wds-line-height-body);
13811
15292
  letter-spacing: -0.006em;
13812
- font-weight: 400;
13813
- font-weight: var(--font-weight-regular);
15293
+ letter-spacing: var(--wds-letter-spacing-body);
13814
15294
  word-wrap: break-word;
13815
15295
  color: #5d7079;
13816
15296
  color: var(--color-content-secondary);
@@ -13871,31 +15351,31 @@ label,
13871
15351
  font-size: var(--font-size-14);
13872
15352
  line-height: 20px;
13873
15353
  }
13874
- input[type='search'] {
15354
+ input[type="search"] {
13875
15355
  box-sizing: border-box;
13876
15356
  }
13877
- input[type='number'] {
15357
+ input[type="number"] {
13878
15358
  -webkit-appearance: textfield;
13879
15359
  -moz-appearance: textfield;
13880
15360
  appearance: textfield;
13881
15361
  }
13882
- input[type='number']::-webkit-outer-spin-button,
13883
- input[type='number']::-webkit-inner-spin-button {
15362
+ input[type="number"]::-webkit-outer-spin-button,
15363
+ input[type="number"]::-webkit-inner-spin-button {
13884
15364
  -webkit-appearance: none;
13885
15365
  appearance: none;
13886
15366
  margin: 0;
13887
15367
  }
13888
- input[type='radio'],
13889
- input[type='checkbox'] {
15368
+ input[type="radio"],
15369
+ input[type="checkbox"] {
13890
15370
  margin-block: 4px 0;
13891
15371
  margin-inline: 0;
13892
15372
  margin-block-start: 1px;
13893
15373
  line-height: normal;
13894
15374
  }
13895
- input[type='file'] {
15375
+ input[type="file"] {
13896
15376
  display: block;
13897
15377
  }
13898
- input[type='range'] {
15378
+ input[type="range"] {
13899
15379
  display: block;
13900
15380
  inline-size: 100%;
13901
15381
  }
@@ -13903,9 +15383,9 @@ select[multiple],
13903
15383
  select[size] {
13904
15384
  block-size: auto;
13905
15385
  }
13906
- input[type='file']:focus,
13907
- input[type='radio']:focus,
13908
- input[type='checkbox']:focus {
15386
+ input[type="file"]:focus,
15387
+ input[type="radio"]:focus,
15388
+ input[type="checkbox"]:focus {
13909
15389
  outline: #37517e solid 2px;
13910
15390
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
13911
15391
  outline-offset: 2px;
@@ -13932,17 +15412,22 @@ output {
13932
15412
  border: 1px solid #c9cbce;
13933
15413
  border: 1px solid var(--color-interactive-secondary);
13934
15414
  transition: border-color ease-in-out 0.15s;
15415
+ font-size: 1rem;
15416
+ font-size: var(--font-size-16);
13935
15417
  min-block-size: var(--input-height-base);
13936
15418
  padding-block: 12px calc(12px - 2px);
13937
15419
  padding-inline: 16px;
13938
15420
  padding: var(--input-padding);
13939
15421
  border-radius: 3px;
15422
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15423
+ font-family: var(--wds-font-family-regular);
13940
15424
  font-weight: 400;
13941
- font-weight: var(--font-weight-regular);
13942
- font-size: 1rem;
13943
- font-size: var(--font-size-16);
13944
- line-height: 150%;
15425
+ font-weight: var(--wds-font-weight-body-large-regular);
15426
+ font-size: var(--wds-font-size-body-large);
15427
+ line-height: 1.5;
15428
+ line-height: var(--wds-line-height-body-large);
13945
15429
  letter-spacing: -0.011em;
15430
+ letter-spacing: var(--wds-letter-spacing-body-large);
13946
15431
  word-wrap: break-word;
13947
15432
  background-clip: padding-box;
13948
15433
  }
@@ -14022,36 +15507,36 @@ textarea.form-control {
14022
15507
  .np-theme-personal .form-control:focus {
14023
15508
  border-color: var(--color-interactive-primary);
14024
15509
  }
14025
- input[type='search'] {
15510
+ input[type="search"] {
14026
15511
  -webkit-appearance: none;
14027
15512
  -moz-appearance: none;
14028
15513
  appearance: none;
14029
15514
  }
14030
15515
  @media screen and (min-device-pixel-ratio: 0) {
14031
- input[type='date'],
14032
- input[type='time'],
14033
- input[type='datetime-local'],
14034
- input[type='month'] {
15516
+ input[type="date"],
15517
+ input[type="time"],
15518
+ input[type="datetime-local"],
15519
+ input[type="month"] {
14035
15520
  line-height: var(--input-height-base);
14036
15521
  }
14037
- input[type='date'].input-sm,
14038
- input[type='time'].input-sm,
14039
- input[type='datetime-local'].input-sm,
14040
- input[type='month'].input-sm,
14041
- .input-group-sm input[type='date'],
14042
- .input-group-sm input[type='time'],
14043
- .input-group-sm input[type='datetime-local'],
14044
- .input-group-sm input[type='month'] {
15522
+ input[type="date"].input-sm,
15523
+ input[type="time"].input-sm,
15524
+ input[type="datetime-local"].input-sm,
15525
+ input[type="month"].input-sm,
15526
+ .input-group-sm input[type="date"],
15527
+ .input-group-sm input[type="time"],
15528
+ .input-group-sm input[type="datetime-local"],
15529
+ .input-group-sm input[type="month"] {
14045
15530
  line-height: var(--input-height-small);
14046
15531
  }
14047
- input[type='date'].input-lg,
14048
- input[type='time'].input-lg,
14049
- input[type='datetime-local'].input-lg,
14050
- input[type='month'].input-lg,
14051
- .input-group-lg input[type='date'],
14052
- .input-group-lg input[type='time'],
14053
- .input-group-lg input[type='datetime-local'],
14054
- .input-group-lg input[type='month'] {
15532
+ input[type="date"].input-lg,
15533
+ input[type="time"].input-lg,
15534
+ input[type="datetime-local"].input-lg,
15535
+ input[type="month"].input-lg,
15536
+ .input-group-lg input[type="date"],
15537
+ .input-group-lg input[type="time"],
15538
+ .input-group-lg input[type="datetime-local"],
15539
+ .input-group-lg input[type="month"] {
14055
15540
  line-height: calc(var(--input-height-large) - 1.5);
14056
15541
  line-height: calc(var(--input-height-large) - var(--line-height-body));
14057
15542
  }
@@ -14067,7 +15552,7 @@ input[type='search'] {
14067
15552
  color: #37517e;
14068
15553
  color: var(--color-content-primary);
14069
15554
  }
14070
- .row-equal-height > [class*='col-'] > .form-group {
15555
+ .row-equal-height > [class*="col-"] > .form-group {
14071
15556
  inline-size: 100%;
14072
15557
  }
14073
15558
  .radio,
@@ -14086,10 +15571,10 @@ input[type='search'] {
14086
15571
  .checkbox + .checkbox {
14087
15572
  margin-block-start: 12px;
14088
15573
  }
14089
- .radio input[type='radio'],
14090
- .radio-inline input[type='radio'],
14091
- .checkbox input[type='checkbox'],
14092
- .checkbox-inline input[type='checkbox'] {
15574
+ .radio input[type="radio"],
15575
+ .radio-inline input[type="radio"],
15576
+ .checkbox input[type="checkbox"],
15577
+ .checkbox-inline input[type="checkbox"] {
14093
15578
  position: absolute;
14094
15579
  margin-inline-start: -20px;
14095
15580
  margin-block-start: 4px \9;
@@ -14115,12 +15600,12 @@ fieldset[disabled] .checkbox-inline {
14115
15600
  margin-block-start: 0;
14116
15601
  margin-inline-start: 10px;
14117
15602
  }
14118
- input[type='radio'][disabled],
14119
- input[type='checkbox'][disabled],
14120
- input[type='radio'].disabled,
14121
- input[type='checkbox'].disabled,
14122
- fieldset[disabled] input[type='radio'],
14123
- fieldset[disabled] input[type='checkbox'] {
15603
+ input[type="radio"][disabled],
15604
+ input[type="checkbox"][disabled],
15605
+ input[type="radio"].disabled,
15606
+ input[type="checkbox"].disabled,
15607
+ fieldset[disabled] input[type="radio"],
15608
+ fieldset[disabled] input[type="checkbox"] {
14124
15609
  cursor: not-allowed;
14125
15610
  }
14126
15611
  input[type="password"]::-ms-reveal {
@@ -14160,12 +15645,16 @@ fieldset[disabled] .checkbox label {
14160
15645
  border-radius: 3px;
14161
15646
  font-size: 14px;
14162
15647
  line-height: 24px;
15648
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15649
+ font-family: var(--wds-font-family-regular);
15650
+ font-weight: 400;
15651
+ font-weight: var(--wds-font-weight-body-regular);
14163
15652
  font-size: 0.875rem;
14164
- font-size: var(--font-size-14);
14165
- line-height: 155%;
15653
+ font-size: var(--wds-font-size-body);
15654
+ line-height: 1.55;
15655
+ line-height: var(--wds-line-height-body);
14166
15656
  letter-spacing: -0.006em;
14167
- font-weight: 400;
14168
- font-weight: var(--font-weight-regular);
15657
+ letter-spacing: var(--wds-letter-spacing-body);
14169
15658
  word-wrap: break-word;
14170
15659
  }
14171
15660
  select.input-sm {
@@ -14243,12 +15732,16 @@ select[multiple].input-sm {
14243
15732
  padding-inline: 16px;
14244
15733
  padding: var(--input-padding-large);
14245
15734
  border-radius: 3px;
15735
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15736
+ font-family: var(--wds-font-family-regular);
14246
15737
  font-weight: 400;
14247
- font-weight: var(--font-weight-regular);
15738
+ font-weight: var(--wds-font-weight-body-large-regular);
14248
15739
  font-size: 1rem;
14249
- font-size: var(--font-size-16);
14250
- line-height: 150%;
15740
+ font-size: var(--wds-font-size-body-large);
15741
+ line-height: 1.5;
15742
+ line-height: var(--wds-line-height-body-large);
14251
15743
  letter-spacing: -0.011em;
15744
+ letter-spacing: var(--wds-letter-spacing-body-large);
14252
15745
  word-wrap: break-word;
14253
15746
  }
14254
15747
  select.input-lg {
@@ -15233,8 +16726,8 @@ select[multiple].input-lg {
15233
16726
  .form-inline .checkbox label {
15234
16727
  padding-inline-start: 0;
15235
16728
  }
15236
- .form-inline .radio input[type='radio'],
15237
- .form-inline .checkbox input[type='checkbox'] {
16729
+ .form-inline .radio input[type="radio"],
16730
+ .form-inline .checkbox input[type="checkbox"] {
15238
16731
  position: relative;
15239
16732
  margin-inline-start: 0;
15240
16733
  }
@@ -15666,42 +17159,42 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
15666
17159
  margin-inline-start: -6px;
15667
17160
  margin-inline-end: -6px;
15668
17161
  }
15669
- .form-group .row [class*='col-'] {
17162
+ .form-group .row [class*="col-"] {
15670
17163
  padding-inline-start: 6px;
15671
17164
  padding-inline-end: 6px;
15672
17165
  }
15673
17166
  @media (max-width: 599.98px) {
15674
- .form-group .row [class*='col-sm-'] {
17167
+ .form-group .row [class*="col-sm-"] {
15675
17168
  margin-block-end: 0;
15676
17169
  }
15677
- .form-group .row [class*='col-sm-'] .btn-input {
17170
+ .form-group .row [class*="col-sm-"] .btn-input {
15678
17171
  margin-block-end: 12px;
15679
17172
  }
15680
17173
  }
15681
17174
  @media (max-width: 839.98px) {
15682
- .form-group .row [class*='col-md-'] {
17175
+ .form-group .row [class*="col-md-"] {
15683
17176
  margin-block-end: 0;
15684
17177
  }
15685
- .form-group .row [class*='col-md-'] .form-control,
15686
- .form-group .row [class*='col-md-'] .btn-input {
17178
+ .form-group .row [class*="col-md-"] .form-control,
17179
+ .form-group .row [class*="col-md-"] .btn-input {
15687
17180
  margin-block-end: 12px;
15688
17181
  }
15689
17182
  }
15690
17183
  @media (max-width: 1159.98px) {
15691
- .form-group .row [class*='col-lg-'] {
17184
+ .form-group .row [class*="col-lg-"] {
15692
17185
  margin-block-end: 0;
15693
17186
  }
15694
- .form-group .row [class*='col-lg-'] .form-control,
15695
- .form-group .row [class*='col-lg-'] .btn-input {
17187
+ .form-group .row [class*="col-lg-"] .form-control,
17188
+ .form-group .row [class*="col-lg-"] .btn-input {
15696
17189
  margin-block-end: 12px;
15697
17190
  }
15698
17191
  }
15699
17192
  @media (max-width: 1159.98px) {
15700
- .form-group .row [class*='col-xl-'] {
17193
+ .form-group .row [class*="col-xl-"] {
15701
17194
  margin-block-end: 0;
15702
17195
  }
15703
- .form-group .row [class*='col-xl-'] .form-control,
15704
- .form-group .row [class*='col-xl-'] .btn-input {
17196
+ .form-group .row [class*="col-xl-"] .form-control,
17197
+ .form-group .row [class*="col-xl-"] .btn-input {
15705
17198
  margin-block-end: 12px;
15706
17199
  }
15707
17200
  }
@@ -15784,7 +17277,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
15784
17277
  .checkbox.checkbox-lg > label .np-text-body-default,
15785
17278
  .radio.checkbox-lg > label .np-text-body-default,
15786
17279
  .checkbox.radio-lg > label .np-text-body-default,
15787
- .radio.radio-lg > label .np-text-body-default {
17280
+ .radio.radio-lg > label .np-text-body-default,
17281
+ .checkbox.checkbox-lg > label .wds-text-body-default,
17282
+ .radio.checkbox-lg > label .wds-text-body-default,
17283
+ .checkbox.radio-lg > label .wds-text-body-default,
17284
+ .radio.radio-lg > label .wds-text-body-default {
15788
17285
  display: block;
15789
17286
  color: #5d7079;
15790
17287
  color: var(--color-content-secondary);
@@ -15881,12 +17378,16 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
15881
17378
  .form-control-placeholder {
15882
17379
  text-overflow: ellipsis;
15883
17380
  overflow: hidden;
17381
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
17382
+ font-family: var(--wds-font-family-regular);
15884
17383
  font-weight: 400;
15885
- font-weight: var(--font-weight-regular);
17384
+ font-weight: var(--wds-font-weight-body-large-regular);
15886
17385
  font-size: 1rem;
15887
- font-size: var(--font-size-16);
15888
- line-height: 150%;
17386
+ font-size: var(--wds-font-size-body-large);
17387
+ line-height: 1.5;
17388
+ line-height: var(--wds-line-height-body-large);
15889
17389
  letter-spacing: -0.011em;
17390
+ letter-spacing: var(--wds-letter-spacing-body-large);
15890
17391
  word-wrap: break-word;
15891
17392
  display: block;
15892
17393
  inline-size: 100%;
@@ -16013,23 +17514,23 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
16013
17514
  .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
16014
17515
  .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
16015
17516
  .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
16016
- .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
16017
- .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
16018
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
17517
+ .np-theme-personal .has-error input[type="checkbox"]:hover + .tw-checkbox-button,
17518
+ .np-theme-personal .has-error input[type="radio"]:not(.disabled):not(:disabled):hover + .tw-radio-button,
17519
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
16019
17520
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
16020
17521
  }
16021
17522
  .np-theme-personal .has-error .tw-checkbox-button.checked,
16022
17523
  .np-theme-personal .has-error .tw-checkbox-button:checked,
16023
- .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
17524
+ .np-theme-personal .has-error input[type="checkbox"]:checked + .tw-checkbox-button,
16024
17525
  .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
16025
17526
  .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
16026
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
17527
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
16027
17528
  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
16028
17529
  background: var(--color-sentiment-negative);
16029
17530
  }
16030
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
16031
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
16032
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
17531
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type="checkbox"] + .tw-checkbox-button,
17532
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type="checkbox"] + .tw-checkbox-button,
17533
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type="checkbox"] + .tw-checkbox-button {
16033
17534
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
16034
17535
  }
16035
17536
  .np-theme-personal .tw-radio-button,
@@ -16135,77 +17636,39 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
16135
17636
  padding: var(--input-padding-large);
16136
17637
  border-radius: 3px;
16137
17638
  font-weight: 400;
16138
- font-weight: var(--font-weight-regular);
17639
+ font-weight: var(--wds-font-weight-body-large-regular);
16139
17640
  font-size: 1rem;
16140
- font-size: var(--font-size-16);
16141
- line-height: 150%;
16142
- letter-spacing: -0.011em;
16143
- margin: 0;
16144
- color: #37517e;
16145
- color: var(--color-content-primary);
16146
- line-height: 1.2;
16147
- line-height: var(--line-height-title);
16148
- letter-spacing: 0;
16149
- word-wrap: break-word;
16150
- margin-block-end: initial;
16151
- font-size: 1.375rem;
16152
- font-size: var(--font-size-22);
16153
- font-weight: 600;
16154
- font-weight: var(--font-weight-semi-bold);
16155
- letter-spacing: -0.018em;
16156
- line-height: 125%;
16157
- margin-block-end: 0;
16158
- }
16159
- select.input-group-lg > .form-control,
16160
- select.input-group-lg > .input-group-addon,
16161
- select.input-group-lg > .input-group-btn .btn {
16162
- min-block-size: var(--input-height-large);
16163
- }
16164
- textarea.input-group-lg > .form-control,
16165
- textarea.input-group-lg > .input-group-addon,
16166
- textarea.input-group-lg > .input-group-btn .btn,
16167
- select[multiple].input-group-lg > .form-control,
16168
- select[multiple].input-group-lg > .input-group-addon,
16169
- select[multiple].input-group-lg > .input-group-btn .btn {
16170
- block-size: auto;
16171
- }
16172
- @supports (hyphenate-limit-chars: 1) {
16173
- .input-group-lg > .form-control,
16174
- .input-group-lg > .input-group-addon,
16175
- .input-group-lg > .input-group-btn .btn {
16176
- hyphens: auto;
16177
- hyphenate-limit-chars: 7 3;
16178
- }
16179
- @media (min-width: 840px) {
16180
- .input-group-lg > .form-control,
16181
- .input-group-lg > .input-group-addon,
16182
- .input-group-lg > .input-group-btn .btn {
16183
- hyphenate-limit-chars: 8 3;
16184
- }
16185
- }
16186
- @media (min-width: 1160px) {
16187
- .input-group-lg > .form-control,
16188
- .input-group-lg > .input-group-addon,
16189
- .input-group-lg > .input-group-btn .btn {
16190
- hyphenate-limit-chars: 10 4 3;
16191
- }
16192
- }
17641
+ font-size: var(--wds-font-size-body-large);
17642
+ line-height: 1.5;
17643
+ line-height: var(--wds-line-height-body-large);
17644
+ letter-spacing: -0.011em;
17645
+ letter-spacing: var(--wds-letter-spacing-body-large);
17646
+ word-wrap: break-word;
17647
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
17648
+ font-family: var(--wds-font-family-regular);
17649
+ font-weight: 600;
17650
+ font-weight: var(--wds-font-weight-title-subsection);
17651
+ font-size: 1.375rem;
17652
+ font-size: var(--wds-font-size-title-subsection);
17653
+ line-height: 1.25;
17654
+ line-height: var(--wds-line-height-title-subsection);
17655
+ letter-spacing: -0.018em;
17656
+ letter-spacing: var(--wds-letter-spacing-title-subsection);
17657
+ margin-block-end: initial;
17658
+ margin-block-end: 0;
16193
17659
  }
16194
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
16195
- .input-group-lg > .form-control,
16196
- .input-group-lg > .input-group-addon,
16197
- .input-group-lg > .input-group-btn .btn {
16198
- hyphens: auto;
16199
- -webkit-hyphenate-limit-before: 3;
16200
- -webkit-hyphenate-limit-after: 3;
16201
- }
16202
- @media (min-width: 1160px) {
16203
- .input-group-lg > .form-control,
16204
- .input-group-lg > .input-group-addon,
16205
- .input-group-lg > .input-group-btn .btn {
16206
- -webkit-hyphenate-limit-before: 4;
16207
- }
16208
- }
17660
+ select.input-group-lg > .form-control,
17661
+ select.input-group-lg > .input-group-addon,
17662
+ select.input-group-lg > .input-group-btn .btn {
17663
+ min-block-size: var(--input-height-large);
17664
+ }
17665
+ textarea.input-group-lg > .form-control,
17666
+ textarea.input-group-lg > .input-group-addon,
17667
+ textarea.input-group-lg > .input-group-btn .btn,
17668
+ select[multiple].input-group-lg > .form-control,
17669
+ select[multiple].input-group-lg > .input-group-addon,
17670
+ select[multiple].input-group-lg > .input-group-btn .btn {
17671
+ block-size: auto;
16209
17672
  }
16210
17673
  @supports (hyphenate-limit-chars: 1) {
16211
17674
  .input-group-lg > .form-control,
@@ -16245,18 +17708,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
16245
17708
  }
16246
17709
  }
16247
17710
  }
16248
- .input-group-lg > .form-control + p,
16249
- .input-group-lg > .input-group-addon + p,
16250
- .input-group-lg > .input-group-btn .btn + p,
16251
- .input-group-lg > .form-control + ul:not(.list-unstyled),
16252
- .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
16253
- .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
16254
- .input-group-lg > .form-control + ol:not(.list-unstyled),
16255
- .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
16256
- .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
16257
- margin-block-start: 8px;
16258
- margin-block-start: var(--size-8);
16259
- }
16260
17711
  .input-group-sm > .form-control,
16261
17712
  .input-group-sm > .input-group-addon {
16262
17713
  min-block-size: 32px;
@@ -16266,12 +17717,16 @@ select[multiple].input-group-lg > .input-group-btn .btn {
16266
17717
  border-radius: 3px;
16267
17718
  font-size: 14px;
16268
17719
  line-height: 24px;
17720
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
17721
+ font-family: var(--wds-font-family-regular);
17722
+ font-weight: 400;
17723
+ font-weight: var(--wds-font-weight-body-regular);
16269
17724
  font-size: 0.875rem;
16270
- font-size: var(--font-size-14);
16271
- line-height: 155%;
17725
+ font-size: var(--wds-font-size-body);
17726
+ line-height: 1.55;
17727
+ line-height: var(--wds-line-height-body);
16272
17728
  letter-spacing: -0.006em;
16273
- font-weight: 400;
16274
- font-weight: var(--font-weight-regular);
17729
+ letter-spacing: var(--wds-letter-spacing-body);
16275
17730
  word-wrap: break-word;
16276
17731
  }
16277
17732
  select.input-group-sm > .form-control,
@@ -16941,61 +18396,28 @@ li > a > .currency-flag:first-child {
16941
18396
  --ring-outline-offset: 0;
16942
18397
  }
16943
18398
  .decision__title {
16944
- margin: 0;
16945
- color: #37517e;
16946
- color: var(--color-content-primary);
16947
- line-height: 1.2;
16948
- line-height: var(--line-height-title);
16949
- letter-spacing: 0;
16950
- word-wrap: break-word;
16951
- font-size: 1.125rem;
16952
- font-size: var(--font-size-18);
18399
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18400
+ font-family: var(--wds-font-family-regular);
16953
18401
  font-weight: 600;
16954
- font-weight: var(--font-weight-semi-bold);
18402
+ font-weight: var(--wds-font-weight-title-body);
18403
+ font-size: 1.125rem;
18404
+ font-size: var(--wds-font-size-title-body);
18405
+ line-height: 1.35;
18406
+ line-height: var(--wds-line-height-title-body);
16955
18407
  letter-spacing: -0.014em;
16956
- line-height: 135%;
16957
- }
16958
- @supports (hyphenate-limit-chars: 1) {
16959
- .decision__title {
16960
- hyphens: auto;
16961
- hyphenate-limit-chars: 7 3;
16962
- }
16963
- @media (min-width: 840px) {
16964
- .decision__title {
16965
- hyphenate-limit-chars: 8 3;
16966
- }
16967
- }
16968
- @media (min-width: 1160px) {
16969
- .decision__title {
16970
- hyphenate-limit-chars: 10 4 3;
16971
- }
16972
- }
16973
- }
16974
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
16975
- .decision__title {
16976
- hyphens: auto;
16977
- -webkit-hyphenate-limit-before: 3;
16978
- -webkit-hyphenate-limit-after: 3;
16979
- }
16980
- @media (min-width: 1160px) {
16981
- .decision__title {
16982
- -webkit-hyphenate-limit-before: 4;
16983
- }
16984
- }
16985
- }
16986
- .decision__title + p,
16987
- .decision__title + ul:not(.list-unstyled),
16988
- .decision__title + ol:not(.list-unstyled) {
16989
- margin-block-start: 8px;
16990
- margin-block-start: var(--size-8);
18408
+ letter-spacing: var(--wds-letter-spacing-title-body);
16991
18409
  }
16992
18410
  .decision__content {
18411
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18412
+ font-family: var(--wds-font-family-regular);
18413
+ font-weight: 400;
18414
+ font-weight: var(--wds-font-weight-body-regular);
16993
18415
  font-size: 0.875rem;
16994
- font-size: var(--font-size-14);
16995
- line-height: 155%;
18416
+ font-size: var(--wds-font-size-body);
18417
+ line-height: 1.55;
18418
+ line-height: var(--wds-line-height-body);
16996
18419
  letter-spacing: -0.006em;
16997
- font-weight: 400;
16998
- font-weight: var(--font-weight-regular);
18420
+ letter-spacing: var(--wds-letter-spacing-body);
16999
18421
  word-wrap: break-word;
17000
18422
  margin-block-start: 4px;
17001
18423
  margin-block-start: var(--size-4);
@@ -17105,12 +18527,16 @@ li > a > .currency-flag:first-child {
17105
18527
  padding: 8px;
17106
18528
  margin: 0;
17107
18529
  list-style: none;
18530
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18531
+ font-family: var(--wds-font-family-regular);
18532
+ font-weight: 400;
18533
+ font-weight: var(--wds-font-weight-body-regular);
17108
18534
  font-size: 0.875rem;
17109
- font-size: var(--font-size-14);
17110
- line-height: 155%;
18535
+ font-size: var(--wds-font-size-body);
18536
+ line-height: 1.55;
18537
+ line-height: var(--wds-line-height-body);
17111
18538
  letter-spacing: -0.006em;
17112
- font-weight: 400;
17113
- font-weight: var(--font-weight-regular);
18539
+ letter-spacing: var(--wds-letter-spacing-body);
17114
18540
  word-wrap: break-word;
17115
18541
  text-align: start;
17116
18542
  background-color: #ffffff;
@@ -17191,12 +18617,16 @@ li > a > .currency-flag:first-child {
17191
18617
  padding: var(--dropdown-link-padding);
17192
18618
  clear: both;
17193
18619
  border-radius: 3px;
18620
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18621
+ font-family: var(--wds-font-family-regular);
18622
+ font-weight: 400;
18623
+ font-weight: var(--wds-font-weight-body-regular);
17194
18624
  font-size: 0.875rem;
17195
- font-size: var(--font-size-14);
17196
- line-height: 155%;
18625
+ font-size: var(--wds-font-size-body);
18626
+ line-height: 1.55;
18627
+ line-height: var(--wds-line-height-body);
17197
18628
  letter-spacing: -0.006em;
17198
- font-weight: 400;
17199
- font-weight: var(--font-weight-regular);
18629
+ letter-spacing: var(--wds-letter-spacing-body);
17200
18630
  word-wrap: break-word;
17201
18631
  color: #37517e;
17202
18632
  color: var(--color-content-primary);
@@ -17295,10 +18725,12 @@ li > a > .currency-flag:first-child {
17295
18725
  .dropdown-menu > .selected > a strong {
17296
18726
  color: inherit;
17297
18727
  }
17298
- .dropdown-menu > .active > a .np-text-body-default,
17299
- .dropdown-menu > .selected > a .np-text-body-default,
17300
18728
  .dropdown-menu > .active > a .small,
17301
18729
  .dropdown-menu > .selected > a .small,
18730
+ .dropdown-menu > .active > a .np-text-body-default,
18731
+ .dropdown-menu > .selected > a .np-text-body-default,
18732
+ .dropdown-menu > .active > a .wds-text-body-default,
18733
+ .dropdown-menu > .selected > a .wds-text-body-default,
17302
18734
  .dropdown-menu > .active > a .secondary,
17303
18735
  .dropdown-menu > .selected > a .secondary {
17304
18736
  color: #c9cbce;
@@ -17393,58 +18825,22 @@ li > a > .currency-flag:first-child {
17393
18825
  display: block;
17394
18826
  padding-block: 8px;
17395
18827
  padding-inline: 16px;
18828
+ font-size: 0.875rem;
18829
+ font-size: var(--font-size-14);
17396
18830
  line-height: 1.5;
17397
18831
  line-height: var(--line-height-body);
17398
18832
  color: #5d7079;
17399
18833
  color: var(--color-content-secondary);
17400
18834
  white-space: nowrap;
17401
- margin: 0;
17402
- color: #37517e;
17403
- color: var(--color-content-primary);
17404
- line-height: 1.2;
17405
- line-height: var(--line-height-title);
17406
- letter-spacing: 0;
17407
- word-wrap: break-word;
18835
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18836
+ font-family: var(--wds-font-family-regular);
17408
18837
  font-weight: 500;
17409
- font-weight: var(--font-weight-medium);
17410
- font-size: 0.875rem;
17411
- font-size: var(--font-size-14);
17412
- letter-spacing: -0.006em;
17413
- line-height: 140%;
17414
- }
17415
- @supports (hyphenate-limit-chars: 1) {
17416
- .dropdown-header {
17417
- hyphens: auto;
17418
- hyphenate-limit-chars: 7 3;
17419
- }
17420
- @media (min-width: 840px) {
17421
- .dropdown-header {
17422
- hyphenate-limit-chars: 8 3;
17423
- }
17424
- }
17425
- @media (min-width: 1160px) {
17426
- .dropdown-header {
17427
- hyphenate-limit-chars: 10 4 3;
17428
- }
17429
- }
17430
- }
17431
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17432
- .dropdown-header {
17433
- hyphens: auto;
17434
- -webkit-hyphenate-limit-before: 3;
17435
- -webkit-hyphenate-limit-after: 3;
17436
- }
17437
- @media (min-width: 1160px) {
17438
- .dropdown-header {
17439
- -webkit-hyphenate-limit-before: 4;
17440
- }
17441
- }
17442
- }
17443
- .dropdown-header + p,
17444
- .dropdown-header + ul:not(.list-unstyled),
17445
- .dropdown-header + ol:not(.list-unstyled) {
17446
- margin-block-start: 8px;
17447
- margin-block-start: var(--size-8);
18838
+ font-weight: var(--wds-font-weight-title-group);
18839
+ font-size: var(--wds-font-size-title-group);
18840
+ line-height: 1.4;
18841
+ line-height: var(--wds-line-height-title-group);
18842
+ letter-spacing: -0.018em;
18843
+ letter-spacing: var(--wds-letter-spacing-title-group);
17448
18844
  }
17449
18845
  .dropdown-backdrop {
17450
18846
  position: fixed;
@@ -17476,12 +18872,16 @@ li > a > .currency-flag:first-child {
17476
18872
  }
17477
18873
  .droppable {
17478
18874
  position: relative;
18875
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18876
+ font-family: var(--wds-font-family-regular);
17479
18877
  font-weight: 400;
17480
- font-weight: var(--font-weight-regular);
18878
+ font-weight: var(--wds-font-weight-body-large-regular);
17481
18879
  font-size: 1rem;
17482
- font-size: var(--font-size-16);
17483
- line-height: 150%;
18880
+ font-size: var(--wds-font-size-body-large);
18881
+ line-height: 1.5;
18882
+ line-height: var(--wds-line-height-body-large);
17484
18883
  letter-spacing: -0.011em;
18884
+ letter-spacing: var(--wds-letter-spacing-body-large);
17485
18885
  word-wrap: break-word;
17486
18886
  text-align: center;
17487
18887
  border: 1px solid #c9cbce;
@@ -17643,7 +19043,7 @@ li > a > .currency-flag:first-child {
17643
19043
  z-index: 1;
17644
19044
  }
17645
19045
  .np-theme-personal .droppable-dropping-card {
17646
- background-color: #E1E4DF;
19046
+ background-color: #e1e4df;
17647
19047
  color: #37517e;
17648
19048
  color: var(--color-content-primary);
17649
19049
  }
@@ -17651,7 +19051,7 @@ li > a > .currency-flag:first-child {
17651
19051
  background-color: #404440;
17652
19052
  }
17653
19053
  .np-theme-personal--forest-green .droppable-dropping-card {
17654
- background-color: #455C35;
19054
+ background-color: #455c35;
17655
19055
  }
17656
19056
  .droppable-dropping .droppable-dropping-card {
17657
19057
  display: flex;
@@ -18232,12 +19632,16 @@ li > a > .currency-flag:first-child {
18232
19632
  .footer {
18233
19633
  background-color: rgba(134,167,189,0.10196);
18234
19634
  background-color: var(--color-background-neutral);
19635
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
19636
+ font-family: var(--wds-font-family-regular);
19637
+ font-weight: 400;
19638
+ font-weight: var(--wds-font-weight-body-regular);
18235
19639
  font-size: 0.875rem;
18236
- font-size: var(--font-size-14);
18237
- line-height: 155%;
19640
+ font-size: var(--wds-font-size-body);
19641
+ line-height: 1.55;
19642
+ line-height: var(--wds-line-height-body);
18238
19643
  letter-spacing: -0.006em;
18239
- font-weight: 400;
18240
- font-weight: var(--font-weight-regular);
19644
+ letter-spacing: var(--wds-letter-spacing-body);
18241
19645
  word-wrap: break-word;
18242
19646
  padding-block-start: calc(8px * 10);
18243
19647
  padding-block-start: calc(var(--size-8) * 10);
@@ -18292,12 +19696,16 @@ li > a > .currency-flag:first-child {
18292
19696
  .footer .link-icon {
18293
19697
  color: #5d7079;
18294
19698
  color: var(--color-content-secondary);
19699
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
19700
+ font-family: var(--wds-font-family-regular);
19701
+ font-weight: 400;
19702
+ font-weight: var(--wds-font-weight-body-regular);
18295
19703
  font-size: 0.875rem;
18296
- font-size: var(--font-size-14);
18297
- line-height: 155%;
19704
+ font-size: var(--wds-font-size-body);
19705
+ line-height: 1.55;
19706
+ line-height: var(--wds-line-height-body);
18298
19707
  letter-spacing: -0.006em;
18299
- font-weight: 400;
18300
- font-weight: var(--font-weight-regular);
19708
+ letter-spacing: var(--wds-letter-spacing-body);
18301
19709
  word-wrap: break-word;
18302
19710
  }
18303
19711
  @supports (hyphenate-limit-chars: 1) {
@@ -18414,7 +19822,8 @@ li > a > .currency-flag:first-child {
18414
19822
  }
18415
19823
  .footer.footer-inverse .tiny,
18416
19824
  .footer.footer-inverse .body-3,
18417
- .footer.footer-inverse .np-text-body-default {
19825
+ .footer.footer-inverse .np-text-body-default,
19826
+ .footer.footer-inverse .wds-text-body-default {
18418
19827
  color: #ffffff;
18419
19828
  }
18420
19829
  @media (max-width: 599.98px) {
@@ -19862,54 +21271,19 @@ li > a > .currency-flag:first-child {
19862
21271
  }
19863
21272
  .list-group-item-heading {
19864
21273
  margin-block-end: 0;
19865
- margin: 0;
19866
- line-height: 1.2;
19867
- line-height: var(--line-height-title);
19868
- letter-spacing: 0;
19869
- word-wrap: break-word;
21274
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
21275
+ font-family: var(--wds-font-family-regular);
19870
21276
  font-weight: 500;
19871
- font-weight: var(--font-weight-medium);
21277
+ font-weight: var(--wds-font-weight-title-group);
19872
21278
  font-size: 0.875rem;
19873
- font-size: var(--font-size-14);
19874
- letter-spacing: -0.006em;
19875
- line-height: 140%;
21279
+ font-size: var(--wds-font-size-title-group);
21280
+ line-height: 1.4;
21281
+ line-height: var(--wds-line-height-title-group);
21282
+ letter-spacing: -0.018em;
21283
+ letter-spacing: var(--wds-letter-spacing-title-group);
19876
21284
  color: #37517e;
19877
21285
  color: var(--color-content-primary);
19878
21286
  }
19879
- @supports (hyphenate-limit-chars: 1) {
19880
- .list-group-item-heading {
19881
- hyphens: auto;
19882
- hyphenate-limit-chars: 7 3;
19883
- }
19884
- @media (min-width: 840px) {
19885
- .list-group-item-heading {
19886
- hyphenate-limit-chars: 8 3;
19887
- }
19888
- }
19889
- @media (min-width: 1160px) {
19890
- .list-group-item-heading {
19891
- hyphenate-limit-chars: 10 4 3;
19892
- }
19893
- }
19894
- }
19895
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
19896
- .list-group-item-heading {
19897
- hyphens: auto;
19898
- -webkit-hyphenate-limit-before: 3;
19899
- -webkit-hyphenate-limit-after: 3;
19900
- }
19901
- @media (min-width: 1160px) {
19902
- .list-group-item-heading {
19903
- -webkit-hyphenate-limit-before: 4;
19904
- }
19905
- }
19906
- }
19907
- .list-group-item-heading + p,
19908
- .list-group-item-heading + ul:not(.list-unstyled),
19909
- .list-group-item-heading + ol:not(.list-unstyled) {
19910
- margin-block-start: 8px;
19911
- margin-block-start: var(--size-8);
19912
- }
19913
21287
  .list-group-item-text {
19914
21288
  margin-block-end: 0;
19915
21289
  color: #5d7079;
@@ -20950,8 +22324,8 @@ a.list-group-item-danger:hover {
20950
22324
  .navbar-form .checkbox label {
20951
22325
  padding-inline-start: 0;
20952
22326
  }
20953
- .navbar-form .radio input[type='radio'],
20954
- .navbar-form .checkbox input[type='checkbox'] {
22327
+ .navbar-form .radio input[type="radio"],
22328
+ .navbar-form .checkbox input[type="checkbox"] {
20955
22329
  position: relative;
20956
22330
  margin-inline-start: 0;
20957
22331
  }
@@ -22717,12 +24091,15 @@ button.close {
22717
24091
  word-break: normal;
22718
24092
  word-spacing: normal;
22719
24093
  word-wrap: normal;
24094
+ font-family: var(--wds-font-family-regular);
24095
+ font-weight: 400;
24096
+ font-weight: var(--wds-font-weight-body-regular);
22720
24097
  font-size: 0.875rem;
22721
- font-size: var(--font-size-14);
22722
- line-height: 155%;
24098
+ font-size: var(--wds-font-size-body);
24099
+ line-height: 1.55;
24100
+ line-height: var(--wds-line-height-body);
22723
24101
  letter-spacing: -0.006em;
22724
- font-weight: 400;
22725
- font-weight: var(--font-weight-regular);
24102
+ letter-spacing: var(--wds-letter-spacing-body);
22726
24103
  word-wrap: break-word;
22727
24104
  background-color: #ffffff;
22728
24105
  background-color: var(--color-background-screen);
@@ -22909,20 +24286,18 @@ button.close {
22909
24286
  margin-inline: 0;
22910
24287
  }
22911
24288
  .popover-title {
22912
- padding: 0;
22913
24289
  margin: 0;
22914
- color: #37517e;
22915
- color: var(--color-content-primary);
22916
- line-height: 1.2;
22917
- line-height: var(--line-height-title);
22918
- letter-spacing: 0;
22919
- word-wrap: break-word;
22920
- font-size: 1.125rem;
22921
- font-size: var(--font-size-18);
24290
+ padding: 0;
24291
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
24292
+ font-family: var(--wds-font-family-regular);
22922
24293
  font-weight: 600;
22923
- font-weight: var(--font-weight-semi-bold);
24294
+ font-weight: var(--wds-font-weight-title-body);
24295
+ font-size: 1.125rem;
24296
+ font-size: var(--wds-font-size-title-body);
24297
+ line-height: 1.35;
24298
+ line-height: var(--wds-line-height-title-body);
22924
24299
  letter-spacing: -0.014em;
22925
- line-height: 135%;
24300
+ letter-spacing: var(--wds-letter-spacing-title-body);
22926
24301
  background-color: #ffffff;
22927
24302
  background-color: var(--color-background-screen);
22928
24303
  border-block-end: 0;
@@ -22930,50 +24305,21 @@ button.close {
22930
24305
  border-start-end-radius: 2px;
22931
24306
  border-end-end-radius: 0;
22932
24307
  border-end-start-radius: 0;
24308
+ color: #37517e !important;
22933
24309
  color: var(--color-content-primary) !important;
22934
24310
  }
22935
- @supports (hyphenate-limit-chars: 1) {
22936
- .popover-title {
22937
- hyphens: auto;
22938
- hyphenate-limit-chars: 7 3;
22939
- }
22940
- @media (min-width: 840px) {
22941
- .popover-title {
22942
- hyphenate-limit-chars: 8 3;
22943
- }
22944
- }
22945
- @media (min-width: 1160px) {
22946
- .popover-title {
22947
- hyphenate-limit-chars: 10 4 3;
22948
- }
22949
- }
22950
- }
22951
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
22952
- .popover-title {
22953
- hyphens: auto;
22954
- -webkit-hyphenate-limit-before: 3;
22955
- -webkit-hyphenate-limit-after: 3;
22956
- }
22957
- @media (min-width: 1160px) {
22958
- .popover-title {
22959
- -webkit-hyphenate-limit-before: 4;
22960
- }
22961
- }
22962
- }
22963
- .popover-title + p,
22964
- .popover-title + ul:not(.list-unstyled),
22965
- .popover-title + ol:not(.list-unstyled) {
22966
- margin-block-start: 8px;
22967
- margin-block-start: var(--size-8);
22968
- }
22969
24311
  .popover-content {
22970
24312
  padding: 0;
24313
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
24314
+ font-family: var(--wds-font-family-regular);
24315
+ font-weight: 400;
24316
+ font-weight: var(--wds-font-weight-body-regular);
22971
24317
  font-size: 0.875rem;
22972
- font-size: var(--font-size-14);
22973
- line-height: 155%;
24318
+ font-size: var(--wds-font-size-body);
24319
+ line-height: 1.55;
24320
+ line-height: var(--wds-line-height-body);
22974
24321
  letter-spacing: -0.006em;
22975
- font-weight: 400;
22976
- font-weight: var(--font-weight-regular);
24322
+ letter-spacing: var(--wds-letter-spacing-body);
22977
24323
  word-wrap: break-word;
22978
24324
  color: #5d7079;
22979
24325
  color: var(--color-content-secondary);
@@ -23912,6 +25258,10 @@ textarea:focus-visible {
23912
25258
  .sequence > li .h2,
23913
25259
  .sequence > li .h3,
23914
25260
  .sequence > li .h4,
25261
+ .sequence > li .wds-text-title-screen,
25262
+ .sequence > li .wds-text-title-section,
25263
+ .sequence > li .wds-text-title-subsection,
25264
+ .sequence > li .wds-text-title-body,
23915
25265
  .sequence > li .btn-toolbar {
23916
25266
  margin-block-end: 16px;
23917
25267
  }
@@ -24002,7 +25352,8 @@ textarea:focus-visible {
24002
25352
  }
24003
25353
  .sequence-inverse > .active .small,
24004
25354
  .sequence-inverse > .active .body-2,
24005
- .sequence-inverse > .active .np-text-body-default {
25355
+ .sequence-inverse > .active .np-text-body-default,
25356
+ .sequence-inverse > .active .wds-text-body-default {
24006
25357
  color: #5d7079;
24007
25358
  color: var(--color-content-secondary);
24008
25359
  }
@@ -25012,12 +26363,16 @@ table col[class*="col-"] {
25012
26363
  padding-inline: 5px;
25013
26364
  }
25014
26365
  .tooltip-inner {
26366
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
26367
+ font-family: var(--wds-font-family-regular);
26368
+ font-weight: 400;
26369
+ font-weight: var(--wds-font-weight-body-regular);
25015
26370
  font-size: 0.875rem;
25016
- font-size: var(--font-size-14);
25017
- line-height: 155%;
26371
+ font-size: var(--wds-font-size-body);
26372
+ line-height: 1.55;
26373
+ line-height: var(--wds-line-height-body);
25018
26374
  letter-spacing: -0.006em;
25019
- font-weight: 400;
25020
- font-weight: var(--font-weight-regular);
26375
+ letter-spacing: var(--wds-letter-spacing-body);
25021
26376
  word-wrap: break-word;
25022
26377
  max-inline-size: 200px;
25023
26378
  min-inline-size: 120px;