@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.
- package/dist/.jest-test-results.json +1 -1
- package/dist/css-module/index.js +345 -404
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +266 -319
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +389 -469
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +310 -382
- package/dist/index.esm.js.map +1 -1
- package/package.json +23 -23
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
2
|
import clsx from 'clsx';
|
|
4
3
|
import { forwardRef, useId } from 'react';
|
|
@@ -33,13 +32,39 @@ function styleInject(css, ref) {
|
|
|
33
32
|
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)}";
|
|
34
33
|
styleInject(css_248z$S);
|
|
35
34
|
|
|
35
|
+
/******************************************************************************
|
|
36
|
+
Copyright (c) Microsoft Corporation.
|
|
37
|
+
|
|
38
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
39
|
+
purpose with or without fee is hereby granted.
|
|
40
|
+
|
|
41
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
42
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
43
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
44
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
45
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
46
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
47
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
48
|
+
***************************************************************************** */
|
|
49
|
+
|
|
50
|
+
function __rest(s, e) {
|
|
51
|
+
var t = {};
|
|
52
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
53
|
+
t[p] = s[p];
|
|
54
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
55
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
56
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
57
|
+
t[p[i]] = s[p[i]];
|
|
58
|
+
}
|
|
59
|
+
return t;
|
|
60
|
+
}
|
|
61
|
+
|
|
36
62
|
var Alert = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
37
63
|
var children = _a.children,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
64
|
+
className = _a.className,
|
|
65
|
+
icon = _a.icon,
|
|
66
|
+
type = _a.type,
|
|
67
|
+
restProps = __rest(_a, ["children", "className", "icon", "type"]);
|
|
43
68
|
return jsxs("div", Object.assign({}, restProps, {
|
|
44
69
|
ref: ref,
|
|
45
70
|
className: clsx('utrecht-alert', {
|
|
@@ -67,11 +92,10 @@ styleInject(css_248z$R);
|
|
|
67
92
|
|
|
68
93
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
69
94
|
var children = _a.children,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
95
|
+
className = _a.className,
|
|
96
|
+
icon = _a.icon,
|
|
97
|
+
type = _a.type,
|
|
98
|
+
restProps = __rest(_a, ["children", "className", "icon", "type"]);
|
|
75
99
|
return jsxs("dialog", Object.assign({}, restProps, {
|
|
76
100
|
ref: ref,
|
|
77
101
|
className: clsx('utrecht-alert-dialog', {
|
|
@@ -99,9 +123,8 @@ styleInject(css_248z$Q);
|
|
|
99
123
|
|
|
100
124
|
var Article = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
101
125
|
var children = _a.children,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
126
|
+
className = _a.className,
|
|
127
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
105
128
|
return jsx("article", Object.assign({}, restProps, {
|
|
106
129
|
ref: ref,
|
|
107
130
|
className: clsx('utrecht-article', className)
|
|
@@ -116,9 +139,8 @@ styleInject(css_248z$P);
|
|
|
116
139
|
|
|
117
140
|
var Backdrop = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
118
141
|
var children = _a.children,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
142
|
+
className = _a.className,
|
|
143
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
122
144
|
return jsx("div", Object.assign({}, restProps, {
|
|
123
145
|
ref: ref,
|
|
124
146
|
className: clsx('utrecht-backdrop', className)
|
|
@@ -133,10 +155,9 @@ styleInject(css_248z$O);
|
|
|
133
155
|
|
|
134
156
|
var Heading = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
135
157
|
var appearance = _a.appearance,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
158
|
+
className = _a.className,
|
|
159
|
+
level = _a.level,
|
|
160
|
+
restProps = __rest(_a, ["appearance", "className", "level"]);
|
|
140
161
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
141
162
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
142
163
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
@@ -150,15 +171,15 @@ Heading.displayName = 'Heading';
|
|
|
150
171
|
|
|
151
172
|
var Link = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
152
173
|
var boxContent = _a.boxContent,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
174
|
+
children = _a.children,
|
|
175
|
+
className = _a.className,
|
|
176
|
+
external = _a.external,
|
|
177
|
+
href = _a.href,
|
|
178
|
+
placeholder = _a.placeholder,
|
|
179
|
+
role = _a.role,
|
|
180
|
+
restProps = __rest(_a, ["boxContent", "children", "className", "external", "href", "placeholder", "role"]);
|
|
181
|
+
return (
|
|
182
|
+
// "utrecht-link--telephone" does not have a corresponding API,
|
|
162
183
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
163
184
|
// Telephone number rendering in React is best achieved using composition
|
|
164
185
|
// of the TelephoneValue component.
|
|
@@ -182,29 +203,26 @@ Link.displayName = 'Link';
|
|
|
182
203
|
|
|
183
204
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
184
205
|
var prop = _ref.prop,
|
|
185
|
-
|
|
206
|
+
type = _ref.type;
|
|
186
207
|
return {
|
|
187
208
|
itemScope: true,
|
|
188
209
|
itemType: type,
|
|
189
210
|
itemProp: prop
|
|
190
211
|
};
|
|
191
212
|
};
|
|
192
|
-
|
|
193
213
|
var useMicrodataProp = function useMicrodataProp(prop) {
|
|
194
214
|
return {
|
|
195
215
|
itemProp: prop
|
|
196
216
|
};
|
|
197
217
|
};
|
|
198
|
-
|
|
199
218
|
var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
200
219
|
var appearance = _a.appearance,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
220
|
+
children = _a.children,
|
|
221
|
+
className = _a.className,
|
|
222
|
+
_a$headingLevel = _a.headingLevel,
|
|
223
|
+
headingLevel = _a$headingLevel === void 0 ? 2 : _a$headingLevel,
|
|
224
|
+
label = _a.label,
|
|
225
|
+
restProps = __rest(_a, ["appearance", "children", "className", "headingLevel", "label"]);
|
|
208
226
|
var headingId = label ? useId() : undefined;
|
|
209
227
|
return jsxs("nav", Object.assign({}, restProps, {
|
|
210
228
|
ref: ref,
|
|
@@ -232,10 +250,10 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
232
250
|
BreadcrumbNav.displayName = 'BreadcrumbNav';
|
|
233
251
|
var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
234
252
|
var children = _ref2.children,
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
253
|
+
current = _ref2.current,
|
|
254
|
+
href = _ref2.href,
|
|
255
|
+
index = _ref2.index,
|
|
256
|
+
rel = _ref2.rel;
|
|
239
257
|
return jsx("li", Object.assign({
|
|
240
258
|
className: "utrecht-breadcrumb__item"
|
|
241
259
|
}, useMicrodataItem({
|
|
@@ -262,20 +280,19 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
262
280
|
});
|
|
263
281
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
264
282
|
|
|
265
|
-
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)}";
|
|
283
|
+
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)}";
|
|
266
284
|
styleInject(css_248z$N);
|
|
267
285
|
|
|
268
286
|
var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
269
287
|
var appearance = _a.appearance,
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
288
|
+
busy = _a.busy,
|
|
289
|
+
disabled = _a.disabled,
|
|
290
|
+
children = _a.children,
|
|
291
|
+
className = _a.className,
|
|
292
|
+
hint = _a.hint,
|
|
293
|
+
pressed = _a.pressed,
|
|
294
|
+
type = _a.type,
|
|
295
|
+
restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
|
|
279
296
|
return jsx("button", Object.assign({}, restProps, {
|
|
280
297
|
ref: ref,
|
|
281
298
|
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,7 +307,6 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
290
307
|
Button.displayName = 'Button';
|
|
291
308
|
var PrimaryActionButton = function PrimaryActionButton(_a) {
|
|
292
309
|
var args = __rest(_a, []);
|
|
293
|
-
|
|
294
310
|
return jsx(Button, Object.assign({}, args, {
|
|
295
311
|
appearance: "primary-action-button"
|
|
296
312
|
}));
|
|
@@ -298,7 +314,6 @@ var PrimaryActionButton = function PrimaryActionButton(_a) {
|
|
|
298
314
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
299
315
|
var SecondaryActionButton = function SecondaryActionButton(_a) {
|
|
300
316
|
var args = __rest(_a, []);
|
|
301
|
-
|
|
302
317
|
return jsx(Button, Object.assign({}, args, {
|
|
303
318
|
appearance: "secondary-action-button"
|
|
304
319
|
}));
|
|
@@ -306,7 +321,6 @@ var SecondaryActionButton = function SecondaryActionButton(_a) {
|
|
|
306
321
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
307
322
|
var SubtleButton = function SubtleButton(_a) {
|
|
308
323
|
var args = __rest(_a, []);
|
|
309
|
-
|
|
310
324
|
return jsx(Button, Object.assign({}, args, {
|
|
311
325
|
appearance: "subtle-button"
|
|
312
326
|
}));
|
|
@@ -318,9 +332,8 @@ styleInject(css_248z$M);
|
|
|
318
332
|
|
|
319
333
|
var ButtonGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
320
334
|
var children = _a.children,
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
335
|
+
className = _a.className,
|
|
336
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
324
337
|
return jsx("p", Object.assign({}, restProps, {
|
|
325
338
|
ref: ref,
|
|
326
339
|
className: clsx('utrecht-button-group', className)
|
|
@@ -335,27 +348,23 @@ styleInject(css_248z$L);
|
|
|
335
348
|
|
|
336
349
|
var onKeyDown = function onKeyDown(evt) {
|
|
337
350
|
var _a;
|
|
338
|
-
|
|
339
351
|
if (evt.key === ' ' && typeof ((_a = evt.target) === null || _a === void 0 ? void 0 : _a.click) === 'function') {
|
|
340
352
|
// Prevent other side-effects, such as scrolling
|
|
341
|
-
evt.preventDefault();
|
|
342
|
-
|
|
353
|
+
evt.preventDefault();
|
|
354
|
+
// Navigate to the link target
|
|
343
355
|
evt.target.click();
|
|
344
356
|
}
|
|
345
357
|
};
|
|
346
|
-
|
|
347
358
|
var ButtonLink = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
348
359
|
var appearance = _a.appearance,
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
360
|
+
children = _a.children,
|
|
361
|
+
className = _a.className,
|
|
362
|
+
external = _a.external,
|
|
363
|
+
href = _a.href,
|
|
364
|
+
placeholder = _a.placeholder,
|
|
365
|
+
role = _a.role,
|
|
366
|
+
restProps = __rest(_a, ["appearance", "children", "className", "external", "href", "placeholder", "role"]);
|
|
357
367
|
var props = restProps;
|
|
358
|
-
|
|
359
368
|
if (role === 'button') {
|
|
360
369
|
// When this link is announced as button by accessibility tools,
|
|
361
370
|
// it should also behave like a button. Links are not activated
|
|
@@ -365,7 +374,6 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
365
374
|
onKeyDown: onKeyDown
|
|
366
375
|
});
|
|
367
376
|
}
|
|
368
|
-
|
|
369
377
|
return jsx("a", Object.assign({
|
|
370
378
|
href: placeholder ? undefined : href,
|
|
371
379
|
ref: ref,
|
|
@@ -393,13 +401,12 @@ styleInject(css_248z$J);
|
|
|
393
401
|
|
|
394
402
|
var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
395
403
|
var _a$appearance = _a.appearance,
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
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 = __rest(_a, ["appearance", "disabled", "invalid", "required", "className"]);
|
|
403
410
|
return jsx("input", Object.assign({}, restProps, {
|
|
404
411
|
ref: ref,
|
|
405
412
|
type: "checkbox",
|
|
@@ -421,9 +428,8 @@ styleInject(css_248z$I);
|
|
|
421
428
|
|
|
422
429
|
var Code = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
423
430
|
var children = _a.children,
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
431
|
+
className = _a.className,
|
|
432
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
427
433
|
return jsx("code", Object.assign({
|
|
428
434
|
ref: ref,
|
|
429
435
|
className: clsx('utrecht-code', className)
|
|
@@ -438,9 +444,8 @@ styleInject(css_248z$H);
|
|
|
438
444
|
|
|
439
445
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
440
446
|
var children = _a.children,
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
447
|
+
className = _a.className,
|
|
448
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
444
449
|
return jsx("pre", Object.assign({
|
|
445
450
|
ref: ref,
|
|
446
451
|
className: clsx('utrecht-code-block', className)
|
|
@@ -459,11 +464,10 @@ styleInject(css_248z$G);
|
|
|
459
464
|
|
|
460
465
|
var CustomRadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
461
466
|
var disabled = _a.disabled,
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
+
required = _a.required,
|
|
468
|
+
className = _a.className,
|
|
469
|
+
invalid = _a.invalid,
|
|
470
|
+
restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
|
|
467
471
|
return jsx("input", Object.assign({
|
|
468
472
|
type: "radio",
|
|
469
473
|
"aria-invalid": invalid || undefined,
|
|
@@ -480,9 +484,8 @@ styleInject(css_248z$F);
|
|
|
480
484
|
|
|
481
485
|
var Document = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
482
486
|
var children = _a.children,
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
487
|
+
className = _a.className,
|
|
488
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
486
489
|
return jsx("div", Object.assign({}, restProps, {
|
|
487
490
|
ref: ref,
|
|
488
491
|
className: clsx('utrecht-document', className)
|
|
@@ -497,10 +500,9 @@ styleInject(css_248z$E);
|
|
|
497
500
|
|
|
498
501
|
var DataList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
499
502
|
var appearance = _a.appearance,
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
503
|
+
children = _a.children,
|
|
504
|
+
className = _a.className,
|
|
505
|
+
restProps = __rest(_a, ["appearance", "children", "className"]);
|
|
504
506
|
return jsx("dl", Object.assign({}, restProps, {
|
|
505
507
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
506
508
|
ref: ref
|
|
@@ -511,9 +513,8 @@ var DataList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
511
513
|
DataList.displayName = 'DataList';
|
|
512
514
|
var DataListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
513
515
|
var children = _a.children,
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
516
|
+
className = _a.className,
|
|
517
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
517
518
|
return jsx("div", Object.assign({}, restProps, {
|
|
518
519
|
className: clsx('utrecht-data-list__item', className),
|
|
519
520
|
ref: ref
|
|
@@ -524,9 +525,8 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
524
525
|
DataListItem.displayName = 'DataListItem';
|
|
525
526
|
var DataListKey = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
526
527
|
var children = _a.children,
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
528
|
+
className = _a.className,
|
|
529
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
530
530
|
return jsx("dt", Object.assign({}, restProps, {
|
|
531
531
|
className: clsx('utrecht-data-list__item-key', className),
|
|
532
532
|
ref: ref
|
|
@@ -537,11 +537,11 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
537
537
|
DataListKey.displayName = 'DataListKey';
|
|
538
538
|
var DataListValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
539
539
|
var value = _ref.value,
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
540
|
+
children = _ref.children,
|
|
541
|
+
className = _ref.className,
|
|
542
|
+
emptyDescription = _ref.emptyDescription,
|
|
543
|
+
multiline = _ref.multiline,
|
|
544
|
+
notranslate = _ref.notranslate;
|
|
545
545
|
var empty = value === '' || value === null;
|
|
546
546
|
return jsx("dd", Object.assign({
|
|
547
547
|
className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
|
|
@@ -558,9 +558,8 @@ var DataListValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
558
558
|
DataListValue.displayName = 'DataListValue';
|
|
559
559
|
var DataListActions = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
560
560
|
var children = _a.children,
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
561
|
+
className = _a.className,
|
|
562
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
564
563
|
return jsx("dd", Object.assign({}, restProps, {
|
|
565
564
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
566
565
|
ref: ref
|
|
@@ -575,9 +574,8 @@ styleInject(css_248z$D);
|
|
|
575
574
|
|
|
576
575
|
var Emphasis = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
577
576
|
var children = _a.children,
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
577
|
+
className = _a.className,
|
|
578
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
581
579
|
return jsx("em", Object.assign({
|
|
582
580
|
ref: ref,
|
|
583
581
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
@@ -592,17 +590,16 @@ styleInject(css_248z$C);
|
|
|
592
590
|
|
|
593
591
|
var Fieldset = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
594
592
|
var ariaDescribedby = _a['aria-describedby'],
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
593
|
+
ariaLabel = _a['aria-label'],
|
|
594
|
+
ariaLabelledby = _a['aria-labelledby'],
|
|
595
|
+
className = _a.className,
|
|
596
|
+
children = _a.children,
|
|
597
|
+
disabled = _a.disabled,
|
|
598
|
+
form = _a.form,
|
|
599
|
+
invalid = _a.invalid,
|
|
600
|
+
name = _a.name,
|
|
601
|
+
role = _a.role,
|
|
602
|
+
restProps = __rest(_a, ['aria-describedby', 'aria-label', 'aria-labelledby', "className", "children", "disabled", "form", "invalid", "name", "role"]);
|
|
606
603
|
return jsx("div", Object.assign({}, restProps, {
|
|
607
604
|
ref: ref,
|
|
608
605
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className)
|
|
@@ -625,11 +622,10 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
625
622
|
Fieldset.displayName = 'Fieldset';
|
|
626
623
|
var FieldsetOnly = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
627
624
|
var className = _a.className,
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
625
|
+
children = _a.children,
|
|
626
|
+
disabled = _a.disabled,
|
|
627
|
+
invalid = _a.invalid,
|
|
628
|
+
restProps = __rest(_a, ["className", "children", "disabled", "invalid"]);
|
|
633
629
|
return jsx("fieldset", Object.assign({}, restProps, {
|
|
634
630
|
ref: ref,
|
|
635
631
|
"aria-invalid": invalid || undefined,
|
|
@@ -643,9 +639,8 @@ FieldsetOnly.displayName = 'Fieldset';
|
|
|
643
639
|
|
|
644
640
|
var FieldsetLegend = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
645
641
|
var className = _a.className,
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
642
|
+
children = _a.children,
|
|
643
|
+
restProps = __rest(_a, ["className", "children"]);
|
|
649
644
|
return jsx("legend", Object.assign({}, restProps, {
|
|
650
645
|
ref: ref,
|
|
651
646
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
|
|
@@ -660,9 +655,8 @@ styleInject(css_248z$B);
|
|
|
660
655
|
|
|
661
656
|
var Figure = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
662
657
|
var className = _a.className,
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
658
|
+
children = _a.children,
|
|
659
|
+
restProps = __rest(_a, ["className", "children"]);
|
|
666
660
|
return jsx("figure", Object.assign({}, restProps, {
|
|
667
661
|
ref: ref,
|
|
668
662
|
className: clsx('utrecht-figure', className)
|
|
@@ -674,9 +668,8 @@ Figure.displayName = 'Figure';
|
|
|
674
668
|
|
|
675
669
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
676
670
|
var className = _a.className,
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
671
|
+
children = _a.children,
|
|
672
|
+
restProps = __rest(_a, ["className", "children"]);
|
|
680
673
|
return jsx("figcaption", Object.assign({}, restProps, {
|
|
681
674
|
ref: ref,
|
|
682
675
|
className: clsx('utrecht-figure__caption', className)
|
|
@@ -691,11 +684,10 @@ styleInject(css_248z$A);
|
|
|
691
684
|
|
|
692
685
|
var FormField = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
693
686
|
var className = _a.className,
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
687
|
+
children = _a.children,
|
|
688
|
+
invalid = _a.invalid,
|
|
689
|
+
type = _a.type,
|
|
690
|
+
restProps = __rest(_a, ["className", "children", "invalid", "type"]);
|
|
699
691
|
return jsx("div", Object.assign({}, restProps, {
|
|
700
692
|
ref: ref,
|
|
701
693
|
className: clsx('utrecht-form-field', {
|
|
@@ -715,12 +707,11 @@ styleInject(css_248z$z);
|
|
|
715
707
|
|
|
716
708
|
var FormFieldDescription = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
717
709
|
var invalid = _a.invalid,
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
710
|
+
valid = _a.valid,
|
|
711
|
+
warning = _a.warning,
|
|
712
|
+
className = _a.className,
|
|
713
|
+
children = _a.children,
|
|
714
|
+
restProps = __rest(_a, ["invalid", "valid", "warning", "className", "children"]);
|
|
724
715
|
return jsx("div", Object.assign({}, restProps, {
|
|
725
716
|
ref: ref,
|
|
726
717
|
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,12 +726,11 @@ styleInject(css_248z$y);
|
|
|
735
726
|
|
|
736
727
|
var FormLabel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
737
728
|
var children = _a.children,
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
729
|
+
className = _a.className,
|
|
730
|
+
type = _a.type,
|
|
731
|
+
disabled = _a.disabled,
|
|
732
|
+
checked = _a.checked,
|
|
733
|
+
restProps = __rest(_a, ["children", "className", "type", "disabled", "checked"]);
|
|
744
734
|
return jsx("label", Object.assign({}, restProps, {
|
|
745
735
|
ref: ref,
|
|
746
736
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className)
|
|
@@ -750,14 +740,13 @@ var FormLabel = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
750
740
|
});
|
|
751
741
|
FormLabel.displayName = 'FormLabel';
|
|
752
742
|
|
|
753
|
-
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:\"●\"}";
|
|
743
|
+
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:\"●\"}";
|
|
754
744
|
styleInject(css_248z$x);
|
|
755
745
|
|
|
756
746
|
var HTMLContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
757
747
|
var children = _a.children,
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
748
|
+
className = _a.className,
|
|
749
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
761
750
|
return jsx("div", Object.assign({}, restProps, {
|
|
762
751
|
ref: ref,
|
|
763
752
|
className: clsx('utrecht-html', className)
|
|
@@ -787,9 +776,8 @@ styleInject(css_248z$r);
|
|
|
787
776
|
|
|
788
777
|
var Heading1 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
789
778
|
var children = _a.children,
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
779
|
+
className = _a.className,
|
|
780
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
793
781
|
return jsx("h1", Object.assign({}, restProps, {
|
|
794
782
|
ref: ref,
|
|
795
783
|
className: clsx('utrecht-heading-1', className)
|
|
@@ -801,9 +789,8 @@ Heading1.displayName = 'Heading1';
|
|
|
801
789
|
|
|
802
790
|
var Heading2 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
803
791
|
var children = _a.children,
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
792
|
+
className = _a.className,
|
|
793
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
807
794
|
return jsx("h2", Object.assign({}, restProps, {
|
|
808
795
|
ref: ref,
|
|
809
796
|
className: clsx('utrecht-heading-2', className)
|
|
@@ -815,9 +802,8 @@ Heading2.displayName = 'Heading2';
|
|
|
815
802
|
|
|
816
803
|
var Heading3 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
817
804
|
var children = _a.children,
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
805
|
+
className = _a.className,
|
|
806
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
821
807
|
return jsx("h3", Object.assign({}, restProps, {
|
|
822
808
|
ref: ref,
|
|
823
809
|
className: clsx('utrecht-heading-3', className)
|
|
@@ -829,9 +815,8 @@ Heading3.displayName = 'Heading3';
|
|
|
829
815
|
|
|
830
816
|
var Heading4 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
831
817
|
var children = _a.children,
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
818
|
+
className = _a.className,
|
|
819
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
835
820
|
return jsx("h4", Object.assign({}, restProps, {
|
|
836
821
|
ref: ref,
|
|
837
822
|
className: clsx('utrecht-heading-4', className)
|
|
@@ -843,9 +828,8 @@ Heading4.displayName = 'Heading4';
|
|
|
843
828
|
|
|
844
829
|
var Heading5 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
845
830
|
var children = _a.children,
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
831
|
+
className = _a.className,
|
|
832
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
849
833
|
return jsx("h5", Object.assign({}, restProps, {
|
|
850
834
|
ref: ref,
|
|
851
835
|
className: clsx('utrecht-heading-5', className)
|
|
@@ -857,9 +841,8 @@ Heading5.displayName = 'Heading5';
|
|
|
857
841
|
|
|
858
842
|
var Heading6 = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
859
843
|
var children = _a.children,
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
844
|
+
className = _a.className,
|
|
845
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
863
846
|
return jsx("h6", Object.assign({}, restProps, {
|
|
864
847
|
ref: ref,
|
|
865
848
|
className: clsx('utrecht-heading-6', className)
|
|
@@ -874,9 +857,8 @@ styleInject(css_248z$q);
|
|
|
874
857
|
|
|
875
858
|
var HeadingGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
876
859
|
var children = _a.children,
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
860
|
+
className = _a.className,
|
|
861
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
880
862
|
return jsx("hgroup", Object.assign({}, restProps, {
|
|
881
863
|
ref: ref,
|
|
882
864
|
className: clsx('utrecht-heading-group', className)
|
|
@@ -891,9 +873,8 @@ styleInject(css_248z$p);
|
|
|
891
873
|
|
|
892
874
|
var Icon = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
893
875
|
var children = _a.children,
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
876
|
+
className = _a.className,
|
|
877
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
897
878
|
return jsx("span", Object.assign({
|
|
898
879
|
ref: ref,
|
|
899
880
|
className: clsx('utrecht-icon', className)
|
|
@@ -908,9 +889,8 @@ styleInject(css_248z$o);
|
|
|
908
889
|
|
|
909
890
|
var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
910
891
|
var className = _a.className,
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
892
|
+
photo = _a.photo,
|
|
893
|
+
restProps = __rest(_a, ["className", "photo"]);
|
|
914
894
|
return jsx("img", Object.assign({}, restProps, {
|
|
915
895
|
ref: ref,
|
|
916
896
|
className: clsx('utrecht-img', {
|
|
@@ -928,13 +908,12 @@ styleInject(css_248z$m);
|
|
|
928
908
|
|
|
929
909
|
var LinkButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
930
910
|
var children = _a.children,
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
911
|
+
disabled = _a.disabled,
|
|
912
|
+
inline = _a.inline,
|
|
913
|
+
className = _a.className,
|
|
914
|
+
pressed = _a.pressed,
|
|
915
|
+
type = _a.type,
|
|
916
|
+
restProps = __rest(_a, ["children", "disabled", "inline", "className", "pressed", "type"]);
|
|
938
917
|
return jsx("button", Object.assign({
|
|
939
918
|
ref: ref,
|
|
940
919
|
"aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
|
|
@@ -956,10 +935,9 @@ styleInject(css_248z$l);
|
|
|
956
935
|
|
|
957
936
|
var LinkSocial = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
958
937
|
var children = _a.children,
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
938
|
+
className = _a.className,
|
|
939
|
+
external = _a.external,
|
|
940
|
+
restProps = __rest(_a, ["children", "className", "external"]);
|
|
963
941
|
return jsx("a", Object.assign({}, restProps, {
|
|
964
942
|
ref: ref,
|
|
965
943
|
className: clsx('utrecht-link-social', className),
|
|
@@ -995,9 +973,8 @@ styleInject(css_248z$j);
|
|
|
995
973
|
|
|
996
974
|
var Mark = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
997
975
|
var children = _a.children,
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
976
|
+
className = _a.className,
|
|
977
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1001
978
|
return jsx("mark", Object.assign({
|
|
1002
979
|
ref: ref,
|
|
1003
980
|
className: clsx('utrecht-mark', className)
|
|
@@ -1012,10 +989,9 @@ styleInject(css_248z$i);
|
|
|
1012
989
|
|
|
1013
990
|
var NumberValue = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1014
991
|
var children = _a.children,
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
992
|
+
className = _a.className,
|
|
993
|
+
value = _a.value,
|
|
994
|
+
restProps = __rest(_a, ["children", "className", "value"]);
|
|
1019
995
|
return jsx("data", Object.assign({
|
|
1020
996
|
value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
|
|
1021
997
|
}, restProps, {
|
|
@@ -1032,9 +1008,8 @@ styleInject(css_248z$h);
|
|
|
1032
1008
|
|
|
1033
1009
|
var OrderedList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1034
1010
|
var children = _a.children,
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1011
|
+
className = _a.className,
|
|
1012
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1038
1013
|
return jsx("ol", Object.assign({}, restProps, {
|
|
1039
1014
|
ref: ref,
|
|
1040
1015
|
className: clsx('utrecht-ordered-list', className)
|
|
@@ -1046,9 +1021,8 @@ OrderedList.displayName = 'OrderedList';
|
|
|
1046
1021
|
|
|
1047
1022
|
var OrderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1048
1023
|
var children = _a.children,
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1024
|
+
className = _a.className,
|
|
1025
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1052
1026
|
return jsx("li", Object.assign({}, restProps, {
|
|
1053
1027
|
ref: ref,
|
|
1054
1028
|
className: clsx('utrecht-ordered-list__item', className)
|
|
@@ -1063,9 +1037,8 @@ styleInject(css_248z$g);
|
|
|
1063
1037
|
|
|
1064
1038
|
var Page = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1065
1039
|
var children = _a.children,
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1040
|
+
className = _a.className,
|
|
1041
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1069
1042
|
return jsx("div", Object.assign({}, restProps, {
|
|
1070
1043
|
ref: ref,
|
|
1071
1044
|
className: clsx('utrecht-page', className)
|
|
@@ -1080,9 +1053,8 @@ styleInject(css_248z$f);
|
|
|
1080
1053
|
|
|
1081
1054
|
var PageContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1082
1055
|
var children = _a.children,
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1056
|
+
className = _a.className,
|
|
1057
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1086
1058
|
return jsx("div", Object.assign({}, restProps, {
|
|
1087
1059
|
ref: ref,
|
|
1088
1060
|
className: clsx('utrecht-page-content', className)
|
|
@@ -1093,9 +1065,8 @@ var PageContent = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
1093
1065
|
PageContent.displayName = 'PageContent';
|
|
1094
1066
|
var PageContentMain = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1095
1067
|
var children = _a.children,
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1068
|
+
className = _a.className,
|
|
1069
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1099
1070
|
return jsx("main", Object.assign({}, restProps, {
|
|
1100
1071
|
ref: ref,
|
|
1101
1072
|
className: clsx('utrecht-page-content__main', className)
|
|
@@ -1110,9 +1081,8 @@ styleInject(css_248z$e);
|
|
|
1110
1081
|
|
|
1111
1082
|
var PageFooter = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1112
1083
|
var children = _a.children,
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1084
|
+
className = _a.className,
|
|
1085
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1116
1086
|
return jsx("footer", Object.assign({}, restProps, {
|
|
1117
1087
|
ref: ref,
|
|
1118
1088
|
className: clsx('utrecht-page-footer', className)
|
|
@@ -1127,9 +1097,8 @@ styleInject(css_248z$d);
|
|
|
1127
1097
|
|
|
1128
1098
|
var PageHeader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1129
1099
|
var children = _a.children,
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1100
|
+
className = _a.className,
|
|
1101
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1133
1102
|
return jsx("header", Object.assign({}, restProps, {
|
|
1134
1103
|
ref: ref,
|
|
1135
1104
|
className: clsx('utrecht-page-header', className)
|
|
@@ -1144,11 +1113,10 @@ styleInject(css_248z$c);
|
|
|
1144
1113
|
|
|
1145
1114
|
var Paragraph = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1146
1115
|
var children = _a.children,
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1116
|
+
className = _a.className,
|
|
1117
|
+
lead = _a.lead,
|
|
1118
|
+
small = _a.small,
|
|
1119
|
+
restProps = __rest(_a, ["children", "className", "lead", "small"]);
|
|
1152
1120
|
return jsx("p", Object.assign({}, restProps, {
|
|
1153
1121
|
ref: ref,
|
|
1154
1122
|
className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className)
|
|
@@ -1167,9 +1135,8 @@ styleInject(css_248z$b);
|
|
|
1167
1135
|
|
|
1168
1136
|
var PreHeading = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1169
1137
|
var children = _a.children,
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1138
|
+
className = _a.className,
|
|
1139
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1173
1140
|
return jsx("p", Object.assign({}, restProps, {
|
|
1174
1141
|
ref: ref,
|
|
1175
1142
|
className: clsx('utrecht-pre-heading', className)
|
|
@@ -1184,11 +1151,10 @@ styleInject(css_248z$a);
|
|
|
1184
1151
|
|
|
1185
1152
|
var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1186
1153
|
var _a$appearance = _a.appearance,
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1154
|
+
appearance = _a$appearance === void 0 ? 'utrecht-radio-button' : _a$appearance,
|
|
1155
|
+
invalid = _a.invalid,
|
|
1156
|
+
className = _a.className,
|
|
1157
|
+
restProps = __rest(_a, ["appearance", "invalid", "className"]);
|
|
1192
1158
|
return jsx("input", Object.assign({}, restProps, {
|
|
1193
1159
|
ref: ref,
|
|
1194
1160
|
type: "radio",
|
|
@@ -1205,12 +1171,11 @@ styleInject(css_248z$9);
|
|
|
1205
1171
|
|
|
1206
1172
|
var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1207
1173
|
var invalid = _a.invalid,
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1174
|
+
required = _a.required,
|
|
1175
|
+
className = _a.className,
|
|
1176
|
+
noscript = _a.noscript,
|
|
1177
|
+
children = _a.children,
|
|
1178
|
+
restProps = __rest(_a, ["invalid", "required", "className", "noscript", "children"]);
|
|
1214
1179
|
return jsx("select", Object.assign({}, restProps, {
|
|
1215
1180
|
ref: ref,
|
|
1216
1181
|
"aria-invalid": invalid || undefined,
|
|
@@ -1224,12 +1189,11 @@ var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
1224
1189
|
Select.displayName = 'Select';
|
|
1225
1190
|
var SelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1226
1191
|
var disabled = _a.disabled,
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1192
|
+
invalid = _a.invalid,
|
|
1193
|
+
value = _a.value,
|
|
1194
|
+
children = _a.children,
|
|
1195
|
+
className = _a.className,
|
|
1196
|
+
restProps = __rest(_a, ["disabled", "invalid", "value", "children", "className"]);
|
|
1233
1197
|
return jsx("option", Object.assign({}, restProps, {
|
|
1234
1198
|
ref: ref,
|
|
1235
1199
|
disabled: disabled,
|
|
@@ -1244,11 +1208,11 @@ SelectOption.displayName = 'SelectOption';
|
|
|
1244
1208
|
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}";
|
|
1245
1209
|
styleInject(css_248z$8);
|
|
1246
1210
|
|
|
1211
|
+
// Do not pass `children` along with `restProps` and use _children as it's unused
|
|
1247
1212
|
var Separator = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1248
1213
|
var className = _a.className;
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1214
|
+
_a.children;
|
|
1215
|
+
var restProps = __rest(_a, ["className", "children"]);
|
|
1252
1216
|
return jsx("hr", Object.assign({}, restProps, {
|
|
1253
1217
|
ref: ref,
|
|
1254
1218
|
className: clsx('utrecht-separator', className)
|
|
@@ -1261,9 +1225,8 @@ styleInject(css_248z$7);
|
|
|
1261
1225
|
|
|
1262
1226
|
var SkipLink = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1263
1227
|
var children = _a.children,
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1228
|
+
className = _a.className,
|
|
1229
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1267
1230
|
return jsx("p", {
|
|
1268
1231
|
children: jsx("a", Object.assign({
|
|
1269
1232
|
ref: ref
|
|
@@ -1281,11 +1244,10 @@ styleInject(css_248z$6);
|
|
|
1281
1244
|
|
|
1282
1245
|
var SpotlightSection = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1283
1246
|
var aside = _a.aside,
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1247
|
+
children = _a.children,
|
|
1248
|
+
className = _a.className,
|
|
1249
|
+
type = _a.type,
|
|
1250
|
+
restProps = __rest(_a, ["aside", "children", "className", "type"]);
|
|
1289
1251
|
var props = Object.assign(Object.assign({}, restProps), {
|
|
1290
1252
|
ref: ref,
|
|
1291
1253
|
className: clsx('utrecht-spotlight-section', {
|
|
@@ -1303,9 +1265,8 @@ SpotlightSection.displayName = 'SpotlightSection';
|
|
|
1303
1265
|
|
|
1304
1266
|
var Strong = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1305
1267
|
var children = _a.children,
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1268
|
+
className = _a.className,
|
|
1269
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1309
1270
|
return jsx("strong", Object.assign({
|
|
1310
1271
|
ref: ref,
|
|
1311
1272
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
|
|
@@ -1320,9 +1281,8 @@ styleInject(css_248z$5);
|
|
|
1320
1281
|
|
|
1321
1282
|
var Surface = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1322
1283
|
var children = _a.children,
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1284
|
+
className = _a.className,
|
|
1285
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1326
1286
|
return jsx("div", Object.assign({}, restProps, {
|
|
1327
1287
|
ref: ref,
|
|
1328
1288
|
className: clsx('utrecht-surface', className)
|
|
@@ -1337,9 +1297,8 @@ styleInject(css_248z$4);
|
|
|
1337
1297
|
|
|
1338
1298
|
var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1339
1299
|
var children = _a.children,
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1300
|
+
className = _a.className,
|
|
1301
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1343
1302
|
return jsx("table", Object.assign({}, restProps, {
|
|
1344
1303
|
ref: ref,
|
|
1345
1304
|
className: clsx('utrecht-table', className)
|
|
@@ -1351,9 +1310,8 @@ Table.displayName = 'Table';
|
|
|
1351
1310
|
|
|
1352
1311
|
var TableBody = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1353
1312
|
var children = _a.children,
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1313
|
+
className = _a.className,
|
|
1314
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1357
1315
|
return jsx("tbody", Object.assign({}, restProps, {
|
|
1358
1316
|
ref: ref,
|
|
1359
1317
|
className: clsx('utrecht-table__body', className)
|
|
@@ -1365,9 +1323,8 @@ TableBody.displayName = 'TableBody';
|
|
|
1365
1323
|
|
|
1366
1324
|
var TableCaption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1367
1325
|
var children = _a.children,
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1326
|
+
className = _a.className,
|
|
1327
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1371
1328
|
return jsx("caption", Object.assign({}, restProps, {
|
|
1372
1329
|
ref: ref,
|
|
1373
1330
|
className: clsx('utrecht-table__caption', className)
|
|
@@ -1379,9 +1336,8 @@ TableCaption.displayName = 'TableCaption';
|
|
|
1379
1336
|
|
|
1380
1337
|
var TableCell = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1381
1338
|
var children = _a.children,
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1339
|
+
className = _a.className,
|
|
1340
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1385
1341
|
return jsx("td", Object.assign({}, restProps, {
|
|
1386
1342
|
ref: ref,
|
|
1387
1343
|
className: clsx('utrecht-table__cell', className)
|
|
@@ -1393,9 +1349,8 @@ TableCell.displayName = 'TableCell';
|
|
|
1393
1349
|
|
|
1394
1350
|
var TableFooter = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1395
1351
|
var children = _a.children,
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1352
|
+
className = _a.className,
|
|
1353
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1399
1354
|
return jsx("tfoot", Object.assign({}, restProps, {
|
|
1400
1355
|
ref: ref,
|
|
1401
1356
|
className: clsx('utrecht-table__footer', className)
|
|
@@ -1407,9 +1362,8 @@ TableFooter.displayName = 'TableFooter';
|
|
|
1407
1362
|
|
|
1408
1363
|
var TableHeader = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1409
1364
|
var children = _a.children,
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1365
|
+
className = _a.className,
|
|
1366
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1413
1367
|
return jsx("thead", Object.assign({}, restProps, {
|
|
1414
1368
|
ref: ref,
|
|
1415
1369
|
className: clsx('utrecht-table__header', className)
|
|
@@ -1421,9 +1375,8 @@ TableHeader.displayName = 'TableHeader';
|
|
|
1421
1375
|
|
|
1422
1376
|
var TableHeaderCell = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1423
1377
|
var children = _a.children,
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1378
|
+
className = _a.className,
|
|
1379
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1427
1380
|
return jsx("th", Object.assign({}, restProps, {
|
|
1428
1381
|
ref: ref,
|
|
1429
1382
|
className: clsx('utrecht-table__header-cell', className)
|
|
@@ -1435,9 +1388,8 @@ TableHeaderCell.displayName = 'TableHeaderCell';
|
|
|
1435
1388
|
|
|
1436
1389
|
var TableRow = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1437
1390
|
var children = _a.children,
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1391
|
+
className = _a.className,
|
|
1392
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1441
1393
|
return jsx("tr", Object.assign({}, restProps, {
|
|
1442
1394
|
ref: ref,
|
|
1443
1395
|
className: clsx('utrecht-table__row', className)
|
|
@@ -1452,12 +1404,11 @@ styleInject(css_248z$3);
|
|
|
1452
1404
|
|
|
1453
1405
|
var Textarea = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1454
1406
|
var disabled = _a.disabled,
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1407
|
+
invalid = _a.invalid,
|
|
1408
|
+
readOnly = _a.readOnly,
|
|
1409
|
+
required = _a.required,
|
|
1410
|
+
className = _a.className,
|
|
1411
|
+
restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className"]);
|
|
1461
1412
|
return jsx("textarea", Object.assign({}, restProps, {
|
|
1462
1413
|
ref: ref,
|
|
1463
1414
|
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),
|
|
@@ -1474,16 +1425,15 @@ styleInject(css_248z$2);
|
|
|
1474
1425
|
|
|
1475
1426
|
var Textbox = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1476
1427
|
var disabled = _a.disabled,
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1428
|
+
invalid = _a.invalid,
|
|
1429
|
+
readOnly = _a.readOnly,
|
|
1430
|
+
required = _a.required,
|
|
1431
|
+
className = _a.className,
|
|
1432
|
+
_a$type = _a.type,
|
|
1433
|
+
type = _a$type === void 0 ? 'text' : _a$type,
|
|
1434
|
+
maxLength = _a.maxLength,
|
|
1435
|
+
inputMode = _a.inputMode,
|
|
1436
|
+
restProps = __rest(_a, ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"]);
|
|
1487
1437
|
return jsx("input", Object.assign({}, restProps, {
|
|
1488
1438
|
ref: ref,
|
|
1489
1439
|
type: type,
|
|
@@ -1503,9 +1453,8 @@ styleInject(css_248z$1);
|
|
|
1503
1453
|
|
|
1504
1454
|
var URLValue = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1505
1455
|
var children = _a.children,
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1456
|
+
className = _a.className,
|
|
1457
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1509
1458
|
return jsx("bdi", Object.assign({
|
|
1510
1459
|
translate: "no"
|
|
1511
1460
|
}, restProps, {
|
|
@@ -1522,9 +1471,8 @@ styleInject(css_248z);
|
|
|
1522
1471
|
|
|
1523
1472
|
var UnorderedList = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1524
1473
|
var children = _a.children,
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1474
|
+
className = _a.className,
|
|
1475
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1528
1476
|
return jsx("ul", Object.assign({
|
|
1529
1477
|
role: "list"
|
|
1530
1478
|
}, restProps, {
|
|
@@ -1538,9 +1486,8 @@ UnorderedList.displayName = 'UnorderedList';
|
|
|
1538
1486
|
|
|
1539
1487
|
var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1540
1488
|
var children = _a.children,
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1489
|
+
className = _a.className,
|
|
1490
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1544
1491
|
return jsx("li", Object.assign({}, restProps, {
|
|
1545
1492
|
ref: ref,
|
|
1546
1493
|
className: clsx('utrecht-unordered-list__item', className)
|