@mittwald/flow-react-components 0.1.0-alpha.14 → 0.1.0-alpha.16

package/dist/Avatar.d.ts

@@ -7,8 +7,8 @@ export default Avatar;
 
 export declare interface AvatarProps extends PropsWithChildren {
     className?: string;
-    /** @default "s" */
-    size?: "s" | "m" | "l";
+    /** @default "m" */
+    size?: "xs" | "s" | "m" | "l";
 }
 
 export { }

package/dist/Avatar.js

@@ -3,23 +3,24 @@
 import s from "react";
 import { c as n } from "./clsx-DB4S2d7J.js";
 import "./propsContext-Dx7WKmmM.js";
-import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
+import { P as m } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
-const m = "flow--avatar", p = "flow--avatar--initials", a = {
-  avatar: m,
-  initials: p,
-  "size-s": "flow--avatar--size-s",
+const c = "flow--avatar", v = "flow--avatar--initials", a = {
+  avatar: c,
+  initials: v,
   "size-m": "flow--avatar--size-m",
+  "size-xs": "flow--avatar--size-xs",
+  "size-s": "flow--avatar--size-s",
   "size-l": "flow--avatar--size-l"
-}, x = (t) => {
-  const { children: i, className: e, size: o = "s" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
+}, d = (t) => {
+  const { children: i, className: e, size: o = "m" } = t, r = n(a.avatar, a[`size-${o}`], e), l = {
     Initials: {
       className: a.initials
     }
   };
-  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(c, { props: l }, i));
+  return /* @__PURE__ */ s.createElement("div", { className: r }, /* @__PURE__ */ s.createElement(m, { props: l }, i));
 };
 export {
-  x as Avatar,
-  x as default
+  d as Avatar,
+  d as default
 };

package/dist/Badge.js

@@ -3,7 +3,7 @@
 import o from "react";
 import { c as l } from "./clsx-DB4S2d7J.js";
 import { S as i } from "./StatusIcon-B3kq3jOT.js";
-import { T as d } from "./Text-D-bYVFks.js";
+import { T as d } from "./Text--ofl9X5e.js";
 import "./propsContext-Dx7WKmmM.js";
 import { P as f } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";

package/dist/{Button-eL1xJ40W.js → Button-7ipB8UoT.js}

@@ -1,27 +1,27 @@
 "use client"
 /* */
-import r from "react";
+import d from "react";
 import * as N from "react-aria-components";
 import { c as y } from "./clsx-DB4S2d7J.js";
 import "./propsContext-Dx7WKmmM.js";
-import { P as D } from "./PropsContextProvider-CEoxD8yK.js";
-import { u as z } from "./useProps-C7GIMcgB.js";
+import { P as z } from "./PropsContextProvider-CEoxD8yK.js";
+import { u as D } from "./useProps-C7GIMcgB.js";
 import { I as M } from "./Icon-Dp34FFi3.js";
-const _ = "flow--button", I = "flow--button--icon", k = "flow--button--content", S = "flow--button--state-icon", C = "flow--button--small", p = "flow--button--is-succeeded", E = "flow--button--is-failed", L = "flow--button--is-pending", j = "flow--button--plain", A = "flow--button--primary", B = "flow--button--solid", F = "flow--button--accent", O = "flow--button--danger", T = "flow--button--secondary", l = {
+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 = {
   button: _,
   icon: I,
   content: k,
   stateIcon: S,
-  small: C,
-  isSucceeded: p,
-  isFailed: E,
-  isPending: L,
-  plain: j,
-  primary: A,
-  solid: B,
-  accent: F,
-  danger: O,
-  secondary: T
+  "size-s": "flow--button--size-s",
+  isSucceeded: C,
+  isFailed: p,
+  isPending: E,
+  plain: L,
+  primary: j,
+  solid: A,
+  accent: B,
+  danger: F,
+  secondary: O
 };
 var m = {};
 (function(i) {
@@ -86,54 +86,54 @@ var v = {}, g = {};
     ]
   }, 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;
 })(v);
