@mittwald/flow-react-components 0.1.0-alpha.10
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 +33 -0
- package/dist/Button-DibM-vns.js +41 -0
- package/dist/Button.d.ts +15 -0
- package/dist/Button.js +7 -0
- package/dist/Checkbox.d.ts +12 -0
- package/dist/Checkbox.js +71 -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 +135 -0
- package/dist/FieldDescription.d.ts +12 -0
- package/dist/FieldDescription.js +18 -0
- package/dist/FieldError-BAnloBK7.js +17 -0
- package/dist/FieldError.d.ts +12 -0
- package/dist/FieldError.js +7 -0
- package/dist/FormField.module-DHK6nIcD.js +12 -0
- package/dist/Heading.d.ts +13 -0
- package/dist/Heading.js +26 -0
- package/dist/Icon-Dp34FFi3.js +55 -0
- package/dist/Icon.d.ts +18 -0
- package/dist/Icon.js +7 -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 +42 -0
- package/dist/NumberField.d.ts +12 -0
- package/dist/NumberField.js +121 -0
- package/dist/PropsContextProvider-CEoxD8yK.js +26 -0
- package/dist/RadioGroup.d.ts +17 -0
- package/dist/RadioGroup.js +88 -0
- package/dist/StatusIcon-B3kq3jOT.js +118 -0
- package/dist/StatusIcon.d.ts +17 -0
- package/dist/StatusIcon.js +7 -0
- package/dist/Switch.d.ts +16 -0
- package/dist/Switch.js +30 -0
- package/dist/Text-D-bYVFks.js +19 -0
- package/dist/Text.d.ts +12 -0
- package/dist/Text.js +7 -0
- package/dist/TextArea.d.ts +17 -0
- package/dist/TextArea.js +22 -0
- package/dist/TextField.d.ts +17 -0
- package/dist/TextField.js +15 -0
- package/dist/TextFieldBase-Dk6XBF7h.js +28 -0
- package/dist/Tooltip-BqyZAZgK.js +16 -0
- package/dist/Tooltip.d.ts +17 -0
- package/dist/Tooltip.js +9 -0
- package/dist/TooltipTrigger-7-ynWHZ9.js +11 -0
- package/dist/TooltipTrigger.d.ts +12 -0
- package/dist/TooltipTrigger.js +7 -0
- package/dist/clsx-DB4S2d7J.js +24 -0
- package/dist/propsContext-Dx7WKmmM.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-C7GIMcgB.js +27 -0
- package/package.json +132 -0
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import s from "react";
|
|
4
|
+
import { I as g } from "./Icon-Dp34FFi3.js";
|
|
5
|
+
import { useLocalizedStringFormatter as m } from "react-aria";
|
|
6
|
+
var h = {}, r = {};
|
|
7
|
+
(function(a) {
|
|
8
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
9
|
+
var i = "fas", c = "circle-check", t = 512, n = 512, e = [61533, "check-circle"], f = "f058", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z";
|
|
10
|
+
a.definition = {
|
|
11
|
+
prefix: i,
|
|
12
|
+
iconName: c,
|
|
13
|
+
icon: [
|
|
14
|
+
t,
|
|
15
|
+
n,
|
|
16
|
+
e,
|
|
17
|
+
f,
|
|
18
|
+
l
|
|
19
|
+
]
|
|
20
|
+
}, a.faCircleCheck = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
21
|
+
})(r);
|
|
22
|
+
(function(a) {
|
|
23
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
24
|
+
var i = r;
|
|
25
|
+
a.definition = {
|
|
26
|
+
prefix: i.prefix,
|
|
27
|
+
iconName: i.iconName,
|
|
28
|
+
icon: [
|
|
29
|
+
i.width,
|
|
30
|
+
i.height,
|
|
31
|
+
i.aliases,
|
|
32
|
+
i.unicode,
|
|
33
|
+
i.svgPathData
|
|
34
|
+
]
|
|
35
|
+
}, a.faCheckCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
36
|
+
})(h);
|
|
37
|
+
var u = {}, o = {};
|
|
38
|
+
(function(a) {
|
|
39
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
40
|
+
var i = "fas", c = "circle-info", t = 512, n = 512, e = ["info-circle"], f = "f05a", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z";
|
|
41
|
+
a.definition = {
|
|
42
|
+
prefix: i,
|
|
43
|
+
iconName: c,
|
|
44
|
+
icon: [
|
|
45
|
+
t,
|
|
46
|
+
n,
|
|
47
|
+
e,
|
|
48
|
+
f,
|
|
49
|
+
l
|
|
50
|
+
]
|
|
51
|
+
}, a.faCircleInfo = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
52
|
+
})(o);
|
|
53
|
+
(function(a) {
|
|
54
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
55
|
+
var i = o;
|
|
56
|
+
a.definition = {
|
|
57
|
+
prefix: i.prefix,
|
|
58
|
+
iconName: i.iconName,
|
|
59
|
+
icon: [
|
|
60
|
+
i.width,
|
|
61
|
+
i.height,
|
|
62
|
+
i.aliases,
|
|
63
|
+
i.unicode,
|
|
64
|
+
i.svgPathData
|
|
65
|
+
]
|
|
66
|
+
}, a.faInfoCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
67
|
+
})(u);
|
|
68
|
+
var d = {}, v = {};
|
|
69
|
+
(function(a) {
|
|
70
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
71
|
+
var i = "fas", c = "circle-exclamation", t = 512, n = 512, e = ["exclamation-circle"], f = "f06a", l = "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z";
|
|
72
|
+
a.definition = {
|
|
73
|
+
prefix: i,
|
|
74
|
+
iconName: c,
|
|
75
|
+
icon: [
|
|
76
|
+
t,
|
|
77
|
+
n,
|
|
78
|
+
e,
|
|
79
|
+
f,
|
|
80
|
+
l
|
|
81
|
+
]
|
|
82
|
+
}, a.faCircleExclamation = a.definition, a.prefix = i, a.iconName = c, a.width = t, a.height = n, a.ligatures = e, a.unicode = f, a.svgPathData = l, a.aliases = e;
|
|
83
|
+
})(v);
|
|
84
|
+
(function(a) {
|
|
85
|
+
Object.defineProperty(a, "__esModule", { value: !0 });
|
|
86
|
+
var i = v;
|
|
87
|
+
a.definition = {
|
|
88
|
+
prefix: i.prefix,
|
|
89
|
+
iconName: i.iconName,
|
|
90
|
+
icon: [
|
|
91
|
+
i.width,
|
|
92
|
+
i.height,
|
|
93
|
+
i.aliases,
|
|
94
|
+
i.unicode,
|
|
95
|
+
i.svgPathData
|
|
96
|
+
]
|
|
97
|
+
}, a.faExclamationCircle = a.definition, a.prefix = i.prefix, a.iconName = i.iconName, a.width = i.width, a.height = i.height, a.ligatures = i.aliases, a.unicode = i.unicode, a.svgPathData = i.svgPathData, a.aliases = i.aliases;
|
|
98
|
+
})(d);
|
|
99
|
+
const N = {
|
|
100
|
+
"de-DE": {
|
|
101
|
+
"statusIcon.danger": "Fehler",
|
|
102
|
+
"statusIcon.info": "Information",
|
|
103
|
+
"statusIcon.success": "Erfolgreich",
|
|
104
|
+
"statusIcon.warning": "Warnung"
|
|
105
|
+
},
|
|
106
|
+
"en-EN": {
|
|
107
|
+
"statusIcon.danger": "Error",
|
|
108
|
+
"statusIcon.info": "Information",
|
|
109
|
+
"statusIcon.success": "Successful",
|
|
110
|
+
"statusIcon.warning": "Warning"
|
|
111
|
+
}
|
|
112
|
+
}, w = (a) => {
|
|
113
|
+
const { variant: i = "info", ...c } = a, n = m(N).format(`statusIcon.${i}`), e = i === "info" ? u.faInfoCircle : i === "success" ? h.faCheckCircle : d.faExclamationCircle;
|
|
114
|
+
return /* @__PURE__ */ s.createElement(g, { "aria-label": n, faIcon: e, ...c });
|
|
115
|
+
};
|
|
116
|
+
export {
|
|
117
|
+
w as S
|
|
118
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
|
|
3
|
+
declare const StatusIcon: FC<StatusIconProps>;
|
|
4
|
+
export { StatusIcon }
|
|
5
|
+
export default StatusIcon;
|
|
6
|
+
|
|
7
|
+
export declare interface StatusIconProps extends StatusVariantProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare interface StatusVariantProps<TOmit extends Variant = never> {
|
|
12
|
+
variant?: Exclude<Variant, TOmit>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare type Variant = "info" | "success" | "warning" | "danger";
|
|
16
|
+
|
|
17
|
+
export { }
|
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-DB4S2d7J.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-Dx7WKmmM.js";
|
|
6
|
+
import "@react-aria/utils";
|
|
7
|
+
import { u as i } from "./useProps-C7GIMcgB.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,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,22 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as l from "react-aria-components";
|
|
5
|
+
import { T as n } from "./TextFieldBase-Dk6XBF7h.js";
|
|
6
|
+
const m = "flow--text-area", x = {
|
|
7
|
+
textArea: m
|
|
8
|
+
}, A = (t) => {
|
|
9
|
+
const { children: r, placeholder: a, rows: o = 5, ...s } = t, c = /* @__PURE__ */ e.createElement(
|
|
10
|
+
l.TextArea,
|
|
11
|
+
{
|
|
12
|
+
rows: o,
|
|
13
|
+
placeholder: a,
|
|
14
|
+
className: x.textArea
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
return /* @__PURE__ */ e.createElement(n, { ...s, input: c }, r);
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
A as TextArea,
|
|
21
|
+
A as default
|
|
22
|
+
};
|
|
@@ -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,15 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as a from "react-aria-components";
|
|
5
|
+
import { T as i } from "./TextFieldBase-Dk6XBF7h.js";
|
|
6
|
+
const c = "flow--text-field", n = {
|
|
7
|
+
textField: c
|
|
8
|
+
}, p = (t) => {
|
|
9
|
+
const { children: l, placeholder: r, ...o } = t, s = /* @__PURE__ */ e.createElement(a.Input, { placeholder: r, className: n.textField });
|
|
10
|
+
return /* @__PURE__ */ e.createElement(i, { ...o, input: s }, l);
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
p as TextField,
|
|
14
|
+
p as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import r from "react";
|
|
4
|
+
import * as c from "react-aria-components";
|
|
5
|
+
import { s as e } from "./FormField.module-DHK6nIcD.js";
|
|
6
|
+
import { c as p } from "./clsx-DB4S2d7J.js";
|
|
7
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
8
|
+
import { P as n } from "./PropsContextProvider-CEoxD8yK.js";
|
|
9
|
+
import "@react-aria/utils";
|
|
10
|
+
import { F as d } from "./FieldError-BAnloBK7.js";
|
|
11
|
+
const P = (o) => {
|
|
12
|
+
const { children: s, className: t, input: a, ...i } = o, l = p(e.formField, t), m = {
|
|
13
|
+
Label: {
|
|
14
|
+
className: e.label,
|
|
15
|
+
optional: !o.isRequired
|
|
16
|
+
},
|
|
17
|
+
FieldDescription: {
|
|
18
|
+
className: e.fieldDescription
|
|
19
|
+
},
|
|
20
|
+
FieldError: {
|
|
21
|
+
className: e.customFieldError
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
return /* @__PURE__ */ r.createElement(c.TextField, { ...i, className: l }, a, /* @__PURE__ */ r.createElement(n, { props: m }, s), /* @__PURE__ */ r.createElement(d, { className: e.fieldError }));
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
P as T
|
|
28
|
+
};
|
|
@@ -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-DB4S2d7J.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
|
+
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--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--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--field-error{color:var(--field-error--color);font-size:var(--field-error--font-size)}.flow--button{border:none;border-radius:var(--button--border-radius);display:inline-flex;flex-direction:row;align-items:center;justify-content: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: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--primary[disabled],[disabled].flow--button{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.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--accent[disabled]{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.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--danger[disabled]{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.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--secondary[disabled]{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.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--button--plain[disabled]{background-color:var(--button--disabled-background-color);color:var(--button--disabled-color)}.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--input{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);grid-area:input}.flow--number-field--input:focus-visible,.flow--number-field--input:focus{outline:none}.flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--increment-button{grid-area:increment}.flow--number-field--group.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group.flow--number-field--group .flow--number-field--increment-button{color:var(--form-field-control--color);border-width:var(--form-control--border-width);border-color:var(--form-field-control--border-color);border-style:solid}@media (pointer: fine){.flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--increment-button [data-icon=plus],.flow--number-field--decrement-button [data-icon=minus]{display:none}.flow--number-field--group.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group.flow--number-field--group .flow--number-field--increment-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment"}.flow--number-field--input{border-radius:0}.flow--number-field--decrement-button [data-icon=chevron-down],.flow--number-field--increment-button [data-icon=chevron-up]{display:none}.flow--number-field--group.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--form-control--padding-x)}.flow--number-field--group.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}.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--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)}
|