反射に指紋まで!?カメラ映像で表現するメタリックなボタンUIデザイン

アニメーション

反射に指紋まで!?カメラ映像で表現するメタリックなボタンUIデザイン

投稿日2026/01/16

更新日2026/1/16

一見すると、ただの金属質なボタン。
しかしよく見ると、表面には周囲の映り込みや指で触れた指紋のような表現まで含まれています。

このUIは、あらかじめ用意した画像や疑似反射ではなく、実際のカメラ映像を使って反射を表現しているのが最大の特徴。
「UIは画面の中のもの」という常識を少しだけ壊してくれる、実験的で面白い表現です。

Preview プレビュー

Code コード

<div id="kumonosu"></div>
:root {
	--transition: .1s;
	--border-radius: 56px
}
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Inter, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #e0e0e0;
	color: #fff
}
.container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	gap: 4rem
}
.button-container {
	width: 300px;
	height: 100px;
	position: relative;
	transition: transform var(--transition), box-shadow var(--transition);
	user-select: none
}
.button-container.pressed {
	transform: translateZ(0) scale(.95)
}
.button {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--border-radius);
	box-shadow: 0 4px 8px #00000040, 0 8px 16px #00000026, 0 16px 32px #00000020;
	transform: translateZ(0);
	transition: transform var(--transition), box-shadow var(--transition);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}
.button.pressed {
	box-shadow: 0 -2px 1px #ffffff80, 0 -1px 1px #00000080, 0 -4px 1px #ffffff80, 0 4px 1px #ffffff80, 0 1px 1px #00000080, 0 4px 1px #ffffff80
}
.button .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(150, 150, 150, 0);
	opacity: .7;
	border-radius: var(--border-radius);
	box-shadow: inset 0 2px 2px #fff, inset 0 2px 2px #fffc, inset 0 -2px 2px #ffffff80;
	transition: box-shadow var(--transition)
}
.button.pressed .shadow {
	box-shadow: inset 0 4px 8px #0000001a, inset 0 4px 4px #0003, inset 0 -6px 8px #0000001a
}
.button .button-reflection {
	width: 100%;
	height: 100%;
	transform: scaleX(-1);
	object-fit: cover;
	opacity: .7
}
.surface-reflection {
	height: 150px;
	width: 350px;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 100px;
	transform: translate(-50%, -50%) scaleX(-1);
	object-fit: fill;
	filter: blur(24px);
	opacity: .35;
	transition: opacity var(--transition), transform var(--transition)
}
.surface-reflection.pressed {
	opacity: .1
}
.details-container {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	overflow: hidden
}
.hacky-cursor-inner-div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--border-radius)
}
.cursor {
	height: 20px;
	width: 20px;
	position: absolute;
	left: -2px;
	top: 6px;
	filter: blur(2px)
}
.fingerprint {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
	width: 76px;
	height: 76px;
	background: rgba(255, 255, 255, .01);
	border-radius: 100%;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	mask-image: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%);
	-webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%)
}
@media screen and (max-width: 800px) {
	.cursor {
		display: none
	}
}
(function() {
	const n = document.createElement("link").relList;
	if (n && n.supports && n.supports("modulepreload")) return;
	for (const l of document.querySelectorAll('link[rel="modulepreload"]')) r(l);
	new MutationObserver(l => {
		for (const o of l)
			if (o.type === "childList")
				for (const u of o.addedNodes) u.tagName === "LINK" && u.rel ===
					"modulepreload" && r(u)
	}).observe(document, {
		childList: !0,
		subtree: !0
	});

	function t(l) {
		const o = {};
		return l.integrity && (o.integrity = l.integrity), l.referrerpolicy && (o.referrerPolicy =
				l.referrerpolicy), l.crossorigin === "use-credentials" ? o.credentials =
			"include" : l.crossorigin === "anonymous" ? o.credentials = "omit" : o.credentials =
			"same-origin", o
	}

	function r(l) {
		if (l.ep) return;
		l.ep = !0;
		const o = t(l);
		fetch(l.href, o)
	}
})();
var oe = {
		exports: {}
	},
	L = {};
var Gt = Symbol.for("react.element"),
	tc = Symbol.for("react.portal"),
	rc = Symbol.for("react.fragment"),
	lc = Symbol.for("react.strict_mode"),
	oc = Symbol.for("react.profiler"),
	uc = Symbol.for("react.provider"),
	ic = Symbol.for("react.context"),
	sc = Symbol.for("react.forward_ref"),
	ac = Symbol.for("react.suspense"),
	cc = Symbol.for("react.memo"),
	fc = Symbol.for("react.lazy"),
	Fu = Symbol.iterator;

function dc(e) {
	return e === null || typeof e != "object" ? null : (e = Fu && e[Fu] || e[
		"@@iterator"], typeof e == "function" ? e : null)
}
var Hi = {
		isMounted: function() {
			return !1
		},
		enqueueForceUpdate: function() {},
		enqueueReplaceState: function() {},
		enqueueSetState: function() {}
	},
	Qi = Object.assign,
	Ki = {};

function ut(e, n, t) {
	this.props = e, this.context = n, this.refs = Ki, this.updater = t || Hi
}
ut.prototype.isReactComponent = {};
ut.prototype.setState = function(e, n) {
	if (typeof e != "object" && typeof e != "function" && e != null) throw Error(
		"setState(...): takes an object of state variables to update or a function which returns an object of state variables."
	);
	this.updater.enqueueSetState(this, e, n, "setState")
};
ut.prototype.forceUpdate = function(e) {
	this.updater.enqueueForceUpdate(this, e, "forceUpdate")
};

function Yi() {}
Yi.prototype = ut.prototype;

function Bo(e, n, t) {
	this.props = e, this.context = n, this.refs = Ki, this.updater = t || Hi
}
var Ao = Bo.prototype = new Yi;
Ao.constructor = Bo;
Qi(Ao, ut.prototype);
Ao.isPureReactComponent = !0;
var Iu = Array.isArray,
	Xi = Object.prototype.hasOwnProperty,
	Vo = {
		current: null
	},
	Gi = {
		key: !0,
		ref: !0,
		__self: !0,
		__source: !0
	};

function Zi(e, n, t) {
	var r, l = {},
		o = null,
		u = null;
	if (n != null)
		for (r in n.ref !== void 0 && (u = n.ref), n.key !== void 0 && (o = "" + n.key),
			n) Xi.call(n, r) && !Gi.hasOwnProperty(r) && (l[r] = n[r]);
	var i = arguments.length - 2;
	if (i === 1) l.children = t;
	else if (1 < i) {
		for (var s = Array(i), c = 0; c < i; c++) s[c] = arguments[c + 2];
		l.children = s
	}
	if (e && e.defaultProps)
		for (r in i = e.defaultProps, i) l[r] === void 0 && (l[r] = i[r]);
	return {
		$$typeof: Gt,
		type: e,
		key: o,
		ref: u,
		props: l,
		_owner: Vo.current
	}
}

function pc(e, n) {
	return {
		$$typeof: Gt,
		type: e.type,
		key: n,
		ref: e.ref,
		props: e.props,
		_owner: e._owner
	}
}

function Wo(e) {
	return typeof e == "object" && e !== null && e.$$typeof === Gt
}

function mc(e) {
	var n = {
		"=": "=0",
		":": "=2"
	};
	return "$" + e.replace(/[=:]/g, function(t) {
		return n[t]
	})
}
var ju = /\/+/g;

function Sl(e, n) {
	return typeof e == "object" && e !== null && e.key != null ? mc("" + e.key) :
		n.toString(36)
}

function wr(e, n, t, r, l) {
	var o = typeof e;
	(o === "undefined" || o === "boolean") && (e = null);
	var u = !1;
	if (e === null) u = !0;
	else switch (o) {
		case "string":
		case "number":
			u = !0;
			break;
		case "object":
			switch (e.$$typeof) {
				case Gt:
				case tc:
					u = !0
			}
	}
	if (u) return u = e, l = l(u), e = r === "" ? "." + Sl(u, 0) : r, Iu(l) ? (t =
		"", e != null && (t = e.replace(ju, "$&/") + "/"), wr(l, n, t, "", function(
			c) {
			return c
		})) : l != null && (Wo(l) && (l = pc(l, t + (!l.key || u && u.key === l.key ?
		"" : ("" + l.key).replace(ju, "$&/") + "/") + e)), n.push(l)), 1;
	if (u = 0, r = r === "" ? "." : r + ":", Iu(e))
		for (var i = 0; i < e.length; i++) {
			o = e[i];
			var s = r + Sl(o, i);
			u += wr(o, n, t, s, l)
		} else if (s = dc(e), typeof s == "function")
			for (e = s.call(e), i = 0; !(o = e.next()).done;) o = o.value, s = r + Sl(o,
				i++), u += wr(o, n, t, s, l);
		else if (o === "object") throw n = String(e), Error(
		"Objects are not valid as a React child (found: " + (n === "[object Object]" ?
			"object with keys {" + Object.keys(e).join(", ") + "}" : n) +
		"). If you meant to render a collection of children, use an array instead.");
	return u
}

function tr(e, n, t) {
	if (e == null) return e;
	var r = [],
		l = 0;
	return wr(e, r, "", "", function(o) {
		return n.call(t, o, l++)
	}), r
}

function hc(e) {
	if (e._status === -1) {
		var n = e._result;
		n = n(), n.then(function(t) {
			(e._status === 0 || e._status === -1) && (e._status = 1, e._result = t)
		}, function(t) {
			(e._status === 0 || e._status === -1) && (e._status = 2, e._result = t)
		}), e._status === -1 && (e._status = 0, e._result = n)
	}
	if (e._status === 1) return e._result.default;
	throw e._result
}
var se = {
		current: null
	},
	kr = {
		transition: null
	},
	vc = {
		ReactCurrentDispatcher: se,
		ReactCurrentBatchConfig: kr,
		ReactCurrentOwner: Vo
	};
L.Children = {
	map: tr,
	forEach: function(e, n, t) {
		tr(e, function() {
			n.apply(this, arguments)
		}, t)
	},
	count: function(e) {
		var n = 0;
		return tr(e, function() {
			n++
		}), n
	},
	toArray: function(e) {
		return tr(e, function(n) {
			return n
		}) || []
	},
	only: function(e) {
		if (!Wo(e)) throw Error(
			"React.Children.only expected to receive a single React element child.");
		return e
	}
};
L.Component = ut;
L.Fragment = rc;
L.Profiler = oc;
L.PureComponent = Bo;
L.StrictMode = lc;
L.Suspense = ac;
L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = vc;
L.cloneElement = function(e, n, t) {
	if (e == null) throw Error(
		"React.cloneElement(...): The argument must be a React element, but you passed " +
		e + ".");
	var r = Qi({}, e.props),
		l = e.key,
		o = e.ref,
		u = e._owner;
	if (n != null) {
		if (n.ref !== void 0 && (o = n.ref, u = Vo.current), n.key !== void 0 && (l =
				"" + n.key), e.type && e.type.defaultProps) var i = e.type.defaultProps;
		for (s in n) Xi.call(n, s) && !Gi.hasOwnProperty(s) && (r[s] = n[s] === void 0 &&
			i !== void 0 ? i[s] : n[s])
	}
	var s = arguments.length - 2;
	if (s === 1) r.children = t;
	else if (1 < s) {
		i = Array(s);
		for (var c = 0; c < s; c++) i[c] = arguments[c + 2];
		r.children = i
	}
	return {
		$$typeof: Gt,
		type: e.type,
		key: l,
		ref: o,
		props: r,
		_owner: u
	}
};
L.createContext = function(e) {
	return e = {
		$$typeof: ic,
		_currentValue: e,
		_currentValue2: e,
		_threadCount: 0,
		Provider: null,
		Consumer: null,
		_defaultValue: null,
		_globalName: null
	}, e.Provider = {
		$$typeof: uc,
		_context: e
	}, e.Consumer = e
};
L.createElement = Zi;
L.createFactory = function(e) {
	var n = Zi.bind(null, e);
	return n.type = e, n
};
L.createRef = function() {
	return {
		current: null
	}
};
L.forwardRef = function(e) {
	return {
		$$typeof: sc,
		render: e
	}
};
L.isValidElement = Wo;
L.lazy = function(e) {
	return {
		$$typeof: fc,
		_payload: {
			_status: -1,
			_result: e
		},
		_init: hc
	}
};
L.memo = function(e, n) {
	return {
		$$typeof: cc,
		type: e,
		compare: n === void 0 ? null : n
	}
};
L.startTransition = function(e) {
	var n = kr.transition;
	kr.transition = {};
	try {
		e()
	} finally {
		kr.transition = n
	}
};
L.unstable_act = function() {
	throw Error("act(...) is not supported in production builds of React.")
};
L.useCallback = function(e, n) {
	return se.current.useCallback(e, n)
};
L.useContext = function(e) {
	return se.current.useContext(e)
};
L.useDebugValue = function() {};
L.useDeferredValue = function(e) {
	return se.current.useDeferredValue(e)
};
L.useEffect = function(e, n) {
	return se.current.useEffect(e, n)
};
L.useId = function() {
	return se.current.useId()
};
L.useImperativeHandle = function(e, n, t) {
	return se.current.useImperativeHandle(e, n, t)
};
L.useInsertionEffect = function(e, n) {
	return se.current.useInsertionEffect(e, n)
};
L.useLayoutEffect = function(e, n) {
	return se.current.useLayoutEffect(e, n)
};
L.useMemo = function(e, n) {
	return se.current.useMemo(e, n)
};
L.useReducer = function(e, n, t) {
	return se.current.useReducer(e, n, t)
};
L.useRef = function(e) {
	return se.current.useRef(e)
};
L.useState = function(e) {
	return se.current.useState(e)
};
L.useSyncExternalStore = function(e, n, t) {
	return se.current.useSyncExternalStore(e, n, t)
};
L.useTransition = function() {
	return se.current.useTransition()
};
L.version = "18.2.0";
(function(e) {
	e.exports = L
})(oe);
var Ji = {
		exports: {}
	},
	we = {},
	qi = {
		exports: {}
	},
	bi = {};
(function(e) {
	function n(N, P) {
		var z = N.length;
		N.push(P);
		e: for (; 0 < z;) {
			var H = z - 1 >>> 1,
				G = N[H];
			if (0 < l(G, P)) N[H] = P, N[z] = G, z = H;
			else break e
		}
	}

	function t(N) {
		return N.length === 0 ? null : N[0]
	}

	function r(N) {
		if (N.length === 0) return null;
		var P = N[0],
			z = N.pop();
		if (z !== P) {
			N[0] = z;
			e: for (var H = 0, G = N.length, er = G >>> 1; H < er;) {
				var gn = 2 * (H + 1) - 1,
					kl = N[gn],
					wn = gn + 1,
					nr = N[wn];
				if (0 > l(kl, z)) wn < G && 0 > l(nr, kl) ? (N[H] = nr, N[wn] = z, H = wn) :
					(N[H] = kl, N[gn] = z, H = gn);
				else if (wn < G && 0 > l(nr, z)) N[H] = nr, N[wn] = z, H = wn;
				else break e
			}
		}
		return P
	}

	function l(N, P) {
		var z = N.sortIndex - P.sortIndex;
		return z !== 0 ? z : N.id - P.id
	}
	if (typeof performance == "object" && typeof performance.now == "function") {
		var o = performance;
		e.unstable_now = function() {
			return o.now()
		}
	} else {
		var u = Date,
			i = u.now();
		e.unstable_now = function() {
			return u.now() - i
		}
	}
	var s = [],
		c = [],
		h = 1,
		m = null,
		p = 3,
		g = !1,
		w = !1,
		k = !1,
		D = typeof setTimeout == "function" ? setTimeout : null,
		f = typeof clearTimeout == "function" ? clearTimeout : null,
		a = typeof setImmediate < "u" ? setImmediate : null;
	typeof navigator < "u" && navigator.scheduling !== void 0 && navigator.scheduling
		.isInputPending !== void 0 && navigator.scheduling.isInputPending.bind(
			navigator.scheduling);

	function d(N) {
		for (var P = t(c); P !== null;) {
			if (P.callback === null) r(c);
			else if (P.startTime <= N) r(c), P.sortIndex = P.expirationTime, n(s, P);
			else break;
			P = t(c)
		}
	}

	function v(N) {
		if (k = !1, d(N), !w)
			if (t(s) !== null) w = !0, gl(E);
			else {
				var P = t(c);
				P !== null && wl(v, P.startTime - N)
			}
	}

	function E(N, P) {
		w = !1, k && (k = !1, f(_), _ = -1), g = !0;
		var z = p;
		try {
			for (d(P), m = t(s); m !== null && (!(m.expirationTime > P) || N && !Pe());) {
				var H = m.callback;
				if (typeof H == "function") {
					m.callback = null, p = m.priorityLevel;
					var G = H(m.expirationTime <= P);
					P = e.unstable_now(), typeof G == "function" ? m.callback = G : m === t(s) &&
						r(s), d(P)
				} else r(s);
				m = t(s)
			}
			if (m !== null) var er = !0;
			else {
				var gn = t(c);
				gn !== null && wl(v, gn.startTime - P), er = !1
			}
			return er
		} finally {
			m = null, p = z, g = !1
		}
	}
	var C = !1,
		S = null,
		_ = -1,
		O = 5,
		T = -1;

	function Pe() {
		return !(e.unstable_now() - T < O)
	}

	function at() {
		if (S !== null) {
			var N = e.unstable_now();
			T = N;
			var P = !0;
			try {
				P = S(!0, N)
			} finally {
				P ? ct() : (C = !1, S = null)
			}
		} else C = !1
	}
	var ct;
	if (typeof a == "function") ct = function() {
		a(at)
	};
	else if (typeof MessageChannel < "u") {
		var Du = new MessageChannel,
			nc = Du.port2;
		Du.port1.onmessage = at, ct = function() {
			nc.postMessage(null)
		}
	} else ct = function() {
		D(at, 0)
	};

	function gl(N) {
		S = N, C || (C = !0, ct())
	}

	function wl(N, P) {
		_ = D(function() {
			N(e.unstable_now())
		}, P)
	}
	e.unstable_IdlePriority = 5, e.unstable_ImmediatePriority = 1, e.unstable_LowPriority =
		4, e.unstable_NormalPriority = 3, e.unstable_Profiling = null, e.unstable_UserBlockingPriority =
		2, e.unstable_cancelCallback = function(N) {
			N.callback = null
		}, e.unstable_continueExecution = function() {
			w || g || (w = !0, gl(E))
		}, e.unstable_forceFrameRate = function(N) {
			0 > N || 125 < N ? console.error(
				"forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"
			) : O = 0 < N ? Math.floor(1e3 / N) : 5
		}, e.unstable_getCurrentPriorityLevel = function() {
			return p
		}, e.unstable_getFirstCallbackNode = function() {
			return t(s)
		}, e.unstable_next = function(N) {
			switch (p) {
				case 1:
				case 2:
				case 3:
					var P = 3;
					break;
				default:
					P = p
			}
			var z = p;
			p = P;
			try {
				return N()
			} finally {
				p = z
			}
		}, e.unstable_pauseExecution = function() {}, e.unstable_requestPaint =
		function() {}, e.unstable_runWithPriority = function(N, P) {
			switch (N) {
				case 1:
				case 2:
				case 3:
				case 4:
				case 5:
					break;
				default:
					N = 3
			}
			var z = p;
			p = N;
			try {
				return P()
			} finally {
				p = z
			}
		}, e.unstable_scheduleCallback = function(N, P, z) {
			var H = e.unstable_now();
			switch (typeof z == "object" && z !== null ? (z = z.delay, z = typeof z ==
				"number" && 0 < z ? H + z : H) : z = H, N) {
				case 1:
					var G = -1;
					break;
				case 2:
					G = 250;
					break;
				case 5:
					G = 1073741823;
					break;
				case 4:
					G = 1e4;
					break;
				default:
					G = 5e3
			}
			return G = z + G, N = {
				id: h++,
				callback: P,
				priorityLevel: N,
				startTime: z,
				expirationTime: G,
				sortIndex: -1
			}, z > H ? (N.sortIndex = z, n(c, N), t(s) === null && N === t(c) && (k ?
				(f(_), _ = -1) : k = !0, wl(v, z - H))) : (N.sortIndex = G, n(s, N), w ||
				g || (w = !0, gl(E))), N
		}, e.unstable_shouldYield = Pe, e.unstable_wrapCallback = function(N) {
			var P = p;
			return function() {
				var z = p;
				p = P;
				try {
					return N.apply(this, arguments)
				} finally {
					p = z
				}
			}
		}
})(bi);
(function(e) {
	e.exports = bi
})(qi);
var es = oe.exports,
	ge = qi.exports;

function y(e) {
	for (var n = "https://reactjs.org/docs/error-decoder.html?invariant=" + e, t =
			1; t < arguments.length; t++) n += "&args[]=" + encodeURIComponent(arguments[
		t]);
	return "Minified React error #" + e + "; visit " + n +
		" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."
}
var ns = new Set,
	Mt = {};

function Mn(e, n) {
	bn(e, n), bn(e + "Capture", n)
}

function bn(e, n) {
	for (Mt[e] = n, e = 0; e < n.length; e++) ns.add(n[e])
}
var Qe = !(typeof window > "u" || typeof window.document > "u" || typeof window
		.document.createElement > "u"),
	Yl = Object.prototype.hasOwnProperty,
	yc =
	/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
	Uu = {},
	$u = {};

function gc(e) {
	return Yl.call($u, e) ? !0 : Yl.call(Uu, e) ? !1 : yc.test(e) ? $u[e] = !0 : (
		Uu[e] = !0, !1)
}

function wc(e, n, t, r) {
	if (t !== null && t.type === 0) return !1;
	switch (typeof n) {
		case "function":
		case "symbol":
			return !0;
		case "boolean":
			return r ? !1 : t !== null ? !t.acceptsBooleans : (e = e.toLowerCase().slice(
				0, 5), e !== "data-" && e !== "aria-");
		default:
			return !1
	}
}

function kc(e, n, t, r) {
	if (n === null || typeof n > "u" || wc(e, n, t, r)) return !0;
	if (r) return !1;
	if (t !== null) switch (t.type) {
		case 3:
			return !n;
		case 4:
			return n === !1;
		case 5:
			return isNaN(n);
		case 6:
			return isNaN(n) || 1 > n
	}
	return !1
}

function ae(e, n, t, r, l, o, u) {
	this.acceptsBooleans = n === 2 || n === 3 || n === 4, this.attributeName = r,
		this.attributeNamespace = l, this.mustUseProperty = t, this.propertyName = e,
		this.type = n, this.sanitizeURL = o, this.removeEmptyString = u
}
var ee = {};
"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style"
.split(" ").forEach(function(e) {
	ee[e] = new ae(e, 0, !1, e, null, !1, !1)
});
[
	["acceptCharset", "accept-charset"],
	["className", "class"],
	["htmlFor", "for"],
	["httpEquiv", "http-equiv"]
].forEach(function(e) {
	var n = e[0];
	ee[n] = new ae(n, 1, !1, e[1], null, !1, !1)
});
["contentEditable", "draggable", "spellCheck", "value"].forEach(function(e) {
	ee[e] = new ae(e, 2, !1, e.toLowerCase(), null, !1, !1)
});
["autoReverse", "externalResourcesRequired", "focusable", "preserveAlpha"].forEach
	(function(e) {
		ee[e] = new ae(e, 2, !1, e, null, !1, !1)
	});
"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope"
.split(" ").forEach(function(e) {
	ee[e] = new ae(e, 3, !1, e.toLowerCase(), null, !1, !1)
});
["checked", "multiple", "muted", "selected"].forEach(function(e) {
	ee[e] = new ae(e, 3, !0, e, null, !1, !1)
});
["capture", "download"].forEach(function(e) {
	ee[e] = new ae(e, 4, !1, e, null, !1, !1)
});
["cols", "rows", "size", "span"].forEach(function(e) {
	ee[e] = new ae(e, 6, !1, e, null, !1, !1)
});
["rowSpan", "start"].forEach(function(e) {
	ee[e] = new ae(e, 5, !1, e.toLowerCase(), null, !1, !1)
});
var Ho = /[\-:]([a-z])/g;

function Qo(e) {
	return e[1].toUpperCase()
}
"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height"
.split(" ").forEach(function(e) {
	var n = e.replace(Ho, Qo);
	ee[n] = new ae(n, 1, !1, e, null, !1, !1)
});
"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split
	(" ").forEach(function(e) {
		var n = e.replace(Ho, Qo);
		ee[n] = new ae(n, 1, !1, e, "http://www.w3.org/1999/xlink", !1, !1)
	});
["xml:base", "xml:lang", "xml:space"].forEach(function(e) {
	var n = e.replace(Ho, Qo);
	ee[n] = new ae(n, 1, !1, e, "http://www.w3.org/XML/1998/namespace", !1, !1)
});
["tabIndex", "crossOrigin"].forEach(function(e) {
	ee[e] = new ae(e, 1, !1, e.toLowerCase(), null, !1, !1)
});
ee.xlinkHref = new ae("xlinkHref", 1, !1, "xlink:href",
	"http://www.w3.org/1999/xlink", !0, !1);
["src", "href", "action", "formAction"].forEach(function(e) {
	ee[e] = new ae(e, 1, !1, e.toLowerCase(), null, !0, !0)
});

function Ko(e, n, t, r) {
	var l = ee.hasOwnProperty(n) ? ee[n] : null;
	(l !== null ? l.type !== 0 : r || !(2 < n.length) || n[0] !== "o" && n[0] !==
		"O" || n[1] !== "n" && n[1] !== "N") && (kc(n, t, l, r) && (t = null), r || l ===
		null ? gc(n) && (t === null ? e.removeAttribute(n) : e.setAttribute(n, "" + t)) :
		l.mustUseProperty ? e[l.propertyName] = t === null ? l.type === 3 ? !1 : "" :
		t : (n = l.attributeName, r = l.attributeNamespace, t === null ? e.removeAttribute(
			n) : (l = l.type, t = l === 3 || l === 4 && t === !0 ? "" : "" + t, r ? e.setAttributeNS(
			r, n, t) : e.setAttribute(n, t))))
}
var Ge = es.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
	rr = Symbol.for("react.element"),
	Fn = Symbol.for("react.portal"),
	In = Symbol.for("react.fragment"),
	Yo = Symbol.for("react.strict_mode"),
	Xl = Symbol.for("react.profiler"),
	ts = Symbol.for("react.provider"),
	rs = Symbol.for("react.context"),
	Xo = Symbol.for("react.forward_ref"),
	Gl = Symbol.for("react.suspense"),
	Zl = Symbol.for("react.suspense_list"),
	Go = Symbol.for("react.memo"),
	Je = Symbol.for("react.lazy"),
	ls = Symbol.for("react.offscreen"),
	Bu = Symbol.iterator;

function ft(e) {
	return e === null || typeof e != "object" ? null : (e = Bu && e[Bu] || e[
		"@@iterator"], typeof e == "function" ? e : null)
}
var V = Object.assign,
	Cl;

function wt(e) {
	if (Cl === void 0) try {
		throw Error()
	} catch (t) {
		var n = t.stack.trim().match(/\n( *(at )?)/);
		Cl = n && n[1] || ""
	}
	return `
` + Cl + e
}
var El = !1;

function xl(e, n) {
	if (!e || El) return "";
	El = !0;
	var t = Error.prepareStackTrace;
	Error.prepareStackTrace = void 0;
	try {
		if (n)
			if (n = function() {
					throw Error()
				}, Object.defineProperty(n.prototype, "props", {
					set: function() {
						throw Error()
					}
				}), typeof Reflect == "object" && Reflect.construct) {
				try {
					Reflect.construct(n, [])
				} catch (c) {
					var r = c
				}
				Reflect.construct(e, [], n)
			} else {
				try {
					n.call()
				} catch (c) {
					r = c
				}
				e.call(n.prototype)
			} else {
			try {
				throw Error()
			} catch (c) {
				r = c
			}
			e()
		}
	} catch (c) {
		if (c && r && typeof c.stack == "string") {
			for (var l = c.stack.split(`
`), o = r.stack.split(`
`), u = l.length - 1, i =
					o.length - 1; 1 <= u && 0 <= i && l[u] !== o[i];) i--;
			for (; 1 <= u && 0 <= i; u--, i--)
				if (l[u] !== o[i]) {
					if (u !== 1 || i !== 1)
						do
							if (u--, i--, 0 > i || l[u] !== o[i]) {
								var s = `
` + l[u].replace(" at new ", " at ");
								return e.displayName && s.includes("<anonymous>") && (s = s.replace(
									"<anonymous>", e.displayName)), s
							}
					while (1 <= u && 0 <= i);
					break
				}
		}
	} finally {
		El = !1, Error.prepareStackTrace = t
	}
	return (e = e ? e.displayName || e.name : "") ? wt(e) : ""
}

function Sc(e) {
	switch (e.tag) {
		case 5:
			return wt(e.type);
		case 16:
			return wt("Lazy");
		case 13:
			return wt("Suspense");
		case 19:
			return wt("SuspenseList");
		case 0:
		case 2:
		case 15:
			return e = xl(e.type, !1), e;
		case 11:
			return e = xl(e.type.render, !1), e;
		case 1:
			return e = xl(e.type, !0), e;
		default:
			return ""
	}
}

function Jl(e) {
	if (e == null) return null;
	if (typeof e == "function") return e.displayName || e.name || null;
	if (typeof e == "string") return e;
	switch (e) {
		case In:
			return "Fragment";
		case Fn:
			return "Portal";
		case Xl:
			return "Profiler";
		case Yo:
			return "StrictMode";
		case Gl:
			return "Suspense";
		case Zl:
			return "SuspenseList"
	}
	if (typeof e == "object") switch (e.$$typeof) {
		case rs:
			return (e.displayName || "Context") + ".Consumer";
		case ts:
			return (e._context.displayName || "Context") + ".Provider";
		case Xo:
			var n = e.render;
			return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !==
				"" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
		case Go:
			return n = e.displayName || null, n !== null ? n : Jl(e.type) || "Memo";
		case Je:
			n = e._payload, e = e._init;
			try {
				return Jl(e(n))
			} catch {}
	}
	return null
}

function Cc(e) {
	var n = e.type;
	switch (e.tag) {
		case 24:
			return "Cache";
		case 9:
			return (n.displayName || "Context") + ".Consumer";
		case 10:
			return (n._context.displayName || "Context") + ".Provider";
		case 18:
			return "DehydratedFragment";
		case 11:
			return e = n.render, e = e.displayName || e.name || "", n.displayName || (e !==
				"" ? "ForwardRef(" + e + ")" : "ForwardRef");
		case 7:
			return "Fragment";
		case 5:
			return n;
		case 4:
			return "Portal";
		case 3:
			return "Root";
		case 6:
			return "Text";
		case 16:
			return Jl(n);
		case 8:
			return n === Yo ? "StrictMode" : "Mode";
		case 22:
			return "Offscreen";
		case 12:
			return "Profiler";
		case 21:
			return "Scope";
		case 13:
			return "Suspense";
		case 19:
			return "SuspenseList";
		case 25:
			return "TracingMarker";
		case 1:
		case 0:
		case 17:
		case 2:
		case 14:
		case 15:
			if (typeof n == "function") return n.displayName || n.name || null;
			if (typeof n == "string") return n
	}
	return null
}