-const W = (i) => {
+const T = (i) => {
   const { if: a, children: e } = i;
   return a ? e : e.props.children;
-}, K = (i) => {
+}, H = (i) => {
   const {
     variant: a = "primary",
     style: e = "solid",
     children: c,
     className: o,
-    size: n = "medium",
+    size: n = "m",
     isPending: t,
     isDisabled: s,
-    isSucceeded: d,
-    isFailed: f,
+    isSucceeded: f,
+    isFailed: l,
     ...b
-  } = z("Button", i), w = y(
-    l.button,
-    t && l.isPending,
-    d && l.isSucceeded,
-    f && l.isFailed,
-    l[n],
-    l[a],
-    l[e],
+  } = D("Button", i), w = y(
+    r.button,
+    t && r.isPending,
+    f && r.isSucceeded,
+    l && r.isFailed,
+    r[`size-${n}`],
+    r[a],
+    r[e],
     o
   ), P = {
     Icon: {
-      className: l.icon,
+      className: r.icon,
       "aria-hidden": !0,
       fixedWidth: !0
     }
-  }, u = (t || d || f) && /* @__PURE__ */ r.createElement(
+  }, u = (t || f || l) && /* @__PURE__ */ d.createElement(
     M,
     {
-      faIcon: d ? h.faCheck : f ? v.faTimes : m.faSpinner,
-      className: l.stateIcon
+      faIcon: f ? h.faCheck : l ? v.faTimes : m.faSpinner,
+      className: r.stateIcon
     }
   );
-  return /* @__PURE__ */ r.createElement(
+  return /* @__PURE__ */ d.createElement(
     N.Button,
     {
       className: w,
-      isDisabled: s || t || d || f,
+      isDisabled: s || t || f || l,
       ...b
     },
-    /* @__PURE__ */ r.createElement(D, { props: P }, /* @__PURE__ */ r.createElement(W, { if: u }, /* @__PURE__ */ r.createElement("span", { className: l.content }, c))),
+    /* @__PURE__ */ d.createElement(z, { props: P }, /* @__PURE__ */ d.createElement(T, { if: u }, /* @__PURE__ */ d.createElement("span", { className: r.content }, c))),
     u
   );
 };
 export {
-  K as B
+  H as B
 };

package/dist/Button.d.ts

@@ -11,8 +11,8 @@ export declare interface ButtonProps extends PropsWithChildren<Omit<Aria.ButtonP
     variant?: "primary" | "accent" | "secondary" | "danger";
     /** @default "solid" */
     style?: "plain" | "solid";
-    /** @default "medium" */
-    size?: "medium" | "small";
+    /** @default "m" */
+    size?: "m" | "s";
     isPending?: boolean;
     isSucceeded?: boolean;
     isFailed?: boolean;

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-eL1xJ40W.js";
+import { B as o } from "./Button-7ipB8UoT.js";
 export {
   o as Button,
   o as default

package/dist/ClearPropsContext-CD1-9TZA.js

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import t from "react";
+import { p as o } from "./propsContext-Dx7WKmmM.js";
+const a = (r) => {
+  const { children: e } = r;
+  return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);
+};
+export {
+  a as C
+};

package/dist/Content.d.ts

@@ -1,17 +1,17 @@
-import { ComponentPropsWithoutRef } from 'react';
 import { FC } from 'react';
-import { JSX as JSX_2 } from 'react';
+import { HTMLAttributes } from 'react';
 import { PropsWithChildren } from 'react';
+import { ReactHTML } from 'react';
 
 declare const Content: FC<ContentProps>;
 export { Content }
 export default Content;
 
-export declare interface ContentProps extends PropsWithChildren, PropsWithElementType<"div"> {
+export declare interface ContentProps extends PropsWithChildren, PropsWithElementType {
 }
 
-declare type PropsWithElementType<T extends keyof JSX_2.IntrinsicElements, P = unknown> = P & ComponentPropsWithoutRef<T> & {
-    elementType?: keyof JSX_2.IntrinsicElements;
+declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
+    elementType?: keyof ReactHTML;
 };
 
 export { }

package/dist/Content.js

@@ -1,20 +1,15 @@
 "use client"
 /* */
-import r, { createElement as l } from "react";
-import { p as s } from "./propsContext-Dx7WKmmM.js";
+import e from "react";
+import { C as s } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as c } from "./useProps-C7GIMcgB.js";
-const m = (e) => {
-  const { children: t } = e;
-  return /* @__PURE__ */ r.createElement(s.Provider, { value: {} }, t);
-}, d = (e) => {
-  const { children: t, elementType: n = "div", ...o } = c("Content", e);
-  return l(n, {
-    ...o,
-    children: /* @__PURE__ */ r.createElement(m, null, t)
-  });
+import { u as l } from "./useProps-C7GIMcgB.js";
+const C = (t) => {
+  const { children: r, elementType: o = "div", ...n } = l("Content", t), m = o;
+  return /* @__PURE__ */ e.createElement(m, { ...n }, /* @__PURE__ */ e.createElement(s, null, r));
 };
 export {
-  d as Content,
-  d as default
+  C as Content,
+  C as default
 };

package/dist/CopyToClipboardButton.d.ts

@@ -8,8 +8,8 @@ declare interface ButtonProps extends PropsWithChildren<Omit<Aria.ButtonProps, "
     variant?: "primary" | "accent" | "secondary" | "danger";
     /** @default "solid" */
     style?: "plain" | "solid";
-    /** @default "medium" */
-    size?: "medium" | "small";
+    /** @default "m" */
+    size?: "m" | "s";
     isPending?: boolean;
     isSucceeded?: boolean;
     isFailed?: boolean;

package/dist/CopyToClipboardButton.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import f, { isValidElement as s, Children as p, cloneElement as b } from "react";
-import { B as S } from "./Button-eL1xJ40W.js";
+import { B as S } from "./Button-7ipB8UoT.js";
 import { I as R } from "./Icon-Dp34FFi3.js";
 import { useLocalizedStringFormatter as B } from "react-aria";
 import { T as P } from "./Tooltip-BqyZAZgK.js";

package/dist/FieldDescription.d.ts

@@ -1,8 +1,8 @@
 import * as Aria from 'react-aria-components';
-import { ComponentPropsWithoutRef } from 'react';
 import { FC } from 'react';
-import { JSX as JSX_2 } from 'react';
+import { HTMLAttributes } from 'react';
 import { PropsWithChildren } from 'react';
+import { ReactHTML } from 'react';
 
 declare const FieldDescription: FC<FieldDescriptionProps>;
 export { FieldDescription }
@@ -11,11 +11,11 @@ export default FieldDescription;
 export declare interface FieldDescriptionProps extends TextProps {
 }
 
-declare type PropsWithElementType<T extends keyof JSX_2.IntrinsicElements, P = unknown> = P & ComponentPropsWithoutRef<T> & {
-    elementType?: keyof JSX_2.IntrinsicElements;
+declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
+    elementType?: keyof ReactHTML;
 };
 
-declare interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType<"span"> {
+declare interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType {
 }
 
 export { }

package/dist/FieldDescription.js

@@ -5,7 +5,7 @@ import { c } from "./clsx-DB4S2d7J.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { u as l } from "./useProps-C7GIMcgB.js";
-import { T as n } from "./Text-D-bYVFks.js";
+import { T as n } from "./Text--ofl9X5e.js";
 const p = "flow--field-description", m = {
   fieldDescription: p
 }, N = (e) => {

package/dist/Heading.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import { FC } from 'react';
 import { PropsWithChildren } from 'react';
 
@@ -6,8 +6,10 @@ declare const Heading: FC<HeadingProps>;
 export { Heading }
 export default Heading;
 
-export declare interface HeadingProps extends PropsWithChildren<ComponentProps<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">> {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+export declare interface HeadingProps extends PropsWithChildren, ComponentPropsWithoutRef<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> {
+    level?: Level;
 }
 
+declare type Level = 1 | 2 | 3 | 4 | 5 | 6;
+
 export { }

package/dist/Heading.js

@@ -1,26 +1,22 @@
 "use client"
 /* */
-import { createElement as n } from "react";
-import { c as i } from "./clsx-DB4S2d7J.js";
+import c from "react";
+import { c as m } from "./clsx-DB4S2d7J.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { u as m } from "./useProps-C7GIMcgB.js";
-const c = "flow--heading", l = {
-  heading: c
-}, u = (e) => {
+import { u as i } from "./useProps-C7GIMcgB.js";
+const l = "flow--heading", d = {
+  heading: l
+}, N = (e) => {
   const {
     children: s,
-    className: o,
-    level: t = 3,
+    className: t,
+    level: o = 3,
     ...a
-  } = m("Heading", e), r = i(l.heading, o);
-  return n(`h${t}`, {
-    ...a,
-    className: r,
-    children: s
-  });
+  } = i("Heading", e), n = m(d.heading, t), r = `h${o}`;
+  return /* @__PURE__ */ c.createElement(r, { className: n, ...a }, s);
 };
 export {
-  u as Heading,
-  u as default
+  N as Heading,
+  N as default
 };

package/dist/LabeledValue.js

@@ -21,7 +21,7 @@ const p = "flow--labeled-value", m = "flow--labeled-value--copy-button", b = "fl
     CopyToClipboard: {
       className: e.copyButton,
       style: "plain",
-      size: "small"
+      size: "s"
     }
   };
   return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(r, { props: n }, o));

package/dist/LayoutCard.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactHTML } from 'react';
+
+declare const LayoutCard: FC<LayoutCardProps>;
+export { LayoutCard }
+export default LayoutCard;
+
+export declare interface LayoutCardProps extends PropsWithChildren, PropsWithElementType {
+}
+
+declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
+    elementType?: keyof ReactHTML;
+};
+
+export { }

