@frak-labs/components 0.0.26-beta.53dfa7b2 → 0.0.26-beta.5989fbc3

package/dist/postPurchase.js

@@ -1,12 +1,13 @@
-import { a as useClientReady, o as registerWebComponent, t as usePlacement } from "./usePlacement-CHEgrdvN.js";
-import { t as useLightDomStyles } from "./useLightDomStyles-B5Y_fH4K.js";
-import { t as formatEstimatedReward } from "./formatReward-_UYA3aHE.js";
-import { t as useShareModal } from "./useShareModal-Bmlk3eBJ.js";
+import { a as registerWebComponent, i as useClientReady, t as usePlacement } from "./usePlacement-LqYjZLX_.js";
+import { t as useGlobalComponents } from "./useGlobalComponents-Cmfszr7v.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-hgYYZsTy.js";
+import { n as formatEstimatedReward, t as applyRewardPlaceholder } from "./formatReward-Bub6Z6eY.js";
+import { t as useShareModal } from "./useShareModal-DgEf5WWG.js";
+import { l as createElement, o as cssSource$4, r as LogoFrak, s as cssSource$3, t as GiftIcon } from "./GiftIcon-4sr9xXyq.js";
 import { getMerchantInformation, getUserReferralStatus, trackPurchaseStatus } from "@frak-labs/core-sdk/actions";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { FrakRpcError, RpcErrorCodes } from "@frak-labs/frame-connector";
-import { Component, Fragment as Fragment$1, createElement, createElement as createElement$1, options, toChildArray } from "preact";
 //#region ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
 	var t, f, n = "";
@@ -22,262 +23,6 @@ function clsx() {
 	return n;
 }
 //#endregion