function pn(e) {
	switch (typeof e) {
		case "boolean":
		case "number":
		case "string":
		case "undefined":
			return e;
		case "object":
			return e;
		default:
			return ""
	}
}

function os(e) {
	var n = e.type;
	return (e = e.nodeName) && e.toLowerCase() === "input" && (n === "checkbox" ||
		n === "radio")
}

function Ec(e) {
	var n = os(e) ? "checked" : "value",
		t = Object.getOwnPropertyDescriptor(e.constructor.prototype, n),
		r = "" + e[n];
	if (!e.hasOwnProperty(n) && typeof t < "u" && typeof t.get == "function" &&
		typeof t.set == "function") {
		var l = t.get,
			o = t.set;
		return Object.defineProperty(e, n, {
			configurable: !0,
			get: function() {
				return l.call(this)
			},
			set: function(u) {
				r = "" + u, o.call(this, u)
			}
		}), Object.defineProperty(e, n, {
			enumerable: t.enumerable
		}), {
			getValue: function() {
				return r
			},
			setValue: function(u) {
				r = "" + u
			},
			stopTracking: function() {
				e._valueTracker = null, delete e[n]
			}
		}
	}
}

function lr(e) {
	e._valueTracker || (e._valueTracker = Ec(e))
}

function us(e) {
	if (!e) return !1;
	var n = e._valueTracker;
	if (!n) return !0;
	var t = n.getValue(),
		r = "";
	return e && (r = os(e) ? e.checked ? "true" : "false" : e.value), e = r, e !==
		t ? (n.setValue(e), !0) : !1
}

function Rr(e) {
	if (e = e || (typeof document < "u" ? document : void 0), typeof e > "u")
		return null;
	try {
		return e.activeElement || e.body
	} catch {
		return e.body
	}
}

function ql(e, n) {
	var t = n.checked;
	return V({}, n, {
		defaultChecked: void 0,
		defaultValue: void 0,
		value: void 0,
		checked: t != null ? t : e._wrapperState.initialChecked
	})
}

function Au(e, n) {
	var t = n.defaultValue == null ? "" : n.defaultValue,
		r = n.checked != null ? n.checked : n.defaultChecked;
	t = pn(n.value != null ? n.value : t), e._wrapperState = {
		initialChecked: r,
		initialValue: t,
		controlled: n.type === "checkbox" || n.type === "radio" ? n.checked != null : n
			.value != null
	}
}

function is(e, n) {
	n = n.checked, n != null && Ko(e, "checked", n, !1)
}

function bl(e, n) {
	is(e, n);
	var t = pn(n.value),
		r = n.type;
	if (t != null) r === "number" ? (t === 0 && e.value === "" || e.value != t) &&
		(e.value = "" + t) : e.value !== "" + t && (e.value = "" + t);
	else if (r === "submit" || r === "reset") {
		e.removeAttribute("value");
		return
	}
	n.hasOwnProperty("value") ? eo(e, n.type, t) : n.hasOwnProperty("defaultValue") &&
		eo(e, n.type, pn(n.defaultValue)), n.checked == null && n.defaultChecked !=
		null && (e.defaultChecked = !!n.defaultChecked)
}

function Vu(e, n, t) {
	if (n.hasOwnProperty("value") || n.hasOwnProperty("defaultValue")) {
		var r = n.type;
		if (!(r !== "submit" && r !== "reset" || n.value !== void 0 && n.value !==
				null)) return;
		n = "" + e._wrapperState.initialValue, t || n === e.value || (e.value = n), e
			.defaultValue = n
	}
	t = e.name, t !== "" && (e.name = ""), e.defaultChecked = !!e._wrapperState.initialChecked,
		t !== "" && (e.name = t)
}

function eo(e, n, t) {
	(n !== "number" || Rr(e.ownerDocument) !== e) && (t == null ? e.defaultValue =
		"" + e._wrapperState.initialValue : e.defaultValue !== "" + t && (e.defaultValue =
			"" + t))
}
var kt = Array.isArray;

function Yn(e, n, t, r) {
	if (e = e.options, n) {
		n = {};
		for (var l = 0; l < t.length; l++) n["$" + t[l]] = !0;
		for (t = 0; t < e.length; t++) l = n.hasOwnProperty("$" + e[t].value), e[t].selected !==
			l && (e[t].selected = l), l && r && (e[t].defaultSelected = !0)
	} else {
		for (t = "" + pn(t), n = null, l = 0; l < e.length; l++) {
			if (e[l].value === t) {
				e[l].selected = !0, r && (e[l].defaultSelected = !0);
				return
			}
			n !== null || e[l].disabled || (n = e[l])
		}
		n !== null && (n.selected = !0)
	}
}

function no(e, n) {
	if (n.dangerouslySetInnerHTML != null) throw Error(y(91));
	return V({}, n, {
		value: void 0,
		defaultValue: void 0,
		children: "" + e._wrapperState.initialValue
	})
}

function Wu(e, n) {
	var t = n.value;
	if (t == null) {
		if (t = n.children, n = n.defaultValue, t != null) {
			if (n != null) throw Error(y(92));
			if (kt(t)) {
				if (1 < t.length) throw Error(y(93));
				t = t[0]
			}
			n = t
		}
		n == null && (n = ""), t = n
	}
	e._wrapperState = {
		initialValue: pn(t)
	}
}

function ss(e, n) {
	var t = pn(n.value),
		r = pn(n.defaultValue);
	t != null && (t = "" + t, t !== e.value && (e.value = t), n.defaultValue ==
		null && e.defaultValue !== t && (e.defaultValue = t)), r != null && (e.defaultValue =
		"" + r)
}

function Hu(e) {
	var n = e.textContent;
	n === e._wrapperState.initialValue && n !== "" && n !== null && (e.value = n)
}

function as(e) {
	switch (e) {
		case "svg":
			return "http://www.w3.org/2000/svg";
		case "math":
			return "http://www.w3.org/1998/Math/MathML";
		default:
			return "http://www.w3.org/1999/xhtml"
	}
}

function to(e, n) {
	return e == null || e === "http://www.w3.org/1999/xhtml" ? as(n) : e ===
		"http://www.w3.org/2000/svg" && n === "foreignObject" ?
		"http://www.w3.org/1999/xhtml" : e
}
var or, cs = function(e) {
	return typeof MSApp < "u" && MSApp.execUnsafeLocalFunction ? function(n, t, r,
		l) {
		MSApp.execUnsafeLocalFunction(function() {
			return e(n, t, r, l)
		})
	} : e
}(function(e, n) {
	if (e.namespaceURI !== "http://www.w3.org/2000/svg" || "innerHTML" in e) e.innerHTML =
		n;
	else {
		for (or = or || document.createElement("div"), or.innerHTML = "<svg>" + n.valueOf()
			.toString() + "</svg>", n = or.firstChild; e.firstChild;) e.removeChild(e.firstChild);
		for (; n.firstChild;) e.appendChild(n.firstChild)
	}
});

function Ot(e, n) {
	if (n) {
		var t = e.firstChild;
		if (t && t === e.lastChild && t.nodeType === 3) {
			t.nodeValue = n;
			return
		}
	}
	e.textContent = n
}
var Et = {
		animationIterationCount: !0,
		aspectRatio: !0,
		borderImageOutset: !0,
		borderImageSlice: !0,
		borderImageWidth: !0,
		boxFlex: !0,
		boxFlexGroup: !0,
		boxOrdinalGroup: !0,
		columnCount: !0,
		columns: !0,
		flex: !0,
		flexGrow: !0,
		flexPositive: !0,
		flexShrink: !0,
		flexNegative: !0,
		flexOrder: !0,
		gridArea: !0,
		gridRow: !0,
		gridRowEnd: !0,
		gridRowSpan: !0,
		gridRowStart: !0,
		gridColumn: !0,
		gridColumnEnd: !0,
		gridColumnSpan: !0,
		gridColumnStart: !0,
		fontWeight: !0,
		lineClamp: !0,
		lineHeight: !0,
		opacity: !0,
		order: !0,
		orphans: !0,
		tabSize: !0,
		widows: !0,
		zIndex: !0,
		zoom: !0,
		fillOpacity: !0,
		floodOpacity: !0,
		stopOpacity: !0,
		strokeDasharray: !0,
		strokeDashoffset: !0,
		strokeMiterlimit: !0,
		strokeOpacity: !0,
		strokeWidth: !0
	},
	xc = ["Webkit", "ms", "Moz", "O"];
Object.keys(Et).forEach(function(e) {
	xc.forEach(function(n) {
		n = n + e.charAt(0).toUpperCase() + e.substring(1), Et[n] = Et[e]
	})
});

function fs(e, n, t) {
	return n == null || typeof n == "boolean" || n === "" ? "" : t || typeof n !=
		"number" || n === 0 || Et.hasOwnProperty(e) && Et[e] ? ("" + n).trim() : n +
		"px"
}

function ds(e, n) {
	e = e.style;
	for (var t in n)
		if (n.hasOwnProperty(t)) {
			var r = t.indexOf("--") === 0,
				l = fs(t, n[t], r);
			t === "float" && (t = "cssFloat"), r ? e.setProperty(t, l) : e[t] = l
		}
}
var _c = V({
	menuitem: !0
}, {
	area: !0,
	base: !0,
	br: !0,
	col: !0,
	embed: !0,
	hr: !0,
	img: !0,
	input: !0,
	keygen: !0,
	link: !0,
	meta: !0,
	param: !0,
	source: !0,
	track: !0,
	wbr: !0
});

function ro(e, n) {
	if (n) {
		if (_c[e] && (n.children != null || n.dangerouslySetInnerHTML != null)) throw Error(
			y(137, e));
		if (n.dangerouslySetInnerHTML != null) {
			if (n.children != null) throw Error(y(60));
			if (typeof n.dangerouslySetInnerHTML != "object" || !("__html" in n.dangerouslySetInnerHTML))
				throw Error(y(61))
		}
		if (n.style != null && typeof n.style != "object") throw Error(y(62))
	}
}

function lo(e, n) {
	if (e.indexOf("-") === -1) return typeof n.is == "string";
	switch (e) {
		case "annotation-xml":
		case "color-profile":
		case "font-face":
		case "font-face-src":
		case "font-face-uri":
		case "font-face-format":
		case "font-face-name":
		case "missing-glyph":
			return !1;
		default:
			return !0
	}
}
var oo = null;

function Zo(e) {
	return e = e.target || e.srcElement || window, e.correspondingUseElement && (e =
		e.correspondingUseElement), e.nodeType === 3 ? e.parentNode : e
}
var uo = null,
	Xn = null,
	Gn = null;

function Qu(e) {
	if (e = qt(e)) {
		if (typeof uo != "function") throw Error(y(280));
		var n = e.stateNode;
		n && (n = ol(n), uo(e.stateNode, e.type, n))
	}
}

function ps(e) {
	Xn ? Gn ? Gn.push(e) : Gn = [e] : Xn = e
}

function ms() {
	if (Xn) {
		var e = Xn,
			n = Gn;
		if (Gn = Xn = null, Qu(e), n)
			for (e = 0; e < n.length; e++) Qu(n[e])
	}
}

function hs(e, n) {
	return e(n)
}

function vs() {}
var _l = !1;

function ys(e, n, t) {
	if (_l) return e(n, t);
	_l = !0;
	try {
		return hs(e, n, t)
	} finally {
		_l = !1, (Xn !== null || Gn !== null) && (vs(), ms())
	}
}

function Dt(e, n) {
	var t = e.stateNode;
	if (t === null) return null;
	var r = ol(t);
	if (r === null) return null;
	t = r[n];
	e: switch (n) {
		case "onClick":
		case "onClickCapture":
		case "onDoubleClick":
		case "onDoubleClickCapture":
		case "onMouseDown":
		case "onMouseDownCapture":
		case "onMouseMove":
		case "onMouseMoveCapture":
		case "onMouseUp":
		case "onMouseUpCapture":
		case "onMouseEnter":
			(r = !r.disabled) || (e = e.type, r = !(e === "button" || e === "input" ||
				e === "select" || e === "textarea")), e = !r;
			break e;
		default:
			e = !1
	}
	if (e) return null;
	if (t && typeof t != "function") throw Error(y(231, n, typeof t));
	return t
}
var io = !1;
if (Qe) try {
	var dt = {};
	Object.defineProperty(dt, "passive", {
		get: function() {
			io = !0
		}
	}), window.addEventListener("test", dt, dt), window.removeEventListener(
		"test", dt, dt)
} catch {
	io = !1
}

function Nc(e, n, t, r, l, o, u, i, s) {
	var c = Array.prototype.slice.call(arguments, 3);
	try {
		n.apply(t, c)
	} catch (h) {
		this.onError(h)
	}
}
var xt = !1,
	Mr = null,
	Or = !1,
	so = null,
	Pc = {
		onError: function(e) {
			xt = !0, Mr = e
		}
	};

function zc(e, n, t, r, l, o, u, i, s) {
	xt = !1, Mr = null, Nc.apply(Pc, arguments)
}

function Lc(e, n, t, r, l, o, u, i, s) {
	if (zc.apply(this, arguments), xt) {
		if (xt) {
			var c = Mr;
			xt = !1, Mr = null
		} else throw Error(y(198));
		Or || (Or = !0, so = c)
	}
}

function On(e) {
	var n = e,
		t = e;
	if (e.alternate)
		for (; n.return;) n = n.return;
	else {
		e = n;
		do n = e, (n.flags & 4098) !== 0 && (t = n.return), e = n.return; while (e)
	}
	return n.tag === 3 ? t : null
}

function gs(e) {
	if (e.tag === 13) {
		var n = e.memoizedState;
		if (n === null && (e = e.alternate, e !== null && (n = e.memoizedState)), n !==
			null) return n.dehydrated
	}
	return null
}

function Ku(e) {
	if (On(e) !== e) throw Error(y(188))
}

function Tc(e) {
	var n = e.alternate;
	if (!n) {
		if (n = On(e), n === null) throw Error(y(188));
		return n !== e ? null : e
	}
	for (var t = e, r = n;;) {
		var l = t.return;
		if (l === null) break;
		var o = l.alternate;
		if (o === null) {
			if (r = l.return, r !== null) {
				t = r;
				continue
			}
			break
		}
		if (l.child === o.child) {
			for (o = l.child; o;) {
				if (o === t) return Ku(l), e;
				if (o === r) return Ku(l), n;
				o = o.sibling
			}
			throw Error(y(188))
		}
		if (t.return !== r.return) t = l, r = o;
		else {
			for (var u = !1, i = l.child; i;) {
				if (i === t) {
					u = !0, t = l, r = o;
					break
				}
				if (i === r) {
					u = !0, r = l, t = o;
					break
				}
				i = i.sibling
			}
			if (!u) {
				for (i = o.child; i;) {
					if (i === t) {
						u = !0, t = o, r = l;
						break
					}
					if (i === r) {
						u = !0, r = o, t = l;
						break
					}
					i = i.sibling
				}
				if (!u) throw Error(y(189))
			}
		}
		if (t.alternate !== r) throw Error(y(190))
	}
	if (t.tag !== 3) throw Error(y(188));
	return t.stateNode.current === t ? e : n
}

function ws(e) {
	return e = Tc(e), e !== null ? ks(e) : null
}

function ks(e) {
	if (e.tag === 5 || e.tag === 6) return e;
	for (e = e.child; e !== null;) {
		var n = ks(e);
		if (n !== null) return n;
		e = e.sibling
	}
	return null
}
var Ss = ge.unstable_scheduleCallback,
	Yu = ge.unstable_cancelCallback,
	Rc = ge.unstable_shouldYield,
	Mc = ge.unstable_requestPaint,
	Q = ge.unstable_now,
	Oc = ge.unstable_getCurrentPriorityLevel,
	Jo = ge.unstable_ImmediatePriority,
	Cs = ge.unstable_UserBlockingPriority,
	Dr = ge.unstable_NormalPriority,
	Dc = ge.unstable_LowPriority,
	Es = ge.unstable_IdlePriority,
	nl = null,
	Ue = null;

function Fc(e) {
	if (Ue && typeof Ue.onCommitFiberRoot == "function") try {
		Ue.onCommitFiberRoot(nl, e, void 0, (e.current.flags & 128) === 128)
	} catch {}
}
var Me = Math.clz32 ? Math.clz32 : Uc,
	Ic = Math.log,
	jc = Math.LN2;

function Uc(e) {
	return e >>>= 0, e === 0 ? 32 : 31 - (Ic(e) / jc | 0) | 0
}
var ur = 64,
	ir = 4194304;

function St(e) {
	switch (e & -e) {
		case 1:
			return 1;
		case 2:
			return 2;
		case 4:
			return 4;
		case 8:
			return 8;
		case 16:
			return 16;
		case 32:
			return 32;
		case 64:
		case 128:
		case 256:
		case 512:
		case 1024:
		case 2048:
		case 4096:
		case 8192:
		case 16384:
		case 32768:
		case 65536:
		case 131072:
		case 262144:
		case 524288:
		case 1048576:
		case 2097152:
			return e & 4194240;
		case 4194304:
		case 8388608:
		case 16777216:
		case 33554432:
		case 67108864:
			return e & 130023424;
		case 134217728:
			return 134217728;
		case 268435456:
			return 268435456;
		case 536870912:
			return 536870912;
		case 1073741824:
			return 1073741824;
		default:
			return e
	}
}

function Fr(e, n) {
	var t = e.pendingLanes;
	if (t === 0) return 0;
	var r = 0,
		l = e.suspendedLanes,
		o = e.pingedLanes,
		u = t & 268435455;
	if (u !== 0) {
		var i = u & ~l;
		i !== 0 ? r = St(i) : (o &= u, o !== 0 && (r = St(o)))
	} else u = t & ~l, u !== 0 ? r = St(u) : o !== 0 && (r = St(o));
	if (r === 0) return 0;
	if (n !== 0 && n !== r && (n & l) === 0 && (l = r & -r, o = n & -n, l >= o ||
			l === 16 && (o & 4194240) !== 0)) return n;
	if ((r & 4) !== 0 && (r |= t & 16), n = e.entangledLanes, n !== 0)
		for (e = e.entanglements, n &= r; 0 < n;) t = 31 - Me(n), l = 1 << t, r |= e[
			t], n &= ~l;
	return r
}

function $c(e, n) {
	switch (e) {
		case 1:
		case 2:
		case 4:
			return n + 250;
		case 8:
		case 16:
		case 32:
		case 64:
		case 128:
		case 256:
		case 512:
		case 1024:
		case 2048:
		case 4096:
		case 8192:
		case 16384:
		case 32768:
		case 65536:
		case 131072:
		case 262144:
		case 524288:
		case 1048576:
		case 2097152:
			return n + 5e3;
		case 4194304:
		case 8388608:
		case 16777216:
		case 33554432:
		case 67108864:
			return -1;
		case 134217728:
		case 268435456:
		case 536870912:
		case 1073741824:
			return -1;
		default:
			return -1
	}
}

function Bc(e, n) {
	for (var t = e.suspendedLanes, r = e.pingedLanes, l = e.expirationTimes, o = e
			.pendingLanes; 0 < o;) {
		var u = 31 - Me(o),
			i = 1 << u,
			s = l[u];
		s === -1 ? ((i & t) === 0 || (i & r) !== 0) && (l[u] = $c(i, n)) : s <= n &&
			(e.expiredLanes |= i), o &= ~i
	}
}

function ao(e) {
	return e = e.pendingLanes & -1073741825, e !== 0 ? e : e & 1073741824 ?
		1073741824 : 0
}

function xs() {
	var e = ur;
	return ur <<= 1, (ur & 4194240) === 0 && (ur = 64), e
}

function Nl(e) {
	for (var n = [], t = 0; 31 > t; t++) n.push(e);
	return n
}

function Zt(e, n, t) {
	e.pendingLanes |= n, n !== 536870912 && (e.suspendedLanes = 0, e.pingedLanes =
		0), e = e.eventTimes, n = 31 - Me(n), e[n] = t
}

function Ac(e, n) {
	var t = e.pendingLanes & ~n;
	e.pendingLanes = n, e.suspendedLanes = 0, e.pingedLanes = 0, e.expiredLanes &=
		n, e.mutableReadLanes &= n, e.entangledLanes &= n, n = e.entanglements;
	var r = e.eventTimes;
	for (e = e.expirationTimes; 0 < t;) {
		var l = 31 - Me(t),
			o = 1 << l;
		n[l] = 0, r[l] = -1, e[l] = -1, t &= ~o
	}
}

function qo(e, n) {
	var t = e.entangledLanes |= n;
	for (e = e.entanglements; t;) {
		var r = 31 - Me(t),
			l = 1 << r;
		l & n | e[r] & n && (e[r] |= n), t &= ~l
	}
}
var M = 0;

function _s(e) {
	return e &= -e, 1 < e ? 4 < e ? (e & 268435455) !== 0 ? 16 : 536870912 : 4 : 1
}
var Ns, bo, Ps, zs, Ls, co = !1,
	sr = [],
	rn = null,
	ln = null,
	on = null,
	Ft = new Map,
	It = new Map,
	be = [],
	Vc =
	"mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit"
	.split(" ");

function Xu(e, n) {
	switch (e) {
		case "focusin":
		case "focusout":
			rn = null;
			break;
		case "dragenter":
		case "dragleave":
			ln = null;
			break;
		case "mouseover":
		case "mouseout":
			on = null;
			break;
		case "pointerover":
		case "pointerout":
			Ft.delete(n.pointerId);
			break;
		case "gotpointercapture":
		case "lostpointercapture":
			It.delete(n.pointerId)
	}
}

function pt(e, n, t, r, l, o) {
	return e === null || e.nativeEvent !== o ? (e = {
		blockedOn: n,
		domEventName: t,
		eventSystemFlags: r,
		nativeEvent: o,
		targetContainers: [l]
	}, n !== null && (n = qt(n), n !== null && bo(n)), e) : (e.eventSystemFlags |=
		r, n = e.targetContainers, l !== null && n.indexOf(l) === -1 && n.push(l), e
	)
}

function Wc(e, n, t, r, l) {
	switch (n) {
		case "focusin":
			return rn = pt(rn, e, n, t, r, l), !0;
		case "dragenter":
			return ln = pt(ln, e, n, t, r, l), !0;
		case "mouseover":
			return on = pt(on, e, n, t, r, l), !0;
		case "pointerover":
			var o = l.pointerId;
			return Ft.set(o, pt(Ft.get(o) || null, e, n, t, r, l)), !0;
		case "gotpointercapture":
			return o = l.pointerId, It.set(o, pt(It.get(o) || null, e, n, t, r, l)), !0
	}
	return !1
}

function Ts(e) {
	var n = Cn(e.target);
	if (n !== null) {
		var t = On(n);
		if (t !== null) {
			if (n = t.tag, n === 13) {
				if (n = gs(t), n !== null) {
					e.blockedOn = n, Ls(e.priority, function() {
						Ps(t)
					});
					return
				}
			} else if (n === 3 && t.stateNode.current.memoizedState.isDehydrated) {
				e.blockedOn = t.tag === 3 ? t.stateNode.containerInfo : null;
				return
			}
		}
	}
	e.blockedOn = null
}

function Sr(e) {
	if (e.blockedOn !== null) return !1;
	for (var n = e.targetContainers; 0 < n.length;) {
		var t = fo(e.domEventName, e.eventSystemFlags, n[0], e.nativeEvent);
		if (t === null) {
			t = e.nativeEvent;
			var r = new t.constructor(t.type, t);
			oo = r, t.target.dispatchEvent(r), oo = null
		} else return n = qt(t), n !== null && bo(n), e.blockedOn = t, !1;
		n.shift()
	}
	return !0
}

function Gu(e, n, t) {
	Sr(e) && t.delete(n)
}

function Hc() {
	co = !1, rn !== null && Sr(rn) && (rn = null), ln !== null && Sr(ln) && (ln =
		null), on !== null && Sr(on) && (on = null), Ft.forEach(Gu), It.forEach(Gu)
}

function mt(e, n) {
	e.blockedOn === n && (e.blockedOn = null, co || (co = !0, ge.unstable_scheduleCallback(
		ge.unstable_NormalPriority, Hc)))
}

function jt(e) {
	function n(l) {
		return mt(l, e)
	}
	if (0 < sr.length) {
		mt(sr[0], e);
		for (var t = 1; t < sr.length; t++) {
			var r = sr[t];
			r.blockedOn === e && (r.blockedOn = null)
		}
	}
	for (rn !== null && mt(rn, e), ln !== null && mt(ln, e), on !== null && mt(on,
			e), Ft.forEach(n), It.forEach(n), t = 0; t < be.length; t++) r = be[t], r.blockedOn ===
		e && (r.blockedOn = null);
	for (; 0 < be.length && (t = be[0], t.blockedOn === null);) Ts(t), t.blockedOn ===
		null && be.shift()
}
var Zn = Ge.ReactCurrentBatchConfig,
	Ir = !0;

function Qc(e, n, t, r) {
	var l = M,
		o = Zn.transition;
	Zn.transition = null;
	try {
		M = 1, eu(e, n, t, r)
	} finally {
		M = l, Zn.transition = o
	}
}

function Kc(e, n, t, r) {
	var l = M,
		o = Zn.transition;
	Zn.transition = null;
	try {
		M = 4, eu(e, n, t, r)
	} finally {
		M = l, Zn.transition = o
	}
}

function eu(e, n, t, r) {
	if (Ir) {
		var l = fo(e, n, t, r);
		if (l === null) Il(e, n, r, jr, t), Xu(e, r);
		else if (Wc(l, e, n, t, r)) r.stopPropagation();
		else if (Xu(e, r), n & 4 && -1 < Vc.indexOf(e)) {
			for (; l !== null;) {
				var o = qt(l);
				if (o !== null && Ns(o), o = fo(e, n, t, r), o === null && Il(e, n, r, jr,
						t), o === l) break;
				l = o
			}
			l !== null && r.stopPropagation()
		} else Il(e, n, r, null, t)
	}
}
var jr = null;

function fo(e, n, t, r) {
	if (jr = null, e = Zo(r), e = Cn(e), e !== null)
		if (n = On(e), n === null) e = null;
		else if (t = n.tag, t === 13) {
		if (e = gs(n), e !== null) return e;
		e = null
	} else if (t === 3) {
		if (n.stateNode.current.memoizedState.isDehydrated) return n.tag === 3 ? n.stateNode
			.containerInfo : null;
		e = null
	} else n !== e && (e = null);
	return jr = e, null
}

function Rs(e) {
	switch (e) {
		case "cancel":
		case "click":
		case "close":
		case "contextmenu":
		case "copy":
		case "cut":
		case "auxclick":
		case "dblclick":
		case "dragend":
		case "dragstart":
		case "drop":
		case "focusin":
		case "focusout":
		case "input":
		case "invalid":
		case "keydown":
		case "keypress":
		case "keyup":
		case "mousedown":
		case "mouseup":
		case "paste":
		case "pause":
		case "play":
		case "pointercancel":
		case "pointerdown":
		case "pointerup":
		case "ratechange":
		case "reset":
		case "resize":
		case "seeked":
		case "submit":
		case "touchcancel":
		case "touchend":
		case "touchstart":
		case "volumechange":
		case "change":
		case "selectionchange":
		case "textInput":
		case "compositionstart":
		case "compositionend":
		case "compositionupdate":
		case "beforeblur":
		case "afterblur":
		case "beforeinput":
		case "blur":
		case "fullscreenchange":
		case "focus":
		case "hashchange":
		case "popstate":
		case "select":
		case "selectstart":
			return 1;
		case "drag":
		case "dragenter":
		case "dragexit":
		case "dragleave":
		case "dragover":
		case "mousemove":
		case "mouseout":
		case "mouseover":
		case "pointermove":
		case "pointerout":
		case "pointerover":
		case "scroll":
		case "toggle":
		case "touchmove":
		case "wheel":
		case "mouseenter":
		case "mouseleave":
		case "pointerenter":
		case "pointerleave":
			return 4;
		case "message":
			switch (Oc()) {
				case Jo:
					return 1;
				case Cs:
					return 4;
				case Dr:
				case Dc:
					return 16;
				case Es:
					return 536870912;
				default:
					return 16
			}
		default:
			return 16
	}
}
var nn = null,
	nu = null,
	Cr = null;

function Ms() {
	if (Cr) return Cr;
	var e, n = nu,
		t = n.length,
		r, l = "value" in nn ? nn.value : nn.textContent,
		o = l.length;
	for (e = 0; e < t && n[e] === l[e]; e++);
	var u = t - e;
	for (r = 1; r <= u && n[t - r] === l[o - r]; r++);
	return Cr = l.slice(e, 1 < r ? 1 - r : void 0)
}

function Er(e) {
	var n = e.keyCode;
	return "charCode" in e ? (e = e.charCode, e === 0 && n === 13 && (e = 13)) : e =
		n, e === 10 && (e = 13), 32 <= e || e === 13 ? e : 0
}

function ar() {
	return !0
}

function Zu() {
	return !1
}

function ke(e) {
	function n(t, r, l, o, u) {
		this._reactName = t, this._targetInst = l, this.type = r, this.nativeEvent =
			o, this.target = u, this.currentTarget = null;
		for (var i in e) e.hasOwnProperty(i) && (t = e[i], this[i] = t ? t(o) : o[i]);
		return this.isDefaultPrevented = (o.defaultPrevented != null ? o.defaultPrevented :
			o.returnValue === !1) ? ar : Zu, this.isPropagationStopped = Zu, this
	}
	return V(n.prototype, {
		preventDefault: function() {
			this.defaultPrevented = !0;
			var t = this.nativeEvent;
			t && (t.preventDefault ? t.preventDefault() : typeof t.returnValue !=
				"unknown" && (t.returnValue = !1), this.isDefaultPrevented = ar)
		},
		stopPropagation: function() {
			var t = this.nativeEvent;
			t && (t.stopPropagation ? t.stopPropagation() : typeof t.cancelBubble !=
				"unknown" && (t.cancelBubble = !0), this.isPropagationStopped = ar)
		},
		persist: function() {},
		isPersistent: ar
	}), n
}
var it = {
		eventPhase: 0,
		bubbles: 0,
		cancelable: 0,
		timeStamp: function(e) {
			return e.timeStamp || Date.now()
		},
		defaultPrevented: 0,
		isTrusted: 0
	},
	tu = ke(it),
	Jt = V({}, it, {
		view: 0,
		detail: 0
	}),
	Yc = ke(Jt),
	Pl, zl, ht, tl = V({}, Jt, {
		screenX: 0,
		screenY: 0,
		clientX: 0,
		clientY: 0,
		pageX: 0,
		pageY: 0,
		ctrlKey: 0,
		shiftKey: 0,
		altKey: 0,
		metaKey: 0,
		getModifierState: ru,
		button: 0,
		buttons: 0,
		relatedTarget: function(e) {
			return e.relatedTarget === void 0 ? e.fromElement === e.srcElement ? e.toElement :
				e.fromElement : e.relatedTarget
		},
		movementX: function(e) {
			return "movementX" in e ? e.movementX : (e !== ht && (ht && e.type ===
				"mousemove" ? (Pl = e.screenX - ht.screenX, zl = e.screenY - ht.screenY) :
				zl = Pl = 0, ht = e), Pl)
		},
		movementY: function(e) {
			return "movementY" in e ? e.movementY : zl
		}
	}),
	Ju = ke(tl),
	Xc = V({}, tl, {
		dataTransfer: 0
	}),
	Gc = ke(Xc),
	Zc = V({}, Jt, {
		relatedTarget: 0
	}),
	Ll = ke(Zc),
	Jc = V({}, it, {
		animationName: 0,
		elapsedTime: 0,
		pseudoElement: 0
	}),
	qc = ke(Jc),
	bc = V({}, it, {
		clipboardData: function(e) {
			return "clipboardData" in e ? e.clipboardData : window.clipboardData
		}
	}),
	ef = ke(bc),
	nf = V({}, it, {
		data: 0
	}),
	qu = ke(nf),
	tf = {
		Esc: "Escape",
		Spacebar: " ",
		Left: "ArrowLeft",
		Up: "ArrowUp",
		Right: "ArrowRight",
		Down: "ArrowDown",
		Del: "Delete",
		Win: "OS",
		Menu: "ContextMenu",
		Apps: "ContextMenu",
		Scroll: "ScrollLock",
		MozPrintableKey: "Unidentified"
	},
	rf = {
		8: "Backspace",
		9: "Tab",
		12: "Clear",
		13: "Enter",
		16: "Shift",
		17: "Control",
		18: "Alt",
		19: "Pause",
		20: "CapsLock",
		27: "Escape",
		32: " ",
		33: "PageUp",
		34: "PageDown",
		35: "End",
		36: "Home",
		37: "ArrowLeft",
		38: "ArrowUp",
		39: "ArrowRight",
		40: "ArrowDown",
		45: "Insert",
		46: "Delete",
		112: "F1",
		113: "F2",
		114: "F3",
		115: "F4",
		116: "F5",
		117: "F6",
		118: "F7",
		119: "F8",
		120: "F9",
		121: "F10",
		122: "F11",
		123: "F12",
		144: "NumLock",
		145: "ScrollLock",
		224: "Meta"
	},
	lf = {
		Alt: "altKey",
		Control: "ctrlKey",
		Meta: "metaKey",
		Shift: "shiftKey"
	};

