@halibegic/react-video-player 0.0.10 → 0.0.12

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

@@ -1,12 +1,9 @@
-import Ue, { useLayoutEffect as vn, useEffect as be, useRef as ve, useState as ye, createContext as or, useContext as Je, createElement as gn, forwardRef as lt, useCallback as he } from "react";
-import { create as ir, useStore as ar } from "zustand";
-import * as ut from "@radix-ui/react-slider";
-import De from "hls.js";
-import * as Ke from "@radix-ui/react-dropdown-menu";
-function yn(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var Qe = { exports: {} }, qe = {};
+import Re, { useLayoutEffect as vo, useEffect as te, useRef as Y, useState as X, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as wo, forwardRef as yt, useCallback as B } from "react";
+import { create as $n, useStore as Hn } from "zustand";
+import * as vt from "@radix-ui/react-slider";
+import Ce from "hls.js";
+import * as Qe from "@radix-ui/react-dropdown-menu";
+var nt = { exports: {} }, Ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,21 +13,21 @@ var Qe = { exports: {} }, qe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Vt;
-function wn() {
-  if (Vt) return qe;
-  Vt = 1;
-  var e = Ue, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(d, u, f) {
-    var v, w = {}, L = null, R = null;
-    f !== void 0 && (L = "" + f), u.key !== void 0 && (L = "" + u.key), u.ref !== void 0 && (R = u.ref);
-    for (v in u) n.call(u, v) && !c.hasOwnProperty(v) && (w[v] = u[v]);
-    if (d && d.defaultProps) for (v in u = d.defaultProps, u) w[v] === void 0 && (w[v] = u[v]);
-    return { $$typeof: r, type: d, key: L, ref: R, props: w, _owner: i.current };
+var gn;
+function bo() {
+  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, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(u, s, d) {
+    var p, g = {}, w = null, v = null;
+    d !== void 0 && (w = "" + d), s.key !== void 0 && (w = "" + s.key), s.ref !== void 0 && (v = s.ref);
+    for (p in s) r.call(s, p) && !a.hasOwnProperty(p) && (g[p] = s[p]);
+    if (u && u.defaultProps) for (p in s = u.defaultProps, s) g[p] === void 0 && (g[p] = s[p]);
+    return { $$typeof: t, type: u, key: w, ref: v, props: g, _owner: i.current };
   }
-  return qe.Fragment = t, qe.jsx = l, qe.jsxs = l, qe;
+  return Ge.Fragment = n, Ge.jsx = l, Ge.jsxs = l, Ge;
 }
-var Ze = {};
+var Xe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,91 +37,91 @@ var Ze = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $t;
-function bn() {
-  return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Ue, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), E = Symbol.iterator, k = "@@iterator";
-    function _(o) {
+var yn;
+function xo() {
+  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"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), E = Symbol.iterator, T = "@@iterator";
+    function M(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = E && o[E] || o[k];
-      return typeof m == "function" ? m : null;
+      var f = E && o[E] || o[T];
+      return typeof f == "function" ? f : null;
     }
-    var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(o) {
+    var P = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(o) {
       {
-        for (var m = arguments.length, C = new Array(m > 1 ? m - 1 : 0), O = 1; O < m; O++)
-          C[O - 1] = arguments[O];
-        g("error", o, C);
+        for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), S = 1; S < f; S++)
+          y[S - 1] = arguments[S];
+        h("error", o, y);
       }
     }
-    function g(o, m, C) {
+    function h(o, f, y) {
       {
-        var O = j.ReactDebugCurrentFrame, W = O.getStackAddendum();
-        W !== "" && (m += "%s", C = C.concat([W]));
-        var X = C.map(function(z) {
-          return String(z);
+        var S = P.ReactDebugCurrentFrame, A = S.getStackAddendum();
+        A !== "" && (f += "%s", y = y.concat([A]));
+        var F = y.map(function(j) {
+          return String(j);
         });
-        X.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, X);
+        F.unshift("Warning: " + f), Function.prototype.apply.call(console[o], console, F);
       }
     }
-    var A = !1, p = !1, U = !1, de = !1, te = !1, ce;
-    ce = Symbol.for("react.module.reference");
-    function M(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === n || o === c || te || o === i || o === f || o === v || de || o === R || A || p || U || typeof o == "object" && o !== null && (o.$$typeof === L || o.$$typeof === w || o.$$typeof === l || o.$$typeof === d || o.$$typeof === u || // This needs to include all possible module reference object
+    var L = !1, D = !1, C = !1, x = !1, W = !1, J;
+    J = Symbol.for("react.module.reference");
+    function I(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === r || o === a || W || o === i || o === d || o === p || x || o === v || L || D || C || typeof o == "object" && o !== null && (o.$$typeof === w || o.$$typeof === g || o.$$typeof === l || o.$$typeof === u || o.$$typeof === s || // 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 === ce || o.getModuleId !== void 0));
+      o.$$typeof === J || o.getModuleId !== void 0));
     }
-    function xe(o, m, C) {
-      var O = o.displayName;
-      if (O)
-        return O;
-      var W = m.displayName || m.name || "";
-      return W !== "" ? C + "(" + W + ")" : C;
+    function _e(o, f, y) {
+      var S = o.displayName;
+      if (S)
+        return S;
+      var A = f.displayName || f.name || "";
+      return A !== "" ? y + "(" + A + ")" : y;
     }
-    function re(o) {
+    function fe(o) {
       return o.displayName || "Context";
     }
-    function J(o) {
+    function q(o) {
       if (o == 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")
+      if (typeof o.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
       switch (o) {
-        case n:
+        case r:
           return "Fragment";
-        case t:
+        case n:
           return "Portal";
-        case c:
+        case a:
           return "Profiler";
         case i:
           return "StrictMode";
-        case f:
+        case d:
           return "Suspense";
-        case v:
+        case p:
           return "SuspenseList";
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case d:
-            var m = o;
-            return re(m) + ".Consumer";
-          case l:
-            var C = o;
-            return re(C._context) + ".Provider";
           case u:
-            return xe(o, o.render, "ForwardRef");
-          case w:
-            var O = o.displayName || null;
-            return O !== null ? O : J(o.type) || "Memo";
-          case L: {
-            var W = o, X = W._payload, z = W._init;
+            var f = o;
+            return fe(f) + ".Consumer";
+          case l:
+            var y = o;
+            return fe(y._context) + ".Provider";
+          case s:
+            return _e(o, o.render, "ForwardRef");
+          case g:
+            var S = o.displayName || null;
+            return S !== null ? S : q(o.type) || "Memo";
+          case w: {
+            var A = o, F = A._payload, j = A._init;
             try {
-              return J(z(X));
+              return q(j(F));
             } catch {
               return null;
             }
@@ -132,18 +129,18 @@ function bn() {
         }
       return null;
     }
-    var ne = Object.assign, K = 0, Se, Q, pe, Pe, Ee, Re, P;
-    function S() {
+    var ne = Object.assign, ue = 0, xe, K, Ye, re, me, ge, Z;
+    function Ie() {
     }
-    S.__reactDisabledLog = !0;
-    function T() {
+    Ie.__reactDisabledLog = !0;
+    function qe() {
       {
-        if (K === 0) {
-          Se = console.log, Q = console.info, pe = console.warn, Pe = console.error, Ee = console.group, Re = console.groupCollapsed, P = console.groupEnd;
+        if (ue === 0) {
+          xe = console.log, K = console.info, Ye = console.warn, re = console.error, me = console.group, ge = console.groupCollapsed, Z = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
-            value: S,
+            value: Ie,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -156,12 +153,12 @@ function bn() {
             groupEnd: o
           });
         }
-        K++;
+        ue++;
       }
     }
-    function D() {
+    function De() {
       {
-        if (K--, K === 0) {
+        if (ue--, ue === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -169,319 +166,319 @@ function bn() {
           };
           Object.defineProperties(console, {
             log: ne({}, o, {
-              value: Se
+              value: xe
             }),
             info: ne({}, o, {
-              value: Q
+              value: K
             }),
             warn: ne({}, o, {
-              value: pe
+              value: Ye
             }),
             error: ne({}, o, {
-              value: Pe
+              value: re
             }),
             group: ne({}, o, {
-              value: Ee
+              value: me
             }),
             groupCollapsed: ne({}, o, {
-              value: Re
+              value: ge
             }),
             groupEnd: ne({}, o, {
-              value: P
+              value: Z
             })
           });
         }
-        K < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ue < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var s = j.ReactCurrentDispatcher, V;
-    function y(o, m, C) {
+    var pe = P.ReactCurrentDispatcher, ye;
+    function se(o, f, y) {
       {
-        if (V === void 0)
+        if (ye === void 0)
           try {
             throw Error();
-          } catch (W) {
-            var O = W.stack.trim().match(/\n( *(at )?)/);
-            V = O && O[1] || "";
+          } catch (A) {
+            var S = A.stack.trim().match(/\n( *(at )?)/);
+            ye = S && S[1] || "";
           }
         return `
-` + V + o;
+` + ye + o;
       }
     }
-    var G = !1, N;
+    var ae = !1, ve;
     {
-      var H = typeof WeakMap == "function" ? WeakMap : Map;
-      N = new H();
+      var Ae = typeof WeakMap == "function" ? WeakMap : Map;
+      ve = new Ae();
     }
-    function h(o, m) {
-      if (!o || G)
+    function ce(o, f) {
+      if (!o || ae)
         return "";
       {
-        var C = N.get(o);
-        if (C !== void 0)
-          return C;
+        var y = ve.get(o);
+        if (y !== void 0)
+          return y;
       }
-      var O;
-      G = !0;
-      var W = Error.prepareStackTrace;
+      var S;
+      ae = !0;
+      var A = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var X;
-      X = s.current, s.current = null, T();
+      var F;
+      F = pe.current, pe.current = null, qe();
       try {
-        if (m) {
-          var z = function() {
+        if (f) {
+          var j = function() {
             throw Error();
           };
-          if (Object.defineProperty(z.prototype, "props", {
+          if (Object.defineProperty(j.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(z, []);
-            } catch (we) {
-              O = we;
+              Reflect.construct(j, []);
+            } catch (Q) {
+              S = Q;
             }
-            Reflect.construct(o, [], z);
+            Reflect.construct(o, [], j);
           } else {
             try {
-              z.call();
-            } catch (we) {
-              O = we;
+              j.call();
+            } catch (Q) {
+              S = Q;
             }
-            o.call(z.prototype);
+            o.call(j.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (we) {
-            O = we;
+          } catch (Q) {
+            S = Q;
           }
           o();
         }
-      } catch (we) {
-        if (we && O && typeof we.stack == "string") {
-          for (var $ = we.stack.split(`
-`), ge = O.stack.split(`
-`), se = $.length - 1, ue = ge.length - 1; se >= 1 && ue >= 0 && $[se] !== ge[ue]; )
-            ue--;
-          for (; se >= 1 && ue >= 0; se--, ue--)
-            if ($[se] !== ge[ue]) {
-              if (se !== 1 || ue !== 1)
+      } catch (Q) {
+        if (Q && S && typeof Q.stack == "string") {
+          for (var R = Q.stack.split(`
+`), G = S.stack.split(`
+`), N = R.length - 1, $ = G.length - 1; N >= 1 && $ >= 0 && R[N] !== G[$]; )
+            $--;
+          for (; N >= 1 && $ >= 0; N--, $--)
+            if (R[N] !== G[$]) {
+              if (N !== 1 || $ !== 1)
                 do
-                  if (se--, ue--, ue < 0 || $[se] !== ge[ue]) {
-                    var Te = `
-` + $[se].replace(" at new ", " at ");
-                    return o.displayName && Te.includes("<anonymous>") && (Te = Te.replace("<anonymous>", o.displayName)), typeof o == "function" && N.set(o, Te), Te;
+                  if (N--, $--, $ < 0 || R[N] !== G[$]) {
+                    var oe = `
+` + R[N].replace(" at new ", " at ");
+                    return o.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", o.displayName)), typeof o == "function" && ve.set(o, oe), oe;
                   }
-                while (se >= 1 && ue >= 0);
+                while (N >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        G = !1, s.current = X, D(), Error.prepareStackTrace = W;
+        ae = !1, pe.current = F, De(), Error.prepareStackTrace = A;
       }
-      var He = o ? o.displayName || o.name : "", Oe = He ? y(He) : "";
-      return typeof o == "function" && N.set(o, Oe), Oe;
+      var Fe = o ? o.displayName || o.name : "", Se = Fe ? se(Fe) : "";
+      return typeof o == "function" && ve.set(o, Se), Se;
     }
-    function oe(o, m, C) {
-      return h(o, !1);
+    function qr(o, f, y) {
+      return ce(o, !1);
     }
-    function ae(o) {
-      var m = o.prototype;
-      return !!(m && m.isReactComponent);
+    function Zr(o) {
+      var f = o.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function F(o, m, C) {
+    function et(o, f, y) {
       if (o == null)
         return "";
       if (typeof o == "function")
-        return h(o, ae(o));
+        return ce(o, Zr(o));
       if (typeof o == "string")
-        return y(o);
+        return se(o);
       switch (o) {
-        case f:
-          return y("Suspense");
-        case v:
-          return y("SuspenseList");
+        case d:
+          return se("Suspense");
+        case p:
+          return se("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
-          case u:
-            return oe(o.render);
-          case w:
-            return F(o.type, m, C);
-          case L: {
-            var O = o, W = O._payload, X = O._init;
+          case s:
+            return qr(o.render);
+          case g:
+            return et(o.type, f, y);
+          case w: {
+            var S = o, A = S._payload, F = S._init;
             try {
-              return F(X(W), m, C);
+              return et(F(A), f, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, B = {}, le = j.ReactDebugCurrentFrame;
-    function ke(o) {
+    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = P.ReactDebugCurrentFrame;
+    function tt(o) {
       if (o) {
-        var m = o._owner, C = F(o.type, o._source, m ? m.type : null);
-        le.setExtraStackFrame(C);
+        var f = o._owner, y = et(o.type, o._source, f ? f.type : null);
+        tn.setExtraStackFrame(y);
       } else
-        le.setExtraStackFrame(null);
+        tn.setExtraStackFrame(null);
     }
-    function fe(o, m, C, O, W) {
+    function Gr(o, f, y, S, A) {
       {
-        var X = Function.call.bind(ie);
-        for (var z in o)
-          if (X(o, z)) {
-            var $ = void 0;
+        var F = Function.call.bind(Ze);
+        for (var j in o)
+          if (F(o, j)) {
+            var R = void 0;
             try {
-              if (typeof o[z] != "function") {
-                var ge = Error((O || "React class") + ": " + C + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ge.name = "Invariant Violation", ge;
+              if (typeof o[j] != "function") {
+                var G = Error((S || "React class") + ": " + y + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw G.name = "Invariant Violation", G;
               }
-              $ = o[z](m, z, O, C, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (se) {
-              $ = se;
+              R = o[j](f, j, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (N) {
+              R = N;
             }
-            $ && !($ instanceof Error) && (ke(W), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", O || "React class", C, z, typeof $), ke(null)), $ instanceof Error && !($.message in B) && (B[$.message] = !0, ke(W), x("Failed %s type: %s", C, $.message), ke(null));
+            R && !(R instanceof Error) && (tt(A), b("%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).", S || "React class", y, j, typeof R), tt(null)), R instanceof Error && !(R.message in en) && (en[R.message] = !0, tt(A), b("Failed %s type: %s", y, R.message), tt(null));
           }
       }
     }
-    var Fe = Array.isArray;
-    function Ae(o) {
-      return Fe(o);
+    var Xr = Array.isArray;
+    function Pt(o) {
+      return Xr(o);
     }
-    function Ce(o) {
+    function Jr(o) {
       {
-        var m = typeof Symbol == "function" && Symbol.toStringTag, C = m && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return C;
+        var f = typeof Symbol == "function" && Symbol.toStringTag, y = f && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return y;
       }
     }
-    function I(o) {
+    function Kr(o) {
       try {
-        return ee(o), !1;
+        return nn(o), !1;
       } catch {
         return !0;
       }
     }
-    function ee(o) {
+    function nn(o) {
       return "" + o;
     }
-    function Ne(o) {
-      if (I(o))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(o)), ee(o);
+    function rn(o) {
+      if (Kr(o))
+        return b("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);
     }
-    var Ve = j.ReactCurrentOwner, _e = {
+    var on = P.ReactCurrentOwner, Qr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, At, jt;
-    function Kr(o) {
-      if (ie.call(o, "ref")) {
-        var m = Object.getOwnPropertyDescriptor(o, "ref").get;
-        if (m && m.isReactWarning)
+    }, sn, an;
+    function eo(o) {
+      if (Ze.call(o, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(o, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return o.ref !== void 0;
     }
-    function Qr(o) {
-      if (ie.call(o, "key")) {
-        var m = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (m && m.isReactWarning)
+    function to(o) {
+      if (Ze.call(o, "key")) {
+        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return o.key !== void 0;
     }
-    function en(o, m) {
-      typeof o.ref == "string" && Ve.current;
+    function no(o, f) {
+      typeof o.ref == "string" && on.current;
     }
-    function tn(o, m) {
+    function ro(o, f) {
       {
-        var C = function() {
-          At || (At = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+        var y = function() {
+          sn || (sn = !0, b("%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));
         };
-        C.isReactWarning = !0, Object.defineProperty(o, "key", {
-          get: C,
+        y.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: y,
           configurable: !0
         });
       }
     }
-    function rn(o, m) {
+    function oo(o, f) {
       {
-        var C = function() {
-          jt || (jt = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", m));
+        var y = function() {
+          an || (an = !0, b("%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));
         };
-        C.isReactWarning = !0, Object.defineProperty(o, "ref", {
-          get: C,
+        y.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: y,
           configurable: !0
         });
       }
     }
-    var nn = function(o, m, C, O, W, X, z) {
-      var $ = {
+    var io = function(o, f, y, S, A, F, j) {
+      var R = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: r,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: o,
-        key: m,
-        ref: C,
-        props: z,
+        key: f,
+        ref: y,
+        props: j,
         // Record the component responsible for creating this element.
-        _owner: X
+        _owner: F
       };
-      return $._store = {}, Object.defineProperty($._store, "validated", {
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty($, "_self", {
+      }), Object.defineProperty(R, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
-      }), Object.defineProperty($, "_source", {
+        value: S
+      }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: W
-      }), Object.freeze && (Object.freeze($.props), Object.freeze($)), $;
+        value: A
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function on(o, m, C, O, W) {
+    function so(o, f, y, S, A) {
       {
-        var X, z = {}, $ = null, ge = null;
-        C !== void 0 && (Ne(C), $ = "" + C), Qr(m) && (Ne(m.key), $ = "" + m.key), Kr(m) && (ge = m.ref, en(m, W));
-        for (X in m)
-          ie.call(m, X) && !_e.hasOwnProperty(X) && (z[X] = m[X]);
+        var F, j = {}, R = null, G = null;
+        y !== void 0 && (rn(y), R = "" + y), to(f) && (rn(f.key), R = "" + f.key), eo(f) && (G = f.ref, no(f, A));
+        for (F in f)
+          Ze.call(f, F) && !Qr.hasOwnProperty(F) && (j[F] = f[F]);
         if (o && o.defaultProps) {
-          var se = o.defaultProps;
-          for (X in se)
-            z[X] === void 0 && (z[X] = se[X]);
+          var N = o.defaultProps;
+          for (F in N)
+            j[F] === void 0 && (j[F] = N[F]);
         }
-        if ($ || ge) {
-          var ue = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          $ && tn(z, ue), ge && rn(z, ue);
+        if (R || G) {
+          var $ = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          R && ro(j, $), G && oo(j, $);
         }
-        return nn(o, $, ge, W, O, Ve.current, z);
+        return io(o, R, G, A, S, on.current, j);
       }
     }
-    var pt = j.ReactCurrentOwner, Lt = j.ReactDebugCurrentFrame;
-    function $e(o) {
+    var Rt = P.ReactCurrentOwner, cn = P.ReactDebugCurrentFrame;
+    function Oe(o) {
       if (o) {
-        var m = o._owner, C = F(o.type, o._source, m ? m.type : null);
-        Lt.setExtraStackFrame(C);
+        var f = o._owner, y = et(o.type, o._source, f ? f.type : null);
+        cn.setExtraStackFrame(y);
       } else
-        Lt.setExtraStackFrame(null);
+        cn.setExtraStackFrame(null);
     }
-    var ht;
-    ht = !1;
-    function mt(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === r;
+    var jt;
+    jt = !1;
+    function Lt(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === t;
     }
-    function It() {
+    function ln() {
       {
-        if (pt.current) {
-          var o = J(pt.current.type);
+        if (Rt.current) {
+          var o = q(Rt.current.type);
           if (o)
             return `
 
@@ -490,774 +487,747 @@ Check the render method of \`` + o + "`.";
         return "";
       }
     }
-    function an(o) {
+    function ao(o) {
       return "";
     }
-    var Ot = {};
-    function sn(o) {
+    var un = {};
+    function co(o) {
       {
-        var m = It();
-        if (!m) {
-          var C = typeof o == "string" ? o : o.displayName || o.name;
-          C && (m = `
+        var f = ln();
+        if (!f) {
+          var y = typeof o == "string" ? o : o.displayName || o.name;
+          y && (f = `
 
-Check the top-level render call using <` + C + ">.");
+Check the top-level render call using <` + y + ">.");
         }
-        return m;
+        return f;
       }
     }
-    function Dt(o, m) {
+    function dn(o, f) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var C = sn(m);
-        if (Ot[C])
+        var y = co(f);
+        if (un[y])
           return;
-        Ot[C] = !0;
-        var O = "";
-        o && o._owner && o._owner !== pt.current && (O = " It was passed a child from " + J(o._owner.type) + "."), $e(o), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', C, O), $e(null);
+        un[y] = !0;
+        var S = "";
+        o && o._owner && o._owner !== Rt.current && (S = " It was passed a child from " + q(o._owner.type) + "."), Oe(o), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), Oe(null);
       }
     }
-    function Mt(o, m) {
+    function fn(o, f) {
       {
         if (typeof o != "object")
           return;
-        if (Ae(o))
-          for (var C = 0; C < o.length; C++) {
-            var O = o[C];
-            mt(O) && Dt(O, m);
+        if (Pt(o))
+          for (var y = 0; y < o.length; y++) {
+            var S = o[y];
+            Lt(S) && dn(S, f);
           }
-        else if (mt(o))
+        else if (Lt(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var W = _(o);
-          if (typeof W == "function" && W !== o.entries)
-            for (var X = W.call(o), z; !(z = X.next()).done; )
-              mt(z.value) && Dt(z.value, m);
+          var A = M(o);
+          if (typeof A == "function" && A !== o.entries)
+            for (var F = A.call(o), j; !(j = F.next()).done; )
+              Lt(j.value) && dn(j.value, f);
         }
       }
     }
-    function cn(o) {
+    function lo(o) {
       {
-        var m = o.type;
-        if (m == null || typeof m == "string")
+        var f = o.type;
+        if (f == null || typeof f == "string")
           return;
-        var C;
-        if (typeof m == "function")
-          C = m.propTypes;
-        else if (typeof m == "object" && (m.$$typeof === u || // Note: Memo only checks outer props here.
+        var y;
+        if (typeof f == "function")
+          y = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === s || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        m.$$typeof === w))
-          C = m.propTypes;
+        f.$$typeof === g))
+          y = f.propTypes;
         else
           return;
-        if (C) {
-          var O = J(m);
-          fe(C, o.props, "prop", O, o);
-        } else if (m.PropTypes !== void 0 && !ht) {
-          ht = !0;
-          var W = J(m);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", W || "Unknown");
+        if (y) {
+          var S = q(f);
+          Gr(y, o.props, "prop", S, o);
+        } else if (f.PropTypes !== void 0 && !jt) {
+          jt = !0;
+          var A = q(f);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
         }
-        typeof m.getDefaultProps == "function" && !m.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 && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ln(o) {
+    function uo(o) {
       {
-        for (var m = Object.keys(o.props), C = 0; C < m.length; C++) {
-          var O = m[C];
-          if (O !== "children" && O !== "key") {
-            $e(o), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), $e(null);
+        for (var f = Object.keys(o.props), y = 0; y < f.length; y++) {
+          var S = f[y];
+          if (S !== "children" && S !== "key") {
+            Oe(o), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), Oe(null);
             break;
           }
         }
-        o.ref !== null && ($e(o), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        o.ref !== null && (Oe(o), b("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
-    var Ft = {};
-    function Nt(o, m, C, O, W, X) {
+    var pn = {};
+    function hn(o, f, y, S, A, F) {
       {
-        var z = M(o);
-        if (!z) {
-          var $ = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && ($ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ge = an();
-          ge ? $ += ge : $ += It();
-          var se;
-          o === null ? se = "null" : Ae(o) ? se = "array" : o !== void 0 && o.$$typeof === r ? (se = "<" + (J(o.type) || "Unknown") + " />", $ = " Did you accidentally export a JSX literal instead of a component?") : se = typeof o, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, $);
+        var j = I(o);
+        if (!j) {
+          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 G = ao();
+          G ? R += G : R += ln();
+          var N;
+          o === null ? N = "null" : Pt(o) ? N = "array" : o !== void 0 && o.$$typeof === t ? (N = "<" + (q(o.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : N = typeof o, b("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 ue = on(o, m, C, W, X);
-        if (ue == null)
-          return ue;
-        if (z) {
-          var Te = m.children;
-          if (Te !== void 0)
-            if (O)
-              if (Ae(Te)) {
-                for (var He = 0; He < Te.length; He++)
-                  Mt(Te[He], o);
-                Object.freeze && Object.freeze(Te);
+        var $ = so(o, f, y, A, F);
+        if ($ == null)
+          return $;
+        if (j) {
+          var oe = f.children;
+          if (oe !== void 0)
+            if (S)
+              if (Pt(oe)) {
+                for (var Fe = 0; Fe < oe.length; Fe++)
+                  fn(oe[Fe], o);
+                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.");
+                b("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
-              Mt(Te, o);
+              fn(oe, o);
         }
-        if (ie.call(m, "key")) {
-          var Oe = J(o), we = Object.keys(m).filter(function(mn) {
-            return mn !== "key";
-          }), vt = we.length > 0 ? "{key: someKey, " + we.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ft[Oe + vt]) {
-            var hn = we.length > 0 ? "{" + we.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+        if (Ze.call(f, "key")) {
+          var Se = q(o), Q = Object.keys(f).filter(function(yo) {
+            return yo !== "key";
+          }), _t = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!pn[Se + _t]) {
+            var go = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
+            b(`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} />`, vt, Oe, hn, Oe), Ft[Oe + vt] = !0;
+  <%s key={someKey} {...props} />`, _t, Se, go, Se), pn[Se + _t] = !0;
           }
         }
-        return o === n ? ln(ue) : cn(ue), ue;
+        return o === r ? uo($) : lo($), $;
       }
     }
-    function un(o, m, C) {
-      return Nt(o, m, C, !0);
+    function fo(o, f, y) {
+      return hn(o, f, y, !0);
     }
-    function dn(o, m, C) {
-      return Nt(o, m, C, !1);
+    function po(o, f, y) {
+      return hn(o, f, y, !1);
     }
-    var fn = dn, pn = un;
-    Ze.Fragment = n, Ze.jsx = fn, Ze.jsxs = pn;
-  })()), Ze;
+    var ho = po, mo = fo;
+    Xe.Fragment = r, Xe.jsx = ho, Xe.jsxs = mo;
+  })()), Xe;
 }
-var Ht;
-function xn() {
-  return Ht || (Ht = 1, process.env.NODE_ENV === "production" ? Qe.exports = wn() : Qe.exports = bn()), Qe.exports;
-}
-var a = xn();
-const Sn = typeof window < "u" ? vn : be;
-function dt(e, r) {
-  const t = ve(e);
-  Sn(() => {
-    t.current = e;
-  }, [e]), be(() => {
-    if (r === null)
+var vn;
+function So() {
+  return vn || (vn = 1, process.env.NODE_ENV === "production" ? nt.exports = bo() : nt.exports = xo()), nt.exports;
+}
+var c = So();
+const Co = typeof window < "u" ? vo : te;
+function wt(e, t) {
+  const n = Y(e);
+  Co(() => {
+    n.current = e;
+  }, [e]), te(() => {
+    if (t === null)
       return;
-    const n = setInterval(() => {
-      t.current();
-    }, r);
+    const r = setInterval(() => {
+      n.current();
+    }, t);
     return () => {
-      clearInterval(n);
+      clearInterval(r);
     };
-  }, [r]);
+  }, [t]);
 }
-function Cn(e) {
-  const [, r] = ye(0);
-  dt(() => r((t) => t + 1), e);
+function ko(e) {
+  const [, t] = X(0);
+  wt(() => t((n) => n + 1), e);
 }
-const En = (e, r) => ir((t) => ({
+const To = (e, t) => $n((n) => ({
   delay: 0,
   startDate: e,
-  endDate: r,
+  endDate: t,
   startTime: e.getTime(),
-  endTime: r.getTime(),
-  setDelay: (n) => t({ delay: n }),
-  setStartDate: (n) => t({ startDate: n }),
-  setEndDate: (n) => t({ endDate: n })
-})), sr = or(
+  endTime: t.getTime(),
+  setDelay: (r) => n({ delay: r }),
+  setStartDate: (r) => n({ startDate: r }),
+  setEndDate: (r) => n({ endDate: r })
+})), zn = Nn(
   null
-), Tn = ({
+), Eo = ({
   children: e,
-  startDate: r,
-  endDate: t
+  startDate: t,
+  endDate: n
 }) => {
-  const n = ve(
+  const r = Y(
     null
   );
-  return n.current || (n.current = En(r, t)), /* @__PURE__ */ a.jsx(sr.Provider, { value: n.current, children: e });
-}, me = (e) => {
-  const r = Je(sr);
-  if (!r)
+  return r.current || (r.current = To(t, n)), /* @__PURE__ */ c.jsx(zn.Provider, { value: r.current, children: e });
+}, U = (e) => {
+  const t = Zt(zn);
+  if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return ar(r, e);
+  return Hn(t, e);
 };
-var et = { exports: {} }, q = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var zt;
-function Pn() {
-  if (zt) return q;
-  zt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, w = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
-  function g(p) {
-    if (typeof p == "object" && p !== null) {
-      var U = p.$$typeof;
-      switch (U) {
-        case r:
-          switch (p = p.type, p) {
-            case u:
-            case f:
-            case n:
-            case c:
-            case i:
-            case w:
-              return p;
-            default:
-              switch (p = p && p.$$typeof, p) {
-                case d:
-                case v:
-                case E:
-                case R:
-                case l:
-                  return p;
-                default:
-                  return U;
-              }
-          }
-        case t:
-          return U;
-      }
-    }
+var ee = function() {
+  return ee = Object.assign || function(t) {
+    for (var n, r = 1, i = arguments.length; r < i; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, ee.apply(this, arguments);
+};
+function je(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, i = t.length, a; r < i; 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 Po(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__ */ Po(
+  function(e) {
+    return Ro.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
-  function A(p) {
-    return g(p) === f;
+  /* Z+1 */
+), V = "-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 z(e, 0) ^ 45 ? (((t << 2 ^ z(e, 0)) << 2 ^ z(e, 1)) << 2 ^ z(e, 2)) << 2 ^ z(e, 3) : 0;
+}
+function Yn(e) {
+  return e.trim();
+}
+function he(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function k(e, t, n) {
+  return e.replace(t, n);
+}
+function at(e, t, n) {
+  return e.indexOf(t, n);
+}
+function z(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function Ve(e, t, n) {
+  return e.slice(t, n);
+}
+function de(e) {
+  return e.length;
+}
+function qn(e) {
+  return e.length;
+}
+function Je(e, t) {
+  return t.push(e), e;
+}
+function Do(e, t) {
+  return e.map(t).join("");
+}
+function wn(e, t) {
+  return e.filter(function(n) {
+    return !he(n, t);
+  });
+}
+var xt = 1, Ne = 1, Zn = 0, ie = 0, H = 0, Ue = "";
+function St(e, t, n, r, i, a, l, u) {
+  return { value: e, root: t, parent: n, type: r, props: i, children: a, line: xt, column: Ne, length: l, return: "", siblings: u };
+}
+function we(e, t) {
+  return Ft(St("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function Me(e) {
+  for (; e.root; )
+    e = we(e.root, { children: [e] });
+  Je(e, e.siblings);
+}
+function Ao() {
+  return H;
+}
+function Oo() {
+  return H = ie > 0 ? z(Ue, --ie) : 0, Ne--, H === 10 && (Ne = 1, xt--), H;
+}
+function le() {
+  return H = ie < Zn ? z(Ue, ie++) : 0, Ne++, H === 10 && (Ne = 1, xt++), H;
+}
+function Ee() {
+  return z(Ue, ie);
+}
+function ct() {
+  return ie;
+}
+function Ct(e, t) {
+  return Ve(Ue, e, t);
+}
+function Mt(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
   }
-  return q.AsyncMode = u, q.ConcurrentMode = f, q.ContextConsumer = d, q.ContextProvider = l, q.Element = r, q.ForwardRef = v, q.Fragment = n, q.Lazy = E, q.Memo = R, q.Portal = t, q.Profiler = c, q.StrictMode = i, q.Suspense = w, q.isAsyncMode = function(p) {
-    return A(p) || g(p) === u;
-  }, q.isConcurrentMode = A, q.isContextConsumer = function(p) {
-    return g(p) === d;
-  }, q.isContextProvider = function(p) {
-    return g(p) === l;
-  }, q.isElement = function(p) {
-    return typeof p == "object" && p !== null && p.$$typeof === r;
-  }, q.isForwardRef = function(p) {
-    return g(p) === v;
-  }, q.isFragment = function(p) {
-    return g(p) === n;
-  }, q.isLazy = function(p) {
-    return g(p) === E;
-  }, q.isMemo = function(p) {
-    return g(p) === R;
-  }, q.isPortal = function(p) {
-    return g(p) === t;
-  }, q.isProfiler = function(p) {
-    return g(p) === c;
-  }, q.isStrictMode = function(p) {
-    return g(p) === i;
-  }, q.isSuspense = function(p) {
-    return g(p) === w;
-  }, q.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === n || p === f || p === c || p === i || p === w || p === L || typeof p == "object" && p !== null && (p.$$typeof === E || p.$$typeof === R || p.$$typeof === l || p.$$typeof === d || p.$$typeof === v || p.$$typeof === _ || p.$$typeof === j || p.$$typeof === x || p.$$typeof === k);
-  }, q.typeOf = g, q;
-}
-var Z = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Yt;
-function Rn() {
-  return Yt || (Yt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, c = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, v = e ? Symbol.for("react.forward_ref") : 60112, w = e ? Symbol.for("react.suspense") : 60113, L = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, k = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
-    function g(h) {
-      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === f || h === c || h === i || h === w || h === L || typeof h == "object" && h !== null && (h.$$typeof === E || h.$$typeof === R || h.$$typeof === l || h.$$typeof === d || h.$$typeof === v || h.$$typeof === _ || h.$$typeof === j || h.$$typeof === x || h.$$typeof === k);
-    }
-    function A(h) {
-      if (typeof h == "object" && h !== null) {
-        var oe = h.$$typeof;
-        switch (oe) {
-          case r:
-            var ae = h.type;
-            switch (ae) {
-              case u:
-              case f:
-              case n:
-              case c:
-              case i:
-              case w:
-                return ae;
-              default:
-                var F = ae && ae.$$typeof;
-                switch (F) {
-                  case d:
-                  case v:
-                  case E:
-                  case R:
-                  case l:
-                    return F;
-                  default:
-                    return oe;
-                }
-            }
-          case t:
-            return oe;
-        }
-      }
-    }
-    var p = u, U = f, de = d, te = l, ce = r, M = v, xe = n, re = E, J = R, ne = t, K = c, Se = i, Q = w, pe = !1;
-    function Pe(h) {
-      return pe || (pe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Ee(h) || A(h) === u;
-    }
-    function Ee(h) {
-      return A(h) === f;
-    }
-    function Re(h) {
-      return A(h) === d;
-    }
-    function P(h) {
-      return A(h) === l;
-    }
-    function S(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === r;
-    }
-    function T(h) {
-      return A(h) === v;
-    }
-    function D(h) {
-      return A(h) === n;
-    }
-    function s(h) {
-      return A(h) === E;
-    }
-    function V(h) {
-      return A(h) === R;
-    }
-    function y(h) {
-      return A(h) === t;
-    }
-    function G(h) {
-      return A(h) === c;
-    }
-    function N(h) {
-      return A(h) === i;
-    }
-    function H(h) {
-      return A(h) === w;
+  return 0;
+}
+function Fo(e) {
+  return xt = Ne = 1, Zn = de(Ue = e), ie = 0, [];
+}
+function Mo(e) {
+  return Ue = "", e;
+}
+function It(e) {
+  return Yn(Ct(ie - 1, Vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Vo(e) {
+  for (; (H = Ee()) && H < 33; )
+    le();
+  return Mt(e) > 2 || Mt(H) > 3 ? "" : " ";
+}
+function No(e, t) {
+  for (; --t && le() && !(H < 48 || H > 102 || H > 57 && H < 65 || H > 70 && H < 97); )
+    ;
+  return Ct(e, ct() + (t < 6 && Ee() == 32 && le() == 32));
+}
+function Vt(e) {
+  for (; le(); )
+    switch (H) {
+      // ] ) " '
+      case e:
+        return ie;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Vt(H);
+        break;
+      // (
+      case 40:
+        e === 41 && Vt(e);
+        break;
+      // \
+      case 92:
+        le();
+        break;
     }
-    Z.AsyncMode = p, Z.ConcurrentMode = U, Z.ContextConsumer = de, Z.ContextProvider = te, Z.Element = ce, Z.ForwardRef = M, Z.Fragment = xe, Z.Lazy = re, Z.Memo = J, Z.Portal = ne, Z.Profiler = K, Z.StrictMode = Se, Z.Suspense = Q, Z.isAsyncMode = Pe, Z.isConcurrentMode = Ee, Z.isContextConsumer = Re, Z.isContextProvider = P, Z.isElement = S, Z.isForwardRef = T, Z.isFragment = D, Z.isLazy = s, Z.isMemo = V, Z.isPortal = y, Z.isProfiler = G, Z.isStrictMode = N, Z.isSuspense = H, Z.isValidElementType = g, Z.typeOf = A;
-  })()), Z;
-}
-var Bt;
-function cr() {
-  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? et.exports = Pn() : et.exports = Rn()), et.exports;
-}
-var Rt = cr();
-function kn(e) {
-  function r(P, S, T, D, s) {
-    for (var V = 0, y = 0, G = 0, N = 0, H, h, oe = 0, ae = 0, F, ie = F = H = 0, B = 0, le = 0, ke = 0, fe = 0, Fe = T.length, Ae = Fe - 1, Ce, I = "", ee = "", Ne = "", Ve = "", _e; B < Fe; ) {
-      if (h = T.charCodeAt(B), B === Ae && y + N + G + V !== 0 && (y !== 0 && (h = y === 47 ? 10 : 47), N = G = V = 0, Fe++, Ae++), y + N + G + V === 0) {
-        if (B === Ae && (0 < le && (I = I.replace(L, "")), 0 < I.trim().length)) {
-          switch (h) {
-            case 32:
-            case 9:
-            case 59:
-            case 13:
-            case 10:
-              break;
-            default:
-              I += T.charAt(B);
-          }
-          h = 59;
+  return ie;
+}
+function $o(e, t) {
+  for (; le() && e + H !== 57; )
+    if (e + H === 84 && Ee() === 47)
+      break;
+  return "/*" + Ct(t, ie - 1) + "*" + Xt(e === 47 ? e : le());
+}
+function Ho(e) {
+  for (; !Mt(Ee()); )
+    le();
+  return Ct(e, ie);
+}
+function zo(e) {
+  return Mo(lt("", null, null, null, [""], e = Fo(e), 0, [0], e));
+}
+function lt(e, t, n, r, i, a, l, u, s) {
+  for (var d = 0, p = 0, g = l, w = 0, v = 0, E = 0, T = 1, M = 1, P = 1, b = 0, h = "", L = i, D = a, C = r, x = h; M; )
+    switch (E = b, b = le()) {
+      // (
+      case 40:
+        if (E != 108 && z(x, g - 1) == 58) {
+          at(x += k(It(b), "&", "&\f"), "&\f", Wn(d ? u[d - 1] : 0)) != -1 && (P = -1);
+          break;
         }
-        switch (h) {
-          case 123:
-            for (I = I.trim(), H = I.charCodeAt(0), F = 1, fe = ++B; B < Fe; ) {
-              switch (h = T.charCodeAt(B)) {
-                case 123:
-                  F++;
-                  break;
-                case 125:
-                  F--;
-                  break;
-                case 47:
-                  switch (h = T.charCodeAt(B + 1)) {
-                    case 42:
-                    case 47:
-                      e: {
-                        for (ie = B + 1; ie < Ae; ++ie)
-                          switch (T.charCodeAt(ie)) {
-                            case 47:
-                              if (h === 42 && T.charCodeAt(ie - 1) === 42 && B + 2 !== ie) {
-                                B = ie + 1;
-                                break e;
-                              }
-                              break;
-                            case 10:
-                              if (h === 47) {
-                                B = ie + 1;
-                                break e;
-                              }
-                          }
-                        B = ie;
-                      }
-                  }
-                  break;
-                case 91:
-                  h++;
-                case 40:
-                  h++;
-                case 34:
-                case 39:
-                  for (; B++ < Ae && T.charCodeAt(B) !== h; )
-                    ;
-              }
-              if (F === 0) break;
-              B++;
-            }
-            switch (F = T.substring(fe, B), H === 0 && (H = (I = I.replace(w, "").trim()).charCodeAt(0)), H) {
-              case 64:
-                switch (0 < le && (I = I.replace(L, "")), h = I.charCodeAt(1), h) {
-                  case 100:
-                  case 109:
-                  case 115:
-                  case 45:
-                    le = S;
-                    break;
-                  default:
-                    le = Se;
-                }
-                if (F = r(S, le, F, h, s + 1), fe = F.length, 0 < pe && (le = t(Se, I, ke), _e = d(3, F, le, S, J, re, fe, h, s, D), I = le.join(""), _e !== void 0 && (fe = (F = _e.trim()).length) === 0 && (h = 0, F = "")), 0 < fe) switch (h) {
-                  case 115:
-                    I = I.replace(U, l);
-                  case 100:
-                  case 109:
-                  case 45:
-                    F = I + "{" + F + "}";
-                    break;
-                  case 107:
-                    I = I.replace(x, "$1 $2"), F = I + "{" + F + "}", F = K === 1 || K === 2 && c("@" + F, 3) ? "@-webkit-" + F + "@" + F : "@" + F;
-                    break;
-                  default:
-                    F = I + F, D === 112 && (F = (ee += F, ""));
-                }
-                else F = "";
-                break;
-              default:
-                F = r(S, t(S, I, ke), F, D, s + 1);
-            }
-            Ne += F, F = ke = le = ie = H = 0, I = "", h = T.charCodeAt(++B);
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        x += It(b);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        x += Vo(E);
+        break;
+      // \
+      case 92:
+        x += No(ct() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (Ee()) {
+          case 42:
+          case 47:
+            Je(Bo($o(le(), ct()), t, n, s), s);
             break;
-          case 125:
-          case 59:
-            if (I = (0 < le ? I.replace(L, "") : I).trim(), 1 < (fe = I.length)) switch (ie === 0 && (H = I.charCodeAt(0), H === 45 || 96 < H && 123 > H) && (fe = (I = I.replace(" ", ":")).length), 0 < pe && (_e = d(1, I, S, P, J, re, ee.length, D, s, D)) !== void 0 && (fe = (I = _e.trim()).length) === 0 && (I = "\0\0"), H = I.charCodeAt(0), h = I.charCodeAt(1), H) {
-              case 0:
-                break;
-              case 64:
-                if (h === 105 || h === 99) {
-                  Ve += I + T.charAt(B);
-                  break;
-                }
-              default:
-                I.charCodeAt(fe - 1) !== 58 && (ee += i(I, H, h, I.charCodeAt(2)));
-            }
-            ke = le = ie = H = 0, I = "", h = T.charCodeAt(++B);
+          default:
+            x += "/";
         }
-      }
-      switch (h) {
-        case 13:
-        case 10:
-          y === 47 ? y = 0 : 1 + H === 0 && D !== 107 && 0 < I.length && (le = 1, I += "\0"), 0 < pe * Ee && d(0, I, S, P, J, re, ee.length, D, s, D), re = 1, J++;
-          break;
-        case 59:
-        case 125:
-          if (y + N + G + V === 0) {
-            re++;
+        break;
+      // {
+      case 123 * T:
+        u[d++] = de(x) * P;
+      // } ; \0
+      case 125 * T:
+      case 59:
+      case 0:
+        switch (b) {
+          // \0 }
+          case 0:
+          case 125:
+            M = 0;
+          // ;
+          case 59 + p:
+            P == -1 && (x = k(x, /\f/g, "")), v > 0 && de(x) - g && Je(v > 32 ? xn(x + ";", r, n, g - 1, s) : xn(k(x, " ", "") + ";", r, n, g - 2, s), s);
             break;
-          }
-        default:
-          switch (re++, Ce = T.charAt(B), h) {
-            case 9:
-            case 32:
-              if (N + V + y === 0) switch (oe) {
-                case 44:
-                case 58:
-                case 9:
-                case 32:
-                  Ce = "";
-                  break;
-                default:
-                  h !== 32 && (Ce = " ");
-              }
-              break;
-            case 0:
-              Ce = "\\0";
-              break;
-            case 12:
-              Ce = "\\f";
-              break;
-            case 11:
-              Ce = "\\v";
-              break;
-            case 38:
-              N + y + V === 0 && (le = ke = 1, Ce = "\f" + Ce);
-              break;
-            case 108:
-              if (N + y + V + ne === 0 && 0 < ie) switch (B - ie) {
-                case 2:
-                  oe === 112 && T.charCodeAt(B - 3) === 58 && (ne = oe);
-                case 8:
-                  ae === 111 && (ne = ae);
-              }
-              break;
-            case 58:
-              N + y + V === 0 && (ie = B);
-              break;
-            case 44:
-              y + G + N + V === 0 && (le = 1, Ce += "\r");
-              break;
-            case 34:
-            case 39:
-              y === 0 && (N = N === h ? 0 : N === 0 ? h : N);
-              break;
-            case 91:
-              N + y + G === 0 && V++;
-              break;
-            case 93:
-              N + y + G === 0 && V--;
-              break;
-            case 41:
-              N + y + V === 0 && G--;
-              break;
-            case 40:
-              if (N + y + V === 0) {
-                if (H === 0) switch (2 * oe + 3 * ae) {
-                  case 533:
+          // @ ;
+          case 59:
+            x += ";";
+          // { rule/at-rule
+          default:
+            if (Je(C = bn(x, t, n, d, p, i, u, h, L = [], D = [], g, a), a), b === 123)
+              if (p === 0)
+                lt(x, t, C, C, L, a, g, u, D);
+              else
+                switch (w === 99 && z(x, 3) === 110 ? 100 : w) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    lt(e, C, C, r && Je(bn(e, C, C, 0, 0, i, u, h, i, L = [], g, D), D), i, D, g, u, r ? L : D);
                     break;
                   default:
-                    H = 1;
+                    lt(x, C, C, C, [""], D, 0, u, D);
                 }
-                G++;
-              }
-              break;
-            case 64:
-              y + G + N + V + ie + F === 0 && (F = 1);
-              break;
-            case 42:
-            case 47:
-              if (!(0 < N + V + G)) switch (y) {
-                case 0:
-                  switch (2 * h + 3 * T.charCodeAt(B + 1)) {
-                    case 235:
-                      y = 47;
-                      break;
-                    case 220:
-                      fe = B, y = 42;
-                  }
-                  break;
-                case 42:
-                  h === 47 && oe === 42 && fe + 2 !== B && (T.charCodeAt(fe + 2) === 33 && (ee += T.substring(fe, B + 1)), Ce = "", y = 0);
-              }
-          }
-          y === 0 && (I += Ce);
-      }
-      ae = oe, oe = h, B++;
-    }
-    if (fe = ee.length, 0 < fe) {
-      if (le = S, 0 < pe && (_e = d(2, ee, le, P, J, re, fe, D, s, D), _e !== void 0 && (ee = _e).length === 0)) return Ve + ee + Ne;
-      if (ee = le.join(",") + "{" + ee + "}", K * ne !== 0) {
-        switch (K !== 2 || c(ee, 2) || (ne = 0), ne) {
-          case 111:
-            ee = ee.replace(A, ":-moz-$1") + ee;
-            break;
-          case 112:
-            ee = ee.replace(g, "::-webkit-input-$1") + ee.replace(g, "::-moz-$1") + ee.replace(g, ":-ms-input-$1") + ee;
         }
-        ne = 0;
-      }
-    }
-    return Ve + ee + Ne;
-  }
-  function t(P, S, T) {
-    var D = S.trim().split(_);
-    S = D;
-    var s = D.length, V = P.length;
-    switch (V) {
-      case 0:
-      case 1:
-        var y = 0;
-        for (P = V === 0 ? "" : P[0] + " "; y < s; ++y)
-          S[y] = n(P, S[y], T).trim();
+        d = p = v = 0, T = P = 1, h = x = "", g = l;
         break;
-      default:
-        var G = y = 0;
-        for (S = []; y < s; ++y)
-          for (var N = 0; N < V; ++N)
-            S[G++] = n(P[N] + " ", D[y], T).trim();
-    }
-    return S;
-  }
-  function n(P, S, T) {
-    var D = S.charCodeAt(0);
-    switch (33 > D && (D = (S = S.trim()).charCodeAt(0)), D) {
-      case 38:
-        return S.replace(j, "$1" + P.trim());
+      // :
       case 58:
-        return P.trim() + S.replace(j, "$1" + P.trim());
+        g = 1 + de(x), v = E;
       default:
-        if (0 < 1 * T && 0 < S.indexOf("\f")) return S.replace(j, (P.charCodeAt(0) === 58 ? "" : "$1") + P.trim());
-    }
-    return P + S;
-  }
-  function i(P, S, T, D) {
-    var s = P + ";", V = 2 * S + 3 * T + 4 * D;
-    if (V === 944) {
-      P = s.indexOf(":", 9) + 1;
-      var y = s.substring(P, s.length - 1).trim();
-      return y = s.substring(0, P).trim() + y + ";", K === 1 || K === 2 && c(y, 1) ? "-webkit-" + y + y : y;
-    }
-    if (K === 0 || K === 2 && !c(s, 1)) return s;
-    switch (V) {
-      case 1015:
-        return s.charCodeAt(10) === 97 ? "-webkit-" + s + s : s;
-      case 951:
-        return s.charCodeAt(3) === 116 ? "-webkit-" + s + s : s;
-      case 963:
-        return s.charCodeAt(5) === 110 ? "-webkit-" + s + s : s;
-      case 1009:
-        if (s.charCodeAt(4) !== 100) break;
-      case 969:
-      case 942:
-        return "-webkit-" + s + s;
-      case 978:
-        return "-webkit-" + s + "-moz-" + s + s;
-      case 1019:
-      case 983:
-        return "-webkit-" + s + "-moz-" + s + "-ms-" + s + s;
-      case 883:
-        if (s.charCodeAt(8) === 45) return "-webkit-" + s + s;
-        if (0 < s.indexOf("image-set(", 11)) return s.replace(xe, "$1-webkit-$2") + s;
-        break;
-      case 932:
-        if (s.charCodeAt(4) === 45) switch (s.charCodeAt(5)) {
-          case 103:
-            return "-webkit-box-" + s.replace("-grow", "") + "-webkit-" + s + "-ms-" + s.replace("grow", "positive") + s;
-          case 115:
-            return "-webkit-" + s + "-ms-" + s.replace("shrink", "negative") + s;
-          case 98:
-            return "-webkit-" + s + "-ms-" + s.replace("basis", "preferred-size") + s;
+        if (T < 1) {
+          if (b == 123)
+            --T;
+          else if (b == 125 && T++ == 0 && Oo() == 125)
+            continue;
         }
-        return "-webkit-" + s + "-ms-" + s + s;
-      case 964:
-        return "-webkit-" + s + "-ms-flex-" + s + s;
-      case 1023:
-        if (s.charCodeAt(8) !== 99) break;
-        return y = s.substring(s.indexOf(":", 15)).replace("flex-", "").replace("space-between", "justify"), "-webkit-box-pack" + y + "-webkit-" + s + "-ms-flex-pack" + y + s;
-      case 1005:
-        return E.test(s) ? s.replace(R, ":-webkit-") + s.replace(R, ":-moz-") + s : s;
-      case 1e3:
-        switch (y = s.substring(13).trim(), S = y.indexOf("-") + 1, y.charCodeAt(0) + y.charCodeAt(S)) {
-          case 226:
-            y = s.replace(p, "tb");
+        switch (x += Xt(b), b * T) {
+          // &
+          case 38:
+            P = p > 0 ? 1 : (x += "\f", -1);
             break;
-          case 232:
-            y = s.replace(p, "tb-rl");
+          // ,
+          case 44:
+            u[d++] = (de(x) - 1) * P, P = 1;
             break;
-          case 220:
-            y = s.replace(p, "lr");
+          // @
+          case 64:
+            Ee() === 45 && (x += It(le())), w = Ee(), p = g = de(h = x += Ho(ct())), b++;
             break;
-          default:
-            return s;
+          // -
+          case 45:
+            E === 45 && de(x) == 2 && (T = 0);
         }
-        return "-webkit-" + s + "-ms-" + y + s;
-      case 1017:
-        if (s.indexOf("sticky", 9) === -1) break;
-      case 975:
-        switch (S = (s = P).length - 10, y = (s.charCodeAt(S) === 33 ? s.substring(0, S) : s).substring(P.indexOf(":", 7) + 1).trim(), V = y.charCodeAt(0) + (y.charCodeAt(7) | 0)) {
-          case 203:
-            if (111 > y.charCodeAt(8)) break;
-          case 115:
-            s = s.replace(y, "-webkit-" + y) + ";" + s;
-            break;
-          case 207:
+    }
+  return a;
+}
+function bn(e, t, n, r, i, a, l, u, s, d, p, g) {
+  for (var w = i - 1, v = i === 0 ? a : [""], E = qn(v), T = 0, M = 0, P = 0; T < r; ++T)
+    for (var b = 0, h = Ve(e, w + 1, w = Wn(M = l[T])), L = e; b < E; ++b)
+      (L = Yn(M > 0 ? v[b] + " " + h : k(h, /&\f/g, v[b]))) && (s[P++] = L);
+  return St(e, t, n, i === 0 ? bt : u, s, d, p, g);
+}
+function Bo(e, t, n, r) {
+  return St(e, t, n, Bn, Xt(Ao()), 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 Gn(e, t, n) {
+  switch (Io(e, t)) {
+    // color-adjust
+    case 5103:
+      return O + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return O + e + e;
+    // tab-size
+    case 4789:
+      return Ke + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return O + e + Ke + e + V + e + e;
+    // writing-mode
+    case 5936:
+      switch (z(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return O + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return O + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return O + e + V + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return O + e + V + e + e;
+    // order
+    case 6165:
+      return O + e + V + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return O + e + k(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + V + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return O + e + V + "flex-item-" + k(e, /flex-|-self/g, "") + (he(e, /flex-|baseline/) ? "" : V + "grid-row-" + k(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return O + e + V + "flex-line-pack" + k(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return O + e + V + k(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return O + e + V + k(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return O + "box-" + k(e, "-grow", "") + O + e + V + k(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return O + k(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
+    // cursor
+    case 6187:
+      return k(k(k(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return k(e, /(image-set\([^]*)/, O + "$1$`$1");
+    // justify-content
+    case 4968:
+      return k(k(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
+    // justify-self
+    case 4200:
+      if (!he(e, /flex-|baseline/)) return V + "grid-column-align" + Ve(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return V + k(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, i) {
+        return t = i, he(r.props, /grid-\w+-end/);
+      }) ? ~at(e + (n = n[t].value), "span", 0) ? e : V + k(e, "-start", "") + e + V + "grid-row-span:" + (~at(n, "span", 0) ? he(n, /\d+/) : +he(n, /\d+/) - +he(e, /\d+/)) + ";" : V + k(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return he(r.props, /grid-\w+-start/);
+      }) ? e : V + k(k(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return k(e, /(.+)-inline(.+)/, O + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (de(e) - 1 - t > 6)
+        switch (z(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (z(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
           case 102:
-            s = s.replace(y, "-webkit-" + (102 < V ? "inline-" : "") + "box") + ";" + s.replace(y, "-webkit-" + y) + ";" + s.replace(y, "-ms-" + y + "box") + ";" + s;
-        }
-        return s + ";";
-      case 938:
-        if (s.charCodeAt(5) === 45) switch (s.charCodeAt(6)) {
-          case 105:
-            return y = s.replace("-items", ""), "-webkit-" + s + "-webkit-box-" + y + "-ms-flex-" + y + s;
+            return k(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Ke + (z(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
           case 115:
-            return "-webkit-" + s + "-ms-flex-item-" + s.replace(te, "") + s;
-          default:
-            return "-webkit-" + s + "-ms-flex-line-pack" + s.replace("align-content", "").replace(te, "") + s;
+            return ~at(e, "stretch", 0) ? Gn(k(e, "stretch", "fill-available"), t, n) + e : e;
         }
-        break;
-      case 973:
-      case 989:
-        if (s.charCodeAt(3) !== 45 || s.charCodeAt(4) === 122) break;
-      case 931:
-      case 953:
-        if (M.test(P) === !0) return (y = P.substring(P.indexOf(":") + 1)).charCodeAt(0) === 115 ? i(P.replace("stretch", "fill-available"), S, T, D).replace(":fill-available", ":stretch") : s.replace(y, "-webkit-" + y) + s.replace(y, "-moz-" + y.replace("fill-", "")) + s;
-        break;
-      case 962:
-        if (s = "-webkit-" + s + (s.charCodeAt(5) === 102 ? "-ms-" + s : "") + s, T + D === 211 && s.charCodeAt(13) === 105 && 0 < s.indexOf("transform", 10)) return s.substring(0, s.indexOf(";", 27) + 1).replace(k, "$1-webkit-$2") + s;
-    }
-    return s;
-  }
-  function c(P, S) {
-    var T = P.indexOf(S === 1 ? ":" : "{"), D = P.substring(0, S !== 3 ? T : 10);
-    return T = P.substring(T + 1, P.length - 1), Pe(S !== 2 ? D : D.replace(ce, "$1"), T, S);
-  }
-  function l(P, S) {
-    var T = i(S, S.charCodeAt(0), S.charCodeAt(1), S.charCodeAt(2));
-    return T !== S + ";" ? T.replace(de, " or ($1)").substring(4) : "(" + S + ")";
-  }
-  function d(P, S, T, D, s, V, y, G, N, H) {
-    for (var h = 0, oe = S, ae; h < pe; ++h)
-      switch (ae = Q[h].call(v, P, oe, T, D, s, V, y, G, N, H)) {
-        case void 0:
-        case !1:
-        case !0:
-        case null:
-          break;
-        default:
-          oe = ae;
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return k(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, i, a, l, u, s, d) {
+        return V + i + ":" + a + d + (l ? V + i + "-span:" + (u ? s : +s - +a) + d : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (z(e, t + 6) === 121)
+        return k(e, ":", ":" + O) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (z(e, z(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return k(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (z(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + V + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return k(e, ":", ":" + V) + e;
       }
-    if (oe !== S) return oe;
-  }
-  function u(P) {
-    switch (P) {
-      case void 0:
-      case null:
-        pe = Q.length = 0;
-        break;
-      default:
-        if (typeof P == "function") Q[pe++] = P;
-        else if (typeof P == "object") for (var S = 0, T = P.length; S < T; ++S)
-          u(P[S]);
-        else Ee = !!P | 0;
-    }
-    return u;
-  }
-  function f(P) {
-    return P = P.prefix, P !== void 0 && (Pe = null, P ? typeof P != "function" ? K = 1 : (K = 2, Pe = P) : K = 0), f;
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return k(e, "scroll-", "scroll-snap-") + e;
   }
-  function v(P, S) {
-    var T = P;
-    if (33 > T.charCodeAt(0) && (T = T.trim()), Re = T, T = [Re], 0 < pe) {
-      var D = d(-1, S, T, T, J, re, 0, 0, 0, 0);
-      D !== void 0 && typeof D == "string" && (S = D);
-    }
-    var s = r(Se, T, S, 0, 0);
-    return 0 < pe && (D = d(-2, s, T, T, J, re, s.length, 0, 0, 0), D !== void 0 && (s = D)), Re = "", ne = 0, re = J = 1, s;
+  return e;
+}
+function ft(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function Uo(e, t, n, r) {
+  switch (e.type) {
+    case _o:
+      if (e.children.length) break;
+    case Lo:
+    case Gt:
+      return e.return = e.return || e.value;
+    case Bn:
+      return "";
+    case Un:
+      return e.return = e.value + "{" + ft(e.children, r) + "}";
+    case bt:
+      if (!de(e.value = e.props.join(","))) return "";
   }
-  var w = /^\0+/g, L = /[\0\r\f]/g, R = /: */g, E = /zoo|gra/, k = /([,: ])(transform)/g, _ = /,\r+?/g, j = /([\t\r\n ])*\f?&/g, x = /@(k\w+)\s*(\S*)\s*/, g = /::(place)/g, A = /:(read-only)/g, p = /[svh]\w+-[tblr]{2}/, U = /\(\s*(.*)\s*\)/g, de = /([\s\S]*?);/g, te = /-self|flex-/g, ce = /[^]*?(:[rp][el]a[\w-]+)[^]*/, M = /stretch|:\s*\w+\-(?:conte|avail)/, xe = /([^-])(image-set\()/, re = 1, J = 1, ne = 0, K = 1, Se = [], Q = [], pe = 0, Pe = null, Ee = 0, Re = "";
-  return v.use = u, v.set = f, e !== void 0 && f(e), v;
+  return de(n = ft(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function Wo(e) {
+  var t = qn(e);
+  return function(n, r, i, a) {
+    for (var l = "", u = 0; u < t; u++)
+      l += e[u](n, r, i, a) || "";
+    return l;
+  };
 }
-var _n = {
+function Yo(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function qo(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case Gt:
+        e.return = Gn(e.value, e.length, n);
+        return;
+      case Un:
+        return ft([we(e, { value: k(e.value, "@", "@" + O) })], r);
+      case bt:
+        if (e.length)
+          return Do(n = e.props, function(i) {
+            switch (he(i, r = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                Me(we(e, { props: [k(i, /:(read-\w+)/, ":" + Ke + "$1")] })), Me(we(e, { props: [i] })), Ft(e, { props: wn(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                Me(we(e, { props: [k(i, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(we(e, { props: [k(i, /:(plac\w+)/, ":" + Ke + "$1")] })), Me(we(e, { props: [k(i, /:(plac\w+)/, V + "input-$1")] })), Me(we(e, { props: [i] })), Ft(e, { props: wn(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var Zo = {
   animationIterationCount: 1,
+  aspectRatio: 1,
   borderImageOutset: 1,
   borderImageSlice: 1,
   borderImageWidth: 1,
@@ -1303,111 +1273,111 @@ var _n = {
   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) {
+  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;
+    try {
+      var a = !0;
+      console.error = function(l) {
+        for (var u = [], s = 1; s < arguments.length; s++) u[s - 1] = arguments[s];
+        Sn.test(l) ? (a = !1, rt.delete(r)) : i.apply(void 0, je([l], u, !1));
+      }, Y(), a && !rt.has(r) && (console.warn(r), rt.add(r));
+    } catch (l) {
+      Sn.test(l.message) && rt.delete(r);
+    } finally {
+      console.error = i;
+    }
+  }
+}, Tt = Object.freeze([]), $e = Object.freeze({});
+function Jo(e, t, n) {
+  return n === void 0 && (n = $e), 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 ei = /(a)(d)/gi, ot = 52, kn = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
-function An(e) {
-  var r = /* @__PURE__ */ Object.create(null);
-  return function(t) {
-    return r[t] === void 0 && (r[t] = e(t)), r[t];
-  };
+function $t(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");
 }
-var jn = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Ut = /* @__PURE__ */ An(
-  function(e) {
-    return jn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-), gt, Wt;
-function Ln() {
-  if (Wt) return gt;
-  Wt = 1;
-  var e = cr(), r = {
-    childContextTypes: !0,
-    contextType: !0,
-    contextTypes: !0,
-    defaultProps: !0,
-    displayName: !0,
-    getDefaultProps: !0,
-    getDerivedStateFromError: !0,
-    getDerivedStateFromProps: !0,
-    mixins: !0,
-    propTypes: !0,
-    type: !0
-  }, t = {
-    name: !0,
-    length: !0,
-    prototype: !0,
-    caller: !0,
-    callee: !0,
-    arguments: !0,
-    arity: !0
-  }, n = {
-    $$typeof: !0,
-    render: !0,
-    defaultProps: !0,
-    displayName: !0,
-    propTypes: !0
-  }, i = {
-    $$typeof: !0,
-    compare: !0,
-    defaultProps: !0,
-    displayName: !0,
-    propTypes: !0,
-    type: !0
-  }, c = {};
-  c[e.ForwardRef] = n, c[e.Memo] = i;
-  function l(E) {
-    return e.isMemo(E) ? i : c[E.$$typeof] || r;
-  }
-  var d = Object.defineProperty, u = Object.getOwnPropertyNames, f = Object.getOwnPropertySymbols, v = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, L = Object.prototype;
-  function R(E, k, _) {
-    if (typeof k != "string") {
-      if (L) {
-        var j = w(k);
-        j && j !== L && R(E, j, _);
-      }
-      var x = u(k);
-      f && (x = x.concat(f(k)));
-      for (var g = l(E), A = l(k), p = 0; p < x.length; ++p) {
-        var U = x[p];
-        if (!t[U] && !(_ && _[U]) && !(A && A[U]) && !(g && g[U])) {
-          var de = v(k, U);
-          try {
-            d(E, U, de);
-          } catch {
-          }
+var Dt, Kn = 5381, ke = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, Qn = function(e) {
+  return ke(Kn, e);
+};
+function er(e) {
+  return $t(Qn(e) >>> 0);
+}
+function tr(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+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 Tn(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === rr ? or : "$$typeof" in e ? oi[e.$$typeof] : ni;
+  var t;
+}
+var ii = Object.defineProperty, si = Object.getOwnPropertyNames, En = Object.getOwnPropertySymbols, ai = Object.getOwnPropertyDescriptor, ci = Object.getPrototypeOf, Pn = Object.prototype;
+function ir(e, t, n) {
+  if (typeof t != "string") {
+    if (Pn) {
+      var r = ci(t);
+      r && r !== Pn && ir(e, r, n);
+    }
+    var i = si(t);
+    En && (i = i.concat(En(t)));
+    for (var a = Tn(e), l = Tn(t), u = 0; u < i.length; ++u) {
+      var s = i[u];
+      if (!(s in ri || n && n[s] || l && s in l || a && s in a)) {
+        var d = ai(t, s);
+        try {
+          ii(e, s, d);
+        } catch {
         }
       }
     }
-    return E;
   }
-  return gt = R, gt;
-}
-var In = Ln();
-const On = /* @__PURE__ */ yn(In);
-function je() {
-  return (je = Object.assign || function(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = arguments[r];
-      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
-    }
-    return e;
-  }).apply(this, arguments);
-}
-var qt = function(e, r) {
-  for (var t = [e[0]], n = 0, i = r.length; n < i; n += 1) t.push(r[n], e[n + 1]);
-  return t;
-}, bt = function(e) {
-  return e !== null && typeof e == "object" && (e.toString ? e.toString() : Object.prototype.toString.call(e)) === "[object Object]" && !Rt.typeOf(e);
-}, it = Object.freeze([]), Le = Object.freeze({});
-function Xe(e) {
+  return e;
+}
+function He(e) {
   return typeof e == "function";
 }
-function xt(e) {
-  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+function Kt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function Te(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
 }
-function kt(e) {
-  return e && typeof e.styledComponentId == "string";
+function Ht(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
 }
-var ze = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", _t = typeof window < "u" && "HTMLElement" in window, Dn = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production")), Mn = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+function ze(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function zt(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !ze(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = zt(e[r], t[r]);
+  else if (ze(t)) for (var r in t) e[r] = zt(e[r], t[r]);
+  return e;
+}
+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.
 
 `, 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.
 
@@ -1448,452 +1418,364 @@ 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?
-` } : {};
-function Fn() {
-  for (var e = arguments.length <= 0 ? void 0 : arguments[0], r = [], t = 1, n = arguments.length; t < n; t += 1) r.push(t < 0 || arguments.length <= t ? void 0 : arguments[t]);
-  return r.forEach((function(i) {
-    e = e.replace(/%[a-z]/, i);
-  })), e;
+`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
+function ui() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r = [], i = 1, a = e.length; i < a; i += 1) r.push(e[i]);
+  return r.forEach(function(l) {
+    n = n.replace(/%[a-z]/, l);
+  }), n;
 }
 function We(e) {
-  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
-  throw process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://git.io/JUIaE#" + e + " for more information." + (t.length > 0 ? " Args: " + t.join(", ") : "")) : new Error(Fn.apply(void 0, [Mn[e]].concat(t)).trim());
+  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());
 }
-var Nn = (function() {
+var di = (function() {
   function e(t) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
   }
-  var r = e.prototype;
-  return r.indexOfGroup = function(t) {
-    for (var n = 0, i = 0; i < t; i++) n += this.groupSizes[i];
+  return e.prototype.indexOfGroup = function(t) {
+    for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
     return n;
-  }, r.insertRules = function(t, n) {
+  }, e.prototype.insertRules = function(t, n) {
     if (t >= this.groupSizes.length) {
-      for (var i = this.groupSizes, c = i.length, l = c; t >= l; ) (l <<= 1) < 0 && We(16, "" + t);
-      this.groupSizes = new Uint32Array(l), this.groupSizes.set(i), this.length = l;
-      for (var d = c; d < l; d++) this.groupSizes[d] = 0;
+      for (var r = this.groupSizes, i = r.length, a = i; 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 l = i; l < a; l++) this.groupSizes[l] = 0;
     }
-    for (var u = this.indexOfGroup(t + 1), f = 0, v = n.length; f < v; f++) this.tag.insertRule(u, n[f]) && (this.groupSizes[t]++, u++);
-  }, r.clearGroup = function(t) {
+    for (var u = this.indexOfGroup(t + 1), s = (l = 0, n.length); l < s; l++) this.tag.insertRule(u, n[l]) && (this.groupSizes[t]++, u++);
+  }, e.prototype.clearGroup = function(t) {
     if (t < this.length) {
-      var n = this.groupSizes[t], i = this.indexOfGroup(t), c = i + n;
+      var n = this.groupSizes[t], r = this.indexOfGroup(t), i = r + n;
       this.groupSizes[t] = 0;
-      for (var l = i; l < c; l++) this.tag.deleteRule(i);
+      for (var a = r; a < i; a++) this.tag.deleteRule(r);
     }
-  }, r.getGroup = function(t) {
+  }, e.prototype.getGroup = function(t) {
     var n = "";
     if (t >= this.length || this.groupSizes[t] === 0) return n;
-    for (var i = this.groupSizes[t], c = this.indexOfGroup(t), l = c + i, d = c; d < l; d++) n += this.tag.getRule(d) + `/*!sc*/
-`;
+    for (var r = this.groupSizes[t], i = this.indexOfGroup(t), a = i + r, l = i; l < a; l++) n += "".concat(this.tag.getRule(l)).concat(Jt);
     return n;
   }, e;
-})(), ot = /* @__PURE__ */ new Map(), at = /* @__PURE__ */ new Map(), Ge = 1, tt = function(e) {
-  if (ot.has(e)) return ot.get(e);
-  for (; at.has(Ge); ) Ge++;
-  var r = Ge++;
-  return process.env.NODE_ENV !== "production" && ((0 | r) < 0 || r > 1 << 30) && We(16, "" + r), ot.set(e, r), at.set(r, e), r;
-}, Vn = function(e) {
-  return at.get(e);
-}, $n = function(e, r) {
-  r >= Ge && (Ge = r + 1), ot.set(e, r), at.set(r, e);
-}, Hn = "style[" + ze + '][data-styled-version="5.3.11"]', zn = new RegExp("^" + ze + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'), Yn = function(e, r, t) {
-  for (var n, i = t.split(","), c = 0, l = i.length; c < l; c++) (n = i[c]) && e.registerName(r, n);
-}, Bn = function(e, r) {
-  for (var t = (r.textContent || "").split(`/*!sc*/
-`), n = [], i = 0, c = t.length; i < c; i++) {
-    var l = t[i].trim();
-    if (l) {
-      var d = l.match(zn);
-      if (d) {
-        var u = 0 | parseInt(d[1], 10), f = d[2];
-        u !== 0 && ($n(f, u), Yn(e, f, d[3]), e.getTag().insertRules(u, n)), n.length = 0;
-      } else n.push(l);
+})(), fi = 1 << 30, ut = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), dt = 1, it = 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));
+  return ut.set(e, t), ht.set(t, e), t;
+}, pi = 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(","), a = 0, l = i.length; a < l; a++) (r = i[a]) && e.registerName(t, r);
+}, yi = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Jt), i = [], a = 0, l = r.length; a < l; a++) {
+    var u = r[a].trim();
+    if (u) {
+      var s = u.match(mi);
+      if (s) {
+        var d = 0 | parseInt(s[1], 10), p = s[2];
+        d !== 0 && (pi(p, d), gi(e, p, s[3]), e.getTag().insertRules(d, i)), i.length = 0;
+      } else i.push(u);
     }
   }
-}, Un = function() {
+}, 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));
+  }
+};
+function vi() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
-}, lr = function(e) {
-  var r = document.head, t = e || r, n = document.createElement("style"), i = (function(d) {
-    for (var u = d.childNodes, f = u.length; f >= 0; f--) {
-      var v = u[f];
-      if (v && v.nodeType === 1 && v.hasAttribute(ze)) return v;
-    }
-  })(t), c = i !== void 0 ? i.nextSibling : null;
-  n.setAttribute(ze, "active"), n.setAttribute("data-styled-version", "5.3.11");
-  var l = Un();
-  return l && n.setAttribute("nonce", l), t.insertBefore(n, c), n;
-}, Wn = (function() {
+}
+var sr = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), i = (function(u) {
+    var s = Array.from(u.querySelectorAll("style[".concat(Le, "]")));
+    return s[s.length - 1];
+  })(n), a = 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, a), r;
+}, wi = (function() {
   function e(t) {
-    var n = this.element = lr(t);
-    n.appendChild(document.createTextNode("")), this.sheet = (function(i) {
-      if (i.sheet) return i.sheet;
-      for (var c = document.styleSheets, l = 0, d = c.length; l < d; l++) {
-        var u = c[l];
-        if (u.ownerNode === i) return u;
+    this.element = sr(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
+      if (n.sheet) return n.sheet;
+      for (var r = document.styleSheets, i = 0, a = r.length; i < a; i++) {
+        var l = r[i];
+        if (l.ownerNode === n) return l;
       }
-      We(17);
-    })(n), this.length = 0;
+      throw We(17);
+    })(this.element), this.length = 0;
   }
-  var r = e.prototype;
-  return r.insertRule = function(t, n) {
+  return e.prototype.insertRule = function(t, n) {
     try {
       return this.sheet.insertRule(n, t), this.length++, !0;
     } catch {
       return !1;
     }
-  }, r.deleteRule = function(t) {
+  }, e.prototype.deleteRule = function(t) {
     this.sheet.deleteRule(t), this.length--;
-  }, r.getRule = function(t) {
+  }, e.prototype.getRule = function(t) {
     var n = this.sheet.cssRules[t];
-    return n !== void 0 && typeof n.cssText == "string" ? n.cssText : "";
+    return n && n.cssText ? n.cssText : "";
   }, e;
-})(), qn = (function() {
+})(), bi = (function() {
   function e(t) {
-    var n = this.element = lr(t);
-    this.nodes = n.childNodes, this.length = 0;
+    this.element = sr(t), this.nodes = this.element.childNodes, this.length = 0;
   }
-  var r = e.prototype;
-  return r.insertRule = function(t, n) {
+  return e.prototype.insertRule = function(t, n) {
     if (t <= this.length && t >= 0) {
-      var i = document.createTextNode(n), c = this.nodes[t];
-      return this.element.insertBefore(i, c || null), this.length++, !0;
+      var r = document.createTextNode(n);
+      return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0;
     }
     return !1;
-  }, r.deleteRule = function(t) {
+  }, e.prototype.deleteRule = function(t) {
     this.element.removeChild(this.nodes[t]), this.length--;
-  }, r.getRule = function(t) {
+  }, e.prototype.getRule = function(t) {
     return t < this.length ? this.nodes[t].textContent : "";
   }, e;
-})(), Zn = (function() {
+})(), xi = (function() {
   function e(t) {
     this.rules = [], this.length = 0;
   }
-  var r = e.prototype;
-  return r.insertRule = function(t, n) {
+  return e.prototype.insertRule = function(t, n) {
     return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
-  }, r.deleteRule = function(t) {
+  }, e.prototype.deleteRule = function(t) {
     this.rules.splice(t, 1), this.length--;
-  }, r.getRule = function(t) {
+  }, e.prototype.getRule = function(t) {
     return t < this.length ? this.rules[t] : "";
   }, e;
-})(), Zt = _t, Gn = { isServer: !_t, useCSSOMInjection: !Dn }, ur = (function() {
-  function e(t, n, i) {
-    t === void 0 && (t = Le), n === void 0 && (n = {}), this.options = je({}, Gn, {}, t), this.gs = n, this.names = new Map(i), this.server = !!t.isServer, !this.server && _t && Zt && (Zt = !1, (function(c) {
-      for (var l = document.querySelectorAll(Hn), d = 0, u = l.length; d < u; d++) {
-        var f = l[d];
-        f && f.getAttribute(ze) !== "active" && (Bn(c, f), f.parentNode && f.parentNode.removeChild(f));
-      }
-    })(this));
+})(), jn = pt, Si = { isServer: !pt, useCSSOMInjection: !Go }, ar = (function() {
+  function e(t, n, r) {
+    t === void 0 && (t = $e), n === void 0 && (n = {});
+    var i = this;
+    this.options = ee(ee({}, 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(a) {
+        for (var l = a.getTag(), u = l.length, s = "", d = function(g) {
+          var w = (function(P) {
+            return ht.get(P);
+          })(g);
+          if (w === void 0) return "continue";
+          var v = a.names.get(w), E = l.getGroup(g);
+          if (v === void 0 || !v.size || E.length === 0) return "continue";
+          var T = "".concat(Le, ".g").concat(g, '[id="').concat(w, '"]'), M = "";
+          v !== void 0 && v.forEach(function(P) {
+            P.length > 0 && (M += "".concat(P, ","));
+          }), s += "".concat(E).concat(T, '{content:"').concat(M, '"}').concat(Jt);
+        }, p = 0; p < u; p++) d(p);
+        return s;
+      })(i);
+    });
   }
-  e.registerId = function(t) {
-    return tt(t);
-  };
-  var r = e.prototype;
-  return r.reconstructWithOptions = function(t, n) {
-    return n === void 0 && (n = !0), new e(je({}, this.options, {}, t), this.gs, n && this.names || void 0);
-  }, r.allocateGSInstance = function(t) {
+  return e.registerId = function(t) {
+    return it(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && pt && Rn(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(ee(ee({}, this.options), t), this.gs, n && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
     return this.gs[t] = (this.gs[t] || 0) + 1;
-  }, r.getTag = function() {
-    return this.tag || (this.tag = (i = (n = this.options).isServer, c = n.useCSSOMInjection, l = n.target, t = i ? new Zn(l) : c ? new Wn(l) : new qn(l), new Nn(t)));
-    var t, n, i, c, l;
-  }, r.hasNameForId = function(t, n) {
+  }, 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 t;
+  }, e.prototype.hasNameForId = function(t, n) {
     return this.names.has(t) && this.names.get(t).has(n);
-  }, r.registerName = function(t, n) {
-    if (tt(t), this.names.has(t)) this.names.get(t).add(n);
+  }, e.prototype.registerName = function(t, n) {
+    if (it(t), this.names.has(t)) this.names.get(t).add(n);
     else {
-      var i = /* @__PURE__ */ new Set();
-      i.add(n), this.names.set(t, i);
+      var r = /* @__PURE__ */ new Set();
+      r.add(n), this.names.set(t, r);
     }
-  }, r.insertRules = function(t, n, i) {
-    this.registerName(t, n), this.getTag().insertRules(tt(t), i);
-  }, r.clearNames = function(t) {
+  }, e.prototype.insertRules = function(t, n, r) {
+    this.registerName(t, n), this.getTag().insertRules(it(t), r);
+  }, e.prototype.clearNames = function(t) {
     this.names.has(t) && this.names.get(t).clear();
-  }, r.clearRules = function(t) {
-    this.getTag().clearGroup(tt(t)), this.clearNames(t);
-  }, r.clearTag = function() {
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(it(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
     this.tag = void 0;
-  }, r.toString = function() {
-    return (function(t) {
-      for (var n = t.getTag(), i = n.length, c = "", l = 0; l < i; l++) {
-        var d = Vn(l);
-        if (d !== void 0) {
-          var u = t.names.get(d), f = n.getGroup(l);
-          if (u && f && u.size) {
-            var v = ze + ".g" + l + '[id="' + d + '"]', w = "";
-            u !== void 0 && u.forEach((function(L) {
-              L.length > 0 && (w += L + ",");
-            })), c += "" + f + v + '{content:"' + w + `"}/*!sc*/
-`;
-          }
-        }
-      }
-      return c;
-    })(this);
   }, e;
-})(), Xn = /(a)(d)/gi, Gt = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+})(), Ci = /&/g, ki = /^\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) {
+      return "".concat(t, " ").concat(r);
+    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = cr(n.children, t)), n;
+  });
+}
+function Ti(e) {
+  var t, n, r, i = $e, a = i.options, l = a === void 0 ? $e : a, u = i.plugins, s = u === void 0 ? Tt : u, d = function(w, v, E) {
+    return E.startsWith(n) && E.endsWith(n) && E.replaceAll(n, "").length > 0 ? ".".concat(t) : w;
+  }, p = s.slice();
+  p.push(function(w) {
+    w.type === bt && w.value.includes("&") && (w.props[0] = w.props[0].replace(Ci, n).replace(r, d));
+  }), l.prefix && p.push(qo), p.push(Uo);
+  var g = function(w, v, E, T) {
+    v === void 0 && (v = ""), E === void 0 && (E = ""), T === void 0 && (T = "&"), t = T, n = v, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var M = w.replace(ki, ""), P = zo(E || v ? "".concat(E, " ").concat(v, " { ").concat(M, " }") : M);
+    l.namespace && (P = cr(P, l.namespace));
+    var b = [];
+    return ft(P, Wo(p.concat(Yo(function(h) {
+      return b.push(h);
+    })))), b;
+  };
+  return g.hash = s.length ? s.reduce(function(w, v) {
+    return v.name || We(15), ke(w, v.name);
+  }, Kn).toString() : "", g;
+}
+var Ei = new ar(), Bt = Ti(), lr = Re.createContext({ shouldForwardProp: void 0, styleSheet: Ei, stylis: Bt });
+lr.Consumer;
+Re.createContext(void 0);
+function Ln() {
+  return Zt(lr);
+}
+var Ut = (function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(i, a) {
+      a === void 0 && (a = Bt);
+      var l = r.name + a.hash;
+      i.hasNameForId(r.id, l) || i.insertRules(r.id, l, a(r.rules, l, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, Qt(this, function() {
+      throw We(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = Bt), this.name + t.hash;
+  }, e;
+})(), Pi = function(e) {
+  return e >= "A" && e <= "Z";
 };
-function St(e) {
-  var r, t = "";
-  for (r = Math.abs(e); r > 52; r = r / 52 | 0) t = Gt(r % 52) + t;
-  return (Gt(r % 52) + t).replace(Xn, "$1-$2");
+function _n(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Pi(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
 }
-var Me = function(e, r) {
-  for (var t = r.length; t; ) e = 33 * e ^ r.charCodeAt(--t);
-  return e;
+var ur = function(e) {
+  return e == null || e === !1 || e === "";
 }, dr = function(e) {
-  return Me(5381, e);
+  var t, n, r = [];
+  for (var i in e) {
+    var a = e[i];
+    e.hasOwnProperty(i) && !ur(a) && (Array.isArray(a) && a.isCss || He(a) ? r.push("".concat(_n(i), ":"), a, ";") : ze(a) ? r.push.apply(r, je(je(["".concat(i, " {")], dr(a), !1), ["}"], !1)) : r.push("".concat(_n(i), ": ").concat((t = i, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Zo || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
 };
-function Jn(e) {
-  for (var r = 0; r < e.length; r += 1) {
-    var t = e[r];
-    if (Xe(t) && !kt(t)) return !1;
+function Pe(e, t, n, r) {
+  if (ur(e)) return [];
+  if (Kt(e)) return [".".concat(e.styledComponentId)];
+  if (He(e)) {
+    if (!He(a = e) || a.prototype && a.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.")), Pe(i, 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(l) {
+    return Pe(l, t, n, r);
+  })) : [e.toString()];
+}
+function Ri(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (He(n) && !Kt(n)) return !1;
   }
   return !0;
 }
-var Kn = dr("5.3.11"), Qn = (function() {
-  function e(r, t, n) {
-    this.rules = r, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Jn(r), this.componentId = t, this.baseHash = Me(Kn, t), this.baseStyle = n, ur.registerId(t);
+var ji = Qn(kt), Li = (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);
   }
-  return e.prototype.generateAndInjectStyles = function(r, t, n) {
-    var i = this.componentId, c = [];
-    if (this.baseStyle && c.push(this.baseStyle.generateAndInjectStyles(r, t, n)), this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(i, this.staticRulesId)) c.push(this.staticRulesId);
+  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 = Te(i, this.staticRulesId);
     else {
-      var l = Ye(this.rules, r, t, n).join(""), d = St(Me(this.baseHash, l) >>> 0);
-      if (!t.hasNameForId(i, d)) {
-        var u = n(l, "." + d, void 0, i);
-        t.insertRules(i, d, u);
+      var a = Ht(Pe(this.rules, t, n, r)), l = $t(ke(this.baseHash, a) >>> 0);
+      if (!n.hasNameForId(this.componentId, l)) {
+        var u = r(a, ".".concat(l), void 0, this.componentId);
+        n.insertRules(this.componentId, l, u);
       }
-      c.push(d), this.staticRulesId = d;
+      i = Te(i, l), this.staticRulesId = l;
     }
     else {
-      for (var f = this.rules.length, v = Me(this.baseHash, n.hash), w = "", L = 0; L < f; L++) {
-        var R = this.rules[L];
-        if (typeof R == "string") w += R, process.env.NODE_ENV !== "production" && (v = Me(v, R + L));
-        else if (R) {
-          var E = Ye(R, r, t, n), k = Array.isArray(E) ? E.join("") : E;
-          v = Me(v, k + L), w += k;
+      for (var s = ke(this.baseHash, r.hash), d = "", p = 0; p < this.rules.length; p++) {
+        var g = this.rules[p];
+        if (typeof g == "string") d += g, process.env.NODE_ENV !== "production" && (s = ke(s, g));
+        else if (g) {
+          var w = Ht(Pe(g, t, n, r));
+          s = ke(s, w + p), d += w;
         }
       }
-      if (w) {
-        var _ = St(v >>> 0);
-        if (!t.hasNameForId(i, _)) {
-          var j = n(w, "." + _, void 0, i);
-          t.insertRules(i, _, j);
-        }
-        c.push(_);
+      if (d) {
+        var v = $t(s >>> 0);
+        n.hasNameForId(this.componentId, v) || n.insertRules(this.componentId, v, r(d, ".".concat(v), void 0, this.componentId)), i = Te(i, v);
       }
     }
-    return c.join(" ");
+    return i;
   }, e;
-})(), eo = /^\s*\/\/.*$/gm, to = [":", "[", ".", "#"];
-function ro(e) {
-  var r, t, n, i, c = Le, l = c.options, d = l === void 0 ? Le : l, u = c.plugins, f = u === void 0 ? it : u, v = new kn(d), w = [], L = /* @__PURE__ */ (function(k) {
-    function _(j) {
-      if (j) try {
-        k(j + "}");
-      } catch {
-      }
-    }
-    return function(j, x, g, A, p, U, de, te, ce, M) {
-      switch (j) {
-        case 1:
-          if (ce === 0 && x.charCodeAt(0) === 64) return k(x + ";"), "";
-          break;
-        case 2:
-          if (te === 0) return x + "/*|*/";
-          break;
-        case 3:
-          switch (te) {
-            case 102:
-            case 112:
-              return k(g[0] + x), "";
-            default:
-              return x + (M === 0 ? "/*|*/" : "");
-          }
-        case -2:
-          x.split("/*|*/}").forEach(_);
-      }
-    };
-  })((function(k) {
-    w.push(k);
-  })), R = function(k, _, j) {
-    return _ === 0 && to.indexOf(j[t.length]) !== -1 || j.match(i) ? k : "." + r;
-  };
-  function E(k, _, j, x) {
-    x === void 0 && (x = "&");
-    var g = k.replace(eo, ""), A = _ && j ? j + " " + _ + " { " + g + " }" : g;
-    return r = x, t = _, n = new RegExp("\\" + t + "\\b", "g"), i = new RegExp("(\\" + t + "\\b){2,}"), v(j || !_ ? "" : _, A);
-  }
-  return v.use([].concat(f, [function(k, _, j) {
-    k === 2 && j.length && j[0].lastIndexOf(t) > 0 && (j[0] = j[0].replace(n, R));
-  }, L, function(k) {
-    if (k === -2) {
-      var _ = w;
-      return w = [], _;
-    }
-  }])), E.hash = f.length ? f.reduce((function(k, _) {
-    return _.name || We(15), Me(k, _.name);
-  }), 5381).toString() : "", E;
-}
-var fr = Ue.createContext();
+})(), fr = Re.createContext(void 0);
 fr.Consumer;
-var pr = Ue.createContext(), no = (pr.Consumer, new ur()), Ct = ro();
-function oo() {
-  return Je(fr) || no;
-}
-function io() {
-  return Je(pr) || Ct;
-}
-var hr = (function() {
-  function e(r, t) {
-    var n = this;
-    this.inject = function(i, c) {
-      c === void 0 && (c = Ct);
-      var l = n.name + c.hash;
-      i.hasNameForId(n.id, l) || i.insertRules(n.id, l, c(n.rules, l, "@keyframes"));
-    }, this.toString = function() {
-      return We(12, String(n.name));
-    }, this.name = r, this.id = "sc-keyframes-" + r, this.rules = t;
-  }
-  return e.prototype.getName = function(r) {
-    return r === void 0 && (r = Ct), this.name + r.hash;
-  }, e;
-})(), ao = /([A-Z])/, so = /([A-Z])/g, co = /^ms-/, lo = function(e) {
-  return "-" + e.toLowerCase();
-};
-function Xt(e) {
-  return ao.test(e) ? e.replace(so, lo).replace(co, "-ms-") : e;
-}
-var Jt = function(e) {
-  return e == null || e === !1 || e === "";
-};
-function Ye(e, r, t, n) {
-  if (Array.isArray(e)) {
-    for (var i, c = [], l = 0, d = e.length; l < d; l += 1) (i = Ye(e[l], r, t, n)) !== "" && (Array.isArray(i) ? c.push.apply(c, i) : c.push(i));
-    return c;
-  }
-  if (Jt(e)) return "";
-  if (kt(e)) return "." + e.styledComponentId;
-  if (Xe(e)) {
-    if (typeof (f = e) != "function" || f.prototype && f.prototype.isReactComponent || !r) return e;
-    var u = e(r);
-    return process.env.NODE_ENV !== "production" && Rt.isElement(u) && console.warn(xt(e) + " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."), Ye(u, r, t, n);
+var Ot = {}, In = /* @__PURE__ */ new Set();
+function _i(e, t, n) {
+  var r = Kt(e), i = e, a = !At(e), l = t.attrs, u = l === void 0 ? Tt : l, s = t.componentId, d = s === void 0 ? (function(L, D) {
+    var C = typeof L != "string" ? "sc" : Cn(L);
+    Ot[C] = (Ot[C] || 0) + 1;
+    var x = "".concat(C, "-").concat(er(kt + C + Ot[C]));
+    return D ? "".concat(D, "-").concat(x) : x;
+  })(t.displayName, t.parentComponentId) : s, p = t.displayName, g = p === void 0 ? (function(L) {
+    return At(L) ? "styled.".concat(L) : "Styled(".concat(tr(L), ")");
+  })(e) : p, w = t.displayName && t.componentId ? "".concat(Cn(t.displayName), "-").concat(t.componentId) : t.componentId || d, v = r && i.attrs ? i.attrs.concat(u).filter(Boolean) : u, E = t.shouldForwardProp;
+  if (r && i.shouldForwardProp) {
+    var T = i.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var M = t.shouldForwardProp;
+      E = function(L, D) {
+        return T(L, D) && M(L, D);
+      };
+    } else E = T;
   }
-  var f;
-  return e instanceof hr ? t ? (e.inject(t, n), e.getName(n)) : e : bt(e) ? (function v(w, L) {
-    var R, E, k = [];
-    for (var _ in w) w.hasOwnProperty(_) && !Jt(w[_]) && (Array.isArray(w[_]) && w[_].isCss || Xe(w[_]) ? k.push(Xt(_) + ":", w[_], ";") : bt(w[_]) ? k.push.apply(k, v(w[_], _)) : k.push(Xt(_) + ": " + (R = _, (E = w[_]) == null || typeof E == "boolean" || E === "" ? "" : typeof E != "number" || E === 0 || R in _n || R.startsWith("--") ? String(E).trim() : E + "px") + ";"));
-    return L ? [L + " {"].concat(k, ["}"]) : k;
-  })(e) : e.toString();
-}
-var Kt = function(e) {
-  return Array.isArray(e) && (e.isCss = !0), e;
-};
-function st(e) {
-  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
-  return Xe(e) || bt(e) ? Kt(Ye(qt(it, [e].concat(t)))) : t.length === 0 && e.length === 1 && typeof e[0] == "string" ? e : Kt(Ye(qt(e, t)));
-}
-var Qt = /invalid hook call/i, rt = /* @__PURE__ */ new Set(), uo = function(e, r) {
-  if (process.env.NODE_ENV !== "production") {
-    var t = "The component " + e + (r ? ' with the id of "' + r + '"' : "") + ` has been created dynamically.
-You may see this warning because you've called styled inside another component.
-To resolve this only create new StyledComponents outside of any render method and function component.`, n = console.error;
-    try {
-      var i = !0;
-      console.error = function(c) {
-        if (Qt.test(c)) i = !1, rt.delete(t);
-        else {
-          for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), u = 1; u < l; u++) d[u - 1] = arguments[u];
-          n.apply(void 0, [c].concat(d));
+  var P = new Li(n, w, r ? i.componentStyle : void 0);
+  function b(L, D) {
+    return (function(C, x, W) {
+      var J = C.attrs, I = C.componentStyle, _e = C.defaultProps, fe = C.foldedComponentIds, q = C.styledComponentId, ne = C.target, ue = Re.useContext(fr), xe = Ln(), K = C.shouldForwardProp || xe.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && mn(q);
+      var Ye = Jo(x, ue, _e) || $e, re = (function(De, pe, ye) {
+        for (var se, ae = ee(ee({}, pe), { className: void 0, theme: ye }), ve = 0; ve < De.length; ve += 1) {
+          var Ae = He(se = De[ve]) ? se(ae) : se;
+          for (var ce in Ae) ae[ce] = ce === "className" ? Te(ae[ce], Ae[ce]) : ce === "style" ? ee(ee({}, ae[ce]), Ae[ce]) : Ae[ce];
         }
-      }, ve(), i && !rt.has(t) && (console.warn(t), rt.add(t));
-    } catch (c) {
-      Qt.test(c.message) && rt.delete(t);
-    } finally {
-      console.error = n;
-    }
-  }
-}, fo = function(e, r, t) {
-  return t === void 0 && (t = Le), e.theme !== t.theme && e.theme || r || t.theme;
-}, po = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, ho = /(^-|-$)/g;
-function yt(e) {
-  return e.replace(po, "-").replace(ho, "");
-}
-var mr = function(e) {
-  return St(dr(e) >>> 0);
-};
-function nt(e) {
-  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var Et = function(e) {
-  return typeof e == "function" || typeof e == "object" && e !== null && !Array.isArray(e);
-}, mo = function(e) {
-  return e !== "__proto__" && e !== "constructor" && e !== "prototype";
-};
-function vo(e, r, t) {
-  var n = e[t];
-  Et(r) && Et(n) ? vr(n, r) : e[t] = r;
-}
-function vr(e) {
-  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
-  for (var i = 0, c = t; i < c.length; i++) {
-    var l = c[i];
-    if (Et(l)) for (var d in l) mo(d) && vo(e, l[d], d);
+        return pe.className && (ae.className = Te(ae.className, pe.className)), ae;
+      })(J, x, Ye), me = re.as || ne, ge = {};
+      for (var Z in re) re[Z] === void 0 || Z[0] === "$" || Z === "as" || Z === "theme" && re.theme === Ye || (Z === "forwardedAs" ? ge.as = re.forwardedAs : K && !K(Z, me) || (ge[Z] = re[Z], K || process.env.NODE_ENV !== "development" || jo(Z) || In.has(Z) || !Nt.has(me) || (In.add(Z), console.warn('styled-components: it looks like an unknown prop "'.concat(Z, '" 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 ye = Ln(), se = De.generateAndInjectStyles(pe, ye.styleSheet, ye.stylis);
+        return process.env.NODE_ENV !== "production" && mn(se), se;
+      })(I, re);
+      process.env.NODE_ENV !== "production" && C.warnTooManyClasses && C.warnTooManyClasses(Ie);
+      var qe = Te(fe, q);
+      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ge[At(me) && !Nt.has(me) ? "class" : "className"] = qe, W && (ge.ref = W), wo(me, ge);
+    })(h, L, D);
   }
-  return e;
-}
-var gr = Ue.createContext();
-gr.Consumer;
-var wt = {};
-function yr(e, r, t) {
-  var n = kt(e), i = !nt(e), c = r.attrs, l = c === void 0 ? it : c, d = r.componentId, u = d === void 0 ? (function(x, g) {
-    var A = typeof x != "string" ? "sc" : yt(x);
-    wt[A] = (wt[A] || 0) + 1;
-    var p = A + "-" + mr("5.3.11" + A + wt[A]);
-    return g ? g + "-" + p : p;
-  })(r.displayName, r.parentComponentId) : d, f = r.displayName, v = f === void 0 ? (function(x) {
-    return nt(x) ? "styled." + x : "Styled(" + xt(x) + ")";
-  })(e) : f, w = r.displayName && r.componentId ? yt(r.displayName) + "-" + r.componentId : r.componentId || u, L = n && e.attrs ? Array.prototype.concat(e.attrs, l).filter(Boolean) : l, R = r.shouldForwardProp;
-  n && e.shouldForwardProp && (R = r.shouldForwardProp ? function(x, g, A) {
-    return e.shouldForwardProp(x, g, A) && r.shouldForwardProp(x, g, A);
-  } : e.shouldForwardProp);
-  var E, k = new Qn(t, w, n ? e.componentStyle : void 0), _ = k.isStatic && l.length === 0, j = function(x, g) {
-    return (function(A, p, U, de) {
-      var te = A.attrs, ce = A.componentStyle, M = A.defaultProps, xe = A.foldedComponentIds, re = A.shouldForwardProp, J = A.styledComponentId, ne = A.target, K = (function(D, s, V) {
-        D === void 0 && (D = Le);
-        var y = je({}, s, { theme: D }), G = {};
-        return V.forEach((function(N) {
-          var H, h, oe, ae = N;
-          for (H in Xe(ae) && (ae = ae(y)), ae) y[H] = G[H] = H === "className" ? (h = G[H], oe = ae[H], h && oe ? h + " " + oe : h || oe) : ae[H];
-        })), [y, G];
-      })(fo(p, Je(gr), M) || Le, p, te), Se = K[0], Q = K[1], pe = (function(D, s, V, y) {
-        var G = oo(), N = io(), H = s ? D.generateAndInjectStyles(Le, G, N) : D.generateAndInjectStyles(V, G, N);
-        return process.env.NODE_ENV !== "production" && !s && y && y(H), H;
-      })(ce, de, Se, process.env.NODE_ENV !== "production" ? A.warnTooManyClasses : void 0), Pe = U, Ee = Q.$as || p.$as || Q.as || p.as || ne, Re = nt(Ee), P = Q !== p ? je({}, p, {}, Q) : p, S = {};
-      for (var T in P) T[0] !== "$" && T !== "as" && (T === "forwardedAs" ? S.as = P[T] : (re ? re(T, Ut, Ee) : !Re || Ut(T)) && (S[T] = P[T]));
-      return p.style && Q.style !== p.style && (S.style = je({}, p.style, {}, Q.style)), S.className = Array.prototype.concat(xe, J, pe !== J ? pe : null, p.className, Q.className).filter(Boolean).join(" "), S.ref = Pe, gn(Ee, S);
-    })(E, x, g, _);
-  };
-  return j.displayName = v, (E = Ue.forwardRef(j)).attrs = L, E.componentStyle = k, E.displayName = v, E.shouldForwardProp = R, E.foldedComponentIds = n ? Array.prototype.concat(e.foldedComponentIds, e.styledComponentId) : it, E.styledComponentId = w, E.target = n ? e.target : e, E.withComponent = function(x) {
-    var g = r.componentId, A = (function(U, de) {
-      if (U == null) return {};
-      var te, ce, M = {}, xe = Object.keys(U);
-      for (ce = 0; ce < xe.length; ce++) te = xe[ce], de.indexOf(te) >= 0 || (M[te] = U[te]);
-      return M;
-    })(r, ["componentId"]), p = g && g + "-" + (nt(x) ? x : yt(xt(x)));
-    return yr(x, je({}, A, { attrs: L, componentId: p }), t);
-  }, Object.defineProperty(E, "defaultProps", { get: function() {
+  b.displayName = g;
+  var h = Re.forwardRef(b);
+  return h.attrs = v, h.componentStyle = P, h.displayName = g, h.shouldForwardProp = E, h.foldedComponentIds = r ? Te(i.foldedComponentIds, i.styledComponentId) : "", h.styledComponentId = w, h.target = r ? i.target : e, Object.defineProperty(h, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
-  }, set: function(x) {
-    this._foldedDefaultProps = n ? vr({}, e.defaultProps, x) : x;
-  } }), process.env.NODE_ENV !== "production" && (uo(v, w), E.warnTooManyClasses = /* @__PURE__ */ (function(x, g) {
-    var A = {}, p = !1;
-    return function(U) {
-      if (!p && (A[U] = !0, Object.keys(A).length >= 200)) {
-        var de = g ? ' with the id of "' + g + '"' : "";
-        console.warn("Over 200 classes were generated for component " + x + de + `.
-Consider using the attrs method, together with a style object for frequently changed styles.
+  }, set: function(L) {
+    this._foldedDefaultProps = r ? (function(D) {
+      for (var C = [], x = 1; x < arguments.length; x++) C[x - 1] = arguments[x];
+      for (var W = 0, J = C; W < J.length; W++) zt(D, J[W], !0);
+      return D;
+    })({}, i.defaultProps, L) : L;
+  } }), process.env.NODE_ENV !== "production" && (Xo(g, w), h.warnTooManyClasses = /* @__PURE__ */ (function(L, D) {
+    var C = {}, x = !1;
+    return function(W) {
+      if (!x && (C[W] = !0, Object.keys(C).length >= 200)) {
+        var J = D ? ' with the id of "'.concat(D, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(L).concat(J, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
     style: {
@@ -1901,73 +1783,90 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), p = !0, A = {};
+  <Component />`), x = !0, C = {};
       }
     };
-  })(v, w)), Object.defineProperty(E, "toString", { value: function() {
-    return "." + E.styledComponentId;
-  } }), i && On(E, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0, withComponent: !0 }), E;
-}
-var Y = function(e) {
-  return (function r(t, n, i) {
-    if (i === void 0 && (i = Le), !Rt.isValidElementType(n)) return We(1, String(n));
-    var c = function() {
-      return t(n, i, st.apply(void 0, arguments));
-    };
-    return c.withConfig = function(l) {
-      return r(t, n, je({}, i, {}, l));
-    }, c.attrs = function(l) {
-      return r(t, n, je({}, i, { attrs: Array.prototype.concat(i.attrs, l).filter(Boolean) }));
-    }, c;
-  })(yr, e);
+  })(g, w)), Qt(h, function() {
+    return ".".concat(h.styledComponentId);
+  }), a && ir(h, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), h;
+}
+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]);
+  return n;
+}
+var An = function(e) {
+  return Object.assign(e, { isCss: !0 });
 };
-["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "textPath", "tspan"].forEach((function(e) {
-  Y[e] = Y(e);
-}));
-function go(e) {
+function mt(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (He(e) || ze(e)) return An(Pe(Dn(Tt, je([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Pe(r) : An(Pe(Dn(r, t)));
+}
+function Wt(e, t, n) {
+  if (n === void 0 && (n = $e), !t) throw We(1, t);
+  var r = function(i) {
+    for (var a = [], l = 1; l < arguments.length; l++) a[l - 1] = arguments[l];
+    return e(t, n, mt.apply(void 0, je([i], a, !1)));
+  };
+  return r.attrs = function(i) {
+    return Wt(e, t, ee(ee({}, n), { attrs: Array.prototype.concat(n.attrs, i).filter(Boolean) }));
+  }, r.withConfig = function(i) {
+    return Wt(e, t, ee(ee({}, n), i));
+  }, r;
+}
+var pr = function(e) {
+  return Wt(_i, e);
+}, _ = pr;
+Nt.forEach(function(e) {
+  _[e] = pr(e);
+});
+function Ii(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.");
-  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++) t[n - 1] = arguments[n];
-  var i = st.apply(void 0, [e].concat(t)).join(""), c = mr(i);
-  return new hr(c, i);
+  var r = Ht(mt.apply(void 0, je([e], t, !1))), i = er(r);
+  return new Ut(i, 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`), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, window["__styled-components-init__"] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+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.
 
-See https://s-c.sh/2BAXzed for more info.`), window["__styled-components-init__"] += 1);
-function yo({
+See https://s-c.sh/2BAXzed for more info.`), window[st] += 1);
+function Di({
   children: e,
-  eventFinishedMessage: r,
-  eventNotStartedMessage: t,
-  eventStartingSoonMessage: n
+  eventFinishedMessage: t,
+  eventNotStartedMessage: n,
+  eventStartingSoonMessage: r
 }) {
-  const i = me((f) => f.startDate), c = me((f) => f.endDate), l = Date.now(), d = l < i.getTime(), u = l > c.getTime();
-  return Cn(5e3), d ? /* @__PURE__ */ a.jsx(
-    wo,
+  const i = U((d) => d.startDate), a = U((d) => d.endDate), l = Date.now(), u = l < i.getTime(), s = l > a.getTime();
+  return ko(5e3), u ? /* @__PURE__ */ c.jsx(
+    Ai,
     {
       startDate: i,
-      title: t || "Event has not started yet.",
-      message: n || "Starting in few seconds..."
+      title: n || "Event has not started yet.",
+      message: r || "Starting in few seconds..."
     }
-  ) : u ? /* @__PURE__ */ a.jsx(bo, { title: r || "Event has finished." }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
+  ) : s ? /* @__PURE__ */ c.jsx(Oi, { title: t || "Event has finished." }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
 }
-function wo({ startDate: e, title: r, message: t }) {
-  const n = e.getTime() - Date.now(), i = Math.floor(n / (1e3 * 60 * 60)), c = Math.floor(
-    n % (1e3 * 60 * 60) / (1e3 * 60)
+function Ai({ startDate: e, title: t, message: n }) {
+  const r = e.getTime() - Date.now(), i = Math.floor(r / (1e3 * 60 * 60)), a = Math.floor(
+    r % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return i || c ? /* @__PURE__ */ a.jsxs(Tt, { children: [
-    /* @__PURE__ */ a.jsx(Pt, { children: r }),
-    /* @__PURE__ */ a.jsxs(xo, { children: [
+  return i || a ? /* @__PURE__ */ c.jsxs(Yt, { children: [
+    /* @__PURE__ */ c.jsx(qt, { children: t }),
+    /* @__PURE__ */ c.jsxs(Fi, { children: [
       "(",
-      i > 0 ? `${i}h ${c}m` : `${c}m`,
+      i > 0 ? `${i}h ${a}m` : `${a}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ a.jsx(Tt, { children: /* @__PURE__ */ a.jsx(Pt, { children: t }) });
+  ] }) : /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: n }) });
 }
-function bo({ title: e }) {
-  return /* @__PURE__ */ a.jsx(Tt, { children: /* @__PURE__ */ a.jsx(Pt, { children: e }) });
+function Oi({ title: e }) {
+  return /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: e }) });
 }
-const Tt = Y.div`
+const Yt = _.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1980,14 +1879,14 @@ const Tt = Y.div`
   justify-content: center;
   color: black;
   background: #f7e406;
-`, Pt = Y.h3`
+`, qt = _.h3`
   margin: 0;
   padding: 0.5rem 0;
   font-size: 1.5rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, xo = Y.p`
+`, Fi = _.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -1995,22 +1894,22 @@ const Tt = Y.div`
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
 `;
-function So() {
-  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: "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 Ie = lt(
-  ({ shape: e = "circle", ...r }, t) => /* @__PURE__ */ a.jsx(Co, { ref: t, $shape: e, ...r })
+const be = yt(
+  ({ shape: e = "circle", ...t }, n) => /* @__PURE__ */ c.jsx(Vi, { ref: n, $shape: e, ...t })
 );
-Ie.displayName = "PlayerButton";
-const Co = Y.button`
+be.displayName = "PlayerButton";
+const Vi = _.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -2048,83 +1947,83 @@ const Co = Y.button`
     cursor: not-allowed;
   }
 
-  ${({ $shape: e }) => e === "circle" && st`
+  ${({ $shape: e }) => e === "circle" && mt`
       padding: 0;
       width: 2rem;
       height: 2rem;
     `}
 
-  ${({ $shape: e }) => e === "square" && st`
+  ${({ $shape: e }) => e === "square" && mt`
       padding: 0.25rem 0.5rem;
     `}
 `;
-function Eo({ message: e, ...r }) {
-  const t = me((c) => c.delay), n = me((c) => c.setDelay), i = () => n(0);
-  return t ? /* @__PURE__ */ a.jsxs(Ie, { onClick: i, shape: "square", ...r, children: [
-    /* @__PURE__ */ a.jsx("span", { children: e || "Live" }),
-    /* @__PURE__ */ a.jsx(So, {})
+function Ni({ message: e, ...t }) {
+  const n = U((a) => a.delay), r = U((a) => a.setDelay), i = () => r(0);
+  return n ? /* @__PURE__ */ c.jsxs(be, { onClick: i, shape: "square", ...t, children: [
+    /* @__PURE__ */ c.jsx("span", { children: e || "Live" }),
+    /* @__PURE__ */ c.jsx(Mi, {})
   ] }) : null;
 }
-function wr() {
-  return /* @__PURE__ */ a.jsx(
+function hr() {
+  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 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
     }
   );
 }
-function br() {
-  return /* @__PURE__ */ a.jsx(
+function mr() {
+  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: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
+      children: /* @__PURE__ */ 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 To(e, r, t) {
-  const n = {
+function $i(e, t, n) {
+  const r = {
     days: 86400,
     hours: 3600,
     minutes: 60,
     seconds: 1,
     milliseconds: 1e-3
   };
-  return e * (n[r] / n[t]);
+  return e * (r[t] / r[n]);
 }
-function Po(e) {
-  return To(e, "milliseconds", "seconds");
+function Hi(e) {
+  return $i(e, "milliseconds", "seconds");
 }
 const Be = (e) => {
-  const r = Math.floor(e / 60), t = Math.floor(e % 60);
-  return `${r.toString().padStart(2, "0")}:${t.toString().padStart(2, "0")}`;
+  const t = Math.floor(e / 60), n = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 };
-function Ro(e) {
-  const r = typeof window < "u" && window.navigator?.userAgent || "";
-  return e.test(r);
+function zi(e) {
+  const t = typeof window < "u" && window.navigator?.userAgent || "";
+  return e.test(t);
 }
-const xr = Ro(/iPhone|iPad|iPod/i);
-function ko() {
+const gr = zi(/iPhone|iPad|iPod/i);
+function Bi() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function _o(e) {
+function Ui(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function Ao(e) {
+function Wi(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function jo(e, r) {
-  return e.addEventListener("fullscreenchange", r), e.addEventListener("webkitfullscreenchange", r), e.addEventListener("mozfullscreenchange", r), e.addEventListener("MSFullscreenChange", r), () => {
-    e.removeEventListener("fullscreenchange", r), e.removeEventListener("webkitfullscreenchange", r), e.removeEventListener("mozfullscreenchange", r), e.removeEventListener("MSFullscreenChange", r);
+function Yi(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 Lo = (e, r) => ({
+const qi = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -2141,11 +2040,11 @@ const Lo = (e, r) => ({
   destroy: () => {
   },
   handleDurationChange: () => {
-    const t = r().techRef.current;
-    t && e({ duration: t.duration });
+    const n = t().techRef.current;
+    n && e({ duration: n.duration });
   },
   handleEnd: () => {
-    r().techRef.current && e({
+    t().techRef.current && e({
       isEnded: !0,
       isLoading: !1,
       isMetaLoaded: !1,
@@ -2153,18 +2052,18 @@ const Lo = (e, r) => ({
     });
   },
   handleLoadedMetadata: () => {
-    const t = r().techRef.current;
-    t && (t.loop = r().isLoop, t.volume = t.muted ? 0 : 1, r().startTime !== -1 && (t.currentTime = r().startTime), e({
-      currentTime: r().startTime !== -1 ? r().startTime : t.currentTime,
-      duration: t.duration,
+    const n = t().techRef.current;
+    n && (n.loop = t().isLoop, n.volume = n.muted ? 0 : 1, t().startTime !== -1 && (n.currentTime = t().startTime), e({
+      currentTime: t().startTime !== -1 ? t().startTime : n.currentTime,
+      duration: n.duration,
       startTime: -1,
       isMetaLoaded: !0,
-      volume: t.muted ? 0 : 100
+      volume: n.muted ? 0 : 100
     }));
   },
   handleLoadStart: () => {
-    const t = r().techRef.current;
-    t && (e({ isReady: !0 }), t.play().then(() => {
+    const n = t().techRef.current;
+    n && (e({ isReady: !0 }), n.play().then(() => {
       e({
         isEnded: !1,
         isLoading: !1,
@@ -2173,7 +2072,7 @@ const Lo = (e, r) => ({
         pauseTime: 0
       });
     }).catch(
-      (n) => e(() => (console.info("Player failed to autoplay", n), {
+      (r) => e(() => (console.info("Player failed to autoplay", r), {
         isStarted: !1,
         isEnded: !1,
         isLoading: !1,
@@ -2193,134 +2092,134 @@ const Lo = (e, r) => ({
   handleSeeked: () => e({ isLoading: !1 }),
   handleSeeking: () => e({ isLoading: !0 }),
   handleTimeUpdate: () => {
-    const t = r().techRef.current;
-    t && e({ currentTime: t.currentTime });
+    const n = t().techRef.current;
+    n && e({ currentTime: n.currentTime });
   },
   handleWaiting: () => e({ isLoading: !0 }),
   pause: () => {
-    const t = r().techRef.current;
-    t && (t.pause(), e({
+    const n = t().techRef.current;
+    n && (n.pause(), e({
       isEnded: !1,
       isPlaying: !1,
       pauseTime: Date.now()
     }));
   },
-  pauseTimeDiff: () => Po(Date.now() - r().pauseTime),
+  pauseTimeDiff: () => parseInt(Hi(Date.now() - t().pauseTime).toFixed(0)),
   play: () => {
-    const t = r().techRef.current;
-    t && (t.play(), e({
+    const n = t().techRef.current;
+    n && (n.play(), e({
       isEnded: !1,
       isPlaying: !0,
       isStarted: !0,
       pauseTime: 0
     }));
   },
-  seek: (t) => {
-    const n = r().techRef.current;
-    n && (n.currentTime = t, (n.paused || n.ended) && n.play(), e({
+  seek: (n) => {
+    const r = t().techRef.current;
+    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
       seekTime: -1,
-      currentTime: t,
+      currentTime: n,
       isStarted: !0,
       isEnded: !1,
       isPlaying: !0
     }));
   },
-  setIsLoading: (t) => e({ isLoading: t }),
-  setIsLoop: (t) => {
-    const n = r().techRef.current;
-    n && (n.loop = t, e({ isLoop: t }));
+  setIsLoading: (n) => e({ isLoading: n }),
+  setIsLoop: (n) => {
+    const r = t().techRef.current;
+    r && (r.loop = n, e({ isLoop: n }));
   },
-  setStartTime: (t) => e({ startTime: t }),
-  setVolume: (t) => {
-    const n = r().techRef.current;
-    n && (n.muted = t === 0, n.volume = t / 100, e({ volume: t }));
+  setStartTime: (n) => e({ startTime: n }),
+  setVolume: (n) => {
+    const r = t().techRef.current;
+    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
   },
   stop: () => {
-    r().techRef.current && e({
+    t().techRef.current && e({
       isPlaying: !1,
       isLoading: !1
     });
   }
-}), Io = (e) => ({
+}), Zi = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
-  addIdleLock: (r) => e((t) => ({
-    idleLocks: new Set(t.idleLocks).add(r)
+  addIdleLock: (t) => e((n) => ({
+    idleLocks: new Set(n.idleLocks).add(t)
   })),
-  removeIdleLock: (r) => e((t) => {
-    const n = new Set(t.idleLocks);
-    return n.delete(r), { idleLocks: n };
+  removeIdleLock: (t) => e((n) => {
+    const r = new Set(n.idleLocks);
+    return r.delete(t), { idleLocks: r };
   })
-}), Oo = (e) => ({
+}), Gi = (e) => ({
   level: null,
   levels: null,
-  setLevels: (r) => e({ levels: r }),
-  setLevel: (r) => e({ level: r })
-}), Do = (e, r) => ({
+  setLevels: (t) => e({ levels: t }),
+  setLevel: (t) => e({ level: t })
+}), Xi = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    Ao(document), e({ isFullscreen: !1 });
+    Wi(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
-    const t = r().techRef.current, n = r().containerRef.current;
-    if (!t || !n) return;
-    const i = xr ? t : n;
-    i && _o(i), e({ isFullscreen: !0 });
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
+    const i = gr ? n : r;
+    i && Ui(i), e({ isFullscreen: !0 });
   },
-  setIsFullscreen: (t) => e({ isFullscreen: t }),
-  setIsFullscreenReady: (t) => e({ isFullscreenReady: t })
-}), Mo = (e) => () => ({
+  setIsFullscreen: (n) => e({ isFullscreen: n }),
+  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
+}), Ji = (e) => () => ({
   ...e
-}), Fo = (e, r) => ir()((...t) => ({
-  ...Lo(...t),
-  ...Io(...t),
-  ...Do(...t),
-  ...Oo(...t),
-  ...Mo({ techRef: e, containerRef: r })(...t)
-})), Sr = or(null);
-function No({ children: e }) {
-  const r = ve(null), t = ve(null), n = ve(null);
-  return r.current || (r.current = Fo(t, n)), /* @__PURE__ */ a.jsx(Sr.Provider, { value: r.current, children: e });
-}
-const b = (e) => {
-  const r = Je(Sr);
-  if (!r)
+}), Ki = (e, t) => $n()((...n) => ({
+  ...qi(...n),
+  ...Zi(...n),
+  ...Xi(...n),
+  ...Gi(...n),
+  ...Ji({ techRef: e, containerRef: t })(...n)
+})), yr = Nn(null);
+function Qi({ children: e }) {
+  const t = Y(null), n = Y(null), r = Y(null);
+  return t.current || (t.current = Ki(n, r)), /* @__PURE__ */ c.jsx(yr.Provider, { value: t.current, children: e });
+}
+const m = (e) => {
+  const t = Zt(yr);
+  if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return ar(r, e);
+  return Hn(t, e);
 };
-function Vo() {
-  const e = b((u) => u.isPlaying), r = b((u) => u.pause), t = b((u) => u.pauseTime), n = b((u) => u.pauseTimeDiff), i = b((u) => u.play), c = me((u) => u.delay), l = me((u) => u.setDelay), d = () => {
-    e ? r() : (t && l(c + n()), i());
+function es() {
+  const e = m((s) => s.isPlaying), t = m((s) => s.pause), n = m((s) => s.pauseTime), r = m((s) => s.pauseTimeDiff), i = m((s) => s.play), a = U((s) => s.delay), l = U((s) => s.setDelay), u = () => {
+    e ? t() : (n && l(a + r()), i());
   };
-  return /* @__PURE__ */ a.jsx(Ie, { onClick: d, children: e ? /* @__PURE__ */ a.jsx(wr, {}) : /* @__PURE__ */ a.jsx(br, {}) });
+  return /* @__PURE__ */ c.jsx(be, { onClick: u, children: e ? /* @__PURE__ */ c.jsx(hr, {}) : /* @__PURE__ */ c.jsx(mr, {}) });
 }
-function Cr({
+function vr({
   className: e,
-  onClick: r,
-  ...t
+  onClick: t,
+  ...n
 }) {
-  const n = ve(null), i = b((w) => w.exitFullscreen), c = b((w) => w.isFullscreen), l = b((w) => w.requestFullscreen), d = (w) => {
-    v() ? (f(), c ? i() : l()) : u(w);
-  }, u = (w) => {
-    n.current = window.setTimeout(() => {
-      r?.(w), f();
+  const r = Y(null), i = m((g) => g.exitFullscreen), a = m((g) => g.isFullscreen), l = m((g) => g.requestFullscreen), u = (g) => {
+    p() ? (d(), a ? i() : l()) : s(g);
+  }, s = (g) => {
+    r.current = window.setTimeout(() => {
+      t?.(g), d();
     }, 200);
-  }, f = () => {
-    n.current !== null && (window.clearTimeout(n.current), n.current = null);
-  }, v = () => n.current !== null;
-  return be(() => () => {
-    f();
-  }, []), /* @__PURE__ */ a.jsx(
-    $o,
+  }, d = () => {
+    r.current !== null && (window.clearTimeout(r.current), r.current = null);
+  }, p = () => r.current !== null;
+  return te(() => () => {
+    d();
+  }, []), /* @__PURE__ */ c.jsx(
+    ts,
     {
-      onClick: d,
+      onClick: u,
       className: e,
       "aria-label": "Player playback indicator",
-      ...t
+      ...n
     }
   );
 }
-const $o = Y.button`
+const ts = _.button`
   position: absolute;
   top: 0;
   left: 0;
@@ -2339,17 +2238,17 @@ const $o = Y.button`
     outline: none;
   }
 `;
-function Ho() {
-  const e = b((n) => n.isPlaying), r = b((n) => n.play), t = () => {
-    e || r();
+function ns() {
+  const e = m((s) => s.isPlaying), t = m((s) => s.pause), n = m((s) => s.pauseTime), r = m((s) => s.pauseTimeDiff), i = m((s) => s.play), a = U((s) => s.delay), l = U((s) => s.setDelay), u = () => {
+    e ? t() : (n && l(a + r()), i());
   };
-  return /* @__PURE__ */ a.jsx(Cr, { onClick: t });
+  return /* @__PURE__ */ c.jsx(vr, { onClick: u });
 }
-const Er = Y.div`
+const wr = _.div`
   position: relative;
   width: 100%;
   margin-bottom: -0.25rem;
-`, Tr = Y.div`
+`, br = _.div`
   position: absolute;
   bottom: 1.75rem;
   left: 0;
@@ -2360,7 +2259,7 @@ const Er = Y.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;
-`, Pr = Y.p`
+`, xr = _.p`
   margin: 0;
   padding: 0.25rem;
   font-variant-numeric: tabular-nums;
@@ -2372,11 +2271,11 @@ const Er = Y.div`
   color: white;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 1rem;
-`, ft = lt(({ max: e = 100, min: r = 0, ...t }, n) => /* @__PURE__ */ a.jsxs(
-  zo,
+`, Et = yt(({ max: e = 100, min: t = 0, ...n }, r) => /* @__PURE__ */ c.jsxs(
+  rs,
   {
-    ref: n,
-    min: r,
+    ref: r,
+    min: t,
     max: e,
     "aria-label": "Player progress",
     onKeyDown: (i) => (
@@ -2384,15 +2283,15 @@ const Er = Y.div`
       // when the slider is focused by a click
       i.preventDefault()
     ),
-    ...t,
+    ...n,
     children: [
-      /* @__PURE__ */ a.jsx(Yo, { children: /* @__PURE__ */ a.jsx(Bo, {}) }),
-      /* @__PURE__ */ a.jsx(Uo, {})
+      /* @__PURE__ */ c.jsx(os, { children: /* @__PURE__ */ c.jsx(is, {}) }),
+      /* @__PURE__ */ c.jsx(ss, {})
     ]
   }
 ));
-ft.displayName = "PlayerSlider";
-const zo = Y(ut.Root)`
+Et.displayName = "PlayerSlider";
+const rs = _(vt.Root)`
   position: relative;
   display: flex;
   align-items: center;
@@ -2406,20 +2305,20 @@ const zo = Y(ut.Root)`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, Yo = Y(ut.Track)`
+`, os = _(vt.Track)`
   position: relative;
   height: 0.25rem;
   flex-grow: 1;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 1rem;
   overflow: hidden;
-`, Bo = Y(ut.Range)`
+`, is = _(vt.Range)`
   position: absolute;
   height: 100%;
   background: #f7e406;
   transition: width 0.2s ease-in-out;
   border-radius: 1rem;
-`, Uo = Y(ut.Thumb)`
+`, ss = _(vt.Thumb)`
   display: block;
   width: 0.875rem;
   height: 0.875rem;
@@ -2443,106 +2342,106 @@ const zo = Y(ut.Root)`
     opacity: 0.5;
   }
 `;
-function ct(e) {
-  const r = e.getBoundingClientRect();
+function gt(e) {
+  const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
-    left: r.left * 100,
-    right: r.right * 100,
-    top: r.top * 100,
-    bottom: r.bottom * 100,
-    width: r.width * 100,
-    height: r.height * 100
-  } : r;
-}
-const Rr = (e, r = 0) => parseInt(
-  Math.max(0, (Date.now() - (e + r * 1e3)) / 1e3).toFixed(0)
-), kr = (e, r) => Math.max(0, (Date.now() - e - r * 1e3) / 1e3), _r = (e, r) => Math.max(0, (r - e) / 1e3), Wo = (e, r = 0) => {
-  const n = r < 0 ? 0 : r, i = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, c)).toFixed(n))}${i[c]}`;
+    left: t.left * 100,
+    right: t.right * 100,
+    top: t.top * 100,
+    bottom: t.bottom * 100,
+    width: t.width * 100,
+    height: t.height * 100
+  } : t;
+}
+const Sr = (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"], a = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, a)).toFixed(r))}${i[a]}`;
 };
-function qo({
+function cs({
   isAuto: e,
-  level: r,
-  levels: t
+  level: t,
+  levels: n
 }) {
-  const n = t.length, i = [];
-  return n > 1 && i.push({
+  const r = n.length, i = [];
+  return r > 1 && i.push({
     sid: "quality-level-auto",
     label: "Auto",
     value: -1,
-    selected: e || r === -1
-  }), t.sort(function(c, l) {
-    const d = c.height || c.bitrate || 0, u = l.height || l.bitrate || 0;
-    return d === u ? 0 : d > u ? 1 : -1;
-  }), t.map((c) => {
-    const { bitrate: l, height: d, index: u } = c;
+    selected: e || t === -1
+  }), n.sort(function(a, l) {
+    const u = a.height || a.bitrate || 0, s = l.height || l.bitrate || 0;
+    return u === s ? 0 : u > s ? 1 : -1;
+  }), n.map((a) => {
+    const { bitrate: l, height: u, index: s } = a;
     i.push({
-      sid: `quality-level-${u}`,
-      label: d ? `${d}p` : Wo(l),
-      value: u,
-      selected: n === 1 || !e && u === r
+      sid: `quality-level-${s}`,
+      label: u ? `${u}p` : as(l),
+      value: s,
+      selected: r === 1 || !e && s === t
     });
   }), i;
 }
-const er = "vod-player-progress-bar";
-function Zo() {
-  const e = ve(null), r = ve(null), [t, n] = ye(0), [i, c] = ye(0), [l, d] = ye(!1), [u, f] = ye(-1), [v, w] = ye(-1), L = me((M) => M.delay), R = me((M) => M.startTime), E = me((M) => M.endTime), k = me((M) => M.setDelay), _ = b((M) => M.isPlaying), j = b((M) => M.addIdleLock), x = b((M) => M.removeIdleLock), g = he(() => {
-    n(kr(R, L)), c(_r(R, E));
-  }, [L, E, R]), A = parseFloat(
-    (i ? (v !== -1 ? v : t) / i * 100 : 0).toFixed(1)
-  ), p = (M) => {
-    w(i * (M[0] / 100)), j(er);
-  }, U = () => {
-    if (v !== -1) {
-      const M = Rr(R, v);
-      k(M), w(-1), x(er);
-    }
-  }, de = () => d(!0), te = () => d(!1), ce = he(
-    (M) => {
-      const xe = e.current, re = r.current;
-      if (xe && re) {
-        const J = ct(xe), ne = ct(re), K = (M.pageX || M.clientX) - J.left, Se = K / J.width;
-        if (Se < 0) return;
-        let Q = K - ne.width / 2;
-        Q < 0 && (Q = 0), Q > J.width - ne.width && (Q = -1), re.style.left = Q > -1 ? `${Q}px` : "auto", re.style.right = Q > -1 ? "auto" : "0px", f(Se * i);
+const On = "vod-player-progress-bar";
+function ls() {
+  const e = Y(null), t = Y(null), [n, r] = X(0), [i, a] = X(0), [l, u] = X(!1), [s, d] = X(-1), [p, g] = X(-1), w = U((I) => I.delay), v = U((I) => I.startTime), E = U((I) => I.endTime), T = U((I) => I.setDelay), M = m((I) => I.isPlaying), P = m((I) => I.addIdleLock), b = m((I) => I.removeIdleLock), h = B(() => {
+    r(Cr(v, w)), a(kr(v, E));
+  }, [w, E, v]), L = parseFloat(
+    (i ? (p !== -1 ? p : n) / i * 100 : 0).toFixed(1)
+  ), D = (I) => {
+    g(i * (I[0] / 100)), P(On);
+  }, C = () => {
+    if (p !== -1) {
+      const I = Sr(v, p);
+      T(I), g(-1), b(On);
+    }
+  }, x = () => u(!0), W = () => u(!1), J = B(
+    (I) => {
+      const _e = e.current, fe = t.current;
+      if (_e && fe) {
+        const q = gt(_e), ne = gt(fe), ue = (I.pageX || I.clientX) - q.left, xe = ue / q.width;
+        if (xe < 0) return;
+        let K = ue - ne.width / 2;
+        K < 0 && (K = 0), K > q.width - ne.width && (K = -1), fe.style.left = K > -1 ? `${K}px` : "auto", fe.style.right = K > -1 ? "auto" : "0px", d(xe * i);
       }
-      de();
+      x();
     },
     [i]
   );
-  return dt(() => g(), _ ? 1e3 : null), be(() => {
-    g();
-  }, [g]), /* @__PURE__ */ a.jsxs(Er, { children: [
-    /* @__PURE__ */ a.jsx(
-      ft,
+  return wt(() => h(), M ? 1e3 : null), te(() => {
+    h();
+  }, [h]), /* @__PURE__ */ c.jsxs(wr, { children: [
+    /* @__PURE__ */ c.jsx(
+      Et,
       {
         ref: e,
-        value: [A],
-        onPointerLeave: te,
-        onPointerDown: te,
-        onPointerMove: ce,
-        onValueChange: p,
-        onValueCommit: U,
+        value: [L],
+        onPointerLeave: W,
+        onPointerDown: W,
+        onPointerMove: J,
+        onValueChange: D,
+        onValueCommit: C,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(Tr, { ref: r, $isVisible: l, children: /* @__PURE__ */ a.jsx(Pr, { children: Be(u) }) })
+    /* @__PURE__ */ c.jsx(br, { ref: t, $isVisible: l, children: /* @__PURE__ */ c.jsx(xr, { children: Be(s) }) })
   ] });
 }
-function Ar({ children: e }) {
-  return /* @__PURE__ */ a.jsx(No, { children: e });
+function Tr({ children: e }) {
+  return /* @__PURE__ */ c.jsx(Qi, { children: e });
 }
-function Go({
+function us({
   children: e,
-  startDate: r,
-  endDate: t
+  startDate: t,
+  endDate: n
 }) {
-  return /* @__PURE__ */ a.jsx(Tn, { startDate: r, endDate: t, children: /* @__PURE__ */ a.jsx(Ar, { children: e }) });
+  return /* @__PURE__ */ c.jsx(Eo, { startDate: t, endDate: n, children: /* @__PURE__ */ c.jsx(Tr, { children: e }) });
 }
-const jr = Y.div`
+const Er = _.div`
   display: flex;
   align-items: center;
-`, Lr = Y.p`
+`, Pr = _.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -2550,11 +2449,11 @@ const jr = Y.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Ir = Y(Lr)`
+`, Rr = _(Pr)`
   margin-right: 0.5rem;
-`, Or = Y(Lr)`
+`, jr = _(Pr)`
   margin-left: 0.5rem;
-`, Dr = Y.p`
+`, Lr = _.p`
   margin: 0;
   padding: 0;
   font-size: 0.8125rem;
@@ -2566,69 +2465,69 @@ const jr = Y.div`
     content: "/";
   }
 `;
-function Xo() {
-  const [e, r] = ye(0), [t, n] = ye(0), i = b((f) => f.isPlaying), c = me((f) => f.delay), l = me((f) => f.startTime), d = me((f) => f.endTime), u = he(() => {
-    r(kr(l, c)), n(_r(l, d));
-  }, [c, d, l]);
-  return dt(() => u(), i ? 1e3 : null), be(() => {
-    u();
-  }, [u]), c ? /* @__PURE__ */ a.jsxs(jr, { children: [
-    /* @__PURE__ */ a.jsx(Ir, { children: Be(e) }),
-    /* @__PURE__ */ a.jsx(Dr, {}),
-    /* @__PURE__ */ a.jsx(Or, { children: Be(t) })
+function ds() {
+  const [e, t] = X(0), [n, r] = X(0), i = m((d) => d.isPlaying), a = U((d) => d.delay), l = U((d) => d.startTime), u = U((d) => d.endTime), s = B(() => {
+    t(Cr(l, a)), r(kr(l, u));
+  }, [a, u, l]);
+  return wt(() => s(), i ? 1e3 : null), te(() => {
+    s();
+  }, [s]), a ? /* @__PURE__ */ c.jsxs(Er, { children: [
+    /* @__PURE__ */ c.jsx(Rr, { children: Be(e) }),
+    /* @__PURE__ */ c.jsx(Lr, {}),
+    /* @__PURE__ */ c.jsx(jr, { children: Be(n) })
   ] }) : null;
 }
-function Jo() {
-  return /* @__PURE__ */ a.jsx(
+function fs() {
+  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 Ko() {
-  const e = me((n) => n.startTime), r = me((n) => n.setDelay), t = () => r(Rr(e));
-  return /* @__PURE__ */ a.jsx(Ie, { onClick: t, children: /* @__PURE__ */ a.jsx(Jo, {}) });
-}
-function Qo({ url: e, isLive: r }) {
-  const t = ve(null), n = b((R) => R.level), i = b((R) => R.levels), c = b((R) => R.setLevel), l = b((R) => R.setLevels), d = b((R) => R.techRef), u = he(
-    (R) => {
-      if (t.current && (t.current.nextLevel = R, c(null), i)) {
-        const E = i.map((k) => ({
-          ...k,
-          selected: k.value === R
+function ps() {
+  const e = U((r) => r.startTime), t = U((r) => r.setDelay), n = () => t(Sr(e));
+  return /* @__PURE__ */ c.jsx(be, { onClick: n, children: /* @__PURE__ */ c.jsx(fs, {}) });
+}
+function hs({ url: e, isLive: t }) {
+  const n = Y(null), r = m((v) => v.level), i = m((v) => v.levels), a = m((v) => v.setLevel), l = m((v) => v.setLevels), u = m((v) => v.techRef), s = B(
+    (v) => {
+      if (n.current && (n.current.nextLevel = v, a(null), i)) {
+        const E = i.map((T) => ({
+          ...T,
+          selected: T.value === v
         }));
         l(E);
       }
     },
-    [i, c, l, t]
-  ), f = he(() => {
-    t.current && (console.log("[Player][Event]", "MEDIA_ATTACHED"), t.current.loadSource(e));
-  }, [e]), v = he(() => {
-    if (!t.current) return;
+    [i, a, l, n]
+  ), d = B(() => {
+    n.current && (console.log("[Player][Event]", "MEDIA_ATTACHED"), n.current.loadSource(e));
+  }, [e]), p = B(() => {
+    if (!n.current) return;
     console.log("[Player][Event]", "MANIFEST_LOADED");
-    const R = t.current.levels, E = t.current.currentLevel, k = t.current.autoLevelEnabled;
+    const v = n.current.levels, E = n.current.currentLevel, T = n.current.autoLevelEnabled;
     l(
-      qo({
-        levels: R.map((_, j) => {
-          const { bitrate: x, height: g, width: A } = _;
+      cs({
+        levels: v.map((M, P) => {
+          const { bitrate: b, height: h, width: L } = M;
           return {
-            bitrate: x,
-            height: g,
-            index: j,
-            width: A
+            bitrate: b,
+            height: h,
+            index: P,
+            width: L
           };
         }),
         level: E,
-        isAuto: k
+        isAuto: T
       })
     );
-  }, [l]), w = he(() => {
-    if (!d.current) return;
-    const k = r ? {
+  }, [l]), g = B(() => {
+    if (!u.current) return;
+    const T = t ? {
       backBufferLength: 10,
       startLevel: -1
     } : {
@@ -2636,52 +2535,52 @@ function Qo({ url: e, isLive: r }) {
       startLevel: -1
     };
     try {
-      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(k)), console.log("[Player] Version", De.version), t.current = new De(k), t.current.attachMedia(d.current), t.current.on(De.Events.MEDIA_ATTACHED, f), t.current.on(De.Events.MANIFEST_LOADED, v);
-    } catch (_) {
-      throw new Error(`Error initializing Hls: ${_}`);
-    }
-  }, [v, f, r, d, e]), L = he(() => {
-    t.current && (t.current.off(De.Events.MEDIA_ATTACHED, f), t.current.off(De.Events.MANIFEST_LOADED, v), t.current.destroy(), t.current = null);
-  }, [v, f]);
-  return be(() => {
-    n !== null && u(n);
-  }, [n, u]), be(() => (De.isSupported() && w(), L), [L, w]), null;
-}
-function Mr({ url: e, isLive: r, isMuted: t = !1 }) {
-  const n = b((g) => g.handleDurationChange), i = b((g) => g.handleEnd), c = b((g) => g.handleLoadedMetadata), l = b((g) => g.handleLoadStart), d = b((g) => g.handlePause), u = b((g) => g.handlePlay), f = b((g) => g.handlePlaying), v = b((g) => g.handleSeeked), w = b((g) => g.handleSeeking), L = b((g) => g.handleTimeUpdate), R = b((g) => g.handleWaiting), E = b((g) => g.techRef), k = ve(null), _ = () => r ? {} : {
-    onDurationChange: n,
-    onSeeked: v,
-    onSeeking: w,
-    onTimeUpdate: j
-  }, j = () => {
-    (!k.current || Date.now() - k.current >= 1e3) && (L(), k.current = Date.now());
-  }, x = _();
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Qo, { isLive: r, url: e }),
-    /* @__PURE__ */ a.jsx(
-      ei,
+      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(T)), console.log("[Player] Version", Ce.version), n.current = new Ce(T), n.current.attachMedia(u.current), n.current.on(Ce.Events.MEDIA_ATTACHED, d), n.current.on(Ce.Events.MANIFEST_LOADED, p);
+    } catch (M) {
+      throw new Error(`Error initializing Hls: ${M}`);
+    }
+  }, [p, d, t, u, e]), w = B(() => {
+    n.current && (n.current.off(Ce.Events.MEDIA_ATTACHED, d), n.current.off(Ce.Events.MANIFEST_LOADED, p), n.current.destroy(), n.current = null);
+  }, [p, d]);
+  return te(() => {
+    r !== null && s(r);
+  }, [r, s]), te(() => (Ce.isSupported() && g(), w), [w, g]), null;
+}
+function _r({ url: e, isLive: t, isMuted: n = !1 }) {
+  const r = m((h) => h.handleDurationChange), i = m((h) => h.handleEnd), a = m((h) => h.handleLoadedMetadata), l = m((h) => h.handleLoadStart), u = m((h) => h.handlePause), s = m((h) => h.handlePlay), d = m((h) => h.handlePlaying), p = m((h) => h.handleSeeked), g = m((h) => h.handleSeeking), w = m((h) => h.handleTimeUpdate), v = m((h) => h.handleWaiting), E = m((h) => h.techRef), T = Y(null), M = () => t ? {} : {
+    onDurationChange: r,
+    onSeeked: p,
+    onSeeking: g,
+    onTimeUpdate: P
+  }, P = () => {
+    (!T.current || Date.now() - T.current >= 1e3) && (w(), T.current = Date.now());
+  }, b = M();
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(hs, { isLive: t, url: e }),
+    /* @__PURE__ */ c.jsx(
+      ms,
       {
         ref: E,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
-        muted: t,
+        muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: i,
-        onLoadedMetadata: c,
+        onLoadedMetadata: a,
         onLoadStart: l,
-        onPause: d,
-        onPlay: u,
-        onPlaying: f,
-        onWaiting: R,
+        onPause: u,
+        onPlay: s,
+        onPlaying: d,
+        onWaiting: v,
         tabIndex: -1,
-        ...x
+        ...b
       }
     )
   ] });
 }
-const ei = Y.video`
+const ms = _.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -2690,20 +2589,20 @@ const ei = Y.video`
     pointer-events: none;
   }
 `;
-function ti({ url: e }) {
-  const [r, t] = ye(null), n = me((c) => c.delay), i = he(async () => {
-    t(
-      n ? e.replace(
+function gs({ url: e }) {
+  const [t, n] = X(null), r = U((a) => a.delay), i = B(async () => {
+    n(
+      r ? e.replace(
         "playlist.m3u8",
-        `playlist_fmp4_dvr_timeshift-${n}.m3u8`
+        `playlist_fmp4_dvr_timeshift-${r}.m3u8`
       ) : e
     );
-  }, [n, e]);
-  return be(() => {
+  }, [r, e]);
+  return te(() => {
     i();
-  }, [i]), r ? /* @__PURE__ */ a.jsx(Mr, { url: r, isLive: !0 }) : null;
+  }, [i]), t ? /* @__PURE__ */ c.jsx(_r, { url: t, isLive: !0 }) : null;
 }
-const Fr = Y.div`
+const Ir = _.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2712,7 +2611,7 @@ const Fr = Y.div`
   color: white;
   background: black;
   overflow: hidden;
-`, Nr = Y.div`
+`, Dr = _.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -2724,7 +2623,7 @@ const Fr = Y.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Vr = Y.div`
+`, Ar = _.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -2736,83 +2635,83 @@ const Fr = Y.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, $r = Y.div`
+`, Or = _.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, Hr = Y.div`
+`, Fr = _.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, zr = Y(Hr)`
+`, Mr = _(Fr)`
   justify-content: flex-start;
-`, Yr = Y(Hr)`
+`, Vr = _(Fr)`
   justify-content: flex-end;
 `;
-function ri() {
-  return /* @__PURE__ */ a.jsx(
+function ys() {
+  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 ni() {
-  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: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ c.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-function Br() {
-  const e = b((f) => f.containerRef), r = b((f) => f.exitFullscreen), t = b((f) => f.isFullscreen), n = b((f) => f.requestFullscreen), i = b((f) => f.setIsFullscreen), c = b((f) => f.setIsFullscreenReady), l = b((f) => f.techRef), d = he(
-    (f) => {
-      f.stopPropagation(), i(ko());
+function Nr() {
+  const e = m((d) => d.containerRef), t = m((d) => d.exitFullscreen), n = m((d) => d.isFullscreen), r = m((d) => d.requestFullscreen), i = m((d) => d.setIsFullscreen), a = m((d) => d.setIsFullscreenReady), l = m((d) => d.techRef), u = B(
+    (d) => {
+      d.stopPropagation(), i(Bi());
     },
     [i]
-  ), u = () => {
-    t ? r() : n();
+  ), s = () => {
+    n ? t() : r();
   };
-  return be(() => {
-    const f = xr ? l.current : e.current;
-    if (f)
-      return jo(f, d);
-  }, [e, d, l]), be(() => {
-    c(!0);
-  }, [c]), /* @__PURE__ */ a.jsx(Ie, { onClick: u, children: t ? /* @__PURE__ */ a.jsx(ni, {}) : /* @__PURE__ */ a.jsx(ri, {}) });
-}
-const oi = 5 * 1e3;
-function Ur({ children: e }) {
-  const r = ve(null), [t, n] = ye(!1), i = ve(null), l = b((f) => f.idleLocks).size, d = he(() => {
+  return te(() => {
+    const d = gr ? l.current : e.current;
+    if (d)
+      return Yi(d, u);
+  }, [e, u, l]), te(() => {
+    a(!0);
+  }, [a]), /* @__PURE__ */ c.jsx(be, { onClick: s, children: n ? /* @__PURE__ */ c.jsx(vs, {}) : /* @__PURE__ */ c.jsx(ys, {}) });
+}
+const ws = 5 * 1e3;
+function $r({ children: e }) {
+  const t = Y(null), [n, r] = X(!1), i = Y(null), l = m((d) => d.idleLocks).size, u = B(() => {
     i.current !== null && (window.clearTimeout(i.current), i.current = null);
-  }, []), u = he(() => {
-    d(), i.current = window.setTimeout(() => n(!0), oi);
-  }, [d]);
-  return be(() => (n(!1), u(), () => {
-    d();
-  }), [d, u]), be(() => {
-    const f = r.current;
-    if (!f) return;
-    const v = (L) => {
-      t && (L.stopPropagation(), n(!1), u());
-    }, w = () => {
-      t && n(!1), u();
+  }, []), s = B(() => {
+    u(), i.current = window.setTimeout(() => r(!0), ws);
+  }, [u]);
+  return te(() => (r(!1), s(), () => {
+    u();
+  }), [u, s]), te(() => {
+    const d = t.current;
+    if (!d) return;
+    const p = (w) => {
+      n && (w.stopPropagation(), r(!1), s());
+    }, g = () => {
+      n && r(!1), s();
     };
-    return f.addEventListener("click", v), f.addEventListener("mousemove", w), () => {
-      f.removeEventListener("click", v), f.removeEventListener("mousemove", w);
+    return d.addEventListener("click", p), d.addEventListener("mousemove", g), () => {
+      d.removeEventListener("click", p), d.removeEventListener("mousemove", g);
     };
-  }, [r, t, n, u]), /* @__PURE__ */ a.jsx(ii, { ref: r, $isIdle: t && !l, children: e });
+  }, [t, n, r, s]), /* @__PURE__ */ c.jsx(bs, { ref: t, $isIdle: n && !l, children: e });
 }
-const ii = Y.div`
+const bs = _.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2822,38 +2721,38 @@ const ii = Y.div`
   cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
   opacity: ${({ $isIdle: e }) => e ? 0 : 1};
 `;
-function ai(e) {
-  return /* @__PURE__ */ a.jsx(ci, { ...e });
+function xs(e) {
+  return /* @__PURE__ */ c.jsx(Cs, { ...e });
 }
-const si = go`
+const Ss = Ii`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, ci = Y.div`
+`, Cs = _.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${si} 1s linear infinite;
+  animation: ${Ss} 1s linear infinite;
 `;
-function li(e, r = 500) {
-  const [t, n] = ye(e);
-  return be(() => {
-    const i = window.setTimeout(() => n(e), r);
+function ks(e, t = 500) {
+  const [n, r] = X(e);
+  return te(() => {
+    const i = window.setTimeout(() => r(e), t);
     return () => {
       window.clearTimeout(i);
     };
-  }, [e, r]), t;
+  }, [e, t]), n;
 }
-function Wr({ style: e, ...r }) {
-  const t = b((i) => i.isLoading);
-  return li(t, 100) ? /* @__PURE__ */ a.jsx(ui, { style: e, ...r, children: /* @__PURE__ */ a.jsx(ai, {}) }) : null;
+function Hr({ style: e, ...t }) {
+  const n = m((i) => i.isLoading);
+  return ks(n, 100) ? /* @__PURE__ */ c.jsx(Ts, { style: e, ...t, children: /* @__PURE__ */ c.jsx(xs, {}) }) : null;
 }
-const ui = Y.div`
+const Ts = _.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -2866,43 +2765,43 @@ const ui = Y.div`
   align-items: center;
   justify-content: center;
 `;
-function di() {
-  return /* @__PURE__ */ a.jsx(
+function Es() {
+  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 fi() {
-  return /* @__PURE__ */ a.jsx(
+function Ps() {
+  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 pi = Ke.Root, hi = Ke.Trigger, mi = Ke.Portal, qr = lt(({ sideOffset: e = 4, ...r }, t) => /* @__PURE__ */ a.jsx(
-  vi,
+const Rs = Qe.Root, js = Qe.Trigger, Ls = Qe.Portal, zr = yt(({ sideOffset: e = 4, ...t }, n) => /* @__PURE__ */ c.jsx(
+  _s,
   {
-    ref: t,
+    ref: n,
     sideOffset: e,
-    onCloseAutoFocus: (n) => {
-      n.preventDefault();
+    onCloseAutoFocus: (r) => {
+      r.preventDefault();
     },
-    ...r
+    ...t
   }
 ));
-qr.displayName = "PlayerDropdownMenuContent";
-const Zr = lt((e, r) => /* @__PURE__ */ a.jsx(gi, { ref: r, ...e }));
-Zr.displayName = "PlayerDropdownMenuItem";
-const vi = Y(Ke.Content).withConfig({
+zr.displayName = "PlayerDropdownMenuContent";
+const Br = yt((e, t) => /* @__PURE__ */ c.jsx(Is, { ref: t, ...e }));
+Br.displayName = "PlayerDropdownMenuItem";
+const _s = _(Qe.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
@@ -2979,7 +2878,7 @@ const vi = Y(Ke.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, gi = Y(Ke.Item)`
+`, Is = _(Qe.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -3016,87 +2915,87 @@ const vi = Y(Ke.Content).withConfig({
     color: rgba(255, 255, 255, 0.5);
     pointer-events: none;
   }
-`, tr = "settings";
-function Gr() {
-  const [e, r] = ye(!1), t = b((u) => u.containerRef), n = b((u) => u.addIdleLock), i = b((u) => u.removeIdleLock), c = b((u) => u.levels), l = b((u) => u.setLevel), d = he(
-    (u) => {
-      r(u), u ? n(tr) : i(tr);
+`, Fn = "settings";
+function Ur() {
+  const [e, t] = X(!1), n = m((s) => s.containerRef), r = m((s) => s.addIdleLock), i = m((s) => s.removeIdleLock), a = m((s) => s.levels), l = m((s) => s.setLevel), u = B(
+    (s) => {
+      t(s), s ? r(Fn) : i(Fn);
     },
-    [n, i]
+    [r, i]
   );
-  return /* @__PURE__ */ a.jsxs(pi, { open: e, onOpenChange: d, children: [
-    /* @__PURE__ */ a.jsx(hi, { asChild: !0, children: /* @__PURE__ */ a.jsx(Ie, { children: /* @__PURE__ */ a.jsx(fi, {}) }) }),
-    /* @__PURE__ */ a.jsx(mi, { container: t.current, children: /* @__PURE__ */ a.jsx(qr, { side: "top", align: "end", children: c?.map((u) => /* @__PURE__ */ a.jsxs(
-      Zr,
+  return /* @__PURE__ */ c.jsxs(Rs, { open: e, onOpenChange: u, children: [
+    /* @__PURE__ */ c.jsx(js, { asChild: !0, children: /* @__PURE__ */ c.jsx(be, { children: /* @__PURE__ */ c.jsx(Ps, {}) }) }),
+    /* @__PURE__ */ c.jsx(Ls, { container: n.current, children: /* @__PURE__ */ c.jsx(zr, { side: "top", align: "end", children: a?.map((s) => /* @__PURE__ */ c.jsxs(
+      Br,
       {
-        onClick: () => l(u.value),
+        onClick: () => l(s.value),
         children: [
-          u.label,
-          u.selected && /* @__PURE__ */ a.jsx(di, {})
+          s.label,
+          s.selected && /* @__PURE__ */ c.jsx(Es, {})
         ]
       },
-      u.sid
+      s.sid
     )) }) })
   ] });
 }
-function yi() {
-  return /* @__PURE__ */ a.jsx(
+function Ds() {
+  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 wi() {
-  return /* @__PURE__ */ a.jsx(
+function As() {
+  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 bi() {
-  return /* @__PURE__ */ a.jsx(
+function Os() {
+  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 rr = "volume";
-function Xr() {
-  b((d) => d.containerRef);
-  const e = b((d) => d.setVolume), r = b((d) => d.volume), t = b((d) => d.addIdleLock), n = b((d) => d.removeIdleLock), i = (d) => {
-    e(d[0]), t(rr);
-  }, c = () => {
-    n(rr);
-  }, l = () => e(r ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs(xi, { children: [
-    /* @__PURE__ */ a.jsx(Ie, { onClick: l, className: "shrink-0", children: r ? r > 50 ? /* @__PURE__ */ a.jsx(yi, {}) : /* @__PURE__ */ a.jsx(wi, {}) : /* @__PURE__ */ a.jsx(bi, {}) }),
-    /* @__PURE__ */ a.jsx(Jr, { children: /* @__PURE__ */ a.jsx(
-      ft,
+const Mn = "volume";
+function Wr() {
+  m((u) => u.containerRef);
+  const e = m((u) => u.setVolume), t = m((u) => u.volume), n = m((u) => u.addIdleLock), r = m((u) => u.removeIdleLock), i = (u) => {
+    e(u[0]), n(Mn);
+  }, a = () => {
+    r(Mn);
+  }, l = () => e(t ? 0 : 100);
+  return /* @__PURE__ */ c.jsxs(Fs, { children: [
+    /* @__PURE__ */ c.jsx(be, { onClick: l, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ c.jsx(Ds, {}) : /* @__PURE__ */ c.jsx(As, {}) : /* @__PURE__ */ c.jsx(Os, {}) }),
+    /* @__PURE__ */ c.jsx(Yr, { children: /* @__PURE__ */ c.jsx(
+      Et,
       {
-        value: [r],
+        value: [t],
         onValueChange: i,
-        onValueCommit: c
+        onValueCommit: a
       }
     ) })
   ] });
 }
-const Jr = Y.div`
+const Yr = _.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, xi = Y.div`
+`, Fs = _.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3107,49 +3006,49 @@ const Jr = Y.div`
     &:hover {
       width: 6rem;
 
-      ${Jr} {
+      ${Yr} {
         width: 100%;
         opacity: 1;
       }
     }
   }
 `;
-function Oi({ url: e, startDate: r, endDate: t, messages: n }) {
-  return /* @__PURE__ */ a.jsx(
-    Go,
+function Gs({ url: e, startDate: t, endDate: n, messages: r }) {
+  return /* @__PURE__ */ c.jsx(
+    us,
     {
-      startDate: new Date(r),
-      endDate: new Date(t),
-      children: /* @__PURE__ */ a.jsx(Si, { url: e, messages: n })
+      startDate: new Date(t),
+      endDate: new Date(n),
+      children: /* @__PURE__ */ c.jsx(Ms, { url: e, messages: r })
     }
   );
 }
-function Si({ url: e, messages: r }) {
-  const t = b((n) => n.containerRef);
-  return /* @__PURE__ */ a.jsx(Fr, { ref: t, children: /* @__PURE__ */ a.jsxs(
-    yo,
+function Ms({ url: e, messages: t }) {
+  const n = m((r) => r.containerRef);
+  return /* @__PURE__ */ c.jsx(Ir, { ref: n, children: /* @__PURE__ */ c.jsxs(
+    Di,
     {
-      eventFinishedMessage: r?.eventFinished,
-      eventNotStartedMessage: r?.eventNotStarted,
-      eventStartingSoonMessage: r?.eventStartingSoon,
+      eventFinishedMessage: t?.eventFinished,
+      eventNotStartedMessage: t?.eventNotStarted,
+      eventStartingSoonMessage: t?.eventStartingSoon,
       children: [
-        /* @__PURE__ */ a.jsx(ti, { url: e }),
-        /* @__PURE__ */ a.jsx(Wr, {}),
-        /* @__PURE__ */ a.jsxs(Ur, { children: [
-          /* @__PURE__ */ a.jsx(Ho, {}),
-          /* @__PURE__ */ a.jsx(Nr, { children: /* @__PURE__ */ a.jsxs(Vr, { children: [
-            /* @__PURE__ */ a.jsx(Zo, {}),
-            /* @__PURE__ */ a.jsxs($r, { children: [
-              /* @__PURE__ */ a.jsxs(zr, { children: [
-                /* @__PURE__ */ a.jsx(Vo, {}),
-                /* @__PURE__ */ a.jsx(Ko, {}),
-                /* @__PURE__ */ a.jsx(Xr, {}),
-                /* @__PURE__ */ a.jsx(Xo, {})
+        /* @__PURE__ */ c.jsx(gs, { url: e }),
+        /* @__PURE__ */ c.jsx(Hr, {}),
+        /* @__PURE__ */ c.jsxs($r, { children: [
+          /* @__PURE__ */ c.jsx(ns, {}),
+          /* @__PURE__ */ c.jsx(Dr, { children: /* @__PURE__ */ c.jsxs(Ar, { children: [
+            /* @__PURE__ */ c.jsx(ls, {}),
+            /* @__PURE__ */ c.jsxs(Or, { children: [
+              /* @__PURE__ */ c.jsxs(Mr, { children: [
+                /* @__PURE__ */ c.jsx(es, {}),
+                /* @__PURE__ */ c.jsx(ps, {}),
+                /* @__PURE__ */ c.jsx(Wr, {}),
+                /* @__PURE__ */ c.jsx(ds, {})
               ] }),
-              /* @__PURE__ */ a.jsxs(Yr, { children: [
-                /* @__PURE__ */ a.jsx(Eo, { message: r?.live }),
-                /* @__PURE__ */ a.jsx(Gr, {}),
-                /* @__PURE__ */ a.jsx(Br, {})
+              /* @__PURE__ */ c.jsxs(Vr, { children: [
+                /* @__PURE__ */ c.jsx(Ni, { message: t?.live }),
+                /* @__PURE__ */ c.jsx(Ur, {}),
+                /* @__PURE__ */ c.jsx(Nr, {})
               ] })
             ] })
           ] }) })
@@ -3158,119 +3057,119 @@ function Si({ url: e, messages: r }) {
     }
   ) });
 }
-function Ci() {
-  const e = b((i) => i.isPlaying), r = b((i) => i.pause), t = b((i) => i.play), n = () => {
-    e ? r() : t();
+function Vs() {
+  const e = m((i) => i.isPlaying), t = m((i) => i.pause), n = m((i) => i.play), r = () => {
+    e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(Ie, { onClick: n, children: e ? /* @__PURE__ */ a.jsx(wr, {}) : /* @__PURE__ */ a.jsx(br, {}) });
+  return /* @__PURE__ */ c.jsx(be, { onClick: r, children: e ? /* @__PURE__ */ c.jsx(hr, {}) : /* @__PURE__ */ c.jsx(mr, {}) });
 }
-function Ei() {
-  const e = b((i) => i.isPlaying), r = b((i) => i.pause), t = b((i) => i.play), n = () => {
-    e ? r() : t();
+function Ns() {
+  const e = m((i) => i.isPlaying), t = m((i) => i.pause), n = m((i) => i.play), r = () => {
+    e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(Cr, { onClick: n });
-}
-const nr = "vod-player-progress-bar";
-function Ti() {
-  const e = ve(null), r = ve(null), [t, n] = ye(!1), [i, c] = ye(-1), [l, d] = ye(-1), u = b((g) => g.currentTime), f = b((g) => g.duration), v = b((g) => g.seek), w = b((g) => g.addIdleLock), L = b((g) => g.removeIdleLock), R = parseFloat(
-    (f ? (l !== -1 ? l : u) / f * 100 : 0).toFixed(1)
-  ), E = (g) => {
-    d(f * (g[0] / 100)), w(nr);
-  }, k = () => {
-    l !== -1 && (v(l), d(-1), L(nr));
-  }, _ = () => n(!0), j = () => n(!1), x = he(
-    (g) => {
-      const A = e.current, p = r.current;
-      if (A && p) {
-        const U = ct(A), de = ct(p), te = (g.pageX || g.clientX) - U.left, ce = te / U.width;
-        if (ce < 0) return;
-        let M = te - de.width / 2;
-        M < 0 && (M = 0), M > U.width - de.width && (M = -1), p.style.left = M > -1 ? `${M}px` : "auto", p.style.right = M > -1 ? "auto" : "0px", c(ce * f);
+  return /* @__PURE__ */ c.jsx(vr, { onClick: r });
+}
+const Vn = "vod-player-progress-bar";
+function $s() {
+  const e = Y(null), t = Y(null), [n, r] = X(!1), [i, a] = X(-1), [l, u] = X(-1), s = m((h) => h.currentTime), d = m((h) => h.duration), p = m((h) => h.seek), g = m((h) => h.addIdleLock), w = m((h) => h.removeIdleLock), v = parseFloat(
+    (d ? (l !== -1 ? l : s) / d * 100 : 0).toFixed(1)
+  ), E = (h) => {
+    u(d * (h[0] / 100)), g(Vn);
+  }, T = () => {
+    l !== -1 && (p(l), u(-1), w(Vn));
+  }, M = () => r(!0), P = () => r(!1), b = B(
+    (h) => {
+      const L = e.current, D = t.current;
+      if (L && D) {
+        const C = gt(L), x = gt(D), W = (h.pageX || h.clientX) - C.left, J = W / C.width;
+        if (J < 0) return;
+        let I = W - x.width / 2;
+        I < 0 && (I = 0), I > C.width - x.width && (I = -1), D.style.left = I > -1 ? `${I}px` : "auto", D.style.right = I > -1 ? "auto" : "0px", a(J * d);
       }
-      _();
+      M();
     },
-    [f]
+    [d]
   );
-  return /* @__PURE__ */ a.jsxs(Er, { children: [
-    /* @__PURE__ */ a.jsx(
-      ft,
+  return /* @__PURE__ */ c.jsxs(wr, { children: [
+    /* @__PURE__ */ c.jsx(
+      Et,
       {
         ref: e,
-        value: [R],
-        onPointerLeave: j,
-        onPointerDown: j,
-        onPointerMove: x,
+        value: [v],
+        onPointerLeave: P,
+        onPointerDown: P,
+        onPointerMove: b,
         onValueChange: E,
-        onValueCommit: k,
+        onValueCommit: T,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(Tr, { ref: r, $isVisible: t, children: /* @__PURE__ */ a.jsx(Pr, { children: Be(i) }) })
+    /* @__PURE__ */ c.jsx(br, { ref: t, $isVisible: n, children: /* @__PURE__ */ c.jsx(xr, { children: Be(i) }) })
   ] });
 }
-function Pi() {
-  const e = b((t) => t.currentTime), r = b((t) => t.duration);
-  return /* @__PURE__ */ a.jsxs(jr, { children: [
-    /* @__PURE__ */ a.jsx(Ir, { children: Be(e) }),
-    /* @__PURE__ */ a.jsx(Dr, {}),
-    /* @__PURE__ */ a.jsx(Or, { children: Be(r) })
+function Hs() {
+  const e = m((n) => n.currentTime), t = m((n) => n.duration);
+  return /* @__PURE__ */ c.jsxs(Er, { children: [
+    /* @__PURE__ */ c.jsx(Rr, { children: Be(e) }),
+    /* @__PURE__ */ c.jsx(Lr, {}),
+    /* @__PURE__ */ c.jsx(jr, { children: Be(t) })
   ] });
 }
-const Ri = 60, ki = 95;
-function _i({ storageKey: e }) {
-  const r = b((v) => v.currentTime), t = b((v) => v.duration), n = b((v) => v.isPlaying), i = b((v) => v.setStartTime), c = ve(!1), l = he(() => {
+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), a = Y(!1), l = B(() => {
     window.localStorage.setItem(
       e,
       JSON.stringify({
-        currentTime: r,
-        duration: t
+        currentTime: t,
+        duration: n
       })
     );
-  }, [r, t, e]), d = he(() => {
-    const v = window.localStorage.getItem(e);
-    if (v) {
-      const w = JSON.parse(v);
+  }, [t, n, e]), u = B(() => {
+    const p = window.localStorage.getItem(e);
+    if (p) {
+      const g = JSON.parse(p);
       return {
-        startTime: w.currentTime,
-        progress: w.currentTime / w.duration * 100
+        startTime: g.currentTime,
+        progress: g.currentTime / g.duration * 100
       };
     }
     return { startTime: null, progress: null };
-  }, [e]), u = he(() => {
-    r < Ri || l();
-  }, [r, l]), f = he(() => {
-    if (c.current) return;
-    const { progress: v, startTime: w } = d();
-    w && v && v < ki && (i(w), c.current = !0);
-  }, [d, i]);
-  return dt(() => u(), n ? 1e3 : null), be(() => {
-    f();
-  }, [f]), null;
-}
-function Di({ url: e, watchHistory: r }) {
-  return /* @__PURE__ */ a.jsxs(Ar, { children: [
-    /* @__PURE__ */ a.jsx(Ai, { url: e }),
-    r?.enabled && /* @__PURE__ */ a.jsx(_i, { storageKey: r.storageKey })
+  }, [e]), s = B(() => {
+    t < zs || l();
+  }, [t, l]), d = B(() => {
+    if (a.current) return;
+    const { progress: p, startTime: g } = u();
+    g && p && p < Bs && (i(g), a.current = !0);
+  }, [u, i]);
+  return wt(() => s(), r ? 1e3 : null), te(() => {
+    d();
+  }, [d]), null;
+}
+function Xs({ url: e, watchHistory: t }) {
+  return /* @__PURE__ */ c.jsxs(Tr, { children: [
+    /* @__PURE__ */ c.jsx(Ws, { url: e }),
+    t?.enabled && /* @__PURE__ */ c.jsx(Us, { storageKey: t.storageKey })
   ] });
 }
-function Ai({ url: e }) {
-  const r = b((t) => t.containerRef);
-  return /* @__PURE__ */ a.jsxs(Fr, { ref: r, children: [
-    /* @__PURE__ */ a.jsx(Mr, { url: e, isLive: !1 }),
-    /* @__PURE__ */ a.jsx(Wr, {}),
-    /* @__PURE__ */ a.jsxs(Ur, { children: [
-      /* @__PURE__ */ a.jsx(Ei, {}),
-      /* @__PURE__ */ a.jsx(Nr, { children: /* @__PURE__ */ a.jsxs(Vr, { children: [
-        /* @__PURE__ */ a.jsx(Ti, {}),
-        /* @__PURE__ */ a.jsxs($r, { children: [
-          /* @__PURE__ */ a.jsxs(zr, { children: [
-            /* @__PURE__ */ a.jsx(Ci, {}),
-            /* @__PURE__ */ a.jsx(Xr, {}),
-            /* @__PURE__ */ a.jsx(Pi, {})
+function Ws({ url: e }) {
+  const t = m((n) => n.containerRef);
+  return /* @__PURE__ */ c.jsxs(Ir, { ref: t, children: [
+    /* @__PURE__ */ c.jsx(_r, { url: e, isLive: !1 }),
+    /* @__PURE__ */ c.jsx(Hr, {}),
+    /* @__PURE__ */ c.jsxs($r, { children: [
+      /* @__PURE__ */ c.jsx(Ns, {}),
+      /* @__PURE__ */ c.jsx(Dr, { children: /* @__PURE__ */ c.jsxs(Ar, { children: [
+        /* @__PURE__ */ c.jsx($s, {}),
+        /* @__PURE__ */ c.jsxs(Or, { children: [
+          /* @__PURE__ */ c.jsxs(Mr, { children: [
+            /* @__PURE__ */ c.jsx(Vs, {}),
+            /* @__PURE__ */ c.jsx(Wr, {}),
+            /* @__PURE__ */ c.jsx(Hs, {})
           ] }),
-          /* @__PURE__ */ a.jsxs(Yr, { children: [
-            /* @__PURE__ */ a.jsx(Gr, {}),
-            /* @__PURE__ */ a.jsx(Br, {})
+          /* @__PURE__ */ c.jsxs(Vr, { children: [
+            /* @__PURE__ */ c.jsx(Ur, {}),
+            /* @__PURE__ */ c.jsx(Nr, {})
           ] })
         ] })
       ] }) })
@@ -3278,7 +3177,7 @@ function Ai({ url: e }) {
   ] });
 }
 export {
-  Oi as LivePlayer,
-  Di as VodPlayer
+  Gs as LivePlayer,
+  Xs as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map