package/dist/LayoutCard.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import t from "react";
+import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as n } from "./useProps-C7GIMcgB.js";
+import { c as u } from "./clsx-DB4S2d7J.js";
+const p = "flow--layout-card", d = {
+  layoutCard: p
+}, N = (o) => {
+  const {
+    children: a,
+    className: e,
+    elementType: r = "div",
+    ...s
+  } = n("LayoutCard", o), l = u(d.layoutCard, e), m = r;
+  return /* @__PURE__ */ t.createElement(m, { className: l, ...s }, /* @__PURE__ */ t.createElement(c, null, a));
+};
+export {
+  N as LayoutCard,
+  N as default
+};

package/dist/NumberField.js

@@ -1,16 +1,16 @@
 "use client"
 /* */
-import o from "react";
+import l from "react";
 import * as u from "react-aria-components";
-import { s } from "./FormField.module-DHK6nIcD.js";
+import { s as f } from "./FormField.module-DHK6nIcD.js";
 import { c as P } from "./clsx-DB4S2d7J.js";
 import "./propsContext-Dx7WKmmM.js";
 import { P as b } from "./PropsContextProvider-CEoxD8yK.js";
 import "@react-aria/utils";
 import { F as w } from "./FieldError-BAnloBK7.js";
-import { B as d } from "./Button-eL1xJ40W.js";
-import { I as f } from "./Icon-Dp34FFi3.js";
-const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", y = "flow--number-field--increment-button", m = {
+import { B as d } from "./Button-7ipB8UoT.js";
+import { I as m } from "./Icon-Dp34FFi3.js";
+const E = "flow--number-field--group", D = "flow--number-field--input", M = "flow--number-field--decrement-button", y = "flow--number-field--increment-button", s = {
   group: E,
   input: D,
   decrementButton: M,
@@ -19,7 +19,7 @@ const E = "flow--number-field--group", D = "flow--number-field--input", M = "flo
 var v = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-up", t = 512, r = 512, a = [], c = "f077", l = "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z";
+  var i = "fas", n = "chevron-up", t = 512, r = 512, a = [], c = "f077", o = "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z";
   e.definition = {
     prefix: i,
     iconName: n,
@@ -28,14 +28,14 @@ var v = {};
       r,
       a,
       c,
-      l
+      o
     ]
-  }, e.faChevronUp = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+  }, e.faChevronUp = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
 })(v);
 var h = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "chevron-down", t = 512, r = 512, a = [], c = "f078", l = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
