react-code-snippet-player/dist/index.es.js

A beautiful, animated React component to display code snippets with elegant tabs, typing effects, and syntax highlighting. Powered by [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) and [framer-motion](http

import fo, { useDebugValue as be, createElement as dn, useRef as gn, useContext as un, useState as oo, useEffect as fe } from "react";
import { motion as je, AnimatePresence as he } from "framer-motion";
import { Prism as pn } from "react-syntax-highlighter";
var To = { exports: {} }, zo = {};
/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var me;
function bn() {
  if (me) return zo;
  me = 1;
  var o = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
  function n(r, a, t) {
    var l = null;
    if (t !== void 0 && (l = "" + t), a.key !== void 0 && (l = "" + a.key), "key" in a) {
      t = {};
      for (var s in a)
        s !== "key" && (t[s] = a[s]);
    } else t = a;
    return a = t.ref, {
      $$typeof: o,
      type: r,
      key: l,
      ref: a !== void 0 ? a : null,
      props: t
    };
  }
  return zo.Fragment = e, zo.jsx = n, zo.jsxs = n, zo;
}
var Mo = {};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var ke;
function fn() {
  return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
    function o(c) {
      if (c == null) return null;
      if (typeof c == "function")
        return c.$$typeof === vo ? null : c.displayName || c.name || null;
      if (typeof c == "string") return c;
      switch (c) {
        case M:
          return "Fragment";
        case T:
          return "Profiler";
        case D:
          return "StrictMode";
        case C:
          return "Suspense";
        case b:
          return "SuspenseList";
        case Y:
          return "Activity";
      }
      if (typeof c == "object")
        switch (typeof c.tag == "number" && console.error(
          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
        ), c.$$typeof) {
          case z:
            return "Portal";
          case A:
            return (c.displayName || "Context") + ".Provider";
          case x:
            return (c._context.displayName || "Context") + ".Consumer";
          case v:
            var d = c.render;
            return c = c.displayName, c || (c = d.displayName || d.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
          case g:
            return d = c.displayName || null, d !== null ? d : o(c.type) || "Memo";
          case W:
            d = c._payload, c = c._init;
            try {
              return o(c(d));
            } catch {
            }
        }
      return null;
    }
    function e(c) {
      return "" + c;
    }
    function n(c) {
      try {
        e(c);
        var d = !1;
      } catch {
        d = !0;
      }
      if (d) {
        d = console;
        var k = d.error, F = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
        return k.call(
          d,
          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
          F
        ), e(c);
      }
    }
    function r(c) {
      if (c === M) return "<>";
      if (typeof c == "object" && c !== null && c.$$typeof === W)
        return "<...>";
      try {
        var d = o(c);
        return d ? "<" + d + ">" : "<...>";
      } catch {
        return "<...>";
      }
    }
    function a() {
      var c = no.A;
      return c === null ? null : c.getOwner();
    }
    function t() {
      return Error("react-stack-top-frame");
    }
    function l(c) {
      if (go.call(c, "key")) {
        var d = Object.getOwnPropertyDescriptor(c, "key").get;
        if (d && d.isReactWarning) return !1;
      }
      return c.key !== void 0;
    }
    function s(c, d) {
      function k() {
        u || (u = !0, console.error(
          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
          d
        ));
      }
      k.isReactWarning = !0, Object.defineProperty(c, "key", {
        get: k,
        configurable: !0
      });
    }
    function i() {
      var c = o(this.type);
      return q[c] || (q[c] = !0, console.error(
        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
      )), c = this.props.ref, c !== void 0 ? c : null;
    }
    function w(c, d, k, F, I, N, Q, X) {
      return k = N.ref, c = {
        $$typeof: y,
        type: c,
        key: d,
        props: N,
        _owner: I
      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(c, "ref", {
        enumerable: !1,
        get: i
      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: 0
      }), Object.defineProperty(c, "_debugInfo", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: null
      }), Object.defineProperty(c, "_debugStack", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: Q
      }), Object.defineProperty(c, "_debugTask", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: X
      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
    }
    function h(c, d, k, F, I, N, Q, X) {
      var R = d.children;
      if (R !== void 0)
        if (F)
          if (uo(R)) {
            for (F = 0; F < R.length; F++)
              m(R[F]);
            Object.freeze && Object.freeze(R);
          } else
            console.error(
              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
            );
        else m(R);
      if (go.call(d, "key")) {
        R = o(c);
        var L = Object.keys(d).filter(function(po) {
          return po !== "key";
        });
        F = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", j[R + F] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
          `A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,
          F,
          R,
          L,
          R
        ), j[R + F] = !0);
      }
      if (R = null, k !== void 0 && (n(k), R = "" + k), l(d) && (n(d.key), R = "" + d.key), "key" in d) {
        k = {};
        for (var ao in d)
          ao !== "key" && (k[ao] = d[ao]);
      } else k = d;
      return R && s(
        k,
        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
      ), w(
        c,
        R,
        N,
        I,
        a(),
        k,
        Q,
        X
      );
    }
    function m(c) {
      typeof c == "object" && c !== null && c.$$typeof === y && c._store && (c._store.validated = 1);
    }
    var f = fo, y = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), A = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), vo = Symbol.for("react.client.reference"), no = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, go = Object.prototype.hasOwnProperty, uo = Array.isArray, ro = console.createTask ? console.createTask : function() {
      return null;
    };
    f = {
      "react-stack-bottom-frame": function(c) {
        return c();
      }
    };
    var u, q = {}, $ = f["react-stack-bottom-frame"].bind(
      f,
      t
    )(), K = ro(r(t)), j = {};
    Mo.Fragment = M, Mo.jsx = function(c, d, k, F, I) {
      var N = 1e4 > no.recentlyCreatedOwnerStacks++;
      return h(
        c,
        d,
        k,
        !1,
        F,
        I,
        N ? Error("react-stack-top-frame") : $,
        N ? ro(r(c)) : K
      );
    }, Mo.jsxs = function(c, d, k, F, I) {
      var N = 1e4 > no.recentlyCreatedOwnerStacks++;
      return h(
        c,
        d,
        k,
        !0,
        F,
        I,
        N ? Error("react-stack-top-frame") : $,
        N ? ro(r(c)) : K
      );
    };
  }()), Mo;
}
var ye;
function hn() {
  return ye || (ye = 1, process.env.NODE_ENV === "production" ? To.exports = bn() : To.exports = fn()), To.exports;
}
var E = hn(), P = function() {
  return P = Object.assign || function(e) {
    for (var n, r = 1, a = arguments.length; r < a; r++) {
      n = arguments[r];
      for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
    }
    return e;
  }, P.apply(this, arguments);
};
function ho(o, e, n) {
  if (n || arguments.length === 2) for (var r = 0, a = e.length, t; r < a; r++)
    (t || !(r in e)) && (t || (t = Array.prototype.slice.call(e, 0, r)), t[r] = e[r]);
  return o.concat(t || Array.prototype.slice.call(e));
}
function mn(o) {
  var e = /* @__PURE__ */ Object.create(null);
  return function(n) {
    return e[n] === void 0 && (e[n] = o(n)), e[n];
  };
}
var kn = /^((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|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)-.*))$/, yn = /* @__PURE__ */ mn(
  function(o) {
    return kn.test(o) || o.charCodeAt(0) === 111 && o.charCodeAt(1) === 110 && o.charCodeAt(2) < 91;
  }
  /* Z+1 */
), H = "-ms-", Ho = "-moz-", S = "-webkit-", Le = "comm", Vo = "rule", se = "decl", wn = "@import", Pe = "@keyframes", Sn = "@layer", Ie = Math.abs, de = String.fromCharCode, oe = Object.assign;
function xn(o, e) {
  return B(o, 0) ^ 45 ? (((e << 2 ^ B(o, 0)) << 2 ^ B(o, 1)) << 2 ^ B(o, 2)) << 2 ^ B(o, 3) : 0;
}
function _e(o) {
  return o.trim();
}
function J(o, e) {
  return (o = e.exec(o)) ? o[0] : o;
}
function p(o, e, n) {
  return o.replace(e, n);
}
function Bo(o, e, n) {
  return o.indexOf(e, n);
}
function B(o, e) {
  return o.charCodeAt(e) | 0;
}
function mo(o, e, n) {
  return o.slice(e, n);
}
function G(o) {
  return o.length;
}
function Ve(o) {
  return o.length;
}
function Co(o, e) {
  return e.push(o), o;
}
function An(o, e) {
  return o.map(e).join("");
}
function we(o, e) {
  return o.filter(function(n) {
    return !J(n, e);
  });
}
var Uo = 1, ko = 1, Ue = 0, _ = 0, O = 0, xo = "";
function Yo(o, e, n, r, a, t, l, s) {
  return { value: o, root: e, parent: n, type: r, props: a, children: t, line: Uo, column: ko, length: l, return: "", siblings: s };
}
function eo(o, e) {
  return oe(Yo("", null, null, "", null, null, 0, o.siblings), o, { length: -o.length }, e);
}
function bo(o) {
  for (; o.root; )
    o = eo(o.root, { children: [o] });
  Co(o, o.siblings);
}
function vn() {
  return O;
}
function zn() {
  return O = _ > 0 ? B(xo, --_) : 0, ko--, O === 10 && (ko = 1, Uo--), O;
}
function U() {
  return O = _ < Ue ? B(xo, _++) : 0, ko++, O === 10 && (ko = 1, Uo++), O;
}
function lo() {
  return B(xo, _);
}
function Do() {
  return _;
}
function $o(o, e) {
  return mo(xo, o, e);
}
function ee(o) {
  switch (o) {
    // \0 \t \n \r \s whitespace token
    case 0:
    case 9:
    case 10:
    case 13:
    case 32:
      return 5;
    // ! + , / > @ ~ isolate token
    case 33:
    case 43:
    case 44:
    case 47:
    case 62:
    case 64:
    case 126:
    // ; { } breakpoint token
    case 59:
    case 123:
    case 125:
      return 4;
    // : accompanied token
    case 58:
      return 3;
    // " ' ( [ opening delimit token
    case 34:
    case 39:
    case 40:
    case 91:
      return 2;
    // ) ] closing delimit token
    case 41:
    case 93:
      return 1;
  }
  return 0;
}
function Mn(o) {
  return Uo = ko = 1, Ue = G(xo = o), _ = 0, [];
}
function Cn(o) {
  return xo = "", o;
}
function Qo(o) {
  return _e($o(_ - 1, ne(o === 91 ? o + 2 : o === 40 ? o + 1 : o)));
}
function Hn(o) {
  for (; (O = lo()) && O < 33; )
    U();
  return ee(o) > 2 || ee(O) > 3 ? "" : " ";
}
function Tn(o, e) {
  for (; --e && U() && !(O < 48 || O > 102 || O > 57 && O < 65 || O > 70 && O < 97); )
    ;
  return $o(o, Do() + (e < 6 && lo() == 32 && U() == 32));
}
function ne(o) {
  for (; U(); )
    switch (O) {
      // ] ) " '
      case o:
        return _;
      // " '
      case 34:
      case 39:
        o !== 34 && o !== 39 && ne(O);
        break;
      // (
      case 40:
        o === 41 && ne(o);
        break;
      // \
      case 92:
        U();
        break;
    }
  return _;
}
function Rn(o, e) {
  for (; U() && o + O !== 57; )
    if (o + O === 84 && lo() === 47)
      break;
  return "/*" + $o(e, _ - 1) + "*" + de(o === 47 ? o : U());
}
function Wn(o) {
  for (; !ee(lo()); )
    U();
  return $o(o, _);
}
function Fn(o) {
  return Cn(No("", null, null, null, [""], o = Mn(o), 0, [0], o));
}
function No(o, e, n, r, a, t, l, s, i) {
  for (var w = 0, h = 0, m = l, f = 0, y = 0, z = 0, M = 1, D = 1, T = 1, x = 0, A = "", v = a, C = t, b = r, g = A; D; )
    switch (z = x, x = U()) {
      // (
      case 40:
        if (z != 108 && B(g, m - 1) == 58) {
          Bo(g += p(Qo(x), "&", "&\f"), "&\f", Ie(w ? s[w - 1] : 0)) != -1 && (T = -1);
          break;
        }
      // " ' [
      case 34:
      case 39:
      case 91:
        g += Qo(x);
        break;
      // \t \n \r \s
      case 9:
      case 10:
      case 13:
      case 32:
        g += Hn(z);
        break;
      // \
      case 92:
        g += Tn(Do() - 1, 7);
        continue;
      // /
      case 47:
        switch (lo()) {
          case 42:
          case 47:
            Co(On(Rn(U(), Do()), e, n, i), i);
            break;
          default:
            g += "/";
        }
        break;
      // {
      case 123 * M:
        s[w++] = G(g) * T;
      // } ; \0
      case 125 * M:
      case 59:
      case 0:
        switch (x) {
          // \0 }
          case 0:
          case 125:
            D = 0;
          // ;
          case 59 + h:
            T == -1 && (g = p(g, /\f/g, "")), y > 0 && G(g) - m && Co(y > 32 ? xe(g + ";", r, n, m - 1, i) : xe(p(g, " ", "") + ";", r, n, m - 2, i), i);
            break;
          // @ ;
          case 59:
            g += ";";
          // { rule/at-rule
          default:
            if (Co(b = Se(g, e, n, w, h, a, s, A, v = [], C = [], m, t), t), x === 123)
              if (h === 0)
                No(g, e, b, b, v, t, m, s, C);
              else
                switch (f === 99 && B(g, 3) === 110 ? 100 : f) {
                  // d l m s
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    No(o, b, b, r && Co(Se(o, b, b, 0, 0, a, s, A, a, v = [], m, C), C), a, C, m, s, r ? v : C);
                    break;
                  default:
                    No(g, b, b, b, [""], C, 0, s, C);
                }
        }
        w = h = y = 0, M = T = 1, A = g = "", m = l;
        break;
      // :
      case 58:
        m = 1 + G(g), y = z;
      default:
        if (M < 1) {
          if (x == 123)
            --M;
          else if (x == 125 && M++ == 0 && zn() == 125)
            continue;
        }
        switch (g += de(x), x * M) {
          // &
          case 38:
            T = h > 0 ? 1 : (g += "\f", -1);
            break;
          // ,
          case 44:
            s[w++] = (G(g) - 1) * T, T = 1;
            break;
          // @
          case 64:
            lo() === 45 && (g += Qo(U())), f = lo(), h = m = G(A = g += Wn(Do())), x++;
            break;
          // -
          case 45:
            z === 45 && G(g) == 2 && (M = 0);
        }
    }
  return t;
}
function Se(o, e, n, r, a, t, l, s, i, w, h, m) {
  for (var f = a - 1, y = a === 0 ? t : [""], z = Ve(y), M = 0, D = 0, T = 0; M < r; ++M)
    for (var x = 0, A = mo(o, f + 1, f = Ie(D = l[M])), v = o; x < z; ++x)
      (v = _e(D > 0 ? y[x] + " " + A : p(A, /&\f/g, y[x]))) && (i[T++] = v);
  return Yo(o, e, n, a === 0 ? Vo : s, i, w, h, m);
}
function On(o, e, n, r) {
  return Yo(o, e, n, Le, de(vn()), mo(o, 2, -2), 0, r);
}
function xe(o, e, n, r, a) {
  return Yo(o, e, n, se, mo(o, 0, r), mo(o, r + 1, -1), r, a);
}
function Ye(o, e, n) {
  switch (xn(o, e)) {
    // color-adjust
    case 5103:
      return S + "print-" + o + o;
    // 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 S + o + o;
    // tab-size
    case 4789:
      return Ho + o + o;
    // appearance, user-select, transform, hyphens, text-size-adjust
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return S + o + Ho + o + H + o + o;
    // writing-mode
    case 5936:
      switch (B(o, e + 11)) {
        // vertical-l(r)
        case 114:
          return S + o + H + p(o, /[svh]\w+-[tblr]{2}/, "tb") + o;
        // vertical-r(l)
        case 108:
          return S + o + H + p(o, /[svh]\w+-[tblr]{2}/, "tb-rl") + o;
        // horizontal(-)tb
        case 45:
          return S + o + H + p(o, /[svh]\w+-[tblr]{2}/, "lr") + o;
      }
    // flex, flex-direction, scroll-snap-type, writing-mode
    case 6828:
    case 4268:
    case 2903:
      return S + o + H + o + o;
    // order
    case 6165:
      return S + o + H + "flex-" + o + o;
    // align-items
    case 5187:
      return S + o + p(o, /(\w+).+(:[^]+)/, S + "box-$1$2" + H + "flex-$1$2") + o;
    // align-self
    case 5443:
      return S + o + H + "flex-item-" + p(o, /flex-|-self/g, "") + (J(o, /flex-|baseline/) ? "" : H + "grid-row-" + p(o, /flex-|-self/g, "")) + o;
    // align-content
    case 4675:
      return S + o + H + "flex-line-pack" + p(o, /align-content|flex-|-self/g, "") + o;
    // flex-shrink
    case 5548:
      return S + o + H + p(o, "shrink", "negative") + o;
    // flex-basis
    case 5292:
      return S + o + H + p(o, "basis", "preferred-size") + o;
    // flex-grow
    case 6060:
      return S + "box-" + p(o, "-grow", "") + S + o + H + p(o, "grow", "positive") + o;
    // transition
    case 4554:
      return S + p(o, /([^-])(transform)/g, "$1" + S + "$2") + o;
    // cursor
    case 6187:
      return p(p(p(o, /(zoom-|grab)/, S + "$1"), /(image-set)/, S + "$1"), o, "") + o;
    // background, background-image
    case 5495:
    case 3959:
      return p(o, /(image-set\([^]*)/, S + "$1$`$1");
    // justify-content
    case 4968:
      return p(p(o, /(.+:)(flex-)?(.*)/, S + "box-pack:$3" + H + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + S + o + o;
    // justify-self
    case 4200:
      if (!J(o, /flex-|baseline/)) return H + "grid-column-align" + mo(o, e) + o;
      break;
    // grid-template-(columns|rows)
    case 2592:
    case 3360:
      return H + p(o, "template-", "") + o;
    // grid-(row|column)-start
    case 4384:
    case 3616:
      return n && n.some(function(r, a) {
        return e = a, J(r.props, /grid-\w+-end/);
      }) ? ~Bo(o + (n = n[e].value), "span", 0) ? o : H + p(o, "-start", "") + o + H + "grid-row-span:" + (~Bo(n, "span", 0) ? J(n, /\d+/) : +J(n, /\d+/) - +J(o, /\d+/)) + ";" : H + p(o, "-start", "") + o;
    // grid-(row|column)-end
    case 4896:
    case 4128:
      return n && n.some(function(r) {
        return J(r.props, /grid-\w+-start/);
      }) ? o : H + p(p(o, "-end", "-span"), "span ", "") + o;
    // (margin|padding)-inline-(start|end)
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return p(o, /(.+)-inline(.+)/, S + "$1$2") + o;
    // (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 (G(o) - 1 - e > 6)
        switch (B(o, e + 1)) {
          // (m)ax-content, (m)in-content
          case 109:
            if (B(o, e + 4) !== 45)
              break;
          // (f)ill-available, (f)it-content
          case 102:
            return p(o, /(.+:)(.+)-([^]+)/, "$1" + S + "$2-$3$1" + Ho + (B(o, e + 3) == 108 ? "$3" : "$2-$3")) + o;
          // (s)tretch
          case 115:
            return ~Bo(o, "stretch", 0) ? Ye(p(o, "stretch", "fill-available"), e, n) + o : o;
        }
      break;
    // grid-(column|row)
    case 5152:
    case 5920:
      return p(o, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, a, t, l, s, i, w) {
        return H + a + ":" + t + w + (l ? H + a + "-span:" + (s ? i : +i - +t) + w : "") + o;
      });
    // position: sticky
    case 4949:
      if (B(o, e + 6) === 121)
        return p(o, ":", ":" + S) + o;
      break;
    // display: (flex|inline-flex|grid|inline-grid)
    case 6444:
      switch (B(o, B(o, 14) === 45 ? 18 : 11)) {
        // (inline-)?fle(x)
        case 120:
          return p(o, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + S + (B(o, 14) === 45 ? "inline-" : "") + "box$3$1" + S + "$2$3$1" + H + "$2box$3") + o;
        // (inline-)?gri(d)
        case 100:
          return p(o, ":", ":" + H) + o;
      }
      break;
    // scroll-margin, scroll-margin-(top|right|bottom|left)
    case 5719:
    case 2647:
    case 2135:
    case 3927:
    case 2391:
      return p(o, "scroll-", "scroll-snap-") + o;
  }
  return o;
}
function Po(o, e) {
  for (var n = "", r = 0; r < o.length; r++)
    n += e(o[r], r, o, e) || "";
  return n;
}
function En(o, e, n, r) {
  switch (o.type) {
    case Sn:
      if (o.children.length) break;
    case wn:
    case se:
      return o.return = o.return || o.value;
    case Le:
      return "";
    case Pe:
      return o.return = o.value + "{" + Po(o.children, r) + "}";
    case Vo:
      if (!G(o.value = o.props.join(","))) return "";
  }
  return G(n = Po(o.children, r)) ? o.return = o.value + "{" + n + "}" : "";
}
function Bn(o) {
  var e = Ve(o);
  return function(n, r, a, t) {
    for (var l = "", s = 0; s < e; s++)
      l += o[s](n, r, a, t) || "";
    return l;
  };
}
function Dn(o) {
  return function(e) {
    e.root || (e = e.return) && o(e);
  };
}
function Nn(o, e, n, r) {
  if (o.length > -1 && !o.return)
    switch (o.type) {
      case se:
        o.return = Ye(o.value, o.length, n);
        return;
      case Pe:
        return Po([eo(o, { value: p(o.value, "@", "@" + S) })], r);
      case Vo:
        if (o.length)
          return An(n = o.props, function(a) {
            switch (J(a, r = /(::plac\w+|:read-\w+)/)) {
              // :read-(only|write)
              case ":read-only":
              case ":read-write":
                bo(eo(o, { props: [p(a, /:(read-\w+)/, ":" + Ho + "$1")] })), bo(eo(o, { props: [a] })), oe(o, { props: we(n, r) });
                break;
              // :placeholder
              case "::placeholder":
                bo(eo(o, { props: [p(a, /:(plac\w+)/, ":" + S + "input-$1")] })), bo(eo(o, { props: [p(a, /:(plac\w+)/, ":" + Ho + "$1")] })), bo(eo(o, { props: [p(a, /:(plac\w+)/, H + "input-$1")] })), bo(eo(o, { props: [a] })), oe(o, { props: we(n, r) });
                break;
            }
            return "";
          });
    }
}
var jn = {}, so = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", $e = "active", Ge = "data-styled-version", Go = "6.1.19", ge = `/*!sc*/
`, Io = typeof window < "u" && typeof document < "u", Ln = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Ae = /invalid hook call/i, Ro = /* @__PURE__ */ new Set(), Pn = function(o, e) {
  if (process.env.NODE_ENV !== "production") {
    var n = e ? ' with the id of "'.concat(e, '"') : "", r = "The component ".concat(o).concat(n, ` has been created dynamically.
`) + `You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component.
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
`, a = console.error;
    try {
      var t = !0;
      console.error = function(l) {
        for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
        Ae.test(l) ? (t = !1, Ro.delete(r)) : a.apply(void 0, ho([l], s, !1));
      }, gn(), t && !Ro.has(r) && (console.warn(r), Ro.add(r));
    } catch (l) {
      Ae.test(l.message) && Ro.delete(r);
    } finally {
      console.error = a;
    }
  }
}, Ko = Object.freeze([]), yo = Object.freeze({});
function In(o, e, n) {
  return n === void 0 && (n = yo), o.theme !== n.theme && o.theme || e || n.theme;
}
var re = /* @__PURE__ */ new Set(["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", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "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", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), _n = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Vn = /(^-|-$)/g;
function ve(o) {
  return o.replace(_n, "-").replace(Vn, "");
}
var Un = /(a)(d)/gi, Wo = 52, ze = function(o) {
  return String.fromCharCode(o + (o > 25 ? 39 : 97));
};
function ae(o) {
  var e, n = "";
  for (e = Math.abs(o); e > Wo; e = e / Wo | 0) n = ze(e % Wo) + n;
  return (ze(e % Wo) + n).replace(Un, "$1-$2");
}
var Jo, Ke = 5381, to = function(o, e) {
  for (var n = e.length; n; ) o = 33 * o ^ e.charCodeAt(--n);
  return o;
}, Qe = function(o) {
  return to(Ke, o);
};
function Yn(o) {
  return ae(Qe(o) >>> 0);
}
function Je(o) {
  return process.env.NODE_ENV !== "production" && typeof o == "string" && o || o.displayName || o.name || "Component";
}
function qo(o) {
  return typeof o == "string" && (process.env.NODE_ENV === "production" || o.charAt(0) === o.charAt(0).toLowerCase());
}
var qe = typeof Symbol == "function" && Symbol.for, Xe = qe ? Symbol.for("react.memo") : 60115, $n = qe ? Symbol.for("react.forward_ref") : 60112, Gn = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Kn = {}, Ze = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Qn = ((Jo = {})[$n] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Jo[Xe] = Ze, Jo);
function Me(o) {
  return ("type" in (e = o) && e.type.$$typeof) === Xe ? Ze : "$$typeof" in o ? Qn[o.$$typeof] : Gn;
  var e;
}
var Jn = Object.defineProperty, qn = Object.getOwnPropertyNames, Ce = Object.getOwnPropertySymbols, Xn = Object.getOwnPropertyDescriptor, Zn = Object.getPrototypeOf, He = Object.prototype;
function on(o, e, n) {
  if (typeof e != "string") {
    if (He) {
      var r = Zn(e);
      r && r !== He && on(o, r, n);
    }
    var a = qn(e);
    Ce && (a = a.concat(Ce(e)));
    for (var t = Me(o), l = Me(e), s = 0; s < a.length; ++s) {
      var i = a[s];
      if (!(i in Kn || n && n[i] || l && i in l || t && i in t)) {
        var w = Xn(e, i);
        try {
          Jn(o, i, w);
        } catch {
        }
      }
    }
  }
  return o;
}
function wo(o) {
  return typeof o == "function";
}
function ue(o) {
  return typeof o == "object" && "styledComponentId" in o;
}
function co(o, e) {
  return o && e ? "".concat(o, " ").concat(e) : o || e || "";
}
function Te(o, e) {
  if (o.length === 0) return "";
  for (var n = o[0], r = 1; r < o.length; r++) n += o[r];
  return n;
}
function So(o) {
  return o !== null && typeof o == "object" && o.constructor.name === Object.name && !("props" in o && o.$$typeof);
}
function te(o, e, n) {
  if (n === void 0 && (n = !1), !n && !So(o) && !Array.isArray(o)) return e;
  if (Array.isArray(e)) for (var r = 0; r < e.length; r++) o[r] = te(o[r], e[r]);
  else if (So(e)) for (var r in e) o[r] = te(o[r], e[r]);
  return o;
}
function pe(o, e) {
  Object.defineProperty(o, "toString", { value: e });
}
var or = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.

`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.

- Are you trying to reuse it across renders?
- Are you accidentally calling collectStyles twice?

`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.

`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!

- Does this error occur on the client and is your target falsy?
- Does this error occur on the server and is the sheet falsy?

`, 5: `The clone method cannot be used on the client!

- Are you running in a client-like environment on the server?
- Are you trying to run SSR on the client?

`, 6: `Trying to insert a new style tag, but the given Node is unmounted!

- Are you using a custom target that isn't mounted?
- Does your document not have a valid head element?
- Have you accidentally removed a style tag manually?

`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.

`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021

`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.

`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.

`, 14: `ThemeProvider: "theme" prop is required.

`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
as for instance in your render method then you may be running into this limitation.

`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
Has styled-components' style tag been unmounted or altered by another script?
`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
function er() {
  for (var o = [], e = 0; e < arguments.length; e++) o[e] = arguments[e];
  for (var n = o[0], r = [], a = 1, t = o.length; a < t; a += 1) r.push(o[a]);
  return r.forEach(function(l) {
    n = n.replace(/%[a-z]/, l);
  }), n;
}
function Ao(o) {
  for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(o, " for more information.").concat(e.length > 0 ? " Args: ".concat(e.join(", ")) : "")) : new Error(er.apply(void 0, ho([or[o]], e, !1)).trim());
}
var nr = function() {
  function o(e) {
    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e;
  }
  return o.prototype.indexOfGroup = function(e) {
    for (var n = 0, r = 0; r < e; r++) n += this.groupSizes[r];
    return n;
  }, o.prototype.insertRules = function(e, n) {
    if (e >= this.groupSizes.length) {
      for (var r = this.groupSizes, a = r.length, t = a; e >= t; ) if ((t <<= 1) < 0) throw Ao(16, "".concat(e));
      this.groupSizes = new Uint32Array(t), this.groupSizes.set(r), this.length = t;
      for (var l = a; l < t; l++) this.groupSizes[l] = 0;
    }
    for (var s = this.indexOfGroup(e + 1), i = (l = 0, n.length); l < i; l++) this.tag.insertRule(s, n[l]) && (this.groupSizes[e]++, s++);
  }, o.prototype.clearGroup = function(e) {
    if (e < this.length) {
      var n = this.groupSizes[e], r = this.indexOfGroup(e), a = r + n;
      this.groupSizes[e] = 0;
      for (var t = r; t < a; t++) this.tag.deleteRule(r);
    }
  }, o.prototype.getGroup = function(e) {
    var n = "";
    if (e >= this.length || this.groupSizes[e] === 0) return n;
    for (var r = this.groupSizes[e], a = this.indexOfGroup(e), t = a + r, l = a; l < t; l++) n += "".concat(this.tag.getRule(l)).concat(ge);
    return n;
  }, o;
}(), rr = 1 << 30, jo = /* @__PURE__ */ new Map(), _o = /* @__PURE__ */ new Map(), Lo = 1, Fo = function(o) {
  if (jo.has(o)) return jo.get(o);
  for (; _o.has(Lo); ) Lo++;
  var e = Lo++;
  if (process.env.NODE_ENV !== "production" && ((0 | e) < 0 || e > rr)) throw Ao(16, "".concat(e));
  return jo.set(o, e), _o.set(e, o), e;
}, ar = function(o, e) {
  Lo = e + 1, jo.set(o, e), _o.set(e, o);
}, tr = "style[".concat(so, "][").concat(Ge, '="').concat(Go, '"]'), cr = new RegExp("^".concat(so, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), lr = function(o, e, n) {
  for (var r, a = n.split(","), t = 0, l = a.length; t < l; t++) (r = a[t]) && o.registerName(e, r);
}, ir = function(o, e) {
  for (var n, r = ((n = e.textContent) !== null && n !== void 0 ? n : "").split(ge), a = [], t = 0, l = r.length; t < l; t++) {
    var s = r[t].trim();
    if (s) {
      var i = s.match(cr);
      if (i) {
        var w = 0 | parseInt(i[1], 10), h = i[2];
        w !== 0 && (ar(h, w), lr(o, h, i[3]), o.getTag().insertRules(w, a)), a.length = 0;
      } else a.push(s);
    }
  }
}, Re = function(o) {
  for (var e = document.querySelectorAll(tr), n = 0, r = e.length; n < r; n++) {
    var a = e[n];
    a && a.getAttribute(so) !== $e && (ir(o, a), a.parentNode && a.parentNode.removeChild(a));
  }
};
function sr() {
  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
}
var en = function(o) {
  var e = document.head, n = o || e, r = document.createElement("style"), a = function(s) {
    var i = Array.from(s.querySelectorAll("style[".concat(so, "]")));
    return i[i.length - 1];
  }(n), t = a !== void 0 ? a.nextSibling : null;
  r.setAttribute(so, $e), r.setAttribute(Ge, Go);
  var l = sr();
  return l && r.setAttribute("nonce", l), n.insertBefore(r, t), r;
}, dr = function() {
  function o(e) {
    this.element = en(e), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
      if (n.sheet) return n.sheet;
      for (var r = document.styleSheets, a = 0, t = r.length; a < t; a++) {
        var l = r[a];
        if (l.ownerNode === n) return l;
      }
      throw Ao(17);
    }(this.element), this.length = 0;
  }
  return o.prototype.insertRule = function(e, n) {
    try {
      return this.sheet.insertRule(n, e), this.length++, !0;
    } catch {
      return !1;
    }
  }, o.prototype.deleteRule = function(e) {
    this.sheet.deleteRule(e), this.length--;
  }, o.prototype.getRule = function(e) {
    var n = this.sheet.cssRules[e];
    return n && n.cssText ? n.cssText : "";
  }, o;
}(), gr = function() {
  function o(e) {
    this.element = en(e), this.nodes = this.element.childNodes, this.length = 0;
  }
  return o.prototype.insertRule = function(e, n) {
    if (e <= this.length && e >= 0) {
      var r = document.createTextNode(n);
      return this.element.insertBefore(r, this.nodes[e] || null), this.length++, !0;
    }
    return !1;
  }, o.prototype.deleteRule = function(e) {
    this.element.removeChild(this.nodes[e]), this.length--;
  }, o.prototype.getRule = function(e) {
    return e < this.length ? this.nodes[e].textContent : "";
  }, o;
}(), ur = function() {
  function o(e) {
    this.rules = [], this.length = 0;
  }
  return o.prototype.insertRule = function(e, n) {
    return e <= this.length && (this.rules.splice(e, 0, n), this.length++, !0);
  }, o.prototype.deleteRule = function(e) {
    this.rules.splice(e, 1), this.length--;
  }, o.prototype.getRule = function(e) {
    return e < this.length ? this.rules[e] : "";
  }, o;
}(), We = Io, pr = { isServer: !Io, useCSSOMInjection: !Ln }, nn = function() {
  function o(e, n, r) {
    e === void 0 && (e = yo), n === void 0 && (n = {});
    var a = this;
    this.options = P(P({}, pr), e), this.gs = n, this.names = new Map(r), this.server = !!e.isServer, !this.server && Io && We && (We = !1, Re(this)), pe(this, function() {
      return function(t) {
        for (var l = t.getTag(), s = l.length, i = "", w = function(m) {
          var f = function(T) {
            return _o.get(T);
          }(m);
          if (f === void 0) return "continue";
          var y = t.names.get(f), z = l.getGroup(m);
          if (y === void 0 || !y.size || z.length === 0) return "continue";
          var M = "".concat(so, ".g").concat(m, '[id="').concat(f, '"]'), D = "";
          y !== void 0 && y.forEach(function(T) {
            T.length > 0 && (D += "".concat(T, ","));
          }), i += "".concat(z).concat(M, '{content:"').concat(D, '"}').concat(ge);
        }, h = 0; h < s; h++) w(h);
        return i;
      }(a);
    });
  }
  return o.registerId = function(e) {
    return Fo(e);
  }, o.prototype.rehydrate = function() {
    !this.server && Io && Re(this);
  }, o.prototype.reconstructWithOptions = function(e, n) {
    return n === void 0 && (n = !0), new o(P(P({}, this.options), e), this.gs, n && this.names || void 0);
  }, o.prototype.allocateGSInstance = function(e) {
    return this.gs[e] = (this.gs[e] || 0) + 1;
  }, o.prototype.getTag = function() {
    return this.tag || (this.tag = (e = function(n) {
      var r = n.useCSSOMInjection, a = n.target;
      return n.isServer ? new ur(a) : r ? new dr(a) : new gr(a);
    }(this.options), new nr(e)));
    var e;
  }, o.prototype.hasNameForId = function(e, n) {
    return this.names.has(e) && this.names.get(e).has(n);
  }, o.prototype.registerName = function(e, n) {
    if (Fo(e), this.names.has(e)) this.names.get(e).add(n);
    else {
      var r = /* @__PURE__ */ new Set();
      r.add(n), this.names.set(e, r);
    }
  }, o.prototype.insertRules = function(e, n, r) {
    this.registerName(e, n), this.getTag().insertRules(Fo(e), r);
  }, o.prototype.clearNames = function(e) {
    this.names.has(e) && this.names.get(e).clear();
  }, o.prototype.clearRules = function(e) {
    this.getTag().clearGroup(Fo(e)), this.clearNames(e);
  }, o.prototype.clearTag = function() {
    this.tag = void 0;
  }, o;
}(), br = /&/g, fr = /^\s*\/\/.*$/gm;
function rn(o, e) {
  return o.map(function(n) {
    return n.type === "rule" && (n.value = "".concat(e, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(e, " ")), n.props = n.props.map(function(r) {
      return "".concat(e, " ").concat(r);
    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = rn(n.children, e)), n;
  });
}
function hr(o) {
  var e, n, r, a = yo, t = a.options, l = t === void 0 ? yo : t, s = a.plugins, i = s === void 0 ? Ko : s, w = function(f, y, z) {
    return z.startsWith(n) && z.endsWith(n) && z.replaceAll(n, "").length > 0 ? ".".concat(e) : f;
  }, h = i.slice();
  h.push(function(f) {
    f.type === Vo && f.value.includes("&") && (f.props[0] = f.props[0].replace(br, n).replace(r, w));
  }), l.prefix && h.push(Nn), h.push(En);
  var m = function(f, y, z, M) {
    y === void 0 && (y = ""), z === void 0 && (z = ""), M === void 0 && (M = "&"), e = M, n = y, r = new RegExp("\\".concat(n, "\\b"), "g");
    var D = f.replace(fr, ""), T = Fn(z || y ? "".concat(z, " ").concat(y, " { ").concat(D, " }") : D);
    l.namespace && (T = rn(T, l.namespace));
    var x = [];
    return Po(T, Bn(h.concat(Dn(function(A) {
      return x.push(A);
    })))), x;
  };
  return m.hash = i.length ? i.reduce(function(f, y) {
    return y.name || Ao(15), to(f, y.name);
  }, Ke).toString() : "", m;
}
var mr = new nn(), ce = hr(), an = fo.createContext({ shouldForwardProp: void 0, styleSheet: mr, stylis: ce });
an.Consumer;
fo.createContext(void 0);
function Fe() {
  return un(an);
}
var Oe = function() {
  function o(e, n) {
    var r = this;
    this.inject = function(a, t) {
      t === void 0 && (t = ce);
      var l = r.name + t.hash;
      a.hasNameForId(r.id, l) || a.insertRules(r.id, l, t(r.rules, l, "@keyframes"));
    }, this.name = e, this.id = "sc-keyframes-".concat(e), this.rules = n, pe(this, function() {
      throw Ao(12, String(r.name));
    });
  }
  return o.prototype.getName = function(e) {
    return e === void 0 && (e = ce), this.name + e.hash;
  }, o;
}(), kr = function(o) {
  return o >= "A" && o <= "Z";
};
function Ee(o) {
  for (var e = "", n = 0; n < o.length; n++) {
    var r = o[n];
    if (n === 1 && r === "-" && o[0] === "-") return o;
    kr(r) ? e += "-" + r.toLowerCase() : e += r;
  }
  return e.startsWith("ms-") ? "-" + e : e;
}
var tn = function(o) {
  return o == null || o === !1 || o === "";
}, cn = function(o) {
  var e, n, r = [];
  for (var a in o) {
    var t = o[a];
    o.hasOwnProperty(a) && !tn(t) && (Array.isArray(t) && t.isCss || wo(t) ? r.push("".concat(Ee(a), ":"), t, ";") : So(t) ? r.push.apply(r, ho(ho(["".concat(a, " {")], cn(t), !1), ["}"], !1)) : r.push("".concat(Ee(a), ": ").concat((e = a, (n = t) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || e in jn || e.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
  }
  return r;
};
function io(o, e, n, r) {
  if (tn(o)) return [];
  if (ue(o)) return [".".concat(o.styledComponentId)];
  if (wo(o)) {
    if (!wo(t = o) || t.prototype && t.prototype.isReactComponent || !e) return [o];
    var a = o(e);
    return process.env.NODE_ENV === "production" || typeof a != "object" || Array.isArray(a) || a instanceof Oe || So(a) || a === null || console.error("".concat(Je(o), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), io(a, e, n, r);
  }
  var t;
  return o instanceof Oe ? n ? (o.inject(n, r), [o.getName(r)]) : [o] : So(o) ? cn(o) : Array.isArray(o) ? Array.prototype.concat.apply(Ko, o.map(function(l) {
    return io(l, e, n, r);
  })) : [o.toString()];
}
function yr(o) {
  for (var e = 0; e < o.length; e += 1) {
    var n = o[e];
    if (wo(n) && !ue(n)) return !1;
  }
  return !0;
}
var wr = Qe(Go), Sr = function() {
  function o(e, n, r) {
    this.rules = e, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && yr(e), this.componentId = n, this.baseHash = to(wr, n), this.baseStyle =