@dnb/eufemia 10.27.0 → 10.29.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 (807) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/cjs/components/anchor/style/anchor-mixins.scss +14 -20
  3. package/cjs/components/anchor/style/dnb-anchor.css +20 -34
  4. package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
  5. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +2 -2
  6. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  7. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +1 -1
  8. package/cjs/components/aria-live/useAriaLive.d.ts +1 -1
  9. package/cjs/components/autocomplete/Autocomplete.d.ts +19 -5
  10. package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +2 -2
  11. package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  12. package/cjs/components/breadcrumb/style/dnb-breadcrumb.scss +2 -2
  13. package/cjs/components/checkbox/CheckIcon.d.ts +5 -0
  14. package/cjs/components/checkbox/CheckIcon.js +39 -0
  15. package/cjs/components/checkbox/CheckIcon.js.map +1 -0
  16. package/cjs/components/checkbox/Checkbox.d.ts +90 -92
  17. package/cjs/components/checkbox/Checkbox.js +145 -248
  18. package/cjs/components/checkbox/Checkbox.js.map +1 -1
  19. package/cjs/components/dropdown/Dropdown.d.ts +22 -5
  20. package/cjs/components/height-animation/HeightAnimationInstance.js +5 -0
  21. package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
  22. package/cjs/components/icon/style/dnb-icon.css +1 -0
  23. package/cjs/components/icon/style/dnb-icon.min.css +1 -1
  24. package/cjs/components/icon/style/dnb-icon.scss +1 -0
  25. package/cjs/components/progress-indicator/ProgressIndicator.d.ts +2 -52
  26. package/cjs/components/progress-indicator/ProgressIndicator.js +27 -14
  27. package/cjs/components/progress-indicator/ProgressIndicator.js.map +1 -1
  28. package/cjs/components/progress-indicator/ProgressIndicatorCircular.d.ts +2 -23
  29. package/cjs/components/progress-indicator/ProgressIndicatorCircular.js +63 -27
  30. package/cjs/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  31. package/cjs/components/progress-indicator/ProgressIndicatorDocs.d.ts +1 -0
  32. package/cjs/components/progress-indicator/ProgressIndicatorDocs.js +45 -11
  33. package/cjs/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  34. package/cjs/components/progress-indicator/ProgressIndicatorLinear.d.ts +2 -22
  35. package/cjs/components/progress-indicator/ProgressIndicatorLinear.js +18 -10
  36. package/cjs/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  37. package/cjs/components/progress-indicator/style/dnb-progress-indicator.css +52 -55
  38. package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  39. package/cjs/components/progress-indicator/style/dnb-progress-indicator.scss +65 -69
  40. package/cjs/components/progress-indicator/types.d.ts +95 -0
  41. package/cjs/components/progress-indicator/types.js +11 -0
  42. package/cjs/components/progress-indicator/types.js.map +1 -0
  43. package/cjs/components/tabs/style/dnb-tabs.css +1 -1
  44. package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
  45. package/cjs/components/tabs/style/dnb-tabs.scss +1 -1
  46. package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.css +1 -0
  47. package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.min.css +1 -1
  48. package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.scss +1 -0
  49. package/cjs/extensions/forms/DataContext/Context.d.ts +5 -1
  50. package/cjs/extensions/forms/DataContext/Context.js +0 -1
  51. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  52. package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +17 -5
  53. package/cjs/extensions/forms/DataContext/Provider/Provider.js +60 -30
  54. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  55. package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js +12 -2
  56. package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  57. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +1 -1
  58. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  59. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +5 -2
  60. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  61. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +5 -2
  62. package/cjs/extensions/forms/Field/Name/Name.d.ts +10 -0
  63. package/cjs/extensions/forms/Field/Name/Name.js +73 -0
  64. package/cjs/extensions/forms/Field/Name/Name.js.map +1 -0
  65. package/cjs/extensions/forms/Field/Name/NameDocs.d.ts +2 -0
  66. package/cjs/extensions/forms/Field/Name/NameDocs.js +15 -0
  67. package/cjs/extensions/forms/Field/Name/NameDocs.js.map +1 -0
  68. package/cjs/extensions/forms/Field/Name/index.d.ts +2 -0
  69. package/cjs/extensions/forms/Field/Name/index.js +27 -0
  70. package/cjs/extensions/forms/Field/Name/index.js.map +1 -0
  71. package/cjs/extensions/forms/Field/Number/Number.d.ts +2 -2
  72. package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
  73. package/cjs/extensions/forms/Field/Option/Option.d.ts +2 -0
  74. package/cjs/extensions/forms/Field/Option/Option.js +21 -0
  75. package/cjs/extensions/forms/Field/Option/Option.js.map +1 -1
  76. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  77. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +25 -0
  78. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  79. package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
  80. package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  81. package/cjs/extensions/forms/Field/Selection/Selection.d.ts +11 -4
  82. package/cjs/extensions/forms/Field/Selection/Selection.js +20 -32
  83. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  84. package/cjs/extensions/forms/Field/Selection/SelectionDocs.d.ts +2 -0
  85. package/cjs/extensions/forms/Field/Selection/SelectionDocs.js +45 -0
  86. package/cjs/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -0
  87. package/cjs/extensions/forms/Field/String/String.d.ts +2 -2
  88. package/cjs/extensions/forms/Field/String/String.js.map +1 -1
  89. package/cjs/extensions/forms/Field/index.d.ts +1 -0
  90. package/cjs/extensions/forms/Field/index.js +7 -0
  91. package/cjs/extensions/forms/Field/index.js.map +1 -1
  92. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -3
  93. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  94. package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  95. package/cjs/extensions/forms/Form/Handler/Handler.js +8 -2
  96. package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
  97. package/cjs/extensions/forms/Form/MainHeading/MainHeading.js +1 -1
  98. package/cjs/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  99. package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -3
  100. package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  101. package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +1 -1
  102. package/cjs/extensions/forms/Form/SubHeading/SubHeading.js +1 -1
  103. package/cjs/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  104. package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +2 -2
  105. package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  106. package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +1 -1
  107. package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +2 -2
  108. package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
  109. package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.css +13 -13
  110. package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.min.css +1 -1
  111. package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +1 -1
  112. package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js +2 -2
  113. package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  114. package/cjs/extensions/forms/Form/data-context/getData.d.ts +3 -2
  115. package/cjs/extensions/forms/Form/data-context/getData.js +9 -0
  116. package/cjs/extensions/forms/Form/data-context/getData.js.map +1 -1
  117. package/cjs/extensions/forms/Form/data-context/useData.d.ts +5 -2
  118. package/cjs/extensions/forms/Form/data-context/useData.js +15 -6
  119. package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
  120. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +5 -5
  121. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  122. package/cjs/extensions/forms/Iterate/Array/Array.js +6 -4
  123. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  124. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  125. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  126. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +7 -3
  127. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  128. package/cjs/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
  129. package/cjs/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  130. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  131. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  132. package/cjs/extensions/forms/Iterate/Toolbar/Toolbar.js +1 -1
  133. package/cjs/extensions/forms/Iterate/Toolbar/Toolbar.js.map +1 -1
  134. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  135. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  136. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.css +15 -15
  137. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  138. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.scss +4 -2
  139. package/cjs/extensions/forms/Value/Boolean/Boolean.js +8 -3
  140. package/cjs/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  141. package/cjs/extensions/forms/Value/Name/Name.d.ts +10 -0
  142. package/cjs/extensions/forms/Value/Name/Name.js +50 -0
  143. package/cjs/extensions/forms/Value/Name/Name.js.map +1 -0
  144. package/cjs/extensions/forms/Value/Name/index.d.ts +2 -0
  145. package/cjs/extensions/forms/Value/Name/index.js +27 -0
  146. package/cjs/extensions/forms/Value/Name/index.js.map +1 -0
  147. package/cjs/extensions/forms/Value/OrganizationNumber/OrganizationNumber.d.ts +7 -0
  148. package/cjs/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js +36 -0
  149. package/cjs/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js.map +1 -0
  150. package/cjs/extensions/forms/Value/OrganizationNumber/index.d.ts +2 -0
  151. package/cjs/extensions/forms/Value/OrganizationNumber/index.js +27 -0
  152. package/cjs/extensions/forms/Value/OrganizationNumber/index.js.map +1 -0
  153. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.d.ts +7 -0
  154. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js +41 -0
  155. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -0
  156. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  157. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +20 -0
  158. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  159. package/cjs/extensions/forms/Value/PostalCodeAndCity/index.d.ts +2 -0
  160. package/cjs/extensions/forms/Value/PostalCodeAndCity/index.js +27 -0
  161. package/cjs/extensions/forms/Value/PostalCodeAndCity/index.js.map +1 -0
  162. package/cjs/extensions/forms/Value/String/String.js +8 -3
  163. package/cjs/extensions/forms/Value/String/String.js.map +1 -1
  164. package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +1 -1
  165. package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
  166. package/cjs/extensions/forms/Value/ValueDocs.js +6 -1
  167. package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -1
  168. package/cjs/extensions/forms/Value/index.d.ts +3 -0
  169. package/cjs/extensions/forms/Value/index.js +21 -0
  170. package/cjs/extensions/forms/Value/index.js.map +1 -1
  171. package/cjs/extensions/forms/ValueBlock/ValueBlock.js +2 -1
  172. package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  173. package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css +11 -6
  174. package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
  175. package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss +11 -3
  176. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +17 -52
  177. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  178. package/cjs/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts +9 -0
  179. package/cjs/extensions/forms/Wizard/Container/useHandleLayoutEffect.js +53 -0
  180. package/cjs/extensions/forms/Wizard/Container/useHandleLayoutEffect.js.map +1 -0
  181. package/cjs/extensions/forms/Wizard/Container/useStepAnimation.d.ts +4 -0
  182. package/cjs/extensions/forms/Wizard/Container/useStepAnimation.js +37 -0
  183. package/cjs/extensions/forms/Wizard/Container/useStepAnimation.js.map +1 -0
  184. package/cjs/extensions/forms/Wizard/Step/Step.js +13 -1
  185. package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
  186. package/cjs/extensions/forms/Wizard/hooks/useStep.js +5 -2
  187. package/cjs/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  188. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.css +29 -2
  189. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  190. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.scss +35 -2
  191. package/cjs/extensions/forms/constants/locales/en-GB.d.ts +9 -0
  192. package/cjs/extensions/forms/constants/locales/en-GB.js +12 -3
  193. package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
  194. package/cjs/extensions/forms/constants/locales/en-US.d.ts +9 -0
  195. package/cjs/extensions/forms/constants/locales/index.d.ts +18 -0
  196. package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +9 -0
  197. package/cjs/extensions/forms/constants/locales/nb-NO.js +11 -2
  198. package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  199. package/cjs/extensions/forms/style/dnb-forms.css +78 -44
  200. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  201. package/cjs/extensions/forms/types.d.ts +3 -2
  202. package/cjs/extensions/forms/types.js.map +1 -1
  203. package/cjs/extensions/payment-card/PaymentCard.d.ts +3 -1
  204. package/cjs/extensions/payment-card/icons/Credit.d.ts +3 -0
  205. package/cjs/extensions/payment-card/icons/Credit.js +23 -0
  206. package/cjs/extensions/payment-card/icons/Credit.js.map +1 -0
  207. package/cjs/extensions/payment-card/icons/Sbanken.d.ts +3 -0
  208. package/cjs/extensions/payment-card/icons/Sbanken.js +23 -0
  209. package/cjs/extensions/payment-card/icons/Sbanken.js.map +1 -0
  210. package/cjs/extensions/payment-card/icons/index.js +23 -8
  211. package/cjs/extensions/payment-card/icons/index.js.map +1 -1
  212. package/cjs/extensions/payment-card/style/dnb-payment-card.css +113 -1
  213. package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  214. package/cjs/extensions/payment-card/style/dnb-payment-card.scss +22 -2
  215. package/cjs/extensions/payment-card/utils/CardDesigns.d.ts +38 -0
  216. package/cjs/extensions/payment-card/utils/CardDesigns.js +26 -2
  217. package/cjs/extensions/payment-card/utils/CardDesigns.js.map +1 -1
  218. package/cjs/extensions/payment-card/utils/Types.js +5 -2
  219. package/cjs/extensions/payment-card/utils/Types.js.map +1 -1
  220. package/cjs/extensions/payment-card/utils/cardProducts.js +24 -0
  221. package/cjs/extensions/payment-card/utils/cardProducts.js.map +1 -1
  222. package/cjs/fragments/drawer-list/DrawerList.d.ts +8 -4
  223. package/cjs/shared/Context.d.ts +4 -4
  224. package/cjs/shared/Context.js.map +1 -1
  225. package/cjs/shared/Eufemia.d.ts +1 -1
  226. package/cjs/shared/Eufemia.js +2 -2
  227. package/cjs/shared/Eufemia.js.map +1 -1
  228. package/cjs/shared/component-helper.js +1 -1
  229. package/cjs/shared/component-helper.js.map +1 -1
  230. package/cjs/style/core/scopes.scss +1 -1
  231. package/cjs/style/dnb-ui-basis.css +1 -1
  232. package/cjs/style/dnb-ui-basis.min.css +1 -1
  233. package/cjs/style/dnb-ui-body.css +1 -1
  234. package/cjs/style/dnb-ui-body.min.css +1 -1
  235. package/cjs/style/dnb-ui-components.css +153 -136
  236. package/cjs/style/dnb-ui-components.min.css +3 -3
  237. package/cjs/style/dnb-ui-core.css +1 -1
  238. package/cjs/style/dnb-ui-core.min.css +1 -1
  239. package/cjs/style/dnb-ui-extensions.css +191 -45
  240. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  241. package/cjs/style/dnb-ui-forms.css +78 -44
  242. package/cjs/style/dnb-ui-forms.min.css +1 -1
  243. package/cjs/style/dnb-ui-forms.scss +1 -1
  244. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +230 -180
  245. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  246. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +191 -45
  247. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  248. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +78 -44
  249. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  250. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +233 -182
  251. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  252. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +191 -45
  253. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  254. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +78 -44
  255. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  256. package/cjs/style/themes/theme-ui/ui-theme-components.css +230 -180
  257. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  258. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +191 -45
  259. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  260. package/cjs/style/themes/theme-ui/ui-theme-forms.css +78 -44
  261. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  262. package/cjs/style/themes/theme-ui/ui-theme-tags.css +10 -17
  263. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  264. package/components/anchor/style/anchor-mixins.scss +14 -20
  265. package/components/anchor/style/dnb-anchor.css +20 -34
  266. package/components/anchor/style/dnb-anchor.min.css +1 -1
  267. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +2 -2
  268. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  269. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +1 -1
  270. package/components/aria-live/useAriaLive.d.ts +1 -1
  271. package/components/autocomplete/Autocomplete.d.ts +19 -5
  272. package/components/breadcrumb/style/dnb-breadcrumb.css +2 -2
  273. package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  274. package/components/breadcrumb/style/dnb-breadcrumb.scss +2 -2
  275. package/components/checkbox/CheckIcon.d.ts +5 -0
  276. package/components/checkbox/CheckIcon.js +30 -0
  277. package/components/checkbox/CheckIcon.js.map +1 -0
  278. package/components/checkbox/Checkbox.d.ts +90 -92
  279. package/components/checkbox/Checkbox.js +141 -245
  280. package/components/checkbox/Checkbox.js.map +1 -1
  281. package/components/dropdown/Dropdown.d.ts +22 -5
  282. package/components/height-animation/HeightAnimationInstance.js +5 -0
  283. package/components/height-animation/HeightAnimationInstance.js.map +1 -1
  284. package/components/icon/style/dnb-icon.css +1 -0
  285. package/components/icon/style/dnb-icon.min.css +1 -1
  286. package/components/icon/style/dnb-icon.scss +1 -0
  287. package/components/progress-indicator/ProgressIndicator.d.ts +2 -52
  288. package/components/progress-indicator/ProgressIndicator.js +27 -14
  289. package/components/progress-indicator/ProgressIndicator.js.map +1 -1
  290. package/components/progress-indicator/ProgressIndicatorCircular.d.ts +2 -23
  291. package/components/progress-indicator/ProgressIndicatorCircular.js +63 -27
  292. package/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  293. package/components/progress-indicator/ProgressIndicatorDocs.d.ts +1 -0
  294. package/components/progress-indicator/ProgressIndicatorDocs.js +43 -10
  295. package/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  296. package/components/progress-indicator/ProgressIndicatorLinear.d.ts +2 -22
  297. package/components/progress-indicator/ProgressIndicatorLinear.js +18 -10
  298. package/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  299. package/components/progress-indicator/style/dnb-progress-indicator.css +52 -55
  300. package/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  301. package/components/progress-indicator/style/dnb-progress-indicator.scss +65 -69
  302. package/components/progress-indicator/types.d.ts +95 -0
  303. package/components/progress-indicator/types.js +5 -0
  304. package/components/progress-indicator/types.js.map +1 -0
  305. package/components/tabs/style/dnb-tabs.css +1 -1
  306. package/components/tabs/style/dnb-tabs.min.css +1 -1
  307. package/components/tabs/style/dnb-tabs.scss +1 -1
  308. package/components/tabs/style/themes/dnb-tabs-theme-sbanken.css +1 -0
  309. package/components/tabs/style/themes/dnb-tabs-theme-sbanken.min.css +1 -1
  310. package/components/tabs/style/themes/dnb-tabs-theme-sbanken.scss +1 -0
  311. package/es/components/anchor/style/anchor-mixins.scss +14 -20
  312. package/es/components/anchor/style/dnb-anchor.css +20 -34
  313. package/es/components/anchor/style/dnb-anchor.min.css +1 -1
  314. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +2 -2
  315. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  316. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +1 -1
  317. package/es/components/aria-live/useAriaLive.d.ts +1 -1
  318. package/es/components/autocomplete/Autocomplete.d.ts +19 -5
  319. package/es/components/breadcrumb/style/dnb-breadcrumb.css +2 -2
  320. package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  321. package/es/components/breadcrumb/style/dnb-breadcrumb.scss +2 -2
  322. package/es/components/checkbox/CheckIcon.d.ts +5 -0
  323. package/es/components/checkbox/CheckIcon.js +30 -0
  324. package/es/components/checkbox/CheckIcon.js.map +1 -0
  325. package/es/components/checkbox/Checkbox.d.ts +90 -92
  326. package/es/components/checkbox/Checkbox.js +141 -245
  327. package/es/components/checkbox/Checkbox.js.map +1 -1
  328. package/es/components/dropdown/Dropdown.d.ts +22 -5
  329. package/es/components/height-animation/HeightAnimationInstance.js +5 -0
  330. package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
  331. package/es/components/icon/style/dnb-icon.css +1 -0
  332. package/es/components/icon/style/dnb-icon.min.css +1 -1
  333. package/es/components/icon/style/dnb-icon.scss +1 -0
  334. package/es/components/progress-indicator/ProgressIndicator.d.ts +2 -52
  335. package/es/components/progress-indicator/ProgressIndicator.js +27 -14
  336. package/es/components/progress-indicator/ProgressIndicator.js.map +1 -1
  337. package/es/components/progress-indicator/ProgressIndicatorCircular.d.ts +2 -23
  338. package/es/components/progress-indicator/ProgressIndicatorCircular.js +62 -27
  339. package/es/components/progress-indicator/ProgressIndicatorCircular.js.map +1 -1
  340. package/es/components/progress-indicator/ProgressIndicatorDocs.d.ts +1 -0
  341. package/es/components/progress-indicator/ProgressIndicatorDocs.js +43 -10
  342. package/es/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  343. package/es/components/progress-indicator/ProgressIndicatorLinear.d.ts +2 -22
  344. package/es/components/progress-indicator/ProgressIndicatorLinear.js +18 -10
  345. package/es/components/progress-indicator/ProgressIndicatorLinear.js.map +1 -1
  346. package/es/components/progress-indicator/style/dnb-progress-indicator.css +52 -55
  347. package/es/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  348. package/es/components/progress-indicator/style/dnb-progress-indicator.scss +65 -69
  349. package/es/components/progress-indicator/types.d.ts +95 -0
  350. package/es/components/progress-indicator/types.js +5 -0
  351. package/es/components/progress-indicator/types.js.map +1 -0
  352. package/es/components/tabs/style/dnb-tabs.css +1 -1
  353. package/es/components/tabs/style/dnb-tabs.min.css +1 -1
  354. package/es/components/tabs/style/dnb-tabs.scss +1 -1
  355. package/es/components/tabs/style/themes/dnb-tabs-theme-sbanken.css +1 -0
  356. package/es/components/tabs/style/themes/dnb-tabs-theme-sbanken.min.css +1 -1
  357. package/es/components/tabs/style/themes/dnb-tabs-theme-sbanken.scss +1 -0
  358. package/es/extensions/forms/DataContext/Context.d.ts +5 -1
  359. package/es/extensions/forms/DataContext/Context.js +0 -1
  360. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  361. package/es/extensions/forms/DataContext/Provider/Provider.d.ts +17 -5
  362. package/es/extensions/forms/DataContext/Provider/Provider.js +58 -29
  363. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  364. package/es/extensions/forms/DataContext/Provider/ProviderDocs.js +12 -2
  365. package/es/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  366. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +1 -1
  367. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  368. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +5 -2
  369. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  370. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +5 -2
  371. package/es/extensions/forms/Field/Name/Name.d.ts +10 -0
  372. package/es/extensions/forms/Field/Name/Name.js +63 -0
  373. package/es/extensions/forms/Field/Name/Name.js.map +1 -0
  374. package/es/extensions/forms/Field/Name/NameDocs.d.ts +2 -0
  375. package/es/extensions/forms/Field/Name/NameDocs.js +8 -0
  376. package/es/extensions/forms/Field/Name/NameDocs.js.map +1 -0
  377. package/es/extensions/forms/Field/Name/index.d.ts +2 -0
  378. package/es/extensions/forms/Field/Name/index.js +3 -0
  379. package/es/extensions/forms/Field/Name/index.js.map +1 -0
  380. package/es/extensions/forms/Field/Number/Number.d.ts +2 -2
  381. package/es/extensions/forms/Field/Number/Number.js.map +1 -1
  382. package/es/extensions/forms/Field/Option/Option.d.ts +2 -0
  383. package/es/extensions/forms/Field/Option/Option.js +20 -0
  384. package/es/extensions/forms/Field/Option/Option.js.map +1 -1
  385. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  386. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +18 -0
  387. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  388. package/es/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
  389. package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  390. package/es/extensions/forms/Field/Selection/Selection.d.ts +11 -4
  391. package/es/extensions/forms/Field/Selection/Selection.js +20 -32
  392. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  393. package/es/extensions/forms/Field/Selection/SelectionDocs.d.ts +2 -0
  394. package/es/extensions/forms/Field/Selection/SelectionDocs.js +38 -0
  395. package/es/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -0
  396. package/es/extensions/forms/Field/String/String.d.ts +2 -2
  397. package/es/extensions/forms/Field/String/String.js.map +1 -1
  398. package/es/extensions/forms/Field/index.d.ts +1 -0
  399. package/es/extensions/forms/Field/index.js +1 -0
  400. package/es/extensions/forms/Field/index.js.map +1 -1
  401. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -3
  402. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  403. package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  404. package/es/extensions/forms/Form/Handler/Handler.js +8 -2
  405. package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
  406. package/es/extensions/forms/Form/MainHeading/MainHeading.js +1 -1
  407. package/es/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  408. package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -3
  409. package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  410. package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +1 -1
  411. package/es/extensions/forms/Form/SubHeading/SubHeading.js +1 -1
  412. package/es/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  413. package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +2 -2
  414. package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  415. package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +1 -1
  416. package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +2 -2
  417. package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
  418. package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.css +13 -13
  419. package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.min.css +1 -1
  420. package/es/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +1 -1
  421. package/es/extensions/forms/Form/Visibility/VisibilityDocs.js +2 -2
  422. package/es/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  423. package/es/extensions/forms/Form/data-context/getData.d.ts +3 -2
  424. package/es/extensions/forms/Form/data-context/getData.js +8 -0
  425. package/es/extensions/forms/Form/data-context/getData.js.map +1 -1
  426. package/es/extensions/forms/Form/data-context/useData.d.ts +5 -2
  427. package/es/extensions/forms/Form/data-context/useData.js +15 -6
  428. package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
  429. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +5 -5
  430. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  431. package/es/extensions/forms/Iterate/Array/Array.js +6 -4
  432. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  433. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  434. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  435. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +7 -3
  436. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  437. package/es/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
  438. package/es/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  439. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  440. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  441. package/es/extensions/forms/Iterate/Toolbar/Toolbar.js +1 -1
  442. package/es/extensions/forms/Iterate/Toolbar/Toolbar.js.map +1 -1
  443. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  444. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  445. package/es/extensions/forms/Iterate/style/dnb-form-iterate.css +15 -15
  446. package/es/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  447. package/es/extensions/forms/Iterate/style/dnb-form-iterate.scss +4 -2
  448. package/es/extensions/forms/Value/Boolean/Boolean.js +8 -3
  449. package/es/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  450. package/es/extensions/forms/Value/Name/Name.d.ts +10 -0
  451. package/es/extensions/forms/Value/Name/Name.js +40 -0
  452. package/es/extensions/forms/Value/Name/Name.js.map +1 -0
  453. package/es/extensions/forms/Value/Name/index.d.ts +2 -0
  454. package/es/extensions/forms/Value/Name/index.js +3 -0
  455. package/es/extensions/forms/Value/Name/index.js.map +1 -0
  456. package/es/extensions/forms/Value/OrganizationNumber/OrganizationNumber.d.ts +7 -0
  457. package/es/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js +24 -0
  458. package/es/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js.map +1 -0
  459. package/es/extensions/forms/Value/OrganizationNumber/index.d.ts +2 -0
  460. package/es/extensions/forms/Value/OrganizationNumber/index.js +3 -0
  461. package/es/extensions/forms/Value/OrganizationNumber/index.js.map +1 -0
  462. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.d.ts +7 -0
  463. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js +31 -0
  464. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -0
  465. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  466. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +13 -0
  467. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  468. package/es/extensions/forms/Value/PostalCodeAndCity/index.d.ts +2 -0
  469. package/es/extensions/forms/Value/PostalCodeAndCity/index.js +3 -0
  470. package/es/extensions/forms/Value/PostalCodeAndCity/index.js.map +1 -0
  471. package/es/extensions/forms/Value/String/String.js +8 -3
  472. package/es/extensions/forms/Value/String/String.js.map +1 -1
  473. package/es/extensions/forms/Value/SummaryList/SummaryList.js +1 -1
  474. package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
  475. package/es/extensions/forms/Value/ValueDocs.js +6 -1
  476. package/es/extensions/forms/Value/ValueDocs.js.map +1 -1
  477. package/es/extensions/forms/Value/index.d.ts +3 -0
  478. package/es/extensions/forms/Value/index.js +3 -0
  479. package/es/extensions/forms/Value/index.js.map +1 -1
  480. package/es/extensions/forms/ValueBlock/ValueBlock.js +2 -1
  481. package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  482. package/es/extensions/forms/ValueBlock/style/dnb-value-block.css +11 -6
  483. package/es/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
  484. package/es/extensions/forms/ValueBlock/style/dnb-value-block.scss +11 -3
  485. package/es/extensions/forms/Wizard/Container/WizardContainer.js +17 -51
  486. package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  487. package/es/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts +9 -0
  488. package/es/extensions/forms/Wizard/Container/useHandleLayoutEffect.js +46 -0
  489. package/es/extensions/forms/Wizard/Container/useHandleLayoutEffect.js.map +1 -0
  490. package/es/extensions/forms/Wizard/Container/useStepAnimation.d.ts +4 -0
  491. package/es/extensions/forms/Wizard/Container/useStepAnimation.js +29 -0
  492. package/es/extensions/forms/Wizard/Container/useStepAnimation.js.map +1 -0
  493. package/es/extensions/forms/Wizard/Step/Step.js +14 -2
  494. package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
  495. package/es/extensions/forms/Wizard/hooks/useStep.js +3 -2
  496. package/es/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  497. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.css +29 -2
  498. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  499. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.scss +35 -2
  500. package/es/extensions/forms/constants/locales/en-GB.d.ts +9 -0
  501. package/es/extensions/forms/constants/locales/en-GB.js +12 -3
  502. package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
  503. package/es/extensions/forms/constants/locales/en-US.d.ts +9 -0
  504. package/es/extensions/forms/constants/locales/index.d.ts +18 -0
  505. package/es/extensions/forms/constants/locales/nb-NO.d.ts +9 -0
  506. package/es/extensions/forms/constants/locales/nb-NO.js +11 -2
  507. package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  508. package/es/extensions/forms/style/dnb-forms.css +78 -44
  509. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  510. package/es/extensions/forms/types.d.ts +3 -2
  511. package/es/extensions/forms/types.js.map +1 -1
  512. package/es/extensions/payment-card/PaymentCard.d.ts +3 -1
  513. package/es/extensions/payment-card/icons/Credit.d.ts +3 -0
  514. package/es/extensions/payment-card/icons/Credit.js +15 -0
  515. package/es/extensions/payment-card/icons/Credit.js.map +1 -0
  516. package/es/extensions/payment-card/icons/Sbanken.d.ts +3 -0
  517. package/es/extensions/payment-card/icons/Sbanken.js +15 -0
  518. package/es/extensions/payment-card/icons/Sbanken.js.map +1 -0
  519. package/es/extensions/payment-card/icons/index.js +19 -4
  520. package/es/extensions/payment-card/icons/index.js.map +1 -1
  521. package/es/extensions/payment-card/style/dnb-payment-card.css +113 -1
  522. package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  523. package/es/extensions/payment-card/style/dnb-payment-card.scss +22 -2
  524. package/es/extensions/payment-card/utils/CardDesigns.d.ts +38 -0
  525. package/es/extensions/payment-card/utils/CardDesigns.js +24 -2
  526. package/es/extensions/payment-card/utils/CardDesigns.js.map +1 -1
  527. package/es/extensions/payment-card/utils/Types.js +5 -2
  528. package/es/extensions/payment-card/utils/Types.js.map +1 -1
  529. package/es/extensions/payment-card/utils/cardProducts.js +25 -1
  530. package/es/extensions/payment-card/utils/cardProducts.js.map +1 -1
  531. package/es/fragments/drawer-list/DrawerList.d.ts +8 -4
  532. package/es/shared/Context.d.ts +4 -4
  533. package/es/shared/Context.js.map +1 -1
  534. package/es/shared/Eufemia.d.ts +1 -1
  535. package/es/shared/Eufemia.js +2 -2
  536. package/es/shared/Eufemia.js.map +1 -1
  537. package/es/shared/component-helper.js +1 -1
  538. package/es/shared/component-helper.js.map +1 -1
  539. package/es/style/core/scopes.scss +1 -1
  540. package/es/style/dnb-ui-basis.css +1 -1
  541. package/es/style/dnb-ui-basis.min.css +1 -1
  542. package/es/style/dnb-ui-body.css +1 -1
  543. package/es/style/dnb-ui-body.min.css +1 -1
  544. package/es/style/dnb-ui-components.css +153 -136
  545. package/es/style/dnb-ui-components.min.css +3 -3
  546. package/es/style/dnb-ui-core.css +1 -1
  547. package/es/style/dnb-ui-core.min.css +1 -1
  548. package/es/style/dnb-ui-extensions.css +191 -45
  549. package/es/style/dnb-ui-extensions.min.css +1 -1
  550. package/es/style/dnb-ui-forms.css +78 -44
  551. package/es/style/dnb-ui-forms.min.css +1 -1
  552. package/es/style/dnb-ui-forms.scss +1 -1
  553. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +230 -180
  554. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  555. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +191 -45
  556. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  557. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +78 -44
  558. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  559. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +233 -182
  560. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  561. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +191 -45
  562. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  563. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +78 -44
  564. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  565. package/es/style/themes/theme-ui/ui-theme-components.css +230 -180
  566. package/es/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  567. package/es/style/themes/theme-ui/ui-theme-extensions.css +191 -45
  568. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  569. package/es/style/themes/theme-ui/ui-theme-forms.css +78 -44
  570. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  571. package/es/style/themes/theme-ui/ui-theme-tags.css +10 -17
  572. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  573. package/esm/dnb-ui-basis.min.mjs +1 -1
  574. package/esm/dnb-ui-components.min.mjs +1 -1
  575. package/esm/dnb-ui-elements.min.mjs +1 -1
  576. package/esm/dnb-ui-extensions.min.mjs +3 -3
  577. package/esm/dnb-ui-lib.min.mjs +1 -1
  578. package/extensions/forms/DataContext/Context.d.ts +5 -1
  579. package/extensions/forms/DataContext/Context.js +0 -1
  580. package/extensions/forms/DataContext/Context.js.map +1 -1
  581. package/extensions/forms/DataContext/Provider/Provider.d.ts +17 -5
  582. package/extensions/forms/DataContext/Provider/Provider.js +60 -30
  583. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  584. package/extensions/forms/DataContext/Provider/ProviderDocs.js +12 -2
  585. package/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  586. package/extensions/forms/Field/ArraySelection/ArraySelection.js +1 -1
  587. package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  588. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +5 -2
  589. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  590. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +5 -2
  591. package/extensions/forms/Field/Name/Name.d.ts +10 -0
  592. package/extensions/forms/Field/Name/Name.js +63 -0
  593. package/extensions/forms/Field/Name/Name.js.map +1 -0
  594. package/extensions/forms/Field/Name/NameDocs.d.ts +2 -0
  595. package/extensions/forms/Field/Name/NameDocs.js +8 -0
  596. package/extensions/forms/Field/Name/NameDocs.js.map +1 -0
  597. package/extensions/forms/Field/Name/index.d.ts +2 -0
  598. package/extensions/forms/Field/Name/index.js +3 -0
  599. package/extensions/forms/Field/Name/index.js.map +1 -0
  600. package/extensions/forms/Field/Number/Number.d.ts +2 -2
  601. package/extensions/forms/Field/Number/Number.js.map +1 -1
  602. package/extensions/forms/Field/Option/Option.d.ts +2 -0
  603. package/extensions/forms/Field/Option/Option.js +20 -0
  604. package/extensions/forms/Field/Option/Option.js.map +1 -1
  605. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  606. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +18 -0
  607. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  608. package/extensions/forms/Field/SelectCountry/SelectCountry.d.ts +2 -2
  609. package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  610. package/extensions/forms/Field/Selection/Selection.d.ts +11 -4
  611. package/extensions/forms/Field/Selection/Selection.js +20 -32
  612. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  613. package/extensions/forms/Field/Selection/SelectionDocs.d.ts +2 -0
  614. package/extensions/forms/Field/Selection/SelectionDocs.js +38 -0
  615. package/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -0
  616. package/extensions/forms/Field/String/String.d.ts +2 -2
  617. package/extensions/forms/Field/String/String.js.map +1 -1
  618. package/extensions/forms/Field/index.d.ts +1 -0
  619. package/extensions/forms/Field/index.js +1 -0
  620. package/extensions/forms/Field/index.js.map +1 -1
  621. package/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -3
  622. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  623. package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  624. package/extensions/forms/Form/Handler/Handler.js +8 -2
  625. package/extensions/forms/Form/Handler/Handler.js.map +1 -1
  626. package/extensions/forms/Form/MainHeading/MainHeading.js +1 -1
  627. package/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  628. package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +3 -3
  629. package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  630. package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.scss +1 -1
  631. package/extensions/forms/Form/SubHeading/SubHeading.js +1 -1
  632. package/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  633. package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +2 -2
  634. package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  635. package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.scss +1 -1
  636. package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +2 -2
  637. package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
  638. package/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.css +13 -13
  639. package/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.min.css +1 -1
  640. package/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss +1 -1
  641. package/extensions/forms/Form/Visibility/VisibilityDocs.js +2 -2
  642. package/extensions/forms/Form/Visibility/VisibilityDocs.js.map +1 -1
  643. package/extensions/forms/Form/data-context/getData.d.ts +3 -2
  644. package/extensions/forms/Form/data-context/getData.js +8 -0
  645. package/extensions/forms/Form/data-context/getData.js.map +1 -1
  646. package/extensions/forms/Form/data-context/useData.d.ts +5 -2
  647. package/extensions/forms/Form/data-context/useData.js +15 -6
  648. package/extensions/forms/Form/data-context/useData.js.map +1 -1
  649. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +5 -5
  650. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  651. package/extensions/forms/Iterate/Array/Array.js +6 -4
  652. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  653. package/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  654. package/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  655. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +7 -3
  656. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  657. package/extensions/forms/Iterate/PushButton/PushButton.js +1 -1
  658. package/extensions/forms/Iterate/PushButton/PushButton.js.map +1 -1
  659. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  660. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  661. package/extensions/forms/Iterate/Toolbar/Toolbar.js +1 -1
  662. package/extensions/forms/Iterate/Toolbar/Toolbar.js.map +1 -1
  663. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  664. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  665. package/extensions/forms/Iterate/style/dnb-form-iterate.css +15 -15
  666. package/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  667. package/extensions/forms/Iterate/style/dnb-form-iterate.scss +4 -2
  668. package/extensions/forms/Value/Boolean/Boolean.js +8 -3
  669. package/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  670. package/extensions/forms/Value/Name/Name.d.ts +10 -0
  671. package/extensions/forms/Value/Name/Name.js +40 -0
  672. package/extensions/forms/Value/Name/Name.js.map +1 -0
  673. package/extensions/forms/Value/Name/index.d.ts +2 -0
  674. package/extensions/forms/Value/Name/index.js +3 -0
  675. package/extensions/forms/Value/Name/index.js.map +1 -0
  676. package/extensions/forms/Value/OrganizationNumber/OrganizationNumber.d.ts +7 -0
  677. package/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js +24 -0
  678. package/extensions/forms/Value/OrganizationNumber/OrganizationNumber.js.map +1 -0
  679. package/extensions/forms/Value/OrganizationNumber/index.d.ts +2 -0
  680. package/extensions/forms/Value/OrganizationNumber/index.js +3 -0
  681. package/extensions/forms/Value/OrganizationNumber/index.js.map +1 -0
  682. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.d.ts +7 -0
  683. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js +31 -0
  684. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -0
  685. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.d.ts +2 -0
  686. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +13 -0
  687. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -0
  688. package/extensions/forms/Value/PostalCodeAndCity/index.d.ts +2 -0
  689. package/extensions/forms/Value/PostalCodeAndCity/index.js +3 -0
  690. package/extensions/forms/Value/PostalCodeAndCity/index.js.map +1 -0
  691. package/extensions/forms/Value/String/String.js +8 -3
  692. package/extensions/forms/Value/String/String.js.map +1 -1
  693. package/extensions/forms/Value/SummaryList/SummaryList.js +1 -1
  694. package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -1
  695. package/extensions/forms/Value/ValueDocs.js +6 -1
  696. package/extensions/forms/Value/ValueDocs.js.map +1 -1
  697. package/extensions/forms/Value/index.d.ts +3 -0
  698. package/extensions/forms/Value/index.js +3 -0
  699. package/extensions/forms/Value/index.js.map +1 -1
  700. package/extensions/forms/ValueBlock/ValueBlock.js +2 -1
  701. package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  702. package/extensions/forms/ValueBlock/style/dnb-value-block.css +11 -6
  703. package/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
  704. package/extensions/forms/ValueBlock/style/dnb-value-block.scss +11 -3
  705. package/extensions/forms/Wizard/Container/WizardContainer.js +17 -52
  706. package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  707. package/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts +9 -0
  708. package/extensions/forms/Wizard/Container/useHandleLayoutEffect.js +47 -0
  709. package/extensions/forms/Wizard/Container/useHandleLayoutEffect.js.map +1 -0
  710. package/extensions/forms/Wizard/Container/useStepAnimation.d.ts +4 -0
  711. package/extensions/forms/Wizard/Container/useStepAnimation.js +30 -0
  712. package/extensions/forms/Wizard/Container/useStepAnimation.js.map +1 -0
  713. package/extensions/forms/Wizard/Step/Step.js +14 -2
  714. package/extensions/forms/Wizard/Step/Step.js.map +1 -1
  715. package/extensions/forms/Wizard/hooks/useStep.js +3 -2
  716. package/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  717. package/extensions/forms/Wizard/style/dnb-wizard-layout.css +29 -2
  718. package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  719. package/extensions/forms/Wizard/style/dnb-wizard-layout.scss +35 -2
  720. package/extensions/forms/constants/locales/en-GB.d.ts +9 -0
  721. package/extensions/forms/constants/locales/en-GB.js +12 -3
  722. package/extensions/forms/constants/locales/en-GB.js.map +1 -1
  723. package/extensions/forms/constants/locales/en-US.d.ts +9 -0
  724. package/extensions/forms/constants/locales/index.d.ts +18 -0
  725. package/extensions/forms/constants/locales/nb-NO.d.ts +9 -0
  726. package/extensions/forms/constants/locales/nb-NO.js +11 -2
  727. package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  728. package/extensions/forms/style/dnb-forms.css +78 -44
  729. package/extensions/forms/style/dnb-forms.min.css +1 -1
  730. package/extensions/forms/types.d.ts +3 -2
  731. package/extensions/forms/types.js.map +1 -1
  732. package/extensions/payment-card/PaymentCard.d.ts +3 -1
  733. package/extensions/payment-card/icons/Credit.d.ts +3 -0
  734. package/extensions/payment-card/icons/Credit.js +15 -0
  735. package/extensions/payment-card/icons/Credit.js.map +1 -0
  736. package/extensions/payment-card/icons/Sbanken.d.ts +3 -0
  737. package/extensions/payment-card/icons/Sbanken.js +15 -0
  738. package/extensions/payment-card/icons/Sbanken.js.map +1 -0
  739. package/extensions/payment-card/icons/index.js +19 -4
  740. package/extensions/payment-card/icons/index.js.map +1 -1
  741. package/extensions/payment-card/style/dnb-payment-card.css +113 -1
  742. package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  743. package/extensions/payment-card/style/dnb-payment-card.scss +22 -2
  744. package/extensions/payment-card/utils/CardDesigns.d.ts +38 -0
  745. package/extensions/payment-card/utils/CardDesigns.js +24 -2
  746. package/extensions/payment-card/utils/CardDesigns.js.map +1 -1
  747. package/extensions/payment-card/utils/Types.js +5 -2
  748. package/extensions/payment-card/utils/Types.js.map +1 -1
  749. package/extensions/payment-card/utils/cardProducts.js +25 -1
  750. package/extensions/payment-card/utils/cardProducts.js.map +1 -1
  751. package/fragments/drawer-list/DrawerList.d.ts +8 -4
  752. package/package.json +1 -1
  753. package/shared/Context.d.ts +4 -4
  754. package/shared/Context.js.map +1 -1
  755. package/shared/Eufemia.d.ts +1 -1
  756. package/shared/Eufemia.js +2 -2
  757. package/shared/Eufemia.js.map +1 -1
  758. package/shared/component-helper.js +1 -1
  759. package/shared/component-helper.js.map +1 -1
  760. package/style/core/scopes.scss +1 -1
  761. package/style/dnb-ui-basis.css +1 -1
  762. package/style/dnb-ui-basis.min.css +1 -1
  763. package/style/dnb-ui-body.css +1 -1
  764. package/style/dnb-ui-body.min.css +1 -1
  765. package/style/dnb-ui-components.css +153 -136
  766. package/style/dnb-ui-components.min.css +3 -3
  767. package/style/dnb-ui-core.css +1 -1
  768. package/style/dnb-ui-core.min.css +1 -1
  769. package/style/dnb-ui-extensions.css +191 -45
  770. package/style/dnb-ui-extensions.min.css +1 -1
  771. package/style/dnb-ui-forms.css +78 -44
  772. package/style/dnb-ui-forms.min.css +1 -1
  773. package/style/dnb-ui-forms.scss +1 -1
  774. package/style/themes/theme-eiendom/eiendom-theme-components.css +230 -180
  775. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  776. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +191 -45
  777. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  778. package/style/themes/theme-eiendom/eiendom-theme-forms.css +78 -44
  779. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  780. package/style/themes/theme-sbanken/sbanken-theme-components.css +233 -182
  781. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  782. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +191 -45
  783. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  784. package/style/themes/theme-sbanken/sbanken-theme-forms.css +78 -44
  785. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  786. package/style/themes/theme-ui/ui-theme-components.css +230 -180
  787. package/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  788. package/style/themes/theme-ui/ui-theme-extensions.css +191 -45
  789. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  790. package/style/themes/theme-ui/ui-theme-forms.css +78 -44
  791. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  792. package/style/themes/theme-ui/ui-theme-tags.css +10 -17
  793. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  794. package/umd/dnb-ui-basis.min.js +1 -1
  795. package/umd/dnb-ui-components.min.js +1 -1
  796. package/umd/dnb-ui-elements.min.js +1 -1
  797. package/umd/dnb-ui-extensions.min.js +3 -3
  798. package/umd/dnb-ui-lib.min.js +1 -1
  799. /package/cjs/extensions/forms/Form/Element/style/{dnb-forms-element.css → dnb-form-element.css} +0 -0
  800. /package/cjs/extensions/forms/Form/Element/style/{dnb-forms-element.min.css → dnb-form-element.min.css} +0 -0
  801. /package/cjs/extensions/forms/Form/Element/style/{dnb-forms-element.scss → dnb-form-element.scss} +0 -0
  802. /package/es/extensions/forms/Form/Element/style/{dnb-forms-element.css → dnb-form-element.css} +0 -0
  803. /package/es/extensions/forms/Form/Element/style/{dnb-forms-element.min.css → dnb-form-element.min.css} +0 -0
  804. /package/es/extensions/forms/Form/Element/style/{dnb-forms-element.scss → dnb-form-element.scss} +0 -0
  805. /package/extensions/forms/Form/Element/style/{dnb-forms-element.css → dnb-form-element.css} +0 -0
  806. /package/extensions/forms/Form/Element/style/{dnb-forms-element.min.css → dnb-form-element.min.css} +0 -0
  807. /package/extensions/forms/Form/Element/style/{dnb-forms-element.scss → dnb-form-element.scss} +0 -0
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  /**
2
3
  * ATTENTION: This file is auto generated by using "themeFactory".
3
4
  * But you still can change the content of this file on the very top.
@@ -13,12 +14,15 @@
13
14
  /*
14
15
  * Utilities
15
16
  */