+  var i = "fas", n = "chevron-down", t = 512, r = 512, a = [], c = "f078", o = "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z";
   e.definition = {
     prefix: i,
     iconName: n,
@@ -44,14 +44,14 @@ var h = {};
       r,
       a,
       c,
-      l
+      o
     ]
-  }, e.faChevronDown = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+  }, e.faChevronDown = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
 })(h);
 var N = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "plus", t = 448, r = 512, a = [10133, 61543, "add"], c = "2b", l = "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z";
+  var i = "fas", n = "plus", t = 448, r = 512, a = [10133, 61543, "add"], c = "2b", o = "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z";
   e.definition = {
     prefix: i,
     iconName: n,
@@ -60,14 +60,14 @@ var N = {};
       r,
       a,
       c,
-      l
+      o
     ]
-  }, e.faPlus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+  }, e.faPlus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
 })(N);
 var g = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 });
-  var i = "fas", n = "minus", t = 448, r = 512, a = [8211, 8722, 10134, "subtract"], c = "f068", l = "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z";
+  var i = "fas", n = "minus", t = 448, r = 512, a = [8211, 8722, 10134, "subtract"], c = "f068", o = "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z";
   e.definition = {
     prefix: i,
     iconName: n,
@@ -76,46 +76,46 @@ var g = {};
       r,
       a,
       c,
-      l
+      o
     ]
