@transferwise/components 0.0.0-experimental-74e7404 → 0.0.0-experimental-4560f77

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 (231) 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/Stepper/Stepper.js +1 -1
  42. package/build/Stepper/Stepper.js.map +1 -1
  43. package/build/Stepper/Stepper.mjs +1 -1
  44. package/build/Stepper/Stepper.mjs.map +1 -1
  45. package/build/Table/Header/TableHeader.js +1 -1
  46. package/build/Table/Header/TableHeader.js.map +1 -1
  47. package/build/Table/Header/TableHeader.mjs +1 -1
  48. package/build/Table/Header/TableHeader.mjs.map +1 -1
  49. package/build/Tabs/Tab/Tab.js +1 -1
  50. package/build/Tabs/Tab/Tab.js.map +1 -1
  51. package/build/Tabs/Tab/Tab.mjs +1 -1
  52. package/build/Tabs/Tab/Tab.mjs.map +1 -1
  53. package/build/Tag/Tag.js +1 -1
  54. package/build/Tag/Tag.js.map +1 -1
  55. package/build/Tag/Tag.mjs +1 -1
  56. package/build/Tag/Tag.mjs.map +1 -1
  57. package/build/Typeahead/TypeaheadOption/TypeaheadOption.js +2 -2
  58. package/build/Typeahead/TypeaheadOption/TypeaheadOption.js.map +1 -1
  59. package/build/Typeahead/TypeaheadOption/TypeaheadOption.mjs +2 -2
  60. package/build/Typeahead/TypeaheadOption/TypeaheadOption.mjs.map +1 -1
  61. package/build/Upload/Steps/UploadImageStep/UploadImageStep.js +2 -2
  62. package/build/Upload/Steps/UploadImageStep/UploadImageStep.js.map +1 -1
  63. package/build/Upload/Steps/UploadImageStep/UploadImageStep.mjs +2 -2
  64. package/build/Upload/Steps/UploadImageStep/UploadImageStep.mjs.map +1 -1
  65. package/build/_deprecated/ActionButton/ActionButton.js +1 -1
  66. package/build/_deprecated/ActionButton/ActionButton.js.map +1 -1
  67. package/build/_deprecated/ActionButton/ActionButton.mjs +1 -1
  68. package/build/_deprecated/ActionButton/ActionButton.mjs.map +1 -1
  69. package/build/_deprecated/Avatar/Avatar.js +1 -1
  70. package/build/_deprecated/Avatar/Avatar.js.map +1 -1
  71. package/build/_deprecated/Avatar/Avatar.mjs +1 -1
  72. package/build/_deprecated/Avatar/Avatar.mjs.map +1 -1
  73. package/build/_deprecated/Select/Select.js +2 -2
  74. package/build/_deprecated/Select/Select.js.map +1 -1
  75. package/build/_deprecated/Select/Select.mjs +2 -2
  76. package/build/_deprecated/Select/Select.mjs.map +1 -1
  77. package/build/common/PropsValues/typography.js +6 -0
  78. package/build/common/PropsValues/typography.js.map +1 -1
  79. package/build/common/PropsValues/typography.mjs +6 -0
  80. package/build/common/PropsValues/typography.mjs.map +1 -1
  81. package/build/main.css +2907 -1535
  82. package/build/styles/Accordion/Accordion.css +2 -1
  83. package/build/styles/Body/Body.css +1 -1
  84. package/build/styles/Chips/Chip/Chip.css +4 -2
  85. package/build/styles/Decision/Decision.css +2 -1
  86. package/build/styles/Inputs/Input/Input.css +62 -66
  87. package/build/styles/Inputs/TextArea/TextArea.css +62 -66
  88. package/build/styles/MoneyInput/MoneyInput.css +6 -3
  89. package/build/styles/Popover/Popover.css +3 -47
  90. package/build/styles/ProgressBar/ProgressBar.css +2 -1
  91. package/build/styles/Table/Table.css +15 -5
  92. package/build/styles/Tile/Tile.css +2 -1
  93. package/build/styles/Typeahead/Typeahead.css +4 -2
  94. package/build/styles/_deprecated/CriticalBanner/CriticalCommsBanner.css +2 -1
  95. package/build/styles/_deprecated/Select/Select.css +44 -11
  96. package/build/styles/css/accordion.css +23 -52
  97. package/build/styles/css/button-groups.css +29 -8
  98. package/build/styles/css/buttons.css +26 -2
  99. package/build/styles/css/decision.css +23 -52
  100. package/build/styles/css/dropdowns.css +39 -62
  101. package/build/styles/css/droppable.css +28 -8
  102. package/build/styles/css/footer.css +41 -14
  103. package/build/styles/css/input-groups.css +172 -165
  104. package/build/styles/css/list-group.css +0 -45
  105. package/build/styles/css/navbar.css +39 -62
  106. package/build/styles/css/neptune-addons.css +15 -0
  107. package/build/styles/css/neptune-core.css +250 -526
  108. package/build/styles/css/neptune.css +2759 -1422
  109. package/build/styles/css/popovers.css +35 -60
  110. package/build/styles/css/sequences.css +6 -1
  111. package/build/styles/css/tooltip.css +27 -7
  112. package/build/styles/less/neptune-tokens.less +0 -48
  113. package/build/styles/main.css +2907 -1535
  114. package/build/styles/props/neptune-tokens.css +793 -1
  115. package/build/styles/styles/less/accordion.css +23 -52
  116. package/build/styles/styles/less/button-groups.css +29 -8
  117. package/build/styles/styles/less/buttons.css +26 -2
  118. package/build/styles/styles/less/decision.css +23 -52
  119. package/build/styles/styles/less/dropdowns.css +39 -62
  120. package/build/styles/styles/less/droppable.css +28 -8
  121. package/build/styles/styles/less/footer.css +41 -14
  122. package/build/styles/styles/less/forms/bootstrap-forms.css +137 -91
  123. package/build/styles/styles/less/input-groups.css +172 -165
  124. package/build/styles/styles/less/list-group.css +0 -45
  125. package/build/styles/styles/less/navbar.css +39 -62
  126. package/build/styles/styles/less/neptune-addons.css +15 -0
  127. package/build/styles/styles/less/neptune-core.css +250 -526
  128. package/build/styles/styles/less/neptune.css +2759 -1422
  129. package/build/styles/styles/less/popovers.css +35 -60
  130. package/build/styles/styles/less/sequences.css +6 -1
  131. package/build/styles/styles/less/tooltip.css +27 -7
  132. package/build/types/Body/Body.d.ts +2 -2
  133. package/build/types/IconButton/IconButton.d.ts +1 -1
  134. package/build/types/MoneyInput/MoneyInput.d.ts +1 -1
  135. package/build/types/MoneyInput/MoneyInput.d.ts.map +1 -1
  136. package/build/types/Title/Title.d.ts +2 -2
  137. package/build/types/Upload/Steps/UploadImageStep/UploadImageStep.d.ts +1 -1
  138. package/build/types/UploadInput/UploadItem/UploadItemLink.d.ts +1 -1
  139. package/build/types/common/PropsValues/typography.d.ts +13 -1
  140. package/build/types/common/PropsValues/typography.d.ts.map +1 -1
  141. package/package.json +1 -1
  142. package/src/Accordion/Accordion.css +2 -1
  143. package/src/Accordion/Accordion.less +2 -1
  144. package/src/Body/Body.css +1 -1
  145. package/src/Body/Body.less +1 -1
  146. package/src/Body/Body.test.tsx +4 -4
  147. package/src/Body/Body.tsx +2 -2
  148. package/src/Calendar/DayCalendar/Table/DayCalendarTable.tsx +2 -2
  149. package/src/Calendar/MonthCalendar/Table/MonthCalendarTable.tsx +1 -1
  150. package/src/Calendar/TableLink/TableLink.tsx +1 -1
  151. package/src/Chips/Chip/Chip.css +4 -2
  152. package/src/Chips/Chip/Chip.less +2 -1
  153. package/src/Decision/Decision.css +2 -1
  154. package/src/Decision/Decision.less +2 -1
  155. package/src/DefinitionList/_stories/DefinitionList.story.tsx +1 -1
  156. package/src/Display/_stories/Display.story.tsx +20 -6
  157. package/src/FlowNavigation/AnimatedLabel/AnimatedLabel.tsx +1 -1
  158. package/src/Inputs/Input/Input.css +62 -66
  159. package/src/Inputs/SelectInput/BottomSheet/SelectInputBottomSheet.tsx +2 -2
  160. package/src/Inputs/SelectInput/Option/SelectInputOption.tsx +1 -1
  161. package/src/Inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +3 -3
  162. package/src/Inputs/SelectInput/Popover/SelectInputPopover.tsx +2 -2
  163. package/src/Inputs/SelectInput/_stories/SelectInput.story.tsx +1 -1
  164. package/src/Inputs/TextArea/TextArea.css +62 -66
  165. package/src/Inputs/_common.less +5 -5
  166. package/src/Label/Label.tsx +1 -1
  167. package/src/MoneyInput/MoneyInput.css +6 -3
  168. package/src/MoneyInput/MoneyInput.less +7 -4
  169. package/src/PocketSurface/_stories/PocketSurface.story.tsx +2 -2
  170. package/src/Popover/Popover.css +3 -47
  171. package/src/Popover/Popover.less +1 -1
  172. package/src/ProgressBar/ProgressBar.css +2 -1
  173. package/src/ProgressBar/ProgressBar.less +12 -11
  174. package/src/SentimentSurface/_stories/SentimentSurface.story.tsx +1 -1
  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
@@ -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: "Wise Sans";
@@ -2680,7 +4158,7 @@ video {
2680
4158
  clip: auto;
2681
4159
  }
2682
4160
  /* stylelint-disable selector-max-empty-lines */
2683
- /* DEPRECATED: use .np-text-*-title instead */
4161
+ /* DEPRECATED: use `.wds-text-*` instead */
2684
4162
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2685
4163
  .h1,
2686
4164
  .h2,
@@ -2707,9 +4185,6 @@ h6,
2707
4185
  margin: 0;
2708
4186
  color: #37517e;
2709
4187
  color: var(--color-content-primary);
2710
- line-height: 1.2;
2711
- line-height: var(--line-height-title);
2712
- letter-spacing: 0;
2713
4188
  word-wrap: break-word;
2714
4189
  }
2715
4190
  @supports (hyphenate-limit-chars: 1) {
@@ -2914,77 +4389,53 @@ h6 + ol:not(.list-unstyled),
2914
4389
  margin-block-start: 8px;
2915
4390
  margin-block-start: var(--size-8);
2916
4391
  }
2917
- /* DEPRECATED: use .np-text-title-screen instead */
4392
+ /* DEPRECATED: use `.wds-text-title-screen` instead */
2918
4393
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2919
4394
  .h1,
2920
4395
  .title-1,
2921
4396
  h1,
4397
+ .np-text-title-screen,
4398
+ .wds-text-title-screen,
4399
+ .h1,
4400
+ .title-1,
4401
+ h1,
2922
4402
  .np-text-title-screen {
2923
4403
  margin-block-end: initial;
2924
- font-size: 1.875rem;
2925
- font-size: var(--font-size-30);
2926
- font-weight: 600;
2927
- font-weight: var(--font-weight-semi-bold);
2928
- letter-spacing: -0.021em;
2929
- line-height: 115%;
2930
4404
  }
2931
- /* DEPRECATED: use .np-text-title-section instead */
4405
+ /* DEPRECATED: use `.wds-text-title-section` instead */
2932
4406
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2933
4407
  .h2,
2934
4408
  .title-2,
2935
4409
  h2,
4410
+ .np-text-title-section,
4411
+ .wds-text-title-section,
4412
+ .h2,
4413
+ .title-2,
4414
+ h2,
2936
4415
  .np-text-title-section {
2937
4416
  margin-block-end: initial;
2938
- font-weight: 600;
2939
- font-weight: var(--font-weight-semi-bold);
2940
- font-size: 1.625rem;
2941
- font-size: var(--font-size-26);
2942
- letter-spacing: -0.02em;
2943
- line-height: 122%;
2944
4417
  }
2945
- /* DEPRECATED: use .np-text-title-subsection instead */
4418
+ /* DEPRECATED: use `.wds-text-title-subsection` instead */
2946
4419
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2947
4420
  .h3,
2948
4421
  .title-3,
2949
4422
  h3,