function of(e) {
	var n = this.nativeEvent;
	return n.getModifierState ? n.getModifierState(e) : (e = lf[e]) ? !!n[e] : !1
}

function ru() {
	return of
}
var uf = V({}, Jt, {
		key: function(e) {
			if (e.key) {
				var n = tf[e.key] || e.key;
				if (n !== "Unidentified") return n
			}
			return e.type === "keypress" ? (e = Er(e), e === 13 ? "Enter" : String.fromCharCode(
					e)) : e.type === "keydown" || e.type === "keyup" ? rf[e.keyCode] ||
				"Unidentified" : ""
		},
		code: 0,
		location: 0,
		ctrlKey: 0,
		shiftKey: 0,
		altKey: 0,
		metaKey: 0,
		repeat: 0,
		locale: 0,
		getModifierState: ru,
		charCode: function(e) {
			return e.type === "keypress" ? Er(e) : 0
		},
		keyCode: function(e) {
			return e.type === "keydown" || e.type === "keyup" ? e.keyCode : 0
		},
		which: function(e) {
			return e.type === "keypress" ? Er(e) : e.type === "keydown" || e.type ===
				"keyup" ? e.keyCode : 0
		}
	}),
	sf = ke(uf),
	af = V({}, tl, {
		pointerId: 0,
		width: 0,
		height: 0,
		pressure: 0,
		tangentialPressure: 0,
		tiltX: 0,
		tiltY: 0,
		twist: 0,
		pointerType: 0,
		isPrimary: 0
	}),
	bu = ke(af),
	cf = V({}, Jt, {
		touches: 0,
		targetTouches: 0,
		changedTouches: 0,
		altKey: 0,
		metaKey: 0,
		ctrlKey: 0,
		shiftKey: 0,
		getModifierState: ru
	}),
	ff = ke(cf),
	df = V({}, it, {
		propertyName: 0,
		elapsedTime: 0,
		pseudoElement: 0
	}),
	pf = ke(df),
	mf = V({}, tl, {
		deltaX: function(e) {
			return "deltaX" in e ? e.deltaX : "wheelDeltaX" in e ? -e.wheelDeltaX : 0
		},
		deltaY: function(e) {
			return "deltaY" in e ? e.deltaY : "wheelDeltaY" in e ? -e.wheelDeltaY :
				"wheelDelta" in e ? -e.wheelDelta : 0
		},
		deltaZ: 0,
		deltaMode: 0
	}),
	hf = ke(mf),
	vf = [9, 13, 27, 32],
	lu = Qe && "CompositionEvent" in window,
	_t = null;
Qe && "documentMode" in document && (_t = document.documentMode);
var yf = Qe && "TextEvent" in window && !_t,
	Os = Qe && (!lu || _t && 8 < _t && 11 >= _t),
	ei = String.fromCharCode(32),
	ni = !1;

function Ds(e, n) {
	switch (e) {
		case "keyup":
			return vf.indexOf(n.keyCode) !== -1;
		case "keydown":
			return n.keyCode !== 229;
		case "keypress":
		case "mousedown":
		case "focusout":
			return !0;
		default:
			return !1
	}
}

function Fs(e) {
	return e = e.detail, typeof e == "object" && "data" in e ? e.data : null
}
var jn = !1;

function gf(e, n) {
	switch (e) {
		case "compositionend":
			return Fs(n);
		case "keypress":
			return n.which !== 32 ? null : (ni = !0, ei);
		case "textInput":
			return e = n.data, e === ei && ni ? null : e;
		default:
			return null
	}
}

function wf(e, n) {
	if (jn) return e === "compositionend" || !lu && Ds(e, n) ? (e = Ms(), Cr = nu =
		nn = null, jn = !1, e) : null;
	switch (e) {
		case "paste":
			return null;
		case "keypress":
			if (!(n.ctrlKey || n.altKey || n.metaKey) || n.ctrlKey && n.altKey) {
				if (n.char && 1 < n.char.length) return n.char;
				if (n.which) return String.fromCharCode(n.which)
			}
			return null;
		case "compositionend":
			return Os && n.locale !== "ko" ? null : n.data;
		default:
			return null
	}
}
var kf = {
	color: !0,
	date: !0,
	datetime: !0,
	"datetime-local": !0,
	email: !0,
	month: !0,
	number: !0,
	password: !0,
	range: !0,
	search: !0,
	tel: !0,
	text: !0,
	time: !0,
	url: !0,
	week: !0
};

function ti(e) {
	var n = e && e.nodeName && e.nodeName.toLowerCase();
	return n === "input" ? !!kf[e.type] : n === "textarea"
}

function Is(e, n, t, r) {
	ps(r), n = Ur(n, "onChange"), 0 < n.length && (t = new tu("onChange", "change",
		null, t, r), e.push({
		event: t,
		listeners: n
	}))
}
var Nt = null,
	Ut = null;

function Sf(e) {
	Ys(e, 0)
}

function rl(e) {
	var n = Bn(e);
	if (us(n)) return e
}

function Cf(e, n) {
	if (e === "change") return n
}
var js = !1;
if (Qe) {
	var Tl;
	if (Qe) {
		var Rl = "oninput" in document;
		if (!Rl) {
			var ri = document.createElement("div");
			ri.setAttribute("oninput", "return;"), Rl = typeof ri.oninput == "function"
		}
		Tl = Rl
	} else Tl = !1;
	js = Tl && (!document.documentMode || 9 < document.documentMode)
}

function li() {
	Nt && (Nt.detachEvent("onpropertychange", Us), Ut = Nt = null)
}

function Us(e) {
	if (e.propertyName === "value" && rl(Ut)) {
		var n = [];
		Is(n, Ut, e, Zo(e)), ys(Sf, n)
	}
}

function Ef(e, n, t) {
	e === "focusin" ? (li(), Nt = n, Ut = t, Nt.attachEvent("onpropertychange", Us)) :
		e === "focusout" && li()
}

function xf(e) {
	if (e === "selectionchange" || e === "keyup" || e === "keydown") return rl(Ut)
}

function _f(e, n) {
	if (e === "click") return rl(n)
}

function Nf(e, n) {
	if (e === "input" || e === "change") return rl(n)
}

function Pf(e, n) {
	return e === n && (e !== 0 || 1 / e === 1 / n) || e !== e && n !== n
}
var De = typeof Object.is == "function" ? Object.is : Pf;

function $t(e, n) {
	if (De(e, n)) return !0;
	if (typeof e != "object" || e === null || typeof n != "object" || n === null)
		return !1;
	var t = Object.keys(e),
		r = Object.keys(n);
	if (t.length !== r.length) return !1;
	for (r = 0; r < t.length; r++) {
		var l = t[r];
		if (!Yl.call(n, l) || !De(e[l], n[l])) return !1
	}
	return !0
}

function oi(e) {
	for (; e && e.firstChild;) e = e.firstChild;
	return e
}

function ui(e, n) {
	var t = oi(e);
	e = 0;
	for (var r; t;) {
		if (t.nodeType === 3) {
			if (r = e + t.textContent.length, e <= n && r >= n) return {
				node: t,
				offset: n - e
			};
			e = r
		}
		e: {
			for (; t;) {
				if (t.nextSibling) {
					t = t.nextSibling;
					break e
				}
				t = t.parentNode
			}
			t = void 0
		}
		t = oi(t)
	}
}

function $s(e, n) {
	return e && n ? e === n ? !0 : e && e.nodeType === 3 ? !1 : n && n.nodeType ===
		3 ? $s(e, n.parentNode) : "contains" in e ? e.contains(n) : e.compareDocumentPosition ?
		!!(e.compareDocumentPosition(n) & 16) : !1 : !1
}

function Bs() {
	for (var e = window, n = Rr(); n instanceof e.HTMLIFrameElement;) {
		try {
			var t = typeof n.contentWindow.location.href == "string"
		} catch {
			t = !1
		}
		if (t) e = n.contentWindow;
		else break;
		n = Rr(e.document)
	}
	return n
}

function ou(e) {
	var n = e && e.nodeName && e.nodeName.toLowerCase();
	return n && (n === "input" && (e.type === "text" || e.type === "search" || e.type ===
			"tel" || e.type === "url" || e.type === "password") || n === "textarea" ||
		e.contentEditable === "true")
}

function zf(e) {
	var n = Bs(),
		t = e.focusedElem,
		r = e.selectionRange;
	if (n !== t && t && t.ownerDocument && $s(t.ownerDocument.documentElement, t)) {
		if (r !== null && ou(t)) {
			if (n = r.start, e = r.end, e === void 0 && (e = n), "selectionStart" in t) t
				.selectionStart = n, t.selectionEnd = Math.min(e, t.value.length);
			else if (e = (n = t.ownerDocument || document) && n.defaultView || window, e
				.getSelection) {
				e = e.getSelection();
				var l = t.textContent.length,
					o = Math.min(r.start, l);
				r = r.end === void 0 ? o : Math.min(r.end, l), !e.extend && o > r && (l = r,
					r = o, o = l), l = ui(t, o);
				var u = ui(t, r);
				l && u && (e.rangeCount !== 1 || e.anchorNode !== l.node || e.anchorOffset !==
					l.offset || e.focusNode !== u.node || e.focusOffset !== u.offset) && (n =
					n.createRange(), n.setStart(l.node, l.offset), e.removeAllRanges(), o > r ?
					(e.addRange(n), e.extend(u.node, u.offset)) : (n.setEnd(u.node, u.offset),
						e.addRange(n)))
			}
		}
		for (n = [], e = t; e = e.parentNode;) e.nodeType === 1 && n.push({
			element: e,
			left: e.scrollLeft,
			top: e.scrollTop
		});
		for (typeof t.focus == "function" && t.focus(), t = 0; t < n.length; t++) e =
			n[t], e.element.scrollLeft = e.left, e.element.scrollTop = e.top
	}
}
var Lf = Qe && "documentMode" in document && 11 >= document.documentMode,
	Un = null,
	po = null,
	Pt = null,
	mo = !1;

function ii(e, n, t) {
	var r = t.window === t ? t.document : t.nodeType === 9 ? t : t.ownerDocument;
	mo || Un == null || Un !== Rr(r) || (r = Un, "selectionStart" in r && ou(r) ?
		r = {
			start: r.selectionStart,
			end: r.selectionEnd
		} : (r = (r.ownerDocument && r.ownerDocument.defaultView || window).getSelection(),
			r = {
				anchorNode: r.anchorNode,
				anchorOffset: r.anchorOffset,
				focusNode: r.focusNode,
				focusOffset: r.focusOffset
			}), Pt && $t(Pt, r) || (Pt = r, r = Ur(po, "onSelect"), 0 < r.length && (n =
			new tu("onSelect", "select", null, n, t), e.push({
				event: n,
				listeners: r
			}), n.target = Un)))
}

function cr(e, n) {
	var t = {};
	return t[e.toLowerCase()] = n.toLowerCase(), t["Webkit" + e] = "webkit" + n, t[
		"Moz" + e] = "moz" + n, t
}
var $n = {
		animationend: cr("Animation", "AnimationEnd"),
		animationiteration: cr("Animation", "AnimationIteration"),
		animationstart: cr("Animation", "AnimationStart"),
		transitionend: cr("Transition", "TransitionEnd")
	},
	Ml = {},
	As = {};
Qe && (As = document.createElement("div").style, "AnimationEvent" in window ||
	(delete $n.animationend.animation, delete $n.animationiteration.animation,
		delete $n.animationstart.animation), "TransitionEvent" in window || delete $n
	.transitionend.transition);

function ll(e) {
	if (Ml[e]) return Ml[e];
	if (!$n[e]) return e;
	var n = $n[e],
		t;
	for (t in n)
		if (n.hasOwnProperty(t) && t in As) return Ml[e] = n[t];
	return e
}
var Vs = ll("animationend"),
	Ws = ll("animationiteration"),
	Hs = ll("animationstart"),
	Qs = ll("transitionend"),
	Ks = new Map,
	si =
	"abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel"
	.split(" ");

function hn(e, n) {
	Ks.set(e, n), Mn(n, [e])
}
for (var Ol = 0; Ol < si.length; Ol++) {
	var Dl = si[Ol],
		Tf = Dl.toLowerCase(),
		Rf = Dl[0].toUpperCase() + Dl.slice(1);
	hn(Tf, "on" + Rf)
}
hn(Vs, "onAnimationEnd");
hn(Ws, "onAnimationIteration");
hn(Hs, "onAnimationStart");
hn("dblclick", "onDoubleClick");
hn("focusin", "onFocus");
hn("focusout", "onBlur");
hn(Qs, "onTransitionEnd");
bn("onMouseEnter", ["mouseout", "mouseover"]);
bn("onMouseLeave", ["mouseout", "mouseover"]);
bn("onPointerEnter", ["pointerout", "pointerover"]);
bn("onPointerLeave", ["pointerout", "pointerover"]);
Mn("onChange",
	"change click focusin focusout input keydown keyup selectionchange".split(" ")
);
Mn("onSelect",
	"focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange"
	.split(" "));
Mn("onBeforeInput", ["compositionend", "keypress", "textInput", "paste"]);
Mn("onCompositionEnd",
	"compositionend focusout keydown keypress keyup mousedown".split(" "));
Mn("onCompositionStart",
	"compositionstart focusout keydown keypress keyup mousedown".split(" "));
Mn("onCompositionUpdate",
	"compositionupdate focusout keydown keypress keyup mousedown".split(" "));
var Ct =
	"abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting"
	.split(" "),
	Mf = new Set("cancel close invalid load scroll toggle".split(" ").concat(Ct));

function ai(e, n, t) {
	var r = e.type || "unknown-event";
	e.currentTarget = t, Lc(r, n, void 0, e), e.currentTarget = null
}

function Ys(e, n) {
	n = (n & 4) !== 0;
	for (var t = 0; t < e.length; t++) {
		var r = e[t],
			l = r.event;
		r = r.listeners;
		e: {
			var o = void 0;
			if (n)
				for (var u = r.length - 1; 0 <= u; u--) {
					var i = r[u],
						s = i.instance,
						c = i.currentTarget;
					if (i = i.listener, s !== o && l.isPropagationStopped()) break e;
					ai(l, i, c), o = s
				} else
					for (u = 0; u < r.length; u++) {
						if (i = r[u], s = i.instance, c = i.currentTarget, i = i.listener, s !==
							o && l.isPropagationStopped()) break e;
						ai(l, i, c), o = s
					}
		}
	}
	if (Or) throw e = so, Or = !1, so = null, e
}

function I(e, n) {
	var t = n[wo];
	t === void 0 && (t = n[wo] = new Set);
	var r = e + "__bubble";
	t.has(r) || (Xs(n, e, 2, !1), t.add(r))
}

function Fl(e, n, t) {
	var r = 0;
	n && (r |= 4), Xs(t, e, r, n)
}
var fr = "_reactListening" + Math.random().toString(36).slice(2);

function Bt(e) {
	if (!e[fr]) {
		e[fr] = !0, ns.forEach(function(t) {
			t !== "selectionchange" && (Mf.has(t) || Fl(t, !1, e), Fl(t, !0, e))
		});
		var n = e.nodeType === 9 ? e : e.ownerDocument;
		n === null || n[fr] || (n[fr] = !0, Fl("selectionchange", !1, n))
	}
}

function Xs(e, n, t, r) {
	switch (Rs(n)) {
		case 1:
			var l = Qc;
			break;
		case 4:
			l = Kc;
			break;
		default:
			l = eu
	}
	t = l.bind(null, n, t, e), l = void 0, !io || n !== "touchstart" && n !==
		"touchmove" && n !== "wheel" || (l = !0), r ? l !== void 0 ? e.addEventListener(
			n, t, {
				capture: !0,
				passive: l
			}) : e.addEventListener(n, t, !0) : l !== void 0 ? e.addEventListener(n, t, {
			passive: l
		}) : e.addEventListener(n, t, !1)
}

function Il(e, n, t, r, l) {
	var o = r;
	if ((n & 1) === 0 && (n & 2) === 0 && r !== null) e: for (;;) {
		if (r === null) return;
		var u = r.tag;
		if (u === 3 || u === 4) {
			var i = r.stateNode.containerInfo;
			if (i === l || i.nodeType === 8 && i.parentNode === l) break;
			if (u === 4)
				for (u = r.return; u !== null;) {
					var s = u.tag;
					if ((s === 3 || s === 4) && (s = u.stateNode.containerInfo, s === l || s.nodeType ===
							8 && s.parentNode === l)) return;
					u = u.return
				}
			for (; i !== null;) {
				if (u = Cn(i), u === null) return;
				if (s = u.tag, s === 5 || s === 6) {
					r = o = u;
					continue e
				}
				i = i.parentNode
			}
		}
		r = r.return
	}
	ys(function() {
		var c = o,
			h = Zo(t),
			m = [];
		e: {
			var p = Ks.get(e);
			if (p !== void 0) {
				var g = tu,
					w = e;
				switch (e) {
					case "keypress":
						if (Er(t) === 0) break e;
					case "keydown":
					case "keyup":
						g = sf;
						break;
					case "focusin":
						w = "focus", g = Ll;
						break;
					case "focusout":
						w = "blur", g = Ll;
						break;
					case "beforeblur":
					case "afterblur":
						g = Ll;
						break;
					case "click":
						if (t.button === 2) break e;
					case "auxclick":
					case "dblclick":
					case "mousedown":
					case "mousemove":
					case "mouseup":
					case "mouseout":
					case "mouseover":
					case "contextmenu":
						g = Ju;
						break;
					case "drag":
					case "dragend":
					case "dragenter":
					case "dragexit":
					case "dragleave":
					case "dragover":
					case "dragstart":
					case "drop":
						g = Gc;
						break;
					case "touchcancel":
					case "touchend":
					case "touchmove":
					case "touchstart":
						g = ff;
						break;
					case Vs:
					case Ws:
					case Hs:
						g = qc;
						break;
					case Qs:
						g = pf;
						break;
					case "scroll":
						g = Yc;
						break;
					case "wheel":
						g = hf;
						break;
					case "copy":
					case "cut":
					case "paste":
						g = ef;
						break;
					case "gotpointercapture":
					case "lostpointercapture":
					case "pointercancel":
					case "pointerdown":
					case "pointermove":
					case "pointerout":
					case "pointerover":
					case "pointerup":
						g = bu
				}
				var k = (n & 4) !== 0,
					D = !k && e === "scroll",
					f = k ? p !== null ? p + "Capture" : null : p;
				k = [];
				for (var a = c, d; a !== null;) {
					d = a;
					var v = d.stateNode;
					if (d.tag === 5 && v !== null && (d = v, f !== null && (v = Dt(a, f), v !=
							null && k.push(At(a, v, d)))), D) break;
					a = a.return
				}
				0 < k.length && (p = new g(p, w, null, t, h), m.push({
					event: p,
					listeners: k
				}))
			}
		}
		if ((n & 7) === 0) {
			e: {
				if (p = e === "mouseover" || e === "pointerover", g = e === "mouseout" ||
					e === "pointerout", p && t !== oo && (w = t.relatedTarget || t.fromElement) &&
					(Cn(w) || w[Ke])) break e;
				if ((g || p) && (p = h.window === h ? h : (p = h.ownerDocument) ? p.defaultView ||
						p.parentWindow : window, g ? (w = t.relatedTarget || t.toElement, g = c,
							w = w ? Cn(w) : null, w !== null && (D = On(w), w !== D || w.tag !== 5 &&
								w.tag !== 6) && (w = null)) : (g = null, w = c), g !== w)) {
					if (k = Ju, v = "onMouseLeave", f = "onMouseEnter", a = "mouse", (e ===
							"pointerout" || e === "pointerover") && (k = bu, v = "onPointerLeave",
							f = "onPointerEnter", a = "pointer"), D = g == null ? p : Bn(g), d = w ==
						null ? p : Bn(w), p = new k(v, a + "leave", g, t, h), p.target = D, p.relatedTarget =
						d, v = null, Cn(h) === c && (k = new k(f, a + "enter", w, t, h), k.target =
							d, k.relatedTarget = D, v = k), D = v, g && w) n: {
						for (k = g, f = w, a = 0, d = k; d; d = Dn(d)) a++;
						for (d = 0, v = f; v; v = Dn(v)) d++;
						for (; 0 < a - d;) k = Dn(k), a--;
						for (; 0 < d - a;) f = Dn(f), d--;
						for (; a--;) {
							if (k === f || f !== null && k === f.alternate) break n;
							k = Dn(k), f = Dn(f)
						}
						k = null
					} else k = null;
					g !== null && ci(m, p, g, k, !1), w !== null && D !== null && ci(m, D, w,
						k, !0)
				}
			}
			e: {
				if (p = c ? Bn(c) : window, g = p.nodeName && p.nodeName.toLowerCase(), g ===
					"select" || g === "input" && p.type === "file") var E = Cf;
				else if (ti(p))
					if (js) E = Nf;
					else {
						E = xf;
						var C = Ef
					} else(g = p.nodeName) && g.toLowerCase() === "input" && (p.type ===
					"checkbox" || p.type === "radio") && (E = _f);
				if (E && (E = E(e, c))) {
					Is(m, E, t, h);
					break e
				}
				C && C(e, p, c), e === "focusout" && (C = p._wrapperState) && C.controlled &&
					p.type === "number" && eo(p, "number", p.value)
			}
			switch (C = c ? Bn(c) : window, e) {
				case "focusin":
					(ti(C) || C.contentEditable === "true") && (Un = C, po = c, Pt = null);
					break;
				case "focusout":
					Pt = po = Un = null;
					break;
				case "mousedown":
					mo = !0;
					break;
				case "contextmenu":
				case "mouseup":
				case "dragend":
					mo = !1, ii(m, t, h);
					break;
				case "selectionchange":
					if (Lf) break;
				case "keydown":
				case "keyup":
					ii(m, t, h)
			}
			var S;
			if (lu) e: {
				switch (e) {
					case "compositionstart":
						var _ = "onCompositionStart";
						break e;
					case "compositionend":
						_ = "onCompositionEnd";
						break e;
					case "compositionupdate":
						_ = "onCompositionUpdate";
						break e
				}
				_ = void 0
			} else jn ? Ds(e, t) && (_ = "onCompositionEnd") : e === "keydown" && t.keyCode ===
				229 && (_ = "onCompositionStart");_ && (Os && t.locale !== "ko" && (jn ||
					_ !== "onCompositionStart" ? _ === "onCompositionEnd" && jn && (S = Ms()) :
					(nn = h, nu = "value" in nn ? nn.value : nn.textContent, jn = !0)), C =
				Ur(c, _), 0 < C.length && (_ = new qu(_, e, null, t, h), m.push({
					event: _,
					listeners: C
				}), S ? _.data = S : (S = Fs(t), S !== null && (_.data = S)))),
			(S = yf ? gf(e, t) : wf(e, t)) && (c = Ur(c, "onBeforeInput"), 0 < c.length &&
				(h = new qu("onBeforeInput", "beforeinput", null, t, h), m.push({
					event: h,
					listeners: c
				}), h.data = S))
		}
		Ys(m, n)
	})
}

function At(e, n, t) {
	return {
		instance: e,
		listener: n,
		currentTarget: t
	}
}

function Ur(e, n) {
	for (var t = n + "Capture", r = []; e !== null;) {
		var l = e,
			o = l.stateNode;
		l.tag === 5 && o !== null && (l = o, o = Dt(e, t), o != null && r.unshift(At(
			e, o, l)), o = Dt(e, n), o != null && r.push(At(e, o, l))), e = e.return
	}
	return r
}

function Dn(e) {
	if (e === null) return null;
	do e = e.return; while (e && e.tag !== 5);
	return e || null
}

function ci(e, n, t, r, l) {
	for (var o = n._reactName, u = []; t !== null && t !== r;) {
		var i = t,
			s = i.alternate,
			c = i.stateNode;
		if (s !== null && s === r) break;
		i.tag === 5 && c !== null && (i = c, l ? (s = Dt(t, o), s != null && u.unshift(
				At(t, s, i))) : l || (s = Dt(t, o), s != null && u.push(At(t, s, i)))), t =
			t.return
	}
	u.length !== 0 && e.push({
		event: n,
		listeners: u
	})
}
var Of = /\r\n?/g,
	Df = /\u0000|\uFFFD/g;

function fi(e) {
	return (typeof e == "string" ? e : "" + e).replace(Of, `
`).replace(Df, "")
}

function dr(e, n, t) {
	if (n = fi(n), fi(e) !== n && t) throw Error(y(425))
}

function $r() {}
var ho = null,
	vo = null;

function yo(e, n) {
	return e === "textarea" || e === "noscript" || typeof n.children == "string" ||
		typeof n.children == "number" || typeof n.dangerouslySetInnerHTML == "object" &&
		n.dangerouslySetInnerHTML !== null && n.dangerouslySetInnerHTML.__html !=
		null
}
var go = typeof setTimeout == "function" ? setTimeout : void 0,
	Ff = typeof clearTimeout == "function" ? clearTimeout : void 0,
	di = typeof Promise == "function" ? Promise : void 0,
	If = typeof queueMicrotask == "function" ? queueMicrotask : typeof di < "u" ?
	function(e) {
		return di.resolve(null).then(e).catch(jf)
	} : go;

function jf(e) {
	setTimeout(function() {
		throw e
	})
}

function jl(e, n) {
	var t = n,
		r = 0;
	do {
		var l = t.nextSibling;
		if (e.removeChild(t), l && l.nodeType === 8)
			if (t = l.data, t === "/$") {
				if (r === 0) {
					e.removeChild(l), jt(n);
					return
				}
				r--
			} else t !== "$" && t !== "$?" && t !== "$!" || r++;
		t = l
	} while (t);
	jt(n)
}

function un(e) {
	for (; e != null; e = e.nextSibling) {
		var n = e.nodeType;
		if (n === 1 || n === 3) break;
		if (n === 8) {
			if (n = e.data, n === "$" || n === "$!" || n === "$?") break;
			if (n === "/$") return null
		}
	}
	return e
}

function pi(e) {
	e = e.previousSibling;
	for (var n = 0; e;) {
		if (e.nodeType === 8) {
			var t = e.data;
			if (t === "$" || t === "$!" || t === "$?") {
				if (n === 0) return e;
				n--
			} else t === "/$" && n++
		}
		e = e.previousSibling
	}
	return null
}
var st = Math.random().toString(36).slice(2),
	je = "__reactFiber$" + st,
	Vt = "__reactProps$" + st,
	Ke = "__reactContainer$" + st,
	wo = "__reactEvents$" + st,
	Uf = "__reactListeners$" + st,
	$f = "__reactHandles$" + st;

function Cn(e) {
	var n = e[je];
	if (n) return n;
	for (var t = e.parentNode; t;) {
		if (n = t[Ke] || t[je]) {
			if (t = n.alternate, n.child !== null || t !== null && t.child !== null)
				for (e = pi(e); e !== null;) {
					if (t = e[je]) return t;
					e = pi(e)
				}
			return n
		}
		e = t, t = e.parentNode
	}
	return null
}

function qt(e) {
	return e = e[je] || e[Ke], !e || e.tag !== 5 && e.tag !== 6 && e.tag !== 13 &&
		e.tag !== 3 ? null : e
}

function Bn(e) {
	if (e.tag === 5 || e.tag === 6) return e.stateNode;
	throw Error(y(33))
}

function ol(e) {
	return e[Vt] || null
}
var ko = [],
	An = -1;

function vn(e) {
	return {
		current: e
	}
}

function j(e) {
	0 > An || (e.current = ko[An], ko[An] = null, An--)
}

function F(e, n) {
	An++, ko[An] = e.current, e.current = n
}
var mn = {},
	le = vn(mn),
	de = vn(!1),
	Pn = mn;

function et(e, n) {
	var t = e.type.contextTypes;
	if (!t) return mn;
	var r = e.stateNode;
	if (r && r.__reactInternalMemoizedUnmaskedChildContext === n) return r.__reactInternalMemoizedMaskedChildContext;
	var l = {},
		o;
	for (o in t) l[o] = n[o];
	return r && (e = e.stateNode, e.__reactInternalMemoizedUnmaskedChildContext =
		n, e.__reactInternalMemoizedMaskedChildContext = l), l
}

function pe(e) {
	return e = e.childContextTypes, e != null
}

function Br() {
	j(de), j(le)
}

function mi(e, n, t) {
	if (le.current !== mn) throw Error(y(168));
	F(le, n), F(de, t)
}

function Gs(e, n, t) {
	var r = e.stateNode;
	if (n = n.childContextTypes, typeof r.getChildContext != "function") return t;
	r = r.getChildContext();
	for (var l in r)
		if (!(l in n)) throw Error(y(108, Cc(e) || "Unknown", l));
	return V({}, t, r)
}

function Ar(e) {
	return e = (e = e.stateNode) && e.__reactInternalMemoizedMergedChildContext ||
		mn, Pn = le.current, F(le, e), F(de, de.current), !0
}

function hi(e, n, t) {
	var r = e.stateNode;
	if (!r) throw Error(y(169));
	t ? (e = Gs(e, n, Pn), r.__reactInternalMemoizedMergedChildContext = e, j(de),
		j(le), F(le, e)) : j(de), F(de, t)
}
var Ae = null,
	ul = !1,
	Ul = !1;