-  }, e.faMinus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = l, e.aliases = a;
+  }, e.faMinus = e.definition, e.prefix = i, e.iconName = n, e.width = t, e.height = r, e.ligatures = a, e.unicode = c, e.svgPathData = o, e.aliases = a;
 })(g);
 const L = (e) => {
-  const { children: i, className: n, ...t } = e, r = P(s.formField, n), a = {
+  const { children: i, className: n, ...t } = e, r = P(f.formField, n), a = {
     Label: {
-      className: s.label,
+      className: f.label,
       optional: !e.isRequired
     },
     FieldDescription: {
-      className: s.fieldDescription
+      className: f.fieldDescription
     },
     FieldError: {
-      className: s.customFieldError
+      className: f.customFieldError
     }
   };
-  return /* @__PURE__ */ o.createElement(u.NumberField, { ...t, className: r }, /* @__PURE__ */ o.createElement(u.Group, { className: m.group }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ l.createElement(u.NumberField, { ...t, className: r }, /* @__PURE__ */ l.createElement(u.Group, { className: s.group }, /* @__PURE__ */ l.createElement(
     d,
     {
       slot: "decrement",
-      className: m.decrementButton,
-      size: "small",
+      className: s.decrementButton,
+      size: "s",
       style: "plain",
       variant: "secondary"
     },
-    /* @__PURE__ */ o.createElement(f, { faIcon: h.faChevronDown }),
-    /* @__PURE__ */ o.createElement(f, { faIcon: g.faMinus })
-  ), /* @__PURE__ */ o.createElement(u.Input, { className: m.input }), /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ l.createElement(m, { faIcon: h.faChevronDown }),
+    /* @__PURE__ */ l.createElement(m, { faIcon: g.faMinus })
+  ), /* @__PURE__ */ l.createElement(u.Input, { className: s.input }), /* @__PURE__ */ l.createElement(
     d,
     {
       slot: "increment",
-      className: m.incrementButton,
-      size: "small",
+      className: s.incrementButton,
+      size: "s",
       style: "plain",
       variant: "secondary"
     },
-    /* @__PURE__ */ o.createElement(f, { faIcon: v.faChevronUp }),
-    /* @__PURE__ */ o.createElement(f, { faIcon: N.faPlus })
-  )), /* @__PURE__ */ o.createElement(b, { props: a }, i), /* @__PURE__ */ o.createElement(w, { className: m.fieldError }));
+    /* @__PURE__ */ l.createElement(m, { faIcon: v.faChevronUp }),
+    /* @__PURE__ */ l.createElement(m, { faIcon: N.faPlus })
+  )), /* @__PURE__ */ l.createElement(b, { props: a }, i), /* @__PURE__ */ l.createElement(w, { className: s.fieldError }));
 };
 export {
   L as NumberField,

package/dist/Section.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+
+declare const Section: FC<SectionProps>;
+export { Section }
+export default Section;
+
+export declare interface SectionProps extends PropsWithChildren<ComponentProps<"section">> {
+}
+
+export { }

package/dist/Section.js

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import n from "react";
+import { c as r } from "./clsx-DB4S2d7J.js";
+const a = "flow--section", l = {
+  section: a
+}, f = (s) => {
+  const { children: t, className: e, ...o } = s;
+  if (!t)
+    return null;
+  const c = r(l.section, e);
+  return /* @__PURE__ */ n.createElement("section", { ...o, className: c }, t);
+};
+export {
+  f as Section,
+  f as default
+};

package/dist/Text--ofl9X5e.js

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import o from "react";
+import * as c from "react-aria-components";
+import "./propsContext-Dx7WKmmM.js";
+import "@react-aria/utils";
+import { u as i } from "./useProps-C7GIMcgB.js";
+const f = (e) => {
+  const {
+    children: s,
+    className: m,
+    elementType: t = "span",
+    ...n
+  } = i("Text", e), r = { ...n, className: m, children: s };
+  if (!e.slot) {
+    const a = t;
+    return /* @__PURE__ */ o.createElement(a, { ...r });
+  }
+  return /* @__PURE__ */ o.createElement(c.Text, { ...r, elementType: t });
+};
+export {
+  f as T
+};

package/dist/Text.d.ts

@@ -1,18 +1,18 @@
 import * as Aria from 'react-aria-components';
-import { ComponentPropsWithoutRef } from 'react';
 import { FC } from 'react';
-import { JSX as JSX_2 } from 'react';
+import { HTMLAttributes } from 'react';
 import { PropsWithChildren } from 'react';
+import { ReactHTML } from 'react';
 
-declare type PropsWithElementType<T extends keyof JSX_2.IntrinsicElements, P = unknown> = P & ComponentPropsWithoutRef<T> & {
-    elementType?: keyof JSX_2.IntrinsicElements;
+declare type PropsWithElementType<P = unknown> = P & HTMLAttributes<HTMLElement> & {
+    elementType?: keyof ReactHTML;
 };
 
 declare const Text_2: FC<TextProps>;
 export { Text_2 as Text }
 export default Text_2;
 
-export declare interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType<"span"> {
+export declare interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType {
 }
 
 export { }

package/dist/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-D-bYVFks.js";
+import { T as a } from "./Text--ofl9X5e.js";
 export {
   a as Text,
   a as default

package/dist/styles.css

@@ -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-s,.flow--avatar{--avatar-size: var(--avatar--size--s)}.flow--avatar--size-m{--avatar-size: var(--avatar--size--m)}.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--icon{flex-shrink:0;display:inline-block}.flow--icon svg{height:1em;display:inline-block;margin:0 auto}.flow--icon--fixed-width svg{width:1.25em}.flow--badge{color:var(--badge--color);font-size:var(--badge--font-size);background-color:var(--badge--info-background-color);border-radius:var(--badge--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--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--small{font-size:var(--button--font-size-small);padding-block:var(--button--padding-small-squished-y);padding-inline:var(--button--padding-small-squished-x)}.flow--button--small:has(.flow--button--icon){padding:var(--button--padding-small)}.flow--button--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--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--l: 9.75rem;--avatar--size--m: 6rem;--avatar--size--s: 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);--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--900);--initials--variant-4-first-initial-color: var(--color--hosting-blue--600);--initials--variant-4-background-color: var(--color--hosting-blue--200);--initials--variant-3-second-initial-color: var(--color--espelkamp-green--900);--initials--variant-3-first-initial-color: var(--color--espelkamp-green--700);--initials--variant-3-background-color: var(--color--espelkamp-green--200);--initials--variant-2-second-initial-color: var(--color--royal-orange--900);--initials--variant-2-first-initial-color: var(--color--royal-orange--700);--initials--variant-2-background-color: var(--color--royal-orange--200);--initials--variant-1-second-initial-color: var(--color--soft-contrast-violet--900);--initials--variant-1-first-initial-color: var(--color--soft-contrast-violet--700);--initials--variant-1-background-color: var(--color--soft-contrast-violet--200);--initials--font-weight: var(--font-weight--bold);--heading--h6-font-size: var(--font-size--m);--heading--h5-font-size: var(--font-size--m);--heading--h4-font-size: var(--font-size--m);--heading--h3-font-size: var(--font-size--l);--heading--h2-font-size: var(--font-size--xl);--heading--h1-font-size: var(--font-size--xxl);--heading--font-weight: var(--font-weight--bold);--field-error--font-size: var(--font-size--s);--field-description--font-size: var(--font-size--s);--checkbox--border-style: var(--border-style--default);--checkbox--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);--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);--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);--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)}
+.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)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.14",
+  "version": "0.1.0-alpha.16",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -11,6 +11,7 @@
     "./Button": "./dist/Button.js",
     "./Checkbox": "./dist/Checkbox.js",
     "./Content": "./dist/Content.js",
