@mittwald/flow-react-components 0.1.0-alpha.16 → 0.1.0-alpha.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button-D_qgEN7Z.js +144 -0
- package/dist/Button.js +1 -1
- package/dist/CopyToClipboardButton.js +1 -1
- package/dist/NumberField.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +25 -25
- package/dist/Button-7ipB8UoT.js +0 -139
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import l from "react";
|
|
4
|
+
import * as z from "react-aria-components";
|
|
5
|
+
import { c as D } from "./clsx-DB4S2d7J.js";
|
|
6
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
7
|
+
import { P as M } from "./PropsContextProvider-CEoxD8yK.js";
|
|
8
|
+
import { u as _ } from "./useProps-C7GIMcgB.js";
|
|
9
|
+
import { I } from "./Icon-Dp34FFi3.js";
|
|
10
|
+
import { T as S } from "./Text--ofl9X5e.js";
|
|
11
|
+
const k = "flow--button", p = "flow--button--icon", C = "flow--button--content", E = "flow--button--state-icon", T = "flow--button--text", L = "flow--button--is-succeeded", j = "flow--button--is-failed", A = "flow--button--is-pending", B = "flow--button--plain", F = "flow--button--primary", O = "flow--button--solid", W = "flow--button--accent", X = "flow--button--danger", R = "flow--button--secondary", o = {
|
|
12
|
+
button: k,
|
|
13
|
+
icon: p,
|
|
14
|
+
content: C,
|
|
15
|
+
stateIcon: E,
|
|
16
|
+
text: T,
|
|
17
|
+
"size-s": "flow--button--size-s",
|
|
18
|
+
isSucceeded: L,
|
|
19
|
+
isFailed: j,
|
|
20
|
+
isPending: A,
|
|
21
|
+
plain: B,
|
|
22
|
+
primary: F,
|
|
23
|
+
solid: O,
|
|
24
|
+
accent: W,
|
|
25
|
+
danger: X,
|
|
26
|
+
secondary: R
|
|
27
|
+
};
|
|
28
|
+
var h = {};
|
|
29
|
+
(function(i) {
|
|
30
|
+
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
31
|
+
var a = "fas", e = "spinner", c = 512, s = 512, n = [], t = "f110", r = "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z";
|
|
32
|
+
i.definition = {
|
|
33
|
+
prefix: a,
|
|
34
|
+
iconName: e,
|
|
35
|
+
icon: [
|
|
36
|
+
c,
|
|
37
|
+
s,
|
|
38
|
+
n,
|
|
39
|
+
t,
|
|
40
|
+
r
|
|
41
|
+
]
|
|
42
|
+
}, i.faSpinner = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = s, i.ligatures = n, i.unicode = t, i.svgPathData = r, i.aliases = n;
|
|
43
|
+
})(h);
|
|
44
|
+
var v = {};
|
|
45
|
+
(function(i) {
|
|
46
|
+
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
47
|
+
var a = "fas", e = "check", c = 448, s = 512, n = [10003, 10004], t = "f00c", r = "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z";
|
|
48
|
+
i.definition = {
|
|
49
|
+
prefix: a,
|
|
50
|
+
iconName: e,
|
|
51
|
+
icon: [
|
|
52
|
+
c,
|
|
53
|
+
s,
|
|
54
|
+
n,
|
|
55
|
+
t,
|
|
56
|
+
r
|
|
57
|
+
]
|
|
58
|
+
}, i.faCheck = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = s, i.ligatures = n, i.unicode = t, i.svgPathData = r, i.aliases = n;
|
|
59
|
+
})(v);
|
|
60
|
+
var g = {}, b = {};
|
|
61
|
+
(function(i) {
|
|
62
|
+
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
63
|
+
var a = "fas", e = "xmark", c = 384, s = 512, n = [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], t = "f00d", r = "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z";
|
|
64
|
+
i.definition = {
|
|
65
|
+
prefix: a,
|
|
66
|
+
iconName: e,
|
|
67
|
+
icon: [
|
|
68
|
+
c,
|
|
69
|
+
s,
|
|
70
|
+
n,
|
|
71
|
+
t,
|
|
72
|
+
r
|
|
73
|
+
]
|
|
74
|
+
}, i.faXmark = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = s, i.ligatures = n, i.unicode = t, i.svgPathData = r, i.aliases = n;
|
|
75
|
+
})(b);
|
|
76
|
+
(function(i) {
|
|
77
|
+
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
78
|
+
var a = b;
|
|
79
|
+
i.definition = {
|
|
80
|
+
prefix: a.prefix,
|
|
81
|
+
iconName: a.iconName,
|
|
82
|
+
icon: [
|
|
83
|
+
a.width,
|
|
84
|
+
a.height,
|
|
85
|
+
a.aliases,
|
|
86
|
+
a.unicode,
|
|
87
|
+
a.svgPathData
|
|
88
|
+
]
|
|
89
|
+
}, i.faTimes = i.definition, i.prefix = a.prefix, i.iconName = a.iconName, i.width = a.width, i.height = a.height, i.ligatures = a.aliases, i.unicode = a.unicode, i.svgPathData = a.svgPathData, i.aliases = a.aliases;
|
|
90
|
+
})(g);
|
|
91
|
+
const m = (i) => {
|
|
92
|
+
const { if: a, children: e } = i;
|
|
93
|
+
return a ? e : e.props.children;
|
|
94
|
+
}, U = (i) => {
|
|
95
|
+
const {
|
|
96
|
+
variant: a = "primary",
|
|
97
|
+
style: e = "solid",
|
|
98
|
+
children: c,
|
|
99
|
+
className: s,
|
|
100
|
+
size: n = "m",
|
|
101
|
+
isPending: t,
|
|
102
|
+
isDisabled: r,
|
|
103
|
+
isSucceeded: f,
|
|
104
|
+
isFailed: d,
|
|
105
|
+
...w
|
|
106
|
+
} = _("Button", i), P = D(
|
|
107
|
+
o.button,
|
|
108
|
+
t && o.isPending,
|
|
109
|
+
f && o.isSucceeded,
|
|
110
|
+
d && o.isFailed,
|
|
111
|
+
o[`size-${n}`],
|
|
112
|
+
o[a],
|
|
113
|
+
o[e],
|
|
114
|
+
s
|
|
115
|
+
), N = {
|
|
116
|
+
Icon: {
|
|
117
|
+
className: o.icon,
|
|
118
|
+
"aria-hidden": !0,
|
|
119
|
+
fixedWidth: !0
|
|
120
|
+
},
|
|
121
|
+
Text: {
|
|
122
|
+
className: o.text
|
|
123
|
+
}
|
|
124
|
+
}, u = (t || f || d) && /* @__PURE__ */ l.createElement(
|
|
125
|
+
I,
|
|
126
|
+
{
|
|
127
|
+
faIcon: f ? v.faCheck : d ? g.faTimes : h.faSpinner,
|
|
128
|
+
className: o.stateIcon
|
|
129
|
+
}
|
|
130
|
+
), y = typeof c == "string";
|
|
131
|
+
return /* @__PURE__ */ l.createElement(
|
|
132
|
+
z.Button,
|
|
133
|
+
{
|
|
134
|
+
className: P,
|
|
135
|
+
isDisabled: r || t || f || d,
|
|
136
|
+
...w
|
|
137
|
+
},
|
|
138
|
+
/* @__PURE__ */ l.createElement(M, { props: N }, /* @__PURE__ */ l.createElement(m, { if: u }, /* @__PURE__ */ l.createElement("span", { className: o.content }, /* @__PURE__ */ l.createElement(m, { if: y }, /* @__PURE__ */ l.createElement(S, null, c))))),
|
|
139
|
+
u
|
|
140
|
+
);
|
|
141
|
+
};
|
|
142
|
+
export {
|
|
143
|
+
U as B
|
|
144
|
+
};
|
package/dist/Button.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import f, { isValidElement as s, Children as p, cloneElement as b } from "react";
|
|
4
|
-
import { B as S } from "./Button-
|
|
4
|
+
import { B as S } from "./Button-D_qgEN7Z.js";
|
|
5
5
|
import { I as R } from "./Icon-Dp34FFi3.js";
|
|
6
6
|
import { useLocalizedStringFormatter as B } from "react-aria";
|
|
7
7
|
import { T as P } from "./Tooltip-BqyZAZgK.js";
|
package/dist/NumberField.js
CHANGED
|
@@ -8,7 +8,7 @@ import "./propsContext-Dx7WKmmM.js";
|
|
|
8
8
|
import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import { F as w } from "./FieldError-BAnloBK7.js";
|
|
11
|
-
import { B as d } from "./Button-
|
|
11
|
+
import { B as d } from "./Button-D_qgEN7Z.js";
|
|
12
12
|
import { I as m } from "./Icon-Dp34FFi3.js";
|
|
13
13
|
const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", y = "flow--number-field--increment-button", s = {
|
|
14
14
|
group: E,
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--avatar{border-radius:var(--corner-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-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.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--corner-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--corner-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--layout-card{background-color:var(--content-box--background-color);box-shadow:var(--content-box--box-shadow);border-radius:var(--content-box--corner-radius);padding:var(--content-box--padding)}.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--inline-alert{border-radius:var(--inline-alert--corner-radius);border-width:var(--inline-alert--border-width);border-style:var(--inline-alert--border-style);border-inline-start-width:var(--inline-alert--border-x-start-width);padding:var(--inline-alert--padding);display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--inline-alert--icon-to-text-spacing);grid-row-gap:var(--inline-alert--text-to-text-spacing);background-color:var(--inline-alert--background-color);width:100%}.flow--inline-alert:not(:has(.flow--inline-alert--content)){grid-template-areas:"icon heading"}.flow--inline-alert:has(.flow--inline-alert--content){grid-template-areas:"icon heading" ". content"}.flow--inline-alert--status-icon{grid-area:icon;font-size:var(--inline-alert--icon-size);line-height:calc(var(--inline-alert--heading-font-size) * 1.5)}.flow--inline-alert--heading{grid-area:heading;font-size:var(--inline-alert--heading-font-size)}.flow--inline-alert--content{grid-area:content}.flow--inline-alert--info,.flow--inline-alert{border-color:var(--inline-alert--info-border-color)}.flow--inline-alert--info .flow--inline-alert--heading,.flow--inline-alert .flow--inline-alert--heading,.flow--inline-alert--info .flow--inline-alert--status-icon,.flow--inline-alert .flow--inline-alert--status-icon{color:var(--inline-alert--info-heading-color)}.flow--inline-alert--warning{border-color:var(--inline-alert--warning-border-color)}.flow--inline-alert--warning .flow--inline-alert--heading,.flow--inline-alert--warning .flow--inline-alert--status-icon{color:var(--inline-alert--warning-heading-color)}.flow--inline-alert--danger{border-color:var(--inline-alert--danger-border-color)}.flow--inline-alert--danger .flow--inline-alert--heading,.flow--inline-alert--danger .flow--inline-alert--status-icon{color:var(--inline-alert--danger-heading-color)}.flow--inline-alert--success{border-color:var(--inline-alert--success-border-color)}.flow--inline-alert--success .flow--inline-alert--heading,.flow--inline-alert--success .flow--inline-alert--status-icon{color:var(--inline-alert--success-heading-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--corner-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--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{position:relative;border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);line-height:var(--line-height--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default);outline-color:var(--button--focus-outline-color);outline-offset:var(--button--focus-outline-offset);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.flow--button:has(.flow--button--icon){padding:var(--button--padding)}.flow--button:has(.flow--button--content){display:grid;justify-content:center;align-items:center;grid-template-areas:"content"}.flow--button--content,.flow--button--state-icon{grid-area:content}.flow--button--icon,.flow--button--icon svg{display:block}.flow--button--size-s{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--size-s:has(.flow--button--icon){padding:var(--button--padding-small)}.flow--button--state-icon{color:var(--button--pending-icon-color)}.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button--is-pending .flow--button--content,.flow--button--is-failed .flow--button--content,.flow--button--is-succeeded .flow--button--content{visibility:hidden}.flow--button--is-pending.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)),.flow--button--is-failed.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)),.flow--button--is-succeeded.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)){visibility:visible}.flow--button--primary.flow--button--solid,.flow--button{background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button--primary.flow--button--solid:hover,.flow--button:hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button--primary.flow--button--solid[data-pressed],[data-pressed].flow--button{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button--primary.flow--button--solid[disabled],[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button{background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button--accent.flow--button--solid:hover,.flow--button--accent.flow--button:hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button--accent.flow--button--solid[data-pressed],.flow--button--accent[data-pressed].flow--button{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button--accent.flow--button--solid[disabled],.flow--button--accent[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button{background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button--danger.flow--button--solid:hover,.flow--button--danger.flow--button:hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button--danger.flow--button--solid[data-pressed],.flow--button--danger[data-pressed].flow--button{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button--danger.flow--button--solid[disabled],.flow--button--danger[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button{background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button--secondary.flow--button--solid:hover,.flow--button--secondary.flow--button:hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button--secondary.flow--button--solid[data-pressed],.flow--button--secondary[data-pressed].flow--button{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button--secondary.flow--button--solid[disabled],.flow--button--secondary[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button{background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button--primary.flow--button--plain:hover,.flow--button--plain.flow--button:hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button--primary.flow--button--plain[data-pressed],.flow--button--plain[data-pressed].flow--button{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button--primary.flow--button--plain[disabled],.flow--button--plain[disabled].flow--button{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--accent.flow--button--plain{background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button--accent.flow--button--plain:hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button--accent.flow--button--plain[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button--accent.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--danger.flow--button--plain{background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button--danger.flow--button--plain:hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button--danger.flow--button--plain[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button--danger.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--secondary.flow--button--plain{background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button--secondary.flow--button--plain:hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button--secondary.flow--button--plain[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button--secondary.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-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--corner-radius);border-end-start-radius:var(--radio-group--corner-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--corner-radius);border-end-end-radius:var(--radio-group--corner-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--corner-radius);border-start-end-radius:var(--radio-group--corner-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--corner-radius);border-end-start-radius:var(--radio-group--corner-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--corner-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--corner-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--section{margin-block:var(--section--section-to-section-spacing);display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing)}.flow--section:first-child{margin-top:0}.flow--section:last-child{margin-bottom:0}.flow--section+.flow--section{border-top-width:var(--section--border-width);border-top-style:var(--section--border-style);border-top-color:var(--section--border-color);padding-top:var(--section--section-to-section-spacing)}.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-corner-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(--corner-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--success[data-selected] .flow--switch--indicator,[data-selected].flow--switch .flow--switch--indicator{background-color:var(--switch--success-indicator-color--selected)}.flow--switch--success[data-selected][data-pressed] .flow--switch--indicator,[data-selected][data-pressed].flow--switch .flow--switch--indicator{background-color:var(--switch--success-indicator-color--selected-pressed)}.flow--switch--success[data-selected][data-disabled] .flow--switch--indicator,[data-selected][data-disabled].flow--switch .flow--switch--indicator{background-color:var(--switch--success-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(--corner-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: #00de9a;--color--espelkamp-green--500: #17ffb8;--color--espelkamp-green--400: #4fffc9;--color--espelkamp-green--300: #87ffda;--color--espelkamp-green--200: #c0ffeb;--color--espelkamp-green--100: #dcfff4;--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: #abc6ff;--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;--corner-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--m: 2.5rem;--form-control--border-style: var(--border-style--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);--disabled-plain-background-color: var(--color--transparent);--neutral-plain-background-color--default: var(--color--transparent);--success-plain-background-color--default: var(--color--transparent);--danger-plain-background-color--default: var(--color--transparent);--primary-plain-background-color--default: var(--color--transparent);--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);--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-width--400: var(--size-px--s);--border-width--300: var(--size-px--xs);--border-width--200: var(--size-px--xxs);--border-width--100: var(--size-px--xxxs);--corner-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-corner-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);--section--content-to-content-spacing: var(--size-rem--m);--section--section-to-section-spacing: var(--size-rem--xl);--section--border-style: var(--border-style--default);--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--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);--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--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);--inline-alert--icon-size: var(--icon--size--m);--inline-alert--heading-font-size: var(--font-size--m);--inline-alert--icon-to-text-spacing: var(--size-rem--s);--inline-alert--text-to-text-spacing: var(--size-rem--xs);--inline-alert--border-style: var(--border-style--default);--inline-alert--padding: var(--size-px--m);--initials--variant-4-second-initial-color: var(--color--hosting-blue--1000);--initials--variant-4-first-initial-color: var(--color--hosting-blue--800);--initials--variant-4-background-color: var(--color--hosting-blue--200);--initials--variant-3-second-initial-color: var(--color--espelkamp-green--1000);--initials--variant-3-first-initial-color: var(--color--espelkamp-green--800);--initials--variant-3-background-color: var(--color--espelkamp-green--200);--initials--variant-2-second-initial-color: var(--color--royal-orange--1000);--initials--variant-2-first-initial-color: var(--color--royal-orange--800);--initials--variant-2-background-color: var(--color--royal-orange--200);--initials--variant-1-second-initial-color: var(--color--soft-contrast-violet--1000);--initials--variant-1-first-initial-color: var(--color--soft-contrast-violet--800);--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);--content-box--box-shadow: rgba(0, 0, 0, .1) 0px var(--size-px--xs) var(--size-px--s);--content-box--padding: var(--size-px--l);--checkbox--border-style: var(--border-style--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--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--focus-outline-offset: var(--size-px--xxs);--button--padding: var(--size-px--s);--button--padding-squished-y: var(--size-px--s);--button--padding-squished-x: var(--size-px--m);--badge--padding-x-icon-only: var(--size-rem--xs);--badge--padding-x: var(--size-rem--s);--badge--padding-y: var(--size-rem--xs);--badge--corner-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);--avatar--size--l: var(--size-rem--xxl);--avatar--size--s: var(--size-rem--xl);--avatar--size--xs: var(--size-rem--l);--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-width: var(--border-width--100);--form-control--corner-radius: var(--corner-radius--default);--color--default: var(--neutral--color--1000);--focus-outline-color: var(--primary--color--800);--disabled-plain-content-color: var(--neutral--color--400);--disabled-solid-content-color: var(--neutral--color--600);--disabled-solid-background-color: var(--neutral--color--400);--neutral-plain-content-color: var(--neutral--color--1000);--neutral-plain-background-color--pressed: var(--neutral--color--500);--neutral-plain-background-color--hover: var(--neutral--color--400);--neutral-solid-content-color: var(--neutral--color--1000);--neutral-solid-background-color--pressed: var(--neutral--color--600);--neutral-solid-background-color--hover: var(--neutral--color--500);--neutral-solid-background-color--default: var(--neutral--color--400);--warning-outline-border-color: var(--warning--color--800);--warning-outline-content-color: var(--warning--color--900);--warning-outline-background-color: var(--neutral--color--100);--warning-solid-content-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-content-color: var(--success--color--900);--success-outline-background-color: var(--neutral--color--100);--success-plain-content-color--pressed: var(--success--color--1000);--success-plain-content-color--hover: var(--success--color--900);--success-plain-content-color--default: var(--success--color--800);--success-plain-background-color--pressed: var(--success--color--200);--success-plain-background-color--hover: var(--success--color--100);--success-solid-content-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-content-color: var(--info--color--900);--info-outline-background-color: var(--neutral--color--100);--info-solid-content-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-content-color: var(--danger--color--900);--danger-outline-background-color: var(--neutral--color--100);--danger-plain-content-color--pressed: var(--danger--color--1000);--danger-plain-content-color--hover: var(--danger--color--900);--danger-plain-content-color--default: var(--danger--color--800);--danger-plain-background-color--pressed: var(--danger--color--200);--danger-plain-background-color--hover: var(--danger--color--100);--danger-solid-content-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);--primary-plain-content-color--pressed: var(--primary--color--1000);--primary-plain-content-color--hover: var(--primary--color--900);--primary-plain-content-color--default: var(--primary--color--800);--primary-plain-background-color--pressed: var(--primary--color--200);--primary-plain-background-color--hover: var(--primary--color--100);--primary-solid-content-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--success-indicator-color--selected-disabled: var(--success--color--200);--switch--success-indicator-color--selected-pressed: var(--success--color--900);--switch--success-indicator-color--selected: var(--success--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);--section--border-color: var(--neutral--color--500);--section--border-width: var(--border-width--100);--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-width: var(--border-width--100);--radio-group--corner-radius: var(--corner-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);--navigation-item--corner-radius: var(--corner-radius--default);--label--color: var(--neutral--color--800);--inline-alert--border-x-start-width: var(--border-width--400);--inline-alert--border-width: var(--border-width--100);--inline-alert--corner-radius: var(--corner-radius--default);--heading--color: var(--info--color--1000);--field-error--color: var(--danger--color--700);--field-description--color: var(--neutral--color--800);--content-box--corner-radius: var(--corner-radius--default);--content-box--background-color: var(--neutral--color--100);--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-width: var(--border-width--100);--checkbox--corner-radius: var(--corner-radius--default);--button--disabled-plain-background-color: var(--disabled-plain-background-color);--button--danger-plain-background-color--default: var(--danger-plain-background-color--default);--button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);--button--primary-plain-background-color--default: var(--primary-plain-background-color--default);--button--accent-plain-background-color--default: var(--success-plain-background-color--default);--button--failed-icon-color: var(--danger--color--700);--button--succeeded-icon-color: var(--success--color--700);--button--pending-icon-color: var(--neutral--color--600);--button--focus-outline-width: var(--border-width--200);--button--corner-radius: var(--corner-radius--default);--link--danger-color--pressed: var(--danger-plain-content-color--pressed);--link--danger-color--hover: var(--danger-plain-content-color--hover);--link--danger-color--default: var(--danger-plain-content-color--default);--link--primary-color--pressed: var(--primary-plain-content-color--pressed);--link--primary-color--hover: var(--primary-plain-content-color--hover);--link--primary-color--default: var(--primary-plain-content-color--default);--link--disabled-color: var(--disabled-plain-content-color);--inline-alert--success-heading-color: var(--success-outline-content-color);--inline-alert--success-border-color: var(--success-outline-border-color);--inline-alert--danger-heading-color: var(--danger-outline-content-color);--inline-alert--danger-border-color: var(--danger-outline-border-color);--inline-alert--warning-heading-color: var(--warning-outline-content-color);--inline-alert--warning-border-color: var(--warning-outline-border-color);--inline-alert--info-heading-color: var(--info-outline-content-color);--inline-alert--info-border-color: var(--info-outline-border-color);--inline-alert--background-color: var(--info-outline-background-color);--button--disabled-plain-content-color: var(--disabled-plain-content-color);--button--disabled-solid-content-color: var(--disabled-solid-content-color);--button--disabled-solid-background-color: var(--disabled-solid-background-color);--button--danger-plain-content-color--pressed: var(--danger-plain-content-color--pressed);--button--danger-plain-content-color--hover: var(--danger-plain-content-color--hover);--button--danger-plain-content-color--default: var(--danger-plain-content-color--default);--button--danger-plain-background-color--pressed: var(--danger-plain-background-color--pressed);--button--danger-plain-background-color--hover: var(--danger-plain-background-color--hover);--button--danger-solid-content-color--pressed: var(--danger-solid-content-color);--button--danger-solid-content-color--hover: var(--danger-solid-content-color);--button--danger-solid-content-color--default: var(--danger-solid-content-color);--button--danger-solid-background-color--pressed: var(--danger-solid-background-color--pressed);--button--danger-solid-background-color--hover: var(--danger-solid-background-color--hover);--button--danger-solid-background-color--default: var(--danger-solid-background-color--default);--button--secondary-plain-content-color--pressed: var(--neutral-plain-content-color);--button--secondary-plain-content-color--hover: var(--neutral-plain-content-color);--button--secondary-plain-content-color--default: var(--neutral-plain-content-color);--button--secondary-plain-background-color--pressed: var(--neutral-plain-background-color--pressed);--button--secondary-plain-background-color--hover: var(--neutral-plain-background-color--hover);--button--secondary-solid-content-color--pressed: var(--neutral-solid-content-color);--button--secondary-solid-content-color--hover: var(--neutral-solid-content-color);--button--secondary-solid-content-color--default: var(--neutral-solid-content-color);--button--secondary-solid-background-color--pressed: var(--neutral-solid-background-color--pressed);--button--secondary-solid-background-color--hover: var(--neutral-solid-background-color--hover);--button--secondary-solid-background-color--default: var(--neutral-solid-background-color--default);--button--primary-plain-content-color--pressed: var(--primary-plain-content-color--pressed);--button--primary-plain-content-color--hover: var(--primary-plain-content-color--hover);--button--primary-plain-content-color--default: var(--primary-plain-content-color--default);--button--primary-plain-background-color--pressed: var(--primary-plain-background-color--pressed);--button--primary-plain-background-color--hover: var(--primary-plain-background-color--hover);--button--primary-solid-content-color--pressed: var(--primary-solid-content-color);--button--primary-solid-content-color--hover: var(--primary-solid-content-color);--button--primary-solid-content-color--default: var(--primary-solid-content-color);--button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);--button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);--button--primary-solid-background-color--default: var(--primary-solid-background-color--default);--button--accent-plain-content-color--pressed: var(--success-plain-content-color--pressed);--button--accent-plain-content-color--hover: var(--success-plain-content-color--hover);--button--accent-plain-content-color--default: var(--success-plain-content-color--default);--button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);--button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);--button--accent-solid-content-color--pressed: var(--success-solid-content-color);--button--accent-solid-content-color--hover: var(--success-solid-content-color);--button--accent-solid-content-color--default: var(--success-solid-content-color);--button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);--button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);--button--accent-solid-background-color--default: var(--success-solid-background-color--default);--button--focus-outline-color: var(--focus-outline-color);--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-content-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)}
|
|
1
|
+
.flow--avatar{border-radius:var(--corner-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-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.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--corner-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--corner-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--layout-card{background-color:var(--content-box--background-color);box-shadow:var(--content-box--box-shadow);border-radius:var(--content-box--corner-radius);padding:var(--content-box--padding)}.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--inline-alert{border-radius:var(--inline-alert--corner-radius);border-width:var(--inline-alert--border-width);border-style:var(--inline-alert--border-style);border-inline-start-width:var(--inline-alert--border-x-start-width);padding:var(--inline-alert--padding);display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--inline-alert--icon-to-text-spacing);grid-row-gap:var(--inline-alert--text-to-text-spacing);background-color:var(--inline-alert--background-color);width:100%}.flow--inline-alert:not(:has(.flow--inline-alert--content)){grid-template-areas:"icon heading"}.flow--inline-alert:has(.flow--inline-alert--content){grid-template-areas:"icon heading" ". content"}.flow--inline-alert--status-icon{grid-area:icon;font-size:var(--inline-alert--icon-size);line-height:calc(var(--inline-alert--heading-font-size) * 1.5)}.flow--inline-alert--heading{grid-area:heading;font-size:var(--inline-alert--heading-font-size)}.flow--inline-alert--content{grid-area:content}.flow--inline-alert--info,.flow--inline-alert{border-color:var(--inline-alert--info-border-color)}.flow--inline-alert--info .flow--inline-alert--heading,.flow--inline-alert .flow--inline-alert--heading,.flow--inline-alert--info .flow--inline-alert--status-icon,.flow--inline-alert .flow--inline-alert--status-icon{color:var(--inline-alert--info-heading-color)}.flow--inline-alert--warning{border-color:var(--inline-alert--warning-border-color)}.flow--inline-alert--warning .flow--inline-alert--heading,.flow--inline-alert--warning .flow--inline-alert--status-icon{color:var(--inline-alert--warning-heading-color)}.flow--inline-alert--danger{border-color:var(--inline-alert--danger-border-color)}.flow--inline-alert--danger .flow--inline-alert--heading,.flow--inline-alert--danger .flow--inline-alert--status-icon{color:var(--inline-alert--danger-heading-color)}.flow--inline-alert--success{border-color:var(--inline-alert--success-border-color)}.flow--inline-alert--success .flow--inline-alert--heading,.flow--inline-alert--success .flow--inline-alert--status-icon{color:var(--inline-alert--success-heading-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--corner-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--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{position:relative;border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);line-height:var(--line-height--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default);outline-color:var(--button--focus-outline-color);outline-offset:var(--button--focus-outline-offset);max-width:100%}.flow--button:has(.flow--button--icon){padding:var(--button--padding)}.flow--button:has(.flow--button--content){display:grid;justify-content:center;align-items:center;grid-template-areas:"content"}.flow--button--content,.flow--button--state-icon{grid-area:content}.flow--button--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.flow--button--icon,.flow--button--icon svg{display:block}.flow--button--size-s{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--size-s:has(.flow--button--icon){padding:var(--button--padding-small)}.flow--button--state-icon{color:var(--button--pending-icon-color)}.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button--is-pending .flow--button--content,.flow--button--is-failed .flow--button--content,.flow--button--is-succeeded .flow--button--content{visibility:hidden}.flow--button--is-pending.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)),.flow--button--is-failed.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)),.flow--button--is-succeeded.flow--button--plain .flow--button--content:not(:has(.flow--button--icon)){visibility:visible}.flow--button--primary.flow--button--solid,.flow--button{background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button--primary.flow--button--solid:hover,.flow--button:hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button--primary.flow--button--solid[data-pressed],[data-pressed].flow--button{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button--primary.flow--button--solid[disabled],[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button{background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button--accent.flow--button--solid:hover,.flow--button--accent.flow--button:hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button--accent.flow--button--solid[data-pressed],.flow--button--accent[data-pressed].flow--button{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button--accent.flow--button--solid[disabled],.flow--button--accent[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button{background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button--danger.flow--button--solid:hover,.flow--button--danger.flow--button:hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button--danger.flow--button--solid[data-pressed],.flow--button--danger[data-pressed].flow--button{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button--danger.flow--button--solid[disabled],.flow--button--danger[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button{background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button--secondary.flow--button--solid:hover,.flow--button--secondary.flow--button:hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button--secondary.flow--button--solid[data-pressed],.flow--button--secondary[data-pressed].flow--button{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button--secondary.flow--button--solid[disabled],.flow--button--secondary[disabled].flow--button{background-color:var(--button--disabled-solid-background-color);color:var(--button--disabled-solid-content-color)}.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button{background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button--primary.flow--button--plain:hover,.flow--button--plain.flow--button:hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button--primary.flow--button--plain[data-pressed],.flow--button--plain[data-pressed].flow--button{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button--primary.flow--button--plain[disabled],.flow--button--plain[disabled].flow--button{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--accent.flow--button--plain{background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button--accent.flow--button--plain:hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button--accent.flow--button--plain[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button--accent.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--danger.flow--button--plain{background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button--danger.flow--button--plain:hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button--danger.flow--button--plain[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button--danger.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-color)}.flow--button--secondary.flow--button--plain{background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button--secondary.flow--button--plain:hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button--secondary.flow--button--plain[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button--secondary.flow--button--plain[disabled]{background-color:var(--button--disabled-plain-background-color);color:var(--button--disabled-plain-content-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--corner-radius);border-end-start-radius:var(--radio-group--corner-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--corner-radius);border-end-end-radius:var(--radio-group--corner-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--corner-radius);border-start-end-radius:var(--radio-group--corner-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--corner-radius);border-end-start-radius:var(--radio-group--corner-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--corner-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--corner-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--section{margin-block:var(--section--section-to-section-spacing);display:flex;flex-direction:column;row-gap:var(--section--content-to-content-spacing)}.flow--section:first-child{margin-top:0}.flow--section:last-child{margin-bottom:0}.flow--section+.flow--section{border-top-width:var(--section--border-width);border-top-style:var(--section--border-style);border-top-color:var(--section--border-color);padding-top:var(--section--section-to-section-spacing)}.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-corner-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(--corner-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--success[data-selected] .flow--switch--indicator,[data-selected].flow--switch .flow--switch--indicator{background-color:var(--switch--success-indicator-color--selected)}.flow--switch--success[data-selected][data-pressed] .flow--switch--indicator,[data-selected][data-pressed].flow--switch .flow--switch--indicator{background-color:var(--switch--success-indicator-color--selected-pressed)}.flow--switch--success[data-selected][data-disabled] .flow--switch--indicator,[data-selected][data-disabled].flow--switch .flow--switch--indicator{background-color:var(--switch--success-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(--corner-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: #00de9a;--color--espelkamp-green--500: #17ffb8;--color--espelkamp-green--400: #4fffc9;--color--espelkamp-green--300: #87ffda;--color--espelkamp-green--200: #c0ffeb;--color--espelkamp-green--100: #dcfff4;--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: #abc6ff;--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;--corner-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--m: 2.5rem;--form-control--border-style: var(--border-style--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);--disabled-plain-background-color: var(--color--transparent);--neutral-plain-background-color--default: var(--color--transparent);--success-plain-background-color--default: var(--color--transparent);--danger-plain-background-color--default: var(--color--transparent);--primary-plain-background-color--default: var(--color--transparent);--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);--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-width--400: var(--size-px--s);--border-width--300: var(--size-px--xs);--border-width--200: var(--size-px--xxs);--border-width--100: var(--size-px--xxxs);--corner-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-corner-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);--section--content-to-content-spacing: var(--size-rem--m);--section--section-to-section-spacing: var(--size-rem--xl);--section--border-style: var(--border-style--default);--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--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);--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--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);--inline-alert--icon-size: var(--icon--size--m);--inline-alert--heading-font-size: var(--font-size--m);--inline-alert--icon-to-text-spacing: var(--size-rem--s);--inline-alert--text-to-text-spacing: var(--size-rem--xs);--inline-alert--border-style: var(--border-style--default);--inline-alert--padding: var(--size-px--m);--initials--variant-4-second-initial-color: var(--color--hosting-blue--1000);--initials--variant-4-first-initial-color: var(--color--hosting-blue--800);--initials--variant-4-background-color: var(--color--hosting-blue--200);--initials--variant-3-second-initial-color: var(--color--espelkamp-green--1000);--initials--variant-3-first-initial-color: var(--color--espelkamp-green--800);--initials--variant-3-background-color: var(--color--espelkamp-green--200);--initials--variant-2-second-initial-color: var(--color--royal-orange--1000);--initials--variant-2-first-initial-color: var(--color--royal-orange--800);--initials--variant-2-background-color: var(--color--royal-orange--200);--initials--variant-1-second-initial-color: var(--color--soft-contrast-violet--1000);--initials--variant-1-first-initial-color: var(--color--soft-contrast-violet--800);--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);--content-box--box-shadow: rgba(0, 0, 0, .1) 0px var(--size-px--xs) var(--size-px--s);--content-box--padding: var(--size-px--l);--checkbox--border-style: var(--border-style--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--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--focus-outline-offset: var(--size-px--xxs);--button--padding: var(--size-px--s);--button--padding-squished-y: var(--size-px--s);--button--padding-squished-x: var(--size-px--m);--badge--padding-x-icon-only: var(--size-rem--xs);--badge--padding-x: var(--size-rem--s);--badge--padding-y: var(--size-rem--xs);--badge--corner-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);--avatar--size--l: var(--size-rem--xxl);--avatar--size--s: var(--size-rem--xl);--avatar--size--xs: var(--size-rem--l);--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-width: var(--border-width--100);--form-control--corner-radius: var(--corner-radius--default);--color--default: var(--neutral--color--1000);--focus-outline-color: var(--primary--color--800);--disabled-plain-content-color: var(--neutral--color--400);--disabled-solid-content-color: var(--neutral--color--600);--disabled-solid-background-color: var(--neutral--color--400);--neutral-plain-content-color: var(--neutral--color--1000);--neutral-plain-background-color--pressed: var(--neutral--color--500);--neutral-plain-background-color--hover: var(--neutral--color--400);--neutral-solid-content-color: var(--neutral--color--1000);--neutral-solid-background-color--pressed: var(--neutral--color--600);--neutral-solid-background-color--hover: var(--neutral--color--500);--neutral-solid-background-color--default: var(--neutral--color--400);--warning-outline-border-color: var(--warning--color--800);--warning-outline-content-color: var(--warning--color--900);--warning-outline-background-color: var(--neutral--color--100);--warning-solid-content-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-content-color: var(--success--color--900);--success-outline-background-color: var(--neutral--color--100);--success-plain-content-color--pressed: var(--success--color--1000);--success-plain-content-color--hover: var(--success--color--900);--success-plain-content-color--default: var(--success--color--800);--success-plain-background-color--pressed: var(--success--color--200);--success-plain-background-color--hover: var(--success--color--100);--success-solid-content-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-content-color: var(--info--color--900);--info-outline-background-color: var(--neutral--color--100);--info-solid-content-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-content-color: var(--danger--color--900);--danger-outline-background-color: var(--neutral--color--100);--danger-plain-content-color--pressed: var(--danger--color--1000);--danger-plain-content-color--hover: var(--danger--color--900);--danger-plain-content-color--default: var(--danger--color--800);--danger-plain-background-color--pressed: var(--danger--color--200);--danger-plain-background-color--hover: var(--danger--color--100);--danger-solid-content-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);--primary-plain-content-color--pressed: var(--primary--color--1000);--primary-plain-content-color--hover: var(--primary--color--900);--primary-plain-content-color--default: var(--primary--color--800);--primary-plain-background-color--pressed: var(--primary--color--200);--primary-plain-background-color--hover: var(--primary--color--100);--primary-solid-content-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--success-indicator-color--selected-disabled: var(--success--color--200);--switch--success-indicator-color--selected-pressed: var(--success--color--900);--switch--success-indicator-color--selected: var(--success--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);--section--border-color: var(--neutral--color--500);--section--border-width: var(--border-width--100);--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-width: var(--border-width--100);--radio-group--corner-radius: var(--corner-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);--navigation-item--corner-radius: var(--corner-radius--default);--label--color: var(--neutral--color--800);--inline-alert--border-x-start-width: var(--border-width--400);--inline-alert--border-width: var(--border-width--100);--inline-alert--corner-radius: var(--corner-radius--default);--heading--color: var(--info--color--1000);--field-error--color: var(--danger--color--700);--field-description--color: var(--neutral--color--800);--content-box--corner-radius: var(--corner-radius--default);--content-box--background-color: var(--neutral--color--100);--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-width: var(--border-width--100);--checkbox--corner-radius: var(--corner-radius--default);--button--disabled-plain-background-color: var(--disabled-plain-background-color);--button--danger-plain-background-color--default: var(--danger-plain-background-color--default);--button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);--button--primary-plain-background-color--default: var(--primary-plain-background-color--default);--button--accent-plain-background-color--default: var(--success-plain-background-color--default);--button--failed-icon-color: var(--danger--color--700);--button--succeeded-icon-color: var(--success--color--700);--button--pending-icon-color: var(--neutral--color--600);--button--focus-outline-width: var(--border-width--200);--button--corner-radius: var(--corner-radius--default);--link--danger-color--pressed: var(--danger-plain-content-color--pressed);--link--danger-color--hover: var(--danger-plain-content-color--hover);--link--danger-color--default: var(--danger-plain-content-color--default);--link--primary-color--pressed: var(--primary-plain-content-color--pressed);--link--primary-color--hover: var(--primary-plain-content-color--hover);--link--primary-color--default: var(--primary-plain-content-color--default);--link--disabled-color: var(--disabled-plain-content-color);--inline-alert--success-heading-color: var(--success-outline-content-color);--inline-alert--success-border-color: var(--success-outline-border-color);--inline-alert--danger-heading-color: var(--danger-outline-content-color);--inline-alert--danger-border-color: var(--danger-outline-border-color);--inline-alert--warning-heading-color: var(--warning-outline-content-color);--inline-alert--warning-border-color: var(--warning-outline-border-color);--inline-alert--info-heading-color: var(--info-outline-content-color);--inline-alert--info-border-color: var(--info-outline-border-color);--inline-alert--background-color: var(--info-outline-background-color);--button--disabled-plain-content-color: var(--disabled-plain-content-color);--button--disabled-solid-content-color: var(--disabled-solid-content-color);--button--disabled-solid-background-color: var(--disabled-solid-background-color);--button--danger-plain-content-color--pressed: var(--danger-plain-content-color--pressed);--button--danger-plain-content-color--hover: var(--danger-plain-content-color--hover);--button--danger-plain-content-color--default: var(--danger-plain-content-color--default);--button--danger-plain-background-color--pressed: var(--danger-plain-background-color--pressed);--button--danger-plain-background-color--hover: var(--danger-plain-background-color--hover);--button--danger-solid-content-color--pressed: var(--danger-solid-content-color);--button--danger-solid-content-color--hover: var(--danger-solid-content-color);--button--danger-solid-content-color--default: var(--danger-solid-content-color);--button--danger-solid-background-color--pressed: var(--danger-solid-background-color--pressed);--button--danger-solid-background-color--hover: var(--danger-solid-background-color--hover);--button--danger-solid-background-color--default: var(--danger-solid-background-color--default);--button--secondary-plain-content-color--pressed: var(--neutral-plain-content-color);--button--secondary-plain-content-color--hover: var(--neutral-plain-content-color);--button--secondary-plain-content-color--default: var(--neutral-plain-content-color);--button--secondary-plain-background-color--pressed: var(--neutral-plain-background-color--pressed);--button--secondary-plain-background-color--hover: var(--neutral-plain-background-color--hover);--button--secondary-solid-content-color--pressed: var(--neutral-solid-content-color);--button--secondary-solid-content-color--hover: var(--neutral-solid-content-color);--button--secondary-solid-content-color--default: var(--neutral-solid-content-color);--button--secondary-solid-background-color--pressed: var(--neutral-solid-background-color--pressed);--button--secondary-solid-background-color--hover: var(--neutral-solid-background-color--hover);--button--secondary-solid-background-color--default: var(--neutral-solid-background-color--default);--button--primary-plain-content-color--pressed: var(--primary-plain-content-color--pressed);--button--primary-plain-content-color--hover: var(--primary-plain-content-color--hover);--button--primary-plain-content-color--default: var(--primary-plain-content-color--default);--button--primary-plain-background-color--pressed: var(--primary-plain-background-color--pressed);--button--primary-plain-background-color--hover: var(--primary-plain-background-color--hover);--button--primary-solid-content-color--pressed: var(--primary-solid-content-color);--button--primary-solid-content-color--hover: var(--primary-solid-content-color);--button--primary-solid-content-color--default: var(--primary-solid-content-color);--button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);--button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);--button--primary-solid-background-color--default: var(--primary-solid-background-color--default);--button--accent-plain-content-color--pressed: var(--success-plain-content-color--pressed);--button--accent-plain-content-color--hover: var(--success-plain-content-color--hover);--button--accent-plain-content-color--default: var(--success-plain-content-color--default);--button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);--button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);--button--accent-solid-content-color--pressed: var(--success-solid-content-color);--button--accent-solid-content-color--hover: var(--success-solid-content-color);--button--accent-solid-content-color--default: var(--success-solid-content-color);--button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);--button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);--button--accent-solid-background-color--default: var(--success-solid-background-color--default);--button--focus-outline-color: var(--focus-outline-color);--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-content-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)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -60,39 +60,39 @@
|
|
|
60
60
|
"react-aria-components": "^1.1.1",
|
|
61
61
|
"react-children-utilities": "^2.10.0",
|
|
62
62
|
"react-stately": "^3.30.1",
|
|
63
|
-
"remeda": "^1.
|
|
63
|
+
"remeda": "^1.44.1"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@fortawesome/free-regular-svg-icons": "^6.5.1",
|
|
67
67
|
"@fortawesome/free-solid-svg-icons": "^6.5.1",
|
|
68
68
|
"@jest/globals": "^29.7.0",
|
|
69
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
70
|
-
"@nx/storybook": "^18.0.
|
|
71
|
-
"@storybook/addon-a11y": "^7.6.
|
|
72
|
-
"@storybook/addon-actions": "^7.6.
|
|
73
|
-
"@storybook/addon-essentials": "^7.6.
|
|
74
|
-
"@storybook/addon-interactions": "^7.6.
|
|
75
|
-
"@storybook/addon-links": "^7.6.
|
|
76
|
-
"@storybook/blocks": "^7.6.
|
|
77
|
-
"@storybook/builder-vite": "^7.6.
|
|
78
|
-
"@storybook/components": "^7.6.
|
|
79
|
-
"@storybook/core-events": "^7.6.
|
|
80
|
-
"@storybook/manager-api": "^7.6.
|
|
81
|
-
"@storybook/preview-api": "^7.6.
|
|
82
|
-
"@storybook/react": "^7.6.
|
|
83
|
-
"@storybook/react-vite": "^7.6.
|
|
69
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.17",
|
|
70
|
+
"@nx/storybook": "^18.0.5",
|
|
71
|
+
"@storybook/addon-a11y": "^7.6.17",
|
|
72
|
+
"@storybook/addon-actions": "^7.6.17",
|
|
73
|
+
"@storybook/addon-essentials": "^7.6.17",
|
|
74
|
+
"@storybook/addon-interactions": "^7.6.17",
|
|
75
|
+
"@storybook/addon-links": "^7.6.17",
|
|
76
|
+
"@storybook/blocks": "^7.6.17",
|
|
77
|
+
"@storybook/builder-vite": "^7.6.17",
|
|
78
|
+
"@storybook/components": "^7.6.17",
|
|
79
|
+
"@storybook/core-events": "^7.6.17",
|
|
80
|
+
"@storybook/manager-api": "^7.6.17",
|
|
81
|
+
"@storybook/preview-api": "^7.6.17",
|
|
82
|
+
"@storybook/react": "^7.6.17",
|
|
83
|
+
"@storybook/react-vite": "^7.6.17",
|
|
84
84
|
"@storybook/testing-library": "^0.2.2",
|
|
85
|
-
"@storybook/theming": "^7.6.
|
|
85
|
+
"@storybook/theming": "^7.6.17",
|
|
86
86
|
"@testing-library/react": "^14.2.1",
|
|
87
87
|
"@types/jest": "^29.5.12",
|
|
88
88
|
"@types/prop-types": "^15.7.11",
|
|
89
|
-
"@types/react": "^18.2.
|
|
89
|
+
"@types/react": "^18.2.58",
|
|
90
90
|
"@types/react-dom": "^18.2.19",
|
|
91
91
|
"@types/rollup": "^0.54.0",
|
|
92
92
|
"decamelize": "^6.0.0",
|
|
93
93
|
"jest": "^29.7.0",
|
|
94
94
|
"jest-environment-jsdom": "^29.7.0",
|
|
95
|
-
"nx": "^18.0.
|
|
95
|
+
"nx": "^18.0.5",
|
|
96
96
|
"postcss": "^8.4.35",
|
|
97
97
|
"postcss-nested-import": "^1.3.0",
|
|
98
98
|
"postcss-nesting": "^12.0.3",
|
|
@@ -101,21 +101,21 @@
|
|
|
101
101
|
"react-dom": "^18.2.0",
|
|
102
102
|
"react-element-to-jsx-string": "^15.0.0",
|
|
103
103
|
"rollup": "^4.12.0",
|
|
104
|
-
"sass": "^1.71.
|
|
105
|
-
"storybook": "^7.6.
|
|
104
|
+
"sass": "^1.71.1",
|
|
105
|
+
"storybook": "^7.6.17",
|
|
106
106
|
"storybook-addon-dir": "^1.0.6",
|
|
107
107
|
"storybook-addon-pseudo-states": "^2.1.2",
|
|
108
108
|
"ts-jest": "^29.1.2",
|
|
109
109
|
"typescript": "^5.3.3",
|
|
110
110
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
111
|
-
"vite": "^5.1.
|
|
111
|
+
"vite": "^5.1.4",
|
|
112
112
|
"vite-plugin-banner": "^0.7.1",
|
|
113
113
|
"vite-plugin-checker": "^0.6.4",
|
|
114
|
-
"vite-plugin-dts": "^3.7.
|
|
114
|
+
"vite-plugin-dts": "^3.7.3"
|
|
115
115
|
},
|
|
116
116
|
"peerDependencies": {
|
|
117
117
|
"react": "18.2.0",
|
|
118
118
|
"react-dom": "18.2.0"
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "ad5c34f5a3635be51c44522babe8af638bbee42e"
|
|
121
121
|
}
|
package/dist/Button-7ipB8UoT.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import d from "react";
|
|
4
|
-
import * as N from "react-aria-components";
|
|
5
|
-
import { c as y } from "./clsx-DB4S2d7J.js";
|
|
6
|
-
import "./propsContext-Dx7WKmmM.js";
|
|
7
|
-
import { P as z } from "./PropsContextProvider-CEoxD8yK.js";
|
|
8
|
-
import { u as D } from "./useProps-C7GIMcgB.js";
|
|
9
|
-
import { I as M } from "./Icon-Dp34FFi3.js";
|
|
10
|
-
const _ = "flow--button", I = "flow--button--icon", k = "flow--button--content", S = "flow--button--state-icon", C = "flow--button--is-succeeded", p = "flow--button--is-failed", E = "flow--button--is-pending", L = "flow--button--plain", j = "flow--button--primary", A = "flow--button--solid", B = "flow--button--accent", F = "flow--button--danger", O = "flow--button--secondary", r = {
|
|
11
|
-
button: _,
|
|
12
|
-
icon: I,
|
|
13
|
-
content: k,
|
|
14
|
-
stateIcon: S,
|
|
15
|
-
"size-s": "flow--button--size-s",
|
|
16
|
-
isSucceeded: C,
|
|
17
|
-
isFailed: p,
|
|
18
|
-
isPending: E,
|
|
19
|
-
plain: L,
|
|
20
|
-
primary: j,
|
|
21
|
-
solid: A,
|
|
22
|
-
accent: B,
|
|
23
|
-
danger: F,
|
|
24
|
-
secondary: O
|
|
25
|
-
};
|
|
26
|
-
var m = {};
|
|
27
|
-
(function(i) {
|
|
28
|
-
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
29
|
-
var a = "fas", e = "spinner", c = 512, o = 512, n = [], t = "f110", s = "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z";
|
|
30
|
-
i.definition = {
|
|
31
|
-
prefix: a,
|
|
32
|
-
iconName: e,
|
|
33
|
-
icon: [
|
|
34
|
-
c,
|
|
35
|
-
o,
|
|
36
|
-
n,
|
|
37
|
-
t,
|
|
38
|
-
s
|
|
39
|
-
]
|
|
40
|
-
}, i.faSpinner = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
|
|
41
|
-
})(m);
|
|
42
|
-
var h = {};
|
|
43
|
-
(function(i) {
|
|
44
|
-
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
45
|
-
var a = "fas", e = "check", c = 448, o = 512, n = [10003, 10004], t = "f00c", s = "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z";
|
|
46
|
-
i.definition = {
|
|
47
|
-
prefix: a,
|
|
48
|
-
iconName: e,
|
|
49
|
-
icon: [
|
|
50
|
-
c,
|
|
51
|
-
o,
|
|
52
|
-
n,
|
|
53
|
-
t,
|
|
54
|
-
s
|
|
55
|
-
]
|
|
56
|
-
}, i.faCheck = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
|
|
57
|
-
})(h);
|
|
58
|
-
var v = {}, g = {};
|
|
59
|
-
(function(i) {
|
|
60
|
-
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
61
|
-
var a = "fas", e = "xmark", c = 384, o = 512, n = [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], t = "f00d", s = "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z";
|
|
62
|
-
i.definition = {
|
|
63
|
-
prefix: a,
|
|
64
|
-
iconName: e,
|
|
65
|
-
icon: [
|
|
66
|
-
c,
|
|
67
|
-
o,
|
|
68
|
-
n,
|
|
69
|
-
t,
|
|
70
|
-
s
|
|
71
|
-
]
|
|
72
|
-
}, i.faXmark = i.definition, i.prefix = a, i.iconName = e, i.width = c, i.height = o, i.ligatures = n, i.unicode = t, i.svgPathData = s, i.aliases = n;
|
|
73
|
-
})(g);
|
|
74
|
-
(function(i) {
|
|
75
|
-
Object.defineProperty(i, "__esModule", { value: !0 });
|
|
76
|
-
var a = g;
|
|
77
|
-
i.definition = {
|
|
78
|
-
prefix: a.prefix,
|
|
79
|
-
iconName: a.iconName,
|
|
80
|
-
icon: [
|
|
81
|
-
a.width,
|
|
82
|
-
a.height,
|
|
83
|
-
a.aliases,
|
|
84
|
-
a.unicode,
|
|
85
|
-
a.svgPathData
|
|
86
|
-
]
|
|
87
|
-
}, i.faTimes = i.definition, i.prefix = a.prefix, i.iconName = a.iconName, i.width = a.width, i.height = a.height, i.ligatures = a.aliases, i.unicode = a.unicode, i.svgPathData = a.svgPathData, i.aliases = a.aliases;
|
|
88
|
-
})(v);
|
|
89
|
-
const T = (i) => {
|
|
90
|
-
const { if: a, children: e } = i;
|
|
91
|
-
return a ? e : e.props.children;
|
|
92
|
-
}, H = (i) => {
|
|
93
|
-
const {
|
|
94
|
-
variant: a = "primary",
|
|
95
|
-
style: e = "solid",
|
|
96
|
-
children: c,
|
|
97
|
-
className: o,
|
|
98
|
-
size: n = "m",
|
|
99
|
-
isPending: t,
|
|
100
|
-
isDisabled: s,
|
|
101
|
-
isSucceeded: f,
|
|
102
|
-
isFailed: l,
|
|
103
|
-
...b
|
|
104
|
-
} = D("Button", i), w = y(
|
|
105
|
-
r.button,
|
|
106
|
-
t && r.isPending,
|
|
107
|
-
f && r.isSucceeded,
|
|
108
|
-
l && r.isFailed,
|
|
109
|
-
r[`size-${n}`],
|
|
110
|
-
r[a],
|
|
111
|
-
r[e],
|
|
112
|
-
o
|
|
113
|
-
), P = {
|
|
114
|
-
Icon: {
|
|
115
|
-
className: r.icon,
|
|
116
|
-
"aria-hidden": !0,
|
|
117
|
-
fixedWidth: !0
|
|
118
|
-
}
|
|
119
|
-
}, u = (t || f || l) && /* @__PURE__ */ d.createElement(
|
|
120
|
-
M,
|
|
121
|
-
{
|
|
122
|
-
faIcon: f ? h.faCheck : l ? v.faTimes : m.faSpinner,
|
|
123
|
-
className: r.stateIcon
|
|
124
|
-
}
|
|
125
|
-
);
|
|
126
|
-
return /* @__PURE__ */ d.createElement(
|
|
127
|
-
N.Button,
|
|
128
|
-
{
|
|
129
|
-
className: w,
|
|
130
|
-
isDisabled: s || t || f || l,
|
|
131
|
-
...b
|
|
132
|
-
},
|
|
133
|
-
/* @__PURE__ */ d.createElement(z, { props: P }, /* @__PURE__ */ d.createElement(T, { if: u }, /* @__PURE__ */ d.createElement("span", { className: r.content }, c))),
|
|
134
|
-
u
|
|
135
|
-
);
|
|
136
|
-
};
|
|
137
|
-
export {
|
|
138
|
-
H as B
|
|
139
|
-
};
|