function Zs(e) {
	Ae === null ? Ae = [e] : Ae.push(e)
}

function Bf(e) {
	ul = !0, Zs(e)
}

function yn() {
	if (!Ul && Ae !== null) {
		Ul = !0;
		var e = 0,
			n = M;
		try {
			var t = Ae;
			for (M = 1; e < t.length; e++) {
				var r = t[e];
				do r = r(!0); while (r !== null)
			}
			Ae = null, ul = !1
		} catch (l) {
			throw Ae !== null && (Ae = Ae.slice(e + 1)), Ss(Jo, yn), l
		} finally {
			M = n, Ul = !1
		}
	}
	return null
}
var Vn = [],
	Wn = 0,
	Vr = null,
	Wr = 0,
	Se = [],
	Ce = 0,
	zn = null,
	Ve = 1,
	We = "";

function kn(e, n) {
	Vn[Wn++] = Wr, Vn[Wn++] = Vr, Vr = e, Wr = n
}

function Js(e, n, t) {
	Se[Ce++] = Ve, Se[Ce++] = We, Se[Ce++] = zn, zn = e;
	var r = Ve;
	e = We;
	var l = 32 - Me(r) - 1;
	r &= ~(1 << l), t += 1;
	var o = 32 - Me(n) + l;
	if (30 < o) {
		var u = l - l % 5;
		o = (r & (1 << u) - 1).toString(32), r >>= u, l -= u, Ve = 1 << 32 - Me(n) +
			l | t << l | r, We = o + e
	} else Ve = 1 << o | t << l | r, We = e
}

function uu(e) {
	e.return !== null && (kn(e, 1), Js(e, 1, 0))
}

function iu(e) {
	for (; e === Vr;) Vr = Vn[--Wn], Vn[Wn] = null, Wr = Vn[--Wn], Vn[Wn] = null;
	for (; e === zn;) zn = Se[--Ce], Se[Ce] = null, We = Se[--Ce], Se[Ce] = null,
		Ve = Se[--Ce], Se[Ce] = null
}
var ye = null,
	ve = null,
	$ = !1,
	Re = null;

function qs(e, n) {
	var t = Ee(5, null, null, 0);
	t.elementType = "DELETED", t.stateNode = n, t.return = e, n = e.deletions, n ===
		null ? (e.deletions = [t], e.flags |= 16) : n.push(t)
}

function vi(e, n) {
	switch (e.tag) {
		case 5:
			var t = e.type;
			return n = n.nodeType !== 1 || t.toLowerCase() !== n.nodeName.toLowerCase() ?
				null : n, n !== null ? (e.stateNode = n, ye = e, ve = un(n.firstChild), !0) :
				!1;
		case 6:
			return n = e.pendingProps === "" || n.nodeType !== 3 ? null : n, n !== null ?
				(e.stateNode = n, ye = e, ve = null, !0) : !1;
		case 13:
			return n = n.nodeType !== 8 ? null : n, n !== null ? (t = zn !== null ? {
					id: Ve,
					overflow: We
				} : null, e.memoizedState = {
					dehydrated: n,
					treeContext: t,
					retryLane: 1073741824
				}, t = Ee(18, null, null, 0), t.stateNode = n, t.return = e, e.child = t,
				ye = e, ve = null, !0) : !1;
		default:
			return !1
	}
}

function So(e) {
	return (e.mode & 1) !== 0 && (e.flags & 128) === 0
}

function Co(e) {
	if ($) {
		var n = ve;
		if (n) {
			var t = n;
			if (!vi(e, n)) {
				if (So(e)) throw Error(y(418));
				n = un(t.nextSibling);
				var r = ye;
				n && vi(e, n) ? qs(r, t) : (e.flags = e.flags & -4097 | 2, $ = !1, ye = e)
			}
		} else {
			if (So(e)) throw Error(y(418));
			e.flags = e.flags & -4097 | 2, $ = !1, ye = e
		}
	}
}

function yi(e) {
	for (e = e.return; e !== null && e.tag !== 5 && e.tag !== 3 && e.tag !== 13;) e =
		e.return;
	ye = e
}

function pr(e) {
	if (e !== ye) return !1;
	if (!$) return yi(e), $ = !0, !1;
	var n;
	if ((n = e.tag !== 3) && !(n = e.tag !== 5) && (n = e.type, n = n !== "head" &&
			n !== "body" && !yo(e.type, e.memoizedProps)), n && (n = ve)) {
		if (So(e)) throw bs(), Error(y(418));
		for (; n;) qs(e, n), n = un(n.nextSibling)
	}
	if (yi(e), e.tag === 13) {
		if (e = e.memoizedState, e = e !== null ? e.dehydrated : null, !e) throw Error(
			y(317));
		e: {
			for (e = e.nextSibling, n = 0; e;) {
				if (e.nodeType === 8) {
					var t = e.data;
					if (t === "/$") {
						if (n === 0) {
							ve = un(e.nextSibling);
							break e
						}
						n--
					} else t !== "$" && t !== "$!" && t !== "$?" || n++
				}
				e = e.nextSibling
			}
			ve = null
		}
	} else ve = ye ? un(e.stateNode.nextSibling) : null;
	return !0
}

function bs() {
	for (var e = ve; e;) e = un(e.nextSibling)
}

function nt() {
	ve = ye = null, $ = !1
}

function su(e) {
	Re === null ? Re = [e] : Re.push(e)
}
var Af = Ge.ReactCurrentBatchConfig;

function Le(e, n) {
	if (e && e.defaultProps) {
		n = V({}, n), e = e.defaultProps;
		for (var t in e) n[t] === void 0 && (n[t] = e[t]);
		return n
	}
	return n
}
var Hr = vn(null),
	Qr = null,
	Hn = null,
	au = null;

function cu() {
	au = Hn = Qr = null
}

function fu(e) {
	var n = Hr.current;
	j(Hr), e._currentValue = n
}

function Eo(e, n, t) {
	for (; e !== null;) {
		var r = e.alternate;
		if ((e.childLanes & n) !== n ? (e.childLanes |= n, r !== null && (r.childLanes |=
				n)) : r !== null && (r.childLanes & n) !== n && (r.childLanes |= n), e ===
			t) break;
		e = e.return
	}
}

function Jn(e, n) {
	Qr = e, au = Hn = null, e = e.dependencies, e !== null && e.firstContext !==
		null && ((e.lanes & n) !== 0 && (fe = !0), e.firstContext = null)
}

function _e(e) {
	var n = e._currentValue;
	if (au !== e)
		if (e = {
				context: e,
				memoizedValue: n,
				next: null
			}, Hn === null) {
			if (Qr === null) throw Error(y(308));
			Hn = e, Qr.dependencies = {
				lanes: 0,
				firstContext: e
			}
		} else Hn = Hn.next = e;
	return n
}
var En = null;

function du(e) {
	En === null ? En = [e] : En.push(e)
}

function ea(e, n, t, r) {
	var l = n.interleaved;
	return l === null ? (t.next = t, du(n)) : (t.next = l.next, l.next = t), n.interleaved =
		t, Ye(e, r)
}

function Ye(e, n) {
	e.lanes |= n;
	var t = e.alternate;
	for (t !== null && (t.lanes |= n), t = e, e = e.return; e !== null;) e.childLanes |=
		n, t = e.alternate, t !== null && (t.childLanes |= n), t = e, e = e.return;
	return t.tag === 3 ? t.stateNode : null
}
var qe = !1;

function pu(e) {
	e.updateQueue = {
		baseState: e.memoizedState,
		firstBaseUpdate: null,
		lastBaseUpdate: null,
		shared: {
			pending: null,
			interleaved: null,
			lanes: 0
		},
		effects: null
	}
}

function na(e, n) {
	e = e.updateQueue, n.updateQueue === e && (n.updateQueue = {
		baseState: e.baseState,
		firstBaseUpdate: e.firstBaseUpdate,
		lastBaseUpdate: e.lastBaseUpdate,
		shared: e.shared,
		effects: e.effects
	})
}

function He(e, n) {
	return {
		eventTime: e,
		lane: n,
		tag: 0,
		payload: null,
		callback: null,
		next: null
	}
}

function sn(e, n, t) {
	var r = e.updateQueue;
	if (r === null) return null;
	if (r = r.shared, (R & 2) !== 0) {
		var l = r.pending;
		return l === null ? n.next = n : (n.next = l.next, l.next = n), r.pending = n,
			Ye(e, t)
	}
	return l = r.interleaved, l === null ? (n.next = n, du(r)) : (n.next = l.next,
		l.next = n), r.interleaved = n, Ye(e, t)
}

function xr(e, n, t) {
	if (n = n.updateQueue, n !== null && (n = n.shared, (t & 4194240) !== 0)) {
		var r = n.lanes;
		r &= e.pendingLanes, t |= r, n.lanes = t, qo(e, t)
	}
}

function gi(e, n) {
	var t = e.updateQueue,
		r = e.alternate;
	if (r !== null && (r = r.updateQueue, t === r)) {
		var l = null,
			o = null;
		if (t = t.firstBaseUpdate, t !== null) {
			do {
				var u = {
					eventTime: t.eventTime,
					lane: t.lane,
					tag: t.tag,
					payload: t.payload,
					callback: t.callback,
					next: null
				};
				o === null ? l = o = u : o = o.next = u, t = t.next
			} while (t !== null);
			o === null ? l = o = n : o = o.next = n
		} else l = o = n;
		t = {
			baseState: r.baseState,
			firstBaseUpdate: l,
			lastBaseUpdate: o,
			shared: r.shared,
			effects: r.effects
		}, e.updateQueue = t;
		return
	}
	e = t.lastBaseUpdate, e === null ? t.firstBaseUpdate = n : e.next = n, t.lastBaseUpdate =
		n
}

function Kr(e, n, t, r) {
	var l = e.updateQueue;
	qe = !1;
	var o = l.firstBaseUpdate,
		u = l.lastBaseUpdate,
		i = l.shared.pending;
	if (i !== null) {
		l.shared.pending = null;
		var s = i,
			c = s.next;
		s.next = null, u === null ? o = c : u.next = c, u = s;
		var h = e.alternate;
		h !== null && (h = h.updateQueue, i = h.lastBaseUpdate, i !== u && (i ===
			null ? h.firstBaseUpdate = c : i.next = c, h.lastBaseUpdate = s))
	}
	if (o !== null) {
		var m = l.baseState;
		u = 0, h = c = s = null, i = o;
		do {
			var p = i.lane,
				g = i.eventTime;
			if ((r & p) === p) {
				h !== null && (h = h.next = {
					eventTime: g,
					lane: 0,
					tag: i.tag,
					payload: i.payload,
					callback: i.callback,
					next: null
				});
				e: {
					var w = e,
						k = i;
					switch (p = n, g = t, k.tag) {
						case 1:
							if (w = k.payload, typeof w == "function") {
								m = w.call(g, m, p);
								break e
							}
							m = w;
							break e;
						case 3:
							w.flags = w.flags & -65537 | 128;
						case 0:
							if (w = k.payload, p = typeof w == "function" ? w.call(g, m, p) : w, p ==
								null) break e;
							m = V({}, m, p);
							break e;
						case 2:
							qe = !0
					}
				}
				i.callback !== null && i.lane !== 0 && (e.flags |= 64, p = l.effects, p ===
					null ? l.effects = [i] : p.push(i))
			} else g = {
				eventTime: g,
				lane: p,
				tag: i.tag,
				payload: i.payload,
				callback: i.callback,
				next: null
			}, h === null ? (c = h = g, s = m) : h = h.next = g, u |= p;
			if (i = i.next, i === null) {
				if (i = l.shared.pending, i === null) break;
				p = i, i = p.next, p.next = null, l.lastBaseUpdate = p, l.shared.pending =
					null
			}
		} while (1);
		if (h === null && (s = m), l.baseState = s, l.firstBaseUpdate = c, l.lastBaseUpdate =
			h, n = l.shared.interleaved, n !== null) {
			l = n;
			do u |= l.lane, l = l.next; while (l !== n)
		} else o === null && (l.shared.lanes = 0);
		Tn |= u, e.lanes = u, e.memoizedState = m
	}
}

function wi(e, n, t) {
	if (e = n.effects, n.effects = null, e !== null)
		for (n = 0; n < e.length; n++) {
			var r = e[n],
				l = r.callback;
			if (l !== null) {
				if (r.callback = null, r = t, typeof l != "function") throw Error(y(191, l));
				l.call(r)
			}
		}
}
var ta = new es.Component().refs;

function xo(e, n, t, r) {
	n = e.memoizedState, t = t(r, n), t = t == null ? n : V({}, n, t), e.memoizedState =
		t, e.lanes === 0 && (e.updateQueue.baseState = t)
}
var il = {
	isMounted: function(e) {
		return (e = e._reactInternals) ? On(e) === e : !1
	},
	enqueueSetState: function(e, n, t) {
		e = e._reactInternals;
		var r = ie(),
			l = cn(e),
			o = He(r, l);
		o.payload = n, t != null && (o.callback = t), n = sn(e, o, l), n !== null &&
			(Oe(n, e, l, r), xr(n, e, l))
	},
	enqueueReplaceState: function(e, n, t) {
		e = e._reactInternals;
		var r = ie(),
			l = cn(e),
			o = He(r, l);
		o.tag = 1, o.payload = n, t != null && (o.callback = t), n = sn(e, o, l), n !==
			null && (Oe(n, e, l, r), xr(n, e, l))
	},
	enqueueForceUpdate: function(e, n) {
		e = e._reactInternals;
		var t = ie(),
			r = cn(e),
			l = He(t, r);
		l.tag = 2, n != null && (l.callback = n), n = sn(e, l, r), n !== null && (
			Oe(n, e, r, t), xr(n, e, r))
	}
};

function ki(e, n, t, r, l, o, u) {
	return e = e.stateNode, typeof e.shouldComponentUpdate == "function" ? e.shouldComponentUpdate(
			r, o, u) : n.prototype && n.prototype.isPureReactComponent ? !$t(t, r) || !
		$t(l, o) : !0
}

function ra(e, n, t) {
	var r = !1,
		l = mn,
		o = n.contextType;
	return typeof o == "object" && o !== null ? o = _e(o) : (l = pe(n) ? Pn : le.current,
			r = n.contextTypes, o = (r = r != null) ? et(e, l) : mn), n = new n(t, o), e
		.memoizedState = n.state !== null && n.state !== void 0 ? n.state : null, n.updater =
		il, e.stateNode = n, n._reactInternals = e, r && (e = e.stateNode, e.__reactInternalMemoizedUnmaskedChildContext =
			l, e.__reactInternalMemoizedMaskedChildContext = o), n
}

function Si(e, n, t, r) {
	e = n.state, typeof n.componentWillReceiveProps == "function" && n.componentWillReceiveProps(
		t, r), typeof n.UNSAFE_componentWillReceiveProps == "function" && n.UNSAFE_componentWillReceiveProps(
		t, r), n.state !== e && il.enqueueReplaceState(n, n.state, null)
}

function _o(e, n, t, r) {
	var l = e.stateNode;
	l.props = t, l.state = e.memoizedState, l.refs = ta, pu(e);
	var o = n.contextType;
	typeof o == "object" && o !== null ? l.context = _e(o) : (o = pe(n) ? Pn : le.current,
			l.context = et(e, o)), l.state = e.memoizedState, o = n.getDerivedStateFromProps,
		typeof o == "function" && (xo(e, n, o, t), l.state = e.memoizedState), typeof n
		.getDerivedStateFromProps == "function" || typeof l.getSnapshotBeforeUpdate ==
		"function" || typeof l.UNSAFE_componentWillMount != "function" && typeof l.componentWillMount !=
		"function" || (n = l.state, typeof l.componentWillMount == "function" && l.componentWillMount(),
			typeof l.UNSAFE_componentWillMount == "function" && l.UNSAFE_componentWillMount(),
			n !== l.state && il.enqueueReplaceState(l, l.state, null), Kr(e, t, l, r), l
			.state = e.memoizedState), typeof l.componentDidMount == "function" && (e.flags |=
			4194308)
}

function vt(e, n, t) {
	if (e = t.ref, e !== null && typeof e != "function" && typeof e != "object") {
		if (t._owner) {
			if (t = t._owner, t) {
				if (t.tag !== 1) throw Error(y(309));
				var r = t.stateNode
			}
			if (!r) throw Error(y(147, e));
			var l = r,
				o = "" + e;
			return n !== null && n.ref !== null && typeof n.ref == "function" && n.ref._stringRef ===
				o ? n.ref : (n = function(u) {
					var i = l.refs;
					i === ta && (i = l.refs = {}), u === null ? delete i[o] : i[o] = u
				}, n._stringRef = o, n)
		}
		if (typeof e != "string") throw Error(y(284));
		if (!t._owner) throw Error(y(290, e))
	}
	return e
}

function mr(e, n) {
	throw e = Object.prototype.toString.call(n), Error(y(31, e ===
		"[object Object]" ? "object with keys {" + Object.keys(n).join(", ") + "}" :
		e))
}

function Ci(e) {
	var n = e._init;
	return n(e._payload)
}

function la(e) {
	function n(f, a) {
		if (e) {
			var d = f.deletions;
			d === null ? (f.deletions = [a], f.flags |= 16) : d.push(a)
		}
	}

	function t(f, a) {
		if (!e) return null;
		for (; a !== null;) n(f, a), a = a.sibling;
		return null
	}

	function r(f, a) {
		for (f = new Map; a !== null;) a.key !== null ? f.set(a.key, a) : f.set(a.index,
			a), a = a.sibling;
		return f
	}

	function l(f, a) {
		return f = fn(f, a), f.index = 0, f.sibling = null, f
	}

	function o(f, a, d) {
		return f.index = d, e ? (d = f.alternate, d !== null ? (d = d.index, d < a ?
			(f.flags |= 2, a) : d) : (f.flags |= 2, a)) : (f.flags |= 1048576, a)
	}

	function u(f) {
		return e && f.alternate === null && (f.flags |= 2), f
	}

	function i(f, a, d, v) {
		return a === null || a.tag !== 6 ? (a = Ql(d, f.mode, v), a.return = f, a) :
			(a = l(a, d), a.return = f, a)
	}

	function s(f, a, d, v) {
		var E = d.type;
		return E === In ? h(f, a, d.props.children, v, d.key) : a !== null && (a.elementType ===
			E || typeof E == "object" && E !== null && E.$$typeof === Je && Ci(E) === a
			.type) ? (v = l(a, d.props), v.ref = vt(f, a, d), v.return = f, v) : (v =
			Tr(d.type, d.key, d.props, null, f.mode, v), v.ref = vt(f, a, d), v.return =
			f, v)
	}

	function c(f, a, d, v) {
		return a === null || a.tag !== 4 || a.stateNode.containerInfo !== d.containerInfo ||
			a.stateNode.implementation !== d.implementation ? (a = Kl(d, f.mode, v), a.return =
				f, a) : (a = l(a, d.children || []), a.return = f, a)
	}

	function h(f, a, d, v, E) {
		return a === null || a.tag !== 7 ? (a = Nn(d, f.mode, v, E), a.return = f, a) :
			(a = l(a, d), a.return = f, a)
	}

	function m(f, a, d) {
		if (typeof a == "string" && a !== "" || typeof a == "number") return a = Ql(
			"" + a, f.mode, d), a.return = f, a;
		if (typeof a == "object" && a !== null) {
			switch (a.$$typeof) {
				case rr:
					return d = Tr(a.type, a.key, a.props, null, f.mode, d), d.ref = vt(f, null,
						a), d.return = f, d;
				case Fn:
					return a = Kl(a, f.mode, d), a.return = f, a;
				case Je:
					var v = a._init;
					return m(f, v(a._payload), d)
			}
			if (kt(a) || ft(a)) return a = Nn(a, f.mode, d, null), a.return = f, a;
			mr(f, a)
		}
		return null
	}

	function p(f, a, d, v) {
		var E = a !== null ? a.key : null;
		if (typeof d == "string" && d !== "" || typeof d == "number") return E !==
			null ? null : i(f, a, "" + d, v);
		if (typeof d == "object" && d !== null) {
			switch (d.$$typeof) {
				case rr:
					return d.key === E ? s(f, a, d, v) : null;
				case Fn:
					return d.key === E ? c(f, a, d, v) : null;
				case Je:
					return E = d._init, p(f, a, E(d._payload), v)
			}
			if (kt(d) || ft(d)) return E !== null ? null : h(f, a, d, v, null);
			mr(f, d)
		}
		return null
	}

	function g(f, a, d, v, E) {
		if (typeof v == "string" && v !== "" || typeof v == "number") return f = f.get(
			d) || null, i(a, f, "" + v, E);
		if (typeof v == "object" && v !== null) {
			switch (v.$$typeof) {
				case rr:
					return f = f.get(v.key === null ? d : v.key) || null, s(a, f, v, E);
				case Fn:
					return f = f.get(v.key === null ? d : v.key) || null, c(a, f, v, E);
				case Je:
					var C = v._init;
					return g(f, a, d, C(v._payload), E)
			}
			if (kt(v) || ft(v)) return f = f.get(d) || null, h(a, f, v, E, null);
			mr(a, v)
		}
		return null
	}

	function w(f, a, d, v) {
		for (var E = null, C = null, S = a, _ = a = 0, O = null; S !== null && _ < d.length; _++) {
			S.index > _ ? (O = S, S = null) : O = S.sibling;
			var T = p(f, S, d[_], v);
			if (T === null) {
				S === null && (S = O);
				break
			}
			e && S && T.alternate === null && n(f, S), a = o(T, a, _), C === null ? E =
				T : C.sibling = T, C = T, S = O
		}
		if (_ === d.length) return t(f, S), $ && kn(f, _), E;
		if (S === null) {
			for (; _ < d.length; _++) S = m(f, d[_], v), S !== null && (a = o(S, a, _),
				C === null ? E = S : C.sibling = S, C = S);
			return $ && kn(f, _), E
		}
		for (S = r(f, S); _ < d.length; _++) O = g(S, f, _, d[_], v), O !== null && (
			e && O.alternate !== null && S.delete(O.key === null ? _ : O.key), a = o(O,
				a, _), C === null ? E = O : C.sibling = O, C = O);
		return e && S.forEach(function(Pe) {
			return n(f, Pe)
		}), $ && kn(f, _), E
	}

	function k(f, a, d, v) {
		var E = ft(d);
		if (typeof E != "function") throw Error(y(150));
		if (d = E.call(d), d == null) throw Error(y(151));
		for (var C = E = null, S = a, _ = a = 0, O = null, T = d.next(); S !== null &&
			!T.done; _++, T = d.next()) {
			S.index > _ ? (O = S, S = null) : O = S.sibling;
			var Pe = p(f, S, T.value, v);
			if (Pe === null) {
				S === null && (S = O);
				break
			}
			e && S && Pe.alternate === null && n(f, S), a = o(Pe, a, _), C === null ? E =
				Pe : C.sibling = Pe, C = Pe, S = O
		}
		if (T.done) return t(f, S), $ && kn(f, _), E;
		if (S === null) {
			for (; !T.done; _++, T = d.next()) T = m(f, T.value, v), T !== null && (a =
				o(T, a, _), C === null ? E = T : C.sibling = T, C = T);
			return $ && kn(f, _), E
		}
		for (S = r(f, S); !T.done; _++, T = d.next()) T = g(S, f, _, T.value, v), T !==
			null && (e && T.alternate !== null && S.delete(T.key === null ? _ : T.key),
				a = o(T, a, _), C === null ? E = T : C.sibling = T, C = T);
		return e && S.forEach(function(at) {
			return n(f, at)
		}), $ && kn(f, _), E
	}

	function D(f, a, d, v) {
		if (typeof d == "object" && d !== null && d.type === In && d.key === null &&
			(d = d.props.children), typeof d == "object" && d !== null) {
			switch (d.$$typeof) {
				case rr:
					e: {
						for (var E = d.key, C = a; C !== null;) {
							if (C.key === E) {
								if (E = d.type, E === In) {
									if (C.tag === 7) {
										t(f, C.sibling), a = l(C, d.props.children), a.return = f, f = a;
										break e
									}
								} else if (C.elementType === E || typeof E == "object" && E !== null &&
									E.$$typeof === Je && Ci(E) === C.type) {
									t(f, C.sibling), a = l(C, d.props), a.ref = vt(f, C, d), a.return = f,
										f = a;
									break e
								}
								t(f, C);
								break
							} else n(f, C);
							C = C.sibling
						}
						d.type === In ? (a = Nn(d.props.children, f.mode, v, d.key), a.return =
							f, f = a) : (v = Tr(d.type, d.key, d.props, null, f.mode, v), v.ref =
							vt(f, a, d), v.return = f, f = v)
					}
					return u(f);
				case Fn:
					e: {
						for (C = d.key; a !== null;) {
							if (a.key === C)
								if (a.tag === 4 && a.stateNode.containerInfo === d.containerInfo && a.stateNode
									.implementation === d.implementation) {
									t(f, a.sibling), a = l(a, d.children || []), a.return = f, f = a;
									break e
								} else {
									t(f, a);
									break
								} else n(f, a);
							a = a.sibling
						}
						a = Kl(d, f.mode, v), a.return = f, f = a
					}
					return u(f);
				case Je:
					return C = d._init, D(f, a, C(d._payload), v)
			}
			if (kt(d)) return w(f, a, d, v);
			if (ft(d)) return k(f, a, d, v);
			mr(f, d)
		}
		return typeof d == "string" && d !== "" || typeof d == "number" ? (d = "" + d,
			a !== null && a.tag === 6 ? (t(f, a.sibling), a = l(a, d), a.return = f, f =
				a) : (t(f, a), a = Ql(d, f.mode, v), a.return = f, f = a), u(f)) : t(f, a)
	}
	return D
}
var tt = la(!0),
	oa = la(!1),
	bt = {},
	$e = vn(bt),
	Wt = vn(bt),
	Ht = vn(bt);

function xn(e) {
	if (e === bt) throw Error(y(174));
	return e
}

function mu(e, n) {
	switch (F(Ht, n), F(Wt, e), F($e, bt), e = n.nodeType, e) {
		case 9:
		case 11:
			n = (n = n.documentElement) ? n.namespaceURI : to(null, "");
			break;
		default:
			e = e === 8 ? n.parentNode : n, n = e.namespaceURI || null, e = e.tagName, n =
				to(n, e)
	}
	j($e), F($e, n)
}

function rt() {
	j($e), j(Wt), j(Ht)
}

function ua(e) {
	xn(Ht.current);
	var n = xn($e.current),
		t = to(n, e.type);
	n !== t && (F(Wt, e), F($e, t))
}

function hu(e) {
	Wt.current === e && (j($e), j(Wt))
}
var B = vn(0);

function Yr(e) {
	for (var n = e; n !== null;) {
		if (n.tag === 13) {
			var t = n.memoizedState;
			if (t !== null && (t = t.dehydrated, t === null || t.data === "$?" || t.data ===
					"$!")) return n
		} else if (n.tag === 19 && n.memoizedProps.revealOrder !== void 0) {
			if ((n.flags & 128) !== 0) return n
		} else if (n.child !== null) {
			n.child.return = n, n = n.child;
			continue
		}
		if (n === e) break;
		for (; n.sibling === null;) {
			if (n.return === null || n.return === e) return null;
			n = n.return
		}
		n.sibling.return = n.return, n = n.sibling
	}
	return null
}
var $l = [];

function vu() {
	for (var e = 0; e < $l.length; e++) $l[e]._workInProgressVersionPrimary = null;
	$l.length = 0
}
var _r = Ge.ReactCurrentDispatcher,
	Bl = Ge.ReactCurrentBatchConfig,
	Ln = 0,
	A = null,
	Y = null,
	Z = null,
	Xr = !1,
	zt = !1,
	Qt = 0,
	Vf = 0;

function ne() {
	throw Error(y(321))
}

function yu(e, n) {
	if (n === null) return !1;
	for (var t = 0; t < n.length && t < e.length; t++)
		if (!De(e[t], n[t])) return !1;
	return !0
}

function gu(e, n, t, r, l, o) {
	if (Ln = o, A = n, n.memoizedState = null, n.updateQueue = null, n.lanes = 0,
		_r.current = e === null || e.memoizedState === null ? Kf : Yf, e = t(r, l),
		zt) {
		o = 0;
		do {
			if (zt = !1, Qt = 0, 25 <= o) throw Error(y(301));
			o += 1, Z = Y = null, n.updateQueue = null, _r.current = Xf, e = t(r, l)
		} while (zt)
	}
	if (_r.current = Gr, n = Y !== null && Y.next !== null, Ln = 0, Z = Y = A =
		null, Xr = !1, n) throw Error(y(300));
	return e
}

function wu() {
	var e = Qt !== 0;
	return Qt = 0, e
}

function Ie() {
	var e = {
		memoizedState: null,
		baseState: null,
		baseQueue: null,
		queue: null,
		next: null
	};
	return Z === null ? A.memoizedState = Z = e : Z = Z.next = e, Z
}

function Ne() {
	if (Y === null) {
		var e = A.alternate;
		e = e !== null ? e.memoizedState : null
	} else e = Y.next;
	var n = Z === null ? A.memoizedState : Z.next;
	if (n !== null) Z = n, Y = e;
	else {
		if (e === null) throw Error(y(310));
		Y = e, e = {
			memoizedState: Y.memoizedState,
			baseState: Y.baseState,
			baseQueue: Y.baseQueue,
			queue: Y.queue,
			next: null
		}, Z === null ? A.memoizedState = Z = e : Z = Z.next = e
	}
	return Z
}

function Kt(e, n) {
	return typeof n == "function" ? n(e) : n
}

function Al(e) {
	var n = Ne(),
		t = n.queue;
	if (t === null) throw Error(y(311));
	t.lastRenderedReducer = e;
	var r = Y,
		l = r.baseQueue,
		o = t.pending;
	if (o !== null) {
		if (l !== null) {
			var u = l.next;
			l.next = o.next, o.next = u
		}
		r.baseQueue = l = o, t.pending = null
	}
	if (l !== null) {
		o = l.next, r = r.baseState;
		var i = u = null,
			s = null,
			c = o;
		do {
			var h = c.lane;
			if ((Ln & h) === h) s !== null && (s = s.next = {
				lane: 0,
				action: c.action,
				hasEagerState: c.hasEagerState,
				eagerState: c.eagerState,
				next: null
			}), r = c.hasEagerState ? c.eagerState : e(r, c.action);
			else {
				var m = {
					lane: h,
					action: c.action,
					hasEagerState: c.hasEagerState,
					eagerState: c.eagerState,
					next: null
				};
				s === null ? (i = s = m, u = r) : s = s.next = m, A.lanes |= h, Tn |= h
			}
			c = c.next
		} while (c !== null && c !== o);
		s === null ? u = r : s.next = i, De(r, n.memoizedState) || (fe = !0), n.memoizedState =
			r, n.baseState = u, n.baseQueue = s, t.lastRenderedState = r
	}
	if (e = t.interleaved, e !== null) {
		l = e;
		do o = l.lane, A.lanes |= o, Tn |= o, l = l.next; while (l !== e)
	} else l === null && (t.lanes = 0);
	return [n.memoizedState, t.dispatch]
}

