@banou/media-player 0.4.2 → 0.4.4

package/build/index.js

@@ -1,15 +1,15 @@
 import * as ce from "react";
-import fr, { forwardRef as mr, useContext as Ie, createContext as pr, useState as Z, useEffect as z, useCallback as nt, useRef as Ne, useMemo as pe } from "react";
+import mr, { forwardRef as pr, useContext as Ue, createContext as hr, useState as Z, useEffect as z, useCallback as ot, useRef as Ne, useMemo as pe } from "react";
 import { css as Q } from "@emotion/react";
-import { createActorContext as hr } from "@xstate/react";
-import { fromCallback as Gt, setup as vr, enqueueActions as Er, assign as Y, sendTo as X } from "xstate";
-import qt from "p-queue";
-import { makeRemuxer as Xt } from "libav-wasm";
-import br from "jassub";
-import { parse as pt } from "ass-compiler";
-import { Settings as gr, ChevronRight as Ke, VolumeX as yr, Volume1 as xr, Volume2 as Sr, RotateCcw as Tr, Play as wr, Pause as Rr, Minimize as Ar, Maximize as _r } from "react-feather";
-import { Tooltip as Cr } from "react-tooltip";
-var He = { exports: {} }, Ce = {};
+import { createActorContext as vr } from "@xstate/react";
+import { fromCallback as qt, setup as Er, enqueueActions as br, assign as Y, sendTo as X } from "xstate";
+import Xt from "p-queue";
+import { makeRemuxer as Ht } from "libav-wasm";
+import gr from "jassub";
+import { parse as Me, stringify as _t } from "ass-compiler";
+import { Settings as yr, ChevronRight as Ke, VolumeX as Sr, Volume1 as xr, Volume2 as Tr, RotateCcw as wr, Play as Ar, Pause as Rr, Minimize as _r, Maximize as Cr } from "react-feather";
+import { Tooltip as Pr } from "react-tooltip";
+var Je = { exports: {} }, Ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,10 +19,10 @@ var He = { exports: {} }, Ce = {};
  * 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 Pr() {
-  if (_t) return Ce;
-  _t = 1;
+var Ct;
+function Or() {
+  if (Ct) return Ce;
+  Ct = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function n(r, o, a) {
     var s = null;
@@ -51,22 +51,22 @@ var Pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ct;
-function Or() {
-  return Ct || (Ct = 1, process.env.NODE_ENV !== "production" && function() {
+var Pt;
+function Nr() {
+  return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && function() {
     function e(i) {
       if (i == null) return null;
       if (typeof i == "function")
-        return i.$$typeof === Ye ? null : i.displayName || i.name || null;
+        return i.$$typeof === ze ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case A:
+        case _:
           return "Fragment";
         case m:
           return "Portal";
         case W:
           return "Profiler";
-        case _:
+        case C:
           return "StrictMode";
         case ee:
           return "Suspense";
@@ -77,19 +77,19 @@ function Or() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case H:
+          case K:
             return (i.displayName || "Context") + ".Provider";
           case D:
             return (i._context.displayName || "Context") + ".Consumer";
           case F:
-            var S = i.render;
-            return i = i.displayName, i || (i = S.displayName || S.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+            var x = i.render;
+            return i = i.displayName, i || (i = x.displayName || x.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
           case Te:
-            return S = i.displayName || null, S !== null ? S : e(i.type) || "Memo";
+            return x = i.displayName || null, x !== null ? x : e(i.type) || "Memo";
           case we:
-            S = i._payload, i = i._init;
+            x = i._payload, i = i._init;
             try {
-              return e(i(S));
+              return e(i(x));
             } catch {
             }
         }
@@ -101,15 +101,15 @@ function Or() {
     function n(i) {
       try {
         t(i);
-        var S = !1;
+        var x = !1;
       } catch {
-        S = !0;
+        x = !0;
       }
-      if (S) {
-        S = console;
-        var T = S.error, O = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+      if (x) {
+        x = console;
+        var T = x.error, O = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return T.call(
-          S,
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           O
         ), t(i);
@@ -119,7 +119,7 @@ function Or() {
     }
     function o() {
       if (fe === 0) {
-        ze = console.log, Fe = console.info, Ve = console.warn, We = console.error, Be = console.group, Ge = console.groupCollapsed, qe = console.groupEnd;
+        Fe = console.log, Ve = console.info, We = console.warn, Be = console.error, Ge = console.group, qe = console.groupCollapsed, Xe = console.groupEnd;
         var i = {
           configurable: !0,
           enumerable: !0,
@@ -142,13 +142,13 @@ function Or() {
       if (fe--, fe === 0) {
         var i = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: ie({}, i, { value: ze }),
-          info: ie({}, i, { value: Fe }),
-          warn: ie({}, i, { value: Ve }),
-          error: ie({}, i, { value: We }),
-          group: ie({}, i, { value: Be }),
-          groupCollapsed: ie({}, i, { value: Ge }),
-          groupEnd: ie({}, i, { value: qe })
+          log: ie({}, i, { value: Fe }),
+          info: ie({}, i, { value: Ve }),
+          warn: ie({}, i, { value: We }),
+          error: ie({}, i, { value: Be }),
+          group: ie({}, i, { value: Ge }),
+          groupCollapsed: ie({}, i, { value: qe }),
+          groupEnd: ie({}, i, { value: Xe })
         });
       }
       0 > fe && console.error(
@@ -160,14 +160,14 @@ function Or() {
         try {
           throw Error();
         } catch (T) {
-          var S = T.stack.trim().match(/\n( *(at )?)/);
-          w = S && S[1] || "", he = -1 < T.stack.indexOf(`
+          var x = T.stack.trim().match(/\n( *(at )?)/);
+          w = x && x[1] || "", he = -1 < T.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < T.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
 ` + w + i + he;
     }
-    function u(i, S) {
+    function u(i, x) {
       if (!i || le) return "";
       var T = ve.get(i);
       if (T !== void 0) return T;
@@ -178,7 +178,7 @@ function Or() {
         var B = {
           DetermineComponentFrameRoot: function() {
             try {
-              if (S) {
+              if (x) {
                 var de = function() {
                   throw Error();
                 };
@@ -190,14 +190,14 @@ function Or() {
                   try {
                     Reflect.construct(de, []);
                   } catch (se) {
-                    var Xe = se;
+                    var He = se;
                   }
                   Reflect.construct(i, [], de);
                 } else {
                   try {
                     de.call();
                   } catch (se) {
-                    Xe = se;
+                    He = se;
                   }
                   i.call(de.prototype);
                 }
@@ -205,14 +205,14 @@ function Or() {
                 try {
                   throw Error();
                 } catch (se) {
-                  Xe = se;
+                  He = se;
                 }
                 (de = i()) && typeof de.catch == "function" && de.catch(function() {
                 });
               }
             } catch (se) {
-              if (se && Xe && typeof se.stack == "string")
-                return [se.stack, Xe.stack];
+              if (se && He && typeof se.stack == "string")
+                return [se.stack, He.stack];
             }
             return [null, null];
           }
@@ -267,10 +267,10 @@ function Or() {
     function l(i) {
       if (i == null) return "";
       if (typeof i == "function") {
-        var S = i.prototype;
+        var x = i.prototype;
         return u(
           i,
-          !(!S || !S.isReactComponent)
+          !(!x || !x.isReactComponent)
         );
       }
       if (typeof i == "string") return s(i);
@@ -287,9 +287,9 @@ function Or() {
           case Te:
             return l(i.type);
           case we:
-            S = i._payload, i = i._init;
+            x = i._payload, i = i._init;
             try {
-              return l(i(S));
+              return l(i(x));
             } catch {
             }
         }
@@ -300,17 +300,17 @@ function Or() {
       return i === null ? null : i.getOwner();
     }
     function d(i) {
-      if (Re.call(i, "key")) {
-        var S = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (S && S.isReactWarning) return !1;
+      if (Ae.call(i, "key")) {
+        var x = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function g(i, S) {
+    function g(i, x) {
       function T() {
         Tt || (Tt = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          S
+          x
         ));
       }
       T.isReactWarning = !0, Object.defineProperty(i, "key", {
@@ -318,22 +318,22 @@ function Or() {
         configurable: !0
       });
     }
-    function x() {
+    function S() {
       var i = e(this.type);
       return wt[i] || (wt[i] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function y(i, S, T, O, B, U) {
+    function y(i, x, T, O, B, U) {
       return T = U.ref, i = {
-        $$typeof: C,
+        $$typeof: R,
         type: i,
-        key: S,
+        key: x,
         props: U,
         _owner: B
       }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: x
+        get: S
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -346,12 +346,12 @@ function Or() {
         value: null
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function p(i, S, T, O, B, U) {
-      if (typeof i == "string" || typeof i == "function" || i === A || i === W || i === _ || i === ee || i === ue || i === lt || typeof i == "object" && i !== null && (i.$$typeof === we || i.$$typeof === Te || i.$$typeof === H || i.$$typeof === D || i.$$typeof === F || i.$$typeof === dt || i.getModuleId !== void 0)) {
-        var P = S.children;
+    function p(i, x, T, O, B, U) {
+      if (typeof i == "string" || typeof i == "function" || i === _ || i === W || i === C || i === ee || i === ue || i === dt || typeof i == "object" && i !== null && (i.$$typeof === we || i.$$typeof === Te || i.$$typeof === K || i.$$typeof === D || i.$$typeof === F || i.$$typeof === ft || i.getModuleId !== void 0)) {
+        var P = x.children;
         if (P !== void 0)
           if (O)
-            if (Ae(P)) {
+            if (Re(P)) {
               for (O = 0; O < P.length; O++)
                 f(P[O], i);
               Object.freeze && Object.freeze(P);
@@ -361,17 +361,17 @@ function Or() {
               );
           else f(P, i);
       } else
-        P = "", (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), i === null ? O = "null" : Ae(i) ? O = "array" : i !== void 0 && i.$$typeof === C ? (O = "<" + (e(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : O = typeof i, console.error(
+        P = "", (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), i === null ? O = "null" : Re(i) ? O = "array" : i !== void 0 && i.$$typeof === R ? (O = "<" + (e(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : O = typeof i, console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           O,
           P
         );
-      if (Re.call(S, "key")) {
+      if (Ae.call(x, "key")) {
         P = e(i);
-        var ae = Object.keys(S).filter(function(q) {
+        var ae = Object.keys(x).filter(function(q) {
           return q !== "key";
         });
-        O = 0 < ae.length ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}", Rt[P + O] || (ae = 0 < ae.length ? "{" + ae.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < ae.length ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}", At[P + O] || (ae = 0 < ae.length ? "{" + ae.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -382,38 +382,38 @@ React keys must be passed directly to JSX without using spread:
           P,
           ae,
           P
-        ), Rt[P + O] = !0);
+        ), At[P + O] = !0);
       }
-      if (P = null, T !== void 0 && (n(T), P = "" + T), d(S) && (n(S.key), P = "" + S.key), "key" in S) {
+      if (P = null, T !== void 0 && (n(T), P = "" + T), d(x) && (n(x.key), P = "" + x.key), "key" in x) {
         T = {};
-        for (var Ee in S)
-          Ee !== "key" && (T[Ee] = S[Ee]);
-      } else T = S;
+        for (var Ee in x)
+          Ee !== "key" && (T[Ee] = x[Ee]);
+      } else T = x;
       return P && g(
         T,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
       ), y(i, P, U, B, b(), T);
     }
-    function f(i, S) {
-      if (typeof i == "object" && i && i.$$typeof !== dr) {
-        if (Ae(i))
+    function f(i, x) {
+      if (typeof i == "object" && i && i.$$typeof !== fr) {
+        if (Re(i))
           for (var T = 0; T < i.length; T++) {
             var O = i[T];
-            c(O) && v(O, S);
+            c(O) && E(O, x);
           }
         else if (c(i))
           i._store && (i._store.validated = 1);
-        else if (i === null || typeof i != "object" ? T = null : (T = je && i[je] || i["@@iterator"], T = typeof T == "function" ? T : null), typeof T == "function" && T !== i.entries && (T = T.call(i), T !== i))
+        else if (i === null || typeof i != "object" ? T = null : (T = Ye && i[Ye] || i["@@iterator"], T = typeof T == "function" ? T : null), typeof T == "function" && T !== i.entries && (T = T.call(i), T !== i))
           for (; !(i = T.next()).done; )
-            c(i.value) && v(i.value, S);
+            c(i.value) && E(i.value, x);
       }
     }
     function c(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === C;
+      return typeof i == "object" && i !== null && i.$$typeof === R;
     }
-    function v(i, S) {
-      if (i._store && !i._store.validated && i.key == null && (i._store.validated = 1, S = E(S), !At[S])) {
-        At[S] = !0;
+    function E(i, x) {
+      if (i._store && !i._store.validated && i.key == null && (i._store.validated = 1, x = h(x), !Rt[x])) {
+        Rt[x] = !0;
         var T = "";
         i && i._owner != null && i._owner !== b() && (T = null, typeof i._owner.tag == "number" ? T = e(i._owner.type) : typeof i._owner.name == "string" && (T = i._owner.name), T = " It was passed a child from " + T + ".");
         var O = oe.getCurrentStack;
@@ -422,46 +422,46 @@ React keys must be passed directly to JSX without using spread:
           return O && (B += O() || ""), B;
         }, console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-          S,
+          x,
           T
         ), oe.getCurrentStack = O;
       }
     }
-    function E(i) {
-      var S = "", T = b();
-      return T && (T = e(T.type)) && (S = `
+    function h(i) {
+      var x = "", T = b();
+      return T && (T = e(T.type)) && (x = `
 
-Check the render method of \`` + T + "`."), S || (i = e(i)) && (S = `
+Check the render method of \`` + T + "`."), x || (i = e(i)) && (x = `
 
-Check the top-level render call using <` + i + ">."), S;
+Check the top-level render call using <` + i + ">."), x;
     }
-    var R = fr, C = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), H = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), Te = Symbol.for("react.memo"), we = Symbol.for("react.lazy"), lt = Symbol.for("react.offscreen"), je = Symbol.iterator, Ye = Symbol.for("react.client.reference"), oe = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Re = Object.prototype.hasOwnProperty, ie = Object.assign, dt = Symbol.for("react.client.reference"), Ae = Array.isArray, fe = 0, ze, Fe, Ve, We, Be, Ge, qe;
+    var A = mr, R = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), K = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), Te = Symbol.for("react.memo"), we = Symbol.for("react.lazy"), dt = Symbol.for("react.offscreen"), Ye = Symbol.iterator, ze = Symbol.for("react.client.reference"), oe = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ae = Object.prototype.hasOwnProperty, ie = Object.assign, ft = Symbol.for("react.client.reference"), Re = Array.isArray, fe = 0, Fe, Ve, We, Be, Ge, qe, Xe;
     r.__reactDisabledLog = !0;
-    var w, he, le = !1, ve = new (typeof WeakMap == "function" ? WeakMap : Map)(), dr = Symbol.for("react.client.reference"), Tt, wt = {}, Rt = {}, At = {};
-    Pe.Fragment = A, Pe.jsx = function(i, S, T, O, B) {
-      return p(i, S, T, !1, O, B);
-    }, Pe.jsxs = function(i, S, T, O, B) {
-      return p(i, S, T, !0, O, B);
+    var w, he, le = !1, ve = new (typeof WeakMap == "function" ? WeakMap : Map)(), fr = Symbol.for("react.client.reference"), Tt, wt = {}, At = {}, Rt = {};
+    Pe.Fragment = _, Pe.jsx = function(i, x, T, O, B) {
+      return p(i, x, T, !1, O, B);
+    }, Pe.jsxs = function(i, x, T, O, B) {
+      return p(i, x, T, !0, O, B);
     };
   }()), Pe;
 }
-var Pt;
-function Nr() {
-  return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? He.exports = Pr() : He.exports = Or()), He.exports;
+var Ot;
+function Mr() {
+  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? Je.exports = Or() : Je.exports = Nr()), Je.exports;
 }
-var Me = Nr();
-function Mr(e) {
+var ke = Mr();
+function kr(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function kr(e) {
+function Lr(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var Lr = /* @__PURE__ */ function() {
+var $r = /* @__PURE__ */ function() {
   function e(n) {
     var r = this;
     this._insertTag = function(o) {
@@ -473,10 +473,10 @@ var Lr = /* @__PURE__ */ function() {
   return t.hydrate = function(r) {
     r.forEach(this._insertTag);
   }, t.insert = function(r) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Lr(this));
     var o = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var a = Mr(o);
+      var a = kr(o);
       try {
         a.insertRule(r, a.cssRules.length);
       } catch {
@@ -490,14 +490,14 @@ var Lr = /* @__PURE__ */ function() {
       return (o = r.parentNode) == null ? void 0 : o.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), G = "-ms-", ot = "-moz-", N = "-webkit-", Kt = "comm", gt = "rule", yt = "decl", $r = "@import", Ht = "@keyframes", Ir = "@layer", Ur = Math.abs, it = String.fromCharCode, Dr = Object.assign;
-function jr(e, t) {
+}(), G = "-ms-", it = "-moz-", N = "-webkit-", Kt = "comm", gt = "rule", yt = "decl", Ir = "@import", Jt = "@keyframes", Ur = "@layer", Dr = Math.abs, at = String.fromCharCode, jr = Object.assign;
+function Yr(e, t) {
   return V(e, 0) ^ 45 ? (((t << 2 ^ V(e, 0)) << 2 ^ V(e, 1)) << 2 ^ V(e, 2)) << 2 ^ V(e, 3) : 0;
 }
-function Jt(e) {
+function Zt(e) {
   return e.trim();
 }
-function Yr(e, t) {
+function zr(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
 function M(e, t, n) {
@@ -509,47 +509,47 @@ function ht(e, t) {
 function V(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function ke(e, t, n) {
+function Le(e, t, n) {
   return e.slice(t, n);
 }
 function te(e) {
   return e.length;
 }
-function xt(e) {
+function St(e) {
   return e.length;
 }
-function Je(e, t) {
+function Ze(e, t) {
   return t.push(e), e;
 }
-function zr(e, t) {
+function Fr(e, t) {
   return e.map(t).join("");
 }
-var at = 1, ye = 1, Zt = 0, K = 0, j = 0, Se = "";
-function st(e, t, n, r, o, a, s) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: at, column: ye, length: s, return: "" };
+var st = 1, ye = 1, Qt = 0, H = 0, j = 0, xe = "";
+function ct(e, t, n, r, o, a, s) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: st, column: ye, length: s, return: "" };
 }
 function Oe(e, t) {
-  return Dr(st("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+  return jr(ct("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Fr() {
+function Vr() {
   return j;
 }
-function Vr() {
-  return j = K > 0 ? V(Se, --K) : 0, ye--, j === 10 && (ye = 1, at--), j;
+function Wr() {
+  return j = H > 0 ? V(xe, --H) : 0, ye--, j === 10 && (ye = 1, st--), j;
 }
 function J() {
-  return j = K < Zt ? V(Se, K++) : 0, ye++, j === 10 && (ye = 1, at++), j;
+  return j = H < Qt ? V(xe, H++) : 0, ye++, j === 10 && (ye = 1, st++), j;
 }
 function ne() {
-  return V(Se, K);
+  return V(xe, H);
 }
-function Qe() {
-  return K;
+function et() {
+  return H;
 }
-function Ue(e, t) {
-  return ke(Se, e, t);
+function De(e, t) {
+  return Le(xe, e, t);
 }
-function Le(e) {
+function $e(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -587,31 +587,31 @@ function Le(e) {
   }
   return 0;
 }
-function Qt(e) {
-  return at = ye = 1, Zt = te(Se = e), K = 0, [];
-}
 function er(e) {
-  return Se = "", e;
+  return st = ye = 1, Qt = te(xe = e), H = 0, [];
+}
+function tr(e) {
+  return xe = "", e;
 }
-function et(e) {
-  return Jt(Ue(K - 1, vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function tt(e) {
+  return Zt(De(H - 1, vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Wr(e) {
+function Br(e) {
   for (; (j = ne()) && j < 33; )
     J();
-  return Le(e) > 2 || Le(j) > 3 ? "" : " ";
+  return $e(e) > 2 || $e(j) > 3 ? "" : " ";
 }
-function Br(e, t) {
+function Gr(e, t) {
   for (; --t && J() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
     ;
-  return Ue(e, Qe() + (t < 6 && ne() == 32 && J() == 32));
+  return De(e, et() + (t < 6 && ne() == 32 && J() == 32));
 }
 function vt(e) {
   for (; J(); )
     switch (j) {
       // ] ) " '
       case e:
-        return K;
+        return H;
       // " '
       case 34:
       case 39:
@@ -626,193 +626,193 @@ function vt(e) {
         J();
         break;
     }
-  return K;
+  return H;
 }
-function Gr(e, t) {
+function qr(e, t) {
   for (; J() && e + j !== 57; )
     if (e + j === 84 && ne() === 47)
       break;
-  return "/*" + Ue(t, K - 1) + "*" + it(e === 47 ? e : J());
+  return "/*" + De(t, H - 1) + "*" + at(e === 47 ? e : J());
 }
-function qr(e) {
-  for (; !Le(ne()); )
+function Xr(e) {
+  for (; !$e(ne()); )
     J();
-  return Ue(e, K);
+  return De(e, H);
 }
-function Xr(e) {
-  return er(tt("", null, null, null, [""], e = Qt(e), 0, [0], e));
+function Hr(e) {
+  return tr(rt("", null, null, null, [""], e = er(e), 0, [0], e));
 }
-function tt(e, t, n, r, o, a, s, u, l) {
-  for (var b = 0, d = 0, g = s, x = 0, y = 0, p = 0, f = 1, c = 1, v = 1, E = 0, R = "", C = o, m = a, A = r, _ = R; c; )
-    switch (p = E, E = J()) {
+function rt(e, t, n, r, o, a, s, u, l) {
+  for (var b = 0, d = 0, g = s, S = 0, y = 0, p = 0, f = 1, c = 1, E = 1, h = 0, A = "", R = o, m = a, _ = r, C = A; c; )
+    switch (p = h, h = J()) {
       // (
       case 40:
-        if (p != 108 && V(_, g - 1) == 58) {
-          ht(_ += M(et(E), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (p != 108 && V(C, g - 1) == 58) {
+          ht(C += M(tt(h), "&", "&\f"), "&\f") != -1 && (E = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        _ += et(E);
+        C += tt(h);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        _ += Wr(p);
+        C += Br(p);
         break;
       // \
       case 92:
-        _ += Br(Qe() - 1, 7);
+        C += Gr(et() - 1, 7);
         continue;
       // /
       case 47:
         switch (ne()) {
           case 42:
           case 47:
-            Je(Kr(Gr(J(), Qe()), t, n), l);
+            Ze(Kr(qr(J(), et()), t, n), l);
             break;
           default:
-            _ += "/";
+            C += "/";
         }
         break;
       // {
       case 123 * f:
-        u[b++] = te(_) * v;
+        u[b++] = te(C) * E;
       // } ; \0
       case 125 * f:
       case 59:
       case 0:
-        switch (E) {
+        switch (h) {
           // \0 }
           case 0:
           case 125:
             c = 0;
           // ;
           case 59 + d:
-            v == -1 && (_ = M(_, /\f/g, "")), y > 0 && te(_) - g && Je(y > 32 ? Nt(_ + ";", r, n, g - 1) : Nt(M(_, " ", "") + ";", r, n, g - 2), l);
+            E == -1 && (C = M(C, /\f/g, "")), y > 0 && te(C) - g && Ze(y > 32 ? Mt(C + ";", r, n, g - 1) : Mt(M(C, " ", "") + ";", r, n, g - 2), l);
             break;
           // @ ;
           case 59:
-            _ += ";";
+            C += ";";
           // { rule/at-rule
           default:
-            if (Je(A = Ot(_, t, n, b, d, o, u, R, C = [], m = [], g), a), E === 123)
+            if (Ze(_ = Nt(C, t, n, b, d, o, u, A, R = [], m = [], g), a), h === 123)
               if (d === 0)
-                tt(_, t, A, A, C, a, g, u, m);
+                rt(C, t, _, _, R, a, g, u, m);
               else
-                switch (x === 99 && V(_, 3) === 110 ? 100 : x) {
+                switch (S === 99 && V(C, 3) === 110 ? 100 : S) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    tt(e, A, A, r && Je(Ot(e, A, A, 0, 0, o, u, R, o, C = [], g), m), o, m, g, u, r ? C : m);
+                    rt(e, _, _, r && Ze(Nt(e, _, _, 0, 0, o, u, A, o, R = [], g), m), o, m, g, u, r ? R : m);
                     break;
                   default:
-                    tt(_, A, A, A, [""], m, 0, u, m);
+                    rt(C, _, _, _, [""], m, 0, u, m);
                 }
         }
-        b = d = y = 0, f = v = 1, R = _ = "", g = s;
+        b = d = y = 0, f = E = 1, A = C = "", g = s;
         break;
       // :
       case 58:
-        g = 1 + te(_), y = p;
+        g = 1 + te(C), y = p;
       default:
         if (f < 1) {
-          if (E == 123)
+          if (h == 123)
             --f;
-          else if (E == 125 && f++ == 0 && Vr() == 125)
+          else if (h == 125 && f++ == 0 && Wr() == 125)
             continue;
         }
-        switch (_ += it(E), E * f) {
+        switch (C += at(h), h * f) {
           // &
           case 38:
-            v = d > 0 ? 1 : (_ += "\f", -1);
+            E = d > 0 ? 1 : (C += "\f", -1);
             break;
           // ,
           case 44:
-            u[b++] = (te(_) - 1) * v, v = 1;
+            u[b++] = (te(C) - 1) * E, E = 1;
             break;
           // @
           case 64:
-            ne() === 45 && (_ += et(J())), x = ne(), d = g = te(R = _ += qr(Qe())), E++;
+            ne() === 45 && (C += tt(J())), S = ne(), d = g = te(A = C += Xr(et())), h++;
             break;
           // -
           case 45:
-            p === 45 && te(_) == 2 && (f = 0);
+            p === 45 && te(C) == 2 && (f = 0);
         }
     }
   return a;
 }
-function Ot(e, t, n, r, o, a, s, u, l, b, d) {
-  for (var g = o - 1, x = o === 0 ? a : [""], y = xt(x), p = 0, f = 0, c = 0; p < r; ++p)
-    for (var v = 0, E = ke(e, g + 1, g = Ur(f = s[p])), R = e; v < y; ++v)
-      (R = Jt(f > 0 ? x[v] + " " + E : M(E, /&\f/g, x[v]))) && (l[c++] = R);
-  return st(e, t, n, o === 0 ? gt : u, l, b, d);
+function Nt(e, t, n, r, o, a, s, u, l, b, d) {
+  for (var g = o - 1, S = o === 0 ? a : [""], y = St(S), p = 0, f = 0, c = 0; p < r; ++p)
+    for (var E = 0, h = Le(e, g + 1, g = Dr(f = s[p])), A = e; E < y; ++E)
+      (A = Zt(f > 0 ? S[E] + " " + h : M(h, /&\f/g, S[E]))) && (l[c++] = A);
+  return ct(e, t, n, o === 0 ? gt : u, l, b, d);
 }
 function Kr(e, t, n) {
-  return st(e, t, n, Kt, it(Fr()), ke(e, 2, -2), 0);
+  return ct(e, t, n, Kt, at(Vr()), Le(e, 2, -2), 0);
 }
-function Nt(e, t, n, r) {
-  return st(e, t, n, yt, ke(e, 0, r), ke(e, r + 1, -1), r);
+function Mt(e, t, n, r) {
+  return ct(e, t, n, yt, Le(e, 0, r), Le(e, r + 1, -1), r);
 }
 function be(e, t) {
-  for (var n = "", r = xt(e), o = 0; o < r; o++)
+  for (var n = "", r = St(e), o = 0; o < r; o++)
     n += t(e[o], o, e, t) || "";
   return n;
 }
-function Hr(e, t, n, r) {
+function Jr(e, t, n, r) {
   switch (e.type) {
-    case Ir:
+    case Ur:
       if (e.children.length) break;
-    case $r:
+    case Ir:
     case yt:
       return e.return = e.return || e.value;
     case Kt:
       return "";
-    case Ht:
+    case Jt:
       return e.return = e.value + "{" + be(e.children, r) + "}";
     case gt:
       e.value = e.props.join(",");
   }
   return te(n = be(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
-function Jr(e) {
-  var t = xt(e);
+function Zr(e) {
+  var t = St(e);
   return function(n, r, o, a) {
     for (var s = "", u = 0; u < t; u++)
       s += e[u](n, r, o, a) || "";
     return s;
   };
 }
-function Zr(e) {
+function Qr(e) {
   return function(t) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Qr(e) {
+function en(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
   };
 }
-var en = function(t, n, r) {
-  for (var o = 0, a = 0; o = a, a = ne(), o === 38 && a === 12 && (n[r] = 1), !Le(a); )
+var tn = function(t, n, r) {
+  for (var o = 0, a = 0; o = a, a = ne(), o === 38 && a === 12 && (n[r] = 1), !$e(a); )
     J();
-  return Ue(t, K);
-}, tn = function(t, n) {
+  return De(t, H);
+}, rn = function(t, n) {
   var r = -1, o = 44;
   do
-    switch (Le(o)) {
+    switch ($e(o)) {
       case 0:
-        o === 38 && ne() === 12 && (n[r] = 1), t[r] += en(K - 1, n, r);
+        o === 38 && ne() === 12 && (n[r] = 1), t[r] += tn(H - 1, n, r);
         break;
       case 2:
-        t[r] += et(o);
+        t[r] += tt(o);
         break;
       case 4:
         if (o === 44) {
@@ -821,26 +821,26 @@ var en = function(t, n, r) {
         }
       // fallthrough
       default:
-        t[r] += it(o);
+        t[r] += at(o);
     }
   while (o = J());
   return t;
-}, rn = function(t, n) {
-  return er(tn(Qt(t), n));
-}, Mt = /* @__PURE__ */ new WeakMap(), nn = function(t) {
+}, nn = function(t, n) {
+  return tr(rn(er(t), n));
+}, kt = /* @__PURE__ */ new WeakMap(), on = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var n = t.value, r = t.parent, o = t.column === r.column && t.line === r.line; r.type !== "rule"; )
       if (r = r.parent, !r) return;
-    if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !Mt.get(r)) && !o) {
-      Mt.set(t, !0);
-      for (var a = [], s = rn(n, a), u = r.props, l = 0, b = 0; l < s.length; l++)
+    if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !kt.get(r)) && !o) {
+      kt.set(t, !0);
+      for (var a = [], s = nn(n, a), u = r.props, l = 0, b = 0; l < s.length; l++)
         for (var d = 0; d < u.length; d++, b++)
           t.props[b] = a[l] ? s[l].replace(/&\f/g, u[d]) : u[d] + " " + s[l];
     }
   }
-}, on = function(t) {
+}, an = function(t) {
   if (t.type === "decl") {
     var n = t.value;
     // charcode for l
@@ -848,8 +848,8 @@ var en = function(t, n, r) {
     n.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function tr(e, t) {
-  switch (jr(e, t)) {
+function rr(e, t) {
+  switch (Yr(e, t)) {
     // color-adjust
     case 5103:
       return N + "print-" + e + e;
@@ -889,7 +889,7 @@ function tr(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return N + e + ot + e + G + e + e;
+      return N + e + it + e + G + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
@@ -953,10 +953,10 @@ function tr(e, t) {
           if (V(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return M(e, /(.+:)(.+)-([^]+)/, "$1" + N + "$2-$3$1" + ot + (V(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return M(e, /(.+:)(.+)-([^]+)/, "$1" + N + "$2-$3$1" + it + (V(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~ht(e, "stretch") ? tr(M(e, "stretch", "fill-available"), t) + e : e;
+          return ~ht(e, "stretch") ? rr(M(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
@@ -990,30 +990,30 @@ function tr(e, t) {
   }
   return e;
 }
-var an = function(t, n, r, o) {
+var sn = function(t, n, r, o) {
   if (t.length > -1 && !t.return) switch (t.type) {
     case yt:
-      t.return = tr(t.value, t.length);
+      t.return = rr(t.value, t.length);
       break;
-    case Ht:
+    case Jt:
       return be([Oe(t, {
         value: M(t.value, "@", "@" + N)
       })], o);
     case gt:
-      if (t.length) return zr(t.props, function(a) {
-        switch (Yr(a, /(::plac\w+|:read-\w+)/)) {
+      if (t.length) return Fr(t.props, function(a) {
+        switch (zr(a, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return be([Oe(t, {
-              props: [M(a, /:(read-\w+)/, ":" + ot + "$1")]
+              props: [M(a, /:(read-\w+)/, ":" + it + "$1")]
             })], o);
           // :placeholder
           case "::placeholder":
             return be([Oe(t, {
               props: [M(a, /:(plac\w+)/, ":" + N + "input-$1")]
             }), Oe(t, {
-              props: [M(a, /:(plac\w+)/, ":" + ot + "$1")]
+              props: [M(a, /:(plac\w+)/, ":" + it + "$1")]
             }), Oe(t, {
               props: [M(a, /:(plac\w+)/, G + "input-$1")]
             })], o);
@@ -1021,7 +1021,7 @@ var an = function(t, n, r, o) {
         return "";
       });
   }
-}, sn = [an], cn = function(t) {
+}, cn = [sn], un = function(t) {
   var n = t.key;
   if (n === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -1030,31 +1030,31 @@ var an = function(t, n, r, o) {
       c.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("data-s", ""));
     });
   }
-  var o = t.stylisPlugins || sn, a = {}, s, u = [];
+  var o = t.stylisPlugins || cn, a = {}, s, u = [];
   s = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + n + ' "]'),
     function(f) {
-      for (var c = f.getAttribute("data-emotion").split(" "), v = 1; v < c.length; v++)
-        a[c[v]] = !0;
+      for (var c = f.getAttribute("data-emotion").split(" "), E = 1; E < c.length; E++)
+        a[c[E]] = !0;
       u.push(f);
     }
   );
-  var l, b = [nn, on];
+  var l, b = [on, an];
   {
-    var d, g = [Hr, Zr(function(f) {
+    var d, g = [Jr, Qr(function(f) {
       d.insert(f);
-    })], x = Jr(b.concat(o, g)), y = function(c) {
-      return be(Xr(c), x);
+    })], S = Zr(b.concat(o, g)), y = function(c) {
+      return be(Hr(c), S);
     };
-    l = function(c, v, E, R) {
-      d = E, y(c ? c + "{" + v.styles + "}" : v.styles), R && (p.inserted[v.name] = !0);
+    l = function(c, E, h, A) {
+      d = h, y(c ? c + "{" + E.styles + "}" : E.styles), A && (p.inserted[E.name] = !0);
     };
   }
   var p = {
     key: n,
-    sheet: new Lr({
+    sheet: new $r({
       key: n,
       container: s,
       nonce: t.nonce,
@@ -1068,7 +1068,7 @@ var an = function(t, n, r, o) {
     insert: l
   };
   return p.sheet.hydrate(u), p;
-}, Ze = { exports: {} }, k = {};
+}, Qe = { exports: {} }, k = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -1077,15 +1077,15 @@ var an = function(t, n, r, o) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var kt;
-function un() {
-  if (kt) return k;
-  kt = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
-  function R(m) {
+var Lt;
+function ln() {
+  if (Lt) return k;
+  Lt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, S = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
+  function A(m) {
     if (typeof m == "object" && m !== null) {
-      var A = m.$$typeof;
-      switch (A) {
+      var _ = m.$$typeof;
+      switch (_) {
         case t:
           switch (m = m.type, m) {
             case l:
@@ -1104,44 +1104,44 @@ function un() {
                 case s:
                   return m;
                 default:
-                  return A;
+                  return _;
               }
           }
         case n:
-          return A;
+          return _;
       }
     }
   }
-  function C(m) {
-    return R(m) === b;
+  function R(m) {
+    return A(m) === b;
   }
   return k.AsyncMode = l, k.ConcurrentMode = b, k.ContextConsumer = u, k.ContextProvider = s, k.Element = t, k.ForwardRef = d, k.Fragment = r, k.Lazy = p, k.Memo = y, k.Portal = n, k.Profiler = a, k.StrictMode = o, k.Suspense = g, k.isAsyncMode = function(m) {
-    return C(m) || R(m) === l;
-  }, k.isConcurrentMode = C, k.isContextConsumer = function(m) {
-    return R(m) === u;
+    return R(m) || A(m) === l;
+  }, k.isConcurrentMode = R, k.isContextConsumer = function(m) {
+    return A(m) === u;
   }, k.isContextProvider = function(m) {
-    return R(m) === s;
+    return A(m) === s;
   }, k.isElement = function(m) {
     return typeof m == "object" && m !== null && m.$$typeof === t;
   }, k.isForwardRef = function(m) {
-    return R(m) === d;
+    return A(m) === d;
   }, k.isFragment = function(m) {
-    return R(m) === r;
+    return A(m) === r;
   }, k.isLazy = function(m) {
-    return R(m) === p;
+    return A(m) === p;
   }, k.isMemo = function(m) {
-    return R(m) === y;
+    return A(m) === y;
   }, k.isPortal = function(m) {
-    return R(m) === n;
+    return A(m) === n;
   }, k.isProfiler = function(m) {
-    return R(m) === a;
+    return A(m) === a;
   }, k.isStrictMode = function(m) {
-    return R(m) === o;
+    return A(m) === o;
   }, k.isSuspense = function(m) {
-    return R(m) === g;
+    return A(m) === g;
   }, k.isValidElementType = function(m) {
-    return typeof m == "string" || typeof m == "function" || m === r || m === b || m === a || m === o || m === g || m === x || typeof m == "object" && m !== null && (m.$$typeof === p || m.$$typeof === y || m.$$typeof === s || m.$$typeof === u || m.$$typeof === d || m.$$typeof === c || m.$$typeof === v || m.$$typeof === E || m.$$typeof === f);
-  }, k.typeOf = R, k;
+    return typeof m == "string" || typeof m == "function" || m === r || m === b || m === a || m === o || m === g || m === S || typeof m == "object" && m !== null && (m.$$typeof === p || m.$$typeof === y || m.$$typeof === s || m.$$typeof === u || m.$$typeof === d || m.$$typeof === c || m.$$typeof === E || m.$$typeof === h || m.$$typeof === f);
+  }, k.typeOf = A, k;
 }
 var L = {};
 /** @license React v16.13.1
@@ -1152,15 +1152,15 @@ var L = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Lt;
-function ln() {
-  return Lt || (Lt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
-    function R(w) {
+var $t;
+function dn() {
+  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, S = e ? Symbol.for("react.suspense_list") : 60120, y = e ? Symbol.for("react.memo") : 60115, p = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, h = e ? Symbol.for("react.scope") : 60119;
+    function A(w) {
       return typeof w == "string" || typeof w == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      w === r || w === b || w === a || w === o || w === g || w === x || typeof w == "object" && w !== null && (w.$$typeof === p || w.$$typeof === y || w.$$typeof === s || w.$$typeof === u || w.$$typeof === d || w.$$typeof === c || w.$$typeof === v || w.$$typeof === E || w.$$typeof === f);
+      w === r || w === b || w === a || w === o || w === g || w === S || typeof w == "object" && w !== null && (w.$$typeof === p || w.$$typeof === y || w.$$typeof === s || w.$$typeof === u || w.$$typeof === d || w.$$typeof === c || w.$$typeof === E || w.$$typeof === h || w.$$typeof === f);
     }
-    function C(w) {
+    function R(w) {
       if (typeof w == "object" && w !== null) {
         var he = w.$$typeof;
         switch (he) {
@@ -1192,58 +1192,58 @@ function ln() {
         }
       }
     }
-    var m = l, A = b, _ = u, W = s, D = t, H = d, F = r, ee = p, ue = y, Te = n, we = a, lt = o, je = g, Ye = !1;
+    var m = l, _ = b, C = u, W = s, D = t, K = d, F = r, ee = p, ue = y, Te = n, we = a, dt = o, Ye = g, ze = !1;
     function oe(w) {
-      return Ye || (Ye = !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.")), Re(w) || C(w) === l;
+      return ze || (ze = !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.")), Ae(w) || R(w) === l;
     }
-    function Re(w) {
-      return C(w) === b;
+    function Ae(w) {
+      return R(w) === b;
     }
     function ie(w) {
-      return C(w) === u;
+      return R(w) === u;
     }
-    function dt(w) {
-      return C(w) === s;
+    function ft(w) {
+      return R(w) === s;
     }
-    function Ae(w) {
+    function Re(w) {
       return typeof w == "object" && w !== null && w.$$typeof === t;
     }
     function fe(w) {
-      return C(w) === d;
-    }
-    function ze(w) {
-      return C(w) === r;
+      return R(w) === d;
     }
     function Fe(w) {
-      return C(w) === p;
+      return R(w) === r;
     }
     function Ve(w) {
-      return C(w) === y;
+      return R(w) === p;
     }
     function We(w) {
-      return C(w) === n;
+      return R(w) === y;
     }
     function Be(w) {
-      return C(w) === a;
+      return R(w) === n;
     }
     function Ge(w) {
-      return C(w) === o;
+      return R(w) === a;
     }
     function qe(w) {
-      return C(w) === g;
+      return R(w) === o;
+    }
+    function Xe(w) {
+      return R(w) === g;
     }
-    L.AsyncMode = m, L.ConcurrentMode = A, L.ContextConsumer = _, L.ContextProvider = W, L.Element = D, L.ForwardRef = H, L.Fragment = F, L.Lazy = ee, L.Memo = ue, L.Portal = Te, L.Profiler = we, L.StrictMode = lt, L.Suspense = je, L.isAsyncMode = oe, L.isConcurrentMode = Re, L.isContextConsumer = ie, L.isContextProvider = dt, L.isElement = Ae, L.isForwardRef = fe, L.isFragment = ze, L.isLazy = Fe, L.isMemo = Ve, L.isPortal = We, L.isProfiler = Be, L.isStrictMode = Ge, L.isSuspense = qe, L.isValidElementType = R, L.typeOf = C;
+    L.AsyncMode = m, L.ConcurrentMode = _, L.ContextConsumer = C, L.ContextProvider = W, L.Element = D, L.ForwardRef = K, L.Fragment = F, L.Lazy = ee, L.Memo = ue, L.Portal = Te, L.Profiler = we, L.StrictMode = dt, L.Suspense = Ye, L.isAsyncMode = oe, L.isConcurrentMode = Ae, L.isContextConsumer = ie, L.isContextProvider = ft, L.isElement = Re, L.isForwardRef = fe, L.isFragment = Fe, L.isLazy = Ve, L.isMemo = We, L.isPortal = Be, L.isProfiler = Ge, L.isStrictMode = qe, L.isSuspense = Xe, L.isValidElementType = A, L.typeOf = R;
   }()), L;
 }
-var $t;
-function dn() {
-  return $t || ($t = 1, process.env.NODE_ENV === "production" ? Ze.exports = un() : Ze.exports = ln()), Ze.exports;
-}
-var ft, It;
+var It;
 function fn() {
-  if (It) return ft;
-  It = 1;
-  var e = dn(), t = {
+  return It || (It = 1, process.env.NODE_ENV === "production" ? Qe.exports = ln() : Qe.exports = dn()), Qe.exports;
+}
+var mt, Ut;
+function mn() {
+  if (Ut) return mt;
+  Ut = 1;
+  var e = fn(), t = {
     childContextTypes: !0,
     contextType: !0,
     contextTypes: !0,
@@ -1281,21 +1281,21 @@ function fn() {
   function s(p) {
     return e.isMemo(p) ? o : a[p.$$typeof] || t;
   }
-  var u = Object.defineProperty, l = Object.getOwnPropertyNames, b = Object.getOwnPropertySymbols, d = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, x = Object.prototype;
+  var u = Object.defineProperty, l = Object.getOwnPropertyNames, b = Object.getOwnPropertySymbols, d = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, S = Object.prototype;
   function y(p, f, c) {
     if (typeof f != "string") {
-      if (x) {
-        var v = g(f);
-        v && v !== x && y(p, v, c);
+      if (S) {
+        var E = g(f);
+        E && E !== S && y(p, E, c);
       }
-      var E = l(f);
-      b && (E = E.concat(b(f)));
-      for (var R = s(p), C = s(f), m = 0; m < E.length; ++m) {
-        var A = E[m];
-        if (!n[A] && !(c && c[A]) && !(C && C[A]) && !(R && R[A])) {
-          var _ = d(f, A);
+      var h = l(f);
+      b && (h = h.concat(b(f)));
+      for (var A = s(p), R = s(f), m = 0; m < h.length; ++m) {
+        var _ = h[m];
+        if (!n[_] && !(c && c[_]) && !(R && R[_]) && !(A && A[_])) {
+          var C = d(f, _);
           try {
-            u(p, A, _);
+            u(p, _, C);
           } catch {
           }
         }
@@ -1303,17 +1303,17 @@ function fn() {
     }
     return p;
   }
-  return ft = y, ft;
+  return mt = y, mt;
 }
-fn();
-var mn = !0;
-function pn(e, t, n) {
+mn();
+var pn = !0;
+function hn(e, t, n) {
   var r = "";
   return n.split(" ").forEach(function(o) {
     e[o] !== void 0 ? t.push(e[o] + ";") : o && (r += o + " ");
   }), r;
 }
-var rr = function(t, n, r) {
+var nr = function(t, n, r) {
   var o = t.key + "-" + n.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -1324,9 +1324,9 @@ var rr = function(t, n, r) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  mn === !1) && t.registered[o] === void 0 && (t.registered[o] = n.styles);
-}, hn = function(t, n, r) {
-  rr(t, n, r);
+  pn === !1) && t.registered[o] === void 0 && (t.registered[o] = n.styles);
+}, vn = function(t, n, r) {
+  nr(t, n, r);
   var o = t.key + "-" + n.name;
   if (t.inserted[n.name] === void 0) {
     var a = n;
@@ -1335,7 +1335,7 @@ var rr = function(t, n, r) {
     while (a !== void 0);
   }
 };
-function vn(e) {
+function En(e) {
   for (var t = 0, n, r = 0, o = e.length; o >= 4; ++r, o -= 4)
     n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -1354,7 +1354,7 @@ function vn(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var En = {
+var bn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1403,18 +1403,18 @@ var En = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, bn = /[A-Z]|^ms/g, gn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, nr = function(t) {
+}, gn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, or = function(t) {
   return t.charCodeAt(1) === 45;
-}, Ut = function(t) {
+}, Dt = function(t) {
   return t != null && typeof t != "boolean";
-}, mt = /* @__PURE__ */ Qr(function(e) {
-  return nr(e) ? e : e.replace(bn, "-$&").toLowerCase();
-}), Dt = function(t, n) {
+}, pt = /* @__PURE__ */ en(function(e) {
+  return or(e) ? e : e.replace(gn, "-$&").toLowerCase();
+}), jt = function(t, n) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(gn, function(r, o, a) {
+        return n.replace(yn, function(r, o, a) {
           return re = {
             name: o,
             styles: a,
@@ -1422,9 +1422,9 @@ var En = {
           }, o;
         });
   }
-  return En[t] !== 1 && !nr(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return bn[t] !== 1 && !or(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
-function $e(e, t, n) {
+function Ie(e, t, n) {
   if (n == null)
     return "";
   var r = n;
@@ -1454,12 +1454,12 @@ function $e(e, t, n) {
         var u = a.styles + ";";
         return u;
       }
-      return yn(e, t, n);
+      return Sn(e, t, n);
     }
     case "function": {
       if (e !== void 0) {
         var l = re, b = n(e);
-        return re = l, $e(e, t, b);
+        return re = l, Ie(e, t, b);
       }
       break;
     }
@@ -1467,26 +1467,26 @@ function $e(e, t, n) {
   var d = n;
   return d;
 }
-function yn(e, t, n) {
+function Sn(e, t, n) {
   var r = "";
   if (Array.isArray(n))
     for (var o = 0; o < n.length; o++)
-      r += $e(e, t, n[o]) + ";";
+      r += Ie(e, t, n[o]) + ";";
   else
     for (var a in n) {
       var s = n[a];
       if (typeof s != "object") {
         var u = s;
-        Ut(u) && (r += mt(a) + ":" + Dt(a, u) + ";");
+        Dt(u) && (r += pt(a) + ":" + jt(a, u) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
         for (var l = 0; l < s.length; l++)
-          Ut(s[l]) && (r += mt(a) + ":" + Dt(a, s[l]) + ";");
+          Dt(s[l]) && (r += pt(a) + ":" + jt(a, s[l]) + ";");
       else {
-        var b = $e(e, t, s);
+        var b = Ie(e, t, s);
         switch (a) {
           case "animation":
           case "animationName": {
-            r += mt(a) + ":" + b + ";";
+            r += pt(a) + ":" + b + ";";
             break;
           }
           default:
@@ -1496,7 +1496,7 @@ function yn(e, t, n) {
     }
   return r;
 }
-var jt = /label:\s*([^\s;{]+)\s*(;|$)/g, re;
+var Yt = /label:\s*([^\s;{]+)\s*(;|$)/g, re;
 function xn(e, t, n) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
@@ -1504,94 +1504,94 @@ function xn(e, t, n) {
   re = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
-    r = !1, o += $e(n, t, a);
+    r = !1, o += Ie(n, t, a);
   else {
     var s = a;
     o += s[0];
   }
   for (var u = 1; u < e.length; u++)
-    if (o += $e(n, t, e[u]), r) {
+    if (o += Ie(n, t, e[u]), r) {
       var l = a;
       o += l[u];
     }
-  jt.lastIndex = 0;
-  for (var b = "", d; (d = jt.exec(o)) !== null; )
+  Yt.lastIndex = 0;
+  for (var b = "", d; (d = Yt.exec(o)) !== null; )
     b += "-" + d[1];
-  var g = vn(o) + b;
+  var g = En(o) + b;
   return {
     name: g,
     styles: o,
     next: re
   };
 }
-var Sn = function(t) {
+var Tn = function(t) {
   return t();
-}, Tn = ce.useInsertionEffect ? ce.useInsertionEffect : !1, wn = Tn || Sn, or = /* @__PURE__ */ ce.createContext(
+}, wn = ce.useInsertionEffect ? ce.useInsertionEffect : !1, An = wn || Tn, ir = /* @__PURE__ */ ce.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ cn({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ un({
     key: "css"
   }) : null
 );
-or.Provider;
+ir.Provider;
 var Rn = function(t) {
-  return /* @__PURE__ */ mr(function(n, r) {
-    var o = Ie(or);
+  return /* @__PURE__ */ pr(function(n, r) {
+    var o = Ue(ir);
     return t(n, o, r);
   });
-}, An = /* @__PURE__ */ ce.createContext({}), ct = {}.hasOwnProperty, Et = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ir = function(t, n) {
+}, _n = /* @__PURE__ */ ce.createContext({}), ut = {}.hasOwnProperty, Et = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ar = function(t, n) {
   var r = {};
   for (var o in n)
-    ct.call(n, o) && (r[o] = n[o]);
+    ut.call(n, o) && (r[o] = n[o]);
   return r[Et] = t, r;
-}, _n = function(t) {
+}, Cn = function(t) {
   var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return rr(n, r, o), wn(function() {
-    return hn(n, r, o);
+  return nr(n, r, o), An(function() {
+    return vn(n, r, o);
   }), null;
-}, Cn = /* @__PURE__ */ Rn(function(e, t, n) {
+}, Pn = /* @__PURE__ */ Rn(function(e, t, n) {
   var r = e.css;
   typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
   var o = e[Et], a = [r], s = "";
-  typeof e.className == "string" ? s = pn(t.registered, a, e.className) : e.className != null && (s = e.className + " ");
-  var u = xn(a, void 0, ce.useContext(An));
+  typeof e.className == "string" ? s = hn(t.registered, a, e.className) : e.className != null && (s = e.className + " ");
+  var u = xn(a, void 0, ce.useContext(_n));
   s += t.key + "-" + u.name;
   var l = {};
   for (var b in e)
-    ct.call(e, b) && b !== "css" && b !== Et && (l[b] = e[b]);
-  return l.className = s, n && (l.ref = n), /* @__PURE__ */ ce.createElement(ce.Fragment, null, /* @__PURE__ */ ce.createElement(_n, {
+    ut.call(e, b) && b !== "css" && b !== Et && (l[b] = e[b]);
+  return l.className = s, n && (l.ref = n), /* @__PURE__ */ ce.createElement(ce.Fragment, null, /* @__PURE__ */ ce.createElement(Cn, {
     cache: t,
     serialized: u,
     isStringTag: typeof o == "string"
   }), /* @__PURE__ */ ce.createElement(o, l));
-}), ar = Cn, sr = Me.Fragment, h = function(t, n, r) {
-  return ct.call(n, "css") ? Me.jsx(ar, ir(t, n), r) : Me.jsx(t, n, r);
+}), sr = Pn, cr = ke.Fragment, v = function(t, n, r) {
+  return ut.call(n, "css") ? ke.jsx(sr, ar(t, n), r) : ke.jsx(t, n, r);
 }, I = function(t, n, r) {
-  return ct.call(n, "css") ? Me.jsxs(ar, ir(t, n), r) : Me.jsxs(t, n, r);
+  return ut.call(n, "css") ? ke.jsxs(sr, ar(t, n), r) : ke.jsxs(t, n, r);
 };
-const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
+const On = qt(({ sendBack: e, receive: t, input: n }) => {
   const { videoElement: r } = n;
-  t((x) => {
-    x.type === "PLAY" && (r.play(), o()), x.type === "PAUSE" && (r.pause(), o()), x.type === "SET_TIME" && (r.currentTime = x.value, u()), x.type === "SET_VOLUME" && (r.volume = x.volume, r.muted = x.muted, l()), x.type === "SET_PLAYBACK_RATE" && (r.playbackRate = x.playbackRate, b());
+  t((S) => {
+    S.type === "PLAY" && (r.play(), o()), S.type === "PAUSE" && (r.pause(), o()), S.type === "SET_TIME" && (r.currentTime = S.value, u()), S.type === "SET_VOLUME" && (r.volume = S.volume, r.muted = S.muted, l()), S.type === "SET_PLAYBACK_RATE" && (r.playbackRate = S.playbackRate, b());
   });
   const o = () => e({ type: "PLAYING" }), a = () => e({ type: "PAUSED" }), s = () => e({ type: "ENDED" }), u = () => e({ type: "TIME_UPDATE", currentTime: r.currentTime }), l = () => e({ type: "VOLUME_UPDATE", muted: r.muted, volume: r.volume }), b = () => e({ type: "PLAYBACK_RATE_UPDATE", playbackRate: r.playbackRate }), d = () => e({ type: "SEEKING", currentTime: r.currentTime }), g = () => e({ type: "DURATION_UPDATE", duration: r.duration });
   return r.addEventListener("play", o), r.addEventListener("pause", a), r.addEventListener("ended", s), r.addEventListener("timeupdate", u), r.addEventListener("volumechange", l), r.addEventListener("ratechange", b), r.addEventListener("seeking", d), r.addEventListener("durationchange", g), () => {
     r.removeEventListener("play", o), r.removeEventListener("pause", a), r.removeEventListener("ended", s), r.removeEventListener("timeupdate", u), r.removeEventListener("volumechange", l), r.removeEventListener("ratechange", b), r.removeEventListener("seeking", d), r.removeEventListener("durationchange", g);
   };
-}), ut = (e) => Gt((...t) => {
+}), lt = (e) => qt((...t) => {
   const n = e(...t);
   return () => {
     n.then((r) => r?.());
   };
-}), Yt = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
+}), zt = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
   index: n,
   start: e.buffered.start(n),
   end: e.buffered.end(n)
-})), zt = (e, t, n) => {
+})), Ft = (e, t, n) => {
   const r = (u) => {
     t(u), s();
   }, o = (u) => {
@@ -1602,39 +1602,39 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
     e.removeEventListener("updateend", r), e.removeEventListener("abort", o), e.removeEventListener("error", a);
   };
   e.addEventListener("updateend", r, { once: !0 }), e.addEventListener("abort", o, { once: !0 }), e.addEventListener("error", a, { once: !0 });
-}, On = (e) => {
-  const t = new qt({ concurrency: 1 });
+}, Nn = (e) => {
+  const t = new Xt({ concurrency: 1 });
   return {
     appendBuffer: (a) => t.add(
       () => new Promise((s, u) => {
-        zt(e, s, u), e.appendBuffer(a);
+        Ft(e, s, u), e.appendBuffer(a);
       })
     ),
     unbufferRange: async (a, s) => t.add(
       () => new Promise((u, l) => {
-        zt(e, u, l), e.remove(a, s);
+        Ft(e, u, l), e.remove(a, s);
       })
     ),
     updateTimestampOffset: (a) => t.add(() => {
       e.timestampOffset = a;
     })
   };
-}, Nn = -20, Mn = 60, kn = 30, Ln = ut(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
+}, Mn = -20, kn = 60, Ln = 30, $n = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
   const { videoElement: a, preEvictionTime: s, postEvictionTime: u, bufferTargetTime: l } = n, b = () => console.error(a.error);
   a.addEventListener("error", b);
   const d = new MediaSource(), g = URL.createObjectURL(d);
   a.src = g;
-  const x = () => a.currentTime + (s ?? Nn), y = () => a.currentTime + (u ?? Mn), p = () => a.currentTime + (l ?? kn);
+  const S = () => a.currentTime + (s ?? Mn), y = () => a.currentTime + (u ?? kn), p = () => a.currentTime + (l ?? Ln);
   let f;
   const c = await new Promise(
     (D) => d.addEventListener(
       "sourceopen",
       () => {
-        let H = !1;
+        let K = !1;
         t((F) => {
-          if (!H && F.type === "METADATA") {
+          if (!K && F.type === "METADATA") {
             const ee = d.addSourceBuffer(`video/mp4; codecs="${F.info.input.videoMimeType},${F.info.input.audioMimeType}"`);
-            ee.mode = "segments", d.duration = F.info.input.duration, f = F.data, H = !0, D(ee);
+            ee.mode = "segments", d.duration = F.info.input.duration, f = F.data, K = !0, D(ee);
           }
         });
       },
@@ -1642,29 +1642,29 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
     )
   );
   if (!f) throw new Error("No header buffer");
-  const { appendBuffer: v, unbufferRange: E, updateTimestampOffset: R } = On(c);
-  v(f), t(async (D) => {
-    D.type === "DATA" ? await v(D.data) : D.type === "TIMESTAMP_OFFSET" && await R(D.timestampOffset);
+  const { appendBuffer: E, unbufferRange: h, updateTimestampOffset: A } = Nn(c);
+  E(f), t(async (D) => {
+    D.type === "DATA" ? await E(D.data) : D.type === "TIMESTAMP_OFFSET" && await A(D.timestampOffset);
   });
-  const C = async () => {
-    const D = x(), H = y(), F = Yt(c);
+  const R = async () => {
+    const D = S(), K = y(), F = zt(c);
     for (const { start: ee, end: ue } of F)
-      ee < D && await E(
+      ee < D && await h(
         ee,
         D
-      ), ue > H && await E(
-        H,
+      ), ue > K && await h(
+        K,
         ue
       );
   }, m = setInterval(async () => {
-    await C();
-    const D = Yt(c);
+    await R();
+    const D = zt(c);
     Math.max(...D.map(({ end: F }) => F)) < p() && e({ type: "NEED_DATA" });
-  }, 100), A = () => e({ type: "SOURCE_OPEN" }), _ = () => e({ type: "SOURCE_ENDED" }), W = () => e({ type: "SOURCE_ERROR" });
-  return d.addEventListener("sourceopen", A), d.addEventListener("sourceended", _), d.addEventListener("error", W), () => {
-    URL.revokeObjectURL(g), clearInterval(m), a.removeEventListener("error", b), d.removeEventListener("sourceopen", A), d.removeEventListener("sourceended", _), d.removeEventListener("error", W);
+  }, 100), _ = () => e({ type: "SOURCE_OPEN" }), C = () => e({ type: "SOURCE_ENDED" }), W = () => e({ type: "SOURCE_ERROR" });
+  return d.addEventListener("sourceopen", _), d.addEventListener("sourceended", C), d.addEventListener("error", W), () => {
+    URL.revokeObjectURL(g), clearInterval(m), a.removeEventListener("error", b), d.removeEventListener("sourceopen", _), d.removeEventListener("sourceended", C), d.removeEventListener("error", W);
   };
-}), $n = (e, t) => {
+}), In = (e, t) => {
   let n, r, o;
   const a = (s, u, l) => (b) => {
     const d = performance.now();
@@ -1677,10 +1677,10 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
       o = void 0, g.then(u).catch((p) => {
         console.error(p), l(p);
       });
-      let x, y;
+      let S, y;
       r = new Promise((p, f) => {
-        x = p, y = f;
-      }), n = g.then(a(d, x, y)).catch((p) => (console.error(p), a(s, x, y)(p)));
+        S = p, y = f;
+      }), n = g.then(a(d, S, y)).catch((p) => (console.error(p), a(s, S, y)(p)));
     }, e - (d - s)), b;
   };
   return (...s) => {
@@ -1690,26 +1690,26 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
       const u = performance.now(), l = (async () => t(...s))();
       o = void 0;
       let b, d;
-      return r = new Promise((g, x) => {
-        b = g, d = x;
+      return r = new Promise((g, S) => {
+        b = g, d = S;
       }), n = l.then(a(u, b, d)).catch((g) => (console.error(g), a(u, b, d)(g))), l;
     }
   };
-}, In = ut(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
-  const { remuxerOptions: a } = n, { publicPath: s, workerUrl: u, bufferSize: l, length: b, read: d } = a, g = await Xt({
+}, Un = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
+  const { remuxerOptions: a } = n, { publicPath: s, workerUrl: u, bufferSize: l, length: b, read: d } = a, g = await Ht({
     publicPath: s,
     workerUrl: u,
     bufferSize: l,
     length: b,
     read: d
-  }), x = await g.init();
-  x.attachments?.length && e({ type: "NEW_ATTACHMENTS", attachments: x.attachments }), x.subtitles?.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: x.subtitles }), e({ type: "METADATA", ...x });
+  }), S = await g.init();
+  S.attachments?.length && e({ type: "NEW_ATTACHMENTS", attachments: S.attachments }), S.subtitles?.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: S.subtitles }), e({ type: "METADATA", ...S });
   let y = !1, p = [];
-  const f = $n(100, async () => {
+  const f = In(100, async () => {
     if (!(p.length || y))
       try {
-        const { data: c, subtitles: v, finished: E } = await g.read();
-        E && (y = !0), v.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: v }), e({ type: "DATA", data: c });
+        const { data: c, subtitles: E, finished: h } = await g.read();
+        h && (y = !0), E.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: E }), e({ type: "DATA", data: c });
       } catch (c) {
         if (c.message === "Cancelled") return;
         console.error(c);
@@ -1720,22 +1720,22 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
       f();
     else if (c.type === "SEEKING") {
       y = !1;
-      const { currentTime: v } = c, E = { currentTime: v };
-      p = [...p, E];
+      const { currentTime: E } = c, h = { currentTime: E };
+      p = [...p, h];
       try {
-        const { data: R, pts: C } = await g.seek(v).finally(() => {
-          p = p.filter((m) => m !== E);
+        const { data: A, pts: R } = await g.seek(E).finally(() => {
+          p = p.filter((m) => m !== h);
         });
-        e({ type: "TIMESTAMP_OFFSET", timestampOffset: C }), e({ type: "DATA", data: R });
-      } catch (R) {
-        if (R.message === "Cancelled") return;
-        console.error(R);
+        e({ type: "TIMESTAMP_OFFSET", timestampOffset: R }), e({ type: "DATA", data: A });
+      } catch (A) {
+        if (A.message === "Cancelled") return;
+        console.error(A);
       }
     }
   }), () => {
     g.destroy();
   };
-}), Ft = (e) => new Date(e).toISOString().slice(11, 22), Vt = (e, t) => {
+}), Vt = (e) => new Date(e).toISOString().slice(11, 22), Wt = (e, t) => {
   e.createStyle({
     ...t,
     SecondaryColour: Number(t.SecondaryColour),
@@ -1764,7 +1764,7 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
     MarginV: Number(t.MarginV),
     Encoding: Number(t.Encoding)
   });
-}, Un = (e) => {
+}, Dn = (e) => {
   const t = e.content.match(/\r\n\[Events\]\r\nFormat: (.*)/)?.[0], n = t?.trim().split(`
 `)[1];
   if (!t || !n)
@@ -1775,10 +1775,10 @@ const Pn = Gt(({ sendBack: e, receive: t, input: n }) => {
     content: e.content,
     eventsContent: t,
     dialogueFormatContent: n,
-    parsed: pt(e.content)
+    parsed: Me(e.content)
   };
-}, Dn = (e, t) => {
-  const [n, r] = t.content.split(","), o = Number(n), a = Ft(t.start), s = Ft(t.end), u = t.content.replace(`${o},${r},`, ""), l = `Dialogue: ${r},${a},${s},${u}`, d = pt(`${e.eventsContent}\r
+}, jn = (e, t) => {
+  const [n, r] = t.content.split(","), o = Number(n), a = Vt(t.start), s = Vt(t.end), u = t.content.replace(`${o},${r},`, ""), l = `Dialogue: ${r},${a},${s},${u}`, d = Me(`${e.eventsContent}\r
 ${l}`).events.dialogue[0];
   if (!d)
     throw new Error("dialogueEvent is undefined");
@@ -1787,7 +1787,7 @@ ${l}`).events.dialogue[0];
     streamIndex: t.streamIndex,
     index: o,
     content: l,
-    parsed: pt(`${e.eventsContent}\r
+    parsed: Me(`${e.eventsContent}\r
 ${l}`),
     assEvent: {
       ...d,
@@ -1800,62 +1800,66 @@ ${l}`),
       _index: o
     }
   };
-}, jn = ut(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
+}, Yn = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
   const { publicPath: a, subtitlesRendererOptions: s, videoElement: u, canvasElement: l } = n;
   let b = [], d;
   const g = /* @__PURE__ */ new Map();
-  let x = [], y;
+  let S = [], y;
   return t((p) => {
     if (p.type === "SELECT_SUBTITLE_STREAM") {
       if (y = p.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: p.streamIndex }), !d) return;
-      d.freeTrack(), x = [];
+      d.freeTrack(), S = [];
       const f = g.get(y);
       if (!f)
         throw new Error("newSubtitleStreams is undefined");
-      d.setTrack(f.header.content), d.setCurrentTime(u.paused, u.currentTime, u.playbackRate);
-      for (const c in f.header.parsed.styles) {
-        const v = f.header.parsed.styles.style[Number(c)];
-        v && Vt(d, v);
+      const c = Me(f.header.content), E = { ...c, info: { ...c.info, ScaledBorderAndShadow: "no" } };
+      d.setTrack(_t(E)), d.setCurrentTime(u.paused, u.currentTime, u.playbackRate);
+      for (const h in f.header.parsed.styles) {
+        const A = f.header.parsed.styles.style[Number(h)];
+        A && Wt(d, A);
       }
-      for (const c of f?.dialogues ?? [])
-        x.filter((E) => E.type === "dialogue").find(
-          (E) => E.streamIndex === c.streamIndex && E.index === c.index
-        ) || y !== c.streamIndex || (d?.createEvent(c.assEvent), x.push(c));
+      for (const h of f?.dialogues ?? [])
+        S.filter((R) => R.type === "dialogue").find(
+          (R) => R.streamIndex === h.streamIndex && R.index === h.index
+        ) || y !== h.streamIndex || (d?.createEvent(h.assEvent), S.push(h));
     }
     if (p.type === "NEW_SUBTITLE_FRAGMENTS") {
       const f = p.subtitles.map((c) => {
         if (c.type === "header") {
-          const v = Un(c);
-          return g.set(c.streamIndex, { header: v, dialogues: [] }), y === void 0 && (y = c.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: c.streamIndex })), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), v;
+          const E = Dn(c);
+          return g.set(c.streamIndex, { header: E, dialogues: [] }), y === void 0 && (y = c.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: c.streamIndex })), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), E;
         } else {
-          const v = g.get(c.streamIndex)?.header;
-          if (!v)
+          const E = g.get(c.streamIndex)?.header;
+          if (!E)
             throw new Error("SubtitleStream or its header is undefined");
-          const E = Dn(v, c);
-          return g.get(c.streamIndex)?.dialogues.push(E), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), E;
+          const h = jn(E, c);
+          return g.get(c.streamIndex)?.dialogues.push(h), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), h;
         }
       });
       for (const c of f)
         if (c.type === "dialogue") {
-          if (x.filter((E) => E.type === "dialogue").find(
-            (E) => E.streamIndex === c.streamIndex && E.index === c.index
+          if (S.filter((h) => h.type === "dialogue").find(
+            (h) => h.streamIndex === c.streamIndex && h.index === c.index
           ) || y !== c.streamIndex)
             continue;
-          d?.createEvent(c.assEvent), x.push(c);
+          d?.createEvent(c.assEvent), S.push(c);
         } else if (c.type === "header") {
-          d || (d = new br({
-            video: u,
-            canvas: l,
-            subContent: c.content,
-            workerUrl: s.workerUrl,
-            modernWasmUrl: s.wasmUrl,
-            fonts: b.filter(Boolean).map(([v, E]) => E),
-            availableFonts: { ...Object.fromEntries(b), "liberation sans": `${a}default.woff2` }
-            // fallbackFont: 'liberation sans',
-          }));
-          for (const v in c.parsed.styles) {
-            const E = c.parsed.styles.style[Number(v)];
-            E && Vt(d, E);
+          if (!d) {
+            const E = Me(c.content), h = { ...E, info: { ...E.info, ScaledBorderAndShadow: "no" } };
+            d = new gr({
+              video: u,
+              canvas: l,
+              subContent: _t(h),
+              workerUrl: s.workerUrl,
+              modernWasmUrl: s.wasmUrl,
+              fonts: b.filter(Boolean).map(([A, R]) => R),
+              availableFonts: { ...Object.fromEntries(b), "liberation sans": `${a}default.woff2` }
+              // fallbackFont: 'liberation sans',
+            });
+          }
+          for (const E in c.parsed.styles) {
+            const h = c.parsed.styles.style[Number(E)];
+            h && Wt(d, h);
           }
         } else
           throw new Error("Unknown subtitlePart type");
@@ -1867,63 +1871,63 @@ ${l}`),
   }), () => {
     d?.destroy();
   };
-}), Yn = ut(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
+}), zn = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
   const { remuxerOptions: a } = n, { publicPath: s, workerUrl: u, bufferSize: l, length: b, read: d } = a;
   let g;
-  const x = new Promise((E) => {
-    g = E;
+  const S = new Promise((h) => {
+    g = h;
   });
-  t(async (E) => {
-    await x, E.type === "DOWNLOADED_RANGES_UPDATED" && p.indexes.reduce((m, A) => {
-      const _ = m.at(-1);
-      if (_ && A.timestamp - _.timestamp < 5)
+  t(async (h) => {
+    await S, h.type === "DOWNLOADED_RANGES_UPDATED" && p.indexes.reduce((m, _) => {
+      const C = m.at(-1);
+      if (C && _.timestamp - C.timestamp < 5)
         return m;
       {
-        const W = p.indexes.slice(A.index + 1).find((D) => D.timestamp > A.timestamp + 5);
-        return W ? [...m, { ...A, duration: W.timestamp - A.timestamp }] : [...m, A];
+        const W = p.indexes.slice(_.index + 1).find((D) => D.timestamp > _.timestamp + 5);
+        return W ? [...m, { ..._, duration: W.timestamp - _.timestamp }] : [...m, _];
       }
     }, []).filter((m) => {
-      const A = p.indexes.at(m.index + 1), _ = A ? A.pos : a.length, W = m.pos;
-      return E.downloadedRanges.some(
-        ({ startByteOffset: H, endByteOffset: F }) => H <= W && _ <= F
+      const _ = p.indexes.at(m.index + 1), C = _ ? _.pos : a.length, W = m.pos;
+      return h.downloadedRanges.some(
+        ({ startByteOffset: K, endByteOffset: F }) => K <= W && C <= F
       );
-    }).sort((m, A) => m.timestamp - A.timestamp).forEach((m) => v(m));
+    }).sort((m, _) => m.timestamp - _.timestamp).forEach((m) => E(m));
   });
-  const y = await Xt({
+  const y = await Ht({
     publicPath: s,
     workerUrl: u,
     bufferSize: l,
     length: b,
     read: d
-  }), p = await y.init(), f = new qt({ concurrency: 1 });
+  }), p = await y.init(), f = new Xt({ concurrency: 1 });
   let c = [];
-  const v = (E) => f.add(async () => {
-    if (c.find((D) => D.index.index === E.index)) return;
-    const R = await y.readKeyframe(E.timestamp), C = new Blob([R], { type: "image/png" }), m = URL.createObjectURL(C), A = p.indexes.at(E.index + 1), _ = A ? A.timestamp - E.timestamp : p.info.input.duration - E.timestamp, W = {
-      blob: C,
+  const E = (h) => f.add(async () => {
+    if (c.find((D) => D.index.index === h.index)) return;
+    const A = await y.readKeyframe(h.timestamp), R = new Blob([A], { type: "image/png" }), m = URL.createObjectURL(R), _ = p.indexes.at(h.index + 1), C = _ ? _.timestamp - h.timestamp : p.info.input.duration - h.timestamp, W = {
+      blob: R,
       url: m,
-      timestamp: E.timestamp,
-      duration: E.duration ?? _,
-      index: E
+      timestamp: h.timestamp,
+      duration: h.duration ?? C,
+      index: h
     };
     c.push(W), e({ type: "NEW_THUMBNAIL", thumbnail: W });
   });
   return g(), () => {
     y.destroy();
   };
-}), zn = vr({
+}), Fn = Er({
   types: {},
   actions: {
-    isReady: Er(({ context: e, enqueue: t }) => {
+    isReady: br(({ context: e, enqueue: t }) => {
       e.videoElement && e.canvasElement && e.remuxerOptions && e.subtitlesRendererOptions && e.mediaSourceOptions && t.raise({ type: "IS_READY" });
     })
   },
   actors: {
-    mediaLogic: Pn,
-    mediaSourceLogic: Ln,
-    dataSourceLogic: In,
-    thumbnailsLogic: Yn,
-    subtitlesLogic: jn
+    mediaLogic: On,
+    mediaSourceLogic: $n,
+    dataSourceLogic: Un,
+    thumbnailsLogic: zn,
+    subtitlesLogic: Yn
   }
 }).createMachine({
   context: {
@@ -2087,7 +2091,7 @@ ${l}`),
     },
     DESTROYED: {}
   }
-}), $ = hr(zn), De = pr({}), Wt = (e, t) => {
+}), $ = vr(Fn), je = hr({}), Bt = (e, t) => {
   const [n, r] = Z(() => localStorage.getItem(e) ?? t), o = (a) => {
     localStorage.setItem(e, a), r(a), window.dispatchEvent(new Event("storage"));
   };
@@ -2100,18 +2104,18 @@ ${l}`),
       window.removeEventListener("storage", a);
     };
   }, [e]), [n, o];
-}, rt = (e, t, n, r) => {
+}, nt = (e, t, n, r) => {
   if (!e) throw new Error("Media actor not found");
   if (!n) throw new Error("Duration not found");
   n === r ? (e.send({ type: "SET_TIME", value: 0 }), e.send({ type: "PLAY" })) : t ? e.send({ type: "PLAY" }) : e.send({ type: "PAUSE" });
-}, Fn = Q`
+}, Vn = Q`
   top: unset !important;
   left: unset !important;
   width: 100%;
   height: 100%;
   margin: auto;
-`, Vn = () => {
-  const e = $.useActorRef(), [t, n] = Z(), r = nt((o) => {
+`, Wn = () => {
+  const e = $.useActorRef(), [t, n] = Z(), r = ot((o) => {
     n(o);
   }, []);
   return z(() => {
@@ -2119,8 +2123,14 @@ ${l}`),
       type: "SET_CANVAS_ELEMENT",
       canvasElement: t
     });
-  }, [t]), /* @__PURE__ */ h(sr, { children: /* @__PURE__ */ h("canvas", { ref: r, css: Fn }) });
-}, xe = {
+  }, [t]), /* @__PURE__ */ v(cr, { children: /* @__PURE__ */ v("canvas", { ref: r, css: Vn }) });
+}, ur = 1e-4, bt = 1, lr = 2, dr = (e) => {
+  const t = Math.max(ur, Math.min(bt, e));
+  return Math.pow(t, lr);
+}, xt = (e) => {
+  const t = Math.max(ur, Math.min(bt, e));
+  return Math.pow(t, bt / lr);
+}, Se = {
   bMedium: {
     bold: `
       font-weight: 600;
@@ -2152,7 +2162,7 @@ ${l}`),
       }
     `
   }
-}, Wn = (e) => Q`
+}, Bn = (e) => Q`
   display: flex;
   justify-content: flex-end;
 
@@ -2162,7 +2172,7 @@ ${l}`),
   z-index: 3;
 
   * {
-    ${xe.bSmall.regular}
+    ${Se.bSmall.regular}
   }
 
   ${e === "sm" && Q`
@@ -2185,8 +2195,8 @@ ${l}`),
   disabled: u = !1,
   size: l = "md"
   /* md */
-}) => /* @__PURE__ */ I(sr, { children: [
-  /* @__PURE__ */ h(
+}) => /* @__PURE__ */ I(cr, { children: [
+  /* @__PURE__ */ v(
     "div",
     {
       "data-tooltip-id": e,
@@ -2198,16 +2208,16 @@ ${l}`),
       children: n
     }
   ),
-  !u && /* @__PURE__ */ h(
-    Cr,
+  !u && /* @__PURE__ */ v(
+    Pr,
     {
-      css: Wn(l),
+      css: Bn(l),
       id: e,
       noArrow: !0,
       children: t
     }
   )
-] }), Bn = ({ ref: e, defaultValue: t }) => {
+] }), Gn = ({ ref: e, defaultValue: t }) => {
   const [n, r] = Z(t), [o, a] = Z(!1), s = (u) => {
     if (a(!0), !e.current) return;
     const { clientX: l } = u, { left: b, right: d } = e.current.getBoundingClientRect();
@@ -2217,8 +2227,8 @@ ${l}`),
     if (!o) return;
     const u = () => a(!1), l = (b) => {
       if (!e.current) return;
-      const { clientX: d } = b, { left: g, right: x } = e.current.getBoundingClientRect();
-      r(Math.min(Math.max((d - g) / (x - g), 0), 1));
+      const { clientX: d } = b, { left: g, right: S } = e.current.getBoundingClientRect();
+      r(Math.min(Math.max((d - g) / (S - g), 0), 1));
     };
     return document.addEventListener("mousemove", l), document.addEventListener("mouseup", u), () => {
       document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", u);
@@ -2229,7 +2239,7 @@ ${l}`),
     scrub: s,
     setValue: r
   };
-}, Gn = Q`
+}, qn = Q`
   position: relative;
   height: .4rem;
 
@@ -2270,7 +2280,7 @@ ${l}`),
     justify-content: center;
 
     text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-    ${xe.bMedium.bold}
+    ${Se.bMedium.bold}
 
     position: absolute;
     top: -2.5rem;
@@ -2340,25 +2350,25 @@ ${l}`),
       object-fit: cover;
     }
   }
-`, qn = () => {
-  const e = $.useActorRef(), t = $.useSelector((c) => c.context.media.currentTime), n = $.useSelector((c) => c.context.media.duration), r = $.useSelector((c) => c.context.thumbnails), o = Ie(De), a = Ne(null), { scrub: s, value: u } = Bn({ ref: a }), [l, b] = Z(void 0), d = (c) => {
-    const E = c.nativeEvent.offsetX / c.currentTarget.offsetWidth * (n ?? 0);
-    b(E);
+`, Xn = () => {
+  const e = $.useActorRef(), t = $.useSelector((c) => c.context.media.currentTime), n = $.useSelector((c) => c.context.media.duration), r = $.useSelector((c) => c.context.thumbnails), o = Ue(je), a = Ne(null), { scrub: s, value: u } = Gn({ ref: a }), [l, b] = Z(void 0), d = (c) => {
+    const h = c.nativeEvent.offsetX / c.currentTarget.offsetWidth * (n ?? 0);
+    b(h);
   }, g = () => {
     a.current && b(void 0);
-  }, x = pe(
-    () => o.downloadedRanges?.map((c, v) => {
+  }, S = pe(
+    () => o.downloadedRanges?.map((c, E) => {
       if ("startByteOffset" in c && "endByteOffset" in c && o.size) {
-        const E = c.startByteOffset / o.size, C = c.endByteOffset / o.size - E, m = E * 100;
-        return /* @__PURE__ */ h("div", { className: "loaded-part", style: { transform: `scaleX(${C})`, marginLeft: `${m}%` } }, v);
+        const h = c.startByteOffset / o.size, R = c.endByteOffset / o.size - h, m = h * 100;
+        return /* @__PURE__ */ v("div", { className: "loaded-part", style: { transform: `scaleX(${R})`, marginLeft: `${m}%` } }, E);
       } else
         return null;
     }) ?? [],
-    [o.downloadedRanges?.map(({ startByteOffset: c, endByteOffset: v }) => `${c}/${v}`).join(",")]
+    [o.downloadedRanges?.map(({ startByteOffset: c, endByteOffset: E }) => `${c}/${E}`).join(",")]
   ), y = pe(() => {
     if (!l || l < 0) return;
-    const c = Math.floor(l / 3600), v = Math.floor((l - c * 3600) / 60), E = Math.floor(l - c * 3600 - v * 60);
-    return `${c > 0 ? `${c}:` : ""}${v < 10 ? "0" : ""}${v}:${E < 10 ? "0" : ""}${E}`;
+    const c = Math.floor(l / 3600), E = Math.floor((l - c * 3600) / 60), h = Math.floor(l - c * 3600 - E * 60);
+    return `${c > 0 ? `${c}:` : ""}${E < 10 ? "0" : ""}${E}:${h < 10 ? "0" : ""}${h}`;
   }, [l]);
   z(() => {
     if (!e || u === void 0 || !n) return;
@@ -2368,20 +2378,20 @@ ${l}`),
   const p = pe(() => typeof n != "number" || typeof t != "number" ? 0 : 1 / ((n ?? 0) / (t ?? 0)), [n, t]), f = pe(() => {
     if (!(!r.length || !l))
       return r.find(
-        ({ timestamp: c, duration: v }) => c <= l && l <= c + v
+        ({ timestamp: c, duration: E }) => c <= l && l <= c + E
       );
   }, [r.length, l]);
   return /* @__PURE__ */ I(
     "div",
     {
-      css: Gn,
+      css: qn,
       ref: a,
       className: "progress-bar",
       onMouseMove: d,
       onMouseOut: g,
       children: [
-        /* @__PURE__ */ h("div", { className: "background-bar" }),
-        l ? /* @__PURE__ */ h(
+        /* @__PURE__ */ v("div", { className: "background-bar" }),
+        l ? /* @__PURE__ */ v(
           "div",
           {
             className: "cursor-time",
@@ -2389,29 +2399,29 @@ ${l}`),
             children: y
           }
         ) : void 0,
-        /* @__PURE__ */ h("div", { className: "progress" }),
-        /* @__PURE__ */ h("div", { className: "loaded", children: x }),
-        /* @__PURE__ */ h("div", { className: "hover" }),
-        /* @__PURE__ */ h("div", { className: "play-container", children: /* @__PURE__ */ h("div", { className: "play", style: { transform: `scaleX(${p})` } }) }),
-        /* @__PURE__ */ h("div", { className: "chapters" }),
-        /* @__PURE__ */ h("div", { className: "scrubber" }),
-        /* @__PURE__ */ h("div", { className: "padding", onMouseDown: s }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ v("div", { className: "progress" }),
+        /* @__PURE__ */ v("div", { className: "loaded", children: S }),
+        /* @__PURE__ */ v("div", { className: "hover" }),
+        /* @__PURE__ */ v("div", { className: "play-container", children: /* @__PURE__ */ v("div", { className: "play", style: { transform: `scaleX(${p})` } }) }),
+        /* @__PURE__ */ v("div", { className: "chapters" }),
+        /* @__PURE__ */ v("div", { className: "scrubber" }),
+        /* @__PURE__ */ v("div", { className: "padding", onMouseDown: s }),
+        /* @__PURE__ */ v(
           "div",
           {
             className: "thumbnail",
             style: { left: `clamp(12.5rem, ${1 / ((n ?? 0) / (l ?? 1)) * 100}%, calc(100% - 12.5rem))` },
-            children: f ? /* @__PURE__ */ h("img", { src: f.url }) : void 0
+            children: f ? /* @__PURE__ */ v("img", { src: f.url }) : void 0
           }
         )
       ]
     }
   );
-}, Bt = (e) => {
+}, Gt = (e) => {
   if (e === void 0) return "0:00";
   const t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
   return t > 0 ? `${t}:${n < 10 ? "0" : ""}${n}:${r < 10 ? "0" : ""}${r}` : `${n}:${r < 10 ? "0" : ""}${r}`;
-}, Xn = (e, t) => `${Bt(e)} / ${Bt(t)}`, Kn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", Hn = Q`
+}, Hn = (e, t) => `${Gt(e)} / ${Gt(t)}`, Kn = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", Jn = Q`
 position: relative;
 
 .popover {
@@ -2432,7 +2442,7 @@ position: relative;
 
   border-radius: 8px;
   background-color: rgba(28,28,28,0.95);
-  ${xe.bMedium.regular}
+  ${Se.bMedium.regular}
 
   z-index: 4;
 
@@ -2467,12 +2477,12 @@ position: relative;
 
       .secondary {
         color: #eee;
-        ${xe.bSmall.regular}
+        ${Se.bSmall.regular}
       }
     }
   }
 }
-`, Jn = () => {
+`, Zn = () => {
   const e = $.useActorRef(), t = $.useSelector((p) => p.context.media.playbackRate), n = $.useSelector((p) => p.context.subtitleStreams), r = $.useSelector((p) => p.context.selectedSubtitleStreamIndex), [o, a] = Z(!1), [s, u] = Z(
     0
     /* Default */
@@ -2496,27 +2506,27 @@ position: relative;
   const g = pe(
     () => n.map(({ header: p }) => ({ streamIndex: p.streamIndex, language: p.parsed.info.Title })),
     [n.length]
-  ), x = (p) => () => {
+  ), S = (p) => () => {
     e.send({ type: "SELECT_SUBTITLE_STREAM", streamIndex: p.streamIndex }), b();
   }, y = (p) => () => {
     u(p);
   };
-  return /* @__PURE__ */ I("div", { css: Hn, ref: l, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ I("div", { css: Jn, ref: l, children: [
+    /* @__PURE__ */ v(
       ge,
       {
         id: "settings",
         disabled: o,
-        text: /* @__PURE__ */ h(
+        text: /* @__PURE__ */ v(
           "button",
           {
             className: "settings",
             type: "button",
             onClick: b,
-            children: /* @__PURE__ */ h(gr, {})
+            children: /* @__PURE__ */ v(yr, {})
           }
         ),
-        toolTipText: /* @__PURE__ */ h("span", { children: "Settings" })
+        toolTipText: /* @__PURE__ */ v("span", { children: "Settings" })
       }
     ),
     o && s === 0 && /* @__PURE__ */ I("div", { className: "popover", children: [
@@ -2524,31 +2534,31 @@ position: relative;
         2
         /* Advanced */
       ), children: [
-        /* @__PURE__ */ h("span", { children: "Advanced" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ v("span", { children: "Advanced" }),
+        /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(Ke, {}) })
       ] }),
       /* @__PURE__ */ I("div", { onClick: y(
         3
         /* SelectNewSources */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Select new sources" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ v("div", { children: "Select new sources" }),
+        /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(Ke, {}) })
       ] }),
       /* @__PURE__ */ I("div", { onClick: y(
         4
         /* Subtitles */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Subtitles" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ v("div", { children: "Subtitles" }),
+        /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(Ke, {}) })
       ] }),
       /* @__PURE__ */ I("div", { onClick: y(
         1
         /* PlaybackRate */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Playback speed" }),
+        /* @__PURE__ */ v("div", { children: "Playback speed" }),
         /* @__PURE__ */ I("div", { children: [
-          /* @__PURE__ */ h("span", { className: "secondary", children: t === 1 ? "(Default)" : t.toFixed(2) }),
-          /* @__PURE__ */ h(Ke, {})
+          /* @__PURE__ */ v("span", { className: "secondary", children: t === 1 ? "(Default)" : t.toFixed(2) }),
+          /* @__PURE__ */ v(Ke, {})
         ] })
       ] })
     ] }),
@@ -2557,13 +2567,13 @@ position: relative;
         0
         /* Default */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Back" }),
-        /* @__PURE__ */ h("div", {})
+        /* @__PURE__ */ v("div", { children: "Back" }),
+        /* @__PURE__ */ v("div", {})
       ] }),
       /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ h("div", { children: "Playback speed" }),
+        /* @__PURE__ */ v("div", { children: "Playback speed" }),
         /* @__PURE__ */ I("div", { children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -2571,7 +2581,7 @@ position: relative;
               children: "0.5x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -2579,7 +2589,7 @@ position: relative;
               children: "1x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -2587,7 +2597,7 @@ position: relative;
               children: "1.5x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -2598,28 +2608,28 @@ position: relative;
         ] })
       ] })
     ] }),
-    o && s === 2 && /* @__PURE__ */ h("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 2 && /* @__PURE__ */ v("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
       0
       /* Default */
     ), children: [
-      /* @__PURE__ */ h("div", { children: "Back" }),
-      /* @__PURE__ */ h("div", {})
+      /* @__PURE__ */ v("div", { children: "Back" }),
+      /* @__PURE__ */ v("div", {})
     ] }) }),
-    o && s === 3 && /* @__PURE__ */ h("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 3 && /* @__PURE__ */ v("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
       0
       /* Default */
     ), children: [
-      /* @__PURE__ */ h("div", { children: "Back" }),
-      /* @__PURE__ */ h("div", {})
+      /* @__PURE__ */ v("div", { children: "Back" }),
+      /* @__PURE__ */ v("div", {})
     ] }) }),
     o && s === 4 && /* @__PURE__ */ I("div", { className: "popover", children: [
       g.map((p) => /* @__PURE__ */ I(
         "div",
         {
-          onClick: x(p),
+          onClick: S(p),
           children: [
-            /* @__PURE__ */ h("div", { children: p.language }),
-            /* @__PURE__ */ h("div", { children: r === p.streamIndex ? "✓" : "" })
+            /* @__PURE__ */ v("div", { children: p.language }),
+            /* @__PURE__ */ v("div", { children: r === p.streamIndex ? "✓" : "" })
           ]
         },
         p.streamIndex
@@ -2628,20 +2638,14 @@ position: relative;
         0
         /* Default */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Back" }),
-        /* @__PURE__ */ h("div", {})
+        /* @__PURE__ */ v("div", { children: "Back" }),
+        /* @__PURE__ */ v("div", {})
       ] })
     ] })
   ] });
-}, Zn = {
+}, Qn = {
   hover: "rgba(255, 255, 255, 0.13)"
-}, cr = 1e-4, bt = 1, ur = 2, lr = (e) => {
-  const t = Math.max(cr, Math.min(bt, e));
-  return Math.pow(t, ur);
-}, St = (e) => {
-  const t = Math.max(cr, Math.min(bt, e));
-  return Math.pow(t, bt / ur);
-}, Qn = Q`
+}, eo = Q`
   display: flex;
   align-items: center;
 
@@ -2672,26 +2676,26 @@ position: relative;
     width: 10px;
     height: 10px;
   }
-`, eo = ({ value: e, onChange: t }) => {
+`, to = ({ value: e, onChange: t }) => {
   const n = $.useSelector((c) => c.context.media.volume), r = $.useSelector((c) => c.context.media.muted), o = Ne(null), [a, s] = Z(!1), u = (c) => {
     if (!o.current) return e;
-    const v = o.current.getBoundingClientRect(), E = c - v.left;
-    return Math.max(0, Math.min(E, v.width)) / v.width;
+    const E = o.current.getBoundingClientRect(), h = c - E.left;
+    return Math.max(0, Math.min(h, E.width)) / E.width;
   }, l = (c) => {
     s(!0);
-    const v = u(c.clientX);
-    t(v);
+    const E = u(c.clientX);
+    t(E);
   }, b = (c) => {
     if (!a) return;
-    const v = u(c.clientX);
-    t(v);
+    const E = u(c.clientX);
+    t(E);
   }, d = () => {
     s(!1);
   }, g = (c) => {
     c.preventDefault();
-    const v = 0.05;
-    let E = e;
-    c.deltaY < 0 ? E = Math.min(1, E + v) : E = Math.max(0, E - v), t(E);
+    const E = 0.05;
+    let h = e;
+    c.deltaY < 0 ? h = Math.min(1, h + E) : h = Math.max(0, h - E), t(h);
   };
   z(() => (window.addEventListener("mousemove", b), window.addEventListener("mouseup", d), () => {
     window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", d);
@@ -2701,30 +2705,30 @@ position: relative;
       c && c.removeEventListener("wheel", g);
     };
   }, [e]);
-  const x = e * 100, y = "#fff", p = "#3A3A3A", f = pe(
-    () => Math.round(r ? 0 : St(n) * 100),
+  const S = e * 100, y = "#fff", p = "#3A3A3A", f = pe(
+    () => Math.round(r ? 0 : xt(n) * 100),
     [n]
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ v(
     ge,
     {
       id: "volume-slider",
-      text: /* @__PURE__ */ h(
+      text: /* @__PURE__ */ v(
         "div",
         {
           ref: o,
-          css: Qn,
+          css: eo,
           onMouseDown: l,
-          children: /* @__PURE__ */ h(
+          children: /* @__PURE__ */ v(
             "div",
             {
               style: {
                 background: `linear-gradient(to right, 
-                ${y} 0% ${x}%, 
-                ${p} ${x}% 100%
+                ${y} 0% ${S}%, 
+                ${p} ${S}% 100%
               )`
               },
-              children: /* @__PURE__ */ h(
+              children: /* @__PURE__ */ v(
                 "div",
                 {
                   className: "volume-handle",
@@ -2743,7 +2747,7 @@ position: relative;
       ] })
     }
   );
-}, to = Q`
+}, ro = Q`
   position: relative;
   display: flex;
   align-items: center;
@@ -2768,7 +2772,7 @@ position: relative;
       border-radius: 4px;
 
       .volume-value {
-        ${xe.bMedium.regular};
+        ${Se.bMedium.regular};
         color: #ffffff;
       }
     }
@@ -2782,44 +2786,44 @@ position: relative;
 
     pointer-events: auto;
   }
-`, ro = ({ ref: e }) => {
-  const t = $.useActorRef(), n = $.useSelector((s) => s.context.media.volume), r = $.useSelector((s) => s.context.media.muted), o = pe(() => St(n), [n]), a = (s, u) => t.send({
+`, no = ({ ref: e }) => {
+  const t = $.useActorRef(), n = $.useSelector((s) => s.context.media.volume), r = $.useSelector((s) => s.context.media.muted), o = pe(() => xt(n), [n]), a = (s, u) => t.send({
     type: "SET_VOLUME",
     muted: u,
-    volume: lr(s)
+    volume: dr(s)
   });
-  return /* @__PURE__ */ I("div", { css: to, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ I("div", { css: ro, children: [
+    /* @__PURE__ */ v(
       ge,
       {
         id: "sound",
-        text: /* @__PURE__ */ h(
+        text: /* @__PURE__ */ v(
           "button",
           {
             className: "sound",
             type: "button",
             onClick: () => a(o, !r),
             ref: e,
-            children: r || n === 0 ? /* @__PURE__ */ h(yr, { size: 18, color: "#fff" }) : n <= 0.5 ? /* @__PURE__ */ h(xr, { size: 18, color: "#fff" }) : /* @__PURE__ */ h(Sr, { size: 18, color: "#fff" })
+            children: r || n === 0 ? /* @__PURE__ */ v(Sr, { size: 18, color: "#fff" }) : n <= 0.5 ? /* @__PURE__ */ v(xr, { size: 18, color: "#fff" }) : /* @__PURE__ */ v(Tr, { size: 18, color: "#fff" })
           }
         ),
-        toolTipText: /* @__PURE__ */ h("span", { children: r ? "Unmute (m)" : "Mute (m)" })
+        toolTipText: /* @__PURE__ */ v("span", { children: r ? "Unmute (m)" : "Mute (m)" })
       }
     ),
-    /* @__PURE__ */ h("div", { className: "volume-slider-container", children: /* @__PURE__ */ h("div", { className: "volume-slider-background", children: /* @__PURE__ */ h(
-      eo,
+    /* @__PURE__ */ v("div", { className: "volume-slider-container", children: /* @__PURE__ */ v("div", { className: "volume-slider-background", children: /* @__PURE__ */ v(
+      to,
       {
         value: r ? 0 : o,
         onChange: (s) => a(s, !1)
       }
     ) }) })
   ] });
-}, no = Q`
+}, oo = Q`
   position: absolute;
   bottom: 0;
   width: 100%;
 
-  background: linear-gradient(0deg,#000 0,rgba(0,0,0,.4) 60%,transparent);
+  background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.15) 70%, transparent 100%);
   transition: opacity 0.1s cubic-bezier(.4,0,1,1);
 
   .actions {
@@ -2898,14 +2902,14 @@ position: relative;
         cursor: pointer;
 
         :hover {
-          background-color: ${Zn.hover};
+          background-color: ${Qn.hover};
         }
       }
     }
 
     .left {
       .time {
-        ${xe.bMedium.regular}
+        ${Se.bMedium.regular}
       }
     }
     .right {
@@ -2926,10 +2930,10 @@ position: relative;
       }
     }
   }
-`, oo = ({
+`, io = ({
   containerRef: e
 }) => {
-  const t = $.useActorRef(), n = Ie(De), r = $.useSelector((f) => f.context.media.paused), o = $.useSelector((f) => f.context.media.volume), a = $.useSelector((f) => f.context.media.muted), s = $.useSelector((f) => f.context.media.currentTime), u = $.useSelector((f) => f.context.media.duration), [l, b] = Z(), [d, g] = Z(!1);
+  const t = $.useActorRef(), n = Ue(je), r = $.useSelector((f) => f.context.media.paused), o = $.useSelector((f) => f.context.media.volume), a = $.useSelector((f) => f.context.media.muted), s = $.useSelector((f) => f.context.media.currentTime), u = $.useSelector((f) => f.context.media.duration), [l, b] = Z(), [d, g] = Z(!1);
   z(() => {
     const f = () => {
       g(!!document.fullscreenElement);
@@ -2938,23 +2942,23 @@ position: relative;
       document.removeEventListener("fullscreenchange", f);
     };
   }, []);
-  const x = () => {
+  const S = () => {
     document.fullscreenElement ? document.exitFullscreen() : e.current && e.current.requestFullscreen();
-  }, y = nt(({ direction: f, stepSize: c }) => {
+  }, y = ot(({ direction: f, stepSize: c }) => {
     if (!t) return;
-    const v = St(o), E = f === "up" ? c : -c, R = Math.max(0, Math.min(1, v + E)), C = lr(R);
+    const E = xt(o), h = f === "up" ? c : -c, A = Math.max(0, Math.min(1, E + h)), R = dr(A);
     t.send({
       type: "SET_VOLUME",
       muted: a,
-      volume: C
+      volume: R
     });
   }, [t.id, a, o]);
   z(() => {
     const f = (c) => {
-      let v = !0;
-      if (c.key === "f") x();
-      else if (c.key === "k") rt(t, r, u, s);
-      else if (c.key === " ") rt(t, r, u, s);
+      let E = !0;
+      if (c.key === "f") S();
+      else if (c.key === "k") nt(t, r, u, s);
+      else if (c.key === " ") nt(t, r, u, s);
       else if (c.key === "m")
         t.send({ type: "SET_VOLUME", muted: !a, volume: o });
       else if (c.key === "ArrowUp")
@@ -2964,79 +2968,79 @@ position: relative;
       else if (c.key === "ArrowRight") {
         if (!u) return;
         s + 5 >= u ? t.send({ type: "SET_TIME", value: u }) : t.send({ type: "SET_TIME", value: s + 5 });
-      } else c.key === "ArrowLeft" ? s - 5 < 0 ? t.send({ type: "SET_TIME", value: 0 }) : t.send({ type: "SET_TIME", value: s - 5 }) : v = !1;
-      v && c.preventDefault();
+      } else c.key === "ArrowLeft" ? s - 5 < 0 ? t.send({ type: "SET_TIME", value: 0 }) : t.send({ type: "SET_TIME", value: s - 5 }) : E = !1;
+      E && c.preventDefault();
     };
     return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
   }, [t, o, a, r, s, u]);
-  const p = nt((f) => {
+  const p = ot((f) => {
     f.preventDefault(), f.deltaY < 0 ? y({ direction: "up", stepSize: 0.05 }) : y({ direction: "down", stepSize: 0.05 });
   }, [y]);
   return z(() => {
     if (l)
       return l.addEventListener("wheel", p, { passive: !1 }), () => l.removeEventListener("wheel", p);
-  }, [l, y]), /* @__PURE__ */ I("div", { css: no, style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} }, children: [
-    /* @__PURE__ */ h(qn, {}),
+  }, [l, y]), /* @__PURE__ */ I("div", { css: oo, style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} }, children: [
+    /* @__PURE__ */ v(Xn, {}),
     /* @__PURE__ */ I("div", { className: "actions", children: [
       /* @__PURE__ */ I("div", { className: "left", children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ v(
           ge,
           {
             id: "play",
             tooltipPlace: "top-start",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ v(
               "button",
               {
                 className: "play",
                 type: "button",
-                onClick: () => rt(t, r, u, s),
-                children: u === s ? /* @__PURE__ */ h(Tr, {}) : r ? /* @__PURE__ */ h(wr, {}) : /* @__PURE__ */ h(Rr, {})
+                onClick: () => nt(t, r, u, s),
+                children: u === s ? /* @__PURE__ */ v(wr, {}) : r ? /* @__PURE__ */ v(Ar, {}) : /* @__PURE__ */ v(Rr, {})
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: u === s ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
+            toolTipText: /* @__PURE__ */ v("span", { children: u === s ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
           }
         ),
-        /* @__PURE__ */ h(ro, { ref: b }),
-        /* @__PURE__ */ h("div", { className: "time", children: Xn(s, u) })
+        /* @__PURE__ */ v(no, { ref: b }),
+        /* @__PURE__ */ v("div", { className: "time", children: Hn(s, u) })
       ] }),
       /* @__PURE__ */ I("div", { className: "right", children: [
-        /* @__PURE__ */ h(Jn, {}),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ v(Zn, {}),
+        /* @__PURE__ */ v(
           ge,
           {
             id: "picture-in-picture",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ v(
               "button",
               {
                 className: "picture-in-picture",
                 type: "button",
-                children: /* @__PURE__ */ h("img", { src: Kn })
+                children: /* @__PURE__ */ v("img", { src: Kn })
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: "Picture in picture" })
+            toolTipText: /* @__PURE__ */ v("span", { children: "Picture in picture" })
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ v(
           ge,
           {
             id: "full-screen",
             tooltipPlace: "top-end",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ v(
               "button",
               {
                 className: "full-screen",
                 type: "button",
-                onClick: x,
-                children: d ? /* @__PURE__ */ h(Ar, {}) : /* @__PURE__ */ h(_r, {})
+                onClick: S,
+                children: d ? /* @__PURE__ */ v(_r, {}) : /* @__PURE__ */ v(Cr, {})
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: d ? "Exit full screen (f)" : "Full screen (f)" })
+            toolTipText: /* @__PURE__ */ v("span", { children: d ? "Exit full screen (f)" : "Full screen (f)" })
           }
         )
       ] })
     ] })
   ] });
-}, io = Q`
+}, ao = Q`
   position: relative;
   background-color: black;
   display: flex;
@@ -3065,12 +3069,12 @@ position: relative;
   &.hide {
     cursor: none;
   }
-`, ao = ({ children: e }) => {
-  const t = $.useActorRef(), n = Ie(De), r = $.useSelector((d) => d.context.media.paused), o = $.useSelector((d) => d.context.media.currentTime), a = $.useSelector((d) => d.context.media.duration), s = Ne(), u = Ne(null);
+`, so = ({ children: e }) => {
+  const t = $.useActorRef(), n = Ue(je), r = $.useSelector((d) => d.context.media.paused), o = $.useSelector((d) => d.context.media.currentTime), a = $.useSelector((d) => d.context.media.duration), s = Ne(), u = Ne(null);
   return /* @__PURE__ */ I(
     "div",
     {
-      css: io,
+      css: ao,
       ref: u,
       onMouseMove: (d) => {
         n.update({ ...n, hideUI: !1 }), s.current && clearInterval(s.current);
@@ -3084,27 +3088,27 @@ position: relative;
       },
       className: n.hideUI ? "hide" : "",
       children: [
-        /* @__PURE__ */ h(Vn, {}),
-        /* @__PURE__ */ h(oo, { containerRef: u }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ v(Wn, {}),
+        /* @__PURE__ */ v(io, { containerRef: u }),
+        /* @__PURE__ */ v(
           "div",
           {
             className: "video",
-            onClick: () => rt(t, r, a, o),
+            onClick: () => nt(t, r, a, o),
             children: e
           }
         )
       ]
     }
   );
-}, so = 25e5, co = Q`
+}, co = 25e5, uo = Q`
   display: flex;
   justify-content: center;
   background-color: #111;
   height: 100%;
   overflow: hidden;
-`, uo = ({ options: e, videoElement: t, children: n }) => {
-  const r = Ie(De), o = $.useActorRef(), a = $.useSelector((f) => f.value), s = $.useSelector((f) => f.context.media.volume), u = $.useSelector((f) => f.context.media.muted), l = $.useSelector((f) => f.context.isReady), [b, d] = Wt("mediaVolume", "1"), [g, x] = Wt("mediaMute", "false"), [y, p] = Z(!0);
+`, lo = ({ options: e, videoElement: t, children: n }) => {
+  const r = Ue(je), o = $.useActorRef(), a = $.useSelector((f) => f.value), s = $.useSelector((f) => f.context.media.volume), u = $.useSelector((f) => f.context.media.muted), l = $.useSelector((f) => f.context.isReady), [b, d] = Bt("mediaVolume", "1"), [g, S] = Bt("mediaMute", "false"), [y, p] = Z(!0);
   return z(
     () => o.send({
       type: "MEDIA_SOURCE_OPTIONS",
@@ -3124,25 +3128,25 @@ position: relative;
       (r.downloadedRanges?.map((f) => `${f.startByteOffset}-${f.endByteOffset}`) ?? []).join(",")
     ]
   ), z(() => {
-    const { size: f, read: c, publicPath: v, libavWorkerUrl: E, jassubWasmUrl: R } = e;
-    !c || !f || !v || !E || !R || o.send({
+    const { size: f, read: c, publicPath: E, libavWorkerUrl: h, jassubWasmUrl: A } = e;
+    !c || !f || !E || !h || !A || o.send({
       type: "REMUXER_OPTIONS",
       remuxerOptions: {
-        publicPath: v,
-        workerUrl: E,
-        bufferSize: e.bufferSize ?? so,
+        publicPath: E,
+        workerUrl: h,
+        bufferSize: e.bufferSize ?? co,
         length: f,
         read: c
       }
     });
   }, [e.read, e.size, e.publicPath, e.libavWorkerUrl, e.bufferSize]), z(() => {
-    const { jassubWorkerUrl: f, jassubWasmUrl: c, jassubModernWasmUrl: v } = e;
-    !f || !c || !v || o.send({
+    const { jassubWorkerUrl: f, jassubWasmUrl: c, jassubModernWasmUrl: E } = e;
+    !f || !c || !E || o.send({
       type: "SUBTITLES_RENDERER_OPTIONS",
       subtitlesRendererOptions: {
         workerUrl: f,
         wasmUrl: c,
-        modernWasmUrl: v
+        modernWasmUrl: E
       }
     });
   }, [e.publicPath, e.jassubWorkerUrl, e.jassubWasmUrl]), z(() => {
@@ -3155,15 +3159,15 @@ position: relative;
       type: "SET_VOLUME",
       muted: g === "true",
       volume: isNaN(Number(b)) ? 1 : Number(b)
-    }), p(!1)) : (d(s.toString()), x(u ? "true" : "false")));
+    }), p(!1)) : (d(s.toString()), S(u ? "true" : "false")));
   }, [l, s, u, y]), z(() => {
     if (a === "OK")
       return () => {
         o.send({ type: "DESTROY" });
       };
-  }, [a]), /* @__PURE__ */ h("div", { css: co, children: /* @__PURE__ */ h(ao, { children: n }) });
+  }, [a]), /* @__PURE__ */ v("div", { css: uo, children: /* @__PURE__ */ v(so, { children: n }) });
 }, xo = ({ ref: e, ...t }) => {
-  const n = (l) => o({ ...l, update: n }), [r, o] = Z({ update: n }), [a, s] = Z(), u = nt((l) => {
+  const n = (l) => o({ ...l, update: n }), [r, o] = Z({ update: n }), [a, s] = Z(), u = ot((l) => {
     typeof e == "function" ? e(l) : e && "current" in e && (e.current = l), s(l ?? void 0);
   }, []);
   return z(() => {
@@ -3174,9 +3178,9 @@ position: relative;
       size: t?.size,
       downloadedRanges: t?.downloadedRanges
     }));
-  }, [a, t?.title, t?.size, t?.downloadedRanges]), /* @__PURE__ */ h(De.Provider, { value: r, children: /* @__PURE__ */ h($.Provider, { children: /* @__PURE__ */ h(uo, { options: t, videoElement: a, children: /* @__PURE__ */ h("video", { ref: u, controls: !1 }) }) }) });
+  }, [a, t?.title, t?.size, t?.downloadedRanges]), /* @__PURE__ */ v(je.Provider, { value: r, children: /* @__PURE__ */ v($.Provider, { children: /* @__PURE__ */ v(lo, { options: t, videoElement: a, children: /* @__PURE__ */ v("video", { ref: u, controls: !1 }) }) }) });
 };
 export {
-  uo as FKNVideoRoot,
+  lo as FKNVideoRoot,
   xo as default
 };