@transferwise/components 0.0.0-experimental-4568e68 → 0.0.0-experimental-20a9e0c

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 (318) hide show
  1. package/build/info/Info.js +7 -13
  2. package/build/info/Info.js.map +1 -1
  3. package/build/info/Info.mjs +7 -13
  4. package/build/info/Info.mjs.map +1 -1
  5. package/build/main.css +16 -25658
  6. package/build/styles/info/Info.css +0 -23
  7. package/build/styles/main.css +16 -25658
  8. package/build/types/info/Info.d.ts.map +1 -1
  9. package/package.json +5 -5
  10. package/src/accordion/Accordion.css +60 -0
  11. package/src/accordion/Accordion.less +3 -3
  12. package/src/actionButton/ActionButton.css +64 -0
  13. package/src/actionButton/ActionButton.less +1 -1
  14. package/src/actionOption/ActionOption.css +4 -0
  15. package/src/alert/Alert.css +7 -0
  16. package/src/avatar/Avatar.css +205 -0
  17. package/src/avatar/Avatar.less +3 -3
  18. package/src/avatarLayout/AvatarLayout.css +42 -0
  19. package/src/avatarView/AvatarView.css +36 -0
  20. package/src/avatarView/NotificationDot.css +20 -0
  21. package/src/badge/Badge.css +65 -0
  22. package/src/badge/Badge.less +1 -1
  23. package/src/button/Button.css +246 -0
  24. package/src/button/Button.vars.css +46 -0
  25. package/src/button/LegacyButton.css +23 -0
  26. package/src/button/LegacyButton.less +1 -1
  27. package/src/card/Card.css +100 -0
  28. package/src/card/Card.less +3 -3
  29. package/src/carousel/Carousel.css +134 -0
  30. package/src/checkboxButton/CheckboxButton.css +43 -0
  31. package/src/checkboxButton/CheckboxButton.less +2 -2
  32. package/src/chips/Chip.css +190 -0
  33. package/src/chips/Chip.less +3 -3
  34. package/src/circularButton/CircularButton.css +33 -0
  35. package/src/common/Option/Option.css +122 -0
  36. package/src/common/Option/Option.less +2 -2
  37. package/src/common/RadioButton/RadioButton.css +4 -0
  38. package/src/common/bottomSheet/BottomSheet.css +53 -0
  39. package/src/common/bottomSheet/BottomSheet.less +1 -1
  40. package/src/common/card/Card.css +49 -0
  41. package/src/common/circle/Circle.css +43 -0
  42. package/src/common/closeButton/CloseButton.css +94 -0
  43. package/src/common/closeButton/CloseButton.less +1 -1
  44. package/src/common/panel/Panel.css +73 -0
  45. package/src/common/panel/Panel.less +1 -1
  46. package/src/criticalBanner/CriticalCommsBanner.css +36 -0
  47. package/src/dateInput/DateInput.css +3 -0
  48. package/src/dateLookup/DateLookup.css +98 -0
  49. package/src/dateLookup/DateLookup.less +1 -1
  50. package/src/dateLookup/dateTrigger/DateTrigger.css +29 -0
  51. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  52. package/src/decision/Decision.css +17 -0
  53. package/src/decision/Decision.less +1 -1
  54. package/src/definitionList/DefinitionList.css +53 -0
  55. package/src/definitionList/DefinitionList.less +1 -1
  56. package/src/dimmer/Dimmer.css +70 -0
  57. package/src/dimmer/Dimmer.less +2 -2
  58. package/src/drawer/Drawer.css +103 -0
  59. package/src/drawer/Drawer.less +2 -2
  60. package/src/dropFade/DropFade.css +19 -0
  61. package/src/emphasis/Emphasis.css +31 -0
  62. package/src/field/Field.css +4 -0
  63. package/src/flowNavigation/FlowNavigation.css +76 -0
  64. package/src/flowNavigation/FlowNavigation.less +1 -1
  65. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +30 -0
  66. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  67. package/src/header/Header.css +26 -0
  68. package/src/iconButton/IconButton.css +82 -0
  69. package/src/image/Image.css +13 -0
  70. package/src/info/Info.css +9 -0
  71. package/src/info/Info.less +1 -29
  72. package/src/info/Info.tsx +8 -14
  73. package/src/inputs/Input.css +101 -0
  74. package/src/inputs/InputGroup.css +63 -0
  75. package/src/inputs/SelectInput.css +372 -0
  76. package/src/inputs/SelectInput.less +1 -1
  77. package/src/inputs/TextArea.css +105 -0
  78. package/src/inputs/_common.less +1 -1
  79. package/src/instructionsList/InstructionsList.css +26 -0
  80. package/src/link/Link.css +15 -0
  81. package/src/link/Link.less +2 -2
  82. package/src/listItem/ListItem.css +6 -0
  83. package/src/listItem/ListItem.story.tsx +4 -9
  84. package/src/loader/Loader.css +313 -0
  85. package/src/logo/Logo.css +26 -0
  86. package/src/main.css +6225 -0
  87. package/src/main.less +0 -2
  88. package/src/modal/Modal.css +158 -0
  89. package/src/moneyInput/MoneyInput.css +66 -0
  90. package/src/moneyInput/MoneyInput.less +2 -2
  91. package/src/navigationOption/NavigationOption.css +69 -0
  92. package/src/navigationOption/NavigationOption.less +3 -3
  93. package/src/navigationOptionsList/NavigationOptionsList.css +13 -0
  94. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  95. package/src/nudge/Nudge.css +191 -0
  96. package/src/overlayHeader/OverlayHeader.css +15 -0
  97. package/src/overlayHeader/OverlayHeader.less +1 -1
  98. package/src/phoneNumberInput/PhoneNumberInput.css +23 -0
  99. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  100. package/src/popover/Popover.css +43 -0
  101. package/src/popover/Popover.less +1 -1
  102. package/src/progress/Progress.css +43 -0
  103. package/src/progressBar/ProgressBar.css +14 -0
  104. package/src/promoCard/PromoCard.css +186 -0
  105. package/src/section/Section.css +10 -0
  106. package/src/segmentedControl/SegmentedControl.css +101 -0
  107. package/src/select/Select.css +305 -0
  108. package/src/select/Select.less +5 -5
  109. package/src/selectOption/SelectOption.css +44 -0
  110. package/src/selectOption/SelectOption.less +1 -1
  111. package/src/slidingPanel/SlidingPanel.css +105 -0
  112. package/src/slidingPanel/SlidingPanel.less +2 -2
  113. package/src/snackbar/Snackbar.css +93 -0
  114. package/src/snackbar/Snackbar.less +3 -3
  115. package/src/statusIcon/StatusIcon.css +27 -0
  116. package/src/stepper/Stepper.css +84 -0
  117. package/src/stepper/Stepper.less +3 -3
  118. package/src/summary/Summary.css +85 -0
  119. package/src/summary/Summary.less +1 -1
  120. package/src/switch/Switch.css +68 -0
  121. package/src/switch/Switch.less +3 -3
  122. package/src/table/Table.css +274 -0
  123. package/src/table/Table.less +1 -1
  124. package/src/tabs/Tabs.css +121 -0
  125. package/src/tabs/Tabs.less +4 -4
  126. package/src/tile/Tile.css +55 -0
  127. package/src/tile/Tile.less +1 -1
  128. package/src/tooltip/Tooltip.css +50 -0
  129. package/src/tooltip/Tooltip.less +1 -1
  130. package/src/typeahead/Typeahead.css +183 -0
  131. package/src/typeahead/Typeahead.less +2 -2
  132. package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -0
  133. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  134. package/src/upload/Upload.css +31 -0
  135. package/src/upload/Upload.less +1 -1
  136. package/src/uploadInput/UploadInput.css +18 -0
  137. package/src/uploadInput/UploadInput.less +2 -2
  138. package/src/uploadInput/uploadButton/UploadButton.css +90 -0
  139. package/src/uploadInput/uploadItem/UploadItem.css +165 -0
  140. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  141. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  142. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  143. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  144. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  145. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  146. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  147. package/build/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  148. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  149. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  150. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  151. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  152. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  153. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  154. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  155. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  156. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  157. package/build/neptune-css/img/bg-dark.svg +0 -31
  158. package/build/neptune-css/img/bg-light.svg +0 -26
  159. package/build/styles/neptune-css/less/accordion.css +0 -231
  160. package/build/styles/neptune-css/less/alerts.css +0 -748
  161. package/build/styles/neptune-css/less/background.css +0 -18
  162. package/build/styles/neptune-css/less/badge.css +0 -90
  163. package/build/styles/neptune-css/less/border-radius.css +0 -3
  164. package/build/styles/neptune-css/less/breadcrumbs.css +0 -20
  165. package/build/styles/neptune-css/less/button-groups.css +0 -408
  166. package/build/styles/neptune-css/less/buttons.css +0 -1387
  167. package/build/styles/neptune-css/less/chevron.css +0 -35
  168. package/build/styles/neptune-css/less/circles.css +0 -248
  169. package/build/styles/neptune-css/less/close.css +0 -47
  170. package/build/styles/neptune-css/less/column-layout.css +0 -164
  171. package/build/styles/neptune-css/less/core/viewport-themes.css +0 -59
  172. package/build/styles/neptune-css/less/currency-flags.css +0 -46
  173. package/build/styles/neptune-css/less/decision.css +0 -91
  174. package/build/styles/neptune-css/less/dropdowns.css +0 -400
  175. package/build/styles/neptune-css/less/droppable.css +0 -177
  176. package/build/styles/neptune-css/less/flex.css +0 -598
  177. package/build/styles/neptune-css/less/footer.css +0 -110
  178. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +0 -1975
  179. package/build/styles/neptune-css/less/forms/checkbox-radio.css +0 -367
  180. package/build/styles/neptune-css/less/grid.css +0 -2369
  181. package/build/styles/neptune-css/less/input-groups.css +0 -2706
  182. package/build/styles/neptune-css/less/link-callout.css +0 -20
  183. package/build/styles/neptune-css/less/list-group.css +0 -267
  184. package/build/styles/neptune-css/less/loaders.css +0 -76
  185. package/build/styles/neptune-css/less/media.css +0 -74
  186. package/build/styles/neptune-css/less/modals.css +0 -185
  187. package/build/styles/neptune-css/less/navbar.css +0 -2382
  188. package/build/styles/neptune-css/less/navs.css +0 -296
  189. package/build/styles/neptune-css/less/neptune-addons.css +0 -1829
  190. package/build/styles/neptune-css/less/neptune-core.css +0 -1971
  191. package/build/styles/neptune-css/less/neptune-social-media.css +0 -144
  192. package/build/styles/neptune-css/less/neptune.css +0 -24468
  193. package/build/styles/neptune-css/less/panels.css +0 -528
  194. package/build/styles/neptune-css/less/popovers.css +0 -530
  195. package/build/styles/neptune-css/less/process.css +0 -483
  196. package/build/styles/neptune-css/less/progress-bars.css +0 -64
  197. package/build/styles/neptune-css/less/ring.css +0 -55
  198. package/build/styles/neptune-css/less/select.css +0 -99
  199. package/build/styles/neptune-css/less/sequences.css +0 -855
  200. package/build/styles/neptune-css/less/table.css +0 -446
  201. package/build/styles/neptune-css/less/tick.css +0 -32
  202. package/build/styles/neptune-css/less/tooltip.css +0 -138
  203. package/build/styles/neptune-css/less/utilities.css +0 -145
  204. package/build/styles/neptune-css/less/wells.css +0 -74
  205. package/build/styles/neptune-css/props/custom-media.css +0 -11
  206. package/build/styles/neptune-css/props/legacy-custom-props.css +0 -69
  207. package/build/styles/neptune-css/props/neptune-tokens.css +0 -11
  208. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  209. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  210. package/build/styles/neptune-css/variables/zindex.css +0 -0
  211. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  212. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  213. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  214. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  215. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  216. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  217. package/src/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  218. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  219. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  220. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  221. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  222. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  223. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  224. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  225. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  226. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  227. package/src/neptune-css/img/bg-dark.svg +0 -31
  228. package/src/neptune-css/img/bg-light.svg +0 -26
  229. package/src/neptune-css/less/accordion.less +0 -15
  230. package/src/neptune-css/less/addons/_background-utilities.less +0 -82
  231. package/src/neptune-css/less/addons/_border.less +0 -3
  232. package/src/neptune-css/less/addons/_display-utilities.less +0 -159
  233. package/src/neptune-css/less/addons/_spacing-utilities.less +0 -48
  234. package/src/neptune-css/less/addons/_utilities.less +0 -147
  235. package/src/neptune-css/less/alerts.less +0 -248
  236. package/src/neptune-css/less/background.less +0 -24
  237. package/src/neptune-css/less/badge.less +0 -85
  238. package/src/neptune-css/less/border-radius.less +0 -3
  239. package/src/neptune-css/less/breadcrumbs.less +0 -27
  240. package/src/neptune-css/less/button-groups.less +0 -424
  241. package/src/neptune-css/less/buttons.less +0 -731
  242. package/src/neptune-css/less/chevron.less +0 -39
  243. package/src/neptune-css/less/circles.less +0 -233
  244. package/src/neptune-css/less/close.less +0 -48
  245. package/src/neptune-css/less/column-layout.less +0 -167
  246. package/src/neptune-css/less/components/_component-animations.less +0 -43
  247. package/src/neptune-css/less/core/_fonts.less +0 -97
  248. package/src/neptune-css/less/core/_scaffolding.less +0 -373
  249. package/src/neptune-css/less/core/_typography-utilities.less +0 -251
  250. package/src/neptune-css/less/core/_typography.less +0 -597
  251. package/src/neptune-css/less/core/viewport-themes.less +0 -65
  252. package/src/neptune-css/less/currency-flags.less +0 -42
  253. package/src/neptune-css/less/decision.less +0 -98
  254. package/src/neptune-css/less/dropdowns.less +0 -365
  255. package/src/neptune-css/less/droppable.less +0 -213
  256. package/src/neptune-css/less/flex.less +0 -113
  257. package/src/neptune-css/less/footer.less +0 -113
  258. package/src/neptune-css/less/forms/bootstrap-forms.less +0 -1218
  259. package/src/neptune-css/less/forms/checkbox-radio.less +0 -330
  260. package/src/neptune-css/less/grid.less +0 -187
  261. package/src/neptune-css/less/input-groups.less +0 -298
  262. package/src/neptune-css/less/link-callout.less +0 -17
  263. package/src/neptune-css/less/list-group.less +0 -260
  264. package/src/neptune-css/less/loaders.less +0 -91
  265. package/src/neptune-css/less/media.less +0 -68
  266. package/src/neptune-css/less/mixins/_alerts.less +0 -35
  267. package/src/neptune-css/less/mixins/_arrows.less +0 -52
  268. package/src/neptune-css/less/mixins/_border-radius.less +0 -11
  269. package/src/neptune-css/less/mixins/_buttons.less +0 -82
  270. package/src/neptune-css/less/mixins/_center-block.less +0 -7
  271. package/src/neptune-css/less/mixins/_clearfix.less +0 -23
  272. package/src/neptune-css/less/mixins/_flex.less +0 -105
  273. package/src/neptune-css/less/mixins/_forms.less +0 -130
  274. package/src/neptune-css/less/mixins/_grid-framework.less +0 -104
  275. package/src/neptune-css/less/mixins/_grid.less +0 -158
  276. package/src/neptune-css/less/mixins/_hide-text.less +0 -20
  277. package/src/neptune-css/less/mixins/_links.less +0 -7
  278. package/src/neptune-css/less/mixins/_list-group.less +0 -23
  279. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +0 -381
  280. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +0 -226
  281. package/src/neptune-css/less/mixins/_logical-properties.less +0 -5
  282. package/src/neptune-css/less/mixins/_nav-divider.less +0 -10
  283. package/src/neptune-css/less/mixins/_nav-vertical-align.less +0 -10
  284. package/src/neptune-css/less/mixins/_panels.less +0 -23
  285. package/src/neptune-css/less/mixins/_physical-properties.less +0 -110
  286. package/src/neptune-css/less/mixins/_reset-text.less +0 -22
  287. package/src/neptune-css/less/mixins/_sequence.less +0 -203
  288. package/src/neptune-css/less/mixins/_spacing.less +0 -122
  289. package/src/neptune-css/less/mixins/_tab-focus.less +0 -5
  290. package/src/neptune-css/less/mixins/_table-row.less +0 -47
  291. package/src/neptune-css/less/mixins/_text-emphasis.less +0 -39
  292. package/src/neptune-css/less/mixins/_text-overflow.less +0 -8
  293. package/src/neptune-css/less/mixins/_theming.less +0 -7
  294. package/src/neptune-css/less/modals.less +0 -239
  295. package/src/neptune-css/less/navbar.less +0 -1442
  296. package/src/neptune-css/less/navs.less +0 -339
  297. package/src/neptune-css/less/neptune-addons.less +0 -4
  298. package/src/neptune-css/less/neptune-core.less +0 -4
  299. package/src/neptune-css/less/neptune-social-media.less +0 -84
  300. package/src/neptune-css/less/neptune.bundle.less +0 -57
  301. package/src/neptune-css/less/panels.less +0 -410
  302. package/src/neptune-css/less/popovers.less +0 -379
  303. package/src/neptune-css/less/process.less +0 -426
  304. package/src/neptune-css/less/progress-bars.less +0 -55
  305. package/src/neptune-css/less/ring.less +0 -51
  306. package/src/neptune-css/less/select.less +0 -88
  307. package/src/neptune-css/less/sequences.less +0 -511
  308. package/src/neptune-css/less/table.less +0 -385
  309. package/src/neptune-css/less/tick.less +0 -37
  310. package/src/neptune-css/less/tooltip.less +0 -130
  311. package/src/neptune-css/less/utilities.less +0 -153
  312. package/src/neptune-css/less/wells.less +0 -37
  313. package/src/neptune-css/props/custom-media.css +0 -11
  314. package/src/neptune-css/props/legacy-custom-props.css +0 -69
  315. package/src/neptune-css/props/neptune-tokens.css +0 -11
  316. package/src/neptune-css/variables/legacy-variables.less +0 -1299
  317. package/src/neptune-css/variables/neptune-tokens.less +0 -12
  318. package/src/neptune-css/variables/zindex.less +0 -17
