@frak-labs/components 0.0.26-beta.b38eef2e → 0.0.26-beta.c7fe645d

package/dist/postPurchase.js

@@ -0,0 +1,2995 @@
+import { a as useClientReady, o as registerWebComponent, t as usePlacement } from "./usePlacement-BKWDIvXP.js";
+import { t as useLightDomStyles } from "./useLightDomStyles-utGwQ5Gs.js";
+import { t as formatEstimatedReward } from "./formatReward-_UYA3aHE.js";
+import { t as useShareModal } from "./useShareModal-Bmlk3eBJ.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 = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
+}
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	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 = {
+	ul: "reset_element_ul__1831jhd4",
+	ol: "reset_element_ol__1831jhd5",
+	button: "reset_element_button__1831jhd6 reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
+	a: "reset_element_a__1831jhd7 reset_focusRing__1831jhd1",
+	input: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
+	select: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
+	textarea: "reset_fieldAppearance__1831jhd2 reset_focusRing__1831jhd1",
+	table: "reset_element_table__1831jhdb",
+	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;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != typeof i) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+	key = toPropertyKey(key);
+	if (key in obj) Object.defineProperty(obj, key, {
+		value,
+		enumerable: true,
+		configurable: true,
+		writable: true
+	});
+	else obj[key] = value;
+	return obj;
+}
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r) {
+			return Object.getOwnPropertyDescriptor(e, r).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+			_defineProperty(e, r, t[r]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+		});
+	}
+	return e;
+}
+var createSprinkles$1 = (composeStyles) => function() {
+	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+	var sprinklesStyles = Object.assign({}, ...args.map((a) => a.styles));
+	var sprinklesKeys = Object.keys(sprinklesStyles);
+	var shorthandNames = sprinklesKeys.filter((property) => "mappings" in sprinklesStyles[property]);
+	var sprinklesFn = (props) => {
+		var classNames = [];
+		var shorthands = {};
+		var nonShorthands = _objectSpread2({}, props);
+		var hasShorthands = false;
+		for (var shorthand of shorthandNames) {
+			var value = props[shorthand];
+			if (value != null) {
+				var sprinkle = sprinklesStyles[shorthand];
+				hasShorthands = true;
+				for (var propMapping of sprinkle.mappings) {
+					shorthands[propMapping] = value;
+					if (nonShorthands[propMapping] == null) delete nonShorthands[propMapping];
+				}
+			}
+		}
+		var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
+		var _loop = function _loop() {
+			var propValue = finalProps[prop];
+			var sprinkle = sprinklesStyles[prop];
+			try {
+				if (sprinkle.mappings) return 1;
+				if (typeof propValue === "string" || typeof propValue === "number") {
+					if (!sprinkle.values[propValue].defaultClass) throw new Error();
+					classNames.push(sprinkle.values[propValue].defaultClass);
+				} else if (Array.isArray(propValue)) for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
+					var responsiveValue = propValue[responsiveIndex];
+					if (responsiveValue != null) {
+						var conditionName = sprinkle.responsiveArray[responsiveIndex];
+						if (!sprinkle.values[responsiveValue].conditions[conditionName]) throw new Error();
+						classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
+					}
+				}
+				else for (var _conditionName in propValue) {
+					var _value = propValue[_conditionName];
+					if (_value != null) {
+						if (!sprinkle.values[_value].conditions[_conditionName]) throw new Error();
+						classNames.push(sprinkle.values[_value].conditions[_conditionName]);
+					}
+				}
+			} catch (e) {
+				{
+					class SprinklesError extends Error {
+						constructor(message) {
+							super(message);
+							this.name = "SprinklesError";
+						}
+					}
+					var format = (v) => typeof v === "string" ? "\"".concat(v, "\"") : v;
+					var invalidPropValue = (prop, value, possibleValues) => {
+						throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(", ")));
+					};
+					if (!sprinkle) throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
+					if (typeof propValue === "string" || typeof propValue === "number") {
+						if (!(propValue in sprinkle.values)) invalidPropValue(prop, propValue, sprinkle.values);
+						if (!sprinkle.values[propValue].defaultClass) throw new SprinklesError("\"".concat(prop, "\" has no default condition. You must specify which conditions to target explicitly. Possible options are ").concat(Object.keys(sprinkle.values[propValue].conditions).map(format).join(", ")));
+					}
+					if (typeof propValue === "object") {
+						if (!("conditions" in sprinkle.values[Object.keys(sprinkle.values)[0]])) throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
+						if (Array.isArray(propValue)) {
+							if (!("responsiveArray" in sprinkle)) throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
+							var breakpointCount = sprinkle.responsiveArray.length;
+							if (breakpointCount < propValue.length) throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
+							for (var _responsiveValue of propValue) if (!sprinkle.values[_responsiveValue]) invalidPropValue(prop, _responsiveValue, sprinkle.values);
+						} else for (var _conditionName2 in propValue) {
+							var _value2 = propValue[_conditionName2];
+							if (_value2 != null) {
+								if (!sprinkle.values[_value2]) invalidPropValue(prop, _value2, sprinkle.values);
+								if (!sprinkle.values[_value2].conditions[_conditionName2]) throw new SprinklesError("\"".concat(prop, "\" has no condition named ").concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle.values[_value2].conditions).map(format).join(", ")));
+							}
+						}
+					}
+				}
+				throw e;
+			}
+		};
+		for (var prop in finalProps) if (_loop()) continue;
+		return composeStyles(classNames.join(" "));
+	};
+	return Object.assign(sprinklesFn, { properties: new Set(sprinklesKeys) });
+};
+//#endregion
+//#region ../../node_modules/.bun/@vanilla-extract+sprinkles@1.6.5+19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js
+var composeStyles = (classList) => classList;
+//#endregion
+//#region ../../packages/design-system/src/sprinkles.css.ts
+var sprinkles = function createSprinkles() {
+	return createSprinkles$1(composeStyles)(...arguments);
+}(function() {
+	var x = {
+		conditions: {
+			defaultCondition: "mobile",
+			conditionNames: [
+				"mobile",
+				"tablet",
+				"desktop"
+			],
+			responsiveArray: [
+				"mobile",
+				"tablet",
+				"desktop"
+			]
+		},
+		styles: {
+			padding: { mappings: [
+				"paddingTop",
+				"paddingBottom",
+				"paddingLeft",
+				"paddingRight"
+			] },
+			paddingX: { mappings: ["paddingLeft", "paddingRight"] },
+			paddingY: { mappings: ["paddingTop", "paddingBottom"] },
+			marginX: { mappings: ["marginLeft", "marginRight"] },
+			marginY: { mappings: ["marginTop", "marginBottom"] },
+			display: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_display_none_mobile__1iaw8zx0",
+							tablet: "sprinkles_display_none_tablet__1iaw8zx1",
+							desktop: "sprinkles_display_none_desktop__1iaw8zx2"
+						},
+						defaultClass: "sprinkles_display_none_mobile__1iaw8zx0"
+					},
+					flex: {
+						conditions: {
+							mobile: "sprinkles_display_flex_mobile__1iaw8zx3",
+							tablet: "sprinkles_display_flex_tablet__1iaw8zx4",
+							desktop: "sprinkles_display_flex_desktop__1iaw8zx5"
+						},
+						defaultClass: "sprinkles_display_flex_mobile__1iaw8zx3"
+					},
+					block: {
+						conditions: {
+							mobile: "sprinkles_display_block_mobile__1iaw8zx6",
+							tablet: "sprinkles_display_block_tablet__1iaw8zx7",
+							desktop: "sprinkles_display_block_desktop__1iaw8zx8"
+						},
+						defaultClass: "sprinkles_display_block_mobile__1iaw8zx6"
+					},
+					grid: {
+						conditions: {
+							mobile: "sprinkles_display_grid_mobile__1iaw8zx9",
+							tablet: "sprinkles_display_grid_tablet__1iaw8zxa",
+							desktop: "sprinkles_display_grid_desktop__1iaw8zxb"
+						},
+						defaultClass: "sprinkles_display_grid_mobile__1iaw8zx9"
+					},
+					"inline-flex": {
+						conditions: {
+							mobile: "sprinkles_display_inline-flex_mobile__1iaw8zxc",
+							tablet: "sprinkles_display_inline-flex_tablet__1iaw8zxd",
+							desktop: "sprinkles_display_inline-flex_desktop__1iaw8zxe"
+						},
+						defaultClass: "sprinkles_display_inline-flex_mobile__1iaw8zxc"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexDirection: {
+				values: {
+					row: {
+						conditions: {
+							mobile: "sprinkles_flexDirection_row_mobile__1iaw8zxf",
+							tablet: "sprinkles_flexDirection_row_tablet__1iaw8zxg",
+							desktop: "sprinkles_flexDirection_row_desktop__1iaw8zxh"
+						},
+						defaultClass: "sprinkles_flexDirection_row_mobile__1iaw8zxf"
+					},
+					column: {
+						conditions: {
+							mobile: "sprinkles_flexDirection_column_mobile__1iaw8zxi",
+							tablet: "sprinkles_flexDirection_column_tablet__1iaw8zxj",
+							desktop: "sprinkles_flexDirection_column_desktop__1iaw8zxk"
+						},
+						defaultClass: "sprinkles_flexDirection_column_mobile__1iaw8zxi"
+					}
+				},
+				responsiveArray: void 0
+			},
+			alignItems: {
+				values: {
+					stretch: {
+						conditions: {
+							mobile: "sprinkles_alignItems_stretch_mobile__1iaw8zxl",
+							tablet: "sprinkles_alignItems_stretch_tablet__1iaw8zxm",
+							desktop: "sprinkles_alignItems_stretch_desktop__1iaw8zxn"
+						},
+						defaultClass: "sprinkles_alignItems_stretch_mobile__1iaw8zxl"
+					},
+					"flex-start": {
+						conditions: {
+							mobile: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo",
+							tablet: "sprinkles_alignItems_flex-start_tablet__1iaw8zxp",
+							desktop: "sprinkles_alignItems_flex-start_desktop__1iaw8zxq"
+						},
+						defaultClass: "sprinkles_alignItems_flex-start_mobile__1iaw8zxo"
+					},
+					center: {
+						conditions: {
+							mobile: "sprinkles_alignItems_center_mobile__1iaw8zxr",
+							tablet: "sprinkles_alignItems_center_tablet__1iaw8zxs",
+							desktop: "sprinkles_alignItems_center_desktop__1iaw8zxt"
+						},
+						defaultClass: "sprinkles_alignItems_center_mobile__1iaw8zxr"
+					},
+					"flex-end": {
+						conditions: {
+							mobile: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu",
+							tablet: "sprinkles_alignItems_flex-end_tablet__1iaw8zxv",
+							desktop: "sprinkles_alignItems_flex-end_desktop__1iaw8zxw"
+						},
+						defaultClass: "sprinkles_alignItems_flex-end_mobile__1iaw8zxu"
+					},
+					baseline: {
+						conditions: {
+							mobile: "sprinkles_alignItems_baseline_mobile__1iaw8zxx",
+							tablet: "sprinkles_alignItems_baseline_tablet__1iaw8zxy",
+							desktop: "sprinkles_alignItems_baseline_desktop__1iaw8zxz"
+						},
+						defaultClass: "sprinkles_alignItems_baseline_mobile__1iaw8zxx"
+					}
+				},
+				responsiveArray: void 0
+			},
+			justifyContent: {
+				values: {
+					stretch: {
+						conditions: {
+							mobile: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10",
+							tablet: "sprinkles_justifyContent_stretch_tablet__1iaw8zx11",
+							desktop: "sprinkles_justifyContent_stretch_desktop__1iaw8zx12"
+						},
+						defaultClass: "sprinkles_justifyContent_stretch_mobile__1iaw8zx10"
+					},
+					"flex-start": {
+						conditions: {
+							mobile: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13",
+							tablet: "sprinkles_justifyContent_flex-start_tablet__1iaw8zx14",
+							desktop: "sprinkles_justifyContent_flex-start_desktop__1iaw8zx15"
+						},
+						defaultClass: "sprinkles_justifyContent_flex-start_mobile__1iaw8zx13"
+					},
+					center: {
+						conditions: {
+							mobile: "sprinkles_justifyContent_center_mobile__1iaw8zx16",
+							tablet: "sprinkles_justifyContent_center_tablet__1iaw8zx17",
+							desktop: "sprinkles_justifyContent_center_desktop__1iaw8zx18"
+						},
+						defaultClass: "sprinkles_justifyContent_center_mobile__1iaw8zx16"
+					},
+					"flex-end": {
+						conditions: {
+							mobile: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19",
+							tablet: "sprinkles_justifyContent_flex-end_tablet__1iaw8zx1a",
+							desktop: "sprinkles_justifyContent_flex-end_desktop__1iaw8zx1b"
+						},
+						defaultClass: "sprinkles_justifyContent_flex-end_mobile__1iaw8zx19"
+					},
+					"space-between": {
+						conditions: {
+							mobile: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c",
+							tablet: "sprinkles_justifyContent_space-between_tablet__1iaw8zx1d",
+							desktop: "sprinkles_justifyContent_space-between_desktop__1iaw8zx1e"
+						},
+						defaultClass: "sprinkles_justifyContent_space-between_mobile__1iaw8zx1c"
+					},
+					"space-around": {
+						conditions: {
+							mobile: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f",
+							tablet: "sprinkles_justifyContent_space-around_tablet__1iaw8zx1g",
+							desktop: "sprinkles_justifyContent_space-around_desktop__1iaw8zx1h"
+						},
+						defaultClass: "sprinkles_justifyContent_space-around_mobile__1iaw8zx1f"
+					}
+				},
+				responsiveArray: void 0
+			},
+			flexWrap: {
+				values: {
+					nowrap: {
+						conditions: {
+							mobile: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i",
+							tablet: "sprinkles_flexWrap_nowrap_tablet__1iaw8zx1j",
+							desktop: "sprinkles_flexWrap_nowrap_desktop__1iaw8zx1k"
+						},
+						defaultClass: "sprinkles_flexWrap_nowrap_mobile__1iaw8zx1i"
+					},
+					wrap: {
+						conditions: {
+							mobile: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l",
+							tablet: "sprinkles_flexWrap_wrap_tablet__1iaw8zx1m",
+							desktop: "sprinkles_flexWrap_wrap_desktop__1iaw8zx1n"
+						},
+						defaultClass: "sprinkles_flexWrap_wrap_mobile__1iaw8zx1l"
+					},
+					"wrap-reverse": {
+						conditions: {
+							mobile: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o",
+							tablet: "sprinkles_flexWrap_wrap-reverse_tablet__1iaw8zx1p",
+							desktop: "sprinkles_flexWrap_wrap-reverse_desktop__1iaw8zx1q"
+						},
+						defaultClass: "sprinkles_flexWrap_wrap-reverse_mobile__1iaw8zx1o"
+					}
+				},
+				responsiveArray: void 0
+			},
+			gap: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_gap_none_mobile__1iaw8zx1r",
+							tablet: "sprinkles_gap_none_tablet__1iaw8zx1s",
+							desktop: "sprinkles_gap_none_desktop__1iaw8zx1t"
+						},
+						defaultClass: "sprinkles_gap_none_mobile__1iaw8zx1r"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_gap_xxs_mobile__1iaw8zx1u",
+							tablet: "sprinkles_gap_xxs_tablet__1iaw8zx1v",
+							desktop: "sprinkles_gap_xxs_desktop__1iaw8zx1w"
+						},
+						defaultClass: "sprinkles_gap_xxs_mobile__1iaw8zx1u"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_gap_xs_mobile__1iaw8zx1x",
+							tablet: "sprinkles_gap_xs_tablet__1iaw8zx1y",
+							desktop: "sprinkles_gap_xs_desktop__1iaw8zx1z"
+						},
+						defaultClass: "sprinkles_gap_xs_mobile__1iaw8zx1x"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_gap_s_mobile__1iaw8zx20",
+							tablet: "sprinkles_gap_s_tablet__1iaw8zx21",
+							desktop: "sprinkles_gap_s_desktop__1iaw8zx22"
+						},
+						defaultClass: "sprinkles_gap_s_mobile__1iaw8zx20"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_gap_m_mobile__1iaw8zx23",
+							tablet: "sprinkles_gap_m_tablet__1iaw8zx24",
+							desktop: "sprinkles_gap_m_desktop__1iaw8zx25"
+						},
+						defaultClass: "sprinkles_gap_m_mobile__1iaw8zx23"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_gap_l_mobile__1iaw8zx26",
+							tablet: "sprinkles_gap_l_tablet__1iaw8zx27",
+							desktop: "sprinkles_gap_l_desktop__1iaw8zx28"
+						},
+						defaultClass: "sprinkles_gap_l_mobile__1iaw8zx26"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_gap_xl_mobile__1iaw8zx29",
+							tablet: "sprinkles_gap_xl_tablet__1iaw8zx2a",
+							desktop: "sprinkles_gap_xl_desktop__1iaw8zx2b"
+						},
+						defaultClass: "sprinkles_gap_xl_mobile__1iaw8zx29"
+					}
+				},
+				responsiveArray: void 0
+			},
+			paddingTop: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_none_mobile__1iaw8zx2c",
+							tablet: "sprinkles_paddingTop_none_tablet__1iaw8zx2d",
+							desktop: "sprinkles_paddingTop_none_desktop__1iaw8zx2e"
+						},
+						defaultClass: "sprinkles_paddingTop_none_mobile__1iaw8zx2c"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f",
+							tablet: "sprinkles_paddingTop_xxs_tablet__1iaw8zx2g",
+							desktop: "sprinkles_paddingTop_xxs_desktop__1iaw8zx2h"
+						},
+						defaultClass: "sprinkles_paddingTop_xxs_mobile__1iaw8zx2f"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i",
+							tablet: "sprinkles_paddingTop_xs_tablet__1iaw8zx2j",
+							desktop: "sprinkles_paddingTop_xs_desktop__1iaw8zx2k"
+						},
+						defaultClass: "sprinkles_paddingTop_xs_mobile__1iaw8zx2i"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_s_mobile__1iaw8zx2l",
+							tablet: "sprinkles_paddingTop_s_tablet__1iaw8zx2m",
+							desktop: "sprinkles_paddingTop_s_desktop__1iaw8zx2n"
+						},
+						defaultClass: "sprinkles_paddingTop_s_mobile__1iaw8zx2l"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_m_mobile__1iaw8zx2o",
+							tablet: "sprinkles_paddingTop_m_tablet__1iaw8zx2p",
+							desktop: "sprinkles_paddingTop_m_desktop__1iaw8zx2q"
+						},
+						defaultClass: "sprinkles_paddingTop_m_mobile__1iaw8zx2o"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_l_mobile__1iaw8zx2r",
+							tablet: "sprinkles_paddingTop_l_tablet__1iaw8zx2s",
+							desktop: "sprinkles_paddingTop_l_desktop__1iaw8zx2t"
+						},
+						defaultClass: "sprinkles_paddingTop_l_mobile__1iaw8zx2r"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u",
+							tablet: "sprinkles_paddingTop_xl_tablet__1iaw8zx2v",
+							desktop: "sprinkles_paddingTop_xl_desktop__1iaw8zx2w"
+						},
+						defaultClass: "sprinkles_paddingTop_xl_mobile__1iaw8zx2u"
+					}
+				},
+				responsiveArray: void 0
+			},
+			paddingBottom: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x",
+							tablet: "sprinkles_paddingBottom_none_tablet__1iaw8zx2y",
+							desktop: "sprinkles_paddingBottom_none_desktop__1iaw8zx2z"
+						},
+						defaultClass: "sprinkles_paddingBottom_none_mobile__1iaw8zx2x"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30",
+							tablet: "sprinkles_paddingBottom_xxs_tablet__1iaw8zx31",
+							desktop: "sprinkles_paddingBottom_xxs_desktop__1iaw8zx32"
+						},
+						defaultClass: "sprinkles_paddingBottom_xxs_mobile__1iaw8zx30"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33",
+							tablet: "sprinkles_paddingBottom_xs_tablet__1iaw8zx34",
+							desktop: "sprinkles_paddingBottom_xs_desktop__1iaw8zx35"
+						},
+						defaultClass: "sprinkles_paddingBottom_xs_mobile__1iaw8zx33"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_s_mobile__1iaw8zx36",
+							tablet: "sprinkles_paddingBottom_s_tablet__1iaw8zx37",
+							desktop: "sprinkles_paddingBottom_s_desktop__1iaw8zx38"
+						},
+						defaultClass: "sprinkles_paddingBottom_s_mobile__1iaw8zx36"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_m_mobile__1iaw8zx39",
+							tablet: "sprinkles_paddingBottom_m_tablet__1iaw8zx3a",
+							desktop: "sprinkles_paddingBottom_m_desktop__1iaw8zx3b"
+						},
+						defaultClass: "sprinkles_paddingBottom_m_mobile__1iaw8zx39"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c",
+							tablet: "sprinkles_paddingBottom_l_tablet__1iaw8zx3d",
+							desktop: "sprinkles_paddingBottom_l_desktop__1iaw8zx3e"
+						},
+						defaultClass: "sprinkles_paddingBottom_l_mobile__1iaw8zx3c"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f",
+							tablet: "sprinkles_paddingBottom_xl_tablet__1iaw8zx3g",
+							desktop: "sprinkles_paddingBottom_xl_desktop__1iaw8zx3h"
+						},
+						defaultClass: "sprinkles_paddingBottom_xl_mobile__1iaw8zx3f"
+					}
+				},
+				responsiveArray: void 0
+			},
+			paddingLeft: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i",
+							tablet: "sprinkles_paddingLeft_none_tablet__1iaw8zx3j",
+							desktop: "sprinkles_paddingLeft_none_desktop__1iaw8zx3k"
+						},
+						defaultClass: "sprinkles_paddingLeft_none_mobile__1iaw8zx3i"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l",
+							tablet: "sprinkles_paddingLeft_xxs_tablet__1iaw8zx3m",
+							desktop: "sprinkles_paddingLeft_xxs_desktop__1iaw8zx3n"
+						},
+						defaultClass: "sprinkles_paddingLeft_xxs_mobile__1iaw8zx3l"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o",
+							tablet: "sprinkles_paddingLeft_xs_tablet__1iaw8zx3p",
+							desktop: "sprinkles_paddingLeft_xs_desktop__1iaw8zx3q"
+						},
+						defaultClass: "sprinkles_paddingLeft_xs_mobile__1iaw8zx3o"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r",
+							tablet: "sprinkles_paddingLeft_s_tablet__1iaw8zx3s",
+							desktop: "sprinkles_paddingLeft_s_desktop__1iaw8zx3t"
+						},
+						defaultClass: "sprinkles_paddingLeft_s_mobile__1iaw8zx3r"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u",
+							tablet: "sprinkles_paddingLeft_m_tablet__1iaw8zx3v",
+							desktop: "sprinkles_paddingLeft_m_desktop__1iaw8zx3w"
+						},
+						defaultClass: "sprinkles_paddingLeft_m_mobile__1iaw8zx3u"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x",
+							tablet: "sprinkles_paddingLeft_l_tablet__1iaw8zx3y",
+							desktop: "sprinkles_paddingLeft_l_desktop__1iaw8zx3z"
+						},
+						defaultClass: "sprinkles_paddingLeft_l_mobile__1iaw8zx3x"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40",
+							tablet: "sprinkles_paddingLeft_xl_tablet__1iaw8zx41",
+							desktop: "sprinkles_paddingLeft_xl_desktop__1iaw8zx42"
+						},
+						defaultClass: "sprinkles_paddingLeft_xl_mobile__1iaw8zx40"
+					}
+				},
+				responsiveArray: void 0
+			},
+			paddingRight: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_none_mobile__1iaw8zx43",
+							tablet: "sprinkles_paddingRight_none_tablet__1iaw8zx44",
+							desktop: "sprinkles_paddingRight_none_desktop__1iaw8zx45"
+						},
+						defaultClass: "sprinkles_paddingRight_none_mobile__1iaw8zx43"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46",
+							tablet: "sprinkles_paddingRight_xxs_tablet__1iaw8zx47",
+							desktop: "sprinkles_paddingRight_xxs_desktop__1iaw8zx48"
+						},
+						defaultClass: "sprinkles_paddingRight_xxs_mobile__1iaw8zx46"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_xs_mobile__1iaw8zx49",
+							tablet: "sprinkles_paddingRight_xs_tablet__1iaw8zx4a",
+							desktop: "sprinkles_paddingRight_xs_desktop__1iaw8zx4b"
+						},
+						defaultClass: "sprinkles_paddingRight_xs_mobile__1iaw8zx49"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_s_mobile__1iaw8zx4c",
+							tablet: "sprinkles_paddingRight_s_tablet__1iaw8zx4d",
+							desktop: "sprinkles_paddingRight_s_desktop__1iaw8zx4e"
+						},
+						defaultClass: "sprinkles_paddingRight_s_mobile__1iaw8zx4c"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_m_mobile__1iaw8zx4f",
+							tablet: "sprinkles_paddingRight_m_tablet__1iaw8zx4g",
+							desktop: "sprinkles_paddingRight_m_desktop__1iaw8zx4h"
+						},
+						defaultClass: "sprinkles_paddingRight_m_mobile__1iaw8zx4f"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_l_mobile__1iaw8zx4i",
+							tablet: "sprinkles_paddingRight_l_tablet__1iaw8zx4j",
+							desktop: "sprinkles_paddingRight_l_desktop__1iaw8zx4k"
+						},
+						defaultClass: "sprinkles_paddingRight_l_mobile__1iaw8zx4i"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l",
+							tablet: "sprinkles_paddingRight_xl_tablet__1iaw8zx4m",
+							desktop: "sprinkles_paddingRight_xl_desktop__1iaw8zx4n"
+						},
+						defaultClass: "sprinkles_paddingRight_xl_mobile__1iaw8zx4l"
+					}
+				},
+				responsiveArray: void 0
+			},
+			marginTop: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_marginTop_none_mobile__1iaw8zx4o",
+							tablet: "sprinkles_marginTop_none_tablet__1iaw8zx4p",
+							desktop: "sprinkles_marginTop_none_desktop__1iaw8zx4q"
+						},
+						defaultClass: "sprinkles_marginTop_none_mobile__1iaw8zx4o"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r",
+							tablet: "sprinkles_marginTop_xxs_tablet__1iaw8zx4s",
+							desktop: "sprinkles_marginTop_xxs_desktop__1iaw8zx4t"
+						},
+						defaultClass: "sprinkles_marginTop_xxs_mobile__1iaw8zx4r"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_marginTop_xs_mobile__1iaw8zx4u",
+							tablet: "sprinkles_marginTop_xs_tablet__1iaw8zx4v",
+							desktop: "sprinkles_marginTop_xs_desktop__1iaw8zx4w"
+						},
+						defaultClass: "sprinkles_marginTop_xs_mobile__1iaw8zx4u"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_marginTop_s_mobile__1iaw8zx4x",
+							tablet: "sprinkles_marginTop_s_tablet__1iaw8zx4y",
+							desktop: "sprinkles_marginTop_s_desktop__1iaw8zx4z"
+						},
+						defaultClass: "sprinkles_marginTop_s_mobile__1iaw8zx4x"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_marginTop_m_mobile__1iaw8zx50",
+							tablet: "sprinkles_marginTop_m_tablet__1iaw8zx51",
+							desktop: "sprinkles_marginTop_m_desktop__1iaw8zx52"
+						},
+						defaultClass: "sprinkles_marginTop_m_mobile__1iaw8zx50"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_marginTop_l_mobile__1iaw8zx53",
+							tablet: "sprinkles_marginTop_l_tablet__1iaw8zx54",
+							desktop: "sprinkles_marginTop_l_desktop__1iaw8zx55"
+						},
+						defaultClass: "sprinkles_marginTop_l_mobile__1iaw8zx53"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_marginTop_xl_mobile__1iaw8zx56",
+							tablet: "sprinkles_marginTop_xl_tablet__1iaw8zx57",
+							desktop: "sprinkles_marginTop_xl_desktop__1iaw8zx58"
+						},
+						defaultClass: "sprinkles_marginTop_xl_mobile__1iaw8zx56"
+					}
+				},
+				responsiveArray: void 0
+			},
+			marginBottom: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_none_mobile__1iaw8zx59",
+							tablet: "sprinkles_marginBottom_none_tablet__1iaw8zx5a",
+							desktop: "sprinkles_marginBottom_none_desktop__1iaw8zx5b"
+						},
+						defaultClass: "sprinkles_marginBottom_none_mobile__1iaw8zx59"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c",
+							tablet: "sprinkles_marginBottom_xxs_tablet__1iaw8zx5d",
+							desktop: "sprinkles_marginBottom_xxs_desktop__1iaw8zx5e"
+						},
+						defaultClass: "sprinkles_marginBottom_xxs_mobile__1iaw8zx5c"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f",
+							tablet: "sprinkles_marginBottom_xs_tablet__1iaw8zx5g",
+							desktop: "sprinkles_marginBottom_xs_desktop__1iaw8zx5h"
+						},
+						defaultClass: "sprinkles_marginBottom_xs_mobile__1iaw8zx5f"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_s_mobile__1iaw8zx5i",
+							tablet: "sprinkles_marginBottom_s_tablet__1iaw8zx5j",
+							desktop: "sprinkles_marginBottom_s_desktop__1iaw8zx5k"
+						},
+						defaultClass: "sprinkles_marginBottom_s_mobile__1iaw8zx5i"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_m_mobile__1iaw8zx5l",
+							tablet: "sprinkles_marginBottom_m_tablet__1iaw8zx5m",
+							desktop: "sprinkles_marginBottom_m_desktop__1iaw8zx5n"
+						},
+						defaultClass: "sprinkles_marginBottom_m_mobile__1iaw8zx5l"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_l_mobile__1iaw8zx5o",
+							tablet: "sprinkles_marginBottom_l_tablet__1iaw8zx5p",
+							desktop: "sprinkles_marginBottom_l_desktop__1iaw8zx5q"
+						},
+						defaultClass: "sprinkles_marginBottom_l_mobile__1iaw8zx5o"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r",
+							tablet: "sprinkles_marginBottom_xl_tablet__1iaw8zx5s",
+							desktop: "sprinkles_marginBottom_xl_desktop__1iaw8zx5t"
+						},
+						defaultClass: "sprinkles_marginBottom_xl_mobile__1iaw8zx5r"
+					}
+				},
+				responsiveArray: void 0
+			},
+			marginLeft: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_none_mobile__1iaw8zx5u",
+							tablet: "sprinkles_marginLeft_none_tablet__1iaw8zx5v",
+							desktop: "sprinkles_marginLeft_none_desktop__1iaw8zx5w"
+						},
+						defaultClass: "sprinkles_marginLeft_none_mobile__1iaw8zx5u"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x",
+							tablet: "sprinkles_marginLeft_xxs_tablet__1iaw8zx5y",
+							desktop: "sprinkles_marginLeft_xxs_desktop__1iaw8zx5z"
+						},
+						defaultClass: "sprinkles_marginLeft_xxs_mobile__1iaw8zx5x"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_xs_mobile__1iaw8zx60",
+							tablet: "sprinkles_marginLeft_xs_tablet__1iaw8zx61",
+							desktop: "sprinkles_marginLeft_xs_desktop__1iaw8zx62"
+						},
+						defaultClass: "sprinkles_marginLeft_xs_mobile__1iaw8zx60"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_s_mobile__1iaw8zx63",
+							tablet: "sprinkles_marginLeft_s_tablet__1iaw8zx64",
+							desktop: "sprinkles_marginLeft_s_desktop__1iaw8zx65"
+						},
+						defaultClass: "sprinkles_marginLeft_s_mobile__1iaw8zx63"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_m_mobile__1iaw8zx66",
+							tablet: "sprinkles_marginLeft_m_tablet__1iaw8zx67",
+							desktop: "sprinkles_marginLeft_m_desktop__1iaw8zx68"
+						},
+						defaultClass: "sprinkles_marginLeft_m_mobile__1iaw8zx66"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_l_mobile__1iaw8zx69",
+							tablet: "sprinkles_marginLeft_l_tablet__1iaw8zx6a",
+							desktop: "sprinkles_marginLeft_l_desktop__1iaw8zx6b"
+						},
+						defaultClass: "sprinkles_marginLeft_l_mobile__1iaw8zx69"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c",
+							tablet: "sprinkles_marginLeft_xl_tablet__1iaw8zx6d",
+							desktop: "sprinkles_marginLeft_xl_desktop__1iaw8zx6e"
+						},
+						defaultClass: "sprinkles_marginLeft_xl_mobile__1iaw8zx6c"
+					}
+				},
+				responsiveArray: void 0
+			},
+			marginRight: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_marginRight_none_mobile__1iaw8zx6f",
+							tablet: "sprinkles_marginRight_none_tablet__1iaw8zx6g",
+							desktop: "sprinkles_marginRight_none_desktop__1iaw8zx6h"
+						},
+						defaultClass: "sprinkles_marginRight_none_mobile__1iaw8zx6f"
+					},
+					xxs: {
+						conditions: {
+							mobile: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i",
+							tablet: "sprinkles_marginRight_xxs_tablet__1iaw8zx6j",
+							desktop: "sprinkles_marginRight_xxs_desktop__1iaw8zx6k"
+						},
+						defaultClass: "sprinkles_marginRight_xxs_mobile__1iaw8zx6i"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_marginRight_xs_mobile__1iaw8zx6l",
+							tablet: "sprinkles_marginRight_xs_tablet__1iaw8zx6m",
+							desktop: "sprinkles_marginRight_xs_desktop__1iaw8zx6n"
+						},
+						defaultClass: "sprinkles_marginRight_xs_mobile__1iaw8zx6l"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_marginRight_s_mobile__1iaw8zx6o",
+							tablet: "sprinkles_marginRight_s_tablet__1iaw8zx6p",
+							desktop: "sprinkles_marginRight_s_desktop__1iaw8zx6q"
+						},
+						defaultClass: "sprinkles_marginRight_s_mobile__1iaw8zx6o"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_marginRight_m_mobile__1iaw8zx6r",
+							tablet: "sprinkles_marginRight_m_tablet__1iaw8zx6s",
+							desktop: "sprinkles_marginRight_m_desktop__1iaw8zx6t"
+						},
+						defaultClass: "sprinkles_marginRight_m_mobile__1iaw8zx6r"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_marginRight_l_mobile__1iaw8zx6u",
+							tablet: "sprinkles_marginRight_l_tablet__1iaw8zx6v",
+							desktop: "sprinkles_marginRight_l_desktop__1iaw8zx6w"
+						},
+						defaultClass: "sprinkles_marginRight_l_mobile__1iaw8zx6u"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_marginRight_xl_mobile__1iaw8zx6x",
+							tablet: "sprinkles_marginRight_xl_tablet__1iaw8zx6y",
+							desktop: "sprinkles_marginRight_xl_desktop__1iaw8zx6z"
+						},
+						defaultClass: "sprinkles_marginRight_xl_mobile__1iaw8zx6x"
+					}
+				},
+				responsiveArray: void 0
+			},
+			borderRadius: {
+				values: {
+					none: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_none_mobile__1iaw8zx70",
+							tablet: "sprinkles_borderRadius_none_tablet__1iaw8zx71",
+							desktop: "sprinkles_borderRadius_none_desktop__1iaw8zx72"
+						},
+						defaultClass: "sprinkles_borderRadius_none_mobile__1iaw8zx70"
+					},
+					xs: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_xs_mobile__1iaw8zx73",
+							tablet: "sprinkles_borderRadius_xs_tablet__1iaw8zx74",
+							desktop: "sprinkles_borderRadius_xs_desktop__1iaw8zx75"
+						},
+						defaultClass: "sprinkles_borderRadius_xs_mobile__1iaw8zx73"
+					},
+					s: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_s_mobile__1iaw8zx76",
+							tablet: "sprinkles_borderRadius_s_tablet__1iaw8zx77",
+							desktop: "sprinkles_borderRadius_s_desktop__1iaw8zx78"
+						},
+						defaultClass: "sprinkles_borderRadius_s_mobile__1iaw8zx76"
+					},
+					m: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_m_mobile__1iaw8zx79",
+							tablet: "sprinkles_borderRadius_m_tablet__1iaw8zx7a",
+							desktop: "sprinkles_borderRadius_m_desktop__1iaw8zx7b"
+						},
+						defaultClass: "sprinkles_borderRadius_m_mobile__1iaw8zx79"
+					},
+					l: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_l_mobile__1iaw8zx7c",
+							tablet: "sprinkles_borderRadius_l_tablet__1iaw8zx7d",
+							desktop: "sprinkles_borderRadius_l_desktop__1iaw8zx7e"
+						},
+						defaultClass: "sprinkles_borderRadius_l_mobile__1iaw8zx7c"
+					},
+					xl: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f",
+							tablet: "sprinkles_borderRadius_xl_tablet__1iaw8zx7g",
+							desktop: "sprinkles_borderRadius_xl_desktop__1iaw8zx7h"
+						},
+						defaultClass: "sprinkles_borderRadius_xl_mobile__1iaw8zx7f"
+					},
+					xxl: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i",
+							tablet: "sprinkles_borderRadius_xxl_tablet__1iaw8zx7j",
+							desktop: "sprinkles_borderRadius_xxl_desktop__1iaw8zx7k"
+						},
+						defaultClass: "sprinkles_borderRadius_xxl_mobile__1iaw8zx7i"
+					},
+					full: {
+						conditions: {
+							mobile: "sprinkles_borderRadius_full_mobile__1iaw8zx7l",
+							tablet: "sprinkles_borderRadius_full_tablet__1iaw8zx7m",
+							desktop: "sprinkles_borderRadius_full_desktop__1iaw8zx7n"
+						},
+						defaultClass: "sprinkles_borderRadius_full_mobile__1iaw8zx7l"
+					}
+				},
+				responsiveArray: void 0
+			}
+		}
+	};
+	x.styles.display.responsiveArray = x.conditions.responsiveArray;
+	x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
+	x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
+	x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
+	x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
+	x.styles.gap.responsiveArray = x.conditions.responsiveArray;
+	x.styles.paddingTop.responsiveArray = x.conditions.responsiveArray;
+	x.styles.paddingBottom.responsiveArray = x.conditions.responsiveArray;
+	x.styles.paddingLeft.responsiveArray = x.conditions.responsiveArray;
+	x.styles.paddingRight.responsiveArray = x.conditions.responsiveArray;
+	x.styles.marginTop.responsiveArray = x.conditions.responsiveArray;
+	x.styles.marginBottom.responsiveArray = x.conditions.responsiveArray;
+	x.styles.marginLeft.responsiveArray = x.conditions.responsiveArray;
+	x.styles.marginRight.responsiveArray = x.conditions.responsiveArray;
+	x.styles.borderRadius.responsiveArray = x.conditions.responsiveArray;
+	return x;
+}(), {
+	conditions: void 0,
+	styles: {
+		position: { values: {
+			relative: { defaultClass: "sprinkles_position_relative__1iaw8zx7o" },
+			absolute: { defaultClass: "sprinkles_position_absolute__1iaw8zx7p" },
+			fixed: { defaultClass: "sprinkles_position_fixed__1iaw8zx7q" },
+			sticky: { defaultClass: "sprinkles_position_sticky__1iaw8zx7r" }
+		} },
+		overflow: { values: {
+			hidden: { defaultClass: "sprinkles_overflow_hidden__1iaw8zx7s" },
+			scroll: { defaultClass: "sprinkles_overflow_scroll__1iaw8zx7t" },
+			visible: { defaultClass: "sprinkles_overflow_visible__1iaw8zx7u" },
+			auto: { defaultClass: "sprinkles_overflow_auto__1iaw8zx7v" }
+		} },
+		cursor: { values: {
+			"default": { defaultClass: "sprinkles_cursor_default__1iaw8zx7w" },
+			pointer: { defaultClass: "sprinkles_cursor_pointer__1iaw8zx7x" }
+		} },
+		flexShrink: { values: { "0": { defaultClass: "sprinkles_flexShrink_0__1iaw8zx7y" } } },
+		flexGrow: { values: {
+			"0": { defaultClass: "sprinkles_flexGrow_0__1iaw8zx7z" },
+			"1": { defaultClass: "sprinkles_flexGrow_1__1iaw8zx80" }
+		} },
+		textAlign: { values: {
+			left: { defaultClass: "sprinkles_textAlign_left__1iaw8zx81" },
+			center: { defaultClass: "sprinkles_textAlign_center__1iaw8zx82" },
+			right: { defaultClass: "sprinkles_textAlign_right__1iaw8zx83" }
+		} },
+		fontSize: { values: {
+			xs: { defaultClass: "sprinkles_fontSize_xs__1iaw8zx84" },
+			s: { defaultClass: "sprinkles_fontSize_s__1iaw8zx85" },
+			m: { defaultClass: "sprinkles_fontSize_m__1iaw8zx86" },
+			l: { defaultClass: "sprinkles_fontSize_l__1iaw8zx87" },
+			xl: { defaultClass: "sprinkles_fontSize_xl__1iaw8zx88" },
+			"2xl": { defaultClass: "sprinkles_fontSize_2xl__1iaw8zx89" },
+			"3xl": { defaultClass: "sprinkles_fontSize_3xl__1iaw8zx8a" },
+			"4xl": { defaultClass: "sprinkles_fontSize_4xl__1iaw8zx8b" },
+			"5xl": { defaultClass: "sprinkles_fontSize_5xl__1iaw8zx8c" },
+			"6xl": { defaultClass: "sprinkles_fontSize_6xl__1iaw8zx8d" }
+		} },
+		fontWeight: { values: {
+			regular: { defaultClass: "sprinkles_fontWeight_regular__1iaw8zx8e" },
+			medium: { defaultClass: "sprinkles_fontWeight_medium__1iaw8zx8f" },
+			semiBold: { defaultClass: "sprinkles_fontWeight_semiBold__1iaw8zx8g" },
+			bold: { defaultClass: "sprinkles_fontWeight_bold__1iaw8zx8h" }
+		} }
+	}
+}, {
+	conditions: {
+		defaultCondition: "lightMode",
+		conditionNames: ["lightMode", "darkMode"],
+		responsiveArray: void 0
+	},
+	styles: {
+		color: { values: {
+			primary: {
+				conditions: {
+					lightMode: "sprinkles_color_primary_lightMode__1iaw8zx8i",
+					darkMode: "sprinkles_color_primary_darkMode__1iaw8zx8j"
+				},
+				defaultClass: "sprinkles_color_primary_lightMode__1iaw8zx8i"
+			},
+			secondary: {
+				conditions: {
+					lightMode: "sprinkles_color_secondary_lightMode__1iaw8zx8k",
+					darkMode: "sprinkles_color_secondary_darkMode__1iaw8zx8l"
+				},
+				defaultClass: "sprinkles_color_secondary_lightMode__1iaw8zx8k"
+			},
+			tertiary: {
+				conditions: {
+					lightMode: "sprinkles_color_tertiary_lightMode__1iaw8zx8m",
+					darkMode: "sprinkles_color_tertiary_darkMode__1iaw8zx8n"
+				},
+				defaultClass: "sprinkles_color_tertiary_lightMode__1iaw8zx8m"
+			},
+			disabled: {
+				conditions: {
+					lightMode: "sprinkles_color_disabled_lightMode__1iaw8zx8o",
+					darkMode: "sprinkles_color_disabled_darkMode__1iaw8zx8p"
+				},
+				defaultClass: "sprinkles_color_disabled_lightMode__1iaw8zx8o"
+			},
+			action: {
+				conditions: {
+					lightMode: "sprinkles_color_action_lightMode__1iaw8zx8q",
+					darkMode: "sprinkles_color_action_darkMode__1iaw8zx8r"
+				},
+				defaultClass: "sprinkles_color_action_lightMode__1iaw8zx8q"
+			},
+			onAction: {
+				conditions: {
+					lightMode: "sprinkles_color_onAction_lightMode__1iaw8zx8s",
+					darkMode: "sprinkles_color_onAction_darkMode__1iaw8zx8t"
+				},
+				defaultClass: "sprinkles_color_onAction_lightMode__1iaw8zx8s"
+			},
+			error: {
+				conditions: {
+					lightMode: "sprinkles_color_error_lightMode__1iaw8zx8u",
+					darkMode: "sprinkles_color_error_darkMode__1iaw8zx8v"
+				},
+				defaultClass: "sprinkles_color_error_lightMode__1iaw8zx8u"
+			},
+			success: {
+				conditions: {
+					lightMode: "sprinkles_color_success_lightMode__1iaw8zx8w",
+					darkMode: "sprinkles_color_success_darkMode__1iaw8zx8x"
+				},
+				defaultClass: "sprinkles_color_success_lightMode__1iaw8zx8w"
+			},
+			warning: {
+				conditions: {
+					lightMode: "sprinkles_color_warning_lightMode__1iaw8zx8y",
+					darkMode: "sprinkles_color_warning_darkMode__1iaw8zx8z"
+				},
+				defaultClass: "sprinkles_color_warning_lightMode__1iaw8zx8y"
+			}
+		} },
+		backgroundColor: { values: {
+			primary: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90",
+					darkMode: "sprinkles_backgroundColor_primary_darkMode__1iaw8zx91"
+				},
+				defaultClass: "sprinkles_backgroundColor_primary_lightMode__1iaw8zx90"
+			},
+			secondary: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92",
+					darkMode: "sprinkles_backgroundColor_secondary_darkMode__1iaw8zx93"
+				},
+				defaultClass: "sprinkles_backgroundColor_secondary_lightMode__1iaw8zx92"
+			},
+			background: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94",
+					darkMode: "sprinkles_backgroundColor_background_darkMode__1iaw8zx95"
+				},
+				defaultClass: "sprinkles_backgroundColor_background_lightMode__1iaw8zx94"
+			},
+			elevated: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96",
+					darkMode: "sprinkles_backgroundColor_elevated_darkMode__1iaw8zx97"
+				},
+				defaultClass: "sprinkles_backgroundColor_elevated_lightMode__1iaw8zx96"
+			},
+			muted: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98",
+					darkMode: "sprinkles_backgroundColor_muted_darkMode__1iaw8zx99"
+				},
+				defaultClass: "sprinkles_backgroundColor_muted_lightMode__1iaw8zx98"
+			},
+			tertiary: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a",
+					darkMode: "sprinkles_backgroundColor_tertiary_darkMode__1iaw8zx9b"
+				},
+				defaultClass: "sprinkles_backgroundColor_tertiary_lightMode__1iaw8zx9a"
+			},
+			disabled: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c",
+					darkMode: "sprinkles_backgroundColor_disabled_darkMode__1iaw8zx9d"
+				},
+				defaultClass: "sprinkles_backgroundColor_disabled_lightMode__1iaw8zx9c"
+			},
+			error: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e",
+					darkMode: "sprinkles_backgroundColor_error_darkMode__1iaw8zx9f"
+				},
+				defaultClass: "sprinkles_backgroundColor_error_lightMode__1iaw8zx9e"
+			},
+			success: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g",
+					darkMode: "sprinkles_backgroundColor_success_darkMode__1iaw8zx9h"
+				},
+				defaultClass: "sprinkles_backgroundColor_success_lightMode__1iaw8zx9g"
+			},
+			warning: {
+				conditions: {
+					lightMode: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i",
+					darkMode: "sprinkles_backgroundColor_warning_darkMode__1iaw8zx9j"
+				},
+				defaultClass: "sprinkles_backgroundColor_warning_lightMode__1iaw8zx9i"
+			}
+		} }
+	}
+});
+cssSource$4 + cssSource$3;
+//#endregion
+//#region ../../packages/design-system/src/components/Box/index.tsx
+function Box({ as: Tag = "div", className, ref, children, style, ...rest }) {
+	const atomProps = {};
+	const nativeProps = {};
+	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, {
+		className: clsx(elementReset ? `${base} ${elementReset}` : base, sprinkles(atomProps), className),
+		style,
+		ref,
+		...nativeProps
+	}, children);
+}
+//#endregion
+//#region ../../packages/design-system/src/components/Column/index.tsx
+/** Maps fraction strings to CSS flex shorthand (grow=0, shrink=0, basis=%) */
+const widthToFlex = {
+	"1/2": "0 0 50%",
+	"1/3": "0 0 33.333%",
+	"2/3": "0 0 66.667%",
+	"1/4": "0 0 25%",
+	"3/4": "0 0 75%",
+	"1/5": "0 0 20%",
+	"2/5": "0 0 40%",
+	"3/5": "0 0 60%"
+};
+/**
+* Column — child of <Columns />, controls its own width.
+*
+* - `width="content"` → natural width (flexShrink: 0)
+* - `width="1/2"` etc → explicit flex shorthand via style prop
+* - no width → fills remaining space (flexGrow: 1)
+*
+* Fractional widths use inline `style` because `flex: "0 0 50%"` is
+* incompatible with class-based sprinkles. The parent Columns provides
+* gap-based spacing — no negative margin hacks needed.
+*/
+function Column({ width, children }) {
+	if (width === "content") return /* @__PURE__ */ jsx(Box, {
+		flexShrink: 0,
+		children
+	});
+	if (width !== void 0) return /* @__PURE__ */ jsx(Box, {
+		style: { flex: widthToFlex[width] },
+		children
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		flexGrow: 1,
+		children
+	});
+}
+//#endregion
+//#region ../../packages/design-system/src/components/Columns/index.tsx
+const alignYToFlexAlign = {
+	top: "flex-start",
+	center: "center",
+	bottom: "flex-end"
+};
+/**
+* Columns — horizontal layout with gap-based spacing.
+*
+* Wraps <Column /> children in a flex row with responsive gap.
+* Uses CSS `gap` (no negative margin hacks). Vertical alignment
+* via `alignY` maps to flexbox `align-items`.
+*/
+function Columns({ space, alignY, as = "div", children }) {
+	return /* @__PURE__ */ jsx(Box, {
+		as,
+		display: "flex",
+		flexDirection: "row",
+		gap: space,
+		alignItems: alignY ? alignYToFlexAlign[alignY] : void 0,
+		children
+	});
+}
+//#endregion
+//#region ../../packages/design-system/src/components/Stack/index.tsx
+const alignToFlexAlign = {
+	left: "flex-start",
+	center: "center",
+	right: "flex-end"
+};
+const alignToTextAlign = {
+	left: "left",
+	center: "center",
+	right: "right"
+};
+const justifyToFlexJustify = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	"space-between": "space-between"
+};
+function Stack({ space, padding, align, justify, as = "div", className, children }) {
+	return /* @__PURE__ */ jsx(Box, {
+		as,
+		display: "flex",
+		flexDirection: "column",
+		gap: space,
+		padding,
+		alignItems: align ? alignToFlexAlign[align] : void 0,
+		justifyContent: justify ? justifyToFlexJustify[justify] : void 0,
+		textAlign: align ? alignToTextAlign[align] : void 0,
+		className,
+		children
+	});
+}
+//#endregion
+//#region \0ve-inline:src/components/PostPurchase/PostPurchase.css.ts.vanilla.js
+const cssSource$1 = `.PostPurchase_card__5fv5lh0 {
+  border-radius: 12px;
+  background-color: var(--surface-background__pbq4akc);
+  border: 1px solid var(--border-default__pbq4akv);
+}
+.PostPurchase_badge__5fv5lh1 {
+  align-self: flex-start;
+  background-color: #FFF534;
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 12px;
+  color: var(--text-primary__pbq4ak0);
+}
+.PostPurchase_message__5fv5lh2 {
+  margin: 0;
+  font-size: 16px;
+  line-height: 22px;
+  color: var(--text-primary__pbq4ak0);
+  font-weight: 600;
+}
+.PostPurchase_cta__5fv5lh3 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding: 12px 16px;
+  border-radius: 9999px;
+  background-color: var(--text-primary__pbq4ak0);
+  color: var(--text-onAction__pbq4ak6);
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+.PostPurchase_cta__5fv5lh3:disabled {
+  opacity: 0.7;
+  cursor: default;
+}
+.PostPurchase_icon__5fv5lh4 {
+  margin: -2px 0;
+}
+.PostPurchase_giftIcon__5fv5lh5 {
+  display: block;
+  flex-shrink: 0;
+}`;
+var card = "PostPurchase_card__5fv5lh0";
+var cta = "PostPurchase_cta__5fv5lh3";
+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;
+//#endregion
+//#region src/components/PostPurchase/PostPurchase.tsx
+/**
+* Given referral status and merchant info, compute the display variant
+* and pick the appropriate purchase reward.
+*/
+function resolvePostPurchaseContext(referralStatus, merchantInfo) {
+	const purchaseReward = merchantInfo.rewards.find((r) => r.interactionTypeKey === "purchase" && (r.referrer || r.referee));
+	if (!purchaseReward) return null;
+	const variant = referralStatus?.isReferred && purchaseReward.referee ? "referee" : "referrer";
+	return {
+		variant,
+		reward: variant === "referee" ? purchaseReward.referee : purchaseReward.referrer,
+		merchantDomain: merchantInfo.onChainMetadata.domain
+	};
+}
+/**
+* Post-purchase card component.
+*
+* Renders an inline card on the merchant's thank-you / order-status page
+* that either congratulates a referee or invites a referrer to share.
+*
+* Fetches referral status and merchant information via two independent
+* RPC calls, then computes the display variant locally.
+*
+* @group components
+*
+* @example
+* Minimal — just show the card:
+* ```html
+* <frak-post-purchase></frak-post-purchase>
+* ```
+*
+* @example
+* With purchase tracking fallback and custom sharing URL:
+* ```html
+* <frak-post-purchase
+*   customer-id="cust_123"
+*   order-id="ord_456"
+*   token="checkout_abc"
+*   sharing-url="https://merchant.com/product/shoes"
+* ></frak-post-purchase>
+* ```
+*/
+function PostPurchase({ customerId, orderId, token, sharingUrl, merchantId, placement: placementId, classname = "", variant: forcedVariant, badgeText: propBadgeText, referrerText: propReferrerText, refereeText: propRefereeText, ctaText: propCtaText }) {
+	const { shouldRender, isHidden, isClientReady } = useClientReady();
+	const placement = usePlacement(placementId);
+	useLightDomStyles("frak-post-purchase", placementId, placement?.components?.postPurchase?.css, cssSource);
+	const [context, setContext] = useState(null);
+	const [hasFetched, setHasFetched] = useState(false);
+	useEffect(() => {
+		if (!isClientReady || !customerId || !orderId || !token) return;
+		trackPurchaseStatus({
+			customerId,
+			orderId,
+			token,
+			merchantId
+		}).catch(() => {});
+	}, [
+		isClientReady,
+		customerId,
+		orderId,
+		token,
+		merchantId
+	]);
+	useEffect(() => {
+		if (!isClientReady || hasFetched) return;
+		const client = window.FrakSetup?.client;
+		if (!client) return;
+		setHasFetched(true);
+		Promise.all([getUserReferralStatus(client), getMerchantInformation(client)]).then(([referralStatus, merchantInfo]) => {
+			setContext(resolvePostPurchaseContext(referralStatus, merchantInfo));
+		}).catch((e) => {
+			if (e instanceof FrakRpcError && e.code === RpcErrorCodes.configError) return;
+			console.warn("[Frak] Post-purchase context error", e);
+		});
+	}, [isClientReady, hasFetched]);
+	const resolvedVariant = forcedVariant ?? context?.variant;
+	const resolvedSharingUrl = sharingUrl ?? context?.merchantDomain;
+	const rewardText = useMemo(() => {
+		if (!context?.reward) return void 0;
+		const currency = window.FrakSetup?.client?.config?.metadata?.currency;
+		return formatEstimatedReward(context.reward, currency);
+	}, [context?.reward]);
+	const postPurchaseConfig = placement?.components?.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"
+		};
+	}, [
+		resolvedVariant,
+		rewardText,
+		postPurchaseConfig,
+		propReferrerText,
+		propRefereeText,
+		propCtaText
+	]);
+	const { handleShare } = useShareModal(void 0, placementId, resolvedSharingUrl);
+	if (!shouldRender || isHidden) return null;
+	if (!context || !resolvedVariant) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		className: [card, classname].filter(Boolean).join(" "),
+		padding: "m",
+		children: /* @__PURE__ */ jsxs(Columns, {
+			space: "xl",
+			alignY: "center",
+			children: [/* @__PURE__ */ jsx(Column, { children: /* @__PURE__ */ jsxs(Stack, {
+				space: "xs",
+				children: [
+					resolvedBadgeText && /* @__PURE__ */ jsx("span", {
+						class: "PostPurchase_badge__5fv5lh1",
+						children: resolvedBadgeText
+					}),
+					/* @__PURE__ */ jsx("p", {
+						class: message,
+						children: texts.message
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						as: "button",
+						type: "button",
+						className: `${cta} button`,
+						disabled: !isClientReady,
+						onClick: handleShare,
+						children: [texts.cta, /* @__PURE__ */ jsx("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							"aria-hidden": "true",
+							className: `${icon} button`,
+							children: /* @__PURE__ */ jsx("path", {
+								d: "M13.8984 11.144C13.9864 11.052 14.1543 11.1114 14.1543 11.2388V11.644C14.1543 13.0509 12.6288 14.1918 10.7471 14.1919C8.86523 14.1919 7.33984 13.051 7.33984 11.644V11.2388C7.33984 11.1114 7.50675 11.052 7.59473 11.144C8.3452 11.9295 9.47906 12.4292 10.7471 12.4292C12.0149 12.4291 13.148 11.9293 13.8984 11.144ZM1.8457 9.64795C1.8457 9.51169 2.01094 9.44452 2.10254 9.54053C2.85304 10.3238 3.98586 10.8247 5.25293 10.8247C5.52246 10.8247 5.78608 10.8026 6.04102 10.7593C6.25744 10.7225 6.46582 10.8816 6.46582 11.1011V12.1704C6.46564 12.319 6.36769 12.4507 6.22266 12.4829C5.91535 12.5512 5.58981 12.5874 5.25293 12.5874C3.3711 12.5874 1.8457 11.4469 1.8457 10.0396V9.64795ZM10.7471 6.20654C12.6288 6.20666 14.1543 7.3475 14.1543 8.75439C14.1541 10.1612 12.6287 11.3012 10.7471 11.3013C8.86535 11.3013 7.34004 10.1612 7.33984 8.75439C7.33984 7.34743 8.86523 6.20654 10.7471 6.20654ZM1.8457 6.8501C1.84597 6.71385 2.01208 6.64848 2.10352 6.74365C2.85393 7.52827 3.98602 8.0278 5.25293 8.02783C5.52282 8.02783 5.78667 8.00448 6.04199 7.96143C6.258 7.92499 6.46582 8.08514 6.46582 8.3042V9.37256C6.46582 9.52127 6.36783 9.65378 6.22266 9.68604C5.91537 9.75429 5.58979 9.79053 5.25293 9.79053C3.3711 9.79048 1.8457 8.64863 1.8457 7.24268V6.8501ZM5.25293 1.80811C7.13481 1.80811 8.66016 2.94856 8.66016 4.35596C8.66008 5.76331 7.13476 6.90381 5.25293 6.90381C3.37115 6.90376 1.84578 5.76328 1.8457 4.35596C1.8457 2.94858 3.3711 1.80815 5.25293 1.80811Z",
+								fill: "currentColor"
+							})
+						})]
+					})
+				]
+			}) }), /* @__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"
+						})
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/PostPurchase/index.ts
+registerWebComponent(PostPurchase, "frak-post-purchase", [
+	"customerId",
+	"orderId",
+	"token",
+	"sharingUrl",
+	"merchantId",
+	"placement",
+	"classname",
+	"variant",
+	"badgeText",
+	"referrerText",
+	"refereeText",
+	"ctaText"
+], { shadow: false });
+//#endregion
+export { PostPurchase };