@dnb/eufemia 9.17.0 → 9.19.0

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 (722) hide show
  1. package/CHANGELOG.md +63 -0
  2. package/cjs/components/Avatar.d.ts +14 -0
  3. package/cjs/components/Avatar.js +52 -0
  4. package/cjs/components/InfoCard.d.ts +14 -0
  5. package/cjs/components/InfoCard.js +52 -0
  6. package/cjs/components/Tag.d.ts +14 -0
  7. package/cjs/components/Tag.js +52 -0
  8. package/cjs/components/Timeline.d.ts +14 -0
  9. package/cjs/components/Timeline.js +52 -0
  10. package/cjs/components/accordion/Accordion.d.ts +7 -7
  11. package/cjs/components/autocomplete/Autocomplete.d.ts +13 -13
  12. package/cjs/components/avatar/Avatar.js +149 -0
  13. package/cjs/components/avatar/AvatarGroup.js +131 -0
  14. package/cjs/components/avatar/index.d.ts +8 -0
  15. package/cjs/components/avatar/index.js +52 -0
  16. package/cjs/components/avatar/style/_avatar.scss +145 -0
  17. package/cjs/components/avatar/style/dnb-avatar.css +218 -0
  18. package/cjs/components/avatar/style/dnb-avatar.min.css +1 -0
  19. package/cjs/components/avatar/style/dnb-avatar.scss +12 -0
  20. package/cjs/components/avatar/style/index.d.ts +6 -0
  21. package/cjs/components/avatar/style/index.js +3 -0
  22. package/cjs/components/avatar/style/themes/dnb-avatar-theme-ui.css +36 -0
  23. package/cjs/components/avatar/style/themes/dnb-avatar-theme-ui.min.css +1 -0
  24. package/cjs/components/avatar/style/themes/dnb-avatar-theme-ui.scss +29 -0
  25. package/cjs/components/avatar/style/themes/ui.js +3 -0
  26. package/cjs/components/avatar/style.js +3 -0
  27. package/cjs/components/breadcrumb/BreadcrumbItem.js +3 -3
  28. package/cjs/components/button/Button.d.ts +8 -8
  29. package/cjs/components/button/Button.js +7 -5
  30. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +3 -0
  31. package/cjs/components/checkbox/Checkbox.d.ts +3 -3
  32. package/cjs/components/date-picker/DatePicker.d.ts +14 -14
  33. package/cjs/components/date-picker/DatePicker.js +4 -2
  34. package/cjs/components/date-picker/DatePickerAddon.d.ts +1 -1
  35. package/cjs/components/date-picker/DatePickerCalendar.d.ts +1 -1
  36. package/cjs/components/date-picker/DatePickerFooter.d.ts +1 -0
  37. package/cjs/components/date-picker/DatePickerFooter.js +10 -6
  38. package/cjs/components/date-picker/DatePickerInput.d.ts +1 -1
  39. package/cjs/components/dropdown/Dropdown.d.ts +11 -10
  40. package/cjs/components/form-label/FormLabel.d.ts +1 -1
  41. package/cjs/components/form-row/FormRow.d.ts +4 -4
  42. package/cjs/components/form-set/FormSet.d.ts +5 -5
  43. package/cjs/components/global-error/GlobalError.d.ts +1 -1
  44. package/cjs/components/global-status/GlobalStatus.d.ts +5 -5
  45. package/cjs/components/heading/Heading.d.ts +2 -2
  46. package/cjs/components/heading/HeadingProvider.d.ts +2 -2
  47. package/cjs/components/help-button/HelpButton.d.ts +1 -1
  48. package/cjs/components/help-button/HelpButtonInstance.d.ts +3 -2
  49. package/cjs/components/icon/Icon.d.ts +2 -2
  50. package/cjs/components/icon-primary/IconPrimary.d.ts +2 -2
  51. package/cjs/components/index.d.ts +8 -0
  52. package/cjs/components/index.js +32 -0
  53. package/cjs/components/info-card/InfoCard.js +180 -0
  54. package/cjs/components/info-card/index.d.ts +8 -0
  55. package/cjs/components/info-card/index.js +52 -0
  56. package/cjs/components/info-card/style/_info-card.scss +52 -0
  57. package/cjs/components/info-card/style/dnb-info-card.css +135 -0
  58. package/cjs/components/info-card/style/dnb-info-card.min.css +1 -0
  59. package/cjs/components/info-card/style/dnb-info-card.scss +12 -0
  60. package/cjs/components/info-card/style/index.d.ts +6 -0
  61. package/cjs/components/info-card/style/index.js +3 -0
  62. package/cjs/components/info-card/style.js +3 -0
  63. package/cjs/components/input/Input.d.ts +11 -10
  64. package/cjs/components/input-masked/InputMasked.d.ts +11 -11
  65. package/cjs/components/input-masked/InputMasked.js +6 -3
  66. package/cjs/components/input-masked/InputMaskedHooks.js +45 -52
  67. package/cjs/components/input-masked/InputMaskedUtils.js +9 -20
  68. package/cjs/components/lib.js +36 -0
  69. package/cjs/components/modal/Modal.js +157 -299
  70. package/cjs/components/modal/ModalContent.js +169 -274
  71. package/cjs/components/modal/ModalRoot.js +194 -0
  72. package/cjs/components/modal/components/CloseButton.js +125 -0
  73. package/cjs/components/modal/components/ModalHeader.js +124 -0
  74. package/cjs/components/modal/{ModalHeader.js → components/ModalHeaderBar.js} +50 -162
  75. package/cjs/components/modal/{ModalInner.js → components/ModalInner.js} +11 -19
  76. package/cjs/components/modal/helpers.js +80 -0
  77. package/cjs/components/modal/types.js +1 -0
  78. package/cjs/components/number-format/NumberFormat.d.ts +10 -10
  79. package/cjs/components/pagination/Pagination.d.ts +30 -30
  80. package/cjs/components/pagination/Pagination.js +11 -1
  81. package/cjs/components/pagination/PaginationProvider.d.ts +2 -2
  82. package/cjs/components/radio/Radio.d.ts +5 -5
  83. package/cjs/components/radio/RadioGroup.d.ts +4 -4
  84. package/cjs/components/section/Section.d.ts +3 -2
  85. package/cjs/components/skeleton/Skeleton.d.ts +2 -2
  86. package/cjs/components/slider/Slider.d.ts +5 -5
  87. package/cjs/components/step-indicator/StepIndicator.d.ts +6 -6
  88. package/cjs/components/step-indicator/StepIndicatorContext.d.ts +1 -1
  89. package/cjs/components/step-indicator/StepIndicatorItem.d.ts +3 -3
  90. package/cjs/components/step-indicator/StepIndicatorItem.js +1 -0
  91. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +4 -4
  92. package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  93. package/cjs/components/switch/Switch.d.ts +6 -6
  94. package/cjs/components/tabs/Tabs.d.ts +8 -8
  95. package/cjs/components/tabs/TabsContentWrapper.d.ts +2 -2
  96. package/cjs/components/tabs/TabsCustomContent.d.ts +1 -1
  97. package/cjs/components/tag/Tag.js +157 -0
  98. package/cjs/components/tag/TagContext.js +14 -0
  99. package/cjs/components/tag/TagGroup.js +123 -0
  100. package/cjs/components/tag/index.d.ts +8 -0
  101. package/cjs/components/tag/index.js +52 -0
  102. package/cjs/components/tag/style/_tag.scss +90 -0
  103. package/cjs/components/tag/style/dnb-tag.css +925 -0
  104. package/cjs/components/tag/style/dnb-tag.min.css +1 -0
  105. package/cjs/components/tag/style/dnb-tag.scss +15 -0
  106. package/cjs/components/tag/style/index.d.ts +6 -0
  107. package/cjs/components/tag/style/index.js +3 -0
  108. package/cjs/components/tag/style/themes/_tag-mixins.scss +18 -0
  109. package/cjs/components/tag/style.js +3 -0
  110. package/cjs/components/textarea/Textarea.d.ts +4 -4
  111. package/cjs/components/timeline/Timeline.js +129 -0
  112. package/cjs/components/timeline/TimelineItem.js +149 -0
  113. package/cjs/components/timeline/index.d.ts +8 -0
  114. package/cjs/components/timeline/index.js +52 -0
  115. package/cjs/components/timeline/style/_timeline.scss +42 -0
  116. package/cjs/components/timeline/style/dnb-timeline.css +307 -0
  117. package/cjs/components/timeline/style/dnb-timeline.min.css +1 -0
  118. package/cjs/components/timeline/style/dnb-timeline.scss +12 -0
  119. package/cjs/components/timeline/style/index.d.ts +6 -0
  120. package/cjs/components/timeline/style/index.js +3 -0
  121. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +185 -0
  122. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -0
  123. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +105 -0
  124. package/cjs/components/timeline/style/themes/ui.js +3 -0
  125. package/cjs/components/timeline/style.js +3 -0
  126. package/cjs/components/toggle-button/ToggleButton.d.ts +7 -7
  127. package/cjs/components/toggle-button/ToggleButtonGroup.d.ts +4 -4
  128. package/cjs/components/tooltip/Tooltip.d.ts +5 -5
  129. package/cjs/components/tooltip/TooltipContainer.d.ts +3 -3
  130. package/cjs/components/tooltip/TooltipPortal.d.ts +1 -1
  131. package/cjs/components/tooltip/TooltipWithEvents.d.ts +1 -1
  132. package/cjs/elements/Img.d.ts +2 -2
  133. package/cjs/extensions/payment-card/PaymentCard.d.ts +1 -1
  134. package/cjs/extensions/payment-card/style/_payment-card.scss +0 -1
  135. package/cjs/extensions/payment-card/style/dnb-payment-card.css +0 -1
  136. package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  137. package/cjs/fragments/drawer-list/DrawerListProvider.js +1 -0
  138. package/cjs/fragments/scroll-view/ScrollView.js +7 -16
  139. package/cjs/index.d.ts +8 -0
  140. package/cjs/index.js +32 -0
  141. package/cjs/shared/Context.js +11 -4
  142. package/cjs/shared/locales/en-GB.js +5 -0
  143. package/cjs/shared/locales/nb-NO.js +5 -0
  144. package/cjs/style/core/helper-classes/skip-link.scss +1 -1
  145. package/cjs/style/dnb-ui-components.css +716 -0
  146. package/cjs/style/dnb-ui-components.min.css +3 -3
  147. package/cjs/style/dnb-ui-components.scss +4 -0
  148. package/cjs/style/dnb-ui-elements.css +3 -0
  149. package/cjs/style/dnb-ui-elements.min.css +1 -1
  150. package/cjs/style/dnb-ui-extensions.css +0 -1
  151. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  152. package/cjs/style/dnb-ui-tags.css +6 -0
  153. package/cjs/style/dnb-ui-tags.min.css +2 -2
  154. package/cjs/style/elements/code.scss +3 -0
  155. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css +226 -0
  156. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
  157. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +226 -0
  158. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
  159. package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  160. package/components/Avatar.d.ts +14 -0
  161. package/components/Avatar.js +3 -0
  162. package/components/InfoCard.d.ts +14 -0
  163. package/components/InfoCard.js +3 -0
  164. package/components/Tag.d.ts +14 -0
  165. package/components/Tag.js +3 -0
  166. package/components/Timeline.d.ts +14 -0
  167. package/components/Timeline.js +3 -0
  168. package/components/accordion/Accordion.d.ts +7 -7
  169. package/components/autocomplete/Autocomplete.d.ts +13 -13
  170. package/components/avatar/Avatar.js +89 -0
  171. package/components/avatar/Avatar.tsx +163 -0
  172. package/components/avatar/AvatarGroup.js +94 -0
  173. package/components/avatar/AvatarGroup.tsx +167 -0
  174. package/components/avatar/index.d.ts +8 -0
  175. package/components/avatar/index.js +3 -0
  176. package/components/avatar/style/_avatar.scss +145 -0
  177. package/components/avatar/style/dnb-avatar.css +218 -0
  178. package/components/avatar/style/dnb-avatar.min.css +1 -0
  179. package/components/avatar/style/dnb-avatar.scss +12 -0
  180. package/components/avatar/style/index.d.ts +6 -0
  181. package/components/avatar/style/index.js +1 -0
  182. package/components/avatar/style/themes/dnb-avatar-theme-ui.css +36 -0
  183. package/components/avatar/style/themes/dnb-avatar-theme-ui.min.css +1 -0
  184. package/components/avatar/style/themes/dnb-avatar-theme-ui.scss +29 -0
  185. package/components/avatar/style/themes/ui.js +1 -0
  186. package/components/avatar/style.js +1 -0
  187. package/components/breadcrumb/BreadcrumbItem.js +3 -3
  188. package/components/breadcrumb/BreadcrumbItem.tsx +2 -2
  189. package/components/button/Button.d.ts +7 -7
  190. package/components/button/Button.js +7 -5
  191. package/components/button/style/themes/dnb-button-theme-ui.scss +3 -0
  192. package/components/checkbox/Checkbox.d.ts +3 -3
  193. package/components/date-picker/DatePicker.d.ts +14 -14
  194. package/components/date-picker/DatePicker.js +4 -2
  195. package/components/date-picker/DatePickerAddon.d.ts +1 -1
  196. package/components/date-picker/DatePickerCalendar.d.ts +1 -1
  197. package/components/date-picker/DatePickerFooter.d.ts +1 -0
  198. package/components/date-picker/DatePickerFooter.js +10 -6
  199. package/components/date-picker/DatePickerInput.d.ts +1 -1
  200. package/components/dropdown/Dropdown.d.ts +11 -10
  201. package/components/form-label/FormLabel.d.ts +1 -1
  202. package/components/form-row/FormRow.d.ts +4 -4
  203. package/components/form-set/FormSet.d.ts +5 -5
  204. package/components/global-error/GlobalError.d.ts +1 -1
  205. package/components/global-status/GlobalStatus.d.ts +5 -5
  206. package/components/heading/Heading.d.ts +2 -2
  207. package/components/heading/HeadingProvider.d.ts +2 -2
  208. package/components/help-button/HelpButton.d.ts +1 -1
  209. package/components/help-button/HelpButtonInstance.d.ts +3 -2
  210. package/components/icon/Icon.d.ts +2 -2
  211. package/components/index.d.ts +8 -0
  212. package/components/index.js +5 -1
  213. package/components/info-card/InfoCard.js +140 -0
  214. package/components/info-card/InfoCard.tsx +249 -0
  215. package/components/info-card/index.d.ts +8 -0
  216. package/components/info-card/index.js +3 -0
  217. package/components/info-card/style/_info-card.scss +52 -0
  218. package/components/info-card/style/dnb-info-card.css +135 -0
  219. package/components/info-card/style/dnb-info-card.min.css +1 -0
  220. package/components/info-card/style/dnb-info-card.scss +12 -0
  221. package/components/info-card/style/index.d.ts +6 -0
  222. package/components/info-card/style/index.js +1 -0
  223. package/components/info-card/style.js +1 -0
  224. package/components/input/Input.d.ts +11 -10
  225. package/components/input-masked/InputMasked.d.ts +11 -11
  226. package/components/input-masked/InputMasked.js +6 -4
  227. package/components/input-masked/InputMaskedHooks.js +43 -46
  228. package/components/input-masked/InputMaskedUtils.js +9 -20
  229. package/components/lib.js +9 -1
  230. package/components/modal/Modal.js +146 -278
  231. package/components/modal/Modal.tsx +524 -0
  232. package/components/modal/ModalContent.js +162 -256
  233. package/components/modal/ModalContent.tsx +515 -0
  234. package/components/modal/ModalContext.tsx +10 -0
  235. package/components/modal/ModalRoot.js +145 -0
  236. package/components/modal/ModalRoot.tsx +131 -0
  237. package/components/modal/components/CloseButton.js +72 -0
  238. package/components/modal/components/CloseButton.tsx +56 -0
  239. package/components/modal/components/ModalHeader.js +70 -0
  240. package/components/modal/components/ModalHeader.tsx +79 -0
  241. package/components/modal/components/ModalHeaderBar.js +122 -0
  242. package/components/modal/components/ModalHeaderBar.tsx +118 -0
  243. package/components/modal/{ModalInner.js → components/ModalInner.js} +11 -17
  244. package/components/modal/components/ModalInner.tsx +45 -0
  245. package/components/modal/helpers.js +64 -0
  246. package/components/modal/helpers.ts +63 -0
  247. package/components/modal/types.js +1 -0
  248. package/{cjs/components/modal/Modal.d.ts → components/modal/types.ts} +125 -179
  249. package/components/number-format/NumberFormat.d.ts +10 -10
  250. package/components/pagination/Pagination.d.ts +30 -30
  251. package/components/pagination/Pagination.js +7 -0
  252. package/components/pagination/PaginationProvider.d.ts +2 -2
  253. package/components/radio/Radio.d.ts +5 -5
  254. package/components/radio/RadioGroup.d.ts +4 -4
  255. package/components/section/Section.d.ts +3 -1
  256. package/components/skeleton/Skeleton.d.ts +2 -2
  257. package/components/slider/Slider.d.ts +5 -5
  258. package/components/step-indicator/StepIndicator.d.ts +6 -6
  259. package/components/step-indicator/StepIndicatorContext.d.ts +1 -1
  260. package/components/step-indicator/StepIndicatorItem.d.ts +3 -3
  261. package/components/step-indicator/StepIndicatorItem.js +1 -0
  262. package/components/step-indicator/StepIndicatorSidebar.d.ts +4 -4
  263. package/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  264. package/components/switch/Switch.d.ts +6 -6
  265. package/components/tabs/Tabs.d.ts +8 -8
  266. package/components/tabs/TabsContentWrapper.d.ts +2 -2
  267. package/components/tabs/TabsCustomContent.d.ts +1 -1
  268. package/components/tag/Tag.js +122 -0
  269. package/components/tag/Tag.tsx +194 -0
  270. package/components/tag/TagContext.js +2 -0
  271. package/components/tag/TagContext.tsx +3 -0
  272. package/components/tag/TagGroup.js +60 -0
  273. package/components/tag/TagGroup.tsx +80 -0
  274. package/components/tag/index.d.ts +8 -0
  275. package/components/tag/index.js +3 -0
  276. package/components/tag/style/_tag.scss +90 -0
  277. package/components/tag/style/dnb-tag.css +925 -0
  278. package/components/tag/style/dnb-tag.min.css +1 -0
  279. package/components/tag/style/dnb-tag.scss +15 -0
  280. package/components/tag/style/index.d.ts +6 -0
  281. package/components/tag/style/index.js +1 -0
  282. package/components/tag/style/themes/_tag-mixins.scss +18 -0
  283. package/components/tag/style.js +1 -0
  284. package/components/textarea/Textarea.d.ts +4 -4
  285. package/components/timeline/Timeline.js +57 -0
  286. package/components/timeline/Timeline.tsx +91 -0
  287. package/components/timeline/TimelineItem.js +112 -0
  288. package/components/timeline/TimelineItem.tsx +193 -0
  289. package/components/timeline/index.d.ts +8 -0
  290. package/components/timeline/index.js +3 -0
  291. package/components/timeline/style/_timeline.scss +42 -0
  292. package/components/timeline/style/dnb-timeline.css +307 -0
  293. package/components/timeline/style/dnb-timeline.min.css +1 -0
  294. package/components/timeline/style/dnb-timeline.scss +12 -0
  295. package/components/timeline/style/index.d.ts +6 -0
  296. package/components/timeline/style/index.js +1 -0
  297. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +185 -0
  298. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -0
  299. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +105 -0
  300. package/components/timeline/style/themes/ui.js +1 -0
  301. package/components/timeline/style.js +1 -0
  302. package/components/toggle-button/ToggleButton.d.ts +7 -7
  303. package/components/toggle-button/ToggleButtonGroup.d.ts +4 -4
  304. package/components/tooltip/Tooltip.d.ts +5 -5
  305. package/components/tooltip/TooltipContainer.d.ts +3 -3
  306. package/components/tooltip/TooltipPortal.d.ts +1 -1
  307. package/components/tooltip/TooltipWithEvents.d.ts +1 -1
  308. package/elements/Img.d.ts +1 -1
  309. package/es/components/Avatar.d.ts +14 -0
  310. package/es/components/Avatar.js +3 -0
  311. package/es/components/InfoCard.d.ts +14 -0
  312. package/es/components/InfoCard.js +3 -0
  313. package/es/components/Tag.d.ts +14 -0
  314. package/es/components/Tag.js +3 -0
  315. package/es/components/Timeline.d.ts +14 -0
  316. package/es/components/Timeline.js +3 -0
  317. package/es/components/accordion/Accordion.d.ts +7 -7
  318. package/es/components/autocomplete/Autocomplete.d.ts +13 -13
  319. package/es/components/avatar/Avatar.js +83 -0
  320. package/es/components/avatar/Avatar.tsx +163 -0
  321. package/es/components/avatar/AvatarGroup.js +89 -0
  322. package/es/components/avatar/AvatarGroup.tsx +167 -0
  323. package/es/components/avatar/index.d.ts +8 -0
  324. package/es/components/avatar/index.js +3 -0
  325. package/es/components/avatar/style/_avatar.scss +145 -0
  326. package/es/components/avatar/style/dnb-avatar.css +218 -0
  327. package/es/components/avatar/style/dnb-avatar.min.css +1 -0
  328. package/es/components/avatar/style/dnb-avatar.scss +12 -0
  329. package/es/components/avatar/style/index.d.ts +6 -0
  330. package/es/components/avatar/style/index.js +1 -0
  331. package/es/components/avatar/style/themes/dnb-avatar-theme-ui.css +36 -0
  332. package/es/components/avatar/style/themes/dnb-avatar-theme-ui.min.css +1 -0
  333. package/es/components/avatar/style/themes/dnb-avatar-theme-ui.scss +29 -0
  334. package/es/components/avatar/style/themes/ui.js +1 -0
  335. package/es/components/avatar/style.js +1 -0
  336. package/es/components/breadcrumb/BreadcrumbItem.js +3 -3
  337. package/es/components/breadcrumb/BreadcrumbItem.tsx +2 -2
  338. package/es/components/button/Button.d.ts +8 -8
  339. package/es/components/button/Button.js +7 -5
  340. package/es/components/button/style/themes/dnb-button-theme-ui.scss +3 -0
  341. package/es/components/checkbox/Checkbox.d.ts +3 -3
  342. package/es/components/date-picker/DatePicker.d.ts +14 -14
  343. package/es/components/date-picker/DatePicker.js +4 -2
  344. package/es/components/date-picker/DatePickerAddon.d.ts +1 -1
  345. package/es/components/date-picker/DatePickerCalendar.d.ts +1 -1
  346. package/es/components/date-picker/DatePickerFooter.d.ts +1 -0
  347. package/es/components/date-picker/DatePickerFooter.js +9 -6
  348. package/es/components/date-picker/DatePickerInput.d.ts +1 -1
  349. package/es/components/dropdown/Dropdown.d.ts +11 -10
  350. package/es/components/form-label/FormLabel.d.ts +1 -1
  351. package/es/components/form-row/FormRow.d.ts +4 -4
  352. package/es/components/form-set/FormSet.d.ts +5 -5
  353. package/es/components/global-error/GlobalError.d.ts +1 -1
  354. package/es/components/global-status/GlobalStatus.d.ts +5 -5
  355. package/es/components/heading/Heading.d.ts +2 -2
  356. package/es/components/heading/HeadingProvider.d.ts +2 -2
  357. package/es/components/help-button/HelpButton.d.ts +1 -1
  358. package/es/components/help-button/HelpButtonInstance.d.ts +3 -2
  359. package/es/components/icon/Icon.d.ts +2 -2
  360. package/es/components/icon-primary/IconPrimary.d.ts +2 -2
  361. package/es/components/index.d.ts +8 -0
  362. package/es/components/index.js +5 -1
  363. package/es/components/info-card/InfoCard.js +135 -0
  364. package/es/components/info-card/InfoCard.tsx +249 -0
  365. package/es/components/info-card/index.d.ts +8 -0
  366. package/es/components/info-card/index.js +3 -0
  367. package/es/components/info-card/style/_info-card.scss +52 -0
  368. package/es/components/info-card/style/dnb-info-card.css +135 -0
  369. package/es/components/info-card/style/dnb-info-card.min.css +1 -0
  370. package/es/components/info-card/style/dnb-info-card.scss +12 -0
  371. package/es/components/info-card/style/index.d.ts +6 -0
  372. package/es/components/info-card/style/index.js +1 -0
  373. package/es/components/info-card/style.js +1 -0
  374. package/es/components/input/Input.d.ts +11 -10
  375. package/es/components/input-masked/InputMasked.d.ts +11 -11
  376. package/es/components/input-masked/InputMasked.js +6 -4
  377. package/es/components/input-masked/InputMaskedHooks.js +28 -31
  378. package/es/components/input-masked/InputMaskedUtils.js +7 -18
  379. package/es/components/lib.js +9 -1
  380. package/es/components/modal/Modal.js +127 -251
  381. package/es/components/modal/Modal.tsx +524 -0
  382. package/es/components/modal/ModalContent.js +120 -213
  383. package/es/components/modal/ModalContent.tsx +515 -0
  384. package/es/components/modal/ModalContext.tsx +10 -0
  385. package/es/components/modal/ModalRoot.js +108 -0
  386. package/es/components/modal/ModalRoot.tsx +131 -0
  387. package/es/components/modal/components/CloseButton.js +41 -0
  388. package/es/components/modal/components/CloseButton.tsx +56 -0
  389. package/es/components/modal/components/ModalHeader.js +40 -0
  390. package/es/components/modal/components/ModalHeader.tsx +79 -0
  391. package/es/components/modal/components/ModalHeaderBar.js +88 -0
  392. package/es/components/modal/components/ModalHeaderBar.tsx +118 -0
  393. package/es/components/modal/{ModalInner.js → components/ModalInner.js} +8 -18
  394. package/es/components/modal/components/ModalInner.tsx +45 -0
  395. package/es/components/modal/helpers.js +60 -0
  396. package/es/components/modal/helpers.ts +63 -0
  397. package/es/components/modal/types.js +1 -0
  398. package/es/components/modal/{Modal.d.ts → types.ts} +125 -179
  399. package/es/components/number-format/NumberFormat.d.ts +10 -10
  400. package/es/components/pagination/Pagination.d.ts +30 -30
  401. package/es/components/pagination/Pagination.js +3 -0
  402. package/es/components/pagination/PaginationProvider.d.ts +2 -2
  403. package/es/components/radio/Radio.d.ts +5 -5
  404. package/es/components/radio/RadioGroup.d.ts +4 -4
  405. package/es/components/section/Section.d.ts +3 -2
  406. package/es/components/skeleton/Skeleton.d.ts +2 -2
  407. package/es/components/slider/Slider.d.ts +5 -5
  408. package/es/components/step-indicator/StepIndicator.d.ts +6 -6
  409. package/es/components/step-indicator/StepIndicatorContext.d.ts +1 -1
  410. package/es/components/step-indicator/StepIndicatorItem.d.ts +3 -3
  411. package/es/components/step-indicator/StepIndicatorItem.js +1 -0
  412. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +4 -4
  413. package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  414. package/es/components/switch/Switch.d.ts +6 -6
  415. package/es/components/tabs/Tabs.d.ts +8 -8
  416. package/es/components/tabs/TabsContentWrapper.d.ts +2 -2
  417. package/es/components/tabs/TabsCustomContent.d.ts +1 -1
  418. package/es/components/tag/Tag.js +115 -0
  419. package/es/components/tag/Tag.tsx +194 -0
  420. package/es/components/tag/TagContext.js +2 -0
  421. package/es/components/tag/TagContext.tsx +3 -0
  422. package/es/components/tag/TagGroup.js +53 -0
  423. package/es/components/tag/TagGroup.tsx +80 -0
  424. package/es/components/tag/index.d.ts +8 -0
  425. package/es/components/tag/index.js +3 -0
  426. package/es/components/tag/style/_tag.scss +90 -0
  427. package/es/components/tag/style/dnb-tag.css +925 -0
  428. package/es/components/tag/style/dnb-tag.min.css +1 -0
  429. package/es/components/tag/style/dnb-tag.scss +15 -0
  430. package/es/components/tag/style/index.d.ts +6 -0
  431. package/es/components/tag/style/index.js +1 -0
  432. package/es/components/tag/style/themes/_tag-mixins.scss +18 -0
  433. package/es/components/tag/style.js +1 -0
  434. package/es/components/textarea/Textarea.d.ts +4 -4
  435. package/es/components/timeline/Timeline.js +48 -0
  436. package/es/components/timeline/Timeline.tsx +91 -0
  437. package/es/components/timeline/TimelineItem.js +111 -0
  438. package/es/components/timeline/TimelineItem.tsx +193 -0
  439. package/es/components/timeline/index.d.ts +8 -0
  440. package/es/components/timeline/index.js +3 -0
  441. package/es/components/timeline/style/_timeline.scss +42 -0
  442. package/es/components/timeline/style/dnb-timeline.css +307 -0
  443. package/es/components/timeline/style/dnb-timeline.min.css +1 -0
  444. package/es/components/timeline/style/dnb-timeline.scss +12 -0
  445. package/es/components/timeline/style/index.d.ts +6 -0
  446. package/es/components/timeline/style/index.js +1 -0
  447. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +185 -0
  448. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -0
  449. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +105 -0
  450. package/es/components/timeline/style/themes/ui.js +1 -0
  451. package/es/components/timeline/style.js +1 -0
  452. package/es/components/toggle-button/ToggleButton.d.ts +7 -7
  453. package/es/components/toggle-button/ToggleButtonGroup.d.ts +4 -4
  454. package/es/components/tooltip/Tooltip.d.ts +5 -5
  455. package/es/components/tooltip/TooltipContainer.d.ts +3 -3
  456. package/es/components/tooltip/TooltipPortal.d.ts +1 -1
  457. package/es/components/tooltip/TooltipWithEvents.d.ts +1 -1
  458. package/es/elements/Img.d.ts +2 -2
  459. package/es/extensions/payment-card/PaymentCard.d.ts +1 -1
  460. package/es/extensions/payment-card/style/_payment-card.scss +0 -1
  461. package/es/extensions/payment-card/style/dnb-payment-card.css +0 -1
  462. package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  463. package/es/fragments/drawer-list/DrawerListProvider.js +1 -0
  464. package/es/fragments/scroll-view/ScrollView.js +7 -15
  465. package/es/fragments/scroll-view/ScrollView.tsx +92 -0
  466. package/es/index.d.ts +8 -0
  467. package/es/index.js +5 -1
  468. package/es/shared/Context.js +11 -4
  469. package/es/shared/locales/en-GB.js +5 -0
  470. package/es/shared/locales/nb-NO.js +5 -0
  471. package/es/style/core/helper-classes/skip-link.scss +1 -1
  472. package/es/style/dnb-ui-components.css +716 -0
  473. package/es/style/dnb-ui-components.min.css +3 -3
  474. package/es/style/dnb-ui-components.scss +4 -0
  475. package/es/style/dnb-ui-elements.css +3 -0
  476. package/es/style/dnb-ui-elements.min.css +1 -1
  477. package/es/style/dnb-ui-extensions.css +0 -1
  478. package/es/style/dnb-ui-extensions.min.css +1 -1
  479. package/es/style/dnb-ui-tags.css +6 -0
  480. package/es/style/dnb-ui-tags.min.css +2 -2
  481. package/es/style/elements/code.scss +3 -0
  482. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.css +226 -0
  483. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
  484. package/es/style/themes/theme-ui/dnb-theme-ui.css +226 -0
  485. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
  486. package/es/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  487. package/esm/components/Avatar.d.ts +14 -0
  488. package/esm/components/Avatar.js +3 -0
  489. package/esm/components/InfoCard.d.ts +14 -0
  490. package/esm/components/InfoCard.js +3 -0
  491. package/esm/components/Tag.d.ts +14 -0
  492. package/esm/components/Tag.js +3 -0
  493. package/esm/components/Timeline.d.ts +14 -0
  494. package/esm/components/Timeline.js +3 -0
  495. package/esm/components/accordion/Accordion.d.ts +7 -7
  496. package/esm/components/autocomplete/Autocomplete.d.ts +13 -13
  497. package/esm/components/avatar/Avatar.js +89 -0
  498. package/esm/components/avatar/Avatar.tsx +163 -0
  499. package/esm/components/avatar/AvatarGroup.js +94 -0
  500. package/esm/components/avatar/AvatarGroup.tsx +167 -0
  501. package/esm/components/avatar/index.d.ts +8 -0
  502. package/esm/components/avatar/index.js +3 -0
  503. package/esm/components/avatar/style/_avatar.scss +145 -0
  504. package/esm/components/avatar/style/dnb-avatar.css +218 -0
  505. package/esm/components/avatar/style/dnb-avatar.min.css +1 -0
  506. package/esm/components/avatar/style/dnb-avatar.scss +12 -0
  507. package/esm/components/avatar/style/index.d.ts +6 -0
  508. package/esm/components/avatar/style/index.js +1 -0
  509. package/esm/components/avatar/style/themes/dnb-avatar-theme-ui.css +36 -0
  510. package/esm/components/avatar/style/themes/dnb-avatar-theme-ui.min.css +1 -0
  511. package/esm/components/avatar/style/themes/dnb-avatar-theme-ui.scss +29 -0
  512. package/esm/components/avatar/style/themes/ui.js +1 -0
  513. package/esm/components/avatar/style.js +1 -0
  514. package/esm/components/breadcrumb/BreadcrumbItem.js +3 -3
  515. package/esm/components/breadcrumb/BreadcrumbItem.tsx +2 -2
  516. package/esm/components/button/Button.d.ts +7 -7
  517. package/esm/components/button/Button.js +7 -5
  518. package/esm/components/button/style/themes/dnb-button-theme-ui.scss +3 -0
  519. package/esm/components/checkbox/Checkbox.d.ts +3 -3
  520. package/esm/components/date-picker/DatePicker.d.ts +14 -14
  521. package/esm/components/date-picker/DatePicker.js +4 -2
  522. package/esm/components/date-picker/DatePickerAddon.d.ts +1 -1
  523. package/esm/components/date-picker/DatePickerCalendar.d.ts +1 -1
  524. package/esm/components/date-picker/DatePickerFooter.d.ts +1 -0
  525. package/esm/components/date-picker/DatePickerFooter.js +10 -6
  526. package/esm/components/date-picker/DatePickerInput.d.ts +1 -1
  527. package/esm/components/dropdown/Dropdown.d.ts +11 -10
  528. package/esm/components/form-label/FormLabel.d.ts +1 -1
  529. package/esm/components/form-row/FormRow.d.ts +4 -4
  530. package/esm/components/form-set/FormSet.d.ts +5 -5
  531. package/esm/components/global-error/GlobalError.d.ts +1 -1
  532. package/esm/components/global-status/GlobalStatus.d.ts +5 -5
  533. package/esm/components/heading/Heading.d.ts +2 -2
  534. package/esm/components/heading/HeadingProvider.d.ts +2 -2
  535. package/esm/components/help-button/HelpButton.d.ts +1 -1
  536. package/esm/components/help-button/HelpButtonInstance.d.ts +3 -2
  537. package/esm/components/icon/Icon.d.ts +2 -2
  538. package/esm/components/index.d.ts +8 -0
  539. package/esm/components/index.js +5 -1
  540. package/esm/components/info-card/InfoCard.js +140 -0
  541. package/esm/components/info-card/InfoCard.tsx +249 -0
  542. package/esm/components/info-card/index.d.ts +8 -0
  543. package/esm/components/info-card/index.js +3 -0
  544. package/esm/components/info-card/style/_info-card.scss +52 -0
  545. package/esm/components/info-card/style/dnb-info-card.css +135 -0
  546. package/esm/components/info-card/style/dnb-info-card.min.css +1 -0
  547. package/esm/components/info-card/style/dnb-info-card.scss +12 -0
  548. package/esm/components/info-card/style/index.d.ts +6 -0
  549. package/esm/components/info-card/style/index.js +1 -0
  550. package/esm/components/info-card/style.js +1 -0
  551. package/esm/components/input/Input.d.ts +11 -10
  552. package/esm/components/input-masked/InputMasked.d.ts +11 -11
  553. package/esm/components/input-masked/InputMasked.js +6 -4
  554. package/esm/components/input-masked/InputMaskedHooks.js +43 -46
  555. package/esm/components/input-masked/InputMaskedUtils.js +9 -20
  556. package/esm/components/lib.js +9 -1
  557. package/esm/components/modal/Modal.js +146 -278
  558. package/esm/components/modal/Modal.tsx +524 -0
  559. package/esm/components/modal/ModalContent.js +162 -256
  560. package/esm/components/modal/ModalContent.tsx +515 -0
  561. package/esm/components/modal/ModalContext.tsx +10 -0
  562. package/esm/components/modal/ModalRoot.js +145 -0
  563. package/esm/components/modal/ModalRoot.tsx +131 -0
  564. package/esm/components/modal/components/CloseButton.js +72 -0
  565. package/esm/components/modal/components/CloseButton.tsx +56 -0
  566. package/esm/components/modal/components/ModalHeader.js +70 -0
  567. package/esm/components/modal/components/ModalHeader.tsx +79 -0
  568. package/esm/components/modal/components/ModalHeaderBar.js +122 -0
  569. package/esm/components/modal/components/ModalHeaderBar.tsx +118 -0
  570. package/esm/components/modal/{ModalInner.js → components/ModalInner.js} +11 -17
  571. package/esm/components/modal/components/ModalInner.tsx +45 -0
  572. package/esm/components/modal/helpers.js +64 -0
  573. package/esm/components/modal/helpers.ts +63 -0
  574. package/esm/components/modal/types.js +1 -0
  575. package/esm/components/modal/{Modal.d.ts → types.ts} +125 -179
  576. package/esm/components/number-format/NumberFormat.d.ts +10 -10
  577. package/esm/components/pagination/Pagination.d.ts +30 -30
  578. package/esm/components/pagination/Pagination.js +7 -0
  579. package/esm/components/pagination/PaginationProvider.d.ts +2 -2
  580. package/esm/components/radio/Radio.d.ts +5 -5
  581. package/esm/components/radio/RadioGroup.d.ts +4 -4
  582. package/esm/components/section/Section.d.ts +3 -1
  583. package/esm/components/skeleton/Skeleton.d.ts +2 -2
  584. package/esm/components/slider/Slider.d.ts +5 -5
  585. package/esm/components/step-indicator/StepIndicator.d.ts +6 -6
  586. package/esm/components/step-indicator/StepIndicatorContext.d.ts +1 -1
  587. package/esm/components/step-indicator/StepIndicatorItem.d.ts +3 -3
  588. package/esm/components/step-indicator/StepIndicatorItem.js +1 -0
  589. package/esm/components/step-indicator/StepIndicatorSidebar.d.ts +4 -4
  590. package/esm/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  591. package/esm/components/switch/Switch.d.ts +6 -6
  592. package/esm/components/tabs/Tabs.d.ts +8 -8
  593. package/esm/components/tabs/TabsContentWrapper.d.ts +2 -2
  594. package/esm/components/tabs/TabsCustomContent.d.ts +1 -1
  595. package/esm/components/tag/Tag.js +122 -0
  596. package/esm/components/tag/Tag.tsx +194 -0
  597. package/esm/components/tag/TagContext.js +2 -0
  598. package/esm/components/tag/TagContext.tsx +3 -0
  599. package/esm/components/tag/TagGroup.js +60 -0
  600. package/esm/components/tag/TagGroup.tsx +80 -0
  601. package/esm/components/tag/index.d.ts +8 -0
  602. package/esm/components/tag/index.js +3 -0
  603. package/esm/components/tag/style/_tag.scss +90 -0
  604. package/esm/components/tag/style/dnb-tag.css +925 -0
  605. package/esm/components/tag/style/dnb-tag.min.css +1 -0
  606. package/esm/components/tag/style/dnb-tag.scss +15 -0
  607. package/esm/components/tag/style/index.d.ts +6 -0
  608. package/esm/components/tag/style/index.js +1 -0
  609. package/esm/components/tag/style/themes/_tag-mixins.scss +18 -0
  610. package/esm/components/tag/style.js +1 -0
  611. package/esm/components/textarea/Textarea.d.ts +4 -4
  612. package/esm/components/timeline/Timeline.js +57 -0
  613. package/esm/components/timeline/Timeline.tsx +91 -0
  614. package/esm/components/timeline/TimelineItem.js +112 -0
  615. package/esm/components/timeline/TimelineItem.tsx +193 -0
  616. package/esm/components/timeline/index.d.ts +8 -0
  617. package/esm/components/timeline/index.js +3 -0
  618. package/esm/components/timeline/style/_timeline.scss +42 -0
  619. package/esm/components/timeline/style/dnb-timeline.css +307 -0
  620. package/esm/components/timeline/style/dnb-timeline.min.css +1 -0
  621. package/esm/components/timeline/style/dnb-timeline.scss +12 -0
  622. package/esm/components/timeline/style/index.d.ts +6 -0
  623. package/esm/components/timeline/style/index.js +1 -0
  624. package/esm/components/timeline/style/themes/dnb-timeline-theme-ui.css +185 -0
  625. package/esm/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +1 -0
  626. package/esm/components/timeline/style/themes/dnb-timeline-theme-ui.scss +105 -0
  627. package/esm/components/timeline/style/themes/ui.js +1 -0
  628. package/esm/components/timeline/style.js +1 -0
  629. package/esm/components/toggle-button/ToggleButton.d.ts +7 -7
  630. package/esm/components/toggle-button/ToggleButtonGroup.d.ts +4 -4
  631. package/esm/components/tooltip/Tooltip.d.ts +5 -5
  632. package/esm/components/tooltip/TooltipContainer.d.ts +3 -3
  633. package/esm/components/tooltip/TooltipPortal.d.ts +1 -1
  634. package/esm/components/tooltip/TooltipWithEvents.d.ts +1 -1
  635. package/esm/dnb-ui-components.min.mjs +4 -4
  636. package/esm/dnb-ui-elements.min.mjs +1 -1
  637. package/esm/dnb-ui-extensions.min.mjs +3 -3
  638. package/esm/dnb-ui-lib.min.mjs +4 -4
  639. package/esm/dnb-ui-web-components.min.mjs +4 -4
  640. package/esm/elements/Img.d.ts +1 -1
  641. package/esm/extensions/payment-card/PaymentCard.d.ts +1 -1
  642. package/esm/extensions/payment-card/style/_payment-card.scss +0 -1
  643. package/esm/extensions/payment-card/style/dnb-payment-card.css +0 -1
  644. package/esm/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  645. package/esm/fragments/drawer-list/DrawerListProvider.js +1 -0
  646. package/esm/fragments/scroll-view/ScrollView.js +10 -16
  647. package/esm/fragments/scroll-view/ScrollView.tsx +92 -0
  648. package/esm/index.d.ts +8 -0
  649. package/esm/index.js +5 -1
  650. package/esm/shared/Context.js +11 -4
  651. package/esm/shared/locales/en-GB.js +5 -0
  652. package/esm/shared/locales/nb-NO.js +5 -0
  653. package/esm/style/core/helper-classes/skip-link.scss +1 -1
  654. package/esm/style/dnb-ui-components.css +716 -0
  655. package/esm/style/dnb-ui-components.min.css +3 -3
  656. package/esm/style/dnb-ui-components.scss +4 -0
  657. package/esm/style/dnb-ui-elements.css +3 -0
  658. package/esm/style/dnb-ui-elements.min.css +1 -1
  659. package/esm/style/dnb-ui-extensions.css +0 -1
  660. package/esm/style/dnb-ui-extensions.min.css +1 -1
  661. package/esm/style/dnb-ui-tags.css +6 -0
  662. package/esm/style/dnb-ui-tags.min.css +2 -2
  663. package/esm/style/elements/code.scss +3 -0
  664. package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.css +226 -0
  665. package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
  666. package/esm/style/themes/theme-ui/dnb-theme-ui.css +226 -0
  667. package/esm/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
  668. package/esm/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  669. package/extensions/payment-card/PaymentCard.d.ts +1 -1
  670. package/extensions/payment-card/style/_payment-card.scss +0 -1
  671. package/extensions/payment-card/style/dnb-payment-card.css +0 -1
  672. package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  673. package/fragments/drawer-list/DrawerListProvider.js +1 -0
  674. package/fragments/scroll-view/ScrollView.js +10 -16
  675. package/fragments/scroll-view/ScrollView.tsx +92 -0
  676. package/index.d.ts +8 -0
  677. package/index.js +5 -1
  678. package/package.json +2 -3
  679. package/shared/Context.js +11 -4
  680. package/shared/locales/en-GB.js +5 -0
  681. package/shared/locales/nb-NO.js +5 -0
  682. package/style/core/helper-classes/skip-link.scss +1 -1
  683. package/style/dnb-ui-components.css +716 -0
  684. package/style/dnb-ui-components.min.css +3 -3
  685. package/style/dnb-ui-components.scss +4 -0
  686. package/style/dnb-ui-elements.css +3 -0
  687. package/style/dnb-ui-elements.min.css +1 -1
  688. package/style/dnb-ui-extensions.css +0 -1
  689. package/style/dnb-ui-extensions.min.css +1 -1
  690. package/style/dnb-ui-tags.css +6 -0
  691. package/style/dnb-ui-tags.min.css +2 -2
  692. package/style/elements/code.scss +3 -0
  693. package/style/themes/theme-open-banking/dnb-theme-open-banking.css +226 -0
  694. package/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +3 -3
  695. package/style/themes/theme-ui/dnb-theme-ui.css +226 -0
  696. package/style/themes/theme-ui/dnb-theme-ui.min.css +3 -3
  697. package/style/themes/theme-ui/dnb-theme-ui.scss +2 -0
  698. package/umd/dnb-ui-components.min.js +5 -5
  699. package/umd/dnb-ui-elements.min.js +3 -3
  700. package/umd/dnb-ui-extensions.min.js +3 -3
  701. package/umd/dnb-ui-lib.min.js +5 -5
  702. package/umd/dnb-ui-web-components.min.js +5 -5
  703. package/cjs/components/modal/ModalContent.d.ts +0 -168
  704. package/cjs/components/modal/ModalHeader.d.ts +0 -73
  705. package/cjs/components/modal/ModalInner.d.ts +0 -20
  706. package/cjs/fragments/scroll-view/ScrollView.d.ts +0 -1
  707. package/components/modal/Modal.d.ts +0 -325
  708. package/components/modal/ModalContent.d.ts +0 -168
  709. package/components/modal/ModalHeader.d.ts +0 -73
  710. package/components/modal/ModalHeader.js +0 -224
  711. package/components/modal/ModalInner.d.ts +0 -20
  712. package/es/components/modal/ModalContent.d.ts +0 -168
  713. package/es/components/modal/ModalHeader.d.ts +0 -73
  714. package/es/components/modal/ModalHeader.js +0 -166
  715. package/es/components/modal/ModalInner.d.ts +0 -20
  716. package/es/fragments/scroll-view/ScrollView.d.ts +0 -1
  717. package/esm/components/modal/ModalContent.d.ts +0 -168
  718. package/esm/components/modal/ModalHeader.d.ts +0 -73
  719. package/esm/components/modal/ModalHeader.js +0 -224
  720. package/esm/components/modal/ModalInner.d.ts +0 -20
  721. package/esm/fragments/scroll-view/ScrollView.d.ts +0 -1
  722. package/fragments/scroll-view/ScrollView.d.ts +0 -1
