@dnb/eufemia 10.34.0 → 10.35.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 (984) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/assets/images/sbanken/sbanken-compact-horizontal.svg +3 -0
  3. package/assets/images/sbanken/sbanken-compact.svg +3 -0
  4. package/assets/images/sbanken/sbanken.svg +3 -0
  5. package/cjs/components/accordion/Accordion.d.ts +0 -2
  6. package/cjs/components/accordion/Accordion.js +2 -3
  7. package/cjs/components/accordion/Accordion.js.map +1 -1
  8. package/cjs/components/accordion/AccordionGroup.js +2 -3
  9. package/cjs/components/accordion/AccordionGroup.js.map +1 -1
  10. package/cjs/components/anchor/Anchor.d.ts +3 -0
  11. package/cjs/components/anchor/Anchor.js +22 -15
  12. package/cjs/components/anchor/Anchor.js.map +1 -1
  13. package/cjs/components/autocomplete/Autocomplete.js +2 -4
  14. package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  15. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +1 -1
  16. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +1 -1
  17. package/cjs/components/button/Button.d.ts +0 -4
  18. package/cjs/components/button/Button.js +2 -5
  19. package/cjs/components/button/Button.js.map +1 -1
  20. package/cjs/components/date-picker/DatePicker.d.ts +0 -1
  21. package/cjs/components/date-picker/DatePicker.js +2 -5
  22. package/cjs/components/date-picker/DatePicker.js.map +1 -1
  23. package/cjs/components/dropdown/Dropdown.js +2 -5
  24. package/cjs/components/dropdown/Dropdown.js.map +1 -1
  25. package/cjs/components/form-row/FormRow.d.ts +0 -1
  26. package/cjs/components/form-row/FormRow.js +2 -5
  27. package/cjs/components/form-row/FormRow.js.map +1 -1
  28. package/cjs/components/form-set/FormSet.d.ts +0 -1
  29. package/cjs/components/form-set/FormSet.js +3 -4
  30. package/cjs/components/form-set/FormSet.js.map +1 -1
  31. package/cjs/components/form-status/FormStatus.d.ts +0 -1
  32. package/cjs/components/form-status/FormStatus.js +2 -5
  33. package/cjs/components/form-status/FormStatus.js.map +1 -1
  34. package/cjs/components/global-status/GlobalStatus.d.ts +0 -1
  35. package/cjs/components/global-status/GlobalStatus.js +2 -5
  36. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  37. package/cjs/components/global-status/GlobalStatusController.js.map +1 -1
  38. package/cjs/components/global-status/GlobalStatusProvider.js.map +1 -1
  39. package/cjs/components/help-button/HelpButton.js +3 -0
  40. package/cjs/components/help-button/HelpButton.js.map +1 -1
  41. package/cjs/components/help-button/HelpButtonInstance.js +3 -4
  42. package/cjs/components/help-button/HelpButtonInstance.js.map +1 -1
  43. package/cjs/components/help-button/style/dnb-help-button.css +4 -1
  44. package/cjs/components/help-button/style/dnb-help-button.min.css +1 -0
  45. package/cjs/components/help-button/style/dnb-help-button.scss +6 -0
  46. package/cjs/components/icon/Icon.js +2 -3
  47. package/cjs/components/icon/Icon.js.map +1 -1
  48. package/cjs/components/icon-primary/IconPrimary.js.map +1 -1
  49. package/cjs/components/input/Input.d.ts +0 -1
  50. package/cjs/components/input/Input.js +2 -5
  51. package/cjs/components/input/Input.js.map +1 -1
  52. package/cjs/components/input-masked/InputMasked.d.ts +0 -1
  53. package/cjs/components/input-masked/InputMasked.js.map +1 -1
  54. package/cjs/components/logo/Logo.d.ts +47 -43
  55. package/cjs/components/logo/Logo.js +77 -224
  56. package/cjs/components/logo/Logo.js.map +1 -1
  57. package/cjs/components/logo/LogoDocs.d.ts +2 -0
  58. package/cjs/components/logo/LogoDocs.js +50 -0
  59. package/cjs/components/logo/LogoDocs.js.map +1 -0
  60. package/cjs/components/logo/LogoSvg.d.ts +7 -0
  61. package/cjs/components/logo/LogoSvg.js +81 -0
  62. package/cjs/components/logo/LogoSvg.js.map +1 -0
  63. package/cjs/components/modal/Modal.d.ts +2 -1
  64. package/cjs/components/modal/Modal.js +26 -12
  65. package/cjs/components/modal/Modal.js.map +1 -1
  66. package/cjs/components/modal/types.d.ts +0 -4
  67. package/cjs/components/modal/types.js.map +1 -1
  68. package/cjs/components/number-format/NumberFormat.d.ts +4 -0
  69. package/cjs/components/number-format/NumberFormat.js +5 -5
  70. package/cjs/components/number-format/NumberFormat.js.map +1 -1
  71. package/cjs/components/number-format/style/dnb-number-format.css +3 -0
  72. package/cjs/components/number-format/style/dnb-number-format.min.css +1 -1
  73. package/cjs/components/number-format/style/dnb-number-format.scss +4 -0
  74. package/cjs/components/pagination/Pagination.d.ts +0 -3
  75. package/cjs/components/pagination/Pagination.js +2 -5
  76. package/cjs/components/pagination/Pagination.js.map +1 -1
  77. package/cjs/components/pagination/PaginationHelpers.js.map +1 -1
  78. package/cjs/components/pagination/PaginationInfinity.js.map +1 -1
  79. package/cjs/components/pagination/PaginationProvider.js.map +1 -1
  80. package/cjs/components/progress-indicator/ProgressIndicatorDocs.js +1 -1
  81. package/cjs/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  82. package/cjs/components/progress-indicator/types.d.ts +1 -1
  83. package/cjs/components/progress-indicator/types.js.map +1 -1
  84. package/cjs/components/radio/Radio.d.ts +0 -1
  85. package/cjs/components/radio/Radio.js +2 -5
  86. package/cjs/components/radio/Radio.js.map +1 -1
  87. package/cjs/components/radio/RadioGroup.d.ts +0 -1
  88. package/cjs/components/radio/RadioGroup.js +2 -5
  89. package/cjs/components/radio/RadioGroup.js.map +1 -1
  90. package/cjs/components/skeleton/Skeleton.d.ts +0 -1
  91. package/cjs/components/skeleton/Skeleton.js +2 -5
  92. package/cjs/components/skeleton/Skeleton.js.map +1 -1
  93. package/cjs/components/switch/Switch.d.ts +0 -1
  94. package/cjs/components/switch/Switch.js +2 -5
  95. package/cjs/components/switch/Switch.js.map +1 -1
  96. package/cjs/components/table/Table.d.ts +6 -0
  97. package/cjs/components/table/Table.js +15 -3
  98. package/cjs/components/table/Table.js.map +1 -1
  99. package/cjs/components/table/TableAccordion.d.ts +7 -11
  100. package/cjs/components/table/TableAccordion.js +32 -21
  101. package/cjs/components/table/TableAccordion.js.map +1 -1
  102. package/cjs/components/table/TableTr.js +24 -25
  103. package/cjs/components/table/TableTr.js.map +1 -1
  104. package/cjs/components/tabs/Tabs.d.ts +0 -1
  105. package/cjs/components/tabs/Tabs.js +1 -7
  106. package/cjs/components/tabs/Tabs.js.map +1 -1
  107. package/cjs/components/tabs/TabsCustomContent.d.ts +0 -1
  108. package/cjs/components/tabs/TabsCustomContent.js +5 -8
  109. package/cjs/components/tabs/TabsCustomContent.js.map +1 -1
  110. package/cjs/components/tabs/TabsDocs.js +1 -1
  111. package/cjs/components/tabs/TabsDocs.js.map +1 -1
  112. package/cjs/components/textarea/Textarea.d.ts +0 -1
  113. package/cjs/components/textarea/Textarea.js +2 -5
  114. package/cjs/components/textarea/Textarea.js.map +1 -1
  115. package/cjs/components/toggle-button/ToggleButton.d.ts +0 -1
  116. package/cjs/components/toggle-button/ToggleButton.js +2 -5
  117. package/cjs/components/toggle-button/ToggleButton.js.map +1 -1
  118. package/cjs/components/toggle-button/ToggleButtonGroup.d.ts +0 -1
  119. package/cjs/components/toggle-button/ToggleButtonGroup.js +2 -5
  120. package/cjs/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  121. package/cjs/extensions/forms/DataContext/Context.d.ts +2 -0
  122. package/cjs/extensions/forms/DataContext/Context.js +1 -0
  123. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  124. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +17 -1
  125. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  126. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +5 -3
  127. package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  128. package/cjs/extensions/forms/DataContext/Provider/Provider.js +50 -4
  129. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  130. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
  131. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +7 -1
  132. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  133. package/cjs/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
  134. package/cjs/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
  135. package/cjs/extensions/forms/Field/Number/style/dnb-number.css +10 -0
  136. package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  137. package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +11 -0
  138. package/cjs/extensions/forms/Field/Option/Option.d.ts +2 -2
  139. package/cjs/extensions/forms/Field/Option/Option.js.map +1 -1
  140. package/cjs/extensions/forms/Field/Password/Password.js +2 -1
  141. package/cjs/extensions/forms/Field/Password/Password.js.map +1 -1
  142. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +6 -6
  143. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  144. package/cjs/extensions/forms/Field/Selection/Selection.js +7 -2
  145. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  146. package/cjs/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
  147. package/cjs/extensions/forms/Field/Toggle/Toggle.js +13 -1
  148. package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  149. package/cjs/extensions/forms/Form/Appearance/Appearance.d.ts +3 -0
  150. package/cjs/extensions/forms/Form/Appearance/Appearance.js +1 -0
  151. package/cjs/extensions/forms/Form/Appearance/Appearance.js.map +1 -1
  152. package/cjs/extensions/forms/Form/FieldProps/FieldProps.d.ts +5 -1
  153. package/cjs/extensions/forms/Form/FieldProps/FieldProps.js +20 -37
  154. package/cjs/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  155. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainer.d.ts +12 -0
  156. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainer.js +44 -0
  157. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainer.js.map +1 -0
  158. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.d.ts +3 -0
  159. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js +27 -0
  160. package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map +1 -0
  161. package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts +1 -0
  162. package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +67 -0
  163. package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -0
  164. package/cjs/extensions/forms/Form/Section/EditContainer/index.d.ts +2 -0
  165. package/cjs/extensions/forms/Form/Section/EditContainer/index.js +27 -0
  166. package/cjs/extensions/forms/Form/Section/EditContainer/index.js.map +1 -0
  167. package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.d.ts +3 -0
  168. package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +54 -0
  169. package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -0
  170. package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +1 -0
  171. package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +25 -0
  172. package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +1 -0
  173. package/cjs/extensions/forms/Form/Section/Section.d.ts +9 -1
  174. package/cjs/extensions/forms/Form/Section/Section.js +10 -2
  175. package/cjs/extensions/forms/Form/Section/Section.js.map +1 -1
  176. package/cjs/extensions/forms/Form/Section/SectionContext.d.ts +1 -2
  177. package/cjs/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  178. package/cjs/extensions/forms/Form/Section/SectionDocs.js +6 -1
  179. package/cjs/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  180. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainer.d.ts +12 -0
  181. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainer.js +43 -0
  182. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainer.js.map +1 -0
  183. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.d.ts +3 -0
  184. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js +27 -0
  185. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js.map +1 -0
  186. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.d.ts +1 -0
  187. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +34 -0
  188. package/cjs/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -0
  189. package/cjs/extensions/forms/Form/Section/ViewContainer/index.d.ts +2 -0
  190. package/cjs/extensions/forms/Form/Section/ViewContainer/index.js +27 -0
  191. package/cjs/extensions/forms/Form/Section/ViewContainer/index.js.map +1 -0
  192. package/cjs/extensions/forms/Form/Section/containers/SectionContainer.d.ts +19 -0
  193. package/cjs/extensions/forms/Form/Section/containers/SectionContainer.js +93 -0
  194. package/cjs/extensions/forms/Form/Section/containers/SectionContainer.js.map +1 -0
  195. package/cjs/extensions/forms/Form/Section/containers/SectionContainerContext.d.ts +8 -0
  196. package/cjs/extensions/forms/Form/Section/containers/SectionContainerContext.js +12 -0
  197. package/cjs/extensions/forms/Form/Section/containers/SectionContainerContext.js.map +1 -0
  198. package/cjs/extensions/forms/Form/Section/containers/SectionContainerProvider.d.ts +8 -0
  199. package/cjs/extensions/forms/Form/Section/containers/SectionContainerProvider.js +33 -0
  200. package/cjs/extensions/forms/Form/Section/containers/SectionContainerProvider.js.map +1 -0
  201. package/cjs/extensions/forms/Form/Section/containers/Toolbar.d.ts +7 -0
  202. package/cjs/extensions/forms/Form/Section/containers/Toolbar.js +35 -0
  203. package/cjs/extensions/forms/Form/Section/containers/Toolbar.js.map +1 -0
  204. package/cjs/extensions/forms/Form/Section/style/dnb-form-section.css +45 -0
  205. package/cjs/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -0
  206. package/{extensions/forms/Iterate/style/dnb-form-iterate.scss → cjs/extensions/forms/Form/Section/style/dnb-form-section.scss} +4 -12
  207. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +8 -8
  208. package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  209. package/cjs/extensions/forms/Iterate/Array/Array.js +1 -1
  210. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  211. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  212. package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  213. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +17 -8
  214. package/cjs/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  215. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  216. package/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  217. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  218. package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  219. package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +1 -1
  220. package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  221. package/cjs/extensions/forms/Iterate/style/dnb-iterate.css +6 -0
  222. package/cjs/extensions/forms/Iterate/style/dnb-iterate.min.css +1 -0
  223. package/cjs/extensions/forms/Iterate/style/dnb-iterate.scss +12 -0
  224. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
  225. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  226. package/cjs/extensions/forms/Wizard/Step/Step.js +1 -1
  227. package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
  228. package/cjs/extensions/forms/constants/locales/en-GB.d.ts +2 -1
  229. package/cjs/extensions/forms/constants/locales/en-GB.js +3 -2
  230. package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
  231. package/cjs/extensions/forms/constants/locales/en-US.d.ts +2 -1
  232. package/cjs/extensions/forms/constants/locales/index.d.ts +4 -2
  233. package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +2 -1
  234. package/cjs/extensions/forms/constants/locales/nb-NO.js +3 -2
  235. package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  236. package/cjs/extensions/forms/hooks/useDataValue.d.ts +4 -0
  237. package/cjs/extensions/forms/hooks/useDataValue.js +30 -5
  238. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
  239. package/cjs/extensions/forms/hooks/useFieldProps.js +14 -9
  240. package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
  241. package/cjs/extensions/forms/hooks/useTranslation.js +6 -11
  242. package/cjs/extensions/forms/hooks/useTranslation.js.map +1 -1
  243. package/cjs/extensions/forms/style/dnb-forms.css +56 -44
  244. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  245. package/cjs/extensions/payment-card/PaymentCard.js +0 -2
  246. package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
  247. package/cjs/fragments/drawer-list/DrawerList.d.ts +0 -1
  248. package/cjs/fragments/drawer-list/DrawerList.js +6 -13
  249. package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
  250. package/cjs/fragments/drawer-list/DrawerListHelpers.d.ts +43 -46
  251. package/cjs/fragments/drawer-list/DrawerListHelpers.js +0 -2
  252. package/cjs/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  253. package/cjs/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  254. package/cjs/fragments/drawer-list/DrawerListProvider.js.map +1 -1
  255. package/cjs/fragments/drawer-list/style/dnb-drawer-list.scss +4 -0
  256. package/cjs/fragments/text-counter/TextCounter.js +3 -2
  257. package/cjs/fragments/text-counter/TextCounter.js.map +1 -1
  258. package/cjs/shared/Context.d.ts +9 -5
  259. package/cjs/shared/Context.js +40 -35
  260. package/cjs/shared/Context.js.map +1 -1
  261. package/cjs/shared/Eufemia.d.ts +1 -1
  262. package/cjs/shared/Eufemia.js +2 -2
  263. package/cjs/shared/Eufemia.js.map +1 -1
  264. package/cjs/shared/Provider.d.ts +1 -1
  265. package/cjs/shared/Provider.js +49 -42
  266. package/cjs/shared/Provider.js.map +1 -1
  267. package/cjs/shared/Translation.d.ts +5 -5
  268. package/cjs/shared/Translation.js +6 -11
  269. package/cjs/shared/Translation.js.map +1 -1
  270. package/cjs/shared/index.d.ts +1 -0
  271. package/cjs/shared/index.js +26 -1
  272. package/cjs/shared/index.js.map +1 -1
  273. package/cjs/shared/locales/en-GB.d.ts +0 -3
  274. package/cjs/shared/locales/en-GB.js +0 -3
  275. package/cjs/shared/locales/en-GB.js.map +1 -1
  276. package/cjs/shared/locales/en-US.d.ts +0 -3
  277. package/cjs/shared/locales/index.d.ts +0 -6
  278. package/cjs/shared/locales/nb-NO.d.ts +0 -3
  279. package/cjs/shared/locales/nb-NO.js +0 -3
  280. package/cjs/shared/locales/nb-NO.js.map +1 -1
  281. package/cjs/shared/useTranslation.d.ts +5 -4
  282. package/cjs/shared/useTranslation.js +14 -12
  283. package/cjs/shared/useTranslation.js.map +1 -1
  284. package/cjs/style/core/scopes.scss +1 -1
  285. package/cjs/style/dnb-ui-basis.css +1 -1
  286. package/cjs/style/dnb-ui-basis.min.css +1 -1
  287. package/cjs/style/dnb-ui-body.css +1 -1
  288. package/cjs/style/dnb-ui-body.min.css +1 -1
  289. package/cjs/style/dnb-ui-components.css +67 -44
  290. package/cjs/style/dnb-ui-components.min.css +2 -2
  291. package/cjs/style/dnb-ui-core.css +1 -1
  292. package/cjs/style/dnb-ui-core.min.css +1 -1
  293. package/cjs/style/dnb-ui-extensions.css +56 -44
  294. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  295. package/cjs/style/dnb-ui-forms.css +56 -44
  296. package/cjs/style/dnb-ui-forms.min.css +1 -1
  297. package/cjs/style/dnb-ui-forms.scss +2 -1
  298. package/cjs/style/dnb-ui-fragments.css +4 -0
  299. package/cjs/style/dnb-ui-fragments.min.css +1 -1
  300. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -2
  301. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  302. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +123 -88
  303. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  304. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +56 -44
  305. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  306. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +56 -44
  307. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  308. package/cjs/style/themes/theme-sbanken/globals.scss +3 -2
  309. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -2
  310. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  311. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +124 -89
  312. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -3
  313. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +56 -44
  314. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  315. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +56 -44
  316. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  317. package/cjs/style/themes/theme-ui/globals.scss +3 -2
  318. package/cjs/style/themes/theme-ui/ui-theme-basis.css +2 -2
  319. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  320. package/cjs/style/themes/theme-ui/ui-theme-components.css +123 -88
  321. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  322. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +56 -44
  323. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  324. package/cjs/style/themes/theme-ui/ui-theme-forms.css +56 -44
  325. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  326. package/components/accordion/Accordion.d.ts +0 -2
  327. package/components/accordion/Accordion.js +2 -3
  328. package/components/accordion/Accordion.js.map +1 -1
  329. package/components/accordion/AccordionGroup.js +2 -3
  330. package/components/accordion/AccordionGroup.js.map +1 -1
  331. package/components/anchor/Anchor.d.ts +3 -0
  332. package/components/anchor/Anchor.js +21 -15
  333. package/components/anchor/Anchor.js.map +1 -1
  334. package/components/autocomplete/Autocomplete.js +2 -4
  335. package/components/autocomplete/Autocomplete.js.map +1 -1
  336. package/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +1 -1
  337. package/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +1 -1
  338. package/components/button/Button.d.ts +0 -4
  339. package/components/button/Button.js +2 -5
  340. package/components/button/Button.js.map +1 -1
  341. package/components/date-picker/DatePicker.d.ts +0 -1
  342. package/components/date-picker/DatePicker.js +2 -5
  343. package/components/date-picker/DatePicker.js.map +1 -1
  344. package/components/dropdown/Dropdown.js +2 -5
  345. package/components/dropdown/Dropdown.js.map +1 -1
  346. package/components/form-row/FormRow.d.ts +0 -1
  347. package/components/form-row/FormRow.js +2 -5
  348. package/components/form-row/FormRow.js.map +1 -1
  349. package/components/form-set/FormSet.d.ts +0 -1
  350. package/components/form-set/FormSet.js +3 -4
  351. package/components/form-set/FormSet.js.map +1 -1
  352. package/components/form-status/FormStatus.d.ts +0 -1
  353. package/components/form-status/FormStatus.js +2 -5
  354. package/components/form-status/FormStatus.js.map +1 -1
  355. package/components/global-status/GlobalStatus.d.ts +0 -1
  356. package/components/global-status/GlobalStatus.js +2 -5
  357. package/components/global-status/GlobalStatus.js.map +1 -1
  358. package/components/global-status/GlobalStatusController.js.map +1 -1
  359. package/components/global-status/GlobalStatusProvider.js.map +1 -1
  360. package/components/help-button/HelpButton.js +3 -0
  361. package/components/help-button/HelpButton.js.map +1 -1
  362. package/components/help-button/HelpButtonInstance.js +3 -4
  363. package/components/help-button/HelpButtonInstance.js.map +1 -1
  364. package/components/help-button/style/dnb-help-button.css +4 -1
  365. package/components/help-button/style/dnb-help-button.min.css +1 -0
  366. package/components/help-button/style/dnb-help-button.scss +6 -0
  367. package/components/icon/Icon.js +2 -3
  368. package/components/icon/Icon.js.map +1 -1
  369. package/components/icon-primary/IconPrimary.js.map +1 -1
  370. package/components/input/Input.d.ts +0 -1
  371. package/components/input/Input.js +2 -5
  372. package/components/input/Input.js.map +1 -1
  373. package/components/input-masked/InputMasked.d.ts +0 -1
  374. package/components/input-masked/InputMasked.js.map +1 -1
  375. package/components/logo/Logo.d.ts +47 -43
  376. package/components/logo/Logo.js +75 -224
  377. package/components/logo/Logo.js.map +1 -1
  378. package/components/logo/LogoDocs.d.ts +2 -0
  379. package/components/logo/LogoDocs.js +43 -0
  380. package/components/logo/LogoDocs.js.map +1 -0
  381. package/components/logo/LogoSvg.d.ts +7 -0
  382. package/components/logo/LogoSvg.js +73 -0
  383. package/components/logo/LogoSvg.js.map +1 -0
  384. package/components/modal/Modal.d.ts +2 -1
  385. package/components/modal/Modal.js +26 -12
  386. package/components/modal/Modal.js.map +1 -1
  387. package/components/modal/types.d.ts +0 -4
  388. package/components/modal/types.js.map +1 -1
  389. package/components/number-format/NumberFormat.d.ts +4 -0
  390. package/components/number-format/NumberFormat.js +5 -5
  391. package/components/number-format/NumberFormat.js.map +1 -1
  392. package/components/number-format/style/dnb-number-format.css +3 -0
  393. package/components/number-format/style/dnb-number-format.min.css +1 -1
  394. package/components/number-format/style/dnb-number-format.scss +4 -0
  395. package/components/pagination/Pagination.d.ts +0 -3
  396. package/components/pagination/Pagination.js +2 -5
  397. package/components/pagination/Pagination.js.map +1 -1
  398. package/components/pagination/PaginationHelpers.js.map +1 -1
  399. package/components/pagination/PaginationInfinity.js.map +1 -1
  400. package/components/pagination/PaginationProvider.js.map +1 -1
  401. package/components/progress-indicator/ProgressIndicatorDocs.js +1 -1
  402. package/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  403. package/components/progress-indicator/types.d.ts +1 -1
  404. package/components/progress-indicator/types.js.map +1 -1
  405. package/components/radio/Radio.d.ts +0 -1
  406. package/components/radio/Radio.js +2 -5
  407. package/components/radio/Radio.js.map +1 -1
  408. package/components/radio/RadioGroup.d.ts +0 -1
  409. package/components/radio/RadioGroup.js +2 -5
  410. package/components/radio/RadioGroup.js.map +1 -1
  411. package/components/skeleton/Skeleton.d.ts +0 -1
  412. package/components/skeleton/Skeleton.js +2 -5
  413. package/components/skeleton/Skeleton.js.map +1 -1
  414. package/components/switch/Switch.d.ts +0 -1
  415. package/components/switch/Switch.js +2 -5
  416. package/components/switch/Switch.js.map +1 -1
  417. package/components/table/Table.d.ts +6 -0
  418. package/components/table/Table.js +13 -3
  419. package/components/table/Table.js.map +1 -1
  420. package/components/table/TableAccordion.d.ts +7 -11
  421. package/components/table/TableAccordion.js +29 -20
  422. package/components/table/TableAccordion.js.map +1 -1
  423. package/components/table/TableTr.js +25 -26
  424. package/components/table/TableTr.js.map +1 -1
  425. package/components/tabs/Tabs.d.ts +0 -1
  426. package/components/tabs/Tabs.js +1 -7
  427. package/components/tabs/Tabs.js.map +1 -1
  428. package/components/tabs/TabsCustomContent.d.ts +0 -1
  429. package/components/tabs/TabsCustomContent.js +5 -8
  430. package/components/tabs/TabsCustomContent.js.map +1 -1
  431. package/components/tabs/TabsDocs.js +1 -1
  432. package/components/tabs/TabsDocs.js.map +1 -1
  433. package/components/textarea/Textarea.d.ts +0 -1
  434. package/components/textarea/Textarea.js +2 -5
  435. package/components/textarea/Textarea.js.map +1 -1
  436. package/components/toggle-button/ToggleButton.d.ts +0 -1
  437. package/components/toggle-button/ToggleButton.js +2 -5
  438. package/components/toggle-button/ToggleButton.js.map +1 -1
  439. package/components/toggle-button/ToggleButtonGroup.d.ts +0 -1
  440. package/components/toggle-button/ToggleButtonGroup.js +2 -5
  441. package/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  442. package/es/components/accordion/Accordion.d.ts +0 -2
  443. package/es/components/accordion/Accordion.js +2 -3
  444. package/es/components/accordion/Accordion.js.map +1 -1
  445. package/es/components/accordion/AccordionGroup.js +2 -3
  446. package/es/components/accordion/AccordionGroup.js.map +1 -1
  447. package/es/components/anchor/Anchor.d.ts +3 -0
  448. package/es/components/anchor/Anchor.js +21 -15
  449. package/es/components/anchor/Anchor.js.map +1 -1
  450. package/es/components/autocomplete/Autocomplete.js +2 -4
  451. package/es/components/autocomplete/Autocomplete.js.map +1 -1
  452. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +1 -1
  453. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +1 -1
  454. package/es/components/button/Button.d.ts +0 -4
  455. package/es/components/button/Button.js +2 -5
  456. package/es/components/button/Button.js.map +1 -1
  457. package/es/components/date-picker/DatePicker.d.ts +0 -1
  458. package/es/components/date-picker/DatePicker.js +2 -5
  459. package/es/components/date-picker/DatePicker.js.map +1 -1
  460. package/es/components/dropdown/Dropdown.js +2 -5
  461. package/es/components/dropdown/Dropdown.js.map +1 -1
  462. package/es/components/form-row/FormRow.d.ts +0 -1
  463. package/es/components/form-row/FormRow.js +2 -5
  464. package/es/components/form-row/FormRow.js.map +1 -1
  465. package/es/components/form-set/FormSet.d.ts +0 -1
  466. package/es/components/form-set/FormSet.js +3 -4
  467. package/es/components/form-set/FormSet.js.map +1 -1
  468. package/es/components/form-status/FormStatus.d.ts +0 -1
  469. package/es/components/form-status/FormStatus.js +2 -5
  470. package/es/components/form-status/FormStatus.js.map +1 -1
  471. package/es/components/global-status/GlobalStatus.d.ts +0 -1
  472. package/es/components/global-status/GlobalStatus.js +2 -5
  473. package/es/components/global-status/GlobalStatus.js.map +1 -1
  474. package/es/components/global-status/GlobalStatusController.js.map +1 -1
  475. package/es/components/global-status/GlobalStatusProvider.js.map +1 -1
  476. package/es/components/help-button/HelpButton.js +3 -0
  477. package/es/components/help-button/HelpButton.js.map +1 -1
  478. package/es/components/help-button/HelpButtonInstance.js +3 -4
  479. package/es/components/help-button/HelpButtonInstance.js.map +1 -1
  480. package/es/components/help-button/style/dnb-help-button.css +4 -1
  481. package/es/components/help-button/style/dnb-help-button.min.css +1 -0
  482. package/es/components/help-button/style/dnb-help-button.scss +6 -0
  483. package/es/components/icon/Icon.js +2 -3
  484. package/es/components/icon/Icon.js.map +1 -1
  485. package/es/components/icon-primary/IconPrimary.js.map +1 -1
  486. package/es/components/input/Input.d.ts +0 -1
  487. package/es/components/input/Input.js +2 -5
  488. package/es/components/input/Input.js.map +1 -1
  489. package/es/components/input-masked/InputMasked.d.ts +0 -1
  490. package/es/components/input-masked/InputMasked.js.map +1 -1
  491. package/es/components/logo/Logo.d.ts +47 -43
  492. package/es/components/logo/Logo.js +75 -224
  493. package/es/components/logo/Logo.js.map +1 -1
  494. package/es/components/logo/LogoDocs.d.ts +2 -0
  495. package/es/components/logo/LogoDocs.js +43 -0
  496. package/es/components/logo/LogoDocs.js.map +1 -0
  497. package/es/components/logo/LogoSvg.d.ts +7 -0
  498. package/es/components/logo/LogoSvg.js +72 -0
  499. package/es/components/logo/LogoSvg.js.map +1 -0
  500. package/es/components/modal/Modal.d.ts +2 -1
  501. package/es/components/modal/Modal.js +26 -12
  502. package/es/components/modal/Modal.js.map +1 -1
  503. package/es/components/modal/types.d.ts +0 -4
  504. package/es/components/modal/types.js.map +1 -1
  505. package/es/components/number-format/NumberFormat.d.ts +4 -0
  506. package/es/components/number-format/NumberFormat.js +5 -5
  507. package/es/components/number-format/NumberFormat.js.map +1 -1
  508. package/es/components/number-format/style/dnb-number-format.css +3 -0
  509. package/es/components/number-format/style/dnb-number-format.min.css +1 -1
  510. package/es/components/number-format/style/dnb-number-format.scss +4 -0
  511. package/es/components/pagination/Pagination.d.ts +0 -3
  512. package/es/components/pagination/Pagination.js +2 -5
  513. package/es/components/pagination/Pagination.js.map +1 -1
  514. package/es/components/pagination/PaginationHelpers.js.map +1 -1
  515. package/es/components/pagination/PaginationInfinity.js.map +1 -1
  516. package/es/components/pagination/PaginationProvider.js.map +1 -1
  517. package/es/components/progress-indicator/ProgressIndicatorDocs.js +1 -1
  518. package/es/components/progress-indicator/ProgressIndicatorDocs.js.map +1 -1
  519. package/es/components/progress-indicator/types.d.ts +1 -1
  520. package/es/components/progress-indicator/types.js.map +1 -1
  521. package/es/components/radio/Radio.d.ts +0 -1
  522. package/es/components/radio/Radio.js +2 -5
  523. package/es/components/radio/Radio.js.map +1 -1
  524. package/es/components/radio/RadioGroup.d.ts +0 -1
  525. package/es/components/radio/RadioGroup.js +2 -5
  526. package/es/components/radio/RadioGroup.js.map +1 -1
  527. package/es/components/skeleton/Skeleton.d.ts +0 -1
  528. package/es/components/skeleton/Skeleton.js +2 -5
  529. package/es/components/skeleton/Skeleton.js.map +1 -1
  530. package/es/components/switch/Switch.d.ts +0 -1
  531. package/es/components/switch/Switch.js +2 -5
  532. package/es/components/switch/Switch.js.map +1 -1
  533. package/es/components/table/Table.d.ts +6 -0
  534. package/es/components/table/Table.js +13 -3
  535. package/es/components/table/Table.js.map +1 -1
  536. package/es/components/table/TableAccordion.d.ts +7 -11
  537. package/es/components/table/TableAccordion.js +29 -19
  538. package/es/components/table/TableAccordion.js.map +1 -1
  539. package/es/components/table/TableTr.js +25 -26
  540. package/es/components/table/TableTr.js.map +1 -1
  541. package/es/components/tabs/Tabs.d.ts +0 -1
  542. package/es/components/tabs/Tabs.js +1 -7
  543. package/es/components/tabs/Tabs.js.map +1 -1
  544. package/es/components/tabs/TabsCustomContent.d.ts +0 -1
  545. package/es/components/tabs/TabsCustomContent.js +5 -8
  546. package/es/components/tabs/TabsCustomContent.js.map +1 -1
  547. package/es/components/tabs/TabsDocs.js +1 -1
  548. package/es/components/tabs/TabsDocs.js.map +1 -1
  549. package/es/components/textarea/Textarea.d.ts +0 -1
  550. package/es/components/textarea/Textarea.js +2 -5
  551. package/es/components/textarea/Textarea.js.map +1 -1
  552. package/es/components/toggle-button/ToggleButton.d.ts +0 -1
  553. package/es/components/toggle-button/ToggleButton.js +2 -5
  554. package/es/components/toggle-button/ToggleButton.js.map +1 -1
  555. package/es/components/toggle-button/ToggleButtonGroup.d.ts +0 -1
  556. package/es/components/toggle-button/ToggleButtonGroup.js +2 -5
  557. package/es/components/toggle-button/ToggleButtonGroup.js.map +1 -1
  558. package/es/extensions/forms/DataContext/Context.d.ts +2 -0
  559. package/es/extensions/forms/DataContext/Context.js +1 -0
  560. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  561. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +17 -1
  562. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  563. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +5 -3
  564. package/es/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  565. package/es/extensions/forms/DataContext/Provider/Provider.js +46 -1
  566. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  567. package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
  568. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +8 -2
  569. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  570. package/es/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
  571. package/es/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
  572. package/es/extensions/forms/Field/Number/style/dnb-number.css +10 -0
  573. package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  574. package/es/extensions/forms/Field/Number/style/dnb-number.scss +11 -0
  575. package/es/extensions/forms/Field/Option/Option.d.ts +2 -2
  576. package/es/extensions/forms/Field/Option/Option.js.map +1 -1
  577. package/es/extensions/forms/Field/Password/Password.js +2 -1
  578. package/es/extensions/forms/Field/Password/Password.js.map +1 -1
  579. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +6 -6
  580. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  581. package/es/extensions/forms/Field/Selection/Selection.js +7 -2
  582. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  583. package/es/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
  584. package/es/extensions/forms/Field/Toggle/Toggle.js +14 -2
  585. package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  586. package/es/extensions/forms/Form/Appearance/Appearance.d.ts +3 -0
  587. package/es/extensions/forms/Form/Appearance/Appearance.js +1 -0
  588. package/es/extensions/forms/Form/Appearance/Appearance.js.map +1 -1
  589. package/es/extensions/forms/Form/FieldProps/FieldProps.d.ts +5 -1
  590. package/es/extensions/forms/Form/FieldProps/FieldProps.js +19 -37
  591. package/es/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  592. package/es/extensions/forms/Form/Section/EditContainer/EditContainer.d.ts +12 -0
  593. package/es/extensions/forms/Form/Section/EditContainer/EditContainer.js +33 -0
  594. package/es/extensions/forms/Form/Section/EditContainer/EditContainer.js.map +1 -0
  595. package/es/extensions/forms/Form/Section/EditContainer/EditContainerDocs.d.ts +3 -0
  596. package/es/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js +19 -0
  597. package/es/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map +1 -0
  598. package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts +1 -0
  599. package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +59 -0
  600. package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -0
  601. package/es/extensions/forms/Form/Section/EditContainer/index.d.ts +2 -0
  602. package/es/extensions/forms/Form/Section/EditContainer/index.js +3 -0
  603. package/es/extensions/forms/Form/Section/EditContainer/index.js.map +1 -0
  604. package/es/extensions/forms/Form/Section/EditContainer/useContainerDataStore.d.ts +3 -0
  605. package/es/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +46 -0
  606. package/es/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -0
  607. package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +1 -0
  608. package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +19 -0
  609. package/es/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +1 -0
  610. package/es/extensions/forms/Form/Section/Section.d.ts +9 -1
  611. package/es/extensions/forms/Form/Section/Section.js +10 -2
  612. package/es/extensions/forms/Form/Section/Section.js.map +1 -1
  613. package/es/extensions/forms/Form/Section/SectionContext.d.ts +1 -2
  614. package/es/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  615. package/es/extensions/forms/Form/Section/SectionDocs.js +6 -1
  616. package/es/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  617. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainer.d.ts +12 -0
  618. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainer.js +32 -0
  619. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainer.js.map +1 -0
  620. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.d.ts +3 -0
  621. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js +19 -0
  622. package/es/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js.map +1 -0
  623. package/es/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.d.ts +1 -0
  624. package/es/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +26 -0
  625. package/es/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -0
  626. package/es/extensions/forms/Form/Section/ViewContainer/index.d.ts +2 -0
  627. package/es/extensions/forms/Form/Section/ViewContainer/index.js +3 -0
  628. package/es/extensions/forms/Form/Section/ViewContainer/index.js.map +1 -0
  629. package/es/extensions/forms/Form/Section/containers/SectionContainer.d.ts +19 -0
  630. package/es/extensions/forms/Form/Section/containers/SectionContainer.js +83 -0
  631. package/es/extensions/forms/Form/Section/containers/SectionContainer.js.map +1 -0
  632. package/es/extensions/forms/Form/Section/containers/SectionContainerContext.d.ts +8 -0
  633. package/es/extensions/forms/Form/Section/containers/SectionContainerContext.js +4 -0
  634. package/es/extensions/forms/Form/Section/containers/SectionContainerContext.js.map +1 -0
  635. package/es/extensions/forms/Form/Section/containers/SectionContainerProvider.d.ts +8 -0
  636. package/es/extensions/forms/Form/Section/containers/SectionContainerProvider.js +24 -0
  637. package/es/extensions/forms/Form/Section/containers/SectionContainerProvider.js.map +1 -0
  638. package/es/extensions/forms/Form/Section/containers/Toolbar.d.ts +7 -0
  639. package/es/extensions/forms/Form/Section/containers/Toolbar.js +27 -0
  640. package/es/extensions/forms/Form/Section/containers/Toolbar.js.map +1 -0
  641. package/es/extensions/forms/Form/Section/style/dnb-form-section.css +45 -0
  642. package/es/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -0
  643. package/es/extensions/forms/{Iterate/style/dnb-form-iterate.scss → Form/Section/style/dnb-form-section.scss} +4 -12
  644. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +8 -8
  645. package/es/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  646. package/es/extensions/forms/Iterate/Array/Array.js +1 -1
  647. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  648. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  649. package/es/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  650. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +19 -10
  651. package/es/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  652. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  653. package/es/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  654. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  655. package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  656. package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +1 -1
  657. package/es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  658. package/es/extensions/forms/Iterate/style/dnb-iterate.css +6 -0
  659. package/es/extensions/forms/Iterate/style/dnb-iterate.min.css +1 -0
  660. package/es/extensions/forms/Iterate/style/dnb-iterate.scss +12 -0
  661. package/es/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
  662. package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  663. package/es/extensions/forms/Wizard/Step/Step.js +1 -1
  664. package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
  665. package/es/extensions/forms/constants/locales/en-GB.d.ts +2 -1
  666. package/es/extensions/forms/constants/locales/en-GB.js +3 -2
  667. package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
  668. package/es/extensions/forms/constants/locales/en-US.d.ts +2 -1
  669. package/es/extensions/forms/constants/locales/index.d.ts +4 -2
  670. package/es/extensions/forms/constants/locales/nb-NO.d.ts +2 -1
  671. package/es/extensions/forms/constants/locales/nb-NO.js +3 -2
  672. package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  673. package/es/extensions/forms/hooks/useDataValue.d.ts +4 -0
  674. package/es/extensions/forms/hooks/useDataValue.js +30 -5
  675. package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
  676. package/es/extensions/forms/hooks/useFieldProps.js +14 -9
  677. package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
  678. package/es/extensions/forms/hooks/useTranslation.js +7 -12
  679. package/es/extensions/forms/hooks/useTranslation.js.map +1 -1
  680. package/es/extensions/forms/style/dnb-forms.css +56 -44
  681. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  682. package/es/extensions/payment-card/PaymentCard.js +0 -2
  683. package/es/extensions/payment-card/PaymentCard.js.map +1 -1
  684. package/es/fragments/drawer-list/DrawerList.d.ts +0 -1
  685. package/es/fragments/drawer-list/DrawerList.js +6 -13
  686. package/es/fragments/drawer-list/DrawerList.js.map +1 -1
  687. package/es/fragments/drawer-list/DrawerListHelpers.d.ts +43 -46
  688. package/es/fragments/drawer-list/DrawerListHelpers.js +0 -2
  689. package/es/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  690. package/es/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  691. package/es/fragments/drawer-list/DrawerListProvider.js.map +1 -1
  692. package/es/fragments/drawer-list/style/dnb-drawer-list.scss +4 -0
  693. package/es/fragments/text-counter/TextCounter.js +3 -2
  694. package/es/fragments/text-counter/TextCounter.js.map +1 -1
  695. package/es/shared/Context.d.ts +9 -5
  696. package/es/shared/Context.js +39 -35
  697. package/es/shared/Context.js.map +1 -1
  698. package/es/shared/Eufemia.d.ts +1 -1
  699. package/es/shared/Eufemia.js +2 -2
  700. package/es/shared/Eufemia.js.map +1 -1
  701. package/es/shared/Provider.d.ts +1 -1
  702. package/es/shared/Provider.js +49 -41
  703. package/es/shared/Provider.js.map +1 -1
  704. package/es/shared/Translation.d.ts +5 -5
  705. package/es/shared/Translation.js +8 -10
  706. package/es/shared/Translation.js.map +1 -1
  707. package/es/shared/index.d.ts +1 -0
  708. package/es/shared/index.js +1 -0
  709. package/es/shared/index.js.map +1 -1
  710. package/es/shared/locales/en-GB.d.ts +0 -3
  711. package/es/shared/locales/en-GB.js +0 -3
  712. package/es/shared/locales/en-GB.js.map +1 -1
  713. package/es/shared/locales/en-US.d.ts +0 -3
  714. package/es/shared/locales/index.d.ts +0 -6
  715. package/es/shared/locales/nb-NO.d.ts +0 -3
  716. package/es/shared/locales/nb-NO.js +0 -3
  717. package/es/shared/locales/nb-NO.js.map +1 -1
  718. package/es/shared/useTranslation.d.ts +5 -4
  719. package/es/shared/useTranslation.js +13 -11
  720. package/es/shared/useTranslation.js.map +1 -1
  721. package/es/style/core/scopes.scss +1 -1
  722. package/es/style/dnb-ui-basis.css +1 -1
  723. package/es/style/dnb-ui-basis.min.css +1 -1
  724. package/es/style/dnb-ui-body.css +1 -1
  725. package/es/style/dnb-ui-body.min.css +1 -1
  726. package/es/style/dnb-ui-components.css +67 -44
  727. package/es/style/dnb-ui-components.min.css +2 -2
  728. package/es/style/dnb-ui-core.css +1 -1
  729. package/es/style/dnb-ui-core.min.css +1 -1
  730. package/es/style/dnb-ui-extensions.css +56 -44
  731. package/es/style/dnb-ui-extensions.min.css +1 -1
  732. package/es/style/dnb-ui-forms.css +56 -44
  733. package/es/style/dnb-ui-forms.min.css +1 -1
  734. package/es/style/dnb-ui-forms.scss +2 -1
  735. package/es/style/dnb-ui-fragments.css +4 -0
  736. package/es/style/dnb-ui-fragments.min.css +1 -1
  737. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -2
  738. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  739. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +123 -88
  740. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  741. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +56 -44
  742. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  743. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +56 -44
  744. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  745. package/es/style/themes/theme-sbanken/globals.scss +3 -2
  746. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -2
  747. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  748. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +124 -89
  749. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -3
  750. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +56 -44
  751. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  752. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +56 -44
  753. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  754. package/es/style/themes/theme-ui/globals.scss +3 -2
  755. package/es/style/themes/theme-ui/ui-theme-basis.css +2 -2
  756. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  757. package/es/style/themes/theme-ui/ui-theme-components.css +123 -88
  758. package/es/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  759. package/es/style/themes/theme-ui/ui-theme-extensions.css +56 -44
  760. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  761. package/es/style/themes/theme-ui/ui-theme-forms.css +56 -44
  762. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  763. package/esm/dnb-ui-basis.min.mjs +1 -1
  764. package/esm/dnb-ui-components.min.mjs +1 -1
  765. package/esm/dnb-ui-elements.min.mjs +1 -1
  766. package/esm/dnb-ui-extensions.min.mjs +5 -5
  767. package/esm/dnb-ui-lib.min.mjs +1 -1
  768. package/extensions/forms/DataContext/Context.d.ts +2 -0
  769. package/extensions/forms/DataContext/Context.js +1 -0
  770. package/extensions/forms/DataContext/Context.js.map +1 -1
  771. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts +17 -1
  772. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map +1 -1
  773. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js +5 -3
  774. package/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map +1 -1
  775. package/extensions/forms/DataContext/Provider/Provider.js +50 -4
  776. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  777. package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +2 -2
  778. package/extensions/forms/Field/ArraySelection/ArraySelection.js +8 -2
  779. package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  780. package/extensions/forms/Field/Boolean/Boolean.d.ts +2 -2
  781. package/extensions/forms/Field/Boolean/Boolean.js.map +1 -1
  782. package/extensions/forms/Field/Number/style/dnb-number.css +10 -0
  783. package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  784. package/extensions/forms/Field/Number/style/dnb-number.scss +11 -0
  785. package/extensions/forms/Field/Option/Option.d.ts +2 -2
  786. package/extensions/forms/Field/Option/Option.js.map +1 -1
  787. package/extensions/forms/Field/Password/Password.js +2 -1
  788. package/extensions/forms/Field/Password/Password.js.map +1 -1
  789. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +6 -6
  790. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  791. package/extensions/forms/Field/Selection/Selection.js +7 -2
  792. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  793. package/extensions/forms/Field/Toggle/Toggle.d.ts +2 -2
  794. package/extensions/forms/Field/Toggle/Toggle.js +14 -2
  795. package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  796. package/extensions/forms/Form/Appearance/Appearance.d.ts +3 -0
  797. package/extensions/forms/Form/Appearance/Appearance.js +1 -0
  798. package/extensions/forms/Form/Appearance/Appearance.js.map +1 -1
  799. package/extensions/forms/Form/FieldProps/FieldProps.d.ts +5 -1
  800. package/extensions/forms/Form/FieldProps/FieldProps.js +19 -37
  801. package/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  802. package/extensions/forms/Form/Section/EditContainer/EditContainer.d.ts +12 -0
  803. package/extensions/forms/Form/Section/EditContainer/EditContainer.js +33 -0
  804. package/extensions/forms/Form/Section/EditContainer/EditContainer.js.map +1 -0
  805. package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.d.ts +3 -0
  806. package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js +19 -0
  807. package/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map +1 -0
  808. package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts +1 -0
  809. package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js +59 -0
  810. package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map +1 -0
  811. package/extensions/forms/Form/Section/EditContainer/index.d.ts +2 -0
  812. package/extensions/forms/Form/Section/EditContainer/index.js +3 -0
  813. package/extensions/forms/Form/Section/EditContainer/index.js.map +1 -0
  814. package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.d.ts +3 -0
  815. package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js +46 -0
  816. package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map +1 -0
  817. package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts +1 -0
  818. package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js +19 -0
  819. package/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map +1 -0
  820. package/extensions/forms/Form/Section/Section.d.ts +9 -1
  821. package/extensions/forms/Form/Section/Section.js +10 -2
  822. package/extensions/forms/Form/Section/Section.js.map +1 -1
  823. package/extensions/forms/Form/Section/SectionContext.d.ts +1 -2
  824. package/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  825. package/extensions/forms/Form/Section/SectionDocs.js +6 -1
  826. package/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  827. package/extensions/forms/Form/Section/ViewContainer/ViewContainer.d.ts +12 -0
  828. package/extensions/forms/Form/Section/ViewContainer/ViewContainer.js +32 -0
  829. package/extensions/forms/Form/Section/ViewContainer/ViewContainer.js.map +1 -0
  830. package/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.d.ts +3 -0
  831. package/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js +19 -0
  832. package/extensions/forms/Form/Section/ViewContainer/ViewContainerDocs.js.map +1 -0
  833. package/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.d.ts +1 -0
  834. package/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js +26 -0
  835. package/extensions/forms/Form/Section/ViewContainer/ViewToolbarTools.js.map +1 -0
  836. package/extensions/forms/Form/Section/ViewContainer/index.d.ts +2 -0
  837. package/extensions/forms/Form/Section/ViewContainer/index.js +3 -0
  838. package/extensions/forms/Form/Section/ViewContainer/index.js.map +1 -0
  839. package/extensions/forms/Form/Section/containers/SectionContainer.d.ts +19 -0
  840. package/extensions/forms/Form/Section/containers/SectionContainer.js +83 -0
  841. package/extensions/forms/Form/Section/containers/SectionContainer.js.map +1 -0
  842. package/extensions/forms/Form/Section/containers/SectionContainerContext.d.ts +8 -0
  843. package/extensions/forms/Form/Section/containers/SectionContainerContext.js +4 -0
  844. package/extensions/forms/Form/Section/containers/SectionContainerContext.js.map +1 -0
  845. package/extensions/forms/Form/Section/containers/SectionContainerProvider.d.ts +8 -0
  846. package/extensions/forms/Form/Section/containers/SectionContainerProvider.js +24 -0
  847. package/extensions/forms/Form/Section/containers/SectionContainerProvider.js.map +1 -0
  848. package/extensions/forms/Form/Section/containers/Toolbar.d.ts +7 -0
  849. package/extensions/forms/Form/Section/containers/Toolbar.js +27 -0
  850. package/extensions/forms/Form/Section/containers/Toolbar.js.map +1 -0
  851. package/extensions/forms/Form/Section/style/dnb-form-section.css +45 -0
  852. package/extensions/forms/Form/Section/style/dnb-form-section.min.css +1 -0
  853. package/{cjs/extensions/forms/Iterate/style/dnb-form-iterate.scss → extensions/forms/Form/Section/style/dnb-form-section.scss} +4 -12
  854. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js +8 -8
  855. package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map +1 -1
  856. package/extensions/forms/Iterate/Array/Array.js +1 -1
  857. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  858. package/extensions/forms/Iterate/EditContainer/EditContainer.js +1 -1
  859. package/extensions/forms/Iterate/EditContainer/EditContainer.js.map +1 -1
  860. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js +19 -10
  861. package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map +1 -1
  862. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js +1 -1
  863. package/extensions/forms/Iterate/RemoveButton/RemoveButton.js.map +1 -1
  864. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js +1 -1
  865. package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map +1 -1
  866. package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js +1 -1
  867. package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map +1 -1
  868. package/extensions/forms/Iterate/style/dnb-iterate.css +6 -0
  869. package/extensions/forms/Iterate/style/dnb-iterate.min.css +1 -0
  870. package/extensions/forms/Iterate/style/dnb-iterate.scss +12 -0
  871. package/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
  872. package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  873. package/extensions/forms/Wizard/Step/Step.js +1 -1
  874. package/extensions/forms/Wizard/Step/Step.js.map +1 -1
  875. package/extensions/forms/constants/locales/en-GB.d.ts +2 -1
  876. package/extensions/forms/constants/locales/en-GB.js +3 -2
  877. package/extensions/forms/constants/locales/en-GB.js.map +1 -1
  878. package/extensions/forms/constants/locales/en-US.d.ts +2 -1
  879. package/extensions/forms/constants/locales/index.d.ts +4 -2
  880. package/extensions/forms/constants/locales/nb-NO.d.ts +2 -1
  881. package/extensions/forms/constants/locales/nb-NO.js +3 -2
  882. package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  883. package/extensions/forms/hooks/useDataValue.d.ts +4 -0
  884. package/extensions/forms/hooks/useDataValue.js +30 -5
  885. package/extensions/forms/hooks/useDataValue.js.map +1 -1
  886. package/extensions/forms/hooks/useFieldProps.js +14 -9
  887. package/extensions/forms/hooks/useFieldProps.js.map +1 -1
  888. package/extensions/forms/hooks/useTranslation.js +7 -12
  889. package/extensions/forms/hooks/useTranslation.js.map +1 -1
  890. package/extensions/forms/style/dnb-forms.css +56 -44
  891. package/extensions/forms/style/dnb-forms.min.css +1 -1
  892. package/extensions/payment-card/PaymentCard.js +0 -2
  893. package/extensions/payment-card/PaymentCard.js.map +1 -1
  894. package/fragments/drawer-list/DrawerList.d.ts +0 -1
  895. package/fragments/drawer-list/DrawerList.js +6 -13
  896. package/fragments/drawer-list/DrawerList.js.map +1 -1
  897. package/fragments/drawer-list/DrawerListHelpers.d.ts +43 -46
  898. package/fragments/drawer-list/DrawerListHelpers.js +0 -2
  899. package/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  900. package/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  901. package/fragments/drawer-list/DrawerListProvider.js.map +1 -1
  902. package/fragments/drawer-list/style/dnb-drawer-list.scss +4 -0
  903. package/fragments/text-counter/TextCounter.js +3 -2
  904. package/fragments/text-counter/TextCounter.js.map +1 -1
  905. package/package.json +1 -1
  906. package/shared/Context.d.ts +9 -5
  907. package/shared/Context.js +40 -35
  908. package/shared/Context.js.map +1 -1
  909. package/shared/Eufemia.d.ts +1 -1
  910. package/shared/Eufemia.js +2 -2
  911. package/shared/Eufemia.js.map +1 -1
  912. package/shared/Provider.d.ts +1 -1
  913. package/shared/Provider.js +49 -41
  914. package/shared/Provider.js.map +1 -1
  915. package/shared/Translation.d.ts +5 -5
  916. package/shared/Translation.js +8 -10
  917. package/shared/Translation.js.map +1 -1
  918. package/shared/index.d.ts +1 -0
  919. package/shared/index.js +1 -0
  920. package/shared/index.js.map +1 -1
  921. package/shared/locales/en-GB.d.ts +0 -3
  922. package/shared/locales/en-GB.js +0 -3
  923. package/shared/locales/en-GB.js.map +1 -1
  924. package/shared/locales/en-US.d.ts +0 -3
  925. package/shared/locales/index.d.ts +0 -6
  926. package/shared/locales/nb-NO.d.ts +0 -3
  927. package/shared/locales/nb-NO.js +0 -3
  928. package/shared/locales/nb-NO.js.map +1 -1
  929. package/shared/useTranslation.d.ts +5 -4
  930. package/shared/useTranslation.js +13 -11
  931. package/shared/useTranslation.js.map +1 -1
  932. package/style/core/scopes.scss +1 -1
  933. package/style/dnb-ui-basis.css +1 -1
  934. package/style/dnb-ui-basis.min.css +1 -1
  935. package/style/dnb-ui-body.css +1 -1
  936. package/style/dnb-ui-body.min.css +1 -1
  937. package/style/dnb-ui-components.css +67 -44
  938. package/style/dnb-ui-components.min.css +2 -2
  939. package/style/dnb-ui-core.css +1 -1
  940. package/style/dnb-ui-core.min.css +1 -1
  941. package/style/dnb-ui-extensions.css +56 -44
  942. package/style/dnb-ui-extensions.min.css +1 -1
  943. package/style/dnb-ui-forms.css +56 -44
  944. package/style/dnb-ui-forms.min.css +1 -1
  945. package/style/dnb-ui-forms.scss +2 -1
  946. package/style/dnb-ui-fragments.css +4 -0
  947. package/style/dnb-ui-fragments.min.css +1 -1
  948. package/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -2
  949. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  950. package/style/themes/theme-eiendom/eiendom-theme-components.css +123 -88
  951. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -3
  952. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +56 -44
  953. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  954. package/style/themes/theme-eiendom/eiendom-theme-forms.css +56 -44
  955. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  956. package/style/themes/theme-sbanken/globals.scss +3 -2
  957. package/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -2
  958. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  959. package/style/themes/theme-sbanken/sbanken-theme-components.css +124 -89
  960. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -3
  961. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +56 -44
  962. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  963. package/style/themes/theme-sbanken/sbanken-theme-forms.css +56 -44
  964. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  965. package/style/themes/theme-ui/globals.scss +3 -2
  966. package/style/themes/theme-ui/ui-theme-basis.css +2 -2
  967. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  968. package/style/themes/theme-ui/ui-theme-components.css +123 -88
  969. package/style/themes/theme-ui/ui-theme-components.min.css +3 -3
  970. package/style/themes/theme-ui/ui-theme-extensions.css +56 -44
  971. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  972. package/style/themes/theme-ui/ui-theme-forms.css +56 -44
  973. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  974. package/umd/dnb-ui-basis.min.js +1 -1
  975. package/umd/dnb-ui-components.min.js +1 -1
  976. package/umd/dnb-ui-elements.min.js +1 -1
  977. package/umd/dnb-ui-extensions.min.js +5 -5
  978. package/umd/dnb-ui-lib.min.js +1 -1
  979. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.css +0 -50
  980. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.min.css +0 -1
  981. package/es/extensions/forms/Iterate/style/dnb-form-iterate.css +0 -50
  982. package/es/extensions/forms/Iterate/style/dnb-form-iterate.min.css +0 -1
  983. package/extensions/forms/Iterate/style/dnb-form-iterate.css +0 -50
  984. package/extensions/forms/Iterate/style/dnb-form-iterate.min.css +0 -1
