@mittwald/flow-react-components 0.1.0-alpha.8
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/LICENSE +21 -0
- package/README.md +5 -0
- package/dist/Avatar.d.ts +14 -0
- package/dist/Avatar.js +25 -0
- package/dist/Badge.d.ts +18 -0
- package/dist/Badge.js +39 -0
- package/dist/Button-e6_nSMC7.js +41 -0
- package/dist/Button.d.ts +15 -0
- package/dist/Button.js +14 -0
- package/dist/Checkbox.d.ts +12 -0
- package/dist/Checkbox.js +76 -0
- package/dist/Content.d.ts +13 -0
- package/dist/Content.js +20 -0
- package/dist/CopyToClipboardButton.d.ts +20 -0
- package/dist/CopyToClipboardButton.js +140 -0
- package/dist/FieldDescription.d.ts +12 -0
- package/dist/FieldDescription.js +19 -0
- package/dist/FieldError-O1TRrMMj.js +17 -0
- package/dist/FieldError.d.ts +12 -0
- package/dist/FieldError.js +13 -0
- package/dist/Heading.d.ts +13 -0
- package/dist/Heading.js +26 -0
- package/dist/Icon-ZFuEzyOR.js +55 -0
- package/dist/Icon.d.ts +18 -0
- package/dist/Icon.js +14 -0
- package/dist/Image.d.ts +11 -0
- package/dist/Image.js +11 -0
- package/dist/Initials.d.ts +14 -0
- package/dist/Initials.js +30 -0
- package/dist/Label.d.ts +13 -0
- package/dist/Label.js +26 -0
- package/dist/LabeledValue.d.ts +12 -0
- package/dist/LabeledValue.js +32 -0
- package/dist/Link.d.ts +14 -0
- package/dist/Link.js +25 -0
- package/dist/Navigation.d.ts +22 -0
- package/dist/Navigation.js +53 -0
- package/dist/Note.d.ts +18 -0
- package/dist/Note.js +47 -0
- package/dist/PropsContextProvider-1ZntTV8J.js +26 -0
- package/dist/RadioGroup.d.ts +17 -0
- package/dist/RadioGroup.js +91 -0
- package/dist/StatusIcon-R1Q9m-y9.js +118 -0
- package/dist/StatusIcon.d.ts +17 -0
- package/dist/StatusIcon.js +16 -0
- package/dist/Switch.d.ts +16 -0
- package/dist/Switch.js +30 -0
- package/dist/Text-ZKs-d7Xd.js +19 -0
- package/dist/Text.d.ts +12 -0
- package/dist/Text.js +12 -0
- package/dist/TextArea.d.ts +17 -0
- package/dist/TextArea.js +28 -0
- package/dist/TextField.d.ts +17 -0
- package/dist/TextField.js +21 -0
- package/dist/TextFieldBase-aIybTXPT.js +33 -0
- package/dist/Tooltip-tMnxO0-t.js +16 -0
- package/dist/Tooltip.d.ts +17 -0
- package/dist/Tooltip.js +12 -0
- package/dist/TooltipTrigger-r60QhGZc.js +11 -0
- package/dist/TooltipTrigger.d.ts +12 -0
- package/dist/TooltipTrigger.js +9 -0
- package/dist/clsx-F0OAuoLf.js +24 -0
- package/dist/propsContext-1HT-3SRC.js +7 -0
- package/dist/styles.css +1 -0
- package/dist/stylesInit.d.ts +4 -0
- package/dist/stylesInit.js +6 -0
- package/dist/useProps-5ZdbXCrH.js +27 -0
- package/package.json +131 -0
package/dist/Switch.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Switch: FC<SwitchProps>;
|
|
6
|
+
export { Switch }
|
|
7
|
+
export default Switch;
|
|
8
|
+
|
|
9
|
+
export declare interface SwitchProps extends PropsWithChildren<Omit<Aria.SwitchProps, "children">> {
|
|
10
|
+
/** @default "trailing" */
|
|
11
|
+
labelPosition?: "leading" | "trailing";
|
|
12
|
+
/** @default "accent" */
|
|
13
|
+
variant?: "accent" | "danger";
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { }
|
package/dist/Switch.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import c from "react";
|
|
4
|
+
import * as r from "react-aria-components";
|
|
5
|
+
import { c as w } from "./clsx-F0OAuoLf.js";
|
|
6
|
+
const d = "flow--switch--indicator", m = "flow--switch--accent", h = "flow--switch--danger", t = {
|
|
7
|
+
switch: "flow--switch",
|
|
8
|
+
"label-leading": "flow--switch--label-leading",
|
|
9
|
+
indicator: d,
|
|
10
|
+
accent: m,
|
|
11
|
+
danger: h
|
|
12
|
+
}, b = (a) => {
|
|
13
|
+
const {
|
|
14
|
+
children: e,
|
|
15
|
+
className: i,
|
|
16
|
+
labelPosition: s = "trailing",
|
|
17
|
+
variant: n = "accent",
|
|
18
|
+
...o
|
|
19
|
+
} = a, l = w(
|
|
20
|
+
t.switch,
|
|
21
|
+
t[`label-${s}`],
|
|
22
|
+
t[n],
|
|
23
|
+
i
|
|
24
|
+
);
|
|
25
|
+
return /* @__PURE__ */ c.createElement(r.Switch, { ...o, className: l }, /* @__PURE__ */ c.createElement("div", { className: t.indicator }), e);
|
|
26
|
+
};
|
|
27
|
+
export {
|
|
28
|
+
b as Switch,
|
|
29
|
+
b as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import a, { createElement as n } from "react";
|
|
4
|
+
import * as c from "react-aria-components";
|
|
5
|
+
import "./propsContext-1HT-3SRC.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import { u as i } from "./useProps-5ZdbXCrH.js";
|
|
8
|
+
const f = (e) => {
|
|
9
|
+
const {
|
|
10
|
+
children: o,
|
|
11
|
+
className: s,
|
|
12
|
+
elementType: t = "span",
|
|
13
|
+
...m
|
|
14
|
+
} = i("Text", e), r = { ...m, className: s, children: o };
|
|
15
|
+
return e.slot ? /* @__PURE__ */ a.createElement(c.Text, { ...r, elementType: t }) : n(t, r);
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
f as T
|
|
19
|
+
};
|
package/dist/Text.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Text_2: FC<TextProps>;
|
|
6
|
+
export { Text_2 as Text }
|
|
7
|
+
export default Text_2;
|
|
8
|
+
|
|
9
|
+
export declare interface TextProps extends PropsWithChildren<Omit<Aria.TextProps, "children">> {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { }
|
package/dist/Text.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { T as o } from "./Text-ZKs-d7Xd.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "react-aria-components";
|
|
6
|
+
import "./propsContext-1HT-3SRC.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./useProps-5ZdbXCrH.js";
|
|
9
|
+
export {
|
|
10
|
+
o as Text,
|
|
11
|
+
o as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
|
|
6
|
+
declare const TextArea: FC<TextAreaProps>;
|
|
7
|
+
export { TextArea }
|
|
8
|
+
export default TextArea;
|
|
9
|
+
|
|
10
|
+
export declare interface TextAreaProps extends Omit<TextFieldBaseProps, "input">, Pick<Aria.TextAreaProps, "placeholder" | "rows"> {
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare interface TextFieldBaseProps extends PropsWithChildren<Omit<Aria.TextFieldProps, "children">> {
|
|
14
|
+
input: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { }
|
package/dist/TextArea.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import * as i from "react-aria-components";
|
|
5
|
+
import { T as p } from "./TextFieldBase-aIybTXPT.js";
|
|
6
|
+
import "./clsx-F0OAuoLf.js";
|
|
7
|
+
import "./propsContext-1HT-3SRC.js";
|
|
8
|
+
import "./PropsContextProvider-1ZntTV8J.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import "./FieldError-O1TRrMMj.js";
|
|
11
|
+
import "./useProps-5ZdbXCrH.js";
|
|
12
|
+
const c = "flow--text-area", l = {
|
|
13
|
+
textArea: c
|
|
14
|
+
}, w = (e) => {
|
|
15
|
+
const { children: r, placeholder: o, rows: a = 5, ...m } = e, s = /* @__PURE__ */ t.createElement(
|
|
16
|
+
i.TextArea,
|
|
17
|
+
{
|
|
18
|
+
rows: a,
|
|
19
|
+
placeholder: o,
|
|
20
|
+
className: l.textArea
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
return /* @__PURE__ */ t.createElement(p, { ...m, input: s }, r);
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
w as TextArea,
|
|
27
|
+
w as default
|
|
28
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
|
|
6
|
+
declare const TextField: FC<TextFieldProps>;
|
|
7
|
+
export { TextField }
|
|
8
|
+
export default TextField;
|
|
9
|
+
|
|
10
|
+
declare interface TextFieldBaseProps extends PropsWithChildren<Omit<Aria.TextFieldProps, "children">> {
|
|
11
|
+
input: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export declare interface TextFieldProps extends Omit<TextFieldBaseProps, "input">, Pick<Aria.InputProps, "placeholder"> {
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { }
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
|
+
import { T as s } from "./TextFieldBase-aIybTXPT.js";
|
|
6
|
+
import "./clsx-F0OAuoLf.js";
|
|
7
|
+
import "./propsContext-1HT-3SRC.js";
|
|
8
|
+
import "./PropsContextProvider-1ZntTV8J.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import "./FieldError-O1TRrMMj.js";
|
|
11
|
+
import "./useProps-5ZdbXCrH.js";
|
|
12
|
+
const p = "flow--text-field", a = {
|
|
13
|
+
textField: p
|
|
14
|
+
}, h = (e) => {
|
|
15
|
+
const { children: r, placeholder: o, ...i } = e, l = /* @__PURE__ */ t.createElement(m.Input, { placeholder: o, className: a.textField });
|
|
16
|
+
return /* @__PURE__ */ t.createElement(s, { ...i, input: l }, r);
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
h as TextField,
|
|
20
|
+
h as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import r from "react";
|
|
4
|
+
import * as f from "react-aria-components";
|
|
5
|
+
import { c as a } from "./clsx-F0OAuoLf.js";
|
|
6
|
+
import "./propsContext-1HT-3SRC.js";
|
|
7
|
+
import { P as d } from "./PropsContextProvider-1ZntTV8J.js";
|
|
8
|
+
import "@react-aria/utils";
|
|
9
|
+
import { F as n } from "./FieldError-O1TRrMMj.js";
|
|
10
|
+
const p = "flow--form-field", F = "flow--form-field--label", E = "flow--form-field--field-error", u = "flow--form-field--custom-field-error", N = "flow--form-field--field-description", e = {
|
|
11
|
+
formField: p,
|
|
12
|
+
label: F,
|
|
13
|
+
fieldError: E,
|
|
14
|
+
customFieldError: u,
|
|
15
|
+
fieldDescription: N
|
|
16
|
+
}, T = (o) => {
|
|
17
|
+
const { children: l, className: i, input: s, ...t } = o, m = a(e.formField, i), c = {
|
|
18
|
+
Label: {
|
|
19
|
+
className: e.label,
|
|
20
|
+
optional: !o.isRequired
|
|
21
|
+
},
|
|
22
|
+
FieldDescription: {
|
|
23
|
+
className: e.fieldDescription
|
|
24
|
+
},
|
|
25
|
+
FieldError: {
|
|
26
|
+
className: e.customFieldError
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return /* @__PURE__ */ r.createElement(f.TextField, { ...t, className: m }, s, /* @__PURE__ */ r.createElement(d, { props: c }, l), /* @__PURE__ */ r.createElement(n, { className: e.fieldError }));
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
T
|
|
33
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import * as t from "react-aria-components";
|
|
4
|
+
import o from "react";
|
|
5
|
+
import { c as i } from "./clsx-F0OAuoLf.js";
|
|
6
|
+
const m = "flow--tooltip", n = "flow--tooltip--arrow", p = "flow--tooltip--slide", e = {
|
|
7
|
+
tooltip: m,
|
|
8
|
+
arrow: n,
|
|
9
|
+
slide: p
|
|
10
|
+
}, d = (r) => {
|
|
11
|
+
const { children: l, className: s, ...a } = r, c = i(e.tooltip, s);
|
|
12
|
+
return /* @__PURE__ */ o.createElement(t.Tooltip, { ...a, className: c }, /* @__PURE__ */ o.createElement(t.OverlayArrow, { className: e.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), l);
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
d as T
|
|
16
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const Tooltip: FC<TooltipProps>;
|
|
6
|
+
export { Tooltip }
|
|
7
|
+
export default Tooltip;
|
|
8
|
+
|
|
9
|
+
export declare interface TooltipProps extends PropsWithChildren<Omit<Aria.TooltipProps, "children">> {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export declare const TooltipTrigger: FC<TooltipTriggerProps>;
|
|
13
|
+
|
|
14
|
+
export declare interface TooltipTriggerProps extends PropsWithChildren<Omit<Aria.TooltipTriggerComponentProps, "children">> {
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { }
|
package/dist/Tooltip.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { T as r } from "./Tooltip-tMnxO0-t.js";
|
|
4
|
+
import { T as a } from "./TooltipTrigger-r60QhGZc.js";
|
|
5
|
+
import "react-aria-components";
|
|
6
|
+
import "react";
|
|
7
|
+
import "./clsx-F0OAuoLf.js";
|
|
8
|
+
export {
|
|
9
|
+
r as Tooltip,
|
|
10
|
+
a as TooltipTrigger,
|
|
11
|
+
r as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as Aria from 'react-aria-components';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const TooltipTrigger: FC<TooltipTriggerProps>;
|
|
6
|
+
export { TooltipTrigger }
|
|
7
|
+
export default TooltipTrigger;
|
|
8
|
+
|
|
9
|
+
export declare interface TooltipTriggerProps extends PropsWithChildren<Omit<Aria.TooltipTriggerComponentProps, "children">> {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { }
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
function a(r) {
|
|
4
|
+
var f, n, t = "";
|
|
5
|
+
if (typeof r == "string" || typeof r == "number")
|
|
6
|
+
t += r;
|
|
7
|
+
else if (typeof r == "object")
|
|
8
|
+
if (Array.isArray(r)) {
|
|
9
|
+
var o = r.length;
|
|
10
|
+
for (f = 0; f < o; f++)
|
|
11
|
+
r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
|
|
12
|
+
} else
|
|
13
|
+
for (n in r)
|
|
14
|
+
r[n] && (t && (t += " "), t += n);
|
|
15
|
+
return t;
|
|
16
|
+
}
|
|
17
|
+
function i() {
|
|
18
|
+
for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++)
|
|
19
|
+
(r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
|
|
20
|
+
return t;
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
i as c
|
|
24
|
+
};
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.flow--avatar{border-radius:var(--border-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0}.flow--avatar>img{width:100%;height:100%;object-fit:cover}.flow--avatar--initials{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:calc(var(--avatar-size) * .4)}.flow--avatar--size-s,.flow--avatar{--avatar-size: var(--avatar--size--s)}.flow--avatar--size-m{--avatar-size: var(--avatar--size--m)}.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--icon{flex-shrink:0;display:inline-block}.flow--icon svg{height:1em;display:inline-block;margin:0 auto}.flow--icon--fixed-width svg{width:1.25em}.flow--badge{color:var(--badge--color);font-size:var(--badge--font-size);background-color:var(--badge--info-background-color);border-radius:var(--badge--border-radius);padding-block:var(--badge--padding-y);padding-inline:var(--badge--padding-x);height:var(--badge--height);line-height:var(--size-rem--m);display:inline-grid;grid-template-areas:"icon content";grid-template-columns:auto 1fr;column-gap:var(--badge--icon-to-text-spacing);max-width:fit-content}.flow--badge:not(:has(.flow--badge--content)){padding-inline:var(--badge--padding-x-icon-only);grid-template-areas:"icon";grid-template-columns:auto}.flow--badge:has(.flow--badge--custom-icon) .flow--badge--status-icon{display:none}.flow--badge--status-icon,.flow--badge--custom-icon{font-size:var(--badge--icon-size);grid-area:icon}.flow--badge--content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-area:content}.flow--badge--info,.flow--badge{background-color:var(--badge--info-background-color)}.flow--badge--success{background-color:var(--badge--success-background-color)}.flow--badge--warning{background-color:var(--badge--warning-background-color)}.flow--badge--danger{background-color:var(--badge--danger-background-color)}.flow--checkbox{border-width:var(--checkbox--border-width);border-style:var(--checkbox--border-style);border-color:var(--checkbox--border-color--default);border-radius:var(--checkbox--border-radius);padding-block:var(--checkbox--padding-y);padding-inline:var(--checkbox--padding-x);background-color:var(--checkbox--background-color--default);color:var(--checkbox--color--default);display:grid;column-gap:var(--checkbox--checkmark-to-text-spacing);grid-template-columns:auto 1fr;width:fit-content}.flow--checkbox:hover{background-color:var(--checkbox--background-color--hover)}.flow--checkbox[data-selected]{border-color:var(--checkbox--border-color--selected);background-color:var(--checkbox--background-color--selected);color:var(--checkbox--color--selected)}.flow--checkbox[data-selected] .flow--checkbox--checkmark{color:var(--checkbox--checkmark-color--selected)}.flow--checkbox[data-disabled]{border-color:var(--checkbox--border-color--disabled);background-color:var(--checkbox--background-color--disabled);color:var(--checkbox--color--disabled)}.flow--checkbox[data-disabled] .flow--checkbox--checkmark{color:var(--checkbox--checkmark-color--disabled)}.flow--checkbox[data-selected][data-disabled]{border-color:var(--checkbox--border-color--selected-disabled);background-color:var(--checkbox--background-color--selected-disabled);color:var(--checkbox--color--selected-disabled)}.flow--checkbox[data-selected][data-disabled] .flow--checkbox--checkmark{color:var(--checkbox--checkmark-color--selected-disabled)}.flow--checkbox--checkmark{color:var(--checkbox--checkmark-color--default)}.flow--button{border:none;border-radius:var(--button--border-radius);display:inline-flex;flex-direction:row;align-items:center;padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default)}.flow--button[disabled]{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.flow--button:has(.flow--button--icon){padding:var(--button--padding)}.flow--button--icon,.flow--button--icon svg{display:block}.flow--button--small{font-size:var(--button--font-size-small);padding-block:var(--button--padding-small-squished-y);padding-inline:var(--button--padding-small-squished-x)}.flow--button--small:has(.flow--button--icon){padding:var(--button--padding-small)}.flow--button--primary,.flow--button{background-color:var(--button--primary-background-color--default);color:var(--button--primary-color--default)}.flow--button--primary:hover,.flow--button:hover{background-color:var(--button--primary-background-color--hover);color:var(--button--primary-color--hover)}.flow--button--primary[data-pressed],[data-pressed].flow--button{background-color:var(--button--primary-background-color--pressed);color:var(--button--primary-color--pressed)}.flow--button--accent{background-color:var(--button--accent-background-color--default);color:var(--button--accent-color--default)}.flow--button--accent:hover{background-color:var(--button--accent-background-color--hover);color:var(--button--accent-color--hover)}.flow--button--accent[data-pressed]{background-color:var(--button--accent-background-color--pressed);color:var(--button--accent-color--pressed)}.flow--button--danger{background-color:var(--button--danger-background-color--default);color:var(--button--danger-color--default)}.flow--button--danger:hover{background-color:var(--button--danger-background-color--hover);color:var(--button--danger-color--hover)}.flow--button--danger[data-pressed]{background-color:var(--button--danger-background-color--pressed);color:var(--button--danger-color--pressed)}.flow--button--secondary{background-color:var(--button--secondary-background-color--default);color:var(--button--secondary-color--default)}.flow--button--secondary:hover{background-color:var(--button--secondary-background-color--hover);color:var(--button--secondary-color--hover)}.flow--button--secondary[data-pressed]{background-color:var(--button--secondary-background-color--pressed);color:var(--button--secondary-color--pressed)}.flow--button--plain{background-color:var(--button--plain-background-color--default);color:var(--button--plain-color--default)}.flow--button--plain:hover{background-color:var(--button--plain-background-color--hover);color:var(--button--plain-color--hover)}.flow--button--plain[data-pressed]{background-color:var(--button--plain-background-color--pressed);color:var(--button--plain-color--pressed)}.flow--field-description{color:var(--field-description--color);font-size:var(--field-description--font-size)}.flow--heading{font-weight:var(--heading--font-weight);color:var(--heading--color)}h1.flow--heading{font-size:var(--heading--h1-font-size)}h2.flow--heading{font-size:var(--heading--h2-font-size)}h3.flow--heading{font-size:var(--heading--h3-font-size)}h4.flow--heading{font-size:var(--heading--h4-font-size)}h5.flow--heading{font-size:var(--heading--h5-font-size)}h6.flow--heading{font-size:var(--heading--h6-font-size)}.flow--initials{display:flex;font-weight:700;background-color:var(--background-color)}.flow--initials *:nth-child(odd){color:var(--char-1-color)}.flow--initials *:nth-child(2n){color:var(--char-2-color)}.flow--initials *:only-child{color:var(--char-2-color)}.flow--initials--variant-1,.flow--initials{--background-color: var(--initials--variant-1-background-color);--char-1-color: var(--initials--variant-1-first-initial-color);--char-2-color: var(--initials--variant-1-second-initial-color)}.flow--initials--variant-2{--background-color: var(--initials--variant-2-background-color);--char-1-color: var(--initials--variant-2-first-initial-color);--char-2-color: var(--initials--variant-2-second-initial-color)}.flow--initials--variant-3{--background-color: var(--initials--variant-3-background-color);--char-1-color: var(--initials--variant-3-first-initial-color);--char-2-color: var(--initials--variant-3-second-initial-color)}.flow--initials--variant-4{--background-color: var(--initials--variant-4-background-color);--char-1-color: var(--initials--variant-4-first-initial-color);--char-2-color: var(--initials--variant-4-second-initial-color)}.flow--label{color:var(--label--color);font-size:var(--label--font-size);font-weight:var(--label--font-weight)}.flow--labeled-value{display:grid;grid-template-areas:"label" "value";row-gap:var(--labeled-value--label-to-value-spacing);column-gap:var(--labeled-value--value-to-button-spacing);grid-template-columns:auto 1fr}.flow--labeled-value:has(.flow--labeled-value--copy-button){grid-template-areas:"label label " "value copy-button"}.flow--labeled-value--label{grid-area:label}.flow--labeled-value--content{grid-area:value}.flow--labeled-value--copy-button{grid-area:copy-button;justify-self:start}.flow--link{font-size:var(--link--font-size);font-weight:var(--link--font-weight);transition-property:color;transition-duration:var(--transition--duration--default)}.flow--link[aria-disabled]{color:var(--link--disabled-color)}.flow--link:not([aria-disabled]){cursor:pointer}.flow--link--primary:not([aria-disabled]),.flow--link:not([aria-disabled]){color:var(--link--primary-color--default)}.flow--link--primary:not([aria-disabled]):hover,.flow--link:not([aria-disabled]):hover{color:var(--link--primary-color--hover)}.flow--link--primary:not([aria-disabled])[data-pressed],.flow--link:not([aria-disabled])[data-pressed]{color:var(--link--primary-color--pressed)}.flow--link--danger:not([aria-disabled]){color:var(--link--danger-color--default)}.flow--link--danger:not([aria-disabled]):hover{color:var(--link--danger-color--hover)}.flow--link--danger:not([aria-disabled])[data-pressed]{color:var(--link--danger-color--pressed)}.flow--navigation>ul{display:flex;flex-direction:column;row-gap:var(--navigation--item-to-item-spacing)}.flow--navigation--navigation-item a{display:flex;flex-direction:row;border:none;border-radius:var(--navigation-item--border-radius);background-color:var(--navigation-item--background-color--default);padding:var(--navigation-item--padding-y) var(--navigation-item--padding-x);cursor:default}.flow--navigation--navigation-item a[href]{cursor:pointer}.flow--navigation--navigation-item a:focus{background-color:var(--navigation-item--background-color--hover)}.flow--navigation--navigation-item a[aria-current=page]{background-color:var(--navigation-item--background-color--current);font-weight:var(--navigation-item--font-weight--current);color:var(--navigation-item--color--current)}.flow--navigation--navigation-item a[aria-current=page] .flow--navigation--navigation-item--icon{color:var(--navigation-item--icon-color--current)}.flow--navigation--navigation-item--icon{order:0;color:var(--navigation-item--icon-color--default)}.flow--navigation--navigation-item--text{margin-inline-start:var(--navigation-item--icon-to-text-spacing);order:1}.flow--note{border-radius:var(--note--border-radius);border-width:var(--note--border-width);border-style:var(--note--border-style);border-inline-start-width:var(--note--border-inline-start-width);padding:var(--note--padding);display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--note--icon-to-text-spacing);grid-row-gap:var(--note--text-to-text-spacing)}.flow--note:has(.flow--note--custom-icon) .flow--note--status-icon{display:none}.flow--note:not(:has(.flow--note--content)){grid-template-areas:"icon heading"}.flow--note:has(.flow--note--content){grid-template-areas:"icon heading" ". content"}.flow--note--custom-icon,.flow--note--status-icon{grid-area:icon;font-size:var(--note--icon-size);line-height:calc(var(--note--heading-font-size) * 1.5)}.flow--note--heading{grid-area:heading;font-size:var(--note--heading-font-size)}.flow--note--content{grid-area:content}.flow--note--info,.flow--note{border-color:var(--note--info-border-color)}.flow--note--info .flow--note--heading,.flow--note .flow--note--heading,.flow--note--info .flow--note--custom-icon,.flow--note .flow--note--custom-icon,.flow--note--info .flow--note--status-icon,.flow--note .flow--note--status-icon{color:var(--note--info-heading-color)}.flow--note--warning{border-color:var(--note--warning-border-color)}.flow--note--warning .flow--note--heading,.flow--note--warning .flow--note--custom-icon,.flow--note--warning .flow--note--status-icon{color:var(--note--warning-heading-color)}.flow--note--danger{border-color:var(--note--danger-border-color)}.flow--note--danger .flow--note--heading,.flow--note--danger .flow--note--custom-icon,.flow--note--danger .flow--note--status-icon{color:var(--note--danger-heading-color)}.flow--field-error{color:var(--field-error--color);font-size:var(--field-error--font-size)}.flow--radio-group{display:flex;flex-wrap:wrap;container-type:inline-size;isolation:isolate}.flow--radio-group:has(.flow--radio-group--content),.flow--radio-group:has(.flow--radio-group--icon){display:grid;gap:var(--radio-group--radio-to-radio-spacing)}.flow--radio-group:has(.flow--radio-group--content) .flow--radio-group--label,.flow--radio-group:has(.flow--radio-group--icon) .flow--radio-group--label{grid-column:1/-1;margin-bottom:calc((var(--radio-group--radio-to-radio-spacing) - var(--form-control--label-to-control-spacing)) * -1)}.flow--radio-group:has(.flow--radio-group--content) .flow--radio-group--field-error,.flow--radio-group:has(.flow--radio-group--content) .flow--radio-group--custom-field-error,.flow--radio-group:has(.flow--radio-group--content) .flow--radio-group--field-description,.flow--radio-group:has(.flow--radio-group--icon) .flow--radio-group--field-error,.flow--radio-group:has(.flow--radio-group--icon) .flow--radio-group--custom-field-error,.flow--radio-group:has(.flow--radio-group--icon) .flow--radio-group--field-description{grid-column:1/-1;margin-top:calc((var(--radio-group--radio-to-radio-spacing) - var(--form-control--control-to-info-spacing)) * -1)}.flow--radio-group:has(.flow--radio-group--icon){grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.flow--radio-group:has(.flow--radio-group--content){grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.flow--radio-group:has(.flow--radio-group--field-error) .flow--radio-group--field-description{display:none}.flow--radio-group:has(.flow--radio-group--custom-field-error) .flow--radio-group--field-error{display:none}.flow--radio-group--label{width:100%;margin-bottom:var(--form-control--label-to-control-spacing)}.flow--radio-group--field-error,.flow--radio-group--custom-field-error,.flow--radio-group--field-description{margin-top:var(--form-control--control-to-info-spacing);width:100%}.flow--radio-group--radio{border:var(--radio-group--border-width) var(--radio-group--border-style) var(--radio-group--border-color--default);padding:var(--radio-group--padding-y) var(--radio-group--padding-x);background-color:var(--radio-group--background-color--default);color:var(--radio-group--color--default);display:grid;row-gap:var(--radio-group--text-to-text-spacing);column-gap:var(--radio-group--icon-to-text-spacing);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default)}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)){grid-template-areas:"label checkmark";grid-template-columns:1fr auto;flex:1;margin-right:-1px}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)):first-of-type{border-radius:0;border-start-start-radius:var(--radio-group--border-radius);border-end-start-radius:var(--radio-group--border-radius)}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)):last-of-type{border-radius:0;border-start-end-radius:var(--radio-group--border-radius);border-end-end-radius:var(--radio-group--border-radius);margin:0}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon))[data-selected] .flow--radio-group--radio--checkmark{display:block}@container (max-width: 600px){.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)){flex:auto;width:100%;margin:0 0 -1px}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)):first-of-type{border-radius:0;border-start-start-radius:var(--radio-group--border-radius);border-start-end-radius:var(--radio-group--border-radius)}.flow--radio-group--radio:not(:has(.flow--radio-group--radio--content)):not(:has(.flow--radio-group--radio--icon)):last-of-type{border-radius:0;border-end-end-radius:var(--radio-group--border-radius);border-end-start-radius:var(--radio-group--border-radius);margin:0}}.flow--radio-group--radio:has(.flow--radio-group--radio--icon):not(:has(.flow--radio-group--radio--content)){grid-template-areas:"icon" "label";grid-template-columns:1fr;justify-items:center;border-radius:var(--radio-group--border-radius)}.flow--radio-group--radio:has(.flow--radio-group--radio--icon):not(:has(.flow--radio-group--radio--content)) .flow--radio-group--radio--label{font-weight:var(--radio-group--label-font-weight-with-content-or-icon)}.flow--radio-group--radio:has(.flow--radio-group--radio--icon):not(:has(.flow--radio-group--radio--content)) .flow--radio-group--radio--icon{font-size:var(--icon--size--l);line-height:0}.flow--radio-group--radio:has(.flow--radio-group--radio--content){grid-template-areas:"label" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr;justify-items:start;border-radius:var(--radio-group--border-radius)}.flow--radio-group--radio:has(.flow--radio-group--radio--content) .flow--radio-group--radio--label{font-weight:var(--radio-group--label-font-weight-with-content-or-icon)}.flow--radio-group--radio:has(.flow--radio-group--radio--content):has(.flow--radio-group--radio--icon){grid-template-areas:"icon label" ". content";grid-template-columns:auto 1fr}.flow--radio-group--radio:hover{background-color:var(--radio-group--background-color--hover)}.flow--radio-group--radio[data-selected]{border-color:var(--radio-group--border-color--selected);background-color:var(--radio-group--background-color--selected);color:var(--radio-group--color--selected);z-index:1}.flow--radio-group--radio[data-disabled],[aria-disabled] .flow--radio-group--radio{border-color:var(--radio-group--border-color--disabled);background-color:var(--radio-group--background-color--disabled);color:var(--radio-group--color--disabled)}.flow--radio-group--radio[data-disabled][data-selected],[aria-disabled] .flow--radio-group--radio[date-selected]{border-color:var(--radio-group--border-color--selected-disabled);background-color:var(--radio-group--background-color--selected-disabled);color:var(--radio-group--color--selected-disabled)}.flow--radio-group--radio:not([data-selected]):not([data-disabled]) .flow--radio-group--radio--icon{color:var(--radio-group--icon-color--default)}.flow--radio-group--radio--icon{grid-area:icon}.flow--radio-group--radio--label{grid-area:label}.flow--radio-group--radio--content{grid-area:content}.flow--radio-group--radio--checkmark{grid-area:checkmark;display:none}.flow--switch{display:flex;align-items:center;font-size:var(--switch--font-size);font-weight:var(--switch--font-weight);column-gap:var(--switch--label-to-indicator-spacing)}.flow--switch.flow--switch--label-leading{flex-direction:row-reverse}.flow--switch[data-pressed] .flow--switch--indicator{background-color:var(--switch--indicator-color--pressed)}.flow--switch[data-disabled]{color:var(--switch--color--disabled)}.flow--switch[data-disabled] .flow--switch--indicator{background-color:var(--switch--indicator-color--disabled)}.flow--switch[data-selected] .flow--switch--indicator:before{transform:translate(100%)}.flow--switch--indicator{width:var(--switch--indicator-width);height:var(--switch--indicator-height);background-color:var(--switch--indicator-color--default);border-radius:var(--switch--indicator-border-radius);padding:var(--switch--indicator-to-marker-spacing);flex-shrink:0;position:relative;transition-property:background-color;transition-duration:var(--transition--duration--default)}.flow--switch--indicator:before{content:"";display:block;width:var(--switch--indicator-marker-size);height:var(--switch--indicator-marker-size);background-color:var(--switch--indicator-marker-color);border-radius:var(--border-radius--round);transition-property:transform;transition-duration:var(--transition--duration--default);transform:translate(0);position:absolute;top:var(--switch--indicator-to-marker-spacing);left:var(--switch--indicator-to-marker-spacing)}.flow--switch--accent[data-selected] .flow--switch--indicator,[data-selected].flow--switch .flow--switch--indicator{background-color:var(--switch--accent-indicator-color--selected)}.flow--switch--accent[data-selected][data-pressed] .flow--switch--indicator,[data-selected][data-pressed].flow--switch .flow--switch--indicator{background-color:var(--switch--accent-indicator-color--selected-pressed)}.flow--switch--accent[data-selected][data-disabled] .flow--switch--indicator,[data-selected][data-disabled].flow--switch .flow--switch--indicator{background-color:var(--switch--accent-indicator-color--selected-disabled)}.flow--switch--danger[data-selected] .flow--switch--indicator{background-color:var(--switch--danger-indicator-color--selected)}.flow--switch--danger[data-selected][data-pressed] .flow--switch--indicator{background-color:var(--switch--danger-indicator-color--selected-pressed)}.flow--switch--danger[data-selected][data-disabled] .flow--switch--indicator{background-color:var(--switch--danger-indicator-color--selected-disabled)}.flow--form-field{display:flex;flex-direction:column}.flow--form-field--label{order:1;margin-bottom:var(--form-control--label-to-control-spacing)}.flow--form-field--field-error,.flow--form-field--custom-field-error,.flow--form-field--field-description{order:3;margin-top:var(--form-control--control-to-info-spacing)}.flow--form-field:has(.flow--form-field--field-error) .flow--form-field--field-description{display:none}.flow--form-field:has(.flow--form-field--custom-field-error) .flow--form-field--field-error{display:none}.flow--form-field{--form-field-control--background-color: var( --form-control--background-color--default );--form-field-control--border-color: var( --form-control--background-color--default );--form-field-control--color: inherit}.flow--form-field:hover{--form-field-control--background-color: var( --form-control--background-color--hover );--form-field-control--border-color: var( --form-control--border-color--hover );--form-field-control--color: inherit}.flow--form-field[data-invalid]{--form-field-control--background-color: var( --form-control--background-color--invalid );--form-field-control--border-color: var( --form-control--border-color--invalid );--form-field-control--color: inherit}.flow--form-field[data-invalid]:focus-within,.flow--form-field:focus-within{--form-field-control--background-color: var( --form-control--background-color--focused );--form-field-control--border-color: var( --form-control--border-color--focused );--form-field-control--color: inherit}.flow--form-field[data-disabled]{--form-field-control--background-color: var( --form-control--background-color--disabled );--form-field-control--border-color: var( --form-control--border-color--disabled );--form-field-control--color: var(--form-control--color--disabled)}.flow--text-area{order:2;color:var(--form-field-control--color);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--border-radius);border-color:var(--form-field-control--border-color);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);background-color:var(--form-field-control--background-color)}.flow--text-area:focus-visible,.flow--text-area:focus{outline:none}.flow--text-field{order:2;color:var(--form-field-control--color);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--border-radius);border-color:var(--form-field-control--border-color);padding-block:var(--form-control--padding-y);padding-inline:var(--form-control--padding-x);background-color:var(--form-field-control--background-color)}.flow--text-field:focus-visible,.flow--text-field:focus{outline:none}.flow--tooltip{border-radius:var(--border-radius--default);background-color:var(--tooltip--background-color);color:var(--tooltip--color);font-size:var(--tooltip--font-size);padding-block:var(--tooltip--padding-y);padding-inline:var(--tooltip--padding-x);max-width:var(--tooltip--max-width);transform:translateZ(0);--translate-origin-length: var(--tooltip--tooltip-to-content-spacing) / 2}.flow--tooltip[data-placement=top]{margin-bottom:var(--tooltip--tooltip-to-content-spacing);--translate-origin: translateY(var(--translate-origin-length))}.flow--tooltip[data-placement=bottom]{margin-top:var(--tooltip--tooltip-to-content-spacing);--translate-origin: translateY(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=bottom] .flow--tooltip--arrow svg{transform:rotate(180deg)}.flow--tooltip[data-placement=right]{margin-left:var(--tooltip--tooltip-to-content-spacing);--translate-origin: translateX(var(--translate-origin-length) * -1)}.flow--tooltip[data-placement=right] .flow--tooltip--arrow svg{transform:rotate(90deg)}.flow--tooltip[data-placement=left]{margin-right:var(--tooltip--tooltip-to-content-spacing);--translate-origin: translateX(var(--translate-origin-length))}.flow--tooltip[data-placement=left] .flow--tooltip--arrow svg{transform:rotate(-90deg)}.flow--tooltip[data-entering]{animation:flow--tooltip--slide .2s}.flow--tooltip[data-exiting]{animation:flow--tooltip--slide .2s reverse ease-in}.flow--tooltip--arrow{width:var(--tooltip--arrow-size);height:var(--tooltip--arrow-size)}.flow--tooltip--arrow svg{display:block;fill:var(--tooltip--background-color)}@keyframes flow--tooltip--slide{0%{transform:var(--translate-origin);opacity:0}to{transform:translateY(0);opacity:1}}:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:root).svg-inline--fa,svg:not(:host).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width, 1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-text,.fa-layers-counter{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);-webkit-transform:scale(var(--fa-counter-scale, .25));transform:scale(var(--fa-counter-scale, .25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;-webkit-transform:scale(var(--fa-layers-scale, .25));transform:scale(var(--fa-layers-scale, .25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;-webkit-transform:scale(var(--fa-layers-scale, .25));transform:scale(var(--fa-layers-scale, .25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);-webkit-transform:scale(var(--fa-layers-scale, .25));transform:scale(var(--fa-layers-scale, .25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);-webkit-transform:scale(var(--fa-layers-scale, .25));transform:scale(var(--fa-layers-scale, .25));-webkit-transform-origin:top left;transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .08em);padding:var(--fa-border-padding, .2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, .3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, .3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, ease-in-out);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, ease-in-out);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, linear);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay, 0s);animation-delay:var(--fa-animation-delay, 0s);-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 2s);animation-duration:var(--fa-animation-duration, 2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, linear);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction, normal);animation-direction:var(--fa-animation-direction, normal);-webkit-animation-duration:var(--fa-animation-duration, 1s);animation-duration:var(--fa-animation-duration, 1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-iteration-count:var(--fa-animation-iteration-count, infinite);-webkit-animation-timing-function:var(--fa-animation-timing, steps(8));animation-timing-function:var(--fa-animation-timing, steps(8))}@media (prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale, 1.25));transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale, 1.25));transform:scale(var(--fa-beat-scale, 1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound, -.125em));transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound, -.125em));transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1,1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale, 1.125));transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale, 1.125));transform:scale(var(--fa-beat-fade-scale, 1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg));transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg));transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle, none));transform:rotate(var(--fa-rotate-angle, none))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse,.fa-duotone.fa-inverse{color:var(--fa-inverse, #fff)}:root{--transition--duration--default: .2s;--size--none: 0rem;--size-px--xxl: 64px;--size-px--xl: 32px;--size-px--l: 24px;--size-px--m: 16px;--size-px--s: 8px;--size-px--xs: 4px;--size-px--xxs: 2px;--size-px--xxxs: 1px;--size-rem--xxl: 4rem;--size-rem--xl: 2rem;--size-rem--l: 1.5rem;--size-rem--m: 1rem;--size-rem--s: .5rem;--size-rem--xs: .25rem;--size-rem--xxs: .125rem;--size-rem--xxxs: .0625rem;--font-size--xxl: 2rem;--font-size--xl: 1.5rem;--font-size--l: 1.125rem;--font-size--m: 1rem;--font-size--s: .875rem;--font-size--xs: .75rem;--font-size--xxs: .625rem;--line-height--default: 1.5;--font-weight--bold: 600;--font-weight--normal: 300;--color--transparent: rgba(0, 0, 0, 0);--color--soft-contrast-violet--1100: #4743a5;--color--soft-contrast-violet--1000: #534fb8;--color--soft-contrast-violet--900: #5c50ca;--color--soft-contrast-violet--800: #715dee;--color--soft-contrast-violet--700: #8574f0;--color--soft-contrast-violet--600: #998bf3;--color--soft-contrast-violet--500: #aea2f5;--color--soft-contrast-violet--400: #c2b9f8;--color--soft-contrast-violet--300: #d6d0fa;--color--soft-contrast-violet--200: #eae7fd;--color--soft-contrast-violet--100: #f4f3fe;--color--royal-orange--1100: #763200;--color--royal-orange--1000: #8f3d00;--color--royal-orange--900: #c25200;--color--royal-orange--800: #f56800;--color--royal-orange--700: #ff8225;--color--royal-orange--600: #ff9343;--color--royal-orange--500: #ffa562;--color--royal-orange--400: #ffc89f;--color--royal-orange--300: #ffd9bd;--color--royal-orange--200: #ffebdc;--color--royal-orange--100: #fff4eb;--color--amaranth-red--1100: #6a0f22;--color--amaranth-red--1000: #83122a;--color--amaranth-red--900: #b4193a;--color--amaranth-red--800: #e1244c;--color--amaranth-red--700: #e54366;--color--amaranth-red--600: #ea637f;--color--amaranth-red--500: #ee8299;--color--amaranth-red--400: #f2a2b3;--color--amaranth-red--300: #f7c1cc;--color--amaranth-red--200: #fbe0e6;--color--amaranth-red--100: #fdf0f3;--color--espelkamp-green--1100: #00291c;--color--espelkamp-green--1000: #003b29;--color--espelkamp-green--900: #005f42;--color--espelkamp-green--800: #00825b;--color--espelkamp-green--700: #00a673;--color--espelkamp-green--600: #00d192;--color--espelkamp-green--500: #00f5ab;--color--espelkamp-green--400: #2effc0;--color--espelkamp-green--300: #99ffe0;--color--espelkamp-green--200: #d9fff4;--color--espelkamp-green--100: #f8fffd;--color--hosting-blue--1100: #00205c;--color--hosting-blue--1000: #002a7b;--color--hosting-blue--900: #003fb8;--color--hosting-blue--800: #0054f5;--color--hosting-blue--700: #1a68ff;--color--hosting-blue--600: #3d80ff;--color--hosting-blue--500: #6197ff;--color--hosting-blue--400: #85afff;--color--hosting-blue--300: #a8c6ff;--color--hosting-blue--200: #e0ebff;--color--hosting-blue--100: #f0f5ff;--color--gray--1100: #000000;--color--gray--1000: #222222;--color--gray--900: #464646;--color--gray--800: #6d6d6d;--color--gray--700: #909090;--color--gray--600: #b1b1b1;--color--gray--500: #d5d5d5;--color--gray--400: #e6e6e6;--color--gray--300: #f8f8f8;--color--gray--200: #fdfdfd;--color--gray--100: #ffffff;--border-style--default: solid;--border-width--default: 1px;--border-radius--round: 50%;--tooltip--max-width: 300px;--switch--indicator-width: 2.5rem;--navigation-item--icon-to-text-spacing: .5em;--icon--size--l: 4rem;--icon--size--m: 1.25rem;--icon--size--s: 1rem;--badge--icon-to-text-spacing: .5em;--avatar--size--l: 9.75rem;--avatar--size--m: 6rem;--avatar--size--s: 2.5rem;--form-control--border-style: var(--border-style--default);--form-control--border-width: var(--border-width--default);--form-control--padding-y: var(--size-px--s);--form-control--padding-x: var(--size-px--m);--form-control--control-to-info-spacing: var(--size-rem--xs);--form-control--label-to-control-spacing: var(--size-rem--xs);--font-size--default: var(--font-size--m);--warning--color--1100: var(--color--royal-orange--1100);--warning--color--1000: var(--color--royal-orange--1000);--warning--color--900: var(--color--royal-orange--900);--warning--color--800: var(--color--royal-orange--800);--warning--color--700: var(--color--royal-orange--700);--warning--color--600: var(--color--royal-orange--600);--warning--color--500: var(--color--royal-orange--500);--warning--color--400: var(--color--royal-orange--400);--warning--color--300: var(--color--royal-orange--300);--warning--color--200: var(--color--royal-orange--200);--warning--color--100: var(--color--royal-orange--100);--danger--color--1100: var(--color--amaranth-red--1100);--danger--color--1000: var(--color--amaranth-red--1000);--danger--color--900: var(--color--amaranth-red--900);--danger--color--800: var(--color--amaranth-red--800);--danger--color--700: var(--color--amaranth-red--700);--danger--color--600: var(--color--amaranth-red--600);--danger--color--500: var(--color--amaranth-red--500);--danger--color--400: var(--color--amaranth-red--400);--danger--color--300: var(--color--amaranth-red--300);--danger--color--200: var(--color--amaranth-red--200);--danger--color--100: var(--color--amaranth-red--100);--neutral--color--1100: var(--color--gray--1100);--neutral--color--1000: var(--color--gray--1000);--neutral--color--900: var(--color--gray--900);--neutral--color--800: var(--color--gray--800);--neutral--color--700: var(--color--gray--700);--neutral--color--600: var(--color--gray--600);--neutral--color--500: var(--color--gray--500);--neutral--color--400: var(--color--gray--400);--neutral--color--300: var(--color--gray--300);--neutral--color--200: var(--color--gray--200);--neutral--color--100: var(--color--gray--100);--accent--color--1100: var(--color--espelkamp-green--1100);--accent--color--1000: var(--color--espelkamp-green--1000);--accent--color--900: var(--color--espelkamp-green--900);--accent--color--800: var(--color--espelkamp-green--800);--accent--color--700: var(--color--espelkamp-green--700);--accent--color--600: var(--color--espelkamp-green--600);--accent--color--500: var(--color--espelkamp-green--500);--accent--color--400: var(--color--espelkamp-green--400);--accent--color--300: var(--color--espelkamp-green--300);--accent--color--200: var(--color--espelkamp-green--200);--accent--color--100: var(--color--espelkamp-green--100);--success--color--1100: var(--color--espelkamp-green--1100);--success--color--1000: var(--color--espelkamp-green--1000);--success--color--900: var(--color--espelkamp-green--900);--success--color--800: var(--color--espelkamp-green--800);--success--color--700: var(--color--espelkamp-green--700);--success--color--600: var(--color--espelkamp-green--600);--success--color--500: var(--color--espelkamp-green--500);--success--color--400: var(--color--espelkamp-green--400);--success--color--300: var(--color--espelkamp-green--300);--success--color--200: var(--color--espelkamp-green--200);--success--color--100: var(--color--espelkamp-green--100);--info--color--1100: var(--color--hosting-blue--1100);--info--color--1000: var(--color--hosting-blue--1000);--info--color--900: var(--color--hosting-blue--900);--info--color--800: var(--color--hosting-blue--800);--info--color--700: var(--color--hosting-blue--700);--info--color--600: var(--color--hosting-blue--600);--info--color--500: var(--color--hosting-blue--500);--info--color--400: var(--color--hosting-blue--400);--info--color--300: var(--color--hosting-blue--300);--info--color--200: var(--color--hosting-blue--200);--info--color--100: var(--color--hosting-blue--100);--primary--color--1100: var(--color--hosting-blue--1100);--primary--color--1000: var(--color--hosting-blue--1000);--primary--color--900: var(--color--hosting-blue--900);--primary--color--800: var(--color--hosting-blue--800);--primary--color--700: var(--color--hosting-blue--700);--primary--color--600: var(--color--hosting-blue--600);--primary--color--500: var(--color--hosting-blue--500);--primary--color--400: var(--color--hosting-blue--400);--primary--color--300: var(--color--hosting-blue--300);--primary--color--200: var(--color--hosting-blue--200);--primary--color--100: var(--color--hosting-blue--100);--border-radius--default: var(--size-px--xs);--tooltip--arrow-size: var(--size-px--s);--tooltip--tooltip-to-content-spacing: var(--size-px--s);--tooltip--font-size: var(--font-size--s);--tooltip--padding-y: var(--size-px--xs);--tooltip--padding-x: var(--size-px--s);--switch--indicator-marker-size: var(--size-rem--m);--switch--indicator-to-marker-spacing: var(--size-rem--xs);--switch--indicator-border-radius: var(--size-rem--m);--switch--indicator-height: var(--size-rem--l);--switch--label-to-indicator-spacing: var(--size-rem--s);--switch--font-weight: var(--font-weight--bold);--switch--font-size: var(--font-size--s);--radio-group--icon-size-without-content: var(--icon--size--l);--radio-group--label-font-weight-with-content-or-icon: var(--font-weight--bold);--radio-group--border-style: var(--border-style--default);--radio-group--border-width: var(--border-width--default);--radio-group--padding-y: var(--size-px--s);--radio-group--padding-x: var(--size-px--m);--radio-group--icon-to-text-spacing: var(--size-rem--m);--radio-group--text-to-text-spacing: var(--size-rem--xs);--radio-group--radio-to-radio-spacing: var(--size-px--m);--note--icon-size: var(--icon--size--m);--note--heading-font-size: var(--font-size--m);--note--icon-to-text-spacing: var(--size-rem--m);--note--text-to-text-spacing: var(--size-rem--xs);--note--border-style: var(--border-style--default);--note--border-inline-start-width: var(--size-px--s);--note--border-width: var(--border-width--default);--note--padding: var(--size-px--m);--navigation-item--background-color--default: var(--color--transparent);--navigation-item--icon-size: var(--icon--size--s);--navigation-item--padding-y: var(--size-px--s);--navigation-item--padding-x: var(--size-px--s);--navigation-item--border-radius: var(--size-px--xs);--navigation-item--font-weight--current: var(--font-weight--bold);--navigation--item-to-item-spacing: var(--size-px--xs);--link--font-weight: var(--font-weight--bold);--link--font-size: var(--font-size--s);--labeled-value--value-to-button-spacing: var(--size-rem--xs);--labeled-value--label-to-value-spacing: var(--size-rem--xs);--label--font-weight: var(--font-weight--bold);--label--font-size: var(--font-size--s);--initials--variant-4-second-initial-color: var(--color--hosting-blue--900);--initials--variant-4-first-initial-color: var(--color--hosting-blue--600);--initials--variant-4-background-color: var(--color--hosting-blue--200);--initials--variant-3-second-initial-color: var(--color--espelkamp-green--900);--initials--variant-3-first-initial-color: var(--color--espelkamp-green--700);--initials--variant-3-background-color: var(--color--espelkamp-green--200);--initials--variant-2-second-initial-color: var(--color--royal-orange--900);--initials--variant-2-first-initial-color: var(--color--royal-orange--700);--initials--variant-2-background-color: var(--color--royal-orange--200);--initials--variant-1-second-initial-color: var(--color--soft-contrast-violet--900);--initials--variant-1-first-initial-color: var(--color--soft-contrast-violet--700);--initials--variant-1-background-color: var(--color--soft-contrast-violet--200);--initials--font-weight: var(--font-weight--bold);--heading--h6-font-size: var(--font-size--m);--heading--h5-font-size: var(--font-size--m);--heading--h4-font-size: var(--font-size--m);--heading--h3-font-size: var(--font-size--l);--heading--h2-font-size: var(--font-size--xl);--heading--h1-font-size: var(--font-size--xxl);--heading--font-weight: var(--font-weight--bold);--field-error--font-size: var(--font-size--s);--field-description--font-size: var(--font-size--s);--checkbox--border-style: var(--border-style--default);--checkbox--border-width: var(--border-width--default);--checkbox--padding-y: var(--size-px--s);--checkbox--padding-x: var(--size-px--m);--checkbox--checkmark-to-text-spacing: var(--size-rem--m);--button--plain-background-color--default: var(--color--transparent);--button--font-size-small: var(--font-size--s);--button--padding-small-squished-y: var(--size-px--xs);--button--padding-small-squished-x: var(--size-px--s);--button--padding-small: var(--size-px--xs);--button--padding: var(--size-px--s);--button--padding-squished-y: var(--size-px--s);--button--padding-squished-x: var(--size-px--m);--button--border-radius: var(--size-px--xs);--badge--padding-x-icon-only: var(--size-rem--xs);--badge--padding-x: var(--size-rem--s);--badge--padding-y: var(--size-rem--xs);--badge--border-radius: var(--size-rem--m);--badge--icon-size: var(--size-rem--m);--badge--height: var(--size-rem--l);--badge--font-size: var(--font-size--s);--form-control--color--disabled: var(--neutral--color--800);--form-control--background-color--invalid: var(--danger--color--100);--form-control--background-color--focused: var(--neutral--color--100);--form-control--background-color--hover: var(--neutral--color--500);--form-control--background-color--disabled: var(--neutral--color--500);--form-control--background-color--default: var(--neutral--color--400);--form-control--border-color--focused: var(--info--color--700);--form-control--border-color--invalid: var(--danger--color--700);--form-control--border-color--hover: var(--neutral--color--600);--form-control--border-color--disabled: var(--neutral--color--500);--form-control--border-color--default: var(--neutral--color--400);--form-control--border-radius: var(--border-radius--default);--color--default: var(--neutral--color--1000);--disabled-plain-foreground-color: var(--neutral--color--600);--disabled-solid-foreground-color: var(--neutral--color--100);--disabled-solid-background-color: var(--neutral--color--500);--warning-outline-border-color: var(--warning--color--800);--warning-outline-foreground-color: var(--warning--color--900);--warning-solid-foreground-color: var(--neutral--color--100);--warning-solid-background-color--pressed: var(--warning--color--1000);--warning-solid-background-color--hover: var(--warning--color--900);--warning-solid-background-color--default: var(--warning--color--800);--success-outline-border-color: var(--success--color--800);--success-outline-foreground-color: var(--success--color--900);--success-solid-foreground-color: var(--neutral--color--100);--success-solid-background-color--pressed: var(--success--color--1000);--success-solid-background-color--hover: var(--success--color--900);--success-solid-background-color--default: var(--success--color--800);--info-outline-border-color: var(--info--color--800);--info-outline-foreground-color: var(--info--color--900);--info-solid-foreground-color: var(--neutral--color--100);--info-solid-background-color--pressed: var(--info--color--1000);--info-solid-background-color--hover: var(--info--color--900);--info-solid-background-color--default: var(--info--color--800);--danger-outline-border-color: var(--danger--color--800);--danger-outline-foreground-color: var(--danger--color--900);--danger-plain-foreground-color--pressed: var(--danger--color--1000);--danger-plain-foreground-color--hover: var(--danger--color--900);--danger-plain-foreground-color--default: var(--danger--color--800);--danger-plain-background-color--pressed: var(--danger--color--300);--danger-plain-background-color--hover: var(--danger--color--200);--danger-solid-foreground-color: var(--neutral--color--100);--danger-solid-background-color--pressed: var(--danger--color--1000);--danger-solid-background-color--hover: var(--danger--color--900);--danger-solid-background-color--default: var(--danger--color--800);--accent-solid-foreground-color: var(--neutral--color--100);--accent-solid-background-color--pressed: var(--accent--color--1000);--accent-solid-background-color--hover: var(--accent--color--900);--accent-solid-background-color--default: var(--accent--color--800);--primary-plain-foreground-color--pressed: var(--primary--color--1000);--primary-plain-foreground-color--hover: var(--primary--color--900);--primary-plain-foreground-color--default: var(--primary--color--800);--primary-plain-background-color--pressed: var(--primary--color--300);--primary-plain-background-color--hover: var(--primary--color--200);--primary-solid-foreground-color: var(--neutral--color--100);--primary-solid-background-color--pressed: var(--primary--color--1000);--primary-solid-background-color--hover: var(--primary--color--900);--primary-solid-background-color--default: var(--primary--color--800);--tooltip--color: var(--neutral--color--100);--tooltip--background-color: var(--neutral--color--900);--switch--danger-indicator-color--selected-disabled: var(--danger--color--300);--switch--danger-indicator-color--selected-pressed: var(--danger--color--900);--switch--danger-indicator-color--selected: var(--danger--color--800);--switch--accent-indicator-color--selected-disabled: var(--accent--color--200);--switch--accent-indicator-color--selected-pressed: var(--accent--color--900);--switch--accent-indicator-color--selected: var(--accent--color--800);--switch--indicator-color--disabled: var(--neutral--color--400);--switch--indicator-color--pressed: var(--neutral--color--600);--switch--indicator-color--default: var(--neutral--color--500);--switch--indicator-marker-color: var(--neutral--color--100);--switch--color--disabled: var(--neutral--color--600);--radio-group--icon-color--default: var(--neutral--color--800);--radio-group--color--selected-disabled: var(--neutral--color--600);--radio-group--color--disabled: var(--neutral--color--500);--radio-group--color--selected: var(--info--color--900);--radio-group--color--default: var(--neutral--color--1000);--radio-group--background-color--hover: var(--info--color--100);--radio-group--background-color--selected-disabled: var(--neutral--color--400);--radio-group--background-color--disabled: var(--neutral--color--300);--radio-group--background-color--selected: var(--info--color--200);--radio-group--background-color--default: var(--neutral--color--100);--radio-group--border-color--selected-disabled: var(--neutral--color--600);--radio-group--border-color--disabled: var(--neutral--color--500);--radio-group--border-color--selected: var(--info--color--900);--radio-group--border-color--default: var(--neutral--color--500);--radio-group--border-radius: var(--border-radius--default);--note--border-radius: var(--border-radius--default);--navigation-item--disabled-color: var(--neutral--color--100);--navigation-item--disabled-background-color: var(--neutral--color--400);--navigation-item--background-color--current: var(--info--color--100);--navigation-item--background-color--hover: var(--info--color--100);--navigation-item--icon-color--current: var(--info--color--800);--navigation-item--icon-color--default: var(--neutral--color--800);--navigation-item--color--current: var(--info--color--800);--label--color: var(--neutral--color--800);--heading--color: var(--info--color--1000);--field-error--color: var(--danger--color--700);--field-description--color: var(--neutral--color--800);--checkbox--checkmark-color--selected-disabled: var(--neutral--color--600);--checkbox--checkmark-color--disabled: var(--neutral--color--500);--checkbox--checkmark-color--selected: var(--info--color--900);--checkbox--checkmark-color--default: var(--neutral--color--800);--checkbox--color--selected-disabled: var(--neutral--color--600);--checkbox--color--disabled: var(--neutral--color--500);--checkbox--color--selected: var(--info--color--900);--checkbox--color--default: var(--neutral--color--1000);--checkbox--background-color--hover: var(--info--color--100);--checkbox--background-color--selected-disabled: var(--neutral--color--400);--checkbox--background-color--disabled: var(--neutral--color--300);--checkbox--background-color--selected: var(--info--color--200);--checkbox--background-color--default: var(--neutral--color--100);--checkbox--border-color--selected-disabled: var(--neutral--color--600);--checkbox--border-color--disabled: var(--neutral--color--500);--checkbox--border-color--selected: var(--info--color--900);--checkbox--border-color--default: var(--neutral--color--700);--checkbox--border-radius: var(--border-radius--default);--button--secondary-color--pressed: var(--info--color--1000);--button--secondary-color--hover: var(--info--color--900);--button--secondary-color--default: var(--info--color--800);--button--secondary-background-color--pressed: var(--neutral--color--600);--button--secondary-background-color--hover: var(--neutral--color--500);--button--secondary-background-color--default: var(--neutral--color--400);--note--danger-heading-color: var(--danger-outline-foreground-color);--note--danger-border-color: var(--danger-outline-border-color);--note--warning-heading-color: var(--warning-outline-foreground-color);--note--warning-border-color: var(--warning-outline-border-color);--note--info-heading-color: var(--info-outline-foreground-color);--note--info-border-color: var(--info-outline-border-color);--link--danger-color--pressed: var(--danger-plain-foreground-color--pressed);--link--danger-color--hover: var(--danger-plain-foreground-color--hover);--link--danger-color--default: var(--danger-plain-foreground-color--default);--link--primary-color--pressed: var(--primary-plain-foreground-color--pressed);--link--primary-color--hover: var(--primary-plain-foreground-color--hover);--link--primary-color--default: var(--primary-plain-foreground-color--default);--link--disabled-color: var(--disabled-plain-foreground-color);--button--disabled-color: var(--disabled-solid-foreground-color);--button--disabled-background-color: var(--disabled-solid-background-color);--button--plain-color--pressed: var(--primary-plain-foreground-color--pressed);--button--plain-color--hover: var(--primary-plain-foreground-color--hover);--button--plain-color--default: var(--primary-plain-foreground-color--default);--button--plain-background-color--pressed: var(--primary-plain-background-color--pressed);--button--plain-background-color--hover: var(--primary-plain-background-color--hover);--button--danger-color--pressed: var(--danger-solid-foreground-color);--button--danger-color--hover: var(--danger-solid-foreground-color);--button--danger-color--default: var(--danger-solid-foreground-color);--button--danger-background-color--pressed: var(--danger-solid-background-color--pressed);--button--danger-background-color--hover: var(--danger-solid-background-color--hover);--button--danger-background-color--default: var(--danger-solid-background-color--default);--button--primary-color--pressed: var(--primary-solid-foreground-color);--button--primary-color--hover: var(--primary-solid-foreground-color);--button--primary-color--default: var(--primary-solid-foreground-color);--button--primary-background-color--pressed: var(--primary-solid-background-color--pressed);--button--primary-background-color--hover: var(--primary-solid-background-color--hover);--button--primary-background-color--default: var(--primary-solid-background-color--default);--button--accent-color--pressed: var(--accent-solid-foreground-color);--button--accent-color--hover: var(--accent-solid-foreground-color);--button--accent-color--default: var(--accent-solid-foreground-color);--button--accent-background-color--pressed: var(--accent-solid-background-color--pressed);--button--accent-background-color--hover: var(--accent-solid-background-color--hover);--button--accent-background-color--default: var(--accent-solid-background-color--default);--badge--danger-background-color: var(--danger-solid-background-color--default);--badge--warning-background-color: var(--warning-solid-background-color--default);--badge--success-background-color: var(--success-solid-background-color--default);--badge--info-background-color: var(--info-solid-background-color--default);--badge--color: var(--info-solid-foreground-color)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,svg,canvas{display:block;max-width:100%}input,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul{padding:0;list-style-type:none}a{text-decoration:none;color:inherit}.flow{font-family:sans-serif;line-height:var(--line-height--default);font-size:var(--size-rem--m);font-weight:var(--font-weight--normal);color:var(--color--default)}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import { mergeProps as p } from "@react-aria/utils";
|
|
4
|
+
import { useContext as s } from "react";
|
|
5
|
+
import { p as c } from "./propsContext-1HT-3SRC.js";
|
|
6
|
+
function i(o) {
|
|
7
|
+
return !!o && typeof o == "object" && "__dynamicProp" in o;
|
|
8
|
+
}
|
|
9
|
+
const m = (o, n) => {
|
|
10
|
+
const r = {
|
|
11
|
+
...o
|
|
12
|
+
};
|
|
13
|
+
for (const t in r) {
|
|
14
|
+
const e = o[t];
|
|
15
|
+
i(e) && (r[t] = e.__dynamicProp(n));
|
|
16
|
+
}
|
|
17
|
+
return r;
|
|
18
|
+
}, P = (o, n) => {
|
|
19
|
+
const r = s(c)[o], t = r ? m(r, n) : void 0;
|
|
20
|
+
return p(
|
|
21
|
+
t,
|
|
22
|
+
n
|
|
23
|
+
);
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
P as u
|
|
27
|
+
};
|