@banou/media-player 0.4.6 → 0.5.0

package/build/index.js

@@ -1,15 +1,15 @@
 import * as ce 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 mr, { forwardRef as pr, useContext as Se, createContext as hr, useState as Q, useEffect as z, useCallback as ot, useRef as Ie, useMemo as pe } from "react";
+import { css as K } from "@emotion/react";
 import { createActorContext as vr } from "@xstate/react";
-import { fromCallback as Xt, setup as Er, enqueueActions as br, assign as Y, sendTo as q } from "xstate";
+import { fromCallback as Xt, setup as Er, enqueueActions as gr, assign as Y, sendTo as H } from "xstate";
 import qt 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 Rr, Pause as Ar, Minimize as _r, Maximize as Cr } from "react-feather";
+import br from "jassub";
+import { parse as Le, stringify as _t } from "ass-compiler";
+import { Settings as yr, ChevronRight as Ke, VolumeX as xr, Volume1 as Sr, Volume2 as Tr, RotateCcw as wr, Play as Rr, Pause as Ar, Minimize as _r, Maximize as Cr } from "react-feather";
 import { Tooltip as Pr } from "react-tooltip";
-var Je = { exports: {} }, Ce = {};
+var Je = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -21,27 +21,27 @@ var Je = { exports: {} }, Ce = {};
  */
 var Ct;
 function Or() {
-  if (Ct) return Ce;
+  if (Ct) return Oe;
   Ct = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(r, o, a) {
+  function r(n, o, a) {
     var s = null;
     if (a !== void 0 && (s = "" + a), o.key !== void 0 && (s = "" + o.key), "key" in o) {
       a = {};
-      for (var u in o)
-        u !== "key" && (a[u] = o[u]);
+      for (var c in o)
+        c !== "key" && (a[c] = o[c]);
     } else a = o;
     return o = a.ref, {
       $$typeof: e,
-      type: r,
+      type: n,
       key: s,
       ref: o !== void 0 ? o : null,
       props: a
     };
   }
-  return Ce.Fragment = t, Ce.jsx = n, Ce.jsxs = n, Ce;
+  return Oe.Fragment = t, Oe.jsx = r, Oe.jsxs = r, Oe;
 }
-var Pe = {};
+var Ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -64,7 +64,7 @@ function Nr() {
           return "Fragment";
         case f:
           return "Portal";
-        case W:
+        case F:
           return "Profiler";
         case C:
           return "StrictMode";
@@ -77,19 +77,19 @@ function Nr() {
         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 K:
+          case B:
             return (i.displayName || "Context") + ".Provider";
-          case D:
+          case U:
             return (i._context.displayName || "Context") + ".Consumer";
-          case F:
-            var x = i.render;
-            return i = i.displayName, i || (i = x.displayName || x.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case Te:
-            return x = i.displayName || null, x !== null ? x : e(i.type) || "Memo";
-          case we:
-            x = i._payload, i = i._init;
+          case V:
+            var T = i.render;
+            return i = i.displayName, i || (i = T.displayName || T.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case Re:
+            return T = i.displayName || null, T !== null ? T : e(i.type) || "Memo";
+          case Ae:
+            T = i._payload, i = i._init;
             try {
-              return e(i(x));
+              return e(i(T));
             } catch {
             }
         }
@@ -98,24 +98,24 @@ function Nr() {
     function t(i) {
       return "" + i;
     }
-    function n(i) {
+    function r(i) {
       try {
         t(i);
-        var x = !1;
+        var T = !1;
       } catch {
-        x = !0;
+        T = !0;
       }
-      if (x) {
-        x = console;
-        var T = x.error, O = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return T.call(
-          x,
+      if (T) {
+        T = console;
+        var w = T.error, N = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return w.call(
+          T,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          O
+          N
         ), t(i);
       }
     }
-    function r() {
+    function n() {
     }
     function o() {
       if (fe === 0) {
@@ -123,7 +123,7 @@ function Nr() {
         var i = {
           configurable: !0,
           enumerable: !0,
-          value: r,
+          value: n,
           writable: !0
         };
         Object.defineProperties(console, {
@@ -159,26 +159,26 @@ function Nr() {
       if (R === void 0)
         try {
           throw Error();
-        } catch (T) {
-          var x = T.stack.trim().match(/\n( *(at )?)/);
-          R = x && x[1] || "", he = -1 < T.stack.indexOf(`
-    at`) ? " (<anonymous>)" : -1 < T.stack.indexOf("@") ? "@unknown:0:0" : "";
+        } catch (w) {
+          var T = w.stack.trim().match(/\n( *(at )?)/);
+          R = T && T[1] || "", he = -1 < w.stack.indexOf(`
+    at`) ? " (<anonymous>)" : -1 < w.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
 ` + R + i + he;
     }
-    function u(i, x) {
+    function c(i, T) {
       if (!i || le) return "";
-      var T = ve.get(i);
-      if (T !== void 0) return T;
-      le = !0, T = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var O = null;
-      O = oe.H, oe.H = null, o();
+      var w = ve.get(i);
+      if (w !== void 0) return w;
+      le = !0, w = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var N = null;
+      N = oe.H, oe.H = null, o();
       try {
-        var B = {
+        var G = {
           DetermineComponentFrameRoot: function() {
             try {
-              if (x) {
+              if (T) {
                 var de = function() {
                   throw Error();
                 };
@@ -217,60 +217,60 @@ function Nr() {
             return [null, null];
           }
         };
-        B.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var U = Object.getOwnPropertyDescriptor(
-          B.DetermineComponentFrameRoot,
+        G.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        var D = Object.getOwnPropertyDescriptor(
+          G.DetermineComponentFrameRoot,
           "name"
         );
-        U && U.configurable && Object.defineProperty(
-          B.DetermineComponentFrameRoot,
+        D && D.configurable && Object.defineProperty(
+          G.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var P = B.DetermineComponentFrameRoot(), ae = P[0], Ee = P[1];
+        var P = G.DetermineComponentFrameRoot(), ae = P[0], Ee = P[1];
         if (ae && Ee) {
-          var X = ae.split(`
+          var q = ae.split(`
 `), me = Ee.split(`
 `);
-          for (P = U = 0; U < X.length && !X[U].includes(
+          for (P = D = 0; D < q.length && !q[D].includes(
             "DetermineComponentFrameRoot"
           ); )
-            U++;
+            D++;
           for (; P < me.length && !me[P].includes(
             "DetermineComponentFrameRoot"
           ); )
             P++;
-          if (U === X.length || P === me.length)
-            for (U = X.length - 1, P = me.length - 1; 1 <= U && 0 <= P && X[U] !== me[P]; )
+          if (D === q.length || P === me.length)
+            for (D = q.length - 1, P = me.length - 1; 1 <= D && 0 <= P && q[D] !== me[P]; )
               P--;
-          for (; 1 <= U && 0 <= P; U--, P--)
-            if (X[U] !== me[P]) {
-              if (U !== 1 || P !== 1)
+          for (; 1 <= D && 0 <= P; D--, P--)
+            if (q[D] !== me[P]) {
+              if (D !== 1 || P !== 1)
                 do
-                  if (U--, P--, 0 > P || X[U] !== me[P]) {
-                    var _e = `
-` + X[U].replace(
+                  if (D--, P--, 0 > P || q[D] !== me[P]) {
+                    var Pe = `
+` + q[D].replace(
                       " at new ",
                       " at "
                     );
-                    return i.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", i.displayName)), typeof i == "function" && ve.set(i, _e), _e;
+                    return i.displayName && Pe.includes("<anonymous>") && (Pe = Pe.replace("<anonymous>", i.displayName)), typeof i == "function" && ve.set(i, Pe), Pe;
                   }
-                while (1 <= U && 0 <= P);
+                while (1 <= D && 0 <= P);
               break;
             }
         }
       } finally {
-        le = !1, oe.H = O, a(), Error.prepareStackTrace = T;
+        le = !1, oe.H = N, a(), Error.prepareStackTrace = w;
       }
-      return X = (X = i ? i.displayName || i.name : "") ? s(X) : "", typeof i == "function" && ve.set(i, X), X;
+      return q = (q = i ? i.displayName || i.name : "") ? s(q) : "", typeof i == "function" && ve.set(i, q), q;
     }
-    function l(i) {
+    function d(i) {
       if (i == null) return "";
       if (typeof i == "function") {
-        var x = i.prototype;
-        return u(
+        var T = i.prototype;
+        return c(
           i,
-          !(!x || !x.isReactComponent)
+          !(!T || !T.isReactComponent)
         );
       }
       if (typeof i == "string") return s(i);
@@ -282,58 +282,58 @@ function Nr() {
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case F:
-            return i = u(i.render, !1), i;
-          case Te:
-            return l(i.type);
-          case we:
-            x = i._payload, i = i._init;
+          case V:
+            return i = c(i.render, !1), i;
+          case Re:
+            return d(i.type);
+          case Ae:
+            T = i._payload, i = i._init;
             try {
-              return l(i(x));
+              return d(i(T));
             } catch {
             }
         }
       return "";
     }
-    function E() {
+    function p() {
       var i = oe.A;
       return i === null ? null : i.getOwner();
     }
-    function d(i) {
-      if (Re.call(i, "key")) {
-        var x = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function m(i) {
+      if (_e.call(i, "key")) {
+        var T = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (T && T.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function g(i, x) {
-      function T() {
+    function g(i, T) {
+      function w() {
         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)",
-          x
+          T
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: T,
+      w.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function S() {
+    function b() {
       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, x, T, O, B, U) {
-      return T = U.ref, i = {
+    function S(i, T, w, N, G, D) {
+      return w = D.ref, i = {
         $$typeof: A,
         type: i,
-        key: x,
-        props: U,
-        _owner: B
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(i, "ref", {
+        key: T,
+        props: D,
+        _owner: G
+      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: S
+        get: b
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -346,153 +346,153 @@ function Nr() {
         value: null
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    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;
+    function h(i, T, w, N, G, D) {
+      if (typeof i == "string" || typeof i == "function" || i === _ || i === F || i === C || i === ee || i === ue || i === dt || typeof i == "object" && i !== null && (i.$$typeof === Ae || i.$$typeof === Re || i.$$typeof === B || i.$$typeof === U || i.$$typeof === V || i.$$typeof === ft || i.getModuleId !== void 0)) {
+        var P = T.children;
         if (P !== void 0)
-          if (O)
-            if (Ae(P)) {
-              for (O = 0; O < P.length; O++)
-                m(P[O], i);
+          if (N)
+            if (Ce(P)) {
+              for (N = 0; N < P.length; N++)
+                y(P[N], i);
               Object.freeze && Object.freeze(P);
             } else
               console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
-          else m(P, i);
+          else y(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 === A ? (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 ? N = "null" : Ce(i) ? N = "array" : i !== void 0 && i.$$typeof === A ? (N = "<" + (e(i.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : N = 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,
+          N,
           P
         );
-      if (Re.call(x, "key")) {
+      if (_e.call(T, "key")) {
         P = e(i);
-        var ae = Object.keys(x).filter(function(X) {
-          return X !== "key";
+        var ae = Object.keys(T).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(
+        N = 0 < ae.length ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}", Rt[P + N] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          O,
+          N,
           P,
           ae,
           P
-        ), Rt[P + O] = !0);
+        ), Rt[P + N] = !0);
       }
-      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 x)
-          Ee !== "key" && (T[Ee] = x[Ee]);
-      } else T = x;
+      if (P = null, w !== void 0 && (r(w), P = "" + w), m(T) && (r(T.key), P = "" + T.key), "key" in T) {
+        w = {};
+        for (var Ee in T)
+          Ee !== "key" && (w[Ee] = T[Ee]);
+      } else w = T;
       return P && g(
-        T,
+        w,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), y(i, P, U, B, E(), T);
+      ), S(i, P, D, G, p(), w);
     }
-    function m(i, x) {
+    function y(i, T) {
       if (typeof i == "object" && i && i.$$typeof !== fr) {
-        if (Ae(i))
-          for (var T = 0; T < i.length; T++) {
-            var O = i[T];
-            c(O) && v(O, x);
+        if (Ce(i))
+          for (var w = 0; w < i.length; w++) {
+            var N = i[w];
+            u(N) && l(N, T);
           }
-        else if (c(i))
+        else if (u(i))
           i._store && (i._store.validated = 1);
-        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, x);
+        else if (i === null || typeof i != "object" ? w = null : (w = Ye && i[Ye] || i["@@iterator"], w = typeof w == "function" ? w : null), typeof w == "function" && w !== i.entries && (w = w.call(i), w !== i))
+          for (; !(i = w.next()).done; )
+            u(i.value) && l(i.value, T);
       }
     }
-    function c(i) {
+    function u(i) {
       return typeof i == "object" && i !== null && i.$$typeof === A;
     }
-    function v(i, x) {
-      if (i._store && !i._store.validated && i.key == null && (i._store.validated = 1, x = b(x), !At[x])) {
-        At[x] = !0;
-        var T = "";
-        i && i._owner != null && i._owner !== E() && (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;
+    function l(i, T) {
+      if (i._store && !i._store.validated && i.key == null && (i._store.validated = 1, T = v(T), !At[T])) {
+        At[T] = !0;
+        var w = "";
+        i && i._owner != null && i._owner !== p() && (w = null, typeof i._owner.tag == "number" ? w = e(i._owner.type) : typeof i._owner.name == "string" && (w = i._owner.name), w = " It was passed a child from " + w + ".");
+        var N = oe.getCurrentStack;
         oe.getCurrentStack = function() {
-          var B = l(i.type);
-          return O && (B += O() || ""), B;
+          var G = d(i.type);
+          return N && (G += N() || ""), G;
         }, 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.',
-          x,
-          T
-        ), oe.getCurrentStack = O;
+          T,
+          w
+        ), oe.getCurrentStack = N;
       }
     }
-    function b(i) {
-      var x = "", T = E();
-      return T && (T = e(T.type)) && (x = `
+    function v(i) {
+      var T = "", w = p();
+      return w && (w = e(w.type)) && (T = `
 
-Check the render method of \`` + T + "`."), x || (i = e(i)) && (x = `
+Check the render method of \`` + w + "`."), T || (i = e(i)) && (T = `
 
-Check the top-level render call using <` + i + ">."), x;
+Check the top-level render call using <` + i + ">."), T;
     }
-    var w = mr, A = Symbol.for("react.transitional.element"), f = 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 = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Re = Object.prototype.hasOwnProperty, ie = Object.assign, ft = Symbol.for("react.client.reference"), Ae = Array.isArray, fe = 0, Fe, Ve, We, Be, Ge, Xe, qe;
-    r.__reactDisabledLog = !0;
+    var x = mr, A = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), U = Symbol.for("react.consumer"), B = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), Re = Symbol.for("react.memo"), Ae = Symbol.for("react.lazy"), dt = Symbol.for("react.offscreen"), Ye = Symbol.iterator, ze = Symbol.for("react.client.reference"), oe = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, _e = Object.prototype.hasOwnProperty, ie = Object.assign, ft = Symbol.for("react.client.reference"), Ce = Array.isArray, fe = 0, Fe, Ve, We, Be, Ge, Xe, qe;
+    n.__reactDisabledLog = !0;
     var R, he, le = !1, ve = new (typeof WeakMap == "function" ? WeakMap : Map)(), fr = Symbol.for("react.client.reference"), Tt, wt = {}, Rt = {}, At = {};
-    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);
+    Ne.Fragment = _, Ne.jsx = function(i, T, w, N, G) {
+      return h(i, T, w, !1, N, G);
+    }, Ne.jsxs = function(i, T, w, N, G) {
+      return h(i, T, w, !0, N, G);
     };
-  }()), Pe;
+  }()), Ne;
 }
 var Ot;
 function Mr() {
   return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? Je.exports = Or() : Je.exports = Nr()), Je.exports;
 }
-var Le = Mr();
-function Lr(e) {
+var ke = Mr();
+function Ir(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 $r = /* @__PURE__ */ function() {
-  function e(n) {
-    var r = this;
+var kr = /* @__PURE__ */ function() {
+  function e(r) {
+    var n = this;
     this._insertTag = function(o) {
       var a;
-      r.tags.length === 0 ? r.insertionPoint ? a = r.insertionPoint.nextSibling : r.prepend ? a = r.container.firstChild : a = r.before : a = r.tags[r.tags.length - 1].nextSibling, r.container.insertBefore(o, a), r.tags.push(o);
-    }, this.isSpeedy = n.speedy === void 0 ? !0 : n.speedy, this.tags = [], this.ctr = 0, this.nonce = n.nonce, this.key = n.key, this.container = n.container, this.prepend = n.prepend, this.insertionPoint = n.insertionPoint, this.before = null;
+      n.tags.length === 0 ? n.insertionPoint ? a = n.insertionPoint.nextSibling : n.prepend ? a = n.container.firstChild : a = n.before : a = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, a), n.tags.push(o);
+    }, this.isSpeedy = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
   }
   var t = e.prototype;
-  return t.hydrate = function(r) {
-    r.forEach(this._insertTag);
-  }, t.insert = function(r) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
+  return t.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, t.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Lr(this));
     var o = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var a = Lr(o);
+      var a = Ir(o);
       try {
-        a.insertRule(r, a.cssRules.length);
+        a.insertRule(n, a.cssRules.length);
       } catch {
       }
     } else
-      o.appendChild(document.createTextNode(r));
+      o.appendChild(document.createTextNode(n));
     this.ctr++;
   }, t.flush = function() {
-    this.tags.forEach(function(r) {
+    this.tags.forEach(function(n) {
       var o;
-      return (o = r.parentNode) == null ? void 0 : o.removeChild(r);
+      return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), 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;
+}(), X = "-ms-", it = "-moz-", M = "-webkit-", Kt = "comm", bt = "rule", yt = "decl", $r = "@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;
+  return W(e, 0) ^ 45 ? (((t << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
 function Zt(e) {
   return e.trim();
@@ -500,22 +500,22 @@ function Zt(e) {
 function zr(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function M(e, t, n) {
-  return e.replace(t, n);
+function I(e, t, r) {
+  return e.replace(t, r);
 }
 function ht(e, t) {
   return e.indexOf(t);
 }
-function V(e, t) {
+function W(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function ke(e, t, n) {
-  return e.slice(t, n);
+function $e(e, t, r) {
+  return e.slice(t, r);
 }
 function te(e) {
   return e.length;
 }
-function St(e) {
+function xt(e) {
   return e.length;
 }
 function Ze(e, t) {
@@ -524,32 +524,32 @@ function Ze(e, t) {
 function Fr(e, t) {
   return e.map(t).join("");
 }
-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: "" };
+var st = 1, ye = 1, Qt = 0, J = 0, j = 0, Te = "";
+function ct(e, t, r, n, o, a, s) {
+  return { value: e, root: t, parent: r, type: n, props: o, children: a, line: st, column: ye, length: s, return: "" };
 }
-function Oe(e, t) {
+function Me(e, t) {
   return jr(ct("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Vr() {
   return j;
 }
 function Wr() {
-  return j = H > 0 ? V(xe, --H) : 0, ye--, j === 10 && (ye = 1, st--), j;
+  return j = J > 0 ? W(Te, --J) : 0, ye--, j === 10 && (ye = 1, st--), j;
 }
-function J() {
-  return j = H < Qt ? V(xe, H++) : 0, ye++, j === 10 && (ye = 1, st++), j;
+function Z() {
+  return j = J < Qt ? W(Te, J++) : 0, ye++, j === 10 && (ye = 1, st++), j;
 }
 function ne() {
-  return V(xe, H);
+  return W(Te, J);
 }
 function et() {
-  return H;
+  return J;
 }
-function De(e, t) {
-  return ke(xe, e, t);
+function je(e, t) {
+  return $e(Te, e, t);
 }
-function $e(e) {
+function Ue(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -588,30 +588,30 @@ function $e(e) {
   return 0;
 }
 function er(e) {
-  return st = ye = 1, Qt = te(xe = e), H = 0, [];
+  return st = ye = 1, Qt = te(Te = e), J = 0, [];
 }
 function tr(e) {
-  return xe = "", e;
+  return Te = "", e;
 }
 function tt(e) {
-  return Zt(De(H - 1, vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Zt(je(J - 1, vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Br(e) {
   for (; (j = ne()) && j < 33; )
-    J();
-  return $e(e) > 2 || $e(j) > 3 ? "" : " ";
+    Z();
+  return Ue(e) > 2 || Ue(j) > 3 ? "" : " ";
 }
 function Gr(e, t) {
-  for (; --t && J() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
+  for (; --t && Z() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
     ;
-  return De(e, et() + (t < 6 && ne() == 32 && J() == 32));
+  return je(e, et() + (t < 6 && ne() == 32 && Z() == 32));
 }
 function vt(e) {
-  for (; J(); )
+  for (; Z(); )
     switch (j) {
       // ] ) " '
       case e:
-        return H;
+        return J;
       // " '
       case 34:
       case 39:
@@ -623,46 +623,46 @@ function vt(e) {
         break;
       // \
       case 92:
-        J();
+        Z();
         break;
     }
-  return H;
+  return J;
 }
 function Xr(e, t) {
-  for (; J() && e + j !== 57; )
+  for (; Z() && e + j !== 57; )
     if (e + j === 84 && ne() === 47)
       break;
-  return "/*" + De(t, H - 1) + "*" + at(e === 47 ? e : J());
+  return "/*" + je(t, J - 1) + "*" + at(e === 47 ? e : Z());
 }
 function qr(e) {
-  for (; !$e(ne()); )
-    J();
-  return De(e, H);
+  for (; !Ue(ne()); )
+    Z();
+  return je(e, J);
 }
 function Hr(e) {
   return tr(rt("", null, null, null, [""], e = er(e), 0, [0], e));
 }
-function rt(e, t, n, r, o, a, s, u, l) {
-  for (var E = 0, d = 0, g = s, S = 0, y = 0, p = 0, m = 1, c = 1, v = 1, b = 0, w = "", A = o, f = a, _ = r, C = w; c; )
-    switch (p = b, b = J()) {
+function rt(e, t, r, n, o, a, s, c, d) {
+  for (var p = 0, m = 0, g = s, b = 0, S = 0, h = 0, y = 1, u = 1, l = 1, v = 0, x = "", A = o, f = a, _ = n, C = x; u; )
+    switch (h = v, v = Z()) {
       // (
       case 40:
-        if (p != 108 && V(C, g - 1) == 58) {
-          ht(C += M(tt(b), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (h != 108 && W(C, g - 1) == 58) {
+          ht(C += I(tt(v), "&", "&\f"), "&\f") != -1 && (l = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        C += tt(b);
+        C += tt(v);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        C += Br(p);
+        C += Br(h);
         break;
       // \
       case 92:
@@ -673,119 +673,119 @@ function rt(e, t, n, r, o, a, s, u, l) {
         switch (ne()) {
           case 42:
           case 47:
-            Ze(Kr(Xr(J(), et()), t, n), l);
+            Ze(Kr(Xr(Z(), et()), t, r), d);
             break;
           default:
             C += "/";
         }
         break;
       // {
-      case 123 * m:
-        u[E++] = te(C) * v;
+      case 123 * y:
+        c[p++] = te(C) * l;
       // } ; \0
-      case 125 * m:
+      case 125 * y:
       case 59:
       case 0:
-        switch (b) {
+        switch (v) {
           // \0 }
           case 0:
           case 125:
-            c = 0;
+            u = 0;
           // ;
-          case 59 + d:
-            v == -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);
+          case 59 + m:
+            l == -1 && (C = I(C, /\f/g, "")), S > 0 && te(C) - g && Ze(S > 32 ? Mt(C + ";", n, r, g - 1) : Mt(I(C, " ", "") + ";", n, r, g - 2), d);
             break;
           // @ ;
           case 59:
             C += ";";
           // { rule/at-rule
           default:
-            if (Ze(_ = Nt(C, t, n, E, d, o, u, w, A = [], f = [], g), a), b === 123)
-              if (d === 0)
-                rt(C, t, _, _, A, a, g, u, f);
+            if (Ze(_ = Nt(C, t, r, p, m, o, c, x, A = [], f = [], g), a), v === 123)
+              if (m === 0)
+                rt(C, t, _, _, A, a, g, c, f);
               else
-                switch (S === 99 && V(C, 3) === 110 ? 100 : S) {
+                switch (b === 99 && W(C, 3) === 110 ? 100 : b) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    rt(e, _, _, r && Ze(Nt(e, _, _, 0, 0, o, u, w, o, A = [], g), f), o, f, g, u, r ? A : f);
+                    rt(e, _, _, n && Ze(Nt(e, _, _, 0, 0, o, c, x, o, A = [], g), f), o, f, g, c, n ? A : f);
                     break;
                   default:
-                    rt(C, _, _, _, [""], f, 0, u, f);
+                    rt(C, _, _, _, [""], f, 0, c, f);
                 }
         }
-        E = d = y = 0, m = v = 1, w = C = "", g = s;
+        p = m = S = 0, y = l = 1, x = C = "", g = s;
         break;
       // :
       case 58:
-        g = 1 + te(C), y = p;
+        g = 1 + te(C), S = h;
       default:
-        if (m < 1) {
-          if (b == 123)
-            --m;
-          else if (b == 125 && m++ == 0 && Wr() == 125)
+        if (y < 1) {
+          if (v == 123)
+            --y;
+          else if (v == 125 && y++ == 0 && Wr() == 125)
             continue;
         }
-        switch (C += at(b), b * m) {
+        switch (C += at(v), v * y) {
           // &
           case 38:
-            v = d > 0 ? 1 : (C += "\f", -1);
+            l = m > 0 ? 1 : (C += "\f", -1);
             break;
           // ,
           case 44:
-            u[E++] = (te(C) - 1) * v, v = 1;
+            c[p++] = (te(C) - 1) * l, l = 1;
             break;
           // @
           case 64:
-            ne() === 45 && (C += tt(J())), S = ne(), d = g = te(w = C += qr(et())), b++;
+            ne() === 45 && (C += tt(Z())), b = ne(), m = g = te(x = C += qr(et())), v++;
             break;
           // -
           case 45:
-            p === 45 && te(C) == 2 && (m = 0);
+            h === 45 && te(C) == 2 && (y = 0);
         }
     }
   return a;
 }
-function Nt(e, t, n, r, o, a, s, u, l, E, d) {
-  for (var g = o - 1, S = o === 0 ? a : [""], y = St(S), p = 0, m = 0, c = 0; p < r; ++p)
-    for (var v = 0, b = ke(e, g + 1, g = Dr(m = s[p])), w = e; v < y; ++v)
-      (w = Zt(m > 0 ? S[v] + " " + b : M(b, /&\f/g, S[v]))) && (l[c++] = w);
-  return ct(e, t, n, o === 0 ? gt : u, l, E, d);
+function Nt(e, t, r, n, o, a, s, c, d, p, m) {
+  for (var g = o - 1, b = o === 0 ? a : [""], S = xt(b), h = 0, y = 0, u = 0; h < n; ++h)
+    for (var l = 0, v = $e(e, g + 1, g = Dr(y = s[h])), x = e; l < S; ++l)
+      (x = Zt(y > 0 ? b[l] + " " + v : I(v, /&\f/g, b[l]))) && (d[u++] = x);
+  return ct(e, t, r, o === 0 ? bt : c, d, p, m);
 }
-function Kr(e, t, n) {
-  return ct(e, t, n, Kt, at(Vr()), ke(e, 2, -2), 0);
+function Kr(e, t, r) {
+  return ct(e, t, r, Kt, at(Vr()), $e(e, 2, -2), 0);
 }
-function Mt(e, t, n, r) {
-  return ct(e, t, n, yt, ke(e, 0, r), ke(e, r + 1, -1), r);
+function Mt(e, t, r, n) {
+  return ct(e, t, r, yt, $e(e, 0, n), $e(e, n + 1, -1), n);
 }
-function be(e, t) {
-  for (var n = "", r = St(e), o = 0; o < r; o++)
-    n += t(e[o], o, e, t) || "";
-  return n;
+function ge(e, t) {
+  for (var r = "", n = xt(e), o = 0; o < n; o++)
+    r += t(e[o], o, e, t) || "";
+  return r;
 }
-function Jr(e, t, n, r) {
+function Jr(e, t, r, n) {
   switch (e.type) {
     case Ur:
       if (e.children.length) break;
-    case Ir:
+    case $r:
     case yt:
       return e.return = e.return || e.value;
     case Kt:
       return "";
     case Jt:
-      return e.return = e.value + "{" + be(e.children, r) + "}";
-    case gt:
+      return e.return = e.value + "{" + ge(e.children, n) + "}";
+    case bt:
       e.value = e.props.join(",");
   }
-  return te(n = be(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+  return te(r = ge(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 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) || "";
+  var t = xt(e);
+  return function(r, n, o, a) {
+    for (var s = "", c = 0; c < t; c++)
+      s += e[c](r, n, o, a) || "";
     return s;
   };
 }
@@ -796,63 +796,63 @@ 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];
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-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 De(t, H);
-}, rn = function(t, n) {
-  var r = -1, o = 44;
+var tn = function(t, r, n) {
+  for (var o = 0, a = 0; o = a, a = ne(), o === 38 && a === 12 && (r[n] = 1), !Ue(a); )
+    Z();
+  return je(t, J);
+}, rn = function(t, r) {
+  var n = -1, o = 44;
   do
-    switch ($e(o)) {
+    switch (Ue(o)) {
       case 0:
-        o === 38 && ne() === 12 && (n[r] = 1), t[r] += tn(H - 1, n, r);
+        o === 38 && ne() === 12 && (r[n] = 1), t[n] += tn(J - 1, r, n);
         break;
       case 2:
-        t[r] += tt(o);
+        t[n] += tt(o);
         break;
       case 4:
         if (o === 44) {
-          t[++r] = ne() === 58 ? "&\f" : "", n[r] = t[r].length;
+          t[++n] = ne() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
-        t[r] += at(o);
+        t[n] += at(o);
     }
-  while (o = J());
+  while (o = Z());
   return t;
-}, nn = function(t, n) {
-  return tr(rn(er(t), n));
-}, Lt = /* @__PURE__ */ new WeakMap(), on = function(t) {
+}, nn = function(t, r) {
+  return tr(rn(er(t), r));
+}, It = /* @__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 && !Lt.get(r)) && !o) {
-      Lt.set(t, !0);
-      for (var a = [], s = nn(n, a), u = r.props, l = 0, E = 0; l < s.length; l++)
-        for (var d = 0; d < u.length; d++, E++)
-          t.props[E] = a[l] ? s[l].replace(/&\f/g, u[d]) : u[d] + " " + s[l];
+    for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
+      if (n = n.parent, !n) return;
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !It.get(n)) && !o) {
+      It.set(t, !0);
+      for (var a = [], s = nn(r, a), c = n.props, d = 0, p = 0; d < s.length; d++)
+        for (var m = 0; m < c.length; m++, p++)
+          t.props[p] = a[d] ? s[d].replace(/&\f/g, c[m]) : c[m] + " " + s[d];
     }
   }
 }, an = function(t) {
   if (t.type === "decl") {
-    var n = t.value;
+    var r = t.value;
     // charcode for l
-    n.charCodeAt(0) === 108 && // charcode for b
-    n.charCodeAt(2) === 98 && (t.return = "", t.value = "");
+    r.charCodeAt(0) === 108 && // charcode for b
+    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
 function rr(e, t) {
   switch (Yr(e, t)) {
     // color-adjust
     case 5103:
-      return N + "print-" + e + e;
+      return M + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -882,58 +882,58 @@ function rr(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return N + e + e;
+      return M + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return N + e + it + e + G + e + e;
+      return M + e + it + e + X + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return N + e + G + e + e;
+      return M + e + X + e + e;
     // order
     case 6165:
-      return N + e + G + "flex-" + e + e;
+      return M + e + X + "flex-" + e + e;
     // align-items
     case 5187:
-      return N + e + M(e, /(\w+).+(:[^]+)/, N + "box-$1$2" + G + "flex-$1$2") + e;
+      return M + e + I(e, /(\w+).+(:[^]+)/, M + "box-$1$2" + X + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return N + e + G + "flex-item-" + M(e, /flex-|-self/, "") + e;
+      return M + e + X + "flex-item-" + I(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return N + e + G + "flex-line-pack" + M(e, /align-content|flex-|-self/, "") + e;
+      return M + e + X + "flex-line-pack" + I(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return N + e + G + M(e, "shrink", "negative") + e;
+      return M + e + X + I(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return N + e + G + M(e, "basis", "preferred-size") + e;
+      return M + e + X + I(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return N + "box-" + M(e, "-grow", "") + N + e + G + M(e, "grow", "positive") + e;
+      return M + "box-" + I(e, "-grow", "") + M + e + X + I(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return N + M(e, /([^-])(transform)/g, "$1" + N + "$2") + e;
+      return M + I(e, /([^-])(transform)/g, "$1" + M + "$2") + e;
     // cursor
     case 6187:
-      return M(M(M(e, /(zoom-|grab)/, N + "$1"), /(image-set)/, N + "$1"), e, "") + e;
+      return I(I(I(e, /(zoom-|grab)/, M + "$1"), /(image-set)/, M + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return M(e, /(image-set\([^]*)/, N + "$1$`$1");
+      return I(e, /(image-set\([^]*)/, M + "$1$`$1");
     // justify-content
     case 4968:
-      return M(M(e, /(.+:)(flex-)?(.*)/, N + "box-pack:$3" + G + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + N + e + e;
+      return I(I(e, /(.+:)(flex-)?(.*)/, M + "box-pack:$3" + X + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + M + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return M(e, /(.+)-inline(.+)/, N + "$1$2") + e;
+      return I(e, /(.+)-inline(.+)/, M + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -947,115 +947,115 @@ function rr(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (te(e) - 1 - t > 6) switch (V(e, t + 1)) {
+      if (te(e) - 1 - t > 6) switch (W(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (V(e, t + 4) !== 45) break;
+          if (W(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return M(e, /(.+:)(.+)-([^]+)/, "$1" + N + "$2-$3$1" + it + (V(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return I(e, /(.+:)(.+)-([^]+)/, "$1" + M + "$2-$3$1" + it + (W(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~ht(e, "stretch") ? rr(M(e, "stretch", "fill-available"), t) + e : e;
+          return ~ht(e, "stretch") ? rr(I(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (V(e, t + 1) !== 115) break;
+      if (W(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (V(e, te(e) - 3 - (~ht(e, "!important") && 10))) {
+      switch (W(e, te(e) - 3 - (~ht(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return M(e, ":", ":" + N) + e;
+          return I(e, ":", ":" + M) + e;
         // (inline-)?fl(e)x
         case 101:
-          return M(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + N + (V(e, 14) === 45 ? "inline-" : "") + "box$3$1" + N + "$2$3$1" + G + "$2box$3") + e;
+          return I(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + M + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + M + "$2$3$1" + X + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (V(e, t + 11)) {
+      switch (W(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return N + e + G + M(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return M + e + X + I(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return N + e + G + M(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return M + e + X + I(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return N + e + G + M(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return M + e + X + I(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return N + e + G + e + e;
+      return M + e + X + e + e;
   }
   return e;
 }
-var sn = function(t, n, r, o) {
+var sn = function(t, r, n, o) {
   if (t.length > -1 && !t.return) switch (t.type) {
     case yt:
       t.return = rr(t.value, t.length);
       break;
     case Jt:
-      return be([Oe(t, {
-        value: M(t.value, "@", "@" + N)
+      return ge([Me(t, {
+        value: I(t.value, "@", "@" + M)
       })], o);
-    case gt:
+    case bt:
       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+)/, ":" + it + "$1")]
+            return ge([Me(t, {
+              props: [I(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+)/, ":" + it + "$1")]
-            }), Oe(t, {
-              props: [M(a, /:(plac\w+)/, G + "input-$1")]
+            return ge([Me(t, {
+              props: [I(a, /:(plac\w+)/, ":" + M + "input-$1")]
+            }), Me(t, {
+              props: [I(a, /:(plac\w+)/, ":" + it + "$1")]
+            }), Me(t, {
+              props: [I(a, /:(plac\w+)/, X + "input-$1")]
             })], o);
         }
         return "";
       });
   }
 }, cn = [sn], un = function(t) {
-  var n = t.key;
-  if (n === "css") {
-    var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(r, function(m) {
-      var c = m.getAttribute("data-emotion");
-      c.indexOf(" ") !== -1 && (document.head.appendChild(m), m.setAttribute("data-s", ""));
+  var r = t.key;
+  if (r === "css") {
+    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(n, function(y) {
+      var u = y.getAttribute("data-emotion");
+      u.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
     });
   }
-  var o = t.stylisPlugins || cn, a = {}, s, u = [];
+  var o = t.stylisPlugins || cn, a = {}, s, c = [];
   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(m) {
-      for (var c = m.getAttribute("data-emotion").split(" "), v = 1; v < c.length; v++)
-        a[c[v]] = !0;
-      u.push(m);
+    document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
+    function(y) {
+      for (var u = y.getAttribute("data-emotion").split(" "), l = 1; l < u.length; l++)
+        a[u[l]] = !0;
+      c.push(y);
     }
   );
-  var l, E = [on, an];
+  var d, p = [on, an];
   {
-    var d, g = [Jr, Qr(function(m) {
-      d.insert(m);
-    })], S = Zr(E.concat(o, g)), y = function(c) {
-      return be(Hr(c), S);
+    var m, g = [Jr, Qr(function(y) {
+      m.insert(y);
+    })], b = Zr(p.concat(o, g)), S = function(u) {
+      return ge(Hr(u), b);
     };
-    l = function(c, v, b, w) {
-      d = b, y(c ? c + "{" + v.styles + "}" : v.styles), w && (p.inserted[v.name] = !0);
+    d = function(u, l, v, x) {
+      m = v, S(u ? u + "{" + l.styles + "}" : l.styles), x && (h.inserted[l.name] = !0);
     };
   }
-  var p = {
-    key: n,
-    sheet: new $r({
-      key: n,
+  var h = {
+    key: r,
+    sheet: new kr({
+      key: r,
       container: s,
       nonce: t.nonce,
       speedy: t.speedy,
@@ -1065,9 +1065,9 @@ var sn = function(t, n, r, o) {
     nonce: t.nonce,
     inserted: a,
     registered: {},
-    insert: l
+    insert: d
   };
-  return p.sheet.hydrate(u), p;
+  return h.sheet.hydrate(c), h;
 }, Qe = { exports: {} }, L = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1077,71 +1077,71 @@ var sn = 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;
+var Lt;
 function ln() {
-  if (kt) return L;
-  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, E = 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, m = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, b = e ? Symbol.for("react.scope") : 60119;
-  function w(f) {
+  if (Lt) return L;
+  Lt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = 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, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, u = e ? Symbol.for("react.fundamental") : 60117, l = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
+  function x(f) {
     if (typeof f == "object" && f !== null) {
       var _ = f.$$typeof;
       switch (_) {
         case t:
           switch (f = f.type, f) {
-            case l:
-            case E:
-            case r:
+            case d:
+            case p:
+            case n:
             case a:
             case o:
             case g:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
-                case u:
-                case d:
-                case p:
-                case y:
+                case c:
+                case m:
+                case h:
+                case S:
                 case s:
                   return f;
                 default:
                   return _;
               }
           }
-        case n:
+        case r:
           return _;
       }
     }
   }
   function A(f) {
-    return w(f) === E;
+    return x(f) === p;
   }
-  return L.AsyncMode = l, L.ConcurrentMode = E, L.ContextConsumer = u, L.ContextProvider = s, L.Element = t, L.ForwardRef = d, L.Fragment = r, L.Lazy = p, L.Memo = y, L.Portal = n, L.Profiler = a, L.StrictMode = o, L.Suspense = g, L.isAsyncMode = function(f) {
-    return A(f) || w(f) === l;
+  return L.AsyncMode = d, L.ConcurrentMode = p, L.ContextConsumer = c, L.ContextProvider = s, L.Element = t, L.ForwardRef = m, L.Fragment = n, L.Lazy = h, L.Memo = S, L.Portal = r, L.Profiler = a, L.StrictMode = o, L.Suspense = g, L.isAsyncMode = function(f) {
+    return A(f) || x(f) === d;
   }, L.isConcurrentMode = A, L.isContextConsumer = function(f) {
-    return w(f) === u;
+    return x(f) === c;
   }, L.isContextProvider = function(f) {
-    return w(f) === s;
+    return x(f) === s;
   }, L.isElement = function(f) {
     return typeof f == "object" && f !== null && f.$$typeof === t;
   }, L.isForwardRef = function(f) {
-    return w(f) === d;
+    return x(f) === m;
   }, L.isFragment = function(f) {
-    return w(f) === r;
+    return x(f) === n;
   }, L.isLazy = function(f) {
-    return w(f) === p;
+    return x(f) === h;
   }, L.isMemo = function(f) {
-    return w(f) === y;
+    return x(f) === S;
   }, L.isPortal = function(f) {
-    return w(f) === n;
+    return x(f) === r;
   }, L.isProfiler = function(f) {
-    return w(f) === a;
+    return x(f) === a;
   }, L.isStrictMode = function(f) {
-    return w(f) === o;
+    return x(f) === o;
   }, L.isSuspense = function(f) {
-    return w(f) === g;
+    return x(f) === g;
   }, L.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === r || f === E || f === a || f === o || f === g || f === S || typeof f == "object" && f !== null && (f.$$typeof === p || f.$$typeof === y || f.$$typeof === s || f.$$typeof === u || f.$$typeof === d || f.$$typeof === c || f.$$typeof === v || f.$$typeof === b || f.$$typeof === m);
-  }, L.typeOf = w, L;
+    return typeof f == "string" || typeof f == "function" || f === n || f === p || f === a || f === o || f === g || f === b || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === S || f.$$typeof === s || f.$$typeof === c || f.$$typeof === m || f.$$typeof === u || f.$$typeof === l || f.$$typeof === v || f.$$typeof === y);
+  }, L.typeOf = x, L;
 }
 var k = {};
 /** @license React v16.13.1
@@ -1152,13 +1152,13 @@ var k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $t;
+var kt;
 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, E = 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, m = e ? Symbol.for("react.block") : 60121, c = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, b = e ? Symbol.for("react.scope") : 60119;
-    function w(R) {
+  return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = 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, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, u = e ? Symbol.for("react.fundamental") : 60117, l = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
+    function x(R) {
       return typeof R == "string" || typeof R == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      R === r || R === E || R === a || R === o || R === g || R === S || typeof R == "object" && R !== null && (R.$$typeof === p || R.$$typeof === y || R.$$typeof === s || R.$$typeof === u || R.$$typeof === d || R.$$typeof === c || R.$$typeof === v || R.$$typeof === b || R.$$typeof === m);
+      R === n || R === p || R === a || R === o || R === g || R === b || typeof R == "object" && R !== null && (R.$$typeof === h || R.$$typeof === S || R.$$typeof === s || R.$$typeof === c || R.$$typeof === m || R.$$typeof === u || R.$$typeof === l || R.$$typeof === v || R.$$typeof === y);
     }
     function A(R) {
       if (typeof R == "object" && R !== null) {
@@ -1167,9 +1167,9 @@ function dn() {
           case t:
             var le = R.type;
             switch (le) {
-              case l:
-              case E:
-              case r:
+              case d:
+              case p:
+              case n:
               case a:
               case o:
               case g:
@@ -1177,51 +1177,51 @@ function dn() {
               default:
                 var ve = le && le.$$typeof;
                 switch (ve) {
-                  case u:
-                  case d:
-                  case p:
-                  case y:
+                  case c:
+                  case m:
+                  case h:
+                  case S:
                   case s:
                     return ve;
                   default:
                     return he;
                 }
             }
-          case n:
+          case r:
             return he;
         }
       }
     }
-    var f = l, _ = E, C = u, W = s, D = t, K = d, F = r, ee = p, ue = y, Te = n, we = a, dt = o, Ye = g, ze = !1;
+    var f = d, _ = p, C = c, F = s, U = t, B = m, V = n, ee = h, ue = S, Re = r, Ae = a, dt = o, Ye = g, ze = !1;
     function oe(R) {
-      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.")), Re(R) || A(R) === 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.")), _e(R) || A(R) === d;
     }
-    function Re(R) {
-      return A(R) === E;
+    function _e(R) {
+      return A(R) === p;
     }
     function ie(R) {
-      return A(R) === u;
+      return A(R) === c;
     }
     function ft(R) {
       return A(R) === s;
     }
-    function Ae(R) {
+    function Ce(R) {
       return typeof R == "object" && R !== null && R.$$typeof === t;
     }
     function fe(R) {
-      return A(R) === d;
+      return A(R) === m;
     }
     function Fe(R) {
-      return A(R) === r;
+      return A(R) === n;
     }
     function Ve(R) {
-      return A(R) === p;
+      return A(R) === h;
     }
     function We(R) {
-      return A(R) === y;
+      return A(R) === S;
     }
     function Be(R) {
-      return A(R) === n;
+      return A(R) === r;
     }
     function Ge(R) {
       return A(R) === a;
@@ -1232,12 +1232,12 @@ function dn() {
     function qe(R) {
       return A(R) === g;
     }
-    k.AsyncMode = f, k.ConcurrentMode = _, k.ContextConsumer = C, k.ContextProvider = W, k.Element = D, k.ForwardRef = K, k.Fragment = F, k.Lazy = ee, k.Memo = ue, k.Portal = Te, k.Profiler = we, k.StrictMode = dt, k.Suspense = Ye, k.isAsyncMode = oe, k.isConcurrentMode = Re, k.isContextConsumer = ie, k.isContextProvider = ft, k.isElement = Ae, k.isForwardRef = fe, k.isFragment = Fe, k.isLazy = Ve, k.isMemo = We, k.isPortal = Be, k.isProfiler = Ge, k.isStrictMode = Xe, k.isSuspense = qe, k.isValidElementType = w, k.typeOf = A;
+    k.AsyncMode = f, k.ConcurrentMode = _, k.ContextConsumer = C, k.ContextProvider = F, k.Element = U, k.ForwardRef = B, k.Fragment = V, k.Lazy = ee, k.Memo = ue, k.Portal = Re, k.Profiler = Ae, k.StrictMode = dt, k.Suspense = Ye, k.isAsyncMode = oe, k.isConcurrentMode = _e, k.isContextConsumer = ie, k.isContextProvider = ft, k.isElement = Ce, k.isForwardRef = fe, k.isFragment = Fe, k.isLazy = Ve, k.isMemo = We, k.isPortal = Be, k.isProfiler = Ge, k.isStrictMode = Xe, k.isSuspense = qe, k.isValidElementType = x, k.typeOf = A;
   }()), k;
 }
-var It;
+var $t;
 function fn() {
-  return It || (It = 1, process.env.NODE_ENV === "production" ? Qe.exports = ln() : Qe.exports = dn()), Qe.exports;
+  return $t || ($t = 1, process.env.NODE_ENV === "production" ? Qe.exports = ln() : Qe.exports = dn()), Qe.exports;
 }
 var mt, Ut;
 function mn() {
@@ -1255,7 +1255,7 @@ function mn() {
     mixins: !0,
     propTypes: !0,
     type: !0
-  }, n = {
+  }, r = {
     name: !0,
     length: !0,
     prototype: !0,
@@ -1263,7 +1263,7 @@ function mn() {
     callee: !0,
     arguments: !0,
     arity: !0
-  }, r = {
+  }, n = {
     $$typeof: !0,
     render: !0,
     defaultProps: !0,
@@ -1277,84 +1277,84 @@ function mn() {
     propTypes: !0,
     type: !0
   }, a = {};
-  a[e.ForwardRef] = r, a[e.Memo] = o;
-  function s(p) {
-    return e.isMemo(p) ? o : a[p.$$typeof] || t;
+  a[e.ForwardRef] = n, a[e.Memo] = o;
+  function s(h) {
+    return e.isMemo(h) ? o : a[h.$$typeof] || t;
   }
-  var u = Object.defineProperty, l = Object.getOwnPropertyNames, E = Object.getOwnPropertySymbols, d = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, S = Object.prototype;
-  function y(p, m, c) {
-    if (typeof m != "string") {
-      if (S) {
-        var v = g(m);
-        v && v !== S && y(p, v, c);
+  var c = Object.defineProperty, d = Object.getOwnPropertyNames, p = Object.getOwnPropertySymbols, m = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, b = Object.prototype;
+  function S(h, y, u) {
+    if (typeof y != "string") {
+      if (b) {
+        var l = g(y);
+        l && l !== b && S(h, l, u);
       }
-      var b = l(m);
-      E && (b = b.concat(E(m)));
-      for (var w = s(p), A = s(m), f = 0; f < b.length; ++f) {
-        var _ = b[f];
-        if (!n[_] && !(c && c[_]) && !(A && A[_]) && !(w && w[_])) {
-          var C = d(m, _);
+      var v = d(y);
+      p && (v = v.concat(p(y)));
+      for (var x = s(h), A = s(y), f = 0; f < v.length; ++f) {
+        var _ = v[f];
+        if (!r[_] && !(u && u[_]) && !(A && A[_]) && !(x && x[_])) {
+          var C = m(y, _);
           try {
-            u(p, _, C);
+            c(h, _, C);
           } catch {
           }
         }
       }
     }
-    return p;
+    return h;
   }
-  return mt = y, mt;
+  return mt = S, mt;
 }
 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;
+function hn(e, t, r) {
+  var n = "";
+  return r.split(" ").forEach(function(o) {
+    e[o] !== void 0 ? t.push(e[o] + ";") : o && (n += o + " ");
+  }), n;
 }
-var nr = function(t, n, r) {
-  var o = t.key + "-" + n.name;
+var nr = function(t, r, n) {
+  var o = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
   // the tree but if it's a string tag, we know it won't
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
-  (r === !1 || // we need to always store it if we're in compat mode and
+  (n === !1 || // we need to always store it if we're in compat mode and
   // 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
-  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;
+  pn === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
+}, vn = function(t, r, n) {
+  nr(t, r, n);
+  var o = t.key + "-" + r.name;
+  if (t.inserted[r.name] === void 0) {
+    var a = r;
     do
-      t.insert(n === a ? "." + o : "", a, t.sheet, !0), a = a.next;
+      t.insert(r === a ? "." + o : "", a, t.sheet, !0), a = a.next;
     while (a !== void 0);
   }
 };
 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: */
-    n >>> 24, t = /* Math.imul(k, m): */
-    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
+    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
   switch (o) {
     case 3:
-      t ^= (e.charCodeAt(r + 2) & 255) << 16;
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
     case 2:
-      t ^= (e.charCodeAt(r + 1) & 255) << 8;
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
     case 1:
-      t ^= e.charCodeAt(r) & 255, t = /* Math.imul(h, m): */
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
       (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
   }
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var bn = {
+var gn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1403,18 +1403,18 @@ var bn = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, gn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, or = function(t) {
+}, bn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, or = function(t) {
   return t.charCodeAt(1) === 45;
 }, Dt = function(t) {
   return t != null && typeof t != "boolean";
 }, pt = /* @__PURE__ */ en(function(e) {
-  return or(e) ? e : e.replace(gn, "-$&").toLowerCase();
-}), jt = function(t, n) {
+  return or(e) ? e : e.replace(bn, "-$&").toLowerCase();
+}), jt = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
-      if (typeof n == "string")
-        return n.replace(yn, function(r, o, a) {
+      if (typeof r == "string")
+        return r.replace(yn, function(n, o, a) {
           return re = {
             name: o,
             styles: a,
@@ -1422,26 +1422,26 @@ var bn = {
           }, o;
         });
   }
-  return bn[t] !== 1 && !or(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return gn[t] !== 1 && !or(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Ie(e, t, n) {
-  if (n == null)
+function De(e, t, r) {
+  if (r == null)
     return "";
-  var r = n;
-  if (r.__emotion_styles !== void 0)
-    return r;
-  switch (typeof n) {
+  var n = r;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof r) {
     case "boolean":
       return "";
     case "object": {
-      var o = n;
+      var o = r;
       if (o.anim === 1)
         return re = {
           name: o.name,
           styles: o.styles,
           next: re
         }, o.name;
-      var a = n;
+      var a = r;
       if (a.styles !== void 0) {
         var s = a.next;
         if (s !== void 0)
@@ -1451,73 +1451,73 @@ function Ie(e, t, n) {
               styles: s.styles,
               next: re
             }, s = s.next;
-        var u = a.styles + ";";
-        return u;
+        var c = a.styles + ";";
+        return c;
       }
-      return Sn(e, t, n);
+      return xn(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var l = re, E = n(e);
-        return re = l, Ie(e, t, E);
+        var d = re, p = r(e);
+        return re = d, De(e, t, p);
       }
       break;
     }
   }
-  var d = n;
-  return d;
+  var m = r;
+  return m;
 }
-function Sn(e, t, n) {
-  var r = "";
-  if (Array.isArray(n))
-    for (var o = 0; o < n.length; o++)
-      r += Ie(e, t, n[o]) + ";";
+function xn(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var o = 0; o < r.length; o++)
+      n += De(e, t, r[o]) + ";";
   else
-    for (var a in n) {
-      var s = n[a];
+    for (var a in r) {
+      var s = r[a];
       if (typeof s != "object") {
-        var u = s;
-        Dt(u) && (r += pt(a) + ":" + jt(a, u) + ";");
+        var c = s;
+        Dt(c) && (n += pt(a) + ":" + jt(a, c) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
-        for (var l = 0; l < s.length; l++)
-          Dt(s[l]) && (r += pt(a) + ":" + jt(a, s[l]) + ";");
+        for (var d = 0; d < s.length; d++)
+          Dt(s[d]) && (n += pt(a) + ":" + jt(a, s[d]) + ";");
       else {
-        var E = Ie(e, t, s);
+        var p = De(e, t, s);
         switch (a) {
           case "animation":
           case "animationName": {
-            r += pt(a) + ":" + E + ";";
+            n += pt(a) + ":" + p + ";";
             break;
           }
           default:
-            r += a + "{" + E + "}";
+            n += a + "{" + p + "}";
         }
       }
     }
-  return r;
+  return n;
 }
 var Yt = /label:\s*([^\s;{]+)\s*(;|$)/g, re;
-function xn(e, t, n) {
+function Sn(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
-  var r = !0, o = "";
+  var n = !0, o = "";
   re = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
-    r = !1, o += Ie(n, t, a);
+    n = !1, o += De(r, t, a);
   else {
     var s = a;
     o += s[0];
   }
-  for (var u = 1; u < e.length; u++)
-    if (o += Ie(n, t, e[u]), r) {
-      var l = a;
-      o += l[u];
+  for (var c = 1; c < e.length; c++)
+    if (o += De(r, t, e[c]), n) {
+      var d = a;
+      o += d[c];
     }
   Yt.lastIndex = 0;
-  for (var E = "", d; (d = Yt.exec(o)) !== null; )
-    E += "-" + d[1];
-  var g = En(o) + E;
+  for (var p = "", m; (m = Yt.exec(o)) !== null; )
+    p += "-" + m[1];
+  var g = En(o) + p;
   return {
     name: g,
     styles: o,
@@ -1539,197 +1539,197 @@ var Tn = function(t) {
 );
 ir.Provider;
 var An = function(t) {
-  return /* @__PURE__ */ pr(function(n, r) {
-    var o = Ue(ir);
-    return t(n, o, r);
+  return /* @__PURE__ */ pr(function(r, n) {
+    var o = Se(ir);
+    return t(r, o, 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)
-    ut.call(n, o) && (r[o] = n[o]);
-  return r[Et] = t, r;
+}, _n = /* @__PURE__ */ ce.createContext({}), ut = {}.hasOwnProperty, Et = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ar = function(t, r) {
+  var n = {};
+  for (var o in r)
+    ut.call(r, o) && (n[o] = r[o]);
+  return n[Et] = t, n;
 }, Cn = function(t) {
-  var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return nr(n, r, o), Rn(function() {
-    return vn(n, r, o);
+  var r = t.cache, n = t.serialized, o = t.isStringTag;
+  return nr(r, n, o), Rn(function() {
+    return vn(r, n, o);
   }), null;
-}, Pn = /* @__PURE__ */ An(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 = "";
+}, Pn = /* @__PURE__ */ An(function(e, t, r) {
+  var n = e.css;
+  typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
+  var o = e[Et], a = [n], s = "";
   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 E in e)
-    ut.call(e, E) && E !== "css" && E !== Et && (l[E] = e[E]);
-  return l.className = s, n && (l.ref = n), /* @__PURE__ */ ce.createElement(ce.Fragment, null, /* @__PURE__ */ ce.createElement(Cn, {
+  var c = Sn(a, void 0, ce.useContext(_n));
+  s += t.key + "-" + c.name;
+  var d = {};
+  for (var p in e)
+    ut.call(e, p) && p !== "css" && p !== Et && (d[p] = e[p]);
+  return d.className = s, r && (d.ref = r), /* @__PURE__ */ ce.createElement(ce.Fragment, null, /* @__PURE__ */ ce.createElement(Cn, {
     cache: t,
-    serialized: u,
+    serialized: c,
     isStringTag: typeof o == "string"
-  }), /* @__PURE__ */ ce.createElement(o, l));
-}), sr = Pn, cr = Le.Fragment, h = function(t, n, r) {
-  return ut.call(n, "css") ? Le.jsx(sr, ar(t, n), r) : Le.jsx(t, n, r);
-}, I = function(t, n, r) {
-  return ut.call(n, "css") ? Le.jsxs(sr, ar(t, n), r) : Le.jsxs(t, n, r);
+  }), /* @__PURE__ */ ce.createElement(o, d));
+}), sr = Pn, cr = ke.Fragment, E = function(t, r, n) {
+  return ut.call(r, "css") ? ke.jsx(sr, ar(t, r), n) : ke.jsx(t, r, n);
+}, $ = function(t, r, n) {
+  return ut.call(r, "css") ? ke.jsxs(sr, ar(t, r), n) : ke.jsxs(t, r, n);
 };
-const On = Xt(({ sendBack: e, receive: t, input: n }) => {
-  const { videoElement: r } = n;
-  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, E());
+const On = Xt(({ sendBack: e, receive: t, input: r }) => {
+  const { videoElement: n } = r;
+  t((b) => {
+    b.type === "PLAY" && (n.play(), o()), b.type === "PAUSE" && (n.pause(), o()), b.type === "SET_TIME" && (n.currentTime = b.value, c()), b.type === "SET_VOLUME" && (n.volume = b.volume, n.muted = b.muted, d()), b.type === "SET_PLAYBACK_RATE" && (n.playbackRate = b.playbackRate, p());
   });
-  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 }), E = () => 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", E), 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", E), r.removeEventListener("seeking", d), r.removeEventListener("durationchange", g);
+  const o = () => e({ type: "PLAYING" }), a = () => e({ type: "PAUSED" }), s = () => e({ type: "ENDED" }), c = () => e({ type: "TIME_UPDATE", currentTime: n.currentTime }), d = () => e({ type: "VOLUME_UPDATE", muted: n.muted, volume: n.volume }), p = () => e({ type: "PLAYBACK_RATE_UPDATE", playbackRate: n.playbackRate }), m = () => e({ type: "SEEKING", currentTime: n.currentTime }), g = () => e({ type: "DURATION_UPDATE", duration: n.duration });
+  return n.addEventListener("play", o), n.addEventListener("pause", a), n.addEventListener("ended", s), n.addEventListener("timeupdate", c), n.addEventListener("volumechange", d), n.addEventListener("ratechange", p), n.addEventListener("seeking", m), n.addEventListener("durationchange", g), () => {
+    n.removeEventListener("play", o), n.removeEventListener("pause", a), n.removeEventListener("ended", s), n.removeEventListener("timeupdate", c), n.removeEventListener("volumechange", d), n.removeEventListener("ratechange", p), n.removeEventListener("seeking", m), n.removeEventListener("durationchange", g);
   };
 }), lt = (e) => Xt((...t) => {
-  const n = e(...t);
+  const r = e(...t);
   return () => {
-    n.then((r) => r?.());
+    r.then((n) => 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)
-})), Ft = (e, t, n) => {
-  const r = (u) => {
-    t(u), s();
-  }, o = (u) => {
-    t(u), s();
-  }, a = (u) => {
-    console.error(u), n(u), s();
+}), zt = (e) => Array(e.buffered.length).fill(void 0).map((t, r) => ({
+  index: r,
+  start: e.buffered.start(r),
+  end: e.buffered.end(r)
+})), Ft = (e, t, r) => {
+  const n = (c) => {
+    t(c), s();
+  }, o = (c) => {
+    t(c), s();
+  }, a = (c) => {
+    console.error(c), r(c), s();
   }, s = () => {
-    e.removeEventListener("updateend", r), e.removeEventListener("abort", o), e.removeEventListener("error", a);
+    e.removeEventListener("updateend", n), 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 });
+  e.addEventListener("updateend", n, { once: !0 }), e.addEventListener("abort", o, { once: !0 }), e.addEventListener("error", a, { once: !0 });
 }, Nn = (e) => {
   const t = new qt({ concurrency: 1 });
   return {
     appendBuffer: (a) => t.add(
-      () => new Promise((s, u) => {
-        Ft(e, s, u), e.appendBuffer(a);
+      () => new Promise((s, c) => {
+        Ft(e, s, c), e.appendBuffer(a);
       })
     ),
     unbufferRange: async (a, s) => t.add(
-      () => new Promise((u, l) => {
-        Ft(e, u, l), e.remove(a, s);
+      () => new Promise((c, d) => {
+        Ft(e, c, d), e.remove(a, s);
       })
     ),
     updateTimestampOffset: (a) => t.add(() => {
       e.timestampOffset = a;
     })
   };
-}, Mn = -20, Ln = 60, kn = 30, $n = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
-  const { videoElement: a, preEvictionTime: s, postEvictionTime: u, bufferTargetTime: l } = n, E = () => console.error(a.error);
-  a.addEventListener("error", E);
-  const d = new MediaSource(), g = URL.createObjectURL(d);
+}, Mn = -20, In = 60, Ln = 30, kn = lt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
+  const { videoElement: a, preEvictionTime: s, postEvictionTime: c, bufferTargetTime: d } = r, p = () => console.error(a.error);
+  a.addEventListener("error", p);
+  const m = new MediaSource(), g = URL.createObjectURL(m);
   a.src = g;
-  const S = () => a.currentTime + (s ?? Mn), y = () => a.currentTime + (u ?? Ln), p = () => a.currentTime + (l ?? kn);
-  let m;
-  const c = await new Promise(
-    (D) => d.addEventListener(
+  const b = () => a.currentTime + (s ?? Mn), S = () => a.currentTime + (c ?? In), h = () => a.currentTime + (d ?? Ln);
+  let y;
+  const u = await new Promise(
+    (U) => m.addEventListener(
       "sourceopen",
       () => {
-        let K = !1;
-        t((F) => {
-          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, m = F.data, K = !0, D(ee);
+        let B = !1;
+        t((V) => {
+          if (!B && V.type === "METADATA") {
+            const ee = m.addSourceBuffer(`video/mp4; codecs="${V.info.input.videoMimeType},${V.info.input.audioMimeType}"`);
+            ee.mode = "segments", m.duration = V.info.input.duration, y = V.data, B = !0, U(ee);
           }
         });
       },
       { once: !0 }
     )
   );
-  if (!m) throw new Error("No header buffer");
-  const { appendBuffer: v, unbufferRange: b, updateTimestampOffset: w } = Nn(c);
-  v(m), t(async (D) => {
-    D.type === "DATA" ? await v(D.data) : D.type === "TIMESTAMP_OFFSET" && await w(D.timestampOffset);
+  if (!y) throw new Error("No header buffer");
+  const { appendBuffer: l, unbufferRange: v, updateTimestampOffset: x } = Nn(u);
+  l(y), t(async (U) => {
+    U.type === "DATA" ? await l(U.data) : U.type === "TIMESTAMP_OFFSET" && await x(U.timestampOffset);
   });
   const A = async () => {
-    const D = S(), K = y(), F = zt(c);
-    for (const { start: ee, end: ue } of F)
-      ee < D && await b(
+    const U = b(), B = S(), V = zt(u);
+    for (const { start: ee, end: ue } of V)
+      ee < U && await v(
         ee,
-        D
-      ), ue > K && await b(
-        K,
+        U
+      ), ue > B && await v(
+        B,
         ue
       );
   }, f = setInterval(async () => {
     await A();
-    const D = zt(c);
-    Math.max(...D.map(({ end: F }) => F)) < p() && e({ type: "NEED_DATA" });
-  }, 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(f), a.removeEventListener("error", E), d.removeEventListener("sourceopen", _), d.removeEventListener("sourceended", C), d.removeEventListener("error", W);
+    const U = zt(u);
+    Math.max(...U.map(({ end: V }) => V)) < h() && e({ type: "NEED_DATA" });
+  }, 100), _ = () => e({ type: "SOURCE_OPEN" }), C = () => e({ type: "SOURCE_ENDED" }), F = () => e({ type: "SOURCE_ERROR" });
+  return m.addEventListener("sourceopen", _), m.addEventListener("sourceended", C), m.addEventListener("error", F), () => {
+    URL.revokeObjectURL(g), clearInterval(f), a.removeEventListener("error", p), m.removeEventListener("sourceopen", _), m.removeEventListener("sourceended", C), m.removeEventListener("error", F);
   };
-}), In = (e, t) => {
-  let n, r, o;
-  const a = (s, u, l) => (E) => {
-    const d = performance.now();
+}), $n = (e, t) => {
+  let r, n, o;
+  const a = (s, c, d) => (p) => {
+    const m = performance.now();
     return setTimeout(() => {
       if (!o) {
-        n = void 0, r = void 0;
+        r = void 0, n = void 0;
         return;
       }
       const g = (async () => t(...o))();
-      o = void 0, g.then(u).catch((p) => {
-        console.error(p), l(p);
+      o = void 0, g.then(c).catch((h) => {
+        console.error(h), d(h);
       });
-      let S, y;
-      r = new Promise((p, m) => {
-        S = p, y = m;
-      }), n = g.then(a(d, S, y)).catch((p) => (console.error(p), a(s, S, y)(p)));
-    }, e - (d - s)), E;
+      let b, S;
+      n = new Promise((h, y) => {
+        b = h, S = y;
+      }), r = g.then(a(m, b, S)).catch((h) => (console.error(h), a(s, b, S)(h)));
+    }, e - (m - s)), p;
   };
   return (...s) => {
-    if (o = s, n)
-      return r;
+    if (o = s, r)
+      return n;
     {
-      const u = performance.now(), l = (async () => t(...s))();
+      const c = performance.now(), d = (async () => t(...s))();
       o = void 0;
-      let E, d;
-      return r = new Promise((g, S) => {
-        E = g, d = S;
-      }), n = l.then(a(u, E, d)).catch((g) => (console.error(g), a(u, E, d)(g))), l;
+      let p, m;
+      return n = new Promise((g, b) => {
+        p = g, m = b;
+      }), r = d.then(a(c, p, m)).catch((g) => (console.error(g), a(c, p, m)(g))), d;
     }
   };
-}, Un = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
-  const { remuxerOptions: a } = n, { publicPath: s, workerUrl: u, bufferSize: l, length: E, read: d } = a, g = await Ht({
+}, Un = lt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
+  const { remuxerOptions: a } = r, { publicPath: s, workerUrl: c, bufferSize: d, length: p, read: m } = a, g = await Ht({
     publicPath: s,
-    workerUrl: u,
-    bufferSize: l,
-    length: E,
-    read: d
-  }), 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 m = In(100, async () => {
-    if (!(p.length || y))
+    workerUrl: c,
+    bufferSize: d,
+    length: p,
+    read: m
+  }), b = await g.init();
+  b.indexes && e({ type: "INDEXES", indexes: b.indexes }), b.attachments?.length && e({ type: "NEW_ATTACHMENTS", attachments: b.attachments }), b.subtitles?.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: b.subtitles }), e({ type: "METADATA", ...b });
+  let S = !1, h = [];
+  const y = $n(100, async () => {
+    if (!(h.length || S))
       try {
-        const { data: c, subtitles: v, finished: b } = await g.read();
-        b && (y = !0), v.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: v }), e({ type: "DATA", data: c });
-      } catch (c) {
-        if (c.message === "Cancelled") return;
-        console.error(c);
+        const { data: u, subtitles: l, finished: v } = await g.read();
+        v && (S = !0), l.length && e({ type: "NEW_SUBTITLE_FRAGMENTS", subtitles: l }), e({ type: "DATA", data: u });
+      } catch (u) {
+        if (u.message === "Cancelled") return;
+        console.error(u);
       }
   });
-  return t(async (c) => {
-    if (c.type === "NEED_DATA")
-      m();
-    else if (c.type === "SEEKING") {
-      y = !1;
-      const { currentTime: v } = c, b = { currentTime: v };
-      p = [...p, b];
+  return t(async (u) => {
+    if (u.type === "NEED_DATA")
+      y();
+    else if (u.type === "SEEKING") {
+      S = !1;
+      const { currentTime: l } = u, v = { currentTime: l };
+      h = [...h, v];
       try {
-        const { data: w, pts: A } = await g.seek(v).finally(() => {
-          p = p.filter((f) => f !== b);
+        const { data: x, pts: A } = await g.seek(l).finally(() => {
+          h = h.filter((f) => f !== v);
         });
-        e({ type: "TIMESTAMP_OFFSET", timestampOffset: A }), e({ type: "DATA", data: w });
-      } catch (w) {
-        if (w.message === "Cancelled") return;
-        console.error(w);
+        e({ type: "TIMESTAMP_OFFSET", timestampOffset: A }), e({ type: "DATA", data: x });
+      } catch (x) {
+        if (x.message === "Cancelled") return;
+        console.error(x);
       }
     }
   }), () => {
@@ -1765,182 +1765,182 @@ const On = Xt(({ sendBack: e, receive: t, input: n }) => {
     Encoding: Number(t.Encoding)
   });
 }, Dn = (e) => {
-  const t = e.content.match(/\r\n\[Events\]\r\nFormat: (.*)/)?.[0], n = t?.trim().split(`
+  const t = e.content.match(/\r\n\[Events\]\r\nFormat: (.*)/)?.[0], r = t?.trim().split(`
 `)[1];
-  if (!t || !n)
+  if (!t || !r)
     throw new Error("dialogueFormatContent is undefined");
   return {
     type: "header",
     streamIndex: e.streamIndex,
     content: e.content,
     eventsContent: t,
-    dialogueFormatContent: n,
-    parsed: Me(e.content)
+    dialogueFormatContent: r,
+    parsed: Le(e.content)
   };
 }, 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)
+  const [r, n] = t.content.split(","), o = Number(r), a = Vt(t.start), s = Vt(t.end), c = t.content.replace(`${o},${n},`, ""), d = `Dialogue: ${n},${a},${s},${c}`, m = Le(`${e.eventsContent}\r
+${d}`).events.dialogue[0];
+  if (!m)
     throw new Error("dialogueEvent is undefined");
   return {
     type: "dialogue",
     streamIndex: t.streamIndex,
     index: o,
-    content: l,
-    parsed: Me(`${e.eventsContent}\r
-${l}`),
+    content: d,
+    parsed: Le(`${e.eventsContent}\r
+${d}`),
     assEvent: {
-      ...d,
-      Effect: d.Effect ?? "",
-      Text: d.Text.raw,
-      Duration: (d.End - d.Start) * 1e3,
-      Start: d.Start * 1e3,
-      End: d.End * 1e3,
+      ...m,
+      Effect: m.Effect ?? "",
+      Text: m.Text.raw,
+      Duration: (m.End - m.Start) * 1e3,
+      Start: m.Start * 1e3,
+      End: m.End * 1e3,
       ReadOrder: o,
       _index: 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 E = [], d;
+}, Yn = lt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
+  const { publicPath: a, subtitlesRendererOptions: s, videoElement: c, canvasElement: d } = r;
+  let p = [], m;
   const g = /* @__PURE__ */ new Map();
-  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(), S = [];
-      const m = g.get(y);
-      if (!m)
+  let b = [], S;
+  return t((h) => {
+    if (h.type === "SELECT_SUBTITLE_STREAM") {
+      if (S = h.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: h.streamIndex }), !m) return;
+      m.freeTrack(), b = [];
+      const y = g.get(S);
+      if (!y)
         throw new Error("newSubtitleStreams is undefined");
-      const c = Me(m.header.content), v = {
-        ...c,
+      const u = Le(y.header.content), l = {
+        ...u,
         info: {
-          ...c.info,
+          ...u.info,
           ScaledBorderAndShadow: "no",
           LayoutResX: "",
           LayoutResY: ""
         }
-      }, b = _t(v);
-      d.setTrack(b), d.setCurrentTime(u.paused, u.currentTime, u.playbackRate);
-      for (const w in m.header.parsed.styles) {
-        const A = m.header.parsed.styles.style[Number(w)];
-        A && Wt(d, A);
+      }, v = _t(l);
+      m.setTrack(v), m.setCurrentTime(c.paused, c.currentTime, c.playbackRate);
+      for (const x in y.header.parsed.styles) {
+        const A = y.header.parsed.styles.style[Number(x)];
+        A && Wt(m, A);
       }
-      for (const w of m?.dialogues ?? [])
-        S.filter((f) => f.type === "dialogue").find(
-          (f) => f.streamIndex === w.streamIndex && f.index === w.index
-        ) || y !== w.streamIndex || (d?.createEvent(w.assEvent), S.push(w));
-    }
-    if (p.type === "NEW_SUBTITLE_FRAGMENTS") {
-      const m = p.subtitles.map((c) => {
-        if (c.type === "header") {
-          const v = Dn(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;
+      for (const x of y?.dialogues ?? [])
+        b.filter((f) => f.type === "dialogue").find(
+          (f) => f.streamIndex === x.streamIndex && f.index === x.index
+        ) || S !== x.streamIndex || (m?.createEvent(x.assEvent), b.push(x));
+    }
+    if (h.type === "NEW_SUBTITLE_FRAGMENTS") {
+      const y = h.subtitles.map((u) => {
+        if (u.type === "header") {
+          const l = Dn(u);
+          return g.set(u.streamIndex, { header: l, dialogues: [] }), S === void 0 && (S = u.streamIndex, e({ type: "SELECTED_SUBTITLE_STREAM_UPDATED", streamIndex: u.streamIndex })), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), l;
         } else {
-          const v = g.get(c.streamIndex)?.header;
-          if (!v)
+          const l = g.get(u.streamIndex)?.header;
+          if (!l)
             throw new Error("SubtitleStream or its header is undefined");
-          const b = jn(v, c);
-          return g.get(c.streamIndex)?.dialogues.push(b), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), b;
+          const v = jn(l, u);
+          return g.get(u.streamIndex)?.dialogues.push(v), e({ type: "SUBTITLE_STREAMS_UPDATED", subtitlesStreams: [...g.values()] }), v;
         }
       });
-      for (const c of m)
-        if (c.type === "dialogue") {
-          if (S.filter((b) => b.type === "dialogue").find(
-            (b) => b.streamIndex === c.streamIndex && b.index === c.index
-          ) || y !== c.streamIndex)
+      for (const u of y)
+        if (u.type === "dialogue") {
+          if (b.filter((v) => v.type === "dialogue").find(
+            (v) => v.streamIndex === u.streamIndex && v.index === u.index
+          ) || S !== u.streamIndex)
             continue;
-          d?.createEvent(c.assEvent), S.push(c);
-        } else if (c.type === "header") {
-          if (!d) {
-            const v = Me(c.content), b = {
-              ...v,
+          m?.createEvent(u.assEvent), b.push(u);
+        } else if (u.type === "header") {
+          if (!m) {
+            const l = Le(u.content), v = {
+              ...l,
               info: {
-                ...v.info,
+                ...l.info,
                 ScaledBorderAndShadow: "no",
                 LayoutResX: "",
                 LayoutResY: ""
               }
-            }, w = _t(b);
-            d = new gr({
-              video: u,
-              canvas: l,
-              subContent: w,
+            }, x = _t(v);
+            m = new br({
+              video: c,
+              canvas: d,
+              subContent: x,
               workerUrl: s.workerUrl,
               modernWasmUrl: s.wasmUrl,
-              fonts: E.filter(Boolean).map(([A, f]) => f),
-              availableFonts: { ...Object.fromEntries(E), "liberation sans": `${a}default.woff2` }
+              fonts: p.filter(Boolean).map(([A, f]) => f),
+              availableFonts: { ...Object.fromEntries(p), "liberation sans": `${a}default.woff2` }
               // fallbackFont: 'liberation sans',
             });
           }
-          for (const v in c.parsed.styles) {
-            const b = c.parsed.styles.style[Number(v)];
-            b && Wt(d, b);
+          for (const l in u.parsed.styles) {
+            const v = u.parsed.styles.style[Number(l)];
+            v && Wt(m, v);
           }
         } else
           throw new Error("Unknown subtitlePart type");
     }
-    p.type === "NEW_ATTACHMENTS" && (E = p.attachments.map((m) => [
-      m.filename,
-      new Uint8Array(m.data)
+    h.type === "NEW_ATTACHMENTS" && (p = h.attachments.map((y) => [
+      y.filename,
+      new Uint8Array(y.data)
     ]));
   }), () => {
-    d?.destroy();
+    m?.destroy();
   };
-}), zn = lt(async ({ sendBack: e, receive: t, input: n, self: r, emit: o }) => {
-  const { remuxerOptions: a } = n, { publicPath: s, workerUrl: u, bufferSize: l, length: E, read: d } = a;
+}), zn = lt(async ({ sendBack: e, receive: t, input: r, self: n, emit: o }) => {
+  const { remuxerOptions: a } = r, { publicPath: s, workerUrl: c, bufferSize: d, length: p, read: m } = a;
   let g;
-  const S = new Promise((b) => {
-    g = b;
+  const b = new Promise((v) => {
+    g = v;
   });
-  t(async (b) => {
-    await S, b.type === "DOWNLOADED_RANGES_UPDATED" && p.indexes.reduce((f, _) => {
+  t(async (v) => {
+    await b, v.type === "DOWNLOADED_RANGES_UPDATED" && h.indexes.reduce((f, _) => {
       const C = f.at(-1);
       if (C && _.timestamp - C.timestamp < 5)
         return f;
       {
-        const W = p.indexes.slice(_.index + 1).find((D) => D.timestamp > _.timestamp + 5);
-        return W ? [...f, { ..._, duration: W.timestamp - _.timestamp }] : [...f, _];
+        const F = h.indexes.slice(_.index + 1).find((U) => U.timestamp > _.timestamp + 5);
+        return F ? [...f, { ..._, duration: F.timestamp - _.timestamp }] : [...f, _];
       }
     }, []).filter((f) => {
-      const _ = p.indexes.at(f.index + 1), C = _ ? _.pos : a.length, W = f.pos;
-      return b.downloadedRanges.some(
-        ({ startByteOffset: K, endByteOffset: F }) => K <= W && C <= F
+      const _ = h.indexes.at(f.index + 1), C = _ ? _.pos : a.length, F = f.pos;
+      return v.downloadedRanges.some(
+        ({ startByteOffset: B, endByteOffset: V }) => B <= F && C <= V
       );
-    }).sort((f, _) => f.timestamp - _.timestamp).forEach((f) => v(f));
+    }).sort((f, _) => f.timestamp - _.timestamp).forEach((f) => l(f));
   });
-  const y = await Ht({
+  const S = await Ht({
     publicPath: s,
-    workerUrl: u,
-    bufferSize: l,
-    length: E,
-    read: d
-  }), p = await y.init(), m = new qt({ concurrency: 1 });
-  let c = [];
-  const v = (b) => m.add(async () => {
-    if (c.find((D) => D.index.index === b.index)) return;
-    const w = await y.readKeyframe(b.timestamp), A = new Blob([w], { type: "image/png" }), f = URL.createObjectURL(A), _ = p.indexes.at(b.index + 1), C = _ ? _.timestamp - b.timestamp : p.info.input.duration - b.timestamp, W = {
+    workerUrl: c,
+    bufferSize: d,
+    length: p,
+    read: m
+  }), h = await S.init(), y = new qt({ concurrency: 1 });
+  let u = [];
+  const l = (v) => y.add(async () => {
+    if (u.find((U) => U.index.index === v.index)) return;
+    const x = await S.readKeyframe(v.timestamp), A = new Blob([x], { type: "image/png" }), f = URL.createObjectURL(A), _ = h.indexes.at(v.index + 1), C = _ ? _.timestamp - v.timestamp : h.info.input.duration - v.timestamp, F = {
       blob: A,
       url: f,
-      timestamp: b.timestamp,
-      duration: b.duration ?? C,
-      index: b
+      timestamp: v.timestamp,
+      duration: v.duration ?? C,
+      index: v
     };
-    c.push(W), e({ type: "NEW_THUMBNAIL", thumbnail: W });
+    u.push(F), e({ type: "NEW_THUMBNAIL", thumbnail: F });
   });
   return g(), () => {
-    y.destroy();
+    S.destroy();
   };
 }), Fn = Er({
   types: {},
   actions: {
-    isReady: br(({ context: e, enqueue: t }) => {
+    isReady: gr(({ context: e, enqueue: t }) => {
       e.videoElement && e.canvasElement && e.remuxerOptions && e.subtitlesRendererOptions && e.mediaSourceOptions && t.raise({ type: "IS_READY" });
     })
   },
   actors: {
     mediaLogic: On,
-    mediaSourceLogic: $n,
+    mediaSourceLogic: kn,
     dataSourceLogic: Un,
     thumbnailsLogic: zn,
     subtitlesLogic: Yn
@@ -1964,6 +1964,7 @@ ${l}`),
     subtitleFragments: [],
     subtitleStreams: [],
     selectedSubtitleStreamIndex: void 0,
+    indexes: [],
     thumbnails: [],
     isReady: !1
   },
@@ -2054,47 +2055,52 @@ ${l}`),
         }
       ],
       on: {
-        PLAY: { actions: q("media", ({ event: e }) => e) },
-        PAUSE: { actions: q("media", ({ event: e }) => e) },
-        SET_TIME: { actions: q("media", ({ event: e }) => e) },
-        SET_PLAYBACK_RATE: { actions: q("media", ({ event: e }) => e) },
+        PLAY: { actions: H("media", ({ event: e }) => e) },
+        PAUSE: { actions: H("media", ({ event: e }) => e) },
+        SET_TIME: { actions: H("media", ({ event: e }) => e) },
+        SET_PLAYBACK_RATE: { actions: H("media", ({ event: e }) => e) },
         PLAYING: { actions: Y({ media: ({ context: e }) => ({ ...e.media, paused: !1 }) }) },
         PAUSED: { actions: Y({ media: ({ context: e }) => ({ ...e.media, paused: !0 }) }) },
         ENDED: { actions: Y({ media: ({ context: e }) => ({ ...e.media, paused: !0 }) }) },
         TIME_UPDATE: { actions: Y({ media: ({ context: e, event: t }) => ({ ...e.media, currentTime: t.currentTime }) }) },
         VOLUME_UPDATE: { actions: Y({ media: ({ context: e, event: t }) => ({ ...e.media, muted: t.muted, volume: t.volume }) }) },
-        SET_VOLUME: { actions: q("media", ({ event: e }) => e) },
+        SET_VOLUME: { actions: H("media", ({ event: e }) => e) },
         PLAYBACK_RATE_UPDATE: { actions: Y({ media: ({ context: e, event: t }) => ({ ...e.media, playbackRate: t.playbackRate }) }) },
         DURATION_UPDATE: { actions: Y({ media: ({ context: e, event: t }) => ({ ...e.media, duration: t.duration }) }) },
-        NEED_DATA: { actions: q("dataSource", ({ event: e }) => e) },
-        METADATA: { actions: q("mediaSource", ({ event: e }) => e) },
-        SEEKING: { actions: q("dataSource", ({ event: e }) => e) },
-        DATA: { actions: q("mediaSource", ({ event: e }) => e) },
-        TIMESTAMP_OFFSET: { actions: q("mediaSource", ({ event: e }) => e) },
+        NEED_DATA: { actions: H("dataSource", ({ event: e }) => e) },
+        METADATA: { actions: H("mediaSource", ({ event: e }) => e) },
+        SEEKING: { actions: H("dataSource", ({ event: e }) => e) },
+        DATA: { actions: H("mediaSource", ({ event: e }) => e) },
+        TIMESTAMP_OFFSET: { actions: H("mediaSource", ({ event: e }) => e) },
         NEW_THUMBNAIL: { actions: [Y({ thumbnails: ({ context: e, event: t }) => [...e.thumbnails, t.thumbnail] })] },
-        DOWNLOADED_RANGES_UPDATED: { actions: q("thumbnails", ({ event: e }) => e) },
+        DOWNLOADED_RANGES_UPDATED: { actions: H("thumbnails", ({ event: e }) => e) },
+        INDEXES: {
+          actions: [
+            Y({ indexes: ({ event: e }) => e.indexes })
+          ]
+        },
         NEW_ATTACHMENTS: {
           actions: [
             Y({ attachments: ({ context: e, event: t }) => [...e.attachments, ...t.attachments] }),
-            q("subtitles", ({ event: e }) => e)
+            H("subtitles", ({ event: e }) => e)
           ]
         },
         NEW_SUBTITLE_FRAGMENTS: {
           actions: [
             Y({ subtitleFragments: ({ context: e, event: t }) => [...e.subtitleFragments, ...t.subtitles] }),
-            q("subtitles", ({ event: e }) => e)
+            H("subtitles", ({ event: e }) => e)
             // emit(({ event }) => ({ type: 'NEW_SUBTITLE_FRAGMENTS', subtitles: event.subtitles }))
           ]
         },
         SUBTITLE_STREAMS_UPDATED: {
           actions: [
             Y({ subtitleStreams: ({ event: e }) => e.subtitlesStreams }),
-            q("subtitles", ({ event: e }) => e)
+            H("subtitles", ({ event: e }) => e)
           ]
         },
         SELECT_SUBTITLE_STREAM: {
           actions: [
-            q("subtitles", ({ event: e }) => e)
+            H("subtitles", ({ event: e }) => e)
           ]
         },
         SELECTED_SUBTITLE_STREAM_UPDATED: {
@@ -2107,46 +2113,78 @@ ${l}`),
     },
     DESTROYED: {}
   }
-}), $ = 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"));
+}), O = vr(Fn), we = hr({}), Bt = (e, t) => {
+  const [r, n] = Q(() => localStorage.getItem(e) ?? t), o = (a) => {
+    localStorage.setItem(e, a), n(a), window.dispatchEvent(new Event("storage"));
   };
   return z(() => {
     const a = () => {
       const s = localStorage.getItem(e);
-      r(s ?? t);
+      n(s ?? t);
     };
     return window.addEventListener("storage", a), () => {
       window.removeEventListener("storage", a);
     };
-  }, [e]), [n, o];
-}, nt = (e, t, n, r) => {
+  }, [e]), [r, o];
+}, nt = (e, t, r, n) => {
   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" });
-}, Vn = Q`
+  if (!r) throw new Error("Duration not found");
+  r === n ? (e.send({ type: "SET_TIME", value: 0 }), e.send({ type: "PLAY" })) : t ? e.send({ type: "PLAY" }) : e.send({ type: "PAUSE" });
+}, Vn = K`
   top: unset !important;
   left: unset !important;
   width: 100%;
   height: 100%;
   margin: auto;
-`, Wn = () => {
-  const e = $.useActorRef(), [t, n] = Z(), r = ot((o) => {
-    n(o);
+  pointer-events: none;
+`, Wn = K`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  margin-left: 2.5rem;
+  margin-top: 2.5rem;
+  font-size: 2rem;
+  color: white;
+  text-shadow: 0 0 4px rgba(0, 0, 0, 1);
+  z-index: 2;
+  pointer-events: none;
+`, Bn = K`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 2rem;
+  color: white;
+  text-shadow: 0 0 4px rgba(0, 0, 0, 1);
+  z-index: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+`, Gn = ({ loadingInformation: e }) => {
+  const t = O.useActorRef(), r = O.useSelector((c) => c.context.media.duration), n = Se(we), [o, a] = Q(), s = ot((c) => {
+    a(c);
   }, []);
   return z(() => {
-    t && e.send({
+    o && t.send({
       type: "SET_CANVAS_ELEMENT",
-      canvasElement: t
+      canvasElement: o
     });
-  }, [t]), /* @__PURE__ */ h(cr, { children: /* @__PURE__ */ h("canvas", { ref: r, css: Vn }) });
-}, ur = 1e-4, bt = 1, lr = 2, dr = (e) => {
-  const t = Math.max(ur, Math.min(bt, e));
+  }, [o]), /* @__PURE__ */ $(cr, { children: [
+    n.title && !n.hideUI ? /* @__PURE__ */ E("div", { css: Wn, children: n.title }) : void 0,
+    r === void 0 && e ? /* @__PURE__ */ E("div", { css: Bn, children: e }) : void 0,
+    /* @__PURE__ */ E("canvas", { ref: s, css: Vn })
+  ] });
+}, ur = 1e-4, gt = 1, lr = 2, dr = (e) => {
+  const t = Math.max(ur, Math.min(gt, e));
   return Math.pow(t, lr);
-}, xt = (e) => {
-  const t = Math.max(ur, Math.min(bt, e));
-  return Math.pow(t, bt / lr);
-}, Se = {
+}, St = (e) => {
+  const t = Math.max(ur, Math.min(gt, e));
+  return Math.pow(t, gt / lr);
+}, xe = {
   bMedium: {
     bold: `
       font-weight: 600;
@@ -2178,7 +2216,7 @@ ${l}`),
       }
     `
   }
-}, Bn = (e) => Q`
+}, Xn = (e) => K`
   display: flex;
   justify-content: flex-end;
 
@@ -2188,74 +2226,74 @@ ${l}`),
   z-index: 3;
 
   * {
-    ${Se.bSmall.regular}
+    ${xe.bSmall.regular}
   }
 
-  ${e === "sm" && Q`
+  ${e === "sm" && K`
     padding: 0.4rem!important;
   `}
-  ${e === "md" && Q`
+  ${e === "md" && K`
     padding: 0.6rem!important;
   `}
-  ${e === "lg" && Q`
+  ${e === "lg" && K`
     padding: 1.2rem!important;
   `}
-`, ge = ({
+`, be = ({
   id: e,
   toolTipText: t,
-  text: n,
-  delayShow: r = 0,
+  text: r,
+  delayShow: n = 0,
   closeDelay: o = 0,
   offset: a = 20,
   tooltipPlace: s = "top",
-  disabled: u = !1,
-  size: l = "md"
+  disabled: c = !1,
+  size: d = "md"
   /* md */
-}) => /* @__PURE__ */ I(cr, { children: [
-  /* @__PURE__ */ h(
+}) => /* @__PURE__ */ $(cr, { children: [
+  /* @__PURE__ */ E(
     "div",
     {
       "data-tooltip-id": e,
       "data-open": !0,
       "data-tooltip-offset": a,
-      "data-tooltip-delay-show": r,
+      "data-tooltip-delay-show": n,
       "data-tooltip-delay-hide": o,
       "data-tooltip-place": s,
-      children: n
+      children: r
     }
   ),
-  !u && /* @__PURE__ */ h(
+  !c && /* @__PURE__ */ E(
     Pr,
     {
-      css: Bn(l),
+      css: Xn(d),
       id: e,
       noArrow: !0,
       children: t
     }
   )
-] }), Gn = ({ ref: e, defaultValue: t }) => {
-  const [n, r] = Z(t), [o, a] = Z(!1), s = (u) => {
+] }), qn = ({ ref: e, defaultValue: t }) => {
+  const [r, n] = Q(t), [o, a] = Q(!1), s = (c) => {
     if (a(!0), !e.current) return;
-    const { clientX: l } = u, { left: E, right: d } = e.current.getBoundingClientRect();
-    r(Math.min(Math.max((l - E) / (d - E), 0), 1));
+    const { clientX: d } = c, { left: p, right: m } = e.current.getBoundingClientRect();
+    n(Math.min(Math.max((d - p) / (m - p), 0), 1));
   };
   return z(() => {
     if (!o) return;
-    const u = () => a(!1), l = (E) => {
+    const c = () => a(!1), d = (p) => {
       if (!e.current) return;
-      const { clientX: d } = E, { left: g, right: S } = e.current.getBoundingClientRect();
-      r(Math.min(Math.max((d - g) / (S - g), 0), 1));
+      const { clientX: m } = p, { left: g, right: b } = e.current.getBoundingClientRect();
+      n(Math.min(Math.max((m - g) / (b - g), 0), 1));
     };
-    return document.addEventListener("mousemove", l), document.addEventListener("mouseup", u), () => {
-      document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", u);
+    return document.addEventListener("mousemove", d), document.addEventListener("mouseup", c), () => {
+      document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", c);
     };
   }, [o]), {
-    value: n,
+    value: r,
     scrubbing: o,
     scrub: s,
-    setValue: r
+    setValue: n
   };
-}, Xn = Q`
+}, Hn = K`
   position: relative;
   height: .4rem;
 
@@ -2296,7 +2334,7 @@ ${l}`),
     justify-content: center;
 
     text-shadow: 0 0 4px rgba(0, 0, 0, 1);
-    ${Se.bMedium.bold}
+    ${xe.bMedium.bold}
 
     position: absolute;
     top: -2.5rem;
@@ -2366,68 +2404,68 @@ ${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 = Ue(je), a = Ne(null), { scrub: s, value: u } = Gn({ ref: a }), [l, E] = Z(void 0), d = (c) => {
-    const b = c.nativeEvent.offsetX / c.currentTarget.offsetWidth * (n ?? 0);
-    E(b);
-  }, g = () => {
-    a.current && E(void 0);
+`, Kn = () => {
+  const e = O.useActorRef(), t = O.useSelector((l) => l.context.media.currentTime), r = O.useSelector((l) => l.context.media.duration), n = O.useSelector((l) => l.context.indexes), o = O.useSelector((l) => l.context.thumbnails), a = Se(we), s = Ie(null), { scrub: c, value: d } = qn({ ref: s }), [p, m] = Q(void 0), g = (l) => {
+    const x = l.nativeEvent.offsetX / l.currentTarget.offsetWidth * (r ?? 0);
+    m(x);
+  }, b = () => {
+    s.current && m(void 0);
   }, S = pe(
-    () => o.downloadedRanges?.map((c, v) => {
-      if ("startByteOffset" in c && "endByteOffset" in c && o.size) {
-        const b = c.startByteOffset / o.size, A = c.endByteOffset / o.size - b, f = b * 100;
-        return /* @__PURE__ */ h("div", { className: "loaded-part", style: { transform: `scaleX(${A})`, marginLeft: `${f}%` } }, v);
-      } else
-        return null;
+    () => a.downloadedRanges?.map((l, v) => {
+      if (!a.size || !r) return null;
+      const x = n.filter((B) => l.startByteOffset <= B.pos && B.pos <= l.endByteOffset), A = x.at(0), f = x.at(-1);
+      if (!A || !f) return null;
+      const _ = A.timestamp / r, C = f.timestamp / r, F = Number((C - _).toFixed(2)), U = _ * 100;
+      return /* @__PURE__ */ E("div", { className: "loaded-part", style: { transform: `scaleX(${F})`, marginLeft: `${U}%` } }, v);
     }) ?? [],
-    [o.downloadedRanges?.map(({ startByteOffset: c, endByteOffset: v }) => `${c}/${v}`).join(",")]
-  ), y = pe(() => {
-    if (!l || l < 0) return;
-    const c = Math.floor(l / 3600), v = Math.floor((l - c * 3600) / 60), b = Math.floor(l - c * 3600 - v * 60);
-    return `${c > 0 ? `${c}:` : ""}${v < 10 ? "0" : ""}${v}:${b < 10 ? "0" : ""}${b}`;
-  }, [l]);
+    [r, n.length, a.downloadedRanges?.map(({ startByteOffset: l, endByteOffset: v }) => `${l}/${v}`).join(",")]
+  ), h = pe(() => {
+    if (!p || p < 0) return;
+    const l = Math.floor(p / 3600), v = Math.floor((p - l * 3600) / 60), x = Math.floor(p - l * 3600 - v * 60);
+    return `${l > 0 ? `${l}:` : ""}${v < 10 ? "0" : ""}${v}:${x < 10 ? "0" : ""}${x}`;
+  }, [p]);
   z(() => {
-    if (!e || u === void 0 || !n) return;
-    const c = u * n;
-    e.send({ type: "SET_TIME", value: c });
-  }, [e, u, n]);
-  const p = pe(() => typeof n != "number" || typeof t != "number" ? 0 : 1 / ((n ?? 0) / (t ?? 0)), [n, t]), m = pe(() => {
-    if (!(!r.length || !l))
-      return r.find(
-        ({ timestamp: c, duration: v }) => c <= l && l <= c + v
+    if (!e || d === void 0 || !r) return;
+    const l = d * r;
+    e.send({ type: "SET_TIME", value: l });
+  }, [e, d, r]);
+  const y = pe(() => typeof r != "number" || typeof t != "number" ? 0 : 1 / ((r ?? 0) / (t ?? 0)), [r, t]), u = pe(() => {
+    if (!(!o.length || !p))
+      return o.find(
+        ({ timestamp: l, duration: v }) => l <= p && p <= l + v
       );
-  }, [r.length, l]);
-  return /* @__PURE__ */ I(
+  }, [o.length, p]);
+  return /* @__PURE__ */ $(
     "div",
     {
-      css: Xn,
-      ref: a,
+      css: Hn,
+      ref: s,
       className: "progress-bar",
-      onMouseMove: d,
-      onMouseOut: g,
+      onMouseMove: g,
+      onMouseOut: b,
       children: [
-        /* @__PURE__ */ h("div", { className: "background-bar" }),
-        l ? /* @__PURE__ */ h(
+        /* @__PURE__ */ E("div", { className: "background-bar" }),
+        p ? /* @__PURE__ */ E(
           "div",
           {
             className: "cursor-time",
-            style: { left: `clamp(1.8rem, ${1 / ((n ?? 0) / (l ?? 1)) * 100}%, calc(100% - 1.8rem))` },
-            children: y
+            style: { left: `clamp(1.8rem, ${1 / ((r ?? 0) / (p ?? 1)) * 100}%, calc(100% - 1.8rem))` },
+            children: h
           }
         ) : void 0,
-        /* @__PURE__ */ h("div", { className: "progress" }),
-        /* @__PURE__ */ h("div", { className: "loaded", children: S }),
-        /* @__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__ */ E("div", { className: "progress" }),
+        /* @__PURE__ */ E("div", { className: "loaded", children: S }),
+        /* @__PURE__ */ E("div", { className: "hover" }),
+        /* @__PURE__ */ E("div", { className: "play-container", children: /* @__PURE__ */ E("div", { className: "play", style: { transform: `scaleX(${y})` } }) }),
+        /* @__PURE__ */ E("div", { className: "chapters" }),
+        /* @__PURE__ */ E("div", { className: "scrubber" }),
+        /* @__PURE__ */ E("div", { className: "padding", onMouseDown: c }),
+        /* @__PURE__ */ E(
           "div",
           {
             className: "thumbnail",
-            style: { left: `clamp(12.5rem, ${1 / ((n ?? 0) / (l ?? 1)) * 100}%, calc(100% - 12.5rem))` },
-            children: m ? /* @__PURE__ */ h("img", { src: m.url }) : void 0
+            style: { left: `clamp(12.5rem, ${1 / ((r ?? 0) / (p ?? 1)) * 100}%, calc(100% - 12.5rem))` },
+            children: u ? /* @__PURE__ */ E("img", { src: u.url }) : void 0
           }
         )
       ]
@@ -2435,9 +2473,9 @@ ${l}`),
   );
 }, 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}`;
-}, 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`
+  const t = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), n = Math.floor(e % 60);
+  return t > 0 ? `${t}:${r < 10 ? "0" : ""}${r}:${n < 10 ? "0" : ""}${n}` : `${r}:${n < 10 ? "0" : ""}${n}`;
+}, Jn = (e, t) => `${Gt(e)} / ${Gt(t)}`, Zn = "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", Qn = K`
 position: relative;
 
 .popover {
@@ -2458,7 +2496,7 @@ position: relative;
 
   border-radius: 8px;
   background-color: rgba(28,28,28,0.95);
-  ${Se.bMedium.regular}
+  ${xe.bMedium.regular}
 
   z-index: 4;
 
@@ -2493,175 +2531,175 @@ position: relative;
 
       .secondary {
         color: #eee;
-        ${Se.bSmall.regular}
+        ${xe.bSmall.regular}
       }
     }
   }
 }
-`, 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(
+`, eo = () => {
+  const e = O.useActorRef(), t = O.useSelector((h) => h.context.media.playbackRate), r = O.useSelector((h) => h.context.subtitleStreams), n = O.useSelector((h) => h.context.selectedSubtitleStreamIndex), [o, a] = Q(!1), [s, c] = Q(
     0
     /* Default */
-  ), l = Ne(null), E = () => {
-    a(!o), u(
+  ), d = Ie(null), p = () => {
+    a(!o), c(
       0
       /* Default */
     );
-  }, d = (p) => {
-    e.send({ type: "SET_PLAYBACK_RATE", playbackRate: p }), u(
+  }, m = (h) => {
+    e.send({ type: "SET_PLAYBACK_RATE", playbackRate: h }), c(
       0
       /* Default */
     );
   };
   z(() => {
-    const p = (m) => {
-      o && l.current && !l.current.contains(m.target) && E();
+    const h = (y) => {
+      o && d.current && !d.current.contains(y.target) && p();
     };
-    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
   }, [o]);
   const g = pe(
-    () => n.map(({ header: p }) => ({ streamIndex: p.streamIndex, language: p.parsed.info.Title })),
-    [n.length]
-  ), S = (p) => () => {
-    e.send({ type: "SELECT_SUBTITLE_STREAM", streamIndex: p.streamIndex }), E();
-  }, y = (p) => () => {
-    u(p);
+    () => r.map(({ header: h }) => ({ streamIndex: h.streamIndex, language: h.parsed.info.Title })),
+    [r.length]
+  ), b = (h) => () => {
+    e.send({ type: "SELECT_SUBTITLE_STREAM", streamIndex: h.streamIndex }), p();
+  }, S = (h) => () => {
+    c(h);
   };
-  return /* @__PURE__ */ I("div", { css: Jn, ref: l, children: [
-    /* @__PURE__ */ h(
-      ge,
+  return /* @__PURE__ */ $("div", { css: Qn, ref: d, children: [
+    /* @__PURE__ */ E(
+      be,
       {
         id: "settings",
         disabled: o,
-        text: /* @__PURE__ */ h(
+        text: /* @__PURE__ */ E(
           "button",
           {
             className: "settings",
             type: "button",
-            onClick: E,
-            children: /* @__PURE__ */ h(yr, {})
+            onClick: p,
+            children: /* @__PURE__ */ E(yr, {})
           }
         ),
-        toolTipText: /* @__PURE__ */ h("span", { children: "Settings" })
+        toolTipText: /* @__PURE__ */ E("span", { children: "Settings" })
       }
     ),
-    o && s === 0 && /* @__PURE__ */ I("div", { className: "popover", children: [
-      /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 0 && /* @__PURE__ */ $("div", { className: "popover", children: [
+      /* @__PURE__ */ $("div", { onClick: S(
         2
         /* Advanced */
       ), children: [
-        /* @__PURE__ */ h("span", { children: "Advanced" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ E("span", { children: "Advanced" }),
+        /* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(Ke, {}) })
       ] }),
-      /* @__PURE__ */ I("div", { onClick: y(
+      /* @__PURE__ */ $("div", { onClick: S(
         3
         /* SelectNewSources */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Select new sources" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ E("div", { children: "Select new sources" }),
+        /* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(Ke, {}) })
       ] }),
-      /* @__PURE__ */ I("div", { onClick: y(
+      /* @__PURE__ */ $("div", { onClick: S(
         4
         /* Subtitles */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Subtitles" }),
-        /* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(Ke, {}) })
+        /* @__PURE__ */ E("div", { children: "Subtitles" }),
+        /* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(Ke, {}) })
       ] }),
-      /* @__PURE__ */ I("div", { onClick: y(
+      /* @__PURE__ */ $("div", { onClick: S(
         1
         /* PlaybackRate */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Playback speed" }),
-        /* @__PURE__ */ I("div", { children: [
-          /* @__PURE__ */ h("span", { className: "secondary", children: t === 1 ? "(Default)" : t.toFixed(2) }),
-          /* @__PURE__ */ h(Ke, {})
+        /* @__PURE__ */ E("div", { children: "Playback speed" }),
+        /* @__PURE__ */ $("div", { children: [
+          /* @__PURE__ */ E("span", { className: "secondary", children: t === 1 ? "(Default)" : t.toFixed(2) }),
+          /* @__PURE__ */ E(Ke, {})
         ] })
       ] })
     ] }),
-    o && s === 1 && /* @__PURE__ */ I("div", { className: "popover", children: [
-      /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 1 && /* @__PURE__ */ $("div", { className: "popover", children: [
+      /* @__PURE__ */ $("div", { onClick: S(
         0
         /* Default */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Back" }),
-        /* @__PURE__ */ h("div", {})
+        /* @__PURE__ */ E("div", { children: "Back" }),
+        /* @__PURE__ */ E("div", {})
       ] }),
-      /* @__PURE__ */ I("div", { children: [
-        /* @__PURE__ */ h("div", { children: "Playback speed" }),
-        /* @__PURE__ */ I("div", { children: [
-          /* @__PURE__ */ h(
+      /* @__PURE__ */ $("div", { children: [
+        /* @__PURE__ */ E("div", { children: "Playback speed" }),
+        /* @__PURE__ */ $("div", { children: [
+          /* @__PURE__ */ E(
             "button",
             {
               type: "button",
-              onClick: () => d(0.5),
+              onClick: () => m(0.5),
               children: "0.5x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ E(
             "button",
             {
               type: "button",
-              onClick: () => d(1),
+              onClick: () => m(1),
               children: "1x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ E(
             "button",
             {
               type: "button",
-              onClick: () => d(1.5),
+              onClick: () => m(1.5),
               children: "1.5x"
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ E(
             "button",
             {
               type: "button",
-              onClick: () => d(2),
+              onClick: () => m(2),
               children: "2x"
             }
           )
         ] })
       ] })
     ] }),
-    o && s === 2 && /* @__PURE__ */ h("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 2 && /* @__PURE__ */ E("div", { className: "popover", children: /* @__PURE__ */ $("div", { onClick: S(
       0
       /* Default */
     ), children: [
-      /* @__PURE__ */ h("div", { children: "Back" }),
-      /* @__PURE__ */ h("div", {})
+      /* @__PURE__ */ E("div", { children: "Back" }),
+      /* @__PURE__ */ E("div", {})
     ] }) }),
-    o && s === 3 && /* @__PURE__ */ h("div", { className: "popover", children: /* @__PURE__ */ I("div", { onClick: y(
+    o && s === 3 && /* @__PURE__ */ E("div", { className: "popover", children: /* @__PURE__ */ $("div", { onClick: S(
       0
       /* Default */
     ), children: [
-      /* @__PURE__ */ h("div", { children: "Back" }),
-      /* @__PURE__ */ h("div", {})
+      /* @__PURE__ */ E("div", { children: "Back" }),
+      /* @__PURE__ */ E("div", {})
     ] }) }),
-    o && s === 4 && /* @__PURE__ */ I("div", { className: "popover", children: [
-      g.map((p) => /* @__PURE__ */ I(
+    o && s === 4 && /* @__PURE__ */ $("div", { className: "popover", children: [
+      g.map((h) => /* @__PURE__ */ $(
         "div",
         {
-          onClick: S(p),
+          onClick: b(h),
           children: [
-            /* @__PURE__ */ h("div", { children: p.language }),
-            /* @__PURE__ */ h("div", { children: r === p.streamIndex ? "✓" : "" })
+            /* @__PURE__ */ E("div", { children: h.language }),
+            /* @__PURE__ */ E("div", { children: n === h.streamIndex ? "✓" : "" })
           ]
         },
-        p.streamIndex
+        h.streamIndex
       )),
-      /* @__PURE__ */ I("div", { onClick: y(
+      /* @__PURE__ */ $("div", { onClick: S(
         0
         /* Default */
       ), children: [
-        /* @__PURE__ */ h("div", { children: "Back" }),
-        /* @__PURE__ */ h("div", {})
+        /* @__PURE__ */ E("div", { children: "Back" }),
+        /* @__PURE__ */ E("div", {})
       ] })
     ] })
   ] });
-}, Qn = {
+}, to = {
   hover: "rgba(255, 255, 255, 0.13)"
-}, eo = Q`
+}, ro = K`
   display: flex;
   align-items: center;
 
@@ -2692,59 +2730,59 @@ position: relative;
     width: 10px;
     height: 10px;
   }
-`, 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) => {
+`, no = ({ value: e, onChange: t }) => {
+  const r = O.useSelector((u) => u.context.media.volume), n = O.useSelector((u) => u.context.media.muted), o = Ie(null), [a, s] = Q(!1), c = (u) => {
     if (!o.current) return e;
-    const v = o.current.getBoundingClientRect(), b = c - v.left;
-    return Math.max(0, Math.min(b, v.width)) / v.width;
-  }, l = (c) => {
+    const l = o.current.getBoundingClientRect(), v = u - l.left;
+    return Math.max(0, Math.min(v, l.width)) / l.width;
+  }, d = (u) => {
     s(!0);
-    const v = u(c.clientX);
-    t(v);
-  }, E = (c) => {
+    const l = c(u.clientX);
+    t(l);
+  }, p = (u) => {
     if (!a) return;
-    const v = u(c.clientX);
-    t(v);
-  }, d = () => {
+    const l = c(u.clientX);
+    t(l);
+  }, m = () => {
     s(!1);
-  }, g = (c) => {
-    c.preventDefault();
-    const v = 0.05;
-    let b = e;
-    c.deltaY < 0 ? b = Math.min(1, b + v) : b = Math.max(0, b - v), t(b);
+  }, g = (u) => {
+    u.preventDefault();
+    const l = 0.05;
+    let v = e;
+    u.deltaY < 0 ? v = Math.min(1, v + l) : v = Math.max(0, v - l), t(v);
   };
-  z(() => (window.addEventListener("mousemove", E), window.addEventListener("mouseup", d), () => {
-    window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", d);
+  z(() => (window.addEventListener("mousemove", p), window.addEventListener("mouseup", m), () => {
+    window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", m);
   }), [a]), z(() => {
-    const c = o.current;
-    return c && c.addEventListener("wheel", g, { passive: !1 }), () => {
-      c && c.removeEventListener("wheel", g);
+    const u = o.current;
+    return u && u.addEventListener("wheel", g, { passive: !1 }), () => {
+      u && u.removeEventListener("wheel", g);
     };
   }, [e]);
-  const S = e * 100, y = "#fff", p = "#3A3A3A", m = pe(
-    () => Math.round(r ? 0 : xt(n) * 100),
-    [n]
+  const b = e * 100, S = "#fff", h = "#3A3A3A", y = pe(
+    () => Math.round(n ? 0 : St(r) * 100),
+    [r]
   );
-  return /* @__PURE__ */ h(
-    ge,
+  return /* @__PURE__ */ E(
+    be,
     {
       id: "volume-slider",
-      text: /* @__PURE__ */ h(
+      text: /* @__PURE__ */ E(
         "div",
         {
           ref: o,
-          css: eo,
-          onMouseDown: l,
-          children: /* @__PURE__ */ h(
+          css: ro,
+          onMouseDown: d,
+          children: /* @__PURE__ */ E(
             "div",
             {
               style: {
                 background: `linear-gradient(to right, 
-                ${y} 0% ${S}%, 
-                ${p} ${S}% 100%
+                ${S} 0% ${b}%, 
+                ${h} ${b}% 100%
               )`
               },
-              children: /* @__PURE__ */ h(
+              children: /* @__PURE__ */ E(
                 "div",
                 {
                   className: "volume-handle",
@@ -2757,13 +2795,13 @@ position: relative;
           )
         }
       ),
-      toolTipText: /* @__PURE__ */ I("div", { className: "volume-value", children: [
-        m,
+      toolTipText: /* @__PURE__ */ $("div", { className: "volume-value", children: [
+        y,
         "%"
       ] })
     }
   );
-}, ro = Q`
+}, oo = K`
   position: relative;
   display: flex;
   align-items: center;
@@ -2788,7 +2826,7 @@ position: relative;
       border-radius: 4px;
 
       .volume-value {
-        ${Se.bMedium.regular};
+        ${xe.bMedium.regular};
         color: #ffffff;
       }
     }
@@ -2802,39 +2840,39 @@ position: relative;
 
     pointer-events: auto;
   }
-`, 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({
+`, io = ({ ref: e }) => {
+  const t = O.useActorRef(), r = O.useSelector((s) => s.context.media.volume), n = O.useSelector((s) => s.context.media.muted), o = pe(() => St(r), [r]), a = (s, c) => t.send({
     type: "SET_VOLUME",
-    muted: u,
+    muted: c,
     volume: dr(s)
   });
-  return /* @__PURE__ */ I("div", { css: ro, children: [
-    /* @__PURE__ */ h(
-      ge,
+  return /* @__PURE__ */ $("div", { css: oo, children: [
+    /* @__PURE__ */ E(
+      be,
       {
         id: "sound",
-        text: /* @__PURE__ */ h(
+        text: /* @__PURE__ */ E(
           "button",
           {
             className: "sound",
             type: "button",
-            onClick: () => a(o, !r),
+            onClick: () => a(o, !n),
             ref: e,
-            children: r || n === 0 ? /* @__PURE__ */ h(Sr, { size: 18, color: "#fff" }) : n <= 0.5 ? /* @__PURE__ */ h(xr, { size: 18, color: "#fff" }) : /* @__PURE__ */ h(Tr, { size: 18, color: "#fff" })
+            children: n || r === 0 ? /* @__PURE__ */ E(xr, { size: 18, color: "#fff" }) : r <= 0.5 ? /* @__PURE__ */ E(Sr, { size: 18, color: "#fff" }) : /* @__PURE__ */ E(Tr, { size: 18, color: "#fff" })
           }
         ),
-        toolTipText: /* @__PURE__ */ h("span", { children: r ? "Unmute (m)" : "Mute (m)" })
+        toolTipText: /* @__PURE__ */ E("span", { children: n ? "Unmute (m)" : "Mute (m)" })
       }
     ),
-    /* @__PURE__ */ h("div", { className: "volume-slider-container", children: /* @__PURE__ */ h("div", { className: "volume-slider-background", children: /* @__PURE__ */ h(
-      to,
+    /* @__PURE__ */ E("div", { className: "volume-slider-container", children: /* @__PURE__ */ E("div", { className: "volume-slider-background", children: /* @__PURE__ */ E(
+      no,
       {
-        value: r ? 0 : o,
+        value: n ? 0 : o,
         onChange: (s) => a(s, !1)
       }
     ) }) })
   ] });
-}, oo = Q`
+}, ao = K`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -2918,14 +2956,14 @@ position: relative;
         cursor: pointer;
 
         :hover {
-          background-color: ${Qn.hover};
+          background-color: ${to.hover};
         }
       }
     }
 
     .left {
       .time {
-        ${Se.bMedium.regular}
+        ${xe.bMedium.regular}
       }
     }
     .right {
@@ -2946,122 +2984,123 @@ position: relative;
       }
     }
   }
-`, io = ({
-  containerRef: e
-}) => {
-  const t = $.useActorRef(), n = Ue(je), r = $.useSelector((m) => m.context.media.paused), o = $.useSelector((m) => m.context.media.volume), a = $.useSelector((m) => m.context.media.muted), s = $.useSelector((m) => m.context.media.currentTime), u = $.useSelector((m) => m.context.media.duration), [l, E] = Z(), [d, g] = Z(!1);
+`, so = ({ mediaInformation: e, containerRef: t }) => {
+  const r = O.useActorRef(), n = Se(we), o = O.useSelector((u) => u.context.media.paused), a = O.useSelector((u) => u.context.media.volume), s = O.useSelector((u) => u.context.media.muted), c = O.useSelector((u) => u.context.media.currentTime), d = O.useSelector((u) => u.context.media.duration), [p, m] = Q(), [g, b] = Q(!1);
   z(() => {
-    const m = () => {
-      g(!!document.fullscreenElement);
+    const u = () => {
+      b(!!document.fullscreenElement);
     };
-    return document.addEventListener("fullscreenchange", m), () => {
-      document.removeEventListener("fullscreenchange", m);
+    return document.addEventListener("fullscreenchange", u), () => {
+      document.removeEventListener("fullscreenchange", u);
     };
   }, []);
   const S = () => {
-    document.fullscreenElement ? document.exitFullscreen() : e.current && e.current.requestFullscreen();
-  }, y = ot(({ direction: m, stepSize: c }) => {
-    if (!t) return;
-    const v = xt(o), b = m === "up" ? c : -c, w = Math.max(0, Math.min(1, v + b)), A = dr(w);
-    t.send({
+    document.fullscreenElement ? document.exitFullscreen() : t.current && t.current.requestFullscreen();
+  }, h = ot(({ direction: u, stepSize: l }) => {
+    if (!r) return;
+    const v = St(a), x = u === "up" ? l : -l, A = Math.max(0, Math.min(1, v + x)), f = dr(A);
+    r.send({
       type: "SET_VOLUME",
-      muted: a,
-      volume: A
+      muted: s,
+      volume: f
     });
-  }, [t.id, a, o]);
+  }, [r.id, s, a]);
   z(() => {
-    const m = (c) => {
+    const u = (l) => {
       let v = !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")
-        y({ direction: "up", stepSize: 0.05 });
-      else if (c.key === "ArrowDown")
-        y({ direction: "down", stepSize: 0.05 });
-      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();
+      if (l.key === "f") S();
+      else if (l.key === "k") nt(r, o, d, c);
+      else if (l.key === " ") nt(r, o, d, c);
+      else if (l.key === "m")
+        r.send({ type: "SET_VOLUME", muted: !s, volume: a });
+      else if (l.key === "ArrowUp")
+        h({ direction: "up", stepSize: 0.05 });
+      else if (l.key === "ArrowDown")
+        h({ direction: "down", stepSize: 0.05 });
+      else if (l.key === "ArrowRight") {
+        if (!d) return;
+        c + 5 >= d ? r.send({ type: "SET_TIME", value: d }) : r.send({ type: "SET_TIME", value: c + 5 });
+      } else l.key === "ArrowLeft" ? c - 5 < 0 ? r.send({ type: "SET_TIME", value: 0 }) : r.send({ type: "SET_TIME", value: c - 5 }) : v = !1;
+      v && l.preventDefault();
     };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [t, o, a, r, s, u]);
-  const p = ot((m) => {
-    m.preventDefault(), m.deltaY < 0 ? y({ direction: "up", stepSize: 0.05 }) : y({ direction: "down", stepSize: 0.05 });
-  }, [y]);
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
+  }, [r, a, s, o, c, d]);
+  const y = ot((u) => {
+    u.preventDefault(), u.deltaY < 0 ? h({ direction: "up", stepSize: 0.05 }) : h({ direction: "down", stepSize: 0.05 });
+  }, [h]);
   return z(() => {
-    if (l)
-      return l.addEventListener("wheel", p, { passive: !1 }), () => l.removeEventListener("wheel", p);
-  }, [l, y]), /* @__PURE__ */ I("div", { css: oo, style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} }, children: [
-    /* @__PURE__ */ h(qn, {}),
-    /* @__PURE__ */ I("div", { className: "actions", children: [
-      /* @__PURE__ */ I("div", { className: "left", children: [
-        /* @__PURE__ */ h(
-          ge,
+    if (p)
+      return p.addEventListener("wheel", y, { passive: !1 }), () => p.removeEventListener("wheel", y);
+  }, [p, h]), /* @__PURE__ */ $("div", { css: ao, style: { ...n.hideUI ? { opacity: "0", pointerEvents: "none" } : {} }, children: [
+    /* @__PURE__ */ E(Kn, {}),
+    /* @__PURE__ */ $("div", { className: "actions", children: [
+      /* @__PURE__ */ $("div", { className: "left", children: [
+        /* @__PURE__ */ E(
+          be,
           {
             id: "play",
             tooltipPlace: "top-start",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ E(
               "button",
               {
                 className: "play",
                 type: "button",
-                onClick: () => nt(t, r, u, s),
-                children: u === s ? /* @__PURE__ */ h(wr, {}) : r ? /* @__PURE__ */ h(Rr, {}) : /* @__PURE__ */ h(Ar, {})
+                onClick: () => nt(r, o, d, c),
+                children: d === c ? /* @__PURE__ */ E(wr, {}) : o ? /* @__PURE__ */ E(Rr, {}) : /* @__PURE__ */ E(Ar, {})
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: u === s ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
+            toolTipText: /* @__PURE__ */ E("span", { children: d === c ? "Replay (k)" : o ? "Play (k)" : "Pause (k)" })
           }
         ),
-        /* @__PURE__ */ h(no, { ref: E }),
-        /* @__PURE__ */ h("div", { className: "time", children: Hn(s, u) })
+        /* @__PURE__ */ E(io, { ref: m }),
+        /* @__PURE__ */ E("div", { className: "time", children: Jn(c, d) })
       ] }),
-      /* @__PURE__ */ I("div", { className: "right", children: [
-        /* @__PURE__ */ h(Zn, {}),
-        /* @__PURE__ */ h(
-          ge,
+      /* @__PURE__ */ $("div", { className: "right", children: [
+        e,
+        /* @__PURE__ */ E(eo, {}),
+        /* @__PURE__ */ E(
+          be,
           {
             id: "picture-in-picture",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ E(
               "button",
               {
                 className: "picture-in-picture",
                 type: "button",
-                children: /* @__PURE__ */ h("img", { src: Kn })
+                children: /* @__PURE__ */ E("img", { src: Zn })
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: "Picture in picture" })
+            toolTipText: /* @__PURE__ */ E("span", { children: "Picture in picture" })
           }
         ),
-        /* @__PURE__ */ h(
-          ge,
+        /* @__PURE__ */ E(
+          be,
           {
             id: "full-screen",
             tooltipPlace: "top-end",
-            text: /* @__PURE__ */ h(
+            text: /* @__PURE__ */ E(
               "button",
               {
                 className: "full-screen",
                 type: "button",
                 onClick: S,
-                children: d ? /* @__PURE__ */ h(_r, {}) : /* @__PURE__ */ h(Cr, {})
+                children: g ? /* @__PURE__ */ E(_r, {}) : /* @__PURE__ */ E(Cr, {})
               }
             ),
-            toolTipText: /* @__PURE__ */ h("span", { children: d ? "Exit full screen (f)" : "Full screen (f)" })
+            toolTipText: /* @__PURE__ */ E("span", { children: g ? "Exit full screen (f)" : "Full screen (f)" })
           }
         )
       ] })
     ] })
   ] });
-}, ao = Q`
+}, co = K`
   position: relative;
   background-color: black;
   display: flex;
   justify-content: center;
   align-items: center;
+  height: 100%;
+  width: 100%;
 
   & > div:not(:last-of-type) {
     position: absolute;
@@ -3080,88 +3119,91 @@ position: relative;
     height: 100%;
     width: 100%;
     background-color: black;
+    object-fit: contain;
   }
 
   &.hide {
     cursor: none;
   }
-`, 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(
+`, uo = ({ children: e, mediaInformation: t, loadingInformation: r }) => {
+  const n = O.useActorRef(), o = Se(we), a = O.useSelector((b) => b.context.media.paused), s = O.useSelector((b) => b.context.media.currentTime), c = O.useSelector((b) => b.context.media.duration), d = Ie(), p = Ie(null);
+  return /* @__PURE__ */ $(
     "div",
     {
-      css: ao,
-      ref: u,
-      onMouseMove: (d) => {
-        n.update({ ...n, hideUI: !1 }), s.current && clearInterval(s.current);
-        const g = setTimeout(() => {
-          n.update({ ...n, hideUI: !0 });
+      css: co,
+      ref: p,
+      onMouseMove: (b) => {
+        o.update({ ...o, hideUI: !1 }), d.current && clearInterval(d.current);
+        const S = setTimeout(() => {
+          o.update({ ...o, hideUI: !0 });
         }, 3e3);
-        s.current = g;
+        d.current = S;
       },
-      onMouseOut: (d) => {
-        d.currentTarget.parentElement !== d.relatedTarget && d.relatedTarget !== null || n.update({ ...n, hideUI: !0 });
+      onMouseOut: (b) => {
+        b.currentTarget.parentElement !== b.relatedTarget && b.relatedTarget !== null || o.update({ ...o, hideUI: !0 });
       },
-      className: n.hideUI ? "hide" : "",
+      className: o.hideUI ? "hide" : "",
       children: [
-        /* @__PURE__ */ h(Wn, {}),
-        /* @__PURE__ */ h(io, { containerRef: u }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ E(Gn, { loadingInformation: r }),
+        /* @__PURE__ */ E(so, { mediaInformation: t, containerRef: p }),
+        /* @__PURE__ */ E(
           "div",
           {
             className: "video",
-            onClick: () => nt(t, r, a, o),
+            onClick: () => nt(n, a, c, s),
             children: e
           }
         )
       ]
     }
   );
-}, co = 25e5, uo = Q`
+}, lo = 25e5, fo = K`
   display: flex;
   justify-content: center;
   background-color: #111;
   height: 100%;
+  width: 100%;
   overflow: hidden;
-`, lo = ({ options: e, videoElement: t, children: n }) => {
-  const r = Ue(je), o = $.useActorRef(), a = $.useSelector((m) => m.value), s = $.useSelector((m) => m.context.media.volume), u = $.useSelector((m) => m.context.media.muted), l = $.useSelector((m) => m.context.isReady), [E, d] = Bt("mediaVolume", "1"), [g, S] = Bt("mediaMute", "false"), [y, p] = Z(!0);
-  return z(
-    () => o.send({
+`, mo = ({ options: e, videoElement: t, children: r }) => {
+  const n = Se(we), o = O.useActorRef(), a = O.useSelector((u) => u.value), s = O.useSelector((u) => u.context.media.volume), c = O.useSelector((u) => u.context.media.muted), d = O.useSelector((u) => u.context.isReady), p = O.useSelector((u) => u.context.media.duration), [m, g] = Bt("mediaVolume", "1"), [b, S] = Bt("mediaMute", "false"), [h, y] = Q(!0);
+  return z(() => {
+    o.send({
       type: "MEDIA_SOURCE_OPTIONS",
       mediaSourceOptions: {}
-    }),
-    []
-  ), z(
+    });
+  }, []), z(() => {
+    !e.autoplay || p === void 0 || o.send({ type: "PLAY" });
+  }, [p, e.autoplay]), z(
     () => {
-      !o || !l || !r.downloadedRanges || o.send({
+      !o || !d || !n.downloadedRanges || o.send({
         type: "DOWNLOADED_RANGES_UPDATED",
-        downloadedRanges: r.downloadedRanges
+        downloadedRanges: n.downloadedRanges
       });
     },
     [
       o,
-      l,
-      (r.downloadedRanges?.map((m) => `${m.startByteOffset}-${m.endByteOffset}`) ?? []).join(",")
+      d,
+      (n.downloadedRanges?.map((u) => `${u.startByteOffset}-${u.endByteOffset}`) ?? []).join(",")
     ]
   ), z(() => {
-    const { size: m, read: c, publicPath: v, libavWorkerUrl: b, jassubWasmUrl: w } = e;
-    !c || !m || !v || !b || !w || o.send({
+    const { size: u, read: l, publicPath: v, libavWorkerUrl: x, jassubWasmUrl: A } = e;
+    !l || !u || !v || !x || !A || o.send({
       type: "REMUXER_OPTIONS",
       remuxerOptions: {
         publicPath: v,
-        workerUrl: b,
-        bufferSize: e.bufferSize ?? co,
-        length: m,
-        read: c
+        workerUrl: x,
+        bufferSize: e.bufferSize ?? lo,
+        length: u,
+        read: l
       }
     });
   }, [e.read, e.size, e.publicPath, e.libavWorkerUrl, e.bufferSize]), z(() => {
-    const { jassubWorkerUrl: m, jassubWasmUrl: c, jassubModernWasmUrl: v } = e;
-    !m || !c || !v || o.send({
+    const { jassubWorkerUrl: u, jassubWasmUrl: l, jassubModernWasmUrl: v } = e;
+    !u || !l || !v || o.send({
       type: "SUBTITLES_RENDERER_OPTIONS",
       subtitlesRendererOptions: {
-        workerUrl: m,
-        wasmUrl: c,
+        workerUrl: u,
+        wasmUrl: l,
         modernWasmUrl: v
       }
     });
@@ -3171,32 +3213,32 @@ position: relative;
       videoElement: t
     });
   }, [t]), z(() => {
-    l && (y ? (o.send({
+    d && (h ? (o.send({
       type: "SET_VOLUME",
-      muted: g === "true",
-      volume: isNaN(Number(E)) ? 1 : Number(E)
-    }), p(!1)) : (d(s.toString()), S(u ? "true" : "false")));
-  }, [l, s, u, y]), z(() => {
+      muted: b === "true",
+      volume: isNaN(Number(m)) ? 1 : Number(m)
+    }), y(!1)) : (g(s.toString()), S(c ? "true" : "false")));
+  }, [d, s, c, h]), z(() => {
     if (a === "OK")
       return () => {
         o.send({ type: "DESTROY" });
       };
-  }, [a]), /* @__PURE__ */ h("div", { css: uo, children: /* @__PURE__ */ h(so, { children: n }) });
-}, xo = ({ ref: e, ...t }) => {
-  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);
+  }, [a]), /* @__PURE__ */ E("div", { css: fo, children: /* @__PURE__ */ E(uo, { mediaInformation: e.mediaInformation, loadingInformation: e.loadingInformation, children: r }) });
+}, wo = ({ ref: e, ...t }) => {
+  const r = (d) => o({ ...d, update: r }), [n, o] = Q({ update: r }), [a, s] = Q(), c = ot((d) => {
+    typeof e == "function" ? e(d) : e && "current" in e && (e.current = d), s(d ?? void 0);
   }, []);
   return z(() => {
-    o((l) => ({
-      ...l,
+    o((d) => ({
+      ...d,
       videoElement: a,
       title: t?.title,
       size: t?.size,
       downloadedRanges: t?.downloadedRanges
     }));
-  }, [a, t?.title, t?.size, t?.downloadedRanges]), /* @__PURE__ */ h(je.Provider, { value: r, children: /* @__PURE__ */ h($.Provider, { children: /* @__PURE__ */ h(lo, { options: t, videoElement: a, children: /* @__PURE__ */ h("video", { ref: u, controls: !1 }) }) }) });
+  }, [a, t?.title, t?.size, t?.downloadedRanges]), /* @__PURE__ */ E(we.Provider, { value: n, children: /* @__PURE__ */ E(O.Provider, { children: /* @__PURE__ */ E(mo, { options: t, videoElement: a, children: /* @__PURE__ */ E("video", { ref: c, controls: !1 }) }) }) });
 };
 export {
-  lo as FKNVideoRoot,
-  xo as default
+  mo as FKNVideoRoot,
+  wo as default
 };