@@ -171,6 +171,16 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
171
171
  .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
172
172
  width: var(--number-control-button-width--large);
173
173
  }
174
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
175
+ /* stylelint-disable-next-line no-descending-specificity */
176
+ }
177
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
178
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
179
+ width: var(--number-control-button-width--large);
180
+ }
181
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
182
+ flex-grow: 1;
183
+ }
174
184
 
175
185
  .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
176
186
  color: var(--color-fire-red);
@@ -392,6 +402,52 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
392
402
  margin-bottom: var(--spacing-small);
393
403
  }
394
404
 
405
+ .dnb-forms-section-block {
406
+ --block-outline-color: var(--outline-color, var(--color-lavender));
407
+ }
408
+ .dnb-forms-section-block--error:has(.dnb-form-status--error) {
409
+ --block-outline-color: var(--color-fire-red);
410
+ }
411
+ .dnb-forms-section-block:not(.dnb-height-animation--hidden) {
412
+ display: flex;
413
+ flex-direction: column;
414
+ }
415
+ .dnb-forms-section-block__inner {
416
+ flex: 1;
417
+ outline: none;
418
+ margin-bottom: var(--space);
419
+ padding: var(--padding, 1rem);
420
+ transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
421
+ transform: translateY(-2.5rem);
422
+ }
423
+ .dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner, .dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]) {
424
+ --padding: 0;
425
+ }
426
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
427
+ border-radius: 0.375rem;
428
+ }
429
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
430
+ --space: var(--spacing-small);
431
+ }
432
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
433
+ --space: var(--spacing-medium);
434
+ }
435
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
436
+ --space: var(--spacing-large);
437
+ }
438
+ .dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
439
+ box-shadow: inset 0 0 0 2px var(--block-outline-color);
440
+ }
441
+ .dnb-forms-section-block__inner .dnb-dl .dnb-dd {
442
+ margin-bottom: 0;
443
+ }
444
+ .dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner {
445
+ transform: translateY(-0.5rem);
446
+ }
447
+ .dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner {
448
+ transform: translateY(0);
449
+ }
450
+
395
451
  /*
396
452
  * Utilities
397
453
  */
