@hai-dev/ui-kit 1.0.2 → 1.0.4

package/dist/createTheme-DSHGFfg6.js

@@ -0,0 +1,4124 @@
+import * as ae from "react";
+import { forwardRef as gn, useContext as yn } from "react";
+import { g as bn } from "./index-B2JRaoNz.js";
+const Ye = {
+  black: "#000",
+  white: "#fff"
+}, Ae = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, ke = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, Pe = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Re = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, Ie = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+}, Fe = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, vn = {
+  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 we(e, ...r) {
+  const t = new URL(`https://mui.com/production-error/?code=${e}`);
+  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
+}
+const pa = "$$material";
+function Mr() {
+  return Mr = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, Mr.apply(null, arguments);
+}
+function Sn(e) {
+  if (e.sheet)
+    return e.sheet;
+  for (var r = 0; r < document.styleSheets.length; r++)
+    if (document.styleSheets[r].ownerNode === e)
+      return document.styleSheets[r];
+}
+function Cn(e) {
+  var r = document.createElement("style");
+  return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
+}
+var En = /* @__PURE__ */ (function() {
+  function e(t) {
+    var n = this;
+    this._insertTag = function(o) {
+      var i;
+      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, i), n.tags.push(o);
+    }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
+  }
+  var r = e.prototype;
+  return r.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, r.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Cn(this));
+    var o = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var i = Sn(o);
+      try {
+        i.insertRule(n, i.cssRules.length);
+      } catch {
+      }
+    } else
+      o.appendChild(document.createTextNode(n));
+    this.ctr++;
+  }, r.flush = function() {
+    this.tags.forEach(function(n) {
+      var o;
+      return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
+    }), this.tags = [], this.ctr = 0;
+  }, e;
+})(), ie = "-ms-", ar = "-moz-", L = "-webkit-", Dt = "comm", Ur = "rule", Yr = "decl", Tn = "@import", Bt = "@keyframes", xn = "@layer", wn = Math.abs, cr = String.fromCharCode, $n = Object.assign;
+function _n(e, r) {
+  return oe(e, 0) ^ 45 ? (((r << 2 ^ oe(e, 0)) << 2 ^ oe(e, 1)) << 2 ^ oe(e, 2)) << 2 ^ oe(e, 3) : 0;
+}
+function Ft(e) {
+  return e.trim();
+}
+function On(e, r) {
+  return (e = r.exec(e)) ? e[0] : e;
+}
+function j(e, r, t) {
+  return e.replace(r, t);
+}
+function Dr(e, r) {
+  return e.indexOf(r);
+}
+function oe(e, r) {
+  return e.charCodeAt(r) | 0;
+}
+function ze(e, r, t) {
+  return e.slice(r, t);
+}
+function ve(e) {
+  return e.length;
+}
+function zr(e) {
+  return e.length;
+}
+function Je(e, r) {
+  return r.push(e), e;
+}
+function An(e, r) {
+  return e.map(r).join("");
+}
+var ur = 1, De = 1, Lt = 0, ue = 0, re = 0, Be = "";
+function lr(e, r, t, n, o, i, s) {
+  return { value: e, root: r, parent: t, type: n, props: o, children: i, line: ur, column: De, length: s, return: "" };
+}
+function Le(e, r) {
+  return $n(lr("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+}
+function kn() {
+  return re;
+}
+function Pn() {
+  return re = ue > 0 ? oe(Be, --ue) : 0, De--, re === 10 && (De = 1, ur--), re;
+}
+function fe() {
+  return re = ue < Lt ? oe(Be, ue++) : 0, De++, re === 10 && (De = 1, ur++), re;
+}
+function Ce() {
+  return oe(Be, ue);
+}
+function nr() {
+  return ue;
+}
+function He(e, r) {
+  return ze(Be, e, r);
+}
+function qe(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function jt(e) {
+  return ur = De = 1, Lt = ve(Be = e), ue = 0, [];
+}
+function Vt(e) {
+  return Be = "", e;
+}
+function or(e) {
+  return Ft(He(ue - 1, Br(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Rn(e) {
+  for (; (re = Ce()) && re < 33; )
+    fe();
+  return qe(e) > 2 || qe(re) > 3 ? "" : " ";
+}
+function In(e, r) {
+  for (; --r && fe() && !(re < 48 || re > 102 || re > 57 && re < 65 || re > 70 && re < 97); )
+    ;
+  return He(e, nr() + (r < 6 && Ce() == 32 && fe() == 32));
+}
+function Br(e) {
+  for (; fe(); )
+    switch (re) {
+      // ] ) " '
+      case e:
+        return ue;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Br(re);
+        break;
+      // (
+      case 40:
+        e === 41 && Br(e);
+        break;
+      // \
+      case 92:
+        fe();
+        break;
+    }
+  return ue;
+}
+function Nn(e, r) {
+  for (; fe() && e + re !== 57; )
+    if (e + re === 84 && Ce() === 47)
+      break;
+  return "/*" + He(r, ue - 1) + "*" + cr(e === 47 ? e : fe());
+}
+function Mn(e) {
+  for (; !qe(Ce()); )
+    fe();
+  return He(e, ue);
+}
+function Dn(e) {
+  return Vt(ir("", null, null, null, [""], e = jt(e), 0, [0], e));
+}
+function ir(e, r, t, n, o, i, s, u, l) {
+  for (var d = 0, m = 0, p = s, h = 0, S = 0, g = 0, c = 1, y = 1, x = 1, _ = 0, A = "", C = o, b = i, $ = n, k = A; y; )
+    switch (g = _, _ = fe()) {
+      // (
+      case 40:
+        if (g != 108 && oe(k, p - 1) == 58) {
+          Dr(k += j(or(_), "&", "&\f"), "&\f") != -1 && (x = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        k += or(_);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        k += Rn(g);
+        break;
+      // \
+      case 92:
+        k += In(nr() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (Ce()) {
+          case 42:
+          case 47:
+            Je(Bn(Nn(fe(), nr()), r, t), l);
+            break;
+          default:
+            k += "/";
+        }
+        break;
+      // {
+      case 123 * c:
+        u[d++] = ve(k) * x;
+      // } ; \0
+      case 125 * c:
+      case 59:
+      case 0:
+        switch (_) {
+          // \0 }
+          case 0:
+          case 125:
+            y = 0;
+          // ;
+          case 59 + m:
+            x == -1 && (k = j(k, /\f/g, "")), S > 0 && ve(k) - p && Je(S > 32 ? rt(k + ";", n, t, p - 1) : rt(j(k, " ", "") + ";", n, t, p - 2), l);
+            break;
+          // @ ;
+          case 59:
+            k += ";";
+          // { rule/at-rule
+          default:
+            if (Je($ = et(k, r, t, d, m, o, u, A, C = [], b = [], p), i), _ === 123)
+              if (m === 0)
+                ir(k, r, $, $, C, i, p, u, b);
+              else
+                switch (h === 99 && oe(k, 3) === 110 ? 100 : h) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    ir(e, $, $, n && Je(et(e, $, $, 0, 0, o, u, A, o, C = [], p), b), o, b, p, u, n ? C : b);
+                    break;
+                  default:
+                    ir(k, $, $, $, [""], b, 0, u, b);
+                }
+        }
+        d = m = S = 0, c = x = 1, A = k = "", p = s;
+        break;
+      // :
+      case 58:
+        p = 1 + ve(k), S = g;
+      default:
+        if (c < 1) {
+          if (_ == 123)
+            --c;
+          else if (_ == 125 && c++ == 0 && Pn() == 125)
+            continue;
+        }
+        switch (k += cr(_), _ * c) {
+          // &
+          case 38:
+            x = m > 0 ? 1 : (k += "\f", -1);
+            break;
+          // ,
+          case 44:
+            u[d++] = (ve(k) - 1) * x, x = 1;
+            break;
+          // @
+          case 64:
+            Ce() === 45 && (k += or(fe())), h = Ce(), m = p = ve(A = k += Mn(nr())), _++;
+            break;
+          // -
+          case 45:
+            g === 45 && ve(k) == 2 && (c = 0);
+        }
+    }
+  return i;
+}
+function et(e, r, t, n, o, i, s, u, l, d, m) {
+  for (var p = o - 1, h = o === 0 ? i : [""], S = zr(h), g = 0, c = 0, y = 0; g < n; ++g)
+    for (var x = 0, _ = ze(e, p + 1, p = wn(c = s[g])), A = e; x < S; ++x)
+      (A = Ft(c > 0 ? h[x] + " " + _ : j(_, /&\f/g, h[x]))) && (l[y++] = A);
+  return lr(e, r, t, o === 0 ? Ur : u, l, d, m);
+}
+function Bn(e, r, t) {
+  return lr(e, r, t, Dt, cr(kn()), ze(e, 2, -2), 0);
+}
+function rt(e, r, t, n) {
+  return lr(e, r, t, Yr, ze(e, 0, n), ze(e, n + 1, -1), n);
+}
+function Ne(e, r) {
+  for (var t = "", n = zr(e), o = 0; o < n; o++)
+    t += r(e[o], o, e, r) || "";
+  return t;
+}
+function Fn(e, r, t, n) {
+  switch (e.type) {
+    case xn:
+      if (e.children.length) break;
+    case Tn:
+    case Yr:
+      return e.return = e.return || e.value;
+    case Dt:
+      return "";
+    case Bt:
+      return e.return = e.value + "{" + Ne(e.children, n) + "}";
+    case Ur:
+      e.value = e.props.join(",");
+  }
+  return ve(t = Ne(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+}
+function Ln(e) {
+  var r = zr(e);
+  return function(t, n, o, i) {
+    for (var s = "", u = 0; u < r; u++)
+      s += e[u](t, n, o, i) || "";
+    return s;
+  };
+}
+function jn(e) {
+  return function(r) {
+    r.root || (r = r.return) && e(r);
+  };
+}
+function Wt(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
+  };
+}
+var Vn = function(r, t, n) {
+  for (var o = 0, i = 0; o = i, i = Ce(), o === 38 && i === 12 && (t[n] = 1), !qe(i); )
+    fe();
+  return He(r, ue);
+}, Wn = function(r, t) {
+  var n = -1, o = 44;
+  do
+    switch (qe(o)) {
+      case 0:
+        o === 38 && Ce() === 12 && (t[n] = 1), r[n] += Vn(ue - 1, t, n);
+        break;
+      case 2:
+        r[n] += or(o);
+        break;
+      case 4:
+        if (o === 44) {
+          r[++n] = Ce() === 58 ? "&\f" : "", t[n] = r[n].length;
+          break;
+        }
+      // fallthrough
+      default:
+        r[n] += cr(o);
+    }
+  while (o = fe());
+  return r;
+}, Un = function(r, t) {
+  return Vt(Wn(jt(r), t));
+}, tt = /* @__PURE__ */ new WeakMap(), Yn = function(r) {
+  if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
+  // negative .length indicates that this rule has been already prefixed
+  r.length < 1)) {
+    for (var t = r.value, n = r.parent, o = r.column === n.column && r.line === n.line; n.type !== "rule"; )
+      if (n = n.parent, !n) return;
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !tt.get(n)) && !o) {
+      tt.set(r, !0);
+      for (var i = [], s = Un(t, i), u = n.props, l = 0, d = 0; l < s.length; l++)
+        for (var m = 0; m < u.length; m++, d++)
+          r.props[d] = i[l] ? s[l].replace(/&\f/g, u[m]) : u[m] + " " + s[l];
+    }
+  }
+}, zn = function(r) {
+  if (r.type === "decl") {
+    var t = r.value;
+    // charcode for l
+    t.charCodeAt(0) === 108 && // charcode for b
+    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
+  }
+};
+function Ut(e, r) {
+  switch (_n(e, r)) {
+    // color-adjust
+    case 5103:
+      return L + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return L + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return L + e + ar + e + ie + e + e;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return L + e + ie + e + e;
+    // order
+    case 6165:
+      return L + e + ie + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return L + e + j(e, /(\w+).+(:[^]+)/, L + "box-$1$2" + ie + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return L + e + ie + "flex-item-" + j(e, /flex-|-self/, "") + e;
+    // align-content
+    case 4675:
+      return L + e + ie + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
+    // flex-shrink
+    case 5548:
+      return L + e + ie + j(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return L + e + ie + j(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return L + "box-" + j(e, "-grow", "") + L + e + ie + j(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return L + j(e, /([^-])(transform)/g, "$1" + L + "$2") + e;
+    // cursor
+    case 6187:
+      return j(j(j(e, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return j(e, /(image-set\([^]*)/, L + "$1$`$1");
+    // justify-content
+    case 4968:
+      return j(j(e, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + ie + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + e + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return j(e, /(.+)-inline(.+)/, L + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (ve(e) - 1 - r > 6) switch (oe(e, r + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if (oe(e, r + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return j(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + ar + (oe(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+        // (s)tretch
+        case 115:
+          return ~Dr(e, "stretch") ? Ut(j(e, "stretch", "fill-available"), r) + e : e;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if (oe(e, r + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch (oe(e, ve(e) - 3 - (~Dr(e, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return j(e, ":", ":" + L) + e;
+        // (inline-)?fl(e)x
+        case 101:
+          return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + L + (oe(e, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + ie + "$2box$3") + e;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch (oe(e, r + 11)) {
+        // vertical-l(r)
+        case 114:
+          return L + e + ie + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return L + e + ie + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return L + e + ie + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+      return L + e + ie + e + e;
+  }
+  return e;
+}
+var qn = function(r, t, n, o) {
+  if (r.length > -1 && !r.return) switch (r.type) {
+    case Yr:
+      r.return = Ut(r.value, r.length);
+      break;
+    case Bt:
+      return Ne([Le(r, {
+        value: j(r.value, "@", "@" + L)
+      })], o);
+    case Ur:
+      if (r.length) return An(r.props, function(i) {
+        switch (On(i, /(::plac\w+|:read-\w+)/)) {
+          // :read-(only|write)
+          case ":read-only":
+          case ":read-write":
+            return Ne([Le(r, {
+              props: [j(i, /:(read-\w+)/, ":" + ar + "$1")]
+            })], o);
+          // :placeholder
+          case "::placeholder":
+            return Ne([Le(r, {
+              props: [j(i, /:(plac\w+)/, ":" + L + "input-$1")]
+            }), Le(r, {
+              props: [j(i, /:(plac\w+)/, ":" + ar + "$1")]
+            }), Le(r, {
+              props: [j(i, /:(plac\w+)/, ie + "input-$1")]
+            })], o);
+        }
+        return "";
+      });
+  }
+}, Gn = [qn], Hn = function(r) {
+  var t = r.key;
+  if (t === "css") {
+    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(n, function(c) {
+      var y = c.getAttribute("data-emotion");
+      y.indexOf(" ") !== -1 && (document.head.appendChild(c), c.setAttribute("data-s", ""));
+    });
+  }
+  var o = r.stylisPlugins || Gn, i = {}, s, u = [];
+  s = r.container || document.head, Array.prototype.forEach.call(
+    // this means we will ignore elements which don't have a space in them which
+    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
+    document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
+    function(c) {
+      for (var y = c.getAttribute("data-emotion").split(" "), x = 1; x < y.length; x++)
+        i[y[x]] = !0;
+      u.push(c);
+    }
+  );
+  var l, d = [Yn, zn];
+  {
+    var m, p = [Fn, jn(function(c) {
+      m.insert(c);
+    })], h = Ln(d.concat(o, p)), S = function(y) {
+      return Ne(Dn(y), h);
+    };
+    l = function(y, x, _, A) {
+      m = _, S(y ? y + "{" + x.styles + "}" : x.styles), A && (g.inserted[x.name] = !0);
+    };
+  }
+  var g = {
+    key: t,
+    sheet: new En({
+      key: t,
+      container: s,
+      nonce: r.nonce,
+      speedy: r.speedy,
+      prepend: r.prepend,
+      insertionPoint: r.insertionPoint
+    }),
+    nonce: r.nonce,
+    inserted: i,
+    registered: {},
+    insert: l
+  };
+  return g.sheet.hydrate(u), g;
+}, Ze = { exports: {} }, W = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var nt;
+function Kn() {
+  if (nt) return W;
+  nt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
+  function A(b) {
+    if (typeof b == "object" && b !== null) {
+      var $ = b.$$typeof;
+      switch ($) {
+        case r:
+          switch (b = b.type, b) {
+            case l:
+            case d:
+            case n:
+            case i:
+            case o:
+            case p:
+              return b;
+            default:
+              switch (b = b && b.$$typeof, b) {
+                case u:
+                case m:
+                case g:
+                case S:
+                case s:
+                  return b;
+                default:
+                  return $;
+              }
+          }
+        case t:
+          return $;
+      }
+    }
+  }
+  function C(b) {
+    return A(b) === d;
+  }
+  return W.AsyncMode = l, W.ConcurrentMode = d, W.ContextConsumer = u, W.ContextProvider = s, W.Element = r, W.ForwardRef = m, W.Fragment = n, W.Lazy = g, W.Memo = S, W.Portal = t, W.Profiler = i, W.StrictMode = o, W.Suspense = p, W.isAsyncMode = function(b) {
+    return C(b) || A(b) === l;
+  }, W.isConcurrentMode = C, W.isContextConsumer = function(b) {
+    return A(b) === u;
+  }, W.isContextProvider = function(b) {
+    return A(b) === s;
+  }, W.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === r;
+  }, W.isForwardRef = function(b) {
+    return A(b) === m;
+  }, W.isFragment = function(b) {
+    return A(b) === n;
+  }, W.isLazy = function(b) {
+    return A(b) === g;
+  }, W.isMemo = function(b) {
+    return A(b) === S;
+  }, W.isPortal = function(b) {
+    return A(b) === t;
+  }, W.isProfiler = function(b) {
+    return A(b) === i;
+  }, W.isStrictMode = function(b) {
+    return A(b) === o;
+  }, W.isSuspense = function(b) {
+    return A(b) === p;
+  }, W.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === n || b === d || b === i || b === o || b === p || b === h || typeof b == "object" && b !== null && (b.$$typeof === g || b.$$typeof === S || b.$$typeof === s || b.$$typeof === u || b.$$typeof === m || b.$$typeof === y || b.$$typeof === x || b.$$typeof === _ || b.$$typeof === c);
+  }, W.typeOf = A, W;
+}
+var U = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ot;
+function Xn() {
+  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, _ = e ? Symbol.for("react.scope") : 60119;
+    function A(T) {
+      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      T === n || T === d || T === i || T === o || T === p || T === h || typeof T == "object" && T !== null && (T.$$typeof === g || T.$$typeof === S || T.$$typeof === s || T.$$typeof === u || T.$$typeof === m || T.$$typeof === y || T.$$typeof === x || T.$$typeof === _ || T.$$typeof === c);
+    }
+    function C(T) {
+      if (typeof T == "object" && T !== null) {
+        var ye = T.$$typeof;
+        switch (ye) {
+          case r:
+            var Qe = T.type;
+            switch (Qe) {
+              case l:
+              case d:
+              case n:
+              case i:
+              case o:
+              case p:
+                return Qe;
+              default:
+                var Zr = Qe && Qe.$$typeof;
+                switch (Zr) {
+                  case u:
+                  case m:
+                  case g:
+                  case S:
+                  case s:
+                    return Zr;
+                  default:
+                    return ye;
+                }
+            }
+          case t:
+            return ye;
+        }
+      }
+    }
+    var b = l, $ = d, k = u, pe = s, ne = r, te = m, Q = n, a = g, O = S, E = t, V = i, Y = o, se = p, ge = !1;
+    function wr(T) {
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), v(T) || C(T) === l;
+    }
+    function v(T) {
+      return C(T) === d;
+    }
+    function w(T) {
+      return C(T) === u;
+    }
+    function M(T) {
+      return C(T) === s;
+    }
+    function I(T) {
+      return typeof T == "object" && T !== null && T.$$typeof === r;
+    }
+    function P(T) {
+      return C(T) === m;
+    }
+    function D(T) {
+      return C(T) === n;
+    }
+    function R(T) {
+      return C(T) === g;
+    }
+    function N(T) {
+      return C(T) === S;
+    }
+    function B(T) {
+      return C(T) === t;
+    }
+    function z(T) {
+      return C(T) === i;
+    }
+    function F(T) {
+      return C(T) === o;
+    }
+    function ce(T) {
+      return C(T) === p;
+    }
+    U.AsyncMode = b, U.ConcurrentMode = $, U.ContextConsumer = k, U.ContextProvider = pe, U.Element = ne, U.ForwardRef = te, U.Fragment = Q, U.Lazy = a, U.Memo = O, U.Portal = E, U.Profiler = V, U.StrictMode = Y, U.Suspense = se, U.isAsyncMode = wr, U.isConcurrentMode = v, U.isContextConsumer = w, U.isContextProvider = M, U.isElement = I, U.isForwardRef = P, U.isFragment = D, U.isLazy = R, U.isMemo = N, U.isPortal = B, U.isProfiler = z, U.isStrictMode = F, U.isSuspense = ce, U.isValidElementType = A, U.typeOf = C;
+  })()), U;
+}
+var it;
+function Yt() {
+  return it || (it = 1, process.env.NODE_ENV === "production" ? Ze.exports = Kn() : Ze.exports = Xn()), Ze.exports;
+}
+var Qn = !0;
+function zt(e, r, t) {
+  var n = "";
+  return t.split(" ").forEach(function(o) {
+    e[o] !== void 0 ? r.push(e[o] + ";") : o && (n += o + " ");
+  }), n;
+}
+var qr = function(r, t, n) {
+  var o = r.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (n === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  Qn === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
+}, qt = function(r, t, n) {
+  qr(r, t, n);
+  var o = r.key + "-" + t.name;
+  if (r.inserted[t.name] === void 0) {
+    var i = t;
+    do
+      r.insert(t === i ? "." + o : "", i, r.sheet, !0), i = i.next;
+    while (i !== void 0);
+  }
+};
+function Jn(e) {
+  for (var r = 0, t, n = 0, o = e.length; o >= 4; ++n, o -= 4)
+    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
+    t >>> 24, r = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  switch (o) {
+    case 3:
+      r ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      r ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
+      (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  }
+  return r ^= r >>> 13, r = /* Math.imul(h, m): */
+  (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
+}
+var Zn = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, eo = /[A-Z]|^ms/g, ro = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Gt = function(r) {
+  return r.charCodeAt(1) === 45;
+}, at = function(r) {
+  return r != null && typeof r != "boolean";
+}, $r = /* @__PURE__ */ Wt(function(e) {
+  return Gt(e) ? e : e.replace(eo, "-$&").toLowerCase();
+}), st = function(r, t) {
+  switch (r) {
+    case "animation":
+    case "animationName":
+      if (typeof t == "string")
+        return t.replace(ro, function(n, o, i) {
+          return Se = {
+            name: o,
+            styles: i,
+            next: Se
+          }, o;
+        });
+  }
+  return Zn[r] !== 1 && !Gt(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+};
+function Ge(e, r, t) {
+  if (t == null)
+    return "";
+  var n = t;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof t) {
+    case "boolean":
+      return "";
+    case "object": {
+      var o = t;
+      if (o.anim === 1)
+        return Se = {
+          name: o.name,
+          styles: o.styles,
+          next: Se
+        }, o.name;
+      var i = t;
+      if (i.styles !== void 0) {
+        var s = i.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            Se = {
+              name: s.name,
+              styles: s.styles,
+              next: Se
+            }, s = s.next;
+        var u = i.styles + ";";
+        return u;
+      }
+      return to(e, r, t);
+    }
+    case "function": {
+      if (e !== void 0) {
+        var l = Se, d = t(e);
+        return Se = l, Ge(e, r, d);
+      }
+      break;
+    }
+  }
+  var m = t;
+  if (r == null)
+    return m;
+  var p = r[m];
+  return p !== void 0 ? p : m;
+}
+function to(e, r, t) {
+  var n = "";
+  if (Array.isArray(t))
+    for (var o = 0; o < t.length; o++)
+      n += Ge(e, r, t[o]) + ";";
+  else
+    for (var i in t) {
+      var s = t[i];
+      if (typeof s != "object") {
+        var u = s;
+        r != null && r[u] !== void 0 ? n += i + "{" + r[u] + "}" : at(u) && (n += $r(i) + ":" + st(i, u) + ";");
+      } else if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
+        for (var l = 0; l < s.length; l++)
+          at(s[l]) && (n += $r(i) + ":" + st(i, s[l]) + ";");
+      else {
+        var d = Ge(e, r, s);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += $r(i) + ":" + d + ";";
+            break;
+          }
+          default:
+            n += i + "{" + d + "}";
+        }
+      }
+    }
+  return n;
+}
+var ct = /label:\s*([^\s;{]+)\s*(;|$)/g, Se;
+function Gr(e, r, t) {
+  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
+    return e[0];
+  var n = !0, o = "";
+  Se = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, o += Ge(t, r, i);
+  else {
+    var s = i;
+    o += s[0];
+  }
+  for (var u = 1; u < e.length; u++)
+    if (o += Ge(t, r, e[u]), n) {
+      var l = i;
+      o += l[u];
+    }
+  ct.lastIndex = 0;
+  for (var d = "", m; (m = ct.exec(o)) !== null; )
+    d += "-" + m[1];
+  var p = Jn(o) + d;
+  return {
+    name: p,
+    styles: o,
+    next: Se
+  };
+}
+var no = function(r) {
+  return r();
+}, oo = ae.useInsertionEffect ? ae.useInsertionEffect : !1, Ht = oo || no, Kt = /* @__PURE__ */ ae.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Hn({
+    key: "css"
+  }) : null
+);
+Kt.Provider;
+var Xt = function(r) {
+  return /* @__PURE__ */ gn(function(t, n) {
+    var o = yn(Kt);
+    return r(t, o, n);
+  });
+}, Qt = /* @__PURE__ */ ae.createContext({}), Jt = {}.hasOwnProperty, Fr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ma = function(r, t) {
+  var n = {};
+  for (var o in t)
+    Jt.call(t, o) && (n[o] = t[o]);
+  return n[Fr] = r, n;
+}, io = function(r) {
+  var t = r.cache, n = r.serialized, o = r.isStringTag;
+  return qr(t, n, o), Ht(function() {
+    return qt(t, n, o);
+  }), null;
+}, ao = /* @__PURE__ */ Xt(function(e, r, t) {
+  var n = e.css;
+  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
+  var o = e[Fr], i = [n], s = "";
+  typeof e.className == "string" ? s = zt(r.registered, i, e.className) : e.className != null && (s = e.className + " ");
+  var u = Gr(i, void 0, ae.useContext(Qt));
+  s += r.key + "-" + u.name;
+  var l = {};
+  for (var d in e)
+    Jt.call(e, d) && d !== "css" && d !== Fr && (l[d] = e[d]);
+  return l.className = s, t && (l.ref = t), /* @__PURE__ */ ae.createElement(ae.Fragment, null, /* @__PURE__ */ ae.createElement(io, {
+    cache: r,
+    serialized: u,
+    isStringTag: typeof o == "string"
+  }), /* @__PURE__ */ ae.createElement(o, l));
+}), ha = ao, so = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, co = /* @__PURE__ */ Wt(
+  function(e) {
+    return so.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), uo = co, lo = function(r) {
+  return r !== "theme";
+}, ut = function(r) {
+  return typeof r == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  r.charCodeAt(0) > 96 ? uo : lo;
+}, lt = function(r, t, n) {
+  var o;
+  if (t) {
+    var i = t.shouldForwardProp;
+    o = r.__emotion_forwardProp && i ? function(s) {
+      return r.__emotion_forwardProp(s) && i(s);
+    } : i;
+  }
+  return typeof o != "function" && n && (o = r.__emotion_forwardProp), o;
+}, fo = function(r) {
+  var t = r.cache, n = r.serialized, o = r.isStringTag;
+  return qr(t, n, o), Ht(function() {
+    return qt(t, n, o);
+  }), null;
+}, po = function e(r, t) {
+  var n = r.__emotion_real === r, o = n && r.__emotion_base || r, i, s;
+  t !== void 0 && (i = t.label, s = t.target);
+  var u = lt(r, t, n), l = u || ut(o), d = !l("as");
+  return function() {
+    var m = arguments, p = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && p.push("label:" + i + ";"), m[0] == null || m[0].raw === void 0)
+      p.push.apply(p, m);
+    else {
+      var h = m[0];
+      p.push(h[0]);
+      for (var S = m.length, g = 1; g < S; g++)
+        p.push(m[g], h[g]);
+    }
+    var c = Xt(function(y, x, _) {
+      var A = d && y.as || o, C = "", b = [], $ = y;
+      if (y.theme == null) {
+        $ = {};
+        for (var k in y)
+          $[k] = y[k];
+        $.theme = ae.useContext(Qt);
+      }
+      typeof y.className == "string" ? C = zt(x.registered, b, y.className) : y.className != null && (C = y.className + " ");
+      var pe = Gr(p.concat(b), x.registered, $);
+      C += x.key + "-" + pe.name, s !== void 0 && (C += " " + s);
+      var ne = d && u === void 0 ? ut(A) : l, te = {};
+      for (var Q in y)
+        d && Q === "as" || ne(Q) && (te[Q] = y[Q]);
+      return te.className = C, _ && (te.ref = _), /* @__PURE__ */ ae.createElement(ae.Fragment, null, /* @__PURE__ */ ae.createElement(fo, {
+        cache: x,
+        serialized: pe,
+        isStringTag: typeof A == "string"
+      }), /* @__PURE__ */ ae.createElement(A, te));
+    });
+    return c.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", c.defaultProps = r.defaultProps, c.__emotion_real = c, c.__emotion_base = o, c.__emotion_styles = p, c.__emotion_forwardProp = u, Object.defineProperty(c, "toString", {
+      value: function() {
+        return "." + s;
+      }
+    }), c.withComponent = function(y, x) {
+      var _ = e(y, Mr({}, t, x, {
+        shouldForwardProp: lt(c, x, !0)
+      }));
+      return _.apply(void 0, p);
+    }, c;
+  };
+}, mo = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+], Lr = po.bind(null);
+mo.forEach(function(e) {
+  Lr[e] = Lr(e);
+});
+var er = { exports: {} };
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var _r, ft;
+function ho() {
+  if (ft) return _r;
+  ft = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var s = {}, u = 0; u < 10; u++)
+        s["_" + String.fromCharCode(u)] = u;
+      var l = Object.getOwnPropertyNames(s).map(function(m) {
+        return s[m];
+      });
+      if (l.join("") !== "0123456789")
+        return !1;
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
+        d[m] = m;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return _r = o() ? Object.assign : function(i, s) {
+    for (var u, l = n(i), d, m = 1; m < arguments.length; m++) {
+      u = Object(arguments[m]);
+      for (var p in u)
+        r.call(u, p) && (l[p] = u[p]);
+      if (e) {
+        d = e(u);
+        for (var h = 0; h < d.length; h++)
+          t.call(u, d[h]) && (l[d[h]] = u[d[h]]);
+      }
+    }
+    return l;
+  }, _r;
+}
+var Or, dt;
+function Hr() {
+  if (dt) return Or;
+  dt = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Or = e, Or;
+}
+var Ar, pt;
+function Zt() {
+  return pt || (pt = 1, Ar = Function.call.bind(Object.prototype.hasOwnProperty)), Ar;
+}
+var kr, mt;
+function go() {
+  if (mt) return kr;
+  mt = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = /* @__PURE__ */ Hr(), t = {}, n = /* @__PURE__ */ Zt();
+    e = function(i) {
+      var s = "Warning: " + i;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function o(i, s, u, l, d) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var m in i)
+        if (n(i, m)) {
+          var p;
+          try {
+            if (typeof i[m] != "function") {
+              var h = Error(
+                (l || "React class") + ": " + u + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            p = i[m](s, m, l, u, null, r);
+          } catch (g) {
+            p = g;
+          }
+          if (p && !(p instanceof Error) && e(
+            (l || "React class") + ": type specification of " + u + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), p instanceof Error && !(p.message in t)) {
+            t[p.message] = !0;
+            var S = d ? d() : "";
+            e(
+              "Failed " + u + " type: " + p.message + (S ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, kr = o, kr;
+}
+var Pr, ht;
+function yo() {
+  if (ht) return Pr;
+  ht = 1;
+  var e = Yt(), r = ho(), t = /* @__PURE__ */ Hr(), n = /* @__PURE__ */ Zt(), o = /* @__PURE__ */ go(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(u) {
+    var l = "Warning: " + u;
+    typeof console < "u" && console.error(l);
+    try {
+      throw new Error(l);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return Pr = function(u, l) {
+    var d = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function p(v) {
+      var w = v && (d && v[d] || v[m]);
+      if (typeof w == "function")
+        return w;
+    }
+    var h = "<<anonymous>>", S = {
+      array: x("array"),
+      bigint: x("bigint"),
+      bool: x("boolean"),
+      func: x("function"),
+      number: x("number"),
+      object: x("object"),
+      string: x("string"),
+      symbol: x("symbol"),
+      any: _(),
+      arrayOf: A,
+      element: C(),
+      elementType: b(),
+      instanceOf: $,
+      node: te(),
+      objectOf: pe,
+      oneOf: k,
+      oneOfType: ne,
+      shape: a,
+      exact: O
+    };
+    function g(v, w) {
+      return v === w ? v !== 0 || 1 / v === 1 / w : v !== v && w !== w;
+    }
+    function c(v, w) {
+      this.message = v, this.data = w && typeof w == "object" ? w : {}, this.stack = "";
+    }
+    c.prototype = Error.prototype;
+    function y(v) {
+      if (process.env.NODE_ENV !== "production")
+        var w = {}, M = 0;
+      function I(D, R, N, B, z, F, ce) {
+        if (B = B || h, F = F || N, ce !== t) {
+          if (l) {
+            var T = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw T.name = "Invariant Violation", T;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ye = B + ":" + N;
+            !w[ye] && // Avoid spamming the console because they are often not actionable except for lib authors
+            M < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), w[ye] = !0, M++);
+          }
+        }
+        return R[N] == null ? D ? R[N] === null ? new c("The " + z + " `" + F + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new c("The " + z + " `" + F + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : v(R, N, B, z, F);
+      }
+      var P = I.bind(null, !1);
+      return P.isRequired = I.bind(null, !0), P;
+    }
+    function x(v) {
+      function w(M, I, P, D, R, N) {
+        var B = M[I], z = Y(B);
+        if (z !== v) {
+          var F = se(B);
+          return new c(
+            "Invalid " + D + " `" + R + "` of type " + ("`" + F + "` supplied to `" + P + "`, expected ") + ("`" + v + "`."),
+            { expectedType: v }
+          );
+        }
+        return null;
+      }
+      return y(w);
+    }
+    function _() {
+      return y(s);
+    }
+    function A(v) {
+      function w(M, I, P, D, R) {
+        if (typeof v != "function")
+          return new c("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var N = M[I];
+        if (!Array.isArray(N)) {
+          var B = Y(N);
+          return new c("Invalid " + D + " `" + R + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected an array."));
+        }
+        for (var z = 0; z < N.length; z++) {
+          var F = v(N, z, P, D, R + "[" + z + "]", t);
+          if (F instanceof Error)
+            return F;
+        }
+        return null;
+      }
+      return y(w);
+    }
+    function C() {
+      function v(w, M, I, P, D) {
+        var R = w[M];
+        if (!u(R)) {
+          var N = Y(R);
+          return new c("Invalid " + P + " `" + D + "` of type " + ("`" + N + "` supplied to `" + I + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return y(v);
+    }
+    function b() {
+      function v(w, M, I, P, D) {
+        var R = w[M];
+        if (!e.isValidElementType(R)) {
+          var N = Y(R);
+          return new c("Invalid " + P + " `" + D + "` of type " + ("`" + N + "` supplied to `" + I + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return y(v);
+    }
+    function $(v) {
+      function w(M, I, P, D, R) {
+        if (!(M[I] instanceof v)) {
+          var N = v.name || h, B = wr(M[I]);
+          return new c("Invalid " + D + " `" + R + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected ") + ("instance of `" + N + "`."));
+        }
+        return null;
+      }
+      return y(w);
+    }
+    function k(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
+      function w(M, I, P, D, R) {
+        for (var N = M[I], B = 0; B < v.length; B++)
+          if (g(N, v[B]))
+            return null;
+        var z = JSON.stringify(v, function(ce, T) {
+          var ye = se(T);
+          return ye === "symbol" ? String(T) : T;
+        });
+        return new c("Invalid " + D + " `" + R + "` of value `" + String(N) + "` " + ("supplied to `" + P + "`, expected one of " + z + "."));
+      }
+      return y(w);
+    }
+    function pe(v) {
+      function w(M, I, P, D, R) {
+        if (typeof v != "function")
+          return new c("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var N = M[I], B = Y(N);
+        if (B !== "object")
+          return new c("Invalid " + D + " `" + R + "` of type " + ("`" + B + "` supplied to `" + P + "`, expected an object."));
+        for (var z in N)
+          if (n(N, z)) {
+            var F = v(N, z, P, D, R + "." + z, t);
+            if (F instanceof Error)
+              return F;
+          }
+        return null;
+      }
+      return y(w);
+    }
+    function ne(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var w = 0; w < v.length; w++) {
+        var M = v[w];
+        if (typeof M != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(M) + " at index " + w + "."
+          ), s;
+      }
+      function I(P, D, R, N, B) {
+        for (var z = [], F = 0; F < v.length; F++) {
+          var ce = v[F], T = ce(P, D, R, N, B, t);
+          if (T == null)
+            return null;
+          T.data && n(T.data, "expectedType") && z.push(T.data.expectedType);
+        }
+        var ye = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
+        return new c("Invalid " + N + " `" + B + "` supplied to " + ("`" + R + "`" + ye + "."));
+      }
+      return y(I);
+    }
+    function te() {
+      function v(w, M, I, P, D) {
+        return E(w[M]) ? null : new c("Invalid " + P + " `" + D + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
+      }
+      return y(v);
+    }
+    function Q(v, w, M, I, P) {
+      return new c(
+        (v || "React class") + ": " + w + " type `" + M + "." + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
+      );
+    }
+    function a(v) {
+      function w(M, I, P, D, R) {
+        var N = M[I], B = Y(N);
+        if (B !== "object")
+          return new c("Invalid " + D + " `" + R + "` of type `" + B + "` " + ("supplied to `" + P + "`, expected `object`."));
+        for (var z in v) {
+          var F = v[z];
+          if (typeof F != "function")
+            return Q(P, D, R, z, se(F));
+          var ce = F(N, z, P, D, R + "." + z, t);
+          if (ce)
+            return ce;
+        }
+        return null;
+      }
+      return y(w);
+    }
+    function O(v) {
+      function w(M, I, P, D, R) {
+        var N = M[I], B = Y(N);
+        if (B !== "object")
+          return new c("Invalid " + D + " `" + R + "` of type `" + B + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var z = r({}, M[I], v);
+        for (var F in z) {
+          var ce = v[F];
+          if (n(v, F) && typeof ce != "function")
+            return Q(P, D, R, F, se(ce));
+          if (!ce)
+            return new c(
+              "Invalid " + D + " `" + R + "` key `" + F + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(M[I], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
+            );
+          var T = ce(N, F, P, D, R + "." + F, t);
+          if (T)
+            return T;
+        }
+        return null;
+      }
+      return y(w);
+    }
+    function E(v) {
+      switch (typeof v) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !v;
+        case "object":
+          if (Array.isArray(v))
+            return v.every(E);
+          if (v === null || u(v))
+            return !0;
+          var w = p(v);
+          if (w) {
+            var M = w.call(v), I;
+            if (w !== v.entries) {
+              for (; !(I = M.next()).done; )
+                if (!E(I.value))
+                  return !1;
+            } else
+              for (; !(I = M.next()).done; ) {
+                var P = I.value;
+                if (P && !E(P[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function V(v, w) {
+      return v === "symbol" ? !0 : w ? w["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && w instanceof Symbol : !1;
+    }
+    function Y(v) {
+      var w = typeof v;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : V(w, v) ? "symbol" : w;
+    }
+    function se(v) {
+      if (typeof v > "u" || v === null)
+        return "" + v;
+      var w = Y(v);
+      if (w === "object") {
+        if (v instanceof Date)
+          return "date";
+        if (v instanceof RegExp)
+          return "regexp";
+      }
+      return w;
+    }
+    function ge(v) {
+      var w = se(v);
+      switch (w) {
+        case "array":
+        case "object":
+          return "an " + w;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + w;
+        default:
+          return w;
+      }
+    }
+    function wr(v) {
+      return !v.constructor || !v.constructor.name ? h : v.constructor.name;
+    }
+    return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
+  }, Pr;
+}
+var Rr, gt;
+function bo() {
+  if (gt) return Rr;
+  gt = 1;
+  var e = /* @__PURE__ */ Hr();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, Rr = function() {
+    function n(s, u, l, d, m, p) {
+      if (p !== e) {
+        var h = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw h.name = "Invariant Violation", h;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var i = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return i.PropTypes = i, i;
+  }, Rr;
+}
+var yt;
+function vo() {
+  if (yt) return er.exports;
+  if (yt = 1, process.env.NODE_ENV !== "production") {
+    var e = Yt(), r = !0;
+    er.exports = /* @__PURE__ */ yo()(e.isElement, r);
+  } else
+    er.exports = /* @__PURE__ */ bo()();
+  return er.exports;
+}
+var So = /* @__PURE__ */ vo();
+const je = /* @__PURE__ */ bn(So);
+/**
+ * @mui/styled-engine v7.3.2
+ *
+ * @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 ga(e, r) {
+  const t = Lr(e, r);
+  return process.env.NODE_ENV !== "production" ? (...n) => {
+    const o = typeof e == "string" ? `"${e}"` : "component";
+    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
+  } : t;
+}
+function ya(e, r) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
+}
+const bt = [];
+function ba(e) {
+  return bt[0] = e, Gr(bt);
+}
+var rr = { exports: {} }, H = {};
+/**
+ * @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 vt;
+function Co() {
+  if (vt) return H;
+  vt = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.view_transition"), S = Symbol.for("react.client.reference");
+  function g(c) {
+    if (typeof c == "object" && c !== null) {
+      var y = c.$$typeof;
+      switch (y) {
+        case e:
+          switch (c = c.type, c) {
+            case t:
+            case o:
+            case n:
+            case l:
+            case d:
+            case h:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case s:
+                case u:
+                case p:
+                case m:
+                  return c;
+                case i:
+                  return c;
+                default:
+                  return y;
+              }
+          }
+        case r:
+          return y;
+      }
+    }
+  }
+  return H.ContextConsumer = i, H.ContextProvider = s, H.Element = e, H.ForwardRef = u, H.Fragment = t, H.Lazy = p, H.Memo = m, H.Portal = r, H.Profiler = o, H.StrictMode = n, H.Suspense = l, H.SuspenseList = d, H.isContextConsumer = function(c) {
+    return g(c) === i;
+  }, H.isContextProvider = function(c) {
+    return g(c) === s;
+  }, H.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, H.isForwardRef = function(c) {
+    return g(c) === u;
+  }, H.isFragment = function(c) {
+    return g(c) === t;
+  }, H.isLazy = function(c) {
+    return g(c) === p;
+  }, H.isMemo = function(c) {
+    return g(c) === m;
+  }, H.isPortal = function(c) {
+    return g(c) === r;
+  }, H.isProfiler = function(c) {
+    return g(c) === o;
+  }, H.isStrictMode = function(c) {
+    return g(c) === n;
+  }, H.isSuspense = function(c) {
+    return g(c) === l;
+  }, H.isSuspenseList = function(c) {
+    return g(c) === d;
+  }, H.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === t || c === o || c === n || c === l || c === d || typeof c == "object" && c !== null && (c.$$typeof === p || c.$$typeof === m || c.$$typeof === s || c.$$typeof === i || c.$$typeof === u || c.$$typeof === S || c.getModuleId !== void 0);
+  }, H.typeOf = g, H;
+}
+var K = {};
+/**
+ * @license React
+ * react-is.development.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 St;
+function Eo() {
+  return St || (St = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(c) {
+      if (typeof c == "object" && c !== null) {
+        var y = c.$$typeof;
+        switch (y) {
+          case r:
+            switch (c = c.type, c) {
+              case n:
+              case i:
+              case o:
+              case d:
+              case m:
+              case S:
+                return c;
+              default:
+                switch (c = c && c.$$typeof, c) {
+                  case u:
+                  case l:
+                  case h:
+                  case p:
+                    return c;
+                  case s:
+                    return c;
+                  default:
+                    return y;
+                }
+            }
+          case t:
+            return y;
+        }
+      }
+    }
+    var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), u = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
+    K.ContextConsumer = s, K.ContextProvider = u, K.Element = r, K.ForwardRef = l, K.Fragment = n, K.Lazy = h, K.Memo = p, K.Portal = t, K.Profiler = i, K.StrictMode = o, K.Suspense = d, K.SuspenseList = m, K.isContextConsumer = function(c) {
+      return e(c) === s;
+    }, K.isContextProvider = function(c) {
+      return e(c) === u;
+    }, K.isElement = function(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === r;
+    }, K.isForwardRef = function(c) {
+      return e(c) === l;
+    }, K.isFragment = function(c) {
+      return e(c) === n;
+    }, K.isLazy = function(c) {
+      return e(c) === h;
+    }, K.isMemo = function(c) {
+      return e(c) === p;
+    }, K.isPortal = function(c) {
+      return e(c) === t;
+    }, K.isProfiler = function(c) {
+      return e(c) === i;
+    }, K.isStrictMode = function(c) {
+      return e(c) === o;
+    }, K.isSuspense = function(c) {
+      return e(c) === d;
+    }, K.isSuspenseList = function(c) {
+      return e(c) === m;
+    }, K.isValidElementType = function(c) {
+      return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === d || c === m || typeof c == "object" && c !== null && (c.$$typeof === h || c.$$typeof === p || c.$$typeof === u || c.$$typeof === s || c.$$typeof === l || c.$$typeof === g || c.getModuleId !== void 0);
+    }, K.typeOf = e;
+  })()), K;
+}
+var Ct;
+function To() {
+  return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? rr.exports = /* @__PURE__ */ Co() : rr.exports = /* @__PURE__ */ Eo()), rr.exports;
+}
+var en = /* @__PURE__ */ To();
+function xe(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const r = Object.getPrototypeOf(e);
+  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function rn(e) {
+  if (/* @__PURE__ */ ae.isValidElement(e) || en.isValidElementType(e) || !xe(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = rn(e[t]);
+  }), r;
+}
+function de(e, r, t = {
+  clone: !0
+}) {
+  const n = t.clone ? {
+    ...e
+  } : e;
+  return xe(e) && xe(r) && Object.keys(r).forEach((o) => {
+    /* @__PURE__ */ ae.isValidElement(r[o]) || en.isValidElementType(r[o]) ? n[o] = r[o] : xe(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && xe(e[o]) ? n[o] = de(e[o], r[o], t) : t.clone ? n[o] = xe(r[o]) ? rn(r[o]) : r[o] : n[o] = r[o];
+  }), n;
+}
+const xo = (e) => {
+  const r = Object.keys(e).map((t) => ({
+    key: t,
+    val: e[t]
+  })) || [];
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
+    ...t,
+    [n.key]: n.val
+  }), {});
+};
+function wo(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: r = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: t = "px",
+    step: n = 5,
+    ...o
+  } = e, i = xo(r), s = Object.keys(i);
+  function u(h) {
+    return `@media (min-width:${typeof r[h] == "number" ? r[h] : h}${t})`;
+  }
+  function l(h) {
+    return `@media (max-width:${(typeof r[h] == "number" ? r[h] : h) - n / 100}${t})`;
+  }
+  function d(h, S) {
+    const g = s.indexOf(S);
+    return `@media (min-width:${typeof r[h] == "number" ? r[h] : h}${t}) and (max-width:${(g !== -1 && typeof r[s[g]] == "number" ? r[s[g]] : S) - n / 100}${t})`;
+  }
+  function m(h) {
+    return s.indexOf(h) + 1 < s.length ? d(h, s[s.indexOf(h) + 1]) : u(h);
+  }
+  function p(h) {
+    const S = s.indexOf(h);
+    return S === 0 ? u(s[1]) : S === s.length - 1 ? l(s[S]) : d(h, s[s.indexOf(h) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: i,
+    up: u,
+    down: l,
+    between: d,
+    only: m,
+    not: p,
+    unit: t,
+    ...o
+  };
+}
+function Et(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const i = /min-width:\s*([0-9.]+)/;
+    return +(n.match(i)?.[1] || 0) - +(o.match(i)?.[1] || 0);
+  });
+  return t.length ? t.reduce((n, o) => {
+    const i = r[o];
+    return delete n[o], n[o] = i, n;
+  }, {
+    ...r
+  }) : r;
+}
+function $o(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
+}
+function _o(e, r) {
+  const t = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!t) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : we(18, `(${r})`));
+    return null;
+  }
+  const [, n, o] = t, i = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(i);
+}
+function Oo(e) {
+  const r = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
+  function t(i, s) {
+    i.up = (...u) => r(e.breakpoints.up(...u), s), i.down = (...u) => r(e.breakpoints.down(...u), s), i.between = (...u) => r(e.breakpoints.between(...u), s), i.only = (...u) => r(e.breakpoints.only(...u), s), i.not = (...u) => {
+      const l = r(e.breakpoints.not(...u), s);
+      return l.includes("not all and") ? l.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : l;
+    };
+  }
+  const n = {}, o = (i) => (t(n, i), n);
+  return t(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const Ao = {
+  borderRadius: 4
+}, _e = process.env.NODE_ENV !== "production" ? je.oneOfType([je.number, je.string, je.object, je.array]) : {};
+function Ue(e, r) {
+  return r ? de(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const fr = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Tt = {
+  // 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:${fr[e]}px)`
+}, ko = {
+  containerQueries: (e) => ({
+    up: (r) => {
+      let t = typeof r == "number" ? r : fr[r] || r;
+      return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function Te(e, r, t) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const i = n.breakpoints || Tt;
+    return r.reduce((s, u, l) => (s[i.up(i.keys[l])] = t(r[l]), s), {});
+  }
+  if (typeof r == "object") {
+    const i = n.breakpoints || Tt;
+    return Object.keys(r).reduce((s, u) => {
+      if ($o(i.keys, u)) {
+        const l = _o(n.containerQueries ? n : ko, u);
+        l && (s[l] = t(r[u], u));
+      } else if (Object.keys(i.values || fr).includes(u)) {
+        const l = i.up(u);
+        s[l] = t(r[u], u);
+      } else {
+        const l = u;
+        s[l] = r[l];
+      }
+      return s;
+    }, {});
+  }
+  return t(r);
+}
+function Po(e = {}) {
+  return e.keys?.reduce((t, n) => {
+    const o = e.up(n);
+    return t[o] = {}, t;
+  }, {}) || {};
+}
+function xt(e, r) {
+  return e.reduce((t, n) => {
+    const o = t[n];
+    return (!o || Object.keys(o).length === 0) && delete t[n], t;
+  }, r);
+}
+function tn(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : we(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function dr(e, r, t = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && t) {
+    const n = `vars.${r}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function sr(e, r, t, n = t) {
+  let o;
+  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = dr(e, t) || n, r && (o = r(o, n, e)), o;
+}
+function ee(e) {
+  const {
+    prop: r,
+    cssProperty: t = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, i = (s) => {
+    if (s[r] == null)
+      return null;
+    const u = s[r], l = s.theme, d = dr(l, n) || {};
+    return Te(s, u, (p) => {
+      let h = sr(d, o, p);
+      return p === h && typeof p == "string" && (h = sr(d, o, `${r}${p === "default" ? "" : tn(p)}`, p)), t === !1 ? h : {
+        [t]: h
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: _e
+  } : {}, i.filterProps = [r], i;
+}
+function Ro(e) {
+  const r = {};
+  return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
+}
+const Io = {
+  m: "margin",
+  p: "padding"
+}, No = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, wt = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Mo = Ro((e) => {
+  if (e.length > 2)
+    if (wt[e])
+      e = wt[e];
+    else
+      return [e];
+  const [r, t] = e.split(""), n = Io[r], o = No[t] || "";
+  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
+}), pr = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], mr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Do = [...pr, ...mr];
+function Ke(e, r, t, n) {
+  const o = dr(e, r, !0) ?? t;
+  return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? o.startsWith("var(") && i === 0 ? 0 : o.startsWith("var(") && i === 1 ? o : `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
+    if (typeof i == "string")
+      return i;
+    const s = Math.abs(i);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${r}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${r}\` as a number.`].join(`
+`)));
+    const u = o[s];
+    return i >= 0 ? u : typeof u == "number" ? -u : typeof u == "string" && u.startsWith("var(") ? `calc(-1 * ${u})` : `-${u}`;
+  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function Kr(e) {
+  return Ke(e, "spacing", 8, "spacing");
+}
+function Xe(e, r) {
+  return typeof r == "string" || r == null ? r : e(r);
+}
+function Bo(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Xe(r, t), n), {});
+}
+function Fo(e, r, t, n) {
+  if (!r.includes(t))
+    return null;
+  const o = Mo(t), i = Bo(o, n), s = e[t];
+  return Te(e, s, i);
+}
+function nn(e, r) {
+  const t = Kr(e.theme);
+  return Object.keys(e).map((n) => Fo(e, r, n, t)).reduce(Ue, {});
+}
+function J(e) {
+  return nn(e, pr);
+}
+J.propTypes = process.env.NODE_ENV !== "production" ? pr.reduce((e, r) => (e[r] = _e, e), {}) : {};
+J.filterProps = pr;
+function Z(e) {
+  return nn(e, mr);
+}
+Z.propTypes = process.env.NODE_ENV !== "production" ? mr.reduce((e, r) => (e[r] = _e, e), {}) : {};
+Z.filterProps = mr;
+process.env.NODE_ENV !== "production" && Do.reduce((e, r) => (e[r] = _e, e), {});
+function on(e = 8, r = Kr({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
+    const s = r(i);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function hr(...e) {
+  const r = e.reduce((n, o) => (o.filterProps.forEach((i) => {
+    n[i] = o;
+  }), n), {}), t = (n) => Object.keys(n).reduce((o, i) => r[i] ? Ue(o, r[i](n)) : o, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), t;
+}
+function me(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function he(e, r) {
+  return ee({
+    prop: e,
+    themeKey: "borders",
+    transform: r
+  });
+}
+const Lo = he("border", me), jo = he("borderTop", me), Vo = he("borderRight", me), Wo = he("borderBottom", me), Uo = he("borderLeft", me), Yo = he("borderColor"), zo = he("borderTopColor"), qo = he("borderRightColor"), Go = he("borderBottomColor"), Ho = he("borderLeftColor"), Ko = he("outline", me), Xo = he("outlineColor"), gr = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = Ke(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Xe(r, n)
+    });
+    return Te(e, e.borderRadius, t);
+  }
+  return null;
+};
+gr.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: _e
+} : {};
+gr.filterProps = ["borderRadius"];
+hr(Lo, jo, Vo, Wo, Uo, Yo, zo, qo, Go, Ho, gr, Ko, Xo);
+const yr = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = Ke(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Xe(r, n)
+    });
+    return Te(e, e.gap, t);
+  }
+  return null;
+};
+yr.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: _e
+} : {};
+yr.filterProps = ["gap"];
+const br = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = Ke(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Xe(r, n)
+    });
+    return Te(e, e.columnGap, t);
+  }
+  return null;
+};
+br.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: _e
+} : {};
+br.filterProps = ["columnGap"];
+const vr = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = Ke(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Xe(r, n)
+    });
+    return Te(e, e.rowGap, t);
+  }
+  return null;
+};
+vr.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: _e
+} : {};
+vr.filterProps = ["rowGap"];
+const Qo = ee({
+  prop: "gridColumn"
+}), Jo = ee({
+  prop: "gridRow"
+}), Zo = ee({
+  prop: "gridAutoFlow"
+}), ei = ee({
+  prop: "gridAutoColumns"
+}), ri = ee({
+  prop: "gridAutoRows"
+}), ti = ee({
+  prop: "gridTemplateColumns"
+}), ni = ee({
+  prop: "gridTemplateRows"
+}), oi = ee({
+  prop: "gridTemplateAreas"
+}), ii = ee({
+  prop: "gridArea"
+});
+hr(yr, br, vr, Qo, Jo, Zo, ei, ri, ti, ni, oi, ii);
+function Me(e, r) {
+  return r === "grey" ? r : e;
+}
+const ai = ee({
+  prop: "color",
+  themeKey: "palette",
+  transform: Me
+}), si = ee({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: Me
+}), ci = ee({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: Me
+});
+hr(ai, si, ci);
+function le(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const ui = ee({
+  prop: "width",
+  transform: le
+}), Xr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (t) => {
+      const n = e.theme?.breakpoints?.values?.[t] || fr[t];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: le(t)
+      };
+    };
+    return Te(e, e.maxWidth, r);
+  }
+  return null;
+};
+Xr.filterProps = ["maxWidth"];
+const li = ee({
+  prop: "minWidth",
+  transform: le
+}), fi = ee({
+  prop: "height",
+  transform: le
+}), di = ee({
+  prop: "maxHeight",
+  transform: le
+}), pi = ee({
+  prop: "minHeight",
+  transform: le
+});
+ee({
+  prop: "size",
+  cssProperty: "width",
+  transform: le
+});
+ee({
+  prop: "size",
+  cssProperty: "height",
+  transform: le
+});
+const mi = ee({
+  prop: "boxSizing"
+});
+hr(ui, Xr, li, fi, di, pi, mi);
+const Sr = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: me
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: me
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: me
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: me
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: me
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: me
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: gr
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: Me
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: Me
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: Me
+  },
+  // spacing
+  p: {
+    style: Z
+  },
+  pt: {
+    style: Z
+  },
+  pr: {
+    style: Z
+  },
+  pb: {
+    style: Z
+  },
+  pl: {
+    style: Z
+  },
+  px: {
+    style: Z
+  },
+  py: {
+    style: Z
+  },
+  padding: {
+    style: Z
+  },
+  paddingTop: {
+    style: Z
+  },
+  paddingRight: {
+    style: Z
+  },
+  paddingBottom: {
+    style: Z
+  },
+  paddingLeft: {
+    style: Z
+  },
+  paddingX: {
+    style: Z
+  },
+  paddingY: {
+    style: Z
+  },
+  paddingInline: {
+    style: Z
+  },
+  paddingInlineStart: {
+    style: Z
+  },
+  paddingInlineEnd: {
+    style: Z
+  },
+  paddingBlock: {
+    style: Z
+  },
+  paddingBlockStart: {
+    style: Z
+  },
+  paddingBlockEnd: {
+    style: Z
+  },
+  m: {
+    style: J
+  },
+  mt: {
+    style: J
+  },
+  mr: {
+    style: J
+  },
+  mb: {
+    style: J
+  },
+  ml: {
+    style: J
+  },
+  mx: {
+    style: J
+  },
+  my: {
+    style: J
+  },
+  margin: {
+    style: J
+  },
+  marginTop: {
+    style: J
+  },
+  marginRight: {
+    style: J
+  },
+  marginBottom: {
+    style: J
+  },
+  marginLeft: {
+    style: J
+  },
+  marginX: {
+    style: J
+  },
+  marginY: {
+    style: J
+  },
+  marginInline: {
+    style: J
+  },
+  marginInlineStart: {
+    style: J
+  },
+  marginInlineEnd: {
+    style: J
+  },
+  marginBlock: {
+    style: J
+  },
+  marginBlockStart: {
+    style: J
+  },
+  marginBlockEnd: {
+    style: J
+  },
+  // 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: yr
+  },
+  rowGap: {
+    style: vr
+  },
+  columnGap: {
+    style: br
+  },
+  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: le
+  },
+  maxWidth: {
+    style: Xr
+  },
+  minWidth: {
+    transform: le
+  },
+  height: {
+    transform: le
+  },
+  maxHeight: {
+    transform: le
+  },
+  minHeight: {
+    transform: le
+  },
+  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 hi(...e) {
+  const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
+}
+function gi(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function yi() {
+  function e(t, n, o, i) {
+    const s = {
+      [t]: n,
+      theme: o
+    }, u = i[t];
+    if (!u)
+      return {
+        [t]: n
+      };
+    const {
+      cssProperty: l = t,
+      themeKey: d,
+      transform: m,
+      style: p
+    } = u;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [t]: n
+      };
+    const h = dr(o, d) || {};
+    return p ? p(s) : Te(s, n, (g) => {
+      let c = sr(h, m, g);
+      return g === c && typeof g == "string" && (c = sr(h, m, `${t}${g === "default" ? "" : tn(g)}`, g)), l === !1 ? c : {
+        [l]: c
+      };
+    });
+  }
+  function r(t) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: i
+    } = t || {};
+    if (!n)
+      return null;
+    const s = o.unstable_sxConfig ?? Sr;
+    function u(l) {
+      let d = l;
+      if (typeof l == "function")
+        d = l(o);
+      else if (typeof l != "object")
+        return l;
+      if (!d)
+        return null;
+      const m = Po(o.breakpoints), p = Object.keys(m);
+      let h = m;
+      return Object.keys(d).forEach((S) => {
+        const g = gi(d[S], o);
+        if (g != null)
+          if (typeof g == "object")
+            if (s[S])
+              h = Ue(h, e(S, g, o, s));
+            else {
+              const c = Te({
+                theme: o
+              }, g, (y) => ({
+                [S]: y
+              }));
+              hi(c, g) ? h[S] = r({
+                sx: g,
+                theme: o,
+                nested: !0
+              }) : h = Ue(h, c);
+            }
+          else
+            h = Ue(h, e(S, g, o, s));
+      }), !i && o.modularCssLayers ? {
+        "@layer sx": Et(o, xt(p, h))
+      } : Et(o, xt(p, h));
+    }
+    return Array.isArray(n) ? n.map(u) : u(n);
+  }
+  return r;
+}
+const Cr = yi();
+Cr.filterProps = ["sx"];
+function bi(e, r) {
+  const t = this;
+  if (t.vars) {
+    if (!t.colorSchemes?.[e] || typeof t.getColorSchemeSelector != "function")
+      return {};
+    let n = t.getColorSchemeSelector(e);
+    return n === "&" ? r : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: r
+    });
+  }
+  return t.palette.mode === e ? r : {};
+}
+function vi(e = {}, ...r) {
+  const {
+    breakpoints: t = {},
+    palette: n = {},
+    spacing: o,
+    shape: i = {},
+    ...s
+  } = e, u = wo(t), l = on(o);
+  let d = de({
+    breakpoints: u,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: l,
+    shape: {
+      ...Ao,
+      ...i
+    }
+  }, s);
+  return d = Oo(d), d.applyStyles = bi, d = r.reduce((m, p) => de(m, p), d), d.unstable_sxConfig = {
+    ...Sr,
+    ...s?.unstable_sxConfig
+  }, d.unstable_sx = function(p) {
+    return Cr({
+      sx: p,
+      theme: this
+    });
+  }, d;
+}
+const $t = (e) => e, Si = () => {
+  let e = $t;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = $t;
+    }
+  };
+}, Ci = Si();
+function an(e) {
+  var r, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (r = 0; r < o; r++) e[r] && (t = an(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function va() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = an(e)) && (n && (n += " "), n += r);
+  return n;
+}
+const Ei = {
+  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 sn(e, r, t = "Mui") {
+  const n = Ei[r];
+  return n ? `${t}-${n}` : `${Ci.generate(e)}-${r}`;
+}
+function Sa(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((o) => {
+    n[o] = sn(e, o, t);
+  }), n;
+}
+function Ti(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+function Qr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Ti(e, r, t);
+}
+function xi(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let t = e.match(r);
+  return t && t[0].length === 1 && (t = t.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function $e(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return $e(xi(e));
+  const r = e.indexOf("("), t = e.substring(0, r);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : we(9, e));
+  let n = e.substring(r + 1, e.length - 1), o;
+  if (t === "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(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : we(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: t,
+    values: n,
+    colorSpace: o
+  };
+}
+const wi = (e) => {
+  const r = $e(e);
+  return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
+}, Ve = (e, r) => {
+  try {
+    return wi(e);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+};
+function Er(e) {
+  const {
+    type: r,
+    colorSpace: t
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function cn(e) {
+  e = $e(e);
+  const {
+    values: r
+  } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, i = n * Math.min(o, 1 - o), s = (d, m = (d + t / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  let u = "rgb";
+  const l = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (u += "a", l.push(r[3])), Er({
+    type: u,
+    values: l
+  });
+}
+function jr(e) {
+  e = $e(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? $e(cn(e)).values : e.values;
+  return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function _t(e, r) {
+  const t = jr(e), n = jr(r);
+  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
+}
+function un(e, r) {
+  return e = $e(e), r = Qr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Er(e);
+}
+function Oe(e, r, t) {
+  try {
+    return un(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function Tr(e, r) {
+  if (e = $e(e), r = Qr(r), e.type.includes("hsl"))
+    e.values[2] *= 1 - r;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] *= 1 - r;
+  return Er(e);
+}
+function q(e, r, t) {
+  try {
+    return Tr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function xr(e, r) {
+  if (e = $e(e), r = Qr(r), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.includes("rgb"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (255 - e.values[t]) * r;
+  else if (e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (1 - e.values[t]) * r;
+  return Er(e);
+}
+function G(e, r, t) {
+  try {
+    return xr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function $i(e, r = 0.15) {
+  return jr(e) > 0.5 ? Tr(e, r) : xr(e, r);
+}
+function tr(e, r, t) {
+  try {
+    return $i(e, r);
+  } catch {
+    return e;
+  }
+}
+function _i(e = "") {
+  function r(...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}${r(...n.slice(1))})` : `, ${o}`;
+  }
+  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${r(...o)})`;
+}
+const Ot = (e, r, t, n = []) => {
+  let o = e;
+  r.forEach((i, s) => {
+    s === r.length - 1 ? Array.isArray(o) ? o[Number(i)] = t : o && typeof o == "object" && (o[i] = t) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+  });
+}, Oi = (e, r, t) => {
+  function n(o, i = [], s = []) {
+    Object.entries(o).forEach(([u, l]) => {
+      (!t || t && !t([...i, u])) && l != null && (typeof l == "object" && Object.keys(l).length > 0 ? n(l, [...i, u], Array.isArray(l) ? [...s, u] : s) : r([...i, u], l, s));
+    });
+  }
+  n(e);
+}, Ai = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
+function Ir(e, r) {
+  const {
+    prefix: t,
+    shouldSkipGeneratingVar: n
+  } = r || {}, o = {}, i = {}, s = {};
+  return Oi(
+    e,
+    (u, l, d) => {
+      if ((typeof l == "string" || typeof l == "number") && (!n || !n(u, l))) {
+        const m = `--${t ? `${t}-` : ""}${u.join("-")}`, p = Ai(u, l);
+        Object.assign(o, {
+          [m]: p
+        }), Ot(i, u, `var(${m})`, d), Ot(s, u, `var(${m}, ${p})`, d);
+      }
+    },
+    (u) => u[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: i,
+    varsWithDefaults: s
+  };
+}
+function ki(e, r = {}) {
+  const {
+    getSelector: t = x,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: i
+  } = r, {
+    colorSchemes: s = {},
+    components: u,
+    defaultColorScheme: l = "light",
+    ...d
+  } = e, {
+    vars: m,
+    css: p,
+    varsWithDefaults: h
+  } = Ir(d, r);
+  let S = h;
+  const g = {}, {
+    [l]: c,
+    ...y
+  } = s;
+  if (Object.entries(y || {}).forEach(([C, b]) => {
+    const {
+      vars: $,
+      css: k,
+      varsWithDefaults: pe
+    } = Ir(b, r);
+    S = de(S, pe), g[C] = {
+      css: k,
+      vars: $
+    };
+  }), c) {
+    const {
+      css: C,
+      vars: b,
+      varsWithDefaults: $
+    } = Ir(c, r);
+    S = de(S, $), g[l] = {
+      css: C,
+      vars: b
+    };
+  }
+  function x(C, b) {
+    let $ = o;
+    if (o === "class" && ($ = ".%s"), o === "data" && ($ = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && ($ = `[${o}="%s"]`), C) {
+      if ($ === "media")
+        return e.defaultColorScheme === C ? ":root" : {
+          [`@media (prefers-color-scheme: ${s[C]?.palette?.mode || C})`]: {
+            ":root": b
+          }
+        };
+      if ($)
+        return e.defaultColorScheme === C ? `:root, ${$.replace("%s", String(C))}` : $.replace("%s", String(C));
+    }
+    return ":root";
+  }
+  return {
+    vars: S,
+    generateThemeVars: () => {
+      let C = {
+        ...m
+      };
+      return Object.entries(g).forEach(([, {
+        vars: b
+      }]) => {
+        C = de(C, b);
+      }), C;
+    },
+    generateStyleSheets: () => {
+      const C = [], b = e.defaultColorScheme || "light";
+      function $(ne, te) {
+        Object.keys(te).length && C.push(typeof ne == "string" ? {
+          [ne]: {
+            ...te
+          }
+        } : ne);
+      }
+      $(t(void 0, {
+        ...p
+      }), p);
+      const {
+        [b]: k,
+        ...pe
+      } = g;
+      if (k) {
+        const {
+          css: ne
+        } = k, te = s[b]?.palette?.mode, Q = !n && te ? {
+          colorScheme: te,
+          ...ne
+        } : {
+          ...ne
+        };
+        $(t(b, {
+          ...Q
+        }), Q);
+      }
+      return Object.entries(pe).forEach(([ne, {
+        css: te
+      }]) => {
+        const Q = s[ne]?.palette?.mode, a = !n && Q ? {
+          colorScheme: Q,
+          ...te
+        } : {
+          ...te
+        };
+        $(t(ne, {
+          ...a
+        }), a);
+      }), i && C.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), C;
+    }
+  };
+}
+function Pi(e) {
+  return function(t) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
+  };
+}
+function ln() {
+  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: Ye.white,
+      default: Ye.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 fn = ln();
+function dn() {
+  return {
+    text: {
+      primary: Ye.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: Ye.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 Vr = dn();
+function At(e, r, t, n) {
+  const o = n.light || n, i = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = xr(e.main, o) : r === "dark" && (e.dark = Tr(e.main, i)));
+}
+function kt(e, r, t, n, o) {
+  const i = o.light || o, s = o.dark || o * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(i * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(s * 100).toFixed(0)}%)`));
+}
+function Ri(e = "light") {
+  return e === "dark" ? {
+    main: Pe[200],
+    light: Pe[50],
+    dark: Pe[400]
+  } : {
+    main: Pe[700],
+    light: Pe[400],
+    dark: Pe[800]
+  };
+}
+function Ii(e = "light") {
+  return e === "dark" ? {
+    main: ke[200],
+    light: ke[50],
+    dark: ke[400]
+  } : {
+    main: ke[500],
+    light: ke[300],
+    dark: ke[700]
+  };
+}
+function Ni(e = "light") {
+  return e === "dark" ? {
+    main: Ae[500],
+    light: Ae[300],
+    dark: Ae[700]
+  } : {
+    main: Ae[700],
+    light: Ae[400],
+    dark: Ae[800]
+  };
+}
+function Mi(e = "light") {
+  return e === "dark" ? {
+    main: Re[400],
+    light: Re[300],
+    dark: Re[700]
+  } : {
+    main: Re[700],
+    light: Re[500],
+    dark: Re[900]
+  };
+}
+function Di(e = "light") {
+  return e === "dark" ? {
+    main: Ie[400],
+    light: Ie[300],
+    dark: Ie[700]
+  } : {
+    main: Ie[800],
+    light: Ie[500],
+    dark: Ie[900]
+  };
+}
+function Bi(e = "light") {
+  return e === "dark" ? {
+    main: Fe[400],
+    light: Fe[300],
+    dark: Fe[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Fe[500],
+    dark: Fe[900]
+  };
+}
+function Fi(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function Jr(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: t = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...i
+  } = e, s = e.primary || Ri(r), u = e.secondary || Ii(r), l = e.error || Ni(r), d = e.info || Mi(r), m = e.success || Di(r), p = e.warning || Bi(r);
+  function h(y) {
+    if (o)
+      return Fi(y);
+    const x = _t(y, Vr.text.primary) >= t ? Vr.text.primary : fn.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const _ = _t(y, x);
+      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${x} on ${y}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return x;
+  }
+  const S = ({
+    color: y,
+    name: x,
+    mainShade: _ = 500,
+    lightShade: A = 300,
+    darkShade: C = 700
+  }) => {
+    if (y = {
+      ...y
+    }, !y.main && y[_] && (y.main = y[_]), !y.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${_}\` property.` : we(11, x ? ` (${x})` : "", _));
+    if (typeof y.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(y.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : we(12, x ? ` (${x})` : "", JSON.stringify(y.main)));
+    return o ? (kt(o, y, "light", A, n), kt(o, y, "dark", C, n)) : (At(y, "light", A, n), At(y, "dark", C, n)), y.contrastText || (y.contrastText = h(y.main)), y;
+  };
+  let g;
+  return r === "light" ? g = ln() : r === "dark" && (g = dn()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), de({
+    // A collection of common colors.
+    common: {
+      ...Ye
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: r,
+    // The colors used to represent primary interface elements for a user.
+    primary: S({
+      color: s,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: S({
+      color: u,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: S({
+      color: l,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: S({
+      color: p,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: S({
+      color: d,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: S({
+      color: m,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: vn,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: t,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: h,
+    // Generate a rich color object.
+    augmentColor: S,
+    // 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.
+    ...g
+  }, i);
+}
+function Li(e) {
+  const r = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, i] = n;
+    typeof i == "object" && (r[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
+  }), r;
+}
+function ji(e, r) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...r
+  };
+}
+function Vi(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Pt = {
+  textTransform: "uppercase"
+}, Rt = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Wi(e, r) {
+  const {
+    fontFamily: t = Rt,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: i = 400,
+    fontWeightMedium: s = 500,
+    fontWeightBold: u = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: l = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: d,
+    pxToRem: m,
+    ...p
+  } = typeof r == "function" ? r(e) : r;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const h = n / 14, S = m || ((y) => `${y / l * h}rem`), g = (y, x, _, A, C) => ({
+    fontFamily: t,
+    fontWeight: y,
+    fontSize: S(x),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: _,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...t === Rt ? {
+      letterSpacing: `${Vi(A / x)}em`
+    } : {},
+    ...C,
+    ...d
+  }), c = {
+    h1: g(o, 96, 1.167, -1.5),
+    h2: g(o, 60, 1.2, -0.5),
+    h3: g(i, 48, 1.167, 0),
+    h4: g(i, 34, 1.235, 0.25),
+    h5: g(i, 24, 1.334, 0),
+    h6: g(s, 20, 1.6, 0.15),
+    subtitle1: g(i, 16, 1.75, 0.15),
+    subtitle2: g(s, 14, 1.57, 0.1),
+    body1: g(i, 16, 1.5, 0.15),
+    body2: g(i, 14, 1.43, 0.15),
+    button: g(s, 14, 1.75, 0.4, Pt),
+    caption: g(i, 12, 1.66, 0.4),
+    overline: g(i, 12, 2.66, 1, Pt),
+    // 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 de({
+    htmlFontSize: l,
+    pxToRem: S,
+    fontFamily: t,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: i,
+    fontWeightMedium: s,
+    fontWeightBold: u,
+    ...c
+  }, p, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Ui = 0.2, Yi = 0.14, zi = 0.12;
+function X(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Ui})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Yi})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${zi})`].join(",");
+}
+const qi = ["none", X(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), X(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), X(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), X(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), X(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), X(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), X(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), X(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), X(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), X(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), X(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), X(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), X(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), X(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), X(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), X(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), X(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), X(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), X(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), X(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), X(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), X(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), X(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), X(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Gi = {
+  // 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)"
+}, Hi = {
+  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 It(e) {
+  return `${Math.round(e)}ms`;
+}
+function Ki(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
+}
+function Xi(e) {
+  const r = {
+    ...Gi,
+    ...e.easing
+  }, t = {
+    ...Hi,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Ki,
+    create: (o = ["all"], i = {}) => {
+      const {
+        duration: s = t.standard,
+        easing: u = r.easeInOut,
+        delay: l = 0,
+        ...d
+      } = i;
+      if (process.env.NODE_ENV !== "production") {
+        const m = (h) => typeof h == "string", p = (h) => !Number.isNaN(parseFloat(h));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(s) && !m(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), m(u) || console.error('MUI: Argument "easing" must be a string.'), !p(l) && !m(l) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof s == "string" ? s : It(s)} ${u} ${typeof l == "string" ? l : It(l)}`).join(",");
+    },
+    ...e,
+    easing: r,
+    duration: t
+  };
+}
+const Qi = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Ji(e) {
+  return xe(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function pn(e = {}) {
+  const r = {
+    ...e
+  };
+  function t(n) {
+    const o = Object.entries(n);
+    for (let i = 0; i < o.length; i++) {
+      const [s, u] = o[i];
+      !Ji(u) || s.startsWith("unstable_") ? delete n[s] : xe(u) && (n[s] = {
+        ...u
+      }, t(n[s]));
+    }
+  }
+  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(r, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Nt(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Zi = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const r = e.match(/\d*\.?\d+/g);
+  if (!r)
+    return 0;
+  let t = 0;
+  for (let n = 0; n < r.length; n += 1)
+    t += +r[n];
+  return t;
+};
+function ea(e) {
+  Object.assign(e, {
+    alpha(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : un(r, Zi(t));
+    },
+    lighten(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${Nt(t)})` : xr(r, t);
+    },
+    darken(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${Nt(t)})` : Tr(r, t);
+    }
+  });
+}
+function Wr(e = {}, ...r) {
+  const {
+    breakpoints: t,
+    mixins: n = {},
+    spacing: o,
+    palette: i = {},
+    transitions: s = {},
+    typography: u = {},
+    shape: l,
+    colorSpace: d,
+    ...m
+  } = 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(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : we(20));
+  const p = Jr({
+    ...i,
+    colorSpace: d
+  }), h = vi(e);
+  let S = de(h, {
+    mixins: ji(h.breakpoints, n),
+    palette: p,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: qi.slice(),
+    typography: Wi(p, u),
+    transitions: Xi(s),
+    zIndex: {
+      ...Qi
+    }
+  });
+  if (S = de(S, m), S = r.reduce((g, c) => de(g, c), S), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (y, x) => {
+      let _;
+      for (_ in y) {
+        const A = y[_];
+        if (g.includes(_) && Object.keys(A).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const C = sn("", _);
+            console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(y, null, 2), "", `Instead, you need to use the '&.${C}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${C}`]: A
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          y[_] = {};
+        }
+      }
+    };
+    Object.keys(S.components).forEach((y) => {
+      const x = S.components[y].styleOverrides;
+      x && y.startsWith("Mui") && c(x, y);
+    });
+  }
+  return S.unstable_sxConfig = {
+    ...Sr,
+    ...m?.unstable_sxConfig
+  }, S.unstable_sx = function(c) {
+    return Cr({
+      sx: c,
+      theme: this
+    });
+  }, S.toRuntimeSource = pn, ea(S), S;
+}
+function ra(e) {
+  let r;
+  return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
+}
+const ta = [...Array(25)].map((e, r) => {
+  if (r === 0)
+    return "none";
+  const t = ra(r);
+  return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
+});
+function mn(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 hn(e) {
+  return e === "dark" ? ta : [];
+}
+function na(e) {
+  const {
+    palette: r = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: t,
+    overlays: n,
+    colorSpace: o,
+    ...i
+  } = e, s = Jr({
+    ...r,
+    colorSpace: o
+  });
+  return {
+    palette: s,
+    opacity: {
+      ...mn(s.mode),
+      ...t
+    },
+    overlays: n || hn(s.mode),
+    ...i
+  };
+}
+function oa(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const ia = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], aa = (e) => (r, t) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let i = o;
+  if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === r) {
+    if (r === "dark") {
+      const s = {};
+      return ia(e.cssVarPrefix).forEach((u) => {
+        s[u] = t[u], delete t[u];
+      }), i === "media" ? {
+        [n]: t,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : i ? {
+        [i.replace("%s", r)]: s,
+        [`${n}, ${i.replace("%s", r)}`]: t
+      } : {
+        [n]: {
+          ...t,
+          ...s
+        }
+      };
+    }
+    if (i && i !== "media")
+      return `${n}, ${i.replace("%s", String(r))}`;
+  } else if (r) {
+    if (i === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(r)})`]: {
+          [n]: t
+        }
+      };
+    if (i)
+      return i.replace("%s", String(r));
+  }
+  return n;
+};
+function sa(e, r) {
+  r.forEach((t) => {
+    e[t] || (e[t] = {});
+  });
+}
+function f(e, r, t) {
+  !e[r] && t && (e[r] = t);
+}
+function We(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : cn(e);
+}
+function Ee(e, r) {
+  `${r}Channel` in e || (e[`${r}Channel`] = Ve(We(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function ca(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const be = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, ua = (e = "mui") => _i(e);
+function Nr(e, r, t, n, o) {
+  if (!t)
+    return;
+  t = t === !0 ? {} : t;
+  const i = o === "dark" ? "dark" : "light";
+  if (!n) {
+    r[o] = na({
+      ...t,
+      palette: {
+        mode: i,
+        ...t?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: s,
+    ...u
+  } = Wr({
+    ...n,
+    palette: {
+      mode: i,
+      ...t?.palette
+    },
+    colorSpace: e
+  });
+  return r[o] = {
+    ...t,
+    palette: s,
+    opacity: {
+      ...mn(i),
+      ...t?.opacity
+    },
+    overlays: t?.overlays || hn(i)
+  }, u;
+}
+function la(e = {}, ...r) {
+  const {
+    colorSchemes: t = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: i = "mui",
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: u = oa,
+    colorSchemeSelector: l = t.light && t.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...m
+  } = e, p = Object.keys(t)[0], h = n || (t.light && p !== "light" ? "light" : p), S = ua(i), {
+    [h]: g,
+    light: c,
+    dark: y,
+    ...x
+  } = t, _ = {
+    ...x
+  };
+  let A = g;
+  if ((h === "dark" && !("dark" in t) || h === "light" && !("light" in t)) && (A = !0), !A)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${h}\` option is either missing or invalid.` : we(21, h));
+  let C;
+  s && (C = "oklch");
+  const b = Nr(C, _, A, m, h);
+  c && !_.light && Nr(C, _, c, void 0, "light"), y && !_.dark && Nr(C, _, y, void 0, "dark");
+  let $ = {
+    defaultColorScheme: h,
+    ...b,
+    cssVarPrefix: i,
+    colorSchemeSelector: l,
+    rootSelector: d,
+    getCssVar: S,
+    colorSchemes: _,
+    font: {
+      ...Li(b.typography),
+      ...b.font
+    },
+    spacing: ca(m.spacing)
+  };
+  Object.keys($.colorSchemes).forEach((Q) => {
+    const a = $.colorSchemes[Q].palette, O = (V) => {
+      const Y = V.split("-"), se = Y[1], ge = Y[2];
+      return S(V, a[se][ge]);
+    };
+    a.mode === "light" && (f(a.common, "background", "#fff"), f(a.common, "onBackground", "#000")), a.mode === "dark" && (f(a.common, "background", "#000"), f(a.common, "onBackground", "#fff"));
+    function E(V, Y, se) {
+      if (C) {
+        let ge;
+        return V === Oe && (ge = `transparent ${((1 - se) * 100).toFixed(0)}%`), V === q && (ge = `#000 ${(se * 100).toFixed(0)}%`), V === G && (ge = `#fff ${(se * 100).toFixed(0)}%`), `color-mix(in ${C}, ${Y}, ${ge})`;
+      }
+      return V(Y, se);
+    }
+    if (sa(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
+      f(a.Alert, "errorColor", E(q, a.error.light, 0.6)), f(a.Alert, "infoColor", E(q, a.info.light, 0.6)), f(a.Alert, "successColor", E(q, a.success.light, 0.6)), f(a.Alert, "warningColor", E(q, a.warning.light, 0.6)), f(a.Alert, "errorFilledBg", O("palette-error-main")), f(a.Alert, "infoFilledBg", O("palette-info-main")), f(a.Alert, "successFilledBg", O("palette-success-main")), f(a.Alert, "warningFilledBg", O("palette-warning-main")), f(a.Alert, "errorFilledColor", be(() => a.getContrastText(a.error.main))), f(a.Alert, "infoFilledColor", be(() => a.getContrastText(a.info.main))), f(a.Alert, "successFilledColor", be(() => a.getContrastText(a.success.main))), f(a.Alert, "warningFilledColor", be(() => a.getContrastText(a.warning.main))), f(a.Alert, "errorStandardBg", E(G, a.error.light, 0.9)), f(a.Alert, "infoStandardBg", E(G, a.info.light, 0.9)), f(a.Alert, "successStandardBg", E(G, a.success.light, 0.9)), f(a.Alert, "warningStandardBg", E(G, a.warning.light, 0.9)), f(a.Alert, "errorIconColor", O("palette-error-main")), f(a.Alert, "infoIconColor", O("palette-info-main")), f(a.Alert, "successIconColor", O("palette-success-main")), f(a.Alert, "warningIconColor", O("palette-warning-main")), f(a.AppBar, "defaultBg", O("palette-grey-100")), f(a.Avatar, "defaultBg", O("palette-grey-400")), f(a.Button, "inheritContainedBg", O("palette-grey-300")), f(a.Button, "inheritContainedHoverBg", O("palette-grey-A100")), f(a.Chip, "defaultBorder", O("palette-grey-400")), f(a.Chip, "defaultAvatarColor", O("palette-grey-700")), f(a.Chip, "defaultIconColor", O("palette-grey-700")), f(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), f(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), f(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), f(a.LinearProgress, "primaryBg", E(G, a.primary.main, 0.62)), f(a.LinearProgress, "secondaryBg", E(G, a.secondary.main, 0.62)), f(a.LinearProgress, "errorBg", E(G, a.error.main, 0.62)), f(a.LinearProgress, "infoBg", E(G, a.info.main, 0.62)), f(a.LinearProgress, "successBg", E(G, a.success.main, 0.62)), f(a.LinearProgress, "warningBg", E(G, a.warning.main, 0.62)), f(a.Skeleton, "bg", C ? E(Oe, a.text.primary, 0.11) : `rgba(${O("palette-text-primaryChannel")} / 0.11)`), f(a.Slider, "primaryTrack", E(G, a.primary.main, 0.62)), f(a.Slider, "secondaryTrack", E(G, a.secondary.main, 0.62)), f(a.Slider, "errorTrack", E(G, a.error.main, 0.62)), f(a.Slider, "infoTrack", E(G, a.info.main, 0.62)), f(a.Slider, "successTrack", E(G, a.success.main, 0.62)), f(a.Slider, "warningTrack", E(G, a.warning.main, 0.62));
+      const V = C ? E(q, a.background.default, 0.6825) : tr(a.background.default, 0.8);
+      f(a.SnackbarContent, "bg", V), f(a.SnackbarContent, "color", be(() => C ? Vr.text.primary : a.getContrastText(V))), f(a.SpeedDialAction, "fabHoverBg", tr(a.background.paper, 0.15)), f(a.StepConnector, "border", O("palette-grey-400")), f(a.StepContent, "border", O("palette-grey-400")), f(a.Switch, "defaultColor", O("palette-common-white")), f(a.Switch, "defaultDisabledColor", O("palette-grey-100")), f(a.Switch, "primaryDisabledColor", E(G, a.primary.main, 0.62)), f(a.Switch, "secondaryDisabledColor", E(G, a.secondary.main, 0.62)), f(a.Switch, "errorDisabledColor", E(G, a.error.main, 0.62)), f(a.Switch, "infoDisabledColor", E(G, a.info.main, 0.62)), f(a.Switch, "successDisabledColor", E(G, a.success.main, 0.62)), f(a.Switch, "warningDisabledColor", E(G, a.warning.main, 0.62)), f(a.TableCell, "border", E(G, E(Oe, a.divider, 1), 0.88)), f(a.Tooltip, "bg", E(Oe, a.grey[700], 0.92));
+    }
+    if (a.mode === "dark") {
+      f(a.Alert, "errorColor", E(G, a.error.light, 0.6)), f(a.Alert, "infoColor", E(G, a.info.light, 0.6)), f(a.Alert, "successColor", E(G, a.success.light, 0.6)), f(a.Alert, "warningColor", E(G, a.warning.light, 0.6)), f(a.Alert, "errorFilledBg", O("palette-error-dark")), f(a.Alert, "infoFilledBg", O("palette-info-dark")), f(a.Alert, "successFilledBg", O("palette-success-dark")), f(a.Alert, "warningFilledBg", O("palette-warning-dark")), f(a.Alert, "errorFilledColor", be(() => a.getContrastText(a.error.dark))), f(a.Alert, "infoFilledColor", be(() => a.getContrastText(a.info.dark))), f(a.Alert, "successFilledColor", be(() => a.getContrastText(a.success.dark))), f(a.Alert, "warningFilledColor", be(() => a.getContrastText(a.warning.dark))), f(a.Alert, "errorStandardBg", E(q, a.error.light, 0.9)), f(a.Alert, "infoStandardBg", E(q, a.info.light, 0.9)), f(a.Alert, "successStandardBg", E(q, a.success.light, 0.9)), f(a.Alert, "warningStandardBg", E(q, a.warning.light, 0.9)), f(a.Alert, "errorIconColor", O("palette-error-main")), f(a.Alert, "infoIconColor", O("palette-info-main")), f(a.Alert, "successIconColor", O("palette-success-main")), f(a.Alert, "warningIconColor", O("palette-warning-main")), f(a.AppBar, "defaultBg", O("palette-grey-900")), f(a.AppBar, "darkBg", O("palette-background-paper")), f(a.AppBar, "darkColor", O("palette-text-primary")), f(a.Avatar, "defaultBg", O("palette-grey-600")), f(a.Button, "inheritContainedBg", O("palette-grey-800")), f(a.Button, "inheritContainedHoverBg", O("palette-grey-700")), f(a.Chip, "defaultBorder", O("palette-grey-700")), f(a.Chip, "defaultAvatarColor", O("palette-grey-300")), f(a.Chip, "defaultIconColor", O("palette-grey-300")), f(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), f(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), f(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), f(a.LinearProgress, "primaryBg", E(q, a.primary.main, 0.5)), f(a.LinearProgress, "secondaryBg", E(q, a.secondary.main, 0.5)), f(a.LinearProgress, "errorBg", E(q, a.error.main, 0.5)), f(a.LinearProgress, "infoBg", E(q, a.info.main, 0.5)), f(a.LinearProgress, "successBg", E(q, a.success.main, 0.5)), f(a.LinearProgress, "warningBg", E(q, a.warning.main, 0.5)), f(a.Skeleton, "bg", C ? E(Oe, a.text.primary, 0.13) : `rgba(${O("palette-text-primaryChannel")} / 0.13)`), f(a.Slider, "primaryTrack", E(q, a.primary.main, 0.5)), f(a.Slider, "secondaryTrack", E(q, a.secondary.main, 0.5)), f(a.Slider, "errorTrack", E(q, a.error.main, 0.5)), f(a.Slider, "infoTrack", E(q, a.info.main, 0.5)), f(a.Slider, "successTrack", E(q, a.success.main, 0.5)), f(a.Slider, "warningTrack", E(q, a.warning.main, 0.5));
+      const V = C ? E(G, a.background.default, 0.985) : tr(a.background.default, 0.98);
+      f(a.SnackbarContent, "bg", V), f(a.SnackbarContent, "color", be(() => C ? fn.text.primary : a.getContrastText(V))), f(a.SpeedDialAction, "fabHoverBg", tr(a.background.paper, 0.15)), f(a.StepConnector, "border", O("palette-grey-600")), f(a.StepContent, "border", O("palette-grey-600")), f(a.Switch, "defaultColor", O("palette-grey-300")), f(a.Switch, "defaultDisabledColor", O("palette-grey-600")), f(a.Switch, "primaryDisabledColor", E(q, a.primary.main, 0.55)), f(a.Switch, "secondaryDisabledColor", E(q, a.secondary.main, 0.55)), f(a.Switch, "errorDisabledColor", E(q, a.error.main, 0.55)), f(a.Switch, "infoDisabledColor", E(q, a.info.main, 0.55)), f(a.Switch, "successDisabledColor", E(q, a.success.main, 0.55)), f(a.Switch, "warningDisabledColor", E(q, a.warning.main, 0.55)), f(a.TableCell, "border", E(q, E(Oe, a.divider, 1), 0.68)), f(a.Tooltip, "bg", E(Oe, a.grey[700], 0.92));
+    }
+    Ee(a.background, "default"), Ee(a.background, "paper"), Ee(a.common, "background"), Ee(a.common, "onBackground"), Ee(a, "divider"), Object.keys(a).forEach((V) => {
+      const Y = a[V];
+      V !== "tonalOffset" && Y && typeof Y == "object" && (Y.main && f(a[V], "mainChannel", Ve(We(Y.main))), Y.light && f(a[V], "lightChannel", Ve(We(Y.light))), Y.dark && f(a[V], "darkChannel", Ve(We(Y.dark))), Y.contrastText && f(a[V], "contrastTextChannel", Ve(We(Y.contrastText))), V === "text" && (Ee(a[V], "primary"), Ee(a[V], "secondary")), V === "action" && (Y.active && Ee(a[V], "active"), Y.selected && Ee(a[V], "selected")));
+    });
+  }), $ = r.reduce((Q, a) => de(Q, a), $);
+  const k = {
+    prefix: i,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: u,
+    getSelector: aa($),
+    enableContrastVars: s
+  }, {
+    vars: pe,
+    generateThemeVars: ne,
+    generateStyleSheets: te
+  } = ki($, k);
+  return $.vars = pe, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([Q, a]) => {
+    $[Q] = a;
+  }), $.generateThemeVars = ne, $.generateStyleSheets = te, $.generateSpacing = function() {
+    return on(m.spacing, Kr(this));
+  }, $.getColorSchemeSelector = Pi(l), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = u, $.unstable_sxConfig = {
+    ...Sr,
+    ...m?.unstable_sxConfig
+  }, $.unstable_sx = function(a) {
+    return Cr({
+      sx: a,
+      theme: this
+    });
+  }, $.toRuntimeSource = pn, $;
+}
+function Mt(e, r, t) {
+  e.colorSchemes && t && (e.colorSchemes[r] = {
+    ...t !== !0 && t,
+    palette: Jr({
+      ...t === !0 ? {} : t.palette,
+      mode: r
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function Ca(e = {}, ...r) {
+  const {
+    palette: t,
+    cssVariables: n = !1,
+    colorSchemes: o = t ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: i = t?.mode,
+    ...s
+  } = e, u = i || "light", l = o?.[u], d = {
+    ...o,
+    ...t ? {
+      [u]: {
+        ...typeof l != "boolean" && l,
+        palette: t
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Wr(e, ...r);
+    let m = t;
+    "palette" in e || d[u] && (d[u] !== !0 ? m = d[u].palette : u === "dark" && (m = {
+      mode: "dark"
+    }));
+    const p = Wr({
+      ...e,
+      palette: m
+    }, ...r);
+    return p.defaultColorScheme = u, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: p.palette
+    }, Mt(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: p.palette
+    }, Mt(p, "light", d.light)), p;
+  }
+  return !t && !("light" in d) && u === "light" && (d.light = !0), la({
+    ...s,
+    colorSchemes: d,
+    defaultColorScheme: u,
+    ...typeof n != "boolean" && n
+  }, ...r);
+}
+export {
+  Ci as C,
+  ha as E,
+  je as P,
+  Qt as T,
+  Mr as _,
+  Sa as a,
+  va as b,
+  vi as c,
+  Sr as d,
+  tn as e,
+  Cr as f,
+  sn as g,
+  pa as h,
+  xe as i,
+  Ca as j,
+  Gr as k,
+  Jt as l,
+  ma as m,
+  en as n,
+  ba as o,
+  ya as p,
+  un as q,
+  Yt as r,
+  ga as s,
+  ra as t
+};