@halibegic/react-video-player 0.0.0 → 0.0.2

package/dist/index-DXKCbM7O.js

@@ -0,0 +1,2003 @@
+import B, { useDebugValue as bt, createElement as Cn, useRef as xe, useContext as qt, createContext as _n, useState as ut, useEffect as $e, lazy as Ut, Suspense as jn, useCallback as An } from "react";
+import { PauseIcon as Wt, PlayIcon as Bt, MinimizeIcon as On, MaximizeIcon as Nn } from "lucide-react";
+var Ce = { exports: {} }, be = {};
+/**
+ * @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 wt;
+function In() {
+  if (wt) return be;
+  wt = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(r, o, s) {
+    var a = null;
+    if (s !== void 0 && (a = "" + s), o.key !== void 0 && (a = "" + o.key), "key" in o) {
+      s = {};
+      for (var c in o)
+        c !== "key" && (s[c] = o[c]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: e,
+      type: r,
+      key: a,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return be.Fragment = t, be.jsx = n, be.jsxs = n, be;
+}
+var we = {};
+/**
+ * @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 St;
+function Ln() {
+  return St || (St = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === Xe ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case P:
+          return "Fragment";
+        case A:
+          return "Profiler";
+        case D:
+          return "StrictMode";
+        case f:
+          return "Suspense";
+        case S:
+          return "SuspenseList";
+        case X:
+          return "Activity";
+      }
+      if (typeof i == "object")
+        switch (typeof i.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), i.$$typeof) {
+          case T:
+            return "Portal";
+          case x:
+            return (i.displayName || "Context") + ".Provider";
+          case _:
+            return (i._context.displayName || "Context") + ".Consumer";
+          case R:
+            var p = i.render;
+            return i = i.displayName, i || (i = p.displayName || p.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case m:
+            return p = i.displayName || null, p !== null ? p : e(i.type) || "Memo";
+          case q:
+            p = i._payload, i = i._init;
+            try {
+              return e(i(p));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(i) {
+      return "" + i;
+    }
+    function n(i) {
+      try {
+        t(i);
+        var p = !1;
+      } catch {
+        p = !0;
+      }
+      if (p) {
+        p = console;
+        var w = p.error, N = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return w.call(
+          p,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          N
+        ), t(i);
+      }
+    }
+    function r(i) {
+      if (i === P) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === q)
+        return "<...>";
+      try {
+        var p = e(i);
+        return p ? "<" + p + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var i = ge.A;
+      return i === null ? null : i.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function a(i) {
+      if (Ee.call(i, "key")) {
+        var p = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (p && p.isReactWarning) return !1;
+      }
+      return i.key !== void 0;
+    }
+    function c(i, p) {
+      function w() {
+        Re || (Re = !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)",
+          p
+        ));
+      }
+      w.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: w,
+        configurable: !0
+      });
+    }
+    function u() {
+      var i = e(this.type);
+      return Te[i] || (Te[i] = !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."
+      )), i = this.props.ref, i !== void 0 ? i : null;
+    }
+    function l(i, p, w, N, V, F, G, J) {
+      return w = F.ref, i = {
+        $$typeof: b,
+        type: i,
+        key: p,
+        props: F,
+        _owner: V
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(i, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(i, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(i, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.defineProperty(i, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    }
+    function v(i, p, w, N, V, F, G, J) {
+      var O = p.children;
+      if (O !== void 0)
+        if (N)
+          if (Pe(O)) {
+            for (N = 0; N < O.length; N++)
+              h(O[N]);
+            Object.freeze && Object.freeze(O);
+          } 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 h(O);
+      if (Ee.call(p, "key")) {
+        O = e(i);
+        var $ = Object.keys(p).filter(function(ae) {
+          return ae !== "key";
+        });
+        N = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", z[O + N] || ($ = 0 < $.length ? "{" + $.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} />`,
+          N,
+          O,
+          $,
+          O
+        ), z[O + N] = !0);
+      }
+      if (O = null, w !== void 0 && (n(w), O = "" + w), a(p) && (n(p.key), O = "" + p.key), "key" in p) {
+        w = {};
+        for (var Q in p)
+          Q !== "key" && (w[Q] = p[Q]);
+      } else w = p;
+      return O && c(
+        w,
+        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      ), l(
+        i,
+        O,
+        F,
+        V,
+        o(),
+        w,
+        G,
+        J
+      );
+    }
+    function h(i) {
+      typeof i == "object" && i !== null && i.$$typeof === b && i._store && (i._store.validated = 1);
+    }
+    var y = B, b = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), Xe = Symbol.for("react.client.reference"), ge = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ee = Object.prototype.hasOwnProperty, Pe = Array.isArray, ye = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(i) {
+        return i();
+      }
+    };
+    var Re, Te = {}, ie = y.react_stack_bottom_frame.bind(
+      y,
+      s
+    )(), ve = ye(r(s)), z = {};
+    we.Fragment = P, we.jsx = function(i, p, w, N, V) {
+      var F = 1e4 > ge.recentlyCreatedOwnerStacks++;
+      return v(
+        i,
+        p,
+        w,
+        !1,
+        N,
+        V,
+        F ? Error("react-stack-top-frame") : ie,
+        F ? ye(r(i)) : ve
+      );
+    }, we.jsxs = function(i, p, w, N, V) {
+      var F = 1e4 > ge.recentlyCreatedOwnerStacks++;
+      return v(
+        i,
+        p,
+        w,
+        !0,
+        N,
+        V,
+        F ? Error("react-stack-top-frame") : ie,
+        F ? ye(r(i)) : ve
+      );
+    };
+  })()), we;
+}
+var xt;
+function Dn() {
+  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Ce.exports = In() : Ce.exports = Ln()), Ce.exports;
+}
+var d = Dn(), M = function() {
+  return M = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
+    }
+    return t;
+  }, M.apply(this, arguments);
+};
+function oe(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, s; r < o; r++)
+    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
+  return e.concat(s || Array.prototype.slice.call(t));
+}
+function Fn(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var $n = /^((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)-.*))$/, Mn = /* @__PURE__ */ Fn(
+  function(e) {
+    return $n.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), j = "-ms-", ke = "-moz-", k = "-webkit-", Gt = "comm", qe = "rule", dt = "decl", zn = "@import", Ht = "@keyframes", Vn = "@layer", Xt = Math.abs, ft = String.fromCharCode, et = Object.assign;
+function Yn(e, t) {
+  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
+}
+function Jt(e) {
+  return e.trim();
+}
+function H(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function g(e, t, n) {
+  return e.replace(t, n);
+}
+function Ne(e, t, n) {
+  return e.indexOf(t, n);
+}
+function L(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function le(e, t, n) {
+  return e.slice(t, n);
+}
+function W(e) {
+  return e.length;
+}
+function Zt(e) {
+  return e.length;
+}
+function Se(e, t) {
+  return t.push(e), e;
+}
+function qn(e, t) {
+  return e.map(t).join("");
+}
+function kt(e, t) {
+  return e.filter(function(n) {
+    return !H(n, t);
+  });
+}
+var Ue = 1, ue = 1, Kt = 0, Y = 0, I = 0, he = "";
+function We(e, t, n, r, o, s, a, c) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: Ue, column: ue, length: a, return: "", siblings: c };
+}
+function K(e, t) {
+  return et(We("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function ce(e) {
+  for (; e.root; )
+    e = K(e.root, { children: [e] });
+  Se(e, e.siblings);
+}
+function Un() {
+  return I;
+}
+function Wn() {
+  return I = Y > 0 ? L(he, --Y) : 0, ue--, I === 10 && (ue = 1, Ue--), I;
+}
+function U() {
+  return I = Y < Kt ? L(he, Y++) : 0, ue++, I === 10 && (ue = 1, Ue++), I;
+}
+function ne() {
+  return L(he, Y);
+}
+function Ie() {
+  return Y;
+}
+function Be(e, t) {
+  return le(he, e, t);
+}
+function tt(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function Bn(e) {
+  return Ue = ue = 1, Kt = W(he = e), Y = 0, [];
+}
+function Gn(e) {
+  return he = "", e;
+}
+function Je(e) {
+  return Jt(Be(Y - 1, nt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Hn(e) {
+  for (; (I = ne()) && I < 33; )
+    U();
+  return tt(e) > 2 || tt(I) > 3 ? "" : " ";
+}
+function Xn(e, t) {
+  for (; --t && U() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
+    ;
+  return Be(e, Ie() + (t < 6 && ne() == 32 && U() == 32));
+}
+function nt(e) {
+  for (; U(); )
+    switch (I) {
+      // ] ) " '
+      case e:
+        return Y;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && nt(I);
+        break;
+      // (
+      case 40:
+        e === 41 && nt(e);
+        break;
+      // \
+      case 92:
+        U();
+        break;
+    }
+  return Y;
+}
+function Jn(e, t) {
+  for (; U() && e + I !== 57; )
+    if (e + I === 84 && ne() === 47)
+      break;
+  return "/*" + Be(t, Y - 1) + "*" + ft(e === 47 ? e : U());
+}
+function Zn(e) {
+  for (; !tt(ne()); )
+    U();
+  return Be(e, Y);
+}
+function Kn(e) {
+  return Gn(Le("", null, null, null, [""], e = Bn(e), 0, [0], e));
+}
+function Le(e, t, n, r, o, s, a, c, u) {
+  for (var l = 0, v = 0, h = a, y = 0, b = 0, T = 0, P = 1, D = 1, A = 1, _ = 0, x = "", R = o, f = s, S = r, m = x; D; )
+    switch (T = _, _ = U()) {
+      // (
+      case 40:
+        if (T != 108 && L(m, h - 1) == 58) {
+          Ne(m += g(Je(_), "&", "&\f"), "&\f", Xt(l ? c[l - 1] : 0)) != -1 && (A = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        m += Je(_);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        m += Hn(T);
+        break;
+      // \
+      case 92:
+        m += Xn(Ie() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (ne()) {
+          case 42:
+          case 47:
+            Se(Qn(Jn(U(), Ie()), t, n, u), u);
+            break;
+          default:
+            m += "/";
+        }
+        break;
+      // {
+      case 123 * P:
+        c[l++] = W(m) * A;
+      // } ; \0
+      case 125 * P:
+      case 59:
+      case 0:
+        switch (_) {
+          // \0 }
+          case 0:
+          case 125:
+            D = 0;
+          // ;
+          case 59 + v:
+            A == -1 && (m = g(m, /\f/g, "")), b > 0 && W(m) - h && Se(b > 32 ? Pt(m + ";", r, n, h - 1, u) : Pt(g(m, " ", "") + ";", r, n, h - 2, u), u);
+            break;
+          // @ ;
+          case 59:
+            m += ";";
+          // { rule/at-rule
+          default:
+            if (Se(S = Et(m, t, n, l, v, o, c, x, R = [], f = [], h, s), s), _ === 123)
+              if (v === 0)
+                Le(m, t, S, S, R, s, h, c, f);
+              else
+                switch (y === 99 && L(m, 3) === 110 ? 100 : y) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    Le(e, S, S, r && Se(Et(e, S, S, 0, 0, o, c, x, o, R = [], h, f), f), o, f, h, c, r ? R : f);
+                    break;
+                  default:
+                    Le(m, S, S, S, [""], f, 0, c, f);
+                }
+        }
+        l = v = b = 0, P = A = 1, x = m = "", h = a;
+        break;
+      // :
+      case 58:
+        h = 1 + W(m), b = T;
+      default:
+        if (P < 1) {
+          if (_ == 123)
+            --P;
+          else if (_ == 125 && P++ == 0 && Wn() == 125)
+            continue;
+        }
+        switch (m += ft(_), _ * P) {
+          // &
+          case 38:
+            A = v > 0 ? 1 : (m += "\f", -1);
+            break;
+          // ,
+          case 44:
+            c[l++] = (W(m) - 1) * A, A = 1;
+            break;
+          // @
+          case 64:
+            ne() === 45 && (m += Je(U())), y = ne(), v = h = W(x = m += Zn(Ie())), _++;
+            break;
+          // -
+          case 45:
+            T === 45 && W(m) == 2 && (P = 0);
+        }
+    }
+  return s;
+}
+function Et(e, t, n, r, o, s, a, c, u, l, v, h) {
+  for (var y = o - 1, b = o === 0 ? s : [""], T = Zt(b), P = 0, D = 0, A = 0; P < r; ++P)
+    for (var _ = 0, x = le(e, y + 1, y = Xt(D = a[P])), R = e; _ < T; ++_)
+      (R = Jt(D > 0 ? b[_] + " " + x : g(x, /&\f/g, b[_]))) && (u[A++] = R);
+  return We(e, t, n, o === 0 ? qe : c, u, l, v, h);
+}
+function Qn(e, t, n, r) {
+  return We(e, t, n, Gt, ft(Un()), le(e, 2, -2), 0, r);
+}
+function Pt(e, t, n, r, o) {
+  return We(e, t, n, dt, le(e, 0, r), le(e, r + 1, -1), r, o);
+}
+function Qt(e, t, n) {
+  switch (Yn(e, t)) {
+    // color-adjust
+    case 5103:
+      return k + "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 k + e + e;
+    // tab-size
+    case 4789:
+      return ke + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return k + e + ke + e + j + e + e;
+    // writing-mode
+    case 5936:
+      switch (L(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return k + e + j + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return k + e + j + e + e;
+    // order
+    case 6165:
+      return k + e + j + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return k + e + g(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + j + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return k + e + j + "flex-item-" + g(e, /flex-|-self/g, "") + (H(e, /flex-|baseline/) ? "" : j + "grid-row-" + g(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return k + e + j + "flex-line-pack" + g(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return k + e + j + g(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return k + e + j + g(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return k + "box-" + g(e, "-grow", "") + k + e + j + g(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return k + g(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+    // cursor
+    case 6187:
+      return g(g(g(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return g(e, /(image-set\([^]*)/, k + "$1$`$1");
+    // justify-content
+    case 4968:
+      return g(g(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + j + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+    // justify-self
+    case 4200:
+      if (!H(e, /flex-|baseline/)) return j + "grid-column-align" + le(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return j + g(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, H(r.props, /grid-\w+-end/);
+      }) ? ~Ne(e + (n = n[t].value), "span", 0) ? e : j + g(e, "-start", "") + e + j + "grid-row-span:" + (~Ne(n, "span", 0) ? H(n, /\d+/) : +H(n, /\d+/) - +H(e, /\d+/)) + ";" : j + g(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return H(r.props, /grid-\w+-start/);
+      }) ? e : j + g(g(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return g(e, /(.+)-inline(.+)/, k + "$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 (W(e) - 1 - t > 6)
+        switch (L(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (L(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return g(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + ke + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~Ne(e, "stretch", 0) ? Qt(g(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return g(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, a, c, u, l) {
+        return j + o + ":" + s + l + (a ? j + o + "-span:" + (c ? u : +u - +s) + l : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (L(e, t + 6) === 121)
+        return g(e, ":", ":" + k) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (L(e, L(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return g(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + k + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + j + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return g(e, ":", ":" + j) + e;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return g(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function Me(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function er(e, t, n, r) {
+  switch (e.type) {
+    case Vn:
+      if (e.children.length) break;
+    case zn:
+    case dt:
+      return e.return = e.return || e.value;
+    case Gt:
+      return "";
+    case Ht:
+      return e.return = e.value + "{" + Me(e.children, r) + "}";
+    case qe:
+      if (!W(e.value = e.props.join(","))) return "";
+  }
+  return W(n = Me(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function tr(e) {
+  var t = Zt(e);
+  return function(n, r, o, s) {
+    for (var a = "", c = 0; c < t; c++)
+      a += e[c](n, r, o, s) || "";
+    return a;
+  };
+}
+function nr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function rr(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case dt:
+        e.return = Qt(e.value, e.length, n);
+        return;
+      case Ht:
+        return Me([K(e, { value: g(e.value, "@", "@" + k) })], r);
+      case qe:
+        if (e.length)
+          return qn(n = e.props, function(o) {
+            switch (H(o, r = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                ce(K(e, { props: [g(o, /:(read-\w+)/, ":" + ke + "$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + k + "input-$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + ke + "$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, j + "input-$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var or = {
+  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,
+  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
+}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", en = "active", tn = "data-styled-version", Ge = "6.1.19", pt = `/*!sc*/
+`, ze = typeof window < "u" && typeof document < "u", sr = !!(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"), Rt = /invalid hook call/i, _e = /* @__PURE__ */ new Set(), ir = function(e, t) {
+  if (process.env.NODE_ENV !== "production") {
+    var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).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.
+`, o = console.error;
+    try {
+      var s = !0;
+      console.error = function(a) {
+        for (var c = [], u = 1; u < arguments.length; u++) c[u - 1] = arguments[u];
+        Rt.test(a) ? (s = !1, _e.delete(r)) : o.apply(void 0, oe([a], c, !1));
+      }, xe(), s && !_e.has(r) && (console.warn(r), _e.add(r));
+    } catch (a) {
+      Rt.test(a.message) && _e.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, He = Object.freeze([]), de = Object.freeze({});
+function ar(e, t, n) {
+  return n === void 0 && (n = de), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var rt = /* @__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"]), cr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, lr = /(^-|-$)/g;
+function Tt(e) {
+  return e.replace(cr, "-").replace(lr, "");
+}
+var ur = /(a)(d)/gi, je = 52, Ct = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function ot(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > je; t = t / je | 0) n = Ct(t % je) + n;
+  return (Ct(t % je) + n).replace(ur, "$1-$2");
+}
+var Ze, nn = 5381, ee = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, rn = function(e) {
+  return ee(nn, e);
+};
+function on(e) {
+  return ot(rn(e) >>> 0);
+}
+function sn(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function Ke(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var an = typeof Symbol == "function" && Symbol.for, cn = an ? Symbol.for("react.memo") : 60115, dr = an ? Symbol.for("react.forward_ref") : 60112, fr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, pr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, ln = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, hr = ((Ze = {})[dr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ze[cn] = ln, Ze);
+function _t(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === cn ? ln : "$$typeof" in e ? hr[e.$$typeof] : fr;
+  var t;
+}
+var mr = Object.defineProperty, gr = Object.getOwnPropertyNames, jt = Object.getOwnPropertySymbols, yr = Object.getOwnPropertyDescriptor, vr = Object.getPrototypeOf, At = Object.prototype;
+function un(e, t, n) {
+  if (typeof t != "string") {
+    if (At) {
+      var r = vr(t);
+      r && r !== At && un(e, r, n);
+    }
+    var o = gr(t);
+    jt && (o = o.concat(jt(t)));
+    for (var s = _t(e), a = _t(t), c = 0; c < o.length; ++c) {
+      var u = o[c];
+      if (!(u in pr || n && n[u] || a && u in a || s && u in s)) {
+        var l = yr(t, u);
+        try {
+          mr(e, u, l);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function fe(e) {
+  return typeof e == "function";
+}
+function ht(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function te(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function st(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
+}
+function pe(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function it(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !pe(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = it(e[r], t[r]);
+  else if (pe(t)) for (var r in t) e[r] = it(e[r], t[r]);
+  return e;
+}
+function mt(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var br = 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 wr() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, s = e.length; o < s; o += 1) r.push(e[o]);
+  return r.forEach(function(a) {
+    n = n.replace(/%[a-z]/, a);
+  }), n;
+}
+function me(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[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(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(wr.apply(void 0, oe([br[e]], t, !1)).trim());
+}
+var Sr = (function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
+    return n;
+  }, e.prototype.insertRules = function(t, n) {
+    if (t >= this.groupSizes.length) {
+      for (var r = this.groupSizes, o = r.length, s = o; t >= s; ) if ((s <<= 1) < 0) throw me(16, "".concat(t));
+      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
+      for (var a = o; a < s; a++) this.groupSizes[a] = 0;
+    }
+    for (var c = this.indexOfGroup(t + 1), u = (a = 0, n.length); a < u; a++) this.tag.insertRule(c, n[a]) && (this.groupSizes[t]++, c++);
+  }, e.prototype.clearGroup = function(t) {
+    if (t < this.length) {
+      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
+      this.groupSizes[t] = 0;
+      for (var s = r; s < o; s++) this.tag.deleteRule(r);
+    }
+  }, e.prototype.getGroup = function(t) {
+    var n = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return n;
+    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, a = o; a < s; a++) n += "".concat(this.tag.getRule(a)).concat(pt);
+    return n;
+  }, e;
+})(), xr = 1 << 30, De = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map(), Fe = 1, Ae = function(e) {
+  if (De.has(e)) return De.get(e);
+  for (; Ve.has(Fe); ) Fe++;
+  var t = Fe++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > xr)) throw me(16, "".concat(t));
+  return De.set(e, t), Ve.set(t, e), t;
+}, kr = function(e, t) {
+  Fe = t + 1, De.set(e, t), Ve.set(t, e);
+}, Er = "style[".concat(se, "][").concat(tn, '="').concat(Ge, '"]'), Pr = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Rr = function(e, t, n) {
+  for (var r, o = n.split(","), s = 0, a = o.length; s < a; s++) (r = o[s]) && e.registerName(t, r);
+}, Tr = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(pt), o = [], s = 0, a = r.length; s < a; s++) {
+    var c = r[s].trim();
+    if (c) {
+      var u = c.match(Pr);
+      if (u) {
+        var l = 0 | parseInt(u[1], 10), v = u[2];
+        l !== 0 && (kr(v, l), Rr(e, v, u[3]), e.getTag().insertRules(l, o)), o.length = 0;
+      } else o.push(c);
+    }
+  }
+}, Ot = function(e) {
+  for (var t = document.querySelectorAll(Er), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(se) !== en && (Tr(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function Cr() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var dn = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = (function(c) {
+    var u = Array.from(c.querySelectorAll("style[".concat(se, "]")));
+    return u[u.length - 1];
+  })(n), s = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(se, en), r.setAttribute(tn, Ge);
+  var a = Cr();
+  return a && r.setAttribute("nonce", a), n.insertBefore(r, s), r;
+}, _r = (function() {
+  function e(t) {
+    this.element = dn(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
+      if (n.sheet) return n.sheet;
+      for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
+        var a = r[o];
+        if (a.ownerNode === n) return a;
+      }
+      throw me(17);
+    })(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    try {
+      return this.sheet.insertRule(n, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var n = this.sheet.cssRules[t];
+    return n && n.cssText ? n.cssText : "";
+  }, e;
+})(), jr = (function() {
+  function e(t) {
+    this.element = dn(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    if (t <= this.length && t >= 0) {
+      var r = document.createTextNode(n);
+      return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+})(), Ar = (function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+})(), Nt = ze, Or = { isServer: !ze, useCSSOMInjection: !sr }, fn = (function() {
+  function e(t, n, r) {
+    t === void 0 && (t = de), n === void 0 && (n = {});
+    var o = this;
+    this.options = M(M({}, Or), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && ze && Nt && (Nt = !1, Ot(this)), mt(this, function() {
+      return (function(s) {
+        for (var a = s.getTag(), c = a.length, u = "", l = function(h) {
+          var y = (function(A) {
+            return Ve.get(A);
+          })(h);
+          if (y === void 0) return "continue";
+          var b = s.names.get(y), T = a.getGroup(h);
+          if (b === void 0 || !b.size || T.length === 0) return "continue";
+          var P = "".concat(se, ".g").concat(h, '[id="').concat(y, '"]'), D = "";
+          b !== void 0 && b.forEach(function(A) {
+            A.length > 0 && (D += "".concat(A, ","));
+          }), u += "".concat(T).concat(P, '{content:"').concat(D, '"}').concat(pt);
+        }, v = 0; v < c; v++) l(v);
+        return u;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return Ae(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && ze && Ot(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(M(M({}, this.options), t), this.gs, n && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, e.prototype.getTag = function() {
+    return this.tag || (this.tag = (t = (function(n) {
+      var r = n.useCSSOMInjection, o = n.target;
+      return n.isServer ? new Ar(o) : r ? new _r(o) : new jr(o);
+    })(this.options), new Sr(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, n) {
+    return this.names.has(t) && this.names.get(t).has(n);
+  }, e.prototype.registerName = function(t, n) {
+    if (Ae(t), this.names.has(t)) this.names.get(t).add(n);
+    else {
+      var r = /* @__PURE__ */ new Set();
+      r.add(n), this.names.set(t, r);
+    }
+  }, e.prototype.insertRules = function(t, n, r) {
+    this.registerName(t, n), this.getTag().insertRules(Ae(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(Ae(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), Nr = /&/g, Ir = /^\s*\/\/.*$/gm;
+function pn(e, t) {
+  return e.map(function(n) {
+    return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
+      return "".concat(t, " ").concat(r);
+    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = pn(n.children, t)), n;
+  });
+}
+function Lr(e) {
+  var t, n, r, o = de, s = o.options, a = s === void 0 ? de : s, c = o.plugins, u = c === void 0 ? He : c, l = function(y, b, T) {
+    return T.startsWith(n) && T.endsWith(n) && T.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
+  }, v = u.slice();
+  v.push(function(y) {
+    y.type === qe && y.value.includes("&") && (y.props[0] = y.props[0].replace(Nr, n).replace(r, l));
+  }), a.prefix && v.push(rr), v.push(er);
+  var h = function(y, b, T, P) {
+    b === void 0 && (b = ""), T === void 0 && (T = ""), P === void 0 && (P = "&"), t = P, n = b, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var D = y.replace(Ir, ""), A = Kn(T || b ? "".concat(T, " ").concat(b, " { ").concat(D, " }") : D);
+    a.namespace && (A = pn(A, a.namespace));
+    var _ = [];
+    return Me(A, tr(v.concat(nr(function(x) {
+      return _.push(x);
+    })))), _;
+  };
+  return h.hash = u.length ? u.reduce(function(y, b) {
+    return b.name || me(15), ee(y, b.name);
+  }, nn).toString() : "", h;
+}
+var Dr = new fn(), at = Lr(), hn = B.createContext({ shouldForwardProp: void 0, styleSheet: Dr, stylis: at });
+hn.Consumer;
+B.createContext(void 0);
+function It() {
+  return qt(hn);
+}
+var ct = (function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, s) {
+      s === void 0 && (s = at);
+      var a = r.name + s.hash;
+      o.hasNameForId(r.id, a) || o.insertRules(r.id, a, s(r.rules, a, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, mt(this, function() {
+      throw me(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = at), this.name + t.hash;
+  }, e;
+})(), Fr = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function Lt(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Fr(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var mn = function(e) {
+  return e == null || e === !1 || e === "";
+}, gn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !mn(s) && (Array.isArray(s) && s.isCss || fe(s) ? r.push("".concat(Lt(o), ":"), s, ";") : pe(s) ? r.push.apply(r, oe(oe(["".concat(o, " {")], gn(s), !1), ["}"], !1)) : r.push("".concat(Lt(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in or || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function re(e, t, n, r) {
+  if (mn(e)) return [];
+  if (ht(e)) return [".".concat(e.styledComponentId)];
+  if (fe(e)) {
+    if (!fe(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof ct || pe(o) || o === null || console.error("".concat(sn(e), " 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.")), re(o, t, n, r);
+  }
+  var s;
+  return e instanceof ct ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : pe(e) ? gn(e) : Array.isArray(e) ? Array.prototype.concat.apply(He, e.map(function(a) {
+    return re(a, t, n, r);
+  })) : [e.toString()];
+}
+function $r(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (fe(n) && !ht(n)) return !1;
+  }
+  return !0;
+}
+var Mr = rn(Ge), zr = (function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && $r(t), this.componentId = n, this.baseHash = ee(Mr, n), this.baseStyle = r, fn.registerId(n);
+  }
+  return e.prototype.generateAndInjectStyles = function(t, n, r) {
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
+    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = te(o, this.staticRulesId);
+    else {
+      var s = st(re(this.rules, t, n, r)), a = ot(ee(this.baseHash, s) >>> 0);
+      if (!n.hasNameForId(this.componentId, a)) {
+        var c = r(s, ".".concat(a), void 0, this.componentId);
+        n.insertRules(this.componentId, a, c);
+      }
+      o = te(o, a), this.staticRulesId = a;
+    }
+    else {
+      for (var u = ee(this.baseHash, r.hash), l = "", v = 0; v < this.rules.length; v++) {
+        var h = this.rules[v];
+        if (typeof h == "string") l += h, process.env.NODE_ENV !== "production" && (u = ee(u, h));
+        else if (h) {
+          var y = st(re(h, t, n, r));
+          u = ee(u, y + v), l += y;
+        }
+      }
+      if (l) {
+        var b = ot(u >>> 0);
+        n.hasNameForId(this.componentId, b) || n.insertRules(this.componentId, b, r(l, ".".concat(b), void 0, this.componentId)), o = te(o, b);
+      }
+    }
+    return o;
+  }, e;
+})(), yn = B.createContext(void 0);
+yn.Consumer;
+var Qe = {}, Dt = /* @__PURE__ */ new Set();
+function Vr(e, t, n) {
+  var r = ht(e), o = e, s = !Ke(e), a = t.attrs, c = a === void 0 ? He : a, u = t.componentId, l = u === void 0 ? (function(R, f) {
+    var S = typeof R != "string" ? "sc" : Tt(R);
+    Qe[S] = (Qe[S] || 0) + 1;
+    var m = "".concat(S, "-").concat(on(Ge + S + Qe[S]));
+    return f ? "".concat(f, "-").concat(m) : m;
+  })(t.displayName, t.parentComponentId) : u, v = t.displayName, h = v === void 0 ? (function(R) {
+    return Ke(R) ? "styled.".concat(R) : "Styled(".concat(sn(R), ")");
+  })(e) : v, y = t.displayName && t.componentId ? "".concat(Tt(t.displayName), "-").concat(t.componentId) : t.componentId || l, b = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, T = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var P = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var D = t.shouldForwardProp;
+      T = function(R, f) {
+        return P(R, f) && D(R, f);
+      };
+    } else T = P;
+  }
+  var A = new zr(n, y, r ? o.componentStyle : void 0);
+  function _(R, f) {
+    return (function(S, m, q) {
+      var X = S.attrs, Xe = S.componentStyle, ge = S.defaultProps, Ee = S.foldedComponentIds, Pe = S.styledComponentId, ye = S.target, Re = B.useContext(yn), Te = It(), ie = S.shouldForwardProp || Te.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && bt(Pe);
+      var ve = ar(m, Re, ge) || de, z = (function(F, G, J) {
+        for (var O, $ = M(M({}, G), { className: void 0, theme: J }), Q = 0; Q < F.length; Q += 1) {
+          var ae = fe(O = F[Q]) ? O($) : O;
+          for (var Z in ae) $[Z] = Z === "className" ? te($[Z], ae[Z]) : Z === "style" ? M(M({}, $[Z]), ae[Z]) : ae[Z];
+        }
+        return G.className && ($.className = te($.className, G.className)), $;
+      })(X, m, ve), i = z.as || ye, p = {};
+      for (var w in z) z[w] === void 0 || w[0] === "$" || w === "as" || w === "theme" && z.theme === ve || (w === "forwardedAs" ? p.as = z.forwardedAs : ie && !ie(w, i) || (p[w] = z[w], ie || process.env.NODE_ENV !== "development" || Mn(w) || Dt.has(w) || !rt.has(i) || (Dt.add(w), console.warn('styled-components: it looks like an unknown prop "'.concat(w, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var N = (function(F, G) {
+        var J = It(), O = F.generateAndInjectStyles(G, J.styleSheet, J.stylis);
+        return process.env.NODE_ENV !== "production" && bt(O), O;
+      })(Xe, z);
+      process.env.NODE_ENV !== "production" && S.warnTooManyClasses && S.warnTooManyClasses(N);
+      var V = te(Ee, Pe);
+      return N && (V += " " + N), z.className && (V += " " + z.className), p[Ke(i) && !rt.has(i) ? "class" : "className"] = V, q && (p.ref = q), Cn(i, p);
+    })(x, R, f);
+  }
+  _.displayName = h;
+  var x = B.forwardRef(_);
+  return x.attrs = b, x.componentStyle = A, x.displayName = h, x.shouldForwardProp = T, x.foldedComponentIds = r ? te(o.foldedComponentIds, o.styledComponentId) : "", x.styledComponentId = y, x.target = r ? o.target : e, Object.defineProperty(x, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(R) {
+    this._foldedDefaultProps = r ? (function(f) {
+      for (var S = [], m = 1; m < arguments.length; m++) S[m - 1] = arguments[m];
+      for (var q = 0, X = S; q < X.length; q++) it(f, X[q], !0);
+      return f;
+    })({}, o.defaultProps, R) : R;
+  } }), process.env.NODE_ENV !== "production" && (ir(h, y), x.warnTooManyClasses = /* @__PURE__ */ (function(R, f) {
+    var S = {}, m = !1;
+    return function(q) {
+      if (!m && (S[q] = !0, Object.keys(S).length >= 200)) {
+        var X = f ? ' with the id of "'.concat(f, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(R).concat(X, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`), m = !0, S = {};
+      }
+    };
+  })(h, y)), mt(x, function() {
+    return ".".concat(x.styledComponentId);
+  }), s && un(x, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), x;
+}
+function Ft(e, t) {
+  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
+  return n;
+}
+var $t = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function vn(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (fe(e) || pe(e)) return $t(re(Ft(He, oe([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? re(r) : $t(re(Ft(r, t)));
+}
+function lt(e, t, n) {
+  if (n === void 0 && (n = de), !t) throw me(1, t);
+  var r = function(o) {
+    for (var s = [], a = 1; a < arguments.length; a++) s[a - 1] = arguments[a];
+    return e(t, n, vn.apply(void 0, oe([o], s, !1)));
+  };
+  return r.attrs = function(o) {
+    return lt(e, t, M(M({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return lt(e, t, M(M({}, n), o));
+  }, r;
+}
+var bn = function(e) {
+  return lt(Vr, e);
+}, C = bn;
+rt.forEach(function(e) {
+  C[e] = bn(e);
+});
+function Yr(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
+  var r = st(vn.apply(void 0, oe([e], t, !1))), o = on(r);
+  return new ct(o, r);
+}
+process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);
+var Oe = "__sc-".concat(se, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Oe] || (window[Oe] = 0), window[Oe] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+
+See https://s-c.sh/2BAXzed for more info.`), window[Oe] += 1);
+function gt({ ...e }) {
+  return /* @__PURE__ */ d.jsx(qr, { ...e });
+}
+const qr = C.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+  width: 2.25rem;
+  height: 2.25rem;
+  cursor: pointer;
+  color: white;
+  background: none;
+  border: none;
+  border-radius: 50%;
+  transition: background 0.2s ease-in-out;
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.1);
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`, Mt = (e) => {
+  let t;
+  const n = /* @__PURE__ */ new Set(), r = (l, v) => {
+    const h = typeof l == "function" ? l(t) : l;
+    if (!Object.is(h, t)) {
+      const y = t;
+      t = v ?? (typeof h != "object" || h === null) ? h : Object.assign({}, t, h), n.forEach((b) => b(t, y));
+    }
+  }, o = () => t, c = { setState: r, getState: o, getInitialState: () => u, subscribe: (l) => (n.add(l), () => n.delete(l)) }, u = t = e(r, o, c);
+  return c;
+}, Ur = ((e) => e ? Mt(e) : Mt), Wr = (e) => e;
+function wn(e, t = Wr) {
+  const n = B.useSyncExternalStore(
+    e.subscribe,
+    B.useCallback(() => t(e.getState()), [e, t]),
+    B.useCallback(() => t(e.getInitialState()), [e, t])
+  );
+  return B.useDebugValue(n), n;
+}
+const zt = (e) => {
+  const t = Ur(e), n = (r) => wn(t, r);
+  return Object.assign(n, t), n;
+}, Br = ((e) => e ? zt(e) : zt);
+function Gr(e, t, n) {
+  const r = {
+    days: 86400,
+    hours: 3600,
+    minutes: 60,
+    seconds: 1,
+    milliseconds: 1e-3
+  };
+  return e * (r[t] / r[n]);
+}
+function Hr(e) {
+  return Gr(e, "milliseconds", "seconds");
+}
+const Vt = (e) => {
+  const t = Math.floor(e / 60), n = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+};
+function Xr(e) {
+  const t = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(t);
+}
+const Sn = Xr(/iPhone|iPad|iPod/i);
+function Jr() {
+  const e = document;
+  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
+}
+function Zr(e) {
+  e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
+}
+function Kr(e) {
+  e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
+}
+function Qr(e, t) {
+  return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
+    e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
+  };
+}
+const eo = (e, t) => ({
+  currentTime: 0,
+  duration: 0,
+  isEnded: !1,
+  isLoading: !1,
+  isLoop: !1,
+  isMetaLoaded: !1,
+  isPlaying: !1,
+  isReady: !1,
+  isStarted: !1,
+  pauseTime: 0,
+  seekTime: -1,
+  startTime: -1,
+  volume: 100,
+  destroy: () => {
+  },
+  handleDurationChange: () => {
+    const n = t().techRef.current;
+    n && e({ duration: n.duration });
+  },
+  handleEnd: () => {
+    t().techRef.current && e({
+      isEnded: !0,
+      isLoading: !1,
+      isMetaLoaded: !1,
+      isPlaying: !1
+    });
+  },
+  handleLoadedMetadata: () => {
+    const n = t().techRef.current;
+    n && (n.loop = t().isLoop, n.volume = n.muted ? 0 : 1, t().startTime !== -1 && (n.currentTime = t().startTime), e({
+      currentTime: t().startTime !== -1 ? t().startTime : n.currentTime,
+      duration: n.duration,
+      startTime: -1,
+      isMetaLoaded: !0,
+      volume: n.muted ? 0 : 100
+    }));
+  },
+  handleLoadStart: () => {
+    const n = t().techRef.current;
+    n && (e({ isReady: !0 }), n.play().then(() => {
+      e({
+        isEnded: !1,
+        isLoading: !1,
+        isPlaying: !0,
+        isStarted: !0,
+        pauseTime: 0
+      });
+    }).catch(
+      (r) => e(() => (console.info("Player failed to autoplay", r), {
+        isStarted: !1,
+        isEnded: !1,
+        isLoading: !1,
+        isPlaying: !1
+      }))
+    ));
+  },
+  handlePause: () => e({
+    isPlaying: !1,
+    pauseTime: Date.now()
+  }),
+  handlePlay: () => e({
+    isPlaying: !0,
+    pauseTime: 0
+  }),
+  handlePlaying: () => e({ isLoading: !1 }),
+  handleSeeked: () => e({ isLoading: !1 }),
+  handleSeeking: () => e({ isLoading: !0 }),
+  handleTimeUpdate: () => {
+    const n = t().techRef.current;
+    n && e({ currentTime: n.currentTime });
+  },
+  handleWaiting: () => e({ isLoading: !0 }),
+  pause: () => {
+    const n = t().techRef.current;
+    n && (n.pause(), e({
+      isEnded: !1,
+      isPlaying: !1,
+      pauseTime: Date.now()
+    }));
+  },
+  pauseTimeDiff: () => Hr(Date.now() - t().pauseTime),
+  play: () => {
+    const n = t().techRef.current;
+    n && (n.play(), e({
+      isEnded: !1,
+      isPlaying: !0,
+      isStarted: !0,
+      pauseTime: 0
+    }));
+  },
+  seek: (n) => {
+    const r = t().techRef.current;
+    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
+      seekTime: -1,
+      currentTime: n,
+      isStarted: !0,
+      isEnded: !1,
+      isPlaying: !0
+    }));
+  },
+  setIsLoading: (n) => e({ isLoading: n }),
+  setIsLoop: (n) => {
+    const r = t().techRef.current;
+    r && (r.loop = n, e({ isLoop: n }));
+  },
+  setStartTime: (n) => e({ startTime: n }),
+  setVolume: (n) => {
+    const r = t().techRef.current;
+    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
+  },
+  stop: () => {
+    t().techRef.current && e({
+      isPlaying: !1,
+      isLoading: !1
+    });
+  }
+}), to = (e) => ({
+  idleLocks: /* @__PURE__ */ new Set(),
+  addIdleLock: (t) => e((n) => ({
+    idleLocks: new Set(n.idleLocks).add(t)
+  })),
+  removeIdleLock: (t) => e((n) => {
+    const r = new Set(n.idleLocks);
+    return r.delete(t), { idleLocks: r };
+  })
+}), no = (e, t) => ({
+  isFullscreen: !1,
+  isFullscreenReady: !1,
+  exitFullscreen: () => {
+    Kr(document), e({ isFullscreen: !1 });
+  },
+  requestFullscreen: () => {
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
+    const o = Sn ? n : r;
+    o && Zr(o), e({ isFullscreen: !0 });
+  },
+  setIsFullscreen: (n) => e({ isFullscreen: n }),
+  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
+}), ro = (e) => ({
+  url: "",
+  setURL: (t) => e({ url: t })
+}), oo = (e) => () => ({
+  ...e
+}), so = (e, t) => Br()((...n) => ({
+  ...eo(...n),
+  ...to(...n),
+  ...no(...n),
+  ...ro(...n),
+  ...oo({ techRef: e, containerRef: t })(...n)
+})), xn = _n(null), io = ({ children: e }) => {
+  const t = xe(null), n = xe(null), r = xe(null);
+  return t.current || (t.current = so(n, r)), /* @__PURE__ */ d.jsx(xn.Provider, { value: t.current, children: e });
+}, E = (e) => {
+  const t = qt(xn);
+  if (!t)
+    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
+  return wn(t, e);
+};
+function ao() {
+  const [e, t] = ut(!1), n = E((a) => a.isPlaying), r = E((a) => a.isStarted), o = E((a) => a.play), s = () => {
+    n || o();
+  };
+  return $e(() => {
+    t(!r && !n);
+  }, [r, n]), e ? /* @__PURE__ */ d.jsx(gt, { onClick: s, children: n ? /* @__PURE__ */ d.jsx(Wt, {}) : /* @__PURE__ */ d.jsx(Bt, {}) }) : null;
+}
+function kn({ children: e }) {
+  return /* @__PURE__ */ d.jsx(io, { children: e });
+}
+const Ye = {
+  hls: "hls",
+  dash: "dash"
+};
+function co(e) {
+  return e && /\.m3u8/i.test(e) ? Ye.hls : Ye.dash;
+}
+const lo = Ut(() => import("./player-hls-tech-sXKjWi4D.js")), uo = Ut(() => import("./player-dash-tech-D7KQCWFx.js"));
+function En({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = E((f) => f.handleDurationChange), o = E((f) => f.handleEnd), s = E((f) => f.handleLoadedMetadata), a = E((f) => f.handleLoadStart), c = E((f) => f.handlePause), u = E((f) => f.handlePlay), l = E((f) => f.handlePlaying), v = E((f) => f.handleSeeked), h = E((f) => f.handleSeeking), y = E((f) => f.handleTimeUpdate), b = E((f) => f.handleWaiting), T = E((f) => f.techRef), P = xe(null), D = () => t ? {} : {
+    onDurationChange: r,
+    onSeeked: v,
+    onSeeking: h,
+    onTimeUpdate: A
+  }, A = () => {
+    (!P.current || Date.now() - P.current >= 1e3) && (y(), P.current = Date.now());
+  }, x = (() => {
+    switch (co(e)) {
+      case Ye.hls:
+        return lo;
+      case Ye.dash:
+        return uo;
+    }
+    return null;
+  })();
+  if (!x) return null;
+  const R = D();
+  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ d.jsx(jn, { fallback: null, children: /* @__PURE__ */ d.jsx(x, { isLive: t, url: e }) }),
+    /* @__PURE__ */ d.jsx(
+      fo,
+      {
+        ref: T,
+        playsInline: !0,
+        autoPlay: !0,
+        controls: !1,
+        muted: n,
+        preload: "auto",
+        crossOrigin: "anonymous",
+        onEnded: o,
+        onLoadedMetadata: s,
+        onLoadStart: a,
+        onPause: c,
+        onPlay: u,
+        onPlaying: l,
+        onWaiting: b,
+        tabIndex: -1,
+        ...R
+      }
+    )
+  ] });
+}
+const fo = C.video`
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  @media (min-width: 768px) {
+    pointer-events: none;
+  }
+`, Pn = () => {
+  const e = E((l) => l.containerRef), t = E((l) => l.exitFullscreen), n = E((l) => l.isFullscreen), r = E((l) => l.requestFullscreen), o = E((l) => l.setIsFullscreen), s = E((l) => l.setIsFullscreenReady), a = E((l) => l.techRef), c = An(
+    (l) => {
+      l.stopPropagation(), o(Jr());
+    },
+    [o]
+  ), u = () => {
+    n ? t() : r();
+  };
+  return $e(() => {
+    const l = Sn ? a.current : e.current;
+    if (l)
+      return Qr(l, c);
+  }, [e, c, a]), $e(() => {
+    s(!0);
+  }, [s]), /* @__PURE__ */ d.jsx(gt, { onClick: u, children: n ? /* @__PURE__ */ d.jsx(On, {}) : /* @__PURE__ */ d.jsx(Nn, {}) });
+};
+function po(e, t = 500) {
+  const [n, r] = ut(e);
+  return $e(() => {
+    const o = window.setTimeout(() => r(e), t);
+    return () => {
+      window.clearTimeout(o);
+    };
+  }, [e, t]), n;
+}
+function Rn({ style: e, ...t }) {
+  const n = E((o) => o.isLoading);
+  return po(n, 50) ? /* @__PURE__ */ d.jsx(ho, { style: e, ...t, children: /* @__PURE__ */ d.jsx(go, {}) }) : null;
+}
+const ho = C.div`
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+`, mo = Yr`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, go = C.div`
+  width: 2rem;
+  height: 2rem;
+  border: 0.25rem solid #fff;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  animation: ${mo} 1s linear infinite;
+`;
+function Yo(e) {
+  return /* @__PURE__ */ d.jsx(kn, { children: /* @__PURE__ */ d.jsx(yo, { ...e }) });
+}
+function yo({ url: e }) {
+  const t = E((n) => n.containerRef);
+  return /* @__PURE__ */ d.jsxs(vo, { ref: t, children: [
+    /* @__PURE__ */ d.jsx(En, { url: e, isLive: !0 }),
+    /* @__PURE__ */ d.jsx(Rn, {}),
+    /* @__PURE__ */ d.jsx(bo, { children: /* @__PURE__ */ d.jsx(wo, { children: /* @__PURE__ */ d.jsxs(So, { children: [
+      /* @__PURE__ */ d.jsx(xo, { children: /* @__PURE__ */ d.jsx(ao, {}) }),
+      /* @__PURE__ */ d.jsx(ko, {}),
+      /* @__PURE__ */ d.jsx(Eo, { children: /* @__PURE__ */ d.jsx(Pn, {}) })
+    ] }) }) })
+  ] });
+}
+const vo = C.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  color: white;
+  overflow: hidden;
+`, bo = C.div`
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  z-index: 10;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
+  padding-top: 1rem;
+
+  @media (min-width: 768px) {
+    padding-top: 2rem;
+  }
+`, wo = C.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  line-height: 1;
+  font-size: 0;
+
+  @media (min-width: 768px) {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+`, So = C.div`
+  margin: auto 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+`, yt = C.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 0.5rem;
+
+  @media (min-width: 768px) {
+    gap: 1rem;
+  }
+`, xo = C(yt)`
+  justify-content: flex-start;
+`, ko = C(yt)`
+  justify-content: center;
+`, Eo = C(yt)`
+  justify-content: flex-end;
+`;
+function Po() {
+  const e = E((o) => o.isPlaying), t = E((o) => o.pause), n = E((o) => o.play), r = () => {
+    e ? t() : n();
+  };
+  return /* @__PURE__ */ d.jsx(gt, { onClick: r, children: e ? /* @__PURE__ */ d.jsx(Wt, {}) : /* @__PURE__ */ d.jsx(Bt, {}) });
+}
+function Ro(e) {
+  return null;
+}
+function To() {
+  const [e, t] = ut(-1), n = E((s) => s.currentTime), r = E((s) => s.duration), o = parseFloat(
+    (r ? (e !== -1 ? e : n) / r * 100 : 0).toFixed(1)
+  );
+  return /* @__PURE__ */ d.jsxs(Co, { children: [
+    /* @__PURE__ */ d.jsx(Yt, { children: /* @__PURE__ */ d.jsx(jo, { children: Vt(n) }) }),
+    /* @__PURE__ */ d.jsx(_o, { children: /* @__PURE__ */ d.jsx(Ro, { value: o, step: 0.1 }) }),
+    /* @__PURE__ */ d.jsx(Yt, { children: /* @__PURE__ */ d.jsx(Ao, { children: Vt(r) }) })
+  ] });
+}
+const Co = C.div`
+  display: flex;
+  align-items: center;
+`, Yt = C.div``, _o = C.div`
+  flex: 1;
+`, Tn = C.p`
+  margin: 0;
+  color: #fff;
+  font-size: 0.875rem;
+`, jo = C(Tn)`
+  padding-left: 0.25rem;
+`, Ao = C(Tn)`
+  padding-right: 0.25rem;
+`;
+function qo(e) {
+  return /* @__PURE__ */ d.jsx(kn, { children: /* @__PURE__ */ d.jsx(Oo, { ...e }) });
+}
+function Oo({ url: e }) {
+  const t = E((n) => n.containerRef);
+  return /* @__PURE__ */ d.jsxs(No, { ref: t, children: [
+    /* @__PURE__ */ d.jsx(En, { url: e, isLive: !1 }),
+    /* @__PURE__ */ d.jsx(Rn, {}),
+    /* @__PURE__ */ d.jsx(Io, { children: /* @__PURE__ */ d.jsxs(Lo, { children: [
+      /* @__PURE__ */ d.jsx(To, {}),
+      /* @__PURE__ */ d.jsxs(Do, { children: [
+        /* @__PURE__ */ d.jsx(Fo, { children: /* @__PURE__ */ d.jsx(Po, {}) }),
+        /* @__PURE__ */ d.jsx($o, {}),
+        /* @__PURE__ */ d.jsx(Mo, { children: /* @__PURE__ */ d.jsx(Pn, {}) })
+      ] })
+    ] }) })
+  ] });
+}
+const No = C.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  color: white;
+  overflow: hidden;
+`, Io = C.div`
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 0;
+  z-index: 10;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
+  padding-top: 1rem;
+
+  @media (min-width: 768px) {
+    padding-top: 2rem;
+  }
+`, Lo = C.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  line-height: 1;
+  font-size: 0;
+  height: 3.5rem;
+
+  @media (min-width: 768px) {
+    padding-left: 1rem;
+    padding-right: 1rem;
+    height: 4rem;
+  }
+`, Do = C.div`
+  margin: auto 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+`, vt = C.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 0.5rem;
+
+  @media (min-width: 768px) {
+    gap: 1rem;
+  }
+`, Fo = C(vt)`
+  justify-content: flex-start;
+`, $o = C(vt)`
+  justify-content: center;
+`, Mo = C(vt)`
+  justify-content: flex-end;
+`;
+export {
+  Yo as L,
+  qo as V,
+  E as u
+};
+//# sourceMappingURL=index-DXKCbM7O.js.map