@@ -501,50 +557,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
501
557
  font-size: 0;
502
558
  }
503
559
  }
504
- .dnb-forms-iterate-block {
505
- --block-outline-color: var(--outline-color, var(--color-lavender));
506
- }
507
- .dnb-forms-iterate-block--error:has(.dnb-form-status--error) {
508
- --block-outline-color: var(--color-fire-red);
509
- }
510
- .dnb-forms-iterate-block:not(.dnb-height-animation--hidden) {
511
- display: flex;
512
- flex-direction: column;
513
- }
514
- .dnb-forms-iterate-block__inner {
515
- flex: 1;
516
- margin-bottom: var(--space);
517
- padding: var(--padding, 1rem);
518
- transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
519
- transform: translateY(-2.5rem);
520
- }
521
- .dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner, .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
522
- --padding: 0;
523
- }
524
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
525
- border-radius: 0.375rem;
526
- }
527
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
528
- --space: var(--spacing-small);
529
- }
530
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
531
- --space: var(--spacing-medium);
532
- }
533
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
534
- --space: var(--spacing-large);
535
- }
536
- .dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
537
- box-shadow: inset 0 0 0 2px var(--block-outline-color);
538
- }
539
- .dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
540
- margin-bottom: 0;
541
- }
542
- .dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner {
543
- transform: translateY(-0.5rem);
544
- }
545
- .dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner {
546
- transform: translateY(0);
547
- }
548
560
  .dnb-forms-iterate__element {
549
561
  outline: none;
550
562
  }