function Vl(e) {
	var n = Ne(),
		t = n.queue;
	if (t === null) throw Error(y(311));
	t.lastRenderedReducer = e;
	var r = t.dispatch,
		l = t.pending,
		o = n.memoizedState;
	if (l !== null) {
		t.pending = null;
		var u = l = l.next;
		do o = e(o, u.action), u = u.next; while (u !== l);
		De(o, n.memoizedState) || (fe = !0), n.memoizedState = o, n.baseQueue ===
			null && (n.baseState = o), t.lastRenderedState = o
	}
	return [o, r]
}

function ia() {}

function sa(e, n) {
	var t = A,
		r = Ne(),
		l = n(),
		o = !De(r.memoizedState, l);
	if (o && (r.memoizedState = l, fe = !0), r = r.queue, ku(fa.bind(null, t, r, e), [
			e
		]), r.getSnapshot !== n || o || Z !== null && Z.memoizedState.tag & 1) {
		if (t.flags |= 2048, Yt(9, ca.bind(null, t, r, l, n), void 0, null), J ===
			null) throw Error(y(349));
		(Ln & 30) !== 0 || aa(t, n, l)
	}
	return l
}

function aa(e, n, t) {
	e.flags |= 16384, e = {
		getSnapshot: n,
		value: t
	}, n = A.updateQueue, n === null ? (n = {
		lastEffect: null,
		stores: null
	}, A.updateQueue = n, n.stores = [e]) : (t = n.stores, t === null ? n.stores = [
		e
	] : t.push(e))
}

function ca(e, n, t, r) {
	n.value = t, n.getSnapshot = r, da(n) && pa(e)
}

function fa(e, n, t) {
	return t(function() {
		da(n) && pa(e)
	})
}

function da(e) {
	var n = e.getSnapshot;
	e = e.value;
	try {
		var t = n();
		return !De(e, t)
	} catch {
		return !0
	}
}

function pa(e) {
	var n = Ye(e, 1);
	n !== null && Oe(n, e, 1, -1)
}

function Ei(e) {
	var n = Ie();
	return typeof e == "function" && (e = e()), n.memoizedState = n.baseState = e,
		e = {
			pending: null,
			interleaved: null,
			lanes: 0,
			dispatch: null,
			lastRenderedReducer: Kt,
			lastRenderedState: e
		}, n.queue = e, e = e.dispatch = Qf.bind(null, A, e), [n.memoizedState, e]
}

function Yt(e, n, t, r) {
	return e = {
		tag: e,
		create: n,
		destroy: t,
		deps: r,
		next: null
	}, n = A.updateQueue, n === null ? (n = {
		lastEffect: null,
		stores: null
	}, A.updateQueue = n, n.lastEffect = e.next = e) : (t = n.lastEffect, t ===
		null ? n.lastEffect = e.next = e : (r = t.next, t.next = e, e.next = r, n.lastEffect =
			e)), e
}

function ma() {
	return Ne().memoizedState
}

function Nr(e, n, t, r) {
	var l = Ie();
	A.flags |= e, l.memoizedState = Yt(1 | n, t, void 0, r === void 0 ? null : r)
}

function sl(e, n, t, r) {
	var l = Ne();
	r = r === void 0 ? null : r;
	var o = void 0;
	if (Y !== null) {
		var u = Y.memoizedState;
		if (o = u.destroy, r !== null && yu(r, u.deps)) {
			l.memoizedState = Yt(n, t, o, r);
			return
		}
	}
	A.flags |= e, l.memoizedState = Yt(1 | n, t, o, r)
}

function xi(e, n) {
	return Nr(8390656, 8, e, n)
}

function ku(e, n) {
	return sl(2048, 8, e, n)
}

function ha(e, n) {
	return sl(4, 2, e, n)
}

function va(e, n) {
	return sl(4, 4, e, n)
}

function ya(e, n) {
	if (typeof n == "function") return e = e(), n(e),
		function() {
			n(null)
		};
	if (n != null) return e = e(), n.current = e,
		function() {
			n.current = null
		}
}

function ga(e, n, t) {
	return t = t != null ? t.concat([e]) : null, sl(4, 4, ya.bind(null, n, e), t)
}

function Su() {}

function wa(e, n) {
	var t = Ne();
	n = n === void 0 ? null : n;
	var r = t.memoizedState;
	return r !== null && n !== null && yu(n, r[1]) ? r[0] : (t.memoizedState = [e,
		n
	], e)
}

function ka(e, n) {
	var t = Ne();
	n = n === void 0 ? null : n;
	var r = t.memoizedState;
	return r !== null && n !== null && yu(n, r[1]) ? r[0] : (e = e(), t.memoizedState = [
		e, n
	], e)
}

function Sa(e, n, t) {
	return (Ln & 21) === 0 ? (e.baseState && (e.baseState = !1, fe = !0), e.memoizedState =
		t) : (De(t, n) || (t = xs(), A.lanes |= t, Tn |= t, e.baseState = !0), n)
}

function Wf(e, n) {
	var t = M;
	M = t !== 0 && 4 > t ? t : 4, e(!0);
	var r = Bl.transition;
	Bl.transition = {};
	try {
		e(!1), n()
	} finally {
		M = t, Bl.transition = r
	}
}

function Ca() {
	return Ne().memoizedState
}

function Hf(e, n, t) {
	var r = cn(e);
	if (t = {
			lane: r,
			action: t,
			hasEagerState: !1,
			eagerState: null,
			next: null
		}, Ea(e)) xa(n, t);
	else if (t = ea(e, n, t, r), t !== null) {
		var l = ie();
		Oe(t, e, r, l), _a(t, n, r)
	}
}

function Qf(e, n, t) {
	var r = cn(e),
		l = {
			lane: r,
			action: t,
			hasEagerState: !1,
			eagerState: null,
			next: null
		};
	if (Ea(e)) xa(n, l);
	else {
		var o = e.alternate;
		if (e.lanes === 0 && (o === null || o.lanes === 0) && (o = n.lastRenderedReducer,
				o !== null)) try {
			var u = n.lastRenderedState,
				i = o(u, t);
			if (l.hasEagerState = !0, l.eagerState = i, De(i, u)) {
				var s = n.interleaved;
				s === null ? (l.next = l, du(n)) : (l.next = s.next, s.next = l), n.interleaved =
					l;
				return
			}
		} catch {} finally {}
		t = ea(e, n, l, r), t !== null && (l = ie(), Oe(t, e, r, l), _a(t, n, r))
	}
}

function Ea(e) {
	var n = e.alternate;
	return e === A || n !== null && n === A
}

function xa(e, n) {
	zt = Xr = !0;
	var t = e.pending;
	t === null ? n.next = n : (n.next = t.next, t.next = n), e.pending = n
}

function _a(e, n, t) {
	if ((t & 4194240) !== 0) {
		var r = n.lanes;
		r &= e.pendingLanes, t |= r, n.lanes = t, qo(e, t)
	}
}
var Gr = {
		readContext: _e,
		useCallback: ne,
		useContext: ne,
		useEffect: ne,
		useImperativeHandle: ne,
		useInsertionEffect: ne,
		useLayoutEffect: ne,
		useMemo: ne,
		useReducer: ne,
		useRef: ne,
		useState: ne,
		useDebugValue: ne,
		useDeferredValue: ne,
		useTransition: ne,
		useMutableSource: ne,
		useSyncExternalStore: ne,
		useId: ne,
		unstable_isNewReconciler: !1
	},
	Kf = {
		readContext: _e,
		useCallback: function(e, n) {
			return Ie().memoizedState = [e, n === void 0 ? null : n], e
		},
		useContext: _e,
		useEffect: xi,
		useImperativeHandle: function(e, n, t) {
			return t = t != null ? t.concat([e]) : null, Nr(4194308, 4, ya.bind(null, n,
				e), t)
		},
		useLayoutEffect: function(e, n) {
			return Nr(4194308, 4, e, n)
		},
		useInsertionEffect: function(e, n) {
			return Nr(4, 2, e, n)
		},
		useMemo: function(e, n) {
			var t = Ie();
			return n = n === void 0 ? null : n, e = e(), t.memoizedState = [e, n], e
		},
		useReducer: function(e, n, t) {
			var r = Ie();
			return n = t !== void 0 ? t(n) : n, r.memoizedState = r.baseState = n, e = {
				pending: null,
				interleaved: null,
				lanes: 0,
				dispatch: null,
				lastRenderedReducer: e,
				lastRenderedState: n
			}, r.queue = e, e = e.dispatch = Hf.bind(null, A, e), [r.memoizedState, e]
		},
		useRef: function(e) {
			var n = Ie();
			return e = {
				current: e
			}, n.memoizedState = e
		},
		useState: Ei,
		useDebugValue: Su,
		useDeferredValue: function(e) {
			return Ie().memoizedState = e
		},
		useTransition: function() {
			var e = Ei(!1),
				n = e[0];
			return e = Wf.bind(null, e[1]), Ie().memoizedState = e, [n, e]
		},
		useMutableSource: function() {},
		useSyncExternalStore: function(e, n, t) {
			var r = A,
				l = Ie();
			if ($) {
				if (t === void 0) throw Error(y(407));
				t = t()
			} else {
				if (t = n(), J === null) throw Error(y(349));
				(Ln & 30) !== 0 || aa(r, n, t)
			}
			l.memoizedState = t;
			var o = {
				value: t,
				getSnapshot: n
			};
			return l.queue = o, xi(fa.bind(null, r, o, e), [e]), r.flags |= 2048, Yt(9,
				ca.bind(null, r, o, t, n), void 0, null), t
		},
		useId: function() {
			var e = Ie(),
				n = J.identifierPrefix;
			if ($) {
				var t = We,
					r = Ve;
				t = (r & ~(1 << 32 - Me(r) - 1)).toString(32) + t, n = ":" + n + "R" + t,
					t = Qt++, 0 < t && (n += "H" + t.toString(32)), n += ":"
			} else t = Vf++, n = ":" + n + "r" + t.toString(32) + ":";
			return e.memoizedState = n
		},
		unstable_isNewReconciler: !1
	},
	Yf = {
		readContext: _e,
		useCallback: wa,
		useContext: _e,
		useEffect: ku,
		useImperativeHandle: ga,
		useInsertionEffect: ha,
		useLayoutEffect: va,
		useMemo: ka,
		useReducer: Al,
		useRef: ma,
		useState: function() {
			return Al(Kt)
		},
		useDebugValue: Su,
		useDeferredValue: function(e) {
			var n = Ne();
			return Sa(n, Y.memoizedState, e)
		},
		useTransition: function() {
			var e = Al(Kt)[0],
				n = Ne().memoizedState;
			return [e, n]
		},
		useMutableSource: ia,
		useSyncExternalStore: sa,
		useId: Ca,
		unstable_isNewReconciler: !1
	},
	Xf = {
		readContext: _e,
		useCallback: wa,
		useContext: _e,
		useEffect: ku,
		useImperativeHandle: ga,
		useInsertionEffect: ha,
		useLayoutEffect: va,
		useMemo: ka,
		useReducer: Vl,
		useRef: ma,
		useState: function() {
			return Vl(Kt)
		},
		useDebugValue: Su,
		useDeferredValue: function(e) {
			var n = Ne();
			return Y === null ? n.memoizedState = e : Sa(n, Y.memoizedState, e)
		},
		useTransition: function() {
			var e = Vl(Kt)[0],
				n = Ne().memoizedState;
			return [e, n]
		},
		useMutableSource: ia,
		useSyncExternalStore: sa,
		useId: Ca,
		unstable_isNewReconciler: !1
	};

function lt(e, n) {
	try {
		var t = "",
			r = n;
		do t += Sc(r), r = r.return; while (r);
		var l = t
	} catch (o) {
		l = `
Error generating stack: ` + o.message + `
` + o.stack
	}
	return {
		value: e,
		source: n,
		stack: l,
		digest: null
	}
}

function Wl(e, n, t) {
	return {
		value: e,
		source: null,
		stack: t != null ? t : null,
		digest: n != null ? n : null
	}
}

function No(e, n) {
	try {
		console.error(n.value)
	} catch (t) {
		setTimeout(function() {
			throw t
		})
	}
}
var Gf = typeof WeakMap == "function" ? WeakMap : Map;

function Na(e, n, t) {
	t = He(-1, t), t.tag = 3, t.payload = {
		element: null
	};
	var r = n.value;
	return t.callback = function() {
		Jr || (Jr = !0, Io = r), No(e, n)
	}, t
}

function Pa(e, n, t) {
	t = He(-1, t), t.tag = 3;
	var r = e.type.getDerivedStateFromError;
	if (typeof r == "function") {
		var l = n.value;
		t.payload = function() {
			return r(l)
		}, t.callback = function() {
			No(e, n)
		}
	}
	var o = e.stateNode;
	return o !== null && typeof o.componentDidCatch == "function" && (t.callback =
		function() {
			No(e, n), typeof r != "function" && (an === null ? an = new Set([this]) :
				an.add(this));
			var u = n.stack;
			this.componentDidCatch(n.value, {
				componentStack: u !== null ? u : ""
			})
		}), t
}

function _i(e, n, t) {
	var r = e.pingCache;
	if (r === null) {
		r = e.pingCache = new Gf;
		var l = new Set;
		r.set(n, l)
	} else l = r.get(n), l === void 0 && (l = new Set, r.set(n, l));
	l.has(t) || (l.add(t), e = ad.bind(null, e, n, t), n.then(e, e))
}

function Ni(e) {
	do {
		var n;
		if ((n = e.tag === 13) && (n = e.memoizedState, n = n !== null ? n.dehydrated !==
				null : !0), n) return e;
		e = e.return
	} while (e !== null);
	return null
}

function Pi(e, n, t, r, l) {
	return (e.mode & 1) === 0 ? (e === n ? e.flags |= 65536 : (e.flags |= 128, t.flags |=
		131072, t.flags &= -52805, t.tag === 1 && (t.alternate === null ? t.tag =
			17 : (n = He(-1, 1), n.tag = 2, sn(t, n, 1))), t.lanes |= 1), e) : (e.flags |=
		65536, e.lanes = l, e)
}
var Zf = Ge.ReactCurrentOwner,
	fe = !1;

function ue(e, n, t, r) {
	n.child = e === null ? oa(n, null, t, r) : tt(n, e.child, t, r)
}

function zi(e, n, t, r, l) {
	t = t.render;
	var o = n.ref;
	return Jn(n, l), r = gu(e, n, t, r, o, l), t = wu(), e !== null && !fe ? (n.updateQueue =
		e.updateQueue, n.flags &= -2053, e.lanes &= ~l, Xe(e, n, l)) : ($ && t && uu(
		n), n.flags |= 1, ue(e, n, r, l), n.child)
}

function Li(e, n, t, r, l) {
	if (e === null) {
		var o = t.type;
		return typeof o == "function" && !Lu(o) && o.defaultProps === void 0 && t.compare ===
			null && t.defaultProps === void 0 ? (n.tag = 15, n.type = o, za(e, n, o, r,
				l)) : (e = Tr(t.type, null, r, n, n.mode, l), e.ref = n.ref, e.return = n,
				n.child = e)
	}
	if (o = e.child, (e.lanes & l) === 0) {
		var u = o.memoizedProps;
		if (t = t.compare, t = t !== null ? t : $t, t(u, r) && e.ref === n.ref) return
			Xe(e, n, l)
	}
	return n.flags |= 1, e = fn(o, r), e.ref = n.ref, e.return = n, n.child = e
}

function za(e, n, t, r, l) {
	if (e !== null) {
		var o = e.memoizedProps;
		if ($t(o, r) && e.ref === n.ref)
			if (fe = !1, n.pendingProps = r = o, (e.lanes & l) !== 0)(e.flags & 131072) !==
				0 && (fe = !0);
			else return n.lanes = e.lanes, Xe(e, n, l)
	}
	return Po(e, n, t, r, l)
}

function La(e, n, t) {
	var r = n.pendingProps,
		l = r.children,
		o = e !== null ? e.memoizedState : null;
	if (r.mode === "hidden")
		if ((n.mode & 1) === 0) n.memoizedState = {
			baseLanes: 0,
			cachePool: null,
			transitions: null
		}, F(Kn, he), he |= t;
		else {
			if ((t & 1073741824) === 0) return e = o !== null ? o.baseLanes | t : t, n.lanes =
				n.childLanes = 1073741824, n.memoizedState = {
					baseLanes: e,
					cachePool: null,
					transitions: null
				}, n.updateQueue = null, F(Kn, he), he |= e, null;
			n.memoizedState = {
				baseLanes: 0,
				cachePool: null,
				transitions: null
			}, r = o !== null ? o.baseLanes : t, F(Kn, he), he |= r
		} else o !== null ? (r = o.baseLanes | t, n.memoizedState = null) : r = t, F(
		Kn, he), he |= r;
	return ue(e, n, l, t), n.child
}

function Ta(e, n) {
	var t = n.ref;
	(e === null && t !== null || e !== null && e.ref !== t) && (n.flags |= 512, n.flags |=
		2097152)
}

function Po(e, n, t, r, l) {
	var o = pe(t) ? Pn : le.current;
	return o = et(n, o), Jn(n, l), t = gu(e, n, t, r, o, l), r = wu(), e !== null &&
		!fe ? (n.updateQueue = e.updateQueue, n.flags &= -2053, e.lanes &= ~l, Xe(e,
			n, l)) : ($ && r && uu(n), n.flags |= 1, ue(e, n, t, l), n.child)
}

function Ti(e, n, t, r, l) {
	if (pe(t)) {
		var o = !0;
		Ar(n)
	} else o = !1;
	if (Jn(n, l), n.stateNode === null) Pr(e, n), ra(n, t, r), _o(n, t, r, l), r = !
		0;
	else if (e === null) {
		var u = n.stateNode,
			i = n.memoizedProps;
		u.props = i;
		var s = u.context,
			c = t.contextType;
		typeof c == "object" && c !== null ? c = _e(c) : (c = pe(t) ? Pn : le.current,
			c = et(n, c));
		var h = t.getDerivedStateFromProps,
			m = typeof h == "function" || typeof u.getSnapshotBeforeUpdate == "function";
		m || typeof u.UNSAFE_componentWillReceiveProps != "function" && typeof u.componentWillReceiveProps !=
			"function" || (i !== r || s !== c) && Si(n, u, r, c), qe = !1;
		var p = n.memoizedState;
		u.state = p, Kr(n, r, u, l), s = n.memoizedState, i !== r || p !== s || de.current ||
			qe ? (typeof h == "function" && (xo(n, t, h, r), s = n.memoizedState), (i =
				qe || ki(n, t, i, r, p, s, c)) ? (m || typeof u.UNSAFE_componentWillMount !=
				"function" && typeof u.componentWillMount != "function" || (typeof u.componentWillMount ==
					"function" && u.componentWillMount(), typeof u.UNSAFE_componentWillMount ==
					"function" && u.UNSAFE_componentWillMount()), typeof u.componentDidMount ==
				"function" && (n.flags |= 4194308)) : (typeof u.componentDidMount ==
				"function" && (n.flags |= 4194308), n.memoizedProps = r, n.memoizedState =
				s), u.props = r, u.state = s, u.context = c, r = i) : (typeof u.componentDidMount ==
				"function" && (n.flags |= 4194308), r = !1)
	} else {
		u = n.stateNode, na(e, n), i = n.memoizedProps, c = n.type === n.elementType ?
			i : Le(n.type, i), u.props = c, m = n.pendingProps, p = u.context, s = t.contextType,
			typeof s == "object" && s !== null ? s = _e(s) : (s = pe(t) ? Pn : le.current,
				s = et(n, s));
		var g = t.getDerivedStateFromProps;
		(h = typeof g == "function" || typeof u.getSnapshotBeforeUpdate == "function") ||
		typeof u.UNSAFE_componentWillReceiveProps != "function" && typeof u.componentWillReceiveProps !=
			"function" || (i !== m || p !== s) && Si(n, u, r, s), qe = !1, p = n.memoizedState,
			u.state = p, Kr(n, r, u, l);
		var w = n.memoizedState;
		i !== m || p !== w || de.current || qe ? (typeof g == "function" && (xo(n, t,
				g, r), w = n.memoizedState), (c = qe || ki(n, t, c, r, p, w, s) || !1) ? (
				h || typeof u.UNSAFE_componentWillUpdate != "function" && typeof u.componentWillUpdate !=
				"function" || (typeof u.componentWillUpdate == "function" && u.componentWillUpdate(
					r, w, s), typeof u.UNSAFE_componentWillUpdate == "function" && u.UNSAFE_componentWillUpdate(
					r, w, s)), typeof u.componentDidUpdate == "function" && (n.flags |= 4),
				typeof u.getSnapshotBeforeUpdate == "function" && (n.flags |= 1024)) : (
				typeof u.componentDidUpdate != "function" || i === e.memoizedProps && p ===
				e.memoizedState || (n.flags |= 4), typeof u.getSnapshotBeforeUpdate !=
				"function" || i === e.memoizedProps && p === e.memoizedState || (n.flags |=
					1024), n.memoizedProps = r, n.memoizedState = w), u.props = r, u.state =
			w, u.context = s, r = c) : (typeof u.componentDidUpdate != "function" || i ===
			e.memoizedProps && p === e.memoizedState || (n.flags |= 4), typeof u.getSnapshotBeforeUpdate !=
			"function" || i === e.memoizedProps && p === e.memoizedState || (n.flags |=
				1024), r = !1)
	}
	return zo(e, n, t, r, o, l)
}

function zo(e, n, t, r, l, o) {
	Ta(e, n);
	var u = (n.flags & 128) !== 0;
	if (!r && !u) return l && hi(n, t, !1), Xe(e, n, o);
	r = n.stateNode, Zf.current = n;
	var i = u && typeof t.getDerivedStateFromError != "function" ? null : r.render();
	return n.flags |= 1, e !== null && u ? (n.child = tt(n, e.child, null, o), n.child =
		tt(n, null, i, o)) : ue(e, n, i, o), n.memoizedState = r.state, l && hi(n, t, !
		0), n.child
}

function Ra(e) {
	var n = e.stateNode;
	n.pendingContext ? mi(e, n.pendingContext, n.pendingContext !== n.context) : n
		.context && mi(e, n.context, !1), mu(e, n.containerInfo)
}

function Ri(e, n, t, r, l) {
	return nt(), su(l), n.flags |= 256, ue(e, n, t, r), n.child
}
var Lo = {
	dehydrated: null,
	treeContext: null,
	retryLane: 0
};

function To(e) {
	return {
		baseLanes: e,
		cachePool: null,
		transitions: null
	}
}

function Ma(e, n, t) {
	var r = n.pendingProps,
		l = B.current,
		o = !1,
		u = (n.flags & 128) !== 0,
		i;
	if ((i = u) || (i = e !== null && e.memoizedState === null ? !1 : (l & 2) !==
			0), i ? (o = !0, n.flags &= -129) : (e === null || e.memoizedState !== null) &&
		(l |= 1), F(B, l & 1), e === null) return Co(n), e = n.memoizedState, e !==
		null && (e = e.dehydrated, e !== null) ? ((n.mode & 1) === 0 ? n.lanes = 1 :
			e.data === "$!" ? n.lanes = 8 : n.lanes = 1073741824, null) : (u = r.children,
			e = r.fallback, o ? (r = n.mode, o = n.child, u = {
					mode: "hidden",
					children: u
				}, (r & 1) === 0 && o !== null ? (o.childLanes = 0, o.pendingProps = u) :
				o = fl(u, r, 0, null), e = Nn(e, r, t, null), o.return = n, e.return = n,
				o.sibling = e, n.child = o, n.child.memoizedState = To(t), n.memoizedState =
				Lo, e) : Cu(n, u));
	if (l = e.memoizedState, l !== null && (i = l.dehydrated, i !== null)) return
		Jf(e, n, u, r, i, l, t);
	if (o) {
		o = r.fallback, u = n.mode, l = e.child, i = l.sibling;
		var s = {
			mode: "hidden",
			children: r.children
		};
		return (u & 1) === 0 && n.child !== l ? (r = n.child, r.childLanes = 0, r.pendingProps =
				s, n.deletions = null) : (r = fn(l, s), r.subtreeFlags = l.subtreeFlags &
				14680064), i !== null ? o = fn(i, o) : (o = Nn(o, u, t, null), o.flags |= 2),
			o.return = n, r.return = n, r.sibling = o, n.child = r, r = o, o = n.child,
			u = e.child.memoizedState, u = u === null ? To(t) : {
				baseLanes: u.baseLanes | t,
				cachePool: null,
				transitions: u.transitions
			}, o.memoizedState = u, o.childLanes = e.childLanes & ~t, n.memoizedState =
			Lo, r
	}
	return o = e.child, e = o.sibling, r = fn(o, {
			mode: "visible",
			children: r.children
		}), (n.mode & 1) === 0 && (r.lanes = t), r.return = n, r.sibling = null, e !==
		null && (t = n.deletions, t === null ? (n.deletions = [e], n.flags |= 16) : t
			.push(e)), n.child = r, n.memoizedState = null, r
}

function Cu(e, n) {
	return n = fl({
		mode: "visible",
		children: n
	}, e.mode, 0, null), n.return = e, e.child = n
}

function hr(e, n, t, r) {
	return r !== null && su(r), tt(n, e.child, null, t), e = Cu(n, n.pendingProps.children),
		e.flags |= 2, n.memoizedState = null, e
}

function Jf(e, n, t, r, l, o, u) {
	if (t) return n.flags & 256 ? (n.flags &= -257, r = Wl(Error(y(422))), hr(e, n,
		u, r)) : n.memoizedState !== null ? (n.child = e.child, n.flags |= 128,
		null) : (o = r.fallback, l = n.mode, r = fl({
			mode: "visible",
			children: r.children
		}, l, 0, null), o = Nn(o, l, u, null), o.flags |= 2, r.return = n, o.return =
		n, r.sibling = o, n.child = r, (n.mode & 1) !== 0 && tt(n, e.child, null, u),
		n.child.memoizedState = To(u), n.memoizedState = Lo, o);
	if ((n.mode & 1) === 0) return hr(e, n, u, null);
	if (l.data === "$!") {
		if (r = l.nextSibling && l.nextSibling.dataset, r) var i = r.dgst;
		return r = i, o = Error(y(419)), r = Wl(o, r, void 0), hr(e, n, u, r)
	}
	if (i = (u & e.childLanes) !== 0, fe || i) {
		if (r = J, r !== null) {
			switch (u & -u) {
				case 4:
					l = 2;
					break;
				case 16:
					l = 8;
					break;
				case 64:
				case 128:
				case 256:
				case 512:
				case 1024:
				case 2048:
				case 4096:
				case 8192:
				case 16384:
				case 32768:
				case 65536:
				case 131072:
				case 262144:
				case 524288:
				case 1048576:
				case 2097152:
				case 4194304:
				case 8388608:
				case 16777216:
				case 33554432:
				case 67108864:
					l = 32;
					break;
				case 536870912:
					l = 268435456;
					break;
				default:
					l = 0
			}
			l = (l & (r.suspendedLanes | u)) !== 0 ? 0 : l, l !== 0 && l !== o.retryLane &&
				(o.retryLane = l, Ye(e, l), Oe(r, e, l, -1))
		}
		return zu(), r = Wl(Error(y(421))), hr(e, n, u, r)
	}
	return l.data === "$?" ? (n.flags |= 128, n.child = e.child, n = cd.bind(null,
		e), l._reactRetry = n, null) : (e = o.treeContext, ve = un(l.nextSibling),
		ye = n, $ = !0, Re = null, e !== null && (Se[Ce++] = Ve, Se[Ce++] = We, Se[
			Ce++] = zn, Ve = e.id, We = e.overflow, zn = n), n = Cu(n, r.children), n.flags |=
		4096, n)
}

function Mi(e, n, t) {
	e.lanes |= n;
	var r = e.alternate;
	r !== null && (r.lanes |= n), Eo(e.return, n, t)
}

function Hl(e, n, t, r, l) {
	var o = e.memoizedState;
	o === null ? e.memoizedState = {
		isBackwards: n,
		rendering: null,
		renderingStartTime: 0,
		last: r,
		tail: t,
		tailMode: l
	} : (o.isBackwards = n, o.rendering = null, o.renderingStartTime = 0, o.last =
		r, o.tail = t, o.tailMode = l)
}

function Oa(e, n, t) {
	var r = n.pendingProps,
		l = r.revealOrder,
		o = r.tail;
	if (ue(e, n, r.children, t), r = B.current, (r & 2) !== 0) r = r & 1 | 2, n.flags |=
		128;
	else {
		if (e !== null && (e.flags & 128) !== 0) e: for (e = n.child; e !== null;) {
			if (e.tag === 13) e.memoizedState !== null && Mi(e, t, n);
			else if (e.tag === 19) Mi(e, t, n);
			else if (e.child !== null) {
				e.child.return = e, e = e.child;
				continue
			}
			if (e === n) break e;
			for (; e.sibling === null;) {
				if (e.return === null || e.return === n) break e;
				e = e.return
			}
			e.sibling.return = e.return, e = e.sibling
		}
		r &= 1
	}
	if (F(B, r), (n.mode & 1) === 0) n.memoizedState = null;
	else switch (l) {
		case "forwards":
			for (t = n.child, l = null; t !== null;) e = t.alternate, e !== null && Yr(
				e) === null && (l = t), t = t.sibling;
			t = l, t === null ? (l = n.child, n.child = null) : (l = t.sibling, t.sibling =
				null), Hl(n, !1, l, t, o);
			break;
		case "backwards":
			for (t = null, l = n.child, n.child = null; l !== null;) {
				if (e = l.alternate, e !== null && Yr(e) === null) {
					n.child = l;
					break
				}
				e = l.sibling, l.sibling = t, t = l, l = e
			}
			Hl(n, !0, t, null, o);
			break;
		case "together":
			Hl(n, !1, null, null, void 0);
			break;
		default:
			n.memoizedState = null
	}
	return n.child
}

function Pr(e, n) {
	(n.mode & 1) === 0 && e !== null && (e.alternate = null, n.alternate = null, n
		.flags |= 2)
}

function Xe(e, n, t) {
	if (e !== null && (n.dependencies = e.dependencies), Tn |= n.lanes, (t & n.childLanes) ===
		0) return null;
	if (e !== null && n.child !== e.child) throw Error(y(153));
	if (n.child !== null) {
		for (e = n.child, t = fn(e, e.pendingProps), n.child = t, t.return = n; e.sibling !==
			null;) e = e.sibling, t = t.sibling = fn(e, e.pendingProps), t.return = n;
		t.sibling = null
	}
	return n.child
}

