@halibegic/react-video-player 0.0.14 → 0.0.16

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

@@ -1,7 +1,7 @@
-import Re, { useLayoutEffect as vo, useEffect as J, useRef as q, useState as Y, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as wo, forwardRef as yt, useCallback as z } from "react";
+import Re, { useLayoutEffect as wo, useEffect as Y, useRef as Z, useState as q, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as bo, forwardRef as yt, useCallback as N } from "react";
 import { create as Hn, useStore as $n } from "zustand";
 import * as vt from "@radix-ui/react-slider";
-import he from "hls.js";
+import se from "hls.js";
 import * as Qe from "@radix-ui/react-dropdown-menu";
 var nt = { exports: {} }, Ge = {};
 /**
@@ -14,20 +14,20 @@ var nt = { exports: {} }, Ge = {};
  * LICENSE file in the root directory of this source tree.
  */
 var gn;
-function bo() {
+function xo() {
   if (gn) return Ge;
   gn = 1;
-  var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(c, u, f) {
-    var p, h = {}, b = null, S = null;
-    f !== void 0 && (b = "" + f), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (S = u.ref);
-    for (p in u) r.call(u, p) && !s.hasOwnProperty(p) && (h[p] = u[p]);
-    if (c && c.defaultProps) for (p in u = c.defaultProps, u) h[p] === void 0 && (h[p] = u[p]);
-    return { $$typeof: t, type: c, key: b, ref: S, props: h, _owner: i.current };
+  var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, l, d) {
+    var h, m = {}, x = null, S = null;
+    d !== void 0 && (x = "" + d), l.key !== void 0 && (x = "" + l.key), l.ref !== void 0 && (S = l.ref);
+    for (h in l) r.call(l, h) && !a.hasOwnProperty(h) && (m[h] = l[h]);
+    if (i && i.defaultProps) for (h in l = i.defaultProps, l) m[h] === void 0 && (m[h] = l[h]);
+    return { $$typeof: t, type: i, key: x, ref: S, props: m, _owner: o.current };
   }
-  return Ge.Fragment = n, Ge.jsx = l, Ge.jsxs = l, Ge;
+  return Ge.Fragment = n, Ge.jsx = u, Ge.jsxs = u, Ge;
 }
-var Xe = {};
+var Ke = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,90 +38,90 @@ var Xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var yn;
-function xo() {
+function So() {
   return yn || (yn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = Symbol.iterator, j = "@@iterator";
-    function V(o) {
-      if (o === null || typeof o != "object")
+    var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), C = Symbol.iterator, j = "@@iterator";
+    function V(s) {
+      if (s === null || typeof s != "object")
         return null;
-      var d = T && o[T] || o[j];
-      return typeof d == "function" ? d : null;
+      var f = C && s[C] || s[j];
+      return typeof f == "function" ? f : null;
     }
-    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(o) {
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(s) {
       {
-        for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), k = 1; k < d; k++)
-          g[k - 1] = arguments[k];
-        v("error", o, g);
+        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
+          g[E - 1] = arguments[E];
+        v("error", s, g);
       }
     }
-    function v(o, d, g) {
+    function v(s, f, g) {
       {
-        var k = w.ReactDebugCurrentFrame, A = k.getStackAddendum();
-        A !== "" && (d += "%s", g = g.concat([A]));
+        var E = b.ReactDebugCurrentFrame, A = E.getStackAddendum();
+        A !== "" && (f += "%s", g = g.concat([A]));
         var F = g.map(function(L) {
           return String(L);
         });
-        F.unshift("Warning: " + d), Function.prototype.apply.call(console[o], console, F);
+        F.unshift("Warning: " + f), Function.prototype.apply.call(console[s], console, F);
       }
     }
-    var y = !1, _ = !1, E = !1, C = !1, B = !1, K;
-    K = Symbol.for("react.module.reference");
-    function D(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === r || o === s || B || o === i || o === f || o === p || C || o === S || y || _ || E || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === h || o.$$typeof === l || o.$$typeof === c || o.$$typeof === u || // This needs to include all possible module reference object
+    var y = !1, _ = !1, T = !1, k = !1, U = !1, J;
+    J = Symbol.for("react.module.reference");
+    function D(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === r || s === a || U || s === o || s === d || s === h || k || s === S || y || _ || T || typeof s == "object" && s !== null && (s.$$typeof === x || s.$$typeof === m || s.$$typeof === u || s.$$typeof === i || s.$$typeof === l || // 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.
-      o.$$typeof === K || o.getModuleId !== void 0));
+      s.$$typeof === J || s.getModuleId !== void 0));
     }
-    function _e(o, d, g) {
-      var k = o.displayName;
-      if (k)
-        return k;
-      var A = d.displayName || d.name || "";
+    function _e(s, f, g) {
+      var E = s.displayName;
+      if (E)
+        return E;
+      var A = f.displayName || f.name || "";
       return A !== "" ? g + "(" + A + ")" : g;
     }
-    function fe(o) {
-      return o.displayName || "Context";
+    function pe(s) {
+      return s.displayName || "Context";
     }
-    function Z(o) {
-      if (o == null)
+    function G(s) {
+      if (s == null)
         return null;
-      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) {
+      if (typeof s.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+        return s.displayName || s.name || null;
+      if (typeof s == "string")
+        return s;
+      switch (s) {
         case r:
           return "Fragment";
         case n:
           return "Portal";
-        case s:
+        case a:
           return "Profiler";
-        case i:
+        case o:
           return "StrictMode";
-        case f:
+        case d:
           return "Suspense";
-        case p:
+        case h:
           return "SuspenseList";
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
-          case c:
-            var d = o;
-            return fe(d) + ".Consumer";
-          case l:
-            var g = o;
-            return fe(g._context) + ".Provider";
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case i:
+            var f = s;
+            return pe(f) + ".Consumer";
           case u:
-            return _e(o, o.render, "ForwardRef");
-          case h:
-            var k = o.displayName || null;
-            return k !== null ? k : Z(o.type) || "Memo";
-          case b: {
-            var A = o, F = A._payload, L = A._init;
+            var g = s;
+            return pe(g._context) + ".Provider";
+          case l:
+            return _e(s, s.render, "ForwardRef");
+          case m:
+            var E = s.displayName || null;
+            return E !== null ? E : G(s.type) || "Memo";
+          case x: {
+            var A = s, F = A._payload, L = A._init;
             try {
-              return Z(L(F));
+              return G(L(F));
             } catch {
               return null;
             }
@@ -129,103 +129,103 @@ function xo() {
         }
       return null;
     }
-    var ne = Object.assign, ue = 0, Se, Q, Ye, re, ge, ye, G;
+    var ne = Object.assign, de = 0, Se, Q, Ye, re, ge, ye, K;
     function Ie() {
     }
     Ie.__reactDisabledLog = !0;
     function qe() {
       {
-        if (ue === 0) {
-          Se = console.log, Q = console.info, Ye = console.warn, re = console.error, ge = console.group, ye = console.groupCollapsed, G = console.groupEnd;
-          var o = {
+        if (de === 0) {
+          Se = console.log, Q = console.info, Ye = console.warn, re = console.error, ge = console.group, ye = console.groupCollapsed, K = console.groupEnd;
+          var s = {
             configurable: !0,
             enumerable: !0,
             value: Ie,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: o,
-            log: o,
-            warn: o,
-            error: o,
-            group: o,
-            groupCollapsed: o,
-            groupEnd: o
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
           });
         }
-        ue++;
+        de++;
       }
     }
     function De() {
       {
-        if (ue--, ue === 0) {
-          var o = {
+        if (de--, de === 0) {
+          var s = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ne({}, o, {
+            log: ne({}, s, {
               value: Se
             }),
-            info: ne({}, o, {
+            info: ne({}, s, {
               value: Q
             }),
-            warn: ne({}, o, {
+            warn: ne({}, s, {
               value: Ye
             }),
-            error: ne({}, o, {
+            error: ne({}, s, {
               value: re
             }),
-            group: ne({}, o, {
+            group: ne({}, s, {
               value: ge
             }),
-            groupCollapsed: ne({}, o, {
+            groupCollapsed: ne({}, s, {
               value: ye
             }),
-            groupEnd: ne({}, o, {
-              value: G
+            groupEnd: ne({}, s, {
+              value: K
             })
           });
         }
-        ue < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        de < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = w.ReactCurrentDispatcher, ve;
-    function se(o, d, g) {
+    var he = b.ReactCurrentDispatcher, ve;
+    function ae(s, f, g) {
       {
         if (ve === void 0)
           try {
             throw Error();
           } catch (A) {
-            var k = A.stack.trim().match(/\n( *(at )?)/);
-            ve = k && k[1] || "";
+            var E = A.stack.trim().match(/\n( *(at )?)/);
+            ve = E && E[1] || "";
           }
         return `
-` + ve + o;
+` + ve + s;
       }
     }
-    var ae = !1, we;
+    var ce = !1, we;
     {
       var Ae = typeof WeakMap == "function" ? WeakMap : Map;
       we = new Ae();
     }
-    function ce(o, d) {
-      if (!o || ae)
+    function le(s, f) {
+      if (!s || ce)
         return "";
       {
-        var g = we.get(o);
+        var g = we.get(s);
         if (g !== void 0)
           return g;
       }
-      var k;
-      ae = !0;
+      var E;
+      ce = !0;
       var A = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var F;
-      F = pe.current, pe.current = null, qe();
+      F = he.current, he.current = null, qe();
       try {
-        if (d) {
+        if (f) {
           var L = function() {
             throw Error();
           };
@@ -237,191 +237,191 @@ function xo() {
             try {
               Reflect.construct(L, []);
             } catch (ee) {
-              k = ee;
+              E = ee;
             }
-            Reflect.construct(o, [], L);
+            Reflect.construct(s, [], L);
           } else {
             try {
               L.call();
             } catch (ee) {
-              k = ee;
+              E = ee;
             }
-            o.call(L.prototype);
+            s.call(L.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (ee) {
-            k = ee;
+            E = ee;
           }
-          o();
+          s();
         }
       } catch (ee) {
-        if (ee && k && typeof ee.stack == "string") {
+        if (ee && E && typeof ee.stack == "string") {
           for (var R = ee.stack.split(`
-`), X = k.stack.split(`
-`), N = R.length - 1, H = X.length - 1; N >= 1 && H >= 0 && R[N] !== X[H]; )
-            H--;
-          for (; N >= 1 && H >= 0; N--, H--)
-            if (R[N] !== X[H]) {
-              if (N !== 1 || H !== 1)
+`), X = E.stack.split(`
+`), H = R.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && R[H] !== X[$]; )
+            $--;
+          for (; H >= 1 && $ >= 0; H--, $--)
+            if (R[H] !== X[$]) {
+              if (H !== 1 || $ !== 1)
                 do
-                  if (N--, H--, H < 0 || R[N] !== X[H]) {
+                  if (H--, $--, $ < 0 || R[H] !== X[$]) {
                     var oe = `
-` + R[N].replace(" at new ", " at ");
-                    return o.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", o.displayName)), typeof o == "function" && we.set(o, oe), oe;
+` + R[H].replace(" at new ", " at ");
+                    return s.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", s.displayName)), typeof s == "function" && we.set(s, oe), oe;
                   }
-                while (N >= 1 && H >= 0);
+                while (H >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        ae = !1, pe.current = F, De(), Error.prepareStackTrace = A;
+        ce = !1, he.current = F, De(), Error.prepareStackTrace = A;
       }
-      var Fe = o ? o.displayName || o.name : "", Ce = Fe ? se(Fe) : "";
-      return typeof o == "function" && we.set(o, Ce), Ce;
+      var Fe = s ? s.displayName || s.name : "", ke = Fe ? ae(Fe) : "";
+      return typeof s == "function" && we.set(s, ke), ke;
     }
-    function qr(o, d, g) {
-      return ce(o, !1);
+    function Zr(s, f, g) {
+      return le(s, !1);
     }
-    function Zr(o) {
-      var d = o.prototype;
-      return !!(d && d.isReactComponent);
+    function Gr(s) {
+      var f = s.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function et(o, d, g) {
-      if (o == null)
+    function et(s, f, g) {
+      if (s == null)
         return "";
-      if (typeof o == "function")
-        return ce(o, Zr(o));
-      if (typeof o == "string")
-        return se(o);
-      switch (o) {
-        case f:
-          return se("Suspense");
-        case p:
-          return se("SuspenseList");
+      if (typeof s == "function")
+        return le(s, Gr(s));
+      if (typeof s == "string")
+        return ae(s);
+      switch (s) {
+        case d:
+          return ae("Suspense");
+        case h:
+          return ae("SuspenseList");
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
-          case u:
-            return qr(o.render);
-          case h:
-            return et(o.type, d, g);
-          case b: {
-            var k = o, A = k._payload, F = k._init;
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case l:
+            return Zr(s.render);
+          case m:
+            return et(s.type, f, g);
+          case x: {
+            var E = s, A = E._payload, F = E._init;
             try {
-              return et(F(A), d, g);
+              return et(F(A), f, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = w.ReactDebugCurrentFrame;
-    function tt(o) {
-      if (o) {
-        var d = o._owner, g = et(o.type, o._source, d ? d.type : null);
+    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = b.ReactDebugCurrentFrame;
+    function tt(s) {
+      if (s) {
+        var f = s._owner, g = et(s.type, s._source, f ? f.type : null);
         tn.setExtraStackFrame(g);
       } else
         tn.setExtraStackFrame(null);
     }
-    function Gr(o, d, g, k, A) {
+    function Kr(s, f, g, E, A) {
       {
         var F = Function.call.bind(Ze);
-        for (var L in o)
-          if (F(o, L)) {
+        for (var L in s)
+          if (F(s, L)) {
             var R = void 0;
             try {
-              if (typeof o[L] != "function") {
-                var X = Error((k || "React class") + ": " + g + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof s[L] != "function") {
+                var X = Error((E || "React class") + ": " + g + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw X.name = "Invariant Violation", X;
               }
-              R = o[L](d, L, k, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (N) {
-              R = N;
+              R = s[L](f, L, E, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (H) {
+              R = H;
             }
-            R && !(R instanceof Error) && (tt(A), 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).", k || "React class", g, L, typeof R), tt(null)), R instanceof Error && !(R.message in en) && (en[R.message] = !0, tt(A), x("Failed %s type: %s", g, R.message), tt(null));
+            R && !(R instanceof Error) && (tt(A), w("%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).", E || "React class", g, L, typeof R), tt(null)), R instanceof Error && !(R.message in en) && (en[R.message] = !0, tt(A), w("Failed %s type: %s", g, R.message), tt(null));
           }
       }
     }
     var Xr = Array.isArray;
-    function Tt(o) {
-      return Xr(o);
+    function Ct(s) {
+      return Xr(s);
     }
-    function Jr(o) {
+    function Jr(s) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, g = d && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return g;
       }
     }
-    function Kr(o) {
+    function Qr(s) {
       try {
-        return nn(o), !1;
+        return nn(s), !1;
       } catch {
         return !0;
       }
     }
-    function nn(o) {
-      return "" + o;
+    function nn(s) {
+      return "" + s;
     }
-    function rn(o) {
-      if (Kr(o))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jr(o)), nn(o);
+    function rn(s) {
+      if (Qr(s))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jr(s)), nn(s);
     }
-    var on = w.ReactCurrentOwner, Qr = {
+    var on = b.ReactCurrentOwner, eo = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, sn, an;
-    function eo(o) {
-      if (Ze.call(o, "ref")) {
-        var d = Object.getOwnPropertyDescriptor(o, "ref").get;
-        if (d && d.isReactWarning)
+    function to(s) {
+      if (Ze.call(s, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return o.ref !== void 0;
+      return s.ref !== void 0;
     }
-    function to(o) {
-      if (Ze.call(o, "key")) {
-        var d = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (d && d.isReactWarning)
+    function no(s) {
+      if (Ze.call(s, "key")) {
+        var f = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return o.key !== void 0;
+      return s.key !== void 0;
     }
-    function no(o, d) {
-      typeof o.ref == "string" && on.current;
+    function ro(s, f) {
+      typeof s.ref == "string" && on.current;
     }
-    function ro(o, d) {
+    function oo(s, f) {
       {
         var g = function() {
-          sn || (sn = !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)", d));
+          sn || (sn = !0, w("%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)", f));
         };
-        g.isReactWarning = !0, Object.defineProperty(o, "key", {
+        g.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: g,
           configurable: !0
         });
       }
     }
-    function oo(o, d) {
+    function so(s, f) {
       {
         var g = function() {
-          an || (an = !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)", d));
+          an || (an = !0, w("%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)", f));
         };
-        g.isReactWarning = !0, Object.defineProperty(o, "ref", {
+        g.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: g,
           configurable: !0
         });
       }
     }
-    var io = function(o, d, g, k, A, F, L) {
+    var io = function(s, f, g, E, A, F, L) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: o,
-        key: d,
+        type: s,
+        key: f,
         ref: g,
         props: L,
         // Record the component responsible for creating this element.
@@ -436,7 +436,7 @@ function xo() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: k
+        value: E
       }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -444,200 +444,200 @@ function xo() {
         value: A
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function so(o, d, g, k, A) {
+    function ao(s, f, g, E, A) {
       {
         var F, L = {}, R = null, X = null;
-        g !== void 0 && (rn(g), R = "" + g), to(d) && (rn(d.key), R = "" + d.key), eo(d) && (X = d.ref, no(d, A));
-        for (F in d)
-          Ze.call(d, F) && !Qr.hasOwnProperty(F) && (L[F] = d[F]);
-        if (o && o.defaultProps) {
-          var N = o.defaultProps;
-          for (F in N)
-            L[F] === void 0 && (L[F] = N[F]);
+        g !== void 0 && (rn(g), R = "" + g), no(f) && (rn(f.key), R = "" + f.key), to(f) && (X = f.ref, ro(f, A));
+        for (F in f)
+          Ze.call(f, F) && !eo.hasOwnProperty(F) && (L[F] = f[F]);
+        if (s && s.defaultProps) {
+          var H = s.defaultProps;
+          for (F in H)
+            L[F] === void 0 && (L[F] = H[F]);
         }
         if (R || X) {
-          var H = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          R && ro(L, H), X && oo(L, H);
+          var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          R && oo(L, $), X && so(L, $);
         }
-        return io(o, R, X, A, k, on.current, L);
+        return io(s, R, X, A, E, on.current, L);
       }
     }
-    var Rt = w.ReactCurrentOwner, cn = w.ReactDebugCurrentFrame;
-    function Oe(o) {
-      if (o) {
-        var d = o._owner, g = et(o.type, o._source, d ? d.type : null);
+    var Rt = b.ReactCurrentOwner, cn = b.ReactDebugCurrentFrame;
+    function Oe(s) {
+      if (s) {
+        var f = s._owner, g = et(s.type, s._source, f ? f.type : null);
         cn.setExtraStackFrame(g);
       } else
         cn.setExtraStackFrame(null);
     }
     var jt;
     jt = !1;
-    function Lt(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === t;
+    function Lt(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === t;
     }
     function ln() {
       {
         if (Rt.current) {
-          var o = Z(Rt.current.type);
-          if (o)
+          var s = G(Rt.current.type);
+          if (s)
             return `
 
-Check the render method of \`` + o + "`.";
+Check the render method of \`` + s + "`.";
         }
         return "";
       }
     }
-    function ao(o) {
+    function co(s) {
       return "";
     }
     var un = {};
-    function co(o) {
+    function lo(s) {
       {
-        var d = ln();
-        if (!d) {
-          var g = typeof o == "string" ? o : o.displayName || o.name;
-          g && (d = `
+        var f = ln();
+        if (!f) {
+          var g = typeof s == "string" ? s : s.displayName || s.name;
+          g && (f = `
 
 Check the top-level render call using <` + g + ">.");
         }
-        return d;
+        return f;
       }
     }
-    function dn(o, d) {
+    function dn(s, f) {
       {
-        if (!o._store || o._store.validated || o.key != null)
+        if (!s._store || s._store.validated || s.key != null)
           return;
-        o._store.validated = !0;
-        var g = co(d);
+        s._store.validated = !0;
+        var g = lo(f);
         if (un[g])
           return;
         un[g] = !0;
-        var k = "";
-        o && o._owner && o._owner !== Rt.current && (k = " It was passed a child from " + Z(o._owner.type) + "."), Oe(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.', g, k), Oe(null);
+        var E = "";
+        s && s._owner && s._owner !== Rt.current && (E = " It was passed a child from " + G(s._owner.type) + "."), Oe(s), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, E), Oe(null);
       }
     }
-    function fn(o, d) {
+    function fn(s, f) {
       {
-        if (typeof o != "object")
+        if (typeof s != "object")
           return;
-        if (Tt(o))
-          for (var g = 0; g < o.length; g++) {
-            var k = o[g];
-            Lt(k) && dn(k, d);
+        if (Ct(s))
+          for (var g = 0; g < s.length; g++) {
+            var E = s[g];
+            Lt(E) && dn(E, f);
           }
-        else if (Lt(o))
-          o._store && (o._store.validated = !0);
-        else if (o) {
-          var A = V(o);
-          if (typeof A == "function" && A !== o.entries)
-            for (var F = A.call(o), L; !(L = F.next()).done; )
-              Lt(L.value) && dn(L.value, d);
+        else if (Lt(s))
+          s._store && (s._store.validated = !0);
+        else if (s) {
+          var A = V(s);
+          if (typeof A == "function" && A !== s.entries)
+            for (var F = A.call(s), L; !(L = F.next()).done; )
+              Lt(L.value) && dn(L.value, f);
         }
       }
     }
-    function lo(o) {
+    function uo(s) {
       {
-        var d = o.type;
-        if (d == null || typeof d == "string")
+        var f = s.type;
+        if (f == null || typeof f == "string")
           return;
         var g;
-        if (typeof d == "function")
-          g = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof f == "function")
+          g = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === h))
-          g = d.propTypes;
+        f.$$typeof === m))
+          g = f.propTypes;
         else
           return;
         if (g) {
-          var k = Z(d);
-          Gr(g, o.props, "prop", k, o);
-        } else if (d.PropTypes !== void 0 && !jt) {
+          var E = G(f);
+          Kr(g, s.props, "prop", E, s);
+        } else if (f.PropTypes !== void 0 && !jt) {
           jt = !0;
-          var A = Z(d);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
+          var A = G(f);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function uo(o) {
+    function fo(s) {
       {
-        for (var d = Object.keys(o.props), g = 0; g < d.length; g++) {
-          var k = d[g];
-          if (k !== "children" && k !== "key") {
-            Oe(o), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), Oe(null);
+        for (var f = Object.keys(s.props), g = 0; g < f.length; g++) {
+          var E = f[g];
+          if (E !== "children" && E !== "key") {
+            Oe(s), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Oe(null);
             break;
           }
         }
-        o.ref !== null && (Oe(o), x("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        s.ref !== null && (Oe(s), w("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
     var pn = {};
-    function hn(o, d, g, k, A, F) {
+    function hn(s, f, g, E, A, F) {
       {
-        var L = D(o);
+        var L = D(s);
         if (!L) {
           var R = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (R += " 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 X = ao();
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (R += " 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 X = co();
           X ? R += X : R += ln();
-          var N;
-          o === null ? N = "null" : Tt(o) ? N = "array" : o !== void 0 && o.$$typeof === t ? (N = "<" + (Z(o.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : N = 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", N, R);
+          var H;
+          s === null ? H = "null" : Ct(s) ? H = "array" : s !== void 0 && s.$$typeof === t ? (H = "<" + (G(s.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : H = typeof s, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, R);
         }
-        var H = so(o, d, g, A, F);
-        if (H == null)
-          return H;
+        var $ = ao(s, f, g, A, F);
+        if ($ == null)
+          return $;
         if (L) {
-          var oe = d.children;
+          var oe = f.children;
           if (oe !== void 0)
-            if (k)
-              if (Tt(oe)) {
+            if (E)
+              if (Ct(oe)) {
                 for (var Fe = 0; Fe < oe.length; Fe++)
-                  fn(oe[Fe], o);
+                  fn(oe[Fe], s);
                 Object.freeze && Object.freeze(oe);
               } else
-                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.");
+                w("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
-              fn(oe, o);
+              fn(oe, s);
         }
-        if (Ze.call(d, "key")) {
-          var Ce = Z(o), ee = Object.keys(d).filter(function(yo) {
-            return yo !== "key";
+        if (Ze.call(f, "key")) {
+          var ke = G(s), ee = Object.keys(f).filter(function(vo) {
+            return vo !== "key";
           }), _t = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!pn[Ce + _t]) {
-            var go = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+          if (!pn[ke + _t]) {
+            var yo = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
+            w(`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} />`, _t, Ce, go, Ce), pn[Ce + _t] = !0;
+  <%s key={someKey} {...props} />`, _t, ke, yo, ke), pn[ke + _t] = !0;
           }
         }
-        return o === r ? uo(H) : lo(H), H;
+        return s === r ? fo($) : uo($), $;
       }
     }
-    function fo(o, d, g) {
-      return hn(o, d, g, !0);
+    function po(s, f, g) {
+      return hn(s, f, g, !0);
     }
-    function po(o, d, g) {
-      return hn(o, d, g, !1);
+    function ho(s, f, g) {
+      return hn(s, f, g, !1);
     }
-    var ho = po, mo = fo;
-    Xe.Fragment = r, Xe.jsx = ho, Xe.jsxs = mo;
-  })()), Xe;
+    var mo = ho, go = po;
+    Ke.Fragment = r, Ke.jsx = mo, Ke.jsxs = go;
+  })()), Ke;
 }
 var vn;
-function So() {
-  return vn || (vn = 1, process.env.NODE_ENV === "production" ? nt.exports = bo() : nt.exports = xo()), nt.exports;
+function ko() {
+  return vn || (vn = 1, process.env.NODE_ENV === "production" ? nt.exports = xo() : nt.exports = So()), nt.exports;
 }
-var a = So();
-const Co = typeof window < "u" ? vo : J;
+var c = ko();
+const Eo = typeof window < "u" ? wo : Y;
 function wt(e, t) {
-  const n = q(e);
-  Co(() => {
+  const n = Z(e);
+  Eo(() => {
     n.current = e;
-  }, [e]), J(() => {
+  }, [e]), Y(() => {
     if (t === null)
       return;
     const r = setInterval(() => {
@@ -648,11 +648,11 @@ function wt(e, t) {
     };
   }, [t]);
 }
-function ko(e) {
-  const [, t] = Y(0);
+function To(e) {
+  const [, t] = q(0);
   wt(() => t((n) => n + 1), e);
 }
-const Eo = (e, t) => Hn((n) => ({
+const Po = (e, t) => Hn((n) => ({
   delay: 0,
   startDate: e,
   endDate: t,
@@ -663,16 +663,16 @@ const Eo = (e, t) => Hn((n) => ({
   setEndDate: (r) => n({ endDate: r })
 })), zn = Nn(
   null
-), Po = ({
+), Co = ({
   children: e,
   startDate: t,
   endDate: n
 }) => {
-  const r = q(
+  const r = Z(
     null
   );
-  return r.current || (r.current = Eo(t, n)), /* @__PURE__ */ a.jsx(zn.Provider, { value: r.current, children: e });
-}, W = (e) => {
+  return r.current || (r.current = Po(t, n)), /* @__PURE__ */ c.jsx(zn.Provider, { value: r.current, children: e });
+}, B = (e) => {
   const t = Zt(zn);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
@@ -680,32 +680,32 @@ const Eo = (e, t) => Hn((n) => ({
 };
 var te = function() {
   return te = Object.assign || function(t) {
-    for (var n, r = 1, i = arguments.length; r < i; r++) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
       n = arguments[r];
-      for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
   }, te.apply(this, arguments);
 };
 function je(e, t, n) {
-  if (n || arguments.length === 2) for (var r = 0, i = t.length, s; r < i; r++)
-    (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
-  return e.concat(s || Array.prototype.slice.call(t));
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, a; r < o; r++)
+    (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
+  return e.concat(a || Array.prototype.slice.call(t));
 }
-function To(e) {
+function Ro(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
   };
 }
-var Ro = /^((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)-.*))$/, jo = /* @__PURE__ */ To(
+var jo = /^((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)-.*))$/, Lo = /* @__PURE__ */ Ro(
   function(e) {
-    return Ro.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return jo.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), M = "-ms-", Ke = "-moz-", O = "-webkit-", Bn = "comm", bt = "rule", Gt = "decl", Lo = "@import", Un = "@keyframes", _o = "@layer", Wn = Math.abs, Xt = String.fromCharCode, Ft = Object.assign;
-function Io(e, t) {
-  return U(e, 0) ^ 45 ? (((t << 2 ^ U(e, 0)) << 2 ^ U(e, 1)) << 2 ^ U(e, 2)) << 2 ^ U(e, 3) : 0;
+), M = "-ms-", Je = "-moz-", O = "-webkit-", Bn = "comm", bt = "rule", Gt = "decl", _o = "@import", Un = "@keyframes", Io = "@layer", Wn = Math.abs, Kt = String.fromCharCode, Ft = Object.assign;
+function Do(e, t) {
+  return W(e, 0) ^ 45 ? (((t << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
 function Yn(e) {
   return e.trim();
@@ -719,22 +719,22 @@ function P(e, t, n) {
 function at(e, t, n) {
   return e.indexOf(t, n);
 }
-function U(e, t) {
+function W(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function Ve(e, t, n) {
   return e.slice(t, n);
 }
-function de(e) {
+function fe(e) {
   return e.length;
 }
 function qn(e) {
   return e.length;
 }
-function Je(e, t) {
+function Xe(e, t) {
   return t.push(e), e;
 }
-function Do(e, t) {
+function Ao(e, t) {
   return e.map(t).join("");
 }
 function wn(e, t) {
@@ -742,9 +742,9 @@ function wn(e, t) {
     return !me(n, t);
   });
 }
-var xt = 1, Ne = 1, Zn = 0, ie = 0, $ = 0, Ue = "";
-function St(e, t, n, r, i, s, l, c) {
-  return { value: e, root: t, parent: n, type: r, props: i, children: s, line: xt, column: Ne, length: l, return: "", siblings: c };
+var xt = 1, Ne = 1, Zn = 0, ie = 0, z = 0, Ue = "";
+function St(e, t, n, r, o, a, u, i) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: xt, column: Ne, length: u, return: "", siblings: i };
 }
 function be(e, t) {
   return Ft(St("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
@@ -752,24 +752,24 @@ function be(e, t) {
 function Me(e) {
   for (; e.root; )
     e = be(e.root, { children: [e] });
-  Je(e, e.siblings);
-}
-function Ao() {
-  return $;
+  Xe(e, e.siblings);
 }
 function Oo() {
-  return $ = ie > 0 ? U(Ue, --ie) : 0, Ne--, $ === 10 && (Ne = 1, xt--), $;
+  return z;
+}
+function Fo() {
+  return z = ie > 0 ? W(Ue, --ie) : 0, Ne--, z === 10 && (Ne = 1, xt--), z;
 }
-function le() {
-  return $ = ie < Zn ? U(Ue, ie++) : 0, Ne++, $ === 10 && (Ne = 1, xt++), $;
+function ue() {
+  return z = ie < Zn ? W(Ue, ie++) : 0, Ne++, z === 10 && (Ne = 1, xt++), z;
 }
 function Pe() {
-  return U(Ue, ie);
+  return W(Ue, ie);
 }
 function ct() {
   return ie;
 }
-function Ct(e, t) {
+function kt(e, t) {
   return Ve(Ue, e, t);
 }
 function Mt(e) {
@@ -810,35 +810,35 @@ function Mt(e) {
   }
   return 0;
 }
-function Fo(e) {
-  return xt = Ne = 1, Zn = de(Ue = e), ie = 0, [];
-}
 function Mo(e) {
+  return xt = Ne = 1, Zn = fe(Ue = e), ie = 0, [];
+}
+function Vo(e) {
   return Ue = "", e;
 }
 function It(e) {
-  return Yn(Ct(ie - 1, Vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Yn(kt(ie - 1, Vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Vo(e) {
-  for (; ($ = Pe()) && $ < 33; )
-    le();
-  return Mt(e) > 2 || Mt($) > 3 ? "" : " ";
+function No(e) {
+  for (; (z = Pe()) && z < 33; )
+    ue();
+  return Mt(e) > 2 || Mt(z) > 3 ? "" : " ";
 }
-function No(e, t) {
-  for (; --t && le() && !($ < 48 || $ > 102 || $ > 57 && $ < 65 || $ > 70 && $ < 97); )
+function Ho(e, t) {
+  for (; --t && ue() && !(z < 48 || z > 102 || z > 57 && z < 65 || z > 70 && z < 97); )
     ;
-  return Ct(e, ct() + (t < 6 && Pe() == 32 && le() == 32));
+  return kt(e, ct() + (t < 6 && Pe() == 32 && ue() == 32));
 }
 function Vt(e) {
-  for (; le(); )
-    switch ($) {
+  for (; ue(); )
+    switch (z) {
       // ] ) " '
       case e:
         return ie;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Vt($);
+        e !== 34 && e !== 39 && Vt(z);
         break;
       // (
       case 40:
@@ -846,145 +846,145 @@ function Vt(e) {
         break;
       // \
       case 92:
-        le();
+        ue();
         break;
     }
   return ie;
 }
-function Ho(e, t) {
-  for (; le() && e + $ !== 57; )
-    if (e + $ === 84 && Pe() === 47)
+function $o(e, t) {
+  for (; ue() && e + z !== 57; )
+    if (e + z === 84 && Pe() === 47)
       break;
-  return "/*" + Ct(t, ie - 1) + "*" + Xt(e === 47 ? e : le());
+  return "/*" + kt(t, ie - 1) + "*" + Kt(e === 47 ? e : ue());
 }
-function $o(e) {
+function zo(e) {
   for (; !Mt(Pe()); )
-    le();
-  return Ct(e, ie);
+    ue();
+  return kt(e, ie);
 }
-function zo(e) {
-  return Mo(lt("", null, null, null, [""], e = Fo(e), 0, [0], e));
+function Bo(e) {
+  return Vo(lt("", null, null, null, [""], e = Mo(e), 0, [0], e));
 }
-function lt(e, t, n, r, i, s, l, c, u) {
-  for (var f = 0, p = 0, h = l, b = 0, S = 0, T = 0, j = 1, V = 1, w = 1, x = 0, v = "", y = i, _ = s, E = r, C = v; V; )
-    switch (T = x, x = le()) {
+function lt(e, t, n, r, o, a, u, i, l) {
+  for (var d = 0, h = 0, m = u, x = 0, S = 0, C = 0, j = 1, V = 1, b = 1, w = 0, v = "", y = o, _ = a, T = r, k = v; V; )
+    switch (C = w, w = ue()) {
       // (
       case 40:
-        if (T != 108 && U(C, h - 1) == 58) {
-          at(C += P(It(x), "&", "&\f"), "&\f", Wn(f ? c[f - 1] : 0)) != -1 && (w = -1);
+        if (C != 108 && W(k, m - 1) == 58) {
+          at(k += P(It(w), "&", "&\f"), "&\f", Wn(d ? i[d - 1] : 0)) != -1 && (b = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        C += It(x);
+        k += It(w);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        C += Vo(T);
+        k += No(C);
         break;
       // \
       case 92:
-        C += No(ct() - 1, 7);
+        k += Ho(ct() - 1, 7);
         continue;
       // /
       case 47:
         switch (Pe()) {
           case 42:
           case 47:
-            Je(Bo(Ho(le(), ct()), t, n, u), u);
+            Xe(Uo($o(ue(), ct()), t, n, l), l);
             break;
           default:
-            C += "/";
+            k += "/";
         }
         break;
       // {
       case 123 * j:
-        c[f++] = de(C) * w;
+        i[d++] = fe(k) * b;
       // } ; \0
       case 125 * j:
       case 59:
       case 0:
-        switch (x) {
+        switch (w) {
           // \0 }
           case 0:
           case 125:
             V = 0;
           // ;
-          case 59 + p:
-            w == -1 && (C = P(C, /\f/g, "")), S > 0 && de(C) - h && Je(S > 32 ? xn(C + ";", r, n, h - 1, u) : xn(P(C, " ", "") + ";", r, n, h - 2, u), u);
+          case 59 + h:
+            b == -1 && (k = P(k, /\f/g, "")), S > 0 && fe(k) - m && Xe(S > 32 ? xn(k + ";", r, n, m - 1, l) : xn(P(k, " ", "") + ";", r, n, m - 2, l), l);
             break;
           // @ ;
           case 59:
-            C += ";";
+            k += ";";
           // { rule/at-rule
           default:
-            if (Je(E = bn(C, t, n, f, p, i, c, v, y = [], _ = [], h, s), s), x === 123)
-              if (p === 0)
-                lt(C, t, E, E, y, s, h, c, _);
+            if (Xe(T = bn(k, t, n, d, h, o, i, v, y = [], _ = [], m, a), a), w === 123)
+              if (h === 0)
+                lt(k, t, T, T, y, a, m, i, _);
               else
-                switch (b === 99 && U(C, 3) === 110 ? 100 : b) {
+                switch (x === 99 && W(k, 3) === 110 ? 100 : x) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    lt(e, E, E, r && Je(bn(e, E, E, 0, 0, i, c, v, i, y = [], h, _), _), i, _, h, c, r ? y : _);
+                    lt(e, T, T, r && Xe(bn(e, T, T, 0, 0, o, i, v, o, y = [], m, _), _), o, _, m, i, r ? y : _);
                     break;
                   default:
-                    lt(C, E, E, E, [""], _, 0, c, _);
+                    lt(k, T, T, T, [""], _, 0, i, _);
                 }
         }
-        f = p = S = 0, j = w = 1, v = C = "", h = l;
+        d = h = S = 0, j = b = 1, v = k = "", m = u;
         break;
       // :
       case 58:
-        h = 1 + de(C), S = T;
+        m = 1 + fe(k), S = C;
       default:
         if (j < 1) {
-          if (x == 123)
+          if (w == 123)
             --j;
-          else if (x == 125 && j++ == 0 && Oo() == 125)
+          else if (w == 125 && j++ == 0 && Fo() == 125)
             continue;
         }
-        switch (C += Xt(x), x * j) {
+        switch (k += Kt(w), w * j) {
           // &
           case 38:
-            w = p > 0 ? 1 : (C += "\f", -1);
+            b = h > 0 ? 1 : (k += "\f", -1);
             break;
           // ,
           case 44:
-            c[f++] = (de(C) - 1) * w, w = 1;
+            i[d++] = (fe(k) - 1) * b, b = 1;
             break;
           // @
           case 64:
-            Pe() === 45 && (C += It(le())), b = Pe(), p = h = de(v = C += $o(ct())), x++;
+            Pe() === 45 && (k += It(ue())), x = Pe(), h = m = fe(v = k += zo(ct())), w++;
             break;
           // -
           case 45:
-            T === 45 && de(C) == 2 && (j = 0);
+            C === 45 && fe(k) == 2 && (j = 0);
         }
     }
-  return s;
+  return a;
 }
-function bn(e, t, n, r, i, s, l, c, u, f, p, h) {
-  for (var b = i - 1, S = i === 0 ? s : [""], T = qn(S), j = 0, V = 0, w = 0; j < r; ++j)
-    for (var x = 0, v = Ve(e, b + 1, b = Wn(V = l[j])), y = e; x < T; ++x)
-      (y = Yn(V > 0 ? S[x] + " " + v : P(v, /&\f/g, S[x]))) && (u[w++] = y);
-  return St(e, t, n, i === 0 ? bt : c, u, f, p, h);
+function bn(e, t, n, r, o, a, u, i, l, d, h, m) {
+  for (var x = o - 1, S = o === 0 ? a : [""], C = qn(S), j = 0, V = 0, b = 0; j < r; ++j)
+    for (var w = 0, v = Ve(e, x + 1, x = Wn(V = u[j])), y = e; w < C; ++w)
+      (y = Yn(V > 0 ? S[w] + " " + v : P(v, /&\f/g, S[w]))) && (l[b++] = y);
+  return St(e, t, n, o === 0 ? bt : i, l, d, h, m);
 }
-function Bo(e, t, n, r) {
-  return St(e, t, n, Bn, Xt(Ao()), Ve(e, 2, -2), 0, r);
+function Uo(e, t, n, r) {
+  return St(e, t, n, Bn, Kt(Oo()), Ve(e, 2, -2), 0, r);
 }
-function xn(e, t, n, r, i) {
-  return St(e, t, n, Gt, Ve(e, 0, r), Ve(e, r + 1, -1), r, i);
+function xn(e, t, n, r, o) {
+  return St(e, t, n, Gt, Ve(e, 0, r), Ve(e, r + 1, -1), r, o);
 }
 function Gn(e, t, n) {
-  switch (Io(e, t)) {
+  switch (Do(e, t)) {
     // color-adjust
     case 5103:
       return O + "print-" + e + e;
@@ -1020,17 +1020,17 @@ function Gn(e, t, n) {
       return O + e + e;
     // tab-size
     case 4789:
-      return Ke + e + e;
+      return Je + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return O + e + Ke + e + M + e + e;
+      return O + e + Je + e + M + e + e;
     // writing-mode
     case 5936:
-      switch (U(e, t + 11)) {
+      switch (W(e, t + 11)) {
         // vertical-l(r)
         case 114:
           return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
@@ -1091,8 +1091,8 @@ function Gn(e, t, n) {
     // grid-(row|column)-start
     case 4384:
     case 3616:
-      return n && n.some(function(r, i) {
-        return t = i, me(r.props, /grid-\w+-end/);
+      return n && n.some(function(r, o) {
+        return t = o, me(r.props, /grid-\w+-end/);
       }) ? ~at(e + (n = n[t].value), "span", 0) ? e : M + P(e, "-start", "") + e + M + "grid-row-span:" + (~at(n, "span", 0) ? me(n, /\d+/) : +me(n, /\d+/) - +me(e, /\d+/)) + ";" : M + P(e, "-start", "") + e;
     // grid-(row|column)-end
     case 4896:
@@ -1119,15 +1119,15 @@ function Gn(e, t, n) {
     case 5789:
     case 5021:
     case 4765:
-      if (de(e) - 1 - t > 6)
-        switch (U(e, t + 1)) {
+      if (fe(e) - 1 - t > 6)
+        switch (W(e, t + 1)) {
           // (m)ax-content, (m)in-content
           case 109:
-            if (U(e, t + 4) !== 45)
+            if (W(e, t + 4) !== 45)
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return P(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Ke + (U(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return P(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Je + (W(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           // (s)tretch
           case 115:
             return ~at(e, "stretch", 0) ? Gn(P(e, "stretch", "fill-available"), t, n) + e : e;
@@ -1136,20 +1136,20 @@ function Gn(e, t, n) {
     // grid-(column|row)
     case 5152:
     case 5920:
-      return P(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, i, s, l, c, u, f) {
-        return M + i + ":" + s + f + (l ? M + i + "-span:" + (c ? u : +u - +s) + f : "") + e;
+      return P(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, a, u, i, l, d) {
+        return M + o + ":" + a + d + (u ? M + o + "-span:" + (i ? l : +l - +a) + d : "") + e;
       });
     // position: sticky
     case 4949:
-      if (U(e, t + 6) === 121)
+      if (W(e, t + 6) === 121)
         return P(e, ":", ":" + O) + e;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
-      switch (U(e, U(e, 14) === 45 ? 18 : 11)) {
+      switch (W(e, W(e, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return P(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + M + "$2box$3") + e;
+          return P(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + M + "$2box$3") + e;
         // (inline-)?gri(d)
         case 100:
           return P(e, ":", ":" + M) + e;
@@ -1170,11 +1170,11 @@ function ft(e, t) {
     n += t(e[r], r, e, t) || "";
   return n;
 }
-function Uo(e, t, n, r) {
+function Wo(e, t, n, r) {
   switch (e.type) {
-    case _o:
+    case Io:
       if (e.children.length) break;
-    case Lo:
+    case _o:
     case Gt:
       return e.return = e.return || e.value;
     case Bn:
@@ -1182,24 +1182,24 @@ function Uo(e, t, n, r) {
     case Un:
       return e.return = e.value + "{" + ft(e.children, r) + "}";
     case bt:
-      if (!de(e.value = e.props.join(","))) return "";
+      if (!fe(e.value = e.props.join(","))) return "";
   }
-  return de(n = ft(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+  return fe(n = ft(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
-function Wo(e) {
+function Yo(e) {
   var t = qn(e);
-  return function(n, r, i, s) {
-    for (var l = "", c = 0; c < t; c++)
-      l += e[c](n, r, i, s) || "";
-    return l;
+  return function(n, r, o, a) {
+    for (var u = "", i = 0; i < t; i++)
+      u += e[i](n, r, o, a) || "";
+    return u;
   };
 }
-function Yo(e) {
+function qo(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function qo(e, t, n, r) {
+function Zo(e, t, n, r) {
   if (e.length > -1 && !e.return)
     switch (e.type) {
       case Gt:
@@ -1209,23 +1209,23 @@ function qo(e, t, n, r) {
         return ft([be(e, { value: P(e.value, "@", "@" + O) })], r);
       case bt:
         if (e.length)
-          return Do(n = e.props, function(i) {
-            switch (me(i, r = /(::plac\w+|:read-\w+)/)) {
+          return Ao(n = e.props, function(o) {
+            switch (me(o, r = /(::plac\w+|:read-\w+)/)) {
               // :read-(only|write)
               case ":read-only":
               case ":read-write":
-                Me(be(e, { props: [P(i, /:(read-\w+)/, ":" + Ke + "$1")] })), Me(be(e, { props: [i] })), Ft(e, { props: wn(n, r) });
+                Me(be(e, { props: [P(o, /:(read-\w+)/, ":" + Je + "$1")] })), Me(be(e, { props: [o] })), Ft(e, { props: wn(n, r) });
                 break;
               // :placeholder
               case "::placeholder":
-                Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + Ke + "$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, M + "input-$1")] })), Me(be(e, { props: [i] })), Ft(e, { props: wn(n, r) });
+                Me(be(e, { props: [P(o, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(be(e, { props: [P(o, /:(plac\w+)/, ":" + Je + "$1")] })), Me(be(e, { props: [P(o, /:(plac\w+)/, M + "input-$1")] })), Me(be(e, { props: [o] })), Ft(e, { props: wn(n, r) });
                 break;
             }
             return "";
           });
     }
 }
-var Zo = {
+var Go = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1273,47 +1273,47 @@ var Zo = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Le = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Xn = "active", Jn = "data-styled-version", kt = "6.1.19", Jt = `/*!sc*/
-`, pt = typeof window < "u" && typeof document < "u", Go = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Sn = /invalid hook call/i, rt = /* @__PURE__ */ new Set(), Xo = function(e, t) {
+}, Le = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Kn = "active", Xn = "data-styled-version", Et = "6.1.19", Xt = `/*!sc*/
+`, pt = typeof window < "u" && typeof document < "u", Ko = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Sn = /invalid hook call/i, rt = /* @__PURE__ */ new Set(), Xo = function(e, t) {
   if (process.env.NODE_ENV !== "production") {
     var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically.
 `) + `You may see this warning because you've called styled inside another component.
 To resolve this only create new StyledComponents outside of any render method and function component.
 See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
-`, i = console.error;
+`, o = console.error;
     try {
-      var s = !0;
-      console.error = function(l) {
-        for (var c = [], u = 1; u < arguments.length; u++) c[u - 1] = arguments[u];
-        Sn.test(l) ? (s = !1, rt.delete(r)) : i.apply(void 0, je([l], c, !1));
-      }, q(), s && !rt.has(r) && (console.warn(r), rt.add(r));
-    } catch (l) {
-      Sn.test(l.message) && rt.delete(r);
+      var a = !0;
+      console.error = function(u) {
+        for (var i = [], l = 1; l < arguments.length; l++) i[l - 1] = arguments[l];
+        Sn.test(u) ? (a = !1, rt.delete(r)) : o.apply(void 0, je([u], i, !1));
+      }, Z(), a && !rt.has(r) && (console.warn(r), rt.add(r));
+    } catch (u) {
+      Sn.test(u.message) && rt.delete(r);
     } finally {
-      console.error = i;
+      console.error = o;
     }
   }
-}, Et = Object.freeze([]), He = Object.freeze({});
+}, Tt = Object.freeze([]), He = Object.freeze({});
 function Jo(e, t, n) {
   return n === void 0 && (n = He), e.theme !== n.theme && e.theme || t || n.theme;
 }
-var Nt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Ko = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Qo = /(^-|-$)/g;
-function Cn(e) {
-  return e.replace(Ko, "-").replace(Qo, "");
+var Nt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Qo = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, es = /(^-|-$)/g;
+function kn(e) {
+  return e.replace(Qo, "-").replace(es, "");
 }
-var ei = /(a)(d)/gi, ot = 52, kn = function(e) {
+var ts = /(a)(d)/gi, ot = 52, En = function(e) {
   return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
 function Ht(e) {
   var t, n = "";
-  for (t = Math.abs(e); t > ot; t = t / ot | 0) n = kn(t % ot) + n;
-  return (kn(t % ot) + n).replace(ei, "$1-$2");
+  for (t = Math.abs(e); t > ot; t = t / ot | 0) n = En(t % ot) + n;
+  return (En(t % ot) + n).replace(ts, "$1-$2");
 }
-var Dt, Kn = 5381, ke = function(e, t) {
+var Dt, Jn = 5381, Ee = function(e, t) {
   for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
   return e;
 }, Qn = function(e) {
-  return ke(Kn, e);
+  return Ee(Jn, e);
 };
 function er(e) {
   return Ht(Qn(e) >>> 0);
@@ -1324,26 +1324,26 @@ function tr(e) {
 function At(e) {
   return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var nr = typeof Symbol == "function" && Symbol.for, rr = nr ? Symbol.for("react.memo") : 60115, ti = nr ? Symbol.for("react.forward_ref") : 60112, ni = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, ri = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, or = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, oi = ((Dt = {})[ti] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Dt[rr] = or, Dt);
-function En(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === rr ? or : "$$typeof" in e ? oi[e.$$typeof] : ni;
+var nr = typeof Symbol == "function" && Symbol.for, rr = nr ? Symbol.for("react.memo") : 60115, ns = nr ? Symbol.for("react.forward_ref") : 60112, rs = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, os = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, or = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, ss = ((Dt = {})[ns] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Dt[rr] = or, Dt);
+function Tn(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === rr ? or : "$$typeof" in e ? ss[e.$$typeof] : rs;
   var t;
 }
-var ii = Object.defineProperty, si = Object.getOwnPropertyNames, Pn = Object.getOwnPropertySymbols, ai = Object.getOwnPropertyDescriptor, ci = Object.getPrototypeOf, Tn = Object.prototype;
-function ir(e, t, n) {
+var is = Object.defineProperty, as = Object.getOwnPropertyNames, Pn = Object.getOwnPropertySymbols, cs = Object.getOwnPropertyDescriptor, ls = Object.getPrototypeOf, Cn = Object.prototype;
+function sr(e, t, n) {
   if (typeof t != "string") {
-    if (Tn) {
-      var r = ci(t);
-      r && r !== Tn && ir(e, r, n);
-    }
-    var i = si(t);
-    Pn && (i = i.concat(Pn(t)));
-    for (var s = En(e), l = En(t), c = 0; c < i.length; ++c) {
-      var u = i[c];
-      if (!(u in ri || n && n[u] || l && u in l || s && u in s)) {
-        var f = ai(t, u);
+    if (Cn) {
+      var r = ls(t);
+      r && r !== Cn && sr(e, r, n);
+    }
+    var o = as(t);
+    Pn && (o = o.concat(Pn(t)));
+    for (var a = Tn(e), u = Tn(t), i = 0; i < o.length; ++i) {
+      var l = o[i];
+      if (!(l in os || n && n[l] || u && l in u || a && l in a)) {
+        var d = cs(t, l);
         try {
-          ii(e, u, f);
+          is(e, l, d);
         } catch {
         }
       }
@@ -1354,10 +1354,10 @@ function ir(e, t, n) {
 function $e(e) {
   return typeof e == "function";
 }
-function Kt(e) {
+function Jt(e) {
   return typeof e == "object" && "styledComponentId" in e;
 }
-function Ee(e, t) {
+function Te(e, t) {
   return e && t ? "".concat(e, " ").concat(t) : e || t || "";
 }
 function $t(e, t) {
@@ -1377,7 +1377,7 @@ function zt(e, t, n) {
 function Qt(e, t) {
   Object.defineProperty(e, "toString", { value: t });
 }
-var li = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+var us = 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.
 
@@ -1419,18 +1419,18 @@ as for instance in your render method then you may be running into this limitati
 `, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
 Has styled-components' style tag been unmounted or altered by another script?
 `, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
-function ui() {
+function ds() {
   for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
-  for (var n = e[0], r = [], i = 1, s = e.length; i < s; i += 1) r.push(e[i]);
-  return r.forEach(function(l) {
-    n = n.replace(/%[a-z]/, l);
+  for (var n = e[0], r = [], o = 1, a = e.length; o < a; o += 1) r.push(e[o]);
+  return r.forEach(function(u) {
+    n = n.replace(/%[a-z]/, u);
   }), n;
 }
 function We(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(ui.apply(void 0, je([li[e]], t, !1)).trim());
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(ds.apply(void 0, je([us[e]], t, !1)).trim());
 }
-var di = (function() {
+var fs = (function() {
   function e(t) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
   }
@@ -1439,68 +1439,68 @@ var di = (function() {
     return n;
   }, e.prototype.insertRules = function(t, n) {
     if (t >= this.groupSizes.length) {
-      for (var r = this.groupSizes, i = r.length, s = i; t >= s; ) if ((s <<= 1) < 0) throw We(16, "".concat(t));
-      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
-      for (var l = i; l < s; l++) this.groupSizes[l] = 0;
+      for (var r = this.groupSizes, o = r.length, a = o; t >= a; ) if ((a <<= 1) < 0) throw We(16, "".concat(t));
+      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
+      for (var u = o; u < a; u++) this.groupSizes[u] = 0;
     }
-    for (var c = this.indexOfGroup(t + 1), u = (l = 0, n.length); l < u; l++) this.tag.insertRule(c, n[l]) && (this.groupSizes[t]++, c++);
+    for (var i = this.indexOfGroup(t + 1), l = (u = 0, n.length); u < l; u++) this.tag.insertRule(i, n[u]) && (this.groupSizes[t]++, i++);
   }, e.prototype.clearGroup = function(t) {
     if (t < this.length) {
-      var n = this.groupSizes[t], r = this.indexOfGroup(t), i = r + n;
+      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
       this.groupSizes[t] = 0;
-      for (var s = r; s < i; s++) this.tag.deleteRule(r);
+      for (var a = r; a < o; a++) this.tag.deleteRule(r);
     }
   }, e.prototype.getGroup = function(t) {
     var n = "";
     if (t >= this.length || this.groupSizes[t] === 0) return n;
-    for (var r = this.groupSizes[t], i = this.indexOfGroup(t), s = i + r, l = i; l < s; l++) n += "".concat(this.tag.getRule(l)).concat(Jt);
+    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), a = o + r, u = o; u < a; u++) n += "".concat(this.tag.getRule(u)).concat(Xt);
     return n;
   }, e;
-})(), fi = 1 << 30, ut = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), dt = 1, it = function(e) {
+})(), ps = 1 << 30, ut = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), dt = 1, st = function(e) {
   if (ut.has(e)) return ut.get(e);
   for (; ht.has(dt); ) dt++;
   var t = dt++;
-  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > fi)) throw We(16, "".concat(t));
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > ps)) throw We(16, "".concat(t));
   return ut.set(e, t), ht.set(t, e), t;
-}, pi = function(e, t) {
+}, hs = function(e, t) {
   dt = t + 1, ut.set(e, t), ht.set(t, e);
-}, hi = "style[".concat(Le, "][").concat(Jn, '="').concat(kt, '"]'), mi = new RegExp("^".concat(Le, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), gi = function(e, t, n) {
-  for (var r, i = n.split(","), s = 0, l = i.length; s < l; s++) (r = i[s]) && e.registerName(t, r);
-}, yi = function(e, t) {
-  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Jt), i = [], s = 0, l = r.length; s < l; s++) {
-    var c = r[s].trim();
-    if (c) {
-      var u = c.match(mi);
-      if (u) {
-        var f = 0 | parseInt(u[1], 10), p = u[2];
-        f !== 0 && (pi(p, f), gi(e, p, u[3]), e.getTag().insertRules(f, i)), i.length = 0;
-      } else i.push(c);
+}, ms = "style[".concat(Le, "][").concat(Xn, '="').concat(Et, '"]'), gs = new RegExp("^".concat(Le, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ys = function(e, t, n) {
+  for (var r, o = n.split(","), a = 0, u = o.length; a < u; a++) (r = o[a]) && e.registerName(t, r);
+}, vs = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Xt), o = [], a = 0, u = r.length; a < u; a++) {
+    var i = r[a].trim();
+    if (i) {
+      var l = i.match(gs);
+      if (l) {
+        var d = 0 | parseInt(l[1], 10), h = l[2];
+        d !== 0 && (hs(h, d), ys(e, h, l[3]), e.getTag().insertRules(d, o)), o.length = 0;
+      } else o.push(i);
     }
   }
 }, Rn = function(e) {
-  for (var t = document.querySelectorAll(hi), n = 0, r = t.length; n < r; n++) {
-    var i = t[n];
-    i && i.getAttribute(Le) !== Xn && (yi(e, i), i.parentNode && i.parentNode.removeChild(i));
+  for (var t = document.querySelectorAll(ms), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(Le) !== Kn && (vs(e, o), o.parentNode && o.parentNode.removeChild(o));
   }
 };
-function vi() {
+function ws() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
-var sr = function(e) {
-  var t = document.head, n = e || t, r = document.createElement("style"), i = (function(c) {
-    var u = Array.from(c.querySelectorAll("style[".concat(Le, "]")));
-    return u[u.length - 1];
-  })(n), s = i !== void 0 ? i.nextSibling : null;
-  r.setAttribute(Le, Xn), r.setAttribute(Jn, kt);
-  var l = vi();
-  return l && r.setAttribute("nonce", l), n.insertBefore(r, s), r;
-}, wi = (function() {
+var ir = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = (function(i) {
+    var l = Array.from(i.querySelectorAll("style[".concat(Le, "]")));
+    return l[l.length - 1];
+  })(n), a = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(Le, Kn), r.setAttribute(Xn, Et);
+  var u = ws();
+  return u && r.setAttribute("nonce", u), n.insertBefore(r, a), r;
+}, bs = (function() {
   function e(t) {
-    this.element = sr(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
+    this.element = ir(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
       if (n.sheet) return n.sheet;
-      for (var r = document.styleSheets, i = 0, s = r.length; i < s; i++) {
-        var l = r[i];
-        if (l.ownerNode === n) return l;
+      for (var r = document.styleSheets, o = 0, a = r.length; o < a; o++) {
+        var u = r[o];
+        if (u.ownerNode === n) return u;
       }
       throw We(17);
     })(this.element), this.length = 0;
@@ -1517,9 +1517,9 @@ var sr = function(e) {
     var n = this.sheet.cssRules[t];
     return n && n.cssText ? n.cssText : "";
   }, e;
-})(), bi = (function() {
+})(), xs = (function() {
   function e(t) {
-    this.element = sr(t), this.nodes = this.element.childNodes, this.length = 0;
+    this.element = ir(t), this.nodes = this.element.childNodes, this.length = 0;
   }
   return e.prototype.insertRule = function(t, n) {
     if (t <= this.length && t >= 0) {
@@ -1532,7 +1532,7 @@ var sr = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.nodes[t].textContent : "";
   }, e;
-})(), xi = (function() {
+})(), Ss = (function() {
   function e(t) {
     this.rules = [], this.length = 0;
   }
@@ -1543,30 +1543,30 @@ var sr = function(e) {
   }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-})(), jn = pt, Si = { isServer: !pt, useCSSOMInjection: !Go }, ar = (function() {
+})(), jn = pt, ks = { isServer: !pt, useCSSOMInjection: !Ko }, ar = (function() {
   function e(t, n, r) {
     t === void 0 && (t = He), n === void 0 && (n = {});
-    var i = this;
-    this.options = te(te({}, Si), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && pt && jn && (jn = !1, Rn(this)), Qt(this, function() {
-      return (function(s) {
-        for (var l = s.getTag(), c = l.length, u = "", f = function(h) {
-          var b = (function(w) {
-            return ht.get(w);
-          })(h);
-          if (b === void 0) return "continue";
-          var S = s.names.get(b), T = l.getGroup(h);
-          if (S === void 0 || !S.size || T.length === 0) return "continue";
-          var j = "".concat(Le, ".g").concat(h, '[id="').concat(b, '"]'), V = "";
-          S !== void 0 && S.forEach(function(w) {
-            w.length > 0 && (V += "".concat(w, ","));
-          }), u += "".concat(T).concat(j, '{content:"').concat(V, '"}').concat(Jt);
-        }, p = 0; p < c; p++) f(p);
-        return u;
-      })(i);
+    var o = this;
+    this.options = te(te({}, ks), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && pt && jn && (jn = !1, Rn(this)), Qt(this, function() {
+      return (function(a) {
+        for (var u = a.getTag(), i = u.length, l = "", d = function(m) {
+          var x = (function(b) {
+            return ht.get(b);
+          })(m);
+          if (x === void 0) return "continue";
+          var S = a.names.get(x), C = u.getGroup(m);
+          if (S === void 0 || !S.size || C.length === 0) return "continue";
+          var j = "".concat(Le, ".g").concat(m, '[id="').concat(x, '"]'), V = "";
+          S !== void 0 && S.forEach(function(b) {
+            b.length > 0 && (V += "".concat(b, ","));
+          }), l += "".concat(C).concat(j, '{content:"').concat(V, '"}').concat(Xt);
+        }, h = 0; h < i; h++) d(h);
+        return l;
+      })(o);
     });
   }
   return e.registerId = function(t) {
-    return it(t);
+    return st(t);
   }, e.prototype.rehydrate = function() {
     !this.server && pt && Rn(this);
   }, e.prototype.reconstructWithOptions = function(t, n) {
@@ -1575,28 +1575,28 @@ var sr = function(e) {
     return this.gs[t] = (this.gs[t] || 0) + 1;
   }, e.prototype.getTag = function() {
     return this.tag || (this.tag = (t = (function(n) {
-      var r = n.useCSSOMInjection, i = n.target;
-      return n.isServer ? new xi(i) : r ? new wi(i) : new bi(i);
-    })(this.options), new di(t)));
+      var r = n.useCSSOMInjection, o = n.target;
+      return n.isServer ? new Ss(o) : r ? new bs(o) : new xs(o);
+    })(this.options), new fs(t)));
     var t;
   }, e.prototype.hasNameForId = function(t, n) {
     return this.names.has(t) && this.names.get(t).has(n);
   }, e.prototype.registerName = function(t, n) {
-    if (it(t), this.names.has(t)) this.names.get(t).add(n);
+    if (st(t), this.names.has(t)) this.names.get(t).add(n);
     else {
       var r = /* @__PURE__ */ new Set();
       r.add(n), this.names.set(t, r);
     }
   }, e.prototype.insertRules = function(t, n, r) {
-    this.registerName(t, n), this.getTag().insertRules(it(t), r);
+    this.registerName(t, n), this.getTag().insertRules(st(t), r);
   }, e.prototype.clearNames = function(t) {
     this.names.has(t) && this.names.get(t).clear();
   }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(it(t)), this.clearNames(t);
+    this.getTag().clearGroup(st(t)), this.clearNames(t);
   }, e.prototype.clearTag = function() {
     this.tag = void 0;
   }, e;
-})(), Ci = /&/g, ki = /^\s*\/\/.*$/gm;
+})(), Es = /&/g, Ts = /^\s*\/\/.*$/gm;
 function cr(e, t) {
   return e.map(function(n) {
     return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
@@ -1604,27 +1604,27 @@ function cr(e, t) {
     })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = cr(n.children, t)), n;
   });
 }
-function Ei(e) {
-  var t, n, r, i = He, s = i.options, l = s === void 0 ? He : s, c = i.plugins, u = c === void 0 ? Et : c, f = function(b, S, T) {
-    return T.startsWith(n) && T.endsWith(n) && T.replaceAll(n, "").length > 0 ? ".".concat(t) : b;
-  }, p = u.slice();
-  p.push(function(b) {
-    b.type === bt && b.value.includes("&") && (b.props[0] = b.props[0].replace(Ci, n).replace(r, f));
-  }), l.prefix && p.push(qo), p.push(Uo);
-  var h = function(b, S, T, j) {
-    S === void 0 && (S = ""), T === void 0 && (T = ""), j === void 0 && (j = "&"), t = j, n = S, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var V = b.replace(ki, ""), w = zo(T || S ? "".concat(T, " ").concat(S, " { ").concat(V, " }") : V);
-    l.namespace && (w = cr(w, l.namespace));
-    var x = [];
-    return ft(w, Wo(p.concat(Yo(function(v) {
-      return x.push(v);
-    })))), x;
+function Ps(e) {
+  var t, n, r, o = He, a = o.options, u = a === void 0 ? He : a, i = o.plugins, l = i === void 0 ? Tt : i, d = function(x, S, C) {
+    return C.startsWith(n) && C.endsWith(n) && C.replaceAll(n, "").length > 0 ? ".".concat(t) : x;
+  }, h = l.slice();
+  h.push(function(x) {
+    x.type === bt && x.value.includes("&") && (x.props[0] = x.props[0].replace(Es, n).replace(r, d));
+  }), u.prefix && h.push(Zo), h.push(Wo);
+  var m = function(x, S, C, j) {
+    S === void 0 && (S = ""), C === void 0 && (C = ""), j === void 0 && (j = "&"), t = j, n = S, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var V = x.replace(Ts, ""), b = Bo(C || S ? "".concat(C, " ").concat(S, " { ").concat(V, " }") : V);
+    u.namespace && (b = cr(b, u.namespace));
+    var w = [];
+    return ft(b, Yo(h.concat(qo(function(v) {
+      return w.push(v);
+    })))), w;
   };
-  return h.hash = u.length ? u.reduce(function(b, S) {
-    return S.name || We(15), ke(b, S.name);
-  }, Kn).toString() : "", h;
+  return m.hash = l.length ? l.reduce(function(x, S) {
+    return S.name || We(15), Ee(x, S.name);
+  }, Jn).toString() : "", m;
 }
-var Pi = new ar(), Bt = Ei(), lr = Re.createContext({ shouldForwardProp: void 0, styleSheet: Pi, stylis: Bt });
+var Cs = new ar(), Bt = Ps(), lr = Re.createContext({ shouldForwardProp: void 0, styleSheet: Cs, stylis: Bt });
 lr.Consumer;
 Re.createContext(void 0);
 function Ln() {
@@ -1633,10 +1633,10 @@ function Ln() {
 var Ut = (function() {
   function e(t, n) {
     var r = this;
-    this.inject = function(i, s) {
-      s === void 0 && (s = Bt);
-      var l = r.name + s.hash;
-      i.hasNameForId(r.id, l) || i.insertRules(r.id, l, s(r.rules, l, "@keyframes"));
+    this.inject = function(o, a) {
+      a === void 0 && (a = Bt);
+      var u = r.name + a.hash;
+      o.hasNameForId(r.id, u) || o.insertRules(r.id, u, a(r.rules, u, "@keyframes"));
     }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, Qt(this, function() {
       throw We(12, String(r.name));
     });
@@ -1644,14 +1644,14 @@ var Ut = (function() {
   return e.prototype.getName = function(t) {
     return t === void 0 && (t = Bt), this.name + t.hash;
   }, e;
-})(), Ti = function(e) {
+})(), Rs = function(e) {
   return e >= "A" && e <= "Z";
 };
 function _n(e) {
   for (var t = "", n = 0; n < e.length; n++) {
     var r = e[n];
     if (n === 1 && r === "-" && e[0] === "-") return e;
-    Ti(r) ? t += "-" + r.toLowerCase() : t += r;
+    Rs(r) ? t += "-" + r.toLowerCase() : t += r;
   }
   return t.startsWith("ms-") ? "-" + t : t;
 }
@@ -1659,122 +1659,122 @@ var ur = function(e) {
   return e == null || e === !1 || e === "";
 }, dr = function(e) {
   var t, n, r = [];
-  for (var i in e) {
-    var s = e[i];
-    e.hasOwnProperty(i) && !ur(s) && (Array.isArray(s) && s.isCss || $e(s) ? r.push("".concat(_n(i), ":"), s, ";") : ze(s) ? r.push.apply(r, je(je(["".concat(i, " {")], dr(s), !1), ["}"], !1)) : r.push("".concat(_n(i), ": ").concat((t = i, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Zo || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  for (var o in e) {
+    var a = e[o];
+    e.hasOwnProperty(o) && !ur(a) && (Array.isArray(a) && a.isCss || $e(a) ? r.push("".concat(_n(o), ":"), a, ";") : ze(a) ? r.push.apply(r, je(je(["".concat(o, " {")], dr(a), !1), ["}"], !1)) : r.push("".concat(_n(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Go || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
   }
   return r;
 };
-function Te(e, t, n, r) {
+function Ce(e, t, n, r) {
   if (ur(e)) return [];
-  if (Kt(e)) return [".".concat(e.styledComponentId)];
+  if (Jt(e)) return [".".concat(e.styledComponentId)];
   if ($e(e)) {
-    if (!$e(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
-    var i = e(t);
-    return process.env.NODE_ENV === "production" || typeof i != "object" || Array.isArray(i) || i instanceof Ut || ze(i) || i === null || console.error("".concat(tr(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.")), Te(i, t, n, r);
+    if (!$e(a = e) || a.prototype && a.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Ut || ze(o) || o === null || console.error("".concat(tr(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.")), Ce(o, t, n, r);
   }
-  var s;
-  return e instanceof Ut ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : ze(e) ? dr(e) : Array.isArray(e) ? Array.prototype.concat.apply(Et, e.map(function(l) {
-    return Te(l, t, n, r);
+  var a;
+  return e instanceof Ut ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : ze(e) ? dr(e) : Array.isArray(e) ? Array.prototype.concat.apply(Tt, e.map(function(u) {
+    return Ce(u, t, n, r);
   })) : [e.toString()];
 }
-function Ri(e) {
+function js(e) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
-    if ($e(n) && !Kt(n)) return !1;
+    if ($e(n) && !Jt(n)) return !1;
   }
   return !0;
 }
-var ji = Qn(kt), Li = (function() {
+var Ls = Qn(Et), _s = (function() {
   function e(t, n, r) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Ri(t), this.componentId = n, this.baseHash = ke(ji, n), this.baseStyle = r, ar.registerId(n);
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && js(t), this.componentId = n, this.baseHash = Ee(Ls, n), this.baseStyle = r, ar.registerId(n);
   }
   return e.prototype.generateAndInjectStyles = function(t, n, r) {
-    var i = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
-    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) i = Ee(i, this.staticRulesId);
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
+    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = Te(o, this.staticRulesId);
     else {
-      var s = $t(Te(this.rules, t, n, r)), l = Ht(ke(this.baseHash, s) >>> 0);
-      if (!n.hasNameForId(this.componentId, l)) {
-        var c = r(s, ".".concat(l), void 0, this.componentId);
-        n.insertRules(this.componentId, l, c);
+      var a = $t(Ce(this.rules, t, n, r)), u = Ht(Ee(this.baseHash, a) >>> 0);
+      if (!n.hasNameForId(this.componentId, u)) {
+        var i = r(a, ".".concat(u), void 0, this.componentId);
+        n.insertRules(this.componentId, u, i);
       }
-      i = Ee(i, l), this.staticRulesId = l;
+      o = Te(o, u), this.staticRulesId = u;
     }
     else {
-      for (var u = ke(this.baseHash, r.hash), f = "", p = 0; p < this.rules.length; p++) {
-        var h = this.rules[p];
-        if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (u = ke(u, h));
-        else if (h) {
-          var b = $t(Te(h, t, n, r));
-          u = ke(u, b + p), f += b;
+      for (var l = Ee(this.baseHash, r.hash), d = "", h = 0; h < this.rules.length; h++) {
+        var m = this.rules[h];
+        if (typeof m == "string") d += m, process.env.NODE_ENV !== "production" && (l = Ee(l, m));
+        else if (m) {
+          var x = $t(Ce(m, t, n, r));
+          l = Ee(l, x + h), d += x;
         }
       }
-      if (f) {
-        var S = Ht(u >>> 0);
-        n.hasNameForId(this.componentId, S) || n.insertRules(this.componentId, S, r(f, ".".concat(S), void 0, this.componentId)), i = Ee(i, S);
+      if (d) {
+        var S = Ht(l >>> 0);
+        n.hasNameForId(this.componentId, S) || n.insertRules(this.componentId, S, r(d, ".".concat(S), void 0, this.componentId)), o = Te(o, S);
       }
     }
-    return i;
+    return o;
   }, e;
 })(), fr = Re.createContext(void 0);
 fr.Consumer;
 var Ot = {}, In = /* @__PURE__ */ new Set();
-function _i(e, t, n) {
-  var r = Kt(e), i = e, s = !At(e), l = t.attrs, c = l === void 0 ? Et : l, u = t.componentId, f = u === void 0 ? (function(y, _) {
-    var E = typeof y != "string" ? "sc" : Cn(y);
-    Ot[E] = (Ot[E] || 0) + 1;
-    var C = "".concat(E, "-").concat(er(kt + E + Ot[E]));
-    return _ ? "".concat(_, "-").concat(C) : C;
-  })(t.displayName, t.parentComponentId) : u, p = t.displayName, h = p === void 0 ? (function(y) {
+function Is(e, t, n) {
+  var r = Jt(e), o = e, a = !At(e), u = t.attrs, i = u === void 0 ? Tt : u, l = t.componentId, d = l === void 0 ? (function(y, _) {
+    var T = typeof y != "string" ? "sc" : kn(y);
+    Ot[T] = (Ot[T] || 0) + 1;
+    var k = "".concat(T, "-").concat(er(Et + T + Ot[T]));
+    return _ ? "".concat(_, "-").concat(k) : k;
+  })(t.displayName, t.parentComponentId) : l, h = t.displayName, m = h === void 0 ? (function(y) {
     return At(y) ? "styled.".concat(y) : "Styled(".concat(tr(y), ")");
-  })(e) : p, b = t.displayName && t.componentId ? "".concat(Cn(t.displayName), "-").concat(t.componentId) : t.componentId || f, S = r && i.attrs ? i.attrs.concat(c).filter(Boolean) : c, T = t.shouldForwardProp;
-  if (r && i.shouldForwardProp) {
-    var j = i.shouldForwardProp;
+  })(e) : h, x = t.displayName && t.componentId ? "".concat(kn(t.displayName), "-").concat(t.componentId) : t.componentId || d, S = r && o.attrs ? o.attrs.concat(i).filter(Boolean) : i, C = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var j = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var V = t.shouldForwardProp;
-      T = function(y, _) {
+      C = function(y, _) {
         return j(y, _) && V(y, _);
       };
-    } else T = j;
+    } else C = j;
   }
-  var w = new Li(n, b, r ? i.componentStyle : void 0);
-  function x(y, _) {
-    return (function(E, C, B) {
-      var K = E.attrs, D = E.componentStyle, _e = E.defaultProps, fe = E.foldedComponentIds, Z = E.styledComponentId, ne = E.target, ue = Re.useContext(fr), Se = Ln(), Q = E.shouldForwardProp || Se.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && mn(Z);
-      var Ye = Jo(C, ue, _e) || He, re = (function(De, pe, ve) {
-        for (var se, ae = te(te({}, pe), { className: void 0, theme: ve }), we = 0; we < De.length; we += 1) {
-          var Ae = $e(se = De[we]) ? se(ae) : se;
-          for (var ce in Ae) ae[ce] = ce === "className" ? Ee(ae[ce], Ae[ce]) : ce === "style" ? te(te({}, ae[ce]), Ae[ce]) : Ae[ce];
+  var b = new _s(n, x, r ? o.componentStyle : void 0);
+  function w(y, _) {
+    return (function(T, k, U) {
+      var J = T.attrs, D = T.componentStyle, _e = T.defaultProps, pe = T.foldedComponentIds, G = T.styledComponentId, ne = T.target, de = Re.useContext(fr), Se = Ln(), Q = T.shouldForwardProp || Se.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && mn(G);
+      var Ye = Jo(k, de, _e) || He, re = (function(De, he, ve) {
+        for (var ae, ce = te(te({}, he), { className: void 0, theme: ve }), we = 0; we < De.length; we += 1) {
+          var Ae = $e(ae = De[we]) ? ae(ce) : ae;
+          for (var le in Ae) ce[le] = le === "className" ? Te(ce[le], Ae[le]) : le === "style" ? te(te({}, ce[le]), Ae[le]) : Ae[le];
         }
-        return pe.className && (ae.className = Ee(ae.className, pe.className)), ae;
-      })(K, C, Ye), ge = re.as || ne, ye = {};
-      for (var G in re) re[G] === void 0 || G[0] === "$" || G === "as" || G === "theme" && re.theme === Ye || (G === "forwardedAs" ? ye.as = re.forwardedAs : Q && !Q(G, ge) || (ye[G] = re[G], Q || process.env.NODE_ENV !== "development" || jo(G) || In.has(G) || !Nt.has(ge) || (In.add(G), console.warn('styled-components: it looks like an unknown prop "'.concat(G, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var Ie = (function(De, pe) {
-        var ve = Ln(), se = De.generateAndInjectStyles(pe, ve.styleSheet, ve.stylis);
-        return process.env.NODE_ENV !== "production" && mn(se), se;
+        return he.className && (ce.className = Te(ce.className, he.className)), ce;
+      })(J, k, Ye), ge = re.as || ne, ye = {};
+      for (var K in re) re[K] === void 0 || K[0] === "$" || K === "as" || K === "theme" && re.theme === Ye || (K === "forwardedAs" ? ye.as = re.forwardedAs : Q && !Q(K, ge) || (ye[K] = re[K], Q || process.env.NODE_ENV !== "development" || Lo(K) || In.has(K) || !Nt.has(ge) || (In.add(K), console.warn('styled-components: it looks like an unknown prop "'.concat(K, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var Ie = (function(De, he) {
+        var ve = Ln(), ae = De.generateAndInjectStyles(he, ve.styleSheet, ve.stylis);
+        return process.env.NODE_ENV !== "production" && mn(ae), ae;
       })(D, re);
-      process.env.NODE_ENV !== "production" && E.warnTooManyClasses && E.warnTooManyClasses(Ie);
-      var qe = Ee(fe, Z);
-      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ye[At(ge) && !Nt.has(ge) ? "class" : "className"] = qe, B && (ye.ref = B), wo(ge, ye);
+      process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(Ie);
+      var qe = Te(pe, G);
+      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ye[At(ge) && !Nt.has(ge) ? "class" : "className"] = qe, U && (ye.ref = U), bo(ge, ye);
     })(v, y, _);
   }
-  x.displayName = h;
-  var v = Re.forwardRef(x);
-  return v.attrs = S, v.componentStyle = w, v.displayName = h, v.shouldForwardProp = T, v.foldedComponentIds = r ? Ee(i.foldedComponentIds, i.styledComponentId) : "", v.styledComponentId = b, v.target = r ? i.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
+  w.displayName = m;
+  var v = Re.forwardRef(w);
+  return v.attrs = S, v.componentStyle = b, v.displayName = m, v.shouldForwardProp = C, v.foldedComponentIds = r ? Te(o.foldedComponentIds, o.styledComponentId) : "", v.styledComponentId = x, v.target = r ? o.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(y) {
     this._foldedDefaultProps = r ? (function(_) {
-      for (var E = [], C = 1; C < arguments.length; C++) E[C - 1] = arguments[C];
-      for (var B = 0, K = E; B < K.length; B++) zt(_, K[B], !0);
+      for (var T = [], k = 1; k < arguments.length; k++) T[k - 1] = arguments[k];
+      for (var U = 0, J = T; U < J.length; U++) zt(_, J[U], !0);
       return _;
-    })({}, i.defaultProps, y) : y;
-  } }), process.env.NODE_ENV !== "production" && (Xo(h, b), v.warnTooManyClasses = /* @__PURE__ */ (function(y, _) {
-    var E = {}, C = !1;
-    return function(B) {
-      if (!C && (E[B] = !0, Object.keys(E).length >= 200)) {
-        var K = _ ? ' with the id of "'.concat(_, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(K, `.
+    })({}, o.defaultProps, y) : y;
+  } }), process.env.NODE_ENV !== "production" && (Xo(m, x), v.warnTooManyClasses = /* @__PURE__ */ (function(y, _) {
+    var T = {}, k = !1;
+    return function(U) {
+      if (!k && (T[U] = !0, Object.keys(T).length >= 200)) {
+        var J = _ ? ' with the id of "'.concat(_, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(J, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
@@ -1783,15 +1783,15 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), C = !0, E = {};
+  <Component />`), k = !0, T = {};
       }
     };
-  })(h, b)), Qt(v, function() {
+  })(m, x)), Qt(v, function() {
     return ".".concat(v.styledComponentId);
-  }), s && ir(v, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), v;
+  }), a && sr(v, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), v;
 }
 function Dn(e, t) {
-  for (var n = [e[0]], r = 0, i = t.length; r < i; r += 1) n.push(t[r], e[r + 1]);
+  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
   return n;
 }
 var An = function(e) {
@@ -1799,72 +1799,72 @@ var An = function(e) {
 };
 function mt(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  if ($e(e) || ze(e)) return An(Te(Dn(Et, je([e], t, !0))));
+  if ($e(e) || ze(e)) return An(Ce(Dn(Tt, je([e], t, !0))));
   var r = e;
-  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Te(r) : An(Te(Dn(r, t)));
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Ce(r) : An(Ce(Dn(r, t)));
 }
 function Wt(e, t, n) {
   if (n === void 0 && (n = He), !t) throw We(1, t);
-  var r = function(i) {
-    for (var s = [], l = 1; l < arguments.length; l++) s[l - 1] = arguments[l];
-    return e(t, n, mt.apply(void 0, je([i], s, !1)));
+  var r = function(o) {
+    for (var a = [], u = 1; u < arguments.length; u++) a[u - 1] = arguments[u];
+    return e(t, n, mt.apply(void 0, je([o], a, !1)));
   };
-  return r.attrs = function(i) {
-    return Wt(e, t, te(te({}, n), { attrs: Array.prototype.concat(n.attrs, i).filter(Boolean) }));
-  }, r.withConfig = function(i) {
-    return Wt(e, t, te(te({}, n), i));
+  return r.attrs = function(o) {
+    return Wt(e, t, te(te({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return Wt(e, t, te(te({}, n), o));
   }, r;
 }
 var pr = function(e) {
-  return Wt(_i, e);
+  return Wt(Is, e);
 }, I = pr;
 Nt.forEach(function(e) {
   I[e] = pr(e);
 });
-function Ii(e) {
+function Ds(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = $t(mt.apply(void 0, je([e], t, !1))), i = er(r);
-  return new Ut(i, r);
+  var r = $t(mt.apply(void 0, je([e], t, !1))), o = er(r);
+  return new Ut(o, r);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
 Perhaps you're looking to import 'styled-components/native'?
 Read more about this at https://www.styled-components.com/docs/basics#react-native`);
-var st = "__sc-".concat(Le, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[st] || (window[st] = 0), window[st] === 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.
+var it = "__sc-".concat(Le, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[it] || (window[it] = 0), window[it] === 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[st] += 1);
-function Di({
+See https://s-c.sh/2BAXzed for more info.`), window[it] += 1);
+function As({
   children: e,
   eventFinishedMessage: t,
   eventNotStartedMessage: n,
   eventStartingSoonMessage: r
 }) {
-  const i = W((f) => f.startDate), s = W((f) => f.endDate), l = Date.now(), c = l < i.getTime(), u = l > s.getTime();
-  return ko(5e3), c ? /* @__PURE__ */ a.jsx(
-    Ai,
+  const o = B((d) => d.startDate), a = B((d) => d.endDate), u = Date.now(), i = u < o.getTime(), l = u > a.getTime();
+  return To(5e3), i ? /* @__PURE__ */ c.jsx(
+    Os,
     {
-      startDate: i,
+      startDate: o,
       title: n || "Event has not started yet.",
       message: r || "Starting in few seconds..."
     }
-  ) : u ? /* @__PURE__ */ a.jsx(Oi, { title: t || "Event has finished." }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
+  ) : l ? /* @__PURE__ */ c.jsx(Fs, { title: t || "Event has finished." }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
 }
-function Ai({ startDate: e, title: t, message: n }) {
-  const r = e.getTime() - Date.now(), i = Math.floor(r / (1e3 * 60 * 60)), s = Math.floor(
+function Os({ startDate: e, title: t, message: n }) {
+  const r = e.getTime() - Date.now(), o = Math.floor(r / (1e3 * 60 * 60)), a = Math.floor(
     r % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return i || s ? /* @__PURE__ */ a.jsxs(Yt, { children: [
-    /* @__PURE__ */ a.jsx(qt, { children: t }),
-    /* @__PURE__ */ a.jsxs(Fi, { children: [
+  return o || a ? /* @__PURE__ */ c.jsxs(Yt, { children: [
+    /* @__PURE__ */ c.jsx(qt, { children: t }),
+    /* @__PURE__ */ c.jsxs(Ms, { children: [
       "(",
-      i > 0 ? `${i}h ${s}m` : `${s}m`,
+      o > 0 ? `${o}h ${a}m` : `${a}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ a.jsx(Yt, { children: /* @__PURE__ */ a.jsx(qt, { children: n }) });
+  ] }) : /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: n }) });
 }
-function Oi({ title: e }) {
-  return /* @__PURE__ */ a.jsx(Yt, { children: /* @__PURE__ */ a.jsx(qt, { children: e }) });
+function Fs({ title: e }) {
+  return /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: e }) });
 }
 const Yt = I.div`
   position: absolute;
@@ -1886,7 +1886,7 @@ const Yt = I.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Fi = I.p`
+`, Ms = I.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -1894,22 +1894,22 @@ const Yt = I.div`
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
 `;
-function Mi() {
-  return /* @__PURE__ */ a.jsx(
+function Vs() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })
     }
   );
 }
 const xe = yt(
-  ({ shape: e = "circle", ...t }, n) => /* @__PURE__ */ a.jsx(Vi, { ref: n, $shape: e, ...t })
+  ({ shape: e = "circle", ...t }, n) => /* @__PURE__ */ c.jsx(Ns, { ref: n, $shape: e, ...t })
 );
 xe.displayName = "PlayerButton";
-const Vi = I.button`
+const Ns = I.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -1957,36 +1957,14 @@ const Vi = I.button`
       padding: 0.25rem 0.5rem;
     `}
 `;
-function Ni({ message: e, ...t }) {
-  const n = W((s) => s.delay), r = W((s) => s.setDelay), i = () => r(0);
-  return n ? /* @__PURE__ */ a.jsxs(xe, { onClick: i, shape: "square", ...t, children: [
-    /* @__PURE__ */ a.jsx("span", { children: e || "Live" }),
-    /* @__PURE__ */ a.jsx(Mi, {})
+function Hs({ message: e, ...t }) {
+  const n = B((a) => a.delay), r = B((a) => a.setDelay), o = () => r(0);
+  return n ? /* @__PURE__ */ c.jsxs(xe, { onClick: o, shape: "square", ...t, children: [
+    /* @__PURE__ */ c.jsx("span", { children: e || "Live" }),
+    /* @__PURE__ */ c.jsx(Vs, {})
   ] }) : null;
 }
-function hr() {
-  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: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
-    }
-  );
-}
-function mr() {
-  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: "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 Hi(e, t, n) {
+function $s(e, t, n) {
   const r = {
     days: 86400,
     hours: 3600,
@@ -1996,34 +1974,34 @@ function Hi(e, t, n) {
   };
   return e * (r[t] / r[n]);
 }
-function $i(e) {
-  return Hi(e, "milliseconds", "seconds");
+function zs(e) {
+  return $s(e, "milliseconds", "seconds");
 }
 const Be = (e) => {
   const t = Math.floor(e / 60), n = Math.floor(e % 60);
   return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 };
-function zi(e) {
+function Bs(e) {
   const t = typeof window < "u" && window.navigator?.userAgent || "";
   return e.test(t);
 }
-const gr = zi(/iPhone|iPad|iPod/i);
-function Bi() {
+const hr = Bs(/iPhone|iPad|iPod/i);
+function Us() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function Ui(e) {
+function Ws(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function Wi(e) {
+function Ys(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function Yi(e, t) {
+function qs(e, t) {
   return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const qi = (e, t) => ({
+const Zs = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -2105,7 +2083,7 @@ const qi = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    $i(Date.now() - t().pauseTime).toFixed(0)
+    zs(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -2142,7 +2120,7 @@ const qi = (e, t) => ({
       isLoading: !1
     });
   }
-}), Zi = (e) => ({
+}), Gs = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -2151,82 +2129,170 @@ const qi = (e, t) => ({
     const r = new Set(n.idleLocks);
     return r.delete(t), { idleLocks: r };
   })
-}), Gi = (e) => ({
+}), Ks = (e) => ({
   level: null,
   levels: null,
   setLevels: (t) => e({ levels: t }),
   setLevel: (t) => e({ level: t })
-}), Xi = (e, t) => ({
+}), Xs = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    Wi(document), e({ isFullscreen: !1 });
+    Ys(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
     const n = t().techRef.current, r = t().containerRef.current;
     if (!n || !r) return;
-    const i = gr ? n : r;
-    i && Ui(i), e({ isFullscreen: !0 });
+    const o = hr ? n : r;
+    o && Ws(o), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), Ji = (e) => () => ({
+}), Js = (e) => () => ({
   ...e
-}), Ki = (e, t) => Hn()((...n) => ({
-  ...qi(...n),
-  ...Zi(...n),
-  ...Xi(...n),
-  ...Gi(...n),
-  ...Ji({ techRef: e, containerRef: t })(...n)
-})), yr = Nn(null);
-function Qi({ children: e }) {
-  const t = q(null), n = q(null), r = q(null);
-  return t.current || (t.current = Ki(n, r)), /* @__PURE__ */ a.jsx(yr.Provider, { value: t.current, children: e });
-}
-const m = (e) => {
-  const t = Zt(yr);
+}), Qs = (e, t) => Hn()((...n) => ({
+  ...Zs(...n),
+  ...Gs(...n),
+  ...Xs(...n),
+  ...Ks(...n),
+  ...Js({ techRef: e, containerRef: t })(...n)
+})), mr = Nn(null);
+function ei({ children: e }) {
+  const t = Z(null), n = Z(null), r = Z(null);
+  return t.current || (t.current = Qs(n, r)), /* @__PURE__ */ c.jsx(mr.Provider, { value: t.current, children: e });
+}
+const p = (e) => {
+  const t = Zt(mr);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return $n(t, e);
 };
-function es() {
-  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = W((c) => c.delay), s = W((c) => c.setDelay), l = () => {
+function gr() {
+  const e = p((i) => i.exitFullscreen), t = p((i) => i.isFullscreen), n = p((i) => i.isFullscreenReady), r = p((i) => i.requestFullscreen), o = p((i) => i.setVolume), a = p((i) => i.volume), u = N(
+    (i) => {
+      let l = !1;
+      if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
+        switch (i.code) {
+          case "ArrowUp":
+            o(a + 10 < 100 ? a + 10 : 100), l = !0;
+            break;
+          case "ArrowDown":
+            o(a - 10 > 0 ? a - 10 : 0), l = !0;
+            break;
+          case "KeyM":
+            o(a === 0 ? 100 : 0), l = !0;
+            break;
+          case "KeyF":
+            n && (t ? e() : r(), l = !0);
+            break;
+        }
+        l && i.preventDefault();
+      }
+    },
+    [
+      e,
+      t,
+      n,
+      r,
+      o,
+      a
+    ]
+  );
+  return Y(() => (document.addEventListener("keydown", u), () => {
+    document.removeEventListener("keydown", u);
+  }), [u]), null;
+}
+function ti() {
+  const e = B((i) => i.delay), t = p((i) => i.isPlaying), n = p((i) => i.pause), r = p((i) => i.getPauseTimeDiff), o = p((i) => i.play), a = B((i) => i.setDelay), u = N(
+    (i) => {
+      let l = !1;
+      if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
+        switch (i.code) {
+          case "ArrowLeft":
+            a(e + 10), l = !0;
+            break;
+          case "ArrowRight":
+            a(e - 10 > 0 ? e - 10 : 0), l = !0;
+            break;
+          case "Space":
+            if (t)
+              n();
+            else {
+              const d = r();
+              d && a(e + d), o();
+            }
+            l = !0;
+            break;
+        }
+        l && i.preventDefault();
+      }
+    },
+    [e, r, t, n, o, a]
+  );
+  return Y(() => (document.addEventListener("keydown", u), () => {
+    document.removeEventListener("keydown", u);
+  }), [u]), /* @__PURE__ */ c.jsx(gr, {});
+}
+function yr() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+    }
+  );
+}
+function vr() {
+  return /* @__PURE__ */ c.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ c.jsx("path", { d: "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 ni() {
+  const e = p((i) => i.isPlaying), t = p((i) => i.pause), n = p((i) => i.getPauseTimeDiff), r = p((i) => i.play), o = B((i) => i.delay), a = B((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
-      const c = n();
-      c && s(i + c), r();
+      const i = n();
+      i && a(o + i), r();
     }
   };
-  return /* @__PURE__ */ a.jsx(xe, { onClick: l, children: e ? /* @__PURE__ */ a.jsx(hr, {}) : /* @__PURE__ */ a.jsx(mr, {}) });
+  return /* @__PURE__ */ c.jsx(xe, { onClick: u, children: e ? /* @__PURE__ */ c.jsx(yr, {}) : /* @__PURE__ */ c.jsx(vr, {}) });
 }
-function vr({
+function wr({
   className: e,
   onClick: t,
   ...n
 }) {
-  const r = q(null), i = m((h) => h.exitFullscreen), s = m((h) => h.isFullscreen), l = m((h) => h.requestFullscreen), c = (h) => {
-    p() ? (f(), s ? i() : l()) : u(h);
-  }, u = (h) => {
+  const r = Z(null), o = p((m) => m.exitFullscreen), a = p((m) => m.isFullscreen), u = p((m) => m.requestFullscreen), i = (m) => {
+    h() ? (d(), a ? o() : u()) : l(m);
+  }, l = (m) => {
     r.current = window.setTimeout(() => {
-      t?.(h), f();
+      t?.(m), d();
     }, 200);
-  }, f = () => {
+  }, d = () => {
     r.current !== null && (window.clearTimeout(r.current), r.current = null);
-  }, p = () => r.current !== null;
-  return J(() => () => {
-    f();
-  }, []), /* @__PURE__ */ a.jsx(
-    ts,
+  }, h = () => r.current !== null;
+  return Y(() => () => {
+    d();
+  }, []), /* @__PURE__ */ c.jsx(
+    ri,
     {
-      onClick: c,
+      onClick: i,
       className: e,
       "aria-label": "Player playback indicator",
       ...n
     }
   );
 }
-const ts = I.button`
+const ri = I.button`
   position: absolute;
   top: 0;
   left: 0;
@@ -2245,22 +2311,22 @@ const ts = I.button`
     outline: none;
   }
 `;
-function ns() {
-  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = W((c) => c.delay), s = W((c) => c.setDelay), l = () => {
+function oi() {
+  const e = p((i) => i.isPlaying), t = p((i) => i.pause), n = p((i) => i.getPauseTimeDiff), r = p((i) => i.play), o = B((i) => i.delay), a = B((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
-      const c = n();
-      c && s(i + c), r();
+      const i = n();
+      i && a(o + i), r();
     }
   };
-  return /* @__PURE__ */ a.jsx(vr, { onClick: l });
+  return /* @__PURE__ */ c.jsx(wr, { onClick: u });
 }
-const wr = I.div`
+const br = I.div`
   position: relative;
   width: 100%;
   margin-bottom: -0.25rem;
-`, br = I.div`
+`, xr = I.div`
   position: absolute;
   bottom: 1.75rem;
   left: 0;
@@ -2271,7 +2337,7 @@ const wr = I.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;
-`, xr = I.p`
+`, Sr = I.p`
   margin: 0;
   padding: 0.25rem;
   font-variant-numeric: tabular-nums;
@@ -2283,27 +2349,27 @@ const wr = I.div`
   color: white;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 1rem;
-`, Pt = yt(({ max: e = 100, min: t = 0, ...n }, r) => /* @__PURE__ */ a.jsxs(
-  rs,
+`, Pt = yt(({ max: e = 100, min: t = 0, ...n }, r) => /* @__PURE__ */ c.jsxs(
+  si,
   {
     ref: r,
     min: t,
     max: e,
     "aria-label": "Player progress",
-    onKeyDown: (i) => (
+    onKeyDown: (o) => (
       // Prevent the slider from being controlled by the keyboard
       // when the slider is focused by a click
-      i.preventDefault()
+      o.preventDefault()
     ),
     ...n,
     children: [
-      /* @__PURE__ */ a.jsx(os, { children: /* @__PURE__ */ a.jsx(is, {}) }),
-      /* @__PURE__ */ a.jsx(ss, {})
+      /* @__PURE__ */ c.jsx(ii, { children: /* @__PURE__ */ c.jsx(ai, {}) }),
+      /* @__PURE__ */ c.jsx(ci, {})
     ]
   }
 ));
 Pt.displayName = "PlayerSlider";
-const rs = I(vt.Root)`
+const si = I(vt.Root)`
   position: relative;
   display: flex;
   align-items: center;
@@ -2317,20 +2383,20 @@ const rs = I(vt.Root)`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, os = I(vt.Track)`
+`, ii = I(vt.Track)`
   position: relative;
   height: 0.25rem;
   flex-grow: 1;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 1rem;
   overflow: hidden;
-`, is = I(vt.Range)`
+`, ai = I(vt.Range)`
   position: absolute;
   height: 100%;
   background: #f7e406;
   transition: width 0.2s ease-in-out;
   border-radius: 1rem;
-`, ss = I(vt.Thumb)`
+`, ci = I(vt.Thumb)`
   display: block;
   width: 0.875rem;
   height: 0.875rem;
@@ -2365,95 +2431,95 @@ function gt(e) {
     height: t.height * 100
   } : t;
 }
-const Sr = (e, t = 0) => parseInt(
+const kr = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Cr = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), kr = (e, t) => Math.max(0, (t - e) / 1e3), as = (e, t = 0) => {
-  const r = t < 0 ? 0 : t, i = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], s = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, s)).toFixed(r))}${i[s]}`;
+), Er = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Tr = (e, t) => Math.max(0, (t - e) / 1e3), li = (e, t = 0) => {
+  const r = t < 0 ? 0 : t, o = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], a = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, a)).toFixed(r))}${o[a]}`;
 };
-function cs({
+function ui({
   isAuto: e,
   level: t,
   levels: n
 }) {
-  const r = n.length, i = [];
-  return r > 1 && i.push({
+  const r = n.length, o = [];
+  return r > 1 && o.push({
     sid: "quality-level-auto",
     label: "Auto",
     value: -1,
     selected: e || t === -1
-  }), n.sort(function(s, l) {
-    const c = s.height || s.bitrate || 0, u = l.height || l.bitrate || 0;
-    return c === u ? 0 : c > u ? 1 : -1;
-  }), n.map((s) => {
-    const { bitrate: l, height: c, index: u } = s;
-    i.push({
-      sid: `quality-level-${u}`,
-      label: c ? `${c}p` : as(l),
-      value: u,
-      selected: r === 1 || !e && u === t
+  }), n.sort(function(a, u) {
+    const i = a.height || a.bitrate || 0, l = u.height || u.bitrate || 0;
+    return i === l ? 0 : i > l ? 1 : -1;
+  }), n.map((a) => {
+    const { bitrate: u, height: i, index: l } = a;
+    o.push({
+      sid: `quality-level-${l}`,
+      label: i ? `${i}p` : li(u),
+      value: l,
+      selected: r === 1 || !e && l === t
     });
-  }), i;
+  }), o;
 }
 const On = "vod-player-progress-bar";
-function ls() {
-  const e = q(null), t = q(null), [n, r] = Y(0), [i, s] = Y(0), [l, c] = Y(!1), [u, f] = Y(-1), [p, h] = Y(-1), b = W((D) => D.delay), S = W((D) => D.startTime), T = W((D) => D.endTime), j = W((D) => D.setDelay), V = m((D) => D.isPlaying), w = m((D) => D.addIdleLock), x = m((D) => D.removeIdleLock), v = z(() => {
-    r(Cr(S, b)), s(kr(S, T));
-  }, [b, T, S]), y = parseFloat(
-    (i ? (p !== -1 ? p : n) / i * 100 : 0).toFixed(1)
+function di() {
+  const e = Z(null), t = Z(null), [n, r] = q(0), [o, a] = q(0), [u, i] = q(!1), [l, d] = q(-1), [h, m] = q(-1), x = B((D) => D.delay), S = B((D) => D.startTime), C = B((D) => D.endTime), j = B((D) => D.setDelay), V = p((D) => D.isPlaying), b = p((D) => D.addIdleLock), w = p((D) => D.removeIdleLock), v = N(() => {
+    r(Er(S, x)), a(Tr(S, C));
+  }, [x, C, S]), y = parseFloat(
+    (o ? (h !== -1 ? h : n) / o * 100 : 0).toFixed(1)
   ), _ = (D) => {
-    h(i * (D[0] / 100)), w(On);
-  }, E = () => {
-    if (p !== -1) {
-      const D = Sr(S, p);
-      j(D), h(-1), x(On);
+    m(o * (D[0] / 100)), b(On);
+  }, T = () => {
+    if (h !== -1) {
+      const D = kr(S, h);
+      j(D), m(-1), w(On);
     }
-  }, C = () => c(!0), B = () => c(!1), K = z(
+  }, k = () => i(!0), U = () => i(!1), J = N(
     (D) => {
-      const _e = e.current, fe = t.current;
-      if (_e && fe) {
-        const Z = gt(_e), ne = gt(fe), ue = (D.pageX || D.clientX) - Z.left, Se = ue / Z.width;
+      const _e = e.current, pe = t.current;
+      if (_e && pe) {
+        const G = gt(_e), ne = gt(pe), de = (D.pageX || D.clientX) - G.left, Se = de / G.width;
         if (Se < 0) return;
-        let Q = ue - ne.width / 2;
-        Q < 0 && (Q = 0), Q > Z.width - ne.width && (Q = -1), fe.style.left = Q > -1 ? `${Q}px` : "auto", fe.style.right = Q > -1 ? "auto" : "0px", f(Se * i);
+        let Q = de - ne.width / 2;
+        Q < 0 && (Q = 0), Q > G.width - ne.width && (Q = -1), pe.style.left = Q > -1 ? `${Q}px` : "auto", pe.style.right = Q > -1 ? "auto" : "0px", d(Se * o);
       }
-      C();
+      k();
     },
-    [i]
+    [o]
   );
-  return wt(() => v(), V ? 1e3 : null), J(() => {
+  return wt(() => v(), V ? 1e3 : null), Y(() => {
     v();
-  }, [v]), /* @__PURE__ */ a.jsxs(wr, { children: [
-    /* @__PURE__ */ a.jsx(
+  }, [v]), /* @__PURE__ */ c.jsxs(br, { children: [
+    /* @__PURE__ */ c.jsx(
       Pt,
       {
         ref: e,
         value: [y],
-        onPointerLeave: B,
-        onPointerDown: B,
-        onPointerMove: K,
+        onPointerLeave: U,
+        onPointerDown: U,
+        onPointerMove: J,
         onValueChange: _,
-        onValueCommit: E,
+        onValueCommit: T,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(br, { ref: t, $isVisible: l, children: /* @__PURE__ */ a.jsx(xr, { children: Be(u) }) })
+    /* @__PURE__ */ c.jsx(xr, { ref: t, $isVisible: u, children: /* @__PURE__ */ c.jsx(Sr, { children: Be(l) }) })
   ] });
 }
-function Er({ children: e }) {
-  return /* @__PURE__ */ a.jsx(Qi, { children: e });
+function Pr({ children: e }) {
+  return /* @__PURE__ */ c.jsx(ei, { children: e });
 }
-function us({
+function fi({
   children: e,
   startDate: t,
   endDate: n
 }) {
-  return /* @__PURE__ */ a.jsx(Po, { startDate: t, endDate: n, children: /* @__PURE__ */ a.jsx(Er, { children: e }) });
+  return /* @__PURE__ */ c.jsx(Co, { startDate: t, endDate: n, children: /* @__PURE__ */ c.jsx(Pr, { children: e }) });
 }
-const Pr = I.div`
+const Cr = I.div`
   display: flex;
   align-items: center;
-`, Tr = I.p`
+`, Rr = I.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -2461,11 +2527,11 @@ const Pr = I.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Rr = I(Tr)`
+`, jr = I(Rr)`
   margin-right: 0.5rem;
-`, jr = I(Tr)`
+`, Lr = I(Rr)`
   margin-left: 0.5rem;
-`, Lr = I.p`
+`, _r = I.p`
   margin: 0;
   padding: 0;
   font-size: 0.8125rem;
@@ -2477,140 +2543,154 @@ const Pr = I.div`
     content: "/";
   }
 `;
-function ds() {
-  const [e, t] = Y(0), [n, r] = Y(0), i = m((f) => f.isPlaying), s = W((f) => f.delay), l = W((f) => f.startTime), c = W((f) => f.endTime), u = z(() => {
-    t(Cr(l, s)), r(kr(l, c));
-  }, [s, c, l]);
-  return wt(() => u(), i ? 1e3 : null), J(() => {
-    u();
-  }, [u]), s ? /* @__PURE__ */ a.jsxs(Pr, { children: [
-    /* @__PURE__ */ a.jsx(Rr, { children: Be(e) }),
-    /* @__PURE__ */ a.jsx(Lr, {}),
-    /* @__PURE__ */ a.jsx(jr, { children: Be(n) })
+function pi() {
+  const [e, t] = q(0), [n, r] = q(0), o = p((d) => d.isPlaying), a = B((d) => d.delay), u = B((d) => d.startTime), i = B((d) => d.endTime), l = N(() => {
+    t(Er(u, a)), r(Tr(u, i));
+  }, [a, i, u]);
+  return wt(() => l(), o ? 1e3 : null), Y(() => {
+    l();
+  }, [l]), a ? /* @__PURE__ */ c.jsxs(Cr, { children: [
+    /* @__PURE__ */ c.jsx(jr, { children: Be(e) }),
+    /* @__PURE__ */ c.jsx(_r, {}),
+    /* @__PURE__ */ c.jsx(Lr, { children: Be(n) })
   ] }) : null;
 }
-function fs() {
-  return /* @__PURE__ */ a.jsx(
+function hi() {
+  return /* @__PURE__ */ c.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" })
+      children: /* @__PURE__ */ c.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 ps() {
-  const e = W((r) => r.startTime), t = W((r) => r.setDelay), n = () => t(Sr(e));
-  return /* @__PURE__ */ a.jsx(xe, { onClick: n, children: /* @__PURE__ */ a.jsx(fs, {}) });
+function mi() {
+  const e = B((r) => r.startTime), t = B((r) => r.setDelay), n = () => t(kr(e));
+  return /* @__PURE__ */ c.jsx(xe, { onClick: n, children: /* @__PURE__ */ c.jsx(hi, {}) });
 }
-function hs({ url: e, isLive: t }) {
-  const n = q(null), r = m((w) => w.level), i = m((w) => w.levels), s = m((w) => w.setLevel), l = m((w) => w.setLevels), c = m((w) => w.techRef), u = m((w) => w.isStarted), [f, p] = Y(!1), h = z(
-    (w) => {
-      if (n.current && (n.current.nextLevel = w, s(null), i)) {
-        const x = i.map((v) => ({
+function gi({ url: e, isLive: t }) {
+  const n = Z(null), r = p((b) => b.level), o = p((b) => b.levels), a = p((b) => b.setLevel), u = p((b) => b.setLevels), i = p((b) => b.techRef), l = p((b) => b.isStarted), [d, h] = q(!1), m = N(
+    (b) => {
+      if (n.current && (n.current.nextLevel = b, a(null), o)) {
+        const w = o.map((v) => ({
           ...v,
-          selected: v.value === w
+          selected: v.value === b
         }));
-        l(x);
+        u(w);
       }
     },
-    [i, s, l, n]
-  ), b = z(() => {
+    [o, a, u, n]
+  ), x = N(() => {
     n.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), n.current.loadSource(e));
-  }, [e]), S = z(() => {
+  }, [e]), S = N(() => {
     if (!n.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED");
-    const w = n.current.levels, x = n.current.currentLevel, v = n.current.autoLevelEnabled;
-    l(
-      cs({
-        levels: w.map((y, _) => {
-          const { bitrate: E, height: C, width: B } = y;
+    const b = n.current.levels, w = n.current.currentLevel, v = n.current.autoLevelEnabled;
+    u(
+      ui({
+        levels: b.map((y, _) => {
+          const { bitrate: T, height: k, width: U } = y;
           return {
-            bitrate: E,
-            height: C,
+            bitrate: T,
+            height: k,
             index: _,
-            width: B
+            width: U
           };
         }),
-        level: x,
+        level: w,
         isAuto: v
       })
     );
-  }, [l]), T = z(
-    (w, x) => {
-      console.error("[Player][HLS] ERROR", w, x), f ? console.error("[Player][HLS] Stream failed and retry limit reached") : (console.log(
-        "[Player][HLS] Stream failed, attempting failover retry..."
-      ), p(!0), setTimeout(() => {
-        if (n.current && c.current)
-          try {
-            console.log("[Player][HLS] Retrying stream..."), n.current.loadSource(e);
-          } catch (v) {
-            console.error("[Player][HLS] Failover retry failed:", v);
-          }
-      }, 1e3));
+  }, [u]), C = N(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (b, w) => {
+      if (console.error("[Player][HLS] ERROR", b, w), !!n.current)
+        switch (w.type) {
+          case se.ErrorTypes.NETWORK_ERROR:
+            w.fatal && n.current.startLoad();
+            break;
+          case se.ErrorTypes.MEDIA_ERROR:
+            if (w.fatal) n.current.recoverMediaError();
+            else if (w.details === se.ErrorDetails.BUFFER_STALLED_ERROR && t && !d) {
+              h(!0), console.log(
+                "[Player][HLS] Stream failed, attempting failover retry..."
+              );
+              try {
+                console.log("[Player][HLS] Retrying stream..."), n.current.loadSource(e);
+              } catch (v) {
+                console.error("[Player][HLS] Failover retry failed:", v);
+              }
+            }
+            break;
+        }
     },
-    [f, e, c]
-  ), j = z(() => {
-    if (!c.current) return;
-    const v = t ? {
+    [t, d, e]
+  ), j = N(() => {
+    if (!i.current) return;
+    const b = {
       backBufferLength: 10,
-      startLevel: -1
-    } : {
+      startLevel: -1,
+      maxBufferSize: 30 * 1024 * 1024
+      // 30MB
+    }, w = {
       backBufferLength: 60,
-      startLevel: -1
-    };
+      startLevel: -1,
+      maxBufferSize: 30 * 1024 * 1024
+      // 30MB
+    }, v = t ? b : w;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(v)), console.log("[Player][HLS] Version", he.version), n.current = new he(v), n.current.attachMedia(c.current), n.current.on(he.Events.MEDIA_ATTACHED, b), n.current.on(he.Events.MANIFEST_LOADED, S), n.current.on(he.Events.ERROR, T);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(v)), console.log("[Player][HLS] Version", se.version), n.current = new se(v), n.current.attachMedia(i.current), n.current.on(se.Events.MEDIA_ATTACHED, x), n.current.on(se.Events.MANIFEST_LOADED, S), n.current.on(se.Events.ERROR, C);
     } catch (y) {
       throw new Error(`Error initializing Hls: ${y}`);
     }
   }, [
     S,
-    b,
-    T,
+    x,
+    C,
     t,
-    c,
+    i,
     e
-  ]), V = z(() => {
-    n.current && (n.current.off(he.Events.MEDIA_ATTACHED, b), n.current.off(he.Events.MANIFEST_LOADED, S), n.current.off(he.Events.ERROR, T), n.current.destroy(), n.current = null), p(!1);
-  }, [S, b, T]);
-  return J(() => {
-    r !== null && h(r);
-  }, [r, h]), J(() => {
-    u && p(!1);
-  }, [u]), J(() => (he.isSupported() && j(), V), [V, j]), null;
-}
-function _r({ url: e, isLive: t, isMuted: n = !1 }) {
-  const r = m((y) => y.handleDurationChange), i = m((y) => y.handleEnd), s = m((y) => y.handleLoadedMetadata), l = m((y) => y.handleLoadStart), c = m((y) => y.handlePause), u = m((y) => y.handlePlay), f = m((y) => y.handlePlaying), p = m((y) => y.handleSeeked), h = m((y) => y.handleSeeking), b = m((y) => y.handleTimeUpdate), S = m((y) => y.handleWaiting), T = m((y) => y.techRef), j = q(null), V = (y) => {
+  ]), V = N(() => {
+    n.current && (n.current.off(se.Events.MEDIA_ATTACHED, x), n.current.off(se.Events.MANIFEST_LOADED, S), n.current.off(se.Events.ERROR, C), n.current.destroy(), n.current = null), h(!1);
+  }, [S, x, C]);
+  return Y(() => {
+    r !== null && m(r);
+  }, [r, m]), Y(() => {
+    l && h(!1);
+  }, [l]), Y(() => (se.isSupported() && j(), V), [V, j]), null;
+}
+function Ir({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = p((y) => y.handleDurationChange), o = p((y) => y.handleEnd), a = p((y) => y.handleLoadedMetadata), u = p((y) => y.handleLoadStart), i = p((y) => y.handlePause), l = p((y) => y.handlePlay), d = p((y) => y.handlePlaying), h = p((y) => y.handleSeeked), m = p((y) => y.handleSeeking), x = p((y) => y.handleTimeUpdate), S = p((y) => y.handleWaiting), C = p((y) => y.techRef), j = Z(null), V = (y) => {
     console.error("[Player][Native] ERROR", y);
-  }, w = () => t ? {} : {
+  }, b = () => t ? {} : {
     onDurationChange: r,
-    onSeeked: p,
-    onSeeking: h,
-    onTimeUpdate: x
-  }, x = () => {
-    (!j.current || Date.now() - j.current >= 1e3) && (b(), j.current = Date.now());
-  }, v = w();
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(hs, { isLive: t, url: e }),
-    /* @__PURE__ */ a.jsx(
-      ms,
+    onSeeked: h,
+    onSeeking: m,
+    onTimeUpdate: w
+  }, w = () => {
+    (!j.current || Date.now() - j.current >= 1e3) && (x(), j.current = Date.now());
+  }, v = b();
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(gi, { isLive: t, url: e }),
+    /* @__PURE__ */ c.jsx(
+      yi,
       {
-        ref: T,
+        ref: C,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: i,
+        onEnded: o,
         onError: V,
-        onLoadedMetadata: s,
-        onLoadStart: l,
-        onPause: c,
-        onPlay: u,
-        onPlaying: f,
+        onLoadedMetadata: a,
+        onLoadStart: u,
+        onPause: i,
+        onPlay: l,
+        onPlaying: d,
         onWaiting: S,
         tabIndex: -1,
         ...v
@@ -2618,7 +2698,7 @@ function _r({ url: e, isLive: t, isMuted: n = !1 }) {
     )
   ] });
 }
-const ms = I.video`
+const yi = I.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -2627,20 +2707,17 @@ const ms = I.video`
     pointer-events: none;
   }
 `;
-function gs({ url: e }) {
-  const [t, n] = Y(null), r = W((s) => s.delay), i = z(async () => {
+function vi({ url: e }) {
+  const [t, n] = q(null), r = B((a) => a.delay), o = N(async () => {
     n(
-      r ? e.replace(
-        "playlist.m3u8",
-        `playlist_fmp4_dvr_timeshift-${r}.m3u8`
-      ) : e
+      r ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${r}.m3u8`) : e
     );
   }, [r, e]);
-  return J(() => {
-    i();
-  }, [i]), t ? /* @__PURE__ */ a.jsx(_r, { url: t, isLive: !0 }) : null;
+  return Y(() => {
+    o();
+  }, [o]), t ? /* @__PURE__ */ c.jsx(Ir, { url: t, isLive: !0 }) : null;
 }
-const Ir = I.div`
+const Dr = I.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2649,7 +2726,7 @@ const Ir = I.div`
   color: white;
   background: black;
   overflow: hidden;
-`, Dr = I.div`
+`, Ar = I.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -2661,7 +2738,7 @@ const Ir = I.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Ar = I.div`
+`, Or = I.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -2673,83 +2750,83 @@ const Ir = I.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, Or = I.div`
+`, Fr = I.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, Fr = I.div`
+`, Mr = I.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, Mr = I(Fr)`
+`, Vr = I(Mr)`
   justify-content: flex-start;
-`, Vr = I(Fr)`
+`, Nr = I(Mr)`
   justify-content: flex-end;
 `;
-function ys() {
-  return /* @__PURE__ */ a.jsx(
+function wi() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
     }
   );
 }
-function vs() {
-  return /* @__PURE__ */ a.jsx(
+function bi() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-function Nr() {
-  const e = m((f) => f.containerRef), t = m((f) => f.exitFullscreen), n = m((f) => f.isFullscreen), r = m((f) => f.requestFullscreen), i = m((f) => f.setIsFullscreen), s = m((f) => f.setIsFullscreenReady), l = m((f) => f.techRef), c = z(
-    (f) => {
-      f.stopPropagation(), i(Bi());
+function Hr() {
+  const e = p((d) => d.containerRef), t = p((d) => d.exitFullscreen), n = p((d) => d.isFullscreen), r = p((d) => d.requestFullscreen), o = p((d) => d.setIsFullscreen), a = p((d) => d.setIsFullscreenReady), u = p((d) => d.techRef), i = N(
+    (d) => {
+      d.stopPropagation(), o(Us());
     },
-    [i]
-  ), u = () => {
+    [o]
+  ), l = () => {
     n ? t() : r();
   };
-  return J(() => {
-    const f = gr ? l.current : e.current;
-    if (f)
-      return Yi(f, c);
-  }, [e, c, l]), J(() => {
-    s(!0);
-  }, [s]), /* @__PURE__ */ a.jsx(xe, { onClick: u, children: n ? /* @__PURE__ */ a.jsx(vs, {}) : /* @__PURE__ */ a.jsx(ys, {}) });
-}
-const ws = 5 * 1e3;
-function Hr({ children: e }) {
-  const t = q(null), [n, r] = Y(!1), i = q(null), l = m((f) => f.idleLocks).size, c = z(() => {
-    i.current !== null && (window.clearTimeout(i.current), i.current = null);
-  }, []), u = z(() => {
-    c(), i.current = window.setTimeout(() => r(!0), ws);
-  }, [c]);
-  return J(() => (r(!1), u(), () => {
-    c();
-  }), [c, u]), J(() => {
-    const f = t.current;
-    if (!f) return;
-    const p = (b) => {
-      n && (b.stopPropagation(), r(!1), u());
-    }, h = () => {
-      n && r(!1), u();
+  return Y(() => {
+    const d = hr ? u.current : e.current;
+    if (d)
+      return qs(d, i);
+  }, [e, i, u]), Y(() => {
+    a(!0);
+  }, [a]), /* @__PURE__ */ c.jsx(xe, { onClick: l, children: n ? /* @__PURE__ */ c.jsx(bi, {}) : /* @__PURE__ */ c.jsx(wi, {}) });
+}
+const xi = 5 * 1e3;
+function $r({ children: e }) {
+  const t = Z(null), [n, r] = q(!1), o = Z(null), u = p((d) => d.idleLocks).size, i = N(() => {
+    o.current !== null && (window.clearTimeout(o.current), o.current = null);
+  }, []), l = N(() => {
+    i(), o.current = window.setTimeout(() => r(!0), xi);
+  }, [i]);
+  return Y(() => (r(!1), l(), () => {
+    i();
+  }), [i, l]), Y(() => {
+    const d = t.current;
+    if (!d) return;
+    const h = (x) => {
+      n && (x.stopPropagation(), r(!1), l());
+    }, m = () => {
+      n && r(!1), l();
     };
-    return f.addEventListener("click", p), f.addEventListener("mousemove", h), () => {
-      f.removeEventListener("click", p), f.removeEventListener("mousemove", h);
+    return d.addEventListener("click", h), d.addEventListener("mousemove", m), () => {
+      d.removeEventListener("click", h), d.removeEventListener("mousemove", m);
     };
-  }, [t, n, r, u]), /* @__PURE__ */ a.jsx(bs, { ref: t, $isIdle: n && !l, children: e });
+  }, [t, n, r, l]), /* @__PURE__ */ c.jsx(Si, { ref: t, $isIdle: n && !u, children: e });
 }
-const bs = I.div`
+const Si = I.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2759,38 +2836,38 @@ const bs = I.div`
   cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
   opacity: ${({ $isIdle: e }) => e ? 0 : 1};
 `;
-function xs(e) {
-  return /* @__PURE__ */ a.jsx(Cs, { ...e });
+function ki(e) {
+  return /* @__PURE__ */ c.jsx(Ti, { ...e });
 }
-const Ss = Ii`
+const Ei = Ds`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Cs = I.div`
+`, Ti = I.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${Ss} 1s linear infinite;
+  animation: ${Ei} 1s linear infinite;
 `;
-function ks(e, t = 500) {
-  const [n, r] = Y(e);
-  return J(() => {
-    const i = window.setTimeout(() => r(e), t);
+function Pi(e, t = 500) {
+  const [n, r] = q(e);
+  return Y(() => {
+    const o = window.setTimeout(() => r(e), t);
     return () => {
-      window.clearTimeout(i);
+      window.clearTimeout(o);
     };
   }, [e, t]), n;
 }
-function $r({ style: e, ...t }) {
-  const n = m((i) => i.isLoading);
-  return ks(n, 100) ? /* @__PURE__ */ a.jsx(Es, { style: e, ...t, children: /* @__PURE__ */ a.jsx(xs, {}) }) : null;
+function zr({ style: e, ...t }) {
+  const n = p((o) => o.isLoading);
+  return Pi(n, 100) ? /* @__PURE__ */ c.jsx(Ci, { style: e, ...t, children: /* @__PURE__ */ c.jsx(ki, {}) }) : null;
 }
-const Es = I.div`
+const Ci = I.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -2803,30 +2880,30 @@ const Es = I.div`
   align-items: center;
   justify-content: center;
 `;
-function Ps() {
-  return /* @__PURE__ */ a.jsx(
+function Ri() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.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 Ts() {
-  return /* @__PURE__ */ a.jsx(
+function ji() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.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 Rs = Qe.Root, js = Qe.Trigger, Ls = Qe.Portal, zr = yt(({ sideOffset: e = 4, ...t }, n) => /* @__PURE__ */ a.jsx(
-  _s,
+const Li = Qe.Root, _i = Qe.Trigger, Ii = Qe.Portal, Br = yt(({ sideOffset: e = 4, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Di,
   {
     ref: n,
     sideOffset: e,
@@ -2836,10 +2913,10 @@ const Rs = Qe.Root, js = Qe.Trigger, Ls = Qe.Portal, zr = yt(({ sideOffset: e =
     ...t
   }
 ));
-zr.displayName = "PlayerDropdownMenuContent";
-const Br = yt((e, t) => /* @__PURE__ */ a.jsx(Is, { ref: t, ...e }));
-Br.displayName = "PlayerDropdownMenuItem";
-const _s = I(Qe.Content).withConfig({
+Br.displayName = "PlayerDropdownMenuContent";
+const Ur = yt((e, t) => /* @__PURE__ */ c.jsx(Ai, { ref: t, ...e }));
+Ur.displayName = "PlayerDropdownMenuItem";
+const Di = I(Qe.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
@@ -2916,7 +2993,7 @@ const _s = I(Qe.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, Is = I(Qe.Item)`
+`, Ai = I(Qe.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -2954,86 +3031,86 @@ const _s = I(Qe.Content).withConfig({
     pointer-events: none;
   }
 `, Fn = "settings";
-function Ur() {
-  const [e, t] = Y(!1), n = m((u) => u.containerRef), r = m((u) => u.addIdleLock), i = m((u) => u.removeIdleLock), s = m((u) => u.levels), l = m((u) => u.setLevel), c = z(
-    (u) => {
-      t(u), u ? r(Fn) : i(Fn);
+function Wr() {
+  const [e, t] = q(!1), n = p((l) => l.containerRef), r = p((l) => l.addIdleLock), o = p((l) => l.removeIdleLock), a = p((l) => l.levels), u = p((l) => l.setLevel), i = N(
+    (l) => {
+      t(l), l ? r(Fn) : o(Fn);
     },
-    [r, i]
+    [r, o]
   );
-  return /* @__PURE__ */ a.jsxs(Rs, { open: e, onOpenChange: c, children: [
-    /* @__PURE__ */ a.jsx(js, { asChild: !0, children: /* @__PURE__ */ a.jsx(xe, { children: /* @__PURE__ */ a.jsx(Ts, {}) }) }),
-    /* @__PURE__ */ a.jsx(Ls, { container: n.current, children: /* @__PURE__ */ a.jsx(zr, { side: "top", align: "end", children: s?.map((u) => /* @__PURE__ */ a.jsxs(
-      Br,
+  return /* @__PURE__ */ c.jsxs(Li, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ c.jsx(_i, { asChild: !0, children: /* @__PURE__ */ c.jsx(xe, { children: /* @__PURE__ */ c.jsx(ji, {}) }) }),
+    /* @__PURE__ */ c.jsx(Ii, { container: n.current, children: /* @__PURE__ */ c.jsx(Br, { side: "top", align: "end", children: a?.map((l) => /* @__PURE__ */ c.jsxs(
+      Ur,
       {
-        onClick: () => l(u.value),
+        onClick: () => u(l.value),
         children: [
-          u.label,
-          u.selected && /* @__PURE__ */ a.jsx(Ps, {})
+          l.label,
+          l.selected && /* @__PURE__ */ c.jsx(Ri, {})
         ]
       },
-      u.sid
+      l.sid
     )) }) })
   ] });
 }
-function Ds() {
-  return /* @__PURE__ */ a.jsx(
+function Oi() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
     }
   );
 }
-function As() {
-  return /* @__PURE__ */ a.jsx(
+function Fi() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
     }
   );
 }
-function Os() {
-  return /* @__PURE__ */ a.jsx(
+function Mi() {
+  return /* @__PURE__ */ c.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
     }
   );
 }
 const Mn = "volume";
-function Wr() {
-  m((c) => c.containerRef);
-  const e = m((c) => c.setVolume), t = m((c) => c.volume), n = m((c) => c.addIdleLock), r = m((c) => c.removeIdleLock), i = (c) => {
-    e(c[0]), n(Mn);
-  }, s = () => {
+function Yr() {
+  p((i) => i.containerRef);
+  const e = p((i) => i.setVolume), t = p((i) => i.volume), n = p((i) => i.addIdleLock), r = p((i) => i.removeIdleLock), o = (i) => {
+    e(i[0]), n(Mn);
+  }, a = () => {
     r(Mn);
-  }, l = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs(Fs, { children: [
-    /* @__PURE__ */ a.jsx(xe, { onClick: l, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(Ds, {}) : /* @__PURE__ */ a.jsx(As, {}) : /* @__PURE__ */ a.jsx(Os, {}) }),
-    /* @__PURE__ */ a.jsx(Yr, { children: /* @__PURE__ */ a.jsx(
+  }, u = () => e(t ? 0 : 100);
+  return /* @__PURE__ */ c.jsxs(Vi, { children: [
+    /* @__PURE__ */ c.jsx(xe, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ c.jsx(Oi, {}) : /* @__PURE__ */ c.jsx(Fi, {}) : /* @__PURE__ */ c.jsx(Mi, {}) }),
+    /* @__PURE__ */ c.jsx(qr, { children: /* @__PURE__ */ c.jsx(
       Pt,
       {
         value: [t],
-        onValueChange: i,
-        onValueCommit: s
+        onValueChange: o,
+        onValueCommit: a
       }
     ) })
   ] });
 }
-const Yr = I.div`
+const qr = I.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, Fs = I.div`
+`, Vi = I.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3044,118 +3121,146 @@ const Yr = I.div`
     &:hover {
       width: 6rem;
 
-      ${Yr} {
+      ${qr} {
         width: 100%;
         opacity: 1;
       }
     }
   }
 `;
-function Gs({ url: e, startDate: t, endDate: n, messages: r }) {
-  return /* @__PURE__ */ a.jsx(
-    us,
+function Ji({ url: e, startDate: t, endDate: n, messages: r }) {
+  return /* @__PURE__ */ c.jsx(
+    fi,
     {
       startDate: new Date(t),
       endDate: new Date(n),
-      children: /* @__PURE__ */ a.jsx(Ms, { url: e, messages: r })
+      children: /* @__PURE__ */ c.jsx(Ni, { url: e, messages: r })
     }
   );
 }
-function Ms({ url: e, messages: t }) {
-  const n = m((r) => r.containerRef);
-  return /* @__PURE__ */ a.jsx(Ir, { ref: n, children: /* @__PURE__ */ a.jsxs(
-    Di,
-    {
-      eventFinishedMessage: t?.eventFinished,
-      eventNotStartedMessage: t?.eventNotStarted,
-      eventStartingSoonMessage: t?.eventStartingSoon,
-      children: [
-        /* @__PURE__ */ a.jsx(gs, { url: e }),
-        /* @__PURE__ */ a.jsx($r, {}),
-        /* @__PURE__ */ a.jsxs(Hr, { children: [
-          /* @__PURE__ */ a.jsx(ns, {}),
-          /* @__PURE__ */ a.jsx(Dr, { children: /* @__PURE__ */ a.jsxs(Ar, { children: [
-            /* @__PURE__ */ a.jsx(ls, {}),
-            /* @__PURE__ */ a.jsxs(Or, { children: [
-              /* @__PURE__ */ a.jsxs(Mr, { children: [
-                /* @__PURE__ */ a.jsx(es, {}),
-                /* @__PURE__ */ a.jsx(ps, {}),
-                /* @__PURE__ */ a.jsx(Wr, {}),
-                /* @__PURE__ */ a.jsx(ds, {})
-              ] }),
-              /* @__PURE__ */ a.jsxs(Vr, { children: [
-                /* @__PURE__ */ a.jsx(Ni, { message: t?.live }),
-                /* @__PURE__ */ a.jsx(Ur, {}),
-                /* @__PURE__ */ a.jsx(Nr, {})
+function Ni({ url: e, messages: t }) {
+  const n = p((r) => r.containerRef);
+  return /* @__PURE__ */ c.jsxs(Dr, { ref: n, children: [
+    /* @__PURE__ */ c.jsxs(
+      As,
+      {
+        eventFinishedMessage: t?.eventFinished,
+        eventNotStartedMessage: t?.eventNotStarted,
+        eventStartingSoonMessage: t?.eventStartingSoon,
+        children: [
+          /* @__PURE__ */ c.jsx(vi, { url: e }),
+          /* @__PURE__ */ c.jsx(zr, {}),
+          /* @__PURE__ */ c.jsxs($r, { children: [
+            /* @__PURE__ */ c.jsx(oi, {}),
+            /* @__PURE__ */ c.jsx(Ar, { children: /* @__PURE__ */ c.jsxs(Or, { children: [
+              /* @__PURE__ */ c.jsx(di, {}),
+              /* @__PURE__ */ c.jsxs(Fr, { children: [
+                /* @__PURE__ */ c.jsxs(Vr, { children: [
+                  /* @__PURE__ */ c.jsx(ni, {}),
+                  /* @__PURE__ */ c.jsx(mi, {}),
+                  /* @__PURE__ */ c.jsx(Yr, {}),
+                  /* @__PURE__ */ c.jsx(pi, {})
+                ] }),
+                /* @__PURE__ */ c.jsxs(Nr, { children: [
+                  /* @__PURE__ */ c.jsx(Hs, { message: t?.live }),
+                  /* @__PURE__ */ c.jsx(Wr, {}),
+                  /* @__PURE__ */ c.jsx(Hr, {})
+                ] })
               ] })
-            ] })
-          ] }) })
-        ] })
-      ]
-    }
-  ) });
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c.jsx(ti, {})
+  ] });
 }
-function Vs() {
-  const e = m((i) => i.isPlaying), t = m((i) => i.pause), n = m((i) => i.play), r = () => {
+function Hi() {
+  const e = p((i) => i.currentTime), t = p((i) => i.duration), n = p((i) => i.isPlaying), r = p((i) => i.pause), o = p((i) => i.play), a = p((i) => i.seek), u = N(
+    (i) => {
+      let l = !1;
+      if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
+        switch (i.code) {
+          case "ArrowLeft":
+            a(e - 10 >= 0 ? e - 10 : 0), l = !0;
+            break;
+          case "ArrowRight":
+            a(e + 10 < t ? e + 10 : t), l = !0;
+            break;
+          case "Space":
+            n ? r() : o(), l = !0;
+            break;
+        }
+        l && i.preventDefault();
+      }
+    },
+    [e, t, n, r, o, a]
+  );
+  return Y(() => (document.addEventListener("keydown", u), () => {
+    document.removeEventListener("keydown", u);
+  }), [u]), /* @__PURE__ */ c.jsx(gr, {});
+}
+function $i() {
+  const e = p((o) => o.isPlaying), t = p((o) => o.pause), n = p((o) => o.play), r = () => {
     e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(xe, { onClick: r, children: e ? /* @__PURE__ */ a.jsx(hr, {}) : /* @__PURE__ */ a.jsx(mr, {}) });
+  return /* @__PURE__ */ c.jsx(xe, { onClick: r, children: e ? /* @__PURE__ */ c.jsx(yr, {}) : /* @__PURE__ */ c.jsx(vr, {}) });
 }
-function Ns() {
-  const e = m((i) => i.isPlaying), t = m((i) => i.pause), n = m((i) => i.play), r = () => {
+function zi() {
+  const e = p((o) => o.isPlaying), t = p((o) => o.pause), n = p((o) => o.play), r = () => {
     e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(vr, { onClick: r });
+  return /* @__PURE__ */ c.jsx(wr, { onClick: r });
 }
 const Vn = "vod-player-progress-bar";
-function Hs() {
-  const e = q(null), t = q(null), [n, r] = Y(!1), [i, s] = Y(-1), [l, c] = Y(-1), u = m((v) => v.currentTime), f = m((v) => v.duration), p = m((v) => v.seek), h = m((v) => v.addIdleLock), b = m((v) => v.removeIdleLock), S = parseFloat(
-    (f ? (l !== -1 ? l : u) / f * 100 : 0).toFixed(1)
-  ), T = (v) => {
-    c(f * (v[0] / 100)), h(Vn);
+function Bi() {
+  const e = Z(null), t = Z(null), [n, r] = q(!1), [o, a] = q(-1), [u, i] = q(-1), l = p((v) => v.currentTime), d = p((v) => v.duration), h = p((v) => v.seek), m = p((v) => v.addIdleLock), x = p((v) => v.removeIdleLock), S = parseFloat(
+    (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
+  ), C = (v) => {
+    i(d * (v[0] / 100)), m(Vn);
   }, j = () => {
-    l !== -1 && (p(l), c(-1), b(Vn));
-  }, V = () => r(!0), w = () => r(!1), x = z(
+    u !== -1 && (h(u), i(-1), x(Vn));
+  }, V = () => r(!0), b = () => r(!1), w = N(
     (v) => {
       const y = e.current, _ = t.current;
       if (y && _) {
-        const E = gt(y), C = gt(_), B = (v.pageX || v.clientX) - E.left, K = B / E.width;
-        if (K < 0) return;
-        let D = B - C.width / 2;
-        D < 0 && (D = 0), D > E.width - C.width && (D = -1), _.style.left = D > -1 ? `${D}px` : "auto", _.style.right = D > -1 ? "auto" : "0px", s(K * f);
+        const T = gt(y), k = gt(_), U = (v.pageX || v.clientX) - T.left, J = U / T.width;
+        if (J < 0) return;
+        let D = U - k.width / 2;
+        D < 0 && (D = 0), D > T.width - k.width && (D = -1), _.style.left = D > -1 ? `${D}px` : "auto", _.style.right = D > -1 ? "auto" : "0px", a(J * d);
       }
       V();
     },
-    [f]
+    [d]
   );
-  return /* @__PURE__ */ a.jsxs(wr, { children: [
-    /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ c.jsxs(br, { children: [
+    /* @__PURE__ */ c.jsx(
       Pt,
       {
         ref: e,
         value: [S],
-        onPointerLeave: w,
-        onPointerDown: w,
-        onPointerMove: x,
-        onValueChange: T,
+        onPointerLeave: b,
+        onPointerDown: b,
+        onPointerMove: w,
+        onValueChange: C,
         onValueCommit: j,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(br, { ref: t, $isVisible: n, children: /* @__PURE__ */ a.jsx(xr, { children: Be(i) }) })
+    /* @__PURE__ */ c.jsx(xr, { ref: t, $isVisible: n, children: /* @__PURE__ */ c.jsx(Sr, { children: Be(o) }) })
   ] });
 }
-function $s() {
-  const e = m((n) => n.currentTime), t = m((n) => n.duration);
-  return /* @__PURE__ */ a.jsxs(Pr, { children: [
-    /* @__PURE__ */ a.jsx(Rr, { children: Be(e) }),
-    /* @__PURE__ */ a.jsx(Lr, {}),
-    /* @__PURE__ */ a.jsx(jr, { children: Be(t) })
+function Ui() {
+  const e = p((n) => n.currentTime), t = p((n) => n.duration);
+  return /* @__PURE__ */ c.jsxs(Cr, { children: [
+    /* @__PURE__ */ c.jsx(jr, { children: Be(e) }),
+    /* @__PURE__ */ c.jsx(_r, {}),
+    /* @__PURE__ */ c.jsx(Lr, { children: Be(t) })
   ] });
 }
-const zs = 60, Bs = 95;
-function Us({ storageKey: e }) {
-  const t = m((p) => p.currentTime), n = m((p) => p.duration), r = m((p) => p.isPlaying), i = m((p) => p.setStartTime), s = q(!1), l = z(() => {
+const Wi = 60, Yi = 95;
+function qi({ storageKey: e }) {
+  const t = p((h) => h.currentTime), n = p((h) => h.duration), r = p((h) => h.isPlaying), o = p((h) => h.setStartTime), a = Z(!1), u = N(() => {
     window.localStorage.setItem(
       e,
       JSON.stringify({
@@ -3163,59 +3268,60 @@ function Us({ storageKey: e }) {
         duration: n
       })
     );
-  }, [t, n, e]), c = z(() => {
-    const p = window.localStorage.getItem(e);
-    if (p) {
-      const h = JSON.parse(p);
+  }, [t, n, e]), i = N(() => {
+    const h = window.localStorage.getItem(e);
+    if (h) {
+      const m = JSON.parse(h);
       return {
-        startTime: h.currentTime,
-        progress: h.currentTime / h.duration * 100
+        startTime: m.currentTime,
+        progress: m.currentTime / m.duration * 100
       };
     }
     return { startTime: null, progress: null };
-  }, [e]), u = z(() => {
-    t < zs || l();
-  }, [t, l]), f = z(() => {
-    if (s.current) return;
-    const { progress: p, startTime: h } = c();
-    h && p && p < Bs && (i(h), s.current = !0);
-  }, [c, i]);
-  return wt(() => u(), r ? 1e3 : null), J(() => {
-    f();
-  }, [f]), null;
-}
-function Xs({ url: e, watchHistory: t }) {
-  return /* @__PURE__ */ a.jsxs(Er, { children: [
-    /* @__PURE__ */ a.jsx(Ws, { url: e }),
-    t?.enabled && /* @__PURE__ */ a.jsx(Us, { storageKey: t.storageKey })
+  }, [e]), l = N(() => {
+    t < Wi || u();
+  }, [t, u]), d = N(() => {
+    if (a.current) return;
+    const { progress: h, startTime: m } = i();
+    m && h && h < Yi && (o(m), a.current = !0);
+  }, [i, o]);
+  return wt(() => l(), r ? 1e3 : null), Y(() => {
+    d();
+  }, [d]), null;
+}
+function Qi({ url: e, watchHistory: t }) {
+  return /* @__PURE__ */ c.jsxs(Pr, { children: [
+    /* @__PURE__ */ c.jsx(Zi, { url: e }),
+    t?.enabled && /* @__PURE__ */ c.jsx(qi, { storageKey: t.storageKey })
   ] });
 }
-function Ws({ url: e }) {
-  const t = m((n) => n.containerRef);
-  return /* @__PURE__ */ a.jsxs(Ir, { ref: t, children: [
-    /* @__PURE__ */ a.jsx(_r, { url: e, isLive: !1 }),
-    /* @__PURE__ */ a.jsx($r, {}),
-    /* @__PURE__ */ a.jsxs(Hr, { children: [
-      /* @__PURE__ */ a.jsx(Ns, {}),
-      /* @__PURE__ */ a.jsx(Dr, { children: /* @__PURE__ */ a.jsxs(Ar, { children: [
-        /* @__PURE__ */ a.jsx(Hs, {}),
-        /* @__PURE__ */ a.jsxs(Or, { children: [
-          /* @__PURE__ */ a.jsxs(Mr, { children: [
-            /* @__PURE__ */ a.jsx(Vs, {}),
-            /* @__PURE__ */ a.jsx(Wr, {}),
-            /* @__PURE__ */ a.jsx($s, {})
+function Zi({ url: e }) {
+  const t = p((n) => n.containerRef);
+  return /* @__PURE__ */ c.jsxs(Dr, { ref: t, children: [
+    /* @__PURE__ */ c.jsx(Ir, { url: e, isLive: !1 }),
+    /* @__PURE__ */ c.jsx(zr, {}),
+    /* @__PURE__ */ c.jsxs($r, { children: [
+      /* @__PURE__ */ c.jsx(zi, {}),
+      /* @__PURE__ */ c.jsx(Ar, { children: /* @__PURE__ */ c.jsxs(Or, { children: [
+        /* @__PURE__ */ c.jsx(Bi, {}),
+        /* @__PURE__ */ c.jsxs(Fr, { children: [
+          /* @__PURE__ */ c.jsxs(Vr, { children: [
+            /* @__PURE__ */ c.jsx($i, {}),
+            /* @__PURE__ */ c.jsx(Yr, {}),
+            /* @__PURE__ */ c.jsx(Ui, {})
           ] }),
-          /* @__PURE__ */ a.jsxs(Vr, { children: [
-            /* @__PURE__ */ a.jsx(Ur, {}),
-            /* @__PURE__ */ a.jsx(Nr, {})
+          /* @__PURE__ */ c.jsxs(Nr, { children: [
+            /* @__PURE__ */ c.jsx(Wr, {}),
+            /* @__PURE__ */ c.jsx(Hr, {})
           ] })
         ] })
       ] }) })
-    ] })
+    ] }),
+    /* @__PURE__ */ c.jsx(Hi, {})
   ] });
 }
 export {
-  Gs as LivePlayer,
-  Xs as VodPlayer
+  Ji as LivePlayer,
+  Qi as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map