-//#region ../../node_modules/.bun/preact@10.29.0/node_modules/preact/compat/dist/compat.module.js
-function g(n, t) {
-	for (var e in t) n[e] = t[e];
-	return n;
-}
-function E(n, t) {
-	for (var e in n) if ("__source" !== e && !(e in t)) return !0;
-	for (var r in t) if ("__source" !== r && n[r] !== t[r]) return !0;
-	return !1;
-}
-function M(n, t) {
-	this.props = n, this.context = t;
-}
-(M.prototype = new Component()).isPureReactComponent = !0, M.prototype.shouldComponentUpdate = function(n, t) {
-	return E(this.props, n) || E(this.state, t);
-};
-var T = options.__b;
-options.__b = function(n) {
-	n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), T && T(n);
-};
-"undefined" != typeof Symbol && Symbol.for;
-var O = options.__e;
-options.__e = function(n, t, e, r) {
-	if (n.then) {
-		for (var u, o = t; o = o.__;) if ((u = o.__c) && u.__c) return t.__e ?? (t.__e = e.__e, t.__k = e.__k), u.__c(n, t);
-	}
-	O(n, t, e, r);
-};
-var U = options.unmount;
-function V(n, t, e) {
-	return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach(function(n) {
-		"function" == typeof n.__c && n.__c();
-	}), n.__c.__H = null), null != (n = g({}, n)).__c && (n.__c.__P === e && (n.__c.__P = t), n.__c.__e = !0, n.__c = null), n.__k = n.__k && n.__k.map(function(n) {
-		return V(n, t, e);
-	})), n;
-}
-function W(n, t, e) {
-	return n && e && (n.__v = null, n.__k = n.__k && n.__k.map(function(n) {
-		return W(n, t, e);
-	}), n.__c && n.__c.__P === t && (n.__e && e.appendChild(n.__e), n.__c.__e = !0, n.__c.__P = e)), n;
-}
-function P() {
-	this.__u = 0, this.o = null, this.__b = null;
-}
-function j(n) {
-	var t = n.__ && n.__.__c;
-	return t && t.__a && t.__a(n);
-}
-function B() {
-	this.i = null, this.l = null;
-}
-options.unmount = function(n) {
-	var t = n.__c;
-	t && (t.__z = !0), t && t.__R && t.__R(), t && 32 & n.__u && (n.type = null), U && U(n);
-}, (P.prototype = new Component()).__c = function(n, t) {
-	var e = t.__c, r = this;
-	r.o ??= [], r.o.push(e);
-	var u = j(r.__v), o = !1, i = function() {
-		o || r.__z || (o = !0, e.__R = null, u ? u(c) : c());
-	};
-	e.__R = i;
-	var l = e.__P;
-	e.__P = null;
-	var c = function() {
-		if (!--r.__u) {
-			if (r.state.__a) {
-				var n = r.state.__a;
-				r.__v.__k[0] = W(n, n.__c.__P, n.__c.__O);
-			}
-			var t;
-			for (r.setState({ __a: r.__b = null }); t = r.o.pop();) t.__P = l, t.forceUpdate();
-		}
-	};
-	r.__u++ || 32 & t.__u || r.setState({ __a: r.__b = r.__v.__k[0] }), n.then(i, i);
-}, P.prototype.componentWillUnmount = function() {
-	this.o = [];
-}, P.prototype.render = function(n, e) {
-	if (this.__b) {
-		if (this.__v.__k) {
-			var r = document.createElement("div"), o = this.__v.__k[0].__c;
-			this.__v.__k[0] = V(this.__b, r, o.__O = o.__P);
-		}
-		this.__b = null;
-	}
-	var i = e.__a && createElement(Fragment$1, null, n.fallback);
-	return i && (i.__u &= -33), [createElement(Fragment$1, null, e.__a ? null : n.children), i];
-};
-var H = function(n, t, e) {
-	if (++e[1] === e[0] && n.l.delete(t), n.props.revealOrder && ("t" !== n.props.revealOrder[0] || !n.l.size)) for (e = n.i; e;) {
-		for (; e.length > 3;) e.pop()();
-		if (e[1] < e[0]) break;
-		n.i = e = e[2];
-	}
-};
-(B.prototype = new Component()).__a = function(n) {
-	var t = this, e = j(t.__v), r = t.l.get(n);
-	return r[0]++, function(u) {
-		var o = function() {
-			t.props.revealOrder ? (r.push(u), H(t, n, r)) : u();
-		};
-		e ? e(o) : o();
-	};
-}, B.prototype.render = function(n) {
-	this.i = null, this.l = /* @__PURE__ */ new Map();
-	var t = toChildArray(n.children);
-	n.revealOrder && "b" === n.revealOrder[0] && t.reverse();
-	for (var e = t.length; e--;) this.l.set(t[e], this.i = [
-		1,
-		0,
-		this.i
-	]);
-	return n.children;
-}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
-	var n = this;
-	this.l.forEach(function(t, e) {
-		H(n, e, t);
-	});
-};
-var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n) {
-	return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n);
-};
-Component.prototype.isReactComponent = !0, [
-	"componentWillMount",
-	"componentWillReceiveProps",
-	"componentWillUpdate"
-].forEach(function(t) {
-	Object.defineProperty(Component.prototype, t, {
-		configurable: !0,
-		get: function() {
-			return this["UNSAFE_" + t];
-		},
-		set: function(n) {
-			Object.defineProperty(this, t, {
-				configurable: !0,
-				writable: !0,
-				value: n
-			});
-		}
-	});
-});
-var en = options.event;
-options.event = function(n) {
-	return en && (n = en(n)), n.persist = function() {}, n.isPropagationStopped = function() {
-		return this.cancelBubble;
-	}, n.isDefaultPrevented = function() {
-		return this.defaultPrevented;
-	}, n.nativeEvent = n;
-};
-var un = {
-	configurable: !0,
-	get: function() {
-		return this.class;
-	}
-}, on = options.vnode;
-options.vnode = function(n) {
-	"string" == typeof n.type && function(n) {
-		var t = n.props, e = n.type, u = {}, o = -1 == e.indexOf("-");
-		for (var i in t) {
-			var l = t[i];
-			if (!("value" === i && "defaultValue" in t && null == l || Q && "children" === i && "noscript" === e || "class" === i || "className" === i)) {
-				var c = i.toLowerCase();
-				"defaultValue" === i && "value" in t && null == t.value ? i = "value" : "download" === i && !0 === l ? l = "" : "translate" === c && "no" === l ? l = !1 : "o" === c[0] && "n" === c[1] ? "ondoubleclick" === c ? i = "ondblclick" : "onchange" !== c || "input" !== e && "textarea" !== e || X(t.type) ? "onfocus" === c ? i = "onfocusin" : "onblur" === c ? i = "onfocusout" : J.test(i) && (i = c) : c = i = "oninput" : o && G.test(i) ? i = i.replace(K, "-$&").toLowerCase() : null === l && (l = void 0), "oninput" === c && u[i = c] && (i = "oninputCapture"), u[i] = l;
-			}
-		}
-		"select" == e && (u.multiple && Array.isArray(u.value) && (u.value = toChildArray(t.children).forEach(function(n) {
-			n.props.selected = -1 != u.value.indexOf(n.props.value);
-		})), null != u.defaultValue && (u.value = toChildArray(t.children).forEach(function(n) {
-			n.props.selected = u.multiple ? -1 != u.defaultValue.indexOf(n.props.value) : u.defaultValue == n.props.value;
-		}))), t.class && !t.className ? (u.class = t.class, Object.defineProperty(u, "className", un)) : t.className && (u.class = u.className = t.className), n.props = u;
-	}(n), n.$$typeof = q, on && on(n);
-};
-var ln = options.__r;
-options.__r = function(n) {
-	ln && ln(n), n.__c;
-};
-var cn = options.diffed;
-options.diffed = function(n) {
-	cn && cn(n);
-	var t = n.props, e = n.__e;
-	null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value);
-};
-//#endregion
-//#region \0ve-inline:../../packages/design-system/src/reset.css.ts.vanilla.js
-const cssSource$5 = `*, *::after, *::before {
-  margin: 0;
-  box-sizing: border-box;
-}
-html {
-  height: 100vh;
-  scroll-behavior: smooth;
-}
-ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-sub, sup {
-  font-size: 100%;
-}
-sup {
-  top: -0.15em;
-}
-.reset_base__1831jhd0 {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  box-sizing: border-box;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-  -webkit-tap-highlight-color: transparent;
-}
-.reset_focusRing__1831jhd1 {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.reset_focusRing__1831jhd1:focus-visible {
-  outline-color: currentColor;
-}
-.reset_fieldAppearance__1831jhd2 {
-  appearance: none;
-  background-color: transparent;
-}
-.reset_visuallyHidden__1831jhd3 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-.reset_element_ul__1831jhd4 {
-  list-style: none;
-}
-.reset_element_ol__1831jhd5 {
-  list-style: none;
-}
-.reset_element_button__1831jhd6 {
-  cursor: pointer;
-}
-.reset_element_a__1831jhd7 {
-  text-decoration: none;
-  color: inherit;
-}
-.reset_element_table__1831jhdb {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-.reset_element_img__1831jhdc {
-  display: block;
-  max-width: 100%;
-}`;
-//#endregion
 //#region ../../packages/design-system/src/reset.css.ts
 var base = "reset_base__1831jhd0";
 var element = {
@@ -292,1134 +37,6 @@ var element = {
 	img: "reset_element_img__1831jhdc"
 };
 //#endregion
-//#region \0ve-inline:../../packages/design-system/src/theme.css.ts.vanilla.js
-const cssSource$4 = `:root {
-  --text-primary__pbq4ak0: #000000;
-  --text-secondary__pbq4ak1: #525252;
-  --text-tertiary__pbq4ak2: #a3a3a3;
-  --text-disabled__pbq4ak3: #a3a3a3;
-  --text-action__pbq4ak4: #0043ef;
-  --text-actionHover__pbq4ak5: #0036bf;
-  --text-onAction__pbq4ak6: #ffffff;
-  --text-error__pbq4ak7: #e31c31;
-  --text-success__pbq4ak8: #09be67;
-  --text-warning__pbq4ak9: #ec7e00;
-  --surface-primary__pbq4aka: #0043ef;
-  --surface-secondary__pbq4akb: #f2f6fe;
-  --surface-background__pbq4akc: #ffffff;
-  --surface-background2__pbq4akd: #f9fafb;
-  --surface-elevated__pbq4ake: #ffffff;
-  --surface-muted__pbq4akf: #f7f7f7;
-  --surface-tertiary__pbq4akg: #f7f7f7;
-  --surface-overlay__pbq4akh: #000000b2;
-  --surface-disabled__pbq4aki: #e2e2e2;
-  --surface-primaryHover__pbq4akj: #0036bf;
-  --surface-primaryPressed__pbq4akk: #00288f;
-  --surface-secondaryHover__pbq4akl: #e5ecfd;
-  --surface-secondaryPressed__pbq4akm: #ccd9fc;
-  --surface-error__pbq4akn: #fce8ea;
-  --surface-success__pbq4ako: #f3fcf7;
-  --surface-warning__pbq4akp: #fef9f2;
-  --border-subtle__pbq4akq: #f5f5f5;
-  --border-focus__pbq4akr: #a3a3a3;
-  --border-error__pbq4aks: #e31c31;
-  --border-success__pbq4akt: #09be67;
-  --border-warning__pbq4aku: #ec7e00;
-  --border-default__pbq4akv: #e2e2e2;
-  --icon-primary__pbq4akw: #000000;
-  --icon-secondary__pbq4akx: #525252;
-  --icon-tertiary__pbq4aky: #a3a3a3;
-  --icon-disabled__pbq4akz: #a3a3a3;
-  --icon-action__pbq4ak10: #0043ef;
-  --icon-actionHover__pbq4ak11: #0036bf;
-  --icon-onAction__pbq4ak12: #ffffff;
-  --icon-error__pbq4ak13: #e31c31;
-  --icon-success__pbq4ak14: #09be67;
-  --icon-warning__pbq4ak15: #ec7e00;
-}
-[data-theme='dark'] {
-  --text-primary__pbq4ak0: #ffffff;
-  --text-secondary__pbq4ak1: #f7f7f7;
-  --text-tertiary__pbq4ak2: #f5f5f5;
-  --text-disabled__pbq4ak3: #a3a3a3;
-  --text-action__pbq4ak4: #668ef5;
-  --text-actionHover__pbq4ak5: #0036bf;
-  --text-onAction__pbq4ak6: #ffffff;
-  --text-error__pbq4ak7: #e9495a;
-  --text-success__pbq4ak8: #09be67;
-  --text-warning__pbq4ak9: #ec7e00;
-  --surface-primary__pbq4aka: #0043ef;
-  --surface-secondary__pbq4akb: #00288f;
-  --surface-background__pbq4akc: #000000;
-  --surface-background2__pbq4akd: #000000;
-  --surface-elevated__pbq4ake: #262626;
-  --surface-muted__pbq4akf: #525252;
-  --surface-tertiary__pbq4akg: #737373;
-  --surface-overlay__pbq4akh: #000000b2;
-  --surface-disabled__pbq4aki: #e2e2e2;
-  --surface-primaryHover__pbq4akj: #0036bf;
-  --surface-primaryPressed__pbq4akk: #00288f;
-  --surface-secondaryHover__pbq4akl: #e5ecfd;
-  --surface-secondaryPressed__pbq4akm: #ccd9fc;
-  --surface-error__pbq4akn: #b61627;
-  --surface-success__pbq4ako: #05723e;
-  --surface-warning__pbq4akp: #8e4c00;
-  --border-subtle__pbq4akq: #737373;
-  --border-focus__pbq4akr: #a3a3a3;
-  --border-error__pbq4aks: #e31c31;
-  --border-success__pbq4akt: #09be67;
-  --border-warning__pbq4aku: #ec7e00;
-  --border-default__pbq4akv: #525252;
-  --icon-primary__pbq4akw: #ffffff;
-  --icon-secondary__pbq4akx: #f7f7f7;
-  --icon-tertiary__pbq4aky: #f7f7f7;
-  --icon-disabled__pbq4akz: #a3a3a3;
-  --icon-action__pbq4ak10: #0043ef;
-  --icon-actionHover__pbq4ak11: #0036bf;
-  --icon-onAction__pbq4ak12: #ffffff;
-  --icon-error__pbq4ak13: #e31c31;
-  --icon-success__pbq4ak14: #09be67;
-  --icon-warning__pbq4ak15: #ec7e00;
-}`;
-//#endregion
-//#region \0ve-inline:../../packages/design-system/src/sprinkles.css.ts.vanilla.js
-const cssSource$3 = `.sprinkles_display_none_mobile__1iaw8zx0 {
-  display: none;
-}
-.sprinkles_display_flex_mobile__1iaw8zx3 {
-  display: flex;
-}
-.sprinkles_display_block_mobile__1iaw8zx6 {
-  display: block;
-}
-.sprinkles_display_grid_mobile__1iaw8zx9 {
-  display: grid;
-}
-.sprinkles_display_inline-flex_mobile__1iaw8zxc {
-  display: inline-flex;
-}
-.sprinkles_flexDirection_row_mobile__1iaw8zxf {
-  flex-direction: row;
-}
-.sprinkles_flexDirection_column_mobile__1iaw8zxi {
-  flex-direction: column;
-}
-.sprinkles_alignItems_stretch_mobile__1iaw8zxl {
-  align-items: stretch;
-}
-.sprinkles_alignItems_flex-start_mobile__1iaw8zxo {
-  align-items: flex-start;
-}
-.sprinkles_alignItems_center_mobile__1iaw8zxr {
-  align-items: center;
-}
-.sprinkles_alignItems_flex-end_mobile__1iaw8zxu {
-  align-items: flex-end;
-}
-.sprinkles_alignItems_baseline_mobile__1iaw8zxx {
-  align-items: baseline;
-}
-.sprinkles_justifyContent_stretch_mobile__1iaw8zx10 {
-  justify-content: stretch;
-}
-.sprinkles_justifyContent_flex-start_mobile__1iaw8zx13 {
-  justify-content: flex-start;
-}
-.sprinkles_justifyContent_center_mobile__1iaw8zx16 {
-  justify-content: center;
-}
-.sprinkles_justifyContent_flex-end_mobile__1iaw8zx19 {
-  justify-content: flex-end;
-}
-.sprinkles_justifyContent_space-between_mobile__1iaw8zx1c {
-  justify-content: space-between;
-}
-.sprinkles_justifyContent_space-around_mobile__1iaw8zx1f {
-  justify-content: space-around;
-}
-.sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i {
-  flex-wrap: nowrap;
-}
-.sprinkles_flexWrap_wrap_mobile__1iaw8zx1l {
-  flex-wrap: wrap;
-}
-.sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o {
-  flex-wrap: wrap-reverse;
-}
-.sprinkles_gap_none_mobile__1iaw8zx1r {
-  gap: 0;
-}
-.sprinkles_gap_xxs_mobile__1iaw8zx1u {
-  gap: 4px;
-}
-.sprinkles_gap_xs_mobile__1iaw8zx1x {
-  gap: 8px;
-}
-.sprinkles_gap_s_mobile__1iaw8zx20 {
-  gap: 12px;
-}
-.sprinkles_gap_m_mobile__1iaw8zx23 {
-  gap: 16px;
-}
-.sprinkles_gap_l_mobile__1iaw8zx26 {
-  gap: 24px;
-}
-.sprinkles_gap_xl_mobile__1iaw8zx29 {
-  gap: 32px;
-}
-.sprinkles_paddingTop_none_mobile__1iaw8zx2c {
-  padding-top: 0;
-}
-.sprinkles_paddingTop_xxs_mobile__1iaw8zx2f {
-  padding-top: 4px;
-}
-.sprinkles_paddingTop_xs_mobile__1iaw8zx2i {
-  padding-top: 8px;
-}
-.sprinkles_paddingTop_s_mobile__1iaw8zx2l {
-  padding-top: 12px;
-}
-.sprinkles_paddingTop_m_mobile__1iaw8zx2o {
-  padding-top: 16px;
-}
-.sprinkles_paddingTop_l_mobile__1iaw8zx2r {
-  padding-top: 24px;
-}
-.sprinkles_paddingTop_xl_mobile__1iaw8zx2u {
-  padding-top: 32px;
-}
-.sprinkles_paddingBottom_none_mobile__1iaw8zx2x {
-  padding-bottom: 0;
-}
-.sprinkles_paddingBottom_xxs_mobile__1iaw8zx30 {
-  padding-bottom: 4px;
-}
-.sprinkles_paddingBottom_xs_mobile__1iaw8zx33 {
-  padding-bottom: 8px;
-}
-.sprinkles_paddingBottom_s_mobile__1iaw8zx36 {
-  padding-bottom: 12px;
-}
-.sprinkles_paddingBottom_m_mobile__1iaw8zx39 {
-  padding-bottom: 16px;
-}
-.sprinkles_paddingBottom_l_mobile__1iaw8zx3c {
-  padding-bottom: 24px;
-}
-.sprinkles_paddingBottom_xl_mobile__1iaw8zx3f {
-  padding-bottom: 32px;
-}
-.sprinkles_paddingLeft_none_mobile__1iaw8zx3i {
-  padding-left: 0;
-}
-.sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l {
-  padding-left: 4px;
-}
-.sprinkles_paddingLeft_xs_mobile__1iaw8zx3o {
-  padding-left: 8px;
-}
-.sprinkles_paddingLeft_s_mobile__1iaw8zx3r {
-  padding-left: 12px;
-}
-.sprinkles_paddingLeft_m_mobile__1iaw8zx3u {
-  padding-left: 16px;
-}
-.sprinkles_paddingLeft_l_mobile__1iaw8zx3x {
-  padding-left: 24px;
-}
-.sprinkles_paddingLeft_xl_mobile__1iaw8zx40 {
-  padding-left: 32px;
-}
-.sprinkles_paddingRight_none_mobile__1iaw8zx43 {
-  padding-right: 0;
-}
-.sprinkles_paddingRight_xxs_mobile__1iaw8zx46 {
-  padding-right: 4px;
-}
-.sprinkles_paddingRight_xs_mobile__1iaw8zx49 {
-  padding-right: 8px;
-}
-.sprinkles_paddingRight_s_mobile__1iaw8zx4c {
-  padding-right: 12px;
-}
-.sprinkles_paddingRight_m_mobile__1iaw8zx4f {
-  padding-right: 16px;
-}
-.sprinkles_paddingRight_l_mobile__1iaw8zx4i {
-  padding-right: 24px;
-}
-.sprinkles_paddingRight_xl_mobile__1iaw8zx4l {
-  padding-right: 32px;
-}
-.sprinkles_marginTop_none_mobile__1iaw8zx4o {
-  margin-top: 0;
-}
-.sprinkles_marginTop_xxs_mobile__1iaw8zx4r {
-  margin-top: 4px;
-}
-.sprinkles_marginTop_xs_mobile__1iaw8zx4u {
-  margin-top: 8px;
-}
-.sprinkles_marginTop_s_mobile__1iaw8zx4x {
-  margin-top: 12px;
-}
-.sprinkles_marginTop_m_mobile__1iaw8zx50 {
-  margin-top: 16px;
-}
-.sprinkles_marginTop_l_mobile__1iaw8zx53 {
-  margin-top: 24px;
-}
-.sprinkles_marginTop_xl_mobile__1iaw8zx56 {
-  margin-top: 32px;
-}
-.sprinkles_marginBottom_none_mobile__1iaw8zx59 {
-  margin-bottom: 0;
-}
-.sprinkles_marginBottom_xxs_mobile__1iaw8zx5c {
-  margin-bottom: 4px;
-}
-.sprinkles_marginBottom_xs_mobile__1iaw8zx5f {
-  margin-bottom: 8px;
-}
-.sprinkles_marginBottom_s_mobile__1iaw8zx5i {
-  margin-bottom: 12px;
-}
-.sprinkles_marginBottom_m_mobile__1iaw8zx5l {
-  margin-bottom: 16px;
-}
-.sprinkles_marginBottom_l_mobile__1iaw8zx5o {
-  margin-bottom: 24px;
-}
-.sprinkles_marginBottom_xl_mobile__1iaw8zx5r {
-  margin-bottom: 32px;
-}
-.sprinkles_marginLeft_none_mobile__1iaw8zx5u {
-  margin-left: 0;
-}
-.sprinkles_marginLeft_xxs_mobile__1iaw8zx5x {
-  margin-left: 4px;
-}
-.sprinkles_marginLeft_xs_mobile__1iaw8zx60 {
-  margin-left: 8px;
-}
-.sprinkles_marginLeft_s_mobile__1iaw8zx63 {
-  margin-left: 12px;
-}
-.sprinkles_marginLeft_m_mobile__1iaw8zx66 {
-  margin-left: 16px;
-}
-.sprinkles_marginLeft_l_mobile__1iaw8zx69 {
-  margin-left: 24px;
-}
-.sprinkles_marginLeft_xl_mobile__1iaw8zx6c {
-  margin-left: 32px;
-}
-.sprinkles_marginRight_none_mobile__1iaw8zx6f {
-  margin-right: 0;
-}
-.sprinkles_marginRight_xxs_mobile__1iaw8zx6i {
-  margin-right: 4px;
-}
-.sprinkles_marginRight_xs_mobile__1iaw8zx6l {
-  margin-right: 8px;
-}
-.sprinkles_marginRight_s_mobile__1iaw8zx6o {
-  margin-right: 12px;
-}
-.sprinkles_marginRight_m_mobile__1iaw8zx6r {
-  margin-right: 16px;
-}
-.sprinkles_marginRight_l_mobile__1iaw8zx6u {
-  margin-right: 24px;
-}
-.sprinkles_marginRight_xl_mobile__1iaw8zx6x {
-  margin-right: 32px;
-}
-.sprinkles_borderRadius_none_mobile__1iaw8zx70 {
-  border-radius: 0;
-}
-.sprinkles_borderRadius_xs_mobile__1iaw8zx73 {
-  border-radius: 4px;
-}
-.sprinkles_borderRadius_s_mobile__1iaw8zx76 {
-  border-radius: 8px;
-}
-.sprinkles_borderRadius_m_mobile__1iaw8zx79 {
-  border-radius: 12px;
-}
-.sprinkles_borderRadius_l_mobile__1iaw8zx7c {
-  border-radius: 16px;
-}
-.sprinkles_borderRadius_xl_mobile__1iaw8zx7f {
-  border-radius: 24px;
-}
-.sprinkles_borderRadius_xxl_mobile__1iaw8zx7i {
-  border-radius: 32px;
-}
-.sprinkles_borderRadius_full_mobile__1iaw8zx7l {
-  border-radius: 9999px;
-}
-.sprinkles_position_relative__1iaw8zx7o {
-  position: relative;
-}
-.sprinkles_position_absolute__1iaw8zx7p {
-  position: absolute;
-}
-.sprinkles_position_fixed__1iaw8zx7q {
-  position: fixed;
-}
-.sprinkles_position_sticky__1iaw8zx7r {
-  position: sticky;
-}
-.sprinkles_overflow_hidden__1iaw8zx7s {
-  overflow: hidden;
-}
-.sprinkles_overflow_scroll__1iaw8zx7t {
-  overflow: scroll;
-}
-.sprinkles_overflow_visible__1iaw8zx7u {
-  overflow: visible;
-}
-.sprinkles_overflow_auto__1iaw8zx7v {
-  overflow: auto;
-}
-.sprinkles_cursor_default__1iaw8zx7w {
-  cursor: default;
-}
-.sprinkles_cursor_pointer__1iaw8zx7x {
-  cursor: pointer;
-}
-.sprinkles_flexShrink_0__1iaw8zx7y {
-  flex-shrink: 0;
-}
-.sprinkles_flexGrow_0__1iaw8zx7z {
-  flex-grow: 0;
-}
-.sprinkles_flexGrow_1__1iaw8zx80 {
-  flex-grow: 1;
-}
-.sprinkles_textAlign_left__1iaw8zx81 {
-  text-align: left;
-}
-.sprinkles_textAlign_center__1iaw8zx82 {
-  text-align: center;
-}
-.sprinkles_textAlign_right__1iaw8zx83 {
-  text-align: right;
-}
-.sprinkles_fontSize_xs__1iaw8zx84 {
-  font-size: 12px;
-}
-.sprinkles_fontSize_s__1iaw8zx85 {
-  font-size: 14px;
-}
-.sprinkles_fontSize_m__1iaw8zx86 {
-  font-size: 16px;
-}
-.sprinkles_fontSize_l__1iaw8zx87 {
-  font-size: 18px;
-}
-.sprinkles_fontSize_xl__1iaw8zx88 {
-  font-size: 20px;
-}
-.sprinkles_fontSize_2xl__1iaw8zx89 {
-  font-size: 24px;
-}
-.sprinkles_fontSize_3xl__1iaw8zx8a {
-  font-size: 28px;
-}
-.sprinkles_fontSize_4xl__1iaw8zx8b {
-  font-size: 32px;
-}
-.sprinkles_fontSize_5xl__1iaw8zx8c {
-  font-size: 40px;
-}
-.sprinkles_fontSize_6xl__1iaw8zx8d {
-  font-size: 48px;
-}
-.sprinkles_fontWeight_regular__1iaw8zx8e {
-  font-weight: 400;
-}
-.sprinkles_fontWeight_medium__1iaw8zx8f {
-  font-weight: 500;
-}
-.sprinkles_fontWeight_semiBold__1iaw8zx8g {
-  font-weight: 600;
-}
-.sprinkles_fontWeight_bold__1iaw8zx8h {
-  font-weight: 700;
-}
-.sprinkles_color_primary_lightMode__1iaw8zx8i {
-  color: var(--text-primary__pbq4ak0);
-}
-[data-theme='dark'] .sprinkles_color_primary_darkMode__1iaw8zx8j {
-  color: var(--text-primary__pbq4ak0);
-}
-.sprinkles_color_secondary_lightMode__1iaw8zx8k {
-  color: var(--text-secondary__pbq4ak1);
-}
-[data-theme='dark'] .sprinkles_color_secondary_darkMode__1iaw8zx8l {
-  color: var(--text-secondary__pbq4ak1);
-}
-.sprinkles_color_tertiary_lightMode__1iaw8zx8m {
-  color: var(--text-tertiary__pbq4ak2);
-}
-[data-theme='dark'] .sprinkles_color_tertiary_darkMode__1iaw8zx8n {
-  color: var(--text-tertiary__pbq4ak2);
-}
-.sprinkles_color_disabled_lightMode__1iaw8zx8o {
-  color: var(--text-disabled__pbq4ak3);
-}
-[data-theme='dark'] .sprinkles_color_disabled_darkMode__1iaw8zx8p {
-  color: var(--text-disabled__pbq4ak3);
-}
-.sprinkles_color_action_lightMode__1iaw8zx8q {
-  color: var(--text-action__pbq4ak4);
-}
-[data-theme='dark'] .sprinkles_color_action_darkMode__1iaw8zx8r {
-  color: var(--text-action__pbq4ak4);
-}
-.sprinkles_color_onAction_lightMode__1iaw8zx8s {
-  color: var(--text-onAction__pbq4ak6);
-}
-[data-theme='dark'] .sprinkles_color_onAction_darkMode__1iaw8zx8t {
-  color: var(--text-onAction__pbq4ak6);
-}
-.sprinkles_color_error_lightMode__1iaw8zx8u {
-  color: var(--text-error__pbq4ak7);
-}
-[data-theme='dark'] .sprinkles_color_error_darkMode__1iaw8zx8v {
-  color: var(--text-error__pbq4ak7);
-}
-.sprinkles_color_success_lightMode__1iaw8zx8w {
-  color: var(--text-success__pbq4ak8);
-}
-[data-theme='dark'] .sprinkles_color_success_darkMode__1iaw8zx8x {
-  color: var(--text-success__pbq4ak8);
-}
-.sprinkles_color_warning_lightMode__1iaw8zx8y {
-  color: var(--text-warning__pbq4ak9);
-}
-[data-theme='dark'] .sprinkles_color_warning_darkMode__1iaw8zx8z {
-  color: var(--text-warning__pbq4ak9);
-}
-.sprinkles_backgroundColor_primary_lightMode__1iaw8zx90 {
-  background-color: var(--surface-primary__pbq4aka);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_primary_darkMode__1iaw8zx91 {
-  background-color: var(--surface-primary__pbq4aka);
-}
-.sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92 {
-  background-color: var(--surface-secondary__pbq4akb);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93 {
-  background-color: var(--surface-secondary__pbq4akb);
-}
-.sprinkles_backgroundColor_background_lightMode__1iaw8zx94 {
-  background-color: var(--surface-background__pbq4akc);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_background_darkMode__1iaw8zx95 {
-  background-color: var(--surface-background__pbq4akc);
-}
-.sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96 {
-  background-color: var(--surface-elevated__pbq4ake);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97 {
-  background-color: var(--surface-elevated__pbq4ake);
-}
-.sprinkles_backgroundColor_muted_lightMode__1iaw8zx98 {
-  background-color: var(--surface-muted__pbq4akf);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_muted_darkMode__1iaw8zx99 {
-  background-color: var(--surface-muted__pbq4akf);
-}
-.sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a {
-  background-color: var(--surface-tertiary__pbq4akg);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b {
-  background-color: var(--surface-tertiary__pbq4akg);
-}
-.sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c {
-  background-color: var(--surface-disabled__pbq4aki);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d {
-  background-color: var(--surface-disabled__pbq4aki);
-}
-.sprinkles_backgroundColor_error_lightMode__1iaw8zx9e {
-  background-color: var(--surface-error__pbq4akn);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_error_darkMode__1iaw8zx9f {
-  background-color: var(--surface-error__pbq4akn);
-}
-.sprinkles_backgroundColor_success_lightMode__1iaw8zx9g {
-  background-color: var(--surface-success__pbq4ako);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_success_darkMode__1iaw8zx9h {
-  background-color: var(--surface-success__pbq4ako);
-}
-.sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i {
-  background-color: var(--surface-warning__pbq4akp);
-}
-[data-theme='dark'] .sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j {
-  background-color: var(--surface-warning__pbq4akp);
-}
-@media screen and (min-width: 768px) {
-  .sprinkles_display_none_tablet__1iaw8zx1 {
-    display: none;
-  }
-  .sprinkles_display_flex_tablet__1iaw8zx4 {
-    display: flex;
-  }
-  .sprinkles_display_block_tablet__1iaw8zx7 {
-    display: block;
-  }
-  .sprinkles_display_grid_tablet__1iaw8zxa {
-    display: grid;
-  }
-  .sprinkles_display_inline-flex_tablet__1iaw8zxd {
-    display: inline-flex;
-  }
-  .sprinkles_flexDirection_row_tablet__1iaw8zxg {
-    flex-direction: row;
-  }
-  .sprinkles_flexDirection_column_tablet__1iaw8zxj {
-    flex-direction: column;
-  }
-  .sprinkles_alignItems_stretch_tablet__1iaw8zxm {
-    align-items: stretch;
-  }
-  .sprinkles_alignItems_flex-start_tablet__1iaw8zxp {
-    align-items: flex-start;
-  }
-  .sprinkles_alignItems_center_tablet__1iaw8zxs {
-    align-items: center;
-  }
-  .sprinkles_alignItems_flex-end_tablet__1iaw8zxv {
-    align-items: flex-end;
-  }
-  .sprinkles_alignItems_baseline_tablet__1iaw8zxy {
-    align-items: baseline;
-  }
-  .sprinkles_justifyContent_stretch_tablet__1iaw8zx11 {
-    justify-content: stretch;
-  }
-  .sprinkles_justifyContent_flex-start_tablet__1iaw8zx14 {
-    justify-content: flex-start;
-  }
-  .sprinkles_justifyContent_center_tablet__1iaw8zx17 {
-    justify-content: center;
-  }
-  .sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a {
-    justify-content: flex-end;
-  }
-  .sprinkles_justifyContent_space-between_tablet__1iaw8zx1d {
-    justify-content: space-between;
-  }
-  .sprinkles_justifyContent_space-around_tablet__1iaw8zx1g {
-    justify-content: space-around;
-  }
-  .sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j {
-    flex-wrap: nowrap;
-  }
-  .sprinkles_flexWrap_wrap_tablet__1iaw8zx1m {
-    flex-wrap: wrap;
-  }
-  .sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p {
-    flex-wrap: wrap-reverse;
-  }
-  .sprinkles_gap_none_tablet__1iaw8zx1s {
-    gap: 0;
-  }
-  .sprinkles_gap_xxs_tablet__1iaw8zx1v {
-    gap: 4px;
-  }
-  .sprinkles_gap_xs_tablet__1iaw8zx1y {
-    gap: 8px;
-  }
-  .sprinkles_gap_s_tablet__1iaw8zx21 {
-    gap: 12px;
-  }
-  .sprinkles_gap_m_tablet__1iaw8zx24 {
-    gap: 16px;
-  }
-  .sprinkles_gap_l_tablet__1iaw8zx27 {
-    gap: 24px;
-  }
-  .sprinkles_gap_xl_tablet__1iaw8zx2a {
-    gap: 32px;
-  }
-  .sprinkles_paddingTop_none_tablet__1iaw8zx2d {
-    padding-top: 0;
-  }
-  .sprinkles_paddingTop_xxs_tablet__1iaw8zx2g {
-    padding-top: 4px;
-  }
-  .sprinkles_paddingTop_xs_tablet__1iaw8zx2j {
-    padding-top: 8px;
-  }
-  .sprinkles_paddingTop_s_tablet__1iaw8zx2m {
-    padding-top: 12px;
-  }
-  .sprinkles_paddingTop_m_tablet__1iaw8zx2p {
-    padding-top: 16px;
-  }
-  .sprinkles_paddingTop_l_tablet__1iaw8zx2s {
-    padding-top: 24px;
-  }
-  .sprinkles_paddingTop_xl_tablet__1iaw8zx2v {
-    padding-top: 32px;
-  }
-  .sprinkles_paddingBottom_none_tablet__1iaw8zx2y {
-    padding-bottom: 0;
-  }
-  .sprinkles_paddingBottom_xxs_tablet__1iaw8zx31 {
-    padding-bottom: 4px;
-  }
-  .sprinkles_paddingBottom_xs_tablet__1iaw8zx34 {
-    padding-bottom: 8px;
-  }
-  .sprinkles_paddingBottom_s_tablet__1iaw8zx37 {
-    padding-bottom: 12px;
-  }
-  .sprinkles_paddingBottom_m_tablet__1iaw8zx3a {
-    padding-bottom: 16px;
-  }
-  .sprinkles_paddingBottom_l_tablet__1iaw8zx3d {
-    padding-bottom: 24px;
-  }
-  .sprinkles_paddingBottom_xl_tablet__1iaw8zx3g {
-    padding-bottom: 32px;
-  }
-  .sprinkles_paddingLeft_none_tablet__1iaw8zx3j {
-    padding-left: 0;
-  }
-  .sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m {
-    padding-left: 4px;
-  }
-  .sprinkles_paddingLeft_xs_tablet__1iaw8zx3p {
-    padding-left: 8px;
-  }
-  .sprinkles_paddingLeft_s_tablet__1iaw8zx3s {
-    padding-left: 12px;
-  }
-  .sprinkles_paddingLeft_m_tablet__1iaw8zx3v {
-    padding-left: 16px;
-  }
-  .sprinkles_paddingLeft_l_tablet__1iaw8zx3y {
-    padding-left: 24px;
-  }
-  .sprinkles_paddingLeft_xl_tablet__1iaw8zx41 {
-    padding-left: 32px;
-  }
-  .sprinkles_paddingRight_none_tablet__1iaw8zx44 {
-    padding-right: 0;
-  }
-  .sprinkles_paddingRight_xxs_tablet__1iaw8zx47 {
-    padding-right: 4px;
-  }
-  .sprinkles_paddingRight_xs_tablet__1iaw8zx4a {
-    padding-right: 8px;
-  }
-  .sprinkles_paddingRight_s_tablet__1iaw8zx4d {
-    padding-right: 12px;
-  }
-  .sprinkles_paddingRight_m_tablet__1iaw8zx4g {
-    padding-right: 16px;
-  }
-  .sprinkles_paddingRight_l_tablet__1iaw8zx4j {
-    padding-right: 24px;
-  }
-  .sprinkles_paddingRight_xl_tablet__1iaw8zx4m {
-    padding-right: 32px;
-  }
-  .sprinkles_marginTop_none_tablet__1iaw8zx4p {
-    margin-top: 0;
-  }
-  .sprinkles_marginTop_xxs_tablet__1iaw8zx4s {
-    margin-top: 4px;
-  }
-  .sprinkles_marginTop_xs_tablet__1iaw8zx4v {
-    margin-top: 8px;
-  }
-  .sprinkles_marginTop_s_tablet__1iaw8zx4y {
-    margin-top: 12px;
-  }
-  .sprinkles_marginTop_m_tablet__1iaw8zx51 {
-    margin-top: 16px;
-  }
-  .sprinkles_marginTop_l_tablet__1iaw8zx54 {
-    margin-top: 24px;
-  }
-  .sprinkles_marginTop_xl_tablet__1iaw8zx57 {
-    margin-top: 32px;
-  }
-  .sprinkles_marginBottom_none_tablet__1iaw8zx5a {
-    margin-bottom: 0;
-  }
-  .sprinkles_marginBottom_xxs_tablet__1iaw8zx5d {
-    margin-bottom: 4px;
-  }
-  .sprinkles_marginBottom_xs_tablet__1iaw8zx5g {
-    margin-bottom: 8px;
-  }
-  .sprinkles_marginBottom_s_tablet__1iaw8zx5j {
-    margin-bottom: 12px;
-  }
-  .sprinkles_marginBottom_m_tablet__1iaw8zx5m {
-    margin-bottom: 16px;
-  }
-  .sprinkles_marginBottom_l_tablet__1iaw8zx5p {
-    margin-bottom: 24px;
-  }
-  .sprinkles_marginBottom_xl_tablet__1iaw8zx5s {
-    margin-bottom: 32px;
-  }
-  .sprinkles_marginLeft_none_tablet__1iaw8zx5v {
-    margin-left: 0;
-  }
-  .sprinkles_marginLeft_xxs_tablet__1iaw8zx5y {
-    margin-left: 4px;
-  }
-  .sprinkles_marginLeft_xs_tablet__1iaw8zx61 {
-    margin-left: 8px;
-  }
-  .sprinkles_marginLeft_s_tablet__1iaw8zx64 {
-    margin-left: 12px;
-  }
-  .sprinkles_marginLeft_m_tablet__1iaw8zx67 {
-    margin-left: 16px;
-  }
-  .sprinkles_marginLeft_l_tablet__1iaw8zx6a {
-    margin-left: 24px;
-  }
-  .sprinkles_marginLeft_xl_tablet__1iaw8zx6d {
-    margin-left: 32px;
-  }
-  .sprinkles_marginRight_none_tablet__1iaw8zx6g {
-    margin-right: 0;
-  }
-  .sprinkles_marginRight_xxs_tablet__1iaw8zx6j {
-    margin-right: 4px;
-  }
-  .sprinkles_marginRight_xs_tablet__1iaw8zx6m {
-    margin-right: 8px;
-  }
-  .sprinkles_marginRight_s_tablet__1iaw8zx6p {
-    margin-right: 12px;
-  }
-  .sprinkles_marginRight_m_tablet__1iaw8zx6s {
-    margin-right: 16px;
-  }
-  .sprinkles_marginRight_l_tablet__1iaw8zx6v {
-    margin-right: 24px;
-  }
-  .sprinkles_marginRight_xl_tablet__1iaw8zx6y {
-    margin-right: 32px;
-  }
-  .sprinkles_borderRadius_none_tablet__1iaw8zx71 {
-    border-radius: 0;
-  }
-  .sprinkles_borderRadius_xs_tablet__1iaw8zx74 {
-    border-radius: 4px;
-  }
-  .sprinkles_borderRadius_s_tablet__1iaw8zx77 {
-    border-radius: 8px;
-  }
-  .sprinkles_borderRadius_m_tablet__1iaw8zx7a {
-    border-radius: 12px;
-  }
-  .sprinkles_borderRadius_l_tablet__1iaw8zx7d {
-    border-radius: 16px;
-  }
-  .sprinkles_borderRadius_xl_tablet__1iaw8zx7g {
-    border-radius: 24px;
-  }
-  .sprinkles_borderRadius_xxl_tablet__1iaw8zx7j {
-    border-radius: 32px;
-  }
-  .sprinkles_borderRadius_full_tablet__1iaw8zx7m {
-    border-radius: 9999px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .sprinkles_display_none_desktop__1iaw8zx2 {
-    display: none;
-  }
-  .sprinkles_display_flex_desktop__1iaw8zx5 {
-    display: flex;
-  }
-  .sprinkles_display_block_desktop__1iaw8zx8 {
-    display: block;
-  }
-  .sprinkles_display_grid_desktop__1iaw8zxb {
-    display: grid;
-  }
-  .sprinkles_display_inline-flex_desktop__1iaw8zxe {
-    display: inline-flex;
-  }
-  .sprinkles_flexDirection_row_desktop__1iaw8zxh {
-    flex-direction: row;
-  }
-  .sprinkles_flexDirection_column_desktop__1iaw8zxk {
-    flex-direction: column;
-  }
-  .sprinkles_alignItems_stretch_desktop__1iaw8zxn {
-    align-items: stretch;
-  }
-  .sprinkles_alignItems_flex-start_desktop__1iaw8zxq {
-    align-items: flex-start;
-  }
-  .sprinkles_alignItems_center_desktop__1iaw8zxt {
-    align-items: center;
-  }
-  .sprinkles_alignItems_flex-end_desktop__1iaw8zxw {
-    align-items: flex-end;
-  }
-  .sprinkles_alignItems_baseline_desktop__1iaw8zxz {
-    align-items: baseline;
-  }
-  .sprinkles_justifyContent_stretch_desktop__1iaw8zx12 {
-    justify-content: stretch;
-  }
-  .sprinkles_justifyContent_flex-start_desktop__1iaw8zx15 {
-    justify-content: flex-start;
-  }
-  .sprinkles_justifyContent_center_desktop__1iaw8zx18 {
-    justify-content: center;
-  }
-  .sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b {
-    justify-content: flex-end;
-  }
-  .sprinkles_justifyContent_space-between_desktop__1iaw8zx1e {
-    justify-content: space-between;
-  }
-  .sprinkles_justifyContent_space-around_desktop__1iaw8zx1h {
-    justify-content: space-around;
-  }
-  .sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k {
-    flex-wrap: nowrap;
-  }
-  .sprinkles_flexWrap_wrap_desktop__1iaw8zx1n {
-    flex-wrap: wrap;
-  }
-  .sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q {
-    flex-wrap: wrap-reverse;
-  }
-  .sprinkles_gap_none_desktop__1iaw8zx1t {
-    gap: 0;
-  }
-  .sprinkles_gap_xxs_desktop__1iaw8zx1w {
-    gap: 4px;
-  }
-  .sprinkles_gap_xs_desktop__1iaw8zx1z {
-    gap: 8px;
-  }
-  .sprinkles_gap_s_desktop__1iaw8zx22 {
-    gap: 12px;
-  }
-  .sprinkles_gap_m_desktop__1iaw8zx25 {
-    gap: 16px;
-  }
-  .sprinkles_gap_l_desktop__1iaw8zx28 {
-    gap: 24px;
-  }
-  .sprinkles_gap_xl_desktop__1iaw8zx2b {
-    gap: 32px;
-  }
-  .sprinkles_paddingTop_none_desktop__1iaw8zx2e {
-    padding-top: 0;
-  }
-  .sprinkles_paddingTop_xxs_desktop__1iaw8zx2h {
-    padding-top: 4px;
-  }
-  .sprinkles_paddingTop_xs_desktop__1iaw8zx2k {
-    padding-top: 8px;
-  }
-  .sprinkles_paddingTop_s_desktop__1iaw8zx2n {
-    padding-top: 12px;
-  }
-  .sprinkles_paddingTop_m_desktop__1iaw8zx2q {
-    padding-top: 16px;
-  }
-  .sprinkles_paddingTop_l_desktop__1iaw8zx2t {
-    padding-top: 24px;
-  }
-  .sprinkles_paddingTop_xl_desktop__1iaw8zx2w {
-    padding-top: 32px;
-  }
-  .sprinkles_paddingBottom_none_desktop__1iaw8zx2z {
-    padding-bottom: 0;
-  }
-  .sprinkles_paddingBottom_xxs_desktop__1iaw8zx32 {
-    padding-bottom: 4px;
-  }
-  .sprinkles_paddingBottom_xs_desktop__1iaw8zx35 {
-    padding-bottom: 8px;
-  }
-  .sprinkles_paddingBottom_s_desktop__1iaw8zx38 {
-    padding-bottom: 12px;
-  }
-  .sprinkles_paddingBottom_m_desktop__1iaw8zx3b {
-    padding-bottom: 16px;
-  }
-  .sprinkles_paddingBottom_l_desktop__1iaw8zx3e {
-    padding-bottom: 24px;
-  }
-  .sprinkles_paddingBottom_xl_desktop__1iaw8zx3h {
-    padding-bottom: 32px;
-  }
-  .sprinkles_paddingLeft_none_desktop__1iaw8zx3k {
-    padding-left: 0;
-  }
-  .sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n {
-    padding-left: 4px;
-  }
-  .sprinkles_paddingLeft_xs_desktop__1iaw8zx3q {
-    padding-left: 8px;
-  }
-  .sprinkles_paddingLeft_s_desktop__1iaw8zx3t {
-    padding-left: 12px;
-  }
-  .sprinkles_paddingLeft_m_desktop__1iaw8zx3w {
-    padding-left: 16px;
-  }
-  .sprinkles_paddingLeft_l_desktop__1iaw8zx3z {
-    padding-left: 24px;
-  }
-  .sprinkles_paddingLeft_xl_desktop__1iaw8zx42 {
-    padding-left: 32px;
-  }
-  .sprinkles_paddingRight_none_desktop__1iaw8zx45 {
-    padding-right: 0;
-  }
-  .sprinkles_paddingRight_xxs_desktop__1iaw8zx48 {
-    padding-right: 4px;
-  }
-  .sprinkles_paddingRight_xs_desktop__1iaw8zx4b {
-    padding-right: 8px;
-  }
-  .sprinkles_paddingRight_s_desktop__1iaw8zx4e {
-    padding-right: 12px;
-  }
-  .sprinkles_paddingRight_m_desktop__1iaw8zx4h {
-    padding-right: 16px;
-  }
-  .sprinkles_paddingRight_l_desktop__1iaw8zx4k {
-    padding-right: 24px;
-  }
-  .sprinkles_paddingRight_xl_desktop__1iaw8zx4n {
-    padding-right: 32px;
-  }
-  .sprinkles_marginTop_none_desktop__1iaw8zx4q {
-    margin-top: 0;
-  }
-  .sprinkles_marginTop_xxs_desktop__1iaw8zx4t {
-    margin-top: 4px;
-  }
-  .sprinkles_marginTop_xs_desktop__1iaw8zx4w {
-    margin-top: 8px;
-  }
-  .sprinkles_marginTop_s_desktop__1iaw8zx4z {
-    margin-top: 12px;
-  }
-  .sprinkles_marginTop_m_desktop__1iaw8zx52 {
-    margin-top: 16px;
-  }
-  .sprinkles_marginTop_l_desktop__1iaw8zx55 {
-    margin-top: 24px;
-  }
-  .sprinkles_marginTop_xl_desktop__1iaw8zx58 {
-    margin-top: 32px;
-  }
-  .sprinkles_marginBottom_none_desktop__1iaw8zx5b {
-    margin-bottom: 0;
-  }
-  .sprinkles_marginBottom_xxs_desktop__1iaw8zx5e {
-    margin-bottom: 4px;
-  }
-  .sprinkles_marginBottom_xs_desktop__1iaw8zx5h {
-    margin-bottom: 8px;
-  }
-  .sprinkles_marginBottom_s_desktop__1iaw8zx5k {
-    margin-bottom: 12px;
-  }
-  .sprinkles_marginBottom_m_desktop__1iaw8zx5n {
-    margin-bottom: 16px;
-  }
-  .sprinkles_marginBottom_l_desktop__1iaw8zx5q {
-    margin-bottom: 24px;
-  }
-  .sprinkles_marginBottom_xl_desktop__1iaw8zx5t {
-    margin-bottom: 32px;
-  }
-  .sprinkles_marginLeft_none_desktop__1iaw8zx5w {
-    margin-left: 0;
-  }
-  .sprinkles_marginLeft_xxs_desktop__1iaw8zx5z {
-    margin-left: 4px;
-  }
-  .sprinkles_marginLeft_xs_desktop__1iaw8zx62 {
-    margin-left: 8px;
-  }
-  .sprinkles_marginLeft_s_desktop__1iaw8zx65 {
-    margin-left: 12px;
-  }
-  .sprinkles_marginLeft_m_desktop__1iaw8zx68 {
-    margin-left: 16px;
-  }
-  .sprinkles_marginLeft_l_desktop__1iaw8zx6b {
-    margin-left: 24px;
-  }
-  .sprinkles_marginLeft_xl_desktop__1iaw8zx6e {
-    margin-left: 32px;
-  }
-  .sprinkles_marginRight_none_desktop__1iaw8zx6h {
-    margin-right: 0;
-  }
-  .sprinkles_marginRight_xxs_desktop__1iaw8zx6k {
-    margin-right: 4px;
-  }
-  .sprinkles_marginRight_xs_desktop__1iaw8zx6n {
-    margin-right: 8px;
-  }
-  .sprinkles_marginRight_s_desktop__1iaw8zx6q {
-    margin-right: 12px;
-  }
-  .sprinkles_marginRight_m_desktop__1iaw8zx6t {
-    margin-right: 16px;
-  }
-  .sprinkles_marginRight_l_desktop__1iaw8zx6w {
-    margin-right: 24px;
-  }
-  .sprinkles_marginRight_xl_desktop__1iaw8zx6z {
-    margin-right: 32px;
-  }
-  .sprinkles_borderRadius_none_desktop__1iaw8zx72 {
-    border-radius: 0;
-  }
-  .sprinkles_borderRadius_xs_desktop__1iaw8zx75 {
-    border-radius: 4px;
-  }
-  .sprinkles_borderRadius_s_desktop__1iaw8zx78 {
-    border-radius: 8px;
-  }
-  .sprinkles_borderRadius_m_desktop__1iaw8zx7b {
-    border-radius: 12px;
-  }
-  .sprinkles_borderRadius_l_desktop__1iaw8zx7e {
-    border-radius: 16px;
-  }
-  .sprinkles_borderRadius_xl_desktop__1iaw8zx7h {
-    border-radius: 24px;
-  }
-  .sprinkles_borderRadius_xxl_desktop__1iaw8zx7k {
-    border-radius: 32px;
-  }
-  .sprinkles_borderRadius_full_desktop__1iaw8zx7n {
-    border-radius: 9999px;
-  }
-}`;
-//#endregion
 //#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js
 function toPrimitive(t, r) {
 	if ("object" != typeof t || !t) return t;
@@ -2609,7 +1226,7 @@ var sprinkles = function createSprinkles() {
 		} }
 	}
 });