@@ -1,4 +1,4 @@
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__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}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@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--variant-basic .dnb-forms-iterate-block__inner,.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}.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--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.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__indicator{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{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}:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-headings:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:1.25rem;--sb-font-size-medium:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent;border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-mastercard{background:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background:var(--color-white);color:var(--sb-color-text)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card--design-sbanken-mastercard:after{background:none}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__card__credit{position:absolute;right:0;top:6px}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.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__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}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@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-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.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__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__indicator{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{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}:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-headings:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:1.25rem;--sb-font-size-medium:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent;border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-mastercard{background:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background:var(--color-white);color:var(--sb-color-text)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card--design-sbanken-mastercard:after{background:none}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__card__credit{position:absolute;right:0;top:6px}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.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
@@ -163,6 +163,16 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
163
163
  .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
164
164
  width: var(--number-control-button-width--large);
165
165
  }
166
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
167
+ /* stylelint-disable-next-line no-descending-specificity */
168
+ }
169
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
170
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
171
+ width: var(--number-control-button-width--large);
172
+ }
173
+ .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
174
+ flex-grow: 1;
175
+ }
166
176
 
167
177
  .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
168
178
  color: var(--color-fire-red);
@@ -384,6 +394,52 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
384
394
  margin-bottom: var(--spacing-small);
