@halibegic/react-video-player 0.0.1 → 0.0.3

package/dist/index-DkJtizQx.js

@@ -0,0 +1,3265 @@
+import * as v from "react";
+import B, { useLayoutEffect as Lr, useEffect as ne, useRef as q, useState as G, createContext as pn, useContext as jt, useDebugValue as $t, createElement as Dr, useCallback as ie, lazy as Nr } from "react";
+import "react-dom";
+import De from "hls.js";
+var He = { exports: {} }, Ne = {};
+/**
+ * @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 Ht;
+function Mr() {
+  if (Ht) return Ne;
+  Ht = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(r, o, s) {
+    var i = null;
+    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      s = {};
+      for (var a in o)
+        a !== "key" && (s[a] = o[a]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: e,
+      type: r,
+      key: i,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return Ne.Fragment = t, Ne.jsx = n, Ne.jsxs = n, Ne;
+}
+var Me = {};
+/**
+ * @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 zt;
+function Or() {
+  return zt || (zt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === I ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
+        case y:
+          return "Fragment";
+        case w:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case T:
+          return "Suspense";
+        case P:
+          return "SuspenseList";
+        case U:
+          return "Activity";
+      }
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), f.$$typeof) {
+          case x:
+            return "Portal";
+          case p:
+            return (f.displayName || "Context") + ".Provider";
+          case R:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case S:
+            var k = f.render;
+            return f = f.displayName, f || (f = k.displayName || k.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case C:
+            return k = f.displayName || null, k !== null ? k : e(f.type) || "Memo";
+          case $:
+            k = f._payload, f = f._init;
+            try {
+              return e(f(k));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(f) {
+      return "" + f;
+    }
+    function n(f) {
+      try {
+        t(f);
+        var k = !1;
+      } catch {
+        k = !0;
+      }
+      if (k) {
+        k = console;
+        var _ = k.error, V = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return _.call(
+          k,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          V
+        ), t(f);
+      }
+    }
+    function r(f) {
+      if (f === y) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === $)
+        return "<...>";
+      try {
+        var k = e(f);
+        return k ? "<" + k + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var f = N.A;
+      return f === null ? null : f.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function i(f) {
+      if (z.call(f, "key")) {
+        var k = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (k && k.isReactWarning) return !1;
+      }
+      return f.key !== void 0;
+    }
+    function a(f, k) {
+      function _() {
+        se || (se = !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)",
+          k
+        ));
+      }
+      _.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: _,
+        configurable: !0
+      });
+    }
+    function l() {
+      var f = e(this.type);
+      return J[f] || (J[f] = !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."
+      )), f = this.props.ref, f !== void 0 ? f : null;
+    }
+    function u(f, k, _, V, te, W, le, de) {
+      return _ = W.ref, f = {
+        $$typeof: g,
+        type: f,
+        key: k,
+        props: W,
+        _owner: te
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(f, "ref", {
+        enumerable: !1,
+        get: l
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(f, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(f, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: le
+      }), Object.defineProperty(f, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: de
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    }
+    function h(f, k, _, V, te, W, le, de) {
+      var M = k.children;
+      if (M !== void 0)
+        if (V)
+          if (ee(M)) {
+            for (V = 0; V < M.length; V++)
+              d(M[V]);
+            Object.freeze && Object.freeze(M);
+          } 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 d(M);
+      if (z.call(k, "key")) {
+        M = e(f);
+        var K = Object.keys(k).filter(function(xe) {
+          return xe !== "key";
+        });
+        V = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", Y[M + V] || (K = 0 < K.length ? "{" + K.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} />`,
+          V,
+          M,
+          K,
+          M
+        ), Y[M + V] = !0);
+      }
+      if (M = null, _ !== void 0 && (n(_), M = "" + _), i(k) && (n(k.key), M = "" + k.key), "key" in k) {
+        _ = {};
+        for (var me in k)
+          me !== "key" && (_[me] = k[me]);
+      } else _ = k;
+      return M && a(
+        _,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), u(
+        f,
+        M,
+        W,
+        te,
+        o(),
+        _,
+        le,
+        de
+      );
+    }
+    function d(f) {
+      typeof f == "object" && f !== null && f.$$typeof === g && f._store && (f._store.validated = 1);
+    }
+    var m = B, g = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), p = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), N = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ee = Array.isArray, oe = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    m = {
+      react_stack_bottom_frame: function(f) {
+        return f();
+      }
+    };
+    var se, J = {}, O = m.react_stack_bottom_frame.bind(
+      m,
+      s
+    )(), Q = oe(r(s)), Y = {};
+    Me.Fragment = y, Me.jsx = function(f, k, _, V, te) {
+      var W = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        k,
+        _,
+        !1,
+        V,
+        te,
+        W ? Error("react-stack-top-frame") : O,
+        W ? oe(r(f)) : Q
+      );
+    }, Me.jsxs = function(f, k, _, V, te) {
+      var W = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        k,
+        _,
+        !0,
+        V,
+        te,
+        W ? Error("react-stack-top-frame") : O,
+        W ? oe(r(f)) : Q
+      );
+    };
+  })()), Me;
+}
+var Bt;
+function Vr() {
+  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? He.exports = Mr() : He.exports = Or()), He.exports;
+}
+var c = Vr();
+const Fr = typeof window < "u" ? Lr : ne;
+function It(e, t) {
+  const n = q(e);
+  Fr(() => {
+    n.current = e;
+  }, [e]), ne(() => {
+    if (t === null)
+      return;
+    const r = setInterval(() => {
+      n.current();
+    }, t);
+    return () => {
+      clearInterval(r);
+    };
+  }, [t]);
+}
+function $r(e) {
+  const [, t] = G(0);
+  It(() => t((n) => n + 1), e);
+}
+const Ut = (e) => {
+  let t;
+  const n = /* @__PURE__ */ new Set(), r = (u, h) => {
+    const d = typeof u == "function" ? u(t) : u;
+    if (!Object.is(d, t)) {
+      const m = t;
+      t = h ?? (typeof d != "object" || d === null) ? d : Object.assign({}, t, d), n.forEach((g) => g(t, m));
+    }
+  }, o = () => t, a = { setState: r, getState: o, getInitialState: () => l, subscribe: (u) => (n.add(u), () => n.delete(u)) }, l = t = e(r, o, a);
+  return a;
+}, Hr = ((e) => e ? Ut(e) : Ut), zr = (e) => e;
+function _t(e, t = zr) {
+  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 Yt = (e) => {
+  const t = Hr(e), n = (r) => _t(t, r);
+  return Object.assign(n, t), n;
+}, hn = ((e) => e ? Yt(e) : Yt), Br = (e, t) => hn((n) => ({
+  delay: 0,
+  startDate: e,
+  endDate: t,
+  startTime: e.getTime(),
+  endTime: t.getTime(),
+  setDelay: (r) => n({ delay: r }),
+  setStartDate: (r) => n({ startDate: r }),
+  setEndDate: (r) => n({ endDate: r })
+})), mn = pn(
+  null
+), Ur = ({
+  children: e,
+  startDate: t,
+  endDate: n
+}) => {
+  const r = q(
+    null
+  );
+  return r.current || (r.current = Br(t, n)), /* @__PURE__ */ c.jsx(mn.Provider, { value: r.current, children: e });
+}, Z = (e) => {
+  const t = jt(mn);
+  if (!t)
+    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
+  return _t(t, e);
+};
+var X = function() {
+  return X = 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;
+  }, X.apply(this, arguments);
+};
+function we(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 Yr(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var Wr = /^((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)-.*))$/, qr = /* @__PURE__ */ Yr(
+  function(e) {
+    return Wr.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), D = "-ms-", Ve = "-moz-", L = "-webkit-", gn = "comm", nt = "rule", At = "decl", Kr = "@import", yn = "@keyframes", Gr = "@layer", vn = Math.abs, Lt = String.fromCharCode, pt = Object.assign;
+function Zr(e, t) {
+  return H(e, 0) ^ 45 ? (((t << 2 ^ H(e, 0)) << 2 ^ H(e, 1)) << 2 ^ H(e, 2)) << 2 ^ H(e, 3) : 0;
+}
+function Sn(e) {
+  return e.trim();
+}
+function ue(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function j(e, t, n) {
+  return e.replace(t, n);
+}
+function We(e, t, n) {
+  return e.indexOf(t, n);
+}
+function H(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function Pe(e, t, n) {
+  return e.slice(t, n);
+}
+function ce(e) {
+  return e.length;
+}
+function wn(e) {
+  return e.length;
+}
+function Oe(e, t) {
+  return t.push(e), e;
+}
+function Xr(e, t) {
+  return e.map(t).join("");
+}
+function Wt(e, t) {
+  return e.filter(function(n) {
+    return !ue(n, t);
+  });
+}
+var rt = 1, Re = 1, bn = 0, re = 0, F = 0, _e = "";
+function ot(e, t, n, r, o, s, i, a) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: rt, column: Re, length: i, return: "", siblings: a };
+}
+function pe(e, t) {
+  return pt(ot("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function Ee(e) {
+  for (; e.root; )
+    e = pe(e.root, { children: [e] });
+  Oe(e, e.siblings);
+}
+function Jr() {
+  return F;
+}
+function Qr() {
+  return F = re > 0 ? H(_e, --re) : 0, Re--, F === 10 && (Re = 1, rt--), F;
+}
+function ae() {
+  return F = re < bn ? H(_e, re++) : 0, Re++, F === 10 && (Re = 1, rt++), F;
+}
+function ve() {
+  return H(_e, re);
+}
+function qe() {
+  return re;
+}
+function st(e, t) {
+  return Pe(_e, e, t);
+}
+function ht(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 eo(e) {
+  return rt = Re = 1, bn = ce(_e = e), re = 0, [];
+}
+function to(e) {
+  return _e = "", e;
+}
+function lt(e) {
+  return Sn(st(re - 1, mt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function no(e) {
+  for (; (F = ve()) && F < 33; )
+    ae();
+  return ht(e) > 2 || ht(F) > 3 ? "" : " ";
+}
+function ro(e, t) {
+  for (; --t && ae() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
+    ;
+  return st(e, qe() + (t < 6 && ve() == 32 && ae() == 32));
+}
+function mt(e) {
+  for (; ae(); )
+    switch (F) {
+      // ] ) " '
+      case e:
+        return re;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && mt(F);
+        break;
+      // (
+      case 40:
+        e === 41 && mt(e);
+        break;
+      // \
+      case 92:
+        ae();
+        break;
+    }
+  return re;
+}
+function oo(e, t) {
+  for (; ae() && e + F !== 57; )
+    if (e + F === 84 && ve() === 47)
+      break;
+  return "/*" + st(t, re - 1) + "*" + Lt(e === 47 ? e : ae());
+}
+function so(e) {
+  for (; !ht(ve()); )
+    ae();
+  return st(e, re);
+}
+function io(e) {
+  return to(Ke("", null, null, null, [""], e = eo(e), 0, [0], e));
+}
+function Ke(e, t, n, r, o, s, i, a, l) {
+  for (var u = 0, h = 0, d = i, m = 0, g = 0, x = 0, y = 1, E = 1, w = 1, R = 0, p = "", S = o, T = s, P = r, C = p; E; )
+    switch (x = R, R = ae()) {
+      // (
+      case 40:
+        if (x != 108 && H(C, d - 1) == 58) {
+          We(C += j(lt(R), "&", "&\f"), "&\f", vn(u ? a[u - 1] : 0)) != -1 && (w = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        C += lt(R);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        C += no(x);
+        break;
+      // \
+      case 92:
+        C += ro(qe() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (ve()) {
+          case 42:
+          case 47:
+            Oe(ao(oo(ae(), qe()), t, n, l), l);
+            break;
+          default:
+            C += "/";
+        }
+        break;
+      // {
+      case 123 * y:
+        a[u++] = ce(C) * w;
+      // } ; \0
+      case 125 * y:
+      case 59:
+      case 0:
+        switch (R) {
+          // \0 }
+          case 0:
+          case 125:
+            E = 0;
+          // ;
+          case 59 + h:
+            w == -1 && (C = j(C, /\f/g, "")), g > 0 && ce(C) - d && Oe(g > 32 ? Kt(C + ";", r, n, d - 1, l) : Kt(j(C, " ", "") + ";", r, n, d - 2, l), l);
+            break;
+          // @ ;
+          case 59:
+            C += ";";
+          // { rule/at-rule
+          default:
+            if (Oe(P = qt(C, t, n, u, h, o, a, p, S = [], T = [], d, s), s), R === 123)
+              if (h === 0)
+                Ke(C, t, P, P, S, s, d, a, T);
+              else
+                switch (m === 99 && H(C, 3) === 110 ? 100 : m) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    Ke(e, P, P, r && Oe(qt(e, P, P, 0, 0, o, a, p, o, S = [], d, T), T), o, T, d, a, r ? S : T);
+                    break;
+                  default:
+                    Ke(C, P, P, P, [""], T, 0, a, T);
+                }
+        }
+        u = h = g = 0, y = w = 1, p = C = "", d = i;
+        break;
+      // :
+      case 58:
+        d = 1 + ce(C), g = x;
+      default:
+        if (y < 1) {
+          if (R == 123)
+            --y;
+          else if (R == 125 && y++ == 0 && Qr() == 125)
+            continue;
+        }
+        switch (C += Lt(R), R * y) {
+          // &
+          case 38:
+            w = h > 0 ? 1 : (C += "\f", -1);
+            break;
+          // ,
+          case 44:
+            a[u++] = (ce(C) - 1) * w, w = 1;
+            break;
+          // @
+          case 64:
+            ve() === 45 && (C += lt(ae())), m = ve(), h = d = ce(p = C += so(qe())), R++;
+            break;
+          // -
+          case 45:
+            x === 45 && ce(C) == 2 && (y = 0);
+        }
+    }
+  return s;
+}
+function qt(e, t, n, r, o, s, i, a, l, u, h, d) {
+  for (var m = o - 1, g = o === 0 ? s : [""], x = wn(g), y = 0, E = 0, w = 0; y < r; ++y)
+    for (var R = 0, p = Pe(e, m + 1, m = vn(E = i[y])), S = e; R < x; ++R)
+      (S = Sn(E > 0 ? g[R] + " " + p : j(p, /&\f/g, g[R]))) && (l[w++] = S);
+  return ot(e, t, n, o === 0 ? nt : a, l, u, h, d);
+}
+function ao(e, t, n, r) {
+  return ot(e, t, n, gn, Lt(Jr()), Pe(e, 2, -2), 0, r);
+}
+function Kt(e, t, n, r, o) {
+  return ot(e, t, n, At, Pe(e, 0, r), Pe(e, r + 1, -1), r, o);
+}
+function xn(e, t, n) {
+  switch (Zr(e, t)) {
+    // color-adjust
+    case 5103:
+      return L + "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 L + e + e;
+    // tab-size
+    case 4789:
+      return Ve + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return L + e + Ve + e + D + e + e;
+    // writing-mode
+    case 5936:
+      switch (H(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return L + e + D + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return L + e + D + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return L + e + D + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return L + e + D + e + e;
+    // order
+    case 6165:
+      return L + e + D + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return L + e + j(e, /(\w+).+(:[^]+)/, L + "box-$1$2" + D + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return L + e + D + "flex-item-" + j(e, /flex-|-self/g, "") + (ue(e, /flex-|baseline/) ? "" : D + "grid-row-" + j(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return L + e + D + "flex-line-pack" + j(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return L + e + D + j(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return L + e + D + j(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return L + "box-" + j(e, "-grow", "") + L + e + D + j(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return L + j(e, /([^-])(transform)/g, "$1" + L + "$2") + e;
+    // cursor
+    case 6187:
+      return j(j(j(e, /(zoom-|grab)/, L + "$1"), /(image-set)/, L + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return j(e, /(image-set\([^]*)/, L + "$1$`$1");
+    // justify-content
+    case 4968:
+      return j(j(e, /(.+:)(flex-)?(.*)/, L + "box-pack:$3" + D + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + L + e + e;
+    // justify-self
+    case 4200:
+      if (!ue(e, /flex-|baseline/)) return D + "grid-column-align" + Pe(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return D + j(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, ue(r.props, /grid-\w+-end/);
+      }) ? ~We(e + (n = n[t].value), "span", 0) ? e : D + j(e, "-start", "") + e + D + "grid-row-span:" + (~We(n, "span", 0) ? ue(n, /\d+/) : +ue(n, /\d+/) - +ue(e, /\d+/)) + ";" : D + j(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return ue(r.props, /grid-\w+-start/);
+      }) ? e : D + j(j(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return j(e, /(.+)-inline(.+)/, L + "$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 (ce(e) - 1 - t > 6)
+        switch (H(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (H(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return j(e, /(.+:)(.+)-([^]+)/, "$1" + L + "$2-$3$1" + Ve + (H(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~We(e, "stretch", 0) ? xn(j(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return j(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, i, a, l, u) {
+        return D + o + ":" + s + u + (i ? D + o + "-span:" + (a ? l : +l - +s) + u : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (H(e, t + 6) === 121)
+        return j(e, ":", ":" + L) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (H(e, H(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return j(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + L + (H(e, 14) === 45 ? "inline-" : "") + "box$3$1" + L + "$2$3$1" + D + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return j(e, ":", ":" + D) + e;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return j(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function Xe(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function co(e, t, n, r) {
+  switch (e.type) {
+    case Gr:
+      if (e.children.length) break;
+    case Kr:
+    case At:
+      return e.return = e.return || e.value;
+    case gn:
+      return "";
+    case yn:
+      return e.return = e.value + "{" + Xe(e.children, r) + "}";
+    case nt:
+      if (!ce(e.value = e.props.join(","))) return "";
+  }
+  return ce(n = Xe(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function lo(e) {
+  var t = wn(e);
+  return function(n, r, o, s) {
+    for (var i = "", a = 0; a < t; a++)
+      i += e[a](n, r, o, s) || "";
+    return i;
+  };
+}
+function uo(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function fo(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case At:
+        e.return = xn(e.value, e.length, n);
+        return;
+      case yn:
+        return Xe([pe(e, { value: j(e.value, "@", "@" + L) })], r);
+      case nt:
+        if (e.length)
+          return Xr(n = e.props, function(o) {
+            switch (ue(o, r = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                Ee(pe(e, { props: [j(o, /:(read-\w+)/, ":" + Ve + "$1")] })), Ee(pe(e, { props: [o] })), pt(e, { props: Wt(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                Ee(pe(e, { props: [j(o, /:(plac\w+)/, ":" + L + "input-$1")] })), Ee(pe(e, { props: [j(o, /:(plac\w+)/, ":" + Ve + "$1")] })), Ee(pe(e, { props: [j(o, /:(plac\w+)/, D + "input-$1")] })), Ee(pe(e, { props: [o] })), pt(e, { props: Wt(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var po = {
+  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
+}, be = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", En = "active", Cn = "data-styled-version", it = "6.1.19", Dt = `/*!sc*/
+`, Je = typeof window < "u" && typeof document < "u", ho = !!(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"), Gt = /invalid hook call/i, ze = /* @__PURE__ */ new Set(), mo = 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(i) {
+        for (var a = [], l = 1; l < arguments.length; l++) a[l - 1] = arguments[l];
+        Gt.test(i) ? (s = !1, ze.delete(r)) : o.apply(void 0, we([i], a, !1));
+      }, q(), s && !ze.has(r) && (console.warn(r), ze.add(r));
+    } catch (i) {
+      Gt.test(i.message) && ze.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, at = Object.freeze([]), ke = Object.freeze({});
+function go(e, t, n) {
+  return n === void 0 && (n = ke), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var gt = /* @__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"]), yo = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, vo = /(^-|-$)/g;
+function Zt(e) {
+  return e.replace(yo, "-").replace(vo, "");
+}
+var So = /(a)(d)/gi, Be = 52, Xt = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function yt(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > Be; t = t / Be | 0) n = Xt(t % Be) + n;
+  return (Xt(t % Be) + n).replace(So, "$1-$2");
+}
+var ut, Pn = 5381, ge = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, Rn = function(e) {
+  return ge(Pn, e);
+};
+function kn(e) {
+  return yt(Rn(e) >>> 0);
+}
+function Tn(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function dt(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var jn = typeof Symbol == "function" && Symbol.for, In = jn ? Symbol.for("react.memo") : 60115, wo = jn ? Symbol.for("react.forward_ref") : 60112, bo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, xo = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, _n = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Eo = ((ut = {})[wo] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ut[In] = _n, ut);
+function Jt(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === In ? _n : "$$typeof" in e ? Eo[e.$$typeof] : bo;
+  var t;
+}
+var Co = Object.defineProperty, Po = Object.getOwnPropertyNames, Qt = Object.getOwnPropertySymbols, Ro = Object.getOwnPropertyDescriptor, ko = Object.getPrototypeOf, en = Object.prototype;
+function An(e, t, n) {
+  if (typeof t != "string") {
+    if (en) {
+      var r = ko(t);
+      r && r !== en && An(e, r, n);
+    }
+    var o = Po(t);
+    Qt && (o = o.concat(Qt(t)));
+    for (var s = Jt(e), i = Jt(t), a = 0; a < o.length; ++a) {
+      var l = o[a];
+      if (!(l in xo || n && n[l] || i && l in i || s && l in s)) {
+        var u = Ro(t, l);
+        try {
+          Co(e, l, u);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function Te(e) {
+  return typeof e == "function";
+}
+function Nt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function ye(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function vt(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
+}
+function je(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function St(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !je(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = St(e[r], t[r]);
+  else if (je(t)) for (var r in t) e[r] = St(e[r], t[r]);
+  return e;
+}
+function Mt(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var To = 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 jo() {
+  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(i) {
+    n = n.replace(/%[a-z]/, i);
+  }), n;
+}
+function Ae(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(jo.apply(void 0, we([To[e]], t, !1)).trim());
+}
+var Io = (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 Ae(16, "".concat(t));
+      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
+      for (var i = o; i < s; i++) this.groupSizes[i] = 0;
+    }
+    for (var a = this.indexOfGroup(t + 1), l = (i = 0, n.length); i < l; i++) this.tag.insertRule(a, n[i]) && (this.groupSizes[t]++, a++);
+  }, 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, i = o; i < s; i++) n += "".concat(this.tag.getRule(i)).concat(Dt);
+    return n;
+  }, e;
+})(), _o = 1 << 30, Ge = /* @__PURE__ */ new Map(), Qe = /* @__PURE__ */ new Map(), Ze = 1, Ue = function(e) {
+  if (Ge.has(e)) return Ge.get(e);
+  for (; Qe.has(Ze); ) Ze++;
+  var t = Ze++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > _o)) throw Ae(16, "".concat(t));
+  return Ge.set(e, t), Qe.set(t, e), t;
+}, Ao = function(e, t) {
+  Ze = t + 1, Ge.set(e, t), Qe.set(t, e);
+}, Lo = "style[".concat(be, "][").concat(Cn, '="').concat(it, '"]'), Do = new RegExp("^".concat(be, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), No = function(e, t, n) {
+  for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++) (r = o[s]) && e.registerName(t, r);
+}, Mo = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Dt), o = [], s = 0, i = r.length; s < i; s++) {
+    var a = r[s].trim();
+    if (a) {
+      var l = a.match(Do);
+      if (l) {
+        var u = 0 | parseInt(l[1], 10), h = l[2];
+        u !== 0 && (Ao(h, u), No(e, h, l[3]), e.getTag().insertRules(u, o)), o.length = 0;
+      } else o.push(a);
+    }
+  }
+}, tn = function(e) {
+  for (var t = document.querySelectorAll(Lo), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(be) !== En && (Mo(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function Oo() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var Ln = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = (function(a) {
+    var l = Array.from(a.querySelectorAll("style[".concat(be, "]")));
+    return l[l.length - 1];
+  })(n), s = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(be, En), r.setAttribute(Cn, it);
+  var i = Oo();
+  return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r;
+}, Vo = (function() {
+  function e(t) {
+    this.element = Ln(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 i = r[o];
+        if (i.ownerNode === n) return i;
+      }
+      throw Ae(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;
+})(), Fo = (function() {
+  function e(t) {
+    this.element = Ln(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;
+})(), $o = (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;
+})(), nn = Je, Ho = { isServer: !Je, useCSSOMInjection: !ho }, Dn = (function() {
+  function e(t, n, r) {
+    t === void 0 && (t = ke), n === void 0 && (n = {});
+    var o = this;
+    this.options = X(X({}, Ho), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && Je && nn && (nn = !1, tn(this)), Mt(this, function() {
+      return (function(s) {
+        for (var i = s.getTag(), a = i.length, l = "", u = function(d) {
+          var m = (function(w) {
+            return Qe.get(w);
+          })(d);
+          if (m === void 0) return "continue";
+          var g = s.names.get(m), x = i.getGroup(d);
+          if (g === void 0 || !g.size || x.length === 0) return "continue";
+          var y = "".concat(be, ".g").concat(d, '[id="').concat(m, '"]'), E = "";
+          g !== void 0 && g.forEach(function(w) {
+            w.length > 0 && (E += "".concat(w, ","));
+          }), l += "".concat(x).concat(y, '{content:"').concat(E, '"}').concat(Dt);
+        }, h = 0; h < a; h++) u(h);
+        return l;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return Ue(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && Je && tn(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(X(X({}, 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 $o(o) : r ? new Vo(o) : new Fo(o);
+    })(this.options), new Io(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 (Ue(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(Ue(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(Ue(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), zo = /&/g, Bo = /^\s*\/\/.*$/gm;
+function Nn(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 = Nn(n.children, t)), n;
+  });
+}
+function Uo(e) {
+  var t, n, r, o = ke, s = o.options, i = s === void 0 ? ke : s, a = o.plugins, l = a === void 0 ? at : a, u = function(m, g, x) {
+    return x.startsWith(n) && x.endsWith(n) && x.replaceAll(n, "").length > 0 ? ".".concat(t) : m;
+  }, h = l.slice();
+  h.push(function(m) {
+    m.type === nt && m.value.includes("&") && (m.props[0] = m.props[0].replace(zo, n).replace(r, u));
+  }), i.prefix && h.push(fo), h.push(co);
+  var d = function(m, g, x, y) {
+    g === void 0 && (g = ""), x === void 0 && (x = ""), y === void 0 && (y = "&"), t = y, n = g, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var E = m.replace(Bo, ""), w = io(x || g ? "".concat(x, " ").concat(g, " { ").concat(E, " }") : E);
+    i.namespace && (w = Nn(w, i.namespace));
+    var R = [];
+    return Xe(w, lo(h.concat(uo(function(p) {
+      return R.push(p);
+    })))), R;
+  };
+  return d.hash = l.length ? l.reduce(function(m, g) {
+    return g.name || Ae(15), ge(m, g.name);
+  }, Pn).toString() : "", d;
+}
+var Yo = new Dn(), wt = Uo(), Mn = B.createContext({ shouldForwardProp: void 0, styleSheet: Yo, stylis: wt });
+Mn.Consumer;
+B.createContext(void 0);
+function rn() {
+  return jt(Mn);
+}
+var bt = (function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, s) {
+      s === void 0 && (s = wt);
+      var i = r.name + s.hash;
+      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, s(r.rules, i, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, Mt(this, function() {
+      throw Ae(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = wt), this.name + t.hash;
+  }, e;
+})(), Wo = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function on(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Wo(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var On = function(e) {
+  return e == null || e === !1 || e === "";
+}, Vn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !On(s) && (Array.isArray(s) && s.isCss || Te(s) ? r.push("".concat(on(o), ":"), s, ";") : je(s) ? r.push.apply(r, we(we(["".concat(o, " {")], Vn(s), !1), ["}"], !1)) : r.push("".concat(on(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in po || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function Se(e, t, n, r) {
+  if (On(e)) return [];
+  if (Nt(e)) return [".".concat(e.styledComponentId)];
+  if (Te(e)) {
+    if (!Te(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 bt || je(o) || o === null || console.error("".concat(Tn(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.")), Se(o, t, n, r);
+  }
+  var s;
+  return e instanceof bt ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : je(e) ? Vn(e) : Array.isArray(e) ? Array.prototype.concat.apply(at, e.map(function(i) {
+    return Se(i, t, n, r);
+  })) : [e.toString()];
+}
+function qo(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (Te(n) && !Nt(n)) return !1;
+  }
+  return !0;
+}
+var Ko = Rn(it), Go = (function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && qo(t), this.componentId = n, this.baseHash = ge(Ko, n), this.baseStyle = r, Dn.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 = ye(o, this.staticRulesId);
+    else {
+      var s = vt(Se(this.rules, t, n, r)), i = yt(ge(this.baseHash, s) >>> 0);
+      if (!n.hasNameForId(this.componentId, i)) {
+        var a = r(s, ".".concat(i), void 0, this.componentId);
+        n.insertRules(this.componentId, i, a);
+      }
+      o = ye(o, i), this.staticRulesId = i;
+    }
+    else {
+      for (var l = ge(this.baseHash, r.hash), u = "", h = 0; h < this.rules.length; h++) {
+        var d = this.rules[h];
+        if (typeof d == "string") u += d, process.env.NODE_ENV !== "production" && (l = ge(l, d));
+        else if (d) {
+          var m = vt(Se(d, t, n, r));
+          l = ge(l, m + h), u += m;
+        }
+      }
+      if (u) {
+        var g = yt(l >>> 0);
+        n.hasNameForId(this.componentId, g) || n.insertRules(this.componentId, g, r(u, ".".concat(g), void 0, this.componentId)), o = ye(o, g);
+      }
+    }
+    return o;
+  }, e;
+})(), Fn = B.createContext(void 0);
+Fn.Consumer;
+var ft = {}, sn = /* @__PURE__ */ new Set();
+function Zo(e, t, n) {
+  var r = Nt(e), o = e, s = !dt(e), i = t.attrs, a = i === void 0 ? at : i, l = t.componentId, u = l === void 0 ? (function(S, T) {
+    var P = typeof S != "string" ? "sc" : Zt(S);
+    ft[P] = (ft[P] || 0) + 1;
+    var C = "".concat(P, "-").concat(kn(it + P + ft[P]));
+    return T ? "".concat(T, "-").concat(C) : C;
+  })(t.displayName, t.parentComponentId) : l, h = t.displayName, d = h === void 0 ? (function(S) {
+    return dt(S) ? "styled.".concat(S) : "Styled(".concat(Tn(S), ")");
+  })(e) : h, m = t.displayName && t.componentId ? "".concat(Zt(t.displayName), "-").concat(t.componentId) : t.componentId || u, g = r && o.attrs ? o.attrs.concat(a).filter(Boolean) : a, x = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var y = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var E = t.shouldForwardProp;
+      x = function(S, T) {
+        return y(S, T) && E(S, T);
+      };
+    } else x = y;
+  }
+  var w = new Go(n, m, r ? o.componentStyle : void 0);
+  function R(S, T) {
+    return (function(P, C, $) {
+      var U = P.attrs, I = P.componentStyle, N = P.defaultProps, z = P.foldedComponentIds, ee = P.styledComponentId, oe = P.target, se = B.useContext(Fn), J = rn(), O = P.shouldForwardProp || J.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && $t(ee);
+      var Q = go(C, se, N) || ke, Y = (function(W, le, de) {
+        for (var M, K = X(X({}, le), { className: void 0, theme: de }), me = 0; me < W.length; me += 1) {
+          var xe = Te(M = W[me]) ? M(K) : M;
+          for (var fe in xe) K[fe] = fe === "className" ? ye(K[fe], xe[fe]) : fe === "style" ? X(X({}, K[fe]), xe[fe]) : xe[fe];
+        }
+        return le.className && (K.className = ye(K.className, le.className)), K;
+      })(U, C, Q), f = Y.as || oe, k = {};
+      for (var _ in Y) Y[_] === void 0 || _[0] === "$" || _ === "as" || _ === "theme" && Y.theme === Q || (_ === "forwardedAs" ? k.as = Y.forwardedAs : O && !O(_, f) || (k[_] = Y[_], O || process.env.NODE_ENV !== "development" || qr(_) || sn.has(_) || !gt.has(f) || (sn.add(_), console.warn('styled-components: it looks like an unknown prop "'.concat(_, '" 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 V = (function(W, le) {
+        var de = rn(), M = W.generateAndInjectStyles(le, de.styleSheet, de.stylis);
+        return process.env.NODE_ENV !== "production" && $t(M), M;
+      })(I, Y);
+      process.env.NODE_ENV !== "production" && P.warnTooManyClasses && P.warnTooManyClasses(V);
+      var te = ye(z, ee);
+      return V && (te += " " + V), Y.className && (te += " " + Y.className), k[dt(f) && !gt.has(f) ? "class" : "className"] = te, $ && (k.ref = $), Dr(f, k);
+    })(p, S, T);
+  }
+  R.displayName = d;
+  var p = B.forwardRef(R);
+  return p.attrs = g, p.componentStyle = w, p.displayName = d, p.shouldForwardProp = x, p.foldedComponentIds = r ? ye(o.foldedComponentIds, o.styledComponentId) : "", p.styledComponentId = m, p.target = r ? o.target : e, Object.defineProperty(p, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(S) {
+    this._foldedDefaultProps = r ? (function(T) {
+      for (var P = [], C = 1; C < arguments.length; C++) P[C - 1] = arguments[C];
+      for (var $ = 0, U = P; $ < U.length; $++) St(T, U[$], !0);
+      return T;
+    })({}, o.defaultProps, S) : S;
+  } }), process.env.NODE_ENV !== "production" && (mo(d, m), p.warnTooManyClasses = /* @__PURE__ */ (function(S, T) {
+    var P = {}, C = !1;
+    return function($) {
+      if (!C && (P[$] = !0, Object.keys(P).length >= 200)) {
+        var U = T ? ' with the id of "'.concat(T, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(S).concat(U, `.
+`) + `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 />`), C = !0, P = {};
+      }
+    };
+  })(d, m)), Mt(p, function() {
+    return ".".concat(p.styledComponentId);
+  }), s && An(p, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), p;
+}
+function an(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 cn = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function et(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (Te(e) || je(e)) return cn(Se(an(at, we([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Se(r) : cn(Se(an(r, t)));
+}
+function xt(e, t, n) {
+  if (n === void 0 && (n = ke), !t) throw Ae(1, t);
+  var r = function(o) {
+    for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
+    return e(t, n, et.apply(void 0, we([o], s, !1)));
+  };
+  return r.attrs = function(o) {
+    return xt(e, t, X(X({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return xt(e, t, X(X({}, n), o));
+  }, r;
+}
+var $n = function(e) {
+  return xt(Zo, e);
+}, A = $n;
+gt.forEach(function(e) {
+  A[e] = $n(e);
+});
+function Xo(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 = vt(et.apply(void 0, we([e], t, !1))), o = kn(r);
+  return new bt(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 Ye = "__sc-".concat(be, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Ye] || (window[Ye] = 0), window[Ye] === 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[Ye] += 1);
+function Jo({
+  children: e,
+  eventFinishedMessage: t,
+  eventNotStartedMessage: n,
+  eventStartingSoonMessage: r
+}) {
+  const o = Z((u) => u.startDate), s = Z((u) => u.endDate), i = Date.now(), a = i < o.getTime(), l = i > s.getTime();
+  return $r(5e3), a ? /* @__PURE__ */ c.jsx(
+    Qo,
+    {
+      startDate: o,
+      title: n || "Event has not started yet.",
+      message: r || "Starting in few seconds..."
+    }
+  ) : l ? /* @__PURE__ */ c.jsx(es, { title: t || "Event has finished." }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+}
+function Qo({ startDate: e, title: t, message: n }) {
+  const r = e.getTime() - Date.now(), o = Math.floor(r / (1e3 * 60 * 60)), s = Math.floor(
+    r % (1e3 * 60 * 60) / (1e3 * 60)
+  );
+  return o || s ? /* @__PURE__ */ c.jsxs(Et, { children: [
+    /* @__PURE__ */ c.jsx(Ct, { children: t }),
+    /* @__PURE__ */ c.jsxs(ts, { children: [
+      "(",
+      o > 0 ? `${o}h ${s}m` : `${s}m`,
+      ")"
+    ] })
+  ] }) : /* @__PURE__ */ c.jsx(Et, { children: /* @__PURE__ */ c.jsx(Ct, { children: n }) });
+}
+function es({ title: e }) {
+  return /* @__PURE__ */ c.jsx(Et, { children: /* @__PURE__ */ c.jsx(Ct, { children: e }) });
+}
+const Et = A.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: black;
+  background: #f7e406;
+`, Ct = A.h3`
+  margin: 0;
+  padding: 0.5rem 0;
+  font-size: 1.5rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+`, ts = A.p`
+  margin: 0;
+  height: 1.25rem;
+  font-size: 1rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+`;
+function ns() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })
+    }
+  );
+}
+function Fe({ shape: e = "circle", ...t }) {
+  return /* @__PURE__ */ c.jsx(rs, { $shape: e, ...t });
+}
+const rs = A.button`
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  line-height: 1;
+  font-size: 0.875rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+  cursor: pointer;
+  color: white;
+  background: none;
+  border: none;
+  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    color: black;
+    background: #f7e406;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  ${({ $shape: e }) => e === "circle" && et`
+      padding: 0;
+      width: 2.25rem;
+      height: 2.25rem;
+      border-radius: 1.25rem;
+    `}
+
+  ${({ $shape: e }) => e === "square" && et`
+      padding: 0.25rem 0.5rem;
+      border-radius: 1rem;
+    `}
+`;
+function os({ message: e, ...t }) {
+  const n = Z((s) => s.delay), r = Z((s) => s.setDelay), o = () => r(0);
+  return n ? /* @__PURE__ */ c.jsxs(Fe, { onClick: o, shape: "square", ...t, children: [
+    /* @__PURE__ */ c.jsx("span", { children: e || "Live" }),
+    /* @__PURE__ */ c.jsx(ns, {})
+  ] }) : null;
+}
+function Hn() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6 3H8V21H6V3ZM16 3H18V21H16V3Z" })
+    }
+  );
+}
+function zn() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6 20.1957V3.80421C6 3.01878 6.86395 2.53993 7.53 2.95621L20.6432 11.152C21.2699 11.5436 21.2699 12.4563 20.6432 12.848L7.53 21.0437C6.86395 21.46 6 20.9812 6 20.1957Z" })
+    }
+  );
+}
+function ss(e, t, n) {
+  const r = {
+    days: 86400,
+    hours: 3600,
+    minutes: 60,
+    seconds: 1,
+    milliseconds: 1e-3
+  };
+  return e * (r[t] / r[n]);
+}
+function is(e) {
+  return ss(e, "milliseconds", "seconds");
+}
+const Ie = (e) => {
+  const t = Math.floor(e / 60), n = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+};
+function as(e) {
+  const t = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(t);
+}
+const Bn = as(/iPhone|iPad|iPod/i);
+function cs() {
+  const e = document;
+  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
+}
+function ls(e) {
+  e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
+}
+function us(e) {
+  e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
+}
+function ds(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 fs = (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: () => is(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
+    });
+  }
+}), ps = (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 };
+  })
+}), hs = (e, t) => ({
+  isFullscreen: !1,
+  isFullscreenReady: !1,
+  exitFullscreen: () => {
+    us(document), e({ isFullscreen: !1 });
+  },
+  requestFullscreen: () => {
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
+    const o = Bn ? n : r;
+    o && ls(o), e({ isFullscreen: !0 });
+  },
+  setIsFullscreen: (n) => e({ isFullscreen: n }),
+  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
+}), ms = (e) => ({
+  url: "",
+  setURL: (t) => e({ url: t })
+}), gs = (e) => () => ({
+  ...e
+}), ys = (e, t) => hn()((...n) => ({
+  ...fs(...n),
+  ...ps(...n),
+  ...hs(...n),
+  ...ms(...n),
+  ...gs({ techRef: e, containerRef: t })(...n)
+})), Un = pn(null);
+function vs({ children: e }) {
+  const t = q(null), n = q(null), r = q(null);
+  return t.current || (t.current = ys(n, r)), /* @__PURE__ */ c.jsx(Un.Provider, { value: t.current, children: e });
+}
+const b = (e) => {
+  const t = jt(Un);
+  if (!t)
+    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
+  return _t(t, e);
+};
+function Ss() {
+  const e = b((l) => l.isPlaying), t = b((l) => l.pause), n = b((l) => l.pauseTime), r = b((l) => l.pauseTimeDiff), o = b((l) => l.play), s = Z((l) => l.delay), i = Z((l) => l.setDelay), a = () => {
+    e ? t() : (n && i(s + r()), o());
+  };
+  return /* @__PURE__ */ c.jsx(Fe, { onClick: a, children: e ? /* @__PURE__ */ c.jsx(Hn, {}) : /* @__PURE__ */ c.jsx(zn, {}) });
+}
+function Yn({
+  className: e,
+  onClick: t,
+  ...n
+}) {
+  const r = q(null), o = b((d) => d.exitFullscreen), s = b((d) => d.isFullscreen), i = b((d) => d.requestFullscreen), a = (d) => {
+    h() ? (u(), s ? o() : i()) : l(d);
+  }, l = (d) => {
+    r.current = window.setTimeout(() => {
+      t?.(d), u();
+    }, 200);
+  }, u = () => {
+    r.current !== null && (window.clearTimeout(r.current), r.current = null);
+  }, h = () => r.current !== null;
+  return ne(() => () => {
+    u();
+  }, []), /* @__PURE__ */ c.jsx(
+    ws,
+    {
+      onClick: a,
+      className: e,
+      "aria-label": "Player playback indicator",
+      ...n
+    }
+  );
+}
+const ws = A.button`
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  cursor: default;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  background: none;
+  border: none;
+  padding: 0;
+
+  &:focus {
+    outline: none;
+  }
+`;
+function bs() {
+  const e = b((r) => r.isPlaying), t = b((r) => r.play), n = () => {
+    e || t();
+  };
+  return /* @__PURE__ */ c.jsx(Yn, { onClick: n });
+}
+const Wn = A.div`
+  position: relative;
+  width: 100%;
+`, qn = A.div`
+  position: absolute;
+  bottom: 1.75rem;
+  left: 0;
+  width: 3rem;
+  z-index: 10;
+  pointer-events: none;
+  user-select: none;
+  opacity: ${({ $isVisible: e }) => e ? 1 : 0};
+  transform: ${({ $isVisible: e }) => e ? "translateY(0)" : "translateY(-0.5rem)"};
+  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
+`, Kn = A.p`
+  margin: 0;
+  padding: 0.25rem;
+  font-variant-numeric: tabular-nums;
+  font-size: 0.875rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+  text-align: center;
+  color: white;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 1rem;
+`;
+function Gn(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
+}
+function Ce(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e?.(o), n === !1 || !o.defaultPrevented)
+      return t?.(o);
+  };
+}
+function ln(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Zn(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const s = ln(o, t);
+      return !n && typeof s == "function" && (n = !0), s;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const s = r[o];
+          typeof s == "function" ? s() : ln(e[o], null);
+        }
+      };
+  };
+}
+function he(...e) {
+  return v.useCallback(Zn(...e), e);
+}
+function Xn(e, t = []) {
+  let n = [];
+  function r(s, i) {
+    const a = v.createContext(i), l = n.length;
+    n = [...n, i];
+    const u = (d) => {
+      const { scope: m, children: g, ...x } = d, y = m?.[e]?.[l] || a, E = v.useMemo(() => x, Object.values(x));
+      return /* @__PURE__ */ c.jsx(y.Provider, { value: E, children: g });
+    };
+    u.displayName = s + "Provider";
+    function h(d, m) {
+      const g = m?.[e]?.[l] || a, x = v.useContext(g);
+      if (x) return x;
+      if (i !== void 0) return i;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [u, h];
+  }
+  const o = () => {
+    const s = n.map((i) => v.createContext(i));
+    return function(a) {
+      const l = a?.[e] || s;
+      return v.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: l } }),
+        [a, l]
+      );
+    };
+  };
+  return o.scopeName = e, [r, xs(o, ...t)];
+}
+function xs(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(s) {
+      const i = r.reduce((a, { useScope: l, scopeName: u }) => {
+        const d = l(s)[`__scope${u}`];
+        return { ...a, ...d };
+      }, {});
+      return v.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var Jn = globalThis?.document ? v.useLayoutEffect : () => {
+}, Es = v[" useInsertionEffect ".trim().toString()] || Jn;
+function Cs({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [o, s, i] = Ps({
+    defaultProp: t,
+    onChange: n
+  }), a = e !== void 0, l = a ? e : o;
+  {
+    const h = v.useRef(e !== void 0);
+    v.useEffect(() => {
+      const d = h.current;
+      d !== a && console.warn(
+        `${r} is changing from ${d ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), h.current = a;
+    }, [a, r]);
+  }
+  const u = v.useCallback(
+    (h) => {
+      if (a) {
+        const d = Rs(h) ? h(e) : h;
+        d !== e && i.current?.(d);
+      } else
+        s(h);
+    },
+    [a, e, s, i]
+  );
+  return [l, u];
+}
+function Ps({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = v.useState(e), o = v.useRef(n), s = v.useRef(t);
+  return Es(() => {
+    s.current = t;
+  }, [t]), v.useEffect(() => {
+    o.current !== n && (s.current?.(n), o.current = n);
+  }, [n, o]), [n, r, s];
+}
+function Rs(e) {
+  return typeof e == "function";
+}
+var ks = v.createContext(void 0);
+function Ts(e) {
+  const t = v.useContext(ks);
+  return e || t || "ltr";
+}
+function js(e) {
+  const t = v.useRef({ value: e, previous: e });
+  return v.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+function Is(e) {
+  const [t, n] = v.useState(void 0);
+  return Jn(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const s = o[0];
+        let i, a;
+        if ("borderBoxSize" in s) {
+          const l = s.borderBoxSize, u = Array.isArray(l) ? l[0] : l;
+          i = u.inlineSize, a = u.blockSize;
+        } else
+          i = e.offsetWidth, a = e.offsetHeight;
+        n({ width: i, height: a });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+// @__NO_SIDE_EFFECTS__
+function Pt(e) {
+  const t = /* @__PURE__ */ _s(e), n = v.forwardRef((r, o) => {
+    const { children: s, ...i } = r, a = v.Children.toArray(s), l = a.find(Ls);
+    if (l) {
+      const u = l.props.children, h = a.map((d) => d === l ? v.Children.count(u) > 1 ? v.Children.only(null) : v.isValidElement(u) ? u.props.children : null : d);
+      return /* @__PURE__ */ c.jsx(t, { ...i, ref: o, children: v.isValidElement(u) ? v.cloneElement(u, void 0, h) : null });
+    }
+    return /* @__PURE__ */ c.jsx(t, { ...i, ref: o, children: s });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function _s(e) {
+  const t = v.forwardRef((n, r) => {
+    const { children: o, ...s } = n;
+    if (v.isValidElement(o)) {
+      const i = Ns(o), a = Ds(s, o.props);
+      return o.type !== v.Fragment && (a.ref = r ? Zn(r, i) : i), v.cloneElement(o, a);
+    }
+    return v.Children.count(o) > 1 ? v.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var As = Symbol("radix.slottable");
+function Ls(e) {
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === As;
+}
+function Ds(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? o && s ? n[r] = (...a) => {
+      const l = s(...a);
+      return o(...a), l;
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...s } : r === "className" && (n[r] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function Ns(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Ms = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], $e = Ms.reduce((e, t) => {
+  const n = /* @__PURE__ */ Pt(`Primitive.${t}`), r = v.forwardRef((o, s) => {
+    const { asChild: i, ...a } = o, l = i ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c.jsx(l, { ...a, ref: s });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Os(e) {
+  const t = e + "CollectionProvider", [n, r] = Xn(t), [o, s] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), i = (y) => {
+    const { scope: E, children: w } = y, R = B.useRef(null), p = B.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ c.jsx(o, { scope: E, itemMap: p, collectionRef: R, children: w });
+  };
+  i.displayName = t;
+  const a = e + "CollectionSlot", l = /* @__PURE__ */ Pt(a), u = B.forwardRef(
+    (y, E) => {
+      const { scope: w, children: R } = y, p = s(a, w), S = he(E, p.collectionRef);
+      return /* @__PURE__ */ c.jsx(l, { ref: S, children: R });
+    }
+  );
+  u.displayName = a;
+  const h = e + "CollectionItemSlot", d = "data-radix-collection-item", m = /* @__PURE__ */ Pt(h), g = B.forwardRef(
+    (y, E) => {
+      const { scope: w, children: R, ...p } = y, S = B.useRef(null), T = he(E, S), P = s(h, w);
+      return B.useEffect(() => (P.itemMap.set(S, { ref: S, ...p }), () => void P.itemMap.delete(S))), /* @__PURE__ */ c.jsx(m, { [d]: "", ref: T, children: R });
+    }
+  );
+  g.displayName = h;
+  function x(y) {
+    const E = s(e + "CollectionConsumer", y);
+    return B.useCallback(() => {
+      const R = E.collectionRef.current;
+      if (!R) return [];
+      const p = Array.from(R.querySelectorAll(`[${d}]`));
+      return Array.from(E.itemMap.values()).sort(
+        (P, C) => p.indexOf(P.ref.current) - p.indexOf(C.ref.current)
+      );
+    }, [E.collectionRef, E.itemMap]);
+  }
+  return [
+    { Provider: i, Slot: u, ItemSlot: g },
+    x,
+    r
+  ];
+}
+var Qn = ["PageUp", "PageDown"], er = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], tr = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, Le = "Slider", [Rt, Vs, Fs] = Os(Le), [nr, Vi] = Xn(Le, [
+  Fs
+]), [$s, ct] = nr(Le), rr = v.forwardRef(
+  (e, t) => {
+    const {
+      name: n,
+      min: r = 0,
+      max: o = 100,
+      step: s = 1,
+      orientation: i = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: l = 0,
+      defaultValue: u = [r],
+      value: h,
+      onValueChange: d = () => {
+      },
+      onValueCommit: m = () => {
+      },
+      inverted: g = !1,
+      form: x,
+      ...y
+    } = e, E = v.useRef(/* @__PURE__ */ new Set()), w = v.useRef(0), p = i === "horizontal" ? Hs : zs, [S = [], T] = Cs({
+      prop: h,
+      defaultProp: u,
+      onChange: (N) => {
+        [...E.current][w.current]?.focus(), d(N);
+      }
+    }), P = v.useRef(S);
+    function C(N) {
+      const z = qs(S, N);
+      I(N, z);
+    }
+    function $(N) {
+      I(N, w.current);
+    }
+    function U() {
+      const N = P.current[w.current];
+      S[w.current] !== N && m(S);
+    }
+    function I(N, z, { commit: ee } = { commit: !1 }) {
+      const oe = Xs(s), se = Js(Math.round((N - r) / s) * s + r, oe), J = Gn(se, [r, o]);
+      T((O = []) => {
+        const Q = Ys(O, J, z);
+        if (Zs(Q, l * s)) {
+          w.current = Q.indexOf(J);
+          const Y = String(Q) !== String(O);
+          return Y && ee && m(Q), Y ? Q : O;
+        } else
+          return O;
+      });
+    }
+    return /* @__PURE__ */ c.jsx(
+      $s,
+      {
+        scope: e.__scopeSlider,
+        name: n,
+        disabled: a,
+        min: r,
+        max: o,
+        valueIndexToChangeRef: w,
+        thumbs: E.current,
+        values: S,
+        orientation: i,
+        form: x,
+        children: /* @__PURE__ */ c.jsx(Rt.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(Rt.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(
+          p,
+          {
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...y,
+            ref: t,
+            onPointerDown: Ce(y.onPointerDown, () => {
+              a || (P.current = S);
+            }),
+            min: r,
+            max: o,
+            inverted: g,
+            onSlideStart: a ? void 0 : C,
+            onSlideMove: a ? void 0 : $,
+            onSlideEnd: a ? void 0 : U,
+            onHomeKeyDown: () => !a && I(r, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && I(o, S.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: N, direction: z }) => {
+              if (!a) {
+                const se = Qn.includes(N.key) || N.shiftKey && er.includes(N.key) ? 10 : 1, J = w.current, O = S[J], Q = s * se * z;
+                I(O + Q, J, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+rr.displayName = Le;
+var [or, sr] = nr(Le, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), Hs = v.forwardRef(
+  (e, t) => {
+    const {
+      min: n,
+      max: r,
+      dir: o,
+      inverted: s,
+      onSlideStart: i,
+      onSlideMove: a,
+      onSlideEnd: l,
+      onStepKeyDown: u,
+      ...h
+    } = e, [d, m] = v.useState(null), g = he(t, (p) => m(p)), x = v.useRef(void 0), y = Ts(o), E = y === "ltr", w = E && !s || !E && s;
+    function R(p) {
+      const S = x.current || d.getBoundingClientRect(), T = [0, S.width], C = Ot(T, w ? [n, r] : [r, n]);
+      return x.current = S, C(p - S.left);
+    }
+    return /* @__PURE__ */ c.jsx(
+      or,
+      {
+        scope: e.__scopeSlider,
+        startEdge: w ? "left" : "right",
+        endEdge: w ? "right" : "left",
+        direction: w ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ c.jsx(
+          ir,
+          {
+            dir: y,
+            "data-orientation": "horizontal",
+            ...h,
+            ref: g,
+            style: {
+              ...h.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (p) => {
+              const S = R(p.clientX);
+              i?.(S);
+            },
+            onSlideMove: (p) => {
+              const S = R(p.clientX);
+              a?.(S);
+            },
+            onSlideEnd: () => {
+              x.current = void 0, l?.();
+            },
+            onStepKeyDown: (p) => {
+              const T = tr[w ? "from-left" : "from-right"].includes(p.key);
+              u?.({ event: p, direction: T ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), zs = v.forwardRef(
+  (e, t) => {
+    const {
+      min: n,
+      max: r,
+      inverted: o,
+      onSlideStart: s,
+      onSlideMove: i,
+      onSlideEnd: a,
+      onStepKeyDown: l,
+      ...u
+    } = e, h = v.useRef(null), d = he(t, h), m = v.useRef(void 0), g = !o;
+    function x(y) {
+      const E = m.current || h.current.getBoundingClientRect(), w = [0, E.height], p = Ot(w, g ? [r, n] : [n, r]);
+      return m.current = E, p(y - E.top);
+    }
+    return /* @__PURE__ */ c.jsx(
+      or,
+      {
+        scope: e.__scopeSlider,
+        startEdge: g ? "bottom" : "top",
+        endEdge: g ? "top" : "bottom",
+        size: "height",
+        direction: g ? 1 : -1,
+        children: /* @__PURE__ */ c.jsx(
+          ir,
+          {
+            "data-orientation": "vertical",
+            ...u,
+            ref: d,
+            style: {
+              ...u.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (y) => {
+              const E = x(y.clientY);
+              s?.(E);
+            },
+            onSlideMove: (y) => {
+              const E = x(y.clientY);
+              i?.(E);
+            },
+            onSlideEnd: () => {
+              m.current = void 0, a?.();
+            },
+            onStepKeyDown: (y) => {
+              const w = tr[g ? "from-bottom" : "from-top"].includes(y.key);
+              l?.({ event: y, direction: w ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), ir = v.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: n,
+      onSlideStart: r,
+      onSlideMove: o,
+      onSlideEnd: s,
+      onHomeKeyDown: i,
+      onEndKeyDown: a,
+      onStepKeyDown: l,
+      ...u
+    } = e, h = ct(Le, n);
+    return /* @__PURE__ */ c.jsx(
+      $e.span,
+      {
+        ...u,
+        ref: t,
+        onKeyDown: Ce(e.onKeyDown, (d) => {
+          d.key === "Home" ? (i(d), d.preventDefault()) : d.key === "End" ? (a(d), d.preventDefault()) : Qn.concat(er).includes(d.key) && (l(d), d.preventDefault());
+        }),
+        onPointerDown: Ce(e.onPointerDown, (d) => {
+          const m = d.target;
+          m.setPointerCapture(d.pointerId), d.preventDefault(), h.thumbs.has(m) ? m.focus() : r(d);
+        }),
+        onPointerMove: Ce(e.onPointerMove, (d) => {
+          d.target.hasPointerCapture(d.pointerId) && o(d);
+        }),
+        onPointerUp: Ce(e.onPointerUp, (d) => {
+          const m = d.target;
+          m.hasPointerCapture(d.pointerId) && (m.releasePointerCapture(d.pointerId), s(d));
+        })
+      }
+    );
+  }
+), ar = "SliderTrack", cr = v.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: n, ...r } = e, o = ct(ar, n);
+    return /* @__PURE__ */ c.jsx(
+      $e.span,
+      {
+        "data-disabled": o.disabled ? "" : void 0,
+        "data-orientation": o.orientation,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+cr.displayName = ar;
+var kt = "SliderRange", lr = v.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: n, ...r } = e, o = ct(kt, n), s = sr(kt, n), i = v.useRef(null), a = he(t, i), l = o.values.length, u = o.values.map(
+      (m) => fr(m, o.min, o.max)
+    ), h = l > 1 ? Math.min(...u) : 0, d = 100 - Math.max(...u);
+    return /* @__PURE__ */ c.jsx(
+      $e.span,
+      {
+        "data-orientation": o.orientation,
+        "data-disabled": o.disabled ? "" : void 0,
+        ...r,
+        ref: a,
+        style: {
+          ...e.style,
+          [s.startEdge]: h + "%",
+          [s.endEdge]: d + "%"
+        }
+      }
+    );
+  }
+);
+lr.displayName = kt;
+var Tt = "SliderThumb", ur = v.forwardRef(
+  (e, t) => {
+    const n = Vs(e.__scopeSlider), [r, o] = v.useState(null), s = he(t, (a) => o(a)), i = v.useMemo(
+      () => r ? n().findIndex((a) => a.ref.current === r) : -1,
+      [n, r]
+    );
+    return /* @__PURE__ */ c.jsx(Bs, { ...e, ref: s, index: i });
+  }
+), Bs = v.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: n, index: r, name: o, ...s } = e, i = ct(Tt, n), a = sr(Tt, n), [l, u] = v.useState(null), h = he(t, (R) => u(R)), d = l ? i.form || !!l.closest("form") : !0, m = Is(l), g = i.values[r], x = g === void 0 ? 0 : fr(g, i.min, i.max), y = Ws(r, i.values.length), E = m?.[a.size], w = E ? Ks(E, x, a.direction) : 0;
+    return v.useEffect(() => {
+      if (l)
+        return i.thumbs.add(l), () => {
+          i.thumbs.delete(l);
+        };
+    }, [l, i.thumbs]), /* @__PURE__ */ c.jsxs(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${x}% + ${w}px)`
+        },
+        children: [
+          /* @__PURE__ */ c.jsx(Rt.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ c.jsx(
+            $e.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || y,
+              "aria-valuemin": i.min,
+              "aria-valuenow": g,
+              "aria-valuemax": i.max,
+              "aria-orientation": i.orientation,
+              "data-orientation": i.orientation,
+              "data-disabled": i.disabled ? "" : void 0,
+              tabIndex: i.disabled ? void 0 : 0,
+              ...s,
+              ref: h,
+              style: g === void 0 ? { display: "none" } : e.style,
+              onFocus: Ce(e.onFocus, () => {
+                i.valueIndexToChangeRef.current = r;
+              })
+            }
+          ) }),
+          d && /* @__PURE__ */ c.jsx(
+            dr,
+            {
+              name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
+              form: i.form,
+              value: g
+            },
+            r
+          )
+        ]
+      }
+    );
+  }
+);
+ur.displayName = Tt;
+var Us = "RadioBubbleInput", dr = v.forwardRef(
+  ({ __scopeSlider: e, value: t, ...n }, r) => {
+    const o = v.useRef(null), s = he(o, r), i = js(t);
+    return v.useEffect(() => {
+      const a = o.current;
+      if (!a) return;
+      const l = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(l, "value").set;
+      if (i !== t && h) {
+        const d = new Event("input", { bubbles: !0 });
+        h.call(a, t), a.dispatchEvent(d);
+      }
+    }, [i, t]), /* @__PURE__ */ c.jsx(
+      $e.input,
+      {
+        style: { display: "none" },
+        ...n,
+        ref: s,
+        defaultValue: t
+      }
+    );
+  }
+);
+dr.displayName = Us;
+function Ys(e = [], t, n) {
+  const r = [...e];
+  return r[n] = t, r.sort((o, s) => o - s);
+}
+function fr(e, t, n) {
+  const s = 100 / (n - t) * (e - t);
+  return Gn(s, [0, 100]);
+}
+function Ws(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function qs(e, t) {
+  if (e.length === 1) return 0;
+  const n = e.map((o) => Math.abs(o - t)), r = Math.min(...n);
+  return n.indexOf(r);
+}
+function Ks(e, t, n) {
+  const r = e / 2, s = Ot([0, 50], [0, r]);
+  return (r - s(t) * n) * n;
+}
+function Gs(e) {
+  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
+}
+function Zs(e, t) {
+  if (t > 0) {
+    const n = Gs(e);
+    return Math.min(...n) >= t;
+  }
+  return !0;
+}
+function Ot(e, t) {
+  return (n) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (n - e[0]);
+  };
+}
+function Xs(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Js(e, t) {
+  const n = Math.pow(10, t);
+  return Math.round(e * n) / n;
+}
+var Qs = rr, ei = cr, ti = lr, ni = ur;
+function Vt({
+  max: e = 100,
+  min: t = 0,
+  ...n
+}) {
+  return /* @__PURE__ */ c.jsxs(
+    ri,
+    {
+      min: t,
+      max: e,
+      "aria-label": "Player progress",
+      onKeyDown: (r) => (
+        // Prevent the slider from being controlled by the keyboard
+        // when the slider is focused by a click
+        r.preventDefault()
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ c.jsx(oi, { children: /* @__PURE__ */ c.jsx(si, {}) }),
+        /* @__PURE__ */ c.jsx(ii, {})
+      ]
+    }
+  );
+}
+const ri = A(Qs)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 1rem;
+  touch-action: none;
+  user-select: none;
+  cursor: pointer;
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+`, oi = A(ei)`
+  position: relative;
+  height: 0.25rem;
+  flex-grow: 1;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 1rem;
+  overflow: hidden;
+`, si = A(ti)`
+  position: absolute;
+  height: 100%;
+  background: #f7e406;
+  transition: width 0.2s ease-in-out;
+  border-radius: 1rem;
+`, ii = A(ni)`
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  cursor: pointer;
+  background: white;
+  transition: all 0.2s ease-in-out;
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
+  border-radius: 50%;
+
+  &:hover {
+    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.4);
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 0.125rem rgba(247, 228, 6, 0.5);
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+`;
+function tt(e) {
+  const t = e.getBoundingClientRect();
+  return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
+    left: t.left * 100,
+    right: t.right * 100,
+    top: t.top * 100,
+    bottom: t.bottom * 100,
+    width: t.width * 100,
+    height: t.height * 100
+  } : t;
+}
+const ai = (e, t) => parseInt(
+  Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
+), pr = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), hr = (e, t) => Math.max(0, (t - e) / 1e3), un = "vod-player-progress-bar";
+function ci() {
+  const e = q(null), t = q(null), [n, r] = G(0), [o, s] = G(0), [i, a] = G(!1), [l, u] = G(-1), [h, d] = G(-1), m = Z((I) => I.delay), g = Z((I) => I.startTime), x = Z((I) => I.endTime), y = Z((I) => I.setDelay), E = b((I) => I.isPlaying), w = b((I) => I.addIdleLock), R = b((I) => I.removeIdleLock), p = ie(() => {
+    r(pr(g, m)), s(hr(g, x));
+  }, [m, x, g]), S = parseFloat(
+    (o ? (h !== -1 ? h : n) / o * 100 : 0).toFixed(1)
+  ), T = (I) => {
+    d(o * (I[0] / 100)), w(un);
+  }, P = () => {
+    if (h !== -1) {
+      const I = ai(g, h);
+      y(I), d(-1), R(un);
+    }
+  }, C = () => a(!0), $ = () => a(!1), U = ie(
+    (I) => {
+      const N = e.current, z = t.current;
+      if (N && z) {
+        const ee = tt(N), oe = tt(z), se = (I.pageX || I.clientX) - ee.left, J = se / ee.width;
+        if (J < 0) return;
+        let O = se - oe.width / 2;
+        O < 0 && (O = 0), O > ee.width - oe.width && (O = -1), z.style.left = O > -1 ? `${O}px` : "auto", z.style.right = O > -1 ? "auto" : "0px", u(J * o);
+      }
+      C();
+    },
+    [o]
+  );
+  return It(() => p(), E ? 1e3 : null), ne(() => {
+    p();
+  }, [p]), /* @__PURE__ */ c.jsxs(Wn, { children: [
+    /* @__PURE__ */ c.jsx(
+      Vt,
+      {
+        ref: e,
+        value: [S],
+        onPointerLeave: $,
+        onPointerDown: $,
+        onPointerMove: U,
+        onValueChange: T,
+        onValueCommit: P,
+        step: 0.1
+      }
+    ),
+    /* @__PURE__ */ c.jsx(qn, { ref: t, $isVisible: i, children: /* @__PURE__ */ c.jsx(Kn, { children: Ie(l) }) })
+  ] });
+}
+function mr({ children: e }) {
+  return /* @__PURE__ */ c.jsx(vs, { children: e });
+}
+function li({
+  children: e,
+  startDate: t,
+  endDate: n
+}) {
+  return /* @__PURE__ */ c.jsx(Ur, { startDate: t, endDate: n, children: /* @__PURE__ */ c.jsx(mr, { children: e }) });
+}
+const gr = A.div`
+  display: flex;
+  align-items: center;
+`, yr = A.p`
+  margin: 0;
+  padding: 0;
+  font-variant-numeric: tabular-nums;
+  font-size: 0.875rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+`, vr = A(yr)`
+  margin-right: 0.5rem;
+`, Sr = A(yr)`
+  margin-left: 0.5rem;
+`, wr = A.p`
+  margin: 0;
+  padding: 0;
+  font-size: 0.875rem;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+
+  &::before {
+    content: "/";
+  }
+`;
+function ui() {
+  const [e, t] = G(0), [n, r] = G(0), o = b((u) => u.isPlaying), s = Z((u) => u.delay), i = Z((u) => u.startTime), a = Z((u) => u.endTime), l = ie(() => {
+    t(pr(i, s)), r(hr(i, a));
+  }, [s, a, i]);
+  return It(() => l(), o ? 1e3 : null), ne(() => {
+    l();
+  }, [l]), s ? /* @__PURE__ */ c.jsxs(gr, { children: [
+    /* @__PURE__ */ c.jsx(vr, { children: Ie(e) }),
+    /* @__PURE__ */ c.jsx(wr, {}),
+    /* @__PURE__ */ c.jsx(Sr, { children: Ie(n) })
+  ] }) : null;
+}
+function di({ url: e, isLive: t }) {
+  const n = q(null), r = b((a) => a.techRef), o = ie(() => {
+    n.current && (console.log("[Player][Event]", "MEDIA_ATTACHED"), n.current.loadSource(e));
+  }, [e]), s = ie(() => {
+    if (!r.current) return;
+    const u = t ? {
+      backBufferLength: 10,
+      startLevel: -1
+    } : {
+      backBufferLength: 60,
+      startLevel: -1
+    };
+    try {
+      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(u)), console.log("[Player] Version", De.version), n.current = new De(u), n.current.attachMedia(r.current), n.current.on(De.Events.MEDIA_ATTACHED, o);
+    } catch (h) {
+      throw new Error(`Error initializing Hls: ${h}`);
+    }
+  }, [o, t, r, e]), i = ie(() => {
+    n.current && (n.current.off(De.Events.MEDIA_ATTACHED, o), n.current.destroy(), n.current = null);
+  }, [o]);
+  return ne(() => (De.isSupported() && s(), i), [i, s]), null;
+}
+function br({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = b((p) => p.handleDurationChange), o = b((p) => p.handleEnd), s = b((p) => p.handleLoadedMetadata), i = b((p) => p.handleLoadStart), a = b((p) => p.handlePause), l = b((p) => p.handlePlay), u = b((p) => p.handlePlaying), h = b((p) => p.handleSeeked), d = b((p) => p.handleSeeking), m = b((p) => p.handleTimeUpdate), g = b((p) => p.handleWaiting), x = b((p) => p.techRef), y = q(null), E = () => t ? {} : {
+    onDurationChange: r,
+    onSeeked: h,
+    onSeeking: d,
+    onTimeUpdate: w
+  }, w = () => {
+    (!y.current || Date.now() - y.current >= 1e3) && (m(), y.current = Date.now());
+  }, R = E();
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(di, { isLive: t, url: e }),
+    /* @__PURE__ */ c.jsx(
+      fi,
+      {
+        ref: x,
+        playsInline: !0,
+        autoPlay: !0,
+        controls: !1,
+        muted: n,
+        preload: "auto",
+        crossOrigin: "anonymous",
+        onEnded: o,
+        onLoadedMetadata: s,
+        onLoadStart: i,
+        onPause: a,
+        onPlay: l,
+        onPlaying: u,
+        onWaiting: g,
+        tabIndex: -1,
+        ...R
+      }
+    )
+  ] });
+}
+const fi = A.video`
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  @media (min-width: 768px) {
+    pointer-events: none;
+  }
+`;
+function pi({ url: e }) {
+  const [t, n] = G(null), r = Z((s) => s.delay), o = ie(async () => {
+    n(
+      r ? e.replace(
+        "playlist.m3u8",
+        `playlist_fmp4_dvr_timeshift-${r}.m3u8`
+      ) : e
+    );
+  }, [r, e]);
+  return ne(() => {
+    o();
+  }, [o]), t ? /* @__PURE__ */ c.jsx(br, { url: t, isLive: !0 }) : null;
+}
+const xr = A.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  color: white;
+  background: black;
+  overflow: hidden;
+`, Er = A.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;
+  }
+`, Cr = A.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  line-height: 1;
+  font-size: 0;
+  height: 4rem;
+
+  @media (min-width: 768px) {
+    padding-left: 1rem;
+    padding-right: 1rem;
+    height: 4.5rem;
+  }
+`, Pr = A.div`
+  margin: auto 0;
+  display: flex;
+  width: 100%;
+  align-items: center;
+`, Ft = A.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 0.5rem;
+`, Rr = A(Ft)`
+  justify-content: flex-start;
+`, hi = A(Ft)`
+  justify-content: center;
+`, kr = A(Ft)`
+  justify-content: flex-end;
+`;
+function mi() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+    }
+  );
+}
+function gi() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+    }
+  );
+}
+function Tr() {
+  const e = b((u) => u.containerRef), t = b((u) => u.exitFullscreen), n = b((u) => u.isFullscreen), r = b((u) => u.requestFullscreen), o = b((u) => u.setIsFullscreen), s = b((u) => u.setIsFullscreenReady), i = b((u) => u.techRef), a = ie(
+    (u) => {
+      u.stopPropagation(), o(cs());
+    },
+    [o]
+  ), l = () => {
+    n ? t() : r();
+  };
+  return ne(() => {
+    const u = Bn ? i.current : e.current;
+    if (u)
+      return ds(u, a);
+  }, [e, a, i]), ne(() => {
+    s(!0);
+  }, [s]), /* @__PURE__ */ c.jsx(Fe, { onClick: l, children: n ? /* @__PURE__ */ c.jsx(gi, {}) : /* @__PURE__ */ c.jsx(mi, {}) });
+}
+const yi = 5 * 1e3;
+function jr({ children: e }) {
+  const t = q(null), [n, r] = G(!1), o = q(null), i = b((u) => u.idleLocks).size, a = ie(() => {
+    o.current !== null && (window.clearTimeout(o.current), o.current = null);
+  }, []), l = ie(() => {
+    a(), o.current = window.setTimeout(() => r(!0), yi);
+  }, [a]);
+  return ne(() => (r(!1), l(), () => {
+    a();
+  }), [a, l]), ne(() => {
+    const u = t.current;
+    if (!u) return;
+    const h = (m) => {
+      n && (m.stopPropagation(), r(!1), l());
+    }, d = () => {
+      n && r(!1), l();
+    };
+    return u.addEventListener("click", h), u.addEventListener("mousemove", d), () => {
+      u.removeEventListener("click", h), u.removeEventListener("mousemove", d);
+    };
+  }, [t, n, r, l]), /* @__PURE__ */ c.jsx(vi, { ref: t, $isIdle: n && !i, children: e });
+}
+const vi = A.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: opacity 0.2s ease-in-out;
+  cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
+  opacity: ${({ $isIdle: e }) => e ? 0 : 1};
+`;
+function Si(e) {
+  return /* @__PURE__ */ c.jsx(bi, { ...e });
+}
+const wi = Xo`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, bi = A.div`
+  width: 1.5rem;
+  height: 1.5rem;
+  border: 2px solid white;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  animation: ${wi} 1s linear infinite;
+`;
+function xi(e, t = 500) {
+  const [n, r] = G(e);
+  return ne(() => {
+    const o = window.setTimeout(() => r(e), t);
+    return () => {
+      window.clearTimeout(o);
+    };
+  }, [e, t]), n;
+}
+function Ir({ style: e, ...t }) {
+  const n = b((o) => o.isLoading);
+  return xi(n, 100) ? /* @__PURE__ */ c.jsx(Ei, { style: e, ...t, children: /* @__PURE__ */ c.jsx(Si, {}) }) : null;
+}
+const Ei = A.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;
+`;
+function Ci() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
+    }
+  );
+}
+function Pi() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
+    }
+  );
+}
+function Ri() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
+    }
+  );
+}
+const dn = "volume";
+function _r() {
+  b((a) => a.containerRef);
+  const e = b((a) => a.setVolume), t = b((a) => a.volume), n = b((a) => a.addIdleLock), r = b((a) => a.removeIdleLock), o = (a) => {
+    e(a[0]), n(dn);
+  }, s = () => {
+    r(dn);
+  }, i = () => e(t ? 0 : 100);
+  return /* @__PURE__ */ c.jsxs(ki, { children: [
+    /* @__PURE__ */ c.jsx(Fe, { onClick: i, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ c.jsx(Ci, {}) : /* @__PURE__ */ c.jsx(Pi, {}) : /* @__PURE__ */ c.jsx(Ri, {}) }),
+    /* @__PURE__ */ c.jsx(Ar, { children: /* @__PURE__ */ c.jsx(
+      Vt,
+      {
+        value: [t],
+        onValueChange: o,
+        onValueCommit: s
+      }
+    ) })
+  ] });
+}
+const Ar = A.div`
+  width: 0;
+  opacity: 0;
+  transition: all 0.2s ease-in-out;
+`, ki = A.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  width: 3rem;
+  transition: all 0.2s ease-in-out;
+
+  @media (min-width: 768px) {
+    &:hover {
+      width: 6rem;
+
+      ${Ar} {
+        width: 100%;
+        opacity: 1;
+      }
+    }
+  }
+`;
+function Fi({ url: e, startDate: t, endDate: n, messages: r }) {
+  return /* @__PURE__ */ c.jsx(
+    li,
+    {
+      startDate: new Date(t),
+      endDate: new Date(n),
+      children: /* @__PURE__ */ c.jsx(Ti, { url: e, messages: r })
+    }
+  );
+}
+function Ti({ url: e, messages: t }) {
+  const n = b((r) => r.containerRef);
+  return /* @__PURE__ */ c.jsx(xr, { ref: n, children: /* @__PURE__ */ c.jsxs(
+    Jo,
+    {
+      eventFinishedMessage: t?.eventFinished,
+      eventNotStartedMessage: t?.eventNotStarted,
+      eventStartingSoonMessage: t?.eventStartingSoon,
+      children: [
+        /* @__PURE__ */ c.jsx(pi, { url: e }),
+        /* @__PURE__ */ c.jsx(Ir, {}),
+        /* @__PURE__ */ c.jsxs(jr, { children: [
+          /* @__PURE__ */ c.jsx(bs, {}),
+          /* @__PURE__ */ c.jsx(Er, { children: /* @__PURE__ */ c.jsxs(Cr, { children: [
+            /* @__PURE__ */ c.jsx(ci, {}),
+            /* @__PURE__ */ c.jsxs(Pr, { children: [
+              /* @__PURE__ */ c.jsxs(Rr, { children: [
+                /* @__PURE__ */ c.jsx(Ss, {}),
+                /* @__PURE__ */ c.jsx(_r, {}),
+                /* @__PURE__ */ c.jsx(ui, {})
+              ] }),
+              /* @__PURE__ */ c.jsxs(kr, { children: [
+                /* @__PURE__ */ c.jsx(os, { message: t?.live }),
+                /* @__PURE__ */ c.jsx(Tr, {})
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ]
+    }
+  ) });
+}
+function ji() {
+  const e = b((o) => o.isPlaying), t = b((o) => o.pause), n = b((o) => o.play), r = () => {
+    e ? t() : n();
+  };
+  return /* @__PURE__ */ c.jsx(Fe, { onClick: r, children: e ? /* @__PURE__ */ c.jsx(Hn, {}) : /* @__PURE__ */ c.jsx(zn, {}) });
+}
+function Ii() {
+  const e = b((o) => o.isPlaying), t = b((o) => o.pause), n = b((o) => o.play), r = () => {
+    e ? t() : n();
+  };
+  return /* @__PURE__ */ c.jsx(Yn, { onClick: r });
+}
+const fn = "vod-player-progress-bar";
+function _i() {
+  const e = q(null), t = q(null), [n, r] = G(!1), [o, s] = G(-1), [i, a] = G(-1), l = b((p) => p.currentTime), u = b((p) => p.duration), h = b((p) => p.seek), d = b((p) => p.addIdleLock), m = b((p) => p.removeIdleLock), g = parseFloat(
+    (u ? (i !== -1 ? i : l) / u * 100 : 0).toFixed(1)
+  ), x = (p) => {
+    a(u * (p[0] / 100)), d(fn);
+  }, y = () => {
+    i !== -1 && (h(i), a(-1), m(fn));
+  }, E = () => r(!0), w = () => r(!1), R = ie(
+    (p) => {
+      const S = e.current, T = t.current;
+      if (S && T) {
+        const P = tt(S), C = tt(T), $ = (p.pageX || p.clientX) - P.left, U = $ / P.width;
+        if (U < 0) return;
+        let I = $ - C.width / 2;
+        I < 0 && (I = 0), I > P.width - C.width && (I = -1), T.style.left = I > -1 ? `${I}px` : "auto", T.style.right = I > -1 ? "auto" : "0px", s(U * u);
+      }
+      E();
+    },
+    [u]
+  );
+  return /* @__PURE__ */ c.jsxs(Wn, { children: [
+    /* @__PURE__ */ c.jsx(
+      Vt,
+      {
+        ref: e,
+        value: [g],
+        onPointerLeave: w,
+        onPointerDown: w,
+        onPointerMove: R,
+        onValueChange: x,
+        onValueCommit: y,
+        step: 0.1
+      }
+    ),
+    /* @__PURE__ */ c.jsx(qn, { ref: t, $isVisible: n, children: /* @__PURE__ */ c.jsx(Kn, { children: Ie(o) }) })
+  ] });
+}
+function Ai() {
+  const e = b((n) => n.currentTime), t = b((n) => n.duration);
+  return /* @__PURE__ */ c.jsxs(gr, { children: [
+    /* @__PURE__ */ c.jsx(vr, { children: Ie(e) }),
+    /* @__PURE__ */ c.jsx(wr, {}),
+    /* @__PURE__ */ c.jsx(Sr, { children: Ie(t) })
+  ] });
+}
+const Li = Nr(
+  () => import("./vod-player-watch-history-D3ZHK2x3.js")
+);
+function $i({ url: e, watchHistory: t }) {
+  return /* @__PURE__ */ c.jsxs(mr, { children: [
+    /* @__PURE__ */ c.jsx(Di, { url: e }),
+    t?.enabled && /* @__PURE__ */ c.jsx(Li, { storageKey: t.storageKey })
+  ] });
+}
+function Di({ url: e }) {
+  const t = b((n) => n.containerRef);
+  return /* @__PURE__ */ c.jsxs(xr, { ref: t, children: [
+    /* @__PURE__ */ c.jsx(br, { url: e, isLive: !1 }),
+    /* @__PURE__ */ c.jsx(Ir, {}),
+    /* @__PURE__ */ c.jsxs(jr, { children: [
+      /* @__PURE__ */ c.jsx(Ii, {}),
+      /* @__PURE__ */ c.jsx(Er, { children: /* @__PURE__ */ c.jsxs(Cr, { children: [
+        /* @__PURE__ */ c.jsx(_i, {}),
+        /* @__PURE__ */ c.jsxs(Pr, { children: [
+          /* @__PURE__ */ c.jsxs(Rr, { children: [
+            /* @__PURE__ */ c.jsx(ji, {}),
+            /* @__PURE__ */ c.jsx(_r, {}),
+            /* @__PURE__ */ c.jsx(Ai, {})
+          ] }),
+          /* @__PURE__ */ c.jsx(hi, {}),
+          /* @__PURE__ */ c.jsx(kr, { children: /* @__PURE__ */ c.jsx(Tr, {}) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+export {
+  Fi as L,
+  $i as V,
+  It as a,
+  b as u
+};
+//# sourceMappingURL=index-DkJtizQx.js.map