@utrecht/component-library-react 1.0.0-alpha.21 → 1.0.0-alpha.211

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 (295) hide show
  1. package/README.md +26 -2
  2. package/dist/.jest-test-results.json +1 -0
  3. package/dist/Alert.d.ts +13 -0
  4. package/dist/AlertDialog.d.ts +13 -0
  5. package/dist/{cjs/Article.d.ts → Article.d.ts} +9 -7
  6. package/dist/{cjs/Backdrop.d.ts → Backdrop.d.ts} +9 -7
  7. package/dist/BreadcrumbNav.d.ts +23 -0
  8. package/dist/Button.d.ts +28 -0
  9. package/dist/ButtonGroup.d.ts +10 -0
  10. package/dist/ButtonLink.d.ts +14 -0
  11. package/dist/Calendar/CalendarButton.d.ts +5 -0
  12. package/dist/Calendar/CalendarIcon.d.ts +5 -0
  13. package/dist/Calendar/CalendarNavigation.d.ts +5 -0
  14. package/dist/Calendar/CalendarNavigationButtons.d.ts +13 -0
  15. package/dist/Calendar/CalendarNavigationLabel.d.ts +6 -0
  16. package/dist/Calendar/CalendarTableDaysContainer.d.ts +5 -0
  17. package/dist/Calendar/CalendarTableDaysItem.d.ts +5 -0
  18. package/dist/Calendar/CalendarTableDaysItemDay.d.ts +11 -0
  19. package/dist/Calendar/CalendarTableWeeksContainer.d.ts +4 -0
  20. package/dist/Calendar/CalendarTableWeeksItem.d.ts +5 -0
  21. package/dist/Calendar/IconArrowLeft.d.ts +7 -0
  22. package/dist/Calendar/IconArrowLeftDouble.d.ts +7 -0
  23. package/dist/Calendar/IconArrowRight.d.ts +7 -0
  24. package/dist/Calendar/IconArrowRightDouble.d.ts +7 -0
  25. package/dist/Calendar/index.d.ts +41 -0
  26. package/dist/{cjs/Checkbox.d.ts → Checkbox.d.ts} +6 -5
  27. package/dist/Code.d.ts +10 -0
  28. package/dist/CodeBlock.d.ts +10 -0
  29. package/dist/CustomRadioButton.d.ts +13 -0
  30. package/dist/DataList.d.ts +28 -0
  31. package/dist/{cjs/Document.d.ts → Document.d.ts} +9 -7
  32. package/dist/Emphasis.d.ts +10 -0
  33. package/dist/Fieldset.d.ts +19 -0
  34. package/dist/{cjs/FieldsetLegend.d.ts → FieldsetLegend.d.ts} +5 -3
  35. package/dist/Figure.d.ts +5 -0
  36. package/dist/FigureCaption.d.ts +5 -0
  37. package/dist/FormField.d.ts +8 -0
  38. package/dist/{cjs/FormFieldDescription.d.ts → FormFieldDescription.d.ts} +9 -7
  39. package/dist/{cjs/FormLabel.d.ts → FormLabel.d.ts} +10 -8
  40. package/dist/{cjs/HTMLContent.d.ts → HTMLContent.d.ts} +9 -7
  41. package/dist/Heading.d.ts +12 -0
  42. package/dist/{cjs/Heading1.d.ts → Heading1.d.ts} +9 -7
  43. package/dist/{cjs/Heading2.d.ts → Heading2.d.ts} +9 -7
  44. package/dist/{cjs/Heading3.d.ts → Heading3.d.ts} +9 -7
  45. package/dist/{cjs/Heading4.d.ts → Heading4.d.ts} +9 -7
  46. package/dist/{cjs/Heading5.d.ts → Heading5.d.ts} +9 -7
  47. package/dist/{cjs/Heading6.d.ts → Heading6.d.ts} +9 -7
  48. package/dist/HeadingGroup.d.ts +9 -0
  49. package/dist/Icon.d.ts +10 -0
  50. package/dist/Image.d.ts +9 -0
  51. package/dist/Link.d.ts +14 -0
  52. package/dist/LinkButton.d.ts +13 -0
  53. package/dist/LinkSocial.d.ts +11 -0
  54. package/dist/ListSocial.d.ts +13 -0
  55. package/dist/Mark.d.ts +10 -0
  56. package/dist/NumberValue.d.ts +11 -0
  57. package/dist/{cjs/OrderedList.d.ts → OrderedList.d.ts} +9 -7
  58. package/dist/{cjs/OrderedListItem.d.ts → OrderedListItem.d.ts} +9 -7
  59. package/dist/{cjs/Page.d.ts → Page.d.ts} +9 -7
  60. package/dist/{cjs/PageContent.d.ts → PageContent.d.ts} +13 -9
  61. package/dist/{cjs/PageFooter.d.ts → PageFooter.d.ts} +9 -7
  62. package/dist/{cjs/PageHeader.d.ts → PageHeader.d.ts} +9 -7
  63. package/dist/{cjs/Paragraph.d.ts → Paragraph.d.ts} +12 -9
  64. package/dist/PreHeading.d.ts +9 -0
  65. package/dist/{cjs/RadioButton.d.ts → RadioButton.d.ts} +6 -5
  66. package/dist/{cjs/Select.d.ts → Select.d.ts} +19 -11
  67. package/dist/{cjs/Separator.d.ts → Separator.d.ts} +7 -7
  68. package/dist/SkipLink.d.ts +5 -0
  69. package/dist/SpotlightSection.d.ts +13 -0
  70. package/dist/Strong.d.ts +10 -0
  71. package/dist/{cjs/Surface.d.ts → Surface.d.ts} +9 -7
  72. package/dist/{cjs/Table.d.ts → Table.d.ts} +9 -7
  73. package/dist/{cjs/TableBody.d.ts → TableBody.d.ts} +9 -7
  74. package/dist/{cjs/TableCaption.d.ts → TableCaption.d.ts} +9 -7
  75. package/dist/{cjs/TableCell.d.ts → TableCell.d.ts} +9 -7
  76. package/dist/{cjs/TableFooter.d.ts → TableFooter.d.ts} +9 -7
  77. package/dist/{cjs/TableHeader.d.ts → TableHeader.d.ts} +9 -7
  78. package/dist/{cjs/TableHeaderCell.d.ts → TableHeaderCell.d.ts} +9 -7
  79. package/dist/{cjs/TableRow.d.ts → TableRow.d.ts} +9 -7
  80. package/dist/{cjs/Textarea.d.ts → Textarea.d.ts} +5 -5
  81. package/dist/{cjs/Textbox.d.ts → Textbox.d.ts} +7 -7
  82. package/dist/{cjs/URLValue.d.ts → URLValue.d.ts} +9 -7
  83. package/dist/{cjs/UnorderedList.d.ts → UnorderedList.d.ts} +9 -7
  84. package/dist/{cjs/UnorderedListItem.d.ts → UnorderedListItem.d.ts} +9 -7
  85. package/dist/css-module/Alert.d.ts +13 -0
  86. package/dist/css-module/AlertDialog.d.ts +13 -0
  87. package/dist/css-module/Article.d.ts +9 -0
  88. package/dist/css-module/Backdrop.d.ts +9 -0
  89. package/dist/css-module/BreadcrumbNav.d.ts +23 -0
  90. package/dist/css-module/Button.d.ts +28 -0
  91. package/dist/css-module/ButtonGroup.d.ts +10 -0
  92. package/dist/css-module/ButtonLink.d.ts +14 -0
  93. package/dist/css-module/Calendar/CalendarButton.d.ts +5 -0
  94. package/dist/css-module/Calendar/CalendarIcon.d.ts +5 -0
  95. package/dist/css-module/Calendar/CalendarNavigation.d.ts +5 -0
  96. package/dist/css-module/Calendar/CalendarNavigationButtons.d.ts +13 -0
  97. package/dist/css-module/Calendar/CalendarNavigationLabel.d.ts +6 -0
  98. package/dist/css-module/Calendar/CalendarTableDaysContainer.d.ts +5 -0
  99. package/dist/css-module/Calendar/CalendarTableDaysItem.d.ts +5 -0
  100. package/dist/css-module/Calendar/CalendarTableDaysItemDay.d.ts +11 -0
  101. package/dist/css-module/Calendar/CalendarTableWeeksContainer.d.ts +4 -0
  102. package/dist/css-module/Calendar/CalendarTableWeeksItem.d.ts +5 -0
  103. package/dist/css-module/Calendar/IconArrowLeft.d.ts +7 -0
  104. package/dist/css-module/Calendar/IconArrowLeftDouble.d.ts +7 -0
  105. package/dist/css-module/Calendar/IconArrowRight.d.ts +7 -0
  106. package/dist/css-module/Calendar/IconArrowRightDouble.d.ts +7 -0
  107. package/dist/css-module/Calendar/index.d.ts +41 -0
  108. package/dist/css-module/Checkbox.d.ts +6 -0
  109. package/dist/css-module/Code.d.ts +10 -0
  110. package/dist/css-module/CodeBlock.d.ts +10 -0
  111. package/dist/css-module/CustomRadioButton.d.ts +13 -0
  112. package/dist/css-module/DataList.d.ts +28 -0
  113. package/dist/css-module/Document.d.ts +9 -0
  114. package/dist/css-module/Emphasis.d.ts +10 -0
  115. package/dist/css-module/Fieldset.d.ts +19 -0
  116. package/dist/css-module/FieldsetLegend.d.ts +5 -0
  117. package/dist/css-module/Figure.d.ts +5 -0
  118. package/dist/css-module/FigureCaption.d.ts +5 -0
  119. package/dist/css-module/FormField.d.ts +8 -0
  120. package/dist/css-module/FormFieldDescription.d.ts +9 -0
  121. package/dist/css-module/FormLabel.d.ts +10 -0
  122. package/dist/css-module/HTMLContent.d.ts +9 -0
  123. package/dist/css-module/Heading.d.ts +12 -0
  124. package/dist/css-module/Heading1.d.ts +9 -0
  125. package/dist/css-module/Heading2.d.ts +9 -0
  126. package/dist/css-module/Heading3.d.ts +9 -0
  127. package/dist/css-module/Heading4.d.ts +9 -0
  128. package/dist/css-module/Heading5.d.ts +9 -0
  129. package/dist/css-module/Heading6.d.ts +9 -0
  130. package/dist/css-module/HeadingGroup.d.ts +9 -0
  131. package/dist/css-module/Icon.d.ts +10 -0
  132. package/dist/css-module/Image.d.ts +9 -0
  133. package/dist/css-module/Link.d.ts +14 -0
  134. package/dist/css-module/LinkButton.d.ts +13 -0
  135. package/dist/css-module/LinkSocial.d.ts +11 -0
  136. package/dist/css-module/ListSocial.d.ts +13 -0
  137. package/dist/css-module/Mark.d.ts +10 -0
  138. package/dist/css-module/NumberValue.d.ts +11 -0
  139. package/dist/css-module/OrderedList.d.ts +9 -0
  140. package/dist/css-module/OrderedListItem.d.ts +9 -0
  141. package/dist/css-module/Page.d.ts +9 -0
  142. package/dist/css-module/PageContent.d.ts +13 -0
  143. package/dist/css-module/PageFooter.d.ts +9 -0
  144. package/dist/css-module/PageHeader.d.ts +9 -0
  145. package/dist/css-module/Paragraph.d.ts +12 -0
  146. package/dist/css-module/PreHeading.d.ts +9 -0
  147. package/dist/css-module/RadioButton.d.ts +6 -0
  148. package/dist/css-module/Select.d.ts +19 -0
  149. package/dist/css-module/Separator.d.ts +7 -0
  150. package/dist/css-module/SkipLink.d.ts +5 -0
  151. package/dist/css-module/SpotlightSection.d.ts +13 -0
  152. package/dist/css-module/Strong.d.ts +10 -0
  153. package/dist/css-module/Surface.d.ts +9 -0
  154. package/dist/css-module/Table.d.ts +9 -0
  155. package/dist/css-module/TableBody.d.ts +9 -0
  156. package/dist/css-module/TableCaption.d.ts +9 -0
  157. package/dist/css-module/TableCell.d.ts +9 -0
  158. package/dist/css-module/TableFooter.d.ts +9 -0
  159. package/dist/css-module/TableHeader.d.ts +9 -0
  160. package/dist/css-module/TableHeaderCell.d.ts +9 -0
  161. package/dist/css-module/TableRow.d.ts +9 -0
  162. package/dist/css-module/Textarea.d.ts +5 -0
  163. package/dist/css-module/Textbox.d.ts +7 -0
  164. package/dist/css-module/URLValue.d.ts +9 -0
  165. package/dist/css-module/UnorderedList.d.ts +9 -0
  166. package/dist/css-module/UnorderedListItem.d.ts +9 -0
  167. package/dist/css-module/css-module/Alert.d.ts +6 -0
  168. package/dist/css-module/css-module/AlertDialog.d.ts +6 -0
  169. package/dist/css-module/css-module/Article.d.ts +6 -0
  170. package/dist/css-module/css-module/Backdrop.d.ts +6 -0
  171. package/dist/css-module/css-module/BreadcrumbNav.d.ts +6 -0
  172. package/dist/css-module/css-module/Button.d.ts +6 -0
  173. package/dist/css-module/css-module/ButtonGroup.d.ts +6 -0
  174. package/dist/css-module/css-module/ButtonLink.d.ts +6 -0
  175. package/dist/css-module/css-module/Checkbox.d.ts +7 -0
  176. package/dist/css-module/css-module/Code.d.ts +6 -0
  177. package/dist/css-module/css-module/CodeBlock.d.ts +6 -0
  178. package/dist/css-module/css-module/CustomRadioButton.d.ts +6 -0
  179. package/dist/css-module/css-module/DataList.d.ts +6 -0
  180. package/dist/css-module/css-module/Document.d.ts +6 -0
  181. package/dist/css-module/css-module/Emphasis.d.ts +6 -0
  182. package/dist/css-module/css-module/Fieldset.d.ts +6 -0
  183. package/dist/css-module/css-module/FieldsetLegend.d.ts +6 -0
  184. package/dist/css-module/css-module/Figure.d.ts +6 -0
  185. package/dist/css-module/css-module/FigureCaption.d.ts +6 -0
  186. package/dist/css-module/css-module/FormField.d.ts +6 -0
  187. package/dist/css-module/css-module/FormFieldDescription.d.ts +6 -0
  188. package/dist/css-module/css-module/FormLabel.d.ts +6 -0
  189. package/dist/css-module/css-module/HTMLContent.d.ts +6 -0
  190. package/dist/css-module/css-module/Heading.d.ts +11 -0
  191. package/dist/css-module/css-module/Heading1.d.ts +6 -0
  192. package/dist/css-module/css-module/Heading2.d.ts +6 -0
  193. package/dist/css-module/css-module/Heading3.d.ts +6 -0
  194. package/dist/css-module/css-module/Heading4.d.ts +6 -0
  195. package/dist/css-module/css-module/Heading5.d.ts +6 -0
  196. package/dist/css-module/css-module/Heading6.d.ts +6 -0
  197. package/dist/css-module/css-module/HeadingGroup.d.ts +6 -0
  198. package/dist/css-module/css-module/Icon.d.ts +6 -0
  199. package/dist/css-module/css-module/Image.d.ts +6 -0
  200. package/dist/css-module/css-module/Link.d.ts +6 -0
  201. package/dist/css-module/css-module/LinkButton.d.ts +6 -0
  202. package/dist/css-module/css-module/LinkSocial.d.ts +6 -0
  203. package/dist/css-module/css-module/ListSocial.d.ts +6 -0
  204. package/dist/css-module/css-module/Mark.d.ts +6 -0
  205. package/dist/css-module/css-module/NumberValue.d.ts +6 -0
  206. package/dist/css-module/css-module/OrderedList.d.ts +6 -0
  207. package/dist/css-module/css-module/OrderedListItem.d.ts +6 -0
  208. package/dist/css-module/css-module/Page.d.ts +6 -0
  209. package/dist/css-module/css-module/PageContent.d.ts +6 -0
  210. package/dist/css-module/css-module/PageFooter.d.ts +6 -0
  211. package/dist/css-module/css-module/PageHeader.d.ts +6 -0
  212. package/dist/css-module/css-module/Paragraph.d.ts +6 -0
  213. package/dist/css-module/css-module/PreHeading.d.ts +6 -0
  214. package/dist/css-module/css-module/RadioButton.d.ts +7 -0
  215. package/dist/css-module/css-module/Select.d.ts +6 -0
  216. package/dist/css-module/css-module/Separator.d.ts +6 -0
  217. package/dist/css-module/css-module/SkipLink.d.ts +6 -0
  218. package/dist/css-module/css-module/SpotlightSection.d.ts +6 -0
  219. package/dist/css-module/css-module/Strong.d.ts +6 -0
  220. package/dist/css-module/css-module/Surface.d.ts +6 -0
  221. package/dist/css-module/css-module/Table.d.ts +6 -0
  222. package/dist/css-module/css-module/TableBody.d.ts +5 -0
  223. package/dist/css-module/css-module/TableCaption.d.ts +5 -0
  224. package/dist/css-module/css-module/TableCell.d.ts +5 -0
  225. package/dist/css-module/css-module/TableFooter.d.ts +5 -0
  226. package/dist/css-module/css-module/TableHeader.d.ts +5 -0
  227. package/dist/css-module/css-module/TableHeaderCell.d.ts +5 -0
  228. package/dist/css-module/css-module/TableRow.d.ts +5 -0
  229. package/dist/css-module/css-module/Textarea.d.ts +6 -0
  230. package/dist/css-module/css-module/Textbox.d.ts +6 -0
  231. package/dist/css-module/css-module/URLValue.d.ts +6 -0
  232. package/dist/css-module/css-module/UnorderedList.d.ts +6 -0
  233. package/dist/css-module/css-module/UnorderedListItem.d.ts +6 -0
  234. package/dist/{cjs → css-module/css-module}/index.d.ts +71 -47
  235. package/dist/css-module/index.d.ts +72 -0
  236. package/dist/css-module/index.js +1638 -0
  237. package/dist/css-module/index.js.map +1 -0
  238. package/dist/css-module/index.mjs +1554 -0
  239. package/dist/css-module/index.mjs.map +1 -0
  240. package/dist/index.cjs.js +1857 -0
  241. package/dist/index.cjs.js.map +1 -0
  242. package/dist/index.d.ts +72 -0
  243. package/dist/index.esm.js +1770 -0
  244. package/dist/index.esm.js.map +1 -0
  245. package/package.json +47 -195
  246. package/dist/cjs/Article.js +0 -29
  247. package/dist/cjs/Backdrop.js +0 -29
  248. package/dist/cjs/Button.d.ts +0 -5
  249. package/dist/cjs/Button.js +0 -25
  250. package/dist/cjs/ButtonLink.d.ts +0 -15
  251. package/dist/cjs/ButtonLink.js +0 -52
  252. package/dist/cjs/Checkbox.js +0 -25
  253. package/dist/cjs/Document.js +0 -29
  254. package/dist/cjs/Fieldset.d.ts +0 -3
  255. package/dist/cjs/Fieldset.js +0 -25
  256. package/dist/cjs/FieldsetLegend.js +0 -25
  257. package/dist/cjs/FormField.d.ts +0 -3
  258. package/dist/cjs/FormField.js +0 -25
  259. package/dist/cjs/FormFieldDescription.js +0 -25
  260. package/dist/cjs/FormLabel.js +0 -25
  261. package/dist/cjs/HTMLContent.js +0 -29
  262. package/dist/cjs/Heading1.js +0 -29
  263. package/dist/cjs/Heading2.js +0 -29
  264. package/dist/cjs/Heading3.js +0 -29
  265. package/dist/cjs/Heading4.js +0 -29
  266. package/dist/cjs/Heading5.js +0 -29
  267. package/dist/cjs/Heading6.js +0 -29
  268. package/dist/cjs/Link.d.ts +0 -15
  269. package/dist/cjs/Link.js +0 -42
  270. package/dist/cjs/OrderedList.js +0 -29
  271. package/dist/cjs/OrderedListItem.js +0 -29
  272. package/dist/cjs/Page.js +0 -29
  273. package/dist/cjs/PageContent.js +0 -34
  274. package/dist/cjs/PageFooter.js +0 -29
  275. package/dist/cjs/PageHeader.js +0 -29
  276. package/dist/cjs/Paragraph.js +0 -29
  277. package/dist/cjs/RadioButton.js +0 -25
  278. package/dist/cjs/Select.js +0 -31
  279. package/dist/cjs/Separator.js +0 -30
  280. package/dist/cjs/Surface.js +0 -29
  281. package/dist/cjs/Table.js +0 -29
  282. package/dist/cjs/TableBody.js +0 -29
  283. package/dist/cjs/TableCaption.js +0 -29
  284. package/dist/cjs/TableCell.js +0 -29
  285. package/dist/cjs/TableFooter.js +0 -29
  286. package/dist/cjs/TableHeader.js +0 -29
  287. package/dist/cjs/TableHeaderCell.js +0 -29
  288. package/dist/cjs/TableRow.js +0 -29
  289. package/dist/cjs/Textarea.js +0 -25
  290. package/dist/cjs/Textbox.js +0 -25
  291. package/dist/cjs/URLValue.js +0 -29
  292. package/dist/cjs/UnorderedList.js +0 -29
  293. package/dist/cjs/UnorderedListItem.js +0 -29
  294. package/dist/cjs/index.js +0 -94
  295. package/dist/cjs/tsconfig.tsbuildinfo +0 -3951