@@ -8,6 +8,7 @@
8
8
  @import './dnb-ui-fragments.scss';
9
9
  @import '../components/accordion/style/_accordion.scss';
10
10
  @import '../components/autocomplete/style/_autocomplete.scss';
11
+ @import '../components/avatar/style/_avatar.scss';
11
12
  @import '../components/breadcrumb/style/_breadcrumb.scss';
12
13
  @import '../components/button/style/_button.scss';
13
14
  @import '../components/checkbox/style/_checkbox.scss';
@@ -22,6 +23,7 @@
22
23
  @import '../components/heading/style/_heading.scss';
23
24
  @import '../components/help-button/style/_help-button.scss';
24
25
  @import '../components/icon/style/_icon.scss';
26
+ @import '../components/info-card/style/_info-card.scss';
25
27
  @import '../components/input/style/_input.scss';
26
28
  @import '../components/input-masked/style/_input-masked.scss';
27
29
  @import '../components/logo/style/_logo.scss';
@@ -37,6 +39,8 @@
37
39
  @import '../components/step-indicator/style/_step-indicator.scss';
38
40
  @import '../components/switch/style/_switch.scss';
39
41
  @import '../components/tabs/style/_tabs.scss';
42
+ @import '../components/tag/style/_tag.scss';
40
43
  @import '../components/textarea/style/_textarea.scss';