385
395
  }
386
396
 
397
+ .dnb-forms-section-block {
398
+ --block-outline-color: var(--outline-color, var(--color-lavender));
399
+ }
400
+ .dnb-forms-section-block--error:has(.dnb-form-status--error) {
401
+ --block-outline-color: var(--color-fire-red);
402
+ }
403
+ .dnb-forms-section-block:not(.dnb-height-animation--hidden) {
404
+ display: flex;
405
+ flex-direction: column;
406
+ }
407
+ .dnb-forms-section-block__inner {
408
+ flex: 1;
409
+ outline: none;
410
+ margin-bottom: var(--space);
411
+ padding: var(--padding, 1rem);
412
+ transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
413
+ transform: translateY(-2.5rem);
414
+ }
415
+ .dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner, .dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]) {
416
+ --padding: 0;
417
+ }
418
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
419
+ border-radius: 0.375rem;
420
+ }
421
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
422
+ --space: var(--spacing-small);
423
+ }
424
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
425
+ --space: var(--spacing-medium);
426
+ }
427
+ .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
428
+ --space: var(--spacing-large);
429
+ }
430
+ .dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing] {
431
+ box-shadow: inset 0 0 0 2px var(--block-outline-color);
432
+ }
433
+ .dnb-forms-section-block__inner .dnb-dl .dnb-dd {
434
+ margin-bottom: 0;
435
+ }
436
+ .dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner {
437
+ transform: translateY(-0.5rem);
438
+ }
439
+ .dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner {
440
+ transform: translateY(0);
441
+ }
442
+
387
443
  /*
388
444
  * Utilities
389
445
  */