2950
- .np-text-title-subsection {
4423
+ .np-text-title-subsection,
4424
+ .wds-text-title-subsection,
4425
+ .h3,
4426
+ .title-3,
4427
+ h3,
4428
+ .np-text-title-subsection,
4429
+ .input-group-lg > .form-control,
4430
+ .input-group-lg > .input-group-addon,
4431
+ .input-group-lg > .input-group-btn .btn {
2951
4432
  margin-block-end: initial;
2952
- font-size: 1.375rem;
2953
- font-size: var(--font-size-22);
2954
- font-weight: 600;
2955
- font-weight: var(--font-weight-semi-bold);
2956
- letter-spacing: -0.018em;
2957
- line-height: 125%;
2958
4433
  }
2959
- /* DEPRECATED: use .np-text-title-body instead */
4434
+ /* DEPRECATED: use `.wds-text-title-body` instead */
2960
4435
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2961
- .h4,
2962
- .title-4,
2963
- h4,
2964
- .np-text-title-body {
2965
- font-size: 1.125rem;
2966
- font-size: var(--font-size-18);
2967
- font-weight: 600;
2968
- font-weight: var(--font-weight-semi-bold);
2969
- letter-spacing: -0.014em;
2970
- line-height: 135%;
2971
- }
2972
- /* DEPRECATED: use .np-text-title-group instead */
4436
+ /* DEPRECATED: use `.wds-text-title-group` instead */
2973
4437
  /* stylelint-disable-next-line selector-list-comma-newline-after */
2974
- .h5,
2975
- .h6,
2976
- .title-5,
2977
- h5,
2978
- h6,
2979
- .np-text-title-group {
2980
- font-weight: 500;
2981
- font-weight: var(--font-weight-medium);
2982
- font-size: 0.875rem;
2983
- font-size: var(--font-size-14);
2984
- letter-spacing: -0.006em;
2985
- line-height: 140%;
2986
- }
2987
- /* DEPRECATED: use .np-text-title-body instead */
4438
+ /* DEPRECATED: use `.wds-text-title-body` instead */
2988
4439
  .lead {
2989
4440
  margin-block-end: 24px;
2990
4441
  margin-block-end: var(--size-24);
@@ -2997,7 +4448,7 @@ h6,
2997
4448
  color: #5d7079;
2998
4449
  color: var(--color-content-secondary);
2999
4450
  }
3000
- /* DEPRECATED: use .np-text-body-default instead */
4451
+ /* DEPRECATED: use `.wds-text-body-default` instead */
3001
4452
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3002
4453
  .body-2,
3003
4454
  .body-3,
@@ -3005,13 +4456,28 @@ h6,
3005
4456
  .tiny,
3006
4457
  body,
3007
4458
  small,
3008
- .np-text-body-default {
3009
- font-size: 0.875rem;
3010
- font-size: var(--font-size-14);
3011
- line-height: 155%;
3012
- letter-spacing: -0.006em;
3013
- font-weight: 400;
3014
- font-weight: var(--font-weight-regular);
4459
+ .np-text-body-default,
4460
+ .wds-text-body-default,
4461
+ .body-2,
4462
+ .body-3,
4463
+ .small,
4464
+ .tiny,
4465
+ body,
4466
+ small,
4467
+ .np-text-body-default,
4468
+ .btn-group .secondary,
4469
+ .input-sm,
4470
+ .input-group-sm > .form-control,
4471
+ .input-group-sm > .input-group-addon,
4472
+ .decision__content,
4473
+ .dropdown-menu,
4474
+ .dropdown-menu > li > a,
4475
+ .footer,
4476
+ .footer .footer-link,
4477
+ .footer .link-icon,
4478
+ .popover,
4479
+ .popover-content,
4480
+ .tooltip-inner {
3015
4481
  word-wrap: break-word;
3016
4482
  }
3017
4483
  @supports (hyphenate-limit-chars: 1) {
@@ -3021,7 +4487,49 @@ small,
3021
4487
  .tiny,
3022
4488
  body,
3023
4489
  small,
3024
- .np-text-body-default {
4490
+ .np-text-body-default,
4491
+ .wds-text-body-default,
4492
+ .body-2,
4493
+ .body-3,
4494
+ .small,
4495
+ .tiny,
4496
+ body,
4497
+ small,
4498
+ .np-text-body-default,
4499
+ .wds-text-body-default,
4500
+ .btn-group .secondary,
4501
+ .input-sm,
4502
+ .input-group-sm > .form-control,
4503
+ .input-group-sm > .input-group-addon,
4504
+ .decision__content,
4505
+ .dropdown-menu,
4506
+ .dropdown-menu > li > a,
4507
+ .footer,
4508
+ .footer .footer-link,
4509
+ .footer .link-icon,
4510
+ .popover,
4511
+ .popover-content,
4512
+ .tooltip-inner,
4513
+ .body-2,
4514
+ .body-3,
4515
+ .small,
4516
+ .tiny,
4517
+ body,
4518
+ small,
4519
+ .np-text-body-default,
4520
+ .btn-group .secondary,
4521
+ .input-sm,
4522
+ .input-group-sm > .form-control,
4523
+ .input-group-sm > .input-group-addon,
4524
+ .decision__content,
4525
+ .dropdown-menu,
4526
+ .dropdown-menu > li > a,
4527
+ .footer,
4528
+ .footer .footer-link,
4529
+ .footer .link-icon,
4530
+ .popover,
4531
+ .popover-content,
4532
+ .tooltip-inner {
3025
4533
  hyphens: auto;
3026
4534
  hyphenate-limit-chars: 7 3;
3027
4535
  }
@@ -3032,7 +4540,49 @@ small,
3032
4540
  .tiny,
3033
4541
  body,
3034
4542
  small,
3035
- .np-text-body-default {
4543
+ .np-text-body-default,
4544
+ .wds-text-body-default,
4545
+ .body-2,
4546
+ .body-3,
4547
+ .small,
4548
+ .tiny,
4549
+ body,
4550
+ small,
4551
+ .np-text-body-default,
4552
+ .wds-text-body-default,
4553
+ .btn-group .secondary,
4554
+ .input-sm,
4555
+ .input-group-sm > .form-control,
4556
+ .input-group-sm > .input-group-addon,
4557
+ .decision__content,
4558
+ .dropdown-menu,
4559
+ .dropdown-menu > li > a,
4560
+ .footer,
4561
+ .footer .footer-link,
4562
+ .footer .link-icon,
4563
+ .popover,
4564
+ .popover-content,
4565
+ .tooltip-inner,
4566
+ .body-2,
4567
+ .body-3,
4568
+ .small,
4569
+ .tiny,
4570
+ body,
4571
+ small,
4572
+ .np-text-body-default,
4573
+ .btn-group .secondary,
4574
+ .input-sm,
4575
+ .input-group-sm > .form-control,
4576
+ .input-group-sm > .input-group-addon,
4577
+ .decision__content,
4578
+ .dropdown-menu,
4579
+ .dropdown-menu > li > a,
4580
+ .footer,
4581
+ .footer .footer-link,
4582
+ .footer .link-icon,
4583
+ .popover,
4584
+ .popover-content,
4585
+ .tooltip-inner {
3036
4586
  hyphenate-limit-chars: 8 3;
3037
4587
  }
3038
4588
  }
@@ -3043,7 +4593,49 @@ small,
3043
4593
  .tiny,
3044
4594
  body,
3045
4595
  small,
3046
- .np-text-body-default {
4596
+ .np-text-body-default,
4597
+ .wds-text-body-default,
4598
+ .body-2,
4599
+ .body-3,
4600
+ .small,
4601
+ .tiny,
4602
+ body,
4603
+ small,
4604
+ .np-text-body-default,
4605
+ .wds-text-body-default,
4606
+ .btn-group .secondary,
4607
+ .input-sm,
4608
+ .input-group-sm > .form-control,
4609
+ .input-group-sm > .input-group-addon,
4610
+ .decision__content,
4611
+ .dropdown-menu,
4612
+ .dropdown-menu > li > a,
4613
+ .footer,
4614
+ .footer .footer-link,
4615
+ .footer .link-icon,
4616
+ .popover,
4617
+ .popover-content,
4618
+ .tooltip-inner,
4619
+ .body-2,
4620
+ .body-3,
4621
+ .small,
4622
+ .tiny,
4623
+ body,
4624
+ small,
4625
+ .np-text-body-default,
4626
+ .btn-group .secondary,
4627
+ .input-sm,
4628
+ .input-group-sm > .form-control,
4629
+ .input-group-sm > .input-group-addon,
4630
+ .decision__content,
4631
+ .dropdown-menu,
4632
+ .dropdown-menu > li > a,
4633
+ .footer,
4634
+ .footer .footer-link,
4635
+ .footer .link-icon,
4636
+ .popover,
4637
+ .popover-content,
4638
+ .tooltip-inner {
3047
4639
  hyphenate-limit-chars: 10 4 3;
3048
4640
  }
3049
4641
  }
@@ -3055,7 +4647,49 @@ small,
3055
4647
  .tiny,
3056
4648
  body,
3057
4649
  small,
3058
- .np-text-body-default {
4650
+ .np-text-body-default,
4651
+ .wds-text-body-default,
4652
+ .body-2,
4653
+ .body-3,
4654
+ .small,
4655
+ .tiny,
4656
+ body,
4657
+ small,
4658
+ .np-text-body-default,
4659
+ .wds-text-body-default,
4660
+ .btn-group .secondary,
4661
+ .input-sm,
4662
+ .input-group-sm > .form-control,
4663
+ .input-group-sm > .input-group-addon,
4664
+ .decision__content,
4665
+ .dropdown-menu,
4666
+ .dropdown-menu > li > a,
4667
+ .footer,
4668
+ .footer .footer-link,
4669
+ .footer .link-icon,
4670
+ .popover,
4671
+ .popover-content,
4672
+ .tooltip-inner,
4673
+ .body-2,
4674
+ .body-3,
4675
+ .small,
4676
+ .tiny,
4677
+ body,
4678
+ small,
4679
+ .np-text-body-default,
4680
+ .btn-group .secondary,
4681
+ .input-sm,
4682
+ .input-group-sm > .form-control,
4683
+ .input-group-sm > .input-group-addon,
4684
+ .decision__content,
4685
+ .dropdown-menu,
4686
+ .dropdown-menu > li > a,
4687
+ .footer,
4688
+ .footer .footer-link,
4689
+ .footer .link-icon,
4690
+ .popover,
4691
+ .popover-content,
4692
+ .tooltip-inner {
3059
4693
  hyphens: auto;
3060
4694
  -webkit-hyphenate-limit-before: 3;
3061
4695
  -webkit-hyphenate-limit-after: 3;
@@ -3067,26 +4701,77 @@ small,
3067
4701
  .tiny,
3068
4702
  body,
3069
4703
  small,
3070
- .np-text-body-default {
4704
+ .np-text-body-default,
4705
+ .wds-text-body-default,
4706
+ .body-2,
4707
+ .body-3,
4708
+ .small,
4709
+ .tiny,
4710
+ body,
4711
+ small,
4712
+ .np-text-body-default,
4713
+ .wds-text-body-default,
4714
+ .btn-group .secondary,
4715
+ .input-sm,
4716
+ .input-group-sm > .form-control,
4717
+ .input-group-sm > .input-group-addon,
4718
+ .decision__content,
4719
+ .dropdown-menu,
4720
+ .dropdown-menu > li > a,
4721
+ .footer,
4722
+ .footer .footer-link,
4723
+ .footer .link-icon,
4724
+ .popover,
4725
+ .popover-content,
4726
+ .tooltip-inner,
4727
+ .body-2,
4728
+ .body-3,
4729
+ .small,
4730
+ .tiny,
4731
+ body,
4732
+ small,
4733
+ .np-text-body-default,
4734
+ .btn-group .secondary,
4735
+ .input-sm,
4736
+ .input-group-sm > .form-control,
4737
+ .input-group-sm > .input-group-addon,
4738
+ .decision__content,
4739
+ .dropdown-menu,
4740
+ .dropdown-menu > li > a,
4741
+ .footer,
4742
+ .footer .footer-link,
4743
+ .footer .link-icon,
4744
+ .popover,
4745
+ .popover-content,
4746
+ .tooltip-inner {
3071
4747
  -webkit-hyphenate-limit-before: 4;
3072
4748
  }
3073
4749
  }
3074
4750
  }
3075
- /* DEPRECATED: use .np-text-body-default-bold instead */
4751
+ /* DEPRECATED: use `.wds-text-body-default-bold` instead */
3076
4752
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3077
4753
  .control-2,
3078
4754
  .label,
3079
4755
  .control-label,
4756
+ .np-text-body-default-bold,
4757
+ .wds-text-body-default-bold,
4758
+ .control-2,
4759
+ .label,
4760
+ .control-label,
3080
4761
  .np-text-body-default-bold {
3081
- font-size: 0.875rem;
3082
- font-size: var(--font-size-14);
3083
- line-height: 155%;
3084
- letter-spacing: -0.006em;
3085
- font-weight: 600;
3086
- font-weight: var(--font-weight-semi-bold);
3087
4762
  word-wrap: break-word;
3088
4763
  }
3089
4764
  @supports (hyphenate-limit-chars: 1) {
4765
+ .control-2,
4766
+ .label,
4767
+ .control-label,
4768
+ .np-text-body-default-bold,
4769
+ .wds-text-body-default-bold,
4770
+ .control-2,
4771
+ .label,
4772
+ .control-label,
4773
+ .np-text-body-default-bold,
4774
+ .wds-text-body-default-bold,
3090
4775
  .control-2,
3091
4776
  .label,
3092
4777
  .control-label,
@@ -3095,6 +4780,16 @@ small,
3095
4780
  hyphenate-limit-chars: 7 3;
3096
4781
  }
3097
4782
  @media (min-width: 840px) {
4783
+ .control-2,
4784
+ .label,
4785
+ .control-label,
4786
+ .np-text-body-default-bold,
4787
+ .wds-text-body-default-bold,
4788
+ .control-2,
4789
+ .label,
4790
+ .control-label,
4791
+ .np-text-body-default-bold,
4792
+ .wds-text-body-default-bold,
3098
4793
  .control-2,
3099
4794
  .label,
3100
4795
  .control-label,
@@ -3103,6 +4798,16 @@ small,
3103
4798
  }
3104
4799
  }
3105
4800
  @media (min-width: 1160px) {
4801
+ .control-2,
4802
+ .label,
4803
+ .control-label,
4804
+ .np-text-body-default-bold,
4805
+ .wds-text-body-default-bold,
4806
+ .control-2,
4807
+ .label,
4808
+ .control-label,
4809
+ .np-text-body-default-bold,
4810
+ .wds-text-body-default-bold,
3106
4811
  .control-2,
3107
4812
  .label,
3108
4813
  .control-label,
@@ -3112,6 +4817,16 @@ small,
3112
4817
  }
3113
4818
  }
3114
4819
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
4820
+ .control-2,
4821
+ .label,
4822
+ .control-label,
4823
+ .np-text-body-default-bold,
4824
+ .wds-text-body-default-bold,
4825
+ .control-2,
4826
+ .label,
4827
+ .control-label,
4828
+ .np-text-body-default-bold,
4829
+ .wds-text-body-default-bold,
3115
4830
  .control-2,
3116
4831
  .label,
3117
4832
  .control-label,
@@ -3121,6 +4836,16 @@ small,
3121
4836
  -webkit-hyphenate-limit-after: 3;
3122
4837
  }
3123
4838
  @media (min-width: 1160px) {
4839
+ .control-2,
4840
+ .label,
4841
+ .control-label,
4842
+ .np-text-body-default-bold,
4843
+ .wds-text-body-default-bold,
4844
+ .control-2,
4845
+ .label,
4846
+ .control-label,
4847
+ .np-text-body-default-bold,
4848
+ .wds-text-body-default-bold,
3124
4849
  .control-2,
3125
4850
  .label,
3126
4851
  .control-label,
@@ -3129,37 +4854,108 @@ small,
3129
4854
  }
3130
4855
  }
3131
4856
  }
