@purpurds/promotion-card 8.0.0 → 8.1.0

package/dist/promotion-card.es.js

@@ -51,15 +51,15 @@ const Wr = /* @__PURE__ */ qr(zr), Kr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Yr = Wr.bind(Kr), er = "purpur-icon", Jr = "md", Qr = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), Xr = ({ content: e = "", title: o } = {}) => {
+}, Yr = Wr.bind(Kr), er = "purpur-icon", Qr = "md", Jr = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), Xr = ({ content: e = "", title: o } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = o ? `<title>${o}</title>` : "";
-  return `<svg ${Qr(a)}>${n}${e}</svg>`;
-}, re = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({ svg: e, allyTitle: o, className: a, size: n = Jr, ...p }) => {
+  return `<svg ${Jr(a)}>${n}${e}</svg>`;
+}, re = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({ svg: e, allyTitle: o, className: a, size: n = Qr, ...p }) => {
   const r = Xr({
     content: re(e.svg),
     title: o
@@ -151,7 +151,7 @@ function se() {
   }(tr)), tr.exports;
 }
 var de = se();
-const ir = /* @__PURE__ */ ue(de), L = {
+const ir = /* @__PURE__ */ ue(de), P = {
   "purpur-badge": "_purpur-badge_1nup9_1",
   "purpur-badge__icon": "_purpur-badge__icon_1nup9_13",
   "purpur-badge--attention": "_purpur-badge--attention_1nup9_17",
@@ -163,7 +163,7 @@ const ir = /* @__PURE__ */ ue(de), L = {
   "purpur-badge--warning": "_purpur-badge--warning_1nup9_41",
   "purpur-badge--error": "_purpur-badge--error_1nup9_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1nup9_49"
-}, P = "purpur-badge", m = {
+}, H = "purpur-badge", m = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -204,7 +204,7 @@ const ir = /* @__PURE__ */ ue(de), L = {
   className: r = "",
   ...t
 }) => {
-  const i = ce(n), s = ir([r, L[P], L[`${P}--${n}`]]);
+  const i = ce(n), s = ir([r, P[H], P[`${H}--${n}`]]);
   return /* @__PURE__ */ c("span", { className: s, "data-testid": p, ...t, children: [
     o && i && /* @__PURE__ */ l(
       Mr,
@@ -213,7 +213,7 @@ const ir = /* @__PURE__ */ ue(de), L = {
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: ir(L[`${P}__icon`])
+        className: ir(P[`${H}__icon`])
       }
     ),
     e
@@ -263,9 +263,10 @@ function he() {
 }
 var ge = he();
 const _ = /* @__PURE__ */ fe(ge), me = {
-  "purpur-card__container": "_purpur-card__container_trde2_1",
-  "purpur-card__container--full-height": "_purpur-card__container--full-height_trde2_4",
-  "purpur-card": "_purpur-card_trde2_1"
+  "purpur-card__container--full-height": "_purpur-card__container--full-height_1ethe_1",
+  "purpur-card__container--use-container-queries": "_purpur-card__container--use-container-queries_1ethe_4",
+  "purpur-card": "_purpur-card_1ethe_1",
+  "purpur-card__container--use-media-queries": "_purpur-card__container--use-media-queries_1ethe_25"
 };
 function ve(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -417,8 +418,8 @@ function Ie() {
     })();
   }(sr)), sr.exports;
 }
-var je = Ie();
-const cr = /* @__PURE__ */ Ue(je), H = {
+var De = Ie();
+const cr = /* @__PURE__ */ Ue(De), T = {
   "purpur-badge": "_purpur-badge_1nup9_1",
   "purpur-badge__icon": "_purpur-badge__icon_1nup9_13",
   "purpur-badge--attention": "_purpur-badge--attention_1nup9_17",
@@ -430,7 +431,7 @@ const cr = /* @__PURE__ */ Ue(je), H = {
   "purpur-badge--warning": "_purpur-badge--warning_1nup9_41",
   "purpur-badge--error": "_purpur-badge--error_1nup9_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1nup9_49"
-}, T = "purpur-badge", v = {
+}, q = "purpur-badge", v = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -440,7 +441,7 @@ const cr = /* @__PURE__ */ Ue(je), H = {
   SPECIAL: "special",
   SUCCESS: "success",
   WARNING: "warning"
-}, De = (e) => {
+}, Re = (e) => {
   switch (e) {
     case v.ATTENTION:
     case v.SPECIAL:
@@ -462,7 +463,7 @@ const cr = /* @__PURE__ */ Ue(je), H = {
     default:
       return;
   }
-}, Re = ({
+}, Le = ({
   children: e,
   showIcon: o = !0,
   iconAllyTitle: a,
@@ -471,7 +472,7 @@ const cr = /* @__PURE__ */ Ue(je), H = {
   className: r = "",
   ...t
 }) => {
-  const i = De(n), s = cr([r, H[T], H[`${T}--${n}`]]);
+  const i = Re(n), s = cr([r, T[q], T[`${q}--${n}`]]);
   return /* @__PURE__ */ c("span", { className: s, "data-testid": p, ...t, children: [
     o && i && /* @__PURE__ */ l(
       Nr,
@@ -480,19 +481,19 @@ const cr = /* @__PURE__ */ Ue(je), H = {
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: cr(H[`${T}__icon`])
+        className: cr(T[`${q}__icon`])
       }
     ),
     e
   ] });
-}, Le = {
+}, je = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, Pe = _.bind(Le), He = "purpur-card-badge", Te = ({
+}, Pe = _.bind(je), He = "purpur-card-badge", Te = ({
   ["data-testid"]: e = "purpur-card-badge",
   variant: o,
   text: a
 }) => o && a ? /* @__PURE__ */ l(
-  Re,
+  Le,
   {
     className: Pe(He),
     variant: o,
@@ -508,14 +509,14 @@ const cr = /* @__PURE__ */ Ue(je), H = {
   className: a,
   ...n
 }) => /* @__PURE__ */ l("div", { className: Ve(ze, a), "data-testid": e, ...n, children: o }), Ke = {
-  "purpur-card-content-container": "_purpur-card-content-container_svvjn_1",
-  "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_svvjn_6",
-  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_svvjn_14",
-  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_svvjn_22",
-  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_svvjn_25",
-  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_svvjn_28",
-  "purpur-card-content-container--gap-size--xl": "_purpur-card-content-container--gap-size--xl_svvjn_31"
-}, Ye = _.bind(Ke), M = "purpur-card-content-container", Je = ({
+  "purpur-card-content-container": "_purpur-card-content-container_2oha5_1",
+  "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_2oha5_6",
+  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_2oha5_21",
+  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_2oha5_36",
+  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_2oha5_39",
+  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_2oha5_42",
+  "purpur-card-content-container--gap-size--xl": "_purpur-card-content-container--gap-size--xl_2oha5_45"
+}, Ye = _.bind(Ke), N = "purpur-card-content-container", Qe = ({
   ["data-testid"]: e = "purpur-card-content-container",
   children: o,
   className: a,
@@ -527,12 +528,12 @@ const cr = /* @__PURE__ */ Ue(je), H = {
   "div",
   {
     className: Ye([
-      M,
+      N,
       a,
-      `${M}--gap-size--${r}`,
+      `${N}--gap-size--${r}`,
       {
-        [`${M}--full-height`]: p,
-        [`${M}--footer`]: n
+        [`${N}--full-height`]: p,
+        [`${N}--footer`]: n
       }
     ]),
     "data-testid": e,
@@ -540,7 +541,7 @@ const cr = /* @__PURE__ */ Ue(je), H = {
     children: o
   }
 );
-function Qe(e) {
+function Je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var _r = { exports: {} };
@@ -583,7 +584,7 @@ function Xe() {
   }(_r)), _r.exports;
 }
 var rt = Xe();
-const et = /* @__PURE__ */ Qe(rt), tt = "_rotate_12t9p_1", at = "_dash_12t9p_1", it = {
+const et = /* @__PURE__ */ Je(rt), tt = "_rotate_12t9p_1", at = "_dash_12t9p_1", it = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: tt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -801,7 +802,7 @@ const St = /* @__PURE__ */ wt(Ct), $t = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, Ft = St.bind($t), Bt = {
   PARAGRAPH100: "paragraph-100"
-}, F = "purpur-paragraph", Q = ({
+}, F = "purpur-paragraph", J = ({
   children: e,
   className: o,
   disabled: a,
@@ -817,22 +818,22 @@ const St = /* @__PURE__ */ wt(Ct), $t = {
   });
   return /* @__PURE__ */ l("p", { ...t, className: i, children: e });
 };
-Q.displayName = "Paragraph";
+J.displayName = "Paragraph";
 const At = {
   "purpur-card-feature-list": "_purpur-card-feature-list_1hnss_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_1hnss_7",
   "purpur-card-feature-list__icon": "_purpur-card-feature-list__icon_1hnss_12"
-}, q = _.bind(At), V = "purpur-card-feature-list", Ot = ({
+}, V = _.bind(At), z = "purpur-card-feature-list", Ot = ({
   ["data-testid"]: e = "purpur-card-feature-list",
   listItems: o
-}) => o && o.length > 0 ? /* @__PURE__ */ l("ul", { className: q(V), "data-testid": e, children: o.map((a) => /* @__PURE__ */ c(
+}) => o && o.length > 0 ? /* @__PURE__ */ l("ul", { className: V(z), "data-testid": e, children: o.map((a) => /* @__PURE__ */ c(
   "li",
   {
-    className: q(`${V}__list-item`),
+    className: V(`${z}__list-item`),
     "data-testid": `${e}-item`,
     children: [
-      /* @__PURE__ */ l(Zr, { size: "xs", className: q(`${V}__icon`) }),
-      /* @__PURE__ */ l(Q, { children: a })
+      /* @__PURE__ */ l(Zr, { size: "xs", className: V(`${z}__icon`) }),
+      /* @__PURE__ */ l(J, { children: a })
     ]
   },
   a
@@ -880,7 +881,7 @@ function Mt() {
   }(wr)), wr.exports;
 }
 var Nt = Mt();
-const kt = /* @__PURE__ */ Gt(Nt), N = {
+const kt = /* @__PURE__ */ Gt(Nt), k = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -902,7 +903,7 @@ const kt = /* @__PURE__ */ Gt(Nt), N = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Zt = {
   TITLE100: "title-100"
-}, k = "purpur-heading", Er = ({
+}, Z = "purpur-heading", Er = ({
   children: e,
   className: o = "",
   enableHyphenation: a = !1,
@@ -913,11 +914,11 @@ const kt = /* @__PURE__ */ Gt(Nt), N = {
 }) => {
   const i = p, s = kt([
     o,
-    N[k],
-    N[`${k}--${r}`],
+    k[Z],
+    k[`${Z}--${r}`],
     {
-      [N[`${k}--hyphens`]]: a,
-      [N[`${k}--negative`]]: n
+      [k[`${Z}--hyphens`]]: a,
+      [k[`${Z}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -981,7 +982,7 @@ const Et = {
       children: r
     }
   );
-}, Z = _.bind(Et), b = "purpur-card-heading", jt = ({
+}, E = _.bind(Et), b = "purpur-card-heading", Dt = ({
   ["data-testid"]: e = "purpur-card-heading",
   ["aria-label"]: o,
   title: a,
@@ -992,25 +993,25 @@ const Et = {
   onClick: i = void 0,
   href: s = void 0,
   disabled: w = !1,
-  linkElement: I = "a",
-  variant: j = "title-100",
-  ...D
+  linkElement: D = "a",
+  variant: R = "title-100",
+  ...L
 }) => {
-  const A = Z(b, {
+  const O = E(b, {
     [`${b}--is-interactive`]: i || s,
     [`${b}--disabled`]: w
   });
-  return /* @__PURE__ */ c("div", { className: A, "data-testid": e, children: [
-    /* @__PURE__ */ c("div", { className: Z(`${b}__header`), children: [
-      n && /* @__PURE__ */ l("div", { className: Z(`${b}__icon`), children: n }),
+  return /* @__PURE__ */ c("div", { className: O, "data-testid": e, children: [
+    /* @__PURE__ */ c("div", { className: E(`${b}__header`), children: [
+      n && /* @__PURE__ */ l("div", { className: E(`${b}__icon`), children: n }),
       /* @__PURE__ */ l(
         Er,
         {
           tag: r,
-          className: Z(`${b}__heading`),
-          variant: j,
+          className: E(`${b}__heading`),
+          variant: R,
           enableHyphenation: t,
-          ...D,
+          ...L,
           children: i || s ? /* @__PURE__ */ l(
             It,
             {
@@ -1018,7 +1019,7 @@ const Et = {
               disabled: w,
               href: s,
               onClick: i,
-              linkElement: I,
+              linkElement: D,
               children: a
             }
           ) : a
@@ -1027,16 +1028,16 @@ const Et = {
     ] }),
     p
   ] });
-}, Dt = {
-  "purpur-card-media": "_purpur-card-media_udc1o_1"
-}, Rt = _.bind(Dt), Lt = "purpur-card-media", Pt = ({
+}, Rt = {
+  "purpur-card-media": "_purpur-card-media_1om4o_1"
+}, Lt = _.bind(Rt), jt = "purpur-card-media", Pt = ({
   ["data-testid"]: e = "purpur-card-media",
   className: o,
   children: a,
   ...n
-}) => /* @__PURE__ */ l("div", { ...n, className: Rt([Lt, o]), "data-testid": e, children: a }), Ht = {
-  "purpur-card-media-layout": "_purpur-card-media-layout_1tkaa_1",
-  "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_1tkaa_11"
+}) => /* @__PURE__ */ l("div", { ...n, className: Lt([jt, o]), "data-testid": e, children: a }), Ht = {
+  "purpur-card-media-layout": "_purpur-card-media-layout_h3935_1",
+  "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_h3935_11"
 }, Tt = _.bind(Ht), Sr = "purpur-card-media-layout", qt = ({
   ["data-testid"]: e = "purpur-card-media-layout",
   className: o,
@@ -1056,12 +1057,12 @@ const Et = {
 }, zt = _.bind(Vt), Wt = "purpur-card-overline", Kt = ({
   ["data-testid"]: e = "purpur-card-overline",
   overline: o
-}) => o ? /* @__PURE__ */ l(Q, { variant: "overline-100", className: zt(Wt), "data-testid": e, children: o }) : null, Yt = {
+}) => o ? /* @__PURE__ */ l(J, { variant: "overline-100", className: zt(Wt), "data-testid": e, children: o }) : null, Yt = {
   "purpur-card-root": "_purpur-card-root_eupww_1",
   "purpur-card-root--primary": "_purpur-card-root--primary_eupww_7",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_eupww_10",
   "purpur-card-root--full-height": "_purpur-card-root--full-height_eupww_13"
-}, Jt = _.bind(Yt), z = "purpur-card-root", Ur = Gr(
+}, Qt = _.bind(Yt), W = "purpur-card-root", Ur = Gr(
   ({
     ["data-testid"]: e = "purpur-card-root",
     children: o,
@@ -1070,41 +1071,43 @@ const Et = {
     variant: p,
     ...r
   }, t) => {
-    const i = Jt([
-      z,
+    const i = Qt([
+      W,
       a,
       {
-        [`${z}--${p}`]: p,
-        [`${z}--full-height`]: n
+        [`${W}--${p}`]: p,
+        [`${W}--full-height`]: n
       }
     ]);
     return /* @__PURE__ */ l("div", { className: i, "data-testid": e, ref: t, ...r, children: o });
   }
 );
 Ur.displayName = "CardRoot";
-const W = _.bind(me), K = "purpur-card", f = ({ children: e, className: o, ...a }) => {
-  const n = W([K, o]);
+const K = _.bind(me), B = "purpur-card", f = ({ children: e, className: o, useMediaQueries: a, ...n }) => {
+  const p = K([B, o]);
   return /* @__PURE__ */ l(
     "div",
     {
-      className: W(`${K}__container`, {
-        [`${K}__container--full-height`]: a.fullHeight
+      className: K(`${B}__container`, {
+        [`${B}__container--full-height`]: n.fullHeight,
+        [`${B}__container--use-container-queries`]: !a,
+        [`${B}__container--use-media-queries`]: a
       }),
-      children: /* @__PURE__ */ l(Ur, { className: W(n), ...a, children: e })
+      children: /* @__PURE__ */ l(Ur, { className: K(p), ...n, children: e })
     }
   );
 };
 f.Badge = Te;
 f.Content = We;
-f.ContentContainer = Je;
+f.ContentContainer = Qe;
 f.Cta = ut;
 f.FeatureList = Ot;
 f.Overline = Kt;
-f.Heading = jt;
+f.Heading = Dt;
 f.Media = Pt;
 f.MediaLayout = qt;
 f.displayName = "Card";
-function Qt(e) {
+function Jt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var $r = { exports: {} };
@@ -1147,7 +1150,7 @@ function Xt() {
   }($r)), $r.exports;
 }
 var ra = Xt();
-const ea = /* @__PURE__ */ Qt(ra), E = {
+const ea = /* @__PURE__ */ Jt(ra), U = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1169,7 +1172,7 @@ const ea = /* @__PURE__ */ Qt(ra), E = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, ta = {
   TITLE100: "title-100"
-}, U = "purpur-heading", Ir = ({
+}, I = "purpur-heading", Ir = ({
   children: e,
   className: o = "",
   enableHyphenation: a = !1,
@@ -1180,11 +1183,11 @@ const ea = /* @__PURE__ */ Qt(ra), E = {
 }) => {
   const i = p, s = ea([
     o,
-    E[U],
-    E[`${U}--${r}`],
+    U[I],
+    U[`${I}--${r}`],
     {
-      [E[`${U}--hyphens`]]: a,
-      [E[`${U}--negative`]]: n
+      [U[`${I}--hyphens`]]: a,
+      [U[`${I}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ l(i, { className: s, ...t, children: e });
@@ -1250,7 +1253,7 @@ const na = /* @__PURE__ */ aa(oa), pa = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, la = na.bind(pa), ua = {
   PARAGRAPH100: "paragraph-100"
-}, B = "purpur-paragraph", jr = ({
+}, A = "purpur-paragraph", Dr = ({
   children: e,
   className: o,
   disabled: a,
@@ -1259,14 +1262,14 @@ const na = /* @__PURE__ */ aa(oa), pa = {
   variant: r = ua.PARAGRAPH100,
   ...t
 }) => {
-  const i = la(o, B, `${B}--${r}`, {
-    [`${B}--hyphens`]: n,
-    [`${B}--disabled`]: a,
-    [`${B}--negative`]: p
+  const i = la(o, A, `${A}--${r}`, {
+    [`${A}--hyphens`]: n,
+    [`${A}--disabled`]: a,
+    [`${A}--negative`]: p
   });
   return /* @__PURE__ */ l("p", { ...t, className: i, children: e });
 };
-jr.displayName = "Paragraph";
+Dr.displayName = "Paragraph";
 const sa = Hr(void 0), da = () => {
   const e = Tr(sa);
   if (!e)
@@ -1343,13 +1346,13 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",
   quaternary: "var(--purpur-color-background-tone-on-tone-quaternary)"
-}, J = {
+}, Q = {
   primary: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1125" viewBox="0 0 2000 1125" fill="none"><g clip-path="url(%23clip0_20_36)"><rect width="2000" height="1125" fill="url(%23paint0_linear_20_36)"/><g filter="url(%23filter0_d_20_36)"><path d="M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z" fill="%23F5E5FF"/></g><g filter="url(%23filter1_d_20_36)"><path d="M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3463 51.5961 246.369 -121.206 478.235 -337.757Z" fill="url(%23paint1_linear_20_36)"/></g><path d="M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z" fill="url(%23paint2_linear_20_36)" stroke="url(%23paint3_linear_20_36)" stroke-width="0.488281"/><g filter="url(%23filter2_d_20_36)"><path d="M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z" fill="%23F5E5FF"/></g><g filter="url(%23filter3_d_20_36)"><path d="M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z" fill="url(%23paint4_linear_20_36)"/></g><path d="M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z" fill="url(%23paint5_linear_20_36)" stroke="url(%23paint6_linear_20_36)" stroke-width="0.488281"/></g><defs><filter id="filter0_d_20_36" x="67" y="-812.852" width="2294.05" height="2463.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_20_36"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_20_36" result="shape"/></filter><filter id="filter1_d_20_36" x="-69.5491" y="-947.891" width="2562.05" height="2731.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="75"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_20_36"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_20_36" result="shape"/></filter><filter id="filter2_d_20_36" x="547.307" y="-664.639" width="2352.09" height="2436.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_20_36"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_20_36" result="shape"/></filter><filter id="filter3_d_20_36" x="361.088" y="-864.621" width="2720.09" height="2804.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="100"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0588235 0 0 0 0 0 0 0 0 0 0.129412 0 0 0 0.65 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_20_36"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_20_36" result="shape"/></filter><linearGradient id="paint0_linear_20_36" x1="48.3398" y1="4.80196e-07" x2="58.1053" y2="1125" gradientUnits="userSpaceOnUse"><stop stop-color="%23340249"/><stop offset="0.576094" stop-color="%23300244"/><stop offset="1" stop-color="%232D0241"/></linearGradient><linearGradient id="paint1_linear_20_36" x1="80.5668" y1="233.643" x2="606.544" y2="1094.45" gradientUnits="userSpaceOnUse"><stop stop-color="%2359006E"/><stop offset="0.265" stop-color="%2347005E"/><stop offset="0.385" stop-color="%2339004E"/><stop offset="0.720829" stop-color="%23210034"/><stop offset="1" stop-color="%23150026"/></linearGradient><linearGradient id="paint2_linear_20_36" x1="138.672" y1="41.2598" x2="702.488" y2="1106.9" gradientUnits="userSpaceOnUse"><stop stop-color="%2335004A"/><stop offset="0.19574" stop-color="%23320046"/><stop offset="1" stop-color="%2328003B"/></linearGradient><linearGradient id="paint3_linear_20_36" x1="133.5" y1="60.5" x2="546" y2="1048" gradientUnits="userSpaceOnUse"><stop stop-color="%23AC3CAF"/><stop offset="0.506509" stop-color="%234A006B"/><stop offset="1" stop-color="%232B003F"/></linearGradient><linearGradient id="paint4_linear_20_36" x1="560.263" y1="530.414" x2="910.742" y2="1118.56" gradientUnits="userSpaceOnUse"><stop stop-color="%234F0065"/><stop offset="0.340552" stop-color="%2339004E"/><stop offset="0.616738" stop-color="%23230036"/><stop offset="1" stop-color="%23150026"/></linearGradient><linearGradient id="paint5_linear_20_36" x1="781.494" y1="72.6501" x2="2048.67" y2="1066.94" gradientUnits="userSpaceOnUse"><stop stop-color="%232F0044"/><stop offset="0.51248" stop-color="%2328003B"/><stop offset="1" stop-color="%23240037"/></linearGradient><linearGradient id="paint6_linear_20_36" x1="820.5" y1="32.5001" x2="906.975" y2="1110.35" gradientUnits="userSpaceOnUse"><stop stop-color="%238A1994"/><stop offset="0.425" stop-color="%237A1387"/><stop offset="1" stop-color="%2327003A"/></linearGradient><clipPath id="clip0_20_36"><rect width="2000" height="1125" fill="white"/></clipPath></defs></svg>')`,
   secondary: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1125" viewBox="0 0 2000 1125" fill="none"><g clip-path="url(%23clip0_13_40)"><rect width="2000" height="1125" fill="url(%23paint0_linear_13_40)"/><rect x="-226.435" y="213.022" width="435.932" height="216.966" transform="rotate(-66.9915 -226.435 213.022)" fill="url(%23paint1_linear_13_40)"/><g filter="url(%23filter0_d_13_40)"><path d="M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z" fill="%23F5E5FF"/></g><g filter="url(%23filter1_d_13_40)"><path d="M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z" fill="url(%23paint2_linear_13_40)"/></g><path d="M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z" fill="url(%23paint3_linear_13_40)" stroke="url(%23paint4_linear_13_40)" stroke-width="0.488281"/><g filter="url(%23filter2_d_13_40)"><path d="M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z" fill="%23F5E5FF"/></g><g filter="url(%23filter3_d_13_40)"><path d="M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.678 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z" fill="url(%23paint5_linear_13_40)"/></g><path d="M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z" fill="url(%23paint6_linear_13_40)" stroke="url(%23paint7_linear_13_40)" stroke-width="0.488281"/></g><defs><filter id="filter0_d_13_40" x="67" y="-812.852" width="2294.05" height="2463.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.605849 0 0 0 0 0.52 0 0 0 0 0.65 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_40"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_40" result="shape"/></filter><filter id="filter1_d_13_40" x="20.4507" y="-841.891" width="2382.05" height="2551.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="32"/><feGaussianBlur stdDeviation="30"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.628679 0 0 0 0 0.49 0 0 0 0 0.7 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_40"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_40" result="shape"/></filter><filter id="filter2_d_13_40" x="547.307" y="-664.639" width="2352.09" height="2436.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.594811 0 0 0 0 0.4875 0 0 0 0 0.65 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_40"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_40" result="shape"/></filter><filter id="filter3_d_13_40" x="381.088" y="-820.621" width="2680.09" height="2764.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="24"/><feGaussianBlur stdDeviation="90"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.61425 0 0 0 0 0.455 0 0 0 0 0.7 0 0 0 0.62 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_40"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_40" result="shape"/></filter><linearGradient id="paint0_linear_13_40" x1="48.3398" y1="4.80196e-07" x2="58.1053" y2="1125" gradientUnits="userSpaceOnUse"><stop stop-color="%23F6E6FF"/><stop offset="0.465" stop-color="%23F5E2FF"/><stop offset="1" stop-color="%23F2DCFE"/></linearGradient><linearGradient id="paint1_linear_13_40" x1="-8.46836" y1="213.022" x2="-8.46836" y2="429.988" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.0001" stop-color="%23FFFEFD"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_13_40" x1="80.5666" y1="233.643" x2="606.544" y2="1094.45" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.265" stop-color="white"/><stop offset="0.385" stop-color="%23F7EAFF"/><stop offset="0.720829" stop-color="%23D3BCDF"/><stop offset="1" stop-color="%23AA91B7"/></linearGradient><linearGradient id="paint3_linear_13_40" x1="138.672" y1="41.2598" x2="702.487" y2="1106.9" gradientUnits="userSpaceOnUse"><stop stop-color="%23F7E9FF"/><stop offset="0.19574" stop-color="%23F6E7FF"/><stop offset="1" stop-color="%23EBD5F6"/></linearGradient><linearGradient id="paint4_linear_13_40" x1="163.5" y1="527.148" x2="390.5" y2="902.648" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.0001" stop-color="white"/><stop offset="1" stop-color="%23F1DBFC"/></linearGradient><linearGradient id="paint5_linear_13_40" x1="560.263" y1="530.414" x2="910.742" y2="1118.56" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.340552" stop-color="%23F7E9FF"/><stop offset="0.616738" stop-color="%23E1CBED"/><stop offset="1" stop-color="%23AB92B8"/></linearGradient><linearGradient id="paint6_linear_13_40" x1="781.494" y1="72.6501" x2="2048.67" y2="1066.94" gradientUnits="userSpaceOnUse"><stop stop-color="%23F5E3FF"/><stop offset="0.51248" stop-color="%23EBD5F7"/><stop offset="1" stop-color="%23E0C9EB"/></linearGradient><linearGradient id="paint7_linear_13_40" x1="580.804" y1="451.174" x2="906.975" y2="1110.35" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.0001" stop-color="white"/><stop offset="1" stop-color="%23E5DBD5"/></linearGradient><clipPath id="clip0_13_40"><rect width="2000" height="1125" fill="white"/></clipPath></defs></svg>')`,
   quaternary: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1125" viewBox="0 0 2000 1125" fill="none"><g clip-path="url(%23clip0_16_50)"><rect width="2000" height="1125" fill="url(%23paint0_linear_16_50)"/><rect x="-145.375" y="247.444" width="435.932" height="128.9" transform="rotate(-66.9915 -145.375 247.444)" fill="url(%23paint1_linear_16_50)"/><g filter="url(%23filter0_d_16_50)"><path d="M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5809 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z" fill="%23EFE5DF"/></g><g filter="url(%23filter1_d_16_50)"><path d="M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.279 777.344 91.9002 426.514 82.0316 305.42C61.346 51.5961 246.369 -121.206 478.235 -337.757Z" fill="url(%23paint2_linear_16_50)"/></g><path d="M478.35 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.395 755.297 91.9025 403.076 82.1473 283.373C61.4618 29.5494 246.484 -143.253 478.35 -359.804Z" fill="url(%23paint3_linear_16_50)" stroke="url(%23paint4_linear_16_50)" stroke-width="0.488281"/><g filter="url(%23filter2_d_16_50)"><path d="M895.095 -81.1636L897.087 -83.483C2339.2 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.809 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z" fill="%23EFE5DF"/></g><g filter="url(%23filter3_d_16_50)"><path d="M892.877 -81.1463L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.597C521.196 351.573 686.155 159.524 892.877 -81.1463Z" fill="url(%23paint5_linear_16_50)"/></g><path d="M899.248 -92.3297L901.24 -94.6491C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.341 899.248 -92.3297Z" fill="url(%23paint6_linear_16_50)" stroke="url(%23paint7_linear_16_50)" stroke-width="0.488281"/></g><defs><filter id="filter0_d_16_50" x="67" y="-812.852" width="2294.05" height="2463.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_50"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_50" result="shape"/></filter><filter id="filter1_d_16_50" x="0.450684" y="-861.891" width="2422.05" height="2591.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="32"/><feGaussianBlur stdDeviation="40"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.5 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_50"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_50" result="shape"/></filter><filter id="filter2_d_16_50" x="547.307" y="-664.639" width="2352.09" height="2436.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.9 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_50"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_50" result="shape"/></filter><filter id="filter3_d_16_50" x="381.088" y="-844.621" width="2680.09" height="2764.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="90"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.545098 0 0 0 0.55 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_16_50"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_16_50" result="shape"/></filter><linearGradient id="paint0_linear_16_50" x1="48.3398" y1="4.80196e-07" x2="58.1053" y2="1125" gradientUnits="userSpaceOnUse"><stop stop-color="%23FDF3EE"/><stop offset="0.625484" stop-color="%23F8EEE8"/><stop offset="1" stop-color="%23F0E5DF"/><stop offset="1" stop-color="%23F0E5E0"/></linearGradient><linearGradient id="paint1_linear_16_50" x1="72.5912" y1="247.444" x2="72.5912" y2="376.344" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFFEFD"/><stop offset="0.0001" stop-color="%23FFFEFD"/><stop offset="1" stop-color="%23FFFDFD" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_16_50" x1="80.5666" y1="233.643" x2="606.544" y2="1094.45" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.265" stop-color="white"/><stop offset="0.385" stop-color="%23F5ECE6"/><stop offset="0.720829" stop-color="%23CFC4BE"/><stop offset="1" stop-color="%23C9BDB6"/></linearGradient><linearGradient id="paint3_linear_16_50" x1="138.672" y1="41.2598" x2="702.487" y2="1106.9" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFFAF8"/><stop offset="0.19574" stop-color="%23FEF5EF"/><stop offset="1" stop-color="%23E8DED8"/></linearGradient><linearGradient id="paint4_linear_16_50" x1="163.5" y1="527.148" x2="390.5" y2="902.648" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.0001" stop-color="white"/><stop offset="1" stop-color="%23E5DBD5"/></linearGradient><linearGradient id="paint5_linear_16_50" x1="560.263" y1="530.414" x2="910.742" y2="1118.56" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.340552" stop-color="%23FCF2EC"/><stop offset="0.616738" stop-color="%23D8CEC8"/><stop offset="1" stop-color="%23ACA19C"/></linearGradient><linearGradient id="paint6_linear_16_50" x1="781.494" y1="72.6501" x2="2048.67" y2="1066.94" gradientUnits="userSpaceOnUse"><stop stop-color="%23F8EEE8"/><stop offset="0.51248" stop-color="%23E8DED8"/><stop offset="1" stop-color="%23DDD3CE"/></linearGradient><linearGradient id="paint7_linear_16_50" x1="580.804" y1="451.174" x2="906.975" y2="1110.35" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.0001" stop-color="white"/><stop offset="1" stop-color="%23E5DBD5"/></linearGradient><clipPath id="clip0_16_50"><rect width="2000" height="1125" fill="white"/></clipPath></defs></svg>')`
 }, ya = {
-  primary: J.secondary,
-  secondary: J.primary,
+  primary: Q.secondary,
+  secondary: Q.primary,
   quaternary: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1125" viewBox="0 0 2000 1125" fill="none"><g clip-path="url(%23clip0_24984_14652)"><rect width="2000" height="1125" fill="url(%23paint0_linear_24984_14652)"/><g filter="url(%23filter0_d_24984_14652)"><path d="M480.784 -336.718L483.018 -338.805C2086.53 -1722.59 2447.86 284.242 2322.13 1089.91C2196.4 1895.57 1114.05 1663.85 598.008 1169.98C188.829 778.383 94.9071 433.168 84.5808 306.459C63.8953 52.6354 248.918 -120.167 480.784 -336.718Z" fill="%23FFF0E5"/></g><g filter="url(%23filter1_d_24984_14652)"><path d="M478.235 -337.757L480.469 -339.844C2083.98 -1723.63 2445.31 283.203 2319.58 1088.87C2193.85 1894.53 1111.5 1662.81 595.459 1168.95C186.28 777.344 91.9004 426.514 82.0318 305.42C61.3462 51.596 246.369 -121.206 478.235 -337.757Z" fill="url(%23paint1_linear_24984_14652)"/></g><path d="M478.351 -359.804L480.585 -361.891C2084.1 -1745.68 2445.43 261.156 2319.7 1066.82C2193.96 1872.48 1111.61 1640.77 595.575 1146.9C186.396 755.297 91.9029 403.076 82.1476 283.373C61.4621 29.5494 246.485 -143.253 478.351 -359.804Z" fill="url(%23paint2_linear_24984_14652)" stroke="url(%23paint3_linear_24984_14652)" stroke-width="0.488281"/><g filter="url(%23filter2_d_24984_14652)"><path d="M895.095 -81.1636L897.087 -83.483C2339.19 -1634.76 2918.4 320.353 2881.77 1134.95C2845.14 1949.54 1743.91 1837.9 1176.83 1403.6C727.176 1059.23 595.967 726.393 571.808 601.58C523.415 351.555 688.373 159.507 895.095 -81.1636Z" fill="%23FFF0E5"/></g><g filter="url(%23filter3_d_24984_14652)"><path d="M892.877 -81.1462L894.869 -83.4656C2336.98 -1634.74 2916.18 320.371 2879.55 1134.96C2842.92 1949.56 1741.69 1837.92 1174.61 1403.62C724.958 1059.24 592.677 720.879 569.59 601.598C521.196 351.573 686.155 159.524 892.877 -81.1462Z" fill="url(%23paint4_linear_24984_14652)"/></g><path d="M899.248 -92.33L901.24 -94.6492C2343.35 -1645.93 2922.56 309.187 2885.93 1123.78C2849.3 1938.37 1748.06 1826.74 1180.98 1392.43C731.329 1048.06 598.784 708.325 575.961 590.414C527.568 340.389 692.526 148.34 899.248 -92.33Z" fill="url(%23paint5_linear_24984_14652)" stroke="url(%23paint6_linear_24984_14652)" stroke-width="0.488281"/></g><defs><filter id="filter0_d_24984_14652" x="67" y="-812.852" width="2294.05" height="2463.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24984_14652"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24984_14652" result="shape"/></filter><filter id="filter1_d_24984_14652" x="-69.5491" y="-947.891" width="2562.05" height="2731.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="75"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24984_14652"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24984_14652" result="shape"/></filter><filter id="filter2_d_24984_14652" x="547.307" y="-664.639" width="2352.09" height="2436.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="16"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.95 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24984_14652"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24984_14652" result="shape"/></filter><filter id="filter3_d_24984_14652" x="361.088" y="-864.621" width="2720.09" height="2804.12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="100"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0750588 0 0 0 0 0.0633255 0 0 0 0 0.0543529 0 0 0 0.65 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_24984_14652"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_24984_14652" result="shape"/></filter><linearGradient id="paint0_linear_24984_14652" x1="48.3398" y1="4.80196e-07" x2="58.1053" y2="1125" gradientUnits="userSpaceOnUse"><stop stop-color="%232C2520"/><stop offset="0.576094" stop-color="%2329221D"/><stop offset="1" stop-color="%2327211C"/></linearGradient><linearGradient id="paint1_linear_24984_14652" x1="80.5668" y1="233.643" x2="606.544" y2="1094.45" gradientUnits="userSpaceOnUse"><stop stop-color="%2340362E"/><stop offset="0.265" stop-color="%23372E27"/><stop offset="0.385" stop-color="%232D2621"/><stop offset="0.720829" stop-color="%231E1916"/><stop offset="1" stop-color="%23161310"/></linearGradient><linearGradient id="paint2_linear_24984_14652" x1="138.672" y1="41.2598" x2="702.488" y2="1106.9" gradientUnits="userSpaceOnUse"><stop stop-color="%232F2822"/><stop offset="0.19574" stop-color="%232C2520"/><stop offset="1" stop-color="%23221D19"/></linearGradient><linearGradient id="paint3_linear_24984_14652" x1="133.5" y1="60.5" x2="546" y2="1048" gradientUnits="userSpaceOnUse"><stop stop-color="%23887363"/><stop offset="0.506509" stop-color="%233E342D"/><stop offset="1" stop-color="%23251F1A"/></linearGradient><linearGradient id="paint4_linear_24984_14652" x1="560.263" y1="530.414" x2="910.742" y2="1118.56" gradientUnits="userSpaceOnUse"><stop stop-color="%233B312A"/><stop offset="0.340552" stop-color="%232D2621"/><stop offset="0.616738" stop-color="%231F1A17"/><stop offset="1" stop-color="%23161310"/></linearGradient><linearGradient id="paint5_linear_24984_14652" x1="781.493" y1="72.65" x2="2048.67" y2="1066.94" gradientUnits="userSpaceOnUse"><stop stop-color="%232F2822"/><stop offset="0.51248" stop-color="%2326201C"/><stop offset="1" stop-color="%23201B17"/></linearGradient><linearGradient id="paint6_linear_24984_14652" x1="820.5" y1="32.5" x2="906.975" y2="1110.35" gradientUnits="userSpaceOnUse"><stop stop-color="%23645549"/><stop offset="0.425" stop-color="%23594B41"/><stop offset="1" stop-color="%23221C18"/></linearGradient><clipPath id="clip0_24984_14652"><rect width="2000" height="1125" fill="white"/></clipPath></defs></svg>')`
 }, xa = {
   primary: "var(--purpur-color-text-tone-on-tone-primary)",
@@ -1367,41 +1370,41 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
     enableTitleHyphenation: i = !1,
     className: s,
     actions: w,
-    children: I,
-    style: j,
-    alignment: D = "space-between",
-    additionalText: A,
+    children: D,
+    style: R,
+    alignment: L = "space-between",
+    additionalText: O,
     ...h
-  }, Dr) => {
-    const [Rr] = ca();
-    let O = h, g, G;
+  }, Rr) => {
+    const [Lr] = ca();
+    let G = h, g, M;
     if ("decorativeImage" in h) {
-      const { hasGradient: C, decorativeImage: S, ...R } = h;
-      g = S, G = C, O = R;
+      const { hasGradient: C, decorativeImage: S, ...j } = h;
+      g = S, M = C, G = j;
     } else if ("productImage" in h) {
-      const { hasGradient: C, productImage: S, ...R } = h;
-      g = S, G = C, O = R;
+      const { hasGradient: C, productImage: S, ...j } = h;
+      g = S, M = C, G = j;
     } else if ("hasGradient" in h) {
       const { hasGradient: C, ...S } = h;
-      G = C, O = S;
+      M = C, G = S;
     }
-    const Lr = {
+    const jr = {
       "--promotion-card-background": va[o],
       "--promotion-card-color": xa[o],
-      "--promotion-card-background-image": g ? "none" : Rr === "dark" ? ya[o] : J[o]
+      "--promotion-card-background-image": g ? "none" : Lr === "dark" ? ya[o] : Q[o]
     };
     return /* @__PURE__ */ l(
       f,
       {
         "data-testid": e,
-        ref: Dr,
+        ref: Rr,
         fullHeight: !0,
         className: d(s, u, `${u}--${o}`),
         style: {
-          ...Lr,
-          ...j
+          ...jr,
+          ...R
         },
-        ...O,
+        ...G,
         children: /* @__PURE__ */ c(
           "div",
           {
@@ -1427,7 +1430,7 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
                       {
                         className: d(
                           `${u}__main-content`,
-                          `${u}__main-content--${D}`
+                          `${u}__main-content--${L}`
                         ),
                         children: [
                           /* @__PURE__ */ l(
@@ -1441,15 +1444,15 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
                             }
                           ),
                           /* @__PURE__ */ c("div", { className: d(`${u}__body`), children: [
-                            /* @__PURE__ */ l("div", { className: d(`${u}__child-content`), children: I }),
+                            /* @__PURE__ */ l("div", { className: d(`${u}__child-content`), children: D }),
                             w && /* @__PURE__ */ l("div", { className: d(`${u}__actions`), children: w }),
-                            A && /* @__PURE__ */ l(
-                              jr,
+                            O && /* @__PURE__ */ l(
+                              Dr,
                               {
                                 negative: !0,
                                 variant: "additional-100",
                                 className: d(`${u}__additional-text`),
-                                children: A
+                                children: O
                               }
                             )
                           ] })
@@ -1468,7 +1471,7 @@ const ga = /* @__PURE__ */ _a(ha), ma = {
                   }),
                   children: [
                     g,
-                    G && /* @__PURE__ */ l(
+                    M && /* @__PURE__ */ l(
                       "div",
                       {
                         className: d(`${u}__image-gradient`),