@halibegic/react-video-player 0.0.8 → 0.0.10

package/dist/react-video-player.es.js

@@ -1,10 +1,12 @@
-import st, { useLayoutEffect as yn, useEffect as A, useRef as M, useState as D, createContext as at, useContext as lt, forwardRef as ge, useCallback as k } from "react";
-import { create as ct, useStore as ut } from "zustand";
-import b, { css as Ge, keyframes as xn } from "styled-components";
-import * as ye from "@radix-ui/react-slider";
-import Q from "hls.js";
-import * as ce from "@radix-ui/react-dropdown-menu";
-var pe = { exports: {} }, ae = {};
+import Ue, { useLayoutEffect as vn, useEffect as be, useRef as ve, useState as ye, createContext as or, useContext as Je, createElement as gn, forwardRef as lt, useCallback as he } from "react";
+import { create as ir, useStore as ar } from "zustand";
+import * as ut from "@radix-ui/react-slider";
+import De from "hls.js";
+import * as Ke from "@radix-ui/react-dropdown-menu";
+function yn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Qe = { exports: {} }, qe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,21 +16,21 @@ var pe = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qe;
+var Vt;
 function wn() {
-  if (Qe) return ae;
-  Qe = 1;
-  var e = st, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(f, a, d) {
-    var p, y = {}, E = null, C = null;
-    d !== void 0 && (E = "" + d), a.key !== void 0 && (E = "" + a.key), a.ref !== void 0 && (C = a.ref);
-    for (p in a) i.call(a, p) && !h.hasOwnProperty(p) && (y[p] = a[p]);
-    if (f && f.defaultProps) for (p in a = f.defaultProps, a) y[p] === void 0 && (y[p] = a[p]);
-    return { $$typeof: n, type: f, key: E, ref: C, props: y, _owner: l.current };
+  if (Vt) return qe;
+  Vt = 1;
+  var e = Ue, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(d, u, f) {
+    var v, w = {}, L = null, R = null;
+    f !== void 0 && (L = "" + f), u.key !== void 0 && (L = "" + u.key), u.ref !== void 0 && (R = u.ref);
+    for (v in u) n.call(u, v) && !c.hasOwnProperty(v) && (w[v] = u[v]);
+    if (d && d.defaultProps) for (v in u = d.defaultProps, u) w[v] === void 0 && (w[v] = u[v]);
+    return { $$typeof: r, type: d, key: L, ref: R, props: w, _owner: i.current };
   }
-  return ae.Fragment = r, ae.jsx = m, ae.jsxs = m, ae;
+  return qe.Fragment = t, qe.jsx = l, qe.jsxs = l, qe;
 }
-var le = {};
+var Ze = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,91 +40,91 @@ var le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var et;
+var $t;
 function bn() {
-  return et || (et = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = st, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), f = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), V = Symbol.iterator, F = "@@iterator";
-    function N(t) {
-      if (t === null || typeof t != "object")
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = Ue, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), E = Symbol.iterator, k = "@@iterator";
+    function _(o) {
+      if (o === null || typeof o != "object")
         return null;
-      var s = V && t[V] || t[F];
-      return typeof s == "function" ? s : null;
+      var m = E && o[E] || o[k];
+      return typeof m == "function" ? m : null;
     }
-    var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(t) {
+    var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(o) {
       {
-        for (var s = arguments.length, u = new Array(s > 1 ? s - 1 : 0), g = 1; g < s; g++)
-          u[g - 1] = arguments[g];
-        v("error", t, u);
+        for (var m = arguments.length, C = new Array(m > 1 ? m - 1 : 0), O = 1; O < m; O++)
+          C[O - 1] = arguments[O];
+        g("error", o, C);
       }
     }
-    function v(t, s, u) {
+    function g(o, m, C) {
       {
-        var g = _.ReactDebugCurrentFrame, j = g.getStackAddendum();
-        j !== "" && (s += "%s", u = u.concat([j]));
-        var P = u.map(function(w) {
-          return String(w);
+        var O = j.ReactDebugCurrentFrame, W = O.getStackAddendum();
+        W !== "" && (m += "%s", C = C.concat([W]));
+        var X = C.map(function(z) {
+          return String(z);
         });
-        P.unshift("Warning: " + s), Function.prototype.apply.call(console[t], console, P);
+        X.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, X);
       }
     }
-    var z = !1, Y = !1, q = !1, te = !1, J = !1, X;
-    X = Symbol.for("react.module.reference");
-    function T(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === h || J || t === l || t === d || t === p || te || t === C || z || Y || q || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === m || t.$$typeof === f || t.$$typeof === a || // This needs to include all possible module reference object
+    var A = !1, p = !1, U = !1, de = !1, te = !1, ce;
+    ce = Symbol.for("react.module.reference");
+    function M(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === c || te || o === i || o === f || o === v || de || o === R || A || p || U || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === w || o.$$typeof === l || o.$$typeof === d || o.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      t.$$typeof === X || t.getModuleId !== void 0));
+      o.$$typeof === ce || o.getModuleId !== void 0));
     }
-    function ue(t, s, u) {
-      var g = t.displayName;
-      if (g)
-        return g;
-      var j = s.displayName || s.name || "";
-      return j !== "" ? u + "(" + j + ")" : u;
+    function xe(o, m, C) {
+      var O = o.displayName;
+      if (O)
+        return O;
+      var W = m.displayName || m.name || "";
+      return W !== "" ? C + "(" + W + ")" : C;
     }
-    function K(t) {
-      return t.displayName || "Context";
+    function re(o) {
+      return o.displayName || "Context";
     }
-    function $(t) {
-      if (t == null)
+    function J(o) {
+      if (o == null)
         return null;
-      if (typeof t.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
-        return t.displayName || t.name || null;
-      if (typeof t == "string")
-        return t;
-      switch (t) {
-        case i:
+      if (typeof o.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
+        case n:
           return "Fragment";
-        case r:
+        case t:
           return "Portal";
-        case h:
+        case c:
           return "Profiler";
-        case l:
+        case i:
           return "StrictMode";
-        case d:
+        case f:
           return "Suspense";
-        case p:
+        case v:
           return "SuspenseList";
       }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case f:
-            var s = t;
-            return K(s) + ".Consumer";
-          case m:
-            var u = t;
-            return K(u._context) + ".Provider";
-          case a:
-            return ue(t, t.render, "ForwardRef");
-          case y:
-            var g = t.displayName || null;
-            return g !== null ? g : $(t.type) || "Memo";
-          case E: {
-            var j = t, P = j._payload, w = j._init;
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case d:
+            var m = o;
+            return re(m) + ".Consumer";
+          case l:
+            var C = o;
+            return re(C._context) + ".Provider";
+          case u:
+            return xe(o, o.render, "ForwardRef");
+          case w:
+            var O = o.displayName || null;
+            return O !== null ? O : J(o.type) || "Memo";
+          case L: {
+            var W = o, X = W._payload, z = W._init;
             try {
-              return $(w(P));
+              return J(z(X));
             } catch {
               return null;
             }
@@ -130,588 +132,1842 @@ function bn() {
         }
       return null;
     }
-    var B = Object.assign, Z = 0, ie, W, Fe, _e, Ie, De, Me;
-    function Ve() {
+    var ne = Object.assign, K = 0, Se, Q, pe, Pe, Ee, Re, P;
+    function S() {
     }
-    Ve.__reactDisabledLog = !0;
-    function Wt() {
+    S.__reactDisabledLog = !0;
+    function T() {
       {
-        if (Z === 0) {
-          ie = console.log, W = console.info, Fe = console.warn, _e = console.error, Ie = console.group, De = console.groupCollapsed, Me = console.groupEnd;
-          var t = {
+        if (K === 0) {
+          Se = console.log, Q = console.info, pe = console.warn, Pe = console.error, Ee = console.group, Re = console.groupCollapsed, P = console.groupEnd;
+          var o = {
             configurable: !0,
             enumerable: !0,
-            value: Ve,
+            value: S,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: t,
-            log: t,
-            warn: t,
-            error: t,
-            group: t,
-            groupCollapsed: t,
-            groupEnd: t
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
           });
         }
-        Z++;
+        K++;
       }
     }
-    function zt() {
+    function D() {
       {
-        if (Z--, Z === 0) {
-          var t = {
+        if (K--, K === 0) {
+          var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, t, {
-              value: ie
+            log: ne({}, o, {
+              value: Se
             }),
-            info: B({}, t, {
-              value: W
+            info: ne({}, o, {
+              value: Q
             }),
-            warn: B({}, t, {
-              value: Fe
+            warn: ne({}, o, {
+              value: pe
             }),
-            error: B({}, t, {
-              value: _e
+            error: ne({}, o, {
+              value: Pe
             }),
-            group: B({}, t, {
-              value: Ie
+            group: ne({}, o, {
+              value: Ee
             }),
-            groupCollapsed: B({}, t, {
-              value: De
+            groupCollapsed: ne({}, o, {
+              value: Re
             }),
-            groupEnd: B({}, t, {
-              value: Me
+            groupEnd: ne({}, o, {
+              value: P
             })
           });
         }
-        Z < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        K < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var be = _.ReactCurrentDispatcher, Te;
-    function de(t, s, u) {
+    var s = j.ReactCurrentDispatcher, V;
+    function y(o, m, C) {
       {
-        if (Te === void 0)
+        if (V === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var g = j.stack.trim().match(/\n( *(at )?)/);
-            Te = g && g[1] || "";
+          } catch (W) {
+            var O = W.stack.trim().match(/\n( *(at )?)/);
+            V = O && O[1] || "";
           }
         return `
-` + Te + t;
+` + V + o;
       }
     }
-    var je = !1, fe;
+    var G = !1, N;
     {
-      var Yt = typeof WeakMap == "function" ? WeakMap : Map;
-      fe = new Yt();
+      var H = typeof WeakMap == "function" ? WeakMap : Map;
+      N = new H();
     }
-    function He(t, s) {
-      if (!t || je)
+    function h(o, m) {
+      if (!o || G)
         return "";
       {
-        var u = fe.get(t);
-        if (u !== void 0)
-          return u;
+        var C = N.get(o);
+        if (C !== void 0)
+          return C;
       }
-      var g;
-      je = !0;
-      var j = Error.prepareStackTrace;
+      var O;
+      G = !0;
+      var W = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var P;
-      P = be.current, be.current = null, Wt();
+      var X;
+      X = s.current, s.current = null, T();
       try {
-        if (s) {
-          var w = function() {
+        if (m) {
+          var z = function() {
             throw Error();
           };
-          if (Object.defineProperty(w.prototype, "props", {
+          if (Object.defineProperty(z.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(w, []);
-            } catch (H) {
-              g = H;
+              Reflect.construct(z, []);
+            } catch (we) {
+              O = we;
             }
-            Reflect.construct(t, [], w);
+            Reflect.construct(o, [], z);
           } else {
             try {
-              w.call();
-            } catch (H) {
-              g = H;
+              z.call();
+            } catch (we) {
+              O = we;
             }
-            t.call(w.prototype);
+            o.call(z.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (H) {
-            g = H;
+          } catch (we) {
+            O = we;
           }
-          t();
+          o();
         }
-      } catch (H) {
-        if (H && g && typeof H.stack == "string") {
-          for (var x = H.stack.split(`
-`), I = g.stack.split(`
-`), R = x.length - 1, L = I.length - 1; R >= 1 && L >= 0 && x[R] !== I[L]; )
-            L--;
-          for (; R >= 1 && L >= 0; R--, L--)
-            if (x[R] !== I[L]) {
-              if (R !== 1 || L !== 1)
+      } catch (we) {
+        if (we && O && typeof we.stack == "string") {
+          for (var $ = we.stack.split(`
+`), ge = O.stack.split(`
+`), se = $.length - 1, ue = ge.length - 1; se >= 1 && ue >= 0 && $[se] !== ge[ue]; )
+            ue--;
+          for (; se >= 1 && ue >= 0; se--, ue--)
+            if ($[se] !== ge[ue]) {
+              if (se !== 1 || ue !== 1)
                 do
-                  if (R--, L--, L < 0 || x[R] !== I[L]) {
-                    var U = `
-` + x[R].replace(" at new ", " at ");
-                    return t.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", t.displayName)), typeof t == "function" && fe.set(t, U), U;
+                  if (se--, ue--, ue < 0 || $[se] !== ge[ue]) {
+                    var Te = `
+` + $[se].replace(" at new ", " at ");
+                    return o.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", o.displayName)), typeof o == "function" && N.set(o, Te), Te;
                   }
-                while (R >= 1 && L >= 0);
+                while (se >= 1 && ue >= 0);
               break;
             }
         }
       } finally {
-        je = !1, be.current = P, zt(), Error.prepareStackTrace = j;
+        G = !1, s.current = X, D(), Error.prepareStackTrace = W;
       }
-      var re = t ? t.displayName || t.name : "", G = re ? de(re) : "";
-      return typeof t == "function" && fe.set(t, G), G;
+      var He = o ? o.displayName || o.name : "", Oe = He ? y(He) : "";
+      return typeof o == "function" && N.set(o, Oe), Oe;
     }
-    function Zt(t, s, u) {
-      return He(t, !1);
+    function oe(o, m, C) {
+      return h(o, !1);
     }
-    function qt(t) {
-      var s = t.prototype;
-      return !!(s && s.isReactComponent);
+    function ae(o) {
+      var m = o.prototype;
+      return !!(m && m.isReactComponent);
     }
-    function he(t, s, u) {
-      if (t == null)
+    function F(o, m, C) {
+      if (o == null)
         return "";
-      if (typeof t == "function")
-        return He(t, qt(t));
-      if (typeof t == "string")
-        return de(t);
-      switch (t) {
-        case d:
-          return de("Suspense");
-        case p:
-          return de("SuspenseList");
+      if (typeof o == "function")
+        return h(o, ae(o));
+      if (typeof o == "string")
+        return y(o);
+      switch (o) {
+        case f:
+          return y("Suspense");
+        case v:
+          return y("SuspenseList");
       }
-      if (typeof t == "object")
-        switch (t.$$typeof) {
-          case a:
-            return Zt(t.render);
-          case y:
-            return he(t.type, s, u);
-          case E: {
-            var g = t, j = g._payload, P = g._init;
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case u:
+            return oe(o.render);
+          case w:
+            return F(o.type, m, C);
+          case L: {
+            var O = o, W = O._payload, X = O._init;
             try {
-              return he(P(j), s, u);
+              return F(X(W), m, C);
             } catch {
             }
           }
         }
       return "";
     }
-    var se = Object.prototype.hasOwnProperty, Oe = {}, Ae = _.ReactDebugCurrentFrame;
-    function me(t) {
-      if (t) {
-        var s = t._owner, u = he(t.type, t._source, s ? s.type : null);
-        Ae.setExtraStackFrame(u);
+    var ie = Object.prototype.hasOwnProperty, B = {}, le = j.ReactDebugCurrentFrame;
+    function ke(o) {
+      if (o) {
+        var m = o._owner, C = F(o.type, o._source, m ? m.type : null);
+        le.setExtraStackFrame(C);
       } else
-        Ae.setExtraStackFrame(null);
+        le.setExtraStackFrame(null);
     }
-    function Jt(t, s, u, g, j) {
+    function fe(o, m, C, O, W) {
       {
-        var P = Function.call.bind(se);
-        for (var w in t)
-          if (P(t, w)) {
-            var x = void 0;
+        var X = Function.call.bind(ie);
+        for (var z in o)
+          if (X(o, z)) {
+            var $ = void 0;
             try {
-              if (typeof t[w] != "function") {
-                var I = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+              if (typeof o[z] != "function") {
+                var ge = Error((O || "React class") + ": " + C + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ge.name = "Invariant Violation", ge;
               }
-              x = t[w](s, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (R) {
-              x = R;
+              $ = o[z](m, z, O, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (se) {
+              $ = se;
             }
-            x && !(x instanceof Error) && (me(j), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof x), me(null)), x instanceof Error && !(x.message in Oe) && (Oe[x.message] = !0, me(j), S("Failed %s type: %s", u, x.message), me(null));
+            $ && !($ instanceof Error) && (ke(W), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", O || "React class", C, z, typeof $), ke(null)), $ instanceof Error && !($.message in B) && (B[$.message] = !0, ke(W), x("Failed %s type: %s", C, $.message), ke(null));
           }
       }
     }
-    var Xt = Array.isArray;
-    function Ce(t) {
-      return Xt(t);
+    var Fe = Array.isArray;
+    function Ae(o) {
+      return Fe(o);
     }
-    function Kt(t) {
+    function Ce(o) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, u = s && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return u;
+        var m = typeof Symbol == "function" && Symbol.toStringTag, C = m && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return C;
       }
     }
-    function Gt(t) {
+    function I(o) {
       try {
-        return $e(t), !1;
+        return ee(o), !1;
       } catch {
         return !0;
       }
     }
-    function $e(t) {
-      return "" + t;
+    function ee(o) {
+      return "" + o;
     }
-    function Ue(t) {
-      if (Gt(t))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Kt(t)), $e(t);
+    function Ne(o) {
+      if (I(o))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(o)), ee(o);
     }
-    var Ne = _.ReactCurrentOwner, Qt = {
+    var Ve = j.ReactCurrentOwner, _e = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Be, We;
-    function en(t) {
-      if (se.call(t, "ref")) {
-        var s = Object.getOwnPropertyDescriptor(t, "ref").get;
-        if (s && s.isReactWarning)
+    }, At, jt;
+    function Kr(o) {
+      if (ie.call(o, "ref")) {
+        var m = Object.getOwnPropertyDescriptor(o, "ref").get;
+        if (m && m.isReactWarning)
           return !1;
       }
-      return t.ref !== void 0;
+      return o.ref !== void 0;
     }
-    function tn(t) {
-      if (se.call(t, "key")) {
-        var s = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (s && s.isReactWarning)
+    function Qr(o) {
+      if (ie.call(o, "key")) {
+        var m = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (m && m.isReactWarning)
           return !1;
       }
-      return t.key !== void 0;
+      return o.key !== void 0;
     }
-    function nn(t, s) {
-      typeof t.ref == "string" && Ne.current;
+    function en(o, m) {
+      typeof o.ref == "string" && Ve.current;
     }
-    function rn(t, s) {
+    function tn(o, m) {
       {
-        var u = function() {
-          Be || (Be = !0, S("%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://reactjs.org/link/special-props)", s));
+        var C = function() {
+          At || (At = !0, x("%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://reactjs.org/link/special-props)", m));
         };
-        u.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: u,
+        C.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: C,
           configurable: !0
         });
       }
     }
-    function on(t, s) {
+    function rn(o, m) {
       {
-        var u = function() {
-          We || (We = !0, S("%s: `ref` 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://reactjs.org/link/special-props)", s));
+        var C = function() {
+          jt || (jt = !0, x("%s: `ref` 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://reactjs.org/link/special-props)", m));
         };
-        u.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: u,
+        C.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: C,
           configurable: !0
         });
       }
     }
-    var sn = function(t, s, u, g, j, P, w) {
-      var x = {
+    var nn = function(o, m, C, O, W, X, z) {
+      var $ = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: r,
         // Built-in properties that belong on the element
-        type: t,
-        key: s,
-        ref: u,
-        props: w,
+        type: o,
+        key: m,
+        ref: C,
+        props: z,
         // Record the component responsible for creating this element.
-        _owner: P
+        _owner: X
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return $._store = {}, Object.defineProperty($._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty($, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
-      }), Object.defineProperty(x, "_source", {
+        value: O
+      }), Object.defineProperty($, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+        value: W
+      }), Object.freeze && (Object.freeze($.props), Object.freeze($)), $;
     };
-    function an(t, s, u, g, j) {
+    function on(o, m, C, O, W) {
       {
-        var P, w = {}, x = null, I = null;
-        u !== void 0 && (Ue(u), x = "" + u), tn(s) && (Ue(s.key), x = "" + s.key), en(s) && (I = s.ref, nn(s, j));
-        for (P in s)
-          se.call(s, P) && !Qt.hasOwnProperty(P) && (w[P] = s[P]);
-        if (t && t.defaultProps) {
-          var R = t.defaultProps;
-          for (P in R)
-            w[P] === void 0 && (w[P] = R[P]);
+        var X, z = {}, $ = null, ge = null;
+        C !== void 0 && (Ne(C), $ = "" + C), Qr(m) && (Ne(m.key), $ = "" + m.key), Kr(m) && (ge = m.ref, en(m, W));
+        for (X in m)
+          ie.call(m, X) && !_e.hasOwnProperty(X) && (z[X] = m[X]);
+        if (o && o.defaultProps) {
+          var se = o.defaultProps;
+          for (X in se)
+            z[X] === void 0 && (z[X] = se[X]);
         }
-        if (x || I) {
-          var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          x && rn(w, L), I && on(w, L);
+        if ($ || ge) {
+          var ue = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          $ && tn(z, ue), ge && rn(z, ue);
         }
-        return sn(t, x, I, j, g, Ne.current, w);
+        return nn(o, $, ge, W, O, Ve.current, z);
       }
     }
-    var Pe = _.ReactCurrentOwner, ze = _.ReactDebugCurrentFrame;
-    function ne(t) {
-      if (t) {
-        var s = t._owner, u = he(t.type, t._source, s ? s.type : null);
-        ze.setExtraStackFrame(u);
+    var pt = j.ReactCurrentOwner, Lt = j.ReactDebugCurrentFrame;
+    function $e(o) {
+      if (o) {
+        var m = o._owner, C = F(o.type, o._source, m ? m.type : null);
+        Lt.setExtraStackFrame(C);
       } else
-        ze.setExtraStackFrame(null);
+        Lt.setExtraStackFrame(null);
     }
-    var Se;
-    Se = !1;
-    function Re(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === n;
+    var ht;
+    ht = !1;
+    function mt(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === r;
     }
-    function Ye() {
+    function It() {
       {
-        if (Pe.current) {
-          var t = $(Pe.current.type);
-          if (t)
+        if (pt.current) {
+          var o = J(pt.current.type);
+          if (o)
             return `
 
-Check the render method of \`` + t + "`.";
+Check the render method of \`` + o + "`.";
         }
         return "";
       }
     }
-    function ln(t) {
+    function an(o) {
       return "";
     }
-    var Ze = {};
-    function cn(t) {
+    var Ot = {};
+    function sn(o) {
       {
-        var s = Ye();
-        if (!s) {
-          var u = typeof t == "string" ? t : t.displayName || t.name;
-          u && (s = `
+        var m = It();
+        if (!m) {
+          var C = typeof o == "string" ? o : o.displayName || o.name;
+          C && (m = `
 
-Check the top-level render call using <` + u + ">.");
+Check the top-level render call using <` + C + ">.");
         }
-        return s;
+        return m;
       }
     }
-    function qe(t, s) {
+    function Dt(o, m) {
       {
-        if (!t._store || t._store.validated || t.key != null)
+        if (!o._store || o._store.validated || o.key != null)
           return;
-        t._store.validated = !0;
-        var u = cn(s);
-        if (Ze[u])
+        o._store.validated = !0;
+        var C = sn(m);
+        if (Ot[C])
           return;
-        Ze[u] = !0;
-        var g = "";
-        t && t._owner && t._owner !== Pe.current && (g = " It was passed a child from " + $(t._owner.type) + "."), ne(t), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), ne(null);
+        Ot[C] = !0;
+        var O = "";
+        o && o._owner && o._owner !== pt.current && (O = " It was passed a child from " + J(o._owner.type) + "."), $e(o), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', C, O), $e(null);
       }
     }
-    function Je(t, s) {
+    function Mt(o, m) {
       {
-        if (typeof t != "object")
+        if (typeof o != "object")
           return;
-        if (Ce(t))
-          for (var u = 0; u < t.length; u++) {
-            var g = t[u];
-            Re(g) && qe(g, s);
+        if (Ae(o))
+          for (var C = 0; C < o.length; C++) {
+            var O = o[C];
+            mt(O) && Dt(O, m);
           }
-        else if (Re(t))
-          t._store && (t._store.validated = !0);
-        else if (t) {
-          var j = N(t);
-          if (typeof j == "function" && j !== t.entries)
-            for (var P = j.call(t), w; !(w = P.next()).done; )
-              Re(w.value) && qe(w.value, s);
+        else if (mt(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var W = _(o);
+          if (typeof W == "function" && W !== o.entries)
+            for (var X = W.call(o), z; !(z = X.next()).done; )
+              mt(z.value) && Dt(z.value, m);
         }
       }
     }
-    function un(t) {
+    function cn(o) {
       {
-        var s = t.type;
-        if (s == null || typeof s == "string")
+        var m = o.type;
+        if (m == null || typeof m == "string")
           return;
-        var u;
-        if (typeof s == "function")
-          u = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === a || // Note: Memo only checks outer props here.
+        var C;
+        if (typeof m == "function")
+          C = m.propTypes;
+        else if (typeof m == "object" && (m.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === y))
-          u = s.propTypes;
+        m.$$typeof === w))
+          C = m.propTypes;
         else
           return;
-        if (u) {
-          var g = $(s);
-          Jt(u, t.props, "prop", g, t);
-        } else if (s.PropTypes !== void 0 && !Se) {
-          Se = !0;
-          var j = $(s);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+        if (C) {
+          var O = J(m);
+          fe(C, o.props, "prop", O, o);
+        } else if (m.PropTypes !== void 0 && !ht) {
+          ht = !0;
+          var W = J(m);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function dn(t) {
+    function ln(o) {
       {
-        for (var s = Object.keys(t.props), u = 0; u < s.length; u++) {
-          var g = s[u];
-          if (g !== "children" && g !== "key") {
-            ne(t), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), ne(null);
+        for (var m = Object.keys(o.props), C = 0; C < m.length; C++) {
+          var O = m[C];
+          if (O !== "children" && O !== "key") {
+            $e(o), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), $e(null);
             break;
           }
         }
-        t.ref !== null && (ne(t), S("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
+        o.ref !== null && ($e(o), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    var Xe = {};
-    function Ke(t, s, u, g, j, P) {
+    var Ft = {};
+    function Nt(o, m, C, O, W, X) {
       {
-        var w = T(t);
-        if (!w) {
-          var x = "";
-          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = ln();
-          I ? x += I : x += Ye();
-          var R;
-          t === null ? R = "null" : Ce(t) ? R = "array" : t !== void 0 && t.$$typeof === n ? (R = "<" + ($(t.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : R = typeof t, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, x);
+        var z = M(o);
+        if (!z) {
+          var $ = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && ($ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ge = an();
+          ge ? $ += ge : $ += It();
+          var se;
+          o === null ? se = "null" : Ae(o) ? se = "array" : o !== void 0 && o.$$typeof === r ? (se = "<" + (J(o.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : se = typeof o, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, $);
         }
-        var L = an(t, s, u, j, P);
-        if (L == null)
-          return L;
-        if (w) {
-          var U = s.children;
-          if (U !== void 0)
-            if (g)
-              if (Ce(U)) {
-                for (var re = 0; re < U.length; re++)
-                  Je(U[re], t);
-                Object.freeze && Object.freeze(U);
+        var ue = on(o, m, C, W, X);
+        if (ue == null)
+          return ue;
+        if (z) {
+          var Te = m.children;
+          if (Te !== void 0)
+            if (O)
+              if (Ae(Te)) {
+                for (var He = 0; He < Te.length; He++)
+                  Mt(Te[He], o);
+                Object.freeze && Object.freeze(Te);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("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
-              Je(U, t);
+              Mt(Te, o);
         }
-        if (se.call(s, "key")) {
-          var G = $(t), H = Object.keys(s).filter(function(gn) {
-            return gn !== "key";
-          }), Le = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Xe[G + Le]) {
-            var vn = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+        if (ie.call(m, "key")) {
+          var Oe = J(o), we = Object.keys(m).filter(function(mn) {
+            return mn !== "key";
+          }), vt = we.length > 0 ? "{key: someKey, " + we.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ft[Oe + vt]) {
+            var hn = we.length > 0 ? "{" + we.join(": ..., ") + ": ...}" : "{}";
+            x(`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} />`, Le, G, vn, G), Xe[G + Le] = !0;
+  <%s key={someKey} {...props} />`, vt, Oe, hn, Oe), Ft[Oe + vt] = !0;
           }
         }
-        return t === i ? dn(L) : un(L), L;
+        return o === n ? ln(ue) : cn(ue), ue;
       }
     }
-    function fn(t, s, u) {
-      return Ke(t, s, u, !0);
+    function un(o, m, C) {
+      return Nt(o, m, C, !0);
     }
-    function hn(t, s, u) {
-      return Ke(t, s, u, !1);
+    function dn(o, m, C) {
+      return Nt(o, m, C, !1);
     }
-    var mn = hn, pn = fn;
-    le.Fragment = i, le.jsx = mn, le.jsxs = pn;
-  })()), le;
+    var fn = dn, pn = un;
+    Ze.Fragment = n, Ze.jsx = fn, Ze.jsxs = pn;
+  })()), Ze;
 }
-var tt;
-function Tn() {
-  return tt || (tt = 1, process.env.NODE_ENV === "production" ? pe.exports = wn() : pe.exports = bn()), pe.exports;
+var Ht;
+function xn() {
+  return Ht || (Ht = 1, process.env.NODE_ENV === "production" ? Qe.exports = wn() : Qe.exports = bn()), Qe.exports;
 }
-var o = Tn();
-const jn = typeof window < "u" ? yn : A;
-function xe(e, n) {
-  const r = M(e);
-  jn(() => {
-    r.current = e;
-  }, [e]), A(() => {
-    if (n === null)
+var a = xn();
+const Sn = typeof window < "u" ? vn : be;
+function dt(e, r) {
+  const t = ve(e);
+  Sn(() => {
+    t.current = e;
+  }, [e]), be(() => {
+    if (r === null)
       return;
-    const i = setInterval(() => {
-      r.current();
-    }, n);
+    const n = setInterval(() => {
+      t.current();
+    }, r);
     return () => {
-      clearInterval(i);
+      clearInterval(n);
     };
-  }, [n]);
+  }, [r]);
 }
 function Cn(e) {
-  const [, n] = D(0);
-  xe(() => n((r) => r + 1), e);
+  const [, r] = ye(0);
+  dt(() => r((t) => t + 1), e);
 }
-const Pn = (e, n) => ct((r) => ({
+const En = (e, r) => ir((t) => ({
   delay: 0,
   startDate: e,
-  endDate: n,
+  endDate: r,
   startTime: e.getTime(),
-  endTime: n.getTime(),
-  setDelay: (i) => r({ delay: i }),
-  setStartDate: (i) => r({ startDate: i }),
-  setEndDate: (i) => r({ endDate: i })
-})), dt = at(
+  endTime: r.getTime(),
+  setDelay: (n) => t({ delay: n }),
+  setStartDate: (n) => t({ startDate: n }),
+  setEndDate: (n) => t({ endDate: n })
+})), sr = or(
   null
-), Sn = ({
+), Tn = ({
   children: e,
-  startDate: n,
-  endDate: r
+  startDate: r,
+  endDate: t
 }) => {
-  const i = M(
+  const n = ve(
     null
   );
-  return i.current || (i.current = Pn(n, r)), /* @__PURE__ */ o.jsx(dt.Provider, { value: i.current, children: e });
-}, O = (e) => {
-  const n = lt(dt);
-  if (!n)
+  return n.current || (n.current = En(r, t)), /* @__PURE__ */ a.jsx(sr.Provider, { value: n.current, children: e });
+}, me = (e) => {
+  const r = Je(sr);
+  if (!r)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return ut(n, e);
+  return ar(r, e);
+};
+var et = { exports: {} }, q = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its 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 Pn() {
+  if (zt) return q;
+  zt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, w = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+  function g(p) {
+    if (typeof p == "object" && p !== null) {
+      var U = p.$$typeof;
+      switch (U) {
+        case r:
+          switch (p = p.type, p) {
+            case u:
+            case f:
+            case n:
+            case c:
+            case i:
+            case w:
+              return p;
+            default:
+              switch (p = p && p.$$typeof, p) {
+                case d:
+                case v:
+                case E:
+                case R:
+                case l:
+                  return p;
+                default:
+                  return U;
+              }
+          }
+        case t:
+          return U;
+      }
+    }
+  }
+  function A(p) {
+    return g(p) === f;
+  }
+  return q.AsyncMode = u, q.ConcurrentMode = f, q.ContextConsumer = d, q.ContextProvider = l, q.Element = r, q.ForwardRef = v, q.Fragment = n, q.Lazy = E, q.Memo = R, q.Portal = t, q.Profiler = c, q.StrictMode = i, q.Suspense = w, q.isAsyncMode = function(p) {
+    return A(p) || g(p) === u;
+  }, q.isConcurrentMode = A, q.isContextConsumer = function(p) {
+    return g(p) === d;
+  }, q.isContextProvider = function(p) {
+    return g(p) === l;
+  }, q.isElement = function(p) {
+    return typeof p == "object" && p !== null && p.$$typeof === r;
+  }, q.isForwardRef = function(p) {
+    return g(p) === v;
+  }, q.isFragment = function(p) {
+    return g(p) === n;
+  }, q.isLazy = function(p) {
+    return g(p) === E;
+  }, q.isMemo = function(p) {
+    return g(p) === R;
+  }, q.isPortal = function(p) {
+    return g(p) === t;
+  }, q.isProfiler = function(p) {
+    return g(p) === c;
+  }, q.isStrictMode = function(p) {
+    return g(p) === i;
+  }, q.isSuspense = function(p) {
+    return g(p) === w;
+  }, q.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === n || p === f || p === c || p === i || p === w || p === L || typeof p == "object" && p !== null && (p.$$typeof === E || p.$$typeof === R || p.$$typeof === l || p.$$typeof === d || p.$$typeof === v || p.$$typeof === _ || p.$$typeof === j || p.$$typeof === x || p.$$typeof === k);
+  }, q.typeOf = g, q;
+}
+var Z = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Yt;
+function Rn() {
+  return Yt || (Yt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, w = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+    function g(h) {
+      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      h === n || h === f || h === c || h === i || h === w || h === L || typeof h == "object" && h !== null && (h.$$typeof === E || h.$$typeof === R || h.$$typeof === l || h.$$typeof === d || h.$$typeof === v || h.$$typeof === _ || h.$$typeof === j || h.$$typeof === x || h.$$typeof === k);
+    }
+    function A(h) {
+      if (typeof h == "object" && h !== null) {
+        var oe = h.$$typeof;
+        switch (oe) {
+          case r:
+            var ae = h.type;
+            switch (ae) {
+              case u:
+              case f:
+              case n:
+              case c:
+              case i:
+              case w:
+                return ae;
+              default:
+                var F = ae && ae.$$typeof;
+                switch (F) {
+                  case d:
+                  case v:
+                  case E:
+                  case R:
+                  case l:
+                    return F;
+                  default:
+                    return oe;
+                }
+            }
+          case t:
+            return oe;
+        }
+      }
+    }
+    var p = u, U = f, de = d, te = l, ce = r, M = v, xe = n, re = E, J = R, ne = t, K = c, Se = i, Q = w, pe = !1;
+    function Pe(h) {
+      return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Ee(h) || A(h) === u;
+    }
+    function Ee(h) {
+      return A(h) === f;
+    }
+    function Re(h) {
+      return A(h) === d;
+    }
+    function P(h) {
+      return A(h) === l;
+    }
+    function S(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === r;
+    }
+    function T(h) {
+      return A(h) === v;
+    }
+    function D(h) {
+      return A(h) === n;
+    }
+    function s(h) {
+      return A(h) === E;
+    }
+    function V(h) {
+      return A(h) === R;
+    }
+    function y(h) {
+      return A(h) === t;
+    }
+    function G(h) {
+      return A(h) === c;
+    }
+    function N(h) {
+      return A(h) === i;
+    }
+    function H(h) {
+      return A(h) === w;
+    }
+    Z.AsyncMode = p, Z.ConcurrentMode = U, Z.ContextConsumer = de, Z.ContextProvider = te, Z.Element = ce, Z.ForwardRef = M, Z.Fragment = xe, Z.Lazy = re, Z.Memo = J, Z.Portal = ne, Z.Profiler = K, Z.StrictMode = Se, Z.Suspense = Q, Z.isAsyncMode = Pe, Z.isConcurrentMode = Ee, Z.isContextConsumer = Re, Z.isContextProvider = P, Z.isElement = S, Z.isForwardRef = T, Z.isFragment = D, Z.isLazy = s, Z.isMemo = V, Z.isPortal = y, Z.isProfiler = G, Z.isStrictMode = N, Z.isSuspense = H, Z.isValidElementType = g, Z.typeOf = A;
+  })()), Z;
+}
+var Bt;
+function cr() {
+  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? et.exports = Pn() : et.exports = Rn()), et.exports;
+}
+var Rt = cr();
+function kn(e) {
+  function r(P, S, T, D, s) {
+    for (var V = 0, y = 0, G = 0, N = 0, H, h, oe = 0, ae = 0, F, ie = F = H = 0, B = 0, le = 0, ke = 0, fe = 0, Fe = T.length, Ae = Fe - 1, Ce, I = "", ee = "", Ne = "", Ve = "", _e; B < Fe; ) {
+      if (h = T.charCodeAt(B), B === Ae && y + N + G + V !== 0 && (y !== 0 && (h = y === 47 ? 10 : 47), N = G = V = 0, Fe++, Ae++), y + N + G + V === 0) {
+        if (B === Ae && (0 < le && (I = I.replace(L, "")), 0 < I.trim().length)) {
+          switch (h) {
+            case 32:
+            case 9:
+            case 59:
+            case 13:
+            case 10:
+              break;
+            default:
+              I += T.charAt(B);
+          }
+          h = 59;
+        }
+        switch (h) {
+          case 123:
+            for (I = I.trim(), H = I.charCodeAt(0), F = 1, fe = ++B; B < Fe; ) {
+              switch (h = T.charCodeAt(B)) {
+                case 123:
+                  F++;
+                  break;
+                case 125:
+                  F--;
+                  break;
+                case 47:
+                  switch (h = T.charCodeAt(B + 1)) {
+                    case 42:
+                    case 47:
+                      e: {
+                        for (ie = B + 1; ie < Ae; ++ie)
+                          switch (T.charCodeAt(ie)) {
+                            case 47:
+                              if (h === 42 && T.charCodeAt(ie - 1) === 42 && B + 2 !== ie) {
+                                B = ie + 1;
+                                break e;
+                              }
+                              break;
+                            case 10:
+                              if (h === 47) {
+                                B = ie + 1;
+                                break e;
+                              }
+                          }
+                        B = ie;
+                      }
+                  }
+                  break;
+                case 91:
+                  h++;
+                case 40:
+                  h++;
+                case 34:
+                case 39:
+                  for (; B++ < Ae && T.charCodeAt(B) !== h; )
+                    ;
+              }
+              if (F === 0) break;
+              B++;
+            }
+            switch (F = T.substring(fe, B), H === 0 && (H = (I = I.replace(w, "").trim()).charCodeAt(0)), H) {
+              case 64:
+                switch (0 < le && (I = I.replace(L, "")), h = I.charCodeAt(1), h) {
+                  case 100:
+                  case 109:
+                  case 115:
+                  case 45:
+                    le = S;
+                    break;
+                  default:
+                    le = Se;
+                }
+                if (F = r(S, le, F, h, s + 1), fe = F.length, 0 < pe && (le = t(Se, I, ke), _e = d(3, F, le, S, J, re, fe, h, s, D), I = le.join(""), _e !== void 0 && (fe = (F = _e.trim()).length) === 0 && (h = 0, F = "")), 0 < fe) switch (h) {
+                  case 115:
+                    I = I.replace(U, l);
+                  case 100:
+                  case 109:
+                  case 45:
+                    F = I + "{" + F + "}";
+                    break;
+                  case 107:
+                    I = I.replace(x, "$1 $2"), F = I + "{" + F + "}", F = K === 1 || K === 2 && c("@" + F, 3) ? "@-webkit-" + F + "@" + F : "@" + F;
+                    break;
+                  default:
+                    F = I + F, D === 112 && (F = (ee += F, ""));
+                }
+                else F = "";
+                break;
+              default:
+                F = r(S, t(S, I, ke), F, D, s + 1);
+            }
+            Ne += F, F = ke = le = ie = H = 0, I = "", h = T.charCodeAt(++B);
+            break;
+          case 125:
+          case 59:
+            if (I = (0 < le ? I.replace(L, "") : I).trim(), 1 < (fe = I.length)) switch (ie === 0 && (H = I.charCodeAt(0), H === 45 || 96 < H && 123 > H) && (fe = (I = I.replace(" ", ":")).length), 0 < pe && (_e = d(1, I, S, P, J, re, ee.length, D, s, D)) !== void 0 && (fe = (I = _e.trim()).length) === 0 && (I = "\0\0"), H = I.charCodeAt(0), h = I.charCodeAt(1), H) {
+              case 0:
+                break;
+              case 64:
+                if (h === 105 || h === 99) {
+                  Ve += I + T.charAt(B);
+                  break;
+                }
+              default:
+                I.charCodeAt(fe - 1) !== 58 && (ee += i(I, H, h, I.charCodeAt(2)));
+            }
+            ke = le = ie = H = 0, I = "", h = T.charCodeAt(++B);
+        }
+      }
+      switch (h) {
+        case 13:
+        case 10:
+          y === 47 ? y = 0 : 1 + H === 0 && D !== 107 && 0 < I.length && (le = 1, I += "\0"), 0 < pe * Ee && d(0, I, S, P, J, re, ee.length, D, s, D), re = 1, J++;
+          break;
+        case 59:
+        case 125:
+          if (y + N + G + V === 0) {
+            re++;
+            break;
+          }
+        default:
+          switch (re++, Ce = T.charAt(B), h) {
+            case 9:
+            case 32:
+              if (N + V + y === 0) switch (oe) {
+                case 44:
+                case 58:
+                case 9:
+                case 32:
+                  Ce = "";
+                  break;
+                default:
+                  h !== 32 && (Ce = " ");
+              }
+              break;
+            case 0:
+              Ce = "\\0";
+              break;
+            case 12:
+              Ce = "\\f";
+              break;
+            case 11:
+              Ce = "\\v";
+              break;
+            case 38:
+              N + y + V === 0 && (le = ke = 1, Ce = "\f" + Ce);
+              break;
+            case 108:
+              if (N + y + V + ne === 0 && 0 < ie) switch (B - ie) {
+                case 2:
+                  oe === 112 && T.charCodeAt(B - 3) === 58 && (ne = oe);
+                case 8:
+                  ae === 111 && (ne = ae);
+              }
+              break;
+            case 58:
+              N + y + V === 0 && (ie = B);
+              break;
+            case 44:
+              y + G + N + V === 0 && (le = 1, Ce += "\r");
+              break;
+            case 34:
+            case 39:
+              y === 0 && (N = N === h ? 0 : N === 0 ? h : N);
+              break;
+            case 91:
+              N + y + G === 0 && V++;
+              break;
+            case 93:
+              N + y + G === 0 && V--;
+              break;
+            case 41:
+              N + y + V === 0 && G--;
+              break;
+            case 40:
+              if (N + y + V === 0) {
+                if (H === 0) switch (2 * oe + 3 * ae) {
+                  case 533:
+                    break;
+                  default:
+                    H = 1;
+                }
+                G++;
+              }
+              break;
+            case 64:
+              y + G + N + V + ie + F === 0 && (F = 1);
+              break;
+            case 42:
+            case 47:
+              if (!(0 < N + V + G)) switch (y) {
+                case 0:
+                  switch (2 * h + 3 * T.charCodeAt(B + 1)) {
+                    case 235:
+                      y = 47;
+                      break;
+                    case 220:
+                      fe = B, y = 42;
+                  }
+                  break;
+                case 42:
+                  h === 47 && oe === 42 && fe + 2 !== B && (T.charCodeAt(fe + 2) === 33 && (ee += T.substring(fe, B + 1)), Ce = "", y = 0);
+              }
+          }
+          y === 0 && (I += Ce);
+      }
+      ae = oe, oe = h, B++;
+    }
+    if (fe = ee.length, 0 < fe) {
+      if (le = S, 0 < pe && (_e = d(2, ee, le, P, J, re, fe, D, s, D), _e !== void 0 && (ee = _e).length === 0)) return Ve + ee + Ne;
+      if (ee = le.join(",") + "{" + ee + "}", K * ne !== 0) {
+        switch (K !== 2 || c(ee, 2) || (ne = 0), ne) {
+          case 111:
+            ee = ee.replace(A, ":-moz-$1") + ee;
+            break;
+          case 112:
+            ee = ee.replace(g, "::-webkit-input-$1") + ee.replace(g, "::-moz-$1") + ee.replace(g, ":-ms-input-$1") + ee;
+        }
+        ne = 0;
+      }
+    }
+    return Ve + ee + Ne;
+  }
+  function t(P, S, T) {
+    var D = S.trim().split(_);
+    S = D;
+    var s = D.length, V = P.length;
+    switch (V) {
+      case 0:
+      case 1:
+        var y = 0;
+        for (P = V === 0 ? "" : P[0] + " "; y < s; ++y)
+          S[y] = n(P, S[y], T).trim();
+        break;
+      default:
+        var G = y = 0;
+        for (S = []; y < s; ++y)
+          for (var N = 0; N < V; ++N)
+            S[G++] = n(P[N] + " ", D[y], T).trim();
+    }
+    return S;
+  }
+  function n(P, S, T) {
+    var D = S.charCodeAt(0);
+    switch (33 > D && (D = (S = S.trim()).charCodeAt(0)), D) {
+      case 38:
+        return S.replace(j, "$1" + P.trim());
+      case 58:
+        return P.trim() + S.replace(j, "$1" + P.trim());
+      default:
+        if (0 < 1 * T && 0 < S.indexOf("\f")) return S.replace(j, (P.charCodeAt(0) === 58 ? "" : "$1") + P.trim());
+    }
+    return P + S;
+  }
+  function i(P, S, T, D) {
+    var s = P + ";", V = 2 * S + 3 * T + 4 * D;
+    if (V === 944) {
+      P = s.indexOf(":", 9) + 1;
+      var y = s.substring(P, s.length - 1).trim();
+      return y = s.substring(0, P).trim() + y + ";", K === 1 || K === 2 && c(y, 1) ? "-webkit-" + y + y : y;
+    }
+    if (K === 0 || K === 2 && !c(s, 1)) return s;
+    switch (V) {
+      case 1015:
+        return s.charCodeAt(10) === 97 ? "-webkit-" + s + s : s;
+      case 951:
+        return s.charCodeAt(3) === 116 ? "-webkit-" + s + s : s;
+      case 963:
+        return s.charCodeAt(5) === 110 ? "-webkit-" + s + s : s;
+      case 1009:
+        if (s.charCodeAt(4) !== 100) break;
+      case 969:
+      case 942:
+        return "-webkit-" + s + s;
+      case 978:
+        return "-webkit-" + s + "-moz-" + s + s;
+      case 1019:
+      case 983:
+        return "-webkit-" + s + "-moz-" + s + "-ms-" + s + s;
+      case 883:
+        if (s.charCodeAt(8) === 45) return "-webkit-" + s + s;
+        if (0 < s.indexOf("image-set(", 11)) return s.replace(xe, "$1-webkit-$2") + s;
+        break;
+      case 932:
+        if (s.charCodeAt(4) === 45) switch (s.charCodeAt(5)) {
+          case 103:
+            return "-webkit-box-" + s.replace("-grow", "") + "-webkit-" + s + "-ms-" + s.replace("grow", "positive") + s;
+          case 115:
+            return "-webkit-" + s + "-ms-" + s.replace("shrink", "negative") + s;
+          case 98:
+            return "-webkit-" + s + "-ms-" + s.replace("basis", "preferred-size") + s;
+        }
+        return "-webkit-" + s + "-ms-" + s + s;
+      case 964:
+        return "-webkit-" + s + "-ms-flex-" + s + s;
+      case 1023:
+        if (s.charCodeAt(8) !== 99) break;
+        return y = s.substring(s.indexOf(":", 15)).replace("flex-", "").replace("space-between", "justify"), "-webkit-box-pack" + y + "-webkit-" + s + "-ms-flex-pack" + y + s;
+      case 1005:
+        return E.test(s) ? s.replace(R, ":-webkit-") + s.replace(R, ":-moz-") + s : s;
+      case 1e3:
+        switch (y = s.substring(13).trim(), S = y.indexOf("-") + 1, y.charCodeAt(0) + y.charCodeAt(S)) {
+          case 226:
+            y = s.replace(p, "tb");
+            break;
+          case 232:
+            y = s.replace(p, "tb-rl");
+            break;
+          case 220:
+            y = s.replace(p, "lr");
+            break;
+          default:
+            return s;
+        }
+        return "-webkit-" + s + "-ms-" + y + s;
+      case 1017:
+        if (s.indexOf("sticky", 9) === -1) break;
+      case 975:
+        switch (S = (s = P).length - 10, y = (s.charCodeAt(S) === 33 ? s.substring(0, S) : s).substring(P.indexOf(":", 7) + 1).trim(), V = y.charCodeAt(0) + (y.charCodeAt(7) | 0)) {
+          case 203:
+            if (111 > y.charCodeAt(8)) break;
+          case 115:
+            s = s.replace(y, "-webkit-" + y) + ";" + s;
+            break;
+          case 207:
+          case 102:
+            s = s.replace(y, "-webkit-" + (102 < V ? "inline-" : "") + "box") + ";" + s.replace(y, "-webkit-" + y) + ";" + s.replace(y, "-ms-" + y + "box") + ";" + s;
+        }
+        return s + ";";
+      case 938:
+        if (s.charCodeAt(5) === 45) switch (s.charCodeAt(6)) {
+          case 105:
+            return y = s.replace("-items", ""), "-webkit-" + s + "-webkit-box-" + y + "-ms-flex-" + y + s;
+          case 115:
+            return "-webkit-" + s + "-ms-flex-item-" + s.replace(te, "") + s;
+          default:
+            return "-webkit-" + s + "-ms-flex-line-pack" + s.replace("align-content", "").replace(te, "") + s;
+        }
+        break;
+      case 973:
+      case 989:
+        if (s.charCodeAt(3) !== 45 || s.charCodeAt(4) === 122) break;
+      case 931:
+      case 953:
+        if (M.test(P) === !0) return (y = P.substring(P.indexOf(":") + 1)).charCodeAt(0) === 115 ? i(P.replace("stretch", "fill-available"), S, T, D).replace(":fill-available", ":stretch") : s.replace(y, "-webkit-" + y) + s.replace(y, "-moz-" + y.replace("fill-", "")) + s;
+        break;
+      case 962:
+        if (s = "-webkit-" + s + (s.charCodeAt(5) === 102 ? "-ms-" + s : "") + s, T + D === 211 && s.charCodeAt(13) === 105 && 0 < s.indexOf("transform", 10)) return s.substring(0, s.indexOf(";", 27) + 1).replace(k, "$1-webkit-$2") + s;
+    }
+    return s;
+  }
+  function c(P, S) {
+    var T = P.indexOf(S === 1 ? ":" : "{"), D = P.substring(0, S !== 3 ? T : 10);
+    return T = P.substring(T + 1, P.length - 1), Pe(S !== 2 ? D : D.replace(ce, "$1"), T, S);
+  }
+  function l(P, S) {
+    var T = i(S, S.charCodeAt(0), S.charCodeAt(1), S.charCodeAt(2));
+    return T !== S + ";" ? T.replace(de, " or ($1)").substring(4) : "(" + S + ")";
+  }
+  function d(P, S, T, D, s, V, y, G, N, H) {
+    for (var h = 0, oe = S, ae; h < pe; ++h)
+      switch (ae = Q[h].call(v, P, oe, T, D, s, V, y, G, N, H)) {
+        case void 0:
+        case !1:
+        case !0:
+        case null:
+          break;
+        default:
+          oe = ae;
+      }
+    if (oe !== S) return oe;
+  }
+  function u(P) {
+    switch (P) {
+      case void 0:
+      case null:
+        pe = Q.length = 0;
+        break;
+      default:
+        if (typeof P == "function") Q[pe++] = P;
+        else if (typeof P == "object") for (var S = 0, T = P.length; S < T; ++S)
+          u(P[S]);
+        else Ee = !!P | 0;
+    }
+    return u;
+  }
+  function f(P) {
+    return P = P.prefix, P !== void 0 && (Pe = null, P ? typeof P != "function" ? K = 1 : (K = 2, Pe = P) : K = 0), f;
+  }
+  function v(P, S) {
+    var T = P;
+    if (33 > T.charCodeAt(0) && (T = T.trim()), Re = T, T = [Re], 0 < pe) {
+      var D = d(-1, S, T, T, J, re, 0, 0, 0, 0);
+      D !== void 0 && typeof D == "string" && (S = D);
+    }
+    var s = r(Se, T, S, 0, 0);
+    return 0 < pe && (D = d(-2, s, T, T, J, re, s.length, 0, 0, 0), D !== void 0 && (s = D)), Re = "", ne = 0, re = J = 1, s;
+  }
+  var w = /^\0+/g, L = /[\0\r\f]/g, R = /: */g, E = /zoo|gra/, k = /([,: ])(transform)/g, _ = /,\r+?/g, j = /([\t\r\n ])*\f?&/g, x = /@(k\w+)\s*(\S*)\s*/, g = /::(place)/g, A = /:(read-only)/g, p = /[svh]\w+-[tblr]{2}/, U = /\(\s*(.*)\s*\)/g, de = /([\s\S]*?);/g, te = /-self|flex-/g, ce = /[^]*?(:[rp][el]a[\w-]+)[^]*/, M = /stretch|:\s*\w+\-(?:conte|avail)/, xe = /([^-])(image-set\()/, re = 1, J = 1, ne = 0, K = 1, Se = [], Q = [], pe = 0, Pe = null, Ee = 0, Re = "";
+  return v.use = u, v.set = f, e !== void 0 && f(e), v;
+}
+var _n = {
+  animationIterationCount: 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
 };
-function Rn({
+function An(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
+  };
+}
+var jn = /^((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)-.*))$/, Ut = /* @__PURE__ */ An(
+  function(e) {
+    return jn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), gt, Wt;
+function Ln() {
+  if (Wt) return gt;
+  Wt = 1;
+  var e = cr(), r = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, t = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, n = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, i = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, c = {};
+  c[e.ForwardRef] = n, c[e.Memo] = i;
+  function l(E) {
+    return e.isMemo(E) ? i : c[E.$$typeof] || r;
+  }
+  var d = Object.defineProperty, u = Object.getOwnPropertyNames, f = Object.getOwnPropertySymbols, v = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, L = Object.prototype;
+  function R(E, k, _) {
+    if (typeof k != "string") {
+      if (L) {
+        var j = w(k);
+        j && j !== L && R(E, j, _);
+      }
+      var x = u(k);
+      f && (x = x.concat(f(k)));
+      for (var g = l(E), A = l(k), p = 0; p < x.length; ++p) {
+        var U = x[p];
+        if (!t[U] && !(_ && _[U]) && !(A && A[U]) && !(g && g[U])) {
+          var de = v(k, U);
+          try {
+            d(E, U, de);
+          } catch {
+          }
+        }
+      }
+    }
+    return E;
+  }
+  return gt = R, gt;
+}
+var In = Ln();
+const On = /* @__PURE__ */ yn(In);
+function je() {
+  return (je = Object.assign || function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }).apply(this, arguments);
+}
+var qt = function(e, r) {
+  for (var t = [e[0]], n = 0, i = r.length; n < i; n += 1) t.push(r[n], e[n + 1]);
+  return t;
+}, bt = function(e) {
+  return e !== null && typeof e == "object" && (e.toString ? e.toString() : Object.prototype.toString.call(e)) === "[object Object]" && !Rt.typeOf(e);
+}, it = Object.freeze([]), Le = Object.freeze({});
+function Xe(e) {
+  return typeof e == "function";
+}
+function xt(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function kt(e) {
+  return e && typeof e.styledComponentId == "string";
+}
+var ze = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", _t = typeof window < "u" && "HTMLElement" in window, Dn = !!(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 : 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")), Mn = 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?
+` } : {};
+function Fn() {
+  for (var e = arguments.length <= 0 ? void 0 : arguments[0], r = [], t = 1, n = arguments.length; t < n; t += 1) r.push(t < 0 || arguments.length <= t ? void 0 : arguments[t]);
+  return r.forEach((function(i) {
+    e = e.replace(/%[a-z]/, i);
+  })), e;
+}
+function We(e) {
+  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
+  throw process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://git.io/JUIaE#" + e + " for more information." + (t.length > 0 ? " Args: " + t.join(", ") : "")) : new Error(Fn.apply(void 0, [Mn[e]].concat(t)).trim());
+}
+var Nn = (function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  var r = e.prototype;
+  return r.indexOfGroup = function(t) {
+    for (var n = 0, i = 0; i < t; i++) n += this.groupSizes[i];
+    return n;
+  }, r.insertRules = function(t, n) {
+    if (t >= this.groupSizes.length) {
+      for (var i = this.groupSizes, c = i.length, l = c; t >= l; ) (l <<= 1) < 0 && We(16, "" + t);
+      this.groupSizes = new Uint32Array(l), this.groupSizes.set(i), this.length = l;
+      for (var d = c; d < l; d++) this.groupSizes[d] = 0;
+    }
+    for (var u = this.indexOfGroup(t + 1), f = 0, v = n.length; f < v; f++) this.tag.insertRule(u, n[f]) && (this.groupSizes[t]++, u++);
+  }, r.clearGroup = function(t) {
+    if (t < this.length) {
+      var n = this.groupSizes[t], i = this.indexOfGroup(t), c = i + n;
+      this.groupSizes[t] = 0;
+      for (var l = i; l < c; l++) this.tag.deleteRule(i);
+    }
+  }, r.getGroup = function(t) {
+    var n = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return n;
+    for (var i = this.groupSizes[t], c = this.indexOfGroup(t), l = c + i, d = c; d < l; d++) n += this.tag.getRule(d) + `/*!sc*/
+`;
+    return n;
+  }, e;
+})(), ot = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), Ge = 1, tt = function(e) {
+  if (ot.has(e)) return ot.get(e);
+  for (; at.has(Ge); ) Ge++;
+  var r = Ge++;
+  return process.env.NODE_ENV !== "production" && ((0 | r) < 0 || r > 1 << 30) && We(16, "" + r), ot.set(e, r), at.set(r, e), r;
+}, Vn = function(e) {
+  return at.get(e);
+}, $n = function(e, r) {
+  r >= Ge && (Ge = r + 1), ot.set(e, r), at.set(r, e);
+}, Hn = "style[" + ze + '][data-styled-version="5.3.11"]', zn = new RegExp("^" + ze + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'), Yn = function(e, r, t) {
+  for (var n, i = t.split(","), c = 0, l = i.length; c < l; c++) (n = i[c]) && e.registerName(r, n);
+}, Bn = function(e, r) {
+  for (var t = (r.textContent || "").split(`/*!sc*/
+`), n = [], i = 0, c = t.length; i < c; i++) {
+    var l = t[i].trim();
+    if (l) {
+      var d = l.match(zn);
+      if (d) {
+        var u = 0 | parseInt(d[1], 10), f = d[2];
+        u !== 0 && ($n(f, u), Yn(e, f, d[3]), e.getTag().insertRules(u, n)), n.length = 0;
+      } else n.push(l);
+    }
+  }
+}, Un = function() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}, lr = function(e) {
+  var r = document.head, t = e || r, n = document.createElement("style"), i = (function(d) {
+    for (var u = d.childNodes, f = u.length; f >= 0; f--) {
+      var v = u[f];
+      if (v && v.nodeType === 1 && v.hasAttribute(ze)) return v;
+    }
+  })(t), c = i !== void 0 ? i.nextSibling : null;
+  n.setAttribute(ze, "active"), n.setAttribute("data-styled-version", "5.3.11");
+  var l = Un();
+  return l && n.setAttribute("nonce", l), t.insertBefore(n, c), n;
+}, Wn = (function() {
+  function e(t) {
+    var n = this.element = lr(t);
+    n.appendChild(document.createTextNode("")), this.sheet = (function(i) {
+      if (i.sheet) return i.sheet;
+      for (var c = document.styleSheets, l = 0, d = c.length; l < d; l++) {
+        var u = c[l];
+        if (u.ownerNode === i) return u;
+      }
+      We(17);
+    })(n), this.length = 0;
+  }
+  var r = e.prototype;
+  return r.insertRule = function(t, n) {
+    try {
+      return this.sheet.insertRule(n, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, r.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, r.getRule = function(t) {
+    var n = this.sheet.cssRules[t];
+    return n !== void 0 && typeof n.cssText == "string" ? n.cssText : "";
+  }, e;
+})(), qn = (function() {
+  function e(t) {
+    var n = this.element = lr(t);
+    this.nodes = n.childNodes, this.length = 0;
+  }
+  var r = e.prototype;
+  return r.insertRule = function(t, n) {
+    if (t <= this.length && t >= 0) {
+      var i = document.createTextNode(n), c = this.nodes[t];
+      return this.element.insertBefore(i, c || null), this.length++, !0;
+    }
+    return !1;
+  }, r.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, r.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+})(), Zn = (function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  var r = e.prototype;
+  return r.insertRule = function(t, n) {
+    return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
+  }, r.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, r.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+})(), Zt = _t, Gn = { isServer: !_t, useCSSOMInjection: !Dn }, ur = (function() {
+  function e(t, n, i) {
+    t === void 0 && (t = Le), n === void 0 && (n = {}), this.options = je({}, Gn, {}, t), this.gs = n, this.names = new Map(i), this.server = !!t.isServer, !this.server && _t && Zt && (Zt = !1, (function(c) {
+      for (var l = document.querySelectorAll(Hn), d = 0, u = l.length; d < u; d++) {
+        var f = l[d];
+        f && f.getAttribute(ze) !== "active" && (Bn(c, f), f.parentNode && f.parentNode.removeChild(f));
+      }
+    })(this));
+  }
+  e.registerId = function(t) {
+    return tt(t);
+  };
+  var r = e.prototype;
+  return r.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(je({}, this.options, {}, t), this.gs, n && this.names || void 0);
+  }, r.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, r.getTag = function() {
+    return this.tag || (this.tag = (i = (n = this.options).isServer, c = n.useCSSOMInjection, l = n.target, t = i ? new Zn(l) : c ? new Wn(l) : new qn(l), new Nn(t)));
+    var t, n, i, c, l;
+  }, r.hasNameForId = function(t, n) {
+    return this.names.has(t) && this.names.get(t).has(n);
+  }, r.registerName = function(t, n) {
+    if (tt(t), this.names.has(t)) this.names.get(t).add(n);
+    else {
+      var i = /* @__PURE__ */ new Set();
+      i.add(n), this.names.set(t, i);
+    }
+  }, r.insertRules = function(t, n, i) {
+    this.registerName(t, n), this.getTag().insertRules(tt(t), i);
+  }, r.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, r.clearRules = function(t) {
+    this.getTag().clearGroup(tt(t)), this.clearNames(t);
+  }, r.clearTag = function() {
+    this.tag = void 0;
+  }, r.toString = function() {
+    return (function(t) {
+      for (var n = t.getTag(), i = n.length, c = "", l = 0; l < i; l++) {
+        var d = Vn(l);
+        if (d !== void 0) {
+          var u = t.names.get(d), f = n.getGroup(l);
+          if (u && f && u.size) {
+            var v = ze + ".g" + l + '[id="' + d + '"]', w = "";
+            u !== void 0 && u.forEach((function(L) {
+              L.length > 0 && (w += L + ",");
+            })), c += "" + f + v + '{content:"' + w + `"}/*!sc*/
+`;
+          }
+        }
+      }
+      return c;
+    })(this);
+  }, e;
+})(), Xn = /(a)(d)/gi, Gt = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function St(e) {
+  var r, t = "";
+  for (r = Math.abs(e); r > 52; r = r / 52 | 0) t = Gt(r % 52) + t;
+  return (Gt(r % 52) + t).replace(Xn, "$1-$2");
+}
+var Me = function(e, r) {
+  for (var t = r.length; t; ) e = 33 * e ^ r.charCodeAt(--t);
+  return e;
+}, dr = function(e) {
+  return Me(5381, e);
+};
+function Jn(e) {
+  for (var r = 0; r < e.length; r += 1) {
+    var t = e[r];
+    if (Xe(t) && !kt(t)) return !1;
+  }
+  return !0;
+}
+var Kn = dr("5.3.11"), Qn = (function() {
+  function e(r, t, n) {
+    this.rules = r, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Jn(r), this.componentId = t, this.baseHash = Me(Kn, t), this.baseStyle = n, ur.registerId(t);
+  }
+  return e.prototype.generateAndInjectStyles = function(r, t, n) {
+    var i = this.componentId, c = [];
+    if (this.baseStyle && c.push(this.baseStyle.generateAndInjectStyles(r, t, n)), this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(i, this.staticRulesId)) c.push(this.staticRulesId);
+    else {
+      var l = Ye(this.rules, r, t, n).join(""), d = St(Me(this.baseHash, l) >>> 0);
+      if (!t.hasNameForId(i, d)) {
+        var u = n(l, "." + d, void 0, i);
+        t.insertRules(i, d, u);
+      }
+      c.push(d), this.staticRulesId = d;
+    }
+    else {
+      for (var f = this.rules.length, v = Me(this.baseHash, n.hash), w = "", L = 0; L < f; L++) {
+        var R = this.rules[L];
+        if (typeof R == "string") w += R, process.env.NODE_ENV !== "production" && (v = Me(v, R + L));
+        else if (R) {
+          var E = Ye(R, r, t, n), k = Array.isArray(E) ? E.join("") : E;
+          v = Me(v, k + L), w += k;
+        }
+      }
+      if (w) {
+        var _ = St(v >>> 0);
+        if (!t.hasNameForId(i, _)) {
+          var j = n(w, "." + _, void 0, i);
+          t.insertRules(i, _, j);
+        }
+        c.push(_);
+      }
+    }
+    return c.join(" ");
+  }, e;
+})(), eo = /^\s*\/\/.*$/gm, to = [":", "[", ".", "#"];
+function ro(e) {
+  var r, t, n, i, c = Le, l = c.options, d = l === void 0 ? Le : l, u = c.plugins, f = u === void 0 ? it : u, v = new kn(d), w = [], L = /* @__PURE__ */ (function(k) {
+    function _(j) {
+      if (j) try {
+        k(j + "}");
+      } catch {
+      }
+    }
+    return function(j, x, g, A, p, U, de, te, ce, M) {
+      switch (j) {
+        case 1:
+          if (ce === 0 && x.charCodeAt(0) === 64) return k(x + ";"), "";
+          break;
+        case 2:
+          if (te === 0) return x + "/*|*/";
+          break;
+        case 3:
+          switch (te) {
+            case 102:
+            case 112:
+              return k(g[0] + x), "";
+            default:
+              return x + (M === 0 ? "/*|*/" : "");
+          }
+        case -2:
+          x.split("/*|*/}").forEach(_);
+      }
+    };
+  })((function(k) {
+    w.push(k);
+  })), R = function(k, _, j) {
+    return _ === 0 && to.indexOf(j[t.length]) !== -1 || j.match(i) ? k : "." + r;
+  };
+  function E(k, _, j, x) {
+    x === void 0 && (x = "&");
+    var g = k.replace(eo, ""), A = _ && j ? j + " " + _ + " { " + g + " }" : g;
+    return r = x, t = _, n = new RegExp("\\" + t + "\\b", "g"), i = new RegExp("(\\" + t + "\\b){2,}"), v(j || !_ ? "" : _, A);
+  }
+  return v.use([].concat(f, [function(k, _, j) {
+    k === 2 && j.length && j[0].lastIndexOf(t) > 0 && (j[0] = j[0].replace(n, R));
+  }, L, function(k) {
+    if (k === -2) {
+      var _ = w;
+      return w = [], _;
+    }
+  }])), E.hash = f.length ? f.reduce((function(k, _) {
+    return _.name || We(15), Me(k, _.name);
+  }), 5381).toString() : "", E;
+}
+var fr = Ue.createContext();
+fr.Consumer;
+var pr = Ue.createContext(), no = (pr.Consumer, new ur()), Ct = ro();
+function oo() {
+  return Je(fr) || no;
+}
+function io() {
+  return Je(pr) || Ct;
+}
+var hr = (function() {
+  function e(r, t) {
+    var n = this;
+    this.inject = function(i, c) {
+      c === void 0 && (c = Ct);
+      var l = n.name + c.hash;
+      i.hasNameForId(n.id, l) || i.insertRules(n.id, l, c(n.rules, l, "@keyframes"));
+    }, this.toString = function() {
+      return We(12, String(n.name));
+    }, this.name = r, this.id = "sc-keyframes-" + r, this.rules = t;
+  }
+  return e.prototype.getName = function(r) {
+    return r === void 0 && (r = Ct), this.name + r.hash;
+  }, e;
+})(), ao = /([A-Z])/, so = /([A-Z])/g, co = /^ms-/, lo = function(e) {
+  return "-" + e.toLowerCase();
+};
+function Xt(e) {
+  return ao.test(e) ? e.replace(so, lo).replace(co, "-ms-") : e;
+}
+var Jt = function(e) {
+  return e == null || e === !1 || e === "";
+};
+function Ye(e, r, t, n) {
+  if (Array.isArray(e)) {
+    for (var i, c = [], l = 0, d = e.length; l < d; l += 1) (i = Ye(e[l], r, t, n)) !== "" && (Array.isArray(i) ? c.push.apply(c, i) : c.push(i));
+    return c;
+  }
+  if (Jt(e)) return "";
+  if (kt(e)) return "." + e.styledComponentId;
+  if (Xe(e)) {
+    if (typeof (f = e) != "function" || f.prototype && f.prototype.isReactComponent || !r) return e;
+    var u = e(r);
+    return process.env.NODE_ENV !== "production" && Rt.isElement(u) && console.warn(xt(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."), Ye(u, r, t, n);
+  }
+  var f;
+  return e instanceof hr ? t ? (e.inject(t, n), e.getName(n)) : e : bt(e) ? (function v(w, L) {
+    var R, E, k = [];
+    for (var _ in w) w.hasOwnProperty(_) && !Jt(w[_]) && (Array.isArray(w[_]) && w[_].isCss || Xe(w[_]) ? k.push(Xt(_) + ":", w[_], ";") : bt(w[_]) ? k.push.apply(k, v(w[_], _)) : k.push(Xt(_) + ": " + (R = _, (E = w[_]) == null || typeof E == "boolean" || E === "" ? "" : typeof E != "number" || E === 0 || R in _n || R.startsWith("--") ? String(E).trim() : E + "px") + ";"));
+    return L ? [L + " {"].concat(k, ["}"]) : k;
+  })(e) : e.toString();
+}
+var Kt = function(e) {
+  return Array.isArray(e) && (e.isCss = !0), e;
+};
+function st(e) {
+  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
+  return Xe(e) || bt(e) ? Kt(Ye(qt(it, [e].concat(t)))) : t.length === 0 && e.length === 1 && typeof e[0] == "string" ? e : Kt(Ye(qt(e, t)));
+}
+var Qt = /invalid hook call/i, rt = /* @__PURE__ */ new Set(), uo = function(e, r) {
+  if (process.env.NODE_ENV !== "production") {
+    var t = "The component " + e + (r ? ' with the id of "' + r + '"' : "") + ` 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.`, n = console.error;
+    try {
+      var i = !0;
+      console.error = function(c) {
+        if (Qt.test(c)) i = !1, rt.delete(t);
+        else {
+          for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), u = 1; u < l; u++) d[u - 1] = arguments[u];
+          n.apply(void 0, [c].concat(d));
+        }
+      }, ve(), i && !rt.has(t) && (console.warn(t), rt.add(t));
+    } catch (c) {
+      Qt.test(c.message) && rt.delete(t);
+    } finally {
+      console.error = n;
+    }
+  }
+}, fo = function(e, r, t) {
+  return t === void 0 && (t = Le), e.theme !== t.theme && e.theme || r || t.theme;
+}, po = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, ho = /(^-|-$)/g;
+function yt(e) {
+  return e.replace(po, "-").replace(ho, "");
+}
+var mr = function(e) {
+  return St(dr(e) >>> 0);
+};
+function nt(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var Et = function(e) {
+  return typeof e == "function" || typeof e == "object" && e !== null && !Array.isArray(e);
+}, mo = function(e) {
+  return e !== "__proto__" && e !== "constructor" && e !== "prototype";
+};
+function vo(e, r, t) {
+  var n = e[t];
+  Et(r) && Et(n) ? vr(n, r) : e[t] = r;
+}
+function vr(e) {
+  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
+  for (var i = 0, c = t; i < c.length; i++) {
+    var l = c[i];
+    if (Et(l)) for (var d in l) mo(d) && vo(e, l[d], d);
+  }
+  return e;
+}
+var gr = Ue.createContext();
+gr.Consumer;
+var wt = {};
+function yr(e, r, t) {
+  var n = kt(e), i = !nt(e), c = r.attrs, l = c === void 0 ? it : c, d = r.componentId, u = d === void 0 ? (function(x, g) {
+    var A = typeof x != "string" ? "sc" : yt(x);
+    wt[A] = (wt[A] || 0) + 1;
+    var p = A + "-" + mr("5.3.11" + A + wt[A]);
+    return g ? g + "-" + p : p;
+  })(r.displayName, r.parentComponentId) : d, f = r.displayName, v = f === void 0 ? (function(x) {
+    return nt(x) ? "styled." + x : "Styled(" + xt(x) + ")";
+  })(e) : f, w = r.displayName && r.componentId ? yt(r.displayName) + "-" + r.componentId : r.componentId || u, L = n && e.attrs ? Array.prototype.concat(e.attrs, l).filter(Boolean) : l, R = r.shouldForwardProp;
+  n && e.shouldForwardProp && (R = r.shouldForwardProp ? function(x, g, A) {
+    return e.shouldForwardProp(x, g, A) && r.shouldForwardProp(x, g, A);
+  } : e.shouldForwardProp);
+  var E, k = new Qn(t, w, n ? e.componentStyle : void 0), _ = k.isStatic && l.length === 0, j = function(x, g) {
+    return (function(A, p, U, de) {
+      var te = A.attrs, ce = A.componentStyle, M = A.defaultProps, xe = A.foldedComponentIds, re = A.shouldForwardProp, J = A.styledComponentId, ne = A.target, K = (function(D, s, V) {
+        D === void 0 && (D = Le);
+        var y = je({}, s, { theme: D }), G = {};
+        return V.forEach((function(N) {
+          var H, h, oe, ae = N;
+          for (H in Xe(ae) && (ae = ae(y)), ae) y[H] = G[H] = H === "className" ? (h = G[H], oe = ae[H], h && oe ? h + " " + oe : h || oe) : ae[H];
+        })), [y, G];
+      })(fo(p, Je(gr), M) || Le, p, te), Se = K[0], Q = K[1], pe = (function(D, s, V, y) {
+        var G = oo(), N = io(), H = s ? D.generateAndInjectStyles(Le, G, N) : D.generateAndInjectStyles(V, G, N);
+        return process.env.NODE_ENV !== "production" && !s && y && y(H), H;
+      })(ce, de, Se, process.env.NODE_ENV !== "production" ? A.warnTooManyClasses : void 0), Pe = U, Ee = Q.$as || p.$as || Q.as || p.as || ne, Re = nt(Ee), P = Q !== p ? je({}, p, {}, Q) : p, S = {};
+      for (var T in P) T[0] !== "$" && T !== "as" && (T === "forwardedAs" ? S.as = P[T] : (re ? re(T, Ut, Ee) : !Re || Ut(T)) && (S[T] = P[T]));
+      return p.style && Q.style !== p.style && (S.style = je({}, p.style, {}, Q.style)), S.className = Array.prototype.concat(xe, J, pe !== J ? pe : null, p.className, Q.className).filter(Boolean).join(" "), S.ref = Pe, gn(Ee, S);
+    })(E, x, g, _);
+  };
+  return j.displayName = v, (E = Ue.forwardRef(j)).attrs = L, E.componentStyle = k, E.displayName = v, E.shouldForwardProp = R, E.foldedComponentIds = n ? Array.prototype.concat(e.foldedComponentIds, e.styledComponentId) : it, E.styledComponentId = w, E.target = n ? e.target : e, E.withComponent = function(x) {
+    var g = r.componentId, A = (function(U, de) {
+      if (U == null) return {};
+      var te, ce, M = {}, xe = Object.keys(U);
+      for (ce = 0; ce < xe.length; ce++) te = xe[ce], de.indexOf(te) >= 0 || (M[te] = U[te]);
+      return M;
+    })(r, ["componentId"]), p = g && g + "-" + (nt(x) ? x : yt(xt(x)));
+    return yr(x, je({}, A, { attrs: L, componentId: p }), t);
+  }, Object.defineProperty(E, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(x) {
+    this._foldedDefaultProps = n ? vr({}, e.defaultProps, x) : x;
+  } }), process.env.NODE_ENV !== "production" && (uo(v, w), E.warnTooManyClasses = /* @__PURE__ */ (function(x, g) {
+    var A = {}, p = !1;
+    return function(U) {
+      if (!p && (A[U] = !0, Object.keys(A).length >= 200)) {
+        var de = g ? ' with the id of "' + g + '"' : "";
+        console.warn("Over 200 classes were generated for component " + x + de + `.
+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 />`), p = !0, A = {};
+      }
+    };
+  })(v, w)), Object.defineProperty(E, "toString", { value: function() {
+    return "." + E.styledComponentId;
+  } }), i && On(E, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0, withComponent: !0 }), E;
+}
+var Y = function(e) {
+  return (function r(t, n, i) {
+    if (i === void 0 && (i = Le), !Rt.isValidElementType(n)) return We(1, String(n));
+    var c = function() {
+      return t(n, i, st.apply(void 0, arguments));
+    };
+    return c.withConfig = function(l) {
+      return r(t, n, je({}, i, {}, l));
+    }, c.attrs = function(l) {
+      return r(t, n, je({}, i, { attrs: Array.prototype.concat(i.attrs, l).filter(Boolean) }));
+    }, c;
+  })(yr, e);
+};
+["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "textPath", "tspan"].forEach((function(e) {
+  Y[e] = Y(e);
+}));
+function go(e) {
+  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.");
+  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
+  var i = st.apply(void 0, [e].concat(t)).join(""), c = mr(i);
+  return new hr(c, i);
+}
+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`), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, window["__styled-components-init__"] === 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["__styled-components-init__"] += 1);
+function yo({
   children: e,
-  eventFinishedMessage: n,
-  eventNotStartedMessage: r,
-  eventStartingSoonMessage: i
+  eventFinishedMessage: r,
+  eventNotStartedMessage: t,
+  eventStartingSoonMessage: n
 }) {
-  const l = O((d) => d.startDate), h = O((d) => d.endDate), m = Date.now(), f = m < l.getTime(), a = m > h.getTime();
-  return Cn(5e3), f ? /* @__PURE__ */ o.jsx(
-    Ln,
+  const i = me((f) => f.startDate), c = me((f) => f.endDate), l = Date.now(), d = l < i.getTime(), u = l > c.getTime();
+  return Cn(5e3), d ? /* @__PURE__ */ a.jsx(
+    wo,
     {
-      startDate: l,
-      title: r || "Event has not started yet.",
-      message: i || "Starting in few seconds..."
+      startDate: i,
+      title: t || "Event has not started yet.",
+      message: n || "Starting in few seconds..."
     }
-  ) : a ? /* @__PURE__ */ o.jsx(En, { title: n || "Event has finished." }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: e });
+  ) : u ? /* @__PURE__ */ a.jsx(bo, { title: r || "Event has finished." }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
 }
-function Ln({ startDate: e, title: n, message: r }) {
-  const i = e.getTime() - Date.now(), l = Math.floor(i / (1e3 * 60 * 60)), h = Math.floor(
-    i % (1e3 * 60 * 60) / (1e3 * 60)
+function wo({ startDate: e, title: r, message: t }) {
+  const n = e.getTime() - Date.now(), i = Math.floor(n / (1e3 * 60 * 60)), c = Math.floor(
+    n % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return l || h ? /* @__PURE__ */ o.jsxs(Ee, { children: [
-    /* @__PURE__ */ o.jsx(ke, { children: n }),
-    /* @__PURE__ */ o.jsxs(kn, { children: [
+  return i || c ? /* @__PURE__ */ a.jsxs(Tt, { children: [
+    /* @__PURE__ */ a.jsx(Pt, { children: r }),
+    /* @__PURE__ */ a.jsxs(xo, { children: [
       "(",
-      l > 0 ? `${l}h ${h}m` : `${h}m`,
+      i > 0 ? `${i}h ${c}m` : `${c}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ o.jsx(Ee, { children: /* @__PURE__ */ o.jsx(ke, { children: r }) });
+  ] }) : /* @__PURE__ */ a.jsx(Tt, { children: /* @__PURE__ */ a.jsx(Pt, { children: t }) });
 }
-function En({ title: e }) {
-  return /* @__PURE__ */ o.jsx(Ee, { children: /* @__PURE__ */ o.jsx(ke, { children: e }) });
+function bo({ title: e }) {
+  return /* @__PURE__ */ a.jsx(Tt, { children: /* @__PURE__ */ a.jsx(Pt, { children: e }) });
 }
-const Ee = b.div`
+const Tt = Y.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -724,14 +1980,14 @@ const Ee = b.div`
   justify-content: center;
   color: black;
   background: #f7e406;
-`, ke = b.h3`
+`, Pt = Y.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;
-`, kn = b.p`
+`, xo = Y.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -739,22 +1995,22 @@ const Ee = b.div`
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
 `;
-function Fn() {
-  return /* @__PURE__ */ o.jsx(
+function So() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.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" })
+      children: /* @__PURE__ */ a.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" })
     }
   );
 }
-const ee = ge(
-  ({ shape: e = "circle", ...n }, r) => /* @__PURE__ */ o.jsx(_n, { ref: r, $shape: e, ...n })
+const Ie = lt(
+  ({ shape: e = "circle", ...r }, t) => /* @__PURE__ */ a.jsx(Co, { ref: t, $shape: e, ...r })
 );
-ee.displayName = "PlayerButton";
-const _n = b.button`
+Ie.displayName = "PlayerButton";
+const Co = Y.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -792,83 +2048,83 @@ const _n = b.button`
     cursor: not-allowed;
   }
 
-  ${({ $shape: e }) => e === "circle" && Ge`
+  ${({ $shape: e }) => e === "circle" && st`
       padding: 0;
       width: 2rem;
       height: 2rem;
     `}
 
-  ${({ $shape: e }) => e === "square" && Ge`
+  ${({ $shape: e }) => e === "square" && st`
       padding: 0.25rem 0.5rem;
     `}
 `;
-function In({ message: e, ...n }) {
-  const r = O((h) => h.delay), i = O((h) => h.setDelay), l = () => i(0);
-  return r ? /* @__PURE__ */ o.jsxs(ee, { onClick: l, shape: "square", ...n, children: [
-    /* @__PURE__ */ o.jsx("span", { children: e || "Live" }),
-    /* @__PURE__ */ o.jsx(Fn, {})
+function Eo({ message: e, ...r }) {
+  const t = me((c) => c.delay), n = me((c) => c.setDelay), i = () => n(0);
+  return t ? /* @__PURE__ */ a.jsxs(Ie, { onClick: i, shape: "square", ...r, children: [
+    /* @__PURE__ */ a.jsx("span", { children: e || "Live" }),
+    /* @__PURE__ */ a.jsx(So, {})
   ] }) : null;
 }
-function ft() {
-  return /* @__PURE__ */ o.jsx(
+function wr() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
     }
   );
 }
-function ht() {
-  return /* @__PURE__ */ o.jsx(
+function br() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
     }
   );
 }
-function Dn(e, n, r) {
-  const i = {
+function To(e, r, t) {
+  const n = {
     days: 86400,
     hours: 3600,
     minutes: 60,
     seconds: 1,
     milliseconds: 1e-3
   };
-  return e * (i[n] / i[r]);
+  return e * (n[r] / n[t]);
 }
-function Mn(e) {
-  return Dn(e, "milliseconds", "seconds");
+function Po(e) {
+  return To(e, "milliseconds", "seconds");
 }
-const oe = (e) => {
-  const n = Math.floor(e / 60), r = Math.floor(e % 60);
-  return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
+const Be = (e) => {
+  const r = Math.floor(e / 60), t = Math.floor(e % 60);
+  return `${r.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
 };
-function Vn(e) {
-  const n = typeof window < "u" && window.navigator?.userAgent || "";
-  return e.test(n);
+function Ro(e) {
+  const r = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(r);
 }
-const mt = Vn(/iPhone|iPad|iPod/i);
-function Hn() {
+const xr = Ro(/iPhone|iPad|iPod/i);
+function ko() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function On(e) {
+function _o(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function An(e) {
+function Ao(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function $n(e, n) {
-  return e.addEventListener("fullscreenchange", n), e.addEventListener("webkitfullscreenchange", n), e.addEventListener("mozfullscreenchange", n), e.addEventListener("MSFullscreenChange", n), () => {
-    e.removeEventListener("fullscreenchange", n), e.removeEventListener("webkitfullscreenchange", n), e.removeEventListener("mozfullscreenchange", n), e.removeEventListener("MSFullscreenChange", n);
+function jo(e, r) {
+  return e.addEventListener("fullscreenchange", r), e.addEventListener("webkitfullscreenchange", r), e.addEventListener("mozfullscreenchange", r), e.addEventListener("MSFullscreenChange", r), () => {
+    e.removeEventListener("fullscreenchange", r), e.removeEventListener("webkitfullscreenchange", r), e.removeEventListener("mozfullscreenchange", r), e.removeEventListener("MSFullscreenChange", r);
   };
 }
-const Un = (e, n) => ({
+const Lo = (e, r) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -885,11 +2141,11 @@ const Un = (e, n) => ({
   destroy: () => {
   },
   handleDurationChange: () => {
-    const r = n().techRef.current;
-    r && e({ duration: r.duration });
+    const t = r().techRef.current;
+    t && e({ duration: t.duration });
   },
   handleEnd: () => {
-    n().techRef.current && e({
+    r().techRef.current && e({
       isEnded: !0,
       isLoading: !1,
       isMetaLoaded: !1,
@@ -897,18 +2153,18 @@ const Un = (e, n) => ({
     });
   },
   handleLoadedMetadata: () => {
-    const r = n().techRef.current;
-    r && (r.loop = n().isLoop, r.volume = r.muted ? 0 : 1, n().startTime !== -1 && (r.currentTime = n().startTime), e({
-      currentTime: n().startTime !== -1 ? n().startTime : r.currentTime,
-      duration: r.duration,
+    const t = r().techRef.current;
+    t && (t.loop = r().isLoop, t.volume = t.muted ? 0 : 1, r().startTime !== -1 && (t.currentTime = r().startTime), e({
+      currentTime: r().startTime !== -1 ? r().startTime : t.currentTime,
+      duration: t.duration,
       startTime: -1,
       isMetaLoaded: !0,
-      volume: r.muted ? 0 : 100
+      volume: t.muted ? 0 : 100
     }));
   },
   handleLoadStart: () => {
-    const r = n().techRef.current;
-    r && (e({ isReady: !0 }), r.play().then(() => {
+    const t = r().techRef.current;
+    t && (e({ isReady: !0 }), t.play().then(() => {
       e({
         isEnded: !1,
         isLoading: !1,
@@ -917,7 +2173,7 @@ const Un = (e, n) => ({
         pauseTime: 0
       });
     }).catch(
-      (i) => e(() => (console.info("Player failed to autoplay", i), {
+      (n) => e(() => (console.info("Player failed to autoplay", n), {
         isStarted: !1,
         isEnded: !1,
         isLoading: !1,
@@ -937,138 +2193,134 @@ const Un = (e, n) => ({
   handleSeeked: () => e({ isLoading: !1 }),
   handleSeeking: () => e({ isLoading: !0 }),
   handleTimeUpdate: () => {
-    const r = n().techRef.current;
-    r && e({ currentTime: r.currentTime });
+    const t = r().techRef.current;
+    t && e({ currentTime: t.currentTime });
   },
   handleWaiting: () => e({ isLoading: !0 }),
   pause: () => {
-    const r = n().techRef.current;
-    r && (r.pause(), e({
+    const t = r().techRef.current;
+    t && (t.pause(), e({
       isEnded: !1,
       isPlaying: !1,
       pauseTime: Date.now()
     }));
   },
-  pauseTimeDiff: () => Mn(Date.now() - n().pauseTime),
+  pauseTimeDiff: () => Po(Date.now() - r().pauseTime),
   play: () => {
-    const r = n().techRef.current;
-    r && (r.play(), e({
+    const t = r().techRef.current;
+    t && (t.play(), e({
       isEnded: !1,
       isPlaying: !0,
       isStarted: !0,
       pauseTime: 0
     }));
   },
-  seek: (r) => {
-    const i = n().techRef.current;
-    i && (i.currentTime = r, (i.paused || i.ended) && i.play(), e({
+  seek: (t) => {
+    const n = r().techRef.current;
+    n && (n.currentTime = t, (n.paused || n.ended) && n.play(), e({
       seekTime: -1,
-      currentTime: r,
+      currentTime: t,
       isStarted: !0,
       isEnded: !1,
       isPlaying: !0
     }));
   },
-  setIsLoading: (r) => e({ isLoading: r }),
-  setIsLoop: (r) => {
-    const i = n().techRef.current;
-    i && (i.loop = r, e({ isLoop: r }));
+  setIsLoading: (t) => e({ isLoading: t }),
+  setIsLoop: (t) => {
+    const n = r().techRef.current;
+    n && (n.loop = t, e({ isLoop: t }));
   },
-  setStartTime: (r) => e({ startTime: r }),
-  setVolume: (r) => {
-    const i = n().techRef.current;
-    i && (i.muted = r === 0, i.volume = r / 100, e({ volume: r }));
+  setStartTime: (t) => e({ startTime: t }),
+  setVolume: (t) => {
+    const n = r().techRef.current;
+    n && (n.muted = t === 0, n.volume = t / 100, e({ volume: t }));
   },
   stop: () => {
-    n().techRef.current && e({
+    r().techRef.current && e({
       isPlaying: !1,
       isLoading: !1
     });
   }
-}), Nn = (e) => ({
+}), Io = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
-  addIdleLock: (n) => e((r) => ({
-    idleLocks: new Set(r.idleLocks).add(n)
+  addIdleLock: (r) => e((t) => ({
+    idleLocks: new Set(t.idleLocks).add(r)
   })),
-  removeIdleLock: (n) => e((r) => {
-    const i = new Set(r.idleLocks);
-    return i.delete(n), { idleLocks: i };
+  removeIdleLock: (r) => e((t) => {
+    const n = new Set(t.idleLocks);
+    return n.delete(r), { idleLocks: n };
   })
-}), Bn = (e) => ({
+}), Oo = (e) => ({
   level: null,
   levels: null,
-  setLevels: (n) => e({ levels: n }),
-  setLevel: (n) => e({ level: n })
-}), Wn = (e, n) => ({
+  setLevels: (r) => e({ levels: r }),
+  setLevel: (r) => e({ level: r })
+}), Do = (e, r) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    An(document), e({ isFullscreen: !1 });
+    Ao(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
-    const r = n().techRef.current, i = n().containerRef.current;
-    if (!r || !i) return;
-    const l = mt ? r : i;
-    l && On(l), e({ isFullscreen: !0 });
+    const t = r().techRef.current, n = r().containerRef.current;
+    if (!t || !n) return;
+    const i = xr ? t : n;
+    i && _o(i), e({ isFullscreen: !0 });
   },
-  setIsFullscreen: (r) => e({ isFullscreen: r }),
-  setIsFullscreenReady: (r) => e({ isFullscreenReady: r })
-}), zn = (e) => ({
-  url: "",
-  setURL: (n) => e({ url: n })
-}), Yn = (e) => () => ({
+  setIsFullscreen: (t) => e({ isFullscreen: t }),
+  setIsFullscreenReady: (t) => e({ isFullscreenReady: t })
+}), Mo = (e) => () => ({
   ...e
-}), Zn = (e, n) => ct()((...r) => ({
-  ...Un(...r),
-  ...Nn(...r),
-  ...Wn(...r),
-  ...Bn(...r),
-  ...zn(...r),
-  ...Yn({ techRef: e, containerRef: n })(...r)
-})), pt = at(null);
-function qn({ children: e }) {
-  const n = M(null), r = M(null), i = M(null);
-  return n.current || (n.current = Zn(r, i)), /* @__PURE__ */ o.jsx(pt.Provider, { value: n.current, children: e });
-}
-const c = (e) => {
-  const n = lt(pt);
-  if (!n)
+}), Fo = (e, r) => ir()((...t) => ({
+  ...Lo(...t),
+  ...Io(...t),
+  ...Do(...t),
+  ...Oo(...t),
+  ...Mo({ techRef: e, containerRef: r })(...t)
+})), Sr = or(null);
+function No({ children: e }) {
+  const r = ve(null), t = ve(null), n = ve(null);
+  return r.current || (r.current = Fo(t, n)), /* @__PURE__ */ a.jsx(Sr.Provider, { value: r.current, children: e });
+}
+const b = (e) => {
+  const r = Je(Sr);
+  if (!r)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return ut(n, e);
+  return ar(r, e);
 };
-function Jn() {
-  const e = c((a) => a.isPlaying), n = c((a) => a.pause), r = c((a) => a.pauseTime), i = c((a) => a.pauseTimeDiff), l = c((a) => a.play), h = O((a) => a.delay), m = O((a) => a.setDelay), f = () => {
-    e ? n() : (r && m(h + i()), l());
+function Vo() {
+  const e = b((u) => u.isPlaying), r = b((u) => u.pause), t = b((u) => u.pauseTime), n = b((u) => u.pauseTimeDiff), i = b((u) => u.play), c = me((u) => u.delay), l = me((u) => u.setDelay), d = () => {
+    e ? r() : (t && l(c + n()), i());
   };
-  return /* @__PURE__ */ o.jsx(ee, { onClick: f, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
+  return /* @__PURE__ */ a.jsx(Ie, { onClick: d, children: e ? /* @__PURE__ */ a.jsx(wr, {}) : /* @__PURE__ */ a.jsx(br, {}) });
 }
-function vt({
+function Cr({
   className: e,
-  onClick: n,
-  ...r
+  onClick: r,
+  ...t
 }) {
-  const i = M(null), l = c((y) => y.exitFullscreen), h = c((y) => y.isFullscreen), m = c((y) => y.requestFullscreen), f = (y) => {
-    p() ? (d(), h ? l() : m()) : a(y);
-  }, a = (y) => {
-    i.current = window.setTimeout(() => {
-      n?.(y), d();
+  const n = ve(null), i = b((w) => w.exitFullscreen), c = b((w) => w.isFullscreen), l = b((w) => w.requestFullscreen), d = (w) => {
+    v() ? (f(), c ? i() : l()) : u(w);
+  }, u = (w) => {
+    n.current = window.setTimeout(() => {
+      r?.(w), f();
     }, 200);
-  }, d = () => {
-    i.current !== null && (window.clearTimeout(i.current), i.current = null);
-  }, p = () => i.current !== null;
-  return A(() => () => {
-    d();
-  }, []), /* @__PURE__ */ o.jsx(
-    Xn,
+  }, f = () => {
+    n.current !== null && (window.clearTimeout(n.current), n.current = null);
+  }, v = () => n.current !== null;
+  return be(() => () => {
+    f();
+  }, []), /* @__PURE__ */ a.jsx(
+    $o,
     {
-      onClick: f,
+      onClick: d,
       className: e,
       "aria-label": "Player playback indicator",
-      ...r
+      ...t
     }
   );
 }
-const Xn = b.button`
+const $o = Y.button`
   position: absolute;
   top: 0;
   left: 0;
@@ -1087,17 +2339,17 @@ const Xn = b.button`
     outline: none;
   }
 `;
-function Kn() {
-  const e = c((i) => i.isPlaying), n = c((i) => i.play), r = () => {
-    e || n();
+function Ho() {
+  const e = b((n) => n.isPlaying), r = b((n) => n.play), t = () => {
+    e || r();
   };
-  return /* @__PURE__ */ o.jsx(vt, { onClick: r });
+  return /* @__PURE__ */ a.jsx(Cr, { onClick: t });
 }
-const gt = b.div`
+const Er = Y.div`
   position: relative;
   width: 100%;
   margin-bottom: -0.25rem;
-`, yt = b.div`
+`, Tr = Y.div`
   position: absolute;
   bottom: 1.75rem;
   left: 0;
@@ -1108,7 +2360,7 @@ const gt = b.div`
   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;
-`, xt = b.p`
+`, Pr = Y.p`
   margin: 0;
   padding: 0.25rem;
   font-variant-numeric: tabular-nums;
@@ -1120,27 +2372,27 @@ const gt = b.div`
   color: white;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 1rem;
-`, we = ge(({ max: e = 100, min: n = 0, ...r }, i) => /* @__PURE__ */ o.jsxs(
-  Gn,
+`, ft = lt(({ max: e = 100, min: r = 0, ...t }, n) => /* @__PURE__ */ a.jsxs(
+  zo,
   {
-    ref: i,
-    min: n,
+    ref: n,
+    min: r,
     max: e,
     "aria-label": "Player progress",
-    onKeyDown: (l) => (
+    onKeyDown: (i) => (
       // Prevent the slider from being controlled by the keyboard
       // when the slider is focused by a click
-      l.preventDefault()
+      i.preventDefault()
     ),
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ o.jsx(Qn, { children: /* @__PURE__ */ o.jsx(er, {}) }),
-      /* @__PURE__ */ o.jsx(tr, {})
+      /* @__PURE__ */ a.jsx(Yo, { children: /* @__PURE__ */ a.jsx(Bo, {}) }),
+      /* @__PURE__ */ a.jsx(Uo, {})
     ]
   }
 ));
-we.displayName = "PlayerSlider";
-const Gn = b(ye.Root)`
+ft.displayName = "PlayerSlider";
+const zo = Y(ut.Root)`
   position: relative;
   display: flex;
   align-items: center;
@@ -1154,20 +2406,20 @@ const Gn = b(ye.Root)`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Qn = b(ye.Track)`
+`, Yo = Y(ut.Track)`
   position: relative;
   height: 0.25rem;
   flex-grow: 1;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 1rem;
   overflow: hidden;
-`, er = b(ye.Range)`
+`, Bo = Y(ut.Range)`
   position: absolute;
   height: 100%;
   background: #f7e406;
   transition: width 0.2s ease-in-out;
   border-radius: 1rem;
-`, tr = b(ye.Thumb)`
+`, Uo = Y(ut.Thumb)`
   display: block;
   width: 0.875rem;
   height: 0.875rem;
@@ -1191,106 +2443,106 @@ const Gn = b(ye.Root)`
     opacity: 0.5;
   }
 `;
-function ve(e) {
-  const n = e.getBoundingClientRect();
+function ct(e) {
+  const r = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
-    left: n.left * 100,
-    right: n.right * 100,
-    top: n.top * 100,
-    bottom: n.bottom * 100,
-    width: n.width * 100,
-    height: n.height * 100
-  } : n;
-}
-const nr = (e, n) => parseInt(
-  Math.max(0, (Date.now() - (e + n * 1e3)) / 1e3).toFixed(0)
-), wt = (e, n) => Math.max(0, (Date.now() - e - n * 1e3) / 1e3), bt = (e, n) => Math.max(0, (n - e) / 1e3), rr = (e, n = 0) => {
-  const i = n < 0 ? 0 : n, l = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], h = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, h)).toFixed(i))}${l[h]}`;
+    left: r.left * 100,
+    right: r.right * 100,
+    top: r.top * 100,
+    bottom: r.bottom * 100,
+    width: r.width * 100,
+    height: r.height * 100
+  } : r;
+}
+const Rr = (e, r = 0) => parseInt(
+  Math.max(0, (Date.now() - (e + r * 1e3)) / 1e3).toFixed(0)
+), kr = (e, r) => Math.max(0, (Date.now() - e - r * 1e3) / 1e3), _r = (e, r) => Math.max(0, (r - e) / 1e3), Wo = (e, r = 0) => {
+  const n = r < 0 ? 0 : r, i = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, c)).toFixed(n))}${i[c]}`;
 };
-function or({
+function qo({
   isAuto: e,
-  level: n,
-  levels: r
+  level: r,
+  levels: t
 }) {
-  const i = r.length, l = [];
-  return i > 1 && l.push({
+  const n = t.length, i = [];
+  return n > 1 && i.push({
     sid: "quality-level-auto",
     label: "Auto",
     value: -1,
-    selected: e || n === -1
-  }), r.sort(function(h, m) {
-    const f = h.height || h.bitrate || 0, a = m.height || m.bitrate || 0;
-    return f === a ? 0 : f > a ? 1 : -1;
-  }), r.map((h) => {
-    const { bitrate: m, height: f, index: a } = h;
-    l.push({
-      sid: `quality-level-${a}`,
-      label: f ? `${f}p` : rr(m),
-      value: a,
-      selected: i === 1 || !e && a === n
+    selected: e || r === -1
+  }), t.sort(function(c, l) {
+    const d = c.height || c.bitrate || 0, u = l.height || l.bitrate || 0;
+    return d === u ? 0 : d > u ? 1 : -1;
+  }), t.map((c) => {
+    const { bitrate: l, height: d, index: u } = c;
+    i.push({
+      sid: `quality-level-${u}`,
+      label: d ? `${d}p` : Wo(l),
+      value: u,
+      selected: n === 1 || !e && u === r
     });
-  }), l;
-}
-const nt = "vod-player-progress-bar";
-function ir() {
-  const e = M(null), n = M(null), [r, i] = D(0), [l, h] = D(0), [m, f] = D(!1), [a, d] = D(-1), [p, y] = D(-1), E = O((T) => T.delay), C = O((T) => T.startTime), V = O((T) => T.endTime), F = O((T) => T.setDelay), N = c((T) => T.isPlaying), _ = c((T) => T.addIdleLock), S = c((T) => T.removeIdleLock), v = k(() => {
-    i(wt(C, E)), h(bt(C, V));
-  }, [E, V, C]), z = parseFloat(
-    (l ? (p !== -1 ? p : r) / l * 100 : 0).toFixed(1)
-  ), Y = (T) => {
-    y(l * (T[0] / 100)), _(nt);
-  }, q = () => {
-    if (p !== -1) {
-      const T = nr(C, p);
-      F(T), y(-1), S(nt);
-    }
-  }, te = () => f(!0), J = () => f(!1), X = k(
-    (T) => {
-      const ue = e.current, K = n.current;
-      if (ue && K) {
-        const $ = ve(ue), B = ve(K), Z = (T.pageX || T.clientX) - $.left, ie = Z / $.width;
-        if (ie < 0) return;
-        let W = Z - B.width / 2;
-        W < 0 && (W = 0), W > $.width - B.width && (W = -1), K.style.left = W > -1 ? `${W}px` : "auto", K.style.right = W > -1 ? "auto" : "0px", d(ie * l);
+  }), i;
+}
+const er = "vod-player-progress-bar";
+function Zo() {
+  const e = ve(null), r = ve(null), [t, n] = ye(0), [i, c] = ye(0), [l, d] = ye(!1), [u, f] = ye(-1), [v, w] = ye(-1), L = me((M) => M.delay), R = me((M) => M.startTime), E = me((M) => M.endTime), k = me((M) => M.setDelay), _ = b((M) => M.isPlaying), j = b((M) => M.addIdleLock), x = b((M) => M.removeIdleLock), g = he(() => {
+    n(kr(R, L)), c(_r(R, E));
+  }, [L, E, R]), A = parseFloat(
+    (i ? (v !== -1 ? v : t) / i * 100 : 0).toFixed(1)
+  ), p = (M) => {
+    w(i * (M[0] / 100)), j(er);
+  }, U = () => {
+    if (v !== -1) {
+      const M = Rr(R, v);
+      k(M), w(-1), x(er);
+    }
+  }, de = () => d(!0), te = () => d(!1), ce = he(
+    (M) => {
+      const xe = e.current, re = r.current;
+      if (xe && re) {
+        const J = ct(xe), ne = ct(re), K = (M.pageX || M.clientX) - J.left, Se = K / J.width;
+        if (Se < 0) return;
+        let Q = K - ne.width / 2;
+        Q < 0 && (Q = 0), Q > J.width - ne.width && (Q = -1), re.style.left = Q > -1 ? `${Q}px` : "auto", re.style.right = Q > -1 ? "auto" : "0px", f(Se * i);
       }
-      te();
+      de();
     },
-    [l]
+    [i]
   );
-  return xe(() => v(), N ? 1e3 : null), A(() => {
-    v();
-  }, [v]), /* @__PURE__ */ o.jsxs(gt, { children: [
-    /* @__PURE__ */ o.jsx(
-      we,
+  return dt(() => g(), _ ? 1e3 : null), be(() => {
+    g();
+  }, [g]), /* @__PURE__ */ a.jsxs(Er, { children: [
+    /* @__PURE__ */ a.jsx(
+      ft,
       {
         ref: e,
-        value: [z],
-        onPointerLeave: J,
-        onPointerDown: J,
-        onPointerMove: X,
-        onValueChange: Y,
-        onValueCommit: q,
+        value: [A],
+        onPointerLeave: te,
+        onPointerDown: te,
+        onPointerMove: ce,
+        onValueChange: p,
+        onValueCommit: U,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ o.jsx(yt, { ref: n, $isVisible: m, children: /* @__PURE__ */ o.jsx(xt, { children: oe(a) }) })
+    /* @__PURE__ */ a.jsx(Tr, { ref: r, $isVisible: l, children: /* @__PURE__ */ a.jsx(Pr, { children: Be(u) }) })
   ] });
 }
-function Tt({ children: e }) {
-  return /* @__PURE__ */ o.jsx(qn, { children: e });
+function Ar({ children: e }) {
+  return /* @__PURE__ */ a.jsx(No, { children: e });
 }
-function sr({
+function Go({
   children: e,
-  startDate: n,
-  endDate: r
+  startDate: r,
+  endDate: t
 }) {
-  return /* @__PURE__ */ o.jsx(Sn, { startDate: n, endDate: r, children: /* @__PURE__ */ o.jsx(Tt, { children: e }) });
+  return /* @__PURE__ */ a.jsx(Tn, { startDate: r, endDate: t, children: /* @__PURE__ */ a.jsx(Ar, { children: e }) });
 }
-const jt = b.div`
+const jr = Y.div`
   display: flex;
   align-items: center;
-`, Ct = b.p`
+`, Lr = Y.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -1298,11 +2550,11 @@ const jt = b.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Pt = b(Ct)`
+`, Ir = Y(Lr)`
   margin-right: 0.5rem;
-`, St = b(Ct)`
+`, Or = Y(Lr)`
   margin-left: 0.5rem;
-`, Rt = b.p`
+`, Dr = Y.p`
   margin: 0;
   padding: 0;
   font-size: 0.8125rem;
@@ -1314,54 +2566,69 @@ const jt = b.div`
     content: "/";
   }
 `;
-function ar() {
-  const [e, n] = D(0), [r, i] = D(0), l = c((d) => d.isPlaying), h = O((d) => d.delay), m = O((d) => d.startTime), f = O((d) => d.endTime), a = k(() => {
-    n(wt(m, h)), i(bt(m, f));
-  }, [h, f, m]);
-  return xe(() => a(), l ? 1e3 : null), A(() => {
-    a();
-  }, [a]), h ? /* @__PURE__ */ o.jsxs(jt, { children: [
-    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
-    /* @__PURE__ */ o.jsx(Rt, {}),
-    /* @__PURE__ */ o.jsx(St, { children: oe(r) })
+function Xo() {
+  const [e, r] = ye(0), [t, n] = ye(0), i = b((f) => f.isPlaying), c = me((f) => f.delay), l = me((f) => f.startTime), d = me((f) => f.endTime), u = he(() => {
+    r(kr(l, c)), n(_r(l, d));
+  }, [c, d, l]);
+  return dt(() => u(), i ? 1e3 : null), be(() => {
+    u();
+  }, [u]), c ? /* @__PURE__ */ a.jsxs(jr, { children: [
+    /* @__PURE__ */ a.jsx(Ir, { children: Be(e) }),
+    /* @__PURE__ */ a.jsx(Dr, {}),
+    /* @__PURE__ */ a.jsx(Or, { children: Be(t) })
   ] }) : null;
 }
-function lr({ url: e, isLive: n }) {
-  const r = M(null), i = c((C) => C.level), l = c((C) => C.levels), h = c((C) => C.setLevel), m = c((C) => C.setLevels), f = c((C) => C.techRef), a = k(
-    (C) => {
-      if (r.current && (r.current.nextLevel = C, h(null), l)) {
-        const V = l.map((F) => ({
-          ...F,
-          selected: F.value === C
+function Jo() {
+  return /* @__PURE__ */ a.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ a.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
+    }
+  );
+}
+function Ko() {
+  const e = me((n) => n.startTime), r = me((n) => n.setDelay), t = () => r(Rr(e));
+  return /* @__PURE__ */ a.jsx(Ie, { onClick: t, children: /* @__PURE__ */ a.jsx(Jo, {}) });
+}
+function Qo({ url: e, isLive: r }) {
+  const t = ve(null), n = b((R) => R.level), i = b((R) => R.levels), c = b((R) => R.setLevel), l = b((R) => R.setLevels), d = b((R) => R.techRef), u = he(
+    (R) => {
+      if (t.current && (t.current.nextLevel = R, c(null), i)) {
+        const E = i.map((k) => ({
+          ...k,
+          selected: k.value === R
         }));
-        m(V);
+        l(E);
       }
     },
-    [l, h, m, r]
-  ), d = k(() => {
-    r.current && (console.log("[Player][Event]", "MEDIA_ATTACHED"), r.current.loadSource(e));
-  }, [e]), p = k(() => {
-    if (!r.current) return;
+    [i, c, l, t]
+  ), f = he(() => {
+    t.current && (console.log("[Player][Event]", "MEDIA_ATTACHED"), t.current.loadSource(e));
+  }, [e]), v = he(() => {
+    if (!t.current) return;
     console.log("[Player][Event]", "MANIFEST_LOADED");
-    const C = r.current.levels, V = r.current.currentLevel, F = r.current.autoLevelEnabled;
-    m(
-      or({
-        levels: C.map((N, _) => {
-          const { bitrate: S, height: v, width: z } = N;
+    const R = t.current.levels, E = t.current.currentLevel, k = t.current.autoLevelEnabled;
+    l(
+      qo({
+        levels: R.map((_, j) => {
+          const { bitrate: x, height: g, width: A } = _;
           return {
-            bitrate: S,
-            height: v,
-            index: _,
-            width: z
+            bitrate: x,
+            height: g,
+            index: j,
+            width: A
           };
         }),
-        level: V,
-        isAuto: F
+        level: E,
+        isAuto: k
       })
     );
-  }, [m]), y = k(() => {
-    if (!f.current) return;
-    const F = n ? {
+  }, [l]), w = he(() => {
+    if (!d.current) return;
+    const k = r ? {
       backBufferLength: 10,
       startLevel: -1
     } : {
@@ -1369,52 +2636,52 @@ function lr({ url: e, isLive: n }) {
       startLevel: -1
     };
     try {
-      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(F)), console.log("[Player] Version", Q.version), r.current = new Q(F), r.current.attachMedia(f.current), r.current.on(Q.Events.MEDIA_ATTACHED, d), r.current.on(Q.Events.MANIFEST_LOADED, p);
-    } catch (N) {
-      throw new Error(`Error initializing Hls: ${N}`);
-    }
-  }, [p, d, n, f, e]), E = k(() => {
-    r.current && (r.current.off(Q.Events.MEDIA_ATTACHED, d), r.current.off(Q.Events.MANIFEST_LOADED, p), r.current.destroy(), r.current = null);
-  }, [p, d]);
-  return A(() => {
-    i !== null && a(i);
-  }, [i, a]), A(() => (Q.isSupported() && y(), E), [E, y]), null;
-}
-function Lt({ url: e, isLive: n, isMuted: r = !1 }) {
-  const i = c((v) => v.handleDurationChange), l = c((v) => v.handleEnd), h = c((v) => v.handleLoadedMetadata), m = c((v) => v.handleLoadStart), f = c((v) => v.handlePause), a = c((v) => v.handlePlay), d = c((v) => v.handlePlaying), p = c((v) => v.handleSeeked), y = c((v) => v.handleSeeking), E = c((v) => v.handleTimeUpdate), C = c((v) => v.handleWaiting), V = c((v) => v.techRef), F = M(null), N = () => n ? {} : {
-    onDurationChange: i,
-    onSeeked: p,
-    onSeeking: y,
-    onTimeUpdate: _
-  }, _ = () => {
-    (!F.current || Date.now() - F.current >= 1e3) && (E(), F.current = Date.now());
-  }, S = N();
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(lr, { isLive: n, url: e }),
-    /* @__PURE__ */ o.jsx(
-      cr,
+      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(k)), console.log("[Player] Version", De.version), t.current = new De(k), t.current.attachMedia(d.current), t.current.on(De.Events.MEDIA_ATTACHED, f), t.current.on(De.Events.MANIFEST_LOADED, v);
+    } catch (_) {
+      throw new Error(`Error initializing Hls: ${_}`);
+    }
+  }, [v, f, r, d, e]), L = he(() => {
+    t.current && (t.current.off(De.Events.MEDIA_ATTACHED, f), t.current.off(De.Events.MANIFEST_LOADED, v), t.current.destroy(), t.current = null);
+  }, [v, f]);
+  return be(() => {
+    n !== null && u(n);
+  }, [n, u]), be(() => (De.isSupported() && w(), L), [L, w]), null;
+}
+function Mr({ url: e, isLive: r, isMuted: t = !1 }) {
+  const n = b((g) => g.handleDurationChange), i = b((g) => g.handleEnd), c = b((g) => g.handleLoadedMetadata), l = b((g) => g.handleLoadStart), d = b((g) => g.handlePause), u = b((g) => g.handlePlay), f = b((g) => g.handlePlaying), v = b((g) => g.handleSeeked), w = b((g) => g.handleSeeking), L = b((g) => g.handleTimeUpdate), R = b((g) => g.handleWaiting), E = b((g) => g.techRef), k = ve(null), _ = () => r ? {} : {
+    onDurationChange: n,
+    onSeeked: v,
+    onSeeking: w,
+    onTimeUpdate: j
+  }, j = () => {
+    (!k.current || Date.now() - k.current >= 1e3) && (L(), k.current = Date.now());
+  }, x = _();
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Qo, { isLive: r, url: e }),
+    /* @__PURE__ */ a.jsx(
+      ei,
       {
-        ref: V,
+        ref: E,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
-        muted: r,
+        muted: t,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: l,
-        onLoadedMetadata: h,
-        onLoadStart: m,
-        onPause: f,
-        onPlay: a,
-        onPlaying: d,
-        onWaiting: C,
+        onEnded: i,
+        onLoadedMetadata: c,
+        onLoadStart: l,
+        onPause: d,
+        onPlay: u,
+        onPlaying: f,
+        onWaiting: R,
         tabIndex: -1,
-        ...S
+        ...x
       }
     )
   ] });
 }
-const cr = b.video`
+const ei = Y.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -1423,20 +2690,20 @@ const cr = b.video`
     pointer-events: none;
   }
 `;
-function ur({ url: e }) {
-  const [n, r] = D(null), i = O((h) => h.delay), l = k(async () => {
-    r(
-      i ? e.replace(
+function ti({ url: e }) {
+  const [r, t] = ye(null), n = me((c) => c.delay), i = he(async () => {
+    t(
+      n ? e.replace(
         "playlist.m3u8",
-        `playlist_fmp4_dvr_timeshift-${i}.m3u8`
+        `playlist_fmp4_dvr_timeshift-${n}.m3u8`
       ) : e
     );
-  }, [i, e]);
-  return A(() => {
-    l();
-  }, [l]), n ? /* @__PURE__ */ o.jsx(Lt, { url: n, isLive: !0 }) : null;
+  }, [n, e]);
+  return be(() => {
+    i();
+  }, [i]), r ? /* @__PURE__ */ a.jsx(Mr, { url: r, isLive: !0 }) : null;
 }
-const Et = b.div`
+const Fr = Y.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1445,7 +2712,7 @@ const Et = b.div`
   color: white;
   background: black;
   overflow: hidden;
-`, kt = b.div`
+`, Nr = Y.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -1457,7 +2724,7 @@ const Et = b.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Ft = b.div`
+`, Vr = Y.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -1469,83 +2736,83 @@ const Et = b.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, _t = b.div`
+`, $r = Y.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, It = b.div`
+`, Hr = Y.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, Dt = b(It)`
+`, zr = Y(Hr)`
   justify-content: flex-start;
-`, Mt = b(It)`
+`, Yr = Y(Hr)`
   justify-content: flex-end;
 `;
-function dr() {
-  return /* @__PURE__ */ o.jsx(
+function ri() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
     }
   );
 }
-function fr() {
-  return /* @__PURE__ */ o.jsx(
+function ni() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-function Vt() {
-  const e = c((d) => d.containerRef), n = c((d) => d.exitFullscreen), r = c((d) => d.isFullscreen), i = c((d) => d.requestFullscreen), l = c((d) => d.setIsFullscreen), h = c((d) => d.setIsFullscreenReady), m = c((d) => d.techRef), f = k(
-    (d) => {
-      d.stopPropagation(), l(Hn());
+function Br() {
+  const e = b((f) => f.containerRef), r = b((f) => f.exitFullscreen), t = b((f) => f.isFullscreen), n = b((f) => f.requestFullscreen), i = b((f) => f.setIsFullscreen), c = b((f) => f.setIsFullscreenReady), l = b((f) => f.techRef), d = he(
+    (f) => {
+      f.stopPropagation(), i(ko());
     },
-    [l]
-  ), a = () => {
-    r ? n() : i();
+    [i]
+  ), u = () => {
+    t ? r() : n();
   };
-  return A(() => {
-    const d = mt ? m.current : e.current;
-    if (d)
-      return $n(d, f);
-  }, [e, f, m]), A(() => {
-    h(!0);
-  }, [h]), /* @__PURE__ */ o.jsx(ee, { onClick: a, children: r ? /* @__PURE__ */ o.jsx(fr, {}) : /* @__PURE__ */ o.jsx(dr, {}) });
-}
-const hr = 5 * 1e3;
-function Ht({ children: e }) {
-  const n = M(null), [r, i] = D(!1), l = M(null), m = c((d) => d.idleLocks).size, f = k(() => {
-    l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, []), a = k(() => {
-    f(), l.current = window.setTimeout(() => i(!0), hr);
-  }, [f]);
-  return A(() => (i(!1), a(), () => {
-    f();
-  }), [f, a]), A(() => {
-    const d = n.current;
-    if (!d) return;
-    const p = (E) => {
-      r && (E.stopPropagation(), i(!1), a());
-    }, y = () => {
-      r && i(!1), a();
+  return be(() => {
+    const f = xr ? l.current : e.current;
+    if (f)
+      return jo(f, d);
+  }, [e, d, l]), be(() => {
+    c(!0);
+  }, [c]), /* @__PURE__ */ a.jsx(Ie, { onClick: u, children: t ? /* @__PURE__ */ a.jsx(ni, {}) : /* @__PURE__ */ a.jsx(ri, {}) });
+}
+const oi = 5 * 1e3;
+function Ur({ children: e }) {
+  const r = ve(null), [t, n] = ye(!1), i = ve(null), l = b((f) => f.idleLocks).size, d = he(() => {
+    i.current !== null && (window.clearTimeout(i.current), i.current = null);
+  }, []), u = he(() => {
+    d(), i.current = window.setTimeout(() => n(!0), oi);
+  }, [d]);
+  return be(() => (n(!1), u(), () => {
+    d();
+  }), [d, u]), be(() => {
+    const f = r.current;
+    if (!f) return;
+    const v = (L) => {
+      t && (L.stopPropagation(), n(!1), u());
+    }, w = () => {
+      t && n(!1), u();
     };
-    return d.addEventListener("click", p), d.addEventListener("mousemove", y), () => {
-      d.removeEventListener("click", p), d.removeEventListener("mousemove", y);
+    return f.addEventListener("click", v), f.addEventListener("mousemove", w), () => {
+      f.removeEventListener("click", v), f.removeEventListener("mousemove", w);
     };
-  }, [n, r, i, a]), /* @__PURE__ */ o.jsx(mr, { ref: n, $isIdle: r && !m, children: e });
+  }, [r, t, n, u]), /* @__PURE__ */ a.jsx(ii, { ref: r, $isIdle: t && !l, children: e });
 }
-const mr = b.div`
+const ii = Y.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1555,38 +2822,38 @@ const mr = b.div`
   cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
   opacity: ${({ $isIdle: e }) => e ? 0 : 1};
 `;
-function pr(e) {
-  return /* @__PURE__ */ o.jsx(gr, { ...e });
+function ai(e) {
+  return /* @__PURE__ */ a.jsx(ci, { ...e });
 }
-const vr = xn`
+const si = go`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, gr = b.div`
+`, ci = Y.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${vr} 1s linear infinite;
+  animation: ${si} 1s linear infinite;
 `;
-function yr(e, n = 500) {
-  const [r, i] = D(e);
-  return A(() => {
-    const l = window.setTimeout(() => i(e), n);
+function li(e, r = 500) {
+  const [t, n] = ye(e);
+  return be(() => {
+    const i = window.setTimeout(() => n(e), r);
     return () => {
-      window.clearTimeout(l);
+      window.clearTimeout(i);
     };
-  }, [e, n]), r;
+  }, [e, r]), t;
 }
-function Ot({ style: e, ...n }) {
-  const r = c((l) => l.isLoading);
-  return yr(r, 100) ? /* @__PURE__ */ o.jsx(xr, { style: e, ...n, children: /* @__PURE__ */ o.jsx(pr, {}) }) : null;
+function Wr({ style: e, ...r }) {
+  const t = b((i) => i.isLoading);
+  return li(t, 100) ? /* @__PURE__ */ a.jsx(ui, { style: e, ...r, children: /* @__PURE__ */ a.jsx(ai, {}) }) : null;
 }
-const xr = b.div`
+const ui = Y.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -1599,48 +2866,48 @@ const xr = b.div`
   align-items: center;
   justify-content: center;
 `;
-function wr() {
-  return /* @__PURE__ */ o.jsx(
+function di() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
     }
   );
 }
-function br() {
-  return /* @__PURE__ */ o.jsx(
+function fi() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
     }
   );
 }
-const Tr = ce.Root, jr = ce.Trigger, Cr = ce.Portal, At = ge(({ sideOffset: e = 4, ...n }, r) => /* @__PURE__ */ o.jsx(
-  Pr,
+const pi = Ke.Root, hi = Ke.Trigger, mi = Ke.Portal, qr = lt(({ sideOffset: e = 4, ...r }, t) => /* @__PURE__ */ a.jsx(
+  vi,
   {
-    ref: r,
+    ref: t,
     sideOffset: e,
-    onCloseAutoFocus: (i) => {
-      i.preventDefault();
+    onCloseAutoFocus: (n) => {
+      n.preventDefault();
     },
-    ...n
+    ...r
   }
 ));
-At.displayName = "PlayerDropdownMenuContent";
-const $t = ge((e, n) => /* @__PURE__ */ o.jsx(Sr, { ref: n, ...e }));
-$t.displayName = "PlayerDropdownMenuItem";
-const Pr = b(ce.Content).withConfig({
+qr.displayName = "PlayerDropdownMenuContent";
+const Zr = lt((e, r) => /* @__PURE__ */ a.jsx(gi, { ref: r, ...e }));
+Zr.displayName = "PlayerDropdownMenuItem";
+const vi = Y(Ke.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
   min-width: 8rem;
-  max-height: 12rem;
+  max-height: 8rem;
   overflow-y: auto;
   border-radius: 0.75rem;
   background: rgba(0, 0, 0, 0.8);
@@ -1649,6 +2916,10 @@ const Pr = b(ce.Content).withConfig({
   will-change: transform, opacity;
   z-index: 1000;
 
+  @media (min-width: 768px) {
+    max-height: 12rem;
+  }
+
   &[data-state="open"][data-side="top"] {
     animation-name: slideDownAndFade;
   }
@@ -1708,7 +2979,7 @@ const Pr = b(ce.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, Sr = b(ce.Item)`
+`, gi = Y(Ke.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -1745,87 +3016,87 @@ const Pr = b(ce.Content).withConfig({
     color: rgba(255, 255, 255, 0.5);
     pointer-events: none;
   }
-`, rt = "settings";
-function Ut() {
-  const [e, n] = D(!1), r = c((a) => a.containerRef), i = c((a) => a.addIdleLock), l = c((a) => a.removeIdleLock), h = c((a) => a.levels), m = c((a) => a.setLevel), f = k(
-    (a) => {
-      n(a), a ? i(rt) : l(rt);
+`, tr = "settings";
+function Gr() {
+  const [e, r] = ye(!1), t = b((u) => u.containerRef), n = b((u) => u.addIdleLock), i = b((u) => u.removeIdleLock), c = b((u) => u.levels), l = b((u) => u.setLevel), d = he(
+    (u) => {
+      r(u), u ? n(tr) : i(tr);
     },
-    [i, l]
+    [n, i]
   );
-  return /* @__PURE__ */ o.jsxs(Tr, { open: e, onOpenChange: f, children: [
-    /* @__PURE__ */ o.jsx(jr, { asChild: !0, children: /* @__PURE__ */ o.jsx(ee, { children: /* @__PURE__ */ o.jsx(br, {}) }) }),
-    /* @__PURE__ */ o.jsx(Cr, { container: r.current, children: /* @__PURE__ */ o.jsx(At, { side: "top", align: "end", children: h?.map((a) => /* @__PURE__ */ o.jsxs(
-      $t,
+  return /* @__PURE__ */ a.jsxs(pi, { open: e, onOpenChange: d, children: [
+    /* @__PURE__ */ a.jsx(hi, { asChild: !0, children: /* @__PURE__ */ a.jsx(Ie, { children: /* @__PURE__ */ a.jsx(fi, {}) }) }),
+    /* @__PURE__ */ a.jsx(mi, { container: t.current, children: /* @__PURE__ */ a.jsx(qr, { side: "top", align: "end", children: c?.map((u) => /* @__PURE__ */ a.jsxs(
+      Zr,
       {
-        onClick: () => m(a.value),
+        onClick: () => l(u.value),
         children: [
-          a.label,
-          a.selected && /* @__PURE__ */ o.jsx(wr, {})
+          u.label,
+          u.selected && /* @__PURE__ */ a.jsx(di, {})
         ]
       },
-      a.sid
+      u.sid
     )) }) })
   ] });
 }
-function Rr() {
-  return /* @__PURE__ */ o.jsx(
+function yi() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.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" })
+      children: /* @__PURE__ */ a.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 Lr() {
-  return /* @__PURE__ */ o.jsx(
+function wi() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.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" })
+      children: /* @__PURE__ */ a.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 Er() {
-  return /* @__PURE__ */ o.jsx(
+function bi() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ o.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" })
+      children: /* @__PURE__ */ a.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 ot = "volume";
-function Nt() {
-  c((f) => f.containerRef);
-  const e = c((f) => f.setVolume), n = c((f) => f.volume), r = c((f) => f.addIdleLock), i = c((f) => f.removeIdleLock), l = (f) => {
-    e(f[0]), r(ot);
-  }, h = () => {
-    i(ot);
-  }, m = () => e(n ? 0 : 100);
-  return /* @__PURE__ */ o.jsxs(kr, { children: [
-    /* @__PURE__ */ o.jsx(ee, { onClick: m, className: "shrink-0", children: n ? n > 50 ? /* @__PURE__ */ o.jsx(Rr, {}) : /* @__PURE__ */ o.jsx(Lr, {}) : /* @__PURE__ */ o.jsx(Er, {}) }),
-    /* @__PURE__ */ o.jsx(Bt, { children: /* @__PURE__ */ o.jsx(
-      we,
+const rr = "volume";
+function Xr() {
+  b((d) => d.containerRef);
+  const e = b((d) => d.setVolume), r = b((d) => d.volume), t = b((d) => d.addIdleLock), n = b((d) => d.removeIdleLock), i = (d) => {
+    e(d[0]), t(rr);
+  }, c = () => {
+    n(rr);
+  }, l = () => e(r ? 0 : 100);
+  return /* @__PURE__ */ a.jsxs(xi, { children: [
+    /* @__PURE__ */ a.jsx(Ie, { onClick: l, className: "shrink-0", children: r ? r > 50 ? /* @__PURE__ */ a.jsx(yi, {}) : /* @__PURE__ */ a.jsx(wi, {}) : /* @__PURE__ */ a.jsx(bi, {}) }),
+    /* @__PURE__ */ a.jsx(Jr, { children: /* @__PURE__ */ a.jsx(
+      ft,
       {
-        value: [n],
-        onValueChange: l,
-        onValueCommit: h
+        value: [r],
+        onValueChange: i,
+        onValueCommit: c
       }
     ) })
   ] });
 }
-const Bt = b.div`
+const Jr = Y.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, kr = b.div`
+`, xi = Y.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -1836,48 +3107,49 @@ const Bt = b.div`
     &:hover {
       width: 6rem;
 
-      ${Bt} {
+      ${Jr} {
         width: 100%;
         opacity: 1;
       }
     }
   }
 `;
-function Wr({ url: e, startDate: n, endDate: r, messages: i }) {
-  return /* @__PURE__ */ o.jsx(
-    sr,
+function Oi({ url: e, startDate: r, endDate: t, messages: n }) {
+  return /* @__PURE__ */ a.jsx(
+    Go,
     {
-      startDate: new Date(n),
-      endDate: new Date(r),
-      children: /* @__PURE__ */ o.jsx(Fr, { url: e, messages: i })
+      startDate: new Date(r),
+      endDate: new Date(t),
+      children: /* @__PURE__ */ a.jsx(Si, { url: e, messages: n })
     }
   );
 }
-function Fr({ url: e, messages: n }) {
-  const r = c((i) => i.containerRef);
-  return /* @__PURE__ */ o.jsx(Et, { ref: r, children: /* @__PURE__ */ o.jsxs(
-    Rn,
+function Si({ url: e, messages: r }) {
+  const t = b((n) => n.containerRef);
+  return /* @__PURE__ */ a.jsx(Fr, { ref: t, children: /* @__PURE__ */ a.jsxs(
+    yo,
     {
-      eventFinishedMessage: n?.eventFinished,
-      eventNotStartedMessage: n?.eventNotStarted,
-      eventStartingSoonMessage: n?.eventStartingSoon,
+      eventFinishedMessage: r?.eventFinished,
+      eventNotStartedMessage: r?.eventNotStarted,
+      eventStartingSoonMessage: r?.eventStartingSoon,
       children: [
-        /* @__PURE__ */ o.jsx(ur, { url: e }),
-        /* @__PURE__ */ o.jsx(Ot, {}),
-        /* @__PURE__ */ o.jsxs(Ht, { children: [
-          /* @__PURE__ */ o.jsx(Kn, {}),
-          /* @__PURE__ */ o.jsx(kt, { children: /* @__PURE__ */ o.jsxs(Ft, { children: [
-            /* @__PURE__ */ o.jsx(ir, {}),
-            /* @__PURE__ */ o.jsxs(_t, { children: [
-              /* @__PURE__ */ o.jsxs(Dt, { children: [
-                /* @__PURE__ */ o.jsx(Jn, {}),
-                /* @__PURE__ */ o.jsx(Nt, {}),
-                /* @__PURE__ */ o.jsx(ar, {})
+        /* @__PURE__ */ a.jsx(ti, { url: e }),
+        /* @__PURE__ */ a.jsx(Wr, {}),
+        /* @__PURE__ */ a.jsxs(Ur, { children: [
+          /* @__PURE__ */ a.jsx(Ho, {}),
+          /* @__PURE__ */ a.jsx(Nr, { children: /* @__PURE__ */ a.jsxs(Vr, { children: [
+            /* @__PURE__ */ a.jsx(Zo, {}),
+            /* @__PURE__ */ a.jsxs($r, { children: [
+              /* @__PURE__ */ a.jsxs(zr, { children: [
+                /* @__PURE__ */ a.jsx(Vo, {}),
+                /* @__PURE__ */ a.jsx(Ko, {}),
+                /* @__PURE__ */ a.jsx(Xr, {}),
+                /* @__PURE__ */ a.jsx(Xo, {})
               ] }),
-              /* @__PURE__ */ o.jsxs(Mt, { children: [
-                /* @__PURE__ */ o.jsx(In, { message: n?.live }),
-                /* @__PURE__ */ o.jsx(Ut, {}),
-                /* @__PURE__ */ o.jsx(Vt, {})
+              /* @__PURE__ */ a.jsxs(Yr, { children: [
+                /* @__PURE__ */ a.jsx(Eo, { message: r?.live }),
+                /* @__PURE__ */ a.jsx(Gr, {}),
+                /* @__PURE__ */ a.jsx(Br, {})
               ] })
             ] })
           ] }) })
@@ -1886,119 +3158,119 @@ function Fr({ url: e, messages: n }) {
     }
   ) });
 }
-function _r() {
-  const e = c((l) => l.isPlaying), n = c((l) => l.pause), r = c((l) => l.play), i = () => {
-    e ? n() : r();
+function Ci() {
+  const e = b((i) => i.isPlaying), r = b((i) => i.pause), t = b((i) => i.play), n = () => {
+    e ? r() : t();
   };
-  return /* @__PURE__ */ o.jsx(ee, { onClick: i, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
+  return /* @__PURE__ */ a.jsx(Ie, { onClick: n, children: e ? /* @__PURE__ */ a.jsx(wr, {}) : /* @__PURE__ */ a.jsx(br, {}) });
 }
-function Ir() {
-  const e = c((l) => l.isPlaying), n = c((l) => l.pause), r = c((l) => l.play), i = () => {
-    e ? n() : r();
+function Ei() {
+  const e = b((i) => i.isPlaying), r = b((i) => i.pause), t = b((i) => i.play), n = () => {
+    e ? r() : t();
   };
-  return /* @__PURE__ */ o.jsx(vt, { onClick: i });
-}
-const it = "vod-player-progress-bar";
-function Dr() {
-  const e = M(null), n = M(null), [r, i] = D(!1), [l, h] = D(-1), [m, f] = D(-1), a = c((v) => v.currentTime), d = c((v) => v.duration), p = c((v) => v.seek), y = c((v) => v.addIdleLock), E = c((v) => v.removeIdleLock), C = parseFloat(
-    (d ? (m !== -1 ? m : a) / d * 100 : 0).toFixed(1)
-  ), V = (v) => {
-    f(d * (v[0] / 100)), y(it);
-  }, F = () => {
-    m !== -1 && (p(m), f(-1), E(it));
-  }, N = () => i(!0), _ = () => i(!1), S = k(
-    (v) => {
-      const z = e.current, Y = n.current;
-      if (z && Y) {
-        const q = ve(z), te = ve(Y), J = (v.pageX || v.clientX) - q.left, X = J / q.width;
-        if (X < 0) return;
-        let T = J - te.width / 2;
-        T < 0 && (T = 0), T > q.width - te.width && (T = -1), Y.style.left = T > -1 ? `${T}px` : "auto", Y.style.right = T > -1 ? "auto" : "0px", h(X * d);
+  return /* @__PURE__ */ a.jsx(Cr, { onClick: n });
+}
+const nr = "vod-player-progress-bar";
+function Ti() {
+  const e = ve(null), r = ve(null), [t, n] = ye(!1), [i, c] = ye(-1), [l, d] = ye(-1), u = b((g) => g.currentTime), f = b((g) => g.duration), v = b((g) => g.seek), w = b((g) => g.addIdleLock), L = b((g) => g.removeIdleLock), R = parseFloat(
+    (f ? (l !== -1 ? l : u) / f * 100 : 0).toFixed(1)
+  ), E = (g) => {
+    d(f * (g[0] / 100)), w(nr);
+  }, k = () => {
+    l !== -1 && (v(l), d(-1), L(nr));
+  }, _ = () => n(!0), j = () => n(!1), x = he(
+    (g) => {
+      const A = e.current, p = r.current;
+      if (A && p) {
+        const U = ct(A), de = ct(p), te = (g.pageX || g.clientX) - U.left, ce = te / U.width;
+        if (ce < 0) return;
+        let M = te - de.width / 2;
+        M < 0 && (M = 0), M > U.width - de.width && (M = -1), p.style.left = M > -1 ? `${M}px` : "auto", p.style.right = M > -1 ? "auto" : "0px", c(ce * f);
       }
-      N();
+      _();
     },
-    [d]
+    [f]
   );
-  return /* @__PURE__ */ o.jsxs(gt, { children: [
-    /* @__PURE__ */ o.jsx(
-      we,
+  return /* @__PURE__ */ a.jsxs(Er, { children: [
+    /* @__PURE__ */ a.jsx(
+      ft,
       {
         ref: e,
-        value: [C],
-        onPointerLeave: _,
-        onPointerDown: _,
-        onPointerMove: S,
-        onValueChange: V,
-        onValueCommit: F,
+        value: [R],
+        onPointerLeave: j,
+        onPointerDown: j,
+        onPointerMove: x,
+        onValueChange: E,
+        onValueCommit: k,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ o.jsx(yt, { ref: n, $isVisible: r, children: /* @__PURE__ */ o.jsx(xt, { children: oe(l) }) })
+    /* @__PURE__ */ a.jsx(Tr, { ref: r, $isVisible: t, children: /* @__PURE__ */ a.jsx(Pr, { children: Be(i) }) })
   ] });
 }
-function Mr() {
-  const e = c((r) => r.currentTime), n = c((r) => r.duration);
-  return /* @__PURE__ */ o.jsxs(jt, { children: [
-    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
-    /* @__PURE__ */ o.jsx(Rt, {}),
-    /* @__PURE__ */ o.jsx(St, { children: oe(n) })
+function Pi() {
+  const e = b((t) => t.currentTime), r = b((t) => t.duration);
+  return /* @__PURE__ */ a.jsxs(jr, { children: [
+    /* @__PURE__ */ a.jsx(Ir, { children: Be(e) }),
+    /* @__PURE__ */ a.jsx(Dr, {}),
+    /* @__PURE__ */ a.jsx(Or, { children: Be(r) })
   ] });
 }
-const Vr = 60, Hr = 95;
-function Or({ storageKey: e }) {
-  const n = c((p) => p.currentTime), r = c((p) => p.duration), i = c((p) => p.isPlaying), l = c((p) => p.setStartTime), h = M(!1), m = k(() => {
+const Ri = 60, ki = 95;
+function _i({ storageKey: e }) {
+  const r = b((v) => v.currentTime), t = b((v) => v.duration), n = b((v) => v.isPlaying), i = b((v) => v.setStartTime), c = ve(!1), l = he(() => {
     window.localStorage.setItem(
       e,
       JSON.stringify({
-        currentTime: n,
-        duration: r
+        currentTime: r,
+        duration: t
       })
     );
-  }, [n, r, e]), f = k(() => {
-    const p = window.localStorage.getItem(e);
-    if (p) {
-      const y = JSON.parse(p);
+  }, [r, t, e]), d = he(() => {
+    const v = window.localStorage.getItem(e);
+    if (v) {
+      const w = JSON.parse(v);
       return {
-        startTime: y.currentTime,
-        progress: y.currentTime / y.duration * 100
+        startTime: w.currentTime,
+        progress: w.currentTime / w.duration * 100
       };
     }
     return { startTime: null, progress: null };
-  }, [e]), a = k(() => {
-    n < Vr || m();
-  }, [n, m]), d = k(() => {
-    if (h.current) return;
-    const { progress: p, startTime: y } = f();
-    y && p && p < Hr && (l(y), h.current = !0);
-  }, [f, l]);
-  return xe(() => a(), i ? 1e3 : null), A(() => {
-    d();
-  }, [d]), null;
+  }, [e]), u = he(() => {
+    r < Ri || l();
+  }, [r, l]), f = he(() => {
+    if (c.current) return;
+    const { progress: v, startTime: w } = d();
+    w && v && v < ki && (i(w), c.current = !0);
+  }, [d, i]);
+  return dt(() => u(), n ? 1e3 : null), be(() => {
+    f();
+  }, [f]), null;
 }
-function zr({ url: e, watchHistory: n }) {
-  return /* @__PURE__ */ o.jsxs(Tt, { children: [
-    /* @__PURE__ */ o.jsx(Ar, { url: e }),
-    n?.enabled && /* @__PURE__ */ o.jsx(Or, { storageKey: n.storageKey })
+function Di({ url: e, watchHistory: r }) {
+  return /* @__PURE__ */ a.jsxs(Ar, { children: [
+    /* @__PURE__ */ a.jsx(Ai, { url: e }),
+    r?.enabled && /* @__PURE__ */ a.jsx(_i, { storageKey: r.storageKey })
   ] });
 }
-function Ar({ url: e }) {
-  const n = c((r) => r.containerRef);
-  return /* @__PURE__ */ o.jsxs(Et, { ref: n, children: [
-    /* @__PURE__ */ o.jsx(Lt, { url: e, isLive: !1 }),
-    /* @__PURE__ */ o.jsx(Ot, {}),
-    /* @__PURE__ */ o.jsxs(Ht, { children: [
-      /* @__PURE__ */ o.jsx(Ir, {}),
-      /* @__PURE__ */ o.jsx(kt, { children: /* @__PURE__ */ o.jsxs(Ft, { children: [
-        /* @__PURE__ */ o.jsx(Dr, {}),
-        /* @__PURE__ */ o.jsxs(_t, { children: [
-          /* @__PURE__ */ o.jsxs(Dt, { children: [
-            /* @__PURE__ */ o.jsx(_r, {}),
-            /* @__PURE__ */ o.jsx(Nt, {}),
-            /* @__PURE__ */ o.jsx(Mr, {})
+function Ai({ url: e }) {
+  const r = b((t) => t.containerRef);
+  return /* @__PURE__ */ a.jsxs(Fr, { ref: r, children: [
+    /* @__PURE__ */ a.jsx(Mr, { url: e, isLive: !1 }),
+    /* @__PURE__ */ a.jsx(Wr, {}),
+    /* @__PURE__ */ a.jsxs(Ur, { children: [
+      /* @__PURE__ */ a.jsx(Ei, {}),
+      /* @__PURE__ */ a.jsx(Nr, { children: /* @__PURE__ */ a.jsxs(Vr, { children: [
+        /* @__PURE__ */ a.jsx(Ti, {}),
+        /* @__PURE__ */ a.jsxs($r, { children: [
+          /* @__PURE__ */ a.jsxs(zr, { children: [
+            /* @__PURE__ */ a.jsx(Ci, {}),
+            /* @__PURE__ */ a.jsx(Xr, {}),
+            /* @__PURE__ */ a.jsx(Pi, {})
           ] }),
-          /* @__PURE__ */ o.jsxs(Mt, { children: [
-            /* @__PURE__ */ o.jsx(Ut, {}),
-            /* @__PURE__ */ o.jsx(Vt, {})
+          /* @__PURE__ */ a.jsxs(Yr, { children: [
+            /* @__PURE__ */ a.jsx(Gr, {}),
+            /* @__PURE__ */ a.jsx(Br, {})
           ] })
         ] })
       ] }) })
@@ -2006,7 +3278,7 @@ function Ar({ url: e }) {
   ] });
 }
 export {
-  Wr as LivePlayer,
-  zr as VodPlayer
+  Oi as LivePlayer,
+  Di as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map