@@ -0,0 +1,1638 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+ var clsx = require('clsx');
8
+ var react = require('react');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
13
+
14
+ function styleInject(css, ref) {
15
+ if ( ref === void 0 ) ref = {};
16
+ var insertAt = ref.insertAt;
17
+
18
+ if (!css || typeof document === 'undefined') { return; }
19
+
20
+ var head = document.head || document.getElementsByTagName('head')[0];
21
+ var style = document.createElement('style');
22
+ style.type = 'text/css';
23
+
24
+ if (insertAt === 'top') {
25
+ if (head.firstChild) {
26
+ head.insertBefore(style, head.firstChild);
27
+ } else {
28
+ head.appendChild(style);
29
+ }
30
+ } else {
31
+ head.appendChild(style);
32
+ }
33
+
34
+ if (style.styleSheet) {
35
+ style.styleSheet.cssText = css;
36
+ } else {
37
+ style.appendChild(document.createTextNode(css));
38
+ }
39
+ }
40
+
41
+ var css_248z$S = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}";
42
+ styleInject(css_248z$S);
43
+
44
+ var Alert = /*#__PURE__*/react.forwardRef(function (_a, ref) {
45
+ var children = _a.children,
46
+ className = _a.className,
47
+ icon = _a.icon,
48
+ type = _a.type,
49
+ restProps = tslib.__rest(_a, ["children", "className", "icon", "type"]);
50
+
51
+ return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
52
+ ref: ref,
53
+ className: clsx__default["default"]('utrecht-alert', {
54
+ 'utrecht-alert--error': type === 'error',
55
+ 'utrecht-alert--info': type === 'info',
56
+ 'utrecht-alert--ok': type === 'ok',
57
+ 'utrecht-alert--warning': type === 'warning'
58
+ }, className)
59
+ }, {
60
+ children: [icon && jsxRuntime.jsx("div", Object.assign({
61
+ className: "utrecht-alert__icon"
62
+ }, {
63
+ children: icon
64
+ })), jsxRuntime.jsx("div", Object.assign({
65
+ className: "utrecht-alert__message"
66
+ }, {
67
+ children: children
68
+ }))]
69
+ }));
70
+ });
71
+ Alert.displayName = 'Alert';
72
+
73
+ var css_248z$R = ".utrecht-alert-dialog:not(dialog:not([open])){--utrecht-alert-dialog-margin-block-start:auto;--utrecht-alert-dialog-margin-block-end:auto;background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--utrecht-alert-dialog-border-color);border-radius:var(--utrecht-alert-dialog-border-radius,0);border-style:solid;border-width:var(--utrecht-alert-dialog-border-width,0);box-shadow:var(--utrecht-alert-dialog-box-shadow);color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));max-block-size:var(--utrecht-alert-dialog-max-block-size);max-inline-size:var(--utrecht-alert-dialog-max-inline-size);min-block-size:var(--utrecht-alert-dialog-min-block-size);min-inline-size:var(--utrecht-alert-dialog-min-inline-size);padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-alert-dialog__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert-dialog__message{grid-area:message}.utrecht-alert-dialog--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}.utrecht-alert-dialog--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert-dialog--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}";
74
+ styleInject(css_248z$R);
75
+
76
+ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_a, ref) {
77
+ var children = _a.children,
78
+ className = _a.className,
79
+ icon = _a.icon,
80
+ type = _a.type,
81
+ restProps = tslib.__rest(_a, ["children", "className", "icon", "type"]);
82
+
83
+ return jsxRuntime.jsxs("dialog", Object.assign({}, restProps, {
84
+ ref: ref,
85
+ className: clsx__default["default"]('utrecht-alert-dialog', {
86
+ 'utrecht-alert-dialog--error': type === 'error',
87
+ 'utrecht-alert-dialog--info': type === 'info',
88
+ 'utrecht-alert-dialog--warning': type === 'warning',
89
+ className: className
90
+ })
91
+ }, {
92
+ children: [icon && jsxRuntime.jsx("div", Object.assign({
93
+ className: "utrecht-alert-dialog__icon"
94
+ }, {
95
+ children: icon
96
+ })), jsxRuntime.jsx("div", Object.assign({
97
+ className: "utrecht-alert-dialog__message"
98
+ }, {
99
+ children: children
100
+ }))]
101
+ }));
102
+ });
103
+ AlertDialog.displayName = 'AlertDialog';
104
+
105
+ var css_248z$Q = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
106
+ styleInject(css_248z$Q);
107
+
108
+ var Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
109
+ var children = _a.children,
110
+ className = _a.className,
111
+ restProps = tslib.__rest(_a, ["children", "className"]);
112
+
113
+ return jsxRuntime.jsx("article", Object.assign({}, restProps, {
114
+ ref: ref,
115
+ className: clsx__default["default"]('utrecht-article', className)
116
+ }, {
117
+ children: children
118
+ }));
119
+ });
120
+ Article.displayName = 'Article';
121
+
122
+ var css_248z$P = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}.utrecht-backdrop--viewport{position:fixed}";
123
+ styleInject(css_248z$P);
124
+
125
+ var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
126
+ var children = _a.children,
127
+ className = _a.className,
128
+ restProps = tslib.__rest(_a, ["children", "className"]);
129
+
130
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
131
+ ref: ref,
132
+ className: clsx__default["default"]('utrecht-backdrop', className)
133
+ }, {
134
+ children: children
135
+ }));
136
+ });
137
+ Backdrop.displayName = 'Backdrop';
138
+
139
+ var css_248z$O = ".utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;inline-size:0;inset-block-start:50%;inset-inline-start:100%}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
140
+ styleInject(css_248z$O);
141
+
142
+ var Heading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
143
+ var appearance = _a.appearance,
144
+ className = _a.className,
145
+ level = _a.level,
146
+ restProps = tslib.__rest(_a, ["appearance", "className", "level"]);
147
+
148
+ var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
149
+ var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
150
+ var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
151
+ return jsxRuntime.jsx(HeadingX, Object.assign({
152
+ className: clsx__default["default"](headingClassName, className)
153
+ }, restProps, {
154
+ ref: ref
155
+ }));
156
+ });
157
+ Heading.displayName = 'Heading';
158
+
159
+ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
160
+ var boxContent = _a.boxContent,
161
+ children = _a.children,
162
+ className = _a.className,
163
+ external = _a.external,
164
+ href = _a.href,
165
+ placeholder = _a.placeholder,
166
+ role = _a.role,
167
+ restProps = tslib.__rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
168
+
169
+ return (// "utrecht-link--telephone" does not have a corresponding API,
170
+ // since it is primarily a basis for implementing input[href^="tel"].
171
+ // Telephone number rendering in React is best achieved using composition
172
+ // of the TelephoneValue component.
173
+ jsxRuntime.jsx("a", Object.assign({
174
+ href: placeholder ? undefined : href,
175
+ ref: ref,
176
+ role: role || (placeholder ? 'link' : undefined),
177
+ className: clsx__default["default"]('utrecht-link', {
178
+ 'utrecht-link--box-content': boxContent,
179
+ 'utrecht-link--external': external,
180
+ 'utrecht-link--placeholder': placeholder
181
+ }, className),
182
+ "aria-disabled": placeholder ? 'true' : undefined,
183
+ rel: external ? 'external noopener noreferrer' : undefined
184
+ }, restProps, {
185
+ children: children
186
+ }))
187
+ );
188
+ });
189
+ Link.displayName = 'Link';
190
+
191
+ var useMicrodataItem = function useMicrodataItem(_ref) {
192
+ var prop = _ref.prop,
193
+ type = _ref.type;
194
+ return {
195
+ itemScope: true,
196
+ itemType: type,
197
+ itemProp: prop
198
+ };
199
+ };
200
+
201
+ var useMicrodataProp = function useMicrodataProp(prop) {
202
+ return {
203
+ itemProp: prop
204
+ };
205
+ };
206
+
207
+ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
208
+ var appearance = _a.appearance,
209
+ children = _a.children,
210
+ className = _a.className,
211
+ _a$headingLevel = _a.headingLevel,
212
+ headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
213
+ label = _a.label,
214
+ restProps = tslib.__rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
215
+
216
+ var headingId = label ? react.useId() : undefined;
217
+ return jsxRuntime.jsxs("nav", Object.assign({}, restProps, {
218
+ ref: ref,
219
+ className: clsx__default["default"]('utrecht-breadcrumb', {
220
+ 'utrecht-breadcrumb--arrows': appearance === 'arrows'
221
+ }, className),
222
+ "aria-labelledby": headingId
223
+ }, {
224
+ children: [label && jsxRuntime.jsx(Heading, Object.assign({
225
+ id: headingId,
226
+ className: "utrecht-breadcrumb__heading",
227
+ level: headingLevel,
228
+ "aria-hidden": "true"
229
+ }, {
230
+ children: label
231
+ })), jsxRuntime.jsx("ol", Object.assign({
232
+ className: "utrecht-breadcrumb__list"
233
+ }, useMicrodataItem({
234
+ type: 'https://schema.org/BreadcrumbList'
235
+ }), {
236
+ children: children
237
+ }))]
238
+ }));
239
+ });
240
+ BreadcrumbNav.displayName = 'BreadcrumbNav';
241
+ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
242
+ var children = _ref2.children,
243
+ current = _ref2.current,
244
+ href = _ref2.href,
245
+ index = _ref2.index,
246
+ rel = _ref2.rel;
247
+ return jsxRuntime.jsx("li", Object.assign({
248
+ className: "utrecht-breadcrumb__item"
249
+ }, useMicrodataItem({
250
+ type: 'https://schema.org/ListItem',
251
+ prop: 'itemListElement'
252
+ }), {
253
+ children: jsxRuntime.jsxs(Link, Object.assign({
254
+ className: "utrecht-breadcrumb__link",
255
+ href: href,
256
+ rel: rel,
257
+ "aria-current": current && 'location'
258
+ }, useMicrodataProp('item'), {
259
+ ref: ref
260
+ }, {
261
+ children: [jsxRuntime.jsx("span", Object.assign({
262
+ className: "utrecht-breadcrumb__text"
263
+ }, useMicrodataProp('name'), {
264
+ children: children
265
+ })), typeof index === 'number' ? jsxRuntime.jsx("meta", Object.assign({}, useMicrodataProp('position'), {
266
+ content: String(index + 1)
267
+ })) : null]
268
+ }))
269
+ }));
270
+ });
271
+ BreadcrumbLink.displayName = 'BreadcrumbLink';
272
+
273
+ var css_248z$N = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button--pressed{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button--active,.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled):not(.utrecht-button--disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale,1))}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color)}";
274
+ styleInject(css_248z$N);
275
+
276
+ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
277
+ var appearance = _a.appearance,
278
+ busy = _a.busy,
279
+ disabled = _a.disabled,
280
+ children = _a.children,
281
+ className = _a.className,
282
+ hint = _a.hint,
283
+ pressed = _a.pressed,
284
+ type = _a.type,
285
+ restProps = tslib.__rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
286
+
287
+ return jsxRuntime.jsx("button", Object.assign({}, restProps, {
288
+ ref: ref,
289
+ className: clsx__default["default"]('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
290
+ "aria-busy": busy || undefined,
291
+ "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
292
+ disabled: disabled,
293
+ type: type || 'button'
294
+ }, {
295
+ children: children
296
+ }));
297
+ });
298
+ Button.displayName = 'Button';
299
+ var PrimaryActionButton = function PrimaryActionButton(_a) {
300
+ var args = tslib.__rest(_a, []);
301
+
302
+ return jsxRuntime.jsx(Button, Object.assign({}, args, {
303
+ appearance: "primary-action-button"
304
+ }));
305
+ };
306
+ PrimaryActionButton.displayName = 'PrimaryActionButton';
307
+ var SecondaryActionButton = function SecondaryActionButton(_a) {
308
+ var args = tslib.__rest(_a, []);
309
+
310
+ return jsxRuntime.jsx(Button, Object.assign({}, args, {
311
+ appearance: "secondary-action-button"
312
+ }));
313
+ };
314
+ SecondaryActionButton.displayName = 'SecondaryActionButton';
315
+ var SubtleButton = function SubtleButton(_a) {
316
+ var args = tslib.__rest(_a, []);
317
+
318
+ return jsxRuntime.jsx(Button, Object.assign({}, args, {
319
+ appearance: "subtle-button"
320
+ }));
321
+ };
322
+ SubtleButton.displayName = 'SubtleButton';
323
+
324
+ var css_248z$M = ".utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap,1em);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--horizontal .utrecht-button-link,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link,.utrecht-button-group__button-link--horizontal{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";
325
+ styleInject(css_248z$M);
326
+
327
+ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
328
+ var children = _a.children,
329
+ className = _a.className,
330
+ restProps = tslib.__rest(_a, ["children", "className"]);
331
+
332
+ return jsxRuntime.jsx("p", Object.assign({}, restProps, {
333
+ ref: ref,
334
+ className: clsx__default["default"]('utrecht-button-group', className)
335
+ }, {
336
+ children: children
337
+ }));
338
+ });
339
+ ButtonGroup.displayName = 'ButtonGroup';
340
+
341
+ var css_248z$L = ".utrecht-button-link{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);cursor:var(--utrecht-action-navigate-cursor,pointer);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:none;text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale,1))}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-button-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--html-a:link:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale,1))}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}";
342
+ styleInject(css_248z$L);
343
+
344
+ var onKeyDown = function onKeyDown(evt) {
345
+ var _a;
346
+
347
+ if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
348
+ // Prevent other side-effects, such as scrolling
349
+ evt.preventDefault(); // Navigate to the link target
350
+
351
+ evt.target.click();
352
+ }
353
+ };
354
+
355
+ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
356
+ var appearance = _a.appearance,
357
+ children = _a.children,
358
+ className = _a.className,
359
+ external = _a.external,
360
+ href = _a.href,
361
+ placeholder = _a.placeholder,
362
+ role = _a.role,
363
+ restProps = tslib.__rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
364
+
365
+ var props = restProps;
366
+
367
+ if (role === 'button') {
368
+ // When this link is announced as button by accessibility tools,
369
+ // it should also behave like a button. Links are not activated
370
+ // using `Space`, so we need to implement that behaviour here
371
+ // to reach parity with the `button` element.
372
+ props = Object.assign(Object.assign({}, restProps), {
373
+ onKeyDown: onKeyDown
374
+ });
375
+ }
376
+
377
+ return jsxRuntime.jsx("a", Object.assign({
378
+ href: placeholder ? undefined : href,
379
+ ref: ref,
380
+ role: role || (placeholder ? 'link' : undefined),
381
+ className: clsx__default["default"]('utrecht-button-link', 'utrecht-button-link--html-a', {
382
+ 'utrecht-button-link--external': external,
383
+ 'utrecht-button-link--primary-action': appearance === 'primary-action-button',
384
+ 'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
385
+ 'utrecht-button-link--subtle': appearance === 'subtle-button',
386
+ 'utrecht-button-link--placeholder': placeholder
387
+ }, className),
388
+ rel: external ? 'external noopener noreferrer' : undefined,
389
+ "aria-disabled": placeholder ? 'true' : undefined
390
+ }, props, {
391
+ children: children
392
+ }));
393
+ });
394
+ ButtonLink.displayName = 'ButtonLink';
395
+
396
+ var css_248z$K = ".utrecht-checkbox{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
397
+ styleInject(css_248z$K);
398
+
399
+ var css_248z$J = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-custom-checkbox-border-color);border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);height:var(--utrecht-custom-checkbox-size);margin-block-start:var(--utrecht-custom-checkbox-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-custom-checkbox-size)}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-checked-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-custom-checkbox-disabled-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width,var(--utrecht-custom-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-custom-checkbox-disabled-background-color,var(--utrecht-custom-checkbox-background-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:checked{border-color:var(--utrecht-custom-checkbox-disabled-border-color,var(--utrecht-custom-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-custom-checkbox-indeterminate-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-indeterminate-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-indeterminate-border-width,var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-indeterminate-color,var(--utrecht-custom-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-custom-checkbox-invalid-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-custom-checkbox-active-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-active-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width,var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color,var(--utrecht-custom-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-custom-checkbox-hover-background-color,var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-hover-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-hover-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-custom-checkbox-focus-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-focus-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-custom-checkbox-disabled-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width,var(--utrecht-custom-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-custom-checkbox-disabled-background-color,var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color,var(--utrecht-custom-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-custom-checkbox-disabled-border-color,var(--utrecht-custom-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-custom-checkbox-hover-background-color,var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-hover-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-hover-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-custom-checkbox-focus-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-focus-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-custom-checkbox-invalid-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-custom-checkbox-active-background-color,var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width,var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color,var(--utrecht-custom-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\")}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-custom-checkbox-checked-background-color,var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width,var(--utrecht-custom-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-custom-checkbox-indeterminate-background-color,var(--utrecht-custom-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-checkbox-indeterminate-border-color,var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-indeterminate-border-width,var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-indeterminate-color,var(--utrecht-custom-checkbox-color))}";
400
+ styleInject(css_248z$J);
401
+
402
+ var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
403
+ var _a$appearance = _a.appearance,
404
+ appearance = _a$appearance === void 0 ? 'custom' : _a$appearance,
405
+ disabled = _a.disabled,
406
+ invalid = _a.invalid,
407
+ required = _a.required,
408
+ className = _a.className,
409
+ restProps = tslib.__rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
410
+
411
+ return jsxRuntime.jsx("input", Object.assign({}, restProps, {
412
+ ref: ref,
413
+ type: "checkbox",
414
+ className: clsx__default["default"]('utrecht-checkbox', 'utrecht-checkbox--html-input', {
415
+ 'utrecht-checkbox--disabled': disabled,
416
+ 'utrecht-checkbox--custom': appearance === 'custom',
417
+ 'utrecht-checkbox--invalid': invalid,
418
+ 'utrecht-checkbox--required': required
419
+ }, className),
420
+ "aria-invalid": invalid || undefined,
421
+ disabled: disabled,
422
+ required: required
423
+ }));
424
+ });
425
+ Checkbox.displayName = 'Checkbox';
426
+
427
+ var css_248z$I = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}";
428
+ styleInject(css_248z$I);
429
+
430
+ var Code = /*#__PURE__*/react.forwardRef(function (_a, ref) {
431
+ var children = _a.children,
432
+ className = _a.className,
433
+ restProps = tslib.__rest(_a, ["children", "className"]);
434
+
435
+ return jsxRuntime.jsx("code", Object.assign({
436
+ ref: ref,
437
+ className: clsx__default["default"]('utrecht-code', className)
438
+ }, restProps, {
439
+ children: children
440
+ }));
441
+ });
442
+ Code.displayName = 'Code';
443
+
444
+ var css_248z$H = ".utrecht-code-block{--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}";
445
+ styleInject(css_248z$H);
446
+
447
+ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_a, ref) {
448
+ var children = _a.children,
449
+ className = _a.className,
450
+ restProps = tslib.__rest(_a, ["children", "className"]);
451
+
452
+ return jsxRuntime.jsx("pre", Object.assign({
453
+ ref: ref,
454
+ className: clsx__default["default"]('utrecht-code-block', className)
455
+ }, restProps, {
456
+ children: jsxRuntime.jsx("code", Object.assign({
457
+ className: "utrecht-code-block__content"
458
+ }, {
459
+ children: children
460
+ }))
461
+ }));
462
+ });
463
+ CodeBlock.displayName = 'CodeBlock';
464
+
465
+ var css_248z$G = ".utrecht-custom-radio-button,.utrecht-radio-button--custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-custom-radio-button-background-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-custom-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-custom-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-custom-radio-button-size);margin-block-start:var(--utrecht-custom-radio-button-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-custom-radio-button-size)}.utrecht-custom-radio-button--checked,.utrecht-radio-button--custom.utrecht-radio-button--checked{background-color:var(--utrecht-custom-radio-button-checked-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-checked-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--active,.utrecht-radio-button--custom.utrecht-radio-button--active{background-color:var(--utrecht-custom-radio-button-active-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-active-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--focus,.utrecht-radio-button--custom.utrecht-radio-button--focus{background-color:var(--utrecht-custom-radio-button-focus-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-focus-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--focus-visible,.utrecht-radio-button--custom.utrecht-radio-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-custom-radio-button--disabled,.utrecht-radio-button--custom.utrecht-radio-button--disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color,var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-radio-button--disabled:checked,.utrecht-radio-button--custom.utrecht-radio-button--disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color,var(--utrecht-custom-radio-button-background-color))}.utrecht-custom-radio-button--disabled:active,.utrecht-custom-radio-button--disabled:checked,.utrecht-radio-button--custom.utrecht-radio-button--disabled:active,.utrecht-radio-button--custom.utrecht-radio-button--disabled:checked{border-color:var(--utrecht-custom-radio-button-disabled-border-color,var(--utrecht-custom-radio-button-border-color))}.utrecht-custom-radio-button--invalid,.utrecht-radio-button--custom.utrecht-radio-button--invalid{border-color:var(--utrecht-custom-radio-button-invalid-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--html-input:disabled,.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled{border-color:var(--utrecht-custom-radio-button-disabled-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-disabled-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-disabled-color,var(--utrecht-custom-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-radio-button--html-input:disabled:checked,.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:checked{background-color:var(--utrecht-custom-radio-button-disabled-background-color,var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-disabled-border-color,var(--utrecht-custom-radio-button-border-color))}.utrecht-custom-radio-button--html-input:disabled:active,.utrecht-radio-button--custom.utrecht-radio-button--html-input:disabled:active{border-color:var(--utrecht-custom-radio-button-disabled-border-color,var(--utrecht-custom-radio-button-border-color))}.utrecht-custom-radio-button--html-input:hover,.utrecht-radio-button--custom.utrecht-radio-button--html-input:hover{background-color:var(--utrecht-custom-radio-button-hover-background-color,var(--utrecht-custom-radio-button-background-color));border-color:var(--utrecht-custom-radio-button-hover-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-hover-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-hover-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--html-input:focus,.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus{background-color:var(--utrecht-custom-radio-button-focus-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-focus-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-focus-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-focus-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--html-input:focus-visible,.utrecht-radio-button--custom.utrecht-radio-button--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-custom-radio-button--html-input:invalid,.utrecht-custom-radio-button--html-input[aria-invalid=true],.utrecht-radio-button--custom.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--custom.utrecht-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-custom-radio-button-invalid-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-invalid-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-invalid-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--html-input:active,.utrecht-radio-button--custom.utrecht-radio-button--html-input:active{background-color:var(--utrecht-custom-radio-button-active-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-active-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-active-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-active-color,var(--utrecht-custom-radio-button-color))}.utrecht-custom-radio-button--html-input:checked,.utrecht-radio-button--custom.utrecht-radio-button--html-input:checked{background-color:var(--utrecht-custom-radio-button-checked-background-color,var(--utrecht-custom-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-custom-radio-button-checked-border-color,var(--utrecht-custom-radio-button-border-color));border-width:var(--utrecht-custom-radio-button-checked-border-width,var(--utrecht-custom-radio-button-border-width));color:var(--utrecht-custom-radio-button-checked-color,var(--utrecht-custom-radio-button-color))}";
466
+ styleInject(css_248z$G);
467
+
468
+ var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
469
+ var disabled = _a.disabled,
470
+ required = _a.required,
471
+ className = _a.className,
472
+ invalid = _a.invalid,
473
+ restProps = tslib.__rest(_a, ["disabled", "required", "className", "invalid"]);
474
+
475
+ return jsxRuntime.jsx("input", Object.assign({
476
+ type: "radio",
477
+ "aria-invalid": invalid || undefined,
478
+ disabled: disabled,
479
+ required: required,
480
+ ref: ref,
481
+ className: clsx__default["default"]('utrecht-custom-radio-button', 'utrecht-custom-radio-button--html-input', disabled && 'utrecht-custom-radio-button--disabled', invalid && 'utrecht-custom-radio-button--invalid', className)
482
+ }, restProps));
483
+ });
484
+ CustomRadioButton.displayName = 'CustomRadioButton';
485
+
486
+ var css_248z$F = ".utrecht-document{color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}";
487
+ styleInject(css_248z$F);
488
+
489
+ var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
490
+ var children = _a.children,
491
+ className = _a.className,
492
+ restProps = tslib.__rest(_a, ["children", "className"]);
493
+
494
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
495
+ ref: ref,
496
+ className: clsx__default["default"]('utrecht-document', className)
497
+ }, {
498
+ children: children
499
+ }));
500
+ });
501
+ Document.displayName = 'Document';
502
+
503
+ var css_248z$E = ".utrecht-data-list{display:block;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-start, 0))}.utrecht-data-list__item-key{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}.utrecht-data-list__item-value{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height)*1rem)}.utrecht-data-list__actions--html-dd,.utrecht-data-list__item-value--html-dd{margin-inline-start:0}.utrecht-data-list__item-value--multiline{white-space:pre-line}.utrecht-data-list--rows .utrecht-data-list__actions{align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}.utrecht-data-list--rows .utrecht-data-list__item{--_utrecht-minmax:max(var(--utrecht-data-list-rows-column-min-inline-size,25ch),var(--utrecht-data-list-rows-column-inline-size,80%));--_utrecht-auto-col:minmax(var(--_utrecht-minmax),max-content);border-bottom:var(--utrecht-data-list-rows-border-bottom-width,0) solid var(--utrecht-data-list-rows-border-bottom-color,transparent);display:grid;gap:0 var(--utrecht-data-list-rows-gap);grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit,var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start)}.utrecht-data-list--rows .utrecht-data-list__item:first-of-type{margin-block-start:0}.utrecht-data-list--rows .utrecht-data-list__item-value{margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}";
504
+ styleInject(css_248z$E);
505
+
506
+ var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
507
+ var appearance = _a.appearance,
508
+ children = _a.children,
509
+ className = _a.className,
510
+ restProps = tslib.__rest(_a, ["appearance", "children", "className"]);
511
+
512
+ return jsxRuntime.jsx("dl", Object.assign({}, restProps, {
513
+ className: clsx__default["default"]('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
514
+ ref: ref
515
+ }, {
516
+ children: children
517
+ }));
518
+ });
519
+ DataList.displayName = 'DataList';
520
+ var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
521
+ var children = _a.children,
522
+ className = _a.className,
523
+ restProps = tslib.__rest(_a, ["children", "className"]);
524
+
525
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
526
+ className: clsx__default["default"]('utrecht-data-list__item', className),
527
+ ref: ref
528
+ }, {
529
+ children: children
530
+ }));
531
+ });
532
+ DataListItem.displayName = 'DataListItem';
533
+ var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
534
+ var children = _a.children,
535
+ className = _a.className,
536
+ restProps = tslib.__rest(_a, ["children", "className"]);
537
+
538
+ return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
539
+ className: clsx__default["default"]('utrecht-data-list__item-key', className),
540
+ ref: ref
541
+ }, {
542
+ children: children
543
+ }));
544
+ });
545
+ DataListKey.displayName = 'DataListKey';
546
+ var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
547
+ var value = _ref.value,
548
+ children = _ref.children,
549
+ className = _ref.className,
550
+ emptyDescription = _ref.emptyDescription,
551
+ multiline = _ref.multiline,
552
+ notranslate = _ref.notranslate;
553
+ var empty = value === '' || value === null;
554
+ return jsxRuntime.jsx("dd", Object.assign({
555
+ className: clsx__default["default"]('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
556
+ translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
557
+ ref: ref
558
+ }, {
559
+ children: empty ? jsxRuntime.jsx("span", Object.assign({
560
+ "aria-label": emptyDescription
561
+ }, {
562
+ children: "-"
563
+ })) : children
564
+ }));
565
+ });
566
+ DataListValue.displayName = 'DataListValue';
567
+ var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
568
+ var children = _a.children,
569
+ className = _a.className,
570
+ restProps = tslib.__rest(_a, ["children", "className"]);
571
+
572
+ return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
573
+ className: clsx__default["default"]('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
574
+ ref: ref
575
+ }, {
576
+ children: children
577
+ }));
578
+ });
579
+ DataListActions.displayName = 'DataListActions';
580
+
581
+ var css_248z$D = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
582
+ styleInject(css_248z$D);
583
+
584
+ var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
585
+ var children = _a.children,
586
+ className = _a.className,
587
+ restProps = tslib.__rest(_a, ["children", "className"]);
588
+
589
+ return jsxRuntime.jsx("em", Object.assign({
590
+ ref: ref,
591
+ className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
592
+ }, restProps, {
593
+ children: children
594
+ }));
595
+ });
596
+ Emphasis.displayName = 'Emphasis';
597
+
598
+ var css_248z$C = ".utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset,.utrecht-form-fieldset__fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around:1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color,var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width,var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start,var(--utrecht-form-field-invalid-padding-inline-start))}";
599
+ styleInject(css_248z$C);
600
+
601
+ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
602
+ var ariaDescribedby = _a['aria-describedby'],
603
+ ariaLabel = _a['aria-label'],
604
+ ariaLabelledby = _a['aria-labelledby'],
605
+ className = _a.className,
606
+ children = _a.children,
607
+ disabled = _a.disabled,
608
+ form = _a.form,
609
+ invalid = _a.invalid,
610
+ name = _a.name,
611
+ role = _a.role,
612
+ restProps = tslib.__rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
613
+
614
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
615
+ ref: ref,
616
+ className: clsx__default["default"]('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
617
+ }, {
618
+ children: jsxRuntime.jsx("fieldset", Object.assign({
619
+ "aria-describedby": ariaDescribedby,
620
+ "aria-label": ariaLabel,
621
+ "aria-labelledby": ariaLabelledby,
622
+ "aria-invalid": invalid || undefined,
623
+ disabled: disabled,
624
+ form: form,
625
+ name: name,
626
+ role: role,
627
+ className: clsx__default["default"]('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
628
+ }, {
629
+ children: children
630
+ }))
631
+ }));
632
+ });
633
+ Fieldset.displayName = 'Fieldset';
634
+ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_a, ref) {
635
+ var className = _a.className,
636
+ children = _a.children,
637
+ disabled = _a.disabled,
638
+ invalid = _a.invalid,
639
+ restProps = tslib.__rest(_a, ["className", "children", "disabled", "invalid"]);
640
+
641
+ return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
642
+ ref: ref,
643
+ "aria-invalid": invalid || undefined,
644
+ disabled: disabled,
645
+ className: clsx__default["default"]('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
646
+ }, {
647
+ children: children
648
+ }));
649
+ });
650
+ FieldsetOnly.displayName = 'Fieldset';
651
+
652
+ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
653
+ var className = _a.className,
654
+ children = _a.children,
655
+ restProps = tslib.__rest(_a, ["className", "children"]);
656
+
657
+ return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
658
+ ref: ref,
659
+ className: clsx__default["default"]('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
660
+ }, {
661
+ children: children
662
+ }));
663
+ });
664
+ FieldsetLegend.displayName = 'FieldsetLegend';
665
+
666
+ var css_248z$B = ".utrecht-figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-figure__caption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}";
667
+ styleInject(css_248z$B);
668
+
669
+ var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
670
+ var className = _a.className,
671
+ children = _a.children,
672
+ restProps = tslib.__rest(_a, ["className", "children"]);
673
+
674
+ return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
675
+ ref: ref,
676
+ className: clsx__default["default"]('utrecht-figure', className)
677
+ }, {
678
+ children: children
679
+ }));
680
+ });
681
+ Figure.displayName = 'Figure';
682
+
683
+ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
684
+ var className = _a.className,
685
+ children = _a.children,
686
+ restProps = tslib.__rest(_a, ["className", "children"]);
687
+
688
+ return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
689
+ ref: ref,
690
+ className: clsx__default["default"]('utrecht-figure__caption', className)
691
+ }, {
692
+ children: children
693
+ }));
694
+ });
695
+ FigureCaption.displayName = 'FigureCaption';
696
+
697
+ var css_248z$A = ".utrecht-form-field{font-family:var(--utrecht-document-font-family,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-custom-checkbox-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-custom-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-custom-checkbox-size) + var(--utrecht-custom-checkbox-margin-inline-end, 12px))*-1)}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-checkbox-margin-inline-end,12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-custom-radio-button-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-custom-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-custom-radio-button-size) + var(--utrecht-custom-radio-button-margin-inline-end, 12px))*-1)}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-custom-radio-button-margin-inline-end,12px)}.utrecht-form-field__input{grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}";
698
+ styleInject(css_248z$A);
699
+
700
+ var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
701
+ var className = _a.className,
702
+ children = _a.children,
703
+ invalid = _a.invalid,
704
+ type = _a.type,
705
+ restProps = tslib.__rest(_a, ["className", "children", "invalid", "type"]);
706
+
707
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
708
+ ref: ref,
709
+ className: clsx__default["default"]('utrecht-form-field', {
710
+ 'utrecht-form-field--invalid': invalid,
711
+ 'utrecht-form-field--checkbox': type === 'checkbox',
712
+ 'utrecht-form-field--radio': type === 'radio',
713
+ 'utrecht-form-field--text': !type || type === 'text'
714
+ }, className)
715
+ }, {
716
+ children: children
717
+ }));
718
+ });
719
+ FormField.displayName = 'FormField';
720
+
721
+ var css_248z$z = ".utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-form-field-description-font-size,inherit);font-style:var(--utrecht-form-field-description-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description--distanced,.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color,var(--utrecht-feedback-invalid-color,var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color,var(--utrecht-feedback-valid-color,var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color,var(--utrecht-feedback-warning-color))}";
722
+ styleInject(css_248z$z);
723
+
724
+ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
725
+ var invalid = _a.invalid,
726
+ valid = _a.valid,
727
+ warning = _a.warning,
728
+ className = _a.className,
729
+ children = _a.children,
730
+ restProps = tslib.__rest(_a, ["invalid", "valid", "warning", "className", "children"]);
731
+
732
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
733
+ ref: ref,
734
+ className: clsx__default["default"]('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className)
735
+ }, {
736
+ children: children
737
+ }));
738
+ });
739
+ FormFieldDescription.displayName = 'FormFieldDescription';
740
+
741
+ var css_248z$y = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor,revert);font-weight:var(--utrecht-form-label-disabled-color,var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}";
742
+ styleInject(css_248z$y);
743
+
744
+ var FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
745
+ var children = _a.children,
746
+ className = _a.className,
747
+ type = _a.type,
748
+ disabled = _a.disabled,
749
+ checked = _a.checked,
750
+ restProps = tslib.__rest(_a, ["children", "className", "type", "disabled", "checked"]);
751
+
752
+ return jsxRuntime.jsx("label", Object.assign({}, restProps, {
753
+ ref: ref,
754
+ className: clsx__default["default"]('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
755
+ }, {
756
+ children: children
757
+ }));
758
+ });
759
+ FormLabel.displayName = 'FormLabel';
760
+
761
+ var css_248z$x = "@charset \"UTF-8\";.utrecht-html{--utrecht-space-around:1}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);--utrecht-space-around:1;background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);color:var(--utrecht-blockquote-content-color,inherit);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-size:var(--utrecht-blockquote-content-font-size,inherit);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-html button,.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i]{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button:disabled[aria-busy=true],.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);transform:scale(var(--utrecht-button-focus-transform-scale,1))}.utrecht-html button:focus:not([aria-disabled=true]):not(:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color)}.utrecht-html button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=checkbox i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html body{background-color:var(--utrecht-document-background-color,inherit);color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-html body :lang(ar){letter-spacing:0!important}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}.utrecht-html fieldset{--utrecht-space-around:1;all:revert;border:0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0));margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));display:table;font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);inline-size:100%;line-height:var(--utrecht-form-fieldset-legend-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0));padding-inline-end:0;padding-inline-start:0;page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform,inherit)}.utrecht-html h3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));text-transform:var(--utrecht-heading-4-text-transform,inherit)}.utrecht-html h5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;--utrecht-space-around:1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>*{--utrecht-space-around:0}.utrecht-html a:link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-html a:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-html a:focus{text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch))}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html *~p{--utrecht-space-around:1}.utrecht-html p:has(>small:only-child){color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html p>small:only-child{font-size:inherit}.utrecht-html pre:has(>code:only-child){--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=radio i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=radio i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=radio i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-select-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-select-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-input-border-width))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-html hr,.utrecht-html table{--utrecht-space-around:1;border-style:solid}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0));width:100%}.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-html thead{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-html tbody{vertical-align:baseline}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform)}.utrecht-html td,.utrecht-html th{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{text-align:right}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums;text-align:right}.utrecht-html table.alternate-row-color>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-input-font-size,1em));font-weight:400;height:auto;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-input-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-input-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-input-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-input-padding-inline-start,initial));resize:vertical;width:100%}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width))))}.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));font-weight:400;height:auto;line-height:normal;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start,initial));width:100%}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch)}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
762
+ styleInject(css_248z$x);
763
+
764
+ var HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
765
+ var children = _a.children,
766
+ className = _a.className,
767
+ restProps = tslib.__rest(_a, ["children", "className"]);
768
+
769
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
770
+ ref: ref,
771
+ className: clsx__default["default"]('utrecht-html', className)
772
+ }, {
773
+ children: children
774
+ }));
775
+ });
776
+ HTMLContent.displayName = 'HTMLContent';
777
+
778
+ var css_248z$w = ".utrecht-heading-1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-heading-1--distanced{--utrecht-space-around:1}";
779
+ styleInject(css_248z$w);
780
+
781
+ var css_248z$v = ".utrecht-heading-2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-2-text-transform,inherit)}.utrecht-heading-2--distanced{--utrecht-space-around:1}";
782
+ styleInject(css_248z$v);
783
+
784
+ var css_248z$u = ".utrecht-heading-3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-heading-3--distanced{--utrecht-space-around:1}";
785
+ styleInject(css_248z$u);
786
+
787
+ var css_248z$t = ".utrecht-heading-4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-4-text-transform,inherit)}.utrecht-heading-4--distanced{--utrecht-space-around:1}";
788
+ styleInject(css_248z$t);
789
+
790
+ var css_248z$s = ".utrecht-heading-5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-heading-5--distanced{--utrecht-space-around:1}";
791
+ styleInject(css_248z$s);
792
+
793
+ var css_248z$r = ".utrecht-heading-6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}";
794
+ styleInject(css_248z$r);
795
+
796
+ var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
797
+ var children = _a.children,
798
+ className = _a.className,
799
+ restProps = tslib.__rest(_a, ["children", "className"]);
800
+
801
+ return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
802
+ ref: ref,
803
+ className: clsx__default["default"]('utrecht-heading-1', className)
804
+ }, {
805
+ children: children
806
+ }));
807
+ });
808
+ Heading1.displayName = 'Heading1';
809
+
810
+ var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
811
+ var children = _a.children,
812
+ className = _a.className,
813
+ restProps = tslib.__rest(_a, ["children", "className"]);
814
+
815
+ return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
816
+ ref: ref,
817
+ className: clsx__default["default"]('utrecht-heading-2', className)
818
+ }, {
819
+ children: children
820
+ }));
821
+ });
822
+ Heading2.displayName = 'Heading2';
823
+
824
+ var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
825
+ var children = _a.children,
826
+ className = _a.className,
827
+ restProps = tslib.__rest(_a, ["children", "className"]);
828
+
829
+ return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
830
+ ref: ref,
831
+ className: clsx__default["default"]('utrecht-heading-3', className)
832
+ }, {
833
+ children: children
834
+ }));
835
+ });
836
+ Heading3.displayName = 'Heading3';
837
+
838
+ var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
839
+ var children = _a.children,
840
+ className = _a.className,
841
+ restProps = tslib.__rest(_a, ["children", "className"]);
842
+
843
+ return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
844
+ ref: ref,
845
+ className: clsx__default["default"]('utrecht-heading-4', className)
846
+ }, {
847
+ children: children
848
+ }));
849
+ });
850
+ Heading4.displayName = 'Heading4';
851
+
852
+ var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
853
+ var children = _a.children,
854
+ className = _a.className,
855
+ restProps = tslib.__rest(_a, ["children", "className"]);
856
+
857
+ return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
858
+ ref: ref,
859
+ className: clsx__default["default"]('utrecht-heading-5', className)
860
+ }, {
861
+ children: children
862
+ }));
863
+ });
864
+ Heading5.displayName = 'Heading5';
865
+
866
+ var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
867
+ var children = _a.children,
868
+ className = _a.className,
869
+ restProps = tslib.__rest(_a, ["children", "className"]);
870
+
871
+ return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
872
+ ref: ref,
873
+ className: clsx__default["default"]('utrecht-heading-6', className)
874
+ }, {
875
+ children: children
876
+ }));
877
+ });
878
+ Heading6.displayName = 'Heading6';
879
+
880
+ var css_248z$q = ".utrecht-heading-group{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-heading-group>*{--utrecht-space-around:0}";
881
+ styleInject(css_248z$q);
882
+
883
+ var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
884
+ var children = _a.children,
885
+ className = _a.className,
886
+ restProps = tslib.__rest(_a, ["children", "className"]);
887
+
888
+ return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
889
+ ref: ref,
890
+ className: clsx__default["default"]('utrecht-heading-group', className)
891
+ }, {
892
+ children: children
893
+ }));
894
+ });
895
+ HeadingGroup.displayName = 'HeadingGroup';
896
+
897
+ var css_248z$p = ".utrecht-icon{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative;width:var(--utrecht-icon-size)}";
898
+ styleInject(css_248z$p);
899
+
900
+ var Icon = /*#__PURE__*/react.forwardRef(function (_a, ref) {
901
+ var children = _a.children,
902
+ className = _a.className,
903
+ restProps = tslib.__rest(_a, ["children", "className"]);
904
+
905
+ return jsxRuntime.jsx("span", Object.assign({
906
+ ref: ref,
907
+ className: clsx__default["default"]('utrecht-icon', className)
908
+ }, restProps, {
909
+ children: children
910
+ }));
911
+ });
912
+ Icon.displayName = 'Icon';
913
+
914
+ var css_248z$o = ".utrecht-img{height:auto;width:auto}.utrecht-img--photo,.utrecht-img--scale-down{max-height:100%;max-width:100%}";
915
+ styleInject(css_248z$o);
916
+
917
+ var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
918
+ var className = _a.className,
919
+ photo = _a.photo,
920
+ restProps = tslib.__rest(_a, ["className", "photo"]);
921
+
922
+ return jsxRuntime.jsx("img", Object.assign({}, restProps, {
923
+ ref: ref,
924
+ className: clsx__default["default"]('utrecht-img', {
925
+ 'utrecht-img--photo': photo
926
+ }, className)
927
+ }));
928
+ });
929
+ Image.displayName = 'Image';
930
+
931
+ var css_248z$n = ".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image,none);background-position:0 .25em;background-repeat:no-repeat;color:var(--utrecht-link-color,blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link--visited,.utrecht-link:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-link--hover,.utrecht-link:link:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link--active,.utrecht-link:link:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link--focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link--focus-visible,.utrecht-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link:focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color,var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}";
932
+ styleInject(css_248z$n);
933
+
934
+ var css_248z$m = ".utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;color:var(--utrecht-link-color,blue);cursor:pointer;display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:inherit;min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-transform:var(--utrecht-button-text-transform);text-underline-offset:var(--utrecht-link-text-underline-offset);user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link-button--active,.utrecht-link-button--html-button:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link-button--disabled{color:var(--utrecht-link-placeholder-color,var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link-button--focus-visible,.utrecht-link-button--html-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link-button--html-button{background-color:transparent;border-width:0}";
935
+ styleInject(css_248z$m);
936
+
937
+ var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
938
+ var children = _a.children,
939
+ disabled = _a.disabled,
940
+ inline = _a.inline,
941
+ className = _a.className,
942
+ pressed = _a.pressed,
943
+ type = _a.type,
944
+ restProps = tslib.__rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
945
+
946
+ return jsxRuntime.jsx("button", Object.assign({
947
+ ref: ref,
948
+ "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
949
+ className: clsx__default["default"]('utrecht-link-button', 'utrecht-link-button--html-button', {
950
+ 'utrecht-link-button--disabled': disabled,
951
+ 'utrecht-link-button--inline': inline,
952
+ 'utrecht-link-button--pressed': pressed
953
+ }, className),
954
+ disabled: disabled,
955
+ type: type || 'button'
956
+ }, restProps, {
957
+ children: children
958
+ }));
959
+ });
960
+ LinkButton.displayName = 'LinkButton';
961
+
962
+ var css_248z$l = ".utrecht-link-social{--utrecht-icon-size:var(--utrecht-link-social-icon-size);--utrecht-icon-color:currentColor;align-items:center;background-color:var(--utrecht-link-social-background-color);border-color:var(--utrecht-link-social-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-link-social-border-width);color:var(--utrecht-link-social-color);display:inline-flex;height:var(--utrecht-link-social-size);justify-content:center;width:var(--utrecht-link-social-size)}.utrecht-link-social--hover,.utrecht-link-social:hover{background-color:var(--utrecht-link-social-hover-background-color,var(--utrecht-link-social-background-color));color:var(--utrecht-link-social-hover-color,var(--utrecht-link-social-color));transform:scale(var(--utrecht-link-social-hover-transform-scale))}.utrecht-link-social--focus-visible,.utrecht-link-social:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link-social--distanced{margin-inline-start:var(--utrecht-link-social-margin-inline-start)}";
963
+ styleInject(css_248z$l);
964
+
965
+ var LinkSocial = /*#__PURE__*/react.forwardRef(function (_a, ref) {
966
+ var children = _a.children,
967
+ className = _a.className,
968
+ external = _a.external,
969
+ restProps = tslib.__rest(_a, ["children", "className", "external"]);
970
+
971
+ return jsxRuntime.jsx("a", Object.assign({}, restProps, {
972
+ ref: ref,
973
+ className: clsx__default["default"]('utrecht-link-social', className),
974
+ rel: external !== false ? 'external noopener noreferrer' : undefined
975
+ }, {
976
+ children: children
977
+ }));
978
+ });
979
+ LinkSocial.displayName = 'LinkSocial';
980
+
981
+ var css_248z$k = ".utrecht-list-social{display:flex;margin-block-end:var(--utrecht-list-social-margin-block-end);margin-block-start:var(--utrecht-list-social-margin-block-start);padding-inline-end:var(--utrecht-list-social-padding-inline-end);padding-inline-start:var(--utrecht-list-social-padding-inline-start)}.utrecht-list-social__item{list-style-type:none;margin-inline-end:var(--utrecht-list-social-item-margin-inline-end)}.utrecht-list-social__item:last-child{margin-inline-end:0}";
982
+ styleInject(css_248z$k);
983
+
984
+ var ListSocial = function ListSocial(_ref) {
985
+ var children = _ref.children;
986
+ return jsxRuntime.jsx("ul", Object.assign({
987
+ className: clsx__default["default"]('utrecht-list-social')
988
+ }, {
989
+ children: children
990
+ }));
991
+ };
992
+ var ListSocialItem = function ListSocialItem(_ref2) {
993
+ var children = _ref2.children;
994
+ return jsxRuntime.jsx("li", Object.assign({
995
+ className: clsx__default["default"]('utrecht-list-social__item')
996
+ }, {
997
+ children: children
998
+ }));
999
+ };
1000
+
1001
+ var css_248z$j = ".utrecht-mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-mark{background-color:Highlight;color:HighlightText}}.utrecht-mark--print{outline-color:currentColor;outline-style:dotted;outline-width:.1em}.utrecht-mark--windows-high-contrast{background-color:Highlight;color:HighlightText}";
1002
+ styleInject(css_248z$j);
1003
+
1004
+ var Mark = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1005
+ var children = _a.children,
1006
+ className = _a.className,
1007
+ restProps = tslib.__rest(_a, ["children", "className"]);
1008
+
1009
+ return jsxRuntime.jsx("mark", Object.assign({
1010
+ ref: ref,
1011
+ className: clsx__default["default"]('utrecht-mark', className)
1012
+ }, restProps, {
1013
+ children: children
1014
+ }));
1015
+ });
1016
+ Mark.displayName = 'Mark';
1017
+
1018
+ var css_248z$i = ".utrecht-value-number{font-variant-numeric:lining-nums tabular-nums}.utrecht-value-number--positive{color:var(--utrecht-value-number-positive-color)}.utrecht-value-number--negative{color:var(--utrecht-value-number-negative-color)}";
1019
+ styleInject(css_248z$i);
1020
+
1021
+ var NumberValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1022
+ var children = _a.children,
1023
+ className = _a.className,
1024
+ value = _a.value,
1025
+ restProps = tslib.__rest(_a, ["children", "className", "value"]);
1026
+
1027
+ return jsxRuntime.jsx("data", Object.assign({
1028
+ value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1029
+ }, restProps, {
1030
+ ref: ref,
1031
+ className: clsx__default["default"]('utrecht-value-number', className)
1032
+ }, {
1033
+ children: children
1034
+ }));
1035
+ });
1036
+ NumberValue.displayName = 'NumberValue';
1037
+
1038
+ var css_248z$h = ".utrecht-ordered-list,.utrecht-ordered-list--html-content ol{font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch))}.utrecht-ordered-list--distanced{--utrecht-space-around:1}.utrecht-ordered-list--arabic{list-style:arabic-indic}.utrecht-ordered-list--html-content ol>li,.utrecht-ordered-list--html-content>li,.utrecht-ordered-list__item{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}";
1039
+ styleInject(css_248z$h);
1040
+
1041
+ var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1042
+ var children = _a.children,
1043
+ className = _a.className,
1044
+ restProps = tslib.__rest(_a, ["children", "className"]);
1045
+
1046
+ return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
1047
+ ref: ref,
1048
+ className: clsx__default["default"]('utrecht-ordered-list', className)
1049
+ }, {
1050
+ children: children
1051
+ }));
1052
+ });
1053
+ OrderedList.displayName = 'OrderedList';
1054
+
1055
+ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1056
+ var children = _a.children,
1057
+ className = _a.className,
1058
+ restProps = tslib.__rest(_a, ["children", "className"]);
1059
+
1060
+ return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1061
+ ref: ref,
1062
+ className: clsx__default["default"]('utrecht-ordered-list__item', className)
1063
+ }, {
1064
+ children: children
1065
+ }));
1066
+ });
1067
+ OrderedListItem.displayName = 'OrderedListItem';
1068
+
1069
+ var css_248z$g = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}";
1070
+ styleInject(css_248z$g);
1071
+
1072
+ var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1073
+ var children = _a.children,
1074
+ className = _a.className,
1075
+ restProps = tslib.__rest(_a, ["children", "className"]);
1076
+
1077
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1078
+ ref: ref,
1079
+ className: clsx__default["default"]('utrecht-page', className)
1080
+ }, {
1081
+ children: children
1082
+ }));
1083
+ });
1084
+ Page.displayName = 'Page';
1085
+
1086
+ var css_248z$f = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}";
1087
+ styleInject(css_248z$f);
1088
+
1089
+ var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1090
+ var children = _a.children,
1091
+ className = _a.className,
1092
+ restProps = tslib.__rest(_a, ["children", "className"]);
1093
+
1094
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1095
+ ref: ref,
1096
+ className: clsx__default["default"]('utrecht-page-content', className)
1097
+ }, {
1098
+ children: children
1099
+ }));
1100
+ });
1101
+ PageContent.displayName = 'PageContent';
1102
+ var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1103
+ var children = _a.children,
1104
+ className = _a.className,
1105
+ restProps = tslib.__rest(_a, ["children", "className"]);
1106
+
1107
+ return jsxRuntime.jsx("main", Object.assign({}, restProps, {
1108
+ ref: ref,
1109
+ className: clsx__default["default"]('utrecht-page-content__main', className)
1110
+ }, {
1111
+ children: children
1112
+ }));
1113
+ });
1114
+ PageContentMain.displayName = 'PageContentMain';
1115
+
1116
+ var css_248z$e = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer .utrecht-link--telephone,.utrecht-page-footer .utrecht-paragraph{color:#fff}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}";
1117
+ styleInject(css_248z$e);
1118
+
1119
+ var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1120
+ var children = _a.children,
1121
+ className = _a.className,
1122
+ restProps = tslib.__rest(_a, ["children", "className"]);
1123
+
1124
+ return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
1125
+ ref: ref,
1126
+ className: clsx__default["default"]('utrecht-page-footer', className)
1127
+ }, {
1128
+ children: children
1129
+ }));
1130
+ });
1131
+ PageFooter.displayName = 'PageFooter';
1132
+
1133
+ var css_248z$d = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:\"utrecht-header\";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}";
1134
+ styleInject(css_248z$d);
1135
+
1136
+ var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1137
+ var children = _a.children,
1138
+ className = _a.className,
1139
+ restProps = tslib.__rest(_a, ["children", "className"]);
1140
+
1141
+ return jsxRuntime.jsx("header", Object.assign({}, restProps, {
1142
+ ref: ref,
1143
+ className: clsx__default["default"]('utrecht-page-header', className)
1144
+ }, {
1145
+ children: children
1146
+ }));
1147
+ });
1148
+ PageHeader.displayName = 'PageHeader';
1149
+
1150
+ var css_248z$c = ".utrecht-paragraph{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}";
1151
+ styleInject(css_248z$c);
1152
+
1153
+ var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1154
+ var children = _a.children,
1155
+ className = _a.className,
1156
+ lead = _a.lead,
1157
+ small = _a.small,
1158
+ restProps = tslib.__rest(_a, ["children", "className", "lead", "small"]);
1159
+
1160
+ return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1161
+ ref: ref,
1162
+ className: clsx__default["default"]('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
1163
+ }, {
1164
+ children: small ? jsxRuntime.jsx("small", Object.assign({
1165
+ className: "utrecht-paragraph__small"
1166
+ }, {
1167
+ children: children
1168
+ })) : children
1169
+ }));
1170
+ });
1171
+ Paragraph.displayName = 'Paragraph';
1172
+
1173
+ var css_248z$b = ".utrecht-pre-heading{color:var(--utrecht-pre-heading-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-pre-heading-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-pre-heading-letter-spacing);line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order,0);text-transform:var(--utrecht-pre-heading-text-transform,inherit)}.utrecht-pre-heading--distanced{--utrecht-space-around:1}";
1174
+ styleInject(css_248z$b);
1175
+
1176
+ var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1177
+ var children = _a.children,
1178
+ className = _a.className,
1179
+ restProps = tslib.__rest(_a, ["children", "className"]);
1180
+
1181
+ return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1182
+ ref: ref,
1183
+ className: clsx__default["default"]('utrecht-pre-heading', className)
1184
+ }, {
1185
+ children: children
1186
+ }));
1187
+ });
1188
+ PreHeading.displayName = 'PreHeading';
1189
+
1190
+ var css_248z$a = ".utrecht-radio-button{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-radio-button--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-radio-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-radio-button--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-radio-button--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-radio-button--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
1191
+ styleInject(css_248z$a);
1192
+
1193
+ var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1194
+ var _a$appearance = _a.appearance,
1195
+ appearance = _a$appearance === void 0 ? 'utrecht-radio-button' : _a$appearance,
1196
+ invalid = _a.invalid,
1197
+ className = _a.className,
1198
+ restProps = tslib.__rest(_a, ["appearance", "invalid", "className"]);
1199
+
1200
+ return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1201
+ ref: ref,
1202
+ type: "radio",
1203
+ className: clsx__default["default"]('utrecht-radio-button', 'utrecht-radio-button--html-input', {
1204
+ 'utrecht-radio-button--custom': appearance === 'utrecht-radio-button',
1205
+ 'utrecht-radio-button--invalid': invalid
1206
+ }, className)
1207
+ }));
1208
+ });
1209
+ RadioButton.displayName = 'RadioButton';
1210
+
1211
+ var css_248z$9 = ".utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-select-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-select-color,var(--utrecht-form-input-color))))}.utrecht-select--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-input-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-select-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-select-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
1212
+ styleInject(css_248z$9);
1213
+
1214
+ var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1215
+ var invalid = _a.invalid,
1216
+ required = _a.required,
1217
+ className = _a.className,
1218
+ noscript = _a.noscript,
1219
+ children = _a.children,
1220
+ restProps = tslib.__rest(_a, ["invalid", "required", "className", "noscript", "children"]);
1221
+
1222
+ return jsxRuntime.jsx("select", Object.assign({}, restProps, {
1223
+ ref: ref,
1224
+ "aria-invalid": invalid || undefined,
1225
+ required: noscript ? required : false,
1226
+ "aria-required": noscript ? undefined : required,
1227
+ className: clsx__default["default"]('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className)
1228
+ }, {
1229
+ children: children
1230
+ }));
1231
+ });
1232
+ Select.displayName = 'Select';
1233
+ var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1234
+ var disabled = _a.disabled,
1235
+ invalid = _a.invalid,
1236
+ value = _a.value,
1237
+ children = _a.children,
1238
+ className = _a.className,
1239
+ restProps = tslib.__rest(_a, ["disabled", "invalid", "value", "children", "className"]);
1240
+
1241
+ return jsxRuntime.jsx("option", Object.assign({}, restProps, {
1242
+ ref: ref,
1243
+ disabled: disabled,
1244
+ value: value,
1245
+ className: clsx__default["default"]('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
1246
+ }, {
1247
+ children: children
1248
+ }));
1249
+ });
1250
+ SelectOption.displayName = 'SelectOption';
1251
+
1252
+ var css_248z$8 = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}";
1253
+ styleInject(css_248z$8);
1254
+
1255
+ var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1256
+ var className = _a.className;
1257
+ _a.children;
1258
+ var restProps = tslib.__rest(_a, ["className", "children"]);
1259
+
1260
+ return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
1261
+ ref: ref,
1262
+ className: clsx__default["default"]('utrecht-separator', className)
1263
+ }));
1264
+ });
1265
+ Separator.displayName = 'Separator';
1266
+
1267
+ var css_248z$7 = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color);box-sizing:border-box;color:var(--utrecht-skip-link-color);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size,44px);min-inline-size:var(--utrecht-skip-link-min-inline-size,44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden,.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible,.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset,0);inset-inline-start:var(--_utrecht-skip-link-inset,0);position:fixed;z-index:var(--utrecht-skip-link-z-index,var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}";
1268
+ styleInject(css_248z$7);
1269
+
1270
+ var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1271
+ var children = _a.children,
1272
+ className = _a.className,
1273
+ restProps = tslib.__rest(_a, ["children", "className"]);
1274
+
1275
+ return jsxRuntime.jsx("p", {
1276
+ children: jsxRuntime.jsx("a", Object.assign({
1277
+ ref: ref
1278
+ }, restProps, {
1279
+ className: clsx__default["default"]('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
1280
+ }, {
1281
+ children: children
1282
+ }))
1283
+ });
1284
+ });
1285
+ SkipLink.displayName = 'SkipLink';
1286
+
1287
+ var css_248z$6 = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color,var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color,var(--utrecht-spotlight-section-border-color));border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width,var(--utrecht-spotlight-section-border-width,0));color:var(--_utrecht-spotlight-section-color,var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}";
1288
+ styleInject(css_248z$6);
1289
+
1290
+ var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1291
+ var aside = _a.aside,
1292
+ children = _a.children,
1293
+ className = _a.className,
1294
+ type = _a.type,
1295
+ restProps = tslib.__rest(_a, ["aside", "children", "className", "type"]);
1296
+
1297
+ var props = Object.assign(Object.assign({}, restProps), {
1298
+ ref: ref,
1299
+ className: clsx__default["default"]('utrecht-spotlight-section', {
1300
+ 'utrecht-spotlight-section--info': type === 'info',
1301
+ 'utrecht-spotlight-section--warning': type === 'warning'
1302
+ }, className)
1303
+ });
1304
+ return aside ? jsxRuntime.jsx("aside", Object.assign({}, props, {
1305
+ children: children
1306
+ })) : jsxRuntime.jsx("section", Object.assign({}, props, {
1307
+ children: children
1308
+ }));
1309
+ });
1310
+ SpotlightSection.displayName = 'SpotlightSection';
1311
+
1312
+ var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1313
+ var children = _a.children,
1314
+ className = _a.className,
1315
+ restProps = tslib.__rest(_a, ["children", "className"]);
1316
+
1317
+ return jsxRuntime.jsx("strong", Object.assign({
1318
+ ref: ref,
1319
+ className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1320
+ }, restProps, {
1321
+ children: children
1322
+ }));
1323
+ });
1324
+ Strong.displayName = 'Strong';
1325
+
1326
+ var css_248z$5 = ".utrecht-surface{background-color:var(--utrecht-surface-background-color,inherit);color:var(--utrecht-surface-color,inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}";
1327
+ styleInject(css_248z$5);
1328
+
1329
+ var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1330
+ var children = _a.children,
1331
+ className = _a.className,
1332
+ restProps = tslib.__rest(_a, ["children", "className"]);
1333
+
1334
+ return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1335
+ ref: ref,
1336
+ className: clsx__default["default"]('utrecht-surface', className)
1337
+ }, {
1338
+ children: children
1339
+ }));
1340
+ });
1341
+ Surface.displayName = 'Surface';
1342
+
1343
+ var css_248z$4 = ".utrecht-table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);border-style:solid;border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0));width:100%}.utrecht-table--distanced{--utrecht-space-around:1}.utrecht-table__caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-table__header{background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-table__cell--last-header-row{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-table__body{vertical-align:baseline}.utrecht-table__header-cell{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform)}.utrecht-table__cell{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start}.utrecht-table__cell--first{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-table__cell--last{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-table__cell--numeric-column,.utrecht-table__header-cell--numeric-column{text-align:right}.utrecht-table__cell--numeric-data{font-variant-numeric:lining-nums tabular-nums}.utrecht-table__row--alternate-odd{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}";
1344
+ styleInject(css_248z$4);
1345
+
1346
+ var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1347
+ var children = _a.children,
1348
+ className = _a.className,
1349
+ restProps = tslib.__rest(_a, ["children", "className"]);
1350
+
1351
+ return jsxRuntime.jsx("table", Object.assign({}, restProps, {
1352
+ ref: ref,
1353
+ className: clsx__default["default"]('utrecht-table', className)
1354
+ }, {
1355
+ children: children
1356
+ }));
1357
+ });
1358
+ Table.displayName = 'Table';
1359
+
1360
+ var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1361
+ var children = _a.children,
1362
+ className = _a.className,
1363
+ restProps = tslib.__rest(_a, ["children", "className"]);
1364
+
1365
+ return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
1366
+ ref: ref,
1367
+ className: clsx__default["default"]('utrecht-table__body', className)
1368
+ }, {
1369
+ children: children
1370
+ }));
1371
+ });
1372
+ TableBody.displayName = 'TableBody';
1373
+
1374
+ var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1375
+ var children = _a.children,
1376
+ className = _a.className,
1377
+ restProps = tslib.__rest(_a, ["children", "className"]);
1378
+
1379
+ return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
1380
+ ref: ref,
1381
+ className: clsx__default["default"]('utrecht-table__caption', className)
1382
+ }, {
1383
+ children: children
1384
+ }));
1385
+ });
1386
+ TableCaption.displayName = 'TableCaption';
1387
+
1388
+ var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1389
+ var children = _a.children,
1390
+ className = _a.className,
1391
+ restProps = tslib.__rest(_a, ["children", "className"]);
1392
+
1393
+ return jsxRuntime.jsx("td", Object.assign({}, restProps, {
1394
+ ref: ref,
1395
+ className: clsx__default["default"]('utrecht-table__cell', className)
1396
+ }, {
1397
+ children: children
1398
+ }));
1399
+ });
1400
+ TableCell.displayName = 'TableCell';
1401
+
1402
+ var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1403
+ var children = _a.children,
1404
+ className = _a.className,
1405
+ restProps = tslib.__rest(_a, ["children", "className"]);
1406
+
1407
+ return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
1408
+ ref: ref,
1409
+ className: clsx__default["default"]('utrecht-table__footer', className)
1410
+ }, {
1411
+ children: children
1412
+ }));
1413
+ });
1414
+ TableFooter.displayName = 'TableFooter';
1415
+
1416
+ var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1417
+ var children = _a.children,
1418
+ className = _a.className,
1419
+ restProps = tslib.__rest(_a, ["children", "className"]);
1420
+
1421
+ return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
1422
+ ref: ref,
1423
+ className: clsx__default["default"]('utrecht-table__header', className)
1424
+ }, {
1425
+ children: children
1426
+ }));
1427
+ });
1428
+ TableHeader.displayName = 'TableHeader';
1429
+
1430
+ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1431
+ var children = _a.children,
1432
+ className = _a.className,
1433
+ restProps = tslib.__rest(_a, ["children", "className"]);
1434
+
1435
+ return jsxRuntime.jsx("th", Object.assign({}, restProps, {
1436
+ ref: ref,
1437
+ className: clsx__default["default"]('utrecht-table__header-cell', className)
1438
+ }, {
1439
+ children: children
1440
+ }));
1441
+ });
1442
+ TableHeaderCell.displayName = 'TableHeaderCell';
1443
+
1444
+ var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1445
+ var children = _a.children,
1446
+ className = _a.className,
1447
+ restProps = tslib.__rest(_a, ["children", "className"]);
1448
+
1449
+ return jsxRuntime.jsx("tr", Object.assign({}, restProps, {
1450
+ ref: ref,
1451
+ className: clsx__default["default"]('utrecht-table__row', className)
1452
+ }, {
1453
+ children: children
1454
+ }));
1455
+ });
1456
+ TableRow.displayName = 'TableRow';
1457
+
1458
+ var css_248z$3 = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-input-font-size,1em));font-weight:400;height:auto;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-input-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-input-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-input-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-input-padding-inline-start,initial));resize:vertical;width:100%}.utrecht-textarea--invalid{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textarea--read-only{border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--html-textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}";
1459
+ styleInject(css_248z$3);
1460
+
1461
+ var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1462
+ var disabled = _a.disabled,
1463
+ invalid = _a.invalid,
1464
+ readOnly = _a.readOnly,
1465
+ required = _a.required,
1466
+ className = _a.className,
1467
+ restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
1468
+
1469
+ return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
1470
+ ref: ref,
1471
+ className: clsx__default["default"]('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
1472
+ disabled: disabled,
1473
+ readOnly: readOnly,
1474
+ required: required,
1475
+ "aria-invalid": invalid || undefined
1476
+ }));
1477
+ });
1478
+ Textarea.displayName = 'Textarea';
1479
+
1480
+ var css_248z$2 = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));font-weight:400;height:auto;line-height:normal;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start,initial));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}";
1481
+ styleInject(css_248z$2);
1482
+
1483
+ var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1484
+ var disabled = _a.disabled,
1485
+ invalid = _a.invalid,
1486
+ readOnly = _a.readOnly,
1487
+ required = _a.required,
1488
+ className = _a.className,
1489
+ _a$type = _a.type,
1490
+ type = _a$type === void 0 ? 'text' : _a$type,
1491
+ maxLength = _a.maxLength,
1492
+ inputMode = _a.inputMode,
1493
+ restProps = tslib.__rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
1494
+
1495
+ return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1496
+ ref: ref,
1497
+ type: type,
1498
+ className: clsx__default["default"]('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
1499
+ maxLength: maxLength,
1500
+ disabled: disabled,
1501
+ readOnly: readOnly,
1502
+ required: required,
1503
+ "aria-invalid": invalid || undefined,
1504
+ inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
1505
+ }));
1506
+ });
1507
+ Textbox.displayName = 'Textbox';
1508
+
1509
+ var css_248z$1 = ".utrecht-url{font-variant-ligatures:none}";
1510
+ styleInject(css_248z$1);
1511
+
1512
+ var URLValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1513
+ var children = _a.children,
1514
+ className = _a.className,
1515
+ restProps = tslib.__rest(_a, ["children", "className"]);
1516
+
1517
+ return jsxRuntime.jsx("bdi", Object.assign({
1518
+ translate: "no"
1519
+ }, restProps, {
1520
+ ref: ref,
1521
+ className: clsx__default["default"]('utrecht-url', className)
1522
+ }, {
1523
+ children: children
1524
+ }));
1525
+ });
1526
+ URLValue.displayName = 'URLValue';
1527
+
1528
+ var css_248z = "@charset \"UTF-8\";.utrecht-unordered-list,.utrecht-unordered-list--html-content ul{font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch)}.utrecht-unordered-list--distanced{--utrecht-space-around:1}.utrecht-unordered-list--html-content ul,.utrecht-unordered-list--nested{margin-block-end:0;margin-inline-start:2ch}.utrecht-unordered-list--html-content ul>li,.utrecht-unordered-list--html-content>li,.utrecht-unordered-list__item{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-unordered-list--html-content ul>li::marker,.utrecht-unordered-list--html-content>li::marker,.utrecht-unordered-list__item::marker,.utrecht-unordered-list__marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
1529
+ styleInject(css_248z);
1530
+
1531
+ var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1532
+ var children = _a.children,
1533
+ className = _a.className,
1534
+ restProps = tslib.__rest(_a, ["children", "className"]);
1535
+
1536
+ return jsxRuntime.jsx("ul", Object.assign({
1537
+ role: "list"
1538
+ }, restProps, {
1539
+ ref: ref,
1540
+ className: clsx__default["default"]('utrecht-unordered-list', className)
1541
+ }, {
1542
+ children: children
1543
+ }));
1544
+ });
1545
+ UnorderedList.displayName = 'UnorderedList';
1546
+
1547
+ var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1548
+ var children = _a.children,
1549
+ className = _a.className,
1550
+ restProps = tslib.__rest(_a, ["children", "className"]);
1551
+
1552
+ return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1553
+ ref: ref,
1554
+ className: clsx__default["default"]('utrecht-unordered-list__item', className)
1555
+ }, {
1556
+ children: children
1557
+ }));
1558
+ });
1559
+ UnorderedListItem.displayName = 'UnorderedListItem';
1560
+
1561
+ exports.Alert = Alert;
1562
+ exports.AlertDialog = AlertDialog;
1563
+ exports.Article = Article;
1564
+ exports.Backdrop = Backdrop;
1565
+ exports.BreadcrumbLink = BreadcrumbLink;
1566
+ exports.BreadcrumbNav = BreadcrumbNav;
1567
+ exports.Button = Button;
1568
+ exports.ButtonGroup = ButtonGroup;
1569
+ exports.ButtonLink = ButtonLink;
1570
+ exports.Checkbox = Checkbox;
1571
+ exports.Code = Code;
1572
+ exports.CodeBlock = CodeBlock;
1573
+ exports.CustomRadioButton = CustomRadioButton;
1574
+ exports.DataList = DataList;
1575
+ exports.DataListActions = DataListActions;
1576
+ exports.DataListItem = DataListItem;
1577
+ exports.DataListKey = DataListKey;
1578
+ exports.DataListValue = DataListValue;
1579
+ exports.Document = Document;
1580
+ exports.Emphasis = Emphasis;
1581
+ exports.Fieldset = Fieldset;
1582
+ exports.FieldsetLegend = FieldsetLegend;
1583
+ exports.Figure = Figure;
1584
+ exports.FigureCaption = FigureCaption;
1585
+ exports.FormField = FormField;
1586
+ exports.FormFieldDescription = FormFieldDescription;
1587
+ exports.FormLabel = FormLabel;
1588
+ exports.HTMLContent = HTMLContent;
1589
+ exports.Heading = Heading;
1590
+ exports.Heading1 = Heading1;
1591
+ exports.Heading2 = Heading2;
1592
+ exports.Heading3 = Heading3;
1593
+ exports.Heading4 = Heading4;
1594
+ exports.Heading5 = Heading5;
1595
+ exports.Heading6 = Heading6;
1596
+ exports.HeadingGroup = HeadingGroup;
1597
+ exports.Icon = Icon;
1598
+ exports.Image = Image;
1599
+ exports.Link = Link;
1600
+ exports.LinkButton = LinkButton;
1601
+ exports.LinkSocial = LinkSocial;
1602
+ exports.ListSocial = ListSocial;
1603
+ exports.ListSocialItem = ListSocialItem;
1604
+ exports.Mark = Mark;
1605
+ exports.NumberValue = NumberValue;
1606
+ exports.OrderedList = OrderedList;
1607
+ exports.OrderedListItem = OrderedListItem;
1608
+ exports.Page = Page;
1609
+ exports.PageContent = PageContent;
1610
+ exports.PageFooter = PageFooter;
1611
+ exports.PageHeader = PageHeader;
1612
+ exports.Paragraph = Paragraph;
1613
+ exports.PreHeading = PreHeading;
1614
+ exports.PrimaryActionButton = PrimaryActionButton;
1615
+ exports.RadioButton = RadioButton;
1616
+ exports.SecondaryActionButton = SecondaryActionButton;
1617
+ exports.Select = Select;
1618
+ exports.SelectOption = SelectOption;
1619
+ exports.Separator = Separator;
1620
+ exports.SkipLink = SkipLink;
1621
+ exports.SpotlightSection = SpotlightSection;
1622
+ exports.Strong = Strong;
1623
+ exports.SubtleButton = SubtleButton;
1624
+ exports.Surface = Surface;
1625
+ exports.Table = Table;
1626
+ exports.TableBody = TableBody;
1627
+ exports.TableCaption = TableCaption;
1628
+ exports.TableCell = TableCell;
1629
+ exports.TableFooter = TableFooter;
1630
+ exports.TableHeader = TableHeader;
1631
+ exports.TableHeaderCell = TableHeaderCell;
1632
+ exports.TableRow = TableRow;
1633
+ exports.Textarea = Textarea;
1634
+ exports.Textbox = Textbox;
1635
+ exports.URLValue = URLValue;
1636
+ exports.UnorderedList = UnorderedList;
1637
+ exports.UnorderedListItem = UnorderedListItem;
1638
+ //# sourceMappingURL=index.js.map