3132
- /* DEPRECATED: use .np-text-body-large instead */
4857
+ /* DEPRECATED: use `.wds-text-body-large` instead */
3133
4858
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3134
4859
  .body-1,
3135
4860
  .value,
3136
- .np-text-body-large {
3137
- font-weight: 400;
3138
- font-weight: var(--font-weight-regular);
3139
- font-size: 1rem;
3140
- font-size: var(--font-size-16);
3141
- line-height: 150%;
3142
- letter-spacing: -0.011em;
4861
+ .np-text-body-large,
4862
+ .wds-text-body-large,
4863
+ .body-1,
4864
+ .value,
4865
+ .np-text-body-large,
4866
+ .form-control,
4867
+ .input-lg,
4868
+ .form-control-placeholder,
4869
+ .input-group-lg > .form-control,
4870
+ .input-group-lg > .input-group-addon,
4871
+ .input-group-lg > .input-group-btn .btn,
4872
+ .droppable {
3143
4873
  word-wrap: break-word;
3144
4874
  }
3145
4875
  @supports (hyphenate-limit-chars: 1) {
3146
4876
  .body-1,
3147
4877
  .value,
3148
- .np-text-body-large {
4878
+ .np-text-body-large,
4879
+ .wds-text-body-large,
4880
+ .body-1,
4881
+ .value,
4882
+ .np-text-body-large,
4883
+ .wds-text-body-large,
4884
+ .form-control,
4885
+ .input-lg,
4886
+ .form-control-placeholder,
4887
+ .input-group-lg > .form-control,
4888
+ .input-group-lg > .input-group-addon,
4889
+ .input-group-lg > .input-group-btn .btn,
4890
+ .droppable,
4891
+ .body-1,
4892
+ .value,
4893
+ .np-text-body-large,
4894
+ .form-control,
4895
+ .input-lg,
4896
+ .form-control-placeholder,
4897
+ .input-group-lg > .form-control,
4898
+ .input-group-lg > .input-group-addon,
4899
+ .input-group-lg > .input-group-btn .btn,
4900
+ .droppable {
3149
4901
  hyphens: auto;
3150
4902
  hyphenate-limit-chars: 7 3;
3151
4903
  }
3152
4904
  @media (min-width: 840px) {
3153
4905
  .body-1,
3154
4906
  .value,
3155
- .np-text-body-large {
4907
+ .np-text-body-large,
4908
+ .wds-text-body-large,
4909
+ .body-1,
4910
+ .value,
4911
+ .np-text-body-large,
4912
+ .wds-text-body-large,
4913
+ .form-control,
4914
+ .input-lg,
4915
+ .form-control-placeholder,
4916
+ .input-group-lg > .form-control,
4917
+ .input-group-lg > .input-group-addon,
4918
+ .input-group-lg > .input-group-btn .btn,
4919
+ .droppable,
4920
+ .body-1,
4921
+ .value,
4922
+ .np-text-body-large,
4923
+ .form-control,
4924
+ .input-lg,
4925
+ .form-control-placeholder,
4926
+ .input-group-lg > .form-control,
4927
+ .input-group-lg > .input-group-addon,
4928
+ .input-group-lg > .input-group-btn .btn,
4929
+ .droppable {
3156
4930
  hyphenate-limit-chars: 8 3;
3157
4931
  }
3158
4932
  }
3159
4933
  @media (min-width: 1160px) {
3160
4934
  .body-1,
3161
4935
  .value,
3162
- .np-text-body-large {
4936
+ .np-text-body-large,
4937
+ .wds-text-body-large,
4938
+ .body-1,
4939
+ .value,
4940
+ .np-text-body-large,
4941
+ .wds-text-body-large,
4942
+ .form-control,
4943
+ .input-lg,
4944
+ .form-control-placeholder,
4945
+ .input-group-lg > .form-control,
4946
+ .input-group-lg > .input-group-addon,
4947
+ .input-group-lg > .input-group-btn .btn,
4948
+ .droppable,
4949
+ .body-1,
4950
+ .value,
4951
+ .np-text-body-large,
4952
+ .form-control,
4953
+ .input-lg,
4954
+ .form-control-placeholder,
4955
+ .input-group-lg > .form-control,
4956
+ .input-group-lg > .input-group-addon,
4957
+ .input-group-lg > .input-group-btn .btn,
4958
+ .droppable {
3163
4959
  hyphenate-limit-chars: 10 4 3;
3164
4960
  }
3165
4961
  }
@@ -3167,7 +4963,29 @@ small,
3167
4963
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3168
4964
  .body-1,
3169
4965
  .value,
3170
- .np-text-body-large {
4966
+ .np-text-body-large,
4967
+ .wds-text-body-large,
4968
+ .body-1,
4969
+ .value,
4970
+ .np-text-body-large,
4971
+ .wds-text-body-large,
4972
+ .form-control,
4973
+ .input-lg,
4974
+ .form-control-placeholder,
4975
+ .input-group-lg > .form-control,
4976
+ .input-group-lg > .input-group-addon,
4977
+ .input-group-lg > .input-group-btn .btn,
4978
+ .droppable,
4979
+ .body-1,
4980
+ .value,
4981
+ .np-text-body-large,
4982
+ .form-control,
4983
+ .input-lg,
4984
+ .form-control-placeholder,
4985
+ .input-group-lg > .form-control,
4986
+ .input-group-lg > .input-group-addon,
4987
+ .input-group-lg > .input-group-btn .btn,
4988
+ .droppable {
3171
4989
  hyphens: auto;
3172
4990
  -webkit-hyphenate-limit-before: 3;
3173
4991
  -webkit-hyphenate-limit-after: 3;
@@ -3175,52 +4993,112 @@ small,
3175
4993
  @media (min-width: 1160px) {
3176
4994
  .body-1,
3177
4995
  .value,
3178
- .np-text-body-large {
4996
+ .np-text-body-large,
4997
+ .wds-text-body-large,
4998
+ .body-1,
4999
+ .value,
5000
+ .np-text-body-large,
5001
+ .wds-text-body-large,
5002
+ .form-control,
5003
+ .input-lg,
5004
+ .form-control-placeholder,
5005
+ .input-group-lg > .form-control,
5006
+ .input-group-lg > .input-group-addon,
5007
+ .input-group-lg > .input-group-btn .btn,
5008
+ .droppable,
5009
+ .body-1,
5010
+ .value,
5011
+ .np-text-body-large,
5012
+ .form-control,
5013
+ .input-lg,
5014
+ .form-control-placeholder,
5015
+ .input-group-lg > .form-control,
5016
+ .input-group-lg > .input-group-addon,
5017
+ .input-group-lg > .input-group-btn .btn,
5018
+ .droppable {
3179
5019
  -webkit-hyphenate-limit-before: 4;
3180
5020
  }
3181
5021
  }
3182
5022
  }
3183
- /* DEPRECATED: use np-text-body-large-bold instead */
5023
+ /* DEPRECATED: use `.wds-text-body-large-bold` instead */
3184
5024
  /* stylelint-disable-next-line selector-list-comma-newline-after */
3185
5025
  .control-1,
3186
- .np-text-body-large-bold {
3187
- font-weight: 600;
3188
- font-weight: var(--font-weight-semi-bold);
3189
- font-size: 1rem;
3190
- font-size: var(--font-size-16);
3191
- line-height: 150%;
3192
- letter-spacing: -0.011em;
5026
+ .np-text-body-large-bold,
5027
+ .wds-text-body-large-bold,
5028
+ .control-1,
5029
+ .np-text-body-large-bold,
5030
+ .btn {
3193
5031
  word-wrap: break-word;
3194
5032
  }
3195
5033
  @supports (hyphenate-limit-chars: 1) {
3196
5034
  .control-1,
3197
- .np-text-body-large-bold {
5035
+ .np-text-body-large-bold,
5036
+ .wds-text-body-large-bold,
5037
+ .control-1,
5038
+ .np-text-body-large-bold,
5039
+ .wds-text-body-large-bold,
5040
+ .btn,
5041
+ .control-1,
5042
+ .np-text-body-large-bold,
5043
+ .btn {
3198
5044
  hyphens: auto;
3199
5045
  hyphenate-limit-chars: 7 3;
3200
5046
  }
3201
5047
  @media (min-width: 840px) {
3202
5048
  .control-1,
3203
- .np-text-body-large-bold {
5049
+ .np-text-body-large-bold,
5050
+ .wds-text-body-large-bold,
5051
+ .control-1,
5052
+ .np-text-body-large-bold,
5053
+ .wds-text-body-large-bold,
5054
+ .btn,
5055
+ .control-1,
5056
+ .np-text-body-large-bold,
5057
+ .btn {
3204
5058
  hyphenate-limit-chars: 8 3;
3205
5059
  }
3206
5060
  }
3207
5061
  @media (min-width: 1160px) {
3208
5062
  .control-1,
3209
- .np-text-body-large-bold {
5063
+ .np-text-body-large-bold,
5064
+ .wds-text-body-large-bold,
5065
+ .control-1,
5066
+ .np-text-body-large-bold,
5067
+ .wds-text-body-large-bold,
5068
+ .btn,
5069
+ .control-1,
5070
+ .np-text-body-large-bold,
5071
+ .btn {
3210
5072
  hyphenate-limit-chars: 10 4 3;
3211
5073
  }
3212
5074
  }
3213
5075
  }
3214
5076
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
3215
5077
  .control-1,
3216
- .np-text-body-large-bold {
5078
+ .np-text-body-large-bold,
5079
+ .wds-text-body-large-bold,
5080
+ .control-1,
5081
+ .np-text-body-large-bold,
5082
+ .wds-text-body-large-bold,
5083
+ .btn,
5084
+ .control-1,
5085
+ .np-text-body-large-bold,
5086
+ .btn {
3217
5087
  hyphens: auto;
3218
5088
  -webkit-hyphenate-limit-before: 3;
3219
5089
  -webkit-hyphenate-limit-after: 3;
3220
5090
  }
3221
5091
  @media (min-width: 1160px) {
3222
5092
  .control-1,
3223
- .np-text-body-large-bold {
5093
+ .np-text-body-large-bold,
5094
+ .wds-text-body-large-bold,
5095
+ .control-1,
5096
+ .np-text-body-large-bold,
5097
+ .wds-text-body-large-bold,
5098
+ .btn,
5099
+ .control-1,
5100
+ .np-text-body-large-bold,
5101
+ .btn {
3224
5102
  -webkit-hyphenate-limit-before: 4;
3225
5103
  }
3226
5104
  }
@@ -3246,12 +5124,7 @@ a,
3246
5124
  letter-spacing: -0.006em;
3247
5125
  line-height: 155%;
3248
5126
  }
3249
- .np-text-display-number {
3250
- font-weight: 600;
3251
- font-weight: var(--font-weight-semi-bold);
3252
- font-size: 40px;
3253
- line-height: 110%;
3254
- }
5127
+ /* DEPRECATED: use .wds-text-display-number-small instead */
3255
5128
  .display-1,
3256
5129
  .display-2,
3257
5130
  .display-3,
@@ -3260,7 +5133,9 @@ a,
3260
5133
  .np-text-display-extra-large,
3261
5134
  .np-text-display-large,
3262
5135
  .np-text-display-medium,
3263
- .np-text-display-small,
5136
+ .np-text-display-small {
5137
+ font-synthesis: none;
5138
+ }
3264
5139
  .display-1--forced,
3265
5140
  .display-2--forced,
3266
5141
  .display-3--forced,
@@ -3274,62 +5149,11 @@ a,
3274
5149
  font-family: var(--font-family-display);
3275
5150
  font-synthesis: none;
3276
5151
  }
3277
- :lang(ja) .display-1,
3278
- :lang(ja) .display-2,
3279
- :lang(ja) .display-3,
3280
- :lang(ja) .display-4,
3281
- :lang(ja) .display-5,
3282
- :lang(ja) .np-text-display-extra-large,
3283
- :lang(ja) .np-text-display-large,
3284
- :lang(ja) .np-text-display-medium,
3285
- :lang(ja) .np-text-display-small,
3286
- :lang(th) .display-1,
3287
- :lang(th) .display-2,
3288
- :lang(th) .display-3,
3289
- :lang(th) .display-4,
3290
- :lang(th) .display-5,
3291
- :lang(th) .np-text-display-extra-large,
3292
- :lang(th) .np-text-display-large,
3293
- :lang(th) .np-text-display-medium,
3294
- :lang(th) .np-text-display-small,
3295
- :lang(zh-CN) .display-1,
3296
- :lang(zh-CN) .display-2,
3297
- :lang(zh-CN) .display-3,
3298
- :lang(zh-CN) .display-4,
3299
- :lang(zh-CN) .display-5,
3300
- :lang(zh-CN) .np-text-display-extra-large,
3301
- :lang(zh-CN) .np-text-display-large,
3302
- :lang(zh-CN) .np-text-display-medium,
3303
- :lang(zh-CN) .np-text-display-small,
3304
- :lang(zh-HK) .display-1,
3305
- :lang(zh-HK) .display-2,
3306
- :lang(zh-HK) .display-3,
3307
- :lang(zh-HK) .display-4,
3308
- :lang(zh-HK) .display-5,
3309
- :lang(zh-HK) .np-text-display-extra-large,
3310
- :lang(zh-HK) .np-text-display-large,
3311
- :lang(zh-HK) .np-text-display-medium,
3312
- :lang(zh-HK) .np-text-display-small {
3313
- /**
3314
- * Wise Sans covers extended Latin glyphs for logged-in experiences and a small subset
3315
- * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
3316
- * font files are browser-cached and we carried over to launchpad, where it causes issues
3317
- * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
3318
- * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
3319
- * numeric input of ExpressiveMoneyInput.
3320
- * Add `--forced` BEM modifier to the original class name to guarantee it.
3321
- */
3322
- font-family: 'Inter', Helvetica, Arial, sans-serif;
3323
- font-family: var(--font-family-regular);
3324
- line-height: 1.2;
3325
- line-height: var(--line-height-title);
3326
- }
3327
5152
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
3328
5153
  .np-text-display-extra-large,
3329
5154
  .np-text-display-large,
3330
5155
  .np-text-display-medium,
3331
5156
  .np-text-display-small {
3332
- letter-spacing: normal;
3333
5157
  word-wrap: break-word;
3334
5158
  }
3335
5159
  @supports (hyphenate-limit-chars: 1) {
@@ -3375,50 +5199,6 @@ a,
3375
5199
  }
3376
5200
  }
3377
5201
  }
3378
- .np-text-display-extra-large,
3379
- .np-text-display-large {
3380
- font-size: 64px;
3381
- font-size: var(--size-64);
3382
- line-height: normal;
3383
- font-weight: 700;
3384
- font-weight: var(--font-weight-bold);
3385
- }
3386
- .np-text-display-medium {
3387
- font-size: 52px;
3388
- font-size: var(--size-52);
3389
- line-height: normal;
3390
- font-weight: 700;
3391
- font-weight: var(--font-weight-bold);
3392
- }
3393
- .np-text-display-small {
3394
- font-size: 40px;
3395
- font-size: var(--size-40);
3396
- line-height: normal;
3397
- font-weight: 700;
3398
- font-weight: var(--font-weight-bold);
3399
- }
3400
- :lang(en) > .np-text-display-extra-large,
3401
- :lang(en) > .np-text-display-large {
3402
- font-size: 64px;
3403
- font-size: var(--size-64);
3404
- line-height: 0.85;
3405
- font-weight: 400;
3406
- font-weight: var(--font-weight-regular);
3407
- }
3408
- :lang(en) > .np-text-display-medium {
3409
- font-size: 52px;
3410
- font-size: var(--size-52);
3411
- line-height: 0.85;
3412
- font-weight: 400;
3413
- font-weight: var(--font-weight-regular);
3414
- }
3415
- :lang(en) > .np-text-display-small {
3416
- font-size: 40px;
3417
- font-size: var(--size-40);
3418
- line-height: 0.85;
3419
- font-weight: 400;
3420
- font-weight: var(--font-weight-regular);
3421
- }
3422
5202
  /* Disable hyphenation for English
3423
5203
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
3424
5204
  :lang(en),
@@ -3428,350 +5208,6 @@ a,
3428
5208
  :lang(zh-HK) {
3429
5209
  hyphens: none;
3430
5210
  }
3431
- :lang(af) .np-text-display-extra-large,
3432
- :lang(sq) .np-text-display-extra-large,
3433
- :lang(eu) .np-text-display-extra-large,
3434
- :lang(bs) .np-text-display-extra-large,
3435
- :lang(ca) .np-text-display-extra-large,
3436
- :lang(kw) .np-text-display-extra-large,
3437
- :lang(hr) .np-text-display-extra-large,
3438
- :lang(cs) .np-text-display-extra-large,
3439
- :lang(da) .np-text-display-extra-large,
3440
- :lang(nl) .np-text-display-extra-large,
3441
- :lang(eo) .np-text-display-extra-large,
3442
- :lang(et) .np-text-display-extra-large,
3443
- :lang(fo) .np-text-display-extra-large,
3444
- :lang(fi) .np-text-display-extra-large,
3445
- :lang(fr) .np-text-display-extra-large,
3446
- :lang(gl) .np-text-display-extra-large,
3447
- :lang(lg) .np-text-display-extra-large,
3448
- :lang(de) .np-text-display-extra-large,
3449
- :lang(hu) .np-text-display-extra-large,
3450
- :lang(is) .np-text-display-extra-large,
3451
- :lang(se) .np-text-display-extra-large,
3452
- :lang(id) .np-text-display-extra-large,
3453
- :lang(in) .np-text-display-extra-large,
3454
- :lang(ga) .np-text-display-extra-large,
3455
- :lang(it) .np-text-display-extra-large,
3456
- :lang(kl) .np-text-display-extra-large,
3457
- :lang(ki) .np-text-display-extra-large,
3458
- :lang(rw) .np-text-display-extra-large,
3459
- :lang(lv) .np-text-display-extra-large,
3460
- :lang(lt) .np-text-display-extra-large,
3461
- :lang(lb) .np-text-display-extra-large,
3462
- :lang(mg) .np-text-display-extra-large,
3463
- :lang(ms) .np-text-display-extra-large,
3464
- :lang(mt) .np-text-display-extra-large,
3465
- :lang(gv) .np-text-display-extra-large,
3466
- :lang(mi) .np-text-display-extra-large,
3467
- :lang(nd) .np-text-display-extra-large,
3468
- :lang(nb) .np-text-display-extra-large,
3469
- :lang(nn) .np-text-display-extra-large,
3470
- :lang(om) .np-text-display-extra-large,
3471
- :lang(pl) .np-text-display-extra-large,
3472
- :lang(pt) .np-text-display-extra-large,
3473
- :lang(ro) .np-text-display-extra-large,
3474
- :lang(rm) .np-text-display-extra-large,
3475
- :lang(rn) .np-text-display-extra-large,
3476
- :lang(sg) .np-text-display-extra-large,
3477
- :lang(gd) .np-text-display-extra-large,
3478
- :lang(sr) .np-text-display-extra-large,
3479
- :lang(sn) .np-text-display-extra-large,
3480
- :lang(sk) .np-text-display-extra-large,
3481
- :lang(sl) .np-text-display-extra-large,
3482
- :lang(so) .np-text-display-extra-large,
3483
- :lang(es) .np-text-display-extra-large,
3484
- :lang(sw) .np-text-display-extra-large,
3485
- :lang(sv) .np-text-display-extra-large,
3486
- :lang(tr) .np-text-display-extra-large,
3487
- :lang(cy) .np-text-display-extra-large,
3488
- :lang(fy) .np-text-display-extra-large,
3489
- :lang(wo) .np-text-display-extra-large,
3490
- :lang(zu) .np-text-display-extra-large,
3491
- :lang(hsb) .np-text-display-extra-large,
3492
- :lang(gsw) .np-text-display-extra-large,
3493
- :lang(dsb) .np-text-display-extra-large,
3494
- :lang(fil) .np-text-display-extra-large,
3495
- :lang(af) .np-text-display-large,
3496
- :lang(sq) .np-text-display-large,
3497
- :lang(eu) .np-text-display-large,
3498
- :lang(bs) .np-text-display-large,
3499
- :lang(ca) .np-text-display-large,
3500
- :lang(kw) .np-text-display-large,
3501
- :lang(hr) .np-text-display-large,
3502
- :lang(cs) .np-text-display-large,
3503
- :lang(da) .np-text-display-large,
3504
- :lang(nl) .np-text-display-large,
3505
- :lang(eo) .np-text-display-large,
3506
- :lang(et) .np-text-display-large,
3507
- :lang(fo) .np-text-display-large,
3508
- :lang(fi) .np-text-display-large,
3509
- :lang(fr) .np-text-display-large,
3510
- :lang(gl) .np-text-display-large,
3511
- :lang(lg) .np-text-display-large,
3512
- :lang(de) .np-text-display-large,
3513
- :lang(hu) .np-text-display-large,
3514
- :lang(is) .np-text-display-large,
3515
- :lang(se) .np-text-display-large,
3516
- :lang(id) .np-text-display-large,
3517
- :lang(in) .np-text-display-large,
3518
- :lang(ga) .np-text-display-large,
3519
- :lang(it) .np-text-display-large,
3520
- :lang(kl) .np-text-display-large,
3521
- :lang(ki) .np-text-display-large,
3522
- :lang(rw) .np-text-display-large,
3523
- :lang(lv) .np-text-display-large,
3524
- :lang(lt) .np-text-display-large,
3525
- :lang(lb) .np-text-display-large,
3526
- :lang(mg) .np-text-display-large,
3527
- :lang(ms) .np-text-display-large,
3528
- :lang(mt) .np-text-display-large,
3529
- :lang(gv) .np-text-display-large,
3530
- :lang(mi) .np-text-display-large,
3531
- :lang(nd) .np-text-display-large,
3532
- :lang(nb) .np-text-display-large,
3533
- :lang(nn) .np-text-display-large,
3534
- :lang(om) .np-text-display-large,
3535
- :lang(pl) .np-text-display-large,
3536
- :lang(pt) .np-text-display-large,
3537
- :lang(ro) .np-text-display-large,
3538
- :lang(rm) .np-text-display-large,
3539
- :lang(rn) .np-text-display-large,
3540
- :lang(sg) .np-text-display-large,
3541
- :lang(gd) .np-text-display-large,
3542
- :lang(sr) .np-text-display-large,
3543
- :lang(sn) .np-text-display-large,
3544
- :lang(sk) .np-text-display-large,
3545
- :lang(sl) .np-text-display-large,
3546
- :lang(so) .np-text-display-large,
3547
- :lang(es) .np-text-display-large,
3548
- :lang(sw) .np-text-display-large,
3549
- :lang(sv) .np-text-display-large,
3550
- :lang(tr) .np-text-display-large,
3551
- :lang(cy) .np-text-display-large,
3552
- :lang(fy) .np-text-display-large,
3553
- :lang(wo) .np-text-display-large,
3554
- :lang(zu) .np-text-display-large,
3555
- :lang(hsb) .np-text-display-large,
3556
- :lang(gsw) .np-text-display-large,
3557
- :lang(dsb) .np-text-display-large,
3558
- :lang(fil) .np-text-display-large {
3559
- font-size: 64px;
3560
- font-size: var(--size-64);
3561
- line-height: 1.05;
3562
- font-weight: 400;
3563
- font-weight: var(--font-weight-regular);
3564
- }
3565
- :lang(af) .np-text-display-medium,
3566
- :lang(sq) .np-text-display-medium,
3567
- :lang(eu) .np-text-display-medium,
3568
- :lang(bs) .np-text-display-medium,
3569
- :lang(ca) .np-text-display-medium,
3570
- :lang(kw) .np-text-display-medium,
3571
- :lang(hr) .np-text-display-medium,
3572
- :lang(cs) .np-text-display-medium,
3573
- :lang(da) .np-text-display-medium,
3574
- :lang(nl) .np-text-display-medium,
3575
- :lang(eo) .np-text-display-medium,
3576
- :lang(et) .np-text-display-medium,
3577
- :lang(fo) .np-text-display-medium,
3578
- :lang(fi) .np-text-display-medium,
3579
- :lang(fr) .np-text-display-medium,
3580
- :lang(gl) .np-text-display-medium,
3581
- :lang(lg) .np-text-display-medium,
3582
- :lang(de) .np-text-display-medium,
3583
- :lang(hu) .np-text-display-medium,
3584
- :lang(is) .np-text-display-medium,
3585
- :lang(se) .np-text-display-medium,
3586
- :lang(id) .np-text-display-medium,
3587
- :lang(in) .np-text-display-medium,
3588
- :lang(ga) .np-text-display-medium,
3589
- :lang(it) .np-text-display-medium,
3590
- :lang(kl) .np-text-display-medium,
3591
- :lang(ki) .np-text-display-medium,
3592
- :lang(rw) .np-text-display-medium,
3593
- :lang(lv) .np-text-display-medium,
3594
- :lang(lt) .np-text-display-medium,
3595
- :lang(lb) .np-text-display-medium,
3596
- :lang(mg) .np-text-display-medium,
3597
- :lang(ms) .np-text-display-medium,
3598
- :lang(mt) .np-text-display-medium,
3599
- :lang(gv) .np-text-display-medium,
3600
- :lang(mi) .np-text-display-medium,
3601
- :lang(nd) .np-text-display-medium,
3602
- :lang(nb) .np-text-display-medium,
3603
- :lang(nn) .np-text-display-medium,
3604
- :lang(om) .np-text-display-medium,
3605
- :lang(pl) .np-text-display-medium,
3606
- :lang(pt) .np-text-display-medium,
3607
- :lang(ro) .np-text-display-medium,
3608
- :lang(rm) .np-text-display-medium,
3609
- :lang(rn) .np-text-display-medium,
3610
- :lang(sg) .np-text-display-medium,
3611
- :lang(gd) .np-text-display-medium,
3612
- :lang(sr) .np-text-display-medium,
3613
- :lang(sn) .np-text-display-medium,
3614
- :lang(sk) .np-text-display-medium,
3615
- :lang(sl) .np-text-display-medium,
3616
- :lang(so) .np-text-display-medium,
3617
- :lang(es) .np-text-display-medium,
3618
- :lang(sw) .np-text-display-medium,
3619
- :lang(sv) .np-text-display-medium,
3620
- :lang(tr) .np-text-display-medium,
3621
- :lang(cy) .np-text-display-medium,
3622
- :lang(fy) .np-text-display-medium,
3623
- :lang(wo) .np-text-display-medium,
3624
- :lang(zu) .np-text-display-medium,
3625
- :lang(hsb) .np-text-display-medium,
3626
- :lang(gsw) .np-text-display-medium,
3627
- :lang(dsb) .np-text-display-medium,
3628
- :lang(fil) .np-text-display-medium {
3629
- font-size: 52px;
3630
- font-size: var(--size-52);
3631
- line-height: 1.05;
3632
- font-weight: 400;
3633
- font-weight: var(--font-weight-regular);
3634
- }
3635
- :lang(af) .np-text-display-small,
3636
- :lang(sq) .np-text-display-small,
3637
- :lang(eu) .np-text-display-small,
3638
- :lang(bs) .np-text-display-small,
3639
- :lang(ca) .np-text-display-small,
3640
- :lang(kw) .np-text-display-small,
3641
- :lang(hr) .np-text-display-small,
3642
- :lang(cs) .np-text-display-small,
3643
- :lang(da) .np-text-display-small,
3644
- :lang(nl) .np-text-display-small,
3645
- :lang(eo) .np-text-display-small,
3646
- :lang(et) .np-text-display-small,
3647
- :lang(fo) .np-text-display-small,
3648
- :lang(fi) .np-text-display-small,
3649
- :lang(fr) .np-text-display-small,
3650
- :lang(gl) .np-text-display-small,
3651
- :lang(lg) .np-text-display-small,
3652
- :lang(de) .np-text-display-small,
3653
- :lang(hu) .np-text-display-small,
3654
- :lang(is) .np-text-display-small,
3655
- :lang(se) .np-text-display-small,
3656
- :lang(id) .np-text-display-small,
3657
- :lang(in) .np-text-display-small,
3658
- :lang(ga) .np-text-display-small,
3659
- :lang(it) .np-text-display-small,
3660
- :lang(kl) .np-text-display-small,
3661
- :lang(ki) .np-text-display-small,
3662
- :lang(rw) .np-text-display-small,
3663
- :lang(lv) .np-text-display-small,
3664
- :lang(lt) .np-text-display-small,
3665
- :lang(lb) .np-text-display-small,
3666
- :lang(mg) .np-text-display-small,
3667
- :lang(ms) .np-text-display-small,
3668
- :lang(mt) .np-text-display-small,
3669
- :lang(gv) .np-text-display-small,
3670
- :lang(mi) .np-text-display-small,
3671
- :lang(nd) .np-text-display-small,
3672
- :lang(nb) .np-text-display-small,
3673
- :lang(nn) .np-text-display-small,
3674
- :lang(om) .np-text-display-small,
3675
- :lang(pl) .np-text-display-small,
3676
- :lang(pt) .np-text-display-small,
3677
- :lang(ro) .np-text-display-small,
3678
- :lang(rm) .np-text-display-small,
3679
- :lang(rn) .np-text-display-small,
3680
- :lang(sg) .np-text-display-small,
3681
- :lang(gd) .np-text-display-small,
3682
- :lang(sr) .np-text-display-small,
3683
- :lang(sn) .np-text-display-small,
3684
- :lang(sk) .np-text-display-small,
3685
- :lang(sl) .np-text-display-small,
3686
- :lang(so) .np-text-display-small,
3687
- :lang(es) .np-text-display-small,
3688
- :lang(sw) .np-text-display-small,
3689
- :lang(sv) .np-text-display-small,
3690
- :lang(tr) .np-text-display-small,
3691
- :lang(cy) .np-text-display-small,
3692
- :lang(fy) .np-text-display-small,
3693
- :lang(wo) .np-text-display-small,
3694
- :lang(zu) .np-text-display-small,
3695
- :lang(hsb) .np-text-display-small,
3696
- :lang(gsw) .np-text-display-small,
3697
- :lang(dsb) .np-text-display-small,
3698
- :lang(fil) .np-text-display-small {
3699
- font-size: 40px;
3700
- font-size: var(--size-40);
3701
- line-height: 1.05;
3702
- font-weight: 400;
3703
- font-weight: var(--font-weight-regular);
3704
- }
3705
- :lang(el) .np-text-display-extra-large,
3706
- :lang(az) .np-text-display-extra-large,
3707
- :lang(be) .np-text-display-extra-large,
3708
- :lang(bs) .np-text-display-extra-large,
3709
- :lang(bg) .np-text-display-extra-large,
3710
- :lang(ce) .np-text-display-extra-large,
3711
- :lang(mk) .np-text-display-extra-large,
3712
- :lang(os) .np-text-display-extra-large,
3713
- :lang(ru) .np-text-display-extra-large,
3714
- :lang(sr) .np-text-display-extra-large,
3715
- :lang(uk) .np-text-display-extra-large,
3716
- :lang(uz) .np-text-display-extra-large,
3717
- :lang(sah) .np-text-display-extra-large,
3718
- :lang(el) .np-text-display-large,
3719
- :lang(az) .np-text-display-large,
3720
- :lang(be) .np-text-display-large,
3721
- :lang(bs) .np-text-display-large,
3722
- :lang(bg) .np-text-display-large,
3723
- :lang(ce) .np-text-display-large,
3724
- :lang(mk) .np-text-display-large,
3725
- :lang(os) .np-text-display-large,
3726
- :lang(ru) .np-text-display-large,
3727
- :lang(sr) .np-text-display-large,
3728
- :lang(uk) .np-text-display-large,
3729
- :lang(uz) .np-text-display-large,
3730
- :lang(sah) .np-text-display-large {
3731
- font-size: 60px;
3732
- font-size: var(--size-60);
3733
- line-height: 120%;
3734
- font-weight: 600;
3735
- font-weight: var(--font-weight-semi-bold);
3736
- }
3737
- :lang(el) .np-text-display-medium,
3738
- :lang(az) .np-text-display-medium,
3739
- :lang(be) .np-text-display-medium,
3740
- :lang(bs) .np-text-display-medium,
3741
- :lang(bg) .np-text-display-medium,
3742
- :lang(ce) .np-text-display-medium,
3743
- :lang(mk) .np-text-display-medium,
3744
- :lang(os) .np-text-display-medium,
3745
- :lang(ru) .np-text-display-medium,
3746
- :lang(sr) .np-text-display-medium,
3747
- :lang(uk) .np-text-display-medium,
3748
- :lang(uz) .np-text-display-medium,
3749
- :lang(sah) .np-text-display-medium {
3750
- font-size: 48px;
3751
- font-size: var(--size-48);
3752
- line-height: 120%;
3753
- font-weight: 600;
3754
- font-weight: var(--font-weight-semi-bold);
3755
- }
3756
- :lang(el) .np-text-display-small,
3757
- :lang(az) .np-text-display-small,
3758
- :lang(be) .np-text-display-small,
3759
- :lang(bs) .np-text-display-small,
3760
- :lang(bg) .np-text-display-small,
3761
- :lang(ce) .np-text-display-small,
3762
- :lang(mk) .np-text-display-small,
3763
- :lang(os) .np-text-display-small,
3764
- :lang(ru) .np-text-display-small,
3765
- :lang(sr) .np-text-display-small,
3766
- :lang(uk) .np-text-display-small,
3767
- :lang(uz) .np-text-display-small,
3768
- :lang(sah) .np-text-display-small {
3769
- font-size: 40px;
3770
- font-size: var(--size-40);
3771
- line-height: 120%;
3772
- font-weight: 600;
3773
- font-weight: var(--font-weight-semi-bold);
3774
- }
3775
5211
  /* DEPRECATED: use `.np-text-display-*` instead */
3776
5212
  .display-1 {
3777
5213
  margin-block-end: 24px;
@@ -4392,6 +5828,21 @@ a.text-inverse:focus {
4392
5828
  .bg-primary .np-text-title-group,
4393
5829
  .bg-info .np-text-title-group,
4394
5830
  .bg-accent .np-text-title-group,
5831
+ .bg-primary .wds-text-title-screen,
5832
+ .bg-info .wds-text-title-screen,
5833
+ .bg-accent .wds-text-title-screen,
5834
+ .bg-primary .wds-text-title-section,
5835
+ .bg-info .wds-text-title-section,
5836
+ .bg-accent .wds-text-title-section,
5837
+ .bg-primary .wds-text-title-subsection,
5838
+ .bg-info .wds-text-title-subsection,
5839
+ .bg-accent .wds-text-title-subsection,
5840
+ .bg-primary .wds-text-title-body,
5841
+ .bg-info .wds-text-title-body,
5842
+ .bg-accent .wds-text-title-body,
5843
+ .bg-primary .wds-text-title-group,
5844
+ .bg-info .wds-text-title-group,
5845
+ .bg-accent .wds-text-title-group,
4395
5846
  .bg-primary strong,
4396
5847
  .bg-info strong,
4397
5848
  .bg-accent strong {
@@ -6478,8 +7929,16 @@ a.badge:focus {
6478
7929
  block-size: 32px;
6479
7930
  }
6480
7931
  .btn {
6481
- line-height: 150%;
7932
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
7933
+ font-family: var(--wds-font-family-regular);
7934
+ font-weight: 600;
7935
+ font-weight: var(--wds-font-weight-body-large-bold);
7936
+ font-size: 1rem;
7937
+ font-size: var(--wds-font-size-body-large);
7938
+ line-height: 1.5;
7939
+ line-height: var(--wds-line-height-body-large);
6482
7940
  letter-spacing: -0.011em;
7941
+ letter-spacing: var(--wds-letter-spacing-body-large);
6483
7942
  word-wrap: break-word;
6484
7943
  display: inline-block;
6485
7944
  margin-block-end: 0;
@@ -6491,12 +7950,10 @@ a.badge:focus {
6491
7950
  border: 1px solid transparent;
6492
7951
  white-space: nowrap;
6493
7952
  padding-block-end: 10px;
6494
- font-weight: 600;
6495
7953
  font-weight: var(--font-weight-semi-bold);
6496
7954
  padding-block: 12px calc(12px - 2px);
6497
7955
  padding-inline: 24px;
6498
7956
  padding: var(--btn-padding);
6499
- font-size: 1rem;
6500
7957
  font-size: var(--font-size-16);
6501
7958
  line-height: 1.5rem;
6502
7959
  line-height: var(--line-height-24);
@@ -8265,8 +9722,9 @@ a.btn {
8265
9722
  .btn-group .btn-input + .dropdown-menu > li > a {
8266
9723
  white-space: normal;
8267
9724
  }
8268
- .btn-group .np-text-body-default,
8269
9725
  .btn-group .body-2,
9726
+ .btn-group .np-text-body-default,
9727
+ .btn-group .wds-text-body-default,
8270
9728
  .btn-group .small {
8271
9729
  color: #5d7079;
8272
9730
  color: var(--color-content-secondary);
@@ -8277,12 +9735,16 @@ a.btn {
8277
9735
  }
8278
9736
  }
8279
9737
  .btn-group .secondary {
9738
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
9739
+ font-family: var(--wds-font-family-regular);
9740
+ font-weight: 400;
9741
+ font-weight: var(--wds-font-weight-body-regular);
8280
9742
  font-size: 0.875rem;
8281
- font-size: var(--font-size-14);
8282
- line-height: 155%;
9743
+ font-size: var(--wds-font-size-body);
9744
+ line-height: 1.55;
9745
+ line-height: var(--wds-line-height-body);
8283
9746
  letter-spacing: -0.006em;
8284
- font-weight: 400;
8285
- font-weight: var(--font-weight-regular);
9747
+ letter-spacing: var(--wds-letter-spacing-body);
8286
9748
  word-wrap: break-word;
8287
9749
  color: #5d7079;
8288
9750
  color: var(--color-content-secondary);
@@ -8343,31 +9805,31 @@ label,
8343
9805
  font-size: var(--font-size-14);
8344
9806
  line-height: 20px;
8345
9807
  }
8346
- input[type='search'] {
9808
+ input[type="search"] {
8347
9809
  box-sizing: border-box;
8348
9810
  }
8349
- input[type='number'] {
9811
+ input[type="number"] {
8350
9812
  -webkit-appearance: textfield;
8351
9813
  -moz-appearance: textfield;
8352
9814
  appearance: textfield;
8353
9815
  }
8354
- input[type='number']::-webkit-outer-spin-button,
8355
- input[type='number']::-webkit-inner-spin-button {
9816
+ input[type="number"]::-webkit-outer-spin-button,
9817
+ input[type="number"]::-webkit-inner-spin-button {
8356
9818
  -webkit-appearance: none;
8357
9819
  appearance: none;
8358
9820
  margin: 0;
8359
9821
  }
8360
- input[type='radio'],
8361
- input[type='checkbox'] {
9822
+ input[type="radio"],
9823
+ input[type="checkbox"] {
8362
9824
  margin-block: 4px 0;
8363
9825
  margin-inline: 0;
8364
9826
  margin-block-start: 1px;
8365
9827
  line-height: normal;
8366
9828
  }
8367
- input[type='file'] {
9829
+ input[type="file"] {
8368
9830
  display: block;
8369
9831
  }
8370
- input[type='range'] {
9832
+ input[type="range"] {
8371
9833
  display: block;
8372
9834
  inline-size: 100%;
8373
9835
  }
@@ -8375,9 +9837,9 @@ select[multiple],
8375
9837
  select[size] {
8376
9838
  block-size: auto;
8377
9839
  }
8378
- input[type='file']:focus,
8379
- input[type='radio']:focus,
8380
- input[type='checkbox']:focus {
9840
+ input[type="file"]:focus,
9841
+ input[type="radio"]:focus,
9842
+ input[type="checkbox"]:focus {
8381
9843
  outline: #37517e solid 2px;
8382
9844
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
8383
9845
  outline-offset: 2px;
@@ -8404,17 +9866,22 @@ output {
8404
9866
  border: 1px solid #c9cbce;
8405
9867
  border: 1px solid var(--color-interactive-secondary);
8406
9868
  transition: border-color ease-in-out 0.15s;
9869
+ font-size: 1rem;
9870
+ font-size: var(--font-size-16);
8407
9871
  min-block-size: var(--input-height-base);
8408
9872
  padding-block: 12px calc(12px - 2px);
8409
9873
  padding-inline: 16px;
8410
9874
  padding: var(--input-padding);
8411
9875
  border-radius: 3px;
9876
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
9877
+ font-family: var(--wds-font-family-regular);
8412
9878
  font-weight: 400;
8413
- font-weight: var(--font-weight-regular);
8414
- font-size: 1rem;
8415
- font-size: var(--font-size-16);
8416
- line-height: 150%;
9879
+ font-weight: var(--wds-font-weight-body-large-regular);
9880
+ font-size: var(--wds-font-size-body-large);
9881
+ line-height: 1.5;
9882
+ line-height: var(--wds-line-height-body-large);
8417
9883
  letter-spacing: -0.011em;
9884
+ letter-spacing: var(--wds-letter-spacing-body-large);
8418
9885
  word-wrap: break-word;
8419
9886
  background-clip: padding-box;
8420
9887
  }
@@ -8494,36 +9961,36 @@ textarea.form-control {
8494
9961
  .np-theme-personal .form-control:focus {
8495
9962
  border-color: var(--color-interactive-primary);
8496
9963
  }
8497
- input[type='search'] {
9964
+ input[type="search"] {
8498
9965
  -webkit-appearance: none;
8499
9966
  -moz-appearance: none;
8500
9967
  appearance: none;
8501
9968
  }
8502
9969
  @media screen and (min-device-pixel-ratio: 0) {
8503
- input[type='date'],
8504
- input[type='time'],
8505
- input[type='datetime-local'],
8506
- input[type='month'] {
9970
+ input[type="date"],
9971
+ input[type="time"],
9972
+ input[type="datetime-local"],
9973
+ input[type="month"] {
8507
9974
  line-height: var(--input-height-base);
8508
9975
  }
8509
- input[type='date'].input-sm,
8510
- input[type='time'].input-sm,
8511
- input[type='datetime-local'].input-sm,
8512
- input[type='month'].input-sm,
8513
- .input-group-sm input[type='date'],
8514
- .input-group-sm input[type='time'],
8515
- .input-group-sm input[type='datetime-local'],
8516
- .input-group-sm input[type='month'] {
9976
+ input[type="date"].input-sm,
9977
+ input[type="time"].input-sm,
9978
+ input[type="datetime-local"].input-sm,
9979
+ input[type="month"].input-sm,
9980
+ .input-group-sm input[type="date"],
9981
+ .input-group-sm input[type="time"],
9982
+ .input-group-sm input[type="datetime-local"],
9983
+ .input-group-sm input[type="month"] {
8517
9984
  line-height: var(--input-height-small);
8518
9985
  }
8519
- input[type='date'].input-lg,
8520
- input[type='time'].input-lg,
8521
- input[type='datetime-local'].input-lg,
8522
- input[type='month'].input-lg,
8523
- .input-group-lg input[type='date'],
8524
- .input-group-lg input[type='time'],
8525
- .input-group-lg input[type='datetime-local'],
8526
- .input-group-lg input[type='month'] {
9986
+ input[type="date"].input-lg,
9987
+ input[type="time"].input-lg,
9988
+ input[type="datetime-local"].input-lg,
9989
+ input[type="month"].input-lg,
9990
+ .input-group-lg input[type="date"],
9991
+ .input-group-lg input[type="time"],
9992
+ .input-group-lg input[type="datetime-local"],
9993
+ .input-group-lg input[type="month"] {
8527
9994
  line-height: calc(var(--input-height-large) - 1.5);
8528
9995
  line-height: calc(var(--input-height-large) - var(--line-height-body));
8529
9996
  }
@@ -8539,7 +10006,7 @@ input[type='search'] {
8539
10006
  color: #37517e;
8540
10007
  color: var(--color-content-primary);
8541
10008
  }
8542
- .row-equal-height > [class*='col-'] > .form-group {
10009
+ .row-equal-height > [class*="col-"] > .form-group {
8543
10010
  inline-size: 100%;
8544
10011
  }
8545
10012
  .radio,
@@ -8558,10 +10025,10 @@ input[type='search'] {
8558
10025
  .checkbox + .checkbox {
8559
10026
  margin-block-start: 12px;
8560
10027
  }
8561
- .radio input[type='radio'],
8562
- .radio-inline input[type='radio'],
8563
- .checkbox input[type='checkbox'],
8564
- .checkbox-inline input[type='checkbox'] {
10028
+ .radio input[type="radio"],
10029
+ .radio-inline input[type="radio"],
10030
+ .checkbox input[type="checkbox"],
10031
+ .checkbox-inline input[type="checkbox"] {
8565
10032
  position: absolute;
8566
10033
  margin-inline-start: -20px;
8567
10034
  margin-block-start: 4px \9;
@@ -8587,12 +10054,12 @@ fieldset[disabled] .checkbox-inline {
8587
10054
  margin-block-start: 0;
8588
10055
  margin-inline-start: 10px;
8589
10056
  }
8590
- input[type='radio'][disabled],
8591
- input[type='checkbox'][disabled],
8592
- input[type='radio'].disabled,
8593
- input[type='checkbox'].disabled,
8594
- fieldset[disabled] input[type='radio'],
8595
- fieldset[disabled] input[type='checkbox'] {
10057
+ input[type="radio"][disabled],
10058
+ input[type="checkbox"][disabled],
10059
+ input[type="radio"].disabled,
10060
+ input[type="checkbox"].disabled,
10061
+ fieldset[disabled] input[type="radio"],
10062
+ fieldset[disabled] input[type="checkbox"] {
8596
10063
  cursor: not-allowed;
8597
10064
  }
8598
10065
  input[type="password"]::-ms-reveal {
@@ -8632,12 +10099,16 @@ fieldset[disabled] .checkbox label {
8632
10099
  border-radius: 3px;
8633
10100
  font-size: 14px;
8634
10101
  line-height: 24px;
10102
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
10103
+ font-family: var(--wds-font-family-regular);
10104
+ font-weight: 400;
10105
+ font-weight: var(--wds-font-weight-body-regular);
8635
10106
  font-size: 0.875rem;
8636
- font-size: var(--font-size-14);
8637
- line-height: 155%;
10107
+ font-size: var(--wds-font-size-body);
10108
+ line-height: 1.55;
10109
+ line-height: var(--wds-line-height-body);
8638
10110
  letter-spacing: -0.006em;
8639
- font-weight: 400;
8640
- font-weight: var(--font-weight-regular);
10111
+ letter-spacing: var(--wds-letter-spacing-body);
8641
10112
  word-wrap: break-word;
8642
10113
  }
8643
10114
  select.input-sm {
@@ -8715,12 +10186,16 @@ select[multiple].input-sm {
8715
10186
  padding-inline: 16px;
8716
10187
  padding: var(--input-padding-large);
8717
10188
  border-radius: 3px;
10189
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
10190
+ font-family: var(--wds-font-family-regular);
8718
10191
  font-weight: 400;
8719
- font-weight: var(--font-weight-regular);
10192
+ font-weight: var(--wds-font-weight-body-large-regular);
8720
10193
  font-size: 1rem;
8721
- font-size: var(--font-size-16);
8722
- line-height: 150%;
10194
+ font-size: var(--wds-font-size-body-large);
10195
+ line-height: 1.5;
10196
+ line-height: var(--wds-line-height-body-large);
8723
10197
  letter-spacing: -0.011em;
10198
+ letter-spacing: var(--wds-letter-spacing-body-large);
8724
10199
  word-wrap: break-word;
8725
10200
  }
8726
10201
  select.input-lg {
@@ -9705,8 +11180,8 @@ select[multiple].input-lg {
9705
11180
  .form-inline .checkbox label {
9706
11181
  padding-inline-start: 0;
9707
11182
  }
9708
- .form-inline .radio input[type='radio'],
9709
- .form-inline .checkbox input[type='checkbox'] {
11183
+ .form-inline .radio input[type="radio"],
11184
+ .form-inline .checkbox input[type="checkbox"] {
9710
11185
  position: relative;
9711
11186
  margin-inline-start: 0;
9712
11187
  }
@@ -10138,42 +11613,42 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10138
11613
  margin-inline-start: -6px;
10139
11614
  margin-inline-end: -6px;
10140
11615
  }
10141
- .form-group .row [class*='col-'] {
11616
+ .form-group .row [class*="col-"] {
10142
11617
  padding-inline-start: 6px;
10143
11618
  padding-inline-end: 6px;
10144
11619
  }
10145
11620
  @media (max-width: 599.98px) {
10146
- .form-group .row [class*='col-sm-'] {
11621
+ .form-group .row [class*="col-sm-"] {
10147
11622
  margin-block-end: 0;
10148
11623
  }
10149
- .form-group .row [class*='col-sm-'] .btn-input {
11624
+ .form-group .row [class*="col-sm-"] .btn-input {
10150
11625
  margin-block-end: 12px;
10151
11626
  }
10152
11627
  }
10153
11628
  @media (max-width: 839.98px) {
10154
- .form-group .row [class*='col-md-'] {
11629
+ .form-group .row [class*="col-md-"] {
10155
11630
  margin-block-end: 0;
10156
11631
  }
10157
- .form-group .row [class*='col-md-'] .form-control,
10158
- .form-group .row [class*='col-md-'] .btn-input {
11632
+ .form-group .row [class*="col-md-"] .form-control,
11633
+ .form-group .row [class*="col-md-"] .btn-input {
10159
11634
  margin-block-end: 12px;
10160
11635
  }
10161
11636
  }
10162
11637
  @media (max-width: 1159.98px) {
10163
- .form-group .row [class*='col-lg-'] {
11638
+ .form-group .row [class*="col-lg-"] {
10164
11639
  margin-block-end: 0;
10165
11640
  }
10166
- .form-group .row [class*='col-lg-'] .form-control,
10167
- .form-group .row [class*='col-lg-'] .btn-input {
11641
+ .form-group .row [class*="col-lg-"] .form-control,
11642
+ .form-group .row [class*="col-lg-"] .btn-input {
10168
11643
  margin-block-end: 12px;
10169
11644
  }
10170
11645
  }
10171
11646
  @media (max-width: 1159.98px) {
10172
- .form-group .row [class*='col-xl-'] {
11647
+ .form-group .row [class*="col-xl-"] {
10173
11648
  margin-block-end: 0;
10174
11649
  }
10175
- .form-group .row [class*='col-xl-'] .form-control,
10176
- .form-group .row [class*='col-xl-'] .btn-input {
11650
+ .form-group .row [class*="col-xl-"] .form-control,
11651
+ .form-group .row [class*="col-xl-"] .btn-input {
10177
11652
  margin-block-end: 12px;
10178
11653
  }
10179
11654
  }
@@ -10256,7 +11731,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10256
11731
  .checkbox.checkbox-lg > label .np-text-body-default,
10257
11732
  .radio.checkbox-lg > label .np-text-body-default,
10258
11733
  .checkbox.radio-lg > label .np-text-body-default,
10259
- .radio.radio-lg > label .np-text-body-default {
11734
+ .radio.radio-lg > label .np-text-body-default,
11735
+ .checkbox.checkbox-lg > label .wds-text-body-default,
11736
+ .radio.checkbox-lg > label .wds-text-body-default,
11737
+ .checkbox.radio-lg > label .wds-text-body-default,
11738
+ .radio.radio-lg > label .wds-text-body-default {
10260
11739
  display: block;
10261
11740
  color: #5d7079;
10262
11741
  color: var(--color-content-secondary);
@@ -10353,12 +11832,16 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10353
11832
  .form-control-placeholder {
10354
11833
  text-overflow: ellipsis;
10355
11834
  overflow: hidden;
11835
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
11836
+ font-family: var(--wds-font-family-regular);
10356
11837
  font-weight: 400;
10357
- font-weight: var(--font-weight-regular);
11838
+ font-weight: var(--wds-font-weight-body-large-regular);
10358
11839
  font-size: 1rem;
10359
- font-size: var(--font-size-16);
10360
- line-height: 150%;
11840
+ font-size: var(--wds-font-size-body-large);
11841
+ line-height: 1.5;
11842
+ line-height: var(--wds-line-height-body-large);
10361
11843
  letter-spacing: -0.011em;
11844
+ letter-spacing: var(--wds-letter-spacing-body-large);
10362
11845
  word-wrap: break-word;
10363
11846
  display: block;
10364
11847
  inline-size: 100%;
@@ -10485,23 +11968,23 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10485
11968
  .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
10486
11969
  .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
10487
11970
  .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
10488
- .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
10489
- .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
10490
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
11971
+ .np-theme-personal .has-error input[type="checkbox"]:hover + .tw-checkbox-button,
11972
+ .np-theme-personal .has-error input[type="radio"]:not(.disabled):not(:disabled):hover + .tw-radio-button,
11973
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
10491
11974
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
10492
11975
  }
10493
11976
  .np-theme-personal .has-error .tw-checkbox-button.checked,
10494
11977
  .np-theme-personal .has-error .tw-checkbox-button:checked,
10495
- .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
11978
+ .np-theme-personal .has-error input[type="checkbox"]:checked + .tw-checkbox-button,
10496
11979
  .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
10497
11980
  .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
10498
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
11981
+ .np-theme-personal .has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
10499
11982
  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
10500
11983
  background: var(--color-sentiment-negative);
10501
11984
  }
10502
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
10503
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
10504
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
11985
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type="checkbox"] + .tw-checkbox-button,
11986
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type="checkbox"] + .tw-checkbox-button,
11987
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type="checkbox"] + .tw-checkbox-button {
10505
11988
  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
10506
11989
  }
10507
11990
  .np-theme-personal .tw-radio-button,
@@ -10607,77 +12090,39 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
10607
12090
  padding: var(--input-padding-large);
10608
12091
  border-radius: 3px;
10609
12092
  font-weight: 400;
10610
- font-weight: var(--font-weight-regular);
12093
+ font-weight: var(--wds-font-weight-body-large-regular);
10611
12094
  font-size: 1rem;
10612
- font-size: var(--font-size-16);
10613
- line-height: 150%;
10614
- letter-spacing: -0.011em;
10615
- margin: 0;
10616
- color: #37517e;
10617
- color: var(--color-content-primary);
10618
- line-height: 1.2;
10619
- line-height: var(--line-height-title);
10620
- letter-spacing: 0;
10621
- word-wrap: break-word;
10622
- margin-block-end: initial;
10623
- font-size: 1.375rem;
10624
- font-size: var(--font-size-22);
10625
- font-weight: 600;
10626
- font-weight: var(--font-weight-semi-bold);
10627
- letter-spacing: -0.018em;
10628
- line-height: 125%;
10629
- margin-block-end: 0;
10630
- }
10631
- select.input-group-lg > .form-control,
10632
- select.input-group-lg > .input-group-addon,
10633
- select.input-group-lg > .input-group-btn .btn {
10634
- min-block-size: var(--input-height-large);
10635
- }
10636
- textarea.input-group-lg > .form-control,
10637
- textarea.input-group-lg > .input-group-addon,
10638
- textarea.input-group-lg > .input-group-btn .btn,
10639
- select[multiple].input-group-lg > .form-control,
10640
- select[multiple].input-group-lg > .input-group-addon,
10641
- select[multiple].input-group-lg > .input-group-btn .btn {
10642
- block-size: auto;
10643
- }
10644
- @supports (hyphenate-limit-chars: 1) {
10645
- .input-group-lg > .form-control,
10646
- .input-group-lg > .input-group-addon,
10647
- .input-group-lg > .input-group-btn .btn {
10648
- hyphens: auto;
10649
- hyphenate-limit-chars: 7 3;
10650
- }
10651
- @media (min-width: 840px) {
10652
- .input-group-lg > .form-control,
10653
- .input-group-lg > .input-group-addon,
10654
- .input-group-lg > .input-group-btn .btn {
10655
- hyphenate-limit-chars: 8 3;
10656
- }
10657
- }
10658
- @media (min-width: 1160px) {
10659
- .input-group-lg > .form-control,
10660
- .input-group-lg > .input-group-addon,
10661
- .input-group-lg > .input-group-btn .btn {
10662
- hyphenate-limit-chars: 10 4 3;
10663
- }
10664
- }
12095
+ font-size: var(--wds-font-size-body-large);
12096
+ line-height: 1.5;
12097
+ line-height: var(--wds-line-height-body-large);
12098
+ letter-spacing: -0.011em;
12099
+ letter-spacing: var(--wds-letter-spacing-body-large);
12100
+ word-wrap: break-word;
12101
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12102
+ font-family: var(--wds-font-family-regular);
12103
+ font-weight: 600;
12104
+ font-weight: var(--wds-font-weight-title-subsection);
12105
+ font-size: 1.375rem;
12106
+ font-size: var(--wds-font-size-title-subsection);
12107
+ line-height: 1.25;
12108
+ line-height: var(--wds-line-height-title-subsection);
12109
+ letter-spacing: -0.018em;
12110
+ letter-spacing: var(--wds-letter-spacing-title-subsection);
12111
+ margin-block-end: initial;
12112
+ margin-block-end: 0;
10665
12113
  }
10666
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
10667
- .input-group-lg > .form-control,
10668
- .input-group-lg > .input-group-addon,
10669
- .input-group-lg > .input-group-btn .btn {
10670
- hyphens: auto;
10671
- -webkit-hyphenate-limit-before: 3;
10672
- -webkit-hyphenate-limit-after: 3;
10673
- }
10674
- @media (min-width: 1160px) {
10675
- .input-group-lg > .form-control,
10676
- .input-group-lg > .input-group-addon,
10677
- .input-group-lg > .input-group-btn .btn {
10678
- -webkit-hyphenate-limit-before: 4;
10679
- }
10680
- }
12114
+ select.input-group-lg > .form-control,
12115
+ select.input-group-lg > .input-group-addon,
12116
+ select.input-group-lg > .input-group-btn .btn {
12117
+ min-block-size: var(--input-height-large);
12118
+ }
12119
+ textarea.input-group-lg > .form-control,
12120
+ textarea.input-group-lg > .input-group-addon,
12121
+ textarea.input-group-lg > .input-group-btn .btn,
12122
+ select[multiple].input-group-lg > .form-control,
12123
+ select[multiple].input-group-lg > .input-group-addon,
12124
+ select[multiple].input-group-lg > .input-group-btn .btn {
12125
+ block-size: auto;
10681
12126
  }
10682
12127
  @supports (hyphenate-limit-chars: 1) {
10683
12128
  .input-group-lg > .form-control,
@@ -10717,18 +12162,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10717
12162
  }
10718
12163
  }
10719
12164
  }
10720
- .input-group-lg > .form-control + p,
10721
- .input-group-lg > .input-group-addon + p,
10722
- .input-group-lg > .input-group-btn .btn + p,
10723
- .input-group-lg > .form-control + ul:not(.list-unstyled),
10724
- .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
10725
- .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
10726
- .input-group-lg > .form-control + ol:not(.list-unstyled),
10727
- .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
10728
- .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
10729
- margin-block-start: 8px;
10730
- margin-block-start: var(--size-8);
10731
- }
10732
12165
  .input-group-sm > .form-control,
10733
12166
  .input-group-sm > .input-group-addon {
10734
12167
  min-block-size: 32px;
@@ -10738,12 +12171,16 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10738
12171
  border-radius: 3px;
10739
12172
  font-size: 14px;
10740
12173
  line-height: 24px;
12174
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12175
+ font-family: var(--wds-font-family-regular);
12176
+ font-weight: 400;
12177
+ font-weight: var(--wds-font-weight-body-regular);
10741
12178
  font-size: 0.875rem;
10742
- font-size: var(--font-size-14);
10743
- line-height: 155%;
12179
+ font-size: var(--wds-font-size-body);
12180
+ line-height: 1.55;
12181
+ line-height: var(--wds-line-height-body);
10744
12182
  letter-spacing: -0.006em;
10745
- font-weight: 400;
10746
- font-weight: var(--font-weight-regular);
12183
+ letter-spacing: var(--wds-letter-spacing-body);
10747
12184
  word-wrap: break-word;
10748
12185
  }
10749
12186
  select.input-group-sm > .form-control,
@@ -11413,61 +12850,28 @@ li > a > .currency-flag:first-child {
11413
12850
  --ring-outline-offset: 0;
11414
12851
  }
11415
12852
  .decision__title {
11416
- margin: 0;
11417
- color: #37517e;
11418
- color: var(--color-content-primary);
11419
- line-height: 1.2;
11420
- line-height: var(--line-height-title);
11421
- letter-spacing: 0;
11422
- word-wrap: break-word;
11423
- font-size: 1.125rem;
11424
- font-size: var(--font-size-18);
12853
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12854
+ font-family: var(--wds-font-family-regular);
11425
12855
  font-weight: 600;
11426
- font-weight: var(--font-weight-semi-bold);
12856
+ font-weight: var(--wds-font-weight-title-body);
12857
+ font-size: 1.125rem;
12858
+ font-size: var(--wds-font-size-title-body);
12859
+ line-height: 1.35;
12860
+ line-height: var(--wds-line-height-title-body);
11427
12861
  letter-spacing: -0.014em;
11428
- line-height: 135%;
11429
- }
11430
- @supports (hyphenate-limit-chars: 1) {
11431
- .decision__title {
11432
- hyphens: auto;
11433
- hyphenate-limit-chars: 7 3;
11434
- }
11435
- @media (min-width: 840px) {
11436
- .decision__title {
11437
- hyphenate-limit-chars: 8 3;
11438
- }
11439
- }
11440
- @media (min-width: 1160px) {
11441
- .decision__title {
11442
- hyphenate-limit-chars: 10 4 3;
11443
- }
11444
- }
11445
- }
11446
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11447
- .decision__title {
11448
- hyphens: auto;
11449
- -webkit-hyphenate-limit-before: 3;
11450
- -webkit-hyphenate-limit-after: 3;
11451
- }
11452
- @media (min-width: 1160px) {
11453
- .decision__title {
11454
- -webkit-hyphenate-limit-before: 4;
11455
- }
11456
- }
11457
- }
11458
- .decision__title + p,
11459
- .decision__title + ul:not(.list-unstyled),
11460
- .decision__title + ol:not(.list-unstyled) {
11461
- margin-block-start: 8px;
11462
- margin-block-start: var(--size-8);
12862
+ letter-spacing: var(--wds-letter-spacing-title-body);
11463
12863
  }
11464
12864
  .decision__content {
12865
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12866
+ font-family: var(--wds-font-family-regular);
12867
+ font-weight: 400;
12868
+ font-weight: var(--wds-font-weight-body-regular);
11465
12869
  font-size: 0.875rem;
11466
- font-size: var(--font-size-14);
11467
- line-height: 155%;
12870
+ font-size: var(--wds-font-size-body);
12871
+ line-height: 1.55;
12872
+ line-height: var(--wds-line-height-body);
11468
12873
  letter-spacing: -0.006em;
11469
- font-weight: 400;
11470
- font-weight: var(--font-weight-regular);
12874
+ letter-spacing: var(--wds-letter-spacing-body);
11471
12875
  word-wrap: break-word;
11472
12876
  margin-block-start: 4px;
11473
12877
  margin-block-start: var(--size-4);
@@ -11577,12 +12981,16 @@ li > a > .currency-flag:first-child {
11577
12981
  padding: 8px;
11578
12982
  margin: 0;
11579
12983
  list-style: none;
12984
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
12985
+ font-family: var(--wds-font-family-regular);
12986
+ font-weight: 400;
12987
+ font-weight: var(--wds-font-weight-body-regular);
11580
12988
  font-size: 0.875rem;
11581
- font-size: var(--font-size-14);
11582
- line-height: 155%;
12989
+ font-size: var(--wds-font-size-body);
12990
+ line-height: 1.55;
12991
+ line-height: var(--wds-line-height-body);
11583
12992
  letter-spacing: -0.006em;
11584
- font-weight: 400;
11585
- font-weight: var(--font-weight-regular);
12993
+ letter-spacing: var(--wds-letter-spacing-body);
11586
12994
  word-wrap: break-word;
11587
12995
  text-align: start;
11588
12996
  background-color: #ffffff;
@@ -11663,12 +13071,16 @@ li > a > .currency-flag:first-child {
11663
13071
  padding: var(--dropdown-link-padding);
11664
13072
  clear: both;
11665
13073
  border-radius: 3px;
13074
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13075
+ font-family: var(--wds-font-family-regular);
13076
+ font-weight: 400;
13077
+ font-weight: var(--wds-font-weight-body-regular);
11666
13078
  font-size: 0.875rem;
11667
- font-size: var(--font-size-14);
11668
- line-height: 155%;
13079
+ font-size: var(--wds-font-size-body);
13080
+ line-height: 1.55;
13081
+ line-height: var(--wds-line-height-body);
11669
13082
  letter-spacing: -0.006em;
11670
- font-weight: 400;
11671
- font-weight: var(--font-weight-regular);
13083
+ letter-spacing: var(--wds-letter-spacing-body);
11672
13084
  word-wrap: break-word;
11673
13085
  color: #37517e;
11674
13086
  color: var(--color-content-primary);
@@ -11767,10 +13179,12 @@ li > a > .currency-flag:first-child {
11767
13179
  .dropdown-menu > .selected > a strong {
11768
13180
  color: inherit;
11769
13181
  }
11770
- .dropdown-menu > .active > a .np-text-body-default,
11771
- .dropdown-menu > .selected > a .np-text-body-default,
11772
13182
  .dropdown-menu > .active > a .small,
11773
13183
  .dropdown-menu > .selected > a .small,
13184
+ .dropdown-menu > .active > a .np-text-body-default,
13185
+ .dropdown-menu > .selected > a .np-text-body-default,
13186
+ .dropdown-menu > .active > a .wds-text-body-default,
13187
+ .dropdown-menu > .selected > a .wds-text-body-default,
11774
13188
  .dropdown-menu > .active > a .secondary,
11775
13189
  .dropdown-menu > .selected > a .secondary {
11776
13190
  color: #c9cbce;
@@ -11865,58 +13279,22 @@ li > a > .currency-flag:first-child {
11865
13279
  display: block;
11866
13280
  padding-block: 8px;
11867
13281
  padding-inline: 16px;
13282
+ font-size: 0.875rem;
13283
+ font-size: var(--font-size-14);
11868
13284
  line-height: 1.5;
11869
13285
  line-height: var(--line-height-body);
11870
13286
  color: #5d7079;
11871
13287
  color: var(--color-content-secondary);
11872
13288
  white-space: nowrap;
11873
- margin: 0;
11874
- color: #37517e;
11875
- color: var(--color-content-primary);
11876
- line-height: 1.2;
11877
- line-height: var(--line-height-title);
11878
- letter-spacing: 0;
11879
- word-wrap: break-word;
13289
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13290
+ font-family: var(--wds-font-family-regular);
11880
13291
  font-weight: 500;
11881
- font-weight: var(--font-weight-medium);
11882
- font-size: 0.875rem;
11883
- font-size: var(--font-size-14);
11884
- letter-spacing: -0.006em;
11885
- line-height: 140%;
11886
- }
11887
- @supports (hyphenate-limit-chars: 1) {
11888
- .dropdown-header {
11889
- hyphens: auto;
11890
- hyphenate-limit-chars: 7 3;
11891
- }
11892
- @media (min-width: 840px) {
11893
- .dropdown-header {
11894
- hyphenate-limit-chars: 8 3;
11895
- }
11896
- }
11897
- @media (min-width: 1160px) {
11898
- .dropdown-header {
11899
- hyphenate-limit-chars: 10 4 3;
11900
- }
11901
- }
11902
- }
11903
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
11904
- .dropdown-header {
11905
- hyphens: auto;
11906
- -webkit-hyphenate-limit-before: 3;
11907
- -webkit-hyphenate-limit-after: 3;
11908
- }
11909
- @media (min-width: 1160px) {
11910
- .dropdown-header {
11911
- -webkit-hyphenate-limit-before: 4;
11912
- }
11913
- }
11914
- }
11915
- .dropdown-header + p,
11916
- .dropdown-header + ul:not(.list-unstyled),
11917
- .dropdown-header + ol:not(.list-unstyled) {
11918
- margin-block-start: 8px;
11919
- margin-block-start: var(--size-8);
13292
+ font-weight: var(--wds-font-weight-title-group);
13293
+ font-size: var(--wds-font-size-title-group);
13294
+ line-height: 1.4;
13295
+ line-height: var(--wds-line-height-title-group);
13296
+ letter-spacing: -0.018em;
13297
+ letter-spacing: var(--wds-letter-spacing-title-group);
11920
13298
  }
11921
13299
  .dropdown-backdrop {
11922
13300
  position: fixed;
@@ -11948,12 +13326,16 @@ li > a > .currency-flag:first-child {
11948
13326
  }
11949
13327
  .droppable {
11950
13328
  position: relative;
13329
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
13330
+ font-family: var(--wds-font-family-regular);
11951
13331
  font-weight: 400;
11952
- font-weight: var(--font-weight-regular);
13332
+ font-weight: var(--wds-font-weight-body-large-regular);
11953
13333
  font-size: 1rem;
11954
- font-size: var(--font-size-16);
11955
- line-height: 150%;
13334
+ font-size: var(--wds-font-size-body-large);
13335
+ line-height: 1.5;
13336
+ line-height: var(--wds-line-height-body-large);
11956
13337
  letter-spacing: -0.011em;
13338
+ letter-spacing: var(--wds-letter-spacing-body-large);
11957
13339
  word-wrap: break-word;
11958
13340
  text-align: center;
11959
13341
  border: 1px solid #c9cbce;
@@ -12115,7 +13497,7 @@ li > a > .currency-flag:first-child {
12115
13497
  z-index: 1;
12116
13498
  }
12117
13499
  .np-theme-personal .droppable-dropping-card {
12118
- background-color: #E1E4DF;
13500
+ background-color: #e1e4df;
12119
13501
  color: #37517e;
12120
13502
  color: var(--color-content-primary);
12121
13503
  }
@@ -12123,7 +13505,7 @@ li > a > .currency-flag:first-child {
12123
13505
  background-color: #404440;
12124
13506
  }
12125
13507
  .np-theme-personal--forest-green .droppable-dropping-card {
12126
- background-color: #455C35;
13508
+ background-color: #455c35;
12127
13509
  }
12128
13510
  .droppable-dropping .droppable-dropping-card {
12129
13511
  display: flex;
@@ -12704,12 +14086,16 @@ li > a > .currency-flag:first-child {
12704
14086
  .footer {
12705
14087
  background-color: rgba(134,167,189,0.10196);
12706
14088
  background-color: var(--color-background-neutral);
14089
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
14090
+ font-family: var(--wds-font-family-regular);
14091
+ font-weight: 400;
14092
+ font-weight: var(--wds-font-weight-body-regular);
12707
14093
  font-size: 0.875rem;
12708
- font-size: var(--font-size-14);
12709
- line-height: 155%;
14094
+ font-size: var(--wds-font-size-body);
14095
+ line-height: 1.55;
14096
+ line-height: var(--wds-line-height-body);
12710
14097
  letter-spacing: -0.006em;
12711
- font-weight: 400;
12712
- font-weight: var(--font-weight-regular);
14098
+ letter-spacing: var(--wds-letter-spacing-body);
12713
14099
  word-wrap: break-word;
12714
14100
  padding-block-start: calc(8px * 10);
12715
14101
  padding-block-start: calc(var(--size-8) * 10);
@@ -12764,12 +14150,16 @@ li > a > .currency-flag:first-child {
12764
14150
  .footer .link-icon {
12765
14151
  color: #5d7079;
12766
14152
  color: var(--color-content-secondary);
14153
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
14154
+ font-family: var(--wds-font-family-regular);
14155
+ font-weight: 400;
14156
+ font-weight: var(--wds-font-weight-body-regular);
12767
14157
  font-size: 0.875rem;
12768
- font-size: var(--font-size-14);
12769
- line-height: 155%;
14158
+ font-size: var(--wds-font-size-body);
14159
+ line-height: 1.55;
14160
+ line-height: var(--wds-line-height-body);
12770
14161
  letter-spacing: -0.006em;
12771
- font-weight: 400;
12772
- font-weight: var(--font-weight-regular);
14162
+ letter-spacing: var(--wds-letter-spacing-body);
12773
14163
  word-wrap: break-word;
12774
14164
  }
12775
14165
  @supports (hyphenate-limit-chars: 1) {
@@ -12886,7 +14276,8 @@ li > a > .currency-flag:first-child {
12886
14276
  }
12887
14277
  .footer.footer-inverse .tiny,
12888
14278
  .footer.footer-inverse .body-3,
12889
- .footer.footer-inverse .np-text-body-default {
14279
+ .footer.footer-inverse .np-text-body-default,
14280
+ .footer.footer-inverse .wds-text-body-default {
12890
14281
  color: #ffffff;
12891
14282
  }
12892
14283
  @media (max-width: 599.98px) {
@@ -14334,54 +15725,19 @@ li > a > .currency-flag:first-child {
14334
15725
  }
14335
15726
  .list-group-item-heading {
14336
15727
  margin-block-end: 0;
14337
- margin: 0;
14338
- line-height: 1.2;
14339
- line-height: var(--line-height-title);
14340
- letter-spacing: 0;
14341
- word-wrap: break-word;
15728
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
15729
+ font-family: var(--wds-font-family-regular);
14342
15730
  font-weight: 500;
14343
- font-weight: var(--font-weight-medium);
15731
+ font-weight: var(--wds-font-weight-title-group);
14344
15732
  font-size: 0.875rem;
14345
- font-size: var(--font-size-14);
14346
- letter-spacing: -0.006em;
14347
- line-height: 140%;
15733
+ font-size: var(--wds-font-size-title-group);
15734
+ line-height: 1.4;
15735
+ line-height: var(--wds-line-height-title-group);
15736
+ letter-spacing: -0.018em;
15737
+ letter-spacing: var(--wds-letter-spacing-title-group);
14348
15738
  color: #37517e;
14349
15739
  color: var(--color-content-primary);
14350
15740
  }
14351
- @supports (hyphenate-limit-chars: 1) {
14352
- .list-group-item-heading {
14353
- hyphens: auto;
14354
- hyphenate-limit-chars: 7 3;
14355
- }
14356
- @media (min-width: 840px) {
14357
- .list-group-item-heading {
14358
- hyphenate-limit-chars: 8 3;
14359
- }
14360
- }
14361
- @media (min-width: 1160px) {
14362
- .list-group-item-heading {
14363
- hyphenate-limit-chars: 10 4 3;
14364
- }
14365
- }
14366
- }
14367
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
14368
- .list-group-item-heading {
14369
- hyphens: auto;
14370
- -webkit-hyphenate-limit-before: 3;
14371
- -webkit-hyphenate-limit-after: 3;
14372
- }
14373
- @media (min-width: 1160px) {
14374
- .list-group-item-heading {
14375
- -webkit-hyphenate-limit-before: 4;
14376
- }
14377
- }
14378
- }
14379
- .list-group-item-heading + p,
14380
- .list-group-item-heading + ul:not(.list-unstyled),
14381
- .list-group-item-heading + ol:not(.list-unstyled) {
14382
- margin-block-start: 8px;
14383
- margin-block-start: var(--size-8);
14384
- }
14385
15741
  .list-group-item-text {
14386
15742
  margin-block-end: 0;
14387
15743
  color: #5d7079;
@@ -15422,8 +16778,8 @@ a.list-group-item-danger:hover {
15422
16778
  .navbar-form .checkbox label {
15423
16779
  padding-inline-start: 0;
15424
16780
  }
15425
- .navbar-form .radio input[type='radio'],
15426
- .navbar-form .checkbox input[type='checkbox'] {
16781
+ .navbar-form .radio input[type="radio"],
16782
+ .navbar-form .checkbox input[type="checkbox"] {
15427
16783
  position: relative;
15428
16784
  margin-inline-start: 0;
15429
16785
  }
@@ -17189,12 +18545,15 @@ button.close {
17189
18545
  word-break: normal;
17190
18546
  word-spacing: normal;
17191
18547
  word-wrap: normal;
18548
+ font-family: var(--wds-font-family-regular);
18549
+ font-weight: 400;
18550
+ font-weight: var(--wds-font-weight-body-regular);
17192
18551
  font-size: 0.875rem;
17193
- font-size: var(--font-size-14);
17194
- line-height: 155%;
18552
+ font-size: var(--wds-font-size-body);
18553
+ line-height: 1.55;
18554
+ line-height: var(--wds-line-height-body);
17195
18555
  letter-spacing: -0.006em;
17196
- font-weight: 400;
17197
- font-weight: var(--font-weight-regular);
18556
+ letter-spacing: var(--wds-letter-spacing-body);
17198
18557
  word-wrap: break-word;
17199
18558
  background-color: #ffffff;
17200
18559
  background-color: var(--color-background-screen);
@@ -17381,20 +18740,18 @@ button.close {
17381
18740
  margin-inline: 0;
17382
18741
  }
17383
18742
  .popover-title {
17384
- padding: 0;
17385
18743
  margin: 0;
17386
- color: #37517e;
17387
- color: var(--color-content-primary);
17388
- line-height: 1.2;
17389
- line-height: var(--line-height-title);
17390
- letter-spacing: 0;
17391
- word-wrap: break-word;
17392
- font-size: 1.125rem;
17393
- font-size: var(--font-size-18);
18744
+ padding: 0;
18745
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18746
+ font-family: var(--wds-font-family-regular);
17394
18747
  font-weight: 600;
17395
- font-weight: var(--font-weight-semi-bold);
18748
+ font-weight: var(--wds-font-weight-title-body);
18749
+ font-size: 1.125rem;
18750
+ font-size: var(--wds-font-size-title-body);
18751
+ line-height: 1.35;
18752
+ line-height: var(--wds-line-height-title-body);
17396
18753
  letter-spacing: -0.014em;
17397
- line-height: 135%;
18754
+ letter-spacing: var(--wds-letter-spacing-title-body);
17398
18755
  background-color: #ffffff;
17399
18756
  background-color: var(--color-background-screen);
17400
18757
  border-block-end: 0;
@@ -17402,50 +18759,21 @@ button.close {
17402
18759
  border-start-end-radius: 2px;
17403
18760
  border-end-end-radius: 0;
17404
18761
  border-end-start-radius: 0;
18762
+ color: #37517e !important;
17405
18763
  color: var(--color-content-primary) !important;
17406
18764
  }
17407
- @supports (hyphenate-limit-chars: 1) {
17408
- .popover-title {
17409
- hyphens: auto;
17410
- hyphenate-limit-chars: 7 3;
17411
- }
17412
- @media (min-width: 840px) {
17413
- .popover-title {
17414
- hyphenate-limit-chars: 8 3;
17415
- }
17416
- }
17417
- @media (min-width: 1160px) {
17418
- .popover-title {
17419
- hyphenate-limit-chars: 10 4 3;
17420
- }
17421
- }
17422
- }
17423
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17424
- .popover-title {
17425
- hyphens: auto;
17426
- -webkit-hyphenate-limit-before: 3;
17427
- -webkit-hyphenate-limit-after: 3;
17428
- }
17429
- @media (min-width: 1160px) {
17430
- .popover-title {
17431
- -webkit-hyphenate-limit-before: 4;
17432
- }
17433
- }
17434
- }
17435
- .popover-title + p,
17436
- .popover-title + ul:not(.list-unstyled),
17437
- .popover-title + ol:not(.list-unstyled) {
17438
- margin-block-start: 8px;
17439
- margin-block-start: var(--size-8);
17440
- }
17441
18765
  .popover-content {
17442
18766
  padding: 0;
18767
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
18768
+ font-family: var(--wds-font-family-regular);
18769
+ font-weight: 400;
18770
+ font-weight: var(--wds-font-weight-body-regular);
17443
18771
  font-size: 0.875rem;
17444
- font-size: var(--font-size-14);
17445
- line-height: 155%;
18772
+ font-size: var(--wds-font-size-body);
18773
+ line-height: 1.55;
18774
+ line-height: var(--wds-line-height-body);
17446
18775
  letter-spacing: -0.006em;
17447
- font-weight: 400;
17448
- font-weight: var(--font-weight-regular);
18776
+ letter-spacing: var(--wds-letter-spacing-body);
17449
18777
  word-wrap: break-word;
17450
18778
  color: #5d7079;
17451
18779
  color: var(--color-content-secondary);
@@ -18384,6 +19712,10 @@ textarea:focus-visible {
18384
19712
  .sequence > li .h2,
18385
19713
  .sequence > li .h3,
18386
19714
  .sequence > li .h4,
19715
+ .sequence > li .wds-text-title-screen,
19716
+ .sequence > li .wds-text-title-section,
19717
+ .sequence > li .wds-text-title-subsection,
19718
+ .sequence > li .wds-text-title-body,
18387
19719
  .sequence > li .btn-toolbar {
18388
19720
  margin-block-end: 16px;
18389
19721
  }
@@ -18474,7 +19806,8 @@ textarea:focus-visible {
18474
19806
  }
18475
19807
  .sequence-inverse > .active .small,
18476
19808
  .sequence-inverse > .active .body-2,
18477
- .sequence-inverse > .active .np-text-body-default {
19809
+ .sequence-inverse > .active .np-text-body-default,
19810
+ .sequence-inverse > .active .wds-text-body-default {
18478
19811
  color: #5d7079;
18479
19812
  color: var(--color-content-secondary);
18480
19813
  }
@@ -19484,12 +20817,16 @@ table col[class*="col-"] {
19484
20817
  padding-inline: 5px;
19485
20818
  }
19486
20819
  .tooltip-inner {
20820
+ font-family: 'Inter', Helvetica, Arial, sans-serif;
20821
+ font-family: var(--wds-font-family-regular);
20822
+ font-weight: 400;
20823
+ font-weight: var(--wds-font-weight-body-regular);
19487
20824
  font-size: 0.875rem;
19488
- font-size: var(--font-size-14);
19489
- line-height: 155%;
20825
+ font-size: var(--wds-font-size-body);
20826
+ line-height: 1.55;
20827
+ line-height: var(--wds-line-height-body);
19490
20828
  letter-spacing: -0.006em;
19491
- font-weight: 400;
19492
- font-weight: var(--font-weight-regular);
20829
+ letter-spacing: var(--wds-letter-spacing-body);
19493
20830
  word-wrap: break-word;
19494
20831
  max-inline-size: 200px;
19495
20832
  min-inline-size: 120px;