fansunited-widgets-cdn 0.0.85 → 0.0.86-RC2

package/chunks/createSvgIcon-DVA0KIUd.js

@@ -0,0 +1,2490 @@
+import { X as $t, Y as kt, r as U, j as Ie, E as vt } from "./main-XP7dqk6g.js";
+import { r as Ye, T as At } from "./resolveProps-BfYZubfk.js";
+var Ee = { exports: {} }, T = {};
+/**
+ * @license React
+ * react-is.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ue;
+function Bt() {
+  if (Ue) return T;
+  Ue = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  function g(u) {
+    if (typeof u == "object" && u !== null) {
+      var $ = u.$$typeof;
+      switch ($) {
+        case e:
+          switch (u = u.type, u) {
+            case r:
+            case o:
+            case n:
+            case f:
+            case d:
+            case m:
+              return u;
+            default:
+              switch (u = u && u.$$typeof, u) {
+                case s:
+                case l:
+                case p:
+                case h:
+                  return u;
+                case a:
+                  return u;
+                default:
+                  return $;
+              }
+          }
+        case t:
+          return $;
+      }
+    }
+  }
+  return T.ContextConsumer = a, T.ContextProvider = s, T.Element = e, T.ForwardRef = l, T.Fragment = r, T.Lazy = p, T.Memo = h, T.Portal = t, T.Profiler = o, T.StrictMode = n, T.Suspense = f, T.SuspenseList = d, T.isContextConsumer = function(u) {
+    return g(u) === a;
+  }, T.isContextProvider = function(u) {
+    return g(u) === s;
+  }, T.isElement = function(u) {
+    return typeof u == "object" && u !== null && u.$$typeof === e;
+  }, T.isForwardRef = function(u) {
+    return g(u) === l;
+  }, T.isFragment = function(u) {
+    return g(u) === r;
+  }, T.isLazy = function(u) {
+    return g(u) === p;
+  }, T.isMemo = function(u) {
+    return g(u) === h;
+  }, T.isPortal = function(u) {
+    return g(u) === t;
+  }, T.isProfiler = function(u) {
+    return g(u) === o;
+  }, T.isStrictMode = function(u) {
+    return g(u) === n;
+  }, T.isSuspense = function(u) {
+    return g(u) === f;
+  }, T.isSuspenseList = function(u) {
+    return g(u) === d;
+  }, T.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === r || u === o || u === n || u === f || u === d || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === h || u.$$typeof === s || u.$$typeof === a || u.$$typeof === l || u.$$typeof === b || u.getModuleId !== void 0);
+  }, T.typeOf = g, T;
+}
+var Qe;
+function Et() {
+  return Qe || (Qe = 1, Ee.exports = /* @__PURE__ */ Bt()), Ee.exports;
+}
+var ut = /* @__PURE__ */ Et();
+const me = {
+  black: "#000",
+  white: "#fff"
+}, Z = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, ee = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, te = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, re = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, ne = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+}, ce = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Ot = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+};
+function J(e, ...t) {
+  const r = new URL(`https://mui.com/production-error/?code=${e}`);
+  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
+}
+/**
+ * @mui/styled-engine v6.5.0
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function Rt(e, t) {
+  return $t(e, t);
+}
+function Pt(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+const Xe = [];
+function q(e) {
+  return Xe[0] = e, kt(Xe);
+}
+function H(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function ft(e) {
+  if (/* @__PURE__ */ U.isValidElement(e) || ut.isValidElementType(e) || !H(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = ft(e[r]);
+  }), t;
+}
+function j(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return H(e) && H(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ U.isValidElement(t[o]) || ut.isValidElementType(t[o]) ? n[o] = t[o] : H(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && H(e[o]) ? n[o] = j(e[o], t[o], r) : r.clone ? n[o] = H(t[o]) ? ft(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+const It = (e) => {
+  const t = Object.keys(e).map((r) => ({
+    key: r,
+    val: e[r]
+  })) || [];
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
+    ...r,
+    [n.key]: n.val
+  }), {});
+};
+function _t(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5,
+    ...o
+  } = e, a = It(t), s = Object.keys(a);
+  function l(m) {
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
+  }
+  function f(m) {
+    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
+  }
+  function d(m, b) {
+    const g = s.indexOf(b);
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(g !== -1 && typeof t[s[g]] == "number" ? t[s[g]] : b) - n / 100}${r})`;
+  }
+  function h(m) {
+    return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
+  }
+  function p(m) {
+    const b = s.indexOf(m);
+    return b === 0 ? l(s[1]) : b === s.length - 1 ? f(s[b]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: a,
+    up: l,
+    down: f,
+    between: d,
+    only: h,
+    not: p,
+    unit: r,
+    ...o
+  };
+}
+function qe(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    var s, l;
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(((s = n.match(a)) == null ? void 0 : s[1]) || 0) - +(((l = o.match(a)) == null ? void 0 : l[1]) || 0);
+  });
+  return r.length ? r.reduce((n, o) => {
+    const a = t[o];
+    return delete n[o], n[o] = a, n;
+  }, {
+    ...t
+  }) : t;
+}
+function Ft(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function Lt(e, t) {
+  const r = t.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!r)
+    return null;
+  const [, n, o] = r, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(a);
+}
+function zt(e) {
+  const t = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function r(a, s) {
+    a.up = (...l) => t(e.breakpoints.up(...l), s), a.down = (...l) => t(e.breakpoints.down(...l), s), a.between = (...l) => t(e.breakpoints.between(...l), s), a.only = (...l) => t(e.breakpoints.only(...l), s), a.not = (...l) => {
+      const f = t(e.breakpoints.not(...l), s);
+      return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
+    };
+  }
+  const n = {}, o = (a) => (r(n, a), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const Dt = {
+  borderRadius: 4
+};
+function de(e, t) {
+  return t ? j(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const Ce = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Je = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${Ce[e]}px)`
+}, Mt = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : Ce[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function Y(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const a = n.breakpoints || Je;
+    return t.reduce((s, l, f) => (s[a.up(a.keys[f])] = r(t[f]), s), {});
+  }
+  if (typeof t == "object") {
+    const a = n.breakpoints || Je;
+    return Object.keys(t).reduce((s, l) => {
+      if (Ft(a.keys, l)) {
+        const f = Lt(n.containerQueries ? n : Mt, l);
+        f && (s[f] = r(t[l], l));
+      } else if (Object.keys(a.values || Ce).includes(l)) {
+        const f = a.up(l);
+        s[f] = r(t[l], l);
+      } else {
+        const f = l;
+        s[f] = t[f];
+      }
+      return s;
+    }, {});
+  }
+  return r(t);
+}
+function jt(e = {}) {
+  var r;
+  return ((r = e.keys) == null ? void 0 : r.reduce((n, o) => {
+    const a = e.up(o);
+    return n[a] = {}, n;
+  }, {})) || {};
+}
+function Ze(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function ie(e) {
+  if (typeof e != "string")
+    throw new Error(J(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function we(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, a) => o && o[a] ? o[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function Se(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = we(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function I(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, a = (s) => {
+    if (s[t] == null)
+      return null;
+    const l = s[t], f = s.theme, d = we(f, n) || {};
+    return Y(s, l, (p) => {
+      let m = Se(d, o, p);
+      return p === m && typeof p == "string" && (m = Se(d, o, `${t}${p === "default" ? "" : ie(p)}`, p)), r === !1 ? m : {
+        [r]: m
+      };
+    });
+  };
+  return a.propTypes = {}, a.filterProps = [t], a;
+}
+function Wt(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const Vt = {
+  m: "margin",
+  p: "padding"
+}, Kt = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, et = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Gt = Wt((e) => {
+  if (e.length > 2)
+    if (et[e])
+      e = et[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = Vt[t], o = Kt[r] || "";
+  return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
+}), ze = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], De = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
+[...ze, ...De];
+function pe(e, t, r, n) {
+  const o = we(e, t, !0) ?? r;
+  return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : typeof o == "string" ? `calc(${a} * ${o})` : o * a : Array.isArray(o) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const s = Math.abs(a), l = o[s];
+    return a >= 0 ? l : typeof l == "number" ? -l : `-${l}`;
+  } : typeof o == "function" ? o : () => {
+  };
+}
+function Me(e) {
+  return pe(e, "spacing", 8);
+}
+function ge(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function Nt(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = ge(t, r), n), {});
+}
+function Ht(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const o = Gt(r), a = Nt(o, n), s = e[r];
+  return Y(e, s, a);
+}
+function dt(e, t) {
+  const r = Me(e.theme);
+  return Object.keys(e).map((n) => Ht(e, t, n, r)).reduce(de, {});
+}
+function E(e) {
+  return dt(e, ze);
+}
+E.propTypes = {};
+E.filterProps = ze;
+function O(e) {
+  return dt(e, De);
+}
+O.propTypes = {};
+O.filterProps = De;
+function mt(e = 8, t = Me({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const r = (...n) => (n.length === 0 ? [1] : n).map((a) => {
+    const s = t(a);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" ");
+  return r.mui = !0, r;
+}
+function xe(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((a) => {
+    n[a] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, a) => t[a] ? de(o, t[a](n)) : o, {});
+  return r.propTypes = {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
+}
+function V(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function K(e, t) {
+  return I({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const Yt = K("border", V), Ut = K("borderTop", V), Qt = K("borderRight", V), Xt = K("borderBottom", V), qt = K("borderLeft", V), Jt = K("borderColor"), Zt = K("borderTopColor"), er = K("borderRightColor"), tr = K("borderBottomColor"), rr = K("borderLeftColor"), nr = K("outline", V), or = K("outlineColor"), Te = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = pe(e.theme, "shape.borderRadius", 4), r = (n) => ({
+      borderRadius: ge(t, n)
+    });
+    return Y(e, e.borderRadius, r);
+  }
+  return null;
+};
+Te.propTypes = {};
+Te.filterProps = ["borderRadius"];
+xe(Yt, Ut, Qt, Xt, qt, Jt, Zt, er, tr, rr, Te, nr, or);
+const $e = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      gap: ge(t, n)
+    });
+    return Y(e, e.gap, r);
+  }
+  return null;
+};
+$e.propTypes = {};
+$e.filterProps = ["gap"];
+const ke = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      columnGap: ge(t, n)
+    });
+    return Y(e, e.columnGap, r);
+  }
+  return null;
+};
+ke.propTypes = {};
+ke.filterProps = ["columnGap"];
+const ve = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      rowGap: ge(t, n)
+    });
+    return Y(e, e.rowGap, r);
+  }
+  return null;
+};
+ve.propTypes = {};
+ve.filterProps = ["rowGap"];
+const ir = I({
+  prop: "gridColumn"
+}), ar = I({
+  prop: "gridRow"
+}), sr = I({
+  prop: "gridAutoFlow"
+}), lr = I({
+  prop: "gridAutoColumns"
+}), cr = I({
+  prop: "gridAutoRows"
+}), ur = I({
+  prop: "gridTemplateColumns"
+}), fr = I({
+  prop: "gridTemplateRows"
+}), dr = I({
+  prop: "gridTemplateAreas"
+}), mr = I({
+  prop: "gridArea"
+});
+xe($e, ke, ve, ir, ar, sr, lr, cr, ur, fr, dr, mr);
+function oe(e, t) {
+  return t === "grey" ? t : e;
+}
+const pr = I({
+  prop: "color",
+  themeKey: "palette",
+  transform: oe
+}), gr = I({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: oe
+}), hr = I({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: oe
+});
+xe(pr, gr, hr);
+function M(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const yr = I({
+  prop: "width",
+  transform: M
+}), je = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      var o, a, s, l, f;
+      const n = ((s = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : s[r]) || Ce[r];
+      return n ? ((f = (l = e.theme) == null ? void 0 : l.breakpoints) == null ? void 0 : f.unit) !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: M(r)
+      };
+    };
+    return Y(e, e.maxWidth, t);
+  }
+  return null;
+};
+je.filterProps = ["maxWidth"];
+const br = I({
+  prop: "minWidth",
+  transform: M
+}), Sr = I({
+  prop: "height",
+  transform: M
+}), Cr = I({
+  prop: "maxHeight",
+  transform: M
+}), wr = I({
+  prop: "minHeight",
+  transform: M
+});
+I({
+  prop: "size",
+  cssProperty: "width",
+  transform: M
+});
+I({
+  prop: "size",
+  cssProperty: "height",
+  transform: M
+});
+const xr = I({
+  prop: "boxSizing"
+});
+xe(yr, je, br, Sr, Cr, wr, xr);
+const Ae = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: V
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: V
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: V
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: V
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: V
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: V
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Te
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: oe
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: oe
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: oe
+  },
+  // spacing
+  p: {
+    style: O
+  },
+  pt: {
+    style: O
+  },
+  pr: {
+    style: O
+  },
+  pb: {
+    style: O
+  },
+  pl: {
+    style: O
+  },
+  px: {
+    style: O
+  },
+  py: {
+    style: O
+  },
+  padding: {
+    style: O
+  },
+  paddingTop: {
+    style: O
+  },
+  paddingRight: {
+    style: O
+  },
+  paddingBottom: {
+    style: O
+  },
+  paddingLeft: {
+    style: O
+  },
+  paddingX: {
+    style: O
+  },
+  paddingY: {
+    style: O
+  },
+  paddingInline: {
+    style: O
+  },
+  paddingInlineStart: {
+    style: O
+  },
+  paddingInlineEnd: {
+    style: O
+  },
+  paddingBlock: {
+    style: O
+  },
+  paddingBlockStart: {
+    style: O
+  },
+  paddingBlockEnd: {
+    style: O
+  },
+  m: {
+    style: E
+  },
+  mt: {
+    style: E
+  },
+  mr: {
+    style: E
+  },
+  mb: {
+    style: E
+  },
+  ml: {
+    style: E
+  },
+  mx: {
+    style: E
+  },
+  my: {
+    style: E
+  },
+  margin: {
+    style: E
+  },
+  marginTop: {
+    style: E
+  },
+  marginRight: {
+    style: E
+  },
+  marginBottom: {
+    style: E
+  },
+  marginLeft: {
+    style: E
+  },
+  marginX: {
+    style: E
+  },
+  marginY: {
+    style: E
+  },
+  marginInline: {
+    style: E
+  },
+  marginInlineStart: {
+    style: E
+  },
+  marginInlineEnd: {
+    style: E
+  },
+  marginBlock: {
+    style: E
+  },
+  marginBlockStart: {
+    style: E
+  },
+  marginBlockEnd: {
+    style: E
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: $e
+  },
+  rowGap: {
+    style: ve
+  },
+  columnGap: {
+    style: ke
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: M
+  },
+  maxWidth: {
+    style: je
+  },
+  minWidth: {
+    transform: M
+  },
+  height: {
+    transform: M
+  },
+  maxHeight: {
+    transform: M
+  },
+  minHeight: {
+    transform: M
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function Tr(...e) {
+  const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
+  return e.every((n) => r.size === Object.keys(n).length);
+}
+function $r(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function kr() {
+  function e(r, n, o, a) {
+    const s = {
+      [r]: n,
+      theme: o
+    }, l = a[r];
+    if (!l)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: d,
+      transform: h,
+      style: p
+    } = l;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const m = we(o, d) || {};
+    return p ? p(s) : Y(s, n, (g) => {
+      let u = Se(m, h, g);
+      return g === u && typeof g == "string" && (u = Se(m, h, `${r}${g === "default" ? "" : ie(g)}`, g)), f === !1 ? u : {
+        [f]: u
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: a
+    } = r || {};
+    if (!n)
+      return null;
+    const s = o.unstable_sxConfig ?? Ae;
+    function l(f) {
+      let d = f;
+      if (typeof f == "function")
+        d = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!d)
+        return null;
+      const h = jt(o.breakpoints), p = Object.keys(h);
+      let m = h;
+      return Object.keys(d).forEach((b) => {
+        const g = $r(d[b], o);
+        if (g != null)
+          if (typeof g == "object")
+            if (s[b])
+              m = de(m, e(b, g, o, s));
+            else {
+              const u = Y({
+                theme: o
+              }, g, ($) => ({
+                [b]: $
+              }));
+              Tr(u, g) ? m[b] = t({
+                sx: g,
+                theme: o,
+                nested: !0
+              }) : m = de(m, u);
+            }
+          else
+            m = de(m, e(b, g, o, s));
+      }), !a && o.modularCssLayers ? {
+        "@layer sx": qe(o, Ze(p, m))
+      } : qe(o, Ze(p, m));
+    }
+    return Array.isArray(n) ? n.map(l) : l(n);
+  }
+  return t;
+}
+const ae = kr();
+ae.filterProps = ["sx"];
+function vr(e, t) {
+  var n;
+  const r = this;
+  if (r.vars) {
+    if (!((n = r.colorSchemes) != null && n[e]) || typeof r.getColorSchemeSelector != "function")
+      return {};
+    let o = r.getColorSchemeSelector(e);
+    return o === "&" ? t : ((o.includes("data-") || o.includes(".")) && (o = `*:where(${o.replace(/\s*&$/, "")}) &`), {
+      [o]: t
+    });
+  }
+  return r.palette.mode === e ? t : {};
+}
+function pt(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: a = {},
+    ...s
+  } = e, l = _t(r), f = mt(o);
+  let d = j({
+    breakpoints: l,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...Dt,
+      ...a
+    }
+  }, s);
+  return d = zt(d), d.applyStyles = vr, d = t.reduce((h, p) => j(h, p), d), d.unstable_sxConfig = {
+    ...Ae,
+    ...s == null ? void 0 : s.unstable_sxConfig
+  }, d.unstable_sx = function(p) {
+    return ae({
+      sx: p,
+      theme: this
+    });
+  }, d;
+}
+const tt = (e) => e, Ar = () => {
+  let e = tt;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = tt;
+    }
+  };
+}, Br = Ar(), Er = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function gt(e, t, r = "Mui") {
+  const n = Er[t];
+  return n ? `${r}-${n}` : `${Br.generate(e)}-${t}`;
+}
+function Or(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = gt(e, o, r);
+  }), n;
+}
+function ht(e) {
+  const {
+    variants: t,
+    ...r
+  } = e, n = {
+    variants: t,
+    style: q(r),
+    isProcessed: !0
+  };
+  return n.style === r || t && t.forEach((o) => {
+    typeof o.style != "function" && (o.style = q(o.style));
+  }), n;
+}
+const Rr = pt();
+function Oe(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function X(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function Pr(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function Ir(e, t, r) {
+  e.theme = Lr(e.theme) ? r : e.theme[t] || e.theme;
+}
+function be(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => be(e, o, r));
+  if (Array.isArray(n == null ? void 0 : n.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? X(n.style, r) : n.style;
+    else {
+      const {
+        variants: a,
+        ...s
+      } = n;
+      o = r ? X(q(s), r) : s;
+    }
+    return yt(e, n.variants, [o], r);
+  }
+  return n != null && n.isProcessed ? r ? X(q(n.style), r) : n.style : r ? X(q(n), r) : n;
+}
+function yt(e, t, r = [], n = void 0) {
+  var a;
+  let o;
+  e: for (let s = 0; s < t.length; s += 1) {
+    const l = t[s];
+    if (typeof l.props == "function") {
+      if (o ?? (o = {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }), !l.props(o))
+        continue;
+    } else
+      for (const f in l.props)
+        if (e[f] !== l.props[f] && ((a = e.ownerState) == null ? void 0 : a[f]) !== l.props[f])
+          continue e;
+    typeof l.style == "function" ? (o ?? (o = {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }), r.push(n ? X(q(l.style(o)), n) : l.style(o))) : r.push(n ? X(q(l.style), n) : l.style);
+  }
+  return r;
+}
+function _r(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = Rr,
+    rootShouldForwardProp: n = Oe,
+    slotShouldForwardProp: o = Oe
+  } = e;
+  function a(l) {
+    Ir(l, t, r);
+  }
+  return (l, f = {}) => {
+    Pt(l, (B) => B.filter((P) => P !== ae));
+    const {
+      name: d,
+      slot: h,
+      skipVariantsResolver: p,
+      skipSx: m,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: b = Pr(Dr(h)),
+      ...g
+    } = f, u = d && d.startsWith("Mui") || h ? "components" : "custom", $ = p !== void 0 ? p : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      h && h !== "Root" && h !== "root" || !1
+    ), R = m || !1;
+    let z = Oe;
+    h === "Root" || h === "root" ? z = n : h ? z = o : zr(l) && (z = void 0);
+    const w = Rt(l, {
+      shouldForwardProp: z,
+      label: Fr(),
+      ...g
+    }), S = (B) => {
+      if (B.__emotion_real === B)
+        return B;
+      if (typeof B == "function")
+        return function(D) {
+          return be(D, B, D.theme.modularCssLayers ? u : void 0);
+        };
+      if (H(B)) {
+        const P = ht(B);
+        return function(F) {
+          return P.variants ? be(F, P, F.theme.modularCssLayers ? u : void 0) : F.theme.modularCssLayers ? X(P.style, u) : P.style;
+        };
+      }
+      return B;
+    }, _ = (...B) => {
+      const P = [], D = B.map(S), F = [];
+      if (P.push(a), d && b && F.push(function(x) {
+        var le, Ne;
+        const L = (Ne = (le = x.theme.components) == null ? void 0 : le[d]) == null ? void 0 : Ne.styleOverrides;
+        if (!L)
+          return null;
+        const se = {};
+        for (const He in L)
+          se[He] = be(x, L[He], x.theme.modularCssLayers ? "theme" : void 0);
+        return b(x, se);
+      }), d && !$ && F.push(function(x) {
+        var se, le;
+        const W = x.theme, L = (le = (se = W == null ? void 0 : W.components) == null ? void 0 : se[d]) == null ? void 0 : le.variants;
+        return L ? yt(x, L, [], x.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), R || F.push(ae), Array.isArray(D[0])) {
+        const C = D.shift(), x = new Array(P.length).fill(""), W = new Array(F.length).fill("");
+        let L;
+        L = [...x, ...C, ...W], L.raw = [...x, ...C.raw, ...W], P.unshift(L);
+      }
+      const i = [...P, ...D, ...F], y = w(...i);
+      return l.muiName && (y.muiName = l.muiName), y;
+    };
+    return w.withConfig && (_.withConfig = w.withConfig), _;
+  };
+}
+function Fr(e, t) {
+  return void 0;
+}
+function Lr(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function zr(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function Dr(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function Mr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function We(e, t = 0, r = 1) {
+  return Mr(e, t, r);
+}
+function jr(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let r = e.match(t);
+  return r && r[0].length === 1 && (r = r.map((n) => n + n)), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function Q(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Q(jr(e));
+  const t = e.indexOf("("), r = e.substring(0, t);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
+    throw new Error(J(9, e));
+  let n = e.substring(t + 1, e.length - 1), o;
+  if (r === "color") {
+    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
+      throw new Error(J(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const Wr = (e) => {
+  const t = Q(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, ue = (e, t) => {
+  try {
+    return Wr(e);
+  } catch {
+    return e;
+  }
+};
+function Be(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function bt(e) {
+  e = Q(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), s = (d, h = (d + r / 30) % 12) => o - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
+  let l = "rgb";
+  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (l += "a", f.push(t[3])), Be({
+    type: l,
+    values: f
+  });
+}
+function _e(e) {
+  e = Q(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? Q(bt(e)).values : e.values;
+  return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function Vr(e, t) {
+  const r = _e(e), n = _e(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function Kr(e, t) {
+  return e = Q(e), t = We(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Be(e);
+}
+function he(e, t, r) {
+  try {
+    return Kr(e, t);
+  } catch {
+    return e;
+  }
+}
+function Ve(e, t) {
+  if (e = Q(e), t = We(t), e.type.includes("hsl"))
+    e.values[2] *= 1 - t;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] *= 1 - t;
+  return Be(e);
+}
+function k(e, t, r) {
+  try {
+    return Ve(e, t);
+  } catch {
+    return e;
+  }
+}
+function Ke(e, t) {
+  if (e = Q(e), t = We(t), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.includes("rgb"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (255 - e.values[r]) * t;
+  else if (e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (1 - e.values[r]) * t;
+  return Be(e);
+}
+function v(e, t, r) {
+  try {
+    return Ke(e, t);
+  } catch {
+    return e;
+  }
+}
+function Gr(e, t = 0.15) {
+  return _e(e) > 0.5 ? Ve(e, t) : Ke(e, t);
+}
+function ye(e, t, r) {
+  try {
+    return Gr(e, t);
+  } catch {
+    return e;
+  }
+}
+function Nr(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const a = e[o];
+    let s = "", l = !0;
+    for (let f = 0; f < a.length; f += 1) {
+      const d = a[f];
+      d && (s += (l === !0 ? "" : " ") + t(d), l = !1, r && r[d] && (s += " " + r[d]));
+    }
+    n[o] = s;
+  }
+  return n;
+}
+const Hr = /* @__PURE__ */ U.createContext(void 0);
+function Yr(e) {
+  const {
+    theme: t,
+    name: r,
+    props: n
+  } = e;
+  if (!t || !t.components || !t.components[r])
+    return n;
+  const o = t.components[r];
+  return o.defaultProps ? Ye(o.defaultProps, n) : !o.styleOverrides && !o.variants ? Ye(o, n) : n;
+}
+function Ur({
+  props: e,
+  name: t
+}) {
+  const r = U.useContext(Hr);
+  return Yr({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+const rt = {
+  theme: void 0
+};
+function Qr(e) {
+  let t, r;
+  return function(o) {
+    let a = t;
+    return (a === void 0 || o.theme !== r) && (rt.theme = o.theme, a = ht(e(rt)), t = a, r = o.theme), a;
+  };
+}
+function Xr(e = "") {
+  function t(...n) {
+    if (!n.length)
+      return "";
+    const o = n[0];
+    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${o}${t(...n.slice(1))})` : `, ${o}`;
+  }
+  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
+}
+const nt = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((a, s) => {
+    s === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
+  });
+}, qr = (e, t, r) => {
+  function n(o, a = [], s = []) {
+    Object.entries(o).forEach(([l, f]) => {
+      (!r || r && !r([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, l], Array.isArray(f) ? [...s, l] : s) : t([...a, l], f, s));
+    });
+  }
+  n(e);
+}, Jr = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function Re(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, a = {}, s = {};
+  return qr(
+    e,
+    (l, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
+        const h = `--${r ? `${r}-` : ""}${l.join("-")}`, p = Jr(l, f);
+        Object.assign(o, {
+          [h]: p
+        }), nt(a, l, `var(${h})`, d), nt(s, l, `var(${h}, ${p})`, d);
+      }
+    },
+    (l) => l[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: a,
+    varsWithDefaults: s
+  };
+}
+function Zr(e, t = {}) {
+  const {
+    getSelector: r = $,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o
+  } = t, {
+    colorSchemes: a = {},
+    components: s,
+    defaultColorScheme: l = "light",
+    ...f
+  } = e, {
+    vars: d,
+    css: h,
+    varsWithDefaults: p
+  } = Re(f, t);
+  let m = p;
+  const b = {}, {
+    [l]: g,
+    ...u
+  } = a;
+  if (Object.entries(u || {}).forEach(([w, S]) => {
+    const {
+      vars: _,
+      css: B,
+      varsWithDefaults: P
+    } = Re(S, t);
+    m = j(m, P), b[w] = {
+      css: B,
+      vars: _
+    };
+  }), g) {
+    const {
+      css: w,
+      vars: S,
+      varsWithDefaults: _
+    } = Re(g, t);
+    m = j(m, _), b[l] = {
+      css: w,
+      vars: S
+    };
+  }
+  function $(w, S) {
+    var B, P;
+    let _ = o;
+    if (o === "class" && (_ = ".%s"), o === "data" && (_ = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (_ = `[${o}="%s"]`), w) {
+      if (_ === "media")
+        return e.defaultColorScheme === w ? ":root" : {
+          [`@media (prefers-color-scheme: ${((P = (B = a[w]) == null ? void 0 : B.palette) == null ? void 0 : P.mode) || w})`]: {
+            ":root": S
+          }
+        };
+      if (_)
+        return e.defaultColorScheme === w ? `:root, ${_.replace("%s", String(w))}` : _.replace("%s", String(w));
+    }
+    return ":root";
+  }
+  return {
+    vars: m,
+    generateThemeVars: () => {
+      let w = {
+        ...d
+      };
+      return Object.entries(b).forEach(([, {
+        vars: S
+      }]) => {
+        w = j(w, S);
+      }), w;
+    },
+    generateStyleSheets: () => {
+      var D, F;
+      const w = [], S = e.defaultColorScheme || "light";
+      function _(i, y) {
+        Object.keys(y).length && w.push(typeof i == "string" ? {
+          [i]: {
+            ...y
+          }
+        } : i);
+      }
+      _(r(void 0, {
+        ...h
+      }), h);
+      const {
+        [S]: B,
+        ...P
+      } = b;
+      if (B) {
+        const {
+          css: i
+        } = B, y = (F = (D = a[S]) == null ? void 0 : D.palette) == null ? void 0 : F.mode, C = !n && y ? {
+          colorScheme: y,
+          ...i
+        } : {
+          ...i
+        };
+        _(r(S, {
+          ...C
+        }), C);
+      }
+      return Object.entries(P).forEach(([i, {
+        css: y
+      }]) => {
+        var W, L;
+        const C = (L = (W = a[i]) == null ? void 0 : W.palette) == null ? void 0 : L.mode, x = !n && C ? {
+          colorScheme: C,
+          ...y
+        } : {
+          ...y
+        };
+        _(r(i, {
+          ...x
+        }), x);
+      }), w;
+    }
+  };
+}
+function en(e) {
+  return function(r) {
+    return e === "media" ? `@media (prefers-color-scheme: ${r})` : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
+  };
+}
+function St() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: me.white,
+      default: me.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const tn = St();
+function Ct() {
+  return {
+    text: {
+      primary: me.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: me.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const ot = Ct();
+function it(e, t, r, n) {
+  const o = n.light || n, a = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Ke(e.main, o) : t === "dark" && (e.dark = Ve(e.main, a)));
+}
+function rn(e = "light") {
+  return e === "dark" ? {
+    main: te[200],
+    light: te[50],
+    dark: te[400]
+  } : {
+    main: te[700],
+    light: te[400],
+    dark: te[800]
+  };
+}
+function nn(e = "light") {
+  return e === "dark" ? {
+    main: ee[200],
+    light: ee[50],
+    dark: ee[400]
+  } : {
+    main: ee[500],
+    light: ee[300],
+    dark: ee[700]
+  };
+}
+function on(e = "light") {
+  return e === "dark" ? {
+    main: Z[500],
+    light: Z[300],
+    dark: Z[700]
+  } : {
+    main: Z[700],
+    light: Z[400],
+    dark: Z[800]
+  };
+}
+function an(e = "light") {
+  return e === "dark" ? {
+    main: re[400],
+    light: re[300],
+    dark: re[700]
+  } : {
+    main: re[700],
+    light: re[500],
+    dark: re[900]
+  };
+}
+function sn(e = "light") {
+  return e === "dark" ? {
+    main: ne[400],
+    light: ne[300],
+    dark: ne[700]
+  } : {
+    main: ne[800],
+    light: ne[500],
+    dark: ne[900]
+  };
+}
+function ln(e = "light") {
+  return e === "dark" ? {
+    main: ce[400],
+    light: ce[300],
+    dark: ce[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: ce[500],
+    dark: ce[900]
+  };
+}
+function Ge(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    ...o
+  } = e, a = e.primary || rn(t), s = e.secondary || nn(t), l = e.error || on(t), f = e.info || an(t), d = e.success || sn(t), h = e.warning || ln(t);
+  function p(u) {
+    return Vr(u, ot.text.primary) >= r ? ot.text.primary : tn.text.primary;
+  }
+  const m = ({
+    color: u,
+    name: $,
+    mainShade: R = 500,
+    lightShade: z = 300,
+    darkShade: w = 700
+  }) => {
+    if (u = {
+      ...u
+    }, !u.main && u[R] && (u.main = u[R]), !u.hasOwnProperty("main"))
+      throw new Error(J(11, $ ? ` (${$})` : "", R));
+    if (typeof u.main != "string")
+      throw new Error(J(12, $ ? ` (${$})` : "", JSON.stringify(u.main)));
+    return it(u, "light", z, n), it(u, "dark", w, n), u.contrastText || (u.contrastText = p(u.main)), u;
+  };
+  let b;
+  return t === "light" ? b = St() : t === "dark" && (b = Ct()), j({
+    // A collection of common colors.
+    common: {
+      ...me
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: m({
+      color: a,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: m({
+      color: s,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: m({
+      color: l,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: m({
+      color: h,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: m({
+      color: f,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: m({
+      color: d,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Ot,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: r,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: p,
+    // Generate a rich color object.
+    augmentColor: m,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...b
+  }, o);
+}
+function cn(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, a] = n;
+    typeof a == "object" && (t[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  }), t;
+}
+function un(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function fn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const at = {
+  textTransform: "uppercase"
+}, st = '"Roboto", "Helvetica", "Arial", sans-serif';
+function dn(e, t) {
+  const {
+    fontFamily: r = st,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: s = 500,
+    fontWeightBold: l = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: f = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: d,
+    pxToRem: h,
+    ...p
+  } = typeof t == "function" ? t(e) : t, m = n / 14, b = h || (($) => `${$ / f * m}rem`), g = ($, R, z, w, S) => ({
+    fontFamily: r,
+    fontWeight: $,
+    fontSize: b(R),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: z,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...r === st ? {
+      letterSpacing: `${fn(w / R)}em`
+    } : {},
+    ...S,
+    ...d
+  }), u = {
+    h1: g(o, 96, 1.167, -1.5),
+    h2: g(o, 60, 1.2, -0.5),
+    h3: g(a, 48, 1.167, 0),
+    h4: g(a, 34, 1.235, 0.25),
+    h5: g(a, 24, 1.334, 0),
+    h6: g(s, 20, 1.6, 0.15),
+    subtitle1: g(a, 16, 1.75, 0.15),
+    subtitle2: g(s, 14, 1.57, 0.1),
+    body1: g(a, 16, 1.5, 0.15),
+    body2: g(a, 14, 1.43, 0.15),
+    button: g(s, 14, 1.75, 0.4, at),
+    caption: g(a, 12, 1.66, 0.4),
+    overline: g(a, 12, 2.66, 1, at),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return j({
+    htmlFontSize: f,
+    pxToRem: b,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: a,
+    fontWeightMedium: s,
+    fontWeightBold: l,
+    ...u
+  }, p, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const mn = 0.2, pn = 0.14, gn = 0.12;
+function A(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${mn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${pn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${gn})`].join(",");
+}
+const hn = ["none", A(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), A(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), A(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), A(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), A(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), A(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), A(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), A(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), A(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), A(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), A(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), A(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), A(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), A(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), A(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), A(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), A(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), A(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), A(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), A(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), A(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), A(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), A(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), A(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], yn = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, bn = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function lt(e) {
+  return `${Math.round(e)}ms`;
+}
+function Sn(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function Cn(e) {
+  const t = {
+    ...yn,
+    ...e.easing
+  }, r = {
+    ...bn,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Sn,
+    create: (o = ["all"], a = {}) => {
+      const {
+        duration: s = r.standard,
+        easing: l = t.easeInOut,
+        delay: f = 0,
+        ...d
+      } = a;
+      return (Array.isArray(o) ? o : [o]).map((h) => `${h} ${typeof s == "string" ? s : lt(s)} ${l} ${typeof f == "string" ? f : lt(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const wn = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function xn(e) {
+  return H(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function wt(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let a = 0; a < o.length; a++) {
+      const [s, l] = o[a];
+      !xn(l) || s.startsWith("unstable_") ? delete n[s] : H(l) && (n[s] = {
+        ...l
+      }, r(n[s]));
+    }
+  }
+  return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(t, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Fe(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: a = {},
+    transitions: s = {},
+    typography: l = {},
+    shape: f,
+    ...d
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(J(20));
+  const h = Ge(a), p = pt(e);
+  let m = j(p, {
+    mixins: un(p.breakpoints, n),
+    palette: h,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: hn.slice(),
+    typography: dn(h, l),
+    transitions: Cn(s),
+    zIndex: {
+      ...wn
+    }
+  });
+  return m = j(m, d), m = t.reduce((b, g) => j(b, g), m), m.unstable_sxConfig = {
+    ...Ae,
+    ...d == null ? void 0 : d.unstable_sxConfig
+  }, m.unstable_sx = function(g) {
+    return ae({
+      sx: g,
+      theme: this
+    });
+  }, m.toRuntimeSource = wt, m;
+}
+function Tn(e) {
+  let t;
+  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
+}
+const $n = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = Tn(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function xt(e) {
+  return {
+    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
+    inputUnderline: e === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
+    switchTrack: e === "dark" ? 0.3 : 0.38
+  };
+}
+function Tt(e) {
+  return e === "dark" ? $n : [];
+}
+function kn(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    ...o
+  } = e, a = Ge(t);
+  return {
+    palette: a,
+    opacity: {
+      ...xt(a.mode),
+      ...r
+    },
+    overlays: n || Tt(a.mode),
+    ...o
+  };
+}
+function vn(e) {
+  var t;
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
+}
+const An = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Bn = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let a = o;
+  if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const s = {};
+      return An(e.cssVarPrefix).forEach((l) => {
+        s[l] = r[l], delete r[l];
+      }), a === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : a ? {
+        [a.replace("%s", t)]: s,
+        [`${n}, ${a.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...s
+        }
+      };
+    }
+    if (a && a !== "media")
+      return `${n}, ${a.replace("%s", String(t))}`;
+  } else if (t) {
+    if (a === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (a)
+      return a.replace("%s", String(t));
+  }
+  return n;
+};
+function En(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function c(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function fe(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : bt(e);
+}
+function N(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = ue(fe(e[t])));
+}
+function On(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const G = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, Rn = (e = "mui") => Xr(e);
+function Pe(e, t, r, n) {
+  if (!t)
+    return;
+  t = t === !0 ? {} : t;
+  const o = n === "dark" ? "dark" : "light";
+  if (!r) {
+    e[n] = kn({
+      ...t,
+      palette: {
+        mode: o,
+        ...t == null ? void 0 : t.palette
+      }
+    });
+    return;
+  }
+  const {
+    palette: a,
+    ...s
+  } = Fe({
+    ...r,
+    palette: {
+      mode: o,
+      ...t == null ? void 0 : t.palette
+    }
+  });
+  return e[n] = {
+    ...t,
+    palette: a,
+    opacity: {
+      ...xt(o),
+      ...t == null ? void 0 : t.opacity
+    },
+    overlays: (t == null ? void 0 : t.overlays) || Tt(o)
+  }, s;
+}
+function Pn(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: a = "mui",
+    shouldSkipGeneratingVar: s = vn,
+    colorSchemeSelector: l = r.light && r.dark ? "media" : void 0,
+    rootSelector: f = ":root",
+    ...d
+  } = e, h = Object.keys(r)[0], p = n || (r.light && h !== "light" ? "light" : h), m = Rn(a), {
+    [p]: b,
+    light: g,
+    dark: u,
+    ...$
+  } = r, R = {
+    ...$
+  };
+  let z = b;
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (z = !0), !z)
+    throw new Error(J(21, p));
+  const w = Pe(R, z, d, p);
+  g && !R.light && Pe(R, g, void 0, "light"), u && !R.dark && Pe(R, u, void 0, "dark");
+  let S = {
+    defaultColorScheme: p,
+    ...w,
+    cssVarPrefix: a,
+    colorSchemeSelector: l,
+    rootSelector: f,
+    getCssVar: m,
+    colorSchemes: R,
+    font: {
+      ...cn(w.typography),
+      ...w.font
+    },
+    spacing: On(d.spacing)
+  };
+  Object.keys(S.colorSchemes).forEach((F) => {
+    const i = S.colorSchemes[F].palette, y = (C) => {
+      const x = C.split("-"), W = x[1], L = x[2];
+      return m(C, i[W][L]);
+    };
+    if (i.mode === "light" && (c(i.common, "background", "#fff"), c(i.common, "onBackground", "#000")), i.mode === "dark" && (c(i.common, "background", "#000"), c(i.common, "onBackground", "#fff")), En(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      c(i.Alert, "errorColor", k(i.error.light, 0.6)), c(i.Alert, "infoColor", k(i.info.light, 0.6)), c(i.Alert, "successColor", k(i.success.light, 0.6)), c(i.Alert, "warningColor", k(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-main")), c(i.Alert, "infoFilledBg", y("palette-info-main")), c(i.Alert, "successFilledBg", y("palette-success-main")), c(i.Alert, "warningFilledBg", y("palette-warning-main")), c(i.Alert, "errorFilledColor", G(() => i.getContrastText(i.error.main))), c(i.Alert, "infoFilledColor", G(() => i.getContrastText(i.info.main))), c(i.Alert, "successFilledColor", G(() => i.getContrastText(i.success.main))), c(i.Alert, "warningFilledColor", G(() => i.getContrastText(i.warning.main))), c(i.Alert, "errorStandardBg", v(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", v(i.info.light, 0.9)), c(i.Alert, "successStandardBg", v(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", v(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-100")), c(i.Avatar, "defaultBg", y("palette-grey-400")), c(i.Button, "inheritContainedBg", y("palette-grey-300")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-A100")), c(i.Chip, "defaultBorder", y("palette-grey-400")), c(i.Chip, "defaultAvatarColor", y("palette-grey-700")), c(i.Chip, "defaultIconColor", y("palette-grey-700")), c(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(i.LinearProgress, "primaryBg", v(i.primary.main, 0.62)), c(i.LinearProgress, "secondaryBg", v(i.secondary.main, 0.62)), c(i.LinearProgress, "errorBg", v(i.error.main, 0.62)), c(i.LinearProgress, "infoBg", v(i.info.main, 0.62)), c(i.LinearProgress, "successBg", v(i.success.main, 0.62)), c(i.LinearProgress, "warningBg", v(i.warning.main, 0.62)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.11)`), c(i.Slider, "primaryTrack", v(i.primary.main, 0.62)), c(i.Slider, "secondaryTrack", v(i.secondary.main, 0.62)), c(i.Slider, "errorTrack", v(i.error.main, 0.62)), c(i.Slider, "infoTrack", v(i.info.main, 0.62)), c(i.Slider, "successTrack", v(i.success.main, 0.62)), c(i.Slider, "warningTrack", v(i.warning.main, 0.62));
+      const C = ye(i.background.default, 0.8);
+      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", G(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-400")), c(i.StepContent, "border", y("palette-grey-400")), c(i.Switch, "defaultColor", y("palette-common-white")), c(i.Switch, "defaultDisabledColor", y("palette-grey-100")), c(i.Switch, "primaryDisabledColor", v(i.primary.main, 0.62)), c(i.Switch, "secondaryDisabledColor", v(i.secondary.main, 0.62)), c(i.Switch, "errorDisabledColor", v(i.error.main, 0.62)), c(i.Switch, "infoDisabledColor", v(i.info.main, 0.62)), c(i.Switch, "successDisabledColor", v(i.success.main, 0.62)), c(i.Switch, "warningDisabledColor", v(i.warning.main, 0.62)), c(i.TableCell, "border", v(he(i.divider, 1), 0.88)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
+    }
+    if (i.mode === "dark") {
+      c(i.Alert, "errorColor", v(i.error.light, 0.6)), c(i.Alert, "infoColor", v(i.info.light, 0.6)), c(i.Alert, "successColor", v(i.success.light, 0.6)), c(i.Alert, "warningColor", v(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-dark")), c(i.Alert, "infoFilledBg", y("palette-info-dark")), c(i.Alert, "successFilledBg", y("palette-success-dark")), c(i.Alert, "warningFilledBg", y("palette-warning-dark")), c(i.Alert, "errorFilledColor", G(() => i.getContrastText(i.error.dark))), c(i.Alert, "infoFilledColor", G(() => i.getContrastText(i.info.dark))), c(i.Alert, "successFilledColor", G(() => i.getContrastText(i.success.dark))), c(i.Alert, "warningFilledColor", G(() => i.getContrastText(i.warning.dark))), c(i.Alert, "errorStandardBg", k(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", k(i.info.light, 0.9)), c(i.Alert, "successStandardBg", k(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", k(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-900")), c(i.AppBar, "darkBg", y("palette-background-paper")), c(i.AppBar, "darkColor", y("palette-text-primary")), c(i.Avatar, "defaultBg", y("palette-grey-600")), c(i.Button, "inheritContainedBg", y("palette-grey-800")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-700")), c(i.Chip, "defaultBorder", y("palette-grey-700")), c(i.Chip, "defaultAvatarColor", y("palette-grey-300")), c(i.Chip, "defaultIconColor", y("palette-grey-300")), c(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(i.LinearProgress, "primaryBg", k(i.primary.main, 0.5)), c(i.LinearProgress, "secondaryBg", k(i.secondary.main, 0.5)), c(i.LinearProgress, "errorBg", k(i.error.main, 0.5)), c(i.LinearProgress, "infoBg", k(i.info.main, 0.5)), c(i.LinearProgress, "successBg", k(i.success.main, 0.5)), c(i.LinearProgress, "warningBg", k(i.warning.main, 0.5)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.13)`), c(i.Slider, "primaryTrack", k(i.primary.main, 0.5)), c(i.Slider, "secondaryTrack", k(i.secondary.main, 0.5)), c(i.Slider, "errorTrack", k(i.error.main, 0.5)), c(i.Slider, "infoTrack", k(i.info.main, 0.5)), c(i.Slider, "successTrack", k(i.success.main, 0.5)), c(i.Slider, "warningTrack", k(i.warning.main, 0.5));
+      const C = ye(i.background.default, 0.98);
+      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", G(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-600")), c(i.StepContent, "border", y("palette-grey-600")), c(i.Switch, "defaultColor", y("palette-grey-300")), c(i.Switch, "defaultDisabledColor", y("palette-grey-600")), c(i.Switch, "primaryDisabledColor", k(i.primary.main, 0.55)), c(i.Switch, "secondaryDisabledColor", k(i.secondary.main, 0.55)), c(i.Switch, "errorDisabledColor", k(i.error.main, 0.55)), c(i.Switch, "infoDisabledColor", k(i.info.main, 0.55)), c(i.Switch, "successDisabledColor", k(i.success.main, 0.55)), c(i.Switch, "warningDisabledColor", k(i.warning.main, 0.55)), c(i.TableCell, "border", k(he(i.divider, 1), 0.68)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
+    }
+    N(i.background, "default"), N(i.background, "paper"), N(i.common, "background"), N(i.common, "onBackground"), N(i, "divider"), Object.keys(i).forEach((C) => {
+      const x = i[C];
+      C !== "tonalOffset" && x && typeof x == "object" && (x.main && c(i[C], "mainChannel", ue(fe(x.main))), x.light && c(i[C], "lightChannel", ue(fe(x.light))), x.dark && c(i[C], "darkChannel", ue(fe(x.dark))), x.contrastText && c(i[C], "contrastTextChannel", ue(fe(x.contrastText))), C === "text" && (N(i[C], "primary"), N(i[C], "secondary")), C === "action" && (x.active && N(i[C], "active"), x.selected && N(i[C], "selected")));
+    });
+  }), S = t.reduce((F, i) => j(F, i), S);
+  const _ = {
+    prefix: a,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: s,
+    getSelector: Bn(S)
+  }, {
+    vars: B,
+    generateThemeVars: P,
+    generateStyleSheets: D
+  } = Zr(S, _);
+  return S.vars = B, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([F, i]) => {
+    S[F] = i;
+  }), S.generateThemeVars = P, S.generateStyleSheets = D, S.generateSpacing = function() {
+    return mt(d.spacing, Me(this));
+  }, S.getColorSchemeSelector = en(l), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
+    ...Ae,
+    ...d == null ? void 0 : d.unstable_sxConfig
+  }, S.unstable_sx = function(i) {
+    return ae({
+      sx: i,
+      theme: this
+    });
+  }, S.toRuntimeSource = wt, S;
+}
+function ct(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: Ge({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function In(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = r == null ? void 0 : r.mode,
+    ...s
+  } = e, l = a || "light", f = o == null ? void 0 : o[l], d = {
+    ...o,
+    ...r ? {
+      [l]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Fe(e, ...t);
+    let h = r;
+    "palette" in e || d[l] && (d[l] !== !0 ? h = d[l].palette : l === "dark" && (h = {
+      mode: "dark"
+    }));
+    const p = Fe({
+      ...e,
+      palette: h
+    }, ...t);
+    return p.defaultColorScheme = l, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: p.palette
+    }, ct(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: p.palette
+    }, ct(p, "light", d.light)), p;
+  }
+  return !r && !("light" in d) && l === "light" && (d.light = !0), Pn({
+    ...s,
+    colorSchemes: d,
+    defaultColorScheme: l,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const _n = In();
+function Fn(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Ln = (e) => Fn(e) && e !== "classes", zn = _r({
+  themeId: At,
+  defaultTheme: _n,
+  rootShouldForwardProp: Ln
+}), Dn = Qr;
+function Mn(e) {
+  return Ur(e);
+}
+function jn(e) {
+  return gt("MuiSvgIcon", e);
+}
+Or("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Wn = (e) => {
+  const {
+    color: t,
+    fontSize: r,
+    classes: n
+  } = e, o = {
+    root: ["root", t !== "inherit" && `color${ie(t)}`, `fontSize${ie(r)}`]
+  };
+  return Nr(o, jn, n);
+}, Vn = zn("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, r.color !== "inherit" && t[`color${ie(r.color)}`], t[`fontSize${ie(r.fontSize)}`]];
+  }
+})(Dn(({
+  theme: e
+}) => {
+  var t, r, n, o, a, s, l, f, d, h, p, m, b, g;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (o = (t = e.transitions) == null ? void 0 : t.create) == null ? void 0 : o.call(t, "fill", {
+      duration: (n = (r = (e.vars ?? e).transitions) == null ? void 0 : r.duration) == null ? void 0 : n.shorter
+    }),
+    variants: [
+      {
+        props: (u) => !u.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((s = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : s.call(a, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((f = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : f.call(l, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((h = (d = e.typography) == null ? void 0 : d.pxToRem) == null ? void 0 : h.call(d, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((e.vars ?? e).palette).filter(([, u]) => u && u.main).map(([u]) => {
+        var $, R;
+        return {
+          props: {
+            color: u
+          },
+          style: {
+            color: (R = ($ = (e.vars ?? e).palette) == null ? void 0 : $[u]) == null ? void 0 : R.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (m = (p = (e.vars ?? e).palette) == null ? void 0 : p.action) == null ? void 0 : m.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (g = (b = (e.vars ?? e).palette) == null ? void 0 : b.action) == null ? void 0 : g.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), Le = /* @__PURE__ */ U.forwardRef(function(t, r) {
+  const n = Mn({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: o,
+    className: a,
+    color: s = "inherit",
+    component: l = "svg",
+    fontSize: f = "medium",
+    htmlColor: d,
+    inheritViewBox: h = !1,
+    titleAccess: p,
+    viewBox: m = "0 0 24 24",
+    ...b
+  } = n, g = /* @__PURE__ */ U.isValidElement(o) && o.type === "svg", u = {
+    ...n,
+    color: s,
+    component: l,
+    fontSize: f,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: h,
+    viewBox: m,
+    hasSvgAsChild: g
+  }, $ = {};
+  h || ($.viewBox = m);
+  const R = Wn(u);
+  return /* @__PURE__ */ Ie.jsxs(Vn, {
+    as: l,
+    className: vt(R.root, a),
+    focusable: "false",
+    color: d,
+    "aria-hidden": p ? void 0 : !0,
+    role: p ? "img" : void 0,
+    ref: r,
+    ...$,
+    ...b,
+    ...g && o.props,
+    ownerState: u,
+    children: [g ? o.props.children : o, p ? /* @__PURE__ */ Ie.jsx("title", {
+      children: p
+    }) : null]
+  });
+});
+Le.muiName = "SvgIcon";
+function Nn(e, t) {
+  function r(n, o) {
+    return /* @__PURE__ */ Ie.jsx(Le, {
+      "data-testid": `${t}Icon`,
+      ref: o,
+      ...n,
+      children: e
+    });
+  }
+  return r.muiName = Le.muiName, /* @__PURE__ */ U.memo(/* @__PURE__ */ U.forwardRef(r));
+}
+export {
+  Nn as c
+};