@zeniai/web-components 3.17.3 → 3.17.4

package/dist/TreasuryPromoPage-CE289ZvD.js

@@ -0,0 +1,1123 @@
+import { j as t, D as ye, u as he } from "./vendor-.pnpm-B2klaOGU.js";
+import * as i from "react";
+import fe, { useState as A, useEffect as be } from "react";
+import r from "@emotion/styled";
+import { hasTreasuryAdminLevelAccess as ke } from "@zeniai/client-epic-state";
+import { u as G, a as N, C as a, S as o, b as Se, t as ee, fv as je, F as S, ai as ve, eD as ze, V as O, H as Le, dB as Pe, dD as Be, aD as Me, aE as Te, hH as Ee, eI as Ie, kB as Re, Z as De, B as te, e as oe, aw as w, R as v, o as W, aJ as He, e_ as We, E as _e, D as h } from "./index-CR2Dmphx.js";
+import { S as Ae, V as Ve } from "./VideoPlayer-CaaClHOI.js";
+import { S as Fe } from "./auto-transfer-rule-mbafm5D3.js";
+import { S as Ge } from "./clock-CJkylEKt.js";
+import { S as Ne } from "./shield-DOlUxcFf.js";
+const Oe = ({ isOpen: e, onClose: C }) => {
+  const c = G(), x = N.getLocalizedStrings().spendManagement.treasury.promoPage;
+  return /* @__PURE__ */ t.jsx(
+    ye,
+    {
+      anchor: "right",
+      slotProps: {
+        paper: {
+          sx: {
+            width: c === "small" || c === "medium-compact" ? "100%" : "60%",
+            boxShadow: "none"
+          }
+        }
+      },
+      open: e,
+      onClose: C,
+      style: { backgroundColor: a.drawerBackground },
+      transitionDuration: 250,
+      children: /* @__PURE__ */ t.jsxs(Ue, { windowSize: c, children: [
+        /* @__PURE__ */ t.jsx(Ye, { children: /* @__PURE__ */ t.jsx(Je, { onClick: C }) }),
+        /* @__PURE__ */ t.jsxs(qe, { children: [
+          /* @__PURE__ */ t.jsx(Xe, { windowSize: c, children: x.agreementDrawer.title }),
+          /* @__PURE__ */ t.jsx(re, { children: x.agreementDrawer.intro }),
+          /* @__PURE__ */ t.jsx(V, { children: x.agreementDrawer.introBullets.map(
+            (p, $) => /* @__PURE__ */ t.jsx(ie, { children: p }, $)
+          ) }),
+          /* @__PURE__ */ t.jsx(V, { children: x.agreementDrawer.documents.map(
+            (p, $) => /* @__PURE__ */ t.jsx(Ze, { children: p.hasMultipleLinks === !0 && p.links ? /* @__PURE__ */ t.jsx(Qe, { children: p.links.map((g, b) => /* @__PURE__ */ t.jsx(et, { children: g.link !== "" ? /* @__PURE__ */ t.jsx(
+              se,
+              {
+                href: g.link,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: g.text
+              }
+            ) : g.text }, b)) }) : /* @__PURE__ */ t.jsx(
+              se,
+              {
+                href: p.link,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: p.text
+              }
+            ) }, $)
+          ) }),
+          /* @__PURE__ */ t.jsx(re, { style: { marginTop: o.sp2 }, children: x.agreementDrawer.confirmTitle }),
+          /* @__PURE__ */ t.jsx(V, { children: x.agreementDrawer.confirmBullets.map(
+            (p, $) => /* @__PURE__ */ t.jsx(ie, { children: p }, $)
+          ) })
+        ] })
+      ] })
+    }
+  );
+}, Ue = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: ${(e) => e.windowSize === "small" ? "auto" : "100%"};
+  background-color: ${(e) => e.theme.colors.grey5};
+`, Ye = r.div`
+  display: flex;
+  justify-content: end;
+  padding: ${o.sp4} ${o.sp6};
+`, qe = r.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 ${o.sp6} 0 ${o.sp6};
+`, Xe = r(je)`
+  color: ${(e) => e.theme.colors.primary};
+  padding-bottom: ${o.sp3};
+  ${(e) => e.windowSize === "small" ? ee.h6Medium.css : ee.h5Medium.css};
+`, re = r(S)`
+  color: ${(e) => e.theme.colors.hero};
+  max-width: 100%;
+  align-self: stretch;
+`, Je = r(Se)`
+  cursor: pointer;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${(e) => e.theme.colors.hero};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, Ke = S.withComponent("ul"), V = r(Ke)`
+  margin: 0;
+  padding-left: ${o.sp4};
+  color: ${(e) => e.theme.colors.hero};
+
+  li::marker {
+    font-size: 10px;
+  }
+`, Ze = r.li`
+  color: ${(e) => e.theme.colors.hero};
+`, se = r.a`
+  color: ${(e) => e.theme.colors.hero};
+  text-decoration: underline;
+  text-decoration-color: ${(e) => e.theme.colors.grey2};
+  cursor: pointer;
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+    text-decoration-color: ${(e) => e.theme.colors.primary};
+  }
+`, Qe = r.div`
+  display: inline;
+`, ie = r.li`
+  color: ${(e) => e.theme.colors.hero};
+`, et = r.span`
+  display: inline;
+`, z = 0, M = 5e6, tt = 1e4, u = N.getLocalizedStrings().spendManagement.treasury.promoPage, F = [
+  u.sliderLabel0,
+  u.sliderLabel1,
+  u.sliderLabel2,
+  u.sliderLabel3,
+  u.sliderLabel4
+];
+function ot(e) {
+  return e >= 1e6 ? `$${(e / 1e6).toFixed(2)}M` : e >= 1e3 ? `$${(e / 1e3).toFixed(2)}K` : `$${e.toLocaleString()}`;
+}
+function ne(e) {
+  return `$${e.toLocaleString(void 0, { maximumFractionDigits: 0 })}`;
+}
+const rt = ({
+  analytics: e,
+  yieldPercentage: C
+}) => {
+  const [c, x] = fe.useState(15e5), p = c * C, $ = () => `${(c - z) / (M - z) * 100}%`, g = he(), b = G();
+  return /* @__PURE__ */ t.jsxs(st, { windowSize: b, children: [
+    b === "small" ? /* @__PURE__ */ t.jsx(ht, { children: u.sliderTitle }) : /* @__PURE__ */ t.jsx(pt, { children: u.sliderTitle }),
+    /* @__PURE__ */ t.jsxs(it, { children: [
+      b === "small" ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(le, { style: { color: g.colors.primary }, children: u.sliderEarnLabel }),
+        /* @__PURE__ */ t.jsxs(le, { style: { color: a.success }, children: [
+          ne(p),
+          /* @__PURE__ */ t.jsx(
+            "sup",
+            {
+              style: {
+                fontSize: o.sp2,
+                marginLeft: o.sp1,
+                position: "relative",
+                top: `-${o.sp1}`
+              },
+              children: "IV"
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(ae, { style: { color: g.colors.primary }, children: u.sliderEarnLabel }),
+        /* @__PURE__ */ t.jsxs(ae, { style: { color: a.success }, children: [
+          ne(p),
+          /* @__PURE__ */ t.jsx(
+            "sup",
+            {
+              style: {
+                fontSize: o.sp2,
+                marginLeft: o.sp1,
+                position: "relative",
+                top: `-${o.sp1}`
+              },
+              children: "IV"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsx(ve, { style: { color: g.colors.primary }, children: u.sliderPerYear })
+    ] }),
+    /* @__PURE__ */ t.jsxs(nt, { children: [
+      /* @__PURE__ */ t.jsx(
+        lt,
+        {
+          type: "range",
+          min: z,
+          max: M,
+          step: tt,
+          value: c,
+          onChange: (k) => {
+            const n = Number(k.target.value);
+            x(n), e.trackTreasuryCalculatorClick(
+              "Treasury Promo Page",
+              n
+            );
+          },
+          style: {
+            background: `linear-gradient(to right, ${a.success} 0%, ${a.success} ${(c - z) / (M - z) * 100}%, ${a.neutralGrey3Light} ${(c - z) / (M - z) * 100}%, ${a.neutralGrey3Light} 100%)`
+          }
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(ct, { style: { left: $() }, children: [
+        u.sliderTooltipPrefix,
+        " ",
+        ot(c)
+      ] }),
+      /* @__PURE__ */ t.jsx(at, { children: F.map((k, n) => {
+        const _ = n / (F.length - 1) * M <= c;
+        return /* @__PURE__ */ t.jsx(
+          dt,
+          {
+            style: { left: `${n / (F.length - 1) * 100}%` },
+            children: /* @__PURE__ */ t.jsx(
+              S,
+              {
+                style: {
+                  color: _ ? g.colors.primary : a.neutralGrey1Light
+                },
+                children: k
+              }
+            )
+          },
+          n
+        );
+      }) })
+    ] })
+  ] });
+}, st = r.div`
+  width: 100%;
+  max-width: ${(e) => e.windowSize === "small" ? "345px" : "726px"};
+  margin: 0 auto;
+  padding: ${o.sp6} 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, it = r.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+  margin-bottom: ${o.sp4};
+  margin-top: ${o.sp2};
+`, le = r(O)``, ae = r(Le)``, nt = r.div`
+  width: 100%;
+  position: relative;
+  margin-top: ${o.sp4};
+`, lt = r.input`
+  width: 100%;
+  appearance: none;
+  height: 2px;
+  border-radius: 1px;
+  outline: none;
+  &::-webkit-slider-thumb {
+    appearance: none;
+    width: ${o.sp3};
+    height: ${o.sp3};
+    border-radius: 100%;
+    background: ${(e) => e.theme.colors.grey5};
+    cursor: pointer;
+    border: 2px solid ${a.success};
+    margin-top: -7px;
+  }
+  &::-moz-range-thumb {
+    width: ${o.sp3};
+    height: ${o.sp3};
+    border-radius: 50%;
+    background: ${(e) => e.theme.colors.grey5};
+    cursor: pointer;
+    border: 2px solid ${a.success};
+  }
+  &::-ms-thumb {
+    width: ${o.sp3};
+    height: ${o.sp3};
+    border-radius: 50%;
+    background: ${(e) => e.theme.colors.grey5};
+    cursor: pointer;
+    border: 2px solid ${a.success};
+  }
+  &::-webkit-slider-runnable-track {
+    height: 2px;
+    background: transparent;
+  }
+  &::-ms-fill-lower {
+    background: transparent;
+  }
+  &::-ms-fill-upper {
+    background: transparent;
+  }
+  &::-moz-range-track {
+    height: 2px;
+    background: transparent;
+  }
+`, at = r.div`
+  position: absolute;
+  top: ${o.sp5};
+  left: 0;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+`, dt = r.div`
+  position: absolute;
+  transform: translateX(-50%);
+`, ct = r.div`
+  position: absolute;
+  top: -${o.sp5};
+  white-space: nowrap;
+  color: ${a.primaryDark};
+  background-color: ${a.success};
+  display: flex;
+  border-radius: ${o.sp1};
+  justify-content: center;
+  align-items: center;
+  padding: 2px ${o.sp2};
+  font-size: 16px;
+  font-weight: 500;
+  pointer-events: none;
+  transform: translateX(-50%);
+`, pt = r(O)`
+  color: ${(e) => e.theme.colors.primary};
+  letter-spacing: -0.01em;
+`, ht = r(ze)`
+  color: ${(e) => e.theme.colors.primary};
+  letter-spacing: -0.01em;
+`, mt = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M1.5 16.8597L9.6679 9.59848C9.84009 9.44555 10.0608 9.35843 10.291 9.35254C10.5213 9.34665 10.7461 9.42235 10.9259 9.56627L14.5048 12.4288C14.6879 12.5752 14.9175 12.6508 15.1517 12.6419C15.3859 12.6329 15.6091 12.5399 15.7804 12.38L22.4834 6.12402", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M18.5957 5.92554H22.4996V9.82942", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), gt = (e) => /* @__PURE__ */ i.createElement("svg", { width: 255, height: 189, viewBox: "0 0 255 189", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_251_38259)" }, /* @__PURE__ */ i.createElement("path", { d: "M0 9.02466C73.8923 -8.35395 80.6314 49.7252 156.567 49.7252C232.502 49.7252 228.443 7.99003 304.378 7.99003C380.313 7.99003 376.254 49.7252 452.189 49.7252C528.124 49.7252 524.065 7.99003 600 7.99003C675.935 7.99003 671.876 49.7252 747.811 49.7252C823.746 49.7252 819.687 7.99003 895.622 7.99003C971.557 7.99003 967.498 49.7252 1043.43 49.7252C1119.37 49.7252 1126.11 -8.38048 1200 9.02466", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 18.9788C73.8923 1.60015 80.6314 59.6793 156.567 59.6793C232.502 59.6793 228.443 17.9441 304.378 17.9441C380.313 17.9441 376.254 59.6793 452.189 59.6793C528.124 59.6793 524.065 17.9441 600 17.9441C675.935 17.9441 671.876 59.6793 747.811 59.6793C823.746 59.6793 819.687 17.9441 895.622 17.9441C971.557 17.9441 967.498 59.6793 1043.43 59.6793C1119.37 59.6793 1126.11 1.57362 1200 18.9788", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 28.9329C73.8923 11.5543 80.6314 69.6334 156.567 69.6334C232.502 69.6334 228.443 27.8982 304.378 27.8982C380.313 27.8982 376.254 69.6334 452.189 69.6334C528.124 69.6334 524.065 27.8982 600 27.8982C675.935 27.8982 671.876 69.6334 747.811 69.6334C823.746 69.6334 819.687 27.8982 895.622 27.8982C971.557 27.8982 967.498 69.6334 1043.43 69.6334C1119.37 69.6334 1126.11 11.5277 1200 28.9329", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 38.887C73.8923 21.5084 80.6314 79.5875 156.567 79.5875C232.502 79.5875 228.443 37.8523 304.378 37.8523C380.313 37.8523 376.254 79.5875 452.189 79.5875C528.124 79.5875 524.065 37.8523 600 37.8523C675.935 37.8523 671.876 79.5875 747.811 79.5875C823.746 79.5875 819.687 37.8523 895.622 37.8523C971.557 37.8523 967.498 79.5875 1043.43 79.5875C1119.37 79.5875 1126.11 21.4818 1200 38.887", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 48.8411C73.8923 31.4625 80.6314 89.5416 156.567 89.5416C232.502 89.5416 228.443 47.8064 304.378 47.8064C380.313 47.8064 376.254 89.5416 452.189 89.5416C528.124 89.5416 524.065 47.8064 600 47.8064C675.935 47.8064 671.876 89.5416 747.811 89.5416C823.746 89.5416 819.687 47.8064 895.622 47.8064C971.557 47.8064 967.498 89.5416 1043.43 89.5416C1119.37 89.5416 1126.11 31.4359 1200 48.8411", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 58.7952C73.8923 41.4166 80.6314 99.4957 156.567 99.4957C232.502 99.4957 228.443 57.7605 304.378 57.7605C380.313 57.7605 376.254 99.4957 452.189 99.4957C528.124 99.4957 524.065 57.7605 600 57.7605C675.935 57.7605 671.876 99.4957 747.811 99.4957C823.746 99.4957 819.687 57.7605 895.622 57.7605C971.557 57.7605 967.498 99.4957 1043.43 99.4957C1119.37 99.4957 1126.11 41.39 1200 58.7952", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 68.7493C73.8923 51.3707 80.6314 109.45 156.567 109.45C232.502 109.45 228.443 67.7146 304.378 67.7146C380.313 67.7146 376.254 109.45 452.189 109.45C528.124 109.45 524.065 67.7146 600 67.7146C675.935 67.7146 671.876 109.45 747.811 109.45C823.746 109.45 819.687 67.7146 895.622 67.7146C971.557 67.7146 967.498 109.45 1043.43 109.45C1119.37 109.45 1126.11 51.3441 1200 68.7493", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 78.7034C73.8923 61.3248 80.6314 119.404 156.567 119.404C232.502 119.404 228.443 77.6687 304.378 77.6687C380.313 77.6687 376.254 119.404 452.189 119.404C528.124 119.404 524.065 77.6687 600 77.6687C675.935 77.6687 671.876 119.404 747.811 119.404C823.746 119.404 819.687 77.6687 895.622 77.6687C971.557 77.6687 967.498 119.404 1043.43 119.404C1119.37 119.404 1126.11 61.2982 1200 78.7034", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 88.6575C73.8923 71.2789 80.6314 129.358 156.567 129.358C232.502 129.358 228.443 87.6228 304.378 87.6228C380.313 87.6228 376.254 129.358 452.189 129.358C528.124 129.358 524.065 87.6228 600 87.6228C675.935 87.6228 671.876 129.358 747.811 129.358C823.746 129.358 819.687 87.6228 895.622 87.6228C971.557 87.6228 967.498 129.358 1043.43 129.358C1119.37 129.358 1126.11 71.2523 1200 88.6575", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 98.6116C73.8923 81.233 80.6314 139.312 156.567 139.312C232.502 139.312 228.443 97.5769 304.378 97.5769C380.313 97.5769 376.254 139.312 452.189 139.312C528.124 139.312 524.065 97.5769 600 97.5769C675.935 97.5769 671.876 139.312 747.811 139.312C823.746 139.312 819.687 97.5769 895.622 97.5769C971.557 97.5769 967.498 139.312 1043.43 139.312C1119.37 139.312 1126.11 81.2064 1200 98.6116", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 108.566C73.8923 91.1871 80.6314 149.266 156.567 149.266C232.502 149.266 228.443 107.531 304.378 107.531C380.313 107.531 376.254 149.266 452.189 149.266C528.124 149.266 524.065 107.531 600 107.531C675.935 107.531 671.876 149.266 747.811 149.266C823.746 149.266 819.687 107.531 895.622 107.531C971.557 107.531 967.498 149.266 1043.43 149.266C1119.37 149.266 1126.11 91.1605 1200 108.566", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 118.52C73.8923 101.141 80.6314 159.22 156.567 159.22C232.502 159.22 228.443 117.485 304.378 117.485C380.313 117.485 376.254 159.22 452.189 159.22C528.124 159.22 524.065 117.485 600 117.485C675.935 117.485 671.876 159.22 747.811 159.22C823.746 159.22 819.687 117.485 895.622 117.485C971.557 117.485 967.498 159.22 1043.43 159.22C1119.37 159.22 1126.11 101.115 1200 118.52", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M0 128.474C73.8923 111.095 80.6314 169.174 156.567 169.174C232.502 169.174 228.443 127.439 304.378 127.439C380.313 127.439 376.254 169.174 452.189 169.174C528.124 169.174 524.065 127.439 600 127.439C675.935 127.439 671.876 169.174 747.811 169.174C823.746 169.174 819.687 127.439 895.622 127.439C971.557 127.439 967.498 169.174 1043.43 169.174C1119.37 169.174 1126.11 111.069 1200 128.474", stroke: "#97C3B9", strokeWidth: 1.5 })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_251_38259" }, /* @__PURE__ */ i.createElement("rect", { width: 255, height: 189, fill: "white" })))), ut = (e) => /* @__PURE__ */ i.createElement("svg", { width: 255, height: 189, viewBox: "0 0 255 189", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("g", { clipPath: "url(#clip0_251_38273)" }, /* @__PURE__ */ i.createElement("path", { d: "M255 9.02466C181.108 -8.35395 174.369 49.7252 98.4333 49.7252C22.498 49.7252 26.5575 7.99003 -49.3778 7.99003C-125.313 7.99003 -121.254 49.7252 -197.189 49.7252C-273.124 49.7252 -269.065 7.99003 -345 7.99003C-420.935 7.99003 -416.876 49.7252 -492.811 49.7252C-568.746 49.7252 -564.687 7.99003 -640.622 7.99003C-716.557 7.99003 -712.498 49.7252 -788.433 49.7252C-864.369 49.7252 -871.108 -8.38048 -945 9.02466", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 18.9788C181.108 1.60015 174.369 59.6793 98.4333 59.6793C22.498 59.6793 26.5575 17.9441 -49.3778 17.9441C-125.313 17.9441 -121.254 59.6793 -197.189 59.6793C-273.124 59.6793 -269.065 17.9441 -345 17.9441C-420.935 17.9441 -416.876 59.6793 -492.811 59.6793C-568.746 59.6793 -564.687 17.9441 -640.622 17.9441C-716.557 17.9441 -712.498 59.6793 -788.433 59.6793C-864.369 59.6793 -871.108 1.57362 -945 18.9788", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 28.9329C181.108 11.5543 174.369 69.6334 98.4333 69.6334C22.498 69.6334 26.5575 27.8982 -49.3778 27.8982C-125.313 27.8982 -121.254 69.6334 -197.189 69.6334C-273.124 69.6334 -269.065 27.8982 -345 27.8982C-420.935 27.8982 -416.876 69.6334 -492.811 69.6334C-568.746 69.6334 -564.687 27.8982 -640.622 27.8982C-716.557 27.8982 -712.498 69.6334 -788.433 69.6334C-864.369 69.6334 -871.108 11.5277 -945 28.9329", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 38.887C181.108 21.5084 174.369 79.5875 98.4333 79.5875C22.498 79.5875 26.5575 37.8523 -49.3778 37.8523C-125.313 37.8523 -121.254 79.5875 -197.189 79.5875C-273.124 79.5875 -269.065 37.8523 -345 37.8523C-420.935 37.8523 -416.876 79.5875 -492.811 79.5875C-568.746 79.5875 -564.687 37.8523 -640.622 37.8523C-716.557 37.8523 -712.498 79.5875 -788.433 79.5875C-864.369 79.5875 -871.108 21.4818 -945 38.887", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 48.8411C181.108 31.4625 174.369 89.5416 98.4333 89.5416C22.498 89.5416 26.5575 47.8064 -49.3778 47.8064C-125.313 47.8064 -121.254 89.5416 -197.189 89.5416C-273.124 89.5416 -269.065 47.8064 -345 47.8064C-420.935 47.8064 -416.876 89.5416 -492.811 89.5416C-568.746 89.5416 -564.687 47.8064 -640.622 47.8064C-716.557 47.8064 -712.498 89.5416 -788.433 89.5416C-864.369 89.5416 -871.108 31.4359 -945 48.8411", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 58.7952C181.108 41.4166 174.369 99.4957 98.4333 99.4957C22.498 99.4957 26.5575 57.7605 -49.3778 57.7605C-125.313 57.7605 -121.254 99.4957 -197.189 99.4957C-273.124 99.4957 -269.065 57.7605 -345 57.7605C-420.935 57.7605 -416.876 99.4957 -492.811 99.4957C-568.746 99.4957 -564.687 57.7605 -640.622 57.7605C-716.557 57.7605 -712.498 99.4957 -788.433 99.4957C-864.369 99.4957 -871.108 41.39 -945 58.7952", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 68.7493C181.108 51.3707 174.369 109.45 98.4333 109.45C22.498 109.45 26.5575 67.7146 -49.3778 67.7146C-125.313 67.7146 -121.254 109.45 -197.189 109.45C-273.124 109.45 -269.065 67.7146 -345 67.7146C-420.935 67.7146 -416.876 109.45 -492.811 109.45C-568.746 109.45 -564.687 67.7146 -640.622 67.7146C-716.557 67.7146 -712.498 109.45 -788.433 109.45C-864.369 109.45 -871.108 51.3441 -945 68.7493", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 78.7034C181.108 61.3248 174.369 119.404 98.4333 119.404C22.498 119.404 26.5575 77.6687 -49.3778 77.6687C-125.313 77.6687 -121.254 119.404 -197.189 119.404C-273.124 119.404 -269.065 77.6687 -345 77.6687C-420.935 77.6687 -416.876 119.404 -492.811 119.404C-568.746 119.404 -564.687 77.6687 -640.622 77.6687C-716.557 77.6687 -712.498 119.404 -788.433 119.404C-864.369 119.404 -871.108 61.2982 -945 78.7034", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 88.6575C181.108 71.2789 174.369 129.358 98.4333 129.358C22.498 129.358 26.5575 87.6228 -49.3778 87.6228C-125.313 87.6228 -121.254 129.358 -197.189 129.358C-273.124 129.358 -269.065 87.6228 -345 87.6228C-420.935 87.6228 -416.876 129.358 -492.811 129.358C-568.746 129.358 -564.687 87.6228 -640.622 87.6228C-716.557 87.6228 -712.498 129.358 -788.433 129.358C-864.369 129.358 -871.108 71.2523 -945 88.6575", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 98.6116C181.108 81.233 174.369 139.312 98.4333 139.312C22.498 139.312 26.5575 97.5769 -49.3778 97.5769C-125.313 97.5769 -121.254 139.312 -197.189 139.312C-273.124 139.312 -269.065 97.5769 -345 97.5769C-420.935 97.5769 -416.876 139.312 -492.811 139.312C-568.746 139.312 -564.687 97.5769 -640.622 97.5769C-716.557 97.5769 -712.498 139.312 -788.433 139.312C-864.369 139.312 -871.108 81.2064 -945 98.6116", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 108.566C181.108 91.1871 174.369 149.266 98.4333 149.266C22.498 149.266 26.5575 107.531 -49.3778 107.531C-125.313 107.531 -121.254 149.266 -197.189 149.266C-273.124 149.266 -269.065 107.531 -345 107.531C-420.935 107.531 -416.876 149.266 -492.811 149.266C-568.746 149.266 -564.687 107.531 -640.622 107.531C-716.557 107.531 -712.498 149.266 -788.433 149.266C-864.369 149.266 -871.108 91.1605 -945 108.566", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 118.52C181.108 101.141 174.369 159.22 98.4333 159.22C22.498 159.22 26.5575 117.485 -49.3778 117.485C-125.313 117.485 -121.254 159.22 -197.189 159.22C-273.124 159.22 -269.065 117.485 -345 117.485C-420.935 117.485 -416.876 159.22 -492.811 159.22C-568.746 159.22 -564.687 117.485 -640.622 117.485C-716.557 117.485 -712.498 159.22 -788.433 159.22C-864.369 159.22 -871.108 101.115 -945 118.52", stroke: "#97C3B9", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M255 128.474C181.108 111.095 174.369 169.174 98.4333 169.174C22.498 169.174 26.5575 127.439 -49.3778 127.439C-125.313 127.439 -121.254 169.174 -197.189 169.174C-273.124 169.174 -269.065 127.439 -345 127.439C-420.935 127.439 -416.876 169.174 -492.811 169.174C-568.746 169.174 -564.687 127.439 -640.622 127.439C-716.557 127.439 -712.498 169.174 -788.433 169.174C-864.369 169.174 -871.108 111.069 -945 128.474", stroke: "#97C3B9", strokeWidth: 1.5 })), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("clipPath", { id: "clip0_251_38273" }, /* @__PURE__ */ i.createElement("rect", { width: 255, height: 189, fill: "white", transform: "matrix(-1 0 0 1 255 0)" })))), { common: xt, spendManagement: Ct } = N.getLocalizedStrings(), s = Ct.treasury.promoPage, f = {
+  mainHeading: new w("h6Medium", "h4Regular"),
+  subHeading: new w("standardRegular", "h6Regular"),
+  fundSymbol: new w("extraSmallSemiBold", "smallSemiBold"),
+  fundName: new w("extraLargeSemiBold", "h5SemiBold"),
+  fundSubName: new w("standardMedium", "h6SemiBold"),
+  highlightValue: new w("smallRegular", "largeMedium"),
+  highlightLabel: new w("extraSmallRegular", "smallRegular"),
+  uspItemTitle: new w("extraLargeMedium", "h6Medium"),
+  uspItemDescription: new w(
+    "extraSmallRegular",
+    "standardRegular"
+  )
+}, m = {
+  uspLogoSize: new v(h[4], h[5]),
+  cardsGap: new v(h[4], h[6]),
+  fundHeaderGap: new v(h[0], h[2]),
+  fundHeaderPadding: new v(h[3], h[4]),
+  fundHeaderPaddingTop: new v(h[4], h[7]),
+  fundHighlightsPadding: new v(h[2], h[3]),
+  highlightItemGap: new v(h[0], h[1])
+}, xo = ({
+  treasurySetupView: e,
+  isSetupComplete: C,
+  meetingUrl: c,
+  videoUrl: x,
+  onBackClick: p,
+  onClickMenuIcon: $,
+  onSetupButtonClick: g,
+  onTreasurySetupSuccess: b
+}) => {
+  const k = he(), n = G(), U = Pe(), [_, Y] = A(!1), [me, q] = A(!1), [X, J] = A(!1), L = Be().analytics, ge = () => {
+    L.trackTreasurySetupActionClick("schedule_demo"), Y(!0);
+  }, { treasuryTermsDetails: ue, fundsData: K } = e, D = ue?.fetchStatus.fetchState, Z = Me(D), Q = K.reduce((l, d) => {
+    const j = d.yield?.toString() || "0%", H = parseFloat(j.replace("%", "")) / 100;
+    return Math.max(l, H);
+  }, 0), xe = ke(
+    U.loggedInUserRoleMap
+  );
+  be(() => {
+    Z === "In-Progress" && D === "Completed" && b(C);
+  }, [Z, b, D, C]);
+  const Ce = [
+    {
+      title: `${s.usps.upTo} ${(Q * 100).toFixed(2)}%`,
+      description: s.yieldLabel.trim()
+    },
+    {
+      title: s.usps.insuredFundsAmount,
+      description: s.usps.sipcInsured
+    },
+    {
+      title: s.usps.highLiquidity,
+      description: s.usps.sameDayTransfer
+    },
+    {
+      title: s.usps.autoTransfers,
+      description: s.usps.automateCashManagement
+    }
+  ], $e = (l, d) => l === 0 ? /* @__PURE__ */ t.jsx(Ft, { theme: d, windowSize: n }) : l === 1 ? /* @__PURE__ */ t.jsx(Gt, { theme: d, windowSize: n }) : l === 2 ? /* @__PURE__ */ t.jsx(Nt, { theme: d, windowSize: n }) : l === 3 ? /* @__PURE__ */ t.jsx(Ot, { theme: d, windowSize: n }) : null;
+  return /* @__PURE__ */ t.jsxs($t, { children: [
+    /* @__PURE__ */ t.jsx(
+      Te,
+      {
+        title: s.title,
+        backgroundColor: k.colors.grey4,
+        onBackClick: p,
+        showBackButton: !0,
+        showMenuIcon: !1,
+        onClickMenuIcon: $,
+        style: { zIndex: 2 },
+        source: "treasury"
+      }
+    ),
+    _ === !0 ? /* @__PURE__ */ t.jsx(
+      Ee,
+      {
+        onCancelClick: () => {
+          Y(!1);
+        },
+        meetingUrl: c
+      }
+    ) : null,
+    /* @__PURE__ */ t.jsxs(Dt, { windowSize: n, children: [
+      /* @__PURE__ */ t.jsx(Ht, { windowSize: n, children: s.heading }),
+      /* @__PURE__ */ t.jsx(Wt, { windowSize: n, children: s.subHeading })
+    ] }),
+    /* @__PURE__ */ t.jsxs(Qt, { windowSize: n, children: [
+      /* @__PURE__ */ t.jsx(ro, { windowSize: n }),
+      /* @__PURE__ */ t.jsx(so, { windowSize: n }),
+      /* @__PURE__ */ t.jsxs(
+        eo,
+        {
+          windowSize: n,
+          onClick: () => {
+            J(!0), L?.trackTreasuryPromoVideo("Promo Page");
+          },
+          style: { visibility: X ? "hidden" : "visible" },
+          children: [
+            /* @__PURE__ */ t.jsx(
+              to,
+              {
+                src: "https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-thumbnail.jpg",
+                alt: "Treasury Video"
+              }
+            ),
+            /* @__PURE__ */ t.jsx(oo, { children: /* @__PURE__ */ t.jsx(Ae, {}) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(wt, { windowSize: n, children: K.map((l, d) => {
+      const j = Ie(d, k);
+      return /* @__PURE__ */ t.jsxs(yt, { children: [
+        /* @__PURE__ */ t.jsxs(
+          ft,
+          {
+            windowSize: n,
+            bgColor: j.headerBackground,
+            index: d,
+            children: [
+              /* @__PURE__ */ t.jsx(bt, { windowSize: n, children: l.fundCode }),
+              /* @__PURE__ */ t.jsxs("div", { children: [
+                /* @__PURE__ */ t.jsx(
+                  kt,
+                  {
+                    windowSize: n,
+                    color: j.fundNameColor,
+                    children: l.fundCompanyName ?? l.fundName
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  St,
+                  {
+                    windowSize: n,
+                    color: j.fundSubNameColor,
+                    children: l.fundName
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          jt,
+          {
+            windowSize: n,
+            bgColor: j.highlightsBackground,
+            children: [
+              /* @__PURE__ */ t.jsxs(de, { windowSize: n, children: [
+                /* @__PURE__ */ t.jsxs(ce, { windowSize: n, children: [
+                  /* @__PURE__ */ t.jsxs(zt, { children: [
+                    l.yield,
+                    "%"
+                  ] }),
+                  s.yieldLabel,
+                  /* @__PURE__ */ t.jsx("sup", { style: { fontSize: o.sp2, marginLeft: o.sp1 }, children: "I" })
+                ] }),
+                /* @__PURE__ */ t.jsx(pe, { windowSize: n, children: s.higherReturns })
+              ] }),
+              /* @__PURE__ */ t.jsx(vt, {}),
+              /* @__PURE__ */ t.jsxs(de, { windowSize: n, children: [
+                /* @__PURE__ */ t.jsxs(ce, { windowSize: n, children: [
+                  l.liquidityTimeline,
+                  s.liquidity,
+                  l.liquidityTimeline.includes("Same-Day") ? /* @__PURE__ */ t.jsx("sup", { style: { fontSize: o.sp2, marginLeft: o.sp1 }, children: "II" }) : null
+                ] }),
+                /* @__PURE__ */ t.jsx(pe, { windowSize: n, children: s.quickPayments })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t.jsx(Lt, { windowSize: n, children: l.description }),
+        /* @__PURE__ */ t.jsxs(Pt, { children: [
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsxs(E, { children: [
+              /* @__PURE__ */ t.jsx(R, {}),
+              " ",
+              s.fundSize
+            ] }),
+            /* @__PURE__ */ t.jsx(I, { color: j.fundNameColor, children: Re(
+              l.fundSize,
+              l.currencyCode
+            ) })
+          ] }),
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsxs(E, { children: [
+              /* @__PURE__ */ t.jsx(R, {}),
+              " ",
+              s.maturity
+            ] }),
+            /* @__PURE__ */ t.jsxs(I, { children: [
+              l.maturity,
+              "",
+              " ",
+              xt.timeStrings.days
+            ] })
+          ] }),
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsxs(E, { children: [
+              /* @__PURE__ */ t.jsx(R, {}),
+              " ",
+              s.expenseRatio
+            ] }),
+            /* @__PURE__ */ t.jsxs(I, { children: [
+              l.expenseRatio,
+              s.expenseRatioSuffix
+            ] })
+          ] }),
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsxs(E, { children: [
+              /* @__PURE__ */ t.jsx(R, {}),
+              " ",
+              s.riskRating
+            ] }),
+            /* @__PURE__ */ t.jsx(I, { children: l.riskRating })
+          ] }),
+          /* @__PURE__ */ t.jsxs(T, { children: [
+            /* @__PURE__ */ t.jsxs(E, { children: [
+              /* @__PURE__ */ t.jsx(R, {}),
+              " ",
+              s.composition
+            ] }),
+            /* @__PURE__ */ t.jsx(I, { children: /* @__PURE__ */ t.jsxs(Mt, { children: [
+              l.compositions[0].investedIn,
+              " ",
+              l.compositions[0].percentage,
+              /* @__PURE__ */ t.jsx(
+                De,
+                {
+                  style: { textAlign: "left", display: "inline" },
+                  maxWidth: "312px",
+                  title: /* @__PURE__ */ t.jsxs(Tt, { children: [
+                    /* @__PURE__ */ t.jsx(S, { children: s.compositionHeading }),
+                    l.compositions.map((H, we) => /* @__PURE__ */ t.jsxs(Et, { children: [
+                      /* @__PURE__ */ t.jsx(It, {}),
+                      /* @__PURE__ */ t.jsx(S, { children: H.investedIn }),
+                      /* @__PURE__ */ t.jsx(
+                        S,
+                        {
+                          style: {
+                            marginLeft: "auto",
+                            textAlign: "right"
+                          },
+                          children: H.percentage
+                        }
+                      )
+                    ] }, we))
+                  ] }),
+                  children: /* @__PURE__ */ t.jsxs(Rt, { children: [
+                    "+",
+                    l.compositions.length - 1
+                  ] })
+                }
+              )
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ t.jsxs(
+          Bt,
+          {
+            onClick: () => L.trackTreasuryProspectusClick(
+              l.fundCompanyName + " " + l.fundName,
+              l.fundCode,
+              "Treasury Promo Page"
+            ),
+            windowSize: n,
+            href: l.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              s.asOf,
+              " ",
+              l.asOfDate.format("MMM D, YYYY"),
+              /* @__PURE__ */ t.jsx(Ut, {})
+            ]
+          }
+        )
+      ] }, l.fundCode);
+    }) }),
+    /* @__PURE__ */ t.jsx(_t, { windowSize: n, children: /* @__PURE__ */ t.jsx(At, { children: Ce.map((l, d) => /* @__PURE__ */ t.jsxs(Vt, { children: [
+      $e(d, k),
+      /* @__PURE__ */ t.jsx(Yt, { windowSize: n, children: l.title }),
+      /* @__PURE__ */ t.jsxs(qt, { windowSize: n, children: [
+        l.description,
+        /* @__PURE__ */ t.jsx("sup", { style: { fontSize: o.sp2, marginLeft: o.sp1 }, children: d === 0 ? "I" : d === 1 ? "III" : d === 2 ? "II" : null })
+      ] })
+    ] }, d)) }) }),
+    /* @__PURE__ */ t.jsx(
+      rt,
+      {
+        analytics: L,
+        yieldPercentage: Q
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(Kt, { windowSize: n, children: [
+      /* @__PURE__ */ t.jsxs(Zt, { children: [
+        /* @__PURE__ */ t.jsx(P, { children: s.disclaimer1 }),
+        /* @__PURE__ */ t.jsx(P, { children: s.disclaimer2 }),
+        /* @__PURE__ */ t.jsxs(P, { children: [
+          s.disclaimer3,
+          /* @__PURE__ */ t.jsx(
+            y,
+            {
+              href: s.disclaimer3Link,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: s.disclaimer3Url
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsx(P, { children: s.disclaimer4 })
+      ] }),
+      /* @__PURE__ */ t.jsxs(P, { children: [
+        s.agreementP1,
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.formCrsLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.formCrsText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.formAdvLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.formAdvText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.privacyPolicyLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.privacyPolicyText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.generalDisclosuresLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.generalDisclosuresText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.sipcInfoLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.sipcInfoText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.zeniPrivacyPolicyLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.zeniPrivacyPolicyText
+          }
+        ),
+        /* @__PURE__ */ t.jsx(B, {}),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            href: s.zeniTermsOfServiceLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: s.zeniTermsOfServiceText
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsx(P, { children: /* @__PURE__ */ t.jsx(
+        y,
+        {
+          href: "#",
+          onClick: (l) => {
+            L.trackTreasuryAgreementView(), l.preventDefault(), q(!0);
+          },
+          children: s.viewAgreement
+        }
+      ) })
+    ] }),
+    xe ? /* @__PURE__ */ t.jsxs(Xt, { windowSize: n, children: [
+      /* @__PURE__ */ t.jsx(
+        te,
+        {
+          variant: "secondary",
+          label: s.scheduleDemoButton,
+          onClick: ge,
+          "data-testid": oe("treasury-schedule-demo-button")
+        }
+      ),
+      /* @__PURE__ */ t.jsx(Jt, { windowSize: n, children: "OR" }),
+      /* @__PURE__ */ t.jsx(
+        te,
+        {
+          variant: "primary",
+          label: C ? s.enableButton : s.setupButton,
+          loading: D === "In-Progress",
+          onClick: () => {
+            L.trackTreasurySetupActionClick(
+              C ? "enable_now" : "setup"
+            ), g();
+          },
+          "data-testid": oe("treasury-get-started-button")
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ t.jsx(
+      Oe,
+      {
+        isOpen: me,
+        onClose: () => q(!1)
+      }
+    ),
+    X && /* @__PURE__ */ t.jsx(
+      Ve,
+      {
+        src: x,
+        isModalOpen: !0,
+        controls: !0,
+        onModalClose: () => J(!1),
+        config: {
+          youtube: {
+            cc_load_policy: 0,
+            fs: 0,
+            modestbranding: 1,
+            rel: 0
+          }
+        }
+      }
+    )
+  ] });
+}, $t = r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, wt = r.div`
+  padding: ${(e) => e.windowSize === "small" ? `0 ${o.sp3}` : `0 ${o.sp8}`};
+  display: flex;
+  flex-direction: row;
+  gap: ${(e) => m.cardsGap.valuePx(e.windowSize)};
+  flex-wrap: wrap;
+  width: 100%;
+  box-sizing: border-box;
+  margin-top: -28px;
+`, yt = r.div`
+  display: flex;
+  flex-direction: column;
+  background: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey2};
+  border-radius: ${o.sp2};
+  overflow: hidden;
+  flex: 1;
+  min-width: 320px;
+  box-shadow: ${(e) => e.theme.colors.elevation1};
+`, ft = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => m.fundHeaderGap.valuePx(e.windowSize)};
+  padding: ${(e) => m.fundHeaderPadding.valuePx(e.windowSize)};
+  padding-top: ${(e) => m.fundHeaderPaddingTop.valuePx(e.windowSize)};
+  background-color: ${(e) => e.bgColor};
+  position: relative;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: ${(e) => e.windowSize === "small" ? "40%" : "50%"};
+    height: 100%;
+    background-image: ${(e) => e.index === 0 ? "url(https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-fund-1.svg)" : "url(https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-fund-2.svg)"};
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 100% 100%;
+    opacity: 0.5;
+    pointer-events: none;
+  }
+`, bt = r.div`
+  color: ${a.brandColorOnyx};
+  ${(e) => f.fundSymbol.style(e.windowSize)};
+`, kt = r.div`
+  color: ${(e) => e.color ?? a.brandColorGoldDark};
+  ${(e) => f.fundName.style(e.windowSize)};
+`, St = r.div`
+  color: ${(e) => e.color ?? a.brandColorGoldDark};
+  ${(e) => f.fundSubName.style(e.windowSize)};
+`, jt = r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+  padding: ${(e) => m.fundHighlightsPadding.valuePx(e.windowSize)}
+    0;
+  background-color: ${(e) => e.bgColor ?? `${a.graphColor34Light}14`};
+  border-bottom: 1px solid ${(e) => e.theme.colors.grey2};
+  position: relative;
+`, vt = r.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 1px;
+  background-color: ${(e) => e.theme.colors.grey2};
+  pointer-events: none;
+`, de = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${(e) => m.highlightItemGap.valuePx(e.windowSize)};
+  flex: 1;
+`, ce = r.div`
+  color: ${(e) => e.theme.colors.primary};
+  ${(e) => f.highlightValue.style(e.windowSize)};
+`, pe = r.div`
+  color: ${(e) => e.theme.colors.hero};
+  ${(e) => f.highlightLabel.style(e.windowSize)};
+`, zt = r.span`
+  color: ${a.success};
+`, Lt = r(W)`
+  padding: ${(e) => e.windowSize === "small" ? `${o.sp2} ${o.sp3} 0 ${o.sp3}` : `${o.sp3} ${o.sp5} 0 ${o.sp5}`};
+  color: ${(e) => e.theme.colors.hero};
+`, Pt = r.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${o.sp2} ${o.sp5};
+`, T = r.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding-bottom: ${o.sp1};
+`, E = r(W)`
+  color: ${(e) => e.theme.colors.hero};
+  width: 140px;
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp1};
+`, I = r(W)`
+  color: ${(e) => e.color ?? e.theme.colors.primary};
+  flex: 1;
+  border-bottom: 1px solid ${(e) => e.theme.colors.grey3};
+  padding: ${o.sp1};
+`, Bt = r.a`
+  color: ${(e) => e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+  padding: ${(e) => e.windowSize === "small" ? `0 ${o.sp5} ${o.sp2} ${o.sp3}` : `0 ${o.sp5} ${o.sp4} ${o.sp5}`};
+  font-size: 14px;
+  line-height: 21px;
+  font-weight: 400;
+  width: fit-content;
+  text-decoration: none;
+  &:hover {
+    cursor: pointer;
+    color: ${(e) => e.theme.colors.primary};
+    svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, Mt = r.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp1};
+`, Tt = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp1};
+  padding: ${o.sp2};
+`, Et = r.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`, It = r.div`
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: ${(e) => e.theme.colors.grey1};
+`, Rt = r(S)`
+  color: ${(e) => e.theme.colors.hero};
+  border: 1px solid ${(e) => e.theme.colors.grey2};
+  border-radius: ${o.sp1};
+  padding: 0 ${o.sp1};
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+`, R = r.div`
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: ${(e) => e.theme.colors.hero};
+  display: inline-block;
+  margin-right: ${o.sp2};
+  vertical-align: middle;
+`, Dt = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp2};
+  padding: ${(e) => e.windowSize === "small" ? `${o.sp3} ${o.sp8} ${o.sp5} ${o.sp8}` : `${o.sp3} ${o.sp3} ${o.sp6} ${o.sp3}`};
+  text-align: center;
+`, Ht = r.div`
+  color: ${(e) => e.theme.colors.primary};
+  letter-spacing: -0.01em;
+  max-width: 896px;
+  ${(e) => f.mainHeading.style(e.windowSize)};
+`, Wt = r(O)`
+  color: ${(e) => e.theme.colors.primary};
+  letter-spacing: -0.01em;
+  ${(e) => f.subHeading.style(e.windowSize)};
+`, _t = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp6};
+  padding: ${(e) => e.windowSize === "small" ? `${o.sp4} ${o.sp3} ${o.sp0} ${o.sp3}` : `${o.sp6} ${o.sp8} ${o.sp0} ${o.sp8}`};
+`, At = r.div`
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(200px, 1fr);
+  gap: ${o.sp6};
+  width: 100%;
+  justify-items: center;
+
+  @media (max-width: 768px) {
+    gap: ${o.sp3};
+    grid-auto-flow: row;
+    grid-template-columns: repeat(2, 1fr);
+  }
+`, Vt = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: ${o.sp4} ${o.sp2};
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey2};
+  border-radius: ${o.sp2};
+  box-shadow: 0px 1px 2px 0px ${(e) => e.theme.colors.dropShadowNormal};
+  width: 100%;
+  max-width: 242px;
+  box-sizing: border-box;
+  text-align: center;
+`, Ft = r(mt)`
+  width: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  height: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  color: ${(e) => e.theme.mode === "light" ? e.theme.colors.brandColorGoldDark : e.theme.colors.hero};
+`, Gt = r(Ne)`
+  width: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  height: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  color: ${(e) => e.theme.mode === "light" ? e.theme.colors.brandColorGoldDark : e.theme.colors.hero};
+`, Nt = r(Ge)`
+  width: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  height: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  color: ${(e) => e.theme.mode === "light" ? e.theme.colors.brandColorGoldDark : e.theme.colors.hero};
+`, Ot = r(Fe)`
+  width: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  height: ${(e) => m.uspLogoSize.valuePx(e.windowSize)};
+  color: ${(e) => e.theme.mode === "light" ? e.theme.colors.brandColorGoldDark : e.theme.colors.hero};
+`, Ut = r(He)`
+  width: 12px;
+  height: 12px;
+`, Yt = r(We)`
+  color: ${(e) => e.theme.colors.primary};
+  margin-top: ${o.sp2};
+  ${(e) => f.uspItemTitle.style(e.windowSize)};
+`, qt = r(W)`
+  color: ${(e) => e.theme.colors.champion};
+  ${(e) => f.uspItemDescription.style(e.windowSize)};
+`, Xt = r.div`
+  border-top: 1px solid ${(e) => e.theme.colors.grey3};
+  padding: ${o.sp2} ${o.sp3};
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  row-gap: ${o.sp2};
+  background-color: ${(e) => e.theme.colors.grey5};
+  gap: ${o.sp5};
+`, Jt = r(S)`
+  color: ${(e) => e.theme.colors.hero};
+  margin: ${(e) => e.windowSize === "small" ? `${o.sp3} 0` : `0 ${o.sp3}`};
+`, Kt = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${o.sp10} ${o.sp8} ${o.sp8} ${o.sp8};
+  text-align: ${(e) => e.windowSize === "small" ? "center" : "left"};
+
+  @media (max-width: 768px) {
+    padding: ${(e) => e.windowSize === "small" ? `${o.sp3} ${o.sp3} ${o.sp5} ${o.sp3}` : `${o.sp3} ${o.sp3}`};
+  }
+`, Zt = r.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: ${o.sp2};
+`, P = r(_e)`
+  color: ${(e) => e.theme.colors.hero};
+  max-width: 100%;
+  align-self: stretch;
+`, y = r.a`
+  color: ${(e) => e.theme.colors.hero};
+  text-decoration: underline;
+  text-decoration-color: ${(e) => e.theme.colors.grey2};
+  &:hover {
+    color: ${(e) => e.theme.colors.primary};
+    cursor: pointer;
+    text-decoration-color: ${(e) => e.theme.colors.primary};
+  }
+`, B = r.span`
+  display: inline-block;
+  width: 2px;
+  height: 2px;
+  border-radius: 4px;
+  background-color: ${(e) => e.theme.colors.grey1};
+  margin: 0 ${o.sp1};
+  vertical-align: middle;
+`, Qt = r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${(e) => e.windowSize === "small" ? `0 ${o.sp5} ${o.sp4} ${o.sp5}` : `0 15% ${o.sp6} 15%`};
+  position: relative;
+  z-index: 1;
+  margin-bottom: ${(e) => e.windowSize === "small" ? `-${o.sp3}` : `-${o.sp6}`};
+`, eo = r.div`
+  position: relative;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  border-radius: ${o.sp2};
+  overflow: hidden;
+  border: 2px solid ${a.primaryDark};
+  box-shadow: ${(e) => e.theme.colors.elevation2};
+  box-sizing: content-box;
+  background-color: ${(e) => e.theme.colors.grey5};
+  z-index: 1;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+  &:hover {
+    transform: scale(1.02);
+  }
+`, to = r.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+`, oo = r.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  z-index: 1;
+  transition: transform 0.2s ease;
+
+  &:hover {
+    transform: translate(-50%, -50%) scale(1.05);
+  }
+
+  svg {
+    display: block;
+  }
+`, ro = r(gt)`
+  position: absolute;
+  left: ${(e) => e.windowSize === "small" ? "0" : o.sp7};
+  bottom: 20%;
+  z-index: 0;
+  pointer-events: none;
+  width: ${(e) => e.windowSize === "small" ? "25%" : "22%"};
+  height: auto;
+`, so = r(ut)`
+  position: absolute;
+  right: ${(e) => e.windowSize === "small" ? "0" : o.sp7};
+  top: 5%;
+  z-index: 0;
+  pointer-events: none;
+  width: ${(e) => e.windowSize === "small" ? "25%" : "22%"};
+  height: auto;
+`;
+export {
+  xo as default
+};