@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/useSlot-ylt7_lTY.js

@@ -0,0 +1,4698 @@
+import * as F from "react";
+import { forwardRef as zn, useContext as qn } from "react";
+import { jsx as tn } from "react/jsx-runtime";
+import { g as Hn } from "./_commonjsHelpers-C6fGbg64.js";
+import { c as zt } from "./clsx-OuTLNxxd.js";
+const He = {
+  black: "#000",
+  white: "#fff"
+}, ke = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, Re = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, Ie = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Ne = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, Me = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+}, Ue = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Gn = {
+  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 Pe(e, ...t) {
+  const r = new URL(`https://mui.com/production-error/?code=${e}`);
+  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
+}
+const Kn = "$$material";
+function qt() {
+  return qt = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, qt.apply(null, arguments);
+}
+function Xn(e) {
+  if (e.sheet)
+    return e.sheet;
+  for (var t = 0; t < document.styleSheets.length; t++)
+    if (document.styleSheets[t].ownerNode === e)
+      return document.styleSheets[t];
+}
+function Jn(e) {
+  var t = document.createElement("style");
+  return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
+}
+var Qn = /* @__PURE__ */ (function() {
+  function e(r) {
+    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 = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
+  }
+  var t = e.prototype;
+  return t.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, t.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Jn(this));
+    var o = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var i = Xn(o);
+      try {
+        i.insertRule(n, i.cssRules.length);
+      } catch {
+      }
+    } else
+      o.appendChild(document.createTextNode(n));
+    this.ctr++;
+  }, t.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;
+})(), ce = "-ms-", dt = "-moz-", W = "-webkit-", rn = "comm", tr = "rule", rr = "decl", Zn = "@import", nn = "@keyframes", eo = "@layer", to = Math.abs, gt = String.fromCharCode, ro = Object.assign;
+function no(e, t) {
+  return se(e, 0) ^ 45 ? (((t << 2 ^ se(e, 0)) << 2 ^ se(e, 1)) << 2 ^ se(e, 2)) << 2 ^ se(e, 3) : 0;
+}
+function on(e) {
+  return e.trim();
+}
+function oo(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function U(e, t, r) {
+  return e.replace(t, r);
+}
+function Ht(e, t) {
+  return e.indexOf(t);
+}
+function se(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function Ge(e, t, r) {
+  return e.slice(t, r);
+}
+function Se(e) {
+  return e.length;
+}
+function nr(e) {
+  return e.length;
+}
+function nt(e, t) {
+  return t.push(e), e;
+}
+function io(e, t) {
+  return e.map(t).join("");
+}
+var yt = 1, Le = 1, an = 0, ue = 0, ie = 0, je = "";
+function bt(e, t, r, n, o, i, a) {
+  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: yt, column: Le, length: a, return: "" };
+}
+function Ye(e, t) {
+  return ro(bt("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+}
+function ao() {
+  return ie;
+}
+function so() {
+  return ie = ue > 0 ? se(je, --ue) : 0, Le--, ie === 10 && (Le = 1, yt--), ie;
+}
+function de() {
+  return ie = ue < an ? se(je, ue++) : 0, Le++, ie === 10 && (Le = 1, yt++), ie;
+}
+function Ce() {
+  return se(je, ue);
+}
+function ct() {
+  return ue;
+}
+function Ze(e, t) {
+  return Ge(je, e, t);
+}
+function Ke(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 sn(e) {
+  return yt = Le = 1, an = Se(je = e), ue = 0, [];
+}
+function cn(e) {
+  return je = "", e;
+}
+function lt(e) {
+  return on(Ze(ue - 1, Gt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function co(e) {
+  for (; (ie = Ce()) && ie < 33; )
+    de();
+  return Ke(e) > 2 || Ke(ie) > 3 ? "" : " ";
+}
+function lo(e, t) {
+  for (; --t && de() && !(ie < 48 || ie > 102 || ie > 57 && ie < 65 || ie > 70 && ie < 97); )
+    ;
+  return Ze(e, ct() + (t < 6 && Ce() == 32 && de() == 32));
+}
+function Gt(e) {
+  for (; de(); )
+    switch (ie) {
+      // ] ) " '
+      case e:
+        return ue;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Gt(ie);
+        break;
+      // (
+      case 40:
+        e === 41 && Gt(e);
+        break;
+      // \
+      case 92:
+        de();
+        break;
+    }
+  return ue;
+}
+function uo(e, t) {
+  for (; de() && e + ie !== 57; )
+    if (e + ie === 84 && Ce() === 47)
+      break;
+  return "/*" + Ze(t, ue - 1) + "*" + gt(e === 47 ? e : de());
+}
+function fo(e) {
+  for (; !Ke(Ce()); )
+    de();
+  return Ze(e, ue);
+}
+function po(e) {
+  return cn(ut("", null, null, null, [""], e = sn(e), 0, [0], e));
+}
+function ut(e, t, r, n, o, i, a, c, d) {
+  for (var f = 0, p = 0, m = a, S = 0, u = 0, y = 0, l = 1, g = 1, w = 1, _ = 0, O = "", C = o, b = i, E = n, P = O; g; )
+    switch (y = _, _ = de()) {
+      // (
+      case 40:
+        if (y != 108 && se(P, m - 1) == 58) {
+          Ht(P += U(lt(_), "&", "&\f"), "&\f") != -1 && (w = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        P += lt(_);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        P += co(y);
+        break;
+      // \
+      case 92:
+        P += lo(ct() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (Ce()) {
+          case 42:
+          case 47:
+            nt(mo(uo(de(), ct()), t, r), d);
+            break;
+          default:
+            P += "/";
+        }
+        break;
+      // {
+      case 123 * l:
+        c[f++] = Se(P) * w;
+      // } ; \0
+      case 125 * l:
+      case 59:
+      case 0:
+        switch (_) {
+          // \0 }
+          case 0:
+          case 125:
+            g = 0;
+          // ;
+          case 59 + p:
+            w == -1 && (P = U(P, /\f/g, "")), u > 0 && Se(P) - m && nt(u > 32 ? pr(P + ";", n, r, m - 1) : pr(U(P, " ", "") + ";", n, r, m - 2), d);
+            break;
+          // @ ;
+          case 59:
+            P += ";";
+          // { rule/at-rule
+          default:
+            if (nt(E = dr(P, t, r, f, p, o, c, O, C = [], b = [], m), i), _ === 123)
+              if (p === 0)
+                ut(P, t, E, E, C, i, m, c, b);
+              else
+                switch (S === 99 && se(P, 3) === 110 ? 100 : S) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    ut(e, E, E, n && nt(dr(e, E, E, 0, 0, o, c, O, o, C = [], m), b), o, b, m, c, n ? C : b);
+                    break;
+                  default:
+                    ut(P, E, E, E, [""], b, 0, c, b);
+                }
+        }
+        f = p = u = 0, l = w = 1, O = P = "", m = a;
+        break;
+      // :
+      case 58:
+        m = 1 + Se(P), u = y;
+      default:
+        if (l < 1) {
+          if (_ == 123)
+            --l;
+          else if (_ == 125 && l++ == 0 && so() == 125)
+            continue;
+        }
+        switch (P += gt(_), _ * l) {
+          // &
+          case 38:
+            w = p > 0 ? 1 : (P += "\f", -1);
+            break;
+          // ,
+          case 44:
+            c[f++] = (Se(P) - 1) * w, w = 1;
+            break;
+          // @
+          case 64:
+            Ce() === 45 && (P += lt(de())), S = Ce(), p = m = Se(O = P += fo(ct())), _++;
+            break;
+          // -
+          case 45:
+            y === 45 && Se(P) == 2 && (l = 0);
+        }
+    }
+  return i;
+}
+function dr(e, t, r, n, o, i, a, c, d, f, p) {
+  for (var m = o - 1, S = o === 0 ? i : [""], u = nr(S), y = 0, l = 0, g = 0; y < n; ++y)
+    for (var w = 0, _ = Ge(e, m + 1, m = to(l = a[y])), O = e; w < u; ++w)
+      (O = on(l > 0 ? S[w] + " " + _ : U(_, /&\f/g, S[w]))) && (d[g++] = O);
+  return bt(e, t, r, o === 0 ? tr : c, d, f, p);
+}
+function mo(e, t, r) {
+  return bt(e, t, r, rn, gt(ao()), Ge(e, 2, -2), 0);
+}
+function pr(e, t, r, n) {
+  return bt(e, t, r, rr, Ge(e, 0, n), Ge(e, n + 1, -1), n);
+}
+function De(e, t) {
+  for (var r = "", n = nr(e), o = 0; o < n; o++)
+    r += t(e[o], o, e, t) || "";
+  return r;
+}
+function ho(e, t, r, n) {
+  switch (e.type) {
+    case eo:
+      if (e.children.length) break;
+    case Zn:
+    case rr:
+      return e.return = e.return || e.value;
+    case rn:
+      return "";
+    case nn:
+      return e.return = e.value + "{" + De(e.children, n) + "}";
+    case tr:
+      e.value = e.props.join(",");
+  }
+  return Se(r = De(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+}
+function go(e) {
+  var t = nr(e);
+  return function(r, n, o, i) {
+    for (var a = "", c = 0; c < t; c++)
+      a += e[c](r, n, o, i) || "";
+    return a;
+  };
+}
+function yo(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+var bo = function(t, r, n) {
+  for (var o = 0, i = 0; o = i, i = Ce(), o === 38 && i === 12 && (r[n] = 1), !Ke(i); )
+    de();
+  return Ze(t, ue);
+}, vo = function(t, r) {
+  var n = -1, o = 44;
+  do
+    switch (Ke(o)) {
+      case 0:
+        o === 38 && Ce() === 12 && (r[n] = 1), t[n] += bo(ue - 1, r, n);
+        break;
+      case 2:
+        t[n] += lt(o);
+        break;
+      case 4:
+        if (o === 44) {
+          t[++n] = Ce() === 58 ? "&\f" : "", r[n] = t[n].length;
+          break;
+        }
+      // fallthrough
+      default:
+        t[n] += gt(o);
+    }
+  while (o = de());
+  return t;
+}, So = function(t, r) {
+  return cn(vo(sn(t), r));
+}, mr = /* @__PURE__ */ new WeakMap(), Eo = function(t) {
+  if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
+  // negative .length indicates that this rule has been already prefixed
+  t.length < 1)) {
+    for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
+      if (n = n.parent, !n) return;
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !mr.get(n)) && !o) {
+      mr.set(t, !0);
+      for (var i = [], a = So(r, i), c = n.props, d = 0, f = 0; d < a.length; d++)
+        for (var p = 0; p < c.length; p++, f++)
+          t.props[f] = i[d] ? a[d].replace(/&\f/g, c[p]) : c[p] + " " + a[d];
+    }
+  }
+}, Co = function(t) {
+  if (t.type === "decl") {
+    var r = t.value;
+    // charcode for l
+    r.charCodeAt(0) === 108 && // charcode for b
+    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
+  }
+};
+function ln(e, t) {
+  switch (no(e, t)) {
+    // color-adjust
+    case 5103:
+      return W + "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 W + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return W + e + dt + e + ce + e + e;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return W + e + ce + e + e;
+    // order
+    case 6165:
+      return W + e + ce + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return W + e + U(e, /(\w+).+(:[^]+)/, W + "box-$1$2" + ce + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return W + e + ce + "flex-item-" + U(e, /flex-|-self/, "") + e;
+    // align-content
+    case 4675:
+      return W + e + ce + "flex-line-pack" + U(e, /align-content|flex-|-self/, "") + e;
+    // flex-shrink
+    case 5548:
+      return W + e + ce + U(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return W + e + ce + U(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return W + "box-" + U(e, "-grow", "") + W + e + ce + U(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return W + U(e, /([^-])(transform)/g, "$1" + W + "$2") + e;
+    // cursor
+    case 6187:
+      return U(U(U(e, /(zoom-|grab)/, W + "$1"), /(image-set)/, W + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return U(e, /(image-set\([^]*)/, W + "$1$`$1");
+    // justify-content
+    case 4968:
+      return U(U(e, /(.+:)(flex-)?(.*)/, W + "box-pack:$3" + ce + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + W + e + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return U(e, /(.+)-inline(.+)/, W + "$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 (Se(e) - 1 - t > 6) switch (se(e, t + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if (se(e, t + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return U(e, /(.+:)(.+)-([^]+)/, "$1" + W + "$2-$3$1" + dt + (se(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+        // (s)tretch
+        case 115:
+          return ~Ht(e, "stretch") ? ln(U(e, "stretch", "fill-available"), t) + e : e;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if (se(e, t + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch (se(e, Se(e) - 3 - (~Ht(e, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return U(e, ":", ":" + W) + e;
+        // (inline-)?fl(e)x
+        case 101:
+          return U(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + W + (se(e, 14) === 45 ? "inline-" : "") + "box$3$1" + W + "$2$3$1" + ce + "$2box$3") + e;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch (se(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return W + e + ce + U(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return W + e + ce + U(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return W + e + ce + U(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+      return W + e + ce + e + e;
+  }
+  return e;
+}
+var To = function(t, r, n, o) {
+  if (t.length > -1 && !t.return) switch (t.type) {
+    case rr:
+      t.return = ln(t.value, t.length);
+      break;
+    case nn:
+      return De([Ye(t, {
+        value: U(t.value, "@", "@" + W)
+      })], o);
+    case tr:
+      if (t.length) return io(t.props, function(i) {
+        switch (oo(i, /(::plac\w+|:read-\w+)/)) {
+          // :read-(only|write)
+          case ":read-only":
+          case ":read-write":
+            return De([Ye(t, {
+              props: [U(i, /:(read-\w+)/, ":" + dt + "$1")]
+            })], o);
+          // :placeholder
+          case "::placeholder":
+            return De([Ye(t, {
+              props: [U(i, /:(plac\w+)/, ":" + W + "input-$1")]
+            }), Ye(t, {
+              props: [U(i, /:(plac\w+)/, ":" + dt + "$1")]
+            }), Ye(t, {
+              props: [U(i, /:(plac\w+)/, ce + "input-$1")]
+            })], o);
+        }
+        return "";
+      });
+  }
+}, wo = [To], xo = function(t) {
+  var r = t.key;
+  if (r === "css") {
+    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(n, function(l) {
+      var g = l.getAttribute("data-emotion");
+      g.indexOf(" ") !== -1 && (document.head.appendChild(l), l.setAttribute("data-s", ""));
+    });
+  }
+  var o = t.stylisPlugins || wo, i = {}, a, c = [];
+  a = t.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^="' + r + ' "]'),
+    function(l) {
+      for (var g = l.getAttribute("data-emotion").split(" "), w = 1; w < g.length; w++)
+        i[g[w]] = !0;
+      c.push(l);
+    }
+  );
+  var d, f = [Eo, Co];
+  {
+    var p, m = [ho, yo(function(l) {
+      p.insert(l);
+    })], S = go(f.concat(o, m)), u = function(g) {
+      return De(po(g), S);
+    };
+    d = function(g, w, _, O) {
+      p = _, u(g ? g + "{" + w.styles + "}" : w.styles), O && (y.inserted[w.name] = !0);
+    };
+  }
+  var y = {
+    key: r,
+    sheet: new Qn({
+      key: r,
+      container: a,
+      nonce: t.nonce,
+      speedy: t.speedy,
+      prepend: t.prepend,
+      insertionPoint: t.insertionPoint
+    }),
+    nonce: t.nonce,
+    inserted: i,
+    registered: {},
+    insert: d
+  };
+  return y.sheet.hydrate(c), y;
+}, $o = !0;
+function un(e, t, r) {
+  var n = "";
+  return r.split(" ").forEach(function(o) {
+    e[o] !== void 0 ? t.push(e[o] + ";") : o && (n += o + " ");
+  }), n;
+}
+var or = function(t, r, n) {
+  var o = t.key + "-" + r.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
+  $o === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
+}, fn = function(t, r, n) {
+  or(t, r, n);
+  var o = t.key + "-" + r.name;
+  if (t.inserted[r.name] === void 0) {
+    var i = r;
+    do
+      t.insert(r === i ? "." + o : "", i, t.sheet, !0), i = i.next;
+    while (i !== void 0);
+  }
+};
+function _o(e) {
+  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
+    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  switch (o) {
+    case 3:
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  }
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+var Ao = {
+  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
+};
+function Oo(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var Po = /[A-Z]|^ms/g, ko = /_EMO_([^_]+?)_([^]*?)_EMO_/g, dn = function(t) {
+  return t.charCodeAt(1) === 45;
+}, hr = function(t) {
+  return t != null && typeof t != "boolean";
+}, Nt = /* @__PURE__ */ Oo(function(e) {
+  return dn(e) ? e : e.replace(Po, "-$&").toLowerCase();
+}), gr = function(t, r) {
+  switch (t) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(ko, function(n, o, i) {
+          return Ee = {
+            name: o,
+            styles: i,
+            next: Ee
+          }, o;
+        });
+  }
+  return Ao[t] !== 1 && !dn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+};
+function Xe(e, t, r) {
+  if (r == null)
+    return "";
+  var n = r;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof r) {
+    case "boolean":
+      return "";
+    case "object": {
+      var o = r;
+      if (o.anim === 1)
+        return Ee = {
+          name: o.name,
+          styles: o.styles,
+          next: Ee
+        }, o.name;
+      var i = r;
+      if (i.styles !== void 0) {
+        var a = i.next;
+        if (a !== void 0)
+          for (; a !== void 0; )
+            Ee = {
+              name: a.name,
+              styles: a.styles,
+              next: Ee
+            }, a = a.next;
+        var c = i.styles + ";";
+        return c;
+      }
+      return Ro(e, t, r);
+    }
+    case "function": {
+      if (e !== void 0) {
+        var d = Ee, f = r(e);
+        return Ee = d, Xe(e, t, f);
+      }
+      break;
+    }
+  }
+  var p = r;
+  if (t == null)
+    return p;
+  var m = t[p];
+  return m !== void 0 ? m : p;
+}
+function Ro(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var o = 0; o < r.length; o++)
+      n += Xe(e, t, r[o]) + ";";
+  else
+    for (var i in r) {
+      var a = r[i];
+      if (typeof a != "object") {
+        var c = a;
+        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : hr(c) && (n += Nt(i) + ":" + gr(i, c) + ";");
+      } else if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
+        for (var d = 0; d < a.length; d++)
+          hr(a[d]) && (n += Nt(i) + ":" + gr(i, a[d]) + ";");
+      else {
+        var f = Xe(e, t, a);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += Nt(i) + ":" + f + ";";
+            break;
+          }
+          default:
+            n += i + "{" + f + "}";
+        }
+      }
+    }
+  return n;
+}
+var yr = /label:\s*([^\s;{]+)\s*(;|$)/g, Ee;
+function ir(e, t, r) {
+  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
+    return e[0];
+  var n = !0, o = "";
+  Ee = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, o += Xe(r, t, i);
+  else {
+    var a = i;
+    o += a[0];
+  }
+  for (var c = 1; c < e.length; c++)
+    if (o += Xe(r, t, e[c]), n) {
+      var d = i;
+      o += d[c];
+    }
+  yr.lastIndex = 0;
+  for (var f = "", p; (p = yr.exec(o)) !== null; )
+    f += "-" + p[1];
+  var m = _o(o) + f;
+  return {
+    name: m,
+    styles: o,
+    next: Ee
+  };
+}
+var Io = function(t) {
+  return t();
+}, pn = F.useInsertionEffect ? F.useInsertionEffect : !1, mn = pn || Io, Es = pn || F.useLayoutEffect, hn = /* @__PURE__ */ F.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__ */ xo({
+    key: "css"
+  }) : null
+);
+hn.Provider;
+var gn = function(t) {
+  return /* @__PURE__ */ zn(function(r, n) {
+    var o = qn(hn);
+    return t(r, o, n);
+  });
+}, yn = /* @__PURE__ */ F.createContext({}), bn = {}.hasOwnProperty, Kt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Cs = function(t, r) {
+  var n = {};
+  for (var o in r)
+    bn.call(r, o) && (n[o] = r[o]);
+  return n[Kt] = t, n;
+}, No = function(t) {
+  var r = t.cache, n = t.serialized, o = t.isStringTag;
+  return or(r, n, o), mn(function() {
+    return fn(r, n, o);
+  }), null;
+}, Mo = /* @__PURE__ */ gn(function(e, t, r) {
+  var n = e.css;
+  typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
+  var o = e[Kt], i = [n], a = "";
+  typeof e.className == "string" ? a = un(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
+  var c = ir(i, void 0, F.useContext(yn));
+  a += t.key + "-" + c.name;
+  var d = {};
+  for (var f in e)
+    bn.call(e, f) && f !== "css" && f !== Kt && (d[f] = e[f]);
+  return d.className = a, r && (d.ref = r), /* @__PURE__ */ F.createElement(F.Fragment, null, /* @__PURE__ */ F.createElement(No, {
+    cache: t,
+    serialized: c,
+    isStringTag: typeof o == "string"
+  }), /* @__PURE__ */ F.createElement(o, d));
+}), Ts = Mo;
+function Do(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var Fo = /^((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)-.*))$/, Bo = /* @__PURE__ */ Do(
+  function(e) {
+    return Fo.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), Lo = Bo, Vo = function(t) {
+  return t !== "theme";
+}, br = function(t) {
+  return typeof t == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  t.charCodeAt(0) > 96 ? Lo : Vo;
+}, vr = function(t, r, n) {
+  var o;
+  if (r) {
+    var i = r.shouldForwardProp;
+    o = t.__emotion_forwardProp && i ? function(a) {
+      return t.__emotion_forwardProp(a) && i(a);
+    } : i;
+  }
+  return typeof o != "function" && n && (o = t.__emotion_forwardProp), o;
+}, jo = function(t) {
+  var r = t.cache, n = t.serialized, o = t.isStringTag;
+  return or(r, n, o), mn(function() {
+    return fn(r, n, o);
+  }), null;
+}, Wo = function e(t, r) {
+  var n = t.__emotion_real === t, o = n && t.__emotion_base || t, i, a;
+  r !== void 0 && (i = r.label, a = r.target);
+  var c = vr(t, r, n), d = c || br(o), f = !d("as");
+  return function() {
+    var p = arguments, m = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && m.push("label:" + i + ";"), p[0] == null || p[0].raw === void 0)
+      m.push.apply(m, p);
+    else {
+      var S = p[0];
+      m.push(S[0]);
+      for (var u = p.length, y = 1; y < u; y++)
+        m.push(p[y], S[y]);
+    }
+    var l = gn(function(g, w, _) {
+      var O = f && g.as || o, C = "", b = [], E = g;
+      if (g.theme == null) {
+        E = {};
+        for (var P in g)
+          E[P] = g[P];
+        E.theme = F.useContext(yn);
+      }
+      typeof g.className == "string" ? C = un(w.registered, b, g.className) : g.className != null && (C = g.className + " ");
+      var oe = ir(m.concat(b), w.registered, E);
+      C += w.key + "-" + oe.name, a !== void 0 && (C += " " + a);
+      var J = f && c === void 0 ? br(O) : d, re = {};
+      for (var Q in g)
+        f && Q === "as" || J(Q) && (re[Q] = g[Q]);
+      return re.className = C, _ && (re.ref = _), /* @__PURE__ */ F.createElement(F.Fragment, null, /* @__PURE__ */ F.createElement(jo, {
+        cache: w,
+        serialized: oe,
+        isStringTag: typeof O == "string"
+      }), /* @__PURE__ */ F.createElement(O, re));
+    });
+    return l.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", l.defaultProps = t.defaultProps, l.__emotion_real = l, l.__emotion_base = o, l.__emotion_styles = m, l.__emotion_forwardProp = c, Object.defineProperty(l, "toString", {
+      value: function() {
+        return "." + a;
+      }
+    }), l.withComponent = function(g, w) {
+      var _ = e(g, qt({}, r, w, {
+        shouldForwardProp: vr(l, w, !0)
+      }));
+      return _.apply(void 0, m);
+    }, l;
+  };
+}, Uo = [
+  "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"
+], Xt = Wo.bind(null);
+Uo.forEach(function(e) {
+  Xt[e] = Xt(e);
+});
+var ot = { exports: {} }, it = { exports: {} }, Y = {};
+var Sr;
+function Yo() {
+  if (Sr) return Y;
+  Sr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, S = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, u = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function O(b) {
+    if (typeof b == "object" && b !== null) {
+      var E = b.$$typeof;
+      switch (E) {
+        case t:
+          switch (b = b.type, b) {
+            case d:
+            case f:
+            case n:
+            case i:
+            case o:
+            case m:
+              return b;
+            default:
+              switch (b = b && b.$$typeof, b) {
+                case c:
+                case p:
+                case y:
+                case u:
+                case a:
+                  return b;
+                default:
+                  return E;
+              }
+          }
+        case r:
+          return E;
+      }
+    }
+  }
+  function C(b) {
+    return O(b) === f;
+  }
+  return Y.AsyncMode = d, Y.ConcurrentMode = f, Y.ContextConsumer = c, Y.ContextProvider = a, Y.Element = t, Y.ForwardRef = p, Y.Fragment = n, Y.Lazy = y, Y.Memo = u, Y.Portal = r, Y.Profiler = i, Y.StrictMode = o, Y.Suspense = m, Y.isAsyncMode = function(b) {
+    return C(b) || O(b) === d;
+  }, Y.isConcurrentMode = C, Y.isContextConsumer = function(b) {
+    return O(b) === c;
+  }, Y.isContextProvider = function(b) {
+    return O(b) === a;
+  }, Y.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === t;
+  }, Y.isForwardRef = function(b) {
+    return O(b) === p;
+  }, Y.isFragment = function(b) {
+    return O(b) === n;
+  }, Y.isLazy = function(b) {
+    return O(b) === y;
+  }, Y.isMemo = function(b) {
+    return O(b) === u;
+  }, Y.isPortal = function(b) {
+    return O(b) === r;
+  }, Y.isProfiler = function(b) {
+    return O(b) === i;
+  }, Y.isStrictMode = function(b) {
+    return O(b) === o;
+  }, Y.isSuspense = function(b) {
+    return O(b) === m;
+  }, Y.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === n || b === f || b === i || b === o || b === m || b === S || typeof b == "object" && b !== null && (b.$$typeof === y || b.$$typeof === u || b.$$typeof === a || b.$$typeof === c || b.$$typeof === p || b.$$typeof === g || b.$$typeof === w || b.$$typeof === _ || b.$$typeof === l);
+  }, Y.typeOf = O, Y;
+}
+var z = {};
+var Er;
+function zo() {
+  return Er || (Er = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, S = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, u = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function O(x) {
+      return typeof x == "string" || typeof x == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      x === n || x === f || x === i || x === o || x === m || x === S || typeof x == "object" && x !== null && (x.$$typeof === y || x.$$typeof === u || x.$$typeof === a || x.$$typeof === c || x.$$typeof === p || x.$$typeof === g || x.$$typeof === w || x.$$typeof === _ || x.$$typeof === l);
+    }
+    function C(x) {
+      if (typeof x == "object" && x !== null) {
+        var be = x.$$typeof;
+        switch (be) {
+          case t:
+            var rt = x.type;
+            switch (rt) {
+              case d:
+              case f:
+              case n:
+              case i:
+              case o:
+              case m:
+                return rt;
+              default:
+                var fr = rt && rt.$$typeof;
+                switch (fr) {
+                  case c:
+                  case p:
+                  case y:
+                  case u:
+                  case a:
+                    return fr;
+                  default:
+                    return be;
+                }
+            }
+          case r:
+            return be;
+        }
+      }
+    }
+    var b = d, E = f, P = c, oe = a, J = t, re = p, Q = n, s = y, A = u, T = r, k = i, B = o, ae = m, ge = !1;
+    function It(x) {
+      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(x) || C(x) === d;
+    }
+    function v(x) {
+      return C(x) === f;
+    }
+    function $(x) {
+      return C(x) === c;
+    }
+    function D(x) {
+      return C(x) === a;
+    }
+    function N(x) {
+      return typeof x == "object" && x !== null && x.$$typeof === t;
+    }
+    function R(x) {
+      return C(x) === p;
+    }
+    function L(x) {
+      return C(x) === n;
+    }
+    function I(x) {
+      return C(x) === y;
+    }
+    function M(x) {
+      return C(x) === u;
+    }
+    function V(x) {
+      return C(x) === r;
+    }
+    function q(x) {
+      return C(x) === i;
+    }
+    function j(x) {
+      return C(x) === o;
+    }
+    function le(x) {
+      return C(x) === m;
+    }
+    z.AsyncMode = b, z.ConcurrentMode = E, z.ContextConsumer = P, z.ContextProvider = oe, z.Element = J, z.ForwardRef = re, z.Fragment = Q, z.Lazy = s, z.Memo = A, z.Portal = T, z.Profiler = k, z.StrictMode = B, z.Suspense = ae, z.isAsyncMode = It, z.isConcurrentMode = v, z.isContextConsumer = $, z.isContextProvider = D, z.isElement = N, z.isForwardRef = R, z.isFragment = L, z.isLazy = I, z.isMemo = M, z.isPortal = V, z.isProfiler = q, z.isStrictMode = j, z.isSuspense = le, z.isValidElementType = O, z.typeOf = C;
+  })()), z;
+}
+var Cr;
+function vn() {
+  return Cr || (Cr = 1, process.env.NODE_ENV === "production" ? it.exports = Yo() : it.exports = zo()), it.exports;
+}
+var Mt, Tr;
+function qo() {
+  if (Tr) return Mt;
+  Tr = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = 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 a = {}, c = 0; c < 10; c++)
+        a["_" + String.fromCharCode(c)] = c;
+      var d = Object.getOwnPropertyNames(a).map(function(p) {
+        return a[p];
+      });
+      if (d.join("") !== "0123456789")
+        return !1;
+      var f = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
+        f[p] = p;
+      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Mt = o() ? Object.assign : function(i, a) {
+    for (var c, d = n(i), f, p = 1; p < arguments.length; p++) {
+      c = Object(arguments[p]);
+      for (var m in c)
+        t.call(c, m) && (d[m] = c[m]);
+      if (e) {
+        f = e(c);
+        for (var S = 0; S < f.length; S++)
+          r.call(c, f[S]) && (d[f[S]] = c[f[S]]);
+      }
+    }
+    return d;
+  }, Mt;
+}
+var Dt, wr;
+function ar() {
+  if (wr) return Dt;
+  wr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Dt = e, Dt;
+}
+var Ft, xr;
+function Sn() {
+  return xr || (xr = 1, Ft = Function.call.bind(Object.prototype.hasOwnProperty)), Ft;
+}
+var Bt, $r;
+function Ho() {
+  if ($r) return Bt;
+  $r = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = /* @__PURE__ */ ar(), r = {}, n = /* @__PURE__ */ Sn();
+    e = function(i) {
+      var a = "Warning: " + i;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function o(i, a, c, d, f) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var p in i)
+        if (n(i, p)) {
+          var m;
+          try {
+            if (typeof i[p] != "function") {
+              var S = Error(
+                (d || "React class") + ": " + c + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw S.name = "Invariant Violation", S;
+            }
+            m = i[p](a, p, d, c, null, t);
+          } catch (y) {
+            m = y;
+          }
+          if (m && !(m instanceof Error) && e(
+            (d || "React class") + ": type specification of " + c + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), m instanceof Error && !(m.message in r)) {
+            r[m.message] = !0;
+            var u = f ? f() : "";
+            e(
+              "Failed " + c + " type: " + m.message + (u ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, Bt = o, Bt;
+}
+var Lt, _r;
+function Go() {
+  if (_r) return Lt;
+  _r = 1;
+  var e = vn(), t = qo(), r = /* @__PURE__ */ ar(), n = /* @__PURE__ */ Sn(), o = /* @__PURE__ */ Ho(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var d = "Warning: " + c;
+    typeof console < "u" && console.error(d);
+    try {
+      throw new Error(d);
+    } catch {
+    }
+  });
+  function a() {
+    return null;
+  }
+  return Lt = function(c, d) {
+    var f = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
+    function m(v) {
+      var $ = v && (f && v[f] || v[p]);
+      if (typeof $ == "function")
+        return $;
+    }
+    var S = "<<anonymous>>", u = {
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
+      any: _(),
+      arrayOf: O,
+      element: C(),
+      elementType: b(),
+      instanceOf: E,
+      node: re(),
+      objectOf: oe,
+      oneOf: P,
+      oneOfType: J,
+      shape: s,
+      exact: A
+    };
+    function y(v, $) {
+      return v === $ ? v !== 0 || 1 / v === 1 / $ : v !== v && $ !== $;
+    }
+    function l(v, $) {
+      this.message = v, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
+    }
+    l.prototype = Error.prototype;
+    function g(v) {
+      if (process.env.NODE_ENV !== "production")
+        var $ = {}, D = 0;
+      function N(L, I, M, V, q, j, le) {
+        if (V = V || S, j = j || M, le !== r) {
+          if (d) {
+            var x = 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 x.name = "Invariant Violation", x;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var be = V + ":" + M;
+            !$[be] && // Avoid spamming the console because they are often not actionable except for lib authors
+            D < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + V + "`. 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."
+            ), $[be] = !0, D++);
+          }
+        }
+        return I[M] == null ? L ? I[M] === null ? new l("The " + q + " `" + j + "` is marked as required " + ("in `" + V + "`, but its value is `null`.")) : new l("The " + q + " `" + j + "` is marked as required in " + ("`" + V + "`, but its value is `undefined`.")) : null : v(I, M, V, q, j);
+      }
+      var R = N.bind(null, !1);
+      return R.isRequired = N.bind(null, !0), R;
+    }
+    function w(v) {
+      function $(D, N, R, L, I, M) {
+        var V = D[N], q = B(V);
+        if (q !== v) {
+          var j = ae(V);
+          return new l(
+            "Invalid " + L + " `" + I + "` of type " + ("`" + j + "` supplied to `" + R + "`, expected ") + ("`" + v + "`."),
+            { expectedType: v }
+          );
+        }
+        return null;
+      }
+      return g($);
+    }
+    function _() {
+      return g(a);
+    }
+    function O(v) {
+      function $(D, N, R, L, I) {
+        if (typeof v != "function")
+          return new l("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+        var M = D[N];
+        if (!Array.isArray(M)) {
+          var V = B(M);
+          return new l("Invalid " + L + " `" + I + "` of type " + ("`" + V + "` supplied to `" + R + "`, expected an array."));
+        }
+        for (var q = 0; q < M.length; q++) {
+          var j = v(M, q, R, L, I + "[" + q + "]", r);
+          if (j instanceof Error)
+            return j;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function C() {
+      function v($, D, N, R, L) {
+        var I = $[D];
+        if (!c(I)) {
+          var M = B(I);
+          return new l("Invalid " + R + " `" + L + "` of type " + ("`" + M + "` supplied to `" + N + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return g(v);
+    }
+    function b() {
+      function v($, D, N, R, L) {
+        var I = $[D];
+        if (!e.isValidElementType(I)) {
+          var M = B(I);
+          return new l("Invalid " + R + " `" + L + "` of type " + ("`" + M + "` supplied to `" + N + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return g(v);
+    }
+    function E(v) {
+      function $(D, N, R, L, I) {
+        if (!(D[N] instanceof v)) {
+          var M = v.name || S, V = It(D[N]);
+          return new l("Invalid " + L + " `" + I + "` of type " + ("`" + V + "` supplied to `" + R + "`, expected ") + ("instance of `" + M + "`."));
+        }
+        return null;
+      }
+      return g($);
+    }
+    function P(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.")), a;
+      function $(D, N, R, L, I) {
+        for (var M = D[N], V = 0; V < v.length; V++)
+          if (y(M, v[V]))
+            return null;
+        var q = JSON.stringify(v, function(le, x) {
+          var be = ae(x);
+          return be === "symbol" ? String(x) : x;
+        });
+        return new l("Invalid " + L + " `" + I + "` of value `" + String(M) + "` " + ("supplied to `" + R + "`, expected one of " + q + "."));
+      }
+      return g($);
+    }
+    function oe(v) {
+      function $(D, N, R, L, I) {
+        if (typeof v != "function")
+          return new l("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+        var M = D[N], V = B(M);
+        if (V !== "object")
+          return new l("Invalid " + L + " `" + I + "` of type " + ("`" + V + "` supplied to `" + R + "`, expected an object."));
+        for (var q in M)
+          if (n(M, q)) {
+            var j = v(M, q, R, L, I + "." + q, r);
+            if (j instanceof Error)
+              return j;
+          }
+        return null;
+      }
+      return g($);
+    }
+    function J(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
+      for (var $ = 0; $ < v.length; $++) {
+        var D = v[$];
+        if (typeof D != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(D) + " at index " + $ + "."
+          ), a;
+      }
+      function N(R, L, I, M, V) {
+        for (var q = [], j = 0; j < v.length; j++) {
+          var le = v[j], x = le(R, L, I, M, V, r);
+          if (x == null)
+            return null;
+          x.data && n(x.data, "expectedType") && q.push(x.data.expectedType);
+        }
+        var be = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
+        return new l("Invalid " + M + " `" + V + "` supplied to " + ("`" + I + "`" + be + "."));
+      }
+      return g(N);
+    }
+    function re() {
+      function v($, D, N, R, L) {
+        return T($[D]) ? null : new l("Invalid " + R + " `" + L + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
+      }
+      return g(v);
+    }
+    function Q(v, $, D, N, R) {
+      return new l(
+        (v || "React class") + ": " + $ + " type `" + D + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+      );
+    }
+    function s(v) {
+      function $(D, N, R, L, I) {
+        var M = D[N], V = B(M);
+        if (V !== "object")
+          return new l("Invalid " + L + " `" + I + "` of type `" + V + "` " + ("supplied to `" + R + "`, expected `object`."));
+        for (var q in v) {
+          var j = v[q];
+          if (typeof j != "function")
+            return Q(R, L, I, q, ae(j));
+          var le = j(M, q, R, L, I + "." + q, r);
+          if (le)
+            return le;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function A(v) {
+      function $(D, N, R, L, I) {
+        var M = D[N], V = B(M);
+        if (V !== "object")
+          return new l("Invalid " + L + " `" + I + "` of type `" + V + "` " + ("supplied to `" + R + "`, expected `object`."));
+        var q = t({}, D[N], v);
+        for (var j in q) {
+          var le = v[j];
+          if (n(v, j) && typeof le != "function")
+            return Q(R, L, I, j, ae(le));
+          if (!le)
+            return new l(
+              "Invalid " + L + " `" + I + "` key `" + j + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(D[N], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
+            );
+          var x = le(M, j, R, L, I + "." + j, r);
+          if (x)
+            return x;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function T(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(T);
+          if (v === null || c(v))
+            return !0;
+          var $ = m(v);
+          if ($) {
+            var D = $.call(v), N;
+            if ($ !== v.entries) {
+              for (; !(N = D.next()).done; )
+                if (!T(N.value))
+                  return !1;
+            } else
+              for (; !(N = D.next()).done; ) {
+                var R = N.value;
+                if (R && !T(R[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function k(v, $) {
+      return v === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
+    }
+    function B(v) {
+      var $ = typeof v;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : k($, v) ? "symbol" : $;
+    }
+    function ae(v) {
+      if (typeof v > "u" || v === null)
+        return "" + v;
+      var $ = B(v);
+      if ($ === "object") {
+        if (v instanceof Date)
+          return "date";
+        if (v instanceof RegExp)
+          return "regexp";
+      }
+      return $;
+    }
+    function ge(v) {
+      var $ = ae(v);
+      switch ($) {
+        case "array":
+        case "object":
+          return "an " + $;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + $;
+        default:
+          return $;
+      }
+    }
+    function It(v) {
+      return !v.constructor || !v.constructor.name ? S : v.constructor.name;
+    }
+    return u.checkPropTypes = o, u.resetWarningCache = o.resetWarningCache, u.PropTypes = u, u;
+  }, Lt;
+}
+var Vt, Ar;
+function Ko() {
+  if (Ar) return Vt;
+  Ar = 1;
+  var e = /* @__PURE__ */ ar();
+  function t() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = t, Vt = function() {
+    function n(a, c, d, f, p, m) {
+      if (m !== e) {
+        var S = 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 S.name = "Invariant Violation", S;
+      }
+    }
+    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: r,
+      resetWarningCache: t
+    };
+    return i.PropTypes = i, i;
+  }, Vt;
+}
+var Or;
+function Xo() {
+  if (Or) return ot.exports;
+  if (Or = 1, process.env.NODE_ENV !== "production") {
+    var e = vn(), t = !0;
+    ot.exports = /* @__PURE__ */ Go()(e.isElement, t);
+  } else
+    ot.exports = /* @__PURE__ */ Ko()();
+  return ot.exports;
+}
+var Jo = /* @__PURE__ */ Xo();
+const ye = /* @__PURE__ */ Hn(Jo);
+function Qo(e, t) {
+  const r = Xt(e, t);
+  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.`), r(...n);
+  } : r;
+}
+function Zo(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+const Pr = [];
+function Oe(e) {
+  return Pr[0] = e, ir(Pr);
+}
+var at = { exports: {} }, K = {};
+var kr;
+function ei() {
+  if (kr) return K;
+  kr = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.view_transition"), u = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function y(l) {
+    if (typeof l == "object" && l !== null) {
+      var g = l.$$typeof;
+      switch (g) {
+        case e:
+          switch (l = l.type, l) {
+            case r:
+            case o:
+            case n:
+            case d:
+            case f:
+            case S:
+              return l;
+            default:
+              switch (l = l && l.$$typeof, l) {
+                case a:
+                case c:
+                case m:
+                case p:
+                  return l;
+                case i:
+                  return l;
+                default:
+                  return g;
+              }
+          }
+        case t:
+          return g;
+      }
+    }
+  }
+  return K.ContextConsumer = i, K.ContextProvider = a, K.Element = e, K.ForwardRef = c, K.Fragment = r, K.Lazy = m, K.Memo = p, K.Portal = t, K.Profiler = o, K.StrictMode = n, K.Suspense = d, K.SuspenseList = f, K.isContextConsumer = function(l) {
+    return y(l) === i;
+  }, K.isContextProvider = function(l) {
+    return y(l) === a;
+  }, K.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === e;
+  }, K.isForwardRef = function(l) {
+    return y(l) === c;
+  }, K.isFragment = function(l) {
+    return y(l) === r;
+  }, K.isLazy = function(l) {
+    return y(l) === m;
+  }, K.isMemo = function(l) {
+    return y(l) === p;
+  }, K.isPortal = function(l) {
+    return y(l) === t;
+  }, K.isProfiler = function(l) {
+    return y(l) === o;
+  }, K.isStrictMode = function(l) {
+    return y(l) === n;
+  }, K.isSuspense = function(l) {
+    return y(l) === d;
+  }, K.isSuspenseList = function(l) {
+    return y(l) === f;
+  }, K.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === d || l === f || typeof l == "object" && l !== null && (l.$$typeof === m || l.$$typeof === p || l.$$typeof === a || l.$$typeof === i || l.$$typeof === c || l.$$typeof === u || l.getModuleId !== void 0);
+  }, K.typeOf = y, K;
+}
+var X = {};
+var Rr;
+function ti() {
+  return Rr || (Rr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l) {
+      if (typeof l == "object" && l !== null) {
+        var g = l.$$typeof;
+        switch (g) {
+          case t:
+            switch (l = l.type, l) {
+              case n:
+              case i:
+              case o:
+              case f:
+              case p:
+              case u:
+                return l;
+              default:
+                switch (l = l && l.$$typeof, l) {
+                  case c:
+                  case d:
+                  case S:
+                  case m:
+                    return l;
+                  case a:
+                    return l;
+                  default:
+                    return g;
+                }
+            }
+          case r:
+            return g;
+        }
+      }
+    }
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), u = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+    X.ContextConsumer = a, X.ContextProvider = c, X.Element = t, X.ForwardRef = d, X.Fragment = n, X.Lazy = S, X.Memo = m, X.Portal = r, X.Profiler = i, X.StrictMode = o, X.Suspense = f, X.SuspenseList = p, X.isContextConsumer = function(l) {
+      return e(l) === a;
+    }, X.isContextProvider = function(l) {
+      return e(l) === c;
+    }, X.isElement = function(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }, X.isForwardRef = function(l) {
+      return e(l) === d;
+    }, X.isFragment = function(l) {
+      return e(l) === n;
+    }, X.isLazy = function(l) {
+      return e(l) === S;
+    }, X.isMemo = function(l) {
+      return e(l) === m;
+    }, X.isPortal = function(l) {
+      return e(l) === r;
+    }, X.isProfiler = function(l) {
+      return e(l) === i;
+    }, X.isStrictMode = function(l) {
+      return e(l) === o;
+    }, X.isSuspense = function(l) {
+      return e(l) === f;
+    }, X.isSuspenseList = function(l) {
+      return e(l) === p;
+    }, X.isValidElementType = function(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === i || l === o || l === f || l === p || typeof l == "object" && l !== null && (l.$$typeof === S || l.$$typeof === m || l.$$typeof === c || l.$$typeof === a || l.$$typeof === d || l.$$typeof === y || l.getModuleId !== void 0);
+    }, X.typeOf = e;
+  })()), X;
+}
+var Ir;
+function ri() {
+  return Ir || (Ir = 1, process.env.NODE_ENV === "production" ? at.exports = /* @__PURE__ */ ei() : at.exports = /* @__PURE__ */ ti()), at.exports;
+}
+var pt = /* @__PURE__ */ ri();
+function we(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function En(e) {
+  if (/* @__PURE__ */ F.isValidElement(e) || pt.isValidElementType(e) || !we(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = En(e[r]);
+  }), t;
+}
+function me(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return we(e) && we(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ F.isValidElement(t[o]) || pt.isValidElementType(t[o]) ? n[o] = t[o] : we(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && we(e[o]) ? n[o] = me(e[o], t[o], r) : r.clone ? n[o] = we(t[o]) ? En(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+const ni = (e) => {
+  const t = Object.keys(e).map((r) => ({
+    key: r,
+    val: e[r]
+  })) || [];
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
+    ...r,
+    [n.key]: n.val
+  }), {});
+};
+function Cn(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5,
+    ...o
+  } = e, i = ni(t), a = Object.keys(i);
+  function c(u) {
+    return `@media (min-width:${typeof t[u] == "number" ? t[u] : u}${r})`;
+  }
+  function d(u) {
+    return `@media (max-width:${(typeof t[u] == "number" ? t[u] : u) - n / 100}${r})`;
+  }
+  function f(u, y) {
+    const l = a.indexOf(y);
+    return `@media (min-width:${typeof t[u] == "number" ? t[u] : u}${r}) and (max-width:${(l !== -1 && typeof t[a[l]] == "number" ? t[a[l]] : y) - n / 100}${r})`;
+  }
+  function p(u) {
+    return a.indexOf(u) + 1 < a.length ? f(u, a[a.indexOf(u) + 1]) : c(u);
+  }
+  function m(u) {
+    const y = a.indexOf(u);
+    return y === 0 ? c(a[1]) : y === a.length - 1 ? d(a[y]) : f(u, a[a.indexOf(u) + 1]).replace("@media", "@media not all and");
+  }
+  const S = [];
+  for (let u = 0; u < a.length; u += 1)
+    S.push(c(a[u]));
+  return {
+    keys: a,
+    values: i,
+    up: c,
+    down: d,
+    between: f,
+    only: p,
+    not: m,
+    unit: r,
+    internal_mediaKeys: S,
+    ...o
+  };
+}
+const Nr = /min-width:\s*([0-9.]+)/;
+function Mr(e, t) {
+  if (!e.containerQueries || !oi(t))
+    return t;
+  const r = [];
+  for (const o in t)
+    o.startsWith("@container") && r.push(o);
+  r.sort((o, i) => +(o.match(Nr)?.[1] || 0) - +(i.match(Nr)?.[1] || 0));
+  const n = t;
+  for (let o = 0; o < r.length; o += 1) {
+    const i = r[o], a = n[i];
+    delete n[i], n[i] = a;
+  }
+  return n;
+}
+function oi(e) {
+  for (const t in e)
+    if (t.startsWith("@container"))
+      return !0;
+  return !1;
+}
+function Tn(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function ii(e, t) {
+  const r = t.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!r) {
+    if (process.env.NODE_ENV !== "production")
+      throw (
+        /* minify-error */
+        new Error(`MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
+      );
+    return null;
+  }
+  const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(i);
+}
+function ai(e) {
+  const t = (i, a) => i.replace("@media", a ? `@container ${a}` : "@container");
+  function r(i, a) {
+    i.up = (...c) => t(e.breakpoints.up(...c), a), i.down = (...c) => t(e.breakpoints.down(...c), a), i.between = (...c) => t(e.breakpoints.between(...c), a), i.only = (...c) => t(e.breakpoints.only(...c), a), i.not = (...c) => {
+      const d = t(e.breakpoints.not(...c), a);
+      return d.includes("not all and") ? d.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : d;
+    };
+  }
+  const n = {}, o = (i) => (r(n, i), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const si = {
+  borderRadius: 4
+}, $e = process.env.NODE_ENV !== "production" ? ye.oneOfType([ye.number, ye.string, ye.object, ye.array]) : {};
+function wn(e) {
+  if (e == null)
+    return !0;
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function Fe(e, t) {
+  const r = Array.isArray(t), n = Array.isArray(e);
+  return di(t) ? t : pi(e) ? Ve(t) : r && n ? ui(e, t) : r !== n ? Ve(t) : mi(e, t);
+}
+function ci(e) {
+  let t = 0;
+  const r = e.length, n = new Array(r);
+  for (t = 0; t < r; t += 1)
+    n[t] = Ve(e[t]);
+  return n;
+}
+function li(e) {
+  const t = {};
+  for (const r in e)
+    t[r] = Ve(e[r]);
+  return t;
+}
+function ui(e, t) {
+  const r = e.length;
+  for (let n = 0; n < t.length; n += 1)
+    e[r + n] = Ve(t[n]);
+  return e;
+}
+function fi(e) {
+  return typeof e == "object" && e !== null && !(e instanceof RegExp) && !(e instanceof Date);
+}
+function di(e) {
+  return typeof e != "object" || e === null;
+}
+function pi(e) {
+  return typeof e != "object" || e === null || e instanceof RegExp || e instanceof Date;
+}
+function Ve(e) {
+  return fi(e) ? Array.isArray(e) ? ci(e) : li(e) : e;
+}
+function mi(e, t) {
+  for (const r in t)
+    r in e ? e[r] = Fe(e[r], t[r]) : e[r] = Ve(t[r]);
+  return e;
+}
+const hi = {}, vt = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, mt = Cn({
+  values: vt
+}), gi = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : vt[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function We(e, t, r) {
+  const n = {};
+  return St(n, e.theme, t, (o, i, a) => {
+    const c = r(i, a);
+    o ? n[o] = c : Fe(n, c);
+  });
+}
+function St(e, t, r, n) {
+  if (t ??= hi, Array.isArray(r)) {
+    const o = t.breakpoints ?? mt;
+    for (let i = 0; i < r.length; i += 1)
+      jt(e, o.up(o.keys[i]), r[i], void 0, n);
+    return e;
+  }
+  if (typeof r == "object") {
+    const o = t.breakpoints ?? mt, i = o.values ?? vt;
+    for (const a in r)
+      if (Tn(o.keys, a)) {
+        const c = ii(t.containerQueries ? t : gi, a);
+        c && jt(e, c, r[a], a, n);
+      } else if (a in i) {
+        const c = o.up(a);
+        jt(e, c, r[a], a, n);
+      } else {
+        const c = a;
+        e[c] = r[c];
+      }
+    return e;
+  }
+  return n(void 0, r), e;
+}
+function jt(e, t, r, n, o) {
+  e[t] ??= {}, o(t, r, n);
+}
+function yi(e = mt) {
+  const {
+    internal_mediaKeys: t
+  } = e, r = {};
+  for (let n = 0; n < t.length; n += 1)
+    r[t[n]] = {};
+  return r;
+}
+function Dr(e, t) {
+  const r = e.internal_mediaKeys;
+  for (let n = 0; n < r.length; n += 1) {
+    const o = r[n];
+    wn(t[o]) && delete t[o];
+  }
+  return t;
+}
+function bi(e, t) {
+  if (Array.isArray(t))
+    return !0;
+  if (typeof t == "object" && t !== null) {
+    for (let n = 0; n < e.keys.length; n += 1)
+      if (e.keys[n] in t)
+        return !0;
+    const r = Object.keys(t);
+    for (let n = 0; n < r.length; n += 1)
+      if (Tn(e.keys, r[n]))
+        return !0;
+  }
+  return !1;
+}
+function xn(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Pe(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function $n(e, t, r, n) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || r : typeof r == "string" ? o = Et(e, r, !0, n) || r : o = r, t && (o = t(o, r, e)), o;
+}
+function Et(e, t, r = !0, n = void 0) {
+  if (!e || !t)
+    return null;
+  const o = t.split(".");
+  if (e.vars && r) {
+    const i = Fr(e.vars, o, n);
+    if (i != null)
+      return i;
+  }
+  return Fr(e, o, n);
+}
+function Fr(e, t, r = void 0) {
+  let n, o = e, i = 0;
+  for (; i < t.length; ) {
+    if (o == null)
+      return o;
+    n = o, o = o[t[i]], i += 1;
+  }
+  if (r && o === void 0) {
+    const a = t[t.length - 1], c = `${r}${a === "default" ? "" : xn(a)}`;
+    return n?.[c];
+  }
+  return o;
+}
+function ne(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, i = (a) => {
+    if (a[t] == null)
+      return null;
+    const c = a[t], d = a.theme, f = Et(d, n) || {};
+    return We(a, c, (m) => {
+      const S = $n(f, o, m, t);
+      return r === !1 ? S : {
+        [r]: S
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: $e
+  } : {}, i.filterProps = [t], i;
+}
+const vi = {
+  internal_cache: {}
+}, ht = {
+  m: "margin",
+  p: "padding"
+}, Br = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, Lr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Je = {};
+for (const e in ht)
+  Je[e] = [ht[e]];
+for (const e in ht)
+  for (const t in Br) {
+    const r = ht[e], n = Br[t], o = Array.isArray(n) ? n.map((i) => r + i) : [r + n];
+    Je[e + t] = o;
+  }
+for (const e in Lr)
+  Je[e] = Je[Lr[e]];
+const Ct = /* @__PURE__ */ new Set(["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"]), Tt = /* @__PURE__ */ new Set(["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"]), Si = /* @__PURE__ */ new Set([...Ct, ...Tt]);
+function et(e, t, r, n) {
+  const o = Et(e, t, !0) ?? r;
+  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 a = Math.abs(i);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > o.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${a} > ${o.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${t}\` 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.${t}\` as a number.`].join(`
+`)));
+    const c = o[a];
+    return i >= 0 ? c : typeof c == "number" ? -c : typeof c == "string" && c.startsWith("var(") ? `calc(-1 * ${c})` : `-${c}`;
+  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function sr(e) {
+  return et(e, "spacing", 8, "spacing");
+}
+function tt(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+const Vr = [""];
+function _n(e, t) {
+  const r = e.theme ?? vi, n = r?.internal_cache?.unarySpacing ?? sr(r), o = {};
+  for (const i in e) {
+    if (!t.has(i))
+      continue;
+    const a = Je[i] ?? (Vr[0] = i, Vr), c = e[i];
+    St(o, e.theme, c, (d, f) => {
+      const p = d ? o[d] : o;
+      for (let m = 0; m < a.length; m += 1)
+        p[a[m]] = tt(n, f);
+    });
+  }
+  return o;
+}
+function ee(e) {
+  return _n(e, Ct);
+}
+ee.propTypes = process.env.NODE_ENV !== "production" ? Array.from(Ct).reduce((e, t) => (e[t] = $e, e), {}) : {};
+ee.filterProps = Ct;
+function te(e) {
+  return _n(e, Tt);
+}
+te.propTypes = process.env.NODE_ENV !== "production" ? Array.from(Tt).reduce((e, t) => (e[t] = $e, e), {}) : {};
+te.filterProps = Tt;
+process.env.NODE_ENV !== "production" && Array.from(Si).reduce((e, t) => (e[t] = $e, e), {});
+function An(e = 8, t = sr({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const r = (...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 a = t(i);
+    return typeof a == "number" ? `${a}px` : a;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function wt(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
+    n[i] = o;
+  }), n), {}), r = (n) => {
+    const o = {};
+    for (const i in n)
+      t[i] && Fe(o, t[i](n));
+    return o;
+  };
+  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
+}
+function pe(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function he(e, t) {
+  return ne({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const Ei = he("border", pe), Ci = he("borderTop", pe), Ti = he("borderRight", pe), wi = he("borderBottom", pe), xi = he("borderLeft", pe), $i = he("borderColor"), _i = he("borderTopColor"), Ai = he("borderRightColor"), Oi = he("borderBottomColor"), Pi = he("borderLeftColor"), ki = he("outline", pe), Ri = he("outlineColor"), xt = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = et(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: tt(t, n)
+    });
+    return We(e, e.borderRadius, r);
+  }
+  return null;
+};
+xt.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: $e
+} : {};
+xt.filterProps = ["borderRadius"];
+wt(Ei, Ci, Ti, wi, xi, $i, _i, Ai, Oi, Pi, xt, ki, Ri);
+const $t = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = et(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: tt(t, n)
+    });
+    return We(e, e.gap, r);
+  }
+  return null;
+};
+$t.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: $e
+} : {};
+$t.filterProps = ["gap"];
+const _t = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = et(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: tt(t, n)
+    });
+    return We(e, e.columnGap, r);
+  }
+  return null;
+};
+_t.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: $e
+} : {};
+_t.filterProps = ["columnGap"];
+const At = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = et(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: tt(t, n)
+    });
+    return We(e, e.rowGap, r);
+  }
+  return null;
+};
+At.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: $e
+} : {};
+At.filterProps = ["rowGap"];
+const Ii = ne({
+  prop: "gridColumn"
+}), Ni = ne({
+  prop: "gridRow"
+}), Mi = ne({
+  prop: "gridAutoFlow"
+}), Di = ne({
+  prop: "gridAutoColumns"
+}), Fi = ne({
+  prop: "gridAutoRows"
+}), Bi = ne({
+  prop: "gridTemplateColumns"
+}), Li = ne({
+  prop: "gridTemplateRows"
+}), Vi = ne({
+  prop: "gridTemplateAreas"
+}), ji = ne({
+  prop: "gridArea"
+});
+wt($t, _t, At, Ii, Ni, Mi, Di, Fi, Bi, Li, Vi, ji);
+function Be(e, t) {
+  return t === "grey" ? t : e;
+}
+const Wi = ne({
+  prop: "color",
+  themeKey: "palette",
+  transform: Be
+}), Ui = ne({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: Be
+}), Yi = ne({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: Be
+});
+wt(Wi, Ui, Yi);
+function fe(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const zi = ne({
+  prop: "width",
+  transform: fe
+}), cr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || vt[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: fe(r)
+      };
+    };
+    return We(e, e.maxWidth, t);
+  }
+  return null;
+};
+cr.filterProps = ["maxWidth"];
+const qi = ne({
+  prop: "minWidth",
+  transform: fe
+}), Hi = ne({
+  prop: "height",
+  transform: fe
+}), Gi = ne({
+  prop: "maxHeight",
+  transform: fe
+}), Ki = ne({
+  prop: "minHeight",
+  transform: fe
+});
+ne({
+  prop: "size",
+  cssProperty: "width",
+  transform: fe
+});
+ne({
+  prop: "size",
+  cssProperty: "height",
+  transform: fe
+});
+const Xi = ne({
+  prop: "boxSizing"
+});
+wt(zi, cr, qi, Hi, Gi, Ki, Xi);
+const Ot = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: pe
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: pe
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: pe
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: pe
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: pe
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: pe
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: xt
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: Be
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: Be
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: Be
+  },
+  // spacing
+  p: {
+    style: te
+  },
+  pt: {
+    style: te
+  },
+  pr: {
+    style: te
+  },
+  pb: {
+    style: te
+  },
+  pl: {
+    style: te
+  },
+  px: {
+    style: te
+  },
+  py: {
+    style: te
+  },
+  padding: {
+    style: te
+  },
+  paddingTop: {
+    style: te
+  },
+  paddingRight: {
+    style: te
+  },
+  paddingBottom: {
+    style: te
+  },
+  paddingLeft: {
+    style: te
+  },
+  paddingX: {
+    style: te
+  },
+  paddingY: {
+    style: te
+  },
+  paddingInline: {
+    style: te
+  },
+  paddingInlineStart: {
+    style: te
+  },
+  paddingInlineEnd: {
+    style: te
+  },
+  paddingBlock: {
+    style: te
+  },
+  paddingBlockStart: {
+    style: te
+  },
+  paddingBlockEnd: {
+    style: te
+  },
+  m: {
+    style: ee
+  },
+  mt: {
+    style: ee
+  },
+  mr: {
+    style: ee
+  },
+  mb: {
+    style: ee
+  },
+  ml: {
+    style: ee
+  },
+  mx: {
+    style: ee
+  },
+  my: {
+    style: ee
+  },
+  margin: {
+    style: ee
+  },
+  marginTop: {
+    style: ee
+  },
+  marginRight: {
+    style: ee
+  },
+  marginBottom: {
+    style: ee
+  },
+  marginLeft: {
+    style: ee
+  },
+  marginX: {
+    style: ee
+  },
+  marginY: {
+    style: ee
+  },
+  marginInline: {
+    style: ee
+  },
+  marginInlineStart: {
+    style: ee
+  },
+  marginInlineEnd: {
+    style: ee
+  },
+  marginBlock: {
+    style: ee
+  },
+  marginBlockStart: {
+    style: ee
+  },
+  marginBlockEnd: {
+    style: ee
+  },
+  // 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: $t
+  },
+  rowGap: {
+    style: At
+  },
+  columnGap: {
+    style: _t
+  },
+  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: fe
+  },
+  maxWidth: {
+    style: cr
+  },
+  minWidth: {
+    transform: fe
+  },
+  height: {
+    transform: fe
+  },
+  maxHeight: {
+    transform: fe
+  },
+  minHeight: {
+    transform: fe
+  },
+  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"
+  }
+}, Ji = {};
+function Qi() {
+  function e(t) {
+    if (!t.sx)
+      return null;
+    const {
+      sx: r,
+      theme: n = Ji,
+      nested: o
+    } = t, i = n.unstable_sxConfig ?? Ot, a = {
+      sx: null,
+      theme: n,
+      nested: !0
+    };
+    function c(d) {
+      let f = d;
+      if (typeof d == "function")
+        f = d(n);
+      else if (typeof d != "object")
+        return d;
+      if (!f)
+        return null;
+      const p = n.breakpoints ?? mt, m = yi(p);
+      for (const S in f) {
+        const u = Zi(f[S], n);
+        if (u != null) {
+          if (typeof u != "object") {
+            jr(m, S, u, n, i);
+            continue;
+          }
+          if (i[S]) {
+            jr(m, S, u, n, i);
+            continue;
+          }
+          bi(p, u) ? St(m, t.theme, u, (y, l) => {
+            m[y][S] = l;
+          }) : (a.sx = u, m[S] = e(a));
+        }
+      }
+      return !o && n.modularCssLayers ? {
+        "@layer sx": Mr(n, Dr(p, m))
+      } : Mr(n, Dr(p, m));
+    }
+    return Array.isArray(r) ? r.map(c) : c(r);
+  }
+  return e.filterProps = ["sx"], e;
+}
+const Qe = Qi();
+function jr(e, t, r, n, o) {
+  const i = o[t];
+  if (!i) {
+    e[t] = r;
+    return;
+  }
+  if (r == null)
+    return;
+  const {
+    themeKey: a
+  } = i;
+  if (a === "typography" && r === "inherit") {
+    e[t] = r;
+    return;
+  }
+  const {
+    style: c
+  } = i;
+  if (c) {
+    Fe(e, c({
+      [t]: r,
+      theme: n
+    }));
+    return;
+  }
+  const {
+    cssProperty: d = t,
+    transform: f
+  } = i, p = Et(n, a);
+  St(e, n, r, (m, S) => {
+    const u = $n(p, f, S, t);
+    d === !1 ? Fe(m ? e[m] : e, u) : m ? e[m][d] = u : e[d] = u;
+  });
+}
+function Zi(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function ea(e, t) {
+  const r = this;
+  if (r.vars) {
+    if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
+      return {};
+    let n = r.getColorSchemeSelector(e);
+    return n === "&" ? t : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: t
+    });
+  }
+  return r.palette.mode === e ? t : {};
+}
+function On(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: i = {},
+    ...a
+  } = e, c = Cn(r), d = An(o);
+  let f = me({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: d,
+    shape: {
+      ...si,
+      ...i
+    }
+  }, a);
+  return f = ai(f), f.applyStyles = ea, f = t.reduce((p, m) => me(p, m), f), f.unstable_sxConfig = {
+    ...Ot,
+    ...a?.unstable_sxConfig
+  }, f.unstable_sx = function(m) {
+    return Qe({
+      sx: m,
+      theme: this
+    });
+  }, f.internal_cache = {}, f;
+}
+const Wr = (e) => e, ta = () => {
+  let e = Wr;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = Wr;
+    }
+  };
+}, ra = ta(), na = {
+  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 Pn(e, t, r = "Mui") {
+  const n = na[t];
+  return n ? `${r}-${n}` : `${ra.generate(e)}-${t}`;
+}
+function ws(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = Pn(e, o, r);
+  }), n;
+}
+function kn(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function Ur(e, t, r) {
+  const n = kn(t);
+  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+}
+function oa(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return kn(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case pt.ForwardRef:
+          return Ur(e, e.render, "ForwardRef");
+        case pt.Memo:
+          return Ur(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function Rn(e) {
+  const {
+    variants: t,
+    ...r
+  } = e, n = {
+    variants: t,
+    style: Oe(r),
+    isProcessed: !0
+  };
+  return n.style === r || t && t.forEach((o) => {
+    typeof o.style != "function" && (o.style = Oe(o.style));
+  }), n;
+}
+const ia = On();
+function Wt(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function Ae(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function aa(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function sa(e, t, r) {
+  e.theme = wn(e.theme) ? r : e.theme[t] || e.theme;
+}
+function ft(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => ft(e, o, r));
+  if (Array.isArray(n?.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? Ae(n.style, r) : n.style;
+    else {
+      const {
+        variants: i,
+        ...a
+      } = n;
+      o = r ? Ae(Oe(a), r) : a;
+    }
+    return In(e, n.variants, [o], r);
+  }
+  return n?.isProcessed ? r ? Ae(Oe(n.style), r) : n.style : r ? Ae(Oe(n), r) : n;
+}
+function In(e, t, r = [], n = void 0) {
+  let o;
+  e: for (let i = 0; i < t.length; i += 1) {
+    const a = t[i];
+    if (typeof a.props == "function") {
+      if (o ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !a.props(o))
+        continue;
+    } else
+      for (const c in a.props)
+        if (e[c] !== a.props[c] && e.ownerState?.[c] !== a.props[c])
+          continue e;
+    typeof a.style == "function" ? (o ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, r.push(n ? Ae(Oe(a.style(o)), n) : a.style(o))) : r.push(n ? Ae(Oe(a.style), n) : a.style);
+  }
+  return r;
+}
+function ca(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = ia,
+    rootShouldForwardProp: n = Wt,
+    slotShouldForwardProp: o = Wt
+  } = e;
+  function i(c) {
+    sa(c, t, r);
+  }
+  return (c, d = {}) => {
+    Zo(c, (E) => E.filter((P) => P !== Qe));
+    const {
+      name: f,
+      slot: p,
+      skipVariantsResolver: m,
+      skipSx: S,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: u = aa(Nn(p)),
+      ...y
+    } = d, l = f && f.startsWith("Mui") || p ? "components" : "custom", g = m !== void 0 ? m : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      p && p !== "Root" && p !== "root" || !1
+    ), w = S || !1;
+    let _ = Wt;
+    p === "Root" || p === "root" ? _ = n : p ? _ = o : fa(c) && (_ = void 0);
+    const O = Qo(c, {
+      shouldForwardProp: _,
+      label: ua(f, p),
+      ...y
+    }), C = (E) => {
+      if (E.__emotion_real === E)
+        return E;
+      if (typeof E == "function")
+        return function(oe) {
+          return ft(oe, E, oe.theme.modularCssLayers ? l : void 0);
+        };
+      if (we(E)) {
+        const P = Rn(E);
+        return function(J) {
+          return P.variants ? ft(J, P, J.theme.modularCssLayers ? l : void 0) : J.theme.modularCssLayers ? Ae(P.style, l) : P.style;
+        };
+      }
+      return E;
+    }, b = (...E) => {
+      const P = [], oe = E.map(C), J = [];
+      if (P.push(i), f && u && J.push(function(A) {
+        const k = A.theme.components?.[f]?.styleOverrides;
+        if (!k)
+          return null;
+        const B = {};
+        for (const ae in k)
+          B[ae] = ft(A, k[ae], A.theme.modularCssLayers ? "theme" : void 0);
+        return u(A, B);
+      }), f && !g && J.push(function(A) {
+        const k = A.theme?.components?.[f]?.variants;
+        return k ? In(A, k, [], A.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), w || J.push(Qe), Array.isArray(oe[0])) {
+        const s = oe.shift(), A = new Array(P.length).fill(""), T = new Array(J.length).fill("");
+        let k;
+        k = [...A, ...s, ...T], k.raw = [...A, ...s.raw, ...T], P.unshift(k);
+      }
+      const re = [...P, ...oe, ...J], Q = O(...re);
+      return c.muiName && (Q.muiName = c.muiName), process.env.NODE_ENV !== "production" && (Q.displayName = la(f, p, c)), Q;
+    };
+    return O.withConfig && (b.withConfig = O.withConfig), b;
+  };
+}
+function la(e, t, r) {
+  return e ? `${e}${xn(t || "")}` : `Styled(${oa(r)})`;
+}
+function ua(e, t) {
+  let r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Nn(t || "Root")}`), r;
+}
+function fa(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function Nn(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function Jt(e, t, r = !1) {
+  const n = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const i = o;
+      if (i === "components" || i === "slots")
+        n[i] = {
+          ...e[i],
+          ...n[i]
+        };
+      else if (i === "componentsProps" || i === "slotProps") {
+        const a = e[i], c = t[i];
+        if (!c)
+          n[i] = a || {};
+        else if (!a)
+          n[i] = c;
+        else {
+          n[i] = {
+            ...c
+          };
+          for (const d in a)
+            if (Object.prototype.hasOwnProperty.call(a, d)) {
+              const f = d;
+              n[i][f] = Jt(a[f], c[f], r);
+            }
+        }
+      } else i === "className" && r && t.className !== void 0 ? n.className = zt(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
+        ...e?.style,
+        ...t?.style
+      } : n[i] === void 0 && (n[i] = e[i]);
+    }
+  return n;
+}
+const da = typeof window < "u" ? F.useLayoutEffect : F.useEffect;
+function pa(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function lr(e, t = 0, r = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), pa(e, t, r);
+}
+function ma(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let r = e.match(t);
+  return r && r[0].length === 1 && (r = r.map((n) => n + n)), 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.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function xe(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return xe(ma(e));
+  const t = e.indexOf("("), r = e.substring(0, t);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Pe(9, e));
+  let n = e.substring(t + 1, e.length - 1), o;
+  if (r === "color") {
+    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
+      throw new Error(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.` : Pe(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const ha = (e) => {
+  const t = xe(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, ze = (e, t) => {
+  try {
+    return ha(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function Pt(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function Mn(e) {
+  e = xe(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (f, p = (f + r / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 1), -1);
+  let c = "rgb";
+  const d = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
+  return e.type === "hsla" && (c += "a", d.push(t[3])), Pt({
+    type: c,
+    values: d
+  });
+}
+function Qt(e) {
+  e = xe(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? xe(Mn(e)).values : e.values;
+  return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function Yr(e, t) {
+  const r = Qt(e), n = Qt(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function Dn(e, t) {
+  return e = xe(e), t = lr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Pt(e);
+}
+function _e(e, t, r) {
+  try {
+    return Dn(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function kt(e, t) {
+  if (e = xe(e), t = lr(t), e.type.includes("hsl"))
+    e.values[2] *= 1 - t;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] *= 1 - t;
+  return Pt(e);
+}
+function H(e, t, r) {
+  try {
+    return kt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Rt(e, t) {
+  if (e = xe(e), t = lr(t), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.includes("rgb"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (255 - e.values[r]) * t;
+  else if (e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (1 - e.values[r]) * t;
+  return Pt(e);
+}
+function G(e, t, r) {
+  try {
+    return Rt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function ga(e, t = 0.15) {
+  return Qt(e) > 0.5 ? kt(e, t) : Rt(e, t);
+}
+function st(e, t, r) {
+  try {
+    return ga(e, t);
+  } catch {
+    return e;
+  }
+}
+const Fn = /* @__PURE__ */ F.createContext();
+function ya({
+  value: e,
+  ...t
+}) {
+  return /* @__PURE__ */ tn(Fn.Provider, {
+    value: e ?? !0,
+    ...t
+  });
+}
+process.env.NODE_ENV !== "production" && (ya.propTypes = {
+  children: ye.node,
+  value: ye.bool
+});
+const xs = () => F.useContext(Fn) ?? !1, Bn = /* @__PURE__ */ F.createContext(void 0);
+function ba({
+  value: e,
+  children: t
+}) {
+  return /* @__PURE__ */ tn(Bn.Provider, {
+    value: e,
+    children: t
+  });
+}
+process.env.NODE_ENV !== "production" && (ba.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: ye.node,
+  /**
+   * @ignore
+   */
+  value: ye.object
+});
+function va(e) {
+  const {
+    theme: t,
+    name: r,
+    props: n
+  } = e;
+  if (!t || !t.components || !t.components[r])
+    return n;
+  const o = t.components[r];
+  return o.defaultProps ? Jt(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? Jt(o, n, t.components.mergeClassNameAndStyle) : n;
+}
+function Sa({
+  props: e,
+  name: t
+}) {
+  const r = F.useContext(Bn);
+  return va({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+const zr = {
+  theme: void 0
+};
+function Ea(e) {
+  let t, r;
+  return function(o) {
+    let i = t;
+    return (i === void 0 || o.theme !== r) && (zr.theme = o.theme, i = Rn(e(zr)), t = i, r = o.theme), i;
+  };
+}
+function Ca(e = "") {
+  function t(...n) {
+    if (!n.length)
+      return "";
+    const o = n[0];
+    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${o}${t(...n.slice(1))})` : `, ${o}`;
+  }
+  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
+}
+const qr = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((i, a) => {
+    a === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+  });
+}, Ta = (e, t, r) => {
+  function n(o, i = [], a = []) {
+    Object.entries(o).forEach(([c, d]) => {
+      (!r || r && !r([...i, c])) && d != null && (typeof d == "object" && Object.keys(d).length > 0 ? n(d, [...i, c], Array.isArray(d) ? [...a, c] : a) : t([...i, c], d, a));
+    });
+  }
+  n(e);
+}, wa = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function Ut(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, i = {}, a = {};
+  return Ta(
+    e,
+    (c, d, f) => {
+      if ((typeof d == "string" || typeof d == "number") && (!n || !n(c, d))) {
+        const p = `--${r ? `${r}-` : ""}${c.join("-")}`, m = wa(c, d);
+        Object.assign(o, {
+          [p]: m
+        }), qr(i, c, `var(${p})`, f), qr(a, c, `var(${p}, ${m})`, f);
+      }
+    },
+    (c) => c[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: i,
+    varsWithDefaults: a
+  };
+}
+function xa(e, t = {}) {
+  const {
+    getSelector: r = w,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: i
+  } = t, {
+    colorSchemes: a = {},
+    components: c,
+    defaultColorScheme: d = "light",
+    ...f
+  } = e, {
+    vars: p,
+    css: m,
+    varsWithDefaults: S
+  } = Ut(f, t);
+  let u = S;
+  const y = {}, {
+    [d]: l,
+    ...g
+  } = a;
+  if (Object.entries(g || {}).forEach(([C, b]) => {
+    const {
+      vars: E,
+      css: P,
+      varsWithDefaults: oe
+    } = Ut(b, t);
+    u = me(u, oe), y[C] = {
+      css: P,
+      vars: E
+    };
+  }), l) {
+    const {
+      css: C,
+      vars: b,
+      varsWithDefaults: E
+    } = Ut(l, t);
+    u = me(u, E), y[d] = {
+      css: C,
+      vars: b
+    };
+  }
+  function w(C, b) {
+    let E = o;
+    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), C) {
+      if (E === "media")
+        return e.defaultColorScheme === C ? ":root" : {
+          [`@media (prefers-color-scheme: ${a[C]?.palette?.mode || C})`]: {
+            ":root": b
+          }
+        };
+      if (E)
+        return e.defaultColorScheme === C ? `:root, ${E.replace("%s", String(C))}` : E.replace("%s", String(C));
+    }
+    return ":root";
+  }
+  return {
+    vars: u,
+    generateThemeVars: () => {
+      let C = {
+        ...p
+      };
+      return Object.entries(y).forEach(([, {
+        vars: b
+      }]) => {
+        C = me(C, b);
+      }), C;
+    },
+    generateStyleSheets: () => {
+      const C = [], b = e.defaultColorScheme || "light";
+      function E(J, re) {
+        Object.keys(re).length && C.push(typeof J == "string" ? {
+          [J]: {
+            ...re
+          }
+        } : J);
+      }
+      E(r(void 0, {
+        ...m
+      }), m);
+      const {
+        [b]: P,
+        ...oe
+      } = y;
+      if (P) {
+        const {
+          css: J
+        } = P, re = a[b]?.palette?.mode, Q = !n && re ? {
+          colorScheme: re,
+          ...J
+        } : {
+          ...J
+        };
+        E(r(b, {
+          ...Q
+        }), Q);
+      }
+      return Object.entries(oe).forEach(([J, {
+        css: re
+      }]) => {
+        const Q = a[J]?.palette?.mode, s = !n && Q ? {
+          colorScheme: Q,
+          ...re
+        } : {
+          ...re
+        };
+        E(r(J, {
+          ...s
+        }), s);
+      }), 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 $a(e) {
+  return function(r) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
+  };
+}
+function $s(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const i = e[o];
+    let a = "", c = !0;
+    for (let d = 0; d < i.length; d += 1) {
+      const f = i[d];
+      f && (a += (c === !0 ? "" : " ") + t(f), c = !1, r && r[f] && (a += " " + r[f]));
+    }
+    n[o] = a;
+  }
+  return n;
+}
+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: He.white,
+      default: He.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 Vn = Ln();
+function jn() {
+  return {
+    text: {
+      primary: He.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: He.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 Zt = jn();
+function Hr(e, t, r, n) {
+  const o = n.light || n, i = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Rt(e.main, o) : t === "dark" && (e.dark = kt(e.main, i)));
+}
+function Gr(e, t, r, n, o) {
+  const i = o.light || o, a = o.dark || o * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(i * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
+}
+function _a(e = "light") {
+  return e === "dark" ? {
+    main: Ie[200],
+    light: Ie[50],
+    dark: Ie[400]
+  } : {
+    main: Ie[700],
+    light: Ie[400],
+    dark: Ie[800]
+  };
+}
+function Aa(e = "light") {
+  return e === "dark" ? {
+    main: Re[200],
+    light: Re[50],
+    dark: Re[400]
+  } : {
+    main: Re[500],
+    light: Re[300],
+    dark: Re[700]
+  };
+}
+function Oa(e = "light") {
+  return e === "dark" ? {
+    main: ke[500],
+    light: ke[300],
+    dark: ke[700]
+  } : {
+    main: ke[700],
+    light: ke[400],
+    dark: ke[800]
+  };
+}
+function Pa(e = "light") {
+  return e === "dark" ? {
+    main: Ne[400],
+    light: Ne[300],
+    dark: Ne[700]
+  } : {
+    main: Ne[700],
+    light: Ne[500],
+    dark: Ne[900]
+  };
+}
+function ka(e = "light") {
+  return e === "dark" ? {
+    main: Me[400],
+    light: Me[300],
+    dark: Me[700]
+  } : {
+    main: Me[800],
+    light: Me[500],
+    dark: Me[900]
+  };
+}
+function Ra(e = "light") {
+  return e === "dark" ? {
+    main: Ue[400],
+    light: Ue[300],
+    dark: Ue[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Ue[500],
+    dark: Ue[900]
+  };
+}
+function Ia(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function ur(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...i
+  } = e, a = e.primary || _a(t), c = e.secondary || Aa(t), d = e.error || Oa(t), f = e.info || Pa(t), p = e.success || ka(t), m = e.warning || Ra(t);
+  function S(g) {
+    if (o)
+      return Ia(g);
+    const w = Yr(g, Zt.text.primary) >= r ? Zt.text.primary : Vn.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const _ = Yr(g, w);
+      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${w} on ${g}`, "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 w;
+  }
+  const u = ({
+    color: g,
+    name: w,
+    mainShade: _ = 500,
+    lightShade: O = 300,
+    darkShade: C = 700
+  }) => {
+    if (g = {
+      ...g
+    }, !g.main && g[_] && (g.main = g[_]), !g.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${_}\` property.` : Pe(11, w ? ` (${w})` : "", _));
+    if (typeof g.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(g.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] },
+} });` : Pe(12, w ? ` (${w})` : "", JSON.stringify(g.main)));
+    return o ? (Gr(o, g, "light", O, n), Gr(o, g, "dark", C, n)) : (Hr(g, "light", O, n), Hr(g, "dark", C, n)), g.contrastText || (g.contrastText = S(g.main)), g;
+  };
+  let y;
+  return t === "light" ? y = Ln() : t === "dark" && (y = jn()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), me({
+    // A collection of common colors.
+    common: {
+      ...He
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: u({
+      color: a,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: u({
+      color: c,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: u({
+      color: d,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: u({
+      color: m,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: u({
+      color: f,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: u({
+      color: p,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Gn,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: r,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: S,
+    // Generate a rich color object.
+    augmentColor: u,
+    // 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.
+    ...y
+  }, i);
+}
+function Na(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, i] = n;
+    typeof i == "object" && (t[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 || ""}`);
+  }), t;
+}
+function Ma(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function Da(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Kr = {
+  textTransform: "uppercase"
+}, Xr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Fa(e, t) {
+  const {
+    fontFamily: r = Xr,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: i = 400,
+    fontWeightMedium: a = 500,
+    fontWeightBold: c = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: d = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: f,
+    pxToRem: p,
+    ...m
+  } = typeof t == "function" ? t(e) : t;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const S = n / 14, u = p || ((g) => `${g / d * S}rem`), y = (g, w, _, O, C) => ({
+    fontFamily: r,
+    fontWeight: g,
+    fontSize: u(w),
+    // 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.
+    ...r === Xr ? {
+      letterSpacing: `${Da(O / w)}em`
+    } : {},
+    ...C,
+    ...f
+  }), l = {
+    h1: y(o, 96, 1.167, -1.5),
+    h2: y(o, 60, 1.2, -0.5),
+    h3: y(i, 48, 1.167, 0),
+    h4: y(i, 34, 1.235, 0.25),
+    h5: y(i, 24, 1.334, 0),
+    h6: y(a, 20, 1.6, 0.15),
+    subtitle1: y(i, 16, 1.75, 0.15),
+    subtitle2: y(a, 14, 1.57, 0.1),
+    body1: y(i, 16, 1.5, 0.15),
+    body2: y(i, 14, 1.43, 0.15),
+    button: y(a, 14, 1.75, 0.4, Kr),
+    caption: y(i, 12, 1.66, 0.4),
+    overline: y(i, 12, 2.66, 1, Kr),
+    // 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 me({
+    htmlFontSize: d,
+    pxToRem: u,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: i,
+    fontWeightMedium: a,
+    fontWeightBold: c,
+    ...l
+  }, m, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Ba = 0.2, La = 0.14, Va = 0.12;
+function Z(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Ba})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${La})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Va})`].join(",");
+}
+const ja = ["none", Z(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Z(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Z(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Z(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Z(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Z(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Z(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Z(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Z(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Z(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Z(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Z(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Z(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Z(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Z(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Z(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Z(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Z(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Z(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Z(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Z(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Z(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Z(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Z(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Wa = {
+  // 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)"
+}, Ua = {
+  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 Jr(e) {
+  return `${Math.round(e)}ms`;
+}
+function Ya(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function za(e) {
+  const t = {
+    ...Wa,
+    ...e.easing
+  }, r = {
+    ...Ua,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Ya,
+    create: (o = ["all"], i = {}) => {
+      const {
+        duration: a = r.standard,
+        easing: c = t.easeInOut,
+        delay: d = 0,
+        ...f
+      } = i;
+      if (process.env.NODE_ENV !== "production") {
+        const p = (S) => typeof S == "string", m = (S) => !Number.isNaN(parseFloat(S));
+        !p(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(a) && !p(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), p(c) || console.error('MUI: Argument "easing" must be a string.'), !m(d) && !p(d) && 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(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof a == "string" ? a : Jr(a)} ${c} ${typeof d == "string" ? d : Jr(d)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const qa = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Ha(e) {
+  return we(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Wn(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let i = 0; i < o.length; i++) {
+      const [a, c] = o[i];
+      !Ha(c) || a.startsWith("unstable_") || a.startsWith("internal_") ? delete n[a] : we(c) && (n[a] = {
+        ...c
+      }, r(n[a]));
+    }
+  }
+  return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(t, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Qr(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Ga = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const t = e.match(/\d*\.?\d+/g);
+  if (!t)
+    return 0;
+  let r = 0;
+  for (let n = 0; n < t.length; n += 1)
+    r += +t[n];
+  return r;
+};
+function Ka(e) {
+  Object.assign(e, {
+    alpha(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : Dn(t, Ga(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${Qr(r)})` : Rt(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${Qr(r)})` : kt(t, r);
+    }
+  });
+}
+function er(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: i = {},
+    transitions: a = {},
+    typography: c = {},
+    shape: d,
+    colorSpace: f,
+    ...p
+  } = 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." : Pe(22));
+  const m = ur({
+    ...i,
+    colorSpace: f
+  }), S = On(e);
+  let u = me(S, {
+    mixins: Ma(S.breakpoints, n),
+    palette: m,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: ja.slice(),
+    typography: Fa(m, c),
+    transitions: za(a),
+    zIndex: {
+      ...qa
+    }
+  });
+  if (u = me(u, p), u = t.reduce((y, l) => me(y, l), u), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], l = (g, w) => {
+      let _;
+      for (_ in g) {
+        const O = g[_];
+        if (y.includes(_) && Object.keys(O).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const C = Pn("", _);
+            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(g, null, 2), "", `Instead, you need to use the '&.${C}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${C}`]: O
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          g[_] = {};
+        }
+      }
+    };
+    Object.keys(u.components).forEach((g) => {
+      const w = u.components[g].styleOverrides;
+      w && g.startsWith("Mui") && l(w, g);
+    });
+  }
+  return u.unstable_sxConfig = {
+    ...Ot,
+    ...p?.unstable_sxConfig
+  }, u.unstable_sx = function(l) {
+    return Qe({
+      sx: l,
+      theme: this
+    });
+  }, u.toRuntimeSource = Wn, Ka(u), u;
+}
+function Xa(e) {
+  let t;
+  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
+}
+const Ja = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = Xa(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function Un(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 Yn(e) {
+  return e === "dark" ? Ja : [];
+}
+function Qa(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: o,
+    ...i
+  } = e, a = ur({
+    ...t,
+    colorSpace: o
+  });
+  return {
+    palette: a,
+    opacity: {
+      ...Un(a.mode),
+      ...r
+    },
+    overlays: n || Yn(a.mode),
+    ...i
+  };
+}
+function Za(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 es = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ts = (e) => (t, r) => {
+  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 === t) {
+    if (t === "dark") {
+      const a = {};
+      return es(e.cssVarPrefix).forEach((c) => {
+        a[c] = r[c], delete r[c];
+      }), i === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: a
+        }
+      } : i ? {
+        [i.replace("%s", t)]: a,
+        [`${n}, ${i.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...a
+        }
+      };
+    }
+    if (i && i !== "media")
+      return `${n}, ${i.replace("%s", String(t))}`;
+  } else if (t) {
+    if (i === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (i)
+      return i.replace("%s", String(t));
+  }
+  return n;
+};
+function rs(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function h(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function qe(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Mn(e);
+}
+function Te(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = ze(qe(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function ns(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const ve = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, os = (e = "mui") => Ca(e);
+function Yt(e, t, r, n, o) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const i = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = Qa({
+      ...r,
+      palette: {
+        mode: i,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: a,
+    ...c
+  } = er({
+    ...n,
+    palette: {
+      mode: i,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[o] = {
+    ...r,
+    palette: a,
+    opacity: {
+      ...Un(i),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || Yn(i)
+  }, c;
+}
+function is(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: i = "mui",
+    nativeColor: a = !1,
+    shouldSkipGeneratingVar: c = Za,
+    colorSchemeSelector: d = r.light && r.dark ? "media" : void 0,
+    rootSelector: f = ":root",
+    ...p
+  } = e, m = Object.keys(r)[0], S = n || (r.light && m !== "light" ? "light" : m), u = os(i), {
+    [S]: y,
+    light: l,
+    dark: g,
+    ...w
+  } = r, _ = {
+    ...w
+  };
+  let O = y;
+  if ((S === "dark" && !("dark" in r) || S === "light" && !("light" in r)) && (O = !0), !O)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${S}\` option is either missing or invalid.` : Pe(21, S));
+  let C;
+  a && (C = "oklch");
+  const b = Yt(C, _, O, p, S);
+  l && !_.light && Yt(C, _, l, void 0, "light"), g && !_.dark && Yt(C, _, g, void 0, "dark");
+  let E = {
+    defaultColorScheme: S,
+    ...b,
+    cssVarPrefix: i,
+    colorSchemeSelector: d,
+    rootSelector: f,
+    getCssVar: u,
+    colorSchemes: _,
+    font: {
+      ...Na(b.typography),
+      ...b.font
+    },
+    spacing: ns(p.spacing)
+  };
+  Object.keys(E.colorSchemes).forEach((Q) => {
+    const s = E.colorSchemes[Q].palette, A = (k) => {
+      const B = k.split("-"), ae = B[1], ge = B[2];
+      return u(k, s[ae][ge]);
+    };
+    s.mode === "light" && (h(s.common, "background", "#fff"), h(s.common, "onBackground", "#000")), s.mode === "dark" && (h(s.common, "background", "#000"), h(s.common, "onBackground", "#fff"));
+    function T(k, B, ae) {
+      if (C) {
+        let ge;
+        return k === _e && (ge = `transparent ${((1 - ae) * 100).toFixed(0)}%`), k === H && (ge = `#000 ${(ae * 100).toFixed(0)}%`), k === G && (ge = `#fff ${(ae * 100).toFixed(0)}%`), `color-mix(in ${C}, ${B}, ${ge})`;
+      }
+      return k(B, ae);
+    }
+    if (rs(s, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), s.mode === "light") {
+      h(s.Alert, "errorColor", T(H, a ? u("palette-error-light") : s.error.light, 0.6)), h(s.Alert, "infoColor", T(H, a ? u("palette-info-light") : s.info.light, 0.6)), h(s.Alert, "successColor", T(H, a ? u("palette-success-light") : s.success.light, 0.6)), h(s.Alert, "warningColor", T(H, a ? u("palette-warning-light") : s.warning.light, 0.6)), h(s.Alert, "errorFilledBg", A("palette-error-main")), h(s.Alert, "infoFilledBg", A("palette-info-main")), h(s.Alert, "successFilledBg", A("palette-success-main")), h(s.Alert, "warningFilledBg", A("palette-warning-main")), h(s.Alert, "errorFilledColor", ve(() => s.getContrastText(s.error.main))), h(s.Alert, "infoFilledColor", ve(() => s.getContrastText(s.info.main))), h(s.Alert, "successFilledColor", ve(() => s.getContrastText(s.success.main))), h(s.Alert, "warningFilledColor", ve(() => s.getContrastText(s.warning.main))), h(s.Alert, "errorStandardBg", T(G, a ? u("palette-error-light") : s.error.light, 0.9)), h(s.Alert, "infoStandardBg", T(G, a ? u("palette-info-light") : s.info.light, 0.9)), h(s.Alert, "successStandardBg", T(G, a ? u("palette-success-light") : s.success.light, 0.9)), h(s.Alert, "warningStandardBg", T(G, a ? u("palette-warning-light") : s.warning.light, 0.9)), h(s.Alert, "errorIconColor", A("palette-error-main")), h(s.Alert, "infoIconColor", A("palette-info-main")), h(s.Alert, "successIconColor", A("palette-success-main")), h(s.Alert, "warningIconColor", A("palette-warning-main")), h(s.AppBar, "defaultBg", A("palette-grey-100")), h(s.Avatar, "defaultBg", A("palette-grey-400")), h(s.Button, "inheritContainedBg", A("palette-grey-300")), h(s.Button, "inheritContainedHoverBg", A("palette-grey-A100")), h(s.Chip, "defaultBorder", A("palette-grey-400")), h(s.Chip, "defaultAvatarColor", A("palette-grey-700")), h(s.Chip, "defaultIconColor", A("palette-grey-700")), h(s.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), h(s.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), h(s.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), h(s.LinearProgress, "primaryBg", T(G, a ? u("palette-primary-main") : s.primary.main, 0.62)), h(s.LinearProgress, "secondaryBg", T(G, a ? u("palette-secondary-main") : s.secondary.main, 0.62)), h(s.LinearProgress, "errorBg", T(G, a ? u("palette-error-main") : s.error.main, 0.62)), h(s.LinearProgress, "infoBg", T(G, a ? u("palette-info-main") : s.info.main, 0.62)), h(s.LinearProgress, "successBg", T(G, a ? u("palette-success-main") : s.success.main, 0.62)), h(s.LinearProgress, "warningBg", T(G, a ? u("palette-warning-light") : s.warning.main, 0.62)), h(s.Skeleton, "bg", C ? T(_e, a ? u("palette-text-primary") : s.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), h(s.Slider, "primaryTrack", T(G, a ? u("palette-primary-main") : s.primary.main, 0.62)), h(s.Slider, "secondaryTrack", T(G, a ? u("palette-secondary-main") : s.secondary.main, 0.62)), h(s.Slider, "errorTrack", T(G, a ? u("palette-error-main") : s.error.main, 0.62)), h(s.Slider, "infoTrack", T(G, a ? u("palette-info-main") : s.info.main, 0.62)), h(s.Slider, "successTrack", T(G, a ? u("palette-success-main") : s.success.main, 0.62)), h(s.Slider, "warningTrack", T(G, a ? u("palette-warning-main") : s.warning.main, 0.62));
+      const k = C ? T(H, a ? u("palette-background-default") : s.background.default, 0.6825) : st(s.background.default, 0.8);
+      h(s.SnackbarContent, "bg", k), h(s.SnackbarContent, "color", ve(() => C ? Zt.text.primary : s.getContrastText(k))), h(s.SpeedDialAction, "fabHoverBg", st(s.background.paper, 0.15)), h(s.StepConnector, "border", A("palette-grey-400")), h(s.StepContent, "border", A("palette-grey-400")), h(s.Switch, "defaultColor", A("palette-common-white")), h(s.Switch, "defaultDisabledColor", A("palette-grey-100")), h(s.Switch, "primaryDisabledColor", T(G, a ? u("palette-primary-main") : s.primary.main, 0.62)), h(s.Switch, "secondaryDisabledColor", T(G, a ? u("palette-secondary-main") : s.secondary.main, 0.62)), h(s.Switch, "errorDisabledColor", T(G, a ? u("palette-error-main") : s.error.main, 0.62)), h(s.Switch, "infoDisabledColor", T(G, a ? u("palette-info-main") : s.info.main, 0.62)), h(s.Switch, "successDisabledColor", T(G, a ? u("palette-success-main") : s.success.main, 0.62)), h(s.Switch, "warningDisabledColor", T(G, a ? u("palette-warning-main") : s.warning.main, 0.62)), h(s.TableCell, "border", T(G, _e(a ? u("palette-divider") : s.divider, 1), 0.88)), h(s.Tooltip, "bg", T(_e, a ? u("palette-grey-700") : s.grey[700], 0.92));
+    }
+    if (s.mode === "dark") {
+      h(s.Alert, "errorColor", T(G, a ? u("palette-error-light") : s.error.light, 0.6)), h(s.Alert, "infoColor", T(G, a ? u("palette-info-light") : s.info.light, 0.6)), h(s.Alert, "successColor", T(G, a ? u("palette-success-light") : s.success.light, 0.6)), h(s.Alert, "warningColor", T(G, a ? u("palette-warning-light") : s.warning.light, 0.6)), h(s.Alert, "errorFilledBg", A("palette-error-dark")), h(s.Alert, "infoFilledBg", A("palette-info-dark")), h(s.Alert, "successFilledBg", A("palette-success-dark")), h(s.Alert, "warningFilledBg", A("palette-warning-dark")), h(s.Alert, "errorFilledColor", ve(() => s.getContrastText(s.error.dark))), h(s.Alert, "infoFilledColor", ve(() => s.getContrastText(s.info.dark))), h(s.Alert, "successFilledColor", ve(() => s.getContrastText(s.success.dark))), h(s.Alert, "warningFilledColor", ve(() => s.getContrastText(s.warning.dark))), h(s.Alert, "errorStandardBg", T(H, a ? u("palette-error-light") : s.error.light, 0.9)), h(s.Alert, "infoStandardBg", T(H, a ? u("palette-info-light") : s.info.light, 0.9)), h(s.Alert, "successStandardBg", T(H, a ? u("palette-success-light") : s.success.light, 0.9)), h(s.Alert, "warningStandardBg", T(H, a ? u("palette-warning-light") : s.warning.light, 0.9)), h(s.Alert, "errorIconColor", A("palette-error-main")), h(s.Alert, "infoIconColor", A("palette-info-main")), h(s.Alert, "successIconColor", A("palette-success-main")), h(s.Alert, "warningIconColor", A("palette-warning-main")), h(s.AppBar, "defaultBg", A("palette-grey-900")), h(s.AppBar, "darkBg", A("palette-background-paper")), h(s.AppBar, "darkColor", A("palette-text-primary")), h(s.Avatar, "defaultBg", A("palette-grey-600")), h(s.Button, "inheritContainedBg", A("palette-grey-800")), h(s.Button, "inheritContainedHoverBg", A("palette-grey-700")), h(s.Chip, "defaultBorder", A("palette-grey-700")), h(s.Chip, "defaultAvatarColor", A("palette-grey-300")), h(s.Chip, "defaultIconColor", A("palette-grey-300")), h(s.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), h(s.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), h(s.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), h(s.LinearProgress, "primaryBg", T(H, a ? u("palette-primary-main") : s.primary.main, 0.5)), h(s.LinearProgress, "secondaryBg", T(H, a ? u("palette-secondary-main") : s.secondary.main, 0.5)), h(s.LinearProgress, "errorBg", T(H, a ? u("palette-error-main") : s.error.main, 0.5)), h(s.LinearProgress, "infoBg", T(H, a ? u("palette-info-main") : s.info.main, 0.5)), h(s.LinearProgress, "successBg", T(H, a ? u("palette-success-main") : s.success.main, 0.5)), h(s.LinearProgress, "warningBg", T(H, a ? u("palette-warning-main") : s.warning.main, 0.5)), h(s.Skeleton, "bg", C ? T(_e, a ? u("palette-text-primary") : s.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), h(s.Slider, "primaryTrack", T(H, a ? u("palette-primary-main") : s.primary.main, 0.5)), h(s.Slider, "secondaryTrack", T(H, a ? u("palette-secondary-main") : s.secondary.main, 0.5)), h(s.Slider, "errorTrack", T(H, a ? u("palette-error-main") : s.error.main, 0.5)), h(s.Slider, "infoTrack", T(H, a ? u("palette-info-main") : s.info.main, 0.5)), h(s.Slider, "successTrack", T(H, a ? u("palette-success-main") : s.success.main, 0.5)), h(s.Slider, "warningTrack", T(H, a ? u("palette-warning-light") : s.warning.main, 0.5));
+      const k = C ? T(G, a ? u("palette-background-default") : s.background.default, 0.985) : st(s.background.default, 0.98);
+      h(s.SnackbarContent, "bg", k), h(s.SnackbarContent, "color", ve(() => C ? Vn.text.primary : s.getContrastText(k))), h(s.SpeedDialAction, "fabHoverBg", st(s.background.paper, 0.15)), h(s.StepConnector, "border", A("palette-grey-600")), h(s.StepContent, "border", A("palette-grey-600")), h(s.Switch, "defaultColor", A("palette-grey-300")), h(s.Switch, "defaultDisabledColor", A("palette-grey-600")), h(s.Switch, "primaryDisabledColor", T(H, a ? u("palette-primary-main") : s.primary.main, 0.55)), h(s.Switch, "secondaryDisabledColor", T(H, a ? u("palette-secondary-main") : s.secondary.main, 0.55)), h(s.Switch, "errorDisabledColor", T(H, a ? u("palette-error-main") : s.error.main, 0.55)), h(s.Switch, "infoDisabledColor", T(H, a ? u("palette-info-main") : s.info.main, 0.55)), h(s.Switch, "successDisabledColor", T(H, a ? u("palette-success-main") : s.success.main, 0.55)), h(s.Switch, "warningDisabledColor", T(H, a ? u("palette-warning-light") : s.warning.main, 0.55)), h(s.TableCell, "border", T(H, _e(a ? u("palette-divider") : s.divider, 1), 0.68)), h(s.Tooltip, "bg", T(_e, a ? u("palette-grey-700") : s.grey[700], 0.92));
+    }
+    a || (Te(s.background, "default"), Te(s.background, "paper"), Te(s.common, "background"), Te(s.common, "onBackground"), Te(s, "divider")), Object.keys(s).forEach((k) => {
+      const B = s[k];
+      k !== "tonalOffset" && !a && B && typeof B == "object" && (B.main && h(s[k], "mainChannel", ze(qe(B.main))), B.light && h(s[k], "lightChannel", ze(qe(B.light))), B.dark && h(s[k], "darkChannel", ze(qe(B.dark))), B.contrastText && h(s[k], "contrastTextChannel", ze(qe(B.contrastText))), k === "text" && (Te(s[k], "primary"), Te(s[k], "secondary")), k === "action" && (B.active && Te(s[k], "active"), B.selected && Te(s[k], "selected")));
+    });
+  }), E = t.reduce((Q, s) => me(Q, s), E);
+  const P = {
+    prefix: i,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: c,
+    getSelector: ts(E),
+    enableContrastVars: a
+  }, {
+    vars: oe,
+    generateThemeVars: J,
+    generateStyleSheets: re
+  } = xa(E, P);
+  return E.vars = oe, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([Q, s]) => {
+    E[Q] = s;
+  }), E.generateThemeVars = J, E.generateStyleSheets = re, E.generateSpacing = function() {
+    return An(p.spacing, sr(this));
+  }, E.getColorSchemeSelector = $a(d), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = c, E.unstable_sxConfig = {
+    ...Ot,
+    ...p?.unstable_sxConfig
+  }, E.unstable_sx = function(s) {
+    return Qe({
+      sx: s,
+      theme: this
+    });
+  }, E.internal_cache = {}, E.toRuntimeSource = Wn, E;
+}
+function Zr(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: ur({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function as(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: i = r?.mode,
+    ...a
+  } = e, c = i || "light", d = o?.[c], f = {
+    ...o,
+    ...r ? {
+      [c]: {
+        ...typeof d != "boolean" && d,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return er(e, ...t);
+    let p = r;
+    "palette" in e || f[c] && (f[c] !== !0 ? p = f[c].palette : c === "dark" && (p = {
+      mode: "dark"
+    }));
+    const m = er({
+      ...e,
+      palette: p
+    }, ...t);
+    return m.defaultColorScheme = c, m.colorSchemes = f, m.palette.mode === "light" && (m.colorSchemes.light = {
+      ...f.light !== !0 && f.light,
+      palette: m.palette
+    }, Zr(m, "dark", f.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      ...f.dark !== !0 && f.dark,
+      palette: m.palette
+    }, Zr(m, "light", f.light)), m;
+  }
+  return !r && !("light" in f) && c === "light" && (f.light = !0), is({
+    ...a,
+    colorSchemes: f,
+    defaultColorScheme: c,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const ss = as();
+function cs(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const ls = (e) => cs(e) && e !== "classes", _s = ca({
+  themeId: Kn,
+  defaultTheme: ss,
+  rootShouldForwardProp: ls
+}), As = Ea;
+process.env.NODE_ENV !== "production" && (ye.node, ye.object.isRequired);
+function Os(e) {
+  return Sa(e);
+}
+function Ps(e) {
+  return e && e.ownerDocument || document;
+}
+function ks(e) {
+  const {
+    controlled: t,
+    default: r,
+    name: n,
+    state: o = "value"
+  } = e, {
+    current: i
+  } = F.useRef(t !== void 0), [a, c] = F.useState(r), d = i ? t : a;
+  if (process.env.NODE_ENV !== "production") {
+    F.useEffect(() => {
+      i !== (t !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${o} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [o, n, t]);
+    const {
+      current: p
+    } = F.useRef(r);
+    F.useEffect(() => {
+      !i && JSON.stringify(r) !== JSON.stringify(p) && console.error([`MUI: A component is changing the default ${o} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const f = F.useCallback((p) => {
+    i || c(p);
+  }, []);
+  return [d, f];
+}
+function Rs(e) {
+  const t = F.useRef(e);
+  return da(() => {
+    t.current = e;
+  }), F.useRef((...r) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...r)
+  )).current;
+}
+function us(...e) {
+  const t = F.useRef(void 0), r = F.useCallback((n) => {
+    const o = e.map((i) => {
+      if (i == null)
+        return null;
+      if (typeof i == "function") {
+        const a = i, c = a(n);
+        return typeof c == "function" ? c : () => {
+          a(null);
+        };
+      }
+      return i.current = n, () => {
+        i.current = null;
+      };
+    });
+    return () => {
+      o.forEach((i) => i?.());
+    };
+  }, e);
+  return F.useMemo(() => e.every((n) => n == null) ? null : (n) => {
+    t.current && (t.current(), t.current = void 0), n != null && (t.current = r(n));
+  }, e);
+}
+function fs(e, t) {
+  const r = e.charCodeAt(2);
+  return e[0] === "o" && e[1] === "n" && r >= 65 && r <= 90 && typeof t == "function";
+}
+function Is(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || t(...n);
+  };
+}
+function ds(e) {
+  return typeof e == "string";
+}
+function ps(e, t, r) {
+  return e === void 0 || ds(e) ? t : {
+    ...t,
+    ownerState: {
+      ...t.ownerState,
+      ...r
+    }
+  };
+}
+function ms(e, t, r) {
+  return typeof e == "function" ? e(t, r) : e;
+}
+function hs(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  for (const r of Object.keys(e))
+    fs(r, e[r]) && (t[r] = e[r]);
+  return t;
+}
+function en(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((r) => !(r.match(/^on[A-Z]/) && typeof e[r] == "function")).forEach((r) => {
+    t[r] = e[r];
+  }), t;
+}
+function gs(e) {
+  const {
+    getSlotProps: t,
+    additionalProps: r,
+    externalSlotProps: n,
+    externalForwardedProps: o,
+    className: i
+  } = e;
+  if (!t) {
+    const u = zt(r?.className, i, o?.className, n?.className), y = {
+      ...r?.style,
+      ...o?.style,
+      ...n?.style
+    }, l = {
+      ...r,
+      ...o,
+      ...n
+    };
+    return u.length > 0 && (l.className = u), Object.keys(y).length > 0 && (l.style = y), {
+      props: l,
+      internalRef: void 0
+    };
+  }
+  const a = hs({
+    ...o,
+    ...n
+  }), c = en(n), d = en(o), f = t(a), p = zt(f?.className, r?.className, i, o?.className, n?.className), m = {
+    ...f?.style,
+    ...r?.style,
+    ...o?.style,
+    ...n?.style
+  }, S = {
+    ...f,
+    ...r,
+    ...d,
+    ...c
+  };
+  return p.length > 0 && (S.className = p), Object.keys(m).length > 0 && (S.style = m), {
+    props: S,
+    internalRef: f.ref
+  };
+}
+function Ns(e, t) {
+  const {
+    className: r,
+    elementType: n,
+    ownerState: o,
+    externalForwardedProps: i,
+    internalForwardedProps: a,
+    shouldForwardComponentProp: c = !1,
+    ...d
+  } = t, {
+    component: f,
+    slots: p = {
+      [e]: void 0
+    },
+    slotProps: m = {
+      [e]: void 0
+    },
+    ...S
+  } = i, u = p[e] || n, y = ms(m[e], o), {
+    props: {
+      component: l,
+      ...g
+    },
+    internalRef: w
+  } = gs({
+    className: r,
+    ...d,
+    externalForwardedProps: e === "root" ? S : void 0,
+    externalSlotProps: y
+  }), _ = us(w, y?.ref, t.ref), O = e === "root" ? l || f : l, C = ps(u, {
+    ...e === "root" && !f && !p[e] && a,
+    ...e !== "root" && !p[e] && a,
+    ...g,
+    ...O && !c && {
+      as: O
+    },
+    ...O && c && {
+      component: O
+    },
+    ref: _
+  }, o);
+  return [u, C];
+}
+export {
+  Ps as A,
+  pt as B,
+  ra as C,
+  ba as D,
+  Ts as E,
+  ms as F,
+  Jt as G,
+  ls as H,
+  ir as I,
+  cs as J,
+  Qe as K,
+  _s as L,
+  Qo as M,
+  ks as N,
+  Os as O,
+  ye as P,
+  da as Q,
+  ya as R,
+  Rs as S,
+  Kn as T,
+  us as U,
+  Es as V,
+  xs as W,
+  Ns as X,
+  gn as Y,
+  qt as _,
+  yn as a,
+  Dn as b,
+  ps as c,
+  xn as d,
+  Is as e,
+  pa as f,
+  $s as g,
+  Cs as h,
+  ca as i,
+  On as j,
+  as as k,
+  Fa as l,
+  me as m,
+  ss as n,
+  hs as o,
+  Pe as p,
+  Pn as q,
+  ws as r,
+  Xa as s,
+  bn as t,
+  fn as u,
+  Oe as v,
+  fs as w,
+  ds as x,
+  As as y,
+  gs as z
+};