@@ -493,50 +549,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
493
549
  font-size: 0;
494
550
  }
495
551
  }
496
- .dnb-forms-iterate-block {
497
- --block-outline-color: var(--outline-color, var(--color-lavender));
498
- }
499
- .dnb-forms-iterate-block--error:has(.dnb-form-status--error) {
500
- --block-outline-color: var(--color-fire-red);
501
- }
502
- .dnb-forms-iterate-block:not(.dnb-height-animation--hidden) {
503
- display: flex;
504
- flex-direction: column;
505
- }
506
- .dnb-forms-iterate-block__inner {
507
- flex: 1;
508
- margin-bottom: var(--space);
509
- padding: var(--padding, 1rem);
510
- transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
511
- transform: translateY(-2.5rem);
512
- }
513
- .dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner, .dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {
514
- --padding: 0;
515
- }
516
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
517
- border-radius: 0.375rem;
518
- }
519
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small {
520
- --space: var(--spacing-small);
521
- }
522
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium {
523
- --space: var(--spacing-medium);
524
- }
525
- .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large {
526
- --space: var(--spacing-large);
527
- }
528
- .dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing] {
529
- box-shadow: inset 0 0 0 2px var(--block-outline-color);
530
- }
531
- .dnb-forms-iterate-block__inner .dnb-dl .dnb-dd {
532
- margin-bottom: 0;
533
- }
534
- .dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner {
535
- transform: translateY(-0.5rem);
536
- }
537
- .dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner {
538
- transform: translateY(0);
539
- }
540
552
  .dnb-forms-iterate__element {
541
553
  outline: none;
542
554
  }
