@fchh/fcos-suite-ui
Version:
Reusable UI components based on React and TailwindCSS for the Fab City OS Suite (initially funded by the Interfacer EU project).
830 lines • 338 kB
JavaScript
import { jsx as s, jsxs as x, Fragment as q } from "react/jsx-runtime";
import * as T from "react";
import e1, { createContext as s1, useContext as t1, Fragment as F2, useState as P, useEffect as D, Children as G2, isValidElement as p0, useRef as _2, useCallback as k2 } from "react";
import { Time as g0, Location as C0, Edit as n1, Earth as f0, Search as x0, ChevronDown as v0, ChevronRight as m2, Launch as f1, ArrowLeft as l1, ArrowRight as r1, Close as b0, ChevronLeft as y0, Flash as c1, Scales as i1, Chat as a1, Wikis as o1, Email as w0, Home as d1, LogoGithub as u1, LogoXing as N0, LogoFacebook as M0, LogoMastodon as V0, LogoLinkedin as H0, LogoGitlab as h1, LogoYoutube as m1, LogoX as p1, LogoTwitter as L0, LogoInstagram as Z0, Maximize as g1, UserMultiple as k0 } from "@carbon/icons-react";
const C1 = s1({
linkRenderFn: (e, t, n) => /* @__PURE__ */ s("a", { href: t, ...n, children: e })
});
function z({ to: e, children: t, ...n }) {
const { linkRenderFn: f } = t1(C1);
return e ? f(t, e, n) : /* @__PURE__ */ s("a", { href: e, ...n, children: t });
}
function S0(e) {
var t, n, f = "";
if (typeof e == "string" || typeof e == "number") f += e;
else if (typeof e == "object") if (Array.isArray(e)) {
var r = e.length;
for (t = 0; t < r; t++) e[t] && (n = S0(e[t])) && (f && (f += " "), f += n);
} else for (n in e) e[n] && (f && (f += " "), f += n);
return f;
}
function y() {
for (var e, t, n = 0, f = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = S0(e)) && (f && (f += " "), f += t);
return f;
}
function a2({
type: e = "default",
href: t,
title: n,
icon: f,
iconRight: r,
rounded: l,
size: a = "lg",
newTab: c,
onClick: i,
onIconClick: o,
className: h = "",
customBgColor: u = ""
}) {
const C = {
success: "fs-bg-teal-100 fs-text-teal-700",
danger: "fs-bg-red-100 fs-text-red-700",
warning: "fs-bg-amber-100 fs-text-amber-700",
info: "fs-bg-blue-50 fs-text-blue-700",
dark: "fs-bg-grey-900 fs-text-grey-100",
default: "fs-bg-grey-200 fs-text-grey-800",
purple: "fs-bg-purple-100 fs-text-purple-800",
pink: "fs-bg-pink-100 fs-text-pink-800",
white: "fs-bg-white fs-text-grey-900",
custom: ""
}, v = {
success: "fs-text-teal-400",
danger: "fs-text-red-400",
warning: "fs-text-amber-400",
info: "fs-text-blue-400",
dark: "fs-text-grey-500",
default: "fs-text-grey-500",
purple: "fs-text-purple-400",
pink: "fs-text-pink-400",
white: "fs-text-grey-900",
custom: "fs-text-grey-900"
}, d = {
sm: "fs-w-fit fs-flex fs-items-center fs-px-2.5 sm:fs-px-3 fs-py-0.5 fs-text-xs fs-leading-4 fs-font-medium fs-font-plex fs-no-underline fs-not-prose",
lg: "fs-w-fit fs-flex fs-items-center fs-px-2.5 fs-sm:px-3.5 md:fs-py-1 fs-text-sm fs-leading-5 fs-font-medium fs-font-plex fs-no-underline fs-not-prose"
}, m = {
rounded: "fs-rounded-full",
square: "fs-rounded"
}, p = f && r ? "fs-pr-1.5 sm:fs-pr-1" : f && !r ? "fs-pl-1 sm:fs-pl-1.5" : "", g = () => /* @__PURE__ */ x(F2, { children: [
f && /* @__PURE__ */ s(
"span",
{
onClick: o,
className: y(
v[e],
r ? "fs-order-2 fs-ml-0.5" : "fs-order-1 fs-mr-0.5",
o && "fs-cursor-pointer"
),
children: f
}
),
n && /* @__PURE__ */ s("span", { className: y(r ? "fs-order-1" : "fs-order-2"), children: n })
] });
return t ? /* @__PURE__ */ s(
z,
{
to: t,
style: u ? { backgroundColor: u } : {},
className: y(
C[e],
d[a],
l ? m.rounded : m.square,
p
),
...c ? { target: "_blank", rel: "noopener" } : {},
children: g()
}
) : /* @__PURE__ */ s(
"div",
{
style: u ? { backgroundColor: u } : {},
onClick: () => i && !o && i(),
className: y(
C[e],
d[a],
l ? m.rounded : m.square,
p,
i && !o ? "fs-cursor-pointer" : "fs-cursor-default",
h
),
children: g()
}
);
}
function z0(e) {
const t = (l) => typeof window < "u" ? window.matchMedia(l).matches : !1, [n, f] = P(t(e));
function r() {
f(t(e));
}
return D(() => {
const l = window.matchMedia(e);
return r(), l.addListener ? l.addListener(r) : l.addEventListener("change", r), () => {
l.removeListener ? l.removeListener(r) : l.removeEventListener("change", r);
};
}, [e]), n;
}
function x1({
title: e,
description: t,
categories: n,
className: f = "",
selfAligned: r = "left",
transparentOnMobile: l,
target: a
}) {
const c = l ? "transparent" : "default", o = z0("(min-width: 1024px)") ? "dark" : "default", h = {
left: "sm:fs-left-0 sm:fs-right-[unset] sm:fs-translate-x-[unset]",
right: "sm:fs-right-0 sm:fs-left-[unset] sm:fs-translate-x-[unset]",
center: "sm:fs-left-1/2 sm:fs-right-[unset] sm:-fs-translate-x-1/2"
}, u = {
default: {
outerContainer: "fs-group fs-w-[75%] sm:fs-w-2/3 lg:fs-w-[45%] xl:fs-w-2/5 2xl:fs-w-[32%] fs-absolute fs-z-20 fs-bottom-8 sm:fs-bottom-[unset] fs-left-1/2 fs-transform -fs-translate-x-1/2 sm:fs-p-[inherit] sm:fs-top-1/2 sm:-fs-translate-y-2/4",
innerContainer: "fs-flex fs-flex-col fs-bg-pearl-800 fs-p-8",
headingContainer: "",
heading: "fs-font-karla fs-text-2xl sm:fs-text-3xl fs-text-white fs-multi-line-2-white sm:fs-multi-line-3-white group-hover:fs-multi-line-underline fs-leading-8 sm:fs-leading-8 fs-font-extrabold fs-tracking-tight",
paragraph: "fs-mt-3 sm:fs-mt-2 fs-font-plex fs-text-lg fs-text-white fs-leading-6 sm:fs-leading-7 fs-font-normal",
pillContainer: "fs-mt-8 sm:fs-mt-7 fs-flex fs-flex-wrap fs-gap-2"
},
transparent: {
outerContainer: "fs-group fs-w-full sm:fs-w-2/3 lg:fs-w-[60%] xl:fs-w-2/5 2xl:fs-w-[32%] fs-absolute fs-z-20 fs-bottom-8 fs-left-0 fs-right-0 sm:fs-p-[inherit] xl:fs-top-1/2 xl:fs-bottom-[unset] xl:-fs-translate-y-1/2",
innerContainer: "fs-flex fs-flex-col fs-bg-transparent lg:fs-bg-pearl-800 fs-p-4 lg:fs-p-8",
headingContainer: "fs-order-2 lg:fs-order-1",
heading: "fs-font-karla fs-text-2xl lg:fs-text-3xl fs-text-white fs-multi-line-2-white lg:fs-multi-line-3-white group-hover:fs-multi-line-underline fs-leading-8 lg:fs-leading-8 fs-font-extrabold fs-tracking-tight",
paragraph: "fs-order-3 lg:fs-order-2 fs-mt-1 lg:fs-mt-2 fs-font-plex fs-text-sm lg:fs-text-lg fs-text-white fs-leading-4 lg:fs-leading-7 fs-font-normal",
pillContainer: "fs-order-1 lg:fs-order-3 fs-mt-7 fs-flex fs-flex-wrap fs-gap-2 fs-mb-2 lg:fs-mb-0"
}
};
return /* @__PURE__ */ s(
"div",
{
className: y(
u[c].outerContainer,
h[r],
f
),
children: /* @__PURE__ */ x("div", { className: u[c].innerContainer, children: [
a ? /* @__PURE__ */ x(z, { to: a, children: [
/* @__PURE__ */ s("div", { className: u[c].headingContainer, children: /* @__PURE__ */ s("h3", { className: u[c].heading, children: e }) }),
/* @__PURE__ */ s("p", { className: u[c].paragraph, children: t })
] }) : /* @__PURE__ */ x(q, { children: [
/* @__PURE__ */ s("div", { className: u[c].headingContainer, children: /* @__PURE__ */ s("h3", { className: u[c].heading, children: e }) }),
/* @__PURE__ */ s("p", { className: u[c].paragraph, children: t })
] }),
/* @__PURE__ */ s("div", { className: u[c].pillContainer, children: n && n.map((C) => /* @__PURE__ */ s(
a2,
{
title: C.title,
href: C.href,
type: l ? o : "dark",
size: "sm",
rounded: !0
},
C.id
)) })
] })
}
);
}
function E0({
text: e,
className: t,
variant: n = "left"
}) {
return /* @__PURE__ */ s(
"div",
{
className: y(
"fs-bg-grey-900/50 fs-flex fs-items-center",
{
left: "fs-z-10 fs-py-2.5 fs-pl-3 fs-pr-3.5 fs-rounded-tr-full fs-rounded-br-full fs-leading-[18px]",
right: "fs-z-30 fs-py-0.5 md:fs-py-1 fs-px-2.5 fs-rounded-tl-full fs-rounded-bl-full fs-leading-4 opacity-50"
}[n],
t
),
children: /* @__PURE__ */ s("span", { className: "fs-font-plex fs-text-white fs-text-xs fs-font-medium", children: e })
}
);
}
function I0({
src: e,
alt: t,
withGradientOnMobile: n,
children: f,
title: r,
description: l,
boxAlignment: a,
categories: c,
transparentOnMobile: i,
imageTag: o,
className: h,
target: u
}) {
return /* @__PURE__ */ x(
"section",
{
role: "img",
"aria-label": t,
style: { backgroundImage: `url(${e})` },
className: y(
"fs-relative fs-w-full fs-h-[35vh] sm:fs-h-[50vh] md:fs-h-[500px] xl:fs-h-[60vh] xl:fs-pt-12 fs-bg-center fs-bg-no-repeat fs-bg-cover",
h
),
children: [
o && /* @__PURE__ */ s(
E0,
{
text: o,
className: "fs-absolute fs-bottom-0 sm:fs-bottom-6 fs-right-0",
variant: "right"
}
),
r && l && /* @__PURE__ */ s("div", { className: "container fs-relative fs-size-full", children: /* @__PURE__ */ s(
x1,
{
title: r,
description: l,
categories: c,
selfAligned: a,
transparentOnMobile: i,
target: u
}
) }),
f,
n && /* @__PURE__ */ s("div", { className: "fs-block lg:fs-hidden fs-absolute fs-bottom-0 fs-z-10 fs-w-full fs-h-1/2 fs-bg-gradient-to-b fs-from-transparent fs-to-[#313846]" })
]
}
);
}
const X = {
generateID: () => {
const e = new Uint32Array(3);
return window.crypto.getRandomValues(e), (performance.now().toString(36) + Array.from(e).map((t) => t.toString(36)).join("")).replace(/\./g, "");
},
/** This helper is necessary, because the meaning of dark/light changes, depending on which property it is being used with:
* - In `variant` the value dark/light refers to the background color (meaning: a "dark" variant will result in dark background color which requires light text color) -> this needs to be inverted
* - In `textColor` the value dark/light refers to the actual text color
*/
invertDarkLight: (e) => e === "dark" ? "light" : "dark"
};
function P0({
image: e,
title: t,
description: n,
date: f,
location: r,
category: l,
href: a,
variant: c,
className: i = "",
customBackgroundColor: o,
textColor: h = "dark",
newTab: u,
id: C
}) {
const v = {
backgroundColor: o
}, d = {
dark: "white",
light: "dark"
}, m = {
base: {
outerContainer: "fs-flex fs-h-72",
contentContainer: "fs-group fs-order-1 fs-flex-1 fs-flex fs-flex-col fs-justify-between fs-p-7",
linkContainer: "fs-mb-5 sm:fs-mb-0"
},
dark: {
outerContainer: "fs-bg-grey-900",
contentContainer: "",
linkContainer: ""
},
light: {
outerContainer: "fs-bg-pearl-500",
contentContainer: "",
linkContainer: ""
},
custom: {
outerContainer: "",
contentContainer: "",
linkContainer: ""
}
}, p = {
base: {
heading: "group-peer-hover:fs-multi-line-underline group-hover:fs-multi-line-underline fs-font-karla fs-text-2xl md:fs-text-3xl fs-leading-8 md:fs-leading-9 fs-font-bold fs-tracking-tight fs-tracking-tight fs-line-clamp-2 sm:fs-line-clamp-3 xl:fs-line-clamp-none fs-break-words",
paragraph: "fs-mt-2 md:fs-mt-3 fs-font-plex fs-text-base md:fs-text-lg fs-leading-6 md:fs-leading-7 fs-font-normal fs-line-clamp-3 lg:fs-line-clamp-4 xl:fs-line-clamp-3",
event: "fs-mt-2 md:fs-mt-3 fs-font-plex fs-text-base md:fs-text-lg fs-leading-6 md:fs-leading-7 fs-font-normal"
},
dark: {
heading: "xl:fs-multi-line-3-white fs-text-white",
paragraph: "fs-text-grey-100",
event: "fs-text-grey-50"
},
light: {
heading: "xl:fs-multi-line-3-grey-900 fs-text-grey-900",
paragraph: "fs-text-grey-900",
event: "fs-text-grey-900"
}
};
return /* @__PURE__ */ x(
"div",
{
style: v,
className: y(
c ? m[c].outerContainer : m.custom.outerContainer,
m.base.outerContainer,
i
),
id: C,
children: [
/* @__PURE__ */ s("div", { className: "fs-peer fs-order-2 fs-hidden md:fs-block fs-flex-initial fs-h-full fs-w-auto", children: /* @__PURE__ */ s(
z,
{
to: a,
...u ? { target: "_blank", rel: "noopener" } : {},
className: "fs-h-full fs-w-auto",
children: /* @__PURE__ */ s(
"img",
{
className: "fs-h-full fs-w-auto fs-object-cover fs-aspect-square fs-object-center",
alt: e.alt,
src: e.src
}
)
}
) }),
/* @__PURE__ */ x(
"div",
{
className: y(
c ? m[c].contentContainer : m.custom.contentContainer,
m.base.contentContainer
),
children: [
/* @__PURE__ */ x(
z,
{
to: a,
...u ? { target: "_blank", rel: "noopener" } : {},
className: y(
c ? m[c].linkContainer : m.custom.linkContainer,
m.base.linkContainer
),
children: [
/* @__PURE__ */ s(
"h5",
{
className: y(
c ? p[c].heading : p[X.invertDarkLight(h)].heading,
p.base.heading
),
children: t
}
),
n && /* @__PURE__ */ s(
"p",
{
className: y(
c ? p[c].paragraph : p[X.invertDarkLight(h)].paragraph,
p.base.paragraph
),
children: n
}
),
!n && (f || r) && /* @__PURE__ */ x(
"div",
{
className: y(
c ? p[c].event : p[X.invertDarkLight(h)].event,
p.base.event
),
children: [
f && /* @__PURE__ */ x("span", { className: "fs-flex fs-items-center", children: [
/* @__PURE__ */ s(g0, { size: 16, className: "fs-mr-1 md:fs-mr-2" }),
f
] }),
r && /* @__PURE__ */ x("span", { className: "fs-flex fs-items-center fs-mt-1", children: [
/* @__PURE__ */ s(C0, { size: 16, className: "fs-mr-1 md:fs-mr-2" }),
r
] })
]
}
)
]
}
),
/* @__PURE__ */ s("div", { className: "fs-hidden md:fs-flex fs-flex-wrap", children: (l == null ? void 0 : l.title) && /* @__PURE__ */ s(
a2,
{
type: c ? d[c] : d[X.invertDarkLight(h)],
size: "sm",
rounded: !0,
href: l.href,
title: l.title
}
) })
]
}
)
]
}
);
}
function B0({
crumbs: e,
separator: t = "/",
className: n = ""
}) {
return e && e.length ? /* @__PURE__ */ s("div", { className: y("fs-inline-flex", n), children: e == null ? void 0 : e.map((f, r) => /* @__PURE__ */ x(
"div",
{
className: y(
r === e.length - 1 ? "fs-font-inter fs-font-medium" : "fs-font-flex fs-font-normal",
"fs-flex fs-text-sm fs-leading-5 fs-text-grey-500"
),
children: [
(f.icon || f.title) && /* @__PURE__ */ x(
z,
{
to: f.href,
className: y(
"fs-flex-shrink-0 !fs-flex fs-gap-2 fs-items-center",
f.href && "hover:fs-multi-line-underline fs-multi-line-grey-500 !fs-w-auto"
),
children: [
f.icon || "",
f.title || ""
]
}
),
!f.icon && !f.title && "Unknown",
r !== e.length - 1 && /* @__PURE__ */ s("div", { className: "fs-font-flex fs-text-sm fs-leading-5 fs-font-normal fs-text-grey-500 fs-px-2", children: t })
]
},
"breadcrumb" + r
)) }) : null;
}
function j0({
text: e,
type: t = "primary",
size: n,
rounded: f,
circular: r,
disabled: l,
icon: a,
iconRight: c,
onClick: i,
href: o,
buttonType: h = "button",
className: u = "",
newTab: C
}) {
const v = {
primary: "fs-bg-grey-900 hover:fs-bg-grey-700 focus:fs-bg-grey-700 fs-text-white hover:fs-text-grey-400 focus:fs-text-grey-400 fs-no-underline fs-not-prose",
secondary: "fs-bg-grey-400 hover:fs-bg-grey-200 focus:fs-bg-grey-200 fs-text-grey-900 hover:fs-text-grey-500 focus:fs-text-grey-500 fs-no-underline fs-not-prose",
tertiary: "fs-bg-white hover:fs-bg-grey-100 focus:fs-bg-grey-100 fs-text-grey-900 hover:fs-text-grey-500 focus:fs-text-grey-500 fs-no-underline fs-not-prose"
}, d = {
xs: "fs-px-3 fs-py-2",
sm: "fs-px-3.5 fs-py-2.5",
md: "fs-px-4 fs-py-3",
lg: "fs-px-5 fs-py-3.5",
xl: "fs-px-6 fs-py-4",
default: "fs-px-3 sm:fs-px-3.5 md:fs-px-4 lg:fs-px-5 xl:fs-px-6 fs-py-2 sm:fs-py-2.5 md:fs-py-3 lg:fs-py-3.5 xl:fs-py-4"
}, m = {
xs: "fs-font-plex fs-font-medium fs-text-xs fs-leading-4",
sm: "fs-font-plex fs-font-medium fs-text-sm fs-leading-4",
md: "fs-font-plex fs-font-medium fs-text-sm fs-leading-5",
lg: "fs-font-plex fs-font-medium fs-text-base fs-leading-6",
xl: "fs-font-plex fs-font-medium fs-text-base fs-leading-6",
default: "fs-font-plex fs-text-xs sm:fs-text-sm lg:fs-text-base fs-leading-4 md:fs-leading-5 lg:fs-leading-6 fs-font-medium"
}, p = {
xs: "fs-size-7",
sm: "fs-size-8",
md: "fs-size-9",
lg: "fs-size-10",
xl: "fs-size-11",
default: "fs-size-7 sm:fs-size-8 md:fs-size-9 lg:fs-size-10 xl:fs-size-11"
}, g = {
primary: "fs-flex fs-items-center fs-justify-center fs-rounded-full fs-bg-grey-900 hover:fs-bg-grey-700 focus:fs-bg-grey-700 fs-text-white hover:fs-text-grey-400 focus:fs-text-grey-400",
secondary: "fs-flex fs-items-center fs-justify-center fs-rounded-full fs-bg-grey-400 hover:fs-bg-grey-200 focus:fs-bg-grey-200 fs-text-grey-900 hover:fs-text-grey-500 focus:fs-text-grey-500",
tertiary: "fs-flex fs-items-center fs-justify-center fs-rounded-full fs-bg-white hover:fs-bg-grey-100 focus:fs-bg-grey-100 fs-text-grey-900 hover:fs-text-grey-500 focus:fs-text-grey-500"
}, b = {
rounded: "fs-rounded-full",
square: "fs-rounded",
outline: "sm:focus:fs-ring-2 focus:fs-ring-offset-2 focus:fs-ring-offset-white focus:fs-ring-grey-900",
transition: "fs-transition-all fs-ease-in-out fs-duration-200",
disabled: "fs-opacity-50 fs-pointer-events-none"
}, w = y(
"fs-flex fs-items-center fs-justify-center fs-w-fit",
b.outline,
f ? b.rounded : b.square,
b.transition,
n ? m[n] : m.default,
n ? d[n] : d.default,
v[t]
), H = y(
b.outline,
b.transition,
n ? p[n] : p.default,
g[t]
), V = () => /* @__PURE__ */ x(q, { children: [
a && /* @__PURE__ */ s(
"span",
{
className: y(
"fs-text-center",
c ? "fs-order-2 fs-ml-2.5" : "fs-order-1 fs-mr-2.5"
),
children: a
}
),
/* @__PURE__ */ s(
"span",
{
className: y(
"fs-text-center",
c ? "fs-order-1" : "fs-order-2"
),
children: e
}
)
] });
return /* @__PURE__ */ s(q, { children: o ? C ? (
// eslint-disable-next-line react/jsx-no-target-blank
/* @__PURE__ */ s(
"a",
{
href: o,
className: y(
r ? H : w,
u
),
target: "_blank",
rel: "noopener",
children: r ? a : V()
}
)
) : /* @__PURE__ */ s(
z,
{
to: o,
className: y(
r ? H : w,
u
),
children: r ? a : V()
}
) : /* @__PURE__ */ s(
"button",
{
className: y(
r ? H : w,
l && b.disabled,
u
),
disabled: l,
onClick: i,
type: h,
children: r ? a : V()
}
) });
}
function v1({
children: e,
ctaOnClick: t,
ctaCaption: n
}) {
const [f, r] = P(null), [l, a] = P([]);
return D(() => {
const c = [];
G2.forEach(e, (i) => {
p0(i) && c.push({
id: X.generateID(),
label: i.props.children,
target: i.props.target
});
}), a(c), r(c[0].id);
}, []), /* @__PURE__ */ s("div", { className: "fs-flex", children: /* @__PURE__ */ x("div", { className: "fs-w-full", children: [
/* @__PURE__ */ s("ul", { className: "fs-font-inter fs-mb-5", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s(
b1,
{
label: c.label,
className: "block",
target: c.target,
isActive: f === c.id,
onClick: () => {
r(c.id);
}
},
c.id
)) }),
n && /* @__PURE__ */ s(
j0,
{
text: n,
type: "primary",
size: "lg",
onClick: t
}
)
] }) });
}
function b1({
label: e,
target: t,
onClick: n,
isActive: f,
className: r = ""
}) {
return /* @__PURE__ */ s("li", { className: "fs-group fs-mb-3", children: /* @__PURE__ */ s(z, { onClick: n, className: r, to: t, children: /* @__PURE__ */ s(
"span",
{
className: y(
"fs-relative fs-overflow-hidden fs-text-sm fs-leading-5 fs-font-medium fs-text-black fs-multi-line-grey-900 group-hover:fs-multi-line-underline fs-cursor-pointer",
f && "fs-multi-line-underline"
),
children: e
}
) }) });
}
const y1 = () => null;
function A0({
children: e,
notProse: t,
className: n
}) {
const f = {
main: `fs-font-plex fs-text-grey-900 ${t ? "" : "fs-prose"}`,
headings: "prose-headings:fs-font-karla",
subheading: "prose-h2:fs-text-3xl",
bullets: "prose-li:marker:fs-text-grey-900",
blockquote: "prose-blockquote:fs-border-l-2 sm:prose-blockquote:fs-border-l-4 prose-blockquote:fs-border-grey-900 prose-blockquote:fs-text-sm sm:prose-blockquote:fs-text-base prose-blockquote:fs-not-italic prose-blockquote:fs-leading-5 sm:prose-blockquote:fs-leading-6 prose-blockquote:fs-font-semibold prose-blockquote:fs-tracking-wider prose-blockquote:fs-uppercase",
code: "prose-code:before:fs-content-none prose-code:after:fs-content-none",
image: "prose-img:fs-w-full prose-img:fs-h-auto prose-img:fs-rounded-sm",
video: "prose-video:fs-w-full prose-video:fs-h-auto"
};
return /* @__PURE__ */ s(
"article",
{
className: y(
"fs-max-w-full",
f.main,
f.headings,
f.subheading,
f.bullets,
f.blockquote,
f.image,
f.video,
f.code,
n
),
children: e
}
);
}
const w1 = "data:image/svg+xml,%3csvg%20width='768'%20height='18'%20viewBox='0%200%20768%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.48108C22.58%201.48108%2022.58%2016.519%2045.17%2016.519C67.76%2016.519%2067.76%201.48108%2090.34%201.48108C112.92%201.48108%20112.93%2016.519%20135.52%2016.519C158.11%2016.519%20158.1%201.48108%20180.69%201.48108C203.28%201.48108%20203.28%2016.519%20225.86%2016.519C248.44%2016.519%20248.45%201.48108%20271.04%201.48108C293.63%201.48108%20293.63%2016.519%20316.21%2016.519C338.79%2016.519%20338.8%201.48108%20361.39%201.48108C383.98%201.48108%20383.98%2016.519%20406.57%2016.519C429.16%2016.519%20429.16%201.48108%20451.74%201.48108C474.32%201.48108%20474.33%2016.519%20496.92%2016.519C519.51%2016.519%20519.51%201.48108%20542.1%201.48108C564.69%201.48108%20564.69%2016.519%20587.27%2016.519C609.85%2016.519%20609.86%201.48108%20632.45%201.48108C655.04%201.48108%20655.04%2016.519%20677.63%2016.519C700.22%2016.519%20700.22%201.48108%20722.81%201.48108C745.4%201.48108%20745.41%2016.519%20768%2016.519'%20stroke='%230B1324'%20stroke-width='2'%20stroke-miterlimit='10'/%3e%3c/svg%3e";
function _0({ title: e, subtitle: t, className: n }) {
return /* @__PURE__ */ x("div", { className: y("fs-text-center", n), children: [
t && /* @__PURE__ */ s(
"span",
{
id: "article-subtitle",
className: "fs-block fs-font-karla fs-text-blue-500 fs-text-base fs-leading-6 fs-font-semibold fs-tracking-wide fs-uppercase fs-mb-4",
children: t
}
),
e && /* @__PURE__ */ s(
"h1",
{
id: "article-title",
className: "fs-font-karla fs-text-grey-900 fs-text-3xl sm:fs-text-4xl xl:fs-text-6xl fs-leading-none fs-font-bold fs-tracking-tight",
children: e
}
)
] });
}
function W5({
titleImage: e,
titleImageAlt: t,
children: n,
subtitle: f,
title: r,
teaser: l,
relatedContent: a,
tableOfContents: c,
dateAndAuthor: i,
tags: o,
preContentChildren: h,
className: u,
hideFooterSeparator: C,
breadcrumbs: v,
titleImageTag: d,
editButtonTarget: m
}) {
return /* @__PURE__ */ x("div", { className: y("fs-w-full fs-mb-10 xl:fs-mb-0", u), children: [
e && /* @__PURE__ */ s(
I0,
{
src: e,
imageTag: d,
alt: t
}
),
/* @__PURE__ */ s("section", { children: /* @__PURE__ */ x("div", { className: "fs-grid fs-grid-cols-article fs-gap-x-4", children: [
/* @__PURE__ */ s("div", { className: "fs-relative", children: !!(c != null && c.length) && /* @__PURE__ */ s("div", { className: "fs-hidden xl:fs-block fs-p-10 fs-absolute fs-right-8", children: /* @__PURE__ */ s(v1, { children: c == null ? void 0 : c.map((p) => /* @__PURE__ */ s(y1, { target: p.target, children: p.headline }, p.headline)) }) }) }),
/* @__PURE__ */ x("div", { className: "fs-w-full", children: [
(!!(v != null && v.length) || m) && /* @__PURE__ */ x("div", { className: "fs-flex fs-justify-between fs-mt-5", children: [
!!(v != null && v.length) && /* @__PURE__ */ s(B0, { crumbs: v }),
m && /* @__PURE__ */ s(N1, { target: m })
] }),
/* @__PURE__ */ s(_0, { title: r, subtitle: f, className: "fs-mt-10" }),
/* @__PURE__ */ x("div", { className: "fs-mt-10 fs-mb-20 xl:fs-mb-44", children: [
h,
/* @__PURE__ */ x(A0, { children: [
l && /* @__PURE__ */ s("p", { className: "lead", children: l }),
n
] }),
/* @__PURE__ */ x("div", { className: "fs-overflow-hidden", children: [
!C && /* @__PURE__ */ s(
"img",
{
className: "fs-w-full fs-mt-10 fs-mb-6 fs-origin-left fs-scale-[2.5] sm:fs-scale-100",
src: w1
}
),
i && /* @__PURE__ */ s("span", { className: "fs-text-grey-900 fs-text-sm fs-leading-4 fs-font-medium", children: i }),
!!(o != null && o.length) && /* @__PURE__ */ s("div", { className: "fs-flex fs-gap-2 fs-mt-2", children: o == null ? void 0 : o.map((p, g) => /* @__PURE__ */ s(
a2,
{
rounded: !0,
type: "dark",
size: "sm",
title: p.title,
href: p.target
},
p.title || "tag" + g
)) })
] })
] }),
!!(a != null && a.length) && /* @__PURE__ */ x("div", { children: [
/* @__PURE__ */ s("h2", { className: "fs-font-karla md:fs-font-plex fs-text-black fs-text-2xl fs-leading-7 fs-font-bold md:fs-text-3xl md:fs-leading-9", children: "Related Content" }),
/* @__PURE__ */ s("div", { children: a == null ? void 0 : a.map((p, g) => g < 3 && /* @__PURE__ */ s(
P0,
{
variant: p.type,
image: p.image,
title: p.title,
description: p.description,
date: p.time,
location: p.location,
category: p.category,
href: p.href,
className: "fs-mt-7"
},
p.id
)) })
] })
] }),
/* @__PURE__ */ s("div", { className: "fs-hidden xl:fs-block" })
] }) })
] });
}
const N1 = ({
target: e,
className: t
}) => /* @__PURE__ */ s(
"div",
{
className: y(
"fs-hidden sm:fs-block fs-font-inter fs-font-normal fs-text-sm fs-leading-5 fs-text-grey-500",
t
),
children: /* @__PURE__ */ x(
z,
{
to: e,
className: y(
"fs-flex-shrink-0 !fs-flex fs-gap-[5px] fs-items-center",
e && "hover:fs-multi-line-underline fs-multi-line-grey-500 !fs-w-auto"
),
children: [
/* @__PURE__ */ s(n1, {}),
"Edit Page"
]
}
)
}
), M1 = () => {
const [t, n] = P(
0
/* up */
);
return D(() => {
let f = window.scrollY;
const r = (i) => Math.abs(i - f) > 50, l = (i) => i > f && !(f > 0 && i === 0) && !(i > 0 && f === 0), a = () => {
const i = window.scrollY;
if (r(i)) {
const o = l(i) ? 1 : 0;
n(o), f = i > 0 ? i : 0;
}
}, c = () => window.requestAnimationFrame(a);
return window.addEventListener("scroll", c), () => window.removeEventListener("scroll", c);
}, []), t;
}, V1 = "data:image/svg+xml,%3csvg%20width='200'%20height='65'%20viewBox='0%200%20200%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M88.8403%2047.7397H80.6892V55.5788H77.7744V37.5799H80.6892V45.1611H88.8403V37.5799H91.7551V55.5788H88.8403V47.7397Z'%20fill='%230B1324'/%3e%3cpath%20d='M106.326%2055.5788C105.586%2055.5788%20105.019%2055.3725%20104.623%2054.9599C104.228%2054.5301%20103.987%2053.9886%20103.901%2053.3354H103.772C103.514%2054.1777%20103.041%2054.8138%20102.353%2055.2436C101.665%2055.6733%20100.831%2055.8882%2099.8511%2055.8882C98.4582%2055.8882%2097.3834%2055.5272%2096.6268%2054.8052C95.8874%2054.0832%2095.5176%2053.1119%2095.5176%2051.8913C95.5176%2050.5504%2095.9991%2049.5448%2096.9621%2048.8743C97.9423%2048.2039%2099.3696%2047.8686%20101.244%2047.8686H103.669V46.734C103.669%2045.9089%20103.445%2045.2728%20102.998%2044.8258C102.551%2044.3789%20101.854%2044.1554%20100.909%2044.1554C100.118%2044.1554%2099.4728%2044.3273%2098.9741%2044.6711C98.4754%2045.0149%2098.0541%2045.4533%2097.7102%2045.9862L96.0335%2044.4648C96.4806%2043.7084%2097.1083%2043.0896%2097.9165%2042.6082C98.7247%2042.1097%2099.7823%2041.8604%20101.089%2041.8604C102.826%2041.8604%20104.159%2042.2644%20105.087%2043.0724C106.016%2043.8803%20106.48%2045.0407%20106.48%2046.5535V53.2838H107.899V55.5788H106.326ZM100.651%2053.7479C101.528%2053.7479%20102.25%2053.5588%20102.817%2053.1806C103.385%2052.7853%20103.669%2052.2609%20103.669%2051.6077V49.6737H101.296C99.3524%2049.6737%2098.3808%2050.2754%2098.3808%2051.4787V51.9429C98.3808%2052.5446%2098.5786%2053.0001%2098.9741%2053.3096C99.3868%2053.6018%2099.9457%2053.7479%20100.651%2053.7479Z'%20fill='%230B1324'/%3e%3cpath%20d='M111.17%2055.5788V42.1698H113.982V44.3875H114.111C114.249%2044.0437%20114.412%2043.717%20114.601%2043.4076C114.808%2043.0982%20115.048%2042.8317%20115.323%2042.6082C115.616%2042.3675%20115.951%2042.187%20116.329%2042.0667C116.725%2041.9292%20117.181%2041.8604%20117.696%2041.8604C118.608%2041.8604%20119.416%2042.0839%20120.121%2042.5308C120.826%2042.9778%20121.342%2043.6655%20121.669%2044.5938H121.746C121.987%2043.8374%20122.451%2043.1927%20123.139%2042.6598C123.827%2042.1269%20124.713%2041.8604%20125.796%2041.8604C127.137%2041.8604%20128.178%2042.316%20128.917%2043.2271C129.657%2044.121%20130.026%2045.4017%20130.026%2047.0693V55.5788H127.215V47.4045C127.215%2046.373%20127.017%2045.5994%20126.621%2045.0837C126.226%2044.5508%20125.598%2044.2843%20124.738%2044.2843C124.377%2044.2843%20124.033%2044.3359%20123.707%2044.439C123.38%2044.525%20123.088%2044.6625%20122.83%2044.8516C122.589%2045.0407%20122.391%2045.2814%20122.236%2045.5736C122.082%2045.8659%20122.004%2046.2011%20122.004%2046.5793V55.5788H119.193V47.4045C119.193%2045.3244%20118.376%2044.2843%20116.742%2044.2843C116.398%2044.2843%20116.054%2044.3359%20115.71%2044.439C115.384%2044.525%20115.091%2044.6625%20114.833%2044.8516C114.575%2045.0407%20114.369%2045.2814%20114.214%2045.5736C114.059%2045.8659%20113.982%2046.2011%20113.982%2046.5793V55.5788H111.17Z'%20fill='%230B1324'/%3e%3cpath%20d='M134.433%2036.4968H137.245V44.3875H137.373C137.666%2043.5795%20138.139%2042.9606%20138.792%2042.5308C139.463%2042.0839%20140.245%2041.8604%20141.139%2041.8604C142.842%2041.8604%20144.157%2042.4793%20145.086%2043.717C146.015%2044.9376%20146.479%2046.6567%20146.479%2048.8743C146.479%2051.0919%20146.015%2052.8196%20145.086%2054.0574C144.157%2055.2779%20142.842%2055.8882%20141.139%2055.8882C140.245%2055.8882%20139.463%2055.6647%20138.792%2055.2178C138.139%2054.7708%20137.666%2054.1519%20137.373%2053.3611H137.245V55.5788H134.433V36.4968ZM140.288%2053.4643C141.268%2053.4643%20142.051%2053.1549%20142.636%2052.536C143.22%2051.8999%20143.513%2051.0662%20143.513%2050.0347V47.7139C143.513%2046.6825%20143.22%2045.8573%20142.636%2045.2384C142.051%2044.6024%20141.268%2044.2843%20140.288%2044.2843C139.428%2044.2843%20138.706%2044.4992%20138.122%2044.929C137.537%2045.3416%20137.245%2045.8917%20137.245%2046.5793V51.1693C137.245%2051.8569%20137.537%2052.4156%20138.122%2052.8454C138.706%2053.258%20139.428%2053.4643%20140.288%2053.4643Z'%20fill='%230B1324'/%3e%3cpath%20d='M158.339%2053.3611H158.236C158.116%2053.6878%20157.952%2054.0058%20157.746%2054.3152C157.557%2054.6247%20157.307%2054.8997%20156.998%2055.1404C156.706%2055.3639%20156.344%2055.5444%20155.915%2055.6819C155.502%2055.8195%20155.02%2055.8882%20154.47%2055.8882C153.077%2055.8882%20151.994%2055.4413%20151.22%2054.5473C150.463%2053.6534%20150.085%2052.3727%20150.085%2050.7051V42.1698H152.897V50.3441C152.897%2052.4242%20153.756%2053.4643%20155.476%2053.4643C155.837%2053.4643%20156.19%2053.4213%20156.534%2053.3354C156.878%2053.2322%20157.178%2053.0861%20157.436%2052.897C157.712%2052.7079%20157.926%2052.4672%20158.081%2052.175C158.253%2051.8827%20158.339%2051.5389%20158.339%2051.1435V42.1698H161.151V55.5788H158.339V53.3611Z'%20fill='%230B1324'/%3e%3cpath%20d='M165.693%2055.5788V42.1698H168.504V44.7485H168.633C168.822%2044.0608%20169.218%2043.4592%20169.82%2042.9434C170.422%2042.4277%20171.256%2042.1698%20172.322%2042.1698H173.07V44.8774H171.961C170.843%2044.8774%20169.983%2045.0579%20169.381%2045.4189C168.797%2045.7799%20168.504%2046.3129%20168.504%2047.0177V55.5788H165.693Z'%20fill='%230B1324'/%3e%3cpath%20d='M187.367%2056.8423C187.367%2058.2348%20186.834%2059.2834%20185.767%2059.9883C184.701%2060.6931%20182.964%2061.0455%20180.557%2061.0455C179.456%2061.0455%20178.519%2060.9681%20177.745%2060.8134C176.989%2060.6759%20176.361%2060.4696%20175.862%2060.1945C175.381%2059.9195%20175.028%2059.5843%20174.805%2059.1889C174.581%2058.7935%20174.469%2058.3379%20174.469%2057.8222C174.469%2057.083%20174.667%2056.5071%20175.063%2056.0945C175.475%2055.6819%20176.043%2055.3983%20176.765%2055.2436V54.9599C175.751%2054.6333%20175.243%2053.9456%20175.243%2052.897C175.243%2052.2094%20175.475%2051.685%20175.94%2051.324C176.404%2050.9458%20176.963%2050.6794%20177.616%2050.5246V50.4215C176.825%2050.0433%20176.215%2049.519%20175.785%2048.8485C175.372%2048.1609%20175.166%2047.3615%20175.166%2046.4504C175.166%2045.0751%20175.622%2043.9663%20176.533%2043.1239C177.462%2042.2816%20178.786%2041.8604%20180.505%2041.8604C181.451%2041.8604%20182.259%2041.9979%20182.93%2042.273V41.912C182.93%2041.3103%20183.068%2040.8461%20183.343%2040.5195C183.635%2040.1757%20184.082%2040.0038%20184.684%2040.0038H186.748V42.273H184.013V42.8145C184.615%2043.2099%20185.08%2043.7256%20185.406%2044.3617C185.733%2044.9806%20185.896%2045.6768%20185.896%2046.4504C185.896%2047.8085%20185.432%2048.9087%20184.504%2049.751C183.575%2050.5762%20182.251%2050.9888%20180.531%2050.9888C179.878%2050.9888%20179.293%2050.92%20178.777%2050.7825C178.433%2050.9028%20178.132%2051.0748%20177.874%2051.2982C177.616%2051.5045%20177.487%2051.7796%20177.487%2052.1234C177.487%2052.4844%20177.651%2052.7423%20177.978%2052.897C178.304%2053.0517%20178.769%2053.1291%20179.37%2053.1291H182.672C184.323%2053.1291%20185.518%2053.4643%20186.258%2054.1347C186.997%2054.788%20187.367%2055.6905%20187.367%2056.8423ZM184.736%2057.1518C184.736%2056.6876%20184.555%2056.318%20184.194%2056.0429C183.85%2055.7679%20183.214%2055.6304%20182.285%2055.6304H177.745C177.126%2055.9914%20176.817%2056.5071%20176.817%2057.1775C176.817%2057.7277%20177.032%2058.166%20177.462%2058.4926C177.909%2058.8365%20178.657%2059.0084%20179.706%2059.0084H181.46C183.644%2059.0084%20184.736%2058.3895%20184.736%2057.1518ZM180.531%2048.9517C181.357%2048.9517%20181.993%2048.7712%20182.44%2048.4102C182.904%2048.032%20183.136%2047.4561%20183.136%2046.6825V46.1667C183.136%2045.3931%20182.904%2044.8258%20182.44%2044.4648C181.993%2044.0866%20181.357%2043.8975%20180.531%2043.8975C179.706%2043.8975%20179.061%2044.0866%20178.597%2044.4648C178.149%2044.8258%20177.926%2045.3931%20177.926%2046.1667V46.6825C177.926%2047.4561%20178.149%2048.032%20178.597%2048.4102C179.061%2048.7712%20179.706%2048.9517%20180.531%2048.9517Z'%20fill='%230B1324'/%3e%3cpath%20d='M48.5249%2027.8242V9.80015C48.5247%209.61602%2048.4761%209.43519%2048.384%209.27578C48.2918%209.11638%2048.1594%208.984%2047.9999%208.89194L32.8528%200.140666C32.6931%200.048514%2032.5121%200%2032.3278%200C32.1435%200%2031.9624%200.048514%2031.8028%200.140666L16.6539%208.89019C16.4944%208.98225%2016.362%209.11463%2016.2698%209.27403C16.1777%209.43344%2016.1291%209.61427%2016.1289%209.7984V27.8242L31.8028%2018.7667C31.9624%2018.6745%2032.1435%2018.626%2032.3278%2018.626C32.5121%2018.626%2032.6931%2018.6745%2032.8528%2018.7667L48.5249%2027.8242Z'%20fill='%2335A58E'/%3e%3cpath%20d='M32.3271%2055.8487L47.9328%2064.8589C48.0924%2064.9511%2048.2735%2064.9996%2048.4578%2064.9996C48.6421%2064.9996%2048.8231%2064.9511%2048.9828%2064.8589L64.1317%2056.1094C64.2911%2056.0174%2064.4236%2055.885%2064.5157%2055.7256C64.6079%2055.5662%2064.6565%2055.3853%2064.6567%2055.2012V37.7022C64.6565%2037.518%2064.6079%2037.3372%2064.5157%2037.1778C64.4236%2037.0184%2064.2911%2036.886%2064.1317%2036.794L48.5278%2027.8047V45.8812C48.5276%2046.0653%2048.479%2046.2462%2048.3868%2046.4056C48.2947%2046.565%2048.1623%2046.6974%2048.0028%2046.7894L32.3271%2055.8487Z'%20fill='%233A70CA'/%3e%3cpath%20d='M32.3278%2055.8487L16.7221%2064.8589C16.5625%2064.9511%2016.3814%2064.9996%2016.1971%2064.9996C16.0128%2064.9996%2015.8318%2064.9511%2015.6722%2064.8589L0.524972%2056.1094C0.365518%2056.0174%200.233077%2055.885%200.140935%2055.7256C0.0487924%2055.5662%200.000188854%2055.3853%200%2055.2012L0%2037.7022C0.000188854%2037.518%200.0487924%2037.3372%200.140935%2037.1778C0.233077%2037.0184%200.365518%2036.886%200.524972%2036.794L16.1289%2027.8047V45.8812C16.1291%2046.0653%2016.1777%2046.2462%2016.2698%2046.4056C16.362%2046.565%2016.4944%2046.6974%2016.6539%2046.7894L32.3278%2055.8487Z'%20fill='%23EB4544'/%3e%3cpath%20d='M90.8446%2017.5478H83.0404V14.1578H92.1982V9.38989H77.7725V30.7419H83.0404V22.3157H90.8446V17.5478Z'%20fill='%230B1324'/%3e%3cpath%20d='M98.9774%209.38989L91.9414%2030.7419H97.3068L98.7823%2025.8643H105.075L106.55%2030.7419H112.037L105.075%209.38989H98.9774ZM103.733%2021.2548H100.075L101.892%2014.9992L103.733%2021.2548Z'%20fill='%230B1324'/%3e%3cpath%20d='M130.439%2022.0711C130.145%2021.4542%20129.731%2020.9027%20129.22%2020.4493C128.747%2020.0471%20128.2%2019.7406%20127.61%2019.5469C128.099%2019.3546%20128.543%2019.0641%20128.915%2018.6933C129.314%2018.2596%20129.621%2017.7493%20129.817%2017.1934C130.057%2016.5081%20130.173%2015.7854%20130.159%2015.0595C130.19%2014.3055%20130.069%2013.553%20129.803%2012.8469C129.537%2012.1408%20129.131%2011.4956%20128.61%2010.95C128.042%2010.4138%20127.37%209.99887%20126.637%209.73052C125.903%209.46218%20125.122%209.34602%20124.342%209.38914H113.965V30.7412H125.257C126.044%2030.7463%20126.824%2030.5755%20127.537%2030.2412C128.227%2029.9213%20128.845%2029.465%20129.354%2028.8999C129.88%2028.3139%20130.293%2027.6359%20130.573%2026.9C130.861%2026.1192%20131.005%2025.2931%20131%2024.4612C131.026%2023.6203%20130.855%2022.7851%20130.5%2022.0223L130.439%2022.0711ZM119.269%2022.2053H124.037C124.446%2022.1777%20124.85%2022.3137%20125.159%2022.5833C125.3%2022.7251%20125.408%2022.8953%20125.478%2023.0825C125.547%2023.2696%20125.576%2023.4694%20125.561%2023.6686V24.6685C125.575%2024.8675%20125.546%2025.0671%20125.476%2025.2542C125.407%2025.4412%20125.299%2025.6115%20125.159%2025.7537C124.85%2026.0234%20124.446%2026.1593%20124.037%2026.1318H119.269V22.2053ZM124.818%2016.2789C124.831%2016.4778%20124.805%2016.6775%20124.74%2016.866C124.675%2017.0545%20124.573%2017.2281%20124.44%2017.3763C124.29%2017.5122%20124.115%2017.6168%20123.924%2017.6838C123.734%2017.7508%20123.532%2017.779%20123.33%2017.7666H119.269V13.901H123.33C123.531%2013.8751%20123.736%2013.8958%20123.929%2013.9614C124.121%2014.027%20124.296%2014.1358%20124.439%2014.2795C124.583%2014.4231%20124.692%2014.5978%20124.757%2014.7901C124.823%2014.9824%20124.844%2015.1872%20124.818%2015.3887V16.2789Z'%20fill='%230B1324'/%3e%3cpath%20d='M144.34%2031.0953C143.126%2031.155%20141.914%2030.9354%20140.798%2030.4534C139.681%2029.9714%20138.691%2029.2399%20137.901%2028.315C136.341%2026.4615%20135.56%2023.7788%20135.56%2020.2668C135.533%2018.6934%20135.734%2017.1242%20136.158%2015.6087C136.503%2014.376%20137.097%2013.2267%20137.901%2012.2309C138.639%2011.3196%20139.59%2010.6035%20140.669%2010.1457C141.827%209.65969%20143.073%209.41887%20144.328%209.4384C145.939%209.38846%20147.529%209.81246%20148.901%2010.6578C150.192%2011.523%20151.201%2012.7484%20151.803%2014.1819L148.974%2015.6574C148.666%2014.7023%20148.091%2013.8557%20147.315%2013.2186C146.276%2012.531%20145.027%2012.2323%20143.789%2012.375C142.551%2012.5178%20141.403%2013.0929%20140.548%2013.999C139.562%2015.3122%20139.073%2016.9325%20139.17%2018.5718V21.7667C139.078%2023.4055%20139.565%2025.0244%20140.548%2026.3396C141.418%2027.2655%20142.594%2027.8449%20143.858%2027.9705C145.123%2028.096%20146.39%2027.7592%20147.425%2027.0224C148.225%2026.3575%20148.831%2025.49%20149.181%2024.5104L151.9%2026.2176C151.268%2027.6495%20150.25%2028.8778%20148.962%2029.7661C147.593%2030.6713%20145.98%2031.1352%20144.34%2031.0953Z'%20fill='%230B1324'/%3e%3cpath%20d='M153.864%2030.6824V27.9265H156.718V12.5131H153.864V9.745H162.986V12.5131H160.108V27.9265H162.986V30.6824H153.864Z'%20fill='%230B1324'/%3e%3cpath%20d='M174.095%2012.7448V30.6824H170.705V12.7448H164.474V9.745H180.338V12.7448H174.095Z'%20fill='%230B1324'/%3e%3cpath%20d='M188.703%2030.6824V22.4391L181.509%209.745H185.374L190.472%2019.0736H190.557L195.63%209.745H199.349L192.093%2022.3782V30.6824H188.703Z'%20fill='%230B1324'/%3e%3c/svg%3e", H1 = "data:image/svg+xml,%3csvg%20width='200'%20height='65'%20viewBox='0%200%20200%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M88.8403%2047.7397H80.6892V55.5788H77.7744V37.5799H80.6892V45.1611H88.8403V37.5799H91.7551V55.5788H88.8403V47.7397Z'%20fill='white'/%3e%3cpath%20d='M106.326%2055.5788C105.586%2055.5788%20105.019%2055.3725%20104.623%2054.9599C104.228%2054.5301%20103.987%2053.9886%20103.901%2053.3354H103.772C103.514%2054.1777%20103.041%2054.8138%20102.353%2055.2436C101.665%2055.6733%20100.831%2055.8882%2099.8511%2055.8882C98.4582%2055.8882%2097.3834%2055.5272%2096.6268%2054.8052C95.8874%2054.0832%2095.5176%2053.1119%2095.5176%2051.8913C95.5176%2050.5504%2095.9991%2049.5448%2096.9621%2048.8743C97.9423%2048.2039%2099.3696%2047.8686%20101.244%2047.8686H103.669V46.734C103.669%2045.9089%20103.445%2045.2728%20102.998%2044.8258C102.551%2044.3789%20101.854%2044.1554%20100.909%2044.1554C100.118%2044.1554%2099.4728%2044.3273%2098.9741%2044.6711C98.4754%2045.0149%2098.0541%2045.4533%2097.7102%2045.9862L96.0335%2044.4648C96.4806%2043.7084%2097.1083%2043.0896%2097.9165%2042.6082C98.7247%2042.1097%2099.7823%2041.8604%20101.089%2041.8604C102.826%2041.8604%20104.159%2042.2644%20105.087%2043.0724C106.016%2043.8803%20106.48%2045.0407%20106.48%2046.5535V53.2838H107.899V55.5788H106.326ZM100.651%2053.7479C101.528%2053.7479%20102.25%2053.5588%20102.817%2053.1806C103.385%2052.7853%20103.669%2052.2609%20103.669%2051.6077V49.6737H101.296C99.3524%2049.6737%2098.3808%2050.2754%2098.3808%2051.4787V51.9429C98.3808%2052.5446%2098.5786%2053.0001%2098.9741%2053.3096C99.3868%2053.6018%2099.9457%2053.7479%20100.651%2053.7479Z'%20fill='white'/%3e%3cpath%20d='M111.17%2055.5788V42.1698H113.982V44.3875H114.111C114.249%2044.0437%20114.412%2043.717%20114.601%2043.4076C114.808%2043.0982%20115.048%2042.8317%20115.323%2042.6082C115.616%2042.3675%20115.951%2042.187%20116.329%2042.0667C116.725%2041.9292%20117.181%2041.8604%20117.696%2041.8604C118.608%2041.8604%20119.416%2042.0839%20120.121%2042.5308C120.826%2042.9778%20121.342%2043.6655%20121.669%2044.5938H121.746C121.987%2043.8374%20122.451%2043.1927%20123.139%2042.6598C123.827%2042.1269%20124.713%2041.8604%20125.796%2041.8604C127.137%2041.8604%20128.178%2042.316%20128.917%2043.2271C129.657%2044.121%20130.026%2045.4017%20130.026%2047.0693V55.5788H127.215V47.4045C127.215%2046.373%20127.017%2045.5994%20126.621%2045.0837C126.226%2044.5508%20125.598%2044.2843%20124.738%2044.2843C124.377%2044.2843%20124.033%2044.3359%20123.707%2044.439C123.38%2044.525%20123.088%2044.6625%20122.83%2044.8516C122.589%2045.0407%20122.391%2045.2814%20122.236%2045.5736C122.082%2045.8659%20122.004%2046.2011%20122.004%2046.5793V55.5788H119.193V47.4045C119.193%2045.3244%20118.376%2044.2843%20116.742%2044.2843C116.398%2044.2843%20116.054%2044.3359%20115.71%2044.439C115.384%2044.525%20115.091%2044.6625%20114.833%2044.8516C114.575%2045.0407%20114.369%2045.2814%20114.214%2045.5736C114.059%2045.8659%20113.982%2046.2011%20113.982%2046.5793V55.5788H111.17Z'%20fill='white'/%3e%3cpath%20d='M134.433%2036.4968H137.245V44.3875H137.373C137.666%2043.5795%20138.139%2042.9606%20138.792%2042.5308C139.463%2042.0839%20140.245%2041.8604%20141.139%2041.8604C142.842%2041.8604%20144.157%2042.4793%20145.086%2043.717C146.015%2044.9376%20146.479%2046.6567%20146.479%2048.8743C146.479%2051.0919%20146.015%2052.8196%20145.086%2054.0574C144.157%2055.2779%20142.842%2055.8882%20141.139%2055.8882C140.245%2055.8882%20139.463%2055.6647%20138.792%2055.2178C138.139%2054.7708%20137.666%2054.1519%20137.373%2053.3611H137.245V55.5788H134.433V36.4968ZM140.288%2053.4643C141.268%2053.4643%20142.051%2053.1549%20142.636%2052.536C143.22%2051.8999%20143.513%2051.0662%20143.513%2050.0347V47.7139C143.513%2046.6825%20143.22%2045.8573%20142.636%2045.2384C142.051%2044.6024%20141.268%2044.2843%20140.288%2044.2843C139.428%2044.2843%20138.706%2044.4992%20138.122%2044.929C137.537%2045.3416%20137.245%2045.8917%20137.245%2046.5793V51.1693C137.245%2051.8569%20137.537%2052.4156%20138.122%2052.8454C138.706%2053.258%20139.428%2053.4643%20140.288%2053.4643Z'%20fill='white'/%3e%3cpath%20d='M158.339%2053.3611H158.236C158.116%2053.6878%20157.952%2054.0058%20157.746%2054.3152C157.557%2054.6247%20157.307%2054.8997%20156.998%2055.1404C156.706%2055.3639%20156.344%2055.5444%20155.915%2055.6819C155.502%2055.8195%20155.02%2055.8882%20154.47%2055.8882C153.077%2055.8882%20151.994%2055.4413%20151.22%2054.5473C150.463%2053.6534%20150.085%2052.3727%20150.085%2050.7051V42.1698H152.897V50.3441C152.897%2052.4242%20153.756%2053.4643%20155.476%2053.4643C155.837%2053.4643%20156.19%2053.4213%20156.534%2053.3354C156.878%2053.2322%20157.178%2053.0861%20157.436%2052.897C157.712%2052.7079%20157.926%2052.4672%20158.081%2052.175C158.253%2051.8827%20158.339%2051.5389%20158.339%2051.1435V42.1698H161.151V55.5788H158.339V53.3611Z'%20fill='white'/%3e%3cpath%20d='M165.693%2055.5788V42.1698H168.504V44.7485H168.633C168.822%2044.0608%20169.218%2043.4592%20169.82%2042.9434C170.422%2042.4277%20171.256%2042.1698%20172.322%2042.1698H173.07V44.8774H171.961C170.843%2044.8774%20169.983%2045.0579%20169.381%2045.4189C168.797%2045.7799%20168.504%2046.3129%20168.504%2047.0177V55.5788H165.693Z'%20fill='white'/%3e%3cpath%20d='M187.367%2056.8423C187.367%2058.2348%20186.834%2059.2834%20185.767%2059.9883C184.701%2060.6931%20182.964%2061.0455%20180.557%2061.0455C179.456%2061.0455%20178.519%2060.9681%20177.745%2060.8134C176.989%2060.6759%20176.361%2060.4696%20175.862%2060.1945C175.381%2059.9195%20175.028%2059.5843%20174.805%2059.1889C174.581%2058.7935%20174.469%2058.3379%20174.469%2057.8222C174.469%2057.083%20174.667%2056.5071%20175.063%2056.0945C175.475%2055.6819%20176.043%2055.3983%20176.765%2055.2436V54.9599C175.751%2054.6333%20175.243%2053.9456%20175.243%2052.897C175.243%2052.2094%20175.475%2051.685%20175.94%2051.324C176.404%2050.9458%20176.963%2050.6794%20177.616%2050.5246V50.4215C176.825%2050.0433%20176.215%2049.519%20175.785%2048.8485C175.372%2048.1609%20175.166%2047.3615%20175.166%2046.4504C175.166%2045.0751%20175.622%2043.9663%20176.533%2043.1239C177.462%2042.2816%20178.786%2041.8604%20180.505%2041.8604C181.451%2041.8604%20182.259%2041.9979%20182.93%2042.273V41.912C182.93%2041.3103%20183.068%2040.8461%20183.343%2040.5195C183.635%2040.1757%20184.082%2040.0038%20184.684%2040.0038H186.748V42.273H184.013V42.8145C184.615%2043.2099%20185.08%2043.7256%20185.406%2044.3617C185.733%2044.9806%20185.896%2045.6768%20185.896%2046.4504C185.896%2047.8085%20185.432%2048.9087%20184.504%2049.751C183.575%2050.5762%20182.251%2050.9888%20180.531%2050.9888C179.878%2050.9888%20179.293%2050.92%20178.777%2050.7825C178.433%2050.9028%20178.132%2051.0748%20177.874%2051.2982C177.616%2051.5