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

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.
@@ -1,16 +1,9 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib = require('tslib');
6
3
  var jsxRuntime = require('react/jsx-runtime');
7
4
  var clsx = require('clsx');
8
5
  var react = require('react');
9
6
 
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
7
  function styleInject(css, ref) {
15
8
  if ( ref === void 0 ) ref = {};
16
9
  var insertAt = ref.insertAt;
@@ -41,16 +34,42 @@ function styleInject(css, ref) {
41
34
  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
35
  styleInject(css_248z$S);
43
36
 
37
+ /******************************************************************************
38
+ Copyright (c) Microsoft Corporation.
39
+
40
+ Permission to use, copy, modify, and/or distribute this software for any
41
+ purpose with or without fee is hereby granted.
42
+
43
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
44
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
45
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
46
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
47
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
48
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
49
+ PERFORMANCE OF THIS SOFTWARE.
50
+ ***************************************************************************** */
51
+
52
+ function __rest(s, e) {
53
+ var t = {};
54
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
55
+ t[p] = s[p];
56
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
57
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
58
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
59
+ t[p[i]] = s[p[i]];
60
+ }
61
+ return t;
62
+ }
63
+
44
64
  var Alert = /*#__PURE__*/react.forwardRef(function (_a, ref) {
45
65
  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
-
66
+ className = _a.className,
67
+ icon = _a.icon,
68
+ type = _a.type,
69
+ restProps = __rest(_a, ["children", "className", "icon", "type"]);
51
70
  return jsxRuntime.jsxs("div", Object.assign({}, restProps, {
52
71
  ref: ref,
53
- className: clsx__default["default"]('utrecht-alert', {
72
+ className: clsx('utrecht-alert', {
54
73
  'utrecht-alert--error': type === 'error',
55
74
  'utrecht-alert--info': type === 'info',
56
75
  'utrecht-alert--ok': type === 'ok',
@@ -75,14 +94,13 @@ styleInject(css_248z$R);
75
94
 
76
95
  var AlertDialog = /*#__PURE__*/react.forwardRef(function (_a, ref) {
77
96
  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
-
97
+ className = _a.className,
98
+ icon = _a.icon,
99
+ type = _a.type,
100
+ restProps = __rest(_a, ["children", "className", "icon", "type"]);
83
101
  return jsxRuntime.jsxs("dialog", Object.assign({}, restProps, {
84
102
  ref: ref,
85
- className: clsx__default["default"]('utrecht-alert-dialog', {
103
+ className: clsx('utrecht-alert-dialog', {
86
104
  'utrecht-alert-dialog--error': type === 'error',
87
105
  'utrecht-alert-dialog--info': type === 'info',
88
106
  'utrecht-alert-dialog--warning': type === 'warning',
@@ -107,12 +125,11 @@ styleInject(css_248z$Q);
107
125
 
108
126
  var Article = /*#__PURE__*/react.forwardRef(function (_a, ref) {
109
127
  var children = _a.children,
110
- className = _a.className,
111
- restProps = tslib.__rest(_a, ["children", "className"]);
112
-
128
+ className = _a.className,
129
+ restProps = __rest(_a, ["children", "className"]);
113
130
  return jsxRuntime.jsx("article", Object.assign({}, restProps, {
114
131
  ref: ref,
115
- className: clsx__default["default"]('utrecht-article', className)
132
+ className: clsx('utrecht-article', className)
116
133
  }, {
117
134
  children: children
118
135
  }));
@@ -124,12 +141,11 @@ styleInject(css_248z$P);
124
141
 
125
142
  var Backdrop = /*#__PURE__*/react.forwardRef(function (_a, ref) {
126
143
  var children = _a.children,
127
- className = _a.className,
128
- restProps = tslib.__rest(_a, ["children", "className"]);
129
-
144
+ className = _a.className,
145
+ restProps = __rest(_a, ["children", "className"]);
130
146
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
131
147
  ref: ref,
132
- className: clsx__default["default"]('utrecht-backdrop', className)
148
+ className: clsx('utrecht-backdrop', className)
133
149
  }, {
134
150
  children: children
135
151
  }));
@@ -141,15 +157,14 @@ styleInject(css_248z$O);
141
157
 
142
158
  var Heading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
143
159
  var appearance = _a.appearance,
144
- className = _a.className,
145
- level = _a.level,
146
- restProps = tslib.__rest(_a, ["appearance", "className", "level"]);
147
-
160
+ className = _a.className,
161
+ level = _a.level,
162
+ restProps = __rest(_a, ["appearance", "className", "level"]);
148
163
  var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
149
164
  var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
150
165
  var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
151
166
  return jsxRuntime.jsx(HeadingX, Object.assign({
152
- className: clsx__default["default"](headingClassName, className)
167
+ className: clsx(headingClassName, className)
153
168
  }, restProps, {
154
169
  ref: ref
155
170
  }));
@@ -158,15 +173,15 @@ Heading.displayName = 'Heading';
158
173
 
159
174
  var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
160
175
  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,
176
+ children = _a.children,
177
+ className = _a.className,
178
+ external = _a.external,
179
+ href = _a.href,
180
+ placeholder = _a.placeholder,
181
+ role = _a.role,
182
+ restProps = __rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
183
+ return (
184
+ // "utrecht-link--telephone" does not have a corresponding API,
170
185
  // since it is primarily a basis for implementing input[href^="tel"].
171
186
  // Telephone number rendering in React is best achieved using composition
172
187
  // of the TelephoneValue component.
@@ -174,7 +189,7 @@ var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
174
189
  href: placeholder ? undefined : href,
175
190
  ref: ref,
176
191
  role: role || (placeholder ? 'link' : undefined),
177
- className: clsx__default["default"]('utrecht-link', {
192
+ className: clsx('utrecht-link', {
178
193
  'utrecht-link--box-content': boxContent,
179
194
  'utrecht-link--external': external,
180
195
  'utrecht-link--placeholder': placeholder
@@ -190,33 +205,30 @@ Link.displayName = 'Link';
190
205
 
191
206
  var useMicrodataItem = function useMicrodataItem(_ref) {
192
207
  var prop = _ref.prop,
193
- type = _ref.type;
208
+ type = _ref.type;
194
209
  return {
195
210
  itemScope: true,
196
211
  itemType: type,
197
212
  itemProp: prop
198
213
  };
199
214
  };
200
-
201
215
  var useMicrodataProp = function useMicrodataProp(prop) {
202
216
  return {
203
217
  itemProp: prop
204
218
  };
205
219
  };
206
-
207
220
  var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
208
221
  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
-
222
+ children = _a.children,
223
+ className = _a.className,
224
+ _a$headingLevel = _a.headingLevel,
225
+ headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
226
+ label = _a.label,
227
+ restProps = __rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
216
228
  var headingId = label ? react.useId() : undefined;
217
229
  return jsxRuntime.jsxs("nav", Object.assign({}, restProps, {
218
230
  ref: ref,
219
- className: clsx__default["default"]('utrecht-breadcrumb', {
231
+ className: clsx('utrecht-breadcrumb', {
220
232
  'utrecht-breadcrumb--arrows': appearance === 'arrows'
221
233
  }, className),
222
234
  "aria-labelledby": headingId
@@ -240,10 +252,10 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_a, ref) {
240
252
  BreadcrumbNav.displayName = 'BreadcrumbNav';
241
253
  var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
242
254
  var children = _ref2.children,
243
- current = _ref2.current,
244
- href = _ref2.href,
245
- index = _ref2.index,
246
- rel = _ref2.rel;
255
+ current = _ref2.current,
256
+ href = _ref2.href,
257
+ index = _ref2.index,
258
+ rel = _ref2.rel;
247
259
  return jsxRuntime.jsx("li", Object.assign({
248
260
  className: "utrecht-breadcrumb__item"
249
261
  }, useMicrodataItem({
@@ -270,23 +282,22 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
270
282
  });
271
283
  BreadcrumbLink.displayName = 'BreadcrumbLink';
272
284
 
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)}";
285
+ 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,[aria-disabled=true],.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,[aria-disabled=true],.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,[aria-disabled=true],.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,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.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
286
  styleInject(css_248z$N);
275
287
 
276
288
  var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
277
289
  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
-
290
+ busy = _a.busy,
291
+ disabled = _a.disabled,
292
+ children = _a.children,
293
+ className = _a.className,
294
+ hint = _a.hint,
295
+ pressed = _a.pressed,
296
+ type = _a.type,
297
+ restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
287
298
  return jsxRuntime.jsx("button", Object.assign({}, restProps, {
288
299
  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),
300
+ className: clsx('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
301
  "aria-busy": busy || undefined,
291
302
  "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
292
303
  disabled: disabled,
@@ -297,24 +308,21 @@ var Button = /*#__PURE__*/react.forwardRef(function (_a, ref) {
297
308
  });
298
309
  Button.displayName = 'Button';
299
310
  var PrimaryActionButton = function PrimaryActionButton(_a) {
300
- var args = tslib.__rest(_a, []);
301
-
311
+ var args = __rest(_a, []);
302
312
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
303
313
  appearance: "primary-action-button"
304
314
  }));
305
315
  };
306
316
  PrimaryActionButton.displayName = 'PrimaryActionButton';
307
317
  var SecondaryActionButton = function SecondaryActionButton(_a) {
308
- var args = tslib.__rest(_a, []);
309
-
318
+ var args = __rest(_a, []);
310
319
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
311
320
  appearance: "secondary-action-button"
312
321
  }));
313
322
  };
314
323
  SecondaryActionButton.displayName = 'SecondaryActionButton';
315
324
  var SubtleButton = function SubtleButton(_a) {
316
- var args = tslib.__rest(_a, []);
317
-
325
+ var args = __rest(_a, []);
318
326
  return jsxRuntime.jsx(Button, Object.assign({}, args, {
319
327
  appearance: "subtle-button"
320
328
  }));
@@ -326,12 +334,11 @@ styleInject(css_248z$M);
326
334
 
327
335
  var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
328
336
  var children = _a.children,
329
- className = _a.className,
330
- restProps = tslib.__rest(_a, ["children", "className"]);
331
-
337
+ className = _a.className,
338
+ restProps = __rest(_a, ["children", "className"]);
332
339
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
333
340
  ref: ref,
334
- className: clsx__default["default"]('utrecht-button-group', className)
341
+ className: clsx('utrecht-button-group', className)
335
342
  }, {
336
343
  children: children
337
344
  }));
@@ -343,27 +350,23 @@ styleInject(css_248z$L);
343
350
 
344
351
  var onKeyDown = function onKeyDown(evt) {
345
352
  var _a;
346
-
347
353
  if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
348
354
  // Prevent other side-effects, such as scrolling
349
- evt.preventDefault(); // Navigate to the link target
350
-
355
+ evt.preventDefault();
356
+ // Navigate to the link target
351
357
  evt.target.click();
352
358
  }
353
359
  };
354
-
355
360
  var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
356
361
  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
-
362
+ children = _a.children,
363
+ className = _a.className,
364
+ external = _a.external,
365
+ href = _a.href,
366
+ placeholder = _a.placeholder,
367
+ role = _a.role,
368
+ restProps = __rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
365
369
  var props = restProps;
366
-
367
370
  if (role === 'button') {
368
371
  // When this link is announced as button by accessibility tools,
369
372
  // it should also behave like a button. Links are not activated
@@ -373,12 +376,11 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
373
376
  onKeyDown: onKeyDown
374
377
  });
375
378
  }
376
-
377
379
  return jsxRuntime.jsx("a", Object.assign({
378
380
  href: placeholder ? undefined : href,
379
381
  ref: ref,
380
382
  role: role || (placeholder ? 'link' : undefined),
381
- className: clsx__default["default"]('utrecht-button-link', 'utrecht-button-link--html-a', {
383
+ className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
382
384
  'utrecht-button-link--external': external,
383
385
  'utrecht-button-link--primary-action': appearance === 'primary-action-button',
384
386
  'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
@@ -401,17 +403,16 @@ styleInject(css_248z$J);
401
403
 
402
404
  var Checkbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
403
405
  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
-
406
+ appearance = _a$appearance === void 0 ? 'custom' : _a$appearance,
407
+ disabled = _a.disabled,
408
+ invalid = _a.invalid,
409
+ required = _a.required,
410
+ className = _a.className,
411
+ restProps = __rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
411
412
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
412
413
  ref: ref,
413
414
  type: "checkbox",
414
- className: clsx__default["default"]('utrecht-checkbox', 'utrecht-checkbox--html-input', {
415
+ className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
415
416
  'utrecht-checkbox--disabled': disabled,
416
417
  'utrecht-checkbox--custom': appearance === 'custom',
417
418
  'utrecht-checkbox--invalid': invalid,
@@ -429,12 +430,11 @@ styleInject(css_248z$I);
429
430
 
430
431
  var Code = /*#__PURE__*/react.forwardRef(function (_a, ref) {
431
432
  var children = _a.children,
432
- className = _a.className,
433
- restProps = tslib.__rest(_a, ["children", "className"]);
434
-
433
+ className = _a.className,
434
+ restProps = __rest(_a, ["children", "className"]);
435
435
  return jsxRuntime.jsx("code", Object.assign({
436
436
  ref: ref,
437
- className: clsx__default["default"]('utrecht-code', className)
437
+ className: clsx('utrecht-code', className)
438
438
  }, restProps, {
439
439
  children: children
440
440
  }));
@@ -446,12 +446,11 @@ styleInject(css_248z$H);
446
446
 
447
447
  var CodeBlock = /*#__PURE__*/react.forwardRef(function (_a, ref) {
448
448
  var children = _a.children,
449
- className = _a.className,
450
- restProps = tslib.__rest(_a, ["children", "className"]);
451
-
449
+ className = _a.className,
450
+ restProps = __rest(_a, ["children", "className"]);
452
451
  return jsxRuntime.jsx("pre", Object.assign({
453
452
  ref: ref,
454
- className: clsx__default["default"]('utrecht-code-block', className)
453
+ className: clsx('utrecht-code-block', className)
455
454
  }, restProps, {
456
455
  children: jsxRuntime.jsx("code", Object.assign({
457
456
  className: "utrecht-code-block__content"
@@ -467,18 +466,17 @@ styleInject(css_248z$G);
467
466
 
468
467
  var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
469
468
  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
-
469
+ required = _a.required,
470
+ className = _a.className,
471
+ invalid = _a.invalid,
472
+ restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
475
473
  return jsxRuntime.jsx("input", Object.assign({
476
474
  type: "radio",
477
475
  "aria-invalid": invalid || undefined,
478
476
  disabled: disabled,
479
477
  required: required,
480
478
  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)
479
+ className: clsx('utrecht-custom-radio-button', 'utrecht-custom-radio-button--html-input', disabled && 'utrecht-custom-radio-button--disabled', invalid && 'utrecht-custom-radio-button--invalid', className)
482
480
  }, restProps));
483
481
  });
484
482
  CustomRadioButton.displayName = 'CustomRadioButton';
@@ -488,12 +486,11 @@ styleInject(css_248z$F);
488
486
 
489
487
  var Document = /*#__PURE__*/react.forwardRef(function (_a, ref) {
490
488
  var children = _a.children,
491
- className = _a.className,
492
- restProps = tslib.__rest(_a, ["children", "className"]);
493
-
489
+ className = _a.className,
490
+ restProps = __rest(_a, ["children", "className"]);
494
491
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
495
492
  ref: ref,
496
- className: clsx__default["default"]('utrecht-document', className)
493
+ className: clsx('utrecht-document', className)
497
494
  }, {
498
495
  children: children
499
496
  }));
@@ -505,12 +502,11 @@ styleInject(css_248z$E);
505
502
 
506
503
  var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
507
504
  var appearance = _a.appearance,
508
- children = _a.children,
509
- className = _a.className,
510
- restProps = tslib.__rest(_a, ["appearance", "children", "className"]);
511
-
505
+ children = _a.children,
506
+ className = _a.className,
507
+ restProps = __rest(_a, ["appearance", "children", "className"]);
512
508
  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),
509
+ className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
514
510
  ref: ref
515
511
  }, {
516
512
  children: children
@@ -519,11 +515,10 @@ var DataList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
519
515
  DataList.displayName = 'DataList';
520
516
  var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
521
517
  var children = _a.children,
522
- className = _a.className,
523
- restProps = tslib.__rest(_a, ["children", "className"]);
524
-
518
+ className = _a.className,
519
+ restProps = __rest(_a, ["children", "className"]);
525
520
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
526
- className: clsx__default["default"]('utrecht-data-list__item', className),
521
+ className: clsx('utrecht-data-list__item', className),
527
522
  ref: ref
528
523
  }, {
529
524
  children: children
@@ -532,11 +527,10 @@ var DataListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
532
527
  DataListItem.displayName = 'DataListItem';
533
528
  var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
534
529
  var children = _a.children,
535
- className = _a.className,
536
- restProps = tslib.__rest(_a, ["children", "className"]);
537
-
530
+ className = _a.className,
531
+ restProps = __rest(_a, ["children", "className"]);
538
532
  return jsxRuntime.jsx("dt", Object.assign({}, restProps, {
539
- className: clsx__default["default"]('utrecht-data-list__item-key', className),
533
+ className: clsx('utrecht-data-list__item-key', className),
540
534
  ref: ref
541
535
  }, {
542
536
  children: children
@@ -545,14 +539,14 @@ var DataListKey = /*#__PURE__*/react.forwardRef(function (_a, ref) {
545
539
  DataListKey.displayName = 'DataListKey';
546
540
  var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
547
541
  var value = _ref.value,
548
- children = _ref.children,
549
- className = _ref.className,
550
- emptyDescription = _ref.emptyDescription,
551
- multiline = _ref.multiline,
552
- notranslate = _ref.notranslate;
542
+ children = _ref.children,
543
+ className = _ref.className,
544
+ emptyDescription = _ref.emptyDescription,
545
+ multiline = _ref.multiline,
546
+ notranslate = _ref.notranslate;
553
547
  var empty = value === '' || value === null;
554
548
  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'),
549
+ className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
556
550
  translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
557
551
  ref: ref
558
552
  }, {
@@ -566,11 +560,10 @@ var DataListValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
566
560
  DataListValue.displayName = 'DataListValue';
567
561
  var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
568
562
  var children = _a.children,
569
- className = _a.className,
570
- restProps = tslib.__rest(_a, ["children", "className"]);
571
-
563
+ className = _a.className,
564
+ restProps = __rest(_a, ["children", "className"]);
572
565
  return jsxRuntime.jsx("dd", Object.assign({}, restProps, {
573
- className: clsx__default["default"]('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
566
+ className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
574
567
  ref: ref
575
568
  }, {
576
569
  children: children
@@ -583,12 +576,11 @@ styleInject(css_248z$D);
583
576
 
584
577
  var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
585
578
  var children = _a.children,
586
- className = _a.className,
587
- restProps = tslib.__rest(_a, ["children", "className"]);
588
-
579
+ className = _a.className,
580
+ restProps = __rest(_a, ["children", "className"]);
589
581
  return jsxRuntime.jsx("em", Object.assign({
590
582
  ref: ref,
591
- className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
583
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
592
584
  }, restProps, {
593
585
  children: children
594
586
  }));
@@ -600,20 +592,19 @@ styleInject(css_248z$C);
600
592
 
601
593
  var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
602
594
  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
-
595
+ ariaLabel = _a['aria-label'],
596
+ ariaLabelledby = _a['aria-labelledby'],
597
+ className = _a.className,
598
+ children = _a.children,
599
+ disabled = _a.disabled,
600
+ form = _a.form,
601
+ invalid = _a.invalid,
602
+ name = _a.name,
603
+ role = _a.role,
604
+ restProps = __rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
614
605
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
615
606
  ref: ref,
616
- className: clsx__default["default"]('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
607
+ className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
617
608
  }, {
618
609
  children: jsxRuntime.jsx("fieldset", Object.assign({
619
610
  "aria-describedby": ariaDescribedby,
@@ -624,7 +615,7 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
624
615
  form: form,
625
616
  name: name,
626
617
  role: role,
627
- className: clsx__default["default"]('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
618
+ className: clsx('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset')
628
619
  }, {
629
620
  children: children
630
621
  }))
@@ -633,16 +624,15 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
633
624
  Fieldset.displayName = 'Fieldset';
634
625
  var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_a, ref) {
635
626
  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
-
627
+ children = _a.children,
628
+ disabled = _a.disabled,
629
+ invalid = _a.invalid,
630
+ restProps = __rest(_a, ["className", "children", "disabled", "invalid"]);
641
631
  return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
642
632
  ref: ref,
643
633
  "aria-invalid": invalid || undefined,
644
634
  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)
635
+ className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
646
636
  }, {
647
637
  children: children
648
638
  }));
@@ -651,12 +641,11 @@ FieldsetOnly.displayName = 'Fieldset';
651
641
 
652
642
  var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
653
643
  var className = _a.className,
654
- children = _a.children,
655
- restProps = tslib.__rest(_a, ["className", "children"]);
656
-
644
+ children = _a.children,
645
+ restProps = __rest(_a, ["className", "children"]);
657
646
  return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
658
647
  ref: ref,
659
- className: clsx__default["default"]('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
648
+ className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
660
649
  }, {
661
650
  children: children
662
651
  }));
@@ -668,12 +657,11 @@ styleInject(css_248z$B);
668
657
 
669
658
  var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
670
659
  var className = _a.className,
671
- children = _a.children,
672
- restProps = tslib.__rest(_a, ["className", "children"]);
673
-
660
+ children = _a.children,
661
+ restProps = __rest(_a, ["className", "children"]);
674
662
  return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
675
663
  ref: ref,
676
- className: clsx__default["default"]('utrecht-figure', className)
664
+ className: clsx('utrecht-figure', className)
677
665
  }, {
678
666
  children: children
679
667
  }));
@@ -682,12 +670,11 @@ Figure.displayName = 'Figure';
682
670
 
683
671
  var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
684
672
  var className = _a.className,
685
- children = _a.children,
686
- restProps = tslib.__rest(_a, ["className", "children"]);
687
-
673
+ children = _a.children,
674
+ restProps = __rest(_a, ["className", "children"]);
688
675
  return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
689
676
  ref: ref,
690
- className: clsx__default["default"]('utrecht-figure__caption', className)
677
+ className: clsx('utrecht-figure__caption', className)
691
678
  }, {
692
679
  children: children
693
680
  }));
@@ -699,14 +686,13 @@ styleInject(css_248z$A);
699
686
 
700
687
  var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
701
688
  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
-
689
+ children = _a.children,
690
+ invalid = _a.invalid,
691
+ type = _a.type,
692
+ restProps = __rest(_a, ["className", "children", "invalid", "type"]);
707
693
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
708
694
  ref: ref,
709
- className: clsx__default["default"]('utrecht-form-field', {
695
+ className: clsx('utrecht-form-field', {
710
696
  'utrecht-form-field--invalid': invalid,
711
697
  'utrecht-form-field--checkbox': type === 'checkbox',
712
698
  'utrecht-form-field--radio': type === 'radio',
@@ -723,15 +709,14 @@ styleInject(css_248z$z);
723
709
 
724
710
  var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_a, ref) {
725
711
  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
-
712
+ valid = _a.valid,
713
+ warning = _a.warning,
714
+ className = _a.className,
715
+ children = _a.children,
716
+ restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
732
717
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
733
718
  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)
719
+ className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className)
735
720
  }, {
736
721
  children: children
737
722
  }));
@@ -743,32 +728,30 @@ styleInject(css_248z$y);
743
728
 
744
729
  var FormLabel = /*#__PURE__*/react.forwardRef(function (_a, ref) {
745
730
  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
-
731
+ className = _a.className,
732
+ type = _a.type,
733
+ disabled = _a.disabled,
734
+ checked = _a.checked,
735
+ restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
752
736
  return jsxRuntime.jsx("label", Object.assign({}, restProps, {
753
737
  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)
738
+ className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
755
739
  }, {
756
740
  children: children
757
741
  }));
758
742
  });
759
743
  FormLabel.displayName = 'FormLabel';
760
744
 
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:\"●\"}";
745
+ 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],: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],: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],: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
746
  styleInject(css_248z$x);
763
747
 
764
748
  var HTMLContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
765
749
  var children = _a.children,
766
- className = _a.className,
767
- restProps = tslib.__rest(_a, ["children", "className"]);
768
-
750
+ className = _a.className,
751
+ restProps = __rest(_a, ["children", "className"]);
769
752
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
770
753
  ref: ref,
771
- className: clsx__default["default"]('utrecht-html', className)
754
+ className: clsx('utrecht-html', className)
772
755
  }, {
773
756
  children: children
774
757
  }));
@@ -795,12 +778,11 @@ styleInject(css_248z$r);
795
778
 
796
779
  var Heading1 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
797
780
  var children = _a.children,
798
- className = _a.className,
799
- restProps = tslib.__rest(_a, ["children", "className"]);
800
-
781
+ className = _a.className,
782
+ restProps = __rest(_a, ["children", "className"]);
801
783
  return jsxRuntime.jsx("h1", Object.assign({}, restProps, {
802
784
  ref: ref,
803
- className: clsx__default["default"]('utrecht-heading-1', className)
785
+ className: clsx('utrecht-heading-1', className)
804
786
  }, {
805
787
  children: children
806
788
  }));
@@ -809,12 +791,11 @@ Heading1.displayName = 'Heading1';
809
791
 
810
792
  var Heading2 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
811
793
  var children = _a.children,
812
- className = _a.className,
813
- restProps = tslib.__rest(_a, ["children", "className"]);
814
-
794
+ className = _a.className,
795
+ restProps = __rest(_a, ["children", "className"]);
815
796
  return jsxRuntime.jsx("h2", Object.assign({}, restProps, {
816
797
  ref: ref,
817
- className: clsx__default["default"]('utrecht-heading-2', className)
798
+ className: clsx('utrecht-heading-2', className)
818
799
  }, {
819
800
  children: children
820
801
  }));
@@ -823,12 +804,11 @@ Heading2.displayName = 'Heading2';
823
804
 
824
805
  var Heading3 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
825
806
  var children = _a.children,
826
- className = _a.className,
827
- restProps = tslib.__rest(_a, ["children", "className"]);
828
-
807
+ className = _a.className,
808
+ restProps = __rest(_a, ["children", "className"]);
829
809
  return jsxRuntime.jsx("h3", Object.assign({}, restProps, {
830
810
  ref: ref,
831
- className: clsx__default["default"]('utrecht-heading-3', className)
811
+ className: clsx('utrecht-heading-3', className)
832
812
  }, {
833
813
  children: children
834
814
  }));
@@ -837,12 +817,11 @@ Heading3.displayName = 'Heading3';
837
817
 
838
818
  var Heading4 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
839
819
  var children = _a.children,
840
- className = _a.className,
841
- restProps = tslib.__rest(_a, ["children", "className"]);
842
-
820
+ className = _a.className,
821
+ restProps = __rest(_a, ["children", "className"]);
843
822
  return jsxRuntime.jsx("h4", Object.assign({}, restProps, {
844
823
  ref: ref,
845
- className: clsx__default["default"]('utrecht-heading-4', className)
824
+ className: clsx('utrecht-heading-4', className)
846
825
  }, {
847
826
  children: children
848
827
  }));
@@ -851,12 +830,11 @@ Heading4.displayName = 'Heading4';
851
830
 
852
831
  var Heading5 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
853
832
  var children = _a.children,
854
- className = _a.className,
855
- restProps = tslib.__rest(_a, ["children", "className"]);
856
-
833
+ className = _a.className,
834
+ restProps = __rest(_a, ["children", "className"]);
857
835
  return jsxRuntime.jsx("h5", Object.assign({}, restProps, {
858
836
  ref: ref,
859
- className: clsx__default["default"]('utrecht-heading-5', className)
837
+ className: clsx('utrecht-heading-5', className)
860
838
  }, {
861
839
  children: children
862
840
  }));
@@ -865,12 +843,11 @@ Heading5.displayName = 'Heading5';
865
843
 
866
844
  var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
867
845
  var children = _a.children,
868
- className = _a.className,
869
- restProps = tslib.__rest(_a, ["children", "className"]);
870
-
846
+ className = _a.className,
847
+ restProps = __rest(_a, ["children", "className"]);
871
848
  return jsxRuntime.jsx("h6", Object.assign({}, restProps, {
872
849
  ref: ref,
873
- className: clsx__default["default"]('utrecht-heading-6', className)
850
+ className: clsx('utrecht-heading-6', className)
874
851
  }, {
875
852
  children: children
876
853
  }));
@@ -882,12 +859,11 @@ styleInject(css_248z$q);
882
859
 
883
860
  var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
884
861
  var children = _a.children,
885
- className = _a.className,
886
- restProps = tslib.__rest(_a, ["children", "className"]);
887
-
862
+ className = _a.className,
863
+ restProps = __rest(_a, ["children", "className"]);
888
864
  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
889
865
  ref: ref,
890
- className: clsx__default["default"]('utrecht-heading-group', className)
866
+ className: clsx('utrecht-heading-group', className)
891
867
  }, {
892
868
  children: children
893
869
  }));
@@ -899,12 +875,11 @@ styleInject(css_248z$p);
899
875
 
900
876
  var Icon = /*#__PURE__*/react.forwardRef(function (_a, ref) {
901
877
  var children = _a.children,
902
- className = _a.className,
903
- restProps = tslib.__rest(_a, ["children", "className"]);
904
-
878
+ className = _a.className,
879
+ restProps = __rest(_a, ["children", "className"]);
905
880
  return jsxRuntime.jsx("span", Object.assign({
906
881
  ref: ref,
907
- className: clsx__default["default"]('utrecht-icon', className)
882
+ className: clsx('utrecht-icon', className)
908
883
  }, restProps, {
909
884
  children: children
910
885
  }));
@@ -916,12 +891,11 @@ styleInject(css_248z$o);
916
891
 
917
892
  var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
918
893
  var className = _a.className,
919
- photo = _a.photo,
920
- restProps = tslib.__rest(_a, ["className", "photo"]);
921
-
894
+ photo = _a.photo,
895
+ restProps = __rest(_a, ["className", "photo"]);
922
896
  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
923
897
  ref: ref,
924
- className: clsx__default["default"]('utrecht-img', {
898
+ className: clsx('utrecht-img', {
925
899
  'utrecht-img--photo': photo
926
900
  }, className)
927
901
  }));
@@ -936,17 +910,16 @@ styleInject(css_248z$m);
936
910
 
937
911
  var LinkButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
938
912
  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
-
913
+ disabled = _a.disabled,
914
+ inline = _a.inline,
915
+ className = _a.className,
916
+ pressed = _a.pressed,
917
+ type = _a.type,
918
+ restProps = __rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
946
919
  return jsxRuntime.jsx("button", Object.assign({
947
920
  ref: ref,
948
921
  "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
949
- className: clsx__default["default"]('utrecht-link-button', 'utrecht-link-button--html-button', {
922
+ className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
950
923
  'utrecht-link-button--disabled': disabled,
951
924
  'utrecht-link-button--inline': inline,
952
925
  'utrecht-link-button--pressed': pressed
@@ -964,13 +937,12 @@ styleInject(css_248z$l);
964
937
 
965
938
  var LinkSocial = /*#__PURE__*/react.forwardRef(function (_a, ref) {
966
939
  var children = _a.children,
967
- className = _a.className,
968
- external = _a.external,
969
- restProps = tslib.__rest(_a, ["children", "className", "external"]);
970
-
940
+ className = _a.className,
941
+ external = _a.external,
942
+ restProps = __rest(_a, ["children", "className", "external"]);
971
943
  return jsxRuntime.jsx("a", Object.assign({}, restProps, {
972
944
  ref: ref,
973
- className: clsx__default["default"]('utrecht-link-social', className),
945
+ className: clsx('utrecht-link-social', className),
974
946
  rel: external !== false ? 'external noopener noreferrer' : undefined
975
947
  }, {
976
948
  children: children
@@ -984,7 +956,7 @@ styleInject(css_248z$k);
984
956
  var ListSocial = function ListSocial(_ref) {
985
957
  var children = _ref.children;
986
958
  return jsxRuntime.jsx("ul", Object.assign({
987
- className: clsx__default["default"]('utrecht-list-social')
959
+ className: clsx('utrecht-list-social')
988
960
  }, {
989
961
  children: children
990
962
  }));
@@ -992,7 +964,7 @@ var ListSocial = function ListSocial(_ref) {
992
964
  var ListSocialItem = function ListSocialItem(_ref2) {
993
965
  var children = _ref2.children;
994
966
  return jsxRuntime.jsx("li", Object.assign({
995
- className: clsx__default["default"]('utrecht-list-social__item')
967
+ className: clsx('utrecht-list-social__item')
996
968
  }, {
997
969
  children: children
998
970
  }));
@@ -1003,12 +975,11 @@ styleInject(css_248z$j);
1003
975
 
1004
976
  var Mark = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1005
977
  var children = _a.children,
1006
- className = _a.className,
1007
- restProps = tslib.__rest(_a, ["children", "className"]);
1008
-
978
+ className = _a.className,
979
+ restProps = __rest(_a, ["children", "className"]);
1009
980
  return jsxRuntime.jsx("mark", Object.assign({
1010
981
  ref: ref,
1011
- className: clsx__default["default"]('utrecht-mark', className)
982
+ className: clsx('utrecht-mark', className)
1012
983
  }, restProps, {
1013
984
  children: children
1014
985
  }));
@@ -1020,15 +991,14 @@ styleInject(css_248z$i);
1020
991
 
1021
992
  var NumberValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1022
993
  var children = _a.children,
1023
- className = _a.className,
1024
- value = _a.value,
1025
- restProps = tslib.__rest(_a, ["children", "className", "value"]);
1026
-
994
+ className = _a.className,
995
+ value = _a.value,
996
+ restProps = __rest(_a, ["children", "className", "value"]);
1027
997
  return jsxRuntime.jsx("data", Object.assign({
1028
998
  value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1029
999
  }, restProps, {
1030
1000
  ref: ref,
1031
- className: clsx__default["default"]('utrecht-value-number', className)
1001
+ className: clsx('utrecht-value-number', className)
1032
1002
  }, {
1033
1003
  children: children
1034
1004
  }));
@@ -1040,12 +1010,11 @@ styleInject(css_248z$h);
1040
1010
 
1041
1011
  var OrderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1042
1012
  var children = _a.children,
1043
- className = _a.className,
1044
- restProps = tslib.__rest(_a, ["children", "className"]);
1045
-
1013
+ className = _a.className,
1014
+ restProps = __rest(_a, ["children", "className"]);
1046
1015
  return jsxRuntime.jsx("ol", Object.assign({}, restProps, {
1047
1016
  ref: ref,
1048
- className: clsx__default["default"]('utrecht-ordered-list', className)
1017
+ className: clsx('utrecht-ordered-list', className)
1049
1018
  }, {
1050
1019
  children: children
1051
1020
  }));
@@ -1054,12 +1023,11 @@ OrderedList.displayName = 'OrderedList';
1054
1023
 
1055
1024
  var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1056
1025
  var children = _a.children,
1057
- className = _a.className,
1058
- restProps = tslib.__rest(_a, ["children", "className"]);
1059
-
1026
+ className = _a.className,
1027
+ restProps = __rest(_a, ["children", "className"]);
1060
1028
  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1061
1029
  ref: ref,
1062
- className: clsx__default["default"]('utrecht-ordered-list__item', className)
1030
+ className: clsx('utrecht-ordered-list__item', className)
1063
1031
  }, {
1064
1032
  children: children
1065
1033
  }));
@@ -1071,12 +1039,11 @@ styleInject(css_248z$g);
1071
1039
 
1072
1040
  var Page = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1073
1041
  var children = _a.children,
1074
- className = _a.className,
1075
- restProps = tslib.__rest(_a, ["children", "className"]);
1076
-
1042
+ className = _a.className,
1043
+ restProps = __rest(_a, ["children", "className"]);
1077
1044
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1078
1045
  ref: ref,
1079
- className: clsx__default["default"]('utrecht-page', className)
1046
+ className: clsx('utrecht-page', className)
1080
1047
  }, {
1081
1048
  children: children
1082
1049
  }));
@@ -1088,12 +1055,11 @@ styleInject(css_248z$f);
1088
1055
 
1089
1056
  var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1090
1057
  var children = _a.children,
1091
- className = _a.className,
1092
- restProps = tslib.__rest(_a, ["children", "className"]);
1093
-
1058
+ className = _a.className,
1059
+ restProps = __rest(_a, ["children", "className"]);
1094
1060
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1095
1061
  ref: ref,
1096
- className: clsx__default["default"]('utrecht-page-content', className)
1062
+ className: clsx('utrecht-page-content', className)
1097
1063
  }, {
1098
1064
  children: children
1099
1065
  }));
@@ -1101,12 +1067,11 @@ var PageContent = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1101
1067
  PageContent.displayName = 'PageContent';
1102
1068
  var PageContentMain = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1103
1069
  var children = _a.children,
1104
- className = _a.className,
1105
- restProps = tslib.__rest(_a, ["children", "className"]);
1106
-
1070
+ className = _a.className,
1071
+ restProps = __rest(_a, ["children", "className"]);
1107
1072
  return jsxRuntime.jsx("main", Object.assign({}, restProps, {
1108
1073
  ref: ref,
1109
- className: clsx__default["default"]('utrecht-page-content__main', className)
1074
+ className: clsx('utrecht-page-content__main', className)
1110
1075
  }, {
1111
1076
  children: children
1112
1077
  }));
@@ -1118,12 +1083,11 @@ styleInject(css_248z$e);
1118
1083
 
1119
1084
  var PageFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1120
1085
  var children = _a.children,
1121
- className = _a.className,
1122
- restProps = tslib.__rest(_a, ["children", "className"]);
1123
-
1086
+ className = _a.className,
1087
+ restProps = __rest(_a, ["children", "className"]);
1124
1088
  return jsxRuntime.jsx("footer", Object.assign({}, restProps, {
1125
1089
  ref: ref,
1126
- className: clsx__default["default"]('utrecht-page-footer', className)
1090
+ className: clsx('utrecht-page-footer', className)
1127
1091
  }, {
1128
1092
  children: children
1129
1093
  }));
@@ -1135,12 +1099,11 @@ styleInject(css_248z$d);
1135
1099
 
1136
1100
  var PageHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1137
1101
  var children = _a.children,
1138
- className = _a.className,
1139
- restProps = tslib.__rest(_a, ["children", "className"]);
1140
-
1102
+ className = _a.className,
1103
+ restProps = __rest(_a, ["children", "className"]);
1141
1104
  return jsxRuntime.jsx("header", Object.assign({}, restProps, {
1142
1105
  ref: ref,
1143
- className: clsx__default["default"]('utrecht-page-header', className)
1106
+ className: clsx('utrecht-page-header', className)
1144
1107
  }, {
1145
1108
  children: children
1146
1109
  }));
@@ -1152,14 +1115,13 @@ styleInject(css_248z$c);
1152
1115
 
1153
1116
  var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1154
1117
  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
-
1118
+ className = _a.className,
1119
+ lead = _a.lead,
1120
+ small = _a.small,
1121
+ restProps = __rest(_a, ["children", "className", "lead", "small"]);
1160
1122
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1161
1123
  ref: ref,
1162
- className: clsx__default["default"]('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
1124
+ className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
1163
1125
  }, {
1164
1126
  children: small ? jsxRuntime.jsx("small", Object.assign({
1165
1127
  className: "utrecht-paragraph__small"
@@ -1175,12 +1137,11 @@ styleInject(css_248z$b);
1175
1137
 
1176
1138
  var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1177
1139
  var children = _a.children,
1178
- className = _a.className,
1179
- restProps = tslib.__rest(_a, ["children", "className"]);
1180
-
1140
+ className = _a.className,
1141
+ restProps = __rest(_a, ["children", "className"]);
1181
1142
  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
1182
1143
  ref: ref,
1183
- className: clsx__default["default"]('utrecht-pre-heading', className)
1144
+ className: clsx('utrecht-pre-heading', className)
1184
1145
  }, {
1185
1146
  children: children
1186
1147
  }));
@@ -1192,15 +1153,14 @@ styleInject(css_248z$a);
1192
1153
 
1193
1154
  var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1194
1155
  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
-
1156
+ appearance = _a$appearance === void 0 ? 'utrecht-radio-button' : _a$appearance,
1157
+ invalid = _a.invalid,
1158
+ className = _a.className,
1159
+ restProps = __rest(_a, ["appearance", "invalid", "className"]);
1200
1160
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1201
1161
  ref: ref,
1202
1162
  type: "radio",
1203
- className: clsx__default["default"]('utrecht-radio-button', 'utrecht-radio-button--html-input', {
1163
+ className: clsx('utrecht-radio-button', 'utrecht-radio-button--html-input', {
1204
1164
  'utrecht-radio-button--custom': appearance === 'utrecht-radio-button',
1205
1165
  'utrecht-radio-button--invalid': invalid
1206
1166
  }, className)
@@ -1213,18 +1173,17 @@ styleInject(css_248z$9);
1213
1173
 
1214
1174
  var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1215
1175
  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
-
1176
+ required = _a.required,
1177
+ className = _a.className,
1178
+ noscript = _a.noscript,
1179
+ children = _a.children,
1180
+ restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
1222
1181
  return jsxRuntime.jsx("select", Object.assign({}, restProps, {
1223
1182
  ref: ref,
1224
1183
  "aria-invalid": invalid || undefined,
1225
1184
  required: noscript ? required : false,
1226
1185
  "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)
1186
+ className: clsx('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className)
1228
1187
  }, {
1229
1188
  children: children
1230
1189
  }));
@@ -1232,17 +1191,16 @@ var Select = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1232
1191
  Select.displayName = 'Select';
1233
1192
  var SelectOption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1234
1193
  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
-
1194
+ invalid = _a.invalid,
1195
+ value = _a.value,
1196
+ children = _a.children,
1197
+ className = _a.className,
1198
+ restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
1241
1199
  return jsxRuntime.jsx("option", Object.assign({}, restProps, {
1242
1200
  ref: ref,
1243
1201
  disabled: disabled,
1244
1202
  value: value,
1245
- className: clsx__default["default"]('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
1203
+ className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className)
1246
1204
  }, {
1247
1205
  children: children
1248
1206
  }));
@@ -1252,14 +1210,14 @@ SelectOption.displayName = 'SelectOption';
1252
1210
  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
1211
  styleInject(css_248z$8);
1254
1212
 
1213
+ // Do not pass `children` along with `restProps` and use _children as it's unused
1255
1214
  var Separator = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1256
1215
  var className = _a.className;
1257
- _a.children;
1258
- var restProps = tslib.__rest(_a, ["className", "children"]);
1259
-
1216
+ _a.children;
1217
+ var restProps = __rest(_a, ["className", "children"]);
1260
1218
  return jsxRuntime.jsx("hr", Object.assign({}, restProps, {
1261
1219
  ref: ref,
1262
- className: clsx__default["default"]('utrecht-separator', className)
1220
+ className: clsx('utrecht-separator', className)
1263
1221
  }));
1264
1222
  });
1265
1223
  Separator.displayName = 'Separator';
@@ -1269,14 +1227,13 @@ styleInject(css_248z$7);
1269
1227
 
1270
1228
  var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1271
1229
  var children = _a.children,
1272
- className = _a.className,
1273
- restProps = tslib.__rest(_a, ["children", "className"]);
1274
-
1230
+ className = _a.className,
1231
+ restProps = __rest(_a, ["children", "className"]);
1275
1232
  return jsxRuntime.jsx("p", {
1276
1233
  children: jsxRuntime.jsx("a", Object.assign({
1277
1234
  ref: ref
1278
1235
  }, restProps, {
1279
- className: clsx__default["default"]('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
1236
+ className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className)
1280
1237
  }, {
1281
1238
  children: children
1282
1239
  }))
@@ -1289,14 +1246,13 @@ styleInject(css_248z$6);
1289
1246
 
1290
1247
  var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1291
1248
  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
-
1249
+ children = _a.children,
1250
+ className = _a.className,
1251
+ type = _a.type,
1252
+ restProps = __rest(_a, ["aside", "children", "className", "type"]);
1297
1253
  var props = Object.assign(Object.assign({}, restProps), {
1298
1254
  ref: ref,
1299
- className: clsx__default["default"]('utrecht-spotlight-section', {
1255
+ className: clsx('utrecht-spotlight-section', {
1300
1256
  'utrecht-spotlight-section--info': type === 'info',
1301
1257
  'utrecht-spotlight-section--warning': type === 'warning'
1302
1258
  }, className)
@@ -1311,12 +1267,11 @@ SpotlightSection.displayName = 'SpotlightSection';
1311
1267
 
1312
1268
  var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1313
1269
  var children = _a.children,
1314
- className = _a.className,
1315
- restProps = tslib.__rest(_a, ["children", "className"]);
1316
-
1270
+ className = _a.className,
1271
+ restProps = __rest(_a, ["children", "className"]);
1317
1272
  return jsxRuntime.jsx("strong", Object.assign({
1318
1273
  ref: ref,
1319
- className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1274
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1320
1275
  }, restProps, {
1321
1276
  children: children
1322
1277
  }));
@@ -1328,12 +1283,11 @@ styleInject(css_248z$5);
1328
1283
 
1329
1284
  var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1330
1285
  var children = _a.children,
1331
- className = _a.className,
1332
- restProps = tslib.__rest(_a, ["children", "className"]);
1333
-
1286
+ className = _a.className,
1287
+ restProps = __rest(_a, ["children", "className"]);
1334
1288
  return jsxRuntime.jsx("div", Object.assign({}, restProps, {
1335
1289
  ref: ref,
1336
- className: clsx__default["default"]('utrecht-surface', className)
1290
+ className: clsx('utrecht-surface', className)
1337
1291
  }, {
1338
1292
  children: children
1339
1293
  }));
@@ -1345,12 +1299,11 @@ styleInject(css_248z$4);
1345
1299
 
1346
1300
  var Table = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1347
1301
  var children = _a.children,
1348
- className = _a.className,
1349
- restProps = tslib.__rest(_a, ["children", "className"]);
1350
-
1302
+ className = _a.className,
1303
+ restProps = __rest(_a, ["children", "className"]);
1351
1304
  return jsxRuntime.jsx("table", Object.assign({}, restProps, {
1352
1305
  ref: ref,
1353
- className: clsx__default["default"]('utrecht-table', className)
1306
+ className: clsx('utrecht-table', className)
1354
1307
  }, {
1355
1308
  children: children
1356
1309
  }));
@@ -1359,12 +1312,11 @@ Table.displayName = 'Table';
1359
1312
 
1360
1313
  var TableBody = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1361
1314
  var children = _a.children,
1362
- className = _a.className,
1363
- restProps = tslib.__rest(_a, ["children", "className"]);
1364
-
1315
+ className = _a.className,
1316
+ restProps = __rest(_a, ["children", "className"]);
1365
1317
  return jsxRuntime.jsx("tbody", Object.assign({}, restProps, {
1366
1318
  ref: ref,
1367
- className: clsx__default["default"]('utrecht-table__body', className)
1319
+ className: clsx('utrecht-table__body', className)
1368
1320
  }, {
1369
1321
  children: children
1370
1322
  }));
@@ -1373,12 +1325,11 @@ TableBody.displayName = 'TableBody';
1373
1325
 
1374
1326
  var TableCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1375
1327
  var children = _a.children,
1376
- className = _a.className,
1377
- restProps = tslib.__rest(_a, ["children", "className"]);
1378
-
1328
+ className = _a.className,
1329
+ restProps = __rest(_a, ["children", "className"]);
1379
1330
  return jsxRuntime.jsx("caption", Object.assign({}, restProps, {
1380
1331
  ref: ref,
1381
- className: clsx__default["default"]('utrecht-table__caption', className)
1332
+ className: clsx('utrecht-table__caption', className)
1382
1333
  }, {
1383
1334
  children: children
1384
1335
  }));
@@ -1387,12 +1338,11 @@ TableCaption.displayName = 'TableCaption';
1387
1338
 
1388
1339
  var TableCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1389
1340
  var children = _a.children,
1390
- className = _a.className,
1391
- restProps = tslib.__rest(_a, ["children", "className"]);
1392
-
1341
+ className = _a.className,
1342
+ restProps = __rest(_a, ["children", "className"]);
1393
1343
  return jsxRuntime.jsx("td", Object.assign({}, restProps, {
1394
1344
  ref: ref,
1395
- className: clsx__default["default"]('utrecht-table__cell', className)
1345
+ className: clsx('utrecht-table__cell', className)
1396
1346
  }, {
1397
1347
  children: children
1398
1348
  }));
@@ -1401,12 +1351,11 @@ TableCell.displayName = 'TableCell';
1401
1351
 
1402
1352
  var TableFooter = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1403
1353
  var children = _a.children,
1404
- className = _a.className,
1405
- restProps = tslib.__rest(_a, ["children", "className"]);
1406
-
1354
+ className = _a.className,
1355
+ restProps = __rest(_a, ["children", "className"]);
1407
1356
  return jsxRuntime.jsx("tfoot", Object.assign({}, restProps, {
1408
1357
  ref: ref,
1409
- className: clsx__default["default"]('utrecht-table__footer', className)
1358
+ className: clsx('utrecht-table__footer', className)
1410
1359
  }, {
1411
1360
  children: children
1412
1361
  }));
@@ -1415,12 +1364,11 @@ TableFooter.displayName = 'TableFooter';
1415
1364
 
1416
1365
  var TableHeader = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1417
1366
  var children = _a.children,
1418
- className = _a.className,
1419
- restProps = tslib.__rest(_a, ["children", "className"]);
1420
-
1367
+ className = _a.className,
1368
+ restProps = __rest(_a, ["children", "className"]);
1421
1369
  return jsxRuntime.jsx("thead", Object.assign({}, restProps, {
1422
1370
  ref: ref,
1423
- className: clsx__default["default"]('utrecht-table__header', className)
1371
+ className: clsx('utrecht-table__header', className)
1424
1372
  }, {
1425
1373
  children: children
1426
1374
  }));
@@ -1429,12 +1377,11 @@ TableHeader.displayName = 'TableHeader';
1429
1377
 
1430
1378
  var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1431
1379
  var children = _a.children,
1432
- className = _a.className,
1433
- restProps = tslib.__rest(_a, ["children", "className"]);
1434
-
1380
+ className = _a.className,
1381
+ restProps = __rest(_a, ["children", "className"]);
1435
1382
  return jsxRuntime.jsx("th", Object.assign({}, restProps, {
1436
1383
  ref: ref,
1437
- className: clsx__default["default"]('utrecht-table__header-cell', className)
1384
+ className: clsx('utrecht-table__header-cell', className)
1438
1385
  }, {
1439
1386
  children: children
1440
1387
  }));
@@ -1443,12 +1390,11 @@ TableHeaderCell.displayName = 'TableHeaderCell';
1443
1390
 
1444
1391
  var TableRow = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1445
1392
  var children = _a.children,
1446
- className = _a.className,
1447
- restProps = tslib.__rest(_a, ["children", "className"]);
1448
-
1393
+ className = _a.className,
1394
+ restProps = __rest(_a, ["children", "className"]);
1449
1395
  return jsxRuntime.jsx("tr", Object.assign({}, restProps, {
1450
1396
  ref: ref,
1451
- className: clsx__default["default"]('utrecht-table__row', className)
1397
+ className: clsx('utrecht-table__row', className)
1452
1398
  }, {
1453
1399
  children: children
1454
1400
  }));
@@ -1460,15 +1406,14 @@ styleInject(css_248z$3);
1460
1406
 
1461
1407
  var Textarea = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1462
1408
  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
-
1409
+ invalid = _a.invalid,
1410
+ readOnly = _a.readOnly,
1411
+ required = _a.required,
1412
+ className = _a.className,
1413
+ restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
1469
1414
  return jsxRuntime.jsx("textarea", Object.assign({}, restProps, {
1470
1415
  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),
1416
+ className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
1472
1417
  disabled: disabled,
1473
1418
  readOnly: readOnly,
1474
1419
  required: required,
@@ -1482,20 +1427,19 @@ styleInject(css_248z$2);
1482
1427
 
1483
1428
  var Textbox = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1484
1429
  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
-
1430
+ invalid = _a.invalid,
1431
+ readOnly = _a.readOnly,
1432
+ required = _a.required,
1433
+ className = _a.className,
1434
+ _a$type = _a.type,
1435
+ type = _a$type === void 0 ? 'text' : _a$type,
1436
+ maxLength = _a.maxLength,
1437
+ inputMode = _a.inputMode,
1438
+ restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
1495
1439
  return jsxRuntime.jsx("input", Object.assign({}, restProps, {
1496
1440
  ref: ref,
1497
1441
  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),
1442
+ className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
1499
1443
  maxLength: maxLength,
1500
1444
  disabled: disabled,
1501
1445
  readOnly: readOnly,
@@ -1511,14 +1455,13 @@ styleInject(css_248z$1);
1511
1455
 
1512
1456
  var URLValue = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1513
1457
  var children = _a.children,
1514
- className = _a.className,
1515
- restProps = tslib.__rest(_a, ["children", "className"]);
1516
-
1458
+ className = _a.className,
1459
+ restProps = __rest(_a, ["children", "className"]);
1517
1460
  return jsxRuntime.jsx("bdi", Object.assign({
1518
1461
  translate: "no"
1519
1462
  }, restProps, {
1520
1463
  ref: ref,
1521
- className: clsx__default["default"]('utrecht-url', className)
1464
+ className: clsx('utrecht-url', className)
1522
1465
  }, {
1523
1466
  children: children
1524
1467
  }));
@@ -1530,14 +1473,13 @@ styleInject(css_248z);
1530
1473
 
1531
1474
  var UnorderedList = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1532
1475
  var children = _a.children,
1533
- className = _a.className,
1534
- restProps = tslib.__rest(_a, ["children", "className"]);
1535
-
1476
+ className = _a.className,
1477
+ restProps = __rest(_a, ["children", "className"]);
1536
1478
  return jsxRuntime.jsx("ul", Object.assign({
1537
1479
  role: "list"
1538
1480
  }, restProps, {
1539
1481
  ref: ref,
1540
- className: clsx__default["default"]('utrecht-unordered-list', className)
1482
+ className: clsx('utrecht-unordered-list', className)
1541
1483
  }, {
1542
1484
  children: children
1543
1485
  }));
@@ -1546,12 +1488,11 @@ UnorderedList.displayName = 'UnorderedList';
1546
1488
 
1547
1489
  var UnorderedListItem = /*#__PURE__*/react.forwardRef(function (_a, ref) {
1548
1490
  var children = _a.children,
1549
- className = _a.className,
1550
- restProps = tslib.__rest(_a, ["children", "className"]);
1551
-
1491
+ className = _a.className,
1492
+ restProps = __rest(_a, ["children", "className"]);
1552
1493
  return jsxRuntime.jsx("li", Object.assign({}, restProps, {
1553
1494
  ref: ref,
1554
- className: clsx__default["default"]('utrecht-unordered-list__item', className)
1495
+ className: clsx('utrecht-unordered-list__item', className)
1555
1496
  }, {
1556
1497
  children: children
1557
1498
  }));