import {
  a as O,
  b as X,
  c as xe,
  d as nr,
  e as Pr,
  f as qt,
  g as Qt,
  h as Lr,
  i as Nr,
  j as fo
} from "../_browser-chunks/chunk-XZSPN7KM.js";
import {
  d as wr
} from "../_browser-chunks/chunk-MOCDGIQZ.js";
import "../_browser-chunks/chunk-D3WTNAJS.js";
import {
  a as Ee
} from "../_browser-chunks/chunk-ENVCLMEU.js";
import {
  a as Zt
} from "../_browser-chunks/chunk-VEVXVIEO.js";
import {
  a as vr
} from "../_browser-chunks/chunk-JCASV5LV.js";
import {
  a as o,
  c as Pe,
  e as tr
} from "../_browser-chunks/chunk-IO47FP3U.js";

// ../node_modules/react-is/cjs/react-is.production.min.js
var et = Pe((x) => {
  "use strict";
  var N = typeof Symbol == "function" && Symbol.for, fr = N ? Symbol.for("react.element") : 60103, lr = N ? Symbol.for("react.portal") : 60106, De = N ? Symbol.for("react.fragment") : 60107, ze = N ? Symbol.for("react.strict_mode") : 60108, Ue = N ? Symbol.for("react.profiler") : 60114, We = N ? Symbol.for("react.provider") : 60109, He = N ? Symbol.for("react.context") : 60110, ur = N ? Symbol.for("react.async_mode") : 60111, Ve = N ? Symbol.for("react.concurrent_mode") : 60111, Ge = N ? Symbol.for("react.forward_ref") : 60112, je = N ? Symbol.for("react.suspense") : 60113, pn = N ? Symbol.for("react.suspense_list") : 60120, Ye = N ? Symbol.for("react.memo") : 60115, Je = N ? Symbol.for("react.lazy") : 60116, dn = N ? Symbol.for("react.block") : 60121, mn = N ? Symbol.for("react.fundamental") : 60117, gn = N ? Symbol.for("react.responder") : 60118, hn = N ? Symbol.for("react.scope") : 60119;
  function D(e) {
    if (typeof e == "object" && e !== null) {
      var r = e.$$typeof;
      switch (r) {
        case fr:
          switch (e = e.type, e) {
            case ur:
            case Ve:
            case De:
            case Ue:
            case ze:
            case je:
              return e;
            default:
              switch (e = e && e.$$typeof, e) {
                case He:
                case Ge:
                case Je:
                case Ye:
                case We:
                  return e;
                default:
                  return r;
              }
          }
        case lr:
          return r;
      }
    }
  }
  o(D, "z");
  function Qr(e) {
    return D(e) === Ve;
  }
  o(Qr, "A");
  x.AsyncMode = ur;
  x.ConcurrentMode = Ve;
  x.ContextConsumer = He;
  x.ContextProvider = We;
  x.Element = fr;
  x.ForwardRef = Ge;
  x.Fragment = De;
  x.Lazy = Je;
  x.Memo = Ye;
  x.Portal = lr;
  x.Profiler = Ue;
  x.StrictMode = ze;
  x.Suspense = je;
  x.isAsyncMode = function(e) {
    return Qr(e) || D(e) === ur;
  };
  x.isConcurrentMode = Qr;
  x.isContextConsumer = function(e) {
    return D(e) === He;
  };
  x.isContextProvider = function(e) {
    return D(e) === We;
  };
  x.isElement = function(e) {
    return typeof e == "object" && e !== null && e.$$typeof === fr;
  };
  x.isForwardRef = function(e) {
    return D(e) === Ge;
  };
  x.isFragment = function(e) {
    return D(e) === De;
  };
  x.isLazy = function(e) {
    return D(e) === Je;
  };
  x.isMemo = function(e) {
    return D(e) === Ye;
  };
  x.isPortal = function(e) {
    return D(e) === lr;
  };
  x.isProfiler = function(e) {
    return D(e) === Ue;
  };
  x.isStrictMode = function(e) {
    return D(e) === ze;
  };
  x.isSuspense = function(e) {
    return D(e) === je;
  };
  x.isValidElementType = function(e) {
    return typeof e == "string" || typeof e == "function" || e === De || e === Ve || e === Ue || e === ze || e === je || e === pn || typeof e == "object" && e !== null && (e.$$typeof === Je || e.$$typeof === Ye || e.$$typeof === We || e.$$typeof === He || e.$$typeof === Ge || e.$$typeof === mn || e.$$typeof === gn || e.$$typeof === hn || e.$$typeof === dn);
  };
  x.typeOf = D;
});

