@transferwise/components 0.0.0-experimental-6e04f56 → 0.0.0-experimental-542ae69

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