16
- .dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options {
17
+ .dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options {
17
18
  display: flex;
18
19
  flex-flow: column;
19
20
  row-gap: var(--spacing-x-small);
20
21
  }
21
- .dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options {
22
+ .dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options {
23
+ row-gap: 0;
24
+ }
25
+ .dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options {
22
26
  display: flex;
23
27
  flex-flow: row wrap;
24
28
  -moz-column-gap: var(--spacing-small);
@@ -368,42 +372,42 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
368
372
  /*
369
373
  * Utilities
370
374
  */
371
- .dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]) {
375
+ .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
372
376
  margin: 0;
373
377
  }
374
378
  @media screen and (min-width: 40em) {
375
- .dnb-form-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
379
+ .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
376
380
  margin-left: var(--spacing-medium);
377
381
  }
378
382
  }
379
- .dnb-form-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
383
+ .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
380
384
  margin-bottom: var(--spacing-small);
381
385
  }
382
386
 
383
387
  /*
384
388
  * Utilities
385
389
  */
386
- .dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]) {
390
+ .dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]) {
387
391
  margin: 0;
388
392
  }
389
- .dnb-form-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
393
+ .dnb-forms-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
390
394
  margin-bottom: var(--spacing-small);
391
395
  }
392
396
 
393
397
  /*
394
398
  * Utilities
395
399
  */