// ../node_modules/react-is/cjs/react-is.development.js
var rt = Pe((T) => {
  "use strict";
  process.env.NODE_ENV !== "production" && function() {
    "use strict";
    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, C = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, R = e ? Symbol.for("react.scope") : 60119;
    function L(f) {
      return typeof f == "string" || typeof f == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
      f === n || f === d || f === i || f === a || f === p || f === w || typeof f == "object" && f !== null && (f.$$typeof === C || f.$$typeof === M || f.$$typeof === s || f.$$typeof === c || f.$$typeof === u || f.$$typeof === h || f.$$typeof === b || f.$$typeof === R || f.$$typeof === m);
    }
    o(L, "isValidElementType");
    function _(f) {
      if (typeof f == "object" && f !== null) {
        var rr = f.$$typeof;
        switch (rr) {
          case r:
            var we = f.type;
            switch (we) {
              case l:
              case d:
              case n:
              case i:
              case a:
              case p:
                return we;
              default:
                var Ar = we && we.$$typeof;
                switch (Ar) {
                  case c:
                  case u:
                  case C:
                  case M:
                  case s:
                    return Ar;
                  default:
                    return rr;
                }
            }
          case t:
            return rr;
        }
      }
    }
    o(_, "typeOf");
    var I = l, A = d, E = c, ie = s, se = r, G = u, j = n, qe = C, Qe = M, er = t, Bt = i, $t = a, Ft = p, Rr = !1;
    function Dt(f) {
      return Rr || (Rr = !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.")), Sr(f) || _(f) === l;
    }
    o(Dt, "isAsyncMode");
    function Sr(f) {
      return _(f) === d;
    }
    o(Sr, "isConcurrentMode");
    function zt(f) {
      return _(f) === c;
    }
    o(zt, "isContextConsumer");
    function Ut(f) {
      return _(f) === s;
    }
    o(Ut, "isContextProvider");
    function Wt(f) {
      return typeof f == "object" && f !== null && f.$$typeof === r;
    }
    o(Wt, "isElement");
    function Ht(f) {
      return _(f) === u;
    }
    o(Ht, "isForwardRef");
    function Vt(f) {
      return _(f) === n;
    }
    o(Vt, "isFragment");
    function Gt(f) {
      return _(f) === C;
    }
    o(Gt, "isLazy");
    function jt(f) {
      return _(f) === M;
    }
    o(jt, "isMemo");
    function Yt(f) {
      return _(f) === t;
    }
    o(Yt, "isPortal");
    function Jt(f) {
      return _(f) === i;
    }
    o(Jt, "isProfiler");
    function Kt(f) {
      return _(f) === a;
    }
    o(Kt, "isStrictMode");
    function Xt(f) {
      return _(f) === p;
    }
    o(Xt, "isSuspense"), T.AsyncMode = I, T.ConcurrentMode = A, T.ContextConsumer = E, T.ContextProvider = ie, T.Element = se, T.ForwardRef = G, T.Fragment = j, T.Lazy = qe, T.Memo = Qe, T.Portal = er, T.Profiler = Bt, T.StrictMode = $t, T.Suspense = Ft, T.isAsyncMode = Dt, T.isConcurrentMode = Sr, T.isContextConsumer = zt, T.isContextProvider = Ut, T.isElement = Wt, T.isForwardRef = Ht, T.isFragment = Vt, T.isLazy = Gt, T.isMemo = jt, T.isPortal = Yt, T.isProfiler = Jt, T.isStrictMode = Kt, T.isSuspense = Xt, T.isValidElementType = L, T.typeOf = _;
  }();
});

// ../node_modules/react-is/index.js
var tt = Pe((fa, pr) => {
  "use strict";
  process.env.NODE_ENV === "production" ? pr.exports = et() : pr.exports = rt();
});

// ../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
var gr = Pe((la, ct) => {
  "use strict";
  var dr = tt(), yn = {
    childContextTypes: !0,
    contextType: !0,
    contextTypes: !0,
    defaultProps: !0,
    displayName: !0,
    getDefaultProps: !0,
    getDerivedStateFromError: !0,
    getDerivedStateFromProps: !0,
    mixins: !0,
    propTypes: !0,
    type: !0
  }, bn = {
    name: !0,
    length: !0,
    prototype: !0,
    caller: !0,
    callee: !0,
    arguments: !0,
    arity: !0
  }, En = {
    $$typeof: !0,
    render: !0,
    defaultProps: !0,
    displayName: !0,
    propTypes: !0
  }, it = {
    $$typeof: !0,
    compare: !0,
    defaultProps: !0,
    displayName: !0,
    propTypes: !0,
    type: !0
  }, mr = {};
  mr[dr.ForwardRef] = En;
  mr[dr.Memo] = it;
  function nt(e) {
    return dr.isMemo(e) ? it : mr[e.$$typeof] || yn;
  }
  o(nt, "getStatics");
  var xn = Object.defineProperty, Tn = Object.getOwnPropertyNames, ot = Object.getOwnPropertySymbols, On = Object.getOwnPropertyDescriptor, _n = Object.getPrototypeOf, at = Object.prototype;
  function st(e, r, t) {
    if (typeof r != "string") {
      if (at) {
        var n = _n(r);
        n && n !== at && st(e, n, t);
      }
      var a = Tn(r);
      ot && (a = a.concat(ot(r)));
      for (var i = nt(e), s = nt(r), c = 0; c < a.length; ++c) {
        var l = a[c];
        if (!bn[l] && !(t && t[l]) && !(s && s[l]) && !(i && i[l])) {
          var d = On(r, l);
          try {
            xn(e, l, d);
          } catch {
          }
        }
      }
    }
    return e;
  }
  o(st, "hoistNonReactStatics");
  ct.exports = st;
});

// ../node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
import * as k from "react";
import { useContext as Ln, forwardRef as Nn } from "react";

// ../node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
var en = !1;
function rn(e) {
  if (e.sheet)
    return e.sheet;
  for (var r = 0; r < document.styleSheets.length; r++)
    if (document.styleSheets[r].ownerNode === e)
      return document.styleSheets[r];
}
o(rn, "sheetForTag");
function tn(e) {
  var r = document.createElement("style");
  return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
}
o(tn, "createStyleElement");
var kr = function() {
  function e(t) {
    var n = this;
    this._insertTag = function(a) {
      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(a, i), n.tags.push(a);
    }, this.isSpeedy = t.speedy === void 0 ? !en : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
  }
  o(e, "StyleSheet");
  var r = e.prototype;
  return r.hydrate = /* @__PURE__ */ o(function(n) {
    n.forEach(this._insertTag);
  }, "hydrate"), r.insert = /* @__PURE__ */ o(function(n) {
    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(tn(this));
    var a = this.tags[this.tags.length - 1];
    if (this.isSpeedy) {
      var i = rn(a);
      try {
        i.insertRule(n, i.cssRules.length);
      } catch {
      }
    } else
      a.appendChild(document.createTextNode(n));
    this.ctr++;
  }, "insert"), r.flush = /* @__PURE__ */ o(function() {
    this.tags.forEach(function(n) {
      var a;
      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
    }), this.tags = [], this.ctr = 0;
  }, "flush"), e;
}();

// ../node_modules/stylis/src/Enum.js
var P = "-ms-", Z = "-moz-", y = "-webkit-", Le = "comm", q = "rule", Q = "decl";
var Mr = "@import";
var Te = "@keyframes";
var Ir = "@layer";

// ../node_modules/stylis/src/Utility.js
var Br = Math.abs, ee = String.fromCharCode, $r = Object.assign;
function or(e, r) {
  return S(e, 0) ^ 45 ? (((r << 2 ^ S(e, 0)) << 2 ^ S(e, 1)) << 2 ^ S(e, 2)) << 2 ^ S(e, 3) : 0;
}
o(or, "hash");
function Ne(e) {
  return e.trim();
}
o(Ne, "trim");
function ke(e, r) {
  return (e = r.exec(e)) ? e[0] : e;
}
o(ke, "match");
function g(e, r, t) {
  return e.replace(r, t);
}
o(g, "replace");
function ce(e, r) {
  return e.indexOf(r);
}
o(ce, "indexof");
function S(e, r) {
  return e.charCodeAt(r) | 0;
}
o(S, "charat");
function V(e, r, t) {
  return e.slice(r, t);
}
o(V, "substr");
function B(e) {
  return e.length;
}
o(B, "strlen");
function fe(e) {
  return e.length;
}
o(fe, "sizeof");
function le(e, r) {
  return r.push(e), e;
}
o(le, "append");
function ar(e, r) {
  return e.map(r).join("");
}
o(ar, "combine");

// ../node_modules/stylis/src/Tokenizer.js
var Me = 1, ue = 1, Fr = 0, $ = 0, v = 0, de = "";
function Oe(e, r, t, n, a, i, s) {
  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: Me, column: ue, length: s, return: "" };
}
o(Oe, "node");
function re(e, r) {
  return $r(Oe("", null, null, "", null, null, 0), e, { length: -e.length }, r);
}
o(re, "copy");
function Dr() {
  return v;
}
o(Dr, "char");
function zr() {
  return v = $ > 0 ? S(de, --$) : 0, ue--, v === 10 && (ue = 1, Me--), v;
}
o(zr, "prev");
function F() {
  return v = $ < Fr ? S(de, $++) : 0, ue++, v === 10 && (ue = 1, Me++), v;
}
o(F, "next");
function z() {
  return S(de, $);
}
o(z, "peek");
function _e() {
  return $;
}
o(_e, "caret");
function me(e, r) {
  return V(de, e, r);
}
o(me, "slice");
function pe(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;
}
o(pe, "token");
function Ie(e) {
  return Me = ue = 1, Fr = B(de = e), $ = 0, [];
}
o(Ie, "alloc");
function Be(e) {
  return de = "", e;
}
o(Be, "dealloc");
function ge(e) {
  return Ne(me($ - 1, ir(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
o(ge, "delimit");
function Ur(e) {
  for (; (v = z()) && v < 33; )
    F();
  return pe(e) > 2 || pe(v) > 3 ? "" : " ";
}
o(Ur, "whitespace");
function Wr(e, r) {
  for (; --r && F() && !(v < 48 || v > 102 || v > 57 && v < 65 || v > 70 && v < 97); )
    ;
  return me(e, _e() + (r < 6 && z() == 32 && F() == 32));
}
o(Wr, "escaping");
function ir(e) {
  for (; F(); )
    switch (v) {
      // ] ) " '
      case e:
        return $;
      // " '
      case 34:
      case 39:
        e !== 34 && e !== 39 && ir(v);
        break;
      // (
      case 40:
        e === 41 && ir(e);
        break;
      // \
      case 92:
        F();
        break;
    }
  return $;
}
o(ir, "delimiter");
function Hr(e, r) {
  for (; F() && e + v !== 57; )
    if (e + v === 84 && z() === 47)
      break;
  return "/*" + me(r, $ - 1) + "*" + ee(e === 47 ? e : F());
}
o(Hr, "commenter");
function Vr(e) {
  for (; !pe(z()); )
    F();
  return me(e, $);
}
o(Vr, "identifier");

// ../node_modules/stylis/src/Parser.js
function Yr(e) {
  return Be($e("", null, null, null, [""], e = Ie(e), 0, [0], e));
}
o(Yr, "compile");
function $e(e, r, t, n, a, i, s, c, l) {
  for (var d = 0, u = 0, p = s, w = 0, M = 0, C = 0, m = 1, h = 1, b = 1, R = 0, L = "", _ = a, I = i, A = n, E = L; h; )
    switch (C = R, R = F()) {
      // (
      case 40:
        if (C != 108 && S(E, p - 1) == 58) {
          ce(E += g(ge(R), "&", "&\f"), "&\f") != -1 && (b = -1);
          break;
        }
      // " ' [
      case 34:
      case 39:
      case 91:
        E += ge(R);
        break;
      // \t \n \r \s
      case 9:
      case 10:
      case 13:
      case 32:
        E += Ur(C);
        break;
      // \
      case 92:
        E += Wr(_e() - 1, 7);
        continue;
      // /
      case 47:
        switch (z()) {
          case 42:
          case 47:
            le(nn(Hr(F(), _e()), r, t), l);
            break;
          default:
            E += "/";
        }
        break;
      // {
      case 123 * m:
        c[d++] = B(E) * b;
      // } ; \0
      case 125 * m:
      case 59:
      case 0:
        switch (R) {
          // \0 }
          case 0:
          case 125:
            h = 0;
          // ;
          case 59 + u:
            b == -1 && (E = g(E, /\f/g, "")), M > 0 && B(E) - p && le(M > 32 ? jr(E + ";", n, t, p - 1) : jr(g(E, " ", "") + ";", n, t, p - 2), l);
            break;
          // @ ;
          case 59:
            E += ";";
          // { rule/at-rule
          default:
            if (le(A = Gr(E, r, t, d, u, a, c, L, _ = [], I = [], p), i), R === 123)
              if (u === 0)
                $e(E, r, A, A, _, i, p, c, I);
              else
                switch (w === 99 && S(E, 3) === 110 ? 100 : w) {
                  // d l m s
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    $e(e, A, A, n && le(Gr(e, A, A, 0, 0, a, c, L, a, _ = [], p), I), a, I, p, c, n ? _ : I);
                    break;
                  default:
                    $e(E, A, A, A, [""], I, 0, c, I);
                }
        }
        d = u = M = 0, m = b = 1, L = E = "", p = s;
        break;
      // :
      case 58:
        p = 1 + B(E), M = C;
      default:
        if (m < 1) {
          if (R == 123)
            --m;
          else if (R == 125 && m++ == 0 && zr() == 125)
            continue;
        }
        switch (E += ee(R), R * m) {
          // &
          case 38:
            b = u > 0 ? 1 : (E += "\f", -1);
            break;
          // ,
          case 44:
            c[d++] = (B(E) - 1) * b, b = 1;
            break;
          // @
          case 64:
            z() === 45 && (E += ge(F())), w = z(), u = p = B(L = E += Vr(_e())), R++;
            break;
          // -
          case 45:
            C === 45 && B(E) == 2 && (m = 0);
        }
    }
  return i;
}
o($e, "parse");
function Gr(e, r, t, n, a, i, s, c, l, d, u) {
  for (var p = a - 1, w = a === 0 ? i : [""], M = fe(w), C = 0, m = 0, h = 0; C < n; ++C)
    for (var b = 0, R = V(e, p + 1, p = Br(m = s[C])), L = e; b < M; ++b)
      (L = Ne(m > 0 ? w[b] + " " + R : g(R, /&\f/g, w[b]))) && (l[h++] = L);
  return Oe(e, r, t, a === 0 ? q : c, l, d, u);
}
o(Gr, "ruleset");
function nn(e, r, t) {
  return Oe(e, r, t, Le, ee(Dr()), V(e, 2, -2), 0);
}
o(nn, "comment");
function jr(e, r, t, n) {
  return Oe(e, r, t, Q, V(e, 0, n), V(e, n + 1, -1), n);
}
o(jr, "declaration");

// ../node_modules/stylis/src/Serializer.js
function Y(e, r) {
  for (var t = "", n = fe(e), a = 0; a < n; a++)
    t += r(e[a], a, e, r) || "";
  return t;
}
o(Y, "serialize");
function Jr(e, r, t, n) {
  switch (e.type) {
    case Ir:
      if (e.children.length) break;
    case Mr:
    case Q:
      return e.return = e.return || e.value;
    case Le:
      return "";
    case Te:
      return e.return = e.value + "{" + Y(e.children, n) + "}";
    case q:
      e.value = e.props.join(",");
  }
  return B(t = Y(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
}
o(Jr, "stringify");

// ../node_modules/stylis/src/Middleware.js
function Kr(e) {
  var r = fe(e);
  return function(t, n, a, i) {
    for (var s = "", c = 0; c < r; c++)
      s += e[c](t, n, a, i) || "";
    return s;
  };
}
o(Kr, "middleware");
function Xr(e) {
  return function(r) {
    r.root || (r = r.return) && e(r);
  };
}
o(Xr, "rulesheet");

// ../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
var sr = /* @__PURE__ */ o(function(r) {
  var t = /* @__PURE__ */ new WeakMap();
  return function(n) {
    if (t.has(n))
      return t.get(n);
    var a = r(n);
    return t.set(n, a), a;
  };
}, "weakMemoize");

// ../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
function Fe(e) {
  var r = /* @__PURE__ */ Object.create(null);
  return function(t) {
    return r[t] === void 0 && (r[t] = e(t)), r[t];
  };
}
o(Fe, "memoize");

// ../node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
var on = /* @__PURE__ */ o(function(r, t, n) {
  for (var a = 0, i = 0; a = i, i = z(), a === 38 && i === 12 && (t[n] = 1), !pe(i); )
    F();
  return me(r, $);
}, "identifierWithPointTracking"), an = /* @__PURE__ */ o(function(r, t) {
  var n = -1, a = 44;
  do
    switch (pe(a)) {
      case 0:
        a === 38 && z() === 12 && (t[n] = 1), r[n] += on($ - 1, t, n);
        break;
      case 2:
        r[n] += ge(a);
        break;
      case 4:
        if (a === 44) {
          r[++n] = z() === 58 ? "&\f" : "", t[n] = r[n].length;
          break;
        }
      // fallthrough
      default:
        r[n] += ee(a);
    }
  while (a = F());
  return r;
}, "toRules"), sn = /* @__PURE__ */ o(function(r, t) {
  return Be(an(Ie(r), t));
}, "getRules"), Zr = /* @__PURE__ */ new WeakMap(), cn = /* @__PURE__ */ o(function(r) {
  if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
  // negative .length indicates that this rule has been already prefixed
  r.length < 1)) {
    for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
      if (n = n.parent, !n) return;
    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Zr.get(n)) && !a) {
      Zr.set(r, !0);
      for (var i = [], s = sn(t, i), c = n.props, l = 0, d = 0; l < s.length; l++)
        for (var u = 0; u < c.length; u++, d++)
          r.props[d] = i[l] ? s[l].replace(/&\f/g, c[u]) : c[u] + " " + s[l];
    }
  }
}, "compat"), fn = /* @__PURE__ */ o(function(r) {
  if (r.type === "decl") {
    var t = r.value;
    // charcode for l
    t.charCodeAt(0) === 108 && // charcode for b
    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
  }
}, "removeLabel");
function qr(e, r) {
  switch (or(e, r)) {
    // color-adjust
    case 5103:
      return y + "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 y + e + e;
    // appearance, user-select, transform, hyphens, text-size-adjust
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return y + e + Z + e + P + e + e;
    // flex, flex-direction
    case 6828:
    case 4268:
      return y + e + P + e + e;
    // order
    case 6165:
      return y + e + P + "flex-" + e + e;
    // align-items
    case 5187:
      return y + e + g(e, /(\w+).+(:[^]+)/, y + "box-$1$2" + P + "flex-$1$2") + e;
    // align-self
    case 5443:
      return y + e + P + "flex-item-" + g(e, /flex-|-self/, "") + e;
    // align-content
    case 4675:
      return y + e + P + "flex-line-pack" + g(e, /align-content|flex-|-self/, "") + e;
    // flex-shrink
    case 5548:
      return y + e + P + g(e, "shrink", "negative") + e;
    // flex-basis
    case 5292:
      return y + e + P + g(e, "basis", "preferred-size") + e;
    // flex-grow
    case 6060:
      return y + "box-" + g(e, "-grow", "") + y + e + P + g(e, "grow", "positive") + e;
    // transition
    case 4554:
      return y + g(e, /([^-])(transform)/g, "$1" + y + "$2") + e;
    // cursor
    case 6187:
      return g(g(g(e, /(zoom-|grab)/, y + "$1"), /(image-set)/, y + "$1"), e, "") + e;
    // background, background-image
    case 5495:
    case 3959:
      return g(e, /(image-set\([^]*)/, y + "$1$`$1");
    // justify-content
    case 4968:
      return g(g(e, /(.+:)(flex-)?(.*)/, y + "box-pack:$3" + P + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + y + e + e;
    // (margin|padding)-inline-(start|end)
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return g(e, /(.+)-inline(.+)/, y + "$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 (B(e) - 1 - r > 6) switch (S(e, r + 1)) {
        // (m)ax-content, (m)in-content
        case 109:
          if (S(e, r + 4) !== 45) break;
        // (f)ill-available, (f)it-content
        case 102:
          return g(e, /(.+:)(.+)-([^]+)/, "$1" + y + "$2-$3$1" + Z + (S(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
        // (s)tretch
        case 115:
          return ~ce(e, "stretch") ? qr(g(e, "stretch", "fill-available"), r) + e : e;
      }
      break;
    // position: sticky
    case 4949:
      if (S(e, r + 1) !== 115) break;
    // display: (flex|inline-flex)
    case 6444:
      switch (S(e, B(e) - 3 - (~ce(e, "!important") && 10))) {
        // stic(k)y
        case 107:
          return g(e, ":", ":" + y) + e;
        // (inline-)?fl(e)x
        case 101:
          return g(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + y + (S(e, 14) === 45 ? "inline-" : "") + "box$3$1" + y + "$2$3$1" + P + "$2box$3") + e;
      }
      break;
    // writing-mode
    case 5936:
      switch (S(e, r + 11)) {
        // vertical-l(r)
        case 114:
          return y + e + P + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
        // vertical-r(l)
        case 108:
          return y + e + P + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
        // horizontal(-)tb
        case 45:
          return y + e + P + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
      }
      return y + e + P + e + e;
  }
  return e;
}
o(qr, "prefix");
var ln = /* @__PURE__ */ o(function(r, t, n, a) {
  if (r.length > -1 && !r.return) switch (r.type) {
    case Q:
      r.return = qr(r.value, r.length);
      break;
    case Te:
      return Y([re(r, {
        value: g(r.value, "@", "@" + y)
      })], a);
    case q:
      if (r.length) return ar(r.props, function(i) {
        switch (ke(i, /(::plac\w+|:read-\w+)/)) {
          // :read-(only|write)
          case ":read-only":
          case ":read-write":
            return Y([re(r, {
              props: [g(i, /:(read-\w+)/, ":" + Z + "$1")]
            })], a);
          // :placeholder
          case "::placeholder":
            return Y([re(r, {
              props: [g(i, /:(plac\w+)/, ":" + y + "input-$1")]
            }), re(r, {
              props: [g(i, /:(plac\w+)/, ":" + Z + "$1")]
            }), re(r, {
              props: [g(i, /:(plac\w+)/, P + "input-$1")]
            })], a);
        }
        return "";
      });
  }
}, "prefixer"), un = [ln], cr = /* @__PURE__ */ o(function(r) {
  var t = r.key;
  if (t === "css") {
    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
    Array.prototype.forEach.call(n, function(m) {
      var h = m.getAttribute("data-emotion");
      h.indexOf(" ") !== -1 && (document.head.appendChild(m), m.setAttribute("data-s", ""));
    });
  }
  var a = r.stylisPlugins || un, i = {}, s, c = [];
  s = r.container || document.head, Array.prototype.forEach.call(
    // this means we will ignore elements which don't have a space in them which
    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
    document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
    function(m) {
      for (var h = m.getAttribute("data-emotion").split(" "), b = 1; b < h.length; b++)
        i[h[b]] = !0;
      c.push(m);
    }
  );
  var l, d = [cn, fn];
  {
    var u, p = [Jr, Xr(function(m) {
      u.insert(m);
    })], w = Kr(d.concat(a, p)), M = /* @__PURE__ */ o(function(h) {
      return Y(Yr(h), w);
    }, "stylis");
    l = /* @__PURE__ */ o(function(h, b, R, L) {
      u = R, M(h ? h + "{" + b.styles + "}" : b.styles), L && (C.inserted[b.name] = !0);
    }, "insert");
  }
  var C = {
    key: t,
    sheet: new kr({
      key: t,
      container: s,
      nonce: r.nonce,
      speedy: r.speedy,
      prepend: r.prepend,
      insertionPoint: r.insertionPoint
    }),
    nonce: r.nonce,
    inserted: i,
    registered: {},
    insert: l
  };
  return C.sheet.hydrate(c), C;
}, "createCache");

// ../node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js
var ft = tr(gr());
var lt = /* @__PURE__ */ o(function(e, r) {
  return (0, ft.default)(e, r);
}, "hoistNonReactStatics");

// ../node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
var Cn = !0;
function he(e, r, t) {
  var n = "";
  return t.split(" ").forEach(function(a) {
    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
  }), n;
}
o(he, "getRegisteredStyles");
var te = /* @__PURE__ */ o(function(r, t, n) {
  var a = r.key + "-" + t.name;
  // we only need to add the styles to the registered cache if the
  // class name could be used further down
  // the tree but if it's a string tag, we know it won't
  // so we don't have to add it to registered cache.
  // this improves memory usage since we can avoid storing the whole style string
  (n === !1 || // we need to always store it if we're in compat mode and
  // in node since emotion-server relies on whether a style is in
  // the registered cache to know whether a style is global or not
  // also, note that this check will be dead code eliminated in the browser
  Cn === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
}, "registerStyles"), ne = /* @__PURE__ */ o(function(r, t, n) {
  te(r, t, n);
  var a = r.key + "-" + t.name;
  if (r.inserted[t.name] === void 0) {
    var i = t;
    do
      r.insert(t === i ? "." + a : "", i, r.sheet, !0), i = i.next;
    while (i !== void 0);
  }
}, "insertStyles");

// ../node_modules/@emotion/hash/dist/emotion-hash.esm.js
function ut(e) {
  for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
    t >>> 24, r = /* Math.imul(k, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
  switch (a) {
    case 3:
      r ^= (e.charCodeAt(n + 2) & 255) << 16;
    case 2:
      r ^= (e.charCodeAt(n + 1) & 255) << 8;
    case 1:
      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
      (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
  }
  return r ^= r >>> 13, r = /* Math.imul(h, m): */
  (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
}
o(ut, "murmur2");

// ../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
var pt = {
  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
};

// ../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
var Rn = !1, Sn = /[A-Z]|^ms/g, An = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ht = /* @__PURE__ */ o(function(r) {
  return r.charCodeAt(1) === 45;
}, "isCustomProperty"), dt = /* @__PURE__ */ o(function(r) {
  return r != null && typeof r != "boolean";
}, "isProcessableValue"), hr = Fe(function(e) {
  return ht(e) ? e : e.replace(Sn, "-$&").toLowerCase();
}), mt = /* @__PURE__ */ o(function(r, t) {
  switch (r) {
    case "animation":
    case "animationName":
      if (typeof t == "string")
        return t.replace(An, function(n, a, i) {
          return H = {
            name: a,
            styles: i,
            next: H
          }, a;
        });
  }
  return pt[r] !== 1 && !ht(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
}, "processStyleValue"), vn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function Ce(e, r, t) {
  if (t == null)
    return "";
  var n = t;
  if (n.__emotion_styles !== void 0)
    return n;
  switch (typeof t) {
    case "boolean":
      return "";
    case "object": {
      var a = t;
      if (a.anim === 1)
        return H = {
          name: a.name,
          styles: a.styles,
          next: H
        }, a.name;
      var i = t;
      if (i.styles !== void 0) {
        var s = i.next;
        if (s !== void 0)
          for (; s !== void 0; )
            H = {
              name: s.name,
              styles: s.styles,
              next: H
            }, s = s.next;
        var c = i.styles + ";";
        return c;
      }
      return wn(e, r, t);
    }
    case "function": {
      if (e !== void 0) {
        var l = H, d = t(e);
        return H = l, Ce(e, r, d);
      }
      break;
    }
  }
  var u = t;
  if (r == null)
    return u;
  var p = r[u];
  return p !== void 0 ? p : u;
}
o(Ce, "handleInterpolation");
function wn(e, r, t) {
  var n = "";
  if (Array.isArray(t))
    for (var a = 0; a < t.length; a++)
      n += Ce(e, r, t[a]) + ";";
  else
    for (var i in t) {
      var s = t[i];
      if (typeof s != "object") {
        var c = s;
        r != null && r[c] !== void 0 ? n += i + "{" + r[c] + "}" : dt(c) && (n += hr(i) + ":" + mt(i, c) + ";");
      } else {
        if (i === "NO_COMPONENT_SELECTOR" && Rn)
          throw new Error(vn);
        if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
          for (var l = 0; l < s.length; l++)
            dt(s[l]) && (n += hr(i) + ":" + mt(i, s[l]) + ";");
        else {
          var d = Ce(e, r, s);
          switch (i) {
            case "animation":
            case "animationName": {
              n += hr(i) + ":" + d + ";";
              break;
            }
            default:
              n += i + "{" + d + "}";
          }
        }
      }
    }
  return n;
}
o(wn, "createStringFromObject");
var gt = /label:\s*([^\s;{]+)\s*(;|$)/g, H;
function J(e, r, t) {
  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
    return e[0];
  var n = !0, a = "";
  H = void 0;
  var i = e[0];
  if (i == null || i.raw === void 0)
    n = !1, a += Ce(t, r, i);
  else {
    var s = i;
    a += s[0];
  }
  for (var c = 1; c < e.length; c++)
    if (a += Ce(t, r, e[c]), n) {
      var l = i;
      a += l[c];
    }
  gt.lastIndex = 0;
  for (var d = "", u; (u = gt.exec(a)) !== null; )
    d += "-" + u[1];
  var p = ut(a) + d;
  return {
    name: p,
    styles: a,
    next: H
  };
}
o(J, "serializeStyles");

// ../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
import * as Re from "react";
var Pn = /* @__PURE__ */ o(function(r) {
  return r();
}, "syncFallback"), yt = Re.useInsertionEffect ? Re.useInsertionEffect : !1, ye = yt || Pn, yr = yt || Re.useLayoutEffect;

// ../node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
var Ke = !1, bt = k.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" ? cr({
    key: "css"
  }) : null
), Et = bt.Provider;
var oe = /* @__PURE__ */ o(function(r) {
  return Nn(function(t, n) {
    var a = Ln(bt);
    return r(t, a, n);
  });
}, "withEmotionCache"), W = k.createContext({}), xt = /* @__PURE__ */ o(function() {
  return k.useContext(W);
}, "useTheme"), kn = /* @__PURE__ */ o(function(r, t) {
  if (typeof t == "function") {
    var n = t(r);
    return n;
  }
  return Ee({}, r, t);
}, "getTheme"), Mn = sr(function(e) {
  return sr(function(r) {
    return kn(e, r);
  });
}), Tt = /* @__PURE__ */ o(function(r) {
  var t = k.useContext(W);
  return r.theme !== t && (t = Mn(t)(r.theme)), k.createElement(W.Provider, {
    value: t
  }, r.children);
}, "ThemeProvider");
function Ot(e) {
  var r = e.displayName || e.name || "Component", t = k.forwardRef(/* @__PURE__ */ o(function(a, i) {
    var s = k.useContext(W);
    return k.createElement(e, Ee({
      theme: s,
      ref: i
    }, a));
  }, "render"));
  return t.displayName = "WithTheme(" + r + ")", lt(t, e);
}
o(Ot, "withTheme");
var Xe = {}.hasOwnProperty, br = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", _t = /* @__PURE__ */ o(function(r, t) {
  var n = {};
  for (var a in t)
    Xe.call(t, a) && (n[a] = t[a]);
  return n[br] = r, n;
}, "createEmotionProps"), In = /* @__PURE__ */ o(function(r) {
  var t = r.cache, n = r.serialized, a = r.isStringTag;
  return te(t, n, a), ye(function() {
    return ne(t, n, a);
  }), null;
}, "Insertion"), Bn = oe(function(e, r, t) {
  var n = e.css;
  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
  var a = e[br], i = [n], s = "";
  typeof e.className == "string" ? s = he(r.registered, i, e.className) : e.className != null && (s = e.className + " ");
  var c = J(i, void 0, k.useContext(W));
  s += r.key + "-" + c.name;
  var l = {};
  for (var d in e)
    Xe.call(e, d) && d !== "css" && d !== br && !Ke && (l[d] = e[d]);
  return l.className = s, t && (l.ref = t), k.createElement(k.Fragment, null, k.createElement(In, {
    cache: r,
    serialized: c,
    isStringTag: typeof a == "string"
  }), k.createElement(a, l));
}), Ct = Bn;

// ../node_modules/@emotion/react/dist/emotion-react.browser.esm.js
import * as U from "react";
var Ga = tr(gr());
var Er = /* @__PURE__ */ o(function(r, t) {
  var n = arguments;
  if (t == null || !Xe.call(t, "css"))
    return U.createElement.apply(void 0, n);
  var a = n.length, i = new Array(a);
  i[0] = Ct, i[1] = _t(r, t);
  for (var s = 2; s < a; s++)
    i[s] = n[s];
  return U.createElement.apply(null, i);
}, "jsx");
(function(e) {
  var r;
  r || (r = e.JSX || (e.JSX = {}));
})(Er || (Er = {}));
var $n = oe(function(e, r) {
  var t = e.styles, n = J([t], void 0, U.useContext(W)), a = U.useRef();
  return yr(function() {
    var i = r.key + "-global", s = new r.sheet.constructor({
      key: i,
      nonce: r.sheet.nonce,
      container: r.sheet.container,
      speedy: r.sheet.isSpeedy
    }), c = !1, l = document.querySelector('style[data-emotion="' + i + " " + n.name + '"]');
    return r.sheet.tags.length && (s.before = r.sheet.tags[0]), l !== null && (c = !0, l.setAttribute("data-emotion", i), s.hydrate([l])), a.current = [s, c], function() {
      s.flush();
    };
  }, [r]), yr(function() {
    var i = a.current, s = i[0], c = i[1];
    if (c) {
      i[1] = !1;
      return;
    }
    if (n.next !== void 0 && ne(r, n.next, !0), s.tags.length) {
      var l = s.tags[s.tags.length - 1].nextElementSibling;
      s.before = l, s.flush();
    }
    r.insert("", n, s, !1);
  }, [r, n.name]), null;
});
function Se() {
  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
    r[t] = arguments[t];
  return J(r);
}
o(Se, "css");
function be() {
  var e = Se.apply(void 0, arguments), r = "animation-" + e.name;
  return {
    name: r,
    styles: "@keyframes " + r + "{" + e.styles + "}",
    anim: 1,
    toString: /* @__PURE__ */ o(function() {
      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
    }, "toString")
  };
}
o(be, "keyframes");
var Fn = /* @__PURE__ */ o(function e(r) {
  for (var t = r.length, n = 0, a = ""; n < t; n++) {
    var i = r[n];
    if (i != null) {
      var s = void 0;
      switch (typeof i) {
        case "boolean":
          break;
        case "object": {
          if (Array.isArray(i))
            s = e(i);
          else {
            s = "";
            for (var c in i)
              i[c] && c && (s && (s += " "), s += c);
          }
          break;
        }
        default:
          s = i;
      }
      s && (a && (a += " "), a += s);
    }
  }
  return a;
}, "classnames");
function Dn(e, r, t) {
  var n = [], a = he(e, n, t);
  return n.length < 2 ? t : a + r(n);
}
o(Dn, "merge");
var zn = /* @__PURE__ */ o(function(r) {
  var t = r.cache, n = r.serializedArr;
  return ye(function() {
    for (var a = 0; a < n.length; a++)
      ne(t, n[a], !1);
  }), null;
}, "Insertion"), Un = oe(function(e, r) {
  var t = !1, n = [], a = /* @__PURE__ */ o(function() {
    if (t && Ke)
      throw new Error("css can only be used during render");
    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
      u[p] = arguments[p];
    var w = J(u, r.registered);
    return n.push(w), te(r, w, !1), r.key + "-" + w.name;
  }, "css"), i = /* @__PURE__ */ o(function() {
    if (t && Ke)
      throw new Error("cx can only be used during render");
    for (var d = arguments.length, u = new Array(d), p = 0; p < d; p++)
      u[p] = arguments[p];
    return Dn(r.registered, a, Fn(u));
  }, "cx"), s = {
    css: a,
    cx: i,
    theme: U.useContext(W)
  }, c = e.children(s);
  return t = !0, U.createElement(U.Fragment, null, U.createElement(zn, {
    cache: r,
    serializedArr: n
  }), c);
});

// ../node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
import * as K from "react";

// ../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
var Wn = /^((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|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)-.*))$/, xr = Fe(
  function(e) {
    return Wn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
  }
  /* Z+1 */
);

// ../node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
var Hn = !1, Vn = xr, Gn = /* @__PURE__ */ o(function(r) {
  return r !== "theme";
}, "testOmitPropsOnComponent"), Rt = /* @__PURE__ */ o(function(r) {
  return typeof r == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  r.charCodeAt(0) > 96 ? Vn : Gn;
}, "getDefaultShouldForwardProp"), St = /* @__PURE__ */ o(function(r, t, n) {
  var a;
  if (t) {
    var i = t.shouldForwardProp;
    a = r.__emotion_forwardProp && i ? function(s) {
      return r.__emotion_forwardProp(s) && i(s);
    } : i;
  }
  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
}, "composeShouldForwardProps"), jn = /* @__PURE__ */ o(function(r) {
  var t = r.cache, n = r.serialized, a = r.isStringTag;
  return te(t, n, a), ye(function() {
    return ne(t, n, a);
  }), null;
}, "Insertion"), At = /* @__PURE__ */ o(function e(r, t) {
  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, i, s;
  t !== void 0 && (i = t.label, s = t.target);
  var c = St(r, t, n), l = c || Rt(a), d = !l("as");
  return function() {
    var u = arguments, p = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
    if (i !== void 0 && p.push("label:" + i + ";"), u[0] == null || u[0].raw === void 0)
      p.push.apply(p, u);
    else {
      var w = u[0];
      p.push(w[0]);
      for (var M = u.length, C = 1; C < M; C++)
        p.push(u[C], w[C]);
    }
    var m = oe(function(h, b, R) {
      var L = d && h.as || a, _ = "", I = [], A = h;
      if (h.theme == null) {
        A = {};
        for (var E in h)
          A[E] = h[E];
        A.theme = K.useContext(W);
      }
      typeof h.className == "string" ? _ = he(b.registered, I, h.className) : h.className != null && (_ = h.className + " ");
      var ie = J(p.concat(I), b.registered, A);
      _ += b.key + "-" + ie.name, s !== void 0 && (_ += " " + s);
      var se = d && c === void 0 ? Rt(L) : l, G = {};
      for (var j in h)
        d && j === "as" || se(j) && (G[j] = h[j]);
      return G.className = _, R && (G.ref = R), K.createElement(K.Fragment, null, K.createElement(jn, {
        cache: b,
        serialized: ie,
        isStringTag: typeof L == "string"
      }), K.createElement(L, G));
    });
    return m.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", m.defaultProps = r.defaultProps, m.__emotion_real = m, m.__emotion_base = a, m.__emotion_styles = p, m.__emotion_forwardProp = c, Object.defineProperty(m, "toString", {
      value: /* @__PURE__ */ o(function() {
        return s === void 0 && Hn ? "NO_COMPONENT_SELECTOR" : "." + s;
      }, "value")
    }), m.withComponent = function(h, b) {
      var R = e(h, Ee({}, t, b, {
        shouldForwardProp: St(m, b, !0)
      }));
      return R.apply(void 0, p);
    }, m;
  };
}, "createStyled");

// ../node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js
import "react";
var Yn = [
  "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"
], Tr = At.bind(null);
Yn.forEach(function(e) {
  Tr[e] = Tr(e);
});

// src/theming/global.ts
var Or = tr(Zt(), 1), vt = (0, Or.default)(1)(
  ({ typography: e }) => ({
    body: {
      fontFamily: e.fonts.base,
      fontSize: e.size.s3,
      margin: 0,
      WebkitFontSmoothing: "antialiased",
      MozOsxFontSmoothing: "grayscale",
      WebkitTapHighlightColor: "rgba(0, 0, 0, 0)",
      WebkitOverflowScrolling: "touch"
    },
    "*": {
      boxSizing: "border-box"
    },
    "h1, h2, h3, h4, h5, h6": {
      fontWeight: e.weight.regular,
      margin: 0,
      padding: 0
    },
    "button, input, textarea, select": {
      fontFamily: "inherit",
      fontSize: "inherit",
      boxSizing: "border-box"
    },
    sub: {
      fontSize: "0.8em",
      bottom: "-0.2em"
    },
    sup: {
      fontSize: "0.8em",
      top: "-0.2em"
    },
    "b, strong": {
      fontWeight: e.weight.bold
    },
    hr: {
      border: "none",
      borderTop: "1px solid silver",
      clear: "both",
      marginBottom: "1.25rem"
    },
    code: {
      fontFamily: e.fonts.mono,
      WebkitFontSmoothing: "antialiased",
      MozOsxFontSmoothing: "grayscale",
      display: "inline-block",
      paddingLeft: 2,
      paddingRight: 2,
      verticalAlign: "baseline",
      color: "inherit"
    },
    pre: {
      fontFamily: e.fonts.mono,
      WebkitFontSmoothing: "antialiased",
      MozOsxFontSmoothing: "grayscale",
      lineHeight: "18px",
      padding: "11px 1rem",
      whiteSpace: "pre-wrap",
      color: "inherit",
      borderRadius: 3,
      margin: "1rem 0"
    }
  })
), Jn = (0, Or.default)(1)(({
  color: e,
  background: r,
  typography: t
}) => {
  let n = vt({ typography: t });
  return {
    ...n,
    body: {
      ...n.body,
      color: e.defaultText,
      background: r.app,
      overflow: "hidden"
    },
    hr: {
      ...n.hr,
      borderTop: `1px solid ${e.border}`
    },
    ".sb-sr-only, .sb-hidden-until-focus:not(:focus)": {
      position: "absolute",
      width: 1,
      height: 1,
      padding: 0,
      margin: -1,
      overflow: "hidden",
      clip: "rect(0, 0, 0, 0)",
      border: 0
    },
    ".sb-hidden-until-focus": {
      opacity: 0,
      transition: "opacity 150ms ease-out"
    },
    ".sb-hidden-until-focus:focus": {
      opacity: 1
    }
  };
});

// src/theming/animation.ts
var wt = {
  rubber: "cubic-bezier(0.175, 0.885, 0.335, 1.05)"
}, Kn = be`
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
`, Pt = be`
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
`, Xn = be`
  0% { transform: translateY(1px); }
  25% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(1px); }
`, Zn = be`
  0%, 100% { transform:translate3d(0,0,0); }
  12.5%, 62.5% { transform:translate3d(-4px,0,0); }
  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }
`, qn = Se`
  animation: ${Pt} 1.5s ease-in-out infinite;
  color: transparent;
  cursor: progress;
`, Qn = Se`
  transition: all 150ms ease-out;
  transform: translate3d(0, 0, 0);

  &:hover {
    transform: translate3d(0, -2px, 0);
  }

  &:active {
    transform: translate3d(0, 0, 0);
  }
`, Lt = {
  rotate360: Kn,
  glow: Pt,
  float: Xn,
  jiggle: Zn,
  inlineGlow: qn,
  hoverable: Qn
};

// src/theming/modules/syntax.ts
var Nt = {
  BASE_FONT_FAMILY: "Menlo, monospace",
  BASE_FONT_SIZE: "11px",
  BASE_LINE_HEIGHT: 1.2,
  BASE_BACKGROUND_COLOR: "rgb(36, 36, 36)",
  BASE_COLOR: "rgb(213, 213, 213)",
  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
  OBJECT_NAME_COLOR: "rgb(227, 110, 236)",
  OBJECT_VALUE_NULL_COLOR: "rgb(127, 127, 127)",
  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(127, 127, 127)",
  OBJECT_VALUE_REGEXP_COLOR: "rgb(233, 63, 59)",
  OBJECT_VALUE_STRING_COLOR: "rgb(233, 63, 59)",
  OBJECT_VALUE_SYMBOL_COLOR: "rgb(233, 63, 59)",
  OBJECT_VALUE_NUMBER_COLOR: "hsl(252, 100%, 75%)",
  OBJECT_VALUE_BOOLEAN_COLOR: "hsl(252, 100%, 75%)",
  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(85, 106, 242)",
  HTML_TAG_COLOR: "rgb(93, 176, 215)",
  HTML_TAGNAME_COLOR: "rgb(93, 176, 215)",
  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
  HTML_ATTRIBUTE_NAME_COLOR: "rgb(155, 187, 220)",
  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(242, 151, 102)",
  HTML_COMMENT_COLOR: "rgb(137, 137, 137)",
  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
  ARROW_COLOR: "rgb(145, 145, 145)",
  ARROW_MARGIN_RIGHT: 3,
  ARROW_FONT_SIZE: 12,
  ARROW_ANIMATION_DURATION: "0",
  TREENODE_FONT_FAMILY: "Menlo, monospace",
  TREENODE_FONT_SIZE: "11px",
  TREENODE_LINE_HEIGHT: 1.2,
  TREENODE_PADDING_LEFT: 12,
  TABLE_BORDER_COLOR: "rgb(85, 85, 85)",
  TABLE_TH_BACKGROUND_COLOR: "rgb(44, 44, 44)",
  TABLE_TH_HOVER_COLOR: "rgb(48, 48, 48)",
  TABLE_SORT_ICON_COLOR: "black",
  // 'rgb(48, 57, 66)',
  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",
  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
}, kt = {
  BASE_FONT_FAMILY: "Menlo, monospace",
  BASE_FONT_SIZE: "11px",
  BASE_LINE_HEIGHT: 1.2,
  BASE_BACKGROUND_COLOR: "white",
  BASE_COLOR: "black",
  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
  OBJECT_NAME_COLOR: "rgb(136, 19, 145)",
  OBJECT_VALUE_NULL_COLOR: "rgb(128, 128, 128)",
  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(128, 128, 128)",
  OBJECT_VALUE_REGEXP_COLOR: "rgb(196, 26, 22)",
  OBJECT_VALUE_STRING_COLOR: "rgb(196, 26, 22)",
  OBJECT_VALUE_SYMBOL_COLOR: "rgb(196, 26, 22)",
  OBJECT_VALUE_NUMBER_COLOR: "rgb(28, 0, 207)",
  OBJECT_VALUE_BOOLEAN_COLOR: "rgb(28, 0, 207)",
  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(13, 34, 170)",
  HTML_TAG_COLOR: "rgb(168, 148, 166)",
  HTML_TAGNAME_COLOR: "rgb(136, 18, 128)",
  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
  HTML_ATTRIBUTE_NAME_COLOR: "rgb(153, 69, 0)",
  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(26, 26, 166)",
  HTML_COMMENT_COLOR: "rgb(35, 110, 37)",
  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
  ARROW_COLOR: "#6e6e6e",
  ARROW_MARGIN_RIGHT: 3,
  ARROW_FONT_SIZE: 12,
  ARROW_ANIMATION_DURATION: "0",
  TREENODE_FONT_FAMILY: "Menlo, monospace",
  TREENODE_FONT_SIZE: "11px",
  TREENODE_LINE_HEIGHT: 1.2,
  TREENODE_PADDING_LEFT: 12,
  TABLE_BORDER_COLOR: "#aaa",
  TABLE_TH_BACKGROUND_COLOR: "#eee",
  TABLE_TH_HOVER_COLOR: "hsla(0, 0%, 90%, 1)",
  TABLE_SORT_ICON_COLOR: "#6e6e6e",
  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",
  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
}, eo = /* @__PURE__ */ o((e) => Object.entries(e).reduce((r, [t, n]) => ({ ...r, [t]: Pr(n) }), {}), "convertColors"), Mt = /* @__PURE__ */ o(({ colors: e, mono: r }) => {
  let t = eo(e);
  return {
    token: {
      fontFamily: r,
      WebkitFontSmoothing: "antialiased",
      "&.tag": t.red3,
      "&.comment": { ...t.green1, fontStyle: "italic" },
      "&.prolog": { ...t.green1, fontStyle: "italic" },
      "&.doctype": { ...t.green1, fontStyle: "italic" },
      "&.cdata": { ...t.green1, fontStyle: "italic" },
      "&.string": t.red1,
      "&.url": t.cyan1,
      "&.symbol": t.cyan1,
      "&.number": t.cyan1,
      "&.boolean": t.cyan1,
      "&.variable": t.cyan1,
      "&.constant": t.cyan1,
      "&.inserted": t.cyan1,
      "&.atrule": t.blue1,
      "&.keyword": t.blue1,
      "&.attr-value": t.blue1,
      "&.punctuation": t.gray1,
      "&.operator": t.gray1,
      "&.function": t.gray1,
      "&.deleted": t.red2,
      "&.important": {
        fontWeight: "bold"
      },
      "&.bold": {
        fontWeight: "bold"
      },
      "&.italic": {
        fontStyle: "italic"
      },
      "&.class-name": t.cyan2,
      "&.selector": t.red3,
      "&.attr-name": t.red4,
      "&.property": t.red4,
      "&.regex": t.red4,
      "&.entity": t.red4,
      "&.directive.tag .tag": {
        background: "#ffff00",
        ...t.gray1
      }
    },
    "language-json .token.boolean": t.blue1,
    "language-json .token.number": t.blue1,
    "language-json .token.property": t.cyan2,
    namespace: {
      opacity: 0.7
    }
  };
}, "create");

// src/theming/convert.ts
var ro = {
  green1: "#008000",
  red1: "#A31515",
  red2: "#9a050f",
  red3: "#800000",
  red4: "#ff0000",
  gray1: "#393A34",
  cyan1: "#36acaa",
  cyan2: "#2B91AF",
  blue1: "#0000ff",
  blue2: "#00009f"
}, to = {
  green1: "#7C7C7C",
  red1: "#92C379",
  red2: "#9a050f",
  red3: "#A8FF60",
  red4: "#96CBFE",
  gray1: "#EDEDED",
  cyan1: "#C6C5FE",
  cyan2: "#FFFFB6",
  blue1: "#B474DD",
  blue2: "#00009f"
}, no = /* @__PURE__ */ o((e) => ({
  // Changeable colors
  primary: e.colorPrimary,
  secondary: e.colorSecondary,
  tertiary: O.tertiary,
  ancillary: O.ancillary,
  // Complimentary
  orange: O.orange,
  gold: O.gold,
  green: O.green,
  seafoam: O.seafoam,
  purple: O.purple,
  ultraviolet: O.ultraviolet,
  // Monochrome
  lightest: O.lightest,
  lighter: O.lighter,
  light: O.light,
  mediumlight: O.mediumlight,
  medium: O.medium,
  mediumdark: O.mediumdark,
  dark: O.dark,
  darker: O.darker,
  darkest: O.darkest,
  // For borders
  border: O.border,
  // Status
  positive: O.positive,
  negative: O.negative,
  warning: O.warning,
  critical: O.critical,
  defaultText: e.textColor || O.darkest,
  inverseText: e.textInverseColor || O.lightest,
  positiveText: O.positiveText,
  negativeText: O.negativeText,
  warningText: O.warningText
}), "createColors"), _r = /* @__PURE__ */ o((e = Nr[Lr()]) => {
  let {
    base: r,
    colorPrimary: t,
    colorSecondary: n,
    appBg: a,
    appContentBg: i,
    appPreviewBg: s,
    appBorderColor: c,
    appBorderRadius: l,
    fontBase: d,
    fontCode: u,
    textColor: p,
    textInverseColor: w,
    barTextColor: M,
    barHoverColor: C,
    barSelectedColor: m,
    barBg: h,
    buttonBg: b,
    buttonBorder: R,
    booleanBg: L,
    booleanSelectedBg: _,
    inputBg: I,
    inputBorder: A,
    inputTextColor: E,
    inputBorderRadius: ie,
    brandTitle: se,
    brandUrl: G,
    brandImage: j,
    brandTarget: qe,
    gridCellSize: Qe,
    ...er
  } = e;
  return {
    ...er,
    base: r,
    color: no(e),
    background: {
      app: a,
      bar: h,
      content: i,
      preview: s,
      gridCellSize: Qe || X.gridCellSize,
      hoverable: X.hoverable,
      positive: X.positive,
      negative: X.negative,
      warning: X.warning,
      critical: X.critical
    },
    typography: {
      fonts: {
        base: d,
        mono: u
      },
      weight: xe.weight,
      size: xe.size
    },
    animation: Lt,
    easing: wt,
    input: {
      background: I,
      border: A,
      borderRadius: ie,
      color: E
    },
    button: {
      background: b || I,
      border: R || A
    },
    boolean: {
      background: L || A,
      selectedBackground: _ || I
    },
    // UI
    layoutMargin: 10,
    appBorderColor: c,
    appBorderRadius: l,
    // Toolbar default/active colors
    barTextColor: M,
    barHoverColor: C || n,
    barSelectedColor: m || n,
    barBg: h,
    // Brand logo/text
    brand: {
      title: se,
      url: G,
      image: j || (se ? null : void 0),
      target: qe
    },
    code: Mt({
      colors: r === "light" ? ro : to,
      mono: u
    }),
    // Addon actions theme
    // API example https://github.com/storybookjs/react-inspector/blob/master/src/styles/themes/chromeLight.tsx
    addonActionsTheme: {
      ...r === "light" ? kt : Nt,
      BASE_FONT_FAMILY: u,
      BASE_FONT_SIZE: xe.size.s2 - 1,
      BASE_LINE_HEIGHT: "18px",
      BASE_BACKGROUND_COLOR: "transparent",
      BASE_COLOR: p,
      ARROW_COLOR: wr(0.2, c),
      ARROW_MARGIN_RIGHT: 4,
      ARROW_FONT_SIZE: 8,
      TREENODE_FONT_FAMILY: u,
      TREENODE_FONT_SIZE: xe.size.s2 - 1,
      TREENODE_LINE_HEIGHT: "18px",
      TREENODE_PADDING_LEFT: 12
    }
  };
}, "convert");

// src/theming/ensure.ts
import { logger as co } from "storybook/internal/client-logger";

// ../node_modules/deep-object-diff/mjs/utils.js
var Cr = /* @__PURE__ */ o((e) => Object.keys(e).length === 0, "isEmpty"), ae = /* @__PURE__ */ o((e) => e != null && typeof e == "object", "isObject"), Ae = /* @__PURE__ */ o((e, ...r) => Object.prototype.hasOwnProperty.call(e, ...r), "hasOwnProperty");
var ve = /* @__PURE__ */ o(() => /* @__PURE__ */ Object.create(null), "makeObjectWithoutPrototype");

// ../node_modules/deep-object-diff/mjs/deleted.js
var It = /* @__PURE__ */ o((e, r) => e === r || !ae(e) || !ae(r) ? {} : Object.keys(e).reduce((t, n) => {
  if (Ae(r, n)) {
    let a = It(e[n], r[n]);
    return ae(a) && Cr(a) || (t[n] = a), t;
  }
  return t[n] = void 0, t;
}, ve()), "deletedDiff"), Ze = It;

// src/theming/ensure.ts
var is = /* @__PURE__ */ o((e) => {
  if (!e)
    return _r(nr);
  let r = Ze(nr, e);
  return Object.keys(r).length && co.warn(
    vr`
          Your theme is missing properties, you should update your theme!

          theme-data missing:
        `,
    r
  ), _r(e);
}, "ensure");

// src/theming/index.ts
var fs = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
export {
  Et as CacheProvider,
  Un as ClassNames,
  $n as Global,
  Tt as ThemeProvider,
  X as background,
  O as color,
  _r as convert,
  fo as create,
  cr as createCache,
  Jn as createGlobal,
  vt as createReset,
  Se as css,
  Qt as darken,
  is as ensure,
  fs as ignoreSsrWarning,
  xr as isPropValid,
  Er as jsx,
  be as keyframes,
  qt as lighten,
  Tr as styled,
  Nr as themes,
  xe as typography,
  xt as useTheme,
  Ot as withTheme
};