@@ -1,1971 +0,0 @@
1
- /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
2
- @font-face {
3
- font-family: Inter;
4
- font-style: normal;
5
- font-display: swap;
6
- font-weight: 100 900;
7
- src: url("neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
8
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
9
- }
10
- @font-face {
11
- font-family: Inter;
12
- font-style: normal;
13
- font-display: swap;
14
- font-weight: 100 900;
15
- src: url("neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
16
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
17
- }
18
- @font-face {
19
- font-family: Inter;
20
- font-style: normal;
21
- font-display: swap;
22
- font-weight: 100 900;
23
- src: url("neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
24
- unicode-range: U+0370-03FF;
25
- }
26
- @font-face {
27
- font-family: Inter;
28
- font-style: normal;
29
- font-display: swap;
30
- font-weight: 100 900;
31
- src: url("neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
32
- unicode-range: U+1F00-1FFF;
33
- }
34
- @font-face {
35
- font-family: Inter;
36
- font-style: normal;
37
- font-display: swap;
38
- font-weight: 100 900;
39
- src: url("neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
40
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
41
- }
42
- @font-face {
43
- font-family: Inter;
44
- font-style: normal;
45
- font-display: swap;
46
- font-weight: 100 900;
47
- src: url("neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
48
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
49
- }
50
- @font-face {
51
- font-family: Inter;
52
- font-style: normal;
53
- font-display: swap;
54
- font-weight: 100 900;
55
- src: url("neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
56
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
57
- }
58
- @font-face {
59
- font-weight: 400;
60
- font-weight: var(--font-weight-regular);
61
- font-family: Averta;
62
- src: url("neptune-css/fonts/TW-Averta-Regular.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Regular.woff") format("woff");
63
- font-display: swap;
64
- }
65
- @font-face {
66
- font-weight: 600;
67
- font-weight: var(--font-weight-semi-bold);
68
- font-family: Averta;
69
- src: url("neptune-css/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Semibold.woff") format("woff");
70
- font-display: swap;
71
- }
72
- @font-face {
73
- font-weight: 700;
74
- font-weight: var(--font-weight-bold);
75
- font-family: Averta;
76
- src: url("neptune-css/fonts/TW-Averta-Bold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Bold.woff") format("woff");
77
- }
78
- @font-face {
79
- font-family: "Wise Sans";
80
- font-style: normal;
81
- font-display: swap;
82
- src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
83
- }
84
- /* stylelint-disable selector-max-empty-lines */
85
- /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
86
- /*
87
- Document
88
- ========
89
- */
90
- /**
91
- Use a better box model (opinionated).
92
- */
93
- *,
94
- ::before,
95
- ::after {
96
- box-sizing: border-box;
97
- }
98
- html {
99
- /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
100
- font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
101
- line-height: 1.15;
102
- /* 1. Correct the line height in all browsers. */
103
- -webkit-text-size-adjust: 100%;
104
- /* 2. Prevent adjustments of font size after orientation changes in iOS. */
105
- -moz-tab-size: 4;
106
- /* 3. Use a more readable tab size (opinionated). */
107
- -o-tab-size: 4;
108
- tab-size: 4;
109
- /* 3 */
110
- }
111
- /*
112
- Sections
113
- ========
114
- */
115
- body {
116
- margin: 0;
117
- /* Remove the margin in all browsers. */
118
- }
119
- /*
120
- Grouping content
121
- ================
122
- */
123
- /**
124
- 1. Add the correct height in Firefox.
125
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
126
- */
127
- hr {
128
- height: 0;
129
- /* 1 */
130
- color: inherit;
131
- /* 2 */
132
- }
133
- /*
134
- Text-level semantics
135
- ====================
136
- */
137
- /**
138
- Add the correct text decoration in Chrome, Edge, and Safari.
139
- */
140
- abbr[title] {
141
- text-decoration: underline;
142
- -webkit-text-decoration: underline dotted;
143
- text-decoration: underline dotted;
144
- }
145
- /**
146
- Add the correct font weight in Edge and Safari.
147
- */
148
- b,
149
- strong {
150
- font-weight: bolder;
151
- }
152
- /**
153
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
154
- 2. Correct the odd 'em' font sizing in all browsers.
155
- */
156
- code,
157
- kbd,
158
- samp,
159
- pre {
160
- font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
161
- /* 1 */
162
- font-size: 1em;
163
- /* 2 */
164
- }
165
- /**
166
- Add the correct font size in all browsers.
167
- */
168
- small {
169
- font-size: 80%;
170
- }
171
- /**
172
- Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
173
- */
174
- sub,
175
- sup {
176
- font-size: 75%;
177
- line-height: 0;
178
- position: relative;
179
- vertical-align: baseline;
180
- }
181
- sub {
182
- bottom: -0.25em;
183
- }
184
- sup {
185
- top: -0.5em;
186
- }
187
- /*
188
- Tabular data
189
- ============
190
- */
191
- /**
192
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
193
- 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
194
- */
195
- table {
196
- text-indent: 0;
197
- /* 1 */
198
- border-color: inherit;
199
- /* 2 */
200
- }
201
- /*
202
- Forms
203
- =====
204
- */
205
- /**
206
- 1. Change the font styles in all browsers.
207
- 2. Remove the margin in Firefox and Safari.
208
- */
209
- button,
210
- input,
211
- optgroup,
212
- select,
213
- textarea {
214
- font-family: inherit;
215
- /* 1 */
216
- font-size: 100%;
217
- /* 1 */
218
- line-height: 1.15;
219
- /* 1 */
220
- margin: 0;
221
- /* 2 */
222
- }
223
- /**
224
- Remove the inheritance of text transform in Edge and Firefox.
225
- */
226
- button,
227
- select {
228
- text-transform: none;
229
- }
230
- /**
231
- Correct the inability to style clickable types in iOS and Safari.
232
- */
233
- button,
234
- [type='button'],
235
- [type='reset'],
236
- [type='submit'] {
237
- -webkit-appearance: button;
238
- }
239
- /**
240
- Remove the inner border and padding in Firefox.
241
- */
242
- ::-moz-focus-inner {
243
- border-style: none;
244
- padding: 0;
245
- }
246
- /**
247
- Restore the focus styles unset by the previous rule.
248
- */
249
- :-moz-focusring {
250
- outline: 1px dotted ButtonText;
251
- }
252
- /**
253
- Remove the additional ':invalid' styles in Firefox.
254
- See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
255
- */
256
- :-moz-ui-invalid {
257
- box-shadow: none;
258
- }
259
- /**
260
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
261
- */
262
- legend {
263
- padding: 0;
264
- }
265
- /**
266
- Add the correct vertical alignment in Chrome and Firefox.
267
- */
268
- progress {
269
- vertical-align: baseline;
270
- }
271
- /**
272
- Correct the cursor style of increment and decrement buttons in Safari.
273
- */
274
- ::-webkit-inner-spin-button,
275
- ::-webkit-outer-spin-button {
276
- height: auto;
277
- }
278
- /**
279
- 1. Correct the odd appearance in Chrome and Safari.
280
- 2. Correct the outline style in Safari.
281
- */
282
- [type='search'] {
283
- -webkit-appearance: textfield;
284
- /* 1 */
285
- outline-offset: -2px;
286
- /* 2 */
287
- }
288
- /**
289
- Remove the inner padding in Chrome and Safari on macOS.
290
- */
291
- ::-webkit-search-decoration {
292
- -webkit-appearance: none;
293
- }
294
- /**
295
- 1. Correct the inability to style clickable types in iOS and Safari.
296
- 2. Change font properties to 'inherit' in Safari.
297
- */
298
- ::-webkit-file-upload-button {
299
- -webkit-appearance: button;
300
- /* 1 */
301
- font: inherit;
302
- /* 2 */
303
- }
304
- /*
305
- Interactive
306
- ===========
307
- */
308
- /*
309
- Add the correct display in Chrome and Safari.
310
- */
311
- summary {
312
- display: list-item;
313
- }
314
- :root {
315
- --base-font-size: 16px;
316
- --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
317
- --input-group-addon-padding: 12px 16px calc(12px - 2px);
318
- --btn-padding: 12px 24px calc(12px - 2px);
319
- --btn-xs-padding: 2px 8px calc(2px - 2px);
320
- --btn-sm-padding: 4px 16px calc(4px - 2px);
321
- --btn-lg-padding: 20px 24px calc(20px - 2px);
322
- --input-padding: 12px 16px calc(12px - 2px);
323
- --input-padding-small: 4px 12px calc(4px - 2px);
324
- --input-padding-large: 12px 16px calc(12px - 2px);
325
- --input-group-addon-sm-padding: calc(4px - 1px) 12px;
326
- --input-group-addon-lg-padding: 12px 16px calc(12px - 2px);
327
- --dropdown-link-padding: calc(12px + 1px) 16px calc(12px - 1px);
328
- --btn-radius-base: 3px;
329
- --btn-sm-radius-base: 2px;
330
- --btn-lg-radius-base: 3px;
331
- }
332
- .np-theme-light,
333
- .np-theme-dark,
334
- .np-theme-navy {
335
- --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
336
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
337
- font-family: var(--font-family-regular);
338
- line-height: 1.5;
339
- line-height: var(--line-height-body);
340
- }
341
- .np-theme-personal {
342
- --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
343
- font-family: "Inter", Helvetica, Arial, sans-serif;
344
- font-family: var(--font-family-regular);
345
- font-feature-settings: "calt";
346
- --input-group-addon-padding: 12px 16px;
347
- --btn-padding: calc(12px - 1px) 24px;
348
- --btn-xs-padding: calc(2px - 1px) 8px;
349
- --btn-sm-padding: calc(4px - 1px) 16px;
350
- --btn-lg-padding: calc(20px - 1px) 24px;
351
- --btn-height: 48px;
352
- --btn-xs-height: 22px;
353
- --btn-sm-height: 32px;
354
- --btn-lg-height: 72px;
355
- --input-height-base: 48px;
356
- --input-height-large: 72px;
357
- --input-height-small: 32px;
358
- --input-padding: 12px 16px;
359
- --input-padding-small: 4px 12px;
360
- --input-padding-large: 12px 16px;
361
- --input-group-addon-sm-padding: 4px 12px;
362
- --input-group-addon-lg-padding: 12px 16px;
363
- --dropdown-link-padding: 12px 16px;
364
- --btn-radius-base: 9999px;
365
- --btn-sm-radius-base: var(--btn-radius-base);
366
- --btn-lg-radius-base: var(--btn-radius-base);
367
- color: #5d7079;
368
- color: var(--color-content-secondary);
369
- background-color: #ffffff;
370
- background-color: var(--color-background-screen);
371
- }
372
- html {
373
- font-size: 16px;
374
- font-size: var(--base-font-size);
375
- font-family: 'Inter', Helvetica, Arial, sans-serif;
376
- font-family: var(--font-family-regular);
377
- color: #5d7079;
378
- color: var(--color-content-secondary);
379
- background-color: #ffffff;
380
- background-color: var(--color-background-screen);
381
- -webkit-font-smoothing: antialiased;
382
- -moz-osx-font-smoothing: grayscale;
383
- }
384
- blockquote,
385
- dl,
386
- dd,
387
- hr,
388
- figure,
389
- p,
390
- pre {
391
- margin: 0;
392
- }
393
- .np-theme-personal::-moz-selection {
394
- background-color: var(--color-background-neutral-active);
395
- color: #37517e;
396
- color: var(--color-content-primary);
397
- }
398
- .np-theme-personal::selection {
399
- background-color: var(--color-background-neutral-active);
400
- color: #37517e;
401
- color: var(--color-content-primary);
402
- }
403
- /* DEPRECATED: use `a` tag or .np-text-link-* instead */
404
- /* stylelint-disable-next-line selector-list-comma-newline-after */
405
- .anchor,
406
- a,
407
- .np-text-link-default,
408
- .np-text-link-large {
409
- color: var(--color-content-link);
410
- }
411
- .bg-primary .anchor,
412
- .bg-primary a,
413
- .bg-primary .np-text-link-default,
414
- .bg-primary .np-text-link-large {
415
- color: #00b9ff;
416
- }
417
- .bg-primary .anchor:hover,
418
- .bg-primary a:hover,
419
- .bg-primary .np-text-link-default:hover,
420
- .bg-primary .np-text-link-large:hover,
421
- .bg-primary .anchor:focus,
422
- .bg-primary a:focus,
423
- .bg-primary .np-text-link-default:focus,
424
- .bg-primary .np-text-link-large:focus {
425
- color: #00a6ea;
426
- }
427
- .bg-primary .anchor:active,
428
- .bg-primary a:active,
429
- .bg-primary .np-text-link-default:active,
430
- .bg-primary .np-text-link-large:active {
431
- color: #0097db;
432
- }
433
- .anchor:hover,
434
- a:hover,
435
- .np-text-link-default:hover,
436
- .np-text-link-large:hover,
437
- .anchor:focus,
438
- a:focus,
439
- .np-text-link-default:focus,
440
- .np-text-link-large:focus {
441
- color: var(--color-content-link-hover);
442
- -webkit-text-decoration: underline;
443
- text-decoration: underline;
444
- }
445
- .anchor:active,
446
- a:active,
447
- .np-text-link-default:active,
448
- .np-text-link-large:active {
449
- color: var(--color-content-link-active);
450
- }
451
- .anchor.secondary,
452
- a.secondary,
453
- .np-text-link-default.secondary,
454
- .np-text-link-large.secondary {
455
- color: #5d7079;
456
- color: var(--color-content-secondary);
457
- }
458
- .anchor.secondary:hover,
459
- a.secondary:hover,
460
- .np-text-link-default.secondary:hover,
461
- .np-text-link-large.secondary:hover,
462
- .anchor.secondary:focus,
463
- a.secondary:focus,
464
- .np-text-link-default.secondary:focus,
465
- .np-text-link-large.secondary:focus {
466
- color: #0084b3;
467
- color: var(--color-content-accent-hover);
468
- }
469
- .anchor.secondary:active,
470
- a.secondary:active,
471
- .np-text-link-default.secondary:active,
472
- .np-text-link-large.secondary:active {
473
- color: #0077a5;
474
- color: var(--color-content-accent-active);
475
- }
476
- html.ios-click {
477
- cursor: pointer;
478
- }
479
- fieldset {
480
- margin: 0;
481
- padding: 0;
482
- }
483
- button,
484
- input,
485
- optgroup,
486
- select,
487
- textarea {
488
- padding: 0;
489
- color: inherit;
490
- font-size: inherit;
491
- line-height: inherit;
492
- }
493
- button,
494
- [type="button"],
495
- [type="reset"],
496
- [type="submit"] {
497
- cursor: pointer;
498
- }
499
- [role="button"] {
500
- cursor: pointer;
501
- }
502
- textarea {
503
- resize: vertical;
504
- }
505
- input::-moz-placeholder, textarea::-moz-placeholder {
506
- color: #768e9c;
507
- color: var(--color-content-tertiary);
508
- }
509
- input:input-placeholder,
510
- textarea:input-placeholder,
511
- input::placeholder,
512
- textarea::placeholder {
513
- color: #768e9c;
514
- color: var(--color-content-tertiary);
515
- }
516
- ol,
517
- ul {
518
- margin: 0 0 24px;
519
- margin: 0 0 var(--size-24);
520
- padding: 0 0 0 calc(48px - 10px);
521
- padding: 0 0 0 calc(var(--size-48) - var(--size-10));
522
- }
523
- [dir="rtl"] ol,
524
- [dir="rtl"] ul {
525
- padding: 0 calc(48px - 10px) 0 0;
526
- padding: 0 calc(var(--size-48) - var(--size-10)) 0 0;
527
- }
528
- ol ol,
529
- ul ol,
530
- ol ul,
531
- ul ul {
532
- margin-bottom: 0;
533
- }
534
- .list-unstyled {
535
- padding-left: 0;
536
- list-style: none;
537
- }
538
- [dir="rtl"] .list-unstyled {
539
- padding-right: 0;
540
- padding-left: 0;
541
- padding-left: initial;
542
- }
543
- .list-inline {
544
- margin-left: calc(4px * -1);
545
- margin-left: calc(var(--size-4) * -1);
546
- padding-left: 0;
547
- list-style: none;
548
- }
549
- [dir="rtl"] .list-inline {
550
- margin-right: calc(4px * -1);
551
- margin-right: calc(var(--size-4) * -1);
552
- margin-left: 0;
553
- margin-left: initial;
554
- }
555
- [dir="rtl"] .list-inline {
556
- padding-right: 0;
557
- padding-left: 0;
558
- padding-left: initial;
559
- }
560
- .list-inline > li {
561
- display: inline-block;
562
- padding-right: 8px;
563
- padding-right: var(--size-8);
564
- padding-left: 4px;
565
- padding-left: var(--size-4);
566
- }
567
- [dir="rtl"] .list-inline > li {
568
- padding-left: 8px;
569
- padding-left: var(--size-8);
570
- padding-right: 0;
571
- padding-right: initial;
572
- }
573
- [dir="rtl"] .list-inline > li {
574
- padding-right: 4px;
575
- padding-right: var(--size-4);
576
- padding-left: 0;
577
- padding-left: initial;
578
- }
579
- [dir="rtl"] .list-inline > li {
580
- border-left: 1px solid rgba(0,0,0,0.10196);
581
- border-left: 1px solid var(--color-border-neutral);
582
- }
583
- html:not([dir="rtl"]) .list-inline > li {
584
- border-right: 1px solid rgba(0,0,0,0.10196);
585
- border-right: 1px solid var(--color-border-neutral);
586
- }
587
- [dir="rtl"] .list-inline > li:last-child {
588
- border-left: 0 ;
589
- }
590
- html:not([dir="rtl"]) .list-inline > li:last-child {
591
- border-right: 0 ;
592
- }
593
- dt,
594
- dd {
595
- line-height: 1.5;
596
- line-height: var(--line-height-body);
597
- }
598
- dt {
599
- font-size: 0.875rem;
600
- font-size: var(--font-size-14);
601
- }
602
- dd {
603
- margin-bottom: 16px;
604
- margin-bottom: var(--size-16);
605
- color: #37517e;
606
- color: var(--color-content-primary);
607
- }
608
- @media (min-width: 576px) {
609
- dd {
610
- margin-bottom: 24px;
611
- margin-bottom: var(--size-24);
612
- }
613
- }
614
- /* Deprecated - use the Neptune Web DefinitionList component */
615
- .dl-horizontal dd::before,
616
- .dl-horizontal dd::after {
617
- display: table;
618
- content: " ";
619
- }
620
- .dl-horizontal dd::after {
621
- clear: both;
622
- }
623
- @media (min-width: 576px) {
624
- .dl-horizontal dt {
625
- float: left;
626
- clear: left;
627
- width: 156px;
628
- overflow: hidden;
629
- white-space: nowrap;
630
- text-align: left;
631
- text-overflow: ellipsis;
632
- }
633
- [dir="rtl"] .dl-horizontal dt {
634
- float: right;
635
- }
636
- [dir="rtl"] .dl-horizontal dt {
637
- clear: right;
638
- }
639
- [dir="rtl"] .dl-horizontal dt {
640
- text-align: right;
641
- }
642
- .dl-horizontal dd {
643
- margin-bottom: 8px;
644
- margin-bottom: var(--size-8);
645
- margin-left: 180px;
646
- }
647
- [dir="rtl"] .dl-horizontal dd {
648
- margin-right: 180px;
649
- margin-left: 0;
650
- margin-left: initial;
651
- }
652
- }
653
- /* Deprecated - use the Neptune Web DefinitionList component */
654
- .dl-horizontal-item {
655
- display: flex;
656
- flex-wrap: nowrap;
657
- }
658
- .dl-horizontal-item dt {
659
- flex: 1 2 auto;
660
- }
661
- .dl-horizontal-item dd {
662
- flex: 1 1 auto;
663
- text-align: right;
664
- word-break: break-all;
665
- }
666
- [dir="rtl"] .dl-horizontal-item dd {
667
- text-align: left;
668
- }
669
- hr {
670
- margin: 16px auto;
671
- margin: var(--size-16) auto;
672
- border: 0;
673
- border-top: 1px solid rgba(0,0,0,0.10196);
674
- border-top: 1px solid var(--color-border-neutral);
675
- }
676
- .bg-primary hr {
677
- border-top: 1px solid rgba(255,255,255,0.10196);
678
- }
679
- @media (min-width: 576px) {
680
- hr {
681
- margin: 24px auto;
682
- margin: var(--size-24) auto;
683
- }
684
- }
685
- @media (min-width: 992px) {
686
- hr {
687
- margin: 32px auto;
688
- margin: var(--size-32) auto;
689
- }
690
- }
691
- table {
692
- border-collapse: collapse;
693
- border-spacing: 0;
694
- }
695
- video,
696
- canvas,
697
- audio,
698
- iframe,
699
- embed,
700
- object {
701
- display: block;
702
- }
703
- img,
704
- video {
705
- max-width: 100%;
706
- height: auto;
707
- vertical-align: middle;
708
- }
709
- .img-rounded {
710
- border-radius: 10px;
711
- border-radius: var(--radius-small);
712
- }
713
- .img-circle {
714
- border-radius: 50%;
715
- }
716
- .disabled,
717
- :disabled {
718
- filter: grayscale(1);
719
- opacity: 0.45;
720
- cursor: not-allowed !important;
721
- }
722
- .sr-only {
723
- position: absolute;
724
- width: 1px;
725
- height: 1px;
726
- margin: -1px;
727
- padding: 0;
728
- overflow: hidden;
729
- border: 0;
730
- clip: rect(0, 0, 0, 0);
731
- }
732
- .sr-only-focusable:active,
733
- .sr-only-focusable:focus {
734
- position: static;
735
- width: auto;
736
- height: auto;
737
- margin: 0;
738
- overflow: visible;
739
- clip: auto;
740
- }
741
- /* stylelint-disable selector-max-empty-lines */
742
- /* DEPRECATED: use .np-text-*-title instead */
743
- /* stylelint-disable-next-line selector-list-comma-newline-after */
744
- .h1,
745
- .h2,
746
- .h3,
747
- .h4,
748
- .h5,
749
- .h6,
750
- .title-1,
751
- .title-2,
752
- .title-3,
753
- .title-4,
754
- .title-5,
755
- h1,
756
- h2,
757
- h3,
758
- h4,
759
- h5,
760
- h6,
761
- .np-text-title-screen,
762
- .np-text-title-section,
763
- .np-text-title-subsection,
764
- .np-text-title-body,
765
- .np-text-title-group {
766
- margin: 0;
767
- color: #37517e;
768
- color: var(--color-content-primary);
769
- line-height: 1.2;
770
- line-height: var(--line-height-title);
771
- letter-spacing: 0;
772
- }
773
- .h1 + p,
774
- .h2 + p,
775
- .h3 + p,
776
- .h4 + p,
777
- .h5 + p,
778
- .h6 + p,
779
- .title-1 + p,
780
- .title-2 + p,
781
- .title-3 + p,
782
- .title-4 + p,
783
- .title-5 + p,
784
- h1 + p,
785
- h2 + p,
786
- h3 + p,
787
- h4 + p,
788
- h5 + p,
789
- h6 + p,
790
- .np-text-title-screen + p,
791
- .np-text-title-section + p,
792
- .np-text-title-subsection + p,
793
- .np-text-title-body + p,
794
- .np-text-title-group + p,
795
- .h1 + ul:not(.list-unstyled),
796
- .h2 + ul:not(.list-unstyled),
797
- .h3 + ul:not(.list-unstyled),
798
- .h4 + ul:not(.list-unstyled),
799
- .h5 + ul:not(.list-unstyled),
800
- .h6 + ul:not(.list-unstyled),
801
- .title-1 + ul:not(.list-unstyled),
802
- .title-2 + ul:not(.list-unstyled),
803
- .title-3 + ul:not(.list-unstyled),
804
- .title-4 + ul:not(.list-unstyled),
805
- .title-5 + ul:not(.list-unstyled),
806
- h1 + ul:not(.list-unstyled),
807
- h2 + ul:not(.list-unstyled),
808
- h3 + ul:not(.list-unstyled),
809
- h4 + ul:not(.list-unstyled),
810
- h5 + ul:not(.list-unstyled),
811
- h6 + ul:not(.list-unstyled),
812
- .np-text-title-screen + ul:not(.list-unstyled),
813
- .np-text-title-section + ul:not(.list-unstyled),
814
- .np-text-title-subsection + ul:not(.list-unstyled),
815
- .np-text-title-body + ul:not(.list-unstyled),
816
- .np-text-title-group + ul:not(.list-unstyled),
817
- .h1 + ol:not(.list-unstyled),
818
- .h2 + ol:not(.list-unstyled),
819
- .h3 + ol:not(.list-unstyled),
820
- .h4 + ol:not(.list-unstyled),
821
- .h5 + ol:not(.list-unstyled),
822
- .h6 + ol:not(.list-unstyled),
823
- .title-1 + ol:not(.list-unstyled),
824
- .title-2 + ol:not(.list-unstyled),
825
- .title-3 + ol:not(.list-unstyled),
826
- .title-4 + ol:not(.list-unstyled),
827
- .title-5 + ol:not(.list-unstyled),
828
- h1 + ol:not(.list-unstyled),
829
- h2 + ol:not(.list-unstyled),
830
- h3 + ol:not(.list-unstyled),
831
- h4 + ol:not(.list-unstyled),
832
- h5 + ol:not(.list-unstyled),
833
- h6 + ol:not(.list-unstyled),
834
- .np-text-title-screen + ol:not(.list-unstyled),
835
- .np-text-title-section + ol:not(.list-unstyled),
836
- .np-text-title-subsection + ol:not(.list-unstyled),
837
- .np-text-title-body + ol:not(.list-unstyled),
838
- .np-text-title-group + ol:not(.list-unstyled) {
839
- margin-top: 8px;
840
- margin-top: var(--size-8);
841
- }
842
- /* DEPRECATED: use .np-text-title-screen instead */
843
- /* stylelint-disable-next-line selector-list-comma-newline-after */
844
- .h1,
845
- .title-1,
846
- h1,
847
- .np-text-title-screen {
848
- margin-bottom: 0;
849
- margin-bottom: initial;
850
- font-size: 1.875rem;
851
- font-size: var(--font-size-30);
852
- font-weight: 600;
853
- font-weight: var(--font-weight-semi-bold);
854
- letter-spacing: -0.021em;
855
- line-height: 115%;
856
- }
857
- /* DEPRECATED: use .np-text-title-section instead */
858
- /* stylelint-disable-next-line selector-list-comma-newline-after */
859
- .h2,
860
- .title-2,
861
- h2,
862
- .np-text-title-section {
863
- margin-bottom: 0;
864
- margin-bottom: initial;
865
- font-weight: 600;
866
- font-weight: var(--font-weight-semi-bold);
867
- font-size: 1.625rem;
868
- font-size: var(--font-size-26);
869
- letter-spacing: -0.02em;
870
- line-height: 122%;
871
- }
872
- /* DEPRECATED: use .np-text-title-subsection instead */
873
- /* stylelint-disable-next-line selector-list-comma-newline-after */
874
- .h3,
875
- .title-3,
876
- h3,
877
- .np-text-title-subsection {
878
- margin-bottom: 0;
879
- margin-bottom: initial;
880
- font-size: 1.375rem;
881
- font-size: var(--font-size-22);
882
- font-weight: 600;
883
- font-weight: var(--font-weight-semi-bold);
884
- letter-spacing: -0.018em;
885
- line-height: 125%;
886
- }
887
- /* DEPRECATED: use .np-text-title-body instead */
888
- /* stylelint-disable-next-line selector-list-comma-newline-after */
889
- .h4,
890
- .title-4,
891
- h4,
892
- .np-text-title-body {
893
- font-size: 1.125rem;
894
- font-size: var(--font-size-18);
895
- font-weight: 600;
896
- font-weight: var(--font-weight-semi-bold);
897
- letter-spacing: -0.014em;
898
- line-height: 135%;
899
- }
900
- /* DEPRECATED: use .np-text-title-group instead */
901
- /* stylelint-disable-next-line selector-list-comma-newline-after */
902
- .h5,
903
- .h6,
904
- .title-5,
905
- h5,
906
- h6,
907
- .np-text-title-group {
908
- font-weight: 500;
909
- font-weight: var(--font-weight-medium);
910
- font-size: 0.875rem;
911
- font-size: var(--font-size-14);
912
- letter-spacing: -0.006em;
913
- line-height: 140%;
914
- }
915
- /* DEPRECATED: use .np-text-title-body instead */
916
- .lead {
917
- margin-bottom: 24px;
918
- margin-bottom: var(--size-24);
919
- font-size: 1.25rem;
920
- font-size: var(--font-size-20);
921
- line-height: 1.2;
922
- line-height: var(--line-height-title);
923
- }
924
- .tiny {
925
- color: #5d7079;
926
- color: var(--color-content-secondary);
927
- }
928
- /* DEPRECATED: use .np-text-body-default instead */
929
- /* stylelint-disable-next-line selector-list-comma-newline-after */
930
- .body-2,
931
- .body-3,
932
- .small,
933
- .tiny,
934
- body,
935
- small,
936
- .np-text-body-default {
937
- font-size: 0.875rem;
938
- font-size: var(--font-size-14);
939
- line-height: 155%;
940
- letter-spacing: -0.006em;
941
- font-weight: 400;
942
- font-weight: var(--font-weight-regular);
943
- }
944
- /* DEPRECATED: use .np-text-body-default-bold instead */
945
- /* stylelint-disable-next-line selector-list-comma-newline-after */
946
- .control-2,
947
- .label,
948
- .control-label,
949
- .np-text-body-default-bold {
950
- font-size: 0.875rem;
951
- font-size: var(--font-size-14);
952
- line-height: 155%;
953
- letter-spacing: -0.006em;
954
- font-weight: 600;
955
- font-weight: var(--font-weight-semi-bold);
956
- }
957
- /* DEPRECATED: use .np-text-body-large instead */
958
- /* stylelint-disable-next-line selector-list-comma-newline-after */
959
- .body-1,
960
- .value,
961
- .np-text-body-large {
962
- font-weight: 400;
963
- font-weight: var(--font-weight-regular);
964
- font-size: 1rem;
965
- font-size: var(--font-size-16);
966
- line-height: 150%;
967
- letter-spacing: -0.011em;
968
- }
969
- /* DEPRECATED: use np-text-body-large-bold instead */
970
- /* stylelint-disable-next-line selector-list-comma-newline-after */
971
- .control-1,
972
- .np-text-body-large-bold {
973
- font-weight: 600;
974
- font-weight: var(--font-weight-semi-bold);
975
- font-size: 1rem;
976
- font-size: var(--font-size-16);
977
- line-height: 150%;
978
- letter-spacing: -0.011em;
979
- }
980
- a,
981
- .np-text-link-default,
982
- .np-text-link-large {
983
- font-weight: 600;
984
- font-weight: var(--font-weight-semi-bold);
985
- -webkit-text-decoration: underline;
986
- text-decoration: underline;
987
- text-underline-offset: 0.3em;
988
- }
989
- .np-text-link-large {
990
- font-size: 1rem;
991
- font-size: var(--font-size-16);
992
- letter-spacing: -0.011em;
993
- line-height: 150%;
994
- }
995
- .np-text-link-default {
996
- font-size: 0.875rem;
997
- font-size: var(--font-size-14);
998
- letter-spacing: -0.006em;
999
- line-height: 155%;
1000
- }
1001
- .np-text-display-number {
1002
- font-weight: 600;
1003
- font-weight: var(--font-weight-semi-bold);
1004
- font-size: 40px;
1005
- line-height: 110%;
1006
- }
1007
- .display-1,
1008
- .display-2,
1009
- .display-3,
1010
- .display-4,
1011
- .display-5,
1012
- .np-text-display-extra-large,
1013
- .np-text-display-large,
1014
- .np-text-display-medium,
1015
- .np-text-display-small {
1016
- font-family: "Wise Sans", Inter, sans-serif;
1017
- font-synthesis: none;
1018
- }
1019
- /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
1020
- .np-text-display-extra-large,
1021
- .np-text-display-large,
1022
- .np-text-display-medium,
1023
- .np-text-display-small {
1024
- letter-spacing: normal;
1025
- }
1026
- @supports (hyphenate-limit-chars: 1) {
1027
- .np-text-display-extra-large,
1028
- .np-text-display-large,
1029
- .np-text-display-medium,
1030
- .np-text-display-small {
1031
- -webkit-hyphens: auto;
1032
- hyphens: auto;
1033
- hyphenate-limit-chars: 7 3;
1034
- }
1035
- @media (min-width: 768px) {
1036
- .np-text-display-extra-large,
1037
- .np-text-display-large,
1038
- .np-text-display-medium,
1039
- .np-text-display-small {
1040
- hyphenate-limit-chars: 8 3;
1041
- }
1042
- }
1043
- @media (min-width: 992px) {
1044
- .np-text-display-extra-large,
1045
- .np-text-display-large,
1046
- .np-text-display-medium,
1047
- .np-text-display-small {
1048
- hyphenate-limit-chars: 10 4 3;
1049
- }
1050
- }
1051
- }
1052
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1053
- .np-text-display-extra-large,
1054
- .np-text-display-large,
1055
- .np-text-display-medium,
1056
- .np-text-display-small {
1057
- -webkit-hyphens: auto;
1058
- hyphens: auto;
1059
- -webkit-hyphenate-limit-before: 3;
1060
- -webkit-hyphenate-limit-after: 3;
1061
- }
1062
- @media (min-width: 992px) {
1063
- .np-text-display-extra-large,
1064
- .np-text-display-large,
1065
- .np-text-display-medium,
1066
- .np-text-display-small {
1067
- -webkit-hyphenate-limit-before: 4;
1068
- }
1069
- }
1070
- }
1071
- .np-text-display-extra-large,
1072
- .np-text-display-large {
1073
- font-size: 64px;
1074
- font-size: var(--size-64);
1075
- line-height: normal;
1076
- font-weight: 700;
1077
- font-weight: var(--font-weight-bold);
1078
- }
1079
- .np-text-display-medium {
1080
- font-size: 52px;
1081
- font-size: var(--size-52);
1082
- line-height: normal;
1083
- font-weight: 700;
1084
- font-weight: var(--font-weight-bold);
1085
- }
1086
- .np-text-display-small {
1087
- font-size: 40px;
1088
- font-size: var(--size-40);
1089
- line-height: normal;
1090
- font-weight: 700;
1091
- font-weight: var(--font-weight-bold);
1092
- }
1093
- :lang(en) > .np-text-display-extra-large,
1094
- :lang(en) > .np-text-display-large {
1095
- font-size: 64px;
1096
- font-size: var(--size-64);
1097
- line-height: 0.85;
1098
- font-weight: 400;
1099
- font-weight: var(--font-weight-regular);
1100
- }
1101
- :lang(en) > .np-text-display-medium {
1102
- font-size: 52px;
1103
- font-size: var(--size-52);
1104
- line-height: 0.85;
1105
- font-weight: 400;
1106
- font-weight: var(--font-weight-regular);
1107
- }
1108
- :lang(en) > .np-text-display-small {
1109
- font-size: 40px;
1110
- font-size: var(--size-40);
1111
- line-height: 0.85;
1112
- font-weight: 400;
1113
- font-weight: var(--font-weight-regular);
1114
- }
1115
- :lang(af) .np-text-display-extra-large,
1116
- :lang(sq) .np-text-display-extra-large,
1117
- :lang(eu) .np-text-display-extra-large,
1118
- :lang(bs) .np-text-display-extra-large,
1119
- :lang(ca) .np-text-display-extra-large,
1120
- :lang(kw) .np-text-display-extra-large,
1121
- :lang(hr) .np-text-display-extra-large,
1122
- :lang(cs) .np-text-display-extra-large,
1123
- :lang(da) .np-text-display-extra-large,
1124
- :lang(nl) .np-text-display-extra-large,
1125
- :lang(eo) .np-text-display-extra-large,
1126
- :lang(et) .np-text-display-extra-large,
1127
- :lang(fo) .np-text-display-extra-large,
1128
- :lang(fi) .np-text-display-extra-large,
1129
- :lang(fr) .np-text-display-extra-large,
1130
- :lang(gl) .np-text-display-extra-large,
1131
- :lang(lg) .np-text-display-extra-large,
1132
- :lang(de) .np-text-display-extra-large,
1133
- :lang(hu) .np-text-display-extra-large,
1134
- :lang(is) .np-text-display-extra-large,
1135
- :lang(se) .np-text-display-extra-large,
1136
- :lang(id) .np-text-display-extra-large,
1137
- :lang(in) .np-text-display-extra-large,
1138
- :lang(ga) .np-text-display-extra-large,
1139
- :lang(it) .np-text-display-extra-large,
1140
- :lang(kl) .np-text-display-extra-large,
1141
- :lang(ki) .np-text-display-extra-large,
1142
- :lang(rw) .np-text-display-extra-large,
1143
- :lang(lv) .np-text-display-extra-large,
1144
- :lang(lt) .np-text-display-extra-large,
1145
- :lang(lb) .np-text-display-extra-large,
1146
- :lang(mg) .np-text-display-extra-large,
1147
- :lang(ms) .np-text-display-extra-large,
1148
- :lang(mt) .np-text-display-extra-large,
1149
- :lang(gv) .np-text-display-extra-large,
1150
- :lang(mi) .np-text-display-extra-large,
1151
- :lang(nd) .np-text-display-extra-large,
1152
- :lang(nb) .np-text-display-extra-large,
1153
- :lang(nn) .np-text-display-extra-large,
1154
- :lang(om) .np-text-display-extra-large,
1155
- :lang(pl) .np-text-display-extra-large,
1156
- :lang(pt) .np-text-display-extra-large,
1157
- :lang(ro) .np-text-display-extra-large,
1158
- :lang(rm) .np-text-display-extra-large,
1159
- :lang(rn) .np-text-display-extra-large,
1160
- :lang(sg) .np-text-display-extra-large,
1161
- :lang(gd) .np-text-display-extra-large,
1162
- :lang(sr) .np-text-display-extra-large,
1163
- :lang(sn) .np-text-display-extra-large,
1164
- :lang(sk) .np-text-display-extra-large,
1165
- :lang(sl) .np-text-display-extra-large,
1166
- :lang(so) .np-text-display-extra-large,
1167
- :lang(es) .np-text-display-extra-large,
1168
- :lang(sw) .np-text-display-extra-large,
1169
- :lang(sv) .np-text-display-extra-large,
1170
- :lang(tr) .np-text-display-extra-large,
1171
- :lang(cy) .np-text-display-extra-large,
1172
- :lang(fy) .np-text-display-extra-large,
1173
- :lang(wo) .np-text-display-extra-large,
1174
- :lang(zu) .np-text-display-extra-large,
1175
- :lang(hsb) .np-text-display-extra-large,
1176
- :lang(gsw) .np-text-display-extra-large,
1177
- :lang(dsb) .np-text-display-extra-large,
1178
- :lang(fil) .np-text-display-extra-large,
1179
- :lang(af) .np-text-display-large,
1180
- :lang(sq) .np-text-display-large,
1181
- :lang(eu) .np-text-display-large,
1182
- :lang(bs) .np-text-display-large,
1183
- :lang(ca) .np-text-display-large,
1184
- :lang(kw) .np-text-display-large,
1185
- :lang(hr) .np-text-display-large,
1186
- :lang(cs) .np-text-display-large,
1187
- :lang(da) .np-text-display-large,
1188
- :lang(nl) .np-text-display-large,
1189
- :lang(eo) .np-text-display-large,
1190
- :lang(et) .np-text-display-large,
1191
- :lang(fo) .np-text-display-large,
1192
- :lang(fi) .np-text-display-large,
1193
- :lang(fr) .np-text-display-large,
1194
- :lang(gl) .np-text-display-large,
1195
- :lang(lg) .np-text-display-large,
1196
- :lang(de) .np-text-display-large,
1197
- :lang(hu) .np-text-display-large,
1198
- :lang(is) .np-text-display-large,
1199
- :lang(se) .np-text-display-large,
1200
- :lang(id) .np-text-display-large,
1201
- :lang(in) .np-text-display-large,
1202
- :lang(ga) .np-text-display-large,
1203
- :lang(it) .np-text-display-large,
1204
- :lang(kl) .np-text-display-large,
1205
- :lang(ki) .np-text-display-large,
1206
- :lang(rw) .np-text-display-large,
1207
- :lang(lv) .np-text-display-large,
1208
- :lang(lt) .np-text-display-large,
1209
- :lang(lb) .np-text-display-large,
1210
- :lang(mg) .np-text-display-large,
1211
- :lang(ms) .np-text-display-large,
1212
- :lang(mt) .np-text-display-large,
1213
- :lang(gv) .np-text-display-large,
1214
- :lang(mi) .np-text-display-large,
1215
- :lang(nd) .np-text-display-large,
1216
- :lang(nb) .np-text-display-large,
1217
- :lang(nn) .np-text-display-large,
1218
- :lang(om) .np-text-display-large,
1219
- :lang(pl) .np-text-display-large,
1220
- :lang(pt) .np-text-display-large,
1221
- :lang(ro) .np-text-display-large,
1222
- :lang(rm) .np-text-display-large,
1223
- :lang(rn) .np-text-display-large,
1224
- :lang(sg) .np-text-display-large,
1225
- :lang(gd) .np-text-display-large,
1226
- :lang(sr) .np-text-display-large,
1227
- :lang(sn) .np-text-display-large,
1228
- :lang(sk) .np-text-display-large,
1229
- :lang(sl) .np-text-display-large,
1230
- :lang(so) .np-text-display-large,
1231
- :lang(es) .np-text-display-large,
1232
- :lang(sw) .np-text-display-large,
1233
- :lang(sv) .np-text-display-large,
1234
- :lang(tr) .np-text-display-large,
1235
- :lang(cy) .np-text-display-large,
1236
- :lang(fy) .np-text-display-large,
1237
- :lang(wo) .np-text-display-large,
1238
- :lang(zu) .np-text-display-large,
1239
- :lang(hsb) .np-text-display-large,
1240
- :lang(gsw) .np-text-display-large,
1241
- :lang(dsb) .np-text-display-large,
1242
- :lang(fil) .np-text-display-large {
1243
- font-size: 64px;
1244
- font-size: var(--size-64);
1245
- line-height: 1.05;
1246
- font-weight: 400;
1247
- font-weight: var(--font-weight-regular);
1248
- }
1249
- :lang(af) .np-text-display-medium,
1250
- :lang(sq) .np-text-display-medium,
1251
- :lang(eu) .np-text-display-medium,
1252
- :lang(bs) .np-text-display-medium,
1253
- :lang(ca) .np-text-display-medium,
1254
- :lang(kw) .np-text-display-medium,
1255
- :lang(hr) .np-text-display-medium,
1256
- :lang(cs) .np-text-display-medium,
1257
- :lang(da) .np-text-display-medium,
1258
- :lang(nl) .np-text-display-medium,
1259
- :lang(eo) .np-text-display-medium,
1260
- :lang(et) .np-text-display-medium,
1261
- :lang(fo) .np-text-display-medium,
1262
- :lang(fi) .np-text-display-medium,
1263
- :lang(fr) .np-text-display-medium,
1264
- :lang(gl) .np-text-display-medium,
1265
- :lang(lg) .np-text-display-medium,
1266
- :lang(de) .np-text-display-medium,
1267
- :lang(hu) .np-text-display-medium,
1268
- :lang(is) .np-text-display-medium,
1269
- :lang(se) .np-text-display-medium,
1270
- :lang(id) .np-text-display-medium,
1271
- :lang(in) .np-text-display-medium,
1272
- :lang(ga) .np-text-display-medium,
1273
- :lang(it) .np-text-display-medium,
1274
- :lang(kl) .np-text-display-medium,
1275
- :lang(ki) .np-text-display-medium,
1276
- :lang(rw) .np-text-display-medium,
1277
- :lang(lv) .np-text-display-medium,
1278
- :lang(lt) .np-text-display-medium,
1279
- :lang(lb) .np-text-display-medium,
1280
- :lang(mg) .np-text-display-medium,
1281
- :lang(ms) .np-text-display-medium,
1282
- :lang(mt) .np-text-display-medium,
1283
- :lang(gv) .np-text-display-medium,
1284
- :lang(mi) .np-text-display-medium,
1285
- :lang(nd) .np-text-display-medium,
1286
- :lang(nb) .np-text-display-medium,
1287
- :lang(nn) .np-text-display-medium,
1288
- :lang(om) .np-text-display-medium,
1289
- :lang(pl) .np-text-display-medium,
1290
- :lang(pt) .np-text-display-medium,
1291
- :lang(ro) .np-text-display-medium,
1292
- :lang(rm) .np-text-display-medium,
1293
- :lang(rn) .np-text-display-medium,
1294
- :lang(sg) .np-text-display-medium,
1295
- :lang(gd) .np-text-display-medium,
1296
- :lang(sr) .np-text-display-medium,
1297
- :lang(sn) .np-text-display-medium,
1298
- :lang(sk) .np-text-display-medium,
1299
- :lang(sl) .np-text-display-medium,
1300
- :lang(so) .np-text-display-medium,
1301
- :lang(es) .np-text-display-medium,
1302
- :lang(sw) .np-text-display-medium,
1303
- :lang(sv) .np-text-display-medium,
1304
- :lang(tr) .np-text-display-medium,
1305
- :lang(cy) .np-text-display-medium,
1306
- :lang(fy) .np-text-display-medium,
1307
- :lang(wo) .np-text-display-medium,
1308
- :lang(zu) .np-text-display-medium,
1309
- :lang(hsb) .np-text-display-medium,
1310
- :lang(gsw) .np-text-display-medium,
1311
- :lang(dsb) .np-text-display-medium,
1312
- :lang(fil) .np-text-display-medium {
1313
- font-size: 52px;
1314
- font-size: var(--size-52);
1315
- line-height: 1.05;
1316
- font-weight: 400;
1317
- font-weight: var(--font-weight-regular);
1318
- }
1319
- :lang(af) .np-text-display-small,
1320
- :lang(sq) .np-text-display-small,
1321
- :lang(eu) .np-text-display-small,
1322
- :lang(bs) .np-text-display-small,
1323
- :lang(ca) .np-text-display-small,
1324
- :lang(kw) .np-text-display-small,
1325
- :lang(hr) .np-text-display-small,
1326
- :lang(cs) .np-text-display-small,
1327
- :lang(da) .np-text-display-small,
1328
- :lang(nl) .np-text-display-small,
1329
- :lang(eo) .np-text-display-small,
1330
- :lang(et) .np-text-display-small,
1331
- :lang(fo) .np-text-display-small,
1332
- :lang(fi) .np-text-display-small,
1333
- :lang(fr) .np-text-display-small,
1334
- :lang(gl) .np-text-display-small,
1335
- :lang(lg) .np-text-display-small,
1336
- :lang(de) .np-text-display-small,
1337
- :lang(hu) .np-text-display-small,
1338
- :lang(is) .np-text-display-small,
1339
- :lang(se) .np-text-display-small,
1340
- :lang(id) .np-text-display-small,
1341
- :lang(in) .np-text-display-small,
1342
- :lang(ga) .np-text-display-small,
1343
- :lang(it) .np-text-display-small,
1344
- :lang(kl) .np-text-display-small,
1345
- :lang(ki) .np-text-display-small,
1346
- :lang(rw) .np-text-display-small,
1347
- :lang(lv) .np-text-display-small,
1348
- :lang(lt) .np-text-display-small,
1349
- :lang(lb) .np-text-display-small,
1350
- :lang(mg) .np-text-display-small,
1351
- :lang(ms) .np-text-display-small,
1352
- :lang(mt) .np-text-display-small,
1353
- :lang(gv) .np-text-display-small,
1354
- :lang(mi) .np-text-display-small,
1355
- :lang(nd) .np-text-display-small,
1356
- :lang(nb) .np-text-display-small,
1357
- :lang(nn) .np-text-display-small,
1358
- :lang(om) .np-text-display-small,
1359
- :lang(pl) .np-text-display-small,
1360
- :lang(pt) .np-text-display-small,
1361
- :lang(ro) .np-text-display-small,
1362
- :lang(rm) .np-text-display-small,
1363
- :lang(rn) .np-text-display-small,
1364
- :lang(sg) .np-text-display-small,
1365
- :lang(gd) .np-text-display-small,
1366
- :lang(sr) .np-text-display-small,
1367
- :lang(sn) .np-text-display-small,
1368
- :lang(sk) .np-text-display-small,
1369
- :lang(sl) .np-text-display-small,
1370
- :lang(so) .np-text-display-small,
1371
- :lang(es) .np-text-display-small,
1372
- :lang(sw) .np-text-display-small,
1373
- :lang(sv) .np-text-display-small,
1374
- :lang(tr) .np-text-display-small,
1375
- :lang(cy) .np-text-display-small,
1376
- :lang(fy) .np-text-display-small,
1377
- :lang(wo) .np-text-display-small,
1378
- :lang(zu) .np-text-display-small,
1379
- :lang(hsb) .np-text-display-small,
1380
- :lang(gsw) .np-text-display-small,
1381
- :lang(dsb) .np-text-display-small,
1382
- :lang(fil) .np-text-display-small {
1383
- font-size: 40px;
1384
- font-size: var(--size-40);
1385
- line-height: 1.05;
1386
- font-weight: 400;
1387
- font-weight: var(--font-weight-regular);
1388
- }
1389
- :lang(el) .np-text-display-extra-large,
1390
- :lang(az) .np-text-display-extra-large,
1391
- :lang(be) .np-text-display-extra-large,
1392
- :lang(bs) .np-text-display-extra-large,
1393
- :lang(bg) .np-text-display-extra-large,
1394
- :lang(ce) .np-text-display-extra-large,
1395
- :lang(mk) .np-text-display-extra-large,
1396
- :lang(os) .np-text-display-extra-large,
1397
- :lang(ru) .np-text-display-extra-large,
1398
- :lang(sr) .np-text-display-extra-large,
1399
- :lang(uk) .np-text-display-extra-large,
1400
- :lang(uz) .np-text-display-extra-large,
1401
- :lang(sah) .np-text-display-extra-large,
1402
- :lang(el) .np-text-display-large,
1403
- :lang(az) .np-text-display-large,
1404
- :lang(be) .np-text-display-large,
1405
- :lang(bs) .np-text-display-large,
1406
- :lang(bg) .np-text-display-large,
1407
- :lang(ce) .np-text-display-large,
1408
- :lang(mk) .np-text-display-large,
1409
- :lang(os) .np-text-display-large,
1410
- :lang(ru) .np-text-display-large,
1411
- :lang(sr) .np-text-display-large,
1412
- :lang(uk) .np-text-display-large,
1413
- :lang(uz) .np-text-display-large,
1414
- :lang(sah) .np-text-display-large {
1415
- font-size: 60px;
1416
- font-size: var(--size-60);
1417
- line-height: 120%;
1418
- font-weight: 600;
1419
- font-weight: var(--font-weight-semi-bold);
1420
- }
1421
- :lang(el) .np-text-display-medium,
1422
- :lang(az) .np-text-display-medium,
1423
- :lang(be) .np-text-display-medium,
1424
- :lang(bs) .np-text-display-medium,
1425
- :lang(bg) .np-text-display-medium,
1426
- :lang(ce) .np-text-display-medium,
1427
- :lang(mk) .np-text-display-medium,
1428
- :lang(os) .np-text-display-medium,
1429
- :lang(ru) .np-text-display-medium,
1430
- :lang(sr) .np-text-display-medium,
1431
- :lang(uk) .np-text-display-medium,
1432
- :lang(uz) .np-text-display-medium,
1433
- :lang(sah) .np-text-display-medium {
1434
- font-size: 48px;
1435
- font-size: var(--size-48);
1436
- line-height: 120%;
1437
- font-weight: 600;
1438
- font-weight: var(--font-weight-semi-bold);
1439
- }
1440
- :lang(el) .np-text-display-small,
1441
- :lang(az) .np-text-display-small,
1442
- :lang(be) .np-text-display-small,
1443
- :lang(bs) .np-text-display-small,
1444
- :lang(bg) .np-text-display-small,
1445
- :lang(ce) .np-text-display-small,
1446
- :lang(mk) .np-text-display-small,
1447
- :lang(os) .np-text-display-small,
1448
- :lang(ru) .np-text-display-small,
1449
- :lang(sr) .np-text-display-small,
1450
- :lang(uk) .np-text-display-small,
1451
- :lang(uz) .np-text-display-small,
1452
- :lang(sah) .np-text-display-small {
1453
- font-size: 40px;
1454
- font-size: var(--size-40);
1455
- line-height: 120%;
1456
- font-weight: 600;
1457
- font-weight: var(--font-weight-semi-bold);
1458
- }
1459
- /* DEPRECATED: use `.np-text-display-*` instead */
1460
- .display-1 {
1461
- margin-bottom: 24px;
1462
- margin-bottom: var(--size-24);
1463
- /* stylelint-disable-next-line number-max-precision */
1464
- font-size: 3.73333333rem;
1465
- }
1466
- @media (min-width: 768px) {
1467
- .display-1 {
1468
- margin-bottom: 8px;
1469
- margin-bottom: var(--size-8);
1470
- font-size: 6.5rem;
1471
- }
1472
- }
1473
- /* DEPRECATED: use `.np-text-display-*` instead */
1474
- .display-2 {
1475
- margin-bottom: 24px;
1476
- margin-bottom: var(--size-24);
1477
- /* stylelint-disable-next-line number-max-precision */
1478
- font-size: 3.73333333rem;
1479
- }
1480
- @media (min-width: 768px) {
1481
- .display-2 {
1482
- margin-bottom: 16px;
1483
- margin-bottom: var(--size-16);
1484
- font-size: 5.5rem;
1485
- }
1486
- }
1487
- /* DEPRECATED: use `.np-text-display-*` instead */
1488
- .display-3 {
1489
- margin-bottom: 8px;
1490
- margin-bottom: var(--size-8);
1491
- font-size: 2.8rem;
1492
- }
1493
- @media (min-width: 768px) {
1494
- .display-3 {
1495
- margin-bottom: 24px;
1496
- margin-bottom: var(--size-24);
1497
- font-size: 4.5rem;
1498
- }
1499
- }
1500
- /* DEPRECATED: use `.np-text-display-*` instead */
1501
- .display-4 {
1502
- margin-bottom: 4px;
1503
- margin-bottom: var(--size-4);
1504
- /* stylelint-disable-next-line number-max-precision */
1505
- font-size: 1.86666667rem;
1506
- }
1507
- @media (min-width: 768px) {
1508
- .display-4 {
1509
- margin-bottom: 24px;
1510
- margin-bottom: var(--size-24);
1511
- font-size: 3.5rem;
1512
- }
1513
- }
1514
- /* DEPRECATED: use `.np-text-display-*` instead */
1515
- .display-5 {
1516
- margin-bottom: 4px;
1517
- margin-bottom: var(--size-4);
1518
- /* stylelint-disable-next-line number-max-precision */
1519
- font-size: 1.86666667rem;
1520
- }
1521
- @media (min-width: 768px) {
1522
- .display-5 {
1523
- margin-bottom: 8px;
1524
- margin-bottom: var(--size-8);
1525
- font-size: 2.625rem;
1526
- }
1527
- }
1528
- p {
1529
- margin: 0 0 16px;
1530
- margin: 0 0 var(--size-16);
1531
- }
1532
- p + h1,
1533
- p + h2,
1534
- p + h3,
1535
- p + h4,
1536
- p + h5,
1537
- p + h6,
1538
- p + .h1,
1539
- p + .h2,
1540
- p + .h3,
1541
- p + .h4,
1542
- p + .h5,
1543
- p + .h6,
1544
- p + .title-1,
1545
- p + .title-2,
1546
- p + .title-3,
1547
- p + .title-4,
1548
- p + .title-5,
1549
- p + .np-text-title-screen,
1550
- p + .np-text-title-section,
1551
- p + .np-text-title-subsection,
1552
- p + .np-text-title-body,
1553
- p + .np-text-title-group {
1554
- margin-top: 0;
1555
- margin-bottom: 8px;
1556
- margin-bottom: var(--size-8);
1557
- }
1558
- .control-1,
1559
- .control-2 {
1560
- color: #0097c7;
1561
- color: var(--color-content-accent);
1562
- }
1563
- strong,
1564
- b {
1565
- font-weight: 600;
1566
- font-weight: var(--font-weight-semi-bold);
1567
- color: #37517e;
1568
- color: var(--color-content-primary);
1569
- }
1570
- mark,
1571
- .mark {
1572
- padding: 4px;
1573
- padding: var(--size-4);
1574
- background-color: rgba(255,172,0,0.10196);
1575
- background-color: var(--color-background-warning);
1576
- }
1577
- address {
1578
- margin-bottom: 24px;
1579
- margin-bottom: var(--size-24);
1580
- font-style: normal;
1581
- }
1582
- blockquote {
1583
- margin: 16px 0;
1584
- margin: var(--size-16) 0;
1585
- padding: 0 16px 0 calc(16px - 2px);
1586
- padding: 0 var(--size-16) 0 calc(var(--size-16) - 2px);
1587
- font-size: 1rem;
1588
- font-size: var(--font-size-16);
1589
- }
1590
- [dir="rtl"] blockquote {
1591
- border-right: 2px solid #0097c7;
1592
- border-right: 2px solid var(--color-content-accent);
1593
- }
1594
- html:not([dir="rtl"]) blockquote {
1595
- border-left: 2px solid #0097c7;
1596
- border-left: 2px solid var(--color-content-accent);
1597
- }
1598
- blockquote p {
1599
- margin-bottom: 8px;
1600
- margin-bottom: var(--size-8);
1601
- }
1602
- blockquote p:last-child,
1603
- blockquote ol:last-child,
1604
- blockquote ul:last-child {
1605
- margin-bottom: 0;
1606
- }
1607
- blockquote footer {
1608
- display: block;
1609
- color: #5d7079;
1610
- color: var(--color-content-secondary);
1611
- font-size: 0.875rem;
1612
- font-size: var(--font-size-14);
1613
- line-height: 1.5;
1614
- line-height: var(--line-height-body);
1615
- }
1616
- blockquote footer::before {
1617
- content: "\2014 \00A0";
1618
- }
1619
- @media (min-width: 576px) {
1620
- blockquote {
1621
- margin: 24px;
1622
- margin: var(--size-24);
1623
- }
1624
- }
1625
- @media (min-width: 992px) {
1626
- blockquote {
1627
- margin: 32px;
1628
- margin: var(--size-32);
1629
- font-size: 1rem;
1630
- font-size: var(--font-size-16);
1631
- }
1632
- }
1633
- .blockquote-reverse {
1634
- padding-right: 22px;
1635
- padding-left: 0;
1636
- text-align: right;
1637
- }
1638
- [dir="rtl"] .blockquote-reverse {
1639
- padding-left: 22px;
1640
- padding-right: 0;
1641
- padding-right: initial;
1642
- }
1643
- [dir="rtl"] .blockquote-reverse {
1644
- padding-right: 0;
1645
- padding-left: 0;
1646
- padding-left: initial;
1647
- }
1648
- [dir="rtl"] .blockquote-reverse {
1649
- text-align: left;
1650
- }
1651
- [dir="rtl"] .blockquote-reverse {
1652
- border-left: 2px solid #0097c7;
1653
- border-left: 2px solid var(--color-content-accent);
1654
- }
1655
- html:not([dir="rtl"]) .blockquote-reverse {
1656
- border-right: 2px solid #0097c7;
1657
- border-right: 2px solid var(--color-content-accent);
1658
- }
1659
- [dir="rtl"] .blockquote-reverse {
1660
- border-right: 0 ;
1661
- }
1662
- html:not([dir="rtl"]) .blockquote-reverse {
1663
- border-left: 0 ;
1664
- }
1665
- .blockquote-reverse footer::before {
1666
- content: "";
1667
- }
1668
- .blockquote-reverse footer::after {
1669
- content: "\00A0 \2014";
1670
- }
1671
- pre,
1672
- code,
1673
- kbd {
1674
- border-radius: 10px;
1675
- border-radius: var(--radius-small);
1676
- }
1677
- pre {
1678
- margin: 0 0 24px;
1679
- margin: 0 0 var(--size-24);
1680
- padding: 16px;
1681
- padding: var(--size-16);
1682
- overflow: auto;
1683
- color: #5d7079;
1684
- color: var(--color-content-secondary);
1685
- font-size: 0.875rem;
1686
- font-size: var(--font-size-14);
1687
- line-height: 1.5;
1688
- line-height: var(--line-height-body);
1689
- word-wrap: break-word;
1690
- word-break: break-all;
1691
- background-color: rgba(134,167,189,0.10196);
1692
- background-color: var(--color-background-neutral);
1693
- }
1694
- pre code {
1695
- padding: 0;
1696
- font-size: inherit;
1697
- white-space: pre-wrap;
1698
- background-color: transparent;
1699
- border-radius: 0;
1700
- }
1701
- code {
1702
- padding: 2px 4px;
1703
- padding: 2px var(--size-4);
1704
- font-size: 90%;
1705
- color: #5d7079;
1706
- color: var(--color-content-secondary);
1707
- background-color: rgba(134,167,189,0.10196);
1708
- background-color: var(--color-background-neutral);
1709
- }
1710
- kbd {
1711
- padding: 2px 4px;
1712
- padding: 2px var(--size-4);
1713
- font-size: 90%;
1714
- color: #fff;
1715
- background-color: #333;
1716
- }
1717
- kbd kbd {
1718
- padding: 0;
1719
- font-weight: 700;
1720
- font-weight: var(--font-weight-bold);
1721
- font-size: 100%;
1722
- }
1723
- .text-xs-left {
1724
- text-align: left;
1725
- }
1726
- [dir="rtl"] .text-xs-left {
1727
- text-align: right;
1728
- }
1729
- .text-xs-right {
1730
- text-align: right;
1731
- }
1732
- [dir="rtl"] .text-xs-right {
1733
- text-align: left;
1734
- }
1735
- .text-xs-center {
1736
- text-align: center;
1737
- }
1738
- .text-xs-justify {
1739
- text-align: justify;
1740
- }
1741
- .text-xs-nowrap {
1742
- white-space: nowrap;
1743
- }
1744
- @media (min-width: 576px) {
1745
- .text-sm-left {
1746
- text-align: left;
1747
- }
1748
- [dir="rtl"] .text-sm-left {
1749
- text-align: right;
1750
- }
1751
- .text-sm-right {
1752
- text-align: right;
1753
- }
1754
- [dir="rtl"] .text-sm-right {
1755
- text-align: left;
1756
- }
1757
- .text-sm-center {
1758
- text-align: center;
1759
- }
1760
- .text-sm-justify {
1761
- text-align: justify;
1762
- }
1763
- .text-sm-nowrap {
1764
- white-space: nowrap;
1765
- }
1766
- }
1767
- @media (min-width: 768px) {
1768
- .text-md-left {
1769
- text-align: left;
1770
- }
1771
- [dir="rtl"] .text-md-left {
1772
- text-align: right;
1773
- }
1774
- .text-md-right {
1775
- text-align: right;
1776
- }
1777
- [dir="rtl"] .text-md-right {
1778
- text-align: left;
1779
- }
1780
- .text-md-center {
1781
- text-align: center;
1782
- }
1783
- .text-md-justify {
1784
- text-align: justify;
1785
- }
1786
- .text-md-nowrap {
1787
- white-space: nowrap;
1788
- }
1789
- }
1790
- @media (min-width: 992px) {
1791
- .text-lg-left {
1792
- text-align: left;
1793
- }
1794
- [dir="rtl"] .text-lg-left {
1795
- text-align: right;
1796
- }
1797
- .text-lg-right {
1798
- text-align: right;
1799
- }
1800
- [dir="rtl"] .text-lg-right {
1801
- text-align: left;
1802
- }
1803
- .text-lg-center {
1804
- text-align: center;
1805
- }
1806
- .text-lg-justify {
1807
- text-align: justify;
1808
- }
1809
- .text-lg-nowrap {
1810
- white-space: nowrap;
1811
- }
1812
- }
1813
- @media (min-width: 1200px) {
1814
- .text-xl-left {
1815
- text-align: left;
1816
- }
1817
- [dir="rtl"] .text-xl-left {
1818
- text-align: right;
1819
- }
1820
- .text-xl-right {
1821
- text-align: right;
1822
- }
1823
- [dir="rtl"] .text-xl-right {
1824
- text-align: left;
1825
- }
1826
- .text-xl-center {
1827
- text-align: center;
1828
- }
1829
- .text-xl-justify {
1830
- text-align: justify;
1831
- }
1832
- .text-xl-nowrap {
1833
- white-space: nowrap;
1834
- }
1835
- }
1836
- .text-lowercase {
1837
- text-transform: lowercase;
1838
- }
1839
- .text-uppercase {
1840
- text-transform: uppercase;
1841
- }
1842
- .text-capitalize {
1843
- text-transform: capitalize;
1844
- }
1845
- .text-underline {
1846
- text-decoration: underline;
1847
- -webkit-text-decoration: underline !important;
1848
- text-decoration: underline !important;
1849
- text-underline-offset: 0.3em;
1850
- }
1851
- .text-no-decoration {
1852
- -webkit-text-decoration: none !important;
1853
- text-decoration: none !important;
1854
- }
1855
- .text-ellipsis,
1856
- .text-ellipses {
1857
- display: block;
1858
- text-overflow: ellipsis;
1859
- white-space: nowrap;
1860
- overflow: hidden;
1861
- }
1862
- .text-max-width {
1863
- max-width: 600px;
1864
- }
1865
- .text-word-break {
1866
- word-break: break-all;
1867
- }
1868
- .font-weight-bold {
1869
- font-weight: 700 !important;
1870
- font-weight: var(--font-weight-bold) !important;
1871
- }
1872
- .font-weight-semi-bold {
1873
- font-weight: 600 !important;
1874
- font-weight: var(--font-weight-semi-bold) !important;
1875
- }
1876
- .font-weight-normal {
1877
- font-weight: 400 !important;
1878
- font-weight: var(--font-weight-regular) !important;
1879
- }
1880
- .font-italic {
1881
- font-style: italic !important;
1882
- }
1883
- .text-primary {
1884
- color: #37517e !important;
1885
- color: var(--color-content-primary) !important;
1886
- }
1887
- a.text-primary:hover,
1888
- a.text-primary:focus {
1889
- color: #37517e !important;
1890
- color: var(--color-content-primary) !important;
1891
- }
1892
- .bg-primary .text-primary {
1893
- color: #ffffff !important;
1894
- }
1895
- .text-secondary {
1896
- color: #5d7079 !important;
1897
- color: var(--color-content-secondary) !important;
1898
- }
1899
- .text-positive,
1900
- .text-success {
1901
- color: #008026 !important;
1902
- color: var(--color-content-positive) !important;
1903
- }
1904
- a.text-positive:hover,
1905
- a.text-success:hover,
1906
- a.text-positive:focus,
1907
- a.text-success:focus {
1908
- color: #006d13 !important;
1909
- color: var(--color-content-positive-hover) !important;
1910
- }
1911
- .bg-primary .text-positive,
1912
- .bg-primary .text-success {
1913
- color: #6fd698 !important;
1914
- }
1915
- .text-accent,
1916
- .text-info {
1917
- color: #0097c7 !important;
1918
- color: var(--color-content-accent) !important;
1919
- color: var(--color-interactive-primary) !important;
1920
- }
1921
- a.text-accent:hover,
1922
- a.text-info:hover,
1923
- a.text-accent:focus,
1924
- a.text-info:focus {
1925
- color: #0084b3 !important;
1926
- color: var(--color-content-accent-hover) !important;
1927
- }
1928
- .bg-primary .text-accent,
1929
- .bg-primary .text-info {
1930
- color: #00b9ff !important;
1931
- }
1932
- .text-warning {
1933
- color: #9a6500 !important;
1934
- color: var(--color-content-warning) !important;
1935
- }
1936
- a.text-warning:hover,
1937
- a.text-warning:focus {
1938
- color: #855400 !important;
1939
- color: var(--color-content-warning-hover) !important;
1940
- }
1941
- .bg-primary .text-warning {
1942
- color: #ffd184 !important;
1943
- }
1944
- .text-negative,
1945
- .text-danger {
1946
- color: var(--color-sentiment-negative) !important;
1947
- }
1948
- a.text-negative:hover,
1949
- a.text-danger:hover,
1950
- a.text-negative:focus,
1951
- a.text-danger:focus {
1952
- color: var(--color-sentiment-negative-hover) !important;
1953
- }
1954
- .bg-primary .text-negative,
1955
- .bg-primary .text-danger {
1956
- color: #ffa6a9 !important;
1957
- }
1958
- .text-inverse {
1959
- color: #ffffff !important;
1960
- }
1961
- a.text-inverse:hover,
1962
- a.text-inverse:focus {
1963
- color: #c9cbce !important;
1964
- }
1965
- .text-muted {
1966
- color: #768e9c !important;
1967
- color: var(--color-content-tertiary) !important;
1968
- }
1969
- .colored-dot::after {
1970
- content: none;
1971
- }