function qf(e, n, t) {
	switch (n.tag) {
		case 3:
			Ra(n), nt();
			break;
		case 5:
			ua(n);
			break;
		case 1:
			pe(n.type) && Ar(n);
			break;
		case 4:
			mu(n, n.stateNode.containerInfo);
			break;
		case 10:
			var r = n.type._context,
				l = n.memoizedProps.value;
			F(Hr, r._currentValue), r._currentValue = l;
			break;
		case 13:
			if (r = n.memoizedState, r !== null) return r.dehydrated !== null ? (F(B, B.current &
					1), n.flags |= 128, null) : (t & n.child.childLanes) !== 0 ? Ma(e, n, t) :
				(F(B, B.current & 1), e = Xe(e, n, t), e !== null ? e.sibling : null);
			F(B, B.current & 1);
			break;
		case 19:
			if (r = (t & n.childLanes) !== 0, (e.flags & 128) !== 0) {
				if (r) return Oa(e, n, t);
				n.flags |= 128
			}
			if (l = n.memoizedState, l !== null && (l.rendering = null, l.tail = null, l
					.lastEffect = null), F(B, B.current), r) break;
			return null;
		case 22:
		case 23:
			return n.lanes = 0, La(e, n, t)
	}
	return Xe(e, n, t)
}
var Da, Ro, Fa, Ia;
Da = function(e, n) {
	for (var t = n.child; t !== null;) {
		if (t.tag === 5 || t.tag === 6) e.appendChild(t.stateNode);
		else if (t.tag !== 4 && t.child !== null) {
			t.child.return = t, t = t.child;
			continue
		}
		if (t === n) break;
		for (; t.sibling === null;) {
			if (t.return === null || t.return === n) return;
			t = t.return
		}
		t.sibling.return = t.return, t = t.sibling
	}
};
Ro = function() {};
Fa = function(e, n, t, r) {
	var l = e.memoizedProps;
	if (l !== r) {
		e = n.stateNode, xn($e.current);
		var o = null;
		switch (t) {
			case "input":
				l = ql(e, l), r = ql(e, r), o = [];
				break;
			case "select":
				l = V({}, l, {
					value: void 0
				}), r = V({}, r, {
					value: void 0
				}), o = [];
				break;
			case "textarea":
				l = no(e, l), r = no(e, r), o = [];
				break;
			default:
				typeof l.onClick != "function" && typeof r.onClick == "function" && (e.onclick =
					$r)
		}
		ro(t, r);
		var u;
		t = null;
		for (c in l)
			if (!r.hasOwnProperty(c) && l.hasOwnProperty(c) && l[c] != null)
				if (c === "style") {
					var i = l[c];
					for (u in i) i.hasOwnProperty(u) && (t || (t = {}), t[u] = "")
				} else c !== "dangerouslySetInnerHTML" && c !== "children" && c !==
					"suppressContentEditableWarning" && c !== "suppressHydrationWarning" && c !==
					"autoFocus" && (Mt.hasOwnProperty(c) ? o || (o = []) : (o = o || []).push(
						c, null));
		for (c in r) {
			var s = r[c];
			if (i = l != null ? l[c] : void 0, r.hasOwnProperty(c) && s !== i && (s !=
					null || i != null))
				if (c === "style")
					if (i) {
						for (u in i) !i.hasOwnProperty(u) || s && s.hasOwnProperty(u) || (t || (
							t = {}), t[u] = "");
						for (u in s) s.hasOwnProperty(u) && i[u] !== s[u] && (t || (t = {}), t[u] =
							s[u])
					} else t || (o || (o = []), o.push(c, t)), t = s;
			else c === "dangerouslySetInnerHTML" ? (s = s ? s.__html : void 0, i = i ?
					i.__html : void 0, s != null && i !== s && (o = o || []).push(c, s)) : c ===
				"children" ? typeof s != "string" && typeof s != "number" || (o = o || [])
				.push(c, "" + s) : c !== "suppressContentEditableWarning" && c !==
				"suppressHydrationWarning" && (Mt.hasOwnProperty(c) ? (s != null && c ===
					"onScroll" && I("scroll", e), o || i === s || (o = [])) : (o = o || []).push(
					c, s))
		}
		t && (o = o || []).push("style", t);
		var c = o;
		(n.updateQueue = c) && (n.flags |= 4)
	}
};
Ia = function(e, n, t, r) {
	t !== r && (n.flags |= 4)
};

function yt(e, n) {
	if (!$) switch (e.tailMode) {
		case "hidden":
			n = e.tail;
			for (var t = null; n !== null;) n.alternate !== null && (t = n), n = n.sibling;
			t === null ? e.tail = null : t.sibling = null;
			break;
		case "collapsed":
			t = e.tail;
			for (var r = null; t !== null;) t.alternate !== null && (r = t), t = t.sibling;
			r === null ? n || e.tail === null ? e.tail = null : e.tail.sibling = null :
				r.sibling = null
	}
}

function te(e) {
	var n = e.alternate !== null && e.alternate.child === e.child,
		t = 0,
		r = 0;
	if (n)
		for (var l = e.child; l !== null;) t |= l.lanes | l.childLanes, r |= l.subtreeFlags &
			14680064, r |= l.flags & 14680064, l.return = e, l = l.sibling;
	else
		for (l = e.child; l !== null;) t |= l.lanes | l.childLanes, r |= l.subtreeFlags,
			r |= l.flags, l.return = e, l = l.sibling;
	return e.subtreeFlags |= r, e.childLanes = t, n
}

function bf(e, n, t) {
	var r = n.pendingProps;
	switch (iu(n), n.tag) {
		case 2:
		case 16:
		case 15:
		case 0:
		case 11:
		case 7:
		case 8:
		case 12:
		case 9:
		case 14:
			return te(n), null;
		case 1:
			return pe(n.type) && Br(), te(n), null;
		case 3:
			return r = n.stateNode, rt(), j(de), j(le), vu(), r.pendingContext && (r.context =
				r.pendingContext, r.pendingContext = null), (e === null || e.child ===
				null) && (pr(n) ? n.flags |= 4 : e === null || e.memoizedState.isDehydrated &&
				(n.flags & 256) === 0 || (n.flags |= 1024, Re !== null && ($o(Re), Re =
					null))), Ro(e, n), te(n), null;
		case 5:
			hu(n);
			var l = xn(Ht.current);
			if (t = n.type, e !== null && n.stateNode != null) Fa(e, n, t, r, l), e.ref !==
				n.ref && (n.flags |= 512, n.flags |= 2097152);
			else {
				if (!r) {
					if (n.stateNode === null) throw Error(y(166));
					return te(n), null
				}
				if (e = xn($e.current), pr(n)) {
					r = n.stateNode, t = n.type;
					var o = n.memoizedProps;
					switch (r[je] = n, r[Vt] = o, e = (n.mode & 1) !== 0, t) {
						case "dialog":
							I("cancel", r), I("close", r);
							break;
						case "iframe":
						case "object":
						case "embed":
							I("load", r);
							break;
						case "video":
						case "audio":
							for (l = 0; l < Ct.length; l++) I(Ct[l], r);
							break;
						case "source":
							I("error", r);
							break;
						case "img":
						case "image":
						case "link":
							I("error", r), I("load", r);
							break;
						case "details":
							I("toggle", r);
							break;
						case "input":
							Au(r, o), I("invalid", r);
							break;
						case "select":
							r._wrapperState = {
								wasMultiple: !!o.multiple
							}, I("invalid", r);
							break;
						case "textarea":
							Wu(r, o), I("invalid", r)
					}
					ro(t, o), l = null;
					for (var u in o)
						if (o.hasOwnProperty(u)) {
							var i = o[u];
							u === "children" ? typeof i == "string" ? r.textContent !== i && (o.suppressHydrationWarning !==
									!0 && dr(r.textContent, i, e), l = ["children", i]) : typeof i ==
								"number" && r.textContent !== "" + i && (o.suppressHydrationWarning !==
									!0 && dr(r.textContent, i, e), l = ["children", "" + i]) : Mt.hasOwnProperty(
									u) && i != null && u === "onScroll" && I("scroll", r)
						}
					switch (t) {
						case "input":
							lr(r), Vu(r, o, !0);
							break;
						case "textarea":
							lr(r), Hu(r);
							break;
						case "select":
						case "option":
							break;
						default:
							typeof o.onClick == "function" && (r.onclick = $r)
					}
					r = l, n.updateQueue = r, r !== null && (n.flags |= 4)
				} else {
					u = l.nodeType === 9 ? l : l.ownerDocument, e ===
						"http://www.w3.org/1999/xhtml" && (e = as(t)), e ===
						"http://www.w3.org/1999/xhtml" ? t === "script" ? (e = u.createElement(
							"div"), e.innerHTML = "<script><\/script>", e = e.removeChild(e.firstChild)) :
						typeof r.is == "string" ? e = u.createElement(t, {
							is: r.is
						}) : (e = u.createElement(t), t === "select" && (u = e, r.multiple ? u.multiple = !
							0 : r.size && (u.size = r.size))) : e = u.createElementNS(e, t), e[je] =
						n, e[Vt] = r, Da(e, n, !1, !1), n.stateNode = e;
					e: {
						switch (u = lo(t, r), t) {
							case "dialog":
								I("cancel", e), I("close", e), l = r;
								break;
							case "iframe":
							case "object":
							case "embed":
								I("load", e), l = r;
								break;
							case "video":
							case "audio":
								for (l = 0; l < Ct.length; l++) I(Ct[l], e);
								l = r;
								break;
							case "source":
								I("error", e), l = r;
								break;
							case "img":
							case "image":
							case "link":
								I("error", e), I("load", e), l = r;
								break;
							case "details":
								I("toggle", e), l = r;
								break;
							case "input":
								Au(e, r), l = ql(e, r), I("invalid", e);
								break;
							case "option":
								l = r;
								break;
							case "select":
								e._wrapperState = {
									wasMultiple: !!r.multiple
								}, l = V({}, r, {
									value: void 0
								}), I("invalid", e);
								break;
							case "textarea":
								Wu(e, r), l = no(e, r), I("invalid", e);
								break;
							default:
								l = r
						}
						ro(t, l), i = l;
						for (o in i)
							if (i.hasOwnProperty(o)) {
								var s = i[o];
								o === "style" ? ds(e, s) : o === "dangerouslySetInnerHTML" ? (s = s ?
										s.__html : void 0, s != null && cs(e, s)) : o === "children" ?
									typeof s == "string" ? (t !== "textarea" || s !== "") && Ot(e, s) :
									typeof s == "number" && Ot(e, "" + s) : o !==
									"suppressContentEditableWarning" && o !== "suppressHydrationWarning" &&
									o !== "autoFocus" && (Mt.hasOwnProperty(o) ? s != null && o ===
										"onScroll" && I("scroll", e) : s != null && Ko(e, o, s, u))
							}
						switch (t) {
							case "input":
								lr(e), Vu(e, r, !1);
								break;
							case "textarea":
								lr(e), Hu(e);
								break;
							case "option":
								r.value != null && e.setAttribute("value", "" + pn(r.value));
								break;
							case "select":
								e.multiple = !!r.multiple, o = r.value, o != null ? Yn(e, !!r.multiple,
									o, !1) : r.defaultValue != null && Yn(e, !!r.multiple, r.defaultValue, !
									0);
								break;
							default:
								typeof l.onClick == "function" && (e.onclick = $r)
						}
						switch (t) {
							case "button":
							case "input":
							case "select":
							case "textarea":
								r = !!r.autoFocus;
								break e;
							case "img":
								r = !0;
								break e;
							default:
								r = !1
						}
					}
					r && (n.flags |= 4)
				}
				n.ref !== null && (n.flags |= 512, n.flags |= 2097152)
			}
			return te(n), null;
		case 6:
			if (e && n.stateNode != null) Ia(e, n, e.memoizedProps, r);
			else {
				if (typeof r != "string" && n.stateNode === null) throw Error(y(166));
				if (t = xn(Ht.current), xn($e.current), pr(n)) {
					if (r = n.stateNode, t = n.memoizedProps, r[je] = n, (o = r.nodeValue !==
							t) && (e = ye, e !== null)) switch (e.tag) {
						case 3:
							dr(r.nodeValue, t, (e.mode & 1) !== 0);
							break;
						case 5:
							e.memoizedProps.suppressHydrationWarning !== !0 && dr(r.nodeValue, t, (
								e.mode & 1) !== 0)
					}
					o && (n.flags |= 4)
				} else r = (t.nodeType === 9 ? t : t.ownerDocument).createTextNode(r), r[je] =
					n, n.stateNode = r
			}
			return te(n), null;
		case 13:
			if (j(B), r = n.memoizedState, e === null || e.memoizedState !== null && e.memoizedState
				.dehydrated !== null) {
				if ($ && ve !== null && (n.mode & 1) !== 0 && (n.flags & 128) === 0) bs(),
					nt(), n.flags |= 98560, o = !1;
				else if (o = pr(n), r !== null && r.dehydrated !== null) {
					if (e === null) {
						if (!o) throw Error(y(318));
						if (o = n.memoizedState, o = o !== null ? o.dehydrated : null, !o) throw Error(
							y(317));
						o[je] = n
					} else nt(), (n.flags & 128) === 0 && (n.memoizedState = null), n.flags |=
						4;
					te(n), o = !1
				} else Re !== null && ($o(Re), Re = null), o = !0;
				if (!o) return n.flags & 65536 ? n : null
			}
			return (n.flags & 128) !== 0 ? (n.lanes = t, n) : (r = r !== null, r !== (e !==
				null && e.memoizedState !== null) && r && (n.child.flags |= 8192, (n.mode &
				1) !== 0 && (e === null || (B.current & 1) !== 0 ? X === 0 && (X = 3) :
				zu())), n.updateQueue !== null && (n.flags |= 4), te(n), null);
		case 4:
			return rt(), Ro(e, n), e === null && Bt(n.stateNode.containerInfo), te(n),
				null;
		case 10:
			return fu(n.type._context), te(n), null;
		case 17:
			return pe(n.type) && Br(), te(n), null;
		case 19:
			if (j(B), o = n.memoizedState, o === null) return te(n), null;
			if (r = (n.flags & 128) !== 0, u = o.rendering, u === null)
				if (r) yt(o, !1);
				else {
					if (X !== 0 || e !== null && (e.flags & 128) !== 0)
						for (e = n.child; e !== null;) {
							if (u = Yr(e), u !== null) {
								for (n.flags |= 128, yt(o, !1), r = u.updateQueue, r !== null && (n.updateQueue =
										r, n.flags |= 4), n.subtreeFlags = 0, r = t, t = n.child; t !== null;)
									o = t, e = r, o.flags &= 14680066, u = o.alternate, u === null ? (o.childLanes =
										0, o.lanes = e, o.child = null, o.subtreeFlags = 0, o.memoizedProps =
										null, o.memoizedState = null, o.updateQueue = null, o.dependencies =
										null, o.stateNode = null) : (o.childLanes = u.childLanes, o.lanes = u
										.lanes, o.child = u.child, o.subtreeFlags = 0, o.deletions = null, o.memoizedProps =
										u.memoizedProps, o.memoizedState = u.memoizedState, o.updateQueue = u
										.updateQueue, o.type = u.type, e = u.dependencies, o.dependencies = e ===
										null ? null : {
											lanes: e.lanes,
											firstContext: e.firstContext
										}), t = t.sibling;
								return F(B, B.current & 1 | 2), n.child
							}
							e = e.sibling
						}
					o.tail !== null && Q() > ot && (n.flags |= 128, r = !0, yt(o, !1), n.lanes =
						4194304)
				} else {
				if (!r)
					if (e = Yr(u), e !== null) {
						if (n.flags |= 128, r = !0, t = e.updateQueue, t !== null && (n.updateQueue =
								t, n.flags |= 4), yt(o, !0), o.tail === null && o.tailMode === "hidden" &&
							!u.alternate && !$) return te(n), null
					} else 2 * Q() - o.renderingStartTime > ot && t !== 1073741824 && (n.flags |=
						128, r = !0, yt(o, !1), n.lanes = 4194304);
				o.isBackwards ? (u.sibling = n.child, n.child = u) : (t = o.last, t !==
					null ? t.sibling = u : n.child = u, o.last = u)
			}
			return o.tail !== null ? (n = o.tail, o.rendering = n, o.tail = n.sibling, o
				.renderingStartTime = Q(), n.sibling = null, t = B.current, F(B, r ? t & 1 |
					2 : t & 1), n) : (te(n), null);
		case 22:
		case 23:
			return Pu(), r = n.memoizedState !== null, e !== null && e.memoizedState !==
				null !== r && (n.flags |= 8192), r && (n.mode & 1) !== 0 ? (he & 1073741824) !==
				0 && (te(n), n.subtreeFlags & 6 && (n.flags |= 8192)) : te(n), null;
		case 24:
			return null;
		case 25:
			return null
	}
	throw Error(y(156, n.tag))
}

function ed(e, n) {
	switch (iu(n), n.tag) {
		case 1:
			return pe(n.type) && Br(), e = n.flags, e & 65536 ? (n.flags = e & -65537 |
				128, n) : null;
		case 3:
			return rt(), j(de), j(le), vu(), e = n.flags, (e & 65536) !== 0 && (e & 128) ===
				0 ? (n.flags = e & -65537 | 128, n) : null;
		case 5:
			return hu(n), null;
		case 13:
			if (j(B), e = n.memoizedState, e !== null && e.dehydrated !== null) {
				if (n.alternate === null) throw Error(y(340));
				nt()
			}
			return e = n.flags, e & 65536 ? (n.flags = e & -65537 | 128, n) : null;
		case 19:
			return j(B), null;
		case 4:
			return rt(), null;
		case 10:
			return fu(n.type._context), null;
		case 22:
		case 23:
			return Pu(), null;
		case 24:
			return null;
		default:
			return null
	}
}
var vr = !1,
	re = !1,
	nd = typeof WeakSet == "function" ? WeakSet : Set,
	x = null;

function Qn(e, n) {
	var t = e.ref;
	if (t !== null)
		if (typeof t == "function") try {
			t(null)
		} catch (r) {
			W(e, n, r)
		} else t.current = null
}

function Mo(e, n, t) {
	try {
		t()
	} catch (r) {
		W(e, n, r)
	}
}
var Oi = !1;

function td(e, n) {
	if (ho = Ir, e = Bs(), ou(e)) {
		if ("selectionStart" in e) var t = {
			start: e.selectionStart,
			end: e.selectionEnd
		};
		else e: {
			t = (t = e.ownerDocument) && t.defaultView || window;
			var r = t.getSelection && t.getSelection();
			if (r && r.rangeCount !== 0) {
				t = r.anchorNode;
				var l = r.anchorOffset,
					o = r.focusNode;
				r = r.focusOffset;
				try {
					t.nodeType, o.nodeType
				} catch {
					t = null;
					break e
				}
				var u = 0,
					i = -1,
					s = -1,
					c = 0,
					h = 0,
					m = e,
					p = null;
				n: for (;;) {
					for (var g; m !== t || l !== 0 && m.nodeType !== 3 || (i = u + l), m !==
						o || r !== 0 && m.nodeType !== 3 || (s = u + r), m.nodeType === 3 && (u +=
							m.nodeValue.length), (g = m.firstChild) !== null;) p = m, m = g;
					for (;;) {
						if (m === e) break n;
						if (p === t && ++c === l && (i = u), p === o && ++h === r && (s = u), (
								g = m.nextSibling) !== null) break;
						m = p, p = m.parentNode
					}
					m = g
				}
				t = i === -1 || s === -1 ? null : {
					start: i,
					end: s
				}
			} else t = null
		}
		t = t || {
			start: 0,
			end: 0
		}
	} else t = null;
	for (vo = {
			focusedElem: e,
			selectionRange: t
		}, Ir = !1, x = n; x !== null;)
		if (n = x, e = n.child, (n.subtreeFlags & 1028) !== 0 && e !== null) e.return =
			n, x = e;
		else
			for (; x !== null;) {
				n = x;
				try {
					var w = n.alternate;
					if ((n.flags & 1024) !== 0) switch (n.tag) {
						case 0:
						case 11:
						case 15:
							break;
						case 1:
							if (w !== null) {
								var k = w.memoizedProps,
									D = w.memoizedState,
									f = n.stateNode,
									a = f.getSnapshotBeforeUpdate(n.elementType === n.type ? k : Le(n.type,
										k), D);
								f.__reactInternalSnapshotBeforeUpdate = a
							}
							break;
						case 3:
							var d = n.stateNode.containerInfo;
							d.nodeType === 1 ? d.textContent = "" : d.nodeType === 9 && d.documentElement &&
								d.removeChild(d.documentElement);
							break;
						case 5:
						case 6:
						case 4:
						case 17:
							break;
						default:
							throw Error(y(163))
					}
				} catch (v) {
					W(n, n.return, v)
				}
				if (e = n.sibling, e !== null) {
					e.return = n.return, x = e;
					break
				}
				x = n.return
			}
		return w = Oi, Oi = !1, w
}

function Lt(e, n, t) {
	var r = n.updateQueue;
	if (r = r !== null ? r.lastEffect : null, r !== null) {
		var l = r = r.next;
		do {
			if ((l.tag & e) === e) {
				var o = l.destroy;
				l.destroy = void 0, o !== void 0 && Mo(n, t, o)
			}
			l = l.next
		} while (l !== r)
	}
}

function al(e, n) {
	if (n = n.updateQueue, n = n !== null ? n.lastEffect : null, n !== null) {
		var t = n = n.next;
		do {
			if ((t.tag & e) === e) {
				var r = t.create;
				t.destroy = r()
			}
			t = t.next
		} while (t !== n)
	}
}

function Oo(e) {
	var n = e.ref;
	if (n !== null) {
		var t = e.stateNode;
		switch (e.tag) {
			case 5:
				e = t;
				break;
			default:
				e = t
		}
		typeof n == "function" ? n(e) : n.current = e
	}
}

function ja(e) {
	var n = e.alternate;
	n !== null && (e.alternate = null, ja(n)), e.child = null, e.deletions = null,
		e.sibling = null, e.tag === 5 && (n = e.stateNode, n !== null && (delete n[je],
			delete n[Vt], delete n[wo], delete n[Uf], delete n[$f])), e.stateNode = null,
		e.return = null, e.dependencies = null, e.memoizedProps = null, e.memoizedState =
		null, e.pendingProps = null, e.stateNode = null, e.updateQueue = null
}

function Ua(e) {
	return e.tag === 5 || e.tag === 3 || e.tag === 4
}

function Di(e) {
	e: for (;;) {
		for (; e.sibling === null;) {
			if (e.return === null || Ua(e.return)) return null;
			e = e.return
		}
		for (e.sibling.return = e.return, e = e.sibling; e.tag !== 5 && e.tag !== 6 &&
			e.tag !== 18;) {
			if (e.flags & 2 || e.child === null || e.tag === 4) continue e;
			e.child.return = e, e = e.child
		}
		if (!(e.flags & 2)) return e.stateNode
	}
}

function Do(e, n, t) {
	var r = e.tag;
	if (r === 5 || r === 6) e = e.stateNode, n ? t.nodeType === 8 ? t.parentNode.insertBefore(
		e, n) : t.insertBefore(e, n) : (t.nodeType === 8 ? (n = t.parentNode, n.insertBefore(
			e, t)) : (n = t, n.appendChild(e)), t = t._reactRootContainer, t != null ||
		n.onclick !== null || (n.onclick = $r));
	else if (r !== 4 && (e = e.child, e !== null))
		for (Do(e, n, t), e = e.sibling; e !== null;) Do(e, n, t), e = e.sibling
}

function Fo(e, n, t) {
	var r = e.tag;
	if (r === 5 || r === 6) e = e.stateNode, n ? t.insertBefore(e, n) : t.appendChild(
		e);
	else if (r !== 4 && (e = e.child, e !== null))
		for (Fo(e, n, t), e = e.sibling; e !== null;) Fo(e, n, t), e = e.sibling
}
var q = null,
	Te = !1;

function Ze(e, n, t) {
	for (t = t.child; t !== null;) $a(e, n, t), t = t.sibling
}

function $a(e, n, t) {
	if (Ue && typeof Ue.onCommitFiberUnmount == "function") try {
		Ue.onCommitFiberUnmount(nl, t)
	} catch {}
	switch (t.tag) {
		case 5:
			re || Qn(t, n);
		case 6:
			var r = q,
				l = Te;
			q = null, Ze(e, n, t), q = r, Te = l, q !== null && (Te ? (e = q, t = t.stateNode,
				e.nodeType === 8 ? e.parentNode.removeChild(t) : e.removeChild(t)) : q.removeChild(
				t.stateNode));
			break;
		case 18:
			q !== null && (Te ? (e = q, t = t.stateNode, e.nodeType === 8 ? jl(e.parentNode,
				t) : e.nodeType === 1 && jl(e, t), jt(e)) : jl(q, t.stateNode));
			break;
		case 4:
			r = q, l = Te, q = t.stateNode.containerInfo, Te = !0, Ze(e, n, t), q = r,
				Te = l;
			break;
		case 0:
		case 11:
		case 14:
		case 15:
			if (!re && (r = t.updateQueue, r !== null && (r = r.lastEffect, r !== null))) {
				l = r = r.next;
				do {
					var o = l,
						u = o.destroy;
					o = o.tag, u !== void 0 && ((o & 2) !== 0 || (o & 4) !== 0) && Mo(t, n, u),
						l = l.next
				} while (l !== r)
			}
			Ze(e, n, t);
			break;
		case 1:
			if (!re && (Qn(t, n), r = t.stateNode, typeof r.componentWillUnmount ==
					"function")) try {
				r.props = t.memoizedProps, r.state = t.memoizedState, r.componentWillUnmount()
			} catch (i) {
				W(t, n, i)
			}
			Ze(e, n, t);
			break;
		case 21:
			Ze(e, n, t);
			break;
		case 22:
			t.mode & 1 ? (re = (r = re) || t.memoizedState !== null, Ze(e, n, t), re = r) :
				Ze(e, n, t);
			break;
		default:
			Ze(e, n, t)
	}
}

function Fi(e) {
	var n = e.updateQueue;
	if (n !== null) {
		e.updateQueue = null;
		var t = e.stateNode;
		t === null && (t = e.stateNode = new nd), n.forEach(function(r) {
			var l = fd.bind(null, e, r);
			t.has(r) || (t.add(r), r.then(l, l))
		})
	}
}

function ze(e, n) {
	var t = n.deletions;
	if (t !== null)
		for (var r = 0; r < t.length; r++) {
			var l = t[r];
			try {
				var o = e,
					u = n,
					i = u;
				e: for (; i !== null;) {
					switch (i.tag) {
						case 5:
							q = i.stateNode, Te = !1;
							break e;
						case 3:
							q = i.stateNode.containerInfo, Te = !0;
							break e;
						case 4:
							q = i.stateNode.containerInfo, Te = !0;
							break e
					}
					i = i.return
				}
				if (q === null) throw Error(y(160));
				$a(o, u, l), q = null, Te = !1;
				var s = l.alternate;
				s !== null && (s.return = null), l.return = null
			} catch (c) {
				W(l, n, c)
			}
		}
	if (n.subtreeFlags & 12854)
		for (n = n.child; n !== null;) Ba(n, e), n = n.sibling
}

function Ba(e, n) {
	var t = e.alternate,
		r = e.flags;
	switch (e.tag) {
		case 0:
		case 11:
		case 14:
		case 15:
			if (ze(n, e), Fe(e), r & 4) {
				try {
					Lt(3, e, e.return), al(3, e)
				} catch (k) {
					W(e, e.return, k)
				}
				try {
					Lt(5, e, e.return)
				} catch (k) {
					W(e, e.return, k)
				}
			}
			break;
		case 1:
			ze(n, e), Fe(e), r & 512 && t !== null && Qn(t, t.return);
			break;
		case 5:
			if (ze(n, e), Fe(e), r & 512 && t !== null && Qn(t, t.return), e.flags & 32) {
				var l = e.stateNode;
				try {
					Ot(l, "")
				} catch (k) {
					W(e, e.return, k)
				}
			}
			if (r & 4 && (l = e.stateNode, l != null)) {
				var o = e.memoizedProps,
					u = t !== null ? t.memoizedProps : o,
					i = e.type,
					s = e.updateQueue;
				if (e.updateQueue = null, s !== null) try {
					i === "input" && o.type === "radio" && o.name != null && is(l, o), lo(i,
						u);
					var c = lo(i, o);
					for (u = 0; u < s.length; u += 2) {
						var h = s[u],
							m = s[u + 1];
						h === "style" ? ds(l, m) : h === "dangerouslySetInnerHTML" ? cs(l, m) :
							h === "children" ? Ot(l, m) : Ko(l, h, m, c)
					}
					switch (i) {
						case "input":
							bl(l, o);
							break;
						case "textarea":
							ss(l, o);
							break;
						case "select":
							var p = l._wrapperState.wasMultiple;
							l._wrapperState.wasMultiple = !!o.multiple;
							var g = o.value;
							g != null ? Yn(l, !!o.multiple, g, !1) : p !== !!o.multiple && (o.defaultValue !=
								null ? Yn(l, !!o.multiple, o.defaultValue, !0) : Yn(l, !!o.multiple,
									o.multiple ? [] : "", !1))
					}
					l[Vt] = o
				} catch (k) {
					W(e, e.return, k)
				}
			}
			break;
		case 6:
			if (ze(n, e), Fe(e), r & 4) {
				if (e.stateNode === null) throw Error(y(162));
				l = e.stateNode, o = e.memoizedProps;
				try {
					l.nodeValue = o
				} catch (k) {
					W(e, e.return, k)
				}
			}
			break;
		case 3:
			if (ze(n, e), Fe(e), r & 4 && t !== null && t.memoizedState.isDehydrated) try {
				jt(n.containerInfo)
			} catch (k) {
				W(e, e.return, k)
			}
			break;
		case 4:
			ze(n, e), Fe(e);
			break;
		case 13:
			ze(n, e), Fe(e), l = e.child, l.flags & 8192 && (o = l.memoizedState !==
				null, l.stateNode.isHidden = o, !o || l.alternate !== null && l.alternate.memoizedState !==
				null || (_u = Q())), r & 4 && Fi(e);
			break;
		case 22:
			if (h = t !== null && t.memoizedState !== null, e.mode & 1 ? (re = (c = re) ||
					h, ze(n, e), re = c) : ze(n, e), Fe(e), r & 8192) {
				if (c = e.memoizedState !== null, (e.stateNode.isHidden = c) && !h && (e.mode &
						1) !== 0)
					for (x = e, h = e.child; h !== null;) {
						for (m = x = h; x !== null;) {
							switch (p = x, g = p.child, p.tag) {
								case 0:
								case 11:
								case 14:
								case 15:
									Lt(4, p, p.return);
									break;
								case 1:
									Qn(p, p.return);
									var w = p.stateNode;
									if (typeof w.componentWillUnmount == "function") {
										r = p, t = p.return;
										try {
											n = r, w.props = n.memoizedProps, w.state = n.memoizedState, w.componentWillUnmount()
										} catch (k) {
											W(r, t, k)
										}
									}
									break;
								case 5:
									Qn(p, p.return);
									break;
								case 22:
									if (p.memoizedState !== null) {
										ji(m);
										continue
									}
							}
							g !== null ? (g.return = p, x = g) : ji(m)
						}
						h = h.sibling
					}
				e: for (h = null, m = e;;) {
					if (m.tag === 5) {
						if (h === null) {
							h = m;
							try {
								l = m.stateNode, c ? (o = l.style, typeof o.setProperty == "function" ?
										o.setProperty("display", "none", "important") : o.display = "none") :
									(i = m.stateNode, s = m.memoizedProps.style, u = s != null && s.hasOwnProperty(
										"display") ? s.display : null, i.style.display = fs("display", u))
							} catch (k) {
								W(e, e.return, k)
							}
						}
					} else if (m.tag === 6) {
						if (h === null) try {
							m.stateNode.nodeValue = c ? "" : m.memoizedProps
						} catch (k) {
							W(e, e.return, k)
						}
					} else if ((m.tag !== 22 && m.tag !== 23 || m.memoizedState === null || m ===
							e) && m.child !== null) {
						m.child.return = m, m = m.child;
						continue
					}
					if (m === e) break e;
					for (; m.sibling === null;) {
						if (m.return === null || m.return === e) break e;
						h === m && (h = null), m = m.return
					}
					h === m && (h = null), m.sibling.return = m.return, m = m.sibling
				}
			}
			break;
		case 19:
			ze(n, e), Fe(e), r & 4 && Fi(e);
			break;
		case 21:
			break;
		default:
			ze(n, e), Fe(e)
	}
}