396
- .dnb-form-submit-indicator {
400
+ .dnb-forms-submit-indicator {
397
401
  display: inline;
398
402
  --padding-left: 0.5em;
399
403
  }
400
- .dnb-form-submit-indicator__content {
404
+ .dnb-forms-submit-indicator__content {
401
405
  font-size: 0;
402
406
  line-height: 1em;
403
407
  will-change: font-size;
404
408
  transition: font-size 800ms var(--easing-default);
405
409
  }
406
- .dnb-form-submit-indicator__content b {
410
+ .dnb-forms-submit-indicator__content b {
407
411
  padding-left: 0.125em;
408
412
  color: var(--dots-color, currentColor);
409
413
  opacity: 0.2;
@@ -412,38 +416,38 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
412
416
  animation-duration: 1.3s;
413
417
  animation-delay: 200ms;
414
418
  }
415
- .dnb-form-submit-indicator__content b:nth-of-type(1) {
419
+ .dnb-forms-submit-indicator__content b:nth-of-type(1) {
416
420
  padding-left: var(--padding-left);
417
421
  animation-delay: 50ms;
418
422
  }
419
- .dnb-form-submit-indicator__content b:nth-of-type(2) {
423
+ .dnb-forms-submit-indicator__content b:nth-of-type(2) {
420
424
  animation-delay: 200ms;
421
425
  }
422
- .dnb-form-submit-indicator__content b:nth-of-type(3) {
426
+ .dnb-forms-submit-indicator__content b:nth-of-type(3) {
423
427
  animation-delay: 400ms;
424
428
  }
425
- html[data-visual-test] .dnb-form-submit-indicator__content b {
429
+ html[data-visual-test] .dnb-forms-submit-indicator__content b {
426
430
  animation: none;
427
431
  }
428
- .dnb-form-submit-indicator--state-pending .dnb-form-submit-indicator__content {
432
+ .dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content {
429
433
  font-size: 1em;
430
434
  font-weight: var(--font-weight-bold);
431
435
  }
432
- .dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content {
436
+ .dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content {
433
437
  font-size: 1em;
434
438
  }
435
- .dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon {
439
+ .dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon {
436
440
  padding-left: var(--padding-left);
437
441
  color: var(--color-success-green);
438
442
  }
439
- .dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon--default {
443
+ .dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default {
440
444
  font-size: 1em;
441
445
  }
442
- .dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content__label {
446
+ .dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label {
443
447
  font-size: var(--font-size-small);
444
448
  padding-left: calc(var(--padding-left) * 2);
445
449
  }
446
- .dnb-form-submit-indicator--inline-wrap .dnb-form-submit-indicator__content {
450
+ .dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content {
447
451
  display: flex;
448
452
  --padding-left: 0.25em;
449
453
  }
@@ -489,68 +493,68 @@ html[data-visual-test] .dnb-form-submit-indicator__content b {
489
493
  font-size: 0;
490
494
  }
491
495
  }
492
- .dnb-form-iterate-block {
496
+ .dnb-forms-iterate-block {
493
497
  --block-outline-color: var(--outline-color, var(--color-lavender));
494
498
  }
495
- .dnb-form-iterate-block--error:has(.dnb-form-status--error) {
499
+ .dnb-forms-iterate-block--error:has(.dnb-form-status--error) {
496
500
  --block-outline-color: var(--color-fire-red);
497
501
  }
498
- .dnb-form-iterate-block:not(.dnb-height-animation--hidden) {
502
+ .dnb-forms-iterate-block:not(.dnb-height-animation--hidden) {
499
503
  display: flex;
500
504
  flex-direction: column;
501
505
  }
502
- .dnb-form-iterate-block__inner {
506
+ .dnb-forms-iterate-block__inner {
503
507
  flex: 1;
504
508
  margin-bottom: var(--space);
505
509
  padding: var(--padding, 1rem);
506
- transition: transform 400ms var(--easing-default) 50ms;
510
+ transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
507
511
  transform: translateY(-2.5rem);
508
512
  }
509
- .dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
513
+ .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
510
514
  --padding: 0;
511
515
  }
512
- .dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing] {
516
+ .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
513
517
  border-radius: 0.375rem;
514
518
  box-shadow: inset 0 0 0 2px var(--block-outline-color);
515
519
  }
516
- .dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
520
+ .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
517
521
  --space: var(--spacing-small);
518
522
  }
519
- .dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
523
+ .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
520
524
  --space: var(--spacing-medium);
521
525
  }
522
- .dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
526
+ .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
523
527
  --space: var(--spacing-large);
524
528
  }
525
- .dnb-form-iterate-block__inner .dnb-dl .dnb-dd {
529
+ .dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
526
530
  margin-bottom: 0;
527
531
  }
528
- .dnb-form-iterate-block.dnb-height-animation--is-visible .dnb-form-iterate-block__inner {
532
+ .dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner {
529
533
  transform: translateY(-0.5rem);
530
534
  }
531
- .dnb-form-iterate-block.dnb-height-animation--parallax .dnb-form-iterate-block__inner {
535
+ .dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner {
532
536
  transform: translateY(0);
533
537
  }
534
- .dnb-form-iterate__element {
538
+ .dnb-forms-iterate__element {
535
539
  outline: none;
536
540
  }
537
- .dnb-form-iterate > .dnb-form-iterate__element:has(.dnb-form-iterate-block) {
541
+ .dnb-forms-iterate > .dnb-forms-iterate__element:has(.dnb-forms-iterate-block) {
538
542
  margin-top: 0;
539
543
  }
540
544
 
541
545
  /*
542
546
  * Utilities
543
547
  */
544
- .dnb-form-summary-list.dnb-dl .dnb-dt, .dnb-form-summary-list.dnb-dl > .dnb-dd > .dnb-dl, .dnb-form-summary-list.dnb-dl:not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
548
+ .dnb-forms-summary-list.dnb-dl .dnb-dt, .dnb-forms-summary-list.dnb-dl > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
545
549
  margin: 0;
546
550
  }
547
- .dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd {
551
+ .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd {
548
552
  margin-bottom: var(--spacing-medium);
549
553
  }
550
- .dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
554
+ .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
551
555
  margin-bottom: 0;
552
556
  }
553
- .dnb-form-summary-list.dnb-dl.dnb-dl__layout--grid {
557
+ .dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid {
554
558
  row-gap: var(--spacing-medium);
555
559
  }
556
560
 
@@ -561,8 +565,12 @@ html[data-visual-test] .dnb-form-submit-indicator__content b {
561
565
  .dnb-forms-value-block--inline:not([class*=__composition]) {
562
566
  display: inline-block;
563
567
  font-size: inherit;
564
- margin-left: var(--spacing-xx-small);
565
- margin-right: var(--spacing-xx-small);
568
+ }
569
+ .dnb-forms-value-block--inline:not([class*=__composition])::before, .dnb-forms-value-block--inline:not([class*=__composition])::after {
570
+ content: " ";
571
+ }
572
+ .dnb-forms-value-block + .dnb-forms-value-block--inline:not([class*=__composition])::before {
573
+ content: none;
566
574
  }
567
575
  .dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
568
576
  font-weight: var(--font-weight-medium);
@@ -649,10 +657,35 @@ html[data-visual-test] .dnb-form-submit-indicator__content b {
649
657
  .dnb-forms-wizard-layout__contents {
650
658
  flex: 1;
651
659
  }
660
+ .dnb-forms-wizard-layout__contents .dnb-forms-step {
661
+ outline: none;
662
+ }
652
663
  .dnb-forms-wizard-layout__contents .dnb-card {
653
664
  --border-color: var(--color-pistachio);
654
665
  max-width: var(--forms-card-max-width);
655
666
  }
667
+ .dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
668
+ .dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
669
+ --appear-opacity: 0;
670
+ --appear-offset: -0.25rem;
671
+ opacity: var(--appear-opacity);
672
+ transform: translate3d(var(--appear-offset), 0, 0);
673
+ animation: appear 600ms var(--easing-default) forwards;
674
+ animation-delay: calc(var(--element-index, 0) * 30ms);
675
+ }
676
+ @keyframes appear {
677
+ 0% {
678
+ opacity: var(--appear-opacity);
679
+ transform: translate3d(var(--appear-offset), 0, 0);
680
+ }
681
+ 80% {
682
+ opacity: 1;
683
+ }
684
+ 100% {
685
+ opacity: 1;
686
+ transform: translate3d(0, 0, 0);
687
+ }
688
+ }
656
689
  @media screen and (min-width: 40em) {
657
690
  .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
658
691
  margin-left: var(--spacing-medium);
@@ -672,10 +705,11 @@ html[data-visual-test] .dnb-form-submit-indicator__content b {
672
705
  margin-right: 0;
673
706
  }
674
707
 
675
- .dnb-forms-step {
676
- outline: none;
708
+ @media screen and (min-width: 60em) {
709
+ .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
710
+ margin-left: 23rem;
711
+ }
677
712
  }
678
-
679
713
  .dnb-forms-test-element {
680
714
  border: 1px dashed #808080;
681
715
  border-radius: 0.5rem;
@@ -1,4 +1,4 @@
1
- .dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-submit-indicator{--padding-left:0.5em;display:inline}.dnb-form-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-form-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-form-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-form-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-form-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-form-submit-indicator__content b{animation:none}.dnb-form-submit-indicator--state-pending .dnb-form-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content{font-size:1em}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-form-submit-indicator--inline-wrap .dnb-form-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-form-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-form-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-form-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-form-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms}.dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem;box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-form-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-form-iterate-block.dnb-height-animation--is-visible .dnb-form-iterate-block__inner{transform:translateY(-.5rem)}.dnb-form-iterate-block.dnb-height-animation--parallax .dnb-form-iterate-block__inner{transform:translateY(0)}.dnb-form-iterate__element{outline:none}.dnb-form-iterate>.dnb-form-iterate__element:has(.dnb-form-iterate-block){margin-top:0}.dnb-form-summary-list.dnb-dl .dnb-dt,.dnb-form-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-form-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-form-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-form-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-step{outline:none}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
1
+ @charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem;box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner{transform:translateY(-.5rem)}.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner{transform:translateY(0)}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
2
2
  --color-mint-green-12
3
3
  );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
4
4
  --color-mint-green-50
@@ -76,7 +76,7 @@ h6 {
76
76
  .dnb-core-style a {
77
77
  --anchor-icon-gutter: 0.25em;
78
78
  --anchor-icon-seperator: "⁠";
79
- --anchor-icon-fallback-position: translateY(-0.125em);
79
+ --anchor-icon-position: translateY(-0.175em);
80
80
  display: inline;
81
81
  padding: 0.05575em 0;
82
82
  font-size: var(--font-size-basis);
@@ -139,23 +139,16 @@ sup .dnb-core-style a, sub .dnb-core-style a {
139
139
  }
140
140
  .dnb-core-style a .dnb-icon {
141
141
  display: inline;
142
- vertical-align: baseline;
142
+ vertical-align: middle;
143
143
  white-space: nowrap;
144
- font-size: inherit;
145
144
  }
146
145
  .dnb-core-style a .dnb-icon svg {
147
- vertical-align: middle;
148
- transform: var(--anchor-icon-fallback-position);
149
- }
150
- @supports (height: 1lh) {
151
- .dnb-core-style a .dnb-icon {
152
- vertical-align: top;
153
- line-height: 1lh;
154
- }
155
- .dnb-core-style a .dnb-icon svg {
156
- vertical-align: top;
157
- transform: translateY(calc(0.5lh - 0.5em));
158
- }
146
+ vertical-align: baseline;
147
+ transform: scale(2) var(--anchor-icon-position);
148
+ font-size: 0.5em;
149
+ width: 2em;
150
+ height: 1em;
151
+ pointer-events: none;
159
152
  }
160
153
  .dnb-core-style a--no-icon .dnb-icon {
161
154
  display: none;
@@ -164,13 +157,13 @@ sup .dnb-core-style a, sub .dnb-core-style a {
164
157
  content: var(--anchor-icon-seperator);
165
158
  }
166
159
  .dnb-core-style a--icon-left .dnb-icon:first-child svg {
167
- margin-right: var(--anchor-icon-gutter);
160
+ margin-right: calc(var(--anchor-icon-gutter) * 2);
168
161
  }
169
162
  .dnb-core-style a--icon-right .dnb-icon:last-child::before {
170
163
  content: var(--anchor-icon-seperator);
171
164
  }
172
165
  .dnb-core-style a--icon-right .dnb-icon:last-child svg {
173
- margin-left: var(--anchor-icon-gutter);
166
+ margin-left: calc(var(--anchor-icon-gutter) * 2);
174
167
  }
175
168
  .dnb-core-style a .dnb-icon--default {
176
169
  font-size: 0.8888888889em;
@@ -1 +1 @@
1
- @charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-seperator:"⁠";--anchor-icon-fallback-position:translateY(-0.125em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;font-size:inherit;vertical-align:baseline;white-space:nowrap}.dnb-core-style a .dnb-icon svg{transform:var(--anchor-icon-fallback-position);vertical-align:middle}@supports (height:1lh){.dnb-core-style a .dnb-icon{line-height:1lh;vertical-align:top}.dnb-core-style a .dnb-icon svg{transform:translateY(calc(.5lh - .5em));vertical-align:top}}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:var(--anchor-icon-gutter)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:var(--anchor-icon-gutter)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:60ch}.dnb-core-style dl__layout--horizontal dt{margin-right:1rem;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt,.dnb-core-style dl__layout--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:first-of-type,.dnb-core-style dl__layout--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{display:none;flex-basis:100%;height:0;margin:0}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:30ch;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:max-content 1fr;row-gap:1rem}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-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-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
1
+ @charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-seperator:"⁠";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:60ch}.dnb-core-style dl__layout--horizontal dt{margin-right:1rem;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt,.dnb-core-style dl__layout--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:first-of-type,.dnb-core-style dl__layout--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{display:none;flex-basis:100%;height:0;margin:0}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:30ch;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:max-content 1fr;row-gap:1rem}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-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-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
@@ -2,7 +2,7 @@
2
2
  * Anchor mixins
3
3
  *
4
4
  */
5
-
5
+ @use 'sass:math';
6
6
  @import '../../../style/core/utilities.scss';
7
7
 
8
8
  @mixin anchorDefaultStyle() {
@@ -115,10 +115,13 @@
115
115
  }
116
116
 
117
117
  @mixin anchorStyle() {
118
+ $icon-scale: 2;
119
+ $icon-scale-filler: 0.5 - math.div(0.5, $icon-scale);
120
+
118
121
  --anchor-icon-gutter: 0.25em;
119
122
  // word-joiner character (zero-width non-breaking space) connects icon with word
120
123
  --anchor-icon-seperator: '\2060';
121
- --anchor-icon-fallback-position: translateY(-0.125em);
124
+ --anchor-icon-position: translateY(-0.175em);
122
125
  @include anchorDefaultStyle();
123
126
 
124
127
  // have focus before :active, because of border-radius
@@ -148,25 +151,16 @@
148
151
  // other stuff, not related to the Anchor directly
149
152
  .dnb-icon {
150
153
  display: inline;
151
- vertical-align: baseline;
154
+ vertical-align: middle;
152
155
  white-space: nowrap; // force icon to line break with word
153
- font-size: inherit;
154
156
 
155
157
  svg {
156
- vertical-align: middle;
157
- transform: var(--anchor-icon-fallback-position);
158
- }
159
- }
160
-
161
- @supports (height: 1lh) {
162
- .dnb-icon {
163
- vertical-align: top;
164
- line-height: 1lh;
165
-
166
- svg {
167
- vertical-align: top;
168
- transform: translateY(calc(0.5lh - 0.5em));
169
- }
158
+ vertical-align: baseline;
159
+ transform: scale($icon-scale) var(--anchor-icon-position);
160
+ font-size: #{math.div(1, $icon-scale)}em;
161
+ width: #{$icon-scale}em;
162
+ height: 1em;
163
+ pointer-events: none;
170
164
  }
171
165
  }
172
166
 
@@ -179,7 +173,7 @@
179
173
  content: var(--anchor-icon-seperator);
180
174
  }
181
175
  svg {
182
- margin-right: var(--anchor-icon-gutter);
176
+ margin-right: calc(var(--anchor-icon-gutter) * #{$icon-scale});
183
177
  }
184
178
  }
185
179
 
@@ -188,7 +182,7 @@
188
182
  content: var(--anchor-icon-seperator);
189
183
  }
190
184
  svg {
191
- margin-left: var(--anchor-icon-gutter);
185
+ margin-left: calc(var(--anchor-icon-gutter) * #{$icon-scale});
192
186
  }
193
187
  }
194
188