44
+ @import '../components/timeline/style/_timeline.scss';
41
45
  @import '../components/toggle-button/style/_toggle-button.scss';
42
46
  @import '../components/tooltip/style/_tooltip.scss';
@@ -1562,6 +1562,9 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
1562
1562
  margin: -0.25em 0;
1563
1563
  padding: 0.25em 0.25em;
1564
1564
  /* 2px 4px */
1565
+ overflow: auto;
1566
+ -webkit-transform: translateY(0.1875rem);
1567
+ transform: translateY(0.1875rem);
1565
1568
  font-size: inherit;
1566
1569
  text-decoration: inherit;
1567
1570
  line-height: 1em;
@@ -1,2 +1,2 @@
1
1
  @charset "UTF-8";:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08)}button.dnb-anchor{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;line-height:1.625rem;line-height:calc(var(--line-height-basis) + .125rem)}.dnb-anchor{border-radius:0;-webkit-box-shadow:0 .09375rem 0 0 currentColor;box-shadow:0 .09375rem 0 0 currentColor;color:#007272;color:var(--color-sea-green);display:inline;font-size:1.125rem;font-size:var(--font-size-basis);padding:.05575em .125em;text-decoration:none;-webkit-transition:background-color .2s ease-in-out,border-radius .2s ease-in-out,-webkit-box-shadow .18s ease-in-out;transition:background-color .2s ease-in-out,border-radius .2s ease-in-out,-webkit-box-shadow .18s ease-in-out;transition:background-color .2s ease-in-out,box-shadow .18s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s ease-in-out,box-shadow .18s ease-in-out,border-radius .2s ease-in-out,-webkit-box-shadow .18s ease-in-out}.dnb-h--basis .dnb-anchor,.dnb-h--large .dnb-anchor,.dnb-h--medium .dnb-anchor,.dnb-h--small .dnb-anchor,.dnb-h--x-large .dnb-anchor,.dnb-h--x-small .dnb-anchor,.dnb-h--xx-large .dnb-anchor,.dnb-lead .dnb-anchor,.dnb-p .dnb-anchor{font-size:inherit}.dnb-anchor:focus{border-radius:.25em;outline:none}.dnb-anchor:focus:not(:active){background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);text-decoration:none;-webkit-transition:none;transition:none}html[data-whatinput=keyboard] .dnb-anchor:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-anchor:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-anchor:active,.dnb-anchor:hover{background-color:#d2f0e9;background-color:var(--color-mint-green-50);color:#007272;color:var(--color-sea-green)}.dnb-anchor:active,.dnb-anchor:hover{border-radius:.25em;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.dnb-anchor:active{background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=);background-size:0;position:relative}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:-webkit-transform .3s ease-out,-webkit-filter 1s ease-in-out;transition:-webkit-transform .3s ease-out,-webkit-filter 1s ease-in-out;transition:transform .3s ease-out,filter 1s ease-in-out;transition:transform .3s ease-out,filter 1s ease-in-out,-webkit-transform .3s ease-out,-webkit-filter 1s ease-in-out;width:.889em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=)}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-anchor{-webkit-transition:none;transition:none}.dnb-anchor .dnb-icon{display:inline-block;-webkit-transform:translateY(-.0625em);transform:translateY(-.0625em)}.dnb-anchor--hover{background-color:#d2f0e9;background-color:var(--color-mint-green-50);color:#007272;color:var(--color-sea-green)}.dnb-anchor--active,.dnb-anchor--hover{border-radius:.25em;-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.dnb-anchor--active{background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-anchor--focus{border-radius:.25em;outline:none}.dnb-anchor--focus:not(:active){background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);text-decoration:none;-webkit-transition:none;transition:none}html[data-whatinput=mouse] .dnb-anchor--focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-anchor--focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-anchor--no-style{-webkit-box-shadow:none;box-shadow:none;color:inherit;text-decoration:none;-webkit-transition:none;transition:none}.dnb-anchor--no-style:hover{background-color:transparent;color:inherit}.dnb-anchor--no-underline{-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.dnb-anchor--no-hover:hover{background-color:transparent;color:inherit}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation{-webkit-transition:none;transition:none}.dnb-anchor--contrast{-webkit-box-shadow:0 .09375rem 0 0 #fff;box-shadow:0 .09375rem 0 0 #fff;-webkit-box-shadow:0 .09375rem 0 0 var(--color-white);box-shadow:0 .09375rem 0 0 var(--color-white);color:#fff;color:var(--color-white)}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{-webkit-box-shadow:none;box-shadow:none}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{background-color:#fff;background-color:var(--color-white);color:#14555a;color:var(--color-emerald-green)}.dnb-anchor--contrast:not(:disabled):focus{background-color:transparent;color:#fff;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}a.dnb-button{-webkit-transition:none;transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{-webkit-box-shadow:none;box-shadow:none}.dnb-anchor.dnb-skeleton:after,.dnb-skeleton>.dnb-anchor:after{-webkit-filter:grayscale(100%) opacity(.3);filter:grayscale(100%) opacity(.3)}.dnb-small{font-size:1rem;font-size:var(--font-size-small)}.dnb-p{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:1.25rem;font-size:var(--font-size-medium);line-height:1.75rem;line-height:calc(var(--line-height-medium) - .25rem)}.dnb-p--lead>small{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-p--ingress,.dnb-p--medium,.dnb-p b,.dnb-p strong{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:600;font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:3rem;font-size:var(--font-size-xx-large)}.dnb-p__size--x-large,.dnb-p__size--xx-large{line-height:3.5rem;line-height:var(--line-height-x-large)}.dnb-p__size--x-large{font-size:2.125rem;font-size:var(--font-size-x-large)}.dnb-p__size--large{font-size:1.625rem;font-size:var(--font-size-large);line-height:2.5rem;line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:1.25rem;font-size:var(--font-size-medium);line-height:2rem;line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:.875rem;font-size:var(--font-size-x-small);line-height:1.125rem;line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-h--xx-large{font-size:3rem;font-size:var(--font-size-xx-large);line-height:3.5rem;line-height:var(--line-height-x-large)}.dnb-h--xx-large>small{display:block}.dnb-h--x-large,.dnb-h--x-large>small,.dnb-h--xx-large>small{font-size:2.125rem;font-size:var(--font-size-x-large);line-height:2.5rem;line-height:var(--line-height-large)}.dnb-h--x-large>small{display:block}.dnb-h--large{font-size:1.625rem;font-size:var(--font-size-large);line-height:2rem;line-height:var(--line-height-medium)}.dnb-h--large>small{line-height:1.875rem;line-height:calc(var(--line-height-medium) - .125rem)}.dnb-h--large>small,.dnb-h--medium,.dnb-lead{font-size:1.25rem;font-size:var(--font-size-medium)}.dnb-h--medium,.dnb-lead{line-height:1.75rem;line-height:calc(var(--line-height-medium) - .25rem)}.dnb-h--basis,.dnb-h--medium>small,.dnb-lead>small{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-h--basis>small,.dnb-h--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-h--basis>small,.dnb-h--small,.dnb-h--small>small{line-height:1.25rem;line-height:var(--line-height-small)}.dnb-h--small>small,.dnb-h--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-h--x-small{line-height:1.125rem;line-height:var(--line-height-x-small)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{color:currentColor;color:var(--theme-color-black-80,currentColor);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-weight:500;font-weight:var(--font-weight-medium);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space]),.dnb-spacing .dnb-p:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-blockquote{background-color:#00343e;background-color:var(--color-ocean-green);border-radius:1rem;color:#a5e1d2;color:var(--color-mint-green);display:inline-block;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=);background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent;color:currentColor;color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{-webkit-filter:grayscale(1) brightness(24%);filter:grayscale(1) brightness(24%)}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{-webkit-box-shadow:0 .09375rem 0 0 #fff;box-shadow:0 .09375rem 0 0 #fff;-webkit-box-shadow:0 .09375rem 0 0 var(--color-white);box-shadow:0 .09375rem 0 0 var(--color-white);color:#fff;color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover{background-color:#fff;background-color:var(--color-white);-webkit-box-shadow:none;box-shadow:none;color:#14555a;color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{background-color:#fff;background-color:var(--color-white);color:#14555a;color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,.dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{background-color:transparent;color:#fff;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:#a5e1d2;color:var(--color-mint-green)}.dnb-spacing .dnb-blockquote:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-ul{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul--outside li,.dnb-ul li{position:relative}.dnb-ul--outside li:before,.dnb-ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:left;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol--outside li,.dnb-ol li{position:relative}.dnb-ol--outside li:before,.dnb-ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:left;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li:before,.dnb-ol[type] li li:before{content:none}.dnb-dl{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space]){margin:0}.dnb-dl>dt{font-weight:500;font-weight:var(--font-weight-medium);padding:0}.dnb-dl dt{margin-top:1rem}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl>dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dl,.dnb-dl>dl{margin-left:2rem;margin-top:1.5rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]),.dnb-spacing .dnb-ul:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:1rem;margin-bottom:var(--spacing-small);margin-top:0;overflow:auto;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table .dnb-table__td,.dnb-table .dnb-table__th,.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th{border-bottom:1px solid transparent;border-spacing:0;font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);word-break:keep-all}.dnb-table .dnb-table__th,.dnb-table>thead>tr>th,.dnb-table>tr>th{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-bottom:1px solid #a5e1d2;border-bottom:1px solid var(--color-mint-green);color:#14555a;color:var(--color-emerald-green);font-weight:500;font-weight:var(--font-weight-medium);padding:3rem 1rem .5rem;padding:var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);vertical-align:bottom}.dnb-table .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table>thead>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),.dnb-table>tr>th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center){text-align:inherit}@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal){.dnb-table .dnb-table__th,.dnb-table>thead>tr>th,.dnb-table>tr>th{padding-bottom:calc(.5rem - .5px);padding-bottom:calc(var(--spacing-x-small) - .5px)}}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#14555a;color:var(--color-emerald-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text{font-size:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text:after{color:#14555a;color:var(--color-emerald-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]){color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
2
- .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th.dnb-table--no-wrap,.dnb-table>tbody>tr>th.dnb-table--no-wrap,.dnb-table>thead>tr>th.dnb-table--no-wrap{white-space:nowrap}.dnb-table .dnb-table__td,.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row]{color:currentColor;color:var(--theme-color-black-80,currentColor);padding:1rem;padding:var(--spacing-small);padding-bottom:1.188rem;padding-bottom:calc(var(--spacing-small)*1.188);padding-top:1.25rem;padding-top:calc(var(--spacing-small)*1.25)}.dnb-table .dnb-table--odd:not(.dnb-table--ignore),.dnb-table .dnb-table__tr:not(.dnb-table--ignore),.dnb-table>tbody>tr:not(.dnb-table--ignore){background-color:#fff;background-color:var(--color-white)}.dnb-table .dnb-table--even:not(.dnb-table--ignore),.dnb-table .dnb-table__tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),.dnb-table>tbody>tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore){background-color:#f4fbf9;background-color:var(--color-mint-green-12)}.dnb-table .dnb-table__tr:last-of-type .dnb-table__td,.dnb-table>tbody>tr:last-of-type>td{border-bottom:1px solid #d2f0e9;border-bottom:1px solid var(--color-mint-green-50)}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table>caption{caption-side:bottom;font-size:1rem;font-size:var(--font-size-small);margin-top:.5rem;margin-top:var(--spacing-x-small)}.dnb-table tr.sticky{top:0}.dnb-table tr.sticky th{position:sticky;top:inherit;z-index:2}.dnb-table tr.sticky th:after{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;opacity:0;position:absolute;right:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}[data-visual-test-wrapper] .dnb-table tr.sticky th:after{-webkit-transition:none;transition:none}.dnb-table tr.sticky.show-shadow th:after{opacity:1}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}.dnb-label{word-wrap:break-word;color:#333;color:var(--color-black-80);cursor:pointer}.dnb-label[disabled]{cursor:not-allowed}.dnb-form{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-code{background-color:#e9f8f4;background-color:var(--color-mint-green-25);border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:1em;line-height:var(--line-height-xx-small--em);margin:-.25em 0;padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-pre{word-wrap:normal;background-color:#222;border-radius:.5rem;color:#f4fbf9;color:var(--color-mint-green-12);display:block;font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;outline:none;padding:1rem;-moz-tab-size:2;-o-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .25rem var(--border-color);box-shadow:0 0 0 .25rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-pre.dnb-pre--focus{-webkit-box-shadow:0 0 0 .25rem #007272;box-shadow:0 0 0 .25rem #007272;-webkit-box-shadow:0 0 0 .25rem var(--color-sea-green);box-shadow:0 0 0 .25rem var(--color-sea-green)}}.dnb-spacing .dnb-pre:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-img{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#ebebeb;background-color:var(--color-black-8);border-radius:inherit;color:#333;color:var(--color-black-80);content:attr(alt);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-img__img--error{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-hr,.dnb-img__img--error{color:#333;color:var(--color-black-80)}.dnb-hr{border:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentColor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-50vw;right:-50vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(60%,currentColor),color-stop(65%,transparent));background-image:linear-gradient(180deg,currentColor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(51%,currentColor),color-stop(51%,transparent));background-image:linear-gradient(180deg,currentColor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}
2
+ .dnb-table>thead>tr>th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard] .dnb-table>thead>tr>th.dnb-table--active .dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-anchor .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th.dnb-table--no-wrap,.dnb-table>tbody>tr>th.dnb-table--no-wrap,.dnb-table>thead>tr>th.dnb-table--no-wrap{white-space:nowrap}.dnb-table .dnb-table__td,.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row]{color:currentColor;color:var(--theme-color-black-80,currentColor);padding:1rem;padding:var(--spacing-small);padding-bottom:1.188rem;padding-bottom:calc(var(--spacing-small)*1.188);padding-top:1.25rem;padding-top:calc(var(--spacing-small)*1.25)}.dnb-table .dnb-table--odd:not(.dnb-table--ignore),.dnb-table .dnb-table__tr:not(.dnb-table--ignore),.dnb-table>tbody>tr:not(.dnb-table--ignore){background-color:#fff;background-color:var(--color-white)}.dnb-table .dnb-table--even:not(.dnb-table--ignore),.dnb-table .dnb-table__tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore),.dnb-table>tbody>tr:not(.dnb-table--odd):nth-of-type(2n):not(.dnb-table--ignore){background-color:#f4fbf9;background-color:var(--color-mint-green-12)}.dnb-table .dnb-table__tr:last-of-type .dnb-table__td,.dnb-table>tbody>tr:last-of-type>td{border-bottom:1px solid #d2f0e9;border-bottom:1px solid var(--color-mint-green-50)}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table>caption{caption-side:bottom;font-size:1rem;font-size:var(--font-size-small);margin-top:.5rem;margin-top:var(--spacing-x-small)}.dnb-table tr.sticky{top:0}.dnb-table tr.sticky th{position:sticky;top:inherit;z-index:2}.dnb-table tr.sticky th:after{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;opacity:0;position:absolute;right:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}[data-visual-test-wrapper] .dnb-table tr.sticky th:after{-webkit-transition:none;transition:none}.dnb-table tr.sticky.show-shadow th:after{opacity:1}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}.dnb-label{word-wrap:break-word;color:#333;color:var(--color-black-80);cursor:pointer}.dnb-label[disabled]{cursor:not-allowed}.dnb-form{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-code{background-color:#e9f8f4;background-color:var(--color-mint-green-25);border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:1em;line-height:var(--line-height-xx-small--em);margin:-.25em 0;overflow:auto;padding:.25em;text-decoration:inherit;-webkit-transform:translateY(.1875rem);transform:translateY(.1875rem)}del .dnb-code{text-decoration:line-through}.dnb-pre{word-wrap:normal;background-color:#222;border-radius:.5rem;color:#f4fbf9;color:var(--color-mint-green-12);display:block;font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;outline:none;padding:1rem;-moz-tab-size:2;-o-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:0 0 0 .25rem var(--border-color);box-shadow:0 0 0 .25rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-pre.dnb-pre--focus{-webkit-box-shadow:0 0 0 .25rem #007272;box-shadow:0 0 0 .25rem #007272;-webkit-box-shadow:0 0 0 .25rem var(--color-sea-green);box-shadow:0 0 0 .25rem var(--color-sea-green)}}.dnb-spacing .dnb-pre:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-img{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#ebebeb;background-color:var(--color-black-8);border-radius:inherit;color:#333;color:var(--color-black-80);content:attr(alt);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-img__img--error{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-hr,.dnb-img__img--error{color:#333;color:var(--color-black-80)}.dnb-hr{border:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentColor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-50vw;right:-50vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(60%,currentColor),color-stop(65%,transparent));background-image:linear-gradient(180deg,currentColor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(51%,currentColor),color-stop(51%,transparent));background-image:linear-gradient(180deg,currentColor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space]){margin-bottom:1.5rem;margin-top:0}
@@ -11,7 +11,6 @@
11
11
  *
12
12
  */
13
13
  :root {
14
- --dnb-payment-shadow-figma: 0 8px 16px rgba(51, 51, 51, 0.08);
15
14
  --dnb-payment-bg-default: linear-gradient(
16
15
  184.55deg,
17
16
  var(--color-sea-green) 6.31%,
@@ -1 +1 @@
1
- :root{--dnb-payment-shadow-figma:0 8px 16px rgba(51,51,51,.08);--dnb-payment-bg-default:linear-gradient(184.55deg,var(--color-sea-green) 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-silver:linear-gradient(184.55deg,var(--color-black-20) 4.63%,var(--color-black-8) 82.87%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);--dnb-payment-bg-business-no-visa:linear-gradient(184.55deg,#50c9de 6.31%,var(--color-sky-blue) 82.66%);--dnb-payment-bg-business-with-visa:linear-gradient(184.55deg,#2cc48e 6.31%,var(--color-summer-green) 82.66%)}.dnb-payment-card{margin:0}.dnb-payment-card__card{background:#007272;background:var(--color-sea-green);border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);color:#fff;color:var(--color-white);height:53.98mm;padding:6mm;position:relative;-webkit-transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:linear-gradient(184.55deg,#007272 6.31%,#007272 82.66%);background:var(--dnb-payment-bg-default);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:linear-gradient(.52turn,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;background:var(--dnb-payment-bg-pluss);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-white{background:linear-gradient(184.55deg,#fafafa 4.63%,#fff 92.04%);background:var(--dnb-payment-bg-white);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-silver{background:linear-gradient(184.55deg,#ccc 4.63%,#ebebeb 82.87%);background:var(--dnb-payment-bg-silver);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);background:var(--dnb-payment-bg-gold);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-saga{background:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);background:var(--dnb-payment-bg-saga);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-private{background:#333;background:var(--color-black-80);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-black{background:#000;background:var(--color-black);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:linear-gradient(184.55deg,#50c9de 6.31%,#4bbed2 82.66%);background:var(--dnb-payment-bg-business-no-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:linear-gradient(184.55deg,#2cc48e 6.31%,#28b482 82.66%);background:var(--dnb-payment-bg-business-with-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card:after{background-image:radial-gradient(farthest-corner at 80%,at 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80%,at 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);background-image:radial-gradient(farthest-corner at 80% 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80% 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{opacity:.5;text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.25rem;font-size:var(--font-size-medium)}.dnb-payment-card__card__credit-type{bottom:0;height:51px;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center,.dnb-payment-card__blocking__overlay{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-payment-card__blocking__center{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#333;background:var(--color-black-80);border-radius:4px;color:#fbf6ec;color:var(--color-sand-yellow);-ms-flex-direction:column;flex-direction:column;height:77px;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricPrecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:#fff;background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:#333;color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;top:0}.dnb-payment-card--compact .dnb-payment-card__blocking__center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;justify-content:center;width:100%}
1
+ :root{--dnb-payment-bg-default:linear-gradient(184.55deg,var(--color-sea-green) 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-silver:linear-gradient(184.55deg,var(--color-black-20) 4.63%,var(--color-black-8) 82.87%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);--dnb-payment-bg-business-no-visa:linear-gradient(184.55deg,#50c9de 6.31%,var(--color-sky-blue) 82.66%);--dnb-payment-bg-business-with-visa:linear-gradient(184.55deg,#2cc48e 6.31%,var(--color-summer-green) 82.66%)}.dnb-payment-card{margin:0}.dnb-payment-card__card{background:#007272;background:var(--color-sea-green);border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);color:#fff;color:var(--color-white);height:53.98mm;padding:6mm;position:relative;-webkit-transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:linear-gradient(184.55deg,#007272 6.31%,#007272 82.66%);background:var(--dnb-payment-bg-default);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:linear-gradient(.52turn,#14555a 6.31%,rgba(0,52,62,.4) 82.66%),#14555a;background:var(--dnb-payment-bg-pluss);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-white{background:linear-gradient(184.55deg,#fafafa 4.63%,#fff 92.04%);background:var(--dnb-payment-bg-white);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-silver{background:linear-gradient(184.55deg,#ccc 4.63%,#ebebeb 82.87%);background:var(--dnb-payment-bg-silver);color:#333;color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);background:var(--dnb-payment-bg-gold);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-saga{background:linear-gradient(184.55deg,#241e23 6.31%,#251d23 85.2%);background:var(--dnb-payment-bg-saga);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-private{background:#333;background:var(--color-black-80);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-black{background:#000;background:var(--color-black);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:linear-gradient(184.55deg,#50c9de 6.31%,#4bbed2 82.66%);background:var(--dnb-payment-bg-business-no-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:linear-gradient(184.55deg,#2cc48e 6.31%,#28b482 82.66%);background:var(--dnb-payment-bg-business-with-visa);color:#fff;color:var(--color-white)}.dnb-payment-card__card:after{background-image:radial-gradient(farthest-corner at 80%,at 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80%,at 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);background-image:radial-gradient(farthest-corner at 80% 30%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 60%,rgba(6,6,6,0) 99%);background-image:radial-gradient(farthest-corner at 80% 30%,#f7f6e61f 0,#06060600 60%,#06060600 99%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{opacity:.5;text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.25rem;font-size:var(--font-size-medium)}.dnb-payment-card__card__credit-type{bottom:0;height:51px;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center,.dnb-payment-card__blocking__overlay{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-payment-card__blocking__center{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#333;background:var(--color-black-80);border-radius:4px;color:#fbf6ec;color:var(--color-sand-yellow);-ms-flex-direction:column;flex-direction:column;height:77px;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricPrecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:#fff;background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:#333;color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;top:0}.dnb-payment-card--compact .dnb-payment-card__blocking__center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;justify-content:center;width:100%}
@@ -1566,6 +1566,9 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
1566
1566
  margin: -0.25em 0;
1567
1567
  padding: 0.25em 0.25em;
1568
1568
  /* 2px 4px */
1569
+ overflow: auto;
1570
+ -webkit-transform: translateY(0.1875rem);
1571
+ transform: translateY(0.1875rem);
1569
1572
  font-size: inherit;
1570
1573
  text-decoration: inherit;
1571
1574
  line-height: 1em;
@@ -3019,6 +3022,9 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
3019
3022
  margin: -0.25em 0;
3020
3023
  padding: 0.25em 0.25em;
3021
3024
  /* 2px 4px */
3025
+ overflow: auto;
3026
+ -webkit-transform: translateY(0.1875rem);
3027
+ transform: translateY(0.1875rem);
3022
3028
  font-size: inherit;
3023
3029
  text-decoration: inherit;
3024
3030
  line-height: 1em;