+    "./LayoutCard": "./dist/LayoutCard.js",
     "./CopyToClipboardButton": "./dist/CopyToClipboardButton.js",
     "./FieldDescription": "./dist/FieldDescription.js",
     "./FieldError": "./dist/FieldError.js",
@@ -25,6 +26,7 @@
     "./Navigation": "./dist/Navigation.js",
     "./NumberField": "./dist/NumberField.js",
     "./RadioGroup": "./dist/RadioGroup.js",
+    "./Section": "./dist/Section.js",
     "./StatusIcon": "./dist/StatusIcon.js",
     "./Switch": "./dist/Switch.js",
     "./Text": "./dist/Text.js",
@@ -64,7 +66,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@jest/globals": "^29.7.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.13",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.16",
     "@nx/storybook": "^18.0.4",
     "@storybook/addon-a11y": "^7.6.16",
     "@storybook/addon-actions": "^7.6.16",
@@ -115,5 +117,5 @@
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
-  "gitHead": "224ebcdc1312cfdd96e40262d2679decee23d334"
+  "gitHead": "7b1fbf96e4469b14237ae0c397be096990f486d3"
 }

package/dist/Text-D-bYVFks.js

@@ -1,19 +0,0 @@
-"use client"
-/* */
-import a, { createElement as n } from "react";
-import * as c from "react-aria-components";
-import "./propsContext-Dx7WKmmM.js";
-import "@react-aria/utils";
-import { u as i } from "./useProps-C7GIMcgB.js";
-const f = (e) => {
-  const {
-    children: o,
-    className: s,
-    elementType: t = "span",
-    ...m
-  } = i("Text", e), r = { ...m, className: s, children: o };
-  return e.slot ? /* @__PURE__ */ a.createElement(c.Text, { ...r, elementType: t }) : n(t, r);
-};
-export {
-  f as T
-};