import { jsx as $e } from "react/jsx-runtime";
import * as M from "react";
import { forwardRef as Ee, useContext as Oe } from "react";
function ee() {
  return ee = Object.assign ? Object.assign.bind() : function(e) {
    for (var r = 1; r < arguments.length; r++) {
      var t = arguments[r];
      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
    }
    return e;
  }, ee.apply(null, arguments);
}
function me(e) {
  var r = /* @__PURE__ */ Object.create(null);
  return function(t) {
    return r[t] === void 0 && (r[t] = e(t)), r[t];
  };
}
var Te = /^((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)-.*))$/, Re = /* @__PURE__ */ me(
  function(e) {
    return Te.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
  }
  /* Z+1 */
), _e = !1;
function Me(e) {
  if (e.sheet)
    return e.sheet;
  for (var r = 0; r < document.styleSheets.length; r++)
    if (document.styleSheets[r].ownerNode === e)
      return document.styleSheets[r];
}
function Ie(e) {
  var r = document.createElement("style");
  return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
}
var Ne = /* @__PURE__ */ 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 ? !_e : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
  }
  var r = e.prototype;
  return r.hydrate = function(n) {
    n.forEach(this._insertTag);
  }, r.insert = function(n) {
    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ie(this));
    var a = this.tags[this.tags.length - 1];
    if (this.isSpeedy) {
      var i = Me(a);
      try {
        i.insertRule(n, i.cssRules.length);
      } catch {
      }
    } else
      a.appendChild(document.createTextNode(n));
    this.ctr++;
  }, r.flush = function() {
    this.tags.forEach(function(n) {
      var a;
      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
    }), this.tags = [], this.ctr = 0;
  }, e;
}(), S = "-ms-", Y = "-moz-", l = "-webkit-", ge = "comm", ae = "rule", ie = "decl", Fe = "@import", ye = "@keyframes", Le = "@layer", De = Math.abs, K = String.fromCharCode, ze = Object.assign;
function We(e, r) {
  return w(e, 0) ^ 45 ? (((r << 2 ^ w(e, 0)) << 2 ^ w(e, 1)) << 2 ^ w(e, 2)) << 2 ^ w(e, 3) : 0;
}
function be(e) {
  return e.trim();
}
function He(e, r) {
  return (e = r.exec(e)) ? e[0] : e;
}
function u(e, r, t) {
  return e.replace(r, t);
}
function re(e, r) {
  return e.indexOf(r);
}
function w(e, r) {
  return e.charCodeAt(r) | 0;
}
function z(e, r, t) {
  return e.slice(r, t);
}
function T(e) {
  return e.length;
}
function se(e) {
  return e.length;
}
function U(e, r) {
  return r.push(e), e;
}
function Ge(e, r) {
  return e.map(r).join("");
}
var Z = 1, F = 1, ve = 0, C = 0, x = 0, L = "";
function J(e, r, t, n, a, i, s) {
  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: Z, column: F, length: s, return: "" };
}
function D(e, r) {
  return ze(J("", null, null, "", null, null, 0), e, { length: -e.length }, r);
}
function je() {
  return x;
}
function Be() {
  return x = C > 0 ? w(L, --C) : 0, F--, x === 10 && (F = 1, Z--), x;
}
function $() {
  return x = C < ve ? w(L, C++) : 0, F++, x === 10 && (F = 1, Z++), x;
}
function _() {
  return w(L, C);
}
function q() {
  return C;
}
function G(e, r) {
  return z(L, e, r);
}
function W(e) {
  switch (e) {
    case 0:
    case 9:
    case 10:
    case 13:
    case 32:
      return 5;
    case 33:
    case 43:
    case 44:
    case 47:
    case 62:
    case 64:
    case 126:
    case 59:
    case 123:
    case 125:
      return 4;
    case 58:
      return 3;
    case 34:
    case 39:
    case 40:
    case 91:
      return 2;
    case 41:
    case 93:
      return 1;
  }
  return 0;
}
function xe(e) {
  return Z = F = 1, ve = T(L = e), C = 0, [];
}
function we(e) {
  return L = "", e;
}
function V(e) {
  return be(G(C - 1, te(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function Ue(e) {
  for (; (x = _()) && x < 33; )
    $();
  return W(e) > 2 || W(x) > 3 ? "" : " ";
}
function qe(e, r) {
  for (; --r && $() && !(x < 48 || x > 102 || x > 57 && x < 65 || x > 70 && x < 97); )
    ;
  return G(e, q() + (r < 6 && _() == 32 && $() == 32));
}
function te(e) {
  for (; $(); )
    switch (x) {
      case e:
        return C;
      case 34:
      case 39:
        e !== 34 && e !== 39 && te(x);
        break;
      case 40:
        e === 41 && te(e);
        break;
      case 92:
        $();
        break;
    }
  return C;
}
function Ve(e, r) {
  for (; $() && e + x !== 57; )
    if (e + x === 84 && _() === 47)
      break;
  return "/*" + G(r, C - 1) + "*" + K(e === 47 ? e : $());
}
function Xe(e) {
  for (; !W(_()); )
    $();
  return G(e, C);
}
function Ye(e) {
  return we(X("", null, null, null, [""], e = xe(e), 0, [0], e));
}
function X(e, r, t, n, a, i, s, c, p) {
  for (var g = 0, f = 0, d = s, O = 0, P = 0, m = 0, o = 1, b = 1, y = 1, v = 0, k = "", I = a, E = i, A = n, h = k; b; )
    switch (m = v, v = $()) {
      case 40:
        if (m != 108 && w(h, d - 1) == 58) {
          re(h += u(V(v), "&", "&\f"), "&\f") != -1 && (y = -1);
          break;
        }
      case 34:
      case 39:
      case 91:
        h += V(v);
        break;
      case 9:
      case 10:
      case 13:
      case 32:
        h += Ue(m);
        break;
      case 92:
        h += qe(q() - 1, 7);
        continue;
      case 47:
        switch (_()) {
          case 42:
          case 47:
            U(Ke(Ve($(), q()), r, t), p);
            break;
          default:
            h += "/";
        }
        break;
      case 123 * o:
        c[g++] = T(h) * y;
      case 125 * o:
      case 59:
      case 0:
        switch (v) {
          case 0:
          case 125:
            b = 0;
          case 59 + f:
            y == -1 && (h = u(h, /\f/g, "")), P > 0 && T(h) - d && U(P > 32 ? ce(h + ";", n, t, d - 1) : ce(u(h, " ", "") + ";", n, t, d - 2), p);
            break;
          case 59:
            h += ";";
          default:
            if (U(A = oe(h, r, t, g, f, a, c, k, I = [], E = [], d), i), v === 123)
              if (f === 0)
                X(h, r, A, A, I, i, d, c, E);
              else
                switch (O === 99 && w(h, 3) === 110 ? 100 : O) {
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    X(e, A, A, n && U(oe(e, A, A, 0, 0, a, c, k, a, I = [], d), E), a, E, d, c, n ? I : E);
                    break;
                  default:
                    X(h, A, A, A, [""], E, 0, c, E);
                }
        }
        g = f = P = 0, o = y = 1, k = h = "", d = s;
        break;
      case 58:
        d = 1 + T(h), P = m;
      default:
        if (o < 1) {
          if (v == 123)
            --o;
          else if (v == 125 && o++ == 0 && Be() == 125)
            continue;
        }
        switch (h += K(v), v * o) {
          case 38:
            y = f > 0 ? 1 : (h += "\f", -1);
            break;
          case 44:
            c[g++] = (T(h) - 1) * y, y = 1;
            break;
          case 64:
            _() === 45 && (h += V($())), O = _(), f = d = T(k = h += Xe(q())), v++;
            break;
          case 45:
            m === 45 && T(h) == 2 && (o = 0);
        }
    }
  return i;
}
function oe(e, r, t, n, a, i, s, c, p, g, f) {
  for (var d = a - 1, O = a === 0 ? i : [""], P = se(O), m = 0, o = 0, b = 0; m < n; ++m)
    for (var y = 0, v = z(e, d + 1, d = De(o = s[m])), k = e; y < P; ++y)
      (k = be(o > 0 ? O[y] + " " + v : u(v, /&\f/g, O[y]))) && (p[b++] = k);
  return J(e, r, t, a === 0 ? ae : c, p, g, f);
}
function Ke(e, r, t) {
  return J(e, r, t, ge, K(je()), z(e, 2, -2), 0);
}
function ce(e, r, t, n) {
  return J(e, r, t, ie, z(e, 0, n), z(e, n + 1, -1), n);
}
function N(e, r) {
  for (var t = "", n = se(e), a = 0; a < n; a++)
    t += r(e[a], a, e, r) || "";
  return t;
}
function Ze(e, r, t, n) {
  switch (e.type) {
    case Le:
      if (e.children.length) break;
    case Fe:
    case ie:
      return e.return = e.return || e.value;
    case ge:
      return "";
    case ye:
      return e.return = e.value + "{" + N(e.children, n) + "}";
    case ae:
      e.value = e.props.join(",");
  }
  return T(t = N(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
}
function Je(e) {
  var r = se(e);
  return function(t, n, a, i) {
    for (var s = "", c = 0; c < r; c++)
      s += e[c](t, n, a, i) || "";
    return s;
  };
}
function Qe(e) {
  return function(r) {
    r.root || (r = r.return) && e(r);
  };
}
var er = function(r, t, n) {
  for (var a = 0, i = 0; a = i, i = _(), a === 38 && i === 12 && (t[n] = 1), !W(i); )
    $();
  return G(r, C);
}, rr = function(r, t) {
  var n = -1, a = 44;
  do
    switch (W(a)) {
      case 0:
        a === 38 && _() === 12 && (t[n] = 1), r[n] += er(C - 1, t, n);
        break;
      case 2:
        r[n] += V(a);
        break;
      case 4:
        if (a === 44) {
          r[++n] = _() === 58 ? "&\f" : "", t[n] = r[n].length;
          break;
        }
      default:
        r[n] += K(a);
    }
  while (a = $());
  return r;
}, tr = function(r, t) {
  return we(rr(xe(r), t));
}, fe = /* @__PURE__ */ new WeakMap(), nr = 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 && !fe.get(n)) && !a) {
      fe.set(r, !0);
      for (var i = [], s = tr(t, i), c = n.props, p = 0, g = 0; p < s.length; p++)
        for (var f = 0; f < c.length; f++, g++)
          r.props[g] = i[p] ? s[p].replace(/&\f/g, c[f]) : c[f] + " " + s[p];
    }
  }
}, ar = function(r) {
  if (r.type === "decl") {
    var t = r.value;
    // charcode for l
    t.charCodeAt(0) === 108 && // charcode for b
    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
  }
};
function ke(e, r) {
  switch (We(e, r)) {
    case 5103:
      return l + "print-" + e + e;
    case 5737:
    case 4201:
    case 3177:
    case 3433:
    case 1641:
    case 4457:
    case 2921:
    case 5572:
    case 6356:
    case 5844:
    case 3191:
    case 6645:
    case 3005:
    case 6391:
    case 5879:
    case 5623:
    case 6135:
    case 4599:
    case 4855:
    case 4215:
    case 6389:
    case 5109:
    case 5365:
    case 5621:
    case 3829:
      return l + e + e;
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return l + e + Y + e + S + e + e;
    case 6828:
    case 4268:
      return l + e + S + e + e;
    case 6165:
      return l + e + S + "flex-" + e + e;
    case 5187:
      return l + e + u(e, /(\w+).+(:[^]+)/, l + "box-$1$2" + S + "flex-$1$2") + e;
    case 5443:
      return l + e + S + "flex-item-" + u(e, /flex-|-self/, "") + e;
    case 4675:
      return l + e + S + "flex-line-pack" + u(e, /align-content|flex-|-self/, "") + e;
    case 5548:
      return l + e + S + u(e, "shrink", "negative") + e;
    case 5292:
      return l + e + S + u(e, "basis", "preferred-size") + e;
    case 6060:
      return l + "box-" + u(e, "-grow", "") + l + e + S + u(e, "grow", "positive") + e;
    case 4554:
      return l + u(e, /([^-])(transform)/g, "$1" + l + "$2") + e;
    case 6187:
      return u(u(u(e, /(zoom-|grab)/, l + "$1"), /(image-set)/, l + "$1"), e, "") + e;
    case 5495:
    case 3959:
      return u(e, /(image-set\([^]*)/, l + "$1$`$1");
    case 4968:
      return u(u(e, /(.+:)(flex-)?(.*)/, l + "box-pack:$3" + S + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + l + e + e;
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return u(e, /(.+)-inline(.+)/, l + "$1$2") + e;
    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 (T(e) - 1 - r > 6) switch (w(e, r + 1)) {
        case 109:
          if (w(e, r + 4) !== 45) break;
        case 102:
          return u(e, /(.+:)(.+)-([^]+)/, "$1" + l + "$2-$3$1" + Y + (w(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
        case 115:
          return ~re(e, "stretch") ? ke(u(e, "stretch", "fill-available"), r) + e : e;
      }
      break;
    case 4949:
      if (w(e, r + 1) !== 115) break;
    case 6444:
      switch (w(e, T(e) - 3 - (~re(e, "!important") && 10))) {
        case 107:
          return u(e, ":", ":" + l) + e;
        case 101:
          return u(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + l + (w(e, 14) === 45 ? "inline-" : "") + "box$3$1" + l + "$2$3$1" + S + "$2box$3") + e;
      }
      break;
    case 5936:
      switch (w(e, r + 11)) {
        case 114:
          return l + e + S + u(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
        case 108:
          return l + e + S + u(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
        case 45:
          return l + e + S + u(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
      }
      return l + e + S + e + e;
  }
  return e;
}
var ir = function(r, t, n, a) {
  if (r.length > -1 && !r.return) switch (r.type) {
    case ie:
      r.return = ke(r.value, r.length);
      break;
    case ye:
      return N([D(r, {
        value: u(r.value, "@", "@" + l)
      })], a);
    case ae:
      if (r.length) return Ge(r.props, function(i) {
        switch (He(i, /(::plac\w+|:read-\w+)/)) {
          case ":read-only":
          case ":read-write":
            return N([D(r, {
              props: [u(i, /:(read-\w+)/, ":" + Y + "$1")]
            })], a);
          case "::placeholder":
            return N([D(r, {
              props: [u(i, /:(plac\w+)/, ":" + l + "input-$1")]
            }), D(r, {
              props: [u(i, /:(plac\w+)/, ":" + Y + "$1")]
            }), D(r, {
              props: [u(i, /:(plac\w+)/, S + "input-$1")]
            })], a);
        }
        return "";
      });
  }
}, sr = [ir], or = 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(o) {
      var b = o.getAttribute("data-emotion");
      b.indexOf(" ") !== -1 && (document.head.appendChild(o), o.setAttribute("data-s", ""));
    });
  }
  var a = r.stylisPlugins || sr, 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(o) {
      for (var b = o.getAttribute("data-emotion").split(" "), y = 1; y < b.length; y++)
        i[b[y]] = !0;
      c.push(o);
    }
  );
  var p, g = [nr, ar];
  {
    var f, d = [Ze, Qe(function(o) {
      f.insert(o);
    })], O = Je(g.concat(a, d)), P = function(b) {
      return N(Ye(b), O);
    };
    p = function(b, y, v, k) {
      f = v, P(b ? b + "{" + y.styles + "}" : y.styles), k && (m.inserted[y.name] = !0);
    };
  }
  var m = {
    key: t,
    sheet: new Ne({
      key: t,
      container: s,
      nonce: r.nonce,
      speedy: r.speedy,
      prepend: r.prepend,
      insertionPoint: r.insertionPoint
    }),
    nonce: r.nonce,
    inserted: i,
    registered: {},
    insert: p
  };
  return m.sheet.hydrate(c), m;
}, cr = !0;
function fr(e, r, t) {
  var n = "";
  return t.split(" ").forEach(function(a) {
    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
  }), n;
}
var Se = 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
  cr === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
}, lr = function(r, t, n) {
  Se(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);
  }
};
function ur(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);
}
var dr = {
  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
}, hr = !1, pr = /[A-Z]|^ms/g, mr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ce = function(r) {
  return r.charCodeAt(1) === 45;
}, le = function(r) {
  return r != null && typeof r != "boolean";
}, Q = /* @__PURE__ */ me(function(e) {
  return Ce(e) ? e : e.replace(pr, "-$&").toLowerCase();
}), ue = function(r, t) {
  switch (r) {
    case "animation":
    case "animationName":
      if (typeof t == "string")
        return t.replace(mr, function(n, a, i) {
          return R = {
            name: a,
            styles: i,
            next: R
          }, a;
        });
  }
  return dr[r] !== 1 && !Ce(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
}, gr = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function H(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 R = {
          name: a.name,
          styles: a.styles,
          next: R
        }, a.name;
      var i = t;
      if (i.styles !== void 0) {
        var s = i.next;
        if (s !== void 0)
          for (; s !== void 0; )
            R = {
              name: s.name,
              styles: s.styles,
              next: R
            }, s = s.next;
        var c = i.styles + ";";
        return c;
      }
      return yr(e, r, t);
    }
    case "function": {
      if (e !== void 0) {
        var p = R, g = t(e);
        return R = p, H(e, r, g);
      }
      break;
    }
  }
  var f = t;
  if (r == null)
    return f;
  var d = r[f];
  return d !== void 0 ? d : f;
}
function yr(e, r, t) {
  var n = "";
  if (Array.isArray(t))
    for (var a = 0; a < t.length; a++)
      n += H(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] + "}" : le(c) && (n += Q(i) + ":" + ue(i, c) + ";");
      } else {
        if (i === "NO_COMPONENT_SELECTOR" && hr)
          throw new Error(gr);
        if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
          for (var p = 0; p < s.length; p++)
            le(s[p]) && (n += Q(i) + ":" + ue(i, s[p]) + ";");
        else {
          var g = H(e, r, s);
          switch (i) {
            case "animation":
            case "animationName": {
              n += Q(i) + ":" + g + ";";
              break;
            }
            default:
              n += i + "{" + g + "}";
          }
        }
      }
    }
  return n;
}
var de = /label:\s*([^\s;{]+)\s*(;|$)/g, R;
function br(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 = "";
  R = void 0;
  var i = e[0];
  if (i == null || i.raw === void 0)
    n = !1, a += H(t, r, i);
  else {
    var s = i;
    a += s[0];
  }
  for (var c = 1; c < e.length; c++)
    if (a += H(t, r, e[c]), n) {
      var p = i;
      a += p[c];
    }
  de.lastIndex = 0;
  for (var g = "", f; (f = de.exec(a)) !== null; )
    g += "-" + f[1];
  var d = ur(a) + g;
  return {
    name: d,
    styles: a,
    next: R
  };
}
var vr = function(r) {
  return r();
}, xr = M.useInsertionEffect ? M.useInsertionEffect : !1, wr = xr || vr, Pe = /* @__PURE__ */ M.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__ */ or({
    key: "css"
  }) : null
);
Pe.Provider;
var kr = function(r) {
  return /* @__PURE__ */ Ee(function(t, n) {
    var a = Oe(Pe);
    return r(t, a, n);
  });
}, Sr = /* @__PURE__ */ M.createContext({}), Cr = Re, Pr = function(r) {
  return r !== "theme";
}, he = 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 ? Cr : Pr;
}, pe = 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;
}, Ar = !1, $r = function(r) {
  var t = r.cache, n = r.serialized, a = r.isStringTag;
  return Se(t, n, a), wr(function() {
    return lr(t, n, a);
  }), null;
}, Er = 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 = pe(r, t, n), p = c || he(a), g = !p("as");
  return function() {
    var f = arguments, d = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
    if (i !== void 0 && d.push("label:" + i + ";"), f[0] == null || f[0].raw === void 0)
      d.push.apply(d, f);
    else {
      d.push(f[0][0]);
      for (var O = f.length, P = 1; P < O; P++)
        d.push(f[P], f[0][P]);
    }
    var m = kr(function(o, b, y) {
      var v = g && o.as || a, k = "", I = [], E = o;
      if (o.theme == null) {
        E = {};
        for (var A in o)
          E[A] = o[A];
        E.theme = M.useContext(Sr);
      }
      typeof o.className == "string" ? k = fr(b.registered, I, o.className) : o.className != null && (k = o.className + " ");
      var h = br(d.concat(I), b.registered, E);
      k += b.key + "-" + h.name, s !== void 0 && (k += " " + s);
      var Ae = g && c === void 0 ? he(v) : p, j = {};
      for (var B in o)
        g && B === "as" || Ae(B) && (j[B] = o[B]);
      return j.className = k, y && (j.ref = y), /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement($r, {
        cache: b,
        serialized: h,
        isStringTag: typeof v == "string"
      }), /* @__PURE__ */ M.createElement(v, j));
    });
    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 = d, m.__emotion_forwardProp = c, Object.defineProperty(m, "toString", {
      value: function() {
        return s === void 0 && Ar ? "NO_COMPONENT_SELECTOR" : "." + s;
      }
    }), m.withComponent = function(o, b) {
      return e(o, ee({}, t, b, {
        shouldForwardProp: pe(m, b, !0)
      })).apply(void 0, d);
    }, m;
  };
}, Or = [
  "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"
], ne = Er.bind();
Or.forEach(function(e) {
  ne[e] = ne(e);
});
const Tr = ne.div`
	display: ${(e) => e.display};
	flex-direction: ${(e) => e.flexDirection};
	flex-wrap: ${(e) => e.flexWrap};
	justify-content: ${(e) => e.justifyContent};
	align-items: ${(e) => e.alignItems};
	align-content: ${(e) => e.alignContent};
	gap: ${(e) => e.gap};
	row-gap: ${(e) => e.rowGap};
	column-gap: ${(e) => e.columnGap};
	flex: ${(e) => e.flex};
	flex-grow: ${(e) => e.flexGrow};
	flex-shrink: ${(e) => e.flexShrink};
	flex-basis: ${(e) => e.flexBasis};
	flex-flow: ${(e) => e.flexFlow};
	align-self: ${(e) => e.alignSelf};
	order: ${(e) => e.order};
`, Mr = (e) => {
  const { style: r, children: t, ...n } = e;
  return /* @__PURE__ */ $e(Tr, { style: r, ...n, children: t });
};
export {
  Mr as Box
};