@halibegic/react-video-player 0.0.0 → 0.0.1

package/dist/index-qaN7n0xb.js

@@ -0,0 +1,1982 @@
+import B, { createContext as Rn, useContext as Vt, useRef as xe, useDebugValue as yt, createElement as Pn, lazy as Yt, Suspense as Tn, useCallback as Cn, useEffect as Qe, useState as qt } from "react";
+import { MinimizeIcon as _n, MaximizeIcon as An } 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 vt;
+function jn() {
+  if (vt) return be;
+  vt = 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 bt;
+function On() {
+  return bt || (bt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === He ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case k:
+          return "Fragment";
+        case A:
+          return "Profiler";
+        case D:
+          return "StrictMode";
+        case d:
+          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 P:
+            return "Portal";
+          case x:
+            return (i.displayName || "Context") + ".Provider";
+          case C:
+            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 === k) 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 (ke.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() {
+        Pe || (Pe = !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 (Re(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 (ke.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"), P = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), x = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), d = 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"), He = Symbol.for("react.client.reference"), ge = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, Re = Array.isArray, ye = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(i) {
+        return i();
+      }
+    };
+    var Pe, Te = {}, ie = y.react_stack_bottom_frame.bind(
+      y,
+      s
+    )(), ve = ye(r(s)), z = {};
+    we.Fragment = k, 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 wt;
+function Nn() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? Ce.exports = jn() : Ce.exports = On()), Ce.exports;
+}
+var f = Nn();
+const St = (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;
+}, In = ((e) => e ? St(e) : St), Ln = (e) => e;
+function Ut(e, t = Ln) {
+  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 xt = (e) => {
+  const t = In(e), n = (r) => Ut(t, r);
+  return Object.assign(n, t), n;
+}, Dn = ((e) => e ? xt(e) : xt);
+function Fn(e, t, n) {
+  const r = {
+    days: 86400,
+    hours: 3600,
+    minutes: 60,
+    seconds: 1,
+    milliseconds: 1e-3
+  };
+  return e * (r[t] / r[n]);
+}
+function $n(e) {
+  return Fn(e, "milliseconds", "seconds");
+}
+const Et = (e) => {
+  const t = Math.floor(e / 60), n = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+};
+function Mn(e) {
+  const t = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(t);
+}
+const Wt = Mn(/iPhone|iPad|iPod/i);
+function zn() {
+  const e = document;
+  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
+}
+function Vn(e) {
+  e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
+}
+function Yn(e) {
+  e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
+}
+function qn(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 Un = (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: () => $n(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
+    });
+  }
+}), Wn = (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 };
+  })
+}), Bn = (e, t) => ({
+  isFullscreen: !1,
+  isFullscreenReady: !1,
+  exitFullscreen: () => {
+    Yn(document), e({ isFullscreen: !1 });
+  },
+  requestFullscreen: () => {
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
+    const o = Wt ? n : r;
+    o && Vn(o), e({ isFullscreen: !0 });
+  },
+  setIsFullscreen: (n) => e({ isFullscreen: n }),
+  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
+}), Gn = (e) => ({
+  url: "",
+  setURL: (t) => e({ url: t })
+}), Hn = (e) => () => ({
+  ...e
+}), Xn = (e, t) => Dn()((...n) => ({
+  ...Un(...n),
+  ...Wn(...n),
+  ...Bn(...n),
+  ...Gn(...n),
+  ...Hn({ techRef: e, containerRef: t })(...n)
+})), Bt = Rn(null), Jn = ({ children: e }) => {
+  const t = xe(null), n = xe(null), r = xe(null);
+  return t.current || (t.current = Xn(n, r)), /* @__PURE__ */ f.jsx(Bt.Provider, { value: t.current, children: e });
+}, j = (e) => {
+  const t = Vt(Bt);
+  if (!t)
+    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
+  return Ut(t, e);
+};
+function Gt({ children: e }) {
+  return /* @__PURE__ */ f.jsx(Jn, { children: e });
+}
+const $e = {
+  hls: "hls",
+  dash: "dash"
+};
+function Zn(e) {
+  return e && /\.m3u8/i.test(e) ? $e.hls : $e.dash;
+}
+var 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 Kn(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var Qn = /^((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)-.*))$/, er = /* @__PURE__ */ Kn(
+  function(e) {
+    return Qn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), _ = "-ms-", Ee = "-moz-", E = "-webkit-", Ht = "comm", Ye = "rule", ut = "decl", tr = "@import", Xt = "@keyframes", nr = "@layer", Jt = Math.abs, dt = String.fromCharCode, et = Object.assign;
+function rr(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 Zt(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 Kt(e) {
+  return e.length;
+}
+function Se(e, t) {
+  return t.push(e), e;
+}
+function or(e, t) {
+  return e.map(t).join("");
+}
+function kt(e, t) {
+  return e.filter(function(n) {
+    return !H(n, t);
+  });
+}
+var qe = 1, ue = 1, Qt = 0, Y = 0, I = 0, he = "";
+function Ue(e, t, n, r, o, s, a, c) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: qe, column: ue, length: a, return: "", siblings: c };
+}
+function K(e, t) {
+  return et(Ue("", 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 sr() {
+  return I;
+}
+function ir() {
+  return I = Y > 0 ? L(he, --Y) : 0, ue--, I === 10 && (ue = 1, qe--), I;
+}
+function U() {
+  return I = Y < Qt ? L(he, Y++) : 0, ue++, I === 10 && (ue = 1, qe++), I;
+}
+function ne() {
+  return L(he, Y);
+}
+function Ie() {
+  return Y;
+}
+function We(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 ar(e) {
+  return qe = ue = 1, Qt = W(he = e), Y = 0, [];
+}
+function cr(e) {
+  return he = "", e;
+}
+function Xe(e) {
+  return Zt(We(Y - 1, nt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function lr(e) {
+  for (; (I = ne()) && I < 33; )
+    U();
+  return tt(e) > 2 || tt(I) > 3 ? "" : " ";
+}
+function ur(e, t) {
+  for (; --t && U() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
+    ;
+  return We(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 dr(e, t) {
+  for (; U() && e + I !== 57; )
+    if (e + I === 84 && ne() === 47)
+      break;
+  return "/*" + We(t, Y - 1) + "*" + dt(e === 47 ? e : U());
+}
+function fr(e) {
+  for (; !tt(ne()); )
+    U();
+  return We(e, Y);
+}
+function pr(e) {
+  return cr(Le("", null, null, null, [""], e = ar(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, P = 0, k = 1, D = 1, A = 1, C = 0, x = "", R = o, d = s, S = r, m = x; D; )
+    switch (P = C, C = U()) {
+      // (
+      case 40:
+        if (P != 108 && L(m, h - 1) == 58) {
+          Ne(m += g(Xe(C), "&", "&\f"), "&\f", Jt(l ? c[l - 1] : 0)) != -1 && (A = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        m += Xe(C);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        m += lr(P);
+        break;
+      // \
+      case 92:
+        m += ur(Ie() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (ne()) {
+          case 42:
+          case 47:
+            Se(hr(dr(U(), Ie()), t, n, u), u);
+            break;
+          default:
+            m += "/";
+        }
+        break;
+      // {
+      case 123 * k:
+        c[l++] = W(m) * A;
+      // } ; \0
+      case 125 * k:
+      case 59:
+      case 0:
+        switch (C) {
+          // \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 = Rt(m, t, n, l, v, o, c, x, R = [], d = [], h, s), s), C === 123)
+              if (v === 0)
+                Le(m, t, S, S, R, s, h, c, d);
+              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(Rt(e, S, S, 0, 0, o, c, x, o, R = [], h, d), d), o, d, h, c, r ? R : d);
+                    break;
+                  default:
+                    Le(m, S, S, S, [""], d, 0, c, d);
+                }
+        }
+        l = v = b = 0, k = A = 1, x = m = "", h = a;
+        break;
+      // :
+      case 58:
+        h = 1 + W(m), b = P;
+      default:
+        if (k < 1) {
+          if (C == 123)
+            --k;
+          else if (C == 125 && k++ == 0 && ir() == 125)
+            continue;
+        }
+        switch (m += dt(C), C * k) {
+          // &
+          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 += Xe(U())), y = ne(), v = h = W(x = m += fr(Ie())), C++;
+            break;
+          // -
+          case 45:
+            P === 45 && W(m) == 2 && (k = 0);
+        }
+    }
+  return s;
+}
+function Rt(e, t, n, r, o, s, a, c, u, l, v, h) {
+  for (var y = o - 1, b = o === 0 ? s : [""], P = Kt(b), k = 0, D = 0, A = 0; k < r; ++k)
+    for (var C = 0, x = le(e, y + 1, y = Jt(D = a[k])), R = e; C < P; ++C)
+      (R = Zt(D > 0 ? b[C] + " " + x : g(x, /&\f/g, b[C]))) && (u[A++] = R);
+  return Ue(e, t, n, o === 0 ? Ye : c, u, l, v, h);
+}
+function hr(e, t, n, r) {
+  return Ue(e, t, n, Ht, dt(sr()), le(e, 2, -2), 0, r);
+}
+function Pt(e, t, n, r, o) {
+  return Ue(e, t, n, ut, le(e, 0, r), le(e, r + 1, -1), r, o);
+}
+function en(e, t, n) {
+  switch (rr(e, t)) {
+    // color-adjust
+    case 5103:
+      return E + "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 E + e + e;
+    // tab-size
+    case 4789:
+      return Ee + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return E + e + Ee + e + _ + e + e;
+    // writing-mode
+    case 5936:
+      switch (L(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return E + e + _ + g(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return E + e + _ + e + e;
+    // order
+    case 6165:
+      return E + e + _ + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return E + e + g(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + _ + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return E + e + _ + "flex-item-" + g(e, /flex-|-self/g, "") + (H(e, /flex-|baseline/) ? "" : _ + "grid-row-" + g(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return E + e + _ + "flex-line-pack" + g(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return E + e + _ + g(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return E + e + _ + g(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return E + "box-" + g(e, "-grow", "") + E + e + _ + g(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return E + g(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
+    // cursor
+    case 6187:
+      return g(g(g(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return g(e, /(image-set\([^]*)/, E + "$1$`$1");
+    // justify-content
+    case 4968:
+      return g(g(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + _ + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+    // justify-self
+    case 4200:
+      if (!H(e, /flex-|baseline/)) return _ + "grid-column-align" + le(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return _ + 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 : _ + g(e, "-start", "") + e + _ + "grid-row-span:" + (~Ne(n, "span", 0) ? H(n, /\d+/) : +H(n, /\d+/) - +H(e, /\d+/)) + ";" : _ + 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 : _ + g(g(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return g(e, /(.+)-inline(.+)/, E + "$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" + E + "$2-$3$1" + Ee + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~Ne(e, "stretch", 0) ? en(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 _ + o + ":" + s + l + (a ? _ + o + "-span:" + (c ? u : +u - +s) + l : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (L(e, t + 6) === 121)
+        return g(e, ":", ":" + E) + 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" + E + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + _ + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return g(e, ":", ":" + _) + 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 mr(e, t, n, r) {
+  switch (e.type) {
+    case nr:
+      if (e.children.length) break;
+    case tr:
+    case ut:
+      return e.return = e.return || e.value;
+    case Ht:
+      return "";
+    case Xt:
+      return e.return = e.value + "{" + Me(e.children, r) + "}";
+    case Ye:
+      if (!W(e.value = e.props.join(","))) return "";
+  }
+  return W(n = Me(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function gr(e) {
+  var t = Kt(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 yr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function vr(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case ut:
+        e.return = en(e.value, e.length, n);
+        return;
+      case Xt:
+        return Me([K(e, { value: g(e.value, "@", "@" + E) })], r);
+      case Ye:
+        if (e.length)
+          return or(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+)/, ":" + Ee + "$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + E + "input-$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, ":" + Ee + "$1")] })), ce(K(e, { props: [g(o, /:(plac\w+)/, _ + "input-$1")] })), ce(K(e, { props: [o] })), et(e, { props: kt(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var br = {
+  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", tn = "active", nn = "data-styled-version", Be = "6.1.19", ft = `/*!sc*/
+`, ze = typeof window < "u" && typeof document < "u", wr = !!(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"), Tt = /invalid hook call/i, _e = /* @__PURE__ */ new Set(), Sr = 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];
+        Tt.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) {
+      Tt.test(a.message) && _e.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, Ge = Object.freeze([]), de = Object.freeze({});
+function xr(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"]), Er = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, kr = /(^-|-$)/g;
+function Ct(e) {
+  return e.replace(Er, "-").replace(kr, "");
+}
+var Rr = /(a)(d)/gi, Ae = 52, _t = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function ot(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > Ae; t = t / Ae | 0) n = _t(t % Ae) + n;
+  return (_t(t % Ae) + n).replace(Rr, "$1-$2");
+}
+var Je, rn = 5381, ee = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, on = function(e) {
+  return ee(rn, e);
+};
+function sn(e) {
+  return ot(on(e) >>> 0);
+}
+function an(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function Ze(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var cn = typeof Symbol == "function" && Symbol.for, ln = cn ? Symbol.for("react.memo") : 60115, Pr = cn ? Symbol.for("react.forward_ref") : 60112, Tr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Cr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, un = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, _r = ((Je = {})[Pr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Je[ln] = un, Je);
+function At(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === ln ? un : "$$typeof" in e ? _r[e.$$typeof] : Tr;
+  var t;
+}
+var Ar = Object.defineProperty, jr = Object.getOwnPropertyNames, jt = Object.getOwnPropertySymbols, Or = Object.getOwnPropertyDescriptor, Nr = Object.getPrototypeOf, Ot = Object.prototype;
+function dn(e, t, n) {
+  if (typeof t != "string") {
+    if (Ot) {
+      var r = Nr(t);
+      r && r !== Ot && dn(e, r, n);
+    }
+    var o = jr(t);
+    jt && (o = o.concat(jt(t)));
+    for (var s = At(e), a = At(t), c = 0; c < o.length; ++c) {
+      var u = o[c];
+      if (!(u in Cr || n && n[u] || a && u in a || s && u in s)) {
+        var l = Or(t, u);
+        try {
+          Ar(e, u, l);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function fe(e) {
+  return typeof e == "function";
+}
+function pt(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 ht(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var Ir = 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 Lr() {
+  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(Lr.apply(void 0, oe([Ir[e]], t, !1)).trim());
+}
+var Dr = (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(ft);
+    return n;
+  }, e;
+})(), Fr = 1 << 30, De = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map(), Fe = 1, je = 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 > Fr)) throw me(16, "".concat(t));
+  return De.set(e, t), Ve.set(t, e), t;
+}, $r = function(e, t) {
+  Fe = t + 1, De.set(e, t), Ve.set(t, e);
+}, Mr = "style[".concat(se, "][").concat(nn, '="').concat(Be, '"]'), zr = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Vr = 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);
+}, Yr = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(ft), o = [], s = 0, a = r.length; s < a; s++) {
+    var c = r[s].trim();
+    if (c) {
+      var u = c.match(zr);
+      if (u) {
+        var l = 0 | parseInt(u[1], 10), v = u[2];
+        l !== 0 && ($r(v, l), Vr(e, v, u[3]), e.getTag().insertRules(l, o)), o.length = 0;
+      } else o.push(c);
+    }
+  }
+}, Nt = function(e) {
+  for (var t = document.querySelectorAll(Mr), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(se) !== tn && (Yr(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function qr() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var fn = 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, tn), r.setAttribute(nn, Be);
+  var a = qr();
+  return a && r.setAttribute("nonce", a), n.insertBefore(r, s), r;
+}, Ur = (function() {
+  function e(t) {
+    this.element = fn(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;
+})(), Wr = (function() {
+  function e(t) {
+    this.element = fn(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;
+})(), Br = (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;
+})(), It = ze, Gr = { isServer: !ze, useCSSOMInjection: !wr }, pn = (function() {
+  function e(t, n, r) {
+    t === void 0 && (t = de), n === void 0 && (n = {});
+    var o = this;
+    this.options = M(M({}, Gr), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && ze && It && (It = !1, Nt(this)), ht(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), P = a.getGroup(h);
+          if (b === void 0 || !b.size || P.length === 0) return "continue";
+          var k = "".concat(se, ".g").concat(h, '[id="').concat(y, '"]'), D = "";
+          b !== void 0 && b.forEach(function(A) {
+            A.length > 0 && (D += "".concat(A, ","));
+          }), u += "".concat(P).concat(k, '{content:"').concat(D, '"}').concat(ft);
+        }, v = 0; v < c; v++) l(v);
+        return u;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return je(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && ze && Nt(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 Br(o) : r ? new Ur(o) : new Wr(o);
+    })(this.options), new Dr(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 (je(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(je(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(je(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), Hr = /&/g, Xr = /^\s*\/\/.*$/gm;
+function hn(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 = hn(n.children, t)), n;
+  });
+}
+function Jr(e) {
+  var t, n, r, o = de, s = o.options, a = s === void 0 ? de : s, c = o.plugins, u = c === void 0 ? Ge : c, l = function(y, b, P) {
+    return P.startsWith(n) && P.endsWith(n) && P.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
+  }, v = u.slice();
+  v.push(function(y) {
+    y.type === Ye && y.value.includes("&") && (y.props[0] = y.props[0].replace(Hr, n).replace(r, l));
+  }), a.prefix && v.push(vr), v.push(mr);
+  var h = function(y, b, P, k) {
+    b === void 0 && (b = ""), P === void 0 && (P = ""), k === void 0 && (k = "&"), t = k, n = b, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var D = y.replace(Xr, ""), A = pr(P || b ? "".concat(P, " ").concat(b, " { ").concat(D, " }") : D);
+    a.namespace && (A = hn(A, a.namespace));
+    var C = [];
+    return Me(A, gr(v.concat(yr(function(x) {
+      return C.push(x);
+    })))), C;
+  };
+  return h.hash = u.length ? u.reduce(function(y, b) {
+    return b.name || me(15), ee(y, b.name);
+  }, rn).toString() : "", h;
+}
+var Zr = new pn(), at = Jr(), mn = B.createContext({ shouldForwardProp: void 0, styleSheet: Zr, stylis: at });
+mn.Consumer;
+B.createContext(void 0);
+function Lt() {
+  return Vt(mn);
+}
+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, ht(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;
+})(), Kr = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function Dt(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Kr(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var gn = function(e) {
+  return e == null || e === !1 || e === "";
+}, yn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !gn(s) && (Array.isArray(s) && s.isCss || fe(s) ? r.push("".concat(Dt(o), ":"), s, ";") : pe(s) ? r.push.apply(r, oe(oe(["".concat(o, " {")], yn(s), !1), ["}"], !1)) : r.push("".concat(Dt(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in br || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function re(e, t, n, r) {
+  if (gn(e)) return [];
+  if (pt(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(an(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) ? yn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Ge, e.map(function(a) {
+    return re(a, t, n, r);
+  })) : [e.toString()];
+}
+function Qr(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (fe(n) && !pt(n)) return !1;
+  }
+  return !0;
+}
+var eo = on(Be), to = (function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Qr(t), this.componentId = n, this.baseHash = ee(eo, n), this.baseStyle = r, pn.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;
+})(), vn = B.createContext(void 0);
+vn.Consumer;
+var Ke = {}, Ft = /* @__PURE__ */ new Set();
+function no(e, t, n) {
+  var r = pt(e), o = e, s = !Ze(e), a = t.attrs, c = a === void 0 ? Ge : a, u = t.componentId, l = u === void 0 ? (function(R, d) {
+    var S = typeof R != "string" ? "sc" : Ct(R);
+    Ke[S] = (Ke[S] || 0) + 1;
+    var m = "".concat(S, "-").concat(sn(Be + S + Ke[S]));
+    return d ? "".concat(d, "-").concat(m) : m;
+  })(t.displayName, t.parentComponentId) : u, v = t.displayName, h = v === void 0 ? (function(R) {
+    return Ze(R) ? "styled.".concat(R) : "Styled(".concat(an(R), ")");
+  })(e) : v, y = t.displayName && t.componentId ? "".concat(Ct(t.displayName), "-").concat(t.componentId) : t.componentId || l, b = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, P = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var k = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var D = t.shouldForwardProp;
+      P = function(R, d) {
+        return k(R, d) && D(R, d);
+      };
+    } else P = k;
+  }
+  var A = new to(n, y, r ? o.componentStyle : void 0);
+  function C(R, d) {
+    return (function(S, m, q) {
+      var X = S.attrs, He = S.componentStyle, ge = S.defaultProps, ke = S.foldedComponentIds, Re = S.styledComponentId, ye = S.target, Pe = B.useContext(vn), Te = Lt(), ie = S.shouldForwardProp || Te.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && yt(Re);
+      var ve = xr(m, Pe, 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" || er(w) || Ft.has(w) || !rt.has(i) || (Ft.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 = Lt(), O = F.generateAndInjectStyles(G, J.styleSheet, J.stylis);
+        return process.env.NODE_ENV !== "production" && yt(O), O;
+      })(He, z);
+      process.env.NODE_ENV !== "production" && S.warnTooManyClasses && S.warnTooManyClasses(N);
+      var V = te(ke, Re);
+      return N && (V += " " + N), z.className && (V += " " + z.className), p[Ze(i) && !rt.has(i) ? "class" : "className"] = V, q && (p.ref = q), Pn(i, p);
+    })(x, R, d);
+  }
+  C.displayName = h;
+  var x = B.forwardRef(C);
+  return x.attrs = b, x.componentStyle = A, x.displayName = h, x.shouldForwardProp = P, 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(d) {
+      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(d, X[q], !0);
+      return d;
+    })({}, o.defaultProps, R) : R;
+  } }), process.env.NODE_ENV !== "production" && (Sr(h, y), x.warnTooManyClasses = /* @__PURE__ */ (function(R, d) {
+    var S = {}, m = !1;
+    return function(q) {
+      if (!m && (S[q] = !0, Object.keys(S).length >= 200)) {
+        var X = d ? ' with the id of "'.concat(d, '"') : "";
+        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)), ht(x, function() {
+    return ".".concat(x.styledComponentId);
+  }), s && dn(x, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), x;
+}
+function $t(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 Mt = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function bn(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (fe(e) || pe(e)) return Mt(re($t(Ge, oe([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? re(r) : Mt(re($t(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, bn.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 wn = function(e) {
+  return lt(no, e);
+}, T = wn;
+rt.forEach(function(e) {
+  T[e] = wn(e);
+});
+function ro(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(bn.apply(void 0, oe([e], t, !1))), o = sn(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);
+const oo = Yt(() => import("./player-hls-tech-BKkTLteW.js")), so = Yt(() => import("./player-dash-tech-XlldPZU_.js"));
+function Sn({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = j((d) => d.handleDurationChange), o = j((d) => d.handleEnd), s = j((d) => d.handleLoadedMetadata), a = j((d) => d.handleLoadStart), c = j((d) => d.handlePause), u = j((d) => d.handlePlay), l = j((d) => d.handlePlaying), v = j((d) => d.handleSeeked), h = j((d) => d.handleSeeking), y = j((d) => d.handleTimeUpdate), b = j((d) => d.handleWaiting), P = j((d) => d.techRef), k = xe(null), D = () => t ? {} : {
+    onDurationChange: r,
+    onSeeked: v,
+    onSeeking: h,
+    onTimeUpdate: A
+  }, A = () => {
+    (!k.current || Date.now() - k.current >= 1e3) && (y(), k.current = Date.now());
+  }, x = (() => {
+    switch (Zn(e)) {
+      case $e.hls:
+        return oo;
+      case $e.dash:
+        return so;
+    }
+    return null;
+  })();
+  if (!x) return null;
+  const R = D();
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    /* @__PURE__ */ f.jsx(Tn, { fallback: null, children: /* @__PURE__ */ f.jsx(x, { isLive: t, url: e }) }),
+    /* @__PURE__ */ f.jsx(
+      io,
+      {
+        ref: P,
+        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 io = T.video`
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  @media (min-width: 768px) {
+    pointer-events: none;
+  }
+`;
+function ao({ ...e }) {
+  return /* @__PURE__ */ f.jsx(co, { ...e });
+}
+const co = T.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  margin: 0;
+  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);
+  }
+`, xn = () => {
+  const e = j((l) => l.containerRef), t = j((l) => l.exitFullscreen), n = j((l) => l.isFullscreen), r = j((l) => l.requestFullscreen), o = j((l) => l.setIsFullscreen), s = j((l) => l.setIsFullscreenReady), a = j((l) => l.techRef), c = Cn(
+    (l) => {
+      l.stopPropagation(), o(zn());
+    },
+    [o]
+  ), u = () => {
+    n ? t() : r();
+  };
+  return Qe(() => {
+    const l = Wt ? a.current : e.current;
+    if (l)
+      return qn(l, c);
+  }, [e, c, a]), Qe(() => {
+    s(!0);
+  }, [s]), /* @__PURE__ */ f.jsx(ao, { onClick: u, children: n ? /* @__PURE__ */ f.jsx(_n, {}) : /* @__PURE__ */ f.jsx(An, {}) });
+};
+function lo(e, t = 500) {
+  const [n, r] = qt(e);
+  return Qe(() => {
+    const o = window.setTimeout(() => r(e), t);
+    return () => {
+      window.clearTimeout(o);
+    };
+  }, [e, t]), n;
+}
+function En({ style: e, ...t }) {
+  const n = j((o) => o.isLoading);
+  return lo(n, 50) ? /* @__PURE__ */ f.jsx(uo, { style: e, ...t, children: /* @__PURE__ */ f.jsx(po, {}) }) : null;
+}
+const uo = T.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;
+`, fo = ro`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, po = T.div`
+  width: 2rem;
+  height: 2rem;
+  border: 0.25rem solid #fff;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  animation: ${fo} 1s linear infinite;
+`;
+function $o(e) {
+  return /* @__PURE__ */ f.jsx(Gt, { children: /* @__PURE__ */ f.jsx(ho, { ...e }) });
+}
+function ho({ url: e }) {
+  const t = j((n) => n.containerRef);
+  return /* @__PURE__ */ f.jsxs(mo, { ref: t, children: [
+    /* @__PURE__ */ f.jsx(Sn, { url: e, isLive: !0 }),
+    /* @__PURE__ */ f.jsx(En, {}),
+    /* @__PURE__ */ f.jsx(go, { children: /* @__PURE__ */ f.jsx(yo, { children: /* @__PURE__ */ f.jsxs(vo, { children: [
+      /* @__PURE__ */ f.jsx(bo, {}),
+      /* @__PURE__ */ f.jsx(wo, {}),
+      /* @__PURE__ */ f.jsx(So, { children: /* @__PURE__ */ f.jsx(xn, {}) })
+    ] }) }) })
+  ] });
+}
+const mo = T.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  color: white;
+  overflow: hidden;
+`, go = T.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;
+  }
+`, yo = T.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;
+  }
+`, vo = T.div`
+  margin: auto 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+`, mt = T.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 0.5rem;
+
+  @media (min-width: 768px) {
+    gap: 1rem;
+  }
+`, bo = T(mt)`
+  justify-content: flex-start;
+`, wo = T(mt)`
+  justify-content: center;
+`, So = T(mt)`
+  justify-content: flex-end;
+`;
+function xo(e) {
+  return null;
+}
+function Eo() {
+  const [e, t] = qt(-1), n = j((s) => s.currentTime), r = j((s) => s.duration), o = parseFloat(
+    (r ? (e !== -1 ? e : n) / r * 100 : 0).toFixed(1)
+  );
+  return /* @__PURE__ */ f.jsxs(ko, { children: [
+    /* @__PURE__ */ f.jsx(zt, { children: /* @__PURE__ */ f.jsx(Po, { children: Et(n) }) }),
+    /* @__PURE__ */ f.jsx(Ro, { children: /* @__PURE__ */ f.jsx(xo, { value: o, step: 0.1 }) }),
+    /* @__PURE__ */ f.jsx(zt, { children: /* @__PURE__ */ f.jsx(To, { children: Et(r) }) })
+  ] });
+}
+const ko = T.div`
+  display: flex;
+  align-items: center;
+`, zt = T.div``, Ro = T.div`
+  flex: 1;
+`, kn = T.p`
+  margin: 0;
+  color: #fff;
+  font-size: 0.875rem;
+`, Po = T(kn)`
+  padding-left: 0.25rem;
+`, To = T(kn)`
+  padding-right: 0.25rem;
+`;
+function Mo(e) {
+  return /* @__PURE__ */ f.jsx(Gt, { children: /* @__PURE__ */ f.jsx(Co, { ...e }) });
+}
+function Co({ url: e }) {
+  const t = j((n) => n.containerRef);
+  return /* @__PURE__ */ f.jsxs(_o, { ref: t, children: [
+    /* @__PURE__ */ f.jsx(Sn, { url: e, isLive: !1 }),
+    /* @__PURE__ */ f.jsx(En, {}),
+    /* @__PURE__ */ f.jsx(Ao, { children: /* @__PURE__ */ f.jsxs(jo, { children: [
+      /* @__PURE__ */ f.jsx(Eo, {}),
+      /* @__PURE__ */ f.jsxs(Oo, { children: [
+        /* @__PURE__ */ f.jsx(No, {}),
+        /* @__PURE__ */ f.jsx(Io, {}),
+        /* @__PURE__ */ f.jsx(Lo, { children: /* @__PURE__ */ f.jsx(xn, {}) })
+      ] })
+    ] }) })
+  ] });
+}
+const _o = T.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  color: white;
+  overflow: hidden;
+`, Ao = T.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;
+  }
+`, jo = T.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;
+  }
+`, Oo = T.div`
+  margin: auto 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+`, gt = T.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 0.5rem;
+
+  @media (min-width: 768px) {
+    gap: 1rem;
+  }
+`, No = T(gt)`
+  justify-content: flex-start;
+`, Io = T(gt)`
+  justify-content: center;
+`, Lo = T(gt)`
+  justify-content: flex-end;
+`;
+export {
+  $o as L,
+  Mo as V,
+  j as u
+};
+//# sourceMappingURL=index-qaN7n0xb.js.map