function Fe(e) {
	var n = e.flags;
	if (n & 2) {
		try {
			e: {
				for (var t = e.return; t !== null;) {
					if (Ua(t)) {
						var r = t;
						break e
					}
					t = t.return
				}
				throw Error(y(160))
			}
			switch (r.tag) {
				case 5:
					var l = r.stateNode;
					r.flags & 32 && (Ot(l, ""), r.flags &= -33);
					var o = Di(e);
					Fo(e, o, l);
					break;
				case 3:
				case 4:
					var u = r.stateNode.containerInfo,
						i = Di(e);
					Do(e, i, u);
					break;
				default:
					throw Error(y(161))
			}
		} catch (s) {
			W(e, e.return, s)
		}
		e.flags &= -3
	}
	n & 4096 && (e.flags &= -4097)
}

function rd(e, n, t) {
	x = e, Aa(e)
}

function Aa(e, n, t) {
	for (var r = (e.mode & 1) !== 0; x !== null;) {
		var l = x,
			o = l.child;
		if (l.tag === 22 && r) {
			var u = l.memoizedState !== null || vr;
			if (!u) {
				var i = l.alternate,
					s = i !== null && i.memoizedState !== null || re;
				i = vr;
				var c = re;
				if (vr = u, (re = s) && !c)
					for (x = l; x !== null;) u = x, s = u.child, u.tag === 22 && u.memoizedState !==
						null ? Ui(l) : s !== null ? (s.return = u, x = s) : Ui(l);
				for (; o !== null;) x = o, Aa(o), o = o.sibling;
				x = l, vr = i, re = c
			}
			Ii(e)
		} else(l.subtreeFlags & 8772) !== 0 && o !== null ? (o.return = l, x = o) :
			Ii(e)
	}
}

function Ii(e) {
	for (; x !== null;) {
		var n = x;
		if ((n.flags & 8772) !== 0) {
			var t = n.alternate;
			try {
				if ((n.flags & 8772) !== 0) switch (n.tag) {
					case 0:
					case 11:
					case 15:
						re || al(5, n);
						break;
					case 1:
						var r = n.stateNode;
						if (n.flags & 4 && !re)
							if (t === null) r.componentDidMount();
							else {
								var l = n.elementType === n.type ? t.memoizedProps : Le(n.type, t.memoizedProps);
								r.componentDidUpdate(l, t.memoizedState, r.__reactInternalSnapshotBeforeUpdate)
							}
						var o = n.updateQueue;
						o !== null && wi(n, o, r);
						break;
					case 3:
						var u = n.updateQueue;
						if (u !== null) {
							if (t = null, n.child !== null) switch (n.child.tag) {
								case 5:
									t = n.child.stateNode;
									break;
								case 1:
									t = n.child.stateNode
							}
							wi(n, u, t)
						}
						break;
					case 5:
						var i = n.stateNode;
						if (t === null && n.flags & 4) {
							t = i;
							var s = n.memoizedProps;
							switch (n.type) {
								case "button":
								case "input":
								case "select":
								case "textarea":
									s.autoFocus && t.focus();
									break;
								case "img":
									s.src && (t.src = s.src)
							}
						}
						break;
					case 6:
						break;
					case 4:
						break;
					case 12:
						break;
					case 13:
						if (n.memoizedState === null) {
							var c = n.alternate;
							if (c !== null) {
								var h = c.memoizedState;
								if (h !== null) {
									var m = h.dehydrated;
									m !== null && jt(m)
								}
							}
						}
						break;
					case 19:
					case 17:
					case 21:
					case 22:
					case 23:
					case 25:
						break;
					default:
						throw Error(y(163))
				}
				re || n.flags & 512 && Oo(n)
			} catch (p) {
				W(n, n.return, p)
			}
		}
		if (n === e) {
			x = null;
			break
		}
		if (t = n.sibling, t !== null) {
			t.return = n.return, x = t;
			break
		}
		x = n.return
	}
}

function ji(e) {
	for (; x !== null;) {
		var n = x;
		if (n === e) {
			x = null;
			break
		}
		var t = n.sibling;
		if (t !== null) {
			t.return = n.return, x = t;
			break
		}
		x = n.return
	}
}

function Ui(e) {
	for (; x !== null;) {
		var n = x;
		try {
			switch (n.tag) {
				case 0:
				case 11:
				case 15:
					var t = n.return;
					try {
						al(4, n)
					} catch (s) {
						W(n, t, s)
					}
					break;
				case 1:
					var r = n.stateNode;
					if (typeof r.componentDidMount == "function") {
						var l = n.return;
						try {
							r.componentDidMount()
						} catch (s) {
							W(n, l, s)
						}
					}
					var o = n.return;
					try {
						Oo(n)
					} catch (s) {
						W(n, o, s)
					}
					break;
				case 5:
					var u = n.return;
					try {
						Oo(n)
					} catch (s) {
						W(n, u, s)
					}
			}
		} catch (s) {
			W(n, n.return, s)
		}
		if (n === e) {
			x = null;
			break
		}
		var i = n.sibling;
		if (i !== null) {
			i.return = n.return, x = i;
			break
		}
		x = n.return
	}
}
var ld = Math.ceil,
	Zr = Ge.ReactCurrentDispatcher,
	Eu = Ge.ReactCurrentOwner,
	xe = Ge.ReactCurrentBatchConfig,
	R = 0,
	J = null,
	K = null,
	b = 0,
	he = 0,
	Kn = vn(0),
	X = 0,
	Xt = null,
	Tn = 0,
	cl = 0,
	xu = 0,
	Tt = null,
	ce = null,
	_u = 0,
	ot = 1 / 0,
	Be = null,
	Jr = !1,
	Io = null,
	an = null,
	yr = !1,
	tn = null,
	qr = 0,
	Rt = 0,
	jo = null,
	zr = -1,
	Lr = 0;

function ie() {
	return (R & 6) !== 0 ? Q() : zr !== -1 ? zr : zr = Q()
}

function cn(e) {
	return (e.mode & 1) === 0 ? 1 : (R & 2) !== 0 && b !== 0 ? b & -b : Af.transition !==
		null ? (Lr === 0 && (Lr = xs()), Lr) : (e = M, e !== 0 || (e = window.event,
			e = e === void 0 ? 16 : Rs(e.type)), e)
}

function Oe(e, n, t, r) {
	if (50 < Rt) throw Rt = 0, jo = null, Error(y(185));
	Zt(e, t, r), ((R & 2) === 0 || e !== J) && (e === J && ((R & 2) === 0 && (cl |=
			t), X === 4 && en(e, b)), me(e, r), t === 1 && R === 0 && (n.mode & 1) ===
		0 && (ot = Q() + 500, ul && yn()))
}

function me(e, n) {
	var t = e.callbackNode;
	Bc(e, n);
	var r = Fr(e, e === J ? b : 0);
	if (r === 0) t !== null && Yu(t), e.callbackNode = null, e.callbackPriority =
		0;
	else if (n = r & -r, e.callbackPriority !== n) {
		if (t != null && Yu(t), n === 1) e.tag === 0 ? Bf($i.bind(null, e)) : Zs($i.bind(
			null, e)), If(function() {
			(R & 6) === 0 && yn()
		}), t = null;
		else {
			switch (_s(r)) {
				case 1:
					t = Jo;
					break;
				case 4:
					t = Cs;
					break;
				case 16:
					t = Dr;
					break;
				case 536870912:
					t = Es;
					break;
				default:
					t = Dr
			}
			t = Ga(t, Va.bind(null, e))
		}
		e.callbackPriority = n, e.callbackNode = t
	}
}

function Va(e, n) {
	if (zr = -1, Lr = 0, (R & 6) !== 0) throw Error(y(327));
	var t = e.callbackNode;
	if (qn() && e.callbackNode !== t) return null;
	var r = Fr(e, e === J ? b : 0);
	if (r === 0) return null;
	if ((r & 30) !== 0 || (r & e.expiredLanes) !== 0 || n) n = br(e, r);
	else {
		n = r;
		var l = R;
		R |= 2;
		var o = Ha();
		(J !== e || b !== n) && (Be = null, ot = Q() + 500, _n(e, n));
		do try {
			id();
			break
		} catch (i) {
			Wa(e, i)
		}
		while (1);
		cu(), Zr.current = o, R = l, K !== null ? n = 0 : (J = null, b = 0, n = X)
	}
	if (n !== 0) {
		if (n === 2 && (l = ao(e), l !== 0 && (r = l, n = Uo(e, l))), n === 1) throw t =
			Xt, _n(e, 0), en(e, r), me(e, Q()), t;
		if (n === 6) en(e, r);
		else {
			if (l = e.current.alternate, (r & 30) === 0 && !od(l) && (n = br(e, r), n ===
					2 && (o = ao(e), o !== 0 && (r = o, n = Uo(e, o))), n === 1)) throw t = Xt,
				_n(e, 0), en(e, r), me(e, Q()), t;
			switch (e.finishedWork = l, e.finishedLanes = r, n) {
				case 0:
				case 1:
					throw Error(y(345));
				case 2:
					Sn(e, ce, Be);
					break;
				case 3:
					if (en(e, r), (r & 130023424) === r && (n = _u + 500 - Q(), 10 < n)) {
						if (Fr(e, 0) !== 0) break;
						if (l = e.suspendedLanes, (l & r) !== r) {
							ie(), e.pingedLanes |= e.suspendedLanes & l;
							break
						}
						e.timeoutHandle = go(Sn.bind(null, e, ce, Be), n);
						break
					}
					Sn(e, ce, Be);
					break;
				case 4:
					if (en(e, r), (r & 4194240) === r) break;
					for (n = e.eventTimes, l = -1; 0 < r;) {
						var u = 31 - Me(r);
						o = 1 << u, u = n[u], u > l && (l = u), r &= ~o
					}
					if (r = l, r = Q() - r, r = (120 > r ? 120 : 480 > r ? 480 : 1080 > r ?
							1080 : 1920 > r ? 1920 : 3e3 > r ? 3e3 : 4320 > r ? 4320 : 1960 * ld(r /
								1960)) - r, 10 < r) {
						e.timeoutHandle = go(Sn.bind(null, e, ce, Be), r);
						break
					}
					Sn(e, ce, Be);
					break;
				case 5:
					Sn(e, ce, Be);
					break;
				default:
					throw Error(y(329))
			}
		}
	}
	return me(e, Q()), e.callbackNode === t ? Va.bind(null, e) : null
}

function Uo(e, n) {
	var t = Tt;
	return e.current.memoizedState.isDehydrated && (_n(e, n).flags |= 256), e = br(
		e, n), e !== 2 && (n = ce, ce = t, n !== null && $o(n)), e
}

function $o(e) {
	ce === null ? ce = e : ce.push.apply(ce, e)
}

function od(e) {
	for (var n = e;;) {
		if (n.flags & 16384) {
			var t = n.updateQueue;
			if (t !== null && (t = t.stores, t !== null))
				for (var r = 0; r < t.length; r++) {
					var l = t[r],
						o = l.getSnapshot;
					l = l.value;
					try {
						if (!De(o(), l)) return !1
					} catch {
						return !1
					}
				}
		}
		if (t = n.child, n.subtreeFlags & 16384 && t !== null) t.return = n, n = t;
		else {
			if (n === e) break;
			for (; n.sibling === null;) {
				if (n.return === null || n.return === e) return !0;
				n = n.return
			}
			n.sibling.return = n.return, n = n.sibling
		}
	}
	return !0
}

function en(e, n) {
	for (n &= ~xu, n &= ~cl, e.suspendedLanes |= n, e.pingedLanes &= ~n, e = e.expirationTimes; 0 <
		n;) {
		var t = 31 - Me(n),
			r = 1 << t;
		e[t] = -1, n &= ~r
	}
}

function $i(e) {
	if ((R & 6) !== 0) throw Error(y(327));
	qn();
	var n = Fr(e, 0);
	if ((n & 1) === 0) return me(e, Q()), null;
	var t = br(e, n);
	if (e.tag !== 0 && t === 2) {
		var r = ao(e);
		r !== 0 && (n = r, t = Uo(e, r))
	}
	if (t === 1) throw t = Xt, _n(e, 0), en(e, n), me(e, Q()), t;
	if (t === 6) throw Error(y(345));
	return e.finishedWork = e.current.alternate, e.finishedLanes = n, Sn(e, ce, Be),
		me(e, Q()), null
}

function Nu(e, n) {
	var t = R;
	R |= 1;
	try {
		return e(n)
	} finally {
		R = t, R === 0 && (ot = Q() + 500, ul && yn())
	}
}

function Rn(e) {
	tn !== null && tn.tag === 0 && (R & 6) === 0 && qn();
	var n = R;
	R |= 1;
	var t = xe.transition,
		r = M;
	try {
		if (xe.transition = null, M = 1, e) return e()
	} finally {
		M = r, xe.transition = t, R = n, (R & 6) === 0 && yn()
	}
}

function Pu() {
	he = Kn.current, j(Kn)
}

function _n(e, n) {
	e.finishedWork = null, e.finishedLanes = 0;
	var t = e.timeoutHandle;
	if (t !== -1 && (e.timeoutHandle = -1, Ff(t)), K !== null)
		for (t = K.return; t !== null;) {
			var r = t;
			switch (iu(r), r.tag) {
				case 1:
					r = r.type.childContextTypes, r != null && Br();
					break;
				case 3:
					rt(), j(de), j(le), vu();
					break;
				case 5:
					hu(r);
					break;
				case 4:
					rt();
					break;
				case 13:
					j(B);
					break;
				case 19:
					j(B);
					break;
				case 10:
					fu(r.type._context);
					break;
				case 22:
				case 23:
					Pu()
			}
			t = t.return
		}
	if (J = e, K = e = fn(e.current, null), b = he = n, X = 0, Xt = null, xu = cl =
		Tn = 0, ce = Tt = null, En !== null) {
		for (n = 0; n < En.length; n++)
			if (t = En[n], r = t.interleaved, r !== null) {
				t.interleaved = null;
				var l = r.next,
					o = t.pending;
				if (o !== null) {
					var u = o.next;
					o.next = l, r.next = u
				}
				t.pending = r
			}
		En = null
	}
	return e
}

function Wa(e, n) {
	do {
		var t = K;
		try {
			if (cu(), _r.current = Gr, Xr) {
				for (var r = A.memoizedState; r !== null;) {
					var l = r.queue;
					l !== null && (l.pending = null), r = r.next
				}
				Xr = !1
			}
			if (Ln = 0, Z = Y = A = null, zt = !1, Qt = 0, Eu.current = null, t === null ||
				t.return === null) {
				X = 1, Xt = n, K = null;
				break
			}
			e: {
				var o = e,
					u = t.return,
					i = t,
					s = n;
				if (n = b, i.flags |= 32768, s !== null && typeof s == "object" && typeof s
					.then == "function") {
					var c = s,
						h = i,
						m = h.tag;
					if ((h.mode & 1) === 0 && (m === 0 || m === 11 || m === 15)) {
						var p = h.alternate;
						p ? (h.updateQueue = p.updateQueue, h.memoizedState = p.memoizedState, h
							.lanes = p.lanes) : (h.updateQueue = null, h.memoizedState = null)
					}
					var g = Ni(u);
					if (g !== null) {
						g.flags &= -257, Pi(g, u, i, o, n), g.mode & 1 && _i(o, c, n), n = g, s =
							c;
						var w = n.updateQueue;
						if (w === null) {
							var k = new Set;
							k.add(s), n.updateQueue = k
						} else w.add(s);
						break e
					} else {
						if ((n & 1) === 0) {
							_i(o, c, n), zu();
							break e
						}
						s = Error(y(426))
					}
				} else if ($ && i.mode & 1) {
					var D = Ni(u);
					if (D !== null) {
						(D.flags & 65536) === 0 && (D.flags |= 256), Pi(D, u, i, o, n), su(lt(s,
							i));
						break e
					}
				}
				o = s = lt(s, i), X !== 4 && (X = 2), Tt === null ? Tt = [o] : Tt.push(o),
					o = u;
				do {
					switch (o.tag) {
						case 3:
							o.flags |= 65536, n &= -n, o.lanes |= n;
							var f = Na(o, s, n);
							gi(o, f);
							break e;
						case 1:
							i = s;
							var a = o.type,
								d = o.stateNode;
							if ((o.flags & 128) === 0 && (typeof a.getDerivedStateFromError ==
									"function" || d !== null && typeof d.componentDidCatch == "function" &&
									(an === null || !an.has(d)))) {
								o.flags |= 65536, n &= -n, o.lanes |= n;
								var v = Pa(o, i, n);
								gi(o, v);
								break e
							}
					}
					o = o.return
				} while (o !== null)
			}
			Ka(t)
		} catch (E) {
			n = E, K === t && t !== null && (K = t = t.return);
			continue
		}
		break
	} while (1)
}

function Ha() {
	var e = Zr.current;
	return Zr.current = Gr, e === null ? Gr : e
}

function zu() {
	(X === 0 || X === 3 || X === 2) && (X = 4), J === null || (Tn & 268435455) ===
		0 && (cl & 268435455) === 0 || en(J, b)
}

function br(e, n) {
	var t = R;
	R |= 2;
	var r = Ha();
	(J !== e || b !== n) && (Be = null, _n(e, n));
	do try {
		ud();
		break
	} catch (l) {
		Wa(e, l)
	}
	while (1);
	if (cu(), R = t, Zr.current = r, K !== null) throw Error(y(261));
	return J = null, b = 0, X
}

function ud() {
	for (; K !== null;) Qa(K)
}

function id() {
	for (; K !== null && !Rc();) Qa(K)
}

function Qa(e) {
	var n = Xa(e.alternate, e, he);
	e.memoizedProps = e.pendingProps, n === null ? Ka(e) : K = n, Eu.current =
		null
}

function Ka(e) {
	var n = e;
	do {
		var t = n.alternate;
		if (e = n.return, (n.flags & 32768) === 0) {
			if (t = bf(t, n, he), t !== null) {
				K = t;
				return
			}
		} else {
			if (t = ed(t, n), t !== null) {
				t.flags &= 32767, K = t;
				return
			}
			if (e !== null) e.flags |= 32768, e.subtreeFlags = 0, e.deletions = null;
			else {
				X = 6, K = null;
				return
			}
		}
		if (n = n.sibling, n !== null) {
			K = n;
			return
		}
		K = n = e
	} while (n !== null);
	X === 0 && (X = 5)
}

function Sn(e, n, t) {
	var r = M,
		l = xe.transition;
	try {
		xe.transition = null, M = 1, sd(e, n, t, r)
	} finally {
		xe.transition = l, M = r
	}
	return null
}

function sd(e, n, t, r) {
	do qn(); while (tn !== null);
	if ((R & 6) !== 0) throw Error(y(327));
	t = e.finishedWork;
	var l = e.finishedLanes;
	if (t === null) return null;
	if (e.finishedWork = null, e.finishedLanes = 0, t === e.current) throw Error(y(
		177));
	e.callbackNode = null, e.callbackPriority = 0;
	var o = t.lanes | t.childLanes;
	if (Ac(e, o), e === J && (K = J = null, b = 0), (t.subtreeFlags & 2064) === 0 &&
		(t.flags & 2064) === 0 || yr || (yr = !0, Ga(Dr, function() {
			return qn(), null
		})), o = (t.flags & 15990) !== 0, (t.subtreeFlags & 15990) !== 0 || o) {
		o = xe.transition, xe.transition = null;
		var u = M;
		M = 1;
		var i = R;
		R |= 4, Eu.current = null, td(e, t), Ba(t, e), zf(vo), Ir = !!ho, vo = ho =
			null, e.current = t, rd(t), Mc(), R = i, M = u, xe.transition = o
	} else e.current = t;
	if (yr && (yr = !1, tn = e, qr = l), o = e.pendingLanes, o === 0 && (an = null),
		Fc(t.stateNode), me(e, Q()), n !== null)
		for (r = e.onRecoverableError, t = 0; t < n.length; t++) l = n[t], r(l.value, {
			componentStack: l.stack,
			digest: l.digest
		});
	if (Jr) throw Jr = !1, e = Io, Io = null, e;
	return (qr & 1) !== 0 && e.tag !== 0 && qn(), o = e.pendingLanes, (o & 1) !==
		0 ? e === jo ? Rt++ : (Rt = 0, jo = e) : Rt = 0, yn(), null
}

function qn() {
	if (tn !== null) {
		var e = _s(qr),
			n = xe.transition,
			t = M;
		try {
			if (xe.transition = null, M = 16 > e ? 16 : e, tn === null) var r = !1;
			else {
				if (e = tn, tn = null, qr = 0, (R & 6) !== 0) throw Error(y(331));
				var l = R;
				for (R |= 4, x = e.current; x !== null;) {
					var o = x,
						u = o.child;
					if ((x.flags & 16) !== 0) {
						var i = o.deletions;
						if (i !== null) {
							for (var s = 0; s < i.length; s++) {
								var c = i[s];
								for (x = c; x !== null;) {
									var h = x;
									switch (h.tag) {
										case 0:
										case 11:
										case 15:
											Lt(8, h, o)
									}
									var m = h.child;
									if (m !== null) m.return = h, x = m;
									else
										for (; x !== null;) {
											h = x;
											var p = h.sibling,
												g = h.return;
											if (ja(h), h === c) {
												x = null;
												break
											}
											if (p !== null) {
												p.return = g, x = p;
												break
											}
											x = g
										}
								}
							}
							var w = o.alternate;
							if (w !== null) {
								var k = w.child;
								if (k !== null) {
									w.child = null;
									do {
										var D = k.sibling;
										k.sibling = null, k = D
									} while (k !== null)
								}
							}
							x = o
						}
					}
					if ((o.subtreeFlags & 2064) !== 0 && u !== null) u.return = o, x = u;
					else e: for (; x !== null;) {
						if (o = x, (o.flags & 2048) !== 0) switch (o.tag) {
							case 0:
							case 11:
							case 15:
								Lt(9, o, o.return)
						}
						var f = o.sibling;
						if (f !== null) {
							f.return = o.return, x = f;
							break e
						}
						x = o.return
					}
				}
				var a = e.current;
				for (x = a; x !== null;) {
					u = x;
					var d = u.child;
					if ((u.subtreeFlags & 2064) !== 0 && d !== null) d.return = u, x = d;
					else e: for (u = a; x !== null;) {
						if (i = x, (i.flags & 2048) !== 0) try {
							switch (i.tag) {
								case 0:
								case 11:
								case 15:
									al(9, i)
							}
						} catch (E) {
							W(i, i.return, E)
						}
						if (i === u) {
							x = null;
							break e
						}
						var v = i.sibling;
						if (v !== null) {
							v.return = i.return, x = v;
							break e
						}
						x = i.return
					}
				}
				if (R = l, yn(), Ue && typeof Ue.onPostCommitFiberRoot == "function") try {
					Ue.onPostCommitFiberRoot(nl, e)
				} catch {}
				r = !0
			}
			return r
		} finally {
			M = t, xe.transition = n
		}
	}
	return !1
}

function Bi(e, n, t) {
	n = lt(t, n), n = Na(e, n, 1), e = sn(e, n, 1), n = ie(), e !== null && (Zt(e,
		1, n), me(e, n))
}

function W(e, n, t) {
	if (e.tag === 3) Bi(e, e, t);
	else
		for (; n !== null;) {
			if (n.tag === 3) {
				Bi(n, e, t);
				break
			} else if (n.tag === 1) {
				var r = n.stateNode;
				if (typeof n.type.getDerivedStateFromError == "function" || typeof r.componentDidCatch ==
					"function" && (an === null || !an.has(r))) {
					e = lt(t, e), e = Pa(n, e, 1), n = sn(n, e, 1), e = ie(), n !== null && (
						Zt(n, 1, e), me(n, e));
					break
				}
			}
			n = n.return
		}
}

function ad(e, n, t) {
	var r = e.pingCache;
	r !== null && r.delete(n), n = ie(), e.pingedLanes |= e.suspendedLanes & t, J ===
		e && (b & t) === t && (X === 4 || X === 3 && (b & 130023424) === b && 500 > Q() -
			_u ? _n(e, 0) : xu |= t), me(e, n)
}

function Ya(e, n) {
	n === 0 && ((e.mode & 1) === 0 ? n = 1 : (n = ir, ir <<= 1, (ir & 130023424) ===
		0 && (ir = 4194304)));
	var t = ie();
	e = Ye(e, n), e !== null && (Zt(e, n, t), me(e, t))
}

function cd(e) {
	var n = e.memoizedState,
		t = 0;
	n !== null && (t = n.retryLane), Ya(e, t)
}

function fd(e, n) {
	var t = 0;
	switch (e.tag) {
		case 13:
			var r = e.stateNode,
				l = e.memoizedState;
			l !== null && (t = l.retryLane);
			break;
		case 19:
			r = e.stateNode;
			break;
		default:
			throw Error(y(314))
	}
	r !== null && r.delete(n), Ya(e, t)
}
var Xa;
Xa = function(e, n, t) {
	if (e !== null)
		if (e.memoizedProps !== n.pendingProps || de.current) fe = !0;
		else {
			if ((e.lanes & t) === 0 && (n.flags & 128) === 0) return fe = !1, qf(e, n,
				t);
			fe = (e.flags & 131072) !== 0
		} else fe = !1, $ && (n.flags & 1048576) !== 0 && Js(n, Wr, n.index);
	switch (n.lanes = 0, n.tag) {
		case 2:
			var r = n.type;
			Pr(e, n), e = n.pendingProps;
			var l = et(n, le.current);
			Jn(n, t), l = gu(null, n, r, e, l, t);
			var o = wu();
			return n.flags |= 1, typeof l == "object" && l !== null && typeof l.render ==
				"function" && l.$$typeof === void 0 ? (n.tag = 1, n.memoizedState = null,
					n.updateQueue = null, pe(r) ? (o = !0, Ar(n)) : o = !1, n.memoizedState =
					l.state !== null && l.state !== void 0 ? l.state : null, pu(n), l.updater =
					il, n.stateNode = l, l._reactInternals = n, _o(n, r, e, t), n = zo(null,
						n, r, !0, o, t)) : (n.tag = 0, $ && o && uu(n), ue(null, n, l, t), n = n
					.child), n;
		case 16:
			r = n.elementType;
			e: {
				switch (Pr(e, n), e = n.pendingProps, l = r._init, r = l(r._payload), n.type =
					r, l = n.tag = pd(r), e = Le(r, e), l) {
					case 0:
						n = Po(null, n, r, e, t);
						break e;
					case 1:
						n = Ti(null, n, r, e, t);
						break e;
					case 11:
						n = zi(null, n, r, e, t);
						break e;
					case 14:
						n = Li(null, n, r, Le(r.type, e), t);
						break e
				}
				throw Error(y(306, r, ""))
			}
			return n;
		case 0:
			return r = n.type, l = n.pendingProps, l = n.elementType === r ? l : Le(r,
				l), Po(e, n, r, l, t);
		case 1:
			return r = n.type, l = n.pendingProps, l = n.elementType === r ? l : Le(r,
				l), Ti(e, n, r, l, t);
		case 3:
			e: {
				if (Ra(n), e === null) throw Error(y(387));
				r = n.pendingProps, o = n.memoizedState, l = o.element, na(e, n), Kr(n, r,
					null, t);
				var u = n.memoizedState;
				if (r = u.element, o.isDehydrated)
					if (o = {
							element: r,
							isDehydrated: !1,
							cache: u.cache,
							pendingSuspenseBoundaries: u.pendingSuspenseBoundaries,
							transitions: u.transitions
						}, n.updateQueue.baseState = o, n.memoizedState = o, n.flags & 256) {
						l = lt(Error(y(423)), n), n = Ri(e, n, r, t, l);
						break e
					} else if (r !== l) {
					l = lt(Error(y(424)), n), n = Ri(e, n, r, t, l);
					break e
				} else
					for (ve = un(n.stateNode.containerInfo.firstChild), ye = n, $ = !0, Re =
						null, t = oa(n, null, r, t), n.child = t; t;) t.flags = t.flags & -3 |
						4096, t = t.sibling;
				else {
					if (nt(), r === l) {
						n = Xe(e, n, t);
						break e
					}
					ue(e, n, r, t)
				}
				n = n.child
			}
			return n;
		case 5:
			return ua(n), e === null && Co(n), r = n.type, l = n.pendingProps, o = e !==
				null ? e.memoizedProps : null, u = l.children, yo(r, l) ? u = null : o !==
				null && yo(r, o) && (n.flags |= 32), Ta(e, n), ue(e, n, u, t), n.child;
		case 6:
			return e === null && Co(n), null;
		case 13:
			return Ma(e, n, t);
		case 4:
			return mu(n, n.stateNode.containerInfo), r = n.pendingProps, e === null ? n
				.child = tt(n, null, r, t) : ue(e, n, r, t), n.child;
		case 11:
			return r = n.type, l = n.pendingProps, l = n.elementType === r ? l : Le(r,
				l), zi(e, n, r, l, t);
		case 7:
			return ue(e, n, n.pendingProps, t), n.child;
		case 8:
			return ue(e, n, n.pendingProps.children, t), n.child;
		case 12:
			return ue(e, n, n.pendingProps.children, t), n.child;
		case 10:
			e: {
				if (r = n.type._context, l = n.pendingProps, o = n.memoizedProps, u = l.value,
					F(Hr, r._currentValue), r._currentValue = u, o !== null)
					if (De(o.value, u)) {
						if (o.children === l.children && !de.current) {
							n = Xe(e, n, t);
							break e
						}
					} else
						for (o = n.child, o !== null && (o.return = n); o !== null;) {
							var i = o.dependencies;
							if (i !== null) {
								u = o.child;
								for (var s = i.firstContext; s !== null;) {
									if (s.context === r) {
										if (o.tag === 1) {
											s = He(-1, t & -t), s.tag = 2;
											var c = o.updateQueue;
											if (c !== null) {
												c = c.shared;
												var h = c.pending;
												h === null ? s.next = s : (s.next = h.next, h.next = s), c.pending =
													s
											}
										}
										o.lanes |= t, s = o.alternate, s !== null && (s.lanes |= t), Eo(o.return,
											t, n), i.lanes |= t;
										break
									}
									s = s.next
								}
							} else if (o.tag === 10) u = o.type === n.type ? null : o.child;
							else if (o.tag === 18) {
								if (u = o.return, u === null) throw Error(y(341));
								u.lanes |= t, i = u.alternate, i !== null && (i.lanes |= t), Eo(u, t,
									n), u = o.sibling
							} else u = o.child;
							if (u !== null) u.return = o;
							else
								for (u = o; u !== null;) {
									if (u === n) {
										u = null;
										break
									}
									if (o = u.sibling, o !== null) {
										o.return = u.return, u = o;
										break
									}
									u = u.return
								}
							o = u
						}
					ue(e, n, l.children, t), n = n.child
			}
			return n;
		case 9:
			return l = n.type, r = n.pendingProps.children, Jn(n, t), l = _e(l), r = r(
				l), n.flags |= 1, ue(e, n, r, t), n.child;
		case 14:
			return r = n.type, l = Le(r, n.pendingProps), l = Le(r.type, l), Li(e, n, r,
				l, t);
		case 15:
			return za(e, n, n.type, n.pendingProps, t);
		case 17:
			return r = n.type, l = n.pendingProps, l = n.elementType === r ? l : Le(r,
				l), Pr(e, n), n.tag = 1, pe(r) ? (e = !0, Ar(n)) : e = !1, Jn(n, t), ra(n,
				r, l), _o(n, r, l, t), zo(null, n, r, !0, e, t);
		case 19:
			return Oa(e, n, t);
		case 22:
			return La(e, n, t)
	}
	throw Error(y(156, n.tag))
};