-cssSource$4 + cssSource$3;
+cssSource$3 + cssSource$4;
 //#endregion
 //#region ../../packages/design-system/src/components/Box/index.tsx
 function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
@@ -2618,7 +1235,7 @@ function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
 	for (const key in rest) if (sprinkles.properties.has(key)) atomProps[key] = rest[key];
 	else nativeProps[key] = rest[key];
 	const elementReset = element[Tag];
-	return createElement$1(Tag, {
+	return createElement(Tag, {
 		className: clsx(elementReset ? `${base} ${elementReset}` : base, sprinkles(atomProps), className),
 		style,
 		ref,
@@ -2767,13 +1384,19 @@ const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
 .PostPurchase_giftIcon__5fv5lh5 {
   display: block;
   flex-shrink: 0;
+}
+.PostPurchase_frakLogo__5fv5lh6 {
+  display: block;
+  margin-left: auto;
+  color: var(--surface-primary__pbq4aka);
 }`;
 var card = "PostPurchase_card__5fv5lh0";
 var cta = "PostPurchase_cta__5fv5lh3";
+var frakLogo = "PostPurchase_frakLogo__5fv5lh6";
 var giftIcon = "PostPurchase_giftIcon__5fv5lh5";
 var icon = "PostPurchase_icon__5fv5lh4";
 var message = "PostPurchase_message__5fv5lh2";
-const cssSource = cssSource$5 + cssSource$4 + cssSource$3 + cssSource$1;
+const cssSource = cssSource$3 + cssSource$4 + cssSource$1;
 //#endregion
 //#region src/components/PostPurchase/PostPurchase.tsx
 /**
@@ -2843,11 +1466,14 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		if (!isClientReady || hasFetched) return;
 		const client = window.FrakSetup?.client;
 		if (!client) return;
-		setHasFetched(true);
 		Promise.all([getUserReferralStatus(client), getMerchantInformation(client)]).then(([referralStatus, merchantInfo]) => {
+			setHasFetched(true);
 			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo));
 		}).catch((e) => {
-			if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) return;
+			if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) {
+				setHasFetched(true);
+				return;
+			}
 			console.warn("[Frak] Post-purchase context error", e);
 		});
 	}, [isClientReady, hasFetched]);
@@ -2858,13 +1484,13 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 		const currency = window.FrakSetup?.client?.config?.metadata?.currency;
 		return formatEstimatedReward(context.reward, currency);
 	}, [context?.reward]);
-	const postPurchaseConfig = placement?.components?.postPurchase;
+	const globalComponents = useGlobalComponents();
+	const postPurchaseConfig = placement?.components?.postPurchase ?? globalComponents?.postPurchase;
 	const resolvedBadgeText = propBadgeText ?? postPurchaseConfig?.badgeText;
 	const texts = useMemo(() => {
-		const applyReward = (text) => rewardText ? text.replace("{REWARD}", rewardText) : text;
 		return {
-			message: resolvedVariant === "referee" ? rewardText ? applyReward(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.") : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? applyReward(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!") : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
-			cta: rewardText ? applyReward(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}") : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
+			message: resolvedVariant === "referee" ? rewardText ? applyRewardPlaceholder(propRefereeText ?? postPurchaseConfig?.refereeText ?? "You just earned {REWARD}! Share with friends to earn even more.", rewardText) : propRefereeText ?? postPurchaseConfig?.refereeNoRewardText ?? "You just earned a reward! Share with friends to earn even more." : rewardText ? applyRewardPlaceholder(propReferrerText ?? postPurchaseConfig?.referrerText ?? "Earn {REWARD} by sharing this with your friends!", rewardText) : propReferrerText ?? postPurchaseConfig?.referrerNoRewardText ?? "Share this with your friends and earn rewards!",
+			cta: rewardText ? applyRewardPlaceholder(propCtaText ?? postPurchaseConfig?.ctaText ?? "Share & earn {REWARD}", rewardText) : propCtaText ?? postPurchaseConfig?.ctaNoRewardText ?? "Share & earn"
 		};
 	}, [
 		resolvedVariant,
@@ -2916,60 +1542,18 @@ function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, plac
 				]
 			}) }), /* @__PURE__ */ jsx(Column, {
 				width: "content",
-				children: /* @__PURE__ */ jsxs("svg", {
-					className: giftIcon,
-					width: "80",
-					height: "80",
-					viewBox: "0 0 100 100",
-					fill: "none",
-					"aria-hidden": "true",
-					children: [
-						/* @__PURE__ */ jsx("circle", {
-							cx: "38",
-							cy: "28",
-							r: "23",
-							fill: "#FFF533"
-						}),
-						/* @__PURE__ */ jsx("path", {
-							d: "M50 38C30 10 12 30 50 38Z",
-							stroke: "#222222",
-							"stroke-width": "4",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						}),
-						/* @__PURE__ */ jsx("path", {
-							d: "M50 38C70 10 88 30 50 38Z",
-							stroke: "#222222",
-							"stroke-width": "4",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						}),
-						/* @__PURE__ */ jsx("rect", {
-							x: "10",
-							y: "38",
-							width: "80",
-							height: "16",
-							rx: "2",
-							stroke: "#222222",
-							"stroke-width": "4"
-						}),
-						/* @__PURE__ */ jsx("path", {
-							d: "M15 54V89C15 90.6 16.4 92 18 92H82C83.6 92 85 90.6 85 89V54",
-							stroke: "#222222",
-							"stroke-width": "4",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round"
-						}),
-						/* @__PURE__ */ jsx("line", {
-							x1: "50",
-							y1: "54",
-							x2: "50",
-							y2: "92",
-							stroke: "#222222",
-							"stroke-width": "4",
-							"stroke-linecap": "round"
-						})
-					]
+				children: /* @__PURE__ */ jsxs(Stack, {
+					space: "xs",
+					align: "right",
+					children: [/* @__PURE__ */ jsx(GiftIcon, {
+						className: giftIcon,
+						width: 80,
+						height: 80
+					}), /* @__PURE__ */ jsx(LogoFrak, {
+						className: frakLogo,
+						width: 14,
+						height: 14
+					})]
 				})
 			})]
 		})