@@ -1,4 +1,4 @@
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__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}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@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--variant-basic .dnb-forms-iterate-block__inner,.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}.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--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.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__indicator{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{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(
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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.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__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}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@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-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.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__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__indicator{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{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
@@ -34,7 +34,8 @@
34
34
  .dnb-selection ::selection,
35
35
  [class^='dnb-']::selection,
36
36
  [class^='dnb-'] ::selection {
37
- background-color: var(--sb-color-blue-light-2);
38
- color: var(--sb-color-black);
37
+ // Chrome does not support CSS variables in ::selection, so we use a fallback
38
+ background-color: var(--sb-color-blue-light-2, #bfe3ff);
39
+ color: var(--sb-color-black, #000);
39
40
  text-shadow: none;
40
41
  }
@@ -1393,7 +1393,7 @@ h6 {
1393
1393
  .dnb-selection ::selection,
1394
1394
  [class^=dnb-]::selection,
1395
1395
  [class^=dnb-] ::selection {
1396
- background-color: var(--sb-color-blue-light-2);
1397
- color: var(--sb-color-black);
1396
+ background-color: var(--sb-color-blue-light-2, #bfe3ff);
1397
+ color: var(--sb-color-black, #000);
1398
1398
  text-shadow: none;
1399
1399
  }