function Ga(e, n) {
	return Ss(e, n)
}

function dd(e, n, t, r) {
	this.tag = e, this.key = t, this.sibling = this.child = this.return = this.stateNode =
		this.type = this.elementType = null, this.index = 0, this.ref = null, this.pendingProps =
		n, this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps =
		null, this.mode = r, this.subtreeFlags = this.flags = 0, this.deletions =
		null, this.childLanes = this.lanes = 0, this.alternate = null
}

function Ee(e, n, t, r) {
	return new dd(e, n, t, r)
}

function Lu(e) {
	return e = e.prototype, !(!e || !e.isReactComponent)
}

function pd(e) {
	if (typeof e == "function") return Lu(e) ? 1 : 0;
	if (e != null) {
		if (e = e.$$typeof, e === Xo) return 11;
		if (e === Go) return 14
	}
	return 2
}

function fn(e, n) {
	var t = e.alternate;
	return t === null ? (t = Ee(e.tag, n, e.key, e.mode), t.elementType = e.elementType,
			t.type = e.type, t.stateNode = e.stateNode, t.alternate = e, e.alternate = t
		) : (t.pendingProps = n, t.type = e.type, t.flags = 0, t.subtreeFlags = 0, t.deletions =
			null), t.flags = e.flags & 14680064, t.childLanes = e.childLanes, t.lanes =
		e.lanes, t.child = e.child, t.memoizedProps = e.memoizedProps, t.memoizedState =
		e.memoizedState, t.updateQueue = e.updateQueue, n = e.dependencies, t.dependencies =
		n === null ? null : {
			lanes: n.lanes,
			firstContext: n.firstContext
		}, t.sibling = e.sibling, t.index = e.index, t.ref = e.ref, t
}

function Tr(e, n, t, r, l, o) {
	var u = 2;
	if (r = e, typeof e == "function") Lu(e) && (u = 1);
	else if (typeof e == "string") u = 5;
	else e: switch (e) {
		case In:
			return Nn(t.children, l, o, n);
		case Yo:
			u = 8, l |= 8;
			break;
		case Xl:
			return e = Ee(12, t, n, l | 2), e.elementType = Xl, e.lanes = o, e;
		case Gl:
			return e = Ee(13, t, n, l), e.elementType = Gl, e.lanes = o, e;
		case Zl:
			return e = Ee(19, t, n, l), e.elementType = Zl, e.lanes = o, e;
		case ls:
			return fl(t, l, o, n);
		default:
			if (typeof e == "object" && e !== null) switch (e.$$typeof) {
				case ts:
					u = 10;
					break e;
				case rs:
					u = 9;
					break e;
				case Xo:
					u = 11;
					break e;
				case Go:
					u = 14;
					break e;
				case Je:
					u = 16, r = null;
					break e
			}
			throw Error(y(130, e == null ? e : typeof e, ""))
	}
	return n = Ee(u, t, n, l), n.elementType = e, n.type = r, n.lanes = o, n
}

function Nn(e, n, t, r) {
	return e = Ee(7, e, r, n), e.lanes = t, e
}

function fl(e, n, t, r) {
	return e = Ee(22, e, r, n), e.elementType = ls, e.lanes = t, e.stateNode = {
		isHidden: !1
	}, e
}

function Ql(e, n, t) {
	return e = Ee(6, e, null, n), e.lanes = t, e
}

function Kl(e, n, t) {
	return n = Ee(4, e.children !== null ? e.children : [], e.key, n), n.lanes = t,
		n.stateNode = {
			containerInfo: e.containerInfo,
			pendingChildren: null,
			implementation: e.implementation
		}, n
}

function md(e, n, t, r, l) {
	this.tag = n, this.containerInfo = e, this.finishedWork = this.pingCache =
		this.current = this.pendingChildren = null, this.timeoutHandle = -1, this.callbackNode =
		this.pendingContext = this.context = null, this.callbackPriority = 0, this.eventTimes =
		Nl(0), this.expirationTimes = Nl(-1), this.entangledLanes = this.finishedLanes =
		this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes =
		this.pendingLanes = 0, this.entanglements = Nl(0), this.identifierPrefix = r,
		this.onRecoverableError = l, this.mutableSourceEagerHydrationData = null
}

function Tu(e, n, t, r, l, o, u, i, s) {
	return e = new md(e, n, t, i, s), n === 1 ? (n = 1, o === !0 && (n |= 8)) : n =
		0, o = Ee(3, null, null, n), e.current = o, o.stateNode = e, o.memoizedState = {
			element: r,
			isDehydrated: t,
			cache: null,
			transitions: null,
			pendingSuspenseBoundaries: null
		}, pu(o), e
}

function hd(e, n, t) {
	var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
	return {
		$$typeof: Fn,
		key: r == null ? null : "" + r,
		children: e,
		containerInfo: n,
		implementation: t
	}
}

function Za(e) {
	if (!e) return mn;
	e = e._reactInternals;
	e: {
		if (On(e) !== e || e.tag !== 1) throw Error(y(170));
		var n = e;
		do {
			switch (n.tag) {
				case 3:
					n = n.stateNode.context;
					break e;
				case 1:
					if (pe(n.type)) {
						n = n.stateNode.__reactInternalMemoizedMergedChildContext;
						break e
					}
			}
			n = n.return
		} while (n !== null);
		throw Error(y(171))
	}
	if (e.tag === 1) {
		var t = e.type;
		if (pe(t)) return Gs(e, t, n)
	}
	return n
}

function Ja(e, n, t, r, l, o, u, i, s) {
	return e = Tu(t, r, !0, e, l, o, u, i, s), e.context = Za(null), t = e.current,
		r = ie(), l = cn(t), o = He(r, l), o.callback = n != null ? n : null, sn(t, o,
			l), e.current.lanes = l, Zt(e, l, r), me(e, r), e
}

function dl(e, n, t, r) {
	var l = n.current,
		o = ie(),
		u = cn(l);
	return t = Za(t), n.context === null ? n.context = t : n.pendingContext = t, n =
		He(o, u), n.payload = {
			element: e
		}, r = r === void 0 ? null : r, r !== null && (n.callback = r), e = sn(l, n,
			u), e !== null && (Oe(e, l, u, o), xr(e, l, u)), u
}

function el(e) {
	if (e = e.current, !e.child) return null;
	switch (e.child.tag) {
		case 5:
			return e.child.stateNode;
		default:
			return e.child.stateNode
	}
}

function Ai(e, n) {
	if (e = e.memoizedState, e !== null && e.dehydrated !== null) {
		var t = e.retryLane;
		e.retryLane = t !== 0 && t < n ? t : n
	}
}

function Ru(e, n) {
	Ai(e, n), (e = e.alternate) && Ai(e, n)
}

function vd() {
	return null
}
var qa = typeof reportError == "function" ? reportError : function(e) {
	console.error(e)
};

function Mu(e) {
	this._internalRoot = e
}
pl.prototype.render = Mu.prototype.render = function(e) {
	var n = this._internalRoot;
	if (n === null) throw Error(y(409));
	dl(e, n, null, null)
};
pl.prototype.unmount = Mu.prototype.unmount = function() {
	var e = this._internalRoot;
	if (e !== null) {
		this._internalRoot = null;
		var n = e.containerInfo;
		Rn(function() {
			dl(null, e, null, null)
		}), n[Ke] = null
	}
};

function pl(e) {
	this._internalRoot = e
}
pl.prototype.unstable_scheduleHydration = function(e) {
	if (e) {
		var n = zs();
		e = {
			blockedOn: null,
			target: e,
			priority: n
		};
		for (var t = 0; t < be.length && n !== 0 && n < be[t].priority; t++);
		be.splice(t, 0, e), t === 0 && Ts(e)
	}
};

function Ou(e) {
	return !(!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11)
}

function ml(e) {
	return !(!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11 && (e
		.nodeType !== 8 || e.nodeValue !== " react-mount-point-unstable "))
}

function Vi() {}

function yd(e, n, t, r, l) {
	if (l) {
		if (typeof r == "function") {
			var o = r;
			r = function() {
				var c = el(u);
				o.call(c)
			}
		}
		var u = Ja(n, r, e, 0, null, !1, !1, "", Vi);
		return e._reactRootContainer = u, e[Ke] = u.current, Bt(e.nodeType === 8 ? e.parentNode :
			e), Rn(), u
	}
	for (; l = e.lastChild;) e.removeChild(l);
	if (typeof r == "function") {
		var i = r;
		r = function() {
			var c = el(s);
			i.call(c)
		}
	}
	var s = Tu(e, 0, !1, null, null, !1, !1, "", Vi);
	return e._reactRootContainer = s, e[Ke] = s.current, Bt(e.nodeType === 8 ? e.parentNode :
		e), Rn(function() {
		dl(n, s, t, r)
	}), s
}

function hl(e, n, t, r, l) {
	var o = t._reactRootContainer;
	if (o) {
		var u = o;
		if (typeof l == "function") {
			var i = l;
			l = function() {
				var s = el(u);
				i.call(s)
			}
		}
		dl(n, u, e, l)
	} else u = yd(t, n, e, l, r);
	return el(u)
}
Ns = function(e) {
	switch (e.tag) {
		case 3:
			var n = e.stateNode;
			if (n.current.memoizedState.isDehydrated) {
				var t = St(n.pendingLanes);
				t !== 0 && (qo(n, t | 1), me(n, Q()), (R & 6) === 0 && (ot = Q() + 500, yn()))
			}
			break;
		case 13:
			Rn(function() {
				var r = Ye(e, 1);
				if (r !== null) {
					var l = ie();
					Oe(r, e, 1, l)
				}
			}), Ru(e, 1)
	}
};
bo = function(e) {
	if (e.tag === 13) {
		var n = Ye(e, 134217728);
		if (n !== null) {
			var t = ie();
			Oe(n, e, 134217728, t)
		}
		Ru(e, 134217728)
	}
};
Ps = function(e) {
	if (e.tag === 13) {
		var n = cn(e),
			t = Ye(e, n);
		if (t !== null) {
			var r = ie();
			Oe(t, e, n, r)
		}
		Ru(e, n)
	}
};
zs = function() {
	return M
};
Ls = function(e, n) {
	var t = M;
	try {
		return M = e, n()
	} finally {
		M = t
	}
};
uo = function(e, n, t) {
	switch (n) {
		case "input":
			if (bl(e, t), n = t.name, t.type === "radio" && n != null) {
				for (t = e; t.parentNode;) t = t.parentNode;
				for (t = t.querySelectorAll("input[name=" + JSON.stringify("" + n) +
						'][type="radio"]'), n = 0; n < t.length; n++) {
					var r = t[n];
					if (r !== e && r.form === e.form) {
						var l = ol(r);
						if (!l) throw Error(y(90));
						us(r), bl(r, l)
					}
				}
			}
			break;
		case "textarea":
			ss(e, t);
			break;
		case "select":
			n = t.value, n != null && Yn(e, !!t.multiple, n, !1)
	}
};
hs = Nu;
vs = Rn;
var gd = {
		usingClientEntryPoint: !1,
		Events: [qt, Bn, ol, ps, ms, Nu]
	},
	gt = {
		findFiberByHostInstance: Cn,
		bundleType: 0,
		version: "18.2.0",
		rendererPackageName: "react-dom"
	},
	wd = {
		bundleType: gt.bundleType,
		version: gt.version,
		rendererPackageName: gt.rendererPackageName,
		rendererConfig: gt.rendererConfig,
		overrideHookState: null,
		overrideHookStateDeletePath: null,
		overrideHookStateRenamePath: null,
		overrideProps: null,
		overridePropsDeletePath: null,
		overridePropsRenamePath: null,
		setErrorHandler: null,
		setSuspenseHandler: null,
		scheduleUpdate: null,
		currentDispatcherRef: Ge.ReactCurrentDispatcher,
		findHostInstanceByFiber: function(e) {
			return e = ws(e), e === null ? null : e.stateNode
		},
		findFiberByHostInstance: gt.findFiberByHostInstance || vd,
		findHostInstancesForRefresh: null,
		scheduleRefresh: null,
		scheduleRoot: null,
		setRefreshHandler: null,
		getCurrentFiber: null,
		reconcilerVersion: "18.2.0-next-9e3b772b8-20220608"
	};
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u") {
	var gr = __REACT_DEVTOOLS_GLOBAL_HOOK__;
	if (!gr.isDisabled && gr.supportsFiber) try {
		nl = gr.inject(wd), Ue = gr
	} catch {}
}
we.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = gd;
we.createPortal = function(e, n) {
	var t = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
	if (!Ou(n)) throw Error(y(200));
	return hd(e, n, null, t)
};
we.createRoot = function(e, n) {
	if (!Ou(e)) throw Error(y(299));
	var t = !1,
		r = "",
		l = qa;
	return n != null && (n.unstable_strictMode === !0 && (t = !0), n.identifierPrefix !==
			void 0 && (r = n.identifierPrefix), n.onRecoverableError !== void 0 && (l =
				n.onRecoverableError)), n = Tu(e, 1, !1, null, null, t, !1, r, l), e[Ke] =
		n.current, Bt(e.nodeType === 8 ? e.parentNode : e), new Mu(n)
};
we.findDOMNode = function(e) {
	if (e == null) return null;
	if (e.nodeType === 1) return e;
	var n = e._reactInternals;
	if (n === void 0) throw typeof e.render == "function" ? Error(y(188)) : (e =
		Object.keys(e).join(","), Error(y(268, e)));
	return e = ws(n), e = e === null ? null : e.stateNode, e
};
we.flushSync = function(e) {
	return Rn(e)
};
we.hydrate = function(e, n, t) {
	if (!ml(n)) throw Error(y(200));
	return hl(null, e, n, !0, t)
};
we.hydrateRoot = function(e, n, t) {
	if (!Ou(e)) throw Error(y(405));
	var r = t != null && t.hydratedSources || null,
		l = !1,
		o = "",
		u = qa;
	if (t != null && (t.unstable_strictMode === !0 && (l = !0), t.identifierPrefix !==
			void 0 && (o = t.identifierPrefix), t.onRecoverableError !== void 0 && (u =
				t.onRecoverableError)), n = Ja(n, null, e, 1, t != null ? t : null, l, !1,
			o, u), e[Ke] = n.current, Bt(e), r)
		for (e = 0; e < r.length; e++) t = r[e], l = t._getVersion, l = l(t._source),
			n.mutableSourceEagerHydrationData == null ? n.mutableSourceEagerHydrationData = [
				t, l
			] : n.mutableSourceEagerHydrationData.push(t, l);
	return new pl(n)
};
we.render = function(e, n, t) {
	if (!ml(n)) throw Error(y(200));
	return hl(null, e, n, !1, t)
};
we.unmountComponentAtNode = function(e) {
	if (!ml(e)) throw Error(y(40));
	return e._reactRootContainer ? (Rn(function() {
		hl(null, null, e, !1, function() {
			e._reactRootContainer = null, e[Ke] = null
		})
	}), !0) : !1
};
we.unstable_batchedUpdates = Nu;
we.unstable_renderSubtreeIntoContainer = function(e, n, t, r) {
	if (!ml(t)) throw Error(y(200));
	if (e == null || e._reactInternals === void 0) throw Error(y(38));
	return hl(e, n, t, !1, r)
};
we.version = "18.2.0-next-9e3b772b8-20220608";
(function(e) {
	function n() {
		if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__
				.checkDCE != "function")) try {
			__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)
		} catch (t) {
			console.error(t)
		}
	}
	n(), e.exports = we
})(Ji);
var ba, Wi = Ji.exports;
ba = Wi.createRoot, Wi.hydrateRoot;
var vl = {
		exports: {}
	},
	yl = {};
var kd = oe.exports,
	Sd = Symbol.for("react.element"),
	Cd = Symbol.for("react.fragment"),
	Ed = Object.prototype.hasOwnProperty,
	xd = kd.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
	_d = {
		key: !0,
		ref: !0,
		__self: !0,
		__source: !0
	};

function ec(e, n, t) {
	var r, l = {},
		o = null,
		u = null;
	t !== void 0 && (o = "" + t), n.key !== void 0 && (o = "" + n.key), n.ref !==
		void 0 && (u = n.ref);
	for (r in n) Ed.call(n, r) && !_d.hasOwnProperty(r) && (l[r] = n[r]);
	if (e && e.defaultProps)
		for (r in n = e.defaultProps, n) l[r] === void 0 && (l[r] = n[r]);
	return {
		$$typeof: Sd,
		type: e,
		key: o,
		ref: u,
		props: l,
		_owner: xd.current
	}
}
yl.Fragment = Cd;
yl.jsx = ec;
yl.jsxs = ec;
(function(e) {
	e.exports = yl
})(vl);
const Nd = vl.exports.Fragment,
	U = vl.exports.jsx,
	dn = vl.exports.jsxs;

function Pd() {
	return dn("svg", {
		width: "22",
		height: "22",
		viewBox: "0 0 22 22",
		fill: "none",
		xmlns: "http://www.w3.org/2000/svg",
		children: [dn("g", {
			filter: "url(#filter0_d_3664_1573)",
			children: [U("path", {
				fillRule: "evenodd",
				clipRule: "evenodd",
				d: "M6.61891 14.309C6.33491 13.95 5.98991 13.216 5.37591 12.325C5.02791 11.821 4.16491 10.872 3.90791 10.39C3.68491 9.96404 3.70891 9.77304 3.76191 9.42004C3.85591 8.79204 4.49991 8.30304 5.18691 8.36904C5.70591 8.41804 6.14591 8.76104 6.54191 9.08504C6.78091 9.28004 7.07491 9.65904 7.25191 9.87304C7.41491 10.069 7.45491 10.15 7.62891 10.382C7.85891 10.689 7.93091 10.841 7.84291 10.503C7.77191 10.007 7.65591 9.16004 7.48791 8.41104C7.35991 7.84304 7.32891 7.75404 7.20691 7.31804C7.07791 6.85404 7.01191 6.52904 6.89091 6.03704C6.80691 5.68904 6.65591 4.97804 6.61491 4.57804C6.55791 4.03104 6.52791 3.13904 6.87891 2.72904C7.15391 2.40804 7.78491 2.31104 8.17591 2.50904C8.68791 2.76804 8.97891 3.51204 9.11191 3.80904C9.35091 4.34304 9.49891 4.96004 9.62791 5.77004C9.79191 6.80104 10.0939 8.23204 10.1039 8.53304C10.1279 8.16404 10.0359 7.38704 10.0999 7.03304C10.1579 6.71204 10.4279 6.33904 10.7659 6.23804C11.0519 6.15304 11.3869 6.12204 11.6819 6.18304C11.9949 6.24704 12.3249 6.47104 12.4479 6.68204C12.8099 7.30604 12.8169 8.58104 12.8319 8.51304C12.9179 8.13704 12.9029 7.28404 13.1159 6.92904C13.2559 6.69504 13.6129 6.48404 13.8029 6.45004C14.0969 6.39804 14.4579 6.38204 14.7669 6.44204C15.0159 6.49104 15.3529 6.78704 15.4439 6.92904C15.6619 7.27304 15.7859 8.24604 15.8229 8.58704C15.8379 8.72804 15.8969 8.19504 16.1159 7.85104C16.5219 7.21204 17.9589 7.08804 18.0139 8.49004C18.0389 9.14404 18.0339 9.11404 18.0339 9.55404C18.0339 10.071 18.0219 10.382 17.9939 10.756C17.9629 11.156 17.8769 12.06 17.7519 12.498C17.6659 12.799 17.3809 13.476 17.0999 13.882C17.0999 13.882 16.0259 15.132 15.9089 15.695C15.7909 16.257 15.8299 16.261 15.8069 16.66C15.7839 17.058 15.9279 17.582 15.9279 17.582C15.9279 17.582 15.1259 17.686 14.6939 17.617C14.3029 17.554 13.8189 16.776 13.6939 16.538C13.5219 16.21 13.1549 16.273 13.0119 16.515C12.7869 16.898 12.3029 17.585 11.9609 17.628C11.2929 17.712 9.90691 17.659 8.82191 17.648C8.82191 17.648 9.00691 16.637 8.59491 16.29C8.28991 16.031 7.76491 15.506 7.45091 15.23L6.61891 14.309Z",
				fill: "white"
			}), U("path", {
				fillRule: "evenodd",
				clipRule: "evenodd",
				d: "M6.61891 14.309C6.33491 13.95 5.98991 13.216 5.37591 12.325C5.02791 11.821 4.16491 10.872 3.90791 10.39C3.68491 9.96404 3.70891 9.77304 3.76191 9.42004C3.85591 8.79204 4.49991 8.30304 5.18691 8.36904C5.70591 8.41804 6.14591 8.76104 6.54191 9.08504C6.78091 9.28004 7.07491 9.65904 7.25191 9.87304C7.41491 10.069 7.45491 10.15 7.62891 10.382C7.85891 10.689 7.93091 10.841 7.84291 10.503C7.77191 10.007 7.65591 9.16004 7.48791 8.41104C7.35991 7.84304 7.32891 7.75404 7.20691 7.31804C7.07791 6.85404 7.01191 6.52904 6.89091 6.03704C6.80691 5.68904 6.65591 4.97804 6.61491 4.57804C6.55791 4.03104 6.52791 3.13904 6.87891 2.72904C7.15391 2.40804 7.78491 2.31104 8.17591 2.50904C8.68791 2.76804 8.97891 3.51204 9.11191 3.80904C9.35091 4.34304 9.49891 4.96004 9.62791 5.77004C9.79191 6.80104 10.0939 8.23204 10.1039 8.53304C10.1279 8.16404 10.0359 7.38704 10.0999 7.03304C10.1579 6.71204 10.4279 6.33904 10.7659 6.23804C11.0519 6.15304 11.3869 6.12204 11.6819 6.18304C11.9949 6.24704 12.3249 6.47104 12.4479 6.68204C12.8099 7.30604 12.8169 8.58104 12.8319 8.51304C12.9179 8.13704 12.9029 7.28404 13.1159 6.92904C13.2559 6.69504 13.6129 6.48404 13.8029 6.45004C14.0969 6.39804 14.4579 6.38204 14.7669 6.44204C15.0159 6.49104 15.3529 6.78704 15.4439 6.92904C15.6619 7.27304 15.7859 8.24604 15.8229 8.58704C15.8379 8.72804 15.8969 8.19504 16.1159 7.85104C16.5219 7.21204 17.9589 7.08804 18.0139 8.49004C18.0389 9.14404 18.0339 9.11404 18.0339 9.55404C18.0339 10.071 18.0219 10.382 17.9939 10.756C17.9629 11.156 17.8769 12.06 17.7519 12.498C17.6659 12.799 17.3809 13.476 17.0999 13.882C17.0999 13.882 16.0259 15.132 15.9089 15.695C15.7909 16.257 15.8299 16.261 15.8069 16.66C15.7839 17.058 15.9279 17.582 15.9279 17.582C15.9279 17.582 15.1259 17.686 14.6939 17.617C14.3029 17.554 13.8189 16.776 13.6939 16.538C13.5219 16.21 13.1549 16.273 13.0119 16.515C12.7869 16.898 12.3029 17.585 11.9609 17.628C11.2929 17.712 9.90691 17.659 8.82191 17.648C8.82191 17.648 9.00691 16.637 8.59491 16.29C8.28991 16.031 7.76491 15.506 7.45091 15.23L6.61891 14.309Z",
				stroke: "black",
				strokeWidth: "0.75",
				strokeLinecap: "round",
				strokeLinejoin: "round"
			}), U("path", {
				d: "M14.8538 14.6635V11.2045",
				stroke: "black",
				strokeWidth: "0.75",
				strokeLinecap: "round"
			}), U("path", {
				d: "M12.8382 14.6752L12.8222 11.2022",
				stroke: "black",
				strokeWidth: "0.75",
				strokeLinecap: "round"
			}), U("path", {
				d: "M10.8421 11.2338L10.8631 14.6598",
				stroke: "black",
				strokeWidth: "0.75",
				strokeLinecap: "round"
			})]
		}), U("defs", {
			children: dn("filter", {
				id: "filter0_d_3664_1573",
				x: "0.733344",
				y: "0.4",
				width: "21.2",
				height: "22.2",
				filterUnits: "userSpaceOnUse",
				colorInterpolationFilters: "sRGB",
				children: [U("feFlood", {
					floodOpacity: "0",
					result: "BackgroundImageFix"
				}), U("feColorMatrix", { in : "SourceAlpha", type: "matrix",
						values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result:
						"hardAlpha"
				}), U("feOffset", {
					dy: "1"
				}), U("feGaussianBlur", {
					stdDeviation: "1.3"
				}), U("feColorMatrix", {
					type: "matrix",
					values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.32 0"
				}), U("feBlend", {
					mode: "normal",
					in2: "BackgroundImageFix",
					result: "effect1_dropShadow_3664_1573"
				}), U("feBlend", {
					mode: "normal",
					in : "SourceGraphic",
					in2: "effect1_dropShadow_3664_1573",
					result: "shape"
				})]
			})
		})]
	})
}

function zd(e, n, t, r, l) {
	return (e - n) * (l - r) / (t - n) + r
}

function Ld() {
	return dn(Nd, {
		children: [U("div", {
			className: "container",
			children: U(Td, {
				roughness: .2,
				offset: -200
			})
		})]
	})
}

function Td({
	roughness: e = 0,
	offset: n = 0,
	children: t
}) {
	const o = oe.exports.useRef(null),
		u = oe.exports.useRef(null),
		[i, s] = oe.exports.useState("user"),
		c = oe.exports.useRef(null),
		[h, m] = oe.exports.useState({
			x: 0,
			y: 0
		}),
		[p, g] = oe.exports.useState(!1),
		[w, k] = oe.exports.useState(!1),
		[D, f] = oe.exports.useState([]),
		a = Math.round(zd(e, 0, 1, 0, 16)),
		[d, v] = oe.exports.useState(!1);
	oe.exports.useEffect(() => {
		navigator.userAgent.includes("Chrome") || v(!0)
	}, []), oe.exports.useEffect(() => {
		if (!(!o.current || !u.current)) try {
			let C = {
				video: {
					width: {
						ideal: 600
					},
					height: {
						ideal: 600
					},
					facingMode: i
				},
				audio: !1
			};
			navigator.mediaDevices.getUserMedia(C).then(S => {
				const _ = o.current;
				_.setAttribute("playsinline", "true"), _.srcObject = S, _.onloadedmetadata =
					() => {
						_.play()
					};
				const O = u.current;
				O.setAttribute("playsinline", "true"), O.srcObject = S, O.onloadedmetadata =
					() => {
						O.play()
					}
			}).catch(S => console.log(S))
		} catch (C) {
			console.log(C)
		}
	}, [o, u]), oe.exports.useEffect(() => {
		if (!c.current) return;
		const C = S => {
			const _ = c.current.getBoundingClientRect();
			!_ || m({
				x: S.clientX - _.x,
				y: S.clientY - _.y
			})
		};
		return window.addEventListener("mousemove", C), () => {
			window.removeEventListener("mousemove", C)
		}
	}, []);
	const E = C => {
		if (k(!0), !c.current) return;
		const S = c.current.getBoundingClientRect();
		if (!S) return;
		const _ = {
			x: C.clientX - S.x,
			y: C.clientY - S.y
		};
		f(O => [...O, _])
	};
	return dn("div", {
		className: `button-container ${w?"pressed":null}`,
		onMouseEnter: () => g(!0),
		onMouseLeave: () => g(!1),
		children: [dn("div", {
			className: "details-container",
			ref: c,
			style: {
				borderRadius: d ? "var(--border-radius)" : 0
			},
			children: [U("div", {
				className: "hacky-cursor-inner-div",
				children: U("div", {
					className: "cursor",
					style: {
						transform: `translate(${h.x}px, ${h.y}px) translate(-50%, -50%)`,
						opacity: p ? 1 : 0
					},
					children: U(Pd, {})
				})
			}), D.map((C, S) => U("div", {
				className: "fingerprint",
				style: {
					transform: `translate(${C.x}px, ${C.y}px) translate(-50%, -50%)`
				}
			}, S))]
		}), U("video", {
			className: `surface-reflection ${w?"pressed":null}`,
			ref: u
		}), dn("div", {
			className: `button ${w?"pressed":null}`,
			onMouseDown: E,
			onMouseUp: () => k(!1),
			onTouchStart: E,
			onTouchEnd: () => k(!1),
			children: [U("video", {
				className: "button-reflection",
				ref: o,
				style: {
					filter: `blur(${a}px) saturate(0.4) brightness(1.1)`
				}
			}), U("div", {
				className: "shadow"
			})]
		})]
	})
}
ba(document.getElementById("kumonosu")).render(U(Ld, {}));

Explanation 詳しい説明

参考元について(Alex Woduaさんの投稿)

この表現は、Alex Woduaさん(Xアカウント)の投稿を参考にしています。元投稿は外部リンクで掲載しています

この表現について

このメタリックボタンのアイデアは、X(旧Twitter)で活動している Alex Wodua さんの投稿を参考にしています。

実際のカメラ映像を取得し、それをボタン表面の反射として利用することで、

  • 周囲の光の変化
  • 動いたときの映り込み
  • 指で触れたときの“質感の変化”

といった、通常のCSSだけでは再現しづらいリアルな金属感を生み出しています。

仕様・仕組みの考え方

  • デバイスのカメラ映像をリアルタイムで取得
  • その映像をボタン表面の「反射レイヤー」として使用
  • 指で押した際には、反射の歪みや指紋表現が重なり、金属を触っているような感覚を演出

あくまでUI表現なので、正確な物理シミュレーションではありませんが、「それっぽく見える」ことに全振りした設計になっています。

使いどき・向いているシーン

  • コンセプトサイト・実験的なLP
  • ブランドサイトのキービジュアル
  • デジタルアート寄りのUIデモ
  • 「何これ?」と目を止めさせたい場面

日常的なフォームボタンや管理画面には向きませんが、印象を残したいワンポイントUIとしては非常に強力です。

注意点(重要)

この表現はカメラ映像を反射として使うため、カメラに映る環境がそのまま見た目に影響します。

特に以下の点は重要です。

  • 背景は
    白・黒・グレーなど無彩色に近い壁がベスト
  • 棚・ポスター・カラフルな物が多い環境だと
    → 反射が散ってメタリック感が弱くなります
  • 光源が安定している方が、金属らしい締まりが出ます

つまり、「何を映すか」もデザインの一部になります。